@guidemode/session-processing 0.1.43

package/dist/esm/ui/components/phase/PhaseTimeline.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * PhaseTimeline - Main phase timeline container
+ */
+import { PhaseBlock } from './PhaseBlock.js';
+export function PhaseTimeline({ phaseAnalysis }) {
+    const { phases, totalPhases, totalSteps, sessionDurationMs, pattern } = phaseAnalysis;
+    const formatDuration = (ms) => {
+        const seconds = Math.floor(ms / 1000);
+        const minutes = Math.floor(seconds / 60);
+        const hours = Math.floor(minutes / 60);
+        if (hours > 0) {
+            return `${hours}h ${minutes % 60}m`;
+        }
+        if (minutes > 0) {
+            return `${minutes}m`;
+        }
+        return `${seconds}s`;
+    };
+    return (_jsxs("div", { className: "space-y-3", children: [_jsx("div", { className: "card bg-base-100 border border-base-300", children: _jsxs("div", { className: "card-body p-3", children: [_jsx("h3", { className: "text-sm font-semibold mb-2", children: "Session Flow" }), _jsxs("div", { className: "grid grid-cols-3 gap-2", children: [_jsxs("div", { className: "stat bg-base-200 rounded-lg p-2", children: [_jsx("div", { className: "stat-title text-xs", children: "Total Phases" }), _jsx("div", { className: "stat-value text-sm", children: totalPhases })] }), _jsxs("div", { className: "stat bg-base-200 rounded-lg p-2", children: [_jsx("div", { className: "stat-title text-xs", children: "Total Steps" }), _jsx("div", { className: "stat-value text-sm", children: totalSteps })] }), _jsxs("div", { className: "stat bg-base-200 rounded-lg p-2", children: [_jsx("div", { className: "stat-title text-xs", children: "Duration" }), _jsx("div", { className: "stat-value text-sm", children: formatDuration(sessionDurationMs) })] })] }), pattern && (_jsxs("div", { className: "mt-2 p-2.5 bg-base-200/50 rounded-lg", children: [_jsx("div", { className: "text-xs font-medium text-base-content/70 mb-1", children: "Pattern" }), _jsx("div", { className: "text-xs text-base-content/80 font-mono break-words", children: pattern })] }))] }) }), _jsx("div", { children: phases.map(phase => (_jsx(PhaseBlock, { phase: phase }, `${phase.phaseType}-${phase.startStep}-${phase.endStep}`))) })] }));
+}
+//# sourceMappingURL=PhaseTimeline.js.map

package/dist/esm/ui/components/phase/PhaseTimeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhaseTimeline.js","sourceRoot":"","sources":["../../../../../src/ui/components/phase/PhaseTimeline.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAe5C,MAAM,UAAU,aAAa,CAAC,EAAE,aAAa,EAAsB;IACjE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,iBAAiB,EAAE,OAAO,EAAE,GAAG,aAAa,CAAA;IAErF,MAAM,cAAc,GAAG,CAAC,EAAU,EAAU,EAAE;QAC5C,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC,CAAA;QACrC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAA;QACxC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAA;QAEtC,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;YACd,OAAO,GAAG,KAAK,KAAK,OAAO,GAAG,EAAE,GAAG,CAAA;QACrC,CAAC;QACD,IAAI,OAAO,GAAG,CAAC,EAAE,CAAC;YAChB,OAAO,GAAG,OAAO,GAAG,CAAA;QACtB,CAAC;QACD,OAAO,GAAG,OAAO,GAAG,CAAA;IACtB,CAAC,CAAA;IAED,OAAO,CACL,eAAK,SAAS,EAAC,WAAW,aAExB,cAAK,SAAS,EAAC,yCAAyC,YACtD,eAAK,SAAS,EAAC,eAAe,aAC5B,aAAI,SAAS,EAAC,4BAA4B,6BAAkB,EAC5D,eAAK,SAAS,EAAC,wBAAwB,aACrC,eAAK,SAAS,EAAC,iCAAiC,aAC9C,cAAK,SAAS,EAAC,oBAAoB,6BAAmB,EACtD,cAAK,SAAS,EAAC,oBAAoB,YAAE,WAAW,GAAO,IACnD,EACN,eAAK,SAAS,EAAC,iCAAiC,aAC9C,cAAK,SAAS,EAAC,oBAAoB,4BAAkB,EACrD,cAAK,SAAS,EAAC,oBAAoB,YAAE,UAAU,GAAO,IAClD,EACN,eAAK,SAAS,EAAC,iCAAiC,aAC9C,cAAK,SAAS,EAAC,oBAAoB,yBAAe,EAClD,cAAK,SAAS,EAAC,oBAAoB,YAAE,cAAc,CAAC,iBAAiB,CAAC,GAAO,IACzE,IACF,EACL,OAAO,IAAI,CACV,eAAK,SAAS,EAAC,sCAAsC,aACnD,cAAK,SAAS,EAAC,+CAA+C,wBAAc,EAC5E,cAAK,SAAS,EAAC,oDAAoD,YAAE,OAAO,GAAO,IAC/E,CACP,IACG,GACF,EAGN,wBACG,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CACnB,KAAC,UAAU,IAET,KAAK,EAAE,KAAK,IADP,GAAG,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,OAAO,EAAE,CAE7D,CACH,CAAC,GACE,IACF,CACP,CAAA;AACH,CAAC"}

