@hotmeshio/long-tail 0.10.8 → 0.10.10

package/dashboard/dist/assets/OperatorDashboard-Dhs2eo8p.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperatorDashboard-Dhs2eo8p.js","sources":["../../src/pages/operator/OperatorDashboard.tsx"],"sourcesContent":["import { useCallback } from 'react';\nimport { useNavigate, useLocation, useSearchParams } from 'react-router-dom';\nimport { LockOpen, Pin, LayoutList, Table } from 'lucide-react';\nimport { useAuth } from '../../hooks/useAuth';\nimport { useEscalations, useEscalationTypes, useReleaseEscalation } from '../../api/escalations';\nimport { useEscalationListEvents } from '../../hooks/useEventHooks';\nimport { useRoles, useRoleListSchema } from '../../api/roles';\nimport { useFilterParams } from '../../hooks/useFilterParams';\nimport { useDebouncedValue } from '../../hooks/useDebouncedValue';\nimport { buildApiPath } from '../../lib/api-path';\nimport { DataTable, type Column } from '../../components/common/data/DataTable';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { StickyPagination } from '../../components/common/data/StickyPagination';\nimport { RowAction, RowActionGroup } from '../../components/common/layout/RowActions';\nimport { ESCALATION_COLUMNS, TIME_LEFT_COLUMN, EscalationFilterBar } from './escalation-columns';\nimport { ListToolbar } from '../../components/common/data/ListToolbar';\nimport { EscalationListView } from '../../components/escalation/EscalationListView';\nimport { usePatchPreferences, usePreferences } from '../../api/preferences';\nimport { newPinId } from '../../lib/pinned-views';\nimport type { LTEscalationRecord } from '../../api/types';\n\nexport function OperatorDashboard() {\n  const navigate = useNavigate();\n  const { user } = useAuth();\n  const { filters, setFilter, pagination, sort, setSort } = useFilterParams({\n    filters: { role: '', type: '', priority: '', search: '' },\n  });\n  // The personal inbox moves on claims arriving and work leaving — claimed\n  // and resolved. A role filter narrows the subscription to that queue's\n  // subject token; nothing else in the escalation space reaches this page.\n  useEscalationListEvents({ role: filters.role || null, verbs: ['claimed', 'resolved'] });\n  // Debounce so server-side search fires once the user pauses, not per keystroke.\n  const debouncedSearch = useDebouncedValue(filters.search, 300);\n  const release = useReleaseEscalation();\n  const { data: rolesData } = useRoles();\n  const { data: typesData } = useEscalationTypes();\n\n  // Pin current view — the same gesture as All Escalations: every filter is\n  // already deep-linked in the URL, so a pin is just the labeled URL.\n  const location = useLocation();\n  const { data: prefsData } = usePreferences();\n  const patchPrefs = usePatchPreferences();\n  const pinCurrentView = useCallback(() => {\n    const label = window.prompt('Pin label:');\n    if (!label?.trim()) return;\n    const existing = prefsData?.preferences?.pinnedViews ?? [];\n    patchPrefs.mutate({\n      pinnedViews: [\n        ...existing,\n        { id: newPinId(), label: label.trim(), url: location.pathname + location.search, badge: true },\n      ],\n    });\n  }, [location.pathname, location.search, prefsData, patchPrefs]);\n\n  // Role-owned rich view — the same resolution the queue page runs, applied to\n  // the personal inbox when one role is filtered. Deep-linked (?view=rich|table)\n  // so a pinned link reproduces the presentation; absent, rich wins when the\n  // role owns a non-table list_schema. Row actions render in view mode: every\n  // row here is already held by the viewer, so claim gestures don't apply.\n  const [searchParams, setSearchParams] = useSearchParams();\n  const viewParam = searchParams.get('view');\n  const setViewParam = useCallback((v: 'table' | 'rich' | null) => {\n    setSearchParams((prev) => {\n      const p = new URLSearchParams(prev);\n      if (v) p.set('view', v); else p.delete('view');\n      return p;\n    }, { replace: true });\n  }, [setSearchParams]);\n  const singleRole = filters.role || null;\n  const listSchemaQuery = useRoleListSchema(singleRole ?? '', undefined, !!singleRole);\n  const listSchema = (listSchemaQuery.data?.list_schema ?? null) as Record<string, any> | null;\n  const hasRichView = !!singleRole && !!listSchema\n    && !!listSchema['x-lt-layout'] && listSchema['x-lt-layout'] !== 'table';\n  const useRichView = hasRichView && (viewParam ? viewParam === 'rich' : true);\n\n  const escalationQuery = {\n    assigned_to: user?.userId,\n    status: 'pending',\n    role: filters.role || undefined,\n    type: filters.type || undefined,\n    priority: filters.priority ? parseInt(filters.priority) : undefined,\n    search: debouncedSearch || undefined,\n    sort_by: sort.sort_by || 'created_at',\n    order: sort.order || 'desc',\n  };\n\n  const { data, isLoading, error: queryError, refetch, isFetching } = useEscalations({\n    ...escalationQuery,\n    limit: pagination.pageSize,\n    offset: pagination.offset,\n  });\n\n  // Search is server-side (full result set) — results and total come straight\n  // from the query, no client-side filtering of the current page.\n  const activeClaims = data?.escalations ?? [];\n  const total = data?.total ?? 0;\n\n  // Copy-URL/curl path built from the SAME params the query sends.\n  const apiPath = buildApiPath('/escalations', {\n    ...escalationQuery,\n    limit: pagination.pageSize,\n    offset: pagination.offset,\n  });\n\n  const releaseColumn: Column<LTEscalationRecord> = {\n    key: 'actions',\n    label: '',\n    render: (row) => (\n      <RowActionGroup>\n        <RowAction\n          icon={LockOpen}\n          title=\"Release escalation\"\n          onClick={() => release.mutate(row.id)}\n          alwaysVisible\n          colorClass=\"text-status-warning/40 hover:text-status-warning\"\n        />\n      </RowActionGroup>\n    ),\n    className: 'w-16 text-right',\n  };\n\n  // Time-left first (aligns with checkbox on All Escalations), then summary + base columns + actions\n  const columns: Column<LTEscalationRecord>[] = [\n    TIME_LEFT_COLUMN,\n    ...ESCALATION_COLUMNS,\n    releaseColumn,\n  ];\n\n  const openDetail = (row: LTEscalationRecord) =>\n    navigate(`/escalations/detail/${row.id}`, { state: { from: '/escalations/queue' } });\n\n  return (\n    <div>\n      <PageHeader title=\"My Escalations\" />\n\n      <EscalationFilterBar\n        filters={filters}\n        setFilter={setFilter}\n        roles={rolesData?.roles ?? []}\n        types={typesData?.types ?? []}\n        actions={\n          <>\n            <ListToolbar\n              onRefresh={() => refetch()}\n              isFetching={isFetching}\n              apiPath={apiPath}\n            />\n            {hasRichView && (\n              <button\n                onClick={() => setViewParam(useRichView ? 'table' : 'rich')}\n                className=\"ml-2 inline-flex h-7 w-7 items-center justify-center rounded text-text-tertiary hover:bg-surface-hover hover:text-text-primary transition-colors\"\n                title={useRichView ? 'Table view' : 'Rich view'}\n              >\n                {useRichView\n                  ? <Table className=\"w-4 h-4\" />\n                  : <LayoutList className=\"w-4 h-4\" />}\n              </button>\n            )}\n            <button\n              onClick={pinCurrentView}\n              className=\"ml-2 inline-flex h-7 w-7 items-center justify-center rounded text-text-tertiary hover:bg-surface-hover hover:text-accent transition-colors\"\n              title=\"Pin this view — save the current filters to your Pinned section\"\n              data-testid=\"pin-current-view\"\n            >\n              <Pin className=\"w-4 h-4\" />\n            </button>\n          </>\n        }\n      />\n\n      {queryError && (\n        <div className=\"mb-4 px-4 py-3 rounded-md bg-status-error/10 border border-status-error/20 text-xs text-status-error\">\n          {(queryError as Error).message === 'Session expired'\n            ? 'Your session has expired. Please log in again.'\n            : `Failed to load escalations: ${(queryError as Error).message}`}\n        </div>\n      )}\n\n      {useRichView ? (\n        <EscalationListView\n          role={singleRole!}\n          listSchema={listSchema!}\n          activeEscalations={activeClaims}\n          onRowClick={openDetail}\n          forceViewAction\n          total={total}\n          page={pagination.page}\n          totalPages={pagination.totalPages(total)}\n          pageSize={pagination.pageSize}\n          onPageChange={pagination.setPage}\n          onPageSizeChange={pagination.setPageSize}\n        />\n      ) : (\n        <>\n          <DataTable\n            columns={columns}\n            data={activeClaims}\n            layout=\"fixed\"\n            keyFn={(row) => row.id}\n            onRowClick={openDetail}\n            isLoading={isLoading}\n            emptyMessage={queryError ? 'Unable to load data' : 'No assigned escalations'}\n            sort={sort}\n            onSort={setSort}\n          />\n\n          <StickyPagination\n            page={pagination.page}\n            totalPages={pagination.totalPages(total)}\n            onPageChange={pagination.setPage}\n            total={total}\n            pageSize={pagination.pageSize}\n            onPageSizeChange={pagination.setPageSize}\n          />\n        </>\n      )}\n    </div>\n  );\n}\n"],"names":["OperatorDashboard","navigate","useNavigate","user","useAuth","filters","setFilter","pagination","sort","setSort","useFilterParams","useEscalationListEvents","debouncedSearch","useDebouncedValue","release","useReleaseEscalation","rolesData","useRoles","typesData","useEscalationTypes","location","useLocation","prefsData","usePreferences","patchPrefs","usePatchPreferences","pinCurrentView","useCallback","label","existing","_a","newPinId","searchParams","setSearchParams","useSearchParams","viewParam","setViewParam","v","prev","p","singleRole","listSchema","useRoleListSchema","hasRichView","useRichView","escalationQuery","data","isLoading","queryError","refetch","isFetching","useEscalations","activeClaims","total","apiPath","buildApiPath","releaseColumn","row","jsx","RowActionGroup","RowAction","LockOpen","columns","TIME_LEFT_COLUMN","ESCALATION_COLUMNS","openDetail","PageHeader","EscalationFilterBar","jsxs","Fragment","ListToolbar","Table","LayoutList","Pin","EscalationListView","DataTable","StickyPagination"],"mappings":"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"}

package/dashboard/dist/assets/{PageHeader-DlcE3U5L.js → PageHeader-Bw8RNkqR.js}

@@ -1,2 +1,2 @@
-import{j as e}from"./vendor-query-B2UbickB.js";import{B as n}from"./vendor-icons-BE_WrH2z.js";function c({title:s,actions:t,center:a,docsHash:i}){return e.jsxs("div",{className:"flex items-center gap-4 mb-10",children:[e.jsxs("div",{className:"flex items-center gap-2 flex-1 min-w-0",children:[e.jsx("h1",{className:"heading-1 min-w-0 truncate",title:typeof s=="string"?s:void 0,children:s}),i&&e.jsx("button",{onClick:()=>{window.location.hash=i},className:"text-text-quaternary hover:text-accent transition-colors mt-1",title:"Open docs for this page",children:e.jsx(n,{className:"w-4 h-4",strokeWidth:1.5})})]}),a,t&&e.jsx("div",{className:`flex items-center gap-3 ${a?"flex-1 justify-end":""}`,children:t})]})}export{c as P};
-//# sourceMappingURL=PageHeader-DlcE3U5L.js.map
+import{j as e}from"./vendor-query-B2UbickB.js";import{B as n}from"./vendor-icons-DN9yGSuM.js";function c({title:s,actions:t,center:a,docsHash:i}){return e.jsxs("div",{className:"flex items-center gap-4 mb-10",children:[e.jsxs("div",{className:"flex items-center gap-2 flex-1 min-w-0",children:[e.jsx("h1",{className:"heading-1 min-w-0 truncate",title:typeof s=="string"?s:void 0,children:s}),i&&e.jsx("button",{onClick:()=>{window.location.hash=i},className:"text-text-quaternary hover:text-accent transition-colors mt-1",title:"Open docs for this page",children:e.jsx(n,{className:"w-4 h-4",strokeWidth:1.5})})]}),a,t&&e.jsx("div",{className:`flex items-center gap-3 ${a?"flex-1 justify-end":""}`,children:t})]})}export{c as P};
+//# sourceMappingURL=PageHeader-Bw8RNkqR.js.map

package/dashboard/dist/assets/{PageHeader-DlcE3U5L.js.map → PageHeader-Bw8RNkqR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PageHeader-DlcE3U5L.js","sources":["../../src/components/common/layout/PageHeader.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { BookOpen } from 'lucide-react';\n\ninterface PageHeaderProps {\n  title: string | ReactNode;\n  actions?: ReactNode;\n  /** Optional element centered between the title and the actions (e.g. a sparkline). */\n  center?: ReactNode;\n  /** Hash link to open the docs drawer to a specific section, e.g. \"#docs=dashboard.md#workflow-registry\" */\n  docsHash?: string;\n}\n\nexport function PageHeader({ title, actions, center, docsHash }: PageHeaderProps) {\n  return (\n    <div className=\"flex items-center gap-4 mb-10\">\n      <div className=\"flex items-center gap-2 flex-1 min-w-0\">\n        <h1\n          className=\"heading-1 min-w-0 truncate\"\n          title={typeof title === 'string' ? title : undefined}\n        >\n          {title}\n        </h1>\n        {docsHash && (\n          <button\n            onClick={() => { window.location.hash = docsHash; }}\n            className=\"text-text-quaternary hover:text-accent transition-colors mt-1\"\n            title=\"Open docs for this page\"\n          >\n            <BookOpen className=\"w-4 h-4\" strokeWidth={1.5} />\n          </button>\n        )}\n      </div>\n      {center}\n      {actions && (\n        <div className={`flex items-center gap-3 ${center ? 'flex-1 justify-end' : ''}`}>{actions}</div>\n      )}\n    </div>\n  );\n}\n"],"names":["PageHeader","title","actions","center","docsHash","jsxs","jsx","BookOpen"],"mappings":"8FAYO,SAASA,EAAW,CAAE,MAAAC,EAAO,QAAAC,EAAS,OAAAC,EAAQ,SAAAC,GAA6B,CAChF,OACEC,EAAAA,KAAC,MAAA,CAAI,UAAU,gCACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAC,EAAAA,IAAC,KAAA,CACC,UAAU,6BACV,MAAO,OAAOL,GAAU,SAAWA,EAAQ,OAE1C,SAAAA,CAAA,CAAA,EAEFG,GACCE,EAAAA,IAAC,SAAA,CACC,QAAS,IAAM,CAAE,OAAO,SAAS,KAAOF,CAAU,EAClD,UAAU,gEACV,MAAM,0BAEN,SAAAE,EAAAA,IAACC,EAAA,CAAS,UAAU,UAAU,YAAa,GAAA,CAAK,CAAA,CAAA,CAClD,EAEJ,EACCJ,EACAD,SACE,MAAA,CAAI,UAAW,2BAA2BC,EAAS,qBAAuB,EAAE,GAAK,SAAAD,CAAA,CAAQ,CAAA,EAE9F,CAEJ"}
+{"version":3,"file":"PageHeader-Bw8RNkqR.js","sources":["../../src/components/common/layout/PageHeader.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { BookOpen } from 'lucide-react';\n\ninterface PageHeaderProps {\n  title: string | ReactNode;\n  actions?: ReactNode;\n  /** Optional element centered between the title and the actions (e.g. a sparkline). */\n  center?: ReactNode;\n  /** Hash link to open the docs drawer to a specific section, e.g. \"#docs=dashboard.md#workflow-registry\" */\n  docsHash?: string;\n}\n\nexport function PageHeader({ title, actions, center, docsHash }: PageHeaderProps) {\n  return (\n    <div className=\"flex items-center gap-4 mb-10\">\n      <div className=\"flex items-center gap-2 flex-1 min-w-0\">\n        <h1\n          className=\"heading-1 min-w-0 truncate\"\n          title={typeof title === 'string' ? title : undefined}\n        >\n          {title}\n        </h1>\n        {docsHash && (\n          <button\n            onClick={() => { window.location.hash = docsHash; }}\n            className=\"text-text-quaternary hover:text-accent transition-colors mt-1\"\n            title=\"Open docs for this page\"\n          >\n            <BookOpen className=\"w-4 h-4\" strokeWidth={1.5} />\n          </button>\n        )}\n      </div>\n      {center}\n      {actions && (\n        <div className={`flex items-center gap-3 ${center ? 'flex-1 justify-end' : ''}`}>{actions}</div>\n      )}\n    </div>\n  );\n}\n"],"names":["PageHeader","title","actions","center","docsHash","jsxs","jsx","BookOpen"],"mappings":"8FAYO,SAASA,EAAW,CAAE,MAAAC,EAAO,QAAAC,EAAS,OAAAC,EAAQ,SAAAC,GAA6B,CAChF,OACEC,EAAAA,KAAC,MAAA,CAAI,UAAU,gCACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAC,EAAAA,IAAC,KAAA,CACC,UAAU,6BACV,MAAO,OAAOL,GAAU,SAAWA,EAAQ,OAE1C,SAAAA,CAAA,CAAA,EAEFG,GACCE,EAAAA,IAAC,SAAA,CACC,QAAS,IAAM,CAAE,OAAO,SAAS,KAAOF,CAAU,EAClD,UAAU,gEACV,MAAM,0BAEN,SAAAE,EAAAA,IAACC,EAAA,CAAS,UAAU,UAAU,YAAa,GAAA,CAAK,CAAA,CAAA,CAClD,EAEJ,EACCJ,EACAD,SACE,MAAA,CAAI,UAAW,2BAA2BC,EAAS,qBAAuB,EAAE,GAAK,SAAAD,CAAA,CAAQ,CAAA,EAE9F,CAEJ"}

package/dashboard/dist/assets/{PageHeaderWithStats-BMhnR3-9.js → PageHeaderWithStats-NR_4idn6.js}

@@ -1,2 +1,2 @@
-import{j as e}from"./vendor-query-B2UbickB.js";import{B as r}from"./vendor-icons-BE_WrH2z.js";function m({title:n,subtitle:a,stats:t,actions:l,docsHash:i}){return e.jsxs("div",{className:"flex items-baseline justify-between mb-10",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("h1",{className:"heading-1",children:n}),i&&e.jsx("button",{onClick:()=>{window.location.hash=i},className:"text-text-quaternary hover:text-accent transition-colors mt-1",title:"Open docs for this page",children:e.jsx(r,{className:"w-4 h-4",strokeWidth:1.5})})]}),a&&e.jsx("span",{className:"text-sm text-text-tertiary font-light",children:a})]}),e.jsxs("div",{className:"flex items-center gap-5",children:[t==null?void 0:t.map(s=>e.jsxs("div",{className:"flex items-center gap-1.5 text-xs text-text-tertiary",children:[s.dotClass&&e.jsx("span",{className:`w-1.5 h-1.5 rounded-full dot-ring ${s.dotClass}`}),e.jsx("span",{children:s.label}),e.jsx("span",{className:"font-medium text-text-secondary",children:s.value})]},s.label)),l&&e.jsx("div",{className:"flex items-center gap-3",children:l})]})]})}export{m as P};
-//# sourceMappingURL=PageHeaderWithStats-BMhnR3-9.js.map
+import{j as e}from"./vendor-query-B2UbickB.js";import{B as r}from"./vendor-icons-DN9yGSuM.js";function m({title:n,subtitle:a,stats:t,actions:l,docsHash:i}){return e.jsxs("div",{className:"flex items-baseline justify-between mb-10",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("h1",{className:"heading-1",children:n}),i&&e.jsx("button",{onClick:()=>{window.location.hash=i},className:"text-text-quaternary hover:text-accent transition-colors mt-1",title:"Open docs for this page",children:e.jsx(r,{className:"w-4 h-4",strokeWidth:1.5})})]}),a&&e.jsx("span",{className:"text-sm text-text-tertiary font-light",children:a})]}),e.jsxs("div",{className:"flex items-center gap-5",children:[t==null?void 0:t.map(s=>e.jsxs("div",{className:"flex items-center gap-1.5 text-xs text-text-tertiary",children:[s.dotClass&&e.jsx("span",{className:`w-2.5 h-2.5 rounded-full dot-ring ${s.dotClass}`}),e.jsx("span",{children:s.label}),e.jsx("span",{className:"font-medium text-text-secondary",children:s.value})]},s.label)),l&&e.jsx("div",{className:"flex items-center gap-3",children:l})]})]})}export{m as P};
+//# sourceMappingURL=PageHeaderWithStats-NR_4idn6.js.map

