@workflow/web-shared 5.0.0-beta.4 → 5.0.0-beta.41

package/dist/components/sidebar/conversation-view.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"conversation-view.js","sourceRoot":"","sources":["../../../src/components/sidebar/conversation-view.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { ModelMessage } from 'ai';\nimport { Streamdown } from 'streamdown';\nimport { DataInspector } from '../ui/data-inspector';\n\ninterface ConversationViewProps {\n  messages: ModelMessage[];\n}\n\nexport function ConversationView({ messages }: ConversationViewProps) {\n  if (messages.length === 0) {\n    return (\n      <div\n        className=\"text-center py-8 text-[11px]\"\n        style={{ color: 'var(--ds-gray-600)' }}\n      >\n        No messages\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col gap-3 p-3\">\n      {messages.map((message, index) => (\n        <MessageBubble key={index} message={message} />\n      ))}\n    </div>\n  );\n}\n\nfunction MessageBubble({ message }: { message: ModelMessage }) {\n  const role = message.role;\n  const parts = parseContent(message.content);\n  const style = getRoleStyle(role);\n\n  return (\n    <div\n      className=\"rounded-md border text-[11px]\"\n      style={{\n        backgroundColor: style.bg,\n        borderColor: style.border,\n      }}\n    >\n      {/* Role header */}\n      <div\n        className=\"px-2.5 py-1 border-b text-[10px] font-medium uppercase tracking-wide\"\n        style={{\n          borderColor: style.border,\n          color: style.label,\n        }}\n      >\n        {role}\n      </div>\n\n      {/* Content */}\n      <div className=\"px-2.5 py-2 space-y-2\">\n        {parts.map((part, i) => (\n          <ContentPart key={i} part={part} role={role} />\n        ))}\n      </div>\n    </div>\n  );\n}\n\ninterface ParsedPart {\n  type: 'text' | 'tool-call' | 'tool-result';\n  text?: string;\n  toolName?: string;\n  input?: unknown;\n  output?: unknown;\n}\n\nfunction ContentPart({ part, role }: { part: ParsedPart; role: string }) {\n  if (part.type === 'text') {\n    if (!part.text) return null;\n\n    // Use Streamdown for assistant messages (they often contain markdown)\n    if (role === 'assistant') {\n      return (\n        <div\n          className=\"prose prose-sm max-w-none text-[11px] [&>*:first-child]:mt-0 [&>*:last-child]:mb-0\"\n          style={{ color: 'var(--ds-gray-1000)' }}\n        >\n          <Streamdown>{part.text}</Streamdown>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        className=\"whitespace-pre-wrap break-words\"\n        style={{ color: 'var(--ds-gray-1000)' }}\n      >\n        {part.text}\n      </div>\n    );\n  }\n\n  if (part.type === 'tool-call') {\n    return (\n      <div\n        className=\"rounded border px-2 py-1.5\"\n        style={{\n          backgroundColor: 'var(--ds-purple-100)',\n          borderColor: 'var(--ds-purple-300)',\n        }}\n      >\n        <div className=\"flex items-center gap-1.5 text-[10px] font-medium\">\n          <span>🔧</span>\n          <span style={{ color: 'var(--ds-purple-900)' }}>{part.toolName}</span>\n        </div>\n        {part.input != null && (\n          <div\n            className=\"mt-1.5 overflow-x-auto p-1.5 rounded\"\n            style={{ backgroundColor: 'var(--ds-gray-100)' }}\n          >\n            {typeof part.input === 'string' ? (\n              <pre\n                className=\"text-[10px]\"\n                style={{ color: 'var(--ds-gray-800)' }}\n              >\n                {part.input}\n              </pre>\n            ) : (\n              <DataInspector data={part.input} />\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  if (part.type === 'tool-result') {\n    return (\n      <div\n        className=\"rounded border px-2 py-1.5\"\n        style={{\n          backgroundColor: 'var(--ds-green-100)',\n          borderColor: 'var(--ds-green-300)',\n        }}\n      >\n        <div className=\"flex items-center gap-1.5 text-[10px] font-medium\">\n          <span>✓</span>\n          <span style={{ color: 'var(--ds-green-900)' }}>\n            {part.toolName} result\n          </span>\n        </div>\n        {part.output != null && (\n          <div\n            className=\"mt-1.5 overflow-x-auto max-h-[200px] overflow-y-auto p-1.5 rounded\"\n            style={{ backgroundColor: 'var(--ds-gray-100)' }}\n          >\n            {typeof part.output === 'string' ? (\n              <pre\n                className=\"text-[10px]\"\n                style={{ color: 'var(--ds-gray-800)' }}\n              >\n                {part.output}\n              </pre>\n            ) : (\n              <DataInspector data={part.output} expandLevel={1} />\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  return null;\n}\n\nfunction getRoleStyle(role: string) {\n  switch (role) {\n    case 'user':\n      return {\n        bg: 'var(--ds-blue-100)',\n        border: 'var(--ds-blue-300)',\n        label: 'var(--ds-blue-700)',\n      };\n    case 'assistant':\n      return {\n        bg: 'var(--ds-gray-100)',\n        border: 'var(--ds-gray-300)',\n        label: 'var(--ds-gray-700)',\n      };\n    case 'system':\n      return {\n        bg: 'var(--ds-amber-100)',\n        border: 'var(--ds-amber-300)',\n        label: 'var(--ds-amber-700)',\n      };\n    case 'tool':\n      return {\n        bg: 'var(--ds-green-50)',\n        border: 'var(--ds-green-300)',\n        label: 'var(--ds-green-700)',\n      };\n    default:\n      return {\n        bg: 'var(--ds-gray-100)',\n        border: 'var(--ds-gray-300)',\n        label: 'var(--ds-gray-700)',\n      };\n  }\n}\n\nfunction parseContent(content: unknown): ParsedPart[] {\n  if (typeof content === 'string') {\n    return [{ type: 'text', text: content }];\n  }\n\n  if (Array.isArray(content)) {\n    return content.map((part): ParsedPart => {\n      if (typeof part === 'string') {\n        return { type: 'text', text: part };\n      }\n      if (part?.type === 'text') {\n        return { type: 'text', text: String(part.text ?? '') };\n      }\n      if (part?.type === 'tool-call') {\n        return {\n          type: 'tool-call',\n          toolName: part.toolName,\n          input: part.input,\n        };\n      }\n      if (part?.type === 'tool-result') {\n        return {\n          type: 'tool-result',\n          toolName: part.toolName,\n          output: part.output,\n        };\n      }\n      return { type: 'text', text: '' };\n    });\n  }\n\n  return [];\n}\n"]}

package/dist/components/sidebar/copyable-data-block.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"copyable-data-block.js","sourceRoot":"","sources":["../../../src/components/sidebar/copyable-data-block.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,MAAM,qBAAqB,GAAG,CAAC,KAAc,EAAU,EAAE;IACvD,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IAC5C,IACE,OAAO,KAAK,KAAK,QAAQ;QACzB,OAAO,KAAK,KAAK,SAAS;QAC1B,KAAK,KAAK,IAAI,EACd,CAAC;QACD,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC;IACD,IAAI,CAAC;QACH,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IACxC,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,UAAU,iBAAiB,CAAC,EAAE,IAAI,EAAqB;IAC3D,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,OAAO,CACL,eACE,SAAS,EAAC,gDAAgD,EAC1D,KAAK,EAAE,EAAE,WAAW,EAAE,oBAAoB,EAAE,aAE5C,iBACE,IAAI,EAAC,QAAQ,gBACF,WAAW,EACtB,KAAK,EAAC,MAAM,EACZ,SAAS,EAAC,uSAAuS,EACjT,KAAK,EAAE,EAAE,WAAW,EAAE,oBAAoB,EAAE,EAC5C,OAAO,EAAE,GAAG,EAAE;oBACZ,SAAS,CAAC,SAAS;yBAChB,SAAS,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC;yBACtC,IAAI,CAAC,GAAG,EAAE;wBACT,KAAK,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;oBACvC,CAAC,CAAC;yBACD,KAAK,CAAC,GAAG,EAAE;wBACV,KAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;oBAChC,CAAC,CAAC,CAAC;gBACP,CAAC,YAED,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,GACX,EACT,KAAC,aAAa,IAAC,IAAI,EAAE,IAAI,GAAI,IACzB,CACP,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport { Copy } from 'lucide-react';\nimport { useToast } from '../../lib/toast';\nimport { DataInspector } from '../ui/data-inspector';\n\nconst serializeForClipboard = (value: unknown): string => {\n  if (typeof value === 'string') return value;\n  if (\n    typeof value === 'number' ||\n    typeof value === 'boolean' ||\n    value === null\n  ) {\n    return String(value);\n  }\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return String(value);\n  }\n};\n\nexport function CopyableDataBlock({ data }: { data: unknown }) {\n  const toast = useToast();\n  return (\n    <div\n      className=\"relative overflow-x-auto rounded-md border p-3\"\n      style={{ borderColor: 'var(--ds-gray-300)' }}\n    >\n      <button\n        type=\"button\"\n        aria-label=\"Copy data\"\n        title=\"Copy\"\n        className=\"!absolute !right-2 !top-2 !flex !h-6 !w-6 !items-center !justify-center !rounded-md !border !bg-[var(--ds-background-100)] !text-[var(--ds-gray-800)] transition-transform transition-colors duration-100 hover:!bg-[var(--ds-gray-alpha-200)] active:!scale-95 active:!bg-[var(--ds-gray-alpha-300)]\"\n        style={{ borderColor: 'var(--ds-gray-300)' }}\n        onClick={() => {\n          navigator.clipboard\n            .writeText(serializeForClipboard(data))\n            .then(() => {\n              toast.success('Copied to clipboard');\n            })\n            .catch(() => {\n              toast.error('Failed to copy');\n            });\n        }}\n      >\n        <Copy size={12} />\n      </button>\n      <DataInspector data={data} />\n    </div>\n  );\n}\n"]}

package/dist/components/sidebar/detail-card.d.ts

@@ -1,14 +0,0 @@
-import type { ReactNode } from 'react';
-export declare function DetailCard({ summary, children, onToggle, disabled, summaryClassName, contentClassName, }: {
-    summary: ReactNode;
-    children?: ReactNode;
-    /** Called when the detail card is expanded/collapsed */
-    onToggle?: (open: boolean) => void;
-    /** Renders a non-expandable summary card when true. */
-    disabled?: boolean;
-    /** Extra classes for the summary row. */
-    summaryClassName?: string;
-    /** Extra classes for expanded content wrapper. */
-    contentClassName?: string;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=detail-card.d.ts.map

package/dist/components/sidebar/detail-card.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"detail-card.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/detail-card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAgB,EAChB,gBAAgB,EAChB,gBAAgB,GACjB,EAAE;IACD,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kDAAkD;IAClD,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,2CA2CA"}

package/dist/components/sidebar/detail-card.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronRight } from 'lucide-react';
-export function DetailCard({ summary, children, onToggle, disabled = false, summaryClassName, contentClassName, }) {
-    if (disabled) {
-        return (_jsx("div", { className: `rounded-md border px-2.5 py-1.5 text-xs ${summaryClassName ?? ''}`, style: {
-                borderColor: 'var(--ds-gray-300)',
-                backgroundColor: 'var(--ds-gray-100)',
-                color: 'var(--ds-gray-700)',
-                cursor: 'not-allowed',
-                opacity: 0.8,
-            }, children: summary }));
-    }
-    return (_jsxs("details", { className: "group", onToggle: (e) => onToggle?.(e.target.open), children: [_jsx("summary", { className: `cursor-pointer rounded-md border px-2.5 py-1.5 text-xs hover:brightness-95 [&::-webkit-details-marker]:hidden ${summaryClassName ?? ''}`, style: {
-                    borderColor: 'var(--ds-gray-300)',
-                    backgroundColor: 'var(--ds-gray-100)',
-                    color: 'var(--ds-gray-900)',
-                    listStyle: 'none',
-                }, children: _jsxs("span", { className: "flex items-center gap-1.5", children: [_jsx(ChevronRight, { size: 14, className: "shrink-0 transition-transform group-open:rotate-90" }), summary] }) }), _jsx("div", { className: `mt-2 ${contentClassName ?? ''}`, children: children })] }));
-}
-//# sourceMappingURL=detail-card.js.map

