@hotmeshio/long-tail 0.6.0 → 0.6.2

package/dashboard/dist/assets/RolesPage-DLnaW6iD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RolesPage-DLnaW6iD.js","sources":["../../src/pages/admin/roles/CreateRoleModal.tsx","../../src/pages/admin/roles/EscalationPanel.tsx","../../src/pages/admin/roles/RoleColumns.tsx","../../src/pages/admin/roles/RolesPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useCreateRole } from '../../../api/roles';\nimport { Modal } from '../../../components/common/modal/Modal';\n\nexport function CreateRoleModal({\n  open,\n  onClose,\n}: {\n  open: boolean;\n  onClose: () => void;\n}) {\n  const createRole = useCreateRole();\n  const [roleName, setRoleName] = useState('');\n\n  const [prevOpen, setPrevOpen] = useState(open);\n  if (open !== prevOpen) {\n    setPrevOpen(open);\n    if (open) {\n      setRoleName('');\n      createRole.reset();\n    }\n  }\n\n  const handleCreate = () => {\n    const trimmed = roleName.trim().toLowerCase();\n    if (!trimmed) return;\n    createRole.mutate(trimmed, { onSuccess: onClose });\n  };\n\n  return (\n    <Modal open={open} onClose={onClose} title=\"Create Role\">\n      <div className=\"space-y-4\">\n        <div>\n          <label className=\"block text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1\">\n            Role Name (required)\n          </label>\n          <input\n            type=\"text\"\n            value={roleName}\n            onChange={(e) => setRoleName(e.target.value)}\n            placeholder=\"e.g., reviewer\"\n            className=\"input text-xs w-full\"\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') handleCreate();\n            }}\n          />\n          <p className=\"text-[10px] text-text-tertiary mt-1\">\n            Lowercase letters, numbers, hyphens, and underscores only.\n          </p>\n        </div>\n\n        {createRole.error && (\n          <p className=\"text-xs text-status-error\">{(createRole.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={!roleName.trim() || createRole.isPending}\n            className=\"btn-primary text-xs\"\n          >\n            {createRole.isPending ? 'Creating...' : 'Create'}\n          </button>\n        </div>\n      </div>\n    </Modal>\n  );\n}\n","import { useState, useMemo } from 'react';\nimport {\n  useEscalationChains,\n  useAddEscalationChain,\n  useRemoveEscalationChain,\n} from '../../../api/roles';\n\nexport function EscalationPanel({\n  selectedRole,\n  allRoles,\n}: {\n  selectedRole: string | null;\n  allRoles: string[];\n}) {\n  const { data: chainsData } = useEscalationChains();\n  const addChain = useAddEscalationChain();\n  const removeChain = useRemoveEscalationChain();\n  const [newTarget, setNewTarget] = useState('');\n\n  const chains = chainsData?.chains ?? [];\n\n  const targets = useMemo(() => {\n    if (!selectedRole) return [];\n    return chains.filter((c) => c.source_role === selectedRole).map((c) => c.target_role);\n  }, [chains, selectedRole]);\n\n  const available = useMemo(() => {\n    if (!selectedRole) return [];\n    return allRoles.filter((r) => r !== selectedRole && r !== 'superadmin' && !targets.includes(r));\n  }, [allRoles, selectedRole, targets]);\n\n  const handleAdd = () => {\n    if (!selectedRole || !newTarget.trim()) return;\n    addChain.mutate(\n      { source_role: selectedRole, target_role: newTarget.trim() },\n      { onSuccess: () => setNewTarget('') },\n    );\n  };\n\n  const handleRemove = (target: string) => {\n    if (!selectedRole) return;\n    removeChain.mutate({ source_role: selectedRole, target_role: target });\n  };\n\n  const isSuperAdmin = selectedRole === 'superadmin';\n\n  return (\n    <div className=\"border-l border-surface-border pl-6 min-h-[300px]\">\n      <p className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-4\">\n        Escalation Routing\n      </p>\n\n      {!selectedRole ? (\n        <p className=\"text-xs text-text-tertiary\">\n          Select a role to manage its escalation targets.\n        </p>\n      ) : isSuperAdmin ? (\n        <div>\n          <p className=\"text-sm font-mono text-text-primary mb-2\">{selectedRole}</p>\n          <p className=\"text-xs text-text-tertiary\">\n            Superadmins can escalate to any role implicitly.\n          </p>\n        </div>\n      ) : (\n        <div className=\"space-y-4\">\n          <div>\n            <p className=\"text-sm font-mono text-text-primary\">{selectedRole}</p>\n            <p className=\"text-[10px] text-text-tertiary mt-0.5\">Can escalate to:</p>\n          </div>\n\n          {targets.length === 0 ? (\n            <p className=\"text-xs text-text-tertiary\">\n              No escalation targets configured.\n            </p>\n          ) : (\n            <div className=\"flex flex-wrap gap-2\">\n              {targets.map((target) => (\n                <span\n                  key={target}\n                  className=\"inline-flex items-center gap-1.5 px-2.5 py-1 text-xs bg-surface-sunken rounded-full text-text-secondary font-mono\"\n                >\n                  {target}\n                  <button\n                    onClick={() => handleRemove(target)}\n                    className=\"text-text-tertiary hover:text-status-error transition-colors\"\n                    title={`Remove ${target}`}\n                  >\n                    &times;\n                  </button>\n                </span>\n              ))}\n            </div>\n          )}\n\n          {available.length > 0 && (\n            <div className=\"pt-3 border-t border-surface-border\">\n              <p className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-2\">\n                Add Target\n              </p>\n              <div className=\"flex items-center gap-2\">\n                <select\n                  value={newTarget}\n                  onChange={(e) => setNewTarget(e.target.value)}\n                  className=\"select text-xs font-mono flex-1\"\n                >\n                  <option value=\"\">Select a role...</option>\n                  {available.map((r) => (\n                    <option key={r} value={r}>{r}</option>\n                  ))}\n                </select>\n                <button\n                  onClick={handleAdd}\n                  disabled={!newTarget || addChain.isPending}\n                  className=\"btn-primary text-xs\"\n                >\n                  {addChain.isPending ? 'Adding...' : 'Add'}\n                </button>\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n","import { Users, Trash2 } from 'lucide-react';\nimport { type RoleDetail } from '../../../api/roles';\nimport { type Column } from '../../../components/common/data/DataTable';\nimport { RowAction, RowActionGroup } from '../../../components/common/layout/RowActions';\n\nexport function getRoleColumns(\n  onDelete: (row: RoleDetail) => void,\n): Column<RoleDetail>[] {\n  return [\n    {\n      key: 'role',\n      label: 'Role',\n      render: (row) => (\n        <div className=\"flex items-center gap-2.5\">\n          <Users className=\"w-4 h-4 text-accent/60 shrink-0\" />\n          <span className=\"text-sm text-text-primary\">{row.role}</span>\n        </div>\n      ),\n    },\n    {\n      key: 'user_count',\n      label: 'Users',\n      render: (row) =>\n        row.user_count > 0\n          ? <span className=\"text-text-primary\">{row.user_count}</span>\n          : <span className=\"text-text-tertiary\">0</span>,\n      className: 'w-24 text-right',\n    },\n    {\n      key: 'chain_count',\n      label: 'Escalations',\n      render: (row) =>\n        row.chain_count > 0\n          ? <span className=\"text-text-primary\">{row.chain_count}</span>\n          : <span className=\"text-text-tertiary\">0</span>,\n      className: 'w-28 text-right',\n    },\n    {\n      key: 'workflow_count',\n      label: 'Workflows',\n      render: (row) =>\n        row.workflow_count > 0\n          ? <span className=\"text-text-primary\">{row.workflow_count}</span>\n          : <span className=\"text-text-tertiary\">0</span>,\n      className: 'w-28 text-right',\n    },\n    {\n      key: 'actions',\n      label: '',\n      render: (row) => {\n        const inUse = row.user_count > 0 || row.chain_count > 0 || row.workflow_count > 0;\n        if (inUse) return null;\n        return (\n          <RowActionGroup>\n            <RowAction\n              icon={Trash2}\n              title=\"Delete role\"\n              onClick={() => onDelete(row)}\n              colorClass=\"text-text-tertiary hover:text-status-error\"\n            />\n          </RowActionGroup>\n        );\n      },\n      className: 'w-16 text-right',\n    },\n  ];\n}\n","import { useState, useMemo } from 'react';\nimport { Search } from 'lucide-react';\nimport { useRoleDetails, useDeleteRole, type RoleDetail } from '../../../api/roles';\nimport { DataTable } from '../../../components/common/data/DataTable';\nimport { ConfirmDeleteModal } from '../../../components/common/modal/ConfirmDeleteModal';\nimport { PageHeader } from '../../../components/common/layout/PageHeader';\nimport { CreateRoleModal } from './CreateRoleModal';\nimport { EscalationPanel } from './EscalationPanel';\nimport { getRoleColumns } from './RoleColumns';\n\nexport function RolesPage() {\n  const { data, isLoading } = useRoleDetails();\n  const deleteRole = useDeleteRole();\n\n  const [showCreate, setShowCreate] = useState(false);\n  const [confirmDelete, setConfirmDelete] = useState<RoleDetail | null>(null);\n  const [selectedRole, setSelectedRole] = useState<string | null>(null);\n  const [search, setSearch] = useState('');\n\n  const roles = data?.roles ?? [];\n  const allRoleNames = useMemo(() => roles.map((r) => r.role), [roles]);\n\n  const filtered = useMemo(() => {\n    if (!search.trim()) return roles;\n    const q = search.toLowerCase();\n    return roles.filter((r) => r.role.toLowerCase().includes(q));\n  }, [roles, search]);\n\n  const columns = getRoleColumns((row) => setConfirmDelete(row));\n\n  const handleDelete = () => {\n    if (!confirmDelete) return;\n    deleteRole.mutate(confirmDelete.role, {\n      onSuccess: () => setConfirmDelete(null),\n    });\n  };\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Roles\"\n        docsHash=\"#docs:dashboard.md:roles-and-permissions\"\n        actions={\n          <button onClick={() => setShowCreate(true)} className=\"btn-primary text-xs\">\n            Add Role\n          </button>\n        }\n      />\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-[1fr_320px] gap-6 items-start\">\n        <div>\n          {/* Sticky search bar */}\n          <div className=\"sticky top-0 z-20 bg-surface pt-3 pb-3\">\n            <div className=\"bg-[#F7F7F7] rounded-lg px-5 py-2\">\n              <div className=\"relative w-1/2\">\n                <Search className=\"absolute left-0 top-1/2 -translate-y-1/2 w-3 h-3 text-text-quaternary\" />\n                <input\n                  type=\"text\"\n                  value={search}\n                  onChange={(e) => setSearch(e.target.value)}\n                  placeholder={`Search ${roles.length} roles…`}\n                  className=\"w-full pl-5 py-1 text-sm bg-transparent border-b border-surface-border/60 text-text-primary placeholder:text-text-quaternary focus:outline-none focus:border-accent/50 transition-colors\"\n                />\n              </div>\n            </div>\n          </div>\n\n          <DataTable\n            columns={columns}\n            data={filtered}\n            keyFn={(row) => row.role}\n            isLoading={isLoading}\n            emptyMessage=\"No roles found\"\n            onRowClick={(row) => setSelectedRole(row.role)}\n            activeRowKey={selectedRole}\n          />\n        </div>\n\n        <div className=\"sticky top-4\">\n          <EscalationPanel selectedRole={selectedRole} allRoles={allRoleNames} />\n        </div>\n      </div>\n\n      <CreateRoleModal open={showCreate} onClose={() => setShowCreate(false)} />\n\n      <ConfirmDeleteModal\n        open={!!confirmDelete}\n        onClose={() => setConfirmDelete(null)}\n        onConfirm={handleDelete}\n        title=\"Delete Role\"\n        description={\n          <>\n            Delete role{' '}\n            <span className=\"font-medium font-mono text-text-primary\">\n              {confirmDelete?.role}\n            </span>\n            ? This action cannot be undone.\n          </>\n        }\n        isPending={deleteRole.isPending}\n        error={deleteRole.error as Error | null}\n      />\n    </div>\n  );\n}\n"],"names":["CreateRoleModal","open","onClose","createRole","useCreateRole","roleName","setRoleName","useState","prevOpen","setPrevOpen","handleCreate","trimmed","jsx","Modal","jsxs","e","EscalationPanel","selectedRole","allRoles","chainsData","useEscalationChains","addChain","useAddEscalationChain","removeChain","useRemoveEscalationChain","newTarget","setNewTarget","chains","targets","useMemo","c","available","handleAdd","handleRemove","target","isSuperAdmin","getRoleColumns","onDelete","row","Users","RowActionGroup","RowAction","Trash2","RolesPage","data","isLoading","useRoleDetails","deleteRole","useDeleteRole","showCreate","setShowCreate","confirmDelete","setConfirmDelete","setSelectedRole","search","setSearch","roles","allRoleNames","r","filtered","q","columns","handleDelete","PageHeader","Search","DataTable","ConfirmDeleteModal","Fragment"],"mappings":"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"}

