npm - @hotmeshio/long-tail - Versions diffs - 0.7.4 → 0.7.5 - Mend

@hotmeshio/long-tail 0.7.4 → 0.7.5

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 (213) hide show

package/dashboard/dist/assets/OperationsPage-BCr21p8I.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"OperationsPage-BCr21p8I.js","sources":["../../src/pages/operations/PaceChart.tsx","../../src/pages/operations/StationDetailPanel.tsx","../../src/pages/operations/OperationsPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { StationMetric } from '../../api/escalations';\n\nexport interface ChartStation {\n role: string;\n title: string | null;\n target_per_hour: number | null;\n parent_role: string | null;\n /** Roles feeding this station from other sequences — drawn as a merge glyph, not a bend in the line. */\n upstream_roles?: string[];\n metric: StationMetric | undefined;\n}\n\ninterface PaceChartProps {\n stations: ChartStation[];\n selectedRole: string | null;\n onSelect: (role: string) => void;\n /** Merge-glyph click — jump to the sequence that feeds this station. */\n onUpstreamSelect?: (upstreamRole: string) => void;\n /** Selected window length in hours — target count = target_per_hour × this. */\n periodHours: number;\n}\n\n// ── SVG layout ────────────────────────────────────────────────────────────────\n\nconst W = 800;\nconst H = 270;\nconst ML = 40;\nconst MR = 76;\nconst MT = 24;\nconst MB = 72;\n\nconst chartW = W - ML - MR;\nconst chartH = H - MT - MB;\nconst bottom = MT + chartH;\nconst right = ML + chartW;\n\n// Smooth transition applied when the window changes and values re-scale.\nconst EASE = '0.5s cubic-bezier(0.4, 0, 0.2, 1)';\n\n// ── Path builders ─────────────────────────────────────────────────────────────\n\n/** Straight polyline — the target line is a discrete count per station. */\nfunction linePath(pts: { x: number; y: number }[]): string {\n if (pts.length === 0) return '';\n return pts.map((p, i) => `${i === 0 ? 'M' : 'L'} ${p.x.toFixed(1)} ${p.y.toFixed(1)}`).join(' ');\n}\n\n/** Catmull-Rom → cubic bezier — smooth curves for the actual and active lines. */\nfunction catmullPath(pts: { x: number; y: number }[]): string {\n if (pts.length === 0) return '';\n if (pts.length === 1) return `M ${pts[0].x} ${pts[0].y}`;\n const segs: string[] = [];\n for (let i = 0; i < pts.length - 1; i++) {\n const p0 = pts[Math.max(0, i - 1)];\n const p1 = pts[i];\n const p2 = pts[i + 1];\n const p3 = pts[Math.min(pts.length - 1, i + 2)];\n const cp1x = (p1.x + (p2.x - p0.x) / 6).toFixed(1);\n const cp1y = (p1.y + (p2.y - p0.y) / 6).toFixed(1);\n const cp2x = (p2.x - (p3.x - p1.x) / 6).toFixed(1);\n const cp2y = (p2.y - (p3.y - p1.y) / 6).toFixed(1);\n if (i === 0) segs.push(`M ${p1.x.toFixed(1)} ${p1.y.toFixed(1)}`);\n segs.push(`C ${cp1x} ${cp1y}, ${cp2x} ${cp2y}, ${p2.x.toFixed(1)} ${p2.y.toFixed(1)}`);\n }\n return segs.join(' ');\n}\n\n/**\n * Closed region between two curves — upper spline forward, lower spline back.\n * Used for the queue-composition bands: the vertical thickness at any station\n * is the count difference between the two curves.\n */\nfunction bandPath(upper: { x: number; y: number }[], lower: { x: number; y: number }[]): string {\n if (upper.length < 2 || lower.length < 2) return '';\n const forward = catmullPath(upper);\n const rev = [...lower].reverse();\n const back = catmullPath(rev);\n // Drop the back path's leading M — the L below connects the two curves.\n const backSegs = back.slice(back.indexOf('C'));\n return `${forward} L ${rev[0].x.toFixed(1)} ${rev[0].y.toFixed(1)} ${backSegs} Z`;\n}\n\nfunction compact(n: number): string {\n return n >= 10000 ? `${Math.round(n / 1000)}k` : n >= 1000 ? `${(n / 1000).toFixed(1)}k` : String(n);\n}\n\nfunction last<T>(a: T[]): T | undefined {\n return a.length > 0 ? a[a.length - 1] : undefined;\n}\n\n// ── Colors ────────────────────────────────────────────────────────────────────\n\n/** Circle color from actual vs the window target. Meeting or beating the target\n * is good (green); short is the concern (amber → red). */\nfunction paceColor(ratio: number | null): { stroke: string; fill: string } {\n if (ratio == null) return { stroke: '#cbd5e1', fill: '#f8fafc' };\n if (ratio >= 1.0) return { stroke: '#10b981', fill: '#ecfdf5' }; // met/beat target\n if (ratio >= 0.6) return { stroke: '#f59e0b', fill: '#fffbeb' }; // behind\n return { stroke: '#ef4444', fill: '#fef2f2' }; // well behind\n}\n\n// Shared queue-state palette — the chart bands and the station table columns\n// use the same hues so the two views read as one.\nexport const ACTIVE_COLOR = '#6366f1'; // claimed, being worked right now — indigo\nexport const QUEUED_COLOR = '#0ea5e9'; // pending and unclaimed, waiting in the queue — sky\nexport const RESOLVED_COLOR = '#4e6a5e'; // done — grey with a breath of green\n\n// ── End-label stacking — spread close labels so text doesn't collide ────────────\n\nconst MIN_GAP = 13;\nfunction spreadLabels<T extends { y: number }>(labels: T[], maxY: number): (T & { labelY: number })[] {\n const sorted = [...labels].sort((a, b) => a.y - b.y);\n let prev = -Infinity;\n const placed = sorted.map((l) => {\n const labelY = Math.max(l.y + 3, prev + MIN_GAP);\n prev = labelY;\n return { ...l, labelY };\n });\n // On a quiet window every curve sits at zero and the stack would descend\n // past the floor into the station titles — lift the whole stack back above\n // maxY instead.\n const overflow = placed.length > 0 ? placed[placed.length - 1].labelY - maxY : 0;\n if (overflow > 0) {\n for (const l of placed) l.labelY -= overflow;\n }\n return placed;\n}\n\n// ── Chart ─────────────────────────────────────────────────────────────────────\n\nexport function PaceChart({ stations, selectedRole, onSelect, onUpstreamSelect, periodHours }: PaceChartProps) {\n const [hoveredIdx, setHoveredIdx] = useState<number | null>(null);\n\n const n = stations.length;\n if (n === 0) return null;\n\n const xOf = (i: number) => (n === 1 ? ML + chartW / 2 : ML + (i / (n - 1)) * chartW);\n const xMap = new Map(stations.map((s, i) => [s.role, xOf(i)]));\n\n // Per-station counts for the selected window:\n // - target : expected units = target_per_hour × periodHours (e.g. 22/h · 15m ≈ 5).\n // - actual : units resolved in the window (\"the number we see\").\n // - active : units in the queue being worked right now (claimed).\n const rows = stations.map((s, i) => {\n const target = s.target_per_hour ?? null;\n const expected = target != null ? target * periodHours : null;\n return {\n idx: i,\n x: xOf(i),\n expected,\n actual: s.metric?.resolved ?? 0,\n active: s.metric?.claimed ?? 0,\n pending: s.metric?.pending ?? 0,\n inArrears: s.metric?.in_arrears ?? 0,\n };\n });\n\n const hasTargets = rows.some((r) => r.expected != null);\n\n const dataMax = Math.max(\n 1,\n ...rows.map((r) => r.expected ?? 0),\n ...rows.map((r) => r.actual),\n ...rows.map((r) => (r.expected != null ? r.pending : 0)),\n );\n const maxVal = dataMax * 1.15;\n const yScale = (v: number) => MT + chartH * (1 - Math.max(0, Math.min(v, maxVal)) / maxVal);\n\n const withTarget = rows.filter((r) => r.expected != null);\n const targetPts = withTarget.map((r) => ({ ...r, y: yScale(r.expected as number) }));\n const actualPts = withTarget.map((r) => ({ ...r, y: yScale(r.actual) }));\n const activePts = withTarget.map((r) => ({ ...r, y: yScale(r.active) }));\n const pendingPts = withTarget.map((r) => ({ ...r, y: yScale(r.pending) }));\n\n const targetLinePath = linePath(targetPts);\n const actualSplinePath = catmullPath(actualPts);\n const activeSplinePath = catmullPath(activePts);\n const pendingSplinePath = catmullPath(pendingPts);\n\n const lastActual = last(actualPts);\n const lastTarget = last(targetPts);\n const lastActive = last(activePts);\n const lastPending = last(pendingPts);\n\n const areaPath =\n actualPts.length >= 2 && lastActual\n ? `${actualSplinePath} L ${lastActual.x.toFixed(1)} ${bottom} L ${actualPts[0].x.toFixed(1)} ${bottom} Z`\n : '';\n\n // Queue composition — pending splits into two stacked bands:\n // floor → active curve = claimed, being worked (indigo)\n // active → pending curve = waiting, unclaimed (sky)\n // When workers claim everything the instant it lands, the sky band collapses\n // to zero and the whole queue reads as indigo.\n const hasQueue = withTarget.some((r) => r.pending > 0 || r.active > 0);\n const workedBandPath =\n hasQueue && activePts.length >= 2 && lastActive\n ? `${activeSplinePath} L ${lastActive.x.toFixed(1)} ${bottom} L ${activePts[0].x.toFixed(1)} ${bottom} Z`\n : '';\n const queuedBandPath = hasQueue ? bandPath(pendingPts, activePts) : '';\n\n // Quiet lines keep their curves (flat at zero) but skip their end labels —\n // a stack of names pointing at nothing is noise.\n const showActiveLabel = withTarget.some((r) => r.active > 0);\n const showQueuedLabel = withTarget.some((r) => r.pending > r.active);\n const endLabels = spreadLabels(\n [\n lastTarget ? { key: 'target', text: 'target', color: '#ef4444', y: lastTarget.y } : null,\n lastActual ? { key: 'actual', text: 'actual', color: RESOLVED_COLOR, y: lastActual.y } : null,\n showActiveLabel && lastActive\n ? { key: 'active', text: 'active', color: ACTIVE_COLOR, y: lastActive.y }\n : null,\n showQueuedLabel && lastPending\n ? { key: 'queued', text: 'queued', color: QUEUED_COLOR, y: lastPending.y }\n : null,\n ].filter(Boolean) as { key: string; text: string; color: string; y: number }[],\n bottom + 4,\n );\n\n return (\n <svg viewBox={`0 0 ${W} ${H}`} className=\"w-full h-full\" preserveAspectRatio=\"xMidYMid meet\" style={{ display: 'block' }}>\n {/* Dependency connector lines (parent → child), drawn at chart floor */}\n {stations.map((s) => {\n if (!s.parent_role) return null;\n const px = xMap.get(s.parent_role);\n if (px == null) return null;\n const cx = xOf(stations.findIndex((r) => r.role === s.role));\n return <line key={`dep-${s.role}`} x1={px} y1={bottom} x2={cx} y2={bottom} stroke=\"#e2e8f0\" strokeWidth={0.75} />;\n })}\n\n {/* Area under the actual curve */}\n {areaPath && <path d={areaPath} fill={RESOLVED_COLOR} opacity={0.05} style={{ transition: `d ${EASE}` }} />}\n\n {/* Queue composition bands — the band heights split each station's\n pending total into claimed-and-worked (indigo, floor→active) and\n waiting-unclaimed (sky, active→pending). */}\n {workedBandPath && (\n <path d={workedBandPath} fill={ACTIVE_COLOR} opacity={0.12} style={{ transition: `d ${EASE}` }} />\n )}\n {queuedBandPath && (\n <path d={queuedBandPath} fill={QUEUED_COLOR} opacity={0.12} style={{ transition: `d ${EASE}` }} />\n )}\n\n {/* Target — thin red solid reference at the window's expected count */}\n {targetLinePath && (\n <path d={targetLinePath} fill=\"none\" stroke=\"#ef4444\" strokeWidth={0.5} strokeLinejoin=\"round\" opacity={0.9} style={{ transition: `d ${EASE}` }} />\n )}\n\n {/* Per-role target for the window (target_per_hour × duration), just above the red line */}\n {targetPts.map((tp) => (\n <text\n key={`tval-${tp.idx}`}\n x={tp.x}\n y={tp.y - 3.5}\n textAnchor=\"middle\"\n fontSize={6.5}\n fill=\"#ef4444\"\n fontFamily=\"ui-monospace, monospace\"\n fontWeight=\"500\"\n opacity={0.7}\n style={{ transition: `y ${EASE}` }}\n >\n {Math.round(tp.expected as number)}\n </text>\n ))}\n\n {/* Pending — thin dotted sky edge along the queue total (top of the bands) */}\n {hasQueue && pendingSplinePath && (\n <path d={pendingSplinePath} fill=\"none\" stroke={QUEUED_COLOR} strokeWidth={0.75} strokeDasharray=\"2 3\" strokeLinecap=\"round\" opacity={0.55} style={{ transition: `d ${EASE}` }} />\n )}\n\n {/* Active — thin dotted indigo, how many are claimed and being worked */}\n {activeSplinePath && (\n <path d={activeSplinePath} fill=\"none\" stroke={ACTIVE_COLOR} strokeWidth={0.75} strokeDasharray=\"2 3\" strokeLinecap=\"round\" opacity={0.5} style={{ transition: `d ${EASE}` }} />\n )}\n\n {/* Actual — thin solid, primary line */}\n {actualSplinePath && (\n <path d={actualSplinePath} fill=\"none\" stroke={RESOLVED_COLOR} strokeWidth={1} strokeLinejoin=\"round\" strokeLinecap=\"round\" opacity={0.75} style={{ transition: `d ${EASE}` }} />\n )}\n\n {/* Queue markers — a dot on the active line per station.\n Above the dot, at the pending edge: the queue total (sky when part of\n it is still waiting, slate when everything is claimed).\n Below the dot: active (claimed, being worked right now). */}\n {activePts.map((ap, i) => {\n if (ap.pending <= 0 && ap.active <= 0) return null;\n const ar = Math.max(2.5, Math.min(5, 2.5 + ap.active / 10));\n const hasWaiting = ap.pending > ap.active;\n // Anchor the queue-total label to the pending edge so it rides the top\n // of the band; keep it clear of the dot when the two curves touch.\n const pendingLabelY = Math.min(pendingPts[i].y - 4, ap.y - ar - 4);\n return (\n <g key={`active-${ap.idx}`}>\n {ap.pending > 0 && (\n <text\n x={ap.x}\n y={pendingLabelY}\n textAnchor=\"middle\"\n fontSize={7.5}\n fill={hasWaiting ? QUEUED_COLOR : '#64748b'}\n fontFamily=\"ui-monospace, monospace\"\n fontWeight=\"600\"\n style={{ transition: `y ${EASE}` }}\n >\n {ap.pending}\n </text>\n )}\n <g transform={`translate(${ap.x} ${ap.y})`} style={{ transition: `transform ${EASE}` }}>\n <circle r={ar} fill={ACTIVE_COLOR} opacity={0.85} />\n {ap.active > 0 && (\n <text y={ar + 9} textAnchor=\"middle\" fontSize={7.5} fill={ACTIVE_COLOR} fontFamily=\"ui-monospace, monospace\" fontWeight=\"600\">\n {ap.active}\n </text>\n )}\n </g>\n </g>\n );\n })}\n\n {/* Station nodes — actual (resolved) as a dot on the actual line, styled like\n the active dot but a bit larger (actual is the most important number).\n The count sits below the dot so it stays legible as numbers grow. */}\n {rows.map((row) => {\n const s = stations[row.idx];\n const x = row.x;\n const cy = row.expected != null ? yScale(row.actual) : bottom;\n const ratio = row.expected && row.expected > 0 ? row.actual / row.expected : null;\n const { stroke } = paceColor(row.expected != null ? ratio : null);\n // Same small scale as the active dot — a hair larger.\n const r = Math.max(3, Math.min(5.5, 3 + row.actual / 120));\n const isSelected = s.role === selectedRole;\n const isHovered = hoveredIdx === row.idx;\n\n const tooltip =\n row.expected == null\n ? 'idle · set a target rate to plot pace'\n : `${row.actual} done · target ${Math.round(row.expected)}`\n + (row.pending > row.active ? ` · ${row.pending - row.active} waiting` : '')\n + (row.active > 0 ? ` · ${row.active} active` : '');\n const tipW = tooltip.length * 5.5 + 20;\n const tipX = Math.max(ML + tipW / 2 + 4, Math.min(right - tipW / 2 - 4, x));\n const tipY = cy - r - 10;\n\n return (\n <g\n key={s.role}\n onClick={() => onSelect(s.role)}\n onMouseEnter={() => setHoveredIdx(row.idx)}\n onMouseLeave={() => setHoveredIdx(null)}\n style={{ cursor: 'pointer' }}\n >\n {/* Animated marker group — slides vertically as the window rescales */}\n <g transform={`translate(${x} ${cy})`} style={{ transition: `transform ${EASE}` }}>\n <circle r={22} fill=\"transparent\" />\n {row.inArrears > 0 && (\n <circle r={r + 4} fill=\"none\" stroke=\"#ef4444\" strokeWidth={1} strokeDasharray=\"3 2\" opacity={0.6} />\n )}\n <circle r={r} fill={stroke} opacity={0.9} style={{ transition: `r ${EASE}` }} />\n {row.expected != null && (\n <text y={-r - 5} textAnchor=\"middle\" fontSize={9.5} fill={RESOLVED_COLOR} fontFamily=\"ui-monospace, monospace\" fontWeight=\"500\">\n {compact(row.actual)}\n </text>\n )}\n {isHovered && !isSelected && <circle r={r + 3} fill=\"none\" stroke={stroke} strokeWidth={1} opacity={0.4} />}\n {isSelected && <circle r={r + 4} fill=\"none\" stroke=\"#6366f1\" strokeWidth={2} />}\n </g>\n\n {/* Merge affordance — this station also receives input from another\n sequence. The dashed drop into the floor says \"a side-quest\n lands here\"; clicking it opens that sequence. It is a symbol,\n deliberately not a line — the upstream is NOT a descendant. */}\n {(s.upstream_roles?.length ?? 0) > 0 && (\n <g\n transform={`translate(${x - 20} ${bottom})`}\n onClick={(e) => {\n e.stopPropagation();\n onUpstreamSelect?.(s.upstream_roles![0]);\n }}\n style={{ cursor: 'pointer' }}\n >\n <title>{`Fed by ${s.upstream_roles!.join(', ')} — click to view that sequence`}</title>\n <circle r={9} cy={-6} fill=\"transparent\" />\n <path d=\"M -7 -14 C -3 -14 -1 -9 0 -2\" fill=\"none\" stroke=\"#94a3b8\" strokeWidth={1} strokeDasharray=\"2 2\" strokeLinecap=\"round\" />\n <path d=\"M 0 -2 L 8 -2\" stroke=\"#94a3b8\" strokeWidth={1} strokeLinecap=\"round\" />\n <path d=\"M 8 -2 l -3.5 -2 v 4 z\" fill=\"#94a3b8\" />\n </g>\n )}\n\n {/* Station labels (fixed at the floor) */}\n <text x={x} y={bottom + 14} textAnchor=\"middle\" fontSize={9.5} fill=\"#475569\" fontFamily=\"ui-sans-serif, sans-serif\" fontWeight=\"500\">\n {s.title ?? s.role}\n </text>\n <text x={x} y={bottom + 26} textAnchor=\"middle\" fontSize={8} fill=\"#94a3b8\" fontFamily=\"ui-monospace, monospace\">\n {s.role}\n </text>\n\n {/* Tooltip */}\n {isHovered && (\n <g>\n <rect x={tipX - tipW / 2} y={tipY - 16} width={tipW} height={19} rx={3} fill=\"#0f172a\" opacity={0.88} />\n <text x={tipX} y={tipY - 3} textAnchor=\"middle\" fontSize={8.5} fill=\"white\" fontFamily=\"ui-monospace, monospace\">\n {tooltip}\n </text>\n </g>\n )}\n </g>\n );\n })}\n\n {/* No-target hint */}\n {!hasTargets && (\n <text x={ML + chartW / 2} y={bottom + 48} textAnchor=\"middle\" fontSize={8.5} fill=\"#94a3b8\" fontFamily=\"ui-sans-serif, sans-serif\">\n Set target_per_hour on each role in Admin → Roles to enable the pace chart\n </text>\n )}\n\n {/* End labels — text + count, rendered last so they sit above everything */}\n {endLabels.map((l) => (\n <text\n key={l.key}\n x={right + 6}\n y={l.labelY}\n fontSize={8}\n fill={l.color}\n fontFamily=\"ui-sans-serif, sans-serif\"\n fontWeight={l.key === 'actual' ? 700 : 500}\n opacity={l.key === 'active' ? 0.85 : 1}\n style={{ transition: `y ${EASE}` }}\n >\n {l.text}\n </text>\n ))}\n </svg>\n );\n}\n","import { useState } from 'react';\nimport { Link } from 'react-router-dom';\nimport { X, ExternalLink } from 'lucide-react';\nimport { useStationMetrics } from '../../api/escalations';\nimport type { StationMetric } from '../../api/escalations';\nimport type { RoleDetail } from '../../api/roles';\n\ninterface StationDetailPanelProps {\n role: RoleDetail | null;\n allMetrics: StationMetric[];\n orderedRoles: RoleDetail[];\n globalPeriod: string;\n onClose: () => void;\n}\n\n// Mirrors OperationsPage's selector — the panel reports the same windows the\n// chart can show, and opens on whichever one the chart has selected.\nconst PERIODS = ['15m', '1h', '24h', '7d', '30d'] as const;\ntype Period = (typeof PERIODS)[number];\n\nconst isPeriod = (p: string): p is Period => (PERIODS as readonly string[]).includes(p);\n\nfunction fmt(min: number | null): string {\n if (min == null) return '—';\n if (min < 1) {\n const s = Math.round(min * 60);\n return s <= 0 ? '< 1s' : `${s}s`;\n }\n if (min < 60) return `${min.toFixed(0)}m`;\n return `${(min / 60).toFixed(1)}h`;\n}\n\nfunction MetricRow({ label, value }: { label: string; value: string }) {\n return (\n <div className=\"flex items-center justify-between py-1\">\n <span className=\"text-[10px] text-text-tertiary uppercase tracking-wider\">{label}</span>\n <span className=\"text-xs font-mono font-medium text-text-primary tabular-nums\">{value}</span>\n </div>\n );\n}\n\nfunction PeriodSelector({ period, onChange }: { period: Period; onChange: (p: Period) => void }) {\n return (\n <div className=\"flex items-center gap-1 mb-4\">\n {PERIODS.map((p) => (\n <button\n key={p}\n onClick={() => onChange(p)}\n className={`px-2 py-0.5 text-[10px] font-mono rounded transition-colors ${\n period === p\n ? 'bg-accent/10 text-accent font-semibold'\n : 'text-text-quaternary hover:text-text-secondary'\n }`}\n >\n {p}\n </button>\n ))}\n </div>\n );\n}\n\nfunction RoleView({ role, globalPeriod, onClose }: { role: RoleDetail; globalPeriod: string; onClose: () => void }) {\n // Open on the chart's selected window so the panel's numbers agree with the\n // chart beside it; the local selector still lets the viewer drill around.\n const [period, setPeriod] = useState<Period>(isPeriod(globalPeriod) ? globalPeriod : '24h');\n const { data } = useStationMetrics(period);\n const metric = data?.stations.find((s) => s.role === role.role);\n const slaMinutes = role.sla_minutes ?? undefined;\n const targetPerHour = role.target_per_hour ?? undefined;\n const workerCount = role.worker_count ?? undefined;\n\n return (\n <>\n {/* Header */}\n <div className=\"flex items-start justify-between mb-1\">\n <div className=\"min-w-0 flex-1\">\n <div className=\"flex items-baseline gap-1.5 flex-wrap\">\n <span className=\"text-sm font-mono font-bold text-text-primary\">{role.role}</span>\n {role.title && (\n <span className=\"text-[10px] text-text-secondary\">{role.title}</span>\n )}\n </div>\n {role.description && (\n <p className=\"text-[10px] text-text-tertiary mt-0.5 line-clamp-2 leading-relaxed\">\n {role.description}\n </p>\n )}\n </div>\n <button\n onClick={onClose}\n className=\"text-text-quaternary hover:text-text-secondary transition-colors mt-0.5 shrink-0 ml-2\"\n >\n <X className=\"w-4 h-4\" />\n </button>\n </div>\n\n <Link\n to={`/admin/roles/${encodeURIComponent(role.role)}`}\n className=\"flex items-center gap-1 text-[10px] text-accent hover:underline mb-4\"\n >\n <ExternalLink className=\"w-2.5 h-2.5\" />\n Edit in Roles\n </Link>\n\n <PeriodSelector period={period} onChange={setPeriod} />\n\n {/* Capacity settings */}\n {(targetPerHour || slaMinutes || workerCount) && (\n <div className=\"flex items-center gap-4 mb-4 text-[10px]\">\n {targetPerHour && (\n <div>\n <div className=\"font-mono font-semibold text-text-primary\">{targetPerHour}/h</div>\n <div className=\"text-text-quaternary uppercase tracking-wider text-[8.5px]\">target</div>\n </div>\n )}\n {slaMinutes && (\n <div>\n <div className=\"font-mono font-semibold text-text-primary\">{slaMinutes}m</div>\n <div className=\"text-text-quaternary uppercase tracking-wider text-[8.5px]\">SLA</div>\n </div>\n )}\n {workerCount && (\n <div>\n <div className=\"font-mono font-semibold text-text-primary\">{workerCount}</div>\n <div className=\"text-text-quaternary uppercase tracking-wider text-[8.5px]\">workers</div>\n </div>\n )}\n </div>\n )}\n\n {/* Two-column wait / work grid */}\n <div className=\"grid grid-cols-2 gap-x-3\">\n <div>\n <p className=\"text-[9px] text-text-quaternary uppercase tracking-wider mb-1.5\">Wait (queue)</p>\n <MetricRow label=\"P99\" value={fmt(metric?.wait.p99 ?? null)} />\n <MetricRow label=\"avg\" value={fmt(metric?.wait.avg ?? null)} />\n </div>\n <div>\n <p className=\"text-[9px] text-text-quaternary uppercase tracking-wider mb-1.5\">Work (proc.)</p>\n <MetricRow label=\"P99\" value={fmt(metric?.work.p99 ?? null)} />\n <MetricRow label=\"avg\" value={fmt(metric?.work.avg ?? null)} />\n </div>\n </div>\n\n {/* SLA + arrears */}\n <div className=\"border-t border-surface-border/40 pt-2 mt-3 space-y-1.5\">\n {slaMinutes && (\n <div className=\"flex items-center justify-between\">\n <span className=\"text-[10px] text-text-tertiary\">SLA target</span>\n <span className=\"text-xs font-mono text-text-secondary\">{slaMinutes}m</span>\n </div>\n )}\n {metric && metric.in_arrears > 0 && (\n <Link\n to={`/escalations/available?role=${encodeURIComponent(metric.role)}&sort_by=created_at&order=asc`}\n className=\"flex items-center justify-between group\"\n >\n <span className=\"text-[10px] text-red-500\">{metric.in_arrears} past SLA</span>\n <ExternalLink className=\"w-3 h-3 text-red-400 group-hover:text-red-500 transition-colors\" />\n </Link>\n )}\n </div>\n\n {/* View queue — `role=` drives the visible filter bar on the escalations\n page (the JSON `roles=` facet param filters silently and leaves the\n bar reading \"all roles\"). */}\n <div className=\"mt-4 border-t border-surface-border/40 pt-3\">\n <Link\n to={`/escalations/available?role=${encodeURIComponent(role.role)}`}\n className=\"flex items-center gap-1.5 text-[10px] text-accent hover:underline\"\n >\n View full queue\n <ExternalLink className=\"w-2.5 h-2.5\" />\n </Link>\n </div>\n </>\n );\n}\n\nfunction OverviewPanel({\n allMetrics,\n orderedRoles,\n period,\n}: {\n allMetrics: StationMetric[];\n orderedRoles: RoleDetail[];\n period: string;\n}) {\n const totalPending = allMetrics.reduce((s, m) => s + m.pending, 0);\n const totalResolved = allMetrics.reduce((s, m) => s + m.resolved, 0);\n const totalArrears = allMetrics.reduce((s, m) => s + m.in_arrears, 0);\n\n const metricByRole = new Map(allMetrics.map((m) => [m.role, m]));\n const stationsAtRisk = allMetrics.filter((m) => m.in_arrears > 0).length;\n const stationsWithLoad = allMetrics.filter((m) => m.pending > 0).length;\n\n return (\n <>\n <p className=\"text-[9px] text-text-quaternary uppercase tracking-wider mb-3\">\n Pipeline · {period}\n </p>\n\n {/* Health headline */}\n <div className=\"mb-4\">\n {stationsAtRisk > 0 ? (\n <p className=\"text-[11px] text-red-400\">\n {stationsAtRisk} station{stationsAtRisk > 1 ? 's' : ''} past SLA\n </p>\n ) : stationsWithLoad > 0 ? (\n <p className=\"text-[11px] text-amber-400\">\n {stationsWithLoad} station{stationsWithLoad > 1 ? 's' : ''} with backlog\n </p>\n ) : totalResolved > 0 ? (\n <p className=\"text-[11px] text-emerald-500\">Flowing — queue clear</p>\n ) : (\n <p className=\"text-[11px] text-text-quaternary\">Quiet — awaiting work</p>\n )}\n </div>\n\n {/* Key counters */}\n <div className=\"space-y-1.5 mb-4\">\n <div className=\"flex items-center justify-between\">\n <span className=\"text-[9px] text-text-quaternary uppercase tracking-wider\">Pending</span>\n <span className={`text-xs font-mono tabular-nums ${totalPending > 0 ? 'text-text-primary font-semibold' : 'text-text-quaternary'}`}>\n {totalPending}\n </span>\n </div>\n <div className=\"flex items-center justify-between\">\n <span className=\"text-[9px] text-text-quaternary uppercase tracking-wider\">Resolved · {period}</span>\n <span className=\"text-xs font-mono tabular-nums text-text-secondary\">{totalResolved}</span>\n </div>\n {totalArrears > 0 && (\n <div className=\"flex items-center justify-between\">\n <span className=\"text-[9px] text-text-quaternary uppercase tracking-wider\">Past SLA</span>\n <span className=\"text-xs font-mono tabular-nums text-red-500 font-semibold\">{totalArrears}</span>\n </div>\n )}\n </div>\n\n {/* Divider + column headers */}\n <div className=\"border-t border-surface-border/40 pt-2 mb-1\">\n <div className=\"flex items-center gap-2\">\n <span className=\"text-[8px] text-text-quaternary uppercase tracking-wider flex-1\">Station</span>\n <span className=\"text-[8px] text-text-quaternary uppercase tracking-wider w-8 text-right shrink-0\">pend</span>\n <span className=\"text-[8px] text-text-quaternary uppercase tracking-wider w-8 text-right shrink-0\">actv</span>\n <span className=\"text-[8px] text-text-quaternary uppercase tracking-wider w-8 text-right shrink-0\">res</span>\n </div>\n </div>\n\n {/* Station list in pipeline order */}\n <div className=\"space-y-0.5\">\n {orderedRoles.map((r) => {\n const m = metricByRole.get(r.role);\n const pending = m?.pending ?? 0;\n const claimed = m?.claimed ?? 0;\n const resolved = m?.resolved ?? 0;\n const inArrears = m?.in_arrears ?? 0;\n const label = r.title || r.role;\n const hasAlert = inArrears > 0;\n const hasLoad = pending > 0;\n\n return (\n <div key={r.role} className=\"flex items-center gap-2 py-0.5\">\n <span\n className={`text-[10px] font-mono flex-1 truncate ${\n hasAlert ? 'text-red-400' : hasLoad ? 'text-text-primary' : 'text-text-quaternary'\n }`}\n >\n {label}\n {hasAlert && (\n <span className=\"ml-1 text-[8px] text-red-400 font-semibold\">SLA</span>\n )}\n </span>\n <span\n className={`text-[10px] font-mono tabular-nums w-8 text-right shrink-0 ${\n hasAlert ? 'text-red-400' : hasLoad ? 'text-text-primary font-semibold' : 'text-text-quaternary'\n }`}\n >\n {pending > 0 ? pending : '—'}\n </span>\n <span className={`text-[10px] font-mono tabular-nums w-8 text-right shrink-0 ${claimed > 0 ? 'text-accent' : 'text-text-quaternary'}`}>\n {claimed > 0 ? claimed : '—'}\n </span>\n <span className={`text-[10px] font-mono tabular-nums w-8 text-right shrink-0 ${resolved > 0 ? 'text-text-secondary' : 'text-text-quaternary'}`}>\n {resolved > 0 ? resolved : '—'}\n </span>\n </div>\n );\n })}\n </div>\n\n <p className=\"text-[9px] text-text-quaternary mt-5\">\n Select a station for queue detail.\n </p>\n </>\n );\n}\n\nexport function StationDetailPanel({\n role,\n allMetrics,\n orderedRoles,\n globalPeriod,\n onClose,\n}: StationDetailPanelProps) {\n return (\n <div className=\"w-[280px] shrink-0 px-6 py-8 flex flex-col overflow-y-auto min-h-0\">\n {role ? (\n <RoleView role={role} globalPeriod={globalPeriod} onClose={onClose} />\n ) : (\n <OverviewPanel allMetrics={allMetrics} orderedRoles={orderedRoles} period={globalPeriod} />\n )}\n </div>\n );\n}\n","import { useState, useMemo, useCallback } from 'react';\nimport { Link, useSearchParams } from 'react-router-dom';\nimport { AlertTriangle, GitMerge, RefreshCw } from 'lucide-react';\nimport { useRoleDetails, type RoleDetail } from '../../api/roles';\nimport { useStationMetrics } from '../../api/escalations';\nimport type { StationMetric } from '../../api/escalations';\nimport { useStationMetricsEvents } from '../../hooks/useEventHooks';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport {\n PaceChart,\n ACTIVE_COLOR,\n QUEUED_COLOR,\n RESOLVED_COLOR,\n type ChartStation,\n} from './PaceChart';\nimport { StationDetailPanel } from './StationDetailPanel';\n\n// Column band tints — the same hues as the chart's queue-composition bands\n// (~8% alpha), so PENDING/ACTIVE/RESOLVED in the table visually continue the\n// sky/indigo/sage story told above.\nconst PENDING_BAND = `${QUEUED_COLOR}14`;\nconst ACTIVE_BAND = `${ACTIVE_COLOR}14`;\nconst RESOLVED_BAND = `${RESOLVED_COLOR}14`;\n\n// ── Types ─────────────────────────────────────────────────────────────────────\n\nconst PERIODS = ['15m', '1h', '24h', '7d', '30d'] as const;\ntype Period = (typeof PERIODS)[number];\n\n// Window length in hours — used to express the target as a count for the\n// selected window (target_per_hour × hours), e.g. 22/h over 15m ≈ 5 expected.\nconst PERIOD_HOURS: Record<Period, number> = {\n '15m': 0.25,\n '1h': 1,\n '24h': 24,\n '7d': 168,\n '30d': 720,\n};\n\ninterface OrderedStation {\n role: RoleDetail;\n depth: number;\n}\n\n/**\n * One sequence of stations, named by its origin role. Execution is a graph;\n * each fragment is the human-readable line the user composed via parent_role.\n * Cross-fragment edges live in upstream_roles and render as a merge affordance\n * on the chart, never as a bend in the line.\n */\ninterface SequenceFragment {\n origin: RoleDetail;\n stations: OrderedStation[];\n}\n\n// ── Fragment builder — BFS per parent_role root, tracking actual depth ────────\n\nfunction buildFragments(roles: RoleDetail[]): SequenceFragment[] {\n const opsRoles = roles.filter((r) => r.ops_visible);\n const roleMap = new Map(opsRoles.map((r) => [r.role, r]));\n const visited = new Set<string>();\n\n // Roots: no parent, or parent not in ops set — each roots its own fragment.\n const roots = opsRoles.filter((r) => !r.parent_role || !roleMap.has(r.parent_role));\n\n const fragments: SequenceFragment[] = roots.map((root) => {\n const stations: OrderedStation[] = [];\n const queue: OrderedStation[] = [{ role: root, depth: 0 }];\n while (queue.length > 0) {\n const item = queue.shift()!;\n if (visited.has(item.role.role)) continue;\n visited.add(item.role.role);\n stations.push(item);\n opsRoles\n .filter((c) => c.parent_role === item.role.role && !visited.has(c.role))\n .forEach((c) => queue.push({ role: c, depth: item.depth + 1 }));\n }\n return { origin: root, stations };\n });\n\n // Unreachable (cycles / dangling) — each stands alone rather than vanishing.\n opsRoles\n .filter((r) => !visited.has(r.role))\n .forEach((r) => fragments.push({ origin: r, stations: [{ role: r, depth: 0 }] }));\n\n // Longest line first — the primary sequence leads; side-quests follow.\n return fragments.sort(\n (a, b) => b.stations.length - a.stations.length || a.origin.role.localeCompare(b.origin.role),\n );\n}\n\n// ── Helpers ───────────────────────────────────────────────────────────────────\n\nfunction fmtMin(v: number | null): string {\n if (v == null) return '—';\n if (v < 1) {\n const s = Math.round(v * 60);\n return s <= 0 ? '< 1s' : `${s}s`;\n }\n if (v < 60) return `${v.toFixed(0)}m`;\n return `${(v / 60).toFixed(1)}h`;\n}\n\nfunction loadBar(\n pending: number,\n target: number | null,\n throughputPct: number | null,\n resolved: number,\n) {\n if (!target) return { pct: null, color: 'bg-surface-border', historical: false };\n\n if (pending > 0) {\n const ratio = pending / target;\n const pct = Math.round(ratio * 100);\n // Amber: backlog. Orange: some work but well under pace. Green: healthy.\n const color = ratio > 1.0 ? 'bg-amber-400' : ratio < 0.2 ? 'bg-orange-400' : 'bg-emerald-400';\n return { pct, color, historical: false };\n }\n\n // Idle: use period throughput efficiency rather than the live backlog ratio.\n // resolved=0 means nothing happened in this window → no data, not failing.\n if (resolved === 0 || throughputPct == null) {\n return { pct: null, color: 'bg-surface-border', historical: true };\n }\n const ratio = throughputPct / 100;\n const pct = Math.round(throughputPct);\n // Amber: above baseline (produced more than target). Neutral otherwise —\n // below-target throughput isn't a positive green signal, just normal data.\n const color = ratio > 1.0 ? 'bg-amber-400' : 'bg-surface-border';\n return { pct, color, historical: true };\n}\n\n// ── Station table row ─────────────────────────────────────────────────────────\n\nfunction StationRow({\n role,\n metric,\n selected,\n onClick,\n}: {\n role: RoleDetail;\n metric: StationMetric | undefined;\n selected: boolean;\n onClick: () => void;\n}) {\n const pending = metric?.pending ?? 0;\n const claimed = metric?.claimed ?? 0;\n const resolved = metric?.resolved ?? 0;\n const inArrears = metric?.in_arrears ?? 0;\n const target = role.target_per_hour ?? null;\n const { pct, color, historical } = loadBar(pending, target, metric?.throughput_pct ?? null, resolved);\n const barWidth = pct != null ? Math.min(100, pct) : 0;\n\n return (\n <>\n <div\n role=\"button\"\n tabIndex={0}\n onClick={onClick}\n onKeyDown={(e) => { if (e.key === 'Enter') onClick(); }}\n className={`grid items-center gap-4 cursor-pointer transition-colors ${\n selected ? 'border-l-2 border-accent' : 'pl-0.5'\n }`}\n style={{ gridTemplateColumns: '1fr 64px 56px 56px 60px 72px 72px 104px' }}\n >\n {/* Role name */}\n <div className=\"flex items-center gap-1.5 min-w-0 py-3.5\">\n <span\n className=\"font-mono font-bold text-text-primary truncate text-[11px]\"\n >\n {role.role}\n </span>\n {role.title && (\n <span className=\"text-[10px] text-text-tertiary truncate\">{role.title}</span>\n )}\n {(role.upstream_roles?.length ?? 0) > 0 && (\n <span title={`Fed by ${role.upstream_roles.join(', ')}`} className=\"shrink-0 leading-none\">\n <GitMerge className=\"w-3 h-3 text-text-quaternary\" />\n </span>\n )}\n </div>\n\n {/* Target / hour */}\n <span\n className={`text-xs font-mono tabular-nums text-right py-3.5 ${\n target != null ? 'text-text-secondary' : 'text-text-quaternary'\n }`}\n >\n {target != null ? target : '—'}\n </span>\n\n {/* Pending — sky band, same hue as the chart's waiting band */}\n <div\n className=\"self-stretch flex items-center justify-end px-1.5\"\n style={{ backgroundColor: PENDING_BAND }}\n >\n <span\n className={`text-xs font-mono tabular-nums ${\n pending > 0 ? 'text-text-primary font-semibold' : 'text-text-quaternary'\n }`}\n >\n {pending}\n </span>\n </div>\n\n {/* Active — indigo band, same hue as the chart's worked band */}\n <div\n className=\"self-stretch flex items-center justify-end px-1.5\"\n style={{ backgroundColor: ACTIVE_BAND }}\n >\n <span\n className={`text-xs font-mono tabular-nums ${\n claimed > 0 ? 'text-accent font-semibold' : 'text-text-quaternary'\n }`}\n >\n {claimed}\n </span>\n </div>\n\n {/* Resolved — sage band, same hue as the chart's actual curve */}\n <div\n className=\"self-stretch flex items-center justify-end px-1.5\"\n style={{ backgroundColor: RESOLVED_BAND }}\n >\n <span className=\"text-xs font-mono tabular-nums text-text-quaternary\">\n {resolved}\n </span>\n </div>\n\n {/* P99 wait */}\n <span className=\"text-xs font-mono tabular-nums text-right py-3.5 text-text-secondary\">\n {fmtMin(metric?.wait.p99 ?? null)}\n </span>\n\n {/* P99 work */}\n <span className=\"text-xs font-mono tabular-nums text-right py-3.5 text-text-secondary\">\n {fmtMin(metric?.work.p99 ?? null)}\n </span>\n\n {/* Load mini-bar */}\n <div className=\"flex items-center gap-2 py-3.5\">\n <div className=\"w-12 h-1.5 bg-surface-sunken rounded-full overflow-hidden shrink-0\">\n <div className={`h-full rounded-full ${color}`} style={{ width: `${barWidth}%` }} />\n </div>\n <span\n className={`text-[10px] font-mono tabular-nums ${\n pct != null && pct > 100\n ? 'text-amber-500 font-semibold'\n : 'text-text-quaternary'\n }`}\n title={historical ? 'Throughput efficiency for the selected period' : undefined}\n >\n {pct != null ? `${pct}%${historical ? '↩' : ''}` : '—'}\n </span>\n </div>\n </div>\n\n {/* In-arrears sub-row */}\n {inArrears > 0 && (\n <div className=\"flex items-center gap-1.5 pb-2 pl-1\">\n <AlertTriangle className=\"w-3 h-3 text-red-400 shrink-0\" />\n <Link\n to={`/escalations/available?role=${encodeURIComponent(role.role)}&sort_by=created_at&order=asc`}\n className=\"text-[10px] text-red-400 hover:text-red-500 hover:underline\"\n onClick={(e) => e.stopPropagation()}\n >\n {inArrears} past SLA — view oldest first →\n </Link>\n </div>\n )}\n </>\n );\n}\n\n// ── Table header ──────────────────────────────────────────────────────────────\n\nfunction TableHead() {\n // Queue-state columns carry the chart's band hue into the table.\n const cols: { label: string; band?: string; hue?: string }[] = [\n { label: 'ROLE' },\n { label: 'TARGET/H' },\n { label: 'PENDING', band: PENDING_BAND, hue: QUEUED_COLOR },\n { label: 'ACTIVE', band: ACTIVE_BAND, hue: ACTIVE_COLOR },\n { label: 'RESOLVED', band: RESOLVED_BAND, hue: RESOLVED_COLOR },\n { label: 'P99 WAIT' },\n { label: 'P99 WORK' },\n { label: 'TREND' },\n ];\n return (\n <div\n className=\"grid items-center gap-4 border-b border-surface-border mb-0.5\"\n style={{ gridTemplateColumns: '1fr 64px 56px 56px 60px 72px 72px 104px' }}\n >\n {cols.map((col, i) =>\n col.band ? (\n <div\n key={col.label}\n className=\"self-stretch flex items-center justify-end px-1.5\"\n style={{ backgroundColor: col.band }}\n >\n <span\n className=\"text-[9px] font-semibold uppercase tracking-wider\"\n style={{ color: col.hue }}\n >\n {col.label}\n </span>\n </div>\n ) : (\n <span\n key={col.label}\n className={`text-[9px] font-semibold uppercase tracking-wider text-text-quaternary py-1.5 ${\n i > 0 && i < 7 ? 'text-right' : ''\n }`}\n >\n {col.label}\n </span>\n ),\n )}\n </div>\n );\n}\n\n\n// ── Page ──────────────────────────────────────────────────────────────────────\n\nexport function OperationsPage() {\n const [period, setPeriod] = useState<Period>('24h');\n const [selectedRole, setSelectedRole] = useState<string | null>(null);\n const [refreshing, setRefreshing] = useState(false);\n\n // Push-driven refresh: every escalation event invalidates ['stationMetrics']\n // through the central event system (debounced, transport-agnostic). The\n // header's refresh button covers user-initiated reloads.\n useStationMetricsEvents();\n\n const { data: roleData, isLoading: rolesLoading, refetch: refetchRoles } = useRoleDetails();\n const {\n data: metricsData,\n isLoading: metricsLoading,\n refetch: refetchMetrics,\n } = useStationMetrics(period);\n\n const roles = roleData?.roles ?? [];\n const metrics = metricsData?.stations ?? [];\n\n // Sequence fragments, one per parent_role root. The active one is\n // DEEP-LINKED (?fragment=<origin role>) and each switch is a history entry,\n // so a shared link opens the same sequence and back/forward walks them.\n const fragments = useMemo((): SequenceFragment[] => buildFragments(roles), [roles]);\n const [searchParams, setSearchParams] = useSearchParams();\n const fragmentParam = searchParams.get('fragment');\n const activeFragment =\n fragments.find((f) => f.origin.role === fragmentParam) ?? fragments[0] ?? null;\n const selectFragment = useCallback(\n (origin: string) => {\n setSelectedRole(null);\n setSearchParams((prev) => {\n const p = new URLSearchParams(prev);\n p.set('fragment', origin);\n return p;\n });\n },\n [setSearchParams],\n );\n\n const ordered = activeFragment?.stations ?? [];\n const fragmentRoleSet = useMemo(\n () => new Set(ordered.map(({ role }) => role.role)),\n [ordered],\n );\n const fragmentMetrics = useMemo(\n () => metrics.filter((m) => fragmentRoleSet.has(m.role)),\n [metrics, fragmentRoleSet],\n );\n\n const chartStations = useMemo(\n (): ChartStation[] =>\n ordered.map(({ role: r }) => ({\n role: r.role,\n title: r.title,\n parent_role: r.parent_role,\n target_per_hour: r.target_per_hour ?? null,\n upstream_roles: r.upstream_roles ?? [],\n metric: metrics.find((m) => m.role === r.role),\n })),\n [ordered, metrics],\n );\n\n // Jump to the sequence that feeds this station — the merge glyph's click.\n const handleUpstreamSelect = useCallback(\n (upstreamRole: string) => {\n const target = fragments.find((f) =>\n f.stations.some(({ role }) => role.role === upstreamRole),\n );\n if (target) selectFragment(target.origin.role);\n },\n [fragments, selectFragment],\n );\n\n const selectedRoleDetail =\n ordered.find(({ role }) => role.role === selectedRole)?.role ?? null;\n\n const isLoading = rolesLoading || metricsLoading;\n\n const handleRefresh = async () => {\n setRefreshing(true);\n await Promise.all([refetchRoles(), refetchMetrics()]);\n setRefreshing(false);\n };\n\n const handleSelect = (role: string) =>\n setSelectedRole((prev) => (prev === role ? null : role));\n\n const periodSelector = (\n <div className=\"flex items-center gap-0.5\">\n {PERIODS.map((p) => (\n <button\n key={p}\n onClick={() => setPeriod(p)}\n className={`px-2.5 py-1 text-[10px] font-mono rounded transition-colors ${\n period === p\n ? 'bg-accent/10 text-accent font-semibold'\n : 'text-text-quaternary hover:text-text-secondary'\n }`}\n >\n {p}\n </button>\n ))}\n </div>\n );\n\n return (\n <div className=\"flex flex-col flex-1 min-h-0\">\n <PageHeader\n title=\"Pace Board\"\n docsHash=\"#docs:dashboard.md:pace-board\"\n center={periodSelector}\n actions={\n <div className=\"flex items-center gap-3\">\n <button\n onClick={handleRefresh}\n disabled={refreshing}\n className=\"text-text-quaternary hover:text-text-secondary transition-colors disabled:opacity-40\"\n >\n <RefreshCw className={`w-3.5 h-3.5 ${refreshing ? 'animate-spin' : ''}`} />\n </button>\n <Link to=\"/admin/roles\" className=\"btn-secondary text-xs\">\n Configure\n </Link>\n </div>\n }\n />\n\n {isLoading ? (\n <div className=\"animate-pulse space-y-6 mt-4\">\n <div className=\"h-8 bg-surface-sunken rounded w-64\" />\n <div className=\"h-64 bg-surface-sunken rounded w-full\" />\n <div className=\"space-y-3\">\n {[1, 2, 3].map((i) => (\n <div key={i} className=\"h-8 bg-surface-sunken rounded w-full\" />\n ))}\n </div>\n </div>\n ) : fragments.length === 0 ? (\n <div className=\"mt-8\">\n <p className=\"text-sm text-text-secondary mb-2\">Stations appear here once roles are marked visible in Operations.</p>\n <p className=\"text-xs text-text-tertiary\">\n Go to{' '}\n <Link to=\"/admin/roles\" className=\"text-accent hover:underline\">\n Roles\n </Link>{' '}\n and enable <strong>Visible in Operations</strong> on roles that represent pipeline\n stations.\n </p>\n </div>\n ) : (\n /* Console layout: fixed header (above) → flexible middle → fixed table (30vh) */\n <div className=\"flex flex-col flex-1 min-h-0\">\n\n {/* Sequence picker — one tab per fragment, named by its origin role.\n Only rendered when there is more than one story to tell. */}\n {fragments.length > 1 && (\n <div className=\"flex items-center gap-0.5 px-4 pt-2\">\n {fragments.map((f) => {\n const isActive = f.origin.role === activeFragment?.origin.role;\n return (\n <button\n key={f.origin.role}\n onClick={() => selectFragment(f.origin.role)}\n className={`px-2.5 py-1 text-[10px] font-mono rounded transition-colors ${\n isActive\n ? 'bg-accent/10 text-accent font-semibold'\n : 'text-text-quaternary hover:text-text-secondary'\n }`}\n >\n {f.origin.title ?? f.origin.role}\n <span className={`ml-1.5 tabular-nums ${isActive ? 'text-accent/60' : 'text-text-quaternary/60'}`}>\n {f.stations.length}\n </span>\n </button>\n );\n })}\n </div>\n )}\n\n {/* Middle row: flexible height — SVG fills left, sidebar fixed-width right */}\n <div className=\"flex-1 min-h-0 flex items-stretch overflow-hidden\">\n {/* SVG chart — scales to fill available space */}\n <div className=\"flex-1 min-w-0 min-h-0 flex flex-col justify-center overflow-hidden p-4\">\n <PaceChart\n stations={chartStations}\n selectedRole={selectedRole}\n onSelect={handleSelect}\n onUpstreamSelect={handleUpstreamSelect}\n periodHours={PERIOD_HOURS[period]}\n />\n </div>\n {/* Vertical divider */}\n <div className=\"w-px bg-surface-border shrink-0 self-stretch\" />\n {/* Right sidebar — fixed width, scrolls its own content */}\n <StationDetailPanel\n role={selectedRoleDetail}\n allMetrics={fragmentMetrics}\n orderedRoles={ordered.map((o) => o.role)}\n globalPeriod={period}\n onClose={() => setSelectedRole(null)}\n />\n </div>\n\n {/* Bottom row: fixed 30vh — table header sticky, rows scroll */}\n <div className=\"h-[30vh] flex-none flex flex-col border-t border-surface-border overflow-hidden\">\n <TableHead />\n <div className=\"flex-1 min-h-0 overflow-y-auto divide-y divide-surface-border/30\">\n {ordered.map(({ role }) => (\n <StationRow\n key={role.role}\n role={role}\n metric={metrics.find((m) => m.role === role.role)}\n selected={selectedRole === role.role}\n onClick={() => handleSelect(role.role)}\n />\n ))}\n </div>\n </div>\n\n </div>\n )}\n </div>\n );\n}\n"],"names":["W","H","ML","MR","MT","MB","chartW","chartH","bottom","right","EASE","linePath","pts","p","i","catmullPath","segs","p0","p1","p2","p3","cp1x","cp1y","cp2x","cp2y","bandPath","upper","lower","forward","rev","back","backSegs","compact","n","last","a","paceColor","ratio","ACTIVE_COLOR","QUEUED_COLOR","RESOLVED_COLOR","MIN_GAP","spreadLabels","labels","maxY","sorted","b","prev","placed","l","labelY","overflow","PaceChart","stations","selectedRole","onSelect","onUpstreamSelect","periodHours","hoveredIdx","setHoveredIdx","useState","xOf","xMap","rows","target","expected","_a","_b","_c","_d","hasTargets","r","maxVal","yScale","v","withTarget","targetPts","actualPts","activePts","pendingPts","targetLinePath","actualSplinePath","activeSplinePath","pendingSplinePath","lastActual","lastTarget","lastActive","lastPending","areaPath","hasQueue","workedBandPath","queuedBandPath","showActiveLabel","showQueuedLabel","endLabels","px","cx","jsx","tp","ap","ar","hasWaiting","pendingLabelY","row","s","x","cy","stroke","isSelected","isHovered","tooltip","tipW","tipX","tipY","jsxs","e","PERIODS","isPeriod","fmt","min","MetricRow","label","value","PeriodSelector","period","onChange","RoleView","role","globalPeriod","onClose","setPeriod","data","useStationMetrics","metric","slaMinutes","targetPerHour","workerCount","Fragment","X","Link","ExternalLink","OverviewPanel","allMetrics","orderedRoles","totalPending","m","totalResolved","totalArrears","metricByRole","stationsAtRisk","stationsWithLoad","pending","claimed","resolved","inArrears","hasAlert","hasLoad","StationDetailPanel","PENDING_BAND","ACTIVE_BAND","RESOLVED_BAND","PERIOD_HOURS","buildFragments","roles","opsRoles","roleMap","visited","fragments","root","queue","item","c","fmtMin","loadBar","throughputPct","pct","color","StationRow","selected","onClick","historical","barWidth","GitMerge","AlertTriangle","TableHead","cols","col","OperationsPage","setSelectedRole","refreshing","setRefreshing","useStationMetricsEvents","roleData","rolesLoading","refetchRoles","useRoleDetails","metricsData","metricsLoading","refetchMetrics","metrics","useMemo","searchParams","setSearchParams","useSearchParams","fragmentParam","activeFragment","f","selectFragment","useCallback","origin","ordered","fragmentRoleSet","fragmentMetrics","chartStations","handleUpstreamSelect","upstreamRole","selectedRoleDetail","isLoading","handleRefresh","handleSelect","periodSelector","PageHeader","RefreshCw","isActive","o"],"mappings":"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"}