package/dist/components/sidebar/detail-card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"detail-card.js","sourceRoot":"","sources":["../../../src/components/sidebar/detail-card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG5C,MAAM,UAAU,UAAU,CAAC,EACzB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,gBAAgB,EAChB,gBAAgB,GAYjB;IACC,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,CACL,cACE,SAAS,EAAE,2CAA2C,gBAAgB,IAAI,EAAE,EAAE,EAC9E,KAAK,EAAE;gBACL,WAAW,EAAE,oBAAoB;gBACjC,eAAe,EAAE,oBAAoB;gBACrC,KAAK,EAAE,oBAAoB;gBAC3B,MAAM,EAAE,aAAa;gBACrB,OAAO,EAAE,GAAG;aACb,YAEA,OAAO,GACJ,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,mBACE,SAAS,EAAC,OAAO,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAE,CAAC,CAAC,MAA6B,CAAC,IAAI,CAAC,aAElE,kBACE,SAAS,EAAE,iHAAiH,gBAAgB,IAAI,EAAE,EAAE,EACpJ,KAAK,EAAE;oBACL,WAAW,EAAE,oBAAoB;oBACjC,eAAe,EAAE,oBAAoB;oBACrC,KAAK,EAAE,oBAAoB;oBAC3B,SAAS,EAAE,MAAM;iBAClB,YAED,gBAAM,SAAS,EAAC,2BAA2B,aACzC,KAAC,YAAY,IACX,IAAI,EAAE,EAAE,EACR,SAAS,EAAC,oDAAoD,GAC9D,EACD,OAAO,IACH,GACC,EACV,cAAK,SAAS,EAAE,QAAQ,gBAAgB,IAAI,EAAE,EAAE,YAAG,QAAQ,GAAO,IAC1D,CACX,CAAC;AACJ,CAAC","sourcesContent":["import { ChevronRight } from 'lucide-react';\nimport type { ReactNode } from 'react';\n\nexport function DetailCard({\n  summary,\n  children,\n  onToggle,\n  disabled = false,\n  summaryClassName,\n  contentClassName,\n}: {\n  summary: ReactNode;\n  children?: ReactNode;\n  /** Called when the detail card is expanded/collapsed */\n  onToggle?: (open: boolean) => void;\n  /** Renders a non-expandable summary card when true. */\n  disabled?: boolean;\n  /** Extra classes for the summary row. */\n  summaryClassName?: string;\n  /** Extra classes for expanded content wrapper. */\n  contentClassName?: string;\n}) {\n  if (disabled) {\n    return (\n      <div\n        className={`rounded-md border px-2.5 py-1.5 text-xs ${summaryClassName ?? ''}`}\n        style={{\n          borderColor: 'var(--ds-gray-300)',\n          backgroundColor: 'var(--ds-gray-100)',\n          color: 'var(--ds-gray-700)',\n          cursor: 'not-allowed',\n          opacity: 0.8,\n        }}\n      >\n        {summary}\n      </div>\n    );\n  }\n\n  return (\n    <details\n      className=\"group\"\n      onToggle={(e) => onToggle?.((e.target as HTMLDetailsElement).open)}\n    >\n      <summary\n        className={`cursor-pointer rounded-md border px-2.5 py-1.5 text-xs hover:brightness-95 [&::-webkit-details-marker]:hidden ${summaryClassName ?? ''}`}\n        style={{\n          borderColor: 'var(--ds-gray-300)',\n          backgroundColor: 'var(--ds-gray-100)',\n          color: 'var(--ds-gray-900)',\n          listStyle: 'none',\n        }}\n      >\n        <span className=\"flex items-center gap-1.5\">\n          <ChevronRight\n            size={14}\n            className=\"shrink-0 transition-transform group-open:rotate-90\"\n          />\n          {summary}\n        </span>\n      </summary>\n      <div className={`mt-2 ${contentClassName ?? ''}`}>{children}</div>\n    </details>\n  );\n}\n"]}

package/dist/components/sidebar/entity-detail-panel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"entity-detail-panel.js","sourceRoot":"","sources":["../../../src/components/sidebar/entity-detail-panel.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport type { Event, Hook, Step, WorkflowRun } from '@workflow/world';\nimport clsx from 'clsx';\nimport { Send, Zap } from 'lucide-react';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useToast } from '../../lib/toast';\nimport { DecryptClickContext } from '../ui/data-inspector';\nimport { AttributePanel } from './attribute-panel';\nimport { EventsList } from './events-list';\nimport { ResolveHookModal } from './resolve-hook-modal';\n\n// Type guards for runtime validation of span attribute data\nfunction isStep(data: unknown): data is Step {\n  return data !== null && typeof data === 'object' && 'stepId' in data;\n}\n\nfunction isWorkflowRun(data: unknown): data is WorkflowRun {\n  return data !== null && typeof data === 'object' && 'runId' in data;\n}\n\nfunction isHook(data: unknown): data is Hook {\n  return data !== null && typeof data === 'object' && 'hookId' in data;\n}\n\n/**\n * Info about the currently selected span\n */\nexport type SpanSelectionInfo = {\n  resource: 'run' | 'step' | 'hook' | 'sleep';\n  resourceId: string;\n  runId?: string;\n};\n\n/**\n * Info about the selected span from the trace viewer.\n */\nexport interface SelectedSpanInfo {\n  /** The raw data from the span attributes (step/run/hook object from the trace) */\n  data?: unknown;\n  /** The span resource type (from span attributes) */\n  resource?: string;\n  /** The span ID (correlationId for filtering events) */\n  spanId?: string;\n  /** Raw correlated events from the store (NOT from the trace worker pipeline) */\n  rawEvents?: Event[];\n}\n\n/**\n * Panel component for workflow traces that displays entity details.\n *\n * This component is rendered OUTSIDE the trace viewer context — it\n * receives all data via props rather than reading from context.\n */\nexport function EntityDetailPanel({\n  run,\n  onStreamClick,\n  onRunClick,\n  spanDetailData,\n  spanDetailError,\n  spanDetailLoading,\n  onSpanSelect,\n  onWakeUpSleep,\n  onLoadEventData,\n  onResolveHook,\n  encryptionKey,\n  onDecrypt,\n  isDecrypting = false,\n  selectedSpan,\n}: {\n  run: WorkflowRun;\n  /** Callback when a stream reference is clicked */\n  onStreamClick?: (streamId: string) => void;\n  /** Callback when a run reference is clicked */\n  onRunClick?: (runId: string) => void;\n  /** Pre-fetched span detail data for the selected span. */\n  spanDetailData: WorkflowRun | Step | Hook | Event | null;\n  /** Error from external span detail fetch. */\n  spanDetailError?: Error | null;\n  /** Loading state from external span detail fetch. */\n  spanDetailLoading?: boolean;\n  /** Callback when a span is selected. Use this to fetch data externally and pass via spanDetailData. */\n  onSpanSelect: (info: SpanSelectionInfo) => void;\n  /** Callback to wake up a pending sleep call. */\n  onWakeUpSleep?: (\n    runId: string,\n    correlationId: string\n  ) => Promise<{ stoppedCount: number }>;\n  /** Callback to load event data for a specific event (lazy loading) */\n  onLoadEventData?: (\n    correlationId: string,\n    eventId: string\n  ) => Promise<unknown | null>;\n  /** Callback to resolve a hook with a payload. */\n  onResolveHook?: (\n    hookToken: string,\n    payload: unknown,\n    hook?: Hook\n  ) => Promise<void>;\n  /** Encryption key (available after Decrypt is clicked), used to re-load event data */\n  encryptionKey?: Uint8Array;\n  /** Callback to initiate decryption of encrypted run data */\n  onDecrypt?: () => void;\n  /** Whether the encryption key is currently being fetched */\n  isDecrypting?: boolean;\n  /** Info about the currently selected span from the trace viewer */\n  selectedSpan: SelectedSpanInfo | null;\n}): React.JSX.Element | null {\n  const toast = useToast();\n  const [stoppingSleep, setStoppingSleep] = useState(false);\n  const [showResolveHookModal, setShowResolveHookModal] = useState(false);\n  const [resolvingHook, setResolvingHook] = useState(false);\n  // Track hooks that were resolved in this session so the button hides\n  // immediately without waiting for the next event poll.\n  const [resolvedHookIds, setResolvedHookIds] = useState<Set<string>>(\n    new Set()\n  );\n\n  const data = selectedSpan?.data;\n  const rawEvents = selectedSpan?.rawEvents;\n  const rawEventsLength = rawEvents?.length ?? 0;\n\n  // Determine resource type, ID, and runId from the selected span\n  const { resource, resourceId, runId } = useMemo(() => {\n    if (!selectedSpan) {\n      return { resource: undefined, resourceId: undefined, runId: undefined };\n    }\n\n    const res = selectedSpan.resource;\n    if (res === 'step' && isStep(data)) {\n      return { resource: 'step', resourceId: data.stepId, runId: data.runId };\n    }\n    if (res === 'run' && isWorkflowRun(data)) {\n      return { resource: 'run', resourceId: data.runId, runId: undefined };\n    }\n    if (res === 'hook' && isHook(data)) {\n      return { resource: 'hook', resourceId: data.hookId, runId: undefined };\n    }\n    if (res === 'sleep') {\n      const waitData = data as { runId?: string } | undefined;\n      return {\n        resource: 'sleep',\n        resourceId: selectedSpan.spanId,\n        runId: waitData?.runId,\n      };\n    }\n    return { resource: undefined, resourceId: undefined, runId: undefined };\n  }, [selectedSpan, data]);\n\n  // Notify parent when span selection changes.\n  // Use a ref for the callback so the effect only fires when the actual\n  // selection values change, not when the callback identity changes due to\n  // parent re-renders from polling.\n  const onSpanSelectRef = useRef(onSpanSelect);\n  onSpanSelectRef.current = onSpanSelect;\n\n  useEffect(() => {\n    if (\n      resource &&\n      resourceId &&\n      ['run', 'step', 'hook', 'sleep'].includes(resource)\n    ) {\n      onSpanSelectRef.current({\n        resource: resource as 'run' | 'step' | 'hook' | 'sleep',\n        resourceId,\n        runId,\n      });\n    }\n  }, [resource, resourceId, runId]);\n\n  // Check if this sleep is still pending and can be woken up\n  const canWakeUp = useMemo(() => {\n    void rawEventsLength;\n    if (resource !== 'sleep' || !rawEvents) return false;\n    const terminalStates = ['completed', 'failed', 'cancelled'];\n    if (terminalStates.includes(run.status)) return false;\n    const hasWaitCreated = rawEvents.some(\n      (e) => e.eventType === 'wait_created'\n    );\n    if (!hasWaitCreated) return false;\n    const hasWaitCompleted = rawEvents.some(\n      (e) => e.eventType === 'wait_completed'\n    );\n    return !hasWaitCompleted;\n  }, [resource, rawEvents, rawEventsLength, run.status]);\n\n  // Check if this hook can be resolved\n  const canResolveHook = useMemo(() => {\n    void rawEventsLength;\n    if (resource !== 'hook' || !rawEvents || !resourceId) return false;\n\n    // Check if we already resolved this hook in this session\n    if (resolvedHookIds.has(resourceId)) return false;\n\n    const terminalStates = ['completed', 'failed', 'cancelled'];\n    if (terminalStates.includes(run.status)) return false;\n    const hasHookDisposed = rawEvents.some(\n      (e) => e.eventType === 'hook_disposed'\n    );\n    if (hasHookDisposed) return false;\n    return true;\n  }, [\n    resource,\n    resourceId,\n    rawEvents,\n    rawEventsLength,\n    run.status,\n    resolvedHookIds,\n  ]);\n\n  const error = spanDetailError ?? undefined;\n  const loading = spanDetailLoading ?? false;\n\n  // Get the hook token for resolving (prefer fetched data, then hooks array fallback)\n  const hookToken = useMemo(() => {\n    if (resource !== 'hook' || !resourceId) return undefined;\n    // 1. Try the externally-fetched detail data first\n    if (isHook(spanDetailData) && spanDetailData.token) {\n      return spanDetailData.token;\n    }\n    // 2. Try the span's inline data (reconstructed from hook_created event)\n    if (isHook(data) && (data as Hook).token) {\n      return (data as Hook).token;\n    }\n    return undefined;\n  }, [resource, resourceId, spanDetailData, data]);\n\n  useEffect(() => {\n    if (error && selectedSpan && resource) {\n      toast.error(`Failed to load ${resource} details`, {\n        description: error.message,\n      });\n    }\n  }, [error, resource, selectedSpan]);\n\n  const handleWakeUp = async () => {\n    if (stoppingSleep || !resourceId) return;\n    if (!onWakeUpSleep) {\n      toast.error('Unable to wake up sleep', {\n        description: 'No wake-up handler provided.',\n      });\n      return;\n    }\n\n    try {\n      setStoppingSleep(true);\n      const result = await onWakeUpSleep(run.runId, resourceId);\n      if (result.stoppedCount > 0) {\n        toast.success('Run woken up', {\n          description:\n            'The sleep call has been interrupted and the run woken up.',\n        });\n      } else {\n        toast.info('Sleep already completed', {\n          description: 'This sleep call has already finished.',\n        });\n      }\n    } catch (err) {\n      console.error('Failed to wake up run:', err);\n      toast.error('Failed to wake up run', {\n        description:\n          err instanceof Error ? err.message : 'An unknown error occurred',\n      });\n    } finally {\n      setStoppingSleep(false);\n    }\n  };\n\n  const handleResolveHook = useCallback(\n    async (payload: unknown) => {\n      if (resolvingHook) return;\n      if (!onResolveHook) {\n        toast.error('Unable to resolve hook', {\n          description: 'No resolve handler provided.',\n        });\n        return;\n      }\n      if (!hookToken) {\n        toast.error('Unable to resolve hook', {\n          description:\n            'Missing hook token. Try refreshing the run data and retry.',\n        });\n        return;\n      }\n\n      try {\n        setResolvingHook(true);\n        const candidate = spanDetailData ?? data;\n        const hook = isHook(candidate) ? candidate : undefined;\n        await onResolveHook(hookToken, payload, hook);\n        toast.success('Hook resolved', {\n          description: 'The payload has been sent and the hook resolved.',\n        });\n        setShowResolveHookModal(false);\n        // Mark this hook as resolved locally so the button hides immediately\n        if (resourceId) {\n          setResolvedHookIds((prev) => new Set(prev).add(resourceId));\n        }\n      } catch (err) {\n        console.error('Failed to resolve hook:', err);\n        toast.error('Failed to resolve hook', {\n          description:\n            err instanceof Error ? err.message : 'An unknown error occurred',\n        });\n      } finally {\n        setResolvingHook(false);\n      }\n    },\n    [onResolveHook, hookToken, resolvingHook, spanDetailData, data]\n  );\n\n  // Prefer externally-fetched details when available. For sleep spans, the\n  // host fetches full correlated events (withData=true) and materializes a wait\n  // entity, so this includes resumeAt/completedAt without bloating trace payloads.\n  const displayData = (spanDetailData ?? data) as\n    | WorkflowRun\n    | Step\n    | Hook\n    | Event;\n\n  const moduleSpecifier = useMemo(() => {\n    const displayRecord = displayData as Record<string, unknown>;\n    const displayStepName = displayRecord.stepName;\n    const displayWorkflowName = displayRecord.workflowName;\n    if (typeof displayStepName === 'string') {\n      return displayStepName;\n    }\n    if (typeof displayWorkflowName === 'string') {\n      return displayWorkflowName;\n    }\n    if (typeof run.workflowName === 'string') {\n      return run.workflowName;\n    }\n    return undefined;\n  }, [displayData, run.workflowName]);\n\n  if (!selectedSpan || !resource || !resourceId) {\n    return null;\n  }\n\n  const hasPendingActions =\n    (resource === 'sleep' && canWakeUp) ||\n    (resource === 'hook' && canResolveHook);\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      <DecryptClickContext.Provider\n        value={onDecrypt ? { onDecrypt, isDecrypting } : undefined}\n      >\n        <div className=\"flex-1 overflow-y-auto px-3 pt-3 pb-8\">\n          {hasPendingActions && (\n            <div\n              className=\"mb-4 rounded-lg border p-2\"\n              style={{\n                borderColor: 'var(--ds-gray-300)',\n                backgroundColor: 'var(--ds-gray-100)',\n              }}\n            >\n              <p\n                className=\"mb-2 px-1 text-[13px] font-medium uppercase tracking-wide\"\n                style={{ color: 'var(--ds-gray-700)' }}\n              >\n                Actions\n              </p>\n              <div className=\"flex flex-col gap-2\">\n                {/* Wake up button for pending sleep calls */}\n                {resource === 'sleep' && canWakeUp && (\n                  <button\n                    type=\"button\"\n                    onClick={handleWakeUp}\n                    disabled={stoppingSleep}\n                    className={clsx(\n                      'flex items-center justify-center gap-2 rounded-md px-3 py-2 text-sm font-medium',\n                      'disabled:opacity-50 disabled:cursor-not-allowed transition-colors',\n                      stoppingSleep\n                        ? 'opacity-50 cursor-not-allowed'\n                        : 'cursor-pointer'\n                    )}\n                    style={{\n                      background: 'var(--ds-amber-200)',\n                      color: 'var(--ds-amber-900)',\n                    }}\n                  >\n                    <Zap className=\"h-4 w-4\" />\n                    {stoppingSleep ? 'Waking up...' : 'Wake Up Sleep'}\n                  </button>\n                )}\n\n                {/* Resolve hook button for pending hooks */}\n                {resource === 'hook' && canResolveHook && (\n                  <button\n                    type=\"button\"\n                    onClick={() => setShowResolveHookModal(true)}\n                    disabled={resolvingHook}\n                    className={clsx(\n                      'flex items-center justify-center gap-2 rounded-md px-3 py-2 text-sm font-medium',\n                      'disabled:opacity-50 disabled:cursor-not-allowed transition-colors',\n                      resolvingHook\n                        ? 'opacity-50 cursor-not-allowed'\n                        : 'cursor-pointer'\n                    )}\n                    style={{\n                      background: 'var(--ds-gray-1000)',\n                      color: 'var(--ds-background-100)',\n                    }}\n                  >\n                    <Send className=\"h-4 w-4\" />\n                    Resolve Hook\n                  </button>\n                )}\n              </div>\n            </div>\n          )}\n\n          <div className=\"space-y-4\">\n            <section>\n              <AttributePanel\n                data={displayData}\n                moduleSpecifier={moduleSpecifier}\n                expiredAt={run.expiredAt}\n                isLoading={loading}\n                error={error ?? undefined}\n                onStreamClick={onStreamClick}\n                onRunClick={onRunClick}\n                onDecrypt={onDecrypt}\n                isDecrypting={isDecrypting}\n                resource={resource}\n              />\n            </section>\n\n            {resource !== 'run' && rawEvents && (\n              <section>\n                <EventsList\n                  events={rawEvents}\n                  onLoadEventData={onLoadEventData}\n                  encryptionKey={encryptionKey}\n                />\n              </section>\n            )}\n          </div>\n        </div>\n      </DecryptClickContext.Provider>\n\n      {/* Resolve Hook Modal */}\n      <ResolveHookModal\n        isOpen={showResolveHookModal}\n        onClose={() => setShowResolveHookModal(false)}\n        onSubmit={handleResolveHook}\n        isSubmitting={resolvingHook}\n      />\n    </div>\n  );\n}\n"]}

