npm - @hotmeshio/long-tail - Versions diffs - 0.20.0 → 0.21.0 - Mend

@hotmeshio/long-tail 0.20.0 → 0.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (351) hide show

package/dashboard/dist/assets/EscalationListView-DWFHPufv.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"EscalationListView-DWFHPufv.js","sources":["../../../shared/form-validation/display-only-widgets.ts","../../../shared/form-validation/x-lt-bind.ts","../../../shared/form-validation/x-lt-help.ts","../../src/lib/schema-needs-envelope.ts","../../src/lib/escalation.ts","../../src/lib/identifier-label.ts","../../src/lib/type-color.ts","../../src/components/escalation/RefineDialog.tsx","../../src/components/escalation/EscalationListView.tsx"],"sourcesContent":["/**\n * Widgets that render from the escalation context and produce no answer of\n * their own: navigation links, embedded records and lists, and invoke\n * controls. Their form slot exists only to place them in the layout, so\n * the payload mapper drops them and the server never sees a value.\n */\nexport const DISPLAY_ONLY_WIDGET_NAMES = {\n LINK: 'link',\n ESCALATION: 'escalation',\n ESCALATION_LIST: 'escalation-list',\n INVOKE: 'invoke',\n} as const;\n\nexport const DISPLAY_ONLY_WIDGETS: ReadonlySet<string> = new Set(Object.values(DISPLAY_ONLY_WIDGET_NAMES));\n\nexport function isDisplayOnlyWidget(name: unknown): boolean {\n return typeof name === 'string' && DISPLAY_ONLY_WIDGETS.has(name);\n}\n\n/** Whether a property definition renders a display-only widget. */\nexport function isDisplayOnlyField(def: Record<string, unknown> | null | undefined): boolean {\n return isDisplayOnlyWidget(def?.['x-lt-widget']);\n}\n","/**\n * x-lt-bind — maps the escalation FORM (flat field values the user edits) to and\n * from the PAYLOAD (the nested JSON the workflow consumes). A form_schema property\n * may declare `x-lt-bind: \"a.b[0].c\"`, the path its value occupies in the payload;\n * a property with no bind sits at its own name at the root (1:1). This module is\n * isomorphic — the dashboard renders forms with it, and the API layer inverts a\n * submitted payload through it to validate against the form contract. One\n * implementation, both sides.\n *\n * mapPayloadToForm — payload → flat form values, to PREFILL/display the form\n * (server-side: to validate a submitted payload)\n * mapFormToPayload — flat form values → payload, the shape submitted/stored\n */\nimport { isDisplayOnlyField } from './display-only-widgets';\n\ntype PathSeg = { key: string } | { index: number };\n\nconst BLOCKED_KEYS = new Set(['__proto__', 'constructor', 'prototype']);\n\n/** Parse a bind path — dot keys with optional `[n]` indices. Rejects pollution keys. */\nexport function parsePath(path: string): PathSeg[] {\n const segs: PathSeg[] = [];\n for (const raw of path.split('.')) {\n const m = raw.match(/^([^[\\]]*)((?:\\[\\d+\\])*)$/);\n if (!m) throw new Error(`invalid x-lt-bind path segment: \"${raw}\"`);\n const [, name, brackets] = m;\n if (name) {\n if (BLOCKED_KEYS.has(name)) throw new Error(`x-lt-bind path may not target \"${name}\"`);\n segs.push({ key: name });\n }\n for (const b of brackets.match(/\\d+/g) ?? []) segs.push({ index: Number(b) });\n }\n if (segs.length === 0) throw new Error(`empty x-lt-bind path: \"${path}\"`);\n return segs;\n}\n\n/** Set `value` at `path` inside `root`, creating intermediate objects/arrays. */\nexport function setDeep(root: Record<string, any>, path: string, value: unknown): void {\n const segs = parsePath(path);\n let node: any = root;\n for (let i = 0; i < segs.length - 1; i++) {\n const seg = segs[i];\n const next = segs[i + 1];\n const childKey = 'key' in seg ? seg.key : seg.index;\n const wantArray = 'index' in next;\n if (node[childKey] == null || typeof node[childKey] !== 'object') {\n node[childKey] = wantArray ? [] : {};\n }\n node = node[childKey];\n }\n const last = segs[segs.length - 1];\n node['key' in last ? last.key : last.index] = value;\n}\n\n/** Read the value at `path` inside `root` (undefined if any segment is missing). */\nexport function getDeep(root: unknown, path: string): unknown {\n let node: any = root;\n for (const seg of parsePath(path)) {\n if (node == null || typeof node !== 'object') return undefined;\n node = node['key' in seg ? seg.key : seg.index];\n }\n return node;\n}\n\n/** The bind path for a form property (its `x-lt-bind`, or the property name). */\nexport function bindPathFor(propName: string, propDef: Record<string, any> | undefined): string {\n const bind = propDef?.['x-lt-bind'];\n return typeof bind === 'string' && bind.length > 0 ? bind : propName;\n}\n\n/**\n * Assemble the payload from the form's flat values. A field absent from\n * `formValues` is omitted (so clearing/deleting a field drops it from the\n * payload). Unknown keys not declared in the schema are dropped, and so are\n * display-only widget fields, which carry no answer. With no schema\n * properties, values pass through unchanged.\n */\nexport function mapFormToPayload(\n formValues: Record<string, any>,\n formSchema: Record<string, any> | null | undefined,\n): Record<string, any> {\n const props = formSchema?.properties as Record<string, any> | undefined;\n if (!props) return { ...formValues };\n const payload: Record<string, any> = {};\n for (const [name, def] of Object.entries(props)) {\n if (!(name in formValues)) continue;\n if (isDisplayOnlyField(def as Record<string, unknown>)) continue;\n setDeep(payload, bindPathFor(name, def as Record<string, any>), formValues[name]);\n }\n return payload;\n}\n\n/**\n * Reverse of {@link mapFormToPayload}: pull each form field's value out of the\n * payload via its bind path, to prefill/display the form. A field whose bound\n * path is missing from the payload is omitted (the caller falls back to the\n * schema default).\n */\nexport function mapPayloadToForm(\n payload: Record<string, any> | null | undefined,\n formSchema: Record<string, any> | null | undefined,\n): Record<string, any> {\n const props = formSchema?.properties as Record<string, any> | undefined;\n if (!props) return payload ? { ...payload } : {};\n const form: Record<string, any> = {};\n for (const [name, def] of Object.entries(props)) {\n const v = getDeep(payload, bindPathFor(name, def as Record<string, any>));\n if (v !== undefined) form[name] = v;\n }\n return form;\n}\n","/**\n * x-lt-help — the form's guidance content, rendered in the side panel beside\n * the resolve form. A form_schema may declare schema-level `x-lt-help`: a\n * markdown string whose `{{domain.path}}` tokens interpolate values from the\n * escalation surface, so help text can reference the live record:\n *\n * {{escalation.role}} — any column on the escalation row\n * {{metadata.schema_version}} — the row's metadata dict\n * {{envelope.formDefaults.customer.name}} — the workflow-sent input envelope\n * {{payload.category}} — the escalation context payload\n * {{resolver.notes}} — the submitted resolver payload\n * {{lookup.materials.items}} — versioned knowledge lookups pinned on the row\n *\n * Paths reuse the x-lt-bind syntax (`a.b[0].c`). A missing value renders as an\n * em dash. `x-lt-context` is accepted as the plain-text fallback source when\n * `x-lt-help` is absent.\n */\nimport { getDeep } from './x-lt-bind';\n\n/** The token domains a help template may reference. `input` is the invoke-form name for the live values `resolver` also carries. */\nexport const HELP_DOMAINS = ['escalation', 'metadata', 'envelope', 'payload', 'resolver', 'lookup', 'input'] as const;\nexport type HelpDomain = (typeof HELP_DOMAINS)[number];\n\nexport type HelpTokenContext = Partial<Record<HelpDomain, Record<string, unknown> | null>>;\n\nconst TOKEN_PATTERN = /\\{\\{\\s*([^{}]+?)\\s*\\}\\}/g;\nconst MISSING_VALUE = '—';\n\nfunction formatTokenValue(value: unknown): string {\n if (value === undefined || value === null) return MISSING_VALUE;\n if (typeof value === 'string') return value;\n if (typeof value === 'number' || typeof value === 'boolean') return String(value);\n try {\n return JSON.stringify(value);\n } catch {\n return MISSING_VALUE;\n }\n}\n\n/** Replace every `{{domain.path}}` token with its value from the context. */\nexport function interpolateHelp(template: string, ctx: HelpTokenContext): string {\n return template.replace(TOKEN_PATTERN, (_match, rawPath: string) => {\n const dot = rawPath.indexOf('.');\n const domain = (dot === -1 ? rawPath : rawPath.slice(0, dot)) as HelpDomain;\n if (!HELP_DOMAINS.includes(domain)) return MISSING_VALUE;\n const root = ctx[domain];\n if (dot === -1) return formatTokenValue(root);\n try {\n return formatTokenValue(getDeep(root, rawPath.slice(dot + 1)));\n } catch {\n return MISSING_VALUE;\n }\n });\n}\n\n/** The schema's help source: `x-lt-help` first, `x-lt-context` as fallback. */\nexport function resolveHelpSource(schema: Record<string, unknown> | null | undefined): string | null {\n const help = schema?.['x-lt-help'];\n if (typeof help === 'string' && help.trim().length > 0) return help;\n const context = schema?.['x-lt-context'];\n if (typeof context === 'string' && context.trim().length > 0) return context;\n return null;\n}\n\n/** The schema's help content, interpolated. Null when the schema declares none. */\nexport function buildHelpMarkdown(\n schema: Record<string, unknown> | null | undefined,\n ctx: HelpTokenContext,\n): string | null {\n const source = resolveHelpSource(schema);\n return source ? interpolateHelp(source, ctx) : null;\n}\n\nexport interface HelpStateHint {\n isTerminal: boolean;\n status?: string;\n claimed: boolean;\n claimedByMe: boolean;\n}\n\n/**\n * State-aware guidance shown when the schema carries no help content — the\n * panel always tells the user what this page expects of them right now.\n */\nexport function defaultHelpMarkdown({ isTerminal, status, claimed, claimedByMe }: HelpStateHint): string {\n if (isTerminal) {\n return status === 'cancelled'\n ? 'This escalation was cancelled. The record is shown for reference.'\n : 'This escalation has been resolved. The submitted form is shown for reference.';\n }\n if (claimedByMe) return 'You have claimed this escalation. Fill out the form and submit to resolve it.';\n if (claimed) return 'Another user has claimed this escalation. It unlocks if their claim expires or is released.';\n return 'Claim this escalation to enable the form.';\n}\n","/**\n * List rows arrive without the heavyweight `envelope`/`escalation_payload`\n * columns by default. A surface driven by an x-lt schema fragment opts back in\n * only when the fragment actually interpolates those domains — `envelope.` or\n * `payload.` in any token, condition, or source path. `metadata.` and\n * `resolver.` ride the slim rows and never trigger the opt-in.\n */\nexport function schemaNeedsEnvelope(fragment: unknown): boolean {\n if (!fragment) return false;\n try {\n const s = JSON.stringify(fragment);\n return s.includes('envelope.') || s.includes('payload.');\n } catch {\n return false;\n }\n}\n","import type { LTEscalationRecord } from '../api/types';\n\nexport function isEffectivelyClaimed(esc: LTEscalationRecord): boolean {\n return !!(\n esc.assigned_to &&\n esc.assigned_until &&\n new Date(esc.assigned_until) > new Date()\n );\n}\n\n/** An ACK escalation has no associated workflow — it's a notification, not a task. */\nexport function isAckEscalation(esc: LTEscalationRecord): boolean {\n return !esc.workflow_type;\n}\n\nexport function isAvailable(esc: LTEscalationRecord): boolean {\n return (\n esc.status === 'pending' &&\n (!esc.assigned_to ||\n !esc.assigned_until ||\n new Date(esc.assigned_until) <= new Date())\n );\n}\n","/**\n * A human label for a code identifier: camelCase, snake_case, kebab-case, and\n * digit runs become Title Case words. `fleetTools` → `Fleet Tools`,\n * `print_order2` → `Print Order 2`. Acronyms keep their capitals: `mcpQuery`\n * → `Mcp Query` is avoided by treating an all-caps run as one word.\n */\nexport function identifierToTitle(id: string): string {\n const words = id\n .replace(/[_\\-.]+/g, ' ')\n .replace(/([a-z\\d])([A-Z])/g, '$1 $2')\n .replace(/([A-Z]+)([A-Z][a-z])/g, '$1 $2')\n .replace(/([a-zA-Z])(\\d)/g, '$1 $2')\n .trim()\n .split(/\\s+/)\n .filter(Boolean);\n return words\n .map((w) => (w === w.toUpperCase() && w.length > 1 ? w : w.charAt(0).toUpperCase() + w.slice(1)))\n .join(' ');\n}\n","/**\n * Deterministic color assignment for workflow type names.\n *\n * Maps any string to a consistent color from a curated 24-color palette.\n * The same type name always produces the same color across the entire UI.\n * Uses a simple hash to distribute names evenly across the palette.\n *\n * Each entry provides:\n * text — icon and text color (Tailwind class)\n * bg — subtle background tint (Tailwind class)\n */\n\nconst PALETTE: Array<{ text: string; bg: string }> = [\n { text: 'text-rose-400', bg: 'bg-rose-400/[0.08]' },\n { text: 'text-pink-400', bg: 'bg-pink-400/[0.08]' },\n { text: 'text-fuchsia-400', bg: 'bg-fuchsia-400/[0.08]' },\n { text: 'text-purple-400', bg: 'bg-purple-400/[0.08]' },\n { text: 'text-violet-400', bg: 'bg-violet-400/[0.08]' },\n { text: 'text-indigo-400', bg: 'bg-indigo-400/[0.08]' },\n { text: 'text-blue-400', bg: 'bg-blue-400/[0.08]' },\n { text: 'text-sky-400', bg: 'bg-sky-400/[0.08]' },\n { text: 'text-cyan-400', bg: 'bg-cyan-400/[0.08]' },\n { text: 'text-teal-400', bg: 'bg-teal-400/[0.08]' },\n { text: 'text-emerald-400', bg: 'bg-emerald-400/[0.08]' },\n { text: 'text-green-400', bg: 'bg-green-400/[0.08]' },\n { text: 'text-lime-400', bg: 'bg-lime-400/[0.08]' },\n { text: 'text-yellow-400', bg: 'bg-yellow-400/[0.08]' },\n { text: 'text-amber-400', bg: 'bg-amber-400/[0.08]' },\n { text: 'text-orange-400', bg: 'bg-orange-400/[0.08]' },\n { text: 'text-red-400', bg: 'bg-red-400/[0.08]' },\n { text: 'text-stone-400', bg: 'bg-stone-400/[0.08]' },\n { text: 'text-rose-300', bg: 'bg-rose-300/[0.08]' },\n { text: 'text-violet-300', bg: 'bg-violet-300/[0.08]' },\n { text: 'text-sky-300', bg: 'bg-sky-300/[0.08]' },\n { text: 'text-teal-300', bg: 'bg-teal-300/[0.08]' },\n { text: 'text-amber-300', bg: 'bg-amber-300/[0.08]' },\n { text: 'text-pink-300', bg: 'bg-pink-300/[0.08]' },\n];\n\nfunction hash(str: string): number {\n let h = 0;\n for (let i = 0; i < str.length; i++) {\n h = ((h << 5) - h + str.charCodeAt(i)) | 0;\n }\n return Math.abs(h);\n}\n\nexport function typeColor(typeName: string): { text: string; bg: string } {\n return PALETTE[hash(typeName) % PALETTE.length];\n}\n","import { useState } from 'react';\nimport { Check, Search } from 'lucide-react';\nimport { Modal } from '../common/modal/Modal';\nimport { metadataFacetsUrl } from '../../lib/facet-url';\n\n/** One refinable fact from a row: a metadata key with its authored label and value. */\nexport interface RefinePair {\n key: string;\n label: string;\n value: unknown;\n /** The author put this fact in the row's columns; a lone bound fact arrives preselected. */\n bound?: boolean;\n}\n\n/**\n * The row-level refine gesture for authored lists (facet-table rows, board\n * cards): the row's metadata-bound facts as full-width touch rows, each a\n * toggle. Pick one or several (multi-select ANDs the facets) and drill —\n * filter this role's queue, search every role, or merge into the live filter\n * set. One dialog replaces per-cell icon pairs, so table cells spend their\n * width on data and the affordance stays tappable on the iPad floor. The\n * list is the row's whole metadata; past a handful of facts a find box\n * narrows it by label, key, or value.\n */\nconst FIND_THRESHOLD = 6;\nexport function RefineDialog({ open, onClose, role, pairs, onNavigate, onAddFacet }: {\n open: boolean;\n onClose: () => void;\n role: string;\n pairs: RefinePair[];\n /** Receives the facet deep-link. Hosts navigate (or open a panel). */\n onNavigate: (url: string) => void;\n /** When provided, \"Add to filters\" merges the selection into the live set. */\n onAddFacet?: (key: string, value: unknown) => void;\n}) {\n // A single fact, or a single column-bound fact, arrives selected — the\n // one-glance, two-tap path — while the rest of the record waits below.\n const [selected, setSelected] = useState<Set<string>>(new Set());\n const [find, setFind] = useState('');\n const [prevOpen, setPrevOpen] = useState(open);\n if (open !== prevOpen) {\n setPrevOpen(open);\n if (open) {\n const bound = pairs.filter((p) => p.bound);\n const preset = bound.length === 1 ? [bound[0].key] : pairs.length === 1 ? [pairs[0].key] : [];\n setSelected(new Set(preset));\n setFind('');\n }\n }\n const needle = find.trim().toLowerCase();\n const visible = needle\n ? pairs.filter((p) => [p.label, p.key, String(p.value)].some((t) => t.toLowerCase().includes(needle)))\n : pairs;\n\n const toggle = (key: string) => {\n setSelected((prev) => {\n const next = new Set(prev);\n if (next.has(key)) next.delete(key); else next.add(key);\n return next;\n });\n };\n\n const chosen = pairs.filter((p) => selected.has(p.key));\n const facets = Object.fromEntries(chosen.map((p) => [p.key, p.value]));\n const none = chosen.length === 0;\n\n const go = (url: string) => {\n onClose();\n onNavigate(url);\n };\n\n return (\n <Modal open={open} onClose={onClose} title=\"Refine\">\n <div className=\"space-y-4\">\n <p className=\"text-2xs text-text-tertiary\">\n Pick the facts to match — several combine into one narrower query.\n </p>\n\n {pairs.length > FIND_THRESHOLD && (\n <label className=\"flex items-center gap-2 input text-xs py-1.5\">\n <Search className=\"w-3.5 h-3.5 shrink-0 text-text-quaternary\" strokeWidth={1.5} />\n <input\n type=\"text\"\n value={find}\n onChange={(e) => setFind(e.target.value)}\n placeholder=\"Find a fact…\"\n className=\"flex-1 min-w-0 bg-transparent outline-none placeholder:text-text-quaternary\"\n aria-label=\"Find a fact\"\n data-testid=\"refine-find\"\n />\n <span className=\"text-2xs tabular-nums text-text-quaternary\">{visible.length}/{pairs.length}</span>\n </label>\n )}\n\n <div className=\"divide-y divide-surface-border/40 -mx-1 max-h-[50vh] overflow-y-auto\">\n {visible.map((p) => {\n const on = selected.has(p.key);\n return (\n <button\n key={p.key}\n type=\"button\"\n onClick={() => toggle(p.key)}\n aria-pressed={on}\n className=\"w-full flex items-center gap-3 px-1 py-2.5 text-left group min-w-0\"\n data-testid=\"refine-pair\"\n >\n <span\n className={`w-4 h-4 rounded-[3px] border flex items-center justify-center shrink-0 transition-colors ${\n on ? 'bg-accent border-accent' : 'border-surface-border group-hover:border-accent/50'\n }`}\n aria-hidden\n >\n {on && <Check className=\"w-3 h-3 text-text-inverse\" strokeWidth={3} />}\n </span>\n <span className=\"text-2xs font-semibold uppercase tracking-widest text-text-tertiary w-28 shrink-0 truncate\" title={p.key}>\n {p.label}\n </span>\n <span className=\"text-xs text-text-primary truncate flex-1 min-w-0\" title={String(p.value)}>\n {String(p.value)}\n </span>\n </button>\n );\n })}\n </div>\n\n <div className=\"flex items-center justify-end gap-3 pt-2 flex-wrap\">\n {onAddFacet && (\n <button\n onClick={() => {\n chosen.forEach((p) => onAddFacet(p.key, p.value));\n onClose();\n }}\n disabled={none}\n className=\"text-xs text-text-secondary hover:text-accent transition-colors disabled:opacity-40 disabled:cursor-not-allowed mr-auto\"\n data-testid=\"refine-add-filters\"\n >\n Add to filters\n </button>\n )}\n <button\n onClick={() => go(metadataFacetsUrl(facets))}\n disabled={none}\n className=\"btn-secondary text-xs disabled:opacity-40 disabled:cursor-not-allowed\"\n data-testid=\"refine-search-all\"\n >\n Search everywhere\n </button>\n <button\n onClick={() => go(metadataFacetsUrl(facets, role))}\n disabled={none}\n className=\"btn-primary text-xs disabled:opacity-40 disabled:cursor-not-allowed\"\n data-testid=\"refine-filter-role\"\n >\n Filter {role}\n </button>\n </div>\n </div>\n </Modal>\n );\n}\n","import { useState, useEffect } from 'react';\nimport { useNavigate, useLocation } from 'react-router-dom';\nimport { interpolateHelp, type HelpTokenContext } from '../../lib/x-lt-help';\nimport { DataTable, type Column as TableColumn } from '../common/data/DataTable';\nimport { Search } from 'lucide-react';\nimport { MarkdownRenderer } from '../common/display/MarkdownRenderer';\nimport { STATUS_DOT_STYLES } from '../common/display/StatusBadge';\nimport { DateValue } from '../common/display/DateValue';\nimport { UserName } from '../common/display/UserName';\nimport { StickyPagination } from '../common/data/StickyPagination';\nimport { useEscalations, useClaimEscalation } from '../../api/escalations';\nimport { schemaNeedsEnvelope } from '../../lib/schema-needs-envelope';\nimport { isEffectivelyClaimed } from '../../lib/escalation';\nimport { formatAgoCompact } from '../../lib/format';\nimport { identifierToTitle } from '../../lib/identifier-label';\nimport { getDeep } from '../../lib/x-lt-bind';\nimport { typeColor } from '../../lib/type-color';\nimport { RefineDialog, type RefinePair } from './RefineDialog';\nimport type { LTEscalationRecord } from '../../api/types';\n\n/** Dot colour matches the standard table view: blue = pending unclaimed,\n * orange = under a live claim; other statuses follow the shared map. */\nfunction escalationDotClass(e: LTEscalationRecord): string {\n if (e.status === 'pending') {\n return isEffectivelyClaimed(e) ? 'bg-status-claimed-graphic' : 'bg-status-active';\n }\n return STATUS_DOT_STYLES[e.status] ?? 'bg-status-active';\n}\n\n/**\n * EscalationListView — the role-authored rich view of an escalation list, driven\n * by a versioned `list_schema` (x-lt-* markup). The list-page analog of the\n * resolve form: the same `{{domain.path}}` token binding (via interpolateHelp)\n * against each row's context, and MarkdownRenderer for rich bodies.\n *\n * Layouts:\n * active-history — single live item as a card on the left + history column on right\n * active — just the single live item card (no history)\n * facet-table — full pending queue as a table, columns from x-lt-columns\n * facet-board — one card per x-lt-group-by facet value (an entity board:\n * machines, stations), rendered from each group's latest row\n */\n\ninterface CardDef {\n title?: string;\n subtitle?: string;\n body?: string;\n fields?: { label: string; value: string; format?: string }[];\n}\n\ninterface HistoryDef {\n row?: { title?: string; subtitle?: string; meta?: string };\n limit?: number;\n status?: string;\n}\n\nexport interface ColumnDef {\n label: string;\n value: string;\n /** \"age\" renders an ISO timestamp as a compact age with an absolute tooltip. */\n format?: string;\n /**\n * Card-fold behavior when the table folds at narrow widths (same contract\n * as the engineer table): 1 = identity — always visible, forms the card's\n * title line; 2 = folds into the card body as a label/value pair; 3 =\n * dropped in card mode. Undeclared, the first column is the identity and\n * the rest fold.\n */\n priority?: 1 | 2 | 3;\n /** CSS column width (\"40%\", \"12rem\"). Unset columns share the remainder;\n * when no column declares one, the first column holds a fixed 200px so\n * the identity stays legible and every other value keeps its room. */\n width?: string;\n}\n\ninterface BoardCardDef {\n title?: string;\n /** Status chip — any token (commonly {{escalation.subtype}}). */\n state?: string;\n fields?: { label: string; value: string; format?: string }[];\n}\n\n/**\n * The per-row action button — the queue-working gesture, always available on\n * every layout. Template-driven: the schema author sets the action, its text,\n * and (for claim) the hold time.\n */\nexport interface RowActionDef {\n /** \"claim\" fires a one-click claim then opens the detail page already\n * claimed; \"view\" just opens it. Default \"claim\". */\n action?: 'claim' | 'view';\n /** Button text. Defaults \"Claim\" / \"View\" by action. */\n label?: string;\n /** Claim hold time in minutes. Default 30 (the platform claim default). */\n durationMinutes?: number;\n /**\n * Launch the detail page's claim-and-submit flow instead of a plain claim:\n * the row is claimed, the form's seeded defaults are resolved, and — when the\n * form declares `x-lt-transition` — the wait screen bridges to the born-assigned\n * follow-on. One list gesture (\"Start Harvesting\") starts the work and lands\n * the person on the next step. The behavior lives on the detail page (form\n * defaults, validation, transition); the list only points there with intent.\n */\n submitOnClaim?: boolean;\n}\n\ninterface ListSchema {\n 'x-lt-layout'?: string;\n 'x-lt-help'?: string;\n 'x-lt-active'?: CardDef;\n 'x-lt-history'?: HistoryDef;\n 'x-lt-columns'?: ColumnDef[];\n /** facet-board: the \"domain.path\" whose value identifies each entity. */\n 'x-lt-group-by'?: string;\n /** facet-board: the per-entity card definition. */\n 'x-lt-card'?: BoardCardDef;\n /** The per-row action button (claim | view, label, claim duration). */\n 'x-lt-row-action'?: RowActionDef;\n}\n\n/**\n * Repaint-only minute tick so `format: \"age\"` values stay current. Pure\n * re-render — no network. Mounted once at the view root, only when the\n * schema actually uses ages.\n */\nfunction useAgeTick(enabled: boolean): void {\n const [, setTick] = useState(0);\n useEffect(() => {\n if (!enabled) return;\n const t = window.setInterval(() => setTick((n) => n + 1), 60_000);\n return () => window.clearInterval(t);\n }, [enabled]);\n}\n\nfunction schemaUsesAge(schema: ListSchema): boolean {\n return [...(schema['x-lt-columns'] ?? []), ...(schema['x-lt-card']?.fields ?? [])]\n .some((f) => f.format === 'age');\n}\n\n/** Build the token context for one escalation row (payloads are JSON strings). */\nexport function rowContext(e: LTEscalationRecord): HelpTokenContext {\n const parse = (s: string | null | undefined): Record<string, unknown> | null => {\n if (!s) return null;\n try {\n const v = JSON.parse(s);\n return v && typeof v === 'object' ? v : null;\n } catch {\n return null;\n }\n };\n return {\n escalation: e as unknown as Record<string, unknown>,\n metadata: e.metadata ?? null,\n envelope: parse(e.envelope),\n payload: parse(e.escalation_payload),\n resolver: parse(e.resolver_payload),\n };\n}\n\nconst ISO_DATETIME = /^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}/;\nconst EM_DASH = '—';\n\n/** Column value formats an author may name. `ago` is the spoken form of `age`. */\nexport const FIELD_FORMATS = {\n AGE: 'age',\n AGO: 'ago',\n DATE: 'date',\n USER: 'user',\n} as const;\n\n/**\n * Render an interpolated field value with a little care: `format: \"age\"` (or\n * `\"ago\"`) turns a timestamp into a compact age (\"12m\", \"3h\") with the\n * absolute time as its tooltip; `format: \"date\"` renders the full date the\n * dashboard uses everywhere, hoverable, and so does any ISO datetime with no\n * format; `format: \"user\"` resolves a user-id token to a display name; an\n * empty value a quiet em dash; anything else plain text. Authors bind\n * tokens; we make the common shapes look right.\n */\nfunction FieldValue({ raw, format }: { raw: string; format?: string }) {\n if (!raw || raw === EM_DASH) return <span className=\"text-text-quaternary\">{EM_DASH}</span>;\n if (format === FIELD_FORMATS.USER) return <UserName userId={raw} className=\"block truncate\" />;\n const isDate = ISO_DATETIME.test(raw) || !Number.isNaN(new Date(raw).getTime()) && (format === FIELD_FORMATS.AGE || format === FIELD_FORMATS.AGO || format === FIELD_FORMATS.DATE);\n if ((format === FIELD_FORMATS.AGE || format === FIELD_FORMATS.AGO) && isDate) {\n return <span title={new Date(raw).toLocaleString()} className=\"tabular-nums whitespace-nowrap\">{formatAgoCompact(raw)}</span>;\n }\n if (isDate && (format === FIELD_FORMATS.DATE || ISO_DATETIME.test(raw))) {\n return <DateValue date={raw} format=\"datetime\" className=\"text-text-primary whitespace-nowrap\" />;\n }\n return <>{raw}</>;\n}\n\n/** The identity column's width when no column declares one: room for a label, no more. */\nconst IDENTITY_COLUMN_WIDTH = '200px';\n\n/** The action column sizes to its label so the button never wraps or truncates. */\nfunction actionColumnWidth(label: string): string {\n return `${Math.max(6, Math.round(label.length * 0.55 + 3.5))}rem`;\n}\n\nconst DEFAULT_CLAIM_MINUTES = 30;\n\n/** Claim targets pending rows without a live claim window. */\nfunction isClaimable(row: LTEscalationRecord): boolean {\n return row.status === 'pending' && !isEffectivelyClaimed(row);\n}\n\n/**\n * The x-lt-row-action button. `claim` is one click: claim for the template's\n * duration, then open the detail page already claimed — the fast path for\n * working a queue. `view` opens the detail page. Persistent (light accent at\n * rest, saturating on hover); a rejected claim surfaces its message inline.\n */\nfunction RowActionButton({ row, def, onView, prominent, forceView }: {\n row: LTEscalationRecord;\n def?: RowActionDef;\n onView?: () => void;\n /** Hero treatment for the active-card CTA; default is the compact row button. */\n prominent?: boolean;\n /** Render claim templates as view actions (see EscalationListView). */\n forceView?: boolean;\n}) {\n const authored = def?.action ?? 'claim';\n const action = forceView ? 'view' : authored;\n // The authored label describes the authored gesture. When view is forced\n // over a claim template, claim wording would mislead — use the view default.\n const label = authored === action && def?.label\n ? def.label\n : action === 'claim' ? 'Claim' : 'View';\n const claim = useClaimEscalation();\n const navigate = useNavigate();\n const location = useLocation();\n const [error, setError] = useState('');\n\n // A spent gesture stays visible — the disabled button keeps every row's\n // layout uniform instead of leaving a hole on resolved/held rows.\n const spent = action === 'claim' && !isClaimable(row);\n\n const fire = (e: React.MouseEvent) => {\n e.stopPropagation();\n if (action === 'view') {\n onView?.();\n return;\n }\n // Launch the detail page's claim → submit → transition flow. The detail\n // page owns the heavy lifting (seed defaults, validate, resolve, hand-off);\n // the list points there with the intent and the authored claim duration.\n if (def?.submitOnClaim) {\n navigate(`/escalations/detail/${row.id}`, {\n state: { autoStart: true, durationMinutes: def?.durationMinutes, from: location.pathname },\n });\n return;\n }\n setError('');\n claim.mutate(\n { id: row.id, durationMinutes: def?.durationMinutes ?? DEFAULT_CLAIM_MINUTES },\n {\n onSuccess: () => onView?.(),\n onError: (err) => setError((err as Error).message),\n },\n );\n };\n\n const classes = prominent\n ? 'btn-primary text-xs shrink-0 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-accent'\n : 'px-2 py-0.5 rounded text-2xs font-medium text-accent/70 border border-accent/30 enabled:hover:text-accent enabled:hover:border-accent/60 enabled:hover:bg-accent/5 transition-colors disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap';\n\n return (\n <span className=\"inline-flex flex-col items-end gap-0.5\">\n <button\n type=\"button\"\n onClick={fire}\n disabled={claim.isPending || spent}\n title={spent ? (row.status === 'pending' ? 'claimed' : row.status) : undefined}\n className={classes}\n data-testid=\"row-action-button\"\n >\n {claim.isPending ? 'Claiming…' : label}\n </button>\n {error && <span className=\"text-2xs text-status-error\" data-testid=\"row-action-error\">{error}</span>}\n </span>\n );\n}\n\nfunction ActiveCard({ esc, card, rowAction, onOpen, forceView }: {\n esc: LTEscalationRecord;\n card: CardDef;\n rowAction?: RowActionDef;\n onOpen?: () => void;\n forceView?: boolean;\n}) {\n const ctx = rowContext(esc);\n const title = card.title ? interpolateHelp(card.title, ctx) : esc.type;\n return (\n <div>\n <div className=\"flex items-start justify-between gap-6\">\n <button onClick={onOpen} className=\"text-left group min-w-0\">\n <h3 className=\"heading-2 group-hover:text-accent transition-colors leading-tight\">\n {title}\n </h3>\n {card.subtitle && (\n <p className=\"text-xs text-text-tertiary mt-1.5\">{interpolateHelp(card.subtitle, ctx)}</p>\n )}\n </button>\n\n {/* The row action — one-click claim (then the detail page opens already\n claimed), or view for read-only templates. */}\n <RowActionButton row={esc} def={rowAction} onView={onOpen} prominent forceView={forceView} />\n </div>\n\n {card.fields && card.fields.length > 0 && (\n <dl className=\"flex flex-wrap gap-x-10 gap-y-4 mt-6\">\n {card.fields.map((f, i) => (\n <div key={i}>\n <dt className=\"text-2xs font-semibold uppercase tracking-widest text-text-tertiary\">{f.label}</dt>\n <dd className=\"text-xs text-text-primary mt-1\"><FieldValue raw={interpolateHelp(f.value, ctx)} /></dd>\n </div>\n ))}\n </dl>\n )}\n\n {card.body && (\n <div className=\"mt-7 pt-6 border-t border-surface-border/50\">\n <MarkdownRenderer content={interpolateHelp(card.body, ctx)} />\n </div>\n )}\n </div>\n );\n}\n\nfunction HistoryColumn({ role, def, onRowClick }: {\n role: string;\n def: HistoryDef;\n onRowClick?: (row: LTEscalationRecord) => void;\n}) {\n const [show, setShow] = useState(false);\n const query = useEscalations({\n role,\n status: def.status ?? 'resolved',\n sort_by: 'resolved_at',\n order: 'desc',\n limit: def.limit ?? 25,\n enabled: show,\n include: schemaNeedsEnvelope(def) ? 'envelope' : undefined,\n });\n const rows = query.data?.escalations ?? [];\n const total = query.data?.total ?? 0;\n const rowDef = def.row ?? {};\n\n if (!show) {\n return (\n <button\n onClick={() => setShow(true)}\n className=\"text-xs text-accent hover:underline\"\n data-testid=\"load-history\"\n >\n Load full history →\n </button>\n );\n }\n\n if (query.isLoading) {\n return <p className=\"text-xs text-text-tertiary italic\">Loading history…</p>;\n }\n\n if (rows.length === 0) {\n return <p className=\"text-xs text-text-tertiary italic\">No past revisions.</p>;\n }\n\n return (\n <div>\n <div className=\"divide-y divide-surface-border/40\">\n {rows.map((e) => {\n const ctx = rowContext(e);\n return (\n <button\n key={e.id}\n onClick={() => onRowClick?.(e)}\n className=\"w-full text-left py-2.5 group flex items-center gap-3\"\n >\n {/* Status as a bare outlined dot — colour carries the meaning. */}\n <span\n className={`w-2.5 h-2.5 shrink-0 rounded-full dot-ring ${escalationDotClass(e)}`}\n title={e.status}\n />\n <span className=\"min-w-0 flex-1\">\n <span className=\"block text-xs text-text-primary group-hover:text-accent transition-colors truncate\">\n {rowDef.title ? interpolateHelp(rowDef.title, ctx) : e.type}\n </span>\n {rowDef.subtitle && (\n <span className=\"block text-2xs text-text-tertiary truncate\">\n {interpolateHelp(rowDef.subtitle, ctx)}\n </span>\n )}\n </span>\n {rowDef.meta\n ? <span className=\"text-2xs text-text-tertiary shrink-0\">{interpolateHelp(rowDef.meta, ctx)}</span>\n : e.resolved_at && <DateValue date={e.resolved_at} format=\"relative\" className=\"text-2xs text-text-tertiary shrink-0 whitespace-nowrap\" />}\n </button>\n );\n })}\n </div>\n {total > rows.length && (\n <p className=\"text-2xs text-text-quaternary mt-3\">Showing {rows.length} of {total}.</p>\n )}\n </div>\n );\n}\n\n/** A metadata value the faceted query can match on: a scalar with something in it. */\nfunction isFacetValue(raw: unknown): raw is string | number | boolean {\n return (typeof raw === 'string' && raw !== '') || typeof raw === 'number' || typeof raw === 'boolean';\n}\n\n/**\n * The refinable facts one row offers: every metadata facet the row carries.\n * Columns the author bound to a metadata value lead, under their authored\n * labels; every other scalar facet follows under a label derived from its\n * key, so the dialog reaches the whole record, not only what the columns\n * show. Feeds the row's RefineDialog.\n */\nexport function rowRefinePairs(row: LTEscalationRecord, columnDefs: ColumnDef[]): RefinePair[] {\n const pairs: RefinePair[] = [];\n const seen = new Set<string>();\n const metadata = row.metadata ?? {};\n for (const col of columnDefs) {\n const bound = col.value.match(METADATA_TOKEN)?.[1];\n if (!bound || seen.has(bound)) continue;\n const raw = metadata[bound];\n if (!isFacetValue(raw)) continue;\n seen.add(bound);\n pairs.push({ key: bound, label: col.label, value: raw, bound: true });\n }\n for (const [key, raw] of Object.entries(metadata)) {\n if (seen.has(key) || !isFacetValue(raw)) continue;\n seen.add(key);\n pairs.push({ key, label: identifierToTitle(key), value: raw });\n }\n return pairs;\n}\n\n/** The always-tappable row/card refine trigger — one magnifier, dialog behind it. */\nfunction RefineTrigger({ onOpen, className = '' }: { onOpen: () => void; className?: string }) {\n return (\n <button\n type=\"button\"\n onClick={(e) => { e.stopPropagation(); onOpen(); }}\n className={`p-1.5 rounded text-text-quaternary/70 hover:text-accent hover:bg-surface-hover transition-colors ${className}`}\n title=\"Refine — filter or search by this row's values\"\n aria-label=\"Refine — filter or search by this row's values\"\n data-testid=\"row-refine\"\n >\n <Search className=\"w-3.5 h-3.5\" strokeWidth={1.5} />\n </button>\n );\n}\n\n/** Multi-row pending queue as a facet table. Columns defined by x-lt-columns. */\nfunction FacetTable({ schema, rows, role, onRowClick, onAddFacet, forceView }: {\n schema: ListSchema;\n rows: LTEscalationRecord[];\n role: string;\n onRowClick?: (row: LTEscalationRecord) => void;\n /** RefineDialog \"Add to filters\" — merge into the live filter set. */\n onAddFacet?: (key: string, value: unknown) => void;\n forceView?: boolean;\n}) {\n const navigate = useNavigate();\n const columnDefs = schema['x-lt-columns'] ?? [];\n const rowAction = schema['x-lt-row-action'];\n const [refineRow, setRefineRow] = useState<LTEscalationRecord | null>(null);\n\n // The authored columns render through the SAME table the engineer views\n // use, at its dense setting: small type, tight side padding, sticky header,\n // and the card fold at narrow widths — a table never scrolls horizontally,\n // it folds. Authors steer the fold with `priority` on each column (1 title\n // line, 2 folds, 3 dropped); undeclared, the first column is the identity\n // and holds 200px so every other value keeps its room.\n //\n // Cells carry DATA only — the full column width belongs to the value, with\n // the full text on hover. Refining lives on the row: one magnifier opens\n // the RefineDialog over every metadata-bound value the row carries.\n const actionLabel = rowAction?.label ?? (forceView ? 'View' : 'Claim');\n const columns: TableColumn<LTEscalationRecord>[] = [\n {\n key: '_status',\n label: '',\n priority: 1,\n className: 'w-8',\n render: (row) => (\n <span\n className={`w-2.5 h-2.5 inline-block rounded-full dot-ring ${escalationDotClass(row)}`}\n title={row.status}\n />\n ),\n },\n ...columnDefs.map((col, i): TableColumn<LTEscalationRecord> => ({\n key: `col-${i}`,\n label: col.label,\n priority: col.priority ?? (i === 0 ? 1 : 2),\n width: col.width ?? (i === 0 && !columnDefs.some((c) => c.width) ? IDENTITY_COLUMN_WIDTH : undefined),\n render: (row) => {\n const ctx = rowContext(row);\n const text = interpolateHelp(col.value, ctx);\n return (\n <span className=\"block truncate\" title={text && text !== EM_DASH ? text : undefined}>\n <FieldValue raw={text} format={col.format} />\n </span>\n );\n },\n })),\n {\n key: '_refine',\n label: '',\n priority: 1,\n className: 'w-8 px-1',\n render: (row) =>\n rowRefinePairs(row, columnDefs).length > 0\n ? <RefineTrigger onOpen={() => setRefineRow(row)} />\n : null,\n },\n {\n // The action column sizes to hold its button — a fixed table won't grow a\n // cell to fit content, so the width is set for the authored label (e.g.\n // \"Start Onboarding\") and the button never wraps or truncates. The\n // description column absorbs the remaining width and truncates instead.\n key: '_action',\n label: '',\n priority: 1,\n width: actionColumnWidth(actionLabel),\n className: 'text-right whitespace-nowrap',\n render: (row) => (\n <RowActionButton row={row} def={rowAction} onView={() => onRowClick?.(row)} forceView={forceView} />\n ),\n },\n ];\n\n return (\n <>\n <DataTable\n columns={columns}\n data={rows}\n layout=\"fixed\"\n density=\"dense\"\n keyFn={(row) => row.id}\n onRowClick={onRowClick}\n emptyMessage=\"No pending items.\"\n />\n <RefineDialog\n open={!!refineRow}\n onClose={() => setRefineRow(null)}\n role={role}\n pairs={refineRow ? rowRefinePairs(refineRow, columnDefs) : []}\n onNavigate={navigate}\n onAddFacet={onAddFacet}\n />\n </>\n );\n}\n\nfunction SectionLabel({ children }: { children: React.ReactNode }) {\n return (\n <p className=\"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-3\">{children}</p>\n );\n}\n\n// ── facet-board — one card per entity (machine, station) ─────────────────────\n\ninterface BoardGroup {\n key: string;\n /** The group's identity as stored (native type preserved for the facet URL). */\n rawValue: unknown;\n latest: LTEscalationRecord;\n count: number;\n}\n\n/**\n * Group rows by the resolved x-lt-group-by value; each card renders from the\n * group's most recent row (by created_at). Rows without the facet are skipped —\n * the board reflects the scope, it doesn't invent entities.\n */\nexport function groupBoardRows(rows: LTEscalationRecord[], groupBy: string): BoardGroup[] {\n const dot = groupBy.indexOf('.');\n const facetKey = groupBy.startsWith('metadata.') ? groupBy.slice('metadata.'.length) : null;\n const groups = new Map<string, BoardGroup>();\n for (const row of rows) {\n const ctx = rowContext(row);\n let v: unknown;\n try {\n v = dot === -1\n ? (ctx as unknown as Record<string, unknown>)[groupBy]\n : getDeep((ctx as unknown as Record<string, unknown>)[groupBy.slice(0, dot)], groupBy.slice(dot + 1));\n } catch {\n v = undefined;\n }\n if (v === undefined || v === null || v === '') continue;\n const key = String(v);\n const rawValue = facetKey ? (row.metadata?.[facetKey] ?? v) : v;\n const existing = groups.get(key);\n if (!existing) {\n groups.set(key, { key, rawValue, latest: row, count: 1 });\n } else {\n existing.count += 1;\n if (new Date(row.created_at) > new Date(existing.latest.created_at)) existing.latest = row;\n }\n }\n return [...groups.values()].sort((a, b) => a.key.localeCompare(b.key));\n}\n\n/** A field value token that is a pure metadata binding — facet-linkable. */\nconst METADATA_TOKEN = /^\\{\\{\\s*metadata\\.([a-zA-Z0-9_]+)\\s*\\}\\}$/;\n\nfunction FacetBoard({ schema, rows, role, onOpenDetail, onOpenGroup, onAddFacet, forceView }: {\n schema: ListSchema;\n rows: LTEscalationRecord[];\n role: string;\n forceView?: boolean;\n /** Plain card click — the group's latest row opens in the detail view. */\n onOpenDetail?: (row: LTEscalationRecord) => void;\n /** History affordances — receive a filtered table/timeline deep link. */\n onOpenGroup?: (url: string) => void;\n /** Shift+click — merge one facet into the live filter set (additive). */\n onAddFacet?: (key: string, value: unknown) => void;\n}) {\n const navigate = useNavigate();\n const groupBy = schema['x-lt-group-by'];\n const card = schema['x-lt-card'] ?? {};\n const rowAction = schema['x-lt-row-action'];\n const [refineGroup, setRefineGroup] = useState<BoardGroup | null>(null);\n\n if (!groupBy) {\n return <p className=\"text-xs text-text-tertiary italic\">facet-board needs an x-lt-group-by path.</p>;\n }\n const facetKey = groupBy.startsWith('metadata.') ? groupBy.slice('metadata.'.length) : null;\n const groups = groupBoardRows(rows, groupBy);\n if (groups.length === 0) {\n return <p className=\"text-xs text-text-tertiary italic\">No entities in scope.</p>;\n }\n\n // The card's refinable facts: the entity identity (the group-by facet)\n // plus every metadata-bound card field — one dialog per card, replacing\n // hover-revealed per-field icons (hover-only fails the iPad floor).\n const groupRefinePairs = (g: BoardGroup): RefinePair[] => {\n const pairs: RefinePair[] = [];\n if (facetKey) pairs.push({ key: facetKey, label: facetKey, value: g.rawValue });\n const seen = new Set(pairs.map((p) => p.key));\n for (const f of card.fields ?? []) {\n const bound = f.value.match(METADATA_TOKEN)?.[1];\n if (!bound || seen.has(bound)) continue;\n const raw = g.latest.metadata?.[bound];\n if (raw === undefined || raw === null || raw === '') continue;\n seen.add(bound);\n pairs.push({ key: bound, label: f.label, value: raw });\n }\n return pairs;\n };\n\n return (\n <div className=\"grid grid-cols-[repeat(auto-fill,minmax(15rem,1fr))] gap-4\" data-testid=\"facet-board\">\n {groups.map((g) => {\n const ctx = rowContext(g.latest);\n const title = card.title ? interpolateHelp(card.title, ctx) : g.key;\n const state = card.state ? interpolateHelp(card.state, ctx) : (g.latest.subtype || g.latest.status);\n const stateHue = typeColor(state);\n const refinable = groupRefinePairs(g).length > 0;\n\n const activate = (e: { shiftKey: boolean }) => {\n if (e.shiftKey && facetKey && onAddFacet) {\n onAddFacet(facetKey, g.rawValue);\n return;\n }\n onOpenDetail?.(g.latest);\n };\n\n return (\n <div\n key={g.key}\n role=\"button\"\n tabIndex={0}\n onClick={activate}\n onKeyDown={(e) => {\n if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); activate(e); }\n }}\n title={facetKey ? 'Open the latest item · ⇧ click to filter the board' : 'Open the latest item'}\n className=\"group/card border-l-2 border-accent/30 bg-surface-sunken/40 rounded-[0.125em] px-4 py-3.5 cursor-pointer transition-colors hover:bg-surface-sunken/70 focus:outline-none focus-visible:ring-1 focus-visible:ring-accent/40\"\n data-testid=\"facet-board-card\"\n >\n <div className=\"flex items-center justify-between gap-2 mb-2.5\">\n <span className=\"text-2xs font-semibold uppercase tracking-wider text-text-secondary truncate\">\n {title}\n </span>\n <span className=\"flex items-center gap-1 shrink-0\">\n <span\n className=\"px-1.5 py-0.5 rounded text-2xs font-mono font-medium\"\n style={{ color: stateHue.text, backgroundColor: stateHue.bg }}\n title={state}\n >\n {state}\n </span>\n {refinable && <RefineTrigger onOpen={() => setRefineGroup(g)} className=\"-my-1 -mr-1\" />}\n </span>\n </div>\n {card.fields && card.fields.length > 0 && (\n <dl className=\"space-y-1\">\n {card.fields.map((f, i) => {\n const text = interpolateHelp(f.value, ctx);\n return (\n <div key={i} className=\"flex items-baseline justify-between gap-3\">\n <dt className=\"text-2xs uppercase tracking-wider text-text-quaternary shrink-0\">{f.label}</dt>\n <dd\n className=\"min-w-0 truncate text-2xs text-text-primary\"\n title={text && text !== EM_DASH ? text : undefined}\n >\n <FieldValue raw={text} format={f.format} />\n </dd>\n </div>\n );\n })}\n </dl>\n )}\n\n <div className=\"mt-3 flex justify-end\">\n <RowActionButton row={g.latest} def={rowAction} onView={() => onOpenDetail?.(g.latest)} forceView={forceView} />\n </div>\n </div>\n );\n })}\n\n <RefineDialog\n open={!!refineGroup}\n onClose={() => setRefineGroup(null)}\n role={role}\n pairs={refineGroup ? groupRefinePairs(refineGroup) : []}\n onNavigate={onOpenGroup ?? navigate}\n onAddFacet={onAddFacet}\n />\n </div>\n );\n}\n\nexport function EscalationListView({ role, listSchema, activeEscalations, onRowClick, onOpenGroup, onAddFacet, forceViewAction, total, page, totalPages, pageSize, onPageChange, onPageSizeChange }: {\n role: string;\n listSchema: ListSchema;\n activeEscalations: LTEscalationRecord[];\n onRowClick?: (row: LTEscalationRecord) => void;\n /** facet-board history affordances — receive a filtered deep link. */\n onOpenGroup?: (url: string) => void;\n /** facet-board ⇧ click — merge one facet into the live filter set. */\n onAddFacet?: (key: string, value: unknown) => void;\n /** Render claim row-actions as view actions. For surfaces listing rows the\n * viewer already holds (e.g. My Escalations), where a claim gesture is\n * inapplicable — the button opens the detail page instead. */\n forceViewAction?: boolean;\n total?: number;\n page?: number;\n totalPages?: number;\n pageSize?: number;\n onPageChange?: (page: number) => void;\n onPageSizeChange?: (size: number) => void;\n}) {\n const layout = listSchema['x-lt-layout'];\n const card = listSchema['x-lt-active'] ?? {};\n const rowAction = listSchema['x-lt-row-action'];\n const active = activeEscalations[0];\n const help = listSchema['x-lt-help'];\n useAgeTick(schemaUsesAge(listSchema));\n\n // The active item is a distinct surface on the page wash — the same card\n // treatment the detail page gives its form sections. The label heads the\n // card; the history column beside it stays a quiet chronicle on the wash.\n const activeBlock = (\n <div className=\"border border-surface-border/60 bg-surface-sunken rounded-[0.25em] p-4\">\n <SectionLabel>Active</SectionLabel>\n {active ? (\n <ActiveCard esc={active} card={card} rowAction={rowAction} onOpen={() => onRowClick?.(active)} forceView={forceViewAction} />\n ) : (\n <p className=\"text-xs text-text-tertiary italic\">No active item right now.</p>\n )}\n </div>\n );\n\n const header = help && active ? (\n <div className=\"mb-8\"><MarkdownRenderer content={interpolateHelp(help, rowContext(active))} /></div>\n ) : help ? (\n <div className=\"mb-8\"><MarkdownRenderer content={help} /></div>\n ) : null;\n\n if (layout === 'facet-table') {\n // The table stands alone — no header text above it. Instructions belong\n // in the form's help surfaces; totals live in the pagination bar.\n const resolvedTotal = total ?? activeEscalations.length;\n return (\n <div>\n <FacetTable schema={listSchema} rows={activeEscalations} role={role} onRowClick={onRowClick} onAddFacet={onAddFacet} forceView={forceViewAction} />\n {page !== undefined && totalPages !== undefined && onPageChange && (\n <StickyPagination\n page={page}\n totalPages={totalPages}\n onPageChange={onPageChange}\n total={resolvedTotal}\n pageSize={pageSize ?? 25}\n onPageSizeChange={onPageSizeChange}\n />\n )}\n </div>\n );\n }\n\n if (layout === 'facet-board') {\n return (\n <div>\n {header}\n <FacetBoard\n schema={listSchema}\n rows={activeEscalations}\n role={role}\n onOpenDetail={onRowClick}\n onOpenGroup={onOpenGroup}\n onAddFacet={onAddFacet}\n forceView={forceViewAction}\n />\n {page !== undefined && totalPages !== undefined && onPageChange && totalPages > 1 && (\n <StickyPagination\n page={page}\n totalPages={totalPages}\n onPageChange={onPageChange}\n total={total ?? activeEscalations.length}\n pageSize={pageSize ?? 25}\n onPageSizeChange={onPageSizeChange}\n />\n )}\n </div>\n );\n }\n\n if (layout === 'active-history') {\n return (\n <div>\n {header}\n <div className=\"grid grid-cols-1 @split:grid-cols-[1.6fr_1fr] gap-8 @split:gap-12 items-start\">\n {activeBlock}\n {/* pt-4 seats the History label on the Active label's optical line\n (the card's own padding provides that inset on the left). */}\n <div className=\"@split:pt-4\">\n <SectionLabel>History</SectionLabel>\n <HistoryColumn role={role} def={listSchema['x-lt-history'] ?? {}} onRowClick={onRowClick} />\n </div>\n </div>\n </div>\n );\n }\n\n // \"active\" (or any non-table layout): just the active card.\n return (\n <div>\n {header}\n {activeBlock}\n </div>\n );\n}\n"],"names":["DISPLAY_ONLY_WIDGET_NAMES","DISPLAY_ONLY_WIDGETS","isDisplayOnlyWidget","name","isDisplayOnlyField","def","BLOCKED_KEYS","parsePath","path","segs","raw","m","brackets","b","setDeep","root","value","node","i","seg","next","childKey","wantArray","last","getDeep","bindPathFor","propName","propDef","bind","mapFormToPayload","formValues","formSchema","props","payload","mapPayloadToForm","form","v","HELP_DOMAINS","TOKEN_PATTERN","MISSING_VALUE","formatTokenValue","interpolateHelp","template","ctx","_match","rawPath","dot","domain","resolveHelpSource","schema","help","context","buildHelpMarkdown","source","defaultHelpMarkdown","isTerminal","status","claimed","claimedByMe","schemaNeedsEnvelope","fragment","s","isEffectivelyClaimed","esc","isAckEscalation","identifierToTitle","id","w","PALETTE","hash","str","h","typeColor","typeName","FIND_THRESHOLD","RefineDialog","open","onClose","role","pairs","onNavigate","onAddFacet","selected","setSelected","useState","find","setFind","prevOpen","setPrevOpen","bound","p","preset","needle","visible","t","toggle","key","prev","chosen","facets","none","go","url","jsx","Modal","jsxs","Search","e","on","Check","metadataFacetsUrl","escalationDotClass","STATUS_DOT_STYLES","useAgeTick","enabled","setTick","useEffect","n","schemaUsesAge","_a","f","rowContext","parse","ISO_DATETIME","EM_DASH","FIELD_FORMATS","FieldValue","format","UserName","isDate","formatAgoCompact","DateValue","IDENTITY_COLUMN_WIDTH","actionColumnWidth","label","DEFAULT_CLAIM_MINUTES","isClaimable","row","RowActionButton","onView","prominent","forceView","authored","action","claim","useClaimEscalation","navigate","useNavigate","location","useLocation","error","setError","spent","fire","err","classes","ActiveCard","card","rowAction","onOpen","title","MarkdownRenderer","HistoryColumn","onRowClick","show","setShow","query","useEscalations","rows","total","_b","rowDef","isFacetValue","rowRefinePairs","columnDefs","seen","metadata","col","METADATA_TOKEN","RefineTrigger","className","FacetTable","refineRow","setRefineRow","actionLabel","columns","c","text","Fragment","DataTable","SectionLabel","children","groupBoardRows","groupBy","facetKey","groups","rawValue","existing","a","FacetBoard","onOpenDetail","onOpenGroup","refineGroup","setRefineGroup","groupRefinePairs","g","state","stateHue","refinable","activate","EscalationListView","listSchema","activeEscalations","forceViewAction","page","totalPages","pageSize","onPageChange","onPageSizeChange","layout","active","activeBlock","header","resolvedTotal","StickyPagination"],"mappings":"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"}