package/dashboard/dist/assets/RoleDetailPage-DS37tJhq.js DELETED Viewed

@@ -1,11 +0,0 @@
-import{j as e,a as m}from"./vendor-query-B2UbickB.js";import{b as X,f as L,g as Y,e as Z,h as ee,i as te}from"./roles-CFD2eYap.js";import{J as U}from"./index-Dgw1KKpq.js";import{C as se}from"./ConfirmDeleteModal-D9_1b4MW.js";import{u as ae}from"./users-C0WV36X8.js";import{T as $,B as re,v as B,V as ne,p as oe,as as le,N as ie,f as ce,g as J}from"./vendor-icons-CEWCGPeJ.js";import{e as de,c as xe,L as pe}from"./vendor-react-CXumBFUA.js";import"./Modal-CSrxpXeM.js";function me({role:a}){const{data:d}=ae({role:a,limit:100}),n=(d==null?void 0:d.users)??[];return n.length===0?e.jsx("p",{className:"text-[11px] text-text-tertiary",children:"Assign users to this role to staff its queue. Members see and resolve escalations here according to their read/write scope; admins manage the role itself."}):e.jsx("div",{className:"divide-y divide-surface-border/40",children:n.map(i=>{const p=i.roles.find(c=>c.role===a);return p?e.jsxs("div",{className:"flex items-center justify-between py-1.5 gap-2",children:[e.jsx("span",{className:"text-xs text-text-secondary truncate",children:i.display_name||i.external_id}),e.jsx("span",{className:"text-[10px] text-text-quaternary font-mono shrink-0",children:ue(p)})]},i.id):null})})}function ue(a){return a.type==="superadmin"||a.type==="admin"?a.type:`member · read ${a.read_scope} · write ${a.write_scope}`}function I(a){return a==null?"":JSON.stringify(a,null,2)}function C(a){const d=a.trim();if(!d)return{ok:!0,value:void 0};try{const n=JSON.parse(d);return typeof n!="object"||Array.isArray(n)||n===null?{ok:!1}:{ok:!0,value:n}}catch{return{ok:!1}}}function h({icon:a,color:d,label:n,aside:i}){return e.jsxs("div",{className:"flex items-center justify-between mb-3 pb-2 border-b border-surface-border",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(a,{className:`w-4 h-4 ${d}`,strokeWidth:1.5}),e.jsx("h2",{className:"section-h2",children:n})]}),i]})}function he({role:a,allRoles:d}){const{data:n}=Z(),i=ee(),p=te(),[c,u]=m.useState(""),t=(n==null?void 0:n.chains)??[],s=m.useMemo(()=>t.filter(l=>l.source_role===a.role).map(l=>l.target_role),[t,a.role]),f=m.useMemo(()=>d.map(l=>l.role).filter(l=>l!==a.role&&l!=="superadmin"&&!s.includes(l)),[d,a.role,s]);return a.role==="superadmin"?e.jsx("p",{className:"text-[11px] text-text-tertiary",children:"Superadmins can escalate to any role implicitly."}):e.jsxs("div",{className:"space-y-3",children:[s.length===0?e.jsx("p",{className:"text-[11px] text-text-tertiary",children:"Add a target role to route hand-offs."}):e.jsx("div",{className:"flex flex-wrap gap-1.5",children:s.map(l=>e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 text-[10px] bg-surface-sunken rounded font-mono text-text-secondary",children:[l,e.jsx("button",{onClick:()=>p.mutate({source_role:a.role,target_role:l}),className:"text-text-quaternary hover:text-red-400 transition-colors leading-none ml-0.5",children:"×"})]},l))}),f.length>0&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("select",{value:c,onChange:l=>u(l.target.value),className:"select text-xs font-mono flex-1",children:[e.jsx("option",{value:"",children:"Add target…"}),f.map(l=>e.jsx("option",{value:l,children:l},l))]}),e.jsx("button",{onClick:()=>{c&&i.mutate({source_role:a.role,target_role:c},{onSuccess:()=>u("")})},disabled:!c||i.isPending,className:"px-2.5 py-1 text-xs rounded bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed shrink-0",children:i.isPending?"…":"Add"})]})]})}function fe({role:a,allRoles:d}){const n=L(),[i,p]=m.useState(""),c=a.upstream_roles??[],u=m.useMemo(()=>d.map(s=>s.role).filter(s=>s!==a.role&&s!=="superadmin"&&!c.includes(s)),[d,a.role,c]),t=s=>n.mutate({role:a.role,upstream_roles:s},{onSuccess:()=>p("")});return e.jsxs("div",{className:"space-y-3",children:[c.length===0?e.jsx("p",{className:"text-[11px] text-text-tertiary",children:"Add a role from another sequence that this station draws input from. Prior Step sets where this role sits in its own sequence; upstream inputs mark the side-quests that land here."}):e.jsx("div",{className:"flex flex-wrap gap-1.5",children:c.map(s=>e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 text-[10px] bg-surface-sunken rounded font-mono text-text-secondary",children:[s,e.jsx("button",{onClick:()=>t(c.filter(f=>f!==s)),className:"text-text-quaternary hover:text-red-400 transition-colors leading-none ml-0.5",children:"×"})]},s))}),u.length>0&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("select",{value:i,onChange:s=>p(s.target.value),className:"select text-xs font-mono flex-1",children:[e.jsx("option",{value:"",children:"Add upstream input…"}),u.map(s=>e.jsx("option",{value:s,children:s},s))]}),e.jsx("button",{onClick:()=>{i&&t([...c,i])},disabled:!i||n.isPending,className:"px-2.5 py-1 text-xs rounded bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed shrink-0",children:n.isPending?"…":"Add"})]}),n.error&&e.jsx("p",{className:"text-[10px] text-status-error",children:n.error.message})]})}function ve(a){return{title:a.title??"",description:a.description??"",ops_visible:a.ops_visible,parent_role:a.parent_role??"",metadata_schema:I(a.metadata_schema),properties:I(a.properties)||"{}",sla_minutes:a.sla_minutes!=null?String(a.sla_minutes):"",target_per_hour:a.target_per_hour!=null?String(a.target_per_hour):"",worker_count:a.worker_count!=null?String(a.worker_count):""}}function Se(){const{role:a}=de(),d=xe(),{data:n,isLoading:i}=X(),p=L(),c=Y(),u=(n==null?void 0:n.roles)??[],t=u.find(r=>r.role===a),[s,f]=m.useState({title:"",description:"",ops_visible:!1,parent_role:"",metadata_schema:"",properties:"{}",sla_minutes:"",target_per_hour:"",worker_count:""}),[l,q]=m.useState(!1),[V,b]=m.useState(!1),[g,_]=m.useState({}),[W,M]=m.useState(!1),[y,O]=m.useState(new Set),F=r=>O(o=>new Set([...o,r]));m.useEffect(()=>{t&&(f(ve(t)),q(!1),b(!1),_({}),O(new Set))},[a,t==null?void 0:t.role]);const v=r=>{f(o=>({...o,...r})),q(!0),b(!1)},z=m.useMemo(()=>u.filter(r=>{if(!t||r.role===t.role)return!1;let o=r;const x=new Set;for(;o!=null&&o.parent_role;){if(o.parent_role===t.role)return!1;if(x.has(o.parent_role))break;x.add(o.parent_role),o=u.find(j=>j.role===o.parent_role)}return!0}),[u,t]),G=()=>{const r=C(s.metadata_schema),o=C(s.properties),x={};if(r.ok||(x.metadata_schema="Invalid JSON"),o.ok||(x.properties="Invalid JSON"),_(x),Object.keys(x).length||!t)return;const j=D=>{const N=parseFloat(D);return isNaN(N)?null:N},E=D=>{const N=j(D);return N==null?null:Math.round(N)};p.mutate({role:t.role,title:s.title.trim()||null,description:s.description.trim()||null,ops_visible:s.ops_visible,parent_role:s.parent_role||null,metadata_schema:r.value??null,properties:o.value??{},sla_minutes:j(s.sla_minutes),target_per_hour:j(s.target_per_hour),worker_count:E(s.worker_count)},{onSuccess:()=>{q(!1),b(!0),O(new Set),window.setTimeout(()=>b(!1),2500)}})},H=()=>{t&&c.mutate(t.role,{onSuccess:()=>d("/admin/roles")})};if(i)return e.jsxs("div",{className:"animate-pulse space-y-4",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-48"}),e.jsx("div",{className:"h-4 bg-surface-sunken rounded w-64"}),e.jsx("div",{className:"h-64 bg-surface-sunken rounded"})]});if(!t)return e.jsxs("div",{className:"flex flex-col items-center justify-center py-20 text-center",children:[e.jsx($,{className:"w-12 h-12 text-text-quaternary mb-4",strokeWidth:1}),e.jsx("h2",{className:"text-lg font-medium text-text-primary mb-2",children:"Role not found"})]});const K=t.user_count>0||t.chain_count>0||t.workflow_count>0,Q=l&&!Object.values(g).some(Boolean),w=parseFloat(s.sla_minutes),k=parseFloat(s.target_per_hour),S=parseFloat(s.worker_count),P=!isNaN(w)&&w>0,R=!isNaN(k)&&k>0,A=!isNaN(S)&&S>0,T=P&&A&&!R?`→ target ≈ ${(S/(w/60)).toFixed(1)}/h`:P&&R&&!A?`→ workers ≈ ${(k*(w/60)).toFixed(1)}`:R&&A&&!P?`→ SLA ≈ ${(S/k*60).toFixed(0)}m`:null;return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-start justify-between gap-8 mb-12",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-1",children:[e.jsx($,{className:"w-5 h-5 text-accent",strokeWidth:1.5}),e.jsx("h1",{className:"text-lg font-mono font-medium text-text-primary",children:t.role}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:dashboard.md:role-detail"},className:"text-text-quaternary hover:text-accent transition-colors",title:"Open docs for this page",children:e.jsx(re,{className:"w-4 h-4",strokeWidth:1.5})}),t.parent_role&&e.jsxs("span",{className:"flex items-center gap-1 text-[10px] text-text-quaternary font-mono",children:[e.jsx(B,{className:"w-3 h-3"})," ",t.parent_role]})]}),t.title&&e.jsx("p",{className:"text-sm text-text-secondary pl-8",children:t.title})]}),e.jsxs("div",{className:"flex items-end gap-4 bg-surface-sunken rounded-lg px-4 py-2.5 shrink-0 mx-auto",title:"throughput = workers / (sla / 60)",children:[[{key:"sla_minutes",label:"SLA",unit:"min",placeholder:"30"},{key:"target_per_hour",label:"Target",unit:"/h",placeholder:"20"},{key:"worker_count",label:"Workers",unit:"",placeholder:"4"}].map(({key:r,label:o,unit:x,placeholder:j})=>e.jsxs("div",{children:[e.jsxs("label",{className:"block text-[9px] font-semibold uppercase tracking-widest text-text-quaternary mb-1",children:[o,x&&e.jsx("span",{className:"normal-case font-normal ml-1",children:x})]}),e.jsx("input",{type:"number",min:"0",step:"any",value:s[r],onChange:E=>v({[r]:E.target.value}),placeholder:j,className:"input text-xs w-16 font-mono"})]},r)),T&&e.jsx("span",{className:"text-[10px] text-accent font-mono whitespace-nowrap pb-2",children:T})]}),e.jsxs("div",{className:"flex items-center gap-3 shrink-0",children:[e.jsxs("div",{className:"flex items-center gap-2",title:"Show as a station on the Pace Board",children:[e.jsx("span",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Ops"}),e.jsx("button",{onClick:()=>v({ops_visible:!s.ops_visible}),className:`w-9 h-5 rounded-full transition-colors relative shrink-0 ${s.ops_visible?"bg-accent":"bg-surface-border"}`,children:e.jsx("span",{className:`absolute top-[3px] left-0 w-3.5 h-3.5 rounded-full bg-white transition-transform shadow ${s.ops_visible?"translate-x-[18px]":"translate-x-[3px]"}`})})]}),V&&e.jsxs("span",{className:"flex items-center gap-1 text-xs text-status-success animate-page-enter",children:[e.jsx(ne,{className:"w-3 h-3"})," Saved"]}),p.error&&e.jsx("span",{className:"text-xs text-status-error max-w-[180px] truncate",children:p.error.message}),e.jsx("button",{onClick:G,disabled:!Q||p.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:p.isPending?"Saving…":"Save Role"}),!K&&e.jsxs("button",{onClick:()=>M(!0),className:"px-3 py-1.5 text-xs rounded-md text-red-400/60 hover:text-red-400 hover:bg-red-600/10 transition-colors flex items-center gap-1",children:[e.jsx(oe,{className:"w-3 h-3"})," Delete"]})]})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-16 items-start",children:[e.jsxs("div",{className:"space-y-14",children:[e.jsxs("div",{className:"space-y-8",children:[e.jsx(h,{icon:$,color:"text-accent",label:"Identity"}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Display Name"}),e.jsx("input",{type:"text",value:s.title,onChange:r=>v({title:r.target.value}),placeholder:`e.g., ${t.role.charAt(0).toUpperCase()+t.role.slice(1)}`,className:"input text-sm w-full"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Description"}),e.jsx("textarea",{value:s.description,onChange:r=>v({description:r.target.value}),placeholder:"A short description shown on role cards and in the operations view.",rows:4,className:"input text-sm w-full resize-none"})]})]}),e.jsxs("div",{className:`space-y-14 overflow-hidden transition-all duration-300 ease-out ${s.ops_visible?"opacity-100 max-h-[900px]":"opacity-0 max-h-0 pointer-events-none"}`,"aria-hidden":!s.ops_visible,children:[e.jsxs("div",{className:"space-y-5",children:[e.jsx(h,{icon:B,color:"text-text-tertiary",label:"Prior Step"}),e.jsxs("select",{value:s.parent_role,onChange:r=>v({parent_role:r.target.value}),className:"select text-sm w-full font-mono",children:[e.jsx("option",{value:"",children:"None — root process"}),z.map(r=>e.jsx("option",{value:r.role,children:r.title?`${r.role} — ${r.title}`:r.role},r.role))]}),e.jsx("p",{className:"text-[10px] text-text-tertiary leading-relaxed",children:"Places this role in one Pace Board sequence. A role with no prior step starts its own sequence."})]}),e.jsxs("div",{className:"space-y-5",children:[e.jsx(h,{icon:le,color:"text-text-tertiary",label:"Upstream Inputs",aside:e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-emerald-500"}),e.jsx("span",{className:"text-[9px] font-semibold uppercase tracking-widest text-emerald-600",children:"Live"})]})}),e.jsx(fe,{role:t,allRoles:u})]})]})]}),e.jsxs("div",{className:"space-y-14",children:[e.jsxs("div",{children:[e.jsx(h,{icon:ie,color:"text-text-quaternary",label:"Escalation Targets",aside:e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-emerald-500"}),e.jsx("span",{className:"text-[9px] font-semibold uppercase tracking-widest text-emerald-600",children:"Live"})]})}),e.jsx(he,{role:t,allRoles:u})]}),e.jsxs("div",{className:"pt-3 pb-4 border-t border-surface-border/40",children:[e.jsx(h,{icon:ce,color:"text-text-quaternary",label:"Members",aside:e.jsx("span",{className:"text-[9px] font-normal normal-case text-text-quaternary",children:"read = what appears · write = what they can act on"})}),e.jsx(me,{role:t.role})]})]}),e.jsxs("div",{className:"space-y-14",children:[e.jsxs("div",{children:[e.jsx(h,{icon:J,color:"text-cyan-400",label:"Escalation Schema",aside:t.current_schema_version!=null?e.jsxs("span",{className:"text-[9px] font-mono text-text-quaternary",children:["v",t.current_schema_version," in use"]}):void 0}),e.jsxs("p",{className:"text-[10px] text-text-tertiary mb-3 leading-relaxed",children:["The form a person completes to resolve this role's escalations. Versioned — each save adds one; workflows pin any version via"," ",e.jsx("code",{className:"font-mono",children:"schemaVersion"}),"."]}),e.jsx(pe,{to:`/admin/roles/${encodeURIComponent(t.role)}/schema`,className:"text-xs text-accent hover:underline",children:t.form_schema?`Open schema editor — v${t.current_schema_version??1} in use →`:"Define the escalation form →"})]}),e.jsxs("div",{children:[e.jsx(h,{icon:J,color:"text-violet-400",label:"Metadata Schema",aside:!y.has("metadata_schema")&&t.metadata_schema?e.jsx("button",{onClick:()=>F("metadata_schema"),className:"text-[9px] text-accent hover:underline",children:"Edit"}):void 0}),e.jsxs("p",{className:"text-[10px] text-text-tertiary mb-3 leading-relaxed",children:["Validates ",e.jsx("code",{className:"font-mono",children:"metadata"})," at creation time. Keys appear in faceted search autocomplete."]}),!y.has("metadata_schema")&&t.metadata_schema?e.jsx(U,{data:t.metadata_schema}):e.jsxs(e.Fragment,{children:[e.jsx("textarea",{value:s.metadata_schema,onChange:r=>{const o=r.target.value;v({metadata_schema:o}),_(x=>({...x,metadata_schema:C(o).ok?void 0:"Invalid JSON"}))},rows:10,spellCheck:!1,className:"input text-xs font-mono w-full resize-y",placeholder:`{
-  "type": "object",
-  "properties": {
-    "order_id": { "type": "string" }
-  },
-  "required": ["order_id"]
-}`}),g.metadata_schema&&e.jsx("p",{className:"text-[10px] text-status-error mt-1",children:g.metadata_schema})]})]}),e.jsxs("div",{children:[e.jsx(h,{icon:J,color:"text-text-quaternary",label:"Properties",aside:!y.has("properties")&&t.properties&&Object.keys(t.properties).length>0?e.jsx("button",{onClick:()=>F("properties"),className:"text-[9px] text-accent hover:underline",children:"Edit"}):e.jsx("span",{className:"text-[9px] font-normal normal-case text-text-quaternary",children:"custom JSON"})}),!y.has("properties")&&t.properties&&Object.keys(t.properties).length>0?e.jsx(U,{data:t.properties,defaultCollapsed:!0}):e.jsxs(e.Fragment,{children:[e.jsx("textarea",{value:s.properties,onChange:r=>{const o=r.target.value;v({properties:o}),_(x=>({...x,properties:C(o).ok?void 0:"Invalid JSON"}))},rows:5,spellCheck:!1,className:"input text-xs font-mono w-full resize-none",placeholder:`{
-  "icon": "wrench",
-  "color": "#6366f1"
-}`}),g.properties&&e.jsx("p",{className:"text-[10px] text-status-error mt-1",children:g.properties})]})]})]})]}),e.jsx(se,{open:W,onClose:()=>M(!1),onConfirm:H,title:"Delete Role",description:e.jsxs(e.Fragment,{children:["Delete role ",e.jsx("span",{className:"font-medium font-mono text-text-primary",children:t.role}),"? This cannot be undone."]}),isPending:c.isPending,error:c.error})]})}export{Se as RoleDetailPage};
-//# sourceMappingURL=RoleDetailPage-DS37tJhq.js.map

