npm - pi-mega-compact - Versions diffs - 0.20.76 → 0.20.78 - Mend

pi-mega-compact 0.20.76 → 0.20.78

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

Files changed (75) hide show

package/extensions/dashboard-client/dist/assets/{SessionsTab-hEQ_OAfB.js.map → SessionsTab-DSEwkMQm.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SessionsTab-hEQ_OAfB.js","sources":["../../src/components/SessionsMemoryChart.tsx","../../src/components/ActiveSessionsTable.tsx","../../src/tabs/SessionsTab.tsx"],"sourcesContent":["/*\n dashboard-client/src/components/SessionsMemoryChart.tsx — Stacked memory graph (S39).\n \n Recharts stacked `<Area>` per session + total `<Line>` + `<Tooltip>` +\n * `<Legend>` + `<ResponsiveContainer>`. Data comes from `/api/sessions/timeseries`\n * which returns `SessionSeries[]` (per-session data points + stable hex color)\n * and a `totals[]` array (sum across all sessions per timestamp).\n \n PREVENT-PI-004: recharts is bundled into this localhost-served static\n * dashboard bundle; it makes no runtime network calls. Chart data arrives via\n * same-origin fetch to the dashboard server (loopback, ports 9320–9329).\n /\n\nimport type React from \"react\";\nimport { useMemo } from \"react\";\nimport {\n\tResponsiveContainer,\n\tAreaChart,\n\tArea,\n\tLine,\n\tXAxis,\n\tYAxis,\n\tCartesianGrid,\n\tTooltip,\n\tLegend,\n} from \"recharts\";\nimport type { SessionSeries } from \"@contracts\";\nimport { Card, CardContent } from \"../components/ui/card\";\n\nexport interface SessionsMemoryChartProps {\n\t/* Per-session series with stable colors (from /api/sessions/timeseries). /\n\tseries: SessionSeries[];\n\t/* Totals (sum across all sessions) per timestamp. /\n\ttotals: ReadonlyArray<{ ts: number; tokens: number }>;\n}\n\n/* A row in the pivoted data table passed to recharts `<AreaChart>`. /\ninterface PivotedRow {\n\t/* Unix timestamp (ms). /\n\tts: number;\n\t/* Total tokens across all sessions at this timestamp. /\n\ttotal: number;\n\t/* Per-session token count keyed by sessionId. /\n\t[sessionId: string]: number;\n}\n\n/\n Pivot the per-session series + totals into recharts' expected flat shape:\n * one row per unique timestamp, with each session's token count as a column\n * keyed by sessionId. Missing values for a session at a given timestamp are\n * filled with zero so the stack renders continuously.\n /\nfunction pivot(\n\tseries: SessionSeries[],\n\ttotals: ReadonlyArray<{ ts: number; tokens: number }>,\n): PivotedRow[] {\n\tconst map = new Map<number, PivotedRow>();\n\tconst sessionIds = series.map((s) => s.sessionId);\n\n\tfor (const s of series) {\n\t\tfor (const pt of s.data) {\n\t\t\tlet row = map.get(pt.ts);\n\t\t\tif (!row) {\n\t\t\t\trow = { ts: pt.ts, total: 0 } as PivotedRow;\n\t\t\t\tfor (const sid of sessionIds) row[sid] = 0;\n\t\t\t\tmap.set(pt.ts, row);\n\t\t\t}\n\t\t\trow[s.sessionId] = pt.tokens;\n\t\t}\n\t}\n\tfor (const t of totals) {\n\t\tlet row = map.get(t.ts);\n\t\tif (!row) {\n\t\t\trow = { ts: t.ts, total: 0 } as PivotedRow;\n\t\t\tfor (const sid of sessionIds) row[sid] = 0;\n\t\t\tmap.set(t.ts, row);\n\t\t}\n\t\trow.total = t.tokens;\n\t}\n\n\treturn [...map.values()].sort((a, b) => a.ts - b.ts);\n}\n\nfunction fmtTs(ts: number): string {\n\treturn new Date(ts).toLocaleTimeString([], {\n\t\thour: \"2-digit\",\n\t\tminute: \"2-digit\",\n\t\tsecond: \"2-digit\",\n\t});\n}\n\nfunction fmtTokens(value: number \| string): string {\n\tconst n = Number(value);\n\treturn Number.isFinite(n) ? n.toLocaleString() : String(value);\n}\n\n/* Sanitize an arbitrary sessionId for use in an SVG gradient id. /\nfunction gradId(sessionId: string): string {\n\tconst safe = sessionId.replace(/[^a-zA-Z0-9_-]/g, \"_\");\n\treturn `grad-${safe}`;\n}\n\nexport function SessionsMemoryChart({\n\tseries,\n\ttotals,\n}: SessionsMemoryChartProps): React.ReactElement {\n\tconst data = useMemo(\n\t\t() => pivot(series, totals),\n\t\t[series, totals],\n\t);\n\n\tif (series.length === 0) {\n\t\treturn (\n\t\t\t<Card>\n\t\t\t\t<CardContent>No token samples in this window yet.</CardContent>\n\t\t\t</Card>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Card>\n\t\t\t<CardContent>\n\t\t\t<ResponsiveContainer width=\"100%\" height={360}>\n\t\t\t\t<AreaChart\n\t\t\t\t\tdata={data}\n\t\t\t\t\tmargin={{ top: 8, right: 16, left: 0, bottom: 0 }}\n\t\t\t\t>\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t{series.map((s) => (\n\t\t\t\t\t\t\t<linearGradient\n\t\t\t\t\t\t\t\tkey={`${s.sessionId}-grad`}\n\t\t\t\t\t\t\t\tid={gradId(s.sessionId)}\n\t\t\t\t\t\t\t\tx1=\"0\"\n\t\t\t\t\t\t\t\ty1=\"0\"\n\t\t\t\t\t\t\t\tx2=\"0\"\n\t\t\t\t\t\t\t\ty2=\"1\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<stop offset=\"5%\" stopColor={s.color} stopOpacity={0.7} />\n\t\t\t\t\t\t\t\t<stop offset=\"95%\" stopColor={s.color} stopOpacity={0.25} />\n\t\t\t\t\t\t\t</linearGradient>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</defs>\n\t\t\t\t\t<CartesianGrid strokeDasharray=\"3 3\" stroke=\"#30363d\" />\n\t\t\t\t\t<XAxis\n\t\t\t\t\t\tdataKey=\"ts\"\n\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\tdomain={[\"dataMin\", \"dataMax\"]}\n\t\t\t\t\t\ttickFormatter={(ts: number) => fmtTs(ts)}\n\t\t\t\t\t\tstroke=\"#8b949e\"\n\t\t\t\t\t\ttick={{ fontSize: 11 }}\n\t\t\t\t\t\tscale=\"time\"\n\t\t\t\t\t/>\n\t\t\t\t\t<YAxis\n\t\t\t\t\t\tstroke=\"#8b949e\"\n\t\t\t\t\t\ttick={{ fontSize: 11 }}\n\t\t\t\t\t\twidth={56}\n\t\t\t\t\t\ttickFormatter={(v: number) => fmtTokens(v)}\n\t\t\t\t\t/>\n\t\t\t\t\t<Tooltip\n\t\t\t\t\t\tlabelFormatter={(ts: number) => fmtTs(ts)}\n\t\t\t\t\t\tformatter={(value) =>\n\t\t\t\t\t\t\t[fmtTokens(value as number), \"tokens\"] as [string, string]\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcontentStyle={{\n\t\t\t\t\t\t\tbackground: \"#161b22\",\n\t\t\t\t\t\t\tborder: \"1px solid #30363d\",\n\t\t\t\t\t\t\tborderRadius: \"6px\",\n\t\t\t\t\t\t\tcolor: \"#e6edf3\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tlabelStyle={{ color: \"#8b949e\", fontSize: 12 }}\n\t\t\t\t\t/>\n\t\t\t\t\t<Legend wrapperStyle={{ fontSize: 12 }} />\n\t\t\t\t\t{series.map((s) => (\n\t\t\t\t\t\t<Area\n\t\t\t\t\t\t\tkey={s.sessionId}\n\t\t\t\t\t\t\ttype=\"monotone\"\n\t\t\t\t\t\t\tdataKey={s.sessionId}\n\t\t\t\t\t\t\tname={s.label}\n\t\t\t\t\t\t\tstackId=\"1\"\n\t\t\t\t\t\t\tstroke={s.color}\n\t\t\t\t\t\t\tfill={`url(#${gradId(s.sessionId)})`}\n\t\t\t\t\t\t\tfillOpacity={1}\n\t\t\t\t\t\t\tisAnimationActive={false}\n\t\t\t\t\t\t\tdot={false}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t\t<Line\n\t\t\t\t\t\ttype=\"monotone\"\n\t\t\t\t\t\tdataKey=\"total\"\n\t\t\t\t\t\tname=\"Total\"\n\t\t\t\t\t\tstroke=\"#e6edf3\"\n\t\t\t\t\t\tstrokeWidth={1.5}\n\t\t\t\t\t\tstrokeDasharray=\"4 2\"\n\t\t\t\t\t\tdot={false}\n\t\t\t\t\t\tisAnimationActive={false}\n\t\t\t\t\t/>\n\t\t\t\t</AreaChart>\n\t\t\t</ResponsiveContainer>\n\t\t\t</CardContent>\n\t\t</Card>\n\t);\n}\n","/\n dashboard-client/src/components/ActiveSessionsTable.tsx — Active sessions table (S39).\n \n Per-session rows: PID, Repo, Model, Context %, Tokens/Window,\n * Heartbeat age, State dir, Sparkline.\n \n Data from /api/sessions (active sessions list) and /api/sessions/timeseries\n * (per-session data points used to render inline sparklines).\n /\n\nimport type React from \"react\";\nimport type { ActiveSession, SessionSeries } from \"@contracts\";\nimport { Card, CardContent } from \"../components/ui/card\";\n\nexport interface ActiveSessionsTableProps {\n\t/* Active sessions, sorted by lastSeen descending (from /api/sessions). /\n\tsessions: ActiveSession[];\n\t/* Per-session timeseries used to render the inline sparkline column. /\n\tseries: SessionSeries[];\n}\n\nconst HEADERS = [\n\t\"PID\",\n\t\"Repo\",\n\t\"Model\",\n\t\"Context %\",\n\t\"Tokens / Window\",\n\t\"Last Heartbeat\",\n\t\"State Dir\",\n\t\"Trend\",\n] as const;\n\n/* Format a duration in milliseconds → human-readable age string. /\nfunction fmtAge(ms: number): string {\n\tconst s = Math.max(0, Math.round(ms / 1000));\n\tif (s < 60) return `${s}s ago`;\n\tconst m = Math.floor(s / 60);\n\tif (m < 60) return `${m}m ${s % 60}s ago`;\n\tconst h = Math.floor(m / 60);\n\treturn `${h}h ${m % 60}m ago`;\n}\n\nfunction fmtTokens(n: number \| null): string {\n\tif (n == null) return \"\\u2014\";\n\tif (n >= 100_000) return `${(n / 1000).toFixed(0)}k`;\n\tif (n >= 1000) return `${(n / 1000).toFixed(1)}k`;\n\treturn n.toLocaleString();\n}\n\nfunction pctClass(pct: number \| null): string {\n\tif (pct == null) return \"sessions-pct-ok\";\n\tif (pct >= 85) return \"sessions-pct-err\";\n\tif (pct >= 60) return \"sessions-pct-warn\";\n\treturn \"sessions-pct-ok\";\n}\n\nfunction fmtPct(pct: number \| null): string {\n\tif (pct == null) return \"\\u2014\";\n\treturn `${Math.round(pct)}%`;\n}\n\nfunction fmtWindow(tokens: number \| null, window: number): string {\n\tif (tokens == null) return \"\\u2014\";\n\treturn `${fmtTokens(tokens)} / ${fmtTokens(window)}`;\n}\n\ninterface SparklineProps {\n\t/* Token counts over time (oldest → newest). /\n\tpoints: number[];\n\t/* Stable hex color for the stroke. /\n\tcolor: string;\n}\n\nfunction Sparkline({ points, color }: SparklineProps): React.ReactElement {\n\tif (points.length < 2) {\n\t\treturn <span className=\"sessions-sparkline-empty\">{\"\\u2014\"}</span>;\n\t}\n\tconst min = Math.min(...points);\n\tconst max = Math.max(...points);\n\tconst range = max - min \|\| 1;\n\tconst w = 64;\n\tconst h = 18;\n\tconst stepX = w / (points.length - 1);\n\tconst segments = points.map((p, i) => {\n\t\tconst x = i stepX;\n\t\tconst y = h - ((p - min) / range) * h;\n\t\treturn `${i === 0 ? \"M\" : \"L\"} ${x.toFixed(1)} ${y.toFixed(1)}`;\n\t});\n\treturn (\n\t\t<svg\n\t\t\tclassName=\"sessions-sparkline\"\n\t\t\twidth={w}\n\t\t\theight={h}\n\t\t\tviewBox={`0 0 ${w} ${h}`}\n\t\t\trole=\"img\"\n\t\t\taria-label=\"token trend\"\n\t\t>\n\t\t\t<path\n\t\t\t\td={segments.join(\" \")}\n\t\t\t\tfill=\"none\"\n\t\t\t\tstroke={color}\n\t\t\t\tstrokeWidth=\"1.5\"\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n\n/** Map sessionId → series for the sparkline column lookup. /\nfunction indexSeries(\n\tseries: SessionSeries[],\n): Map<string, SessionSeries> {\n\tconst m = new Map<string, SessionSeries>();\n\tfor (const s of series) m.set(s.sessionId, s);\n\treturn m;\n}\n\nexport function ActiveSessionsTable({\n\tsessions,\n\tseries,\n}: ActiveSessionsTableProps): React.ReactElement {\n\tconst seriesById = indexSeries(series);\n\tconst now = Date.now();\n\n\treturn (\n\t\t<Card>\n\t\t\t<CardContent>\n\t\t\t<div className=\"overflow-x-auto\">\n\t\t\t\t<table className=\"w-full border-collapse text-sm\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t{HEADERS.map((h, i) => (\n\t\t\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t\t\tkey={h}\n\t\t\t\t\t\t\t\t\tclassName={`border-b border-border px-3 py-2 text-left font-medium text-muted-foreground${\n\t\t\t\t\t\t\t\t\t\ti >= 3 && i !== 6 ? \" text-right\" : \"\"\n\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{h}\n\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t</thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t{sessions.length === 0 && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td colSpan={HEADERS.length} className=\"px-3 py-4 text-muted-foreground\">\n\t\t\t\t\t\t\t\t\tNo active sessions.\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{sessions.map((s) => {\n\t\t\t\t\t\t\tconst srs = seriesById.get(s.sessionId);\n\t\t\t\t\t\t\tconst sparkPts =\n\t\t\t\t\t\t\t\tsrs?.data.map((d) => d.tokens) ?? [];\n\t\t\t\t\t\t\tconst color = srs?.color ?? \"#58a6ff\";\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<tr\n\t\t\t\t\t\t\t\t\tkey={`${s.pid}:${s.sessionId}`}\n\t\t\t\t\t\t\t\t\tclassName=\"border-b border-border/50 hover:bg-bg-elevated/40\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<td className=\"px-3 py-2 text-right font-mono\">{s.pid}</td>\n\t\t\t\t\t\t\t\t\t<td className=\"px-3 py-2\" title={s.repoRoot ?? undefined}>\n\t\t\t\t\t\t\t\t\t\t{s.displayName \|\| s.repoRoot \|\| \"\\u2014\"}\n\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t<td className=\"px-3 py-2\">{s.model ?? \"\\u2014\"}</td>\n\t\t\t\t\t\t\t\t\t<td className=\"px-3 py-2 text-right\">\n\t\t\t\t\t\t\t\t\t\t<span className={`sessions-pct-pill ${pctClass(s.percent)}`}>\n\t\t\t\t\t\t\t\t\t\t\t{fmtPct(s.percent)}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t<td className=\"px-3 py-2 text-right\">\n\t\t\t\t\t\t\t\t\t\t{fmtWindow(s.tokens, s.ctxWindow)}\n\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t<td className=\"px-3 py-2 text-right\">{fmtAge(now - s.lastSeen)}</td>\n\t\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\t\ttitle={s.stateDir ?? undefined}\n\t\t\t\t\t\t\t\t\t\tclassName=\"px-3 py-2 font-mono text-muted-foreground\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{s.stateDir\n\t\t\t\t\t\t\t\t\t\t\t? s.stateDir.split(\"/\").pop() \|\| s.stateDir\n\t\t\t\t\t\t\t\t\t\t\t: \"\\u2014\"}\n\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t<td className=\"px-3 py-2\">\n\t\t\t\t\t\t\t\t\t\t<Sparkline points={sparkPts} color={color} />\n\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</tbody>\n\t\t\t\t</table>\n\t\t\t</div>\n\t\t\t</CardContent>\n\t\t</Card>\n\t);\n}\n","/\n dashboard-client/src/tabs/SessionsTab.tsx — Sessions tab (S39, DASH-0b).\n \n DASH-0b: the Sessions surface absorbs the existent TurnsTab as a drill-down.\n * A `SessionsViews` toggle (\"Active Sessions\" / \"Turn Memory\") switches between\n * the existent sessions summary/chart/table body and the turns view (rendered by\n * `SessionsTab/TurnMemoryView.tsx` — the turns body moved VERBATIM from the\n * standalone TurnsTab.tsx, which is left untouched this sprint for flag-off\n * parity).\n \n Flag: `MEGACOMPACT_DASH_0B` default ON. The dashboard client is a browser\n * bundle with NO `process` global, so the positive sprint flag cannot be read\n * server-side-style (`process.env`) inside the client. Instead the flag is read\n * from the server-authoritative `/api/rag-settings` state: the server resolves\n * `process.env[\"MEGACOMPACT_DASH_0B\"] ?? default` into the `SettingState.value`\n * boolean. When the flag is OFF (settings confirmed value=false), this surface\n * renders ONLY the existent sessions body — no toggle, no TurnMemoryView branch\n * (byte-identical predecessor). The standalone TurnsTab.tsx top-level surface is\n * untouched and remains reachable for flag-off parity.\n \n Data sources: fetchSessions() + fetchSessionTimeseries(minutes). Both poll\n * every 2s for near-real-time updates. useSSE() listens for session_sample\n * events emitted by appendTokenSample (Step 5) so the chart refetches\n * instantly between polls when a new token sample is appended to events.log.\n \n Empty state: shows \"No active sessions.\" when the /api/sessions response\n * returns an empty array (e.g. no pi processes are running yet).\n /\n\nimport type React from \"react\";\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useApi } from \"../hooks/useApi\";\nimport { useSSE } from \"../hooks/useSSE\";\nimport { fetchSessions, fetchSessionTimeseries, fetchSettings } from \"../api/client\";\nimport type {\n\tSseEvent,\n\tSseSessionSample,\n\tSessionsResponse,\n\tSessionTimeseriesResponse,\n\tSettingsResponse,\n} from \"@contracts\";\nimport { SessionsMemoryChart } from \"../components/SessionsMemoryChart\";\nimport { ActiveSessionsTable } from \"../components/ActiveSessionsTable\";\nimport { Toggle } from \"../components/ui/toggle\";\nimport { Card, CardContent } from \"../components/ui/card\";\nimport { TurnMemoryView } from \"./SessionsTab/TurnMemoryView\";\n\n/\n Shape of the {@link SseSessionSample} SSE event appended to events.log by\n * `appendTokenSample` (src/store/sqlite/global-index.ts). The contract now\n * defines this variant as part of the {@link SseEvent} union (Step 5); the\n * local alias keeps the surface terser in this file.\n /\ntype SessionSampleEvent = SseSessionSample;\n\n/* Type guard: narrows an SSE event to a session_sample event. /\nfunction isSessionSample(\n\te: SseEvent,\n): e is SessionSampleEvent {\n\treturn e.type === \"session_sample\";\n}\n\nconst DASH_0B_KEY = \"MEGACOMPACT_DASH_0B\";\n\n/* Resolve the DASH-0b consolidation flag from the server settings state.\n * Absent/not-yet-loaded => false (flag-off posture), so flag-off users never\n * see a toggle flash; the toggle appears only once settings confirm it is ON. /\nfunction dash0bEnabled(settings: SettingsResponse \| null): boolean {\n\tif (!settings) return false;\n\tfor (const cat of settings.categories) {\n\t\tfor (const s of cat.settings) {\n\t\t\tif (s.key === DASH_0B_KEY && s.type === \"boolean\") return s.value === true;\n\t\t}\n\t}\n\treturn false;\n}\n\nconst WINDOWS: ReadonlyArray<{ value: number; label: string }> = [\n\t{ value: 5, label: \"5m\" },\n\t{ value: 15, label: \"15m\" },\n\t{ value: 30, label: \"30m\" },\n\t{ value: 60, label: \"60m\" },\n] as const;\n\ninterface SummaryTilesProps {\n\tsessions: SessionsResponse;\n}\n\nfunction SummaryTiles({ sessions }: SummaryTilesProps): React.ReactElement {\n\tconst active = sessions.sessions.length;\n\tconst combinedTokens = sessions.sessions.reduce(\n\t\t(sum, s) => sum + (s.tokens ?? 0),\n\t\t0,\n\t);\n\tconst maxWindow = sessions.sessions.reduce(\n\t\t(max, s) => Math.max(max, s.ctxWindow),\n\t\t0,\n\t);\n\tconst combinedPct = maxWindow > 0 ? (combinedTokens / maxWindow) 100 : 0;\n\treturn (\n\t\t<div className=\"grid grid-cols-2 gap-4 md:grid-cols-4\">\n\t\t\t<Card>\n\t\t\t\t<CardContent>\n\t\t\t\t\t<span className=\"text-xs text-muted-foreground\">Active sessions</span>\n\t\t\t\t\t<div className=\"text-xl font-semibold\">{active}</div>\n\t\t\t\t</CardContent>\n\t\t\t</Card>\n\t\t\t<Card>\n\t\t\t\t<CardContent>\n\t\t\t\t\t<span className=\"text-xs text-muted-foreground\">Combined tokens</span>\n\t\t\t\t\t<div className=\"text-xl font-semibold\">\n\t\t\t\t\t\t{combinedTokens >= 100_000\n\t\t\t\t\t\t\t? `${(combinedTokens / 1000).toFixed(0)}k`\n\t\t\t\t\t\t\t: combinedTokens.toLocaleString()}\n\t\t\t\t\t</div>\n\t\t\t\t</CardContent>\n\t\t\t</Card>\n\t\t\t<Card>\n\t\t\t\t<CardContent>\n\t\t\t\t\t<span className=\"text-xs text-muted-foreground\">\n\t\t\t\t\t\tCombined % of max window\n\t\t\t\t\t</span>\n\t\t\t\t\t<div className=\"text-xl font-semibold\">{Math.round(combinedPct)}%</div>\n\t\t\t\t</CardContent>\n\t\t\t</Card>\n\t\t\t<Card>\n\t\t\t\t<CardContent>\n\t\t\t\t\t<span className=\"text-xs text-muted-foreground\">Pruned (stale)</span>\n\t\t\t\t\t<div className=\"text-xl font-semibold\">{sessions.pruned}</div>\n\t\t\t\t</CardContent>\n\t\t\t</Card>\n\t\t</div>\n\t);\n}\n\ntype SessionsView = \"active\" \| \"turns\";\n\nexport default function SessionsTab(): React.ReactElement {\n\tconst [minutes, setMinutes] = useState(30);\n\tconst [view, setView] = useState<SessionsView>(\"active\");\n\n\tconst {\n\t\tdata: settingsData,\n\t} = useApi<SettingsResponse>(\n\t\tuseCallback(() => fetchSettings(), []),\n\t\t{ pollInterval: 0, maxRetries: 0 },\n\t);\n\tconst dash0bOn = dash0bEnabled(settingsData);\n\n\tconst {\n\t\tdata: sessionsData,\n\t\terror: sessionsErr,\n\t\trefetch: refetchSessions,\n\t} = useApi<SessionsResponse>(\n\t\tuseCallback(() => fetchSessions(), []),\n\t\t{ pollInterval: 2_000 },\n\t);\n\n\tconst {\n\t\tdata: timeseriesData,\n\t\terror: timeseriesErr,\n\t\trefetch: refetchTimeseries,\n\t} = useApi<SessionTimeseriesResponse>(\n\t\tuseCallback(() => fetchSessionTimeseries(minutes), [minutes]),\n\t\t{ pollInterval: 2_000 },\n\t);\n\n\tconst { events } = useSSE();\n\n\t// Filter SSE events for session_sample pushes (Step 5) and trigger an\n\t// immediate refetch when a new sample arrives, so the chart updates\n\t// between the 2s polls. The events array grows as new samples arrive; the\n\t// length-based dependency means the effect re-runs when a new sample event\n\t// lands (not on every poll). We debounce via a microtask guard.\n\tconst sampleEvents = useMemo(\n\t\t() => events.filter(isSessionSample),\n\t\t[events],\n\t);\n\n\tconst lastSampleTs = useMemo(() => {\n\t\tif (sampleEvents.length === 0) return null;\n\t\treturn sampleEvents[sampleEvents.length - 1].ts;\n\t}, [sampleEvents]);\n\n\tuseEffect(() => {\n\t\tif (lastSampleTs == null) return;\n\t\trefetchSessions();\n\t\trefetchTimeseries();\n\t}, [lastSampleTs, refetchSessions, refetchTimeseries]);\n\n\tif (dash0bOn && view === \"turns\") {\n\t\treturn <TurnMemoryView />;\n\t}\n\n\tif (sessionsErr && !sessionsData) {\n\t\treturn (\n\t\t\t<div className=\"tab-stub\">\n\t\t\t\tError loading sessions: {sessionsErr.message}\n\t\t\t</div>\n\t\t);\n\t}\n\tif (timeseriesErr && !timeseriesData) {\n\t\treturn (\n\t\t\t<div className=\"tab-stub\">\n\t\t\t\tError loading timeseries: {timeseriesErr.message}\n\t\t\t</div>\n\t\t);\n\t}\n\tif (!sessionsData) {\n\t\treturn <div className=\"tab-stub\">Loading sessions…</div>;\n\t}\n\n\tconst sessions = sessionsData.sessions;\n\tconst series = timeseriesData?.series ?? [];\n\tconst totals = timeseriesData?.totals ?? [];\n\tconst windowLabel =\n\t\tWINDOWS.find((w) => w.value === minutes)?.label ?? `${minutes}m`;\n\n\treturn (\n\t\t<div className=\"flex flex-col gap-4\">\n\t\t\t<div className=\"flex items-center justify-between\">\n\t\t\t\t<h2 className=\"font-heading text-lg font-semibold\">\n\t\t\t\t\tSession Memory Graph\n\t\t\t\t</h2>\n\t\t\t\t<div className=\"flex gap-2\">\n\t\t\t\t\t{WINDOWS.map((w) => (\n\t\t\t\t\t\t<Toggle\n\t\t\t\t\t\t\tkey={w.value}\n\t\t\t\t\t\t\tpressed={minutes === w.value}\n\t\t\t\t\t\t\tonClick={() => setMinutes(w.value)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{w.label}\n\t\t\t\t\t\t</Toggle>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{dash0bOn && (\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"flex items-center gap-2\"\n\t\t\t\t\trole=\"tablist\"\n\t\t\t\t\taria-label=\"Sessions views\"\n\t\t\t\t>\n\t\t\t\t\t<Toggle\n\t\t\t\t\t\tpressed={view === \"active\"}\n\t\t\t\t\t\tonClick={() => setView(\"active\")}\n\t\t\t\t\t>\n\t\t\t\t\t\tActive Sessions\n\t\t\t\t\t</Toggle>\n\t\t\t\t\t<Toggle\n\t\t\t\t\t\tpressed={view === \"turns\"}\n\t\t\t\t\t\tonClick={() => setView(\"turns\")}\n\t\t\t\t\t>\n\t\t\t\t\t\tTurn Memory\n\t\t\t\t\t</Toggle>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{sessions.length === 0 ? (\n\t\t\t\t<div className=\"text-sm text-muted-foreground\">No active sessions.</div>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<SummaryTiles sessions={sessionsData} />\n\t\t\t\t\t<SessionsMemoryChart series={series} totals={totals} />\n\t\t\t\t\t<h2 className=\"font-heading text-lg font-semibold\">\n\t\t\t\t\t\tActive Sessions\n\t\t\t\t\t</h2>\n\t\t\t\t\t<ActiveSessionsTable sessions={sessions} series={series} />\n\t\t\t\t\t<div className=\"text-xs text-muted-foreground\">\n\t\t\t\t\t\t{series.length} series · {totals.length} timestamps ·{\" \"}\n\t\t\t\t\t\t{windowLabel} window · updated{\" \"}\n\t\t\t\t\t\t{timeseriesData?.updatedAt ?? sessionsData.updatedAt}\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n"],"names":["pivot","series","totals","map","sessionIds","s","pt","row","sid","a","b","fmtTs","ts","fmtTokens","value","n","gradId","sessionId","SessionsMemoryChart","data","useMemo","jsx","Card","CardContent","ResponsiveContainer","jsxs","AreaChart","CartesianGrid","XAxis","YAxis","v","Tooltip","Legend","Area","Line","HEADERS","fmtAge","ms","m","pctClass","pct","fmtPct","fmtWindow","tokens","window","Sparkline","points","color","min","range","w","h","stepX","segments","p","i","x","y","indexSeries","ActiveSessionsTable","sessions","seriesById","now","srs","sparkPts","d","isSessionSample","e","DASH_0B_KEY","dash0bEnabled","settings","cat","WINDOWS","SummaryTiles","active","combinedTokens","sum","maxWindow","max","combinedPct","SessionsTab","minutes","setMinutes","useState","view","setView","settingsData","useApi","useCallback","fetchSettings","dash0bOn","sessionsData","sessionsErr","refetchSessions","fetchSessions","timeseriesData","timeseriesErr","refetchTimeseries","fetchSessionTimeseries","events","useSSE","sampleEvents","lastSampleTs","useEffect","TurnMemoryView","windowLabel","Toggle","Fragment"],"mappings":"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"}
1	+ {"version":3,"file":"SessionsTab-DSEwkMQm.js","sources":["../../src/components/SessionsMemoryChart.tsx","../../src/components/ActiveSessionsTable.tsx","../../src/tabs/SessionsTab.tsx"],"sourcesContent":["/*\n dashboard-client/src/components/SessionsMemoryChart.tsx — Stacked memory graph (S39).\n \n Recharts stacked `<Area>` per session + total `<Line>` + `<Tooltip>` +\n * `<Legend>` + `<ResponsiveContainer>`. Data comes from `/api/sessions/timeseries`\n * which returns `SessionSeries[]` (per-session data points + stable hex color)\n * and a `totals[]` array (sum across all sessions per timestamp).\n \n PREVENT-PI-004: recharts is bundled into this localhost-served static\n * dashboard bundle; it makes no runtime network calls. Chart data arrives via\n * same-origin fetch to the dashboard server (loopback, ports 9320–9329).\n /\n\nimport type React from \"react\";\nimport { useMemo } from \"react\";\nimport {\n\tResponsiveContainer,\n\tAreaChart,\n\tArea,\n\tLine,\n\tXAxis,\n\tYAxis,\n\tCartesianGrid,\n\tTooltip,\n\tLegend,\n} from \"recharts\";\nimport type { SessionSeries } from \"@contracts\";\nimport { Card, CardContent } from \"../components/ui/card\";\n\nexport interface SessionsMemoryChartProps {\n\t/* Per-session series with stable colors (from /api/sessions/timeseries). /\n\tseries: SessionSeries[];\n\t/* Totals (sum across all sessions) per timestamp. /\n\ttotals: ReadonlyArray<{ ts: number; tokens: number }>;\n}\n\n/* A row in the pivoted data table passed to recharts `<AreaChart>`. /\ninterface PivotedRow {\n\t/* Unix timestamp (ms). /\n\tts: number;\n\t/* Total tokens across all sessions at this timestamp. /\n\ttotal: number;\n\t/* Per-session token count keyed by sessionId. /\n\t[sessionId: string]: number;\n}\n\n/\n Pivot the per-session series + totals into recharts' expected flat shape:\n * one row per unique timestamp, with each session's token count as a column\n * keyed by sessionId. Missing values for a session at a given timestamp are\n * filled with zero so the stack renders continuously.\n /\nfunction pivot(\n\tseries: SessionSeries[],\n\ttotals: ReadonlyArray<{ ts: number; tokens: number }>,\n): PivotedRow[] {\n\tconst map = new Map<number, PivotedRow>();\n\tconst sessionIds = series.map((s) => s.sessionId);\n\n\tfor (const s of series) {\n\t\tfor (const pt of s.data) {\n\t\t\tlet row = map.get(pt.ts);\n\t\t\tif (!row) {\n\t\t\t\trow = { ts: pt.ts, total: 0 } as PivotedRow;\n\t\t\t\tfor (const sid of sessionIds) row[sid] = 0;\n\t\t\t\tmap.set(pt.ts, row);\n\t\t\t}\n\t\t\trow[s.sessionId] = pt.tokens;\n\t\t}\n\t}\n\tfor (const t of totals) {\n\t\tlet row = map.get(t.ts);\n\t\tif (!row) {\n\t\t\trow = { ts: t.ts, total: 0 } as PivotedRow;\n\t\t\tfor (const sid of sessionIds) row[sid] = 0;\n\t\t\tmap.set(t.ts, row);\n\t\t}\n\t\trow.total = t.tokens;\n\t}\n\n\treturn [...map.values()].sort((a, b) => a.ts - b.ts);\n}\n\nfunction fmtTs(ts: number): string {\n\treturn new Date(ts).toLocaleTimeString([], {\n\t\thour: \"2-digit\",\n\t\tminute: \"2-digit\",\n\t\tsecond: \"2-digit\",\n\t});\n}\n\nfunction fmtTokens(value: number \| string): string {\n\tconst n = Number(value);\n\treturn Number.isFinite(n) ? n.toLocaleString() : String(value);\n}\n\n/* Sanitize an arbitrary sessionId for use in an SVG gradient id. /\nfunction gradId(sessionId: string): string {\n\tconst safe = sessionId.replace(/[^a-zA-Z0-9_-]/g, \"_\");\n\treturn `grad-${safe}`;\n}\n\nexport function SessionsMemoryChart({\n\tseries,\n\ttotals,\n}: SessionsMemoryChartProps): React.ReactElement {\n\tconst data = useMemo(\n\t\t() => pivot(series, totals),\n\t\t[series, totals],\n\t);\n\n\tif (series.length === 0) {\n\t\treturn (\n\t\t\t<Card>\n\t\t\t\t<CardContent>No token samples in this window yet.</CardContent>\n\t\t\t</Card>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Card>\n\t\t\t<CardContent>\n\t\t\t<ResponsiveContainer width=\"100%\" height={360}>\n\t\t\t\t<AreaChart\n\t\t\t\t\tdata={data}\n\t\t\t\t\tmargin={{ top: 8, right: 16, left: 0, bottom: 0 }}\n\t\t\t\t>\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t{series.map((s) => (\n\t\t\t\t\t\t\t<linearGradient\n\t\t\t\t\t\t\t\tkey={`${s.sessionId}-grad`}\n\t\t\t\t\t\t\t\tid={gradId(s.sessionId)}\n\t\t\t\t\t\t\t\tx1=\"0\"\n\t\t\t\t\t\t\t\ty1=\"0\"\n\t\t\t\t\t\t\t\tx2=\"0\"\n\t\t\t\t\t\t\t\ty2=\"1\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<stop offset=\"5%\" stopColor={s.color} stopOpacity={0.7} />\n\t\t\t\t\t\t\t\t<stop offset=\"95%\" stopColor={s.color} stopOpacity={0.25} />\n\t\t\t\t\t\t\t</linearGradient>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</defs>\n\t\t\t\t\t<CartesianGrid strokeDasharray=\"3 3\" stroke=\"#30363d\" />\n\t\t\t\t\t<XAxis\n\t\t\t\t\t\tdataKey=\"ts\"\n\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\tdomain={[\"dataMin\", \"dataMax\"]}\n\t\t\t\t\t\ttickFormatter={(ts: number) => fmtTs(ts)}\n\t\t\t\t\t\tstroke=\"#8b949e\"\n\t\t\t\t\t\ttick={{ fontSize: 11 }}\n\t\t\t\t\t\tscale=\"time\"\n\t\t\t\t\t/>\n\t\t\t\t\t<YAxis\n\t\t\t\t\t\tstroke=\"#8b949e\"\n\t\t\t\t\t\ttick={{ fontSize: 11 }}\n\t\t\t\t\t\twidth={56}\n\t\t\t\t\t\ttickFormatter={(v: number) => fmtTokens(v)}\n\t\t\t\t\t/>\n\t\t\t\t\t<Tooltip\n\t\t\t\t\t\tlabelFormatter={(ts: number) => fmtTs(ts)}\n\t\t\t\t\t\tformatter={(value) =>\n\t\t\t\t\t\t\t[fmtTokens(value as number), \"tokens\"] as [string, string]\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcontentStyle={{\n\t\t\t\t\t\t\tbackground: \"#161b22\",\n\t\t\t\t\t\t\tborder: \"1px solid #30363d\",\n\t\t\t\t\t\t\tborderRadius: \"6px\",\n\t\t\t\t\t\t\tcolor: \"#e6edf3\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tlabelStyle={{ color: \"#8b949e\", fontSize: 12 }}\n\t\t\t\t\t/>\n\t\t\t\t\t<Legend wrapperStyle={{ fontSize: 12 }} />\n\t\t\t\t\t{series.map((s) => (\n\t\t\t\t\t\t<Area\n\t\t\t\t\t\t\tkey={s.sessionId}\n\t\t\t\t\t\t\ttype=\"monotone\"\n\t\t\t\t\t\t\tdataKey={s.sessionId}\n\t\t\t\t\t\t\tname={s.label}\n\t\t\t\t\t\t\tstackId=\"1\"\n\t\t\t\t\t\t\tstroke={s.color}\n\t\t\t\t\t\t\tfill={`url(#${gradId(s.sessionId)})`}\n\t\t\t\t\t\t\tfillOpacity={1}\n\t\t\t\t\t\t\tisAnimationActive={false}\n\t\t\t\t\t\t\tdot={false}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t\t<Line\n\t\t\t\t\t\ttype=\"monotone\"\n\t\t\t\t\t\tdataKey=\"total\"\n\t\t\t\t\t\tname=\"Total\"\n\t\t\t\t\t\tstroke=\"#e6edf3\"\n\t\t\t\t\t\tstrokeWidth={1.5}\n\t\t\t\t\t\tstrokeDasharray=\"4 2\"\n\t\t\t\t\t\tdot={false}\n\t\t\t\t\t\tisAnimationActive={false}\n\t\t\t\t\t/>\n\t\t\t\t</AreaChart>\n\t\t\t</ResponsiveContainer>\n\t\t\t</CardContent>\n\t\t</Card>\n\t);\n}\n","/\n dashboard-client/src/components/ActiveSessionsTable.tsx — Active sessions table (S39).\n \n Per-session rows: PID, Repo, Model, Context %, Tokens/Window,\n * Heartbeat age, State dir, Sparkline.\n \n Data from /api/sessions (active sessions list) and /api/sessions/timeseries\n * (per-session data points used to render inline sparklines).\n /\n\nimport type React from \"react\";\nimport type { ActiveSession, SessionSeries } from \"@contracts\";\nimport { Card, CardContent } from \"../components/ui/card\";\n\nexport interface ActiveSessionsTableProps {\n\t/* Active sessions, sorted by lastSeen descending (from /api/sessions). /\n\tsessions: ActiveSession[];\n\t/* Per-session timeseries used to render the inline sparkline column. /\n\tseries: SessionSeries[];\n}\n\nconst HEADERS = [\n\t\"PID\",\n\t\"Repo\",\n\t\"Model\",\n\t\"Context %\",\n\t\"Tokens / Window\",\n\t\"Last Heartbeat\",\n\t\"State Dir\",\n\t\"Trend\",\n] as const;\n\n/* Format a duration in milliseconds → human-readable age string. /\nfunction fmtAge(ms: number): string {\n\tconst s = Math.max(0, Math.round(ms / 1000));\n\tif (s < 60) return `${s}s ago`;\n\tconst m = Math.floor(s / 60);\n\tif (m < 60) return `${m}m ${s % 60}s ago`;\n\tconst h = Math.floor(m / 60);\n\treturn `${h}h ${m % 60}m ago`;\n}\n\nfunction fmtTokens(n: number \| null): string {\n\tif (n == null) return \"\\u2014\";\n\tif (n >= 100_000) return `${(n / 1000).toFixed(0)}k`;\n\tif (n >= 1000) return `${(n / 1000).toFixed(1)}k`;\n\treturn n.toLocaleString();\n}\n\nfunction pctClass(pct: number \| null): string {\n\tif (pct == null) return \"sessions-pct-ok\";\n\tif (pct >= 85) return \"sessions-pct-err\";\n\tif (pct >= 60) return \"sessions-pct-warn\";\n\treturn \"sessions-pct-ok\";\n}\n\nfunction fmtPct(pct: number \| null): string {\n\tif (pct == null) return \"\\u2014\";\n\treturn `${Math.round(pct)}%`;\n}\n\nfunction fmtWindow(tokens: number \| null, window: number): string {\n\tif (tokens == null) return \"\\u2014\";\n\treturn `${fmtTokens(tokens)} / ${fmtTokens(window)}`;\n}\n\ninterface SparklineProps {\n\t/* Token counts over time (oldest → newest). /\n\tpoints: number[];\n\t/* Stable hex color for the stroke. /\n\tcolor: string;\n}\n\nfunction Sparkline({ points, color }: SparklineProps): React.ReactElement {\n\tif (points.length < 2) {\n\t\treturn <span className=\"sessions-sparkline-empty\">{\"\\u2014\"}</span>;\n\t}\n\tconst min = Math.min(...points);\n\tconst max = Math.max(...points);\n\tconst range = max - min \|\| 1;\n\tconst w = 64;\n\tconst h = 18;\n\tconst stepX = w / (points.length - 1);\n\tconst segments = points.map((p, i) => {\n\t\tconst x = i stepX;\n\t\tconst y = h - ((p - min) / range) * h;\n\t\treturn `${i === 0 ? \"M\" : \"L\"} ${x.toFixed(1)} ${y.toFixed(1)}`;\n\t});\n\treturn (\n\t\t<svg\n\t\t\tclassName=\"sessions-sparkline\"\n\t\t\twidth={w}\n\t\t\theight={h}\n\t\t\tviewBox={`0 0 ${w} ${h}`}\n\t\t\trole=\"img\"\n\t\t\taria-label=\"token trend\"\n\t\t>\n\t\t\t<path\n\t\t\t\td={segments.join(\" \")}\n\t\t\t\tfill=\"none\"\n\t\t\t\tstroke={color}\n\t\t\t\tstrokeWidth=\"1.5\"\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n\n/** Map sessionId → series for the sparkline column lookup. /\nfunction indexSeries(\n\tseries: SessionSeries[],\n): Map<string, SessionSeries> {\n\tconst m = new Map<string, SessionSeries>();\n\tfor (const s of series) m.set(s.sessionId, s);\n\treturn m;\n}\n\nexport function ActiveSessionsTable({\n\tsessions,\n\tseries,\n}: ActiveSessionsTableProps): React.ReactElement {\n\tconst seriesById = indexSeries(series);\n\tconst now = Date.now();\n\n\treturn (\n\t\t<Card>\n\t\t\t<CardContent>\n\t\t\t<div className=\"overflow-x-auto\">\n\t\t\t\t<table className=\"w-full border-collapse text-sm\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t{HEADERS.map((h, i) => (\n\t\t\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t\t\tkey={h}\n\t\t\t\t\t\t\t\t\tclassName={`border-b border-border px-3 py-2 text-left font-medium text-muted-foreground${\n\t\t\t\t\t\t\t\t\t\ti >= 3 && i !== 6 ? \" text-right\" : \"\"\n\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{h}\n\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t</thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t{sessions.length === 0 && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td colSpan={HEADERS.length} className=\"px-3 py-4 text-muted-foreground\">\n\t\t\t\t\t\t\t\t\tNo active sessions.\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{sessions.map((s) => {\n\t\t\t\t\t\t\tconst srs = seriesById.get(s.sessionId);\n\t\t\t\t\t\t\tconst sparkPts =\n\t\t\t\t\t\t\t\tsrs?.data.map((d) => d.tokens) ?? [];\n\t\t\t\t\t\t\tconst color = srs?.color ?? \"#58a6ff\";\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<tr\n\t\t\t\t\t\t\t\t\tkey={`${s.pid}:${s.sessionId}`}\n\t\t\t\t\t\t\t\t\tclassName=\"border-b border-border/50 hover:bg-bg-elevated/40\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<td className=\"px-3 py-2 text-right font-mono\">{s.pid}</td>\n\t\t\t\t\t\t\t\t\t<td className=\"px-3 py-2\" title={s.repoRoot ?? undefined}>\n\t\t\t\t\t\t\t\t\t\t{s.displayName \|\| s.repoRoot \|\| \"\\u2014\"}\n\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t<td className=\"px-3 py-2\">{s.model ?? \"\\u2014\"}</td>\n\t\t\t\t\t\t\t\t\t<td className=\"px-3 py-2 text-right\">\n\t\t\t\t\t\t\t\t\t\t<span className={`sessions-pct-pill ${pctClass(s.percent)}`}>\n\t\t\t\t\t\t\t\t\t\t\t{fmtPct(s.percent)}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t<td className=\"px-3 py-2 text-right\">\n\t\t\t\t\t\t\t\t\t\t{fmtWindow(s.tokens, s.ctxWindow)}\n\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t<td className=\"px-3 py-2 text-right\">{fmtAge(now - s.lastSeen)}</td>\n\t\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\t\ttitle={s.stateDir ?? undefined}\n\t\t\t\t\t\t\t\t\t\tclassName=\"px-3 py-2 font-mono text-muted-foreground\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{s.stateDir\n\t\t\t\t\t\t\t\t\t\t\t? s.stateDir.split(\"/\").pop() \|\| s.stateDir\n\t\t\t\t\t\t\t\t\t\t\t: \"\\u2014\"}\n\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t<td className=\"px-3 py-2\">\n\t\t\t\t\t\t\t\t\t\t<Sparkline points={sparkPts} color={color} />\n\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</tbody>\n\t\t\t\t</table>\n\t\t\t</div>\n\t\t\t</CardContent>\n\t\t</Card>\n\t);\n}\n","/\n dashboard-client/src/tabs/SessionsTab.tsx — Sessions tab (S39, DASH-0b).\n \n DASH-0b: the Sessions surface absorbs the existent TurnsTab as a drill-down.\n * A `SessionsViews` toggle (\"Active Sessions\" / \"Turn Memory\") switches between\n * the existent sessions summary/chart/table body and the turns view (rendered by\n * `SessionsTab/TurnMemoryView.tsx` — the turns body moved VERBATIM from the\n * standalone TurnsTab.tsx, which is left untouched this sprint for flag-off\n * parity).\n \n Flag: `MEGACOMPACT_DASH_0B` default ON. The dashboard client is a browser\n * bundle with NO `process` global, so the positive sprint flag cannot be read\n * server-side-style (`process.env`) inside the client. Instead the flag is read\n * from the server-authoritative `/api/rag-settings` state: the server resolves\n * `process.env[\"MEGACOMPACT_DASH_0B\"] ?? default` into the `SettingState.value`\n * boolean. When the flag is OFF (settings confirmed value=false), this surface\n * renders ONLY the existent sessions body — no toggle, no TurnMemoryView branch\n * (byte-identical predecessor). The standalone TurnsTab.tsx top-level surface is\n * untouched and remains reachable for flag-off parity.\n \n Data sources: fetchSessions() + fetchSessionTimeseries(minutes). Both poll\n * every 2s for near-real-time updates. useSSE() listens for session_sample\n * events emitted by appendTokenSample (Step 5) so the chart refetches\n * instantly between polls when a new token sample is appended to events.log.\n \n Empty state: shows \"No active sessions.\" when the /api/sessions response\n * returns an empty array (e.g. no pi processes are running yet).\n /\n\nimport type React from \"react\";\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useApi } from \"../hooks/useApi\";\nimport { useSSE } from \"../hooks/useSSE\";\nimport { fetchSessions, fetchSessionTimeseries, fetchSettings } from \"../api/client\";\nimport type {\n\tSseEvent,\n\tSseSessionSample,\n\tSessionsResponse,\n\tSessionTimeseriesResponse,\n\tSettingsResponse,\n} from \"@contracts\";\nimport { SessionsMemoryChart } from \"../components/SessionsMemoryChart\";\nimport { ActiveSessionsTable } from \"../components/ActiveSessionsTable\";\nimport { Toggle } from \"../components/ui/toggle\";\nimport { Card, CardContent } from \"../components/ui/card\";\nimport { TurnMemoryView } from \"./SessionsTab/TurnMemoryView\";\n\n/\n Shape of the {@link SseSessionSample} SSE event appended to events.log by\n * `appendTokenSample` (src/store/sqlite/global-index.ts). The contract now\n * defines this variant as part of the {@link SseEvent} union (Step 5); the\n * local alias keeps the surface terser in this file.\n /\ntype SessionSampleEvent = SseSessionSample;\n\n/* Type guard: narrows an SSE event to a session_sample event. /\nfunction isSessionSample(\n\te: SseEvent,\n): e is SessionSampleEvent {\n\treturn e.type === \"session_sample\";\n}\n\nconst DASH_0B_KEY = \"MEGACOMPACT_DASH_0B\";\n\n/* Resolve the DASH-0b consolidation flag from the server settings state.\n * Absent/not-yet-loaded => false (flag-off posture), so flag-off users never\n * see a toggle flash; the toggle appears only once settings confirm it is ON. /\nfunction dash0bEnabled(settings: SettingsResponse \| null): boolean {\n\tif (!settings) return false;\n\tfor (const cat of settings.categories) {\n\t\tfor (const s of cat.settings) {\n\t\t\tif (s.key === DASH_0B_KEY && s.type === \"boolean\") return s.value === true;\n\t\t}\n\t}\n\treturn false;\n}\n\nconst WINDOWS: ReadonlyArray<{ value: number; label: string }> = [\n\t{ value: 5, label: \"5m\" },\n\t{ value: 15, label: \"15m\" },\n\t{ value: 30, label: \"30m\" },\n\t{ value: 60, label: \"60m\" },\n] as const;\n\ninterface SummaryTilesProps {\n\tsessions: SessionsResponse;\n}\n\nfunction SummaryTiles({ sessions }: SummaryTilesProps): React.ReactElement {\n\tconst active = sessions.sessions.length;\n\tconst combinedTokens = sessions.sessions.reduce(\n\t\t(sum, s) => sum + (s.tokens ?? 0),\n\t\t0,\n\t);\n\tconst maxWindow = sessions.sessions.reduce(\n\t\t(max, s) => Math.max(max, s.ctxWindow),\n\t\t0,\n\t);\n\tconst combinedPct = maxWindow > 0 ? (combinedTokens / maxWindow) 100 : 0;\n\treturn (\n\t\t<div className=\"grid grid-cols-2 gap-4 md:grid-cols-4\">\n\t\t\t<Card>\n\t\t\t\t<CardContent>\n\t\t\t\t\t<span className=\"text-xs text-muted-foreground\">Active sessions</span>\n\t\t\t\t\t<div className=\"text-xl font-semibold\">{active}</div>\n\t\t\t\t</CardContent>\n\t\t\t</Card>\n\t\t\t<Card>\n\t\t\t\t<CardContent>\n\t\t\t\t\t<span className=\"text-xs text-muted-foreground\">Combined tokens</span>\n\t\t\t\t\t<div className=\"text-xl font-semibold\">\n\t\t\t\t\t\t{combinedTokens >= 100_000\n\t\t\t\t\t\t\t? `${(combinedTokens / 1000).toFixed(0)}k`\n\t\t\t\t\t\t\t: combinedTokens.toLocaleString()}\n\t\t\t\t\t</div>\n\t\t\t\t</CardContent>\n\t\t\t</Card>\n\t\t\t<Card>\n\t\t\t\t<CardContent>\n\t\t\t\t\t<span className=\"text-xs text-muted-foreground\">\n\t\t\t\t\t\tCombined % of max window\n\t\t\t\t\t</span>\n\t\t\t\t\t<div className=\"text-xl font-semibold\">{Math.round(combinedPct)}%</div>\n\t\t\t\t</CardContent>\n\t\t\t</Card>\n\t\t\t<Card>\n\t\t\t\t<CardContent>\n\t\t\t\t\t<span className=\"text-xs text-muted-foreground\">Pruned (stale)</span>\n\t\t\t\t\t<div className=\"text-xl font-semibold\">{sessions.pruned}</div>\n\t\t\t\t</CardContent>\n\t\t\t</Card>\n\t\t</div>\n\t);\n}\n\ntype SessionsView = \"active\" \| \"turns\";\n\nexport default function SessionsTab(): React.ReactElement {\n\tconst [minutes, setMinutes] = useState(30);\n\tconst [view, setView] = useState<SessionsView>(\"active\");\n\n\tconst {\n\t\tdata: settingsData,\n\t} = useApi<SettingsResponse>(\n\t\tuseCallback(() => fetchSettings(), []),\n\t\t{ pollInterval: 0, maxRetries: 0 },\n\t);\n\tconst dash0bOn = dash0bEnabled(settingsData);\n\n\tconst {\n\t\tdata: sessionsData,\n\t\terror: sessionsErr,\n\t\trefetch: refetchSessions,\n\t} = useApi<SessionsResponse>(\n\t\tuseCallback(() => fetchSessions(), []),\n\t\t{ pollInterval: 2_000 },\n\t);\n\n\tconst {\n\t\tdata: timeseriesData,\n\t\terror: timeseriesErr,\n\t\trefetch: refetchTimeseries,\n\t} = useApi<SessionTimeseriesResponse>(\n\t\tuseCallback(() => fetchSessionTimeseries(minutes), [minutes]),\n\t\t{ pollInterval: 2_000 },\n\t);\n\n\tconst { events } = useSSE();\n\n\t// Filter SSE events for session_sample pushes (Step 5) and trigger an\n\t// immediate refetch when a new sample arrives, so the chart updates\n\t// between the 2s polls. The events array grows as new samples arrive; the\n\t// length-based dependency means the effect re-runs when a new sample event\n\t// lands (not on every poll). We debounce via a microtask guard.\n\tconst sampleEvents = useMemo(\n\t\t() => events.filter(isSessionSample),\n\t\t[events],\n\t);\n\n\tconst lastSampleTs = useMemo(() => {\n\t\tif (sampleEvents.length === 0) return null;\n\t\treturn sampleEvents[sampleEvents.length - 1].ts;\n\t}, [sampleEvents]);\n\n\tuseEffect(() => {\n\t\tif (lastSampleTs == null) return;\n\t\trefetchSessions();\n\t\trefetchTimeseries();\n\t}, [lastSampleTs, refetchSessions, refetchTimeseries]);\n\n\tif (dash0bOn && view === \"turns\") {\n\t\treturn <TurnMemoryView />;\n\t}\n\n\tif (sessionsErr && !sessionsData) {\n\t\treturn (\n\t\t\t<div className=\"tab-stub\">\n\t\t\t\tError loading sessions: {sessionsErr.message}\n\t\t\t</div>\n\t\t);\n\t}\n\tif (timeseriesErr && !timeseriesData) {\n\t\treturn (\n\t\t\t<div className=\"tab-stub\">\n\t\t\t\tError loading timeseries: {timeseriesErr.message}\n\t\t\t</div>\n\t\t);\n\t}\n\tif (!sessionsData) {\n\t\treturn <div className=\"tab-stub\">Loading sessions…</div>;\n\t}\n\n\tconst sessions = sessionsData.sessions;\n\tconst series = timeseriesData?.series ?? [];\n\tconst totals = timeseriesData?.totals ?? [];\n\tconst windowLabel =\n\t\tWINDOWS.find((w) => w.value === minutes)?.label ?? `${minutes}m`;\n\n\treturn (\n\t\t<div className=\"flex flex-col gap-4\">\n\t\t\t<div className=\"flex items-center justify-between\">\n\t\t\t\t<h2 className=\"font-heading text-lg font-semibold\">\n\t\t\t\t\tSession Memory Graph\n\t\t\t\t</h2>\n\t\t\t\t<div className=\"flex gap-2\">\n\t\t\t\t\t{WINDOWS.map((w) => (\n\t\t\t\t\t\t<Toggle\n\t\t\t\t\t\t\tkey={w.value}\n\t\t\t\t\t\t\tpressed={minutes === w.value}\n\t\t\t\t\t\t\tonClick={() => setMinutes(w.value)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{w.label}\n\t\t\t\t\t\t</Toggle>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{dash0bOn && (\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"flex items-center gap-2\"\n\t\t\t\t\trole=\"tablist\"\n\t\t\t\t\taria-label=\"Sessions views\"\n\t\t\t\t>\n\t\t\t\t\t<Toggle\n\t\t\t\t\t\tpressed={view === \"active\"}\n\t\t\t\t\t\tonClick={() => setView(\"active\")}\n\t\t\t\t\t>\n\t\t\t\t\t\tActive Sessions\n\t\t\t\t\t</Toggle>\n\t\t\t\t\t<Toggle\n\t\t\t\t\t\tpressed={view === \"turns\"}\n\t\t\t\t\t\tonClick={() => setView(\"turns\")}\n\t\t\t\t\t>\n\t\t\t\t\t\tTurn Memory\n\t\t\t\t\t</Toggle>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{sessions.length === 0 ? (\n\t\t\t\t<div className=\"text-sm text-muted-foreground\">No active sessions.</div>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<SummaryTiles sessions={sessionsData} />\n\t\t\t\t\t<SessionsMemoryChart series={series} totals={totals} />\n\t\t\t\t\t<h2 className=\"font-heading text-lg font-semibold\">\n\t\t\t\t\t\tActive Sessions\n\t\t\t\t\t</h2>\n\t\t\t\t\t<ActiveSessionsTable sessions={sessions} series={series} />\n\t\t\t\t\t<div className=\"text-xs text-muted-foreground\">\n\t\t\t\t\t\t{series.length} series · {totals.length} timestamps ·{\" \"}\n\t\t\t\t\t\t{windowLabel} window · updated{\" \"}\n\t\t\t\t\t\t{timeseriesData?.updatedAt ?? sessionsData.updatedAt}\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n"],"names":["pivot","series","totals","map","sessionIds","s","pt","row","sid","a","b","fmtTs","ts","fmtTokens","value","n","gradId","sessionId","SessionsMemoryChart","data","useMemo","jsx","Card","CardContent","ResponsiveContainer","jsxs","AreaChart","CartesianGrid","XAxis","YAxis","v","Tooltip","Legend","Area","Line","HEADERS","fmtAge","ms","m","pctClass","pct","fmtPct","fmtWindow","tokens","window","Sparkline","points","color","min","range","w","h","stepX","segments","p","i","x","y","indexSeries","ActiveSessionsTable","sessions","seriesById","now","srs","sparkPts","d","isSessionSample","e","DASH_0B_KEY","dash0bEnabled","settings","cat","WINDOWS","SummaryTiles","active","combinedTokens","sum","maxWindow","max","combinedPct","SessionsTab","minutes","setMinutes","useState","view","setView","settingsData","useApi","useCallback","fetchSettings","dash0bOn","sessionsData","sessionsErr","refetchSessions","fetchSessions","timeseriesData","timeseriesErr","refetchTimeseries","fetchSessionTimeseries","events","useSSE","sampleEvents","lastSampleTs","useEffect","TurnMemoryView","windowLabel","Toggle","Fragment"],"mappings":"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"}

package/extensions/dashboard-client/dist/assets/{SetupTab-Bqibg0cD.js → SetupTab-CCyWgy4O.js} RENAMED Viewed

@@ -1,3 +1,3 @@
-import{r as s,j as e,o as L,p as Z,q as ae,s as le,C as oe,t as ie,e as ee,v as de,w as D,x as F,y as ce,u as K,z as te,A as se}from"./index-CL6Af_JZ.js";import{C as ue}from"./ConfigTab-CbsdI5yj.js";import{S as me}from"./switch-0MNUTR9I.js";import{b as he,p as pe,d as fe}from"./client-extra-BShDrG99.js";import{V as xe}from"./VcStatusBadge-DyOagOVb.js";import{T as ge}from"./toggle-DHbWo-CW.js";function be(t){try{return new Date(t*1e3).toLocaleString()}catch{return"—"}}function ne({achievements:t}){const r=s.useRef(0),[n,l]=s.useState(null),a=t.reduce((o,c)=>Math.max(o,c.unlocked_at??0),0),i=r.current;s.useEffect(()=>{a>r.current&&(r.current=a)},[a]),s.useEffect(()=>{if(i>0&&a>i){const o=t.filter(c=>c.unlocked_at!=null&&(c.unlocked_at??0)>i);if(o.length>0){const c=o.map(h=>`${h.icon??""} ${h.title}`.trim()).join(", ")+" unlocked!";l(c);const f=setTimeout(()=>l(null),4e3);return()=>clearTimeout(f)}}},[t,a,i]);const u=t.filter(o=>!(o.hidden===1&&o.unlocked_at==null));return e.jsxs("div",{className:"ach-section",children:[n!=null&&e.jsx("div",{className:"ach-toast show",children:n}),e.jsxs("div",{className:"ach-tiles",children:[u.length===0&&e.jsx("span",{className:"repo-none",children:"no achievements yet"}),u.map(o=>{if(o.unlocked_at!=null){const c=i>0&&(o.unlocked_at??0)>i;return e.jsxs("div",{className:`ach-tile unlocked${c?" just-unlocked":""}`,children:[o.icon??""," ",o.title,e.jsxs("span",{className:"ach-detail",children:["unlocked ",be(o.unlocked_at)]})]},o.id)}return e.jsxs("div",{className:"ach-tile locked",children:["??? ",o.title]},o.id)})]})]})}function _(t){return(Math.round(t*10)/10).toString()+"%"}function V(t){return t!=null?new Date(t).toLocaleString():"—"}function q(t){return t&&typeof t=="object"?t:{}}function ye(t){return t.split("/").pop()||t}function $({title:t,rows:r,badge:n,renderValue:l}){return e.jsxs("div",{className:"lb-card",children:[e.jsxs("h3",{children:[t,n]}),r.length===0?e.jsx("div",{className:"lb-empty",children:"—"}):e.jsx("table",{children:e.jsx("tbody",{children:r.map((a,i)=>e.jsxs("tr",{children:[e.jsx("td",{title:a.repo_root,children:ye(a.repo_root)}),e.jsx("td",{className:"num",children:l(a)})]},`${a.repo_root}-${i}`))})})]})}function je(){const[t,r]=s.useState({}),[n,l]=s.useState(0),[a,i]=s.useState([]),[u,o]=s.useState(!1),[c,f]=s.useState(!0),[h,b]=s.useState(null),g=s.useRef(0),S=s.useCallback(async()=>{try{const[y,x,B,z,U,H]=await Promise.all([L({metric:"cache",limit:25}),L({metric:"dedupe",limit:25}),L({metric:"turns",limit:25}),L({metric:"mega_cache",limit:25}),L({metric:"repos",limit:1}),Z()]),P=z.find(I=>I.ts>g.current&&I.value>100);g.current>0&&P&&(b(`oopsie! cache went to ${Math.round(P.value)}% — MEGA CACHE 🥧`),setTimeout(()=>b(null),4e3)),z.length>0&&(g.current=Math.max(...z.map(I=>I.ts))),r({cache:y,dedupe:x,turns:B,mega_cache:z}),l(U[0]?.value??0),i(H)}catch{}finally{f(!1)}},[]);s.useEffect(()=>{let y=!0;const x=async()=>{y&&await S()};x();const B=setInterval(()=>void x(),15e3);return()=>{y=!1,clearInterval(B)}},[S]),s.useEffect(()=>{let y=!0;const x=async()=>{try{const z=await ae();y&&(o(!!z.game_mode_on),z.theme&&(document.documentElement.dataset.theme=z.theme))}catch{}};x();const B=setInterval(()=>void x(),15e3);return()=>{y=!1,clearInterval(B)}},[]);const C=t.mega_cache??[];let w=null,T=null;for(const y of C){(w==null||y.value>w)&&(w=y.value);const x=q(y.meta),B=x.firstSeenTs??x.firstSeen??y.ts;(T==null||B<T)&&(T=B)}const j=w!=null&&w>100,m=t.turns??[],v=m.reduce((y,x)=>Math.max(y,x.value),0),k=Math.floor(Math.log2(v+1))+1,N=(t.cache?.length??0)>0||(t.dedupe?.length??0)>0||m.length>0||C.length>0||n>0;return e.jsxs("div",{className:`game-tab${u?" game-mode-on":""}`,children:[h!=null&&e.jsx("div",{className:"mega-cache-toast show",children:h}),j&&e.jsxs("div",{className:"mega-cache-banner",children:["🥧"," MEGA CACHE! peak ",_(w)," — first reached ",V(T)]}),j&&e.jsxs("div",{className:"achievement-tile unlocked",children:["🏆"," Opie's Wild Ride",e.jsxs("span",{className:"ach-detail",children:["best ",_(w)," · first ",V(T)]})]}),e.jsx("h2",{children:"High Scores"}),!N&&!c&&e.jsx("div",{className:"game-empty",children:"No scores yet — run a session with game mode on."}),N&&e.jsxs("div",{className:"game-leaderboards",children:[e.jsx($,{title:"Cache %",rows:t.cache??[],renderValue:y=>_(y.value)}),e.jsx($,{title:"Dedupe (collapsed)",rows:t.dedupe??[],renderValue:y=>y.value.toLocaleString()}),e.jsx($,{title:"Turns",rows:m,badge:m.length>0?e.jsxs("span",{className:"lvl-badge",children:["LVL ",k]}):void 0,renderValue:y=>y.value.toLocaleString()}),e.jsx($,{title:"MEGA CACHE trophies",rows:C,renderValue:y=>e.jsxs(e.Fragment,{children:[_(y.value),e.jsx("span",{className:"lb-meta",children:V(q(y.meta).firstSeenTs??q(y.meta).firstSeen??y.ts)})]})})]}),n>0&&e.jsx("div",{className:"repos-badge-line",children:e.jsxs("span",{className:"repos-badge",children:[n," repos"]})}),e.jsx("h3",{children:"Achievements"}),e.jsx(ne,{achievements:a})]})}function ve(){const[t,r]=s.useState([]),[n,l]=s.useState(!0),[a,i]=s.useState(null),u=s.useCallback(async()=>{try{const o=await Z();r(o),i(null)}catch(o){i(o instanceof Error?o:new Error(String(o)))}finally{l(!1)}},[]);return s.useEffect(()=>{let o=!0;const c=async()=>{o&&await u()};c();const f=setInterval(()=>void c(),15e3);return()=>{o=!1,clearInterval(f)}},[u]),n&&t.length===0?e.jsx("div",{className:"tab-stub",children:"Loading achievements…"}):a&&t.length===0?e.jsxs("div",{className:"tab-stub",children:["Error: ",a.message]}):e.jsxs("div",{className:"achievements-tab",children:[e.jsx("h2",{children:"Achievements"}),e.jsx(ne,{achievements:t})]})}const A={section:{background:"#1a1a2e",borderRadius:"8px",padding:"1rem",marginBottom:"1rem",border:"1px solid #2a2a4e"},sectionTitle:{fontSize:"1.1rem",fontWeight:700,marginTop:0,marginBottom:"0.75rem",color:"#e0e0e0",borderBottom:"1px solid #333",paddingBottom:"0.5rem"},label:{fontWeight:600,color:"#a0a0c0",marginRight:"0.5rem"},value:{color:"#e0e0e0"},row:{marginBottom:"0.4rem",fontSize:"0.9rem"}};function Se(){const[t,r]=s.useState(null),[n,l]=s.useState(null),a=s.useCallback(()=>{le().then(r).catch(f=>l(f instanceof Error?f.message:String(f)))},[]);s.useEffect(()=>{a()},[a]),s.useEffect(()=>{const f=setInterval(a,3e4);return()=>clearInterval(f)},[a]);const i=t?.status==="ok",u=t?.status==="ok"?"Working":t?.status==="unreachable"?"Unreachable":"Error",o=i?"#4caf50":"#f44336",c=i?"✓":"✗";return e.jsxs("div",{style:A.section,children:[e.jsx("h3",{style:A.sectionTitle,children:"Embedder Health"}),n&&e.jsxs("p",{style:{color:"#f44336",fontSize:"0.85rem"},children:["Error: ",n]}),!t&&!n&&e.jsx("p",{style:{color:"#888",fontSize:"0.85rem"},children:"Probing embedder..."}),t&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:A.row,children:[e.jsxs("span",{style:{...A.label,color:`${o}`},children:[c," ",u,":"]}),e.jsxs("span",{style:A.value,children:[t.dim," dims"]}),t.latencyMs!==void 0&&e.jsxs("span",{style:{color:"#a0a0c0",marginLeft:"0.5rem"},children:["(",t.latencyMs.toFixed(1)," ms)"]})]}),e.jsxs("div",{style:A.row,children:[e.jsx("span",{style:A.label,children:"Endpoint:"}),e.jsx("span",{style:A.value,children:t.url??e.jsx("span",{style:{color:"#888"},children:"built-in (no URL)"})})]}),t.error&&e.jsx("p",{style:{color:"#f44336",fontSize:"0.85rem"},children:t.error})]})]})}function we({title:t,children:r}){const[n,l]=s.useState(!0),a=`settings-${t.toLowerCase().replace(/[^a-z0-9]+/g,"-")}`;return e.jsxs("section",{className:"overflow-hidden rounded-xl border border-border bg-bg-elevated/40",children:[e.jsxs("button",{type:"button",onClick:()=>l(i=>!i),className:"flex w-full items-center justify-between rounded-t-xl bg-bg-elevated/60 px-4 py-3 text-left text-sm font-semibold text-foreground transition-colors hover:bg-bg-elevated","aria-expanded":n,"aria-controls":a,children:[e.jsx("span",{children:t}),e.jsx(oe,{className:ie("h-4 w-4 text-muted-foreground transition-transform",n&&"rotate-180"),"aria-hidden":"true"})]}),n&&e.jsx("div",{id:a,className:"divide-y divide-border px-4 py-1",children:r})]})}const ke="rounded-md border border-border bg-bg-elevated/50 px-2 py-1 text-sm outline-none transition-colors focus:border-primary disabled:cursor-not-allowed disabled:opacity-50";function Ce(){return e.jsx("span",{className:"ml-2 inline-flex items-center rounded-md border border-warning/40 bg-warning/15 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-warning",title:"Requires an LLM embedder (Ollama/HTTP) to be effective",children:"LLM"})}function Ee({setting:t,id:r,llmActive:n,saving:l,onUpdate:a}){const[i,u]=s.useState(null),o=t.requiresLlm&&!n,c=s.useRef(null);s.useEffect(()=>()=>{c.current&&clearTimeout(c.current)},[]);const f=s.useCallback(g=>{a(t.key,g).then(S=>u(S)).catch(S=>u(S instanceof Error?S.message:String(S)))},[a,t.key]),h=s.useCallback(g=>{c.current&&clearTimeout(c.current),c.current=setTimeout(()=>f(g),500)},[f]),b=l||o;return e.jsxs("div",{className:"py-2.5",children:[e.jsxs("div",{className:"flex items-start justify-between gap-3",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center text-sm font-semibold text-foreground",children:[e.jsx("label",{htmlFor:`${r}-input`,className:"cursor-pointer",children:t.label}),t.requiresLlm&&!n&&e.jsx(Ce,{})]}),e.jsx("div",{className:"mt-0.5 text-xs text-muted-foreground",children:t.description})]}),e.jsx("div",{className:"flex shrink-0 items-center gap-2",children:t.type==="boolean"?e.jsx(me,{id:`${r}-input`,checked:!!t.value,disabled:b||o,onCheckedChange:g=>f(String(g)),"aria-label":t.label}):e.jsxs(e.Fragment,{children:[e.jsx("input",{id:`${r}-input`,type:t.type==="number"?"number":"text",defaultValue:String(t.value??""),min:t.min,max:t.max,disabled:b,onChange:g=>h(g.target.value),className:`${ke} ${t.type==="number"?"w-24":"w-56"}`}),t.unit&&e.jsx("span",{className:"text-xs text-muted-foreground",children:t.unit})]})})]}),i&&e.jsxs("p",{className:"mt-1 text-xs text-danger",children:["Error: ",i]})]})}function Re(){const[t,r]=s.useState(null),[n,l]=s.useState(null),[a,i]=s.useState(!1),[u,o]=s.useState(null),c=s.useCallback(()=>{ee().then(r).catch(h=>l(h instanceof Error?h.message:String(h)))},[]);s.useEffect(()=>{c()},[c]);const f=s.useCallback(async(h,b)=>{i(!0);try{const g=await de({key:h,value:b});return o(g.restartRequired?"Saved — restart pi to apply changes.":"Saved."),c(),null}catch(g){return g instanceof Error?g.message:String(g)}finally{i(!1)}},[c]);return e.jsxs("div",{className:"flex flex-col gap-3",children:[n&&e.jsxs("p",{className:"text-sm text-danger",children:["Error: ",n]}),!t&&!n&&e.jsx("p",{className:"text-sm text-muted-foreground",children:"Loading settings..."}),t?.categories.map(h=>e.jsx(we,{title:h.name,children:h.settings.map(b=>e.jsx(Ee,{setting:b,id:`${h.name.replace(/[^a-z0-9]+/gi,"-")}-${b.key}`,llmActive:t.llmActive,saving:a,onUpdate:f},b.key))},h.name)),u&&e.jsx("div",{className:"mt-1 rounded-md border border-warning/40 bg-warning/10 p-2 text-xs text-warning",role:"status",children:u})]})}const p={container:{padding:"1rem",maxWidth:"720px",margin:"0 auto",fontFamily:"system-ui, sans-serif",color:"#e0e0e0"},section:{background:"#1a1a2e",borderRadius:"8px",padding:"1rem",marginBottom:"1rem",border:"1px solid #2a2a4e"},sectionTitle:{fontSize:"1.1rem",fontWeight:700,marginTop:0,marginBottom:"0.75rem",color:"#e0e0e0",borderBottom:"1px solid #333",paddingBottom:"0.5rem"},label:{fontWeight:600,color:"#a0a0c0",marginRight:"0.5rem"},value:{color:"#e0e0e0"},row:{marginBottom:"0.4rem",fontSize:"0.9rem"},warning:{background:"#3a2a00",border:"1px solid #665500",borderRadius:"8px",padding:"0.75rem",marginTop:"0.5rem",color:"#ffcc00",fontSize:"0.85rem"},badge:{display:"inline-block",padding:"0.15rem 0.5rem",borderRadius:"4px",fontSize:"0.8rem",fontWeight:600,marginLeft:"0.5rem"},detectRow:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"0.5rem 0",borderBottom:"1px solid #2a2a4e"},button:{background:"#3a5a9f",color:"#fff",border:"none",borderRadius:"6px",padding:"0.5rem 1rem",cursor:"pointer",fontSize:"0.9rem",fontWeight:600}},Te="Saved; takes effect on next session start";function Ne({customUrl:t,setCustomUrl:r,applyEmbedder:n,configuring:l,inputEnabled:a,apiKeySet:i,embeddingDim:u,embeddingHeadersSet:o,allowRemoteEmbedder:c,configureResult:f,configureError:h}){const[b,g]=s.useState(""),[S,C]=s.useState(""),[w,T]=s.useState(!1),[j,m]=s.useState(""),[v,k]=s.useState(!1),[N,y]=s.useState(!1);return a&&!w&&typeof u=="string"&&(C(u),T(!0)),a&&!N&&typeof c=="boolean"&&(k(c),y(!0)),e.jsxs("div",{style:p.section,children:[e.jsx("h3",{style:p.sectionTitle,children:"Custom Endpoint (remote / third-party)"}),e.jsxs("p",{style:{fontSize:"0.85rem",color:"#a0a0c0",marginTop:0},children:["Point at any OpenAI-compatible embeddings API or hosted endpoint. This opts in to a non-loopback connection (sets"," ",e.jsx("code",{children:"MEGACOMPACT_ALLOW_REMOTE_EMBEDDER=1"}),") — your prompts' embedding requests will be sent to the URL you enter. Default is loopback-only."]}),e.jsxs("div",{style:{display:"flex",gap:"0.5rem",flexWrap:"wrap",alignItems:"center"},children:[e.jsx("input",{type:"url",placeholder:"https://api.example.com/v1/embeddings",value:t,onChange:x=>r(x.target.value),style:{flex:"1 1 300px",background:"#12122a",color:"#e0e0e0",border:"1px solid #2a2a4e",borderRadius:"6px",padding:"0.4rem 0.6rem",fontSize:"0.85rem",fontFamily:"monospace"}}),a&&e.jsx("input",{type:"password",autoComplete:"new-password","aria-label":"API key (optional Bearer)",placeholder:"API key (optional Bearer)",value:b,onChange:x=>g(x.target.value),style:{flex:"1 1 300px",background:"#12122a",color:"#e0e0e0",border:"1px solid #2a2a4e",borderRadius:"6px",padding:"0.4rem 0.6rem",fontSize:"0.85rem",fontFamily:"monospace"}}),a&&i&&e.jsx("span",{style:{fontSize:"0.75rem",color:"#81c784",border:"1px solid #2a4e2a",borderRadius:"4px",padding:"0.15rem 0.45rem"},children:"API key saved"}),a&&o&&e.jsx("span",{style:{fontSize:"0.75rem",color:"#81c784",border:"1px solid #2a4e2a",borderRadius:"4px",padding:"0.15rem 0.45rem"},children:"Headers saved"}),e.jsx("button",{style:{...p.button,opacity:t?1:.4},onClick:()=>n("custom",t,b,S,j,v),disabled:!t||l!==null,children:l==="custom"?"Writing...":"Use Custom URL"})]}),a&&e.jsxs("div",{style:{marginTop:"0.75rem"},children:[e.jsxs("div",{style:{marginBottom:"0.5rem"},children:[e.jsx("label",{style:{...p.label,display:"block",marginBottom:"0.25rem"},children:"Embedding dim (optional)"}),e.jsx("input",{type:"number",min:1,placeholder:"e.g. 384",value:S,onChange:x=>C(x.target.value),style:{width:"200px",background:"#12122a",color:"#e0e0e0",border:"1px solid #2a2a4e",borderRadius:"6px",padding:"0.4rem 0.6rem",fontSize:"0.85rem",fontFamily:"monospace"}})]}),e.jsxs("div",{style:{marginBottom:"0.5rem"},children:[e.jsx("label",{style:{...p.label,display:"block",marginBottom:"0.25rem"},children:"Embedding headers (JSON, write-only — never re-displayed)"}),e.jsx("textarea",{placeholder:'{"Authorization": "Bearer ..."}',value:j,onChange:x=>m(x.target.value),"aria-label":"Embedding headers JSON (write-only — never re-displayed)",rows:2,style:{width:"100%",background:"#12122a",color:"#e0e0e0",border:"1px solid #2a2a4e",borderRadius:"6px",padding:"0.4rem 0.6rem",fontSize:"0.85rem",fontFamily:"monospace",resize:"vertical"}})]}),e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"0.5rem",fontSize:"0.85rem"},children:[e.jsx("input",{type:"checkbox",checked:v,onChange:x=>k(x.target.checked),"aria-label":"Allow remote embedder (skips loopback-only check)"}),"Allow remote embedder (skips loopback-only check)"]})]}),h!==null&&e.jsxs("p",{style:{color:"#f44336",fontSize:"0.85rem",marginTop:"0.5rem"},children:["Configure error: ",h]}),f!==null&&f.embedder==="custom"&&e.jsx("div",{style:p.warning,children:Te}),e.jsxs("div",{style:p.warning,children:[e.jsx("strong",{children:"Heads up:"})," a remote endpoint receives the text you embed (it does NOT receive your full conversation — only the strings passed to",e.jsx("code",{children:" embed()"})," for recall/dedup). Verify the endpoint's privacy policy before use."]})]})}function J(t){switch(t){case"trigram":return"TrigramEmbedder (heuristic, default)";case"http":return"HTTP Embedder (BYO localhost)";case"minilm":return"MiniLM (experimental)";default:return"Unknown"}}function Be(t){return t?.currentEmbedder!=="trigram"?null:e.jsxs("div",{style:p.warning,children:[e.jsx("strong",{children:"Note:"})," TrigramEmbedder is a heuristic-strength default embedder. It works without any setup but recall quality may be lower than a dedicated embedding backend. If you notice poor recall results, consider installing Ollama and running the"," ",e.jsx("code",{children:"/megasetup"})," command, or set"," ",e.jsx("code",{children:"MEGACOMPACT_EMBEDDING_URL"})," to point at your own localhost embedding server."]})}function G(t){const r=t?"#1a5a1a":"#3a1a1a",n=t?"#4caf50":"#f44336";return e.jsx("span",{style:{...p.badge,background:r,color:n},children:t?"Detected":"Not found"})}function Me({status:t,statusError:r}){return e.jsxs("div",{style:p.section,children:[e.jsx("h3",{style:p.sectionTitle,children:"Current Embedder Configuration"}),r&&e.jsxs("p",{style:{color:"#f44336",fontSize:"0.85rem"},children:["Error: ",r]}),t&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:p.row,children:[e.jsx("span",{style:p.label,children:"Active Embedder:"}),e.jsx("span",{style:p.value,children:J(t.currentEmbedder)})]}),"configuredEmbedder"in t&&t.configuredEmbedder!==t.currentEmbedder&&e.jsxs("div",{style:p.warning,children:[e.jsx("strong",{children:"Configured but not active:"})," ",J(t.configuredEmbedder)," is configured in .mega-compact.env but not yet loaded."," ",e.jsx("strong",{children:"Restart pi"})," to activate it.",t.configuredUrl&&e.jsxs(e.Fragment,{children:[" (",t.configuredUrl,")"]})]}),"restartRequired"in t&&t.restartRequired&&e.jsxs("div",{style:{...p.row,color:"#ff9800"},children:[e.jsx("span",{style:p.label,children:"Status:"}),e.jsx("span",{style:p.value,children:"Restart required to activate the configured embedder"})]}),e.jsxs("div",{style:p.row,children:[e.jsx("span",{style:p.label,children:"Embedding URL:"}),e.jsx("span",{style:p.value,children:t.embeddingUrl??e.jsx("span",{style:{color:"#888"},children:"not set"})})]}),e.jsxs("div",{style:p.row,children:[e.jsx("span",{style:p.label,children:"Embed Cache:"}),e.jsx("span",{style:p.value,children:t.embedCache??e.jsx("span",{style:{color:"#888"},children:"not set"})})]}),e.jsxs("div",{style:p.row,children:[e.jsx("span",{style:p.label,children:"MiniLM:"}),e.jsx("span",{style:p.value,children:t.minilm?"enabled":"disabled"})]}),Be(t)]}),!t&&!r&&e.jsx("p",{style:{color:"#888",fontSize:"0.85rem"},children:"Loading configuration..."})]})}function ze(){const[t,r]=s.useState(null),[n,l]=s.useState(null),[a,i]=s.useState(null),[u,o]=s.useState(null),[c,f]=s.useState(!1),[h,b]=s.useState(null),[g,S]=s.useState(null),[C,w]=s.useState(null),[T,j]=s.useState(""),[m,v]=s.useState(!1),k=s.useCallback(()=>{D().then(r).catch(x=>i(x instanceof Error?x.message:String(x)))},[]),N=s.useCallback((x,B,z,U,H,P)=>{b(x),w(null),S(null);const I="embeddingHeadersSet"in(t??{});F({embedder:x,url:B,embeddingEndpointUrl:B,embeddingApiKey:z,...I?{embeddingDim:U,embeddingHeaders:H,allowRemoteEmbedder:P}:{}}).then(O=>{S(O),b(null),k()}).catch(O=>{w(O instanceof Error?O.message:String(O)),b(null)})},[k,t]),y=s.useCallback(()=>{f(!0),o(null),ce().then(x=>{l(x),f(!1)}).catch(x=>{o(x instanceof Error?x.message:String(x)),f(!1)})},[]);return s.useEffect(()=>{k()},[k]),s.useEffect(()=>{m||t&&typeof t.embeddingEndpointUrl=="string"&&t.embeddingEndpointUrl.length>0&&(j(t.embeddingEndpointUrl),v(!0))},[t,m]),s.useEffect(()=>{const x=setInterval(k,5e3);return()=>clearInterval(x)},[k]),s.useEffect(()=>{y();const x=setInterval(y,5e3);return()=>clearInterval(x)},[y]),e.jsxs("div",{style:p.container,children:[e.jsx("h2",{style:{fontSize:"1.3rem",marginTop:0,marginBottom:"1rem"},children:"Embedder Setup"}),e.jsx(Se,{}),e.jsx(Me,{status:t,statusError:a}),e.jsxs("div",{style:p.section,children:[e.jsx("h3",{style:p.sectionTitle,children:"Local Embedder Detection"}),e.jsx("p",{style:{fontSize:"0.85rem",color:"#a0a0c0",marginTop:0},children:"Detect which local embedding backends are available on this machine. No software is installed — detection only."}),n&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:p.detectRow,children:[e.jsx("span",{children:e.jsx("strong",{children:"Ollama"})}),n.ollama!==null?e.jsxs("span",{children:[G(n.ollama.installed),n.ollama.installed&&e.jsx("span",{style:{fontSize:"0.8rem",color:"#a0a0c0",marginLeft:"0.5rem"},children:n.ollama.running?`server running, ${n.ollama.models.length} model(s)`:"server not running"})]}):e.jsx("span",{style:{color:"#888",fontSize:"0.85rem"},children:"not checked"})]}),e.jsxs("div",{style:p.detectRow,children:[e.jsx("span",{children:e.jsx("strong",{children:"llama.cpp"})}),n.llamaCpp!==null?e.jsxs("span",{children:[G(n.llamaCpp.installed),n.llamaCpp.installed&&n.llamaCpp.detail&&e.jsx("span",{style:{fontSize:"0.8rem",color:"#a0a0c0",marginLeft:"0.5rem"},children:n.llamaCpp.detail})]}):e.jsx("span",{style:{color:"#888",fontSize:"0.85rem"},children:"not checked"})]}),e.jsxs("div",{style:p.detectRow,children:[e.jsx("span",{children:e.jsx("strong",{children:"ONNX Runtime"})}),n.onnx!==null?e.jsxs("span",{children:[G(n.onnx.installed),n.onnx.installed&&n.onnx.detail&&e.jsx("span",{style:{fontSize:"0.8rem",color:"#a0a0c0",marginLeft:"0.5rem"},children:n.onnx.detail})]}):e.jsx("span",{style:{color:"#888",fontSize:"0.85rem"},children:"not checked"})]}),n.error&&e.jsxs("p",{style:{color:"#f44336",fontSize:"0.8rem",marginTop:"0.5rem"},children:["Detection error: ",n.error]})]}),u&&e.jsxs("p",{style:{color:"#f44336",fontSize:"0.85rem"},children:["Error: ",u]}),e.jsxs("div",{style:{marginTop:"1rem"},children:[e.jsx("button",{style:p.button,onClick:y,disabled:c,children:c?"Detecting...":"Run Detection"}),e.jsxs("span",{style:{fontSize:"0.8rem",color:"#888",marginLeft:"0.75rem"},children:["Or run ",e.jsx("code",{children:"/megasetup"})," in the chat for an interactive wizard."]})]}),n&&e.jsxs("div",{style:{marginTop:"1rem",paddingTop:"0.75rem",borderTop:"1px solid #2a2a4e"},children:[e.jsx("div",{style:{fontSize:"0.9rem",fontWeight:600,marginBottom:"0.5rem"},children:"Configure"}),e.jsxs("div",{style:{display:"flex",gap:"0.5rem",flexWrap:"wrap"},children:[e.jsx("button",{style:{...p.button,opacity:n.ollama?.installed?1:.4},onClick:()=>N("ollama"),disabled:!n.ollama?.installed||h!==null,children:h==="ollama"?"Writing...":"Use Ollama"}),e.jsx("button",{style:{...p.button,opacity:n.llamaCpp?.installed?1:.4},onClick:()=>N("llama"),disabled:!n.llamaCpp?.installed||h!==null,children:h==="llama"?"Writing...":"Use llama.cpp"}),e.jsx("button",{style:{...p.button,opacity:n.onnx?.installed?1:.4},onClick:()=>N("onnx"),disabled:!n.onnx?.installed||h!==null,children:h==="onnx"?"Writing...":"Use ONNX"}),e.jsx("button",{style:{...p.button,background:"#444"},onClick:()=>N("trigram"),disabled:h!==null,children:h==="trigram"?"Writing...":"Use Trigram (default)"})]}),g&&g.embedder!=="custom"&&e.jsx("div",{style:p.warning,children:g.alreadyActive?"Already active — no restart needed.":`Configured ${g.embedder}. Restart pi to activate (config written to ${g.envPath}).`}),C&&e.jsxs("p",{style:{color:"#f44336",fontSize:"0.85rem",marginTop:"0.5rem"},children:["Configure error: ",C]})]})]}),e.jsx(Ne,{customUrl:T,setCustomUrl:j,applyEmbedder:N,configuring:h,inputEnabled:t!==null&&"embeddingApiKeySet"in t,apiKeySet:t?.embeddingApiKeySet===!0,embeddingDim:t?.embeddingDim,embeddingHeadersSet:t?.embeddingHeadersSet===!0,allowRemoteEmbedder:t?.allowRemoteEmbedder,configureResult:g,configureError:C}),e.jsxs("div",{style:p.section,children:[e.jsx("h3",{style:p.sectionTitle,children:"How to Upgrade"}),e.jsxs("ul",{style:{fontSize:"0.85rem",lineHeight:1.6,paddingLeft:"1.25rem"},children:[e.jsxs("li",{children:[e.jsx("strong",{children:"Ollama:"})," Install from"," ",e.jsx("a",{href:"https://ollama.com",style:{color:"#6a9fff"},target:"_blank",rel:"noopener noreferrer",children:"ollama.com"}),", then ",e.jsx("code",{children:"ollama pull nomic-embed-text"})," and restart pi. Set ",e.jsx("code",{children:"MEGACOMPACT_EMBEDDING_URL=http://localhost:11434/api/embeddings"}),"."]}),e.jsxs("li",{children:[e.jsx("strong",{children:"llama.cpp:"})," Build or install llama.cpp, run"," ",e.jsx("code",{children:"llama-server"})," with an embedding model, and set the URL accordingly."]}),e.jsxs("li",{children:[e.jsx("strong",{children:"ONNX Runtime:"})," Run a local text-embeddings server (e.g. TEI) and click ",e.jsx("strong",{children:"Use ONNX"})," above. Default URL: ",e.jsx("code",{children:"http://localhost:8081/v1/embeddings"}),"."]})]})]}),e.jsxs("div",{style:p.section,children:[e.jsx("h3",{style:p.sectionTitle,children:"Settings"}),e.jsx(Re,{})]})]})}function W(t){return t>=1e6?`${(t/1e6).toFixed(2)}M`:t>=1e3?`${Math.round(t/1e3)}K`:String(t)}function Ae(t,r,n){if(t<=0)return"—";const a=(r>0?r:Math.ceil(t*.1))+Math.ceil(t*(n/100)),i=t-a;return i<=0?"0 (at risk)":`${W(i)} tokens`}function Y({label:t,value:r,min:n,max:l,step:a=1,onChange:i,warning:u}){return e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsxs("div",{className:"flex items-center justify-between text-xs",children:[e.jsx("span",{className:"font-medium text-fg-muted",children:t}),e.jsxs("span",{className:`font-mono ${u?"text-warning":"text-fg"}`,title:u,children:[r,"%"]})]}),e.jsx("input",{type:"range",min:n,max:l,step:a,value:r,onChange:o=>i(Number(o.target.value)),className:"threshold-slider w-full"}),u&&e.jsxs("p",{className:"text-[10px] text-warning",children:["⚠ ",u]})]})}function Ie({model:t,defaults:r,safetyRange:n,fireRange:l,onSave:a,onReset:i,saving:u}){const[o,c]=s.useState(t.threshold.safetyMarginPct),[f,h]=s.useState(t.threshold.firePointPct),[b,g]=s.useState(!1),[S,C]=s.useState(null);s.useEffect(()=>{c(t.threshold.safetyMarginPct),h(t.threshold.firePointPct),g(!1)},[t.threshold.safetyMarginPct,t.threshold.firePointPct]);const w=o<5?'Low safety margin — risks "conversation too long" errors when a single turn injects a large tool output between gate fires.':void 0,T=f>85?"High fire point — compaction may trigger close to the window cap; a single large turn can overshoot before the gate fires.":void 0,j=s.useCallback(async()=>{C(null);try{await a(t.modelId,o,f),g(!1)}catch(m){C(m instanceof Error?m.message:String(m))}},[t.modelId,o,f,a]);return e.jsxs("div",{className:"rounded-md border border-border bg-bg-elevated/30 p-3",children:[e.jsxs("div",{className:"mb-2 flex items-start justify-between",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-sm font-semibold text-fg",children:t.modelName??t.modelId}),t.threshold.isOverride&&e.jsx("span",{className:"rounded border border-primary/40 bg-primary/15 px-1.5 py-0.5 text-[10px] font-semibold uppercase text-primary",title:"This model has a custom override (not the default)",children:"Override"})]}),e.jsxs("div",{className:"text-[11px] text-fg-muted",children:[t.provider," · ",W(t.contextWindow)," window ·"," ",W(t.maxTokens)," output"]})]}),e.jsxs("div",{className:"text-right text-[11px] text-fg-muted",children:[e.jsxs("div",{children:["Usable tail:"," ",e.jsx("span",{className:"font-mono text-fg",children:Ae(t.contextWindow,t.maxTokens,o)})]}),e.jsxs("div",{children:["Compaction fires at:"," ",e.jsx("span",{className:"font-mono text-fg",children:W(Math.ceil(t.contextWindow*(f/100)))})]})]})]}),e.jsxs("div",{className:"grid grid-cols-1 gap-3 sm:grid-cols-2",children:[e.jsx(Y,{label:"Safety margin",value:o,min:n[0],max:n[1],onChange:m=>{c(m),g(!0)},warning:w}),e.jsx(Y,{label:"Fire point",value:f,min:l[0],max:l[1],onChange:m=>{h(m),g(!0)},warning:T})]}),e.jsxs("div",{className:"mt-2 flex items-center gap-2",children:[e.jsx("button",{type:"button",onClick:j,disabled:!b||u,className:"rounded-md bg-primary px-2.5 py-1 text-xs font-semibold text-primary-fg disabled:cursor-not-allowed disabled:opacity-50",children:b?"Save override":"Saved"}),t.threshold.isOverride&&e.jsxs("button",{type:"button",onClick:()=>i(t.modelId),disabled:u,className:"rounded-md border border-border px-2.5 py-1 text-xs text-fg-muted disabled:cursor-not-allowed disabled:opacity-50",children:["Reset to default (",r.safetyMarginPct,"% /"," ",r.firePointPct,"%)"]}),S&&e.jsx("span",{className:"text-[11px] text-error",children:S})]})]})}function Oe(){const[t,r]=s.useState(null),[n,l]=s.useState(!0),[a,i]=s.useState(null),[u,o]=s.useState(!1),c=s.useCallback(async()=>{try{i(null),r(await he())}catch(b){i(b instanceof Error?b.message:String(b))}finally{l(!1)}},[]);s.useEffect(()=>{c()},[c]);const f=s.useCallback(async(b,g,S)=>{o(!0);try{await pe({modelId:b,safetyMarginPct:g,firePointPct:S}),await c()}finally{o(!1)}},[c]),h=s.useCallback(async b=>{o(!0);try{await fe(b),await c()}finally{o(!1)}},[c]);return n?e.jsx("div",{className:"p-4 text-sm text-fg-muted",children:"Loading thresholds…"}):a?e.jsxs("div",{className:"p-4 text-sm text-error",children:["Error: ",a]}):t?e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs("div",{className:"rounded-md border border-border bg-bg-elevated/20 p-3",children:[e.jsx("h3",{className:"text-sm font-semibold",children:"Per-Model Compaction Thresholds"}),e.jsxs("p",{className:"mt-1 text-[11px] text-fg-muted",children:["Tune when compaction fires + how much safety margin to reserve,",e.jsx("strong",{children:" per model"}),". Different providers' models range from 8K to 1M+ context — one global % is wrong. Defaults:"," ",e.jsxs("span",{className:"font-mono",children:[t.defaults.safetyMarginPct,"% safety"]})," ","/"," ",e.jsxs("span",{className:"font-mono",children:[t.defaults.firePointPct,"% fire"]}),". Values outside the safe band show warnings."]})]}),t.models.length===0?e.jsx("div",{className:"rounded-md border border-border p-4 text-sm text-fg-muted",children:"No models captured yet. Start a pi session in any repo to populate model snapshots, then return here to tune per-model thresholds."}):e.jsx("div",{className:"flex flex-col gap-3",children:t.models.map(b=>e.jsx(Ie,{model:b,defaults:t.defaults,safetyRange:t.defaults.safetyMarginRange,fireRange:t.defaults.firePointRange,onSave:f,onReset:h,saving:u},b.modelId))})]}):e.jsx("div",{className:"p-4 text-sm text-fg-muted",children:"No data."})}async function Le(){const t=await fetch("/api/setup-cortex-status");if(!t.ok)throw new Error(`setup-cortex status: ${t.status}`);return t.json()}async function De(t){const r=await fetch("/api/setup-cortex-action",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)});if(r.ok)return{ok:!0,result:await r.json()};let n;try{n=await r.json()}catch{n={error:"disabled"}}return{ok:!1,status:r.status,error:n}}async function Pe(t){const r=await fetch(`/api/setup-cortex-action-log?name=${encodeURIComponent(t)}`);if(!r.ok)throw new Error(`setup-cortex action-log: ${r.status}`);return r.json()}function _e(t){return t===null?!0:t.enabled&&t.status!=="off"}function re(){const[t,r]=s.useState({loading:!0,error:null,data:null}),n=s.useCallback(()=>{r(l=>({...l,loading:!0})),Le().then(l=>r(a=>({...a,data:l,loading:!1,error:null}))).catch(l=>r(a=>({...a,loading:!1,error:l instanceof Error?l.message:String(l)})))},[]);return s.useEffect(()=>{n();const l=setInterval(n,5e3);return()=>clearInterval(l)},[n]),[t,n]}const d={container:{padding:"1rem",maxWidth:"720px",margin:"0 auto",fontFamily:"system-ui, sans-serif",color:"#e0e0e0"},section:{background:"#1a1a2e",borderRadius:"8px",padding:"1rem",marginBottom:"1rem",border:"1px solid #2a2a4e"},sectionTitle:{fontSize:"1.1rem",fontWeight:700,marginTop:0,marginBottom:"0.75rem",color:"#e0e0e0",borderBottom:"1px solid #333",paddingBottom:"0.5rem"},label:{fontWeight:600,color:"#a0a0c0",marginRight:"0.5rem"},value:{color:"#e0e0e0"},row:{marginBottom:"0.4rem",fontSize:"0.9rem"},warning:{background:"#3a2a00",border:"1px solid #665500",borderRadius:"8px",padding:"0.75rem",marginTop:"0.5rem",color:"#ffcc00",fontSize:"0.85rem"},blocked:{background:"#3a1a1a",border:"1px solid #662222",borderRadius:"8px",padding:"0.75rem",marginTop:"0.5rem",color:"#ff6666",fontSize:"0.85rem"},badge:{display:"inline-block",padding:"0.15rem 0.5rem",borderRadius:"4px",fontSize:"0.8rem",fontWeight:600,marginLeft:"0.5rem"},button:{background:"#3a5a9f",color:"#fff",border:"none",borderRadius:"6px",padding:"0.5rem 1rem",cursor:"pointer",fontSize:"0.9rem",fontWeight:600},buttonDanger:{background:"#6a2a2a",color:"#ffb3b3",border:"1px solid #662222",borderRadius:"6px",padding:"0.5rem 1rem",cursor:"pointer",fontSize:"0.9rem",fontWeight:600},blockerRow:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:"0.5rem",padding:"0.5rem 0.6rem",borderRadius:"6px",marginBottom:"0.35rem",fontSize:"0.85rem"},blockerRowHighlighted:{background:"#3a1a1a",border:"1px solid #662222"},mono:{fontFamily:"ui-monospace, monospace",fontSize:"0.8rem"}};function $e(t){switch(t){case"A":return"A — qualified learned encoder asset";case"B":return"B — demoted (heuristic/trigram)";case"C":return"C — absent (asset not verified)";default:return"—"}}function We(t){const r=t==="qualified"?"#1a5a1a":t==="demoted"?"#3a3a1a":"#3a1a1a",n=t==="qualified"?"#4caf50":t==="demoted"?"#ffcc00":"#f44336";return e.jsx("span",{style:{...d.badge,background:r,color:n},children:t??"unknown"})}function Fe({data:t,error:r}){return e.jsxs("div",{style:d.section,children:[e.jsxs("h3",{style:d.sectionTitle,children:[e.jsx("span",{style:{marginRight:"0.5rem"},children:"Cortex Encoder"}),e.jsx(xe,{status:t?.status})]}),r&&e.jsxs("p",{style:{color:"#f44336",fontSize:"0.85rem"},children:["Error: ",r]}),!t&&!r&&e.jsx("p",{style:{color:"#888",fontSize:"0.85rem"},children:"Loading cortex status..."}),!t?.enabled&&e.jsx("p",{style:{color:"#f44336",fontSize:"0.85rem"},children:"Cortex status disabled (VC9A off)."}),e.jsxs("div",{style:d.row,children:[e.jsx("span",{style:d.label,children:"Mode:"}),e.jsx("span",{style:d.value,children:$e(t?.encoderHealth.mode)})]}),e.jsxs("div",{style:d.row,children:[e.jsx("span",{style:d.label,children:"Asset digest prefix:"}),e.jsx("span",{style:{...d.value,...d.mono},children:t?.assetDigestPrefix??e.jsx("span",{style:{color:"#888"},children:"not available"})})]}),e.jsxs("div",{style:d.row,children:[e.jsx("span",{style:d.label,children:"Qualification:"}),We(t?.qualification.verdict)]}),(t?.qualification.thresholdFailures.length??0)>0&&e.jsxs("div",{style:d.warning,children:[e.jsx("strong",{children:"Threshold failure(s):"})," ",t?.qualification.thresholdFailures.join(", ")]}),t?.status==="awaiting_data"&&e.jsx("p",{style:{color:"#a0a0c0",fontSize:"0.85rem"},children:"Awaiting encoder data. Qualification will appear once an asset is present."}),t?.status==="deferred"&&e.jsx("p",{style:{color:"#a0a0c0",fontSize:"0.85rem"},children:"Encoder status deferred."})]})}function Ue(t){switch(t){case"blocker":return"#f44336";case"high":return"#ff9800";default:return"#a0a0c0"}}function He({blockers:t,highlight:r,darwinX64:n}){const l=r??[];return e.jsxs("div",{style:d.section,children:[e.jsxs("h3",{style:d.sectionTitle,children:["Open Hard-Gate Blockers",e.jsx("span",{style:{...d.badge,background:"#3a1a1a",color:"#f44336"},children:t.length})]}),t.length===0&&e.jsx("p",{style:{color:"#4caf50",fontSize:"0.85rem"},children:"No open hard-gate blockers."}),n?.demoted===!0&&e.jsxs("div",{style:d.blockerRow,"data-darwin-x64-demoted":"true",children:[e.jsx("span",{style:{...d.mono,fontWeight:700},children:"HG-4"}),e.jsx("span",{style:{flex:1,color:"#e0e0e0"},children:n.reason||"darwin-x64: demoted to WASM (reason unavailable)"}),e.jsx("span",{style:{color:"#ff9800"},children:"high"}),e.jsx("span",{style:{color:"#4caf50",fontStyle:"italic"},children:"diagnosed"})]}),t.map(a=>{const i=l.includes(a.id);return e.jsxs("div",{style:{...d.blockerRow,...i?d.blockerRowHighlighted:{}},children:[e.jsx("span",{style:{...d.mono,fontWeight:700},children:a.id}),e.jsx("span",{style:{flex:1,color:"#e0e0e0"},children:a.title}),e.jsx("span",{style:{color:Ue(a.severity)},children:a.severity}),e.jsx("span",{style:{color:"#a0a0c0",fontStyle:"italic"},children:i?"gates this action":a.status})]},a.id)}),l.length>0&&e.jsxs("div",{style:d.blocked,children:[e.jsx("strong",{children:"Blocked:"})," the requested action is gated by the highlighted open hard-gate item(s). It was not run."]})]})}const Ve=[{key:"fetch-model",label:"Fetch Model",desc:"Fetch the qualified encoder model asset",dangerous:!0,confirm:"Fetch the encoder model asset onto this host? (Gated by any open hard gate.)"},{key:"bench",label:"Bench Encoder",desc:"Benchmark the encoder runtime on this host",dangerous:!0,confirm:"Run an encoder benchmark on this host? (Gated by any open hard gate.)"},{key:"verify-asset",label:"Verify Asset",desc:"Re-verify the committed encoder asset",dangerous:!1,confirm:"Re-verify the committed encoder asset?"},{key:"install-native-ort",label:"Install Native ORT",desc:"Lazy-download + install the native onnxruntime binding",dangerous:!0,confirm:"Download + install the native onnxruntime binding on this host? (npm-mediated, sha256-verified; then re-qualified.)"}];function qe({data:t,onBlocked:r,onAction:n}){const[l,a]=s.useState(null),[i,u]=s.useState(null),[o,c]=s.useState(null),[f,h]=s.useState(!1),[b,g]=s.useState(null),S=s.useCallback(()=>{D().then(j=>{g(j),h(!1)}).catch(()=>{})},[]);s.useEffect(()=>{S();const j=setInterval(S,5e3);return()=>clearInterval(j)},[S]);const C=(b?.nativeOrtInstalledVersion??null)!==null,w=s.useCallback(async j=>{a(j.key),c(null),u(null),h(!1),r([]);try{const m=await De({action:j.key,confirm:!0});if(m.ok){const v=m.result;let k=null,N=null;try{const y=await Pe(v.logName);k=y.tail,N=y.complete}catch{}u({action:v.action,logName:v.logName,tail:k,complete:N,message:v.ok?`${v.action} completed (spawned: ${v.spawned})`:`${v.action} did not complete cleanly`,retest:v.nativeOrtRetestResult!=null?{verdict:v.nativeOrtRetestResult.verdict,p95Ms:v.nativeOrtRetestResult.p95Ms,rssMiB:v.nativeOrtRetestResult.rssMiB,backend:v.nativeOrtBackendEffective??null}:null}),n()}else m.error.error==="action_blocked_by_open_item"?(r(m.error.blockers),c("The action is blocked by an open hard-gate item and was not run.")):m.error.error==="confirmation_required"?c("The server rejected the action: explicit confirmation is required."):m.status===404?(h(!0),c("Setup Cortex actions are disabled (off).")):c(`Action failed (${m.status}).`)}catch(m){c(m instanceof Error?m.message:String(m))}finally{a(null)}},[r,n]),T=j=>{window.confirm(j.confirm)&&w(j)};return e.jsxs("div",{style:d.section,children:[e.jsx("h3",{style:d.sectionTitle,children:"Cortex Actions"}),Ve.filter(j=>j.key!=="install-native-ort"||!C).map(j=>{const m=l===j.key;return e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"0.5rem",padding:"0.5rem 0",borderBottom:"1px solid #2a2a4e"},children:[e.jsxs("div",{children:[e.jsx("div",{style:{fontWeight:600},children:j.label}),e.jsx("div",{style:{fontSize:"0.8rem",color:"#a0a0c0"},children:j.desc})]}),e.jsx("button",{style:j.dangerous?d.buttonDanger:d.button,disabled:l!==null,onClick:()=>T(j),children:m?"Running…":"Run"})]},j.key)}),f&&e.jsx("div",{style:d.blocked,children:"Setup Cortex actions are disabled. Enable MEGACOMPACT_VC9B to run them."}),o&&!f&&e.jsx("p",{style:{color:"#f44336",fontSize:"0.85rem",marginTop:"0.5rem"},children:o}),i&&e.jsxs("div",{style:d.warning,"data-testid":"cortex-action-result",children:[e.jsxs("strong",{children:["Result (",i.action,"):"]})," ",i.message,i.logName&&e.jsxs("span",{style:{...d.mono,marginLeft:"0.5rem"},children:["log: ",i.logName]}),i.retest!==null&&e.jsxs("div",{style:{marginTop:"0.5rem",fontSize:"0.85rem",display:"flex",flexWrap:"wrap",gap:"0.75rem"},children:[e.jsxs("span",{style:d.label,children:["Re-qualified:"," ",e.jsx("span",{style:{color:"#4caf50",fontWeight:600},children:i.retest.verdict})]}),e.jsxs("span",{style:d.label,children:["p95: ",i.retest.p95Ms.toFixed(1)," ms"]}),e.jsxs("span",{style:d.label,children:["RSS: ",i.retest.rssMiB.toFixed(1)," MiB"]}),i.retest.backend!==null&&e.jsxs("span",{style:d.label,children:["backend: ",i.retest.backend]})]}),i.tail!==null&&e.jsxs("pre",{style:{whiteSpace:"pre-wrap",wordBreak:"break-word",fontSize:"0.75rem",maxHeight:"12rem",overflow:"auto",marginTop:"0.5rem"},children:[i.tail,i.complete===!1&&`
+import{r as s,j as e,o as L,p as Z,q as ae,s as le,C as oe,t as ie,e as ee,v as de,w as D,x as F,y as ce,u as K,z as te,A as se}from"./index-iuxgtzEW.js";import{C as ue}from"./ConfigTab-C016XTNC.js";import{S as me}from"./switch-7EHEQMSP.js";import{b as he,p as pe,d as fe}from"./client-extra-CKNOGEz_.js";import{V as xe}from"./VcStatusBadge-ObhcIyfN.js";import{T as ge}from"./toggle-z1lWY4UM.js";function be(t){try{return new Date(t*1e3).toLocaleString()}catch{return"—"}}function ne({achievements:t}){const r=s.useRef(0),[n,l]=s.useState(null),a=t.reduce((o,c)=>Math.max(o,c.unlocked_at??0),0),i=r.current;s.useEffect(()=>{a>r.current&&(r.current=a)},[a]),s.useEffect(()=>{if(i>0&&a>i){const o=t.filter(c=>c.unlocked_at!=null&&(c.unlocked_at??0)>i);if(o.length>0){const c=o.map(h=>`${h.icon??""} ${h.title}`.trim()).join(", ")+" unlocked!";l(c);const f=setTimeout(()=>l(null),4e3);return()=>clearTimeout(f)}}},[t,a,i]);const u=t.filter(o=>!(o.hidden===1&&o.unlocked_at==null));return e.jsxs("div",{className:"ach-section",children:[n!=null&&e.jsx("div",{className:"ach-toast show",children:n}),e.jsxs("div",{className:"ach-tiles",children:[u.length===0&&e.jsx("span",{className:"repo-none",children:"no achievements yet"}),u.map(o=>{if(o.unlocked_at!=null){const c=i>0&&(o.unlocked_at??0)>i;return e.jsxs("div",{className:`ach-tile unlocked${c?" just-unlocked":""}`,children:[o.icon??""," ",o.title,e.jsxs("span",{className:"ach-detail",children:["unlocked ",be(o.unlocked_at)]})]},o.id)}return e.jsxs("div",{className:"ach-tile locked",children:["??? ",o.title]},o.id)})]})]})}function _(t){return(Math.round(t*10)/10).toString()+"%"}function V(t){return t!=null?new Date(t).toLocaleString():"—"}function q(t){return t&&typeof t=="object"?t:{}}function ye(t){return t.split("/").pop()||t}function $({title:t,rows:r,badge:n,renderValue:l}){return e.jsxs("div",{className:"lb-card",children:[e.jsxs("h3",{children:[t,n]}),r.length===0?e.jsx("div",{className:"lb-empty",children:"—"}):e.jsx("table",{children:e.jsx("tbody",{children:r.map((a,i)=>e.jsxs("tr",{children:[e.jsx("td",{title:a.repo_root,children:ye(a.repo_root)}),e.jsx("td",{className:"num",children:l(a)})]},`${a.repo_root}-${i}`))})})]})}function je(){const[t,r]=s.useState({}),[n,l]=s.useState(0),[a,i]=s.useState([]),[u,o]=s.useState(!1),[c,f]=s.useState(!0),[h,b]=s.useState(null),g=s.useRef(0),S=s.useCallback(async()=>{try{const[y,x,B,z,U,H]=await Promise.all([L({metric:"cache",limit:25}),L({metric:"dedupe",limit:25}),L({metric:"turns",limit:25}),L({metric:"mega_cache",limit:25}),L({metric:"repos",limit:1}),Z()]),P=z.find(I=>I.ts>g.current&&I.value>100);g.current>0&&P&&(b(`oopsie! cache went to ${Math.round(P.value)}% — MEGA CACHE 🥧`),setTimeout(()=>b(null),4e3)),z.length>0&&(g.current=Math.max(...z.map(I=>I.ts))),r({cache:y,dedupe:x,turns:B,mega_cache:z}),l(U[0]?.value??0),i(H)}catch{}finally{f(!1)}},[]);s.useEffect(()=>{let y=!0;const x=async()=>{y&&await S()};x();const B=setInterval(()=>void x(),15e3);return()=>{y=!1,clearInterval(B)}},[S]),s.useEffect(()=>{let y=!0;const x=async()=>{try{const z=await ae();y&&(o(!!z.game_mode_on),z.theme&&(document.documentElement.dataset.theme=z.theme))}catch{}};x();const B=setInterval(()=>void x(),15e3);return()=>{y=!1,clearInterval(B)}},[]);const C=t.mega_cache??[];let w=null,T=null;for(const y of C){(w==null||y.value>w)&&(w=y.value);const x=q(y.meta),B=x.firstSeenTs??x.firstSeen??y.ts;(T==null||B<T)&&(T=B)}const j=w!=null&&w>100,m=t.turns??[],v=m.reduce((y,x)=>Math.max(y,x.value),0),k=Math.floor(Math.log2(v+1))+1,N=(t.cache?.length??0)>0||(t.dedupe?.length??0)>0||m.length>0||C.length>0||n>0;return e.jsxs("div",{className:`game-tab${u?" game-mode-on":""}`,children:[h!=null&&e.jsx("div",{className:"mega-cache-toast show",children:h}),j&&e.jsxs("div",{className:"mega-cache-banner",children:["🥧"," MEGA CACHE! peak ",_(w)," — first reached ",V(T)]}),j&&e.jsxs("div",{className:"achievement-tile unlocked",children:["🏆"," Opie's Wild Ride",e.jsxs("span",{className:"ach-detail",children:["best ",_(w)," · first ",V(T)]})]}),e.jsx("h2",{children:"High Scores"}),!N&&!c&&e.jsx("div",{className:"game-empty",children:"No scores yet — run a session with game mode on."}),N&&e.jsxs("div",{className:"game-leaderboards",children:[e.jsx($,{title:"Cache %",rows:t.cache??[],renderValue:y=>_(y.value)}),e.jsx($,{title:"Dedupe (collapsed)",rows:t.dedupe??[],renderValue:y=>y.value.toLocaleString()}),e.jsx($,{title:"Turns",rows:m,badge:m.length>0?e.jsxs("span",{className:"lvl-badge",children:["LVL ",k]}):void 0,renderValue:y=>y.value.toLocaleString()}),e.jsx($,{title:"MEGA CACHE trophies",rows:C,renderValue:y=>e.jsxs(e.Fragment,{children:[_(y.value),e.jsx("span",{className:"lb-meta",children:V(q(y.meta).firstSeenTs??q(y.meta).firstSeen??y.ts)})]})})]}),n>0&&e.jsx("div",{className:"repos-badge-line",children:e.jsxs("span",{className:"repos-badge",children:[n," repos"]})}),e.jsx("h3",{children:"Achievements"}),e.jsx(ne,{achievements:a})]})}function ve(){const[t,r]=s.useState([]),[n,l]=s.useState(!0),[a,i]=s.useState(null),u=s.useCallback(async()=>{try{const o=await Z();r(o),i(null)}catch(o){i(o instanceof Error?o:new Error(String(o)))}finally{l(!1)}},[]);return s.useEffect(()=>{let o=!0;const c=async()=>{o&&await u()};c();const f=setInterval(()=>void c(),15e3);return()=>{o=!1,clearInterval(f)}},[u]),n&&t.length===0?e.jsx("div",{className:"tab-stub",children:"Loading achievements…"}):a&&t.length===0?e.jsxs("div",{className:"tab-stub",children:["Error: ",a.message]}):e.jsxs("div",{className:"achievements-tab",children:[e.jsx("h2",{children:"Achievements"}),e.jsx(ne,{achievements:t})]})}const A={section:{background:"#1a1a2e",borderRadius:"8px",padding:"1rem",marginBottom:"1rem",border:"1px solid #2a2a4e"},sectionTitle:{fontSize:"1.1rem",fontWeight:700,marginTop:0,marginBottom:"0.75rem",color:"#e0e0e0",borderBottom:"1px solid #333",paddingBottom:"0.5rem"},label:{fontWeight:600,color:"#a0a0c0",marginRight:"0.5rem"},value:{color:"#e0e0e0"},row:{marginBottom:"0.4rem",fontSize:"0.9rem"}};function Se(){const[t,r]=s.useState(null),[n,l]=s.useState(null),a=s.useCallback(()=>{le().then(r).catch(f=>l(f instanceof Error?f.message:String(f)))},[]);s.useEffect(()=>{a()},[a]),s.useEffect(()=>{const f=setInterval(a,3e4);return()=>clearInterval(f)},[a]);const i=t?.status==="ok",u=t?.status==="ok"?"Working":t?.status==="unreachable"?"Unreachable":"Error",o=i?"#4caf50":"#f44336",c=i?"✓":"✗";return e.jsxs("div",{style:A.section,children:[e.jsx("h3",{style:A.sectionTitle,children:"Embedder Health"}),n&&e.jsxs("p",{style:{color:"#f44336",fontSize:"0.85rem"},children:["Error: ",n]}),!t&&!n&&e.jsx("p",{style:{color:"#888",fontSize:"0.85rem"},children:"Probing embedder..."}),t&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:A.row,children:[e.jsxs("span",{style:{...A.label,color:`${o}`},children:[c," ",u,":"]}),e.jsxs("span",{style:A.value,children:[t.dim," dims"]}),t.latencyMs!==void 0&&e.jsxs("span",{style:{color:"#a0a0c0",marginLeft:"0.5rem"},children:["(",t.latencyMs.toFixed(1)," ms)"]})]}),e.jsxs("div",{style:A.row,children:[e.jsx("span",{style:A.label,children:"Endpoint:"}),e.jsx("span",{style:A.value,children:t.url??e.jsx("span",{style:{color:"#888"},children:"built-in (no URL)"})})]}),t.error&&e.jsx("p",{style:{color:"#f44336",fontSize:"0.85rem"},children:t.error})]})]})}function we({title:t,children:r}){const[n,l]=s.useState(!0),a=`settings-${t.toLowerCase().replace(/[^a-z0-9]+/g,"-")}`;return e.jsxs("section",{className:"overflow-hidden rounded-xl border border-border bg-bg-elevated/40",children:[e.jsxs("button",{type:"button",onClick:()=>l(i=>!i),className:"flex w-full items-center justify-between rounded-t-xl bg-bg-elevated/60 px-4 py-3 text-left text-sm font-semibold text-foreground transition-colors hover:bg-bg-elevated","aria-expanded":n,"aria-controls":a,children:[e.jsx("span",{children:t}),e.jsx(oe,{className:ie("h-4 w-4 text-muted-foreground transition-transform",n&&"rotate-180"),"aria-hidden":"true"})]}),n&&e.jsx("div",{id:a,className:"divide-y divide-border px-4 py-1",children:r})]})}const ke="rounded-md border border-border bg-bg-elevated/50 px-2 py-1 text-sm outline-none transition-colors focus:border-primary disabled:cursor-not-allowed disabled:opacity-50";function Ce(){return e.jsx("span",{className:"ml-2 inline-flex items-center rounded-md border border-warning/40 bg-warning/15 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-warning",title:"Requires an LLM embedder (Ollama/HTTP) to be effective",children:"LLM"})}function Ee({setting:t,id:r,llmActive:n,saving:l,onUpdate:a}){const[i,u]=s.useState(null),o=t.requiresLlm&&!n,c=s.useRef(null);s.useEffect(()=>()=>{c.current&&clearTimeout(c.current)},[]);const f=s.useCallback(g=>{a(t.key,g).then(S=>u(S)).catch(S=>u(S instanceof Error?S.message:String(S)))},[a,t.key]),h=s.useCallback(g=>{c.current&&clearTimeout(c.current),c.current=setTimeout(()=>f(g),500)},[f]),b=l||o;return e.jsxs("div",{className:"py-2.5",children:[e.jsxs("div",{className:"flex items-start justify-between gap-3",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center text-sm font-semibold text-foreground",children:[e.jsx("label",{htmlFor:`${r}-input`,className:"cursor-pointer",children:t.label}),t.requiresLlm&&!n&&e.jsx(Ce,{})]}),e.jsx("div",{className:"mt-0.5 text-xs text-muted-foreground",children:t.description})]}),e.jsx("div",{className:"flex shrink-0 items-center gap-2",children:t.type==="boolean"?e.jsx(me,{id:`${r}-input`,checked:!!t.value,disabled:b||o,onCheckedChange:g=>f(String(g)),"aria-label":t.label}):e.jsxs(e.Fragment,{children:[e.jsx("input",{id:`${r}-input`,type:t.type==="number"?"number":"text",defaultValue:String(t.value??""),min:t.min,max:t.max,disabled:b,onChange:g=>h(g.target.value),className:`${ke} ${t.type==="number"?"w-24":"w-56"}`}),t.unit&&e.jsx("span",{className:"text-xs text-muted-foreground",children:t.unit})]})})]}),i&&e.jsxs("p",{className:"mt-1 text-xs text-danger",children:["Error: ",i]})]})}function Re(){const[t,r]=s.useState(null),[n,l]=s.useState(null),[a,i]=s.useState(!1),[u,o]=s.useState(null),c=s.useCallback(()=>{ee().then(r).catch(h=>l(h instanceof Error?h.message:String(h)))},[]);s.useEffect(()=>{c()},[c]);const f=s.useCallback(async(h,b)=>{i(!0);try{const g=await de({key:h,value:b});return o(g.restartRequired?"Saved — restart pi to apply changes.":"Saved."),c(),null}catch(g){return g instanceof Error?g.message:String(g)}finally{i(!1)}},[c]);return e.jsxs("div",{className:"flex flex-col gap-3",children:[n&&e.jsxs("p",{className:"text-sm text-danger",children:["Error: ",n]}),!t&&!n&&e.jsx("p",{className:"text-sm text-muted-foreground",children:"Loading settings..."}),t?.categories.map(h=>e.jsx(we,{title:h.name,children:h.settings.map(b=>e.jsx(Ee,{setting:b,id:`${h.name.replace(/[^a-z0-9]+/gi,"-")}-${b.key}`,llmActive:t.llmActive,saving:a,onUpdate:f},b.key))},h.name)),u&&e.jsx("div",{className:"mt-1 rounded-md border border-warning/40 bg-warning/10 p-2 text-xs text-warning",role:"status",children:u})]})}const p={container:{padding:"1rem",maxWidth:"720px",margin:"0 auto",fontFamily:"system-ui, sans-serif",color:"#e0e0e0"},section:{background:"#1a1a2e",borderRadius:"8px",padding:"1rem",marginBottom:"1rem",border:"1px solid #2a2a4e"},sectionTitle:{fontSize:"1.1rem",fontWeight:700,marginTop:0,marginBottom:"0.75rem",color:"#e0e0e0",borderBottom:"1px solid #333",paddingBottom:"0.5rem"},label:{fontWeight:600,color:"#a0a0c0",marginRight:"0.5rem"},value:{color:"#e0e0e0"},row:{marginBottom:"0.4rem",fontSize:"0.9rem"},warning:{background:"#3a2a00",border:"1px solid #665500",borderRadius:"8px",padding:"0.75rem",marginTop:"0.5rem",color:"#ffcc00",fontSize:"0.85rem"},badge:{display:"inline-block",padding:"0.15rem 0.5rem",borderRadius:"4px",fontSize:"0.8rem",fontWeight:600,marginLeft:"0.5rem"},detectRow:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"0.5rem 0",borderBottom:"1px solid #2a2a4e"},button:{background:"#3a5a9f",color:"#fff",border:"none",borderRadius:"6px",padding:"0.5rem 1rem",cursor:"pointer",fontSize:"0.9rem",fontWeight:600}},Te="Saved; takes effect on next session start";function Ne({customUrl:t,setCustomUrl:r,applyEmbedder:n,configuring:l,inputEnabled:a,apiKeySet:i,embeddingDim:u,embeddingHeadersSet:o,allowRemoteEmbedder:c,configureResult:f,configureError:h}){const[b,g]=s.useState(""),[S,C]=s.useState(""),[w,T]=s.useState(!1),[j,m]=s.useState(""),[v,k]=s.useState(!1),[N,y]=s.useState(!1);return a&&!w&&typeof u=="string"&&(C(u),T(!0)),a&&!N&&typeof c=="boolean"&&(k(c),y(!0)),e.jsxs("div",{style:p.section,children:[e.jsx("h3",{style:p.sectionTitle,children:"Custom Endpoint (remote / third-party)"}),e.jsxs("p",{style:{fontSize:"0.85rem",color:"#a0a0c0",marginTop:0},children:["Point at any OpenAI-compatible embeddings API or hosted endpoint. This opts in to a non-loopback connection (sets"," ",e.jsx("code",{children:"MEGACOMPACT_ALLOW_REMOTE_EMBEDDER=1"}),") — your prompts' embedding requests will be sent to the URL you enter. Default is loopback-only."]}),e.jsxs("div",{style:{display:"flex",gap:"0.5rem",flexWrap:"wrap",alignItems:"center"},children:[e.jsx("input",{type:"url",placeholder:"https://api.example.com/v1/embeddings",value:t,onChange:x=>r(x.target.value),style:{flex:"1 1 300px",background:"#12122a",color:"#e0e0e0",border:"1px solid #2a2a4e",borderRadius:"6px",padding:"0.4rem 0.6rem",fontSize:"0.85rem",fontFamily:"monospace"}}),a&&e.jsx("input",{type:"password",autoComplete:"new-password","aria-label":"API key (optional Bearer)",placeholder:"API key (optional Bearer)",value:b,onChange:x=>g(x.target.value),style:{flex:"1 1 300px",background:"#12122a",color:"#e0e0e0",border:"1px solid #2a2a4e",borderRadius:"6px",padding:"0.4rem 0.6rem",fontSize:"0.85rem",fontFamily:"monospace"}}),a&&i&&e.jsx("span",{style:{fontSize:"0.75rem",color:"#81c784",border:"1px solid #2a4e2a",borderRadius:"4px",padding:"0.15rem 0.45rem"},children:"API key saved"}),a&&o&&e.jsx("span",{style:{fontSize:"0.75rem",color:"#81c784",border:"1px solid #2a4e2a",borderRadius:"4px",padding:"0.15rem 0.45rem"},children:"Headers saved"}),e.jsx("button",{style:{...p.button,opacity:t?1:.4},onClick:()=>n("custom",t,b,S,j,v),disabled:!t||l!==null,children:l==="custom"?"Writing...":"Use Custom URL"})]}),a&&e.jsxs("div",{style:{marginTop:"0.75rem"},children:[e.jsxs("div",{style:{marginBottom:"0.5rem"},children:[e.jsx("label",{style:{...p.label,display:"block",marginBottom:"0.25rem"},children:"Embedding dim (optional)"}),e.jsx("input",{type:"number",min:1,placeholder:"e.g. 384",value:S,onChange:x=>C(x.target.value),style:{width:"200px",background:"#12122a",color:"#e0e0e0",border:"1px solid #2a2a4e",borderRadius:"6px",padding:"0.4rem 0.6rem",fontSize:"0.85rem",fontFamily:"monospace"}})]}),e.jsxs("div",{style:{marginBottom:"0.5rem"},children:[e.jsx("label",{style:{...p.label,display:"block",marginBottom:"0.25rem"},children:"Embedding headers (JSON, write-only — never re-displayed)"}),e.jsx("textarea",{placeholder:'{"Authorization": "Bearer ..."}',value:j,onChange:x=>m(x.target.value),"aria-label":"Embedding headers JSON (write-only — never re-displayed)",rows:2,style:{width:"100%",background:"#12122a",color:"#e0e0e0",border:"1px solid #2a2a4e",borderRadius:"6px",padding:"0.4rem 0.6rem",fontSize:"0.85rem",fontFamily:"monospace",resize:"vertical"}})]}),e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"0.5rem",fontSize:"0.85rem"},children:[e.jsx("input",{type:"checkbox",checked:v,onChange:x=>k(x.target.checked),"aria-label":"Allow remote embedder (skips loopback-only check)"}),"Allow remote embedder (skips loopback-only check)"]})]}),h!==null&&e.jsxs("p",{style:{color:"#f44336",fontSize:"0.85rem",marginTop:"0.5rem"},children:["Configure error: ",h]}),f!==null&&f.embedder==="custom"&&e.jsx("div",{style:p.warning,children:Te}),e.jsxs("div",{style:p.warning,children:[e.jsx("strong",{children:"Heads up:"})," a remote endpoint receives the text you embed (it does NOT receive your full conversation — only the strings passed to",e.jsx("code",{children:" embed()"})," for recall/dedup). Verify the endpoint's privacy policy before use."]})]})}function J(t){switch(t){case"trigram":return"TrigramEmbedder (heuristic, default)";case"http":return"HTTP Embedder (BYO localhost)";case"minilm":return"MiniLM (experimental)";default:return"Unknown"}}function Be(t){return t?.currentEmbedder!=="trigram"?null:e.jsxs("div",{style:p.warning,children:[e.jsx("strong",{children:"Note:"})," TrigramEmbedder is a heuristic-strength default embedder. It works without any setup but recall quality may be lower than a dedicated embedding backend. If you notice poor recall results, consider installing Ollama and running the"," ",e.jsx("code",{children:"/megasetup"})," command, or set"," ",e.jsx("code",{children:"MEGACOMPACT_EMBEDDING_URL"})," to point at your own localhost embedding server."]})}function G(t){const r=t?"#1a5a1a":"#3a1a1a",n=t?"#4caf50":"#f44336";return e.jsx("span",{style:{...p.badge,background:r,color:n},children:t?"Detected":"Not found"})}function Me({status:t,statusError:r}){return e.jsxs("div",{style:p.section,children:[e.jsx("h3",{style:p.sectionTitle,children:"Current Embedder Configuration"}),r&&e.jsxs("p",{style:{color:"#f44336",fontSize:"0.85rem"},children:["Error: ",r]}),t&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:p.row,children:[e.jsx("span",{style:p.label,children:"Active Embedder:"}),e.jsx("span",{style:p.value,children:J(t.currentEmbedder)})]}),"configuredEmbedder"in t&&t.configuredEmbedder!==t.currentEmbedder&&e.jsxs("div",{style:p.warning,children:[e.jsx("strong",{children:"Configured but not active:"})," ",J(t.configuredEmbedder)," is configured in .mega-compact.env but not yet loaded."," ",e.jsx("strong",{children:"Restart pi"})," to activate it.",t.configuredUrl&&e.jsxs(e.Fragment,{children:[" (",t.configuredUrl,")"]})]}),"restartRequired"in t&&t.restartRequired&&e.jsxs("div",{style:{...p.row,color:"#ff9800"},children:[e.jsx("span",{style:p.label,children:"Status:"}),e.jsx("span",{style:p.value,children:"Restart required to activate the configured embedder"})]}),e.jsxs("div",{style:p.row,children:[e.jsx("span",{style:p.label,children:"Embedding URL:"}),e.jsx("span",{style:p.value,children:t.embeddingUrl??e.jsx("span",{style:{color:"#888"},children:"not set"})})]}),e.jsxs("div",{style:p.row,children:[e.jsx("span",{style:p.label,children:"Embed Cache:"}),e.jsx("span",{style:p.value,children:t.embedCache??e.jsx("span",{style:{color:"#888"},children:"not set"})})]}),e.jsxs("div",{style:p.row,children:[e.jsx("span",{style:p.label,children:"MiniLM:"}),e.jsx("span",{style:p.value,children:t.minilm?"enabled":"disabled"})]}),Be(t)]}),!t&&!r&&e.jsx("p",{style:{color:"#888",fontSize:"0.85rem"},children:"Loading configuration..."})]})}function ze(){const[t,r]=s.useState(null),[n,l]=s.useState(null),[a,i]=s.useState(null),[u,o]=s.useState(null),[c,f]=s.useState(!1),[h,b]=s.useState(null),[g,S]=s.useState(null),[C,w]=s.useState(null),[T,j]=s.useState(""),[m,v]=s.useState(!1),k=s.useCallback(()=>{D().then(r).catch(x=>i(x instanceof Error?x.message:String(x)))},[]),N=s.useCallback((x,B,z,U,H,P)=>{b(x),w(null),S(null);const I="embeddingHeadersSet"in(t??{});F({embedder:x,url:B,embeddingEndpointUrl:B,embeddingApiKey:z,...I?{embeddingDim:U,embeddingHeaders:H,allowRemoteEmbedder:P}:{}}).then(O=>{S(O),b(null),k()}).catch(O=>{w(O instanceof Error?O.message:String(O)),b(null)})},[k,t]),y=s.useCallback(()=>{f(!0),o(null),ce().then(x=>{l(x),f(!1)}).catch(x=>{o(x instanceof Error?x.message:String(x)),f(!1)})},[]);return s.useEffect(()=>{k()},[k]),s.useEffect(()=>{m||t&&typeof t.embeddingEndpointUrl=="string"&&t.embeddingEndpointUrl.length>0&&(j(t.embeddingEndpointUrl),v(!0))},[t,m]),s.useEffect(()=>{const x=setInterval(k,5e3);return()=>clearInterval(x)},[k]),s.useEffect(()=>{y();const x=setInterval(y,5e3);return()=>clearInterval(x)},[y]),e.jsxs("div",{style:p.container,children:[e.jsx("h2",{style:{fontSize:"1.3rem",marginTop:0,marginBottom:"1rem"},children:"Embedder Setup"}),e.jsx(Se,{}),e.jsx(Me,{status:t,statusError:a}),e.jsxs("div",{style:p.section,children:[e.jsx("h3",{style:p.sectionTitle,children:"Local Embedder Detection"}),e.jsx("p",{style:{fontSize:"0.85rem",color:"#a0a0c0",marginTop:0},children:"Detect which local embedding backends are available on this machine. No software is installed — detection only."}),n&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:p.detectRow,children:[e.jsx("span",{children:e.jsx("strong",{children:"Ollama"})}),n.ollama!==null?e.jsxs("span",{children:[G(n.ollama.installed),n.ollama.installed&&e.jsx("span",{style:{fontSize:"0.8rem",color:"#a0a0c0",marginLeft:"0.5rem"},children:n.ollama.running?`server running, ${n.ollama.models.length} model(s)`:"server not running"})]}):e.jsx("span",{style:{color:"#888",fontSize:"0.85rem"},children:"not checked"})]}),e.jsxs("div",{style:p.detectRow,children:[e.jsx("span",{children:e.jsx("strong",{children:"llama.cpp"})}),n.llamaCpp!==null?e.jsxs("span",{children:[G(n.llamaCpp.installed),n.llamaCpp.installed&&n.llamaCpp.detail&&e.jsx("span",{style:{fontSize:"0.8rem",color:"#a0a0c0",marginLeft:"0.5rem"},children:n.llamaCpp.detail})]}):e.jsx("span",{style:{color:"#888",fontSize:"0.85rem"},children:"not checked"})]}),e.jsxs("div",{style:p.detectRow,children:[e.jsx("span",{children:e.jsx("strong",{children:"ONNX Runtime"})}),n.onnx!==null?e.jsxs("span",{children:[G(n.onnx.installed),n.onnx.installed&&n.onnx.detail&&e.jsx("span",{style:{fontSize:"0.8rem",color:"#a0a0c0",marginLeft:"0.5rem"},children:n.onnx.detail})]}):e.jsx("span",{style:{color:"#888",fontSize:"0.85rem"},children:"not checked"})]}),n.error&&e.jsxs("p",{style:{color:"#f44336",fontSize:"0.8rem",marginTop:"0.5rem"},children:["Detection error: ",n.error]})]}),u&&e.jsxs("p",{style:{color:"#f44336",fontSize:"0.85rem"},children:["Error: ",u]}),e.jsxs("div",{style:{marginTop:"1rem"},children:[e.jsx("button",{style:p.button,onClick:y,disabled:c,children:c?"Detecting...":"Run Detection"}),e.jsxs("span",{style:{fontSize:"0.8rem",color:"#888",marginLeft:"0.75rem"},children:["Or run ",e.jsx("code",{children:"/megasetup"})," in the chat for an interactive wizard."]})]}),n&&e.jsxs("div",{style:{marginTop:"1rem",paddingTop:"0.75rem",borderTop:"1px solid #2a2a4e"},children:[e.jsx("div",{style:{fontSize:"0.9rem",fontWeight:600,marginBottom:"0.5rem"},children:"Configure"}),e.jsxs("div",{style:{display:"flex",gap:"0.5rem",flexWrap:"wrap"},children:[e.jsx("button",{style:{...p.button,opacity:n.ollama?.installed?1:.4},onClick:()=>N("ollama"),disabled:!n.ollama?.installed||h!==null,children:h==="ollama"?"Writing...":"Use Ollama"}),e.jsx("button",{style:{...p.button,opacity:n.llamaCpp?.installed?1:.4},onClick:()=>N("llama"),disabled:!n.llamaCpp?.installed||h!==null,children:h==="llama"?"Writing...":"Use llama.cpp"}),e.jsx("button",{style:{...p.button,opacity:n.onnx?.installed?1:.4},onClick:()=>N("onnx"),disabled:!n.onnx?.installed||h!==null,children:h==="onnx"?"Writing...":"Use ONNX"}),e.jsx("button",{style:{...p.button,background:"#444"},onClick:()=>N("trigram"),disabled:h!==null,children:h==="trigram"?"Writing...":"Use Trigram (default)"})]}),g&&g.embedder!=="custom"&&e.jsx("div",{style:p.warning,children:g.alreadyActive?"Already active — no restart needed.":`Configured ${g.embedder}. Restart pi to activate (config written to ${g.envPath}).`}),C&&e.jsxs("p",{style:{color:"#f44336",fontSize:"0.85rem",marginTop:"0.5rem"},children:["Configure error: ",C]})]})]}),e.jsx(Ne,{customUrl:T,setCustomUrl:j,applyEmbedder:N,configuring:h,inputEnabled:t!==null&&"embeddingApiKeySet"in t,apiKeySet:t?.embeddingApiKeySet===!0,embeddingDim:t?.embeddingDim,embeddingHeadersSet:t?.embeddingHeadersSet===!0,allowRemoteEmbedder:t?.allowRemoteEmbedder,configureResult:g,configureError:C}),e.jsxs("div",{style:p.section,children:[e.jsx("h3",{style:p.sectionTitle,children:"How to Upgrade"}),e.jsxs("ul",{style:{fontSize:"0.85rem",lineHeight:1.6,paddingLeft:"1.25rem"},children:[e.jsxs("li",{children:[e.jsx("strong",{children:"Ollama:"})," Install from"," ",e.jsx("a",{href:"https://ollama.com",style:{color:"#6a9fff"},target:"_blank",rel:"noopener noreferrer",children:"ollama.com"}),", then ",e.jsx("code",{children:"ollama pull nomic-embed-text"})," and restart pi. Set ",e.jsx("code",{children:"MEGACOMPACT_EMBEDDING_URL=http://localhost:11434/api/embeddings"}),"."]}),e.jsxs("li",{children:[e.jsx("strong",{children:"llama.cpp:"})," Build or install llama.cpp, run"," ",e.jsx("code",{children:"llama-server"})," with an embedding model, and set the URL accordingly."]}),e.jsxs("li",{children:[e.jsx("strong",{children:"ONNX Runtime:"})," Run a local text-embeddings server (e.g. TEI) and click ",e.jsx("strong",{children:"Use ONNX"})," above. Default URL: ",e.jsx("code",{children:"http://localhost:8081/v1/embeddings"}),"."]})]})]}),e.jsxs("div",{style:p.section,children:[e.jsx("h3",{style:p.sectionTitle,children:"Settings"}),e.jsx(Re,{})]})]})}function W(t){return t>=1e6?`${(t/1e6).toFixed(2)}M`:t>=1e3?`${Math.round(t/1e3)}K`:String(t)}function Ae(t,r,n){if(t<=0)return"—";const a=(r>0?r:Math.ceil(t*.1))+Math.ceil(t*(n/100)),i=t-a;return i<=0?"0 (at risk)":`${W(i)} tokens`}function Y({label:t,value:r,min:n,max:l,step:a=1,onChange:i,warning:u}){return e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsxs("div",{className:"flex items-center justify-between text-xs",children:[e.jsx("span",{className:"font-medium text-fg-muted",children:t}),e.jsxs("span",{className:`font-mono ${u?"text-warning":"text-fg"}`,title:u,children:[r,"%"]})]}),e.jsx("input",{type:"range",min:n,max:l,step:a,value:r,onChange:o=>i(Number(o.target.value)),className:"threshold-slider w-full"}),u&&e.jsxs("p",{className:"text-[10px] text-warning",children:["⚠ ",u]})]})}function Ie({model:t,defaults:r,safetyRange:n,fireRange:l,onSave:a,onReset:i,saving:u}){const[o,c]=s.useState(t.threshold.safetyMarginPct),[f,h]=s.useState(t.threshold.firePointPct),[b,g]=s.useState(!1),[S,C]=s.useState(null);s.useEffect(()=>{c(t.threshold.safetyMarginPct),h(t.threshold.firePointPct),g(!1)},[t.threshold.safetyMarginPct,t.threshold.firePointPct]);const w=o<5?'Low safety margin — risks "conversation too long" errors when a single turn injects a large tool output between gate fires.':void 0,T=f>85?"High fire point — compaction may trigger close to the window cap; a single large turn can overshoot before the gate fires.":void 0,j=s.useCallback(async()=>{C(null);try{await a(t.modelId,o,f),g(!1)}catch(m){C(m instanceof Error?m.message:String(m))}},[t.modelId,o,f,a]);return e.jsxs("div",{className:"rounded-md border border-border bg-bg-elevated/30 p-3",children:[e.jsxs("div",{className:"mb-2 flex items-start justify-between",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-sm font-semibold text-fg",children:t.modelName??t.modelId}),t.threshold.isOverride&&e.jsx("span",{className:"rounded border border-primary/40 bg-primary/15 px-1.5 py-0.5 text-[10px] font-semibold uppercase text-primary",title:"This model has a custom override (not the default)",children:"Override"})]}),e.jsxs("div",{className:"text-[11px] text-fg-muted",children:[t.provider," · ",W(t.contextWindow)," window ·"," ",W(t.maxTokens)," output"]})]}),e.jsxs("div",{className:"text-right text-[11px] text-fg-muted",children:[e.jsxs("div",{children:["Usable tail:"," ",e.jsx("span",{className:"font-mono text-fg",children:Ae(t.contextWindow,t.maxTokens,o)})]}),e.jsxs("div",{children:["Compaction fires at:"," ",e.jsx("span",{className:"font-mono text-fg",children:W(Math.ceil(t.contextWindow*(f/100)))})]})]})]}),e.jsxs("div",{className:"grid grid-cols-1 gap-3 sm:grid-cols-2",children:[e.jsx(Y,{label:"Safety margin",value:o,min:n[0],max:n[1],onChange:m=>{c(m),g(!0)},warning:w}),e.jsx(Y,{label:"Fire point",value:f,min:l[0],max:l[1],onChange:m=>{h(m),g(!0)},warning:T})]}),e.jsxs("div",{className:"mt-2 flex items-center gap-2",children:[e.jsx("button",{type:"button",onClick:j,disabled:!b||u,className:"rounded-md bg-primary px-2.5 py-1 text-xs font-semibold text-primary-fg disabled:cursor-not-allowed disabled:opacity-50",children:b?"Save override":"Saved"}),t.threshold.isOverride&&e.jsxs("button",{type:"button",onClick:()=>i(t.modelId),disabled:u,className:"rounded-md border border-border px-2.5 py-1 text-xs text-fg-muted disabled:cursor-not-allowed disabled:opacity-50",children:["Reset to default (",r.safetyMarginPct,"% /"," ",r.firePointPct,"%)"]}),S&&e.jsx("span",{className:"text-[11px] text-error",children:S})]})]})}function Oe(){const[t,r]=s.useState(null),[n,l]=s.useState(!0),[a,i]=s.useState(null),[u,o]=s.useState(!1),c=s.useCallback(async()=>{try{i(null),r(await he())}catch(b){i(b instanceof Error?b.message:String(b))}finally{l(!1)}},[]);s.useEffect(()=>{c()},[c]);const f=s.useCallback(async(b,g,S)=>{o(!0);try{await pe({modelId:b,safetyMarginPct:g,firePointPct:S}),await c()}finally{o(!1)}},[c]),h=s.useCallback(async b=>{o(!0);try{await fe(b),await c()}finally{o(!1)}},[c]);return n?e.jsx("div",{className:"p-4 text-sm text-fg-muted",children:"Loading thresholds…"}):a?e.jsxs("div",{className:"p-4 text-sm text-error",children:["Error: ",a]}):t?e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs("div",{className:"rounded-md border border-border bg-bg-elevated/20 p-3",children:[e.jsx("h3",{className:"text-sm font-semibold",children:"Per-Model Compaction Thresholds"}),e.jsxs("p",{className:"mt-1 text-[11px] text-fg-muted",children:["Tune when compaction fires + how much safety margin to reserve,",e.jsx("strong",{children:" per model"}),". Different providers' models range from 8K to 1M+ context — one global % is wrong. Defaults:"," ",e.jsxs("span",{className:"font-mono",children:[t.defaults.safetyMarginPct,"% safety"]})," ","/"," ",e.jsxs("span",{className:"font-mono",children:[t.defaults.firePointPct,"% fire"]}),". Values outside the safe band show warnings."]})]}),t.models.length===0?e.jsx("div",{className:"rounded-md border border-border p-4 text-sm text-fg-muted",children:"No models captured yet. Start a pi session in any repo to populate model snapshots, then return here to tune per-model thresholds."}):e.jsx("div",{className:"flex flex-col gap-3",children:t.models.map(b=>e.jsx(Ie,{model:b,defaults:t.defaults,safetyRange:t.defaults.safetyMarginRange,fireRange:t.defaults.firePointRange,onSave:f,onReset:h,saving:u},b.modelId))})]}):e.jsx("div",{className:"p-4 text-sm text-fg-muted",children:"No data."})}async function Le(){const t=await fetch("/api/setup-cortex-status");if(!t.ok)throw new Error(`setup-cortex status: ${t.status}`);return t.json()}async function De(t){const r=await fetch("/api/setup-cortex-action",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)});if(r.ok)return{ok:!0,result:await r.json()};let n;try{n=await r.json()}catch{n={error:"disabled"}}return{ok:!1,status:r.status,error:n}}async function Pe(t){const r=await fetch(`/api/setup-cortex-action-log?name=${encodeURIComponent(t)}`);if(!r.ok)throw new Error(`setup-cortex action-log: ${r.status}`);return r.json()}function _e(t){return t===null?!0:t.enabled&&t.status!=="off"}function re(){const[t,r]=s.useState({loading:!0,error:null,data:null}),n=s.useCallback(()=>{r(l=>({...l,loading:!0})),Le().then(l=>r(a=>({...a,data:l,loading:!1,error:null}))).catch(l=>r(a=>({...a,loading:!1,error:l instanceof Error?l.message:String(l)})))},[]);return s.useEffect(()=>{n();const l=setInterval(n,5e3);return()=>clearInterval(l)},[n]),[t,n]}const d={container:{padding:"1rem",maxWidth:"720px",margin:"0 auto",fontFamily:"system-ui, sans-serif",color:"#e0e0e0"},section:{background:"#1a1a2e",borderRadius:"8px",padding:"1rem",marginBottom:"1rem",border:"1px solid #2a2a4e"},sectionTitle:{fontSize:"1.1rem",fontWeight:700,marginTop:0,marginBottom:"0.75rem",color:"#e0e0e0",borderBottom:"1px solid #333",paddingBottom:"0.5rem"},label:{fontWeight:600,color:"#a0a0c0",marginRight:"0.5rem"},value:{color:"#e0e0e0"},row:{marginBottom:"0.4rem",fontSize:"0.9rem"},warning:{background:"#3a2a00",border:"1px solid #665500",borderRadius:"8px",padding:"0.75rem",marginTop:"0.5rem",color:"#ffcc00",fontSize:"0.85rem"},blocked:{background:"#3a1a1a",border:"1px solid #662222",borderRadius:"8px",padding:"0.75rem",marginTop:"0.5rem",color:"#ff6666",fontSize:"0.85rem"},badge:{display:"inline-block",padding:"0.15rem 0.5rem",borderRadius:"4px",fontSize:"0.8rem",fontWeight:600,marginLeft:"0.5rem"},button:{background:"#3a5a9f",color:"#fff",border:"none",borderRadius:"6px",padding:"0.5rem 1rem",cursor:"pointer",fontSize:"0.9rem",fontWeight:600},buttonDanger:{background:"#6a2a2a",color:"#ffb3b3",border:"1px solid #662222",borderRadius:"6px",padding:"0.5rem 1rem",cursor:"pointer",fontSize:"0.9rem",fontWeight:600},blockerRow:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:"0.5rem",padding:"0.5rem 0.6rem",borderRadius:"6px",marginBottom:"0.35rem",fontSize:"0.85rem"},blockerRowHighlighted:{background:"#3a1a1a",border:"1px solid #662222"},mono:{fontFamily:"ui-monospace, monospace",fontSize:"0.8rem"}};function $e(t){switch(t){case"A":return"A — qualified learned encoder asset";case"B":return"B — demoted (heuristic/trigram)";case"C":return"C — absent (asset not verified)";default:return"—"}}function We(t){const r=t==="qualified"?"#1a5a1a":t==="demoted"?"#3a3a1a":"#3a1a1a",n=t==="qualified"?"#4caf50":t==="demoted"?"#ffcc00":"#f44336";return e.jsx("span",{style:{...d.badge,background:r,color:n},children:t??"unknown"})}function Fe({data:t,error:r}){return e.jsxs("div",{style:d.section,children:[e.jsxs("h3",{style:d.sectionTitle,children:[e.jsx("span",{style:{marginRight:"0.5rem"},children:"Cortex Encoder"}),e.jsx(xe,{status:t?.status})]}),r&&e.jsxs("p",{style:{color:"#f44336",fontSize:"0.85rem"},children:["Error: ",r]}),!t&&!r&&e.jsx("p",{style:{color:"#888",fontSize:"0.85rem"},children:"Loading cortex status..."}),!t?.enabled&&e.jsx("p",{style:{color:"#f44336",fontSize:"0.85rem"},children:"Cortex status disabled (VC9A off)."}),e.jsxs("div",{style:d.row,children:[e.jsx("span",{style:d.label,children:"Mode:"}),e.jsx("span",{style:d.value,children:$e(t?.encoderHealth.mode)})]}),e.jsxs("div",{style:d.row,children:[e.jsx("span",{style:d.label,children:"Asset digest prefix:"}),e.jsx("span",{style:{...d.value,...d.mono},children:t?.assetDigestPrefix??e.jsx("span",{style:{color:"#888"},children:"not available"})})]}),e.jsxs("div",{style:d.row,children:[e.jsx("span",{style:d.label,children:"Qualification:"}),We(t?.qualification.verdict)]}),(t?.qualification.thresholdFailures.length??0)>0&&e.jsxs("div",{style:d.warning,children:[e.jsx("strong",{children:"Threshold failure(s):"})," ",t?.qualification.thresholdFailures.join(", ")]}),t?.status==="awaiting_data"&&e.jsx("p",{style:{color:"#a0a0c0",fontSize:"0.85rem"},children:"Awaiting encoder data. Qualification will appear once an asset is present."}),t?.status==="deferred"&&e.jsx("p",{style:{color:"#a0a0c0",fontSize:"0.85rem"},children:"Encoder status deferred."})]})}function Ue(t){switch(t){case"blocker":return"#f44336";case"high":return"#ff9800";default:return"#a0a0c0"}}function He({blockers:t,highlight:r,darwinX64:n}){const l=r??[];return e.jsxs("div",{style:d.section,children:[e.jsxs("h3",{style:d.sectionTitle,children:["Open Hard-Gate Blockers",e.jsx("span",{style:{...d.badge,background:"#3a1a1a",color:"#f44336"},children:t.length})]}),t.length===0&&e.jsx("p",{style:{color:"#4caf50",fontSize:"0.85rem"},children:"No open hard-gate blockers."}),n?.demoted===!0&&e.jsxs("div",{style:d.blockerRow,"data-darwin-x64-demoted":"true",children:[e.jsx("span",{style:{...d.mono,fontWeight:700},children:"HG-4"}),e.jsx("span",{style:{flex:1,color:"#e0e0e0"},children:n.reason||"darwin-x64: demoted to WASM (reason unavailable)"}),e.jsx("span",{style:{color:"#ff9800"},children:"high"}),e.jsx("span",{style:{color:"#4caf50",fontStyle:"italic"},children:"diagnosed"})]}),t.map(a=>{const i=l.includes(a.id);return e.jsxs("div",{style:{...d.blockerRow,...i?d.blockerRowHighlighted:{}},children:[e.jsx("span",{style:{...d.mono,fontWeight:700},children:a.id}),e.jsx("span",{style:{flex:1,color:"#e0e0e0"},children:a.title}),e.jsx("span",{style:{color:Ue(a.severity)},children:a.severity}),e.jsx("span",{style:{color:"#a0a0c0",fontStyle:"italic"},children:i?"gates this action":a.status})]},a.id)}),l.length>0&&e.jsxs("div",{style:d.blocked,children:[e.jsx("strong",{children:"Blocked:"})," the requested action is gated by the highlighted open hard-gate item(s). It was not run."]})]})}const Ve=[{key:"fetch-model",label:"Fetch Model",desc:"Fetch the qualified encoder model asset",dangerous:!0,confirm:"Fetch the encoder model asset onto this host? (Gated by any open hard gate.)"},{key:"bench",label:"Bench Encoder",desc:"Benchmark the encoder runtime on this host",dangerous:!0,confirm:"Run an encoder benchmark on this host? (Gated by any open hard gate.)"},{key:"verify-asset",label:"Verify Asset",desc:"Re-verify the committed encoder asset",dangerous:!1,confirm:"Re-verify the committed encoder asset?"},{key:"install-native-ort",label:"Install Native ORT",desc:"Lazy-download + install the native onnxruntime binding",dangerous:!0,confirm:"Download + install the native onnxruntime binding on this host? (npm-mediated, sha256-verified; then re-qualified.)"}];function qe({data:t,onBlocked:r,onAction:n}){const[l,a]=s.useState(null),[i,u]=s.useState(null),[o,c]=s.useState(null),[f,h]=s.useState(!1),[b,g]=s.useState(null),S=s.useCallback(()=>{D().then(j=>{g(j),h(!1)}).catch(()=>{})},[]);s.useEffect(()=>{S();const j=setInterval(S,5e3);return()=>clearInterval(j)},[S]);const C=(b?.nativeOrtInstalledVersion??null)!==null,w=s.useCallback(async j=>{a(j.key),c(null),u(null),h(!1),r([]);try{const m=await De({action:j.key,confirm:!0});if(m.ok){const v=m.result;let k=null,N=null;try{const y=await Pe(v.logName);k=y.tail,N=y.complete}catch{}u({action:v.action,logName:v.logName,tail:k,complete:N,message:v.ok?`${v.action} completed (spawned: ${v.spawned})`:`${v.action} did not complete cleanly`,retest:v.nativeOrtRetestResult!=null?{verdict:v.nativeOrtRetestResult.verdict,p95Ms:v.nativeOrtRetestResult.p95Ms,rssMiB:v.nativeOrtRetestResult.rssMiB,backend:v.nativeOrtBackendEffective??null}:null}),n()}else m.error.error==="action_blocked_by_open_item"?(r(m.error.blockers),c("The action is blocked by an open hard-gate item and was not run.")):m.error.error==="confirmation_required"?c("The server rejected the action: explicit confirmation is required."):m.status===404?(h(!0),c("Setup Cortex actions are disabled (off).")):c(`Action failed (${m.status}).`)}catch(m){c(m instanceof Error?m.message:String(m))}finally{a(null)}},[r,n]),T=j=>{window.confirm(j.confirm)&&w(j)};return e.jsxs("div",{style:d.section,children:[e.jsx("h3",{style:d.sectionTitle,children:"Cortex Actions"}),Ve.filter(j=>j.key!=="install-native-ort"||!C).map(j=>{const m=l===j.key;return e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"0.5rem",padding:"0.5rem 0",borderBottom:"1px solid #2a2a4e"},children:[e.jsxs("div",{children:[e.jsx("div",{style:{fontWeight:600},children:j.label}),e.jsx("div",{style:{fontSize:"0.8rem",color:"#a0a0c0"},children:j.desc})]}),e.jsx("button",{style:j.dangerous?d.buttonDanger:d.button,disabled:l!==null,onClick:()=>T(j),children:m?"Running…":"Run"})]},j.key)}),f&&e.jsx("div",{style:d.blocked,children:"Setup Cortex actions are disabled. Enable MEGACOMPACT_VC9B to run them."}),o&&!f&&e.jsx("p",{style:{color:"#f44336",fontSize:"0.85rem",marginTop:"0.5rem"},children:o}),i&&e.jsxs("div",{style:d.warning,"data-testid":"cortex-action-result",children:[e.jsxs("strong",{children:["Result (",i.action,"):"]})," ",i.message,i.logName&&e.jsxs("span",{style:{...d.mono,marginLeft:"0.5rem"},children:["log: ",i.logName]}),i.retest!==null&&e.jsxs("div",{style:{marginTop:"0.5rem",fontSize:"0.85rem",display:"flex",flexWrap:"wrap",gap:"0.75rem"},children:[e.jsxs("span",{style:d.label,children:["Re-qualified:"," ",e.jsx("span",{style:{color:"#4caf50",fontWeight:600},children:i.retest.verdict})]}),e.jsxs("span",{style:d.label,children:["p95: ",i.retest.p95Ms.toFixed(1)," ms"]}),e.jsxs("span",{style:d.label,children:["RSS: ",i.retest.rssMiB.toFixed(1)," MiB"]}),i.retest.backend!==null&&e.jsxs("span",{style:d.label,children:["backend: ",i.retest.backend]})]}),i.tail!==null&&e.jsxs("pre",{style:{whiteSpace:"pre-wrap",wordBreak:"break-word",fontSize:"0.75rem",maxHeight:"12rem",overflow:"auto",marginTop:"0.5rem"},children:[i.tail,i.complete===!1&&`
 … (truncated)`]})]}),!t?.enabled&&!f&&e.jsx("p",{style:{color:"#a0a0c0",fontSize:"0.8rem",marginTop:"0.5rem"},children:"Cortex status unavailable — actions may not be schedulable."})]})}const M={section:{background:"#1a1a2e",borderRadius:"8px",padding:"1rem",marginBottom:"1rem",border:"1px solid #2a2a4e"},sectionTitle:{fontSize:"1.1rem",fontWeight:700,marginTop:0,marginBottom:"0.25rem",color:"#e0e0e0"},subtitle:{fontSize:"0.85rem",color:"#a0a0c0",marginTop:0,marginBottom:"0.75rem"},row:{marginBottom:"0.4rem",fontSize:"0.9rem"},label:{fontWeight:600,color:"#a0a0c0",marginRight:"0.5rem"},value:{color:"#e0e0e0"},warning:{background:"#3a2a00",border:"1px solid #665500",borderRadius:"8px",padding:"0.75rem",marginTop:"0.5rem",color:"#ffcc00",fontSize:"0.85rem"},toggleRow:{display:"flex",alignItems:"center",gap:"0.5rem",marginBottom:"0.75rem",fontSize:"0.9rem"}},X=8192;function Ge(){const[t,r]=s.useState(null),[n,l]=s.useState(null),[a,i]=s.useState(!1),[u,o]=s.useState(""),[c,f]=s.useState(!1),h=s.useCallback(()=>{D().then(r).catch(m=>l(m instanceof Error?m.message:String(m)))},[]);s.useEffect(()=>{h()},[h]),s.useEffect(()=>{const m=setInterval(h,5e3);return()=>clearInterval(m)},[h]);const b=t!==null&&"encoderNativeOptIn"in t,g=t?.nativeOrtBudgetEffectiveMib;s.useEffect(()=>{if(!c&&t&&"nativeOrtBudgetEffectiveMib"in t){const m=t.nativeOrtBudgetMib??t.nativeOrtBudgetEffectiveMib??"";typeof m=="string"&&o(m),f(!0)}},[c,t]);const S=s.useCallback(m=>{i(!0),l(null),F({encoderNativeOptIn:m}).then(()=>{i(!1),h()}).catch(v=>{l(v instanceof Error?v.message:String(v)),i(!1)})},[h]),C=s.useCallback(()=>{const m=u.trim();if(!/^\d+$/.test(m)){l("Install budget must be a positive integer (MiB)");return}const v=Number(m);if(!Number.isSafeInteger(v)||v<1||v>X){l(`Install budget must be between 1 and ${X} MiB`);return}i(!0),l(null),F({nativeOrtBudgetMib:m}).then(()=>{i(!1),h()}).catch(k=>{l(k instanceof Error?k.message:String(k)),i(!1)})},[u,t,h]);if(!b)return e.jsx(e.Fragment,{});const w=t?.encoderBackend??"wasm",T=t?.encoderDemotionReason??null,j=t!==null&&"nativeOrtBudgetEffectiveMib"in t;return e.jsxs("div",{style:M.section,children:[e.jsx("h3",{style:M.sectionTitle,children:"Encoder Runtime"}),e.jsx("p",{style:M.subtitle,children:"ONNX backend selection"}),e.jsxs("div",{style:M.toggleRow,children:[e.jsx("input",{type:"checkbox",checked:t?.encoderNativeOptIn===!0,onChange:m=>S(m.target.checked),disabled:a,"aria-label":"Native ONNX runtime (onnxruntime-node)"}),e.jsx("label",{children:"Native ONNX runtime (onnxruntime-node)"}),a&&e.jsx("span",{style:{fontSize:"0.8rem",color:"#a0a0c0"},children:"saving..."})]}),e.jsxs("div",{style:M.row,children:[e.jsx("span",{style:M.label,children:"Effective backend (selected):"}),e.jsx("span",{style:M.value,children:w})]}),j&&e.jsxs("div",{style:M.row,children:[e.jsx("label",{htmlFor:"enc2-budget-input",style:{...M.label,marginRight:"0.5rem"},children:"Native install budget (MiB):"}),e.jsx("input",{id:"enc2-budget-input",type:"number",min:1,max:X,step:1,value:u,onChange:m=>o(m.target.value),disabled:a,style:{width:"6rem"},"aria-label":"Native onnxruntime install budget in MiB"}),e.jsx("button",{type:"button",onClick:C,disabled:a||u.trim().length===0,style:{marginLeft:"0.5rem"},children:"Save"}),g!==void 0&&e.jsxs("span",{style:{...M.value,marginLeft:"0.5rem"},children:["(effective: ",g," MiB)"]})]}),T!==null&&e.jsxs("div",{style:M.warning,children:[e.jsx("strong",{children:"Demoted:"})," ",T]}),n&&e.jsxs("p",{style:{color:"#f44336",fontSize:"0.85rem"},children:["Error: ",n]})]})}function Xe(){const[t,r]=s.useState(!1),n=s.useCallback(async l=>{try{await navigator.clipboard.writeText(l),r(!0),window.setTimeout(()=>r(!1),1500)}catch{r(!1)}},[]);return[t,n]}function Ke(){const[t,r]=s.useState(null),[n,l]=Xe(),a=s.useCallback(()=>{D().then(r).catch(()=>{})},[]);s.useEffect(()=>{a();const o=setInterval(a,5e3);return()=>clearInterval(o)},[a]);const i=t?.nativeOrtInstallGuide??null,u=t?.nativeOrtInstalledVersion??null;return i?e.jsxs("div",{style:d.section,children:[e.jsx("h3",{style:d.sectionTitle,children:"Encoder Runtime Install"}),e.jsxs("p",{style:{...d.label,fontSize:"0.85rem",marginBottom:"0.75rem"},children:["Platform: ",i.platform]}),u!==null&&e.jsxs("div",{style:d.row,children:[e.jsx("span",{style:d.label,children:"Detected:"}),e.jsx("span",{style:d.value,children:u})]}),i.commands.map((o,c)=>e.jsxs("div",{style:d.row,children:[e.jsxs("span",{style:d.label,children:["Step ",c+1,":"]}),e.jsx("code",{style:{...d.mono,display:"inline-block",marginTop:"0.15rem"},children:o}),e.jsx("button",{type:"button",onClick:()=>{l(o)},style:{marginLeft:"0.5rem",fontSize:"0.8rem"},children:"Copy"})]},`${c}-${o}`)),e.jsxs("p",{style:{...d.row,fontSize:"0.85rem"},children:[e.jsx("span",{style:d.label,children:"Script:"})," ",e.jsx("code",{style:d.mono,children:i.scriptPath})]}),n&&e.jsx("p",{style:{color:"#4caf50",fontSize:"0.8rem",margin:"0.25rem 0 0"},children:"Copied to clipboard"})]}):e.jsx(e.Fragment,{})}const Je={qualified:{...d.badge,background:"#1f3a2a",color:"#4caf50"},degraded:{...d.badge,background:"#3a2f00",color:"#ff9800"},failed:{...d.badge,background:"#3a1a1a",color:"#ff5252"}};function Ye(){const[t,r]=s.useState(null),[n,l]=s.useState(!1),a=s.useCallback(()=>{D().then(r).catch(()=>{})},[]);s.useEffect(()=>{a();const f=setInterval(a,5e3);return()=>clearInterval(f)},[a]);const i=s.useCallback(()=>{l(!0),F({embedder:"trigram",nativeOrtRetest:!0}).then(()=>a()).finally(()=>l(!1))},[a]),u=t?.nativeOrtInstalledVersion??null,o=t?.nativeOrtRetestResult??null,c=t?.nativeOrtBackendEffective??null;return u===null||o===null?e.jsx(e.Fragment,{}):e.jsxs("div",{style:d.section,children:[e.jsx("h3",{style:d.sectionTitle,children:"Encoder Runtime Retest"}),e.jsxs("div",{style:d.row,children:[e.jsx("span",{style:d.label,children:"Platform:"}),e.jsx("span",{style:d.value,children:o.platform})]}),e.jsxs("div",{style:d.row,children:[e.jsx("span",{style:d.label,children:"Version:"}),e.jsx("span",{style:d.value,children:o.version})]}),e.jsxs("div",{style:d.row,children:[e.jsx("span",{style:d.label,children:"Verdict:"}),e.jsx("span",{style:Je[o.verdict],children:o.verdict})]}),e.jsxs("div",{style:d.row,children:[e.jsx("span",{style:d.label,children:"p95 latency:"}),e.jsxs("span",{style:d.value,children:[o.p95Ms," ms"]})]}),e.jsxs("div",{style:d.row,children:[e.jsx("span",{style:d.label,children:"RSS:"}),e.jsxs("span",{style:d.value,children:[o.rssMiB," MiB"]})]}),e.jsxs("div",{style:d.row,children:[e.jsx("span",{style:d.label,children:"Tested:"}),e.jsx("span",{style:d.value,children:new Date(o.testedAt).toISOString()})]}),c!==null&&e.jsxs("div",{style:d.row,children:[e.jsx("span",{style:d.label,children:"Effective backend (measured):"}),e.jsx("span",{style:d.value,children:c})]}),c!==null&&t?.encoderBackend!=null&&c!==t.encoderBackend&&e.jsxs("p",{style:{fontSize:"0.8rem",color:"#a0a0c0",marginTop:"0.25rem"},children:["Measured backend differs from the selected backend above: the retest benchmarked the native binding and found it over the p95/RSS gates, so the runtime is demoted to ",e.jsx("strong",{children:c})," despite the binding being installed."]}),e.jsx("button",{type:"button",onClick:i,disabled:n,children:n?"Retesting…":"Retest now"})]})}const E={section:{background:"#1a1a2e",borderRadius:"8px",padding:"1rem",marginBottom:"1rem",border:"1px solid #2a2a4e"},sectionTitle:{fontSize:"1.1rem",fontWeight:700,marginTop:0,marginBottom:"0.25rem",color:"#e0e0e0"},subtitle:{fontSize:"0.85rem",color:"#a0a0c0",marginTop:0,marginBottom:"0.75rem"},row:{marginBottom:"0.4rem",fontSize:"0.9rem"},label:{fontWeight:600,color:"#a0a0c0",marginRight:"0.5rem"},value:{color:"#e0e0e0"},disabled:{background:"#1a1a2e",border:"1px solid #2a2a4e",borderRadius:"8px",padding:"1rem",marginBottom:"1rem",color:"#a0a0c0",fontSize:"0.85rem"}},Qe=()=>{const{data:t,error:r,loading:n}=K(s.useMemo(()=>()=>te("/api/cosine-fp-report").catch(l=>{if(l instanceof se&&l.status===404)return null;throw l}),[]),{pollInterval:5e3});return t===null&&!r&&!n?e.jsx("div",{style:E.disabled,children:"Cosine FP synthetic bench: disabled (MEGACOMPACT_COSINE_FP_BENCH=0)."}):e.jsxs("div",{style:E.section,children:[e.jsx("h3",{style:E.sectionTitle,children:"Cosine FP threshold"}),e.jsx("p",{style:E.subtitle,children:"Last synthetic bench threshold recommendation"}),r!==null?e.jsxs("p",{style:{color:"#f44336",fontSize:"0.85rem"},children:["Error loading report: ",r.message]}):t===null?e.jsx("div",{style:E.value,children:"Loading…"}):e.jsxs("div",{children:[e.jsxs("div",{style:E.row,children:[e.jsx("span",{style:E.label,children:"Recommended default:"}),e.jsxs("span",{style:E.value,children:[t.recommendedDefault??"—"," (shipped"," ",t.shippedDefault,")"]})]}),e.jsxs("div",{style:E.row,children:[e.jsx("span",{style:E.label,children:"Overrides:"}),e.jsxs("span",{style:E.value,children:["CODE ",t.overrides?.code??"—"," · PROSE"," ",t.overrides?.prose??"—"," · MIXED"," ",t.overrides?.mixed??"—"]})]}),e.jsxs("div",{style:E.row,children:[e.jsx("span",{style:E.label,children:"Grid:"}),e.jsx("span",{style:E.value,children:t.grid?`${t.grid.lo} → ${t.grid.hi} (${t.grid.points} points)`:"—"})]}),e.jsxs("div",{style:E.row,children:[e.jsx("span",{style:E.label,children:"Report digest:"}),e.jsx("span",{style:E.value,title:t.digest??void 0,children:t.digest?t.digest.slice(0,16)+"…":"—"})]})]})]})},R={section:{background:"#1a1a2e",borderRadius:"8px",padding:"1rem",marginBottom:"1rem",border:"1px solid #2a2a4e"},sectionTitle:{fontSize:"1.1rem",fontWeight:700,marginTop:0,marginBottom:"0.25rem",color:"#e0e0e0"},subtitle:{fontSize:"0.85rem",color:"#a0a0c0",marginTop:0,marginBottom:"0.75rem"},row:{marginBottom:"0.4rem",fontSize:"0.9rem"},label:{fontWeight:600,color:"#a0a0c0",marginRight:"0.5rem"},value:{color:"#e0e0e0"},disabled:{background:"#1a1a2e",border:"1px solid #2a2a4e",borderRadius:"8px",padding:"1rem",marginBottom:"1rem",color:"#a0a0c0",fontSize:"0.85rem"}},Ze=()=>{const{data:t,error:r,loading:n}=K(s.useMemo(()=>()=>te("/api/repo-corpus").catch(l=>{if(l instanceof se&&l.status===404)return null;throw l}),[]),{pollInterval:5e3});return t===null&&!r&&!n?e.jsx("div",{style:R.disabled,children:"Cross-repo corpus: disabled (MEGACOMPACT_REPO_CORPUS=0)."}):e.jsxs("div",{style:R.section,children:[e.jsx("h3",{style:R.sectionTitle,children:"Cross-Repo Corpus"}),e.jsx("p",{style:R.subtitle,children:"Pseudonymous consent status across donated repos"}),r!==null?e.jsxs("p",{style:{color:"#f44336",fontSize:"0.85rem"},children:["Error loading corpus: ",r.message]}):t===null?e.jsx("div",{style:R.value,children:"Loading…"}):e.jsxs("div",{children:[e.jsxs("div",{style:R.row,children:[e.jsx("span",{style:R.label,children:"Status:"}),e.jsx("span",{style:R.value,children:t.status})]}),e.jsxs("div",{style:R.row,children:[e.jsx("span",{style:R.label,children:"Total events:"}),e.jsx("span",{style:R.value,children:t.totalEvents})]}),e.jsxs("div",{style:R.row,children:[e.jsx("span",{style:R.label,children:"Overlap pairs:"}),e.jsx("span",{style:R.value,children:t.corpus?t.corpus.overlaps.length:0})]}),e.jsx("div",{style:{marginTop:"0.5rem"},children:(t.perRepo??[]).map(l=>e.jsxs("div",{style:R.row,children:[e.jsxs("span",{style:R.label,children:[l.repoPseudonym.slice(0,8),":"]}),e.jsxs("span",{style:R.value,children:[l.sessions," sessions ·"," ",l.consentedCrossRepo?l.revokedAt?`revoked ${l.revokedAt}`:"consented":"not consented"]})]},l.repoPseudonym))})]})]})};function et(){const[t,r]=re(),[n,l]=s.useState([]),a=s.useCallback(u=>{l(u)},[]),i=s.useCallback(()=>{r()},[r]);return e.jsxs("div",{style:d.container,children:[e.jsx("h2",{style:{fontSize:"1.3rem",marginTop:0,marginBottom:"1rem"},children:"Setup Cortex"}),e.jsx("p",{style:{fontSize:"0.85rem",color:"#a0a0c0",marginTop:0},children:"Vector-cortex encoder gate: mode, qualification, open hard-gate blockers, and the confirmation-gated fetch/bench/verify actions."}),e.jsx(Fe,{data:t.data,error:t.error}),e.jsx(Ge,{}),e.jsx(Ke,{}),e.jsx(Ye,{}),e.jsx(Qe,{}),e.jsx(Ze,{}),e.jsx(He,{blockers:t.data?.blockers??[],highlight:n,darwinX64:t.data?.darwinX64}),e.jsx(qe,{data:t.data,onBlocked:a,onAction:i})]})}const tt="MEGACOMPACT_DASH_0C";function st(t){if(!t)return!1;for(const r of t.categories)for(const n of r.settings)if(n.key===tt&&n.type==="boolean")return n.value===!0;return!1}const Q=[{id:"embedder",label:"Embedder"},{id:"thresholds",label:"Thresholds"},{id:"config",label:"Config"},{id:"game",label:"Game Mode"},{id:"achievements",label:"Achievements"}],nt={id:"cortex",label:"Cortex"};function ct(){const[t,r]=s.useState("embedder"),[n]=re(),{data:l}=K(s.useCallback(()=>ee(),[]),{pollInterval:0,maxRetries:0}),a=st(l),i=s.useMemo(()=>{const u=a?Q.filter(o=>o.id!=="config"):[...Q];return _e(n.data)&&u.push(nt),u},[n.data,a]);return e.jsxs("div",{className:"mx-auto flex max-w-3xl flex-col gap-4 p-4",children:[e.jsx("nav",{className:"flex gap-2 border-b border-border pb-2","aria-label":"Setup sections",children:i.map(u=>e.jsx(ge,{pressed:t===u.id,onClick:()=>r(u.id),children:u.label},u.id))}),t==="embedder"&&e.jsx(ze,{}),t==="thresholds"&&e.jsx(Oe,{}),t==="config"&&!a&&e.jsx(ue,{}),t==="game"&&e.jsx(je,{}),t==="achievements"&&e.jsx(ve,{}),t==="cortex"&&e.jsx(et,{})]})}export{ct as default};
-//# sourceMappingURL=SetupTab-Bqibg0cD.js.map
+//# sourceMappingURL=SetupTab-CCyWgy4O.js.map