@hotmeshio/long-tail 0.10.13 → 0.11.0

package/dashboard/dist/assets/OperationsPage-DvWrLuH6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OperationsPage-DvWrLuH6.js","sources":["../../src/pages/operations/PaceChart.tsx","../../src/pages/operations/priority-link.ts","../../src/pages/operations/StationDetailPanel.tsx","../../src/pages/operations/OperationsPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { StationMetric } from '../../api/escalations';\nimport { displayRoleTitle } from '../../lib/role-display';\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  /** Cmd/meta+click on a resolved dot — navigate to the role's full queue. */\n  onCmdClick?: (role: string) => void;\n  /** Selected window length in hours — target count = target_per_hour × this. */\n  periodHours: number;\n  /** Use a logarithmic Y axis. Reveals shape across a wide dynamic range (7d/30d). */\n  logScale?: boolean;\n  /** Fill the parent container — SVG uses h-full + preserveAspectRatio meet.\n      Default: auto-height (scales by width). Use when the parent has a defined height. */\n  fill?: boolean;\n}\n\n// ── SVG layout ────────────────────────────────────────────────────────────────\n\nconst W = 800;\nconst H = 270;\nconst ML = 28;\nconst MR = 60;\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// A one-point curve still needs a stroke: a short segment — slightly longer\n// than an em dash — centered through the point. It anchors the dot and its\n// end label in vertical space when a sequence has a single station (or a\n// single station carries a target).\nconst SOLO_HALF = 9;\nfunction soloSegment(p: { x: number; y: number }): string {\n  return `M ${(p.x - SOLO_HALF).toFixed(1)} ${p.y.toFixed(1)} L ${(p.x + SOLO_HALF).toFixed(1)} ${p.y.toFixed(1)}`;\n}\n\n/** Catmull-Rom → cubic bezier — smooth curves for the target, actual, and active lines. */\nfunction catmullPath(pts: { x: number; y: number }[]): string {\n  if (pts.length === 0) return '';\n  if (pts.length === 1) return soloSegment(pts[0]);\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/** Nice round tick values for a logarithmic Y axis up to maxVal. */\nfunction logTicks(maxVal: number): number[] {\n  const candidates = [1, 2, 5, 10, 20, 50, 100, 200, 500, 1000, 2000, 5000, 10000, 20000, 50000];\n  return candidates.filter((v) => v > 0 && v < maxVal * 0.98);\n}\n\n/** Nice round tick values for a linear Y axis up to maxVal. */\nfunction linearTicks(maxVal: number): number[] {\n  const raw = [0.25, 0.5, 0.75].map((f) => Math.round(f * maxVal));\n  return raw.filter((v) => v > 0);\n}\n\n// ── Colors ────────────────────────────────────────────────────────────────────\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. Each hue resolves through\n// a --lt-* theme token so registered themes (including dark) restyle the\n// chart; the navy default keeps the original sky/orange/green/slate look.\nexport const ACTIVE_COLOR = 'rgb(var(--lt-status-claimed-graphic))';   // claimed, being worked right now — orange\nexport const QUEUED_COLOR = 'rgb(var(--lt-status-queued-graphic))';    // pending and unclaimed, waiting in the queue — sky\nexport const RESOLVED_COLOR = 'rgb(var(--lt-status-success-graphic))'; // done — green\nexport const TARGET_COLOR = 'rgb(var(--lt-text-quaternary))';          // target pace line — muted gray\n\n// Priority — unclaimed items past the role's age threshold, the count the\n// floor pulls to the front of the rack.\n// Jeopardy shares one red across the product (the pill, the table sub-row,\n// this chart's badge) — the hard-limit alarm, distinct from every pace hue.\nexport const PRIORITY_COLOR = 'rgb(var(--lt-status-error))';\nexport const PRIORITY_TEXT_COLOR = 'rgb(var(--lt-status-error))';\n\n/** Translucent tint of a token-based `rgb(var(--…))` color, for band fills. */\nexport function withAlpha(color: string, alpha: number): string {\n  return color.replace(/\\)$/, ` / ${alpha})`);\n}\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, onCmdClick, periodHours, logScale = false, fill = false }: 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      priorityCount: s.metric?.priority_count ?? 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\n  const yScale = logScale\n    ? (v: number) => {\n        const logMax = Math.log(1 + maxVal);\n        return MT + chartH * (1 - Math.log(1 + Math.max(0, v)) / logMax);\n      }\n    : (v: number) => MT + chartH * (1 - Math.max(0, Math.min(v, maxVal)) / maxVal);\n\n  const gridTicks = logScale ? logTicks(maxVal) : linearTicks(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 = catmullPath(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: TARGET_COLOR, y: lastTarget.y } : null,\n      lastActual ? { key: 'actual', text: 'Resolved', color: RESOLVED_COLOR, y: lastActual.y } : null,\n      showActiveLabel && lastActive\n        ? { key: 'active', text: 'Claimed', color: ACTIVE_COLOR, y: lastActive.y }\n        : null,\n      showQueuedLabel && lastPending\n        ? { key: 'queued', text: 'Pending', 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\n      viewBox={`0 0 ${W} ${H}`}\n      className={fill ? 'w-full h-full' : 'w-full'}\n      preserveAspectRatio=\"xMidYMid meet\"\n      style={{ display: 'block', ...(fill ? {} : { height: 'auto' }) }}\n    >\n      {/* Y-axis reference lines — very faint horizontal marks that communicate\n          the scale. Log mode uses dashed lines at round values; linear uses\n          solid hairlines at even fractions. */}\n      {gridTicks.map((v) => {\n        const gy = yScale(v);\n        return (\n          <g key={`grid-${v}`}>\n            <line\n              x1={ML}\n              y1={gy}\n              x2={right}\n              y2={gy}\n              className=\"stroke-surface-border\"\n              strokeWidth={0.5}\n              opacity={logScale ? 0.45 : 0.3}\n              strokeDasharray={logScale ? '2 5' : undefined}\n              style={{ transition: `y1 ${EASE}, y2 ${EASE}` }}\n            />\n            <text\n              x={ML - 4}\n              y={gy + 2.5}\n              textAnchor=\"end\"\n              fontSize={6}\n              fontFamily=\"ui-monospace, monospace\"\n              opacity={0.35}\n              className=\"fill-text-quaternary\"\n            >\n              {compact(v)}\n            </text>\n          </g>\n        );\n      })}\n\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} className=\"stroke-surface-border\" strokeWidth={0.75} />;\n      })}\n\n      {/* Area under the actual curve */}\n      {areaPath && <path d={areaPath} opacity={0.05} style={{ fill: RESOLVED_COLOR, 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} opacity={0.12} style={{ fill: ACTIVE_COLOR, transition: `d ${EASE}` }} />\n      )}\n      {queuedBandPath && (\n        <path d={queuedBandPath} opacity={0.12} style={{ fill: QUEUED_COLOR, transition: `d ${EASE}` }} />\n      )}\n\n      {/* Target — dashed reference curve at the window's expected count */}\n      {targetLinePath && (\n        <path d={targetLinePath} fill=\"none\" strokeWidth={0.75} strokeDasharray=\"2 3\" strokeLinecap=\"round\" opacity={0.7} style={{ stroke: TARGET_COLOR, transition: `d ${EASE}` }} />\n      )}\n\n      {/* Per-station target markers — a small emerald dot on the target line\n          (mirroring the Resolved line's dots) with the window's expected count\n          (target_per_hour × duration) just above it */}\n      {targetPts.map((tp) => (\n        <g key={`tval-${tp.idx}`} transform={`translate(${tp.x} ${tp.y})`} style={{ transition: `transform ${EASE}` }}>\n          <circle r={2} opacity={0.8} style={{ fill: TARGET_COLOR }} />\n          <text\n            y={-5}\n            textAnchor=\"middle\"\n            fontSize={6.5}\n            fontFamily=\"ui-monospace, monospace\"\n            fontWeight=\"500\"\n            opacity={0.7}\n            style={{ fill: TARGET_COLOR }}\n          >\n            {Math.round(tp.expected as number)}\n          </text>\n        </g>\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\" strokeWidth={0.75} strokeDasharray=\"2 3\" strokeLinecap=\"round\" opacity={0.55} style={{ stroke: QUEUED_COLOR, 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\" strokeWidth={0.75} strokeDasharray=\"2 3\" strokeLinecap=\"round\" opacity={0.5} style={{ stroke: ACTIVE_COLOR, transition: `d ${EASE}` }} />\n      )}\n\n      {/* Actual — thin solid, primary line */}\n      {actualSplinePath && (\n        <path d={actualSplinePath} fill=\"none\" strokeWidth={0.6} strokeLinejoin=\"round\" strokeLinecap=\"round\" opacity={0.65} style={{ stroke: RESOLVED_COLOR, 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                fontFamily=\"ui-monospace, monospace\"\n                fontWeight=\"600\"\n                style={{ fill: hasWaiting ? QUEUED_COLOR : 'rgb(var(--lt-text-tertiary))', 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} opacity={0.85} style={{ fill: ACTIVE_COLOR }} />\n              {ap.active > 0 && (\n                <text y={ar + 9} textAnchor=\"middle\" fontSize={7.5} fontFamily=\"ui-monospace, monospace\" fontWeight=\"600\" style={{ fill: ACTIVE_COLOR }}>\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        // Same small scale as the active dot — a hair larger.\n        const r = Math.max(2.25, Math.min(4, 2.25 + row.actual / 160));\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} resolved · target ${Math.round(row.expected)}`\n              + (row.pending > row.active ? ` · ${row.pending - row.active} pending` : '')\n              + (row.active > 0 ? ` · ${row.active} claimed` : '')\n              + (row.priorityCount > 0 ? ` · ${row.priorityCount} in jeopardy` : '');\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={(e) => {\n              if (e.metaKey || e.ctrlKey) {\n                e.stopPropagation();\n                onCmdClick?.(s.role);\n              } else {\n                onSelect(s.role);\n              }\n            }}\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              <circle r={r} opacity={0.9} style={{ fill: RESOLVED_COLOR, transition: `r ${EASE}` }} />\n              {row.expected != null && (\n                <text y={-r - 5} textAnchor=\"middle\" fontSize={9.5} fontFamily=\"ui-monospace, monospace\" fontWeight=\"500\" style={{ fill: RESOLVED_COLOR }}>\n                  {compact(row.actual)}\n                </text>\n              )}\n              {isHovered && !isSelected && <circle r={r + 3} fill=\"none\" strokeWidth={1} opacity={0.4} style={{ stroke: RESOLVED_COLOR }} />}\n              {isSelected && <circle r={r + 4} fill=\"none\" className=\"stroke-accent\" strokeWidth={2} />}\n            </g>\n\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\" className=\"stroke-text-quaternary\" strokeWidth={1} strokeDasharray=\"2 2\" strokeLinecap=\"round\" />\n                <path d=\"M 0 -2 L 8 -2\" className=\"stroke-text-quaternary\" strokeWidth={1} strokeLinecap=\"round\" />\n                <path d=\"M 8 -2 l -3.5 -2 v 4 z\" className=\"fill-text-quaternary\" />\n              </g>\n            )}\n\n            {/* Station label — the display name (user-set title, or derived\n                from the role id). The exact id lives in the table below.\n                Adjacent labels alternate depth from the baseline so dense\n                sequences don't collide. */}\n            <text\n              x={x}\n              y={bottom + (row.idx % 2 === 0 ? 14 : 27)}\n              textAnchor=\"middle\"\n              fontSize={9.5}\n              className=\"fill-text-tertiary\"\n              fontFamily=\"ui-sans-serif, sans-serif\"\n              fontWeight=\"500\"\n            >\n              {displayRoleTitle(s)}\n            </text>\n\n            {/* Tooltip */}\n            {isHovered && (\n              <g>\n                <rect x={tipX - tipW / 2} y={tipY - 16} width={tipW} height={19} rx={3} className=\"fill-text-primary\" opacity={0.88} />\n                <text x={tipX} y={tipY - 3} textAnchor=\"middle\" fontSize={8.5} className=\"fill-surface\" 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} className=\"fill-text-quaternary\" 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          fontFamily=\"ui-sans-serif, sans-serif\"\n          fontWeight={l.key === 'actual' ? 700 : 500}\n          opacity={l.key === 'active' ? 0.85 : 1}\n          style={{ fill: l.color, transition: `y ${EASE}` }}\n        >\n          {l.text}\n        </text>\n      ))}\n    </svg>\n  );\n}\n","import type { RoleDetail } from '../../api/roles';\n\n/**\n * The jeopardy deep link — the plant manager's \"focus on exactly these n items\".\n * One builder for every jeopardy pill (Pace Board chart, Home mini board, the\n * operator's Task Queue cards), producing a URL that reproduces the pill's set\n * precisely:\n *\n * - `jeopardy=1` — the server-side threshold predicate (the SAME expression\n *   that produced the pill's count), so the list total equals the pill.\n * - `orderBy` on the role's age origin, ascending — oldest first. The metadata\n *   facet when configured, else created_at; the sort control labels the field.\n * - `view=table` — a discrete, countable list, never the timeline.\n */\nexport function jeopardyQueueLink(role: Pick<RoleDetail, 'role' | 'priority_facet'>): string {\n  const field = role.priority_facet ? `metadata.${role.priority_facet}` : 'created_at';\n  const orderBy = JSON.stringify([{ field, direction: 'asc' }]);\n  return `/escalations/available?role=${encodeURIComponent(role.role)}&jeopardy=1&view=table&orderBy=${encodeURIComponent(orderBy)}`;\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';\nimport { PRIORITY_TEXT_COLOR } from './PaceChart';\nimport { jeopardyQueueLink } from './priority-link';\nimport { displayRoleTitle } from '../../lib/role-display';\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.5\">\n      <span className=\"text-2xs 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-2xs font-mono rounded transition-colors ${\n            period === p\n              ? 'bg-accent/10 text-accent font-semibold'\n              : 'icon-link'\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-4\">\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-bold text-text-primary\">{displayRoleTitle(role)}</span>\n            <span className=\"text-2xs font-mono text-text-secondary\">{role.role}</span>\n          </div>\n          {role.description && (\n            <p className=\"text-2xs text-text-tertiary mt-1 line-clamp-2 leading-relaxed\">\n              {role.description}\n            </p>\n          )}\n        </div>\n        <button\n          onClick={onClose}\n          className=\"icon-link mt-0.5 shrink-0 ml-2\"\n        >\n          <X className=\"w-4 h-4\" />\n        </button>\n      </div>\n\n      {/* Jeopardy leads — the one line that demands action never scrolls out of view. */}\n      {metric && metric.priority_count > 0 && (\n        <Link\n          to={jeopardyQueueLink(role)}\n          className=\"flex items-center justify-between group mb-4\"\n        >\n          <span className=\"text-2xs\" style={{ color: PRIORITY_TEXT_COLOR }}>\n            {metric.priority_count} in jeopardy — pull oldest first\n          </span>\n          <ExternalLink className=\"w-3 h-3 transition-colors\" style={{ color: PRIORITY_TEXT_COLOR }} />\n        </Link>\n      )}\n\n      <PeriodSelector period={period} onChange={setPeriod} />\n\n      {/* Capacity settings */}\n      {(targetPerHour || slaMinutes || workerCount) && (\n        <div className=\"flex items-center gap-6 mb-6 text-2xs border-b border-surface-border/30 pb-5\">\n          {targetPerHour && (\n            <div>\n              <div className=\"font-mono font-semibold text-text-primary text-sm\">{targetPerHour}/h</div>\n              <div className=\"text-text-quaternary uppercase tracking-wider text-[8.5px] mt-0.5\">target</div>\n            </div>\n          )}\n          {slaMinutes && (\n            <div>\n              <div className=\"font-mono font-semibold text-text-primary text-sm\">{slaMinutes}m</div>\n              <div className=\"text-text-quaternary uppercase tracking-wider text-[8.5px] mt-0.5\">SLA</div>\n            </div>\n          )}\n          {workerCount && (\n            <div>\n              <div className=\"font-mono font-semibold text-text-primary text-sm\">{workerCount}</div>\n              <div className=\"text-text-quaternary uppercase tracking-wider text-[8.5px] mt-0.5\">workers</div>\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Two-column wait / work grid */}\n      <div className=\"grid grid-cols-2 gap-x-4 mb-2\">\n        <div>\n          <p className=\"text-2xs text-text-quaternary uppercase tracking-wider mb-2\">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-2xs text-text-quaternary uppercase tracking-wider mb-2\">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 */}\n      {slaMinutes && (\n        <div className=\"border-t border-surface-border/40 pt-4 mt-5\">\n          <div className=\"flex items-center justify-between\">\n            <span className=\"text-2xs text-text-tertiary\">SLA target</span>\n            <span className=\"text-xs font-mono text-text-secondary\">{slaMinutes}m</span>\n          </div>\n        </div>\n      )}\n\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 totalPriority = allMetrics.reduce((s, m) => s + m.priority_count, 0);\n\n  const metricByRole    = new Map(allMetrics.map((m) => [m.role, m]));\n  const stationsAtRisk  = allMetrics.filter((m) => m.priority_count > 0).length;\n  const stationsWithLoad = allMetrics.filter((m) => m.pending > 0).length;\n\n  return (\n    <>\n      <p className=\"text-2xs 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-2xs\" style={{ color: PRIORITY_TEXT_COLOR }}>\n            {stationsAtRisk} station{stationsAtRisk > 1 ? 's' : ''} with items in jeopardy\n          </p>\n        ) : stationsWithLoad > 0 ? (\n          <p className=\"text-2xs text-status-warning\">\n            {stationsWithLoad} station{stationsWithLoad > 1 ? 's' : ''} with backlog\n          </p>\n        ) : totalResolved > 0 ? (\n          <p className=\"text-2xs text-status-success\">Flowing — queue clear</p>\n        ) : (\n          <p className=\"text-2xs 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-2xs 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-2xs 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        {totalPriority > 0 && (\n          <div className=\"flex items-center justify-between\">\n            <span className=\"text-2xs text-text-quaternary uppercase tracking-wider\">Priority</span>\n            <span className=\"text-xs font-mono tabular-nums font-semibold\" style={{ color: PRIORITY_TEXT_COLOR }}>\n              {totalPriority}\n            </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-2xs text-text-quaternary uppercase tracking-wider flex-1\">Station</span>\n          <span className=\"text-2xs text-text-quaternary uppercase tracking-wider w-8 text-right shrink-0\">pend</span>\n          <span className=\"text-2xs text-text-quaternary uppercase tracking-wider w-8 text-right shrink-0\">clmd</span>\n          <span className=\"text-2xs 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 priorityCount = m?.priority_count ?? 0;\n          const label         = r.title || r.role;\n          const hasAlert      = priorityCount > 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-2xs font-mono flex-1 truncate ${\n                  hasLoad ? 'text-text-primary' : 'text-text-quaternary'\n                }`}\n                title={label}\n              >\n                {label}\n              </span>\n              {/* Priority as a bare right-aligned number — the slot always\n                  renders so the count column stays aligned across rows. */}\n              <span\n                className=\"text-[0.625rem] leading-none font-semibold tabular-nums w-4 text-right shrink-0\"\n                style={{ color: PRIORITY_TEXT_COLOR }}\n                title={hasAlert ? `${priorityCount} priority — pull oldest first` : undefined}\n              >\n                {hasAlert ? priorityCount : ''}\n              </span>\n              <span\n                className={`text-2xs font-mono tabular-nums w-8 text-right shrink-0 ${\n                  hasLoad ? 'text-text-primary font-semibold' : 'text-text-quaternary'\n                }`}\n              >\n                {pending > 0 ? pending : '—'}\n              </span>\n              <span className={`text-2xs font-mono tabular-nums w-8 text-right shrink-0 ${claimed > 0 ? 'text-accent font-semibold' : 'text-text-quaternary'}`}>\n                {claimed > 0 ? claimed : '—'}\n              </span>\n              <span className={`text-2xs 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-2xs 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-7 py-10 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, useEffect, useMemo, useCallback, useRef } from 'react';\nimport { Link, useNavigate, useSearchParams } from 'react-router-dom';\nimport { GitMerge, RefreshCw, Eye, Settings, TriangleAlert, ChevronDown } from 'lucide-react';\nimport { useRoleDetails, useUpdateRole, 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  TARGET_COLOR,\n  PRIORITY_TEXT_COLOR,\n  withAlpha,\n  type ChartStation,\n} from './PaceChart';\nimport { StationDetailPanel } from './StationDetailPanel';\nimport { jeopardyQueueLink } from './priority-link';\nimport { useAccess } from '../../hooks/useAccess';\nimport { displayRoleTitle } from '../../lib/role-display';\n\n// Column band tints — same hues as the chart bands (~8% alpha).\n// Semantic palette: pending=sky, claimed=orange, resolved=green, target=slate, workers=accent.\nconst SLA_COLOR     = TARGET_COLOR;\nconst WORKERS_COLOR = 'rgb(var(--lt-accent))';\nconst TARGET_BAND   = withAlpha(TARGET_COLOR, 0.09);\nconst SLA_BAND      = withAlpha(TARGET_COLOR, 0.09);\nconst WORKERS_BAND  = withAlpha(WORKERS_COLOR, 0.07);\nconst PENDING_BAND  = withAlpha(QUEUED_COLOR, 0.08);\nconst ACTIVE_BAND   = withAlpha(ACTIVE_COLOR, 0.08);\nconst RESOLVED_BAND = withAlpha(RESOLVED_COLOR, 0.08);\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\nexport function 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(pending: number, target: number | null) {\n  // No target, or nothing pending — there is no live load to trend. Show the\n  // empty state rather than inventing a rate from historical throughput.\n  if (!target || pending === 0) return { pct: null, color: 'bg-surface-border' };\n\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-status-warning' : ratio < 0.2 ? 'bg-status-draft' : 'bg-status-success';\n  return { pct, color };\n}\n\n// ── Editable numeric cell ─────────────────────────────────────────────────────\n\nfunction EditableNumber({ value, onSave }: { value: number | null; onSave: (n: number | null) => void }) {\n  const [local, setLocal] = useState(value != null ? String(value) : '');\n  const timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  const commit = (val: string) => {\n    const n = parseInt(val, 10);\n    onSave(!val.trim() || isNaN(n) || n < 0 ? null : n);\n  };\n\n  return (\n    <input\n      type=\"number\"\n      min={0}\n      step={1}\n      value={local}\n      onChange={(e) => {\n        const val = e.target.value;\n        setLocal(val);\n        clearTimeout(timer.current);\n        timer.current = setTimeout(() => commit(val), 400);\n      }}\n      onBlur={(e) => { clearTimeout(timer.current); commit(e.target.value); }}\n      onClick={(e) => e.stopPropagation()}\n      onKeyDown={(e) => e.stopPropagation()}\n      className=\"w-full bg-transparent text-xs font-mono tabular-nums text-right focus:outline-none\"\n    />\n  );\n}\n\n// ── Station table row ─────────────────────────────────────────────────────────\n\nfunction StationRow({\n  role,\n  metric,\n  selected,\n  periodHours,\n  onClick,\n}: {\n  role: RoleDetail;\n  metric: StationMetric | undefined;\n  selected: boolean;\n  periodHours: number;\n  onClick: () => void;\n}) {\n  const updateRole = useUpdateRole();\n  // Config is a role-manager gesture — members can neither view nor edit roles.\n  const { isBuilder, isOps } = useAccess();\n  const pending = metric?.pending ?? 0;\n  const claimed = metric?.claimed ?? 0;\n  const resolved = metric?.resolved ?? 0;\n  const priorityCount = metric?.priority_count ?? 0;\n  const target = role.target_per_hour ?? null;\n  const { pct, color } = loadBar(pending, target);\n  const barWidth = pct != null ? Math.min(100, pct) : 0;\n\n  const workers = calcWorkers(role.target_per_hour ?? null, role.sla_minutes ?? null, pending, periodHours);\n\n  const saveTarget = (n: number | null) => updateRole.mutate({ role: role.role, target_per_hour: n });\n  const saveSla    = (n: number | null) => updateRole.mutate({ role: role.role, sla_minutes: n });\n\n  return (\n    <tr\n      tabIndex={0}\n      onClick={onClick}\n      onKeyDown={(e) => { if (e.key === 'Enter') onClick(); }}\n      className={`cursor-pointer border-b border-surface-border/30 last:border-b-0 transition-colors ${\n        selected ? 'border-l-2 !border-l-accent' : ''\n      }`}\n    >\n      {/* Name — user-set title, or derived from the role id */}\n      <td className=\"pl-3 pr-2 py-1.5 overflow-hidden\">\n        <div className=\"flex items-center gap-1.5 min-w-0\">\n          <span className=\"font-bold text-text-primary truncate text-xs\">\n            {displayRoleTitle(role)}\n          </span>\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      </td>\n\n      {/* Role id */}\n      <td className=\"hidden xl:table-cell pr-2 py-1.5 overflow-hidden\">\n        <span className=\"block font-mono text-2xs text-text-tertiary truncate\">{role.role}</span>\n      </td>\n\n      {/* Target/h — editable */}\n      <td className=\"px-2 py-1.5\" style={{ backgroundColor: TARGET_BAND }}>\n        <EditableNumber value={role.target_per_hour ?? null} onSave={saveTarget} />\n      </td>\n\n      {/* SLA/m — editable */}\n      <td className=\"px-2 py-1.5\" style={{ backgroundColor: SLA_BAND }}>\n        <EditableNumber value={role.sla_minutes ?? null} onSave={saveSla} />\n      </td>\n\n      {/* Workers — calculated (Little's Law + backlog) */}\n      <td\n        className=\"px-2 py-1.5 text-right\"\n        style={{ backgroundColor: WORKERS_BAND }}\n        title={workers != null ? `~${workers} concurrent worker${workers === 1 ? '' : 's'} to sustain ${role.target_per_hour}/h within ${role.sla_minutes}m SLA` : undefined}\n      >\n        <span className={`text-xs font-mono tabular-nums ${workers != null ? '' : 'text-text-quaternary'}`} style={workers != null ? { color: WORKERS_COLOR } : undefined}>\n          {workers ?? '—'}\n        </span>\n      </td>\n\n      {/* Pending */}\n      <td className=\"px-2 py-1.5 text-right\" style={{ backgroundColor: PENDING_BAND }}>\n        <Link\n          to={`/escalations/available?role=${encodeURIComponent(role.role)}&status=available`}\n          className={`text-xs font-mono tabular-nums hover:underline ${\n            pending > 0 ? 'text-text-primary font-semibold' : 'text-text-quaternary'\n          }`}\n          onClick={(e) => e.stopPropagation()}\n        >\n          {pending}\n        </Link>\n      </td>\n\n      {/* Claimed */}\n      <td className=\"px-2 py-1.5 text-right\" style={{ backgroundColor: ACTIVE_BAND }}>\n        <Link\n          to={`/escalations/available?role=${encodeURIComponent(role.role)}&status=claimed`}\n          className={`text-xs font-mono tabular-nums hover:underline ${\n            claimed > 0 ? 'font-semibold' : 'text-text-quaternary'\n          }`}\n          style={claimed > 0 ? { color: ACTIVE_COLOR } : undefined}\n          onClick={(e) => e.stopPropagation()}\n        >\n          {claimed}\n        </Link>\n      </td>\n\n      {/* Resolved */}\n      <td className=\"px-2 py-1.5 text-right\" style={{ backgroundColor: RESOLVED_BAND }}>\n        <Link\n          to={`/escalations/available?role=${encodeURIComponent(role.role)}&status=resolved`}\n          className={`text-xs font-mono tabular-nums hover:underline ${\n            resolved > 0 ? 'text-text-secondary' : 'text-text-quaternary'\n          }`}\n          style={resolved > 0 ? { color: RESOLVED_COLOR } : undefined}\n          onClick={(e) => e.stopPropagation()}\n        >\n          {resolved}\n        </Link>\n      </td>\n\n      {/* P99 wait */}\n      <td className=\"hidden xl:table-cell px-2 py-1.5 text-right\">\n        <span className=\"text-xs font-mono tabular-nums text-text-secondary\">\n          {fmtMin(metric?.wait.p99 ?? null)}\n        </span>\n      </td>\n\n      {/* P99 work */}\n      <td className=\"hidden xl:table-cell px-2 py-1.5 text-right\">\n        <span className=\"text-xs font-mono tabular-nums text-text-secondary\">\n          {fmtMin(metric?.work.p99 ?? null)}\n        </span>\n      </td>\n\n      {/* Load mini-bar */}\n      <td className=\"hidden lg:table-cell px-2 py-1.5\">\n        <div className=\"flex items-center gap-2\">\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-2xs font-mono tabular-nums ${\n              pct != null && pct > 100\n                ? 'text-status-warning font-semibold'\n                : 'text-text-quaternary'\n            }`}\n          >\n            {pct != null ? `${pct}%` : '—'}\n          </span>\n        </div>\n      </td>\n\n      {/* Actions — eye always anchored first; jeopardy occupies a fixed-width\n          slot after it so the eye never shifts when the alert appears. */}\n      <td className=\"py-1.5\">\n        <div className=\"flex items-center justify-center gap-1.5\">\n          <Link\n            to={`/escalations/available?role=${encodeURIComponent(role.role)}&status=all`}\n            className=\"icon-link\"\n            title=\"View all items in queue\"\n            onClick={(e) => e.stopPropagation()}\n          >\n            <Eye className=\"w-3.5 h-3.5\" />\n          </Link>\n          {/* Fixed slot — managers get the role config; the column holds its\n              shape for members, who can neither view nor edit roles. */}\n          <span className=\"w-3.5 flex items-center justify-center\">\n            {(isBuilder || isOps) && (\n              <Link\n                to={`/admin/roles/${encodeURIComponent(role.role)}`}\n                className=\"icon-link\"\n                title=\"Configure this role\"\n                onClick={(e) => e.stopPropagation()}\n              >\n                <Settings className=\"w-3.5 h-3.5\" />\n              </Link>\n            )}\n          </span>\n          {/* Fixed-width slot — always occupies space so the eye never shifts */}\n          <span className=\"w-3.5 flex items-center justify-center\">\n            {priorityCount > 0 && (\n              <Link\n                to={jeopardyQueueLink(role)}\n                className=\"text-status-error hover:opacity-70 transition-opacity\"\n                title={`${priorityCount} item${priorityCount === 1 ? '' : 's'} in jeopardy — pull oldest first`}\n                onClick={(e) => e.stopPropagation()}\n              >\n                <TriangleAlert className=\"w-3.5 h-3.5\" strokeWidth={2} />\n              </Link>\n            )}\n          </span>\n        </div>\n      </td>\n    </tr>\n  );\n}\n\n// ── Sequence menu ─────────────────────────────────────────────────────────────\n\ninterface SequenceAggregate {\n  stations: number;\n  pending: number;\n  jeopardy: number;\n}\n\n/** Red jeopardy count, capped at 9+ — the same shorthand as the queue pills. */\nfunction JeopardyCount({ n }: { n: number }) {\n  if (n <= 0) return null;\n  return (\n    <span\n      className=\"inline-flex items-center gap-0.5 font-semibold tabular-nums\"\n      style={{ color: PRIORITY_TEXT_COLOR }}\n      title={`${n} in jeopardy`}\n    >\n      <TriangleAlert className=\"w-3 h-3\" strokeWidth={2.25} />\n      {n > 9 ? '9+' : n}\n    </span>\n  );\n}\n\n/**\n * The segment selector for the 30k-foot view — compact at any segment count.\n * Collapsed, it names the ACTIVE sequence large with its aggregate story\n * (stations · pending · jeopardy) and a caret; expanded, it lists every\n * sequence with the same breakdown so trouble in an unselected segment is\n * visible from here and one click away. Metrics span every visible role, so\n * the numbers are live for all segments, not just the chosen one.\n */\nfunction SequenceMenu({ fragments, aggregates, activeOrigin, onSelect }: {\n  fragments: SequenceFragment[];\n  aggregates: Map<string, SequenceAggregate>;\n  activeOrigin: string | null;\n  onSelect: (origin: string) => void;\n}) {\n  const [open, setOpen] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!open) return;\n    const onClick = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false);\n    };\n    const onKey = (e: KeyboardEvent) => { if (e.key === 'Escape') setOpen(false); };\n    document.addEventListener('mousedown', onClick);\n    document.addEventListener('keydown', onKey);\n    return () => {\n      document.removeEventListener('mousedown', onClick);\n      document.removeEventListener('keydown', onKey);\n    };\n  }, [open]);\n\n  const active = fragments.find((f) => f.origin.role === activeOrigin) ?? fragments[0];\n  if (!active) return null;\n  const agg = aggregates.get(active.origin.role);\n\n  return (\n    <div ref={ref} className=\"relative px-4 pt-2\">\n      <button\n        type=\"button\"\n        onClick={() => setOpen((v) => !v)}\n        className=\"group flex items-baseline gap-2.5\"\n        aria-expanded={open}\n        aria-haspopup=\"listbox\"\n      >\n        <span className=\"text-sm font-medium text-text-primary group-hover:text-accent transition-colors\">\n          {displayRoleTitle(active.origin)}\n        </span>\n        <span className=\"text-2xs font-mono text-text-quaternary tabular-nums\">\n          {agg?.stations ?? active.stations.length} station{(agg?.stations ?? active.stations.length) === 1 ? '' : 's'} · {agg?.pending ?? 0} pending\n        </span>\n        <JeopardyCount n={agg?.jeopardy ?? 0} />\n        <ChevronDown\n          className={`w-3.5 h-3.5 self-center shrink-0 text-text-tertiary group-hover:text-accent transition-transform ${open ? 'rotate-180' : ''}`}\n          strokeWidth={1.5}\n        />\n      </button>\n\n      {open && (\n        <div\n          role=\"listbox\"\n          className=\"absolute z-[100] top-full left-4 mt-1.5 min-w-[20rem] max-h-80 overflow-y-auto bg-surface-raised border border-surface-border rounded-md shadow-lg py-1\"\n        >\n          {fragments.map((f) => {\n            const a = aggregates.get(f.origin.role);\n            const isActive = f.origin.role === active.origin.role;\n            return (\n              <button\n                key={f.origin.role}\n                type=\"button\"\n                role=\"option\"\n                aria-selected={isActive}\n                onClick={() => { onSelect(f.origin.role); setOpen(false); }}\n                className={`w-full text-left px-3 py-1.5 flex items-baseline gap-2.5 transition-colors ${\n                  isActive ? 'text-accent bg-accent/5' : 'text-text-primary hover:bg-surface-hover'\n                }`}\n              >\n                <span className=\"text-xs font-medium truncate\">{displayRoleTitle(f.origin)}</span>\n                <span className=\"ml-auto text-2xs font-mono text-text-quaternary tabular-nums shrink-0\">\n                  {a?.stations ?? f.stations.length} st · {a?.pending ?? 0} pending\n                </span>\n                {/* Fixed-width, left-aligned jeopardy column: every ⚠ starts at\n                    the same x, so the icons stack vertically whether the count\n                    is 1 or 9+. */}\n                <span className=\"w-12 shrink-0 text-left text-2xs\">\n                  <JeopardyCount n={a?.jeopardy ?? 0} />\n                </span>\n              </button>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ── Colored column specs — bands shared by header and rows ───────────────────\n// Percentage widths: under `table-fixed` the header row's widths govern every\n// column, so these scale with the window instead of forcing a minimum table\n// width. NAME (widthless) absorbs the remainder.\nconst COLORED_COLS = [\n  { label: 'TARGET/H', band: TARGET_BAND,   hue: TARGET_COLOR,   w: 'w-[8%]' },\n  { label: 'SLA/M',    band: SLA_BAND,      hue: SLA_COLOR,      w: 'w-[7%]' },\n  { label: 'WORKERS',  band: WORKERS_BAND,  hue: WORKERS_COLOR,  w: 'w-[8%]' },\n  { label: 'PENDING',  band: PENDING_BAND,  hue: QUEUED_COLOR,   w: 'w-[8%]' },\n  { label: 'CLAIMED',  band: ACTIVE_BAND,   hue: ACTIVE_COLOR,   w: 'w-[8%]' },\n  { label: 'RESOLVED', band: RESOLVED_BAND, hue: RESOLVED_COLOR, w: 'w-[8%]' },\n] as const;\n\n/**\n * Little's Law staffing estimate: how many concurrent workers are needed to\n * sustain the target throughput within the SLA, accounting for any current\n * backlog that must be cleared within the selected period.\n *\n *   steady-state  = target_per_hour × sla_minutes / 60\n *   backlog_extra = pending × sla_minutes / (60 × period_hours)\n *\n * Shorter periods with a backlog require more concurrency. The result is\n * rounded up — you can't staff 1.3 workers.\n */\nfunction calcWorkers(\n  targetPerHour: number | null,\n  slaMinutes: number | null,\n  pending: number,\n  periodHours: number,\n): number | null {\n  if (!targetPerHour || !slaMinutes) return null;\n  const steadyState = (targetPerHour * slaMinutes) / 60;\n  const backlogExtra = pending > 0 ? (pending * slaMinutes) / (60 * periodHours) : 0;\n  return Math.ceil(steadyState + backlogExtra);\n}\n\n// ── Table header ──────────────────────────────────────────────────────────────\n\n// Header cells stick inside the table's own scroll container (the bottom\n// console row). Band cells layer their tint over the opaque surface with a\n// gradient so scrolling rows never show through the sticky header.\nconst TH_BASE =\n  'sticky top-0 z-10 bg-surface border-b border-surface-border py-1.5 text-2xs font-semibold uppercase tracking-wider whitespace-nowrap';\n\nfunction TableHead() {\n  return (\n    <thead>\n      <tr>\n        <th className={`${TH_BASE} pl-3 pr-2 text-left text-text-quaternary`}>NAME</th>\n        <th className={`${TH_BASE} hidden xl:table-cell w-[12%] pr-2 text-left text-text-quaternary`}>ROLE</th>\n        {COLORED_COLS.map((col) => (\n          <th\n            key={col.label}\n            className={`${TH_BASE} ${col.w} px-2 text-right`}\n            style={{ color: col.hue, backgroundImage: `linear-gradient(${col.band}, ${col.band})` }}\n          >\n            {col.label}\n          </th>\n        ))}\n        <th className={`${TH_BASE} hidden xl:table-cell w-[8%] px-2 text-right text-text-quaternary`}>P99 WAIT</th>\n        <th className={`${TH_BASE} hidden xl:table-cell w-[8%] px-2 text-right text-text-quaternary`}>P99 WORK</th>\n        <th className={`${TH_BASE} hidden lg:table-cell w-[11%] px-2 text-left text-text-quaternary`}>TREND</th>\n        <th className={`${TH_BASE} w-20 px-1 text-center text-text-quaternary`}>ACTIONS</th>\n      </tr>\n    </thead>\n  );\n}\n\n\n// ── Page ──────────────────────────────────────────────────────────────────────\n\nexport function OperationsPage() {\n  // 1h default: long enough to show a whole simulation shift's shape,\n  // short enough that stale history doesn't drown the current run.\n  const [period, setPeriod] = useState<Period>('1h');\n  const [selectedRole, setSelectedRole] = useState<string | null>(null);\n  const [refreshing, setRefreshing] = useState(false);\n  // Log default: station volumes span orders of magnitude; log keeps every\n  // curve's shape visible instead of flattening the small ones.\n  const [logScale, setLogScale] = useState(true);\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  // Per-sequence aggregates for the segment menu — computed over ALL visible\n  // roles, so unselected segments report their live pending/jeopardy too.\n  const fragmentAggregates = useMemo(() => {\n    const metricByRole = new Map(metrics.map((m) => [m.role, m]));\n    const out = new Map<string, SequenceAggregate>();\n    for (const f of buildFragments(roleData?.roles ?? [])) {\n      let pending = 0, jeopardy = 0;\n      for (const s of f.stations) {\n        const m = metricByRole.get(s.role.role);\n        pending += m?.pending ?? 0;\n        jeopardy += m?.priority_count ?? 0;\n      }\n      out.set(f.origin.role, { stations: f.stations.length, pending, jeopardy });\n    }\n    return out;\n  }, [metrics, roleData]);\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 navigate = useNavigate();\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-2xs font-mono rounded transition-colors ${\n            period === p\n              ? 'bg-accent/10 text-accent font-semibold'\n              : 'icon-link'\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          <button\n            onClick={handleRefresh}\n            disabled={refreshing}\n            className=\"icon-link disabled:opacity-40\"\n          >\n            <RefreshCw className={`w-3.5 h-3.5 ${refreshing ? 'animate-spin' : ''}`} />\n          </button>\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) → chart row (min 40vh) → table row (max 30vh) */\n        <div className=\"flex flex-col flex-1 min-h-0\">\n\n          {/* Top strip: segment selector (left) + scale toggle (right) */}\n          <div className=\"flex items-end justify-between\">\n            <div className=\"flex-1\">\n              {fragments.length > 1 && (\n                <SequenceMenu\n                  fragments={fragments}\n                  aggregates={fragmentAggregates}\n                  activeOrigin={activeFragment?.origin.role ?? null}\n                  onSelect={selectFragment}\n                />\n              )}\n            </div>\n            <div className=\"flex items-center gap-0.5 px-4 pt-2 pb-0.5\">\n              {(['lin', 'log'] as const).map((mode) => (\n                <button\n                  key={mode}\n                  onClick={() => setLogScale(mode === 'log')}\n                  className={`px-2 py-0.5 text-2xs font-mono rounded transition-colors ${\n                    (logScale ? 'log' : 'lin') === mode\n                      ? 'text-accent font-semibold'\n                      : 'icon-link'\n                  }`}\n                  title={mode === 'lin' ? 'Linear Y axis' : 'Logarithmic Y axis — reveals shape across wide value ranges'}\n                >\n                  {mode}\n                </button>\n              ))}\n            </div>\n          </div>\n\n          {/* Middle row: flexible, never below 40vh — SVG fills left, sidebar fixed-width right */}\n          <div className=\"flex-1 min-h-[40vh] 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 px-2 py-4\">\n              <PaceChart\n                stations={chartStations}\n                selectedRole={selectedRole}\n                onSelect={handleSelect}\n                onUpstreamSelect={handleUpstreamSelect}\n                onCmdClick={(role) => navigate(`/escalations/available?role=${encodeURIComponent(role)}`)}\n                periodHours={PERIOD_HOURS[period]}\n                logScale={logScale}\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: one real table in one scroll container — the platform\n              idiom (see DataTable). `table-fixed w-full` locks columns to the\n              container width (no horizontal scroll at any breakpoint); header\n              cells stick inside the scrolling region. */}\n          <div className=\"max-h-[30vh] flex-none overflow-y-auto border-t border-surface-border\">\n            <table className=\"w-full table-fixed\">\n              <TableHead />\n              <tbody>\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                    periodHours={PERIOD_HOURS[period]}\n                    onClick={() => handleSelect(role.role)}\n                  />\n                ))}\n              </tbody>\n            </table>\n          </div>\n\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["W","H","ML","MR","MT","MB","chartW","chartH","bottom","right","EASE","SOLO_HALF","soloSegment","p","catmullPath","pts","segs","i","p0","p1","p2","p3","cp1x","cp1y","cp2x","cp2y","bandPath","upper","lower","forward","rev","back","backSegs","compact","n","last","a","logTicks","maxVal","v","linearTicks","f","ACTIVE_COLOR","QUEUED_COLOR","RESOLVED_COLOR","TARGET_COLOR","PRIORITY_TEXT_COLOR","withAlpha","color","alpha","MIN_GAP","spreadLabels","labels","maxY","sorted","b","prev","placed","l","labelY","overflow","PaceChart","stations","selectedRole","onSelect","onUpstreamSelect","onCmdClick","periodHours","logScale","fill","hoveredIdx","setHoveredIdx","useState","xOf","xMap","rows","target","expected","_a","_b","_c","_d","hasTargets","r","yScale","logMax","gridTicks","withTarget","targetPts","actualPts","activePts","pendingPts","targetLinePath","actualSplinePath","activeSplinePath","pendingSplinePath","lastActual","lastTarget","lastActive","lastPending","areaPath","hasQueue","workedBandPath","queuedBandPath","showActiveLabel","showQueuedLabel","endLabels","jsxs","gy","jsx","px","cx","tp","ap","ar","hasWaiting","pendingLabelY","row","s","x","cy","isSelected","isHovered","tooltip","tipW","tipX","tipY","e","jeopardyQueueLink","role","field","orderBy","PERIODS","isPeriod","fmt","min","MetricRow","label","value","PeriodSelector","period","onChange","RoleView","globalPeriod","onClose","setPeriod","data","useStationMetrics","metric","slaMinutes","targetPerHour","workerCount","Fragment","displayRoleTitle","X","Link","ExternalLink","OverviewPanel","allMetrics","orderedRoles","totalPending","m","totalResolved","totalPriority","metricByRole","stationsAtRisk","stationsWithLoad","pending","claimed","resolved","priorityCount","hasAlert","hasLoad","StationDetailPanel","SLA_COLOR","WORKERS_COLOR","TARGET_BAND","SLA_BAND","WORKERS_BAND","PENDING_BAND","ACTIVE_BAND","RESOLVED_BAND","PERIOD_HOURS","buildFragments","roles","opsRoles","roleMap","visited","fragments","root","queue","item","c","fmtMin","loadBar","ratio","pct","EditableNumber","onSave","local","setLocal","timer","useRef","commit","val","StationRow","selected","onClick","updateRole","useUpdateRole","isBuilder","isOps","useAccess","barWidth","workers","calcWorkers","saveTarget","saveSla","GitMerge","Eye","Settings","TriangleAlert","JeopardyCount","SequenceMenu","aggregates","activeOrigin","open","setOpen","ref","useEffect","onKey","active","agg","ChevronDown","isActive","COLORED_COLS","steadyState","backlogExtra","TH_BASE","TableHead","col","OperationsPage","setSelectedRole","refreshing","setRefreshing","setLogScale","useStationMetricsEvents","roleData","rolesLoading","refetchRoles","useRoleDetails","metricsData","metricsLoading","refetchMetrics","metrics","fragmentAggregates","useMemo","out","jeopardy","searchParams","setSearchParams","useSearchParams","fragmentParam","activeFragment","selectFragment","useCallback","origin","ordered","fragmentRoleSet","fragmentMetrics","chartStations","handleUpstreamSelect","upstreamRole","navigate","useNavigate","selectedRoleDetail","isLoading","handleRefresh","handleSelect","periodSelector","PageHeader","RefreshCw","mode","o"],"mappings":"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"}

