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

package/dist/domains/memory/components/flame-graph.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"flame-graph.cjs.js","sources":["../../../../src/domains/memory/components/flame-graph.tsx"],"sourcesContent":["import { RotateCcw } from 'lucide-react';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  Area,\n  AreaChart,\n  ComposedChart,\n  ReferenceLine,\n  ResponsiveContainer,\n  Scatter,\n  ScatterChart,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from 'recharts';\n\nimport { Button } from '../../../ds/components/Button';\nimport type { ExtractedOmMarker } from '../lib/extract-markers';\nimport { tToTimestampMs } from '../lib/replay-selection';\nimport type { TDomain } from '../lib/timeline';\nimport { formatTimeDisplay, tToTimestamp } from '../lib/timeline';\nimport type { MemoryMessage, OMHistoryRecord } from '../types';\nimport {\n  getAreaRowYMax,\n  isEventPoint,\n  toActiveObservationData,\n  toBufferedObservationData,\n  toCombinedRowData,\n  toContextData,\n  toEventData,\n  toMessageData,\n  toSelectedT,\n} from './flame-graph-data';\n\nexport interface ZoomRange {\n  left: number;\n  right: number;\n}\n\ninterface FlameGraphProps {\n  omRecords: OMHistoryRecord[];\n  markers: ExtractedOmMarker[];\n  messages: MemoryMessage[];\n  tDomain: TDomain;\n  observationThreshold?: number;\n  reflectionThreshold?: number;\n  onSelectTimestamp?: (timestamp: number | null) => void;\n  /**\n   * Controlled zoom range (epoch ms). When provided together with\n   * `onZoomRangeChange`, the caller owns the range and the graph becomes a\n   * controlled component; otherwise the range is managed internally.\n   */\n  zoomRange?: ZoomRange;\n  onZoomRangeChange?: (range: ZoomRange) => void;\n}\n\ntype RechartsClickState = { activeLabel?: string | number } | null | undefined;\n\nconst MSG_COLOR = 'var(--color-green-500, #22c55e)';\nconst OBS_COLOR = '#f59e0b';\nconst REFLECT_COLOR = '#ec4899';\n\nfunction TimeAxis({ domain }: { domain: TDomain }) {\n  const ticks = [0, 0.25, 0.5, 0.75, 1];\n  return (\n    <div className=\"grid grid-cols-[6rem_1fr] items-center\">\n      <p className=\"text-icon3 border-border1/50 text-ui-xs flex items-center self-stretch border-r pl-3 font-medium\">\n        Time\n      </p>\n      <div className=\"text-icon3 text-ui-xs flex justify-between px-1 py-1.5 font-mono\">\n        {ticks.map(t => (\n          <span key={t}>{formatTimeDisplay(tToTimestamp(t, domain))}</span>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nexport function FlameTooltip({\n  active,\n  payload,\n  domain,\n  showValue,\n}: {\n  active?: boolean;\n  payload?: Array<{ value: unknown; name: string; payload?: { t?: number } }>;\n  domain?: TDomain;\n  showValue?: boolean;\n}) {\n  if (!active || !payload?.length) return null;\n  const t = payload[0]?.payload?.t;\n  const time = domain != null && t != null ? formatTimeDisplay(tToTimestamp(t, domain)) : null;\n  const visibleEntries = payload.filter(entry => entry.name !== 't' && entry.name !== 'time' && entry.value != null);\n\n  if (showValue) {\n    return (\n      <div className=\"border-border1 bg-surface3 text-ui-xs flex flex-col gap-0.5 rounded border px-2 py-1.5 font-mono shadow\">\n        {time && (\n          <div className=\"flex items-center justify-between gap-3\">\n            <span className=\"text-icon3\">time</span>\n            <span className=\"text-neutral6\">{time}</span>\n          </div>\n        )}\n        {visibleEntries.map(entry => (\n          <div key={entry.name} className=\"flex items-center justify-between gap-3\">\n            <span className=\"text-icon3\">{entry.name}</span>\n            <span className=\"text-neutral6\">\n              {typeof entry.value === 'number' ? Math.round(entry.value).toLocaleString() : String(entry.value)}\n            </span>\n          </div>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"border-border1 bg-surface3 text-ui-xs rounded border px-2 py-1 font-mono shadow\">\n      {time && <span className=\"text-neutral6\">{time}</span>}\n    </div>\n  );\n}\n\ninterface AreaRowProps {\n  label: string;\n  data: Array<{ t: number; [k: string]: unknown }>;\n  dataKey: string;\n  color: string;\n  gradientId: string;\n  domain: TDomain;\n  zoomDomain: [number, number];\n  threshold?: number;\n}\n\nfunction AreaRow({ label, data, dataKey, color, gradientId, domain, zoomDomain, threshold }: AreaRowProps) {\n  const yMax = getAreaRowYMax(data, dataKey, threshold);\n\n  return (\n    <div className=\"border-border1/50 relative grid grid-cols-[6rem_1fr] items-center border-b hover:z-10\">\n      <p className=\"text-icon3 border-border1/50 text-ui-xs flex items-center self-stretch border-r pl-3 font-medium\">\n        {label}\n      </p>\n      <div>\n        <ResponsiveContainer width=\"100%\" height={32}>\n          <AreaChart data={data} margin={{ top: 0, right: 0, bottom: 0, left: 0 }}>\n            <defs>\n              <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                <stop offset=\"0%\" stopColor={color} stopOpacity={0.35} />\n                <stop offset=\"100%\" stopColor={color} stopOpacity={0.03} />\n              </linearGradient>\n            </defs>\n            <XAxis dataKey=\"t\" type=\"number\" domain={zoomDomain} allowDataOverflow hide />\n            <YAxis type=\"number\" domain={yMax != null ? [0, yMax] : undefined} hide />\n            <Tooltip\n              content={<FlameTooltip domain={domain} showValue />}\n              cursor={{ stroke: 'rgba(255,255,255,0.08)' }}\n            />\n            <Area\n              type=\"linear\"\n              dataKey={dataKey}\n              stroke={color}\n              strokeWidth={1}\n              strokeOpacity={0.6}\n              fill={`url(#${gradientId})`}\n              isAnimationActive={false}\n            />\n            {threshold != null && (\n              <ReferenceLine y={threshold} stroke={color} strokeDasharray=\"4 3\" strokeOpacity={0.4} />\n            )}\n          </AreaChart>\n        </ResponsiveContainer>\n      </div>\n    </div>\n  );\n}\n\ninterface EventRowProps {\n  label: string;\n  data: Array<{ t: number; event: number; [k: string]: unknown }>;\n  color: string;\n  height?: number;\n  domain: TDomain;\n  zoomDomain: [number, number];\n}\n\nfunction EventRow({ label, data, color, height = 32, domain, zoomDomain }: EventRowProps) {\n  return (\n    <div className=\"border-border1/50 relative grid grid-cols-[6rem_1fr] items-center border-b hover:z-10\">\n      <p className=\"text-icon3 border-border1/50 text-ui-xs flex items-center self-stretch border-r pl-3 font-medium\">\n        {label}\n      </p>\n      <div>\n        <ResponsiveContainer width=\"100%\" height={height}>\n          <ScatterChart margin={{ top: 0, right: 0, bottom: 0, left: 0 }}>\n            <XAxis dataKey=\"t\" type=\"number\" domain={zoomDomain} allowDataOverflow hide />\n            <YAxis dataKey=\"event\" type=\"number\" domain={[0, 2]} hide />\n            <Tooltip content={<FlameTooltip domain={domain} />} cursor={false} />\n            <Scatter\n              data={data}\n              fill={color}\n              isAnimationActive={false}\n              shape={(props: Record<string, unknown>) => {\n                const cx = props.cx as number;\n                return (\n                  <g>\n                    <rect x={cx - 6} y={0} width={12} height={height} fill=\"transparent\" />\n                    <rect x={cx - 1.5} y={0} width={3} height={height} fill={color} />\n                  </g>\n                );\n              }}\n            />\n          </ScatterChart>\n        </ResponsiveContainer>\n      </div>\n    </div>\n  );\n}\n\ninterface CombinedRowProps {\n  label: string;\n  areaData: Array<Record<string, number>>;\n  areaDataKey: string;\n  eventData: Array<{ t: number; event: number; [k: string]: unknown }>;\n  color: string;\n  gradientId: string;\n  domain: TDomain;\n  zoomDomain: [number, number];\n  threshold?: number;\n  height?: number;\n  onSelectT?: (t: number) => void;\n}\n\nfunction CombinedRow({\n  label,\n  areaData,\n  areaDataKey,\n  eventData,\n  color,\n  gradientId,\n  domain,\n  zoomDomain,\n  threshold,\n  height = 44,\n  onSelectT,\n}: CombinedRowProps) {\n  const combinedData = toCombinedRowData(areaData, areaDataKey, eventData);\n\n  return (\n    <div className=\"border-border1/50 relative grid grid-cols-[6rem_1fr] items-center border-b hover:z-10\">\n      <p className=\"text-icon3 border-border1/50 text-ui-xs flex items-center self-stretch border-r pl-3 font-medium\">\n        {label}\n      </p>\n      <div>\n        <ResponsiveContainer width=\"100%\" height={height}>\n          <ComposedChart\n            margin={{ top: 0, right: 0, bottom: 0, left: 0 }}\n            onClick={(state: RechartsClickState) => {\n              const t = toSelectedT(state?.activeLabel);\n              if (t != null && onSelectT) onSelectT(t);\n            }}\n            className={onSelectT ? 'cursor-pointer' : undefined}\n          >\n            <defs>\n              <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                <stop offset=\"0%\" stopColor={color} stopOpacity={0.35} />\n                <stop offset=\"100%\" stopColor={color} stopOpacity={0.06} />\n              </linearGradient>\n            </defs>\n            <XAxis dataKey=\"t\" type=\"number\" domain={zoomDomain} allowDataOverflow hide />\n            <YAxis yAxisId=\"area\" dataKey={areaDataKey} type=\"number\" hide domain={[0, 'dataMax']} />\n            <Tooltip content={<FlameTooltip domain={domain} showValue />} cursor={false} />\n            <Area\n              yAxisId=\"area\"\n              data={combinedData}\n              type=\"linear\"\n              dataKey={areaDataKey}\n              stroke={color}\n              strokeWidth={1}\n              strokeOpacity={0.6}\n              fill={`url(#${gradientId})`}\n              isAnimationActive={false}\n              activeDot={{ r: 5, stroke: color, strokeWidth: 2, fill: '#0a0a0a' }}\n              dot={(props: Record<string, unknown>) =>\n                isEventPoint(props.payload) ? (\n                  <circle cx={props.cx as number} cy={props.cy as number} r={4} fill={color} />\n                ) : (\n                  <></>\n                )\n              }\n            />\n            {threshold != null && (\n              <ReferenceLine yAxisId=\"area\" y={threshold} stroke={color} strokeDasharray=\"4 3\" strokeOpacity={0.4} />\n            )}\n          </ComposedChart>\n        </ResponsiveContainer>\n      </div>\n    </div>\n  );\n}\n\nfunction ZoomTrack({\n  tDomain,\n  zoomLeft,\n  zoomRight,\n  onZoomLeftChange,\n  onZoomRightChange,\n  onReset,\n}: {\n  tDomain: TDomain;\n  zoomLeft: number;\n  zoomRight: number;\n  onZoomLeftChange: (ts: number) => void;\n  onZoomRightChange: (ts: number) => void;\n  onReset: () => void;\n}) {\n  const trackRef = useRef<HTMLDivElement>(null);\n  const dragging = useRef<'left' | 'right' | null>(null);\n\n  const range = tDomain.tMax - tDomain.tMin;\n  const leftPercent = range > 0 ? ((zoomLeft - tDomain.tMin) / range) * 100 : 0;\n  const rightPercent = range > 0 ? ((zoomRight - tDomain.tMin) / range) * 100 : 100;\n\n  const toTimestamp = useCallback(\n    (clientX: number) => {\n      const track = trackRef.current;\n      if (!track) return null;\n      const rect = track.getBoundingClientRect();\n      const frac = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));\n      return tDomain.tMin + frac * (tDomain.tMax - tDomain.tMin);\n    },\n    [tDomain.tMin, tDomain.tMax],\n  );\n\n  useEffect(() => {\n    const onMouseMove = (e: MouseEvent) => {\n      if (!dragging.current) return;\n      const ts = toTimestamp(e.clientX);\n      if (ts == null) return;\n      if (dragging.current === 'left') {\n        onZoomLeftChange(Math.min(ts, zoomRight));\n      } else {\n        onZoomRightChange(Math.max(ts, zoomLeft));\n      }\n    };\n    const onMouseUp = () => {\n      dragging.current = null;\n    };\n    window.addEventListener('mousemove', onMouseMove);\n    window.addEventListener('mouseup', onMouseUp);\n    return () => {\n      window.removeEventListener('mousemove', onMouseMove);\n      window.removeEventListener('mouseup', onMouseUp);\n    };\n  }, [toTimestamp, zoomLeft, zoomRight, onZoomLeftChange, onZoomRightChange]);\n\n  return (\n    <div className=\"border-border1/50 grid grid-cols-[6rem_1fr] items-center border-b\">\n      <div className=\"border-border1/50 flex items-center gap-1 self-stretch border-r pl-3\">\n        <p className=\"text-icon3 text-ui-xs font-medium\">Zoom</p>\n        <Button variant=\"ghost\" size=\"icon-sm\" aria-label=\"Reset zoom\" onClick={onReset}>\n          <RotateCcw className=\"size-3\" />\n        </Button>\n      </div>\n      <div\n        ref={trackRef}\n        data-zoom-track=\"\"\n        className=\"relative h-6 cursor-pointer select-none\"\n        onMouseDown={e => {\n          const ts = toTimestamp(e.clientX);\n          if (ts == null) return;\n          e.preventDefault();\n          const distLeft = Math.abs(ts - zoomLeft);\n          const distRight = Math.abs(ts - zoomRight);\n          if (distLeft <= distRight) {\n            onZoomLeftChange(Math.min(ts, zoomRight));\n            dragging.current = 'left';\n          } else {\n            onZoomRightChange(Math.max(ts, zoomLeft));\n            dragging.current = 'right';\n          }\n        }}\n      >\n        <div\n          data-zoom-part=\"before\"\n          className=\"bg-surface2/60 absolute inset-y-0 left-0\"\n          style={{ width: `${leftPercent}%` }}\n        />\n        <div\n          data-zoom-part=\"band\"\n          className=\"border-border1/30 bg-neutral6/5 absolute inset-y-0 border-y\"\n          style={{ left: `${leftPercent}%`, right: `${100 - rightPercent}%` }}\n        />\n        <div\n          data-zoom-part=\"after\"\n          className=\"bg-surface2/60 absolute inset-y-0 right-0\"\n          style={{ width: `${100 - rightPercent}%` }}\n        />\n        <div\n          data-zoom-handle=\"left\"\n          className=\"bg-neutral6/50 hover:bg-neutral6 absolute inset-y-0 w-1 cursor-col-resize\"\n          style={{ left: `${leftPercent}%`, transform: 'translateX(-50%)' }}\n          onMouseDown={e => {\n            e.preventDefault();\n            e.stopPropagation();\n            dragging.current = 'left';\n          }}\n        />\n        <div\n          data-zoom-handle=\"right\"\n          className=\"bg-neutral6/50 hover:bg-neutral6 absolute inset-y-0 w-1 cursor-col-resize\"\n          style={{ left: `${rightPercent}%`, transform: 'translateX(-50%)' }}\n          onMouseDown={e => {\n            e.preventDefault();\n            e.stopPropagation();\n            dragging.current = 'right';\n          }}\n        />\n      </div>\n    </div>\n  );\n}\n\nconst FALLBACK_DOMAIN: TDomain = { tMin: 0, tMax: 1 };\n\nexport function FlameGraph({\n  omRecords,\n  markers,\n  messages,\n  tDomain: tDomainProp,\n  observationThreshold,\n  reflectionThreshold,\n  onSelectTimestamp,\n  zoomRange,\n  onZoomRangeChange,\n}: FlameGraphProps) {\n  const domain = tDomainProp ?? FALLBACK_DOMAIN;\n\n  const handleSelectT = useCallback(\n    (t: number) => {\n      onSelectTimestamp?.(tToTimestampMs(t, domain));\n    },\n    [onSelectTimestamp, domain],\n  );\n\n  const isControlled = zoomRange != null && onZoomRangeChange != null;\n  const [internalZoomLeft, setInternalZoomLeft] = useState<number>(domain.tMin);\n  const [internalZoomRight, setInternalZoomRight] = useState<number>(domain.tMax);\n\n  // Reset the internal (uncontrolled) range whenever the domain changes.\n  // Controlled callers own resetting via `onZoomRangeChange`.\n  useEffect(() => {\n    if (isControlled) return;\n    setInternalZoomLeft(domain.tMin);\n    setInternalZoomRight(domain.tMax);\n  }, [domain.tMin, domain.tMax, isControlled]);\n\n  const zoomLeft = isControlled ? zoomRange.left : internalZoomLeft;\n  const zoomRight = isControlled ? zoomRange.right : internalZoomRight;\n\n  const setZoomLeft = useCallback(\n    (ts: number) => {\n      if (isControlled) onZoomRangeChange({ left: ts, right: zoomRight });\n      else setInternalZoomLeft(ts);\n    },\n    [isControlled, onZoomRangeChange, zoomRight],\n  );\n  const setZoomRight = useCallback(\n    (ts: number) => {\n      if (isControlled) onZoomRangeChange({ left: zoomLeft, right: ts });\n      else setInternalZoomRight(ts);\n    },\n    [isControlled, onZoomRangeChange, zoomLeft],\n  );\n\n  const resetZoom = useCallback(() => {\n    if (isControlled) onZoomRangeChange({ left: domain.tMin, right: domain.tMax });\n    else {\n      setInternalZoomLeft(domain.tMin);\n      setInternalZoomRight(domain.tMax);\n    }\n  }, [isControlled, onZoomRangeChange, domain.tMin, domain.tMax]);\n\n  const range = domain.tMax - domain.tMin;\n  const zoomTLeft = range > 0 ? (zoomLeft - domain.tMin) / range : 0;\n  const zoomTRight = range > 0 ? (zoomRight - domain.tMin) / range : 1;\n  const zoomDomain: [number, number] = [zoomTLeft, zoomTRight];\n\n  const messageData = useMemo(() => toMessageData(messages, domain), [messages, domain]);\n  const contextData = useMemo(() => toContextData(omRecords, markers, domain), [omRecords, markers, domain]);\n  const activeObservationData = useMemo(\n    () => toActiveObservationData(omRecords, markers, domain),\n    [omRecords, markers, domain],\n  );\n  const bufferedObservationData = useMemo(() => toBufferedObservationData(markers, domain), [markers, domain]);\n  const eventData = useMemo(() => toEventData(omRecords, domain), [omRecords, domain]);\n\n  const hasData =\n    messageData.length > 0 || contextData.length > 0 || activeObservationData.length > 0 || eventData.length > 0;\n\n  if (!hasData) return null;\n\n  return (\n    <div className=\"flex flex-col pr-2 pb-2 [&_.recharts-surface]:outline-none\">\n      <CombinedRow\n        label=\"Messages\"\n        areaData={contextData}\n        areaDataKey=\"pendingMessageTokens\"\n        eventData={messageData}\n        color={MSG_COLOR}\n        gradientId=\"grad-messages\"\n        domain={domain}\n        zoomDomain={zoomDomain}\n        threshold={observationThreshold}\n        onSelectT={onSelectTimestamp ? handleSelectT : undefined}\n      />\n\n      <CombinedRow\n        label=\"Observations\"\n        areaData={activeObservationData}\n        areaDataKey=\"observationTokenCount\"\n        eventData={eventData}\n        color={OBS_COLOR}\n        gradientId=\"grad-observations\"\n        domain={domain}\n        zoomDomain={zoomDomain}\n        threshold={reflectionThreshold}\n        onSelectT={onSelectTimestamp ? handleSelectT : undefined}\n      />\n\n      {bufferedObservationData.length > 0 && (\n        <AreaRow\n          label=\"Buffered obs\"\n          data={bufferedObservationData}\n          dataKey=\"bufferedObservationTokenCount\"\n          color={REFLECT_COLOR}\n          gradientId=\"grad-buffered-obs\"\n          domain={domain}\n          zoomDomain={zoomDomain}\n          threshold={reflectionThreshold}\n        />\n      )}\n\n      {eventData.length > 0 && (\n        <EventRow label=\"Events\" data={eventData} color={REFLECT_COLOR} domain={domain} zoomDomain={zoomDomain} />\n      )}\n\n      <TimeAxis domain={domain} />\n\n      <ZoomTrack\n        tDomain={domain}\n        zoomLeft={zoomLeft}\n        zoomRight={zoomRight}\n        onZoomLeftChange={setZoomLeft}\n        onZoomRightChange={setZoomRight}\n        onReset={resetZoom}\n      />\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","formatTimeDisplay","tToTimestamp","getAreaRowYMax","ResponsiveContainer","AreaChart","XAxis","YAxis","Tooltip","Area","ReferenceLine","ScatterChart","Scatter","toCombinedRowData","ComposedChart","toSelectedT","isEventPoint","Fragment","useRef","useCallback","useEffect","Button","RotateCcw","tToTimestampMs","useState","useMemo","toMessageData","toContextData","toActiveObservationData","toBufferedObservationData","toEventData"],"mappings":";;;;;;;;;;;;;AAyDA,MAAM,SAAA,GAAY,iCAAA;AAClB,MAAM,SAAA,GAAY,SAAA;AAClB,MAAM,aAAA,GAAgB,SAAA;AAEtB,SAAS,QAAA,CAAS,EAAE,MAAA,EAAO,EAAwB;AACjD,EAAA,MAAM,QAAQ,CAAC,CAAA,EAAG,IAAA,EAAM,GAAA,EAAK,MAAM,CAAC,CAAA;AACpC,EAAA,uBACEA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wCAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,kGAAA,EAAmG,QAAA,EAAA,MAAA,EAEhH,CAAA;AAAA,mCACC,KAAA,EAAA,EAAI,SAAA,EAAU,kEAAA,EACZ,QAAA,EAAA,KAAA,CAAM,IAAI,CAAA,CAAA,qBACTA,cAAA,CAAC,MAAA,EAAA,EAAc,QAAA,EAAAC,6CAAA,CAAkBC,yCAAa,CAAA,EAAG,MAAM,CAAC,CAAA,EAAA,EAA7C,CAA+C,CAC3D,CAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;AAEO,SAAS,YAAA,CAAa;AAAA,EAC3B,MAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAKG;AACD,EAAA,IAAI,CAAC,MAAA,IAAU,CAAC,OAAA,EAAS,QAAQ,OAAO,IAAA;AACxC,EAAA,MAAM,CAAA,GAAI,OAAA,CAAQ,CAAC,CAAA,EAAG,OAAA,EAAS,CAAA;AAC/B,EAAA,MAAM,IAAA,GAAO,MAAA,IAAU,IAAA,IAAQ,CAAA,IAAK,IAAA,GAAOD,8CAAkBC,wCAAA,CAAa,CAAA,EAAG,MAAM,CAAC,CAAA,GAAI,IAAA;AACxF,EAAA,MAAM,cAAA,GAAiB,OAAA,CAAQ,MAAA,CAAO,CAAA,KAAA,KAAS,KAAA,CAAM,IAAA,KAAS,GAAA,IAAO,KAAA,CAAM,IAAA,KAAS,MAAA,IAAU,KAAA,CAAM,KAAA,IAAS,IAAI,CAAA;AAEjH,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,uBACEH,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yGAAA,EACZ,QAAA,EAAA;AAAA,MAAA,IAAA,oBACCA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yCAAA,EACb,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,YAAA,EAAa,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,wBACjCA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,eAAA,EAAiB,QAAA,EAAA,IAAA,EAAK;AAAA,OAAA,EACxC,CAAA;AAAA,MAED,eAAe,GAAA,CAAI,CAAA,KAAA,qBAClBD,eAAA,CAAC,KAAA,EAAA,EAAqB,WAAU,yCAAA,EAC9B,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,YAAA,EAAc,QAAA,EAAA,KAAA,CAAM,IAAA,EAAK,CAAA;AAAA,uCACxC,MAAA,EAAA,EAAK,SAAA,EAAU,iBACb,QAAA,EAAA,OAAO,KAAA,CAAM,UAAU,QAAA,GAAW,IAAA,CAAK,KAAA,CAAM,KAAA,CAAM,KAAK,CAAA,CAAE,cAAA,KAAmB,MAAA,CAAO,KAAA,CAAM,KAAK,CAAA,EAClG;AAAA,OAAA,EAAA,EAJQ,KAAA,CAAM,IAKhB,CACD;AAAA,KAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACEA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iFAAA,EACZ,QAAA,EAAA,IAAA,mCAAS,MAAA,EAAA,EAAK,SAAA,EAAU,eAAA,EAAiB,QAAA,EAAA,IAAA,EAAK,CAAA,EACjD,CAAA;AAEJ;AAaA,SAAS,OAAA,CAAQ,EAAE,KAAA,EAAO,IAAA,EAAM,OAAA,EAAS,OAAO,UAAA,EAAY,MAAA,EAAQ,UAAA,EAAY,SAAA,EAAU,EAAiB;AACzG,EAAA,MAAM,IAAA,GAAOG,uDAAA,CAAe,IAAA,EAAM,OAAA,EAAS,SAAS,CAAA;AAEpD,EAAA,uBACEJ,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uFAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,kGAAA,EACV,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,oBACAA,cAAA,CAAC,SACC,QAAA,kBAAAA,cAAA,CAACI,4BAAA,EAAA,EAAoB,OAAM,MAAA,EAAO,MAAA,EAAQ,IACxC,QAAA,kBAAAL,eAAA,CAACM,kBAAA,EAAA,EAAU,MAAY,MAAA,EAAQ,EAAE,KAAK,CAAA,EAAG,KAAA,EAAO,GAAG,MAAA,EAAQ,CAAA,EAAG,IAAA,EAAM,CAAA,EAAE,EACpE,QAAA,EAAA;AAAA,sBAAAL,cAAA,CAAC,MAAA,EAAA,EACC,QAAA,kBAAAD,eAAA,CAAC,gBAAA,EAAA,EAAe,EAAA,EAAI,UAAA,EAAY,EAAA,EAAG,GAAA,EAAI,EAAA,EAAG,GAAA,EAAI,EAAA,EAAG,GAAA,EAAI,EAAA,EAAG,GAAA,EACtD,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,UAAK,MAAA,EAAO,IAAA,EAAK,SAAA,EAAW,KAAA,EAAO,aAAa,IAAA,EAAM,CAAA;AAAA,uCACtD,MAAA,EAAA,EAAK,MAAA,EAAO,QAAO,SAAA,EAAW,KAAA,EAAO,aAAa,IAAA,EAAM;AAAA,OAAA,EAC3D,CAAA,EACF,CAAA;AAAA,sBACAA,cAAA,CAACM,cAAA,EAAA,EAAM,OAAA,EAAQ,GAAA,EAAI,IAAA,EAAK,QAAA,EAAS,MAAA,EAAQ,UAAA,EAAY,iBAAA,EAAiB,IAAA,EAAC,IAAA,EAAI,IAAA,EAAC,CAAA;AAAA,sBAC5EN,cAAA,CAACO,cAAA,EAAA,EAAM,IAAA,EAAK,QAAA,EAAS,MAAA,EAAQ,IAAA,IAAQ,IAAA,GAAO,CAAC,CAAA,EAAG,IAAI,CAAA,GAAI,MAAA,EAAW,MAAI,IAAA,EAAC,CAAA;AAAA,sBACxEP,cAAA;AAAA,QAACQ,gBAAA;AAAA,QAAA;AAAA,UACC,OAAA,kBAASR,cAAA,CAAC,YAAA,EAAA,EAAa,MAAA,EAAgB,WAAS,IAAA,EAAC,CAAA;AAAA,UACjD,MAAA,EAAQ,EAAE,MAAA,EAAQ,wBAAA;AAAyB;AAAA,OAC7C;AAAA,sBACAA,cAAA;AAAA,QAACS,aAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,OAAA;AAAA,UACA,MAAA,EAAQ,KAAA;AAAA,UACR,WAAA,EAAa,CAAA;AAAA,UACb,aAAA,EAAe,GAAA;AAAA,UACf,IAAA,EAAM,QAAQ,UAAU,CAAA,CAAA,CAAA;AAAA,UACxB,iBAAA,EAAmB;AAAA;AAAA,OACrB;AAAA,MACC,SAAA,IAAa,IAAA,oBACZT,cAAA,CAACU,sBAAA,EAAA,EAAc,CAAA,EAAG,SAAA,EAAW,MAAA,EAAQ,KAAA,EAAO,eAAA,EAAgB,KAAA,EAAM,aAAA,EAAe,GAAA,EAAK;AAAA,KAAA,EAE1F,GACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;AAWA,SAAS,QAAA,CAAS,EAAE,KAAA,EAAO,IAAA,EAAM,OAAO,MAAA,GAAS,EAAA,EAAI,MAAA,EAAQ,UAAA,EAAW,EAAkB;AACxF,EAAA,uBACEX,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uFAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,kGAAA,EACV,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,mCACC,KAAA,EAAA,EACC,QAAA,kBAAAA,cAAA,CAACI,gCAAoB,KAAA,EAAM,MAAA,EAAO,QAChC,QAAA,kBAAAL,eAAA,CAACY,qBAAA,EAAA,EAAa,QAAQ,EAAE,GAAA,EAAK,GAAG,KAAA,EAAO,CAAA,EAAG,QAAQ,CAAA,EAAG,IAAA,EAAM,GAAE,EAC3D,QAAA,EAAA;AAAA,sBAAAX,cAAA,CAACM,cAAA,EAAA,EAAM,OAAA,EAAQ,GAAA,EAAI,IAAA,EAAK,QAAA,EAAS,QAAQ,UAAA,EAAY,iBAAA,EAAiB,IAAA,EAAC,IAAA,EAAI,IAAA,EAAC,CAAA;AAAA,sBAC5EN,cAAA,CAACO,cAAA,EAAA,EAAM,OAAA,EAAQ,OAAA,EAAQ,IAAA,EAAK,QAAA,EAAS,MAAA,EAAQ,CAAC,CAAA,EAAG,CAAC,CAAA,EAAG,IAAA,EAAI,IAAA,EAAC,CAAA;AAAA,sBAC1DP,cAAA,CAACQ,oBAAQ,OAAA,kBAASR,cAAA,CAAC,gBAAa,MAAA,EAAgB,CAAA,EAAI,QAAQ,KAAA,EAAO,CAAA;AAAA,sBACnEA,cAAA;AAAA,QAACY,gBAAA;AAAA,QAAA;AAAA,UACC,IAAA;AAAA,UACA,IAAA,EAAM,KAAA;AAAA,UACN,iBAAA,EAAmB,KAAA;AAAA,UACnB,KAAA,EAAO,CAAC,KAAA,KAAmC;AACzC,YAAA,MAAM,KAAK,KAAA,CAAM,EAAA;AACjB,YAAA,uCACG,GAAA,EAAA,EACC,QAAA,EAAA;AAAA,8BAAAZ,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAG,EAAA,GAAK,CAAA,EAAG,CAAA,EAAG,GAAG,KAAA,EAAO,EAAA,EAAI,MAAA,EAAgB,IAAA,EAAK,aAAA,EAAc,CAAA;AAAA,8BACrEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAG,EAAA,GAAK,GAAA,EAAK,CAAA,EAAG,CAAA,EAAG,KAAA,EAAO,CAAA,EAAG,MAAA,EAAgB,IAAA,EAAM,KAAA,EAAO;AAAA,aAAA,EAClE,CAAA;AAAA,UAEJ;AAAA;AAAA;AACF,KAAA,EACF,GACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;AAgBA,SAAS,WAAA,CAAY;AAAA,EACnB,KAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA,GAAS,EAAA;AAAA,EACT;AACF,CAAA,EAAqB;AACnB,EAAA,MAAM,YAAA,GAAea,0DAAA,CAAkB,QAAA,EAAU,WAAA,EAAa,SAAS,CAAA;AAEvE,EAAA,uBACEd,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uFAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,kGAAA,EACV,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,mCACC,KAAA,EAAA,EACC,QAAA,kBAAAA,cAAA,CAACI,4BAAA,EAAA,EAAoB,KAAA,EAAM,QAAO,MAAA,EAChC,QAAA,kBAAAL,eAAA;AAAA,MAACe,sBAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,EAAE,GAAA,EAAK,CAAA,EAAG,OAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,IAAA,EAAM,CAAA,EAAE;AAAA,QAC/C,OAAA,EAAS,CAAC,KAAA,KAA8B;AACtC,UAAA,MAAM,CAAA,GAAIC,oDAAA,CAAY,KAAA,EAAO,WAAW,CAAA;AACxC,UAAA,IAAI,CAAA,IAAK,IAAA,IAAQ,SAAA,EAAW,SAAA,CAAU,CAAC,CAAA;AAAA,QACzC,CAAA;AAAA,QACA,SAAA,EAAW,YAAY,gBAAA,GAAmB,MAAA;AAAA,QAE1C,QAAA,EAAA;AAAA,0BAAAf,cAAA,CAAC,MAAA,EAAA,EACC,QAAA,kBAAAD,eAAA,CAAC,gBAAA,EAAA,EAAe,EAAA,EAAI,UAAA,EAAY,EAAA,EAAG,GAAA,EAAI,EAAA,EAAG,GAAA,EAAI,EAAA,EAAG,GAAA,EAAI,EAAA,EAAG,GAAA,EACtD,QAAA,EAAA;AAAA,4BAAAC,cAAA,CAAC,UAAK,MAAA,EAAO,IAAA,EAAK,SAAA,EAAW,KAAA,EAAO,aAAa,IAAA,EAAM,CAAA;AAAA,2CACtD,MAAA,EAAA,EAAK,MAAA,EAAO,QAAO,SAAA,EAAW,KAAA,EAAO,aAAa,IAAA,EAAM;AAAA,WAAA,EAC3D,CAAA,EACF,CAAA;AAAA,0BACAA,cAAA,CAACM,cAAA,EAAA,EAAM,OAAA,EAAQ,GAAA,EAAI,IAAA,EAAK,QAAA,EAAS,MAAA,EAAQ,UAAA,EAAY,iBAAA,EAAiB,IAAA,EAAC,IAAA,EAAI,IAAA,EAAC,CAAA;AAAA,0BAC5EN,cAAA,CAACO,cAAA,EAAA,EAAM,OAAA,EAAQ,MAAA,EAAO,SAAS,WAAA,EAAa,IAAA,EAAK,QAAA,EAAS,IAAA,EAAI,IAAA,EAAC,MAAA,EAAQ,CAAC,CAAA,EAAG,SAAS,CAAA,EAAG,CAAA;AAAA,0BACvFP,cAAA,CAACQ,gBAAA,EAAA,EAAQ,OAAA,kBAASR,cAAA,CAAC,YAAA,EAAA,EAAa,QAAgB,SAAA,EAAS,IAAA,EAAC,CAAA,EAAI,MAAA,EAAQ,KAAA,EAAO,CAAA;AAAA,0BAC7EA,cAAA;AAAA,YAACS,aAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAQ,MAAA;AAAA,cACR,IAAA,EAAM,YAAA;AAAA,cACN,IAAA,EAAK,QAAA;AAAA,cACL,OAAA,EAAS,WAAA;AAAA,cACT,MAAA,EAAQ,KAAA;AAAA,cACR,WAAA,EAAa,CAAA;AAAA,cACb,aAAA,EAAe,GAAA;AAAA,cACf,IAAA,EAAM,QAAQ,UAAU,CAAA,CAAA,CAAA;AAAA,cACxB,iBAAA,EAAmB,KAAA;AAAA,cACnB,SAAA,EAAW,EAAE,CAAA,EAAG,CAAA,EAAG,QAAQ,KAAA,EAAO,WAAA,EAAa,CAAA,EAAG,IAAA,EAAM,SAAA,EAAU;AAAA,cAClE,GAAA,EAAK,CAAC,KAAA,KACJO,qDAAA,CAAa,MAAM,OAAO,CAAA,kCACvB,QAAA,EAAA,EAAO,EAAA,EAAI,MAAM,EAAA,EAAc,EAAA,EAAI,MAAM,EAAA,EAAc,CAAA,EAAG,GAAG,IAAA,EAAM,KAAA,EAAO,oBAE3EhB,cAAA,CAAAiB,mBAAA,EAAA,EAAE;AAAA;AAAA,WAGR;AAAA,UACC,SAAA,IAAa,IAAA,oBACZjB,cAAA,CAACU,sBAAA,EAAA,EAAc,OAAA,EAAQ,MAAA,EAAO,CAAA,EAAG,SAAA,EAAW,MAAA,EAAQ,KAAA,EAAO,eAAA,EAAgB,KAAA,EAAM,eAAe,GAAA,EAAK;AAAA;AAAA;AAAA,OAG3G,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;AAEA,SAAS,SAAA,CAAU;AAAA,EACjB,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,gBAAA;AAAA,EACA,iBAAA;AAAA,EACA;AACF,CAAA,EAOG;AACD,EAAA,MAAM,QAAA,GAAWQ,aAAuB,IAAI,CAAA;AAC5C,EAAA,MAAM,QAAA,GAAWA,aAAgC,IAAI,CAAA;AAErD,EAAA,MAAM,KAAA,GAAQ,OAAA,CAAQ,IAAA,GAAO,OAAA,CAAQ,IAAA;AACrC,EAAA,MAAM,cAAc,KAAA,GAAQ,CAAA,GAAA,CAAM,WAAW,OAAA,CAAQ,IAAA,IAAQ,QAAS,GAAA,GAAM,CAAA;AAC5E,EAAA,MAAM,eAAe,KAAA,GAAQ,CAAA,GAAA,CAAM,YAAY,OAAA,CAAQ,IAAA,IAAQ,QAAS,GAAA,GAAM,GAAA;AAE9E,EAAA,MAAM,WAAA,GAAcC,iBAAA;AAAA,IAClB,CAAC,OAAA,KAAoB;AACnB,MAAA,MAAM,QAAQ,QAAA,CAAS,OAAA;AACvB,MAAA,IAAI,CAAC,OAAO,OAAO,IAAA;AACnB,MAAA,MAAM,IAAA,GAAO,MAAM,qBAAA,EAAsB;AACzC,MAAA,MAAM,IAAA,GAAO,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,GAAA,CAAI,CAAA,EAAA,CAAI,OAAA,GAAU,IAAA,CAAK,IAAA,IAAQ,IAAA,CAAK,KAAK,CAAC,CAAA;AACxE,MAAA,OAAO,OAAA,CAAQ,IAAA,GAAO,IAAA,IAAQ,OAAA,CAAQ,OAAO,OAAA,CAAQ,IAAA,CAAA;AAAA,IACvD,CAAA;AAAA,IACA,CAAC,OAAA,CAAQ,IAAA,EAAM,OAAA,CAAQ,IAAI;AAAA,GAC7B;AAEA,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,MAAM,WAAA,GAAc,CAAC,CAAA,KAAkB;AACrC,MAAA,IAAI,CAAC,SAAS,OAAA,EAAS;AACvB,MAAA,MAAM,EAAA,GAAK,WAAA,CAAY,CAAA,CAAE,OAAO,CAAA;AAChC,MAAA,IAAI,MAAM,IAAA,EAAM;AAChB,MAAA,IAAI,QAAA,CAAS,YAAY,MAAA,EAAQ;AAC/B,QAAA,gBAAA,CAAiB,IAAA,CAAK,GAAA,CAAI,EAAA,EAAI,SAAS,CAAC,CAAA;AAAA,MAC1C,CAAA,MAAO;AACL,QAAA,iBAAA,CAAkB,IAAA,CAAK,GAAA,CAAI,EAAA,EAAI,QAAQ,CAAC,CAAA;AAAA,MAC1C;AAAA,IACF,CAAA;AACA,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,QAAA,CAAS,OAAA,GAAU,IAAA;AAAA,IACrB,CAAA;AACA,IAAA,MAAA,CAAO,gBAAA,CAAiB,aAAa,WAAW,CAAA;AAChD,IAAA,MAAA,CAAO,gBAAA,CAAiB,WAAW,SAAS,CAAA;AAC5C,IAAA,OAAO,MAAM;AACX,MAAA,MAAA,CAAO,mBAAA,CAAoB,aAAa,WAAW,CAAA;AACnD,MAAA,MAAA,CAAO,mBAAA,CAAoB,WAAW,SAAS,CAAA;AAAA,IACjD,CAAA;AAAA,EACF,GAAG,CAAC,WAAA,EAAa,UAAU,SAAA,EAAW,gBAAA,EAAkB,iBAAiB,CAAC,CAAA;AAE1E,EAAA,uBACErB,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mEAAA,EACb,QAAA,EAAA;AAAA,oBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,sEAAA,EACb,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,mCAAA,EAAoC,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,sBACrDA,cAAA,CAACqB,aAAA,EAAA,EAAO,OAAA,EAAQ,OAAA,EAAQ,MAAK,SAAA,EAAU,YAAA,EAAW,YAAA,EAAa,OAAA,EAAS,OAAA,EACtE,QAAA,kBAAArB,cAAA,CAACsB,qBAAA,EAAA,EAAU,SAAA,EAAU,UAAS,CAAA,EAChC;AAAA,KAAA,EACF,CAAA;AAAA,oBACAvB,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,QAAA;AAAA,QACL,iBAAA,EAAgB,EAAA;AAAA,QAChB,SAAA,EAAU,yCAAA;AAAA,QACV,aAAa,CAAA,CAAA,KAAK;AAChB,UAAA,MAAM,EAAA,GAAK,WAAA,CAAY,CAAA,CAAE,OAAO,CAAA;AAChC,UAAA,IAAI,MAAM,IAAA,EAAM;AAChB,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,MAAM,QAAA,GAAW,IAAA,CAAK,GAAA,CAAI,EAAA,GAAK,QAAQ,CAAA;AACvC,UAAA,MAAM,SAAA,GAAY,IAAA,CAAK,GAAA,CAAI,EAAA,GAAK,SAAS,CAAA;AACzC,UAAA,IAAI,YAAY,SAAA,EAAW;AACzB,YAAA,gBAAA,CAAiB,IAAA,CAAK,GAAA,CAAI,EAAA,EAAI,SAAS,CAAC,CAAA;AACxC,YAAA,QAAA,CAAS,OAAA,GAAU,MAAA;AAAA,UACrB,CAAA,MAAO;AACL,YAAA,iBAAA,CAAkB,IAAA,CAAK,GAAA,CAAI,EAAA,EAAI,QAAQ,CAAC,CAAA;AACxC,YAAA,QAAA,CAAS,OAAA,GAAU,OAAA;AAAA,UACrB;AAAA,QACF,CAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAAC,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,gBAAA,EAAe,QAAA;AAAA,cACf,SAAA,EAAU,0CAAA;AAAA,cACV,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,WAAW,CAAA,CAAA,CAAA;AAAI;AAAA,WACpC;AAAA,0BACAA,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,gBAAA,EAAe,MAAA;AAAA,cACf,SAAA,EAAU,6DAAA;AAAA,cACV,KAAA,EAAO,EAAE,IAAA,EAAM,CAAA,EAAG,WAAW,KAAK,KAAA,EAAO,CAAA,EAAG,GAAA,GAAM,YAAY,CAAA,CAAA,CAAA;AAAI;AAAA,WACpE;AAAA,0BACAA,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,gBAAA,EAAe,OAAA;AAAA,cACf,SAAA,EAAU,2CAAA;AAAA,cACV,OAAO,EAAE,KAAA,EAAO,CAAA,EAAG,GAAA,GAAM,YAAY,CAAA,CAAA,CAAA;AAAI;AAAA,WAC3C;AAAA,0BACAA,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,kBAAA,EAAiB,MAAA;AAAA,cACjB,SAAA,EAAU,2EAAA;AAAA,cACV,OAAO,EAAE,IAAA,EAAM,GAAG,WAAW,CAAA,CAAA,CAAA,EAAK,WAAW,kBAAA,EAAmB;AAAA,cAChE,aAAa,CAAA,CAAA,KAAK;AAChB,gBAAA,CAAA,CAAE,cAAA,EAAe;AACjB,gBAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,gBAAA,QAAA,CAAS,OAAA,GAAU,MAAA;AAAA,cACrB;AAAA;AAAA,WACF;AAAA,0BACAA,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,kBAAA,EAAiB,OAAA;AAAA,cACjB,SAAA,EAAU,2EAAA;AAAA,cACV,OAAO,EAAE,IAAA,EAAM,GAAG,YAAY,CAAA,CAAA,CAAA,EAAK,WAAW,kBAAA,EAAmB;AAAA,cACjE,aAAa,CAAA,CAAA,KAAK;AAChB,gBAAA,CAAA,CAAE,cAAA,EAAe;AACjB,gBAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,gBAAA,QAAA,CAAS,OAAA,GAAU,OAAA;AAAA,cACrB;AAAA;AAAA;AACF;AAAA;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;AAEA,MAAM,eAAA,GAA2B,EAAE,IAAA,EAAM,CAAA,EAAG,MAAM,CAAA,EAAE;AAE7C,SAAS,UAAA,CAAW;AAAA,EACzB,SAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA,EAAS,WAAA;AAAA,EACT,oBAAA;AAAA,EACA,mBAAA;AAAA,EACA,iBAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAAoB;AAClB,EAAA,MAAM,SAAS,WAAA,IAAe,eAAA;AAE9B,EAAA,MAAM,aAAA,GAAgBmB,iBAAA;AAAA,IACpB,CAAC,CAAA,KAAc;AACb,MAAA,iBAAA,GAAoBI,iDAAA,CAAe,CAAA,EAAG,MAAM,CAAC,CAAA;AAAA,IAC/C,CAAA;AAAA,IACA,CAAC,mBAAmB,MAAM;AAAA,GAC5B;AAEA,EAAA,MAAM,YAAA,GAAe,SAAA,IAAa,IAAA,IAAQ,iBAAA,IAAqB,IAAA;AAC/D,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAIC,cAAA,CAAiB,OAAO,IAAI,CAAA;AAC5E,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAIA,cAAA,CAAiB,OAAO,IAAI,CAAA;AAI9E,EAAAJ,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,YAAA,EAAc;AAClB,IAAA,mBAAA,CAAoB,OAAO,IAAI,CAAA;AAC/B,IAAA,oBAAA,CAAqB,OAAO,IAAI,CAAA;AAAA,EAClC,GAAG,CAAC,MAAA,CAAO,MAAM,MAAA,CAAO,IAAA,EAAM,YAAY,CAAC,CAAA;AAE3C,EAAA,MAAM,QAAA,GAAW,YAAA,GAAe,SAAA,CAAU,IAAA,GAAO,gBAAA;AACjD,EAAA,MAAM,SAAA,GAAY,YAAA,GAAe,SAAA,CAAU,KAAA,GAAQ,iBAAA;AAEnD,EAAA,MAAM,WAAA,GAAcD,iBAAA;AAAA,IAClB,CAAC,EAAA,KAAe;AACd,MAAA,IAAI,cAAc,iBAAA,CAAkB,EAAE,MAAM,EAAA,EAAI,KAAA,EAAO,WAAW,CAAA;AAAA,+BACzC,EAAE,CAAA;AAAA,IAC7B,CAAA;AAAA,IACA,CAAC,YAAA,EAAc,iBAAA,EAAmB,SAAS;AAAA,GAC7C;AACA,EAAA,MAAM,YAAA,GAAeA,iBAAA;AAAA,IACnB,CAAC,EAAA,KAAe;AACd,MAAA,IAAI,cAAc,iBAAA,CAAkB,EAAE,MAAM,QAAA,EAAU,KAAA,EAAO,IAAI,CAAA;AAAA,gCACvC,EAAE,CAAA;AAAA,IAC9B,CAAA;AAAA,IACA,CAAC,YAAA,EAAc,iBAAA,EAAmB,QAAQ;AAAA,GAC5C;AAEA,EAAA,MAAM,SAAA,GAAYA,kBAAY,MAAM;AAClC,IAAA,IAAI,YAAA,oBAAgC,EAAE,IAAA,EAAM,OAAO,IAAA,EAAM,KAAA,EAAO,MAAA,CAAO,IAAA,EAAM,CAAA;AAAA,SACxE;AACH,MAAA,mBAAA,CAAoB,OAAO,IAAI,CAAA;AAC/B,MAAA,oBAAA,CAAqB,OAAO,IAAI,CAAA;AAAA,IAClC;AAAA,EACF,CAAA,EAAG,CAAC,YAAA,EAAc,iBAAA,EAAmB,OAAO,IAAA,EAAM,MAAA,CAAO,IAAI,CAAC,CAAA;AAE9D,EAAA,MAAM,KAAA,GAAQ,MAAA,CAAO,IAAA,GAAO,MAAA,CAAO,IAAA;AACnC,EAAA,MAAM,YAAY,KAAA,GAAQ,CAAA,GAAA,CAAK,QAAA,GAAW,MAAA,CAAO,QAAQ,KAAA,GAAQ,CAAA;AACjE,EAAA,MAAM,aAAa,KAAA,GAAQ,CAAA,GAAA,CAAK,SAAA,GAAY,MAAA,CAAO,QAAQ,KAAA,GAAQ,CAAA;AACnE,EAAA,MAAM,UAAA,GAA+B,CAAC,SAAA,EAAW,UAAU,CAAA;AAE3D,EAAA,MAAM,WAAA,GAAcM,aAAA,CAAQ,MAAMC,sDAAA,CAAc,QAAA,EAAU,MAAM,CAAA,EAAG,CAAC,QAAA,EAAU,MAAM,CAAC,CAAA;AACrF,EAAA,MAAM,WAAA,GAAcD,aAAA,CAAQ,MAAME,sDAAA,CAAc,SAAA,EAAW,OAAA,EAAS,MAAM,CAAA,EAAG,CAAC,SAAA,EAAW,OAAA,EAAS,MAAM,CAAC,CAAA;AACzG,EAAA,MAAM,qBAAA,GAAwBF,aAAA;AAAA,IAC5B,MAAMG,gEAAA,CAAwB,SAAA,EAAW,OAAA,EAAS,MAAM,CAAA;AAAA,IACxD,CAAC,SAAA,EAAW,OAAA,EAAS,MAAM;AAAA,GAC7B;AACA,EAAA,MAAM,uBAAA,GAA0BH,aAAA,CAAQ,MAAMI,kEAAA,CAA0B,OAAA,EAAS,MAAM,CAAA,EAAG,CAAC,OAAA,EAAS,MAAM,CAAC,CAAA;AAC3G,EAAA,MAAM,SAAA,GAAYJ,aAAA,CAAQ,MAAMK,oDAAA,CAAY,SAAA,EAAW,MAAM,CAAA,EAAG,CAAC,SAAA,EAAW,MAAM,CAAC,CAAA;AAEnF,EAAA,MAAM,OAAA,GACJ,WAAA,CAAY,MAAA,GAAS,CAAA,IAAK,WAAA,CAAY,MAAA,GAAS,CAAA,IAAK,qBAAA,CAAsB,MAAA,GAAS,CAAA,IAAK,SAAA,CAAU,MAAA,GAAS,CAAA;AAE7G,EAAA,IAAI,CAAC,SAAS,OAAO,IAAA;AAErB,EAAA,uBACE/B,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4DAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAM,UAAA;AAAA,QACN,QAAA,EAAU,WAAA;AAAA,QACV,WAAA,EAAY,sBAAA;AAAA,QACZ,SAAA,EAAW,WAAA;AAAA,QACX,KAAA,EAAO,SAAA;AAAA,QACP,UAAA,EAAW,eAAA;AAAA,QACX,MAAA;AAAA,QACA,UAAA;AAAA,QACA,SAAA,EAAW,oBAAA;AAAA,QACX,SAAA,EAAW,oBAAoB,aAAA,GAAgB;AAAA;AAAA,KACjD;AAAA,oBAEAA,cAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAM,cAAA;AAAA,QACN,QAAA,EAAU,qBAAA;AAAA,QACV,WAAA,EAAY,uBAAA;AAAA,QACZ,SAAA;AAAA,QACA,KAAA,EAAO,SAAA;AAAA,QACP,UAAA,EAAW,mBAAA;AAAA,QACX,MAAA;AAAA,QACA,UAAA;AAAA,QACA,SAAA,EAAW,mBAAA;AAAA,QACX,SAAA,EAAW,oBAAoB,aAAA,GAAgB;AAAA;AAAA,KACjD;AAAA,IAEC,uBAAA,CAAwB,SAAS,CAAA,oBAChCA,cAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAM,cAAA;AAAA,QACN,IAAA,EAAM,uBAAA;AAAA,QACN,OAAA,EAAQ,+BAAA;AAAA,QACR,KAAA,EAAO,aAAA;AAAA,QACP,UAAA,EAAW,mBAAA;AAAA,QACX,MAAA;AAAA,QACA,UAAA;AAAA,QACA,SAAA,EAAW;AAAA;AAAA,KACb;AAAA,IAGD,SAAA,CAAU,MAAA,GAAS,CAAA,oBAClBA,cAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAM,QAAA,EAAS,IAAA,EAAM,SAAA,EAAW,KAAA,EAAO,aAAA,EAAe,MAAA,EAAgB,UAAA,EAAwB,CAAA;AAAA,oBAG1GA,cAAA,CAAC,YAAS,MAAA,EAAgB,CAAA;AAAA,oBAE1BA,cAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,MAAA;AAAA,QACT,QAAA;AAAA,QACA,SAAA;AAAA,QACA,gBAAA,EAAkB,WAAA;AAAA,QAClB,iBAAA,EAAmB,YAAA;AAAA,QACnB,OAAA,EAAS;AAAA;AAAA;AACX,GAAA,EACF,CAAA;AAEJ;;;;;"}
+{"version":3,"file":"flame-graph.cjs.js","sources":["../../../../src/domains/memory/components/flame-graph.tsx"],"sourcesContent":["import { RotateCcw } from 'lucide-react';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  Area,\n  AreaChart,\n  ComposedChart,\n  ReferenceLine,\n  ResponsiveContainer,\n  Scatter,\n  ScatterChart,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from 'recharts';\n\nimport { Button } from '../../../ds/components/Button';\nimport { overlaySurfaceStyle } from '../../../ds/primitives/raised-surface';\nimport type { ExtractedOmMarker } from '../lib/extract-markers';\nimport { tToTimestampMs } from '../lib/replay-selection';\nimport type { TDomain } from '../lib/timeline';\nimport { formatTimeDisplay, tToTimestamp } from '../lib/timeline';\nimport type { MemoryMessage, OMHistoryRecord } from '../types';\nimport {\n  getAreaRowYMax,\n  isEventPoint,\n  toActiveObservationData,\n  toBufferedObservationData,\n  toCombinedRowData,\n  toContextData,\n  toEventData,\n  toMessageData,\n  toSelectedT,\n} from './flame-graph-data';\n\nexport interface ZoomRange {\n  left: number;\n  right: number;\n}\n\ninterface FlameGraphProps {\n  omRecords: OMHistoryRecord[];\n  markers: ExtractedOmMarker[];\n  messages: MemoryMessage[];\n  tDomain: TDomain;\n  observationThreshold?: number;\n  reflectionThreshold?: number;\n  onSelectTimestamp?: (timestamp: number | null) => void;\n  /**\n   * Controlled zoom range (epoch ms). When provided together with\n   * `onZoomRangeChange`, the caller owns the range and the graph becomes a\n   * controlled component; otherwise the range is managed internally.\n   */\n  zoomRange?: ZoomRange;\n  onZoomRangeChange?: (range: ZoomRange) => void;\n}\n\ntype RechartsClickState = { activeLabel?: string | number } | null | undefined;\n\nconst MSG_COLOR = 'var(--color-green-500, #22c55e)';\nconst OBS_COLOR = '#f59e0b';\nconst REFLECT_COLOR = '#ec4899';\n\nfunction TimeAxis({ domain }: { domain: TDomain }) {\n  const ticks = [0, 0.25, 0.5, 0.75, 1];\n  return (\n    <div className=\"grid grid-cols-[6rem_1fr] items-center\">\n      <p className=\"text-muted-foreground border-border/50 text-meta flex items-center self-stretch border-r pl-3\">\n        Time\n      </p>\n      <div className=\"text-muted-foreground text-meta flex justify-between px-1 py-1.5 font-mono\">\n        {ticks.map(t => (\n          <span key={t}>{formatTimeDisplay(tToTimestamp(t, domain))}</span>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nexport function FlameTooltip({\n  active,\n  payload,\n  domain,\n  showValue,\n}: {\n  active?: boolean;\n  payload?: Array<{ value: unknown; name: string; payload?: { t?: number } }>;\n  domain?: TDomain;\n  showValue?: boolean;\n}) {\n  if (!active || !payload?.length) return null;\n  const t = payload[0]?.payload?.t;\n  const time = domain != null && t != null ? formatTimeDisplay(tToTimestamp(t, domain)) : null;\n  const visibleEntries = payload.filter(entry => entry.name !== 't' && entry.name !== 'time' && entry.value != null);\n\n  if (showValue) {\n    return (\n      <div className={`${overlaySurfaceStyle} text-meta flex flex-col gap-0.5 rounded px-2 py-1.5 font-mono`}>\n        {time && (\n          <div className=\"flex items-center justify-between gap-3\">\n            <span className=\"text-muted-foreground\">time</span>\n            <span className=\"text-foreground\">{time}</span>\n          </div>\n        )}\n        {visibleEntries.map(entry => (\n          <div key={entry.name} className=\"flex items-center justify-between gap-3\">\n            <span className=\"text-muted-foreground\">{entry.name}</span>\n            <span className=\"text-foreground\">\n              {typeof entry.value === 'number' ? Math.round(entry.value).toLocaleString() : String(entry.value)}\n            </span>\n          </div>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div className={`${overlaySurfaceStyle} text-meta rounded px-2 py-1 font-mono`}>\n      {time && <span className=\"text-foreground\">{time}</span>}\n    </div>\n  );\n}\n\ninterface AreaRowProps {\n  label: string;\n  data: Array<{ t: number; [k: string]: unknown }>;\n  dataKey: string;\n  color: string;\n  gradientId: string;\n  domain: TDomain;\n  zoomDomain: [number, number];\n  threshold?: number;\n}\n\nfunction AreaRow({ label, data, dataKey, color, gradientId, domain, zoomDomain, threshold }: AreaRowProps) {\n  const yMax = getAreaRowYMax(data, dataKey, threshold);\n\n  return (\n    <div className=\"border-border/50 relative grid grid-cols-[6rem_1fr] items-center border-b hover:z-10\">\n      <p className=\"text-muted-foreground border-border/50 text-meta flex items-center self-stretch border-r pl-3\">\n        {label}\n      </p>\n      <div>\n        <ResponsiveContainer width=\"100%\" height={32}>\n          <AreaChart data={data} margin={{ top: 0, right: 0, bottom: 0, left: 0 }}>\n            <defs>\n              <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                <stop offset=\"0%\" stopColor={color} stopOpacity={0.35} />\n                <stop offset=\"100%\" stopColor={color} stopOpacity={0.03} />\n              </linearGradient>\n            </defs>\n            <XAxis dataKey=\"t\" type=\"number\" domain={zoomDomain} allowDataOverflow hide />\n            <YAxis type=\"number\" domain={yMax != null ? [0, yMax] : undefined} hide />\n            <Tooltip\n              content={<FlameTooltip domain={domain} showValue />}\n              cursor={{ stroke: 'rgba(255,255,255,0.08)' }}\n            />\n            <Area\n              type=\"linear\"\n              dataKey={dataKey}\n              stroke={color}\n              strokeWidth={1}\n              strokeOpacity={0.6}\n              fill={`url(#${gradientId})`}\n              isAnimationActive={false}\n            />\n            {threshold != null && (\n              <ReferenceLine y={threshold} stroke={color} strokeDasharray=\"4 3\" strokeOpacity={0.4} />\n            )}\n          </AreaChart>\n        </ResponsiveContainer>\n      </div>\n    </div>\n  );\n}\n\ninterface EventRowProps {\n  label: string;\n  data: Array<{ t: number; event: number; [k: string]: unknown }>;\n  color: string;\n  height?: number;\n  domain: TDomain;\n  zoomDomain: [number, number];\n}\n\nfunction EventRow({ label, data, color, height = 32, domain, zoomDomain }: EventRowProps) {\n  return (\n    <div className=\"border-border/50 relative grid grid-cols-[6rem_1fr] items-center border-b hover:z-10\">\n      <p className=\"text-muted-foreground border-border/50 text-meta flex items-center self-stretch border-r pl-3\">\n        {label}\n      </p>\n      <div>\n        <ResponsiveContainer width=\"100%\" height={height}>\n          <ScatterChart margin={{ top: 0, right: 0, bottom: 0, left: 0 }}>\n            <XAxis dataKey=\"t\" type=\"number\" domain={zoomDomain} allowDataOverflow hide />\n            <YAxis dataKey=\"event\" type=\"number\" domain={[0, 2]} hide />\n            <Tooltip content={<FlameTooltip domain={domain} />} cursor={false} />\n            <Scatter\n              data={data}\n              fill={color}\n              isAnimationActive={false}\n              shape={(props: Record<string, unknown>) => {\n                const cx = props.cx as number;\n                return (\n                  <g>\n                    <rect x={cx - 6} y={0} width={12} height={height} fill=\"transparent\" />\n                    <rect x={cx - 1.5} y={0} width={3} height={height} fill={color} />\n                  </g>\n                );\n              }}\n            />\n          </ScatterChart>\n        </ResponsiveContainer>\n      </div>\n    </div>\n  );\n}\n\ninterface CombinedRowProps {\n  label: string;\n  areaData: Array<Record<string, number>>;\n  areaDataKey: string;\n  eventData: Array<{ t: number; event: number; [k: string]: unknown }>;\n  color: string;\n  gradientId: string;\n  domain: TDomain;\n  zoomDomain: [number, number];\n  threshold?: number;\n  height?: number;\n  onSelectT?: (t: number) => void;\n}\n\nfunction CombinedRow({\n  label,\n  areaData,\n  areaDataKey,\n  eventData,\n  color,\n  gradientId,\n  domain,\n  zoomDomain,\n  threshold,\n  height = 44,\n  onSelectT,\n}: CombinedRowProps) {\n  const combinedData = toCombinedRowData(areaData, areaDataKey, eventData);\n\n  return (\n    <div className=\"border-border/50 relative grid grid-cols-[6rem_1fr] items-center border-b hover:z-10\">\n      <p className=\"text-muted-foreground border-border/50 text-meta flex items-center self-stretch border-r pl-3\">\n        {label}\n      </p>\n      <div>\n        <ResponsiveContainer width=\"100%\" height={height}>\n          <ComposedChart\n            margin={{ top: 0, right: 0, bottom: 0, left: 0 }}\n            onClick={(state: RechartsClickState) => {\n              const t = toSelectedT(state?.activeLabel);\n              if (t != null && onSelectT) onSelectT(t);\n            }}\n            className={onSelectT ? 'cursor-pointer' : undefined}\n          >\n            <defs>\n              <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                <stop offset=\"0%\" stopColor={color} stopOpacity={0.35} />\n                <stop offset=\"100%\" stopColor={color} stopOpacity={0.06} />\n              </linearGradient>\n            </defs>\n            <XAxis dataKey=\"t\" type=\"number\" domain={zoomDomain} allowDataOverflow hide />\n            <YAxis yAxisId=\"area\" dataKey={areaDataKey} type=\"number\" hide domain={[0, 'dataMax']} />\n            <Tooltip content={<FlameTooltip domain={domain} showValue />} cursor={false} />\n            <Area\n              yAxisId=\"area\"\n              data={combinedData}\n              type=\"linear\"\n              dataKey={areaDataKey}\n              stroke={color}\n              strokeWidth={1}\n              strokeOpacity={0.6}\n              fill={`url(#${gradientId})`}\n              isAnimationActive={false}\n              activeDot={{ r: 5, stroke: color, strokeWidth: 2, fill: '#0a0a0a' }}\n              dot={(props: Record<string, unknown>) =>\n                isEventPoint(props.payload) ? (\n                  <circle cx={props.cx as number} cy={props.cy as number} r={4} fill={color} />\n                ) : (\n                  <></>\n                )\n              }\n            />\n            {threshold != null && (\n              <ReferenceLine yAxisId=\"area\" y={threshold} stroke={color} strokeDasharray=\"4 3\" strokeOpacity={0.4} />\n            )}\n          </ComposedChart>\n        </ResponsiveContainer>\n      </div>\n    </div>\n  );\n}\n\nfunction ZoomTrack({\n  tDomain,\n  zoomLeft,\n  zoomRight,\n  onZoomLeftChange,\n  onZoomRightChange,\n  onReset,\n}: {\n  tDomain: TDomain;\n  zoomLeft: number;\n  zoomRight: number;\n  onZoomLeftChange: (ts: number) => void;\n  onZoomRightChange: (ts: number) => void;\n  onReset: () => void;\n}) {\n  const trackRef = useRef<HTMLDivElement>(null);\n  const dragging = useRef<'left' | 'right' | null>(null);\n\n  const range = tDomain.tMax - tDomain.tMin;\n  const leftPercent = range > 0 ? ((zoomLeft - tDomain.tMin) / range) * 100 : 0;\n  const rightPercent = range > 0 ? ((zoomRight - tDomain.tMin) / range) * 100 : 100;\n\n  const toTimestamp = useCallback(\n    (clientX: number) => {\n      const track = trackRef.current;\n      if (!track) return null;\n      const rect = track.getBoundingClientRect();\n      const frac = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));\n      return tDomain.tMin + frac * (tDomain.tMax - tDomain.tMin);\n    },\n    [tDomain.tMin, tDomain.tMax],\n  );\n\n  useEffect(() => {\n    const onMouseMove = (e: MouseEvent) => {\n      if (!dragging.current) return;\n      const ts = toTimestamp(e.clientX);\n      if (ts == null) return;\n      if (dragging.current === 'left') {\n        onZoomLeftChange(Math.min(ts, zoomRight));\n      } else {\n        onZoomRightChange(Math.max(ts, zoomLeft));\n      }\n    };\n    const onMouseUp = () => {\n      dragging.current = null;\n    };\n    window.addEventListener('mousemove', onMouseMove);\n    window.addEventListener('mouseup', onMouseUp);\n    return () => {\n      window.removeEventListener('mousemove', onMouseMove);\n      window.removeEventListener('mouseup', onMouseUp);\n    };\n  }, [toTimestamp, zoomLeft, zoomRight, onZoomLeftChange, onZoomRightChange]);\n\n  return (\n    <div className=\"border-border/50 grid grid-cols-[6rem_1fr] items-center border-b\">\n      <div className=\"border-border/50 flex items-center gap-1 self-stretch border-r pl-3\">\n        <p className=\"text-muted-foreground text-meta\">Zoom</p>\n        <Button variant=\"ghost\" size=\"icon-sm\" aria-label=\"Reset zoom\" onClick={onReset}>\n          <RotateCcw className=\"size-3\" />\n        </Button>\n      </div>\n      <div\n        ref={trackRef}\n        data-zoom-track=\"\"\n        className=\"relative h-6 cursor-pointer select-none\"\n        onMouseDown={e => {\n          const ts = toTimestamp(e.clientX);\n          if (ts == null) return;\n          e.preventDefault();\n          const distLeft = Math.abs(ts - zoomLeft);\n          const distRight = Math.abs(ts - zoomRight);\n          if (distLeft <= distRight) {\n            onZoomLeftChange(Math.min(ts, zoomRight));\n            dragging.current = 'left';\n          } else {\n            onZoomRightChange(Math.max(ts, zoomLeft));\n            dragging.current = 'right';\n          }\n        }}\n      >\n        <div\n          data-zoom-part=\"before\"\n          className=\"bg-background/60 absolute inset-y-0 left-0\"\n          style={{ width: `${leftPercent}%` }}\n        />\n        <div\n          data-zoom-part=\"band\"\n          className=\"border-border/30 bg-fill-subtle absolute inset-y-0 border-y\"\n          style={{ left: `${leftPercent}%`, right: `${100 - rightPercent}%` }}\n        />\n        <div\n          data-zoom-part=\"after\"\n          className=\"bg-background/60 absolute inset-y-0 right-0\"\n          style={{ width: `${100 - rightPercent}%` }}\n        />\n        <div\n          data-zoom-handle=\"left\"\n          className=\"bg-foreground/50 hover:bg-foreground absolute inset-y-0 w-1 cursor-col-resize\"\n          style={{ left: `${leftPercent}%`, transform: 'translateX(-50%)' }}\n          onMouseDown={e => {\n            e.preventDefault();\n            e.stopPropagation();\n            dragging.current = 'left';\n          }}\n        />\n        <div\n          data-zoom-handle=\"right\"\n          className=\"bg-foreground/50 hover:bg-foreground absolute inset-y-0 w-1 cursor-col-resize\"\n          style={{ left: `${rightPercent}%`, transform: 'translateX(-50%)' }}\n          onMouseDown={e => {\n            e.preventDefault();\n            e.stopPropagation();\n            dragging.current = 'right';\n          }}\n        />\n      </div>\n    </div>\n  );\n}\n\nconst FALLBACK_DOMAIN: TDomain = { tMin: 0, tMax: 1 };\n\nexport function FlameGraph({\n  omRecords,\n  markers,\n  messages,\n  tDomain: tDomainProp,\n  observationThreshold,\n  reflectionThreshold,\n  onSelectTimestamp,\n  zoomRange,\n  onZoomRangeChange,\n}: FlameGraphProps) {\n  const domain = tDomainProp ?? FALLBACK_DOMAIN;\n\n  const handleSelectT = useCallback(\n    (t: number) => {\n      onSelectTimestamp?.(tToTimestampMs(t, domain));\n    },\n    [onSelectTimestamp, domain],\n  );\n\n  const isControlled = zoomRange != null && onZoomRangeChange != null;\n  const [internalZoomLeft, setInternalZoomLeft] = useState<number>(domain.tMin);\n  const [internalZoomRight, setInternalZoomRight] = useState<number>(domain.tMax);\n\n  // Reset the internal (uncontrolled) range whenever the domain changes.\n  // Controlled callers own resetting via `onZoomRangeChange`.\n  useEffect(() => {\n    if (isControlled) return;\n    setInternalZoomLeft(domain.tMin);\n    setInternalZoomRight(domain.tMax);\n  }, [domain.tMin, domain.tMax, isControlled]);\n\n  const zoomLeft = isControlled ? zoomRange.left : internalZoomLeft;\n  const zoomRight = isControlled ? zoomRange.right : internalZoomRight;\n\n  const setZoomLeft = useCallback(\n    (ts: number) => {\n      if (isControlled) onZoomRangeChange({ left: ts, right: zoomRight });\n      else setInternalZoomLeft(ts);\n    },\n    [isControlled, onZoomRangeChange, zoomRight],\n  );\n  const setZoomRight = useCallback(\n    (ts: number) => {\n      if (isControlled) onZoomRangeChange({ left: zoomLeft, right: ts });\n      else setInternalZoomRight(ts);\n    },\n    [isControlled, onZoomRangeChange, zoomLeft],\n  );\n\n  const resetZoom = useCallback(() => {\n    if (isControlled) onZoomRangeChange({ left: domain.tMin, right: domain.tMax });\n    else {\n      setInternalZoomLeft(domain.tMin);\n      setInternalZoomRight(domain.tMax);\n    }\n  }, [isControlled, onZoomRangeChange, domain.tMin, domain.tMax]);\n\n  const range = domain.tMax - domain.tMin;\n  const zoomTLeft = range > 0 ? (zoomLeft - domain.tMin) / range : 0;\n  const zoomTRight = range > 0 ? (zoomRight - domain.tMin) / range : 1;\n  const zoomDomain: [number, number] = [zoomTLeft, zoomTRight];\n\n  const messageData = useMemo(() => toMessageData(messages, domain), [messages, domain]);\n  const contextData = useMemo(() => toContextData(omRecords, markers, domain), [omRecords, markers, domain]);\n  const activeObservationData = useMemo(\n    () => toActiveObservationData(omRecords, markers, domain),\n    [omRecords, markers, domain],\n  );\n  const bufferedObservationData = useMemo(() => toBufferedObservationData(markers, domain), [markers, domain]);\n  const eventData = useMemo(() => toEventData(omRecords, domain), [omRecords, domain]);\n\n  const hasData =\n    messageData.length > 0 || contextData.length > 0 || activeObservationData.length > 0 || eventData.length > 0;\n\n  if (!hasData) return null;\n\n  return (\n    <div className=\"flex flex-col pr-2 pb-2 [&_.recharts-surface]:outline-none\">\n      <CombinedRow\n        label=\"Messages\"\n        areaData={contextData}\n        areaDataKey=\"pendingMessageTokens\"\n        eventData={messageData}\n        color={MSG_COLOR}\n        gradientId=\"grad-messages\"\n        domain={domain}\n        zoomDomain={zoomDomain}\n        threshold={observationThreshold}\n        onSelectT={onSelectTimestamp ? handleSelectT : undefined}\n      />\n\n      <CombinedRow\n        label=\"Observations\"\n        areaData={activeObservationData}\n        areaDataKey=\"observationTokenCount\"\n        eventData={eventData}\n        color={OBS_COLOR}\n        gradientId=\"grad-observations\"\n        domain={domain}\n        zoomDomain={zoomDomain}\n        threshold={reflectionThreshold}\n        onSelectT={onSelectTimestamp ? handleSelectT : undefined}\n      />\n\n      {bufferedObservationData.length > 0 && (\n        <AreaRow\n          label=\"Buffered obs\"\n          data={bufferedObservationData}\n          dataKey=\"bufferedObservationTokenCount\"\n          color={REFLECT_COLOR}\n          gradientId=\"grad-buffered-obs\"\n          domain={domain}\n          zoomDomain={zoomDomain}\n          threshold={reflectionThreshold}\n        />\n      )}\n\n      {eventData.length > 0 && (\n        <EventRow label=\"Events\" data={eventData} color={REFLECT_COLOR} domain={domain} zoomDomain={zoomDomain} />\n      )}\n\n      <TimeAxis domain={domain} />\n\n      <ZoomTrack\n        tDomain={domain}\n        zoomLeft={zoomLeft}\n        zoomRight={zoomRight}\n        onZoomLeftChange={setZoomLeft}\n        onZoomRightChange={setZoomRight}\n        onReset={resetZoom}\n      />\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","formatTimeDisplay","tToTimestamp","overlaySurfaceStyle","getAreaRowYMax","ResponsiveContainer","AreaChart","XAxis","YAxis","Tooltip","Area","ReferenceLine","ScatterChart","Scatter","toCombinedRowData","ComposedChart","toSelectedT","isEventPoint","Fragment","useRef","useCallback","useEffect","Button","RotateCcw","tToTimestampMs","useState","useMemo","toMessageData","toContextData","toActiveObservationData","toBufferedObservationData","toEventData"],"mappings":"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"}