package/dist/components/sidebar/events-list.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"events-list.js","sourceRoot":"","sources":["../../../src/components/sidebar/events-list.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport { EVENT_DATA_REF_FIELDS, type Event } from '@workflow/world';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { isExpiredMarker } from '../../lib/hydration';\nimport { ErrorCard } from '../ui/error-card';\nimport {\n  ErrorStackBlock,\n  isStructuredErrorWithStack,\n} from '../ui/error-stack-block';\nimport { Skeleton } from '../ui/skeleton';\nimport { localMillisecondTime } from './attribute-panel';\nimport { CopyableDataBlock } from './copyable-data-block';\nimport { DetailCard } from './detail-card';\n\n/**\n * Event types whose eventData contains an error field with a StructuredError.\n */\nconst ERROR_EVENT_TYPES = new Set(['step_failed', 'step_retrying']);\n\n/**\n * Event types that carry user-serialized data in their eventData field.\n */\nconst DATA_EVENT_TYPES = new Set([\n  'step_created',\n  'step_completed',\n  'step_failed',\n  'step_retrying',\n  'hook_created',\n  'hook_received',\n  'run_created',\n  'run_completed',\n  'run_failed',\n  'wait_created',\n  'wait_completed',\n]);\n\n/**\n * A single event row that can lazy-load its eventData when expanded.\n */\nfunction EventItem({\n  event,\n  onLoadEventData,\n  encryptionKey,\n}: {\n  event: Event;\n  onLoadEventData?: (\n    correlationId: string,\n    eventId: string\n  ) => Promise<unknown | null>;\n  /** When this changes (e.g., Decrypt was clicked), invalidate cached data */\n  encryptionKey?: Uint8Array;\n}) {\n  const [loadedData, setLoadedData] = useState<unknown | null>(null);\n  const [isLoading, setIsLoading] = useState(false);\n  const [loadError, setLoadError] = useState<string | null>(null);\n  const wasExpandedRef = useRef(false);\n  /** Mirrors whether we have a fetched payload; avoids stale `loadedData` in load closure. */\n  const loadedDataRef = useRef<unknown | null>(null);\n\n  // Check if the event already has eventData from the store\n  const existingData =\n    'eventData' in event && event.eventData != null ? event.eventData : null;\n  const mergedDisplay = loadedData ?? existingData;\n  const canHaveData = DATA_EVENT_TYPES.has(event.eventType);\n\n  const loadEventData = useCallback(\n    async (options?: { force?: boolean }) => {\n      if (!onLoadEventData || !event.correlationId || !event.eventId) return;\n      if (!options?.force && loadedDataRef.current !== null) {\n        return;\n      }\n\n      try {\n        setIsLoading(true);\n        setLoadError(null);\n        const data = await onLoadEventData(event.correlationId, event.eventId);\n        loadedDataRef.current = data;\n        setLoadedData(data);\n      } catch (err) {\n        setLoadError(err instanceof Error ? err.message : String(err));\n      } finally {\n        setIsLoading(false);\n      }\n    },\n    [onLoadEventData, event.correlationId, event.eventId]\n  );\n\n  const handleExpand = useCallback(async () => {\n    if (isLoading) return;\n    wasExpandedRef.current = true;\n    await loadEventData();\n  }, [isLoading, loadEventData]);\n\n  // When the encryption key changes and this event was previously expanded,\n  // re-load the data so it gets decrypted\n  useEffect(() => {\n    if (!encryptionKey || !wasExpandedRef.current) return;\n    loadedDataRef.current = null;\n    setLoadedData(null);\n    void loadEventData({ force: true });\n  }, [encryptionKey, loadEventData]);\n\n  const createdAt = new Date(event.createdAt);\n\n  const displayPayload = isLoading ? loadedData : mergedDisplay;\n\n  return (\n    <DetailCard\n      summaryClassName=\"text-base py-2\"\n      summary={\n        <>\n          <span\n            className=\"font-medium\"\n            style={{ color: 'var(--ds-gray-1000)' }}\n          >\n            {event.eventType}\n          </span>{' '}\n          -{' '}\n          <span style={{ color: 'var(--ds-gray-700)' }}>\n            {localMillisecondTime(createdAt.getTime())}\n          </span>\n        </>\n      }\n      onToggle={\n        canHaveData\n          ? (open) => {\n              if (open) handleExpand();\n            }\n          : undefined\n      }\n    >\n      {/* Event attributes */}\n      <div\n        className=\"flex flex-col divide-y rounded-md border overflow-hidden\"\n        style={{\n          borderColor: 'var(--ds-gray-300)',\n          backgroundColor: 'var(--ds-gray-100)',\n        }}\n      >\n        <div\n          className=\"flex min-h-[32px] items-center justify-between gap-4 px-2.5 py-1.5\"\n          style={{ borderColor: 'var(--ds-gray-300)' }}\n        >\n          <span\n            className=\"text-[13px] font-medium\"\n            style={{ color: 'var(--ds-gray-700)' }}\n          >\n            Event ID\n          </span>\n          <span\n            className=\"max-w-[70%] truncate text-right text-[13px] font-mono\"\n            style={{ color: 'var(--ds-gray-1000)' }}\n            title={event.eventId}\n          >\n            {event.eventId}\n          </span>\n        </div>\n        {event.correlationId && (\n          <div\n            className=\"flex min-h-[32px] items-center justify-between gap-4 px-2.5 py-1.5\"\n            style={{ borderColor: 'var(--ds-gray-300)' }}\n          >\n            <span\n              className=\"text-[13px] font-medium\"\n              style={{ color: 'var(--ds-gray-700)' }}\n            >\n              Correlation ID\n            </span>\n            <span\n              className=\"max-w-[70%] truncate text-right text-[13px] font-mono\"\n              style={{ color: 'var(--ds-gray-1000)' }}\n              title={event.correlationId}\n            >\n              {event.correlationId}\n            </span>\n          </div>\n        )}\n      </div>\n\n      {/* Loading state */}\n      {isLoading && (\n        <div\n          className=\"mt-2 rounded-md border p-3\"\n          style={{\n            borderColor: 'var(--ds-gray-300)',\n          }}\n        >\n          <Skeleton className=\"h-4 w-[35%]\" />\n          <Skeleton className=\"mt-2 h-4 w-[90%]\" />\n          <Skeleton className=\"mt-2 h-4 w-[75%]\" />\n        </div>\n      )}\n\n      {/* Error state */}\n      {loadError && (\n        <ErrorCard\n          title=\"Failed to load event data\"\n          details={loadError}\n          className=\"mt-2\"\n        />\n      )}\n\n      {/* Event data */}\n      {displayPayload != null && (\n        <div className=\"mt-2\">\n          <EventDataBlock eventType={event.eventType} data={displayPayload} />\n        </div>\n      )}\n    </DetailCard>\n  );\n}\n\n/**\n * Check if an eventData object has only expired marker values in ref/payload\n * fields for this event type (see {@link EVENT_DATA_REF_FIELDS}). Other keys\n * (e.g. `resumeAt`, `stepName`) are ignored.\n */\nfunction hasOnlyExpiredFields(data: unknown, eventType: string): boolean {\n  if (data === null || typeof data !== 'object' || Array.isArray(data)) {\n    return false;\n  }\n  const record = data as Record<string, unknown>;\n  const refKeys = EVENT_DATA_REF_FIELDS[eventType] ?? [];\n  const presentKeys = refKeys.filter((k) => k in record);\n  return (\n    presentKeys.length > 0 &&\n    presentKeys.every((k) => isExpiredMarker(record[k]))\n  );\n}\n\n/**\n * Renders event data, using ErrorStackBlock for error events that contain\n * a structured error with a stack trace, and CopyableDataBlock otherwise.\n */\nfunction EventDataBlock({\n  eventType,\n  data,\n}: {\n  eventType: string;\n  data: unknown;\n}) {\n  // Expired data — show a simple message instead of the raw stub.\n  // Check both the top-level eventData and nested sub-fields (result, input, etc.)\n  // since the server stubs each ref field independently.\n  if (isExpiredMarker(data) || hasOnlyExpiredFields(data, eventType)) {\n    return (\n      <div\n        className=\"flex items-center gap-1.5 rounded-md border px-3 py-2 text-xs\"\n        style={{\n          borderColor: 'var(--ds-gray-300)',\n          backgroundColor: 'var(--ds-gray-100)',\n          color: 'var(--ds-gray-700)',\n        }}\n      >\n        <span className=\"font-medium\">Data expired</span>\n      </div>\n    );\n  }\n\n  // For error events (step_failed, step_retrying), the eventData has the shape\n  // { error: StructuredError, stack?: string, ... }. Check both the top-level\n  // value and the nested `error` field for a stack trace.\n  if (\n    ERROR_EVENT_TYPES.has(eventType) &&\n    data != null &&\n    typeof data === 'object'\n  ) {\n    const record = data as Record<string, unknown>;\n\n    // Check the nested `error` field first (the StructuredError)\n    if (isStructuredErrorWithStack(record.error)) {\n      return <ErrorStackBlock value={record.error} />;\n    }\n\n    // Some error formats put the stack at the top level of eventData\n    if (isStructuredErrorWithStack(record)) {\n      return <ErrorStackBlock value={record} />;\n    }\n  }\n\n  // For non-error events or errors without a stack, fall back to the\n  // generic JSON viewer.\n  return <CopyableDataBlock data={data} />;\n}\n\nexport function EventsList({\n  events,\n  isLoading = false,\n  error,\n  onLoadEventData,\n  encryptionKey,\n}: {\n  events: Event[];\n  isLoading?: boolean;\n  error?: Error | null;\n  onLoadEventData?: (\n    correlationId: string,\n    eventId: string\n  ) => Promise<unknown | null>;\n  /** When provided, signals that decryption is active (triggers re-load of expanded events) */\n  encryptionKey?: Uint8Array;\n}) {\n  // Sort by createdAt\n  const sortedEvents = useMemo(\n    () =>\n      [...events].sort(\n        (a, b) =>\n          new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime()\n      ),\n    [events]\n  );\n\n  return (\n    <div className=\"mt-2\" style={{ color: 'var(--ds-gray-1000)' }}>\n      <h3\n        className=\"text-label-14 font-medium mt-4 mb-2\"\n        style={{ color: 'var(--ds-gray-1000)' }}\n      >\n        Events\n      </h3>\n      {isLoading ? (\n        <div className=\"flex flex-col gap-4\">\n          <Skeleton className=\"h-9 w-full rounded-md\" />\n          <Skeleton className=\"h-9 w-full rounded-md\" />\n          <Skeleton className=\"h-9 w-full rounded-md\" />\n        </div>\n      ) : null}\n      {!isLoading && !error && sortedEvents.length === 0 && (\n        <div className=\"text-sm\">No events found</div>\n      )}\n      {sortedEvents.length > 0 && !error ? (\n        <div className=\"flex flex-col gap-4\">\n          {sortedEvents.map((event) => (\n            <EventItem\n              key={event.eventId}\n              event={event}\n              onLoadEventData={onLoadEventData}\n              encryptionKey={encryptionKey}\n            />\n          ))}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"]}

