@hotmeshio/long-tail 0.22.0 → 0.22.1

package/dashboard/dist/assets/EscalationTimeline-DqmFydnU.js.map

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

package/dashboard/dist/assets/{EscalationTitleSelect-CzKfavri.js → EscalationTitleSelect-BpRquguO.js}

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

package/dashboard/dist/assets/{EscalationTitleSelect-CzKfavri.js.map → EscalationTitleSelect-BpRquguO.js.map}

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

package/dashboard/dist/assets/{EscalationsOverview-Tdu3Yx2c.js → EscalationsOverview-DtGOqnP4.js}

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

package/dashboard/dist/assets/{EscalationsOverview-Tdu3Yx2c.js.map → EscalationsOverview-DtGOqnP4.js.map}

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

package/dashboard/dist/assets/{EventTable-DiIxOJwO.js → EventTable-DSHqKyX2.js}

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

package/dashboard/dist/assets/{EventTable-DiIxOJwO.js.map → EventTable-DSHqKyX2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EventTable-DiIxOJwO.js","sources":["../../src/hooks/useCollapsedSections.ts","../../src/pages/workflows/workflow-execution/EventTable.tsx"],"sourcesContent":["import { useState, useCallback } from 'react';\n\nconst STORAGE_KEY = 'lt-collapsed-sections';\n\nfunction load(pageKey: string): Set<string> {\n  try {\n    const raw = localStorage.getItem(`${STORAGE_KEY}:${pageKey}`);\n    if (!raw) return new Set();\n    return new Set(JSON.parse(raw));\n  } catch {\n    return new Set();\n  }\n}\n\nfunction save(pageKey: string, set: Set<string>) {\n  localStorage.setItem(`${STORAGE_KEY}:${pageKey}`, JSON.stringify([...set]));\n}\n\nexport function useCollapsedSections(pageKey: string) {\n  const [collapsed, setCollapsed] = useState<Set<string>>(() => load(pageKey));\n\n  const isCollapsed = useCallback(\n    (section: string) => collapsed.has(section),\n    [collapsed],\n  );\n\n  const toggle = useCallback(\n    (section: string) => {\n      setCollapsed((prev) => {\n        const next = new Set(prev);\n        if (next.has(section)) {\n          next.delete(section);\n        } else {\n          next.add(section);\n        }\n        save(pageKey, next);\n        return next;\n      });\n    },\n    [pageKey],\n  );\n\n  const collapse = useCallback(\n    (section: string) => {\n      setCollapsed((prev) => {\n        if (prev.has(section)) return prev;\n        const next = new Set(prev);\n        next.add(section);\n        save(pageKey, next);\n        return next;\n      });\n    },\n    [pageKey],\n  );\n\n  const expand = useCallback(\n    (section: string) => {\n      setCollapsed((prev) => {\n        if (!prev.has(section)) return prev;\n        const next = new Set(prev);\n        next.delete(section);\n        save(pageKey, next);\n        return next;\n      });\n    },\n    [pageKey],\n  );\n\n  return { isCollapsed, toggle, collapse, expand };\n}\n","import { useState } from 'react';\nimport { FilterSelect } from '../../../components/common/data/FilterBar';\nimport { Collapsible } from '../../../components/common/layout/Collapsible';\nimport type { WorkflowExecutionEvent, LTTaskRecord } from '../../../api/types';\nimport { EventDetailPanel } from './EventDetailPanel';\nimport { formatDuration } from './utils';\n\ninterface EventTableProps {\n  events: WorkflowExecutionEvent[];\n  childTasks?: LTTaskRecord[];\n  /** Job id (workflowId) — enables the per-activity raw-stream drill-down. */\n  jid?: string;\n  /** HotMesh namespace / DB schema for the raw-stream lookup (default: durable). */\n  appId?: string;\n}\n\n/** Event types that represent the \"start\" phase of a paired operation */\nconst STARTED_TYPES = new Set([\n  'activity_task_scheduled',\n  'timer_started',\n  'child_workflow_execution_started',\n  'signal_wait_started',\n]);\n\n/** Completion event types that close a paired operation */\nconst COMPLETED_TYPES = new Set([\n  'activity_task_completed',\n  'activity_task_failed',\n  'timer_fired',\n  'child_workflow_execution_completed',\n  'child_workflow_execution_failed',\n  'workflow_execution_signaled',\n]);\n\n/**\n * Build a set of timeline_keys that have a matching completion event.\n * A \"scheduled\" event is only truly pending if no completion exists.\n */\nfunction buildCompletedKeys(events: WorkflowExecutionEvent[]): Set<string> {\n  const keys = new Set<string>();\n  for (const e of events) {\n    if (COMPLETED_TYPES.has(e.event_type) && e.attributes.timeline_key) {\n      keys.add(e.attributes.timeline_key);\n    }\n  }\n  return keys;\n}\n\nexport function EventTable({ events, childTasks, jid, appId }: EventTableProps) {\n  const [categoryFilter, setCategoryFilter] = useState('');\n  const [typeFilter, setTypeFilter] = useState('');\n  const [sortOrder, setSortOrder] = useState<'asc' | 'desc'>('asc');\n  const [expandedEvents, setExpandedEvents] = useState<Set<number>>(new Set());\n\n  const categories = [...new Set(events.map((e) => e.category))].sort();\n  const eventTypes = [...new Set(events.map((e) => e.event_type))].sort();\n  const completedKeys = buildCompletedKeys(events);\n\n  /** True only when a \"started/scheduled\" event has no matching completion */\n  const isPending = (evt: WorkflowExecutionEvent): boolean => {\n    if (evt.duration_ms !== null) return false;\n    if (!STARTED_TYPES.has(evt.event_type)) return false;\n    const tlk = evt.attributes.timeline_key;\n    if (tlk && completedKeys.has(tlk)) return false;\n    return true;\n  };\n\n  let filtered = events;\n  if (categoryFilter) filtered = filtered.filter((e) => e.category === categoryFilter);\n  if (typeFilter) filtered = filtered.filter((e) => e.event_type === typeFilter);\n\n  filtered = [...filtered].sort((a, b) =>\n    sortOrder === 'asc' ? a.event_id - b.event_id : b.event_id - a.event_id,\n  );\n\n  const categoryDot = (category: string) => {\n    switch (category) {\n      case 'activity':\n        return 'bg-status-active';\n      case 'signal':\n        return 'bg-status-success';\n      case 'timer':\n        return 'bg-status-warning';\n      case 'child_workflow':\n        return 'bg-accent';\n      default:\n        return 'bg-text-tertiary';\n    }\n  };\n\n  /** Build a descriptive label for an event row */\n  const eventLabel = (evt: WorkflowExecutionEvent): string => {\n    const base = evt.event_type;\n    if (evt.attributes.activity_type) {\n      return `${base} — ${evt.attributes.activity_type}`;\n    }\n    if (evt.attributes.signal_name) {\n      return `${base} — ${evt.attributes.signal_name}`;\n    }\n    if (evt.attributes.child_workflow_id) {\n      const id = evt.attributes.child_workflow_id;\n      const truncated = id.length > 24 ? `${id.slice(0, 24)}...` : id;\n      return `${base} — ${truncated}`;\n    }\n    return base;\n  };\n\n  /** Find a matching child task for an event's activity_type */\n  const findChildTask = (evt: WorkflowExecutionEvent): LTTaskRecord | undefined => {\n    if (!childTasks?.length) return undefined;\n    const activityType = evt.attributes.activity_type;\n    if (!activityType) return undefined;\n    return childTasks.find((t) => t.workflow_type === activityType);\n  };\n\n  const toggleEvent = (id: number) => {\n    setExpandedEvents((prev) => {\n      const next = new Set(prev);\n      if (next.has(id)) next.delete(id);\n      else next.add(id);\n      return next;\n    });\n  };\n\n  const allExpanded = filtered.length > 0 && filtered.every((e) => expandedEvents.has(e.event_id));\n\n  const toggleAll = () => {\n    if (allExpanded) {\n      setExpandedEvents(new Set());\n    } else {\n      setExpandedEvents(new Set(filtered.map((e) => e.event_id)));\n    }\n  };\n\n  return (\n    <div>\n      <div className=\"px-6 py-4 border-b border-surface-border flex items-center justify-between flex-wrap gap-3\">\n        <div className=\"flex items-center gap-4\">\n          <p className=\"text-2xs font-semibold uppercase tracking-widest text-text-tertiary\">\n            Events ({filtered.length})\n          </p>\n          {filtered.length > 0 && (\n            <button onClick={toggleAll} className=\"text-2xs text-accent hover:underline\">\n              {allExpanded ? 'Collapse all' : 'Expand all'}\n            </button>\n          )}\n        </div>\n        {/* Inline filter controls — a compact set the table header owns directly.\n            The page-level FilterBar band is for full-width list pages; inside\n            this narrowed header it would fold and clip. */}\n        <div className=\"flex items-center gap-3 flex-wrap\">\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        </div>\n      </div>\n\n      <div>\n        {filtered.length === 0 ? (\n          <div className=\"px-6 py-8 text-center\">\n            <p className=\"text-sm text-text-tertiary\">No events match the current filters</p>\n          </div>\n        ) : (\n          filtered.map((evt) => {\n            const isExpanded = expandedEvents.has(evt.event_id);\n            const pending = isPending(evt);\n\n            return (\n              <div\n                key={evt.event_id}\n                className=\"border-b border-surface-border last:border-b-0\"\n              >\n                {/* Row header */}\n                <div\n                  className=\"px-6 py-3 flex items-center gap-4 cursor-pointer hover:bg-surface-hover transition-colors duration-200\"\n                  onClick={() => toggleEvent(evt.event_id)}\n                >\n                  {/* Expand chevron */}\n                  <span\n                    className={`text-2xs text-text-tertiary transition-transform duration-300 ${isExpanded ? 'rotate-90' : ''}`}\n                  >\n                    &#9654;\n                  </span>\n\n                  <span className=\"text-xs font-mono text-text-tertiary w-8 shrink-0\">\n                    {evt.event_id}\n                  </span>\n                  <span\n                    className={`w-2.5 h-2.5 rounded-full dot-ring shrink-0 ${categoryDot(evt.category)}`}\n                  />\n                  <span className=\"text-sm text-text-primary flex-1 truncate\">\n                    {eventLabel(evt)}\n                  </span>\n                  <span className=\"text-xs font-mono text-text-tertiary shrink-0\">\n                    {pending ? (\n                      <span className=\"inline-flex items-center gap-1 text-status-warning\">\n                        <span className=\"w-2.5 h-2.5 rounded-full dot-ring bg-status-warning animate-pulse\" />\n                        Pending\n                      </span>\n                    ) : evt.duration_ms !== null ? (\n                      formatDuration(evt.duration_ms)\n                    ) : (\n                      '--'\n                    )}\n                  </span>\n                  <time className=\"text-2xs font-mono text-text-tertiary shrink-0\">\n                    {new Date(evt.event_time).toLocaleTimeString()}\n                  </time>\n                </div>\n\n                {/* Inline detail panel — directly below the clicked row */}\n                <Collapsible open={isExpanded && !!evt.attributes}>\n                  <div className=\"px-6 pb-4 pl-16\">\n                    <EventDetailPanel\n                      event={evt}\n                      childTask={findChildTask(evt)}\n                      pending={pending}\n                      jid={jid}\n                      appId={appId}\n                      onClose={() => toggleEvent(evt.event_id)}\n                    />\n                  </div>\n                </Collapsible>\n              </div>\n            );\n          })\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["STORAGE_KEY","load","pageKey","raw","save","set","useCollapsedSections","collapsed","setCollapsed","useState","isCollapsed","useCallback","section","toggle","prev","next","collapse","expand","STARTED_TYPES","COMPLETED_TYPES","buildCompletedKeys","events","keys","e","EventTable","childTasks","jid","appId","categoryFilter","setCategoryFilter","typeFilter","setTypeFilter","sortOrder","setSortOrder","expandedEvents","setExpandedEvents","categories","eventTypes","completedKeys","isPending","evt","tlk","filtered","a","b","categoryDot","category","eventLabel","base","id","truncated","findChildTask","activityType","t","toggleEvent","allExpanded","toggleAll","jsxs","jsx","FilterSelect","c","s","isExpanded","pending","formatDuration","Collapsible","EventDetailPanel"],"mappings":"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"}
+{"version":3,"file":"EventTable-DSHqKyX2.js","sources":["../../src/hooks/useCollapsedSections.ts","../../src/pages/workflows/workflow-execution/EventTable.tsx"],"sourcesContent":["import { useState, useCallback } from 'react';\n\nconst STORAGE_KEY = 'lt-collapsed-sections';\n\nfunction load(pageKey: string): Set<string> {\n  try {\n    const raw = localStorage.getItem(`${STORAGE_KEY}:${pageKey}`);\n    if (!raw) return new Set();\n    return new Set(JSON.parse(raw));\n  } catch {\n    return new Set();\n  }\n}\n\nfunction save(pageKey: string, set: Set<string>) {\n  localStorage.setItem(`${STORAGE_KEY}:${pageKey}`, JSON.stringify([...set]));\n}\n\nexport function useCollapsedSections(pageKey: string) {\n  const [collapsed, setCollapsed] = useState<Set<string>>(() => load(pageKey));\n\n  const isCollapsed = useCallback(\n    (section: string) => collapsed.has(section),\n    [collapsed],\n  );\n\n  const toggle = useCallback(\n    (section: string) => {\n      setCollapsed((prev) => {\n        const next = new Set(prev);\n        if (next.has(section)) {\n          next.delete(section);\n        } else {\n          next.add(section);\n        }\n        save(pageKey, next);\n        return next;\n      });\n    },\n    [pageKey],\n  );\n\n  const collapse = useCallback(\n    (section: string) => {\n      setCollapsed((prev) => {\n        if (prev.has(section)) return prev;\n        const next = new Set(prev);\n        next.add(section);\n        save(pageKey, next);\n        return next;\n      });\n    },\n    [pageKey],\n  );\n\n  const expand = useCallback(\n    (section: string) => {\n      setCollapsed((prev) => {\n        if (!prev.has(section)) return prev;\n        const next = new Set(prev);\n        next.delete(section);\n        save(pageKey, next);\n        return next;\n      });\n    },\n    [pageKey],\n  );\n\n  return { isCollapsed, toggle, collapse, expand };\n}\n","import { useState } from 'react';\nimport { FilterSelect } from '../../../components/common/data/FilterBar';\nimport { Collapsible } from '../../../components/common/layout/Collapsible';\nimport type { WorkflowExecutionEvent, LTTaskRecord } from '../../../api/types';\nimport { EventDetailPanel } from './EventDetailPanel';\nimport { formatDuration } from './utils';\n\ninterface EventTableProps {\n  events: WorkflowExecutionEvent[];\n  childTasks?: LTTaskRecord[];\n  /** Job id (workflowId) — enables the per-activity raw-stream drill-down. */\n  jid?: string;\n  /** HotMesh namespace / DB schema for the raw-stream lookup (default: durable). */\n  appId?: string;\n}\n\n/** Event types that represent the \"start\" phase of a paired operation */\nconst STARTED_TYPES = new Set([\n  'activity_task_scheduled',\n  'timer_started',\n  'child_workflow_execution_started',\n  'signal_wait_started',\n]);\n\n/** Completion event types that close a paired operation */\nconst COMPLETED_TYPES = new Set([\n  'activity_task_completed',\n  'activity_task_failed',\n  'timer_fired',\n  'child_workflow_execution_completed',\n  'child_workflow_execution_failed',\n  'workflow_execution_signaled',\n]);\n\n/**\n * Build a set of timeline_keys that have a matching completion event.\n * A \"scheduled\" event is only truly pending if no completion exists.\n */\nfunction buildCompletedKeys(events: WorkflowExecutionEvent[]): Set<string> {\n  const keys = new Set<string>();\n  for (const e of events) {\n    if (COMPLETED_TYPES.has(e.event_type) && e.attributes.timeline_key) {\n      keys.add(e.attributes.timeline_key);\n    }\n  }\n  return keys;\n}\n\nexport function EventTable({ events, childTasks, jid, appId }: EventTableProps) {\n  const [categoryFilter, setCategoryFilter] = useState('');\n  const [typeFilter, setTypeFilter] = useState('');\n  const [sortOrder, setSortOrder] = useState<'asc' | 'desc'>('asc');\n  const [expandedEvents, setExpandedEvents] = useState<Set<number>>(new Set());\n\n  const categories = [...new Set(events.map((e) => e.category))].sort();\n  const eventTypes = [...new Set(events.map((e) => e.event_type))].sort();\n  const completedKeys = buildCompletedKeys(events);\n\n  /** True only when a \"started/scheduled\" event has no matching completion */\n  const isPending = (evt: WorkflowExecutionEvent): boolean => {\n    if (evt.duration_ms !== null) return false;\n    if (!STARTED_TYPES.has(evt.event_type)) return false;\n    const tlk = evt.attributes.timeline_key;\n    if (tlk && completedKeys.has(tlk)) return false;\n    return true;\n  };\n\n  let filtered = events;\n  if (categoryFilter) filtered = filtered.filter((e) => e.category === categoryFilter);\n  if (typeFilter) filtered = filtered.filter((e) => e.event_type === typeFilter);\n\n  filtered = [...filtered].sort((a, b) =>\n    sortOrder === 'asc' ? a.event_id - b.event_id : b.event_id - a.event_id,\n  );\n\n  const categoryDot = (category: string) => {\n    switch (category) {\n      case 'activity':\n        return 'bg-status-active';\n      case 'signal':\n        return 'bg-status-success';\n      case 'timer':\n        return 'bg-status-warning';\n      case 'child_workflow':\n        return 'bg-accent';\n      default:\n        return 'bg-text-tertiary';\n    }\n  };\n\n  /** Build a descriptive label for an event row */\n  const eventLabel = (evt: WorkflowExecutionEvent): string => {\n    const base = evt.event_type;\n    if (evt.attributes.activity_type) {\n      return `${base} — ${evt.attributes.activity_type}`;\n    }\n    if (evt.attributes.signal_name) {\n      return `${base} — ${evt.attributes.signal_name}`;\n    }\n    if (evt.attributes.child_workflow_id) {\n      const id = evt.attributes.child_workflow_id;\n      const truncated = id.length > 24 ? `${id.slice(0, 24)}...` : id;\n      return `${base} — ${truncated}`;\n    }\n    return base;\n  };\n\n  /** Find a matching child task for an event's activity_type */\n  const findChildTask = (evt: WorkflowExecutionEvent): LTTaskRecord | undefined => {\n    if (!childTasks?.length) return undefined;\n    const activityType = evt.attributes.activity_type;\n    if (!activityType) return undefined;\n    return childTasks.find((t) => t.workflow_type === activityType);\n  };\n\n  const toggleEvent = (id: number) => {\n    setExpandedEvents((prev) => {\n      const next = new Set(prev);\n      if (next.has(id)) next.delete(id);\n      else next.add(id);\n      return next;\n    });\n  };\n\n  const allExpanded = filtered.length > 0 && filtered.every((e) => expandedEvents.has(e.event_id));\n\n  const toggleAll = () => {\n    if (allExpanded) {\n      setExpandedEvents(new Set());\n    } else {\n      setExpandedEvents(new Set(filtered.map((e) => e.event_id)));\n    }\n  };\n\n  return (\n    <div>\n      <div className=\"px-6 py-4 border-b border-surface-border flex items-center justify-between flex-wrap gap-3\">\n        <div className=\"flex items-center gap-4\">\n          <p className=\"text-2xs font-semibold uppercase tracking-widest text-text-tertiary\">\n            Events ({filtered.length})\n          </p>\n          {filtered.length > 0 && (\n            <button onClick={toggleAll} className=\"text-2xs text-accent hover:underline\">\n              {allExpanded ? 'Collapse all' : 'Expand all'}\n            </button>\n          )}\n        </div>\n        {/* Inline filter controls — a compact set the table header owns directly.\n            The page-level FilterBar band is for full-width list pages; inside\n            this narrowed header it would fold and clip. */}\n        <div className=\"flex items-center gap-3 flex-wrap\">\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        </div>\n      </div>\n\n      <div>\n        {filtered.length === 0 ? (\n          <div className=\"px-6 py-8 text-center\">\n            <p className=\"text-sm text-text-tertiary\">No events match the current filters</p>\n          </div>\n        ) : (\n          filtered.map((evt) => {\n            const isExpanded = expandedEvents.has(evt.event_id);\n            const pending = isPending(evt);\n\n            return (\n              <div\n                key={evt.event_id}\n                className=\"border-b border-surface-border last:border-b-0\"\n              >\n                {/* Row header */}\n                <div\n                  className=\"px-6 py-3 flex items-center gap-4 cursor-pointer hover:bg-surface-hover transition-colors duration-200\"\n                  onClick={() => toggleEvent(evt.event_id)}\n                >\n                  {/* Expand chevron */}\n                  <span\n                    className={`text-2xs text-text-tertiary transition-transform duration-300 ${isExpanded ? 'rotate-90' : ''}`}\n                  >\n                    &#9654;\n                  </span>\n\n                  <span className=\"text-xs font-mono text-text-tertiary w-8 shrink-0\">\n                    {evt.event_id}\n                  </span>\n                  <span\n                    className={`w-2.5 h-2.5 rounded-full dot-ring shrink-0 ${categoryDot(evt.category)}`}\n                  />\n                  <span className=\"text-sm text-text-primary flex-1 truncate\">\n                    {eventLabel(evt)}\n                  </span>\n                  <span className=\"text-xs font-mono text-text-tertiary shrink-0\">\n                    {pending ? (\n                      <span className=\"inline-flex items-center gap-1 text-status-warning\">\n                        <span className=\"w-2.5 h-2.5 rounded-full dot-ring bg-status-warning animate-pulse\" />\n                        Pending\n                      </span>\n                    ) : evt.duration_ms !== null ? (\n                      formatDuration(evt.duration_ms)\n                    ) : (\n                      '--'\n                    )}\n                  </span>\n                  <time className=\"text-2xs font-mono text-text-tertiary shrink-0\">\n                    {new Date(evt.event_time).toLocaleTimeString()}\n                  </time>\n                </div>\n\n                {/* Inline detail panel — directly below the clicked row */}\n                <Collapsible open={isExpanded && !!evt.attributes}>\n                  <div className=\"px-6 pb-4 pl-16\">\n                    <EventDetailPanel\n                      event={evt}\n                      childTask={findChildTask(evt)}\n                      pending={pending}\n                      jid={jid}\n                      appId={appId}\n                      onClose={() => toggleEvent(evt.event_id)}\n                    />\n                  </div>\n                </Collapsible>\n              </div>\n            );\n          })\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["STORAGE_KEY","load","pageKey","raw","save","set","useCollapsedSections","collapsed","setCollapsed","useState","isCollapsed","useCallback","section","toggle","prev","next","collapse","expand","STARTED_TYPES","COMPLETED_TYPES","buildCompletedKeys","events","keys","e","EventTable","childTasks","jid","appId","categoryFilter","setCategoryFilter","typeFilter","setTypeFilter","sortOrder","setSortOrder","expandedEvents","setExpandedEvents","categories","eventTypes","completedKeys","isPending","evt","tlk","filtered","a","b","categoryDot","category","eventLabel","base","id","truncated","findChildTask","activityType","t","toggleEvent","allExpanded","toggleAll","jsxs","jsx","FilterSelect","c","s","isExpanded","pending","formatDuration","Collapsible","EventDetailPanel"],"mappings":"oMAEA,MAAMA,EAAc,wBAEpB,SAASC,EAAKC,EAA8B,CAC1C,GAAI,CACF,MAAMC,EAAM,aAAa,QAAQ,GAAGH,CAAW,IAAIE,CAAO,EAAE,EAC5D,OAAKC,EACE,IAAI,IAAI,KAAK,MAAMA,CAAG,CAAC,EADb,IAAI,GAEvB,MAAQ,CACN,WAAW,GACb,CACF,CAEA,SAASC,EAAKF,EAAiBG,EAAkB,CAC/C,aAAa,QAAQ,GAAGL,CAAW,IAAIE,CAAO,GAAI,KAAK,UAAU,CAAC,GAAGG,CAAG,CAAC,CAAC,CAC5E,CAEO,SAASC,EAAqBJ,EAAiB,CACpD,KAAM,CAACK,EAAWC,CAAY,EAAIC,EAAAA,SAAsB,IAAMR,EAAKC,CAAO,CAAC,EAErEQ,EAAcC,EAAAA,YACjBC,GAAoBL,EAAU,IAAIK,CAAO,EAC1C,CAACL,CAAS,CAAA,EAGNM,EAASF,EAAAA,YACZC,GAAoB,CACnBJ,EAAcM,GAAS,CACrB,MAAMC,EAAO,IAAI,IAAID,CAAI,EACzB,OAAIC,EAAK,IAAIH,CAAO,EAClBG,EAAK,OAAOH,CAAO,EAEnBG,EAAK,IAAIH,CAAO,EAElBR,EAAKF,EAASa,CAAI,EACXA,CACT,CAAC,CACH,EACA,CAACb,CAAO,CAAA,EAGJc,EAAWL,EAAAA,YACdC,GAAoB,CACnBJ,EAAcM,GAAS,CACrB,GAAIA,EAAK,IAAIF,CAAO,EAAG,OAAOE,EAC9B,MAAMC,EAAO,IAAI,IAAID,CAAI,EACzB,OAAAC,EAAK,IAAIH,CAAO,EAChBR,EAAKF,EAASa,CAAI,EACXA,CACT,CAAC,CACH,EACA,CAACb,CAAO,CAAA,EAGJe,EAASN,EAAAA,YACZC,GAAoB,CACnBJ,EAAcM,GAAS,CACrB,GAAI,CAACA,EAAK,IAAIF,CAAO,EAAG,OAAOE,EAC/B,MAAMC,EAAO,IAAI,IAAID,CAAI,EACzB,OAAAC,EAAK,OAAOH,CAAO,EACnBR,EAAKF,EAASa,CAAI,EACXA,CACT,CAAC,CACH,EACA,CAACb,CAAO,CAAA,EAGV,MAAO,CAAE,YAAAQ,EAAa,OAAAG,EAAQ,SAAAG,EAAU,OAAAC,CAAA,CAC1C,CCpDA,MAAMC,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,EAAIpB,EAAAA,SAAS,EAAE,EACjD,CAACqB,EAAYC,CAAa,EAAItB,EAAAA,SAAS,EAAE,EACzC,CAACuB,EAAWC,CAAY,EAAIxB,EAAAA,SAAyB,KAAK,EAC1D,CAACyB,EAAgBC,CAAiB,EAAI1B,EAAAA,SAAsB,IAAI,GAAK,EAErE2B,EAAa,CAAC,GAAG,IAAI,IAAIf,EAAO,IAAK,GAAM,EAAE,QAAQ,CAAC,CAAC,EAAE,KAAA,EACzDgB,EAAa,CAAC,GAAG,IAAI,IAAIhB,EAAO,IAAK,GAAM,EAAE,UAAU,CAAC,CAAC,EAAE,KAAA,EAC3DiB,EAAgBlB,EAAmBC,CAAM,EAGzCkB,EAAaC,GAAyC,CAE1D,GADIA,EAAI,cAAgB,MACpB,CAACtB,EAAc,IAAIsB,EAAI,UAAU,EAAG,MAAO,GAC/C,MAAMC,EAAMD,EAAI,WAAW,aAC3B,MAAI,EAAAC,GAAOH,EAAc,IAAIG,CAAG,EAElC,EAEA,IAAIC,EAAWrB,EACXO,MAA2Bc,EAAS,OAAQ,GAAM,EAAE,WAAad,CAAc,GAC/EE,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,mBACT,IAAK,SACH,MAAO,oBACT,IAAK,QACH,MAAO,oBACT,IAAK,iBACH,MAAO,YACT,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,EAACf,GAAA,MAAAA,EAAY,QAAQ,OACzB,MAAM2B,EAAeZ,EAAI,WAAW,cACpC,GAAKY,EACL,OAAO3B,EAAW,KAAM4B,GAAMA,EAAE,gBAAkBD,CAAY,CAChE,EAEME,EAAeL,GAAe,CAClCd,EAAmBrB,GAAS,CAC1B,MAAMC,EAAO,IAAI,IAAID,CAAI,EACzB,OAAIC,EAAK,IAAIkC,CAAE,EAAGlC,EAAK,OAAOkC,CAAE,EAC3BlC,EAAK,IAAIkC,CAAE,EACTlC,CACT,CAAC,CACH,EAEMwC,EAAcb,EAAS,OAAS,GAAKA,EAAS,MAAO,GAAMR,EAAe,IAAI,EAAE,QAAQ,CAAC,EAEzFsB,EAAY,IAAM,CAEpBrB,EADEoB,EACgB,IAAI,IAEJ,IAAI,IAAIb,EAAS,IAAK,GAAM,EAAE,QAAQ,CAAC,CAF9B,CAI/B,EAEA,cACG,MAAA,CACC,SAAA,CAAAe,EAAAA,KAAC,MAAA,CAAI,UAAU,6FACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAA,EAAAA,KAAC,IAAA,CAAE,UAAU,sEAAsE,SAAA,CAAA,WACxEf,EAAS,OAAO,GAAA,EAC3B,EACCA,EAAS,OAAS,GACjBgB,EAAAA,IAAC,SAAA,CAAO,QAASF,EAAW,UAAU,uCACnC,SAAAD,EAAc,eAAiB,YAAA,CAClC,CAAA,EAEJ,EAIAE,EAAAA,KAAC,MAAA,CAAI,UAAU,oCACb,SAAA,CAAAC,EAAAA,IAACC,EAAA,CACC,MAAM,WACN,MAAO/B,EACP,SAAUC,EACV,QAASO,EAAW,IAAKwB,IAAO,CAAE,MAAOA,EAAG,MAAOA,GAAI,CAAA,CAAA,EAEzDF,EAAAA,IAACC,EAAA,CACC,MAAM,OACN,MAAO7B,EACP,SAAUC,EACV,QAASM,EAAW,IAAKgB,IAAO,CAAE,MAAOA,EAAG,MAAOA,GAAI,CAAA,CAAA,EAEzDK,EAAAA,IAAC,SAAA,CACC,QAAS,IAAMzB,EAAc4B,GAAOA,IAAM,MAAQ,OAAS,KAAM,EACjE,UAAU,oBAET,SAAA7B,IAAc,MAAQ,eAAiB,cAAA,CAAA,CAC1C,CAAA,CACF,CAAA,EACF,QAEC,MAAA,CACE,SAAAU,EAAS,SAAW,EACnBgB,MAAC,OAAI,UAAU,wBACb,eAAC,IAAA,CAAE,UAAU,6BAA6B,SAAA,sCAAmC,CAAA,CAC/E,EAEAhB,EAAS,IAAKF,GAAQ,CACpB,MAAMsB,EAAa5B,EAAe,IAAIM,EAAI,QAAQ,EAC5CuB,EAAUxB,EAAUC,CAAG,EAE7B,OACEiB,EAAAA,KAAC,MAAA,CAEC,UAAU,iDAGV,SAAA,CAAAA,EAAAA,KAAC,MAAA,CACC,UAAU,yGACV,QAAS,IAAMH,EAAYd,EAAI,QAAQ,EAGvC,SAAA,CAAAkB,EAAAA,IAAC,OAAA,CACC,UAAW,iEAAiEI,EAAa,YAAc,EAAE,GAC1G,SAAA,GAAA,CAAA,EAIDJ,EAAAA,IAAC,OAAA,CAAK,UAAU,oDACb,WAAI,SACP,EACAA,EAAAA,IAAC,OAAA,CACC,UAAW,8CAA8Cb,EAAYL,EAAI,QAAQ,CAAC,EAAA,CAAA,QAEnF,OAAA,CAAK,UAAU,4CACb,SAAAO,EAAWP,CAAG,EACjB,EACAkB,EAAAA,IAAC,QAAK,UAAU,gDACb,WACCD,EAAAA,KAAC,OAAA,CAAK,UAAU,qDACd,SAAA,CAAAC,EAAAA,IAAC,OAAA,CAAK,UAAU,mEAAA,CAAoE,EAAE,SAAA,EAExF,EACElB,EAAI,cAAgB,KACtBwB,EAAexB,EAAI,WAAW,EAE9B,KAEJ,EACAkB,EAAAA,IAAC,OAAA,CAAK,UAAU,iDACb,SAAA,IAAI,KAAKlB,EAAI,UAAU,EAAE,mBAAA,CAAmB,CAC/C,CAAA,CAAA,CAAA,EAIFkB,EAAAA,IAACO,EAAA,CAAY,KAAMH,GAAc,CAAC,CAACtB,EAAI,WACrC,SAAAkB,EAAAA,IAAC,MAAA,CAAI,UAAU,kBACb,SAAAA,EAAAA,IAACQ,EAAA,CACC,MAAO1B,EACP,UAAWW,EAAcX,CAAG,EAC5B,QAAAuB,EACA,IAAArC,EACA,MAAAC,EACA,QAAS,IAAM2B,EAAYd,EAAI,QAAQ,CAAA,CAAA,EAE3C,CAAA,CACF,CAAA,CAAA,EArDKA,EAAI,QAAA,CAwDf,CAAC,CAAA,CAEL,CAAA,EACF,CAEJ"}

package/dashboard/dist/assets/{FilterBar-CvMBCVIo.js → FilterBar-Dxd0wNSW.js}

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

package/dashboard/dist/assets/{FilterBar-CvMBCVIo.js.map → FilterBar-Dxd0wNSW.js.map}

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

package/dashboard/dist/assets/{GraphInvokePage-DO-yyhi6.js → GraphInvokePage-ChqqGkro.js}

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