package/dist/domains/memory/components/flame-graph.es.js

@@ -2,7 +2,8 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { RotateCcw } from 'lucide-react';
 import { useCallback, useState, useEffect, useMemo, useRef } from 'react';
 import { ResponsiveContainer, ComposedChart, XAxis, YAxis, Tooltip, Area, ReferenceLine, AreaChart, ScatterChart, Scatter } from 'recharts';
-import { B as Button } from '../../../Button-DS6O6fvU.js';
+import { B as Button } from '../../../Button-cWcBEd-G.js';
+import { overlaySurfaceStyle } from '../../../primitives/raised-surface.es.js';
 import { tToTimestampMs } from '../lib/replay-selection.es.js';
 import { formatTimeDisplay, tToTimestamp } from '../lib/timeline.es.js';
 import { toMessageData, toContextData, toActiveObservationData, toBufferedObservationData, toEventData, toCombinedRowData, isEventPoint, toSelectedT, getAreaRowYMax } from './flame-graph-data.es.js';
@@ -13,8 +14,8 @@ const REFLECT_COLOR = "#ec4899";
 function TimeAxis({ domain }) {
   const ticks = [0, 0.25, 0.5, 0.75, 1];
   return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[6rem_1fr] items-center", children: [
-    /* @__PURE__ */ jsx("p", { className: "text-icon3 border-border1/50 text-ui-xs flex items-center self-stretch border-r pl-3 font-medium", children: "Time" }),
-    /* @__PURE__ */ jsx("div", { className: "text-icon3 text-ui-xs flex justify-between px-1 py-1.5 font-mono", children: ticks.map((t) => /* @__PURE__ */ jsx("span", { children: formatTimeDisplay(tToTimestamp(t, domain)) }, t)) })
+    /* @__PURE__ */ jsx("p", { className: "text-muted-foreground border-border/50 text-meta flex items-center self-stretch border-r pl-3", children: "Time" }),
+    /* @__PURE__ */ jsx("div", { className: "text-muted-foreground text-meta flex justify-between px-1 py-1.5 font-mono", children: ticks.map((t) => /* @__PURE__ */ jsx("span", { children: formatTimeDisplay(tToTimestamp(t, domain)) }, t)) })
   ] });
 }
 function FlameTooltip({
@@ -28,23 +29,23 @@ function FlameTooltip({
   const time = domain != null && t != null ? formatTimeDisplay(tToTimestamp(t, domain)) : null;
   const visibleEntries = payload.filter((entry) => entry.name !== "t" && entry.name !== "time" && entry.value != null);
   if (showValue) {
-    return /* @__PURE__ */ jsxs("div", { className: "border-border1 bg-surface3 text-ui-xs flex flex-col gap-0.5 rounded border px-2 py-1.5 font-mono shadow", children: [
+    return /* @__PURE__ */ jsxs("div", { className: `${overlaySurfaceStyle} text-meta flex flex-col gap-0.5 rounded px-2 py-1.5 font-mono`, children: [
       time && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-icon3", children: "time" }),
-        /* @__PURE__ */ jsx("span", { className: "text-neutral6", children: time })
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "time" }),
+        /* @__PURE__ */ jsx("span", { className: "text-foreground", children: time })
       ] }),
       visibleEntries.map((entry) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-icon3", children: entry.name }),
-        /* @__PURE__ */ jsx("span", { className: "text-neutral6", children: typeof entry.value === "number" ? Math.round(entry.value).toLocaleString() : String(entry.value) })
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: entry.name }),
+        /* @__PURE__ */ jsx("span", { className: "text-foreground", children: typeof entry.value === "number" ? Math.round(entry.value).toLocaleString() : String(entry.value) })
       ] }, entry.name))
     ] });
   }
