@hotmeshio/long-tail 0.21.0 → 0.21.1

package/dashboard/dist/assets/{BulkAssignModal-BL8FRgkN.js.map → BulkAssignModal-BOAWsViq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BulkAssignModal-BL8FRgkN.js","sources":["../../src/components/common/modal/ConfirmCancelModal.tsx","../../../shared/form-validation/x-lt-labels.ts","../../src/hooks/useClaimDurations.ts","../../src/components/common/form/CustomDurationPicker.tsx","../../src/components/common/modal/BulkAssignModal.tsx"],"sourcesContent":["import { Modal } from './Modal';\n\ninterface ConfirmCancelModalProps {\n  open: boolean;\n  onClose: () => void;\n  onConfirm: () => void;\n  selectedCount?: number;\n  isPending?: boolean;\n  error?: Error | null;\n  /** Replacement label from x-lt-labels.cancel — the challenge speaks it. */\n  actionLabel?: string;\n}\n\nexport function ConfirmCancelModal({\n  open,\n  onClose,\n  onConfirm,\n  selectedCount,\n  isPending,\n  error,\n  actionLabel,\n}: ConfirmCancelModalProps) {\n  // One template for every vocabulary: the title carries the verb (the\n  // pressed button's label), the body states the intent in general terms.\n  const isBulk = !!selectedCount && selectedCount > 1;\n  const label = actionLabel || 'Cancel';\n  const title = isBulk ? `${label} ${selectedCount} Items` : label === 'Cancel' ? 'Cancel Item' : label;\n\n  const body = isBulk\n    ? `Are you sure you want to ${label}? This removes ${selectedCount} items from the work queue.`\n    : `Are you sure you want to ${label}? This removes the item from the work queue.`;\n\n  return (\n    <Modal open={open} onClose={onClose} title={title}>\n      <div className=\"space-y-4\">\n        <p className=\"text-sm text-text-secondary\">{body}</p>\n        <p className=\"text-xs text-text-tertiary\">This action cannot be undone.</p>\n        {error && <p className=\"text-xs text-status-error\">{error.message}</p>}\n        <div className=\"flex justify-end gap-3 pt-2\">\n          <button onClick={onClose} disabled={isPending} className=\"btn-secondary text-xs\">\n            Keep\n          </button>\n          <button\n            onClick={onConfirm}\n            disabled={isPending}\n            className=\"bg-status-error text-text-inverse px-3 py-1.5 rounded-md text-xs hover:opacity-90 transition-opacity disabled:opacity-50\"\n          >\n            {isPending ? 'Working...' : `Yes, ${label}`}\n          </button>\n        </div>\n      </div>\n    </Modal>\n  );\n}\n","/**\n * x-lt-labels — configurable copy for the standard escalation footer. A\n * form_schema may declare, at its schema root, an object that renames the\n * footer's action controls. Each key is a standard target; its value is the\n * label to render in place of the default.\n *\n *   x-lt-labels   object — { claim, cancel, submit, escalate, release }\n *\n * ```jsonc\n * { \"x-lt-labels\": { \"claim\": \"Claim and Submit\", \"submit\": \"Approve\" } }\n * ```\n *\n * `cancel` additionally accepts `false` to remove the control entirely —\n * for roles where cancelling is not part of the process (\"Send to Service\"\n * flows escalate instead). The other targets are rename-only: hiding\n * claim/submit/release would strand the footer.\n *\n * Only the five known targets are read; unknown keys and non-string values\n * (except `cancel: false`) are ignored. Any target the schema omits keeps its\n * default label, so a schema overrides just the controls it cares about.\n */\n\nexport const X_LT_LABELS = 'x-lt-labels';\n\n/** The footer controls a schema may rename. */\nexport const FOOTER_LABEL_TARGETS = ['claim', 'cancel', 'submit', 'escalate', 'release'] as const;\n\nexport type FooterLabelTarget = (typeof FOOTER_LABEL_TARGETS)[number];\n\n/**\n * A partial map of target → override label. Absent targets keep their\n * default. `cancel: false` removes the cancel control from the footer.\n */\nexport type FooterLabels = Partial<Record<Exclude<FooterLabelTarget, 'cancel'>, string>> & {\n  cancel?: string | false;\n};\n\n/**\n * The schema's footer label overrides, or an empty map when none are declared.\n * Reads only the known targets; a non-object `x-lt-labels`, unknown keys, and\n * blank or non-string values are dropped — except `cancel: false`, which is\n * preserved as the hide instruction.\n */\nexport function readFooterLabels(\n  schema: Record<string, unknown> | null | undefined,\n): FooterLabels {\n  const raw = schema?.[X_LT_LABELS];\n  if (!raw || typeof raw !== 'object' || Array.isArray(raw)) return {};\n  const source = raw as Record<string, unknown>;\n  const labels: FooterLabels = {};\n  if (source.cancel === false) labels.cancel = false;\n  for (const target of FOOTER_LABEL_TARGETS) {\n    const value = source[target];\n    if (typeof value === 'string' && value.trim().length > 0) {\n      labels[target] = value.trim();\n    }\n  }\n  return labels;\n}\n","import { useMemo } from 'react';\nimport { useSettings } from '../api/settings';\nimport { DEFAULT_CLAIM_DURATIONS, formatClaimDuration } from '../lib/constants';\n\nexport interface ClaimDurationOption {\n  value: string;\n  label: string;\n}\n\n/**\n * Returns claim duration presets from server settings (with fallback).\n * Options are formatted for use in selects and tab rows.\n */\nexport function useClaimDurations(): ClaimDurationOption[] {\n  const { data: settings } = useSettings();\n\n  return useMemo(() => {\n    const minutes = settings?.escalation?.claimDurations ?? DEFAULT_CLAIM_DURATIONS;\n    return minutes.map((m) => ({\n      value: String(m),\n      label: formatClaimDuration(m),\n    }));\n  }, [settings]);\n}\n","import { useState, useEffect } from 'react';\n\nconst UNITS = [\n  { value: 1, label: 'minutes' },\n  { value: 60, label: 'hours' },\n] as const;\n\ninterface CustomDurationPickerProps {\n  /** Called with the computed duration in minutes whenever quantity or unit changes */\n  onChange: (minutes: number) => void;\n  /** Compact variant for inline use (e.g. action bars) */\n  compact?: boolean;\n  /** Auto-focus the quantity input */\n  autoFocus?: boolean;\n  'data-testid'?: string;\n}\n\nexport function CustomDurationPicker({\n  onChange,\n  compact,\n  autoFocus,\n  'data-testid': testId = 'custom-duration-input',\n}: CustomDurationPickerProps) {\n  const [quantity, setQuantity] = useState('');\n  const [multiplier, setMultiplier] = useState(1);\n\n  useEffect(() => {\n    const q = parseInt(quantity);\n    onChange(q > 0 ? q * multiplier : 0);\n  }, [quantity, multiplier, onChange]);\n\n  const textSize = compact ? 'text-xs' : 'text-sm';\n  const inputWidth = compact ? 'w-16' : 'w-20';\n\n  return (\n    <div className=\"flex items-center gap-2\" data-testid={testId}>\n      <input\n        type=\"number\"\n        min={1}\n        max={multiplier === 60 ? 24 : 1440}\n        value={quantity}\n        onChange={(e) => setQuantity(e.target.value)}\n        placeholder={multiplier === 60 ? 'hrs' : 'min'}\n        className={`input ${textSize} ${inputWidth} text-center`}\n        autoFocus={autoFocus}\n        data-testid={`${testId}-quantity`}\n      />\n      <select\n        value={multiplier}\n        onChange={(e) => setMultiplier(parseInt(e.target.value))}\n        className={`select ${textSize} py-1`}\n        data-testid={`${testId}-unit`}\n      >\n        {UNITS.map((u) => (\n          <option key={u.value} value={u.value}>{u.label}</option>\n        ))}\n      </select>\n    </div>\n  );\n}\n","import { useState, useCallback } from 'react';\nimport { Modal } from './Modal';\nimport { CustomDurationPicker } from '../form/CustomDurationPicker';\nimport { useUsers } from '../../../api/users';\nimport { useAuth } from '../../../hooks/useAuth';\nimport { useClaimDurations } from '../../../hooks/useClaimDurations';\nimport { useDebouncedValue } from '../../../hooks/useDebouncedValue';\nimport type { LTUserRecord } from '../../../api/types';\n\ninterface BulkAssignModalProps {\n  open: boolean;\n  onClose: () => void;\n  selectedCount: number;\n  /** Distinct roles of the selected escalations; scopes user list for admins */\n  selectedRoles: string[];\n  onSubmit: (targetUserId: string, durationMinutes: number, reassign: boolean) => void;\n  isPending: boolean;\n  /**\n   * Selected rows currently under a LIVE claim. Plain assign skips them;\n   * when > 0 the duration step offers the explicit takeover.\n   */\n  claimedCount?: number;\n  /** Assignment outcome from the last submit; skipped > 0 keeps the modal open to say so. */\n  result?: { assigned: number; skipped: number } | null;\n}\n\nexport function BulkAssignModal({\n  open,\n  onClose,\n  selectedCount,\n  selectedRoles,\n  onSubmit,\n  isPending,\n  claimedCount = 0,\n  result = null,\n}: BulkAssignModalProps) {\n  const { isSuperAdmin } = useAuth();\n  const claimDurations = useClaimDurations();\n  const [step, setStep] = useState<'user' | 'duration'>('user');\n  const [selectedUser, setSelectedUser] = useState<LTUserRecord | null>(null);\n  const [search, setSearch] = useState('');\n  const [duration, setDuration] = useState('30');\n  const [customMinutes, setCustomMinutes] = useState(0);\n  const [reassign, setReassign] = useState(false);\n  const onCustomChange = useCallback((m: number) => setCustomMinutes(m), []);\n\n  // Admins with a single role: scope to that role. Otherwise show all active users.\n  const roleFilter =\n    !isSuperAdmin && selectedRoles.length === 1 ? selectedRoles[0] : undefined;\n\n  // Search is resolved server-side (ILIKE on name/email/external_id) so it matches\n  // every user, not just a fetched slice — no client-side filtering over a cap.\n  const debouncedSearch = useDebouncedValue(search, 250);\n  const { data: usersData, isLoading: usersLoading } = useUsers({\n    role: roleFilter,\n    status: 'active',\n    search: debouncedSearch.trim() || undefined,\n    limit: 200,\n  }, { enabled: open });\n\n  const users = usersData?.users ?? [];\n\n  const handleClose = () => {\n    setStep('user');\n    setSelectedUser(null);\n    setSearch('');\n    setDuration('30');\n    setCustomMinutes(0);\n    setReassign(false);\n    onClose();\n  };\n\n  const handleSelectUser = (user: LTUserRecord) => {\n    setSelectedUser(user);\n    setStep('duration');\n  };\n\n  const handleBack = () => {\n    setStep('user');\n  };\n\n  const handleSubmit = () => {\n    if (!selectedUser) return;\n    const minutes = duration === 'custom' ? customMinutes : parseInt(duration);\n    if (!minutes || minutes <= 0) return;\n    onSubmit(selectedUser.id, minutes, reassign);\n  };\n\n  return (\n    <Modal open={open} onClose={handleClose} title=\"Assign Escalations\">\n      <div className=\"space-y-4\">\n        {step === 'user' && (\n          <>\n            <p className=\"text-sm text-text-secondary\">\n              Select a user to assign{' '}\n              <span className=\"font-medium text-text-primary\">\n                {selectedCount}\n              </span>{' '}\n              escalation(s) to:\n            </p>\n\n            <input\n              type=\"text\"\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              placeholder=\"Search by name or email...\"\n              className=\"input text-xs w-full\"\n              autoFocus\n            />\n\n            <div className=\"max-h-60 overflow-y-auto border border-surface-border rounded-lg divide-y divide-surface-border\">\n              {usersLoading && (\n                <p className=\"text-xs text-text-tertiary p-3\">\n                  Loading users...\n                </p>\n              )}\n              {!usersLoading && users.length === 0 && (\n                <p className=\"text-xs text-text-tertiary p-3\">\n                  No users found\n                </p>\n              )}\n              {users.map((user) => (\n                <button\n                  key={user.id}\n                  onClick={() => handleSelectUser(user)}\n                  className=\"w-full text-left px-3 py-2 hover:bg-surface-hover transition-colors\"\n                >\n                  <p className=\"text-xs font-medium text-text-primary\">\n                    {user.display_name || user.external_id}\n                  </p>\n                  {user.email && (\n                    <p className=\"text-2xs text-text-tertiary\">\n                      {user.email}\n                    </p>\n                  )}\n                </button>\n              ))}\n            </div>\n\n            <div className=\"flex justify-end pt-2\">\n              <button onClick={handleClose} className=\"btn-secondary text-xs\">\n                Cancel\n              </button>\n            </div>\n          </>\n        )}\n\n        {step === 'duration' && selectedUser && (\n          <>\n            <p className=\"text-sm text-text-secondary\">\n              Assign to{' '}\n              <span className=\"font-medium text-text-primary\">\n                {selectedUser.display_name || selectedUser.external_id}\n              </span>{' '}\n              for:\n            </p>\n\n            <select\n              value={duration}\n              onChange={(e) => { setDuration(e.target.value); setCustomMinutes(0); }}\n              className=\"select w-full text-sm\"\n            >\n              {claimDurations.map((opt) => (\n                <option key={opt.value} value={opt.value}>\n                  {opt.label}\n                </option>\n              ))}\n              <option value=\"custom\">Other...</option>\n            </select>\n            {duration === 'custom' && (\n              <CustomDurationPicker onChange={onCustomChange} autoFocus />\n            )}\n\n            {claimedCount > 0 && (\n              <label className=\"flex items-start gap-2 text-xs text-text-secondary\">\n                <input\n                  type=\"checkbox\"\n                  checked={reassign}\n                  onChange={(e) => setReassign(e.target.checked)}\n                  className=\"mt-0.5\"\n                />\n                <span>\n                  Also reassign <span className=\"font-medium text-text-primary\">{claimedCount}</span>{' '}\n                  item(s) with a live claim — the current holder loses the item.\n                  Unchecked, those are skipped.\n                </span>\n              </label>\n            )}\n\n            {result && result.skipped > 0 && (\n              <p className=\"text-xs text-status-warning\" data-testid=\"assign-skip-note\">\n                Assigned {result.assigned} · skipped {result.skipped} with live claims.\n              </p>\n            )}\n\n            <div className=\"flex justify-end gap-3 pt-2\">\n              <button onClick={handleBack} className=\"btn-secondary text-xs\">\n                Back\n              </button>\n              <button\n                onClick={handleSubmit}\n                disabled={isPending}\n                className=\"btn-primary text-xs\"\n              >\n                {isPending ? 'Assigning...' : 'Assign'}\n              </button>\n            </div>\n          </>\n        )}\n      </div>\n    </Modal>\n  );\n}\n"],"names":["ConfirmCancelModal","open","onClose","onConfirm","selectedCount","isPending","error","actionLabel","isBulk","label","title","body","jsx","Modal","jsxs","X_LT_LABELS","FOOTER_LABEL_TARGETS","readFooterLabels","schema","raw","source","labels","target","value","useClaimDurations","settings","useSettings","useMemo","_a","DEFAULT_CLAIM_DURATIONS","m","formatClaimDuration","UNITS","CustomDurationPicker","onChange","compact","autoFocus","testId","quantity","setQuantity","useState","multiplier","setMultiplier","useEffect","q","textSize","inputWidth","e","u","BulkAssignModal","selectedRoles","onSubmit","claimedCount","result","isSuperAdmin","useAuth","claimDurations","step","setStep","selectedUser","setSelectedUser","search","setSearch","duration","setDuration","customMinutes","setCustomMinutes","reassign","setReassign","onCustomChange","useCallback","roleFilter","debouncedSearch","useDebouncedValue","usersData","usersLoading","useUsers","users","handleClose","handleSelectUser","user","handleBack","handleSubmit","minutes","Fragment","opt"],"mappings":"2NAaO,SAASA,EAAmB,CACjC,KAAAC,EACA,QAAAC,EACA,UAAAC,EACA,cAAAC,EACA,UAAAC,EACA,MAAAC,EACA,YAAAC,CACF,EAA4B,CAG1B,MAAMC,EAAS,CAAC,CAACJ,GAAiBA,EAAgB,EAC5CK,EAAQF,GAAe,SACvBG,EAAQF,EAAS,GAAGC,CAAK,IAAIL,CAAa,SAAWK,IAAU,SAAW,cAAgBA,EAE1FE,EAAOH,EACT,4BAA4BC,CAAK,kBAAkBL,CAAa,8BAChE,4BAA4BK,CAAK,+CAErC,OACEG,EAAAA,IAACC,GAAM,KAAAZ,EAAY,QAAAC,EAAkB,MAAAQ,EACnC,SAAAI,EAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAF,EAAAA,IAAC,IAAA,CAAE,UAAU,8BAA+B,SAAAD,EAAK,EACjDC,EAAAA,IAAC,IAAA,CAAE,UAAU,6BAA6B,SAAA,gCAA6B,EACtEN,GAASM,EAAAA,IAAC,IAAA,CAAE,UAAU,4BAA6B,WAAM,QAAQ,EAClEE,EAAAA,KAAC,MAAA,CAAI,UAAU,8BACb,SAAA,CAAAF,EAAAA,IAAC,UAAO,QAASV,EAAS,SAAUG,EAAW,UAAU,wBAAwB,SAAA,MAAA,CAEjF,EACAO,EAAAA,IAAC,SAAA,CACC,QAAST,EACT,SAAUE,EACV,UAAU,2HAET,SAAAA,EAAY,aAAe,QAAQI,CAAK,EAAA,CAAA,CAC3C,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,CAEJ,CC/BO,MAAMM,EAAc,cAGdC,EAAuB,CAAC,QAAS,SAAU,SAAU,WAAY,SAAS,EAkBhF,SAASC,EACdC,EACc,CACd,MAAMC,EAAMD,GAAA,YAAAA,EAASH,GACrB,GAAI,CAACI,GAAO,OAAOA,GAAQ,UAAY,MAAM,QAAQA,CAAG,EAAG,MAAO,CAAA,EAClE,MAAMC,EAASD,EACTE,EAAuB,CAAA,EACzBD,EAAO,SAAW,KAAOC,EAAO,OAAS,IAC7C,UAAWC,KAAUN,EAAsB,CACzC,MAAMO,EAAQH,EAAOE,CAAM,EACvB,OAAOC,GAAU,UAAYA,EAAM,KAAA,EAAO,OAAS,IACrDF,EAAOC,CAAM,EAAIC,EAAM,KAAA,EAE3B,CACA,OAAOF,CACT,CC7CO,SAASG,GAA2C,CACzD,KAAM,CAAE,KAAMC,CAAA,EAAaC,EAAA,EAE3B,OAAOC,EAAAA,QAAQ,IAAM,OAEnB,SADgBC,EAAAH,GAAA,YAAAA,EAAU,aAAV,YAAAG,EAAsB,iBAAkBC,GACzC,IAAKC,IAAO,CACzB,MAAO,OAAOA,CAAC,EACf,MAAOC,EAAoBD,CAAC,CAAA,EAC5B,CACJ,EAAG,CAACL,CAAQ,CAAC,CACf,CCrBA,MAAMO,EAAQ,CACZ,CAAE,MAAO,EAAG,MAAO,SAAA,EACnB,CAAE,MAAO,GAAI,MAAO,OAAA,CACtB,EAYO,SAASC,EAAqB,CACnC,SAAAC,EACA,QAAAC,EACA,UAAAC,EACA,cAAeC,EAAS,uBAC1B,EAA8B,CAC5B,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAS,EAAE,EACrC,CAACC,EAAYC,CAAa,EAAIF,EAAAA,SAAS,CAAC,EAE9CG,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAI,SAASN,CAAQ,EAC3BJ,EAASU,EAAI,EAAIA,EAAIH,EAAa,CAAC,CACrC,EAAG,CAACH,EAAUG,EAAYP,CAAQ,CAAC,EAEnC,MAAMW,EAAWV,EAAU,UAAY,UACjCW,EAAaX,EAAU,OAAS,OAEtC,OACErB,EAAAA,KAAC,MAAA,CAAI,UAAU,0BAA0B,cAAauB,EACpD,SAAA,CAAAzB,EAAAA,IAAC,QAAA,CACC,KAAK,SACL,IAAK,EACL,IAAK6B,IAAe,GAAK,GAAK,KAC9B,MAAOH,EACP,SAAWS,GAAMR,EAAYQ,EAAE,OAAO,KAAK,EAC3C,YAAaN,IAAe,GAAK,MAAQ,MACzC,UAAW,SAASI,CAAQ,IAAIC,CAAU,eAC1C,UAAAV,EACA,cAAa,GAAGC,CAAM,WAAA,CAAA,EAExBzB,EAAAA,IAAC,SAAA,CACC,MAAO6B,EACP,SAAWM,GAAML,EAAc,SAASK,EAAE,OAAO,KAAK,CAAC,EACvD,UAAW,UAAUF,CAAQ,QAC7B,cAAa,GAAGR,CAAM,QAErB,SAAAL,EAAM,IAAKgB,GACVpC,EAAAA,IAAC,SAAA,CAAqB,MAAOoC,EAAE,MAAQ,SAAAA,EAAE,KAAA,EAA5BA,EAAE,KAAgC,CAChD,CAAA,CAAA,CACH,EACF,CAEJ,CCjCO,SAASC,EAAgB,CAC9B,KAAAhD,EACA,QAAAC,EACA,cAAAE,EACA,cAAA8C,EACA,SAAAC,EACA,UAAA9C,EACA,aAAA+C,EAAe,EACf,OAAAC,EAAS,IACX,EAAyB,CACvB,KAAM,CAAE,aAAAC,CAAA,EAAiBC,EAAA,EACnBC,EAAiBhC,EAAA,EACjB,CAACiC,EAAMC,CAAO,EAAIlB,EAAAA,SAA8B,MAAM,EACtD,CAACmB,EAAcC,CAAe,EAAIpB,EAAAA,SAA8B,IAAI,EACpE,CAACqB,EAAQC,CAAS,EAAItB,EAAAA,SAAS,EAAE,EACjC,CAACuB,EAAUC,CAAW,EAAIxB,EAAAA,SAAS,IAAI,EACvC,CAACyB,EAAeC,CAAgB,EAAI1B,EAAAA,SAAS,CAAC,EAC9C,CAAC2B,EAAUC,CAAW,EAAI5B,EAAAA,SAAS,EAAK,EACxC6B,EAAiBC,EAAAA,YAAaxC,GAAcoC,EAAiBpC,CAAC,EAAG,EAAE,EAGnEyC,EACJ,CAACjB,GAAgBJ,EAAc,SAAW,EAAIA,EAAc,CAAC,EAAI,OAI7DsB,EAAkBC,EAAkBZ,EAAQ,GAAG,EAC/C,CAAE,KAAMa,EAAW,UAAWC,CAAA,EAAiBC,EAAS,CAC5D,KAAML,EACN,OAAQ,SACR,OAAQC,EAAgB,KAAA,GAAU,OAClC,MAAO,GAAA,EACN,CAAE,QAASvE,EAAM,EAEd4E,GAAQH,GAAA,YAAAA,EAAW,QAAS,CAAA,EAE5BI,EAAc,IAAM,CACxBpB,EAAQ,MAAM,EACdE,EAAgB,IAAI,EACpBE,EAAU,EAAE,EACZE,EAAY,IAAI,EAChBE,EAAiB,CAAC,EAClBE,EAAY,EAAK,EACjBlE,EAAA,CACF,EAEM6E,EAAoBC,GAAuB,CAC/CpB,EAAgBoB,CAAI,EACpBtB,EAAQ,UAAU,CACpB,EAEMuB,EAAa,IAAM,CACvBvB,EAAQ,MAAM,CAChB,EAEMwB,EAAe,IAAM,CACzB,GAAI,CAACvB,EAAc,OACnB,MAAMwB,EAAUpB,IAAa,SAAWE,EAAgB,SAASF,CAAQ,EACrE,CAACoB,GAAWA,GAAW,GAC3BhC,EAASQ,EAAa,GAAIwB,EAAShB,CAAQ,CAC7C,EAEA,OACEvD,EAAAA,IAACC,EAAA,CAAM,KAAAZ,EAAY,QAAS6E,EAAa,MAAM,qBAC7C,SAAAhE,EAAAA,KAAC,MAAA,CAAI,UAAU,YACZ,SAAA,CAAA2C,IAAS,QACR3C,EAAAA,KAAAsE,EAAAA,SAAA,CACE,SAAA,CAAAtE,EAAAA,KAAC,IAAA,CAAE,UAAU,8BAA8B,SAAA,CAAA,0BACjB,IACxBF,EAAAA,IAAC,OAAA,CAAK,UAAU,gCACb,SAAAR,EACH,EAAQ,IAAI,mBAAA,EAEd,EAEAQ,EAAAA,IAAC,QAAA,CACC,KAAK,OACL,MAAOiD,EACP,SAAWd,GAAMe,EAAUf,EAAE,OAAO,KAAK,EACzC,YAAY,6BACZ,UAAU,uBACV,UAAS,EAAA,CAAA,EAGXjC,EAAAA,KAAC,MAAA,CAAI,UAAU,kGACZ,SAAA,CAAA6D,GACC/D,EAAAA,IAAC,IAAA,CAAE,UAAU,iCAAiC,SAAA,mBAE9C,EAED,CAAC+D,GAAgBE,EAAM,SAAW,GACjCjE,EAAAA,IAAC,IAAA,CAAE,UAAU,iCAAiC,SAAA,gBAAA,CAE9C,EAEDiE,EAAM,IAAKG,GACVlE,EAAAA,KAAC,SAAA,CAEC,QAAS,IAAMiE,EAAiBC,CAAI,EACpC,UAAU,sEAEV,SAAA,CAAApE,MAAC,KAAE,UAAU,wCACV,SAAAoE,EAAK,cAAgBA,EAAK,YAC7B,EACCA,EAAK,OACJpE,EAAAA,IAAC,KAAE,UAAU,8BACV,WAAK,KAAA,CACR,CAAA,CAAA,EAVGoE,EAAK,EAAA,CAab,CAAA,EACH,EAEApE,EAAAA,IAAC,MAAA,CAAI,UAAU,wBACb,SAAAA,EAAAA,IAAC,SAAA,CAAO,QAASkE,EAAa,UAAU,wBAAwB,SAAA,QAAA,CAEhE,CAAA,CACF,CAAA,EACF,EAGDrB,IAAS,YAAcE,GACtB7C,EAAAA,KAAAsE,EAAAA,SAAA,CACE,SAAA,CAAAtE,EAAAA,KAAC,IAAA,CAAE,UAAU,8BAA8B,SAAA,CAAA,YAC/B,UACT,OAAA,CAAK,UAAU,gCACb,SAAA6C,EAAa,cAAgBA,EAAa,YAC7C,EAAQ,IAAI,MAAA,EAEd,EAEA7C,EAAAA,KAAC,SAAA,CACC,MAAOiD,EACP,SAAWhB,GAAM,CAAEiB,EAAYjB,EAAE,OAAO,KAAK,EAAGmB,EAAiB,CAAC,CAAG,EACrE,UAAU,wBAET,SAAA,CAAAV,EAAe,IAAK6B,GACnBzE,EAAAA,IAAC,SAAA,CAAuB,MAAOyE,EAAI,MAChC,SAAAA,EAAI,KAAA,EADMA,EAAI,KAEjB,CACD,EACDzE,EAAAA,IAAC,SAAA,CAAO,MAAM,SAAS,SAAA,UAAA,CAAQ,CAAA,CAAA,CAAA,EAEhCmD,IAAa,UACZnD,EAAAA,IAACqB,GAAqB,SAAUoC,EAAgB,UAAS,GAAC,EAG3DjB,EAAe,GACdtC,OAAC,QAAA,CAAM,UAAU,qDACf,SAAA,CAAAF,EAAAA,IAAC,QAAA,CACC,KAAK,WACL,QAASuD,EACT,SAAWpB,GAAMqB,EAAYrB,EAAE,OAAO,OAAO,EAC7C,UAAU,QAAA,CAAA,SAEX,OAAA,CAAK,SAAA,CAAA,iBACUnC,EAAAA,IAAC,OAAA,CAAK,UAAU,gCAAiC,SAAAwC,EAAa,EAAQ,IAAI,8FAAA,CAAA,CAG1F,CAAA,EACF,EAGDC,GAAUA,EAAO,QAAU,UACzB,IAAA,CAAE,UAAU,8BAA8B,cAAY,mBAAmB,SAAA,CAAA,YAC9DA,EAAO,SAAS,cAAYA,EAAO,QAAQ,oBAAA,EACvD,EAGFvC,EAAAA,KAAC,MAAA,CAAI,UAAU,8BACb,SAAA,CAAAF,MAAC,SAAA,CAAO,QAASqE,EAAY,UAAU,wBAAwB,SAAA,OAE/D,EACArE,EAAAA,IAAC,SAAA,CACC,QAASsE,EACT,SAAU7E,EACV,UAAU,sBAET,WAAY,eAAiB,QAAA,CAAA,CAChC,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CAEJ,CAAA,CACF,CAEJ"}
+{"version":3,"file":"BulkAssignModal-BOAWsViq.js","sources":["../../src/components/common/modal/ConfirmCancelModal.tsx","../../../shared/form-validation/x-lt-labels.ts","../../src/hooks/useClaimDurations.ts","../../src/components/common/form/CustomDurationPicker.tsx","../../src/components/common/modal/BulkAssignModal.tsx"],"sourcesContent":["import { Modal } from './Modal';\n\ninterface ConfirmCancelModalProps {\n  open: boolean;\n  onClose: () => void;\n  onConfirm: () => void;\n  selectedCount?: number;\n  isPending?: boolean;\n  error?: Error | null;\n  /** Replacement label from x-lt-labels.cancel — the challenge speaks it. */\n  actionLabel?: string;\n}\n\nexport function ConfirmCancelModal({\n  open,\n  onClose,\n  onConfirm,\n  selectedCount,\n  isPending,\n  error,\n  actionLabel,\n}: ConfirmCancelModalProps) {\n  // One template for every vocabulary: the title carries the verb (the\n  // pressed button's label), the body states the intent in general terms.\n  const isBulk = !!selectedCount && selectedCount > 1;\n  const label = actionLabel || 'Cancel';\n  const title = isBulk ? `${label} ${selectedCount} Items` : label === 'Cancel' ? 'Cancel Item' : label;\n\n  const body = isBulk\n    ? `Are you sure you want to ${label}? This removes ${selectedCount} items from the work queue.`\n    : `Are you sure you want to ${label}? This removes the item from the work queue.`;\n\n  return (\n    <Modal open={open} onClose={onClose} title={title}>\n      <div className=\"space-y-4\">\n        <p className=\"text-sm text-text-secondary\">{body}</p>\n        <p className=\"text-xs text-text-tertiary\">This action cannot be undone.</p>\n        {error && <p className=\"text-xs text-status-error\">{error.message}</p>}\n        <div className=\"flex justify-end gap-3 pt-2\">\n          <button onClick={onClose} disabled={isPending} className=\"btn-secondary text-xs\">\n            Keep\n          </button>\n          <button\n            onClick={onConfirm}\n            disabled={isPending}\n            className=\"bg-status-error text-text-inverse px-3 py-1.5 rounded-md text-xs hover:opacity-90 transition-opacity disabled:opacity-50\"\n          >\n            {isPending ? 'Working...' : `Yes, ${label}`}\n          </button>\n        </div>\n      </div>\n    </Modal>\n  );\n}\n","/**\n * x-lt-labels — configurable copy for the standard escalation footer. A\n * form_schema may declare, at its schema root, an object that renames the\n * footer's action controls. Each key is a standard target; its value is the\n * label to render in place of the default.\n *\n *   x-lt-labels   object — { claim, cancel, submit, escalate, release }\n *\n * ```jsonc\n * { \"x-lt-labels\": { \"claim\": \"Claim and Submit\", \"submit\": \"Approve\" } }\n * ```\n *\n * `cancel` additionally accepts `false` to remove the control entirely —\n * for roles where cancelling is not part of the process (\"Send to Service\"\n * flows escalate instead). The other targets are rename-only: hiding\n * claim/submit/release would strand the footer.\n *\n * Only the five known targets are read; unknown keys and non-string values\n * (except `cancel: false`) are ignored. Any target the schema omits keeps its\n * default label, so a schema overrides just the controls it cares about.\n */\n\nexport const X_LT_LABELS = 'x-lt-labels';\n\n/** The footer controls a schema may rename. */\nexport const FOOTER_LABEL_TARGETS = ['claim', 'cancel', 'submit', 'escalate', 'release'] as const;\n\nexport type FooterLabelTarget = (typeof FOOTER_LABEL_TARGETS)[number];\n\n/**\n * A partial map of target → override label. Absent targets keep their\n * default. `cancel: false` removes the cancel control from the footer.\n */\nexport type FooterLabels = Partial<Record<Exclude<FooterLabelTarget, 'cancel'>, string>> & {\n  cancel?: string | false;\n};\n\n/**\n * The schema's footer label overrides, or an empty map when none are declared.\n * Reads only the known targets; a non-object `x-lt-labels`, unknown keys, and\n * blank or non-string values are dropped — except `cancel: false`, which is\n * preserved as the hide instruction.\n */\nexport function readFooterLabels(\n  schema: Record<string, unknown> | null | undefined,\n): FooterLabels {\n  const raw = schema?.[X_LT_LABELS];\n  if (!raw || typeof raw !== 'object' || Array.isArray(raw)) return {};\n  const source = raw as Record<string, unknown>;\n  const labels: FooterLabels = {};\n  if (source.cancel === false) labels.cancel = false;\n  for (const target of FOOTER_LABEL_TARGETS) {\n    const value = source[target];\n    if (typeof value === 'string' && value.trim().length > 0) {\n      labels[target] = value.trim();\n    }\n  }\n  return labels;\n}\n","import { useMemo } from 'react';\nimport { useSettings } from '../api/settings';\nimport { DEFAULT_CLAIM_DURATIONS, formatClaimDuration } from '../lib/constants';\n\nexport interface ClaimDurationOption {\n  value: string;\n  label: string;\n}\n\n/**\n * Returns claim duration presets from server settings (with fallback).\n * Options are formatted for use in selects and tab rows.\n */\nexport function useClaimDurations(): ClaimDurationOption[] {\n  const { data: settings } = useSettings();\n\n  return useMemo(() => {\n    const minutes = settings?.escalation?.claimDurations ?? DEFAULT_CLAIM_DURATIONS;\n    return minutes.map((m) => ({\n      value: String(m),\n      label: formatClaimDuration(m),\n    }));\n  }, [settings]);\n}\n","import { useState, useEffect } from 'react';\n\nconst UNITS = [\n  { value: 1, label: 'minutes' },\n  { value: 60, label: 'hours' },\n] as const;\n\ninterface CustomDurationPickerProps {\n  /** Called with the computed duration in minutes whenever quantity or unit changes */\n  onChange: (minutes: number) => void;\n  /** Compact variant for inline use (e.g. action bars) */\n  compact?: boolean;\n  /** Auto-focus the quantity input */\n  autoFocus?: boolean;\n  'data-testid'?: string;\n}\n\nexport function CustomDurationPicker({\n  onChange,\n  compact,\n  autoFocus,\n  'data-testid': testId = 'custom-duration-input',\n}: CustomDurationPickerProps) {\n  const [quantity, setQuantity] = useState('');\n  const [multiplier, setMultiplier] = useState(1);\n\n  useEffect(() => {\n    const q = parseInt(quantity);\n    onChange(q > 0 ? q * multiplier : 0);\n  }, [quantity, multiplier, onChange]);\n\n  const textSize = compact ? 'text-xs' : 'text-sm';\n  const inputWidth = compact ? 'w-16' : 'w-20';\n\n  return (\n    <div className=\"flex items-center gap-2\" data-testid={testId}>\n      <input\n        type=\"number\"\n        min={1}\n        max={multiplier === 60 ? 24 : 1440}\n        value={quantity}\n        onChange={(e) => setQuantity(e.target.value)}\n        placeholder={multiplier === 60 ? 'hrs' : 'min'}\n        className={`input ${textSize} ${inputWidth} text-center`}\n        autoFocus={autoFocus}\n        data-testid={`${testId}-quantity`}\n      />\n      <select\n        value={multiplier}\n        onChange={(e) => setMultiplier(parseInt(e.target.value))}\n        className={`select ${textSize} py-1`}\n        data-testid={`${testId}-unit`}\n      >\n        {UNITS.map((u) => (\n          <option key={u.value} value={u.value}>{u.label}</option>\n        ))}\n      </select>\n    </div>\n  );\n}\n","import { useState, useCallback } from 'react';\nimport { Modal } from './Modal';\nimport { CustomDurationPicker } from '../form/CustomDurationPicker';\nimport { useUsers } from '../../../api/users';\nimport { useAuth } from '../../../hooks/useAuth';\nimport { useClaimDurations } from '../../../hooks/useClaimDurations';\nimport { useDebouncedValue } from '../../../hooks/useDebouncedValue';\nimport type { LTUserRecord } from '../../../api/types';\n\ninterface BulkAssignModalProps {\n  open: boolean;\n  onClose: () => void;\n  selectedCount: number;\n  /** Distinct roles of the selected escalations; scopes user list for admins */\n  selectedRoles: string[];\n  onSubmit: (targetUserId: string, durationMinutes: number, reassign: boolean) => void;\n  isPending: boolean;\n  /**\n   * Selected rows currently under a LIVE claim. Plain assign skips them;\n   * when > 0 the duration step offers the explicit takeover.\n   */\n  claimedCount?: number;\n  /** Assignment outcome from the last submit; skipped > 0 keeps the modal open to say so. */\n  result?: { assigned: number; skipped: number } | null;\n}\n\nexport function BulkAssignModal({\n  open,\n  onClose,\n  selectedCount,\n  selectedRoles,\n  onSubmit,\n  isPending,\n  claimedCount = 0,\n  result = null,\n}: BulkAssignModalProps) {\n  const { isSuperAdmin } = useAuth();\n  const claimDurations = useClaimDurations();\n  const [step, setStep] = useState<'user' | 'duration'>('user');\n  const [selectedUser, setSelectedUser] = useState<LTUserRecord | null>(null);\n  const [search, setSearch] = useState('');\n  const [duration, setDuration] = useState('30');\n  const [customMinutes, setCustomMinutes] = useState(0);\n  const [reassign, setReassign] = useState(false);\n  const onCustomChange = useCallback((m: number) => setCustomMinutes(m), []);\n\n  // Admins with a single role: scope to that role. Otherwise show all active users.\n  const roleFilter =\n    !isSuperAdmin && selectedRoles.length === 1 ? selectedRoles[0] : undefined;\n\n  // Search is resolved server-side (ILIKE on name/email/external_id) so it matches\n  // every user, not just a fetched slice — no client-side filtering over a cap.\n  const debouncedSearch = useDebouncedValue(search, 250);\n  const { data: usersData, isLoading: usersLoading } = useUsers({\n    role: roleFilter,\n    status: 'active',\n    search: debouncedSearch.trim() || undefined,\n    limit: 200,\n  }, { enabled: open });\n\n  const users = usersData?.users ?? [];\n\n  const handleClose = () => {\n    setStep('user');\n    setSelectedUser(null);\n    setSearch('');\n    setDuration('30');\n    setCustomMinutes(0);\n    setReassign(false);\n    onClose();\n  };\n\n  const handleSelectUser = (user: LTUserRecord) => {\n    setSelectedUser(user);\n    setStep('duration');\n  };\n\n  const handleBack = () => {\n    setStep('user');\n  };\n\n  const handleSubmit = () => {\n    if (!selectedUser) return;\n    const minutes = duration === 'custom' ? customMinutes : parseInt(duration);\n    if (!minutes || minutes <= 0) return;\n    onSubmit(selectedUser.id, minutes, reassign);\n  };\n\n  return (\n    <Modal open={open} onClose={handleClose} title=\"Assign Escalations\">\n      <div className=\"space-y-4\">\n        {step === 'user' && (\n          <>\n            <p className=\"text-sm text-text-secondary\">\n              Select a user to assign{' '}\n              <span className=\"font-medium text-text-primary\">\n                {selectedCount}\n              </span>{' '}\n              escalation(s) to:\n            </p>\n\n            <input\n              type=\"text\"\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              placeholder=\"Search by name or email...\"\n              className=\"input text-xs w-full\"\n              autoFocus\n            />\n\n            <div className=\"max-h-60 overflow-y-auto border border-surface-border rounded-lg divide-y divide-surface-border\">\n              {usersLoading && (\n                <p className=\"text-xs text-text-tertiary p-3\">\n                  Loading users...\n                </p>\n              )}\n              {!usersLoading && users.length === 0 && (\n                <p className=\"text-xs text-text-tertiary p-3\">\n                  No users found\n                </p>\n              )}\n              {users.map((user) => (\n                <button\n                  key={user.id}\n                  onClick={() => handleSelectUser(user)}\n                  className=\"w-full text-left px-3 py-2 hover:bg-surface-hover transition-colors\"\n                >\n                  <p className=\"text-xs font-medium text-text-primary\">\n                    {user.display_name || user.external_id}\n                  </p>\n                  {user.email && (\n                    <p className=\"text-2xs text-text-tertiary\">\n                      {user.email}\n                    </p>\n                  )}\n                </button>\n              ))}\n            </div>\n\n            <div className=\"flex justify-end pt-2\">\n              <button onClick={handleClose} className=\"btn-secondary text-xs\">\n                Cancel\n              </button>\n            </div>\n          </>\n        )}\n\n        {step === 'duration' && selectedUser && (\n          <>\n            <p className=\"text-sm text-text-secondary\">\n              Assign to{' '}\n              <span className=\"font-medium text-text-primary\">\n                {selectedUser.display_name || selectedUser.external_id}\n              </span>{' '}\n              for:\n            </p>\n\n            <select\n              value={duration}\n              onChange={(e) => { setDuration(e.target.value); setCustomMinutes(0); }}\n              className=\"select w-full text-sm\"\n            >\n              {claimDurations.map((opt) => (\n                <option key={opt.value} value={opt.value}>\n                  {opt.label}\n                </option>\n              ))}\n              <option value=\"custom\">Other...</option>\n            </select>\n            {duration === 'custom' && (\n              <CustomDurationPicker onChange={onCustomChange} autoFocus />\n            )}\n\n            {claimedCount > 0 && (\n              <label className=\"flex items-start gap-2 text-xs text-text-secondary\">\n                <input\n                  type=\"checkbox\"\n                  checked={reassign}\n                  onChange={(e) => setReassign(e.target.checked)}\n                  className=\"mt-0.5\"\n                />\n                <span>\n                  Also reassign <span className=\"font-medium text-text-primary\">{claimedCount}</span>{' '}\n                  item(s) with a live claim — the current holder loses the item.\n                  Unchecked, those are skipped.\n                </span>\n              </label>\n            )}\n\n            {result && result.skipped > 0 && (\n              <p className=\"text-xs text-status-warning\" data-testid=\"assign-skip-note\">\n                Assigned {result.assigned} · skipped {result.skipped} with live claims.\n              </p>\n            )}\n\n            <div className=\"flex justify-end gap-3 pt-2\">\n              <button onClick={handleBack} className=\"btn-secondary text-xs\">\n                Back\n              </button>\n              <button\n                onClick={handleSubmit}\n                disabled={isPending}\n                className=\"btn-primary text-xs\"\n              >\n                {isPending ? 'Assigning...' : 'Assign'}\n              </button>\n            </div>\n          </>\n        )}\n      </div>\n    </Modal>\n  );\n}\n"],"names":["ConfirmCancelModal","open","onClose","onConfirm","selectedCount","isPending","error","actionLabel","isBulk","label","title","body","jsx","Modal","jsxs","X_LT_LABELS","FOOTER_LABEL_TARGETS","readFooterLabels","schema","raw","source","labels","target","value","useClaimDurations","settings","useSettings","useMemo","_a","DEFAULT_CLAIM_DURATIONS","m","formatClaimDuration","UNITS","CustomDurationPicker","onChange","compact","autoFocus","testId","quantity","setQuantity","useState","multiplier","setMultiplier","useEffect","q","textSize","inputWidth","e","u","BulkAssignModal","selectedRoles","onSubmit","claimedCount","result","isSuperAdmin","useAuth","claimDurations","step","setStep","selectedUser","setSelectedUser","search","setSearch","duration","setDuration","customMinutes","setCustomMinutes","reassign","setReassign","onCustomChange","useCallback","roleFilter","debouncedSearch","useDebouncedValue","usersData","usersLoading","useUsers","users","handleClose","handleSelectUser","user","handleBack","handleSubmit","minutes","Fragment","opt"],"mappings":"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"}

package/dashboard/dist/assets/{CapabilitiesPage-D53ogPor.js → CapabilitiesPage-RGgD3YZO.js}

@@ -1,2 +1,2 @@
-import{a as i,j as e}from"./vendor-query-DvWWuNIB.js";import{u as I}from"./capabilities-BZHgp_nh.js";import{T as w,S}from"./ToolTestPanel-CF-h_5Rg.js";import{T as k}from"./ToolPill-Baxm02L6.js";import{P}from"./PageHeader-Csq434-v.js";import{F as E,b as T,a as L}from"./FilterBar-C-iur-Nj.js";import{aK as R}from"./index-3gbd5neL.js";import{L as A,x as O,bY as K,l as $,bk as q,q as D,bb as F,E as Y,a2 as B,j as M}from"./vendor-icons-B7OcUM6b.js";import"./mcp-Cvu6bFYH.js";import"./RunAsSelector-B29iWwel.js";import"./BotPicker-CClMby6B.js";import"./bots-CCmJTT2u.js";import"./vendor-react-_9U4mKFr.js";import"./helpers-DzO-OGPe.js";const y={Communication:B,Analysis:Y,Media:F,Data:D,Automation:q,Development:$,System:K,Reference:O,Other:A},p="capability-run";function ae(){const{data:n,isLoading:c}=I(),a=R(),[l,N]=i.useState(""),[m,g]=i.useState(null),[t,x]=i.useState(null),u=(n==null?void 0:n.categories)??[],C=(n==null?void 0:n.totalTools)??0,j=i.useMemo(()=>{let s=u;if(m&&(s=s.filter(r=>r.name===m)),!l.trim())return s;const o=l.toLowerCase();return s.map(r=>({...r,tools:r.tools.filter(v=>v.name.toLowerCase().includes(o)||v.description.toLowerCase().includes(o)||v.serverName.toLowerCase().includes(o))})).filter(r=>r.tools.length>0)},[u,l,m]),f=t?`${t.serverId}:${t.tool.name}`:null,h=i.useRef(null),d=i.useRef(!1);i.useEffect(()=>{a&&f!==h.current&&(h.current=f,t?a.setPanel(e.jsx("div",{className:"h-full overflow-y-auto",children:e.jsx(w,{serverId:t.serverId,serverName:t.serverName,tool:t.tool,onClose:()=>x(null)})}),{key:p,width:420}):(d.current=!1,a.closePanel(p)))},[t,f,a]),i.useEffect(()=>{if(!(!a||!t)){if(a.open&&a.ownerKey===p){d.current=!0;return}d.current&&(d.current=!1,x(null))}},[a,t]);const b=i.useRef(a);return b.current=a,i.useEffect(()=>()=>{var s;h.current&&((s=b.current)==null||s.closePanel(p))},[]),e.jsxs("div",{children:[e.jsx(P,{title:"Capabilities"}),!c&&u.length>0&&e.jsxs(E,{children:[e.jsx(T,{label:"Category",value:m??"",onChange:s=>g(s||null),options:u.map(s=>({value:s.name,label:s.name}))}),e.jsx(L,{label:"Search",value:l,onChange:N,placeholder:`${C} capabilities…`})]}),c?e.jsx("div",{className:"animate-pulse space-y-8",children:[1,2,3].map(s=>e.jsxs("div",{children:[e.jsx("div",{className:"h-4 bg-surface-sunken rounded w-28 mb-4"}),e.jsx("div",{className:"space-y-3",children:[1,2,3].map(o=>e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("div",{className:"h-4 bg-surface-sunken rounded w-36"}),e.jsx("div",{className:"h-3 bg-surface-sunken rounded w-full"})]},o))})]},s))}):j.length===0?e.jsx("p",{className:"text-sm text-text-tertiary mt-8",children:l||m?"No capabilities match your filter.":"No capabilities registered yet."}):e.jsx("div",{className:"space-y-10",children:j.map(s=>{const o=y[s.name]??y.Other;return e.jsxs("div",{children:[e.jsxs("div",{className:"sticky top-[60px] z-10 bg-surface flex items-center gap-2 py-2 mb-2 border-b border-surface-border",children:[e.jsx(o,{className:"w-3 h-3 text-accent",strokeWidth:1.5}),e.jsx("h2",{className:"section-h2",children:s.name}),e.jsx("span",{className:"text-xs text-text-quaternary",children:s.tools.length})]}),e.jsx("div",{className:"divide-y divide-surface-border/30",children:s.tools.map(r=>e.jsx(W,{tool:r,isSelected:(t==null?void 0:t.tool.name)===r.name&&(t==null?void 0:t.serverId)===r.serverId,onSelect:()=>x({serverId:r.serverId,serverName:r.serverName,tool:{name:r.name,description:r.description,inputSchema:r.inputSchema}})},`${r.serverId}-${r.name}`))})]},s.name)})})]})}function W({tool:n,isSelected:c,onSelect:a}){return e.jsxs("div",{role:"button",tabIndex:0,onClick:a,onKeyDown:l=>{(l.key==="Enter"||l.key===" ")&&a()},className:"group relative py-2 px-3 -mx-3 rounded-md cursor-pointer hover:bg-surface-hover/30 transition-colors text-left",children:[c&&e.jsx("span",{className:"absolute left-0 top-1 bottom-1 w-0.5 bg-accent rounded-full"}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(k,{name:n.name,size:"md"}),e.jsx("p",{className:"flex-1 min-w-0 truncate text-2xs text-text-tertiary group-hover:text-text-secondary transition-colors",children:n.description}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[e.jsx(S,{name:n.serverName,serverId:n.serverId}),e.jsx("span",{title:"Try it",children:e.jsx(M,{className:`w-3 h-3 transition-opacity ${c?"text-accent opacity-100":"text-accent opacity-0 group-hover:opacity-100"}`,strokeWidth:1.5})})]})]})]})}export{ae as CapabilitiesPage};
-//# sourceMappingURL=CapabilitiesPage-D53ogPor.js.map
+import{a as i,j as e}from"./vendor-query-DvWWuNIB.js";import{u as I}from"./capabilities-ZdLv9xBQ.js";import{T as w,S}from"./ToolTestPanel-BLfA02wv.js";import{T as k}from"./ToolPill-Baxm02L6.js";import{P}from"./PageHeader-Csq434-v.js";import{F as E,b as T,a as L}from"./FilterBar-CvMBCVIo.js";import{aK as R}from"./index-CgUcYveM.js";import{L as A,x as O,bY as K,l as $,bk as q,q as D,bb as F,E as Y,a2 as B,j as M}from"./vendor-icons-B7OcUM6b.js";import"./mcp-Bix7QYO7.js";import"./RunAsSelector-BoePhWVD.js";import"./BotPicker-D3drO3-T.js";import"./bots-DX6jjqtF.js";import"./vendor-react-_9U4mKFr.js";import"./helpers-DzO-OGPe.js";const y={Communication:B,Analysis:Y,Media:F,Data:D,Automation:q,Development:$,System:K,Reference:O,Other:A},p="capability-run";function ae(){const{data:n,isLoading:c}=I(),a=R(),[l,N]=i.useState(""),[m,g]=i.useState(null),[t,x]=i.useState(null),u=(n==null?void 0:n.categories)??[],C=(n==null?void 0:n.totalTools)??0,j=i.useMemo(()=>{let s=u;if(m&&(s=s.filter(r=>r.name===m)),!l.trim())return s;const o=l.toLowerCase();return s.map(r=>({...r,tools:r.tools.filter(v=>v.name.toLowerCase().includes(o)||v.description.toLowerCase().includes(o)||v.serverName.toLowerCase().includes(o))})).filter(r=>r.tools.length>0)},[u,l,m]),f=t?`${t.serverId}:${t.tool.name}`:null,h=i.useRef(null),d=i.useRef(!1);i.useEffect(()=>{a&&f!==h.current&&(h.current=f,t?a.setPanel(e.jsx("div",{className:"h-full overflow-y-auto",children:e.jsx(w,{serverId:t.serverId,serverName:t.serverName,tool:t.tool,onClose:()=>x(null)})}),{key:p,width:420}):(d.current=!1,a.closePanel(p)))},[t,f,a]),i.useEffect(()=>{if(!(!a||!t)){if(a.open&&a.ownerKey===p){d.current=!0;return}d.current&&(d.current=!1,x(null))}},[a,t]);const b=i.useRef(a);return b.current=a,i.useEffect(()=>()=>{var s;h.current&&((s=b.current)==null||s.closePanel(p))},[]),e.jsxs("div",{children:[e.jsx(P,{title:"Capabilities"}),!c&&u.length>0&&e.jsxs(E,{children:[e.jsx(T,{label:"Category",value:m??"",onChange:s=>g(s||null),options:u.map(s=>({value:s.name,label:s.name}))}),e.jsx(L,{label:"Search",value:l,onChange:N,placeholder:`${C} capabilities…`})]}),c?e.jsx("div",{className:"animate-pulse space-y-8",children:[1,2,3].map(s=>e.jsxs("div",{children:[e.jsx("div",{className:"h-4 bg-surface-sunken rounded w-28 mb-4"}),e.jsx("div",{className:"space-y-3",children:[1,2,3].map(o=>e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("div",{className:"h-4 bg-surface-sunken rounded w-36"}),e.jsx("div",{className:"h-3 bg-surface-sunken rounded w-full"})]},o))})]},s))}):j.length===0?e.jsx("p",{className:"text-sm text-text-tertiary mt-8",children:l||m?"No capabilities match your filter.":"No capabilities registered yet."}):e.jsx("div",{className:"space-y-10",children:j.map(s=>{const o=y[s.name]??y.Other;return e.jsxs("div",{children:[e.jsxs("div",{className:"sticky top-[60px] z-10 bg-surface flex items-center gap-2 py-2 mb-2 border-b border-surface-border",children:[e.jsx(o,{className:"w-3 h-3 text-accent",strokeWidth:1.5}),e.jsx("h2",{className:"section-h2",children:s.name}),e.jsx("span",{className:"text-xs text-text-quaternary",children:s.tools.length})]}),e.jsx("div",{className:"divide-y divide-surface-border/30",children:s.tools.map(r=>e.jsx(W,{tool:r,isSelected:(t==null?void 0:t.tool.name)===r.name&&(t==null?void 0:t.serverId)===r.serverId,onSelect:()=>x({serverId:r.serverId,serverName:r.serverName,tool:{name:r.name,description:r.description,inputSchema:r.inputSchema}})},`${r.serverId}-${r.name}`))})]},s.name)})})]})}function W({tool:n,isSelected:c,onSelect:a}){return e.jsxs("div",{role:"button",tabIndex:0,onClick:a,onKeyDown:l=>{(l.key==="Enter"||l.key===" ")&&a()},className:"group relative py-2 px-3 -mx-3 rounded-md cursor-pointer hover:bg-surface-hover/30 transition-colors text-left",children:[c&&e.jsx("span",{className:"absolute left-0 top-1 bottom-1 w-0.5 bg-accent rounded-full"}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(k,{name:n.name,size:"md"}),e.jsx("p",{className:"flex-1 min-w-0 truncate text-2xs text-text-tertiary group-hover:text-text-secondary transition-colors",children:n.description}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[e.jsx(S,{name:n.serverName,serverId:n.serverId}),e.jsx("span",{title:"Try it",children:e.jsx(M,{className:`w-3 h-3 transition-opacity ${c?"text-accent opacity-100":"text-accent opacity-0 group-hover:opacity-100"}`,strokeWidth:1.5})})]})]})]})}export{ae as CapabilitiesPage};
+//# sourceMappingURL=CapabilitiesPage-RGgD3YZO.js.map