package/dashboard/dist/assets/{PageHeaderWithStats-BMhnR3-9.js.map → PageHeaderWithStats-NR_4idn6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PageHeaderWithStats-BMhnR3-9.js","sources":["../../src/components/common/layout/PageHeaderWithStats.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { BookOpen } from 'lucide-react';\n\nexport interface InlineStat {\n  label: string;\n  value: string | number;\n  dotClass?: string;\n}\n\ninterface PageHeaderWithStatsProps {\n  title: string;\n  subtitle?: string;\n  stats?: InlineStat[];\n  actions?: ReactNode;\n  docsHash?: string;\n}\n\nexport function PageHeaderWithStats({\n  title,\n  subtitle,\n  stats,\n  actions,\n  docsHash,\n}: PageHeaderWithStatsProps) {\n  return (\n    <div className=\"flex items-baseline justify-between mb-10\">\n      <div className=\"flex items-center gap-4\">\n        <div className=\"flex items-center gap-2\">\n          <h1 className=\"heading-1\">{title}</h1>\n          {docsHash && (\n            <button\n              onClick={() => { window.location.hash = docsHash; }}\n              className=\"text-text-quaternary hover:text-accent transition-colors mt-1\"\n              title=\"Open docs for this page\"\n            >\n              <BookOpen className=\"w-4 h-4\" strokeWidth={1.5} />\n            </button>\n          )}\n        </div>\n        {subtitle && (\n          <span className=\"text-sm text-text-tertiary font-light\">{subtitle}</span>\n        )}\n      </div>\n      <div className=\"flex items-center gap-5\">\n        {stats?.map((s) => (\n          <div key={s.label} className=\"flex items-center gap-1.5 text-xs text-text-tertiary\">\n            {s.dotClass && <span className={`w-1.5 h-1.5 rounded-full dot-ring ${s.dotClass}`} />}\n            <span>{s.label}</span>\n            <span className=\"font-medium text-text-secondary\">{s.value}</span>\n          </div>\n        ))}\n        {actions && <div className=\"flex items-center gap-3\">{actions}</div>}\n      </div>\n    </div>\n  );\n}\n"],"names":["PageHeaderWithStats","title","subtitle","stats","actions","docsHash","jsxs","jsx","BookOpen"],"mappings":"8FAiBO,SAASA,EAAoB,CAClC,MAAAC,EACA,SAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,CACF,EAA6B,CAC3B,OACEC,EAAAA,KAAC,MAAA,CAAI,UAAU,4CACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAC,EAAAA,IAAC,KAAA,CAAG,UAAU,YAAa,SAAAN,EAAM,EAChCI,GACCE,EAAAA,IAAC,SAAA,CACC,QAAS,IAAM,CAAE,OAAO,SAAS,KAAOF,CAAU,EAClD,UAAU,gEACV,MAAM,0BAEN,SAAAE,EAAAA,IAACC,EAAA,CAAS,UAAU,UAAU,YAAa,GAAA,CAAK,CAAA,CAAA,CAClD,EAEJ,EACCN,GACCK,EAAAA,IAAC,OAAA,CAAK,UAAU,wCAAyC,SAAAL,CAAA,CAAS,CAAA,EAEtE,EACAI,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACZ,SAAA,CAAAH,GAAA,YAAAA,EAAO,IAAK,GACXG,EAAAA,KAAC,MAAA,CAAkB,UAAU,uDAC1B,SAAA,CAAA,EAAE,UAAYC,MAAC,OAAA,CAAK,UAAW,qCAAqC,EAAE,QAAQ,GAAI,EACnFA,EAAAA,IAAC,OAAA,CAAM,SAAA,EAAE,KAAA,CAAM,EACfA,EAAAA,IAAC,OAAA,CAAK,UAAU,kCAAmC,WAAE,KAAA,CAAM,CAAA,GAHnD,EAAE,KAIZ,GAEDH,GAAWG,EAAAA,IAAC,MAAA,CAAI,UAAU,0BAA2B,SAAAH,CAAA,CAAQ,CAAA,CAAA,CAChE,CAAA,EACF,CAEJ"}
+{"version":3,"file":"PageHeaderWithStats-NR_4idn6.js","sources":["../../src/components/common/layout/PageHeaderWithStats.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { BookOpen } from 'lucide-react';\n\nexport interface InlineStat {\n  label: string;\n  value: string | number;\n  dotClass?: string;\n}\n\ninterface PageHeaderWithStatsProps {\n  title: string;\n  subtitle?: string;\n  stats?: InlineStat[];\n  actions?: ReactNode;\n  docsHash?: string;\n}\n\nexport function PageHeaderWithStats({\n  title,\n  subtitle,\n  stats,\n  actions,\n  docsHash,\n}: PageHeaderWithStatsProps) {\n  return (\n    <div className=\"flex items-baseline justify-between mb-10\">\n      <div className=\"flex items-center gap-4\">\n        <div className=\"flex items-center gap-2\">\n          <h1 className=\"heading-1\">{title}</h1>\n          {docsHash && (\n            <button\n              onClick={() => { window.location.hash = docsHash; }}\n              className=\"text-text-quaternary hover:text-accent transition-colors mt-1\"\n              title=\"Open docs for this page\"\n            >\n              <BookOpen className=\"w-4 h-4\" strokeWidth={1.5} />\n            </button>\n          )}\n        </div>\n        {subtitle && (\n          <span className=\"text-sm text-text-tertiary font-light\">{subtitle}</span>\n        )}\n      </div>\n      <div className=\"flex items-center gap-5\">\n        {stats?.map((s) => (\n          <div key={s.label} className=\"flex items-center gap-1.5 text-xs text-text-tertiary\">\n            {s.dotClass && <span className={`w-2.5 h-2.5 rounded-full dot-ring ${s.dotClass}`} />}\n            <span>{s.label}</span>\n            <span className=\"font-medium text-text-secondary\">{s.value}</span>\n          </div>\n        ))}\n        {actions && <div className=\"flex items-center gap-3\">{actions}</div>}\n      </div>\n    </div>\n  );\n}\n"],"names":["PageHeaderWithStats","title","subtitle","stats","actions","docsHash","jsxs","jsx","BookOpen"],"mappings":"8FAiBO,SAASA,EAAoB,CAClC,MAAAC,EACA,SAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,CACF,EAA6B,CAC3B,OACEC,EAAAA,KAAC,MAAA,CAAI,UAAU,4CACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAC,EAAAA,IAAC,KAAA,CAAG,UAAU,YAAa,SAAAN,EAAM,EAChCI,GACCE,EAAAA,IAAC,SAAA,CACC,QAAS,IAAM,CAAE,OAAO,SAAS,KAAOF,CAAU,EAClD,UAAU,gEACV,MAAM,0BAEN,SAAAE,EAAAA,IAACC,EAAA,CAAS,UAAU,UAAU,YAAa,GAAA,CAAK,CAAA,CAAA,CAClD,EAEJ,EACCN,GACCK,EAAAA,IAAC,OAAA,CAAK,UAAU,wCAAyC,SAAAL,CAAA,CAAS,CAAA,EAEtE,EACAI,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACZ,SAAA,CAAAH,GAAA,YAAAA,EAAO,IAAK,GACXG,EAAAA,KAAC,MAAA,CAAkB,UAAU,uDAC1B,SAAA,CAAA,EAAE,UAAYC,MAAC,OAAA,CAAK,UAAW,qCAAqC,EAAE,QAAQ,GAAI,EACnFA,EAAAA,IAAC,OAAA,CAAM,SAAA,EAAE,KAAA,CAAM,EACfA,EAAAA,IAAC,OAAA,CAAK,UAAU,kCAAmC,WAAE,KAAA,CAAM,CAAA,GAHnD,EAAE,KAIZ,GAEDH,GAAWG,EAAAA,IAAC,MAAA,CAAI,UAAU,0BAA2B,SAAAH,CAAA,CAAQ,CAAA,CAAA,CAChE,CAAA,EACF,CAEJ"}

package/dashboard/dist/assets/PersonaDetailPage-DKILoUqL.js

@@ -0,0 +1,2 @@
+import{a as u,j as e}from"./vendor-query-B2UbickB.js";import{e as S,f as R,g as C,h as D,i as L}from"./personas-BsARc3df.js";import{G as y}from"./index-Dh3CVChT.js";import{R as _}from"./RolePill-TySZq7dB.js";import{S as A}from"./ScopeBadge-C7Uixtmk.js";import{A as T}from"./AutoGrowTextarea-y-oNY51_.js";import{C as I}from"./ConfirmDeleteModal-DD7SEMeX.js";import{D as $,B as O,a2 as q,T as E,aJ as M,I as W,aK as U,P as B}from"./vendor-icons-DN9yGSuM.js";import{e as F,a as G,L as k}from"./vendor-react-BpdAFEQc.js";import"./Modal-CA2Iv02H.js";const v=[{value:"write-all",label:"Write · act on all",read_scope:"all",write_scope:"all"},{value:"write-self",label:"Write · act on self",read_scope:"all",write_scope:"self"},{value:"read-all",label:"Read-only observer",read_scope:"all",write_scope:"none"}],b="write-all";function K(r){return v.find(l=>l.value===r)??v[0]}function j({icon:r,label:l,annotation:t,accent:o=!1,children:a}){const n=o?"text-accent":"text-text-tertiary";return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5 min-w-0 mb-5",children:[e.jsx(r,{className:`w-3 h-3 ${n} shrink-0`,strokeWidth:1.5}),e.jsx("span",{className:`text-2xs font-semibold uppercase tracking-widest ${n}`,children:l}),t&&e.jsxs("span",{className:"text-2xs text-text-quaternary truncate",children:["— ",t]})]}),e.jsx("div",{className:`border-l-2 pl-5 ${o?"border-accent/15":"border-surface-border/60"}`,children:a})]})}const N="block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5";function H({persona:r}){const{data:l}=y(),t=D(),o=L(),[a,n]=u.useState(""),[d,i]=u.useState(b),m=r.roles??[],p=u.useMemo(()=>{const s=new Set(m.map(x=>x.role));return((l==null?void 0:l.roles)??[]).map(x=>x.role).filter(x=>!s.has(x))},[l,m]),c=()=>{a&&t.mutate({key:r.key,role:a,relationship:d},{onSuccess:()=>{n(""),i(b)}})};return e.jsxs("div",{className:"space-y-2",children:[p.length>0&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("select",{value:a,onChange:s=>n(s.target.value),className:"select text-xs font-mono flex-1 min-w-0","aria-label":"Role to link",children:[e.jsx("option",{value:"",children:"Add role…"}),p.map(s=>e.jsx("option",{value:s,children:s},s))]}),e.jsx("select",{value:d,onChange:s=>i(s.target.value),className:"select text-xs shrink-0 w-36","aria-label":"Relationship",children:v.map(s=>e.jsx("option",{value:s.value,children:s.label},s.value))}),e.jsx("button",{onClick:c,disabled:!a||t.isPending,className:"px-2.5 py-1 text-xs rounded bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed shrink-0",children:t.isPending?"…":"Add"})]}),m.length===0?e.jsx("p",{className:"text-2xs text-text-tertiary leading-relaxed py-1",children:"Add a role above and it lands here. An assignee joins every linked role at its relationship scope."}):e.jsx("div",{className:"divide-y divide-surface-border/30",children:m.map(s=>{const x=K(s.relationship);return e.jsxs("div",{className:"flex items-center gap-2.5 py-2 min-w-0 group/link",children:[e.jsx(k,{to:`/admin/roles/${encodeURIComponent(s.role)}`,className:"min-w-0 flex-1 truncate text-text-secondary transition-colors hover:text-accent",title:s.role,children:e.jsx(_,{role:s.role,tone:"inherit"})}),e.jsx(A,{read:x.read_scope,write:x.write_scope,className:"shrink-0"}),e.jsx("select",{value:s.relationship,onChange:h=>t.mutate({key:r.key,role:s.role,relationship:h.target.value}),className:"select text-2xs w-36 shrink-0","aria-label":`Relationship for ${s.role}`,children:v.map(h=>e.jsx("option",{value:h.value,children:h.label},h.value))}),e.jsx("button",{onClick:()=>o.mutate({key:r.key,role:s.role}),className:"shrink-0 text-text-quaternary hover:text-status-error transition-colors leading-none",title:`Unlink ${s.role}`,children:"×"})]},s.role)})}),(t.error||o.error)&&e.jsx("p",{className:"text-2xs text-status-error",children:(t.error||o.error).message})]})}function J({persona:r}){const{data:l}=y(),t=u.useMemo(()=>{const a=new Map(((l==null?void 0:l.roles)??[]).map(d=>[d.role,d])),n=new Set;return(r.roles??[]).map(({role:d})=>{const i=a.get(d),m=((i==null?void 0:i.default_pins)??[]).filter(p=>{const c=`${p.label}|${p.url}`;return n.has(c)?!1:(n.add(c),!0)});return{role:d,title:(i==null?void 0:i.title)??null,pins:m}})},[l,r.roles]),o=t.reduce((a,n)=>a+n.pins.length,0);return r.roles.length===0?e.jsx("p",{className:"text-2xs text-text-tertiary leading-relaxed",children:"Link roles and their pinned views compose here — the sidebar an assignee gets the moment the persona lands."}):e.jsxs("div",{className:"space-y-5",children:[e.jsxs("p",{className:"text-2xs text-text-quaternary",children:[o," pinned ",o===1?"view":"views"," from ",t.length," ",t.length===1?"role":"roles"," — assignment composes this sidebar as-is."]}),t.map(a=>e.jsxs("div",{children:[e.jsx("p",{className:"text-2xs font-mono text-text-quaternary mb-1.5 truncate",title:a.role,children:a.title||a.role}),a.pins.length===0?e.jsx("p",{className:"text-2xs text-text-quaternary/70 pl-4",children:"no pins — set them on the role"}):e.jsx("div",{className:"space-y-0.5",children:a.pins.map(n=>e.jsxs(k,{to:n.url,className:"flex items-center gap-2 py-1 pl-1 pr-2 rounded-md text-xs text-text-secondary hover:text-accent hover:bg-surface-hover/50 transition-colors min-w-0 group/pin",title:n.url,children:[e.jsx(B,{className:"w-3 h-3 shrink-0 text-text-quaternary group-hover/pin:text-accent transition-colors",strokeWidth:1.5}),e.jsx("span",{className:"truncate flex-1 min-w-0",children:n.label}),n.badge&&e.jsx("span",{className:"w-2.5 h-2.5 rounded-full dot-ring bg-status-pending-graphic shrink-0",title:"Carries a live count"})]},`${n.label}|${n.url}`))})]},a.role))]})}function ne(){const{key:r=""}=F(),l=G(),{data:t,isLoading:o}=S(r),a=R(),n=C(),[d,i]=u.useState(!1),[m,p]=u.useState(!1),[c,s]=u.useState({title:"",description:""}),[x,h]=u.useState(null);t&&x!==t.key&&(h(t.key),s({title:t.title??"",description:t.description??""}));const w=!!t&&(c.title!==(t.title??"")||c.description!==(t.description??"")),P=()=>{t&&a.mutate({key:t.key,title:c.title.trim()||null,description:c.description.trim()||null},{onSuccess:()=>{p(!0),setTimeout(()=>p(!1),2e3)}})};return o?e.jsx("div",{className:"animate-pulse space-y-3 mt-6",children:[1,2,3].map(f=>e.jsx("div",{className:"h-10 bg-surface-sunken rounded w-full"},f))}):t?e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between gap-4 mb-12 min-w-0",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-1",children:[e.jsx($,{className:"w-5 h-5 text-accent",strokeWidth:1.5}),e.jsx("h1",{className:"text-lg font-mono font-medium text-text-primary truncate",children:t.key}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:dashboard.md:personas"},className:"text-text-quaternary hover:text-accent transition-colors",title:"Open docs for this page",children:e.jsx(O,{className:"w-4 h-4",strokeWidth:1.5})})]}),t.title&&e.jsx("p",{className:"text-sm text-text-secondary pl-8 truncate",children:t.title})]}),e.jsxs("div",{className:"flex items-center gap-3 shrink-0",children:[m&&e.jsxs("span",{className:"flex items-center gap-1 text-xs text-status-success animate-page-enter",children:[e.jsx(q,{className:"w-3 h-3"})," Saved"]}),a.error&&e.jsx("span",{className:"text-xs text-status-error max-w-[180px] truncate",children:a.error.message}),e.jsx("button",{onClick:P,disabled:!w||a.isPending,className:"px-3 py-1.5 text-xs rounded-md bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed",children:a.isPending?"Saving…":"Save"}),e.jsxs("button",{onClick:()=>i(!0),className:"px-3 py-1.5 text-xs rounded-md text-status-error/60 hover:text-status-error hover:bg-status-error/10 transition-colors flex items-center gap-1",children:[e.jsx(E,{className:"w-3 h-3"})," Delete"]})]})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-16 items-start",children:[e.jsx(j,{icon:M,label:"Identity",annotation:"name and story",accent:!0,children:e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{children:[e.jsx("label",{className:N,children:"Display Title"}),e.jsx("input",{type:"text",value:c.title,onChange:f=>s(g=>({...g,title:f.target.value})),placeholder:"e.g., Production Manager",className:"input text-sm w-full"})]}),e.jsxs("div",{children:[e.jsx("label",{className:N,children:"Description"}),e.jsx(T,{value:c.description,onChange:f=>s(g=>({...g,description:f})),placeholder:"The day in the life, one paragraph — shown wherever the persona is offered.",rows:3})]})]})}),e.jsx(j,{icon:W,label:"Roles",annotation:"membership, each at a scope",accent:!0,children:e.jsx(H,{persona:t})}),e.jsx(j,{icon:U,label:"Composed Surface",annotation:"the assignee's sidebar",children:e.jsx(J,{persona:t})})]}),e.jsx(I,{open:d,onClose:()=>i(!1),onConfirm:()=>n.mutate(t.key,{onSuccess:()=>l("/admin/personas")}),title:"Delete Persona",description:e.jsxs(e.Fragment,{children:["Delete"," ",e.jsx("span",{className:"font-medium text-text-primary",children:t.title||t.key}),"? Memberships it sustains are removed; direct grants are kept."]}),isPending:n.isPending,error:n.error})]}):e.jsxs("p",{className:"text-sm text-text-tertiary mt-8",children:["Persona '",r,"' not found."]})}export{ne as PersonaDetailPage};
+//# sourceMappingURL=PersonaDetailPage-DKILoUqL.js.map

