@hotmeshio/long-tail 0.7.0 → 0.7.2

package/dashboard/dist/assets/{EventTable-DpAXMmT3.js.map → EventTable-CLuAbba_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EventTable-DpAXMmT3.js","sources":["../../src/pages/workflows/workflow-execution/EventTable.tsx"],"sourcesContent":["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-blue-500';\n      case 'signal':\n        return 'bg-emerald-500';\n      case 'timer':\n        return 'bg-status-warning';\n      case 'child_workflow':\n        return 'bg-violet-500';\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-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">\n            Events ({filtered.length})\n          </p>\n          {filtered.length > 0 && (\n            <button onClick={toggleAll} className=\"text-[10px] 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-[10px] 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 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 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-[10px] 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":["STARTED_TYPES","COMPLETED_TYPES","buildCompletedKeys","events","keys","e","EventTable","childTasks","jid","appId","categoryFilter","setCategoryFilter","useState","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","prev","next","allExpanded","toggleAll","jsxs","jsx","FilterBar","FilterSelect","c","s","isExpanded","pending","formatDuration","Collapsible","EventDetailPanel"],"mappings":"2MAiBA,MAAMA,MAAoB,IAAI,CAC5B,0BACA,gBACA,mCACA,qBACF,CAAC,EAGKC,MAAsB,IAAI,CAC9B,0BACA,uBACA,cACA,qCACA,kCACA,6BACF,CAAC,EAMD,SAASC,EAAmBC,EAA+C,CACzE,MAAMC,MAAW,IACjB,UAAWC,KAAKF,EACVF,EAAgB,IAAII,EAAE,UAAU,GAAKA,EAAE,WAAW,cACpDD,EAAK,IAAIC,EAAE,WAAW,YAAY,EAGtC,OAAOD,CACT,CAEO,SAASE,EAAW,CAAE,OAAAH,EAAQ,WAAAI,EAAY,IAAAC,EAAK,MAAAC,GAA0B,CAC9E,KAAM,CAACC,EAAgBC,CAAiB,EAAIC,EAAAA,SAAS,EAAE,EACjD,CAACC,EAAYC,CAAa,EAAIF,EAAAA,SAAS,EAAE,EACzC,CAACG,EAAWC,CAAY,EAAIJ,EAAAA,SAAyB,KAAK,EAC1D,CAACK,EAAgBC,CAAiB,EAAIN,EAAAA,SAAsB,IAAI,GAAK,EAErEO,EAAa,CAAC,GAAG,IAAI,IAAIhB,EAAO,IAAK,GAAM,EAAE,QAAQ,CAAC,CAAC,EAAE,KAAA,EACzDiB,EAAa,CAAC,GAAG,IAAI,IAAIjB,EAAO,IAAK,GAAM,EAAE,UAAU,CAAC,CAAC,EAAE,KAAA,EAC3DkB,EAAgBnB,EAAmBC,CAAM,EAGzCmB,EAAaC,GAAyC,CAE1D,GADIA,EAAI,cAAgB,MACpB,CAACvB,EAAc,IAAIuB,EAAI,UAAU,EAAG,MAAO,GAC/C,MAAMC,EAAMD,EAAI,WAAW,aAC3B,MAAI,EAAAC,GAAOH,EAAc,IAAIG,CAAG,EAElC,EAEA,IAAIC,EAAWtB,EACXO,MAA2Be,EAAS,OAAQ,GAAM,EAAE,WAAaf,CAAc,GAC/EG,MAAuBY,EAAS,OAAQ,GAAM,EAAE,aAAeZ,CAAU,GAE7EY,EAAW,CAAC,GAAGA,CAAQ,EAAE,KAAK,CAACC,EAAGC,IAChCZ,IAAc,MAAQW,EAAE,SAAWC,EAAE,SAAWA,EAAE,SAAWD,EAAE,QAAA,EAGjE,MAAME,EAAeC,GAAqB,CACxC,OAAQA,EAAA,CACN,IAAK,WACH,MAAO,cACT,IAAK,SACH,MAAO,iBACT,IAAK,QACH,MAAO,oBACT,IAAK,iBACH,MAAO,gBACT,QACE,MAAO,kBAAA,CAEb,EAGMC,EAAcP,GAAwC,CAC1D,MAAMQ,EAAOR,EAAI,WACjB,GAAIA,EAAI,WAAW,cACjB,MAAO,GAAGQ,CAAI,MAAMR,EAAI,WAAW,aAAa,GAElD,GAAIA,EAAI,WAAW,YACjB,MAAO,GAAGQ,CAAI,MAAMR,EAAI,WAAW,WAAW,GAEhD,GAAIA,EAAI,WAAW,kBAAmB,CACpC,MAAMS,EAAKT,EAAI,WAAW,kBACpBU,EAAYD,EAAG,OAAS,GAAK,GAAGA,EAAG,MAAM,EAAG,EAAE,CAAC,MAAQA,EAC7D,MAAO,GAAGD,CAAI,MAAME,CAAS,EAC/B,CACA,OAAOF,CACT,EAGMG,EAAiBX,GAA0D,CAC/E,GAAI,EAAChB,GAAA,MAAAA,EAAY,QAAQ,OACzB,MAAM4B,EAAeZ,EAAI,WAAW,cACpC,GAAKY,EACL,OAAO5B,EAAW,KAAM6B,GAAMA,EAAE,gBAAkBD,CAAY,CAChE,EAEME,EAAeL,GAAe,CAClCd,EAAmBoB,GAAS,CAC1B,MAAMC,EAAO,IAAI,IAAID,CAAI,EACzB,OAAIC,EAAK,IAAIP,CAAE,EAAGO,EAAK,OAAOP,CAAE,EAC3BO,EAAK,IAAIP,CAAE,EACTO,CACT,CAAC,CACH,EAEMC,EAAcf,EAAS,OAAS,GAAKA,EAAS,MAAO,GAAMR,EAAe,IAAI,EAAE,QAAQ,CAAC,EAEzFwB,EAAY,IAAM,CAEpBvB,EADEsB,EACgB,IAAI,IAEJ,IAAI,IAAIf,EAAS,IAAK,GAAM,EAAE,QAAQ,CAAC,CAF9B,CAI/B,EAEA,cACG,MAAA,CACC,SAAA,CAAAiB,EAAAA,KAAC,MAAA,CAAI,UAAU,6FACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAA,EAAAA,KAAC,IAAA,CAAE,UAAU,yEAAyE,SAAA,CAAA,WAC3EjB,EAAS,OAAO,GAAA,EAC3B,EACCA,EAAS,OAAS,GACjBkB,EAAAA,IAAC,SAAA,CAAO,QAASF,EAAW,UAAU,0CACnC,SAAAD,EAAc,eAAiB,YAAA,CAClC,CAAA,EAEJ,SACCI,EAAA,CACC,SAAA,CAAAD,EAAAA,IAACE,EAAA,CACC,MAAM,WACN,MAAOnC,EACP,SAAUC,EACV,QAASQ,EAAW,IAAK2B,IAAO,CAAE,MAAOA,EAAG,MAAOA,GAAI,CAAA,CAAA,EAEzDH,EAAAA,IAACE,EAAA,CACC,MAAM,OACN,MAAOhC,EACP,SAAUC,EACV,QAASM,EAAW,IAAKgB,IAAO,CAAE,MAAOA,EAAG,MAAOA,GAAI,CAAA,CAAA,EAEzDO,EAAAA,IAAC,SAAA,CACC,QAAS,IAAM3B,EAAc+B,GAAOA,IAAM,MAAQ,OAAS,KAAM,EACjE,UAAU,oBAET,SAAAhC,IAAc,MAAQ,eAAiB,cAAA,CAAA,CAC1C,CAAA,CACF,CAAA,EACF,QAEC,MAAA,CACE,SAAAU,EAAS,SAAW,EACnBkB,MAAC,OAAI,UAAU,wBACb,eAAC,IAAA,CAAE,UAAU,6BAA6B,SAAA,sCAAmC,CAAA,CAC/E,EAEAlB,EAAS,IAAKF,GAAQ,CACpB,MAAMyB,EAAa/B,EAAe,IAAIM,EAAI,QAAQ,EAC5C0B,EAAU3B,EAAUC,CAAG,EAE7B,OACEmB,EAAAA,KAAC,MAAA,CAEC,UAAU,iDAGV,SAAA,CAAAA,EAAAA,KAAC,MAAA,CACC,UAAU,yGACV,QAAS,IAAML,EAAYd,EAAI,QAAQ,EAGvC,SAAA,CAAAoB,EAAAA,IAAC,OAAA,CACC,UAAW,oEAAoEK,EAAa,YAAc,EAAE,GAC7G,SAAA,GAAA,CAAA,EAIDL,EAAAA,IAAC,OAAA,CAAK,UAAU,oDACb,WAAI,SACP,EACAA,EAAAA,IAAC,OAAA,CACC,UAAW,iCAAiCf,EAAYL,EAAI,QAAQ,CAAC,EAAA,CAAA,QAEtE,OAAA,CAAK,UAAU,4CACb,SAAAO,EAAWP,CAAG,EACjB,EACAoB,EAAAA,IAAC,QAAK,UAAU,gDACb,WACCD,EAAAA,KAAC,OAAA,CAAK,UAAU,qDACd,SAAA,CAAAC,EAAAA,IAAC,OAAA,CAAK,UAAU,0DAAA,CAA2D,EAAE,SAAA,EAE/E,EACEpB,EAAI,cAAgB,KACtB2B,EAAe3B,EAAI,WAAW,EAE9B,KAEJ,EACAoB,EAAAA,IAAC,OAAA,CAAK,UAAU,oDACb,SAAA,IAAI,KAAKpB,EAAI,UAAU,EAAE,mBAAA,CAAmB,CAC/C,CAAA,CAAA,CAAA,EAIFoB,EAAAA,IAACQ,EAAA,CAAY,KAAMH,GAAc,CAAC,CAACzB,EAAI,WACrC,SAAAoB,EAAAA,IAAC,MAAA,CAAI,UAAU,kBACb,SAAAA,EAAAA,IAACS,EAAA,CACC,MAAO7B,EACP,UAAWW,EAAcX,CAAG,EAC5B,QAAA0B,EACA,IAAAzC,EACA,MAAAC,EACA,QAAS,IAAM4B,EAAYd,EAAI,QAAQ,CAAA,CAAA,EAE3C,CAAA,CACF,CAAA,CAAA,EArDKA,EAAI,QAAA,CAwDf,CAAC,CAAA,CAEL,CAAA,EACF,CAEJ"}
+{"version":3,"file":"EventTable-CLuAbba_.js","sources":["../../src/pages/workflows/workflow-execution/EventTable.tsx"],"sourcesContent":["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-blue-500';\n      case 'signal':\n        return 'bg-emerald-500';\n      case 'timer':\n        return 'bg-status-warning';\n      case 'child_workflow':\n        return 'bg-violet-500';\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-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">\n            Events ({filtered.length})\n          </p>\n          {filtered.length > 0 && (\n            <button onClick={toggleAll} className=\"text-[10px] 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-[10px] 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 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 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-[10px] 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":["STARTED_TYPES","COMPLETED_TYPES","buildCompletedKeys","events","keys","e","EventTable","childTasks","jid","appId","categoryFilter","setCategoryFilter","useState","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","prev","next","allExpanded","toggleAll","jsxs","jsx","FilterBar","FilterSelect","c","s","isExpanded","pending","formatDuration","Collapsible","EventDetailPanel"],"mappings":"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"}

package/dashboard/dist/assets/{GraphInvokePage-De1XVx5d.js → GraphInvokePage-BFRi6Nny.js}

@@ -1,2 +1,2 @@
-import{a as l,j as e}from"./vendor-query-B2UbickB.js";import{l as L,u as O}from"./yaml-workflows-CdfjkOKU.js";import{P as J}from"./PageHeader-BZJsEVOC.js";import{u as P}from"./useYamlActivityEvents-zrHMhaFM.js";import{R as E}from"./RunAsSelector-Cp6j3FEY.js";import{b as A}from"./helpers-DzO-OGPe.js";import{X as $,ae as z,af as F,P as k,ab as M,v as T}from"./vendor-icons-C1zVP_dv.js";import{L as W,f as q}from"./vendor-react-CXumBFUA.js";import{T as G}from"./ToolPill-VGpT6Quy.js";import{N as B}from"./NamespacePill-BGf0jHwE.js";import"./index-CtDf8vvQ.js";import"./BotPicker-DY6iUVC9.js";import"./bots-BD75mzGG.js";const S={mcp:{border:"border-blue-500",text:"text-blue-500",icon:"MCP"},db:{border:"border-blue-500",text:"text-blue-500",icon:"DB"},llm:{border:"border-violet-500",text:"text-violet-500",icon:"LLM"},transform:{border:"border-emerald-500",text:"text-emerald-500",icon:"Map"}};function U({steps:a,manifest:x,isComplete:c}){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=S[d]||S.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-[11px] text-text-secondary mb-3",children:c?`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-[11px] 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-[9px] text-text-tertiary font-mono",children:t.toolName}),t.error&&e.jsx("p",{className:"text-[9px] text-status-error mt-0.5",children:t.error})]})]},t.activityId)})})]})}function Y({workflow:a,onClose:x}){const c=L(),[n,u]=l.useState(!1),[s,t]=l.useState({}),[r,d]=l.useState(""),[m,f]=l.useState(""),[g,w]=l.useState(""),[h,j]=l.useState(null),[N,b]=l.useState(null),{steps:C,isComplete:y}=P(h);l.useEffect(()=>{j(null),b(null),f(""),c.reset();const i=A(a.input_schema);t(i),d(JSON.stringify(i,null,2)),u(!1)},[a.id]),l.useEffect(()=>{if(y&&h){const i=h,o=setTimeout(()=>{b({jobId:i}),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(""),b(null);let i;if(n)try{i=JSON.parse(r)}catch{f("Invalid JSON");return}else i={...s};try{const o=await c.mutateAsync({id:a.id,data:i,sync:!1,...g?{execute_as:g}:{}});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-[11px] 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(U,{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(W,{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:()=>b(null),className:"btn-primary text-xs inline-flex items-center gap-1.5",children:[e.jsx(F,{size:12})," Run again"]})]})]}):e.jsxs(e.Fragment,{children:[e.jsx(E,{selected:g,onChange:w}),a.description&&e.jsx("p",{className:"text-[11px] 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-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Input"}),e.jsx("button",{onClick:_,className:"text-[10px] text-accent hover:underline",children:n?"Form view":"JSON view"})]}),n?e.jsx("textarea",{value:r,onChange:i=>d(i.target.value),className:"w-full bg-surface-sunken border border-surface-border rounded-md px-3 py-2 font-mono text-[11px] 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(([i,o])=>e.jsxs("div",{children:[e.jsx("label",{className:"block text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:i}),typeof o=="boolean"?e.jsxs("select",{value:String(o),onChange:p=>t({...s,[i]: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,[i]: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,[i]: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"})]},i)),Object.keys(s).length===0&&e.jsx("p",{className:"text-[11px] text-text-tertiary italic",children:"No input fields defined"})]}),m&&e.jsx("p",{className:"text-[11px] text-status-error mt-1",children:m})]}),c.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-[11px] text-status-error",children:c.error instanceof Error?c.error.message:"Invocation failed"})}),e.jsx("button",{onClick:I,disabled:c.isPending,className:"btn-primary text-xs disabled:opacity-50 inline-flex items-center gap-1.5",children:c.isPending?"Starting...":e.jsxs(e.Fragment,{children:[e.jsx(k,{size:12})," Run"]})})]})})]})}function H({flows:a,selectedId:x,onSelect:c}){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-[#F7F7F7] rounded-lg px-4 py-2 mb-3",children:e.jsxs("div",{className:"relative w-1/2",children:[e.jsx(M,{className:"absolute left-0 top-1/2 -translate-y-1/2 w-3 h-3 text-text-quaternary"}),e.jsx("input",{type:"text",value:n,onChange:t=>u(t.target.value),placeholder:`Search ${a.length} flows…`,className:"w-full pl-5 py-1 text-sm bg-transparent border-b border-surface-border/60 text-text-primary placeholder:text-text-quaternary focus:outline-none focus:border-accent/50 transition-colors"})]})}),e.jsxs("div",{className:"flex items-center gap-2 py-2 border-b border-surface-border",children:[e.jsx(T,{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:()=>c(t),className:"group relative w-full text-left py-3 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-2 mb-0.5",children:[e.jsx(G,{name:t.graph_topic,size:"md"}),e.jsx(B,{namespace:t.app_id})]}),t.description&&e.jsx("p",{className:"text-[10px] text-text-tertiary group-hover:text-text-secondary leading-snug transition-colors pl-0.5",children:t.description})]},t.id)})})]})}function ce(){const[a,x]=q(),c=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===c)??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:mcp-pipeline-tools"}),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(H,{flows:s,selectedId:c,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(Y,{workflow:t,onClose:()=>x({},{replace:!0})}):e.jsxs("div",{className:"flex flex-col items-center justify-center py-24 text-center",children:[e.jsx(k,{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{ce as GraphInvokePage};
-//# sourceMappingURL=GraphInvokePage-De1XVx5d.js.map
+import{a as l,j as e}from"./vendor-query-B2UbickB.js";import{l as L,u as O}from"./yaml-workflows-CA8BrFxc.js";import{P as J}from"./PageHeader-BhaWTWcM.js";import{u as P}from"./useYamlActivityEvents-DKQ5dREx.js";import{R as E}from"./RunAsSelector-DA0h41ml.js";import{b as A}from"./helpers-DzO-OGPe.js";import{X as $,ae as z,af as F,P as k,ab as M,v as T}from"./vendor-icons-CEWCGPeJ.js";import{L as W,f as q}from"./vendor-react-CXumBFUA.js";import{T as G}from"./ToolPill-uVqcbHPE.js";import{N as B}from"./NamespacePill-CwKdoyRM.js";import"./index-D-7W2AHB.js";import"./BotPicker-DGhniNcy.js";import"./bots-CD8Bl5pL.js";const S={mcp:{border:"border-blue-500",text:"text-blue-500",icon:"MCP"},db:{border:"border-blue-500",text:"text-blue-500",icon:"DB"},llm:{border:"border-violet-500",text:"text-violet-500",icon:"LLM"},transform:{border:"border-emerald-500",text:"text-emerald-500",icon:"Map"}};function U({steps:a,manifest:x,isComplete:c}){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=S[d]||S.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-[11px] text-text-secondary mb-3",children:c?`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-[11px] 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-[9px] text-text-tertiary font-mono",children:t.toolName}),t.error&&e.jsx("p",{className:"text-[9px] text-status-error mt-0.5",children:t.error})]})]},t.activityId)})})]})}function Y({workflow:a,onClose:x}){const c=L(),[n,u]=l.useState(!1),[s,t]=l.useState({}),[r,d]=l.useState(""),[m,f]=l.useState(""),[g,w]=l.useState(""),[h,j]=l.useState(null),[N,b]=l.useState(null),{steps:C,isComplete:y}=P(h);l.useEffect(()=>{j(null),b(null),f(""),c.reset();const i=A(a.input_schema);t(i),d(JSON.stringify(i,null,2)),u(!1)},[a.id]),l.useEffect(()=>{if(y&&h){const i=h,o=setTimeout(()=>{b({jobId:i}),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(""),b(null);let i;if(n)try{i=JSON.parse(r)}catch{f("Invalid JSON");return}else i={...s};try{const o=await c.mutateAsync({id:a.id,data:i,sync:!1,...g?{execute_as:g}:{}});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-[11px] 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(U,{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(W,{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:()=>b(null),className:"btn-primary text-xs inline-flex items-center gap-1.5",children:[e.jsx(F,{size:12})," Run again"]})]})]}):e.jsxs(e.Fragment,{children:[e.jsx(E,{selected:g,onChange:w}),a.description&&e.jsx("p",{className:"text-[11px] 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-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Input"}),e.jsx("button",{onClick:_,className:"text-[10px] text-accent hover:underline",children:n?"Form view":"JSON view"})]}),n?e.jsx("textarea",{value:r,onChange:i=>d(i.target.value),className:"w-full bg-surface-sunken border border-surface-border rounded-md px-3 py-2 font-mono text-[11px] 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(([i,o])=>e.jsxs("div",{children:[e.jsx("label",{className:"block text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:i}),typeof o=="boolean"?e.jsxs("select",{value:String(o),onChange:p=>t({...s,[i]: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,[i]: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,[i]: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"})]},i)),Object.keys(s).length===0&&e.jsx("p",{className:"text-[11px] text-text-tertiary italic",children:"No input fields defined"})]}),m&&e.jsx("p",{className:"text-[11px] text-status-error mt-1",children:m})]}),c.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-[11px] text-status-error",children:c.error instanceof Error?c.error.message:"Invocation failed"})}),e.jsx("button",{onClick:I,disabled:c.isPending,className:"btn-primary text-xs disabled:opacity-50 inline-flex items-center gap-1.5",children:c.isPending?"Starting...":e.jsxs(e.Fragment,{children:[e.jsx(k,{size:12})," Run"]})})]})})]})}function H({flows:a,selectedId:x,onSelect:c}){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-[#F7F7F7] rounded-lg px-4 py-2 mb-3",children:e.jsxs("div",{className:"relative w-1/2",children:[e.jsx(M,{className:"absolute left-0 top-1/2 -translate-y-1/2 w-3 h-3 text-text-quaternary"}),e.jsx("input",{type:"text",value:n,onChange:t=>u(t.target.value),placeholder:`Search ${a.length} flows…`,className:"w-full pl-5 py-1 text-sm bg-transparent border-b border-surface-border/60 text-text-primary placeholder:text-text-quaternary focus:outline-none focus:border-accent/50 transition-colors"})]})}),e.jsxs("div",{className:"flex items-center gap-2 py-2 border-b border-surface-border",children:[e.jsx(T,{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:()=>c(t),className:"group relative w-full text-left py-3 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-2 mb-0.5",children:[e.jsx(G,{name:t.graph_topic,size:"md"}),e.jsx(B,{namespace:t.app_id})]}),t.description&&e.jsx("p",{className:"text-[10px] text-text-tertiary group-hover:text-text-secondary leading-snug transition-colors pl-0.5",children:t.description})]},t.id)})})]})}function ce(){const[a,x]=q(),c=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===c)??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:mcp-pipeline-tools"}),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(H,{flows:s,selectedId:c,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(Y,{workflow:t,onClose:()=>x({},{replace:!0})}):e.jsxs("div",{className:"flex flex-col items-center justify-center py-24 text-center",children:[e.jsx(k,{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{ce as GraphInvokePage};
+//# sourceMappingURL=GraphInvokePage-BFRi6Nny.js.map

package/dashboard/dist/assets/{GraphInvokePage-De1XVx5d.js.map → GraphInvokePage-BFRi6Nny.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GraphInvokePage-De1XVx5d.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-blue-500', text: 'text-blue-500', icon: 'MCP' },\n  db:        { border: 'border-blue-500', text: 'text-blue-500', icon: 'DB' },\n  llm:       { border: 'border-violet-500', text: 'text-violet-500', icon: 'LLM' },\n  transform: { border: 'border-emerald-500', text: 'text-emerald-500', 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-[11px] 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-[11px] 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-[9px] text-text-tertiary font-mono\">{step.toolName}</span>\n                )}\n                {step.error && (\n                  <p className=\"text-[9px] 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-[11px] 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-[11px] 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-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">Input</label>\n                <button onClick={toggleMode} className=\"text-[10px] 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-[11px] 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-[10px] 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-[11px] text-text-tertiary italic\">No input fields defined</p>\n                  )}\n                </div>\n              )}\n              {jsonError && <p className=\"text-[11px] 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-[11px] 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-[#F7F7F7] rounded-lg px-4 py-2 mb-3\">\n          <div className=\"relative w-1/2\">\n            <Search className=\"absolute left-0 top-1/2 -translate-y-1/2 w-3 h-3 text-text-quaternary\" />\n            <input\n              type=\"text\"\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              placeholder={`Search ${flows.length} flows…`}\n              className=\"w-full pl-5 py-1 text-sm bg-transparent border-b border-surface-border/60 text-text-primary placeholder:text-text-quaternary focus:outline-none focus:border-accent/50 transition-colors\"\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-3 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-2 mb-0.5\">\n                  <ToolPill name={flow.graph_topic} size=\"md\" />\n                  <NamespacePill namespace={flow.app_id} />\n                </div>\n                {flow.description && (\n                  <p className=\"text-[10px] text-text-tertiary group-hover:text-text-secondary leading-snug transition-colors pl-0.5\">\n                    {flow.description}\n                  </p>\n                )}\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:mcp-pipeline-tools\" />\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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"}
+{"version":3,"file":"GraphInvokePage-BFRi6Nny.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-blue-500', text: 'text-blue-500', icon: 'MCP' },\n  db:        { border: 'border-blue-500', text: 'text-blue-500', icon: 'DB' },\n  llm:       { border: 'border-violet-500', text: 'text-violet-500', icon: 'LLM' },\n  transform: { border: 'border-emerald-500', text: 'text-emerald-500', 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-[11px] 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-[11px] 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-[9px] text-text-tertiary font-mono\">{step.toolName}</span>\n                )}\n                {step.error && (\n                  <p className=\"text-[9px] 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-[11px] 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-[11px] 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-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">Input</label>\n                <button onClick={toggleMode} className=\"text-[10px] 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-[11px] 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-[10px] 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-[11px] text-text-tertiary italic\">No input fields defined</p>\n                  )}\n                </div>\n              )}\n              {jsonError && <p className=\"text-[11px] 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-[11px] 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-[#F7F7F7] rounded-lg px-4 py-2 mb-3\">\n          <div className=\"relative w-1/2\">\n            <Search className=\"absolute left-0 top-1/2 -translate-y-1/2 w-3 h-3 text-text-quaternary\" />\n            <input\n              type=\"text\"\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              placeholder={`Search ${flows.length} flows…`}\n              className=\"w-full pl-5 py-1 text-sm bg-transparent border-b border-surface-border/60 text-text-primary placeholder:text-text-quaternary focus:outline-none focus:border-accent/50 transition-colors\"\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-3 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-2 mb-0.5\">\n                  <ToolPill name={flow.graph_topic} size=\"md\" />\n                  <NamespacePill namespace={flow.app_id} />\n                </div>\n                {flow.description && (\n                  <p className=\"text-[10px] text-text-tertiary group-hover:text-text-secondary leading-snug transition-colors pl-0.5\">\n                    {flow.description}\n                  </p>\n                )}\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:mcp-pipeline-tools\" />\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-BYR5VXXw.js → HomePage-m1pnxilb.js}

@@ -1,2 +1,2 @@
-import{a as l,j as e}from"./vendor-query-B2UbickB.js";import{j as oe,v as re,s as ce,t as le,b as P,T as de}from"./index-CtDf8vvQ.js";import{b as xe}from"./workflows-CT6nTL1I.js";import{u as pe}from"./pipelines-B05sd2nB.js";import{u as me}from"./controlplane-BJh12lMv.js";import{u as ue}from"./tasks-Bm1OKrJA.js";import{e as he,b as fe,u as je}from"./useEventHooks-_qCzU74s.js";import{R as O}from"./RolePill-Pb9TKSQN.js";import{W as p}from"./WorkflowPill-pPUqmx6Q.js";import{L as m}from"./ListToolbar-Bx7jGzPA.js";import{I as k,ae as u,w as U,aN as G,v as J,B as ge}from"./vendor-icons-C1zVP_dv.js";import{c as X,f as be}from"./vendor-react-CXumBFUA.js";const ve={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 V(t){return ve[t]??"bg-text-tertiary"}function h({icon:t,color:a,docsHash:i,count:n,children:r,actions:c}){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:r}),n!==void 0&&n>0&&e.jsx("span",{className:"text-[10px] text-text-quaternary tabular-nums",children:de(n)})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[i&&e.jsx("button",{onClick:()=>{window.location.hash=i},className:"text-text-quaternary hover:text-accent transition-colors",title:"Docs",children:e.jsx(ge,{className:"w-2.5 h-2.5",strokeWidth:1.5})}),c]})]})}function f({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 ye(t,a=37){if(!t||t.length<=a)return t;const i=Math.floor((a-3)/2);return`${t.slice(0,i)}...${t.slice(-i)}`}function E({dot:t,pill:a,id:i,date:n,onClick:r}){return e.jsxs("button",{onClick:r,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 shrink-0 ${t}`}),e.jsx("span",{className:"text-[12px] text-text-primary font-mono truncate max-w-[60%]",children:ye(i)}),e.jsx("span",{className:"text-[10px] text-text-quaternary shrink-0 ml-auto whitespace-nowrap",children:e.jsx(P,{date:n})})]}),e.jsx("div",{className:"pl-3.5 flex items-center gap-1 overflow-hidden",children:a})]})}function j({to:t,icon:a,title:i}){const n=X();return e.jsx("button",{onClick:()=>n(t),className:"text-text-quaternary hover:text-accent transition-colors",title:i,children:e.jsx(a,{className:"w-2.5 h-2.5",strokeWidth:1.5})})}function K({appIds:t,selected:a,onSelect:i}){const[n,r]=l.useState(!1),c=l.useRef(null);return l.useEffect(()=>{if(!n)return;const o=g=>{c.current&&!c.current.contains(g.target)&&r(!1)};return document.addEventListener("mousedown",o),()=>document.removeEventListener("mousedown",o)},[n]),t.length<=1?null:e.jsxs("div",{className:"relative mb-3 -mt-2",ref:c,children:[e.jsxs("button",{onClick:()=>r(o=>!o),className:"flex items-center gap-1 px-2 py-0.5 text-[10px] 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 ${n?"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"})})]}),n&&e.jsx("div",{className:"absolute top-full left-0 mt-1 bg-surface-raised border border-surface-border rounded-md shadow-lg z-30 py-1 min-w-[120px]",children:t.map(o=>e.jsx("button",{onClick:()=>{i(o),r(!1)},className:`w-full text-left px-3 py-1.5 text-[11px] transition-colors ${a===o?"text-accent bg-accent/5":"text-text-secondary hover:bg-surface-hover"}`,children:o},o))})]})}function Fe(){var F,I,S,L,W,z,B,H,M,Q;const t=X(),{user:a}=oe(),{isBuilder:i}=re(),[n,r]=be(),{data:c}=me({enabled:i}),o=l.useMemo(()=>((c==null?void 0:c.apps)??[]).map(s=>s.appId).sort(),[c]),g=o[0]??"",b=n.get("pipelinenamespace")||g,_=n.get("durablenamespace")||g,A=l.useCallback((s,w)=>{r(ne=>{const D=new URLSearchParams(ne);return D.set(s,w),D},{replace:!1})},[r]);he(),fe(),je();const v=ue({limit:5},{enabled:i}),y=xe({limit:5,sort_by:"updated_at",order:"desc",namespace:_},{enabled:i}),Y=o,Z=o,N=pe({limit:5,app_id:b,sort_by:"updated_at",order:"desc"},{enabled:i}),d=ce({limit:5,sort_by:"created_at",order:"desc"}),x=le({assigned_to:a==null?void 0:a.userId,status:"pending",limit:5,sort_by:"created_at",order:"desc"});l.useEffect(()=>{const s=setTimeout(()=>{x.refetch(),d.refetch()},2e3);return()=>clearTimeout(s)},[]);const C=((F=v.data)==null?void 0:F.processes)??[],ee=(I=v.data)==null?void 0:I.total,$=((S=y.data)==null?void 0:S.jobs)??[],se=(L=y.data)==null?void 0:L.total,R=((W=N.data)==null?void 0:W.jobs)??[],te=(z=N.data)==null?void 0:z.total,q=((B=d.data)==null?void 0:B.escalations)??[],ae=(H=d.data)==null?void 0:H.total,T=((M=x.data)==null?void 0:M.escalations)??[],ie=(Q=x.data)==null?void 0:Q.total;return e.jsxs("div",{children:[e.jsx("h1",{className:"text-3xl font-light text-text-primary mb-10",children:"Recent Activity"}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-x-14 min-h-[35vh]",children:[e.jsxs("div",{children:[e.jsx(h,{icon:k,color:"text-blue-400",count:ae,docsHash:"#docs:dashboard.md:all-escalations",actions:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(m,{onRefresh:()=>d.refetch(),isFetching:d.isFetching,apiPath:"/escalations?status=pending&limit=5&sort_by=created_at&order=desc"}),e.jsx(j,{to:"/escalations/available",icon:u,title:"All available escalations"})]}),children:"Available Escalations"}),q.length===0?e.jsx(f,{icon:k,text:"No pending escalations"}):e.jsx("div",{className:"space-y-1",children:q.map(s=>e.jsxs("button",{onClick:()=>t(`/escalations/detail/${s.id}`),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-[9px] text-text-quaternary font-medium shrink-0",children:["P",s.priority??2]}),e.jsx("span",{className:"text-[12px] text-text-primary truncate flex-1 max-w-[65%]",children:s.description||s.subtype||s.type}),e.jsx("span",{className:"text-[10px] text-text-quaternary shrink-0 ml-auto",children:e.jsx(P,{date:s.updated_at??s.created_at})})]}),e.jsxs("div",{className:"flex items-center gap-2 pl-5",children:[e.jsx(p,{type:s.type||"unknown",size:"xs"}),e.jsx("span",{className:"flex-1"}),e.jsx(O,{role:s.role})]})]},s.id))})]}),e.jsxs("div",{children:[e.jsx(h,{icon:k,color:"text-orange-400",count:ie,docsHash:"#docs:dashboard.md:escalations-overview",actions:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(m,{onRefresh:()=>x.refetch(),isFetching:x.isFetching,apiPath:`/escalations?assigned_to=${(a==null?void 0:a.userId)??""}&status=pending&limit=5&sort_by=created_at&order=desc`}),e.jsx(j,{to:"/escalations/queue",icon:u,title:"My escalation queue"})]}),children:"My Escalations"}),T.length===0?e.jsx(f,{icon:k,text:"No assigned escalations"}):e.jsx("div",{className:"space-y-1",children:T.map(s=>e.jsxs("button",{onClick:()=>t(`/escalations/detail/${s.id}`),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-[9px] text-text-quaternary font-medium shrink-0",children:["P",s.priority??2]}),e.jsx("span",{className:"text-[12px] text-text-primary truncate flex-1 max-w-[65%]",children:s.description||s.subtype||s.type}),e.jsx("span",{className:"text-[10px] text-text-quaternary shrink-0 ml-auto",children:e.jsx(P,{date:s.updated_at??s.created_at})})]}),e.jsxs("div",{className:"flex items-center gap-2 pl-5",children:[e.jsx(p,{type:s.type||"unknown",size:"xs"}),e.jsx("span",{className:"flex-1"}),e.jsx(O,{role:s.role})]})]},s.id))})]})]}),i&&e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-3 gap-x-14 mt-14",children:[e.jsxs("div",{children:[e.jsx(h,{icon:U,color:"text-emerald-400",count:ee,docsHash:"#docs:dashboard.md:processes-overview",actions:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(m,{onRefresh:()=>v.refetch(),isFetching:v.isFetching,apiPath:"/tasks/processes?limit=5"}),e.jsx(j,{to:"/processes/all",icon:u,title:"All processes"})]}),children:"Certified Processes"}),e.jsx("div",{className:"mb-3 -mt-2",children:e.jsx("span",{className:"px-2 py-0.5 text-[10px] rounded text-text-quaternary uppercase tracking-widest",children:"all namespaces"})}),C.length===0?e.jsx(f,{icon:U,text:"No recent processes"}):e.jsx("div",{className:"space-y-1",children:C.map(s=>e.jsx(E,{dot:(s.task_count??0)>0&&(s.completed??0)>=(s.task_count??0)?"bg-status-success":(s.escalated??0)>0?"border border-status-error":"bg-status-active",pill:e.jsx(e.Fragment,{children:(s.workflow_types??[s.workflow_type]).filter(Boolean).map(w=>e.jsx(p,{type:w,size:"xs"},w))}),id:s.origin_id,date:s.last_activity??s.started_at,onClick:()=>t(`/processes/detail/${s.origin_id}`)},s.origin_id))})]}),e.jsxs("div",{children:[e.jsx(h,{icon:G,color:"text-blue-400",count:se,docsHash:"#docs:dashboard.md:durable-executions",actions:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(m,{onRefresh:()=>y.refetch(),isFetching:y.isFetching,apiPath:`/workflow-states/jobs?namespace=${_}&limit=5`}),e.jsx(j,{to:"/workflows/executions",icon:u,title:"All durable executions"})]}),children:"Workflow Executions"}),e.jsx(K,{appIds:Y,selected:_,onSelect:s=>A("durablenamespace",s)}),$.length===0?e.jsx(f,{icon:G,text:"No recent executions"}):e.jsx("div",{className:"space-y-1",children:$.map(s=>e.jsx(E,{dot:V(s.status),pill:e.jsx(p,{type:s.entity||s.type||"workflow",size:"xs"}),id:s.workflow_id,date:s.updated_at??s.created_at,onClick:()=>t(`/workflows/executions/${s.workflow_id}`)},s.workflow_id))})]}),e.jsxs("div",{children:[e.jsx(h,{icon:J,color:"text-violet-400",count:te,docsHash:"#docs:dashboard.md:mcp-pipeline-tools",actions:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(m,{onRefresh:()=>N.refetch(),isFetching:N.isFetching,apiPath:`/pipelines?app_id=${b}&limit=5`}),e.jsx(j,{to:"/mcp/executions",icon:u,title:"All pipeline executions"})]}),children:"Pipeline Executions"}),e.jsx(K,{appIds:Z,selected:b,onSelect:s=>A("pipelinenamespace",s)}),R.length===0?e.jsx(f,{icon:J,text:"No recent pipeline runs"}):e.jsx("div",{className:"space-y-1",children:R.map(s=>e.jsx(E,{dot:V(s.status),pill:e.jsx(p,{type:s.entity||s.workflow_name||"pipeline",variant:"pipeline",size:"xs"}),id:s.workflow_id,date:s.updated_at??s.created_at,onClick:()=>t(`/mcp/executions/${s.workflow_id}?namespace=${b}`)},s.workflow_id))})]})]})]})}export{Fe as HomePage};
-//# sourceMappingURL=HomePage-BYR5VXXw.js.map
+import{a as l,j as e}from"./vendor-query-B2UbickB.js";import{j as oe,v as re,s as ce,t as le,b as P,T as de}from"./index-D-7W2AHB.js";import{b as xe}from"./workflows-DNPQ-j-7.js";import{u as pe}from"./pipelines-DiqWgxJd.js";import{u as me}from"./controlplane-CkUHGPA3.js";import{u as ue}from"./tasks-DYCUi5nZ.js";import{e as he,b as fe,u as je}from"./useEventHooks-SfWdyc5L.js";import{R as O}from"./RolePill-Cl71eDUA.js";import{W as p}from"./WorkflowPill-IDjTRfQ8.js";import{L as m}from"./ListToolbar-D4Y-M7wN.js";import{I as k,ae as u,w as U,aN as G,v as J,B as ge}from"./vendor-icons-CEWCGPeJ.js";import{c as X,f as be}from"./vendor-react-CXumBFUA.js";const ve={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 V(t){return ve[t]??"bg-text-tertiary"}function h({icon:t,color:a,docsHash:i,count:n,children:r,actions:c}){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:r}),n!==void 0&&n>0&&e.jsx("span",{className:"text-[10px] text-text-quaternary tabular-nums",children:de(n)})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[i&&e.jsx("button",{onClick:()=>{window.location.hash=i},className:"text-text-quaternary hover:text-accent transition-colors",title:"Docs",children:e.jsx(ge,{className:"w-2.5 h-2.5",strokeWidth:1.5})}),c]})]})}function f({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 ye(t,a=37){if(!t||t.length<=a)return t;const i=Math.floor((a-3)/2);return`${t.slice(0,i)}...${t.slice(-i)}`}function E({dot:t,pill:a,id:i,date:n,onClick:r}){return e.jsxs("button",{onClick:r,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 shrink-0 ${t}`}),e.jsx("span",{className:"text-[12px] text-text-primary font-mono truncate max-w-[60%]",children:ye(i)}),e.jsx("span",{className:"text-[10px] text-text-quaternary shrink-0 ml-auto whitespace-nowrap",children:e.jsx(P,{date:n})})]}),e.jsx("div",{className:"pl-3.5 flex items-center gap-1 overflow-hidden",children:a})]})}function j({to:t,icon:a,title:i}){const n=X();return e.jsx("button",{onClick:()=>n(t),className:"text-text-quaternary hover:text-accent transition-colors",title:i,children:e.jsx(a,{className:"w-2.5 h-2.5",strokeWidth:1.5})})}function K({appIds:t,selected:a,onSelect:i}){const[n,r]=l.useState(!1),c=l.useRef(null);return l.useEffect(()=>{if(!n)return;const o=g=>{c.current&&!c.current.contains(g.target)&&r(!1)};return document.addEventListener("mousedown",o),()=>document.removeEventListener("mousedown",o)},[n]),t.length<=1?null:e.jsxs("div",{className:"relative mb-3 -mt-2",ref:c,children:[e.jsxs("button",{onClick:()=>r(o=>!o),className:"flex items-center gap-1 px-2 py-0.5 text-[10px] 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 ${n?"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"})})]}),n&&e.jsx("div",{className:"absolute top-full left-0 mt-1 bg-surface-raised border border-surface-border rounded-md shadow-lg z-30 py-1 min-w-[120px]",children:t.map(o=>e.jsx("button",{onClick:()=>{i(o),r(!1)},className:`w-full text-left px-3 py-1.5 text-[11px] transition-colors ${a===o?"text-accent bg-accent/5":"text-text-secondary hover:bg-surface-hover"}`,children:o},o))})]})}function Fe(){var F,I,S,L,W,z,B,H,M,Q;const t=X(),{user:a}=oe(),{isBuilder:i}=re(),[n,r]=be(),{data:c}=me({enabled:i}),o=l.useMemo(()=>((c==null?void 0:c.apps)??[]).map(s=>s.appId).sort(),[c]),g=o[0]??"",b=n.get("pipelinenamespace")||g,_=n.get("durablenamespace")||g,A=l.useCallback((s,w)=>{r(ne=>{const D=new URLSearchParams(ne);return D.set(s,w),D},{replace:!1})},[r]);he(),fe(),je();const v=ue({limit:5},{enabled:i}),y=xe({limit:5,sort_by:"updated_at",order:"desc",namespace:_},{enabled:i}),Y=o,Z=o,N=pe({limit:5,app_id:b,sort_by:"updated_at",order:"desc"},{enabled:i}),d=ce({limit:5,sort_by:"created_at",order:"desc"}),x=le({assigned_to:a==null?void 0:a.userId,status:"pending",limit:5,sort_by:"created_at",order:"desc"});l.useEffect(()=>{const s=setTimeout(()=>{x.refetch(),d.refetch()},2e3);return()=>clearTimeout(s)},[]);const C=((F=v.data)==null?void 0:F.processes)??[],ee=(I=v.data)==null?void 0:I.total,$=((S=y.data)==null?void 0:S.jobs)??[],se=(L=y.data)==null?void 0:L.total,R=((W=N.data)==null?void 0:W.jobs)??[],te=(z=N.data)==null?void 0:z.total,q=((B=d.data)==null?void 0:B.escalations)??[],ae=(H=d.data)==null?void 0:H.total,T=((M=x.data)==null?void 0:M.escalations)??[],ie=(Q=x.data)==null?void 0:Q.total;return e.jsxs("div",{children:[e.jsx("h1",{className:"text-3xl font-light text-text-primary mb-10",children:"Recent Activity"}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-x-14 min-h-[35vh]",children:[e.jsxs("div",{children:[e.jsx(h,{icon:k,color:"text-blue-400",count:ae,docsHash:"#docs:dashboard.md:all-escalations",actions:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(m,{onRefresh:()=>d.refetch(),isFetching:d.isFetching,apiPath:"/escalations?status=pending&limit=5&sort_by=created_at&order=desc"}),e.jsx(j,{to:"/escalations/available",icon:u,title:"All available escalations"})]}),children:"Available Escalations"}),q.length===0?e.jsx(f,{icon:k,text:"No pending escalations"}):e.jsx("div",{className:"space-y-1",children:q.map(s=>e.jsxs("button",{onClick:()=>t(`/escalations/detail/${s.id}`),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-[9px] text-text-quaternary font-medium shrink-0",children:["P",s.priority??2]}),e.jsx("span",{className:"text-[12px] text-text-primary truncate flex-1 max-w-[65%]",children:s.description||s.subtype||s.type}),e.jsx("span",{className:"text-[10px] text-text-quaternary shrink-0 ml-auto",children:e.jsx(P,{date:s.updated_at??s.created_at})})]}),e.jsxs("div",{className:"flex items-center gap-2 pl-5",children:[e.jsx(p,{type:s.type||"unknown",size:"xs"}),e.jsx("span",{className:"flex-1"}),e.jsx(O,{role:s.role})]})]},s.id))})]}),e.jsxs("div",{children:[e.jsx(h,{icon:k,color:"text-orange-400",count:ie,docsHash:"#docs:dashboard.md:escalations-overview",actions:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(m,{onRefresh:()=>x.refetch(),isFetching:x.isFetching,apiPath:`/escalations?assigned_to=${(a==null?void 0:a.userId)??""}&status=pending&limit=5&sort_by=created_at&order=desc`}),e.jsx(j,{to:"/escalations/queue",icon:u,title:"My escalation queue"})]}),children:"My Escalations"}),T.length===0?e.jsx(f,{icon:k,text:"No assigned escalations"}):e.jsx("div",{className:"space-y-1",children:T.map(s=>e.jsxs("button",{onClick:()=>t(`/escalations/detail/${s.id}`),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-[9px] text-text-quaternary font-medium shrink-0",children:["P",s.priority??2]}),e.jsx("span",{className:"text-[12px] text-text-primary truncate flex-1 max-w-[65%]",children:s.description||s.subtype||s.type}),e.jsx("span",{className:"text-[10px] text-text-quaternary shrink-0 ml-auto",children:e.jsx(P,{date:s.updated_at??s.created_at})})]}),e.jsxs("div",{className:"flex items-center gap-2 pl-5",children:[e.jsx(p,{type:s.type||"unknown",size:"xs"}),e.jsx("span",{className:"flex-1"}),e.jsx(O,{role:s.role})]})]},s.id))})]})]}),i&&e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-3 gap-x-14 mt-14",children:[e.jsxs("div",{children:[e.jsx(h,{icon:U,color:"text-emerald-400",count:ee,docsHash:"#docs:dashboard.md:processes-overview",actions:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(m,{onRefresh:()=>v.refetch(),isFetching:v.isFetching,apiPath:"/tasks/processes?limit=5"}),e.jsx(j,{to:"/processes/all",icon:u,title:"All processes"})]}),children:"Certified Processes"}),e.jsx("div",{className:"mb-3 -mt-2",children:e.jsx("span",{className:"px-2 py-0.5 text-[10px] rounded text-text-quaternary uppercase tracking-widest",children:"all namespaces"})}),C.length===0?e.jsx(f,{icon:U,text:"No recent processes"}):e.jsx("div",{className:"space-y-1",children:C.map(s=>e.jsx(E,{dot:(s.task_count??0)>0&&(s.completed??0)>=(s.task_count??0)?"bg-status-success":(s.escalated??0)>0?"border border-status-error":"bg-status-active",pill:e.jsx(e.Fragment,{children:(s.workflow_types??[s.workflow_type]).filter(Boolean).map(w=>e.jsx(p,{type:w,size:"xs"},w))}),id:s.origin_id,date:s.last_activity??s.started_at,onClick:()=>t(`/processes/detail/${s.origin_id}`)},s.origin_id))})]}),e.jsxs("div",{children:[e.jsx(h,{icon:G,color:"text-blue-400",count:se,docsHash:"#docs:dashboard.md:durable-executions",actions:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(m,{onRefresh:()=>y.refetch(),isFetching:y.isFetching,apiPath:`/workflow-states/jobs?namespace=${_}&limit=5`}),e.jsx(j,{to:"/workflows/executions",icon:u,title:"All durable executions"})]}),children:"Workflow Executions"}),e.jsx(K,{appIds:Y,selected:_,onSelect:s=>A("durablenamespace",s)}),$.length===0?e.jsx(f,{icon:G,text:"No recent executions"}):e.jsx("div",{className:"space-y-1",children:$.map(s=>e.jsx(E,{dot:V(s.status),pill:e.jsx(p,{type:s.entity||s.type||"workflow",size:"xs"}),id:s.workflow_id,date:s.updated_at??s.created_at,onClick:()=>t(`/workflows/executions/${s.workflow_id}`)},s.workflow_id))})]}),e.jsxs("div",{children:[e.jsx(h,{icon:J,color:"text-violet-400",count:te,docsHash:"#docs:dashboard.md:mcp-pipeline-tools",actions:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(m,{onRefresh:()=>N.refetch(),isFetching:N.isFetching,apiPath:`/pipelines?app_id=${b}&limit=5`}),e.jsx(j,{to:"/mcp/executions",icon:u,title:"All pipeline executions"})]}),children:"Pipeline Executions"}),e.jsx(K,{appIds:Z,selected:b,onSelect:s=>A("pipelinenamespace",s)}),R.length===0?e.jsx(f,{icon:J,text:"No recent pipeline runs"}):e.jsx("div",{className:"space-y-1",children:R.map(s=>e.jsx(E,{dot:V(s.status),pill:e.jsx(p,{type:s.entity||s.workflow_name||"pipeline",variant:"pipeline",size:"xs"}),id:s.workflow_id,date:s.updated_at??s.created_at,onClick:()=>t(`/mcp/executions/${s.workflow_id}?namespace=${b}`)},s.workflow_id))})]})]})]})}export{Fe as HomePage};
+//# sourceMappingURL=HomePage-m1pnxilb.js.map

package/dashboard/dist/assets/{HomePage-BYR5VXXw.js.map → HomePage-m1pnxilb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"HomePage-BYR5VXXw.js","sources":["../../src/pages/home/HomePage.tsx"],"sourcesContent":["import { useState, useRef, useCallback, useEffect, useMemo } from 'react';\nimport { useNavigate, useSearchParams } from 'react-router-dom';\nimport {\n  Inbox, ScrollText, GitBranch, Layers, ExternalLink, BookOpen,\n} from 'lucide-react';\nimport { formatCountCompact } from '../../lib/format';\nimport { useAvailableEscalations, useEscalations } from '../../api/escalations';\nimport { useJobs } from '../../api/workflows';\nimport { useMcpRuns } from '../../api/pipelines';\nimport { useControlPlaneApps } from '../../api/controlplane';\nimport { useProcesses } from '../../api/tasks';\nimport { useAuth } from '../../hooks/useAuth';\nimport { useAccess } from '../../hooks/useAccess';\nimport { useEscalationStatsEvents, useWorkflowListEvents, useProcessListEvents } 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';\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=\"text-[10px] text-text-quaternary tabular-nums\">{formatCountCompact(count)}</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 row for all execution lists in row 1 */\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 shrink-0 ${dot}`} />\n        <span className=\"text-[12px] text-text-primary font-mono truncate max-w-[60%]\">{midEllipsis(id)}</span>\n        <span className=\"text-[10px] text-text-quaternary shrink-0 ml-auto whitespace-nowrap\"><DateValue date={date} /></span>\n      </div>\n      <div className=\"pl-3.5 flex items-center gap-1 overflow-hidden\">{pill}</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-[10px] 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-30 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-[11px] 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 [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  useProcessListEvents();\n\n  // Row 2 (processes, durable executions, pipeline runs) is builder-only — see JSX\n  // gate below. Disable the queries too, so non-builders don't fire requests that\n  // their role can't access (403 on control-plane apps → empty namespace → 400 on jobs).\n  const procQ = useProcesses({ limit: 5 }, { enabled: isBuilder });\n  const jobsQ = useJobs({ limit: 5, sort_by: 'updated_at', order: 'desc', namespace: durableNs }, { enabled: isBuilder });\n  const durableAppIds = allAppIds;\n  const pipelineAppIds = allAppIds;\n  const mcpQ = useMcpRuns({ limit: 5, app_id: pipelineNs, sort_by: 'updated_at', order: 'desc' }, { enabled: isBuilder });\n  const allEscQ = useAvailableEscalations({ limit: 5, sort_by: 'created_at', order: 'desc' });\n  const myEscQ = useEscalations({ assigned_to: user?.userId, status: 'pending', limit: 5, sort_by: 'created_at', order: 'desc' });\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  const processes = procQ.data?.processes ?? [];\n  const processTotal = (procQ.data as any)?.total as number | undefined;\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  return (\n    <div>\n      <h1 className=\"text-3xl font-light text-text-primary mb-10\">Recent Activity</h1>\n\n      {/* ── Row 1: Available Escalations | My Escalations ────────────────── */}\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-x-14 min-h-[35vh]\">\n\n        {/* Col 1: Available Escalations */}\n        <div>\n          <SectionHeader icon={Inbox} color=\"text-blue-400\" 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 available escalations\" />\n            </div>\n          }>\n            Available 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                <button\n                  key={esc.id}\n                  onClick={() => navigate(`/escalations/detail/${esc.id}`)}\n                  className=\"w-full text-left hover:bg-surface-hover/50 rounded-md px-1 py-1.5 transition-colors\"\n                >\n                  <div className=\"flex items-center gap-2 mb-0.5\">\n                    <span className=\"text-[9px] text-text-quaternary font-medium shrink-0\">P{esc.priority ?? 2}</span>\n                    <span className=\"text-[12px] text-text-primary truncate flex-1 max-w-[65%]\">{esc.description || esc.subtype || esc.type}</span>\n                    <span className=\"text-[10px] text-text-quaternary shrink-0 ml-auto\"><DateValue date={esc.updated_at ?? esc.created_at} /></span>\n                  </div>\n                  <div className=\"flex items-center gap-2 pl-5\">\n                    <WorkflowPill type={esc.type || 'unknown'} size=\"xs\" />\n                    <span className=\"flex-1\" />\n                    <RolePill role={esc.role} />\n                  </div>\n                </button>\n              ))}\n            </div>\n          )}\n        </div>\n\n        {/* Col 2: My Escalations */}\n        <div>\n          <SectionHeader icon={Inbox} color=\"text-orange-400\" 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                <button\n                  key={esc.id}\n                  onClick={() => navigate(`/escalations/detail/${esc.id}`)}\n                  className=\"w-full text-left hover:bg-surface-hover/50 rounded-md px-1 py-1.5 transition-colors\"\n                >\n                  <div className=\"flex items-center gap-2 mb-0.5\">\n                    <span className=\"text-[9px] text-text-quaternary font-medium shrink-0\">P{esc.priority ?? 2}</span>\n                    <span className=\"text-[12px] text-text-primary truncate flex-1 max-w-[65%]\">{esc.description || esc.subtype || esc.type}</span>\n                    <span className=\"text-[10px] text-text-quaternary shrink-0 ml-auto\"><DateValue date={esc.updated_at ?? esc.created_at} /></span>\n                  </div>\n                  <div className=\"flex items-center gap-2 pl-5\">\n                    <WorkflowPill type={esc.type || 'unknown'} size=\"xs\" />\n                    <span className=\"flex-1\" />\n                    <RolePill role={esc.role} />\n                  </div>\n                </button>\n              ))}\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* ── Row 2: Processes | Workflow Executions | Pipeline Executions (builders only) */}\n      {isBuilder && <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-x-14 mt-14\">\n\n        {/* Col 1: Processes */}\n        <div>\n          <SectionHeader icon={Layers} color=\"text-emerald-400\" count={processTotal} docsHash=\"#docs:dashboard.md:processes-overview\" actions={\n            <div className=\"flex items-center gap-2\">\n              <ListToolbar onRefresh={() => procQ.refetch()} isFetching={procQ.isFetching} apiPath=\"/tasks/processes?limit=5\" />\n              <NavIcon to=\"/processes/all\" icon={ExternalLink} title=\"All processes\" />\n            </div>\n          }>\n            Certified Processes\n          </SectionHeader>\n          <div className=\"mb-3 -mt-2\">\n            <span className=\"px-2 py-0.5 text-[10px] rounded text-text-quaternary uppercase tracking-widest\">all namespaces</span>\n          </div>\n          {processes.length === 0 ? (\n            <EmptyPanel icon={Layers} text=\"No recent processes\" />\n          ) : (\n            <div className=\"space-y-1\">\n              {processes.map((p: any) => (\n                <ExecutionRow\n                  key={p.origin_id}\n                  dot={(p.task_count ?? 0) > 0 && (p.completed ?? 0) >= (p.task_count ?? 0) ? 'bg-status-success' : (p.escalated ?? 0) > 0 ? 'border border-status-error' : 'bg-status-active'}\n                  pill={<>{(p.workflow_types ?? [p.workflow_type]).filter(Boolean).map((wt: string) => <WorkflowPill key={wt} type={wt} size=\"xs\" />)}</>}\n                  id={p.origin_id}\n                  date={p.last_activity ?? p.started_at}\n                  onClick={() => navigate(`/processes/detail/${p.origin_id}`)}\n                />\n              ))}\n            </div>\n          )}\n        </div>\n\n        {/* Col 2: Workflow Executions */}\n        <div>\n          <SectionHeader icon={ScrollText} color=\"text-blue-400\" count={jobsTotal} docsHash=\"#docs:dashboard.md:durable-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 durable executions\" />\n            </div>\n          }>\n            Workflow Executions\n          </SectionHeader>\n          <AppPicker appIds={durableAppIds} selected={durableNs} onSelect={(ns) => setNs('durablenamespace', ns)} />\n          {jobs.length === 0 ? (\n            <EmptyPanel icon={ScrollText} text=\"No recent executions\" />\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        {/* Col 3: Pipeline Executions */}\n        <div>\n          <SectionHeader icon={GitBranch} color=\"text-violet-400\" count={mcpTotal} docsHash=\"#docs:dashboard.md:mcp-pipeline-tools\" 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 pipeline executions\" />\n            </div>\n          }>\n            Pipeline Executions\n          </SectionHeader>\n          <AppPicker appIds={pipelineAppIds} selected={pipelineNs} onSelect={(ns) => setNs('pipelinenamespace', ns)} />\n          {mcpRuns.length === 0 ? (\n            <EmptyPanel icon={GitBranch} text=\"No recent pipeline 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      </div>}\n    </div>\n  );\n}\n"],"names":["STATUS_DOT","statusDotClass","status","SectionHeader","Icon","color","docsHash","count","children","actions","jsxs","jsx","formatCountCompact","BookOpen","EmptyPanel","text","midEllipsis","s","maxLen","keep","ExecutionRow","dot","pill","id","date","onClick","DateValue","NavIcon","to","title","navigate","useNavigate","AppPicker","appIds","selected","onSelect","open","setOpen","useState","ref","useRef","useEffect","handler","e","v","HomePage","user","useAuth","isBuilder","useAccess","searchParams","setSearchParams","useSearchParams","cpData","useControlPlaneApps","allAppIds","useMemo","a","firstAppId","pipelineNs","durableNs","setNs","useCallback","key","ns","prev","next","useEscalationStatsEvents","useWorkflowListEvents","useProcessListEvents","procQ","useProcesses","jobsQ","useJobs","durableAppIds","pipelineAppIds","mcpQ","useMcpRuns","allEscQ","useAvailableEscalations","myEscQ","useEscalations","timer","processes","_a","processTotal","_b","jobs","_c","jobsTotal","_d","mcpRuns","_e","mcpTotal","_f","allEscalations","_g","allEscTotal","_h","myEscalations","_i","myEscTotal","_j","Inbox","ListToolbar","ExternalLink","esc","WorkflowPill","RolePill","Layers","p","wt","ScrollText","job","GitBranch","run"],"mappings":"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"}
+{"version":3,"file":"HomePage-m1pnxilb.js","sources":["../../src/pages/home/HomePage.tsx"],"sourcesContent":["import { useState, useRef, useCallback, useEffect, useMemo } from 'react';\nimport { useNavigate, useSearchParams } from 'react-router-dom';\nimport {\n  Inbox, ScrollText, GitBranch, Layers, ExternalLink, BookOpen,\n} from 'lucide-react';\nimport { formatCountCompact } from '../../lib/format';\nimport { useAvailableEscalations, useEscalations } from '../../api/escalations';\nimport { useJobs } from '../../api/workflows';\nimport { useMcpRuns } from '../../api/pipelines';\nimport { useControlPlaneApps } from '../../api/controlplane';\nimport { useProcesses } from '../../api/tasks';\nimport { useAuth } from '../../hooks/useAuth';\nimport { useAccess } from '../../hooks/useAccess';\nimport { useEscalationStatsEvents, useWorkflowListEvents, useProcessListEvents } 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';\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=\"text-[10px] text-text-quaternary tabular-nums\">{formatCountCompact(count)}</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 row for all execution lists in row 1 */\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 shrink-0 ${dot}`} />\n        <span className=\"text-[12px] text-text-primary font-mono truncate max-w-[60%]\">{midEllipsis(id)}</span>\n        <span className=\"text-[10px] text-text-quaternary shrink-0 ml-auto whitespace-nowrap\"><DateValue date={date} /></span>\n      </div>\n      <div className=\"pl-3.5 flex items-center gap-1 overflow-hidden\">{pill}</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-[10px] 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-30 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-[11px] 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 [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  useProcessListEvents();\n\n  // Row 2 (processes, durable executions, pipeline runs) is builder-only — see JSX\n  // gate below. Disable the queries too, so non-builders don't fire requests that\n  // their role can't access (403 on control-plane apps → empty namespace → 400 on jobs).\n  const procQ = useProcesses({ limit: 5 }, { enabled: isBuilder });\n  const jobsQ = useJobs({ limit: 5, sort_by: 'updated_at', order: 'desc', namespace: durableNs }, { enabled: isBuilder });\n  const durableAppIds = allAppIds;\n  const pipelineAppIds = allAppIds;\n  const mcpQ = useMcpRuns({ limit: 5, app_id: pipelineNs, sort_by: 'updated_at', order: 'desc' }, { enabled: isBuilder });\n  const allEscQ = useAvailableEscalations({ limit: 5, sort_by: 'created_at', order: 'desc' });\n  const myEscQ = useEscalations({ assigned_to: user?.userId, status: 'pending', limit: 5, sort_by: 'created_at', order: 'desc' });\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  const processes = procQ.data?.processes ?? [];\n  const processTotal = (procQ.data as any)?.total as number | undefined;\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  return (\n    <div>\n      <h1 className=\"text-3xl font-light text-text-primary mb-10\">Recent Activity</h1>\n\n      {/* ── Row 1: Available Escalations | My Escalations ────────────────── */}\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-x-14 min-h-[35vh]\">\n\n        {/* Col 1: Available Escalations */}\n        <div>\n          <SectionHeader icon={Inbox} color=\"text-blue-400\" 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 available escalations\" />\n            </div>\n          }>\n            Available 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                <button\n                  key={esc.id}\n                  onClick={() => navigate(`/escalations/detail/${esc.id}`)}\n                  className=\"w-full text-left hover:bg-surface-hover/50 rounded-md px-1 py-1.5 transition-colors\"\n                >\n                  <div className=\"flex items-center gap-2 mb-0.5\">\n                    <span className=\"text-[9px] text-text-quaternary font-medium shrink-0\">P{esc.priority ?? 2}</span>\n                    <span className=\"text-[12px] text-text-primary truncate flex-1 max-w-[65%]\">{esc.description || esc.subtype || esc.type}</span>\n                    <span className=\"text-[10px] text-text-quaternary shrink-0 ml-auto\"><DateValue date={esc.updated_at ?? esc.created_at} /></span>\n                  </div>\n                  <div className=\"flex items-center gap-2 pl-5\">\n                    <WorkflowPill type={esc.type || 'unknown'} size=\"xs\" />\n                    <span className=\"flex-1\" />\n                    <RolePill role={esc.role} />\n                  </div>\n                </button>\n              ))}\n            </div>\n          )}\n        </div>\n\n        {/* Col 2: My Escalations */}\n        <div>\n          <SectionHeader icon={Inbox} color=\"text-orange-400\" 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                <button\n                  key={esc.id}\n                  onClick={() => navigate(`/escalations/detail/${esc.id}`)}\n                  className=\"w-full text-left hover:bg-surface-hover/50 rounded-md px-1 py-1.5 transition-colors\"\n                >\n                  <div className=\"flex items-center gap-2 mb-0.5\">\n                    <span className=\"text-[9px] text-text-quaternary font-medium shrink-0\">P{esc.priority ?? 2}</span>\n                    <span className=\"text-[12px] text-text-primary truncate flex-1 max-w-[65%]\">{esc.description || esc.subtype || esc.type}</span>\n                    <span className=\"text-[10px] text-text-quaternary shrink-0 ml-auto\"><DateValue date={esc.updated_at ?? esc.created_at} /></span>\n                  </div>\n                  <div className=\"flex items-center gap-2 pl-5\">\n                    <WorkflowPill type={esc.type || 'unknown'} size=\"xs\" />\n                    <span className=\"flex-1\" />\n                    <RolePill role={esc.role} />\n                  </div>\n                </button>\n              ))}\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* ── Row 2: Processes | Workflow Executions | Pipeline Executions (builders only) */}\n      {isBuilder && <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-x-14 mt-14\">\n\n        {/* Col 1: Processes */}\n        <div>\n          <SectionHeader icon={Layers} color=\"text-emerald-400\" count={processTotal} docsHash=\"#docs:dashboard.md:processes-overview\" actions={\n            <div className=\"flex items-center gap-2\">\n              <ListToolbar onRefresh={() => procQ.refetch()} isFetching={procQ.isFetching} apiPath=\"/tasks/processes?limit=5\" />\n              <NavIcon to=\"/processes/all\" icon={ExternalLink} title=\"All processes\" />\n            </div>\n          }>\n            Certified Processes\n          </SectionHeader>\n          <div className=\"mb-3 -mt-2\">\n            <span className=\"px-2 py-0.5 text-[10px] rounded text-text-quaternary uppercase tracking-widest\">all namespaces</span>\n          </div>\n          {processes.length === 0 ? (\n            <EmptyPanel icon={Layers} text=\"No recent processes\" />\n          ) : (\n            <div className=\"space-y-1\">\n              {processes.map((p: any) => (\n                <ExecutionRow\n                  key={p.origin_id}\n                  dot={(p.task_count ?? 0) > 0 && (p.completed ?? 0) >= (p.task_count ?? 0) ? 'bg-status-success' : (p.escalated ?? 0) > 0 ? 'border border-status-error' : 'bg-status-active'}\n                  pill={<>{(p.workflow_types ?? [p.workflow_type]).filter(Boolean).map((wt: string) => <WorkflowPill key={wt} type={wt} size=\"xs\" />)}</>}\n                  id={p.origin_id}\n                  date={p.last_activity ?? p.started_at}\n                  onClick={() => navigate(`/processes/detail/${p.origin_id}`)}\n                />\n              ))}\n            </div>\n          )}\n        </div>\n\n        {/* Col 2: Workflow Executions */}\n        <div>\n          <SectionHeader icon={ScrollText} color=\"text-blue-400\" count={jobsTotal} docsHash=\"#docs:dashboard.md:durable-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 durable executions\" />\n            </div>\n          }>\n            Workflow Executions\n          </SectionHeader>\n          <AppPicker appIds={durableAppIds} selected={durableNs} onSelect={(ns) => setNs('durablenamespace', ns)} />\n          {jobs.length === 0 ? (\n            <EmptyPanel icon={ScrollText} text=\"No recent executions\" />\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        {/* Col 3: Pipeline Executions */}\n        <div>\n          <SectionHeader icon={GitBranch} color=\"text-violet-400\" count={mcpTotal} docsHash=\"#docs:dashboard.md:mcp-pipeline-tools\" 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 pipeline executions\" />\n            </div>\n          }>\n            Pipeline Executions\n          </SectionHeader>\n          <AppPicker appIds={pipelineAppIds} selected={pipelineNs} onSelect={(ns) => setNs('pipelinenamespace', ns)} />\n          {mcpRuns.length === 0 ? (\n            <EmptyPanel icon={GitBranch} text=\"No recent pipeline 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      </div>}\n    </div>\n  );\n}\n"],"names":["STATUS_DOT","statusDotClass","status","SectionHeader","Icon","color","docsHash","count","children","actions","jsxs","jsx","formatCountCompact","BookOpen","EmptyPanel","text","midEllipsis","s","maxLen","keep","ExecutionRow","dot","pill","id","date","onClick","DateValue","NavIcon","to","title","navigate","useNavigate","AppPicker","appIds","selected","onSelect","open","setOpen","useState","ref","useRef","useEffect","handler","e","v","HomePage","user","useAuth","isBuilder","useAccess","searchParams","setSearchParams","useSearchParams","cpData","useControlPlaneApps","allAppIds","useMemo","a","firstAppId","pipelineNs","durableNs","setNs","useCallback","key","ns","prev","next","useEscalationStatsEvents","useWorkflowListEvents","useProcessListEvents","procQ","useProcesses","jobsQ","useJobs","durableAppIds","pipelineAppIds","mcpQ","useMcpRuns","allEscQ","useAvailableEscalations","myEscQ","useEscalations","timer","processes","_a","processTotal","_b","jobs","_c","jobsTotal","_d","mcpRuns","_e","mcpTotal","_f","allEscalations","_g","allEscTotal","_h","myEscalations","_i","myEscTotal","_j","Inbox","ListToolbar","ExternalLink","esc","WorkflowPill","RolePill","Layers","p","wt","ScrollText","job","GitBranch","run"],"mappings":"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"}

package/dashboard/dist/assets/{ListToolbar-Bx7jGzPA.js → ListToolbar-D4Y-M7wN.js}

@@ -1,2 +1,2 @@
-import{a as $,j as s}from"./vendor-query-B2UbickB.js";import{M as u,O as j}from"./index-CtDf8vvQ.js";import{V as d,aB as N,aC as f,au as h}from"./vendor-icons-C1zVP_dv.js";function w({onRefresh:m,isFetching:r=!1,apiPath:e}){const[c,l]=$.useState(null),i=(t,a)=>{navigator.clipboard.writeText(t).then(()=>{l(a),setTimeout(()=>l(null),2e3)})},x=()=>{if(!e)return;const t=`${window.location.origin}${u}/api${e}`;i(t,"url")},p=()=>{if(!e)return;const t=`${window.location.origin}${u}/api${e}`,a=j(),C=a?`curl -H "Authorization: Bearer ${a}" "${t}"`:`curl "${t}"`;i(C,"curl")},n="p-1 text-text-quaternary hover:text-accent transition-colors rounded",o="w-2.5 h-2.5";return s.jsxs("div",{className:"flex items-center gap-0.5",children:[e&&s.jsxs(s.Fragment,{children:[s.jsx("button",{onClick:x,className:n,title:"Copy API URL",children:c==="url"?s.jsx(d,{className:`${o} text-status-success`}):s.jsx(N,{className:o})}),s.jsx("button",{onClick:p,className:n,title:"Copy curl (includes auth token)",children:c==="curl"?s.jsx(d,{className:`${o} text-status-success`}):s.jsx(f,{className:o})})]}),s.jsx("button",{onClick:m,disabled:r,className:`${n} disabled:opacity-50`,title:"Refresh",children:s.jsx(h,{className:`${o} ${r?"animate-spin":""}`})})]})}export{w as L};
-//# sourceMappingURL=ListToolbar-Bx7jGzPA.js.map
+import{a as C,j as s}from"./vendor-query-B2UbickB.js";import{M as u,O as j}from"./index-D-7W2AHB.js";import{V as d,aw as N,ax as f,au as h}from"./vendor-icons-CEWCGPeJ.js";function T({onRefresh:m,isFetching:r=!1,apiPath:e}){const[c,l]=C.useState(null),i=(t,a)=>{navigator.clipboard.writeText(t).then(()=>{l(a),setTimeout(()=>l(null),2e3)})},x=()=>{if(!e)return;const t=`${window.location.origin}${u}/api${e}`;i(t,"url")},p=()=>{if(!e)return;const t=`${window.location.origin}${u}/api${e}`,a=j(),$=a?`curl -H "Authorization: Bearer ${a}" "${t}"`:`curl "${t}"`;i($,"curl")},n="p-1 text-text-quaternary hover:text-accent transition-colors rounded",o="w-2.5 h-2.5";return s.jsxs("div",{className:"flex items-center gap-0.5",children:[e&&s.jsxs(s.Fragment,{children:[s.jsx("button",{onClick:x,className:n,title:"Copy API URL",children:c==="url"?s.jsx(d,{className:`${o} text-status-success`}):s.jsx(N,{className:o})}),s.jsx("button",{onClick:p,className:n,title:"Copy curl (includes auth token)",children:c==="curl"?s.jsx(d,{className:`${o} text-status-success`}):s.jsx(f,{className:o})})]}),s.jsx("button",{onClick:m,disabled:r,className:`${n} disabled:opacity-50`,title:"Refresh",children:s.jsx(h,{className:`${o} ${r?"animate-spin":""}`})})]})}export{T as L};
+//# sourceMappingURL=ListToolbar-D4Y-M7wN.js.map

package/dashboard/dist/assets/{ListToolbar-Bx7jGzPA.js.map → ListToolbar-D4Y-M7wN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ListToolbar-Bx7jGzPA.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\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 }: 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        <>\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        </>\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","copied","setCopied","useState","copyToClipboard","text","type","handleCopyUrl","url","LT_BASE","handleCopyCurl","token","getToken","cmd","BTN","ICON","jsxs","Fragment","jsx","Check","Link2","Terminal","RefreshCw"],"mappings":"4KAkBO,SAASA,EAAY,CAAE,UAAAC,EAAW,WAAAC,EAAa,GAAO,QAAAC,GAA6B,CACxF,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,CAACP,EAAS,OACd,MAAMQ,EAAM,GAAG,OAAO,SAAS,MAAM,GAAGC,CAAO,OAAOT,CAAO,GAC7DI,EAAgBI,EAAK,KAAK,CAC5B,EAEME,EAAiB,IAAM,CAC3B,GAAI,CAACV,EAAS,OACd,MAAMQ,EAAM,GAAG,OAAO,SAAS,MAAM,GAAGC,CAAO,OAAOT,CAAO,GACvDW,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,CAAAhB,GACCgB,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,SAAA,CAAO,QAASX,EAAe,UAAWO,EAAK,MAAM,eACnD,aAAW,MAAQI,EAAAA,IAACC,GAAM,UAAW,GAAGJ,CAAI,sBAAA,CAAwB,QAAMK,EAAA,CAAM,UAAWL,EAAM,CAAA,CACpG,EACAG,EAAAA,IAAC,UAAO,QAASR,EAAgB,UAAWI,EAAK,MAAM,kCACpD,SAAAb,IAAW,aAAUkB,EAAA,CAAM,UAAW,GAAGJ,CAAI,sBAAA,CAAwB,EAAKG,EAAAA,IAACG,EAAA,CAAS,UAAWN,CAAA,CAAM,CAAA,CACxG,CAAA,EACF,EAEFG,EAAAA,IAAC,UAAO,QAASpB,EAAW,SAAUC,EAAY,UAAW,GAAGe,CAAG,uBAAwB,MAAM,UAC/F,SAAAI,MAACI,EAAA,CAAU,UAAW,GAAGP,CAAI,IAAIhB,EAAa,eAAiB,EAAE,EAAA,CAAI,CAAA,CACvE,CAAA,EACF,CAEJ"}
+{"version":3,"file":"ListToolbar-D4Y-M7wN.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\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 }: 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        <>\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        </>\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","copied","setCopied","useState","copyToClipboard","text","type","handleCopyUrl","url","LT_BASE","handleCopyCurl","token","getToken","cmd","BTN","ICON","jsxs","Fragment","jsx","Check","Link2","Terminal","RefreshCw"],"mappings":"4KAkBO,SAASA,EAAY,CAAE,UAAAC,EAAW,WAAAC,EAAa,GAAO,QAAAC,GAA6B,CACxF,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,CAACP,EAAS,OACd,MAAMQ,EAAM,GAAG,OAAO,SAAS,MAAM,GAAGC,CAAO,OAAOT,CAAO,GAC7DI,EAAgBI,EAAK,KAAK,CAC5B,EAEME,EAAiB,IAAM,CAC3B,GAAI,CAACV,EAAS,OACd,MAAMQ,EAAM,GAAG,OAAO,SAAS,MAAM,GAAGC,CAAO,OAAOT,CAAO,GACvDW,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,CAAAhB,GACCgB,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,SAAA,CAAO,QAASX,EAAe,UAAWO,EAAK,MAAM,eACnD,aAAW,MAAQI,EAAAA,IAACC,GAAM,UAAW,GAAGJ,CAAI,sBAAA,CAAwB,QAAMK,EAAA,CAAM,UAAWL,EAAM,CAAA,CACpG,EACAG,EAAAA,IAAC,UAAO,QAASR,EAAgB,UAAWI,EAAK,MAAM,kCACpD,SAAAb,IAAW,aAAUkB,EAAA,CAAM,UAAW,GAAGJ,CAAI,sBAAA,CAAwB,EAAKG,EAAAA,IAACG,EAAA,CAAS,UAAWN,CAAA,CAAM,CAAA,CACxG,CAAA,EACF,EAEFG,EAAAA,IAAC,UAAO,QAASpB,EAAW,SAAUC,EAAY,UAAW,GAAGe,CAAG,uBAAwB,MAAM,UAC/F,SAAAI,MAACI,EAAA,CAAU,UAAW,GAAGP,CAAI,IAAIhB,EAAa,eAAiB,EAAE,EAAA,CAAI,CAAA,CACvE,CAAA,EACF,CAEJ"}