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

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

@@ -5,13 +5,14 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const checkbox = require('../../../checkbox-CI8JtZKS.cjs');
-const codeDiff = require('../../../code-diff-yR3Gan2m.cjs');
-const EmptyState = require('../../../EmptyState-BOAT0jz8.cjs');
+const EmptyState = require('../../../EmptyState-CJ5KC4Db.cjs');
 const skeleton = require('../../../skeleton-cXUjPrq9.cjs');
 const Txt = require('../../../Txt-DPmEpNbp.cjs');
 const utils_cn = require('../../../cn-DG0X1KEP.cjs');
+const domains_memory_lib_observationPriority = require('../lib/observation-priority.cjs.js');
 const utils_dateFormat = require('../../../utils/date-format.cjs.js');
 
+const CodeDiff = React.lazy(() => Promise.resolve().then(() => require('../../../components/CodeDiff.cjs.js')).then(({ CodeDiff: CodeDiff2 }) => ({ default: CodeDiff2 })));
 function formatObservationTime(time) {
   if (!time) return null;
   const match = time.match(/^(\d{1,2}):(\d{2})$/);
@@ -19,13 +20,6 @@ function formatObservationTime(time) {
   const [, hours, minutes] = match;
   return utils_dateFormat.formatDate(new Date(2e3, 0, 1, Number(hours), Number(minutes)), "time") ?? time;
 }
-function getPriorityFromEmoji(emoji) {
-  if (emoji === "🔴") return "high";
-  if (emoji === "🟡") return "medium";
-  if (emoji === "🟢") return "low";
-  if (emoji === "✅") return "complete";
-  return null;
-}
 function priorityClasses(priority, nested) {
   if (nested) {
     return {
@@ -34,38 +28,15 @@ function priorityClasses(priority, nested) {
       time: "text-muted-foreground"
     };
   }
-  switch (priority) {
-    case "high":
-      return {
-        card: "border-purple-400/30 bg-purple-500/10",
-        text: "text-foreground",
-        time: "text-purple-200/80"
-      };
-    case "medium":
-      return {
-        card: "border-blue-400/30 bg-blue-500/10",
-        text: "text-foreground",
-        time: "text-blue-200/80"
-      };
-    case "low":
-      return {
-        card: "border-emerald-400/30 bg-emerald-500/10",
-        text: "text-foreground",
-        time: "text-emerald-200/80"
-      };
-    case "complete":
-      return {
-        card: "border-green-400/30 bg-green-500/10",
-        text: "text-foreground",
-        time: "text-green-200/80"
-      };
-    default:
-      return {
-        card: "border-border bg-background",
-        text: "text-foreground",
-        time: "text-muted-foreground"
-      };
+  if (!priority) {
+    return {
+      card: "border-border bg-background",
+      text: "text-foreground",
+      time: "text-muted-foreground"
+    };
   }
+  const tone = domains_memory_lib_observationPriority.observationPriorityTone[priority];
+  return { card: tone.card, text: "text-foreground", time: tone.time };
 }
 function parseItem(line) {
   const trimmed = line.trim();
@@ -81,9 +52,9 @@ function parseItem(line) {
   if (trimmed.startsWith("*")) {
     let rest = trimmed.slice(1).trimStart();
     let priority = null;
-    for (const emoji of ["🔴", "🟡", "🟢", "✅"]) {
+    for (const [emoji, emojiPriority] of Object.entries(domains_memory_lib_observationPriority.observationPriorityByEmoji)) {
       if (rest.startsWith(emoji)) {
-        priority = getPriorityFromEmoji(emoji);
+        priority = emojiPriority;
         rest = rest.slice(emoji.length).trimStart();
         break;
       }
@@ -157,7 +128,7 @@ function ObservationItems({ items, nested = false }) {
     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(Txt.Txt, { as: "span", variant: "meta", font: "mono", className: 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 }),
+        /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { className: utils_cn.cn("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}`);
@@ -166,12 +137,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-caption text-muted-foreground italic", children: "Initialized" });
+    return /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "caption", tone: "muted", className: "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: "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-meta text-muted-foreground", children: section.relativeTime })
+      /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "h3", variant: "column", tone: "ink", children: section.title }),
+      section.relativeTime && /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "meta", tone: "muted", children: section.relativeTime })
     ] }) }),
     /* @__PURE__ */ jsxRuntime.jsx(ObservationItems, { items: section.items })
   ] }, `${section.title}-${i}`)) });