package/dashboard/dist/assets/PersonaDetailPage-DKILoUqL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersonaDetailPage-DKILoUqL.js","sources":["../../src/lib/personaRelationship.ts","../../src/pages/admin/personas/PersonaDetailPage.tsx"],"sourcesContent":["import type { LTPersonaRelationship, LTReadScope, LTWriteScope } from '../api/types';\n\n// The relationship a persona grants on a linked role, presented the same way\n// the member scope picker presents its lattice points (see roleScope.ts).\nexport interface RelationshipOption {\n  value: LTPersonaRelationship;\n  label: string;\n  read_scope: LTReadScope;\n  write_scope: LTWriteScope;\n}\n\nexport const RELATIONSHIP_OPTIONS: RelationshipOption[] = [\n  { value: 'write-all', label: 'Write · act on all', read_scope: 'all', write_scope: 'all' },\n  { value: 'write-self', label: 'Write · act on self', read_scope: 'all', write_scope: 'self' },\n  { value: 'read-all', label: 'Read-only observer', read_scope: 'all', write_scope: 'none' },\n];\n\nexport const DEFAULT_RELATIONSHIP: LTPersonaRelationship = 'write-all';\n\nexport function relationshipOption(value: string): RelationshipOption {\n  return RELATIONSHIP_OPTIONS.find((o) => o.value === value) ?? RELATIONSHIP_OPTIONS[0];\n}\n","import { useState, useMemo } from 'react';\nimport { useParams, useNavigate, Link } from 'react-router-dom';\nimport {\n  Drama, Tag, Inbox, Pin, PanelLeft, BookOpen, Check, Trash2,\n} from 'lucide-react';\nimport {\n  usePersona,\n  useUpdatePersona,\n  useDeletePersona,\n  useLinkPersonaRole,\n  useUnlinkPersonaRole,\n} from '../../../api/personas';\nimport { useRoleDetails } from '../../../api/roles';\nimport type { LTPersonaDetail, LTPersonaRelationship } from '../../../api/types';\nimport { RolePill } from '../../../components/common/display/RolePill';\nimport { ScopeBadge } from '../../../components/common/display/ScopeBadge';\nimport { AutoGrowTextarea } from '../../../components/common/form/AutoGrowTextarea';\nimport { ConfirmDeleteModal } from '../../../components/common/modal/ConfirmDeleteModal';\nimport {\n  RELATIONSHIP_OPTIONS,\n  DEFAULT_RELATIONSHIP,\n  relationshipOption,\n} from '../../../lib/personaRelationship';\n\n// ── Section group — eyebrow (icon + tiny title + annotation) over a left-ruled\n//    body. The same single grouping treatment the Role config page uses. ──────\n\nfunction SectionGroup({\n  icon: Icon,\n  label,\n  annotation,\n  accent = false,\n  children,\n}: {\n  icon: React.ElementType;\n  label: string;\n  annotation?: string;\n  accent?: boolean;\n  children: React.ReactNode;\n}) {\n  const hue = accent ? 'text-accent' : 'text-text-tertiary';\n  return (\n    <div>\n      <div className=\"flex items-center gap-1.5 min-w-0 mb-5\">\n        <Icon className={`w-3 h-3 ${hue} shrink-0`} strokeWidth={1.5} />\n        <span className={`text-2xs font-semibold uppercase tracking-widest ${hue}`}>{label}</span>\n        {annotation && (\n          <span className=\"text-2xs text-text-quaternary truncate\">— {annotation}</span>\n        )}\n      </div>\n      <div className={`border-l-2 pl-5 ${accent ? 'border-accent/15' : 'border-surface-border/60'}`}>\n        {children}\n      </div>\n    </div>\n  );\n}\n\nconst FIELD_LABEL = 'block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5';\n\n// ── Roles — the bundle's rules, live-saved ───────────────────────────────────\n\nfunction RoleLinksSection({ persona }: { persona: LTPersonaDetail }) {\n  const { data: rolesData } = useRoleDetails();\n  const linkRole = useLinkPersonaRole();\n  const unlinkRole = useUnlinkPersonaRole();\n  const [newRole, setNewRole] = useState('');\n  const [newRelationship, setNewRelationship] = useState<LTPersonaRelationship>(DEFAULT_RELATIONSHIP);\n\n  const linked = persona.roles ?? [];\n  const available = useMemo(() => {\n    const set = new Set(linked.map((r) => r.role));\n    return (rolesData?.roles ?? []).map((r) => r.role).filter((r) => !set.has(r));\n  }, [rolesData, linked]);\n\n  const handleAdd = () => {\n    if (!newRole) return;\n    linkRole.mutate(\n      { key: persona.key, role: newRole, relationship: newRelationship },\n      { onSuccess: () => { setNewRole(''); setNewRelationship(DEFAULT_RELATIONSHIP); } },\n    );\n  };\n\n  return (\n    <div className=\"space-y-2\">\n      {available.length > 0 && (\n        <div className=\"flex items-center gap-2\">\n          <select\n            value={newRole}\n            onChange={(e) => setNewRole(e.target.value)}\n            className=\"select text-xs font-mono flex-1 min-w-0\"\n            aria-label=\"Role to link\"\n          >\n            <option value=\"\">Add role…</option>\n            {available.map((r) => <option key={r} value={r}>{r}</option>)}\n          </select>\n          <select\n            value={newRelationship}\n            onChange={(e) => setNewRelationship(e.target.value as LTPersonaRelationship)}\n            className=\"select text-xs shrink-0 w-36\"\n            aria-label=\"Relationship\"\n          >\n            {RELATIONSHIP_OPTIONS.map((o) => (\n              <option key={o.value} value={o.value}>{o.label}</option>\n            ))}\n          </select>\n          <button\n            onClick={handleAdd}\n            disabled={!newRole || linkRole.isPending}\n            className=\"px-2.5 py-1 text-xs rounded bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed shrink-0\"\n          >\n            {linkRole.isPending ? '…' : 'Add'}\n          </button>\n        </div>\n      )}\n\n      {linked.length === 0 ? (\n        <p className=\"text-2xs text-text-tertiary leading-relaxed py-1\">\n          Add a role above and it lands here. An assignee joins every linked\n          role at its relationship scope.\n        </p>\n      ) : (\n        <div className=\"divide-y divide-surface-border/30\">\n          {linked.map((r) => {\n            const opt = relationshipOption(r.relationship);\n            return (\n              <div key={r.role} className=\"flex items-center gap-2.5 py-2 min-w-0 group/link\">\n                <Link\n                  to={`/admin/roles/${encodeURIComponent(r.role)}`}\n                  className=\"min-w-0 flex-1 truncate text-text-secondary transition-colors hover:text-accent\"\n                  title={r.role}\n                >\n                  <RolePill role={r.role} tone=\"inherit\" />\n                </Link>\n                <ScopeBadge read={opt.read_scope} write={opt.write_scope} className=\"shrink-0\" />\n                <select\n                  value={r.relationship}\n                  onChange={(e) =>\n                    linkRole.mutate({ key: persona.key, role: r.role, relationship: e.target.value })\n                  }\n                  className=\"select text-2xs w-36 shrink-0\"\n                  aria-label={`Relationship for ${r.role}`}\n                >\n                  {RELATIONSHIP_OPTIONS.map((o) => (\n                    <option key={o.value} value={o.value}>{o.label}</option>\n                  ))}\n                </select>\n                <button\n                  onClick={() => unlinkRole.mutate({ key: persona.key, role: r.role })}\n                  className=\"shrink-0 text-text-quaternary hover:text-status-error transition-colors leading-none\"\n                  title={`Unlink ${r.role}`}\n                >\n                  &times;\n                </button>\n              </div>\n            );\n          })}\n        </div>\n      )}\n\n      {(linkRole.error || unlinkRole.error) && (\n        <p className=\"text-2xs text-status-error\">\n          {((linkRole.error || unlinkRole.error) as Error).message}\n        </p>\n      )}\n    </div>\n  );\n}\n\n// ── Composed surface — the sidebar an assignee actually gets ─────────────────\n\nfunction ComposedSurfaceSection({ persona }: { persona: LTPersonaDetail }) {\n  const { data: rolesData } = useRoleDetails();\n\n  // The union of the linked roles' default pins, in link order, deduped the way\n  // the live sidebar resolves them (first pin wins per label+url).\n  const groups = useMemo(() => {\n    const byRole = new Map((rolesData?.roles ?? []).map((r) => [r.role, r]));\n    const seen = new Set<string>();\n    return (persona.roles ?? []).map(({ role }) => {\n      const detail = byRole.get(role);\n      const pins = (detail?.default_pins ?? []).filter((p) => {\n        const id = `${p.label}|${p.url}`;\n        if (seen.has(id)) return false;\n        seen.add(id);\n        return true;\n      });\n      return { role, title: detail?.title ?? null, pins };\n    });\n  }, [rolesData, persona.roles]);\n\n  const pinCount = groups.reduce((n, g) => n + g.pins.length, 0);\n\n  if (persona.roles.length === 0) {\n    return (\n      <p className=\"text-2xs text-text-tertiary leading-relaxed\">\n        Link roles and their pinned views compose here — the sidebar an\n        assignee gets the moment the persona lands.\n      </p>\n    );\n  }\n\n  return (\n    <div className=\"space-y-5\">\n      <p className=\"text-2xs text-text-quaternary\">\n        {pinCount} pinned {pinCount === 1 ? 'view' : 'views'} from {groups.length} {groups.length === 1 ? 'role' : 'roles'} — assignment composes this sidebar as-is.\n      </p>\n      {groups.map((g) => (\n        <div key={g.role}>\n          <p className=\"text-2xs font-mono text-text-quaternary mb-1.5 truncate\" title={g.role}>\n            {g.title || g.role}\n          </p>\n          {g.pins.length === 0 ? (\n            <p className=\"text-2xs text-text-quaternary/70 pl-4\">no pins — set them on the role</p>\n          ) : (\n            <div className=\"space-y-0.5\">\n              {g.pins.map((p) => (\n                <Link\n                  key={`${p.label}|${p.url}`}\n                  to={p.url}\n                  className=\"flex items-center gap-2 py-1 pl-1 pr-2 rounded-md text-xs text-text-secondary hover:text-accent hover:bg-surface-hover/50 transition-colors min-w-0 group/pin\"\n                  title={p.url}\n                >\n                  <Pin className=\"w-3 h-3 shrink-0 text-text-quaternary group-hover/pin:text-accent transition-colors\" strokeWidth={1.5} />\n                  <span className=\"truncate flex-1 min-w-0\">{p.label}</span>\n                  {p.badge && (\n                    <span\n                      className=\"w-2.5 h-2.5 rounded-full dot-ring bg-status-pending-graphic shrink-0\"\n                      title=\"Carries a live count\"\n                    />\n                  )}\n                </Link>\n              ))}\n            </div>\n          )}\n        </div>\n      ))}\n    </div>\n  );\n}\n\n// ── Page ──────────────────────────────────────────────────────────────────────\n\nexport function PersonaDetailPage() {\n  const { key = '' } = useParams();\n  const navigate = useNavigate();\n  const { data: persona, isLoading } = usePersona(key);\n  const updatePersona = useUpdatePersona();\n  const deletePersona = useDeletePersona();\n  const [confirmDelete, setConfirmDelete] = useState(false);\n  const [savedOk, setSavedOk] = useState(false);\n\n  // Identity draft, loaded once per persona key.\n  const [draft, setDraft] = useState({ title: '', description: '' });\n  const [loadedKey, setLoadedKey] = useState<string | null>(null);\n  if (persona && loadedKey !== persona.key) {\n    setLoadedKey(persona.key);\n    setDraft({ title: persona.title ?? '', description: persona.description ?? '' });\n  }\n\n  const dirty = !!persona && (\n    draft.title !== (persona.title ?? '') || draft.description !== (persona.description ?? '')\n  );\n\n  const handleSave = () => {\n    if (!persona) return;\n    updatePersona.mutate(\n      {\n        key: persona.key,\n        title: draft.title.trim() || null,\n        description: draft.description.trim() || null,\n      },\n      {\n        onSuccess: () => {\n          setSavedOk(true);\n          setTimeout(() => setSavedOk(false), 2000);\n        },\n      },\n    );\n  };\n\n  if (isLoading) {\n    return (\n      <div className=\"animate-pulse space-y-3 mt-6\">\n        {[1, 2, 3].map((i) => (\n          <div key={i} className=\"h-10 bg-surface-sunken rounded w-full\" />\n        ))}\n      </div>\n    );\n  }\n\n  if (!persona) {\n    return <p className=\"text-sm text-text-tertiary mt-8\">Persona '{key}' not found.</p>;\n  }\n\n  return (\n    <div>\n      {/* ── Header — identity on the left, save state and actions on the right,\n          the same working header the Role config page carries. ─────────────── */}\n      <div className=\"flex items-center justify-between gap-4 mb-12 min-w-0\">\n        <div className=\"min-w-0\">\n          <div className=\"flex items-center gap-3 mb-1\">\n            <Drama className=\"w-5 h-5 text-accent\" strokeWidth={1.5} />\n            <h1 className=\"text-lg font-mono font-medium text-text-primary truncate\">{persona.key}</h1>\n            <button\n              onClick={() => { window.location.hash = '#docs:dashboard.md:personas'; }}\n              className=\"text-text-quaternary hover:text-accent transition-colors\"\n              title=\"Open docs for this page\"\n            >\n              <BookOpen className=\"w-4 h-4\" strokeWidth={1.5} />\n            </button>\n          </div>\n          {persona.title && <p className=\"text-sm text-text-secondary pl-8 truncate\">{persona.title}</p>}\n        </div>\n\n        <div className=\"flex items-center gap-3 shrink-0\">\n          {savedOk && (\n            <span className=\"flex items-center gap-1 text-xs text-status-success animate-page-enter\">\n              <Check className=\"w-3 h-3\" /> Saved\n            </span>\n          )}\n          {updatePersona.error && (\n            <span className=\"text-xs text-status-error max-w-[180px] truncate\">\n              {(updatePersona.error as Error).message}\n            </span>\n          )}\n          <button\n            onClick={handleSave}\n            disabled={!dirty || updatePersona.isPending}\n            className=\"px-3 py-1.5 text-xs rounded-md bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed\"\n          >\n            {updatePersona.isPending ? 'Saving…' : 'Save'}\n          </button>\n          <button\n            onClick={() => setConfirmDelete(true)}\n            className=\"px-3 py-1.5 text-xs rounded-md text-status-error/60 hover:text-status-error hover:bg-status-error/10 transition-colors flex items-center gap-1\"\n          >\n            <Trash2 className=\"w-3 h-3\" /> Delete\n          </button>\n        </div>\n      </div>\n\n      {/* ── Three-column body: identity · the bundle · what it composes ────── */}\n      <div className=\"grid grid-cols-3 gap-16 items-start\">\n\n        <SectionGroup icon={Tag} label=\"Identity\" annotation=\"name and story\" accent>\n          <div className=\"space-y-8\">\n            <div>\n              <label className={FIELD_LABEL}>Display Title</label>\n              <input\n                type=\"text\"\n                value={draft.title}\n                onChange={(e) => setDraft((d) => ({ ...d, title: e.target.value }))}\n                placeholder=\"e.g., Production Manager\"\n                className=\"input text-sm w-full\"\n              />\n            </div>\n            <div>\n              <label className={FIELD_LABEL}>Description</label>\n              <AutoGrowTextarea\n                value={draft.description}\n                onChange={(v) => setDraft((d) => ({ ...d, description: v }))}\n                placeholder=\"The day in the life, one paragraph — shown wherever the persona is offered.\"\n                rows={3}\n              />\n            </div>\n          </div>\n        </SectionGroup>\n\n        <SectionGroup icon={Inbox} label=\"Roles\" annotation=\"membership, each at a scope\" accent>\n          <RoleLinksSection persona={persona} />\n        </SectionGroup>\n\n        <SectionGroup icon={PanelLeft} label=\"Composed Surface\" annotation=\"the assignee's sidebar\">\n          <ComposedSurfaceSection persona={persona} />\n        </SectionGroup>\n      </div>\n\n      <ConfirmDeleteModal\n        open={confirmDelete}\n        onClose={() => setConfirmDelete(false)}\n        onConfirm={() =>\n          deletePersona.mutate(persona.key, {\n            onSuccess: () => navigate('/admin/personas'),\n          })\n        }\n        title=\"Delete Persona\"\n        description={\n          <>\n            Delete{' '}\n            <span className=\"font-medium text-text-primary\">{persona.title || persona.key}</span>\n            ? Memberships it sustains are removed; direct grants are kept.\n          </>\n        }\n        isPending={deletePersona.isPending}\n        error={deletePersona.error as Error | null}\n      />\n    </div>\n  );\n}\n"],"names":["RELATIONSHIP_OPTIONS","DEFAULT_RELATIONSHIP","relationshipOption","value","o","SectionGroup","Icon","label","annotation","accent","children","hue","jsxs","jsx","FIELD_LABEL","RoleLinksSection","persona","rolesData","useRoleDetails","linkRole","useLinkPersonaRole","unlinkRole","useUnlinkPersonaRole","newRole","setNewRole","useState","newRelationship","setNewRelationship","linked","available","useMemo","set","r","handleAdd","e","opt","Link","RolePill","ScopeBadge","ComposedSurfaceSection","groups","byRole","seen","role","detail","pins","id","pinCount","n","g","p","Pin","PersonaDetailPage","key","useParams","navigate","useNavigate","isLoading","usePersona","updatePersona","useUpdatePersona","deletePersona","useDeletePersona","confirmDelete","setConfirmDelete","savedOk","setSavedOk","draft","setDraft","loadedKey","setLoadedKey","dirty","handleSave","i","Drama","BookOpen","Check","Trash2","Tag","d","AutoGrowTextarea","v","Inbox","PanelLeft","ConfirmDeleteModal","Fragment"],"mappings":"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"}

package/dashboard/dist/assets/PersonasPage-qvzHTrFw.js