package/dashboard/dist/assets/RoleDetailPage-DS37tJhq.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"RoleDetailPage-DS37tJhq.js","sources":["../../src/pages/admin/roles/RoleMembersSection.tsx","../../src/pages/admin/roles/RoleDetailPage.tsx"],"sourcesContent":["import { useUsers } from '../../../api/users';\nimport type { LTUserRole } from '../../../api/types/users';\n\n/**\n * Who can see through this role's window, and how far. Membership is admin or\n * member; a member's reach over the queue is two axes — read (which\n * escalations appear: their own, or the whole queue) and write (which they can\n * claim and resolve: none, their own, or the whole queue).\n */\nexport function RoleMembersSection({ role }: { role: string }) {\n const { data } = useUsers({ role, limit: 100 });\n const users = data?.users ?? [];\n\n if (users.length === 0) {\n return (\n <p className=\"text-[11px] text-text-tertiary\">\n Assign users to this role to staff its queue. Members see and resolve\n escalations here according to their read/write scope; admins manage the\n role itself.\n </p>\n );\n }\n\n return (\n <div className=\"divide-y divide-surface-border/40\">\n {users.map((u) => {\n const membership = u.roles.find((r) => r.role === role);\n if (!membership) return null;\n return (\n <div key={u.id} className=\"flex items-center justify-between py-1.5 gap-2\">\n <span className=\"text-xs text-text-secondary truncate\">\n {u.display_name || u.external_id}\n </span>\n <span className=\"text-[10px] text-text-quaternary font-mono shrink-0\">\n {describeMembership(membership)}\n </span>\n </div>\n );\n })}\n </div>\n );\n}\n\nfunction describeMembership(m: LTUserRole): string {\n if (m.type === 'superadmin' || m.type === 'admin') return m.type;\n return `member · read ${m.read_scope} · write ${m.write_scope}`;\n}\n","import { useState, useEffect, useMemo } from 'react';\nimport { useParams, useNavigate, Link } from 'react-router-dom';\nimport {\n Tag, GitBranch, GitMerge, Network, Trash2, Check, Braces, Users, BookOpen,\n} from 'lucide-react';\nimport {\n useRoleDetails,\n useUpdateRole,\n useDeleteRole,\n useEscalationChains,\n useAddEscalationChain,\n useRemoveEscalationChain,\n type RoleDetail,\n} from '../../../api/roles';\nimport { JsonViewer } from '../../../components/common/data/JsonViewer';\nimport { ConfirmDeleteModal } from '../../../components/common/modal/ConfirmDeleteModal';\nimport { RoleMembersSection } from './RoleMembersSection';\n\n// ── Helpers ───────────────────────────────────────────────────────────────────\n\nfunction safePrettyPrint(value: unknown): string {\n if (value == null) return '';\n return JSON.stringify(value, null, 2);\n}\n\nfunction safeParseJson(text: string): { ok: boolean; value?: Record<string, unknown> } {\n const trimmed = text.trim();\n if (!trimmed) return { ok: true, value: undefined };\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\n// ── Section header ────────────────────────────────────────────────────────────\n\nfunction SectionHead({\n icon: Icon,\n color,\n label,\n aside,\n}: {\n icon: React.ElementType;\n color: string;\n label: string;\n aside?: React.ReactNode;\n}) {\n return (\n <div className=\"flex items-center justify-between mb-3 pb-2 border-b border-surface-border\">\n <div className=\"flex items-center gap-2\">\n <Icon className={`w-4 h-4 ${color}`} strokeWidth={1.5} />\n <h2 className=\"section-h2\">{label}</h2>\n </div>\n {aside}\n </div>\n );\n}\n\n// ── Escalation section (live-save) ────────────────────────────────────────────\n\nfunction EscalationSection({ role, allRoles }: { role: RoleDetail; allRoles: RoleDetail[] }) {\n const { data: chainsData } = useEscalationChains();\n const addChain = useAddEscalationChain();\n const removeChain = useRemoveEscalationChain();\n const [newTarget, setNewTarget] = useState('');\n\n const chains = chainsData?.chains ?? [];\n const targets = useMemo(\n () => chains.filter((c) => c.source_role === role.role).map((c) => c.target_role),\n [chains, role.role],\n );\n const available = useMemo(\n () => allRoles\n .map((r) => r.role)\n .filter((r) => r !== role.role && r !== 'superadmin' && !targets.includes(r)),\n [allRoles, role.role, targets],\n );\n\n if (role.role === 'superadmin') {\n return <p className=\"text-[11px] text-text-tertiary\">Superadmins can escalate to any role implicitly.</p>;\n }\n\n return (\n <div className=\"space-y-3\">\n {targets.length === 0 ? (\n <p className=\"text-[11px] text-text-tertiary\">Add a target role to route hand-offs.</p>\n ) : (\n <div className=\"flex flex-wrap gap-1.5\">\n {targets.map((t) => (\n <span\n key={t}\n className=\"inline-flex items-center gap-1 px-2 py-0.5 text-[10px] bg-surface-sunken rounded font-mono text-text-secondary\"\n >\n {t}\n <button\n onClick={() => removeChain.mutate({ source_role: role.role, target_role: t })}\n className=\"text-text-quaternary hover:text-red-400 transition-colors leading-none ml-0.5\"\n >\n ×\n </button>\n </span>\n ))}\n </div>\n )}\n {available.length > 0 && (\n <div className=\"flex items-center gap-2\">\n <select\n value={newTarget}\n onChange={(e) => setNewTarget(e.target.value)}\n className=\"select text-xs font-mono flex-1\"\n >\n <option value=\"\">Add target…</option>\n {available.map((r) => <option key={r} value={r}>{r}</option>)}\n </select>\n <button\n onClick={() => {\n if (!newTarget) return;\n addChain.mutate({ source_role: role.role, target_role: newTarget }, { onSuccess: () => setNewTarget('') });\n }}\n disabled={!newTarget || addChain.isPending}\n className=\"px-2.5 py-1 text-xs rounded bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed shrink-0\"\n >\n {addChain.isPending ? '…' : 'Add'}\n </button>\n </div>\n )}\n </div>\n );\n}\n\n// ── Upstream inputs section (live-save) ───────────────────────────────────────\n\n/**\n * The graph edges that don't fit the line. Prior Step (parent_role) places\n * this role in ONE sequence on the Operations page; upstream inputs declare\n * the roles it also draws from in OTHER sequences — mixin-like, many allowed.\n * The chart shows them as a merge glyph on the station, never as a bend in\n * the sequence.\n */\nfunction UpstreamSection({ role, allRoles }: { role: RoleDetail; allRoles: RoleDetail[] }) {\n const updateRole = useUpdateRole();\n const [newUpstream, setNewUpstream] = useState('');\n\n const upstreams = role.upstream_roles ?? [];\n const available = useMemo(\n () => allRoles\n .map((r) => r.role)\n .filter((r) => r !== role.role && r !== 'superadmin' && !upstreams.includes(r)),\n [allRoles, role.role, upstreams],\n );\n\n const save = (next: string[]) =>\n updateRole.mutate({ role: role.role, upstream_roles: next }, { onSuccess: () => setNewUpstream('') });\n\n return (\n <div className=\"space-y-3\">\n {upstreams.length === 0 ? (\n <p className=\"text-[11px] text-text-tertiary\">\n Add a role from another sequence that this station draws input from.\n Prior Step sets where this role sits in its own sequence; upstream\n inputs mark the side-quests that land here.\n </p>\n ) : (\n <div className=\"flex flex-wrap gap-1.5\">\n {upstreams.map((u) => (\n <span\n key={u}\n className=\"inline-flex items-center gap-1 px-2 py-0.5 text-[10px] bg-surface-sunken rounded font-mono text-text-secondary\"\n >\n {u}\n <button\n onClick={() => save(upstreams.filter((x) => x !== u))}\n className=\"text-text-quaternary hover:text-red-400 transition-colors leading-none ml-0.5\"\n >\n ×\n </button>\n </span>\n ))}\n </div>\n )}\n {available.length > 0 && (\n <div className=\"flex items-center gap-2\">\n <select\n value={newUpstream}\n onChange={(e) => setNewUpstream(e.target.value)}\n className=\"select text-xs font-mono flex-1\"\n >\n <option value=\"\">Add upstream input…</option>\n {available.map((r) => <option key={r} value={r}>{r}</option>)}\n </select>\n <button\n onClick={() => { if (newUpstream) save([...upstreams, newUpstream]); }}\n disabled={!newUpstream || updateRole.isPending}\n className=\"px-2.5 py-1 text-xs rounded bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed shrink-0\"\n >\n {updateRole.isPending ? '…' : 'Add'}\n </button>\n </div>\n )}\n {updateRole.error && (\n <p className=\"text-[10px] text-status-error\">{(updateRole.error as Error).message}</p>\n )}\n </div>\n );\n}\n\n// ── Draft state ───────────────────────────────────────────────────────────────\n\ninterface Draft {\n title: string;\n description: string;\n ops_visible: boolean;\n parent_role: string;\n metadata_schema: string;\n properties: string;\n sla_minutes: string;\n target_per_hour: string;\n worker_count: string;\n}\n\nfunction draftFrom(role: RoleDetail): Draft {\n return {\n title: role.title ?? '',\n description: role.description ?? '',\n ops_visible: role.ops_visible,\n parent_role: role.parent_role ?? '',\n metadata_schema: safePrettyPrint(role.metadata_schema),\n properties: safePrettyPrint(role.properties) || '{}',\n sla_minutes: role.sla_minutes != null ? String(role.sla_minutes) : '',\n target_per_hour: role.target_per_hour != null ? String(role.target_per_hour) : '',\n worker_count: role.worker_count != null ? String(role.worker_count) : '',\n };\n}\n\n// ── Page ──────────────────────────────────────────────────────────────────────\n\nexport function RoleDetailPage() {\n const { role: roleKey } = useParams<{ role: string }>();\n const navigate = useNavigate();\n const { data, isLoading } = useRoleDetails();\n const updateRole = useUpdateRole();\n const deleteRole = useDeleteRole();\n\n const roles = data?.roles ?? [];\n const role = roles.find((r) => r.role === roleKey);\n\n const [draft, setDraft] = useState<Draft>({\n title: '', description: '', ops_visible: false, parent_role: '',\n metadata_schema: '', properties: '{}',\n sla_minutes: '', target_per_hour: '', worker_count: '',\n });\n const [dirty, setDirty] = useState(false);\n const [savedOk, setSavedOk] = useState(false);\n const [errors, setErrors] = useState<{ metadata_schema?: string; properties?: string }>({});\n const [confirmDelete, setConfirmDelete] = useState(false);\n const [editingJson, setEditingJson] = useState(new Set<string>());\n\n const startEditingJson = (field: string) => setEditingJson((prev) => new Set([...prev, field]));\n\n useEffect(() => {\n if (!role) return;\n setDraft(draftFrom(role));\n setDirty(false);\n setSavedOk(false);\n setErrors({});\n setEditingJson(new Set());\n }, [roleKey, role?.role]);\n\n const update = (changes: Partial<Draft>) => {\n setDraft((d) => ({ ...d, ...changes }));\n setDirty(true);\n setSavedOk(false);\n };\n\n const availableParents = useMemo(\n () => roles.filter((r) => {\n if (!role || r.role === role.role) return false;\n let cur: RoleDetail | undefined = r;\n const seen = new Set<string>();\n while (cur?.parent_role) {\n if (cur.parent_role === role.role) return false;\n if (seen.has(cur.parent_role)) break;\n seen.add(cur.parent_role);\n cur = roles.find((x) => x.role === cur!.parent_role);\n }\n return true;\n }),\n [roles, role],\n );\n\n const handleSave = () => {\n const metaResult = safeParseJson(draft.metadata_schema);\n const propsResult = safeParseJson(draft.properties);\n const newErrors: typeof errors = {};\n if (!metaResult.ok) newErrors.metadata_schema = 'Invalid JSON';\n if (!propsResult.ok) newErrors.properties = 'Invalid JSON';\n setErrors(newErrors);\n if (Object.keys(newErrors).length || !role) return;\n\n const parseNum = (s: string) => { const v = parseFloat(s); return isNaN(v) ? null : v; };\n // Staff counts are whole people/machines — round rather than persist 2.5 workers.\n const parseCount = (s: string) => { const v = parseNum(s); return v == null ? null : Math.round(v); };\n\n updateRole.mutate(\n {\n role: role.role,\n title: draft.title.trim() || null,\n description: draft.description.trim() || null,\n ops_visible: draft.ops_visible,\n parent_role: draft.parent_role || null,\n metadata_schema: metaResult.value ?? null,\n properties: propsResult.value ?? {},\n sla_minutes: parseNum(draft.sla_minutes),\n target_per_hour: parseNum(draft.target_per_hour),\n worker_count: parseCount(draft.worker_count),\n },\n {\n onSuccess: () => {\n setDirty(false);\n setSavedOk(true);\n setEditingJson(new Set());\n window.setTimeout(() => setSavedOk(false), 2500);\n },\n },\n );\n };\n\n const handleDelete = () => {\n if (!role) return;\n deleteRole.mutate(role.role, { onSuccess: () => navigate('/admin/roles') });\n };\n\n // ── Loading / not found ───────────────────────────────────────────────────\n\n if (isLoading) {\n return (\n <div className=\"animate-pulse space-y-4\">\n <div className=\"h-8 bg-surface-sunken rounded w-48\" />\n <div className=\"h-4 bg-surface-sunken rounded w-64\" />\n <div className=\"h-64 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 <Tag className=\"w-12 h-12 text-text-quaternary mb-4\" strokeWidth={1} />\n <h2 className=\"text-lg font-medium text-text-primary mb-2\">Role not found</h2>\n </div>\n );\n }\n\n const inUse = role.user_count > 0 || role.chain_count > 0 || role.workflow_count > 0;\n const canSave = dirty && !Object.values(errors).some(Boolean);\n\n // Any two capacity settings derive the third — hint the missing one.\n const sla = parseFloat(draft.sla_minutes);\n const tph = parseFloat(draft.target_per_hour);\n const wc = parseFloat(draft.worker_count);\n const slaOk = !isNaN(sla) && sla > 0;\n const tphOk = !isNaN(tph) && tph > 0;\n const wcOk = !isNaN(wc) && wc > 0;\n const derivedCapacityHint =\n slaOk && wcOk && !tphOk ? `→ target ≈ ${(wc / (sla / 60)).toFixed(1)}/h` :\n slaOk && tphOk && !wcOk ? `→ workers ≈ ${(tph * (sla / 60)).toFixed(1)}` :\n tphOk && wcOk && !slaOk ? `→ SLA ≈ ${(wc / tph * 60).toFixed(0)}m` : null;\n\n return (\n <div>\n {/* ── Header: identity · capacity set · ops toggle + actions ── */}\n <div className=\"flex items-start justify-between gap-8 mb-12\">\n <div className=\"min-w-0\">\n <div className=\"flex items-center gap-3 mb-1\">\n <Tag className=\"w-5 h-5 text-accent\" strokeWidth={1.5} />\n <h1 className=\"text-lg font-mono font-medium text-text-primary\">{role.role}</h1>\n <button\n onClick={() => { window.location.hash = '#docs:dashboard.md:role-detail'; }}\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 {role.parent_role && (\n <span className=\"flex items-center gap-1 text-[10px] text-text-quaternary font-mono\">\n <GitBranch className=\"w-3 h-3\" /> {role.parent_role}\n </span>\n )}\n </div>\n {role.title && <p className=\"text-sm text-text-secondary pl-8\">{role.title}</p>}\n </div>\n\n {/* Capacity — one grouped set, centered. Any two settings derive the third. */}\n <div\n className=\"flex items-end gap-4 bg-surface-sunken rounded-lg px-4 py-2.5 shrink-0 mx-auto\"\n title=\"throughput = workers / (sla / 60)\"\n >\n {[\n { key: 'sla_minutes' as const, label: 'SLA', unit: 'min', placeholder: '30' },\n { key: 'target_per_hour' as const, label: 'Target', unit: '/h', placeholder: '20' },\n { key: 'worker_count' as const, label: 'Workers', unit: '', placeholder: '4' },\n ].map(({ key, label, unit, placeholder }) => (\n <div key={key}>\n <label className=\"block text-[9px] font-semibold uppercase tracking-widest text-text-quaternary mb-1\">\n {label}\n {unit && <span className=\"normal-case font-normal ml-1\">{unit}</span>}\n </label>\n <input\n type=\"number\"\n min=\"0\"\n step=\"any\"\n value={draft[key]}\n onChange={(e) => update({ [key]: e.target.value })}\n placeholder={placeholder}\n className=\"input text-xs w-16 font-mono\"\n />\n </div>\n ))}\n {derivedCapacityHint && (\n <span className=\"text-[10px] text-accent font-mono whitespace-nowrap pb-2\">\n {derivedCapacityHint}\n </span>\n )}\n </div>\n\n <div className=\"flex items-center gap-3 shrink-0\">\n {/* Ops — on the same line as Save: this role is (or isn't) a station */}\n <div className=\"flex items-center gap-2\" title=\"Show as a station on the Pace Board\">\n <span className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">Ops</span>\n <button\n onClick={() => update({ ops_visible: !draft.ops_visible })}\n className={`w-9 h-5 rounded-full transition-colors relative shrink-0 ${\n draft.ops_visible ? 'bg-accent' : 'bg-surface-border'\n }`}\n >\n <span\n className={`absolute top-[3px] left-0 w-3.5 h-3.5 rounded-full bg-white transition-transform shadow ${\n draft.ops_visible ? 'translate-x-[18px]' : 'translate-x-[3px]'\n }`}\n />\n </button>\n </div>\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-[180px] truncate\">\n {(updateRole.error as Error).message}\n </span>\n )}\n <button\n onClick={handleSave}\n disabled={!canSave || 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 Role'}\n </button>\n {!inUse && (\n <button\n onClick={() => setConfirmDelete(true)}\n className=\"px-3 py-1.5 text-xs rounded-md text-red-400/60 hover:text-red-400 hover:bg-red-600/10 transition-colors flex items-center gap-1\"\n >\n <Trash2 className=\"w-3 h-3\" /> Delete\n </button>\n )}\n </div>\n </div>\n\n {/* ── Three-column body ── */}\n <div className=\"grid grid-cols-3 gap-16 items-start\">\n\n {/* ── Col 1: Identity ── */}\n <div className=\"space-y-14\">\n\n {/* Identity */}\n <div className=\"space-y-8\">\n <SectionHead icon={Tag} color=\"text-accent\" label=\"Identity\" />\n\n <div>\n <label className=\"block text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5\">\n Display Name\n </label>\n <input\n type=\"text\"\n value={draft.title}\n onChange={(e) => update({ title: e.target.value })}\n placeholder={`e.g., ${role.role.charAt(0).toUpperCase() + role.role.slice(1)}`}\n className=\"input text-sm w-full\"\n />\n </div>\n\n <div>\n <label className=\"block text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5\">\n Description\n </label>\n <textarea\n value={draft.description}\n onChange={(e) => update({ description: e.target.value })}\n placeholder=\"A short description shown on role cards and in the operations view.\"\n rows={4}\n className=\"input text-sm w-full resize-none\"\n />\n </div>\n </div>\n\n {/* Sequence placement — only meaningful for stations, so these two\n sections follow the Ops toggle, easing in and out with it. */}\n <div\n className={`space-y-14 overflow-hidden transition-all duration-300 ease-out ${\n draft.ops_visible ? 'opacity-100 max-h-[900px]' : 'opacity-0 max-h-0 pointer-events-none'\n }`}\n aria-hidden={!draft.ops_visible}\n >\n {/* Prior Step */}\n <div className=\"space-y-5\">\n <SectionHead icon={GitBranch} color=\"text-text-tertiary\" label=\"Prior Step\" />\n <select\n value={draft.parent_role}\n onChange={(e) => update({ parent_role: e.target.value })}\n className=\"select text-sm w-full font-mono\"\n >\n <option value=\"\">None — root process</option>\n {availableParents.map((r) => (\n <option key={r.role} value={r.role}>\n {r.title ? `${r.role} — ${r.title}` : r.role}\n </option>\n ))}\n </select>\n <p className=\"text-[10px] text-text-tertiary leading-relaxed\">\n Places this role in one Pace Board sequence. A role with no prior\n step starts its own sequence.\n </p>\n </div>\n\n {/* Upstream inputs — cross-sequence graph edges, live-save */}\n <div className=\"space-y-5\">\n <SectionHead\n icon={GitMerge}\n color=\"text-text-tertiary\"\n label=\"Upstream Inputs\"\n aside={\n <div className=\"flex items-center gap-1\">\n <span className=\"w-1.5 h-1.5 rounded-full bg-emerald-500\" />\n <span className=\"text-[9px] font-semibold uppercase tracking-widest text-emerald-600\">Live</span>\n </div>\n }\n />\n <UpstreamSection role={role} allRoles={roles} />\n </div>\n </div>\n\n </div>\n\n {/* ── Col 2: Routing & People ── */}\n <div className=\"space-y-14\">\n\n {/* Escalation targets — live */}\n <div>\n <SectionHead\n icon={Network}\n color=\"text-text-quaternary\"\n label=\"Escalation Targets\"\n aside={\n <div className=\"flex items-center gap-1\">\n <span className=\"w-1.5 h-1.5 rounded-full bg-emerald-500\" />\n <span className=\"text-[9px] font-semibold uppercase tracking-widest text-emerald-600\">Live</span>\n </div>\n }\n />\n <EscalationSection role={role} allRoles={roles} />\n </div>\n\n {/* Members — who can see through this window, and how far */}\n <div className=\"pt-3 pb-4 border-t border-surface-border/40\">\n <SectionHead\n icon={Users}\n color=\"text-text-quaternary\"\n label=\"Members\"\n aside={\n <span className=\"text-[9px] font-normal normal-case text-text-quaternary\">\n read = what appears · write = what they can act on\n </span>\n }\n />\n <RoleMembersSection role={role.role} />\n </div>\n </div>\n\n {/* ── Col 3: Schemas & Properties ── */}\n <div className=\"space-y-14\">\n {/* Escalation Schema — versioned, edited on its own page */}\n <div>\n <SectionHead\n icon={Braces}\n color=\"text-cyan-400\"\n label=\"Escalation Schema\"\n aside={\n role.current_schema_version != null ? (\n <span className=\"text-[9px] font-mono text-text-quaternary\">v{role.current_schema_version} in use</span>\n ) : undefined\n }\n />\n <p className=\"text-[10px] text-text-tertiary mb-3 leading-relaxed\">\n The form a person completes to resolve this role's escalations.\n Versioned — each save adds one; workflows pin any version via{' '}\n <code className=\"font-mono\">schemaVersion</code>.\n </p>\n <Link\n to={`/admin/roles/${encodeURIComponent(role.role)}/schema`}\n className=\"text-xs text-accent hover:underline\"\n >\n {role.form_schema\n ? `Open schema editor — v${role.current_schema_version ?? 1} in use →`\n : 'Define the escalation form →'}\n </Link>\n </div>\n\n {/* Metadata Schema */}\n <div>\n <SectionHead\n icon={Braces}\n color=\"text-violet-400\"\n label=\"Metadata Schema\"\n aside={\n !editingJson.has('metadata_schema') && role.metadata_schema ? (\n <button onClick={() => startEditingJson('metadata_schema')} className=\"text-[9px] text-accent hover:underline\">Edit</button>\n ) : undefined\n }\n />\n <p className=\"text-[10px] text-text-tertiary mb-3 leading-relaxed\">\n Validates <code className=\"font-mono\">metadata</code> at creation time. Keys appear in faceted search autocomplete.\n </p>\n {!editingJson.has('metadata_schema') && role.metadata_schema ? (\n <JsonViewer data={role.metadata_schema} />\n ) : (\n <>\n <textarea\n value={draft.metadata_schema}\n onChange={(e) => {\n const val = e.target.value;\n update({ metadata_schema: val });\n setErrors((prev) => ({ ...prev, metadata_schema: safeParseJson(val).ok ? undefined : 'Invalid JSON' }));\n }}\n rows={10}\n spellCheck={false}\n className=\"input text-xs font-mono w-full resize-y\"\n placeholder={'{\\n \"type\": \"object\",\\n \"properties\": {\\n \"order_id\": { \"type\": \"string\" }\\n },\\n \"required\": [\"order_id\"]\\n}'}\n />\n {errors.metadata_schema && <p className=\"text-[10px] text-status-error mt-1\">{errors.metadata_schema}</p>}\n </>\n )}\n </div>\n\n {/* Properties (free bag) */}\n <div>\n <SectionHead\n icon={Braces}\n color=\"text-text-quaternary\"\n label=\"Properties\"\n aside={\n !editingJson.has('properties') && role.properties && Object.keys(role.properties).length > 0 ? (\n <button onClick={() => startEditingJson('properties')} className=\"text-[9px] text-accent hover:underline\">Edit</button>\n ) : (\n <span className=\"text-[9px] font-normal normal-case text-text-quaternary\">custom JSON</span>\n )\n }\n />\n {!editingJson.has('properties') && role.properties && Object.keys(role.properties).length > 0 ? (\n <JsonViewer data={role.properties} defaultCollapsed />\n ) : (\n <>\n <textarea\n value={draft.properties}\n onChange={(e) => {\n const val = e.target.value;\n update({ properties: val });\n setErrors((prev) => ({ ...prev, properties: safeParseJson(val).ok ? undefined : 'Invalid JSON' }));\n }}\n rows={5}\n spellCheck={false}\n className=\"input text-xs font-mono w-full resize-none\"\n placeholder={'{\\n \"icon\": \"wrench\",\\n \"color\": \"#6366f1\"\\n}'}\n />\n {errors.properties && <p className=\"text-[10px] text-status-error mt-1\">{errors.properties}</p>}\n </>\n )}\n </div>\n </div>\n </div>\n\n {/* ── Delete confirmation ── */}\n <ConfirmDeleteModal\n open={confirmDelete}\n onClose={() => setConfirmDelete(false)}\n onConfirm={handleDelete}\n title=\"Delete Role\"\n description={\n <>\n Delete role <span className=\"font-medium font-mono text-text-primary\">{role.role}</span>? This cannot be undone.\n </>\n }\n isPending={deleteRole.isPending}\n error={deleteRole.error as Error | null}\n />\n </div>\n );\n}\n"],"names":["RoleMembersSection","role","data","useUsers","users","jsx","u","membership","r","jsxs","describeMembership","m","safePrettyPrint","value","safeParseJson","text","trimmed","parsed","SectionHead","Icon","color","label","aside","EscalationSection","allRoles","chainsData","useEscalationChains","addChain","useAddEscalationChain","removeChain","useRemoveEscalationChain","newTarget","setNewTarget","useState","chains","targets","useMemo","c","available","t","e","UpstreamSection","updateRole","useUpdateRole","newUpstream","setNewUpstream","upstreams","save","next","x","draftFrom","RoleDetailPage","roleKey","useParams","navigate","useNavigate","isLoading","useRoleDetails","deleteRole","useDeleteRole","roles","draft","setDraft","dirty","setDirty","savedOk","setSavedOk","errors","setErrors","confirmDelete","setConfirmDelete","editingJson","setEditingJson","startEditingJson","field","prev","useEffect","update","changes","d","availableParents","cur","seen","handleSave","metaResult","propsResult","newErrors","parseNum","s","v","parseCount","handleDelete","Tag","inUse","canSave","sla","tph","wc","slaOk","tphOk","wcOk","derivedCapacityHint","BookOpen","GitBranch","key","unit","placeholder","Check","Trash2","GitMerge","Network","Users","Braces","Link","JsonViewer","Fragment","val","ConfirmDeleteModal"],"mappings":"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"}