package/dist/esm/ui/components/phase/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Phase Timeline Components
+ */
+export { PhaseTimeline } from './PhaseTimeline.js';
+export { PhaseBlock } from './PhaseBlock.js';
+export { PhaseHeader } from './PhaseHeader.js';
+export { PhaseStats } from './PhaseStats.js';
+export { PhaseSummary } from './PhaseSummary.js';
+export { getPhaseIcon, getPhaseColor, getPhaseBorderColor, formatPhaseType, type SessionPhaseType, } from './PhaseIcon.js';
+export type { SessionPhase } from './PhaseBlock.js';
+export type { SessionPhaseAnalysis } from './PhaseTimeline.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/ui/components/phase/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/phase/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,EACL,YAAY,EACZ,aAAa,EACb,mBAAmB,EACnB,eAAe,EACf,KAAK,gBAAgB,GACtB,MAAM,gBAAgB,CAAA;AAEvB,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACnD,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/esm/ui/components/phase/index.js

@@ -0,0 +1,10 @@
+/**
+ * Phase Timeline Components
+ */
+export { PhaseTimeline } from './PhaseTimeline.js';
+export { PhaseBlock } from './PhaseBlock.js';
+export { PhaseHeader } from './PhaseHeader.js';
+export { PhaseStats } from './PhaseStats.js';
+export { PhaseSummary } from './PhaseSummary.js';
+export { getPhaseIcon, getPhaseColor, getPhaseBorderColor, formatPhaseType, } from './PhaseIcon.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/components/phase/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/phase/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,EACL,YAAY,EACZ,aAAa,EACb,mBAAmB,EACnB,eAAe,GAEhB,MAAM,gBAAgB,CAAA"}

package/dist/esm/ui/components/timeline/ContentRenderer.d.ts

@@ -0,0 +1,10 @@
+/**
+ * ContentRenderer - Routes content blocks to appropriate renderer components
+ */
+import type { ContentBlock } from '../../utils/timelineTypes.js';
+interface ContentRendererProps {
+    blocks: ContentBlock[];
+}
+export declare function ContentRenderer({ blocks }: ContentRendererProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ContentRenderer.d.ts.map

package/dist/esm/ui/components/timeline/ContentRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/timeline/ContentRenderer.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAWhE,UAAU,oBAAoB;IAC5B,MAAM,EAAE,YAAY,EAAE,CAAA;CACvB;AAsCD,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,EAAE,oBAAoB,2CA8E/D"}

package/dist/esm/ui/components/timeline/ContentRenderer.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CodeBlock, ImageBlock, JsonBlock, TextBlock, ThinkingBlock, ToolBlock, ToolResultBlock, } from './blocks/index.js';
+// Helper function to generate stable keys for content blocks
+function getBlockKey(block, index) {
+    // Generate a stable key based on block type and content
+    let contentHash = '';
+    switch (block.type) {
+        case 'text':
+        case 'code':
+        case 'image':
+            // These are guaranteed to be strings by the ContentBlock type
+            contentHash = block.content.substring(0, 50);
+            break;
+        case 'tool_result':
+            // Should be string, but handle cases where it might not be
+            contentHash =
+                typeof block.content === 'string'
+                    ? block.content.substring(0, 50)
+                    : JSON.stringify(block.content).substring(0, 50);
+            break;
+        case 'json':
+            contentHash =
+                typeof block.content === 'string'
+                    ? block.content.substring(0, 50)
+                    : JSON.stringify(block.content).substring(0, 50);
+            break;
+        case 'tool_use':
+            contentHash = block.content.name;
+            break;
+        case 'thinking':
+            contentHash = block.content.length > 0 ? block.content[0].subject : '';
+            break;
+    }
+    return `${block.type}-${index}-${contentHash.replace(/\s/g, '')}`;
+}
+export function ContentRenderer({ blocks }) {
+    if (blocks.length === 0) {
+        return _jsx("div", { className: "text-sm text-base-content/50", children: "No content" });
+    }
+    return (_jsx("div", { className: "space-y-3", children: blocks.map((block, index) => {
+            const key = getBlockKey(block, index);
+            // Type narrowing through switch - no type assertions needed!
+            switch (block.type) {
+                case 'text':
+                    // TypeScript knows block.content is string here
+                    return _jsx(TextBlock, { content: block.content }, key);
+                case 'code':
+                    // TypeScript knows block.content is string and metadata has language
+                    return (_jsx(CodeBlock, { content: block.content, language: block.metadata?.language }, key));
+                case 'image':
+                    // TypeScript knows block.content is string and metadata has format
+                    return _jsx(ImageBlock, { content: block.content, format: block.metadata?.format }, key);
+                case 'json':
+                    // TypeScript knows block.content is string | unknown
+                    return (_jsx(JsonBlock, { content: typeof block.content === 'string' ? block.content : JSON.stringify(block.content), collapsed: block.metadata?.collapsed }, key));
+                case 'tool_use':
+                    // TypeScript knows block.content is { name: string; input: Record<string, unknown> }
+                    return (_jsx(ToolBlock, { content: block.content, collapsed: block.metadata?.collapsed }, key));
+                case 'tool_result':
+                    // TypeScript knows block.content can be string, array, or object
+                    return (_jsx(ToolResultBlock, { content: block.content, collapsed: block.metadata?.collapsed, toolName: block.metadata?.toolName }, key));
+                case 'thinking':
+                    // TypeScript knows block.content is Array<{ subject, description, timestamp }>
+                    return (_jsx(ThinkingBlock, { content: block.content, collapsed: block.metadata?.collapsed }, key));
+                default: {
+                    // Exhaustiveness check - TypeScript will error if we miss a case
+                    const _exhaustive = block;
+                    return (_jsx("div", { className: "text-sm text-base-content/50", children: "Unknown content type" }, key));
+                }
+            }
+        }) }));
+}
+//# sourceMappingURL=ContentRenderer.js.map