package/dashboard/dist/assets/{RunAsSelector-2LWkjSnO.js → RunAsSelector-BoLHF4fy.js}

@@ -1,2 +1,2 @@
-import{j as s}from"./vendor-query-B2UbickB.js";import{B as c}from"./BotPicker-D-FvXJOM.js";import{j as m}from"./index-DE0r9SEX.js";import{a as o,aa as x}from"./vendor-icons-Dy5Jpknf.js";function j({selected:e,onChange:n}){const{user:t,isSuperAdmin:a,hasRoleType:i}=m(),r=a||i("admin");return s.jsx("div",{children:r?s.jsx(c,{selected:e,onChange:n}):s.jsx("div",{className:"flex items-center gap-1.5",children:e?s.jsxs(s.Fragment,{children:[s.jsx(o,{className:"w-3 h-3 text-accent/75 shrink-0",strokeWidth:1.5}),s.jsxs("span",{className:"text-[10px] text-text-secondary",children:["Running as ",s.jsx("span",{className:"font-medium text-accent font-mono",children:e})]})]}):s.jsxs(s.Fragment,{children:[s.jsx(x,{className:"w-3 h-3 text-accent/75 shrink-0",strokeWidth:1.5}),s.jsxs("span",{className:"text-[10px] text-text-secondary",children:["Running as ",s.jsx("span",{className:"font-medium text-accent",children:(t==null?void 0:t.displayName)||(t==null?void 0:t.userId)||"you"})]})]})})})}export{j as R};
-//# sourceMappingURL=RunAsSelector-2LWkjSnO.js.map
+import{j as s}from"./vendor-query-B2UbickB.js";import{B as c}from"./BotPicker-DSozotGk.js";import{j as m}from"./index-B1kc6itM.js";import{a as o,ab as x}from"./vendor-icons--Ivmp-RX.js";function j({selected:e,onChange:n}){const{user:t,isSuperAdmin:a,hasRoleType:i}=m(),r=a||i("admin");return s.jsx("div",{children:r?s.jsx(c,{selected:e,onChange:n}):s.jsx("div",{className:"flex items-center gap-1.5",children:e?s.jsxs(s.Fragment,{children:[s.jsx(o,{className:"w-3 h-3 text-accent/75 shrink-0",strokeWidth:1.5}),s.jsxs("span",{className:"text-[10px] text-text-secondary",children:["Running as ",s.jsx("span",{className:"font-medium text-accent font-mono",children:e})]})]}):s.jsxs(s.Fragment,{children:[s.jsx(x,{className:"w-3 h-3 text-accent/75 shrink-0",strokeWidth:1.5}),s.jsxs("span",{className:"text-[10px] text-text-secondary",children:["Running as ",s.jsx("span",{className:"font-medium text-accent",children:(t==null?void 0:t.displayName)||(t==null?void 0:t.userId)||"you"})]})]})})})}export{j as R};
+//# sourceMappingURL=RunAsSelector-BoLHF4fy.js.map