@@ -183,7 +154,7 @@ function ObservationHistoryPanel({
 }) {
   if (records.length <= 1) return null;
   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: "border-b border-border px-4 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { tone: "ink", 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(
@@ -192,7 +163,7 @@ function ObservationHistoryPanel({
           type: "button",
           className: utils_cn.cn(
             "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"
+            isSelected && "border-l-foreground bg-fill-hover text-foreground"
           ),
           onClick: () => onSelectRecord(record.id),
           children: record.activeObservations || /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground italic", children: record.isObserving || record.isReflecting ? "Processing…" : "Initialized" })
@@ -244,15 +215,18 @@ function ObservationDetailView({
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col overflow-hidden", 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-caption text-muted-foreground", children: "Show diff" })
+        /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "caption", tone: "muted", 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,
+      /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "observation-detail-body", className: "flex-1 overflow-y-auto p-4", children: showDiff && previousRecord ? /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-32" }), children: /* @__PURE__ */ jsxRuntime.jsx(
+        CodeDiff,
         {
           codeA: typeof previousRecord.activeObservations === "string" ? previousRecord.activeObservations : "",
-          codeB: activeObservations
+          codeB: activeObservations,
+          filename: "observations.md",
+          layout: "unified",
+          className: "rounded-xl"
         }
-      ) : 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" }) })
+      ) }) : activeObservations ? /* @__PURE__ */ jsxRuntime.jsx(ObservationContent, { observations: activeObservations }) : /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "caption", tone: "muted", className: "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 { 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 { Txt } from '../../../ds/components/Txt';\nimport { cn } from '../../../lib/utils';\nimport type { OMHistoryRecord } from '../types';\nimport { formatDate } from '@/utils/date-format';\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  return formatDate(new Date(2000, 0, 1, Number(hours), Number(minutes)), 'time') ?? time;\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                  <Txt as=\"span\" variant=\"meta\" font=\"mono\" className={styles.time}>\n                    {formatObservationTime(item.time)}\n                  </Txt>\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":["formatDate","jsx","jsxs","Txt","cn","useMemo","useState","useEffect","Skeleton","EmptyState","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 { lazy, Suspense, useEffect, useMemo, useState } from 'react';\nimport { Checkbox } from '../../../ds/components/Checkbox';\nimport { EmptyState } from '../../../ds/components/EmptyState';\nimport { Skeleton } from '../../../ds/components/Skeleton';\nimport { Txt } from '../../../ds/components/Txt';\nimport { cn } from '../../../lib/utils';\nimport { observationPriorityByEmoji, observationPriorityTone } from '../lib/observation-priority';\nimport type { ObservationPriority } from '../lib/observation-priority';\nimport type { OMHistoryRecord } from '../types';\nimport { formatDate } from '@/utils/date-format';\n\nconst CodeDiff = lazy(() => import('../../../ds/components/CodeDiff').then(({ CodeDiff }) => ({ default: CodeDiff })));\n\ntype ParsedItem = {\n  text: string;\n  time: string | null;\n  priority: ObservationPriority | 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  return formatDate(new Date(2000, 0, 1, Number(hours), Number(minutes)), 'time') ?? time;\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  if (!priority) {\n    return {\n      card: 'border-border bg-background',\n      text: 'text-foreground',\n      time: 'text-muted-foreground',\n    };\n  }\n  const tone = observationPriorityTone[priority];\n  return { card: tone.card, text: 'text-foreground', time: tone.time };\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, emojiPriority] of Object.entries(observationPriorityByEmoji)) {\n      if (rest.startsWith(emoji)) {\n        priority = emojiPriority;\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                  <Txt as=\"span\" variant=\"meta\" font=\"mono\" className={styles.time}>\n                    {formatObservationTime(item.time)}\n                  </Txt>\n                )}\n              </div>\n              <div className={cn('min-w-0 flex-1 rounded-md border px-3 py-2', styles.card)}>\n                <Txt className={cn('break-words whitespace-pre-wrap', styles.text)}>{item.text}</Txt>\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 (\n      <Txt variant=\"caption\" tone=\"muted\" className=\"italic\">\n        Initialized\n      </Txt>\n    );\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              <Txt as=\"h3\" variant=\"column\" tone=\"ink\">\n                {section.title}\n              </Txt>\n              {section.relativeTime && (\n                <Txt variant=\"meta\" tone=\"muted\">\n                  {section.relativeTime}\n                </Txt>\n              )}\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        <Txt tone=\"ink\">History</Txt>\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-foreground bg-fill-hover text-foreground',\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                <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n                  Show diff\n                </Txt>\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            <Suspense fallback={<Skeleton className=\"h-32\" />}>\n              <CodeDiff\n                codeA={typeof previousRecord.activeObservations === 'string' ? previousRecord.activeObservations : ''}\n                codeB={activeObservations}\n                filename=\"observations.md\"\n                layout=\"unified\"\n                className=\"rounded-xl\"\n              />\n            </Suspense>\n          ) : activeObservations ? (\n            <ObservationContent observations={activeObservations} />\n          ) : (\n            <Txt variant=\"caption\" tone=\"muted\" className=\"italic\">\n              {selected.isObserving || selected.isReflecting ? 'Processing…' : 'Initialized'}\n            </Txt>\n          )}\n        </div>\n      </div>\n\n      {/* History sidebar */}\n      <ObservationHistoryPanel records={sorted} selectedRecordId={selected.id} onSelectRecord={onSelectRecord} />\n    </div>\n  );\n}\n"],"names":["lazy","CodeDiff","formatDate","observationPriorityTone","observationPriorityByEmoji","jsx","jsxs","Txt","cn","useMemo","useState","useEffect","Skeleton","EmptyState","Checkbox","Suspense"],"mappings":"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"}

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