package/dashboard/dist/assets/{EscalationSchemaPage-mJFL5_Se.js → EscalationSchemaPage-C9Xu_A25.js} RENAMED Viewed

@@ -1,9 +1,9 @@
-import{a as l,j as e}from"./vendor-query-DvWWuNIB.js";import{_ as w,aS as S,aU as _,a3 as E,J as C}from"./index-CIwlVfvV.js";import{n as j,w as O,aa as R,au as q}from"./vendor-icons-DeBdvyKJ.js";import{e as J}from"./vendor-react-_9U4mKFr.js";const L=`{
+import{a as l,j as e}from"./vendor-query-DvWWuNIB.js";import{Z as w,aU as S,a_ as _,a3 as E,J as C}from"./index-3gbd5neL.js";import{o as j,x as O,ab as R,aB as q}from"./vendor-icons-B7OcUM6b.js";import{e as J}from"./vendor-react-_9U4mKFr.js";const L=`{
   "type": "object",
   "properties": {
     "approved": { "type": "boolean", "title": "Approve?" },
     "notes": { "type": "string", "title": "Notes" }
   },
   "required": ["approved"]
-}`;function v(o){const t=o.trim();if(!t)return{ok:!0,value:null};try{const r=JSON.parse(t);return typeof r!="object"||Array.isArray(r)||r===null?{ok:!1}:{ok:!0,value:r}}catch{return{ok:!1}}}function T(){const{role:o}=J(),{data:t,isLoading:r}=w(),n=S(),s=((t==null?void 0:t.roles)??[]).find(a=>a.role===o),[c,i]=l.useState(""),[h,u]=l.useState(""),[N,d]=l.useState(!1),[g,x]=l.useState(!1),[p,m]=l.useState(!1),f=l.useRef(null);l.useEffect(()=>{!s||f.current===s.role||(f.current=s.role,i(s.form_schema?JSON.stringify(s.form_schema,null,2):""),u(""),d(!1),m(!1))},[s]);const y=a=>{i(a),d(!0),x(!1),m(!v(a).ok)},b=()=>{const a=v(c);if(!a.ok||!s){m(!a.ok);return}n.mutate({role:s.role,form_schema:a.value??null,change_summary:h.trim()||void 0},{onSuccess:()=>{d(!1),x(!0),u(""),window.setTimeout(()=>x(!1),2500)}})},k=a=>{i(a?JSON.stringify(a,null,2):""),d(!0),x(!1),m(!1)};return r?e.jsxs("div",{className:"animate-pulse space-y-4",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-64"}),e.jsx("div",{className:"h-96 bg-surface-sunken rounded"})]}):s?e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-start justify-between mb-10",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-3 mb-1",children:[e.jsx(j,{className:"w-5 h-5 text-accent",strokeWidth:1.5}),e.jsx("h1",{className:"heading-3",children:"Escalation Schema"}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:dashboard.md:escalation-schema"},className:"text-text-quaternary hover:text-accent transition-colors",title:"Open docs for this page",children:e.jsx(O,{className:"w-4 h-4",strokeWidth:1.5})}),e.jsx("span",{className:"font-mono text-sm text-text-tertiary",children:s.role}),s.current_schema_version!=null&&e.jsxs("span",{className:"text-2xs font-mono text-text-quaternary",children:["v",s.current_schema_version," in use"]})]}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:hitl-guide.md:json-schema-form-authoring"},className:"text-2xs text-accent hover:underline pl-8",children:"Form authoring reference — field types, widgets, and every x-lt-* keyword →"})]}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[g&&e.jsxs("span",{className:"flex items-center gap-1 text-xs text-status-success animate-page-enter",children:[e.jsx(R,{className:"w-3 h-3"})," Saved"]}),n.error&&e.jsx("span",{className:"text-xs text-status-error max-w-[220px] truncate",children:n.error.message}),e.jsx("button",{onClick:b,disabled:!N||p||n.isPending,className:"px-3 py-1.5 text-xs rounded-md bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed",children:n.isPending?"Saving…":"Save Version"})]})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-16 items-start",children:[e.jsxs("div",{className:"col-span-2 space-y-6",children:[e.jsx("textarea",{value:c,onChange:a=>y(a.target.value),rows:28,spellCheck:!1,className:"input text-xs font-mono w-full resize-y leading-relaxed",placeholder:L}),p&&e.jsx("p",{className:"text-2xs text-status-error -mt-4",children:"Invalid JSON"}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Change Summary"}),e.jsx("input",{type:"text",value:h,onChange:a=>u(a.target.value),placeholder:"e.g., Added lotNumber field for shoe orders",className:"input text-sm w-full"}),e.jsx("p",{className:"text-2xs text-text-quaternary mt-1.5",children:"Recorded on the version this save creates."})]})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3 pb-2 border-b border-surface-border",children:[e.jsx(q,{className:"w-4 h-4 text-text-quaternary",strokeWidth:1.5}),e.jsx("h2",{className:"section-h2",children:"Versions"})]}),e.jsx(V,{role:s.role,onLoad:k})]})]})]}):e.jsxs("div",{className:"flex flex-col items-center justify-center py-20 text-center",children:[e.jsx(j,{className:"w-12 h-12 text-text-quaternary mb-4",strokeWidth:1}),e.jsx("h2",{className:"heading-3 mb-2",children:"Role not found"})]})}function V({role:o,onLoad:t}){const{data:r}=_(o),n=(r==null?void 0:r.versions)??[];return n.length===0?e.jsx("p",{className:"text-2xs text-text-tertiary leading-relaxed",children:"Versions appear here after the first save. Each schema change adds one; earlier versions stay viewable and loadable as an editing base."}):e.jsx("div",{className:"divide-y divide-surface-border/40",children:n.map(s=>e.jsx(P,{role:o,summary:s,onLoad:t},s.version))})}function P({role:o,summary:t,onLoad:r}){const[n,s]=l.useState(!1),c=E(o,t.version,n);return e.jsxs("div",{className:"py-2",children:[e.jsxs("button",{onClick:()=>s(i=>!i),className:"w-full text-left group",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("span",{className:"text-xs font-mono text-text-secondary",children:["v",t.version]}),t.is_current&&e.jsx("span",{className:"text-2xs font-bold uppercase tracking-wider text-accent",children:"current"}),e.jsx("span",{className:"flex-1"}),e.jsx("span",{className:"text-2xs text-text-quaternary shrink-0",children:new Date(t.created_at).toLocaleDateString()})]}),t.change_summary&&e.jsx("p",{className:"mt-0.5 text-2xs text-text-tertiary truncate",children:t.change_summary})]}),n&&e.jsx("div",{className:"mt-2 space-y-2",children:c.data?e.jsxs(e.Fragment,{children:[c.data.form_schema?e.jsx(C,{data:c.data.form_schema,defaultCollapsed:!0}):e.jsx("p",{className:"text-2xs text-text-quaternary",children:"This version carries no form schema."}),e.jsx("button",{onClick:()=>r(c.data.form_schema??null),className:"text-2xs text-accent hover:underline",children:"Load into editor"})]}):e.jsx("p",{className:"text-2xs text-text-quaternary",children:"Loading…"})})]})}export{T as EscalationSchemaPage};
-//# sourceMappingURL=EscalationSchemaPage-mJFL5_Se.js.map
+}`;function v(o){const t=o.trim();if(!t)return{ok:!0,value:null};try{const r=JSON.parse(t);return typeof r!="object"||Array.isArray(r)||r===null?{ok:!1}:{ok:!0,value:r}}catch{return{ok:!1}}}function F(){const{role:o}=J(),{data:t,isLoading:r}=w(),n=S(),s=((t==null?void 0:t.roles)??[]).find(a=>a.role===o),[c,i]=l.useState(""),[h,u]=l.useState(""),[N,d]=l.useState(!1),[g,x]=l.useState(!1),[p,m]=l.useState(!1),f=l.useRef(null);l.useEffect(()=>{!s||f.current===s.role||(f.current=s.role,i(s.form_schema?JSON.stringify(s.form_schema,null,2):""),u(""),d(!1),m(!1))},[s]);const y=a=>{i(a),d(!0),x(!1),m(!v(a).ok)},b=()=>{const a=v(c);if(!a.ok||!s){m(!a.ok);return}n.mutate({role:s.role,form_schema:a.value??null,change_summary:h.trim()||void 0},{onSuccess:()=>{d(!1),x(!0),u(""),window.setTimeout(()=>x(!1),2500)}})},k=a=>{i(a?JSON.stringify(a,null,2):""),d(!0),x(!1),m(!1)};return r?e.jsxs("div",{className:"animate-pulse space-y-4",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-64"}),e.jsx("div",{className:"h-96 bg-surface-sunken rounded"})]}):s?e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-start justify-between mb-10",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-3 mb-1",children:[e.jsx(j,{className:"w-5 h-5 text-accent",strokeWidth:1.5}),e.jsx("h1",{className:"heading-3",children:"Escalation Schema"}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:dashboard.md:escalation-schema"},className:"text-text-quaternary hover:text-accent transition-colors",title:"Open docs for this page",children:e.jsx(O,{className:"w-4 h-4",strokeWidth:1.5})}),e.jsx("span",{className:"font-mono text-sm text-text-tertiary",children:s.role}),s.current_schema_version!=null&&e.jsxs("span",{className:"text-2xs font-mono text-text-quaternary",children:["v",s.current_schema_version," in use"]})]}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:hitl-guide.md:json-schema-form-authoring"},className:"text-2xs text-accent hover:underline pl-8",children:"Form authoring reference — field types, widgets, and every x-lt-* keyword →"})]}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[g&&e.jsxs("span",{className:"flex items-center gap-1 text-xs text-status-success animate-page-enter",children:[e.jsx(R,{className:"w-3 h-3"})," Saved"]}),n.error&&e.jsx("span",{className:"text-xs text-status-error max-w-[220px] truncate",children:n.error.message}),e.jsx("button",{onClick:b,disabled:!N||p||n.isPending,className:"px-3 py-1.5 text-xs rounded-md bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed",children:n.isPending?"Saving…":"Save Version"})]})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-16 items-start",children:[e.jsxs("div",{className:"col-span-2 space-y-6",children:[e.jsx("textarea",{value:c,onChange:a=>y(a.target.value),rows:28,spellCheck:!1,className:"input text-xs font-mono w-full resize-y leading-relaxed",placeholder:L}),p&&e.jsx("p",{className:"text-2xs text-status-error -mt-4",children:"Invalid JSON"}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Change Summary"}),e.jsx("input",{type:"text",value:h,onChange:a=>u(a.target.value),placeholder:"e.g., Added lotNumber field for shoe orders",className:"input text-sm w-full"}),e.jsx("p",{className:"text-2xs text-text-quaternary mt-1.5",children:"Recorded on the version this save creates."})]})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3 pb-2 border-b border-surface-border",children:[e.jsx(q,{className:"w-4 h-4 text-text-quaternary",strokeWidth:1.5}),e.jsx("h2",{className:"section-h2",children:"Versions"})]}),e.jsx(V,{role:s.role,onLoad:k})]})]})]}):e.jsxs("div",{className:"flex flex-col items-center justify-center py-20 text-center",children:[e.jsx(j,{className:"w-12 h-12 text-text-quaternary mb-4",strokeWidth:1}),e.jsx("h2",{className:"heading-3 mb-2",children:"Role not found"})]})}function V({role:o,onLoad:t}){const{data:r}=_(o),n=(r==null?void 0:r.versions)??[];return n.length===0?e.jsx("p",{className:"text-2xs text-text-tertiary leading-relaxed",children:"Versions appear here after the first save. Each schema change adds one; earlier versions stay viewable and loadable as an editing base."}):e.jsx("div",{className:"divide-y divide-surface-border/40",children:n.map(s=>e.jsx(P,{role:o,summary:s,onLoad:t},s.version))})}function P({role:o,summary:t,onLoad:r}){const[n,s]=l.useState(!1),c=E(o,t.version,n);return e.jsxs("div",{className:"py-2",children:[e.jsxs("button",{onClick:()=>s(i=>!i),className:"w-full text-left group",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("span",{className:"text-xs font-mono text-text-secondary",children:["v",t.version]}),t.is_current&&e.jsx("span",{className:"text-2xs font-bold uppercase tracking-wider text-accent",children:"current"}),e.jsx("span",{className:"flex-1"}),e.jsx("span",{className:"text-2xs text-text-quaternary shrink-0",children:new Date(t.created_at).toLocaleDateString()})]}),t.change_summary&&e.jsx("p",{className:"mt-0.5 text-2xs text-text-tertiary truncate",children:t.change_summary})]}),n&&e.jsx("div",{className:"mt-2 space-y-2",children:c.data?e.jsxs(e.Fragment,{children:[c.data.form_schema?e.jsx(C,{data:c.data.form_schema,defaultCollapsed:!0}):e.jsx("p",{className:"text-2xs text-text-quaternary",children:"This version carries no form schema."}),e.jsx("button",{onClick:()=>r(c.data.form_schema??null),className:"text-2xs text-accent hover:underline",children:"Load into editor"})]}):e.jsx("p",{className:"text-2xs text-text-quaternary",children:"Loading…"})})]})}export{F as EscalationSchemaPage};
+//# sourceMappingURL=EscalationSchemaPage-C9Xu_A25.js.map