@@ -0,0 +1,2 @@
+import{a as u,j as e}from"./vendor-query-B2UbickB.js";import{d as E,e as R,b as T,c as U,u as q}from"./personas-BsARc3df.js";import{P as A}from"./PageHeader-Bw8RNkqR.js";import{R as D}from"./RolePill-TySZq7dB.js";import{M as I}from"./Modal-CA2Iv02H.js";import{a as $}from"./vendor-react-BpdAFEQc.js";import{b as K}from"./index-Dh3CVChT.js";import{u as M}from"./users-AO8lUyNr.js";import{u as O}from"./useDebouncedValue-BA5S7V54.js";import{ad as H,a1 as F}from"./vendor-icons-DN9yGSuM.js";function V({open:s,onClose:t}){const c=$(),x=E(),[a,n]=u.useState(""),[d,l]=u.useState(""),[o,p]=u.useState(""),[h,r]=u.useState(s);s!==h&&(r(s),s&&(n(""),l(""),p(""),x.reset()));const f=()=>{const i=a.trim().toLowerCase();i&&x.mutate({key:i,title:d.trim()||void 0,description:o.trim()||void 0},{onSuccess:()=>{t(),c(`/admin/personas/${encodeURIComponent(i)}`)}})};return e.jsx(I,{open:s,onClose:t,title:"Create Persona",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Key (required)"}),e.jsx("input",{type:"text",value:a,onChange:i=>n(i.target.value),placeholder:"e.g., floor-manager",className:"input text-xs w-full font-mono",onKeyDown:i=>{i.key==="Enter"&&f()}}),e.jsx("p",{className:"text-2xs text-text-tertiary mt-1",children:"Lowercase letters, numbers, hyphens, and underscores only. Stable — it names the persona everywhere."})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Title"}),e.jsx("input",{type:"text",value:d,onChange:i=>l(i.target.value),placeholder:"e.g., Floor Manager",className:"input text-xs w-full"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Description"}),e.jsx("textarea",{value:o,onChange:i=>p(i.target.value),placeholder:"The day in the life, one paragraph.",rows:3,className:"input text-xs w-full resize-y"})]}),x.error&&e.jsx("p",{className:"text-xs text-status-error",children:x.error.message}),e.jsxs("div",{className:"flex justify-end gap-3 pt-2",children:[e.jsx("button",{onClick:t,className:"btn-secondary text-xs",children:"Cancel"}),e.jsx("button",{onClick:f,disabled:!a.trim()||x.isPending,className:"btn-primary text-xs",children:x.isPending?"Creating...":"Create"})]})]})})}function z({selected:s,onSelect:t,excludeIds:c=[],placeholder:x="Search users…"}){const[a,n]=u.useState(!1),[d,l]=u.useState(""),o=u.useRef(null),p=O(d,300),h=20,{data:r,isFetching:f}=M({search:p.trim()||void 0,limit:h});u.useEffect(()=>{if(!a)return;function m(w){o.current&&!o.current.contains(w.target)&&n(!1)}return document.addEventListener("mousedown",m),()=>document.removeEventListener("mousedown",m)},[a]);const i=u.useMemo(()=>new Set(c),[c]),g=((r==null?void 0:r.users)??[]).filter(m=>!i.has(m.id)),N=(r==null?void 0:r.total)??0,k=N>((r==null?void 0:r.users.length)??0),_=(s==null?void 0:s.label)??"",L=a?d:_;return e.jsxs("div",{ref:o,className:"relative",children:[e.jsx("input",{type:"text",value:L,onFocus:()=>{n(!0),l("")},onChange:m=>{l(m.target.value),m.target.value||t(null),a||n(!0)},placeholder:x,className:"input text-xs w-full min-w-0","aria-label":"User"}),a&&e.jsxs("div",{className:"absolute z-[100] left-0 right-0 mt-1 max-h-64 overflow-y-auto rounded-md border border-surface-border bg-surface shadow-lg",children:[g.map(m=>{const w=m.display_name||m.external_id;return e.jsxs("button",{type:"button",onClick:()=>{t({id:m.id,label:w}),l(""),n(!1)},className:`w-full text-left px-3 py-2 hover:bg-surface-hover transition-colors flex items-center gap-3 min-w-0 ${(s==null?void 0:s.id)===m.id?"bg-accent/5":""}`,children:[e.jsx("span",{className:"text-xs text-text-primary truncate",children:w}),m.email&&e.jsx("span",{className:"text-2xs text-text-quaternary truncate",children:m.email})]},m.id)}),g.length===0&&e.jsx("p",{className:"px-3 py-4 text-center text-2xs text-text-quaternary",children:f?"Searching…":d?`No users match "${d}"`:"No users available"}),k&&e.jsxs("p",{className:"px-3 py-1.5 text-2xs text-text-quaternary border-t border-surface-border/60 tabular-nums",children:[g.length," of ",N," — type to narrow"]})]})]})}const C="text-2xs font-semibold uppercase tracking-widest text-text-tertiary";function W({personaKey:s}){const{data:t}=R(s??""),c=T(),x=U(),[a,n]=u.useState(null),d=(t==null?void 0:t.assignees)??[],l=()=>{!t||!a||c.mutate({userId:a.id,key:t.key},{onSuccess:()=>n(null)})};return e.jsxs("div",{className:"border-l border-surface-border pl-6 pt-4 min-h-[300px]",children:[e.jsx("p",{className:`${C} mb-4`,children:"Assignees"}),t?e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-sm text-text-primary",children:t.title||t.key}),e.jsxs("p",{className:"text-2xs text-text-tertiary mt-0.5",children:[t.roles.length," role",t.roles.length===1?"":"s"," per assignment"]})]}),d.length===0?e.jsx("p",{className:"text-xs text-text-tertiary",children:"Assign a user to compose their whole surface in one step."}):e.jsx("div",{className:"flex flex-col gap-2",children:d.map(o=>e.jsxs("span",{className:"flex items-center gap-2.5 w-full min-w-0 pl-2.5 pr-2 py-1 text-xs bg-surface-sunken rounded-full text-text-secondary",children:[e.jsx("span",{className:"flex-1 min-w-0 truncate",title:o.external_id,children:o.display_name||o.external_id}),e.jsx("span",{className:"shrink-0 text-2xs text-text-tertiary",children:e.jsx(K,{date:o.assigned_at})}),e.jsx("button",{onClick:()=>x.mutate({userId:o.id,key:t.key}),className:"shrink-0 text-text-tertiary hover:text-status-error transition-colors ml-1",title:`Unassign ${o.display_name||o.external_id}`,children:"×"})]},o.id))}),e.jsxs("div",{className:"pt-3 border-t border-surface-border space-y-2",children:[e.jsx("p",{className:C,children:"Assign User"}),e.jsx(z,{selected:a,onSelect:n,excludeIds:d.map(o=>o.id)}),e.jsx("div",{className:"flex justify-end pt-1",children:e.jsx("button",{onClick:l,disabled:!a||c.isPending,className:"btn-primary text-xs",children:c.isPending?"...":"Assign"})}),(c.error||x.error)&&e.jsx("p",{className:"text-2xs text-status-error",children:(c.error||x.error).message})]})]}):e.jsx("p",{className:"text-xs text-text-tertiary",children:"Select a persona to assign users. An assignee joins every linked role at its scope — sidebar pins and forms compose from the roles."})]})}const S="180px 140px 1fr 220px 56px 40px",P="text-text-secondary transition-colors group-hover/row:text-text-primary",v="text-2xs font-semibold uppercase tracking-widest text-text-quaternary",y="py-2",j="py-2.5";function b(s){return s.title?s.title:s.key.replace(/[-_]+/g," ").replace(/\b\w/g,t=>t.toUpperCase())}function G(){return e.jsxs("div",{className:"grid gap-4 px-3 border-b border-surface-border bg-surface",style:{gridTemplateColumns:S},children:[e.jsx("span",{className:`${v} ${y} flex items-center`,children:"Persona"}),e.jsx("span",{className:`${v} ${y} flex items-center`,children:"Key"}),e.jsx("span",{className:`${v} ${y} flex items-center`,children:"Description"}),e.jsx("span",{className:`${v} ${y} flex items-center`,children:"Roles"}),e.jsx("span",{className:`${v} ${y} flex items-center justify-end`,children:"Users"}),e.jsx("span",{className:y})]})}const Y=3;function X({persona:s,active:t,onClick:c,onConfigure:x}){const a=s.roles??[],n=a.slice(0,Y),d=a.length-n.length;return e.jsxs("div",{role:"button",tabIndex:0,onClick:c,onKeyDown:l=>{(l.key==="Enter"||l.key===" ")&&c()},className:`grid gap-4 px-3 cursor-pointer group/row transition-colors ${t?"bg-surface-hover/60":"hover:bg-surface-hover/30"}`,style:{gridTemplateColumns:S},children:[e.jsx("span",{className:`flex items-center min-w-0 text-sm truncate ${j} ${P}`,children:b(s)}),e.jsx("span",{className:`flex items-center text-xs font-mono truncate ${j} text-text-tertiary transition-colors group-hover/row:text-text-secondary`,children:s.key}),e.jsx("span",{className:`flex items-center min-w-0 text-xs text-text-tertiary truncate ${j} transition-colors group-hover/row:text-text-secondary`,children:s.description??""}),e.jsxs("div",{className:`flex items-center flex-wrap gap-x-2.5 gap-y-0.5 min-w-0 ${j}`,children:[n.map(l=>e.jsx("span",{className:"min-w-0 truncate text-text-secondary",children:e.jsx(D,{role:l.role,tone:"inherit"})},l.role)),d>0&&e.jsxs("span",{className:"text-2xs text-text-quaternary tabular-nums",children:["+",d]})]}),e.jsx("span",{className:`flex items-center justify-end text-sm tabular-nums ${j} transition-colors ${P}`,children:s.user_count>0?s.user_count:""}),e.jsx("span",{className:`flex items-center justify-end ${j}`,children:e.jsx("button",{onClick:l=>{l.stopPropagation(),x()},className:"text-text-quaternary/70 hover:text-accent transition-colors",title:`Configure ${b(s)}`,"aria-label":`Configure ${b(s)}`,children:e.jsx(F,{className:"w-3.5 h-3.5",strokeWidth:1.5})})})]})}function ie(){const s=$(),{data:t,isLoading:c}=q(),[x,a]=u.useState(!1),[n,d]=u.useState(""),[l,o]=u.useState(null),p=(t==null?void 0:t.personas)??[],h=u.useMemo(()=>{const r=[...p].sort((i,g)=>b(i).localeCompare(b(g)));if(!n.trim())return r;const f=n.toLowerCase();return r.filter(i=>{var g,N;return i.key.toLowerCase().includes(f)||b(i).toLowerCase().includes(f)||((g=i.description)==null?void 0:g.toLowerCase().includes(f))||((N=i.roles)==null?void 0:N.some(k=>k.role.toLowerCase().includes(f)))})},[p,n]);return e.jsxs("div",{children:[e.jsx(A,{title:"Personas",docsHash:"#docs:dashboard.md:personas",actions:e.jsx("button",{onClick:()=>a(!0),className:"btn-primary text-xs flex items-center gap-1.5",children:"+ Add Persona"})}),e.jsxs("div",{className:"grid grid-cols-1 @split:grid-cols-[1fr_360px] gap-6 items-start",children:[e.jsxs("div",{className:"overflow-x-clip",children:[!c&&p.length>0&&e.jsxs("div",{className:"sticky top-0 z-20 bg-surface pt-3",children:[e.jsxs("div",{className:"bg-surface-sunken rounded-lg px-5 py-3 mb-3 flex items-center gap-3",children:[e.jsx(H,{className:"w-3 h-3 text-text-quaternary shrink-0"}),e.jsx("input",{type:"text",value:n,onChange:r=>d(r.target.value),placeholder:`Search ${p.length} personas…`,className:"input w-56"}),n&&h.length!==p.length&&e.jsxs("span",{className:"text-2xs text-text-quaternary tabular-nums shrink-0",children:[h.length," of ",p.length]})]}),h.length>0&&e.jsx(G,{})]}),c?e.jsx("div",{className:"animate-pulse space-y-3 mt-6",children:[1,2,3].map(r=>e.jsx("div",{className:"h-10 bg-surface-sunken rounded w-full"},r))}):h.length===0?e.jsx("p",{className:"text-sm text-text-tertiary mt-8",children:n?"Clear the search to see all personas.":"Create a persona to bundle roles into a one-step assignment."}):e.jsx("div",{className:"divide-y divide-surface-border/30",children:h.map(r=>e.jsx(X,{persona:r,active:r.key===l,onClick:()=>o(r.key),onConfigure:()=>s(`/admin/personas/${encodeURIComponent(r.key)}`)},r.key))})]}),e.jsx("div",{className:"sticky top-4",children:e.jsx(W,{personaKey:l})})]}),e.jsx(V,{open:x,onClose:()=>a(!1)})]})}export{ie as PersonasPage};
+//# sourceMappingURL=PersonasPage-qvzHTrFw.js.map

