2025-10-28 11:21:04 -04:00
|
|
|
@import "tailwindcss";
|
|
|
|
|
@import "tw-animate-css";
|
feat(analyzer): Phase 2 — full stage persistence, fingerprints, aggregate reports, cost guards
Eight sub-phases per docs/ticket-analyzer-phase2-spec.md:
2.1 Schema (migration 070): analyzer_stage_executions table; source_snapshot,
aggregate_fingerprint, fingerprint_generated_at columns on analyzer_analyses.
model_traces marked LEGACY (kept for back-compat).
2.2 Every pipeline stage records a row to analyzer_stage_executions, success
or failure. Worker persists a status='failed' analyzer_analyses row when
the pipeline throws so partial stage records have a parent. Pipeline
exposes raw triage/sonnet/opus responses for downstream stages.
2.3 Stage 3 prompt updated with markdown formatting rules + banned filler
phrases. Added react-markdown + remark-gfm + @tailwindcss/typography.
New <AnalysisMarkdown> component replaces <ProseText>; coerces stray
headers to bold paragraphs.
2.4 Stage 6 fingerprint (Haiku) runs after persistence, failure-tolerant.
scripts/backfill-fingerprints.ts reconstructs Stage 6 input from the
legacy model_traces blob.
2.5 Browse UI rebuild at /analyzer/tickets: multi-select for client/issue/
queue/status/priority/assignee, sticky filter bar, active-filter chips,
bulk selection persisted via localStorage, "Analyze N selected" +
"Generate aggregate report" actions. New <MultiSelect> primitive.
Staleness uses last_activity_date > completed_at heuristic per spec C.1.
2.6 Aggregate reports (migration 071): runner is fire-and-forget, persists
SQL distributions immediately so UI shows partial state during the
Sonnet reduce call. Three endpoints, three pages (/analyzer/reports[/new
/:id]). IT Glue context fetcher capped at 200 doc titles.
2.7 Cost guards (migration 072): per-request $5 confirmation, soft-warn at
$20/day, hard-block at $50/day with ANALYZER_DAILY_COST_OVERRIDE_USERS
override. Every gating decision audited.
2.8 Runbook + build notes updated.
128 vitest tests passing, tsc clean. Migrations 070/071/072 idempotent
(IF NOT EXISTS). model_traces double-write retained — drop in a future
migration once aggregate reports have soaked.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-29 14:00:22 -04:00
|
|
|
@plugin "@tailwindcss/typography";
|
2025-10-28 11:21:04 -04:00
|
|
|
|
|
|
|
|
@custom-variant dark (&:is(.dark *));
|
|
|
|
|
|
|
|
|
|
@theme inline {
|
|
|
|
|
--color-background: var(--background);
|
|
|
|
|
--color-foreground: var(--foreground);
|
feat(design): nav/visual overhaul — brand layer, /status route, KPI dashboard, TanStack DataTable
Major UI refresh on the nav-design-improvements branch. Drops 2013-era
inline styles and consolidates patterns behind shared primitives.
Foundation
- New Wulf brand layer in app/styles/brand.css repointing --primary to
the standards-guide blue (#0075AD) with utility classes for numerics
(.num / .num-lg / .num-xl), metric labels, surface tints, and the
wolf-mark watermark
- Switch primary face to IBM Plex Sans + IBM Plex Mono via next/font;
Helvetica/Arial stays in the fallback chain for brand fidelity
- Wordmark subtitle changed from "PSA Management System" to
"Operations console" everywhere it appeared
- Tagline footer ("Don't be afraid to cry") on every non-mobile page
Status moved out of /dashboard
- New /status route with integration tiles grouped by category, sync
health table, worker pulse cards (analyzer / RMM / sync scheduler),
token-expiry section, conditional alert banner
- Top-bar StatusIndicator polls integration health every 60s and links
to /status
- INTEGRATIONS_DISABLED env var suppresses operator-disabled
integrations (e.g. SentinelOne) — no failure noise from broken-on-
purpose entries. Aliases supported (sentinelone → s1, etc.)
Dashboard rebuilt around KPIs
- /api/dashboard/overview adds today snapshot (opened, resolved, open
total, SLA breaches) with delta math
- /api/dashboard/trends backs queue × priority heatmap, 30-day volume
area chart, 30-day mean resolution time line chart, today's active
engineers leaderboard
Components
- StatusBadge driven by lib/status-registry.ts (priority, ticket
status, classification, source, company type, publish, active /
yes-no / billable / approved registries)
- StatusLight (8px geometric square, five states, three sizes)
- EmptyState (shared dashed panel with icon + headline + optional CTA)
- KpiCard with delta indicator and tonal left border
- WulfMark (mark / wordmark variants from /public/branding)
- Skeleton helpers (SkeletonRow / Rows / Card / Chart / Header / Table)
Navigation
- Admin flat link → dropdown with seven shortcuts
- New UserMenu (initials avatar, role badge, settings + sign-out)
- Active-route highlight is now a 2px Wulf-blue underline echoing the
PageHeader rule (consistent across flat links and submenu triggers);
active children inside dropdowns use bg-primary/10
- Submenu width is content-driven (min-w 320 / max-w 440, single col)
- Mobile hamburger via Sheet, reuses the same nav config
Pages migrated
- 16 admin sub-pages adopt PageHeader (with accent prop)
- /addigy-devices: shadcn Table + Checkbox; PageHeader; status badges
- 10 raw <table> blocks across admin/sync/* migrated to shadcn Table
- /veeam-analysis migrated to shadcn Table (kept its expansion logic)
- Detail routes (analyzer ticket, analyzer analysis) get breadcrumbs
DataTable
- Rewritten on @tanstack/react-table v8 in manual mode; external API
unchanged so all 10+ data-browser pages keep working
- New optional props for drill-down rows: getRowCanExpand + renderSubRow
Mobile
- Multi-select Popover gets max-w-[calc(100vw-1rem)] and
collisionPadding so dropdowns can't overflow narrow viewports
- CI filter bar wraps and shrinks; stat pill flows below
Docs
- New ARCHITECTURE.md (load-bearing reference for runtime, data flow,
workers, analyzer pipeline, auth, deployment, gotchas)
- New DESIGN.md (tokens, layout, navigation IA, component vocabulary,
rolling backlog of remaining cleanup)
- CLAUDE.md refreshed with pointers to the two new docs and the
INTEGRATIONS_DISABLED operator config note
- shadcn registry registered as project-level MCP server (.mcp.json)
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-03 09:33:13 -04:00
|
|
|
--font-sans: var(--font-plex-sans), 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', sans-serif;
|
|
|
|
|
--font-mono: var(--font-plex-mono), ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;
|
2025-10-28 11:21:04 -04:00
|
|
|
--color-sidebar-ring: var(--sidebar-ring);
|
|
|
|
|
--color-sidebar-border: var(--sidebar-border);
|
|
|
|
|
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
|
|
|
|
|
--color-sidebar-accent: var(--sidebar-accent);
|
|
|
|
|
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
|
|
|
|
|
--color-sidebar-primary: var(--sidebar-primary);
|
|
|
|
|
--color-sidebar-foreground: var(--sidebar-foreground);
|
|
|
|
|
--color-sidebar: var(--sidebar);
|
|
|
|
|
--color-chart-5: var(--chart-5);
|
|
|
|
|
--color-chart-4: var(--chart-4);
|
|
|
|
|
--color-chart-3: var(--chart-3);
|
|
|
|
|
--color-chart-2: var(--chart-2);
|
|
|
|
|
--color-chart-1: var(--chart-1);
|
|
|
|
|
--color-ring: var(--ring);
|
|
|
|
|
--color-input: var(--input);
|
|
|
|
|
--color-border: var(--border);
|
|
|
|
|
--color-destructive: var(--destructive);
|
|
|
|
|
--color-accent-foreground: var(--accent-foreground);
|
|
|
|
|
--color-accent: var(--accent);
|
|
|
|
|
--color-muted-foreground: var(--muted-foreground);
|
|
|
|
|
--color-muted: var(--muted);
|
|
|
|
|
--color-secondary-foreground: var(--secondary-foreground);
|
|
|
|
|
--color-secondary: var(--secondary);
|
|
|
|
|
--color-primary-foreground: var(--primary-foreground);
|
|
|
|
|
--color-primary: var(--primary);
|
|
|
|
|
--color-popover-foreground: var(--popover-foreground);
|
|
|
|
|
--color-popover: var(--popover);
|
|
|
|
|
--color-card-foreground: var(--card-foreground);
|
|
|
|
|
--color-card: var(--card);
|
|
|
|
|
--radius-sm: calc(var(--radius) - 4px);
|
|
|
|
|
--radius-md: calc(var(--radius) - 2px);
|
|
|
|
|
--radius-lg: var(--radius);
|
|
|
|
|
--radius-xl: calc(var(--radius) + 4px);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
:root {
|
|
|
|
|
--radius: 0.625rem;
|
|
|
|
|
--background: oklch(1 0 0);
|
|
|
|
|
--foreground: oklch(0.145 0 0);
|
|
|
|
|
--card: oklch(1 0 0);
|
|
|
|
|
--card-foreground: oklch(0.145 0 0);
|
|
|
|
|
--popover: oklch(1 0 0);
|
|
|
|
|
--popover-foreground: oklch(0.145 0 0);
|
2026-03-11 09:34:51 -04:00
|
|
|
--primary: oklch(0.55 0.16 220); /* Logo blue */
|
2025-10-28 11:21:04 -04:00
|
|
|
--primary-foreground: oklch(0.985 0 0);
|
|
|
|
|
--secondary: oklch(0.97 0 0);
|
|
|
|
|
--secondary-foreground: oklch(0.205 0 0);
|
|
|
|
|
--muted: oklch(0.97 0 0);
|
|
|
|
|
--muted-foreground: oklch(0.556 0 0);
|
2026-03-11 09:34:51 -04:00
|
|
|
--accent: oklch(0.55 0.16 220); /* Logo blue */
|
2025-11-19 14:18:16 -05:00
|
|
|
--accent-foreground: oklch(0.985 0 0);
|
2025-10-28 11:21:04 -04:00
|
|
|
--destructive: oklch(0.577 0.245 27.325);
|
|
|
|
|
--border: oklch(0.922 0 0);
|
|
|
|
|
--input: oklch(0.922 0 0);
|
2026-03-11 09:34:51 -04:00
|
|
|
--ring: oklch(0.55 0.16 220);
|
2025-10-28 11:21:04 -04:00
|
|
|
--chart-1: oklch(0.646 0.222 41.116);
|
|
|
|
|
--chart-2: oklch(0.6 0.118 184.704);
|
|
|
|
|
--chart-3: oklch(0.398 0.07 227.392);
|
|
|
|
|
--chart-4: oklch(0.828 0.189 84.429);
|
|
|
|
|
--chart-5: oklch(0.769 0.188 70.08);
|
|
|
|
|
--sidebar: oklch(0.985 0 0);
|
|
|
|
|
--sidebar-foreground: oklch(0.145 0 0);
|
2026-03-11 09:34:51 -04:00
|
|
|
--sidebar-primary: oklch(0.55 0.16 220);
|
2025-10-28 11:21:04 -04:00
|
|
|
--sidebar-primary-foreground: oklch(0.985 0 0);
|
|
|
|
|
--sidebar-accent: oklch(0.97 0 0);
|
|
|
|
|
--sidebar-accent-foreground: oklch(0.205 0 0);
|
|
|
|
|
--sidebar-border: oklch(0.922 0 0);
|
2026-03-11 09:34:51 -04:00
|
|
|
--sidebar-ring: oklch(0.55 0.16 220);
|
2025-10-28 11:21:04 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.dark {
|
|
|
|
|
--background: oklch(0.145 0 0);
|
|
|
|
|
--foreground: oklch(0.985 0 0);
|
|
|
|
|
--card: oklch(0.205 0 0);
|
|
|
|
|
--card-foreground: oklch(0.985 0 0);
|
|
|
|
|
--popover: oklch(0.205 0 0);
|
|
|
|
|
--popover-foreground: oklch(0.985 0 0);
|
2026-03-11 09:34:51 -04:00
|
|
|
--primary: oklch(0.62 0.17 220); /* Logo blue - bright for dark mode */
|
2025-11-19 14:18:16 -05:00
|
|
|
--primary-foreground: oklch(0.985 0 0);
|
2025-10-28 11:21:04 -04:00
|
|
|
--secondary: oklch(0.269 0 0);
|
|
|
|
|
--secondary-foreground: oklch(0.985 0 0);
|
|
|
|
|
--muted: oklch(0.269 0 0);
|
|
|
|
|
--muted-foreground: oklch(0.708 0 0);
|
2026-03-11 09:34:51 -04:00
|
|
|
--accent: oklch(0.62 0.17 220); /* Logo blue */
|
|
|
|
|
--accent-foreground: oklch(0.985 0 0);
|
2025-10-28 11:21:04 -04:00
|
|
|
--destructive: oklch(0.704 0.191 22.216);
|
|
|
|
|
--border: oklch(1 0 0 / 10%);
|
|
|
|
|
--input: oklch(1 0 0 / 15%);
|
2026-03-11 09:34:51 -04:00
|
|
|
--ring: oklch(0.62 0.17 220);
|
2025-10-28 11:21:04 -04:00
|
|
|
--chart-1: oklch(0.488 0.243 264.376);
|
2026-03-11 09:34:51 -04:00
|
|
|
--chart-2: oklch(0.62 0.17 220); /* Logo blue */
|
2025-10-28 11:21:04 -04:00
|
|
|
--chart-3: oklch(0.769 0.188 70.08);
|
|
|
|
|
--chart-4: oklch(0.627 0.265 303.9);
|
|
|
|
|
--chart-5: oklch(0.645 0.246 16.439);
|
|
|
|
|
--sidebar: oklch(0.205 0 0);
|
|
|
|
|
--sidebar-foreground: oklch(0.985 0 0);
|
2026-03-11 09:34:51 -04:00
|
|
|
--sidebar-primary: oklch(0.62 0.17 220);
|
2025-10-28 11:21:04 -04:00
|
|
|
--sidebar-primary-foreground: oklch(0.985 0 0);
|
|
|
|
|
--sidebar-accent: oklch(0.269 0 0);
|
|
|
|
|
--sidebar-accent-foreground: oklch(0.985 0 0);
|
|
|
|
|
--sidebar-border: oklch(1 0 0 / 10%);
|
2026-03-11 09:34:51 -04:00
|
|
|
--sidebar-ring: oklch(0.62 0.17 220);
|
2025-10-28 11:21:04 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@layer base {
|
|
|
|
|
* {
|
|
|
|
|
@apply border-border outline-ring/50;
|
|
|
|
|
}
|
|
|
|
|
body {
|
|
|
|
|
@apply bg-background text-foreground;
|
|
|
|
|
}
|
|
|
|
|
}
|
feat(design): nav/visual overhaul — brand layer, /status route, KPI dashboard, TanStack DataTable
Major UI refresh on the nav-design-improvements branch. Drops 2013-era
inline styles and consolidates patterns behind shared primitives.
Foundation
- New Wulf brand layer in app/styles/brand.css repointing --primary to
the standards-guide blue (#0075AD) with utility classes for numerics
(.num / .num-lg / .num-xl), metric labels, surface tints, and the
wolf-mark watermark
- Switch primary face to IBM Plex Sans + IBM Plex Mono via next/font;
Helvetica/Arial stays in the fallback chain for brand fidelity
- Wordmark subtitle changed from "PSA Management System" to
"Operations console" everywhere it appeared
- Tagline footer ("Don't be afraid to cry") on every non-mobile page
Status moved out of /dashboard
- New /status route with integration tiles grouped by category, sync
health table, worker pulse cards (analyzer / RMM / sync scheduler),
token-expiry section, conditional alert banner
- Top-bar StatusIndicator polls integration health every 60s and links
to /status
- INTEGRATIONS_DISABLED env var suppresses operator-disabled
integrations (e.g. SentinelOne) — no failure noise from broken-on-
purpose entries. Aliases supported (sentinelone → s1, etc.)
Dashboard rebuilt around KPIs
- /api/dashboard/overview adds today snapshot (opened, resolved, open
total, SLA breaches) with delta math
- /api/dashboard/trends backs queue × priority heatmap, 30-day volume
area chart, 30-day mean resolution time line chart, today's active
engineers leaderboard
Components
- StatusBadge driven by lib/status-registry.ts (priority, ticket
status, classification, source, company type, publish, active /
yes-no / billable / approved registries)
- StatusLight (8px geometric square, five states, three sizes)
- EmptyState (shared dashed panel with icon + headline + optional CTA)
- KpiCard with delta indicator and tonal left border
- WulfMark (mark / wordmark variants from /public/branding)
- Skeleton helpers (SkeletonRow / Rows / Card / Chart / Header / Table)
Navigation
- Admin flat link → dropdown with seven shortcuts
- New UserMenu (initials avatar, role badge, settings + sign-out)
- Active-route highlight is now a 2px Wulf-blue underline echoing the
PageHeader rule (consistent across flat links and submenu triggers);
active children inside dropdowns use bg-primary/10
- Submenu width is content-driven (min-w 320 / max-w 440, single col)
- Mobile hamburger via Sheet, reuses the same nav config
Pages migrated
- 16 admin sub-pages adopt PageHeader (with accent prop)
- /addigy-devices: shadcn Table + Checkbox; PageHeader; status badges
- 10 raw <table> blocks across admin/sync/* migrated to shadcn Table
- /veeam-analysis migrated to shadcn Table (kept its expansion logic)
- Detail routes (analyzer ticket, analyzer analysis) get breadcrumbs
DataTable
- Rewritten on @tanstack/react-table v8 in manual mode; external API
unchanged so all 10+ data-browser pages keep working
- New optional props for drill-down rows: getRowCanExpand + renderSubRow
Mobile
- Multi-select Popover gets max-w-[calc(100vw-1rem)] and
collisionPadding so dropdowns can't overflow narrow viewports
- CI filter bar wraps and shrinks; stat pill flows below
Docs
- New ARCHITECTURE.md (load-bearing reference for runtime, data flow,
workers, analyzer pipeline, auth, deployment, gotchas)
- New DESIGN.md (tokens, layout, navigation IA, component vocabulary,
rolling backlog of remaining cleanup)
- CLAUDE.md refreshed with pointers to the two new docs and the
INTEGRATIONS_DISABLED operator config note
- shadcn registry registered as project-level MCP server (.mcp.json)
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-03 09:33:13 -04:00
|
|
|
|
|
|
|
|
@import "./styles/brand.css";
|