package/dashboard/dist/assets/{EscalationSchemaPage-mJFL5_Se.js.map → EscalationSchemaPage-C9Xu_A25.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EscalationSchemaPage-mJFL5_Se.js","sources":["../../src/pages/admin/roles/EscalationSchemaPage.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { Braces, Check, History, BookOpen } from 'lucide-react';\nimport {\n useRoleDetails,\n useRoleSchema,\n useRoleSchemaVersions,\n useUpdateRole,\n type RoleSchemaVersionSummary,\n} from '../../../api/roles';\nimport { JsonViewer } from '../../../components/common/data/JsonViewer';\n\n/*\n The escalation form schema, on its own page (/admin/roles/:role/schema).\n * This is the form a person completes to resolve the role's escalations —\n * versioned, pinnable by workflows (conditional schemaVersion), and worth a\n * full editing surface. Saving here writes ONLY the schema: one PATCH with\n * form_schema (+ optional change summary); every actual change appends the\n * next immutable version.\n /\n\nconst PLACEHOLDER = `{\n \"type\": \"object\",\n \"properties\": {\n \"approved\": { \"type\": \"boolean\", \"title\": \"Approve?\" },\n \"notes\": { \"type\": \"string\", \"title\": \"Notes\" }\n },\n \"required\": [\"approved\"]\n}`;\n\nfunction safeParseObject(text: string): { ok: boolean; value?: Record<string, unknown> \| null } {\n const trimmed = text.trim();\n if (!trimmed) return { ok: true, value: null };\n try {\n const parsed = JSON.parse(trimmed);\n if (typeof parsed !== 'object' \|\| Array.isArray(parsed) \|\| parsed === null) return { ok: false };\n return { ok: true, value: parsed };\n } catch {\n return { ok: false };\n }\n}\n\nexport function EscalationSchemaPage() {\n const { role: roleKey } = useParams<{ role: string }>();\n const { data, isLoading } = useRoleDetails();\n const updateRole = useUpdateRole();\n\n const role = (data?.roles ?? []).find((r) => r.role === roleKey);\n\n const [text, setText] = useState('');\n const [summary, setSummary] = useState('');\n const [dirty, setDirty] = useState(false);\n const [savedOk, setSavedOk] = useState(false);\n const [jsonError, setJsonError] = useState(false);\n\n // Seed the editor from the live schema exactly once per role — refetches\n // (cache invalidations, saves) must not clobber in-progress edits.\n const seededFor = useRef<string \| null>(null);\n useEffect(() => {\n if (!role \|\| seededFor.current === role.role) return;\n seededFor.current = role.role;\n setText(role.form_schema ? JSON.stringify(role.form_schema, null, 2) : '');\n setSummary('');\n setDirty(false);\n setJsonError(false);\n }, [role]);\n\n const handleEdit = (value: string) => {\n setText(value);\n setDirty(true);\n setSavedOk(false);\n setJsonError(!safeParseObject(value).ok);\n };\n\n const handleSave = () => {\n const parsed = safeParseObject(text);\n if (!parsed.ok \|\| !role) { setJsonError(!parsed.ok); return; }\n // Saving just the schema — nothing else rides this PATCH.\n updateRole.mutate(\n { role: role.role, form_schema: parsed.value ?? null, change_summary: summary.trim() \|\| undefined },\n {\n onSuccess: () => {\n setDirty(false);\n setSavedOk(true);\n setSummary('');\n window.setTimeout(() => setSavedOk(false), 2500);\n },\n },\n );\n };\n\n const loadIntoEditor = (schema: Record<string, unknown> \| null) => {\n setText(schema ? JSON.stringify(schema, null, 2) : '');\n setDirty(true);\n setSavedOk(false);\n setJsonError(false);\n };\n\n if (isLoading) {\n return (\n <div className=\"animate-pulse space-y-4\">\n <div className=\"h-8 bg-surface-sunken rounded w-64\" />\n <div className=\"h-96 bg-surface-sunken rounded\" />\n </div>\n );\n }\n\n if (!role) {\n return (\n <div className=\"flex flex-col items-center justify-center py-20 text-center\">\n <Braces className=\"w-12 h-12 text-text-quaternary mb-4\" strokeWidth={1} />\n <h2 className=\"heading-3 mb-2\">Role not found</h2>\n </div>\n );\n }\n\n return (\n <div>\n {/ ── Header ── /}\n <div className=\"flex items-start justify-between mb-10\">\n <div>\n <div className=\"flex items-center gap-3 mb-1\">\n <Braces className=\"w-5 h-5 text-accent\" strokeWidth={1.5} />\n <h1 className=\"heading-3\">Escalation Schema</h1>\n <button\n onClick={() => { window.location.hash = '#docs:dashboard.md:escalation-schema'; }}\n className=\"text-text-quaternary hover:text-accent transition-colors\"\n title=\"Open docs for this page\"\n >\n <BookOpen className=\"w-4 h-4\" strokeWidth={1.5} />\n </button>\n <span className=\"font-mono text-sm text-text-tertiary\">{role.role}</span>\n {role.current_schema_version != null && (\n <span className=\"text-2xs font-mono text-text-quaternary\">\n v{role.current_schema_version} in use\n </span>\n )}\n </div>\n <button\n onClick={() => { window.location.hash = '#docs:hitl-guide.md:json-schema-form-authoring'; }}\n className=\"text-2xs text-accent hover:underline pl-8\"\n >\n Form authoring reference — field types, widgets, and every x-lt- keyword →\n </button>\n </div>\n\n <div className=\"flex items-center gap-2 shrink-0\">\n {savedOk && (\n <span className=\"flex items-center gap-1 text-xs text-status-success animate-page-enter\">\n <Check className=\"w-3 h-3\" /> Saved\n </span>\n )}\n {updateRole.error && (\n <span className=\"text-xs text-status-error max-w-[220px] truncate\">\n {(updateRole.error as Error).message}\n </span>\n )}\n <button\n onClick={handleSave}\n disabled={!dirty \|\| jsonError \|\| updateRole.isPending}\n className=\"px-3 py-1.5 text-xs rounded-md bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed\"\n >\n {updateRole.isPending ? 'Saving…' : 'Save Version'}\n </button>\n </div>\n </div>\n\n {/* ── Editor + version rail ── /}\n <div className=\"grid grid-cols-3 gap-16 items-start\">\n <div className=\"col-span-2 space-y-6\">\n <textarea\n value={text}\n onChange={(e) => handleEdit(e.target.value)}\n rows={28}\n spellCheck={false}\n className=\"input text-xs font-mono w-full resize-y leading-relaxed\"\n placeholder={PLACEHOLDER}\n />\n {jsonError && <p className=\"text-2xs text-status-error -mt-4\">Invalid JSON</p>}\n\n <div>\n <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5\">\n Change Summary\n </label>\n <input\n type=\"text\"\n value={summary}\n onChange={(e) => setSummary(e.target.value)}\n placeholder=\"e.g., Added lotNumber field for shoe orders\"\n className=\"input text-sm w-full\"\n />\n <p className=\"text-2xs text-text-quaternary mt-1.5\">\n Recorded on the version this save creates.\n </p>\n </div>\n </div>\n\n {/ Version history — view any snapshot, load one as the editing base */}\n <div>\n <div className=\"flex items-center gap-2 mb-3 pb-2 border-b border-surface-border\">\n <History className=\"w-4 h-4 text-text-quaternary\" strokeWidth={1.5} />\n <h2 className=\"section-h2\">Versions</h2>\n </div>\n <VersionRail role={role.role} onLoad={loadIntoEditor} />\n </div>\n </div>\n </div>\n );\n}\n\nfunction VersionRail({\n role,\n onLoad,\n}: {\n role: string;\n onLoad: (schema: Record<string, unknown> \| null) => void;\n}) {\n const { data } = useRoleSchemaVersions(role);\n const versions = data?.versions ?? [];\n\n if (versions.length === 0) {\n return (\n <p className=\"text-2xs text-text-tertiary leading-relaxed\">\n Versions appear here after the first save. Each schema change adds one;\n earlier versions stay viewable and loadable as an editing base.\n </p>\n );\n }\n\n return (\n <div className=\"divide-y divide-surface-border/40\">\n {versions.map((v) => (\n <VersionEntry key={v.version} role={role} summary={v} onLoad={onLoad} />\n ))}\n </div>\n );\n}\n\nfunction VersionEntry({\n role,\n summary,\n onLoad,\n}: {\n role: string;\n summary: RoleSchemaVersionSummary;\n onLoad: (schema: Record<string, unknown> \| null) => void;\n}) {\n const [open, setOpen] = useState(false);\n // Snapshot fetch is lazy — only when the entry is expanded.\n const snapshot = useRoleSchema(role, summary.version, open);\n\n return (\n <div className=\"py-2\">\n <button onClick={() => setOpen((o) => !o)} className=\"w-full text-left group\">\n <div className=\"flex items-center gap-2\">\n <span className=\"text-xs font-mono text-text-secondary\">v{summary.version}</span>\n {summary.is_current && (\n <span className=\"text-2xs font-bold uppercase tracking-wider text-accent\">current</span>\n )}\n <span className=\"flex-1\" />\n <span className=\"text-2xs text-text-quaternary shrink-0\">\n {new Date(summary.created_at).toLocaleDateString()}\n </span>\n </div>\n {summary.change_summary && (\n <p className=\"mt-0.5 text-2xs text-text-tertiary truncate\">{summary.change_summary}</p>\n )}\n </button>\n {open && (\n <div className=\"mt-2 space-y-2\">\n {snapshot.data ? (\n <>\n {snapshot.data.form_schema\n ? <JsonViewer data={snapshot.data.form_schema} defaultCollapsed />\n : <p className=\"text-2xs text-text-quaternary\">This version carries no form schema.</p>}\n <button\n onClick={() => onLoad((snapshot.data!.form_schema ?? null) as Record<string, unknown> \| null)}\n className=\"text-2xs text-accent hover:underline\"\n >\n Load into editor\n </button>\n </>\n ) : (\n <p className=\"text-2xs text-text-quaternary\">Loading…</p>\n )}\n </div>\n )}\n </div>\n );\n}\n"],"names":["PLACEHOLDER","safeParseObject","text","trimmed","parsed","EscalationSchemaPage","roleKey","useParams","data","isLoading","useRoleDetails","updateRole","useUpdateRole","role","r","setText","useState","summary","setSummary","dirty","setDirty","savedOk","setSavedOk","jsonError","setJsonError","seededFor","useRef","useEffect","handleEdit","value","handleSave","loadIntoEditor","schema","jsxs","jsx","Braces","BookOpen","Check","e","History","VersionRail","onLoad","useRoleSchemaVersions","versions","v","VersionEntry","open","setOpen","snapshot","useRoleSchema","o","Fragment","JsonViewer"],"mappings":"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"}
1	+ {"version":3,"file":"EscalationSchemaPage-C9Xu_A25.js","sources":["../../src/pages/admin/roles/EscalationSchemaPage.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { Braces, Check, History, BookOpen } from 'lucide-react';\nimport {\n useRoleDetails,\n useRoleSchema,\n useRoleSchemaVersions,\n useUpdateRole,\n type RoleSchemaVersionSummary,\n} from '../../../api/roles';\nimport { JsonViewer } from '../../../components/common/data/JsonViewer';\n\n/*\n The escalation form schema, on its own page (/admin/roles/:role/schema).\n * This is the form a person completes to resolve the role's escalations —\n * versioned, pinnable by workflows (conditional schemaVersion), and worth a\n * full editing surface. Saving here writes ONLY the schema: one PATCH with\n * form_schema (+ optional change summary); every actual change appends the\n * next immutable version.\n /\n\nconst PLACEHOLDER = `{\n \"type\": \"object\",\n \"properties\": {\n \"approved\": { \"type\": \"boolean\", \"title\": \"Approve?\" },\n \"notes\": { \"type\": \"string\", \"title\": \"Notes\" }\n },\n \"required\": [\"approved\"]\n}`;\n\nfunction safeParseObject(text: string): { ok: boolean; value?: Record<string, unknown> \| null } {\n const trimmed = text.trim();\n if (!trimmed) return { ok: true, value: null };\n try {\n const parsed = JSON.parse(trimmed);\n if (typeof parsed !== 'object' \|\| Array.isArray(parsed) \|\| parsed === null) return { ok: false };\n return { ok: true, value: parsed };\n } catch {\n return { ok: false };\n }\n}\n\nexport function EscalationSchemaPage() {\n const { role: roleKey } = useParams<{ role: string }>();\n const { data, isLoading } = useRoleDetails();\n const updateRole = useUpdateRole();\n\n const role = (data?.roles ?? []).find((r) => r.role === roleKey);\n\n const [text, setText] = useState('');\n const [summary, setSummary] = useState('');\n const [dirty, setDirty] = useState(false);\n const [savedOk, setSavedOk] = useState(false);\n const [jsonError, setJsonError] = useState(false);\n\n // Seed the editor from the live schema exactly once per role — refetches\n // (cache invalidations, saves) must not clobber in-progress edits.\n const seededFor = useRef<string \| null>(null);\n useEffect(() => {\n if (!role \|\| seededFor.current === role.role) return;\n seededFor.current = role.role;\n setText(role.form_schema ? JSON.stringify(role.form_schema, null, 2) : '');\n setSummary('');\n setDirty(false);\n setJsonError(false);\n }, [role]);\n\n const handleEdit = (value: string) => {\n setText(value);\n setDirty(true);\n setSavedOk(false);\n setJsonError(!safeParseObject(value).ok);\n };\n\n const handleSave = () => {\n const parsed = safeParseObject(text);\n if (!parsed.ok \|\| !role) { setJsonError(!parsed.ok); return; }\n // Saving just the schema — nothing else rides this PATCH.\n updateRole.mutate(\n { role: role.role, form_schema: parsed.value ?? null, change_summary: summary.trim() \|\| undefined },\n {\n onSuccess: () => {\n setDirty(false);\n setSavedOk(true);\n setSummary('');\n window.setTimeout(() => setSavedOk(false), 2500);\n },\n },\n );\n };\n\n const loadIntoEditor = (schema: Record<string, unknown> \| null) => {\n setText(schema ? JSON.stringify(schema, null, 2) : '');\n setDirty(true);\n setSavedOk(false);\n setJsonError(false);\n };\n\n if (isLoading) {\n return (\n <div className=\"animate-pulse space-y-4\">\n <div className=\"h-8 bg-surface-sunken rounded w-64\" />\n <div className=\"h-96 bg-surface-sunken rounded\" />\n </div>\n );\n }\n\n if (!role) {\n return (\n <div className=\"flex flex-col items-center justify-center py-20 text-center\">\n <Braces className=\"w-12 h-12 text-text-quaternary mb-4\" strokeWidth={1} />\n <h2 className=\"heading-3 mb-2\">Role not found</h2>\n </div>\n );\n }\n\n return (\n <div>\n {/ ── Header ── /}\n <div className=\"flex items-start justify-between mb-10\">\n <div>\n <div className=\"flex items-center gap-3 mb-1\">\n <Braces className=\"w-5 h-5 text-accent\" strokeWidth={1.5} />\n <h1 className=\"heading-3\">Escalation Schema</h1>\n <button\n onClick={() => { window.location.hash = '#docs:dashboard.md:escalation-schema'; }}\n className=\"text-text-quaternary hover:text-accent transition-colors\"\n title=\"Open docs for this page\"\n >\n <BookOpen className=\"w-4 h-4\" strokeWidth={1.5} />\n </button>\n <span className=\"font-mono text-sm text-text-tertiary\">{role.role}</span>\n {role.current_schema_version != null && (\n <span className=\"text-2xs font-mono text-text-quaternary\">\n v{role.current_schema_version} in use\n </span>\n )}\n </div>\n <button\n onClick={() => { window.location.hash = '#docs:hitl-guide.md:json-schema-form-authoring'; }}\n className=\"text-2xs text-accent hover:underline pl-8\"\n >\n Form authoring reference — field types, widgets, and every x-lt- keyword →\n </button>\n </div>\n\n <div className=\"flex items-center gap-2 shrink-0\">\n {savedOk && (\n <span className=\"flex items-center gap-1 text-xs text-status-success animate-page-enter\">\n <Check className=\"w-3 h-3\" /> Saved\n </span>\n )}\n {updateRole.error && (\n <span className=\"text-xs text-status-error max-w-[220px] truncate\">\n {(updateRole.error as Error).message}\n </span>\n )}\n <button\n onClick={handleSave}\n disabled={!dirty \|\| jsonError \|\| updateRole.isPending}\n className=\"px-3 py-1.5 text-xs rounded-md bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed\"\n >\n {updateRole.isPending ? 'Saving…' : 'Save Version'}\n </button>\n </div>\n </div>\n\n {/* ── Editor + version rail ── /}\n <div className=\"grid grid-cols-3 gap-16 items-start\">\n <div className=\"col-span-2 space-y-6\">\n <textarea\n value={text}\n onChange={(e) => handleEdit(e.target.value)}\n rows={28}\n spellCheck={false}\n className=\"input text-xs font-mono w-full resize-y leading-relaxed\"\n placeholder={PLACEHOLDER}\n />\n {jsonError && <p className=\"text-2xs text-status-error -mt-4\">Invalid JSON</p>}\n\n <div>\n <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5\">\n Change Summary\n </label>\n <input\n type=\"text\"\n value={summary}\n onChange={(e) => setSummary(e.target.value)}\n placeholder=\"e.g., Added lotNumber field for shoe orders\"\n className=\"input text-sm w-full\"\n />\n <p className=\"text-2xs text-text-quaternary mt-1.5\">\n Recorded on the version this save creates.\n </p>\n </div>\n </div>\n\n {/ Version history — view any snapshot, load one as the editing base */}\n <div>\n <div className=\"flex items-center gap-2 mb-3 pb-2 border-b border-surface-border\">\n <History className=\"w-4 h-4 text-text-quaternary\" strokeWidth={1.5} />\n <h2 className=\"section-h2\">Versions</h2>\n </div>\n <VersionRail role={role.role} onLoad={loadIntoEditor} />\n </div>\n </div>\n </div>\n );\n}\n\nfunction VersionRail({\n role,\n onLoad,\n}: {\n role: string;\n onLoad: (schema: Record<string, unknown> \| null) => void;\n}) {\n const { data } = useRoleSchemaVersions(role);\n const versions = data?.versions ?? [];\n\n if (versions.length === 0) {\n return (\n <p className=\"text-2xs text-text-tertiary leading-relaxed\">\n Versions appear here after the first save. Each schema change adds one;\n earlier versions stay viewable and loadable as an editing base.\n </p>\n );\n }\n\n return (\n <div className=\"divide-y divide-surface-border/40\">\n {versions.map((v) => (\n <VersionEntry key={v.version} role={role} summary={v} onLoad={onLoad} />\n ))}\n </div>\n );\n}\n\nfunction VersionEntry({\n role,\n summary,\n onLoad,\n}: {\n role: string;\n summary: RoleSchemaVersionSummary;\n onLoad: (schema: Record<string, unknown> \| null) => void;\n}) {\n const [open, setOpen] = useState(false);\n // Snapshot fetch is lazy — only when the entry is expanded.\n const snapshot = useRoleSchema(role, summary.version, open);\n\n return (\n <div className=\"py-2\">\n <button onClick={() => setOpen((o) => !o)} className=\"w-full text-left group\">\n <div className=\"flex items-center gap-2\">\n <span className=\"text-xs font-mono text-text-secondary\">v{summary.version}</span>\n {summary.is_current && (\n <span className=\"text-2xs font-bold uppercase tracking-wider text-accent\">current</span>\n )}\n <span className=\"flex-1\" />\n <span className=\"text-2xs text-text-quaternary shrink-0\">\n {new Date(summary.created_at).toLocaleDateString()}\n </span>\n </div>\n {summary.change_summary && (\n <p className=\"mt-0.5 text-2xs text-text-tertiary truncate\">{summary.change_summary}</p>\n )}\n </button>\n {open && (\n <div className=\"mt-2 space-y-2\">\n {snapshot.data ? (\n <>\n {snapshot.data.form_schema\n ? <JsonViewer data={snapshot.data.form_schema} defaultCollapsed />\n : <p className=\"text-2xs text-text-quaternary\">This version carries no form schema.</p>}\n <button\n onClick={() => onLoad((snapshot.data!.form_schema ?? null) as Record<string, unknown> \| null)}\n className=\"text-2xs text-accent hover:underline\"\n >\n Load into editor\n </button>\n </>\n ) : (\n <p className=\"text-2xs text-text-quaternary\">Loading…</p>\n )}\n </div>\n )}\n </div>\n );\n}\n"],"names":["PLACEHOLDER","safeParseObject","text","trimmed","parsed","EscalationSchemaPage","roleKey","useParams","data","isLoading","useRoleDetails","updateRole","useUpdateRole","role","r","setText","useState","summary","setSummary","dirty","setDirty","savedOk","setSavedOk","jsonError","setJsonError","seededFor","useRef","useEffect","handleEdit","value","handleSave","loadIntoEditor","schema","jsxs","jsx","Braces","BookOpen","Check","e","History","VersionRail","onLoad","useRoleSchemaVersions","versions","v","VersionEntry","open","setOpen","snapshot","useRoleSchema","o","Fragment","JsonViewer"],"mappings":"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"}