package/dashboard/dist/assets/roles-CFD2eYap.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"roles-CFD2eYap.js","sources":["../../src/api/roles.ts"],"sourcesContent":["import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';\nimport { apiFetch } from './client';\n\nexport interface EscalationChain {\n source_role: string;\n target_role: string;\n}\n\nexport interface RoleDetail {\n role: string;\n title: string | null;\n description: string | null;\n form_schema: Record<string, unknown> | null;\n metadata_schema: Record<string, unknown> | null;\n properties: Record<string, unknown>;\n ops_visible: boolean;\n parent_role: string | null;\n sla_minutes: number | null;\n target_per_hour: number | null;\n worker_count: number | null;\n /** Version of the live schema pair; each schema edit advances it. Null until the role first carries a schema. */\n current_schema_version: number | null;\n /**\n * Roles this station draws input from that live in other sequences.\n * parent_role is the single prior step placing the role in one sequence;\n * these are the remaining graph edges, shown as a merge affordance on the\n * Operations chart.\n */\n upstream_roles: string[];\n user_count: number;\n chain_count: number;\n workflow_count: number;\n}\n\n/** One immutable snapshot of a role's schema pair. */\nexport interface RoleSchemaVersion {\n role: string;\n version: number | null;\n form_schema: Record<string, unknown> | null;\n metadata_schema: Record<string, unknown> | null;\n change_summary: string | null;\n created_at: string | null;\n latest_version: number | null;\n}\n\n/** Version-history row (schemas elided; presence flags only). */\nexport interface RoleSchemaVersionSummary {\n version: number;\n has_form_schema: boolean;\n has_metadata_schema: boolean;\n change_summary: string | null;\n created_at: string;\n is_current: boolean;\n}\n\nexport interface UpdateRoleInput {\n title?: string | null;\n description?: string | null;\n form_schema?: Record<string, unknown> | null;\n metadata_schema?: Record<string, unknown> | null;\n properties?: Record<string, unknown> | null;\n ops_visible?: boolean;\n parent_role?: string | null;\n sla_minutes?: number | null;\n target_per_hour?: number | null;\n worker_count?: number | null;\n /** Replace the upstream-input set (omitted = preserve; [] = clear). */\n upstream_roles?: string[];\n /** Recorded on the schema version snapshot when the update changes a schema field. */\n change_summary?: string;\n}\n\nexport function useRoles() {\n return useQuery<{ roles: string[] }>({\n queryKey: ['roles'],\n queryFn: () => apiFetch('/roles'),\n });\n}\n\nexport function useEscalationChains() {\n return useQuery<{ chains: EscalationChain[] }>({\n queryKey: ['roles', 'escalation-chains'],\n queryFn: () => apiFetch('/roles/escalation-chains'),\n });\n}\n\nexport function useEscalationTargets(role: string) {\n return useQuery<{ targets: string[] }>({\n queryKey: ['roles', role, 'escalation-targets'],\n queryFn: () => apiFetch(`/roles/${encodeURIComponent(role)}/escalation-targets`),\n enabled: !!role,\n });\n}\n\nexport function useUpdateEscalationTargets() {\n const queryClient = useQueryClient();\n return useMutation({\n mutationFn: ({ role, targets }: { role: string; targets: string[] }) =>\n apiFetch(`/roles/${encodeURIComponent(role)}/escalation-targets`, {\n method: 'PUT',\n body: JSON.stringify({ targets }),\n }),\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: ['roles'] });\n },\n });\n}\n\nexport function useAddEscalationChain() {\n const queryClient = useQueryClient();\n return useMutation({\n mutationFn: (chain: EscalationChain) =>\n apiFetch('/roles/escalation-chains', {\n method: 'POST',\n body: JSON.stringify(chain),\n }),\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: ['roles'] });\n },\n });\n}\n\nexport function useRemoveEscalationChain() {\n const queryClient = useQueryClient();\n return useMutation({\n mutationFn: (chain: EscalationChain) =>\n apiFetch('/roles/escalation-chains', {\n method: 'DELETE',\n body: JSON.stringify(chain),\n }),\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: ['roles'] });\n },\n });\n}\n\nexport function useRoleDetails() {\n return useQuery<{ roles: RoleDetail[] }>({\n queryKey: ['roles', 'details'],\n queryFn: () => apiFetch('/roles/details'),\n });\n}\n\n/**\n * Fetch a role's schema pair. A version pins the immutable snapshot an\n * escalation was created against (metadata.schema_version); omitted, the live\n * (latest) schema is returned with its current version number.\n */\nexport function useRoleSchema(role: string, version?: number, enabled = true) {\n return useQuery<RoleSchemaVersion>({\n queryKey: ['roles', role, 'schema', version ?? 'latest'],\n queryFn: () =>\n apiFetch(`/roles/${encodeURIComponent(role)}/schema${version != null ? `?version=${version}` : ''}`),\n enabled: enabled && !!role,\n });\n}\n\nexport function useRoleSchemaVersions(role: string) {\n return useQuery<{ versions: RoleSchemaVersionSummary[] }>({\n queryKey: ['roles', role, 'schema-versions'],\n queryFn: () => apiFetch(`/roles/${encodeURIComponent(role)}/schema/versions`),\n enabled: !!role,\n });\n}\n\nexport function useCreateRole() {\n const queryClient = useQueryClient();\n return useMutation({\n mutationFn: (role: string) =>\n apiFetch('/roles', {\n method: 'POST',\n body: JSON.stringify({ role }),\n }),\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: ['roles'] });\n },\n });\n}\n\nexport function useUpdateRole() {\n const queryClient = useQueryClient();\n return useMutation({\n mutationFn: ({ role, ...input }: { role: string } & UpdateRoleInput) =>\n apiFetch(`/roles/${encodeURIComponent(role)}`, {\n method: 'PATCH',\n body: JSON.stringify(input),\n }),\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: ['roles'] });\n },\n });\n}\n\nexport function useDeleteRole() {\n const queryClient = useQueryClient();\n return useMutation({\n mutationFn: (role: string) =>\n apiFetch(`/roles/${encodeURIComponent(role)}`, {\n method: 'DELETE',\n }),\n onSuccess: () => {\n queryClient.invalidateQueries({ queryKey: ['roles'] });\n },\n });\n}\n"],"names":["useRoles","useQuery","apiFetch","useEscalationChains","useEscalationTargets","role","useAddEscalationChain","queryClient","useQueryClient","useMutation","chain","useRemoveEscalationChain","useRoleDetails","useRoleSchema","version","enabled","useRoleSchemaVersions","useCreateRole","useUpdateRole","input","useDeleteRole"],"mappings":"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"}