package/dist/components/sidebar/resolve-hook-modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resolve-hook-modal.js","sourceRoot":"","sources":["../../../src/components/sidebar/resolve-hook-modal.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAajE;;;;;GAKG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,MAAM,EACN,OAAO,EACP,QAAQ,EACR,YAAY,GAAG,KAAK,GACE;IACtB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC/C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAClE,MAAM,WAAW,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IAEtD,0CAA0C;IAC1C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YAClC,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAC9B,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,gCAAgC;IAChC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,YAAY,CAAC,EAAE,CAAC,CAAC;YACjB,aAAa,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,6BAA6B;IAC7B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,aAAa,GAAG,CAAC,CAAgB,EAAE,EAAE;YACzC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,IAAI,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC;gBAClD,OAAO,EAAE,CAAC;YACZ,CAAC;QACH,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACtE,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpC,MAAM,aAAa,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC3C,aAAa,CAAC,IAAI,CAAC,CAAC;QAEpB,uBAAuB;QACvB,IAAI,OAAgB,CAAC;QACrB,IAAI,CAAC;YACH,qCAAqC;YACrC,IAAI,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;gBAC5B,OAAO,GAAG,IAAI,CAAC;YACjB,CAAC;iBAAM,CAAC;gBACN,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;YAClC,CAAC;QACH,CAAC;QAAC,MAAM,CAAC;YACP,aAAa,CAAC,wCAAwC,CAAC,CAAC;YACxD,OAAO;QACT,CAAC;QAED,MAAM,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1B,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAkB,EAAE,EAAE;QACrB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,KAAK,aAAa,EAAE,CAAC;IACvB,CAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,MAAM,aAAa,GACjB,OAAO,SAAS,KAAK,WAAW;QAChC,CACG,SAAmE;aACjE,aAAa,EAAE,QAAQ,IAAI,SAAS,CAAC,SAAS,CAClD;aACE,WAAW,EAAE;aACb,QAAQ,CAAC,KAAK,CAAC,CAAC;IAErB,oCAAoC;IACpC,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAsB,EAAE,EAAE;QACzB,IAAI,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,YAAY,EAAE,CAAC;YACnE,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,YAAY,CAAC,CAA+B,CAAC,CAAC;QAChD,CAAC;IACH,CAAC,EACD,CAAC,YAAY,EAAE,YAAY,CAAC,CAC7B,CAAC;IAEF,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,eACE,KAAK,EAAE;YACL,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;SACzB,EACD,IAAI,EAAC,QAAQ,gBACF,MAAM,qBACD,0BAA0B,aAG1C,cACE,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,KAAK,EAAE,CAAC;oBACR,UAAU,EAAE,oBAAoB;iBACjC,EACD,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,GAC3C,EAGF,eACE,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,MAAM,EAAE,EAAE;oBACV,KAAK,EAAE,GAAG;oBACV,QAAQ,EAAE,mBAAmB;oBAC7B,YAAY,EAAE,EAAE;oBAChB,MAAM,EAAE,MAAM;oBACd,SAAS,EAAE,uBAAuB;oBAClC,UAAU,EAAE,0BAA0B;oBACtC,KAAK,EAAE,qBAAqB;oBAC5B,QAAQ,EAAE,QAAQ;iBACnB,aAGD,eACE,KAAK,EAAE;4BACL,OAAO,EAAE,MAAM;4BACf,UAAU,EAAE,QAAQ;4BACpB,cAAc,EAAE,eAAe;4BAC/B,OAAO,EAAE,WAAW;yBACrB,aAED,aACE,EAAE,EAAC,0BAA0B,EAC7B,KAAK,EAAE;oCACL,MAAM,EAAE,CAAC;oCACT,QAAQ,EAAE,EAAE;oCACZ,UAAU,EAAE,GAAG;oCACf,KAAK,EAAE,qBAAqB;iCAC7B,6BAGE,EACL,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,YAAY,gBACX,aAAa,EACxB,KAAK,EAAE;oCACL,OAAO,EAAE,MAAM;oCACf,UAAU,EAAE,QAAQ;oCACpB,cAAc,EAAE,QAAQ;oCACxB,OAAO,EAAE,CAAC;oCACV,YAAY,EAAE,CAAC;oCACf,MAAM,EAAE,MAAM;oCACd,UAAU,EAAE,aAAa;oCACzB,KAAK,EAAE,oBAAoB;oCAC3B,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;oCAChD,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;oCAC/B,UAAU,EAAE,kBAAkB;iCAC/B,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;oCAClB,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,UAAU,GAAG,0BAA0B,CAAC;gCAChE,CAAC,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;oCAClB,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,UAAU,GAAG,aAAa,CAAC;gCACnD,CAAC,YAED,KAAC,CAAC,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAI,GAChC,IACL,EAGN,gBAAM,QAAQ,EAAE,YAAY,aAC1B,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,aACpC,gBACE,OAAO,EAAC,cAAc,EACtB,KAAK,EAAE;4CACL,OAAO,EAAE,OAAO;4CAChB,QAAQ,EAAE,EAAE;4CACZ,UAAU,EAAE,GAAG;4CACf,YAAY,EAAE,CAAC;4CACf,KAAK,EAAE,qBAAqB;yCAC7B,6BAGK,EACR,aACE,KAAK,EAAE;4CACL,QAAQ,EAAE,EAAE;4CACZ,YAAY,EAAE,EAAE;4CAChB,SAAS,EAAE,CAAC;4CACZ,KAAK,EAAE,oBAAoB;4CAC3B,UAAU,EAAE,GAAG;yCAChB,4EAE2D,GAAG,EAC/D,eACE,KAAK,EAAE;oDACL,OAAO,EAAE,SAAS;oDAClB,YAAY,EAAE,CAAC;oDACf,QAAQ,EAAE,EAAE;oDACZ,UAAU,EACR,uFAAuF;oDACzF,UAAU,EAAE,0BAA0B;oDACtC,KAAK,EAAE,qBAAqB;iDAC7B,qBAGI,SAEL,EACJ,mBACE,GAAG,EAAE,WAAW,EAChB,EAAE,EAAC,cAAc,EACjB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;4CACd,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;4CAC7B,aAAa,CAAC,IAAI,CAAC,CAAC;wCACtB,CAAC,EACD,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAC,kBAAkB,EAC9B,KAAK,EAAE;4CACL,KAAK,EAAE,MAAM;4CACb,MAAM,EAAE,GAAG;4CACX,OAAO,EAAE,UAAU;4CACnB,UAAU,EACR,uFAAuF;4CACzF,QAAQ,EAAE,EAAE;4CACZ,UAAU,EAAE,GAAG;4CACf,YAAY,EAAE,CAAC;4CACf,MAAM,EAAE,aAAa,UAAU,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,0BAA0B,EAAE;4CACpF,KAAK,EAAE,qBAAqB;4CAC5B,UAAU,EAAE,0BAA0B;4CACtC,OAAO,EAAE,MAAM;4CACf,MAAM,EAAE,MAAM;4CACd,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;4CAC/B,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;4CAC7C,SAAS,EAAE,YAAY;yCACxB,GACD,EACD,UAAU,IAAI,CACb,YACE,KAAK,EAAE;4CACL,SAAS,EAAE,CAAC;4CACZ,QAAQ,EAAE,EAAE;4CACZ,KAAK,EAAE,mBAAmB;4CAC1B,MAAM,EAAE,SAAS;yCAClB,YAEA,UAAU,GACT,CACL,EACD,aACE,KAAK,EAAE;4CACL,SAAS,EAAE,CAAC;4CACZ,QAAQ,EAAE,EAAE;4CACZ,KAAK,EAAE,oBAAoB;4CAC3B,MAAM,EAAE,SAAS;yCAClB,sBAEK,GAAG,EACT,eACE,KAAK,EAAE;oDACL,OAAO,EAAE,SAAS;oDAClB,YAAY,EAAE,CAAC;oDACf,QAAQ,EAAE,EAAE;oDACZ,UAAU,EACR,uFAAuF;oDACzF,UAAU,EAAE,0BAA0B;oDACtC,MAAM,EAAE,oCAAoC;iDAC7C,aAEA,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,cAEzB,EAAC,GAAG,iBAER,IACA,EAGN,eACE,KAAK,EAAE;oCACL,OAAO,EAAE,MAAM;oCACf,UAAU,EAAE,QAAQ;oCACpB,cAAc,EAAE,UAAU;oCAC1B,GAAG,EAAE,CAAC;oCACN,OAAO,EAAE,WAAW;oCACpB,SAAS,EAAE,oCAAoC;iCAChD,aAED,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE;4CACL,OAAO,EAAE,UAAU;4CACnB,QAAQ,EAAE,EAAE;4CACZ,UAAU,EAAE,GAAG;4CACf,YAAY,EAAE,CAAC;4CACf,MAAM,EAAE,oCAAoC;4CAC5C,UAAU,EAAE,0BAA0B;4CACtC,KAAK,EAAE,qBAAqB;4CAC5B,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;4CAChD,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;4CAC/B,UAAU,EAAE,kBAAkB;yCAC/B,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;4CAClB,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,UAAU,GAAG,0BAA0B,CAAC;wCAChE,CAAC,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;4CAClB,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,UAAU,GAAG,0BAA0B,CAAC;wCAChE,CAAC,uBAGM,EACT,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,aAAa,EAAE,EACnC,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE;4CACL,OAAO,EAAE,MAAM;4CACf,UAAU,EAAE,QAAQ;4CACpB,GAAG,EAAE,CAAC;4CACN,OAAO,EAAE,UAAU;4CACnB,QAAQ,EAAE,EAAE;4CACZ,UAAU,EAAE,GAAG;4CACf,YAAY,EAAE,CAAC;4CACf,MAAM,EAAE,MAAM;4CACd,UAAU,EAAE,qBAAqB;4CACjC,KAAK,EAAE,0BAA0B;4CACjC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;4CAChD,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;4CAC/B,UAAU,EAAE,eAAe;yCAC5B,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;4CAClB,IAAI,CAAC,YAAY;gDAAE,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;wCAC3D,CAAC,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;4CAClB,IAAI,CAAC,YAAY;gDAAE,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;wCACzD,CAAC,aAED,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAI,EACzC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,IACtC,IACL,IACD,IACH,IACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport { Send, X } from 'lucide-react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\ninterface ResolveHookModalProps {\n  /** Whether the modal is open */\n  isOpen: boolean;\n  /** Callback when the modal should be closed */\n  onClose: () => void;\n  /** Callback when the form is submitted with the parsed JSON payload */\n  onSubmit: (payload: unknown) => Promise<void>;\n  /** Whether the submission is in progress */\n  isSubmitting?: boolean;\n}\n\n/**\n * Modal component for resolving a hook by entering a JSON payload.\n *\n * Styled to match the Geist design-system dialog component used in the\n * Vercel dashboard so it looks native when rendered inside `front`.\n */\nexport function ResolveHookModal({\n  isOpen,\n  onClose,\n  onSubmit,\n  isSubmitting = false,\n}: ResolveHookModalProps): React.JSX.Element | null {\n  const [jsonInput, setJsonInput] = useState('');\n  const [parseError, setParseError] = useState<string | null>(null);\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n  // Focus the textarea when the modal opens\n  useEffect(() => {\n    if (isOpen && textareaRef.current) {\n      textareaRef.current.focus();\n    }\n  }, [isOpen]);\n\n  // Reset state when modal closes\n  useEffect(() => {\n    if (!isOpen) {\n      setJsonInput('');\n      setParseError(null);\n    }\n  }, [isOpen]);\n\n  // Handle escape key to close\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && isOpen && !isSubmitting) {\n        onClose();\n      }\n    };\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [isOpen, isSubmitting, onClose]);\n\n  const submitPayload = useCallback(async () => {\n    setParseError(null);\n\n    // Parse the JSON input\n    let payload: unknown;\n    try {\n      // Allow empty string as null payload\n      if (jsonInput.trim() === '') {\n        payload = null;\n      } else {\n        payload = JSON.parse(jsonInput);\n      }\n    } catch {\n      setParseError('Invalid JSON. Please check your input.');\n      return;\n    }\n\n    await onSubmit(payload);\n  }, [jsonInput, onSubmit]);\n\n  const handleSubmit = useCallback(\n    (e: React.FormEvent) => {\n      e.preventDefault();\n      void submitPayload();\n    },\n    [submitPayload]\n  );\n\n  const isMacPlatform =\n    typeof navigator !== 'undefined' &&\n    (\n      (navigator as Navigator & { userAgentData?: { platform?: string } })\n        .userAgentData?.platform ?? navigator.userAgent\n    )\n      .toLowerCase()\n      .includes('mac');\n\n  // Handle Cmd/Ctrl + Enter to submit\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if ((e.metaKey || e.ctrlKey) && e.key === 'Enter' && !isSubmitting) {\n        e.preventDefault();\n        handleSubmit(e as unknown as React.FormEvent);\n      }\n    },\n    [handleSubmit, isSubmitting]\n  );\n\n  if (!isOpen) {\n    return null;\n  }\n\n  return (\n    <div\n      style={{\n        position: 'fixed',\n        inset: 0,\n        zIndex: 50,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n      }}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby=\"resolve-hook-modal-title\"\n    >\n      {/* Backdrop — matches Geist dialog ::backdrop */}\n      <div\n        style={{\n          position: 'absolute',\n          inset: 0,\n          background: 'rgba(0, 0, 0, 0.7)',\n        }}\n        onClick={isSubmitting ? undefined : onClose}\n      />\n\n      {/* Modal card — matches Geist dialog.geist-dialog */}\n      <div\n        style={{\n          position: 'relative',\n          zIndex: 10,\n          width: 480,\n          maxWidth: 'calc(100% - 32px)',\n          borderRadius: 12,\n          border: 'none',\n          boxShadow: 'var(--ds-shadow-menu)',\n          background: 'var(--ds-background-100)',\n          color: 'var(--ds-gray-1000)',\n          overflow: 'hidden',\n        }}\n      >\n        {/* Header */}\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'space-between',\n            padding: '16px 24px',\n          }}\n        >\n          <h2\n            id=\"resolve-hook-modal-title\"\n            style={{\n              margin: 0,\n              fontSize: 16,\n              fontWeight: 600,\n              color: 'var(--ds-gray-1000)',\n            }}\n          >\n            Resolve Hook\n          </h2>\n          <button\n            type=\"button\"\n            onClick={onClose}\n            disabled={isSubmitting}\n            aria-label=\"Close modal\"\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n              padding: 4,\n              borderRadius: 6,\n              border: 'none',\n              background: 'transparent',\n              color: 'var(--ds-gray-900)',\n              cursor: isSubmitting ? 'not-allowed' : 'pointer',\n              opacity: isSubmitting ? 0.5 : 1,\n              transition: 'background 0.15s',\n            }}\n            onMouseEnter={(e) => {\n              e.currentTarget.style.background = 'var(--ds-gray-alpha-200)';\n            }}\n            onMouseLeave={(e) => {\n              e.currentTarget.style.background = 'transparent';\n            }}\n          >\n            <X style={{ width: 16, height: 16 }} />\n          </button>\n        </div>\n\n        {/* Body */}\n        <form onSubmit={handleSubmit}>\n          <div style={{ padding: '0 24px 16px' }}>\n            <label\n              htmlFor=\"json-payload\"\n              style={{\n                display: 'block',\n                fontSize: 14,\n                fontWeight: 500,\n                marginBottom: 6,\n                color: 'var(--ds-gray-1000)',\n              }}\n            >\n              JSON Payload\n            </label>\n            <p\n              style={{\n                fontSize: 13,\n                marginBottom: 12,\n                marginTop: 0,\n                color: 'var(--ds-gray-900)',\n                lineHeight: 1.5,\n              }}\n            >\n              Enter a JSON value to send to the hook. Leave empty to send{' '}\n              <code\n                style={{\n                  padding: '2px 6px',\n                  borderRadius: 4,\n                  fontSize: 12,\n                  fontFamily:\n                    'var(--font-mono, ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, monospace)',\n                  background: 'var(--ds-gray-alpha-200)',\n                  color: 'var(--ds-gray-1000)',\n                }}\n              >\n                null\n              </code>\n              .\n            </p>\n            <textarea\n              ref={textareaRef}\n              id=\"json-payload\"\n              value={jsonInput}\n              onChange={(e) => {\n                setJsonInput(e.target.value);\n                setParseError(null);\n              }}\n              onKeyDown={handleKeyDown}\n              disabled={isSubmitting}\n              placeholder='{\"key\": \"value\"}'\n              style={{\n                width: '100%',\n                height: 160,\n                padding: '8px 12px',\n                fontFamily:\n                  'var(--font-mono, ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, monospace)',\n                fontSize: 13,\n                lineHeight: 1.5,\n                borderRadius: 8,\n                border: `1px solid ${parseError ? 'var(--ds-red-700)' : 'var(--ds-gray-alpha-400)'}`,\n                color: 'var(--ds-gray-1000)',\n                background: 'var(--ds-background-100)',\n                outline: 'none',\n                resize: 'none',\n                opacity: isSubmitting ? 0.5 : 1,\n                cursor: isSubmitting ? 'not-allowed' : 'text',\n                boxSizing: 'border-box',\n              }}\n            />\n            {parseError && (\n              <p\n                style={{\n                  marginTop: 8,\n                  fontSize: 13,\n                  color: 'var(--ds-red-900)',\n                  margin: '8px 0 0',\n                }}\n              >\n                {parseError}\n              </p>\n            )}\n            <p\n              style={{\n                marginTop: 8,\n                fontSize: 12,\n                color: 'var(--ds-gray-800)',\n                margin: '8px 0 0',\n              }}\n            >\n              Press{' '}\n              <kbd\n                style={{\n                  padding: '2px 5px',\n                  borderRadius: 4,\n                  fontSize: 11,\n                  fontFamily:\n                    'var(--font-mono, ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, monospace)',\n                  background: 'var(--ds-gray-alpha-200)',\n                  border: '1px solid var(--ds-gray-alpha-400)',\n                }}\n              >\n                {isMacPlatform ? '⌘' : 'Ctrl'}\n                +Enter\n              </kbd>{' '}\n              to submit\n            </p>\n          </div>\n\n          {/* Footer */}\n          <div\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'flex-end',\n              gap: 8,\n              padding: '12px 24px',\n              borderTop: '1px solid var(--ds-gray-alpha-400)',\n            }}\n          >\n            <button\n              type=\"button\"\n              onClick={onClose}\n              disabled={isSubmitting}\n              style={{\n                padding: '8px 16px',\n                fontSize: 14,\n                fontWeight: 500,\n                borderRadius: 8,\n                border: '1px solid var(--ds-gray-alpha-400)',\n                background: 'var(--ds-background-100)',\n                color: 'var(--ds-gray-1000)',\n                cursor: isSubmitting ? 'not-allowed' : 'pointer',\n                opacity: isSubmitting ? 0.5 : 1,\n                transition: 'background 0.15s',\n              }}\n              onMouseEnter={(e) => {\n                e.currentTarget.style.background = 'var(--ds-gray-alpha-100)';\n              }}\n              onMouseLeave={(e) => {\n                e.currentTarget.style.background = 'var(--ds-background-100)';\n              }}\n            >\n              Cancel\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => void submitPayload()}\n              disabled={isSubmitting}\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: 6,\n                padding: '8px 16px',\n                fontSize: 14,\n                fontWeight: 500,\n                borderRadius: 8,\n                border: 'none',\n                background: 'var(--ds-gray-1000)',\n                color: 'var(--ds-background-100)',\n                cursor: isSubmitting ? 'not-allowed' : 'pointer',\n                opacity: isSubmitting ? 0.5 : 1,\n                transition: 'opacity 0.15s',\n              }}\n              onMouseEnter={(e) => {\n                if (!isSubmitting) e.currentTarget.style.opacity = '0.9';\n              }}\n              onMouseLeave={(e) => {\n                if (!isSubmitting) e.currentTarget.style.opacity = '1';\n              }}\n            >\n              <Send style={{ width: 14, height: 14 }} />\n              {isSubmitting ? 'Sending...' : 'Send Payload'}\n            </button>\n          </div>\n        </form>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/components/sidebar/sidebar-data-context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sidebar-data-context.js","sourceRoot":"","sources":["../../../src/components/sidebar/sidebar-data-context.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AAgClE,MAAM,kBAAkB,GAAG,aAAa,CAAiC,IAAI,CAAC,CAAC;AAC/E,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAEtD,MAAM,UAAU,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,GAIT;IACC,OAAO,CACL,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACtC,QAAQ,GACmB,CAC/B,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,cAAc;IAC5B,MAAM,GAAG,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAC3C,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CAAC,0DAA0D,CAAC,CAAC;IAC9E,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED,MAAM,UAAU,sBAAsB;IACpC,OAAO,UAAU,CAAC,kBAAkB,CAAC,CAAC;AACxC,CAAC","sourcesContent":["'use client';\n\nimport { createContext, useContext, type ReactNode } from 'react';\nimport type { Event, Hook, Step, WorkflowRun } from '@workflow/world';\nimport type { SpanSelectionInfo } from './entity-detail-panel';\n\nexport interface SidebarDataContextValue {\n  run: WorkflowRun;\n  events: Event[];\n  spanDetailData: WorkflowRun | Step | Hook | Event | null;\n  spanDetailError?: Error | null;\n  spanDetailLoading?: boolean;\n  onSpanSelect: (info: SpanSelectionInfo) => void;\n  onStreamClick?: (streamId: string) => void;\n  onRunClick?: (runId: string) => void;\n  onWakeUpSleep?: (\n    runId: string,\n    correlationId: string\n  ) => Promise<{ stoppedCount: number }>;\n  onLoadEventData?: (\n    correlationId: string,\n    eventId: string\n  ) => Promise<unknown | null>;\n  onResolveHook?: (\n    hookToken: string,\n    payload: unknown,\n    hook?: Hook\n  ) => Promise<void>;\n  encryptionKey?: Uint8Array;\n  onDecrypt?: () => void;\n  isDecrypting?: boolean;\n  hasEncryptedData?: boolean;\n}\n\nconst SidebarDataContext = createContext<SidebarDataContextValue | null>(null);\nSidebarDataContext.displayName = 'SidebarDataContext';\n\nexport function SidebarDataProvider({\n  value,\n  children,\n}: {\n  value: SidebarDataContextValue;\n  children: ReactNode;\n}) {\n  return (\n    <SidebarDataContext.Provider value={value}>\n      {children}\n    </SidebarDataContext.Provider>\n  );\n}\n\nexport function useSidebarData(): SidebarDataContextValue {\n  const ctx = useContext(SidebarDataContext);\n  if (!ctx) {\n    throw new Error('useSidebarData must be used within a SidebarDataProvider');\n  }\n  return ctx;\n}\n\nexport function useSidebarDataOptional(): SidebarDataContextValue | null {\n  return useContext(SidebarDataContext);\n}\n"]}

package/dist/components/stream-viewer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stream-viewer.js","sourceRoot":"","sources":["../../src/components/stream-viewer.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React, { useEffect, useRef } from 'react';\nimport { Virtuoso, type VirtuosoHandle } from 'react-virtuoso';\nimport { DataInspector } from './ui/data-inspector';\nimport { Skeleton } from './ui/skeleton';\n\n// ──────────────────────────────────────────────────────────────────────────\n// Types\n// ──────────────────────────────────────────────────────────────────────────\n\nexport interface StreamChunk {\n  id: number;\n  value: unknown;\n}\n\ntype Chunk = StreamChunk;\n\ninterface StreamViewerProps {\n  streamId: string;\n  chunks: Chunk[];\n  isLive: boolean;\n  error?: string | null;\n  /** True while the initial stream connection is being established */\n  isLoading?: boolean;\n  /** Called when the user scrolls near the bottom, for triggering pagination */\n  onScrollEnd?: () => void;\n}\n\n// ──────────────────────────────────────────────────────────────────────────\n// Chunk row — memoized to prevent remounts during polling\n// ──────────────────────────────────────────────────────────────────────────\n\nconst ChunkRow = React.memo(function ChunkRow({\n  chunk,\n  index,\n}: {\n  chunk: Chunk;\n  index: number;\n}) {\n  return (\n    <div\n      className=\"text-[11px] rounded-md border p-3\"\n      style={{\n        borderColor: 'var(--ds-gray-300)',\n        backgroundColor: 'var(--ds-gray-100)',\n      }}\n    >\n      <div className=\"flex items-start gap-2\">\n        <span\n          className=\"select-none pt-px\"\n          style={{ color: 'var(--ds-gray-500)' }}\n        >\n          [{index}]\n        </span>\n        <div className=\"min-w-0 flex-1\">\n          {typeof chunk.value === 'string' ? (\n            <span\n              className=\"whitespace-pre-wrap break-words\"\n              style={{ color: 'var(--ds-gray-1000)' }}\n            >\n              {chunk.value}\n            </span>\n          ) : (\n            <DataInspector data={chunk.value} expandLevel={1} />\n          )}\n        </div>\n      </div>\n    </div>\n  );\n});\n\n// ──────────────────────────────────────────────────────────────────────────\n// Skeleton loading\n// ──────────────────────────────────────────────────────────────────────────\n\nfunction StreamSkeleton() {\n  return (\n    <div className=\"flex flex-col gap-3 animate-in fade-in\">\n      <Skeleton style={{ width: 120, height: 16, borderRadius: 4 }} />\n      {[1, 2, 3, 4].map((i) => (\n        <Skeleton key={i} style={{ height: 56, borderRadius: 6 }} />\n      ))}\n    </div>\n  );\n}\n\n// ──────────────────────────────────────────────────────────────────────────\n// Main component\n// ──────────────────────────────────────────────────────────────────────────\n\n/**\n * StreamViewer component that displays real-time stream data.\n * Each chunk is rendered with DataInspector for proper display\n * of complex types (Map, Set, Date, custom classes, etc.).\n */\nexport function StreamViewer({\n  streamId: _streamId,\n  chunks,\n  isLive,\n  error,\n  isLoading,\n  onScrollEnd,\n}: StreamViewerProps) {\n  const virtuosoRef = useRef<VirtuosoHandle>(null);\n  const prevChunkCountRef = useRef(0);\n\n  // Auto-scroll to bottom when new chunks arrive (live streaming)\n  useEffect(() => {\n    if (chunks.length > prevChunkCountRef.current && chunks.length > 0) {\n      virtuosoRef.current?.scrollToIndex({\n        index: chunks.length - 1,\n        align: 'end',\n      });\n    }\n    prevChunkCountRef.current = chunks.length;\n  }, [chunks.length]);\n\n  // Show skeleton when loading and no chunks have arrived yet\n  if (isLoading && chunks.length === 0) {\n    return (\n      <div className=\"flex flex-col h-full\">\n        <StreamSkeleton />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col h-full\">\n      {/* Live indicator */}\n      {isLive && (\n        <div className=\"flex items-center gap-1.5 mb-2 px-1\">\n          <span\n            className=\"inline-block w-2 h-2 rounded-full\"\n            style={{ backgroundColor: 'var(--ds-green-600)' }}\n          />\n          <span className=\"text-xs\" style={{ color: 'var(--ds-green-700)' }}>\n            Live\n          </span>\n        </div>\n      )}\n\n      {/* Header */}\n      {chunks.length > 0 && (\n        <div className=\"flex items-center gap-2 mb-2 px-1\">\n          <span\n            className=\"text-[13px] font-medium\"\n            style={{ color: 'var(--ds-gray-900)' }}\n          >\n            Stream Chunks\n          </span>\n          <span\n            className=\"text-xs tabular-nums\"\n            style={{ color: 'var(--ds-gray-600)' }}\n          >\n            ({chunks.length})\n          </span>\n        </div>\n      )}\n\n      {/* Content */}\n      <div className=\"flex-1 min-h-0\">\n        {error ? (\n          <div\n            className=\"text-[11px] rounded-md border p-3\"\n            style={{\n              borderColor: 'var(--ds-red-300)',\n              backgroundColor: 'var(--ds-red-100)',\n              color: 'var(--ds-red-700)',\n            }}\n          >\n            <div>Error reading stream:</div>\n            <div>{error}</div>\n          </div>\n        ) : chunks.length === 0 ? (\n          <div\n            className=\"text-[11px] rounded-md border p-3\"\n            style={{\n              borderColor: 'var(--ds-gray-300)',\n              backgroundColor: 'var(--ds-gray-100)',\n              color: 'var(--ds-gray-600)',\n            }}\n          >\n            {isLive ? 'Waiting for stream data...' : 'Stream is empty'}\n          </div>\n        ) : (\n          <Virtuoso\n            ref={virtuosoRef}\n            totalCount={chunks.length}\n            overscan={10}\n            endReached={() => onScrollEnd?.()}\n            itemContent={(index) => (\n              <div style={{ paddingBottom: 8 }}>\n                <ChunkRow chunk={chunks[index]} index={index} />\n              </div>\n            )}\n            style={{ flex: 1, minHeight: 0 }}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/components/trace-viewer/components/map.d.ts

@@ -1,8 +0,0 @@
-import { type MutableRefObject } from 'react';
-import type { VisibleSpan } from '../types';
-export declare const MiniMap: import("react").NamedExoticComponent<{
-    timelineRef: MutableRefObject<HTMLDivElement | null>;
-    rows: VisibleSpan[][];
-    scale: number;
-}>;
-//# sourceMappingURL=map.d.ts.map

package/dist/components/trace-viewer/components/map.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"map.d.ts","sourceRoot":"","sources":["../../../../src/components/trace-viewer/components/map.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,gBAAgB,EAMtB,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AA4B5C,eAAO,MAAM,OAAO;iBAKL,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC;UAC9C,WAAW,EAAE,EAAE;WACd,MAAM;EAoLb,CAAC"}

package/dist/components/trace-viewer/components/map.js

@@ -1,162 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useEffect, useLayoutEffect, useRef, useState, } from 'react';
-import { useTraceViewer } from '../context';
-import styles from '../trace-viewer.module.css';
-import { MAP_HEIGHT, TIMELINE_PADDING } from '../util/constants';
-import { useImmediateStyle } from '../util/use-immediate-style';
-const getDpi = () => {
-    if ('devicePixelRatio' in globalThis) {
-        return globalThis.devicePixelRatio || 1;
-    }
-    return 1;
-};
-const useDpi = () => {
-    const [dpi, setDpi] = useState(1);
-    useLayoutEffect(() => {
-        const onChange = () => setDpi(getDpi());
-        const media = matchMedia(`(resolution: ${dpi}dppx)`);
-        media.addEventListener('change', onChange);
-        onChange();
-        return () => {
-            media.removeEventListener('change', onChange);
-        };
-    }, [dpi]);
-    return dpi;
-};
-const padding = TIMELINE_PADDING;
-export const MiniMap = memo(function MiniMap({ timelineRef, rows, scale, }) {
-    const { state: { root, baseScale, timelineWidth, width: fullWidth, scrollbarWidth }, } = useTraceViewer();
-    const mapWidth = fullWidth + TIMELINE_PADDING * 2;
-    const dpi = useDpi();
-    const containerRef = useRef(null);
-    const canvasRef = useRef(null);
-    const thumbRatio = (fullWidth / (fullWidth - scrollbarWidth)) *
-        Math.min(fullWidth / timelineWidth, baseScale / scale);
-    const thumbWidth = Math.min(fullWidth, (timelineWidth - scrollbarWidth) * thumbRatio);
-    useEffect(() => {
-        let isHeld = false;
-        let clientX = 0;
-        let rect;
-        const isValidEventTarget = (target) => {
-            return Boolean(containerRef.current?.contains(target));
-        };
-        let nextFrame = 0;
-        const onFrame = () => {
-            if (!isHeld || !rect)
-                return;
-            const $timeline = timelineRef.current;
-            if (!$timeline)
-                return;
-            const x = clientX - thumbWidth * 0.5 - rect.left;
-            $timeline.scrollLeft = x / thumbRatio;
-        };
-        const onPointerMove = (event) => {
-            ({ clientX } = event);
-            cancelAnimationFrame(nextFrame);
-            nextFrame = requestAnimationFrame(onFrame);
-        };
-        const onPointerDown = (event) => {
-            if (!isValidEventTarget(event.target))
-                return;
-            isHeld = true;
-            rect = containerRef.current?.getBoundingClientRect();
-            onPointerMove(event);
-        };
-        const onPointerUp = () => {
-            isHeld = false;
-            rect = undefined;
-        };
-        const onTouchStart = (event) => {
-            if (!isValidEventTarget(event.target))
-                return;
-            if (event.cancelable) {
-                event.preventDefault();
-            }
-        };
-        const onTouchMove = (event) => {
-            if (!isHeld)
-                return;
-            if (event.cancelable) {
-                event.preventDefault();
-            }
-        };
-        window.addEventListener('pointerdown', onPointerDown);
-        window.addEventListener('pointermove', onPointerMove);
-        window.addEventListener('pointerup', onPointerUp);
-        window.addEventListener('blur', onPointerUp);
-        window.addEventListener('touchstart', onTouchStart, { passive: false });
-        window.addEventListener('touchmove', onTouchMove, { passive: false });
-        return () => {
-            window.removeEventListener('pointerdown', onPointerDown);
-            window.removeEventListener('pointermove', onPointerMove);
-            window.removeEventListener('pointerup', onPointerUp);
-            window.removeEventListener('blur', onPointerUp);
-            window.removeEventListener('touchstart', onTouchStart);
-            window.removeEventListener('touchmove', onTouchMove);
-            cancelAnimationFrame(nextFrame);
-        };
-    }, [timelineRef, thumbRatio, thumbWidth]);
-    useEffect(() => {
-        const canvas = canvasRef.current;
-        const ctx = canvas?.getContext('2d');
-        if (!canvas || !ctx)
-            return;
-        const render = () => {
-            ctx.resetTransform();
-            ctx.clearRect(0, 0, canvas.width, canvas.height);
-            ctx.scale(dpi, dpi);
-            const gap = 1;
-            const height = 3;
-            const ratio = (mapWidth - padding * 2) / root.duration;
-            // TODO: fill spans based on depth
-            ctx.fillStyle = '#ccc';
-            ctx.beginPath();
-            for (const row of rows) {
-                for (const span of row) {
-                    const y = padding - gap + (gap + height) * span.row;
-                    if (y >= MAP_HEIGHT - height - padding)
-                        break;
-                    const x = padding + (span.startTime - root.startTime) * ratio;
-                    const width = span.duration * ratio;
-                    ctx.roundRect(x, y, width, height, height);
-                }
-            }
-            ctx.fill();
-        };
-        const nextFrame = requestAnimationFrame(render);
-        return () => cancelAnimationFrame(nextFrame);
-    }, [dpi, root, mapWidth, rows]);
-    const thumbRef = useRef(null);
-    const { style: thumbStyle, setStyle: setThumbStyle } = useImmediateStyle(thumbRef);
-    useLayoutEffect(() => {
-        const $timeline = timelineRef.current;
-        if (!$timeline)
-            return;
-        let nextFrame = 0;
-        const onFrame = () => {
-            setThumbStyle('transform', `translateX(${padding + $timeline.scrollLeft * thumbRatio}px)`);
-        };
-        onFrame();
-        const onScroll = () => {
-            cancelAnimationFrame(nextFrame);
-            nextFrame = requestAnimationFrame(onFrame);
-        };
-        $timeline.addEventListener('scroll', onScroll);
-        return () => {
-            cancelAnimationFrame(nextFrame);
-            $timeline.removeEventListener('scroll', onScroll);
-        };
-    }, [timelineRef, thumbRatio, setThumbStyle]);
-    return (_jsxs("div", { className: styles.mapContainer, ref: containerRef, style: {
-            width: thumbWidth > 0 ? mapWidth : '100%',
-            height: MAP_HEIGHT,
-        }, children: [_jsx("canvas", { className: styles.mapCanvas, height: MAP_HEIGHT * dpi, ref: canvasRef, style: { width: mapWidth, height: MAP_HEIGHT }, width: mapWidth * dpi }), _jsx("div", { className: styles.mapThumb, ref: thumbRef, style: {
-                    transform: thumbStyle.transform,
-                    width: thumbWidth > 0
-                        ? thumbWidth
-                        : `calc(100% - ${TIMELINE_PADDING * 2}px)`,
-                    top: 2,
-                    height: MAP_HEIGHT - 4,
-                } })] }));
-});
-//# sourceMappingURL=map.js.map