package/dashboard/dist/assets/EscalationTimeline-D8W2LNNk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{j as e,a as P}from"./vendor-query-DvWWuNIB.js";import{X as Q,bF as W,bG as X,d as H,e as Y,ar as Z,b as J,t as B,C as K,U as tt}from"./vendor-icons-B7OcUM6b.js";import{b3 as et,b4 as st,a8 as at,b5 as rt,a9 as nt,b6 as T,ag as E}from"./index-3gbd5neL.js";import{s as it,i as ot}from"./EscalationListView-DWFHPufv.js";import{D as ct}from"./DataTable-spX1dFyb.js";import{m as lt}from"./escalation-columns-BJPTNmLW.js";import{U as dt}from"./UserName-kBh1dc39.js";import{L as A}from"./vendor-react-_9U4mKFr.js";const k="created_at";function C(t){return t.replace(/^metadata\./,"")}function $t({orderBy:t,onChange:s}){const r=t==null?void 0:t[0],n=(r==null?void 0:r.field)??k,c=(r==null?void 0:r.direction)??"desc",i=n===k,l=d=>s([{...r??{},field:n,direction:d}]);return e.jsxs("div",{className:"flex items-center gap-1.5",children:[!i&&e.jsxs("span",{className:"inline-flex items-center gap-1 rounded-full border border-accent/25 bg-accent/8 px-2 py-0.5 text-2xs font-medium text-accent/90",children:[e.jsx("span",{className:"text-text-quaternary",children:"sort"}),e.jsx("span",{className:"font-mono max-w-[120px] truncate",title:n,children:C(n)}),e.jsx("button",{onClick:()=>s(void 0),className:"ml-0.5 -mr-0.5 flex items-center text-text-quaternary hover:text-status-error transition-colors","aria-label":"Reset sort to created date",children:e.jsx(Q,{className:"w-2.5 h-2.5"})})]}),e.jsxs("div",{className:"flex items-center rounded overflow-hidden border border-surface-border",role:"radiogroup","aria-label":"Sort direction",children:[e.jsx("button",{type:"button",role:"radio","aria-checked":c==="desc",onClick:()=>l("desc"),className:`px-1.5 py-1 transition-colors ${c==="desc"?"bg-accent text-text-inverse":"icon-link hover:bg-surface-hover"}`,title:i?"Newest first":`${C(n)} descending`,children:e.jsx(W,{className:"w-3.5 h-3.5"})}),e.jsx("button",{type:"button",role:"radio","aria-checked":c==="asc",onClick:()=>l("asc"),className:`px-1.5 py-1 border-l border-surface-border transition-colors ${c==="asc"?"bg-accent text-text-inverse":"icon-link hover:bg-surface-hover"}`,title:i?"Oldest first":`${C(n)} ascending`,children:e.jsx(X,{className:"w-3.5 h-3.5"})})]})]})}function Ct(t,{limit:s,offset:r,staleTime:n,enabled:c=!0}){var y,j,a;const{available:i,claimed:l,apiStatus:d}=et(t.statusFilter),u=st(t),o=at(u??"",void 0,c&&!!u),x=((y=o.data)==null?void 0:y.list_schema)??null,p=!u\|\|o.isFetched,b={role:t.role,type:t.type,priority:t.priority,limit:s,offset:r,sort_by:"created_at",order:"desc",search:t.search,...t.facets,include:it(x)?"envelope":void 0,...n!==void 0?{staleTime:n}:{}},v=rt({...b,enabled:c&&i&&p}),_=nt({status:d,claimed:l\|\|void 0,...b,enabled:c&&!i&&p}),h=i?v:_,$=!!u&&!!x&&!!x["x-lt-layout"]&&x["x-lt-layout"]!=="table";return{escalations:((j=h.data)==null?void 0:j.escalations)??[],total:((a=h.data)==null?void 0:a.total)??0,listSchema:x,singleRole:u,hasRichView:$,isLoading:h.isLoading,isFetching:h.isFetching,error:h.error,refetch:()=>{h.refetch()}}}function xt(t){return t===T.COMPACT?{fold:"never",density:"compact"}:t===T.CARDS?{fold:"always",density:"default"}:{fold:"auto",density:"default"}}function _t({escalations:t,highlightKeys:s,onRowClick:r,isLoading:n,emptyMessage:c="No escalations",layout:i}){const l=P.useMemo(()=>lt({highlightKeys:s}),[s]);return e.jsx(ct,{columns:l,data:t,layout:"fixed",...xt(i),inline:!0,keyFn:d=>d.id,onRowClick:r,isLoading:n,emptyMessage:c})}const G={pending:"--lt-status-queued-graphic",claimed:"--lt-status-claimed-graphic",resolved:"--lt-status-success-graphic",cancelled:"--lt-text-quaternary",expired:"--lt-text-tertiary"},V="--lt-text-quaternary";function ut(t){return G[t]??V}const M=Object.fromEntries(Object.entries(G).map(([t,s])=>[t,`rgb(var(${s}))`])),D=40,mt=64,pt=24,F=3;function R(t){return t<6e4?`${Math.round(t/1e3)}s`:t<36e5?`${Math.round(t/6e4)}m`:t<864e5?`${(t/36e5).toFixed(1)}h`:`${(t/864e5).toFixed(1)}d`}function O(t){const s=Date.now()-t;return s<6e4?"just now":s<36e5?`${Math.round(s/6e4)}m ago`:s<864e5?`${Math.round(s/36e5)}h ago`:`${Math.round(s/864e5)}d ago`}function q(t){return t.replace(/-/g," ").replace(/\b\w/g,s=>s.toUpperCase())}function ht(t,s){return t?[...s.filter(n=>n in t),...Object.keys(t).filter(n=>!s.includes(n))].map(n=>[n,t[n]]):[]}function ft({e:t}){const s=t.endMs-t.startMs;if(s<=0)return null;const r=M.pending,n=M.claimed,c=t.status==="cancelled"\|\|t.status==="expired"?M.cancelled:M.resolved;let i=100,l=0,d=0;return t.claimedMs!==null?(i=Math.max(0,Math.min(100,(t.claimedMs-t.startMs)/s100)),t.isOpen?l=100-i:(l=Math.max(0,Math.min(100-i,(t.endMs-t.claimedMs)/s100)),d=Math.max(0,100-i-l))):t.isOpen\|\|(d=100,i=0),e.jsxs("div",{className:"mt-2 h-0.5 rounded-full overflow-hidden flex bg-surface-sunken",children:[i>0&&e.jsx("div",{style:{width:`${i}%`,backgroundColor:r,opacity:.6}}),l>0&&e.jsx("div",{style:{width:`${l}%`,backgroundColor:n,opacity:.6}}),d>0&&e.jsx("div",{style:{width:`${d}%`,backgroundColor:c,opacity:.6}})]})}function bt({gapMs:t,heightPx:s}){return e.jsx("div",{className:"relative flex items-center justify-center",style:{height:s},children:t>=6e4&&e.jsx("span",{className:"text-2xs text-text-quaternary font-mono bg-surface px-2 relative z-10",children:R(t)})})}function U({e:t,highlightKeys:s,onRowClick:r}){const[n,c]=P.useState(!1),i=M[t.displayStatus]??`rgb(var(${V}))`,l=ht(t.metadata,s),d=n?l:l.slice(0,F),u=l.length-F;return e.jsxs("div",{className:"cursor-pointer max-w-[460px] min-w-[260px] w-full bg-surface-raised rounded-lg shadow-sm border border-surface-border/60 px-3.5 pt-2.5 pb-2 hover:shadow-md hover:border-surface-border transition-all duration-150",style:{borderTopWidth:"3px",borderTopColor:i},onClick:()=>r==null?void 0:r(t),children:[e.jsxs("div",{className:"flex items-baseline gap-2 mb-1.5",children:[e.jsx("span",{className:"text-2xs font-bold uppercase tracking-widest text-text-quaternary shrink-0",children:q(t.role)}),e.jsxs("span",{className:"text-xs font-semibold text-text-primary truncate",title:t.type,children:[t.type,t.subtype&&t.subtype!==t.type&&t.subtype!==""&&e.jsxs("span",{className:"font-normal text-text-tertiary",children:[" · ",t.subtype]})]})]}),d.length>0&&e.jsxs("div",{className:"border-t border-surface-border/40 pt-1 space-y-px",children:[d.map(([o,x])=>{const p=String(x),b=s.includes(o);return e.jsxs("div",{className:"group/row flex items-center gap-1.5 -mx-1 px-1 py-[2px] rounded",children:[e.jsx("span",{className:`shrink-0 w-[60px] text-2xs font-mono uppercase tracking-wide truncate ${b?"text-accent":"text-text-quaternary"}`,title:o,children:o}),e.jsx("span",{className:`flex-1 min-w-0 text-2xs font-medium truncate ${b?"text-text-primary":"text-text-tertiary"}`,title:p,children:p}),e.jsxs("span",{className:"flex items-center gap-px shrink-0 opacity-0 group-hover/row:opacity-100 transition-opacity",children:[e.jsx(A,{to:E(o,x,t.role),className:"p-0.5 rounded text-text-quaternary hover:text-accent transition-colors",title:`Filter ${q(t.role)}: ${o} = ${p}`,onClick:v=>v.stopPropagation(),children:e.jsx(Z,{className:"w-2.5 h-2.5"})}),e.jsx(A,{to:E(o,x),className:"p-0.5 rounded text-text-quaternary hover:text-accent transition-colors",title:`Search all: ${o} = ${p}`,onClick:v=>v.stopPropagation(),children:e.jsx(J,{className:"w-2.5 h-2.5"})})]})]},o)}),u>0&&e.jsx("button",{className:"flex items-center gap-0.5 text-2xs text-text-quaternary hover:text-accent transition-colors mt-0.5 -mx-1 px-1 py-px",onClick:o=>{o.stopPropagation(),c(x=>!x)},children:n?e.jsxs(e.Fragment,{children:[e.jsx(B,{className:"w-2.5 h-2.5"})," less"]}):e.jsxs(e.Fragment,{children:[e.jsx(K,{className:"w-2.5 h-2.5"})," ",u," more"]})})]}),e.jsx(ft,{e:t}),t.assigned_to&&e.jsxs("div",{className:"mt-1 flex items-center justify-end gap-1 text-2xs text-text-tertiary",children:[e.jsx(tt,{className:"w-3 h-3 shrink-0",strokeWidth:1.5}),e.jsx(dt,{userId:t.assigned_to,className:"truncate max-w-[70%]"})]})]})}function Lt({escalations:t,highlightKeys:s=[],onRowClick:r,total:n,page:c,totalPages:i,onPageChange:l}){var y,j;const d=Date.now(),o=t.map(a=>{const m=new Date(a.created_at).getTime(),f=a.resolved_at?new Date(a.resolved_at).getTime():null,g=a.claimed_at?new Date(a.claimed_at).getTime():null,w=!f&&a.status!=="cancelled"&&a.status!=="expired",S=f??(w?d:m+3e4),N=a.status==="pending"&&ot(a)?"claimed":a.status;return{...a,startMs:m,claimedMs:g,endMs:S,isOpen:w,displayStatus:N}});if(o.length===0)return e.jsx("p",{className:"mt-12 text-center text-sm text-text-tertiary",children:"No escalations matched."});const x=o.length,b=Math.max(Math.abs((((y=o[x-1])==null?void 0:y.startMs)??0)-(((j=o[0])==null?void 0:j.startMs)??0)),1)/Math.max(x-1,1),v=mt/Math.max(b,1),h=new Set(o.map(a=>new Date(a.startMs).toDateString())).size>1;function $(a){const m=new Date(a),f=m.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"});return h?m.toLocaleDateString([],{month:"short",day:"numeric"})+" "+f:f}return e.jsxs("div",{className:"mt-4 pb-24",children:[e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute left-1/2 -translate-x-px inset-y-0 w-px bg-surface-border/80"}),o.map((a,m)=>{const f=o[m-1],g=f?Math.abs(a.startMs-f.startMs):null,w=g!==null?Math.max(pt,Math.round(g*v)):0,S=m%2===0,N=ut(a.displayStatus),z=`rgb(var(${N}))`,I=a.endMs-a.startMs,L=a.isOpen?O(a.startMs):`${O(a.startMs)} · ${R(I)}`;return e.jsxs("div",{children:[m>0&&e.jsx(bt,{gapMs:g,heightPx:w}),e.jsxs("div",{className:"flex items-center",children:[e.jsx("div",{className:"flex-1 flex justify-end items-center",children:S?e.jsxs("div",{className:"flex items-center",children:[e.jsx(U,{e:a,highlightKeys:s,onRowClick:r}),e.jsx("div",{className:"flex-shrink-0 h-px bg-surface-border/70",style:{width:D}})]}):e.jsx("span",{className:"text-2xs text-text-quaternary font-mono tabular-nums pr-3",children:L})}),e.jsx("div",{className:"relative z-10 flex-shrink-0 w-3.5 h-3.5 rounded-full border-2 border-surface cursor-pointer transition-all duration-150 hover:scale-[1.5]",style:{backgroundColor:z,boxShadow:`0 0 0 3px rgb(var(${N}) / 0.16), 0 1px 3px rgb(var(${N}) / 0.19)`},onClick:()=>r==null?void 0:r(a)}),e.jsx("div",{className:"flex-1 flex justify-start items-center",children:S?e.jsx("span",{className:"text-2xs text-text-quaternary font-mono tabular-nums pl-3",children:L}):e.jsxs("div",{className:"flex items-center",children:[e.jsx("div",{className:"flex-shrink-0 h-px bg-surface-border/70",style:{width:D}}),e.jsx(U,{e:a,highlightKeys:s,onRowClick:r})]})})]}),e.jsx("div",{className:"flex justify-center relative z-10 mt-0.5",children:e.jsx("span",{className:"text-2xs text-text-quaternary font-mono tabular-nums bg-surface px-1.5",children:$(a.startMs)})})]},a.id)})]}),i>1&&e.jsxs("div",{className:"sticky bottom-0 z-20 bg-surface/95 backdrop-blur-sm border-t border-surface-border -mx-page-x px-page-x pt-2 pb-4 flex items-center justify-between mt-10",children:[e.jsxs("span",{className:"text-2xs text-text-tertiary",children:["Page ",e.jsx("span",{className:"font-medium text-text-secondary",children:c})," ","of ",e.jsx("span",{className:"font-medium text-text-secondary",children:i})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("button",{onClick:()=>l(c-1),disabled:c<=1,className:"p-1.5 rounded hover:bg-surface-hover disabled:opacity-30 text-text-tertiary hover:text-text-primary transition-colors disabled:cursor-not-allowed",children:e.jsx(H,{className:"w-4 h-4"})}),e.jsx("button",{onClick:()=>l(c+1),disabled:c>=i,className:"p-1.5 rounded hover:bg-surface-hover disabled:opacity-30 text-text-tertiary hover:text-text-primary transition-colors disabled:cursor-not-allowed",children:e.jsx(Y,{className:"w-4 h-4"})})]})]})]})}export{$t as E,Lt as a,_t as b,xt as t,Ct as u};
2	+ //# sourceMappingURL=EscalationTimeline-D8W2LNNk.js.map