package/dashboard/dist/assets/{RunAsSelector-2LWkjSnO.js.map → RunAsSelector-BoLHF4fy.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RunAsSelector-2LWkjSnO.js","sources":["../../src/components/common/form/RunAsSelector.tsx"],"sourcesContent":["import { Bot, UserCircle } from 'lucide-react';\nimport { BotPicker } from './BotPicker';\nimport { useAuth } from '../../../hooks/useAuth';\n\ninterface RunAsSelectorProps {\n  selected: string;\n  onChange: (botExternalId: string) => void;\n}\n\nexport function RunAsSelector({ selected, onChange }: RunAsSelectorProps) {\n  const { user, isSuperAdmin, hasRoleType } = useAuth();\n  const isAdmin = isSuperAdmin || hasRoleType('admin');\n\n  return (\n    <div>\n      {isAdmin ? (\n        <BotPicker selected={selected} onChange={onChange} />\n      ) : (\n        <div className=\"flex items-center gap-1.5\">\n          {selected ? (\n            <>\n              <Bot className=\"w-3 h-3 text-accent/75 shrink-0\" strokeWidth={1.5} />\n              <span className=\"text-[10px] text-text-secondary\">\n                Running as <span className=\"font-medium text-accent font-mono\">{selected}</span>\n              </span>\n            </>\n          ) : (\n            <>\n              <UserCircle className=\"w-3 h-3 text-accent/75 shrink-0\" strokeWidth={1.5} />\n              <span className=\"text-[10px] text-text-secondary\">\n                Running as <span className=\"font-medium text-accent\">{user?.displayName || user?.userId || 'you'}</span>\n              </span>\n            </>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["RunAsSelector","selected","onChange","user","isSuperAdmin","hasRoleType","useAuth","isAdmin","jsx","BotPicker","jsxs","Fragment","Bot","UserCircle"],"mappings":"0LASO,SAASA,EAAc,CAAE,SAAAC,EAAU,SAAAC,GAAgC,CACxE,KAAM,CAAE,KAAAC,EAAM,aAAAC,EAAc,YAAAC,CAAA,EAAgBC,EAAA,EACtCC,EAAUH,GAAgBC,EAAY,OAAO,EAEnD,OACEG,EAAAA,IAAC,MAAA,CACE,SAAAD,EACCC,EAAAA,IAACC,EAAA,CAAU,SAAAR,EAAoB,SAAAC,CAAA,CAAoB,EAEnDM,EAAAA,IAAC,MAAA,CAAI,UAAU,4BACZ,WACCE,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAH,EAAAA,IAACI,EAAA,CAAI,UAAU,kCAAkC,YAAa,IAAK,EACnEF,EAAAA,KAAC,OAAA,CAAK,UAAU,kCAAkC,SAAA,CAAA,cACrCF,EAAAA,IAAC,OAAA,CAAK,UAAU,oCAAqC,SAAAP,CAAA,CAAS,CAAA,CAAA,CAC3E,CAAA,CAAA,CACF,EAEAS,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAH,EAAAA,IAACK,EAAA,CAAW,UAAU,kCAAkC,YAAa,IAAK,EAC1EH,EAAAA,KAAC,OAAA,CAAK,UAAU,kCAAkC,SAAA,CAAA,cACrCF,EAAAA,IAAC,QAAK,UAAU,0BAA2B,2BAAM,eAAeL,GAAA,YAAAA,EAAM,SAAU,KAAA,CAAM,CAAA,CAAA,CACnG,CAAA,CAAA,CACF,EAEJ,EAEJ,CAEJ"}
+{"version":3,"file":"RunAsSelector-BoLHF4fy.js","sources":["../../src/components/common/form/RunAsSelector.tsx"],"sourcesContent":["import { Bot, UserCircle } from 'lucide-react';\nimport { BotPicker } from './BotPicker';\nimport { useAuth } from '../../../hooks/useAuth';\n\ninterface RunAsSelectorProps {\n  selected: string;\n  onChange: (botExternalId: string) => void;\n}\n\nexport function RunAsSelector({ selected, onChange }: RunAsSelectorProps) {\n  const { user, isSuperAdmin, hasRoleType } = useAuth();\n  const isAdmin = isSuperAdmin || hasRoleType('admin');\n\n  return (\n    <div>\n      {isAdmin ? (\n        <BotPicker selected={selected} onChange={onChange} />\n      ) : (\n        <div className=\"flex items-center gap-1.5\">\n          {selected ? (\n            <>\n              <Bot className=\"w-3 h-3 text-accent/75 shrink-0\" strokeWidth={1.5} />\n              <span className=\"text-[10px] text-text-secondary\">\n                Running as <span className=\"font-medium text-accent font-mono\">{selected}</span>\n              </span>\n            </>\n          ) : (\n            <>\n              <UserCircle className=\"w-3 h-3 text-accent/75 shrink-0\" strokeWidth={1.5} />\n              <span className=\"text-[10px] text-text-secondary\">\n                Running as <span className=\"font-medium text-accent\">{user?.displayName || user?.userId || 'you'}</span>\n              </span>\n            </>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["RunAsSelector","selected","onChange","user","isSuperAdmin","hasRoleType","useAuth","isAdmin","jsx","BotPicker","jsxs","Fragment","Bot","UserCircle"],"mappings":"0LASO,SAASA,EAAc,CAAE,SAAAC,EAAU,SAAAC,GAAgC,CACxE,KAAM,CAAE,KAAAC,EAAM,aAAAC,EAAc,YAAAC,CAAA,EAAgBC,EAAA,EACtCC,EAAUH,GAAgBC,EAAY,OAAO,EAEnD,OACEG,EAAAA,IAAC,MAAA,CACE,SAAAD,EACCC,EAAAA,IAACC,EAAA,CAAU,SAAAR,EAAoB,SAAAC,CAAA,CAAoB,EAEnDM,EAAAA,IAAC,MAAA,CAAI,UAAU,4BACZ,WACCE,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAH,EAAAA,IAACI,EAAA,CAAI,UAAU,kCAAkC,YAAa,IAAK,EACnEF,EAAAA,KAAC,OAAA,CAAK,UAAU,kCAAkC,SAAA,CAAA,cACrCF,EAAAA,IAAC,OAAA,CAAK,UAAU,oCAAqC,SAAAP,CAAA,CAAS,CAAA,CAAA,CAC3E,CAAA,CAAA,CACF,EAEAS,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAH,EAAAA,IAACK,EAAA,CAAW,UAAU,kCAAkC,YAAa,IAAK,EAC1EH,EAAAA,KAAC,OAAA,CAAK,UAAU,kCAAkC,SAAA,CAAA,cACrCF,EAAAA,IAAC,QAAK,UAAU,0BAA2B,2BAAM,eAAeL,GAAA,YAAAA,EAAM,SAAU,KAAA,CAAM,CAAA,CAAA,CACnG,CAAA,CAAA,CACF,EAEJ,EAEJ,CAEJ"}

package/dashboard/dist/assets/StickyPagination-BEMY1L-H.js

@@ -0,0 +1,2 @@
+import{j as t}from"./vendor-query-B2UbickB.js";import{Q as l}from"./index-B1kc6itM.js";const d=[10,25,50,100];function m({page:s,totalPages:r,onPageChange:i,total:n,pageSize:c,onPageSizeChange:a}){if(n===0)return null;const o=(s-1)*c+1,x=Math.min(s*c,n);return t.jsxs("div",{className:"flex items-center justify-between pt-4",children:[t.jsxs("div",{className:"flex items-center gap-4",children:[t.jsxs("p",{className:"text-xs text-text-tertiary",children:[l(o),"–",l(x)," of ",l(n)]}),a&&t.jsx("select",{value:c,onChange:e=>a(parseInt(e.target.value)),className:"select text-xs py-1",children:d.map(e=>t.jsxs("option",{value:e,children:[e," / page"]},e))})]}),r>1&&t.jsxs("div",{className:"flex items-center gap-1",children:[t.jsx("button",{onClick:()=>i(s-1),disabled:s<=1,className:"btn-ghost text-xs disabled:opacity-30 disabled:cursor-not-allowed",children:"Previous"}),t.jsxs("span",{className:"px-3 text-xs text-text-secondary",children:[s," / ",r]}),t.jsx("button",{onClick:()=>i(s+1),disabled:s>=r,className:"btn-ghost text-xs disabled:opacity-30 disabled:cursor-not-allowed",children:"Next"})]})]})}function f(s){return s.total===0?null:t.jsx("div",{className:"sticky bottom-0 z-20 bg-surface/95 backdrop-blur-sm border-t border-surface-border -mx-10 px-10 pt-2 pb-4",children:t.jsx(m,{...s})})}export{f as S};
+//# sourceMappingURL=StickyPagination-BEMY1L-H.js.map

package/dashboard/dist/assets/StickyPagination-BEMY1L-H.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StickyPagination-BEMY1L-H.js","sources":["../../src/components/common/data/Pagination.tsx","../../src/components/common/data/StickyPagination.tsx"],"sourcesContent":["import { formatCount } from '../../../lib/format';\n\nconst PAGE_SIZE_OPTIONS = [10, 25, 50, 100];\n\ninterface PaginationProps {\n  page: number;\n  totalPages: number;\n  onPageChange: (page: number) => void;\n  total: number;\n  pageSize: number;\n  onPageSizeChange?: (size: number) => void;\n}\n\nexport function Pagination({\n  page,\n  totalPages,\n  onPageChange,\n  total,\n  pageSize,\n  onPageSizeChange,\n}: PaginationProps) {\n  if (total === 0) return null;\n\n  const start = (page - 1) * pageSize + 1;\n  const end = Math.min(page * pageSize, total);\n\n  return (\n    <div className=\"flex items-center justify-between pt-4\">\n      <div className=\"flex items-center gap-4\">\n        <p className=\"text-xs text-text-tertiary\">\n          {formatCount(start)}&ndash;{formatCount(end)} of {formatCount(total)}\n        </p>\n        {onPageSizeChange && (\n          <select\n            value={pageSize}\n            onChange={(e) => onPageSizeChange(parseInt(e.target.value))}\n            className=\"select text-xs py-1\"\n          >\n            {PAGE_SIZE_OPTIONS.map((size) => (\n              <option key={size} value={size}>\n                {size} / page\n              </option>\n            ))}\n          </select>\n        )}\n      </div>\n      {totalPages > 1 && (\n        <div className=\"flex items-center gap-1\">\n          <button\n            onClick={() => onPageChange(page - 1)}\n            disabled={page <= 1}\n            className=\"btn-ghost text-xs disabled:opacity-30 disabled:cursor-not-allowed\"\n          >\n            Previous\n          </button>\n          <span className=\"px-3 text-xs text-text-secondary\">\n            {page} / {totalPages}\n          </span>\n          <button\n            onClick={() => onPageChange(page + 1)}\n            disabled={page >= totalPages}\n            className=\"btn-ghost text-xs disabled:opacity-30 disabled:cursor-not-allowed\"\n          >\n            Next\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n","import { Pagination } from './Pagination';\n\ninterface StickyPaginationProps {\n  page: number;\n  totalPages: number;\n  onPageChange: (page: number) => void;\n  total: number;\n  pageSize: number;\n  onPageSizeChange?: (size: number) => void;\n}\n\nexport function StickyPagination(props: StickyPaginationProps) {\n  if (props.total === 0) return null;\n\n  return (\n    <div className=\"sticky bottom-0 z-20 bg-surface/95 backdrop-blur-sm border-t border-surface-border -mx-10 px-10 pt-2 pb-4\">\n      <Pagination {...props} />\n    </div>\n  );\n}\n"],"names":["PAGE_SIZE_OPTIONS","Pagination","page","totalPages","onPageChange","total","pageSize","onPageSizeChange","start","end","jsxs","formatCount","jsx","size","StickyPagination","props"],"mappings":"uFAEA,MAAMA,EAAoB,CAAC,GAAI,GAAI,GAAI,GAAG,EAWnC,SAASC,EAAW,CACzB,KAAAC,EACA,WAAAC,EACA,aAAAC,EACA,MAAAC,EACA,SAAAC,EACA,iBAAAC,CACF,EAAoB,CAClB,GAAIF,IAAU,EAAG,OAAO,KAExB,MAAMG,GAASN,EAAO,GAAKI,EAAW,EAChCG,EAAM,KAAK,IAAIP,EAAOI,EAAUD,CAAK,EAE3C,OACEK,EAAAA,KAAC,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAA,EAAAA,KAAC,IAAA,CAAE,UAAU,6BACV,SAAA,CAAAC,EAAYH,CAAK,EAAE,IAAQG,EAAYF,CAAG,EAAE,OAAKE,EAAYN,CAAK,CAAA,EACrE,EACCE,GACCK,EAAAA,IAAC,SAAA,CACC,MAAON,EACP,SAAW,GAAMC,EAAiB,SAAS,EAAE,OAAO,KAAK,CAAC,EAC1D,UAAU,sBAET,WAAkB,IAAKM,GACtBH,OAAC,SAAA,CAAkB,MAAOG,EACvB,SAAA,CAAAA,EAAK,SAAA,CAAA,EADKA,CAEb,CACD,CAAA,CAAA,CACH,EAEJ,EACCV,EAAa,GACZO,OAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAE,EAAAA,IAAC,SAAA,CACC,QAAS,IAAMR,EAAaF,EAAO,CAAC,EACpC,SAAUA,GAAQ,EAClB,UAAU,oEACX,SAAA,UAAA,CAAA,EAGDQ,EAAAA,KAAC,OAAA,CAAK,UAAU,mCACb,SAAA,CAAAR,EAAK,MAAIC,CAAA,EACZ,EACAS,EAAAA,IAAC,SAAA,CACC,QAAS,IAAMR,EAAaF,EAAO,CAAC,EACpC,SAAUA,GAAQC,EAClB,UAAU,oEACX,SAAA,MAAA,CAAA,CAED,CAAA,CACF,CAAA,EAEJ,CAEJ,CC1DO,SAASW,EAAiBC,EAA8B,CAC7D,OAAIA,EAAM,QAAU,EAAU,KAG5BH,MAAC,OAAI,UAAU,4GACb,eAACX,EAAA,CAAY,GAAGc,EAAO,CAAA,CACzB,CAEJ"}

package/dashboard/dist/assets/{StreamMessageDetail-BTtw3GjX.js → StreamMessageDetail-CVRVWXcU.js}

@@ -1,2 +1,2 @@
-import{u as i,j as a}from"./vendor-query-B2UbickB.js";import{d as c,S as n,J as o,c as x}from"./index-DE0r9SEX.js";import{t as u}from"./vendor-icons-Dy5Jpknf.js";function j(e){const t=new URLSearchParams;return t.set("namespace",e.namespace),t.set("source",e.source),e.limit&&t.set("limit",String(e.limit)),e.offset&&t.set("offset",String(e.offset)),e.sort_by&&t.set("sort_by",e.sort_by),e.order&&t.set("order",e.order),e.status&&t.set("status",e.status),e.stream_name&&t.set("stream_name",e.stream_name),e.msg_type&&t.set("msg_type",e.msg_type),e.topic&&t.set("topic",e.topic),e.workflow_name&&t.set("workflow_name",e.workflow_name),e.jid&&t.set("jid",e.jid),e.aid&&t.set("aid",e.aid),e.dad&&t.set("dad",e.dad),c(`/controlplane/stream-messages?${t}`)}function _(e,t){return i({queryKey:["controlplane","stream-messages",e],queryFn:()=>j(e),enabled:!!e.namespace&&((t==null?void 0:t.enabled)??!0),staleTime:15e3})}const b={pending:"bg-text-tertiary",claimed:"bg-status-warning",processed:"bg-status-success",dead_lettered:"bg-status-error"},y={pending:"Pending",claimed:"Claimed",processed:"Processed",dead_lettered:"Dead Lettered"},m="inline-block px-1.5 py-0.5 text-[10px] font-mono rounded bg-surface-sunken text-text-secondary",N=[{value:"pending",label:"Pending"},{value:"claimed",label:"Claimed"},{value:"processed",label:"Processed"},{value:"dead_lettered",label:"Dead Lettered"}],S=[{value:"engine",label:"Engine"},{value:"worker",label:"Worker"}];function d({label:e,value:t}){return t?a.jsxs("div",{children:[a.jsx("span",{className:"text-text-tertiary",children:e}),a.jsx("div",{className:"mt-0.5",children:a.jsx(x,{date:t,format:"datetime"})})]}):null}function r({label:e,value:t}){return t?a.jsxs("div",{children:[a.jsx("span",{className:"text-text-tertiary",children:e}),a.jsx("p",{className:"text-xs text-text-primary font-mono break-all",children:t})]}):null}function s({label:e,value:t,onFilter:l}){return t?a.jsxs("div",{children:[a.jsx("span",{className:"text-text-tertiary",children:e}),a.jsxs("button",{onClick:()=>l==null?void 0:l(t),className:"flex items-center gap-1 group text-left w-full",title:`Filter by ${e.toLowerCase()}: ${t}`,children:[a.jsx("p",{className:"text-xs text-text-primary font-mono break-all group-hover:text-accent transition-colors",children:t}),a.jsx(u,{className:"w-2.5 h-2.5 shrink-0 text-text-quaternary opacity-0 group-hover:opacity-100 transition-opacity"})]})]}):null}function g({message:e,filters:t}){return e?a.jsxs("div",{className:"space-y-5 text-[11px]",children:[a.jsxs("div",{children:[a.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[a.jsx("span",{className:`w-2 h-2 rounded-full shrink-0 ${b[e.status]}`}),a.jsx(s,{label:"",value:y[e.status],onFilter:()=>{var l;return(l=t==null?void 0:t.onFilterStatus)==null?void 0:l.call(t,e.status)}}),a.jsx("span",{className:m,children:e.source})]}),a.jsx(s,{label:"",value:e.stream_name,onFilter:()=>{var l;return(l=t==null?void 0:t.onFilterStreamName)==null?void 0:l.call(t,e.stream_name)}}),a.jsxs("p",{className:"text-[10px] text-text-tertiary mt-0.5",children:["ID: ",e.id]})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(n,{children:"Timestamps"}),a.jsxs("div",{className:"grid grid-cols-1 gap-2",children:[a.jsx(d,{label:"Created",value:e.created_at}),a.jsx(d,{label:"Reserved",value:e.reserved_at}),a.jsx(d,{label:"Processed",value:e.expired_at}),a.jsx(d,{label:"Dead-lettered",value:e.dead_lettered_at})]})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(n,{children:"Metadata"}),a.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[a.jsx(r,{label:"Priority",value:String(e.priority)}),a.jsx(r,{label:"Retries",value:`${e.retry_attempt} / ${e.max_retry_attempts}`}),a.jsx(r,{label:"Reserved by",value:e.reserved_by})]})]}),e.jid&&a.jsxs("div",{className:"space-y-2",children:[a.jsx(n,{children:"Job"}),a.jsx("div",{className:"grid grid-cols-1 gap-2",children:a.jsx(s,{label:"Job ID",value:e.jid,onFilter:t==null?void 0:t.onFilterJid})})]}),e.source==="worker"&&a.jsxs("div",{className:"space-y-2",children:[a.jsx(n,{children:"Worker Details"}),a.jsxs("div",{className:"grid grid-cols-1 gap-2",children:[a.jsx(s,{label:"Workflow",value:e.workflow_name,onFilter:t==null?void 0:t.onFilterWorkflow}),a.jsx(s,{label:"Activity",value:e.aid,onFilter:t==null?void 0:t.onFilterAid}),a.jsx(r,{label:"Dimension",value:e.dad}),a.jsx(s,{label:"Type",value:e.msg_type,onFilter:t==null?void 0:t.onFilterMsgType}),a.jsx(s,{label:"Topic",value:e.topic,onFilter:t==null?void 0:t.onFilterTopic})]})]}),a.jsx("div",{className:"space-y-2",children:a.jsx(o,{data:e.message,label:"Payload",defaultCollapsed:!1})})]}):null}export{g as S,S as a,N as b,b as c,y as d,m as e,_ as u};
-//# sourceMappingURL=StreamMessageDetail-BTtw3GjX.js.map
+import{u as i,j as a}from"./vendor-query-B2UbickB.js";import{d as c,S as n,J as o,b as x}from"./index-B1kc6itM.js";import{t as u}from"./vendor-icons--Ivmp-RX.js";function j(e){const t=new URLSearchParams;return t.set("namespace",e.namespace),t.set("source",e.source),e.limit&&t.set("limit",String(e.limit)),e.offset&&t.set("offset",String(e.offset)),e.sort_by&&t.set("sort_by",e.sort_by),e.order&&t.set("order",e.order),e.status&&t.set("status",e.status),e.stream_name&&t.set("stream_name",e.stream_name),e.msg_type&&t.set("msg_type",e.msg_type),e.topic&&t.set("topic",e.topic),e.workflow_name&&t.set("workflow_name",e.workflow_name),e.jid&&t.set("jid",e.jid),e.aid&&t.set("aid",e.aid),e.dad&&t.set("dad",e.dad),c(`/controlplane/stream-messages?${t}`)}function _(e,t){return i({queryKey:["controlplane","stream-messages",e],queryFn:()=>j(e),enabled:!!e.namespace&&((t==null?void 0:t.enabled)??!0),staleTime:15e3})}const b={pending:"bg-text-tertiary",claimed:"bg-status-warning",processed:"bg-status-success",dead_lettered:"bg-status-error"},y={pending:"Pending",claimed:"Claimed",processed:"Processed",dead_lettered:"Dead Lettered"},m="inline-block px-1.5 py-0.5 text-[10px] font-mono rounded bg-surface-sunken text-text-secondary",N=[{value:"pending",label:"Pending"},{value:"claimed",label:"Claimed"},{value:"processed",label:"Processed"},{value:"dead_lettered",label:"Dead Lettered"}],S=[{value:"engine",label:"Engine"},{value:"worker",label:"Worker"}];function d({label:e,value:t}){return t?a.jsxs("div",{children:[a.jsx("span",{className:"text-text-tertiary",children:e}),a.jsx("div",{className:"mt-0.5",children:a.jsx(x,{date:t,format:"datetime"})})]}):null}function r({label:e,value:t}){return t?a.jsxs("div",{children:[a.jsx("span",{className:"text-text-tertiary",children:e}),a.jsx("p",{className:"text-xs text-text-primary font-mono break-all",children:t})]}):null}function s({label:e,value:t,onFilter:l}){return t?a.jsxs("div",{children:[a.jsx("span",{className:"text-text-tertiary",children:e}),a.jsxs("button",{onClick:()=>l==null?void 0:l(t),className:"flex items-center gap-1 group text-left w-full",title:`Filter by ${e.toLowerCase()}: ${t}`,children:[a.jsx("p",{className:"text-xs text-text-primary font-mono break-all group-hover:text-accent transition-colors",children:t}),a.jsx(u,{className:"w-2.5 h-2.5 shrink-0 text-text-quaternary opacity-0 group-hover:opacity-100 transition-opacity"})]})]}):null}function g({message:e,filters:t}){return e?a.jsxs("div",{className:"space-y-5 text-[11px]",children:[a.jsxs("div",{children:[a.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[a.jsx("span",{className:`w-2 h-2 rounded-full shrink-0 ${b[e.status]}`}),a.jsx(s,{label:"",value:y[e.status],onFilter:()=>{var l;return(l=t==null?void 0:t.onFilterStatus)==null?void 0:l.call(t,e.status)}}),a.jsx("span",{className:m,children:e.source})]}),a.jsx(s,{label:"",value:e.stream_name,onFilter:()=>{var l;return(l=t==null?void 0:t.onFilterStreamName)==null?void 0:l.call(t,e.stream_name)}}),a.jsxs("p",{className:"text-[10px] text-text-tertiary mt-0.5",children:["ID: ",e.id]})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(n,{children:"Timestamps"}),a.jsxs("div",{className:"grid grid-cols-1 gap-2",children:[a.jsx(d,{label:"Created",value:e.created_at}),a.jsx(d,{label:"Reserved",value:e.reserved_at}),a.jsx(d,{label:"Processed",value:e.expired_at}),a.jsx(d,{label:"Dead-lettered",value:e.dead_lettered_at})]})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(n,{children:"Metadata"}),a.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[a.jsx(r,{label:"Priority",value:String(e.priority)}),a.jsx(r,{label:"Retries",value:`${e.retry_attempt} / ${e.max_retry_attempts}`}),a.jsx(r,{label:"Reserved by",value:e.reserved_by})]})]}),e.jid&&a.jsxs("div",{className:"space-y-2",children:[a.jsx(n,{children:"Job"}),a.jsx("div",{className:"grid grid-cols-1 gap-2",children:a.jsx(s,{label:"Job ID",value:e.jid,onFilter:t==null?void 0:t.onFilterJid})})]}),e.source==="worker"&&a.jsxs("div",{className:"space-y-2",children:[a.jsx(n,{children:"Worker Details"}),a.jsxs("div",{className:"grid grid-cols-1 gap-2",children:[a.jsx(s,{label:"Workflow",value:e.workflow_name,onFilter:t==null?void 0:t.onFilterWorkflow}),a.jsx(s,{label:"Activity",value:e.aid,onFilter:t==null?void 0:t.onFilterAid}),a.jsx(r,{label:"Dimension",value:e.dad}),a.jsx(s,{label:"Type",value:e.msg_type,onFilter:t==null?void 0:t.onFilterMsgType}),a.jsx(s,{label:"Topic",value:e.topic,onFilter:t==null?void 0:t.onFilterTopic})]})]}),a.jsx("div",{className:"space-y-2",children:a.jsx(o,{data:e.message,label:"Payload",defaultCollapsed:!1})})]}):null}export{g as S,S as a,N as b,b as c,y as d,m as e,_ as u};
+//# sourceMappingURL=StreamMessageDetail-CVRVWXcU.js.map