package/dist/components/trace-viewer/components/map.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"map.js","sourceRoot":"","sources":["../../../../src/components/trace-viewer/components/map.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,IAAI,EACJ,SAAS,EACT,eAAe,EACf,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAEhD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAEhE,MAAM,MAAM,GAAG,GAAW,EAAE;IAC1B,IAAI,kBAAkB,IAAI,UAAU,EAAE,CAAC;QACrC,OAAO,UAAU,CAAC,gBAAgB,IAAI,CAAC,CAAC;IAC1C,CAAC;IACD,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,GAAW,EAAE;IAC1B,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAClC,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,QAAQ,GAAG,GAAS,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC;QAC9C,MAAM,KAAK,GAAG,UAAU,CAAC,gBAAgB,GAAG,OAAO,CAAC,CAAC;QACrD,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC3C,QAAQ,EAAE,CAAC;QAEX,OAAO,GAAG,EAAE;YACV,KAAK,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAChD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACV,OAAO,GAAG,CAAC;AACb,CAAC,CAAC;AAEF,MAAM,OAAO,GAAG,gBAAgB,CAAC;AAEjC,MAAM,CAAC,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,OAAO,CAAC,EAC3C,WAAW,EACX,IAAI,EACJ,KAAK,GAKN;IACC,MAAM,EACJ,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,GAC5E,GAAG,cAAc,EAAE,CAAC;IACrB,MAAM,QAAQ,GAAG,SAAS,GAAG,gBAAgB,GAAG,CAAC,CAAC;IAClD,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;IACrB,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAElD,MAAM,UAAU,GACd,CAAC,SAAS,GAAG,CAAC,SAAS,GAAG,cAAc,CAAC,CAAC;QAC1C,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,aAAa,EAAE,SAAS,GAAG,KAAK,CAAC,CAAC;IACzD,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CACzB,SAAS,EACT,CAAC,aAAa,GAAG,cAAc,CAAC,GAAG,UAAU,CAC9C,CAAC;IACF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,GAAG,KAAK,CAAC;QACnB,IAAI,OAAO,GAAG,CAAC,CAAC;QAChB,IAAI,IAAyB,CAAC;QAE9B,MAAM,kBAAkB,GAAG,CAAC,MAA0B,EAAW,EAAE;YACjE,OAAO,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,QAAQ,CAAC,MAAqB,CAAC,CAAC,CAAC;QACxE,CAAC,CAAC;QAEF,IAAI,SAAS,GAAG,CAAC,CAAC;QAClB,MAAM,OAAO,GAAG,GAAS,EAAE;YACzB,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI;gBAAE,OAAO;YAC7B,MAAM,SAAS,GAAG,WAAW,CAAC,OAAO,CAAC;YACtC,IAAI,CAAC,SAAS;gBAAE,OAAO;YAEvB,MAAM,CAAC,GAAG,OAAO,GAAG,UAAU,GAAG,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC;YACjD,SAAS,CAAC,UAAU,GAAG,CAAC,GAAG,UAAU,CAAC;QACxC,CAAC,CAAC;QAEF,MAAM,aAAa,GAAG,CAAC,KAAmB,EAAQ,EAAE;YAClD,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,CAAC;YACtB,oBAAoB,CAAC,SAAS,CAAC,CAAC;YAChC,SAAS,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;QAC7C,CAAC,CAAC;QAEF,MAAM,aAAa,GAAG,CAAC,KAAmB,EAAQ,EAAE;YAClD,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,MAAM,CAAC;gBAAE,OAAO;YAC9C,MAAM,GAAG,IAAI,CAAC;YACd,IAAI,GAAG,YAAY,CAAC,OAAO,EAAE,qBAAqB,EAAE,CAAC;YACrD,aAAa,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC;QAEF,MAAM,WAAW,GAAG,GAAS,EAAE;YAC7B,MAAM,GAAG,KAAK,CAAC;YACf,IAAI,GAAG,SAAS,CAAC;QACnB,CAAC,CAAC;QAEF,MAAM,YAAY,GAAG,CAAC,KAAiB,EAAQ,EAAE;YAC/C,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,MAAM,CAAC;gBAAE,OAAO;YAC9C,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;gBACrB,KAAK,CAAC,cAAc,EAAE,CAAC;YACzB,CAAC;QACH,CAAC,CAAC;QACF,MAAM,WAAW,GAAG,CAAC,KAAiB,EAAQ,EAAE;YAC9C,IAAI,CAAC,MAAM;gBAAE,OAAO;YACpB,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;gBACrB,KAAK,CAAC,cAAc,EAAE,CAAC;YACzB,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;QACtD,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;QACtD,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QAClD,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;QAC7C,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;QACxE,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;QAEtE,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;YACzD,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;YACzD,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;YACrD,MAAM,CAAC,mBAAmB,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;YAChD,MAAM,CAAC,mBAAmB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;YACvD,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;YACrD,oBAAoB,CAAC,SAAS,CAAC,CAAC;QAClC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;IAE1C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,MAAM,GAAG,GAAG,MAAM,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;QACrC,IAAI,CAAC,MAAM,IAAI,CAAC,GAAG;YAAE,OAAO;QAE5B,MAAM,MAAM,GAAG,GAAS,EAAE;YACxB,GAAG,CAAC,cAAc,EAAE,CAAC;YACrB,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;YACjD,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;YAEpB,MAAM,GAAG,GAAG,CAAC,CAAC;YACd,MAAM,MAAM,GAAG,CAAC,CAAC;YACjB,MAAM,KAAK,GAAG,CAAC,QAAQ,GAAG,OAAO,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC;YAEvD,kCAAkC;YAClC,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC;YACvB,GAAG,CAAC,SAAS,EAAE,CAAC;YAChB,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;gBACvB,KAAK,MAAM,IAAI,IAAI,GAAG,EAAE,CAAC;oBACvB,MAAM,CAAC,GAAG,OAAO,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC;oBACpD,IAAI,CAAC,IAAI,UAAU,GAAG,MAAM,GAAG,OAAO;wBAAE,MAAM;oBAE9C,MAAM,CAAC,GAAG,OAAO,GAAG,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC;oBAC9D,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;oBAEpC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;gBAC7C,CAAC;YACH,CAAC;YACD,GAAG,CAAC,IAAI,EAAE,CAAC;QACb,CAAC,CAAC;QAEF,MAAM,SAAS,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAC;QAEhD,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;IAEhC,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,GAClD,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IAC9B,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,SAAS,GAAG,WAAW,CAAC,OAAO,CAAC;QACtC,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,IAAI,SAAS,GAAG,CAAC,CAAC;QAClB,MAAM,OAAO,GAAG,GAAS,EAAE;YACzB,aAAa,CACX,WAAW,EACX,cAAc,OAAO,GAAG,SAAS,CAAC,UAAU,GAAG,UAAU,KAAK,CAC/D,CAAC;QACJ,CAAC,CAAC;QACF,OAAO,EAAE,CAAC;QAEV,MAAM,QAAQ,GAAG,GAAS,EAAE;YAC1B,oBAAoB,CAAC,SAAS,CAAC,CAAC;YAChC,SAAS,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;QAC7C,CAAC,CAAC;QACF,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAE/C,OAAO,GAAG,EAAE;YACV,oBAAoB,CAAC,SAAS,CAAC,CAAC;YAChC,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACpD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC;IAE7C,OAAO,CACL,eACE,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE;YACL,KAAK,EAAE,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;YACzC,MAAM,EAAE,UAAU;SACnB,aAED,iBACE,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,MAAM,EAAE,UAAU,GAAG,GAAG,EACxB,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,EAC9C,KAAK,EAAE,QAAQ,GAAG,GAAG,GACrB,EACF,cACE,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE;oBACL,SAAS,EAAE,UAAU,CAAC,SAAS;oBAC/B,KAAK,EACH,UAAU,GAAG,CAAC;wBACZ,CAAC,CAAC,UAAU;wBACZ,CAAC,CAAC,eAAe,gBAAgB,GAAG,CAAC,KAAK;oBAC9C,GAAG,EAAE,CAAC;oBACN,MAAM,EAAE,UAAU,GAAG,CAAC;iBACvB,GACD,IACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import {\n  type MutableRefObject,\n  memo,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useTraceViewer } from '../context';\nimport styles from '../trace-viewer.module.css';\nimport type { VisibleSpan } from '../types';\nimport { MAP_HEIGHT, TIMELINE_PADDING } from '../util/constants';\nimport { useImmediateStyle } from '../util/use-immediate-style';\n\nconst getDpi = (): number => {\n  if ('devicePixelRatio' in globalThis) {\n    return globalThis.devicePixelRatio || 1;\n  }\n  return 1;\n};\n\nconst useDpi = (): number => {\n  const [dpi, setDpi] = useState(1);\n  useLayoutEffect(() => {\n    const onChange = (): void => setDpi(getDpi());\n    const media = matchMedia(`(resolution: ${dpi}dppx)`);\n    media.addEventListener('change', onChange);\n    onChange();\n\n    return () => {\n      media.removeEventListener('change', onChange);\n    };\n  }, [dpi]);\n  return dpi;\n};\n\nconst padding = TIMELINE_PADDING;\n\nexport const MiniMap = memo(function MiniMap({\n  timelineRef,\n  rows,\n  scale,\n}: {\n  timelineRef: MutableRefObject<HTMLDivElement | null>;\n  rows: VisibleSpan[][];\n  scale: number;\n}) {\n  const {\n    state: { root, baseScale, timelineWidth, width: fullWidth, scrollbarWidth },\n  } = useTraceViewer();\n  const mapWidth = fullWidth + TIMELINE_PADDING * 2;\n  const dpi = useDpi();\n  const containerRef = useRef<HTMLDivElement>(null);\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n\n  const thumbRatio =\n    (fullWidth / (fullWidth - scrollbarWidth)) *\n    Math.min(fullWidth / timelineWidth, baseScale / scale);\n  const thumbWidth = Math.min(\n    fullWidth,\n    (timelineWidth - scrollbarWidth) * thumbRatio\n  );\n  useEffect(() => {\n    let isHeld = false;\n    let clientX = 0;\n    let rect: DOMRect | undefined;\n\n    const isValidEventTarget = (target: EventTarget | null): boolean => {\n      return Boolean(containerRef.current?.contains(target as HTMLElement));\n    };\n\n    let nextFrame = 0;\n    const onFrame = (): void => {\n      if (!isHeld || !rect) return;\n      const $timeline = timelineRef.current;\n      if (!$timeline) return;\n\n      const x = clientX - thumbWidth * 0.5 - rect.left;\n      $timeline.scrollLeft = x / thumbRatio;\n    };\n\n    const onPointerMove = (event: PointerEvent): void => {\n      ({ clientX } = event);\n      cancelAnimationFrame(nextFrame);\n      nextFrame = requestAnimationFrame(onFrame);\n    };\n\n    const onPointerDown = (event: PointerEvent): void => {\n      if (!isValidEventTarget(event.target)) return;\n      isHeld = true;\n      rect = containerRef.current?.getBoundingClientRect();\n      onPointerMove(event);\n    };\n\n    const onPointerUp = (): void => {\n      isHeld = false;\n      rect = undefined;\n    };\n\n    const onTouchStart = (event: TouchEvent): void => {\n      if (!isValidEventTarget(event.target)) return;\n      if (event.cancelable) {\n        event.preventDefault();\n      }\n    };\n    const onTouchMove = (event: TouchEvent): void => {\n      if (!isHeld) return;\n      if (event.cancelable) {\n        event.preventDefault();\n      }\n    };\n\n    window.addEventListener('pointerdown', onPointerDown);\n    window.addEventListener('pointermove', onPointerMove);\n    window.addEventListener('pointerup', onPointerUp);\n    window.addEventListener('blur', onPointerUp);\n    window.addEventListener('touchstart', onTouchStart, { passive: false });\n    window.addEventListener('touchmove', onTouchMove, { passive: false });\n\n    return () => {\n      window.removeEventListener('pointerdown', onPointerDown);\n      window.removeEventListener('pointermove', onPointerMove);\n      window.removeEventListener('pointerup', onPointerUp);\n      window.removeEventListener('blur', onPointerUp);\n      window.removeEventListener('touchstart', onTouchStart);\n      window.removeEventListener('touchmove', onTouchMove);\n      cancelAnimationFrame(nextFrame);\n    };\n  }, [timelineRef, thumbRatio, thumbWidth]);\n\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    const ctx = canvas?.getContext('2d');\n    if (!canvas || !ctx) return;\n\n    const render = (): void => {\n      ctx.resetTransform();\n      ctx.clearRect(0, 0, canvas.width, canvas.height);\n      ctx.scale(dpi, dpi);\n\n      const gap = 1;\n      const height = 3;\n      const ratio = (mapWidth - padding * 2) / root.duration;\n\n      // TODO: fill spans based on depth\n      ctx.fillStyle = '#ccc';\n      ctx.beginPath();\n      for (const row of rows) {\n        for (const span of row) {\n          const y = padding - gap + (gap + height) * span.row;\n          if (y >= MAP_HEIGHT - height - padding) break;\n\n          const x = padding + (span.startTime - root.startTime) * ratio;\n          const width = span.duration * ratio;\n\n          ctx.roundRect(x, y, width, height, height);\n        }\n      }\n      ctx.fill();\n    };\n\n    const nextFrame = requestAnimationFrame(render);\n\n    return () => cancelAnimationFrame(nextFrame);\n  }, [dpi, root, mapWidth, rows]);\n\n  const thumbRef = useRef<HTMLDivElement>(null);\n  const { style: thumbStyle, setStyle: setThumbStyle } =\n    useImmediateStyle(thumbRef);\n  useLayoutEffect(() => {\n    const $timeline = timelineRef.current;\n    if (!$timeline) return;\n\n    let nextFrame = 0;\n    const onFrame = (): void => {\n      setThumbStyle(\n        'transform',\n        `translateX(${padding + $timeline.scrollLeft * thumbRatio}px)`\n      );\n    };\n    onFrame();\n\n    const onScroll = (): void => {\n      cancelAnimationFrame(nextFrame);\n      nextFrame = requestAnimationFrame(onFrame);\n    };\n    $timeline.addEventListener('scroll', onScroll);\n\n    return () => {\n      cancelAnimationFrame(nextFrame);\n      $timeline.removeEventListener('scroll', onScroll);\n    };\n  }, [timelineRef, thumbRatio, setThumbStyle]);\n\n  return (\n    <div\n      className={styles.mapContainer}\n      ref={containerRef}\n      style={{\n        width: thumbWidth > 0 ? mapWidth : '100%',\n        height: MAP_HEIGHT,\n      }}\n    >\n      <canvas\n        className={styles.mapCanvas}\n        height={MAP_HEIGHT * dpi}\n        ref={canvasRef}\n        style={{ width: mapWidth, height: MAP_HEIGHT }}\n        width={mapWidth * dpi}\n      />\n      <div\n        className={styles.mapThumb}\n        ref={thumbRef}\n        style={{\n          transform: thumbStyle.transform,\n          width:\n            thumbWidth > 0\n              ? thumbWidth\n              : `calc(100% - ${TIMELINE_PADDING * 2}px)`,\n          top: 2,\n          height: MAP_HEIGHT - 4,\n        }}\n      />\n    </div>\n  );\n});\n"]}