package/dashboard/dist/assets/EscalationTimeline-D8W2LNNk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"EscalationTimeline-D8W2LNNk.js","sources":["../../src/pages/operator/EscalationSortControl.tsx","../../src/hooks/useEscalationListQuery.ts","../../src/components/escalation/EscalationTableView.tsx","../../src/components/escalation/EscalationTimeline.tsx"],"sourcesContent":["import { ArrowDown, ArrowUp, X } from 'lucide-react';\nimport type { FacetOrder } from '../../api/escalations';\n\nconst DEFAULT_FIELD = 'created_at';\n\n/** Strip a leading \"metadata.\" so a facet sort reads as its bare key. */\nfunction sortLabel(field: string): string {\n return field.replace(/^metadata\\./, '');\n}\n\n/**\n * The single sort control for every escalation view — table, timeline, and the\n * rich role list. Direction is a down/up radio (newest / oldest by default, or\n * desc / asc of a chosen field). The field is created_at by default and only\n * surfaces as a small removable label when a column or metadata sort was picked\n * in the faceted drawer — so the arrows always read clearly.\n *\n * State lives in `orderBy`, so it deep-links in the URL and drives the robust\n * faceted query on the server (the same mechanism that already works). The old\n * table-header sort is retired in favor of this.\n */\nexport function EscalationSortControl({ orderBy, onChange }: {\n orderBy?: FacetOrder[];\n onChange: (next: FacetOrder[] | undefined) => void;\n}) {\n const spec = orderBy?.[0];\n const field = spec?.field ?? DEFAULT_FIELD;\n const direction = spec?.direction ?? 'desc';\n const isDefaultField = field === DEFAULT_FIELD;\n\n const set = (dir: 'asc' | 'desc') => onChange([{ ...(spec ?? {}), field, direction: dir }]);\n\n return (\n <div className=\"flex items-center gap-1.5\">\n {!isDefaultField && (\n <span className=\"inline-flex items-center gap-1 rounded-full border border-accent/25 bg-accent/8 px-2 py-0.5 text-2xs font-medium text-accent/90\">\n <span className=\"text-text-quaternary\">sort</span>\n <span className=\"font-mono max-w-[120px] truncate\" title={field}>{sortLabel(field)}</span>\n <button\n onClick={() => onChange(undefined)}\n className=\"ml-0.5 -mr-0.5 flex items-center text-text-quaternary hover:text-status-error transition-colors\"\n aria-label=\"Reset sort to created date\"\n >\n <X className=\"w-2.5 h-2.5\" />\n </button>\n </span>\n )}\n <div className=\"flex items-center rounded overflow-hidden border border-surface-border\" role=\"radiogroup\" aria-label=\"Sort direction\">\n <button\n type=\"button\"\n role=\"radio\"\n aria-checked={direction === 'desc'}\n onClick={() => set('desc')}\n className={`px-1.5 py-1 transition-colors ${direction === 'desc' ? 'bg-accent text-text-inverse' : 'icon-link hover:bg-surface-hover'}`}\n title={isDefaultField ? 'Newest first' : `${sortLabel(field)} descending`}\n >\n <ArrowDown className=\"w-3.5 h-3.5\" />\n </button>\n <button\n type=\"button\"\n role=\"radio\"\n aria-checked={direction === 'asc'}\n onClick={() => set('asc')}\n className={`px-1.5 py-1 border-l border-surface-border transition-colors ${direction === 'asc' ? 'bg-accent text-text-inverse' : 'icon-link hover:bg-surface-hover'}`}\n title={isDefaultField ? 'Oldest first' : `${sortLabel(field)} ascending`}\n >\n <ArrowUp className=\"w-3.5 h-3.5\" />\n </button>\n </div>\n </div>\n );\n}\n","import { useAvailableEscalations, useEscalations } from '../api/escalations';\nimport { useRoleListSchema } from '../api/roles';\nimport type { LTEscalationRecord } from '../api/types';\nimport { resolveListRoute, singleRoleOf, type EscalationListParams } from '../lib/escalation-list-url';\nimport { schemaNeedsEnvelope } from '../lib/schema-needs-envelope';\n\nexport interface EscalationListQueryOptions {\n limit: number;\n offset: number;\n staleTime?: number;\n enabled?: boolean;\n}\n\nexport interface EscalationListQueryResult {\n escalations: LTEscalationRecord[];\n total: number;\n /** The single scoped role's list schema, once it has loaded. */\n listSchema: Record<string, any> | null;\n singleRole: string | null;\n /** The role owns a non-table list schema, so the rich presentation is available. */\n hasRichView: boolean;\n isLoading: boolean;\n isFetching: boolean;\n error: Error | null;\n refetch: () => void;\n}\n\n/**\n * The escalations list query for one set of list params: the page's address\n * bar or a saved URL. The single-role list schema resolves first, since it\n * decides whether the rows need the envelope and payload columns; the rows\n * then come from the available pool or the plain list as the status routes.\n */\nexport function useEscalationListQuery(\n params: EscalationListParams,\n { limit, offset, staleTime, enabled = true }: EscalationListQueryOptions,\n): EscalationListQueryResult {\n const { available, claimed, apiStatus } = resolveListRoute(params.statusFilter);\n const singleRole = singleRoleOf(params);\n const listSchemaQuery = useRoleListSchema(singleRole ?? '', undefined, enabled && !!singleRole);\n const listSchema = (listSchemaQuery.data?.list_schema ?? null) as Record<string, any> | null;\n const schemaSettled = !singleRole || listSchemaQuery.isFetched;\n\n const sharedFilters = {\n role: params.role,\n type: params.type,\n priority: params.priority,\n limit,\n offset,\n // Basic-path fallback only; when orderBy is present (any real sort) the\n // request routes faceted and orderBy drives the ordering instead.\n sort_by: 'created_at',\n order: 'desc' as const,\n search: params.search,\n ...params.facets,\n include: schemaNeedsEnvelope(listSchema) ? ('envelope' as const) : undefined,\n ...(staleTime !== undefined ? { staleTime } : {}),\n };\n\n const availableQuery = useAvailableEscalations({\n ...sharedFilters,\n enabled: enabled && available && schemaSettled,\n });\n const escalationsQuery = useEscalations({\n status: apiStatus,\n claimed: claimed || undefined,\n ...sharedFilters,\n enabled: enabled && !available && schemaSettled,\n });\n const active = available ? availableQuery : escalationsQuery;\n\n const hasRichView = !!singleRole && !!listSchema\n && !!listSchema['x-lt-layout'] && listSchema['x-lt-layout'] !== 'table';\n\n return {\n escalations: active.data?.escalations ?? [],\n total: active.data?.total ?? 0,\n listSchema,\n singleRole,\n hasRichView,\n isLoading: active.isLoading,\n isFetching: active.isFetching,\n error: active.error as Error | null,\n refetch: () => { void active.refetch(); },\n };\n}\n","import { useMemo } from 'react';\nimport { DataTable } from '../common/data/DataTable';\nimport { makeEscalationColumns } from '../../pages/operator/escalation-columns';\nimport type { LTEscalationRecord } from '../../api/types';\nimport { LIST_LAYOUTS, type ListLayout } from '../../lib/escalation-list-url';\n\n/** The fold policy and density a `?layout=` value asks of the table. */\nexport function tableLayoutProps(layout: ListLayout | null | undefined): { fold: 'auto' | 'never' | 'always'; density: 'default' | 'compact' } {\n if (layout === LIST_LAYOUTS.COMPACT) return { fold: 'never', density: 'compact' };\n if (layout === LIST_LAYOUTS.CARDS) return { fold: 'always', density: 'default' };\n return { fold: 'auto', density: 'default' };\n}\n\n/**\n * The escalations table as a plain reading surface: the shared column set,\n * no selection or claim controls, header in the flow so it sits well inside\n * a panel that scrolls on its own. `layout` is the URL's `?layout=` hint:\n * `compact` stays a tight table however narrow, `cards` always folds.\n */\nexport function EscalationTableView({\n escalations,\n highlightKeys,\n onRowClick,\n isLoading,\n emptyMessage = 'No escalations',\n layout,\n}: {\n escalations: LTEscalationRecord[];\n highlightKeys?: string[];\n onRowClick?: (row: LTEscalationRecord) => void;\n isLoading?: boolean;\n emptyMessage?: string;\n layout?: ListLayout | null;\n}) {\n const columns = useMemo(() => makeEscalationColumns({ highlightKeys }), [highlightKeys]);\n return (\n <DataTable\n columns={columns}\n data={escalations}\n layout=\"fixed\"\n {...tableLayoutProps(layout)}\n inline\n keyFn={(row) => row.id}\n onRowClick={onRowClick}\n isLoading={isLoading}\n emptyMessage={emptyMessage}\n />\n );\n}\n","import { useState } from 'react';\nimport { Link } from 'react-router-dom';\nimport { ChevronLeft, ChevronRight, Search, ListFilter, ChevronDown, ChevronUp, User } from 'lucide-react';\nimport type { LTEscalationRecord } from '../../api/types';\nimport { UserName } from '../common/display/UserName';\nimport { metadataFacetUrl } from '../../lib/facet-url';\nimport { isEffectivelyClaimed } from '../../lib/escalation';\n\n// Status hues resolve through the --lt-* theme tokens (space-separated RGB\n// triplets) so registered themes restyle the timeline. STATUS_VAR keeps the\n// bare variable name so the dot glow can derive translucent variants via the\n// rgb(var(--x) / alpha) form.\nconst STATUS_VAR: Record<string, string> = {\n pending: '--lt-status-queued-graphic',\n claimed: '--lt-status-claimed-graphic',\n resolved: '--lt-status-success-graphic',\n cancelled: '--lt-text-quaternary',\n expired: '--lt-text-tertiary',\n};\n\nconst FALLBACK_VAR = '--lt-text-quaternary';\n\nfunction statusVar(status: string): string {\n return STATUS_VAR[status] ?? FALLBACK_VAR;\n}\n\nconst STATUS_COLOR: Record<string, string> = Object.fromEntries(\n Object.entries(STATUS_VAR).map(([k, v]) => [k, `rgb(var(${v}))`]),\n);\n\nconst CONNECTOR_W = 40;\nconst TARGET_AVG_GAP_PX = 64;\nconst MIN_GAP_PX = 24;\nconst DEFAULT_META_ROWS = 3;\n\nfunction fmtMs(ms: number): string {\n if (ms < 60_000) return `${Math.round(ms / 1_000)}s`;\n if (ms < 3_600_000) return `${Math.round(ms / 60_000)}m`;\n if (ms < 86_400_000) return `${(ms / 3_600_000).toFixed(1)}h`;\n return `${(ms / 86_400_000).toFixed(1)}d`;\n}\n\nfunction fmtRelTime(ms: number): string {\n const ago = Date.now() - ms;\n if (ago < 60_000) return 'just now';\n if (ago < 3_600_000) return `${Math.round(ago / 60_000)}m ago`;\n if (ago < 86_400_000) return `${Math.round(ago / 3_600_000)}h ago`;\n return `${Math.round(ago / 86_400_000)}d ago`;\n}\n\nfunction titleCase(s: string): string {\n return s.replace(/-/g, ' ').replace(/\\b\\w/g, (c) => c.toUpperCase());\n}\n\nfunction allMetaEntries(\n metadata: Record<string, unknown> | null,\n highlightKeys: string[],\n): [string, unknown][] {\n if (!metadata) return [];\n const keys = [\n ...highlightKeys.filter((k) => k in metadata),\n ...Object.keys(metadata).filter((k) => !highlightKeys.includes(k)),\n ];\n return keys.map((k) => [k, metadata[k]]);\n}\n\ninterface Parsed extends LTEscalationRecord {\n startMs: number;\n claimedMs: number | null;\n endMs: number;\n isOpen: boolean;\n displayStatus: string;\n}\n\n// ------------------------------------------------------------------\n// Lifecycle bar\n// ------------------------------------------------------------------\nfunction LifecycleBar({ e }: { e: Parsed }) {\n const totalMs = e.endMs - e.startMs;\n if (totalMs <= 0) return null;\n\n const pendingColor = STATUS_COLOR.pending;\n const claimedColor = STATUS_COLOR.claimed;\n const resolvedColor = e.status === 'cancelled' || e.status === 'expired'\n ? STATUS_COLOR.cancelled : STATUS_COLOR.resolved;\n\n let pendingPct = 100;\n let claimedPct = 0;\n let resolvedPct = 0;\n\n if (e.claimedMs !== null) {\n pendingPct = Math.max(0, Math.min(100, ((e.claimedMs - e.startMs) / totalMs) * 100));\n if (!e.isOpen) {\n claimedPct = Math.max(0, Math.min(100 - pendingPct, ((e.endMs - e.claimedMs) / totalMs) * 100));\n resolvedPct = Math.max(0, 100 - pendingPct - claimedPct);\n } else {\n claimedPct = 100 - pendingPct;\n }\n } else if (!e.isOpen) {\n resolvedPct = 100; pendingPct = 0;\n }\n\n return (\n <div className=\"mt-2 h-0.5 rounded-full overflow-hidden flex bg-surface-sunken\">\n {pendingPct > 0 && <div style={{ width: `${pendingPct}%`, backgroundColor: pendingColor, opacity: 0.6 }} />}\n {claimedPct > 0 && <div style={{ width: `${claimedPct}%`, backgroundColor: claimedColor, opacity: 0.6 }} />}\n {resolvedPct > 0 && <div style={{ width: `${resolvedPct}%`, backgroundColor: resolvedColor, opacity: 0.6 }} />}\n </div>\n );\n}\n\n// ------------------------------------------------------------------\n// Gap zone\n// ------------------------------------------------------------------\nfunction GapZone({ gapMs, heightPx }: { gapMs: number; heightPx: number }) {\n return (\n <div className=\"relative flex items-center justify-center\" style={{ height: heightPx }}>\n {gapMs >= 60_000 && (\n <span className=\"text-2xs text-text-quaternary font-mono bg-surface px-2 relative z-10\">\n {fmtMs(gapMs)}\n </span>\n )}\n </div>\n );\n}\n\n// ------------------------------------------------------------------\n// Card — compact, expand for extra meta rows\n// ------------------------------------------------------------------\nfunction TimelineCard({\n e,\n highlightKeys,\n onRowClick,\n}: {\n e: Parsed;\n highlightKeys: string[];\n onRowClick?: (row: LTEscalationRecord) => void;\n}) {\n const [expanded, setExpanded] = useState(false);\n\n const color = STATUS_COLOR[e.displayStatus] ?? `rgb(var(${FALLBACK_VAR}))`;\n const entries = allMetaEntries(e.metadata, highlightKeys);\n const shown = expanded ? entries : entries.slice(0, DEFAULT_META_ROWS);\n const hiddenCount = entries.length - DEFAULT_META_ROWS;\n\n return (\n <div\n className=\"cursor-pointer max-w-[460px] min-w-[260px] w-full bg-surface-raised rounded-lg shadow-sm border border-surface-border/60 px-3.5 pt-2.5 pb-2 hover:shadow-md hover:border-surface-border transition-all duration-150\"\n style={{ borderTopWidth: '3px', borderTopColor: color }}\n onClick={() => onRowClick?.(e)}\n >\n {/* Role eyebrow + type on same line */}\n <div className=\"flex items-baseline gap-2 mb-1.5\">\n <span className=\"text-2xs font-bold uppercase tracking-widest text-text-quaternary shrink-0\">\n {titleCase(e.role)}\n </span>\n <span className=\"text-xs font-semibold text-text-primary truncate\" title={e.type}>\n {e.type}\n {e.subtype && e.subtype !== e.type && e.subtype !== '' && (\n <span className=\"font-normal text-text-tertiary\"> · {e.subtype}</span>\n )}\n </span>\n </div>\n\n {/* Metadata rows — key (fixed) | value (flex) | icons (hover only) */}\n {shown.length > 0 && (\n <div className=\"border-t border-surface-border/40 pt-1 space-y-px\">\n {shown.map(([k, v]) => {\n const sv = String(v);\n const isHighlight = highlightKeys.includes(k);\n return (\n <div\n key={k}\n className=\"group/row flex items-center gap-1.5 -mx-1 px-1 py-[2px] rounded\"\n >\n <span\n className={`shrink-0 w-[60px] text-2xs font-mono uppercase tracking-wide truncate ${\n isHighlight ? 'text-accent' : 'text-text-quaternary'\n }`}\n title={k}\n >\n {k}\n </span>\n <span\n className={`flex-1 min-w-0 text-2xs font-medium truncate ${\n isHighlight ? 'text-text-primary' : 'text-text-tertiary'\n }`}\n title={sv}\n >\n {sv}\n </span>\n {/* Filter icons — Links so native value type is preserved in the URL */}\n <span className=\"flex items-center gap-px shrink-0 opacity-0 group-hover/row:opacity-100 transition-opacity\">\n <Link\n to={metadataFacetUrl(k, v, e.role)}\n className=\"p-0.5 rounded text-text-quaternary hover:text-accent transition-colors\"\n title={`Filter ${titleCase(e.role)}: ${k} = ${sv}`}\n onClick={(ev) => ev.stopPropagation()}\n >\n <ListFilter className=\"w-2.5 h-2.5\" />\n </Link>\n <Link\n to={metadataFacetUrl(k, v)}\n className=\"p-0.5 rounded text-text-quaternary hover:text-accent transition-colors\"\n title={`Search all: ${k} = ${sv}`}\n onClick={(ev) => ev.stopPropagation()}\n >\n <Search className=\"w-2.5 h-2.5\" />\n </Link>\n </span>\n </div>\n );\n })}\n\n {/* Expand / collapse */}\n {hiddenCount > 0 && (\n <button\n className=\"flex items-center gap-0.5 text-2xs text-text-quaternary hover:text-accent transition-colors mt-0.5 -mx-1 px-1 py-px\"\n onClick={(ev) => { ev.stopPropagation(); setExpanded((v) => !v); }}\n >\n {expanded\n ? <><ChevronUp className=\"w-2.5 h-2.5\" /> less</>\n : <><ChevronDown className=\"w-2.5 h-2.5\" /> {hiddenCount} more</>}\n </button>\n )}\n </div>\n )}\n\n <LifecycleBar e={e} />\n {e.assigned_to && (\n <div className=\"mt-1 flex items-center justify-end gap-1 text-2xs text-text-tertiary\">\n <User className=\"w-3 h-3 shrink-0\" strokeWidth={1.5} />\n <UserName userId={e.assigned_to} className=\"truncate max-w-[70%]\" />\n </div>\n )}\n </div>\n );\n}\n\n// ------------------------------------------------------------------\n// Main export\n// ------------------------------------------------------------------\nexport function EscalationTimeline({\n escalations,\n highlightKeys = [],\n onRowClick,\n total: _total,\n page,\n totalPages,\n onPageChange,\n}: {\n escalations: LTEscalationRecord[];\n highlightKeys?: string[];\n onRowClick?: (row: LTEscalationRecord) => void;\n total: number;\n page: number;\n totalPages: number;\n onPageChange: (page: number) => void;\n}) {\n const nowMs = Date.now();\n\n const parsed: Parsed[] = escalations.map((e) => {\n const startMs = new Date(e.created_at).getTime();\n const resolvedMs = e.resolved_at ? new Date(e.resolved_at).getTime() : null;\n const claimedMs = e.claimed_at ? new Date(e.claimed_at).getTime() : null;\n const isOpen = !resolvedMs && e.status !== 'cancelled' && e.status !== 'expired';\n const endMs = resolvedMs ?? (isOpen ? nowMs : startMs + 30_000);\n const displayStatus =\n e.status === 'pending' && isEffectivelyClaimed(e) ? 'claimed' : e.status;\n return { ...e, startMs, claimedMs, endMs, isOpen, displayStatus };\n });\n\n // The server's ORDER BY is authoritative for every view — render rows exactly\n // as given. (A client-side reverse here once assumed newest-first data and\n // silently cancelled ascending sorts.)\n const displayed = parsed;\n\n if (displayed.length === 0) {\n return <p className=\"mt-12 text-center text-sm text-text-tertiary\">No escalations matched.</p>;\n }\n\n // Temporal scale\n const n = displayed.length;\n const totalSpan = Math.max(\n Math.abs((displayed[n - 1]?.startMs ?? 0) - (displayed[0]?.startMs ?? 0)),\n 1,\n );\n const avgGapMs = totalSpan / Math.max(n - 1, 1);\n const SCALE = TARGET_AVG_GAP_PX / Math.max(avgGapMs, 1);\n\n // Absolute time format\n const dateSet = new Set(displayed.map((e) => new Date(e.startMs).toDateString()));\n const multiDay = dateSet.size > 1;\n function fmtAbsTime(ms: number): string {\n const d = new Date(ms);\n const time = d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });\n if (!multiDay) return time;\n return d.toLocaleDateString([], { month: 'short', day: 'numeric' }) + ' ' + time;\n }\n\n return (\n <div className=\"mt-4 pb-24\">\n\n {/* Spine */}\n <div className=\"relative\">\n <div className=\"absolute left-1/2 -translate-x-px inset-y-0 w-px bg-surface-border/80\" />\n\n {displayed.map((e, i) => {\n const prev = displayed[i - 1];\n const gapMs = prev ? Math.abs(e.startMs - prev.startMs) : null;\n const gapPx = gapMs !== null ? Math.max(MIN_GAP_PX, Math.round(gapMs * SCALE)) : 0;\n const isLeft = i % 2 === 0;\n const dotVar = statusVar(e.displayStatus);\n const color = `rgb(var(${dotVar}))`;\n\n const dur = e.endMs - e.startMs;\n const timing = e.isOpen ? fmtRelTime(e.startMs) : `${fmtRelTime(e.startMs)} · ${fmtMs(dur)}`;\n\n return (\n <div key={e.id}>\n {i > 0 && <GapZone gapMs={gapMs!} heightPx={gapPx} />}\n\n <div className=\"flex items-center\">\n {/* Left half: card or timing label */}\n <div className=\"flex-1 flex justify-end items-center\">\n {isLeft ? (\n <div className=\"flex items-center\">\n <TimelineCard e={e} highlightKeys={highlightKeys} onRowClick={onRowClick} />\n <div className=\"flex-shrink-0 h-px bg-surface-border/70\" style={{ width: CONNECTOR_W }} />\n </div>\n ) : (\n <span className=\"text-2xs text-text-quaternary font-mono tabular-nums pr-3\">\n {timing}\n </span>\n )}\n </div>\n\n {/* Dot */}\n <div\n className=\"relative z-10 flex-shrink-0 w-3.5 h-3.5 rounded-full border-2 border-surface cursor-pointer transition-all duration-150 hover:scale-[1.5]\"\n style={{ backgroundColor: color, boxShadow: `0 0 0 3px rgb(var(${dotVar}) / 0.16), 0 1px 3px rgb(var(${dotVar}) / 0.19)` }}\n onClick={() => onRowClick?.(e)}\n />\n\n {/* Right half: card or timing label */}\n <div className=\"flex-1 flex justify-start items-center\">\n {!isLeft ? (\n <div className=\"flex items-center\">\n <div className=\"flex-shrink-0 h-px bg-surface-border/70\" style={{ width: CONNECTOR_W }} />\n <TimelineCard e={e} highlightKeys={highlightKeys} onRowClick={onRowClick} />\n </div>\n ) : (\n <span className=\"text-2xs text-text-quaternary font-mono tabular-nums pl-3\">\n {timing}\n </span>\n )}\n </div>\n </div>\n\n {/* Absolute timestamp on spine */}\n <div className=\"flex justify-center relative z-10 mt-0.5\">\n <span className=\"text-2xs text-text-quaternary font-mono tabular-nums bg-surface px-1.5\">\n {fmtAbsTime(e.startMs)}\n </span>\n </div>\n </div>\n );\n })}\n </div>\n\n {/* Sticky pagination */}\n {totalPages > 1 && (\n <div className=\"sticky bottom-0 z-20 bg-surface/95 backdrop-blur-sm border-t border-surface-border -mx-page-x px-page-x pt-2 pb-4 flex items-center justify-between mt-10\">\n <span className=\"text-2xs text-text-tertiary\">\n Page <span className=\"font-medium text-text-secondary\">{page}</span>\n {' '}of <span className=\"font-medium text-text-secondary\">{totalPages}</span>\n </span>\n <div className=\"flex items-center gap-2\">\n <button\n onClick={() => onPageChange(page - 1)}\n disabled={page <= 1}\n className=\"p-1.5 rounded hover:bg-surface-hover disabled:opacity-30 text-text-tertiary hover:text-text-primary transition-colors disabled:cursor-not-allowed\"\n >\n <ChevronLeft className=\"w-4 h-4\" />\n </button>\n <button\n onClick={() => onPageChange(page + 1)}\n disabled={page >= totalPages}\n className=\"p-1.5 rounded hover:bg-surface-hover disabled:opacity-30 text-text-tertiary hover:text-text-primary transition-colors disabled:cursor-not-allowed\"\n >\n <ChevronRight className=\"w-4 h-4\" />\n </button>\n </div>\n </div>\n )}\n </div>\n );\n}\n"],"names":["DEFAULT_FIELD","sortLabel","field","EscalationSortControl","orderBy","onChange","spec","direction","isDefaultField","set","dir","jsxs","jsx","X","ArrowDown","ArrowUp","useEscalationListQuery","params","limit","offset","staleTime","enabled","available","claimed","apiStatus","resolveListRoute","singleRole","singleRoleOf","listSchemaQuery","useRoleListSchema","listSchema","_a","schemaSettled","sharedFilters","schemaNeedsEnvelope","availableQuery","useAvailableEscalations","escalationsQuery","useEscalations","active","hasRichView","_b","_c","tableLayoutProps","layout","LIST_LAYOUTS","EscalationTableView","escalations","highlightKeys","onRowClick","isLoading","emptyMessage","columns","useMemo","makeEscalationColumns","DataTable","row","STATUS_VAR","FALLBACK_VAR","statusVar","status","STATUS_COLOR","k","v","CONNECTOR_W","TARGET_AVG_GAP_PX","MIN_GAP_PX","DEFAULT_META_ROWS","fmtMs","ms","fmtRelTime","ago","titleCase","s","c","allMetaEntries","metadata","LifecycleBar","e","totalMs","pendingColor","claimedColor","resolvedColor","pendingPct","claimedPct","resolvedPct","GapZone","gapMs","heightPx","TimelineCard","expanded","setExpanded","useState","color","entries","shown","hiddenCount","sv","isHighlight","Link","metadataFacetUrl","ev","ListFilter","Search","Fragment","ChevronUp","ChevronDown","User","UserName","EscalationTimeline","_total","page","totalPages","onPageChange","nowMs","displayed","startMs","resolvedMs","claimedMs","isOpen","endMs","displayStatus","isEffectivelyClaimed","n","avgGapMs","SCALE","multiDay","fmtAbsTime","d","time","i","prev","gapPx","isLeft","dotVar","dur","timing","ChevronLeft","ChevronRight"],"mappings":"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"}