package/dashboard/dist/assets/OperatorDashboard-C-jE0IRA.js

@@ -1,2 +0,0 @@
-import{a as f,j as e}from"./vendor-query-RUZdMvN6.js";import{k as W,P as Y,E as J,H as K,G as X,I as Z,q as ee,r as se,s as te,M as ae,L as oe}from"./index-CfAi1OsI.js";import{f as ie}from"./useEventHooks-PDbuSJ12.js";import{u as re}from"./useFilterParams-crmlBw_l.js";import{u as ne}from"./useDebouncedValue-C4P2jQuh.js";import{b as le}from"./api-path-u2Jf9QXS.js";import{i as ce}from"./task-queues-7-sHKPsN.js";import{D as me}from"./DataTable-Bir0Xs1p.js";import{S as pe}from"./StickyPagination-hMrnLXde.js";import{R as ue,a as de}from"./RowActions-eYrzgQSj.js";import{E as he,a as ge,T as fe,b as xe}from"./escalation-columns-BY2mg9DY.js";import{L as be}from"./ListToolbar-IPXsTb3Q.js";import{E as we}from"./CountdownTimer-DPjIkerB.js";import{B as ye,ag as Pe,ah as ve,P as Se,ak as je}from"./vendor-icons-BpZiWH2f.js";import{u as Ce,a as Re,f as ke}from"./vendor-react-CdqEC2zv.js";import"./EmptyState-lpUFYfun.js";import"./FilterBar-D7GghUsU.js";import"./PriorityBadge-BETdj4M-.js";import"./RolePill-CnuBPhPw.js";import"./WorkflowPill-Da406nEj.js";import"./StatusBadge-DkgllZHv.js";import"./Modal-BU7No9NH.js";function Ke(){var N;const T=Ce(),{user:i,isSuperAdmin:V,hasRoleType:z}=W(),{filters:o,setFilter:y,pagination:t,sort:x,setSort:F}=re({filters:{role:"",type:"",priority:"",search:""}});ie({role:o.role||null,verbs:["claimed","resolved"]});const A=ne(o.search,300),M=Y(),{data:b}=J(),{data:w}=K(),{data:n}=X(),P=V||z("admin"),v=f.useMemo(()=>new Set(((i==null?void 0:i.roles)??[]).map(s=>s.role)),[i]),O=f.useMemo(()=>{const s=(n==null?void 0:n.roles)??[];return(P?s:s.filter(a=>v.has(a.role)&&!ce(a.role))).map(a=>({value:a.role,label:Z(a)})).sort((a,H)=>a.label.localeCompare(H.label))},[n,P,v]),l=Re(),{data:c}=ee(),S=se(),_=f.useCallback(()=>{var a;const s=window.prompt("Pin label:");if(!(s!=null&&s.trim()))return;const g=((a=c==null?void 0:c.preferences)==null?void 0:a.pinnedViews)??[];S.mutate({pinnedViews:[...g,{id:te(),label:s.trim(),url:l.pathname+l.search,badge:!0}]})},[l.pathname,l.search,c,S]),[I,j]=ke(),C=I.get("view"),q=f.useCallback(s=>{j(g=>{const a=new URLSearchParams(g);return s?a.set("view",s):a.delete("view"),a},{replace:!0})},[j]),m=o.role||null,p=((N=ae(m??"",void 0,!!m).data)==null?void 0:N.list_schema)??null,R=!!m&&!!p&&!!p["x-lt-layout"]&&p["x-lt-layout"]!=="table",u=R&&(C?C==="rich":!0),k={assigned_to:i==null?void 0:i.userId,status:"pending",role:o.role||void 0,type:o.type||void 0,priority:o.priority?parseInt(o.priority):void 0,search:A||void 0,sort_by:x.sort_by||"created_at",order:x.order||"desc"},{data:r,isLoading:U,error:d,refetch:B,isFetching:G}=oe({...k,limit:t.pageSize,offset:t.offset}),E=(r==null?void 0:r.escalations)??[],h=(r==null?void 0:r.total)??0,Q=le("/escalations",{...k,limit:t.pageSize,offset:t.offset}),D={key:"actions",label:"",render:s=>e.jsx(ue,{children:e.jsx(de,{icon:je,title:"Release escalation",onClick:()=>M.mutate(s.id),alwaysVisible:!0,colorClass:"text-status-warning/40 hover:text-status-warning"})}),className:"w-16 text-right"},$=[fe,...xe,D],L=s=>T(`/escalations/detail/${s.id}`,{state:{from:"/escalations/queue"}});return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 mb-10 min-w-0",children:[e.jsx(he,{role:o.role,options:O,onChange:s=>y("role",s),emptyLabel:"My Escalations"}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:dashboard.md:all-escalations"},className:"text-text-quaternary hover:text-accent transition-colors mt-1 shrink-0",title:"Open docs for this page",children:e.jsx(ye,{className:"w-4 h-4",strokeWidth:1.5})})]}),e.jsx(ge,{filters:o,setFilter:y,roles:(b==null?void 0:b.roles)??[],types:(w==null?void 0:w.types)??[],actions:e.jsxs(e.Fragment,{children:[e.jsx(be,{onRefresh:()=>B(),isFetching:G,apiPath:Q}),R&&e.jsx("button",{onClick:()=>q(u?"table":"rich"),className:"ml-2 inline-flex h-7 w-7 items-center justify-center rounded icon-link hover:bg-surface-hover",title:u?"Table view":"Rich view",children:u?e.jsx(Pe,{className:"w-4 h-4"}):e.jsx(ve,{className:"w-4 h-4"})}),e.jsx("button",{onClick:_,className:"ml-2 inline-flex h-7 w-7 items-center justify-center rounded icon-link hover:bg-surface-hover",title:"Pin this view — save the current filters to your Pinned section","data-testid":"pin-current-view",children:e.jsx(Se,{className:"w-4 h-4"})})]})}),d&&e.jsx("div",{className:"mb-4 px-4 py-3 rounded-md bg-status-error/10 border border-status-error/20 text-xs text-status-error",children:d.message==="Session expired"?"Your session has expired. Please log in again.":`Failed to load escalations: ${d.message}`}),u?e.jsx(we,{role:m,listSchema:p,activeEscalations:E,onRowClick:L,forceViewAction:!0,total:h,page:t.page,totalPages:t.totalPages(h),pageSize:t.pageSize,onPageChange:t.setPage,onPageSizeChange:t.setPageSize}):e.jsxs(e.Fragment,{children:[e.jsx(me,{columns:$,data:E,layout:"fixed",keyFn:s=>s.id,onRowClick:L,isLoading:U,emptyMessage:d?"Unable to load data":"No assigned escalations",sort:x,onSort:F}),e.jsx(pe,{page:t.page,totalPages:t.totalPages(h),onPageChange:t.setPage,total:h,pageSize:t.pageSize,onPageSizeChange:t.setPageSize})]})]})}export{Ke as OperatorDashboard};
-//# sourceMappingURL=OperatorDashboard-C-jE0IRA.js.map