-  return /* @__PURE__ */ jsx("div", { className: "border-border1 bg-surface3 text-ui-xs rounded border px-2 py-1 font-mono shadow", children: time && /* @__PURE__ */ jsx("span", { className: "text-neutral6", children: time }) });
+  return /* @__PURE__ */ jsx("div", { className: `${overlaySurfaceStyle} text-meta rounded px-2 py-1 font-mono`, children: time && /* @__PURE__ */ jsx("span", { className: "text-foreground", children: time }) });
 }
 function AreaRow({ label, data, dataKey, color, gradientId, domain, zoomDomain, threshold }) {
   const yMax = getAreaRowYMax(data, dataKey, threshold);
-  return /* @__PURE__ */ jsxs("div", { className: "border-border1/50 relative grid grid-cols-[6rem_1fr] items-center border-b hover:z-10", children: [
-    /* @__PURE__ */ jsx("p", { className: "text-icon3 border-border1/50 text-ui-xs flex items-center self-stretch border-r pl-3 font-medium", children: label }),
+  return /* @__PURE__ */ jsxs("div", { className: "border-border/50 relative grid grid-cols-[6rem_1fr] items-center border-b hover:z-10", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-muted-foreground border-border/50 text-meta flex items-center self-stretch border-r pl-3", children: label }),
     /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: 32, children: /* @__PURE__ */ jsxs(AreaChart, { data, margin: { top: 0, right: 0, bottom: 0, left: 0 }, children: [
       /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: gradientId, x1: "0", y1: "0", x2: "0", y2: "1", children: [
         /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: color, stopOpacity: 0.35 }),
@@ -76,8 +77,8 @@ function AreaRow({ label, data, dataKey, color, gradientId, domain, zoomDomain,
   ] });
 }
 function EventRow({ label, data, color, height = 32, domain, zoomDomain }) {
-  return /* @__PURE__ */ jsxs("div", { className: "border-border1/50 relative grid grid-cols-[6rem_1fr] items-center border-b hover:z-10", children: [
-    /* @__PURE__ */ jsx("p", { className: "text-icon3 border-border1/50 text-ui-xs flex items-center self-stretch border-r pl-3 font-medium", children: label }),
+  return /* @__PURE__ */ jsxs("div", { className: "border-border/50 relative grid grid-cols-[6rem_1fr] items-center border-b hover:z-10", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-muted-foreground border-border/50 text-meta flex items-center self-stretch border-r pl-3", children: label }),
     /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height, children: /* @__PURE__ */ jsxs(ScatterChart, { margin: { top: 0, right: 0, bottom: 0, left: 0 }, children: [
       /* @__PURE__ */ jsx(XAxis, { dataKey: "t", type: "number", domain: zoomDomain, allowDataOverflow: true, hide: true }),
       /* @__PURE__ */ jsx(YAxis, { dataKey: "event", type: "number", domain: [0, 2], hide: true }),
@@ -114,8 +115,8 @@ function CombinedRow({
   onSelectT
 }) {
   const combinedData = toCombinedRowData(areaData, areaDataKey, eventData);
-  return /* @__PURE__ */ jsxs("div", { className: "border-border1/50 relative grid grid-cols-[6rem_1fr] items-center border-b hover:z-10", children: [
-    /* @__PURE__ */ jsx("p", { className: "text-icon3 border-border1/50 text-ui-xs flex items-center self-stretch border-r pl-3 font-medium", children: label }),
+  return /* @__PURE__ */ jsxs("div", { className: "border-border/50 relative grid grid-cols-[6rem_1fr] items-center border-b hover:z-10", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-muted-foreground border-border/50 text-meta flex items-center self-stretch border-r pl-3", children: label }),
     /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height, children: /* @__PURE__ */ jsxs(
       ComposedChart,
       {
@@ -199,9 +200,9 @@ function ZoomTrack({
       window.removeEventListener("mouseup", onMouseUp);
     };
   }, [toTimestamp, zoomLeft, zoomRight, onZoomLeftChange, onZoomRightChange]);
-  return /* @__PURE__ */ jsxs("div", { className: "border-border1/50 grid grid-cols-[6rem_1fr] items-center border-b", children: [
-    /* @__PURE__ */ jsxs("div", { className: "border-border1/50 flex items-center gap-1 self-stretch border-r pl-3", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-icon3 text-ui-xs font-medium", children: "Zoom" }),
+  return /* @__PURE__ */ jsxs("div", { className: "border-border/50 grid grid-cols-[6rem_1fr] items-center border-b", children: [
+    /* @__PURE__ */ jsxs("div", { className: "border-border/50 flex items-center gap-1 self-stretch border-r pl-3", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-meta", children: "Zoom" }),
       /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": "Reset zoom", onClick: onReset, children: /* @__PURE__ */ jsx(RotateCcw, { className: "size-3" }) })
     ] }),
     /* @__PURE__ */ jsxs(
@@ -229,7 +230,7 @@ function ZoomTrack({
             "div",
             {
               "data-zoom-part": "before",
-              className: "bg-surface2/60 absolute inset-y-0 left-0",
+              className: "bg-background/60 absolute inset-y-0 left-0",
               style: { width: `${leftPercent}%` }
             }
           ),
@@ -237,7 +238,7 @@ function ZoomTrack({
             "div",
             {
               "data-zoom-part": "band",
-              className: "border-border1/30 bg-neutral6/5 absolute inset-y-0 border-y",
+              className: "border-border/30 bg-fill-subtle absolute inset-y-0 border-y",
               style: { left: `${leftPercent}%`, right: `${100 - rightPercent}%` }
             }
           ),
@@ -245,7 +246,7 @@ function ZoomTrack({
             "div",
             {
               "data-zoom-part": "after",
-              className: "bg-surface2/60 absolute inset-y-0 right-0",
+              className: "bg-background/60 absolute inset-y-0 right-0",
               style: { width: `${100 - rightPercent}%` }
             }
           ),
@@ -253,7 +254,7 @@ function ZoomTrack({
             "div",
             {
               "data-zoom-handle": "left",
-              className: "bg-neutral6/50 hover:bg-neutral6 absolute inset-y-0 w-1 cursor-col-resize",
+              className: "bg-foreground/50 hover:bg-foreground absolute inset-y-0 w-1 cursor-col-resize",
               style: { left: `${leftPercent}%`, transform: "translateX(-50%)" },
               onMouseDown: (e) => {
                 e.preventDefault();
@@ -266,7 +267,7 @@ function ZoomTrack({
             "div",
             {
               "data-zoom-handle": "right",
-              className: "bg-neutral6/50 hover:bg-neutral6 absolute inset-y-0 w-1 cursor-col-resize",
+              className: "bg-foreground/50 hover:bg-foreground absolute inset-y-0 w-1 cursor-col-resize",
               style: { left: `${rightPercent}%`, transform: "translateX(-50%)" },
               onMouseDown: (e) => {
                 e.preventDefault();

package/dist/domains/memory/components/flame-graph.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"flame-graph.es.js","sources":["../../../../src/domains/memory/components/flame-graph.tsx"],"sourcesContent":["import { RotateCcw } from 'lucide-react';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  Area,\n  AreaChart,\n  ComposedChart,\n  ReferenceLine,\n  ResponsiveContainer,\n  Scatter,\n  ScatterChart,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from 'recharts';\n\nimport { Button } from '../../../ds/components/Button';\nimport type { ExtractedOmMarker } from '../lib/extract-markers';\nimport { tToTimestampMs } from '../lib/replay-selection';\nimport type { TDomain } from '../lib/timeline';\nimport { formatTimeDisplay, tToTimestamp } from '../lib/timeline';\nimport type { MemoryMessage, OMHistoryRecord } from '../types';\nimport {\n  getAreaRowYMax,\n  isEventPoint,\n  toActiveObservationData,\n  toBufferedObservationData,\n  toCombinedRowData,\n  toContextData,\n  toEventData,\n  toMessageData,\n  toSelectedT,\n} from './flame-graph-data';\n\nexport interface ZoomRange {\n  left: number;\n  right: number;\n}\n\ninterface FlameGraphProps {\n  omRecords: OMHistoryRecord[];\n  markers: ExtractedOmMarker[];\n  messages: MemoryMessage[];\n  tDomain: TDomain;\n  observationThreshold?: number;\n  reflectionThreshold?: number;\n  onSelectTimestamp?: (timestamp: number | null) => void;\n  /**\n   * Controlled zoom range (epoch ms). When provided together with\n   * `onZoomRangeChange`, the caller owns the range and the graph becomes a\n   * controlled component; otherwise the range is managed internally.\n   */\n  zoomRange?: ZoomRange;\n  onZoomRangeChange?: (range: ZoomRange) => void;\n}\n\ntype RechartsClickState = { activeLabel?: string | number } | null | undefined;\n\nconst MSG_COLOR = 'var(--color-green-500, #22c55e)';\nconst OBS_COLOR = '#f59e0b';\nconst REFLECT_COLOR = '#ec4899';\n\nfunction TimeAxis({ domain }: { domain: TDomain }) {\n  const ticks = [0, 0.25, 0.5, 0.75, 1];\n  return (\n    <div className=\"grid grid-cols-[6rem_1fr] items-center\">\n      <p className=\"text-icon3 border-border1/50 text-ui-xs flex items-center self-stretch border-r pl-3 font-medium\">\n        Time\n      </p>\n      <div className=\"text-icon3 text-ui-xs flex justify-between px-1 py-1.5 font-mono\">\n        {ticks.map(t => (\n          <span key={t}>{formatTimeDisplay(tToTimestamp(t, domain))}</span>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nexport function FlameTooltip({\n  active,\n  payload,\n  domain,\n  showValue,\n}: {\n  active?: boolean;\n  payload?: Array<{ value: unknown; name: string; payload?: { t?: number } }>;\n  domain?: TDomain;\n  showValue?: boolean;\n}) {\n  if (!active || !payload?.length) return null;\n  const t = payload[0]?.payload?.t;\n  const time = domain != null && t != null ? formatTimeDisplay(tToTimestamp(t, domain)) : null;\n  const visibleEntries = payload.filter(entry => entry.name !== 't' && entry.name !== 'time' && entry.value != null);\n\n  if (showValue) {\n    return (\n      <div className=\"border-border1 bg-surface3 text-ui-xs flex flex-col gap-0.5 rounded border px-2 py-1.5 font-mono shadow\">\n        {time && (\n          <div className=\"flex items-center justify-between gap-3\">\n            <span className=\"text-icon3\">time</span>\n            <span className=\"text-neutral6\">{time}</span>\n          </div>\n        )}\n        {visibleEntries.map(entry => (\n          <div key={entry.name} className=\"flex items-center justify-between gap-3\">\n            <span className=\"text-icon3\">{entry.name}</span>\n            <span className=\"text-neutral6\">\n              {typeof entry.value === 'number' ? Math.round(entry.value).toLocaleString() : String(entry.value)}\n            </span>\n          </div>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"border-border1 bg-surface3 text-ui-xs rounded border px-2 py-1 font-mono shadow\">\n      {time && <span className=\"text-neutral6\">{time}</span>}\n    </div>\n  );\n}\n\ninterface AreaRowProps {\n  label: string;\n  data: Array<{ t: number; [k: string]: unknown }>;\n  dataKey: string;\n  color: string;\n  gradientId: string;\n  domain: TDomain;\n  zoomDomain: [number, number];\n  threshold?: number;\n}\n\nfunction AreaRow({ label, data, dataKey, color, gradientId, domain, zoomDomain, threshold }: AreaRowProps) {\n  const yMax = getAreaRowYMax(data, dataKey, threshold);\n\n  return (\n    <div className=\"border-border1/50 relative grid grid-cols-[6rem_1fr] items-center border-b hover:z-10\">\n      <p className=\"text-icon3 border-border1/50 text-ui-xs flex items-center self-stretch border-r pl-3 font-medium\">\n        {label}\n      </p>\n      <div>\n        <ResponsiveContainer width=\"100%\" height={32}>\n          <AreaChart data={data} margin={{ top: 0, right: 0, bottom: 0, left: 0 }}>\n            <defs>\n              <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                <stop offset=\"0%\" stopColor={color} stopOpacity={0.35} />\n                <stop offset=\"100%\" stopColor={color} stopOpacity={0.03} />\n              </linearGradient>\n            </defs>\n            <XAxis dataKey=\"t\" type=\"number\" domain={zoomDomain} allowDataOverflow hide />\n            <YAxis type=\"number\" domain={yMax != null ? [0, yMax] : undefined} hide />\n            <Tooltip\n              content={<FlameTooltip domain={domain} showValue />}\n              cursor={{ stroke: 'rgba(255,255,255,0.08)' }}\n            />\n            <Area\n              type=\"linear\"\n              dataKey={dataKey}\n              stroke={color}\n              strokeWidth={1}\n              strokeOpacity={0.6}\n              fill={`url(#${gradientId})`}\n              isAnimationActive={false}\n            />\n            {threshold != null && (\n              <ReferenceLine y={threshold} stroke={color} strokeDasharray=\"4 3\" strokeOpacity={0.4} />\n            )}\n          </AreaChart>\n        </ResponsiveContainer>\n      </div>\n    </div>\n  );\n}\n\ninterface EventRowProps {\n  label: string;\n  data: Array<{ t: number; event: number; [k: string]: unknown }>;\n  color: string;\n  height?: number;\n  domain: TDomain;\n  zoomDomain: [number, number];\n}\n\nfunction EventRow({ label, data, color, height = 32, domain, zoomDomain }: EventRowProps) {\n  return (\n    <div className=\"border-border1/50 relative grid grid-cols-[6rem_1fr] items-center border-b hover:z-10\">\n      <p className=\"text-icon3 border-border1/50 text-ui-xs flex items-center self-stretch border-r pl-3 font-medium\">\n        {label}\n      </p>\n      <div>\n        <ResponsiveContainer width=\"100%\" height={height}>\n          <ScatterChart margin={{ top: 0, right: 0, bottom: 0, left: 0 }}>\n            <XAxis dataKey=\"t\" type=\"number\" domain={zoomDomain} allowDataOverflow hide />\n            <YAxis dataKey=\"event\" type=\"number\" domain={[0, 2]} hide />\n            <Tooltip content={<FlameTooltip domain={domain} />} cursor={false} />\n            <Scatter\n              data={data}\n              fill={color}\n              isAnimationActive={false}\n              shape={(props: Record<string, unknown>) => {\n                const cx = props.cx as number;\n                return (\n                  <g>\n                    <rect x={cx - 6} y={0} width={12} height={height} fill=\"transparent\" />\n                    <rect x={cx - 1.5} y={0} width={3} height={height} fill={color} />\n                  </g>\n                );\n              }}\n            />\n          </ScatterChart>\n        </ResponsiveContainer>\n      </div>\n    </div>\n  );\n}\n\ninterface CombinedRowProps {\n  label: string;\n  areaData: Array<Record<string, number>>;\n  areaDataKey: string;\n  eventData: Array<{ t: number; event: number; [k: string]: unknown }>;\n  color: string;\n  gradientId: string;\n  domain: TDomain;\n  zoomDomain: [number, number];\n  threshold?: number;\n  height?: number;\n  onSelectT?: (t: number) => void;\n}\n\nfunction CombinedRow({\n  label,\n  areaData,\n  areaDataKey,\n  eventData,\n  color,\n  gradientId,\n  domain,\n  zoomDomain,\n  threshold,\n  height = 44,\n  onSelectT,\n}: CombinedRowProps) {\n  const combinedData = toCombinedRowData(areaData, areaDataKey, eventData);\n\n  return (\n    <div className=\"border-border1/50 relative grid grid-cols-[6rem_1fr] items-center border-b hover:z-10\">\n      <p className=\"text-icon3 border-border1/50 text-ui-xs flex items-center self-stretch border-r pl-3 font-medium\">\n        {label}\n      </p>\n      <div>\n        <ResponsiveContainer width=\"100%\" height={height}>\n          <ComposedChart\n            margin={{ top: 0, right: 0, bottom: 0, left: 0 }}\n            onClick={(state: RechartsClickState) => {\n              const t = toSelectedT(state?.activeLabel);\n              if (t != null && onSelectT) onSelectT(t);\n            }}\n            className={onSelectT ? 'cursor-pointer' : undefined}\n          >\n            <defs>\n              <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                <stop offset=\"0%\" stopColor={color} stopOpacity={0.35} />\n                <stop offset=\"100%\" stopColor={color} stopOpacity={0.06} />\n              </linearGradient>\n            </defs>\n            <XAxis dataKey=\"t\" type=\"number\" domain={zoomDomain} allowDataOverflow hide />\n            <YAxis yAxisId=\"area\" dataKey={areaDataKey} type=\"number\" hide domain={[0, 'dataMax']} />\n            <Tooltip content={<FlameTooltip domain={domain} showValue />} cursor={false} />\n            <Area\n              yAxisId=\"area\"\n              data={combinedData}\n              type=\"linear\"\n              dataKey={areaDataKey}\n              stroke={color}\n              strokeWidth={1}\n              strokeOpacity={0.6}\n              fill={`url(#${gradientId})`}\n              isAnimationActive={false}\n              activeDot={{ r: 5, stroke: color, strokeWidth: 2, fill: '#0a0a0a' }}\n              dot={(props: Record<string, unknown>) =>\n                isEventPoint(props.payload) ? (\n                  <circle cx={props.cx as number} cy={props.cy as number} r={4} fill={color} />\n                ) : (\n                  <></>\n                )\n              }\n            />\n            {threshold != null && (\n              <ReferenceLine yAxisId=\"area\" y={threshold} stroke={color} strokeDasharray=\"4 3\" strokeOpacity={0.4} />\n            )}\n          </ComposedChart>\n        </ResponsiveContainer>\n      </div>\n    </div>\n  );\n}\n\nfunction ZoomTrack({\n  tDomain,\n  zoomLeft,\n  zoomRight,\n  onZoomLeftChange,\n  onZoomRightChange,\n  onReset,\n}: {\n  tDomain: TDomain;\n  zoomLeft: number;\n  zoomRight: number;\n  onZoomLeftChange: (ts: number) => void;\n  onZoomRightChange: (ts: number) => void;\n  onReset: () => void;\n}) {\n  const trackRef = useRef<HTMLDivElement>(null);\n  const dragging = useRef<'left' | 'right' | null>(null);\n\n  const range = tDomain.tMax - tDomain.tMin;\n  const leftPercent = range > 0 ? ((zoomLeft - tDomain.tMin) / range) * 100 : 0;\n  const rightPercent = range > 0 ? ((zoomRight - tDomain.tMin) / range) * 100 : 100;\n\n  const toTimestamp = useCallback(\n    (clientX: number) => {\n      const track = trackRef.current;\n      if (!track) return null;\n      const rect = track.getBoundingClientRect();\n      const frac = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));\n      return tDomain.tMin + frac * (tDomain.tMax - tDomain.tMin);\n    },\n    [tDomain.tMin, tDomain.tMax],\n  );\n\n  useEffect(() => {\n    const onMouseMove = (e: MouseEvent) => {\n      if (!dragging.current) return;\n      const ts = toTimestamp(e.clientX);\n      if (ts == null) return;\n      if (dragging.current === 'left') {\n        onZoomLeftChange(Math.min(ts, zoomRight));\n      } else {\n        onZoomRightChange(Math.max(ts, zoomLeft));\n      }\n    };\n    const onMouseUp = () => {\n      dragging.current = null;\n    };\n    window.addEventListener('mousemove', onMouseMove);\n    window.addEventListener('mouseup', onMouseUp);\n    return () => {\n      window.removeEventListener('mousemove', onMouseMove);\n      window.removeEventListener('mouseup', onMouseUp);\n    };\n  }, [toTimestamp, zoomLeft, zoomRight, onZoomLeftChange, onZoomRightChange]);\n\n  return (\n    <div className=\"border-border1/50 grid grid-cols-[6rem_1fr] items-center border-b\">\n      <div className=\"border-border1/50 flex items-center gap-1 self-stretch border-r pl-3\">\n        <p className=\"text-icon3 text-ui-xs font-medium\">Zoom</p>\n        <Button variant=\"ghost\" size=\"icon-sm\" aria-label=\"Reset zoom\" onClick={onReset}>\n          <RotateCcw className=\"size-3\" />\n        </Button>\n      </div>\n      <div\n        ref={trackRef}\n        data-zoom-track=\"\"\n        className=\"relative h-6 cursor-pointer select-none\"\n        onMouseDown={e => {\n          const ts = toTimestamp(e.clientX);\n          if (ts == null) return;\n          e.preventDefault();\n          const distLeft = Math.abs(ts - zoomLeft);\n          const distRight = Math.abs(ts - zoomRight);\n          if (distLeft <= distRight) {\n            onZoomLeftChange(Math.min(ts, zoomRight));\n            dragging.current = 'left';\n          } else {\n            onZoomRightChange(Math.max(ts, zoomLeft));\n            dragging.current = 'right';\n          }\n        }}\n      >\n        <div\n          data-zoom-part=\"before\"\n          className=\"bg-surface2/60 absolute inset-y-0 left-0\"\n          style={{ width: `${leftPercent}%` }}\n        />\n        <div\n          data-zoom-part=\"band\"\n          className=\"border-border1/30 bg-neutral6/5 absolute inset-y-0 border-y\"\n          style={{ left: `${leftPercent}%`, right: `${100 - rightPercent}%` }}\n        />\n        <div\n          data-zoom-part=\"after\"\n          className=\"bg-surface2/60 absolute inset-y-0 right-0\"\n          style={{ width: `${100 - rightPercent}%` }}\n        />\n        <div\n          data-zoom-handle=\"left\"\n          className=\"bg-neutral6/50 hover:bg-neutral6 absolute inset-y-0 w-1 cursor-col-resize\"\n          style={{ left: `${leftPercent}%`, transform: 'translateX(-50%)' }}\n          onMouseDown={e => {\n            e.preventDefault();\n            e.stopPropagation();\n            dragging.current = 'left';\n          }}\n        />\n        <div\n          data-zoom-handle=\"right\"\n          className=\"bg-neutral6/50 hover:bg-neutral6 absolute inset-y-0 w-1 cursor-col-resize\"\n          style={{ left: `${rightPercent}%`, transform: 'translateX(-50%)' }}\n          onMouseDown={e => {\n            e.preventDefault();\n            e.stopPropagation();\n            dragging.current = 'right';\n          }}\n        />\n      </div>\n    </div>\n  );\n}\n\nconst FALLBACK_DOMAIN: TDomain = { tMin: 0, tMax: 1 };\n\nexport function FlameGraph({\n  omRecords,\n  markers,\n  messages,\n  tDomain: tDomainProp,\n  observationThreshold,\n  reflectionThreshold,\n  onSelectTimestamp,\n  zoomRange,\n  onZoomRangeChange,\n}: FlameGraphProps) {\n  const domain = tDomainProp ?? FALLBACK_DOMAIN;\n\n  const handleSelectT = useCallback(\n    (t: number) => {\n      onSelectTimestamp?.(tToTimestampMs(t, domain));\n    },\n    [onSelectTimestamp, domain],\n  );\n\n  const isControlled = zoomRange != null && onZoomRangeChange != null;\n  const [internalZoomLeft, setInternalZoomLeft] = useState<number>(domain.tMin);\n  const [internalZoomRight, setInternalZoomRight] = useState<number>(domain.tMax);\n\n  // Reset the internal (uncontrolled) range whenever the domain changes.\n  // Controlled callers own resetting via `onZoomRangeChange`.\n  useEffect(() => {\n    if (isControlled) return;\n    setInternalZoomLeft(domain.tMin);\n    setInternalZoomRight(domain.tMax);\n  }, [domain.tMin, domain.tMax, isControlled]);\n\n  const zoomLeft = isControlled ? zoomRange.left : internalZoomLeft;\n  const zoomRight = isControlled ? zoomRange.right : internalZoomRight;\n\n  const setZoomLeft = useCallback(\n    (ts: number) => {\n      if (isControlled) onZoomRangeChange({ left: ts, right: zoomRight });\n      else setInternalZoomLeft(ts);\n    },\n    [isControlled, onZoomRangeChange, zoomRight],\n  );\n  const setZoomRight = useCallback(\n    (ts: number) => {\n      if (isControlled) onZoomRangeChange({ left: zoomLeft, right: ts });\n      else setInternalZoomRight(ts);\n    },\n    [isControlled, onZoomRangeChange, zoomLeft],\n  );\n\n  const resetZoom = useCallback(() => {\n    if (isControlled) onZoomRangeChange({ left: domain.tMin, right: domain.tMax });\n    else {\n      setInternalZoomLeft(domain.tMin);\n      setInternalZoomRight(domain.tMax);\n    }\n  }, [isControlled, onZoomRangeChange, domain.tMin, domain.tMax]);\n\n  const range = domain.tMax - domain.tMin;\n  const zoomTLeft = range > 0 ? (zoomLeft - domain.tMin) / range : 0;\n  const zoomTRight = range > 0 ? (zoomRight - domain.tMin) / range : 1;\n  const zoomDomain: [number, number] = [zoomTLeft, zoomTRight];\n\n  const messageData = useMemo(() => toMessageData(messages, domain), [messages, domain]);\n  const contextData = useMemo(() => toContextData(omRecords, markers, domain), [omRecords, markers, domain]);\n  const activeObservationData = useMemo(\n    () => toActiveObservationData(omRecords, markers, domain),\n    [omRecords, markers, domain],\n  );\n  const bufferedObservationData = useMemo(() => toBufferedObservationData(markers, domain), [markers, domain]);\n  const eventData = useMemo(() => toEventData(omRecords, domain), [omRecords, domain]);\n\n  const hasData =\n    messageData.length > 0 || contextData.length > 0 || activeObservationData.length > 0 || eventData.length > 0;\n\n  if (!hasData) return null;\n\n  return (\n    <div className=\"flex flex-col pr-2 pb-2 [&_.recharts-surface]:outline-none\">\n      <CombinedRow\n        label=\"Messages\"\n        areaData={contextData}\n        areaDataKey=\"pendingMessageTokens\"\n        eventData={messageData}\n        color={MSG_COLOR}\n        gradientId=\"grad-messages\"\n        domain={domain}\n        zoomDomain={zoomDomain}\n        threshold={observationThreshold}\n        onSelectT={onSelectTimestamp ? handleSelectT : undefined}\n      />\n\n      <CombinedRow\n        label=\"Observations\"\n        areaData={activeObservationData}\n        areaDataKey=\"observationTokenCount\"\n        eventData={eventData}\n        color={OBS_COLOR}\n        gradientId=\"grad-observations\"\n        domain={domain}\n        zoomDomain={zoomDomain}\n        threshold={reflectionThreshold}\n        onSelectT={onSelectTimestamp ? handleSelectT : undefined}\n      />\n\n      {bufferedObservationData.length > 0 && (\n        <AreaRow\n          label=\"Buffered obs\"\n          data={bufferedObservationData}\n          dataKey=\"bufferedObservationTokenCount\"\n          color={REFLECT_COLOR}\n          gradientId=\"grad-buffered-obs\"\n          domain={domain}\n          zoomDomain={zoomDomain}\n          threshold={reflectionThreshold}\n        />\n      )}\n\n      {eventData.length > 0 && (\n        <EventRow label=\"Events\" data={eventData} color={REFLECT_COLOR} domain={domain} zoomDomain={zoomDomain} />\n      )}\n\n      <TimeAxis domain={domain} />\n\n      <ZoomTrack\n        tDomain={domain}\n        zoomLeft={zoomLeft}\n        zoomRight={zoomRight}\n        onZoomLeftChange={setZoomLeft}\n        onZoomRightChange={setZoomRight}\n        onReset={resetZoom}\n      />\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"flame-graph.es.js","sources":["../../../../src/domains/memory/components/flame-graph.tsx"],"sourcesContent":["import { RotateCcw } from 'lucide-react';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  Area,\n  AreaChart,\n  ComposedChart,\n  ReferenceLine,\n  ResponsiveContainer,\n  Scatter,\n  ScatterChart,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from 'recharts';\n\nimport { Button } from '../../../ds/components/Button';\nimport { overlaySurfaceStyle } from '../../../ds/primitives/raised-surface';\nimport type { ExtractedOmMarker } from '../lib/extract-markers';\nimport { tToTimestampMs } from '../lib/replay-selection';\nimport type { TDomain } from '../lib/timeline';\nimport { formatTimeDisplay, tToTimestamp } from '../lib/timeline';\nimport type { MemoryMessage, OMHistoryRecord } from '../types';\nimport {\n  getAreaRowYMax,\n  isEventPoint,\n  toActiveObservationData,\n  toBufferedObservationData,\n  toCombinedRowData,\n  toContextData,\n  toEventData,\n  toMessageData,\n  toSelectedT,\n} from './flame-graph-data';\n\nexport interface ZoomRange {\n  left: number;\n  right: number;\n}\n\ninterface FlameGraphProps {\n  omRecords: OMHistoryRecord[];\n  markers: ExtractedOmMarker[];\n  messages: MemoryMessage[];\n  tDomain: TDomain;\n  observationThreshold?: number;\n  reflectionThreshold?: number;\n  onSelectTimestamp?: (timestamp: number | null) => void;\n  /**\n   * Controlled zoom range (epoch ms). When provided together with\n   * `onZoomRangeChange`, the caller owns the range and the graph becomes a\n   * controlled component; otherwise the range is managed internally.\n   */\n  zoomRange?: ZoomRange;\n  onZoomRangeChange?: (range: ZoomRange) => void;\n}\n\ntype RechartsClickState = { activeLabel?: string | number } | null | undefined;\n\nconst MSG_COLOR = 'var(--color-green-500, #22c55e)';\nconst OBS_COLOR = '#f59e0b';\nconst REFLECT_COLOR = '#ec4899';\n\nfunction TimeAxis({ domain }: { domain: TDomain }) {\n  const ticks = [0, 0.25, 0.5, 0.75, 1];\n  return (\n    <div className=\"grid grid-cols-[6rem_1fr] items-center\">\n      <p className=\"text-muted-foreground border-border/50 text-meta flex items-center self-stretch border-r pl-3\">\n        Time\n      </p>\n      <div className=\"text-muted-foreground text-meta flex justify-between px-1 py-1.5 font-mono\">\n        {ticks.map(t => (\n          <span key={t}>{formatTimeDisplay(tToTimestamp(t, domain))}</span>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nexport function FlameTooltip({\n  active,\n  payload,\n  domain,\n  showValue,\n}: {\n  active?: boolean;\n  payload?: Array<{ value: unknown; name: string; payload?: { t?: number } }>;\n  domain?: TDomain;\n  showValue?: boolean;\n}) {\n  if (!active || !payload?.length) return null;\n  const t = payload[0]?.payload?.t;\n  const time = domain != null && t != null ? formatTimeDisplay(tToTimestamp(t, domain)) : null;\n  const visibleEntries = payload.filter(entry => entry.name !== 't' && entry.name !== 'time' && entry.value != null);\n\n  if (showValue) {\n    return (\n      <div className={`${overlaySurfaceStyle} text-meta flex flex-col gap-0.5 rounded px-2 py-1.5 font-mono`}>\n        {time && (\n          <div className=\"flex items-center justify-between gap-3\">\n            <span className=\"text-muted-foreground\">time</span>\n            <span className=\"text-foreground\">{time}</span>\n          </div>\n        )}\n        {visibleEntries.map(entry => (\n          <div key={entry.name} className=\"flex items-center justify-between gap-3\">\n            <span className=\"text-muted-foreground\">{entry.name}</span>\n            <span className=\"text-foreground\">\n              {typeof entry.value === 'number' ? Math.round(entry.value).toLocaleString() : String(entry.value)}\n            </span>\n          </div>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div className={`${overlaySurfaceStyle} text-meta rounded px-2 py-1 font-mono`}>\n      {time && <span className=\"text-foreground\">{time}</span>}\n    </div>\n  );\n}\n\ninterface AreaRowProps {\n  label: string;\n  data: Array<{ t: number; [k: string]: unknown }>;\n  dataKey: string;\n  color: string;\n  gradientId: string;\n  domain: TDomain;\n  zoomDomain: [number, number];\n  threshold?: number;\n}\n\nfunction AreaRow({ label, data, dataKey, color, gradientId, domain, zoomDomain, threshold }: AreaRowProps) {\n  const yMax = getAreaRowYMax(data, dataKey, threshold);\n\n  return (\n    <div className=\"border-border/50 relative grid grid-cols-[6rem_1fr] items-center border-b hover:z-10\">\n      <p className=\"text-muted-foreground border-border/50 text-meta flex items-center self-stretch border-r pl-3\">\n        {label}\n      </p>\n      <div>\n        <ResponsiveContainer width=\"100%\" height={32}>\n          <AreaChart data={data} margin={{ top: 0, right: 0, bottom: 0, left: 0 }}>\n            <defs>\n              <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                <stop offset=\"0%\" stopColor={color} stopOpacity={0.35} />\n                <stop offset=\"100%\" stopColor={color} stopOpacity={0.03} />\n              </linearGradient>\n            </defs>\n            <XAxis dataKey=\"t\" type=\"number\" domain={zoomDomain} allowDataOverflow hide />\n            <YAxis type=\"number\" domain={yMax != null ? [0, yMax] : undefined} hide />\n            <Tooltip\n              content={<FlameTooltip domain={domain} showValue />}\n              cursor={{ stroke: 'rgba(255,255,255,0.08)' }}\n            />\n            <Area\n              type=\"linear\"\n              dataKey={dataKey}\n              stroke={color}\n              strokeWidth={1}\n              strokeOpacity={0.6}\n              fill={`url(#${gradientId})`}\n              isAnimationActive={false}\n            />\n            {threshold != null && (\n              <ReferenceLine y={threshold} stroke={color} strokeDasharray=\"4 3\" strokeOpacity={0.4} />\n            )}\n          </AreaChart>\n        </ResponsiveContainer>\n      </div>\n    </div>\n  );\n}\n\ninterface EventRowProps {\n  label: string;\n  data: Array<{ t: number; event: number; [k: string]: unknown }>;\n  color: string;\n  height?: number;\n  domain: TDomain;\n  zoomDomain: [number, number];\n}\n\nfunction EventRow({ label, data, color, height = 32, domain, zoomDomain }: EventRowProps) {\n  return (\n    <div className=\"border-border/50 relative grid grid-cols-[6rem_1fr] items-center border-b hover:z-10\">\n      <p className=\"text-muted-foreground border-border/50 text-meta flex items-center self-stretch border-r pl-3\">\n        {label}\n      </p>\n      <div>\n        <ResponsiveContainer width=\"100%\" height={height}>\n          <ScatterChart margin={{ top: 0, right: 0, bottom: 0, left: 0 }}>\n            <XAxis dataKey=\"t\" type=\"number\" domain={zoomDomain} allowDataOverflow hide />\n            <YAxis dataKey=\"event\" type=\"number\" domain={[0, 2]} hide />\n            <Tooltip content={<FlameTooltip domain={domain} />} cursor={false} />\n            <Scatter\n              data={data}\n              fill={color}\n              isAnimationActive={false}\n              shape={(props: Record<string, unknown>) => {\n                const cx = props.cx as number;\n                return (\n                  <g>\n                    <rect x={cx - 6} y={0} width={12} height={height} fill=\"transparent\" />\n                    <rect x={cx - 1.5} y={0} width={3} height={height} fill={color} />\n                  </g>\n                );\n              }}\n            />\n          </ScatterChart>\n        </ResponsiveContainer>\n      </div>\n    </div>\n  );\n}\n\ninterface CombinedRowProps {\n  label: string;\n  areaData: Array<Record<string, number>>;\n  areaDataKey: string;\n  eventData: Array<{ t: number; event: number; [k: string]: unknown }>;\n  color: string;\n  gradientId: string;\n  domain: TDomain;\n  zoomDomain: [number, number];\n  threshold?: number;\n  height?: number;\n  onSelectT?: (t: number) => void;\n}\n\nfunction CombinedRow({\n  label,\n  areaData,\n  areaDataKey,\n  eventData,\n  color,\n  gradientId,\n  domain,\n  zoomDomain,\n  threshold,\n  height = 44,\n  onSelectT,\n}: CombinedRowProps) {\n  const combinedData = toCombinedRowData(areaData, areaDataKey, eventData);\n\n  return (\n    <div className=\"border-border/50 relative grid grid-cols-[6rem_1fr] items-center border-b hover:z-10\">\n      <p className=\"text-muted-foreground border-border/50 text-meta flex items-center self-stretch border-r pl-3\">\n        {label}\n      </p>\n      <div>\n        <ResponsiveContainer width=\"100%\" height={height}>\n          <ComposedChart\n            margin={{ top: 0, right: 0, bottom: 0, left: 0 }}\n            onClick={(state: RechartsClickState) => {\n              const t = toSelectedT(state?.activeLabel);\n              if (t != null && onSelectT) onSelectT(t);\n            }}\n            className={onSelectT ? 'cursor-pointer' : undefined}\n          >\n            <defs>\n              <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                <stop offset=\"0%\" stopColor={color} stopOpacity={0.35} />\n                <stop offset=\"100%\" stopColor={color} stopOpacity={0.06} />\n              </linearGradient>\n            </defs>\n            <XAxis dataKey=\"t\" type=\"number\" domain={zoomDomain} allowDataOverflow hide />\n            <YAxis yAxisId=\"area\" dataKey={areaDataKey} type=\"number\" hide domain={[0, 'dataMax']} />\n            <Tooltip content={<FlameTooltip domain={domain} showValue />} cursor={false} />\n            <Area\n              yAxisId=\"area\"\n              data={combinedData}\n              type=\"linear\"\n              dataKey={areaDataKey}\n              stroke={color}\n              strokeWidth={1}\n              strokeOpacity={0.6}\n              fill={`url(#${gradientId})`}\n              isAnimationActive={false}\n              activeDot={{ r: 5, stroke: color, strokeWidth: 2, fill: '#0a0a0a' }}\n              dot={(props: Record<string, unknown>) =>\n                isEventPoint(props.payload) ? (\n                  <circle cx={props.cx as number} cy={props.cy as number} r={4} fill={color} />\n                ) : (\n                  <></>\n                )\n              }\n            />\n            {threshold != null && (\n              <ReferenceLine yAxisId=\"area\" y={threshold} stroke={color} strokeDasharray=\"4 3\" strokeOpacity={0.4} />\n            )}\n          </ComposedChart>\n        </ResponsiveContainer>\n      </div>\n    </div>\n  );\n}\n\nfunction ZoomTrack({\n  tDomain,\n  zoomLeft,\n  zoomRight,\n  onZoomLeftChange,\n  onZoomRightChange,\n  onReset,\n}: {\n  tDomain: TDomain;\n  zoomLeft: number;\n  zoomRight: number;\n  onZoomLeftChange: (ts: number) => void;\n  onZoomRightChange: (ts: number) => void;\n  onReset: () => void;\n}) {\n  const trackRef = useRef<HTMLDivElement>(null);\n  const dragging = useRef<'left' | 'right' | null>(null);\n\n  const range = tDomain.tMax - tDomain.tMin;\n  const leftPercent = range > 0 ? ((zoomLeft - tDomain.tMin) / range) * 100 : 0;\n  const rightPercent = range > 0 ? ((zoomRight - tDomain.tMin) / range) * 100 : 100;\n\n  const toTimestamp = useCallback(\n    (clientX: number) => {\n      const track = trackRef.current;\n      if (!track) return null;\n      const rect = track.getBoundingClientRect();\n      const frac = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));\n      return tDomain.tMin + frac * (tDomain.tMax - tDomain.tMin);\n    },\n    [tDomain.tMin, tDomain.tMax],\n  );\n\n  useEffect(() => {\n    const onMouseMove = (e: MouseEvent) => {\n      if (!dragging.current) return;\n      const ts = toTimestamp(e.clientX);\n      if (ts == null) return;\n      if (dragging.current === 'left') {\n        onZoomLeftChange(Math.min(ts, zoomRight));\n      } else {\n        onZoomRightChange(Math.max(ts, zoomLeft));\n      }\n    };\n    const onMouseUp = () => {\n      dragging.current = null;\n    };\n    window.addEventListener('mousemove', onMouseMove);\n    window.addEventListener('mouseup', onMouseUp);\n    return () => {\n      window.removeEventListener('mousemove', onMouseMove);\n      window.removeEventListener('mouseup', onMouseUp);\n    };\n  }, [toTimestamp, zoomLeft, zoomRight, onZoomLeftChange, onZoomRightChange]);\n\n  return (\n    <div className=\"border-border/50 grid grid-cols-[6rem_1fr] items-center border-b\">\n      <div className=\"border-border/50 flex items-center gap-1 self-stretch border-r pl-3\">\n        <p className=\"text-muted-foreground text-meta\">Zoom</p>\n        <Button variant=\"ghost\" size=\"icon-sm\" aria-label=\"Reset zoom\" onClick={onReset}>\n          <RotateCcw className=\"size-3\" />\n        </Button>\n      </div>\n      <div\n        ref={trackRef}\n        data-zoom-track=\"\"\n        className=\"relative h-6 cursor-pointer select-none\"\n        onMouseDown={e => {\n          const ts = toTimestamp(e.clientX);\n          if (ts == null) return;\n          e.preventDefault();\n          const distLeft = Math.abs(ts - zoomLeft);\n          const distRight = Math.abs(ts - zoomRight);\n          if (distLeft <= distRight) {\n            onZoomLeftChange(Math.min(ts, zoomRight));\n            dragging.current = 'left';\n          } else {\n            onZoomRightChange(Math.max(ts, zoomLeft));\n            dragging.current = 'right';\n          }\n        }}\n      >\n        <div\n          data-zoom-part=\"before\"\n          className=\"bg-background/60 absolute inset-y-0 left-0\"\n          style={{ width: `${leftPercent}%` }}\n        />\n        <div\n          data-zoom-part=\"band\"\n          className=\"border-border/30 bg-fill-subtle absolute inset-y-0 border-y\"\n          style={{ left: `${leftPercent}%`, right: `${100 - rightPercent}%` }}\n        />\n        <div\n          data-zoom-part=\"after\"\n          className=\"bg-background/60 absolute inset-y-0 right-0\"\n          style={{ width: `${100 - rightPercent}%` }}\n        />\n        <div\n          data-zoom-handle=\"left\"\n          className=\"bg-foreground/50 hover:bg-foreground absolute inset-y-0 w-1 cursor-col-resize\"\n          style={{ left: `${leftPercent}%`, transform: 'translateX(-50%)' }}\n          onMouseDown={e => {\n            e.preventDefault();\n            e.stopPropagation();\n            dragging.current = 'left';\n          }}\n        />\n        <div\n          data-zoom-handle=\"right\"\n          className=\"bg-foreground/50 hover:bg-foreground absolute inset-y-0 w-1 cursor-col-resize\"\n          style={{ left: `${rightPercent}%`, transform: 'translateX(-50%)' }}\n          onMouseDown={e => {\n            e.preventDefault();\n            e.stopPropagation();\n            dragging.current = 'right';\n          }}\n        />\n      </div>\n    </div>\n  );\n}\n\nconst FALLBACK_DOMAIN: TDomain = { tMin: 0, tMax: 1 };\n\nexport function FlameGraph({\n  omRecords,\n  markers,\n  messages,\n  tDomain: tDomainProp,\n  observationThreshold,\n  reflectionThreshold,\n  onSelectTimestamp,\n  zoomRange,\n  onZoomRangeChange,\n}: FlameGraphProps) {\n  const domain = tDomainProp ?? FALLBACK_DOMAIN;\n\n  const handleSelectT = useCallback(\n    (t: number) => {\n      onSelectTimestamp?.(tToTimestampMs(t, domain));\n    },\n    [onSelectTimestamp, domain],\n  );\n\n  const isControlled = zoomRange != null && onZoomRangeChange != null;\n  const [internalZoomLeft, setInternalZoomLeft] = useState<number>(domain.tMin);\n  const [internalZoomRight, setInternalZoomRight] = useState<number>(domain.tMax);\n\n  // Reset the internal (uncontrolled) range whenever the domain changes.\n  // Controlled callers own resetting via `onZoomRangeChange`.\n  useEffect(() => {\n    if (isControlled) return;\n    setInternalZoomLeft(domain.tMin);\n    setInternalZoomRight(domain.tMax);\n  }, [domain.tMin, domain.tMax, isControlled]);\n\n  const zoomLeft = isControlled ? zoomRange.left : internalZoomLeft;\n  const zoomRight = isControlled ? zoomRange.right : internalZoomRight;\n\n  const setZoomLeft = useCallback(\n    (ts: number) => {\n      if (isControlled) onZoomRangeChange({ left: ts, right: zoomRight });\n      else setInternalZoomLeft(ts);\n    },\n    [isControlled, onZoomRangeChange, zoomRight],\n  );\n  const setZoomRight = useCallback(\n    (ts: number) => {\n      if (isControlled) onZoomRangeChange({ left: zoomLeft, right: ts });\n      else setInternalZoomRight(ts);\n    },\n    [isControlled, onZoomRangeChange, zoomLeft],\n  );\n\n  const resetZoom = useCallback(() => {\n    if (isControlled) onZoomRangeChange({ left: domain.tMin, right: domain.tMax });\n    else {\n      setInternalZoomLeft(domain.tMin);\n      setInternalZoomRight(domain.tMax);\n    }\n  }, [isControlled, onZoomRangeChange, domain.tMin, domain.tMax]);\n\n  const range = domain.tMax - domain.tMin;\n  const zoomTLeft = range > 0 ? (zoomLeft - domain.tMin) / range : 0;\n  const zoomTRight = range > 0 ? (zoomRight - domain.tMin) / range : 1;\n  const zoomDomain: [number, number] = [zoomTLeft, zoomTRight];\n\n  const messageData = useMemo(() => toMessageData(messages, domain), [messages, domain]);\n  const contextData = useMemo(() => toContextData(omRecords, markers, domain), [omRecords, markers, domain]);\n  const activeObservationData = useMemo(\n    () => toActiveObservationData(omRecords, markers, domain),\n    [omRecords, markers, domain],\n  );\n  const bufferedObservationData = useMemo(() => toBufferedObservationData(markers, domain), [markers, domain]);\n  const eventData = useMemo(() => toEventData(omRecords, domain), [omRecords, domain]);\n\n  const hasData =\n    messageData.length > 0 || contextData.length > 0 || activeObservationData.length > 0 || eventData.length > 0;\n\n  if (!hasData) return null;\n\n  return (\n    <div className=\"flex flex-col pr-2 pb-2 [&_.recharts-surface]:outline-none\">\n      <CombinedRow\n        label=\"Messages\"\n        areaData={contextData}\n        areaDataKey=\"pendingMessageTokens\"\n        eventData={messageData}\n        color={MSG_COLOR}\n        gradientId=\"grad-messages\"\n        domain={domain}\n        zoomDomain={zoomDomain}\n        threshold={observationThreshold}\n        onSelectT={onSelectTimestamp ? handleSelectT : undefined}\n      />\n\n      <CombinedRow\n        label=\"Observations\"\n        areaData={activeObservationData}\n        areaDataKey=\"observationTokenCount\"\n        eventData={eventData}\n        color={OBS_COLOR}\n        gradientId=\"grad-observations\"\n        domain={domain}\n        zoomDomain={zoomDomain}\n        threshold={reflectionThreshold}\n        onSelectT={onSelectTimestamp ? handleSelectT : undefined}\n      />\n\n      {bufferedObservationData.length > 0 && (\n        <AreaRow\n          label=\"Buffered obs\"\n          data={bufferedObservationData}\n          dataKey=\"bufferedObservationTokenCount\"\n          color={REFLECT_COLOR}\n          gradientId=\"grad-buffered-obs\"\n          domain={domain}\n          zoomDomain={zoomDomain}\n          threshold={reflectionThreshold}\n        />\n      )}\n\n      {eventData.length > 0 && (\n        <EventRow label=\"Events\" data={eventData} color={REFLECT_COLOR} domain={domain} zoomDomain={zoomDomain} />\n      )}\n\n      <TimeAxis domain={domain} />\n\n      <ZoomTrack\n        tDomain={domain}\n        zoomLeft={zoomLeft}\n        zoomRight={zoomRight}\n        onZoomLeftChange={setZoomLeft}\n        onZoomRightChange={setZoomRight}\n        onReset={resetZoom}\n      />\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Button = require('../../../Button-C2dx_QZN.cjs');
-const skeleton = require('../../../skeleton-gdUQjWPU.cjs');
-const Txt = require('../../../Txt-C7rZCmrg.cjs');
+const Button = require('../../../Button-CVewl8nT.cjs');
+const skeleton = require('../../../skeleton-cXUjPrq9.cjs');
+const Txt = require('../../../Txt-B4-2nLaI.cjs');
 const icons_MemoryIcon = require('../../../icons/MemoryIcon.cjs.js');
 const domains_memory_lib_extractMarkers = require('../lib/extract-markers.cjs.js');
 const domains_memory_lib_replaySelection = require('../lib/replay-selection.cjs.js');
@@ -54,11 +54,11 @@ function MemoryStudioPanel({
   const manualSelectionInRange = manualOMRecordId != null && visibleRecords.some((r) => r.id === manualOMRecordId) ? manualOMRecordId : null;
   const selectedOMRecordId = replayRecordId ?? manualSelectionInRange;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex size-full flex-col overflow-hidden", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border1 flex shrink-0 items-center gap-2 border-b px-3 py-2.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border flex shrink-0 items-center gap-2 border-b px-3 py-2.5", children: [
       /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { type: "button", variant: "ghost", size: "icon-sm", tooltip: "Back to memory", onClick: () => onClose?.(), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeftIcon, {}) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-neutral6 flex min-w-0 items-center gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-foreground flex min-w-0 items-center gap-1.5", children: [
         /* @__PURE__ */ jsxRuntime.jsx(icons_MemoryIcon.MemoryIcon, { className: "size-4 shrink-0" }),
-        /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "ui-sm", className: "font-medium", children: "Observational memory" })
+        /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "column", children: "Observational memory" })
       ] })
     ] }),
     isLoading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-testid": "memory-studio-loading", className: "flex flex-1 flex-col gap-3 p-4", children: [
@@ -75,7 +75,7 @@ function MemoryStudioPanel({
           isLoading
         }
       ) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border1 border-t", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border border-t", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           domains_memory_components_threadContextProgress.ThreadContextProgress,
           {

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

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