package/dashboard/dist/assets/EscalationTitleSelect-DLK8NWMp.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{a as o,j as t}from"./vendor-query-DvWWuNIB.js";import{aa as p}from"./index-3gbd5neL.js";import{C as v}from"./vendor-icons-B7OcUM6b.js";function y({role:s,options:r,onChange:i,emptyLabel:u="All Escalations",locked:h=!1}){var x;const[n,a]=o.useState(!1),l=o.useRef(null);o.useEffect(()=>{if(!n)return;const e=c=>{l.current&&!l.current.contains(c.target)&&a(!1)},f=c=>{c.key==="Escape"&&a(!1)};return document.addEventListener("mousedown",e),document.addEventListener("keydown",f),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",f)}},[n]);const m=s?((x=r.find(e=>e.value===s))==null?void 0:x.label)??p(s):u,d=e=>`w-full text-left px-3 py-1.5 text-sm flex items-baseline gap-2 transition-colors ${e?"text-accent bg-accent/5":"text-text-primary hover:bg-surface-hover"}`;return h?t.jsx("h1",{className:"heading-1 min-w-0 truncate","data-testid":"escalation-title-locked",children:m}):t.jsxs("div",{ref:l,className:"relative min-w-0",children:[t.jsxs("button",{type:"button",onClick:()=>a(e=>!e),className:"group flex items-center gap-2 min-w-0 heading-1 hover:text-accent transition-colors",children:[t.jsx("span",{className:"truncate",children:m}),t.jsx(v,{className:`w-6 h-6 shrink-0 text-text-tertiary group-hover:text-accent transition-transform ${n?"rotate-180":""}`,strokeWidth:1.5})]}),n&&t.jsxs("div",{className:"absolute z-[100] top-full left-0 mt-2 min-w-[16rem] max-h-80 overflow-y-auto bg-surface-raised border border-surface-border rounded-md shadow-lg py-1",children:[t.jsx("button",{type:"button",onClick:()=>{i(""),a(!1)},className:d(!s),children:u}),r.length>0&&t.jsx("div",{className:"h-px bg-surface-border my-1"}),r.map(e=>t.jsxs("button",{type:"button",onClick:()=>{i(e.value),a(!1)},className:d(s===e.value),children:[t.jsx("span",{className:"truncate",children:e.label}),e.label!==e.value&&t.jsx("span",{className:"text-2xs font-mono text-text-quaternary shrink-0",children:e.value})]},e.value))]})]})}export{y as E};
2	+ //# sourceMappingURL=EscalationTitleSelect-DLK8NWMp.js.map

package/dashboard/dist/assets/EscalationTitleSelect-DLK8NWMp.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"EscalationTitleSelect-DLK8NWMp.js","sources":["../../src/pages/operator/EscalationTitleSelect.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from 'react';\nimport { ChevronDown } from 'lucide-react';\nimport { deriveRoleTitle } from '../../lib/role-display';\n\nexport interface RoleTitleOption {\n value: string;\n /** Display title — a user-set role title, else derived from the role id. */\n label: string;\n}\n\n/**\n * The page title IS the queue selector. When a role is active it reads as that\n * role's title (the queue you're looking at); with no role it reads \"All\n * Escalations\". Clicking opens a menu to switch queues or return to all — so\n * the page is about the role/queue, not the generic fact of an escalation.\n */\nexport function EscalationTitleSelect({\n role,\n options,\n onChange,\n emptyLabel = 'All Escalations',\n locked = false,\n}: {\n role: string;\n options: RoleTitleOption[];\n onChange: (role: string) => void;\n /** The no-role title — the page's generic name (\"All Escalations\", \"My Escalations\"). */\n emptyLabel?: string;\n /** Kiosk sessions: the title is a plain heading — no menu, no chevron. */\n locked?: boolean;\n}) {\n const [open, setOpen] = useState(false);\n const ref = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (!open) return;\n const onClick = (e: MouseEvent) => {\n if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false);\n };\n const onKey = (e: KeyboardEvent) => { if (e.key === 'Escape') setOpen(false); };\n document.addEventListener('mousedown', onClick);\n document.addEventListener('keydown', onKey);\n return () => {\n document.removeEventListener('mousedown', onClick);\n document.removeEventListener('keydown', onKey);\n };\n }, [open]);\n\n const current = role\n ? (options.find((o) => o.value === role)?.label ?? deriveRoleTitle(role))\n : emptyLabel;\n\n const itemCls = (active: boolean) =>\n `w-full text-left px-3 py-1.5 text-sm flex items-baseline gap-2 transition-colors ${\n active ? 'text-accent bg-accent/5' : 'text-text-primary hover:bg-surface-hover'\n }`;\n\n if (locked) {\n return (\n <h1 className=\"heading-1 min-w-0 truncate\" data-testid=\"escalation-title-locked\">\n {current}\n </h1>\n );\n }\n\n return (\n <div ref={ref} className=\"relative min-w-0\">\n <button\n type=\"button\"\n onClick={() => setOpen((v) => !v)}\n className=\"group flex items-center gap-2 min-w-0 heading-1 hover:text-accent transition-colors\"\n >\n <span className=\"truncate\">{current}</span>\n <ChevronDown\n className={`w-6 h-6 shrink-0 text-text-tertiary group-hover:text-accent transition-transform ${open ? 'rotate-180' : ''}`}\n strokeWidth={1.5}\n />\n </button>\n\n {open && (\n <div className=\"absolute z-[100] top-full left-0 mt-2 min-w-[16rem] max-h-80 overflow-y-auto bg-surface-raised border border-surface-border rounded-md shadow-lg py-1\">\n <button type=\"button\" onClick={() => { onChange(''); setOpen(false); }} className={itemCls(!role)}>\n {emptyLabel}\n </button>\n {options.length > 0 && <div className=\"h-px bg-surface-border my-1\" />}\n {options.map((o) => (\n <button key={o.value} type=\"button\" onClick={() => { onChange(o.value); setOpen(false); }} className={itemCls(role === o.value)}>\n <span className=\"truncate\">{o.label}</span>\n {o.label !== o.value && <span className=\"text-2xs font-mono text-text-quaternary shrink-0\">{o.value}</span>}\n </button>\n ))}\n </div>\n )}\n </div>\n );\n}\n"],"names":["EscalationTitleSelect","role","options","onChange","emptyLabel","locked","open","setOpen","useState","ref","useRef","useEffect","onClick","e","onKey","current","_a","o","deriveRoleTitle","itemCls","active","jsxs","v","jsx","ChevronDown"],"mappings":"8IAgBO,SAASA,EAAsB,CACpC,KAAAC,EACA,QAAAC,EACA,SAAAC,EACA,WAAAC,EAAa,kBACb,OAAAC,EAAS,EACX,EAQG,OACD,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAAS,EAAK,EAChCC,EAAMC,EAAAA,OAAuB,IAAI,EAEvCC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACL,EAAM,OACX,MAAMM,EAAWC,GAAkB,CAC7BJ,EAAI,SAAW,CAACA,EAAI,QAAQ,SAASI,EAAE,MAAc,GAAGN,EAAQ,EAAK,CAC3E,EACMO,EAASD,GAAqB,CAAMA,EAAE,MAAQ,UAAUN,EAAQ,EAAK,CAAG,EAC9E,gBAAS,iBAAiB,YAAaK,CAAO,EAC9C,SAAS,iBAAiB,UAAWE,CAAK,EACnC,IAAM,CACX,SAAS,oBAAoB,YAAaF,CAAO,EACjD,SAAS,oBAAoB,UAAWE,CAAK,CAC/C,CACF,EAAG,CAACR,CAAI,CAAC,EAET,MAAMS,EAAUd,IACXe,EAAAd,EAAQ,KAAMe,GAAMA,EAAE,QAAUhB,CAAI,IAApC,YAAAe,EAAuC,QAASE,EAAgBjB,CAAI,EACrEG,EAEEe,EAAWC,GACf,oFACEA,EAAS,0BAA4B,0CACvC,GAEF,OAAIf,QAEC,KAAA,CAAG,UAAU,6BAA6B,cAAY,0BACpD,SAAAU,EACH,EAKFM,EAAAA,KAAC,MAAA,CAAI,IAAAZ,EAAU,UAAU,mBACvB,SAAA,CAAAY,EAAAA,KAAC,SAAA,CACC,KAAK,SACL,QAAS,IAAMd,EAASe,GAAM,CAACA,CAAC,EAChC,UAAU,sFAEV,SAAA,CAAAC,EAAAA,IAAC,OAAA,CAAK,UAAU,WAAY,SAAAR,EAAQ,EACpCQ,EAAAA,IAACC,EAAA,CACC,UAAW,oFAAoFlB,EAAO,aAAe,EAAE,GACvH,YAAa,GAAA,CAAA,CACf,CAAA,CAAA,EAGDA,GACCe,EAAAA,KAAC,MAAA,CAAI,UAAU,wJACb,SAAA,CAAAE,EAAAA,IAAC,SAAA,CAAO,KAAK,SAAS,QAAS,IAAM,CAAEpB,EAAS,EAAE,EAAGI,EAAQ,EAAK,CAAG,EAAG,UAAWY,EAAQ,CAAClB,CAAI,EAC7F,SAAAG,EACH,EACCF,EAAQ,OAAS,GAAKqB,EAAAA,IAAC,MAAA,CAAI,UAAU,8BAA8B,EACnErB,EAAQ,IAAKe,UACX,SAAA,CAAqB,KAAK,SAAS,QAAS,IAAM,CAAEd,EAASc,EAAE,KAAK,EAAGV,EAAQ,EAAK,CAAG,EAAG,UAAWY,EAAQlB,IAASgB,EAAE,KAAK,EAC5H,SAAA,CAAAM,EAAAA,IAAC,OAAA,CAAK,UAAU,WAAY,SAAAN,EAAE,MAAM,EACnCA,EAAE,QAAUA,EAAE,aAAU,OAAA,CAAK,UAAU,mDAAoD,SAAAA,EAAE,KAAA,CAAM,CAAA,CAAA,EAFzFA,EAAE,KAGf,CACD,CAAA,CAAA,CACH,CAAA,EAEJ,CAEJ"}

package/dashboard/dist/assets/{EscalationsOverview-DlXUFqWJ.js → EscalationsOverview-CW57FaP9.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{a as m,j as e}from"./vendor-query-DvWWuNIB.js";import{t as u,v as b}from"./index-CIwlVfvV.js";import{P as p}from"./PageHeader-Di5Sz3an.js";import{S as n}from"./StatCard-nWY4sndl.js";import{u as j}from"./vendor-react-_9U4mKFr.js";import"./vendor-icons-DeBdvyKJ.js";const v=[{label:"1h",value:"1h"},{label:"24h",value:"24h"},{label:"7d",value:"7d"},{label:"30d",value:"30d"}];function c({value:i,colorClass:r,onClick:o}){return i===0?e.jsx("span",{className:"text-text-tertiary",children:"0"}):e.jsx("button",{onClick:o,className:`${r} hover:underline tabular-nums font-medium`,children:i})}function S(){var d,x;u();const i=j(),[r,o]=m.useState("24h"),{data:s}=b(r),l=t=>{const h=new URLSearchParams(t).toString();i(`/escalations/available${h?`?${h}`:""}`)},a="pb-2 text-2xs font-semibold uppercase tracking-widest text-text-tertiary";return e.jsxs("div",{children:[e.jsx(p,{title:"Escalations",docsHash:"#docs:dashboard.md:escalations-overview"}),e.jsx("div",{className:"flex items-center gap-1 mb-6",children:v.map(t=>e.jsx("button",{onClick:()=>o(t.value),className:`px-3 py-1 text-xs rounded-full transition-colors ${r===t.value?"bg-accent text-text-inverse":"text-text-tertiary hover:text-text-primary hover:bg-surface-hover"}`,children:t.label},t.value))}),e.jsxs("div",{className:"grid grid-cols-4 gap-4 mb-8",children:[e.jsx(n,{label:"Open",value:(s==null?void 0:s.pending)??"—",colorClass:"text-status-pending",onClick:()=>l()}),e.jsx(n,{label:"Claimed",value:(s==null?void 0:s.claimed)??"—",colorClass:"text-status-active",onClick:()=>l()}),e.jsx(n,{label:"Created",value:(s==null?void 0:s.created)??"—",onClick:()=>l()}),e.jsx(n,{label:"Resolved",value:(s==null?void 0:s.resolved)??"—",colorClass:"text-status-success",onClick:()=>l()})]}),(((d=s==null?void 0:s.by_role)==null?void 0:d.length)??0)>0&&e.jsx("div",{className:"mb-8",children:e.jsxs("table",{className:"w-full text-left",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-surface-border",children:[e.jsx("th",{className:a,children:"Role"}),e.jsx("th",{className:`${a} text-right w-24`,children:"Pending"}),e.jsx("th",{className:`${a} text-right w-24`,children:"Claimed"})]})}),e.jsx("tbody",{children:s.by_role.map(t=>e.jsxs("tr",{className:"border-b border-surface-border last:border-b-0",children:[e.jsx("td",{className:"py-3 text-sm font-mono text-text-primary",children:e.jsx("button",{onClick:()=>l({role:t.role}),className:"hover:text-accent hover:underline",children:t.role})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(c,{value:t.pending,colorClass:"text-status-pending",onClick:()=>l({role:t.role})})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(c,{value:t.claimed,colorClass:"text-status-active",onClick:()=>l({role:t.role})})})]},t.role))})]})}),(((x=s==null?void 0:s.by_type)==null?void 0:x.length)??0)>0&&e.jsx("div",{children:e.jsxs("table",{className:"w-full text-left",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-surface-border",children:[e.jsx("th",{className:a,children:"Type"}),e.jsx("th",{className:`${a} text-right w-24`,children:"Pending"}),e.jsx("th",{className:`${a} text-right w-24`,children:"Claimed"}),e.jsx("th",{className:`${a} text-right w-24`,children:"Resolved"})]})}),e.jsx("tbody",{children:s.by_type.map(t=>e.jsxs("tr",{className:"border-b border-surface-border last:border-b-0",children:[e.jsx("td",{className:"py-3 text-sm font-mono text-text-primary",children:e.jsx("button",{onClick:()=>l({type:t.type}),className:"hover:text-accent hover:underline",children:t.type})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(c,{value:t.pending,colorClass:"text-status-pending",onClick:()=>l({type:t.type})})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(c,{value:t.claimed,colorClass:"text-status-active",onClick:()=>l({type:t.type})})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(c,{value:t.resolved,colorClass:"text-status-success",onClick:()=>l({type:t.type})})})]},t.type))})]})}),s&&s.by_role.length===0&&s.by_type.length===0&&e.jsx("div",{className:"py-16 text-center",children:e.jsxs("p",{className:"text-sm text-text-tertiary",children:["No escalation activity in the last ",r]})})]})}export{S as EscalationsOverview};
-//# sourceMappingURL=EscalationsOverview-DlXUFqWJ.js.map
+import{a as m,j as e}from"./vendor-query-DvWWuNIB.js";import{t as u,v as b}from"./index-3gbd5neL.js";import{P as p}from"./PageHeader-Csq434-v.js";import{S as n}from"./StatCard-nWY4sndl.js";import{u as j}from"./vendor-react-_9U4mKFr.js";import"./vendor-icons-B7OcUM6b.js";const v=[{label:"1h",value:"1h"},{label:"24h",value:"24h"},{label:"7d",value:"7d"},{label:"30d",value:"30d"}];function c({value:i,colorClass:r,onClick:o}){return i===0?e.jsx("span",{className:"text-text-tertiary",children:"0"}):e.jsx("button",{onClick:o,className:`${r} hover:underline tabular-nums font-medium`,children:i})}function S(){var d,x;u();const i=j(),[r,o]=m.useState("24h"),{data:s}=b(r),l=t=>{const h=new URLSearchParams(t).toString();i(`/escalations/available${h?`?${h}`:""}`)},a="pb-2 text-2xs font-semibold uppercase tracking-widest text-text-tertiary";return e.jsxs("div",{children:[e.jsx(p,{title:"Escalations",docsHash:"#docs:dashboard.md:escalations-overview"}),e.jsx("div",{className:"flex items-center gap-1 mb-6",children:v.map(t=>e.jsx("button",{onClick:()=>o(t.value),className:`px-3 py-1 text-xs rounded-full transition-colors ${r===t.value?"bg-accent text-text-inverse":"text-text-tertiary hover:text-text-primary hover:bg-surface-hover"}`,children:t.label},t.value))}),e.jsxs("div",{className:"grid grid-cols-4 gap-4 mb-8",children:[e.jsx(n,{label:"Open",value:(s==null?void 0:s.pending)??"—",colorClass:"text-status-pending",onClick:()=>l()}),e.jsx(n,{label:"Claimed",value:(s==null?void 0:s.claimed)??"—",colorClass:"text-status-active",onClick:()=>l()}),e.jsx(n,{label:"Created",value:(s==null?void 0:s.created)??"—",onClick:()=>l()}),e.jsx(n,{label:"Resolved",value:(s==null?void 0:s.resolved)??"—",colorClass:"text-status-success",onClick:()=>l()})]}),(((d=s==null?void 0:s.by_role)==null?void 0:d.length)??0)>0&&e.jsx("div",{className:"mb-8",children:e.jsxs("table",{className:"w-full text-left",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-surface-border",children:[e.jsx("th",{className:a,children:"Role"}),e.jsx("th",{className:`${a} text-right w-24`,children:"Pending"}),e.jsx("th",{className:`${a} text-right w-24`,children:"Claimed"})]})}),e.jsx("tbody",{children:s.by_role.map(t=>e.jsxs("tr",{className:"border-b border-surface-border last:border-b-0",children:[e.jsx("td",{className:"py-3 text-sm font-mono text-text-primary",children:e.jsx("button",{onClick:()=>l({role:t.role}),className:"hover:text-accent hover:underline",children:t.role})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(c,{value:t.pending,colorClass:"text-status-pending",onClick:()=>l({role:t.role})})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(c,{value:t.claimed,colorClass:"text-status-active",onClick:()=>l({role:t.role})})})]},t.role))})]})}),(((x=s==null?void 0:s.by_type)==null?void 0:x.length)??0)>0&&e.jsx("div",{children:e.jsxs("table",{className:"w-full text-left",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-surface-border",children:[e.jsx("th",{className:a,children:"Type"}),e.jsx("th",{className:`${a} text-right w-24`,children:"Pending"}),e.jsx("th",{className:`${a} text-right w-24`,children:"Claimed"}),e.jsx("th",{className:`${a} text-right w-24`,children:"Resolved"})]})}),e.jsx("tbody",{children:s.by_type.map(t=>e.jsxs("tr",{className:"border-b border-surface-border last:border-b-0",children:[e.jsx("td",{className:"py-3 text-sm font-mono text-text-primary",children:e.jsx("button",{onClick:()=>l({type:t.type}),className:"hover:text-accent hover:underline",children:t.type})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(c,{value:t.pending,colorClass:"text-status-pending",onClick:()=>l({type:t.type})})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(c,{value:t.claimed,colorClass:"text-status-active",onClick:()=>l({type:t.type})})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(c,{value:t.resolved,colorClass:"text-status-success",onClick:()=>l({type:t.type})})})]},t.type))})]})}),s&&s.by_role.length===0&&s.by_type.length===0&&e.jsx("div",{className:"py-16 text-center",children:e.jsxs("p",{className:"text-sm text-text-tertiary",children:["No escalation activity in the last ",r]})})]})}export{S as EscalationsOverview};
+//# sourceMappingURL=EscalationsOverview-CW57FaP9.js.map