@@ -1,13 +1,14 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useMemo, useEffect } from 'react';
+import { lazy, useState, useMemo, useEffect, Suspense } from 'react';
 import { C as Checkbox } from '../../../checkbox-CQedzgsi.js';
-import { C as CodeDiff } from '../../../code-diff-BgmXIX2v.js';
-import { E as EmptyState } from '../../../EmptyState-CkuPLncF.js';
+import { E as EmptyState } from '../../../EmptyState-CynkaZd1.js';
 import { S as Skeleton } from '../../../skeleton-BsRAXyh5.js';
 import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 import { c as cn } from '../../../cn-65Adrsfj.js';
+import { observationPriorityByEmoji, observationPriorityTone } from '../lib/observation-priority.es.js';
 import { formatDate } from '../../../utils/date-format.es.js';
 
+const CodeDiff = lazy(() => import('../../../components/CodeDiff.es.js').then(({ CodeDiff: CodeDiff2 }) => ({ default: CodeDiff2 })));
 function formatObservationTime(time) {
   if (!time) return null;
   const match = time.match(/^(\d{1,2}):(\d{2})$/);
@@ -15,13 +16,6 @@ function formatObservationTime(time) {
   const [, hours, minutes] = match;
   return formatDate(new Date(2e3, 0, 1, Number(hours), Number(minutes)), "time") ?? time;
 }
-function getPriorityFromEmoji(emoji) {
-  if (emoji === "🔴") return "high";
-  if (emoji === "🟡") return "medium";
-  if (emoji === "🟢") return "low";
-  if (emoji === "✅") return "complete";
-  return null;
-}
 function priorityClasses(priority, nested) {
   if (nested) {
     return {
@@ -30,38 +24,15 @@ function priorityClasses(priority, nested) {
       time: "text-muted-foreground"
     };
   }
-  switch (priority) {
-    case "high":
-      return {
-        card: "border-purple-400/30 bg-purple-500/10",
-        text: "text-foreground",
-        time: "text-purple-200/80"
-      };
-    case "medium":
-      return {
-        card: "border-blue-400/30 bg-blue-500/10",
-        text: "text-foreground",
-        time: "text-blue-200/80"
-      };
-    case "low":
-      return {
-        card: "border-emerald-400/30 bg-emerald-500/10",
-        text: "text-foreground",
-        time: "text-emerald-200/80"
-      };
-    case "complete":
-      return {
-        card: "border-green-400/30 bg-green-500/10",
-        text: "text-foreground",
-        time: "text-green-200/80"
-      };
-    default:
-      return {
-        card: "border-border bg-background",
-        text: "text-foreground",
-        time: "text-muted-foreground"
-      };
+  if (!priority) {
+    return {
+      card: "border-border bg-background",
+      text: "text-foreground",
+      time: "text-muted-foreground"
+    };
   }
+  const tone = observationPriorityTone[priority];
+  return { card: tone.card, text: "text-foreground", time: tone.time };
 }
 function parseItem(line) {
   const trimmed = line.trim();
@@ -77,9 +48,9 @@ function parseItem(line) {
   if (trimmed.startsWith("*")) {
     let rest = trimmed.slice(1).trimStart();
     let priority = null;
-    for (const emoji of ["🔴", "🟡", "🟢", "✅"]) {
+    for (const [emoji, emojiPriority] of Object.entries(observationPriorityByEmoji)) {
       if (rest.startsWith(emoji)) {
-        priority = getPriorityFromEmoji(emoji);
+        priority = emojiPriority;
         rest = rest.slice(emoji.length).trimStart();
         break;
       }
@@ -153,7 +124,7 @@ function ObservationItems({ items, nested = false }) {
     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(Txt, { as: "span", variant: "meta", font: "mono", className: 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 }),
+        /* @__PURE__ */ jsx(Txt, { className: cn("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}`);
@@ -162,12 +133,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-caption text-muted-foreground italic", children: "Initialized" });
+    return /* @__PURE__ */ jsx(Txt, { variant: "caption", tone: "muted", className: "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: "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-meta text-muted-foreground", children: section.relativeTime })
+      /* @__PURE__ */ jsx(Txt, { as: "h3", variant: "column", tone: "ink", children: section.title }),
+      section.relativeTime && /* @__PURE__ */ jsx(Txt, { variant: "meta", tone: "muted", children: section.relativeTime })
     ] }) }),
     /* @__PURE__ */ jsx(ObservationItems, { items: section.items })
   ] }, `${section.title}-${i}`)) });
@@ -179,7 +150,7 @@ function ObservationHistoryPanel({
 }) {
   if (records.length <= 1) return null;
   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: "border-b border-border px-4 py-2", children: /* @__PURE__ */ jsx(Txt, { tone: "ink", children: "History" }) }),
     /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto", children: records.map((record) => {
       const isSelected = record.id === selectedRecordId;
       return /* @__PURE__ */ jsx(
@@ -188,7 +159,7 @@ function ObservationHistoryPanel({
           type: "button",
           className: cn(
             "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"
+            isSelected && "border-l-foreground bg-fill-hover text-foreground"
           ),
           onClick: () => onSelectRecord(record.id),
           children: record.activeObservations || /* @__PURE__ */ jsx("span", { className: "text-muted-foreground italic", children: record.isObserving || record.isReflecting ? "Processing…" : "Initialized" })
@@ -240,15 +211,18 @@ function ObservationDetailView({
     /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col overflow-hidden", 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-caption text-muted-foreground", children: "Show diff" })
+        /* @__PURE__ */ jsx(Txt, { as: "span", variant: "caption", tone: "muted", children: "Show diff" })
       ] }) }) }),
