npm - @mastra/playground-ui - Versions diffs - 56.0.0 → 57.0.0-alpha.1 - Mend

@mastra/playground-ui 56.0.0 → 57.0.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1044) hide show

package/dist/domains/memory/components/memory-studio-panel.es.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ArrowLeftIcon } from 'lucide-react';
 import { useState, useMemo, useEffect } from 'react';
-import { B as Button } from '../../../Button-cWcBEd-G.js';
+import { B as Button } from '../../../Button-C9cvaVFG.js';
 import { S as Skeleton } from '../../../skeleton-BsRAXyh5.js';
 import { T as Txt } from '../../../Txt-DTh3Pa_a.js';
 import { MemoryIcon } from '../../../icons/MemoryIcon.es.js';
@@ -50,9 +50,9 @@ function MemoryStudioPanel({
   const manualSelectionInRange = manualOMRecordId != null && visibleRecords.some((r) => r.id === manualOMRecordId) ? manualOMRecordId : null;
   const selectedOMRecordId = replayRecordId ?? manualSelectionInRange;
   return /* @__PURE__ */ jsxs("div", { className: "flex size-full flex-col overflow-hidden", children: [
-    /* @__PURE__ */ jsxs("div", { className: "border-border flex shrink-0 items-center gap-2 border-b px-3 py-2.5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2 border-b border-border px-3 py-2.5", children: [
       /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", tooltip: "Back to memory", onClick: () => onClose?.(), children: /* @__PURE__ */ jsx(ArrowLeftIcon, {}) }),
-      /* @__PURE__ */ jsxs("span", { className: "text-foreground flex min-w-0 items-center gap-1.5", children: [
+      /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-1.5 text-foreground", children: [
         /* @__PURE__ */ jsx(MemoryIcon, { className: "size-4 shrink-0" }),
         /* @__PURE__ */ jsx(Txt, { as: "span", variant: "column", children: "Observational memory" })
       ] })
@@ -71,7 +71,7 @@ function MemoryStudioPanel({
           isLoading
         }
       ) }),
-      /* @__PURE__ */ jsxs("div", { className: "border-border border-t", children: [
+      /* @__PURE__ */ jsxs("div", { className: "border-t border-border", children: [
         /* @__PURE__ */ jsx(
           ThreadContextProgress,
           {

package/dist/domains/memory/components/memory-studio-panel.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"memory-studio-panel.es.js","sources":["../../../../src/domains/memory/components/memory-studio-panel.tsx"],"sourcesContent":["import { ArrowLeftIcon } from 'lucide-react';\nimport { useEffect, useMemo, useState } from 'react';\n\nimport { Button } from '../../../ds/components/Button';\nimport { Skeleton } from '../../../ds/components/Skeleton';\nimport { Txt } from '../../../ds/components/Txt';\nimport { MemoryIcon } from '../../../ds/icons/MemoryIcon';\nimport { extractOmMarkers } from '../lib/extract-markers';\nimport { findRecordIdAtOrBefore, getObservationTimestampMs } from '../lib/replay-selection';\nimport { getLatestThreadContextWindowState } from '../lib/thread-context-window-state';\nimport { timestampsToTDomain } from '../lib/timeline';\nimport type { MemoryMessage, OMHistoryRecord } from '../types';\nimport { FlameGraph } from './flame-graph';\nimport type { ZoomRange } from './flame-graph';\nimport { ObservationDetailView } from './observation-detail-view';\nimport { ThreadContextProgress } from './thread-context-progress';\n\nexport interface MemoryStudioPanelProps {\n messages: MemoryMessage[];\n omRecords: OMHistoryRecord[];\n isLoading?: boolean;\n onClose?: () => void;\n /** Replay cursor (ms epoch) driven by the timeline; selects the matching observation. /\n selectedTimestamp?: number \| null;\n /* Fired when the flame graph timeline is clicked, surfacing the replay cursor. /\n onSelectTimestamp?: (timestamp: number \| null) => void;\n /\n Authoritative context-window token counts/thresholds supplied by the caller\n * (e.g. derived from the OM record + live stream progress). When provided these\n * take precedence over the values re-derived from message markers, keeping this\n * panel aligned with the OM sidebar. Marker-derived values remain the fallback\n * for standalone usage.\n */\n contextWindow?: {\n messageTokens?: number;\n messageThreshold?: number;\n memoryTokens?: number;\n memoryThreshold?: number;\n };\n}\n\nexport function MemoryStudioPanel({\n messages,\n omRecords,\n isLoading = false,\n onClose,\n selectedTimestamp,\n onSelectTimestamp,\n contextWindow,\n}: MemoryStudioPanelProps) {\n const [manualOMRecordId, setManualOMRecordId] = useState<string \| null>(null);\n\n const markers = useMemo(() => extractOmMarkers(messages), [messages]);\n // timestampsToTDomain already returns the unit domain for an empty list.\n const tDomain = useMemo(\n () => timestampsToTDomain(messages.map(m => new Date(m.createdAt).toISOString())),\n [messages],\n );\n const windowState = useMemo(() => getLatestThreadContextWindowState({ markers, omRecords }), [markers, omRecords]);\n\n const memoryTokens = contextWindow?.memoryTokens ?? windowState.memoryTokens;\n const memoryThreshold = contextWindow?.memoryThreshold ?? windowState.memoryThreshold;\n\n // Zoom range (epoch ms) is owned here so it can both scope the FlameGraph\n // charts and filter the observation list. It resets to the full domain\n // whenever the domain changes (mirrors the FlameGraph's own reset behaviour).\n const [zoomRange, setZoomRange] = useState<ZoomRange>({ left: tDomain.tMin, right: tDomain.tMax });\n useEffect(() => {\n setZoomRange({ left: tDomain.tMin, right: tDomain.tMax });\n }, [tDomain.tMin, tDomain.tMax]);\n\n // The full-domain case is a strict pass-through so an untouched range never\n // hides records (e.g. observations outside the message-derived domain).\n const isFullRange = zoomRange.left <= tDomain.tMin && zoomRange.right >= tDomain.tMax;\n const visibleRecords = useMemo(() => {\n if (isFullRange) return omRecords;\n return omRecords.filter(record => {\n const t = getObservationTimestampMs(record);\n return t >= zoomRange.left && t <= zoomRange.right;\n });\n }, [omRecords, isFullRange, zoomRange.left, zoomRange.right]);\n\n // Replay cursor (controlled) overrides manual history selection. Resolve it\n // against the visible records so selection stays consistent with the list.\n const replayRecordId = useMemo(\n () => (selectedTimestamp != null ? findRecordIdAtOrBefore(visibleRecords, selectedTimestamp) : null),\n [visibleRecords, selectedTimestamp],\n );\n // Ignore a manual selection that the range has filtered out, so the detail\n // view falls back to a record that is actually visible instead of an empty state.\n const manualSelectionInRange =\n manualOMRecordId != null && visibleRecords.some(r => r.id === manualOMRecordId) ? manualOMRecordId : null;\n const selectedOMRecordId = replayRecordId ?? manualSelectionInRange;\n\n return (\n <div className=\"flex size-full flex-col overflow-hidden\">\n <div className=\"border-border flex shrink-0 items-center gap-2 border-b px-3 py-2.5\">\n <Button type=\"button\" variant=\"ghost\" size=\"icon-sm\" tooltip=\"Back to memory\" onClick={() => onClose?.()}>\n <ArrowLeftIcon />\n </Button>\n <span className=\"text-foreground flex min-w-0 items-center gap-1.5\">\n <MemoryIcon className=\"size-4 shrink-0\" />\n <Txt as=\"span\" variant=\"column\">\n Observational memory\n </Txt>\n </span>\n </div>\n\n {isLoading ? (\n <div data-testid=\"memory-studio-loading\" className=\"flex flex-1 flex-col gap-3 p-4\">\n <Skeleton className=\"h-6 w-40\" />\n <Skeleton className=\"h-32 w-full\" />\n <Skeleton className=\"h-16 w-full\" />\n </div>\n ) : (\n <div className=\"grid min-h-0 flex-1 grid-rows-[1fr_auto] overflow-hidden\">\n <div className=\"flex min-h-0 flex-col overflow-hidden\">\n <ObservationDetailView\n records={visibleRecords}\n selectedRecordId={selectedOMRecordId}\n onSelectRecord={setManualOMRecordId}\n isLoading={isLoading}\n />\n </div>\n <div className=\"border-border border-t\">\n <ThreadContextProgress\n messageTokens={contextWindow?.messageTokens ?? windowState.messageTokens}\n messageThreshold={contextWindow?.messageThreshold ?? windowState.messageThreshold}\n memoryTokens={memoryTokens}\n memoryThreshold={memoryThreshold}\n memoryLabel=\"Observations\"\n />\n <FlameGraph\n omRecords={omRecords}\n markers={markers}\n messages={messages}\n tDomain={tDomain}\n onSelectTimestamp={onSelectTimestamp}\n zoomRange={zoomRange}\n onZoomRangeChange={setZoomRange}\n />\n </div>\n </div>\n )}\n </div>\n );\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"memory-studio-panel.es.js","sources":["../../../../src/domains/memory/components/memory-studio-panel.tsx"],"sourcesContent":["import { ArrowLeftIcon } from 'lucide-react';\nimport { useEffect, useMemo, useState } from 'react';\n\nimport { Button } from '../../../ds/components/Button';\nimport { Skeleton } from '../../../ds/components/Skeleton';\nimport { Txt } from '../../../ds/components/Txt';\nimport { MemoryIcon } from '../../../ds/icons/MemoryIcon';\nimport { extractOmMarkers } from '../lib/extract-markers';\nimport { findRecordIdAtOrBefore, getObservationTimestampMs } from '../lib/replay-selection';\nimport { getLatestThreadContextWindowState } from '../lib/thread-context-window-state';\nimport { timestampsToTDomain } from '../lib/timeline';\nimport type { MemoryMessage, OMHistoryRecord } from '../types';\nimport { FlameGraph } from './flame-graph';\nimport type { ZoomRange } from './flame-graph';\nimport { ObservationDetailView } from './observation-detail-view';\nimport { ThreadContextProgress } from './thread-context-progress';\n\nexport interface MemoryStudioPanelProps {\n messages: MemoryMessage[];\n omRecords: OMHistoryRecord[];\n isLoading?: boolean;\n onClose?: () => void;\n /** Replay cursor (ms epoch) driven by the timeline; selects the matching observation. /\n selectedTimestamp?: number \| null;\n /* Fired when the flame graph timeline is clicked, surfacing the replay cursor. /\n onSelectTimestamp?: (timestamp: number \| null) => void;\n /\n Authoritative context-window token counts/thresholds supplied by the caller\n * (e.g. derived from the OM record + live stream progress). When provided these\n * take precedence over the values re-derived from message markers, keeping this\n * panel aligned with the OM sidebar. Marker-derived values remain the fallback\n * for standalone usage.\n */\n contextWindow?: {\n messageTokens?: number;\n messageThreshold?: number;\n memoryTokens?: number;\n memoryThreshold?: number;\n };\n}\n\nexport function MemoryStudioPanel({\n messages,\n omRecords,\n isLoading = false,\n onClose,\n selectedTimestamp,\n onSelectTimestamp,\n contextWindow,\n}: MemoryStudioPanelProps) {\n const [manualOMRecordId, setManualOMRecordId] = useState<string \| null>(null);\n\n const markers = useMemo(() => extractOmMarkers(messages), [messages]);\n // timestampsToTDomain already returns the unit domain for an empty list.\n const tDomain = useMemo(\n () => timestampsToTDomain(messages.map(m => new Date(m.createdAt).toISOString())),\n [messages],\n );\n const windowState = useMemo(() => getLatestThreadContextWindowState({ markers, omRecords }), [markers, omRecords]);\n\n const memoryTokens = contextWindow?.memoryTokens ?? windowState.memoryTokens;\n const memoryThreshold = contextWindow?.memoryThreshold ?? windowState.memoryThreshold;\n\n // Zoom range (epoch ms) is owned here so it can both scope the FlameGraph\n // charts and filter the observation list. It resets to the full domain\n // whenever the domain changes (mirrors the FlameGraph's own reset behaviour).\n const [zoomRange, setZoomRange] = useState<ZoomRange>({ left: tDomain.tMin, right: tDomain.tMax });\n useEffect(() => {\n setZoomRange({ left: tDomain.tMin, right: tDomain.tMax });\n }, [tDomain.tMin, tDomain.tMax]);\n\n // The full-domain case is a strict pass-through so an untouched range never\n // hides records (e.g. observations outside the message-derived domain).\n const isFullRange = zoomRange.left <= tDomain.tMin && zoomRange.right >= tDomain.tMax;\n const visibleRecords = useMemo(() => {\n if (isFullRange) return omRecords;\n return omRecords.filter(record => {\n const t = getObservationTimestampMs(record);\n return t >= zoomRange.left && t <= zoomRange.right;\n });\n }, [omRecords, isFullRange, zoomRange.left, zoomRange.right]);\n\n // Replay cursor (controlled) overrides manual history selection. Resolve it\n // against the visible records so selection stays consistent with the list.\n const replayRecordId = useMemo(\n () => (selectedTimestamp != null ? findRecordIdAtOrBefore(visibleRecords, selectedTimestamp) : null),\n [visibleRecords, selectedTimestamp],\n );\n // Ignore a manual selection that the range has filtered out, so the detail\n // view falls back to a record that is actually visible instead of an empty state.\n const manualSelectionInRange =\n manualOMRecordId != null && visibleRecords.some(r => r.id === manualOMRecordId) ? manualOMRecordId : null;\n const selectedOMRecordId = replayRecordId ?? manualSelectionInRange;\n\n return (\n <div className=\"flex size-full flex-col overflow-hidden\">\n <div className=\"flex shrink-0 items-center gap-2 border-b border-border px-3 py-2.5\">\n <Button type=\"button\" variant=\"ghost\" size=\"icon-sm\" tooltip=\"Back to memory\" onClick={() => onClose?.()}>\n <ArrowLeftIcon />\n </Button>\n <span className=\"flex min-w-0 items-center gap-1.5 text-foreground\">\n <MemoryIcon className=\"size-4 shrink-0\" />\n <Txt as=\"span\" variant=\"column\">\n Observational memory\n </Txt>\n </span>\n </div>\n\n {isLoading ? (\n <div data-testid=\"memory-studio-loading\" className=\"flex flex-1 flex-col gap-3 p-4\">\n <Skeleton className=\"h-6 w-40\" />\n <Skeleton className=\"h-32 w-full\" />\n <Skeleton className=\"h-16 w-full\" />\n </div>\n ) : (\n <div className=\"grid min-h-0 flex-1 grid-rows-[1fr_auto] overflow-hidden\">\n <div className=\"flex min-h-0 flex-col overflow-hidden\">\n <ObservationDetailView\n records={visibleRecords}\n selectedRecordId={selectedOMRecordId}\n onSelectRecord={setManualOMRecordId}\n isLoading={isLoading}\n />\n </div>\n <div className=\"border-t border-border\">\n <ThreadContextProgress\n messageTokens={contextWindow?.messageTokens ?? windowState.messageTokens}\n messageThreshold={contextWindow?.messageThreshold ?? windowState.messageThreshold}\n memoryTokens={memoryTokens}\n memoryThreshold={memoryThreshold}\n memoryLabel=\"Observations\"\n />\n <FlameGraph\n omRecords={omRecords}\n markers={markers}\n messages={messages}\n tDomain={tDomain}\n onSelectTimestamp={onSelectTimestamp}\n zoomRange={zoomRange}\n onZoomRangeChange={setZoomRange}\n />\n </div>\n </div>\n )}\n </div>\n );\n}\n"],"names":[],"mappings":"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"}

package/dist/domains/memory/components/observation-detail-view.cjs.js CHANGED Viewed

@@ -3,11 +3,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
-const lucideReact = require('lucide-react');
 const React = require('react');
 const checkbox = require('../../../checkbox-CI8JtZKS.cjs');
-const codeDiff = require('../../../code-diff-DBtbPe9D.cjs');
-const EmptyState = require('../../../EmptyState-CdRjFB06.cjs');
+const codeDiff = require('../../../code-diff-CG8veSa-.cjs');
+const EmptyState = require('../../../EmptyState-DiSP6UIy.cjs');
 const skeleton = require('../../../skeleton-cXUjPrq9.cjs');
 const utils_cn = require('../../../cn-DG0X1KEP.cjs');
@@ -154,10 +153,10 @@ function parseObservations(raw) {
   return sections;
 }
 function ObservationItems({ items, nested = false }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: nested ? "border-border space-y-2 border-l pl-4" : "space-y-3", children: items.map((item, i) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: nested ? "space-y-2 border-l border-border pl-4" : "space-y-3", children: items.map((item, i) => {
     const styles = priorityClasses(item.priority, nested);
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 shrink-0 pt-2 text-right", children: item.time && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-meta font-mono ${styles.time}`, children: formatObservationTime(item.time) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 shrink-0 pt-2 text-right", children: item.time && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `font-mono text-meta ${styles.time}`, children: formatObservationTime(item.time) }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("min-w-0 flex-1 rounded-md border px-3 py-2", styles.card), children: [
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: utils_cn.cn("text-body break-words whitespace-pre-wrap", styles.text), children: item.text }),
         item.children.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsxRuntime.jsx(ObservationItems, { items: item.children, nested: true }) })
@@ -168,12 +167,12 @@ function ObservationItems({ items, nested = false }) {
 function ObservationContent({ observations }) {
   const sections = React.useMemo(() => parseObservations(observations), [observations]);
   if (sections.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-caption italic", children: "Initialized" });
+    return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-caption text-muted-foreground italic", children: "Initialized" });
   }
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-5", children: sections.map((section, i) => /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-border flex items-baseline justify-between gap-3 border-b pb-2", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-baseline justify-between gap-3 border-b border-border pb-2", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
       /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-column text-foreground", children: section.title }),
-      section.relativeTime && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-meta", children: section.relativeTime })
+      section.relativeTime && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-meta text-muted-foreground", children: section.relativeTime })
     ] }) }),
     /* @__PURE__ */ jsxRuntime.jsx(ObservationItems, { items: section.items })
   ] }, `${section.title}-${i}`)) });
@@ -184,8 +183,8 @@ function ObservationHistoryPanel({
   onSelectRecord
 }) {
   if (records.length <= 1) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border flex w-50 min-w-45 flex-col overflow-hidden border-l", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-border border-b px-4 py-2", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-body text-foreground", children: "History" }) }),
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-50 min-w-45 flex-col overflow-hidden border-l border-border", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border px-4 py-2", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-body text-foreground", children: "History" }) }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto", children: records.map((record) => {
       const isSelected = record.id === selectedRecordId;
       return /* @__PURE__ */ jsxRuntime.jsx(
@@ -193,7 +192,7 @@ function ObservationHistoryPanel({
         {
           type: "button",
           className: utils_cn.cn(
-            "text-muted-foreground w-full cursor-pointer truncate border-l-2 border-l-transparent px-3 py-2 text-left text-caption hover:bg-fill-subtle",
+            "w-full cursor-pointer truncate border-l-2 border-l-transparent px-3 py-2 text-left text-caption text-muted-foreground hover:bg-fill-subtle",
             isSelected && "border-l-accent1 bg-fill-hover"
           ),
           onClick: () => onSelectRecord(record.id),
@@ -232,21 +231,21 @@ function ObservationDetailView({
     ] });
   }
   if (!selected) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(
       EmptyState.EmptyState,
       {
-        iconSlot: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleSlashIcon, { className: "size-4" }),
         titleSlot: "No observations",
-        descriptionSlot: "No observational memory snapshots available for this thread."
+        descriptionSlot: "No observational memory snapshots available for this thread.",
+        variant: "fill"
       }
-    ) });
+    );
   }
   const activeObservations = typeof selected.activeObservations === "string" ? selected.activeObservations : "";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex size-full overflow-hidden", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col overflow-hidden", children: [
-      previousRecord && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-border border-b px-4 py-2", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-start justify-end gap-3", children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "text-caption flex cursor-pointer items-center gap-1.5", children: [
+      previousRecord && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border px-4 py-2", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-start justify-end gap-3", children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex cursor-pointer items-center gap-1.5 text-caption", children: [
         /* @__PURE__ */ jsxRuntime.jsx(checkbox.Checkbox, { checked: showDiff, onCheckedChange: (v) => setShowDiff(v === true) }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-caption", children: "Show diff" })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-caption text-muted-foreground", children: "Show diff" })
       ] }) }) }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "observation-detail-body", className: "flex-1 overflow-y-auto p-4", children: showDiff && previousRecord ? /* @__PURE__ */ jsxRuntime.jsx(
         codeDiff.CodeDiff,
@@ -254,7 +253,7 @@ function ObservationDetailView({
           codeA: typeof previousRecord.activeObservations === "string" ? previousRecord.activeObservations : "",
           codeB: activeObservations
         }
-      ) : activeObservations ? /* @__PURE__ */ jsxRuntime.jsx(ObservationContent, { observations: activeObservations }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-caption italic", children: selected.isObserving || selected.isReflecting ? "Processing…" : "Initialized" }) })
+      ) : activeObservations ? /* @__PURE__ */ jsxRuntime.jsx(ObservationContent, { observations: activeObservations }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-caption text-muted-foreground italic", children: selected.isObserving || selected.isReflecting ? "Processing…" : "Initialized" }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(ObservationHistoryPanel, { records: sorted, selectedRecordId: selected.id, onSelectRecord })
   ] });

package/dist/domains/memory/components/observation-detail-view.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"observation-detail-view.cjs.js","sources":["../../../../src/domains/memory/components/observation-detail-view.tsx"],"sourcesContent":["import { CircleSlashIcon } from 'lucide-react';\nimport { useEffect, useMemo, useState } from 'react';\nimport { Checkbox } from '../../../ds/components/Checkbox';\nimport { CodeDiff } from '../../../ds/components/CodeDiff';\nimport { EmptyState } from '../../../ds/components/EmptyState';\nimport { Skeleton } from '../../../ds/components/Skeleton';\nimport { cn } from '../../../lib/utils';\nimport type { OMHistoryRecord } from '../types';\n\ntype ParsedItem = {\n text: string;\n time: string \| null;\n priority: 'high' \| 'medium' \| 'low' \| 'complete' \| null;\n children: ParsedItem[];\n};\n\ntype ParsedSection = {\n title: string;\n relativeTime: string \| null;\n items: ParsedItem[];\n};\n\nfunction formatObservationTime(time: string \| null) {\n if (!time) return null;\n const match = time.match(/^(\\d{1,2}):(\\d{2})$/);\n if (!match) return time;\n const [, hours, minutes] = match;\n const hour = Number(hours);\n const suffix = hour >= 12 ? 'PM' : 'AM';\n const normalizedHour = hour % 12 \|\| 12;\n return `${normalizedHour}:${minutes} ${suffix}`;\n}\n\nfunction getPriorityFromEmoji(emoji?: string): ParsedItem['priority'] {\n if (emoji === '🔴') return 'high';\n if (emoji === '🟡') return 'medium';\n if (emoji === '🟢') return 'low';\n if (emoji === '✅') return 'complete';\n return null;\n}\n\nfunction priorityClasses(priority: ParsedItem['priority'], nested: boolean) {\n if (nested) {\n return {\n card: 'bg-transparent border-transparent',\n text: 'text-muted-foreground',\n time: 'text-muted-foreground',\n };\n }\n switch (priority) {\n case 'high':\n return {\n card: 'border-purple-400/30 bg-purple-500/10',\n text: 'text-foreground',\n time: 'text-purple-200/80',\n };\n case 'medium':\n return {\n card: 'border-blue-400/30 bg-blue-500/10',\n text: 'text-foreground',\n time: 'text-blue-200/80',\n };\n case 'low':\n return {\n card: 'border-emerald-400/30 bg-emerald-500/10',\n text: 'text-foreground',\n time: 'text-emerald-200/80',\n };\n case 'complete':\n return {\n card: 'border-green-400/30 bg-green-500/10',\n text: 'text-foreground',\n time: 'text-green-200/80',\n };\n default:\n return {\n card: 'border-border bg-background',\n text: 'text-foreground',\n time: 'text-muted-foreground',\n };\n }\n}\n\nfunction parseItem(line: string): ParsedItem \| null {\n const trimmed = line.trim();\n if (!trimmed) return null;\n if (trimmed.startsWith('* ->') \|\| trimmed.startsWith('->')) {\n const text = trimmed.replace(/^\\?\\s->\\s/, '').trim();\n return text ? { text, time: null, priority: null, children: [] } : null;\n }\n if (trimmed.startsWith('-')) {\n const text = trimmed.replace(/^-\\s/, '').trim();\n return text ? { text, time: null, priority: null, children: [] } : null;\n }\n // Extracts a root observation line of the form `* 🔴 (11:55) some text`,\n // where the priority emoji and `(HH:MM)` timestamp are both optional:\n // → { priority: high, time: '11:55', text: 'some text' }.\n // Parsed incrementally instead of with a single regex: adjacent `\\s` runs\n // around optional groups backtrack polynomially on adversarial input\n // (CodeQL js/polynomial-redos).\n if (trimmed.startsWith('')) {\n let rest = trimmed.slice(1).trimStart();\n let priority: ParsedItem['priority'] = null;\n for (const emoji of ['🔴', '🟡', '🟢', '✅']) {\n if (rest.startsWith(emoji)) {\n priority = getPriorityFromEmoji(emoji);\n rest = rest.slice(emoji.length).trimStart();\n break;\n }\n }\n let time: string \| null = null;\n const timeMatch = rest.match(/^\$(\\d{1,2}:\\d{2})\$/);\n if (timeMatch) {\n const [matchedText, matchedTime] = timeMatch;\n if (matchedText !== undefined && matchedTime !== undefined) {\n time = matchedTime;\n rest = rest.slice(matchedText.length).trimStart();\n }\n }\n if (rest) {\n return { text: rest, time, priority, children: [] };\n }\n }\n return { text: trimmed, time: null, priority: null, children: [] };\n}\n\nfunction parseObservations(raw: string): ParsedSection[] {\n // Extracts the text between `<observations>` and `</observations>` (falls\n // back to the whole string when the tags are absent). indexOf instead of a\n // lazy regex to avoid polynomial backtracking on adversarial input\n // (CodeQL js/polynomial-redos).\n const openTag = '<observations>';\n const openIdx = raw.indexOf(openTag);\n const closeIdx = openIdx === -1 ? -1 : raw.indexOf('</observations>', openIdx + openTag.length);\n const content = (closeIdx === -1 ? raw : raw.slice(openIdx + openTag.length, closeIdx)).trim();\n if (!content) return [];\n const lines = content.split('\\n');\n const sections: ParsedSection[] = [];\n let current: ParsedSection \| null = null;\n let lastRoot: ParsedItem \| null = null;\n for (const line of lines) {\n const trimmed = line.trim();\n if (!trimmed) continue;\n // Extracts a section header of the form `Date: Jul 2, 2026 (today)`,\n // where the parenthesized relative time is optional:\n // → { title: 'Jul 2, 2026', relativeTime: 'today' }.\n // Parsed with string ops instead of a lazy regex with an optional trailing\n // group, which backtracks polynomially (CodeQL js/polynomial-redos).\n if (trimmed.startsWith('Date:')) {\n let title = trimmed.slice('Date:'.length).trim();\n let relativeTime: string \| null = null;\n if (title.endsWith(')')) {\n const openParen = title.lastIndexOf('(');\n const inner = openParen === -1 ? '' : title.slice(openParen + 1, -1);\n // `inner` must not contain ')' — mirrors the original `\$([^)]+)\$$` semantics\n if (openParen > 0 && inner && !inner.includes(')')) {\n relativeTime = inner.trim();\n title = title.slice(0, openParen).trim();\n }\n }\n if (title) {\n current = { title, relativeTime, items: [] };\n sections.push(current);\n lastRoot = null;\n continue;\n }\n }\n if (!current) {\n current = { title: 'Recent', relativeTime: null, items: [] };\n sections.push(current);\n }\n const indent = line.match(/^(\\s)/)?.[1]?.length ?? 0;\n const isNested = indent >= 2 && (trimmed.startsWith(' ->') \|\| trimmed.startsWith('->') \|\| trimmed.startsWith('-'));\n const item = parseItem(line);\n if (!item) continue;\n if (isNested && lastRoot) {\n lastRoot.children.push(item);\n continue;\n }\n current.items.push(item);\n lastRoot = item;\n }\n return sections;\n}\n\nfunction ObservationItems({ items, nested = false }: { items: ParsedItem[]; nested?: boolean }) {\n return (\n <div className={nested ? 'border-border space-y-2 border-l pl-4' : 'space-y-3'}>\n {items.map((item, i) => {\n const styles = priorityClasses(item.priority, nested);\n return (\n <div key={`${item.text.slice(0, 20)}-${i}`} className=\"space-y-2\">\n <div className=\"flex items-start gap-3\">\n <div className=\"w-12 shrink-0 pt-2 text-right\">\n {item.time && (\n <span className={`text-meta font-mono ${styles.time}`}>{formatObservationTime(item.time)}</span>\n )}\n </div>\n <div className={cn('min-w-0 flex-1 rounded-md border px-3 py-2', styles.card)}>\n <p className={cn('text-body break-words whitespace-pre-wrap', styles.text)}>{item.text}</p>\n {item.children.length > 0 && (\n <div className=\"mt-3\">\n <ObservationItems items={item.children} nested />\n </div>\n )}\n </div>\n </div>\n </div>\n );\n })}\n </div>\n );\n}\n\nfunction ObservationContent({ observations }: { observations: string }) {\n const sections = useMemo(() => parseObservations(observations), [observations]);\n if (sections.length === 0) {\n return <p className=\"text-muted-foreground text-caption italic\">Initialized</p>;\n }\n return (\n <div className=\"space-y-5\">\n {sections.map((section, i) => (\n <section key={`${section.title}-${i}`} className=\"space-y-3\">\n <div className=\"border-border flex items-baseline justify-between gap-3 border-b pb-2\">\n <div className=\"min-w-0\">\n <h3 className=\"text-column text-foreground\">{section.title}</h3>\n {section.relativeTime && <p className=\"text-muted-foreground text-meta\">{section.relativeTime}</p>}\n </div>\n </div>\n <ObservationItems items={section.items} />\n </section>\n ))}\n </div>\n );\n}\n\nfunction ObservationHistoryPanel({\n records,\n selectedRecordId,\n onSelectRecord,\n}: {\n records: OMHistoryRecord[];\n selectedRecordId: string \| null;\n onSelectRecord: (id: string \| null) => void;\n}) {\n if (records.length <= 1) return null;\n\n return (\n <div className=\"border-border flex w-50 min-w-45 flex-col overflow-hidden border-l\">\n <div className=\"border-border border-b px-4 py-2\">\n <p className=\"text-body text-foreground\">History</p>\n </div>\n <div className=\"flex-1 overflow-y-auto\">\n {records.map(record => {\n const isSelected = record.id === selectedRecordId;\n return (\n <button\n key={record.id}\n type=\"button\"\n className={cn(\n 'text-muted-foreground w-full cursor-pointer truncate border-l-2 border-l-transparent px-3 py-2 text-left text-caption hover:bg-fill-subtle',\n isSelected && 'border-l-accent1 bg-fill-hover',\n )}\n onClick={() => onSelectRecord(record.id)}\n >\n {record.activeObservations \|\| (\n <span className=\"text-muted-foreground italic\">\n {record.isObserving \|\| record.isReflecting ? 'Processing\\u2026' : 'Initialized'}\n </span>\n )}\n </button>\n );\n })}\n </div>\n </div>\n );\n}\n\nexport interface ObservationDetailViewProps {\n records: OMHistoryRecord[];\n selectedRecordId: string \| null;\n onSelectRecord: (id: string \| null) => void;\n isLoading?: boolean;\n}\n\nexport function ObservationDetailView({\n records,\n selectedRecordId,\n onSelectRecord,\n isLoading,\n}: ObservationDetailViewProps) {\n const [showDiff, setShowDiff] = useState(false);\n\n const sorted = useMemo(\n () => [...records].sort((a, b) => new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime()),\n [records],\n );\n\n const selected = selectedRecordId ? sorted.find(r => r.id === selectedRecordId) : sorted[sorted.length - 1];\n const selectedIndex = selected ? sorted.findIndex(r => r.id === selected.id) : -1;\n const previousRecord = selectedIndex > 0 ? sorted[selectedIndex - 1] : null;\n\n useEffect(() => {\n const last = sorted.at(-1);\n if (!selectedRecordId && last) {\n onSelectRecord(last.id);\n }\n }, [selectedRecordId, sorted, onSelectRecord]);\n\n if (isLoading) {\n return (\n <div className=\"space-y-4 p-4\">\n <Skeleton className=\"h-6 w-40\" />\n <Skeleton className=\"h-32 w-full\" />\n <Skeleton className=\"h-32 w-full\" />\n </div>\n );\n }\n\n if (!selected) {\n return (\n <div className=\"flex h-full items-center justify-center\">\n <EmptyState\n iconSlot={<CircleSlashIcon className=\"size-4\" />}\n titleSlot=\"No observations\"\n descriptionSlot=\"No observational memory snapshots available for this thread.\"\n />\n </div>\n );\n }\n\n const activeObservations = typeof selected.activeObservations === 'string' ? selected.activeObservations : '';\n\n return (\n <div className=\"flex size-full overflow-hidden\">\n {/* Main observation content /}\n <div className=\"flex min-w-0 flex-1 flex-col overflow-hidden\">\n {previousRecord && (\n <div className=\"border-border border-b px-4 py-2\">\n <div className=\"flex items-start justify-end gap-3\">\n <label className=\"text-caption flex cursor-pointer items-center gap-1.5\">\n <Checkbox checked={showDiff} onCheckedChange={v => setShowDiff(v === true)} />\n <span className=\"text-muted-foreground text-caption\">Show diff</span>\n </label>\n </div>\n </div>\n )}\n\n <div data-testid=\"observation-detail-body\" className=\"flex-1 overflow-y-auto p-4\">\n {showDiff && previousRecord ? (\n <CodeDiff\n codeA={typeof previousRecord.activeObservations === 'string' ? previousRecord.activeObservations : ''}\n codeB={activeObservations}\n />\n ) : activeObservations ? (\n <ObservationContent observations={activeObservations} />\n ) : (\n <p className=\"text-muted-foreground text-caption italic\">\n {selected.isObserving \|\| selected.isReflecting ? 'Processing…' : 'Initialized'}\n </p>\n )}\n </div>\n </div>\n\n {/ History sidebar */}\n <ObservationHistoryPanel records={sorted} selectedRecordId={selected.id} onSelectRecord={onSelectRecord} />\n </div>\n );\n}\n"],"names":["jsx","jsxs","cn","useMemo","useState","useEffect","Skeleton","EmptyState","CircleSlashIcon","Checkbox","CodeDiff"],"mappings":";;;;;;;;;;;;;AAsBA,SAAS,sBAAsB,IAAA,EAAqB;AAClD,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAClB,EAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,KAAA,CAAM,qBAAqB,CAAA;AAC9C,EAAA,IAAI,CAAC,OAAO,OAAO,IAAA;AACnB,EAAA,MAAM,GAAG,KAAA,EAAO,OAAO,CAAA,GAAI,KAAA;AAC3B,EAAA,MAAM,IAAA,GAAO,OAAO,KAAK,CAAA;AACzB,EAAA,MAAM,MAAA,GAAS,IAAA,IAAQ,EAAA,GAAK,IAAA,GAAO,IAAA;AACnC,EAAA,MAAM,cAAA,GAAiB,OAAO,EAAA,IAAM,EAAA;AACpC,EAAA,OAAO,CAAA,EAAG,cAAc,CAAA,CAAA,EAAI,OAAO,IAAI,MAAM,CAAA,CAAA;AAC/C;AAEA,SAAS,qBAAqB,KAAA,EAAwC;AACpE,EAAA,IAAI,KAAA,KAAU,MAAM,OAAO,MAAA;AAC3B,EAAA,IAAI,KAAA,KAAU,MAAM,OAAO,QAAA;AAC3B,EAAA,IAAI,KAAA,KAAU,MAAM,OAAO,KAAA;AAC3B,EAAA,IAAI,KAAA,KAAU,KAAK,OAAO,UAAA;AAC1B,EAAA,OAAO,IAAA;AACT;AAEA,SAAS,eAAA,CAAgB,UAAkC,MAAA,EAAiB;AAC1E,EAAA,IAAI,MAAA,EAAQ;AACV,IAAA,OAAO;AAAA,MACL,IAAA,EAAM,mCAAA;AAAA,MACN,IAAA,EAAM,uBAAA;AAAA,MACN,IAAA,EAAM;AAAA,KACR;AAAA,EACF;AACA,EAAA,QAAQ,QAAA;AAAU,IAChB,KAAK,MAAA;AACH,MAAA,OAAO;AAAA,QACL,IAAA,EAAM,uCAAA;AAAA,QACN,IAAA,EAAM,iBAAA;AAAA,QACN,IAAA,EAAM;AAAA,OACR;AAAA,IACF,KAAK,QAAA;AACH,MAAA,OAAO;AAAA,QACL,IAAA,EAAM,mCAAA;AAAA,QACN,IAAA,EAAM,iBAAA;AAAA,QACN,IAAA,EAAM;AAAA,OACR;AAAA,IACF,KAAK,KAAA;AACH,MAAA,OAAO;AAAA,QACL,IAAA,EAAM,yCAAA;AAAA,QACN,IAAA,EAAM,iBAAA;AAAA,QACN,IAAA,EAAM;AAAA,OACR;AAAA,IACF,KAAK,UAAA;AACH,MAAA,OAAO;AAAA,QACL,IAAA,EAAM,qCAAA;AAAA,QACN,IAAA,EAAM,iBAAA;AAAA,QACN,IAAA,EAAM;AAAA,OACR;AAAA,IACF;AACE,MAAA,OAAO;AAAA,QACL,IAAA,EAAM,6BAAA;AAAA,QACN,IAAA,EAAM,iBAAA;AAAA,QACN,IAAA,EAAM;AAAA,OACR;AAAA;AAEN;AAEA,SAAS,UAAU,IAAA,EAAiC;AAClD,EAAA,MAAM,OAAA,GAAU,KAAK,IAAA,EAAK;AAC1B,EAAA,IAAI,CAAC,SAAS,OAAO,IAAA;AACrB,EAAA,IAAI,QAAQ,UAAA,CAAW,MAAM,KAAK,OAAA,CAAQ,UAAA,CAAW,IAAI,CAAA,EAAG;AAC1D,IAAA,MAAM,OAAO,OAAA,CAAQ,OAAA,CAAQ,cAAA,EAAgB,EAAE,EAAE,IAAA,EAAK;AACtD,IAAA,OAAO,IAAA,GAAO,EAAE,IAAA,EAAM,IAAA,EAAM,IAAA,EAAM,UAAU,IAAA,EAAM,QAAA,EAAU,EAAC,EAAE,GAAI,IAAA;AAAA,EACrE;AACA,EAAA,IAAI,OAAA,CAAQ,UAAA,CAAW,GAAG,CAAA,EAAG;AAC3B,IAAA,MAAM,OAAO,OAAA,CAAQ,OAAA,CAAQ,OAAA,EAAS,EAAE,EAAE,IAAA,EAAK;AAC/C,IAAA,OAAO,IAAA,GAAO,EAAE,IAAA,EAAM,IAAA,EAAM,IAAA,EAAM,UAAU,IAAA,EAAM,QAAA,EAAU,EAAC,EAAE,GAAI,IAAA;AAAA,EACrE;AAOA,EAAA,IAAI,OAAA,CAAQ,UAAA,CAAW,GAAG,CAAA,EAAG;AAC3B,IAAA,IAAI,IAAA,GAAO,OAAA,CAAQ,KAAA,CAAM,CAAC,EAAE,SAAA,EAAU;AACtC,IAAA,IAAI,QAAA,GAAmC,IAAA;AACvC,IAAA,KAAA,MAAW,SAAS,CAAC,IAAA,EAAM,IAAA,EAAM,IAAA,EAAM,GAAG,CAAA,EAAG;AAC3C,MAAA,IAAI,IAAA,CAAK,UAAA,CAAW,KAAK,CAAA,EAAG;AAC1B,QAAA,QAAA,GAAW,qBAAqB,KAAK,CAAA;AACrC,QAAA,IAAA,GAAO,IAAA,CAAK,KAAA,CAAM,KAAA,CAAM,MAAM,EAAE,SAAA,EAAU;AAC1C,QAAA;AAAA,MACF;AAAA,IACF;AACA,IAAA,IAAI,IAAA,GAAsB,IAAA;AAC1B,IAAA,MAAM,SAAA,GAAY,IAAA,CAAK,KAAA,CAAM,sBAAsB,CAAA;AACnD,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,MAAM,CAAC,WAAA,EAAa,WAAW,CAAA,GAAI,SAAA;AACnC,MAAA,IAAI,WAAA,KAAgB,MAAA,IAAa,WAAA,KAAgB,MAAA,EAAW;AAC1D,QAAA,IAAA,GAAO,WAAA;AACP,QAAA,IAAA,GAAO,IAAA,CAAK,KAAA,CAAM,WAAA,CAAY,MAAM,EAAE,SAAA,EAAU;AAAA,MAClD;AAAA,IACF;AACA,IAAA,IAAI,IAAA,EAAM;AACR,MAAA,OAAO,EAAE,IAAA,EAAM,IAAA,EAAM,MAAM,QAAA,EAAU,QAAA,EAAU,EAAC,EAAE;AAAA,IACpD;AAAA,EACF;AACA,EAAA,OAAO,EAAE,MAAM,OAAA,EAAS,IAAA,EAAM,MAAM,QAAA,EAAU,IAAA,EAAM,QAAA,EAAU,EAAC,EAAE;AACnE;AAEA,SAAS,kBAAkB,GAAA,EAA8B;AAKvD,EAAA,MAAM,OAAA,GAAU,gBAAA;AAChB,EAAA,MAAM,OAAA,GAAU,GAAA,CAAI,OAAA,CAAQ,OAAO,CAAA;AACnC,EAAA,MAAM,QAAA,GAAW,YAAY,EAAA,GAAK,EAAA,GAAK,IAAI,OAAA,CAAQ,iBAAA,EAAmB,OAAA,GAAU,OAAA,CAAQ,MAAM,CAAA;AAC9F,EAAA,MAAM,OAAA,GAAA,CAAW,QAAA,KAAa,EAAA,GAAK,GAAA,GAAM,GAAA,CAAI,KAAA,CAAM,OAAA,GAAU,OAAA,CAAQ,MAAA,EAAQ,QAAQ,CAAA,EAAG,IAAA,EAAK;AAC7F,EAAA,IAAI,CAAC,OAAA,EAAS,OAAO,EAAC;AACtB,EAAA,MAAM,KAAA,GAAQ,OAAA,CAAQ,KAAA,CAAM,IAAI,CAAA;AAChC,EAAA,MAAM,WAA4B,EAAC;AACnC,EAAA,IAAI,OAAA,GAAgC,IAAA;AACpC,EAAA,IAAI,QAAA,GAA8B,IAAA;AAClC,EAAA,KAAA,MAAW,QAAQ,KAAA,EAAO;AACxB,IAAA,MAAM,OAAA,GAAU,KAAK,IAAA,EAAK;AAC1B,IAAA,IAAI,CAAC,OAAA,EAAS;AAMd,IAAA,IAAI,OAAA,CAAQ,UAAA,CAAW,OAAO,CAAA,EAAG;AAC/B,MAAA,IAAI,QAAQ,OAAA,CAAQ,KAAA,CAAM,OAAA,CAAQ,MAAM,EAAE,IAAA,EAAK;AAC/C,MAAA,IAAI,YAAA,GAA8B,IAAA;AAClC,MAAA,IAAI,KAAA,CAAM,QAAA,CAAS,GAAG,CAAA,EAAG;AACvB,QAAA,MAAM,SAAA,GAAY,KAAA,CAAM,WAAA,CAAY,GAAG,CAAA;AACvC,QAAA,MAAM,KAAA,GAAQ,cAAc,EAAA,GAAK,EAAA,GAAK,MAAM,KAAA,CAAM,SAAA,GAAY,GAAG,EAAE,CAAA;AAEnE,QAAA,IAAI,YAAY,CAAA,IAAK,KAAA,IAAS,CAAC,KAAA,CAAM,QAAA,CAAS,GAAG,CAAA,EAAG;AAClD,UAAA,YAAA,GAAe,MAAM,IAAA,EAAK;AAC1B,UAAA,KAAA,GAAQ,KAAA,CAAM,KAAA,CAAM,CAAA,EAAG,SAAS,EAAE,IAAA,EAAK;AAAA,QACzC;AAAA,MACF;AACA,MAAA,IAAI,KAAA,EAAO;AACT,QAAA,OAAA,GAAU,EAAE,KAAA,EAAO,YAAA,EAAc,KAAA,EAAO,EAAC,EAAE;AAC3C,QAAA,QAAA,CAAS,KAAK,OAAO,CAAA;AACrB,QAAA,QAAA,GAAW,IAAA;AACX,QAAA;AAAA,MACF;AAAA,IACF;AACA,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA,OAAA,GAAU,EAAE,KAAA,EAAO,QAAA,EAAU,cAAc,IAAA,EAAM,KAAA,EAAO,EAAC,EAAE;AAC3D,MAAA,QAAA,CAAS,KAAK,OAAO,CAAA;AAAA,IACvB;AACA,IAAA,MAAM,SAAS,IAAA,CAAK,KAAA,CAAM,QAAQ,CAAA,GAAI,CAAC,GAAG,MAAA,IAAU,CAAA;AACpD,IAAA,MAAM,QAAA,GAAW,MAAA,IAAU,CAAA,KAAM,OAAA,CAAQ,UAAA,CAAW,MAAM,CAAA,IAAK,OAAA,CAAQ,UAAA,CAAW,IAAI,CAAA,IAAK,OAAA,CAAQ,WAAW,GAAG,CAAA,CAAA;AACjH,IAAA,MAAM,IAAA,GAAO,UAAU,IAAI,CAAA;AAC3B,IAAA,IAAI,CAAC,IAAA,EAAM;AACX,IAAA,IAAI,YAAY,QAAA,EAAU;AACxB,MAAA,QAAA,CAAS,QAAA,CAAS,KAAK,IAAI,CAAA;AAC3B,MAAA;AAAA,IACF;AACA,IAAA,OAAA,CAAQ,KAAA,CAAM,KAAK,IAAI,CAAA;AACvB,IAAA,QAAA,GAAW,IAAA;AAAA,EACb;AACA,EAAA,OAAO,QAAA;AACT;AAEA,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAO,MAAA,GAAS,OAAM,EAA8C;AAC9F,EAAA,uBACEA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,GAAS,uCAAA,GAA0C,aAChE,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,CAAA,KAAM;AACtB,IAAA,MAAM,MAAA,GAAS,eAAA,CAAgB,IAAA,CAAK,QAAA,EAAU,MAAM,CAAA;AACpD,IAAA,sCACG,KAAA,EAAA,EAA2C,SAAA,EAAU,aACpD,QAAA,kBAAAC,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wBAAA,EACb,QAAA,EAAA;AAAA,sBAAAD,cAAA,CAAC,SAAI,SAAA,EAAU,+BAAA,EACZ,QAAA,EAAA,IAAA,CAAK,IAAA,mCACH,MAAA,EAAA,EAAK,SAAA,EAAW,CAAA,oBAAA,EAAuB,MAAA,CAAO,IAAI,CAAA,CAAA,EAAK,QAAA,EAAA,qBAAA,CAAsB,IAAA,CAAK,IAAI,GAAE,CAAA,EAE7F,CAAA;AAAA,sCACC,KAAA,EAAA,EAAI,SAAA,EAAWE,YAAG,4CAAA,EAA8C,MAAA,CAAO,IAAI,CAAA,EAC1E,QAAA,EAAA;AAAA,wBAAAF,cAAA,CAAC,GAAA,EAAA,EAAE,WAAWE,WAAA,CAAG,2CAAA,EAA6C,OAAO,IAAI,CAAA,EAAI,eAAK,IAAA,EAAK,CAAA;AAAA,QACtF,IAAA,CAAK,QAAA,CAAS,MAAA,GAAS,CAAA,mCACrB,KAAA,EAAA,EAAI,SAAA,EAAU,MAAA,EACb,QAAA,kBAAAF,cAAA,CAAC,oBAAiB,KAAA,EAAO,IAAA,CAAK,QAAA,EAAU,MAAA,EAAM,MAAC,CAAA,EACjD;AAAA,OAAA,EAEJ;AAAA,KAAA,EACF,CAAA,EAAA,EAfQ,CAAA,EAAG,IAAA,CAAK,IAAA,CAAK,KAAA,CAAM,GAAG,EAAE,CAAC,CAAA,CAAA,EAAI,CAAC,CAAA,CAgBxC,CAAA;AAAA,EAEJ,CAAC,CAAA,EACH,CAAA;AAEJ;AAEA,SAAS,kBAAA,CAAmB,EAAE,YAAA,EAAa,EAA6B;AACtE,EAAA,MAAM,QAAA,GAAWG,cAAQ,MAAM,iBAAA,CAAkB,YAAY,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAC9E,EAAA,IAAI,QAAA,CAAS,WAAW,CAAA,EAAG;AACzB,IAAA,uBAAOH,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,2CAAA,EAA4C,QAAA,EAAA,aAAA,EAAW,CAAA;AAAA,EAC7E;AACA,EAAA,uBACEA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACZ,QAAA,EAAA,QAAA,CAAS,GAAA,CAAI,CAAC,OAAA,EAAS,CAAA,qBACtBC,eAAA,CAAC,SAAA,EAAA,EAAsC,SAAA,EAAU,WAAA,EAC/C,QAAA,EAAA;AAAA,oBAAAD,cAAA,CAAC,SAAI,SAAA,EAAU,uEAAA,EACb,QAAA,kBAAAC,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,SAAA,EACb,QAAA,EAAA;AAAA,sBAAAD,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,6BAAA,EAA+B,QAAA,EAAA,OAAA,CAAQ,KAAA,EAAM,CAAA;AAAA,MAC1D,QAAQ,YAAA,oBAAgBA,cAAA,CAAC,OAAE,SAAA,EAAU,iCAAA,EAAmC,kBAAQ,YAAA,EAAa;AAAA,KAAA,EAChG,CAAA,EACF,CAAA;AAAA,oBACAA,cAAA,CAAC,gBAAA,EAAA,EAAiB,KAAA,EAAO,OAAA,CAAQ,KAAA,EAAO;AAAA,GAAA,EAAA,EAP5B,GAAG,OAAA,CAAQ,KAAK,IAAI,CAAC,CAAA,CAQnC,CACD,CAAA,EACH,CAAA;AAEJ;AAEA,SAAS,uBAAA,CAAwB;AAAA,EAC/B,OAAA;AAAA,EACA,gBAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,IAAI,OAAA,CAAQ,MAAA,IAAU,CAAA,EAAG,OAAO,IAAA;AAEhC,EAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oEAAA,EACb,QAAA,EAAA;AAAA,oBAAAD,cAAA,CAAC,KAAA,EAAA,EAAI,WAAU,kCAAA,EACb,QAAA,kBAAAA,cAAA,CAAC,OAAE,SAAA,EAAU,2BAAA,EAA4B,qBAAO,CAAA,EAClD,CAAA;AAAA,mCACC,KAAA,EAAA,EAAI,SAAA,EAAU,wBAAA,EACZ,QAAA,EAAA,OAAA,CAAQ,IAAI,CAAA,MAAA,KAAU;AACrB,MAAA,MAAM,UAAA,GAAa,OAAO,EAAA,KAAO,gBAAA;AACjC,MAAA,uBACEA,cAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UAEC,IAAA,EAAK,QAAA;AAAA,UACL,SAAA,EAAWE,WAAA;AAAA,YACT,4IAAA;AAAA,YACA,UAAA,IAAc;AAAA,WAChB;AAAA,UACA,OAAA,EAAS,MAAM,cAAA,CAAe,MAAA,CAAO,EAAE,CAAA;AAAA,UAEtC,QAAA,EAAA,MAAA,CAAO,kBAAA,oBACNF,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8BAAA,EACb,QAAA,EAAA,MAAA,CAAO,WAAA,IAAe,MAAA,CAAO,YAAA,GAAe,aAAA,GAAqB,aAAA,EACpE;AAAA,SAAA;AAAA,QAXG,MAAA,CAAO;AAAA,OAad;AAAA,IAEJ,CAAC,CAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;AASO,SAAS,qBAAA,CAAsB;AAAA,EACpC,OAAA;AAAA,EACA,gBAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,EAA+B;AAC7B,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAII,eAAS,KAAK,CAAA;AAE9C,EAAA,MAAM,MAAA,GAASD,aAAA;AAAA,IACb,MAAM,CAAC,GAAG,OAAO,EAAE,IAAA,CAAK,CAAC,CAAA,EAAG,CAAA,KAAM,IAAI,IAAA,CAAK,EAAE,SAAS,CAAA,CAAE,SAAQ,GAAI,IAAI,KAAK,CAAA,CAAE,SAAS,CAAA,CAAE,OAAA,EAAS,CAAA;AAAA,IACnG,CAAC,OAAO;AAAA,GACV;AAEA,EAAA,MAAM,QAAA,GAAW,gBAAA,GAAmB,MAAA,CAAO,IAAA,CAAK,CAAA,CAAA,KAAK,CAAA,CAAE,EAAA,KAAO,gBAAgB,CAAA,GAAI,MAAA,CAAO,MAAA,CAAO,MAAA,GAAS,CAAC,CAAA;AAC1G,EAAA,MAAM,aAAA,GAAgB,WAAW,MAAA,CAAO,SAAA,CAAU,OAAK,CAAA,CAAE,EAAA,KAAO,QAAA,CAAS,EAAE,CAAA,GAAI,EAAA;AAC/E,EAAA,MAAM,iBAAiB,aAAA,GAAgB,CAAA,GAAI,MAAA,CAAO,aAAA,GAAgB,CAAC,CAAA,GAAI,IAAA;AAEvE,EAAAE,eAAA,CAAU,MAAM;AACd,IAAA,MAAM,IAAA,GAAO,MAAA,CAAO,EAAA,CAAG,EAAE,CAAA;AACzB,IAAA,IAAI,CAAC,oBAAoB,IAAA,EAAM;AAC7B,MAAA,cAAA,CAAe,KAAK,EAAE,CAAA;AAAA,IACxB;AAAA,EACF,CAAA,EAAG,CAAC,gBAAA,EAAkB,MAAA,EAAQ,cAAc,CAAC,CAAA;AAE7C,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,uBACEJ,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,eAAA,EACb,QAAA,EAAA;AAAA,sBAAAD,cAAA,CAACM,iBAAA,EAAA,EAAS,WAAU,UAAA,EAAW,CAAA;AAAA,sBAC/BN,cAAA,CAACM,iBAAA,EAAA,EAAS,SAAA,EAAU,aAAA,EAAc,CAAA;AAAA,sBAClCN,cAAA,CAACM,iBAAA,EAAA,EAAS,SAAA,EAAU,aAAA,EAAc;AAAA,KAAA,EACpC,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,uBACEN,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yCAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,MAACO,qBAAA;AAAA,MAAA;AAAA,QACC,QAAA,kBAAUP,cAAA,CAACQ,2BAAA,EAAA,EAAgB,SAAA,EAAU,QAAA,EAAS,CAAA;AAAA,QAC9C,SAAA,EAAU,iBAAA;AAAA,QACV,eAAA,EAAgB;AAAA;AAAA,KAClB,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,MAAM,qBAAqB,OAAO,QAAA,CAAS,kBAAA,KAAuB,QAAA,GAAW,SAAS,kBAAA,GAAqB,EAAA;AAE3G,EAAA,uBACEP,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gCAAA,EAEb,QAAA,EAAA;AAAA,oBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,8CAAA,EACZ,QAAA,EAAA;AAAA,MAAA,cAAA,oBACCD,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kCAAA,EACb,QAAA,kBAAAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oCAAA,EACb,QAAA,kBAAAC,eAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,uDAAA,EACf,QAAA,EAAA;AAAA,wBAAAD,cAAA,CAACS,iBAAA,EAAA,EAAS,SAAS,QAAA,EAAU,eAAA,EAAiB,OAAK,WAAA,CAAY,CAAA,KAAM,IAAI,CAAA,EAAG,CAAA;AAAA,wBAC5ET,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oCAAA,EAAqC,QAAA,EAAA,WAAA,EAAS;AAAA,OAAA,EAChE,GACF,CAAA,EACF,CAAA;AAAA,qCAGD,KAAA,EAAA,EAAI,aAAA,EAAY,2BAA0B,SAAA,EAAU,4BAAA,EAClD,sBAAY,cAAA,mBACXA,cAAA;AAAA,QAACU,iBAAA;AAAA,QAAA;AAAA,UACC,OAAO,OAAO,cAAA,CAAe,kBAAA,KAAuB,QAAA,GAAW,eAAe,kBAAA,GAAqB,EAAA;AAAA,UACnG,KAAA,EAAO;AAAA;AAAA,UAEP,kBAAA,mBACFV,cAAA,CAAC,kBAAA,EAAA,EAAmB,YAAA,EAAc,oBAAoB,CAAA,mBAEtDA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,6CACV,QAAA,EAAA,QAAA,CAAS,WAAA,IAAe,SAAS,YAAA,GAAe,aAAA,GAAgB,eACnE,CAAA,EAEJ;AAAA,KAAA,EACF,CAAA;AAAA,mCAGC,uBAAA,EAAA,EAAwB,OAAA,EAAS,QAAQ,gBAAA,EAAkB,QAAA,CAAS,IAAI,cAAA,EAAgC;AAAA,GAAA,EAC3G,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"observation-detail-view.cjs.js","sources":["../../../../src/domains/memory/components/observation-detail-view.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { Checkbox } from '../../../ds/components/Checkbox';\nimport { CodeDiff } from '../../../ds/components/CodeDiff';\nimport { EmptyState } from '../../../ds/components/EmptyState';\nimport { Skeleton } from '../../../ds/components/Skeleton';\nimport { cn } from '../../../lib/utils';\nimport type { OMHistoryRecord } from '../types';\n\ntype ParsedItem = {\n text: string;\n time: string \| null;\n priority: 'high' \| 'medium' \| 'low' \| 'complete' \| null;\n children: ParsedItem[];\n};\n\ntype ParsedSection = {\n title: string;\n relativeTime: string \| null;\n items: ParsedItem[];\n};\n\nfunction formatObservationTime(time: string \| null) {\n if (!time) return null;\n const match = time.match(/^(\\d{1,2}):(\\d{2})$/);\n if (!match) return time;\n const [, hours, minutes] = match;\n const hour = Number(hours);\n const suffix = hour >= 12 ? 'PM' : 'AM';\n const normalizedHour = hour % 12 \|\| 12;\n return `${normalizedHour}:${minutes} ${suffix}`;\n}\n\nfunction getPriorityFromEmoji(emoji?: string): ParsedItem['priority'] {\n if (emoji === '🔴') return 'high';\n if (emoji === '🟡') return 'medium';\n if (emoji === '🟢') return 'low';\n if (emoji === '✅') return 'complete';\n return null;\n}\n\nfunction priorityClasses(priority: ParsedItem['priority'], nested: boolean) {\n if (nested) {\n return {\n card: 'bg-transparent border-transparent',\n text: 'text-muted-foreground',\n time: 'text-muted-foreground',\n };\n }\n switch (priority) {\n case 'high':\n return {\n card: 'border-purple-400/30 bg-purple-500/10',\n text: 'text-foreground',\n time: 'text-purple-200/80',\n };\n case 'medium':\n return {\n card: 'border-blue-400/30 bg-blue-500/10',\n text: 'text-foreground',\n time: 'text-blue-200/80',\n };\n case 'low':\n return {\n card: 'border-emerald-400/30 bg-emerald-500/10',\n text: 'text-foreground',\n time: 'text-emerald-200/80',\n };\n case 'complete':\n return {\n card: 'border-green-400/30 bg-green-500/10',\n text: 'text-foreground',\n time: 'text-green-200/80',\n };\n default:\n return {\n card: 'border-border bg-background',\n text: 'text-foreground',\n time: 'text-muted-foreground',\n };\n }\n}\n\nfunction parseItem(line: string): ParsedItem \| null {\n const trimmed = line.trim();\n if (!trimmed) return null;\n if (trimmed.startsWith('* ->') \|\| trimmed.startsWith('->')) {\n const text = trimmed.replace(/^\\?\\s->\\s/, '').trim();\n return text ? { text, time: null, priority: null, children: [] } : null;\n }\n if (trimmed.startsWith('-')) {\n const text = trimmed.replace(/^-\\s/, '').trim();\n return text ? { text, time: null, priority: null, children: [] } : null;\n }\n // Extracts a root observation line of the form `* 🔴 (11:55) some text`,\n // where the priority emoji and `(HH:MM)` timestamp are both optional:\n // → { priority: high, time: '11:55', text: 'some text' }.\n // Parsed incrementally instead of with a single regex: adjacent `\\s` runs\n // around optional groups backtrack polynomially on adversarial input\n // (CodeQL js/polynomial-redos).\n if (trimmed.startsWith('')) {\n let rest = trimmed.slice(1).trimStart();\n let priority: ParsedItem['priority'] = null;\n for (const emoji of ['🔴', '🟡', '🟢', '✅']) {\n if (rest.startsWith(emoji)) {\n priority = getPriorityFromEmoji(emoji);\n rest = rest.slice(emoji.length).trimStart();\n break;\n }\n }\n let time: string \| null = null;\n const timeMatch = rest.match(/^\$(\\d{1,2}:\\d{2})\$/);\n if (timeMatch) {\n const [matchedText, matchedTime] = timeMatch;\n if (matchedText !== undefined && matchedTime !== undefined) {\n time = matchedTime;\n rest = rest.slice(matchedText.length).trimStart();\n }\n }\n if (rest) {\n return { text: rest, time, priority, children: [] };\n }\n }\n return { text: trimmed, time: null, priority: null, children: [] };\n}\n\nfunction parseObservations(raw: string): ParsedSection[] {\n // Extracts the text between `<observations>` and `</observations>` (falls\n // back to the whole string when the tags are absent). indexOf instead of a\n // lazy regex to avoid polynomial backtracking on adversarial input\n // (CodeQL js/polynomial-redos).\n const openTag = '<observations>';\n const openIdx = raw.indexOf(openTag);\n const closeIdx = openIdx === -1 ? -1 : raw.indexOf('</observations>', openIdx + openTag.length);\n const content = (closeIdx === -1 ? raw : raw.slice(openIdx + openTag.length, closeIdx)).trim();\n if (!content) return [];\n const lines = content.split('\\n');\n const sections: ParsedSection[] = [];\n let current: ParsedSection \| null = null;\n let lastRoot: ParsedItem \| null = null;\n for (const line of lines) {\n const trimmed = line.trim();\n if (!trimmed) continue;\n // Extracts a section header of the form `Date: Jul 2, 2026 (today)`,\n // where the parenthesized relative time is optional:\n // → { title: 'Jul 2, 2026', relativeTime: 'today' }.\n // Parsed with string ops instead of a lazy regex with an optional trailing\n // group, which backtracks polynomially (CodeQL js/polynomial-redos).\n if (trimmed.startsWith('Date:')) {\n let title = trimmed.slice('Date:'.length).trim();\n let relativeTime: string \| null = null;\n if (title.endsWith(')')) {\n const openParen = title.lastIndexOf('(');\n const inner = openParen === -1 ? '' : title.slice(openParen + 1, -1);\n // `inner` must not contain ')' — mirrors the original `\$([^)]+)\$$` semantics\n if (openParen > 0 && inner && !inner.includes(')')) {\n relativeTime = inner.trim();\n title = title.slice(0, openParen).trim();\n }\n }\n if (title) {\n current = { title, relativeTime, items: [] };\n sections.push(current);\n lastRoot = null;\n continue;\n }\n }\n if (!current) {\n current = { title: 'Recent', relativeTime: null, items: [] };\n sections.push(current);\n }\n const indent = line.match(/^(\\s)/)?.[1]?.length ?? 0;\n const isNested = indent >= 2 && (trimmed.startsWith(' ->') \|\| trimmed.startsWith('->') \|\| trimmed.startsWith('-'));\n const item = parseItem(line);\n if (!item) continue;\n if (isNested && lastRoot) {\n lastRoot.children.push(item);\n continue;\n }\n current.items.push(item);\n lastRoot = item;\n }\n return sections;\n}\n\nfunction ObservationItems({ items, nested = false }: { items: ParsedItem[]; nested?: boolean }) {\n return (\n <div className={nested ? 'space-y-2 border-l border-border pl-4' : 'space-y-3'}>\n {items.map((item, i) => {\n const styles = priorityClasses(item.priority, nested);\n return (\n <div key={`${item.text.slice(0, 20)}-${i}`} className=\"space-y-2\">\n <div className=\"flex items-start gap-3\">\n <div className=\"w-12 shrink-0 pt-2 text-right\">\n {item.time && (\n <span className={`font-mono text-meta ${styles.time}`}>{formatObservationTime(item.time)}</span>\n )}\n </div>\n <div className={cn('min-w-0 flex-1 rounded-md border px-3 py-2', styles.card)}>\n <p className={cn('text-body break-words whitespace-pre-wrap', styles.text)}>{item.text}</p>\n {item.children.length > 0 && (\n <div className=\"mt-3\">\n <ObservationItems items={item.children} nested />\n </div>\n )}\n </div>\n </div>\n </div>\n );\n })}\n </div>\n );\n}\n\nfunction ObservationContent({ observations }: { observations: string }) {\n const sections = useMemo(() => parseObservations(observations), [observations]);\n if (sections.length === 0) {\n return <p className=\"text-caption text-muted-foreground italic\">Initialized</p>;\n }\n return (\n <div className=\"space-y-5\">\n {sections.map((section, i) => (\n <section key={`${section.title}-${i}`} className=\"space-y-3\">\n <div className=\"flex items-baseline justify-between gap-3 border-b border-border pb-2\">\n <div className=\"min-w-0\">\n <h3 className=\"text-column text-foreground\">{section.title}</h3>\n {section.relativeTime && <p className=\"text-meta text-muted-foreground\">{section.relativeTime}</p>}\n </div>\n </div>\n <ObservationItems items={section.items} />\n </section>\n ))}\n </div>\n );\n}\n\nfunction ObservationHistoryPanel({\n records,\n selectedRecordId,\n onSelectRecord,\n}: {\n records: OMHistoryRecord[];\n selectedRecordId: string \| null;\n onSelectRecord: (id: string \| null) => void;\n}) {\n if (records.length <= 1) return null;\n\n return (\n <div className=\"flex w-50 min-w-45 flex-col overflow-hidden border-l border-border\">\n <div className=\"border-b border-border px-4 py-2\">\n <p className=\"text-body text-foreground\">History</p>\n </div>\n <div className=\"flex-1 overflow-y-auto\">\n {records.map(record => {\n const isSelected = record.id === selectedRecordId;\n return (\n <button\n key={record.id}\n type=\"button\"\n className={cn(\n 'w-full cursor-pointer truncate border-l-2 border-l-transparent px-3 py-2 text-left text-caption text-muted-foreground hover:bg-fill-subtle',\n isSelected && 'border-l-accent1 bg-fill-hover',\n )}\n onClick={() => onSelectRecord(record.id)}\n >\n {record.activeObservations \|\| (\n <span className=\"text-muted-foreground italic\">\n {record.isObserving \|\| record.isReflecting ? 'Processing\\u2026' : 'Initialized'}\n </span>\n )}\n </button>\n );\n })}\n </div>\n </div>\n );\n}\n\nexport interface ObservationDetailViewProps {\n records: OMHistoryRecord[];\n selectedRecordId: string \| null;\n onSelectRecord: (id: string \| null) => void;\n isLoading?: boolean;\n}\n\nexport function ObservationDetailView({\n records,\n selectedRecordId,\n onSelectRecord,\n isLoading,\n}: ObservationDetailViewProps) {\n const [showDiff, setShowDiff] = useState(false);\n\n const sorted = useMemo(\n () => [...records].sort((a, b) => new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime()),\n [records],\n );\n\n const selected = selectedRecordId ? sorted.find(r => r.id === selectedRecordId) : sorted[sorted.length - 1];\n const selectedIndex = selected ? sorted.findIndex(r => r.id === selected.id) : -1;\n const previousRecord = selectedIndex > 0 ? sorted[selectedIndex - 1] : null;\n\n useEffect(() => {\n const last = sorted.at(-1);\n if (!selectedRecordId && last) {\n onSelectRecord(last.id);\n }\n }, [selectedRecordId, sorted, onSelectRecord]);\n\n if (isLoading) {\n return (\n <div className=\"space-y-4 p-4\">\n <Skeleton className=\"h-6 w-40\" />\n <Skeleton className=\"h-32 w-full\" />\n <Skeleton className=\"h-32 w-full\" />\n </div>\n );\n }\n\n if (!selected) {\n return (\n <EmptyState\n titleSlot=\"No observations\"\n descriptionSlot=\"No observational memory snapshots available for this thread.\"\n variant=\"fill\"\n />\n );\n }\n\n const activeObservations = typeof selected.activeObservations === 'string' ? selected.activeObservations : '';\n\n return (\n <div className=\"flex size-full overflow-hidden\">\n {/* Main observation content /}\n <div className=\"flex min-w-0 flex-1 flex-col overflow-hidden\">\n {previousRecord && (\n <div className=\"border-b border-border px-4 py-2\">\n <div className=\"flex items-start justify-end gap-3\">\n <label className=\"flex cursor-pointer items-center gap-1.5 text-caption\">\n <Checkbox checked={showDiff} onCheckedChange={v => setShowDiff(v === true)} />\n <span className=\"text-caption text-muted-foreground\">Show diff</span>\n </label>\n </div>\n </div>\n )}\n\n <div data-testid=\"observation-detail-body\" className=\"flex-1 overflow-y-auto p-4\">\n {showDiff && previousRecord ? (\n <CodeDiff\n codeA={typeof previousRecord.activeObservations === 'string' ? previousRecord.activeObservations : ''}\n codeB={activeObservations}\n />\n ) : activeObservations ? (\n <ObservationContent observations={activeObservations} />\n ) : (\n <p className=\"text-caption text-muted-foreground italic\">\n {selected.isObserving \|\| selected.isReflecting ? 'Processing…' : 'Initialized'}\n </p>\n )}\n </div>\n </div>\n\n {/ History sidebar */}\n <ObservationHistoryPanel records={sorted} selectedRecordId={selected.id} onSelectRecord={onSelectRecord} />\n </div>\n );\n}\n"],"names":["jsx","jsxs","cn","useMemo","useState","useEffect","Skeleton","EmptyState","Checkbox","CodeDiff"],"mappings":"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"}

package/dist/domains/memory/components/observation-detail-view.es.js CHANGED Viewed

@@ -1,9 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { CircleSlashIcon } from 'lucide-react';
 import { useState, useMemo, useEffect } from 'react';
 import { C as Checkbox } from '../../../checkbox-CQedzgsi.js';
-import { C as CodeDiff } from '../../../code-diff-C5uY-3Hz.js';
-import { E as EmptyState } from '../../../EmptyState-UWXhBp5U.js';
+import { C as CodeDiff } from '../../../code-diff-BHZTS4Zh.js';
+import { E as EmptyState } from '../../../EmptyState-B6cyZw6m.js';
 import { S as Skeleton } from '../../../skeleton-BsRAXyh5.js';
 import { c as cn } from '../../../cn-65Adrsfj.js';
@@ -150,10 +149,10 @@ function parseObservations(raw) {
   return sections;
 }
 function ObservationItems({ items, nested = false }) {
-  return /* @__PURE__ */ jsx("div", { className: nested ? "border-border space-y-2 border-l pl-4" : "space-y-3", children: items.map((item, i) => {
+  return /* @__PURE__ */ jsx("div", { className: nested ? "space-y-2 border-l border-border pl-4" : "space-y-3", children: items.map((item, i) => {
     const styles = priorityClasses(item.priority, nested);
     return /* @__PURE__ */ jsx("div", { className: "space-y-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-      /* @__PURE__ */ jsx("div", { className: "w-12 shrink-0 pt-2 text-right", children: item.time && /* @__PURE__ */ jsx("span", { className: `text-meta font-mono ${styles.time}`, children: formatObservationTime(item.time) }) }),
+      /* @__PURE__ */ jsx("div", { className: "w-12 shrink-0 pt-2 text-right", children: item.time && /* @__PURE__ */ jsx("span", { className: `font-mono text-meta ${styles.time}`, children: formatObservationTime(item.time) }) }),
       /* @__PURE__ */ jsxs("div", { className: cn("min-w-0 flex-1 rounded-md border px-3 py-2", styles.card), children: [
         /* @__PURE__ */ jsx("p", { className: cn("text-body break-words whitespace-pre-wrap", styles.text), children: item.text }),
         item.children.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsx(ObservationItems, { items: item.children, nested: true }) })
@@ -164,12 +163,12 @@ function ObservationItems({ items, nested = false }) {
 function ObservationContent({ observations }) {
   const sections = useMemo(() => parseObservations(observations), [observations]);
   if (sections.length === 0) {
-    return /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-caption italic", children: "Initialized" });
+    return /* @__PURE__ */ jsx("p", { className: "text-caption text-muted-foreground italic", children: "Initialized" });
   }
   return /* @__PURE__ */ jsx("div", { className: "space-y-5", children: sections.map((section, i) => /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsx("div", { className: "border-border flex items-baseline justify-between gap-3 border-b pb-2", children: /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-baseline justify-between gap-3 border-b border-border pb-2", children: /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
       /* @__PURE__ */ jsx("h3", { className: "text-column text-foreground", children: section.title }),
-      section.relativeTime && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-meta", children: section.relativeTime })
+      section.relativeTime && /* @__PURE__ */ jsx("p", { className: "text-meta text-muted-foreground", children: section.relativeTime })
     ] }) }),
     /* @__PURE__ */ jsx(ObservationItems, { items: section.items })
   ] }, `${section.title}-${i}`)) });
@@ -180,8 +179,8 @@ function ObservationHistoryPanel({
   onSelectRecord
 }) {
   if (records.length <= 1) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "border-border flex w-50 min-w-45 flex-col overflow-hidden border-l", children: [
-    /* @__PURE__ */ jsx("div", { className: "border-border border-b px-4 py-2", children: /* @__PURE__ */ jsx("p", { className: "text-body text-foreground", children: "History" }) }),
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-50 min-w-45 flex-col overflow-hidden border-l border-border", children: [
+    /* @__PURE__ */ jsx("div", { className: "border-b border-border px-4 py-2", children: /* @__PURE__ */ jsx("p", { className: "text-body text-foreground", children: "History" }) }),
     /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto", children: records.map((record) => {
       const isSelected = record.id === selectedRecordId;
       return /* @__PURE__ */ jsx(
@@ -189,7 +188,7 @@ function ObservationHistoryPanel({
         {
           type: "button",
           className: cn(
-            "text-muted-foreground w-full cursor-pointer truncate border-l-2 border-l-transparent px-3 py-2 text-left text-caption hover:bg-fill-subtle",
+            "w-full cursor-pointer truncate border-l-2 border-l-transparent px-3 py-2 text-left text-caption text-muted-foreground hover:bg-fill-subtle",
             isSelected && "border-l-accent1 bg-fill-hover"
           ),
           onClick: () => onSelectRecord(record.id),
@@ -228,21 +227,21 @@ function ObservationDetailView({
     ] });
   }
   if (!selected) {
-    return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(
       EmptyState,
       {
-        iconSlot: /* @__PURE__ */ jsx(CircleSlashIcon, { className: "size-4" }),
         titleSlot: "No observations",
-        descriptionSlot: "No observational memory snapshots available for this thread."
+        descriptionSlot: "No observational memory snapshots available for this thread.",
+        variant: "fill"
       }
-    ) });
+    );
   }
   const activeObservations = typeof selected.activeObservations === "string" ? selected.activeObservations : "";
   return /* @__PURE__ */ jsxs("div", { className: "flex size-full overflow-hidden", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col overflow-hidden", children: [
-      previousRecord && /* @__PURE__ */ jsx("div", { className: "border-border border-b px-4 py-2", children: /* @__PURE__ */ jsx("div", { className: "flex items-start justify-end gap-3", children: /* @__PURE__ */ jsxs("label", { className: "text-caption flex cursor-pointer items-center gap-1.5", children: [
+      previousRecord && /* @__PURE__ */ jsx("div", { className: "border-b border-border px-4 py-2", children: /* @__PURE__ */ jsx("div", { className: "flex items-start justify-end gap-3", children: /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center gap-1.5 text-caption", children: [
         /* @__PURE__ */ jsx(Checkbox, { checked: showDiff, onCheckedChange: (v) => setShowDiff(v === true) }),
-        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-caption", children: "Show diff" })
+        /* @__PURE__ */ jsx("span", { className: "text-caption text-muted-foreground", children: "Show diff" })
       ] }) }) }),
       /* @__PURE__ */ jsx("div", { "data-testid": "observation-detail-body", className: "flex-1 overflow-y-auto p-4", children: showDiff && previousRecord ? /* @__PURE__ */ jsx(
         CodeDiff,
@@ -250,7 +249,7 @@ function ObservationDetailView({
           codeA: typeof previousRecord.activeObservations === "string" ? previousRecord.activeObservations : "",
           codeB: activeObservations
         }
-      ) : activeObservations ? /* @__PURE__ */ jsx(ObservationContent, { observations: activeObservations }) : /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-caption italic", children: selected.isObserving || selected.isReflecting ? "Processing…" : "Initialized" }) })
+      ) : activeObservations ? /* @__PURE__ */ jsx(ObservationContent, { observations: activeObservations }) : /* @__PURE__ */ jsx("p", { className: "text-caption text-muted-foreground italic", children: selected.isObserving || selected.isReflecting ? "Processing…" : "Initialized" }) })
     ] }),
     /* @__PURE__ */ jsx(ObservationHistoryPanel, { records: sorted, selectedRecordId: selected.id, onSelectRecord })
   ] });

package/dist/domains/memory/components/observation-detail-view.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"observation-detail-view.es.js","sources":["../../../../src/domains/memory/components/observation-detail-view.tsx"],"sourcesContent":["import { CircleSlashIcon } from 'lucide-react';\nimport { useEffect, useMemo, useState } from 'react';\nimport { Checkbox } from '../../../ds/components/Checkbox';\nimport { CodeDiff } from '../../../ds/components/CodeDiff';\nimport { EmptyState } from '../../../ds/components/EmptyState';\nimport { Skeleton } from '../../../ds/components/Skeleton';\nimport { cn } from '../../../lib/utils';\nimport type { OMHistoryRecord } from '../types';\n\ntype ParsedItem = {\n text: string;\n time: string \| null;\n priority: 'high' \| 'medium' \| 'low' \| 'complete' \| null;\n children: ParsedItem[];\n};\n\ntype ParsedSection = {\n title: string;\n relativeTime: string \| null;\n items: ParsedItem[];\n};\n\nfunction formatObservationTime(time: string \| null) {\n if (!time) return null;\n const match = time.match(/^(\\d{1,2}):(\\d{2})$/);\n if (!match) return time;\n const [, hours, minutes] = match;\n const hour = Number(hours);\n const suffix = hour >= 12 ? 'PM' : 'AM';\n const normalizedHour = hour % 12 \|\| 12;\n return `${normalizedHour}:${minutes} ${suffix}`;\n}\n\nfunction getPriorityFromEmoji(emoji?: string): ParsedItem['priority'] {\n if (emoji === '🔴') return 'high';\n if (emoji === '🟡') return 'medium';\n if (emoji === '🟢') return 'low';\n if (emoji === '✅') return 'complete';\n return null;\n}\n\nfunction priorityClasses(priority: ParsedItem['priority'], nested: boolean) {\n if (nested) {\n return {\n card: 'bg-transparent border-transparent',\n text: 'text-muted-foreground',\n time: 'text-muted-foreground',\n };\n }\n switch (priority) {\n case 'high':\n return {\n card: 'border-purple-400/30 bg-purple-500/10',\n text: 'text-foreground',\n time: 'text-purple-200/80',\n };\n case 'medium':\n return {\n card: 'border-blue-400/30 bg-blue-500/10',\n text: 'text-foreground',\n time: 'text-blue-200/80',\n };\n case 'low':\n return {\n card: 'border-emerald-400/30 bg-emerald-500/10',\n text: 'text-foreground',\n time: 'text-emerald-200/80',\n };\n case 'complete':\n return {\n card: 'border-green-400/30 bg-green-500/10',\n text: 'text-foreground',\n time: 'text-green-200/80',\n };\n default:\n return {\n card: 'border-border bg-background',\n text: 'text-foreground',\n time: 'text-muted-foreground',\n };\n }\n}\n\nfunction parseItem(line: string): ParsedItem \| null {\n const trimmed = line.trim();\n if (!trimmed) return null;\n if (trimmed.startsWith('* ->') \|\| trimmed.startsWith('->')) {\n const text = trimmed.replace(/^\\?\\s->\\s/, '').trim();\n return text ? { text, time: null, priority: null, children: [] } : null;\n }\n if (trimmed.startsWith('-')) {\n const text = trimmed.replace(/^-\\s/, '').trim();\n return text ? { text, time: null, priority: null, children: [] } : null;\n }\n // Extracts a root observation line of the form `* 🔴 (11:55) some text`,\n // where the priority emoji and `(HH:MM)` timestamp are both optional:\n // → { priority: high, time: '11:55', text: 'some text' }.\n // Parsed incrementally instead of with a single regex: adjacent `\\s` runs\n // around optional groups backtrack polynomially on adversarial input\n // (CodeQL js/polynomial-redos).\n if (trimmed.startsWith('')) {\n let rest = trimmed.slice(1).trimStart();\n let priority: ParsedItem['priority'] = null;\n for (const emoji of ['🔴', '🟡', '🟢', '✅']) {\n if (rest.startsWith(emoji)) {\n priority = getPriorityFromEmoji(emoji);\n rest = rest.slice(emoji.length).trimStart();\n break;\n }\n }\n let time: string \| null = null;\n const timeMatch = rest.match(/^\$(\\d{1,2}:\\d{2})\$/);\n if (timeMatch) {\n const [matchedText, matchedTime] = timeMatch;\n if (matchedText !== undefined && matchedTime !== undefined) {\n time = matchedTime;\n rest = rest.slice(matchedText.length).trimStart();\n }\n }\n if (rest) {\n return { text: rest, time, priority, children: [] };\n }\n }\n return { text: trimmed, time: null, priority: null, children: [] };\n}\n\nfunction parseObservations(raw: string): ParsedSection[] {\n // Extracts the text between `<observations>` and `</observations>` (falls\n // back to the whole string when the tags are absent). indexOf instead of a\n // lazy regex to avoid polynomial backtracking on adversarial input\n // (CodeQL js/polynomial-redos).\n const openTag = '<observations>';\n const openIdx = raw.indexOf(openTag);\n const closeIdx = openIdx === -1 ? -1 : raw.indexOf('</observations>', openIdx + openTag.length);\n const content = (closeIdx === -1 ? raw : raw.slice(openIdx + openTag.length, closeIdx)).trim();\n if (!content) return [];\n const lines = content.split('\\n');\n const sections: ParsedSection[] = [];\n let current: ParsedSection \| null = null;\n let lastRoot: ParsedItem \| null = null;\n for (const line of lines) {\n const trimmed = line.trim();\n if (!trimmed) continue;\n // Extracts a section header of the form `Date: Jul 2, 2026 (today)`,\n // where the parenthesized relative time is optional:\n // → { title: 'Jul 2, 2026', relativeTime: 'today' }.\n // Parsed with string ops instead of a lazy regex with an optional trailing\n // group, which backtracks polynomially (CodeQL js/polynomial-redos).\n if (trimmed.startsWith('Date:')) {\n let title = trimmed.slice('Date:'.length).trim();\n let relativeTime: string \| null = null;\n if (title.endsWith(')')) {\n const openParen = title.lastIndexOf('(');\n const inner = openParen === -1 ? '' : title.slice(openParen + 1, -1);\n // `inner` must not contain ')' — mirrors the original `\$([^)]+)\$$` semantics\n if (openParen > 0 && inner && !inner.includes(')')) {\n relativeTime = inner.trim();\n title = title.slice(0, openParen).trim();\n }\n }\n if (title) {\n current = { title, relativeTime, items: [] };\n sections.push(current);\n lastRoot = null;\n continue;\n }\n }\n if (!current) {\n current = { title: 'Recent', relativeTime: null, items: [] };\n sections.push(current);\n }\n const indent = line.match(/^(\\s)/)?.[1]?.length ?? 0;\n const isNested = indent >= 2 && (trimmed.startsWith(' ->') \|\| trimmed.startsWith('->') \|\| trimmed.startsWith('-'));\n const item = parseItem(line);\n if (!item) continue;\n if (isNested && lastRoot) {\n lastRoot.children.push(item);\n continue;\n }\n current.items.push(item);\n lastRoot = item;\n }\n return sections;\n}\n\nfunction ObservationItems({ items, nested = false }: { items: ParsedItem[]; nested?: boolean }) {\n return (\n <div className={nested ? 'border-border space-y-2 border-l pl-4' : 'space-y-3'}>\n {items.map((item, i) => {\n const styles = priorityClasses(item.priority, nested);\n return (\n <div key={`${item.text.slice(0, 20)}-${i}`} className=\"space-y-2\">\n <div className=\"flex items-start gap-3\">\n <div className=\"w-12 shrink-0 pt-2 text-right\">\n {item.time && (\n <span className={`text-meta font-mono ${styles.time}`}>{formatObservationTime(item.time)}</span>\n )}\n </div>\n <div className={cn('min-w-0 flex-1 rounded-md border px-3 py-2', styles.card)}>\n <p className={cn('text-body break-words whitespace-pre-wrap', styles.text)}>{item.text}</p>\n {item.children.length > 0 && (\n <div className=\"mt-3\">\n <ObservationItems items={item.children} nested />\n </div>\n )}\n </div>\n </div>\n </div>\n );\n })}\n </div>\n );\n}\n\nfunction ObservationContent({ observations }: { observations: string }) {\n const sections = useMemo(() => parseObservations(observations), [observations]);\n if (sections.length === 0) {\n return <p className=\"text-muted-foreground text-caption italic\">Initialized</p>;\n }\n return (\n <div className=\"space-y-5\">\n {sections.map((section, i) => (\n <section key={`${section.title}-${i}`} className=\"space-y-3\">\n <div className=\"border-border flex items-baseline justify-between gap-3 border-b pb-2\">\n <div className=\"min-w-0\">\n <h3 className=\"text-column text-foreground\">{section.title}</h3>\n {section.relativeTime && <p className=\"text-muted-foreground text-meta\">{section.relativeTime}</p>}\n </div>\n </div>\n <ObservationItems items={section.items} />\n </section>\n ))}\n </div>\n );\n}\n\nfunction ObservationHistoryPanel({\n records,\n selectedRecordId,\n onSelectRecord,\n}: {\n records: OMHistoryRecord[];\n selectedRecordId: string \| null;\n onSelectRecord: (id: string \| null) => void;\n}) {\n if (records.length <= 1) return null;\n\n return (\n <div className=\"border-border flex w-50 min-w-45 flex-col overflow-hidden border-l\">\n <div className=\"border-border border-b px-4 py-2\">\n <p className=\"text-body text-foreground\">History</p>\n </div>\n <div className=\"flex-1 overflow-y-auto\">\n {records.map(record => {\n const isSelected = record.id === selectedRecordId;\n return (\n <button\n key={record.id}\n type=\"button\"\n className={cn(\n 'text-muted-foreground w-full cursor-pointer truncate border-l-2 border-l-transparent px-3 py-2 text-left text-caption hover:bg-fill-subtle',\n isSelected && 'border-l-accent1 bg-fill-hover',\n )}\n onClick={() => onSelectRecord(record.id)}\n >\n {record.activeObservations \|\| (\n <span className=\"text-muted-foreground italic\">\n {record.isObserving \|\| record.isReflecting ? 'Processing\\u2026' : 'Initialized'}\n </span>\n )}\n </button>\n );\n })}\n </div>\n </div>\n );\n}\n\nexport interface ObservationDetailViewProps {\n records: OMHistoryRecord[];\n selectedRecordId: string \| null;\n onSelectRecord: (id: string \| null) => void;\n isLoading?: boolean;\n}\n\nexport function ObservationDetailView({\n records,\n selectedRecordId,\n onSelectRecord,\n isLoading,\n}: ObservationDetailViewProps) {\n const [showDiff, setShowDiff] = useState(false);\n\n const sorted = useMemo(\n () => [...records].sort((a, b) => new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime()),\n [records],\n );\n\n const selected = selectedRecordId ? sorted.find(r => r.id === selectedRecordId) : sorted[sorted.length - 1];\n const selectedIndex = selected ? sorted.findIndex(r => r.id === selected.id) : -1;\n const previousRecord = selectedIndex > 0 ? sorted[selectedIndex - 1] : null;\n\n useEffect(() => {\n const last = sorted.at(-1);\n if (!selectedRecordId && last) {\n onSelectRecord(last.id);\n }\n }, [selectedRecordId, sorted, onSelectRecord]);\n\n if (isLoading) {\n return (\n <div className=\"space-y-4 p-4\">\n <Skeleton className=\"h-6 w-40\" />\n <Skeleton className=\"h-32 w-full\" />\n <Skeleton className=\"h-32 w-full\" />\n </div>\n );\n }\n\n if (!selected) {\n return (\n <div className=\"flex h-full items-center justify-center\">\n <EmptyState\n iconSlot={<CircleSlashIcon className=\"size-4\" />}\n titleSlot=\"No observations\"\n descriptionSlot=\"No observational memory snapshots available for this thread.\"\n />\n </div>\n );\n }\n\n const activeObservations = typeof selected.activeObservations === 'string' ? selected.activeObservations : '';\n\n return (\n <div className=\"flex size-full overflow-hidden\">\n {/* Main observation content /}\n <div className=\"flex min-w-0 flex-1 flex-col overflow-hidden\">\n {previousRecord && (\n <div className=\"border-border border-b px-4 py-2\">\n <div className=\"flex items-start justify-end gap-3\">\n <label className=\"text-caption flex cursor-pointer items-center gap-1.5\">\n <Checkbox checked={showDiff} onCheckedChange={v => setShowDiff(v === true)} />\n <span className=\"text-muted-foreground text-caption\">Show diff</span>\n </label>\n </div>\n </div>\n )}\n\n <div data-testid=\"observation-detail-body\" className=\"flex-1 overflow-y-auto p-4\">\n {showDiff && previousRecord ? (\n <CodeDiff\n codeA={typeof previousRecord.activeObservations === 'string' ? previousRecord.activeObservations : ''}\n codeB={activeObservations}\n />\n ) : activeObservations ? (\n <ObservationContent observations={activeObservations} />\n ) : (\n <p className=\"text-muted-foreground text-caption italic\">\n {selected.isObserving \|\| selected.isReflecting ? 'Processing…' : 'Initialized'}\n </p>\n )}\n </div>\n </div>\n\n {/ History sidebar */}\n <ObservationHistoryPanel records={sorted} selectedRecordId={selected.id} onSelectRecord={onSelectRecord} />\n </div>\n );\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"observation-detail-view.es.js","sources":["../../../../src/domains/memory/components/observation-detail-view.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { Checkbox } from '../../../ds/components/Checkbox';\nimport { CodeDiff } from '../../../ds/components/CodeDiff';\nimport { EmptyState } from '../../../ds/components/EmptyState';\nimport { Skeleton } from '../../../ds/components/Skeleton';\nimport { cn } from '../../../lib/utils';\nimport type { OMHistoryRecord } from '../types';\n\ntype ParsedItem = {\n text: string;\n time: string \| null;\n priority: 'high' \| 'medium' \| 'low' \| 'complete' \| null;\n children: ParsedItem[];\n};\n\ntype ParsedSection = {\n title: string;\n relativeTime: string \| null;\n items: ParsedItem[];\n};\n\nfunction formatObservationTime(time: string \| null) {\n if (!time) return null;\n const match = time.match(/^(\\d{1,2}):(\\d{2})$/);\n if (!match) return time;\n const [, hours, minutes] = match;\n const hour = Number(hours);\n const suffix = hour >= 12 ? 'PM' : 'AM';\n const normalizedHour = hour % 12 \|\| 12;\n return `${normalizedHour}:${minutes} ${suffix}`;\n}\n\nfunction getPriorityFromEmoji(emoji?: string): ParsedItem['priority'] {\n if (emoji === '🔴') return 'high';\n if (emoji === '🟡') return 'medium';\n if (emoji === '🟢') return 'low';\n if (emoji === '✅') return 'complete';\n return null;\n}\n\nfunction priorityClasses(priority: ParsedItem['priority'], nested: boolean) {\n if (nested) {\n return {\n card: 'bg-transparent border-transparent',\n text: 'text-muted-foreground',\n time: 'text-muted-foreground',\n };\n }\n switch (priority) {\n case 'high':\n return {\n card: 'border-purple-400/30 bg-purple-500/10',\n text: 'text-foreground',\n time: 'text-purple-200/80',\n };\n case 'medium':\n return {\n card: 'border-blue-400/30 bg-blue-500/10',\n text: 'text-foreground',\n time: 'text-blue-200/80',\n };\n case 'low':\n return {\n card: 'border-emerald-400/30 bg-emerald-500/10',\n text: 'text-foreground',\n time: 'text-emerald-200/80',\n };\n case 'complete':\n return {\n card: 'border-green-400/30 bg-green-500/10',\n text: 'text-foreground',\n time: 'text-green-200/80',\n };\n default:\n return {\n card: 'border-border bg-background',\n text: 'text-foreground',\n time: 'text-muted-foreground',\n };\n }\n}\n\nfunction parseItem(line: string): ParsedItem \| null {\n const trimmed = line.trim();\n if (!trimmed) return null;\n if (trimmed.startsWith('* ->') \|\| trimmed.startsWith('->')) {\n const text = trimmed.replace(/^\\?\\s->\\s/, '').trim();\n return text ? { text, time: null, priority: null, children: [] } : null;\n }\n if (trimmed.startsWith('-')) {\n const text = trimmed.replace(/^-\\s/, '').trim();\n return text ? { text, time: null, priority: null, children: [] } : null;\n }\n // Extracts a root observation line of the form `* 🔴 (11:55) some text`,\n // where the priority emoji and `(HH:MM)` timestamp are both optional:\n // → { priority: high, time: '11:55', text: 'some text' }.\n // Parsed incrementally instead of with a single regex: adjacent `\\s` runs\n // around optional groups backtrack polynomially on adversarial input\n // (CodeQL js/polynomial-redos).\n if (trimmed.startsWith('')) {\n let rest = trimmed.slice(1).trimStart();\n let priority: ParsedItem['priority'] = null;\n for (const emoji of ['🔴', '🟡', '🟢', '✅']) {\n if (rest.startsWith(emoji)) {\n priority = getPriorityFromEmoji(emoji);\n rest = rest.slice(emoji.length).trimStart();\n break;\n }\n }\n let time: string \| null = null;\n const timeMatch = rest.match(/^\$(\\d{1,2}:\\d{2})\$/);\n if (timeMatch) {\n const [matchedText, matchedTime] = timeMatch;\n if (matchedText !== undefined && matchedTime !== undefined) {\n time = matchedTime;\n rest = rest.slice(matchedText.length).trimStart();\n }\n }\n if (rest) {\n return { text: rest, time, priority, children: [] };\n }\n }\n return { text: trimmed, time: null, priority: null, children: [] };\n}\n\nfunction parseObservations(raw: string): ParsedSection[] {\n // Extracts the text between `<observations>` and `</observations>` (falls\n // back to the whole string when the tags are absent). indexOf instead of a\n // lazy regex to avoid polynomial backtracking on adversarial input\n // (CodeQL js/polynomial-redos).\n const openTag = '<observations>';\n const openIdx = raw.indexOf(openTag);\n const closeIdx = openIdx === -1 ? -1 : raw.indexOf('</observations>', openIdx + openTag.length);\n const content = (closeIdx === -1 ? raw : raw.slice(openIdx + openTag.length, closeIdx)).trim();\n if (!content) return [];\n const lines = content.split('\\n');\n const sections: ParsedSection[] = [];\n let current: ParsedSection \| null = null;\n let lastRoot: ParsedItem \| null = null;\n for (const line of lines) {\n const trimmed = line.trim();\n if (!trimmed) continue;\n // Extracts a section header of the form `Date: Jul 2, 2026 (today)`,\n // where the parenthesized relative time is optional:\n // → { title: 'Jul 2, 2026', relativeTime: 'today' }.\n // Parsed with string ops instead of a lazy regex with an optional trailing\n // group, which backtracks polynomially (CodeQL js/polynomial-redos).\n if (trimmed.startsWith('Date:')) {\n let title = trimmed.slice('Date:'.length).trim();\n let relativeTime: string \| null = null;\n if (title.endsWith(')')) {\n const openParen = title.lastIndexOf('(');\n const inner = openParen === -1 ? '' : title.slice(openParen + 1, -1);\n // `inner` must not contain ')' — mirrors the original `\$([^)]+)\$$` semantics\n if (openParen > 0 && inner && !inner.includes(')')) {\n relativeTime = inner.trim();\n title = title.slice(0, openParen).trim();\n }\n }\n if (title) {\n current = { title, relativeTime, items: [] };\n sections.push(current);\n lastRoot = null;\n continue;\n }\n }\n if (!current) {\n current = { title: 'Recent', relativeTime: null, items: [] };\n sections.push(current);\n }\n const indent = line.match(/^(\\s)/)?.[1]?.length ?? 0;\n const isNested = indent >= 2 && (trimmed.startsWith(' ->') \|\| trimmed.startsWith('->') \|\| trimmed.startsWith('-'));\n const item = parseItem(line);\n if (!item) continue;\n if (isNested && lastRoot) {\n lastRoot.children.push(item);\n continue;\n }\n current.items.push(item);\n lastRoot = item;\n }\n return sections;\n}\n\nfunction ObservationItems({ items, nested = false }: { items: ParsedItem[]; nested?: boolean }) {\n return (\n <div className={nested ? 'space-y-2 border-l border-border pl-4' : 'space-y-3'}>\n {items.map((item, i) => {\n const styles = priorityClasses(item.priority, nested);\n return (\n <div key={`${item.text.slice(0, 20)}-${i}`} className=\"space-y-2\">\n <div className=\"flex items-start gap-3\">\n <div className=\"w-12 shrink-0 pt-2 text-right\">\n {item.time && (\n <span className={`font-mono text-meta ${styles.time}`}>{formatObservationTime(item.time)}</span>\n )}\n </div>\n <div className={cn('min-w-0 flex-1 rounded-md border px-3 py-2', styles.card)}>\n <p className={cn('text-body break-words whitespace-pre-wrap', styles.text)}>{item.text}</p>\n {item.children.length > 0 && (\n <div className=\"mt-3\">\n <ObservationItems items={item.children} nested />\n </div>\n )}\n </div>\n </div>\n </div>\n );\n })}\n </div>\n );\n}\n\nfunction ObservationContent({ observations }: { observations: string }) {\n const sections = useMemo(() => parseObservations(observations), [observations]);\n if (sections.length === 0) {\n return <p className=\"text-caption text-muted-foreground italic\">Initialized</p>;\n }\n return (\n <div className=\"space-y-5\">\n {sections.map((section, i) => (\n <section key={`${section.title}-${i}`} className=\"space-y-3\">\n <div className=\"flex items-baseline justify-between gap-3 border-b border-border pb-2\">\n <div className=\"min-w-0\">\n <h3 className=\"text-column text-foreground\">{section.title}</h3>\n {section.relativeTime && <p className=\"text-meta text-muted-foreground\">{section.relativeTime}</p>}\n </div>\n </div>\n <ObservationItems items={section.items} />\n </section>\n ))}\n </div>\n );\n}\n\nfunction ObservationHistoryPanel({\n records,\n selectedRecordId,\n onSelectRecord,\n}: {\n records: OMHistoryRecord[];\n selectedRecordId: string \| null;\n onSelectRecord: (id: string \| null) => void;\n}) {\n if (records.length <= 1) return null;\n\n return (\n <div className=\"flex w-50 min-w-45 flex-col overflow-hidden border-l border-border\">\n <div className=\"border-b border-border px-4 py-2\">\n <p className=\"text-body text-foreground\">History</p>\n </div>\n <div className=\"flex-1 overflow-y-auto\">\n {records.map(record => {\n const isSelected = record.id === selectedRecordId;\n return (\n <button\n key={record.id}\n type=\"button\"\n className={cn(\n 'w-full cursor-pointer truncate border-l-2 border-l-transparent px-3 py-2 text-left text-caption text-muted-foreground hover:bg-fill-subtle',\n isSelected && 'border-l-accent1 bg-fill-hover',\n )}\n onClick={() => onSelectRecord(record.id)}\n >\n {record.activeObservations \|\| (\n <span className=\"text-muted-foreground italic\">\n {record.isObserving \|\| record.isReflecting ? 'Processing\\u2026' : 'Initialized'}\n </span>\n )}\n </button>\n );\n })}\n </div>\n </div>\n );\n}\n\nexport interface ObservationDetailViewProps {\n records: OMHistoryRecord[];\n selectedRecordId: string \| null;\n onSelectRecord: (id: string \| null) => void;\n isLoading?: boolean;\n}\n\nexport function ObservationDetailView({\n records,\n selectedRecordId,\n onSelectRecord,\n isLoading,\n}: ObservationDetailViewProps) {\n const [showDiff, setShowDiff] = useState(false);\n\n const sorted = useMemo(\n () => [...records].sort((a, b) => new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime()),\n [records],\n );\n\n const selected = selectedRecordId ? sorted.find(r => r.id === selectedRecordId) : sorted[sorted.length - 1];\n const selectedIndex = selected ? sorted.findIndex(r => r.id === selected.id) : -1;\n const previousRecord = selectedIndex > 0 ? sorted[selectedIndex - 1] : null;\n\n useEffect(() => {\n const last = sorted.at(-1);\n if (!selectedRecordId && last) {\n onSelectRecord(last.id);\n }\n }, [selectedRecordId, sorted, onSelectRecord]);\n\n if (isLoading) {\n return (\n <div className=\"space-y-4 p-4\">\n <Skeleton className=\"h-6 w-40\" />\n <Skeleton className=\"h-32 w-full\" />\n <Skeleton className=\"h-32 w-full\" />\n </div>\n );\n }\n\n if (!selected) {\n return (\n <EmptyState\n titleSlot=\"No observations\"\n descriptionSlot=\"No observational memory snapshots available for this thread.\"\n variant=\"fill\"\n />\n );\n }\n\n const activeObservations = typeof selected.activeObservations === 'string' ? selected.activeObservations : '';\n\n return (\n <div className=\"flex size-full overflow-hidden\">\n {/* Main observation content /}\n <div className=\"flex min-w-0 flex-1 flex-col overflow-hidden\">\n {previousRecord && (\n <div className=\"border-b border-border px-4 py-2\">\n <div className=\"flex items-start justify-end gap-3\">\n <label className=\"flex cursor-pointer items-center gap-1.5 text-caption\">\n <Checkbox checked={showDiff} onCheckedChange={v => setShowDiff(v === true)} />\n <span className=\"text-caption text-muted-foreground\">Show diff</span>\n </label>\n </div>\n </div>\n )}\n\n <div data-testid=\"observation-detail-body\" className=\"flex-1 overflow-y-auto p-4\">\n {showDiff && previousRecord ? (\n <CodeDiff\n codeA={typeof previousRecord.activeObservations === 'string' ? previousRecord.activeObservations : ''}\n codeB={activeObservations}\n />\n ) : activeObservations ? (\n <ObservationContent observations={activeObservations} />\n ) : (\n <p className=\"text-caption text-muted-foreground italic\">\n {selected.isObserving \|\| selected.isReflecting ? 'Processing…' : 'Initialized'}\n </p>\n )}\n </div>\n </div>\n\n {/ History sidebar */}\n <ObservationHistoryPanel records={sorted} selectedRecordId={selected.id} onSelectRecord={onSelectRecord} />\n </div>\n );\n}\n"],"names":[],"mappings":";;;;;;;;AAqBA,SAAS,sBAAsB,IAAA,EAAqB;AAClD,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAClB,EAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,KAAA,CAAM,qBAAqB,CAAA;AAC9C,EAAA,IAAI,CAAC,OAAO,OAAO,IAAA;AACnB,EAAA,MAAM,GAAG,KAAA,EAAO,OAAO,CAAA,GAAI,KAAA;AAC3B,EAAA,MAAM,IAAA,GAAO,OAAO,KAAK,CAAA;AACzB,EAAA,MAAM,MAAA,GAAS,IAAA,IAAQ,EAAA,GAAK,IAAA,GAAO,IAAA;AACnC,EAAA,MAAM,cAAA,GAAiB,OAAO,EAAA,IAAM,EAAA;AACpC,EAAA,OAAO,CAAA,EAAG,cAAc,CAAA,CAAA,EAAI,OAAO,IAAI,MAAM,CAAA,CAAA;AAC/C;AAEA,SAAS,qBAAqB,KAAA,EAAwC;AACpE,EAAA,IAAI,KAAA,KAAU,MAAM,OAAO,MAAA;AAC3B,EAAA,IAAI,KAAA,KAAU,MAAM,OAAO,QAAA;AAC3B,EAAA,IAAI,KAAA,KAAU,MAAM,OAAO,KAAA;AAC3B,EAAA,IAAI,KAAA,KAAU,KAAK,OAAO,UAAA;AAC1B,EAAA,OAAO,IAAA;AACT;AAEA,SAAS,eAAA,CAAgB,UAAkC,MAAA,EAAiB;AAC1E,EAAA,IAAI,MAAA,EAAQ;AACV,IAAA,OAAO;AAAA,MACL,IAAA,EAAM,mCAAA;AAAA,MACN,IAAA,EAAM,uBAAA;AAAA,MACN,IAAA,EAAM;AAAA,KACR;AAAA,EACF;AACA,EAAA,QAAQ,QAAA;AAAU,IAChB,KAAK,MAAA;AACH,MAAA,OAAO;AAAA,QACL,IAAA,EAAM,uCAAA;AAAA,QACN,IAAA,EAAM,iBAAA;AAAA,QACN,IAAA,EAAM;AAAA,OACR;AAAA,IACF,KAAK,QAAA;AACH,MAAA,OAAO;AAAA,QACL,IAAA,EAAM,mCAAA;AAAA,QACN,IAAA,EAAM,iBAAA;AAAA,QACN,IAAA,EAAM;AAAA,OACR;AAAA,IACF,KAAK,KAAA;AACH,MAAA,OAAO;AAAA,QACL,IAAA,EAAM,yCAAA;AAAA,QACN,IAAA,EAAM,iBAAA;AAAA,QACN,IAAA,EAAM;AAAA,OACR;AAAA,IACF,KAAK,UAAA;AACH,MAAA,OAAO;AAAA,QACL,IAAA,EAAM,qCAAA;AAAA,QACN,IAAA,EAAM,iBAAA;AAAA,QACN,IAAA,EAAM;AAAA,OACR;AAAA,IACF;AACE,MAAA,OAAO;AAAA,QACL,IAAA,EAAM,6BAAA;AAAA,QACN,IAAA,EAAM,iBAAA;AAAA,QACN,IAAA,EAAM;AAAA,OACR;AAAA;AAEN;AAEA,SAAS,UAAU,IAAA,EAAiC;AAClD,EAAA,MAAM,OAAA,GAAU,KAAK,IAAA,EAAK;AAC1B,EAAA,IAAI,CAAC,SAAS,OAAO,IAAA;AACrB,EAAA,IAAI,QAAQ,UAAA,CAAW,MAAM,KAAK,OAAA,CAAQ,UAAA,CAAW,IAAI,CAAA,EAAG;AAC1D,IAAA,MAAM,OAAO,OAAA,CAAQ,OAAA,CAAQ,cAAA,EAAgB,EAAE,EAAE,IAAA,EAAK;AACtD,IAAA,OAAO,IAAA,GAAO,EAAE,IAAA,EAAM,IAAA,EAAM,IAAA,EAAM,UAAU,IAAA,EAAM,QAAA,EAAU,EAAC,EAAE,GAAI,IAAA;AAAA,EACrE;AACA,EAAA,IAAI,OAAA,CAAQ,UAAA,CAAW,GAAG,CAAA,EAAG;AAC3B,IAAA,MAAM,OAAO,OAAA,CAAQ,OAAA,CAAQ,OAAA,EAAS,EAAE,EAAE,IAAA,EAAK;AAC/C,IAAA,OAAO,IAAA,GAAO,EAAE,IAAA,EAAM,IAAA,EAAM,IAAA,EAAM,UAAU,IAAA,EAAM,QAAA,EAAU,EAAC,EAAE,GAAI,IAAA;AAAA,EACrE;AAOA,EAAA,IAAI,OAAA,CAAQ,UAAA,CAAW,GAAG,CAAA,EAAG;AAC3B,IAAA,IAAI,IAAA,GAAO,OAAA,CAAQ,KAAA,CAAM,CAAC,EAAE,SAAA,EAAU;AACtC,IAAA,IAAI,QAAA,GAAmC,IAAA;AACvC,IAAA,KAAA,MAAW,SAAS,CAAC,IAAA,EAAM,IAAA,EAAM,IAAA,EAAM,GAAG,CAAA,EAAG;AAC3C,MAAA,IAAI,IAAA,CAAK,UAAA,CAAW,KAAK,CAAA,EAAG;AAC1B,QAAA,QAAA,GAAW,qBAAqB,KAAK,CAAA;AACrC,QAAA,IAAA,GAAO,IAAA,CAAK,KAAA,CAAM,KAAA,CAAM,MAAM,EAAE,SAAA,EAAU;AAC1C,QAAA;AAAA,MACF;AAAA,IACF;AACA,IAAA,IAAI,IAAA,GAAsB,IAAA;AAC1B,IAAA,MAAM,SAAA,GAAY,IAAA,CAAK,KAAA,CAAM,sBAAsB,CAAA;AACnD,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,MAAM,CAAC,WAAA,EAAa,WAAW,CAAA,GAAI,SAAA;AACnC,MAAA,IAAI,WAAA,KAAgB,MAAA,IAAa,WAAA,KAAgB,MAAA,EAAW;AAC1D,QAAA,IAAA,GAAO,WAAA;AACP,QAAA,IAAA,GAAO,IAAA,CAAK,KAAA,CAAM,WAAA,CAAY,MAAM,EAAE,SAAA,EAAU;AAAA,MAClD;AAAA,IACF;AACA,IAAA,IAAI,IAAA,EAAM;AACR,MAAA,OAAO,EAAE,IAAA,EAAM,IAAA,EAAM,MAAM,QAAA,EAAU,QAAA,EAAU,EAAC,EAAE;AAAA,IACpD;AAAA,EACF;AACA,EAAA,OAAO,EAAE,MAAM,OAAA,EAAS,IAAA,EAAM,MAAM,QAAA,EAAU,IAAA,EAAM,QAAA,EAAU,EAAC,EAAE;AACnE;AAEA,SAAS,kBAAkB,GAAA,EAA8B;AAKvD,EAAA,MAAM,OAAA,GAAU,gBAAA;AAChB,EAAA,MAAM,OAAA,GAAU,GAAA,CAAI,OAAA,CAAQ,OAAO,CAAA;AACnC,EAAA,MAAM,QAAA,GAAW,YAAY,EAAA,GAAK,EAAA,GAAK,IAAI,OAAA,CAAQ,iBAAA,EAAmB,OAAA,GAAU,OAAA,CAAQ,MAAM,CAAA;AAC9F,EAAA,MAAM,OAAA,GAAA,CAAW,QAAA,KAAa,EAAA,GAAK,GAAA,GAAM,GAAA,CAAI,KAAA,CAAM,OAAA,GAAU,OAAA,CAAQ,MAAA,EAAQ,QAAQ,CAAA,EAAG,IAAA,EAAK;AAC7F,EAAA,IAAI,CAAC,OAAA,EAAS,OAAO,EAAC;AACtB,EAAA,MAAM,KAAA,GAAQ,OAAA,CAAQ,KAAA,CAAM,IAAI,CAAA;AAChC,EAAA,MAAM,WAA4B,EAAC;AACnC,EAAA,IAAI,OAAA,GAAgC,IAAA;AACpC,EAAA,IAAI,QAAA,GAA8B,IAAA;AAClC,EAAA,KAAA,MAAW,QAAQ,KAAA,EAAO;AACxB,IAAA,MAAM,OAAA,GAAU,KAAK,IAAA,EAAK;AAC1B,IAAA,IAAI,CAAC,OAAA,EAAS;AAMd,IAAA,IAAI,OAAA,CAAQ,UAAA,CAAW,OAAO,CAAA,EAAG;AAC/B,MAAA,IAAI,QAAQ,OAAA,CAAQ,KAAA,CAAM,OAAA,CAAQ,MAAM,EAAE,IAAA,EAAK;AAC/C,MAAA,IAAI,YAAA,GAA8B,IAAA;AAClC,MAAA,IAAI,KAAA,CAAM,QAAA,CAAS,GAAG,CAAA,EAAG;AACvB,QAAA,MAAM,SAAA,GAAY,KAAA,CAAM,WAAA,CAAY,GAAG,CAAA;AACvC,QAAA,MAAM,KAAA,GAAQ,cAAc,EAAA,GAAK,EAAA,GAAK,MAAM,KAAA,CAAM,SAAA,GAAY,GAAG,EAAE,CAAA;AAEnE,QAAA,IAAI,YAAY,CAAA,IAAK,KAAA,IAAS,CAAC,KAAA,CAAM,QAAA,CAAS,GAAG,CAAA,EAAG;AAClD,UAAA,YAAA,GAAe,MAAM,IAAA,EAAK;AAC1B,UAAA,KAAA,GAAQ,KAAA,CAAM,KAAA,CAAM,CAAA,EAAG,SAAS,EAAE,IAAA,EAAK;AAAA,QACzC;AAAA,MACF;AACA,MAAA,IAAI,KAAA,EAAO;AACT,QAAA,OAAA,GAAU,EAAE,KAAA,EAAO,YAAA,EAAc,KAAA,EAAO,EAAC,EAAE;AAC3C,QAAA,QAAA,CAAS,KAAK,OAAO,CAAA;AACrB,QAAA,QAAA,GAAW,IAAA;AACX,QAAA;AAAA,MACF;AAAA,IACF;AACA,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA,OAAA,GAAU,EAAE,KAAA,EAAO,QAAA,EAAU,cAAc,IAAA,EAAM,KAAA,EAAO,EAAC,EAAE;AAC3D,MAAA,QAAA,CAAS,KAAK,OAAO,CAAA;AAAA,IACvB;AACA,IAAA,MAAM,SAAS,IAAA,CAAK,KAAA,CAAM,QAAQ,CAAA,GAAI,CAAC,GAAG,MAAA,IAAU,CAAA;AACpD,IAAA,MAAM,QAAA,GAAW,MAAA,IAAU,CAAA,KAAM,OAAA,CAAQ,UAAA,CAAW,MAAM,CAAA,IAAK,OAAA,CAAQ,UAAA,CAAW,IAAI,CAAA,IAAK,OAAA,CAAQ,WAAW,GAAG,CAAA,CAAA;AACjH,IAAA,MAAM,IAAA,GAAO,UAAU,IAAI,CAAA;AAC3B,IAAA,IAAI,CAAC,IAAA,EAAM;AACX,IAAA,IAAI,YAAY,QAAA,EAAU;AACxB,MAAA,QAAA,CAAS,QAAA,CAAS,KAAK,IAAI,CAAA;AAC3B,MAAA;AAAA,IACF;AACA,IAAA,OAAA,CAAQ,KAAA,CAAM,KAAK,IAAI,CAAA;AACvB,IAAA,QAAA,GAAW,IAAA;AAAA,EACb;AACA,EAAA,OAAO,QAAA;AACT;AAEA,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAO,MAAA,GAAS,OAAM,EAA8C;AAC9F,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,GAAS,uCAAA,GAA0C,aAChE,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,CAAA,KAAM;AACtB,IAAA,MAAM,MAAA,GAAS,eAAA,CAAgB,IAAA,CAAK,QAAA,EAAU,MAAM,CAAA;AACpD,IAAA,2BACG,KAAA,EAAA,EAA2C,SAAA,EAAU,aACpD,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,SAAI,SAAA,EAAU,+BAAA,EACZ,QAAA,EAAA,IAAA,CAAK,IAAA,wBACH,MAAA,EAAA,EAAK,SAAA,EAAW,CAAA,oBAAA,EAAuB,MAAA,CAAO,IAAI,CAAA,CAAA,EAAK,QAAA,EAAA,qBAAA,CAAsB,IAAA,CAAK,IAAI,GAAE,CAAA,EAE7F,CAAA;AAAA,2BACC,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,4CAAA,EAA8C,MAAA,CAAO,IAAI,CAAA,EAC1E,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,GAAA,EAAA,EAAE,WAAW,EAAA,CAAG,2CAAA,EAA6C,OAAO,IAAI,CAAA,EAAI,eAAK,IAAA,EAAK,CAAA;AAAA,QACtF,IAAA,CAAK,QAAA,CAAS,MAAA,GAAS,CAAA,wBACrB,KAAA,EAAA,EAAI,SAAA,EAAU,MAAA,EACb,QAAA,kBAAA,GAAA,CAAC,oBAAiB,KAAA,EAAO,IAAA,CAAK,QAAA,EAAU,MAAA,EAAM,MAAC,CAAA,EACjD;AAAA,OAAA,EAEJ;AAAA,KAAA,EACF,CAAA,EAAA,EAfQ,CAAA,EAAG,IAAA,CAAK,IAAA,CAAK,KAAA,CAAM,GAAG,EAAE,CAAC,CAAA,CAAA,EAAI,CAAC,CAAA,CAgBxC,CAAA;AAAA,EAEJ,CAAC,CAAA,EACH,CAAA;AAEJ;AAEA,SAAS,kBAAA,CAAmB,EAAE,YAAA,EAAa,EAA6B;AACtE,EAAA,MAAM,QAAA,GAAW,QAAQ,MAAM,iBAAA,CAAkB,YAAY,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAC9E,EAAA,IAAI,QAAA,CAAS,WAAW,CAAA,EAAG;AACzB,IAAA,uBAAO,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,2CAAA,EAA4C,QAAA,EAAA,aAAA,EAAW,CAAA;AAAA,EAC7E;AACA,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACZ,QAAA,EAAA,QAAA,CAAS,GAAA,CAAI,CAAC,OAAA,EAAS,CAAA,qBACtB,IAAA,CAAC,SAAA,EAAA,EAAsC,SAAA,EAAU,WAAA,EAC/C,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAI,SAAA,EAAU,uEAAA,EACb,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,SAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,6BAAA,EAA+B,QAAA,EAAA,OAAA,CAAQ,KAAA,EAAM,CAAA;AAAA,MAC1D,QAAQ,YAAA,oBAAgB,GAAA,CAAC,OAAE,SAAA,EAAU,iCAAA,EAAmC,kBAAQ,YAAA,EAAa;AAAA,KAAA,EAChG,CAAA,EACF,CAAA;AAAA,oBACA,GAAA,CAAC,gBAAA,EAAA,EAAiB,KAAA,EAAO,OAAA,CAAQ,KAAA,EAAO;AAAA,GAAA,EAAA,EAP5B,GAAG,OAAA,CAAQ,KAAK,IAAI,CAAC,CAAA,CAQnC,CACD,CAAA,EACH,CAAA;AAEJ;AAEA,SAAS,uBAAA,CAAwB;AAAA,EAC/B,OAAA;AAAA,EACA,gBAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,IAAI,OAAA,CAAQ,MAAA,IAAU,CAAA,EAAG,OAAO,IAAA;AAEhC,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oEAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,kCAAA,EACb,QAAA,kBAAA,GAAA,CAAC,OAAE,SAAA,EAAU,2BAAA,EAA4B,qBAAO,CAAA,EAClD,CAAA;AAAA,wBACC,KAAA,EAAA,EAAI,SAAA,EAAU,wBAAA,EACZ,QAAA,EAAA,OAAA,CAAQ,IAAI,CAAA,MAAA,KAAU;AACrB,MAAA,MAAM,UAAA,GAAa,OAAO,EAAA,KAAO,gBAAA;AACjC,MAAA,uBACE,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UAEC,IAAA,EAAK,QAAA;AAAA,UACL,SAAA,EAAW,EAAA;AAAA,YACT,4IAAA;AAAA,YACA,UAAA,IAAc;AAAA,WAChB;AAAA,UACA,OAAA,EAAS,MAAM,cAAA,CAAe,MAAA,CAAO,EAAE,CAAA;AAAA,UAEtC,QAAA,EAAA,MAAA,CAAO,kBAAA,oBACN,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8BAAA,EACb,QAAA,EAAA,MAAA,CAAO,WAAA,IAAe,MAAA,CAAO,YAAA,GAAe,aAAA,GAAqB,aAAA,EACpE;AAAA,SAAA;AAAA,QAXG,MAAA,CAAO;AAAA,OAad;AAAA,IAEJ,CAAC,CAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;AASO,SAAS,qBAAA,CAAsB;AAAA,EACpC,OAAA;AAAA,EACA,gBAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,EAA+B;AAC7B,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA;AAE9C,EAAA,MAAM,MAAA,GAAS,OAAA;AAAA,IACb,MAAM,CAAC,GAAG,OAAO,EAAE,IAAA,CAAK,CAAC,CAAA,EAAG,CAAA,KAAM,IAAI,IAAA,CAAK,EAAE,SAAS,CAAA,CAAE,SAAQ,GAAI,IAAI,KAAK,CAAA,CAAE,SAAS,CAAA,CAAE,OAAA,EAAS,CAAA;AAAA,IACnG,CAAC,OAAO;AAAA,GACV;AAEA,EAAA,MAAM,QAAA,GAAW,gBAAA,GAAmB,MAAA,CAAO,IAAA,CAAK,CAAA,CAAA,KAAK,CAAA,CAAE,EAAA,KAAO,gBAAgB,CAAA,GAAI,MAAA,CAAO,MAAA,CAAO,MAAA,GAAS,CAAC,CAAA;AAC1G,EAAA,MAAM,aAAA,GAAgB,WAAW,MAAA,CAAO,SAAA,CAAU,OAAK,CAAA,CAAE,EAAA,KAAO,QAAA,CAAS,EAAE,CAAA,GAAI,EAAA;AAC/E,EAAA,MAAM,iBAAiB,aAAA,GAAgB,CAAA,GAAI,MAAA,CAAO,aAAA,GAAgB,CAAC,CAAA,GAAI,IAAA;AAEvE,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,IAAA,GAAO,MAAA,CAAO,EAAA,CAAG,EAAE,CAAA;AACzB,IAAA,IAAI,CAAC,oBAAoB,IAAA,EAAM;AAC7B,MAAA,cAAA,CAAe,KAAK,EAAE,CAAA;AAAA,IACxB;AAAA,EACF,CAAA,EAAG,CAAC,gBAAA,EAAkB,MAAA,EAAQ,cAAc,CAAC,CAAA;AAE7C,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,eAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,WAAU,UAAA,EAAW,CAAA;AAAA,sBAC/B,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,aAAA,EAAc,CAAA;AAAA,sBAClC,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,aAAA,EAAc;AAAA,KAAA,EACpC,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,uBACE,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,iBAAA;AAAA,QACV,eAAA,EAAgB,8DAAA;AAAA,QAChB,OAAA,EAAQ;AAAA;AAAA,KACV;AAAA,EAEJ;AAEA,EAAA,MAAM,qBAAqB,OAAO,QAAA,CAAS,kBAAA,KAAuB,QAAA,GAAW,SAAS,kBAAA,GAAqB,EAAA;AAE3G,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gCAAA,EAEb,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,8CAAA,EACZ,QAAA,EAAA;AAAA,MAAA,cAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kCAAA,EACb,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oCAAA,EACb,QAAA,kBAAA,IAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,uDAAA,EACf,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,SAAS,QAAA,EAAU,eAAA,EAAiB,OAAK,WAAA,CAAY,CAAA,KAAM,IAAI,CAAA,EAAG,CAAA;AAAA,wBAC5E,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oCAAA,EAAqC,QAAA,EAAA,WAAA,EAAS;AAAA,OAAA,EAChE,GACF,CAAA,EACF,CAAA;AAAA,0BAGD,KAAA,EAAA,EAAI,aAAA,EAAY,2BAA0B,SAAA,EAAU,4BAAA,EAClD,sBAAY,cAAA,mBACX,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,OAAO,OAAO,cAAA,CAAe,kBAAA,KAAuB,QAAA,GAAW,eAAe,kBAAA,GAAqB,EAAA;AAAA,UACnG,KAAA,EAAO;AAAA;AAAA,UAEP,kBAAA,mBACF,GAAA,CAAC,kBAAA,EAAA,EAAmB,YAAA,EAAc,oBAAoB,CAAA,mBAEtD,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,6CACV,QAAA,EAAA,QAAA,CAAS,WAAA,IAAe,SAAS,YAAA,GAAe,aAAA,GAAgB,eACnE,CAAA,EAEJ;AAAA,KAAA,EACF,CAAA;AAAA,wBAGC,uBAAA,EAAA,EAAwB,OAAA,EAAS,QAAQ,gBAAA,EAAkB,QAAA,CAAS,IAAI,cAAA,EAAgC;AAAA,GAAA,EAC3G,CAAA;AAEJ;;;;"}

package/dist/domains/memory/components/thread-context-progress.cjs.js CHANGED Viewed

@@ -14,8 +14,8 @@ function ProgressBar({
 }) {
   const percent = Math.max(0, Math.min(100, value / max * 100));
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("min-w-0 flex-1", tones.toneClass[tone]), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-muted-foreground text-meta mb-1 flex items-center justify-between gap-2 font-mono", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground tracking-wide uppercase", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-1 flex items-center justify-between gap-2 font-mono text-meta text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tracking-wide text-foreground uppercase", children: label }),
       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground tabular-nums", children: [
         tones.formatCompactTokens(value),
         "/",
@@ -38,7 +38,7 @@ function ThreadContextProgress({
   if (!showMessages && !showMemory) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-border border-b px-3 py-2", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 sm:flex-row", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 sm:flex-row", children: [
     showMessages ? /* @__PURE__ */ jsxRuntime.jsx(ProgressBar, { label: "Messages", value: messageTokens, max: messageThreshold, tone: "messages" }) : null,
     showMemory ? /* @__PURE__ */ jsxRuntime.jsx(ProgressBar, { label: memoryLabel, value: memoryTokens, max: memoryThreshold, tone: "memory" }) : null
   ] }) });

package/dist/domains/memory/components/thread-context-progress.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"thread-context-progress.cjs.js","sources":["../../../../src/domains/memory/components/thread-context-progress.tsx"],"sourcesContent":["import { formatCompactTokens } from '@/ds/components/TokenBudget/format-tokens';\nimport { toneClass } from '@/ds/components/TokenBudget/tones';\nimport type { TokenBudgetTone } from '@/ds/components/TokenBudget/tones';\nimport { cn } from '@/lib/utils';\n\ninterface ThreadContextProgressProps {\n messageTokens?: number;\n messageThreshold?: number;\n memoryTokens?: number;\n memoryThreshold?: number;\n /** Label for the second (memory-toned) bar. Defaults to \"Memory\". /\n memoryLabel?: string;\n}\n\nfunction ProgressBar({\n label,\n value,\n max,\n tone,\n}: {\n label: string;\n value: number;\n max: number;\n tone: TokenBudgetTone;\n}) {\n const percent = Math.max(0, Math.min(100, (value / max) 100));\n\n return (\n <div className={cn('min-w-0 flex-1', toneClass[tone])}>\n <div className=\"~~text-muted-foreground text-meta~~ mb-1 flex items-center justify-between gap-2 font-mono\">\n <span className=\"text-foreground ~~tracking-wide~~ uppercase\">{label}</span>\n <span className=\"text-muted-foreground tabular-nums\">\n {formatCompactTokens(value)}/{formatCompactTokens(max)}k\n </span>\n </div>\n <div className=\"h-1.5 overflow-hidden rounded-full bg-white/[0.08]\">\n <div className=\"h-full rounded-full bg-current/80\" style={{ width: `${percent}%` }} />\n </div>\n </div>\n );\n}\n\nexport function ThreadContextProgress({\n messageTokens,\n messageThreshold,\n memoryTokens,\n memoryThreshold,\n memoryLabel = 'Memory',\n}: ThreadContextProgressProps) {\n const showMessages = messageTokens != null && messageThreshold != null && messageThreshold > 0;\n const showMemory = memoryTokens != null && memoryThreshold != null && memoryThreshold > 0;\n\n if (!showMessages && !showMemory) {\n return null;\n }\n\n return (\n <div className=\"border-~~border~~ border-b px-3 py-2\">\n <div className=\"flex flex-col gap-2 sm:flex-row\">\n {showMessages ? (\n <ProgressBar label=\"Messages\" value={messageTokens} max={messageThreshold} tone=\"messages\" />\n ) : null}\n {showMemory ? (\n <ProgressBar label={memoryLabel} value={memoryTokens} max={memoryThreshold} tone=\"memory\" />\n ) : null}\n </div>\n </div>\n );\n}\n"],"names":["jsxs","cn","toneClass","jsx","formatCompactTokens"],"mappings":";;;;;;;;AAcA,SAAS,WAAA,CAAY;AAAA,EACnB,KAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF,CAAA,EAKG;AACD,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,IAAI,GAAA,EAAM,KAAA,GAAQ,GAAA,GAAO,GAAG,CAAC,CAAA;AAE9D,EAAA,uBACEA,eAAA,CAAC,SAAI,SAAA,EAAWC,WAAA,CAAG,kBAAkBC,eAAA,CAAU,IAAI,CAAC,CAAA,EAClD,QAAA,EAAA;AAAA,oBAAAF,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wFAAA,EACb,QAAA,EAAA;AAAA,sBAAAG,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yCAAA,EAA2C,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,sBACjEH,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oCAAA,EACb,QAAA,EAAA;AAAA,QAAAI,yBAAA,CAAoB,KAAK,CAAA;AAAA,QAAE,GAAA;AAAA,QAAEA,0BAAoB,GAAG,CAAA;AAAA,QAAE;AAAA,OAAA,EACzD;AAAA,KAAA,EACF,CAAA;AAAA,oBACAD,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oDAAA,EACb,yCAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mCAAA,EAAoC,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,OAAO,CAAA,CAAA,CAAA,IAAO,CAAA,EACtF;AAAA,GAAA,EACF,CAAA;AAEJ;AAEO,SAAS,qBAAA,CAAsB;AAAA,EACpC,aAAA;AAAA,EACA,gBAAA;AAAA,EACA,YAAA;AAAA,EACA,eAAA;AAAA,EACA,WAAA,GAAc;AAChB,CAAA,EAA+B;AAC7B,EAAA,MAAM,YAAA,GAAe,aAAA,IAAiB,IAAA,IAAQ,gBAAA,IAAoB,QAAQ,gBAAA,GAAmB,CAAA;AAC7F,EAAA,MAAM,UAAA,GAAa,YAAA,IAAgB,IAAA,IAAQ,eAAA,IAAmB,QAAQ,eAAA,GAAkB,CAAA;AAExF,EAAA,IAAI,CAAC,YAAA,IAAgB,CAAC,UAAA,EAAY;AAChC,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,sCACG,KAAA,EAAA,EAAI,SAAA,EAAU,oCACb,QAAA,kBAAAH,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iCAAA,EACZ,QAAA,EAAA;AAAA,IAAA,YAAA,mBACCG,cAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAM,UAAA,EAAW,KAAA,EAAO,eAAe,GAAA,EAAK,gBAAA,EAAkB,IAAA,EAAK,UAAA,EAAW,CAAA,GACzF,IAAA;AAAA,IACH,UAAA,mBACCA,cAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAO,WAAA,EAAa,KAAA,EAAO,YAAA,EAAc,GAAA,EAAK,eAAA,EAAiB,IAAA,EAAK,QAAA,EAAS,CAAA,GACxF;AAAA,GAAA,EACN,CAAA,EACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"thread-context-progress.cjs.js","sources":["../../../../src/domains/memory/components/thread-context-progress.tsx"],"sourcesContent":["import { formatCompactTokens } from '@/ds/components/TokenBudget/format-tokens';\nimport { toneClass } from '@/ds/components/TokenBudget/tones';\nimport type { TokenBudgetTone } from '@/ds/components/TokenBudget/tones';\nimport { cn } from '@/lib/utils';\n\ninterface ThreadContextProgressProps {\n messageTokens?: number;\n messageThreshold?: number;\n memoryTokens?: number;\n memoryThreshold?: number;\n /** Label for the second (memory-toned) bar. Defaults to \"Memory\". /\n memoryLabel?: string;\n}\n\nfunction ProgressBar({\n label,\n value,\n max,\n tone,\n}: {\n label: string;\n value: number;\n max: number;\n tone: TokenBudgetTone;\n}) {\n const percent = Math.max(0, Math.min(100, (value / max) 100));\n\n return (\n <div className={cn('min-w-0 flex-1', toneClass[tone])}>\n <div className=\"mb-1 flex items-center justify-between gap-2 font-mono text-meta text-muted-foreground\">\n <span className=\"tracking-wide text-foreground uppercase\">{label}</span>\n <span className=\"text-muted-foreground tabular-nums\">\n {formatCompactTokens(value)}/{formatCompactTokens(max)}k\n </span>\n </div>\n <div className=\"h-1.5 overflow-hidden rounded-full bg-white/[0.08]\">\n <div className=\"h-full rounded-full bg-current/80\" style={{ width: `${percent}%` }} />\n </div>\n </div>\n );\n}\n\nexport function ThreadContextProgress({\n messageTokens,\n messageThreshold,\n memoryTokens,\n memoryThreshold,\n memoryLabel = 'Memory',\n}: ThreadContextProgressProps) {\n const showMessages = messageTokens != null && messageThreshold != null && messageThreshold > 0;\n const showMemory = memoryTokens != null && memoryThreshold != null && memoryThreshold > 0;\n\n if (!showMessages && !showMemory) {\n return null;\n }\n\n return (\n <div className=\"border-b border-border px-3 py-2\">\n <div className=\"flex flex-col gap-2 sm:flex-row\">\n {showMessages ? (\n <ProgressBar label=\"Messages\" value={messageTokens} max={messageThreshold} tone=\"messages\" />\n ) : null}\n {showMemory ? (\n <ProgressBar label={memoryLabel} value={memoryTokens} max={memoryThreshold} tone=\"memory\" />\n ) : null}\n </div>\n </div>\n );\n}\n"],"names":["jsxs","cn","toneClass","jsx","formatCompactTokens"],"mappings":";;;;;;;;AAcA,SAAS,WAAA,CAAY;AAAA,EACnB,KAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF,CAAA,EAKG;AACD,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,IAAI,GAAA,EAAM,KAAA,GAAQ,GAAA,GAAO,GAAG,CAAC,CAAA;AAE9D,EAAA,uBACEA,eAAA,CAAC,SAAI,SAAA,EAAWC,WAAA,CAAG,kBAAkBC,eAAA,CAAU,IAAI,CAAC,CAAA,EAClD,QAAA,EAAA;AAAA,oBAAAF,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wFAAA,EACb,QAAA,EAAA;AAAA,sBAAAG,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yCAAA,EAA2C,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,sBACjEH,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oCAAA,EACb,QAAA,EAAA;AAAA,QAAAI,yBAAA,CAAoB,KAAK,CAAA;AAAA,QAAE,GAAA;AAAA,QAAEA,0BAAoB,GAAG,CAAA;AAAA,QAAE;AAAA,OAAA,EACzD;AAAA,KAAA,EACF,CAAA;AAAA,oBACAD,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oDAAA,EACb,yCAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mCAAA,EAAoC,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,OAAO,CAAA,CAAA,CAAA,IAAO,CAAA,EACtF;AAAA,GAAA,EACF,CAAA;AAEJ;AAEO,SAAS,qBAAA,CAAsB;AAAA,EACpC,aAAA;AAAA,EACA,gBAAA;AAAA,EACA,YAAA;AAAA,EACA,eAAA;AAAA,EACA,WAAA,GAAc;AAChB,CAAA,EAA+B;AAC7B,EAAA,MAAM,YAAA,GAAe,aAAA,IAAiB,IAAA,IAAQ,gBAAA,IAAoB,QAAQ,gBAAA,GAAmB,CAAA;AAC7F,EAAA,MAAM,UAAA,GAAa,YAAA,IAAgB,IAAA,IAAQ,eAAA,IAAmB,QAAQ,eAAA,GAAkB,CAAA;AAExF,EAAA,IAAI,CAAC,YAAA,IAAgB,CAAC,UAAA,EAAY;AAChC,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,sCACG,KAAA,EAAA,EAAI,SAAA,EAAU,oCACb,QAAA,kBAAAH,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iCAAA,EACZ,QAAA,EAAA;AAAA,IAAA,YAAA,mBACCG,cAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAM,UAAA,EAAW,KAAA,EAAO,eAAe,GAAA,EAAK,gBAAA,EAAkB,IAAA,EAAK,UAAA,EAAW,CAAA,GACzF,IAAA;AAAA,IACH,UAAA,mBACCA,cAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAO,WAAA,EAAa,KAAA,EAAO,YAAA,EAAc,GAAA,EAAK,eAAA,EAAiB,IAAA,EAAK,QAAA,EAAS,CAAA,GACxF;AAAA,GAAA,EACN,CAAA,EACF,CAAA;AAEJ;;;;"}