npm - @mastra/playground-ui - Versions diffs - 60.1.0 → 60.2.0-alpha.0 - Mend

@mastra/playground-ui 60.1.0 → 60.2.0-alpha.0

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

Files changed (729) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"observation-detail-view.cjs.js","sources":["../../../../src/domains/memory/components/observation-detail-view.tsx"],"sourcesContent":["import { 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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"}
1	+ {"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 { Field, FieldLabel } from '../../../ds/components/Field';\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 <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 <Field orientation=\"horizontal\" className=\"gap-1.5\">\n <Checkbox checked={showDiff} onCheckedChange={v => setShowDiff(v === true)} />\n <FieldLabel size=\"smaller\">Show diff</FieldLabel>\n </Field>\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 <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","Field","Checkbox","FieldLabel","Suspense"],"mappings":"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"}

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

@@ -1,7 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { lazy, useState, useMemo, useEffect, Suspense } from 'react';
-import { C as Checkbox } from '../../../checkbox-CQedzgsi.js';
+import { C as Checkbox } from '../../../checkbox-DcNIsz5L.js';
 import { E as EmptyState } from '../../../EmptyState-DyyUFpzY.js';
+import { F as Field, e as FieldLabel } from '../../../field-BtvEQ68O.js';
+import '../../../field-control-aria-DB6y41tQ.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';
@@ -209,9 +211,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-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: [
+      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(Field, { orientation: "horizontal", className: "gap-1.5", children: [
         /* @__PURE__ */ jsx(Checkbox, { checked: showDiff, onCheckedChange: (v) => setShowDiff(v === true) }),
-        /* @__PURE__ */ jsx(Txt, { as: "span", variant: "caption", tone: "muted", children: "Show diff" })
+        /* @__PURE__ */ jsx(FieldLabel, { size: "smaller", children: "Show diff" })
       ] }) }) }),
       /* @__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,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"observation-detail-view.es.js","sources":["../../../../src/domains/memory/components/observation-detail-view.tsx"],"sourcesContent":["import { 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":";;;;;;;;;;AAWA,MAAM,WAAW,IAAA,CAAK,MAAM,OAAO,oCAAiC,EAAE,IAAA,CAAK,CAAC,EAAE,QAAA,EAAAA,WAAS,MAAO,EAAE,OAAA,EAASA,SAAAA,GAAW,CAAC,CAAA;AAerH,SAAS,sBAAsB,IAAA,EAAqB;AAClD,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAClB,EAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,KAAA,CAAM,qBAAqB,CAAA;AAC9C,EAAA,IAAI,CAAC,OAAO,OAAO,IAAA;AACnB,EAAA,MAAM,GAAG,KAAA,EAAO,OAAO,CAAA,GAAI,KAAA;AAC3B,EAAA,OAAO,UAAA,CAAW,IAAI,IAAA,CAAK,GAAA,EAAM,GAAG,CAAA,EAAG,MAAA,CAAO,KAAK,CAAA,EAAG,MAAA,CAAO,OAAO,CAAC,CAAA,EAAG,MAAM,CAAA,IAAK,IAAA;AACrF;AAEA,SAAS,eAAA,CAAgB,UAAkC,MAAA,EAAiB;AAC1E,EAAA,IAAI,MAAA,EAAQ;AACV,IAAA,OAAO;AAAA,MACL,IAAA,EAAM,mCAAA;AAAA,MACN,IAAA,EAAM,uBAAA;AAAA,MACN,IAAA,EAAM;AAAA,KACR;AAAA,EACF;AACA,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,OAAO;AAAA,MACL,IAAA,EAAM,6BAAA;AAAA,MACN,IAAA,EAAM,iBAAA;AAAA,MACN,IAAA,EAAM;AAAA,KACR;AAAA,EACF;AACA,EAAA,MAAM,IAAA,GAAO,wBAAwB,QAAQ,CAAA;AAC7C,EAAA,OAAO,EAAE,MAAM,IAAA,CAAK,IAAA,EAAM,MAAM,iBAAA,EAAmB,IAAA,EAAM,KAAK,IAAA,EAAK;AACrE;AAEA,SAAS,UAAU,IAAA,EAAiC;AAClD,EAAA,MAAM,OAAA,GAAU,KAAK,IAAA,EAAK;AAC1B,EAAA,IAAI,CAAC,SAAS,OAAO,IAAA;AACrB,EAAA,IAAI,QAAQ,UAAA,CAAW,MAAM,KAAK,OAAA,CAAQ,UAAA,CAAW,IAAI,CAAA,EAAG;AAC1D,IAAA,MAAM,OAAO,OAAA,CAAQ,OAAA,CAAQ,cAAA,EAAgB,EAAE,EAAE,IAAA,EAAK;AACtD,IAAA,OAAO,IAAA,GAAO,EAAE,IAAA,EAAM,IAAA,EAAM,IAAA,EAAM,UAAU,IAAA,EAAM,QAAA,EAAU,EAAC,EAAE,GAAI,IAAA;AAAA,EACrE;AACA,EAAA,IAAI,OAAA,CAAQ,UAAA,CAAW,GAAG,CAAA,EAAG;AAC3B,IAAA,MAAM,OAAO,OAAA,CAAQ,OAAA,CAAQ,OAAA,EAAS,EAAE,EAAE,IAAA,EAAK;AAC/C,IAAA,OAAO,IAAA,GAAO,EAAE,IAAA,EAAM,IAAA,EAAM,IAAA,EAAM,UAAU,IAAA,EAAM,QAAA,EAAU,EAAC,EAAE,GAAI,IAAA;AAAA,EACrE;AAOA,EAAA,IAAI,OAAA,CAAQ,UAAA,CAAW,GAAG,CAAA,EAAG;AAC3B,IAAA,IAAI,IAAA,GAAO,OAAA,CAAQ,KAAA,CAAM,CAAC,EAAE,SAAA,EAAU;AACtC,IAAA,IAAI,QAAA,GAAmC,IAAA;AACvC,IAAA,KAAA,MAAW,CAAC,KAAA,EAAO,aAAa,KAAK,MAAA,CAAO,OAAA,CAAQ,0BAA0B,CAAA,EAAG;AAC/E,MAAA,IAAI,IAAA,CAAK,UAAA,CAAW,KAAK,CAAA,EAAG;AAC1B,QAAA,QAAA,GAAW,aAAA;AACX,QAAA,IAAA,GAAO,IAAA,CAAK,KAAA,CAAM,KAAA,CAAM,MAAM,EAAE,SAAA,EAAU;AAC1C,QAAA;AAAA,MACF;AAAA,IACF;AACA,IAAA,IAAI,IAAA,GAAsB,IAAA;AAC1B,IAAA,MAAM,SAAA,GAAY,IAAA,CAAK,KAAA,CAAM,sBAAsB,CAAA;AACnD,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,MAAM,CAAC,WAAA,EAAa,WAAW,CAAA,GAAI,SAAA;AACnC,MAAA,IAAI,WAAA,KAAgB,MAAA,IAAa,WAAA,KAAgB,MAAA,EAAW;AAC1D,QAAA,IAAA,GAAO,WAAA;AACP,QAAA,IAAA,GAAO,IAAA,CAAK,KAAA,CAAM,WAAA,CAAY,MAAM,EAAE,SAAA,EAAU;AAAA,MAClD;AAAA,IACF;AACA,IAAA,IAAI,IAAA,EAAM;AACR,MAAA,OAAO,EAAE,IAAA,EAAM,IAAA,EAAM,MAAM,QAAA,EAAU,QAAA,EAAU,EAAC,EAAE;AAAA,IACpD;AAAA,EACF;AACA,EAAA,OAAO,EAAE,MAAM,OAAA,EAAS,IAAA,EAAM,MAAM,QAAA,EAAU,IAAA,EAAM,QAAA,EAAU,EAAC,EAAE;AACnE;AAEA,SAAS,kBAAkB,GAAA,EAA8B;AAKvD,EAAA,MAAM,OAAA,GAAU,gBAAA;AAChB,EAAA,MAAM,OAAA,GAAU,GAAA,CAAI,OAAA,CAAQ,OAAO,CAAA;AACnC,EAAA,MAAM,QAAA,GAAW,YAAY,EAAA,GAAK,EAAA,GAAK,IAAI,OAAA,CAAQ,iBAAA,EAAmB,OAAA,GAAU,OAAA,CAAQ,MAAM,CAAA;AAC9F,EAAA,MAAM,OAAA,GAAA,CAAW,QAAA,KAAa,EAAA,GAAK,GAAA,GAAM,GAAA,CAAI,KAAA,CAAM,OAAA,GAAU,OAAA,CAAQ,MAAA,EAAQ,QAAQ,CAAA,EAAG,IAAA,EAAK;AAC7F,EAAA,IAAI,CAAC,OAAA,EAAS,OAAO,EAAC;AACtB,EAAA,MAAM,KAAA,GAAQ,OAAA,CAAQ,KAAA,CAAM,IAAI,CAAA;AAChC,EAAA,MAAM,WAA4B,EAAC;AACnC,EAAA,IAAI,OAAA,GAAgC,IAAA;AACpC,EAAA,IAAI,QAAA,GAA8B,IAAA;AAClC,EAAA,KAAA,MAAW,QAAQ,KAAA,EAAO;AACxB,IAAA,MAAM,OAAA,GAAU,KAAK,IAAA,EAAK;AAC1B,IAAA,IAAI,CAAC,OAAA,EAAS;AAMd,IAAA,IAAI,OAAA,CAAQ,UAAA,CAAW,OAAO,CAAA,EAAG;AAC/B,MAAA,IAAI,QAAQ,OAAA,CAAQ,KAAA,CAAM,OAAA,CAAQ,MAAM,EAAE,IAAA,EAAK;AAC/C,MAAA,IAAI,YAAA,GAA8B,IAAA;AAClC,MAAA,IAAI,KAAA,CAAM,QAAA,CAAS,GAAG,CAAA,EAAG;AACvB,QAAA,MAAM,SAAA,GAAY,KAAA,CAAM,WAAA,CAAY,GAAG,CAAA;AACvC,QAAA,MAAM,KAAA,GAAQ,cAAc,EAAA,GAAK,EAAA,GAAK,MAAM,KAAA,CAAM,SAAA,GAAY,GAAG,EAAE,CAAA;AAEnE,QAAA,IAAI,YAAY,CAAA,IAAK,KAAA,IAAS,CAAC,KAAA,CAAM,QAAA,CAAS,GAAG,CAAA,EAAG;AAClD,UAAA,YAAA,GAAe,MAAM,IAAA,EAAK;AAC1B,UAAA,KAAA,GAAQ,KAAA,CAAM,KAAA,CAAM,CAAA,EAAG,SAAS,EAAE,IAAA,EAAK;AAAA,QACzC;AAAA,MACF;AACA,MAAA,IAAI,KAAA,EAAO;AACT,QAAA,OAAA,GAAU,EAAE,KAAA,EAAO,YAAA,EAAc,KAAA,EAAO,EAAC,EAAE;AAC3C,QAAA,QAAA,CAAS,KAAK,OAAO,CAAA;AACrB,QAAA,QAAA,GAAW,IAAA;AACX,QAAA;AAAA,MACF;AAAA,IACF;AACA,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA,OAAA,GAAU,EAAE,KAAA,EAAO,QAAA,EAAU,cAAc,IAAA,EAAM,KAAA,EAAO,EAAC,EAAE;AAC3D,MAAA,QAAA,CAAS,KAAK,OAAO,CAAA;AAAA,IACvB;AACA,IAAA,MAAM,SAAS,IAAA,CAAK,KAAA,CAAM,QAAQ,CAAA,GAAI,CAAC,GAAG,MAAA,IAAU,CAAA;AACpD,IAAA,MAAM,QAAA,GAAW,MAAA,IAAU,CAAA,KAAM,OAAA,CAAQ,UAAA,CAAW,MAAM,CAAA,IAAK,OAAA,CAAQ,UAAA,CAAW,IAAI,CAAA,IAAK,OAAA,CAAQ,WAAW,GAAG,CAAA,CAAA;AACjH,IAAA,MAAM,IAAA,GAAO,UAAU,IAAI,CAAA;AAC3B,IAAA,IAAI,CAAC,IAAA,EAAM;AACX,IAAA,IAAI,YAAY,QAAA,EAAU;AACxB,MAAA,QAAA,CAAS,QAAA,CAAS,KAAK,IAAI,CAAA;AAC3B,MAAA;AAAA,IACF;AACA,IAAA,OAAA,CAAQ,KAAA,CAAM,KAAK,IAAI,CAAA;AACvB,IAAA,QAAA,GAAW,IAAA;AAAA,EACb;AACA,EAAA,OAAO,QAAA;AACT;AAEA,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAO,MAAA,GAAS,OAAM,EAA8C;AAC9F,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,GAAS,uCAAA,GAA0C,aAChE,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,CAAA,KAAM;AACtB,IAAA,MAAM,MAAA,GAAS,eAAA,CAAgB,IAAA,CAAK,QAAA,EAAU,MAAM,CAAA;AACpD,IAAA,2BACG,KAAA,EAAA,EAA2C,SAAA,EAAU,aACpD,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,+BAAA,EACZ,QAAA,EAAA,IAAA,CAAK,wBACJ,GAAA,CAAC,GAAA,EAAA,EAAI,IAAG,MAAA,EAAO,OAAA,EAAQ,QAAO,IAAA,EAAK,MAAA,EAAO,WAAW,MAAA,CAAO,IAAA,EACzD,gCAAsB,IAAA,CAAK,IAAI,GAClC,CAAA,EAEJ,CAAA;AAAA,2BACC,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,4CAAA,EAA8C,MAAA,CAAO,IAAI,CAAA,EAC1E,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,GAAA,EAAA,EAAI,WAAW,EAAA,CAAG,iCAAA,EAAmC,OAAO,IAAI,CAAA,EAAI,eAAK,IAAA,EAAK,CAAA;AAAA,QAC9E,IAAA,CAAK,QAAA,CAAS,MAAA,GAAS,CAAA,wBACrB,KAAA,EAAA,EAAI,SAAA,EAAU,MAAA,EACb,QAAA,kBAAA,GAAA,CAAC,oBAAiB,KAAA,EAAO,IAAA,CAAK,QAAA,EAAU,MAAA,EAAM,MAAC,CAAA,EACjD;AAAA,OAAA,EAEJ;AAAA,KAAA,EACF,CAAA,EAAA,EAjBQ,CAAA,EAAG,IAAA,CAAK,IAAA,CAAK,KAAA,CAAM,GAAG,EAAE,CAAC,CAAA,CAAA,EAAI,CAAC,CAAA,CAkBxC,CAAA;AAAA,EAEJ,CAAC,CAAA,EACH,CAAA;AAEJ;AAEA,SAAS,kBAAA,CAAmB,EAAE,YAAA,EAAa,EAA6B;AACtE,EAAA,MAAM,QAAA,GAAW,QAAQ,MAAM,iBAAA,CAAkB,YAAY,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAC9E,EAAA,IAAI,QAAA,CAAS,WAAW,CAAA,EAAG;AACzB,IAAA,uBACE,GAAA,CAAC,OAAI,OAAA,EAAQ,SAAA,EAAU,MAAK,OAAA,EAAQ,SAAA,EAAU,UAAS,QAAA,EAAA,aAAA,EAEvD,CAAA;AAAA,EAEJ;AACA,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACZ,QAAA,EAAA,QAAA,CAAS,GAAA,CAAI,CAAC,OAAA,EAAS,CAAA,qBACtB,IAAA,CAAC,SAAA,EAAA,EAAsC,SAAA,EAAU,WAAA,EAC/C,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAI,SAAA,EAAU,uEAAA,EACb,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,SAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,GAAA,EAAA,EAAI,IAAG,IAAA,EAAK,OAAA,EAAQ,UAAS,IAAA,EAAK,KAAA,EAChC,kBAAQ,KAAA,EACX,CAAA;AAAA,MACC,OAAA,CAAQ,gCACP,GAAA,CAAC,GAAA,EAAA,EAAI,SAAQ,MAAA,EAAO,IAAA,EAAK,OAAA,EACtB,QAAA,EAAA,OAAA,CAAQ,YAAA,EACX;AAAA,KAAA,EAEJ,CAAA,EACF,CAAA;AAAA,oBACA,GAAA,CAAC,gBAAA,EAAA,EAAiB,KAAA,EAAO,OAAA,CAAQ,KAAA,EAAO;AAAA,GAAA,EAAA,EAb5B,GAAG,OAAA,CAAQ,KAAK,IAAI,CAAC,CAAA,CAcnC,CACD,CAAA,EACH,CAAA;AAEJ;AAEA,SAAS,uBAAA,CAAwB;AAAA,EAC/B,OAAA;AAAA,EACA,gBAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,IAAI,OAAA,CAAQ,MAAA,IAAU,CAAA,EAAG,OAAO,IAAA;AAEhC,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oEAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,kCAAA,EACb,QAAA,kBAAA,GAAA,CAAC,OAAI,IAAA,EAAK,KAAA,EAAM,qBAAO,CAAA,EACzB,CAAA;AAAA,wBACC,KAAA,EAAA,EAAI,SAAA,EAAU,wBAAA,EACZ,QAAA,EAAA,OAAA,CAAQ,IAAI,CAAA,MAAA,KAAU;AACrB,MAAA,MAAM,UAAA,GAAa,OAAO,EAAA,KAAO,gBAAA;AACjC,MAAA,uBACE,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UAEC,IAAA,EAAK,QAAA;AAAA,UACL,SAAA,EAAW,EAAA;AAAA,YACT,4IAAA;AAAA,YACA,UAAA,IAAc;AAAA,WAChB;AAAA,UACA,OAAA,EAAS,MAAM,cAAA,CAAe,MAAA,CAAO,EAAE,CAAA;AAAA,UAEtC,QAAA,EAAA,MAAA,CAAO,kBAAA,oBACN,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8BAAA,EACb,QAAA,EAAA,MAAA,CAAO,WAAA,IAAe,MAAA,CAAO,YAAA,GAAe,aAAA,GAAqB,aAAA,EACpE;AAAA,SAAA;AAAA,QAXG,MAAA,CAAO;AAAA,OAad;AAAA,IAEJ,CAAC,CAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;AASO,SAAS,qBAAA,CAAsB;AAAA,EACpC,OAAA;AAAA,EACA,gBAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,EAA+B;AAC7B,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA;AAE9C,EAAA,MAAM,MAAA,GAAS,OAAA;AAAA,IACb,MAAM,CAAC,GAAG,OAAO,EAAE,IAAA,CAAK,CAAC,CAAA,EAAG,CAAA,KAAM,IAAI,IAAA,CAAK,EAAE,SAAS,CAAA,CAAE,SAAQ,GAAI,IAAI,KAAK,CAAA,CAAE,SAAS,CAAA,CAAE,OAAA,EAAS,CAAA;AAAA,IACnG,CAAC,OAAO;AAAA,GACV;AAEA,EAAA,MAAM,QAAA,GAAW,gBAAA,GAAmB,MAAA,CAAO,IAAA,CAAK,CAAA,CAAA,KAAK,CAAA,CAAE,EAAA,KAAO,gBAAgB,CAAA,GAAI,MAAA,CAAO,MAAA,CAAO,MAAA,GAAS,CAAC,CAAA;AAC1G,EAAA,MAAM,aAAA,GAAgB,WAAW,MAAA,CAAO,SAAA,CAAU,OAAK,CAAA,CAAE,EAAA,KAAO,QAAA,CAAS,EAAE,CAAA,GAAI,EAAA;AAC/E,EAAA,MAAM,iBAAiB,aAAA,GAAgB,CAAA,GAAI,MAAA,CAAO,aAAA,GAAgB,CAAC,CAAA,GAAI,IAAA;AAEvE,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,IAAA,GAAO,MAAA,CAAO,EAAA,CAAG,EAAE,CAAA;AACzB,IAAA,IAAI,CAAC,oBAAoB,IAAA,EAAM;AAC7B,MAAA,cAAA,CAAe,KAAK,EAAE,CAAA;AAAA,IACxB;AAAA,EACF,CAAA,EAAG,CAAC,gBAAA,EAAkB,MAAA,EAAQ,cAAc,CAAC,CAAA;AAE7C,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,eAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,WAAU,UAAA,EAAW,CAAA;AAAA,sBAC/B,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,aAAA,EAAc,CAAA;AAAA,sBAClC,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,aAAA,EAAc;AAAA,KAAA,EACpC,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,uBACE,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,iBAAA;AAAA,QACV,eAAA,EAAgB,8DAAA;AAAA,QAChB,OAAA,EAAQ;AAAA;AAAA,KACV;AAAA,EAEJ;AAEA,EAAA,MAAM,qBAAqB,OAAO,QAAA,CAAS,kBAAA,KAAuB,QAAA,GAAW,SAAS,kBAAA,GAAqB,EAAA;AAE3G,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gCAAA,EAEb,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,8CAAA,EACZ,QAAA,EAAA;AAAA,MAAA,cAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kCAAA,EACb,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oCAAA,EACb,QAAA,kBAAA,IAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,uDAAA,EACf,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,SAAS,QAAA,EAAU,eAAA,EAAiB,OAAK,WAAA,CAAY,CAAA,KAAM,IAAI,CAAA,EAAG,CAAA;AAAA,wBAC5E,GAAA,CAAC,OAAI,EAAA,EAAG,MAAA,EAAO,SAAQ,SAAA,EAAU,IAAA,EAAK,SAAQ,QAAA,EAAA,WAAA,EAE9C;AAAA,OAAA,EACF,GACF,CAAA,EACF,CAAA;AAAA,sBAGF,GAAA,CAAC,KAAA,EAAA,EAAI,aAAA,EAAY,yBAAA,EAA0B,WAAU,4BAAA,EAClD,QAAA,EAAA,QAAA,IAAY,cAAA,mBACX,GAAA,CAAC,YAAS,QAAA,kBAAU,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,QAAO,CAAA,EAC7C,QAAA,kBAAA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,OAAO,OAAO,cAAA,CAAe,kBAAA,KAAuB,QAAA,GAAW,eAAe,kBAAA,GAAqB,EAAA;AAAA,UACnG,KAAA,EAAO,kBAAA;AAAA,UACP,QAAA,EAAS,iBAAA;AAAA,UACT,MAAA,EAAO,SAAA;AAAA,UACP,SAAA,EAAU;AAAA;AAAA,OACZ,EACF,IACE,kBAAA,mBACF,GAAA,CAAC,sBAAmB,YAAA,EAAc,kBAAA,EAAoB,CAAA,mBAEtD,GAAA,CAAC,GAAA,EAAA,EAAI,OAAA,EAAQ,WAAU,IAAA,EAAK,OAAA,EAAQ,WAAU,QAAA,EAC3C,QAAA,EAAA,QAAA,CAAS,eAAe,QAAA,CAAS,YAAA,GAAe,aAAA,GAAgB,aAAA,EACnE,CAAA,EAEJ;AAAA,KAAA,EACF,CAAA;AAAA,wBAGC,uBAAA,EAAA,EAAwB,OAAA,EAAS,QAAQ,gBAAA,EAAkB,QAAA,CAAS,IAAI,cAAA,EAAgC;AAAA,GAAA,EAC3G,CAAA;AAEJ;;;;"}
1	+ {"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 { Field, FieldLabel } from '../../../ds/components/Field';\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 <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 <Field orientation=\"horizontal\" className=\"gap-1.5\">\n <Checkbox checked={showDiff} onCheckedChange={v => setShowDiff(v === true)} />\n <FieldLabel size=\"smaller\">Show diff</FieldLabel>\n </Field>\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 <ObservationHistoryPanel records={sorted} selectedRecordId={selected.id} onSelectRecord={onSelectRecord} />\n </div>\n );\n}\n"],"names":["CodeDiff"],"mappings":"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"}

package/dist/domains/metrics/components/date-range-selector.cjs.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const dateTimeRangePicker = require('../../../date-time-range-picker-UheN070q.cjs');
+const dateTimeRangePicker = require('../../../date-time-range-picker-Bb-CGVEL.cjs');
 const domains_metrics_hooks_useMetrics = require('../hooks/use-metrics.cjs.js');
 const METRICS_PRESETS = [

package/dist/domains/metrics/components/date-range-selector.es.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { useRef } from 'react';
-import { D as DateTimeRangePicker } from '../../../date-time-range-picker-BDylIIzt.js';
+import { D as DateTimeRangePicker } from '../../../date-time-range-picker-B1zYIQTC.js';
 import { useMetrics } from '../hooks/use-metrics.es.js';
 const METRICS_PRESETS = [

package/dist/domains/metrics/components/memory-card-view.cjs.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const dataList = require('../../../data-list-Y42KyuI1.cjs');
+const dataList = require('../../../data-list-Bqf-fhMx.cjs');
 const metricsCard = require('../../../metrics-card-D7J9JDgn.cjs');
 const tabsContent = require('../../../tabs-content-DnscxcLI.cjs');
 const tabsRoot = require('../../../tabs-root-C-ePF1y9.cjs');

package/dist/domains/metrics/components/memory-card-view.es.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { D as DataList } from '../../../data-list-CyeD_u-6.js';
+import { D as DataList } from '../../../data-list-CEIYm7FY.js';
 import { M as MetricsCard } from '../../../metrics-card-C1rTkbcn.js';
 import { T as TabContent } from '../../../tabs-content-CwbkTutf.js';
 import { a as Tabs, T as TabList } from '../../../tabs-root-lrZZ3KwH.js';

package/dist/domains/metrics/components/model-usage-cost-card-view.cjs.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
-const dataList = require('../../../data-list-Y42KyuI1.cjs');
+const dataList = require('../../../data-list-Bqf-fhMx.cjs');
 const metricsCard = require('../../../metrics-card-D7J9JDgn.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 const utils_cost = require('../../../utils/cost.cjs.js');

package/dist/domains/metrics/components/model-usage-cost-card-view.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { D as DataList } from '../../../data-list-CyeD_u-6.js';
+import { D as DataList } from '../../../data-list-CEIYm7FY.js';
 import { M as MetricsCard } from '../../../metrics-card-C1rTkbcn.js';
 import { METRICS_DATA_LIST_PROPS } from './metrics-utils.es.js';
 import { formatCost } from '../../../utils/cost.es.js';

package/dist/domains/metrics/components/scores-card-view.cjs.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const dataList = require('../../../data-list-Y42KyuI1.cjs');
+const dataList = require('../../../data-list-Bqf-fhMx.cjs');
 const metricsCard = require('../../../metrics-card-D7J9JDgn.cjs');
 const metricsLineChart = require('../../../metrics-line-chart-CjJxBbM-.cjs');
 const tabsContent = require('../../../tabs-content-DnscxcLI.cjs');

package/dist/domains/metrics/components/scores-card-view.es.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
-import { D as DataList } from '../../../data-list-CyeD_u-6.js';
+import { D as DataList } from '../../../data-list-CEIYm7FY.js';
 import { M as MetricsCard } from '../../../metrics-card-C1rTkbcn.js';
 import { M as MetricsLineChart } from '../../../metrics-line-chart-C3UMBQ38.js';
 import { T as TabContent } from '../../../tabs-content-CwbkTutf.js';

package/dist/domains/observability/components/add-trace-mocks-to-item-dialog.cjs.js CHANGED Viewed

@@ -12,15 +12,16 @@ const React = require('react');
 const domains_datasets_hooks_useDatasetMutations = require('../../datasets/hooks/use-dataset-mutations.cjs.js');
 const domains_datasets_hooks_useDatasets = require('../../datasets/hooks/use-datasets.cjs.js');
 const Button = require('../../../Button-CXhSUBxN.cjs');
-const codeEditor = require('../../../code-editor-B_wPmKPf.cjs');
-const label = require('../../../label-DfAhywj_.cjs');
-const select = require('../../../select-DBY9LQFQ.cjs');
-const sideDialog = require('../../../side-dialog-DFnD1498.cjs');
+const codeEditor = require('../../../code-editor-Btr1qm_5.cjs');
+const field = require('../../../field-ip9xiOVa.cjs');
+require('../../../field-control-aria-WzMGs0A4.cjs');
+const form = require('../../../form-ChOlos7g.cjs');
+const select = require('../../../select-DJQYAVcm.cjs');
+const sideDialog = require('../../../side-dialog-lQUx6B_M.cjs');
 const textAndIcon = require('../../../text-and-icon-4eVhfmbb.cjs');
 const utils_id = require('../../../utils/id.cjs.js');
 const toast = require('../../../toast-nm-fM7BR.cjs');
 const domains_datasets_hooks_useDatasetItems = require('../../datasets/hooks/use-dataset-items.cjs.js');
-const Txt = require('../../../Txt-DPmEpNbp.cjs');
 function itemLabel(item) {
   const preview = (() => {
@@ -142,16 +143,16 @@ function AddTraceMocksForm({ initialMocksJson, onClose }) {
       toast.toast.error(`Failed to add tool mocks: ${error instanceof Error ? error.message : "Unknown error"}`);
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, className: "grid gap-4", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(label.Label, { htmlFor: "target-dataset", children: "Dataset *" }),
+  return /* @__PURE__ */ jsxRuntime.jsxs(form.Form, { onSubmit: handleSubmit, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(field.Field, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(field.FieldLabel, { required: true, children: "Dataset" }),
       /* @__PURE__ */ jsxRuntime.jsxs(select.Select, { value: selectedDatasetId, onValueChange: handleDatasetChange, disabled: isDatasetsLoading, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { id: "target-dataset", children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, { placeholder: isDatasetsLoading ? "Loading datasets..." : "Select a dataset" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, { placeholder: isDatasetsLoading ? "Loading datasets..." : "Select a dataset" }) }),
         /* @__PURE__ */ jsxRuntime.jsx(select.SelectContent, { children: datasets.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-4 text-center text-body text-muted-foreground", children: "No datasets available" }) : datasets.map((dataset) => /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: dataset.id, children: dataset.name }, dataset.id)) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(label.Label, { htmlFor: "target-item", children: "Item *" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(field.Field, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(field.FieldLabel, { required: true, children: "Item" }),
       /* @__PURE__ */ jsxRuntime.jsxs(
         select.Select,
         {
@@ -159,7 +160,7 @@ function AddTraceMocksForm({ initialMocksJson, onClose }) {
           onValueChange: setSelectedItemId,
           disabled: !selectedDatasetId || isItemsLoading,
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { id: "target-item", children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
               select.SelectValue,
               {
                 placeholder: !selectedDatasetId ? "Select a dataset first" : isItemsLoading ? "Loading items..." : "Select an item"
@@ -170,10 +171,10 @@ function AddTraceMocksForm({ initialMocksJson, onClose }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(label.Label, { htmlFor: "derived-mocks", children: "Tool Mocks (JSON)" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(field.Field, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(field.FieldLabel, { children: "Tool Mocks (JSON)" }),
       /* @__PURE__ */ jsxRuntime.jsx(codeEditor.CodeEditor, { value: mocksJson, onChange: setMocksJson, showCopyButton: false, className: "min-h-40" }),
-      /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "caption", tone: "muted", children: "Seeded from the trace's tool calls. Edit or remove entries before appending." })
+      /* @__PURE__ */ jsxRuntime.jsx(field.FieldDescription, { children: "Seeded from the trace's tool calls. Edit or remove entries before appending." })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2 pt-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}), type: "button", onClick: onClose, children: "Cancel" }),

package/dist/domains/observability/components/add-trace-mocks-to-item-dialog.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"add-trace-mocks-to-item-dialog.cjs.js","sources":["../../../../src/domains/observability/components/add-trace-mocks-to-item-dialog.tsx"],"sourcesContent":["import type { DatasetItemToolMock } from '@mastra/client-js';\nimport { collectToolMocks } from '@mastra/core/utils/collect-tool-mocks';\nimport { safeStringify } from '@mastra/core/utils/safe-stringify';\nimport { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport { EyeIcon, WrenchIcon, Plus, X } from 'lucide-react';\nimport { useState } from 'react';\nimport { useDatasetMutations, useDatasets } from '@/domains/datasets';\nimport { useDatasetItem, useDatasetItems } from '@/domains/datasets/hooks/use-dataset-items';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Label } from '@/ds/components/Label';\nimport { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@/ds/components/Select';\nimport { SideDialog } from '@/ds/components/SideDialog';\nimport type { SideDialogRootProps } from '@/ds/components/SideDialog';\nimport { TextAndIcon, getShortId } from '@/ds/components/Text';\nimport { Txt } from '@/ds/components/Txt';\nimport { toast } from '@/utils/toast';\n\ntype AddTraceMocksToItemDialogProps = {\n traceId?: string;\n isOpen: boolean;\n onClose: () => void;\n level?: SideDialogRootProps['level'];\n};\n\n/** Short, human-readable label for an item: short id + a preview of the input. /\nfunction itemLabel(item: { id: string; input: unknown }): string {\n const preview = (() => {\n try {\n const json = JSON.stringify(item.input);\n if (!json) return '';\n return json.length > 40 ? `${json.slice(0, 40)}…` : json;\n } catch {\n return '';\n }\n })();\n const shortId = getShortId(item.id) ?? item.id;\n return preview ? `${shortId} — ${preview}` : shortId;\n}\n\nexport function AddTraceMocksToItemDialog({ traceId, isOpen, onClose, level = 2 }: AddTraceMocksToItemDialogProps) {\n const client = useMastraClient();\n\n const { data: trajectory, isLoading: isTrajectoryLoading } = useQuery({\n queryKey: ['trace-trajectory', traceId],\n queryFn: () => client.getTraceTrajectory(traceId ?? ''),\n enabled: isOpen && !!traceId,\n });\n\n const derivedMocks: DatasetItemToolMock[] = trajectory?.steps ? collectToolMocks(trajectory.steps) : [];\n const initialMocksJson = derivedMocks.length > 0 ? safeStringify(derivedMocks, 2) : '';\n\n return (\n <SideDialog\n dialogTitle=\"Add Tool Mocks to Item\"\n dialogDescription=\"Append trace-derived tool mocks to an existing dataset item\"\n isOpen={isOpen}\n onClose={onClose}\n level={level}\n >\n <SideDialog.Top>\n <TextAndIcon>\n <EyeIcon /> {getShortId(traceId)}\n </TextAndIcon>\n ›\n <TextAndIcon>\n <WrenchIcon /> Add Tool Mocks to Item\n </TextAndIcon>\n </SideDialog.Top>\n\n <SideDialog.Content>\n <SideDialog.Header>\n <SideDialog.Heading>\n <WrenchIcon /> Add Tool Mocks to Item\n </SideDialog.Heading>\n </SideDialog.Header>\n\n {isTrajectoryLoading ? (\n <div className=\"px-2 py-4 text-body text-muted-foreground\">Loading tool calls from trace...</div>\n ) : (\n // Remount when the source trace changes so the form's useState seeds\n // from the freshly derived mocks — no state-reset effect needed.\n <AddTraceMocksForm key={traceId ?? 'no-trace'} initialMocksJson={initialMocksJson} onClose={onClose} />\n )}\n </SideDialog.Content>\n </SideDialog>\n );\n}\n\ntype AddTraceMocksFormProps = {\n initialMocksJson: string;\n onClose: () => void;\n};\n\nfunction AddTraceMocksForm({ initialMocksJson, onClose }: AddTraceMocksFormProps) {\n const [selectedDatasetId, setSelectedDatasetId] = useState<string>('');\n const [selectedItemId, setSelectedItemId] = useState<string>('');\n // Editable JSON of the mocks to append, seeded once from the trace-derived mocks.\n const [mocksJson, setMocksJson] = useState<string>(initialMocksJson);\n\n const { data: datasetsData, isLoading: isDatasetsLoading } = useDatasets();\n const datasets = datasetsData?.datasets ?? [];\n\n const { data: items = [], isLoading: isItemsLoading } = useDatasetItems(selectedDatasetId);\n const { data: selectedItem, isFetching: isSelectedItemFetching } = useDatasetItem(selectedDatasetId, selectedItemId);\n const { updateItem } = useDatasetMutations();\n\n // Whether the current editor content is a non-empty JSON array (enables submit).\n const hasMocks = (() => {\n if (!mocksJson.trim()) return false;\n try {\n const parsed = JSON.parse(mocksJson);\n return Array.isArray(parsed) && parsed.length > 0;\n } catch {\n return false;\n }\n })();\n\n const handleDatasetChange = (value: string) => {\n setSelectedDatasetId(value);\n setSelectedItemId('');\n };\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n\n if (!selectedDatasetId \|\| !selectedItemId) {\n toast.error('Please select a dataset and an item');\n return;\n }\n\n // Parse the (possibly edited) mocks JSON.\n let parsedMocks: DatasetItemToolMock[];\n try {\n const parsed = mocksJson.trim() ? JSON.parse(mocksJson) : [];\n if (!Array.isArray(parsed)) {\n toast.error('Tool Mocks must be a JSON array');\n return;\n }\n parsedMocks = parsed as DatasetItemToolMock[];\n } catch {\n toast.error('Tool Mocks must be valid JSON');\n return;\n }\n if (parsedMocks.length === 0) {\n toast.error('There are no tool mocks to add');\n return;\n }\n // Guard against appending to a stale/unloaded item — require the authoritative item first.\n if (!selectedItem \|\| selectedItem.id !== selectedItemId) {\n toast.error('Item is still loading, please try again');\n return;\n }\n\n const existing = selectedItem.toolMocks ?? [];\n const merged = [...existing, ...parsedMocks];\n\n try {\n await updateItem.mutateAsync({\n datasetId: selectedDatasetId,\n itemId: selectedItemId,\n toolMocks: merged,\n });\n toast.success(`Added ${parsedMocks.length} tool mock(s) to the item`);\n onClose();\n } catch (error) {\n toast.error(`Failed to add tool mocks: ${error instanceof Error ? error.message : 'Unknown error'}`);\n }\n };\n\n return (\n <form onSubmit={handleSubmit} className=\"grid gap-4\">\n <div className=\"grid gap-2\">\n <Label htmlFor=\"target-dataset\">Dataset </Label>\n <Select value={selectedDatasetId} onValueChange={handleDatasetChange} disabled={isDatasetsLoading}>\n <SelectTrigger id=\"target-dataset\">\n <SelectValue placeholder={isDatasetsLoading ? 'Loading datasets...' : 'Select a dataset'} />\n </SelectTrigger>\n <SelectContent>\n {datasets.length === 0 ? (\n <div className=\"px-2 py-4 text-center text-body text-muted-foreground\">No datasets available</div>\n ) : (\n datasets.map(dataset => (\n <SelectItem key={dataset.id} value={dataset.id}>\n {dataset.name}\n </SelectItem>\n ))\n )}\n </SelectContent>\n </Select>\n </div>\n\n <div className=\"grid gap-2\">\n <Label htmlFor=\"target-item\">Item *</Label>\n <Select\n value={selectedItemId}\n onValueChange={setSelectedItemId}\n disabled={!selectedDatasetId \|\| isItemsLoading}\n >\n <SelectTrigger id=\"target-item\">\n <SelectValue\n placeholder={\n !selectedDatasetId ? 'Select a dataset first' : isItemsLoading ? 'Loading items...' : 'Select an item'\n }\n />\n </SelectTrigger>\n <SelectContent>\n {items.length === 0 ? (\n <div className=\"px-2 py-4 text-center text-body text-muted-foreground\">No items available</div>\n ) : (\n items.map(item => (\n <SelectItem key={item.id} value={item.id}>\n {itemLabel(item)}\n </SelectItem>\n ))\n )}\n </SelectContent>\n </Select>\n </div>\n\n <div className=\"grid gap-2\">\n <Label htmlFor=\"derived-mocks\">Tool Mocks (JSON)</Label>\n <CodeEditor value={mocksJson} onChange={setMocksJson} showCopyButton={false} className=\"min-h-40\" />\n <Txt variant=\"caption\" tone=\"muted\">\n Seeded from the trace's tool calls. Edit or remove entries before appending.\n </Txt>\n </div>\n\n <div className=\"flex justify-end gap-2 pt-4\">\n <Button icon={<X />} type=\"button\" onClick={onClose}>\n Cancel\n </Button>\n <Button\n icon={<Plus />}\n type=\"submit\"\n variant=\"default\"\n disabled={\n updateItem.isPending \|\|\n isSelectedItemFetching \|\|\n !hasMocks \|\|\n !selectedDatasetId \|\|\n !selectedItemId \|\|\n selectedItem?.id !== selectedItemId\n }\n >\n {updateItem.isPending ? 'Adding...' : 'Append Tool Mocks'}\n </Button>\n </div>\n </form>\n );\n}\n"],"names":["getShortId","useMastraClient","useQuery","collectToolMocks","safeStringify","jsxs","SideDialog","TextAndIcon","jsx","EyeIcon","WrenchIcon","useState","useDatasets","useDatasetItems","useDatasetItem","useDatasetMutations","toast","Label","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","CodeEditor","Txt","Button","X","Plus"],"mappings":"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"}
1	+ {"version":3,"file":"add-trace-mocks-to-item-dialog.cjs.js","sources":["../../../../src/domains/observability/components/add-trace-mocks-to-item-dialog.tsx"],"sourcesContent":["import type { DatasetItemToolMock } from '@mastra/client-js';\nimport { collectToolMocks } from '@mastra/core/utils/collect-tool-mocks';\nimport { safeStringify } from '@mastra/core/utils/safe-stringify';\n\nimport { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport { EyeIcon, WrenchIcon, Plus, X } from 'lucide-react';\nimport { useState } from 'react';\nimport { useDatasetMutations, useDatasets } from '@/domains/datasets';\nimport { useDatasetItem, useDatasetItems } from '@/domains/datasets/hooks/use-dataset-items';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Field, FieldDescription, FieldLabel } from '@/ds/components/Field';\nimport { Form } from '@/ds/components/Form';\nimport { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@/ds/components/Select';\nimport { SideDialog } from '@/ds/components/SideDialog';\nimport type { SideDialogRootProps } from '@/ds/components/SideDialog';\nimport { TextAndIcon, getShortId } from '@/ds/components/Text';\nimport { toast } from '@/utils/toast';\n\ntype AddTraceMocksToItemDialogProps = {\n traceId?: string;\n isOpen: boolean;\n onClose: () => void;\n level?: SideDialogRootProps['level'];\n};\n\n/** Short, human-readable label for an item: short id + a preview of the input. */\nfunction itemLabel(item: { id: string; input: unknown }): string {\n const preview = (() => {\n try {\n const json = JSON.stringify(item.input);\n if (!json) return '';\n return json.length > 40 ? `${json.slice(0, 40)}…` : json;\n } catch {\n return '';\n }\n })();\n const shortId = getShortId(item.id) ?? item.id;\n return preview ? `${shortId} — ${preview}` : shortId;\n}\n\nexport function AddTraceMocksToItemDialog({ traceId, isOpen, onClose, level = 2 }: AddTraceMocksToItemDialogProps) {\n const client = useMastraClient();\n\n const { data: trajectory, isLoading: isTrajectoryLoading } = useQuery({\n queryKey: ['trace-trajectory', traceId],\n queryFn: () => client.getTraceTrajectory(traceId ?? ''),\n enabled: isOpen && !!traceId,\n });\n\n const derivedMocks: DatasetItemToolMock[] = trajectory?.steps ? collectToolMocks(trajectory.steps) : [];\n const initialMocksJson = derivedMocks.length > 0 ? safeStringify(derivedMocks, 2) : '';\n\n return (\n <SideDialog\n dialogTitle=\"Add Tool Mocks to Item\"\n dialogDescription=\"Append trace-derived tool mocks to an existing dataset item\"\n isOpen={isOpen}\n onClose={onClose}\n level={level}\n >\n <SideDialog.Top>\n <TextAndIcon>\n <EyeIcon /> {getShortId(traceId)}\n </TextAndIcon>\n ›\n <TextAndIcon>\n <WrenchIcon /> Add Tool Mocks to Item\n </TextAndIcon>\n </SideDialog.Top>\n\n <SideDialog.Content>\n <SideDialog.Header>\n <SideDialog.Heading>\n <WrenchIcon /> Add Tool Mocks to Item\n </SideDialog.Heading>\n </SideDialog.Header>\n\n {isTrajectoryLoading ? (\n <div className=\"px-2 py-4 text-body text-muted-foreground\">Loading tool calls from trace...</div>\n ) : (\n // Remount when the source trace changes so the form's useState seeds\n // from the freshly derived mocks — no state-reset effect needed.\n <AddTraceMocksForm key={traceId ?? 'no-trace'} initialMocksJson={initialMocksJson} onClose={onClose} />\n )}\n </SideDialog.Content>\n </SideDialog>\n );\n}\n\ntype AddTraceMocksFormProps = {\n initialMocksJson: string;\n onClose: () => void;\n};\n\nfunction AddTraceMocksForm({ initialMocksJson, onClose }: AddTraceMocksFormProps) {\n const [selectedDatasetId, setSelectedDatasetId] = useState<string>('');\n const [selectedItemId, setSelectedItemId] = useState<string>('');\n // Editable JSON of the mocks to append, seeded once from the trace-derived mocks.\n const [mocksJson, setMocksJson] = useState<string>(initialMocksJson);\n\n const { data: datasetsData, isLoading: isDatasetsLoading } = useDatasets();\n const datasets = datasetsData?.datasets ?? [];\n\n const { data: items = [], isLoading: isItemsLoading } = useDatasetItems(selectedDatasetId);\n const { data: selectedItem, isFetching: isSelectedItemFetching } = useDatasetItem(selectedDatasetId, selectedItemId);\n const { updateItem } = useDatasetMutations();\n\n // Whether the current editor content is a non-empty JSON array (enables submit).\n const hasMocks = (() => {\n if (!mocksJson.trim()) return false;\n try {\n const parsed = JSON.parse(mocksJson);\n return Array.isArray(parsed) && parsed.length > 0;\n } catch {\n return false;\n }\n })();\n\n const handleDatasetChange = (value: string) => {\n setSelectedDatasetId(value);\n setSelectedItemId('');\n };\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n\n if (!selectedDatasetId \|\| !selectedItemId) {\n toast.error('Please select a dataset and an item');\n return;\n }\n\n // Parse the (possibly edited) mocks JSON.\n let parsedMocks: DatasetItemToolMock[];\n try {\n const parsed = mocksJson.trim() ? JSON.parse(mocksJson) : [];\n if (!Array.isArray(parsed)) {\n toast.error('Tool Mocks must be a JSON array');\n return;\n }\n parsedMocks = parsed as DatasetItemToolMock[];\n } catch {\n toast.error('Tool Mocks must be valid JSON');\n return;\n }\n if (parsedMocks.length === 0) {\n toast.error('There are no tool mocks to add');\n return;\n }\n // Guard against appending to a stale/unloaded item — require the authoritative item first.\n if (!selectedItem \|\| selectedItem.id !== selectedItemId) {\n toast.error('Item is still loading, please try again');\n return;\n }\n\n const existing = selectedItem.toolMocks ?? [];\n const merged = [...existing, ...parsedMocks];\n\n try {\n await updateItem.mutateAsync({\n datasetId: selectedDatasetId,\n itemId: selectedItemId,\n toolMocks: merged,\n });\n toast.success(`Added ${parsedMocks.length} tool mock(s) to the item`);\n onClose();\n } catch (error) {\n toast.error(`Failed to add tool mocks: ${error instanceof Error ? error.message : 'Unknown error'}`);\n }\n };\n\n return (\n <Form onSubmit={handleSubmit}>\n <Field>\n <FieldLabel required>Dataset</FieldLabel>\n <Select value={selectedDatasetId} onValueChange={handleDatasetChange} disabled={isDatasetsLoading}>\n <SelectTrigger>\n <SelectValue placeholder={isDatasetsLoading ? 'Loading datasets...' : 'Select a dataset'} />\n </SelectTrigger>\n <SelectContent>\n {datasets.length === 0 ? (\n <div className=\"px-2 py-4 text-center text-body text-muted-foreground\">No datasets available</div>\n ) : (\n datasets.map(dataset => (\n <SelectItem key={dataset.id} value={dataset.id}>\n {dataset.name}\n </SelectItem>\n ))\n )}\n </SelectContent>\n </Select>\n </Field>\n\n <Field>\n <FieldLabel required>Item</FieldLabel>\n <Select\n value={selectedItemId}\n onValueChange={setSelectedItemId}\n disabled={!selectedDatasetId \|\| isItemsLoading}\n >\n <SelectTrigger>\n <SelectValue\n placeholder={\n !selectedDatasetId ? 'Select a dataset first' : isItemsLoading ? 'Loading items...' : 'Select an item'\n }\n />\n </SelectTrigger>\n <SelectContent>\n {items.length === 0 ? (\n <div className=\"px-2 py-4 text-center text-body text-muted-foreground\">No items available</div>\n ) : (\n items.map(item => (\n <SelectItem key={item.id} value={item.id}>\n {itemLabel(item)}\n </SelectItem>\n ))\n )}\n </SelectContent>\n </Select>\n </Field>\n\n <Field>\n <FieldLabel>Tool Mocks (JSON)</FieldLabel>\n <CodeEditor value={mocksJson} onChange={setMocksJson} showCopyButton={false} className=\"min-h-40\" />\n <FieldDescription>\n Seeded from the trace's tool calls. Edit or remove entries before appending.\n </FieldDescription>\n </Field>\n\n <div className=\"flex justify-end gap-2 pt-4\">\n <Button icon={<X />} type=\"button\" onClick={onClose}>\n Cancel\n </Button>\n <Button\n icon={<Plus />}\n type=\"submit\"\n variant=\"default\"\n disabled={\n updateItem.isPending \|\|\n isSelectedItemFetching \|\|\n !hasMocks \|\|\n !selectedDatasetId \|\|\n !selectedItemId \|\|\n selectedItem?.id !== selectedItemId\n }\n >\n {updateItem.isPending ? 'Adding...' : 'Append Tool Mocks'}\n </Button>\n </div>\n </Form>\n );\n}\n"],"names":["getShortId","useMastraClient","useQuery","collectToolMocks","safeStringify","jsxs","SideDialog","TextAndIcon","jsx","EyeIcon","WrenchIcon","useState","useDatasets","useDatasetItems","useDatasetItem","useDatasetMutations","toast","Form","Field","FieldLabel","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","CodeEditor","FieldDescription","Button","X","Plus"],"mappings":"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"}

package/dist/domains/observability/components/add-trace-mocks-to-item-dialog.es.js CHANGED Viewed

@@ -8,15 +8,16 @@ import { useState } from 'react';
 import { useDatasetMutations } from '../../datasets/hooks/use-dataset-mutations.es.js';
 import { useDatasets } from '../../datasets/hooks/use-datasets.es.js';
 import { B as Button } from '../../../Button-D43ghVKt.js';
-import { C as CodeEditor } from '../../../code-editor-28chVxHw.js';
-import { L as Label } from '../../../label-Dxsz0dFs.js';
-import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../../../select-DZeNf-kI.js';
-import { S as SideDialog } from '../../../side-dialog-DCzCcZs6.js';
+import { C as CodeEditor } from '../../../code-editor-DzhYz1fH.js';
+import { F as Field, e as FieldLabel, b as FieldDescription } from '../../../field-BtvEQ68O.js';
+import '../../../field-control-aria-DB6y41tQ.js';
+import { F as Form } from '../../../form-uj2xap-j.js';
+import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../../../select--ArpXYDc.js';
+import { S as SideDialog } from '../../../side-dialog-DZJc85m3.js';
 import { T as TextAndIcon } from '../../../text-and-icon-CuBm-Wjm.js';
 import { getShortId } from '../../../utils/id.es.js';
 import { t as toast } from '../../../toast-c5kCpyWt.js';
 import { useDatasetItems, useDatasetItem } from '../../datasets/hooks/use-dataset-items.es.js';
-import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 function itemLabel(item) {
   const preview = (() => {
@@ -138,16 +139,16 @@ function AddTraceMocksForm({ initialMocksJson, onClose }) {
       toast.error(`Failed to add tool mocks: ${error instanceof Error ? error.message : "Unknown error"}`);
     }
   };
-  return /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "grid gap-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
-      /* @__PURE__ */ jsx(Label, { htmlFor: "target-dataset", children: "Dataset *" }),
+  return /* @__PURE__ */ jsxs(Form, { onSubmit: handleSubmit, children: [
+    /* @__PURE__ */ jsxs(Field, { children: [
+      /* @__PURE__ */ jsx(FieldLabel, { required: true, children: "Dataset" }),
       /* @__PURE__ */ jsxs(Select, { value: selectedDatasetId, onValueChange: handleDatasetChange, disabled: isDatasetsLoading, children: [
-        /* @__PURE__ */ jsx(SelectTrigger, { id: "target-dataset", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: isDatasetsLoading ? "Loading datasets..." : "Select a dataset" }) }),
+        /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: isDatasetsLoading ? "Loading datasets..." : "Select a dataset" }) }),
         /* @__PURE__ */ jsx(SelectContent, { children: datasets.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-2 py-4 text-center text-body text-muted-foreground", children: "No datasets available" }) : datasets.map((dataset) => /* @__PURE__ */ jsx(SelectItem, { value: dataset.id, children: dataset.name }, dataset.id)) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
-      /* @__PURE__ */ jsx(Label, { htmlFor: "target-item", children: "Item *" }),
+    /* @__PURE__ */ jsxs(Field, { children: [
+      /* @__PURE__ */ jsx(FieldLabel, { required: true, children: "Item" }),
       /* @__PURE__ */ jsxs(
         Select,
         {
@@ -155,7 +156,7 @@ function AddTraceMocksForm({ initialMocksJson, onClose }) {
           onValueChange: setSelectedItemId,
           disabled: !selectedDatasetId || isItemsLoading,
           children: [
-            /* @__PURE__ */ jsx(SelectTrigger, { id: "target-item", children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(
               SelectValue,
               {
                 placeholder: !selectedDatasetId ? "Select a dataset first" : isItemsLoading ? "Loading items..." : "Select an item"
@@ -166,10 +167,10 @@ function AddTraceMocksForm({ initialMocksJson, onClose }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
-      /* @__PURE__ */ jsx(Label, { htmlFor: "derived-mocks", children: "Tool Mocks (JSON)" }),
+    /* @__PURE__ */ jsxs(Field, { children: [
+      /* @__PURE__ */ jsx(FieldLabel, { children: "Tool Mocks (JSON)" }),
       /* @__PURE__ */ jsx(CodeEditor, { value: mocksJson, onChange: setMocksJson, showCopyButton: false, className: "min-h-40" }),
-      /* @__PURE__ */ jsx(Txt, { variant: "caption", tone: "muted", children: "Seeded from the trace's tool calls. Edit or remove entries before appending." })
+      /* @__PURE__ */ jsx(FieldDescription, { children: "Seeded from the trace's tool calls. Edit or remove entries before appending." })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 pt-4", children: [
       /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(X, {}), type: "button", onClick: onClose, children: "Cancel" }),