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

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

@@ -1 +1 @@
-{"version":3,"file":"observation-detail-view.es.js","sources":["../../../../src/domains/memory/components/observation-detail-view.tsx"],"sourcesContent":["import { 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-border-strong bg-fill-hover',\n              )}\n              onClick={() => onSelectRecord(record.id)}\n            >\n              {record.activeObservations || (\n                <span className=\"text-muted-foreground italic\">\n                  {record.isObserving || record.isReflecting ? 'Processing\\u2026' : 'Initialized'}\n                </span>\n              )}\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nexport interface ObservationDetailViewProps {\n  records: OMHistoryRecord[];\n  selectedRecordId: string | null;\n  onSelectRecord: (id: string | null) => void;\n  isLoading?: boolean;\n}\n\nexport function ObservationDetailView({\n  records,\n  selectedRecordId,\n  onSelectRecord,\n  isLoading,\n}: ObservationDetailViewProps) {\n  const [showDiff, setShowDiff] = useState(false);\n\n  const sorted = useMemo(\n    () => [...records].sort((a, b) => new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime()),\n    [records],\n  );\n\n  const selected = selectedRecordId ? sorted.find(r => r.id === selectedRecordId) : sorted[sorted.length - 1];\n  const selectedIndex = selected ? sorted.findIndex(r => r.id === selected.id) : -1;\n  const previousRecord = selectedIndex > 0 ? sorted[selectedIndex - 1] : null;\n\n  useEffect(() => {\n    const last = sorted.at(-1);\n    if (!selectedRecordId && last) {\n      onSelectRecord(last.id);\n    }\n  }, [selectedRecordId, sorted, onSelectRecord]);\n\n  if (isLoading) {\n    return (\n      <div className=\"space-y-4 p-4\">\n        <Skeleton className=\"h-6 w-40\" />\n        <Skeleton className=\"h-32 w-full\" />\n        <Skeleton className=\"h-32 w-full\" />\n      </div>\n    );\n  }\n\n  if (!selected) {\n    return (\n      <EmptyState\n        titleSlot=\"No observations\"\n        descriptionSlot=\"No observational memory snapshots available for this thread.\"\n        variant=\"fill\"\n      />\n    );\n  }\n\n  const activeObservations = typeof selected.activeObservations === 'string' ? selected.activeObservations : '';\n\n  return (\n    <div className=\"flex size-full overflow-hidden\">\n      {/* Main observation content */}\n      <div className=\"flex min-w-0 flex-1 flex-col overflow-hidden\">\n        {previousRecord && (\n          <div className=\"border-b border-border px-4 py-2\">\n            <div className=\"flex items-start justify-end gap-3\">\n              <label className=\"flex cursor-pointer items-center gap-1.5 text-caption\">\n                <Checkbox checked={showDiff} onCheckedChange={v => setShowDiff(v === true)} />\n                <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;;;;"}
+{"version":3,"file":"observation-detail-view.es.js","sources":["../../../../src/domains/memory/components/observation-detail-view.tsx"],"sourcesContent":["import { lazy, Suspense, useEffect, useMemo, useState } from 'react';\nimport { Checkbox } from '../../../ds/components/Checkbox';\nimport { EmptyState } from '../../../ds/components/EmptyState';\nimport { Skeleton } from '../../../ds/components/Skeleton';\nimport { Txt } from '../../../ds/components/Txt';\nimport { cn } from '../../../lib/utils';\nimport { observationPriorityByEmoji, observationPriorityTone } from '../lib/observation-priority';\nimport type { ObservationPriority } from '../lib/observation-priority';\nimport type { OMHistoryRecord } from '../types';\nimport { formatDate } from '@/utils/date-format';\n\nconst CodeDiff = lazy(() => import('../../../ds/components/CodeDiff').then(({ CodeDiff }) => ({ default: CodeDiff })));\n\ntype ParsedItem = {\n  text: string;\n  time: string | null;\n  priority: ObservationPriority | null;\n  children: ParsedItem[];\n};\n\ntype ParsedSection = {\n  title: string;\n  relativeTime: string | null;\n  items: ParsedItem[];\n};\n\nfunction formatObservationTime(time: string | null) {\n  if (!time) return null;\n  const match = time.match(/^(\\d{1,2}):(\\d{2})$/);\n  if (!match) return time;\n  const [, hours, minutes] = match;\n  return formatDate(new Date(2000, 0, 1, Number(hours), Number(minutes)), 'time') ?? time;\n}\n\nfunction priorityClasses(priority: ParsedItem['priority'], nested: boolean) {\n  if (nested) {\n    return {\n      card: 'bg-transparent border-transparent',\n      text: 'text-muted-foreground',\n      time: 'text-muted-foreground',\n    };\n  }\n  if (!priority) {\n    return {\n      card: 'border-border bg-background',\n      text: 'text-foreground',\n      time: 'text-muted-foreground',\n    };\n  }\n  const tone = observationPriorityTone[priority];\n  return { card: tone.card, text: 'text-foreground', time: tone.time };\n}\n\nfunction parseItem(line: string): ParsedItem | null {\n  const trimmed = line.trim();\n  if (!trimmed) return null;\n  if (trimmed.startsWith('* ->') || trimmed.startsWith('->')) {\n    const text = trimmed.replace(/^\\*?\\s*->\\s*/, '').trim();\n    return text ? { text, time: null, priority: null, children: [] } : null;\n  }\n  if (trimmed.startsWith('-')) {\n    const text = trimmed.replace(/^-\\s*/, '').trim();\n    return text ? { text, time: null, priority: null, children: [] } : null;\n  }\n  // Extracts a root observation line of the form `* 🔴 (11:55) some text`,\n  // where the priority emoji and `(HH:MM)` timestamp are both optional:\n  // → { priority: high, time: '11:55', text: 'some text' }.\n  // Parsed incrementally instead of with a single regex: adjacent `\\s*` runs\n  // around optional groups backtrack polynomially on adversarial input\n  // (CodeQL js/polynomial-redos).\n  if (trimmed.startsWith('*')) {\n    let rest = trimmed.slice(1).trimStart();\n    let priority: ParsedItem['priority'] = null;\n    for (const [emoji, emojiPriority] of Object.entries(observationPriorityByEmoji)) {\n      if (rest.startsWith(emoji)) {\n        priority = emojiPriority;\n        rest = rest.slice(emoji.length).trimStart();\n        break;\n      }\n    }\n    let time: string | null = null;\n    const timeMatch = rest.match(/^\\((\\d{1,2}:\\d{2})\\)/);\n    if (timeMatch) {\n      const [matchedText, matchedTime] = timeMatch;\n      if (matchedText !== undefined && matchedTime !== undefined) {\n        time = matchedTime;\n        rest = rest.slice(matchedText.length).trimStart();\n      }\n    }\n    if (rest) {\n      return { text: rest, time, priority, children: [] };\n    }\n  }\n  return { text: trimmed, time: null, priority: null, children: [] };\n}\n\nfunction parseObservations(raw: string): ParsedSection[] {\n  // Extracts the text between `<observations>` and `</observations>` (falls\n  // back to the whole string when the tags are absent). indexOf instead of a\n  // lazy regex to avoid polynomial backtracking on adversarial input\n  // (CodeQL js/polynomial-redos).\n  const openTag = '<observations>';\n  const openIdx = raw.indexOf(openTag);\n  const closeIdx = openIdx === -1 ? -1 : raw.indexOf('</observations>', openIdx + openTag.length);\n  const content = (closeIdx === -1 ? raw : raw.slice(openIdx + openTag.length, closeIdx)).trim();\n  if (!content) return [];\n  const lines = content.split('\\n');\n  const sections: ParsedSection[] = [];\n  let current: ParsedSection | null = null;\n  let lastRoot: ParsedItem | null = null;\n  for (const line of lines) {\n    const trimmed = line.trim();\n    if (!trimmed) continue;\n    // Extracts a section header of the form `Date: Jul 2, 2026 (today)`,\n    // where the parenthesized relative time is optional:\n    // → { title: 'Jul 2, 2026', relativeTime: 'today' }.\n    // Parsed with string ops instead of a lazy regex with an optional trailing\n    // group, which backtracks polynomially (CodeQL js/polynomial-redos).\n    if (trimmed.startsWith('Date:')) {\n      let title = trimmed.slice('Date:'.length).trim();\n      let relativeTime: string | null = null;\n      if (title.endsWith(')')) {\n        const openParen = title.lastIndexOf('(');\n        const inner = openParen === -1 ? '' : title.slice(openParen + 1, -1);\n        // `inner` must not contain ')' — mirrors the original `\\(([^)]+)\\)$` semantics\n        if (openParen > 0 && inner && !inner.includes(')')) {\n          relativeTime = inner.trim();\n          title = title.slice(0, openParen).trim();\n        }\n      }\n      if (title) {\n        current = { title, relativeTime, items: [] };\n        sections.push(current);\n        lastRoot = null;\n        continue;\n      }\n    }\n    if (!current) {\n      current = { title: 'Recent', relativeTime: null, items: [] };\n      sections.push(current);\n    }\n    const indent = line.match(/^(\\s*)/)?.[1]?.length ?? 0;\n    const isNested = indent >= 2 && (trimmed.startsWith('* ->') || trimmed.startsWith('->') || trimmed.startsWith('-'));\n    const item = parseItem(line);\n    if (!item) continue;\n    if (isNested && lastRoot) {\n      lastRoot.children.push(item);\n      continue;\n    }\n    current.items.push(item);\n    lastRoot = item;\n  }\n  return sections;\n}\n\nfunction ObservationItems({ items, nested = false }: { items: ParsedItem[]; nested?: boolean }) {\n  return (\n    <div className={nested ? 'space-y-2 border-l border-border pl-4' : 'space-y-3'}>\n      {items.map((item, i) => {\n        const styles = priorityClasses(item.priority, nested);\n        return (\n          <div key={`${item.text.slice(0, 20)}-${i}`} className=\"space-y-2\">\n            <div className=\"flex items-start gap-3\">\n              <div className=\"w-12 shrink-0 pt-2 text-right\">\n                {item.time && (\n                  <Txt as=\"span\" variant=\"meta\" font=\"mono\" className={styles.time}>\n                    {formatObservationTime(item.time)}\n                  </Txt>\n                )}\n              </div>\n              <div className={cn('min-w-0 flex-1 rounded-md border px-3 py-2', styles.card)}>\n                <Txt className={cn('break-words whitespace-pre-wrap', styles.text)}>{item.text}</Txt>\n                {item.children.length > 0 && (\n                  <div className=\"mt-3\">\n                    <ObservationItems items={item.children} nested />\n                  </div>\n                )}\n              </div>\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nfunction ObservationContent({ observations }: { observations: string }) {\n  const sections = useMemo(() => parseObservations(observations), [observations]);\n  if (sections.length === 0) {\n    return (\n      <Txt variant=\"caption\" tone=\"muted\" className=\"italic\">\n        Initialized\n      </Txt>\n    );\n  }\n  return (\n    <div className=\"space-y-5\">\n      {sections.map((section, i) => (\n        <section key={`${section.title}-${i}`} className=\"space-y-3\">\n          <div className=\"flex items-baseline justify-between gap-3 border-b border-border pb-2\">\n            <div className=\"min-w-0\">\n              <Txt as=\"h3\" variant=\"column\" tone=\"ink\">\n                {section.title}\n              </Txt>\n              {section.relativeTime && (\n                <Txt variant=\"meta\" tone=\"muted\">\n                  {section.relativeTime}\n                </Txt>\n              )}\n            </div>\n          </div>\n          <ObservationItems items={section.items} />\n        </section>\n      ))}\n    </div>\n  );\n}\n\nfunction ObservationHistoryPanel({\n  records,\n  selectedRecordId,\n  onSelectRecord,\n}: {\n  records: OMHistoryRecord[];\n  selectedRecordId: string | null;\n  onSelectRecord: (id: string | null) => void;\n}) {\n  if (records.length <= 1) return null;\n\n  return (\n    <div className=\"flex w-50 min-w-45 flex-col overflow-hidden border-l border-border\">\n      <div className=\"border-b border-border px-4 py-2\">\n        <Txt tone=\"ink\">History</Txt>\n      </div>\n      <div className=\"flex-1 overflow-y-auto\">\n        {records.map(record => {\n          const isSelected = record.id === selectedRecordId;\n          return (\n            <button\n              key={record.id}\n              type=\"button\"\n              className={cn(\n                'w-full cursor-pointer truncate border-l-2 border-l-transparent px-3 py-2 text-left text-caption text-muted-foreground hover:bg-fill-subtle',\n                isSelected && 'border-l-foreground bg-fill-hover text-foreground',\n              )}\n              onClick={() => onSelectRecord(record.id)}\n            >\n              {record.activeObservations || (\n                <span className=\"text-muted-foreground italic\">\n                  {record.isObserving || record.isReflecting ? 'Processing\\u2026' : 'Initialized'}\n                </span>\n              )}\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nexport interface ObservationDetailViewProps {\n  records: OMHistoryRecord[];\n  selectedRecordId: string | null;\n  onSelectRecord: (id: string | null) => void;\n  isLoading?: boolean;\n}\n\nexport function ObservationDetailView({\n  records,\n  selectedRecordId,\n  onSelectRecord,\n  isLoading,\n}: ObservationDetailViewProps) {\n  const [showDiff, setShowDiff] = useState(false);\n\n  const sorted = useMemo(\n    () => [...records].sort((a, b) => new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime()),\n    [records],\n  );\n\n  const selected = selectedRecordId ? sorted.find(r => r.id === selectedRecordId) : sorted[sorted.length - 1];\n  const selectedIndex = selected ? sorted.findIndex(r => r.id === selected.id) : -1;\n  const previousRecord = selectedIndex > 0 ? sorted[selectedIndex - 1] : null;\n\n  useEffect(() => {\n    const last = sorted.at(-1);\n    if (!selectedRecordId && last) {\n      onSelectRecord(last.id);\n    }\n  }, [selectedRecordId, sorted, onSelectRecord]);\n\n  if (isLoading) {\n    return (\n      <div className=\"space-y-4 p-4\">\n        <Skeleton className=\"h-6 w-40\" />\n        <Skeleton className=\"h-32 w-full\" />\n        <Skeleton className=\"h-32 w-full\" />\n      </div>\n    );\n  }\n\n  if (!selected) {\n    return (\n      <EmptyState\n        titleSlot=\"No observations\"\n        descriptionSlot=\"No observational memory snapshots available for this thread.\"\n        variant=\"fill\"\n      />\n    );\n  }\n\n  const activeObservations = typeof selected.activeObservations === 'string' ? selected.activeObservations : '';\n\n  return (\n    <div className=\"flex size-full overflow-hidden\">\n      {/* Main observation content */}\n      <div className=\"flex min-w-0 flex-1 flex-col overflow-hidden\">\n        {previousRecord && (\n          <div className=\"border-b border-border px-4 py-2\">\n            <div className=\"flex items-start justify-end gap-3\">\n              <label className=\"flex cursor-pointer items-center gap-1.5 text-caption\">\n                <Checkbox checked={showDiff} onCheckedChange={v => setShowDiff(v === true)} />\n                <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n                  Show diff\n                </Txt>\n              </label>\n            </div>\n          </div>\n        )}\n\n        <div data-testid=\"observation-detail-body\" className=\"flex-1 overflow-y-auto p-4\">\n          {showDiff && previousRecord ? (\n            <Suspense fallback={<Skeleton className=\"h-32\" />}>\n              <CodeDiff\n                codeA={typeof previousRecord.activeObservations === 'string' ? previousRecord.activeObservations : ''}\n                codeB={activeObservations}\n                filename=\"observations.md\"\n                layout=\"unified\"\n                className=\"rounded-xl\"\n              />\n            </Suspense>\n          ) : activeObservations ? (\n            <ObservationContent observations={activeObservations} />\n          ) : (\n            <Txt variant=\"caption\" tone=\"muted\" className=\"italic\">\n              {selected.isObserving || selected.isReflecting ? 'Processing…' : 'Initialized'}\n            </Txt>\n          )}\n        </div>\n      </div>\n\n      {/* History sidebar */}\n      <ObservationHistoryPanel records={sorted} selectedRecordId={selected.id} onSelectRecord={onSelectRecord} />\n    </div>\n  );\n}\n"],"names":["CodeDiff"],"mappings":"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"}

package/dist/domains/metrics/components/card-action-buttons.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const Button = require('../../../Button-DbJn0bJX.cjs');
+const Button = require('../../../Button-BnmR2HRc.cjs');
 
 function OpenInTracesButton({ href, LinkComponent = "a" }) {
   return /* @__PURE__ */ jsxRuntime.jsx(

package/dist/domains/metrics/components/card-action-buttons.es.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { LogsIcon, EyeIcon } from 'lucide-react';
-import { B as Button } from '../../../Button-CHTvSq4d.js';
+import { B as Button } from '../../../Button-C6eUqcPI.js';
 
 function OpenInTracesButton({ href, LinkComponent = "a" }) {
   return /* @__PURE__ */ jsx(

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

@@ -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-CmqD5SE4.cjs');
+const dateTimeRangePicker = require('../../../date-time-range-picker-BORAuIJM.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

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

package/dist/domains/metrics/components/kpi-card-view.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const metricsKpiCard = require('../../../metrics-kpi-card-CHdaoCE8.cjs');
+const metricsKpiCard = require('../../../metrics-kpi-card-CW24YjZp.cjs');
 
 function KpiCardView({
   label,

package/dist/domains/metrics/components/kpi-card-view.es.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { M as MetricsKpiCard } from '../../../metrics-kpi-card-DaOkTfEn.js';
+import { M as MetricsKpiCard } from '../../../metrics-kpi-card-DLDT28IB.js';
 
 function KpiCardView({
   label,

package/dist/domains/metrics/components/latency-card-view.cjs.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const metricsCard = require('../../../metrics-card-B29tubiE.cjs');
+const metricsCard = require('../../../metrics-card-HmQJHDNa.cjs');
 const metricsLineChart = require('../../../metrics-line-chart-CjJxBbM-.cjs');
 const metricsLineChartTooltip = require('../../../metrics-line-chart-tooltip-DiXCgpik.cjs');
-const tabsContent = require('../../../tabs-content-CcZEEfTc.cjs');
-const tabsRoot = require('../../../tabs-root-CSTdrTYo.cjs');
-const tabsTab = require('../../../tabs-tab-DjDhpEEE.cjs');
+const tabsContent = require('../../../tabs-content-DQNRMjup.cjs');
+const tabsRoot = require('../../../tabs-root-BqC8X_h6.cjs');
+const tabsTab = require('../../../tabs-tab-lm4xyjtD.cjs');
 const domains_metrics_components_latencyCardView_utils = require('./latency-card-view.utils.cjs.js');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 

package/dist/domains/metrics/components/latency-card-view.es.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { M as MetricsCard } from '../../../metrics-card-Cr6vbt9I.js';
+import { M as MetricsCard } from '../../../metrics-card-CloSmyRQ.js';
 import { M as MetricsLineChart } from '../../../metrics-line-chart-C3UMBQ38.js';
 import { M as MetricsLineChartLegend } from '../../../metrics-line-chart-tooltip-mZXPH1yH.js';
-import { T as TabContent } from '../../../tabs-content-gq5tjHFE.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-DnL_e3X4.js';
-import { T as Tab } from '../../../tabs-tab-Deu7thdb.js';
+import { T as TabContent } from '../../../tabs-content-h2qqD8t-.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-4vL8SHCO.js';
+import { T as Tab } from '../../../tabs-tab-7e2as-AV.js';
 import { isLatencyTab, averageLatency, isDrillablePoint } from './latency-card-view.utils.es.js';
 import { CHART_COLORS } from './metrics-utils.es.js';
 

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

@@ -4,11 +4,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const dataList = require('../../../data-list-jJGA9T9_.cjs');
-const metricsCard = require('../../../metrics-card-B29tubiE.cjs');
-const tabsContent = require('../../../tabs-content-CcZEEfTc.cjs');
-const tabsRoot = require('../../../tabs-root-CSTdrTYo.cjs');
-const tabsTab = require('../../../tabs-tab-DjDhpEEE.cjs');
+const dataList = require('../../../data-list-D8bACyyK.cjs');
+const metricsCard = require('../../../metrics-card-HmQJHDNa.cjs');
+const tabsContent = require('../../../tabs-content-DQNRMjup.cjs');
+const tabsRoot = require('../../../tabs-root-BqC8X_h6.cjs');
+const tabsTab = require('../../../tabs-tab-lm4xyjtD.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 const utils_cost = require('../../../utils/cost.cjs.js');
 

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

@@ -1,10 +1,10 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { D as DataList } from '../../../data-list-cF2lpf-v.js';
-import { M as MetricsCard } from '../../../metrics-card-Cr6vbt9I.js';
-import { T as TabContent } from '../../../tabs-content-gq5tjHFE.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-DnL_e3X4.js';
-import { T as Tab } from '../../../tabs-tab-Deu7thdb.js';
+import { D as DataList } from '../../../data-list-DL_oFE4j.js';
+import { M as MetricsCard } from '../../../metrics-card-CloSmyRQ.js';
+import { T as TabContent } from '../../../tabs-content-h2qqD8t-.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-4vL8SHCO.js';
+import { T as Tab } from '../../../tabs-tab-7e2as-AV.js';
 import { METRICS_DATA_LIST_PROPS } from './metrics-utils.es.js';
 import { formatCompactNumber, formatCost } from '../../../utils/cost.es.js';
 

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const dataList = require('../../../data-list-jJGA9T9_.cjs');
-const metricsCard = require('../../../metrics-card-B29tubiE.cjs');
+const dataList = require('../../../data-list-D8bACyyK.cjs');
+const metricsCard = require('../../../metrics-card-HmQJHDNa.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

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { D as DataList } from '../../../data-list-cF2lpf-v.js';
-import { M as MetricsCard } from '../../../metrics-card-Cr6vbt9I.js';
+import { D as DataList } from '../../../data-list-DL_oFE4j.js';
+import { M as MetricsCard } from '../../../metrics-card-CloSmyRQ.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

@@ -4,12 +4,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const dataList = require('../../../data-list-jJGA9T9_.cjs');
-const metricsCard = require('../../../metrics-card-B29tubiE.cjs');
+const dataList = require('../../../data-list-D8bACyyK.cjs');
+const metricsCard = require('../../../metrics-card-HmQJHDNa.cjs');
 const metricsLineChart = require('../../../metrics-line-chart-CjJxBbM-.cjs');
-const tabsContent = require('../../../tabs-content-CcZEEfTc.cjs');
-const tabsRoot = require('../../../tabs-root-CSTdrTYo.cjs');
-const tabsTab = require('../../../tabs-tab-DjDhpEEE.cjs');
+const tabsContent = require('../../../tabs-content-DQNRMjup.cjs');
+const tabsRoot = require('../../../tabs-root-BqC8X_h6.cjs');
+const tabsTab = require('../../../tabs-tab-lm4xyjtD.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 
 const SERIES_COLORS = [

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

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
-import { D as DataList } from '../../../data-list-cF2lpf-v.js';
-import { M as MetricsCard } from '../../../metrics-card-Cr6vbt9I.js';
+import { D as DataList } from '../../../data-list-DL_oFE4j.js';
+import { M as MetricsCard } from '../../../metrics-card-CloSmyRQ.js';
 import { M as MetricsLineChart } from '../../../metrics-line-chart-C3UMBQ38.js';
-import { T as TabContent } from '../../../tabs-content-gq5tjHFE.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-DnL_e3X4.js';
-import { T as Tab } from '../../../tabs-tab-Deu7thdb.js';
+import { T as TabContent } from '../../../tabs-content-h2qqD8t-.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-4vL8SHCO.js';
+import { T as Tab } from '../../../tabs-tab-7e2as-AV.js';
 import { CHART_COLORS, METRICS_DATA_LIST_PROPS } from './metrics-utils.es.js';
 
 const SERIES_COLORS = [

package/dist/domains/metrics/components/token-usage-by-agent-card-view.cjs.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const horizontalBars = require('../../../horizontal-bars-BK8snozs.cjs');
-const metricsCard = require('../../../metrics-card-B29tubiE.cjs');
-const tabsContent = require('../../../tabs-content-CcZEEfTc.cjs');
-const tabsRoot = require('../../../tabs-root-CSTdrTYo.cjs');
-const tabsTab = require('../../../tabs-tab-DjDhpEEE.cjs');
+const horizontalBars = require('../../../horizontal-bars-DRD7JkHL.cjs');
+const metricsCard = require('../../../metrics-card-HmQJHDNa.cjs');
+const tabsContent = require('../../../tabs-content-DQNRMjup.cjs');
+const tabsRoot = require('../../../tabs-root-BqC8X_h6.cjs');
+const tabsTab = require('../../../tabs-tab-lm4xyjtD.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 const utils_cost = require('../../../utils/cost.cjs.js');
 

package/dist/domains/metrics/components/token-usage-by-agent-card-view.es.js

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { H as HorizontalBars } from '../../../horizontal-bars-BYNeqSSF.js';
-import { M as MetricsCard } from '../../../metrics-card-Cr6vbt9I.js';
-import { T as TabContent } from '../../../tabs-content-gq5tjHFE.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-DnL_e3X4.js';
-import { T as Tab } from '../../../tabs-tab-Deu7thdb.js';
+import { H as HorizontalBars } from '../../../horizontal-bars-BSRESJsp.js';
+import { M as MetricsCard } from '../../../metrics-card-CloSmyRQ.js';
+import { T as TabContent } from '../../../tabs-content-h2qqD8t-.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-4vL8SHCO.js';
+import { T as Tab } from '../../../tabs-tab-7e2as-AV.js';
 import { CHART_COLORS } from './metrics-utils.es.js';
 import { formatCost, formatCompactNumber } from '../../../utils/cost.es.js';
 

package/dist/domains/metrics/components/token-usage-timeline-card-view.cjs.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const metricsCard = require('../../../metrics-card-B29tubiE.cjs');
+const metricsCard = require('../../../metrics-card-HmQJHDNa.cjs');
 const metricsLineChart = require('../../../metrics-line-chart-CjJxBbM-.cjs');
 const metricsLineChartTooltip = require('../../../metrics-line-chart-tooltip-DiXCgpik.cjs');
-const tabsRoot = require('../../../tabs-root-CSTdrTYo.cjs');
-const tabsTab = require('../../../tabs-tab-DjDhpEEE.cjs');
-const tabsContent = require('../../../tabs-content-CcZEEfTc.cjs');
+const tabsRoot = require('../../../tabs-root-BqC8X_h6.cjs');
+const tabsTab = require('../../../tabs-tab-lm4xyjtD.cjs');
+const tabsContent = require('../../../tabs-content-DQNRMjup.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 const utils_cost = require('../../../utils/cost.cjs.js');
 

package/dist/domains/metrics/components/token-usage-timeline-card-view.es.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { M as MetricsCard } from '../../../metrics-card-Cr6vbt9I.js';
+import { M as MetricsCard } from '../../../metrics-card-CloSmyRQ.js';
 import { M as MetricsLineChart } from '../../../metrics-line-chart-C3UMBQ38.js';
 import { M as MetricsLineChartLegend } from '../../../metrics-line-chart-tooltip-mZXPH1yH.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-DnL_e3X4.js';
-import { T as Tab } from '../../../tabs-tab-Deu7thdb.js';
-import { T as TabContent } from '../../../tabs-content-gq5tjHFE.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-4vL8SHCO.js';
+import { T as Tab } from '../../../tabs-tab-7e2as-AV.js';
+import { T as TabContent } from '../../../tabs-content-h2qqD8t-.js';
 import { CHART_COLORS } from './metrics-utils.es.js';
 import { formatCompactNumber, formatCost } from '../../../utils/cost.es.js';
 

package/dist/domains/metrics/components/traces-volume-card-view.cjs.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const horizontalBars = require('../../../horizontal-bars-BK8snozs.cjs');
-const metricsCard = require('../../../metrics-card-B29tubiE.cjs');
-const tabsContent = require('../../../tabs-content-CcZEEfTc.cjs');
-const tabsRoot = require('../../../tabs-root-CSTdrTYo.cjs');
-const tabsTab = require('../../../tabs-tab-DjDhpEEE.cjs');
+const horizontalBars = require('../../../horizontal-bars-DRD7JkHL.cjs');
+const metricsCard = require('../../../metrics-card-HmQJHDNa.cjs');
+const tabsContent = require('../../../tabs-content-DQNRMjup.cjs');
+const tabsRoot = require('../../../tabs-root-BqC8X_h6.cjs');
+const tabsTab = require('../../../tabs-tab-lm4xyjtD.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 const utils_cost = require('../../../utils/cost.cjs.js');
 

package/dist/domains/metrics/components/traces-volume-card-view.es.js

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { H as HorizontalBars } from '../../../horizontal-bars-BYNeqSSF.js';
-import { M as MetricsCard } from '../../../metrics-card-Cr6vbt9I.js';
-import { T as TabContent } from '../../../tabs-content-gq5tjHFE.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-DnL_e3X4.js';
-import { T as Tab } from '../../../tabs-tab-Deu7thdb.js';
+import { H as HorizontalBars } from '../../../horizontal-bars-BSRESJsp.js';
+import { M as MetricsCard } from '../../../metrics-card-CloSmyRQ.js';
+import { T as TabContent } from '../../../tabs-content-h2qqD8t-.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-4vL8SHCO.js';
+import { T as Tab } from '../../../tabs-tab-7e2as-AV.js';
 import { CHART_COLORS } from './metrics-utils.es.js';
 import { formatCompactNumber } from '../../../utils/cost.es.js';
 

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

@@ -11,11 +11,11 @@ const lucideReact = require('lucide-react');
 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-DbJn0bJX.cjs');
-const codeEditor = require('../../../code-editor-8l_YoqYu.cjs');
+const Button = require('../../../Button-BnmR2HRc.cjs');
+const codeEditor = require('../../../code-editor-BXchPl_F.cjs');
 const label = require('../../../label-DfAhywj_.cjs');
-const select = require('../../../select-Y2dIzSBN.cjs');
-const sideDialog = require('../../../side-dialog-DQ3SzDXH.cjs');
+const select = require('../../../select-C0ZGSJYa.cjs');
+const sideDialog = require('../../../side-dialog-7P9aEC4v.cjs');
 const textAndIcon = require('../../../text-and-icon-4eVhfmbb.cjs');
 const utils_id = require('../../../utils/id.cjs.js');
 const toast = require('../../../toast-nm-fM7BR.cjs');

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

@@ -7,11 +7,11 @@ import { EyeIcon, WrenchIcon, X, Plus } from 'lucide-react';
 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-CHTvSq4d.js';
-import { C as CodeEditor } from '../../../code-editor-m5ktiTwB.js';
+import { B as Button } from '../../../Button-C6eUqcPI.js';
+import { C as CodeEditor } from '../../../code-editor-Cltwid7c.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-BH7BD11Z.js';
-import { S as SideDialog } from '../../../side-dialog-BgmY4v7P.js';
+import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../../../select-ch8imm15.js';
+import { S as SideDialog } from '../../../side-dialog-D2O3Y7GB.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';

package/dist/domains/request-context/components/request-context-label.cjs.js

@@ -22,11 +22,7 @@ function RequestContextLabel({ as = "span", children, tooltip: tooltip$1 }) {
         {
           type: "button",
           "aria-label": ariaLabel,
-          className: utils_cn.cn(
-            primitives_typography.quietTextHover,
-            primitives_transitions.controlStateColorTransition,
-            "rounded-sm focus-visible:ring-2 focus-visible:ring-border-strong focus-visible:outline-none"
-          ),
+          className: utils_cn.cn(primitives_typography.quietTextHover, primitives_transitions.controlStateColorTransition, "rounded-sm", primitives_transitions.focusRing),
           children: /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { size: "xs", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, {}) })
         }
       ) }),

package/dist/domains/request-context/components/request-context-label.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"request-context-label.cjs.js","sources":["../../../../src/domains/request-context/components/request-context-label.tsx"],"sourcesContent":["import { Info } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\n\ninterface RequestContextLabelProps {\n  as?: 'label' | 'span';\n  children: ReactNode;\n  tooltip?: string;\n}\n\nexport function RequestContextLabel({ as = 'span', children, tooltip }: RequestContextLabelProps) {\n  const labelText = typeof children === 'string' ? children.replace(/\\s*\\([^)]*\\)/g, '') : 'Request context';\n  const ariaLabel = `${labelText} details`;\n\n  return (\n    <div className=\"flex items-center gap-1.5\">\n      <Txt as={as} variant=\"body\" tone=\"muted\">\n        {children}\n      </Txt>\n\n      {tooltip && (\n        <TooltipProvider delay={10}>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                aria-label={ariaLabel}\n                className={cn(\n                  quietTextHover,\n                  controlStateColorTransition,\n                  'rounded-sm focus-visible:ring-2 focus-visible:ring-border-strong focus-visible:outline-none',\n                )}\n              >\n                <Icon size=\"xs\">\n                  <Info />\n                </Icon>\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\" className=\"max-w-60\">\n              {tooltip}\n            </TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      )}\n    </div>\n  );\n}\n"],"names":["tooltip","jsxs","jsx","Txt","TooltipProvider","Tooltip","TooltipTrigger","cn","quietTextHover","controlStateColorTransition","Icon","Info","TooltipContent"],"mappings":";;;;;;;;;;;;;AAeO,SAAS,oBAAoB,EAAE,EAAA,GAAK,MAAA,EAAQ,QAAA,WAAUA,WAAQ,EAA6B;AAChG,EAAA,MAAM,SAAA,GAAY,OAAO,QAAA,KAAa,QAAA,GAAW,SAAS,OAAA,CAAQ,eAAA,EAAiB,EAAE,CAAA,GAAI,iBAAA;AACzF,EAAA,MAAM,SAAA,GAAY,GAAG,SAAS,CAAA,QAAA,CAAA;AAE9B,EAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,WAAI,EAAA,EAAQ,OAAA,EAAQ,MAAA,EAAO,IAAA,EAAK,SAC9B,QAAA,EACH,CAAA;AAAA,IAECH,6BACCE,cAAA,CAACE,uBAAA,EAAA,EAAgB,KAAA,EAAO,EAAA,EACtB,0CAACC,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAH,cAAA,CAACI,sBAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAAJ,cAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,YAAA,EAAY,SAAA;AAAA,UACZ,SAAA,EAAWK,WAAA;AAAA,YACTC,oCAAA;AAAA,YACAC,kDAAA;AAAA,YACA;AAAA,WACF;AAAA,UAEA,yCAACC,eAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EACT,QAAA,kBAAAR,cAAA,CAACS,oBAAK,CAAA,EACR;AAAA;AAAA,OACF,EACF,CAAA;AAAA,qCACCC,sBAAA,EAAA,EAAe,IAAA,EAAK,KAAA,EAAM,SAAA,EAAU,YAClC,QAAA,EAAAZ,SAAA,EACH;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"request-context-label.cjs.js","sources":["../../../../src/domains/request-context/components/request-context-label.tsx"],"sourcesContent":["import { Info } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlStateColorTransition, focusRing } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\n\ninterface RequestContextLabelProps {\n  as?: 'label' | 'span';\n  children: ReactNode;\n  tooltip?: string;\n}\n\nexport function RequestContextLabel({ as = 'span', children, tooltip }: RequestContextLabelProps) {\n  const labelText = typeof children === 'string' ? children.replace(/\\s*\\([^)]*\\)/g, '') : 'Request context';\n  const ariaLabel = `${labelText} details`;\n\n  return (\n    <div className=\"flex items-center gap-1.5\">\n      <Txt as={as} variant=\"body\" tone=\"muted\">\n        {children}\n      </Txt>\n\n      {tooltip && (\n        <TooltipProvider delay={10}>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                aria-label={ariaLabel}\n                className={cn(quietTextHover, controlStateColorTransition, 'rounded-sm', focusRing)}\n              >\n                <Icon size=\"xs\">\n                  <Info />\n                </Icon>\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\" className=\"max-w-60\">\n              {tooltip}\n            </TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      )}\n    </div>\n  );\n}\n"],"names":["tooltip","jsxs","jsx","Txt","TooltipProvider","Tooltip","TooltipTrigger","cn","quietTextHover","controlStateColorTransition","focusRing","Icon","Info","TooltipContent"],"mappings":";;;;;;;;;;;;;AAeO,SAAS,oBAAoB,EAAE,EAAA,GAAK,MAAA,EAAQ,QAAA,WAAUA,WAAQ,EAA6B;AAChG,EAAA,MAAM,SAAA,GAAY,OAAO,QAAA,KAAa,QAAA,GAAW,SAAS,OAAA,CAAQ,eAAA,EAAiB,EAAE,CAAA,GAAI,iBAAA;AACzF,EAAA,MAAM,SAAA,GAAY,GAAG,SAAS,CAAA,QAAA,CAAA;AAE9B,EAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,WAAI,EAAA,EAAQ,OAAA,EAAQ,MAAA,EAAO,IAAA,EAAK,SAC9B,QAAA,EACH,CAAA;AAAA,IAECH,6BACCE,cAAA,CAACE,uBAAA,EAAA,EAAgB,KAAA,EAAO,EAAA,EACtB,0CAACC,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAH,cAAA,CAACI,sBAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAAJ,cAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,YAAA,EAAY,SAAA;AAAA,UACZ,SAAA,EAAWK,WAAA,CAAGC,oCAAA,EAAgBC,kDAAA,EAA6B,cAAcC,gCAAS,CAAA;AAAA,UAElF,yCAACC,eAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EACT,QAAA,kBAAAT,cAAA,CAACU,oBAAK,CAAA,EACR;AAAA;AAAA,OACF,EACF,CAAA;AAAA,qCACCC,sBAAA,EAAA,EAAe,IAAA,EAAK,KAAA,EAAM,SAAA,EAAU,YAClC,QAAA,EAAAb,SAAA,EACH;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/domains/request-context/components/request-context-label.es.js

@@ -3,7 +3,7 @@ import { Info } from 'lucide-react';
 import { b as TooltipProvider, T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../../tooltip-DsQPiynb.js';
 import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 import { Icon } from '../../../icons/Icon.es.js';
-import { controlStateColorTransition } from '../../../primitives/transitions.es.js';
+import { focusRing, controlStateColorTransition } from '../../../primitives/transitions.es.js';
 import { quietTextHover } from '../../../primitives/typography.es.js';
 import { c as cn } from '../../../cn-65Adrsfj.js';
 
@@ -18,11 +18,7 @@ function RequestContextLabel({ as = "span", children, tooltip }) {
         {
           type: "button",
           "aria-label": ariaLabel,
-          className: cn(
-            quietTextHover,
-            controlStateColorTransition,
-            "rounded-sm focus-visible:ring-2 focus-visible:ring-border-strong focus-visible:outline-none"
-          ),
+          className: cn(quietTextHover, controlStateColorTransition, "rounded-sm", focusRing),
           children: /* @__PURE__ */ jsx(Icon, { size: "xs", children: /* @__PURE__ */ jsx(Info, {}) })
         }
       ) }),

package/dist/domains/request-context/components/request-context-label.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"request-context-label.es.js","sources":["../../../../src/domains/request-context/components/request-context-label.tsx"],"sourcesContent":["import { Info } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\n\ninterface RequestContextLabelProps {\n  as?: 'label' | 'span';\n  children: ReactNode;\n  tooltip?: string;\n}\n\nexport function RequestContextLabel({ as = 'span', children, tooltip }: RequestContextLabelProps) {\n  const labelText = typeof children === 'string' ? children.replace(/\\s*\\([^)]*\\)/g, '') : 'Request context';\n  const ariaLabel = `${labelText} details`;\n\n  return (\n    <div className=\"flex items-center gap-1.5\">\n      <Txt as={as} variant=\"body\" tone=\"muted\">\n        {children}\n      </Txt>\n\n      {tooltip && (\n        <TooltipProvider delay={10}>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                aria-label={ariaLabel}\n                className={cn(\n                  quietTextHover,\n                  controlStateColorTransition,\n                  'rounded-sm focus-visible:ring-2 focus-visible:ring-border-strong focus-visible:outline-none',\n                )}\n              >\n                <Icon size=\"xs\">\n                  <Info />\n                </Icon>\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\" className=\"max-w-60\">\n              {tooltip}\n            </TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAeO,SAAS,oBAAoB,EAAE,EAAA,GAAK,MAAA,EAAQ,QAAA,EAAU,SAAQ,EAA6B;AAChG,EAAA,MAAM,SAAA,GAAY,OAAO,QAAA,KAAa,QAAA,GAAW,SAAS,OAAA,CAAQ,eAAA,EAAiB,EAAE,CAAA,GAAI,iBAAA;AACzF,EAAA,MAAM,SAAA,GAAY,GAAG,SAAS,CAAA,QAAA,CAAA;AAE9B,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,OAAI,EAAA,EAAQ,OAAA,EAAQ,MAAA,EAAO,IAAA,EAAK,SAC9B,QAAA,EACH,CAAA;AAAA,IAEC,2BACC,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAO,EAAA,EACtB,+BAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,YAAA,EAAY,SAAA;AAAA,UACZ,SAAA,EAAW,EAAA;AAAA,YACT,cAAA;AAAA,YACA,2BAAA;AAAA,YACA;AAAA,WACF;AAAA,UAEA,8BAAC,IAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EACT,QAAA,kBAAA,GAAA,CAAC,QAAK,CAAA,EACR;AAAA;AAAA,OACF,EACF,CAAA;AAAA,0BACC,cAAA,EAAA,EAAe,IAAA,EAAK,KAAA,EAAM,SAAA,EAAU,YAClC,QAAA,EAAA,OAAA,EACH;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"request-context-label.es.js","sources":["../../../../src/domains/request-context/components/request-context-label.tsx"],"sourcesContent":["import { Info } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlStateColorTransition, focusRing } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\n\ninterface RequestContextLabelProps {\n  as?: 'label' | 'span';\n  children: ReactNode;\n  tooltip?: string;\n}\n\nexport function RequestContextLabel({ as = 'span', children, tooltip }: RequestContextLabelProps) {\n  const labelText = typeof children === 'string' ? children.replace(/\\s*\\([^)]*\\)/g, '') : 'Request context';\n  const ariaLabel = `${labelText} details`;\n\n  return (\n    <div className=\"flex items-center gap-1.5\">\n      <Txt as={as} variant=\"body\" tone=\"muted\">\n        {children}\n      </Txt>\n\n      {tooltip && (\n        <TooltipProvider delay={10}>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                aria-label={ariaLabel}\n                className={cn(quietTextHover, controlStateColorTransition, 'rounded-sm', focusRing)}\n              >\n                <Icon size=\"xs\">\n                  <Info />\n                </Icon>\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\" className=\"max-w-60\">\n              {tooltip}\n            </TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAeO,SAAS,oBAAoB,EAAE,EAAA,GAAK,MAAA,EAAQ,QAAA,EAAU,SAAQ,EAA6B;AAChG,EAAA,MAAM,SAAA,GAAY,OAAO,QAAA,KAAa,QAAA,GAAW,SAAS,OAAA,CAAQ,eAAA,EAAiB,EAAE,CAAA,GAAI,iBAAA;AACzF,EAAA,MAAM,SAAA,GAAY,GAAG,SAAS,CAAA,QAAA,CAAA;AAE9B,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,OAAI,EAAA,EAAQ,OAAA,EAAQ,MAAA,EAAO,IAAA,EAAK,SAC9B,QAAA,EACH,CAAA;AAAA,IAEC,2BACC,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAO,EAAA,EACtB,+BAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,YAAA,EAAY,SAAA;AAAA,UACZ,SAAA,EAAW,EAAA,CAAG,cAAA,EAAgB,2BAAA,EAA6B,cAAc,SAAS,CAAA;AAAA,UAElF,8BAAC,IAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EACT,QAAA,kBAAA,GAAA,CAAC,QAAK,CAAA,EACR;AAAA;AAAA,OACF,EACF,CAAA;AAAA,0BACC,cAAA,EAAA,EAAe,IAAA,EAAK,KAAA,EAAM,SAAA,EAAU,YAClC,QAAA,EAAA,OAAA,EACH;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/domains/scores/components/score-data-panel.cjs.js

@@ -6,9 +6,9 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const domains_scores_components_scoreAsItemDialog = require('./score-as-item-dialog.cjs.js');
-const Button = require('../../../Button-DbJn0bJX.cjs');
+const Button = require('../../../Button-BnmR2HRc.cjs');
 const dataKeysAndValues = require('../../../data-keys-and-values-DnpdW8zx.cjs');
-const dataPanel = require('../../../data-panel-C4JszAuX.cjs');
+const dataPanel = require('../../../data-panel-CjvoI_lx.cjs');
 const lib_framework = require('../../../lib/framework.cjs.js');
 const utils_cn = require('../../../cn-DG0X1KEP.cjs');
 const utils_dateFormat = require('../../../utils/date-format.cjs.js');

package/dist/domains/scores/components/score-data-panel.es.js

@@ -2,9 +2,9 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { SaveIcon, GaugeIcon, FileInputIcon, FileOutputIcon, ReceiptText } from 'lucide-react';
 import { useState } from 'react';
 import { ScoreAsItemDialog } from './score-as-item-dialog.es.js';
-import { B as Button } from '../../../Button-CHTvSq4d.js';
+import { B as Button } from '../../../Button-C6eUqcPI.js';
 import { D as DataKeysAndValues } from '../../../data-keys-and-values-DiRlIt-N.js';
-import { D as DataPanel } from '../../../data-panel-9GDF8Wx1.js';
+import { D as DataPanel } from '../../../data-panel-42fdcagQ.js';
 import { useLinkComponent } from '../../../lib/framework.es.js';
 import { c as cn } from '../../../cn-65Adrsfj.js';
 import { formatTimestampPrecise } from '../../../utils/date-format.es.js';

package/dist/domains/scores/components/span-scoring.cjs.js

@@ -6,13 +6,13 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const domains_scores_hooks_useTriggerScorer = require('../hooks/use-trigger-scorer.cjs.js');
-const combobox = require('../../../combobox-Dm1hKirJ.cjs');
+const combobox = require('../../../combobox-rKV-Lksj.cjs');
 require('@base-ui/react/combobox');
-const dialog = require('../../../dialog-4KIPO71S.cjs');
-const Notice = require('../../../Notice-JX9yuy6r.cjs');
+const dialog = require('../../../dialog-DYpOpj9s.cjs');
+const Notice = require('../../../Notice-CEBwitdf.cjs');
 const textAndIcon = require('../../../text-and-icon-4eVhfmbb.cjs');
 const toast = require('../../../toast-nm-fM7BR.cjs');
-const dialogAction = require('../../../dialog-action-C6yPBO21.cjs');
+const dialogAction = require('../../../dialog-action-B3AHq7mU.cjs');
 
 function SpanScoring({
   traceId,