package/dashboard/dist/assets/{StreamMessageDetail-BTtw3GjX.js.map → StreamMessageDetail-CVRVWXcU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StreamMessageDetail-BTtw3GjX.js","sources":["../../src/api/stream-messages.ts","../../src/pages/admin/streams/constants.ts","../../src/pages/admin/streams/StreamMessageDetail.tsx"],"sourcesContent":["import { useQuery } from '@tanstack/react-query';\nimport { apiFetch } from './client';\n\n// ── Types ───────────────────────────────────────────────────────────────────\n\nexport type StreamMessageStatus = 'pending' | 'claimed' | 'processed' | 'dead_lettered';\nexport type StreamMessageSource = 'engine' | 'worker';\n\nexport interface StreamMessage {\n  id: string;\n  source: StreamMessageSource;\n  stream_name: string;\n  message: string;\n  status: StreamMessageStatus;\n  created_at: string;\n  reserved_at: string | null;\n  reserved_by: string | null;\n  expired_at: string | null;\n  dead_lettered_at: string | null;\n  priority: number;\n  visible_at: string | null;\n  retry_attempt: number;\n  max_retry_attempts: number;\n  workflow_name: string | null;\n  jid: string | null;\n  aid: string | null;\n  dad: string | null;\n  msg_type: string | null;\n  topic: string | null;\n}\n\nexport interface StreamMessagesResponse {\n  messages: StreamMessage[];\n  total: number;\n}\n\nexport interface StreamMessagesParams {\n  namespace: string;\n  source: StreamMessageSource;\n  limit?: number;\n  offset?: number;\n  sort_by?: string;\n  order?: 'asc' | 'desc';\n  status?: StreamMessageStatus | '';\n  stream_name?: string;\n  msg_type?: string;\n  topic?: string;\n  workflow_name?: string;\n  jid?: string;\n  aid?: string;\n  dad?: string;\n}\n\n// ── Fetch ───────────────────────────────────────────────────────────────────\n\nfunction fetchStreamMessages(params: StreamMessagesParams) {\n  const qs = new URLSearchParams();\n  qs.set('namespace', params.namespace);\n  qs.set('source', params.source);\n  if (params.limit) qs.set('limit', String(params.limit));\n  if (params.offset) qs.set('offset', String(params.offset));\n  if (params.sort_by) qs.set('sort_by', params.sort_by);\n  if (params.order) qs.set('order', params.order);\n  if (params.status) qs.set('status', params.status);\n  if (params.stream_name) qs.set('stream_name', params.stream_name);\n  if (params.msg_type) qs.set('msg_type', params.msg_type);\n  if (params.topic) qs.set('topic', params.topic);\n  if (params.workflow_name) qs.set('workflow_name', params.workflow_name);\n  if (params.jid) qs.set('jid', params.jid);\n  if (params.aid) qs.set('aid', params.aid);\n  if (params.dad) qs.set('dad', params.dad);\n  return apiFetch<StreamMessagesResponse>(`/controlplane/stream-messages?${qs}`);\n}\n\n// ── Hook ────────────────────────────────────────────────────────────────────\n\nexport function useStreamMessages(params: StreamMessagesParams, options?: { enabled?: boolean }) {\n  return useQuery({\n    queryKey: ['controlplane', 'stream-messages', params],\n    queryFn: () => fetchStreamMessages(params),\n    enabled: !!params.namespace && (options?.enabled ?? true),\n    staleTime: 15_000,\n  });\n}\n","import type { StreamMessageStatus } from '../../../api/stream-messages';\n\nexport const STATUS_DOT: Record<StreamMessageStatus, string> = {\n  pending: 'bg-text-tertiary',\n  claimed: 'bg-status-warning',\n  processed: 'bg-status-success',\n  dead_lettered: 'bg-status-error',\n};\n\nexport const STATUS_LABEL: Record<StreamMessageStatus, string> = {\n  pending: 'Pending',\n  claimed: 'Claimed',\n  processed: 'Processed',\n  dead_lettered: 'Dead Lettered',\n};\n\nexport const SOURCE_BADGE =\n  'inline-block px-1.5 py-0.5 text-[10px] font-mono rounded bg-surface-sunken text-text-secondary';\n\nexport const STATUS_OPTIONS = [\n  { value: 'pending', label: 'Pending' },\n  { value: 'claimed', label: 'Claimed' },\n  { value: 'processed', label: 'Processed' },\n  { value: 'dead_lettered', label: 'Dead Lettered' },\n];\n\nexport const SOURCE_OPTIONS = [\n  { value: 'engine', label: 'Engine' },\n  { value: 'worker', label: 'Worker' },\n];\n","import { Filter } from 'lucide-react';\nimport type { StreamMessage } from '../../../api/stream-messages';\nimport { SectionLabel } from '../../../components/common/layout/SectionLabel';\nimport { DateValue } from '../../../components/common/display/DateValue';\nimport { JsonViewer } from '../../../components/common/data/JsonViewer';\nimport { STATUS_DOT, STATUS_LABEL, SOURCE_BADGE } from './constants';\n\nfunction Timestamp({ label, value }: { label: string; value: string | null }) {\n  if (!value) return null;\n  return (\n    <div>\n      <span className=\"text-text-tertiary\">{label}</span>\n      <div className=\"mt-0.5\">\n        <DateValue date={value} format=\"datetime\" />\n      </div>\n    </div>\n  );\n}\n\nfunction Field({ label, value }: { label: string; value: string | null | undefined }) {\n  if (!value) return null;\n  return (\n    <div>\n      <span className=\"text-text-tertiary\">{label}</span>\n      <p className=\"text-xs text-text-primary font-mono break-all\">{value}</p>\n    </div>\n  );\n}\n\n/** A field value that can be clicked to filter the master list. */\nfunction FilterableField({ label, value, onFilter }: {\n  label: string;\n  value: string | null | undefined;\n  onFilter?: (value: string) => void;\n}) {\n  if (!value) return null;\n  return (\n    <div>\n      <span className=\"text-text-tertiary\">{label}</span>\n      <button\n        onClick={() => onFilter?.(value)}\n        className=\"flex items-center gap-1 group text-left w-full\"\n        title={`Filter by ${label.toLowerCase()}: ${value}`}\n      >\n        <p className=\"text-xs text-text-primary font-mono break-all group-hover:text-accent transition-colors\">{value}</p>\n        <Filter className=\"w-2.5 h-2.5 shrink-0 text-text-quaternary opacity-0 group-hover:opacity-100 transition-opacity\" />\n      </button>\n    </div>\n  );\n}\n\nexport interface StreamMessageDetailFilters {\n  onFilterStatus?: (value: string) => void;\n  onFilterStreamName?: (value: string) => void;\n  onFilterMsgType?: (value: string) => void;\n  onFilterTopic?: (value: string) => void;\n  onFilterWorkflow?: (value: string) => void;\n  onFilterJid?: (value: string) => void;\n  onFilterAid?: (value: string) => void;\n}\n\n/**\n * Standard stream message detail view.\n *\n * This component is the canonical representation of a stream message.\n * Reuse it wherever stream messages need to be displayed — the layout,\n * timestamp formatting (via DateValue with ms/UTC/local tooltip), and\n * payload viewer are the standard.\n */\nexport function StreamMessageDetail({ message, filters }: {\n  message: StreamMessage | null;\n  filters?: StreamMessageDetailFilters;\n}) {\n  if (!message) return null;\n\n  return (\n    <div className=\"space-y-5 text-[11px]\">\n      {/* Header */}\n      <div>\n        <div className=\"flex items-center gap-2 mb-1\">\n          <span className={`w-2 h-2 rounded-full shrink-0 ${STATUS_DOT[message.status]}`} />\n          <FilterableField\n            label=\"\"\n            value={STATUS_LABEL[message.status]}\n            onFilter={() => filters?.onFilterStatus?.(message.status)}\n          />\n          <span className={SOURCE_BADGE}>{message.source}</span>\n        </div>\n        <FilterableField\n          label=\"\"\n          value={message.stream_name}\n          onFilter={() => filters?.onFilterStreamName?.(message.stream_name)}\n        />\n        <p className=\"text-[10px] text-text-tertiary mt-0.5\">ID: {message.id}</p>\n      </div>\n\n      {/* Timestamps */}\n      <div className=\"space-y-2\">\n        <SectionLabel>Timestamps</SectionLabel>\n        <div className=\"grid grid-cols-1 gap-2\">\n          <Timestamp label=\"Created\" value={message.created_at} />\n          <Timestamp label=\"Reserved\" value={message.reserved_at} />\n          <Timestamp label=\"Processed\" value={message.expired_at} />\n          <Timestamp label=\"Dead-lettered\" value={message.dead_lettered_at} />\n        </div>\n      </div>\n\n      {/* Metadata */}\n      <div className=\"space-y-2\">\n        <SectionLabel>Metadata</SectionLabel>\n        <div className=\"grid grid-cols-2 gap-2\">\n          <Field label=\"Priority\" value={String(message.priority)} />\n          <Field label=\"Retries\" value={`${message.retry_attempt} / ${message.max_retry_attempts}`} />\n          <Field label=\"Reserved by\" value={message.reserved_by} />\n        </div>\n      </div>\n\n      {/* Job ID — available on both engine and worker streams */}\n      {message.jid && (\n        <div className=\"space-y-2\">\n          <SectionLabel>Job</SectionLabel>\n          <div className=\"grid grid-cols-1 gap-2\">\n            <FilterableField label=\"Job ID\" value={message.jid} onFilter={filters?.onFilterJid} />\n          </div>\n        </div>\n      )}\n\n      {/* Worker-specific fields — clickable to filter */}\n      {message.source === 'worker' && (\n        <div className=\"space-y-2\">\n          <SectionLabel>Worker Details</SectionLabel>\n          <div className=\"grid grid-cols-1 gap-2\">\n            <FilterableField label=\"Workflow\" value={message.workflow_name} onFilter={filters?.onFilterWorkflow} />\n            <FilterableField label=\"Activity\" value={message.aid} onFilter={filters?.onFilterAid} />\n            <Field label=\"Dimension\" value={message.dad} />\n            <FilterableField label=\"Type\" value={message.msg_type} onFilter={filters?.onFilterMsgType} />\n            <FilterableField label=\"Topic\" value={message.topic} onFilter={filters?.onFilterTopic} />\n          </div>\n        </div>\n      )}\n\n      {/* Message payload — fully expanded by default */}\n      <div className=\"space-y-2\">\n        <JsonViewer data={message.message} label=\"Payload\" defaultCollapsed={false} />\n      </div>\n    </div>\n  );\n}\n"],"names":["fetchStreamMessages","params","qs","apiFetch","useStreamMessages","options","useQuery","STATUS_DOT","STATUS_LABEL","SOURCE_BADGE","STATUS_OPTIONS","SOURCE_OPTIONS","Timestamp","label","value","jsx","DateValue","Field","FilterableField","onFilter","jsxs","Filter","StreamMessageDetail","message","filters","_a","SectionLabel","JsonViewer"],"mappings":"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"}
+{"version":3,"file":"StreamMessageDetail-CVRVWXcU.js","sources":["../../src/api/stream-messages.ts","../../src/pages/admin/streams/constants.ts","../../src/pages/admin/streams/StreamMessageDetail.tsx"],"sourcesContent":["import { useQuery } from '@tanstack/react-query';\nimport { apiFetch } from './client';\n\n// ── Types ───────────────────────────────────────────────────────────────────\n\nexport type StreamMessageStatus = 'pending' | 'claimed' | 'processed' | 'dead_lettered';\nexport type StreamMessageSource = 'engine' | 'worker';\n\nexport interface StreamMessage {\n  id: string;\n  source: StreamMessageSource;\n  stream_name: string;\n  message: string;\n  status: StreamMessageStatus;\n  created_at: string;\n  reserved_at: string | null;\n  reserved_by: string | null;\n  expired_at: string | null;\n  dead_lettered_at: string | null;\n  priority: number;\n  visible_at: string | null;\n  retry_attempt: number;\n  max_retry_attempts: number;\n  workflow_name: string | null;\n  jid: string | null;\n  aid: string | null;\n  dad: string | null;\n  msg_type: string | null;\n  topic: string | null;\n}\n\nexport interface StreamMessagesResponse {\n  messages: StreamMessage[];\n  total: number;\n}\n\nexport interface StreamMessagesParams {\n  namespace: string;\n  source: StreamMessageSource;\n  limit?: number;\n  offset?: number;\n  sort_by?: string;\n  order?: 'asc' | 'desc';\n  status?: StreamMessageStatus | '';\n  stream_name?: string;\n  msg_type?: string;\n  topic?: string;\n  workflow_name?: string;\n  jid?: string;\n  aid?: string;\n  dad?: string;\n}\n\n// ── Fetch ───────────────────────────────────────────────────────────────────\n\nfunction fetchStreamMessages(params: StreamMessagesParams) {\n  const qs = new URLSearchParams();\n  qs.set('namespace', params.namespace);\n  qs.set('source', params.source);\n  if (params.limit) qs.set('limit', String(params.limit));\n  if (params.offset) qs.set('offset', String(params.offset));\n  if (params.sort_by) qs.set('sort_by', params.sort_by);\n  if (params.order) qs.set('order', params.order);\n  if (params.status) qs.set('status', params.status);\n  if (params.stream_name) qs.set('stream_name', params.stream_name);\n  if (params.msg_type) qs.set('msg_type', params.msg_type);\n  if (params.topic) qs.set('topic', params.topic);\n  if (params.workflow_name) qs.set('workflow_name', params.workflow_name);\n  if (params.jid) qs.set('jid', params.jid);\n  if (params.aid) qs.set('aid', params.aid);\n  if (params.dad) qs.set('dad', params.dad);\n  return apiFetch<StreamMessagesResponse>(`/controlplane/stream-messages?${qs}`);\n}\n\n// ── Hook ────────────────────────────────────────────────────────────────────\n\nexport function useStreamMessages(params: StreamMessagesParams, options?: { enabled?: boolean }) {\n  return useQuery({\n    queryKey: ['controlplane', 'stream-messages', params],\n    queryFn: () => fetchStreamMessages(params),\n    enabled: !!params.namespace && (options?.enabled ?? true),\n    staleTime: 15_000,\n  });\n}\n","import type { StreamMessageStatus } from '../../../api/stream-messages';\n\nexport const STATUS_DOT: Record<StreamMessageStatus, string> = {\n  pending: 'bg-text-tertiary',\n  claimed: 'bg-status-warning',\n  processed: 'bg-status-success',\n  dead_lettered: 'bg-status-error',\n};\n\nexport const STATUS_LABEL: Record<StreamMessageStatus, string> = {\n  pending: 'Pending',\n  claimed: 'Claimed',\n  processed: 'Processed',\n  dead_lettered: 'Dead Lettered',\n};\n\nexport const SOURCE_BADGE =\n  'inline-block px-1.5 py-0.5 text-[10px] font-mono rounded bg-surface-sunken text-text-secondary';\n\nexport const STATUS_OPTIONS = [\n  { value: 'pending', label: 'Pending' },\n  { value: 'claimed', label: 'Claimed' },\n  { value: 'processed', label: 'Processed' },\n  { value: 'dead_lettered', label: 'Dead Lettered' },\n];\n\nexport const SOURCE_OPTIONS = [\n  { value: 'engine', label: 'Engine' },\n  { value: 'worker', label: 'Worker' },\n];\n","import { Filter } from 'lucide-react';\nimport type { StreamMessage } from '../../../api/stream-messages';\nimport { SectionLabel } from '../../../components/common/layout/SectionLabel';\nimport { DateValue } from '../../../components/common/display/DateValue';\nimport { JsonViewer } from '../../../components/common/data/JsonViewer';\nimport { STATUS_DOT, STATUS_LABEL, SOURCE_BADGE } from './constants';\n\nfunction Timestamp({ label, value }: { label: string; value: string | null }) {\n  if (!value) return null;\n  return (\n    <div>\n      <span className=\"text-text-tertiary\">{label}</span>\n      <div className=\"mt-0.5\">\n        <DateValue date={value} format=\"datetime\" />\n      </div>\n    </div>\n  );\n}\n\nfunction Field({ label, value }: { label: string; value: string | null | undefined }) {\n  if (!value) return null;\n  return (\n    <div>\n      <span className=\"text-text-tertiary\">{label}</span>\n      <p className=\"text-xs text-text-primary font-mono break-all\">{value}</p>\n    </div>\n  );\n}\n\n/** A field value that can be clicked to filter the master list. */\nfunction FilterableField({ label, value, onFilter }: {\n  label: string;\n  value: string | null | undefined;\n  onFilter?: (value: string) => void;\n}) {\n  if (!value) return null;\n  return (\n    <div>\n      <span className=\"text-text-tertiary\">{label}</span>\n      <button\n        onClick={() => onFilter?.(value)}\n        className=\"flex items-center gap-1 group text-left w-full\"\n        title={`Filter by ${label.toLowerCase()}: ${value}`}\n      >\n        <p className=\"text-xs text-text-primary font-mono break-all group-hover:text-accent transition-colors\">{value}</p>\n        <Filter className=\"w-2.5 h-2.5 shrink-0 text-text-quaternary opacity-0 group-hover:opacity-100 transition-opacity\" />\n      </button>\n    </div>\n  );\n}\n\nexport interface StreamMessageDetailFilters {\n  onFilterStatus?: (value: string) => void;\n  onFilterStreamName?: (value: string) => void;\n  onFilterMsgType?: (value: string) => void;\n  onFilterTopic?: (value: string) => void;\n  onFilterWorkflow?: (value: string) => void;\n  onFilterJid?: (value: string) => void;\n  onFilterAid?: (value: string) => void;\n}\n\n/**\n * Standard stream message detail view.\n *\n * This component is the canonical representation of a stream message.\n * Reuse it wherever stream messages need to be displayed — the layout,\n * timestamp formatting (via DateValue with ms/UTC/local tooltip), and\n * payload viewer are the standard.\n */\nexport function StreamMessageDetail({ message, filters }: {\n  message: StreamMessage | null;\n  filters?: StreamMessageDetailFilters;\n}) {\n  if (!message) return null;\n\n  return (\n    <div className=\"space-y-5 text-[11px]\">\n      {/* Header */}\n      <div>\n        <div className=\"flex items-center gap-2 mb-1\">\n          <span className={`w-2 h-2 rounded-full shrink-0 ${STATUS_DOT[message.status]}`} />\n          <FilterableField\n            label=\"\"\n            value={STATUS_LABEL[message.status]}\n            onFilter={() => filters?.onFilterStatus?.(message.status)}\n          />\n          <span className={SOURCE_BADGE}>{message.source}</span>\n        </div>\n        <FilterableField\n          label=\"\"\n          value={message.stream_name}\n          onFilter={() => filters?.onFilterStreamName?.(message.stream_name)}\n        />\n        <p className=\"text-[10px] text-text-tertiary mt-0.5\">ID: {message.id}</p>\n      </div>\n\n      {/* Timestamps */}\n      <div className=\"space-y-2\">\n        <SectionLabel>Timestamps</SectionLabel>\n        <div className=\"grid grid-cols-1 gap-2\">\n          <Timestamp label=\"Created\" value={message.created_at} />\n          <Timestamp label=\"Reserved\" value={message.reserved_at} />\n          <Timestamp label=\"Processed\" value={message.expired_at} />\n          <Timestamp label=\"Dead-lettered\" value={message.dead_lettered_at} />\n        </div>\n      </div>\n\n      {/* Metadata */}\n      <div className=\"space-y-2\">\n        <SectionLabel>Metadata</SectionLabel>\n        <div className=\"grid grid-cols-2 gap-2\">\n          <Field label=\"Priority\" value={String(message.priority)} />\n          <Field label=\"Retries\" value={`${message.retry_attempt} / ${message.max_retry_attempts}`} />\n          <Field label=\"Reserved by\" value={message.reserved_by} />\n        </div>\n      </div>\n\n      {/* Job ID — available on both engine and worker streams */}\n      {message.jid && (\n        <div className=\"space-y-2\">\n          <SectionLabel>Job</SectionLabel>\n          <div className=\"grid grid-cols-1 gap-2\">\n            <FilterableField label=\"Job ID\" value={message.jid} onFilter={filters?.onFilterJid} />\n          </div>\n        </div>\n      )}\n\n      {/* Worker-specific fields — clickable to filter */}\n      {message.source === 'worker' && (\n        <div className=\"space-y-2\">\n          <SectionLabel>Worker Details</SectionLabel>\n          <div className=\"grid grid-cols-1 gap-2\">\n            <FilterableField label=\"Workflow\" value={message.workflow_name} onFilter={filters?.onFilterWorkflow} />\n            <FilterableField label=\"Activity\" value={message.aid} onFilter={filters?.onFilterAid} />\n            <Field label=\"Dimension\" value={message.dad} />\n            <FilterableField label=\"Type\" value={message.msg_type} onFilter={filters?.onFilterMsgType} />\n            <FilterableField label=\"Topic\" value={message.topic} onFilter={filters?.onFilterTopic} />\n          </div>\n        </div>\n      )}\n\n      {/* Message payload — fully expanded by default */}\n      <div className=\"space-y-2\">\n        <JsonViewer data={message.message} label=\"Payload\" defaultCollapsed={false} />\n      </div>\n    </div>\n  );\n}\n"],"names":["fetchStreamMessages","params","qs","apiFetch","useStreamMessages","options","useQuery","STATUS_DOT","STATUS_LABEL","SOURCE_BADGE","STATUS_OPTIONS","SOURCE_OPTIONS","Timestamp","label","value","jsx","DateValue","Field","FilterableField","onFilter","jsxs","Filter","StreamMessageDetail","message","filters","_a","SectionLabel","JsonViewer"],"mappings":"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"}

package/dashboard/dist/assets/{SwimlaneTimeline-DdXxP4fO.js → SwimlaneTimeline-DDpU0-Jn.js}

@@ -1,2 +1,2 @@
-import{j as t,a as P}from"./vendor-query-B2UbickB.js";import{D as q,c as V,J as k,C as B,f as C}from"./index-DE0r9SEX.js";import{S as X}from"./StatusBadge-Bl3FXVmF.js";import{L as R}from"./vendor-react-CXumBFUA.js";import{u as T,S as Q}from"./StreamMessageDetail-BTtw3GjX.js";function W(e){if(!e)return null;try{return JSON.parse(e)}catch{return e}}function U({event:e}){return t.jsxs("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-3",children:[e.attributes.activity_type&&t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Activity"}),t.jsx("p",{className:"text-xs font-mono text-text-primary",children:e.attributes.activity_type})]}),t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Kind"}),t.jsx("p",{className:"text-xs font-mono text-text-primary",children:e.attributes.kind})]}),e.duration_ms!==null&&t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Duration"}),t.jsx(q,{ms:e.duration_ms,className:"font-mono text-text-primary"})]}),t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Time"}),t.jsx(V,{date:e.event_time,format:"datetime",className:"font-mono text-text-primary"})]}),e.attributes.signal_name&&t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Signal"}),t.jsx("p",{className:"text-xs font-mono text-text-primary",children:e.attributes.signal_name})]}),e.attributes.awaited!==void 0&&t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Awaited"}),t.jsx("p",{className:"text-xs font-mono text-text-primary",children:e.attributes.awaited?"Yes":"No (fire-and-forget)"})]}),e.attributes.timeline_key&&t.jsxs("div",{className:"col-span-2",children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Timeline Key"}),t.jsx("p",{className:"text-xs font-mono text-text-primary truncate",title:e.attributes.timeline_key,children:e.attributes.timeline_key})]}),e.attributes.execution_index!==void 0&&t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Exec Index"}),t.jsx("p",{className:"text-xs font-mono text-text-primary",children:e.attributes.execution_index})]}),e.attributes.scheduled_event_id!=null&&t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Scheduled Event"}),t.jsxs("p",{className:"text-xs font-mono text-text-primary",children:["#",e.attributes.scheduled_event_id]})]}),e.attributes.wait_event_id!=null&&t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Wait Started"}),t.jsxs("p",{className:"text-xs font-mono text-text-primary",children:["Event #",e.attributes.wait_event_id]})]}),e.attributes.initiated_event_id!=null&&t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Initiated Event"}),t.jsxs("p",{className:"text-xs font-mono text-text-primary",children:["#",e.attributes.initiated_event_id]})]})]})}function Z({event:e,childTask:a}){const n=a?W(a.envelope):null,o=a?W(a.data):null;return!a&&e.attributes.child_workflow_id?t.jsx("div",{className:"border-t border-surface-border pt-3",children:t.jsxs("div",{className:"flex items-center gap-3 flex-wrap",children:[t.jsx("span",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Child Workflow"}),t.jsx(R,{to:`/workflows/executions/${e.attributes.child_workflow_id}`,className:"text-xs font-mono text-accent hover:underline",onClick:d=>d.stopPropagation(),children:e.attributes.child_workflow_id})]})}):a?t.jsxs("div",{className:"space-y-3 border-t border-surface-border pt-3",children:[t.jsxs("div",{className:"flex items-center gap-3 flex-wrap",children:[t.jsx("span",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Child Workflow"}),t.jsx(R,{to:`/workflows/executions/${a.workflow_id}`,className:"text-xs font-mono text-accent hover:underline",onClick:d=>d.stopPropagation(),children:a.workflow_id}),t.jsx(X,{status:a.status}),a.completed_at&&t.jsxs("span",{className:"text-[10px] text-text-tertiary",children:["Completed ",t.jsx(V,{date:a.completed_at,format:"relative"})]})]}),(n!=null||o!=null)&&t.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[n!=null?t.jsx(k,{data:n,label:"Input (Envelope)",variant:"panel"}):t.jsx("div",{}),o!=null?t.jsx(k,{data:o,label:"Output (Result)",variant:"panel"}):t.jsx("div",{})]})]}):null}function tt({event:e,childTask:a}){const n=e.attributes.input,o=e.attributes.result,d=e.category==="signal",i=e.category==="activity",l=e.category==="child_workflow",x=n!==void 0&&(i||l),p=!a&&o!==void 0&&(i||l),m=e.attributes.activity_type==="ltSignalParent"?"Signal Payload":"Result";return x||p?t.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[x?t.jsx(k,{data:n,label:"Input",variant:"panel"}):t.jsx("div",{}),p?t.jsx(k,{data:o,label:m,variant:"panel"}):t.jsx("div",{})]}):d&&n!==void 0?t.jsx(k,{data:n,label:"Signal Payload",variant:"panel"}):null}function et(e){if(!e)return null;const a=/^-proxy-(\d+)-$/.exec(e);if(a)return{kind:"proxyIndex",index:parseInt(a[1],10)};if(e.startsWith("-"))return null;const n=e.split("/");return n.length<2?null:{kind:"path",aid:n[n.length-1],dad:`,${n.slice(0,-1).join(",")}`}}function st(e){var a,n;try{const o=JSON.parse(e.message);return{aid:(a=o==null?void 0:o.metadata)==null?void 0:a.aid,dad:(n=o==null?void 0:o.metadata)==null?void 0:n.dad}}catch{return{}}}function at({jid:e,appId:a,event:n}){const[o,d]=P.useState(!1),i=et(n.attributes.timeline_key);return t.jsxs("div",{className:"space-y-2",children:[t.jsxs("button",{onClick:()=>d(l=>!l),className:"flex items-center gap-1.5 text-[10px] font-semibold uppercase tracking-widest text-text-tertiary hover:text-text-secondary transition-colors",children:[t.jsx("span",{className:`transition-transform duration-300 ${o?"rotate-90":""}`,children:"▶"}),"Raw stream message (audit)"]}),t.jsx(B,{open:o,children:o&&t.jsxs("div",{className:"pt-1",children:[!i&&t.jsx("p",{className:"text-[11px] text-text-tertiary",children:"No raw stream row maps to this activity."}),(i==null?void 0:i.kind)==="proxyIndex"&&t.jsx(nt,{namespace:a||"durable",jid:e,index:i.index}),(i==null?void 0:i.kind)==="path"&&t.jsx(rt,{namespace:a||"durable",jid:e,aid:i.aid,dad:i.dad})]})})]})}function nt({namespace:e,jid:a,index:n}){var i,l;const o=T({namespace:e,source:"worker",jid:a,aid:"proxyer",sort_by:"created_at",order:"asc",offset:n-1,limit:1}),d=(l=(i=o.data)==null?void 0:i.messages)==null?void 0:l[0];return o.isLoading?t.jsx(Y,{}):o.error?t.jsx(F,{}):d?t.jsx(J,{note:`Proxy activity #${n} (durable) — the worker stream record for this step`,messages:[d]}):t.jsx(z,{label:`proxy activity #${n}`})}function rt({namespace:e,jid:a,aid:n,dad:o}){var u,w,g;const d=T({namespace:e,source:"worker",jid:a,aid:n,dad:o,limit:1}),i=(w=(u=d.data)==null?void 0:u.messages)==null?void 0:w[0],l=d.isFetched&&!i,x=T({namespace:e,source:"engine",jid:a,limit:200},{enabled:l}),p=l?(((g=x.data)==null?void 0:g.messages)??[]).filter(h=>{const y=st(h);return y.aid===n&&y.dad===o}):[],m=!!i,f=i?[i]:p;return d.isLoading||l&&x.isLoading?t.jsx(Y,{}):d.error?t.jsx(F,{}):f.length===0?t.jsx(z,{label:`${n} ${o}`}):t.jsx(J,{note:m?"Worker stream — the function-execution record behind this activity":`Engine stream — control-flow record${f.length>1?`s (${f.length}, one per occurrence)`:" (trigger / hook / cycle)"}`,messages:f})}function J({note:e,messages:a}){return t.jsxs("div",{className:"space-y-3",children:[t.jsx("p",{className:"text-[10px] text-text-tertiary",children:e}),a.map(n=>t.jsx("div",{className:"rounded-md bg-surface p-3",children:t.jsx(Q,{message:n})},n.id))]})}const Y=()=>t.jsx("p",{className:"text-[11px] text-text-tertiary",children:"Loading stream message…"}),F=()=>t.jsx("p",{className:"text-[11px] text-status-error",children:"Failed to load stream message."}),z=({label:e})=>t.jsxs("p",{className:"text-[11px] text-text-tertiary",children:["No stream row found for ",t.jsx("span",{className:"font-mono",children:e}),"."]});function it({event:e,childTask:a,pending:n=!1,jid:o,appId:d,onClose:i}){return t.jsxs("div",{className:"p-4 bg-surface-sunken rounded-md space-y-4",children:[t.jsxs("div",{className:"flex items-center justify-between gap-2",children:[t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx("p",{className:"font-mono font-medium text-sm text-text-primary",children:e.attributes.activity_type??e.attributes.signal_name??e.attributes.child_workflow_id??e.event_type}),n&&t.jsxs("span",{className:"inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] font-medium bg-status-warning/15 text-status-warning",children:[t.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-status-warning animate-pulse"}),"Pending"]})]}),i&&t.jsx("button",{onClick:i,className:"text-text-tertiary hover:text-text-primary text-xs",children:"Close"})]}),t.jsx(U,{event:e}),t.jsx(Z,{event:e,childTask:a}),o&&t.jsx(at,{jid:o,appId:d??"durable",event:e}),t.jsx(tt,{event:e,childTask:a}),e.attributes.failure!==void 0&&t.jsx(k,{data:e.attributes.failure,label:"Failure"}),(()=>{const{kind:l,activity_type:x,result:p,timeline_key:m,execution_index:f,signal_name:u,input:w,child_workflow_id:g,awaited:h,wait_event_id:y,scheduled_event_id:j,initiated_event_id:_,failure:L,trace_id:M,span_id:$,...E}=e.attributes;return Object.keys(E).length>0?t.jsx(k,{data:E,label:"Attributes"}):null})()]})}const N={activity:{bar:"bg-blue-500",outline:"border border-blue-400/40 bg-blue-400/15",text:"text-blue-500",label:"Activities"},signal:{bar:"bg-emerald-500",outline:"border border-emerald-400/40 bg-emerald-400/15",text:"text-emerald-500",label:"Signals"},timer:{bar:"bg-status-warning",outline:"border border-amber-400/40 bg-amber-400/15",text:"text-status-warning",label:"Timers"},child_workflow:{bar:"bg-violet-500",outline:"border border-violet-400/40 bg-violet-400/15",text:"text-violet-500",label:"Child Workflows"}},ot="bg-stripes animate-pulse opacity-70",lt=new Set(["callLLM","callDbTool","callVisionTool","callMcpTool","getDBTools","getVisionTools"]);function ct(e,a){if(!e||typeof e!="string")return e??"";if(e.length<=a)return e;const n=Math.floor((a-1)/2);return`${e.slice(0,n)}…${e.slice(e.length-n)}`}function dt(e){const a=[],n=new Map,o=new Map;for(const i of e){const l=i.attributes.timeline_key;if(!l)continue;const x=i.event_type;x==="activity_task_scheduled"||x==="timer_started"||x==="child_workflow_execution_started"||x==="signal_wait_started"?n.set(l,i):o.set(l,i)}const d=new Set;for(const i of e){const l=i.attributes.timeline_key;if(l&&d.has(l))continue;l&&d.add(l);const x=l?n.get(l):void 0,p=l?o.get(l):void 0,m=p||x||i,f=m.category,u=String(m.attributes.activity_type||m.attributes.signal_name||m.attributes.child_workflow_id||m.event_type||"unknown"),w=x||m,g=p,h=new Date(w.event_time).getTime();let y=null,j=null,_=!1;g?(y=new Date(g.event_time).getTime(),j=g.duration_ms??y-h):m.duration_ms!==null?(j=m.duration_ms,y=h+j):_=!0,a.push({category:f,name:u||m.event_type,startTime:h,endTime:y,duration:j,eventId:m.event_id,pending:_})}return a}function ht({events:e,childTasks:a,outline:n,jid:o,appId:d}){const[i,l]=P.useState(new Set),[x,p]=P.useState(null),f=e.filter(s=>s.category!=="workflow");if(f.length===0)return null;const u=dt(f);if(u.length===0)return null;const w=Date.now(),g=u.flatMap(s=>{const c=[s.startTime];return s.endTime?c.push(s.endTime):c.push(w),c}),h=Math.min(...g),j=Math.max(...g)-h||1,_=new Map;for(const s of u){const c=`${s.category}:${s.name}`,r=s.startTime-h,v=(s.endTime?s.endTime-h:w-h)-r,S={eventId:s.eventId,startPct:r/j*100,widthPct:Math.max(v/j*100,.5),duration:s.duration,label:`${s.name} — ${s.duration!==null?C(s.duration):"pending"} — ${new Date(s.startTime).toLocaleTimeString()}`,eventTime:new Date(s.startTime).toISOString(),pending:s.pending};_.has(c)||_.set(c,{name:s.name,category:s.category,segments:[]}),_.get(c).segments.push(S)}const L=Array.from(_.values()),M=5,$=Array.from({length:M+1},(s,c)=>({pct:c/M*100,label:C(Math.round(c/M*j))})),E=[...new Set(u.map(s=>s.category))],G=s=>{if(!(a!=null&&a.length))return;const c=s.attributes.activity_type;if(c)return a.find(r=>r.workflow_type===c)},D=s=>{l(c=>{const r=new Set(c);return r.has(s)?r.delete(s):r.add(s),r})},I=u.map(s=>s.eventId),O=I.length>0&&I.every(s=>i.has(s)),H=()=>{l(O?new Set:new Set(I))},A=(s,c)=>{var r,b;return c?ot:n?((r=N[s])==null?void 0:r.outline)??"border-text-tertiary bg-transparent":((b=N[s])==null?void 0:b.bar)??"bg-text-tertiary"},K=s=>{var c;return n?((c=N[s])==null?void 0:c.text)??"text-text-tertiary":"text-white"};return t.jsxs("div",{className:"px-6 py-6 mb-6",children:[t.jsxs("div",{className:"flex items-center gap-4 mb-4 flex-wrap",children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Execution Timeline"}),t.jsx("button",{onClick:H,className:"text-[10px] text-accent hover:underline",children:O?"Collapse all":"Expand all"}),t.jsxs("div",{className:"flex items-center gap-3 ml-auto",children:[E.map(s=>{var c,r,b;return t.jsxs("div",{className:"flex items-center gap-1",children:[t.jsx("span",{className:`w-2 h-2 rounded-full ${n?`border ${((c=N[s])==null?void 0:c.outline)??"border-text-tertiary"}`:((r=N[s])==null?void 0:r.bar)??"bg-text-tertiary"}`}),t.jsx("span",{className:"text-[9px] text-text-tertiary",children:((b=N[s])==null?void 0:b.label)??s})]},s)}),u.some(s=>s.pending)&&t.jsxs("div",{className:"flex items-center gap-1",children:[t.jsx("span",{className:"w-2 h-2 rounded-full bg-status-warning animate-pulse"}),t.jsx("span",{className:"text-[9px] text-text-tertiary",children:"Pending"})]})]})]}),t.jsxs("div",{className:"flex",children:[t.jsx("div",{className:"w-56 shrink-0"}),t.jsx("div",{className:"flex-1 relative h-6 border-b border-surface-border",children:$.map(s=>t.jsx("span",{className:"absolute text-[9px] font-mono text-text-tertiary -translate-x-1/2 bottom-1",style:{left:`${s.pct}%`},children:s.label},s.pct))})]}),L.map(s=>{const c=N[s.category];return t.jsxs("div",{children:[t.jsxs("div",{className:"flex items-center border-b border-surface-border",children:[t.jsxs("div",{className:"w-56 shrink-0 py-3 pr-4 flex items-center gap-2",children:[t.jsx("span",{className:`w-1.5 h-1.5 rounded-full shrink-0 ${(c==null?void 0:c.bar)??"bg-text-tertiary"}`}),t.jsx("p",{className:"text-xs font-mono text-text-secondary whitespace-nowrap overflow-hidden",title:s.name,children:ct(s.name,28)}),lt.has(s.name)&&t.jsx("span",{className:"shrink-0 text-accent/60",title:"MCP tool interaction",children:t.jsx("svg",{className:"w-3 h-3",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.663 17h4.674M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"})})})]}),t.jsxs("div",{className:"flex-1 relative h-10",children:[$.map(r=>t.jsx("div",{className:"absolute top-0 bottom-0 w-px bg-surface-border opacity-30",style:{left:`${r.pct}%`}},r.pct)),s.segments.map(r=>{const b=x===r.eventId,v=i.has(r.eventId),S=r.widthPct<3;return t.jsx("div",{className:`absolute top-2 h-6 rounded-sm cursor-pointer transition-all duration-200 origin-center ${v?`${A(s.category,r.pending)} ring-2 ring-accent ring-offset-1`:`${A(s.category,r.pending)} hover:opacity-80`}`,style:{left:`${r.startPct}%`,width:`${r.widthPct}%`,minWidth:"4px",...b&&S?{transform:"scaleX(4) scaleY(1.3) translateY(-2px)",zIndex:20,borderRadius:"4px"}:{zIndex:v?10:1}},title:r.label,onClick:()=>D(r.eventId),onMouseEnter:()=>p(r.eventId),onMouseLeave:()=>p(null),children:r.widthPct>8&&t.jsx("span",{className:`absolute inset-0 flex items-center px-1.5 text-[9px] font-mono ${K(s.category)} truncate`,children:r.duration!==null?C(r.duration):"pending"})},r.eventId)})]})]}),s.segments.map(r=>{const b=i.has(r.eventId),v=f.find(S=>S.event_id===r.eventId);return t.jsx(B,{open:b,children:v&&t.jsx("div",{className:"py-3",children:t.jsx(it,{event:v,childTask:G(v),pending:r.pending,jid:o,appId:d,onClose:()=>D(v.event_id)})})},r.eventId)})]},`${s.category}:${s.name}`)})]})}export{it as E,ht as S};
-//# sourceMappingURL=SwimlaneTimeline-DdXxP4fO.js.map
+import{j as t,a as P}from"./vendor-query-B2UbickB.js";import{D as q,b as V,J as k,C as B,f as C}from"./index-B1kc6itM.js";import{S as X}from"./StatusBadge-Bl3FXVmF.js";import{L as R}from"./vendor-react-CXumBFUA.js";import{u as T,S as Q}from"./StreamMessageDetail-CVRVWXcU.js";function W(e){if(!e)return null;try{return JSON.parse(e)}catch{return e}}function U({event:e}){return t.jsxs("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-3",children:[e.attributes.activity_type&&t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Activity"}),t.jsx("p",{className:"text-xs font-mono text-text-primary",children:e.attributes.activity_type})]}),t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Kind"}),t.jsx("p",{className:"text-xs font-mono text-text-primary",children:e.attributes.kind})]}),e.duration_ms!==null&&t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Duration"}),t.jsx(q,{ms:e.duration_ms,className:"font-mono text-text-primary"})]}),t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Time"}),t.jsx(V,{date:e.event_time,format:"datetime",className:"font-mono text-text-primary"})]}),e.attributes.signal_name&&t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Signal"}),t.jsx("p",{className:"text-xs font-mono text-text-primary",children:e.attributes.signal_name})]}),e.attributes.awaited!==void 0&&t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Awaited"}),t.jsx("p",{className:"text-xs font-mono text-text-primary",children:e.attributes.awaited?"Yes":"No (fire-and-forget)"})]}),e.attributes.timeline_key&&t.jsxs("div",{className:"col-span-2",children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Timeline Key"}),t.jsx("p",{className:"text-xs font-mono text-text-primary truncate",title:e.attributes.timeline_key,children:e.attributes.timeline_key})]}),e.attributes.execution_index!==void 0&&t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Exec Index"}),t.jsx("p",{className:"text-xs font-mono text-text-primary",children:e.attributes.execution_index})]}),e.attributes.scheduled_event_id!=null&&t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Scheduled Event"}),t.jsxs("p",{className:"text-xs font-mono text-text-primary",children:["#",e.attributes.scheduled_event_id]})]}),e.attributes.wait_event_id!=null&&t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Wait Started"}),t.jsxs("p",{className:"text-xs font-mono text-text-primary",children:["Event #",e.attributes.wait_event_id]})]}),e.attributes.initiated_event_id!=null&&t.jsxs("div",{children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Initiated Event"}),t.jsxs("p",{className:"text-xs font-mono text-text-primary",children:["#",e.attributes.initiated_event_id]})]})]})}function Z({event:e,childTask:a}){const n=a?W(a.envelope):null,o=a?W(a.data):null;return!a&&e.attributes.child_workflow_id?t.jsx("div",{className:"border-t border-surface-border pt-3",children:t.jsxs("div",{className:"flex items-center gap-3 flex-wrap",children:[t.jsx("span",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Child Workflow"}),t.jsx(R,{to:`/workflows/executions/${e.attributes.child_workflow_id}`,className:"text-xs font-mono text-accent hover:underline",onClick:d=>d.stopPropagation(),children:e.attributes.child_workflow_id})]})}):a?t.jsxs("div",{className:"space-y-3 border-t border-surface-border pt-3",children:[t.jsxs("div",{className:"flex items-center gap-3 flex-wrap",children:[t.jsx("span",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Child Workflow"}),t.jsx(R,{to:`/workflows/executions/${a.workflow_id}`,className:"text-xs font-mono text-accent hover:underline",onClick:d=>d.stopPropagation(),children:a.workflow_id}),t.jsx(X,{status:a.status}),a.completed_at&&t.jsxs("span",{className:"text-[10px] text-text-tertiary",children:["Completed ",t.jsx(V,{date:a.completed_at,format:"relative"})]})]}),(n!=null||o!=null)&&t.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[n!=null?t.jsx(k,{data:n,label:"Input (Envelope)",variant:"panel"}):t.jsx("div",{}),o!=null?t.jsx(k,{data:o,label:"Output (Result)",variant:"panel"}):t.jsx("div",{})]})]}):null}function tt({event:e,childTask:a}){const n=e.attributes.input,o=e.attributes.result,d=e.category==="signal",i=e.category==="activity",l=e.category==="child_workflow",x=n!==void 0&&(i||l),p=!a&&o!==void 0&&(i||l),m=e.attributes.activity_type==="ltSignalParent"?"Signal Payload":"Result";return x||p?t.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[x?t.jsx(k,{data:n,label:"Input",variant:"panel"}):t.jsx("div",{}),p?t.jsx(k,{data:o,label:m,variant:"panel"}):t.jsx("div",{})]}):d&&n!==void 0?t.jsx(k,{data:n,label:"Signal Payload",variant:"panel"}):null}function et(e){if(!e)return null;const a=/^-proxy-(\d+)-$/.exec(e);if(a)return{kind:"proxyIndex",index:parseInt(a[1],10)};if(e.startsWith("-"))return null;const n=e.split("/");return n.length<2?null:{kind:"path",aid:n[n.length-1],dad:`,${n.slice(0,-1).join(",")}`}}function st(e){var a,n;try{const o=JSON.parse(e.message);return{aid:(a=o==null?void 0:o.metadata)==null?void 0:a.aid,dad:(n=o==null?void 0:o.metadata)==null?void 0:n.dad}}catch{return{}}}function at({jid:e,appId:a,event:n}){const[o,d]=P.useState(!1),i=et(n.attributes.timeline_key);return t.jsxs("div",{className:"space-y-2",children:[t.jsxs("button",{onClick:()=>d(l=>!l),className:"flex items-center gap-1.5 text-[10px] font-semibold uppercase tracking-widest text-text-tertiary hover:text-text-secondary transition-colors",children:[t.jsx("span",{className:`transition-transform duration-300 ${o?"rotate-90":""}`,children:"▶"}),"Raw stream message (audit)"]}),t.jsx(B,{open:o,children:o&&t.jsxs("div",{className:"pt-1",children:[!i&&t.jsx("p",{className:"text-[11px] text-text-tertiary",children:"No raw stream row maps to this activity."}),(i==null?void 0:i.kind)==="proxyIndex"&&t.jsx(nt,{namespace:a||"durable",jid:e,index:i.index}),(i==null?void 0:i.kind)==="path"&&t.jsx(rt,{namespace:a||"durable",jid:e,aid:i.aid,dad:i.dad})]})})]})}function nt({namespace:e,jid:a,index:n}){var i,l;const o=T({namespace:e,source:"worker",jid:a,aid:"proxyer",sort_by:"created_at",order:"asc",offset:n-1,limit:1}),d=(l=(i=o.data)==null?void 0:i.messages)==null?void 0:l[0];return o.isLoading?t.jsx(Y,{}):o.error?t.jsx(F,{}):d?t.jsx(J,{note:`Proxy activity #${n} (durable) — the worker stream record for this step`,messages:[d]}):t.jsx(z,{label:`proxy activity #${n}`})}function rt({namespace:e,jid:a,aid:n,dad:o}){var u,w,g;const d=T({namespace:e,source:"worker",jid:a,aid:n,dad:o,limit:1}),i=(w=(u=d.data)==null?void 0:u.messages)==null?void 0:w[0],l=d.isFetched&&!i,x=T({namespace:e,source:"engine",jid:a,limit:200},{enabled:l}),p=l?(((g=x.data)==null?void 0:g.messages)??[]).filter(h=>{const y=st(h);return y.aid===n&&y.dad===o}):[],m=!!i,f=i?[i]:p;return d.isLoading||l&&x.isLoading?t.jsx(Y,{}):d.error?t.jsx(F,{}):f.length===0?t.jsx(z,{label:`${n} ${o}`}):t.jsx(J,{note:m?"Worker stream — the function-execution record behind this activity":`Engine stream — control-flow record${f.length>1?`s (${f.length}, one per occurrence)`:" (trigger / hook / cycle)"}`,messages:f})}function J({note:e,messages:a}){return t.jsxs("div",{className:"space-y-3",children:[t.jsx("p",{className:"text-[10px] text-text-tertiary",children:e}),a.map(n=>t.jsx("div",{className:"rounded-md bg-surface p-3",children:t.jsx(Q,{message:n})},n.id))]})}const Y=()=>t.jsx("p",{className:"text-[11px] text-text-tertiary",children:"Loading stream message…"}),F=()=>t.jsx("p",{className:"text-[11px] text-status-error",children:"Failed to load stream message."}),z=({label:e})=>t.jsxs("p",{className:"text-[11px] text-text-tertiary",children:["No stream row found for ",t.jsx("span",{className:"font-mono",children:e}),"."]});function it({event:e,childTask:a,pending:n=!1,jid:o,appId:d,onClose:i}){return t.jsxs("div",{className:"p-4 bg-surface-sunken rounded-md space-y-4",children:[t.jsxs("div",{className:"flex items-center justify-between gap-2",children:[t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx("p",{className:"font-mono font-medium text-sm text-text-primary",children:e.attributes.activity_type??e.attributes.signal_name??e.attributes.child_workflow_id??e.event_type}),n&&t.jsxs("span",{className:"inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] font-medium bg-status-warning/15 text-status-warning",children:[t.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-status-warning animate-pulse"}),"Pending"]})]}),i&&t.jsx("button",{onClick:i,className:"text-text-tertiary hover:text-text-primary text-xs",children:"Close"})]}),t.jsx(U,{event:e}),t.jsx(Z,{event:e,childTask:a}),o&&t.jsx(at,{jid:o,appId:d??"durable",event:e}),t.jsx(tt,{event:e,childTask:a}),e.attributes.failure!==void 0&&t.jsx(k,{data:e.attributes.failure,label:"Failure"}),(()=>{const{kind:l,activity_type:x,result:p,timeline_key:m,execution_index:f,signal_name:u,input:w,child_workflow_id:g,awaited:h,wait_event_id:y,scheduled_event_id:j,initiated_event_id:_,failure:L,trace_id:M,span_id:$,...E}=e.attributes;return Object.keys(E).length>0?t.jsx(k,{data:E,label:"Attributes"}):null})()]})}const N={activity:{bar:"bg-blue-500",outline:"border border-blue-400/40 bg-blue-400/15",text:"text-blue-500",label:"Activities"},signal:{bar:"bg-emerald-500",outline:"border border-emerald-400/40 bg-emerald-400/15",text:"text-emerald-500",label:"Signals"},timer:{bar:"bg-status-warning",outline:"border border-amber-400/40 bg-amber-400/15",text:"text-status-warning",label:"Timers"},child_workflow:{bar:"bg-violet-500",outline:"border border-violet-400/40 bg-violet-400/15",text:"text-violet-500",label:"Child Workflows"}},ot="bg-stripes animate-pulse opacity-70",lt=new Set(["callLLM","callDbTool","callVisionTool","callMcpTool","getDBTools","getVisionTools"]);function ct(e,a){if(!e||typeof e!="string")return e??"";if(e.length<=a)return e;const n=Math.floor((a-1)/2);return`${e.slice(0,n)}…${e.slice(e.length-n)}`}function dt(e){const a=[],n=new Map,o=new Map;for(const i of e){const l=i.attributes.timeline_key;if(!l)continue;const x=i.event_type;x==="activity_task_scheduled"||x==="timer_started"||x==="child_workflow_execution_started"||x==="signal_wait_started"?n.set(l,i):o.set(l,i)}const d=new Set;for(const i of e){const l=i.attributes.timeline_key;if(l&&d.has(l))continue;l&&d.add(l);const x=l?n.get(l):void 0,p=l?o.get(l):void 0,m=p||x||i,f=m.category,u=String(m.attributes.activity_type||m.attributes.signal_name||m.attributes.child_workflow_id||m.event_type||"unknown"),w=x||m,g=p,h=new Date(w.event_time).getTime();let y=null,j=null,_=!1;g?(y=new Date(g.event_time).getTime(),j=g.duration_ms??y-h):m.duration_ms!==null?(j=m.duration_ms,y=h+j):_=!0,a.push({category:f,name:u||m.event_type,startTime:h,endTime:y,duration:j,eventId:m.event_id,pending:_})}return a}function ht({events:e,childTasks:a,outline:n,jid:o,appId:d}){const[i,l]=P.useState(new Set),[x,p]=P.useState(null),f=e.filter(s=>s.category!=="workflow");if(f.length===0)return null;const u=dt(f);if(u.length===0)return null;const w=Date.now(),g=u.flatMap(s=>{const c=[s.startTime];return s.endTime?c.push(s.endTime):c.push(w),c}),h=Math.min(...g),j=Math.max(...g)-h||1,_=new Map;for(const s of u){const c=`${s.category}:${s.name}`,r=s.startTime-h,v=(s.endTime?s.endTime-h:w-h)-r,S={eventId:s.eventId,startPct:r/j*100,widthPct:Math.max(v/j*100,.5),duration:s.duration,label:`${s.name} — ${s.duration!==null?C(s.duration):"pending"} — ${new Date(s.startTime).toLocaleTimeString()}`,eventTime:new Date(s.startTime).toISOString(),pending:s.pending};_.has(c)||_.set(c,{name:s.name,category:s.category,segments:[]}),_.get(c).segments.push(S)}const L=Array.from(_.values()),M=5,$=Array.from({length:M+1},(s,c)=>({pct:c/M*100,label:C(Math.round(c/M*j))})),E=[...new Set(u.map(s=>s.category))],G=s=>{if(!(a!=null&&a.length))return;const c=s.attributes.activity_type;if(c)return a.find(r=>r.workflow_type===c)},D=s=>{l(c=>{const r=new Set(c);return r.has(s)?r.delete(s):r.add(s),r})},I=u.map(s=>s.eventId),O=I.length>0&&I.every(s=>i.has(s)),H=()=>{l(O?new Set:new Set(I))},A=(s,c)=>{var r,b;return c?ot:n?((r=N[s])==null?void 0:r.outline)??"border-text-tertiary bg-transparent":((b=N[s])==null?void 0:b.bar)??"bg-text-tertiary"},K=s=>{var c;return n?((c=N[s])==null?void 0:c.text)??"text-text-tertiary":"text-white"};return t.jsxs("div",{className:"px-6 py-6 mb-6",children:[t.jsxs("div",{className:"flex items-center gap-4 mb-4 flex-wrap",children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Execution Timeline"}),t.jsx("button",{onClick:H,className:"text-[10px] text-accent hover:underline",children:O?"Collapse all":"Expand all"}),t.jsxs("div",{className:"flex items-center gap-3 ml-auto",children:[E.map(s=>{var c,r,b;return t.jsxs("div",{className:"flex items-center gap-1",children:[t.jsx("span",{className:`w-2 h-2 rounded-full ${n?`border ${((c=N[s])==null?void 0:c.outline)??"border-text-tertiary"}`:((r=N[s])==null?void 0:r.bar)??"bg-text-tertiary"}`}),t.jsx("span",{className:"text-[9px] text-text-tertiary",children:((b=N[s])==null?void 0:b.label)??s})]},s)}),u.some(s=>s.pending)&&t.jsxs("div",{className:"flex items-center gap-1",children:[t.jsx("span",{className:"w-2 h-2 rounded-full bg-status-warning animate-pulse"}),t.jsx("span",{className:"text-[9px] text-text-tertiary",children:"Pending"})]})]})]}),t.jsxs("div",{className:"flex",children:[t.jsx("div",{className:"w-56 shrink-0"}),t.jsx("div",{className:"flex-1 relative h-6 border-b border-surface-border",children:$.map(s=>t.jsx("span",{className:"absolute text-[9px] font-mono text-text-tertiary -translate-x-1/2 bottom-1",style:{left:`${s.pct}%`},children:s.label},s.pct))})]}),L.map(s=>{const c=N[s.category];return t.jsxs("div",{children:[t.jsxs("div",{className:"flex items-center border-b border-surface-border",children:[t.jsxs("div",{className:"w-56 shrink-0 py-3 pr-4 flex items-center gap-2",children:[t.jsx("span",{className:`w-1.5 h-1.5 rounded-full shrink-0 ${(c==null?void 0:c.bar)??"bg-text-tertiary"}`}),t.jsx("p",{className:"text-xs font-mono text-text-secondary whitespace-nowrap overflow-hidden",title:s.name,children:ct(s.name,28)}),lt.has(s.name)&&t.jsx("span",{className:"shrink-0 text-accent/60",title:"MCP tool interaction",children:t.jsx("svg",{className:"w-3 h-3",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.663 17h4.674M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"})})})]}),t.jsxs("div",{className:"flex-1 relative h-10",children:[$.map(r=>t.jsx("div",{className:"absolute top-0 bottom-0 w-px bg-surface-border opacity-30",style:{left:`${r.pct}%`}},r.pct)),s.segments.map(r=>{const b=x===r.eventId,v=i.has(r.eventId),S=r.widthPct<3;return t.jsx("div",{className:`absolute top-2 h-6 rounded-sm cursor-pointer transition-all duration-200 origin-center ${v?`${A(s.category,r.pending)} ring-2 ring-accent ring-offset-1`:`${A(s.category,r.pending)} hover:opacity-80`}`,style:{left:`${r.startPct}%`,width:`${r.widthPct}%`,minWidth:"4px",...b&&S?{transform:"scaleX(4) scaleY(1.3) translateY(-2px)",zIndex:20,borderRadius:"4px"}:{zIndex:v?10:1}},title:r.label,onClick:()=>D(r.eventId),onMouseEnter:()=>p(r.eventId),onMouseLeave:()=>p(null),children:r.widthPct>8&&t.jsx("span",{className:`absolute inset-0 flex items-center px-1.5 text-[9px] font-mono ${K(s.category)} truncate`,children:r.duration!==null?C(r.duration):"pending"})},r.eventId)})]})]}),s.segments.map(r=>{const b=i.has(r.eventId),v=f.find(S=>S.event_id===r.eventId);return t.jsx(B,{open:b,children:v&&t.jsx("div",{className:"py-3",children:t.jsx(it,{event:v,childTask:G(v),pending:r.pending,jid:o,appId:d,onClose:()=>D(v.event_id)})})},r.eventId)})]},`${s.category}:${s.name}`)})]})}export{it as E,ht as S};
+//# sourceMappingURL=SwimlaneTimeline-DDpU0-Jn.js.map