package/dist/components/trace-viewer/components/markers.d.ts

@@ -1,23 +0,0 @@
-import type { Dispatch, MutableRefObject, ReactNode } from 'react';
-import { type TraceViewerAction } from '../context';
-import type { MemoCache, RootNode, ScrollSnapshot, VisibleSpan, VisibleSpanEvent } from '../types';
-export declare function Markers({ scale, isLive, }: {
-    scale: number;
-    isLive?: boolean;
-}): ReactNode;
-export declare function EventMarkers({ events, root, scale, }: {
-    events: VisibleSpanEvent[];
-    root: RootNode;
-    scale: number;
-}): ReactNode;
-export declare function CursorMarker({ memoCacheRef, timelineRef, root, spans, events, scale, dispatch, scrollSnapshotRef, }: {
-    memoCacheRef: MutableRefObject<MemoCache>;
-    timelineRef: MutableRefObject<HTMLDivElement | null>;
-    root: RootNode;
-    spans: VisibleSpan[];
-    events: VisibleSpanEvent[];
-    scale: number;
-    dispatch: Dispatch<TraceViewerAction>;
-    scrollSnapshotRef: MutableRefObject<ScrollSnapshot | undefined>;
-}): ReactNode;
-//# sourceMappingURL=markers.d.ts.map

package/dist/components/trace-viewer/components/markers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"markers.d.ts","sourceRoot":"","sources":["../../../../src/components/trace-viewer/components/markers.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,QAAQ,EACR,gBAAgB,EAChB,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,iBAAiB,EAAkB,MAAM,YAAY,CAAC;AAEpE,OAAO,KAAK,EACV,SAAS,EACT,QAAQ,EACR,cAAc,EACd,WAAW,EACX,gBAAgB,EACjB,MAAM,UAAU,CAAC;AA+BlB,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,MAAc,GACf,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,SAAS,CAyEZ;AAED,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,IAAI,EACJ,KAAK,GACN,EAAE;IACD,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,SAAS,CAiCZ;AASD,wBAAgB,YAAY,CAAC,EAC3B,YAAY,EACZ,WAAW,EACX,IAAI,EACJ,KAAK,EACL,MAAM,EACN,KAAK,EACL,QAAQ,EACR,iBAAiB,GAClB,EAAE;IACD,YAAY,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;IAC1C,WAAW,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IACtC,iBAAiB,EAAE,gBAAgB,CAAC,cAAc,GAAG,SAAS,CAAC,CAAC;CACjE,GAAG,SAAS,CA6ZZ"}