@hotmeshio/long-tail 0.10.3 → 0.10.4

package/dashboard/dist/assets/EscalationSchemaPage-BCC7iscN.js.map

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

package/dashboard/dist/assets/EscalationsOverview-CvIdOtoP.js

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

package/dashboard/dist/assets/EscalationsOverview-CvIdOtoP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EscalationsOverview-CvIdOtoP.js","sources":["../../src/pages/operator/EscalationsOverview.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { useEscalationStats } from '../../api/escalations';\nimport { useEscalationStatsEvents } from '../../hooks/useEventHooks';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { StatCard } from '../../components/common/data/StatCard';\n\n// ── Duration filter ──────────────────────────────────────────────────────────\n\nconst DURATIONS = [\n  { label: '1h', value: '1h' },\n  { label: '24h', value: '24h' },\n  { label: '7d', value: '7d' },\n  { label: '30d', value: '30d' },\n] as const;\n\ntype DurationValue = (typeof DURATIONS)[number]['value'];\n\n// ── Clickable stat cell ──────────────────────────────────────────────────────\n\nfunction StatCell({\n  value,\n  colorClass,\n  onClick,\n}: {\n  value: number;\n  colorClass: string;\n  onClick: () => void;\n}) {\n  if (value === 0) {\n    return <span className=\"text-text-tertiary\">0</span>;\n  }\n  return (\n    <button\n      onClick={onClick}\n      className={`${colorClass} hover:underline tabular-nums font-medium`}\n    >\n      {value}\n    </button>\n  );\n}\n\n// ── Page ─────────────────────────────────────────────────────────────────────\n\nexport function EscalationsOverview() {\n  useEscalationStatsEvents();\n  const navigate = useNavigate();\n  const [duration, setDuration] = useState<DurationValue>('24h');\n\n  const { data: stats } = useEscalationStats(duration);\n\n  const goToList = (params?: Record<string, string>) => {\n    const qs = new URLSearchParams(params).toString();\n    navigate(`/escalations/available${qs ? `?${qs}` : ''}`);\n  };\n\n  const thCls = 'pb-2 text-2xs font-semibold uppercase tracking-widest text-text-tertiary';\n\n  return (\n    <div>\n      <PageHeader title=\"Escalations\" docsHash=\"#docs:dashboard.md:escalations-overview\" />\n\n      {/* Duration tabs */}\n      <div className=\"flex items-center gap-1 mb-6\">\n        {DURATIONS.map((d) => (\n          <button\n            key={d.value}\n            onClick={() => setDuration(d.value)}\n            className={`px-3 py-1 text-xs rounded-full transition-colors ${\n              duration === d.value\n                ? 'bg-accent text-text-inverse'\n                : 'text-text-tertiary hover:text-text-primary hover:bg-surface-hover'\n            }`}\n          >\n            {d.label}\n          </button>\n        ))}\n      </div>\n\n      {/* Summary cards */}\n      <div className=\"grid grid-cols-4 gap-4 mb-8\">\n        <StatCard label=\"Open\" value={stats?.pending ?? '—'} colorClass=\"text-status-pending\" onClick={() => goToList()} />\n        <StatCard label=\"Claimed\" value={stats?.claimed ?? '—'} colorClass=\"text-status-active\" onClick={() => goToList()} />\n        <StatCard label=\"Created\" value={stats?.created ?? '—'} onClick={() => goToList()} />\n        <StatCard label=\"Resolved\" value={stats?.resolved ?? '—'} colorClass=\"text-status-success\" onClick={() => goToList()} />\n      </div>\n\n      {/* By-role table */}\n      {(stats?.by_role?.length ?? 0) > 0 && (\n        <div className=\"mb-8\">\n          <table className=\"w-full text-left\">\n            <thead>\n              <tr className=\"border-b border-surface-border\">\n                <th className={thCls}>Role</th>\n                <th className={`${thCls} text-right w-24`}>Pending</th>\n                <th className={`${thCls} text-right w-24`}>Claimed</th>\n              </tr>\n            </thead>\n            <tbody>\n              {stats!.by_role.map((row) => (\n                <tr key={row.role} className=\"border-b border-surface-border last:border-b-0\">\n                  <td className=\"py-3 text-sm font-mono text-text-primary\">\n                    <button\n                      onClick={() => goToList({ role: row.role })}\n                      className=\"hover:text-accent hover:underline\"\n                    >\n                      {row.role}\n                    </button>\n                  </td>\n                  <td className=\"py-3 text-sm text-right\">\n                    <StatCell\n                      value={row.pending}\n                      colorClass=\"text-status-pending\"\n                      onClick={() => goToList({ role: row.role })}\n                    />\n                  </td>\n                  <td className=\"py-3 text-sm text-right\">\n                    <StatCell\n                      value={row.claimed}\n                      colorClass=\"text-status-active\"\n                      onClick={() => goToList({ role: row.role })}\n                    />\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      )}\n\n      {/* By-type table */}\n      {(stats?.by_type?.length ?? 0) > 0 && (\n        <div>\n          <table className=\"w-full text-left\">\n            <thead>\n              <tr className=\"border-b border-surface-border\">\n                <th className={thCls}>Type</th>\n                <th className={`${thCls} text-right w-24`}>Pending</th>\n                <th className={`${thCls} text-right w-24`}>Claimed</th>\n                <th className={`${thCls} text-right w-24`}>Resolved</th>\n              </tr>\n            </thead>\n            <tbody>\n              {stats!.by_type.map((row) => (\n                <tr key={row.type} className=\"border-b border-surface-border last:border-b-0\">\n                  <td className=\"py-3 text-sm font-mono text-text-primary\">\n                    <button\n                      onClick={() => goToList({ type: row.type })}\n                      className=\"hover:text-accent hover:underline\"\n                    >\n                      {row.type}\n                    </button>\n                  </td>\n                  <td className=\"py-3 text-sm text-right\">\n                    <StatCell\n                      value={row.pending}\n                      colorClass=\"text-status-pending\"\n                      onClick={() => goToList({ type: row.type })}\n                    />\n                  </td>\n                  <td className=\"py-3 text-sm text-right\">\n                    <StatCell\n                      value={row.claimed}\n                      colorClass=\"text-status-active\"\n                      onClick={() => goToList({ type: row.type })}\n                    />\n                  </td>\n                  <td className=\"py-3 text-sm text-right\">\n                    <StatCell\n                      value={row.resolved}\n                      colorClass=\"text-status-success\"\n                      onClick={() => goToList({ type: row.type })}\n                    />\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      )}\n\n      {/* Empty state */}\n      {stats && stats.by_role.length === 0 && stats.by_type.length === 0 && (\n        <div className=\"py-16 text-center\">\n          <p className=\"text-sm text-text-tertiary\">\n            No escalation activity in the last {duration}\n          </p>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["DURATIONS","StatCell","value","colorClass","onClick","jsx","EscalationsOverview","useEscalationStatsEvents","navigate","useNavigate","duration","setDuration","useState","stats","useEscalationStats","goToList","params","qs","thCls","PageHeader","d","jsxs","StatCard","_a","row","_b"],"mappings":"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"}

package/dashboard/dist/assets/EventTable-DJWJ7J0m.js