-      /* @__PURE__ */ jsx("div", { "data-testid": "observation-detail-body", className: "flex-1 overflow-y-auto p-4", children: showDiff && previousRecord ? /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx("div", { "data-testid": "observation-detail-body", className: "flex-1 overflow-y-auto p-4", children: showDiff && previousRecord ? /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Skeleton, { className: "h-32" }), children: /* @__PURE__ */ jsx(
         CodeDiff,
         {
           codeA: typeof previousRecord.activeObservations === "string" ? previousRecord.activeObservations : "",
-          codeB: activeObservations
+          codeB: activeObservations,
+          filename: "observations.md",
+          layout: "unified",
+          className: "rounded-xl"
         }
-      ) : activeObservations ? /* @__PURE__ */ jsx(ObservationContent, { observations: activeObservations }) : /* @__PURE__ */ jsx("p", { className: "text-caption text-muted-foreground italic", children: selected.isObserving || selected.isReflecting ? "Processing…" : "Initialized" }) })
+      ) }) : activeObservations ? /* @__PURE__ */ jsx(ObservationContent, { observations: activeObservations }) : /* @__PURE__ */ jsx(Txt, { variant: "caption", tone: "muted", className: "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

@@ -1 +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 { Txt } from '../../../ds/components/Txt';\nimport { cn } from '../../../lib/utils';\nimport type { OMHistoryRecord } from '../types';\nimport { formatDate } from '@/utils/date-format';\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  return formatDate(new Date(2000, 0, 1, Number(hours), Number(minutes)), 'time') ?? time;\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                  <Txt as=\"span\" variant=\"meta\" font=\"mono\" className={styles.time}>\n                    {formatObservationTime(item.time)}\n                  </Txt>\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":"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"}
+{"version":3,"file":"observation-detail-view.es.js","sources":["../../../../src/domains/memory/components/observation-detail-view.tsx"],"sourcesContent":["import { lazy, Suspense, useEffect, useMemo, useState } from 'react';\nimport { Checkbox } from '../../../ds/components/Checkbox';\nimport { EmptyState } from '../../../ds/components/EmptyState';\nimport { Skeleton } from '../../../ds/components/Skeleton';\nimport { Txt } from '../../../ds/components/Txt';\nimport { cn } from '../../../lib/utils';\nimport { observationPriorityByEmoji, observationPriorityTone } from '../lib/observation-priority';\nimport type { ObservationPriority } from '../lib/observation-priority';\nimport type { OMHistoryRecord } from '../types';\nimport { formatDate } from '@/utils/date-format';\n\nconst CodeDiff = lazy(() => import('../../../ds/components/CodeDiff').then(({ CodeDiff }) => ({ default: CodeDiff })));\n\ntype ParsedItem = {\n  text: string;\n  time: string | null;\n  priority: ObservationPriority | 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  return formatDate(new Date(2000, 0, 1, Number(hours), Number(minutes)), 'time') ?? time;\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  if (!priority) {\n    return {\n      card: 'border-border bg-background',\n      text: 'text-foreground',\n      time: 'text-muted-foreground',\n    };\n  }\n  const tone = observationPriorityTone[priority];\n  return { card: tone.card, text: 'text-foreground', time: tone.time };\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, emojiPriority] of Object.entries(observationPriorityByEmoji)) {\n      if (rest.startsWith(emoji)) {\n        priority = emojiPriority;\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                  <Txt as=\"span\" variant=\"meta\" font=\"mono\" className={styles.time}>\n                    {formatObservationTime(item.time)}\n                  </Txt>\n                )}\n              </div>\n              <div className={cn('min-w-0 flex-1 rounded-md border px-3 py-2', styles.card)}>\n                <Txt className={cn('break-words whitespace-pre-wrap', styles.text)}>{item.text}</Txt>\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 (\n      <Txt variant=\"caption\" tone=\"muted\" className=\"italic\">\n        Initialized\n      </Txt>\n    );\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              <Txt as=\"h3\" variant=\"column\" tone=\"ink\">\n                {section.title}\n              </Txt>\n              {section.relativeTime && (\n                <Txt variant=\"meta\" tone=\"muted\">\n                  {section.relativeTime}\n                </Txt>\n              )}\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        <Txt tone=\"ink\">History</Txt>\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-foreground bg-fill-hover text-foreground',\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                <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n                  Show diff\n                </Txt>\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            <Suspense fallback={<Skeleton className=\"h-32\" />}>\n              <CodeDiff\n                codeA={typeof previousRecord.activeObservations === 'string' ? previousRecord.activeObservations : ''}\n                codeB={activeObservations}\n                filename=\"observations.md\"\n                layout=\"unified\"\n                className=\"rounded-xl\"\n              />\n            </Suspense>\n          ) : activeObservations ? (\n            <ObservationContent observations={activeObservations} />\n          ) : (\n            <Txt variant=\"caption\" tone=\"muted\" className=\"italic\">\n              {selected.isObserving || selected.isReflecting ? 'Processing…' : 'Initialized'}\n            </Txt>\n          )}\n        </div>\n      </div>\n\n      {/* History sidebar */}\n      <ObservationHistoryPanel records={sorted} selectedRecordId={selected.id} onSelectRecord={onSelectRecord} />\n    </div>\n  );\n}\n"],"names":["CodeDiff"],"mappings":"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"}

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const tones = require('../../../tones-BGChDydJ.cjs');
+const tones = require('../../../tones-BRAQR5Yb.cjs');
 const utils_cn = require('../../../cn-DG0X1KEP.cjs');
 
 function ProgressBar({

package/dist/domains/memory/components/thread-context-progress.es.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { f as formatCompactTokens, t as toneClass } from '../../../tones-CzIKDKD-.js';
+import { f as formatCompactTokens, t as toneClass } from '../../../tones-DVtXIMPY.js';
 import { c as cn } from '../../../cn-65Adrsfj.js';
 
 function ProgressBar({