package/dashboard/dist/assets/PersonasPage-qvzHTrFw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersonasPage-qvzHTrFw.js","sources":["../../src/pages/admin/personas/CreatePersonaModal.tsx","../../src/components/common/form/UserCombobox.tsx","../../src/pages/admin/personas/AssigneesPanel.tsx","../../src/pages/admin/personas/PersonasPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { useCreatePersona } from '../../../api/personas';\nimport { Modal } from '../../../components/common/modal/Modal';\n\nexport function CreatePersonaModal({\n  open,\n  onClose,\n}: {\n  open: boolean;\n  onClose: () => void;\n}) {\n  const navigate = useNavigate();\n  const createPersona = useCreatePersona();\n  const [key, setKey] = useState('');\n  const [title, setTitle] = useState('');\n  const [description, setDescription] = useState('');\n\n  const [prevOpen, setPrevOpen] = useState(open);\n  if (open !== prevOpen) {\n    setPrevOpen(open);\n    if (open) {\n      setKey('');\n      setTitle('');\n      setDescription('');\n      createPersona.reset();\n    }\n  }\n\n  const handleCreate = () => {\n    const trimmed = key.trim().toLowerCase();\n    if (!trimmed) return;\n    createPersona.mutate(\n      {\n        key: trimmed,\n        title: title.trim() || undefined,\n        description: description.trim() || undefined,\n      },\n      {\n        onSuccess: () => {\n          onClose();\n          // Land on the detail page to link roles right away.\n          navigate(`/admin/personas/${encodeURIComponent(trimmed)}`);\n        },\n      },\n    );\n  };\n\n  return (\n    <Modal open={open} onClose={onClose} title=\"Create Persona\">\n      <div className=\"space-y-4\">\n        <div>\n          <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1\">\n            Key (required)\n          </label>\n          <input\n            type=\"text\"\n            value={key}\n            onChange={(e) => setKey(e.target.value)}\n            placeholder=\"e.g., floor-manager\"\n            className=\"input text-xs w-full font-mono\"\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') handleCreate();\n            }}\n          />\n          <p className=\"text-2xs text-text-tertiary mt-1\">\n            Lowercase letters, numbers, hyphens, and underscores only. Stable — it names the persona everywhere.\n          </p>\n        </div>\n\n        <div>\n          <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1\">\n            Title\n          </label>\n          <input\n            type=\"text\"\n            value={title}\n            onChange={(e) => setTitle(e.target.value)}\n            placeholder=\"e.g., Floor Manager\"\n            className=\"input text-xs w-full\"\n          />\n        </div>\n\n        <div>\n          <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1\">\n            Description\n          </label>\n          <textarea\n            value={description}\n            onChange={(e) => setDescription(e.target.value)}\n            placeholder=\"The day in the life, one paragraph.\"\n            rows={3}\n            className=\"input text-xs w-full resize-y\"\n          />\n        </div>\n\n        {createPersona.error && (\n          <p className=\"text-xs text-status-error\">{(createPersona.error as Error).message}</p>\n        )}\n\n        <div className=\"flex justify-end gap-3 pt-2\">\n          <button onClick={onClose} className=\"btn-secondary text-xs\">\n            Cancel\n          </button>\n          <button\n            onClick={handleCreate}\n            disabled={!key.trim() || createPersona.isPending}\n            className=\"btn-primary text-xs\"\n          >\n            {createPersona.isPending ? 'Creating...' : 'Create'}\n          </button>\n        </div>\n      </div>\n    </Modal>\n  );\n}\n","import { useState, useRef, useEffect, useMemo } from 'react';\nimport { useUsers } from '../../../api/users';\nimport { useDebouncedValue } from '../../../hooks/useDebouncedValue';\n\nexport interface UserComboboxSelection {\n  id: string;\n  label: string;\n}\n\n/**\n * Searchable inline combobox for picking a user account. The filter drives the\n * server-side account search (name, email, external_id), so the list stays\n * bounded no matter how many accounts exist; a footer line discloses when more\n * matches remain than the page shows. Styled to match CapabilityCombobox.\n */\nexport function UserCombobox({ selected, onSelect, excludeIds = [], placeholder = 'Search users…' }: {\n  selected: UserComboboxSelection | null;\n  onSelect: (user: UserComboboxSelection | null) => void;\n  /** Accounts to hide from the results (e.g. already assigned). */\n  excludeIds?: string[];\n  placeholder?: string;\n}) {\n  const [open, setOpen] = useState(false);\n  const [filter, setFilter] = useState('');\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const debounced = useDebouncedValue(filter, 300);\n  const PAGE = 20;\n  const { data, isFetching } = useUsers({\n    search: debounced.trim() || undefined,\n    limit: PAGE,\n  });\n\n  // Close on outside click\n  useEffect(() => {\n    if (!open) return;\n    function handleClick(e: MouseEvent) {\n      if (containerRef.current && !containerRef.current.contains(e.target as Node)) {\n        setOpen(false);\n      }\n    }\n    document.addEventListener('mousedown', handleClick);\n    return () => document.removeEventListener('mousedown', handleClick);\n  }, [open]);\n\n  const excluded = useMemo(() => new Set(excludeIds), [excludeIds]);\n  const users = (data?.users ?? []).filter((u) => !excluded.has(u.id));\n  const total = data?.total ?? 0;\n  const truncated = total > (data?.users.length ?? 0);\n\n  const displayValue = selected?.label ?? '';\n  const filterText = open ? filter : displayValue;\n\n  return (\n    <div ref={containerRef} className=\"relative\">\n      <input\n        type=\"text\"\n        value={filterText}\n        onFocus={() => { setOpen(true); setFilter(''); }}\n        onChange={(e) => {\n          setFilter(e.target.value);\n          if (!e.target.value) onSelect(null);\n          if (!open) setOpen(true);\n        }}\n        placeholder={placeholder}\n        className=\"input text-xs w-full min-w-0\"\n        aria-label=\"User\"\n      />\n\n      {open && (\n        <div className=\"absolute z-[100] left-0 right-0 mt-1 max-h-64 overflow-y-auto rounded-md border border-surface-border bg-surface shadow-lg\">\n          {users.map((u) => {\n            const label = u.display_name || u.external_id;\n            return (\n              <button\n                key={u.id}\n                type=\"button\"\n                onClick={() => {\n                  onSelect({ id: u.id, label });\n                  setFilter('');\n                  setOpen(false);\n                }}\n                className={`w-full text-left px-3 py-2 hover:bg-surface-hover transition-colors flex items-center gap-3 min-w-0 ${\n                  selected?.id === u.id ? 'bg-accent/5' : ''\n                }`}\n              >\n                <span className=\"text-xs text-text-primary truncate\">{label}</span>\n                {u.email && (\n                  <span className=\"text-2xs text-text-quaternary truncate\">{u.email}</span>\n                )}\n              </button>\n            );\n          })}\n\n          {users.length === 0 && (\n            <p className=\"px-3 py-4 text-center text-2xs text-text-quaternary\">\n              {isFetching ? 'Searching…' : filter ? `No users match \"${filter}\"` : 'No users available'}\n            </p>\n          )}\n\n          {truncated && (\n            <p className=\"px-3 py-1.5 text-2xs text-text-quaternary border-t border-surface-border/60 tabular-nums\">\n              {users.length} of {total} — type to narrow\n            </p>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n","import { useState } from 'react';\nimport { usePersona, useAssignPersona, useUnassignPersona } from '../../../api/personas';\nimport { DateValue } from '../../../components/common/display/DateValue';\nimport { UserCombobox, type UserComboboxSelection } from '../../../components/common/form/UserCombobox';\n\nconst SECTION_HDR = 'text-2xs font-semibold uppercase tracking-widest text-text-tertiary';\n\n/**\n * The 90% surface: pick a persona in the list, assign a user, and they get\n * every linked role — pins, list schemas, and forms compose from the roles.\n */\nexport function AssigneesPanel({ personaKey }: { personaKey: string | null }) {\n  const { data: persona } = usePersona(personaKey ?? '');\n  const assign = useAssignPersona();\n  const unassign = useUnassignPersona();\n  const [pendingUser, setPendingUser] = useState<UserComboboxSelection | null>(null);\n\n  const assignees = persona?.assignees ?? [];\n\n  const handleAssign = () => {\n    if (!persona || !pendingUser) return;\n    assign.mutate(\n      { userId: pendingUser.id, key: persona.key },\n      { onSuccess: () => setPendingUser(null) },\n    );\n  };\n\n  return (\n    <div className=\"border-l border-surface-border pl-6 pt-4 min-h-[300px]\">\n      <p className={`${SECTION_HDR} mb-4`}>Assignees</p>\n\n      {!persona ? (\n        <p className=\"text-xs text-text-tertiary\">\n          Select a persona to assign users. An assignee joins every linked role\n          at its scope — sidebar pins and forms compose from the roles.\n        </p>\n      ) : (\n        <div className=\"space-y-4\">\n          <div>\n            <p className=\"text-sm text-text-primary\">{persona.title || persona.key}</p>\n            <p className=\"text-2xs text-text-tertiary mt-0.5\">\n              {persona.roles.length} role{persona.roles.length === 1 ? '' : 's'} per assignment\n            </p>\n          </div>\n\n          {assignees.length === 0 ? (\n            <p className=\"text-xs text-text-tertiary\">\n              Assign a user to compose their whole surface in one step.\n            </p>\n          ) : (\n            <div className=\"flex flex-col gap-2\">\n              {assignees.map((a) => (\n                <span\n                  key={a.id}\n                  className=\"flex items-center gap-2.5 w-full min-w-0 pl-2.5 pr-2 py-1 text-xs bg-surface-sunken rounded-full text-text-secondary\"\n                >\n                  <span className=\"flex-1 min-w-0 truncate\" title={a.external_id}>\n                    {a.display_name || a.external_id}\n                  </span>\n                  <span className=\"shrink-0 text-2xs text-text-tertiary\">\n                    <DateValue date={a.assigned_at} />\n                  </span>\n                  <button\n                    onClick={() => unassign.mutate({ userId: a.id, key: persona.key })}\n                    className=\"shrink-0 text-text-tertiary hover:text-status-error transition-colors ml-1\"\n                    title={`Unassign ${a.display_name || a.external_id}`}\n                  >\n                    &times;\n                  </button>\n                </span>\n              ))}\n            </div>\n          )}\n\n          <div className=\"pt-3 border-t border-surface-border space-y-2\">\n            <p className={SECTION_HDR}>Assign User</p>\n            <UserCombobox\n              selected={pendingUser}\n              onSelect={setPendingUser}\n              excludeIds={assignees.map((a) => a.id)}\n            />\n            <div className=\"flex justify-end pt-1\">\n              <button\n                onClick={handleAssign}\n                disabled={!pendingUser || assign.isPending}\n                className=\"btn-primary text-xs\"\n              >\n                {assign.isPending ? '...' : 'Assign'}\n              </button>\n            </div>\n            {(assign.error || unassign.error) && (\n              <p className=\"text-2xs text-status-error\">\n                {((assign.error || unassign.error) as Error).message}\n              </p>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n","import { useState, useMemo } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { Search, Pencil } from 'lucide-react';\nimport { usePersonas } from '../../../api/personas';\nimport type { LTPersonaRecord } from '../../../api/types';\nimport { PageHeader } from '../../../components/common/layout/PageHeader';\nimport { RolePill } from '../../../components/common/display/RolePill';\nimport { CreatePersonaModal } from './CreatePersonaModal';\nimport { AssigneesPanel } from './AssigneesPanel';\n\n// ── Grid columns ──────────────────────────────────────────────────────────────\n// PERSONA(title, 180px) | KEY(140px) | DESCRIPTION(1fr) | ROLES(220px) | USERS(56px) | CONFIGURE(40px)\n// Mirrors the Roles list: display title leads, exact key is the secondary\n// field, the bundle's role pills preview on the right. Clicking a row selects\n// it for the Assignees panel (the 90% path); the pencil opens configuration.\nconst GRID = '180px 140px 1fr 220px 56px 40px';\n\nconst CELL_TEXT = 'text-text-secondary transition-colors group-hover/row:text-text-primary';\nconst HDR = 'text-2xs font-semibold uppercase tracking-widest text-text-quaternary';\nconst CELL_PY = 'py-2';\nconst ROW_PY = 'py-2.5';\n\n/** Title Case fallback derived from the key, same convention as roles. */\nfunction displayPersonaTitle(p: LTPersonaRecord): string {\n  if (p.title) return p.title;\n  return p.key.replace(/[-_]+/g, ' ').replace(/\\b\\w/g, (c) => c.toUpperCase());\n}\n\nfunction TableHead() {\n  return (\n    <div\n      className=\"grid gap-4 px-3 border-b border-surface-border bg-surface\"\n      style={{ gridTemplateColumns: GRID }}\n    >\n      <span className={`${HDR} ${CELL_PY} flex items-center`}>Persona</span>\n      <span className={`${HDR} ${CELL_PY} flex items-center`}>Key</span>\n      <span className={`${HDR} ${CELL_PY} flex items-center`}>Description</span>\n      <span className={`${HDR} ${CELL_PY} flex items-center`}>Roles</span>\n      <span className={`${HDR} ${CELL_PY} flex items-center justify-end`}>Users</span>\n      <span className={CELL_PY} />\n    </div>\n  );\n}\n\nconst ROLE_PREVIEW_LIMIT = 3;\n\nfunction PersonaRow({ persona, active, onClick, onConfigure }: {\n  persona: LTPersonaRecord;\n  active: boolean;\n  onClick: () => void;\n  onConfigure: () => void;\n}) {\n  const roles = persona.roles ?? [];\n  const preview = roles.slice(0, ROLE_PREVIEW_LIMIT);\n  const overflow = roles.length - preview.length;\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      onClick={onClick}\n      onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') onClick(); }}\n      className={`grid gap-4 px-3 cursor-pointer group/row transition-colors ${active ? 'bg-surface-hover/60' : 'hover:bg-surface-hover/30'}`}\n      style={{ gridTemplateColumns: GRID }}\n    >\n      <span className={`flex items-center min-w-0 text-sm truncate ${ROW_PY} ${CELL_TEXT}`}>\n        {displayPersonaTitle(persona)}\n      </span>\n\n      <span className={`flex items-center text-xs font-mono truncate ${ROW_PY} text-text-tertiary transition-colors group-hover/row:text-text-secondary`}>\n        {persona.key}\n      </span>\n\n      <span className={`flex items-center min-w-0 text-xs text-text-tertiary truncate ${ROW_PY} transition-colors group-hover/row:text-text-secondary`}>\n        {persona.description ?? ''}\n      </span>\n\n      <div className={`flex items-center flex-wrap gap-x-2.5 gap-y-0.5 min-w-0 ${ROW_PY}`}>\n        {preview.map((r) => (\n          <span key={r.role} className=\"min-w-0 truncate text-text-secondary\">\n            <RolePill role={r.role} tone=\"inherit\" />\n          </span>\n        ))}\n        {overflow > 0 && (\n          <span className=\"text-2xs text-text-quaternary tabular-nums\">+{overflow}</span>\n        )}\n      </div>\n\n      <span className={`flex items-center justify-end text-sm tabular-nums ${ROW_PY} transition-colors ${CELL_TEXT}`}>\n        {persona.user_count > 0 ? persona.user_count : ''}\n      </span>\n\n      <span className={`flex items-center justify-end ${ROW_PY}`}>\n        <button\n          onClick={(e) => { e.stopPropagation(); onConfigure(); }}\n          className=\"text-text-quaternary/70 hover:text-accent transition-colors\"\n          title={`Configure ${displayPersonaTitle(persona)}`}\n          aria-label={`Configure ${displayPersonaTitle(persona)}`}\n        >\n          <Pencil className=\"w-3.5 h-3.5\" strokeWidth={1.5} />\n        </button>\n      </span>\n    </div>\n  );\n}\n\n// ── Page ──────────────────────────────────────────────────────────────────────\n\nexport function PersonasPage() {\n  const navigate = useNavigate();\n  const { data, isLoading } = usePersonas();\n  const [showCreate, setShowCreate] = useState(false);\n  const [search, setSearch] = useState('');\n  const [selectedKey, setSelectedKey] = useState<string | null>(null);\n\n  const personas = data?.personas ?? [];\n\n  const filtered = useMemo(() => {\n    const sorted = [...personas].sort((a, b) =>\n      displayPersonaTitle(a).localeCompare(displayPersonaTitle(b)),\n    );\n    if (!search.trim()) return sorted;\n    const q = search.toLowerCase();\n    return sorted.filter(\n      (p) =>\n        p.key.toLowerCase().includes(q) ||\n        displayPersonaTitle(p).toLowerCase().includes(q) ||\n        p.description?.toLowerCase().includes(q) ||\n        p.roles?.some((r) => r.role.toLowerCase().includes(q)),\n    );\n  }, [personas, search]);\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Personas\"\n        docsHash=\"#docs:dashboard.md:personas\"\n        actions={\n          <button\n            onClick={() => setShowCreate(true)}\n            className=\"btn-primary text-xs flex items-center gap-1.5\"\n          >\n            + Add Persona\n          </button>\n        }\n      />\n\n      {/* Table left, Assignees right — the same split as Accounts. Selecting a\n          row targets the panel; the row pencil opens the persona's config. */}\n      <div className=\"grid grid-cols-1 @split:grid-cols-[1fr_360px] gap-6 items-start\">\n        <div className=\"overflow-x-clip\">\n          {!isLoading && personas.length > 0 && (\n            <div className=\"sticky top-0 z-20 bg-surface pt-3\">\n              <div className=\"bg-surface-sunken rounded-lg px-5 py-3 mb-3 flex items-center gap-3\">\n                <Search className=\"w-3 h-3 text-text-quaternary shrink-0\" />\n                <input\n                  type=\"text\"\n                  value={search}\n                  onChange={(e) => setSearch(e.target.value)}\n                  placeholder={`Search ${personas.length} personas…`}\n                  className=\"input w-56\"\n                />\n                {search && filtered.length !== personas.length && (\n                  <span className=\"text-2xs text-text-quaternary tabular-nums shrink-0\">\n                    {filtered.length} of {personas.length}\n                  </span>\n                )}\n              </div>\n              {filtered.length > 0 && <TableHead />}\n            </div>\n          )}\n\n          {isLoading ? (\n            <div className=\"animate-pulse space-y-3 mt-6\">\n              {[1, 2, 3].map((i) => (\n                <div key={i} className=\"h-10 bg-surface-sunken rounded w-full\" />\n              ))}\n            </div>\n          ) : filtered.length === 0 ? (\n            <p className=\"text-sm text-text-tertiary mt-8\">\n              {search\n                ? 'Clear the search to see all personas.'\n                : 'Create a persona to bundle roles into a one-step assignment.'}\n            </p>\n          ) : (\n            <div className=\"divide-y divide-surface-border/30\">\n              {filtered.map((persona) => (\n                <PersonaRow\n                  key={persona.key}\n                  persona={persona}\n                  active={persona.key === selectedKey}\n                  onClick={() => setSelectedKey(persona.key)}\n                  onConfigure={() => navigate(`/admin/personas/${encodeURIComponent(persona.key)}`)}\n                />\n              ))}\n            </div>\n          )}\n        </div>\n\n        <div className=\"sticky top-4\">\n          <AssigneesPanel personaKey={selectedKey} />\n        </div>\n      </div>\n\n      <CreatePersonaModal open={showCreate} onClose={() => setShowCreate(false)} />\n    </div>\n  );\n}\n"],"names":["CreatePersonaModal","open","onClose","navigate","useNavigate","createPersona","useCreatePersona","key","setKey","useState","title","setTitle","description","setDescription","prevOpen","setPrevOpen","handleCreate","trimmed","jsx","Modal","jsxs","e","UserCombobox","selected","onSelect","excludeIds","placeholder","setOpen","filter","setFilter","containerRef","useRef","debounced","useDebouncedValue","PAGE","data","isFetching","useUsers","useEffect","handleClick","excluded","useMemo","users","u","total","truncated","displayValue","filterText","label","SECTION_HDR","AssigneesPanel","personaKey","persona","usePersona","assign","useAssignPersona","unassign","useUnassignPersona","pendingUser","setPendingUser","assignees","handleAssign","a","DateValue","GRID","CELL_TEXT","HDR","CELL_PY","ROW_PY","displayPersonaTitle","p","c","TableHead","ROLE_PREVIEW_LIMIT","PersonaRow","active","onClick","onConfigure","roles","preview","overflow","r","RolePill","Pencil","PersonasPage","isLoading","usePersonas","showCreate","setShowCreate","search","setSearch","selectedKey","setSelectedKey","personas","filtered","sorted","b","q","_a","_b","PageHeader","Search","i"],"mappings":"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"}

package/dashboard/dist/assets/ProcessDetailPage-C3LfeKvi.js

@@ -0,0 +1,2 @@
+import{a as b,j as e}from"./vendor-query-B2UbickB.js";import{a as z}from"./tasks-DggQdNbj.js";import{a as V}from"./useEventHooks-5uI9oI5W.js";import{D as S,f as L,C as J,u as q,a as G,J as P,S as T}from"./index-Dh3CVChT.js";import{P as K}from"./PageHeaderWithStats-NR_4idn6.js";import{S as W}from"./StatusBadge-BwUvykDo.js";import{W as Q}from"./WorkflowPill-CcUUVugA.js";import{T as y}from"./TimestampCell-Fq17Zrsu.js";import{L as D,e as X}from"./vendor-react-BpdAFEQc.js";import{R as Y}from"./RolePill-TySZq7dB.js";import{U as Z}from"./UserName-DggcLkSc.js";import"./vendor-icons-DN9yGSuM.js";import"./users-AO8lUyNr.js";const ee="bg-stripes animate-pulse opacity-70";function $(t){switch(t){case"completed":return"text-status-success";case"in_progress":case"pending":return"text-status-warning";case"needs_intervention":return"text-status-error";case"cancelled":return"text-text-tertiary";default:return"text-text-tertiary"}}function I(t){switch(t){case"resolved":return"text-status-success";case"pending":return"text-status-warning";case"cancelled":return"text-text-tertiary";default:return"text-text-tertiary"}}function te(t,a,l){return`${t==="task"?"Task":l?"Notification":"Escalation"} is ${a.replace(/_/g," ")}`}function se(t,a){if(a)return ee;switch(t){case"completed":case"resolved":return"bg-status-success";case"pending":case"in_progress":case"needs_intervention":return"bg-status-warning";case"cancelled":return"bg-status-error";default:return"bg-text-tertiary"}}function ae(t){return t.startsWith("mcp")||t.startsWith("Mcp")}function E(t){return!t.workflow_type}function A(t,a){if(t.length<=a)return t;const l=Math.floor((a-1)/2);return`${t.slice(0,l)}…${t.slice(t.length-l)}`}function ne(t,a){const l=Date.now(),c=new Map,x=[];for(const s of a)s.task_id?(c.has(s.task_id)||c.set(s.task_id,[]),c.get(s.task_id).push(s)):x.push(s);const r=[...t].sort((s,d)=>new Date(s.created_at).getTime()-new Date(d.created_at).getTime()),i=[];for(const s of t)i.push(new Date(s.created_at).getTime()),s.completed_at&&i.push(new Date(s.completed_at).getTime());for(const s of a)i.push(new Date(s.created_at).getTime()),s.resolved_at&&i.push(new Date(s.resolved_at).getTime()),s.claimed_at&&i.push(new Date(s.claimed_at).getTime());if(i.length===0)return{lanes:[],timeMin:0,timeMax:1};const o=Math.min(...i),f=t.some(s=>!s.completed_at)||a.some(s=>!s.resolved_at)?Math.max(l,Math.max(...i)):Math.max(...i),p=f-o||1,m=s=>(s-o)/p*100,h=[];for(const s of r){const d=new Date(s.created_at).getTime(),j=s.completed_at?new Date(s.completed_at).getTime():l,g=!s.completed_at;h.push({kind:"task",id:s.id,label:s.workflow_type,taskId:s.id,startMs:d,endMs:j,startPct:m(d),widthPct:Math.max((j-d)/p*100,.5),durationMs:j-d,isOpen:g,task:s});const v=(c.get(s.id)||[]).sort((n,u)=>new Date(n.created_at).getTime()-new Date(u.created_at).getTime());for(const n of v){const u=new Date(n.created_at).getTime(),N=n.resolved_at?new Date(n.resolved_at).getTime():l,M=!n.resolved_at;let w=null;if(n.claimed_at){const U=new Date(n.claimed_at).getTime(),H=N-u||1;w=(U-u)/H*100}h.push({kind:"escalation",id:n.id,label:n.role,taskId:s.id,startMs:u,endMs:N,startPct:m(u),widthPct:Math.max((N-u)/p*100,.5),durationMs:N-u,isOpen:M,escalation:n,claimPct:w})}}for(const s of x){const d=new Date(s.created_at).getTime(),j=s.resolved_at?new Date(s.resolved_at).getTime():l;let g=null;if(s.claimed_at){const v=new Date(s.claimed_at).getTime(),n=j-d||1;g=(v-d)/n*100}h.push({kind:"escalation",id:s.id,label:s.role,taskId:"",startMs:d,endMs:j,startPct:m(d),widthPct:Math.max((j-d)/p*100,.5),durationMs:j-d,isOpen:!s.resolved_at,escalation:s,claimPct:g})}return{lanes:h,timeMin:o,timeMax:f}}function re(t,a,l,c=500){const[x,r]=b.useState(0),i=b.useRef(null),o=l-a||1;b.useEffect(()=>{if(t===0)return;i.current=null,r(0);let f;const p=m=>{i.current===null&&(i.current=m);const h=m-i.current,s=Math.min(h/c,1),d=1-Math.pow(1-s,3);r(d),s<1&&(f=requestAnimationFrame(p))};return f=requestAnimationFrame(p),()=>cancelAnimationFrame(f)},[t,c]);const k=b.useCallback(f=>{const p=(f.startMs-a)/o,m=(f.endMs-a)/o;if(x<p)return{width:0,opacity:0};const h=m-p||.001,s=Math.min((x-p)/h,1),d=f.widthPct*s,j=Math.min(s/.1,1);return{width:d,opacity:j}},[x,a,o]);return{progress:x,animatedBar:k}}function R({className:t}){return e.jsx("svg",{className:t,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"})})}function B({className:t}){return e.jsx("svg",{className:t,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.455 2.456L21.75 6l-1.036.259a3.375 3.375 0 00-2.455 2.456zM16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z"})})}function O({className:t}){return e.jsx("svg",{className:t,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0"})})}function F({className:t}){return e.jsx("svg",{className:t,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z"})})}function ie({allExpanded:t,onToggleAll:a}){return e.jsxs("div",{className:"flex items-center gap-4 mb-4 flex-wrap",children:[e.jsx("button",{onClick:a,className:"text-2xs text-accent hover:underline",children:t?"Collapse all":"Expand all"}),e.jsxs("div",{className:"flex items-center gap-4 ml-auto",children:[e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(R,{className:"w-3.5 h-3.5 text-text-tertiary"}),e.jsx("span",{className:"text-2xs text-text-tertiary",children:"Task"})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(B,{className:"w-3.5 h-3.5 text-text-tertiary"}),e.jsx("span",{className:"text-2xs text-text-tertiary",children:"AI Task"})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(F,{className:"w-3.5 h-3.5 text-text-tertiary"}),e.jsx("span",{className:"text-2xs text-text-tertiary",children:"Escalation"})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(O,{className:"w-3.5 h-3.5 text-text-tertiary"}),e.jsx("span",{className:"text-2xs text-text-tertiary",children:"Notification"})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("span",{className:"w-2.5 h-2.5 rounded-full dot-ring bg-status-success"}),e.jsx("span",{className:"text-2xs text-text-tertiary",children:"Done"})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("span",{className:"w-2.5 h-2.5 rounded-full dot-ring bg-status-warning"}),e.jsx("span",{className:"text-2xs text-text-tertiary",children:"Active"})]})]})]})}function oe({ticks:t}){return e.jsxs("div",{className:"flex",children:[e.jsx("div",{className:"w-52 shrink-0"}),e.jsx("div",{className:"flex-1 relative h-6 border-b border-surface-border",children:t.map(a=>e.jsx("span",{className:"absolute text-2xs font-mono text-text-tertiary -translate-x-1/2 bottom-1 whitespace-nowrap",style:{left:`${a.pct}%`},children:a.label},a.pct))})]})}function _({label:t,children:a}){return e.jsxs("div",{children:[e.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-0.5",children:t}),e.jsx("div",{className:"text-xs text-text-primary",children:a})]})}function le({traceId:t,href:a}){const[l,c]=b.useState(!1),x=i=>{i.stopPropagation(),navigator.clipboard.writeText(t),c(!0),setTimeout(()=>c(!1),1500)},r=i=>{i.stopPropagation(),a&&window.open(a,"_blank","noopener,noreferrer")};return e.jsxs("span",{className:"group/trace inline-flex items-center gap-1.5",children:[a&&e.jsx("button",{onClick:r,title:"Open trace",className:"opacity-0 group-hover/trace:opacity-100 transition-opacity p-0.5",children:e.jsx("svg",{className:"w-3 h-3 text-text-tertiary hover:text-accent",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-4.5-4.5h6m0 0v6m0-6L10.5 15"})})}),e.jsx("button",{onClick:x,title:"Copy trace ID",className:"opacity-0 group-hover/trace:opacity-100 transition-opacity p-0.5",children:e.jsx("svg",{className:`w-3 h-3 transition-colors ${l?"text-status-success":"text-text-tertiary hover:text-accent"}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:l?e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 13l4 4L19 7"}):e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3"})})}),e.jsx("span",{className:"text-2xs text-accent",children:"Trace Details"})]})}function ce({task:t,traceUrl:a}){const l=t.completed_at?new Date(t.completed_at).getTime()-new Date(t.created_at).getTime():Date.now()-new Date(t.created_at).getTime();return e.jsxs("div",{className:"grid grid-cols-[3fr_1fr] gap-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(W,{status:t.status}),e.jsx(Q,{type:t.workflow_type})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-4",children:[e.jsx(_,{label:"Started",children:e.jsx(y,{date:t.created_at})}),e.jsx(_,{label:"Completed",children:t.completed_at?e.jsx(y,{date:t.completed_at}):e.jsx("span",{className:"text-text-tertiary italic text-xs",children:"In progress"})}),e.jsx(_,{label:"Duration",children:e.jsx(S,{ms:l,className:"font-mono text-sm"})})]}),t.milestones.length>0&&e.jsxs("div",{children:[e.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Milestones"}),e.jsx("div",{className:"flex flex-wrap gap-1.5",children:t.milestones.map((c,x)=>e.jsxs("span",{className:"px-2 py-0.5 text-2xs font-mono bg-accent-faint/50 rounded text-text-secondary",children:[c.name,": ",String(c.value)]},x))})]})]}),e.jsxs("div",{className:"flex flex-col items-end gap-2",children:[e.jsx(D,{to:`/workflows/executions/${encodeURIComponent(t.workflow_id)}`,className:"block text-2xs text-accent hover:underline",children:"Execution Details"}),e.jsx(D,{to:`/workflows/tasks/detail/${t.id}`,className:"block text-2xs text-accent hover:underline",children:"Task Details"}),t.trace_id&&e.jsx(le,{traceId:t.trace_id,href:a?a.replace("{traceId}",t.trace_id):void 0})]})]})}function de({escalation:t}){const a=new Date(t.created_at).getTime(),l=t.claimed_at?new Date(t.claimed_at).getTime()-a:null,c=t.resolved_at?new Date(t.resolved_at).getTime()-a:null;return e.jsxs("div",{className:"grid grid-cols-[3fr_1fr] gap-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(W,{status:t.status}),e.jsx(Y,{role:t.role}),t.type&&e.jsxs("span",{className:"text-2xs text-text-tertiary",children:[t.type,t.subtype?` / ${t.subtype}`:""]})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-4",children:[e.jsx(_,{label:"Created",children:e.jsx(y,{date:t.created_at})}),e.jsx(_,{label:"Claimed",children:t.claimed_at?e.jsxs(e.Fragment,{children:[e.jsx(y,{date:t.claimed_at}),e.jsxs("p",{className:"text-2xs text-text-tertiary mt-0.5",children:["after ",e.jsx(S,{ms:l}),t.assigned_to&&e.jsxs(e.Fragment,{children:[" ","by"," ",e.jsx("span",{className:"text-text-secondary font-medium",children:e.jsx(Z,{userId:t.assigned_to})})]})]})]}):e.jsx("span",{className:"text-text-tertiary italic text-xs",children:"Unclaimed"})}),e.jsx(_,{label:"Resolved",children:t.resolved_at?e.jsxs(e.Fragment,{children:[e.jsx(y,{date:t.resolved_at}),e.jsxs("p",{className:"text-2xs text-text-tertiary mt-0.5",children:[e.jsx(S,{ms:c})," total"]})]}):e.jsx("span",{className:"text-text-tertiary italic text-xs",children:"Pending"})})]}),t.description&&e.jsxs("div",{children:[e.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Description"}),e.jsx("p",{className:"text-2xs text-text-secondary leading-relaxed",children:t.description})]})]}),e.jsxs("div",{className:"flex flex-col items-end gap-2",children:[t.workflow_id&&e.jsx(D,{to:`/workflows/executions/${encodeURIComponent(t.workflow_id)}`,className:"block text-2xs text-accent hover:underline",children:"Execution Details"}),e.jsx(D,{to:`/escalations/detail/${t.id}`,className:"block text-2xs text-accent hover:underline",children:"Escalation Details"})]})]})}function xe({lane:t,ticks:a,isExpanded:l,onToggle:c,anim:x,animDone:r,traceUrl:i}){var m,h;const o=t.kind==="task",k=o?t.task.status:t.escalation.status,f=se(k,t.isOpen),p=x.opacity>0;return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center border-b border-surface-border cursor-pointer hover:bg-surface-sunken/40 transition-colors",onClick:c,children:[e.jsxs("div",{className:`w-52 shrink-0 py-3 pr-4 flex items-center gap-2 ${o?"":"pl-6"}`,style:{opacity:p?1:0,transition:"opacity 0.15s ease-out"},children:[o?ae(t.task.workflow_type)?e.jsx(B,{className:`w-4 h-4 shrink-0 ${$(t.task.status)}`}):e.jsx(R,{className:`w-4 h-4 shrink-0 ${$(t.task.status)}`}):E(t.escalation)?e.jsx(O,{className:`w-4 h-4 shrink-0 ${I(t.escalation.status)}`}):e.jsx(F,{className:`w-4 h-4 shrink-0 ${I(t.escalation.status)}`}),e.jsx("p",{className:"text-xs font-mono text-text-secondary whitespace-nowrap overflow-hidden",title:te(t.kind,o?t.task.status:t.escalation.status,!o&&E(t.escalation)),children:o?A(t.label,24):A(((m=t.escalation)==null?void 0:m.role)??t.label,20)})]}),e.jsxs("div",{className:"flex-1 relative h-10",children:[a.map(s=>e.jsx("div",{className:"absolute top-0 bottom-0 w-px bg-surface-border opacity-30",style:{left:`${s.pct}%`}},s.pct)),e.jsxs("div",{className:`absolute top-2 h-6 rounded-sm ${l?`${f} ring-2 ring-accent ring-offset-1`:`${f} hover:opacity-80`}`,style:{left:`${t.startPct}%`,width:p?`${Math.max(x.width,.3)}%`:"0%",minWidth:p?"4px":"0px",opacity:x.opacity},title:`${t.label} — ${L(t.durationMs)} — ${new Date(t.startMs).toLocaleTimeString()}`,children:[x.width>8&&r&&e.jsx("span",{className:"absolute inset-0 flex items-center px-1.5 text-2xs font-mono text-text-inverse truncate",children:L(t.durationMs)}),t.claimPct!=null&&r&&e.jsx("div",{className:"absolute top-0 bottom-0 w-px border-l border-dashed border-text-inverse/70",style:{left:`${t.claimPct}%`},title:(h=t.escalation)!=null&&h.assigned_to?`Claimed by ${t.escalation.assigned_to}`:"Claimed",children:e.jsx("div",{className:"absolute -top-1 -left-[3px] w-[7px] h-[7px] rounded-full bg-text-inverse border border-status-warning"})})]})]})]}),e.jsx(J,{open:l,children:e.jsx("div",{className:"py-4 px-6 pl-52 border-b border-surface-border bg-surface-sunken/20",children:o&&t.task?e.jsx(ce,{task:t.task,traceUrl:i}):t.escalation?e.jsx(de,{escalation:t.escalation}):null})})]})}function me({tasks:t,escalations:a,traceUrl:l}){const[c,x]=b.useState(new Set),{lanes:r,timeMin:i,timeMax:o}=b.useMemo(()=>ne(t,a),[t,a]),k=o-i||1,{progress:f,animatedBar:p}=re(r.length,i,o);if(r.length===0)return e.jsx("p",{className:"text-sm text-text-tertiary py-8 text-center",children:"No events in this process."});const m=5,h=Array.from({length:m+1},(n,u)=>({pct:u/m*100,label:L(Math.round(u/m*k))})),s=n=>{x(u=>{const N=new Set(u);return N.has(n)?N.delete(n):N.add(n),N})},d=r.map(n=>n.id),j=d.length>0&&d.every(n=>c.has(n)),g=()=>{x(j?new Set:new Set(d))},v=f>=1;return e.jsxs("div",{className:"py-2",children:[e.jsx(ie,{allExpanded:j,onToggleAll:g}),e.jsx(oe,{ticks:h}),r.map(n=>e.jsx(xe,{lane:n,ticks:h,isExpanded:c.has(n.id),onToggle:()=>s(n.id),anim:p(n),animDone:v,traceUrl:l},`${n.kind}-${n.id}`))]})}function C(t){if(!t)return null;try{return JSON.parse(t)}catch{return null}}function ue(t){return t.length===0?null:[...t].sort((a,l)=>new Date(a.created_at).getTime()-new Date(l.created_at).getTime())[0]}function De(){var j;const{originId:t}=X();V(t);const{data:a,isLoading:l}=z(t??""),{data:c}=q(),x=((j=c==null?void 0:c.telemetry)==null?void 0:j.traceUrl)??null,r=(a==null?void 0:a.tasks)??[],i=(a==null?void 0:a.escalations)??[],o=b.useMemo(()=>ue(r),[r]),k=b.useMemo(()=>C(o==null?void 0:o.envelope),[o]),f=b.useMemo(()=>{if(o!=null&&o.data)return C(o.data);const g=r.filter(v=>v.status==="completed"&&v.data).sort((v,n)=>new Date(n.completed_at).getTime()-new Date(v.completed_at).getTime());return g.length>0?C(g[0].data):null},[o,r]),p=b.useMemo(()=>r.length>0&&r.some(g=>g.status!=="completed"&&g.status!=="cancelled"),[r]),m=b.useMemo(()=>{const g=r.filter(u=>u.status==="completed").length,v=r.filter(u=>u.status==="needs_intervention").length,n=i.filter(u=>u.status==="resolved").length;return{tasks:r.length,completed:g,escalated:v,escalations:i.length,resolved:n}},[r,i]),h=b.useMemo(()=>{if(r.length===0&&i.length===0)return null;const v=[...r.map(w=>w.created_at),...i.map(w=>w.created_at)].sort()[0],n=r.every(w=>w.status==="completed"||w.status==="cancelled"),u=i.every(w=>w.status==="resolved"),N=r.length>0&&n&&u,M=N?[...r.map(w=>w.completed_at),...i.map(w=>w.resolved_at)].filter(Boolean).sort().pop()??null:null;return{startIso:v,endIso:M,isFinished:N,elapsed:G(v,M)}},[r,i]),s=b.useMemo(()=>{const g=[];return h&&g.push({label:h.isFinished?"Completed":"Running",value:h.elapsed,dotClass:h.isFinished?"bg-status-success":"bg-status-pending animate-pulse"}),g.push({label:"Tasks",value:`${m.completed}/${m.tasks}`},{label:"Escalations",value:`${m.resolved}/${m.escalations}`}),g},[h,m]);if(l&&r.length===0)return e.jsxs("div",{className:"animate-pulse space-y-4",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-48"}),e.jsx("div",{className:"h-40 bg-surface-sunken rounded"})]});const d=k||f||p;return e.jsxs("div",{children:[e.jsx(K,{title:"Process Detail",docsHash:"#docs:dashboard.md:process-detail",subtitle:t,stats:s}),d&&e.jsxs("div",{className:"grid grid-cols-1 @split:grid-cols-2 gap-8 mb-10",children:[e.jsx("div",{children:k?e.jsx(P,{data:k,label:"Input",defaultMode:"json",defaultCollapsed:!0}):e.jsxs("div",{children:[e.jsx(T,{children:"Input"}),e.jsx("div",{className:"font-mono text-xs bg-surface-sunken rounded-md p-4 text-text-tertiary italic mt-2",children:"Waiting for task..."})]})}),e.jsx("div",{children:f?e.jsx(P,{data:f,label:"Output",defaultMode:"json",defaultCollapsed:!0}):p?e.jsxs("div",{children:[e.jsx(T,{children:"Output"}),e.jsxs("div",{className:"flex items-center gap-2 font-mono text-xs bg-surface-sunken rounded-md p-4 text-text-secondary mt-2",children:[e.jsx("span",{className:"w-2.5 h-2.5 rounded-full dot-ring bg-status-pending animate-pulse"}),"Processing..."]})]}):null})]}),e.jsx(T,{className:"mb-6",children:"Timeline"}),e.jsx(me,{tasks:r,escalations:i,traceUrl:x})]})}export{De as ProcessDetailPage};
+//# sourceMappingURL=ProcessDetailPage-C3LfeKvi.js.map

package/dashboard/dist/assets/ProcessDetailPage-C3LfeKvi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProcessDetailPage-C3LfeKvi.js","sources":["../../src/pages/processes/process-swimlane/helpers.ts","../../src/pages/processes/process-swimlane/useTimelineAnimation.ts","../../src/pages/processes/process-swimlane/SwimlaneIcons.tsx","../../src/pages/processes/process-swimlane/SwimlaneHeader.tsx","../../src/pages/processes/process-swimlane/TimeAxis.tsx","../../src/pages/processes/process-swimlane/MetricCell.tsx","../../src/pages/processes/process-swimlane/TraceLink.tsx","../../src/pages/processes/process-swimlane/TaskDetailPanel.tsx","../../src/pages/processes/process-swimlane/EscalationDetailPanel.tsx","../../src/pages/processes/process-swimlane/SwimlaneRow.tsx","../../src/pages/processes/process-swimlane/ProcessSwimlaneTimeline.tsx","../../src/pages/processes/ProcessDetailPage.tsx"],"sourcesContent":["import type { LTTaskRecord, LTEscalationRecord, LTTaskStatus, LTEscalationStatus } from '../../../api/types';\n\nexport interface ProcessLane {\n  kind: 'task' | 'escalation';\n  id: string;\n  label: string;\n  taskId: string;\n  startMs: number;\n  endMs: number;\n  startPct: number;\n  widthPct: number;\n  durationMs: number;\n  isOpen: boolean;\n  // task fields\n  task?: LTTaskRecord;\n  // escalation fields\n  escalation?: LTEscalationRecord;\n  claimPct?: number | null; // percent position of claim within the bar\n}\n\nexport interface ProcessSwimlaneTimelineProps {\n  tasks: LTTaskRecord[];\n  escalations: LTEscalationRecord[];\n  traceUrl?: string | null;\n}\n\nexport const PENDING_CLASS = 'bg-stripes animate-pulse opacity-70';\n\nexport function taskStatusColor(status: LTTaskStatus): string {\n  switch (status) {\n    case 'completed': return 'text-status-success';\n    case 'in_progress': case 'pending': return 'text-status-warning';\n    case 'needs_intervention': return 'text-status-error';\n    case 'cancelled': return 'text-text-tertiary';\n    default: return 'text-text-tertiary';\n  }\n}\n\nexport function escStatusColor(status: LTEscalationStatus): string {\n  switch (status) {\n    case 'resolved': return 'text-status-success';\n    case 'pending': return 'text-status-warning';\n    case 'cancelled': return 'text-text-tertiary';\n    default: return 'text-text-tertiary';\n  }\n}\n\nexport function statusLabel(kind: 'task' | 'escalation', status: string, isAck?: boolean): string {\n  const noun = kind === 'task' ? 'Task' : isAck ? 'Notification' : 'Escalation';\n  return `${noun} is ${status.replace(/_/g, ' ')}`;\n}\n\nexport function barColorForStatus(status: string, isOpen: boolean): string {\n  if (isOpen) return PENDING_CLASS;\n  switch (status) {\n    case 'completed':\n    case 'resolved':\n      return 'bg-status-success';\n    case 'pending':\n    case 'in_progress':\n    case 'needs_intervention':\n      return 'bg-status-warning';\n    case 'cancelled':\n      return 'bg-status-error';\n    default:\n      return 'bg-text-tertiary';\n  }\n}\n\nexport function isMcpWorkflow(workflowType: string): boolean {\n  return workflowType.startsWith('mcp') || workflowType.startsWith('Mcp');\n}\n\nexport function isAckEscalation(esc: LTEscalationRecord): boolean {\n  return !esc.workflow_type;\n}\n\nexport function middleTruncate(str: string, maxLen: number): string {\n  if (str.length <= maxLen) return str;\n  const keep = Math.floor((maxLen - 1) / 2);\n  return `${str.slice(0, keep)}…${str.slice(str.length - keep)}`;\n}\n\nexport function formatAbsoluteTime(iso: string): string {\n  const d = new Date(iso);\n  return d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', second: '2-digit' });\n}\n\n// ── Build lanes from raw task + escalation records ──────────────────────────\n\nexport function buildLanes(\n  tasks: LTTaskRecord[],\n  escalations: LTEscalationRecord[],\n): { lanes: ProcessLane[]; timeMin: number; timeMax: number } {\n  const now = Date.now();\n\n  // Group escalations by task_id\n  const escByTask = new Map<string, LTEscalationRecord[]>();\n  const unlinked: LTEscalationRecord[] = [];\n  for (const e of escalations) {\n    if (e.task_id) {\n      if (!escByTask.has(e.task_id)) escByTask.set(e.task_id, []);\n      escByTask.get(e.task_id)!.push(e);\n    } else {\n      unlinked.push(e);\n    }\n  }\n\n  // Sort tasks by created_at\n  const sorted = [...tasks].sort(\n    (a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime(),\n  );\n\n  // Collect all timestamps for axis bounds\n  const allTimes: number[] = [];\n  for (const t of tasks) {\n    allTimes.push(new Date(t.created_at).getTime());\n    if (t.completed_at) allTimes.push(new Date(t.completed_at).getTime());\n  }\n  for (const e of escalations) {\n    allTimes.push(new Date(e.created_at).getTime());\n    if (e.resolved_at) allTimes.push(new Date(e.resolved_at).getTime());\n    if (e.claimed_at) allTimes.push(new Date(e.claimed_at).getTime());\n  }\n  if (allTimes.length === 0) return { lanes: [], timeMin: 0, timeMax: 1 };\n\n  const timeMin = Math.min(...allTimes);\n  const hasOpen =\n    tasks.some((t) => !t.completed_at) || escalations.some((e) => !e.resolved_at);\n  const timeMax = hasOpen ? Math.max(now, Math.max(...allTimes)) : Math.max(...allTimes);\n  const span = timeMax - timeMin || 1;\n\n  const toPct = (ms: number) => ((ms - timeMin) / span) * 100;\n\n  const lanes: ProcessLane[] = [];\n\n  for (const task of sorted) {\n    const tStart = new Date(task.created_at).getTime();\n    const tEnd = task.completed_at ? new Date(task.completed_at).getTime() : now;\n    const tOpen = !task.completed_at;\n\n    lanes.push({\n      kind: 'task',\n      id: task.id,\n      label: task.workflow_type,\n      taskId: task.id,\n      startMs: tStart,\n      endMs: tEnd,\n      startPct: toPct(tStart),\n      widthPct: Math.max(((tEnd - tStart) / span) * 100, 0.5),\n      durationMs: tEnd - tStart,\n      isOpen: tOpen,\n      task,\n    });\n\n    const taskEscs = (escByTask.get(task.id) || []).sort(\n      (a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime(),\n    );\n    for (const esc of taskEscs) {\n      const eStart = new Date(esc.created_at).getTime();\n      const eEnd = esc.resolved_at ? new Date(esc.resolved_at).getTime() : now;\n      const eOpen = !esc.resolved_at;\n\n      let claimPct: number | null = null;\n      if (esc.claimed_at) {\n        const claimMs = new Date(esc.claimed_at).getTime();\n        const escSpan = eEnd - eStart || 1;\n        claimPct = ((claimMs - eStart) / escSpan) * 100;\n      }\n\n      lanes.push({\n        kind: 'escalation',\n        id: esc.id,\n        label: esc.role,\n        taskId: task.id,\n        startMs: eStart,\n        endMs: eEnd,\n        startPct: toPct(eStart),\n        widthPct: Math.max(((eEnd - eStart) / span) * 100, 0.5),\n        durationMs: eEnd - eStart,\n        isOpen: eOpen,\n        escalation: esc,\n        claimPct,\n      });\n    }\n  }\n\n  // Unlinked escalations at the bottom\n  for (const esc of unlinked) {\n    const eStart = new Date(esc.created_at).getTime();\n    const eEnd = esc.resolved_at ? new Date(esc.resolved_at).getTime() : now;\n    let claimPct: number | null = null;\n    if (esc.claimed_at) {\n      const claimMs = new Date(esc.claimed_at).getTime();\n      const escSpan = eEnd - eStart || 1;\n      claimPct = ((claimMs - eStart) / escSpan) * 100;\n    }\n    lanes.push({\n      kind: 'escalation',\n      id: esc.id,\n      label: esc.role,\n      taskId: '',\n      startMs: eStart,\n      endMs: eEnd,\n      startPct: toPct(eStart),\n      widthPct: Math.max(((eEnd - eStart) / span) * 100, 0.5),\n      durationMs: eEnd - eStart,\n      isOpen: !esc.resolved_at,\n      escalation: esc,\n      claimPct,\n    });\n  }\n\n  return { lanes, timeMin, timeMax };\n}\n","import { useState, useEffect, useRef, useCallback } from 'react';\nimport type { ProcessLane } from './helpers';\n\nexport interface BarAnim {\n  width: number;\n  opacity: number;\n}\n\nexport function useTimelineAnimation(\n  laneCount: number,\n  timeMin: number,\n  timeMax: number,\n  durationMs = 500,\n) {\n  const [progress, setProgress] = useState(0); // 0 → 1\n  const startRef = useRef<number | null>(null);\n  const totalSpanMs = timeMax - timeMin || 1;\n\n  useEffect(() => {\n    if (laneCount === 0) return;\n    startRef.current = null;\n    setProgress(0);\n\n    let raf: number;\n    const step = (ts: number) => {\n      if (startRef.current === null) startRef.current = ts;\n      const elapsed = ts - startRef.current;\n      const t = Math.min(elapsed / durationMs, 1);\n      // ease-out cubic for a smooth deceleration\n      const eased = 1 - Math.pow(1 - t, 3);\n      setProgress(eased);\n      if (t < 1) raf = requestAnimationFrame(step);\n    };\n    raf = requestAnimationFrame(step);\n    return () => cancelAnimationFrame(raf);\n  }, [laneCount, durationMs]);\n\n  const animatedBar = useCallback(\n    (lane: ProcessLane): BarAnim => {\n      const appearAt = (lane.startMs - timeMin) / totalSpanMs;\n      const doneAt = (lane.endMs - timeMin) / totalSpanMs;\n\n      if (progress < appearAt) {\n        return { width: 0, opacity: 0 };\n      }\n\n      const laneSpan = doneAt - appearAt || 0.001;\n      const fill = Math.min((progress - appearAt) / laneSpan, 1);\n      const animatedWidth = lane.widthPct * fill;\n      const fadeIn = Math.min(fill / 0.1, 1);\n\n      return { width: animatedWidth, opacity: fadeIn };\n    },\n    [progress, timeMin, totalSpanMs],\n  );\n\n  return { progress, animatedBar };\n}\n","export function ClipboardIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}>\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\" />\n    </svg>\n  );\n}\n\n/** Sparkle/AI icon for mcp* system workflows */\nexport function SparkleIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}>\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.455 2.456L21.75 6l-1.036.259a3.375 3.375 0 00-2.455 2.456zM16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z\" />\n    </svg>\n  );\n}\n\n/** Bell icon for notification/ACK escalations */\nexport function BellIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}>\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0\" />\n    </svg>\n  );\n}\n\nexport function UserIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}>\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z\" />\n    </svg>\n  );\n}\n","import { ClipboardIcon, SparkleIcon, BellIcon, UserIcon } from './SwimlaneIcons';\n\ninterface SwimlaneHeaderProps {\n  allExpanded: boolean;\n  onToggleAll: () => void;\n}\n\nexport function SwimlaneHeader({ allExpanded, onToggleAll }: SwimlaneHeaderProps) {\n  return (\n    <div className=\"flex items-center gap-4 mb-4 flex-wrap\">\n      <button onClick={onToggleAll} className=\"text-2xs text-accent hover:underline\">\n        {allExpanded ? 'Collapse all' : 'Expand all'}\n      </button>\n\n      {/* Legend */}\n      <div className=\"flex items-center gap-4 ml-auto\">\n        <div className=\"flex items-center gap-1\">\n          <ClipboardIcon className=\"w-3.5 h-3.5 text-text-tertiary\" />\n          <span className=\"text-2xs text-text-tertiary\">Task</span>\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <SparkleIcon className=\"w-3.5 h-3.5 text-text-tertiary\" />\n          <span className=\"text-2xs text-text-tertiary\">AI Task</span>\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <UserIcon className=\"w-3.5 h-3.5 text-text-tertiary\" />\n          <span className=\"text-2xs text-text-tertiary\">Escalation</span>\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <BellIcon className=\"w-3.5 h-3.5 text-text-tertiary\" />\n          <span className=\"text-2xs text-text-tertiary\">Notification</span>\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <span className=\"w-2.5 h-2.5 rounded-full dot-ring bg-status-success\" />\n          <span className=\"text-2xs text-text-tertiary\">Done</span>\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <span className=\"w-2.5 h-2.5 rounded-full dot-ring bg-status-warning\" />\n          <span className=\"text-2xs text-text-tertiary\">Active</span>\n        </div>\n      </div>\n    </div>\n  );\n}\n","export interface Tick {\n  pct: number;\n  label: string;\n}\n\ninterface TimeAxisProps {\n  ticks: Tick[];\n}\n\nexport function TimeAxis({ ticks }: TimeAxisProps) {\n  return (\n    <div className=\"flex\">\n      <div className=\"w-52 shrink-0\" />\n      <div className=\"flex-1 relative h-6 border-b border-surface-border\">\n        {ticks.map((tick) => (\n          <span\n            key={tick.pct}\n            className=\"absolute text-2xs font-mono text-text-tertiary -translate-x-1/2 bottom-1 whitespace-nowrap\"\n            style={{ left: `${tick.pct}%` }}\n          >\n            {tick.label}\n          </span>\n        ))}\n      </div>\n    </div>\n  );\n}\n","/** Small labeled metric cell used inside detail panels */\nexport function MetricCell({\n  label,\n  children,\n}: {\n  label: string;\n  children: React.ReactNode;\n}) {\n  return (\n    <div>\n      <p className=\"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-0.5\">\n        {label}\n      </p>\n      <div className=\"text-xs text-text-primary\">{children}</div>\n    </div>\n  );\n}\n","import { useState } from 'react';\n\nexport function TraceLink({ traceId, href }: { traceId: string; href?: string }) {\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    navigator.clipboard.writeText(traceId);\n    setCopied(true);\n    setTimeout(() => setCopied(false), 1500);\n  };\n\n  const handleNav = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (href) window.open(href, '_blank', 'noopener,noreferrer');\n  };\n\n  return (\n    <span className=\"group/trace inline-flex items-center gap-1.5\">\n      {href && (\n        <button\n          onClick={handleNav}\n          title=\"Open trace\"\n          className=\"opacity-0 group-hover/trace:opacity-100 transition-opacity p-0.5\"\n        >\n          <svg className=\"w-3 h-3 text-text-tertiary hover:text-accent\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}>\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-4.5-4.5h6m0 0v6m0-6L10.5 15\" />\n          </svg>\n        </button>\n      )}\n      <button\n        onClick={handleCopy}\n        title=\"Copy trace ID\"\n        className=\"opacity-0 group-hover/trace:opacity-100 transition-opacity p-0.5\"\n      >\n        <svg\n          className={`w-3 h-3 transition-colors ${copied ? 'text-status-success' : 'text-text-tertiary hover:text-accent'}`}\n          fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}\n        >\n          {copied\n            ? <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\n            : <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3\" />\n          }\n        </svg>\n      </button>\n      <span className=\"text-2xs text-accent\">Trace Details</span>\n    </span>\n  );\n}\n","import { Link } from 'react-router-dom';\nimport { StatusBadge } from '../../../components/common/display/StatusBadge';\nimport { WorkflowPill } from '../../../components/common/display/WorkflowPill';\nimport { TimestampCell } from '../../../components/common/display/TimestampCell';\nimport { DurationValue } from '../../../components/common/display/DurationValue';\nimport type { LTTaskRecord } from '../../../api/types';\nimport { MetricCell } from './MetricCell';\nimport { TraceLink } from './TraceLink';\n\nexport function TaskDetailPanel({\n  task,\n  traceUrl,\n}: {\n  task: LTTaskRecord;\n  traceUrl?: string | null;\n}) {\n  const elapsed = task.completed_at\n    ? new Date(task.completed_at).getTime() - new Date(task.created_at).getTime()\n    : Date.now() - new Date(task.created_at).getTime();\n\n  return (\n    <div className=\"grid grid-cols-[3fr_1fr] gap-6\">\n      {/* Left: timing metrics */}\n      <div className=\"space-y-4\">\n        <div className=\"flex items-center gap-3\">\n          <StatusBadge status={task.status} />\n          <WorkflowPill type={task.workflow_type} />\n        </div>\n\n        <div className=\"grid grid-cols-3 gap-4\">\n          <MetricCell label=\"Started\">\n            <TimestampCell date={task.created_at} />\n          </MetricCell>\n\n          <MetricCell label=\"Completed\">\n            {task.completed_at ? (\n              <TimestampCell date={task.completed_at} />\n            ) : (\n              <span className=\"text-text-tertiary italic text-xs\">In progress</span>\n            )}\n          </MetricCell>\n\n          <MetricCell label=\"Duration\">\n            <DurationValue ms={elapsed} className=\"font-mono text-sm\" />\n          </MetricCell>\n        </div>\n\n        {task.milestones.length > 0 && (\n          <div>\n            <p className=\"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5\">\n              Milestones\n            </p>\n            <div className=\"flex flex-wrap gap-1.5\">\n              {task.milestones.map((m, i) => (\n                <span\n                  key={i}\n                  className=\"px-2 py-0.5 text-2xs font-mono bg-accent-faint/50 rounded text-text-secondary\"\n                >\n                  {m.name}: {String(m.value)}\n                </span>\n              ))}\n            </div>\n          </div>\n        )}\n      </div>\n\n      {/* Right: links */}\n      <div className=\"flex flex-col items-end gap-2\">\n        <Link\n          to={`/workflows/executions/${encodeURIComponent(task.workflow_id)}`}\n          className=\"block text-2xs text-accent hover:underline\"\n        >\n          Execution Details\n        </Link>\n        <Link\n          to={`/workflows/tasks/detail/${task.id}`}\n          className=\"block text-2xs text-accent hover:underline\"\n        >\n          Task Details\n        </Link>\n        {task.trace_id && (\n          <TraceLink\n            traceId={task.trace_id}\n            href={traceUrl ? traceUrl.replace('{traceId}', task.trace_id) : undefined}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n","import { Link } from 'react-router-dom';\nimport { StatusBadge } from '../../../components/common/display/StatusBadge';\nimport { RolePill } from '../../../components/common/display/RolePill';\nimport { UserName } from '../../../components/common/display/UserName';\nimport { TimestampCell } from '../../../components/common/display/TimestampCell';\nimport { DurationValue } from '../../../components/common/display/DurationValue';\nimport type { LTEscalationRecord } from '../../../api/types';\nimport { MetricCell } from './MetricCell';\n\nexport function EscalationDetailPanel({\n  escalation,\n}: {\n  escalation: LTEscalationRecord;\n}) {\n  const created = new Date(escalation.created_at).getTime();\n  const claimedMs = escalation.claimed_at\n    ? new Date(escalation.claimed_at).getTime() - created\n    : null;\n  const resolvedMs = escalation.resolved_at\n    ? new Date(escalation.resolved_at).getTime() - created\n    : null;\n\n  return (\n    <div className=\"grid grid-cols-[3fr_1fr] gap-6\">\n      {/* Left: timing metrics */}\n      <div className=\"space-y-4\">\n        <div className=\"flex items-center gap-3\">\n          <StatusBadge status={escalation.status} />\n          <RolePill role={escalation.role} />\n          {escalation.type && (\n            <span className=\"text-2xs text-text-tertiary\">\n              {escalation.type}\n              {escalation.subtype ? ` / ${escalation.subtype}` : ''}\n            </span>\n          )}\n        </div>\n\n        <div className=\"grid grid-cols-3 gap-4\">\n          <MetricCell label=\"Created\">\n            <TimestampCell date={escalation.created_at} />\n          </MetricCell>\n\n          <MetricCell label=\"Claimed\">\n            {escalation.claimed_at ? (\n              <>\n                <TimestampCell date={escalation.claimed_at} />\n                <p className=\"text-2xs text-text-tertiary mt-0.5\">\n                  after <DurationValue ms={claimedMs} />\n                  {escalation.assigned_to && (\n                    <>\n                      {' '}by{' '}\n                      <span className=\"text-text-secondary font-medium\">\n                        <UserName userId={escalation.assigned_to} />\n                      </span>\n                    </>\n                  )}\n                </p>\n              </>\n            ) : (\n              <span className=\"text-text-tertiary italic text-xs\">Unclaimed</span>\n            )}\n          </MetricCell>\n\n          <MetricCell label=\"Resolved\">\n            {escalation.resolved_at ? (\n              <>\n                <TimestampCell date={escalation.resolved_at} />\n                <p className=\"text-2xs text-text-tertiary mt-0.5\">\n                  <DurationValue ms={resolvedMs} /> total\n                </p>\n              </>\n            ) : (\n              <span className=\"text-text-tertiary italic text-xs\">Pending</span>\n            )}\n          </MetricCell>\n        </div>\n\n        {escalation.description && (\n          <div>\n            <p className=\"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1\">\n              Description\n            </p>\n            <p className=\"text-2xs text-text-secondary leading-relaxed\">\n              {escalation.description}\n            </p>\n          </div>\n        )}\n      </div>\n\n      {/* Right: links */}\n      <div className=\"flex flex-col items-end gap-2\">\n        {escalation.workflow_id && (\n          <Link\n            to={`/workflows/executions/${encodeURIComponent(escalation.workflow_id)}`}\n            className=\"block text-2xs text-accent hover:underline\"\n          >\n            Execution Details\n          </Link>\n        )}\n        <Link\n          to={`/escalations/detail/${escalation.id}`}\n          className=\"block text-2xs text-accent hover:underline\"\n        >\n          Escalation Details\n        </Link>\n      </div>\n    </div>\n  );\n}\n","import { Collapsible } from '../../../components/common/layout/Collapsible';\nimport { formatDuration } from '../../../lib/format';\nimport {\n  taskStatusColor,\n  escStatusColor,\n  statusLabel,\n  barColorForStatus,\n  isMcpWorkflow,\n  isAckEscalation,\n  middleTruncate,\n} from './helpers';\nimport type { ProcessLane } from './helpers';\nimport type { BarAnim } from './useTimelineAnimation';\nimport type { Tick } from './TimeAxis';\nimport { ClipboardIcon, SparkleIcon, BellIcon, UserIcon } from './SwimlaneIcons';\nimport { TaskDetailPanel } from './TaskDetailPanel';\nimport { EscalationDetailPanel } from './EscalationDetailPanel';\n\ninterface SwimlaneRowProps {\n  lane: ProcessLane;\n  ticks: Tick[];\n  isExpanded: boolean;\n  onToggle: () => void;\n  anim: BarAnim;\n  animDone: boolean;\n  traceUrl?: string | null;\n}\n\nexport function SwimlaneRow({\n  lane,\n  ticks,\n  isExpanded,\n  onToggle,\n  anim,\n  animDone,\n  traceUrl,\n}: SwimlaneRowProps) {\n  const isTask = lane.kind === 'task';\n  const status = isTask ? lane.task!.status : lane.escalation!.status;\n  const barBase = barColorForStatus(status, lane.isOpen);\n  const visible = anim.opacity > 0;\n\n  return (\n    <div>\n      {/* Lane row */}\n      <div\n        className=\"flex items-center border-b border-surface-border cursor-pointer hover:bg-surface-sunken/40 transition-colors\"\n        onClick={onToggle}\n      >\n        {/* Label column */}\n        <div\n          className={`w-52 shrink-0 py-3 pr-4 flex items-center gap-2 ${\n            isTask ? '' : 'pl-6'\n          }`}\n          style={{ opacity: visible ? 1 : 0, transition: 'opacity 0.15s ease-out' }}\n        >\n          {isTask ? (\n            isMcpWorkflow(lane.task!.workflow_type) ? (\n              <SparkleIcon\n                className={`w-4 h-4 shrink-0 ${taskStatusColor(lane.task!.status)}`}\n              />\n            ) : (\n              <ClipboardIcon\n                className={`w-4 h-4 shrink-0 ${taskStatusColor(lane.task!.status)}`}\n              />\n            )\n          ) : isAckEscalation(lane.escalation!) ? (\n            <BellIcon\n              className={`w-4 h-4 shrink-0 ${escStatusColor(lane.escalation!.status)}`}\n            />\n          ) : (\n            <UserIcon\n              className={`w-4 h-4 shrink-0 ${escStatusColor(lane.escalation!.status)}`}\n            />\n          )}\n          <p\n            className=\"text-xs font-mono text-text-secondary whitespace-nowrap overflow-hidden\"\n            title={statusLabel(lane.kind, isTask ? lane.task!.status : lane.escalation!.status, !isTask && isAckEscalation(lane.escalation!))}\n          >\n            {isTask\n              ? middleTruncate(lane.label, 24)\n              : middleTruncate(lane.escalation?.role ?? lane.label, 20)}\n          </p>\n        </div>\n\n        {/* Bar area */}\n        <div className=\"flex-1 relative h-10\">\n          {/* Tick gridlines */}\n          {ticks.map((tick) => (\n            <div\n              key={tick.pct}\n              className=\"absolute top-0 bottom-0 w-px bg-surface-border opacity-30\"\n              style={{ left: `${tick.pct}%` }}\n            />\n          ))}\n\n          {/* Duration bar (animated reveal + grow) */}\n          <div\n            className={`absolute top-2 h-6 rounded-sm ${\n              isExpanded\n                ? `${barBase} ring-2 ring-accent ring-offset-1`\n                : `${barBase} hover:opacity-80`\n            }`}\n            style={{\n              left: `${lane.startPct}%`,\n              width: visible ? `${Math.max(anim.width, 0.3)}%` : '0%',\n              minWidth: visible ? '4px' : '0px',\n              opacity: anim.opacity,\n            }}\n            title={`${lane.label} — ${formatDuration(lane.durationMs)} — ${new Date(lane.startMs).toLocaleTimeString()}`}\n          >\n            {/* Duration text inside bar (show only when fully revealed) */}\n            {anim.width > 8 && animDone && (\n              <span className=\"absolute inset-0 flex items-center px-1.5 text-2xs font-mono text-text-inverse truncate\">\n                {formatDuration(lane.durationMs)}\n              </span>\n            )}\n\n            {/* Claim marker (vertical dashed line) — show after animation */}\n            {lane.claimPct != null && animDone && (\n              <div\n                className=\"absolute top-0 bottom-0 w-px border-l border-dashed border-text-inverse/70\"\n                style={{ left: `${lane.claimPct}%` }}\n                title={\n                  lane.escalation?.assigned_to\n                    ? `Claimed by ${lane.escalation.assigned_to}`\n                    : 'Claimed'\n                }\n              >\n                {/* Claim dot */}\n                <div className=\"absolute -top-1 -left-[3px] w-[7px] h-[7px] rounded-full bg-text-inverse border border-status-warning\" />\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n\n      {/* Expandable detail panel */}\n      <Collapsible open={isExpanded}>\n        <div className=\"py-4 px-6 pl-52 border-b border-surface-border bg-surface-sunken/20\">\n          {isTask && lane.task ? (\n            <TaskDetailPanel task={lane.task} traceUrl={traceUrl} />\n          ) : lane.escalation ? (\n            <EscalationDetailPanel escalation={lane.escalation} />\n          ) : null}\n        </div>\n      </Collapsible>\n    </div>\n  );\n}\n","import { useState, useMemo } from 'react';\nimport { formatDuration } from '../../../lib/format';\nimport { buildLanes } from './helpers';\nimport type { ProcessSwimlaneTimelineProps } from './helpers';\nimport { useTimelineAnimation } from './useTimelineAnimation';\nimport { SwimlaneHeader } from './SwimlaneHeader';\nimport { TimeAxis } from './TimeAxis';\nimport { SwimlaneRow } from './SwimlaneRow';\n\nexport function ProcessSwimlaneTimeline({\n  tasks,\n  escalations,\n  traceUrl,\n}: ProcessSwimlaneTimelineProps) {\n  const [expanded, setExpanded] = useState<Set<string>>(new Set());\n\n  const { lanes, timeMin, timeMax } = useMemo(\n    () => buildLanes(tasks, escalations),\n    [tasks, escalations],\n  );\n\n  const totalSpanMs = timeMax - timeMin || 1;\n  const { progress, animatedBar } = useTimelineAnimation(lanes.length, timeMin, timeMax);\n\n  if (lanes.length === 0) {\n    return (\n      <p className=\"text-sm text-text-tertiary py-8 text-center\">\n        No events in this process.\n      </p>\n    );\n  }\n\n  // Time axis ticks\n  const tickCount = 5;\n  const ticks = Array.from({ length: tickCount + 1 }, (_, i) => ({\n    pct: (i / tickCount) * 100,\n    label: formatDuration(Math.round((i / tickCount) * totalSpanMs)),\n  }));\n\n  const toggle = (id: string) => {\n    setExpanded((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 allIds = lanes.map((l) => l.id);\n  const allExpanded = allIds.length > 0 && allIds.every((id) => expanded.has(id));\n  const toggleAll = () => {\n    if (allExpanded) setExpanded(new Set());\n    else setExpanded(new Set(allIds));\n  };\n\n  const animDone = progress >= 1;\n\n  return (\n    <div className=\"py-2\">\n      <SwimlaneHeader allExpanded={allExpanded} onToggleAll={toggleAll} />\n      <TimeAxis ticks={ticks} />\n\n      {lanes.map((lane) => (\n        <SwimlaneRow\n          key={`${lane.kind}-${lane.id}`}\n          lane={lane}\n          ticks={ticks}\n          isExpanded={expanded.has(lane.id)}\n          onToggle={() => toggle(lane.id)}\n          anim={animatedBar(lane)}\n          animDone={animDone}\n          traceUrl={traceUrl}\n        />\n      ))}\n    </div>\n  );\n}\n","import { useMemo } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useProcessDetail } from '../../api/tasks';\nimport { useProcessDetailEvents } from '../../hooks/useEventHooks';\nimport { useSettings } from '../../api/settings';\nimport { PageHeaderWithStats, type InlineStat } from '../../components/common/layout/PageHeaderWithStats';\nimport { SectionLabel } from '../../components/common/layout/SectionLabel';\nimport { JsonViewer } from '../../components/common/data/JsonViewer';\nimport { ProcessSwimlaneTimeline } from './process-swimlane/ProcessSwimlaneTimeline';\nimport { formatElapsed } from '../../lib/format';\nimport type { LTTaskRecord } from '../../api/types';\n\nfunction safeParseJson(raw: string | null | undefined): Record<string, unknown> | null {\n  if (!raw) return null;\n  try { return JSON.parse(raw); } catch { return null; }\n}\n\nfunction extractRootTask(tasks: LTTaskRecord[]): LTTaskRecord | null {\n  if (tasks.length === 0) return null;\n  return [...tasks].sort(\n    (a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime(),\n  )[0];\n}\n\nexport function ProcessDetailPage() {\n  const { originId } = useParams<{ originId: string }>();\n  useProcessDetailEvents(originId);\n  const { data, isLoading } = useProcessDetail(originId ?? '');\n  const { data: settings } = useSettings();\n  const traceUrl = settings?.telemetry?.traceUrl ?? null;\n\n  const tasks = data?.tasks ?? [];\n  const escalations = data?.escalations ?? [];\n\n  const rootTask = useMemo(() => extractRootTask(tasks), [tasks]);\n  const rootEnvelope = useMemo(() => safeParseJson(rootTask?.envelope), [rootTask]);\n  const rootResult = useMemo(() => {\n    if (rootTask?.data) return safeParseJson(rootTask.data);\n    const completed = tasks\n      .filter((t) => t.status === 'completed' && t.data)\n      .sort((a, b) => new Date(b.completed_at!).getTime() - new Date(a.completed_at!).getTime());\n    return completed.length > 0 ? safeParseJson(completed[0].data) : null;\n  }, [rootTask, tasks]);\n\n  const isRunning = useMemo(() => {\n    return tasks.length > 0 && tasks.some(\n      (t) => t.status !== 'completed' && t.status !== 'cancelled',\n    );\n  }, [tasks]);\n\n  const stats = useMemo(() => {\n    const completed = tasks.filter((t) => t.status === 'completed').length;\n    const escalated = tasks.filter((t) => t.status === 'needs_intervention').length;\n    const resolved = escalations.filter((e) => e.status === 'resolved').length;\n    return { tasks: tasks.length, completed, escalated, escalations: escalations.length, resolved };\n  }, [tasks, escalations]);\n\n  const duration = useMemo(() => {\n    if (tasks.length === 0 && escalations.length === 0) return null;\n    const allDates = [\n      ...tasks.map((t) => t.created_at),\n      ...escalations.map((e) => e.created_at),\n    ].sort();\n    const startIso = allDates[0];\n    const allCompleted = tasks.every((t) => t.status === 'completed' || t.status === 'cancelled');\n    const allResolved = escalations.every((e) => e.status === 'resolved');\n    const isFinished = tasks.length > 0 && allCompleted && allResolved;\n    const endIso = isFinished\n      ? [...tasks.map((t) => t.completed_at), ...escalations.map((e) => e.resolved_at)]\n          .filter(Boolean)\n          .sort()\n          .pop() ?? null\n      : null;\n    return { startIso, endIso, isFinished, elapsed: formatElapsed(startIso, endIso) };\n  }, [tasks, escalations]);\n\n  const inlineStats = useMemo<InlineStat[]>(() => {\n    const items: InlineStat[] = [];\n    if (duration) {\n      items.push({\n        label: duration.isFinished ? 'Completed' : 'Running',\n        value: duration.elapsed,\n        dotClass: duration.isFinished ? 'bg-status-success' : 'bg-status-pending animate-pulse',\n      });\n    }\n    items.push(\n      { label: 'Tasks', value: `${stats.completed}/${stats.tasks}` },\n      { label: 'Escalations', value: `${stats.resolved}/${stats.escalations}` },\n    );\n    return items;\n  }, [duration, stats]);\n\n  if (isLoading && tasks.length === 0) {\n    return (\n      <div className=\"animate-pulse space-y-4\">\n        <div className=\"h-8 bg-surface-sunken rounded w-48\" />\n        <div className=\"h-40 bg-surface-sunken rounded\" />\n      </div>\n    );\n  }\n\n  const hasMessages = rootEnvelope || rootResult || isRunning;\n\n  return (\n    <div>\n      <PageHeaderWithStats\n        title=\"Process Detail\"\n        docsHash=\"#docs:dashboard.md:process-detail\"\n        subtitle={originId}\n        stats={inlineStats}\n      />\n\n      {hasMessages && (\n        <div className=\"grid grid-cols-1 @split:grid-cols-2 gap-8 mb-10\">\n          <div>\n            {rootEnvelope ? (\n              <JsonViewer data={rootEnvelope} label=\"Input\" defaultMode=\"json\" defaultCollapsed />\n            ) : (\n              <div>\n                <SectionLabel>Input</SectionLabel>\n                <div className=\"font-mono text-xs bg-surface-sunken rounded-md p-4 text-text-tertiary italic mt-2\">\n                  Waiting for task...\n                </div>\n              </div>\n            )}\n          </div>\n          <div>\n            {rootResult ? (\n              <JsonViewer data={rootResult} label=\"Output\" defaultMode=\"json\" defaultCollapsed />\n            ) : isRunning ? (\n              <div>\n                <SectionLabel>Output</SectionLabel>\n                <div className=\"flex items-center gap-2 font-mono text-xs bg-surface-sunken rounded-md p-4 text-text-secondary mt-2\">\n                  <span className=\"w-2.5 h-2.5 rounded-full dot-ring bg-status-pending animate-pulse\" />\n                  Processing...\n                </div>\n              </div>\n            ) : null}\n          </div>\n        </div>\n      )}\n\n      <SectionLabel className=\"mb-6\">Timeline</SectionLabel>\n\n      <ProcessSwimlaneTimeline\n        tasks={tasks}\n        escalations={escalations}\n        traceUrl={traceUrl}\n      />\n    </div>\n  );\n}\n"],"names":["PENDING_CLASS","taskStatusColor","status","escStatusColor","statusLabel","kind","isAck","barColorForStatus","isOpen","isMcpWorkflow","workflowType","isAckEscalation","esc","middleTruncate","str","maxLen","keep","buildLanes","tasks","escalations","now","escByTask","unlinked","e","sorted","a","b","allTimes","t","timeMin","timeMax","span","toPct","ms","lanes","task","tStart","tEnd","tOpen","taskEscs","eStart","eEnd","eOpen","claimPct","claimMs","escSpan","useTimelineAnimation","laneCount","durationMs","progress","setProgress","useState","startRef","useRef","totalSpanMs","useEffect","raf","step","ts","elapsed","eased","animatedBar","useCallback","lane","appearAt","doneAt","laneSpan","fill","animatedWidth","fadeIn","ClipboardIcon","className","jsx","SparkleIcon","BellIcon","UserIcon","SwimlaneHeader","allExpanded","onToggleAll","jsxs","TimeAxis","ticks","tick","MetricCell","label","children","TraceLink","traceId","href","copied","setCopied","handleCopy","handleNav","TaskDetailPanel","traceUrl","StatusBadge","WorkflowPill","TimestampCell","DurationValue","m","i","Link","EscalationDetailPanel","escalation","created","claimedMs","resolvedMs","RolePill","Fragment","UserName","SwimlaneRow","isExpanded","onToggle","anim","animDone","isTask","barBase","visible","_a","formatDuration","_b","Collapsible","ProcessSwimlaneTimeline","expanded","setExpanded","useMemo","tickCount","_","toggle","id","prev","next","allIds","l","toggleAll","safeParseJson","raw","extractRootTask","ProcessDetailPage","originId","useParams","useProcessDetailEvents","data","isLoading","useProcessDetail","settings","useSettings","rootTask","rootEnvelope","rootResult","completed","isRunning","stats","escalated","resolved","duration","startIso","allCompleted","allResolved","isFinished","endIso","formatElapsed","inlineStats","items","hasMessages","PageHeaderWithStats","JsonViewer","SectionLabel"],"mappings":"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"}

package/dashboard/dist/assets/{ProcessesListPage-DatKHVkd.js → ProcessesListPage-OoZ_u4ty.js}

@@ -1,2 +1,2 @@
-import{j as s}from"./vendor-query-B2UbickB.js";import{u as x}from"./tasks-B4Y5xbF0.js";import{u as h}from"./workflows-BAdI5k--.js";import{u as w}from"./useEventHooks-D8bVEx-w.js";import{u as k}from"./useFilterParams-CvRyYHJN.js";import{u as y}from"./useDebouncedValue-BA5S7V54.js";import{b as v}from"./api-path-u2Jf9QXS.js";import{D as _}from"./DataTable-BTu2AaEl.js";import{T as c}from"./TimestampCell-DG__Gr-e.js";import{S as b}from"./StickyPagination-BI8tDf2V.js";import{F as j,a as P,b as p}from"./FilterBar-CeXwNVn6.js";import{P as S}from"./PageHeader-DlcE3U5L.js";import{L as N}from"./ListToolbar-Dx6DuFdR.js";import{W as C}from"./WorkflowPill-DlSVXnnj.js";import{a as T}from"./vendor-react-BpdAFEQc.js";import"./index-CKxFjMtw.js";import"./vendor-icons-BE_WrH2z.js";import"./EmptyState-BcsfPq9T.js";const F=[{value:"active",label:"Active"},{value:"completed",label:"Completed"},{value:"escalated",label:"Escalated"}],z=[{key:"origin_id",label:"Origin",render:e=>s.jsx("span",{className:"font-mono text-xs",title:e.origin_id,children:e.origin_id.length>40?`${e.origin_id.slice(0,40)}…`:e.origin_id})},{key:"workflow_types",label:"Workflows",render:e=>s.jsx("div",{className:"flex flex-wrap gap-1",children:e.workflow_types.map(a=>s.jsx(C,{type:a},a))})},{key:"task_count",label:"Tasks",render:e=>s.jsx("span",{children:e.task_count}),className:"w-20 text-right"},{key:"completed",label:"Completed",render:e=>e.completed>0?s.jsx("span",{className:"text-status-success",children:e.completed}):s.jsx("span",{className:"text-text-tertiary",children:"0"}),className:"w-24 text-right"},{key:"escalated",label:"Escalated",render:e=>e.escalated>0?s.jsx("span",{className:"text-status-error",children:e.escalated}):s.jsx("span",{className:"text-text-tertiary",children:"0"}),className:"w-24 text-right"},{key:"started_at",label:"Started",render:e=>s.jsx(c,{date:e.started_at}),className:"w-44"},{key:"last_activity",label:"Last Activity",render:e=>s.jsx(c,{date:e.last_activity}),className:"w-44"}];function Q(){w();const e=T(),{filters:a,setFilter:i,pagination:o}=k({filters:{workflow_type:"",status:"",search:""}}),l=y(a.search,300),{data:m}=h(),d=[...new Set((m??[]).map(t=>t.workflow_type))].sort(),{data:r,isLoading:f,refetch:g,isFetching:u}=x({workflow_type:a.workflow_type||void 0,status:a.status||void 0,search:l||void 0,limit:o.pageSize,offset:o.offset}),n=(r==null?void 0:r.total)??0;return s.jsxs("div",{children:[s.jsx(S,{title:"All Processes",docsHash:"#docs:dashboard.md:processes-overview"}),s.jsxs(j,{actions:s.jsx(N,{onRefresh:()=>g(),isFetching:u,apiPath:v("/tasks/processes",{limit:o.pageSize,offset:o.offset,workflow_type:a.workflow_type||void 0,status:a.status||void 0,search:l||void 0})}),children:[s.jsx(P,{label:"Search",value:a.search,onChange:t=>i("search",t),placeholder:"origin, workflow, or trace ID"}),s.jsx(p,{label:"Status",value:a.status,onChange:t=>i("status",t),options:F}),s.jsx(p,{label:"Workflow Type",value:a.workflow_type,onChange:t=>i("workflow_type",t),options:d.map(t=>({value:t,label:t}))})]}),s.jsx(_,{columns:z,data:(r==null?void 0:r.processes)??[],keyFn:t=>t.origin_id,onRowClick:t=>e(`/processes/detail/${encodeURIComponent(t.origin_id)}`),isLoading:f,emptyMessage:"No business processes found"}),s.jsx(b,{page:o.page,totalPages:o.totalPages(n),onPageChange:o.setPage,total:n,pageSize:o.pageSize,onPageSizeChange:o.setPageSize})]})}export{Q as ProcessesListPage};
-//# sourceMappingURL=ProcessesListPage-DatKHVkd.js.map
+import{j as s}from"./vendor-query-B2UbickB.js";import{u as x}from"./tasks-DggQdNbj.js";import{u as h}from"./workflows-PtnlRK09.js";import{u as w}from"./useEventHooks-5uI9oI5W.js";import{u as k}from"./useFilterParams-CvRyYHJN.js";import{u as y}from"./useDebouncedValue-BA5S7V54.js";import{b as v}from"./api-path-u2Jf9QXS.js";import{D as _}from"./DataTable-BTu2AaEl.js";import{T as c}from"./TimestampCell-Fq17Zrsu.js";import{S as b}from"./StickyPagination-DvIF3kQK.js";import{F as j,a as P,b as p}from"./FilterBar-BOV8DWIO.js";import{P as S}from"./PageHeader-Bw8RNkqR.js";import{L as N}from"./ListToolbar-BFHVOba6.js";import{W as C}from"./WorkflowPill-CcUUVugA.js";import{a as T}from"./vendor-react-BpdAFEQc.js";import"./index-Dh3CVChT.js";import"./vendor-icons-DN9yGSuM.js";import"./EmptyState-BcsfPq9T.js";const F=[{value:"active",label:"Active"},{value:"completed",label:"Completed"},{value:"escalated",label:"Escalated"}],z=[{key:"origin_id",label:"Origin",render:e=>s.jsx("span",{className:"font-mono text-xs",title:e.origin_id,children:e.origin_id.length>40?`${e.origin_id.slice(0,40)}…`:e.origin_id})},{key:"workflow_types",label:"Workflows",render:e=>s.jsx("div",{className:"flex flex-wrap gap-1",children:e.workflow_types.map(a=>s.jsx(C,{type:a},a))})},{key:"task_count",label:"Tasks",render:e=>s.jsx("span",{children:e.task_count}),className:"w-20 text-right"},{key:"completed",label:"Completed",render:e=>e.completed>0?s.jsx("span",{className:"text-status-success",children:e.completed}):s.jsx("span",{className:"text-text-tertiary",children:"0"}),className:"w-24 text-right"},{key:"escalated",label:"Escalated",render:e=>e.escalated>0?s.jsx("span",{className:"text-status-error",children:e.escalated}):s.jsx("span",{className:"text-text-tertiary",children:"0"}),className:"w-24 text-right"},{key:"started_at",label:"Started",render:e=>s.jsx(c,{date:e.started_at}),className:"w-44"},{key:"last_activity",label:"Last Activity",render:e=>s.jsx(c,{date:e.last_activity}),className:"w-44"}];function Q(){w();const e=T(),{filters:a,setFilter:i,pagination:o}=k({filters:{workflow_type:"",status:"",search:""}}),l=y(a.search,300),{data:m}=h(),d=[...new Set((m??[]).map(t=>t.workflow_type))].sort(),{data:r,isLoading:f,refetch:g,isFetching:u}=x({workflow_type:a.workflow_type||void 0,status:a.status||void 0,search:l||void 0,limit:o.pageSize,offset:o.offset}),n=(r==null?void 0:r.total)??0;return s.jsxs("div",{children:[s.jsx(S,{title:"All Processes",docsHash:"#docs:dashboard.md:processes-overview"}),s.jsxs(j,{actions:s.jsx(N,{onRefresh:()=>g(),isFetching:u,apiPath:v("/tasks/processes",{limit:o.pageSize,offset:o.offset,workflow_type:a.workflow_type||void 0,status:a.status||void 0,search:l||void 0})}),children:[s.jsx(P,{label:"Search",value:a.search,onChange:t=>i("search",t),placeholder:"origin, workflow, or trace ID"}),s.jsx(p,{label:"Status",value:a.status,onChange:t=>i("status",t),options:F}),s.jsx(p,{label:"Workflow Type",value:a.workflow_type,onChange:t=>i("workflow_type",t),options:d.map(t=>({value:t,label:t}))})]}),s.jsx(_,{columns:z,data:(r==null?void 0:r.processes)??[],keyFn:t=>t.origin_id,onRowClick:t=>e(`/processes/detail/${encodeURIComponent(t.origin_id)}`),isLoading:f,emptyMessage:"No business processes found"}),s.jsx(b,{page:o.page,totalPages:o.totalPages(n),onPageChange:o.setPage,total:n,pageSize:o.pageSize,onPageSizeChange:o.setPageSize})]})}export{Q as ProcessesListPage};
+//# sourceMappingURL=ProcessesListPage-OoZ_u4ty.js.map