@@ -0,0 +1,2 @@
+import{a as u,j as t}from"./vendor-query-B2UbickB.js";import{F as O,b as y}from"./FilterBar-BR3ztZ8y.js";import{f as D,C as P}from"./index-C-8xXyvr.js";import{E as A}from"./SwimlaneTimeline-CA106TYo.js";const S="lt-collapsed-sections";function L(s){try{const r=localStorage.getItem(`${S}:${s}`);return r?new Set(JSON.parse(r)):new Set}catch{return new Set}}function h(s,r){localStorage.setItem(`${S}:${s}`,JSON.stringify([...r]))}function q(s){const[r,d]=u.useState(()=>L(s)),m=u.useCallback(i=>r.has(i),[r]),x=u.useCallback(i=>{d(c=>{const a=new Set(c);return a.has(i)?a.delete(i):a.add(i),h(s,a),a})},[s]),p=u.useCallback(i=>{d(c=>{if(c.has(i))return c;const a=new Set(c);return a.add(i),h(s,a),a})},[s]),f=u.useCallback(i=>{d(c=>{if(!c.has(i))return c;const a=new Set(c);return a.delete(i),h(s,a),a})},[s]);return{isCollapsed:m,toggle:x,collapse:p,expand:f}}const R=new Set(["activity_task_scheduled","timer_started","child_workflow_execution_started","signal_wait_started"]),Y=new Set(["activity_task_completed","activity_task_failed","timer_fired","child_workflow_execution_completed","child_workflow_execution_failed","workflow_execution_signaled"]);function I(s){const r=new Set;for(const d of s)Y.has(d.event_type)&&d.attributes.timeline_key&&r.add(d.attributes.timeline_key);return r}function z({events:s,childTasks:r,jid:d,appId:m}){const[x,p]=u.useState(""),[f,i]=u.useState(""),[c,a]=u.useState("asc"),[b,_]=u.useState(new Set),j=[...new Set(s.map(e=>e.category))].sort(),v=[...new Set(s.map(e=>e.event_type))].sort(),k=I(s),N=e=>{if(e.duration_ms!==null||!R.has(e.event_type))return!1;const n=e.attributes.timeline_key;return!(n&&k.has(n))};let l=s;x&&(l=l.filter(e=>e.category===x)),f&&(l=l.filter(e=>e.event_type===f)),l=[...l].sort((e,n)=>c==="asc"?e.event_id-n.event_id:n.event_id-e.event_id);const C=e=>{switch(e){case"activity":return"bg-status-active";case"signal":return"bg-status-success";case"timer":return"bg-status-warning";case"child_workflow":return"bg-accent";default:return"bg-text-tertiary"}},E=e=>{const n=e.event_type;if(e.attributes.activity_type)return`${n} — ${e.attributes.activity_type}`;if(e.attributes.signal_name)return`${n} — ${e.attributes.signal_name}`;if(e.attributes.child_workflow_id){const o=e.attributes.child_workflow_id,F=o.length>24?`${o.slice(0,24)}...`:o;return`${n} — ${F}`}return n},$=e=>{if(!(r!=null&&r.length))return;const n=e.attributes.activity_type;if(n)return r.find(o=>o.workflow_type===n)},g=e=>{_(n=>{const o=new Set(n);return o.has(e)?o.delete(e):o.add(e),o})},w=l.length>0&&l.every(e=>b.has(e.event_id)),T=()=>{_(w?new Set:new Set(l.map(e=>e.event_id)))};return t.jsxs("div",{children:[t.jsxs("div",{className:"px-6 py-4 border-b border-surface-border flex items-center justify-between flex-wrap gap-3",children:[t.jsxs("div",{className:"flex items-center gap-4",children:[t.jsxs("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:["Events (",l.length,")"]}),l.length>0&&t.jsx("button",{onClick:T,className:"text-2xs text-accent hover:underline",children:w?"Collapse all":"Expand all"})]}),t.jsxs(O,{children:[t.jsx(y,{label:"Category",value:x,onChange:p,options:j.map(e=>({value:e,label:e}))}),t.jsx(y,{label:"Type",value:f,onChange:i,options:v.map(e=>({value:e,label:e}))}),t.jsx("button",{onClick:()=>a(e=>e==="asc"?"desc":"asc"),className:"btn-ghost text-xs",children:c==="asc"?"Oldest first":"Newest first"})]})]}),t.jsx("div",{children:l.length===0?t.jsx("div",{className:"px-6 py-8 text-center",children:t.jsx("p",{className:"text-sm text-text-tertiary",children:"No events match the current filters"})}):l.map(e=>{const n=b.has(e.event_id),o=N(e);return t.jsxs("div",{className:"border-b border-surface-border last:border-b-0",children:[t.jsxs("div",{className:"px-6 py-3 flex items-center gap-4 cursor-pointer hover:bg-surface-hover transition-colors duration-200",onClick:()=>g(e.event_id),children:[t.jsx("span",{className:`text-2xs text-text-tertiary transition-transform duration-300 ${n?"rotate-90":""}`,children:"▶"}),t.jsx("span",{className:"text-xs font-mono text-text-tertiary w-8 shrink-0",children:e.event_id}),t.jsx("span",{className:`w-2 h-2 rounded-full dot-ring shrink-0 ${C(e.category)}`}),t.jsx("span",{className:"text-sm text-text-primary flex-1 truncate",children:E(e)}),t.jsx("span",{className:"text-xs font-mono text-text-tertiary shrink-0",children:o?t.jsxs("span",{className:"inline-flex items-center gap-1 text-status-warning",children:[t.jsx("span",{className:"w-1.5 h-1.5 rounded-full dot-ring bg-status-warning animate-pulse"}),"Pending"]}):e.duration_ms!==null?D(e.duration_ms):"--"}),t.jsx("time",{className:"text-2xs font-mono text-text-tertiary shrink-0",children:new Date(e.event_time).toLocaleTimeString()})]}),t.jsx(P,{open:n&&!!e.attributes,children:t.jsx("div",{className:"px-6 pb-4 pl-16",children:t.jsx(A,{event:e,childTask:$(e),pending:o,jid:d,appId:m,onClose:()=>g(e.event_id)})})})]},e.event_id)})})]})}export{z as E,q as u};
+//# sourceMappingURL=EventTable-DJWJ7J0m.js.map

package/dashboard/dist/assets/EventTable-DJWJ7J0m.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventTable-DJWJ7J0m.js","sources":["../../src/hooks/useCollapsedSections.ts","../../src/pages/workflows/workflow-execution/EventTable.tsx"],"sourcesContent":["import { useState, useCallback } from 'react';\n\nconst STORAGE_KEY = 'lt-collapsed-sections';\n\nfunction load(pageKey: string): Set<string> {\n  try {\n    const raw = localStorage.getItem(`${STORAGE_KEY}:${pageKey}`);\n    if (!raw) return new Set();\n    return new Set(JSON.parse(raw));\n  } catch {\n    return new Set();\n  }\n}\n\nfunction save(pageKey: string, set: Set<string>) {\n  localStorage.setItem(`${STORAGE_KEY}:${pageKey}`, JSON.stringify([...set]));\n}\n\nexport function useCollapsedSections(pageKey: string) {\n  const [collapsed, setCollapsed] = useState<Set<string>>(() => load(pageKey));\n\n  const isCollapsed = useCallback(\n    (section: string) => collapsed.has(section),\n    [collapsed],\n  );\n\n  const toggle = useCallback(\n    (section: string) => {\n      setCollapsed((prev) => {\n        const next = new Set(prev);\n        if (next.has(section)) {\n          next.delete(section);\n        } else {\n          next.add(section);\n        }\n        save(pageKey, next);\n        return next;\n      });\n    },\n    [pageKey],\n  );\n\n  const collapse = useCallback(\n    (section: string) => {\n      setCollapsed((prev) => {\n        if (prev.has(section)) return prev;\n        const next = new Set(prev);\n        next.add(section);\n        save(pageKey, next);\n        return next;\n      });\n    },\n    [pageKey],\n  );\n\n  const expand = useCallback(\n    (section: string) => {\n      setCollapsed((prev) => {\n        if (!prev.has(section)) return prev;\n        const next = new Set(prev);\n        next.delete(section);\n        save(pageKey, next);\n        return next;\n      });\n    },\n    [pageKey],\n  );\n\n  return { isCollapsed, toggle, collapse, expand };\n}\n","import { useState } from 'react';\nimport { FilterBar, FilterSelect } from '../../../components/common/data/FilterBar';\nimport { Collapsible } from '../../../components/common/layout/Collapsible';\nimport type { WorkflowExecutionEvent, LTTaskRecord } from '../../../api/types';\nimport { EventDetailPanel } from './EventDetailPanel';\nimport { formatDuration } from './utils';\n\ninterface EventTableProps {\n  events: WorkflowExecutionEvent[];\n  childTasks?: LTTaskRecord[];\n  /** Job id (workflowId) — enables the per-activity raw-stream drill-down. */\n  jid?: string;\n  /** HotMesh namespace / DB schema for the raw-stream lookup (default: durable). */\n  appId?: string;\n}\n\n/** Event types that represent the \"start\" phase of a paired operation */\nconst STARTED_TYPES = new Set([\n  'activity_task_scheduled',\n  'timer_started',\n  'child_workflow_execution_started',\n  'signal_wait_started',\n]);\n\n/** Completion event types that close a paired operation */\nconst COMPLETED_TYPES = new Set([\n  'activity_task_completed',\n  'activity_task_failed',\n  'timer_fired',\n  'child_workflow_execution_completed',\n  'child_workflow_execution_failed',\n  'workflow_execution_signaled',\n]);\n\n/**\n * Build a set of timeline_keys that have a matching completion event.\n * A \"scheduled\" event is only truly pending if no completion exists.\n */\nfunction buildCompletedKeys(events: WorkflowExecutionEvent[]): Set<string> {\n  const keys = new Set<string>();\n  for (const e of events) {\n    if (COMPLETED_TYPES.has(e.event_type) && e.attributes.timeline_key) {\n      keys.add(e.attributes.timeline_key);\n    }\n  }\n  return keys;\n}\n\nexport function EventTable({ events, childTasks, jid, appId }: EventTableProps) {\n  const [categoryFilter, setCategoryFilter] = useState('');\n  const [typeFilter, setTypeFilter] = useState('');\n  const [sortOrder, setSortOrder] = useState<'asc' | 'desc'>('asc');\n  const [expandedEvents, setExpandedEvents] = useState<Set<number>>(new Set());\n\n  const categories = [...new Set(events.map((e) => e.category))].sort();\n  const eventTypes = [...new Set(events.map((e) => e.event_type))].sort();\n  const completedKeys = buildCompletedKeys(events);\n\n  /** True only when a \"started/scheduled\" event has no matching completion */\n  const isPending = (evt: WorkflowExecutionEvent): boolean => {\n    if (evt.duration_ms !== null) return false;\n    if (!STARTED_TYPES.has(evt.event_type)) return false;\n    const tlk = evt.attributes.timeline_key;\n    if (tlk && completedKeys.has(tlk)) return false;\n    return true;\n  };\n\n  let filtered = events;\n  if (categoryFilter) filtered = filtered.filter((e) => e.category === categoryFilter);\n  if (typeFilter) filtered = filtered.filter((e) => e.event_type === typeFilter);\n\n  filtered = [...filtered].sort((a, b) =>\n    sortOrder === 'asc' ? a.event_id - b.event_id : b.event_id - a.event_id,\n  );\n\n  const categoryDot = (category: string) => {\n    switch (category) {\n      case 'activity':\n        return 'bg-status-active';\n      case 'signal':\n        return 'bg-status-success';\n      case 'timer':\n        return 'bg-status-warning';\n      case 'child_workflow':\n        return 'bg-accent';\n      default:\n        return 'bg-text-tertiary';\n    }\n  };\n\n  /** Build a descriptive label for an event row */\n  const eventLabel = (evt: WorkflowExecutionEvent): string => {\n    const base = evt.event_type;\n    if (evt.attributes.activity_type) {\n      return `${base} — ${evt.attributes.activity_type}`;\n    }\n    if (evt.attributes.signal_name) {\n      return `${base} — ${evt.attributes.signal_name}`;\n    }\n    if (evt.attributes.child_workflow_id) {\n      const id = evt.attributes.child_workflow_id;\n      const truncated = id.length > 24 ? `${id.slice(0, 24)}...` : id;\n      return `${base} — ${truncated}`;\n    }\n    return base;\n  };\n\n  /** Find a matching child task for an event's activity_type */\n  const findChildTask = (evt: WorkflowExecutionEvent): LTTaskRecord | undefined => {\n    if (!childTasks?.length) return undefined;\n    const activityType = evt.attributes.activity_type;\n    if (!activityType) return undefined;\n    return childTasks.find((t) => t.workflow_type === activityType);\n  };\n\n  const toggleEvent = (id: number) => {\n    setExpandedEvents((prev) => {\n      const next = new Set(prev);\n      if (next.has(id)) next.delete(id);\n      else next.add(id);\n      return next;\n    });\n  };\n\n  const allExpanded = filtered.length > 0 && filtered.every((e) => expandedEvents.has(e.event_id));\n\n  const toggleAll = () => {\n    if (allExpanded) {\n      setExpandedEvents(new Set());\n    } else {\n      setExpandedEvents(new Set(filtered.map((e) => e.event_id)));\n    }\n  };\n\n  return (\n    <div>\n      <div className=\"px-6 py-4 border-b border-surface-border flex items-center justify-between flex-wrap gap-3\">\n        <div className=\"flex items-center gap-4\">\n          <p className=\"text-2xs font-semibold uppercase tracking-widest text-text-tertiary\">\n            Events ({filtered.length})\n          </p>\n          {filtered.length > 0 && (\n            <button onClick={toggleAll} className=\"text-2xs text-accent hover:underline\">\n              {allExpanded ? 'Collapse all' : 'Expand all'}\n            </button>\n          )}\n        </div>\n        <FilterBar>\n          <FilterSelect\n            label=\"Category\"\n            value={categoryFilter}\n            onChange={setCategoryFilter}\n            options={categories.map((c) => ({ value: c, label: c }))}\n          />\n          <FilterSelect\n            label=\"Type\"\n            value={typeFilter}\n            onChange={setTypeFilter}\n            options={eventTypes.map((t) => ({ value: t, label: t }))}\n          />\n          <button\n            onClick={() => setSortOrder((s) => (s === 'asc' ? 'desc' : 'asc'))}\n            className=\"btn-ghost text-xs\"\n          >\n            {sortOrder === 'asc' ? 'Oldest first' : 'Newest first'}\n          </button>\n        </FilterBar>\n      </div>\n\n      <div>\n        {filtered.length === 0 ? (\n          <div className=\"px-6 py-8 text-center\">\n            <p className=\"text-sm text-text-tertiary\">No events match the current filters</p>\n          </div>\n        ) : (\n          filtered.map((evt) => {\n            const isExpanded = expandedEvents.has(evt.event_id);\n            const pending = isPending(evt);\n\n            return (\n              <div\n                key={evt.event_id}\n                className=\"border-b border-surface-border last:border-b-0\"\n              >\n                {/* Row header */}\n                <div\n                  className=\"px-6 py-3 flex items-center gap-4 cursor-pointer hover:bg-surface-hover transition-colors duration-200\"\n                  onClick={() => toggleEvent(evt.event_id)}\n                >\n                  {/* Expand chevron */}\n                  <span\n                    className={`text-2xs text-text-tertiary transition-transform duration-300 ${isExpanded ? 'rotate-90' : ''}`}\n                  >\n                    &#9654;\n                  </span>\n\n                  <span className=\"text-xs font-mono text-text-tertiary w-8 shrink-0\">\n                    {evt.event_id}\n                  </span>\n                  <span\n                    className={`w-2 h-2 rounded-full dot-ring shrink-0 ${categoryDot(evt.category)}`}\n                  />\n                  <span className=\"text-sm text-text-primary flex-1 truncate\">\n                    {eventLabel(evt)}\n                  </span>\n                  <span className=\"text-xs font-mono text-text-tertiary shrink-0\">\n                    {pending ? (\n                      <span className=\"inline-flex items-center gap-1 text-status-warning\">\n                        <span className=\"w-1.5 h-1.5 rounded-full dot-ring bg-status-warning animate-pulse\" />\n                        Pending\n                      </span>\n                    ) : evt.duration_ms !== null ? (\n                      formatDuration(evt.duration_ms)\n                    ) : (\n                      '--'\n                    )}\n                  </span>\n                  <time className=\"text-2xs font-mono text-text-tertiary shrink-0\">\n                    {new Date(evt.event_time).toLocaleTimeString()}\n                  </time>\n                </div>\n\n                {/* Inline detail panel — directly below the clicked row */}\n                <Collapsible open={isExpanded && !!evt.attributes}>\n                  <div className=\"px-6 pb-4 pl-16\">\n                    <EventDetailPanel\n                      event={evt}\n                      childTask={findChildTask(evt)}\n                      pending={pending}\n                      jid={jid}\n                      appId={appId}\n                      onClose={() => toggleEvent(evt.event_id)}\n                    />\n                  </div>\n                </Collapsible>\n              </div>\n            );\n          })\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["STORAGE_KEY","load","pageKey","raw","save","set","useCollapsedSections","collapsed","setCollapsed","useState","isCollapsed","useCallback","section","toggle","prev","next","collapse","expand","STARTED_TYPES","COMPLETED_TYPES","buildCompletedKeys","events","keys","e","EventTable","childTasks","jid","appId","categoryFilter","setCategoryFilter","typeFilter","setTypeFilter","sortOrder","setSortOrder","expandedEvents","setExpandedEvents","categories","eventTypes","completedKeys","isPending","evt","tlk","filtered","a","b","categoryDot","category","eventLabel","base","id","truncated","findChildTask","activityType","t","toggleEvent","allExpanded","toggleAll","jsxs","jsx","FilterBar","FilterSelect","c","s","isExpanded","pending","formatDuration","Collapsible","EventDetailPanel"],"mappings":"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"}

package/dashboard/dist/assets/FilterBar-BR3ztZ8y.js

@@ -0,0 +1,2 @@
+import{a as r,j as e}from"./vendor-query-B2UbickB.js";import{ab as j}from"./index-C-8xXyvr.js";import{f as y,X as b}from"./vendor-icons-DKCAtTJ9.js";const m=r.createContext("inline"),d="filter-bar";function v({store:s}){const n=r.useSyncExternalStore(c=>(s.current.listeners.add(c),()=>s.current.listeners.delete(c)),()=>s.current.children);return e.jsx(e.Fragment,{children:n})}function E({children:s,actions:n,activeFilterCount:c}){const t=j(),i=t==null?void 0:t.setPanel,l=t==null?void 0:t.closePanel,o=((t==null?void 0:t.open)??!1)&&(t==null?void 0:t.ownerKey)===d,[a,u]=r.useState(!1),x=r.useRef({children:s,listeners:new Set});r.useEffect(()=>{x.current.children=s,x.current.listeners.forEach(h=>h())},[s]);const p=()=>{u(!1),l==null||l(d)},f=r.useRef(!1);return r.useEffect(()=>{if(o){f.current=!0;return}f.current&&(f.current=!1,u(!1))},[o]),r.useEffect(()=>()=>l==null?void 0:l(d),[l]),e.jsx("div",{className:"sticky top-0 z-20 bg-surface pt-3 pb-3",children:e.jsx("div",{className:"bg-surface-sunken rounded-lg px-4 py-2.5 @container/filters",children:e.jsxs("div",{className:"flex items-center gap-x-4 gap-y-2 flex-wrap",children:[e.jsx("div",{className:"hidden @filters/filters:contents",children:s}),e.jsxs("button",{onClick:()=>{a?p():(u(!0),i==null||i(e.jsx(w,{onClose:p,children:e.jsx(v,{store:x})}),{width:320,key:d}))},className:"@filters/filters:hidden inline-flex items-center gap-1.5 text-xs font-medium text-text-secondary hover:text-text-primary transition-colors","aria-expanded":a,"aria-label":"Filters",children:[e.jsx(y,{className:"w-3.5 h-3.5"}),"Filters",c!=null&&c>0&&e.jsx("span",{className:"rounded-full bg-accent/10 text-accent px-1.5 text-2xs tabular-nums font-semibold",children:c})]}),n&&e.jsx("div",{className:"ml-auto flex items-center gap-2",children:n})]})})})}function w({children:s,onClose:n}){return e.jsxs("div",{className:"h-full overflow-y-auto",children:[e.jsxs("div",{className:"sticky top-0 z-10 flex items-center justify-between px-4 py-3 bg-surface-raised border-b border-surface-border/50",children:[e.jsx("span",{className:"text-xs font-semibold text-text-primary",children:"Filters"}),e.jsx("button",{onClick:n,className:"p-1 rounded hover:bg-surface-hover text-text-tertiary hover:text-text-primary transition-colors",title:"Close",children:e.jsx(b,{className:"w-4 h-4"})})]}),e.jsx("div",{className:"px-4 py-3 space-y-4",children:e.jsx(m.Provider,{value:"stacked",children:s})})]})}function F(){return null}function S({label:s,value:n,onChange:c,options:t,required:i,placeholder:l}){const o=r.useContext(m);return e.jsxs("div",{className:o==="stacked"?"flex flex-col gap-1":"flex items-center gap-2",children:[e.jsx("label",{className:"text-2xs font-medium text-text-tertiary whitespace-nowrap",children:s}),e.jsxs("select",{value:n,onChange:a=>c(a.target.value),className:`select text-2xs py-1 ${o==="stacked"?"w-full":"w-auto min-w-[6rem]"}`,children:[!i&&e.jsx("option",{value:"",children:l||"All"}),t.map(a=>e.jsx("option",{value:a.value,children:a.label},a.value))]})]})}function C({label:s,value:n,onChange:c,placeholder:t}){const i=r.useContext(m),[l,o]=r.useState(n),a=r.useRef(void 0);r.useEffect(()=>{o(n)},[n]);const u=x=>{o(x),clearTimeout(a.current),a.current=setTimeout(()=>c(x),300)};return r.useEffect(()=>()=>clearTimeout(a.current),[]),e.jsxs("div",{className:i==="stacked"?"flex flex-col gap-1":"flex items-center gap-2",children:[e.jsx("label",{className:"text-2xs font-medium text-text-tertiary whitespace-nowrap",children:s}),e.jsx("input",{type:"text",value:l,onChange:x=>u(x.target.value),placeholder:t,className:`input text-2xs py-1 font-mono ${i==="stacked"?"w-full":"w-36 min-w-0 max-w-full"}`})]})}export{E as F,C as a,S as b,F as c};
+//# sourceMappingURL=FilterBar-BR3ztZ8y.js.map

package/dashboard/dist/assets/FilterBar-BR3ztZ8y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBar-BR3ztZ8y.js","sources":["../../src/components/common/data/FilterBar.tsx"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n  useSyncExternalStore,\n  type ReactNode,\n} from 'react';\nimport { SlidersHorizontal, X } from 'lucide-react';\nimport { useShellPanelOptional } from '../../../hooks/useShellPanel';\n\n/**\n * Filter layout context — the same controlled FilterSelect/FilterInput\n * children render inline in the bar (label beside control) or stacked in the\n * shell panel (label above control, full width). State stays URL-driven, so\n * the two surfaces are always in sync.\n */\nconst FilterLayoutContext = createContext<'inline' | 'stacked'>('inline');\n\ninterface FilterBarProps {\n  children: ReactNode;\n  actions?: ReactNode;\n  /** Count for the folded Filters button's badge (active, non-default filters). */\n  activeFilterCount?: number;\n}\n\n/**\n * The filter band. Geometry follows the container: at `@filters` width the\n * controls render inline and wrap as whole units; below it they fold behind\n * one Filters button that opens the same controls, stacked, in the shell's\n * right panel. The outer div stays sticky — sticky elements are never\n * containers, so the container sits on the inner band.\n */\n/** Shell-panel ownership key — the slot is shared with page panels. */\nconst FILTERS_PANEL_KEY = 'filter-bar';\n\n/**\n * Live-children bridge. The stacked panel renders in the shell's subtree, so\n * a snapshot node would go stale the moment a URL-driven filter changes..\n * Re-invoking setPanel every render to freshen it is worse: it loops (each\n * setPanel re-renders the provider, which re-creates children) and the loop\n * races the close click — a stale pass re-opens the panel just closed. So the\n * slot is claimed ONCE with a subscriber that pulls the latest children.\n */\ninterface LiveChildrenStore {\n  children: ReactNode;\n  listeners: Set<() => void>;\n}\n\nfunction LiveChildren({ store }: { store: { current: LiveChildrenStore } }) {\n  const children = useSyncExternalStore(\n    (onChange) => {\n      store.current.listeners.add(onChange);\n      return () => store.current.listeners.delete(onChange);\n    },\n    () => store.current.children,\n  );\n  return <>{children}</>;\n}\n\nexport function FilterBar({ children, actions, activeFilterCount }: FilterBarProps) {\n  // Outside the shell (tests, standalone surfaces) there is no panel to fold\n  // into — the fold button becomes inert and inline mode carries the day.\n  const shellPanel = useShellPanelOptional();\n  const setPanel = shellPanel?.setPanel;\n  const closePanel = shellPanel?.closePanel;\n  const ownsPanel = (shellPanel?.open ?? false) && shellPanel?.ownerKey === FILTERS_PANEL_KEY;\n  const [foldOpen, setFoldOpen] = useState(false);\n\n  // Publish the freshest children to the mounted panel after every commit.\n  const liveStore = useRef<LiveChildrenStore>({ children, listeners: new Set() });\n  useEffect(() => {\n    liveStore.current.children = children;\n    liveStore.current.listeners.forEach((notify) => notify());\n  }, [children]);\n\n  const closeFold = () => {\n    setFoldOpen(false);\n    closePanel?.(FILTERS_PANEL_KEY);\n  };\n\n  // The slot is shared: when it closes from anywhere (route change, its own\n  // X) or another claimant takes it, stand down so the button never lies.\n  const ownedRef = useRef(false);\n  useEffect(() => {\n    if (ownsPanel) {\n      ownedRef.current = true;\n      return;\n    }\n    if (ownedRef.current) {\n      ownedRef.current = false;\n      setFoldOpen(false);\n    }\n  }, [ownsPanel]);\n\n  // Unmount: release the slot if it is still ours (keyed — never yanks a\n  // panel another claimant owns).\n  useEffect(() => () => closePanel?.(FILTERS_PANEL_KEY), [closePanel]);\n\n  return (\n    <div className=\"sticky top-0 z-20 bg-surface pt-3 pb-3\">\n      <div className=\"bg-surface-sunken rounded-lg px-4 py-2.5 @container/filters\">\n        {/* One row, one actions slot. The children swap geometry: inline\n            controls at @filters width, one Filters button below it. */}\n        <div className=\"flex items-center gap-x-4 gap-y-2 flex-wrap\">\n          <div className=\"hidden @filters/filters:contents\">{children}</div>\n          <button\n            onClick={() => {\n              // Claim the slot on click — a click is intent, and it wins even\n              // when a page panel (e.g. the faceted query) currently holds it.\n              if (foldOpen) {\n                closeFold();\n              } else {\n                setFoldOpen(true);\n                setPanel?.(\n                  <StackedFilterPanel onClose={closeFold}>\n                    <LiveChildren store={liveStore} />\n                  </StackedFilterPanel>,\n                  { width: 320, key: FILTERS_PANEL_KEY },\n                );\n              }\n            }}\n            className=\"@filters/filters:hidden inline-flex items-center gap-1.5 text-xs font-medium text-text-secondary hover:text-text-primary transition-colors\"\n            aria-expanded={foldOpen}\n            aria-label=\"Filters\"\n          >\n            <SlidersHorizontal className=\"w-3.5 h-3.5\" />\n            Filters\n            {activeFilterCount != null && activeFilterCount > 0 && (\n              <span className=\"rounded-full bg-accent/10 text-accent px-1.5 text-2xs tabular-nums font-semibold\">\n                {activeFilterCount}\n              </span>\n            )}\n          </button>\n          {actions && <div className=\"ml-auto flex items-center gap-2\">{actions}</div>}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction StackedFilterPanel({ children, onClose }: { children: ReactNode; onClose: () => void }) {\n  return (\n    <div className=\"h-full overflow-y-auto\">\n      <div className=\"sticky top-0 z-10 flex items-center justify-between px-4 py-3 bg-surface-raised border-b border-surface-border/50\">\n        <span className=\"text-xs font-semibold text-text-primary\">Filters</span>\n        <button\n          onClick={onClose}\n          className=\"p-1 rounded hover:bg-surface-hover text-text-tertiary hover:text-text-primary transition-colors\"\n          title=\"Close\"\n        >\n          <X className=\"w-4 h-4\" />\n        </button>\n      </div>\n      <div className=\"px-4 py-3 space-y-4\">\n        <FilterLayoutContext.Provider value=\"stacked\">\n          {children}\n        </FilterLayoutContext.Provider>\n      </div>\n    </div>\n  );\n}\n\n/**\n * @deprecated The pipe separator is retired — the field fill + gap already\n * separate filters. Kept as a no-op so existing call sites don't break.\n */\nexport function FilterDivider() {\n  return null;\n}\n\ninterface FilterSelectProps {\n  label: string;\n  value: string;\n  onChange: (value: string) => void;\n  options: { value: string; label: string }[];\n  /** When true, omit the default \"All\" option — a value is always required. */\n  required?: boolean;\n  placeholder?: string;\n}\n\nexport function FilterSelect({ label, value, onChange, options, required, placeholder }: FilterSelectProps) {\n  const layout = useContext(FilterLayoutContext);\n  return (\n    <div className={layout === 'stacked' ? 'flex flex-col gap-1' : 'flex items-center gap-2'}>\n      <label className=\"text-2xs font-medium text-text-tertiary whitespace-nowrap\">{label}</label>\n      <select\n        value={value}\n        onChange={(e) => onChange(e.target.value)}\n        className={`select text-2xs py-1 ${layout === 'stacked' ? 'w-full' : 'w-auto min-w-[6rem]'}`}\n      >\n        {!required && <option value=\"\">{placeholder || 'All'}</option>}\n        {options.map((opt) => (\n          <option key={opt.value} value={opt.value}>\n            {opt.label}\n          </option>\n        ))}\n      </select>\n    </div>\n  );\n}\n\ninterface FilterInputProps {\n  label: string;\n  value: string;\n  onChange: (value: string) => void;\n  placeholder?: string;\n}\n\nexport function FilterInput({ label, value, onChange, placeholder }: FilterInputProps) {\n  const layout = useContext(FilterLayoutContext);\n  const [local, setLocal] = useState(value);\n  const timerRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n\n  // Sync from parent when the URL-driven value changes externally\n  useEffect(() => { setLocal(value); }, [value]);\n\n  const handleChange = (v: string) => {\n    setLocal(v);\n    clearTimeout(timerRef.current);\n    timerRef.current = setTimeout(() => onChange(v), 300);\n  };\n\n  // Flush on unmount\n  useEffect(() => () => clearTimeout(timerRef.current), []);\n\n  return (\n    <div className={layout === 'stacked' ? 'flex flex-col gap-1' : 'flex items-center gap-2'}>\n      <label className=\"text-2xs font-medium text-text-tertiary whitespace-nowrap\">{label}</label>\n      <input\n        type=\"text\"\n        value={local}\n        onChange={(e) => handleChange(e.target.value)}\n        placeholder={placeholder}\n        className={`input text-2xs py-1 font-mono ${layout === 'stacked' ? 'w-full' : 'w-36 min-w-0 max-w-full'}`}\n      />\n    </div>\n  );\n}\n"],"names":["FilterLayoutContext","createContext","FILTERS_PANEL_KEY","LiveChildren","store","children","useSyncExternalStore","onChange","FilterBar","actions","activeFilterCount","shellPanel","useShellPanelOptional","setPanel","closePanel","ownsPanel","foldOpen","setFoldOpen","useState","liveStore","useRef","useEffect","notify","closeFold","ownedRef","jsx","jsxs","StackedFilterPanel","SlidersHorizontal","onClose","X","FilterDivider","FilterSelect","label","value","options","required","placeholder","layout","useContext","e","opt","FilterInput","local","setLocal","timerRef","handleChange","v"],"mappings":"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"}

package/dashboard/dist/assets/GraphInvokePage-Cwn-8Glr.js

@@ -0,0 +1,2 @@
+import{a as l,j as e}from"./vendor-query-B2UbickB.js";import{l as L,u as O}from"./yaml-workflows-DM3jVem2.js";import{P as J}from"./PageHeader-DvEmMMP6.js";import{u as E}from"./useYamlActivityEvents-8GUn5Wie.js";import{R as P}from"./RunAsSelector-DzYcpQTm.js";import{b as A}from"./helpers-DzO-OGPe.js";import{X as $,as as z,ax as M,g as w,ad as T,H as W}from"./vendor-icons-DKCAtTJ9.js";import{L as F,f as q}from"./vendor-react-CXumBFUA.js";import{T as G}from"./ToolPill-xX-buQtY.js";import{N as B}from"./NamespacePill-LWvZXt_g.js";import"./index-C-8xXyvr.js";import"./BotPicker-CidlGr6f.js";import"./bots-ClgSrxel.js";const k={mcp:{border:"border-status-active",text:"text-status-active",icon:"MCP"},db:{border:"border-status-active",text:"text-status-active",icon:"DB"},llm:{border:"border-accent",text:"text-accent",icon:"LLM"},transform:{border:"border-status-success",text:"text-status-success",icon:"Map"}};function H({steps:a,manifest:x,isComplete:i}){const n=x.filter(t=>t.type==="worker"),u=n.length,s=n.map(t=>{const r=a.find(f=>f.activityId===t.activity_id),d=t.tool_source||"mcp",m=k[d]||k.mcp;return{activityId:t.activity_id,title:t.title||t.mcp_tool_name||t.activity_id,toolName:t.mcp_tool_name,colors:m,status:(r==null?void 0:r.status)||"pending",error:r==null?void 0:r.error}});return e.jsxs("div",{children:[e.jsx("p",{className:"text-2xs text-text-secondary mb-3",children:i?`All ${u} steps completed`:`Running step ${s.filter(t=>t.status==="completed").length+1} of ${u}...`}),e.jsx("div",{className:"space-y-0",children:s.map((t,r)=>{const d=r===s.length-1;return e.jsxs("div",{className:"flex items-stretch gap-2",children:[e.jsxs("div",{className:"flex flex-col items-center w-4 shrink-0",children:[e.jsx("span",{className:`w-2.5 h-2.5 rounded-full shrink-0 border-2 transition-colors ${t.status==="completed"?"bg-status-success border-status-success":t.status==="running"?`${t.colors.border} bg-transparent animate-pulse`:t.status==="failed"?"bg-status-error border-status-error":"bg-surface-sunken border-surface-border"}`}),!d&&e.jsx("span",{className:`w-px flex-1 transition-colors ${t.status==="completed"?"bg-status-success/30":"bg-surface-border"}`})]}),e.jsxs("div",{className:d?"":"pb-3",children:[e.jsx("p",{className:`text-2xs font-medium ${t.status==="running"?"text-text-primary":t.status==="completed"?"text-text-secondary":t.status==="failed"?"text-status-error":"text-text-tertiary"}`,children:t.title}),t.toolName&&e.jsx("span",{className:"text-2xs text-text-tertiary font-mono",children:t.toolName}),t.error&&e.jsx("p",{className:"text-2xs text-status-error mt-0.5",children:t.error})]})]},t.activityId)})})]})}function U({workflow:a,onClose:x}){const i=L(),[n,u]=l.useState(!1),[s,t]=l.useState({}),[r,d]=l.useState(""),[m,f]=l.useState(""),[b,S]=l.useState(""),[h,j]=l.useState(null),[N,g]=l.useState(null),{steps:C,isComplete:y}=E(h);l.useEffect(()=>{j(null),g(null),f(""),i.reset();const c=A(a.input_schema);t(c),d(JSON.stringify(c,null,2)),u(!1)},[a.id]),l.useEffect(()=>{if(y&&h){const c=h,o=setTimeout(()=>{g({jobId:c}),j(null)},800);return()=>clearTimeout(o)}},[y,h]);const _=()=>{if(!n)d(JSON.stringify(s,null,2));else try{t(JSON.parse(r))}catch{}u(!n)},I=async()=>{f(""),g(null);let c;if(n)try{c=JSON.parse(r)}catch{f("Invalid JSON");return}else c={...s};try{const o=await i.mutateAsync({id:a.id,data:c,sync:!1,...b?{execute_as:b}:{}});o.job_id&&j(o.job_id)}catch{}},v=!!h,R=a.app_id||"";return e.jsxs("div",{className:"border-l border-surface-border bg-surface-raised flex flex-col h-full",children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-3 border-b border-surface-border shrink-0",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("p",{className:"text-xs font-medium text-text-primary truncate",children:a.app_id}),e.jsx("code",{className:"text-2xs font-mono text-accent truncate block",children:a.graph_topic})]}),e.jsx("button",{onClick:()=>{v||x()},className:"p-1 text-text-tertiary hover:text-text-primary shrink-0 ml-2",children:e.jsx($,{className:"w-4 h-4"})})]}),e.jsx("div",{className:"flex-1 overflow-y-auto px-4 py-3 space-y-4",children:v?e.jsx(H,{steps:C,manifest:a.activity_manifest,isComplete:y}):N?e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("svg",{className:"w-4 h-4 text-status-success",viewBox:"0 0 16 16",fill:"currentColor",children:e.jsx("path",{d:"M8 1a7 7 0 110 14A7 7 0 018 1zm3.36 4.65a.5.5 0 00-.72 0L7 9.29 5.36 7.65a.5.5 0 10-.72.7l2 2a.5.5 0 00.72 0l4-4a.5.5 0 000-.7z"})}),e.jsx("p",{className:"text-xs font-medium text-status-success",children:"Workflow completed"})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs(F,{to:`/mcp/executions/${encodeURIComponent(N.jobId)}?namespace=${encodeURIComponent(R)}`,className:"inline-flex items-center gap-1.5 text-xs text-accent hover:underline",children:[e.jsx(z,{size:12})," View execution"]}),e.jsxs("button",{onClick:()=>g(null),className:"btn-primary text-xs inline-flex items-center gap-1.5",children:[e.jsx(M,{size:12})," Run again"]})]})]}):e.jsxs(e.Fragment,{children:[e.jsx(P,{selected:b,onChange:S}),a.description&&e.jsx("p",{className:"text-2xs text-text-secondary leading-relaxed",children:a.description}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-1",children:[e.jsx("label",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Input"}),e.jsx("button",{onClick:_,className:"text-2xs text-accent hover:underline",children:n?"Form view":"JSON view"})]}),n?e.jsx("textarea",{value:r,onChange:c=>d(c.target.value),className:"w-full bg-surface-sunken border border-surface-border rounded-md px-3 py-2 font-mono text-2xs text-text-primary focus:outline-none focus:ring-1 focus:ring-inset focus:ring-accent-primary resize-y",rows:6,spellCheck:!1}):e.jsxs("div",{className:"space-y-3 max-h-[300px] overflow-y-auto",children:[Object.entries(s).map(([c,o])=>e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:c}),typeof o=="boolean"?e.jsxs("select",{value:String(o),onChange:p=>t({...s,[c]:p.target.value==="true"}),className:"w-full bg-surface-sunken border border-surface-border rounded-md px-3 py-1.5 text-xs text-text-primary focus:outline-none focus:ring-1 focus:ring-inset focus:ring-accent-primary",children:[e.jsx("option",{value:"true",children:"true"}),e.jsx("option",{value:"false",children:"false"})]}):typeof o=="object"?e.jsx("textarea",{value:JSON.stringify(o,null,2),onChange:p=>{try{t({...s,[c]:JSON.parse(p.target.value)})}catch{}},className:"w-full min-h-[60px] px-3 py-1.5 bg-surface-sunken border border-surface-border rounded-md font-mono text-xs text-text-primary resize-y focus:outline-none focus:ring-1 focus:ring-inset focus:ring-accent-primary"}):e.jsx("input",{type:typeof o=="number"?"number":"text",value:String(o??""),onChange:p=>t({...s,[c]:typeof o=="number"?Number(p.target.value):p.target.value}),className:"w-full bg-surface-sunken border border-surface-border rounded-md px-3 py-1.5 text-xs text-text-primary focus:outline-none focus:ring-1 focus:ring-inset focus:ring-accent-primary"})]},c)),Object.keys(s).length===0&&e.jsx("p",{className:"text-2xs text-text-tertiary italic",children:"No input fields defined"})]}),m&&e.jsx("p",{className:"text-2xs text-status-error mt-1",children:m})]}),i.isError&&e.jsx("div",{className:"bg-status-error/10 border border-status-error/20 rounded-md px-3 py-2",children:e.jsx("p",{className:"text-2xs text-status-error",children:i.error instanceof Error?i.error.message:"Invocation failed"})}),e.jsx("button",{onClick:I,disabled:i.isPending,className:"btn-primary text-xs disabled:opacity-50 inline-flex items-center gap-1.5",children:i.isPending?"Starting...":e.jsxs(e.Fragment,{children:[e.jsx(w,{size:12})," Run"]})})]})})]})}function Y({flows:a,selectedId:x,onSelect:i}){const[n,u]=l.useState(""),s=l.useMemo(()=>{if(!n.trim())return a;const t=n.toLowerCase();return a.filter(r=>{var d,m;return r.graph_topic.toLowerCase().includes(t)||((d=r.description)==null?void 0:d.toLowerCase().includes(t))||((m=r.app_id)==null?void 0:m.toLowerCase().includes(t))})},[a,n]);return e.jsxs("div",{children:[e.jsxs("div",{className:"sticky top-0 z-20 bg-surface pt-4",children:[e.jsx("div",{className:"bg-surface-sunken rounded-lg px-4 py-2 mb-3",children:e.jsxs("div",{className:"relative w-1/2",children:[e.jsx(T,{className:"absolute left-2.5 top-1/2 -translate-y-1/2 w-3 h-3 text-text-quaternary pointer-events-none"}),e.jsx("input",{type:"text",value:n,onChange:t=>u(t.target.value),placeholder:`Search ${a.length} flows…`,className:"input pl-8"})]})}),e.jsxs("div",{className:"flex items-center gap-2 py-2 border-b border-surface-border",children:[e.jsx(W,{className:"w-3 h-3 text-accent",strokeWidth:1.5}),e.jsx("h2",{className:"section-h2",children:"Graph Flows"}),e.jsx("span",{className:"text-xs text-text-quaternary",children:s.length})]})]}),s.length===0?e.jsx("p",{className:"text-sm text-text-tertiary py-8 text-center",children:"No flows match your search."}):e.jsx("div",{className:"divide-y divide-surface-border/30",children:s.map(t=>{const r=x===t.id;return e.jsxs("button",{onClick:()=>i(t),className:"group relative w-full text-left py-2 px-3 -mx-3 rounded-md transition-colors duration-150",children:[r&&e.jsx("span",{className:"absolute left-0 top-1 bottom-1 w-0.5 bg-accent rounded-full"}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(G,{name:t.graph_topic,size:"md"}),t.description&&e.jsx("p",{className:"flex-1 min-w-0 truncate text-2xs text-text-tertiary group-hover:text-text-secondary transition-colors",children:t.description}),e.jsx("span",{className:"ml-auto shrink-0",children:e.jsx(B,{namespace:t.app_id})})]})]},t.id)})})]})}function ie(){const[a,x]=q(),i=a.get("id")??"",{data:n,isLoading:u}=O({status:"active",limit:200,offset:0}),s=(n==null?void 0:n.workflows)??[],t=s.find(r=>r.id===i)??null;return l.useEffect(()=>{s.length===1&&!a.get("id")&&x({id:s[0].id},{replace:!0})},[s.length]),u?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-40 bg-surface-sunken rounded"})]}):e.jsxs("div",{children:[e.jsx(J,{title:"Invoke",docsHash:"#docs:dashboard.md:graph-workflows"}),s.length===0?e.jsxs("div",{className:"py-16 text-center",children:[e.jsx("p",{className:"text-sm text-text-primary mb-1",children:"No active graph flows"}),e.jsx("p",{className:"text-xs text-text-tertiary",children:"Register graph flows at startup with the graphWorkflows config, or deploy one from Configure."})]}):e.jsxs("div",{className:"grid grid-cols-3 gap-8 items-start",children:[e.jsx("div",{className:"col-span-2",children:e.jsx(Y,{flows:s,selectedId:i,onSelect:r=>x({id:r.id},{replace:!0})})}),e.jsx("div",{className:"sticky top-4 transition-all duration-200 ease-out",children:t?e.jsx(U,{workflow:t,onClose:()=>x({},{replace:!0})}):e.jsxs("div",{className:"flex flex-col items-center justify-center py-24 text-center",children:[e.jsx(w,{className:"w-6 h-6 text-text-quaternary mb-3",strokeWidth:1}),e.jsx("p",{className:"text-sm text-text-tertiary",children:"Select a flow"}),e.jsx("p",{className:"text-xs text-text-quaternary mt-1",children:"Choose one from the list to run it."})]})})]})]})}export{ie as GraphInvokePage};
+//# sourceMappingURL=GraphInvokePage-Cwn-8Glr.js.map

package/dashboard/dist/assets/GraphInvokePage-Cwn-8Glr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphInvokePage-Cwn-8Glr.js","sources":["../../src/components/common/test/WorkflowTestPanel.tsx","../../src/pages/workflows/GraphFlowSelector.tsx","../../src/pages/workflows/GraphInvokePage.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { Link } from 'react-router-dom';\nimport { X, Play, RotateCcw, ExternalLink } from 'lucide-react';\nimport { useInvokeYamlWorkflow } from '../../../api/yaml-workflows';\nimport { useYamlActivityEvents, type ActivityStep } from '../../../hooks/useYamlActivityEvents';\nimport { RunAsSelector } from '../form/RunAsSelector';\nimport type { LTYamlWorkflowRecord, ActivityManifestEntry } from '../../../api/types';\nimport { buildSkeleton } from '../../../pages/mcp/mcp-query-detail/helpers';\n\nconst TOOL_SOURCE_COLORS: Record<string, { border: string; text: string; icon: string }> = {\n  mcp:       { border: 'border-status-active', text: 'text-status-active', icon: 'MCP' },\n  db:        { border: 'border-status-active', text: 'text-status-active', icon: 'DB' },\n  llm:       { border: 'border-accent', text: 'text-accent', icon: 'LLM' },\n  transform: { border: 'border-status-success', text: 'text-status-success', icon: 'Map' },\n};\n\nfunction LiveTimeline({ steps, manifest, isComplete }: {\n  steps: ActivityStep[];\n  manifest: ActivityManifestEntry[];\n  isComplete: boolean;\n}) {\n  const workerActivities = manifest.filter((a) => a.type === 'worker');\n  const totalSteps = workerActivities.length;\n\n  const merged = workerActivities.map((a) => {\n    const live = steps.find((s) => s.activityId === a.activity_id);\n    const source = a.tool_source || 'mcp';\n    const colors = TOOL_SOURCE_COLORS[source] || TOOL_SOURCE_COLORS.mcp;\n    return {\n      activityId: a.activity_id,\n      title: a.title || a.mcp_tool_name || a.activity_id,\n      toolName: a.mcp_tool_name,\n      colors,\n      status: live?.status || 'pending' as const,\n      error: live?.error,\n    };\n  });\n\n  return (\n    <div>\n      <p className=\"text-2xs text-text-secondary mb-3\">\n        {isComplete\n          ? `All ${totalSteps} steps completed`\n          : `Running step ${merged.filter((s) => s.status === 'completed').length + 1} of ${totalSteps}...`}\n      </p>\n      <div className=\"space-y-0\">\n        {merged.map((step, idx) => {\n          const isLast = idx === merged.length - 1;\n          return (\n            <div key={step.activityId} className=\"flex items-stretch gap-2\">\n              <div className=\"flex flex-col items-center w-4 shrink-0\">\n                <span className={`w-2.5 h-2.5 rounded-full shrink-0 border-2 transition-colors ${\n                  step.status === 'completed' ? 'bg-status-success border-status-success'\n                  : step.status === 'running' ? `${step.colors.border} bg-transparent animate-pulse`\n                  : step.status === 'failed' ? 'bg-status-error border-status-error'\n                  : 'bg-surface-sunken border-surface-border'\n                }`} />\n                {!isLast && (\n                  <span className={`w-px flex-1 transition-colors ${\n                    step.status === 'completed' ? 'bg-status-success/30' : 'bg-surface-border'\n                  }`} />\n                )}\n              </div>\n              <div className={isLast ? '' : 'pb-3'}>\n                <p className={`text-2xs font-medium ${\n                  step.status === 'running' ? 'text-text-primary'\n                  : step.status === 'completed' ? 'text-text-secondary'\n                  : step.status === 'failed' ? 'text-status-error'\n                  : 'text-text-tertiary'\n                }`}>{step.title}</p>\n                {step.toolName && (\n                  <span className=\"text-2xs text-text-tertiary font-mono\">{step.toolName}</span>\n                )}\n                {step.error && (\n                  <p className=\"text-2xs text-status-error mt-0.5\">{step.error}</p>\n                )}\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\ninterface WorkflowTestPanelProps {\n  workflow: LTYamlWorkflowRecord;\n  onClose: () => void;\n}\n\nexport function WorkflowTestPanel({ workflow, onClose }: WorkflowTestPanelProps) {\n  const invokeMutation = useInvokeYamlWorkflow();\n  const [jsonMode, setJsonMode] = useState(false);\n  const [fields, setFields] = useState<Record<string, any>>({});\n  const [argsJson, setArgsJson] = useState('');\n  const [jsonError, setJsonError] = useState('');\n  const [executeAs, setExecuteAs] = useState('');\n  const [activeJobId, setActiveJobId] = useState<string | null>(null);\n  const [completedResult, setCompletedResult] = useState<{ jobId: string } | null>(null);\n  const { steps, isComplete } = useYamlActivityEvents(activeJobId);\n\n  useEffect(() => {\n    setActiveJobId(null);\n    setCompletedResult(null);\n    setJsonError('');\n    invokeMutation.reset();\n    const skeleton = buildSkeleton(workflow.input_schema);\n    setFields(skeleton);\n    setArgsJson(JSON.stringify(skeleton, null, 2));\n    setJsonMode(false);\n  }, [workflow.id]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    if (isComplete && activeJobId) {\n      const jobId = activeJobId;\n      const timer = setTimeout(() => {\n        setCompletedResult({ jobId });\n        setActiveJobId(null);\n      }, 800);\n      return () => clearTimeout(timer);\n    }\n  }, [isComplete, activeJobId]);\n\n  const toggleMode = () => {\n    if (!jsonMode) {\n      setArgsJson(JSON.stringify(fields, null, 2));\n    } else {\n      try { setFields(JSON.parse(argsJson)); } catch { /* keep fields */ }\n    }\n    setJsonMode(!jsonMode);\n  };\n\n  const handleRun = async () => {\n    setJsonError('');\n    setCompletedResult(null);\n    let parsed: Record<string, unknown>;\n    if (jsonMode) {\n      try { parsed = JSON.parse(argsJson); } catch { setJsonError('Invalid JSON'); return; }\n    } else {\n      parsed = { ...fields };\n    }\n    try {\n      const result = await invokeMutation.mutateAsync({\n        id: workflow.id,\n        data: parsed,\n        sync: false,\n        ...(executeAs ? { execute_as: executeAs } : {}),\n      });\n      if (result.job_id) setActiveJobId(result.job_id);\n    } catch { /* error shown in panel */ }\n  };\n\n  const isRunning = !!activeJobId;\n  const ns = workflow.app_id || '';\n\n  return (\n    <div className=\"border-l border-surface-border bg-surface-raised flex flex-col h-full\">\n      {/* Header */}\n      <div className=\"flex items-center justify-between px-4 py-3 border-b border-surface-border shrink-0\">\n        <div className=\"min-w-0\">\n          <p className=\"text-xs font-medium text-text-primary truncate\">{workflow.app_id}</p>\n          <code className=\"text-2xs font-mono text-accent truncate block\">{workflow.graph_topic}</code>\n        </div>\n        <button onClick={() => { if (!isRunning) onClose(); }} className=\"p-1 text-text-tertiary hover:text-text-primary shrink-0 ml-2\">\n          <X className=\"w-4 h-4\" />\n        </button>\n      </div>\n\n      {/* Scrollable body */}\n      <div className=\"flex-1 overflow-y-auto px-4 py-3 space-y-4\">\n        {isRunning ? (\n          <LiveTimeline steps={steps} manifest={workflow.activity_manifest} isComplete={isComplete} />\n        ) : completedResult ? (\n          <div className=\"space-y-3\">\n            <div className=\"flex items-center gap-2\">\n              <svg className=\"w-4 h-4 text-status-success\" viewBox=\"0 0 16 16\" fill=\"currentColor\">\n                <path d=\"M8 1a7 7 0 110 14A7 7 0 018 1zm3.36 4.65a.5.5 0 00-.72 0L7 9.29 5.36 7.65a.5.5 0 10-.72.7l2 2a.5.5 0 00.72 0l4-4a.5.5 0 000-.7z\" />\n              </svg>\n              <p className=\"text-xs font-medium text-status-success\">Workflow completed</p>\n            </div>\n            <div className=\"flex items-center justify-between\">\n              <Link\n                to={`/mcp/executions/${encodeURIComponent(completedResult.jobId)}?namespace=${encodeURIComponent(ns)}`}\n                className=\"inline-flex items-center gap-1.5 text-xs text-accent hover:underline\"\n              >\n                <ExternalLink size={12} /> View execution\n              </Link>\n              <button\n                onClick={() => setCompletedResult(null)}\n                className=\"btn-primary text-xs inline-flex items-center gap-1.5\"\n              >\n                <RotateCcw size={12} /> Run again\n              </button>\n            </div>\n          </div>\n        ) : (\n          <>\n            <RunAsSelector selected={executeAs} onChange={setExecuteAs} />\n\n            {workflow.description && (\n              <p className=\"text-2xs text-text-secondary leading-relaxed\">{workflow.description}</p>\n            )}\n\n            {/* Form / JSON toggle input */}\n            <div>\n              <div className=\"flex items-center justify-between mb-1\">\n                <label className=\"text-2xs font-semibold uppercase tracking-widest text-text-tertiary\">Input</label>\n                <button onClick={toggleMode} className=\"text-2xs text-accent hover:underline\">\n                  {jsonMode ? 'Form view' : 'JSON view'}\n                </button>\n              </div>\n\n              {jsonMode ? (\n                <textarea\n                  value={argsJson}\n                  onChange={(e) => setArgsJson(e.target.value)}\n                  className=\"w-full bg-surface-sunken border border-surface-border rounded-md px-3 py-2 font-mono text-2xs text-text-primary focus:outline-none focus:ring-1 focus:ring-inset focus:ring-accent-primary resize-y\"\n                  rows={6}\n                  spellCheck={false}\n                />\n              ) : (\n                <div className=\"space-y-3 max-h-[300px] overflow-y-auto\">\n                  {Object.entries(fields).map(([key, value]) => (\n                    <div key={key}>\n                      <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1\">{key}</label>\n                      {typeof value === 'boolean' ? (\n                        <select\n                          value={String(value)}\n                          onChange={(e) => setFields({ ...fields, [key]: e.target.value === 'true' })}\n                          className=\"w-full bg-surface-sunken border border-surface-border rounded-md px-3 py-1.5 text-xs text-text-primary focus:outline-none focus:ring-1 focus:ring-inset focus:ring-accent-primary\"\n                        >\n                          <option value=\"true\">true</option>\n                          <option value=\"false\">false</option>\n                        </select>\n                      ) : typeof value === 'object' ? (\n                        <textarea\n                          value={JSON.stringify(value, null, 2)}\n                          onChange={(e) => { try { setFields({ ...fields, [key]: JSON.parse(e.target.value) }); } catch { /* invalid */ } }}\n                          className=\"w-full min-h-[60px] px-3 py-1.5 bg-surface-sunken border border-surface-border rounded-md font-mono text-xs text-text-primary resize-y focus:outline-none focus:ring-1 focus:ring-inset focus:ring-accent-primary\"\n                        />\n                      ) : (\n                        <input\n                          type={typeof value === 'number' ? 'number' : 'text'}\n                          value={String(value ?? '')}\n                          onChange={(e) => setFields({ ...fields, [key]: typeof value === 'number' ? Number(e.target.value) : e.target.value })}\n                          className=\"w-full bg-surface-sunken border border-surface-border rounded-md px-3 py-1.5 text-xs text-text-primary focus:outline-none focus:ring-1 focus:ring-inset focus:ring-accent-primary\"\n                        />\n                      )}\n                    </div>\n                  ))}\n                  {Object.keys(fields).length === 0 && (\n                    <p className=\"text-2xs text-text-tertiary italic\">No input fields defined</p>\n                  )}\n                </div>\n              )}\n              {jsonError && <p className=\"text-2xs text-status-error mt-1\">{jsonError}</p>}\n            </div>\n\n            {invokeMutation.isError && (\n              <div className=\"bg-status-error/10 border border-status-error/20 rounded-md px-3 py-2\">\n                <p className=\"text-2xs text-status-error\">\n                  {invokeMutation.error instanceof Error ? invokeMutation.error.message : 'Invocation failed'}\n                </p>\n              </div>\n            )}\n            <button\n              onClick={handleRun}\n              disabled={invokeMutation.isPending}\n              className=\"btn-primary text-xs disabled:opacity-50 inline-flex items-center gap-1.5\"\n            >\n              {invokeMutation.isPending ? 'Starting...' : <><Play size={12} /> Run</>}\n            </button>\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n","import { useState, useMemo } from 'react';\nimport { Search, GitBranch } from 'lucide-react';\nimport { ToolPill } from '../../components/common/display/ToolPill';\nimport { NamespacePill } from '../../components/common/display/NamespacePill';\nimport type { LTYamlWorkflowRecord } from '../../api/types';\n\nexport function GraphFlowSelector({\n  flows,\n  selectedId,\n  onSelect,\n}: {\n  flows: LTYamlWorkflowRecord[];\n  selectedId: string;\n  onSelect: (flow: LTYamlWorkflowRecord) => void;\n}) {\n  const [search, setSearch] = useState('');\n\n  const filtered = useMemo(() => {\n    if (!search.trim()) return flows;\n    const q = search.toLowerCase();\n    return flows.filter(\n      (f) =>\n        f.graph_topic.toLowerCase().includes(q) ||\n        f.description?.toLowerCase().includes(q) ||\n        f.app_id?.toLowerCase().includes(q),\n    );\n  }, [flows, search]);\n\n  return (\n    <div>\n      {/* Sticky header: search pill + section label — single block, no gap */}\n      <div className=\"sticky top-0 z-20 bg-surface pt-4\">\n        <div className=\"bg-surface-sunken rounded-lg px-4 py-2 mb-3\">\n          <div className=\"relative w-1/2\">\n            <Search className=\"absolute left-2.5 top-1/2 -translate-y-1/2 w-3 h-3 text-text-quaternary pointer-events-none\" />\n            <input\n              type=\"text\"\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              placeholder={`Search ${flows.length} flows…`}\n              className=\"input pl-8\"\n            />\n          </div>\n        </div>\n        <div className=\"flex items-center gap-2 py-2 border-b border-surface-border\">\n          <GitBranch className=\"w-3 h-3 text-accent\" strokeWidth={1.5} />\n          <h2 className=\"section-h2\">Graph Flows</h2>\n          <span className=\"text-xs text-text-quaternary\">{filtered.length}</span>\n        </div>\n      </div>\n\n      {/* List */}\n      {filtered.length === 0 ? (\n        <p className=\"text-sm text-text-tertiary py-8 text-center\">No flows match your search.</p>\n      ) : (\n        <div className=\"divide-y divide-surface-border/30\">\n          {filtered.map((flow) => {\n            const isSelected = selectedId === flow.id;\n            return (\n              <button\n                key={flow.id}\n                onClick={() => onSelect(flow)}\n                className=\"group relative w-full text-left py-2 px-3 -mx-3 rounded-md transition-colors duration-150\"\n              >\n                {isSelected && (\n                  <span className=\"absolute left-0 top-1 bottom-1 w-0.5 bg-accent rounded-full\" />\n                )}\n                <div className=\"flex items-center gap-3\">\n                  <ToolPill name={flow.graph_topic} size=\"md\" />\n                  {flow.description && (\n                    <p className=\"flex-1 min-w-0 truncate text-2xs text-text-tertiary group-hover:text-text-secondary transition-colors\">\n                      {flow.description}\n                    </p>\n                  )}\n                  <span className=\"ml-auto shrink-0\">\n                    <NamespacePill namespace={flow.app_id} />\n                  </span>\n                </div>\n              </button>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n","import { useEffect } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { Play } from 'lucide-react';\nimport { useYamlWorkflows } from '../../api/yaml-workflows';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { WorkflowTestPanel } from '../../components/common/test/WorkflowTestPanel';\nimport { GraphFlowSelector } from './GraphFlowSelector';\n\nexport function GraphInvokePage() {\n  const [searchParams, setSearchParams] = useSearchParams();\n  const selectedId = searchParams.get('id') ?? '';\n\n  const { data, isLoading } = useYamlWorkflows({ status: 'active' as any, limit: 200, offset: 0 });\n  const flows = data?.workflows ?? [];\n  const selected = flows.find((f) => f.id === selectedId) ?? null;\n\n  // Auto-select when there's exactly one flow\n  useEffect(() => {\n    if (flows.length === 1 && !searchParams.get('id')) {\n      setSearchParams({ id: flows[0].id }, { replace: true });\n    }\n  }, [flows.length]); // eslint-disable-line react-hooks/exhaustive-deps\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-40 bg-surface-sunken rounded\" />\n      </div>\n    );\n  }\n\n  return (\n    <div>\n      <PageHeader title=\"Invoke\" docsHash=\"#docs:dashboard.md:graph-workflows\" />\n\n      {flows.length === 0 ? (\n        <div className=\"py-16 text-center\">\n          <p className=\"text-sm text-text-primary mb-1\">No active graph flows</p>\n          <p className=\"text-xs text-text-tertiary\">\n            Register graph flows at startup with the graphWorkflows config, or deploy one from Configure.\n          </p>\n        </div>\n      ) : (\n        <div className=\"grid grid-cols-3 gap-8 items-start\">\n          <div className=\"col-span-2\">\n            <GraphFlowSelector\n              flows={flows}\n              selectedId={selectedId}\n              onSelect={(f) => setSearchParams({ id: f.id }, { replace: true })}\n            />\n          </div>\n\n          <div className=\"sticky top-4 transition-all duration-200 ease-out\">\n            {selected ? (\n              <WorkflowTestPanel\n                workflow={selected}\n                onClose={() => setSearchParams({}, { replace: true })}\n              />\n            ) : (\n              <div className=\"flex flex-col items-center justify-center py-24 text-center\">\n                <Play className=\"w-6 h-6 text-text-quaternary mb-3\" strokeWidth={1} />\n                <p className=\"text-sm text-text-tertiary\">Select a flow</p>\n                <p className=\"text-xs text-text-quaternary mt-1\">Choose one from the list to run it.</p>\n              </div>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["TOOL_SOURCE_COLORS","LiveTimeline","steps","manifest","isComplete","workerActivities","a","totalSteps","merged","live","s","source","colors","jsx","step","idx","isLast","jsxs","WorkflowTestPanel","workflow","onClose","invokeMutation","useInvokeYamlWorkflow","jsonMode","setJsonMode","useState","fields","setFields","argsJson","setArgsJson","jsonError","setJsonError","executeAs","setExecuteAs","activeJobId","setActiveJobId","completedResult","setCompletedResult","useYamlActivityEvents","useEffect","skeleton","buildSkeleton","jobId","timer","toggleMode","handleRun","parsed","result","isRunning","ns","X","Link","ExternalLink","RotateCcw","Fragment","RunAsSelector","e","key","value","Play","GraphFlowSelector","flows","selectedId","onSelect","search","setSearch","filtered","useMemo","q","f","_a","_b","Search","GitBranch","flow","isSelected","ToolPill","NamespacePill","GraphInvokePage","searchParams","setSearchParams","useSearchParams","data","isLoading","useYamlWorkflows","selected","PageHeader"],"mappings":"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"}

package/dashboard/dist/assets/HomePage-D8RVntg0.js

@@ -0,0 +1,2 @@
+import{a as u,b as be,j as e}from"./vendor-query-B2UbickB.js";import{n as B,j as le,c as ye,N as ve,ae as de,I as xe,x as we,ai as Ne,L as ke,aj as _e,b as W}from"./index-C-8xXyvr.js";import{b as Ce}from"./workflows-DoX-AtHN.js";import{u as Ee}from"./pipelines-CmAAH3B6.js";import{u as Pe}from"./controlplane-CuTQ7eUE.js";import{e as Re,b as Se,i as qe}from"./useEventHooks-BlpwRvHO.js";import{R as Te}from"./RolePill-CWhoLwef.js";import{W as M}from"./WorkflowPill-CQ1AmhlC.js";import{L as q}from"./ListToolbar-DuoEdVtK.js";import{j as Ie,b as $e,P as Ae}from"./OperationsPage-DI7AQO9f.js";import{i as Qe}from"./task-queues-7-sHKPsN.js";import{b2 as We,as as b,aj as Me,J as Be,C as te,W as se,I as T,b as ae,B as Fe}from"./vendor-icons-DKCAtTJ9.js";import{c as I,f as Le}from"./vendor-react-CXumBFUA.js";import"./PageHeader-DvEmMMP6.js";import"./role-display-Dvo2lDpU.js";function De(){const{user:t}=B();return u.useMemo(()=>{const a=((t==null?void 0:t.roles)??[]).map(s=>s.role).filter(s=>!Qe(s));return Array.from(new Set(a)).sort((s,o)=>s.localeCompare(o))},[t])}function He(){const{user:t}=B(),a=t==null?void 0:t.userId,s=be(),{data:o}=le({assigned_to:a,status:"pending",limit:1});return ye(`${ve}.system.escalation.>`,()=>{a&&s.invalidateQueries({queryKey:["escalations"]})}),(o==null?void 0:o.total)??0}function Q({n:t,label:a,tone:s}){return e.jsxs("div",{className:"min-w-0",children:[e.jsx("div",{className:`text-2xl font-light tabular-nums leading-none ${s==="muted"?"text-text-tertiary":"text-text-primary"}`,children:t}),e.jsx("div",{className:"text-2xs uppercase tracking-wider text-text-quaternary mt-1 truncate",children:a})]})}function Oe({role:t,title:a,metric:s,priorityFacet:o,periodLabel:c}){const l=I(),r=(s==null?void 0:s.pending)??0,x=(s==null?void 0:s.claimed)??0,f=(s==null?void 0:s.resolved)??0,m=(s==null?void 0:s.priority_count)??0;return e.jsxs("div",{role:"button",tabIndex:0,onClick:()=>l(`/escalations/available?role=${encodeURIComponent(t)}`),onKeyDown:p=>{(p.key==="Enter"||p.key===" ")&&(p.preventDefault(),l(`/escalations/available?role=${encodeURIComponent(t)}`))},className:"group h-full border-l-2 border-accent/30 bg-surface-sunken/40 rounded-[0.125em] px-4 py-3.5 cursor-pointer transition-colors hover:bg-surface-sunken/70 focus:outline-none focus-visible:ring-1 focus-visible:ring-accent/40",children:[e.jsxs("div",{className:"flex items-center justify-between gap-2 mb-3",children:[e.jsx("span",{className:"text-2xs font-semibold uppercase tracking-wider text-text-secondary truncate",children:a||t}),e.jsx(b,{className:"w-3 h-3 shrink-0 text-text-quaternary opacity-0 group-hover:opacity-100 transition-opacity",strokeWidth:1.5})]}),e.jsxs("div",{className:"flex items-baseline gap-5",children:[e.jsx(Q,{n:r,label:"pending"}),e.jsx(Q,{n:x,label:"claimed"}),e.jsx(Q,{n:f,label:`resolved · ${c}`,tone:"muted"})]}),e.jsx("div",{className:"mt-3 h-6 flex items-center",children:m>0?e.jsxs("button",{type:"button",onClick:p=>{p.stopPropagation(),l(Ie({role:t,priority_facet:o}))},className:"inline-flex items-center gap-1.5 pl-1.5 pr-2.5 py-1 rounded-full text-2xs font-semibold tabular-nums bg-status-error text-text-inverse transition-transform hover:scale-[1.05]",title:"Past the priority threshold — a hard limit; open oldest first",children:[e.jsx(Me,{className:"w-3 h-3",strokeWidth:2.5}),m," in jeopardy"]}):e.jsx("span",{className:"text-2xs text-text-quaternary",children:"on pace"})})]})}function ne({count:t}){const a=I();return e.jsxs("div",{role:"button",tabIndex:0,onClick:()=>a("/escalations/queue"),onKeyDown:s=>{(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),a("/escalations/queue"))},className:"group h-full border-l-2 border-status-warning/70 bg-status-warning/[0.06] rounded-[0.125em] px-4 py-3.5 cursor-pointer transition-colors hover:bg-status-warning/[0.1] focus:outline-none focus-visible:ring-1 focus-visible:ring-status-warning/40",children:[e.jsxs("div",{className:"flex items-center justify-between gap-2 mb-3",children:[e.jsxs("span",{className:"flex items-center gap-1.5 text-2xs font-semibold uppercase tracking-wider text-status-warning",children:[e.jsx(We,{className:"w-3 h-3",strokeWidth:2}),"Claimed"]}),e.jsx(b,{className:"w-3 h-3 shrink-0 text-text-quaternary opacity-0 group-hover:opacity-100 transition-opacity",strokeWidth:1.5})]}),e.jsx("div",{className:"text-2xl font-light tabular-nums leading-none text-text-primary",children:t}),e.jsx("div",{className:"text-2xs uppercase tracking-wider text-text-quaternary mt-1",children:"assigned to you"}),e.jsx("div",{className:"mt-3 h-6 flex items-center",children:e.jsx("span",{className:"text-2xs font-medium text-status-warning",children:t>0?"Finish these first →":"Nothing claimed"})})]})}const Ue=["15m","1h","24h","7d"];function ze({maxRows:t}){const[a,s]=u.useState("24h"),o=De(),c=He(),l=de(a),r=xe(),x=u.useMemo(()=>{var i;return new Map((((i=l.data)==null?void 0:i.stations)??[]).map(d=>[d.role,d]))},[l.data]),f=u.useMemo(()=>{var i;return new Map((((i=r.data)==null?void 0:i.roles)??[]).map(d=>[d.role,d]))},[r.data]),m=u.useMemo(()=>[...o].sort((i,d)=>{var S,j;const h=((S=x.get(i))==null?void 0:S.priority_count)??0,R=((j=x.get(d))==null?void 0:j.priority_count)??0;return R!==h?R-h:i.localeCompare(d)}),[o,x]),P=t*4-1,v=m.slice(0,P),g=m.length-v.length;return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-4 pb-2 border-b border-surface-border",children:[e.jsxs("h2",{className:"flex items-center gap-2 text-sm font-medium text-text-primary",children:[e.jsx(Be,{className:"w-4 h-4 text-accent",strokeWidth:1.5}),"Task Queues"]}),e.jsx("div",{className:"flex items-center gap-0.5",children:Ue.map(i=>e.jsx("button",{onClick:()=>s(i),className:`px-2.5 py-1 text-2xs font-mono rounded transition-colors ${a===i?"bg-accent/10 text-accent font-semibold":"text-text-quaternary hover:text-text-secondary"}`,children:i},i))})]}),o.length===0?e.jsxs("div",{className:"grid grid-cols-1 @grp-cols:grid-cols-2 @wall:grid-cols-4 gap-4",children:[e.jsx(ne,{count:c}),e.jsx("div",{className:"lg:col-span-3 flex items-center px-4 py-3.5 text-sm text-text-tertiary",children:"You are not a member of a role. Task queues appear here once you join one."})]}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"grid grid-cols-1 @grp-cols:grid-cols-2 @wall:grid-cols-4 gap-4 auto-rows-fr",children:[e.jsx(ne,{count:c}),v.map(i=>{var d,h;return e.jsx(Oe,{role:i,title:((d=f.get(i))==null?void 0:d.title)??null,metric:x.get(i),priorityFacet:((h=f.get(i))==null?void 0:h.priority_facet)??null,periodLabel:a},i)})]}),g>0&&e.jsxs("p",{className:"mt-3 text-2xs text-text-quaternary",children:["+",g," more ",g===1?"lane":"lanes"," in the Task Queues sidebar."]})]})]})}const Je={completed:"bg-status-success",active:"bg-status-active",running:"bg-status-active",pending:"bg-status-pending",error:"bg-status-error",failed:"bg-status-error"};function oe(t){return Je[t]??"bg-text-tertiary"}function _({icon:t,color:a,docsHash:s,count:o,children:c,actions:l}){return e.jsxs("div",{className:"flex items-center justify-between mb-4 pb-2 border-b border-surface-border",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t,{className:`w-4.5 h-4.5 ${a||"text-accent/60"}`,strokeWidth:1.5}),e.jsx("h2",{className:"section-h2",children:c}),o!==void 0&&o>0&&e.jsx("span",{className:"px-1.5 py-0.5 rounded-full bg-accent/10 text-accent text-2xs font-semibold tabular-nums",children:_e(o)})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[s&&e.jsx("button",{onClick:()=>{window.location.hash=s},className:"text-text-quaternary hover:text-accent transition-colors",title:"Docs",children:e.jsx(Fe,{className:"w-2.5 h-2.5",strokeWidth:1.5})}),l]})]})}function C({icon:t,text:a}){return e.jsxs("div",{className:"flex flex-col items-center justify-center py-10 text-center",children:[e.jsx(t,{className:"w-6 h-6 text-text-quaternary/50 mb-2",strokeWidth:1}),e.jsx("p",{className:"text-xs text-text-quaternary",children:a})]})}function Ke(t,a=37){if(!t||t.length<=a)return t;const s=Math.floor((a-3)/2);return`${t.slice(0,s)}...${t.slice(-s)}`}function ie({dot:t,pill:a,id:s,date:o,onClick:c}){return e.jsxs("button",{onClick:c,className:"w-full text-left hover:bg-surface-hover/50 rounded-md px-1 py-1.5 transition-colors",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-0.5",children:[e.jsx("span",{className:`w-1.5 h-1.5 rounded-full dot-ring shrink-0 ${t}`}),e.jsx("span",{className:"text-xs text-text-primary font-mono truncate flex-1 min-w-0",children:Ke(s)}),e.jsx("span",{className:"hidden @dict-inline:inline text-2xs text-text-quaternary shrink-0 whitespace-nowrap",children:e.jsx(W,{date:o})})]}),e.jsxs("div",{className:"pl-3.5 flex items-center gap-1 overflow-hidden",children:[a,e.jsx("span",{className:"flex-1 min-w-0"}),e.jsx("span",{className:"@dict-inline:hidden text-2xs text-text-quaternary shrink-0 whitespace-nowrap",children:e.jsx(W,{date:o})})]})]})}function re({esc:t,onClick:a}){const s=e.jsx(W,{date:t.updated_at??t.created_at});return e.jsxs("button",{onClick:a,className:"w-full text-left hover:bg-surface-hover/50 rounded-md px-1 py-1.5 transition-colors",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-0.5",children:[e.jsxs("span",{className:"text-2xs text-text-quaternary font-medium shrink-0",children:["P",t.priority??2]}),e.jsx("span",{className:"text-xs text-text-primary truncate flex-1 min-w-0",children:t.description||t.subtype||t.type}),e.jsx("span",{className:"hidden @dict-inline:inline text-2xs text-text-quaternary shrink-0",children:s})]}),e.jsxs("div",{className:"flex items-center gap-2 pl-5 overflow-hidden",children:[e.jsx("span",{className:"hidden @dict-inline:inline-flex min-w-0",children:e.jsx(M,{type:t.type||"unknown",size:"xs"})}),e.jsx("span",{className:"flex-1 min-w-0"}),e.jsx(Te,{role:t.role}),e.jsx("span",{className:"@dict-inline:hidden text-2xs text-text-quaternary shrink-0",children:s})]})]})}function E({to:t,icon:a,title:s}){const o=I();return e.jsx("button",{onClick:()=>o(t),className:"text-text-quaternary hover:text-accent transition-colors",title:s,children:e.jsx(a,{className:"w-2.5 h-2.5",strokeWidth:1.5})})}function ce({appIds:t,selected:a,onSelect:s}){const[o,c]=u.useState(!1),l=u.useRef(null);return u.useEffect(()=>{if(!o)return;const r=x=>{l.current&&!l.current.contains(x.target)&&c(!1)};return document.addEventListener("mousedown",r),()=>document.removeEventListener("mousedown",r)},[o]),t.length<=1?null:e.jsxs("div",{className:"relative mb-3 -mt-2",ref:l,children:[e.jsxs("button",{onClick:()=>c(r=>!r),className:"flex items-center gap-1 px-2 py-0.5 text-2xs rounded bg-accent/10 text-accent hover:bg-accent/20 transition-colors",children:[a,e.jsx("svg",{className:`w-2.5 h-2.5 transition-transform ${o?"rotate-180":""}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2.5,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19 9l-7 7-7-7"})})]}),o&&e.jsx("div",{className:"absolute top-full left-0 mt-1 bg-surface-raised border border-surface-border rounded-md shadow-lg z-[100] py-1 min-w-[120px]",children:t.map(r=>e.jsx("button",{onClick:()=>{s(r),c(!1)},className:`w-full text-left px-3 py-1.5 text-2xs transition-colors ${a===r?"text-accent bg-accent/5":"text-text-secondary hover:bg-surface-hover"}`,children:r},r))})]})}function dt(){var U,z,J,K,X,G,V,Y;const t=I(),{user:a}=B(),{isBuilder:s}=we(),o=Ne(),[c,l]=Le(),{data:r}=Pe({enabled:s}),x=u.useMemo(()=>((r==null?void 0:r.apps)??[]).map(n=>n.appId).sort(),[r]),f=x[0]??"",m=c.get("pipelinenamespace")||f,p=c.get("durablenamespace")||f,P=u.useCallback((n,$)=>{l(A=>{const k=new URLSearchParams(A);return k.set(n,$),k},{replace:!1})},[l]);Re(),Se(),qe();const v=!o.showTaskQueueCards,g=o.canSeeWorkflows&&!o.canSeePaceBoard,i=xe({enabled:o.canSeePaceBoard}),d=de("1h",{enabled:o.canSeePaceBoard}),h=Ce({limit:5,sort_by:"updated_at",order:"desc",namespace:p},{enabled:g}),R=x,S=x,j=Ee({limit:5,app_id:m,sort_by:"updated_at",order:"desc"},{enabled:g}),w=ke({limit:5,sort_by:"created_at",order:"desc",enabled:v}),N=le({assigned_to:a==null?void 0:a.userId,status:"pending",limit:5,sort_by:"created_at",order:"desc",enabled:v});u.useEffect(()=>{const n=setTimeout(()=>{N.refetch(),w.refetch()},2e3);return()=>clearTimeout(n)},[]);const F=u.useMemo(()=>{var k,Z,ee;const $=((Z=$e(((k=i.data)==null?void 0:k.roles)??[])[0])==null?void 0:Z.stations)??[],A=((ee=d.data)==null?void 0:ee.stations)??[];return $.map(({role:y})=>({role:y.role,title:y.title,parent_role:y.parent_role,target_per_hour:y.target_per_hour??null,upstream_roles:y.upstream_roles??[],metric:A.find(je=>je.role===y.role)}))},[i.data,d.data]),L=((U=h.data)==null?void 0:U.jobs)??[],ue=(z=h.data)==null?void 0:z.total,D=((J=j.data)==null?void 0:J.jobs)??[],me=(K=j.data)==null?void 0:K.total,H=((X=w.data)==null?void 0:X.escalations)??[],pe=(G=w.data)==null?void 0:G.total,O=((V=N.data)==null?void 0:V.escalations)??[],he=(Y=N.data)==null?void 0:Y.total,fe=e.jsxs("div",{className:"@container min-w-0",children:[e.jsx(_,{icon:te,color:"text-accent",count:ue,docsHash:"#docs:dashboard.md:procedural-executions",actions:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(q,{onRefresh:()=>h.refetch(),isFetching:h.isFetching,apiPath:`/workflow-states/jobs?namespace=${p}&limit=5`}),e.jsx(E,{to:"/workflows/executions",icon:b,title:"All procedural executions"})]}),children:"Procedural"}),e.jsx(ce,{appIds:R,selected:p,onSelect:n=>P("durablenamespace",n)}),L.length===0?e.jsx(C,{icon:te,text:"No recent procedural runs"}):e.jsx("div",{className:"space-y-1",children:L.map(n=>e.jsx(ie,{dot:oe(n.status),pill:e.jsx(M,{type:n.entity||n.type||"workflow",size:"xs"}),id:n.workflow_id,date:n.updated_at??n.created_at,onClick:()=>t(`/workflows/executions/${n.workflow_id}`)},n.workflow_id))})]}),ge=e.jsxs("div",{className:"@container min-w-0",children:[e.jsx(_,{icon:se,color:"text-accent",count:me,docsHash:"#docs:dashboard.md:graph-executions",actions:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(q,{onRefresh:()=>j.refetch(),isFetching:j.isFetching,apiPath:`/pipelines?app_id=${m}&limit=5`}),e.jsx(E,{to:"/mcp/executions",icon:b,title:"All graph executions"})]}),children:"Graph"}),e.jsx(ce,{appIds:S,selected:m,onSelect:n=>P("pipelinenamespace",n)}),D.length===0?e.jsx(C,{icon:se,text:"No recent graph runs"}):e.jsx("div",{className:"space-y-1",children:D.map(n=>e.jsx(ie,{dot:oe(n.status),pill:e.jsx(M,{type:n.entity||n.workflow_name||"pipeline",variant:"pipeline",size:"xs"}),id:n.workflow_id,date:n.updated_at??n.created_at,onClick:()=>t(`/mcp/executions/${n.workflow_id}?namespace=${m}`)},n.workflow_id))})]});return o.showTaskQueueCards?e.jsxs("div",{children:[e.jsx("h1",{className:"heading-1 mb-10",children:"Recent Activity"}),e.jsx(ze,{maxRows:2})]}):e.jsxs("div",{children:[e.jsx("h1",{className:"heading-1 mb-10",children:"Recent Activity"}),e.jsxs("div",{className:"grid grid-cols-2 gap-x-4 @split:gap-x-col-gap",children:[e.jsxs("div",{className:"@container min-w-0",children:[e.jsx(_,{icon:T,color:"text-accent",count:pe,docsHash:"#docs:dashboard.md:all-escalations",actions:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(q,{onRefresh:()=>w.refetch(),isFetching:w.isFetching,apiPath:"/escalations?status=pending&limit=5&sort_by=created_at&order=desc"}),e.jsx(E,{to:"/escalations/available",icon:b,title:"All escalations"})]}),children:"All Escalations"}),H.length===0?e.jsx(C,{icon:T,text:"No pending escalations"}):e.jsx("div",{className:"space-y-1",children:H.map(n=>e.jsx(re,{esc:n,onClick:()=>t(`/escalations/detail/${n.id}`)},n.id))})]}),e.jsxs("div",{className:"@container min-w-0",children:[e.jsx(_,{icon:T,color:"text-accent",count:he,docsHash:"#docs:dashboard.md:escalations-overview",actions:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(q,{onRefresh:()=>N.refetch(),isFetching:N.isFetching,apiPath:`/escalations?assigned_to=${(a==null?void 0:a.userId)??""}&status=pending&limit=5&sort_by=created_at&order=desc`}),e.jsx(E,{to:"/escalations/queue",icon:b,title:"My escalation queue"})]}),children:"My Escalations"}),O.length===0?e.jsx(C,{icon:T,text:"No assigned escalations"}):e.jsx("div",{className:"space-y-1",children:O.map(n=>e.jsx(re,{esc:n,onClick:()=>t(`/escalations/detail/${n.id}`)},n.id))})]})]}),o.canSeePaceBoard&&e.jsxs("div",{className:"mt-14",children:[e.jsx(_,{icon:ae,color:"text-accent",docsHash:"#docs:dashboard.md:pace-board",actions:e.jsx(E,{to:"/operations",icon:b,title:"Open the Pace Board"}),children:"Pace Board"}),F.length===0?e.jsx(C,{icon:ae,text:"No stations yet — mark roles visible in Operations"}):e.jsx("div",{className:"h-[50vh] cursor-pointer",onClick:()=>t("/operations"),children:e.jsx(Ae,{stations:F,selectedRole:null,onSelect:()=>t("/operations"),onUpstreamSelect:()=>t("/operations"),periodHours:1})})]}),g&&e.jsxs("div",{className:"grid grid-cols-2 gap-x-4 @split:gap-x-col-gap mt-14",children:[fe,ge]})]})}export{dt as HomePage};
+//# sourceMappingURL=HomePage-D8RVntg0.js.map

