@mastra/playground-ui 56.0.0-alpha.8 → 56.0.0

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

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ArrowLeftIcon } from 'lucide-react';
 import { useState, useMemo, useEffect } from 'react';
-import { B as Button } from '../../../Button-DS6O6fvU.js';
-import { S as Skeleton } from '../../../skeleton-BpMg6F4M.js';
-import { T as Txt } from '../../../Txt-hyo2FKuO.js';
+import { B as Button } from '../../../Button-cWcBEd-G.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';
 import { extractOmMarkers } from '../lib/extract-markers.es.js';
 import { getObservationTimestampMs, findRecordIdAtOrBefore } from '../lib/replay-selection.es.js';
@@ -50,11 +50,11 @@ 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-border1 flex shrink-0 items-center gap-2 border-b px-3 py-2.5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "border-border flex shrink-0 items-center gap-2 border-b 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-neutral6 flex min-w-0 items-center gap-1.5", children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-foreground flex min-w-0 items-center gap-1.5", children: [
         /* @__PURE__ */ jsx(MemoryIcon, { className: "size-4 shrink-0" }),
-        /* @__PURE__ */ jsx(Txt, { as: "span", variant: "ui-sm", className: "font-medium", children: "Observational memory" })
+        /* @__PURE__ */ jsx(Txt, { as: "span", variant: "column", children: "Observational memory" })
       ] })
     ] }),
     isLoading ? /* @__PURE__ */ jsxs("div", { "data-testid": "memory-studio-loading", className: "flex flex-1 flex-col gap-3 p-4", children: [
@@ -71,7 +71,7 @@ function MemoryStudioPanel({
           isLoading
         }
       ) }),
-      /* @__PURE__ */ jsxs("div", { className: "border-border1 border-t", children: [
+      /* @__PURE__ */ jsxs("div", { className: "border-border border-t", children: [
         /* @__PURE__ */ jsx(
           ThreadContextProgress,
           {

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

@@ -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-border1 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-neutral6 flex min-w-0 items-center gap-1.5\">\n          <MemoryIcon className=\"size-4 shrink-0\" />\n          <Txt as=\"span\" variant=\"ui-sm\" className=\"font-medium\">\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-border1 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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"}
+{"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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"}

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

@@ -5,11 +5,11 @@ 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-DXapLh4O.cjs');
-const codeDiff = require('../../../code-diff-pMNj9cR8.cjs');
-const EmptyState = require('../../../EmptyState-_TZefNk_.cjs');
-const skeleton = require('../../../skeleton-gdUQjWPU.cjs');
-const utils_cn = require('../../../cn-BuHW7Wrt.cjs');
+const checkbox = require('../../../checkbox-CI8JtZKS.cjs');
+const codeDiff = require('../../../code-diff-DBtbPe9D.cjs');
+const EmptyState = require('../../../EmptyState-CdRjFB06.cjs');
+const skeleton = require('../../../skeleton-cXUjPrq9.cjs');
+const utils_cn = require('../../../cn-DG0X1KEP.cjs');
 
 function formatObservationTime(time) {
   if (!time) return null;
@@ -32,40 +32,40 @@ function priorityClasses(priority, nested) {
   if (nested) {
     return {
       card: "bg-transparent border-transparent",
-      text: "text-neutral3",
-      time: "text-icon3"
+      text: "text-muted-foreground",
+      time: "text-muted-foreground"
     };
   }
   switch (priority) {
     case "high":
       return {
         card: "border-purple-400/30 bg-purple-500/10",
-        text: "text-neutral6",
+        text: "text-foreground",
         time: "text-purple-200/80"
       };
     case "medium":
       return {
         card: "border-blue-400/30 bg-blue-500/10",
-        text: "text-neutral6",
+        text: "text-foreground",
         time: "text-blue-200/80"
       };
     case "low":
       return {
         card: "border-emerald-400/30 bg-emerald-500/10",
-        text: "text-neutral6",
+        text: "text-foreground",
         time: "text-emerald-200/80"
       };
     case "complete":
       return {
         card: "border-green-400/30 bg-green-500/10",
-        text: "text-neutral6",
+        text: "text-foreground",
         time: "text-green-200/80"
       };
     default:
       return {
-        card: "border-border1 bg-surface2",
-        text: "text-neutral6",
-        time: "text-icon3"
+        card: "border-border bg-background",
+        text: "text-foreground",
+        time: "text-muted-foreground"
       };
   }
 }
@@ -154,12 +154,12 @@ function parseObservations(raw) {
   return sections;
 }
 function ObservationItems({ items, nested = false }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: nested ? "border-border1 space-y-2 border-l pl-4" : "space-y-3", children: items.map((item, i) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: nested ? "border-border space-y-2 border-l 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-ui-xs 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: `text-meta font-mono ${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-ui-md break-words whitespace-pre-wrap", styles.text), children: item.text }),
+        /* @__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 }) })
       ] })
     ] }) }, `${item.text.slice(0, 20)}-${i}`);
@@ -168,12 +168,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-icon3 text-ui-sm italic", children: "Initialized" });
+    return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-caption 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-border1 flex items-baseline justify-between gap-3 border-b pb-2", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-neutral6 text-ui-sm font-medium", children: section.title }),
-      section.relativeTime && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-icon3 text-ui-xs", children: section.relativeTime })
+    /* @__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("h3", { className: "text-column text-foreground", children: section.title }),
+      section.relativeTime && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-meta", children: section.relativeTime })
     ] }) }),
     /* @__PURE__ */ jsxRuntime.jsx(ObservationItems, { items: section.items })
   ] }, `${section.title}-${i}`)) });
@@ -184,8 +184,8 @@ function ObservationHistoryPanel({
   onSelectRecord
 }) {
   if (records.length <= 1) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border1 flex w-50 min-w-45 flex-col overflow-hidden border-l", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-border1 border-b px-4 py-2", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral6 text-ui-md font-normal", children: "History" }) }),
+  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" }) }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto", children: records.map((record) => {
       const isSelected = record.id === selectedRecordId;
       return /* @__PURE__ */ jsxRuntime.jsx(
@@ -193,11 +193,11 @@ function ObservationHistoryPanel({
         {
           type: "button",
           className: utils_cn.cn(
-            "text-icon3 w-full cursor-pointer truncate border-l-2 border-l-transparent px-3 py-2 text-left text-ui-sm transition-all hover:bg-surface3/50",
-            isSelected && "border-l-accent1 bg-surface3/50"
+            "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",
+            isSelected && "border-l-accent1 bg-fill-hover"
           ),
           onClick: () => onSelectRecord(record.id),
-          children: record.activeObservations || /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-icon3 italic", children: record.isObserving || record.isReflecting ? "Processing…" : "Initialized" })
+          children: record.activeObservations || /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground italic", children: record.isObserving || record.isReflecting ? "Processing…" : "Initialized" })
         },
         record.id
       );
@@ -244,9 +244,9 @@ function ObservationDetailView({
   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-border1 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: "flex cursor-pointer items-center gap-1.5", 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: [
         /* @__PURE__ */ jsxRuntime.jsx(checkbox.Checkbox, { checked: showDiff, onCheckedChange: (v) => setShowDiff(v === true) }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-icon3 text-ui-sm", children: "Show diff" })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-caption", 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 +254,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-icon3 text-ui-sm italic", children: selected.isObserving || selected.isReflecting ? "Processing…" : "Initialized" }) })
+      ) : 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" }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(ObservationHistoryPanel, { records: sorted, selectedRecordId: selected.id, onSelectRecord })
   ] });

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

@@ -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-neutral3',\n      time: 'text-icon3',\n    };\n  }\n  switch (priority) {\n    case 'high':\n      return {\n        card: 'border-purple-400/30 bg-purple-500/10',\n        text: 'text-neutral6',\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-neutral6',\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-neutral6',\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-neutral6',\n        time: 'text-green-200/80',\n      };\n    default:\n      return {\n        card: 'border-border1 bg-surface2',\n        text: 'text-neutral6',\n        time: 'text-icon3',\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-border1 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-ui-xs 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-ui-md 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-icon3 text-ui-sm 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-border1 flex items-baseline justify-between gap-3 border-b pb-2\">\n            <div className=\"min-w-0\">\n              <h3 className=\"text-neutral6 text-ui-sm font-medium\">{section.title}</h3>\n              {section.relativeTime && <p className=\"text-icon3 text-ui-xs\">{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-border1 flex w-50 min-w-45 flex-col overflow-hidden border-l\">\n      <div className=\"border-border1 border-b px-4 py-2\">\n        <p className=\"text-neutral6 text-ui-md font-normal\">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-icon3 w-full cursor-pointer truncate border-l-2 border-l-transparent px-3 py-2 text-left text-ui-sm transition-all hover:bg-surface3/50',\n                isSelected && 'border-l-accent1 bg-surface3/50',\n              )}\n              onClick={() => onSelectRecord(record.id)}\n            >\n              {record.activeObservations || (\n                <span className=\"text-icon3 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-border1 border-b 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\">\n                <Checkbox checked={showDiff} onCheckedChange={v => setShowDiff(v === true)} />\n                <span className=\"text-icon3 text-ui-sm\">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-icon3 text-ui-sm 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":"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"}
+{"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":"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"}

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

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { CircleSlashIcon } from 'lucide-react';
 import { useState, useMemo, useEffect } from 'react';
-import { C as Checkbox } from '../../../checkbox-BHOqsV3k.js';
-import { C as CodeDiff } from '../../../code-diff-CRzg0c6L.js';
-import { E as EmptyState } from '../../../EmptyState-CDM5htkF.js';
-import { S as Skeleton } from '../../../skeleton-BpMg6F4M.js';
-import { c as cn } from '../../../cn-C6s2yXwM.js';
+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 { S as Skeleton } from '../../../skeleton-BsRAXyh5.js';
+import { c as cn } from '../../../cn-65Adrsfj.js';
 
 function formatObservationTime(time) {
   if (!time) return null;
@@ -28,40 +28,40 @@ function priorityClasses(priority, nested) {
   if (nested) {
     return {
       card: "bg-transparent border-transparent",
-      text: "text-neutral3",
-      time: "text-icon3"
+      text: "text-muted-foreground",
+      time: "text-muted-foreground"
     };
   }
   switch (priority) {
     case "high":
       return {
         card: "border-purple-400/30 bg-purple-500/10",
-        text: "text-neutral6",
+        text: "text-foreground",
         time: "text-purple-200/80"
       };
     case "medium":
       return {
         card: "border-blue-400/30 bg-blue-500/10",
-        text: "text-neutral6",
+        text: "text-foreground",
         time: "text-blue-200/80"
       };
     case "low":
       return {
         card: "border-emerald-400/30 bg-emerald-500/10",
-        text: "text-neutral6",
+        text: "text-foreground",
         time: "text-emerald-200/80"
       };
     case "complete":
       return {
         card: "border-green-400/30 bg-green-500/10",
-        text: "text-neutral6",
+        text: "text-foreground",
         time: "text-green-200/80"
       };
     default:
       return {
-        card: "border-border1 bg-surface2",
-        text: "text-neutral6",
-        time: "text-icon3"
+        card: "border-border bg-background",
+        text: "text-foreground",
+        time: "text-muted-foreground"
       };
   }
 }
@@ -150,12 +150,12 @@ function parseObservations(raw) {
   return sections;
 }
 function ObservationItems({ items, nested = false }) {
-  return /* @__PURE__ */ jsx("div", { className: nested ? "border-border1 space-y-2 border-l pl-4" : "space-y-3", children: items.map((item, i) => {
+  return /* @__PURE__ */ jsx("div", { className: nested ? "border-border space-y-2 border-l 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-ui-xs 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: `text-meta font-mono ${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-ui-md break-words whitespace-pre-wrap", styles.text), children: item.text }),
+        /* @__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 }) })
       ] })
     ] }) }, `${item.text.slice(0, 20)}-${i}`);
@@ -164,12 +164,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-icon3 text-ui-sm italic", children: "Initialized" });
+    return /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-caption 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-border1 flex items-baseline justify-between gap-3 border-b pb-2", children: /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-      /* @__PURE__ */ jsx("h3", { className: "text-neutral6 text-ui-sm font-medium", children: section.title }),
-      section.relativeTime && /* @__PURE__ */ jsx("p", { className: "text-icon3 text-ui-xs", children: section.relativeTime })
+    /* @__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("h3", { className: "text-column text-foreground", children: section.title }),
+      section.relativeTime && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-meta", children: section.relativeTime })
     ] }) }),
     /* @__PURE__ */ jsx(ObservationItems, { items: section.items })
   ] }, `${section.title}-${i}`)) });
@@ -180,8 +180,8 @@ function ObservationHistoryPanel({
   onSelectRecord
 }) {
   if (records.length <= 1) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "border-border1 flex w-50 min-w-45 flex-col overflow-hidden border-l", children: [
-    /* @__PURE__ */ jsx("div", { className: "border-border1 border-b px-4 py-2", children: /* @__PURE__ */ jsx("p", { className: "text-neutral6 text-ui-md font-normal", children: "History" }) }),
+  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" }) }),
     /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto", children: records.map((record) => {
       const isSelected = record.id === selectedRecordId;
       return /* @__PURE__ */ jsx(
@@ -189,11 +189,11 @@ function ObservationHistoryPanel({
         {
           type: "button",
           className: cn(
-            "text-icon3 w-full cursor-pointer truncate border-l-2 border-l-transparent px-3 py-2 text-left text-ui-sm transition-all hover:bg-surface3/50",
-            isSelected && "border-l-accent1 bg-surface3/50"
+            "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",
+            isSelected && "border-l-accent1 bg-fill-hover"
           ),
           onClick: () => onSelectRecord(record.id),
-          children: record.activeObservations || /* @__PURE__ */ jsx("span", { className: "text-icon3 italic", children: record.isObserving || record.isReflecting ? "Processing…" : "Initialized" })
+          children: record.activeObservations || /* @__PURE__ */ jsx("span", { className: "text-muted-foreground italic", children: record.isObserving || record.isReflecting ? "Processing…" : "Initialized" })
         },
         record.id
       );
@@ -240,9 +240,9 @@ function ObservationDetailView({
   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-border1 border-b 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", 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: [
         /* @__PURE__ */ jsx(Checkbox, { checked: showDiff, onCheckedChange: (v) => setShowDiff(v === true) }),
-        /* @__PURE__ */ jsx("span", { className: "text-icon3 text-ui-sm", children: "Show diff" })
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-caption", 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 +250,7 @@ function ObservationDetailView({
           codeA: typeof previousRecord.activeObservations === "string" ? previousRecord.activeObservations : "",
           codeB: activeObservations
         }
-      ) : activeObservations ? /* @__PURE__ */ jsx(ObservationContent, { observations: activeObservations }) : /* @__PURE__ */ jsx("p", { className: "text-icon3 text-ui-sm italic", children: selected.isObserving || selected.isReflecting ? "Processing…" : "Initialized" }) })
+      ) : activeObservations ? /* @__PURE__ */ jsx(ObservationContent, { observations: activeObservations }) : /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-caption italic", children: selected.isObserving || selected.isReflecting ? "Processing…" : "Initialized" }) })
     ] }),
     /* @__PURE__ */ jsx(ObservationHistoryPanel, { records: sorted, selectedRecordId: selected.id, onSelectRecord })
   ] });