package/dist/esm/ui/components/timeline/ContentRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentRenderer.js","sourceRoot":"","sources":["../../../../../src/ui/components/timeline/ContentRenderer.tsx"],"names":[],"mappings":"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"}

package/dist/esm/ui/components/timeline/DebugModal.d.ts

@@ -0,0 +1,14 @@
+/**
+ * DebugModal - Modal for displaying raw JSONL message data
+ * Useful for debugging session processing issues
+ */
+import type { BaseSessionMessage } from '../../utils/sessionTypes.js';
+interface DebugModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    message: BaseSessionMessage;
+    messageDisplayType?: string;
+}
+export declare function DebugModal({ isOpen, onClose, message, messageDisplayType }: DebugModalProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=DebugModal.d.ts.map

package/dist/esm/ui/components/timeline/DebugModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DebugModal.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/timeline/DebugModal.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAErE,UAAU,eAAe;IACvB,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,EAAE,kBAAkB,CAAA;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAE,EAAE,eAAe,kDAiG3F"}

package/dist/esm/ui/components/timeline/DebugModal.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * DebugModal - Modal for displaying raw JSONL message data
+ * Useful for debugging session processing issues
+ */
+import { CheckIcon, ClipboardIcon, XMarkIcon } from '@heroicons/react/24/outline';
+import { useState } from 'react';
+export function DebugModal({ isOpen, onClose, message, messageDisplayType }) {
+    const [copySuccess, setCopySuccess] = useState(false);
+    const handleCopyToClipboard = async () => {
+        try {
+            const jsonString = JSON.stringify(message, null, 2);
+            await navigator.clipboard.writeText(jsonString);
+            setCopySuccess(true);
+            setTimeout(() => setCopySuccess(false), 2000);
+        }
+        catch (error) {
+            console.error('Failed to copy to clipboard:', error);
+            alert('Failed to copy to clipboard. Please try again.');
+        }
+    };
+    if (!isOpen)
+        return null;
+    const jsonString = JSON.stringify(message, null, 2);
+    return (_jsxs("div", { className: "modal modal-open", children: [_jsxs("div", { className: "modal-box w-full h-full max-w-full md:max-w-6xl md:h-auto max-h-full md:max-h-[90vh] rounded-none md:rounded-2xl overflow-hidden m-0! md:m-auto! top-0! md:top-auto! flex flex-col", children: [_jsxs("div", { className: "flex items-center justify-between mb-4 flex-shrink-0", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg md:text-xl font-bold", children: "Debug: Raw JSONL Message" }), _jsxs("div", { className: "text-sm text-base-content/60 mt-1", children: ["Message ID:", ' ', _jsx("code", { className: "text-xs bg-base-200 px-1 py-0.5 rounded", children: message.id }), messageDisplayType && (_jsxs("span", { className: "ml-3", children: ["Display Type:", ' ', _jsx("code", { className: "text-xs bg-base-200 px-1 py-0.5 rounded", children: messageDisplayType })] }))] })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx("button", { type: "button", onClick: handleCopyToClipboard, className: "btn btn-sm btn-ghost gap-2", disabled: copySuccess, children: copySuccess ? (_jsxs(_Fragment, { children: [_jsx(CheckIcon, { className: "w-4 h-4 text-success" }), "Copied!"] })) : (_jsxs(_Fragment, { children: [_jsx(ClipboardIcon, { className: "w-4 h-4" }), "Copy"] })) }), _jsx("button", { type: "button", onClick: onClose, className: "btn btn-sm btn-circle btn-ghost", children: _jsx(XMarkIcon, { className: "w-5 h-5" }) })] })] }), _jsx("div", { className: "flex-1 overflow-auto bg-base-200 rounded-lg p-4", children: _jsx("pre", { className: "text-xs font-mono whitespace-pre-wrap break-words", children: jsonString }) }), _jsxs("div", { className: "mt-4 p-3 bg-info/10 rounded-lg text-xs text-info flex-shrink-0", children: [_jsx("p", { className: "font-semibold mb-1", children: "\uD83D\uDCA1 Debugging Tips:" }), _jsxs("ul", { className: "list-disc list-inside space-y-1 text-info/80", children: [_jsxs("li", { children: ["Check the ", _jsx("code", { className: "bg-base-200 px-1 rounded", children: "type" }), " field to understand message classification"] }), _jsxs("li", { children: ["Verify ", _jsx("code", { className: "bg-base-200 px-1 rounded", children: "content" }), " structure matches expected format"] }), _jsxs("li", { children: ["Look for ", _jsx("code", { className: "bg-base-200 px-1 rounded", children: "metadata" }), " to debug provider-specific issues"] }), _jsxs("li", { children: ["Compare ", _jsx("code", { className: "bg-base-200 px-1 rounded", children: "timestamp" }), " values to identify ordering issues"] })] })] })] }), _jsx("div", { className: "modal-backdrop bg-black/70", onClick: onClose })] }));
+}
+//# sourceMappingURL=DebugModal.js.map

package/dist/esm/ui/components/timeline/DebugModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DebugModal.js","sourceRoot":"","sources":["../../../../../src/ui/components/timeline/DebugModal.tsx"],"names":[],"mappings":"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"}

package/dist/esm/ui/components/timeline/MessageHeader.d.ts

@@ -0,0 +1,11 @@
+/**
+ * MessageHeader - Reusable header component for timeline messages
+ */
+import type { DisplayMetadata } from '../../utils/timelineTypes.js';
+interface MessageHeaderProps {
+    displayMetadata: DisplayMetadata;
+    onIconClick?: (event: React.MouseEvent) => void;
+}
+export declare function MessageHeader({ displayMetadata, onIconClick }: MessageHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MessageHeader.d.ts.map

package/dist/esm/ui/components/timeline/MessageHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageHeader.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/timeline/MessageHeader.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAEnE,UAAU,kBAAkB;IAC1B,eAAe,EAAE,eAAe,CAAA;IAChC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;CAChD;AAED,wBAAgB,aAAa,CAAC,EAAE,eAAe,EAAE,WAAW,EAAE,EAAE,kBAAkB,2CA2BjF"}

package/dist/esm/ui/components/timeline/MessageHeader.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function MessageHeader({ displayMetadata, onIconClick }) {
+    const { icon, IconComponent, iconColor, title, badge } = displayMetadata;
+    const iconElement = IconComponent ? (_jsx(IconComponent, { className: `w-5 h-5 ${iconColor || 'text-primary'}` })) : (_jsx("span", { className: "text-xs px-1 py-0.5 bg-primary/20 rounded text-primary font-bold", children: icon }));
+    return (_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [onIconClick ? (_jsx("button", { type: "button", onClick: onIconClick, className: "hover:opacity-70 transition-opacity cursor-pointer p-0 border-0 bg-transparent", title: "Shift+Click to view raw JSONL", children: iconElement })) : (iconElement), _jsx("span", { className: "font-medium text-sm text-base-content", children: title }), badge && _jsx("span", { className: `badge badge-xs ${badge.color}`, children: badge.text })] }));
+}
+//# sourceMappingURL=MessageHeader.js.map

package/dist/esm/ui/components/timeline/MessageHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageHeader.js","sourceRoot":"","sources":["../../../../../src/ui/components/timeline/MessageHeader.tsx"],"names":[],"mappings":";AAWA,MAAM,UAAU,aAAa,CAAC,EAAE,eAAe,EAAE,WAAW,EAAsB;IAChF,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,eAAe,CAAA;IAExE,MAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,CAClC,KAAC,aAAa,IAAC,SAAS,EAAE,WAAW,SAAS,IAAI,cAAc,EAAE,GAAI,CACvE,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,kEAAkE,YAAE,IAAI,GAAQ,CACjG,CAAA;IAED,OAAO,CACL,eAAK,SAAS,EAAC,8BAA8B,aAC1C,WAAW,CAAC,CAAC,CAAC,CACb,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,gFAAgF,EAC1F,KAAK,EAAC,+BAA+B,YAEpC,WAAW,GACL,CACV,CAAC,CAAC,CAAC,CACF,WAAW,CACZ,EACD,eAAM,SAAS,EAAC,uCAAuC,YAAE,KAAK,GAAQ,EACrE,KAAK,IAAI,eAAM,SAAS,EAAE,kBAAkB,KAAK,CAAC,KAAK,EAAE,YAAG,KAAK,CAAC,IAAI,GAAQ,IAC3E,CACP,CAAA;AACH,CAAC"}

package/dist/esm/ui/components/timeline/TimelineGroup.d.ts

@@ -0,0 +1,10 @@
+/**
+ * TimelineGroup - Renders grouped messages (e.g., tool use + result side-by-side)
+ */
+import type { TimelineGroup as TimelineGroupType } from '../../utils/timelineTypes.js';
+interface TimelineGroupProps {
+    group: TimelineGroupType;
+}
+export declare function TimelineGroup({ group }: TimelineGroupProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TimelineGroup.d.ts.map

package/dist/esm/ui/components/timeline/TimelineGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineGroup.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/timeline/TimelineGroup.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAGtF,UAAU,kBAAkB;IAC1B,KAAK,EAAE,iBAAiB,CAAA;CACzB;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,EAAE,kBAAkB,2CAa1D"}

package/dist/esm/ui/components/timeline/TimelineGroup.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TimelineMessage } from './TimelineMessage.js';
+export function TimelineGroup({ group }) {
+    const [leftMessage, rightMessage] = group.messages;
+    return (_jsxs("div", { "data-group-id": group.id, className: "grid grid-cols-1 md:grid-cols-2 gap-3 md:gap-4", children: [_jsx("div", { children: _jsx(TimelineMessage, { message: leftMessage }) }), _jsx("div", { children: _jsx(TimelineMessage, { message: rightMessage }) })] }));
+}
+//# sourceMappingURL=TimelineGroup.js.map

package/dist/esm/ui/components/timeline/TimelineGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineGroup.js","sourceRoot":"","sources":["../../../../../src/ui/components/timeline/TimelineGroup.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAMtD,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAsB;IACzD,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAA;IAElD,OAAO,CACL,gCAAoB,KAAK,CAAC,EAAE,EAAE,SAAS,EAAC,gDAAgD,aACtF,wBACE,KAAC,eAAe,IAAC,OAAO,EAAE,WAAW,GAAI,GACrC,EACN,wBACE,KAAC,eAAe,IAAC,OAAO,EAAE,YAAY,GAAI,GACtC,IACF,CACP,CAAA;AACH,CAAC"}

package/dist/esm/ui/components/timeline/TimelineMessage.d.ts

@@ -0,0 +1,12 @@
+/**
+ * TimelineMessage - Generic message container for timeline rendering
+ *
+ * This replaces the old MessageCard component with a provider-agnostic design.
+ */
+import type { TimelineMessage as TimelineMessageType } from '../../utils/timelineTypes.js';
+interface TimelineMessageProps {
+    message: TimelineMessageType;
+}
+export declare function TimelineMessage({ message }: TimelineMessageProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TimelineMessage.d.ts.map

package/dist/esm/ui/components/timeline/TimelineMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineMessage.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/timeline/TimelineMessage.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,eAAe,IAAI,mBAAmB,EAAE,MAAM,8BAA8B,CAAA;AAK1F,UAAU,oBAAoB;IAC5B,OAAO,EAAE,mBAAmB,CAAA;CAC7B;AAED,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,EAAE,oBAAoB,2CAgChE"}

package/dist/esm/ui/components/timeline/TimelineMessage.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * TimelineMessage - Generic message container for timeline rendering
+ *
+ * This replaces the old MessageCard component with a provider-agnostic design.
+ */
+import { useState } from 'react';
+import { ContentRenderer } from './ContentRenderer.js';
+import { DebugModal } from './DebugModal.js';
+import { MessageHeader } from './MessageHeader.js';
+export function TimelineMessage({ message }) {
+    const { displayMetadata, contentBlocks, id, originalMessage, displayType } = message;
+    const [isDebugModalOpen, setIsDebugModalOpen] = useState(false);
+    const handleIconClick = (event) => {
+        // Only open debug modal if shift key is pressed
+        if (event.shiftKey) {
+            event.preventDefault();
+            setIsDebugModalOpen(true);
+        }
+    };
+    return (_jsxs(_Fragment, { children: [_jsx("div", { "data-message-id": id, className: `bg-base-100 border-l-4 ${displayMetadata.borderColor} rounded-r font-mono text-sm shadow-md`, children: _jsxs("div", { className: "p-3", children: [_jsx(MessageHeader, { displayMetadata: displayMetadata, onIconClick: handleIconClick }), _jsx(ContentRenderer, { blocks: contentBlocks })] }) }), _jsx(DebugModal, { isOpen: isDebugModalOpen, onClose: () => setIsDebugModalOpen(false), message: originalMessage, messageDisplayType: displayType })] }));
+}
+//# sourceMappingURL=TimelineMessage.js.map

package/dist/esm/ui/components/timeline/TimelineMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineMessage.js","sourceRoot":"","sources":["../../../../../src/ui/components/timeline/TimelineMessage.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAMlD,MAAM,UAAU,eAAe,CAAC,EAAE,OAAO,EAAwB;IAC/D,MAAM,EAAE,eAAe,EAAE,aAAa,EAAE,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE,GAAG,OAAO,CAAA;IACpF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE/D,MAAM,eAAe,GAAG,CAAC,KAAuB,EAAE,EAAE;QAClD,gDAAgD;QAChD,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YACnB,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,mBAAmB,CAAC,IAAI,CAAC,CAAA;QAC3B,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,8BACE,iCACmB,EAAE,EACnB,SAAS,EAAE,0BAA0B,eAAe,CAAC,WAAW,wCAAwC,YAExG,eAAK,SAAS,EAAC,KAAK,aAClB,KAAC,aAAa,IAAC,eAAe,EAAE,eAAe,EAAE,WAAW,EAAE,eAAe,GAAI,EACjF,KAAC,eAAe,IAAC,MAAM,EAAE,aAAa,GAAI,IACtC,GACF,EAEN,KAAC,UAAU,IACT,MAAM,EAAE,gBAAgB,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,EACzC,OAAO,EAAE,eAAe,EACxB,kBAAkB,EAAE,WAAW,GAC/B,IACD,CACJ,CAAA;AACH,CAAC"}

package/dist/esm/ui/components/timeline/VirtualizedMessageList.d.ts

@@ -0,0 +1,36 @@
+/**
+ * MessageList - Simple message list renderer with scroll anchoring
+ *
+ * Renders timeline messages/groups without virtualization.
+ * With optimized markdown rendering (marked + smart truncation), this performs well
+ * for most sessions without the complexity of virtualization.
+ *
+ * Implements scroll anchoring to prevent jarring jumps when new messages are added
+ * dynamically (e.g., during live sessions).
+ */
+import type { TimelineItem } from '../../utils/timelineTypes';
+interface VirtualizedMessageListProps {
+    items: TimelineItem[];
+    /** Optional header content to display before all items */
+    header?: React.ReactNode;
+    /** If true, items are in reverse order (newest first) and scroll anchoring applies */
+    reverseOrder?: boolean;
+    estimateSize?: number;
+    overscan?: number;
+    useWindowScroll?: boolean;
+    customScrollParent?: HTMLElement;
+}
+/**
+ * VirtualizedMessageList Component (now just a simple list renderer)
+ *
+ * Renders a list of timeline messages/groups with scroll anchoring.
+ * Virtualization has been removed as it added complexity without significant
+ * performance benefits after markdown optimization.
+ *
+ * @param items - Timeline items to render
+ * @param header - Optional header content to display before all items
+ * @param reverseOrder - If true, applies scroll anchoring for "newest first" mode
+ */
+export declare function VirtualizedMessageList({ items, header, reverseOrder, }: VirtualizedMessageListProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=VirtualizedMessageList.d.ts.map

package/dist/esm/ui/components/timeline/VirtualizedMessageList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizedMessageList.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/timeline/VirtualizedMessageList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAK7D,UAAU,2BAA2B;IACnC,KAAK,EAAE,YAAY,EAAE,CAAA;IACrB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,sFAAsF;IACtF,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,kBAAkB,CAAC,EAAE,WAAW,CAAA;CACjC;AAuDD;;;;;;;;;;GAUG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,MAAM,EACN,YAAoB,GACrB,EAAE,2BAA2B,2CAmC7B"}

package/dist/esm/ui/components/timeline/VirtualizedMessageList.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * MessageList - Simple message list renderer with scroll anchoring
+ *
+ * Renders timeline messages/groups without virtualization.
+ * With optimized markdown rendering (marked + smart truncation), this performs well
+ * for most sessions without the complexity of virtualization.
+ *
+ * Implements scroll anchoring to prevent jarring jumps when new messages are added
+ * dynamically (e.g., during live sessions).
+ */
+import { useLayoutEffect, useRef } from 'react';
+import { isTimelineGroup, isTimelineMessage } from '../../utils/timelineTypes';
+import { TimelineGroup } from './TimelineGroup';
+import { TimelineMessage } from './TimelineMessage';
+/**
+ * Custom hook to manage scroll position when items are dynamically added
+ *
+ * @param items - Array of timeline items being rendered
+ * @param reverseOrder - Whether items are in reverse order (newest first)
+ */
+function useScrollAnchoring(items, reverseOrder) {
+    const previousItemsLength = useRef(items.length);
+    const previousScrollHeight = useRef(0);
+    useLayoutEffect(() => {
+        // Find the <main> scroll container
+        const scrollContainer = document.querySelector('main');
+        if (!scrollContainer)
+            return;
+        const itemsAdded = items.length - previousItemsLength.current;
+        // Only adjust if new items were added
+        if (itemsAdded > 0) {
+            // Get CURRENT scroll position (where user is NOW)
+            const currentScrollTop = scrollContainer.scrollTop;
+            const currentClientHeight = scrollContainer.clientHeight;
+            // Get NEW scroll height (includes new items)
+            const newScrollHeight = scrollContainer.scrollHeight;
+            // Get OLD scroll height (before new items were added)
+            const oldScrollHeight = previousScrollHeight.current;
+            const heightAdded = newScrollHeight - oldScrollHeight;
+            if (reverseOrder) {
+                // Newest first: Items added at top
+                // Adjust scroll position by the height that was added (if not at very top)
+                if (currentScrollTop > 10 && heightAdded > 0) {
+                    scrollContainer.scrollTop = currentScrollTop + heightAdded;
+                }
+            }
+            else {
+                // Oldest first: Items added at bottom
+                // Auto-scroll to bottom if user was at bottom
+                const wasAtBottom = currentScrollTop + currentClientHeight >= oldScrollHeight - 50;
+                if (wasAtBottom) {
+                    scrollContainer.scrollTop = newScrollHeight - currentClientHeight;
+                }
+            }
+        }
+        // Store current scroll height for next update
+        previousScrollHeight.current = scrollContainer.scrollHeight;
+        previousItemsLength.current = items.length;
+    });
+}
+/**
+ * VirtualizedMessageList Component (now just a simple list renderer)
+ *
+ * Renders a list of timeline messages/groups with scroll anchoring.
+ * Virtualization has been removed as it added complexity without significant
+ * performance benefits after markdown optimization.
+ *
+ * @param items - Timeline items to render
+ * @param header - Optional header content to display before all items
+ * @param reverseOrder - If true, applies scroll anchoring for "newest first" mode
+ */
+export function VirtualizedMessageList({ items, header, reverseOrder = false, }) {
+    // Apply scroll anchoring to prevent jumps when new messages arrive
+    useScrollAnchoring(items, reverseOrder);
+    // Show empty state (with header if provided)
+    if (items.length === 0) {
+        return (_jsxs("div", { children: [header, _jsx("div", { className: "flex items-center justify-center h-64", children: _jsx("div", { className: "text-sm text-base-content/50", children: "No messages to display" }) })] }));
+    }
+    return (_jsxs("div", { children: [header && _jsx("div", { children: header }), _jsx("div", { className: "space-y-2", children: items.map((item, index) => {
+                    if (isTimelineMessage(item)) {
+                        return _jsx(TimelineMessage, { message: item }, `message-${index}`);
+                    }
+                    if (isTimelineGroup(item)) {
+                        return _jsx(TimelineGroup, { group: item }, `group-${index}`);
+                    }
+                    return null;
+                }) })] }));
+}
+//# sourceMappingURL=VirtualizedMessageList.js.map

package/dist/esm/ui/components/timeline/VirtualizedMessageList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizedMessageList.js","sourceRoot":"","sources":["../../../../../src/ui/components/timeline/VirtualizedMessageList.tsx"],"names":[],"mappings":"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"}

package/dist/esm/ui/components/timeline/blocks/CodeBlock.d.ts

@@ -0,0 +1,10 @@
+/**
+ * CodeBlock - Renders code/command content
+ */
+interface CodeBlockProps {
+    content: string;
+    language?: string;
+}
+export declare function CodeBlock({ content, language }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CodeBlock.d.ts.map

package/dist/esm/ui/components/timeline/blocks/CodeBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/timeline/blocks/CodeBlock.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,UAAU,cAAc;IACtB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,QAAiB,EAAE,EAAE,cAAc,2CA8BvE"}

package/dist/esm/ui/components/timeline/blocks/CodeBlock.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function CodeBlock({ content, language = 'text' }) {
+    const isCommand = language === 'bash' || language === 'sh';
+    const isOutput = language === 'text' || language === 'output';
+    if (isCommand) {
+        return (_jsx("div", { className: "bg-base-200 p-3 rounded-md", children: _jsx("code", { className: "font-mono text-sm text-primary", children: content }) }));
+    }
+    if (isOutput) {
+        return (_jsx("div", { className: "bg-base-200 p-3 rounded-md", children: _jsx("pre", { className: "font-mono text-xs whitespace-pre-wrap overflow-auto max-h-64", children: _jsx("code", { className: "text-base-content/80", children: content }) }) }));
+    }
+    // Generic code block
+    return (_jsx("div", { className: "bg-base-200 p-3 rounded-md", children: _jsx("pre", { className: "font-mono text-sm overflow-auto max-h-64", children: _jsx("code", { children: content }) }) }));
+}
+//# sourceMappingURL=CodeBlock.js.map

package/dist/esm/ui/components/timeline/blocks/CodeBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.js","sourceRoot":"","sources":["../../../../../../src/ui/components/timeline/blocks/CodeBlock.tsx"],"names":[],"mappings":";AASA,MAAM,UAAU,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,GAAG,MAAM,EAAkB;IACtE,MAAM,SAAS,GAAG,QAAQ,KAAK,MAAM,IAAI,QAAQ,KAAK,IAAI,CAAA;IAC1D,MAAM,QAAQ,GAAG,QAAQ,KAAK,MAAM,IAAI,QAAQ,KAAK,QAAQ,CAAA;IAE7D,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,cAAK,SAAS,EAAC,4BAA4B,YACzC,eAAM,SAAS,EAAC,gCAAgC,YAAE,OAAO,GAAQ,GAC7D,CACP,CAAA;IACH,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,CACL,cAAK,SAAS,EAAC,4BAA4B,YACzC,cAAK,SAAS,EAAC,8DAA8D,YAC3E,eAAM,SAAS,EAAC,sBAAsB,YAAE,OAAO,GAAQ,GACnD,GACF,CACP,CAAA;IACH,CAAC;IAED,qBAAqB;IACrB,OAAO,CACL,cAAK,SAAS,EAAC,4BAA4B,YACzC,cAAK,SAAS,EAAC,0CAA0C,YACvD,yBAAO,OAAO,GAAQ,GAClB,GACF,CACP,CAAA;AACH,CAAC"}

package/dist/esm/ui/components/timeline/blocks/ImageBlock.d.ts

@@ -0,0 +1,10 @@
+/**
+ * ImageBlock - Renders image content with preview
+ */
+interface ImageBlockProps {
+    content: string;
+    format?: string;
+}
+export declare function ImageBlock({ content, format }: ImageBlockProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ImageBlock.d.ts.map

package/dist/esm/ui/components/timeline/blocks/ImageBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageBlock.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/timeline/blocks/ImageBlock.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,UAAU,eAAe;IACvB,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,MAAc,EAAE,EAAE,eAAe,2CA8BtE"}

package/dist/esm/ui/components/timeline/blocks/ImageBlock.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ImageBlock({ content, format = 'png' }) {
+    return (_jsxs("div", { className: "bg-base-200 rounded-lg p-3", children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx("svg", { className: "w-4 h-4 text-base-content/60", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" }) }), _jsx("span", { className: "text-xs text-base-content/60 font-medium", children: "Image" })] }), _jsx("img", { src: content, alt: "Content", className: "max-w-full max-h-64 rounded border border-base-content/10 cursor-pointer hover:opacity-80 transition-opacity", onClick: () => window.open(content) }), _jsxs("div", { className: "mt-2 text-xs text-base-content/50", children: ["Click to view full size \u2022 ", format.toUpperCase()] })] }));
+}
+//# sourceMappingURL=ImageBlock.js.map

package/dist/esm/ui/components/timeline/blocks/ImageBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageBlock.js","sourceRoot":"","sources":["../../../../../../src/ui/components/timeline/blocks/ImageBlock.tsx"],"names":[],"mappings":";AASA,MAAM,UAAU,UAAU,CAAC,EAAE,OAAO,EAAE,MAAM,GAAG,KAAK,EAAmB;IACrE,OAAO,CACL,eAAK,SAAS,EAAC,4BAA4B,aACzC,eAAK,SAAS,EAAC,8BAA8B,aAC3C,cACE,SAAS,EAAC,8BAA8B,EACxC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,OAAO,EAAC,WAAW,YAEnB,eACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,2JAA2J,GAC7J,GACE,EACN,eAAM,SAAS,EAAC,0CAA0C,sBAAa,IACnE,EACN,cACE,GAAG,EAAE,OAAO,EACZ,GAAG,EAAC,SAAS,EACb,SAAS,EAAC,8GAA8G,EACxH,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,GACnC,EACF,eAAK,SAAS,EAAC,mCAAmC,gDACrB,MAAM,CAAC,WAAW,EAAE,IAC3C,IACF,CACP,CAAA;AACH,CAAC"}

package/dist/esm/ui/components/timeline/blocks/JsonBlock.d.ts

@@ -0,0 +1,10 @@
+/**
+ * JsonBlock - Renders JSON content with expand/collapse
+ */
+interface JsonBlockProps {
+    content: unknown;
+    collapsed?: boolean;
+}
+export declare function JsonBlock({ content, collapsed: initialCollapsed }: JsonBlockProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=JsonBlock.d.ts.map

package/dist/esm/ui/components/timeline/blocks/JsonBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonBlock.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/timeline/blocks/JsonBlock.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,UAAU,cAAc;IACtB,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,gBAAuB,EAAE,EAAE,cAAc,2CAoBxF"}

package/dist/esm/ui/components/timeline/blocks/JsonBlock.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * JsonBlock - Renders JSON content with expand/collapse
+ */
+import { useState } from 'react';
+export function JsonBlock({ content, collapsed: initialCollapsed = true }) {
+    const [collapsed, setCollapsed] = useState(initialCollapsed);
+    const jsonString = JSON.stringify(content, null, 2);
+    return (_jsxs("div", { className: "text-sm", children: [_jsx("button", { onClick: () => setCollapsed(!collapsed), className: "text-xs text-secondary hover:text-primary mb-2", children: collapsed ? '▼ Expand JSON' : '▲ Collapse JSON' }), !collapsed && (_jsx("pre", { className: "whitespace-pre-wrap overflow-auto max-h-64 bg-base-200 p-3 rounded-md", children: _jsx("code", { children: jsonString }) }))] }));
+}
+//# sourceMappingURL=JsonBlock.js.map

package/dist/esm/ui/components/timeline/blocks/JsonBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonBlock.js","sourceRoot":"","sources":["../../../../../../src/ui/components/timeline/blocks/JsonBlock.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAOhC,MAAM,UAAU,SAAS,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,gBAAgB,GAAG,IAAI,EAAkB;IACvF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAA;IAE5D,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;IAEnD,OAAO,CACL,eAAK,SAAS,EAAC,SAAS,aACtB,iBACE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,EACvC,SAAS,EAAC,gDAAgD,YAEzD,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,GACzC,EACR,CAAC,SAAS,IAAI,CACb,cAAK,SAAS,EAAC,uEAAuE,YACpF,yBAAO,UAAU,GAAQ,GACrB,CACP,IACG,CACP,CAAA;AACH,CAAC"}

package/dist/esm/ui/components/timeline/blocks/SystemReminderBlock.d.ts

@@ -0,0 +1,16 @@
+/**
+ * SystemReminderBlock - Renders system-reminder content with CLAUDE.md highlighting
+ *
+ * System reminders contain important context that Claude Code reads during sessions,
+ * including project documentation (CLAUDE.md), instructions, and other contextual information.
+ */
+interface SystemReminderBlockProps {
+    content: string;
+    collapsed?: boolean;
+    hasClaudeMd?: boolean;
+    claudeMdPaths?: string[];
+    reminderType?: 'context' | 'instruction' | 'other';
+}
+export declare function SystemReminderBlock({ content, collapsed: initialCollapsed, hasClaudeMd, claudeMdPaths, reminderType, }: SystemReminderBlockProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SystemReminderBlock.d.ts.map

package/dist/esm/ui/components/timeline/blocks/SystemReminderBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemReminderBlock.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/timeline/blocks/SystemReminderBlock.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,UAAU,wBAAwB;IAChC,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,YAAY,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,OAAO,CAAA;CACnD;AAED,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,SAAS,EAAE,gBAAuB,EAClC,WAAmB,EACnB,aAAkB,EAClB,YAAsB,GACvB,EAAE,wBAAwB,2CAyF1B"}