package/dashboard/dist/assets/HomePage-D8RVntg0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HomePage-D8RVntg0.js","sources":["../../src/hooks/useTaskQueueRoles.ts","../../src/hooks/useMyEscalationCount.ts","../../src/pages/home/TaskQueueCard.tsx","../../src/pages/home/TaskQueueCards.tsx","../../src/pages/home/HomePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useAuth } from './useAuth';\nimport { isSystemTierRole } from '../lib/task-queues';\n\n/**\n * The roles that surface as task queues for the current user: every role they\n * are a member of (a person or service account working that lane), minus the\n * capability tiers. Sorted and de-duplicated. Any further queue views a user\n * wants come from personal pins.\n */\nexport function useTaskQueueRoles(): string[] {\n  const { user } = useAuth();\n\n  return useMemo(() => {\n    const names = (user?.roles ?? []).map((r) => r.role).filter((r) => !isSystemTierRole(r));\n    return Array.from(new Set(names)).sort((a, b) => a.localeCompare(b));\n  }, [user]);\n}\n","import { useQueryClient } from '@tanstack/react-query';\nimport { useAuth } from './useAuth';\nimport { useEscalations } from '../api/escalations';\nimport { useEventSubscription } from './useEventContext';\nimport { NATS_SUBJECT_PREFIX } from '../lib/nats/config';\n\n/**\n * Returns the number of active (non-expired) escalations assigned to the current user.\n * The API filters expired claims server-side (assigned_until > NOW()) when\n * assigned_to is provided, so the total from the query is accurate.\n */\nexport function useMyEscalationCount(): number {\n  const { user } = useAuth();\n  const userId = user?.userId;\n  const qc = useQueryClient();\n\n  const { data } = useEscalations({\n    assigned_to: userId,\n    status: 'pending',\n    limit: 1,\n  });\n\n  useEventSubscription(`${NATS_SUBJECT_PREFIX}.system.escalation.>`, () => {\n    if (userId) {\n      qc.invalidateQueries({ queryKey: ['escalations'] });\n    }\n  });\n\n  return data?.total ?? 0;\n}\n","import { useNavigate } from 'react-router-dom';\nimport { ExternalLink, TriangleAlert, Hand } from 'lucide-react';\nimport type { StationMetric } from '../../api/escalations';\nimport { jeopardyQueueLink } from '../operations/priority-link';\n\nfunction Stat({ n, label, tone }: { n: number; label: string; tone?: 'muted' }) {\n  return (\n    <div className=\"min-w-0\">\n      <div className={`text-2xl font-light tabular-nums leading-none ${tone === 'muted' ? 'text-text-tertiary' : 'text-text-primary'}`}>\n        {n}\n      </div>\n      <div className=\"text-2xs uppercase tracking-wider text-text-quaternary mt-1 truncate\">{label}</div>\n    </div>\n  );\n}\n\n/**\n * One lane's shape at a glance: pending / claimed / resolved over the selected\n * window, plus the jeopardy signal when items sit past the role's priority\n * threshold. The card opens the role's queue; the jeopardy pill opens it\n * sorted oldest-first so the at-risk items sit on top.\n */\nexport function TaskQueueCard({\n  role,\n  title,\n  metric,\n  priorityFacet,\n  periodLabel,\n}: {\n  role: string;\n  title: string | null;\n  metric: StationMetric | undefined;\n  priorityFacet: string | null;\n  periodLabel: string;\n}) {\n  const navigate = useNavigate();\n  const pending = metric?.pending ?? 0;\n  const claimed = metric?.claimed ?? 0;\n  const resolved = metric?.resolved ?? 0;\n  const jeopardy = metric?.priority_count ?? 0;\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      onClick={() => navigate(`/escalations/available?role=${encodeURIComponent(role)}`)}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          navigate(`/escalations/available?role=${encodeURIComponent(role)}`);\n        }\n      }}\n      className=\"group h-full border-l-2 border-accent/30 bg-surface-sunken/40 rounded-[0.125em] px-4 py-3.5 cursor-pointer transition-colors hover:bg-surface-sunken/70 focus:outline-none focus-visible:ring-1 focus-visible:ring-accent/40\"\n    >\n      <div className=\"flex items-center justify-between gap-2 mb-3\">\n        <span className=\"text-2xs font-semibold uppercase tracking-wider text-text-secondary truncate\">\n          {title || role}\n        </span>\n        <ExternalLink className=\"w-3 h-3 shrink-0 text-text-quaternary opacity-0 group-hover:opacity-100 transition-opacity\" strokeWidth={1.5} />\n      </div>\n\n      <div className=\"flex items-baseline gap-5\">\n        <Stat n={pending} label=\"pending\" />\n        <Stat n={claimed} label=\"claimed\" />\n        <Stat n={resolved} label={`resolved · ${periodLabel}`} tone=\"muted\" />\n      </div>\n\n      <div className=\"mt-3 h-6 flex items-center\">\n        {jeopardy > 0 ? (\n          <button\n            type=\"button\"\n            onClick={(e) => {\n              e.stopPropagation();\n              navigate(jeopardyQueueLink({ role, priority_facet: priorityFacet }));\n            }}\n            className=\"inline-flex items-center gap-1.5 pl-1.5 pr-2.5 py-1 rounded-full text-2xs font-semibold tabular-nums bg-status-error text-text-inverse transition-transform hover:scale-[1.05]\"\n            title=\"Past the priority threshold — a hard limit; open oldest first\"\n          >\n            <TriangleAlert className=\"w-3 h-3\" strokeWidth={2.5} />\n            {jeopardy} in jeopardy\n          </button>\n        ) : (\n          <span className=\"text-2xs text-text-quaternary\">on pace</span>\n        )}\n      </div>\n    </div>\n  );\n}\n\n/**\n * The runner's own work, across every lane. First and highlighted — what to\n * finish before pulling anything new. Opens their personal queue.\n */\nexport function ClaimedCard({ count }: { count: number }) {\n  const navigate = useNavigate();\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      onClick={() => navigate('/escalations/queue')}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          navigate('/escalations/queue');\n        }\n      }}\n      className=\"group h-full border-l-2 border-status-warning/70 bg-status-warning/[0.06] rounded-[0.125em] px-4 py-3.5 cursor-pointer transition-colors hover:bg-status-warning/[0.1] focus:outline-none focus-visible:ring-1 focus-visible:ring-status-warning/40\"\n    >\n      <div className=\"flex items-center justify-between gap-2 mb-3\">\n        <span className=\"flex items-center gap-1.5 text-2xs font-semibold uppercase tracking-wider text-status-warning\">\n          <Hand className=\"w-3 h-3\" strokeWidth={2} />\n          Claimed\n        </span>\n        <ExternalLink className=\"w-3 h-3 shrink-0 text-text-quaternary opacity-0 group-hover:opacity-100 transition-opacity\" strokeWidth={1.5} />\n      </div>\n\n      <div className=\"text-2xl font-light tabular-nums leading-none text-text-primary\">{count}</div>\n      <div className=\"text-2xs uppercase tracking-wider text-text-quaternary mt-1\">assigned to you</div>\n\n      <div className=\"mt-3 h-6 flex items-center\">\n        <span className=\"text-2xs font-medium text-status-warning\">\n          {count > 0 ? 'Finish these first →' : 'Nothing claimed'}\n        </span>\n      </div>\n    </div>\n  );\n}\n","import { useState, useMemo } from 'react';\nimport { Layers } from 'lucide-react';\nimport { useStationMetrics } from '../../api/escalations';\nimport { useRoleDetails } from '../../api/roles';\nimport { useTaskQueueRoles } from '../../hooks/useTaskQueueRoles';\nimport { useMyEscalationCount } from '../../hooks/useMyEscalationCount';\nimport { TaskQueueCard, ClaimedCard } from './TaskQueueCard';\n\nconst PERIODS = ['15m', '1h', '24h', '7d'] as const;\ntype Period = (typeof PERIODS)[number];\n\n/**\n * The scoped runner's home: their own claimed work first, then one card per\n * lane they belong to — pending / claimed / resolved and a jeopardy signal over\n * a chosen window. A poor-man's Pace Board: no cross-role trend, just \"what is\n * in my lanes and what needs attention.\" Engineers get a single compact row\n * (workflows sit below); operators get the fuller two-row surface.\n */\nexport function TaskQueueCards({ maxRows }: { maxRows: 1 | 2 }) {\n  const [period, setPeriod] = useState<Period>('24h');\n  const roles = useTaskQueueRoles();\n  const claimedCount = useMyEscalationCount();\n  const metricsQ = useStationMetrics(period);\n  const rolesQ = useRoleDetails();\n\n  const metricByRole = useMemo(\n    () => new Map((metricsQ.data?.stations ?? []).map((m) => [m.role, m])),\n    [metricsQ.data],\n  );\n  const detailByRole = useMemo(\n    () => new Map((rolesQ.data?.roles ?? []).map((r) => [r.role, r])),\n    [rolesQ.data],\n  );\n\n  // Lanes lead with the most at-risk: sort by jeopardy count (a hard limit the\n  // plant manager pulls to the front of the line), then alphabetically for a\n  // stable order among ties. Card #1 is always Claimed, ahead of these.\n  const sortedRoles = useMemo(() => {\n    return [...roles].sort((a, b) => {\n      const ja = metricByRole.get(a)?.priority_count ?? 0;\n      const jb = metricByRole.get(b)?.priority_count ?? 0;\n      if (jb !== ja) return jb - ja;\n      return a.localeCompare(b);\n    });\n  }, [roles, metricByRole]);\n\n  // The rest of the grid is lanes. Cap to the persona's row budget and surface\n  // any overflow rather than hiding it.\n  const slots = maxRows * 4;\n  const laneBudget = slots - 1;\n  const shownRoles = sortedRoles.slice(0, laneBudget);\n  const overflow = sortedRoles.length - shownRoles.length;\n\n  return (\n    <div>\n      <div className=\"flex items-center justify-between mb-4 pb-2 border-b border-surface-border\">\n        <h2 className=\"flex items-center gap-2 text-sm font-medium text-text-primary\">\n          <Layers className=\"w-4 h-4 text-accent\" strokeWidth={1.5} />\n          Task Queues\n        </h2>\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                  : 'text-text-quaternary hover:text-text-secondary'\n              }`}\n            >\n              {p}\n            </button>\n          ))}\n        </div>\n      </div>\n\n      {roles.length === 0 ? (\n        <div className=\"grid grid-cols-1 @grp-cols:grid-cols-2 @wall:grid-cols-4 gap-4\">\n          <ClaimedCard count={claimedCount} />\n          <div className=\"lg:col-span-3 flex items-center px-4 py-3.5 text-sm text-text-tertiary\">\n            You are not a member of a role. Task queues appear here once you join one.\n          </div>\n        </div>\n      ) : (\n        <>\n          <div className=\"grid grid-cols-1 @grp-cols:grid-cols-2 @wall:grid-cols-4 gap-4 auto-rows-fr\">\n            <ClaimedCard count={claimedCount} />\n            {shownRoles.map((role) => (\n              <TaskQueueCard\n                key={role}\n                role={role}\n                title={detailByRole.get(role)?.title ?? null}\n                metric={metricByRole.get(role)}\n                priorityFacet={detailByRole.get(role)?.priority_facet ?? null}\n                periodLabel={period}\n              />\n            ))}\n          </div>\n          {overflow > 0 && (\n            <p className=\"mt-3 text-2xs text-text-quaternary\">\n              +{overflow} more {overflow === 1 ? 'lane' : 'lanes'} in the Task Queues sidebar.\n            </p>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n","import { useState, useRef, useCallback, useEffect, useMemo } from 'react';\nimport { useNavigate, useSearchParams } from 'react-router-dom';\nimport {\n  Inbox, Code2, Workflow, LayoutDashboard, ExternalLink, BookOpen,\n} from 'lucide-react';\nimport { formatCountCompact } from '../../lib/format';\nimport { useAvailableEscalations, useEscalations, useStationMetrics } from '../../api/escalations';\nimport { useRoleDetails } from '../../api/roles';\nimport { useJobs } from '../../api/workflows';\nimport { useMcpRuns } from '../../api/pipelines';\nimport { useControlPlaneApps } from '../../api/controlplane';\nimport { useAuth } from '../../hooks/useAuth';\nimport { useAccess } from '../../hooks/useAccess';\nimport { usePersona } from '../../hooks/usePersona';\nimport { useEscalationStatsEvents, useWorkflowListEvents, useStationMetricsEvents } from '../../hooks/useEventHooks';\nimport { DateValue } from '../../components/common/display/DateValue';\nimport { RolePill } from '../../components/common/display/RolePill';\nimport { WorkflowPill } from '../../components/common/display/WorkflowPill';\nimport { ListToolbar } from '../../components/common/data/ListToolbar';\nimport { PaceChart, type ChartStation } from '../operations/PaceChart';\nimport { buildFragments } from '../operations/OperationsPage';\nimport { TaskQueueCards } from './TaskQueueCards';\n\nconst STATUS_DOT: Record<string, string> = {\n  completed: 'bg-status-success',\n  active: 'bg-status-active',\n  running: 'bg-status-active',\n  pending: 'bg-status-pending',\n  error: 'bg-status-error',\n  failed: 'bg-status-error',\n};\nfunction statusDotClass(status: string): string {\n  return STATUS_DOT[status] ?? 'bg-text-tertiary';\n}\n\n// ── Section header ──────────────────────────────────────────────────────────\n\nfunction SectionHeader({ icon: Icon, color, docsHash, count, children, actions }: { icon: React.ElementType; color?: string; docsHash?: string; count?: number; children: React.ReactNode; actions?: React.ReactNode }) {\n  return (\n    <div className=\"flex items-center justify-between mb-4 pb-2 border-b border-surface-border\">\n      <div className=\"flex items-center gap-2\">\n        <Icon className={`w-4.5 h-4.5 ${color || 'text-accent/60'}`} strokeWidth={1.5} />\n        <h2 className=\"section-h2\">{children}</h2>\n        {count !== undefined && count > 0 && (\n          <span className=\"px-1.5 py-0.5 rounded-full bg-accent/10 text-accent text-2xs font-semibold tabular-nums\">\n            {formatCountCompact(count)}\n          </span>\n        )}\n      </div>\n      <div className=\"flex items-center gap-2\">\n        {docsHash && (\n          <button onClick={() => { window.location.hash = docsHash; }} className=\"text-text-quaternary hover:text-accent transition-colors\" title=\"Docs\">\n            <BookOpen className=\"w-2.5 h-2.5\" strokeWidth={1.5} />\n          </button>\n        )}\n        {actions}\n      </div>\n    </div>\n  );\n}\n\nfunction EmptyPanel({ icon: Icon, text }: { icon: React.ElementType; text: string }) {\n  return (\n    <div className=\"flex flex-col items-center justify-center py-10 text-center\">\n      <Icon className=\"w-6 h-6 text-text-quaternary/50 mb-2\" strokeWidth={1} />\n      <p className=\"text-xs text-text-quaternary\">{text}</p>\n    </div>\n  );\n}\n\n/** Middle-ellipsis: keep first N and last N chars with ... in between */\nfunction midEllipsis(s: string, maxLen = 37): string {\n  if (!s || s.length <= maxLen) return s;\n  const keep = Math.floor((maxLen - 3) / 2);\n  return `${s.slice(0, keep)}...${s.slice(-keep)}`;\n}\n\n/** Consistent console row for all execution lists. The COLUMN is the\n *  container: with room (@dict-inline) the date shares the id line; in a\n *  tight half column it drops below beside the pill — the row condenses,\n *  the pair of columns never stacks. */\nfunction ExecutionRow({ dot, pill, id, date, onClick }: {\n  dot: string;\n  pill: React.ReactNode;\n  id: string;\n  date: string;\n  onClick: () => void;\n}) {\n  return (\n    <button onClick={onClick} className=\"w-full text-left hover:bg-surface-hover/50 rounded-md px-1 py-1.5 transition-colors\">\n      <div className=\"flex items-center gap-2 mb-0.5\">\n        <span className={`w-1.5 h-1.5 rounded-full dot-ring shrink-0 ${dot}`} />\n        <span className=\"text-xs text-text-primary font-mono truncate flex-1 min-w-0\">{midEllipsis(id)}</span>\n        <span className=\"hidden @dict-inline:inline text-2xs text-text-quaternary shrink-0 whitespace-nowrap\"><DateValue date={date} /></span>\n      </div>\n      <div className=\"pl-3.5 flex items-center gap-1 overflow-hidden\">\n        {pill}\n        <span className=\"flex-1 min-w-0\" />\n        <span className=\"@dict-inline:hidden text-2xs text-text-quaternary shrink-0 whitespace-nowrap\"><DateValue date={date} /></span>\n      </div>\n    </button>\n  );\n}\n\n/** Console row for the escalation firehose lists — same condensing law.\n *  The workflow pill is enrichment (the column budget): it returns when the\n *  column has room; the floor is priority, title, role, age. */\nfunction EscalationRow({ esc, onClick }: { esc: any; onClick: () => void }) {\n  const date = <DateValue date={esc.updated_at ?? esc.created_at} />;\n  return (\n    <button onClick={onClick} className=\"w-full text-left hover:bg-surface-hover/50 rounded-md px-1 py-1.5 transition-colors\">\n      <div className=\"flex items-center gap-2 mb-0.5\">\n        <span className=\"text-2xs text-text-quaternary font-medium shrink-0\">P{esc.priority ?? 2}</span>\n        <span className=\"text-xs text-text-primary truncate flex-1 min-w-0\">{esc.description || esc.subtype || esc.type}</span>\n        <span className=\"hidden @dict-inline:inline text-2xs text-text-quaternary shrink-0\">{date}</span>\n      </div>\n      <div className=\"flex items-center gap-2 pl-5 overflow-hidden\">\n        <span className=\"hidden @dict-inline:inline-flex min-w-0\"><WorkflowPill type={esc.type || 'unknown'} size=\"xs\" /></span>\n        <span className=\"flex-1 min-w-0\" />\n        <RolePill role={esc.role} />\n        <span className=\"@dict-inline:hidden text-2xs text-text-quaternary shrink-0\">{date}</span>\n      </div>\n    </button>\n  );\n}\n\nfunction NavIcon({ to, icon: Icon, title }: { to: string; icon: React.ElementType; title: string }) {\n  const navigate = useNavigate();\n  return (\n    <button\n      onClick={() => navigate(to)}\n      className=\"text-text-quaternary hover:text-accent transition-colors\"\n      title={title}\n    >\n      <Icon className=\"w-2.5 h-2.5\" strokeWidth={1.5} />\n    </button>\n  );\n}\n\n// ── Namespace Picker ────────────────────────────────────────────────────────\n\nfunction AppPicker({ appIds, selected, onSelect }: {\n  appIds: string[];\n  selected: string;\n  onSelect: (id: string) => void;\n}) {\n  const [open, setOpen] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!open) return;\n    const handler = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false);\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, [open]);\n\n  if (appIds.length <= 1) return null;\n\n  return (\n    <div className=\"relative mb-3 -mt-2\" ref={ref}>\n      <button\n        onClick={() => setOpen((v) => !v)}\n        className=\"flex items-center gap-1 px-2 py-0.5 text-2xs rounded bg-accent/10 text-accent hover:bg-accent/20 transition-colors\"\n      >\n        {selected}\n        <svg className={`w-2.5 h-2.5 transition-transform ${open ? 'rotate-180' : ''}`} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2.5}>\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19 9l-7 7-7-7\" />\n        </svg>\n      </button>\n      {open && (\n        <div className=\"absolute top-full left-0 mt-1 bg-surface-raised border border-surface-border rounded-md shadow-lg z-[100] py-1 min-w-[120px]\">\n          {appIds.map((id) => (\n            <button\n              key={id}\n              onClick={() => { onSelect(id); setOpen(false); }}\n              className={`w-full text-left px-3 py-1.5 text-2xs transition-colors ${\n                selected === id ? 'text-accent bg-accent/5' : 'text-text-secondary hover:bg-surface-hover'\n              }`}\n            >\n              {id}\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ── Page ─────────────────────────────────────────────────────────────────────\n\nexport function HomePage() {\n  const navigate = useNavigate();\n  const { user } = useAuth();\n  const { isBuilder } = useAccess();\n  const persona = usePersona();\n  const [searchParams, setSearchParams] = useSearchParams();\n  const { data: cpData } = useControlPlaneApps({ enabled: isBuilder });\n  const allAppIds = useMemo(() => (cpData?.apps ?? []).map((a: any) => a.appId).sort(), [cpData]);\n  const firstAppId = allAppIds[0] ?? '';\n  const pipelineNs = searchParams.get('pipelinenamespace') || firstAppId;\n  const durableNs = searchParams.get('durablenamespace') || firstAppId;\n  const setNs = useCallback((key: string, ns: string) => {\n    setSearchParams((prev) => {\n      const next = new URLSearchParams(prev);\n      next.set(key, ns);\n      return next;\n    }, { replace: false });\n  }, [setSearchParams]);\n  useEscalationStatsEvents();\n  useWorkflowListEvents();\n  useStationMetricsEvents();\n\n  // The home page renders one of three layouts (see the return below):\n  // - operator: their own lanes as task-queue cards, nothing else\n  // - admin/superadmin: escalations left|right, then the Pace Board FULL WIDTH\n  //   (the chart is the story; full width is what scales it)\n  // - engineer: a 2×2 console — escalations on the upper row, the workflow\n  //   execution columns on the lower row\n  // Gate each data source to the tiers that render it, so no one fires a\n  // request they can't access (403 on control-plane apps → empty namespace →\n  // 400 on jobs). Superadmins reach the execution surfaces from the sidebar;\n  // their home stays the operational story.\n  const builderHome = !persona.showTaskQueueCards;\n  const showWorkflowColumns = persona.canSeeWorkflows && !persona.canSeePaceBoard;\n  const rolesQ = useRoleDetails({ enabled: persona.canSeePaceBoard });\n  const stationQ = useStationMetrics('1h', { enabled: persona.canSeePaceBoard });\n  const jobsQ = useJobs({ limit: 5, sort_by: 'updated_at', order: 'desc', namespace: durableNs }, { enabled: showWorkflowColumns });\n  const durableAppIds = allAppIds;\n  const pipelineAppIds = allAppIds;\n  const mcpQ = useMcpRuns({ limit: 5, app_id: pipelineNs, sort_by: 'updated_at', order: 'desc' }, { enabled: showWorkflowColumns });\n  const allEscQ = useAvailableEscalations({ limit: 5, sort_by: 'created_at', order: 'desc', enabled: builderHome });\n  const myEscQ = useEscalations({ assigned_to: user?.userId, status: 'pending', limit: 5, sort_by: 'created_at', order: 'desc', enabled: builderHome });\n\n  // Delayed refetch — allows signal-routed escalation resolutions\n  // (durable activity) time to commit before refreshing the list\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      myEscQ.refetch();\n      allEscQ.refetch();\n    }, 2000);\n    return () => clearTimeout(timer);\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  // Pace Board mini — the primary sequence (longest line) at the 1h window.\n  const paceStations = useMemo((): ChartStation[] => {\n    const fragments = buildFragments(rolesQ.data?.roles ?? []);\n    const primary = fragments[0]?.stations ?? [];\n    const metrics = stationQ.data?.stations ?? [];\n    return primary.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  }, [rolesQ.data, stationQ.data]);\n\n  const jobs = jobsQ.data?.jobs ?? [];\n  const jobsTotal = jobsQ.data?.total;\n  const mcpRuns = (mcpQ.data as any)?.jobs ?? [];\n  const mcpTotal = (mcpQ.data as any)?.total as number | undefined;\n  const allEscalations = allEscQ.data?.escalations ?? [];\n  const allEscTotal = allEscQ.data?.total;\n  const myEscalations = myEscQ.data?.escalations ?? [];\n  const myEscTotal = myEscQ.data?.total;\n\n  // The two workflow execution columns, shared by the builder branches (the\n  // engineer layout below and the superadmin Row 2). Defined once so the JSX\n  // has a single source of truth.\n  const proceduralColumn = (\n    <div className=\"@container min-w-0\">\n      <SectionHeader icon={Code2} color=\"text-accent\" count={jobsTotal} docsHash=\"#docs:dashboard.md:procedural-executions\" actions={\n        <div className=\"flex items-center gap-2\">\n          <ListToolbar onRefresh={() => jobsQ.refetch()} isFetching={jobsQ.isFetching} apiPath={`/workflow-states/jobs?namespace=${durableNs}&limit=5`} />\n          <NavIcon to=\"/workflows/executions\" icon={ExternalLink} title=\"All procedural executions\" />\n        </div>\n      }>\n        Procedural\n      </SectionHeader>\n      <AppPicker appIds={durableAppIds} selected={durableNs} onSelect={(ns) => setNs('durablenamespace', ns)} />\n      {jobs.length === 0 ? (\n        <EmptyPanel icon={Code2} text=\"No recent procedural runs\" />\n      ) : (\n        <div className=\"space-y-1\">\n          {jobs.map((job: any) => (\n            <ExecutionRow\n              key={job.workflow_id}\n              dot={statusDotClass(job.status)}\n              pill={<WorkflowPill type={job.entity || job.type || 'workflow'} size=\"xs\" />}\n              id={job.workflow_id}\n              date={job.updated_at ?? job.created_at}\n              onClick={() => navigate(`/workflows/executions/${job.workflow_id}`)}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n\n  const graphColumn = (\n    <div className=\"@container min-w-0\">\n      <SectionHeader icon={Workflow} color=\"text-accent\" count={mcpTotal} docsHash=\"#docs:dashboard.md:graph-executions\" actions={\n        <div className=\"flex items-center gap-2\">\n          <ListToolbar onRefresh={() => mcpQ.refetch()} isFetching={mcpQ.isFetching} apiPath={`/pipelines?app_id=${pipelineNs}&limit=5`} />\n          <NavIcon to=\"/mcp/executions\" icon={ExternalLink} title=\"All graph executions\" />\n        </div>\n      }>\n        Graph\n      </SectionHeader>\n      <AppPicker appIds={pipelineAppIds} selected={pipelineNs} onSelect={(ns) => setNs('pipelinenamespace', ns)} />\n      {mcpRuns.length === 0 ? (\n        <EmptyPanel icon={Workflow} text=\"No recent graph runs\" />\n      ) : (\n        <div className=\"space-y-1\">\n          {mcpRuns.map((run: any) => (\n            <ExecutionRow\n              key={run.workflow_id}\n              dot={statusDotClass(run.status)}\n              pill={<WorkflowPill type={run.entity || run.workflow_name || 'pipeline'} variant=\"pipeline\" size=\"xs\" />}\n              id={run.workflow_id}\n              date={run.updated_at ?? run.created_at}\n              onClick={() => navigate(`/mcp/executions/${run.workflow_id}?namespace=${pipelineNs}`)}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n\n  // ── Operator: their own lanes as Task Queue cards, nothing else. Scoped to\n  //    the roles they belong to; no firehose, no Pace Board, no workflows.\n  if (persona.showTaskQueueCards) {\n    return (\n      <div>\n        <h1 className=\"heading-1 mb-10\">Recent Activity</h1>\n        <TaskQueueCards maxRows={2} />\n      </div>\n    );\n  }\n\n  // ── Builder home. Admin/superadmin: escalations left|right, Pace Board full\n  //    width beneath — the operational story in two rows. Engineer: a 2×2\n  //    console — escalations up top, the workflow execution columns below.\n  //    The pairs stay side by side at EVERY width — the pair IS the console.\n  //    Each COLUMN is a container: its rows condense (date drops below, the\n  //    enrichment pill yields) when the column narrows, and the pair holds.\n  return (\n    <div>\n      <h1 className=\"heading-1 mb-10\">Recent Activity</h1>\n\n      {/* ── Row 1: All Escalations | My Escalations ──────────────────────── */}\n      <div className=\"grid grid-cols-2 gap-x-4 @split:gap-x-col-gap\">\n\n        {/* Col 1: All Escalations */}\n        <div className=\"@container min-w-0\">\n          <SectionHeader icon={Inbox} color=\"text-accent\" count={allEscTotal} docsHash=\"#docs:dashboard.md:all-escalations\" actions={\n            <div className=\"flex items-center gap-2\">\n              <ListToolbar onRefresh={() => allEscQ.refetch()} isFetching={allEscQ.isFetching} apiPath=\"/escalations?status=pending&limit=5&sort_by=created_at&order=desc\" />\n              <NavIcon to=\"/escalations/available\" icon={ExternalLink} title=\"All escalations\" />\n            </div>\n          }>\n            All Escalations\n          </SectionHeader>\n          {allEscalations.length === 0 ? (\n            <EmptyPanel icon={Inbox} text=\"No pending escalations\" />\n          ) : (\n            <div className=\"space-y-1\">\n              {allEscalations.map((esc: any) => (\n                <EscalationRow key={esc.id} esc={esc} onClick={() => navigate(`/escalations/detail/${esc.id}`)} />\n              ))}\n            </div>\n          )}\n        </div>\n\n        {/* Col 2: My Escalations */}\n        <div className=\"@container min-w-0\">\n          <SectionHeader icon={Inbox} color=\"text-accent\" count={myEscTotal} docsHash=\"#docs:dashboard.md:escalations-overview\" actions={\n            <div className=\"flex items-center gap-2\">\n              <ListToolbar onRefresh={() => myEscQ.refetch()} isFetching={myEscQ.isFetching} apiPath={`/escalations?assigned_to=${user?.userId ?? ''}&status=pending&limit=5&sort_by=created_at&order=desc`} />\n              <NavIcon to=\"/escalations/queue\" icon={ExternalLink} title=\"My escalation queue\" />\n            </div>\n          }>\n            My Escalations\n          </SectionHeader>\n          {myEscalations.length === 0 ? (\n            <EmptyPanel icon={Inbox} text=\"No assigned escalations\" />\n          ) : (\n            <div className=\"space-y-1\">\n              {myEscalations.map((esc: any) => (\n                <EscalationRow key={esc.id} esc={esc} onClick={() => navigate(`/escalations/detail/${esc.id}`)} />\n              ))}\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* ── Row 2 (admin/superadmin): the Pace Board — 100% width, half the\n          viewport tall. The chart is the story; this is the space it earns. */}\n      {persona.canSeePaceBoard && (\n        <div className=\"mt-14\">\n          <SectionHeader icon={LayoutDashboard} color=\"text-accent\" docsHash=\"#docs:dashboard.md:pace-board\" actions={\n            <NavIcon to=\"/operations\" icon={ExternalLink} title=\"Open the Pace Board\" />\n          }>\n            Pace Board\n          </SectionHeader>\n          {paceStations.length === 0 ? (\n            <EmptyPanel icon={LayoutDashboard} text=\"No stations yet — mark roles visible in Operations\" />\n          ) : (\n            <div className=\"h-[50vh] cursor-pointer\" onClick={() => navigate('/operations')}>\n              <PaceChart\n                stations={paceStations}\n                selectedRole={null}\n                onSelect={() => navigate('/operations')}\n                onUpstreamSelect={() => navigate('/operations')}\n                periodHours={1}\n              />\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* ── Row 2 (engineer): Procedural | Graph — the lower half of the 2×2,\n          side by side at every width like the row above. */}\n      {showWorkflowColumns && (\n        <div className=\"grid grid-cols-2 gap-x-4 @split:gap-x-col-gap mt-14\">\n          {proceduralColumn}\n          {graphColumn}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["useTaskQueueRoles","user","useAuth","useMemo","names","r","isSystemTierRole","a","b","useMyEscalationCount","userId","qc","useQueryClient","data","useEscalations","useEventSubscription","NATS_SUBJECT_PREFIX","Stat","n","label","tone","jsxs","jsx","TaskQueueCard","role","title","metric","priorityFacet","periodLabel","navigate","useNavigate","pending","claimed","resolved","jeopardy","e","ExternalLink","jeopardyQueueLink","TriangleAlert","ClaimedCard","count","Hand","PERIODS","TaskQueueCards","maxRows","period","setPeriod","useState","roles","claimedCount","metricsQ","useStationMetrics","rolesQ","useRoleDetails","metricByRole","_a","m","detailByRole","sortedRoles","ja","jb","_b","laneBudget","shownRoles","overflow","Layers","p","Fragment","STATUS_DOT","statusDotClass","status","SectionHeader","Icon","color","docsHash","children","actions","formatCountCompact","BookOpen","EmptyPanel","text","midEllipsis","s","maxLen","keep","ExecutionRow","dot","pill","id","date","onClick","DateValue","EscalationRow","esc","WorkflowPill","RolePill","NavIcon","to","AppPicker","appIds","selected","onSelect","open","setOpen","ref","useRef","useEffect","handler","v","HomePage","isBuilder","useAccess","persona","usePersona","searchParams","setSearchParams","useSearchParams","cpData","useControlPlaneApps","allAppIds","firstAppId","pipelineNs","durableNs","setNs","useCallback","key","ns","prev","next","useEscalationStatsEvents","useWorkflowListEvents","useStationMetricsEvents","builderHome","showWorkflowColumns","stationQ","jobsQ","useJobs","durableAppIds","pipelineAppIds","mcpQ","useMcpRuns","allEscQ","useAvailableEscalations","myEscQ","timer","paceStations","primary","buildFragments","metrics","_c","jobs","jobsTotal","mcpRuns","mcpTotal","_d","allEscalations","_e","allEscTotal","_f","myEscalations","_g","myEscTotal","_h","proceduralColumn","Code2","ListToolbar","job","graphColumn","Workflow","run","Inbox","LayoutDashboard","PaceChart"],"mappings":"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"}

package/dashboard/dist/assets/ListToolbar-DuoEdVtK.js

@@ -0,0 +1,2 @@
+import{a as C,j as s}from"./vendor-query-B2UbickB.js";import{ac as u,ad as N}from"./index-C-8xXyvr.js";import{a2 as d,aM as j,aN as h,aO as b}from"./vendor-icons-DKCAtTJ9.js";function y({onRefresh:m,isFetching:r=!1,apiPath:t,standalone:x=!1}){const[l,c]=C.useState(null),i=(e,o)=>{navigator.clipboard.writeText(e).then(()=>{c(o),setTimeout(()=>c(null),2e3)})},p=()=>{if(!t)return;const e=`${window.location.origin}${u}/api${t}`;i(e,"url")},f=()=>{if(!t)return;const e=`${window.location.origin}${u}/api${t}`,o=N(),$=o?`curl -H "Authorization: Bearer ${o}" "${e}"`:`curl "${e}"`;i($,"curl")},n="p-1 text-text-quaternary hover:text-accent transition-colors rounded",a="w-2.5 h-2.5";return s.jsxs("div",{className:"flex items-center gap-0.5",children:[t&&s.jsxs("div",{className:x?"flex items-center gap-0.5":"hidden @filters/filters:flex items-center gap-0.5",children:[s.jsx("button",{onClick:p,className:n,title:"Copy API URL",children:l==="url"?s.jsx(d,{className:`${a} text-status-success`}):s.jsx(j,{className:a})}),s.jsx("button",{onClick:f,className:n,title:"Copy curl (includes auth token)",children:l==="curl"?s.jsx(d,{className:`${a} text-status-success`}):s.jsx(h,{className:a})})]}),s.jsx("button",{onClick:m,disabled:r,className:`${n} disabled:opacity-50`,title:"Refresh",children:s.jsx(b,{className:`${a} ${r?"animate-spin":""}`})})]})}export{y as L};
+//# sourceMappingURL=ListToolbar-DuoEdVtK.js.map

package/dashboard/dist/assets/ListToolbar-DuoEdVtK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListToolbar-DuoEdVtK.js","sources":["../../src/components/common/data/ListToolbar.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { RefreshCw, Link2, Terminal, Check } from 'lucide-react';\nimport { getToken } from '../../../api/client';\nimport { LT_BASE } from '../../../lib/base-path';\n\ninterface ListToolbarProps {\n  onRefresh: () => void;\n  isFetching?: boolean;\n  /** API path (e.g. \"/workflow-states/jobs?limit=50\") for URL/curl copy. */\n  apiPath?: string;\n  /**\n   * Set when the toolbar renders outside a `@container/filters` ancestor\n   * (e.g. a page header) — skips the narrow-container fold classes, which\n   * would otherwise never match and hide the copy actions.\n   */\n  standalone?: boolean;\n}\n\ntype CopiedState = 'url' | 'curl' | null;\n\n/**\n * Toolbar for list pages: refresh, copy API URL, copy curl command.\n * Designed to sit in FilterBar `actions` slot.\n */\nexport function ListToolbar({ onRefresh, isFetching = false, apiPath, standalone = false }: ListToolbarProps) {\n  const [copied, setCopied] = useState<CopiedState>(null);\n\n  const copyToClipboard = (text: string, type: CopiedState) => {\n    navigator.clipboard.writeText(text).then(() => {\n      setCopied(type);\n      setTimeout(() => setCopied(null), 2000);\n    });\n  };\n\n  const handleCopyUrl = () => {\n    if (!apiPath) return;\n    const url = `${window.location.origin}${LT_BASE}/api${apiPath}`;\n    copyToClipboard(url, 'url');\n  };\n\n  const handleCopyCurl = () => {\n    if (!apiPath) return;\n    const url = `${window.location.origin}${LT_BASE}/api${apiPath}`;\n    const token = getToken();\n    const cmd = token\n      ? `curl -H \"Authorization: Bearer ${token}\" \"${url}\"`\n      : `curl \"${url}\"`;\n    copyToClipboard(cmd, 'curl');\n  };\n\n  const BTN = 'p-1 text-text-quaternary hover:text-accent transition-colors rounded';\n  const ICON = 'w-2.5 h-2.5';\n\n  return (\n    <div className=\"flex items-center gap-0.5\">\n      {apiPath && (\n        // Developer copy actions yield first at narrow containers — refresh\n        // is the affordance the floor actually uses.\n        <div className={standalone ? 'flex items-center gap-0.5' : 'hidden @filters/filters:flex items-center gap-0.5'}>\n          <button onClick={handleCopyUrl} className={BTN} title=\"Copy API URL\">\n            {copied === 'url' ? <Check className={`${ICON} text-status-success`} /> : <Link2 className={ICON} />}\n          </button>\n          <button onClick={handleCopyCurl} className={BTN} title=\"Copy curl (includes auth token)\">\n            {copied === 'curl' ? <Check className={`${ICON} text-status-success`} /> : <Terminal className={ICON} />}\n          </button>\n        </div>\n      )}\n      <button onClick={onRefresh} disabled={isFetching} className={`${BTN} disabled:opacity-50`} title=\"Refresh\">\n        <RefreshCw className={`${ICON} ${isFetching ? 'animate-spin' : ''}`} />\n      </button>\n    </div>\n  );\n}\n"],"names":["ListToolbar","onRefresh","isFetching","apiPath","standalone","copied","setCopied","useState","copyToClipboard","text","type","handleCopyUrl","url","LT_BASE","handleCopyCurl","token","getToken","cmd","BTN","ICON","jsxs","jsx","Check","Link2","Terminal","RefreshCw"],"mappings":"+KAwBO,SAASA,EAAY,CAAE,UAAAC,EAAW,WAAAC,EAAa,GAAO,QAAAC,EAAS,WAAAC,EAAa,IAA2B,CAC5G,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAsB,IAAI,EAEhDC,EAAkB,CAACC,EAAcC,IAAsB,CAC3D,UAAU,UAAU,UAAUD,CAAI,EAAE,KAAK,IAAM,CAC7CH,EAAUI,CAAI,EACd,WAAW,IAAMJ,EAAU,IAAI,EAAG,GAAI,CACxC,CAAC,CACH,EAEMK,EAAgB,IAAM,CAC1B,GAAI,CAACR,EAAS,OACd,MAAMS,EAAM,GAAG,OAAO,SAAS,MAAM,GAAGC,CAAO,OAAOV,CAAO,GAC7DK,EAAgBI,EAAK,KAAK,CAC5B,EAEME,EAAiB,IAAM,CAC3B,GAAI,CAACX,EAAS,OACd,MAAMS,EAAM,GAAG,OAAO,SAAS,MAAM,GAAGC,CAAO,OAAOV,CAAO,GACvDY,EAAQC,EAAA,EACRC,EAAMF,EACR,kCAAkCA,CAAK,MAAMH,CAAG,IAChD,SAASA,CAAG,IAChBJ,EAAgBS,EAAK,MAAM,CAC7B,EAEMC,EAAM,uEACNC,EAAO,cAEb,OACEC,EAAAA,KAAC,MAAA,CAAI,UAAU,4BACZ,SAAA,CAAAjB,GAGCiB,EAAAA,KAAC,MAAA,CAAI,UAAWhB,EAAa,4BAA8B,oDACzD,SAAA,CAAAiB,EAAAA,IAAC,SAAA,CAAO,QAASV,EAAe,UAAWO,EAAK,MAAM,eACnD,aAAW,MAAQG,EAAAA,IAACC,GAAM,UAAW,GAAGH,CAAI,sBAAA,CAAwB,QAAMI,EAAA,CAAM,UAAWJ,EAAM,CAAA,CACpG,EACAE,EAAAA,IAAC,UAAO,QAASP,EAAgB,UAAWI,EAAK,MAAM,kCACpD,SAAAb,IAAW,aAAUiB,EAAA,CAAM,UAAW,GAAGH,CAAI,sBAAA,CAAwB,EAAKE,EAAAA,IAACG,EAAA,CAAS,UAAWL,CAAA,CAAM,CAAA,CACxG,CAAA,EACF,EAEFE,EAAAA,IAAC,UAAO,QAASpB,EAAW,SAAUC,EAAY,UAAW,GAAGgB,CAAG,uBAAwB,MAAM,UAC/F,SAAAG,MAACI,EAAA,CAAU,UAAW,GAAGN,CAAI,IAAIjB,EAAa,eAAiB,EAAE,EAAA,CAAI,CAAA,CACvE,CAAA,EACF,CAEJ"}

package/dashboard/dist/assets/McpOverview-NXKsGiWU.js

@@ -0,0 +1,2 @@
+import{a as o,j as e}from"./vendor-query-B2UbickB.js";import{u as A}from"./mcp-CBcz4BCS.js";import{u as F}from"./pipelines-CmAAH3B6.js";import{u as z}from"./yaml-workflows-DM3jVem2.js";import{u as I}from"./controlplane-CuTQ7eUE.js";import{P as W}from"./PageHeader-DvEmMMP6.js";import{S as b}from"./StatCard-DBANWIss.js";import{z as E,W as O}from"./vendor-icons-DKCAtTJ9.js";import{c as U}from"./vendor-react-CXumBFUA.js";import"./index-C-8xXyvr.js";const T=[{label:"1h",ms:36e5},{label:"24h",ms:864e5},{label:"7d",ms:6048e5},{label:"30d",ms:2592e6}];function q(r){return r<1e3?`${Math.round(r)}ms`:r<6e4?`${(r/1e3).toFixed(1)}s`:r<36e5?`${(r/6e4).toFixed(1)}m`:`${(r/36e5).toFixed(1)}h`}function j({value:r,colorClass:c,onClick:v}){return r===0?e.jsx("span",{className:"text-text-tertiary",children:"0"}):e.jsx("button",{onClick:v,className:`${c} hover:underline tabular-nums font-medium`,children:r})}function ee(){const r=U(),[c,v]=o.useState("24h"),[D,P]=o.useState(""),{data:d}=I(),k=o.useMemo(()=>((d==null?void 0:d.apps)??[]).map(t=>t.appId).sort(),[d==null?void 0:d.apps]),u=D||k[0]||"",{data:m}=F({limit:500,app_id:u}),{data:N,isLoading:L}=A(),{data:y,isLoading:_}=z({limit:200}),w=k,p=(N==null?void 0:N.servers)??[],h=(y==null?void 0:y.workflows)??[],M=o.useMemo(()=>p.reduce((t,l)=>t+(Array.isArray(l.tool_manifest)?l.tool_manifest.length:0),0),[p]),S=o.useMemo(()=>new Set(h.map(l=>l.app_id)).size,[h]),$=o.useMemo(()=>{const t=T.find(l=>l.label===c);return Date.now()-t.ms},[c]),i=o.useMemo(()=>((m==null?void 0:m.jobs)??[]).filter(t=>new Date(t.created_at).getTime()>=$),[m==null?void 0:m.jobs,$]),C=o.useMemo(()=>{const t=new Map;for(const s of i){const a=t.get(s.entity)??{total:0,running:0,completed:0,failed:0,durations:[]};if(a.total++,s.status==="running"&&a.running++,s.status==="completed"){a.completed++;const g=new Date(s.updated_at).getTime()-new Date(s.created_at).getTime();g>0&&a.durations.push(g)}s.status==="failed"&&a.failed++,t.set(s.entity,a)}const l=[];for(const[s,a]of t)l.push({pipeline:s,...a,avgDuration:a.durations.length>0?a.durations.reduce((g,R)=>g+R,0)/a.durations.length:null});return l.sort((s,a)=>a.total-s.total)},[i]),f=o.useMemo(()=>({total:i.length,running:i.filter(t=>t.status==="running").length,completed:i.filter(t=>t.status==="completed").length,failed:i.filter(t=>t.status==="failed").length}),[i]),n=(t,l)=>{const s=new URLSearchParams;u&&s.set("namespace",u),t&&s.set("entity",t),l&&s.set("status",l);const a=s.toString();r(`/mcp/executions${a?`?${a}`:""}`)},x="pb-2 text-2xs font-semibold uppercase tracking-widest text-text-tertiary";return e.jsxs("div",{children:[e.jsx(W,{title:"Discovered"}),e.jsxs("div",{className:"flex items-center gap-4 mb-6",children:[e.jsx("div",{className:"flex items-center gap-1",children:T.map(t=>e.jsx("button",{onClick:()=>v(t.label),className:`px-3 py-1 text-xs rounded-full transition-colors ${c===t.label?"bg-accent text-text-inverse":"text-text-tertiary hover:text-text-primary hover:bg-surface-hover"}`,children:t.label},t.label))}),w.length>1&&e.jsx("select",{value:u,onChange:t=>P(t.target.value),className:"select text-xs py-1 px-2",children:w.map(t=>e.jsx("option",{value:t,children:t},t))})]}),e.jsxs("div",{className:"grid grid-cols-4 gap-4 mb-8",children:[e.jsx(b,{label:"Total Runs",value:f.total,onClick:()=>n()}),e.jsx(b,{label:"Running",value:f.running,colorClass:"text-status-active",onClick:()=>n(void 0,"running")}),e.jsx(b,{label:"Completed",value:f.completed,colorClass:"text-status-success",onClick:()=>n(void 0,"completed")}),e.jsx(b,{label:"Failed",value:f.failed,colorClass:"text-status-error",onClick:()=>n(void 0,"failed")})]}),C.length>0&&e.jsxs("table",{className:"w-full text-left mb-10",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-surface-border",children:[e.jsx("th",{className:x,children:"Tool"}),e.jsx("th",{className:`${x} text-right w-20`,children:"Total"}),e.jsx("th",{className:`${x} text-right w-20`,children:"Running"}),e.jsx("th",{className:`${x} text-right w-24`,children:"Completed"}),e.jsx("th",{className:`${x} text-right w-20`,children:"Failed"}),e.jsx("th",{className:`${x} text-right w-28`,children:"Avg Duration"})]})}),e.jsx("tbody",{children:C.map(t=>e.jsxs("tr",{className:"border-b border-surface-border last:border-b-0",children:[e.jsx("td",{className:"py-3 text-sm font-mono text-text-primary",children:e.jsx("button",{onClick:()=>n(t.pipeline),className:"hover:text-accent hover:underline",children:t.pipeline})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(j,{value:t.total,colorClass:"text-text-secondary",onClick:()=>n(t.pipeline)})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(j,{value:t.running,colorClass:"text-status-active",onClick:()=>n(t.pipeline,"running")})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(j,{value:t.completed,colorClass:"text-status-success",onClick:()=>n(t.pipeline,"completed")})}),e.jsx("td",{className:"py-3 text-sm text-right",children:e.jsx(j,{value:t.failed,colorClass:"text-status-error",onClick:()=>n(t.pipeline,"failed")})}),e.jsx("td",{className:"py-3 text-sm font-mono text-text-secondary text-right",children:t.avgDuration!==null?q(t.avgDuration):"—"})]},t.pipeline))})]}),C.length===0&&e.jsx("div",{className:"py-12 text-center mb-8",children:e.jsxs("p",{className:"text-sm text-text-tertiary",children:["No MCP tool activity in the last ",c]})}),e.jsxs("div",{className:"grid grid-cols-1 @form-cols:grid-cols-2 gap-4",children:[e.jsxs("button",{onClick:()=>r("/mcp/servers"),className:"bg-surface-raised border border-surface-border rounded-md p-5 text-left hover:border-accent/40 transition-colors",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-3",children:[e.jsx(E,{size:16,className:"text-accent shrink-0"}),e.jsx("span",{className:"text-sm font-medium text-text-primary",children:"Tool Servers"})]}),e.jsxs("p",{className:"text-2xl font-light tabular-nums text-text-primary mb-1",children:[L?"—":p.length,e.jsxs("span",{className:"text-sm text-text-tertiary font-normal ml-2",children:["server",p.length!==1?"s":""," · ",M," tool",M!==1?"s":""]})]}),e.jsx("p",{className:"text-2xs text-text-tertiary leading-relaxed mt-2",children:"Built-in and external MCP servers. Each server exposes tools that workflows and agents can call."})]}),e.jsxs("button",{onClick:()=>r("/mcp/workflows"),className:"bg-surface-raised border border-surface-border rounded-md p-5 text-left hover:border-accent/40 transition-colors",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-3",children:[e.jsx(O,{size:16,className:"text-purple-400 shrink-0"}),e.jsx("span",{className:"text-sm font-medium text-text-primary",children:"Pipeline Registry"})]}),e.jsxs("p",{className:"text-2xl font-light tabular-nums text-text-primary mb-1",children:[_?"—":h.length,e.jsxs("span",{className:"text-sm text-text-tertiary font-normal ml-2",children:["workflow",h.length!==1?"s":""," · ",S," server",S!==1?"s":""]})]}),e.jsx("p",{className:"text-2xs text-text-tertiary leading-relaxed mt-2",children:"Compiled from discovery runs. Deterministic tool-to-tool pipelines — no LLM, no token costs."})]})]})]})}export{ee as McpOverview};
+//# sourceMappingURL=McpOverview-NXKsGiWU.js.map