package/dashboard/dist/assets/RoleDetailPage-BKkUvTO-.js

@@ -1,8 +0,0 @@
-import{j as e,a as u}from"./vendor-query-RUZdMvN6.js";import{G as X,a9 as O,aa as ee,J as te,a8 as se,ab as ae,ac as re}from"./index-CfAi1OsI.js";import{C as ne}from"./ConfirmDeleteModal-CQsJUzEa.js";import{A as ie}from"./AutoGrowTextarea-DgEQeRQw.js";import{u as le}from"./users-G8qwyZKS.js";import{I as F,B as oe,J as ce,a3 as de,T as me,aK as xe,L as he,N as ue,n as pe,P as fe,o as I,ah as ve}from"./vendor-icons-BpZiWH2f.js";import{e as be,u as ge,L as J}from"./vendor-react-CdqEC2zv.js";import"./Modal-BU7No9NH.js";function je({role:s}){const{data:i}=le({role:s,limit:100}),n=(i==null?void 0:i.users)??[];return n.length===0?e.jsx("p",{className:"text-2xs 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(l=>{const d=l.roles.find(c=>c.role===s);return d?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:l.display_name||l.external_id}),e.jsx("span",{className:"text-2xs text-text-quaternary font-mono shrink-0",children:_e(d)})]},l.id):null})})}function _e(s){return s.type==="superadmin"||s.type==="admin"?s.type:`member · read ${s.read_scope} · write ${s.write_scope}`}function M(s){return s==null?"":JSON.stringify(s,null,2)}function D(s){const i=s.trim();if(!i)return{ok:!0,value:void 0};try{const n=JSON.parse(i);return typeof n!="object"||Array.isArray(n)||n===null?{ok:!1}:{ok:!0,value:n}}catch{return{ok:!1}}}function g({icon:s,label:i,annotation:n,aside:l,accent:d=!1,children:c}){const h=d?"text-accent":"text-text-tertiary";return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-5",children:[e.jsxs("div",{className:"flex items-center gap-1.5 min-w-0",children:[e.jsx(s,{className:`w-3 h-3 ${h} shrink-0`,strokeWidth:1.5}),e.jsx("span",{className:`text-2xs font-semibold uppercase tracking-widest ${h}`,children:i}),n&&e.jsxs("span",{className:"text-2xs text-text-quaternary truncate",children:["— ",n]})]}),l]}),e.jsx("div",{className:`border-l-2 pl-5 ${d?"border-accent/15":"border-surface-border/60"}`,children:c})]})}function E(){return e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("span",{className:"w-2.5 h-2.5 rounded-full dot-ring bg-status-success"}),e.jsx("span",{className:"text-2xs font-semibold uppercase tracking-widest text-status-success",children:"Live"})]})}function Ne({role:s,allRoles:i}){const{data:n}=se(),l=ae(),d=re(),[c,h]=u.useState(""),a=(n==null?void 0:n.chains)??[],t=u.useMemo(()=>a.filter(o=>o.source_role===s.role).map(o=>o.target_role),[a,s.role]),f=u.useMemo(()=>i.map(o=>o.role).filter(o=>o!==s.role&&o!=="superadmin"&&!t.includes(o)),[i,s.role,t]);return s.role==="superadmin"?e.jsx("p",{className:"text-2xs text-text-tertiary",children:"Superadmins can escalate to any role implicitly."}):e.jsxs("div",{className:"space-y-2",children:[f.length>0&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("select",{value:c,onChange:o=>h(o.target.value),className:"select text-xs font-mono flex-1",children:[e.jsx("option",{value:"",children:"Add target…"}),f.map(o=>e.jsx("option",{value:o,children:o},o))]}),e.jsx("button",{onClick:()=>{c&&l.mutate({source_role:s.role,target_role:c},{onSuccess:()=>h("")})},disabled:!c||l.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:l.isPending?"…":"Add"})]}),e.jsx(W,{items:t,empty:"Roles this one can escalate to. Add a target above and it lands here.",onRemove:o=>d.mutate({source_role:s.role,target_role:o})})]})}function W({items:s,empty:i,onRemove:n}){return s.length===0?e.jsx("p",{className:"text-2xs text-text-tertiary leading-relaxed",children:i}):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-2xs bg-accent/10 rounded-sm font-mono text-accent",children:[l,e.jsx("button",{onClick:()=>n(l),className:"text-accent/50 hover:text-status-error transition-colors leading-none ml-0.5",children:"×"})]},l))})}function ye({role:s,allRoles:i}){const n=O(),[l,d]=u.useState(""),c=s.upstream_roles??[],h=u.useMemo(()=>i.map(t=>t.role).filter(t=>t!==s.role&&t!=="superadmin"&&!c.includes(t)),[i,s.role,c]),a=t=>n.mutate({role:s.role,upstream_roles:t},{onSuccess:()=>d("")});return e.jsxs("div",{className:"space-y-2",children:[h.length>0&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("select",{value:l,onChange:t=>d(t.target.value),className:"select text-xs font-mono flex-1",children:[e.jsx("option",{value:"",children:"Add upstream input…"}),h.map(t=>e.jsx("option",{value:t,children:t},t))]}),e.jsx("button",{onClick:()=>{l&&a([...c,l])},disabled:!l||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"})]}),e.jsx(W,{items:c,empty:"Roles from other sequences this station draws input from. Add one above and it lands here.",onRemove:t=>a(c.filter(f=>f!==t))}),n.error&&e.jsx("p",{className:"text-2xs text-status-error",children:n.error.message})]})}function we({role:s}){const i=O(),[n,l]=u.useState(""),[d,c]=u.useState(""),[h,a]=u.useState(!0),t=s.default_pins??[],f=m=>i.mutate({role:s.role,default_pins:m.length?m:null},{onSuccess:()=>{l(""),c(""),a(!0)}}),o=n.trim()!==""&&d.trim().startsWith("/");return e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("input",{type:"text",value:n,onChange:m=>l(m.target.value),placeholder:"Label — e.g. Needs harvesting",className:"input text-xs w-40 shrink-0"}),e.jsx("input",{type:"text",value:d,onChange:m=>c(m.target.value),placeholder:"/escalations/available?role=…",className:"input text-xs font-mono flex-1"}),e.jsxs("label",{className:"flex items-center gap-1 text-2xs text-text-tertiary shrink-0",title:"Show a live count beside the label",children:[e.jsx("input",{type:"checkbox",checked:h,onChange:m=>a(m.target.checked),className:"w-3 h-3 accent-accent"}),"count"]}),e.jsx("button",{onClick:()=>{o&&f([...t,{label:n.trim(),url:d.trim(),badge:h}])},disabled:!o||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"})]}),t.length===0?e.jsx("p",{className:"text-2xs text-text-tertiary leading-relaxed",children:"Pinned views every member starts with — the persona's exact queries. Add one above and it lands here."}):e.jsx("div",{className:"space-y-1",children:t.map(m=>e.jsxs("div",{className:"flex items-baseline gap-2 text-2xs",children:[e.jsx("span",{className:"font-medium text-text-secondary shrink-0",children:m.label}),m.badge&&e.jsx("span",{className:"text-2xs text-accent shrink-0",title:"Shows a live count",children:"count"}),e.jsx("span",{className:"font-mono text-text-quaternary truncate flex-1",title:m.url,children:m.url}),e.jsx("button",{onClick:()=>f(t.filter(C=>C.label!==m.label)),className:"text-text-quaternary hover:text-status-error transition-colors leading-none shrink-0","aria-label":`Remove pin ${m.label}`,children:"×"})]},m.label))}),i.error&&e.jsx("p",{className:"text-2xs text-status-error",children:i.error.message})]})}function ke(s){return{title:s.title??"",description:s.description??"",ops_visible:s.ops_visible,ops_home_default:s.ops_home_default,enforce_schema:s.enforce_schema,parent_role:s.parent_role??"",metadata_schema:M(s.metadata_schema),properties:M(s.properties)||"{}",sla_minutes:s.sla_minutes!=null?String(s.sla_minutes):"",target_per_hour:s.target_per_hour!=null?String(s.target_per_hour):"",worker_count:s.worker_count!=null?String(s.worker_count):"",priority_threshold_minutes:s.priority_threshold_minutes!=null?String(s.priority_threshold_minutes):"",priority_facet:s.priority_facet??""}}const Se=/^[a-zA-Z0-9_]+$/;function Ee(){const{role:s}=be(),i=ge(),{data:n,isLoading:l}=X(),d=O(),c=ee(),h=(n==null?void 0:n.roles)??[],a=h.find(r=>r.role===s),[t,f]=u.useState({title:"",description:"",ops_visible:!1,ops_home_default:!1,enforce_schema:!1,parent_role:"",metadata_schema:"",properties:"{}",sla_minutes:"",target_per_hour:"",worker_count:"",priority_threshold_minutes:"",priority_facet:""}),[o,m]=u.useState(!1),[C,y]=u.useState(!1),[_,P]=u.useState({}),[V,B]=u.useState(!1),[U,A]=u.useState(new Set),G=r=>A(x=>new Set([...x,r]));u.useEffect(()=>{a&&(f(ke(a)),m(!1),y(!1),P({}),A(new Set))},[s,a==null?void 0:a.role]);const v=r=>{f(x=>({...x,...r})),m(!0),y(!1)},K=u.useMemo(()=>h.filter(r=>{if(!a||r.role===a.role)return!1;let x=r;const p=new Set;for(;x!=null&&x.parent_role;){if(x.parent_role===a.role)return!1;if(p.has(x.parent_role))break;p.add(x.parent_role),x=h.find(b=>b.role===x.parent_role)}return!0}),[h,a]),z=()=>{const r=D(t.metadata_schema),x=D(t.properties),p=t.priority_facet.trim(),b={};if(r.ok||(b.metadata_schema="Invalid JSON"),x.ok||(b.properties="Invalid JSON"),p&&!Se.test(p)&&(b.priority_facet="Letters, numbers, underscores only"),P(b),Object.keys(b).length||!a)return;const j=L=>{const N=parseFloat(L);return isNaN(N)?null:N},Q=L=>{const N=j(L);return N==null?null:Math.round(N)};d.mutate({role:a.role,title:t.title.trim()||null,description:t.description.trim()||null,ops_visible:t.ops_visible,ops_home_default:t.ops_home_default,enforce_schema:t.enforce_schema,parent_role:t.parent_role||null,metadata_schema:r.value??null,properties:x.value??{},sla_minutes:j(t.sla_minutes),target_per_hour:j(t.target_per_hour),worker_count:Q(t.worker_count),priority_threshold_minutes:j(t.priority_threshold_minutes),priority_facet:p||null},{onSuccess:()=>{m(!1),y(!0),A(new Set),window.setTimeout(()=>y(!1),2500)}})},H=()=>{a&&c.mutate(a.role,{onSuccess:()=>i("/admin/roles")})};if(l)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(!a)return e.jsxs("div",{className:"flex flex-col items-center justify-center py-20 text-center",children:[e.jsx(F,{className:"w-12 h-12 text-text-quaternary mb-4",strokeWidth:1}),e.jsx("h2",{className:"heading-3 mb-2",children:"Role not found"})]});const Y=a.user_count>0||a.chain_count>0||a.workflow_count>0,Z=o&&!Object.values(_).some(Boolean),w=parseFloat(t.sla_minutes),k=parseFloat(t.target_per_hour),S=parseFloat(t.worker_count),$=!isNaN(w)&&w>0,R=!isNaN(k)&&k>0,q=!isNaN(S)&&S>0,T=$&&q&&!R?`→ target ≈ ${(S/(w/60)).toFixed(1)}/h`:$&&R&&!q?`→ workers ≈ ${(k*(w/60)).toFixed(1)}`:R&&q&&!$?`→ SLA ≈ ${(S/k*60).toFixed(0)}m`:null;return e.jsxs("div",{children:[e.jsxs("div",{className:"grid grid-cols-3 gap-16 items-center mb-12",children:[e.jsxs("div",{className:"flex items-center justify-between gap-4 min-w-0",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-1",children:[e.jsx(F,{className:"w-5 h-5 text-accent",strokeWidth:1.5}),e.jsx("h1",{className:"text-lg font-mono font-medium text-text-primary",children:a.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(oe,{className:"w-4 h-4",strokeWidth:1.5})}),a.parent_role&&e.jsxs("span",{className:"flex items-center gap-1 text-2xs text-text-quaternary font-mono",children:[e.jsx(ce,{className:"w-3 h-3"})," ",a.parent_role]})]}),a.title&&e.jsx("p",{className:"text-sm text-text-secondary pl-8",children:a.title})]}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",title:"Show as a station on the Pace Board",children:[e.jsx("span",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Pace Board"}),e.jsx("button",{onClick:()=>v({ops_visible:!t.ops_visible}),className:`w-9 h-5 rounded-full transition-colors relative shrink-0 ${t.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-text-inverse transition-transform shadow ${t.ops_visible?"translate-x-[18px]":"translate-x-[3px]"}`})})]}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",title:"Validate every resolve payload against this role's form schema — API, MCP, and CLI submissions are rejected with field-level errors when they violate it",children:[e.jsx("span",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Enforce Schema"}),e.jsx("button",{onClick:()=>v({enforce_schema:!t.enforce_schema}),className:`w-9 h-5 rounded-full transition-colors relative shrink-0 ${t.enforce_schema?"bg-accent":"bg-surface-border"}`,children:e.jsx("span",{className:`absolute top-[3px] left-0 w-3.5 h-3.5 rounded-full bg-text-inverse transition-transform shadow ${t.enforce_schema?"translate-x-[18px]":"translate-x-[3px]"}`})})]})]}),e.jsxs("div",{className:"flex items-end justify-center gap-4 bg-surface-sunken rounded-lg px-4 py-2.5 w-full",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:x,unit:p,placeholder:b})=>e.jsxs("div",{children:[e.jsxs("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-quaternary mb-1",children:[x,p&&e.jsx("span",{className:"normal-case font-normal ml-1",children:p})]}),e.jsx("input",{type:"number",min:"0",step:"any",value:t[r],onChange:j=>v({[r]:j.target.value}),placeholder:b,className:"input text-xs w-16 font-mono"})]},r)),T&&e.jsx("span",{className:"text-2xs text-accent font-mono whitespace-nowrap pb-2",children:T})]}),e.jsxs("div",{className:"flex items-center justify-between gap-4 min-w-0",children:[e.jsxs("div",{className:"flex items-end gap-4 bg-surface-sunken rounded-lg px-4 py-2.5 shrink-0",title:"Pending unclaimed items older than the threshold count as priority on the Pace Board. Age is measured from the metadata facet (an ISO 8601 UTC timestamp, e.g. authorized_at) or from created_at when the facet is blank; the threshold falls back to SLA when blank.",children:[e.jsxs("div",{children:[e.jsxs("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-quaternary mb-1",children:["Priority",e.jsx("span",{className:"normal-case font-normal ml-1",children:"min"})]}),e.jsx("input",{type:"number",min:"0",step:"any",value:t.priority_threshold_minutes,onChange:r=>v({priority_threshold_minutes:r.target.value}),placeholder:t.sla_minutes||"60",className:"input text-xs w-16 font-mono"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-quaternary mb-1",children:"Facet"}),e.jsx("input",{type:"text",value:t.priority_facet,onChange:r=>v({priority_facet:r.target.value}),placeholder:"created_at",className:"input text-xs w-28 font-mono"}),_.priority_facet&&e.jsx("p",{className:"text-2xs text-status-error mt-0.5",children:_.priority_facet})]})]}),e.jsxs("div",{className:"flex items-center gap-3 shrink-0",children:[C&&e.jsxs("span",{className:"flex items-center gap-1 text-xs text-status-success animate-page-enter",children:[e.jsx(de,{className:"w-3 h-3"})," Saved"]}),d.error&&e.jsx("span",{className:"text-xs text-status-error max-w-[180px] truncate",children:d.error.message}),e.jsx("button",{onClick:z,disabled:!Z||d.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:d.isPending?"Saving…":"Save"}),!Y&&e.jsxs("button",{onClick:()=>B(!0),className:"px-3 py-1.5 text-xs rounded-md text-status-error/60 hover:text-status-error hover:bg-status-error/10 transition-colors flex items-center gap-1",children:[e.jsx(me,{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.jsx(g,{icon:xe,label:"Identity",annotation:"name and description",accent:!0,children:e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Display Name"}),e.jsx("input",{type:"text",value:t.title,onChange:r=>v({title:r.target.value}),placeholder:`e.g., ${a.role.charAt(0).toUpperCase()+a.role.slice(1)}`,className:"input text-sm w-full"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Description"}),e.jsx(ie,{value:t.description,onChange:r=>v({description:r}),placeholder:"A short description shown on role cards and in the operations view.",rows:2})]})]})}),e.jsx("div",{className:`overflow-hidden transition-all duration-300 ease-out ${t.ops_visible?"opacity-100 max-h-[900px]":"opacity-0 max-h-0 pointer-events-none"}`,"aria-hidden":!t.ops_visible,children:e.jsx(g,{icon:he,label:"Pace Board",annotation:"where this station sits on the floor",accent:!0,children:e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Prior Step"}),e.jsxs("select",{value:t.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"}),K.map(r=>e.jsx("option",{value:r.role,children:r.title?`${r.role} — ${r.title}`:r.role},r.role))]}),e.jsx("p",{className:"text-2xs text-text-tertiary leading-relaxed mt-1.5",children:"Places this role in one Pace Board sequence. A role with no prior step starts its own sequence."})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-1.5",children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Upstream Inputs"}),e.jsx(E,{})]}),e.jsx(ye,{role:a,allRoles:h})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between gap-4",children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Home Segment"}),e.jsx("button",{onClick:()=>v({ops_home_default:!t.ops_home_default}),className:`w-9 h-5 rounded-full transition-colors relative shrink-0 ${t.ops_home_default?"bg-accent":"bg-surface-border"}`,title:"Lead the home Pace Board with this role's sequence",children:e.jsx("span",{className:`absolute top-[3px] left-0 w-3.5 h-3.5 rounded-full bg-text-inverse transition-transform shadow ${t.ops_home_default?"translate-x-[18px]":"translate-x-[3px]"}`})})]}),e.jsx("p",{className:"text-2xs text-text-tertiary leading-relaxed mt-1.5",children:"Lead the home page's Pace Board with this role's sequence. One role holds this — saving it here releases the previous holder. Unset everywhere, the board opens on its first sequence."})]})]})})})]}),e.jsxs("div",{className:"space-y-14",children:[e.jsx(g,{icon:ue,label:"Escalation Targets",annotation:"hand-off routing",aside:e.jsx(E,{}),children:e.jsx(Ne,{role:a,allRoles:h})}),e.jsx(g,{icon:pe,label:"Members",annotation:"read = what appears · write = what they can act on",children:e.jsx(je,{role:a.role})}),e.jsx(g,{icon:fe,label:"Default Pins",annotation:"pinned views every member starts with",aside:e.jsx(E,{}),children:e.jsx(we,{role:a})})]}),e.jsxs("div",{className:"space-y-14",children:[e.jsxs(g,{icon:I,label:"Escalation Schema",annotation:"the resolve form",accent:!0,aside:a.current_schema_version!=null?e.jsxs("span",{className:"text-2xs font-mono text-text-quaternary",children:["v",a.current_schema_version," in use"]}):void 0,children:[e.jsxs("p",{className:"text-2xs 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(J,{to:`/admin/roles/${encodeURIComponent(a.role)}/schema`,className:"text-xs text-accent hover:underline",children:a.form_schema?`Open schema editor — v${a.current_schema_version??1} in use →`:"Define the escalation form →"})]}),e.jsxs(g,{icon:ve,label:"Escalations List Schema",annotation:"rich list view",aside:a.current_list_schema_version!=null?e.jsxs("span",{className:"text-2xs font-mono text-text-quaternary",children:["v",a.current_list_schema_version," in use"]}):void 0,children:[e.jsx("p",{className:"text-2xs text-text-tertiary mb-3 leading-relaxed",children:"Richly formats the escalation list when it's scoped to just this role. Versioned on its own timeline — separate from the resolve form."}),e.jsx(J,{to:`/admin/roles/${encodeURIComponent(a.role)}/list-schema`,className:"text-xs text-accent hover:underline",children:a.list_schema?`Open list schema editor — v${a.current_list_schema_version??1} in use →`:"Define the list view →"})]}),e.jsxs(g,{icon:I,label:"Metadata Schema",annotation:"validates metadata at creation",aside:!U.has("metadata_schema")&&a.metadata_schema?e.jsx("button",{onClick:()=>G("metadata_schema"),className:"text-2xs text-accent hover:underline",children:"Edit"}):void 0,children:[e.jsxs("p",{className:"text-2xs 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."]}),!U.has("metadata_schema")&&a.metadata_schema?e.jsx(te,{data:a.metadata_schema}):e.jsxs(e.Fragment,{children:[e.jsx("textarea",{value:t.metadata_schema,onChange:r=>{const x=r.target.value;v({metadata_schema:x}),P(p=>({...p,metadata_schema:D(x).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"]
-}`}),_.metadata_schema&&e.jsx("p",{className:"text-2xs text-status-error mt-1",children:_.metadata_schema})]})]})]})]}),e.jsx(ne,{open:V,onClose:()=>B(!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:a.role}),"? This cannot be undone."]}),isPending:c.isPending,error:c.error})]})}export{Ee as RoleDetailPage};
-//# sourceMappingURL=RoleDetailPage-BKkUvTO-.js.map

package/dashboard/dist/assets/RoleDetailPage-BKkUvTO-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RoleDetailPage-BKkUvTO-.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-2xs 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-2xs 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, Inbox, GitBranch, Network, Trash2, Check, Braces, Users, BookOpen, LayoutDashboard, LayoutList, Pin as PinIcon,\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 { AutoGrowTextarea } from '../../../components/common/form/AutoGrowTextarea';\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 group — eyebrow (icon + tiny title + annotation) over a left-ruled\n//    body. The page's single grouping treatment; fields inside a group use plain\n//    form-field labels, never a second heading tier. ──────────────────────────\n\nfunction SectionGroup({\n  icon: Icon,\n  label,\n  annotation,\n  aside,\n  accent = false,\n  children,\n}: {\n  icon: React.ElementType;\n  label: string;\n  annotation?: string;\n  aside?: React.ReactNode;\n  accent?: boolean;\n  children: React.ReactNode;\n}) {\n  const hue = accent ? 'text-accent' : 'text-text-tertiary';\n  return (\n    <div>\n      <div className=\"flex items-center justify-between mb-5\">\n        <div className=\"flex items-center gap-1.5 min-w-0\">\n          <Icon className={`w-3 h-3 ${hue} shrink-0`} strokeWidth={1.5} />\n          <span className={`text-2xs font-semibold uppercase tracking-widest ${hue}`}>{label}</span>\n          {annotation && (\n            <span className=\"text-2xs text-text-quaternary truncate\">— {annotation}</span>\n          )}\n        </div>\n        {aside}\n      </div>\n      <div className={`border-l-2 pl-5 ${accent ? 'border-accent/15' : 'border-surface-border/60'}`}>\n        {children}\n      </div>\n    </div>\n  );\n}\n\n/** Live-save indicator shown in a group's eyebrow. */\nfunction LiveBadge() {\n  return (\n    <div className=\"flex items-center gap-1\">\n      <span className=\"w-2.5 h-2.5 rounded-full dot-ring bg-status-success\" />\n      <span className=\"text-2xs font-semibold uppercase tracking-widest text-status-success\">Live</span>\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-2xs text-text-tertiary\">Superadmins can escalate to any role implicitly.</p>;\n  }\n\n  return (\n    <div className=\"space-y-2\">\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      <PillWell\n        items={targets}\n        empty=\"Roles this one can escalate to. Add a target above and it lands here.\"\n        onRemove={(t) => removeChain.mutate({ source_role: role.role, target_role: t })}\n      />\n    </div>\n  );\n}\n\n/**\n * Where chosen pills land — no enclosing box. Empty, it shows the instruction\n * (which doubles as the hint); filled, it shows the pills and drops the text.\n * The instruction is sized to occupy about the same height a pill row would, so\n * the control barely changes size as items come and go.\n */\nfunction PillWell({ items, empty, onRemove }: { items: string[]; empty: string; onRemove: (item: string) => void }) {\n  if (items.length === 0) {\n    return <p className=\"text-2xs text-text-tertiary leading-relaxed\">{empty}</p>;\n  }\n  return (\n    <div className=\"flex flex-wrap gap-1.5\">\n      {items.map((item) => (\n        <span\n          key={item}\n          className=\"inline-flex items-center gap-1 px-2 py-0.5 text-2xs bg-accent/10 rounded-sm font-mono text-accent\"\n        >\n          {item}\n          <button\n            onClick={() => onRemove(item)}\n            className=\"text-accent/50 hover:text-status-error transition-colors leading-none ml-0.5\"\n          >\n            ×\n          </button>\n        </span>\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-2\">\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      <PillWell\n        items={upstreams}\n        empty=\"Roles from other sequences this station draws input from. Add one above and it lands here.\"\n        onRemove={(u) => save(upstreams.filter((x) => x !== u))}\n      />\n      {updateRole.error && (\n        <p className=\"text-2xs text-status-error\">{(updateRole.error as Error).message}</p>\n      )}\n    </div>\n  );\n}\n\n// ── Default pins section (live-save) ─────────────────────────────────────────\n\n/**\n * The pinned-view seeds this role hands its members: [{ label, url, badge? }].\n * Members see them in their Pinned nav section from first login (marked\n * role-provided) and may promote, hide, or reorder them via preferences.\n */\nfunction DefaultPinsSection({ role }: { role: RoleDetail }) {\n  const updateRole = useUpdateRole();\n  const [label, setLabel] = useState('');\n  const [url, setUrl] = useState('');\n  const [badge, setBadge] = useState(true);\n\n  const pins = role.default_pins ?? [];\n  const save = (next: { label: string; url: string; badge?: boolean }[]) =>\n    updateRole.mutate(\n      { role: role.role, default_pins: next.length ? next : null },\n      { onSuccess: () => { setLabel(''); setUrl(''); setBadge(true); } },\n    );\n  const canAdd = label.trim() !== '' && url.trim().startsWith('/');\n\n  return (\n    <div className=\"space-y-2\">\n      <div className=\"flex items-center gap-2\">\n        <input\n          type=\"text\"\n          value={label}\n          onChange={(e) => setLabel(e.target.value)}\n          placeholder=\"Label — e.g. Needs harvesting\"\n          className=\"input text-xs w-40 shrink-0\"\n        />\n        <input\n          type=\"text\"\n          value={url}\n          onChange={(e) => setUrl(e.target.value)}\n          placeholder=\"/escalations/available?role=…\"\n          className=\"input text-xs font-mono flex-1\"\n        />\n        <label className=\"flex items-center gap-1 text-2xs text-text-tertiary shrink-0\" title=\"Show a live count beside the label\">\n          <input type=\"checkbox\" checked={badge} onChange={(e) => setBadge(e.target.checked)} className=\"w-3 h-3 accent-accent\" />\n          count\n        </label>\n        <button\n          onClick={() => { if (canAdd) save([...pins, { label: label.trim(), url: url.trim(), badge }]); }}\n          disabled={!canAdd || 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      {pins.length === 0 ? (\n        <p className=\"text-2xs text-text-tertiary leading-relaxed\">\n          Pinned views every member starts with — the persona's exact queries.\n          Add one above and it lands here.\n        </p>\n      ) : (\n        <div className=\"space-y-1\">\n          {pins.map((p) => (\n            <div key={p.label} className=\"flex items-baseline gap-2 text-2xs\">\n              <span className=\"font-medium text-text-secondary shrink-0\">{p.label}</span>\n              {p.badge && <span className=\"text-2xs text-accent shrink-0\" title=\"Shows a live count\">count</span>}\n              <span className=\"font-mono text-text-quaternary truncate flex-1\" title={p.url}>{p.url}</span>\n              <button\n                onClick={() => save(pins.filter((x) => x.label !== p.label))}\n                className=\"text-text-quaternary hover:text-status-error transition-colors leading-none shrink-0\"\n                aria-label={`Remove pin ${p.label}`}\n              >\n                ×\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n      {updateRole.error && (\n        <p className=\"text-2xs 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  ops_home_default: boolean;\n  enforce_schema: 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  priority_threshold_minutes: string;\n  priority_facet: 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    ops_home_default: role.ops_home_default,\n    enforce_schema: role.enforce_schema,\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    priority_threshold_minutes: role.priority_threshold_minutes != null ? String(role.priority_threshold_minutes) : '',\n    priority_facet: role.priority_facet ?? '',\n  };\n}\n\n// Mirrors the server-side facet key rule (metadata keys are interpolated as a\n// JSON path, so they are strictly validated).\nconst FACET_KEY = /^[a-zA-Z0-9_]+$/;\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, ops_home_default: false, enforce_schema: false, parent_role: '',\n    metadata_schema: '', properties: '{}',\n    sla_minutes: '', target_per_hour: '', worker_count: '',\n    priority_threshold_minutes: '', priority_facet: '',\n  });\n  const [dirty, setDirty] = useState(false);\n  const [savedOk, setSavedOk] = useState(false);\n  const [errors, setErrors] = useState<{ metadata_schema?: string; properties?: string; priority_facet?: 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 facet = draft.priority_facet.trim();\n    const newErrors: typeof errors = {};\n    if (!metaResult.ok) newErrors.metadata_schema = 'Invalid JSON';\n    if (!propsResult.ok) newErrors.properties = 'Invalid JSON';\n    if (facet && !FACET_KEY.test(facet)) newErrors.priority_facet = 'Letters, numbers, underscores only';\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        ops_home_default: draft.ops_home_default,\n        enforce_schema: draft.enforce_schema,\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        priority_threshold_minutes: parseNum(draft.priority_threshold_minutes),\n        priority_facet: facet || null,\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        <Inbox className=\"w-12 h-12 text-text-quaternary mb-4\" strokeWidth={1} />\n        <h2 className=\"heading-3 mb-2\">Role not found</h2>\n      </div>\n    );\n  }\n\n  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: mirrors the three-column body grid so each section sits\n          exactly atop its column — identity + ops · capacity · priority + actions ── */}\n      <div className=\"grid grid-cols-3 gap-16 items-center mb-12\">\n        {/* Col 1: identity, with the Ops toggle at the column's right edge */}\n        <div className=\"flex items-center justify-between gap-4 min-w-0\">\n          <div className=\"min-w-0\">\n            <div className=\"flex items-center gap-3 mb-1\">\n              <Inbox 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-2xs 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          {/* Pace Board — this role is (or isn't) a station on the Pace Board */}\n          <div className=\"flex items-center gap-2 shrink-0\" title=\"Show as a station on the Pace Board\">\n            <span className=\"text-2xs font-semibold uppercase tracking-widest text-text-tertiary\">Pace Board</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-text-inverse transition-transform shadow ${\n                  draft.ops_visible ? 'translate-x-[18px]' : 'translate-x-[3px]'\n                }`}\n              />\n            </button>\n          </div>\n\n          {/* Enforce Schema — every resolve surface validates payloads against\n              this role's form schema and rejects violations with 422 */}\n          <div\n            className=\"flex items-center gap-2 shrink-0\"\n            title=\"Validate every resolve payload against this role's form schema — API, MCP, and CLI submissions are rejected with field-level errors when they violate it\"\n          >\n            <span className=\"text-2xs font-semibold uppercase tracking-widest text-text-tertiary\">Enforce Schema</span>\n            <button\n              onClick={() => update({ enforce_schema: !draft.enforce_schema })}\n              className={`w-9 h-5 rounded-full transition-colors relative shrink-0 ${\n                draft.enforce_schema ? '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-text-inverse transition-transform shadow ${\n                  draft.enforce_schema ? 'translate-x-[18px]' : 'translate-x-[3px]'\n                }`}\n              />\n            </button>\n          </div>\n        </div>\n\n        {/* Col 2: capacity — full column width, settings centered atop the\n            column below. Any two settings derive the third. */}\n        <div\n          className=\"flex items-end justify-center gap-4 bg-surface-sunken rounded-lg px-4 py-2.5 w-full\"\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-2xs 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-2xs text-accent font-mono whitespace-nowrap pb-2\">\n              {derivedCapacityHint}\n            </span>\n          )}\n        </div>\n\n        {/* Col 3: priority left-aligned to the column edge, actions at the right.\n            Pending unclaimed items older than the threshold appear as the Pace\n            Board priority count, ordered by the facet for the pull. */}\n        <div className=\"flex items-center justify-between gap-4 min-w-0\">\n          <div\n            className=\"flex items-end gap-4 bg-surface-sunken rounded-lg px-4 py-2.5 shrink-0\"\n            title=\"Pending unclaimed items older than the threshold count as priority on the Pace Board. Age is measured from the metadata facet (an ISO 8601 UTC timestamp, e.g. authorized_at) or from created_at when the facet is blank; the threshold falls back to SLA when blank.\"\n          >\n            <div>\n              <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-quaternary mb-1\">\n                Priority\n                <span className=\"normal-case font-normal ml-1\">min</span>\n              </label>\n              <input\n                type=\"number\"\n                min=\"0\"\n                step=\"any\"\n                value={draft.priority_threshold_minutes}\n                onChange={(e) => update({ priority_threshold_minutes: e.target.value })}\n                placeholder={draft.sla_minutes || '60'}\n                className=\"input text-xs w-16 font-mono\"\n              />\n            </div>\n            <div>\n              <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-quaternary mb-1\">\n                Facet\n              </label>\n              <input\n                type=\"text\"\n                value={draft.priority_facet}\n                onChange={(e) => update({ priority_facet: e.target.value })}\n                placeholder=\"created_at\"\n                className=\"input text-xs w-28 font-mono\"\n              />\n              {errors.priority_facet && (\n                <p className=\"text-2xs text-status-error mt-0.5\">{errors.priority_facet}</p>\n              )}\n            </div>\n          </div>\n\n          <div className=\"flex items-center gap-3 shrink-0\">\n            {savedOk && (\n              <span className=\"flex items-center gap-1 text-xs text-status-success animate-page-enter\">\n                <Check className=\"w-3 h-3\" /> Saved\n              </span>\n            )}\n            {updateRole.error && (\n              <span className=\"text-xs text-status-error max-w-[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'}\n            </button>\n            {!inUse && (\n              <button\n                onClick={() => setConfirmDelete(true)}\n                className=\"px-3 py-1.5 text-xs rounded-md text-status-error/60 hover:text-status-error hover:bg-status-error/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      </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          <SectionGroup icon={Tag} label=\"Identity\" annotation=\"name and description\" accent>\n            <div className=\"space-y-8\">\n              <div>\n                <label className=\"block text-2xs 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-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5\">\n                  Description\n                </label>\n                <AutoGrowTextarea\n                  value={draft.description}\n                  onChange={(v) => update({ description: v })}\n                  placeholder=\"A short description shown on role cards and in the operations view.\"\n                  rows={2}\n                />\n              </div>\n            </div>\n          </SectionGroup>\n\n          {/* Sequence placement — only meaningful for stations, so these two\n              sections follow the Pace Board toggle, easing in and out with it. */}\n          <div\n            className={`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            <SectionGroup\n              icon={LayoutDashboard}\n              label=\"Pace Board\"\n              annotation=\"where this station sits on the floor\"\n              accent\n            >\n              <div className=\"space-y-8\">\n                {/* Prior Step */}\n                <div>\n                  <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5\">\n                    Prior Step\n                  </label>\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-2xs text-text-tertiary leading-relaxed mt-1.5\">\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>\n                  <div className=\"flex items-center justify-between mb-1.5\">\n                    <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary\">\n                      Upstream Inputs\n                    </label>\n                    <LiveBadge />\n                  </div>\n                  <UpstreamSection role={role} allRoles={roles} />\n                </div>\n\n                {/* Home segment — which sequence leads everyone's home board.\n                    Single-holder: saving this on releases the previous holder. */}\n                <div>\n                  <div className=\"flex items-center justify-between gap-4\">\n                    <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary\">\n                      Home Segment\n                    </label>\n                    <button\n                      onClick={() => update({ ops_home_default: !draft.ops_home_default })}\n                      className={`w-9 h-5 rounded-full transition-colors relative shrink-0 ${\n                        draft.ops_home_default ? 'bg-accent' : 'bg-surface-border'\n                      }`}\n                      title=\"Lead the home Pace Board with this role's sequence\"\n                    >\n                      <span\n                        className={`absolute top-[3px] left-0 w-3.5 h-3.5 rounded-full bg-text-inverse transition-transform shadow ${\n                          draft.ops_home_default ? 'translate-x-[18px]' : 'translate-x-[3px]'\n                        }`}\n                      />\n                    </button>\n                  </div>\n                  <p className=\"text-2xs text-text-tertiary leading-relaxed mt-1.5\">\n                    Lead the home page's Pace Board with this role's sequence.\n                    One role holds this — saving it here releases the previous\n                    holder. Unset everywhere, the board opens on its first\n                    sequence.\n                  </p>\n                </div>\n              </div>\n            </SectionGroup>\n          </div>\n\n        </div>\n\n        {/* ── Col 2: Routing & People ── */}\n        <div className=\"space-y-14\">\n\n          {/* Escalation targets — live */}\n          <SectionGroup\n            icon={Network}\n            label=\"Escalation Targets\"\n            annotation=\"hand-off routing\"\n            aside={<LiveBadge />}\n          >\n            <EscalationSection role={role} allRoles={roles} />\n          </SectionGroup>\n\n          {/* Members — who can see through this window, and how far */}\n          <SectionGroup\n            icon={Users}\n            label=\"Members\"\n            annotation=\"read = what appears · write = what they can act on\"\n          >\n            <RoleMembersSection role={role.role} />\n          </SectionGroup>\n\n          {/* Default pins — the persona's starting bookmark set, live-save */}\n          <SectionGroup\n            icon={PinIcon}\n            label=\"Default Pins\"\n            annotation=\"pinned views every member starts with\"\n            aside={<LiveBadge />}\n          >\n            <DefaultPinsSection role={role} />\n          </SectionGroup>\n        </div>\n\n        {/* ── Col 3: Schemas & Properties ── */}\n        <div className=\"space-y-14\">\n          {/* Escalation Schema — versioned, edited on its own page */}\n          <SectionGroup\n            icon={Braces}\n            label=\"Escalation Schema\"\n            annotation=\"the resolve form\"\n            accent\n            aside={\n              role.current_schema_version != null ? (\n                <span className=\"text-2xs font-mono text-text-quaternary\">v{role.current_schema_version} in use</span>\n              ) : undefined\n            }\n          >\n            <p className=\"text-2xs 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          </SectionGroup>\n\n          {/* Escalations List Schema — versioned independently, edited on its own page */}\n          <SectionGroup\n            icon={LayoutList}\n            label=\"Escalations List Schema\"\n            annotation=\"rich list view\"\n            aside={\n              role.current_list_schema_version != null ? (\n                <span className=\"text-2xs font-mono text-text-quaternary\">v{role.current_list_schema_version} in use</span>\n              ) : undefined\n            }\n          >\n            <p className=\"text-2xs text-text-tertiary mb-3 leading-relaxed\">\n              Richly formats the escalation list when it's scoped to just this role.\n              Versioned on its own timeline — separate from the resolve form.\n            </p>\n            <Link\n              to={`/admin/roles/${encodeURIComponent(role.role)}/list-schema`}\n              className=\"text-xs text-accent hover:underline\"\n            >\n              {role.list_schema\n                ? `Open list schema editor — v${role.current_list_schema_version ?? 1} in use →`\n                : 'Define the list view →'}\n            </Link>\n          </SectionGroup>\n\n          {/* Metadata Schema */}\n          <SectionGroup\n            icon={Braces}\n            label=\"Metadata Schema\"\n            annotation=\"validates metadata at creation\"\n            aside={\n              !editingJson.has('metadata_schema') && role.metadata_schema ? (\n                <button onClick={() => startEditingJson('metadata_schema')} className=\"text-2xs text-accent hover:underline\">Edit</button>\n              ) : undefined\n            }\n          >\n            <p className=\"text-2xs 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-2xs text-status-error mt-1\">{errors.metadata_schema}</p>}\n              </>\n            )}\n          </SectionGroup>\n\n          {/* Properties (free custom-JSON bag) is intentionally not rendered:\n              nothing consumes it yet and it crowded the column. The draft still\n              round-trips the stored value on save, so existing data is kept. */}\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","SectionGroup","Icon","label","annotation","aside","accent","children","hue","LiveBadge","EscalationSection","allRoles","chainsData","useEscalationChains","addChain","useAddEscalationChain","removeChain","useRemoveEscalationChain","newTarget","setNewTarget","useState","chains","targets","useMemo","c","available","e","PillWell","t","items","empty","onRemove","item","UpstreamSection","updateRole","useUpdateRole","newUpstream","setNewUpstream","upstreams","save","next","x","DefaultPinsSection","setLabel","url","setUrl","badge","setBadge","pins","canAdd","p","draftFrom","FACET_KEY","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","facet","newErrors","parseNum","s","v","parseCount","handleDelete","Inbox","inUse","canSave","sla","tph","wc","slaOk","tphOk","wcOk","derivedCapacityHint","BookOpen","GitBranch","key","unit","placeholder","Check","Trash2","Tag","AutoGrowTextarea","LayoutDashboard","Network","Users","PinIcon","Braces","Link","LayoutList","JsonViewer","Fragment","val","ConfirmDeleteModal"],"mappings":"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"}

package/dashboard/dist/assets/RolesPage-BHzWK9n6.js

@@ -1,2 +0,0 @@
-import{a as u,j as e}from"./vendor-query-RUZdMvN6.js";import{a7 as _,G as L,a8 as P,I as y}from"./index-CfAi1OsI.js";import{P as E}from"./PageHeader-Ce4GcIYo.js";import{R as v}from"./RolePill-CnuBPhPw.js";import{M as S}from"./Modal-BU7No9NH.js";import{ae as T}from"./vendor-icons-BpZiWH2f.js";import{u as A,L as $}from"./vendor-react-CdqEC2zv.js";function I({open:s,onClose:i}){const n=_(),[t,f]=u.useState(""),[j,o]=u.useState(s);s!==j&&(o(s),s&&(f(""),n.reset()));const N=()=>{const r=t.trim().toLowerCase();r&&n.mutate(r,{onSuccess:i})};return e.jsx(S,{open:s,onClose:i,title:"Create Role",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Role Name (required)"}),e.jsx("input",{type:"text",value:t,onChange:r=>f(r.target.value),placeholder:"e.g., reviewer",className:"input text-xs w-full",onKeyDown:r=>{r.key==="Enter"&&N()}}),e.jsx("p",{className:"text-2xs text-text-tertiary mt-1",children:"Lowercase letters, numbers, hyphens, and underscores only."})]}),n.error&&e.jsx("p",{className:"text-xs text-status-error",children:n.error.message}),e.jsxs("div",{className:"flex justify-end gap-3 pt-2",children:[e.jsx("button",{onClick:i,className:"btn-secondary text-xs",children:"Cancel"}),e.jsx("button",{onClick:N,disabled:!t.trim()||n.isPending,className:"btn-primary text-xs",children:n.isPending?"Creating...":"Create"})]})]})})}const R="200px 160px 1fr 130px 160px 88px 204px",g="text-text-secondary transition-colors group-hover/row:text-text-primary",l="text-2xs font-semibold uppercase tracking-widest text-text-quaternary",b=`${l} text-right flex-1 min-w-0`,m="py-2",p="py-2.5";function M(){return e.jsxs("div",{className:"grid gap-4 px-3 border-b border-surface-border bg-surface",style:{gridTemplateColumns:R},children:[e.jsx("span",{className:`${l} ${m} flex items-center pl-[18px]`,children:"Role"}),e.jsx("span",{className:`${l} ${m} flex items-center`,children:"Key"}),e.jsx("span",{className:`${l} ${m} flex items-center`,children:"Description"}),e.jsx("span",{className:`${l} ${m} flex items-center`,children:"Preceded By"}),e.jsx("span",{className:`${l} ${m} flex items-center`,children:"Escalates To"}),e.jsx("span",{className:`${l} ${m} flex items-center justify-end`,children:"Members"}),e.jsxs("div",{className:"flex gap-3 items-center bg-surface-sunken px-3",children:[e.jsx("span",{className:b,children:"SLA/M"}),e.jsx("span",{className:b,children:"Target/h"}),e.jsx("span",{className:b,children:"Staff"})]})]})}const C="text-xs tabular-nums text-right flex-1 min-w-0 transition-colors";function O({role:s,targets:i,onClick:n}){return e.jsxs("div",{role:"button",tabIndex:0,onClick:n,onKeyDown:t=>{(t.key==="Enter"||t.key===" ")&&n()},className:"grid gap-4 px-3 cursor-pointer group/row",style:{gridTemplateColumns:R},children:[e.jsxs("div",{className:`flex items-center gap-2.5 min-w-0 ${p}`,children:[e.jsx("span",{className:`w-2.5 h-2.5 rounded-full dot-ring shrink-0 ${s.ops_visible?"bg-status-success":"bg-surface-border"}`,title:s.ops_visible?"Visible in Operations":"Enable in role settings to show in Operations"}),e.jsx("span",{className:`text-sm truncate ${g}`,children:y(s)})]}),e.jsx("span",{className:`flex items-center text-xs font-mono truncate ${p} text-text-tertiary transition-colors group-hover/row:text-text-secondary`,children:s.role}),e.jsx("span",{className:`flex items-center min-w-0 text-xs text-text-tertiary truncate ${p} transition-colors group-hover/row:text-text-secondary`,children:s.description??""}),e.jsx("div",{className:`flex items-center min-w-0 ${p}`,onClick:t=>t.stopPropagation(),children:s.parent_role&&e.jsx($,{to:`/admin/roles/${encodeURIComponent(s.parent_role)}`,className:"min-w-0 truncate text-text-secondary transition-colors hover:text-accent",children:e.jsx(v,{role:s.parent_role,tone:"inherit"})})}),e.jsx("div",{className:`flex items-center flex-wrap gap-x-2.5 gap-y-0.5 min-w-0 ${p}`,onClick:t=>t.stopPropagation(),children:i.map(t=>e.jsx($,{to:`/admin/roles/${encodeURIComponent(t)}`,className:"min-w-0 truncate text-text-secondary transition-colors hover:text-accent",children:e.jsx(v,{role:t,tone:"inherit"})},t))}),e.jsx("span",{className:`flex items-center justify-end text-sm tabular-nums ${p} transition-colors ${g}`,children:s.user_count>0?s.user_count:""}),e.jsxs("div",{className:"flex gap-3 items-center bg-surface-sunken px-3",children:[e.jsx("span",{className:`${C} ${g}`,children:s.sla_minutes??""}),e.jsx("span",{className:`${C} ${g}`,children:s.target_per_hour??""}),e.jsx("span",{className:`${C} ${g}`,children:s.worker_count??""})]})]})}function G(){const s=A(),{data:i,isLoading:n}=L(),{data:t}=P(),[f,j]=u.useState(!1),[o,N]=u.useState(""),r=(i==null?void 0:i.roles)??[],w=(t==null?void 0:t.chains)??[],k=u.useMemo(()=>{const a=new Map;for(const{source_role:x,target_role:c}of w){const d=a.get(x)??[];a.set(x,[...d,c])}return a},[w]),h=u.useMemo(()=>{const a=[...r].sort((c,d)=>y(c).localeCompare(y(d)));if(!o.trim())return a;const x=o.toLowerCase();return a.filter(c=>{var d;return c.role.toLowerCase().includes(x)||y(c).toLowerCase().includes(x)||((d=c.description)==null?void 0:d.toLowerCase().includes(x))})},[r,o]);return e.jsxs("div",{children:[e.jsx(E,{title:"Roles",docsHash:"#docs:dashboard.md:roles",actions:e.jsx("button",{onClick:()=>j(!0),className:"btn-primary text-xs flex items-center gap-1.5",children:"+ Add Role"})}),!n&&r.length>0&&e.jsxs("div",{className:"sticky top-0 z-20 bg-surface pt-3",children:[e.jsxs("div",{className:"bg-surface-sunken rounded-lg px-5 py-3 mb-3 flex items-center gap-3",children:[e.jsx(T,{className:"w-3 h-3 text-text-quaternary shrink-0"}),e.jsx("input",{type:"text",value:o,onChange:a=>N(a.target.value),placeholder:`Search ${r.length} roles…`,className:"input w-56"}),o&&h.length!==r.length&&e.jsxs("span",{className:"text-2xs text-text-quaternary tabular-nums shrink-0",children:[h.length," of ",r.length]})]}),h.length>0&&e.jsx(M,{})]}),n?e.jsx("div",{className:"animate-pulse space-y-3 mt-6",children:[1,2,3,4,5].map(a=>e.jsx("div",{className:"h-10 bg-surface-sunken rounded w-full"},a))}):h.length===0?e.jsx("p",{className:"text-sm text-text-tertiary mt-8",children:o?"Clear the search to see all roles.":"Create a role to get started."}):e.jsx(e.Fragment,{children:e.jsx("div",{className:"divide-y divide-surface-border/30",children:h.map(a=>e.jsx(O,{role:a,targets:k.get(a.role)??[],onClick:()=>s(`/admin/roles/${encodeURIComponent(a.role)}`)},a.role))})}),e.jsx(I,{open:f,onClose:()=>j(!1)})]})}export{G as RolesPage};
-//# sourceMappingURL=RolesPage-BHzWK9n6.js.map