package/dashboard/dist/assets/{CapabilitiesPage-D53ogPor.js.map → CapabilitiesPage-RGgD3YZO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CapabilitiesPage-D53ogPor.js","sources":["../../src/pages/capabilities/CapabilitiesPage.tsx"],"sourcesContent":["import { useState, useMemo, useEffect, useRef } from 'react';\nimport {\n  Play,\n  MessageSquare, Eye, Database, Cog, Code2, Shield, BookOpen,\n  LayoutGrid, Image,\n} from 'lucide-react';\nimport { useCapabilities, type CapabilityTool } from '../../api/capabilities';\nimport { ToolTestPanel } from '../../components/common/test/ToolTestPanel';\nimport { ToolPill } from '../../components/common/display/ToolPill';\nimport { ServerName } from '../../components/common/display/ServerName';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { FilterBar, FilterSelect, FilterInput } from '../../components/common/data/FilterBar';\nimport { useShellPanelOptional } from '../../hooks/useShellPanel';\nimport type { LucideIcon } from 'lucide-react';\n\n// ── Category meta ─────────────────────────────────────────────────────────────\n\nconst CATEGORY_ICONS: Record<string, LucideIcon> = {\n  Communication: MessageSquare,\n  Analysis: Eye,\n  Media: Image,\n  Data: Database,\n  Automation: Cog,\n  Development: Code2,\n  System: Shield,\n  Reference: BookOpen,\n  Other: LayoutGrid,\n};\n\n// Shell-panel ownership key — the tool run panel claims/releases this slot.\nconst CAPABILITY_PANEL_KEY = 'capability-run';\n\ninterface SelectedTool {\n  serverId: string;\n  serverName: string;\n  tool: { name: string; description: string; inputSchema: Record<string, any> };\n}\n\n// ── Page ─────────────────────────────────────────────────────────────────────\n\nexport function CapabilitiesPage() {\n  const { data, isLoading } = useCapabilities();\n  const shell = useShellPanelOptional();\n  const [search, setSearch] = useState('');\n  const [activeCategory, setActiveCategory] = useState<string | null>(null);\n  const [selected, setSelected] = useState<SelectedTool | null>(null);\n\n  const categories = data?.categories ?? [];\n  const totalTools = data?.totalTools ?? 0;\n\n  const filtered = useMemo(() => {\n    let cats = categories;\n    if (activeCategory) cats = cats.filter((c) => c.name === activeCategory);\n    if (!search.trim()) return cats;\n    const q = search.toLowerCase();\n    return cats\n      .map((cat) => ({\n        ...cat,\n        tools: cat.tools.filter(\n          (t) =>\n            t.name.toLowerCase().includes(q) ||\n            t.description.toLowerCase().includes(q) ||\n            t.serverName.toLowerCase().includes(q),\n        ),\n      }))\n      .filter((cat) => cat.tools.length > 0);\n  }, [categories, search, activeCategory]);\n\n  // ── Selection ↔ shell panel sync ────────────────────────────────────────────\n  // Selecting a tool opens the run panel in the shell's right slot; an\n  // external close (the panel's X, slot takeover) clears the selection. The\n  // applied-key ref guards against re-setting the panel on unrelated renders.\n  const selectedKey = selected ? `${selected.serverId}:${selected.tool.name}` : null;\n  const appliedKey = useRef<string | null>(null);\n  const panelWasOpen = useRef(false);\n  useEffect(() => {\n    if (!shell) return;\n    if (selectedKey === appliedKey.current) return;\n    appliedKey.current = selectedKey;\n    if (selected) {\n      shell.setPanel(\n        <div className=\"h-full overflow-y-auto\">\n          <ToolTestPanel\n            serverId={selected.serverId}\n            serverName={selected.serverName}\n            tool={selected.tool}\n            onClose={() => setSelected(null)}\n          />\n        </div>,\n        { key: CAPABILITY_PANEL_KEY, width: 420 },\n      );\n    } else {\n      panelWasOpen.current = false;\n      shell.closePanel(CAPABILITY_PANEL_KEY);\n    }\n  }, [selected, selectedKey, shell]);\n  useEffect(() => {\n    if (!shell || !selected) return;\n    if (shell.open && shell.ownerKey === CAPABILITY_PANEL_KEY) {\n      panelWasOpen.current = true;\n      return;\n    }\n    if (panelWasOpen.current) {\n      panelWasOpen.current = false;\n      setSelected(null);\n    }\n  }, [shell, selected]);\n  // Unmount with the panel open releases the slot (keyed — never yanks\n  // another claimant's panel).\n  const shellRef = useRef(shell);\n  shellRef.current = shell;\n  useEffect(\n    () => () => {\n      if (appliedKey.current) shellRef.current?.closePanel(CAPABILITY_PANEL_KEY);\n    },\n    [],\n  );\n\n  return (\n    <div>\n      <PageHeader title=\"Capabilities\" />\n\n      {/* The standard full-width sticky filter band — above the list, like\n          every other master list page. */}\n      {!isLoading && categories.length > 0 && (\n        <FilterBar>\n          <FilterSelect\n            label=\"Category\"\n            value={activeCategory ?? ''}\n            onChange={(v) => setActiveCategory(v || null)}\n            options={categories.map((c) => ({ value: c.name, label: c.name }))}\n          />\n          <FilterInput\n            label=\"Search\"\n            value={search}\n            onChange={setSearch}\n            placeholder={`${totalTools} capabilities…`}\n          />\n        </FilterBar>\n      )}\n\n      {/* The list IS the page — selecting a row opens the run panel in the\n          shell's right panel. */}\n      {isLoading ? (\n        <div className=\"animate-pulse space-y-8\">\n          {[1, 2, 3].map((i) => (\n            <div key={i}>\n              <div className=\"h-4 bg-surface-sunken rounded w-28 mb-4\" />\n              <div className=\"space-y-3\">\n                {[1, 2, 3].map((j) => (\n                  <div key={j} className=\"space-y-1.5\">\n                    <div className=\"h-4 bg-surface-sunken rounded w-36\" />\n                    <div className=\"h-3 bg-surface-sunken rounded w-full\" />\n                  </div>\n                ))}\n              </div>\n            </div>\n          ))}\n        </div>\n      ) : filtered.length === 0 ? (\n        <p className=\"text-sm text-text-tertiary mt-8\">\n          {search || activeCategory ? 'No capabilities match your filter.' : 'No capabilities registered yet.'}\n        </p>\n      ) : (\n        <div className=\"space-y-10\">\n          {filtered.map((category) => {\n            const Icon = CATEGORY_ICONS[category.name] ?? CATEGORY_ICONS.Other;\n            return (\n              <div key={category.name}>\n                <div className=\"sticky top-[60px] z-10 bg-surface flex items-center gap-2 py-2 mb-2 border-b border-surface-border\">\n                  <Icon className=\"w-3 h-3 text-accent\" strokeWidth={1.5} />\n                  <h2 className=\"section-h2\">{category.name}</h2>\n                  <span className=\"text-xs text-text-quaternary\">{category.tools.length}</span>\n                </div>\n                <div className=\"divide-y divide-surface-border/30\">\n                  {category.tools.map((tool) => (\n                    <ToolRow\n                      key={`${tool.serverId}-${tool.name}`}\n                      tool={tool}\n                      isSelected={selected?.tool.name === tool.name && selected?.serverId === tool.serverId}\n                      onSelect={() =>\n                        setSelected({\n                          serverId: tool.serverId,\n                          serverName: tool.serverName,\n                          tool: { name: tool.name, description: tool.description, inputSchema: tool.inputSchema },\n                        })\n                      }\n                    />\n                  ))}\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ── Tool row ─────────────────────────────────────────────────────────────────\n\nfunction ToolRow({\n  tool,\n  isSelected,\n  onSelect,\n}: {\n  tool: CapabilityTool;\n  isSelected: boolean;\n  onSelect: () => void;\n}) {\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      onClick={onSelect}\n      onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') onSelect(); }}\n      className=\"group relative py-2 px-3 -mx-3 rounded-md cursor-pointer hover:bg-surface-hover/30 transition-colors text-left\"\n    >\n      {isSelected && <span className=\"absolute left-0 top-1 bottom-1 w-0.5 bg-accent rounded-full\" />}\n      <div className=\"flex items-center gap-3\">\n        <ToolPill name={tool.name} size=\"md\" />\n        <p className=\"flex-1 min-w-0 truncate text-2xs text-text-tertiary group-hover:text-text-secondary transition-colors\">\n          {tool.description}\n        </p>\n        <div className=\"flex items-center gap-2 shrink-0\">\n          <ServerName name={tool.serverName} serverId={tool.serverId} />\n          {/* Trailing action icon — quiet until row hover, visible on the\n              selected row. Selecting opens the run panel in the shell panel. */}\n          <span title=\"Try it\">\n            <Play\n              className={`w-3 h-3 transition-opacity ${isSelected ? 'text-accent opacity-100' : 'text-accent opacity-0 group-hover:opacity-100'}`}\n              strokeWidth={1.5}\n            />\n          </span>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["CATEGORY_ICONS","MessageSquare","Eye","Image","Database","Cog","Code2","Shield","BookOpen","LayoutGrid","CAPABILITY_PANEL_KEY","CapabilitiesPage","data","isLoading","useCapabilities","shell","useShellPanelOptional","search","setSearch","useState","activeCategory","setActiveCategory","selected","setSelected","categories","totalTools","filtered","useMemo","cats","c","q","cat","t","selectedKey","appliedKey","useRef","panelWasOpen","useEffect","jsx","ToolTestPanel","shellRef","_a","PageHeader","FilterBar","FilterSelect","v","FilterInput","i","j","jsxs","category","Icon","tool","ToolRow","isSelected","onSelect","e","ToolPill","ServerName","Play"],"mappings":"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"}
+{"version":3,"file":"CapabilitiesPage-RGgD3YZO.js","sources":["../../src/pages/capabilities/CapabilitiesPage.tsx"],"sourcesContent":["import { useState, useMemo, useEffect, useRef } from 'react';\nimport {\n  Play,\n  MessageSquare, Eye, Database, Cog, Code2, Shield, BookOpen,\n  LayoutGrid, Image,\n} from 'lucide-react';\nimport { useCapabilities, type CapabilityTool } from '../../api/capabilities';\nimport { ToolTestPanel } from '../../components/common/test/ToolTestPanel';\nimport { ToolPill } from '../../components/common/display/ToolPill';\nimport { ServerName } from '../../components/common/display/ServerName';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { FilterBar, FilterSelect, FilterInput } from '../../components/common/data/FilterBar';\nimport { useShellPanelOptional } from '../../hooks/useShellPanel';\nimport type { LucideIcon } from 'lucide-react';\n\n// ── Category meta ─────────────────────────────────────────────────────────────\n\nconst CATEGORY_ICONS: Record<string, LucideIcon> = {\n  Communication: MessageSquare,\n  Analysis: Eye,\n  Media: Image,\n  Data: Database,\n  Automation: Cog,\n  Development: Code2,\n  System: Shield,\n  Reference: BookOpen,\n  Other: LayoutGrid,\n};\n\n// Shell-panel ownership key — the tool run panel claims/releases this slot.\nconst CAPABILITY_PANEL_KEY = 'capability-run';\n\ninterface SelectedTool {\n  serverId: string;\n  serverName: string;\n  tool: { name: string; description: string; inputSchema: Record<string, any> };\n}\n\n// ── Page ─────────────────────────────────────────────────────────────────────\n\nexport function CapabilitiesPage() {\n  const { data, isLoading } = useCapabilities();\n  const shell = useShellPanelOptional();\n  const [search, setSearch] = useState('');\n  const [activeCategory, setActiveCategory] = useState<string | null>(null);\n  const [selected, setSelected] = useState<SelectedTool | null>(null);\n\n  const categories = data?.categories ?? [];\n  const totalTools = data?.totalTools ?? 0;\n\n  const filtered = useMemo(() => {\n    let cats = categories;\n    if (activeCategory) cats = cats.filter((c) => c.name === activeCategory);\n    if (!search.trim()) return cats;\n    const q = search.toLowerCase();\n    return cats\n      .map((cat) => ({\n        ...cat,\n        tools: cat.tools.filter(\n          (t) =>\n            t.name.toLowerCase().includes(q) ||\n            t.description.toLowerCase().includes(q) ||\n            t.serverName.toLowerCase().includes(q),\n        ),\n      }))\n      .filter((cat) => cat.tools.length > 0);\n  }, [categories, search, activeCategory]);\n\n  // ── Selection ↔ shell panel sync ────────────────────────────────────────────\n  // Selecting a tool opens the run panel in the shell's right slot; an\n  // external close (the panel's X, slot takeover) clears the selection. The\n  // applied-key ref guards against re-setting the panel on unrelated renders.\n  const selectedKey = selected ? `${selected.serverId}:${selected.tool.name}` : null;\n  const appliedKey = useRef<string | null>(null);\n  const panelWasOpen = useRef(false);\n  useEffect(() => {\n    if (!shell) return;\n    if (selectedKey === appliedKey.current) return;\n    appliedKey.current = selectedKey;\n    if (selected) {\n      shell.setPanel(\n        <div className=\"h-full overflow-y-auto\">\n          <ToolTestPanel\n            serverId={selected.serverId}\n            serverName={selected.serverName}\n            tool={selected.tool}\n            onClose={() => setSelected(null)}\n          />\n        </div>,\n        { key: CAPABILITY_PANEL_KEY, width: 420 },\n      );\n    } else {\n      panelWasOpen.current = false;\n      shell.closePanel(CAPABILITY_PANEL_KEY);\n    }\n  }, [selected, selectedKey, shell]);\n  useEffect(() => {\n    if (!shell || !selected) return;\n    if (shell.open && shell.ownerKey === CAPABILITY_PANEL_KEY) {\n      panelWasOpen.current = true;\n      return;\n    }\n    if (panelWasOpen.current) {\n      panelWasOpen.current = false;\n      setSelected(null);\n    }\n  }, [shell, selected]);\n  // Unmount with the panel open releases the slot (keyed — never yanks\n  // another claimant's panel).\n  const shellRef = useRef(shell);\n  shellRef.current = shell;\n  useEffect(\n    () => () => {\n      if (appliedKey.current) shellRef.current?.closePanel(CAPABILITY_PANEL_KEY);\n    },\n    [],\n  );\n\n  return (\n    <div>\n      <PageHeader title=\"Capabilities\" />\n\n      {/* The standard full-width sticky filter band — above the list, like\n          every other master list page. */}\n      {!isLoading && categories.length > 0 && (\n        <FilterBar>\n          <FilterSelect\n            label=\"Category\"\n            value={activeCategory ?? ''}\n            onChange={(v) => setActiveCategory(v || null)}\n            options={categories.map((c) => ({ value: c.name, label: c.name }))}\n          />\n          <FilterInput\n            label=\"Search\"\n            value={search}\n            onChange={setSearch}\n            placeholder={`${totalTools} capabilities…`}\n          />\n        </FilterBar>\n      )}\n\n      {/* The list IS the page — selecting a row opens the run panel in the\n          shell's right panel. */}\n      {isLoading ? (\n        <div className=\"animate-pulse space-y-8\">\n          {[1, 2, 3].map((i) => (\n            <div key={i}>\n              <div className=\"h-4 bg-surface-sunken rounded w-28 mb-4\" />\n              <div className=\"space-y-3\">\n                {[1, 2, 3].map((j) => (\n                  <div key={j} className=\"space-y-1.5\">\n                    <div className=\"h-4 bg-surface-sunken rounded w-36\" />\n                    <div className=\"h-3 bg-surface-sunken rounded w-full\" />\n                  </div>\n                ))}\n              </div>\n            </div>\n          ))}\n        </div>\n      ) : filtered.length === 0 ? (\n        <p className=\"text-sm text-text-tertiary mt-8\">\n          {search || activeCategory ? 'No capabilities match your filter.' : 'No capabilities registered yet.'}\n        </p>\n      ) : (\n        <div className=\"space-y-10\">\n          {filtered.map((category) => {\n            const Icon = CATEGORY_ICONS[category.name] ?? CATEGORY_ICONS.Other;\n            return (\n              <div key={category.name}>\n                <div className=\"sticky top-[60px] z-10 bg-surface flex items-center gap-2 py-2 mb-2 border-b border-surface-border\">\n                  <Icon className=\"w-3 h-3 text-accent\" strokeWidth={1.5} />\n                  <h2 className=\"section-h2\">{category.name}</h2>\n                  <span className=\"text-xs text-text-quaternary\">{category.tools.length}</span>\n                </div>\n                <div className=\"divide-y divide-surface-border/30\">\n                  {category.tools.map((tool) => (\n                    <ToolRow\n                      key={`${tool.serverId}-${tool.name}`}\n                      tool={tool}\n                      isSelected={selected?.tool.name === tool.name && selected?.serverId === tool.serverId}\n                      onSelect={() =>\n                        setSelected({\n                          serverId: tool.serverId,\n                          serverName: tool.serverName,\n                          tool: { name: tool.name, description: tool.description, inputSchema: tool.inputSchema },\n                        })\n                      }\n                    />\n                  ))}\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ── Tool row ─────────────────────────────────────────────────────────────────\n\nfunction ToolRow({\n  tool,\n  isSelected,\n  onSelect,\n}: {\n  tool: CapabilityTool;\n  isSelected: boolean;\n  onSelect: () => void;\n}) {\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      onClick={onSelect}\n      onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') onSelect(); }}\n      className=\"group relative py-2 px-3 -mx-3 rounded-md cursor-pointer hover:bg-surface-hover/30 transition-colors text-left\"\n    >\n      {isSelected && <span className=\"absolute left-0 top-1 bottom-1 w-0.5 bg-accent rounded-full\" />}\n      <div className=\"flex items-center gap-3\">\n        <ToolPill name={tool.name} size=\"md\" />\n        <p className=\"flex-1 min-w-0 truncate text-2xs text-text-tertiary group-hover:text-text-secondary transition-colors\">\n          {tool.description}\n        </p>\n        <div className=\"flex items-center gap-2 shrink-0\">\n          <ServerName name={tool.serverName} serverId={tool.serverId} />\n          {/* Trailing action icon — quiet until row hover, visible on the\n              selected row. Selecting opens the run panel in the shell panel. */}\n          <span title=\"Try it\">\n            <Play\n              className={`w-3 h-3 transition-opacity ${isSelected ? 'text-accent opacity-100' : 'text-accent opacity-0 group-hover:opacity-100'}`}\n              strokeWidth={1.5}\n            />\n          </span>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["CATEGORY_ICONS","MessageSquare","Eye","Image","Database","Cog","Code2","Shield","BookOpen","LayoutGrid","CAPABILITY_PANEL_KEY","CapabilitiesPage","data","isLoading","useCapabilities","shell","useShellPanelOptional","search","setSearch","useState","activeCategory","setActiveCategory","selected","setSelected","categories","totalTools","filtered","useMemo","cats","c","q","cat","t","selectedKey","appliedKey","useRef","panelWasOpen","useEffect","jsx","ToolTestPanel","shellRef","_a","PageHeader","FilterBar","FilterSelect","v","FilterInput","i","j","jsxs","category","Icon","tool","ToolRow","isSelected","onSelect","e","ToolPill","ServerName","Play"],"mappings":"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"}

package/dashboard/dist/assets/{CollapsibleSection-ow8jpbtD.js → CollapsibleSection-DNkZn87n.js}

@@ -1,2 +1,2 @@
-import{j as t}from"./vendor-query-DvWWuNIB.js";import{C as a}from"./index-3gbd5neL.js";function c({title:r,sectionKey:s,isCollapsed:e,onToggle:o,contentClassName:n,children:i}){return t.jsxs("div",{children:[t.jsxs("button",{onClick:()=>o(s),className:"flex items-center gap-3 w-full group/section",children:[t.jsx("svg",{className:`w-4 h-4 shrink-0 text-text-tertiary/40 group-hover/section:text-text-tertiary transition-all duration-200 ${e?"":"rotate-90"}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 5l7 7-7 7"})}),t.jsx("span",{className:`text-xs font-semibold uppercase tracking-widest transition-colors duration-200 ${e?"text-text-tertiary":"text-text-secondary"}`,children:r}),t.jsx("span",{className:"flex-1 border-b border-surface-border"})]}),t.jsx(a,{open:!e,children:t.jsx("div",{className:n??"mt-4 ml-7",children:i})})]})}export{c as C};
-//# sourceMappingURL=CollapsibleSection-ow8jpbtD.js.map
+import{j as t}from"./vendor-query-DvWWuNIB.js";import{C as a}from"./index-CgUcYveM.js";function c({title:r,sectionKey:s,isCollapsed:e,onToggle:o,contentClassName:n,children:i}){return t.jsxs("div",{children:[t.jsxs("button",{onClick:()=>o(s),className:"flex items-center gap-3 w-full group/section",children:[t.jsx("svg",{className:`w-4 h-4 shrink-0 text-text-tertiary/40 group-hover/section:text-text-tertiary transition-all duration-200 ${e?"":"rotate-90"}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 5l7 7-7 7"})}),t.jsx("span",{className:`text-xs font-semibold uppercase tracking-widest transition-colors duration-200 ${e?"text-text-tertiary":"text-text-secondary"}`,children:r}),t.jsx("span",{className:"flex-1 border-b border-surface-border"})]}),t.jsx(a,{open:!e,children:t.jsx("div",{className:n??"mt-4 ml-7",children:i})})]})}export{c as C};
+//# sourceMappingURL=CollapsibleSection-DNkZn87n.js.map

package/dashboard/dist/assets/{CollapsibleSection-ow8jpbtD.js.map → CollapsibleSection-DNkZn87n.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleSection-ow8jpbtD.js","sources":["../../src/components/common/layout/CollapsibleSection.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Collapsible } from './Collapsible';\n\n/**\n * Shared collapsible section with chevron toggle and horizontal rule.\n * Used by WorkflowExecutionPage, McpRunDetailPage, and YamlWorkflowDetailPage.\n */\nexport function CollapsibleSection({\n  title,\n  sectionKey,\n  isCollapsed,\n  onToggle,\n  contentClassName,\n  children,\n}: {\n  title: string;\n  sectionKey: string;\n  isCollapsed: boolean;\n  onToggle: (key: string) => void;\n  /** Optional class override for the content wrapper (default: \"mt-4 ml-7\") */\n  contentClassName?: string;\n  children: ReactNode;\n}) {\n  return (\n    <div>\n      <button\n        onClick={() => onToggle(sectionKey)}\n        className=\"flex items-center gap-3 w-full group/section\"\n      >\n        <svg\n          className={`w-4 h-4 shrink-0 text-text-tertiary/40 group-hover/section:text-text-tertiary transition-all duration-200 ${!isCollapsed ? 'rotate-90' : ''}`}\n          fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}\n        >\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 5l7 7-7 7\" />\n        </svg>\n        <span className={`text-xs font-semibold uppercase tracking-widest transition-colors duration-200 ${isCollapsed ? 'text-text-tertiary' : 'text-text-secondary'}`}>\n          {title}\n        </span>\n        <span className=\"flex-1 border-b border-surface-border\" />\n      </button>\n      <Collapsible open={!isCollapsed}>\n        <div className={contentClassName ?? 'mt-4 ml-7'}>{children}</div>\n      </Collapsible>\n    </div>\n  );\n}\n"],"names":["CollapsibleSection","title","sectionKey","isCollapsed","onToggle","contentClassName","children","jsxs","jsx","Collapsible"],"mappings":"uFAOO,SAASA,EAAmB,CACjC,MAAAC,EACA,WAAAC,EACA,YAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,SAAAC,CACF,EAQG,CACD,cACG,MAAA,CACC,SAAA,CAAAC,EAAAA,KAAC,SAAA,CACC,QAAS,IAAMH,EAASF,CAAU,EAClC,UAAU,+CAEV,SAAA,CAAAM,EAAAA,IAAC,MAAA,CACC,UAAW,6GAA8GL,EAA4B,GAAd,WAAgB,GACvJ,KAAK,OAAO,QAAQ,YAAY,OAAO,eAAe,YAAa,EAEnE,eAAC,OAAA,CAAK,cAAc,QAAQ,eAAe,QAAQ,EAAE,cAAA,CAAe,CAAA,CAAA,EAEtEK,EAAAA,IAAC,QAAK,UAAW,kFAAkFL,EAAc,qBAAuB,qBAAqB,GAC1J,SAAAF,CAAA,CACH,EACAO,EAAAA,IAAC,OAAA,CAAK,UAAU,uCAAA,CAAwC,CAAA,CAAA,CAAA,EAE1DA,EAAAA,IAACC,EAAA,CAAY,KAAM,CAACN,EAClB,SAAAK,EAAAA,IAAC,MAAA,CAAI,UAAWH,GAAoB,YAAc,SAAAC,CAAA,CAAS,CAAA,CAC7D,CAAA,EACF,CAEJ"}
+{"version":3,"file":"CollapsibleSection-DNkZn87n.js","sources":["../../src/components/common/layout/CollapsibleSection.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Collapsible } from './Collapsible';\n\n/**\n * Shared collapsible section with chevron toggle and horizontal rule.\n * Used by WorkflowExecutionPage, McpRunDetailPage, and YamlWorkflowDetailPage.\n */\nexport function CollapsibleSection({\n  title,\n  sectionKey,\n  isCollapsed,\n  onToggle,\n  contentClassName,\n  children,\n}: {\n  title: string;\n  sectionKey: string;\n  isCollapsed: boolean;\n  onToggle: (key: string) => void;\n  /** Optional class override for the content wrapper (default: \"mt-4 ml-7\") */\n  contentClassName?: string;\n  children: ReactNode;\n}) {\n  return (\n    <div>\n      <button\n        onClick={() => onToggle(sectionKey)}\n        className=\"flex items-center gap-3 w-full group/section\"\n      >\n        <svg\n          className={`w-4 h-4 shrink-0 text-text-tertiary/40 group-hover/section:text-text-tertiary transition-all duration-200 ${!isCollapsed ? 'rotate-90' : ''}`}\n          fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}\n        >\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 5l7 7-7 7\" />\n        </svg>\n        <span className={`text-xs font-semibold uppercase tracking-widest transition-colors duration-200 ${isCollapsed ? 'text-text-tertiary' : 'text-text-secondary'}`}>\n          {title}\n        </span>\n        <span className=\"flex-1 border-b border-surface-border\" />\n      </button>\n      <Collapsible open={!isCollapsed}>\n        <div className={contentClassName ?? 'mt-4 ml-7'}>{children}</div>\n      </Collapsible>\n    </div>\n  );\n}\n"],"names":["CollapsibleSection","title","sectionKey","isCollapsed","onToggle","contentClassName","children","jsxs","jsx","Collapsible"],"mappings":"uFAOO,SAASA,EAAmB,CACjC,MAAAC,EACA,WAAAC,EACA,YAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,SAAAC,CACF,EAQG,CACD,cACG,MAAA,CACC,SAAA,CAAAC,EAAAA,KAAC,SAAA,CACC,QAAS,IAAMH,EAASF,CAAU,EAClC,UAAU,+CAEV,SAAA,CAAAM,EAAAA,IAAC,MAAA,CACC,UAAW,6GAA8GL,EAA4B,GAAd,WAAgB,GACvJ,KAAK,OAAO,QAAQ,YAAY,OAAO,eAAe,YAAa,EAEnE,eAAC,OAAA,CAAK,cAAc,QAAQ,eAAe,QAAQ,EAAE,cAAA,CAAe,CAAA,CAAA,EAEtEK,EAAAA,IAAC,QAAK,UAAW,kFAAkFL,EAAc,qBAAuB,qBAAqB,GAC1J,SAAAF,CAAA,CACH,EACAO,EAAAA,IAAC,OAAA,CAAK,UAAU,uCAAA,CAAwC,CAAA,CAAA,CAAA,EAE1DA,EAAAA,IAACC,EAAA,CAAY,KAAM,CAACN,EAClB,SAAAK,EAAAA,IAAC,MAAA,CAAI,UAAWH,GAAoB,YAAc,SAAAC,CAAA,CAAS,CAAA,CAC7D,CAAA,EACF,CAEJ"}

package/dashboard/dist/assets/{ConfirmDeleteModal-CeEDt9iJ.js → ConfirmDeleteModal-BqzOwhPr.js}

@@ -1,2 +1,2 @@
-import{j as e}from"./vendor-query-DvWWuNIB.js";import{M as i}from"./index-3gbd5neL.js";function d({open:r,onClose:t,onConfirm:x,title:n,description:c,isPending:s,error:a}){return e.jsx(i,{open:r,onClose:t,title:n,children:e.jsxs("div",{className:"space-y-4",children:[e.jsx("p",{className:"text-sm text-text-secondary",children:c}),a&&e.jsx("p",{className:"text-xs text-status-error",children:a.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:x,className:"bg-status-error text-text-inverse px-3 py-1.5 rounded-md text-xs hover:opacity-90 transition-opacity",disabled:s,children:s?"Deleting...":"Delete"})]})]})})}export{d as C};
-//# sourceMappingURL=ConfirmDeleteModal-CeEDt9iJ.js.map
+import{j as e}from"./vendor-query-DvWWuNIB.js";import{M as i}from"./index-CgUcYveM.js";function d({open:r,onClose:t,onConfirm:x,title:n,description:c,isPending:s,error:a}){return e.jsx(i,{open:r,onClose:t,title:n,children:e.jsxs("div",{className:"space-y-4",children:[e.jsx("p",{className:"text-sm text-text-secondary",children:c}),a&&e.jsx("p",{className:"text-xs text-status-error",children:a.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:x,className:"bg-status-error text-text-inverse px-3 py-1.5 rounded-md text-xs hover:opacity-90 transition-opacity",disabled:s,children:s?"Deleting...":"Delete"})]})]})})}export{d as C};
+//# sourceMappingURL=ConfirmDeleteModal-BqzOwhPr.js.map

package/dashboard/dist/assets/{ConfirmDeleteModal-CeEDt9iJ.js.map → ConfirmDeleteModal-BqzOwhPr.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDeleteModal-CeEDt9iJ.js","sources":["../../src/components/common/modal/ConfirmDeleteModal.tsx"],"sourcesContent":["import { Modal } from './Modal';\nimport type { ReactNode } from 'react';\n\ninterface ConfirmDeleteModalProps {\n  open: boolean;\n  onClose: () => void;\n  onConfirm: () => void;\n  title: string;\n  description: ReactNode;\n  isPending?: boolean;\n  error?: Error | null;\n}\n\nexport function ConfirmDeleteModal({\n  open,\n  onClose,\n  onConfirm,\n  title,\n  description,\n  isPending,\n  error,\n}: ConfirmDeleteModalProps) {\n  return (\n    <Modal open={open} onClose={onClose} title={title}>\n      <div className=\"space-y-4\">\n        <p className=\"text-sm text-text-secondary\">{description}</p>\n        {error && <p className=\"text-xs text-status-error\">{error.message}</p>}\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={onConfirm}\n            className=\"bg-status-error text-text-inverse px-3 py-1.5 rounded-md text-xs hover:opacity-90 transition-opacity\"\n            disabled={isPending}\n          >\n            {isPending ? 'Deleting...' : 'Delete'}\n          </button>\n        </div>\n      </div>\n    </Modal>\n  );\n}\n"],"names":["ConfirmDeleteModal","open","onClose","onConfirm","title","description","isPending","error","jsx","Modal","jsxs"],"mappings":"uFAaO,SAASA,EAAmB,CACjC,KAAAC,EACA,QAAAC,EACA,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,UAAAC,EACA,MAAAC,CACF,EAA4B,CAC1B,OACEC,EAAAA,IAACC,GAAM,KAAAR,EAAY,QAAAC,EAAkB,MAAAE,EACnC,SAAAM,EAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAF,EAAAA,IAAC,IAAA,CAAE,UAAU,8BAA+B,SAAAH,EAAY,EACvDE,GAASC,EAAAA,IAAC,IAAA,CAAE,UAAU,4BAA6B,WAAM,QAAQ,EAClEE,EAAAA,KAAC,MAAA,CAAI,UAAU,8BACb,SAAA,CAAAF,MAAC,SAAA,CAAO,QAASN,EAAS,UAAU,wBAAwB,SAAA,SAE5D,EACAM,EAAAA,IAAC,SAAA,CACC,QAASL,EACT,UAAU,uGACV,SAAUG,EAET,WAAY,cAAgB,QAAA,CAAA,CAC/B,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,CAEJ"}
+{"version":3,"file":"ConfirmDeleteModal-BqzOwhPr.js","sources":["../../src/components/common/modal/ConfirmDeleteModal.tsx"],"sourcesContent":["import { Modal } from './Modal';\nimport type { ReactNode } from 'react';\n\ninterface ConfirmDeleteModalProps {\n  open: boolean;\n  onClose: () => void;\n  onConfirm: () => void;\n  title: string;\n  description: ReactNode;\n  isPending?: boolean;\n  error?: Error | null;\n}\n\nexport function ConfirmDeleteModal({\n  open,\n  onClose,\n  onConfirm,\n  title,\n  description,\n  isPending,\n  error,\n}: ConfirmDeleteModalProps) {\n  return (\n    <Modal open={open} onClose={onClose} title={title}>\n      <div className=\"space-y-4\">\n        <p className=\"text-sm text-text-secondary\">{description}</p>\n        {error && <p className=\"text-xs text-status-error\">{error.message}</p>}\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={onConfirm}\n            className=\"bg-status-error text-text-inverse px-3 py-1.5 rounded-md text-xs hover:opacity-90 transition-opacity\"\n            disabled={isPending}\n          >\n            {isPending ? 'Deleting...' : 'Delete'}\n          </button>\n        </div>\n      </div>\n    </Modal>\n  );\n}\n"],"names":["ConfirmDeleteModal","open","onClose","onConfirm","title","description","isPending","error","jsx","Modal","jsxs"],"mappings":"uFAaO,SAASA,EAAmB,CACjC,KAAAC,EACA,QAAAC,EACA,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,UAAAC,EACA,MAAAC,CACF,EAA4B,CAC1B,OACEC,EAAAA,IAACC,GAAM,KAAAR,EAAY,QAAAC,EAAkB,MAAAE,EACnC,SAAAM,EAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAF,EAAAA,IAAC,IAAA,CAAE,UAAU,8BAA+B,SAAAH,EAAY,EACvDE,GAASC,EAAAA,IAAC,IAAA,CAAE,UAAU,4BAA6B,WAAM,QAAQ,EAClEE,EAAAA,KAAC,MAAA,CAAI,UAAU,8BACb,SAAA,CAAAF,MAAC,SAAA,CAAO,QAASN,EAAS,UAAU,wBAAwB,SAAA,SAE5D,EACAM,EAAAA,IAAC,SAAA,CACC,QAASL,EACT,UAAU,uGACV,SAAUG,EAET,WAAY,cAAgB,QAAA,CAAA,CAC/B,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,CAEJ"}

package/dashboard/dist/assets/{CountdownTimer-CSqyZMCG.js → CountdownTimer-BaexQMK6.js}

@@ -1,2 +1,2 @@
-import{a as r,j as n}from"./vendor-query-DvWWuNIB.js";import{ba as c,az as m,bb as i}from"./index-3gbd5neL.js";const a=[{maxMs:0,color:"text-status-error"},{maxMs:300*1e3,color:"text-status-error"},{maxMs:900*1e3,color:"text-status-warning"},{maxMs:1/0,color:"text-text-secondary"}];function x(t){if(t<=0)return a[0].color;for(const e of a)if(t<e.maxMs)return e.color;return a[a.length-1].color}function M({until:t}){const[e,s]=r.useState(()=>new Date(t).getTime()-Date.now());r.useEffect(()=>{const o=setInterval(()=>{s(new Date(t).getTime()-Date.now())},1e3);return()=>clearInterval(o)},[t]);const l=r.useMemo(()=>{const o=new Date(t);return[{label:"ms",value:String(Math.max(0,e))},{label:"until",value:o.toISOString()},{label:"local",value:c(o,"MMM d, yyyy h:mm:ss a")}]},[t,e]);return n.jsx(m,{options:l,children:n.jsx("span",{className:`text-xs font-mono ${x(e)}`,children:i(e)})})}export{M as C};
-//# sourceMappingURL=CountdownTimer-CSqyZMCG.js.map
+import{a as r,j as n}from"./vendor-query-DvWWuNIB.js";import{ba as c,az as m,bb as i}from"./index-CgUcYveM.js";const a=[{maxMs:0,color:"text-status-error"},{maxMs:300*1e3,color:"text-status-error"},{maxMs:900*1e3,color:"text-status-warning"},{maxMs:1/0,color:"text-text-secondary"}];function x(t){if(t<=0)return a[0].color;for(const e of a)if(t<e.maxMs)return e.color;return a[a.length-1].color}function M({until:t}){const[e,s]=r.useState(()=>new Date(t).getTime()-Date.now());r.useEffect(()=>{const o=setInterval(()=>{s(new Date(t).getTime()-Date.now())},1e3);return()=>clearInterval(o)},[t]);const l=r.useMemo(()=>{const o=new Date(t);return[{label:"ms",value:String(Math.max(0,e))},{label:"until",value:o.toISOString()},{label:"local",value:c(o,"MMM d, yyyy h:mm:ss a")}]},[t,e]);return n.jsx(m,{options:l,children:n.jsx("span",{className:`text-xs font-mono ${x(e)}`,children:i(e)})})}export{M as C};
+//# sourceMappingURL=CountdownTimer-BaexQMK6.js.map

package/dashboard/dist/assets/{CountdownTimer-CSqyZMCG.js.map → CountdownTimer-BaexQMK6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CountdownTimer-CSqyZMCG.js","sources":["../../src/components/common/display/CountdownTimer.tsx"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react';\nimport { format as fnsFormat } from 'date-fns';\nimport { formatRemaining } from '../../../lib/format';\nimport { DateTooltip } from './DateTooltip';\n\nconst COUNTDOWN_THRESHOLDS = [\n  { maxMs: 0,              color: 'text-status-error' },\n  { maxMs: 5 * 60 * 1000,  color: 'text-status-error' },\n  { maxMs: 15 * 60 * 1000, color: 'text-status-warning' },\n  { maxMs: Infinity,        color: 'text-text-secondary' },\n] as const;\n\nfunction countdownColor(remainingMs: number): string {\n  if (remainingMs <= 0) return COUNTDOWN_THRESHOLDS[0].color;\n  for (const t of COUNTDOWN_THRESHOLDS) {\n    if (remainingMs < t.maxMs) return t.color;\n  }\n  return COUNTDOWN_THRESHOLDS[COUNTDOWN_THRESHOLDS.length - 1].color;\n}\n\nexport function CountdownTimer({ until }: { until: string }) {\n  const [remaining, setRemaining] = useState(() => new Date(until).getTime() - Date.now());\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setRemaining(new Date(until).getTime() - Date.now());\n    }, 1000);\n    return () => clearInterval(interval);\n  }, [until]);\n\n  const options = useMemo(() => {\n    const d = new Date(until);\n    return [\n      { label: 'ms', value: String(Math.max(0, remaining)) },\n      { label: 'until', value: d.toISOString() },\n      { label: 'local', value: fnsFormat(d, 'MMM d, yyyy h:mm:ss a') },\n    ];\n  }, [until, remaining]);\n\n  return (\n    <DateTooltip options={options}>\n      <span className={`text-xs font-mono ${countdownColor(remaining)}`}>\n        {formatRemaining(remaining)}\n      </span>\n    </DateTooltip>\n  );\n}\n"],"names":["COUNTDOWN_THRESHOLDS","countdownColor","remainingMs","t","CountdownTimer","until","remaining","setRemaining","useState","useEffect","interval","options","useMemo","d","fnsFormat","jsx","DateTooltip","formatRemaining"],"mappings":"+GAKA,MAAMA,EAAuB,CAC3B,CAAE,MAAO,EAAgB,MAAO,mBAAA,EAChC,CAAE,MAAO,IAAS,IAAO,MAAO,mBAAA,EAChC,CAAE,MAAO,IAAU,IAAM,MAAO,qBAAA,EAChC,CAAE,MAAO,IAAiB,MAAO,qBAAA,CACnC,EAEA,SAASC,EAAeC,EAA6B,CACnD,GAAIA,GAAe,EAAG,OAAOF,EAAqB,CAAC,EAAE,MACrD,UAAWG,KAAKH,EACd,GAAIE,EAAcC,EAAE,MAAO,OAAOA,EAAE,MAEtC,OAAOH,EAAqBA,EAAqB,OAAS,CAAC,EAAE,KAC/D,CAEO,SAASI,EAAe,CAAE,MAAAC,GAA4B,CAC3D,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,IAAM,IAAI,KAAKH,CAAK,EAAE,QAAA,EAAY,KAAK,KAAK,EAEvFI,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAW,YAAY,IAAM,CACjCH,EAAa,IAAI,KAAKF,CAAK,EAAE,UAAY,KAAK,KAAK,CACrD,EAAG,GAAI,EACP,MAAO,IAAM,cAAcK,CAAQ,CACrC,EAAG,CAACL,CAAK,CAAC,EAEV,MAAMM,EAAUC,EAAAA,QAAQ,IAAM,CAC5B,MAAMC,EAAI,IAAI,KAAKR,CAAK,EACxB,MAAO,CACL,CAAE,MAAO,KAAM,MAAO,OAAO,KAAK,IAAI,EAAGC,CAAS,CAAC,CAAA,EACnD,CAAE,MAAO,QAAS,MAAOO,EAAE,aAAY,EACvC,CAAE,MAAO,QAAS,MAAOC,EAAUD,EAAG,uBAAuB,CAAA,CAAE,CAEnE,EAAG,CAACR,EAAOC,CAAS,CAAC,EAErB,OACES,EAAAA,IAACC,EAAA,CAAY,QAAAL,EACX,SAAAI,MAAC,QAAK,UAAW,qBAAqBd,EAAeK,CAAS,CAAC,GAC5D,SAAAW,EAAgBX,CAAS,EAC5B,EACF,CAEJ"}
+{"version":3,"file":"CountdownTimer-BaexQMK6.js","sources":["../../src/components/common/display/CountdownTimer.tsx"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react';\nimport { format as fnsFormat } from 'date-fns';\nimport { formatRemaining } from '../../../lib/format';\nimport { DateTooltip } from './DateTooltip';\n\nconst COUNTDOWN_THRESHOLDS = [\n  { maxMs: 0,              color: 'text-status-error' },\n  { maxMs: 5 * 60 * 1000,  color: 'text-status-error' },\n  { maxMs: 15 * 60 * 1000, color: 'text-status-warning' },\n  { maxMs: Infinity,        color: 'text-text-secondary' },\n] as const;\n\nfunction countdownColor(remainingMs: number): string {\n  if (remainingMs <= 0) return COUNTDOWN_THRESHOLDS[0].color;\n  for (const t of COUNTDOWN_THRESHOLDS) {\n    if (remainingMs < t.maxMs) return t.color;\n  }\n  return COUNTDOWN_THRESHOLDS[COUNTDOWN_THRESHOLDS.length - 1].color;\n}\n\nexport function CountdownTimer({ until }: { until: string }) {\n  const [remaining, setRemaining] = useState(() => new Date(until).getTime() - Date.now());\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setRemaining(new Date(until).getTime() - Date.now());\n    }, 1000);\n    return () => clearInterval(interval);\n  }, [until]);\n\n  const options = useMemo(() => {\n    const d = new Date(until);\n    return [\n      { label: 'ms', value: String(Math.max(0, remaining)) },\n      { label: 'until', value: d.toISOString() },\n      { label: 'local', value: fnsFormat(d, 'MMM d, yyyy h:mm:ss a') },\n    ];\n  }, [until, remaining]);\n\n  return (\n    <DateTooltip options={options}>\n      <span className={`text-xs font-mono ${countdownColor(remaining)}`}>\n        {formatRemaining(remaining)}\n      </span>\n    </DateTooltip>\n  );\n}\n"],"names":["COUNTDOWN_THRESHOLDS","countdownColor","remainingMs","t","CountdownTimer","until","remaining","setRemaining","useState","useEffect","interval","options","useMemo","d","fnsFormat","jsx","DateTooltip","formatRemaining"],"mappings":"+GAKA,MAAMA,EAAuB,CAC3B,CAAE,MAAO,EAAgB,MAAO,mBAAA,EAChC,CAAE,MAAO,IAAS,IAAO,MAAO,mBAAA,EAChC,CAAE,MAAO,IAAU,IAAM,MAAO,qBAAA,EAChC,CAAE,MAAO,IAAiB,MAAO,qBAAA,CACnC,EAEA,SAASC,EAAeC,EAA6B,CACnD,GAAIA,GAAe,EAAG,OAAOF,EAAqB,CAAC,EAAE,MACrD,UAAWG,KAAKH,EACd,GAAIE,EAAcC,EAAE,MAAO,OAAOA,EAAE,MAEtC,OAAOH,EAAqBA,EAAqB,OAAS,CAAC,EAAE,KAC/D,CAEO,SAASI,EAAe,CAAE,MAAAC,GAA4B,CAC3D,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,IAAM,IAAI,KAAKH,CAAK,EAAE,QAAA,EAAY,KAAK,KAAK,EAEvFI,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAW,YAAY,IAAM,CACjCH,EAAa,IAAI,KAAKF,CAAK,EAAE,UAAY,KAAK,KAAK,CACrD,EAAG,GAAI,EACP,MAAO,IAAM,cAAcK,CAAQ,CACrC,EAAG,CAACL,CAAK,CAAC,EAEV,MAAMM,EAAUC,EAAAA,QAAQ,IAAM,CAC5B,MAAMC,EAAI,IAAI,KAAKR,CAAK,EACxB,MAAO,CACL,CAAE,MAAO,KAAM,MAAO,OAAO,KAAK,IAAI,EAAGC,CAAS,CAAC,CAAA,EACnD,CAAE,MAAO,QAAS,MAAOO,EAAE,aAAY,EACvC,CAAE,MAAO,QAAS,MAAOC,EAAUD,EAAG,uBAAuB,CAAA,CAAE,CAEnE,EAAG,CAACR,EAAOC,CAAS,CAAC,EAErB,OACES,EAAAA,IAACC,EAAA,CAAY,QAAAL,EACX,SAAAI,MAAC,QAAK,UAAW,qBAAqBd,EAAeK,CAAS,CAAC,GAC5D,SAAAW,EAAgBX,CAAS,EAC5B,EACF,CAEJ"}

package/dashboard/dist/assets/{CredentialsPage-Dx7SxA23.js → CredentialsPage-D7abp0aS.js}

@@ -1,2 +1,2 @@
-import{a as i,j as e}from"./vendor-query-DvWWuNIB.js";import{bx as g,by as N,bz as p,b0 as f,b1 as C}from"./index-3gbd5neL.js";import{P as k}from"./PageHeader-Csq434-v.js";import{T as A}from"./TimeAgo-CSNVEjch.js";import{C as w}from"./ConfirmDeleteModal-CeEDt9iJ.js";import{g as P,C as T,bv as O,z as S}from"./vendor-icons-B7OcUM6b.js";import"./vendor-react-_9U4mKFr.js";const o={anthropic:{name:"Anthropic",helpText:'Run "claude setup-token" for an OAuth token, or use an API key from console.anthropic.com.',placeholder:"sk-ant-oat01-... or sk-ant-api03-..."},openai:{name:"OpenAI",helpText:"Create an API key at platform.openai.com/api-keys.",placeholder:"sk-..."},google:{name:"Google",helpText:"Connect your Google account for Gmail, Calendar, and Drive access.",placeholder:"",oauth:!0}};function G(){var d,x;const{data:r,isLoading:m}=g(),n=N(),[s,l]=i.useState(null),[h,u]=i.useState(!1),[a,j]=i.useState("anthropic"),c=(r==null?void 0:r.connections)??[],b=()=>{s&&n.mutate({provider:s.provider,label:s.label},{onSuccess:()=>l(null)})},v=t=>`${f}/api/auth/oauth/connect/${t}?token=${encodeURIComponent(C()||"")}&returnTo=/credentials`;return e.jsxs("div",{children:[e.jsx(k,{title:"Credentials",docsHash:"#docs:dashboard.md:credentials",actions:e.jsxs("button",{onClick:()=>u(t=>!t),className:"btn-primary text-xs inline-flex items-center gap-1.5",children:[e.jsx(P,{className:"w-3.5 h-3.5"}),"Add Credential"]})}),e.jsx("p",{className:"text-sm text-text-secondary mb-6",children:"Manage credentials used by tools when invoked on your behalf. Each credential is encrypted at rest and resolved automatically during tool execution."}),h&&e.jsxs("div",{className:"mb-6 pb-5 border-b border-surface-border/60 space-y-3",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("label",{className:"text-xs text-text-secondary font-medium",children:"Provider"}),e.jsxs("div",{className:"relative",children:[e.jsx("select",{value:a,onChange:t=>j(t.target.value),className:"input text-xs pr-7 appearance-none",children:Object.entries(o).map(([t,y])=>e.jsx("option",{value:t,children:y.name},t))}),e.jsx(T,{className:"absolute right-2 top-1/2 -translate-y-1/2 w-3 h-3 text-text-tertiary pointer-events-none"})]})]}),e.jsx("p",{className:"text-xs text-text-tertiary",children:(d=o[a])==null?void 0:d.helpText}),e.jsxs("a",{href:v(a),className:"btn-primary text-xs inline-flex items-center gap-1.5",children:[e.jsx(p,{provider:a,className:"w-3.5 h-3.5"}),"Connect ",(x=o[a])==null?void 0:x.name]})]}),m?e.jsx("div",{className:"animate-pulse space-y-3",children:[1,2].map(t=>e.jsx("div",{className:"h-16 bg-surface-sunken rounded"},t))}):c.length===0?e.jsxs("div",{className:"text-center py-16 text-text-tertiary",children:[e.jsx(O,{className:"w-10 h-10 mx-auto mb-3 opacity-40"}),e.jsx("p",{className:"text-sm",children:"No credentials registered."}),e.jsx("p",{className:"text-xs mt-1",children:"Add a credential to enable tool authentication."})]}):e.jsx("div",{className:"divide-y divide-surface-border/30",children:c.map(t=>e.jsxs("div",{className:"group/row flex items-center gap-4 px-3 py-2.5 -mx-3",children:[e.jsx(p,{provider:t.provider,className:"w-6 h-6 shrink-0"}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-sm text-text-primary font-medium capitalize",children:t.provider}),t.label!=="default"&&e.jsx("span",{className:"text-2xs px-1.5 py-0.5 bg-surface-sunken rounded text-text-tertiary",children:t.label}),t.credential_type&&e.jsx("span",{className:"text-2xs px-1.5 py-0.5 bg-accent-faint rounded text-accent",children:t.credential_type})]}),e.jsxs("div",{className:"flex items-center gap-3 mt-0.5",children:[t.email&&e.jsx("span",{className:"text-xs text-text-tertiary",children:t.email}),t.expires_at&&e.jsxs("span",{className:"text-xs text-text-tertiary",children:["Expires ",e.jsx(A,{date:t.expires_at})]})]})]}),e.jsx("button",{onClick:()=>l({provider:t.provider,label:t.label}),className:"opacity-0 group-hover/row:opacity-100 transition-opacity text-text-tertiary hover:text-status-error",title:"Revoke credential",children:e.jsx(S,{className:"w-4 h-4"})})]},`${t.provider}-${t.label}`))}),e.jsx(w,{open:!!s,onClose:()=>l(null),onConfirm:b,title:"Revoke Credential",description:e.jsxs(e.Fragment,{children:["Revoke the"," ",e.jsx("span",{className:"font-medium text-text-primary capitalize",children:s==null?void 0:s.provider}),(s==null?void 0:s.label)!=="default"&&e.jsxs(e.Fragment,{children:[" (",s==null?void 0:s.label,")"]})," ","credential? Tools will no longer be able to use this credential."]}),isPending:n.isPending,error:n.error})]})}export{G as CredentialsPage};
-//# sourceMappingURL=CredentialsPage-Dx7SxA23.js.map
+import{a as i,j as e}from"./vendor-query-DvWWuNIB.js";import{bx as g,by as N,bz as p,b0 as f,b1 as C}from"./index-CgUcYveM.js";import{P as k}from"./PageHeader-Csq434-v.js";import{T as A}from"./TimeAgo-0YVMBwls.js";import{C as w}from"./ConfirmDeleteModal-BqzOwhPr.js";import{g as P,C as T,bv as O,z as S}from"./vendor-icons-B7OcUM6b.js";import"./vendor-react-_9U4mKFr.js";const o={anthropic:{name:"Anthropic",helpText:'Run "claude setup-token" for an OAuth token, or use an API key from console.anthropic.com.',placeholder:"sk-ant-oat01-... or sk-ant-api03-..."},openai:{name:"OpenAI",helpText:"Create an API key at platform.openai.com/api-keys.",placeholder:"sk-..."},google:{name:"Google",helpText:"Connect your Google account for Gmail, Calendar, and Drive access.",placeholder:"",oauth:!0}};function G(){var d,x;const{data:r,isLoading:m}=g(),n=N(),[s,l]=i.useState(null),[h,u]=i.useState(!1),[a,j]=i.useState("anthropic"),c=(r==null?void 0:r.connections)??[],b=()=>{s&&n.mutate({provider:s.provider,label:s.label},{onSuccess:()=>l(null)})},v=t=>`${f}/api/auth/oauth/connect/${t}?token=${encodeURIComponent(C()||"")}&returnTo=/credentials`;return e.jsxs("div",{children:[e.jsx(k,{title:"Credentials",docsHash:"#docs:dashboard.md:credentials",actions:e.jsxs("button",{onClick:()=>u(t=>!t),className:"btn-primary text-xs inline-flex items-center gap-1.5",children:[e.jsx(P,{className:"w-3.5 h-3.5"}),"Add Credential"]})}),e.jsx("p",{className:"text-sm text-text-secondary mb-6",children:"Manage credentials used by tools when invoked on your behalf. Each credential is encrypted at rest and resolved automatically during tool execution."}),h&&e.jsxs("div",{className:"mb-6 pb-5 border-b border-surface-border/60 space-y-3",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("label",{className:"text-xs text-text-secondary font-medium",children:"Provider"}),e.jsxs("div",{className:"relative",children:[e.jsx("select",{value:a,onChange:t=>j(t.target.value),className:"input text-xs pr-7 appearance-none",children:Object.entries(o).map(([t,y])=>e.jsx("option",{value:t,children:y.name},t))}),e.jsx(T,{className:"absolute right-2 top-1/2 -translate-y-1/2 w-3 h-3 text-text-tertiary pointer-events-none"})]})]}),e.jsx("p",{className:"text-xs text-text-tertiary",children:(d=o[a])==null?void 0:d.helpText}),e.jsxs("a",{href:v(a),className:"btn-primary text-xs inline-flex items-center gap-1.5",children:[e.jsx(p,{provider:a,className:"w-3.5 h-3.5"}),"Connect ",(x=o[a])==null?void 0:x.name]})]}),m?e.jsx("div",{className:"animate-pulse space-y-3",children:[1,2].map(t=>e.jsx("div",{className:"h-16 bg-surface-sunken rounded"},t))}):c.length===0?e.jsxs("div",{className:"text-center py-16 text-text-tertiary",children:[e.jsx(O,{className:"w-10 h-10 mx-auto mb-3 opacity-40"}),e.jsx("p",{className:"text-sm",children:"No credentials registered."}),e.jsx("p",{className:"text-xs mt-1",children:"Add a credential to enable tool authentication."})]}):e.jsx("div",{className:"divide-y divide-surface-border/30",children:c.map(t=>e.jsxs("div",{className:"group/row flex items-center gap-4 px-3 py-2.5 -mx-3",children:[e.jsx(p,{provider:t.provider,className:"w-6 h-6 shrink-0"}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-sm text-text-primary font-medium capitalize",children:t.provider}),t.label!=="default"&&e.jsx("span",{className:"text-2xs px-1.5 py-0.5 bg-surface-sunken rounded text-text-tertiary",children:t.label}),t.credential_type&&e.jsx("span",{className:"text-2xs px-1.5 py-0.5 bg-accent-faint rounded text-accent",children:t.credential_type})]}),e.jsxs("div",{className:"flex items-center gap-3 mt-0.5",children:[t.email&&e.jsx("span",{className:"text-xs text-text-tertiary",children:t.email}),t.expires_at&&e.jsxs("span",{className:"text-xs text-text-tertiary",children:["Expires ",e.jsx(A,{date:t.expires_at})]})]})]}),e.jsx("button",{onClick:()=>l({provider:t.provider,label:t.label}),className:"opacity-0 group-hover/row:opacity-100 transition-opacity text-text-tertiary hover:text-status-error",title:"Revoke credential",children:e.jsx(S,{className:"w-4 h-4"})})]},`${t.provider}-${t.label}`))}),e.jsx(w,{open:!!s,onClose:()=>l(null),onConfirm:b,title:"Revoke Credential",description:e.jsxs(e.Fragment,{children:["Revoke the"," ",e.jsx("span",{className:"font-medium text-text-primary capitalize",children:s==null?void 0:s.provider}),(s==null?void 0:s.label)!=="default"&&e.jsxs(e.Fragment,{children:[" (",s==null?void 0:s.label,")"]})," ","credential? Tools will no longer be able to use this credential."]}),isPending:n.isPending,error:n.error})]})}export{G as CredentialsPage};
+//# sourceMappingURL=CredentialsPage-D7abp0aS.js.map

package/dashboard/dist/assets/{CredentialsPage-Dx7SxA23.js.map → CredentialsPage-D7abp0aS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CredentialsPage-Dx7SxA23.js","sources":["../../src/pages/settings/CredentialsPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Unplug, Trash2, Plus, ChevronDown } from 'lucide-react';\nimport { useOAuthConnections, useDisconnectOAuth } from '../../api/oauth';\nimport { getToken } from '../../api/client';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { OAuthIcon } from '../../components/common/OAuthIcon';\nimport { TimeAgo } from '../../components/common/display/TimeAgo';\nimport { ConfirmDeleteModal } from '../../components/common/modal/ConfirmDeleteModal';\nimport { LT_BASE } from '../../lib/base-path';\n\ninterface ConnectionToRevoke {\n  provider: string;\n  label: string;\n}\n\nconst PROVIDERS: Record<string, { name: string; helpText: string; placeholder: string; oauth?: boolean }> = {\n  anthropic: {\n    name: 'Anthropic',\n    helpText: 'Run \"claude setup-token\" for an OAuth token, or use an API key from console.anthropic.com.',\n    placeholder: 'sk-ant-oat01-... or sk-ant-api03-...',\n  },\n  openai: {\n    name: 'OpenAI',\n    helpText: 'Create an API key at platform.openai.com/api-keys.',\n    placeholder: 'sk-...',\n  },\n  google: {\n    name: 'Google',\n    helpText: 'Connect your Google account for Gmail, Calendar, and Drive access.',\n    placeholder: '',\n    oauth: true,\n  },\n};\n\nexport function CredentialsPage() {\n  const { data, isLoading } = useOAuthConnections();\n  const disconnect = useDisconnectOAuth();\n  const [confirmRevoke, setConfirmRevoke] = useState<ConnectionToRevoke | null>(null);\n  const [addOpen, setAddOpen] = useState(false);\n  const [selectedProvider, setSelectedProvider] = useState('anthropic');\n\n  const connections = data?.connections ?? [];\n\n  const handleRevoke = () => {\n    if (!confirmRevoke) return;\n    disconnect.mutate(\n      { provider: confirmRevoke.provider, label: confirmRevoke.label },\n      { onSuccess: () => setConfirmRevoke(null) },\n    );\n  };\n\n  const connectUrl = (provider: string) =>\n    `${LT_BASE}/api/auth/oauth/connect/${provider}?token=${encodeURIComponent(getToken() || '')}&returnTo=/credentials`;\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Credentials\"\n        docsHash=\"#docs:dashboard.md:credentials\"\n        actions={\n          <button\n            onClick={() => setAddOpen((o) => !o)}\n            className=\"btn-primary text-xs inline-flex items-center gap-1.5\"\n          >\n            <Plus className=\"w-3.5 h-3.5\" />\n            Add Credential\n          </button>\n        }\n      />\n\n      <p className=\"text-sm text-text-secondary mb-6\">\n        Manage credentials used by tools when invoked on your behalf.\n        Each credential is encrypted at rest and resolved automatically during tool execution.\n      </p>\n\n      {/* Add credential dropdown */}\n      {addOpen && (\n        <div className=\"mb-6 pb-5 border-b border-surface-border/60 space-y-3\">\n          <div className=\"flex items-center gap-3\">\n            <label className=\"text-xs text-text-secondary font-medium\">Provider</label>\n            <div className=\"relative\">\n              <select\n                value={selectedProvider}\n                onChange={(e) => setSelectedProvider(e.target.value)}\n                className=\"input text-xs pr-7 appearance-none\"\n              >\n                {Object.entries(PROVIDERS).map(([key, p]) => (\n                  <option key={key} value={key}>{p.name}</option>\n                ))}\n              </select>\n              <ChevronDown className=\"absolute right-2 top-1/2 -translate-y-1/2 w-3 h-3 text-text-tertiary pointer-events-none\" />\n            </div>\n          </div>\n          <p className=\"text-xs text-text-tertiary\">\n            {PROVIDERS[selectedProvider]?.helpText}\n          </p>\n          <a\n            href={connectUrl(selectedProvider)}\n            className=\"btn-primary text-xs inline-flex items-center gap-1.5\"\n          >\n            <OAuthIcon provider={selectedProvider} className=\"w-3.5 h-3.5\" />\n            Connect {PROVIDERS[selectedProvider]?.name}\n          </a>\n        </div>\n      )}\n\n      {/* Credentials table */}\n      {isLoading ? (\n        <div className=\"animate-pulse space-y-3\">\n          {[1, 2].map((i) => (\n            <div key={i} className=\"h-16 bg-surface-sunken rounded\" />\n          ))}\n        </div>\n      ) : connections.length === 0 ? (\n        <div className=\"text-center py-16 text-text-tertiary\">\n          <Unplug className=\"w-10 h-10 mx-auto mb-3 opacity-40\" />\n          <p className=\"text-sm\">No credentials registered.</p>\n          <p className=\"text-xs mt-1\">Add a credential to enable tool authentication.</p>\n        </div>\n      ) : (\n        <div className=\"divide-y divide-surface-border/30\">\n          {connections.map((conn) => (\n            <div\n              key={`${conn.provider}-${conn.label}`}\n              className=\"group/row flex items-center gap-4 px-3 py-2.5 -mx-3\"\n            >\n              <OAuthIcon provider={conn.provider} className=\"w-6 h-6 shrink-0\" />\n\n              <div className=\"flex-1 min-w-0\">\n                <div className=\"flex items-center gap-2\">\n                  <span className=\"text-sm text-text-primary font-medium capitalize\">\n                    {conn.provider}\n                  </span>\n                  {conn.label !== 'default' && (\n                    <span className=\"text-2xs px-1.5 py-0.5 bg-surface-sunken rounded text-text-tertiary\">\n                      {conn.label}\n                    </span>\n                  )}\n                  {conn.credential_type && (\n                    <span className=\"text-2xs px-1.5 py-0.5 bg-accent-faint rounded text-accent\">\n                      {conn.credential_type}\n                    </span>\n                  )}\n                </div>\n                <div className=\"flex items-center gap-3 mt-0.5\">\n                  {conn.email && (\n                    <span className=\"text-xs text-text-tertiary\">{conn.email}</span>\n                  )}\n                  {conn.expires_at && (\n                    <span className=\"text-xs text-text-tertiary\">\n                      Expires <TimeAgo date={conn.expires_at} />\n                    </span>\n                  )}\n                </div>\n              </div>\n\n              <button\n                onClick={() => setConfirmRevoke({ provider: conn.provider, label: conn.label })}\n                className=\"opacity-0 group-hover/row:opacity-100 transition-opacity text-text-tertiary hover:text-status-error\"\n                title=\"Revoke credential\"\n              >\n                <Trash2 className=\"w-4 h-4\" />\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n\n      <ConfirmDeleteModal\n        open={!!confirmRevoke}\n        onClose={() => setConfirmRevoke(null)}\n        onConfirm={handleRevoke}\n        title=\"Revoke Credential\"\n        description={\n          <>\n            Revoke the{' '}\n            <span className=\"font-medium text-text-primary capitalize\">\n              {confirmRevoke?.provider}\n            </span>\n            {confirmRevoke?.label !== 'default' && (\n              <> ({confirmRevoke?.label})</>\n            )}{' '}\n            credential? Tools will no longer be able to use this credential.\n          </>\n        }\n        isPending={disconnect.isPending}\n        error={disconnect.error as Error | null}\n      />\n    </div>\n  );\n}\n"],"names":["PROVIDERS","CredentialsPage","data","isLoading","useOAuthConnections","disconnect","useDisconnectOAuth","confirmRevoke","setConfirmRevoke","useState","addOpen","setAddOpen","selectedProvider","setSelectedProvider","connections","handleRevoke","connectUrl","provider","LT_BASE","getToken","jsx","PageHeader","jsxs","o","Plus","e","key","p","ChevronDown","_a","OAuthIcon","_b","i","Unplug","conn","TimeAgo","Trash2","ConfirmDeleteModal","Fragment"],"mappings":"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"}
+{"version":3,"file":"CredentialsPage-D7abp0aS.js","sources":["../../src/pages/settings/CredentialsPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Unplug, Trash2, Plus, ChevronDown } from 'lucide-react';\nimport { useOAuthConnections, useDisconnectOAuth } from '../../api/oauth';\nimport { getToken } from '../../api/client';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { OAuthIcon } from '../../components/common/OAuthIcon';\nimport { TimeAgo } from '../../components/common/display/TimeAgo';\nimport { ConfirmDeleteModal } from '../../components/common/modal/ConfirmDeleteModal';\nimport { LT_BASE } from '../../lib/base-path';\n\ninterface ConnectionToRevoke {\n  provider: string;\n  label: string;\n}\n\nconst PROVIDERS: Record<string, { name: string; helpText: string; placeholder: string; oauth?: boolean }> = {\n  anthropic: {\n    name: 'Anthropic',\n    helpText: 'Run \"claude setup-token\" for an OAuth token, or use an API key from console.anthropic.com.',\n    placeholder: 'sk-ant-oat01-... or sk-ant-api03-...',\n  },\n  openai: {\n    name: 'OpenAI',\n    helpText: 'Create an API key at platform.openai.com/api-keys.',\n    placeholder: 'sk-...',\n  },\n  google: {\n    name: 'Google',\n    helpText: 'Connect your Google account for Gmail, Calendar, and Drive access.',\n    placeholder: '',\n    oauth: true,\n  },\n};\n\nexport function CredentialsPage() {\n  const { data, isLoading } = useOAuthConnections();\n  const disconnect = useDisconnectOAuth();\n  const [confirmRevoke, setConfirmRevoke] = useState<ConnectionToRevoke | null>(null);\n  const [addOpen, setAddOpen] = useState(false);\n  const [selectedProvider, setSelectedProvider] = useState('anthropic');\n\n  const connections = data?.connections ?? [];\n\n  const handleRevoke = () => {\n    if (!confirmRevoke) return;\n    disconnect.mutate(\n      { provider: confirmRevoke.provider, label: confirmRevoke.label },\n      { onSuccess: () => setConfirmRevoke(null) },\n    );\n  };\n\n  const connectUrl = (provider: string) =>\n    `${LT_BASE}/api/auth/oauth/connect/${provider}?token=${encodeURIComponent(getToken() || '')}&returnTo=/credentials`;\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Credentials\"\n        docsHash=\"#docs:dashboard.md:credentials\"\n        actions={\n          <button\n            onClick={() => setAddOpen((o) => !o)}\n            className=\"btn-primary text-xs inline-flex items-center gap-1.5\"\n          >\n            <Plus className=\"w-3.5 h-3.5\" />\n            Add Credential\n          </button>\n        }\n      />\n\n      <p className=\"text-sm text-text-secondary mb-6\">\n        Manage credentials used by tools when invoked on your behalf.\n        Each credential is encrypted at rest and resolved automatically during tool execution.\n      </p>\n\n      {/* Add credential dropdown */}\n      {addOpen && (\n        <div className=\"mb-6 pb-5 border-b border-surface-border/60 space-y-3\">\n          <div className=\"flex items-center gap-3\">\n            <label className=\"text-xs text-text-secondary font-medium\">Provider</label>\n            <div className=\"relative\">\n              <select\n                value={selectedProvider}\n                onChange={(e) => setSelectedProvider(e.target.value)}\n                className=\"input text-xs pr-7 appearance-none\"\n              >\n                {Object.entries(PROVIDERS).map(([key, p]) => (\n                  <option key={key} value={key}>{p.name}</option>\n                ))}\n              </select>\n              <ChevronDown className=\"absolute right-2 top-1/2 -translate-y-1/2 w-3 h-3 text-text-tertiary pointer-events-none\" />\n            </div>\n          </div>\n          <p className=\"text-xs text-text-tertiary\">\n            {PROVIDERS[selectedProvider]?.helpText}\n          </p>\n          <a\n            href={connectUrl(selectedProvider)}\n            className=\"btn-primary text-xs inline-flex items-center gap-1.5\"\n          >\n            <OAuthIcon provider={selectedProvider} className=\"w-3.5 h-3.5\" />\n            Connect {PROVIDERS[selectedProvider]?.name}\n          </a>\n        </div>\n      )}\n\n      {/* Credentials table */}\n      {isLoading ? (\n        <div className=\"animate-pulse space-y-3\">\n          {[1, 2].map((i) => (\n            <div key={i} className=\"h-16 bg-surface-sunken rounded\" />\n          ))}\n        </div>\n      ) : connections.length === 0 ? (\n        <div className=\"text-center py-16 text-text-tertiary\">\n          <Unplug className=\"w-10 h-10 mx-auto mb-3 opacity-40\" />\n          <p className=\"text-sm\">No credentials registered.</p>\n          <p className=\"text-xs mt-1\">Add a credential to enable tool authentication.</p>\n        </div>\n      ) : (\n        <div className=\"divide-y divide-surface-border/30\">\n          {connections.map((conn) => (\n            <div\n              key={`${conn.provider}-${conn.label}`}\n              className=\"group/row flex items-center gap-4 px-3 py-2.5 -mx-3\"\n            >\n              <OAuthIcon provider={conn.provider} className=\"w-6 h-6 shrink-0\" />\n\n              <div className=\"flex-1 min-w-0\">\n                <div className=\"flex items-center gap-2\">\n                  <span className=\"text-sm text-text-primary font-medium capitalize\">\n                    {conn.provider}\n                  </span>\n                  {conn.label !== 'default' && (\n                    <span className=\"text-2xs px-1.5 py-0.5 bg-surface-sunken rounded text-text-tertiary\">\n                      {conn.label}\n                    </span>\n                  )}\n                  {conn.credential_type && (\n                    <span className=\"text-2xs px-1.5 py-0.5 bg-accent-faint rounded text-accent\">\n                      {conn.credential_type}\n                    </span>\n                  )}\n                </div>\n                <div className=\"flex items-center gap-3 mt-0.5\">\n                  {conn.email && (\n                    <span className=\"text-xs text-text-tertiary\">{conn.email}</span>\n                  )}\n                  {conn.expires_at && (\n                    <span className=\"text-xs text-text-tertiary\">\n                      Expires <TimeAgo date={conn.expires_at} />\n                    </span>\n                  )}\n                </div>\n              </div>\n\n              <button\n                onClick={() => setConfirmRevoke({ provider: conn.provider, label: conn.label })}\n                className=\"opacity-0 group-hover/row:opacity-100 transition-opacity text-text-tertiary hover:text-status-error\"\n                title=\"Revoke credential\"\n              >\n                <Trash2 className=\"w-4 h-4\" />\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n\n      <ConfirmDeleteModal\n        open={!!confirmRevoke}\n        onClose={() => setConfirmRevoke(null)}\n        onConfirm={handleRevoke}\n        title=\"Revoke Credential\"\n        description={\n          <>\n            Revoke the{' '}\n            <span className=\"font-medium text-text-primary capitalize\">\n              {confirmRevoke?.provider}\n            </span>\n            {confirmRevoke?.label !== 'default' && (\n              <> ({confirmRevoke?.label})</>\n            )}{' '}\n            credential? Tools will no longer be able to use this credential.\n          </>\n        }\n        isPending={disconnect.isPending}\n        error={disconnect.error as Error | null}\n      />\n    </div>\n  );\n}\n"],"names":["PROVIDERS","CredentialsPage","data","isLoading","useOAuthConnections","disconnect","useDisconnectOAuth","confirmRevoke","setConfirmRevoke","useState","addOpen","setAddOpen","selectedProvider","setSelectedProvider","connections","handleRevoke","connectUrl","provider","LT_BASE","getToken","jsx","PageHeader","jsxs","o","Plus","e","key","p","ChevronDown","_a","OAuthIcon","_b","i","Unplug","conn","TimeAgo","Trash2","ConfirmDeleteModal","Fragment"],"mappings":"mXAeA,MAAMA,EAAsG,CAC1G,UAAW,CACT,KAAM,YACN,SAAU,6FACV,YAAa,sCAAA,EAEf,OAAQ,CACN,KAAM,SACN,SAAU,qDACV,YAAa,QAAA,EAEf,OAAQ,CACN,KAAM,SACN,SAAU,qEACV,YAAa,GACb,MAAO,EAAA,CAEX,EAEO,SAASC,GAAkB,SAChC,KAAM,CAAE,KAAAC,EAAM,UAAAC,CAAA,EAAcC,EAAA,EACtBC,EAAaC,EAAA,EACb,CAACC,EAAeC,CAAgB,EAAIC,EAAAA,SAAoC,IAAI,EAC5E,CAACC,EAASC,CAAU,EAAIF,EAAAA,SAAS,EAAK,EACtC,CAACG,EAAkBC,CAAmB,EAAIJ,EAAAA,SAAS,WAAW,EAE9DK,GAAcZ,GAAA,YAAAA,EAAM,cAAe,CAAA,EAEnCa,EAAe,IAAM,CACpBR,GACLF,EAAW,OACT,CAAE,SAAUE,EAAc,SAAU,MAAOA,EAAc,KAAA,EACzD,CAAE,UAAW,IAAMC,EAAiB,IAAI,CAAA,CAAE,CAE9C,EAEMQ,EAAcC,GAClB,GAAGC,CAAO,2BAA2BD,CAAQ,UAAU,mBAAmBE,EAAA,GAAc,EAAE,CAAC,yBAE7F,cACG,MAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAA,CACC,MAAM,cACN,SAAS,iCACT,QACEC,EAAAA,KAAC,SAAA,CACC,QAAS,IAAMX,EAAYY,GAAM,CAACA,CAAC,EACnC,UAAU,uDAEV,SAAA,CAAAH,EAAAA,IAACI,EAAA,CAAK,UAAU,aAAA,CAAc,EAAE,gBAAA,CAAA,CAAA,CAElC,CAAA,EAIJJ,EAAAA,IAAC,IAAA,CAAE,UAAU,mCAAmC,SAAA,uJAGhD,EAGCV,GACCY,EAAAA,KAAC,MAAA,CAAI,UAAU,wDACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAF,EAAAA,IAAC,QAAA,CAAM,UAAU,0CAA0C,SAAA,WAAQ,EACnEE,EAAAA,KAAC,MAAA,CAAI,UAAU,WACb,SAAA,CAAAF,EAAAA,IAAC,SAAA,CACC,MAAOR,EACP,SAAWa,GAAMZ,EAAoBY,EAAE,OAAO,KAAK,EACnD,UAAU,qCAET,gBAAO,QAAQzB,CAAS,EAAE,IAAI,CAAC,CAAC0B,EAAKC,CAAC,UACpC,SAAA,CAAiB,MAAOD,EAAM,SAAAC,EAAE,IAAA,EAApBD,CAAyB,CACvC,CAAA,CAAA,EAEHN,EAAAA,IAACQ,EAAA,CAAY,UAAU,0FAAA,CAA2F,CAAA,CAAA,CACpH,CAAA,EACF,QACC,IAAA,CAAE,UAAU,6BACV,UAAAC,EAAA7B,EAAUY,CAAgB,IAA1B,YAAAiB,EAA6B,SAChC,EACAP,EAAAA,KAAC,IAAA,CACC,KAAMN,EAAWJ,CAAgB,EACjC,UAAU,uDAEV,SAAA,CAAAQ,EAAAA,IAACU,EAAA,CAAU,SAAUlB,EAAkB,UAAU,cAAc,EAAE,YACxDmB,EAAA/B,EAAUY,CAAgB,IAA1B,YAAAmB,EAA6B,IAAA,CAAA,CAAA,CACxC,EACF,EAID5B,EACCiB,EAAAA,IAAC,MAAA,CAAI,UAAU,0BACZ,SAAA,CAAC,EAAG,CAAC,EAAE,IAAKY,GACXZ,EAAAA,IAAC,OAAY,UAAU,gCAAA,EAAbY,CAA8C,CACzD,CAAA,CACH,EACElB,EAAY,SAAW,EACzBQ,EAAAA,KAAC,MAAA,CAAI,UAAU,uCACb,SAAA,CAAAF,EAAAA,IAACa,EAAA,CAAO,UAAU,mCAAA,CAAoC,EACtDb,EAAAA,IAAC,IAAA,CAAE,UAAU,UAAU,SAAA,6BAA0B,EACjDA,EAAAA,IAAC,IAAA,CAAE,UAAU,eAAe,SAAA,iDAAA,CAA+C,CAAA,CAAA,CAC7E,QAEC,MAAA,CAAI,UAAU,oCACZ,SAAAN,EAAY,IAAKoB,GAChBZ,EAAAA,KAAC,MAAA,CAEC,UAAU,sDAEV,SAAA,CAAAF,EAAAA,IAACU,EAAA,CAAU,SAAUI,EAAK,SAAU,UAAU,mBAAmB,EAEjEZ,EAAAA,KAAC,MAAA,CAAI,UAAU,iBACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAF,EAAAA,IAAC,OAAA,CAAK,UAAU,mDACb,SAAAc,EAAK,SACR,EACCA,EAAK,QAAU,WACdd,EAAAA,IAAC,QAAK,UAAU,sEACb,WAAK,KAAA,CACR,EAEDc,EAAK,iBACJd,EAAAA,IAAC,QAAK,UAAU,6DACb,WAAK,eAAA,CACR,CAAA,EAEJ,EACAE,EAAAA,KAAC,MAAA,CAAI,UAAU,iCACZ,SAAA,CAAAY,EAAK,OACJd,EAAAA,IAAC,OAAA,CAAK,UAAU,6BAA8B,WAAK,MAAM,EAE1Dc,EAAK,YACJZ,OAAC,OAAA,CAAK,UAAU,6BAA6B,SAAA,CAAA,WACnCF,EAAAA,IAACe,EAAA,CAAQ,KAAMD,EAAK,UAAA,CAAY,CAAA,CAAA,CAC1C,CAAA,CAAA,CAEJ,CAAA,EACF,EAEAd,EAAAA,IAAC,SAAA,CACC,QAAS,IAAMZ,EAAiB,CAAE,SAAU0B,EAAK,SAAU,MAAOA,EAAK,MAAO,EAC9E,UAAU,sGACV,MAAM,oBAEN,SAAAd,EAAAA,IAACgB,EAAA,CAAO,UAAU,SAAA,CAAU,CAAA,CAAA,CAC9B,CAAA,EAvCK,GAAGF,EAAK,QAAQ,IAAIA,EAAK,KAAK,EAAA,CAyCtC,EACH,EAGFd,EAAAA,IAACiB,EAAA,CACC,KAAM,CAAC,CAAC9B,EACR,QAAS,IAAMC,EAAiB,IAAI,EACpC,UAAWO,EACX,MAAM,oBACN,YACEO,EAAAA,KAAAgB,WAAA,CAAE,SAAA,CAAA,aACW,IACXlB,EAAAA,IAAC,OAAA,CAAK,UAAU,2CACb,0BAAe,SAClB,GACCb,GAAA,YAAAA,EAAe,SAAU,WACxBe,EAAAA,KAAAgB,EAAAA,SAAA,CAAE,SAAA,CAAA,KAAG/B,GAAA,YAAAA,EAAe,MAAM,GAAA,EAAC,EAC1B,IAAI,kEAAA,EAET,EAEF,UAAWF,EAAW,UACtB,MAAOA,EAAW,KAAA,CAAA,CACpB,EACF,CAEJ"}

package/dashboard/dist/assets/{CronLabel-LYPxpvNN.js → CronLabel-DZiWmTwJ.js}

@@ -1,2 +1,2 @@
-import{u as c,b as r,c as o,j as n}from"./vendor-query-DvWWuNIB.js";import{m as i}from"./index-3gbd5neL.js";import{R as l,ax as x}from"./vendor-icons-B7OcUM6b.js";function g(e){return c({queryKey:["agent-subscriptions",e],queryFn:()=>i(`/agents/${e}/subscriptions`),enabled:!!e})}function b(){const e=r();return o({mutationFn:({agentId:t,...s})=>i(`/agents/${t}/subscriptions`,{method:"POST",body:JSON.stringify(s)}),onSuccess:(t,s)=>{e.invalidateQueries({queryKey:["agent-subscriptions",s.agentId]}),e.invalidateQueries({queryKey:["agents"]})}})}function f(){const e=r();return o({mutationFn:({agentId:t,subId:s,...a})=>i(`/agents/${t}/subscriptions/${s}`,{method:"PUT",body:JSON.stringify(a)}),onSuccess:(t,s)=>{e.invalidateQueries({queryKey:["agent-subscriptions",s.agentId]})}})}function h(){const e=r();return o({mutationFn:({agentId:t,subId:s})=>i(`/agents/${t}/subscriptions/${s}`,{method:"DELETE"}),onSuccess:(t,s)=>{e.invalidateQueries({queryKey:["agent-subscriptions",s.agentId]}),e.invalidateQueries({queryKey:["agents"]})}})}const y={task:"text-status-active",workflow:"text-accent",escalation:"text-status-warning",activity:"text-status-active",knowledge:"text-accent",agent:"text-status-success",app:"text-status-error",milestone:"text-accent"};function q({topic:e}){const t=e.split("."),s=t[0]==="system"?t[1]:t[0],a=y[s]??"text-text-quaternary",u=t[0]==="system"?`${t[1]}.${t[t.length-1]}`:t.slice(-2).join(".");return n.jsxs("span",{className:"inline-flex items-center gap-1 text-2xs font-mono text-text-secondary",children:[n.jsx(l,{className:`w-2.5 h-2.5 shrink-0 ${a}`,strokeWidth:1.5}),u]})}function C({cron:e}){return n.jsxs("span",{className:"inline-flex items-center gap-1 text-2xs font-mono text-text-secondary",children:[n.jsx(x,{className:"w-2.5 h-2.5 shrink-0 text-text-quaternary",strokeWidth:1.5}),e]})}export{C,q as E,b as a,f as b,h as c,g as u};
-//# sourceMappingURL=CronLabel-LYPxpvNN.js.map
+import{u as c,b as r,c as o,j as n}from"./vendor-query-DvWWuNIB.js";import{m as i}from"./index-CgUcYveM.js";import{R as l,ax as x}from"./vendor-icons-B7OcUM6b.js";function g(e){return c({queryKey:["agent-subscriptions",e],queryFn:()=>i(`/agents/${e}/subscriptions`),enabled:!!e})}function b(){const e=r();return o({mutationFn:({agentId:t,...s})=>i(`/agents/${t}/subscriptions`,{method:"POST",body:JSON.stringify(s)}),onSuccess:(t,s)=>{e.invalidateQueries({queryKey:["agent-subscriptions",s.agentId]}),e.invalidateQueries({queryKey:["agents"]})}})}function f(){const e=r();return o({mutationFn:({agentId:t,subId:s,...a})=>i(`/agents/${t}/subscriptions/${s}`,{method:"PUT",body:JSON.stringify(a)}),onSuccess:(t,s)=>{e.invalidateQueries({queryKey:["agent-subscriptions",s.agentId]})}})}function h(){const e=r();return o({mutationFn:({agentId:t,subId:s})=>i(`/agents/${t}/subscriptions/${s}`,{method:"DELETE"}),onSuccess:(t,s)=>{e.invalidateQueries({queryKey:["agent-subscriptions",s.agentId]}),e.invalidateQueries({queryKey:["agents"]})}})}const y={task:"text-status-active",workflow:"text-accent",escalation:"text-status-warning",activity:"text-status-active",knowledge:"text-accent",agent:"text-status-success",app:"text-status-error",milestone:"text-accent"};function q({topic:e}){const t=e.split("."),s=t[0]==="system"?t[1]:t[0],a=y[s]??"text-text-quaternary",u=t[0]==="system"?`${t[1]}.${t[t.length-1]}`:t.slice(-2).join(".");return n.jsxs("span",{className:"inline-flex items-center gap-1 text-2xs font-mono text-text-secondary",children:[n.jsx(l,{className:`w-2.5 h-2.5 shrink-0 ${a}`,strokeWidth:1.5}),u]})}function C({cron:e}){return n.jsxs("span",{className:"inline-flex items-center gap-1 text-2xs font-mono text-text-secondary",children:[n.jsx(x,{className:"w-2.5 h-2.5 shrink-0 text-text-quaternary",strokeWidth:1.5}),e]})}export{C,q as E,b as a,f as b,h as c,g as u};
+//# sourceMappingURL=CronLabel-DZiWmTwJ.js.map

package/dashboard/dist/assets/{CronLabel-LYPxpvNN.js.map → CronLabel-DZiWmTwJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CronLabel-LYPxpvNN.js","sources":["../../src/api/agent-subscriptions.ts","../../src/components/common/display/EventTopicPill.tsx","../../src/components/common/display/CronLabel.tsx"],"sourcesContent":["import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';\nimport { apiFetch } from './client';\n\nexport interface AgentSubscription {\n  id: string;\n  agent_id: string;\n  topic: string;\n  filter?: Record<string, any>;\n  reaction_type: 'durable' | 'pipeline' | 'mcp_query' | 'capability';\n  workflow_type?: string;\n  pipeline_id?: string;\n  mcp_prompt?: string;\n  server_id?: string;\n  tool_name?: string;\n  input_mapping: Record<string, any>;\n  execute_as?: string;\n  enabled: boolean;\n  created_at: string;\n  updated_at: string;\n}\n\ninterface SubscriptionListResponse {\n  subscriptions: AgentSubscription[];\n}\n\nexport function useAgentSubscriptions(agentId: string | null) {\n  return useQuery<SubscriptionListResponse>({\n    queryKey: ['agent-subscriptions', agentId],\n    queryFn: () => apiFetch(`/agents/${agentId}/subscriptions`),\n    enabled: !!agentId,\n  });\n}\n\nexport function useCreateSubscription() {\n  const queryClient = useQueryClient();\n  return useMutation<AgentSubscription, Error, { agentId: string } & Partial<AgentSubscription>>({\n    mutationFn: ({ agentId, ...body }) =>\n      apiFetch(`/agents/${agentId}/subscriptions`, {\n        method: 'POST',\n        body: JSON.stringify(body),\n      }),\n    onSuccess: (_, vars) => {\n      queryClient.invalidateQueries({ queryKey: ['agent-subscriptions', vars.agentId] });\n      queryClient.invalidateQueries({ queryKey: ['agents'] });\n    },\n  });\n}\n\nexport function useUpdateSubscription() {\n  const queryClient = useQueryClient();\n  return useMutation<AgentSubscription, Error, { agentId: string; subId: string } & Partial<AgentSubscription>>({\n    mutationFn: ({ agentId, subId, ...body }) =>\n      apiFetch(`/agents/${agentId}/subscriptions/${subId}`, {\n        method: 'PUT',\n        body: JSON.stringify(body),\n      }),\n    onSuccess: (_, vars) => {\n      queryClient.invalidateQueries({ queryKey: ['agent-subscriptions', vars.agentId] });\n    },\n  });\n}\n\nexport function useDeleteSubscription() {\n  const queryClient = useQueryClient();\n  return useMutation<{ deleted: boolean }, Error, { agentId: string; subId: string }>({\n    mutationFn: ({ agentId, subId }) =>\n      apiFetch(`/agents/${agentId}/subscriptions/${subId}`, { method: 'DELETE' }),\n    onSuccess: (_, vars) => {\n      queryClient.invalidateQueries({ queryKey: ['agent-subscriptions', vars.agentId] });\n      queryClient.invalidateQueries({ queryKey: ['agents'] });\n    },\n  });\n}\n","import { Radio } from 'lucide-react';\n\n/**\n * Universal event topic display — Radio icon + monotype text.\n * Used everywhere an event subscription topic is rendered.\n * No border, no background — matches CronLabel's simplicity.\n */\n\nconst CATEGORY_COLORS: Record<string, string> = {\n  task:       'text-status-active',\n  workflow:   'text-accent',\n  escalation: 'text-status-warning',\n  activity:   'text-status-active',\n  knowledge:  'text-accent',\n  agent:      'text-status-success',\n  app:        'text-status-error',\n  milestone:  'text-accent',\n};\n\ninterface EventTopicPillProps {\n  topic: string;\n}\n\nexport function EventTopicPill({ topic }: EventTopicPillProps) {\n  const parts = topic.split('.');\n  const category = parts[0] === 'system' ? parts[1] : parts[0];\n  const iconColor = CATEGORY_COLORS[category] ?? 'text-text-quaternary';\n  // Show category.action for system events (e.g., workflow.completed)\n  const shortTopic = parts[0] === 'system'\n    ? `${parts[1]}.${parts[parts.length - 1]}`\n    : parts.slice(-2).join('.');\n\n  return (\n    <span className=\"inline-flex items-center gap-1 text-2xs font-mono text-text-secondary\">\n      <Radio className={`w-2.5 h-2.5 shrink-0 ${iconColor}`} strokeWidth={1.5} />\n      {shortTopic}\n    </span>\n  );\n}\n","import { Clock } from 'lucide-react';\n\ninterface CronLabelProps {\n  cron: string;\n}\n\n/**\n * Universal cron expression display — Clock icon + monotype text.\n * Used everywhere a cron schedule is rendered.\n */\nexport function CronLabel({ cron }: CronLabelProps) {\n  return (\n    <span className=\"inline-flex items-center gap-1 text-2xs font-mono text-text-secondary\">\n      <Clock className=\"w-2.5 h-2.5 shrink-0 text-text-quaternary\" strokeWidth={1.5} />\n      {cron}\n    </span>\n  );\n}\n"],"names":["useAgentSubscriptions","agentId","useQuery","apiFetch","useCreateSubscription","queryClient","useQueryClient","useMutation","body","_","vars","useUpdateSubscription","subId","useDeleteSubscription","CATEGORY_COLORS","EventTopicPill","topic","parts","category","iconColor","shortTopic","jsxs","jsx","Radio","CronLabel","cron","Clock"],"mappings":"mKAyBO,SAASA,EAAsBC,EAAwB,CAC5D,OAAOC,EAAmC,CACxC,SAAU,CAAC,sBAAuBD,CAAO,EACzC,QAAS,IAAME,EAAS,WAAWF,CAAO,gBAAgB,EAC1D,QAAS,CAAC,CAACA,CAAA,CACZ,CACH,CAEO,SAASG,GAAwB,CACtC,MAAMC,EAAcC,EAAA,EACpB,OAAOC,EAAwF,CAC7F,WAAY,CAAC,CAAE,QAAAN,EAAS,GAAGO,KACzBL,EAAS,WAAWF,CAAO,iBAAkB,CAC3C,OAAQ,OACR,KAAM,KAAK,UAAUO,CAAI,CAAA,CAC1B,EACH,UAAW,CAACC,EAAGC,IAAS,CACtBL,EAAY,kBAAkB,CAAE,SAAU,CAAC,sBAAuBK,EAAK,OAAO,EAAG,EACjFL,EAAY,kBAAkB,CAAE,SAAU,CAAC,QAAQ,EAAG,CACxD,CAAA,CACD,CACH,CAEO,SAASM,GAAwB,CACtC,MAAMN,EAAcC,EAAA,EACpB,OAAOC,EAAuG,CAC5G,WAAY,CAAC,CAAE,QAAAN,EAAS,MAAAW,EAAO,GAAGJ,CAAA,IAChCL,EAAS,WAAWF,CAAO,kBAAkBW,CAAK,GAAI,CACpD,OAAQ,MACR,KAAM,KAAK,UAAUJ,CAAI,CAAA,CAC1B,EACH,UAAW,CAACC,EAAGC,IAAS,CACtBL,EAAY,kBAAkB,CAAE,SAAU,CAAC,sBAAuBK,EAAK,OAAO,EAAG,CACnF,CAAA,CACD,CACH,CAEO,SAASG,GAAwB,CACtC,MAAMR,EAAcC,EAAA,EACpB,OAAOC,EAA6E,CAClF,WAAY,CAAC,CAAE,QAAAN,EAAS,MAAAW,KACtBT,EAAS,WAAWF,CAAO,kBAAkBW,CAAK,GAAI,CAAE,OAAQ,SAAU,EAC5E,UAAW,CAACH,EAAGC,IAAS,CACtBL,EAAY,kBAAkB,CAAE,SAAU,CAAC,sBAAuBK,EAAK,OAAO,EAAG,EACjFL,EAAY,kBAAkB,CAAE,SAAU,CAAC,QAAQ,EAAG,CACxD,CAAA,CACD,CACH,CChEA,MAAMS,EAA0C,CAC9C,KAAY,qBACZ,SAAY,cACZ,WAAY,sBACZ,SAAY,qBACZ,UAAY,cACZ,MAAY,sBACZ,IAAY,oBACZ,UAAY,aACd,EAMO,SAASC,EAAe,CAAE,MAAAC,GAA8B,CAC7D,MAAMC,EAAQD,EAAM,MAAM,GAAG,EACvBE,EAAWD,EAAM,CAAC,IAAM,SAAWA,EAAM,CAAC,EAAIA,EAAM,CAAC,EACrDE,EAAYL,EAAgBI,CAAQ,GAAK,uBAEzCE,EAAaH,EAAM,CAAC,IAAM,SAC5B,GAAGA,EAAM,CAAC,CAAC,IAAIA,EAAMA,EAAM,OAAS,CAAC,CAAC,GACtCA,EAAM,MAAM,EAAE,EAAE,KAAK,GAAG,EAE5B,OACEI,EAAAA,KAAC,OAAA,CAAK,UAAU,wEACd,SAAA,CAAAC,MAACC,GAAM,UAAW,wBAAwBJ,CAAS,GAAI,YAAa,IAAK,EACxEC,CAAA,EACH,CAEJ,CC5BO,SAASI,EAAU,CAAE,KAAAC,GAAwB,CAClD,OACEJ,EAAAA,KAAC,OAAA,CAAK,UAAU,wEACd,SAAA,CAAAC,EAAAA,IAACI,EAAA,CAAM,UAAU,4CAA4C,YAAa,IAAK,EAC9ED,CAAA,EACH,CAEJ"}
+{"version":3,"file":"CronLabel-DZiWmTwJ.js","sources":["../../src/api/agent-subscriptions.ts","../../src/components/common/display/EventTopicPill.tsx","../../src/components/common/display/CronLabel.tsx"],"sourcesContent":["import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';\nimport { apiFetch } from './client';\n\nexport interface AgentSubscription {\n  id: string;\n  agent_id: string;\n  topic: string;\n  filter?: Record<string, any>;\n  reaction_type: 'durable' | 'pipeline' | 'mcp_query' | 'capability';\n  workflow_type?: string;\n  pipeline_id?: string;\n  mcp_prompt?: string;\n  server_id?: string;\n  tool_name?: string;\n  input_mapping: Record<string, any>;\n  execute_as?: string;\n  enabled: boolean;\n  created_at: string;\n  updated_at: string;\n}\n\ninterface SubscriptionListResponse {\n  subscriptions: AgentSubscription[];\n}\n\nexport function useAgentSubscriptions(agentId: string | null) {\n  return useQuery<SubscriptionListResponse>({\n    queryKey: ['agent-subscriptions', agentId],\n    queryFn: () => apiFetch(`/agents/${agentId}/subscriptions`),\n    enabled: !!agentId,\n  });\n}\n\nexport function useCreateSubscription() {\n  const queryClient = useQueryClient();\n  return useMutation<AgentSubscription, Error, { agentId: string } & Partial<AgentSubscription>>({\n    mutationFn: ({ agentId, ...body }) =>\n      apiFetch(`/agents/${agentId}/subscriptions`, {\n        method: 'POST',\n        body: JSON.stringify(body),\n      }),\n    onSuccess: (_, vars) => {\n      queryClient.invalidateQueries({ queryKey: ['agent-subscriptions', vars.agentId] });\n      queryClient.invalidateQueries({ queryKey: ['agents'] });\n    },\n  });\n}\n\nexport function useUpdateSubscription() {\n  const queryClient = useQueryClient();\n  return useMutation<AgentSubscription, Error, { agentId: string; subId: string } & Partial<AgentSubscription>>({\n    mutationFn: ({ agentId, subId, ...body }) =>\n      apiFetch(`/agents/${agentId}/subscriptions/${subId}`, {\n        method: 'PUT',\n        body: JSON.stringify(body),\n      }),\n    onSuccess: (_, vars) => {\n      queryClient.invalidateQueries({ queryKey: ['agent-subscriptions', vars.agentId] });\n    },\n  });\n}\n\nexport function useDeleteSubscription() {\n  const queryClient = useQueryClient();\n  return useMutation<{ deleted: boolean }, Error, { agentId: string; subId: string }>({\n    mutationFn: ({ agentId, subId }) =>\n      apiFetch(`/agents/${agentId}/subscriptions/${subId}`, { method: 'DELETE' }),\n    onSuccess: (_, vars) => {\n      queryClient.invalidateQueries({ queryKey: ['agent-subscriptions', vars.agentId] });\n      queryClient.invalidateQueries({ queryKey: ['agents'] });\n    },\n  });\n}\n","import { Radio } from 'lucide-react';\n\n/**\n * Universal event topic display — Radio icon + monotype text.\n * Used everywhere an event subscription topic is rendered.\n * No border, no background — matches CronLabel's simplicity.\n */\n\nconst CATEGORY_COLORS: Record<string, string> = {\n  task:       'text-status-active',\n  workflow:   'text-accent',\n  escalation: 'text-status-warning',\n  activity:   'text-status-active',\n  knowledge:  'text-accent',\n  agent:      'text-status-success',\n  app:        'text-status-error',\n  milestone:  'text-accent',\n};\n\ninterface EventTopicPillProps {\n  topic: string;\n}\n\nexport function EventTopicPill({ topic }: EventTopicPillProps) {\n  const parts = topic.split('.');\n  const category = parts[0] === 'system' ? parts[1] : parts[0];\n  const iconColor = CATEGORY_COLORS[category] ?? 'text-text-quaternary';\n  // Show category.action for system events (e.g., workflow.completed)\n  const shortTopic = parts[0] === 'system'\n    ? `${parts[1]}.${parts[parts.length - 1]}`\n    : parts.slice(-2).join('.');\n\n  return (\n    <span className=\"inline-flex items-center gap-1 text-2xs font-mono text-text-secondary\">\n      <Radio className={`w-2.5 h-2.5 shrink-0 ${iconColor}`} strokeWidth={1.5} />\n      {shortTopic}\n    </span>\n  );\n}\n","import { Clock } from 'lucide-react';\n\ninterface CronLabelProps {\n  cron: string;\n}\n\n/**\n * Universal cron expression display — Clock icon + monotype text.\n * Used everywhere a cron schedule is rendered.\n */\nexport function CronLabel({ cron }: CronLabelProps) {\n  return (\n    <span className=\"inline-flex items-center gap-1 text-2xs font-mono text-text-secondary\">\n      <Clock className=\"w-2.5 h-2.5 shrink-0 text-text-quaternary\" strokeWidth={1.5} />\n      {cron}\n    </span>\n  );\n}\n"],"names":["useAgentSubscriptions","agentId","useQuery","apiFetch","useCreateSubscription","queryClient","useQueryClient","useMutation","body","_","vars","useUpdateSubscription","subId","useDeleteSubscription","CATEGORY_COLORS","EventTopicPill","topic","parts","category","iconColor","shortTopic","jsxs","jsx","Radio","CronLabel","cron","Clock"],"mappings":"mKAyBO,SAASA,EAAsBC,EAAwB,CAC5D,OAAOC,EAAmC,CACxC,SAAU,CAAC,sBAAuBD,CAAO,EACzC,QAAS,IAAME,EAAS,WAAWF,CAAO,gBAAgB,EAC1D,QAAS,CAAC,CAACA,CAAA,CACZ,CACH,CAEO,SAASG,GAAwB,CACtC,MAAMC,EAAcC,EAAA,EACpB,OAAOC,EAAwF,CAC7F,WAAY,CAAC,CAAE,QAAAN,EAAS,GAAGO,KACzBL,EAAS,WAAWF,CAAO,iBAAkB,CAC3C,OAAQ,OACR,KAAM,KAAK,UAAUO,CAAI,CAAA,CAC1B,EACH,UAAW,CAACC,EAAGC,IAAS,CACtBL,EAAY,kBAAkB,CAAE,SAAU,CAAC,sBAAuBK,EAAK,OAAO,EAAG,EACjFL,EAAY,kBAAkB,CAAE,SAAU,CAAC,QAAQ,EAAG,CACxD,CAAA,CACD,CACH,CAEO,SAASM,GAAwB,CACtC,MAAMN,EAAcC,EAAA,EACpB,OAAOC,EAAuG,CAC5G,WAAY,CAAC,CAAE,QAAAN,EAAS,MAAAW,EAAO,GAAGJ,CAAA,IAChCL,EAAS,WAAWF,CAAO,kBAAkBW,CAAK,GAAI,CACpD,OAAQ,MACR,KAAM,KAAK,UAAUJ,CAAI,CAAA,CAC1B,EACH,UAAW,CAACC,EAAGC,IAAS,CACtBL,EAAY,kBAAkB,CAAE,SAAU,CAAC,sBAAuBK,EAAK,OAAO,EAAG,CACnF,CAAA,CACD,CACH,CAEO,SAASG,GAAwB,CACtC,MAAMR,EAAcC,EAAA,EACpB,OAAOC,EAA6E,CAClF,WAAY,CAAC,CAAE,QAAAN,EAAS,MAAAW,KACtBT,EAAS,WAAWF,CAAO,kBAAkBW,CAAK,GAAI,CAAE,OAAQ,SAAU,EAC5E,UAAW,CAACH,EAAGC,IAAS,CACtBL,EAAY,kBAAkB,CAAE,SAAU,CAAC,sBAAuBK,EAAK,OAAO,EAAG,EACjFL,EAAY,kBAAkB,CAAE,SAAU,CAAC,QAAQ,EAAG,CACxD,CAAA,CACD,CACH,CChEA,MAAMS,EAA0C,CAC9C,KAAY,qBACZ,SAAY,cACZ,WAAY,sBACZ,SAAY,qBACZ,UAAY,cACZ,MAAY,sBACZ,IAAY,oBACZ,UAAY,aACd,EAMO,SAASC,EAAe,CAAE,MAAAC,GAA8B,CAC7D,MAAMC,EAAQD,EAAM,MAAM,GAAG,EACvBE,EAAWD,EAAM,CAAC,IAAM,SAAWA,EAAM,CAAC,EAAIA,EAAM,CAAC,EACrDE,EAAYL,EAAgBI,CAAQ,GAAK,uBAEzCE,EAAaH,EAAM,CAAC,IAAM,SAC5B,GAAGA,EAAM,CAAC,CAAC,IAAIA,EAAMA,EAAM,OAAS,CAAC,CAAC,GACtCA,EAAM,MAAM,EAAE,EAAE,KAAK,GAAG,EAE5B,OACEI,EAAAA,KAAC,OAAA,CAAK,UAAU,wEACd,SAAA,CAAAC,MAACC,GAAM,UAAW,wBAAwBJ,CAAS,GAAI,YAAa,IAAK,EACxEC,CAAA,EACH,CAEJ,CC5BO,SAASI,EAAU,CAAE,KAAAC,GAAwB,CAClD,OACEJ,EAAAA,KAAC,OAAA,CAAK,UAAU,wEACd,SAAA,CAAAC,EAAAA,IAACI,EAAA,CAAM,UAAU,4CAA4C,YAAa,IAAK,EAC9ED,CAAA,EACH,CAEJ"}

package/dashboard/dist/assets/{ElapsedCell-BZJTSm9N.js → ElapsedCell-BdGO_w4v.js}

@@ -1,2 +1,2 @@
-import{a as s,j as n}from"./vendor-query-DvWWuNIB.js";import{a5 as p,az as f}from"./index-3gbd5neL.js";function D({startDate:r,endDate:o,isLive:e}){const[l,c]=s.useState(Date.now);s.useEffect(()=>{if(!e)return;const u=setInterval(()=>c(Date.now()),1e3);return()=>clearInterval(u)},[e]);const i=new Date(r).getTime(),m=o?new Date(o).getTime():l,t=Math.max(0,m-i),a=p(t),x=s.useMemo(()=>[{label:"ms",value:String(t)},{label:"sec",value:`${(t/1e3).toFixed(3)}s`},{label:"text",value:a}],[t,a]);return n.jsx(f,{options:x,children:n.jsx("span",{className:`text-xs ${e?"text-status-active":"text-text-tertiary"}`,children:a})})}export{D as E};
-//# sourceMappingURL=ElapsedCell-BZJTSm9N.js.map
+import{a as s,j as n}from"./vendor-query-DvWWuNIB.js";import{a5 as p,az as f}from"./index-CgUcYveM.js";function D({startDate:r,endDate:o,isLive:e}){const[l,c]=s.useState(Date.now);s.useEffect(()=>{if(!e)return;const u=setInterval(()=>c(Date.now()),1e3);return()=>clearInterval(u)},[e]);const i=new Date(r).getTime(),m=o?new Date(o).getTime():l,t=Math.max(0,m-i),a=p(t),x=s.useMemo(()=>[{label:"ms",value:String(t)},{label:"sec",value:`${(t/1e3).toFixed(3)}s`},{label:"text",value:a}],[t,a]);return n.jsx(f,{options:x,children:n.jsx("span",{className:`text-xs ${e?"text-status-active":"text-text-tertiary"}`,children:a})})}export{D as E};
+//# sourceMappingURL=ElapsedCell-BdGO_w4v.js.map

package/dashboard/dist/assets/{ElapsedCell-BZJTSm9N.js.map → ElapsedCell-BdGO_w4v.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ElapsedCell-BZJTSm9N.js","sources":["../../src/components/common/display/ElapsedCell.tsx"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react';\nimport { formatDurationCompact } from '../../../lib/format';\nimport { DateTooltip } from './DateTooltip';\n\ninterface ElapsedCellProps {\n  startDate: string;\n  endDate?: string | null;\n  isLive?: boolean;\n}\n\n/**\n * Elapsed duration cell for data tables.\n * Shows compact duration with hover tooltip. Ticks every second when live.\n */\nexport function ElapsedCell({ startDate, endDate, isLive }: ElapsedCellProps) {\n  const [now, setNow] = useState(Date.now);\n\n  useEffect(() => {\n    if (!isLive) return;\n    const id = setInterval(() => setNow(Date.now()), 1000);\n    return () => clearInterval(id);\n  }, [isLive]);\n\n  const start = new Date(startDate).getTime();\n  const end = endDate ? new Date(endDate).getTime() : now;\n  const ms = Math.max(0, end - start);\n\n  const display = formatDurationCompact(ms);\n\n  const options = useMemo(() => [\n    { label: 'ms', value: String(ms) },\n    { label: 'sec', value: `${(ms / 1000).toFixed(3)}s` },\n    { label: 'text', value: display },\n  ], [ms, display]);\n\n  return (\n    <DateTooltip options={options}>\n      <span className={`text-xs ${isLive ? 'text-status-active' : 'text-text-tertiary'}`}>\n        {display}\n      </span>\n    </DateTooltip>\n  );\n}\n"],"names":["ElapsedCell","startDate","endDate","isLive","now","setNow","useState","useEffect","id","start","end","ms","display","formatDurationCompact","options","useMemo","jsx","DateTooltip"],"mappings":"uGAcO,SAASA,EAAY,CAAE,UAAAC,EAAW,QAAAC,EAAS,OAAAC,GAA4B,CAC5E,KAAM,CAACC,EAAKC,CAAM,EAAIC,EAAAA,SAAS,KAAK,GAAG,EAEvCC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACJ,EAAQ,OACb,MAAMK,EAAK,YAAY,IAAMH,EAAO,KAAK,IAAA,CAAK,EAAG,GAAI,EACrD,MAAO,IAAM,cAAcG,CAAE,CAC/B,EAAG,CAACL,CAAM,CAAC,EAEX,MAAMM,EAAQ,IAAI,KAAKR,CAAS,EAAE,QAAA,EAC5BS,EAAMR,EAAU,IAAI,KAAKA,CAAO,EAAE,UAAYE,EAC9CO,EAAK,KAAK,IAAI,EAAGD,EAAMD,CAAK,EAE5BG,EAAUC,EAAsBF,CAAE,EAElCG,EAAUC,EAAAA,QAAQ,IAAM,CAC5B,CAAE,MAAO,KAAM,MAAO,OAAOJ,CAAE,CAAA,EAC/B,CAAE,MAAO,MAAO,MAAO,IAAIA,EAAK,KAAM,QAAQ,CAAC,CAAC,GAAA,EAChD,CAAE,MAAO,OAAQ,MAAOC,CAAA,CAAQ,EAC/B,CAACD,EAAIC,CAAO,CAAC,EAEhB,OACEI,EAAAA,IAACC,EAAA,CAAY,QAAAH,EACX,SAAAE,EAAAA,IAAC,OAAA,CAAK,UAAW,WAAWb,EAAS,qBAAuB,oBAAoB,GAC7E,SAAAS,CAAA,CACH,EACF,CAEJ"}
+{"version":3,"file":"ElapsedCell-BdGO_w4v.js","sources":["../../src/components/common/display/ElapsedCell.tsx"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react';\nimport { formatDurationCompact } from '../../../lib/format';\nimport { DateTooltip } from './DateTooltip';\n\ninterface ElapsedCellProps {\n  startDate: string;\n  endDate?: string | null;\n  isLive?: boolean;\n}\n\n/**\n * Elapsed duration cell for data tables.\n * Shows compact duration with hover tooltip. Ticks every second when live.\n */\nexport function ElapsedCell({ startDate, endDate, isLive }: ElapsedCellProps) {\n  const [now, setNow] = useState(Date.now);\n\n  useEffect(() => {\n    if (!isLive) return;\n    const id = setInterval(() => setNow(Date.now()), 1000);\n    return () => clearInterval(id);\n  }, [isLive]);\n\n  const start = new Date(startDate).getTime();\n  const end = endDate ? new Date(endDate).getTime() : now;\n  const ms = Math.max(0, end - start);\n\n  const display = formatDurationCompact(ms);\n\n  const options = useMemo(() => [\n    { label: 'ms', value: String(ms) },\n    { label: 'sec', value: `${(ms / 1000).toFixed(3)}s` },\n    { label: 'text', value: display },\n  ], [ms, display]);\n\n  return (\n    <DateTooltip options={options}>\n      <span className={`text-xs ${isLive ? 'text-status-active' : 'text-text-tertiary'}`}>\n        {display}\n      </span>\n    </DateTooltip>\n  );\n}\n"],"names":["ElapsedCell","startDate","endDate","isLive","now","setNow","useState","useEffect","id","start","end","ms","display","formatDurationCompact","options","useMemo","jsx","DateTooltip"],"mappings":"uGAcO,SAASA,EAAY,CAAE,UAAAC,EAAW,QAAAC,EAAS,OAAAC,GAA4B,CAC5E,KAAM,CAACC,EAAKC,CAAM,EAAIC,EAAAA,SAAS,KAAK,GAAG,EAEvCC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACJ,EAAQ,OACb,MAAMK,EAAK,YAAY,IAAMH,EAAO,KAAK,IAAA,CAAK,EAAG,GAAI,EACrD,MAAO,IAAM,cAAcG,CAAE,CAC/B,EAAG,CAACL,CAAM,CAAC,EAEX,MAAMM,EAAQ,IAAI,KAAKR,CAAS,EAAE,QAAA,EAC5BS,EAAMR,EAAU,IAAI,KAAKA,CAAO,EAAE,UAAYE,EAC9CO,EAAK,KAAK,IAAI,EAAGD,EAAMD,CAAK,EAE5BG,EAAUC,EAAsBF,CAAE,EAElCG,EAAUC,EAAAA,QAAQ,IAAM,CAC5B,CAAE,MAAO,KAAM,MAAO,OAAOJ,CAAE,CAAA,EAC/B,CAAE,MAAO,MAAO,MAAO,IAAIA,EAAK,KAAM,QAAQ,CAAC,CAAC,GAAA,EAChD,CAAE,MAAO,OAAQ,MAAOC,CAAA,CAAQ,EAC/B,CAACD,EAAIC,CAAO,CAAC,EAEhB,OACEI,EAAAA,IAACC,EAAA,CAAY,QAAAH,EACX,SAAAE,EAAAA,IAAC,OAAA,CAAK,UAAW,WAAWb,EAAS,qBAAuB,oBAAoB,GAC7E,SAAAS,CAAA,CACH,EACF,CAEJ"}

package/dashboard/dist/assets/{EntityTimelinePanel-0wIIW2en.js → EntityTimelinePanel-DIDcF5Yu.js}

@@ -1,2 +1,2 @@
-import{a as c,u as U,j as t}from"./vendor-query-DvWWuNIB.js";import{ar as G,m as J,Z as H,b8 as ee,H as te,ag as se,a5 as W,b9 as P}from"./index-3gbd5neL.js";import{bF as re,bG as ae,b as ne,X as le,bI as oe}from"./vendor-icons-B7OcUM6b.js";import{L as ce}from"./vendor-react-_9U4mKFr.js";function Y(e){return JSON.stringify(e,(s,r)=>r&&typeof r=="object"&&!Array.isArray(r)?Object.fromEntries(Object.entries(r).sort(([n],[a])=>n<a?-1:1)):r)}function k(e,s=Date.now()){const r=Math.ceil(s/6e4)*6e4;return{from:new Date(r-e*36e5).toISOString(),to:new Date(r).toISOString()}}function ie(e){const[s,r]=c.useState(()=>k(e));return c.useEffect(()=>{r(k(e));let n;const a=()=>{n=setTimeout(()=>{r(k(e)),a()},6e4-Date.now()%6e4+250)};return a(),()=>clearTimeout(n)},[e]),s}function X(e,s){return s instanceof G&&s.status===403?!1:e<2}function _(e,s){return U({queryKey:["escAggregate",e?Y(e):"off"],queryFn:()=>J("/escalations/aggregate-by-facets",{method:"POST",body:JSON.stringify(e)}),staleTime:15e3,enabled:((s==null?void 0:s.enabled)??!0)&&!!e,retry:X})}function Z(e){return J("/escalations/timeline-by-facet",{method:"POST",body:JSON.stringify(e)})}function de(e,s){return U({queryKey:["escTimeline",e?Y(e):"off"],queryFn:()=>Z(e),staleTime:15e3,enabled:!!e,retry:X})}function ue(e){return e instanceof G&&e.status===403}const D=["rgb(var(--lt-cat-1))","rgb(var(--lt-cat-2))","rgb(var(--lt-cat-3))","rgb(var(--lt-cat-4))","rgb(var(--lt-cat-5))","rgb(var(--lt-cat-6))","rgb(var(--lt-cat-7))","rgb(var(--lt-cat-8))","rgb(var(--lt-cat-9))","rgb(var(--lt-cat-10))"],xe="∅",me="no subtype";function fe(e){return e??xe}function Se(e){return e??me}function A(e){const s=new Map;for(const a of e)s.set(a.label,(s.get(a.label)??0)+a.weight);const r=[...s.entries()].sort(([a,d],[u,l])=>l-d||(a<u?-1:1)),n=new Map;return r.forEach(([a],d)=>n.set(a,D[d%D.length])),n}function Ee(e){return A(e.map(s=>({label:fe(s.subtype),weight:s.dwellSeconds??s.count??0})))}function pe(e,{enabled:s=!0,periodHours:r=720}={}){const n=ie(r),a=e.entity?{entity:e.entity}:e.role?{roles:[e.role]}:null,d=s&&!!a,u=_(d?{query:a,groupBy:{state:!0},measure:{kind:"dwell",window:n},orderBy:[{field:"dwellSeconds",direction:"desc"}]}:null),l=_(d?{query:a,groupBy:{state:!0},measure:{kind:"membership"}}:null),{data:x}=H({enabled:d}),g=c.useMemo(()=>new Set(((x==null?void 0:x.roles)??[]).filter(i=>i.entity_state_source==="subtype").map(i=>i.role)),[x]),j=c.useMemo(()=>{var i,p;return A([...(((i=u.data)==null?void 0:i.groups)??[]).filter(f=>(f.dwellSeconds??0)>0),...((p=l.data)==null?void 0:p.groups)??[]].map(f=>({label:f.state??"—",weight:f.dwellSeconds??f.count??0})))},[u.data,l.data]);return c.useCallback(i=>{const p=g.has(i.role)?i.subtype??i.role:i.role;return j.get(p)},[j,g])}const v=e=>e.subtype??e.role,M=100;function ke({facetKey:e,value:s,role:r,entity:n,intervalColor:a}){var I,B;ee();const{closePanel:d}=te(),u=n?{query:{entity:n}}:r?{query:{roles:[r]}}:{},{data:l,error:x,isLoading:g}=de({facet:{key:e,value:s},...u,order:"desc",limit:M}),j=pe({entity:n,role:r},{enabled:!a}),i=a??j,p=[...(l==null?void 0:l.intervals)??[]].reverse(),[f,T]=c.useState([]),[C,L]=c.useState(!1),[N,O]=c.useState(!1),[q,S]=c.useState(null),E=l?`${s}|${l.intervals.length}|${((I=l.intervals[0])==null?void 0:I.startedAt)??""}|${((B=l.intervals[l.intervals.length-1])==null?void 0:B.startedAt)??""}`:null,F=c.useRef(null);c.useEffect(()=>{E!==F.current&&(F.current=E,T([]),L((l==null?void 0:l.overflow)??!1),S(null))},[E,l]);const m=[...f,...p],[b,z]=c.useState("desc"),y=b==="desc"?[...m].reverse():m,Q=o=>b==="desc"?{prev:y[o],next:y[o-1]}:{prev:y[o-1],next:y[o]},K=A(m.map(o=>({label:v(o),weight:o.durationSeconds}))),$=async()=>{var h;const o=(h=m[0])==null?void 0:h.startedAt;if(!(!o||N)){O(!0),S(null);try{const w=await Z({facet:{key:e,value:s},...u,order:"desc",before:o,limit:M});T(V=>[...[...w.intervals].reverse(),...V]),L(w.overflow)}catch(w){S(w.message)}finally{O(!1)}}};return t.jsxs("div",{className:"h-full flex flex-col",children:[t.jsxs("div",{className:"flex items-start justify-between px-5 pt-5 pb-3 border-b border-surface-border/40",children:[t.jsxs("div",{className:"min-w-0",children:[t.jsxs("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:["Timeline · ",t.jsx("span",{className:"normal-case font-mono",children:e})]}),t.jsx("p",{className:"text-sm font-mono text-text-primary truncate mt-0.5",title:s,children:s}),m.length>0&&t.jsxs("p",{className:"flex items-center gap-2 text-2xs text-text-quaternary mt-0.5",children:[t.jsxs("span",{children:[m.length," interval",m.length===1?"":"s"]}),t.jsx("span",{className:"h-2.5 w-px bg-surface-border"}),t.jsx("button",{onClick:()=>z(o=>o==="desc"?"asc":"desc"),className:"inline-flex items-center gap-0.5 icon-link",title:b==="desc"?"Newest first — click for oldest first":"Oldest first — click for newest first","data-testid":"timeline-sort-toggle",children:b==="desc"?t.jsxs(t.Fragment,{children:[t.jsx(re,{className:"w-2.5 h-2.5"})," newest first"]}):t.jsxs(t.Fragment,{children:[t.jsx(ae,{className:"w-2.5 h-2.5"})," oldest first"]})})]})]}),t.jsxs("span",{className:"flex items-center gap-1 mt-0.5 shrink-0 ml-2",children:[n&&t.jsx(be,{entity:n,value:s}),t.jsx(ce,{to:se(e,s),className:"icon-link",title:`Search every queue for ${e} ${s}`,"data-testid":"timeline-facet-search",children:t.jsx(ne,{className:"w-3.5 h-3.5"})}),t.jsx("button",{onClick:()=>d("entity-timeline"),className:"icon-link",children:t.jsx(le,{className:"w-4 h-4"})})]})]}),t.jsx("div",{className:"flex-1 overflow-y-auto px-5 py-4",children:g?t.jsx("p",{className:"text-2xs text-text-tertiary italic",children:"Loading timeline…"}):ue(x)?t.jsx("p",{className:"text-2xs text-text-tertiary",children:"Timeline requires full read access to this station's queue."}):x?t.jsx("p",{className:"text-2xs text-status-error",children:x.message}):m.length===0?t.jsx("p",{className:"text-2xs text-text-quaternary",children:"No escalation has carried this value."}):t.jsxs("div",{className:"relative",children:[b==="asc"&&t.jsx(R,{hasEarlier:C,loading:N,error:q,onLoad:$,edge:"top"}),t.jsx("div",{className:"absolute left-[4px] top-2 bottom-2 w-px bg-surface-border"}),t.jsx("div",{className:"space-y-0",children:y.map((o,h)=>t.jsxs(c.Fragment,{children:[h>0&&t.jsx(ye,{...Q(h)}),t.jsx(he,{interval:o,color:i(o)??K.get(v(o))})]},`${o.startedAt}-${h}`))}),b==="desc"&&t.jsx(R,{hasEarlier:C,loading:N,error:q,onLoad:$,edge:"bottom"})]})})]})}function R({hasEarlier:e,loading:s,error:r,onLoad:n,edge:a}){return!e&&!r?null:t.jsxs("div",{className:`${a==="top"?"pb-2":"pt-2"} pl-5`,children:[e&&t.jsx("button",{onClick:n,disabled:s,className:"text-2xs text-text-tertiary hover:text-accent transition-colors disabled:opacity-40",children:s?"Loading older…":"Load older"}),r&&t.jsx("p",{className:"text-2xs text-status-error mt-1",children:r})]})}function be({entity:e,value:s}){const[r,n]=c.useState(!1),a=c.useRef(void 0);c.useEffect(()=>()=>clearTimeout(a.current),[]);const d=async()=>{const u=`${window.location.origin}/trends?lens=${encodeURIComponent(e)}&entity=${encodeURIComponent(s)}`;await navigator.clipboard.writeText(u),n(!0),clearTimeout(a.current),a.current=setTimeout(()=>n(!1),1500)};return t.jsxs("span",{className:"flex items-center gap-1",children:[r&&t.jsx("span",{className:"text-2xs text-text-quaternary",children:"copied"}),t.jsx("button",{onClick:d,className:"icon-link",title:"Copy link to this timeline",children:t.jsx(oe,{className:"w-3.5 h-3.5"})})]})}function he({interval:e,color:s}){return t.jsxs("div",{className:"relative flex gap-3 py-2",children:[t.jsx("span",{className:"w-[9px] h-[9px] rounded-full shrink-0 mt-1 relative z-10",style:{backgroundColor:s??"rgb(var(--lt-surface-border))"},title:v(e)}),t.jsxs("div",{className:"min-w-0 flex-1",children:[t.jsxs("div",{className:"flex items-baseline gap-2",children:[t.jsxs("span",{className:"text-xs font-mono text-text-primary truncate",children:[e.role,e.subtype?t.jsxs("span",{className:"text-text-tertiary",children:[" · ",e.subtype]}):null]}),t.jsx("span",{className:"text-2xs font-mono tabular-nums text-text-secondary ml-auto shrink-0",children:W(e.durationSeconds*1e3)})]}),t.jsxs("p",{className:"text-2xs font-mono text-text-tertiary mt-0.5",children:[P(e.startedAt)," → ",e.endedAt?P(e.endedAt):"now"]})]})]})}function ye({prev:e,next:s}){if(!e.endedAt)return null;const r=Date.parse(s.startedAt)-Date.parse(e.endedAt);return r<=1e3?null:t.jsxs("div",{className:"relative flex items-center gap-3 py-1",children:[t.jsx("span",{className:"w-[9px] shrink-0"}),t.jsx("div",{className:"flex-1 border-t border-dashed border-surface-border/60"}),t.jsxs("span",{className:"text-2xs text-text-quaternary shrink-0",children:["untracked · ",W(r)]}),t.jsx("div",{className:"flex-1 border-t border-dashed border-surface-border/60"})]})}export{ke as E,fe as a,ie as b,A as c,Ee as d,ue as i,Se as s,_ as u};
-//# sourceMappingURL=EntityTimelinePanel-0wIIW2en.js.map
+import{a as c,u as U,j as t}from"./vendor-query-DvWWuNIB.js";import{ar as G,m as J,Z as H,b8 as ee,H as te,ag as se,a5 as W,b9 as P}from"./index-CgUcYveM.js";import{bF as re,bG as ae,b as ne,X as le,bI as oe}from"./vendor-icons-B7OcUM6b.js";import{L as ce}from"./vendor-react-_9U4mKFr.js";function Y(e){return JSON.stringify(e,(s,r)=>r&&typeof r=="object"&&!Array.isArray(r)?Object.fromEntries(Object.entries(r).sort(([n],[a])=>n<a?-1:1)):r)}function k(e,s=Date.now()){const r=Math.ceil(s/6e4)*6e4;return{from:new Date(r-e*36e5).toISOString(),to:new Date(r).toISOString()}}function ie(e){const[s,r]=c.useState(()=>k(e));return c.useEffect(()=>{r(k(e));let n;const a=()=>{n=setTimeout(()=>{r(k(e)),a()},6e4-Date.now()%6e4+250)};return a(),()=>clearTimeout(n)},[e]),s}function X(e,s){return s instanceof G&&s.status===403?!1:e<2}function _(e,s){return U({queryKey:["escAggregate",e?Y(e):"off"],queryFn:()=>J("/escalations/aggregate-by-facets",{method:"POST",body:JSON.stringify(e)}),staleTime:15e3,enabled:((s==null?void 0:s.enabled)??!0)&&!!e,retry:X})}function Z(e){return J("/escalations/timeline-by-facet",{method:"POST",body:JSON.stringify(e)})}function de(e,s){return U({queryKey:["escTimeline",e?Y(e):"off"],queryFn:()=>Z(e),staleTime:15e3,enabled:!!e,retry:X})}function ue(e){return e instanceof G&&e.status===403}const D=["rgb(var(--lt-cat-1))","rgb(var(--lt-cat-2))","rgb(var(--lt-cat-3))","rgb(var(--lt-cat-4))","rgb(var(--lt-cat-5))","rgb(var(--lt-cat-6))","rgb(var(--lt-cat-7))","rgb(var(--lt-cat-8))","rgb(var(--lt-cat-9))","rgb(var(--lt-cat-10))"],xe="∅",me="no subtype";function fe(e){return e??xe}function Se(e){return e??me}function A(e){const s=new Map;for(const a of e)s.set(a.label,(s.get(a.label)??0)+a.weight);const r=[...s.entries()].sort(([a,d],[u,l])=>l-d||(a<u?-1:1)),n=new Map;return r.forEach(([a],d)=>n.set(a,D[d%D.length])),n}function Ee(e){return A(e.map(s=>({label:fe(s.subtype),weight:s.dwellSeconds??s.count??0})))}function pe(e,{enabled:s=!0,periodHours:r=720}={}){const n=ie(r),a=e.entity?{entity:e.entity}:e.role?{roles:[e.role]}:null,d=s&&!!a,u=_(d?{query:a,groupBy:{state:!0},measure:{kind:"dwell",window:n},orderBy:[{field:"dwellSeconds",direction:"desc"}]}:null),l=_(d?{query:a,groupBy:{state:!0},measure:{kind:"membership"}}:null),{data:x}=H({enabled:d}),g=c.useMemo(()=>new Set(((x==null?void 0:x.roles)??[]).filter(i=>i.entity_state_source==="subtype").map(i=>i.role)),[x]),j=c.useMemo(()=>{var i,p;return A([...(((i=u.data)==null?void 0:i.groups)??[]).filter(f=>(f.dwellSeconds??0)>0),...((p=l.data)==null?void 0:p.groups)??[]].map(f=>({label:f.state??"—",weight:f.dwellSeconds??f.count??0})))},[u.data,l.data]);return c.useCallback(i=>{const p=g.has(i.role)?i.subtype??i.role:i.role;return j.get(p)},[j,g])}const v=e=>e.subtype??e.role,M=100;function ke({facetKey:e,value:s,role:r,entity:n,intervalColor:a}){var I,B;ee();const{closePanel:d}=te(),u=n?{query:{entity:n}}:r?{query:{roles:[r]}}:{},{data:l,error:x,isLoading:g}=de({facet:{key:e,value:s},...u,order:"desc",limit:M}),j=pe({entity:n,role:r},{enabled:!a}),i=a??j,p=[...(l==null?void 0:l.intervals)??[]].reverse(),[f,T]=c.useState([]),[C,L]=c.useState(!1),[N,O]=c.useState(!1),[q,S]=c.useState(null),E=l?`${s}|${l.intervals.length}|${((I=l.intervals[0])==null?void 0:I.startedAt)??""}|${((B=l.intervals[l.intervals.length-1])==null?void 0:B.startedAt)??""}`:null,F=c.useRef(null);c.useEffect(()=>{E!==F.current&&(F.current=E,T([]),L((l==null?void 0:l.overflow)??!1),S(null))},[E,l]);const m=[...f,...p],[b,z]=c.useState("desc"),y=b==="desc"?[...m].reverse():m,Q=o=>b==="desc"?{prev:y[o],next:y[o-1]}:{prev:y[o-1],next:y[o]},K=A(m.map(o=>({label:v(o),weight:o.durationSeconds}))),$=async()=>{var h;const o=(h=m[0])==null?void 0:h.startedAt;if(!(!o||N)){O(!0),S(null);try{const w=await Z({facet:{key:e,value:s},...u,order:"desc",before:o,limit:M});T(V=>[...[...w.intervals].reverse(),...V]),L(w.overflow)}catch(w){S(w.message)}finally{O(!1)}}};return t.jsxs("div",{className:"h-full flex flex-col",children:[t.jsxs("div",{className:"flex items-start justify-between px-5 pt-5 pb-3 border-b border-surface-border/40",children:[t.jsxs("div",{className:"min-w-0",children:[t.jsxs("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:["Timeline · ",t.jsx("span",{className:"normal-case font-mono",children:e})]}),t.jsx("p",{className:"text-sm font-mono text-text-primary truncate mt-0.5",title:s,children:s}),m.length>0&&t.jsxs("p",{className:"flex items-center gap-2 text-2xs text-text-quaternary mt-0.5",children:[t.jsxs("span",{children:[m.length," interval",m.length===1?"":"s"]}),t.jsx("span",{className:"h-2.5 w-px bg-surface-border"}),t.jsx("button",{onClick:()=>z(o=>o==="desc"?"asc":"desc"),className:"inline-flex items-center gap-0.5 icon-link",title:b==="desc"?"Newest first — click for oldest first":"Oldest first — click for newest first","data-testid":"timeline-sort-toggle",children:b==="desc"?t.jsxs(t.Fragment,{children:[t.jsx(re,{className:"w-2.5 h-2.5"})," newest first"]}):t.jsxs(t.Fragment,{children:[t.jsx(ae,{className:"w-2.5 h-2.5"})," oldest first"]})})]})]}),t.jsxs("span",{className:"flex items-center gap-1 mt-0.5 shrink-0 ml-2",children:[n&&t.jsx(be,{entity:n,value:s}),t.jsx(ce,{to:se(e,s),className:"icon-link",title:`Search every queue for ${e} ${s}`,"data-testid":"timeline-facet-search",children:t.jsx(ne,{className:"w-3.5 h-3.5"})}),t.jsx("button",{onClick:()=>d("entity-timeline"),className:"icon-link",children:t.jsx(le,{className:"w-4 h-4"})})]})]}),t.jsx("div",{className:"flex-1 overflow-y-auto px-5 py-4",children:g?t.jsx("p",{className:"text-2xs text-text-tertiary italic",children:"Loading timeline…"}):ue(x)?t.jsx("p",{className:"text-2xs text-text-tertiary",children:"Timeline requires full read access to this station's queue."}):x?t.jsx("p",{className:"text-2xs text-status-error",children:x.message}):m.length===0?t.jsx("p",{className:"text-2xs text-text-quaternary",children:"No escalation has carried this value."}):t.jsxs("div",{className:"relative",children:[b==="asc"&&t.jsx(R,{hasEarlier:C,loading:N,error:q,onLoad:$,edge:"top"}),t.jsx("div",{className:"absolute left-[4px] top-2 bottom-2 w-px bg-surface-border"}),t.jsx("div",{className:"space-y-0",children:y.map((o,h)=>t.jsxs(c.Fragment,{children:[h>0&&t.jsx(ye,{...Q(h)}),t.jsx(he,{interval:o,color:i(o)??K.get(v(o))})]},`${o.startedAt}-${h}`))}),b==="desc"&&t.jsx(R,{hasEarlier:C,loading:N,error:q,onLoad:$,edge:"bottom"})]})})]})}function R({hasEarlier:e,loading:s,error:r,onLoad:n,edge:a}){return!e&&!r?null:t.jsxs("div",{className:`${a==="top"?"pb-2":"pt-2"} pl-5`,children:[e&&t.jsx("button",{onClick:n,disabled:s,className:"text-2xs text-text-tertiary hover:text-accent transition-colors disabled:opacity-40",children:s?"Loading older…":"Load older"}),r&&t.jsx("p",{className:"text-2xs text-status-error mt-1",children:r})]})}function be({entity:e,value:s}){const[r,n]=c.useState(!1),a=c.useRef(void 0);c.useEffect(()=>()=>clearTimeout(a.current),[]);const d=async()=>{const u=`${window.location.origin}/trends?lens=${encodeURIComponent(e)}&entity=${encodeURIComponent(s)}`;await navigator.clipboard.writeText(u),n(!0),clearTimeout(a.current),a.current=setTimeout(()=>n(!1),1500)};return t.jsxs("span",{className:"flex items-center gap-1",children:[r&&t.jsx("span",{className:"text-2xs text-text-quaternary",children:"copied"}),t.jsx("button",{onClick:d,className:"icon-link",title:"Copy link to this timeline",children:t.jsx(oe,{className:"w-3.5 h-3.5"})})]})}function he({interval:e,color:s}){return t.jsxs("div",{className:"relative flex gap-3 py-2",children:[t.jsx("span",{className:"w-[9px] h-[9px] rounded-full shrink-0 mt-1 relative z-10",style:{backgroundColor:s??"rgb(var(--lt-surface-border))"},title:v(e)}),t.jsxs("div",{className:"min-w-0 flex-1",children:[t.jsxs("div",{className:"flex items-baseline gap-2",children:[t.jsxs("span",{className:"text-xs font-mono text-text-primary truncate",children:[e.role,e.subtype?t.jsxs("span",{className:"text-text-tertiary",children:[" · ",e.subtype]}):null]}),t.jsx("span",{className:"text-2xs font-mono tabular-nums text-text-secondary ml-auto shrink-0",children:W(e.durationSeconds*1e3)})]}),t.jsxs("p",{className:"text-2xs font-mono text-text-tertiary mt-0.5",children:[P(e.startedAt)," → ",e.endedAt?P(e.endedAt):"now"]})]})]})}function ye({prev:e,next:s}){if(!e.endedAt)return null;const r=Date.parse(s.startedAt)-Date.parse(e.endedAt);return r<=1e3?null:t.jsxs("div",{className:"relative flex items-center gap-3 py-1",children:[t.jsx("span",{className:"w-[9px] shrink-0"}),t.jsx("div",{className:"flex-1 border-t border-dashed border-surface-border/60"}),t.jsxs("span",{className:"text-2xs text-text-quaternary shrink-0",children:["untracked · ",W(r)]}),t.jsx("div",{className:"flex-1 border-t border-dashed border-surface-border/60"})]})}export{ke as E,fe as a,ie as b,A as c,Ee as d,ue as i,Se as s,_ as u};
+//# sourceMappingURL=EntityTimelinePanel-DIDcF5Yu.js.map