pi-mega-compact 0.13.0 → 0.13.2
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.
- package/dist/extensions/dashboard-server/api-contracts/embedder-health.js +11 -0
- package/dist/extensions/dashboard-server/api-contracts/endpoints/registry.js +225 -0
- package/dist/extensions/dashboard-server/api-contracts/endpoints/types.js +1 -0
- package/dist/extensions/dashboard-server/api-contracts/endpoints.js +5 -224
- package/dist/extensions/dashboard-server/api-contracts/raptor.js +8 -0
- package/dist/extensions/dashboard-server/api-contracts.test/_helpers.js +32 -0
- package/dist/extensions/dashboard-server/routes-cache.test/_helpers.js +48 -0
- package/dist/extensions/dashboard-server/routes-embedder-health.js +67 -0
- package/dist/extensions/dashboard-server/routes-raptor.js +88 -0
- package/dist/extensions/dashboard-server/routes-setup.js +1 -1
- package/dist/extensions/dashboard-server/routes.js +2 -0
- package/dist/extensions/dashboard-server/server.js +5 -1
- package/dist/extensions/mega-cache-replay.test/_helpers.js +175 -0
- package/dist/extensions/mega-commands/dataCommands.js +151 -0
- package/dist/extensions/mega-commands/helpers.js +61 -0
- package/dist/extensions/mega-commands/historyCommands.js +97 -0
- package/dist/extensions/mega-commands/setupCommand.js +200 -0
- package/dist/extensions/mega-commands.js +14 -499
- package/dist/extensions/mega-compact-s38.test/_helpers.js +194 -0
- package/dist/extensions/mega-compact.js +12 -2
- package/dist/extensions/mega-compact.test/_helpers.js +225 -0
- package/dist/extensions/mega-events/agent-handlers/agentEndHandler.js +211 -0
- package/dist/extensions/mega-events/agent-handlers/turnEndHandler/cacheStripe.js +49 -0
- package/dist/extensions/mega-events/agent-handlers/turnEndHandler/contextHealth.js +33 -0
- package/dist/extensions/mega-events/agent-handlers/turnEndHandler/errorRetry.js +387 -0
- package/dist/extensions/mega-events/agent-handlers/turnEndHandler/event.js +7 -0
- package/dist/extensions/mega-events/agent-handlers/turnEndHandler/gameScoring.js +55 -0
- package/dist/extensions/mega-events/agent-handlers/turnEndHandler/lengthStop.js +12 -0
- package/dist/extensions/mega-events/agent-handlers/turnEndHandler/memoryReview.js +22 -0
- package/dist/extensions/mega-events/agent-handlers/turnEndHandler/recordTurnRow.js +38 -0
- package/dist/extensions/mega-events/agent-handlers/turnEndHandler.js +36 -0
- package/dist/extensions/mega-events/agent-handlers.js +4 -799
- package/dist/extensions/mega-events/context-handler/afterCompact.js +163 -0
- package/dist/extensions/mega-events/context-handler/messageText.js +12 -0
- package/dist/extensions/mega-events/context-handler/tailResult.js +46 -0
- package/dist/extensions/mega-events/context-handler.js +11 -198
- package/dist/extensions/mega-events/separated-prompt.test/_helpers.js +25 -0
- package/dist/src/config.js +2 -0
- package/dist/src/dedup-engine.test/_helpers.js +55 -0
- package/dist/src/e2e.test/_helpers.js +52 -0
- package/dist/src/embedder.js +1 -0
- package/dist/src/httpEmbedder.js +6 -0
- package/dist/src/hyde.js +146 -0
- package/dist/src/importance.test/_helpers.js +5 -0
- package/dist/src/memoryGraph/sources/checkpoints.js +78 -0
- package/dist/src/memoryGraph/sources/edges.js +17 -0
- package/dist/src/memoryGraph/sources/flags.js +22 -0
- package/dist/src/memoryGraph/sources/helpers.js +14 -0
- package/dist/src/memoryGraph/sources/memories.js +88 -0
- package/dist/src/memoryGraph/sources/raptor.js +26 -0
- package/dist/src/memoryGraph/sources/turns.js +176 -0
- package/dist/src/memoryGraph/sources.js +15 -441
- package/dist/src/memoryGraph-gates.test/_helpers.js +120 -0
- package/dist/src/ratio.bench.test/_helpers.js +198 -0
- package/dist/src/recall/async.js +112 -0
- package/dist/src/recall/format.js +149 -0
- package/dist/src/recall/memory.js +62 -0
- package/dist/src/recall/reformulate.js +82 -0
- package/dist/src/recall/sync.js +169 -0
- package/dist/src/recall/types.js +1 -0
- package/dist/src/recall.js +13 -530
- package/dist/src/store/sqlite/schema/core.js +232 -0
- package/dist/src/store/sqlite/schema/game.js +65 -0
- package/dist/src/store/sqlite/schema/plan-v2.js +107 -0
- package/dist/src/store/sqlite/schema/turns.js +59 -0
- package/dist/src/store/sqlite/schema.js +8 -441
- package/dist/src/store/turns/contract-compliance.test/_helpers.js +21 -0
- package/dist/src/store/turns/sqlite-store/admin.js +171 -0
- package/dist/src/store/turns/sqlite-store/ctx.js +1 -0
- package/dist/src/store/turns/sqlite-store/read.js +111 -0
- package/dist/src/store/turns/sqlite-store/rows.js +42 -0
- package/dist/src/store/turns/sqlite-store/write.js +102 -0
- package/dist/src/store/turns/sqlite-store.js +31 -367
- package/dist/src/vectorStore/class.js +356 -0
- package/dist/src/vectorStore/hash.js +10 -0
- package/dist/src/vectorStore/types.js +2 -0
- package/dist/src/vectorStore.js +8 -359
- package/dist/src/vectorStore.test/_helpers.js +17 -0
- package/extensions/dashboard-client/dist/assets/{CacheTab-BZNnKhh5.js → CacheTab-DPRHjYZ0.js} +2 -2
- package/extensions/dashboard-client/dist/assets/{CacheTab-BZNnKhh5.js.map → CacheTab-DPRHjYZ0.js.map} +1 -1
- package/extensions/dashboard-client/dist/assets/{EventsTab-CzF5L42U.js → EventsTab-CgwYq-Qf.js} +2 -2
- package/extensions/dashboard-client/dist/assets/{EventsTab-CzF5L42U.js.map → EventsTab-CgwYq-Qf.js.map} +1 -1
- package/extensions/dashboard-client/dist/assets/{HealthTab-BLpidMrX.js → HealthTab-BgOCjVzR.js} +2 -2
- package/extensions/dashboard-client/dist/assets/{HealthTab-BLpidMrX.js.map → HealthTab-BgOCjVzR.js.map} +1 -1
- package/extensions/dashboard-client/dist/assets/MaintenanceTab-Yw1yFpsy.js +2 -0
- package/extensions/dashboard-client/dist/assets/MaintenanceTab-Yw1yFpsy.js.map +1 -0
- package/extensions/dashboard-client/dist/assets/MemoryMapTab-yHUX7Yzi.js +2 -0
- package/extensions/dashboard-client/dist/assets/MemoryMapTab-yHUX7Yzi.js.map +1 -0
- package/extensions/dashboard-client/dist/assets/{MetricsTab-B0PCysqs.js → MetricsTab-CcH9fP8P.js} +2 -2
- package/extensions/dashboard-client/dist/assets/{MetricsTab-B0PCysqs.js.map → MetricsTab-CcH9fP8P.js.map} +1 -1
- package/extensions/dashboard-client/dist/assets/{OverviewTab-DsOhqFu4.js → OverviewTab-BOs8ZNev.js} +2 -2
- package/extensions/dashboard-client/dist/assets/{OverviewTab-DsOhqFu4.js.map → OverviewTab-BOs8ZNev.js.map} +1 -1
- package/extensions/dashboard-client/dist/assets/{ReposTab-B3YKYuOf.js → ReposTab-B-MfSPvg.js} +2 -2
- package/extensions/dashboard-client/dist/assets/{ReposTab-B3YKYuOf.js.map → ReposTab-B-MfSPvg.js.map} +1 -1
- package/extensions/dashboard-client/dist/assets/{SessionsTab-B96FWcrC.js → SessionsTab-BmeN649Q.js} +2 -2
- package/extensions/dashboard-client/dist/assets/{SessionsTab-B96FWcrC.js.map → SessionsTab-BmeN649Q.js.map} +1 -1
- package/extensions/dashboard-client/dist/assets/SetupTab-nOknoph5.js +2 -0
- package/extensions/dashboard-client/dist/assets/SetupTab-nOknoph5.js.map +1 -0
- package/extensions/dashboard-client/dist/assets/{TimeSavedCard-BfkUVTvA.js → TimeSavedCard-DnPg0L0z.js} +2 -2
- package/extensions/dashboard-client/dist/assets/{TimeSavedCard-BfkUVTvA.js.map → TimeSavedCard-DnPg0L0z.js.map} +1 -1
- package/extensions/dashboard-client/dist/assets/{TopicsTab-DLRsZmXJ.js → TopicsTab-BODHOg_b.js} +2 -2
- package/extensions/dashboard-client/dist/assets/{TopicsTab-DLRsZmXJ.js.map → TopicsTab-BODHOg_b.js.map} +1 -1
- package/extensions/dashboard-client/dist/assets/{TurnsTab-DKGU2Bf6.js → TurnsTab-BK0I7hKr.js} +2 -2
- package/extensions/dashboard-client/dist/assets/{TurnsTab-DKGU2Bf6.js.map → TurnsTab-BK0I7hKr.js.map} +1 -1
- package/extensions/dashboard-client/dist/assets/{index-D-lPLRWB.js → index-mOlljTFI.js} +10 -10
- package/extensions/dashboard-client/dist/assets/index-mOlljTFI.js.map +1 -0
- package/extensions/dashboard-client/dist/assets/{useSSE-ClbbcgIp.js → useSSE-BYOtv1-3.js} +2 -2
- package/extensions/dashboard-client/dist/assets/{useSSE-ClbbcgIp.js.map → useSSE-BYOtv1-3.js.map} +1 -1
- package/extensions/dashboard-client/dist/index.html +1 -1
- package/extensions/dashboard-client/src/App.tsx +0 -4
- package/extensions/dashboard-client/src/api/client.ts +16 -0
- package/extensions/dashboard-client/src/tabs/MaintenanceTab/ActionsCard.tsx +178 -0
- package/extensions/dashboard-client/src/tabs/MaintenanceTab/DbStatsCard.tsx +140 -0
- package/extensions/dashboard-client/src/tabs/MaintenanceTab/DebugBundleCard.tsx +109 -0
- package/extensions/dashboard-client/src/tabs/MaintenanceTab/HealthMitigationCard.tsx +98 -0
- package/extensions/dashboard-client/src/tabs/MaintenanceTab/SchemaHealthCard.tsx +108 -0
- package/extensions/dashboard-client/src/tabs/MaintenanceTab.tsx +12 -598
- package/extensions/dashboard-client/src/tabs/MemoryMapTab/MemoryMapView.tsx +476 -0
- package/extensions/dashboard-client/src/tabs/MemoryMapTab/RaptorTreeView.tsx +163 -0
- package/extensions/dashboard-client/src/tabs/MemoryMapTab.tsx +56 -466
- package/extensions/dashboard-client/src/tabs/SetupTab/EmbedderHealthCard.tsx +109 -0
- package/extensions/dashboard-client/src/tabs/SetupTab/EmbedderSetup.tsx +468 -0
- package/extensions/dashboard-client/src/tabs/SetupTab.tsx +23 -484
- package/extensions/dashboard-server/api-contracts/embedder-health.ts +32 -0
- package/extensions/dashboard-server/api-contracts/endpoints/registry.ts +360 -0
- package/extensions/dashboard-server/api-contracts/endpoints/types.ts +350 -0
- package/extensions/dashboard-server/api-contracts/endpoints.ts +27 -648
- package/extensions/dashboard-server/api-contracts/index.ts +6 -0
- package/extensions/dashboard-server/api-contracts/raptor.ts +49 -0
- package/extensions/dashboard-server/api-contracts.test/_helpers.ts +47 -0
- package/extensions/dashboard-server/routes-cache.test/_helpers.ts +94 -0
- package/extensions/dashboard-server/routes-embedder-health.ts +77 -0
- package/extensions/dashboard-server/routes-raptor.ts +128 -0
- package/extensions/dashboard-server/routes-setup.ts +1 -1
- package/extensions/dashboard-server/routes.ts +2 -0
- package/extensions/dashboard-server/server.ts +4 -0
- package/extensions/mega-cache-replay.test/_helpers.ts +188 -0
- package/extensions/mega-commands/dataCommands.ts +169 -0
- package/extensions/mega-commands/helpers.ts +62 -0
- package/extensions/mega-commands/historyCommands.ts +117 -0
- package/extensions/mega-commands/setupCommand.ts +235 -0
- package/extensions/mega-commands.ts +25 -538
- package/extensions/mega-compact-s38.test/_helpers.ts +201 -0
- package/extensions/mega-compact.test/_helpers.ts +237 -0
- package/extensions/mega-compact.ts +12 -2
- package/extensions/mega-events/agent-handlers/agentEndHandler.ts +238 -0
- package/extensions/mega-events/agent-handlers/turnEndHandler/cacheStripe.ts +74 -0
- package/extensions/mega-events/agent-handlers/turnEndHandler/contextHealth.ts +50 -0
- package/extensions/mega-events/agent-handlers/turnEndHandler/errorRetry.ts +421 -0
- package/extensions/mega-events/agent-handlers/turnEndHandler/event.ts +16 -0
- package/extensions/mega-events/agent-handlers/turnEndHandler/gameScoring.ts +73 -0
- package/extensions/mega-events/agent-handlers/turnEndHandler/lengthStop.ts +29 -0
- package/extensions/mega-events/agent-handlers/turnEndHandler/memoryReview.ts +42 -0
- package/extensions/mega-events/agent-handlers/turnEndHandler/recordTurnRow.ts +61 -0
- package/extensions/mega-events/agent-handlers/turnEndHandler.ts +64 -0
- package/extensions/mega-events/agent-handlers.ts +15 -861
- package/extensions/mega-events/context-handler/afterCompact.ts +213 -0
- package/extensions/mega-events/context-handler/messageText.ts +20 -0
- package/extensions/mega-events/context-handler/tailResult.ts +63 -0
- package/extensions/mega-events/context-handler.ts +17 -235
- package/extensions/mega-events/separated-prompt.test/_helpers.ts +35 -0
- package/package.json +1 -1
- package/src/config.ts +4 -0
- package/src/dedup-engine.test/_helpers.ts +79 -0
- package/src/e2e.test/_helpers.ts +59 -0
- package/src/embedder.ts +4 -0
- package/src/httpEmbedder.ts +7 -0
- package/src/hyde.ts +162 -0
- package/src/importance.test/_helpers.ts +5 -0
- package/src/memoryGraph/sources/checkpoints.ts +99 -0
- package/src/memoryGraph/sources/edges.ts +23 -0
- package/src/memoryGraph/sources/flags.ts +26 -0
- package/src/memoryGraph/sources/helpers.ts +13 -0
- package/src/memoryGraph/sources/memories.ts +108 -0
- package/src/memoryGraph/sources/raptor.ts +37 -0
- package/src/memoryGraph/sources/turns.ts +226 -0
- package/src/memoryGraph/sources.ts +19 -544
- package/src/memoryGraph-gates.test/_helpers.ts +164 -0
- package/src/ratio.bench.test/_helpers.ts +268 -0
- package/src/recall/async.ts +142 -0
- package/src/recall/format.ts +173 -0
- package/src/recall/memory.ts +90 -0
- package/src/recall/reformulate.ts +111 -0
- package/src/recall/sync.ts +196 -0
- package/src/recall/types.ts +63 -0
- package/src/recall.ts +25 -712
- package/src/store/sqlite/schema/core.ts +233 -0
- package/src/store/sqlite/schema/game.ts +66 -0
- package/src/store/sqlite/schema/plan-v2.ts +108 -0
- package/src/store/sqlite/schema/turns.ts +60 -0
- package/src/store/sqlite/schema.ts +13 -441
- package/src/store/turns/contract-compliance.test/_helpers.ts +38 -0
- package/src/store/turns/sqlite-store/admin.ts +249 -0
- package/src/store/turns/sqlite-store/ctx.ts +14 -0
- package/src/store/turns/sqlite-store/read.ts +174 -0
- package/src/store/turns/sqlite-store/rows.ts +55 -0
- package/src/store/turns/sqlite-store/write.ts +193 -0
- package/src/store/turns/sqlite-store.ts +33 -514
- package/src/vectorStore/class.ts +433 -0
- package/src/vectorStore/hash.ts +11 -0
- package/src/vectorStore/types.ts +58 -0
- package/src/vectorStore.test/_helpers.ts +20 -0
- package/src/vectorStore.ts +13 -489
- package/extensions/dashboard-client/dist/assets/ConfigTab-DG0WkuuG.js +0 -2
- package/extensions/dashboard-client/dist/assets/ConfigTab-DG0WkuuG.js.map +0 -1
- package/extensions/dashboard-client/dist/assets/MaintenanceTab-BQF7W7xX.js +0 -2
- package/extensions/dashboard-client/dist/assets/MaintenanceTab-BQF7W7xX.js.map +0 -1
- package/extensions/dashboard-client/dist/assets/MemoryMapTab-CPtHLv0A.js +0 -2
- package/extensions/dashboard-client/dist/assets/MemoryMapTab-CPtHLv0A.js.map +0 -1
- package/extensions/dashboard-client/dist/assets/SetupTab-hbzQ_NZv.js +0 -2
- package/extensions/dashboard-client/dist/assets/SetupTab-hbzQ_NZv.js.map +0 -1
- package/extensions/dashboard-client/dist/assets/index-D-lPLRWB.js.map +0 -1
package/extensions/dashboard-client/dist/assets/{EventsTab-CzF5L42U.js → EventsTab-CgwYq-Qf.js}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as o,j as t}from"./index-
|
|
2
|
-
//# sourceMappingURL=EventsTab-
|
|
1
|
+
import{r as o,j as t}from"./index-mOlljTFI.js";import{u}from"./useSSE-BYOtv1-3.js";const _={compact_start:"ev-compact",compact_end:"ev-compact",compact_trigger:"ev-trigger",compact_skip:"ev-trigger",tier_changed:"ev-tier",model_changed:"ev-tier",pressure_lifted:"ev-tier",checkpoint_persisted:"ev-checkpoint",recall_inject:"ev-recall",anchors_updated:"ev-recall",config_updated:"ev-config",config_preset:"ev-config",crew_presence_changed:"ev-crew",crew_turn_changed:"ev-crew",crew_bandit_chosen:"ev-crew",session_sample:"ev-recall",game_ritual_start:"ev-game",game_ritual_stage:"ev-game",game_ritual_end:"ev-game",game_mode_changed:"ev-game",game_render:"ev-game"},m=["all","compact_start","compact_end","recall_inject","checkpoint_persisted"];function p(e){switch(e.type){case"compact_start":return`trigger=${e.trigger} session=${e.sessionId.slice(0,8)}`;case"compact_end":return`freed=${e.tokensFreed} ok=${e.success} cp=${e.checkpointId.slice(0,8)}`;case"compact_trigger":return`pressure=${e.pressure}% threshold=${e.threshold}% armed=${e.armed}`;case"compact_skip":return`reason=${e.reason}`;case"tier_changed":return`${e.from} → ${e.to} ctx=${e.contextPct}%`;case"model_changed":return`${e.providerName}/${e.model}`;case"pressure_lifted":return`${e.beforePct}% → ${e.afterPct}%`;case"checkpoint_persisted":return`cp=${e.checkpointId.slice(0,8)} sessionTok=${e.sessionTokens}`;case"recall_inject":return`q="${e.query.slice(0,40)}" chunks=${e.chunks} tok=${e.tokens}`;case"anchors_updated":return`count=${e.count} pinned=${e.pinned}`;case"config_updated":return`key=${e.key}`;case"config_preset":return`preset=${e.preset}`;case"crew_presence_changed":return`agents=${e.activeAgents} turn=${e.currentTurn}`;case"crew_turn_changed":return`turn=${e.turnIndex} agent=${e.agentName}`;case"crew_bandit_chosen":return`agent=${e.chosenAgent} score=${e.score} regret=${e.regret}`;case"session_sample":return`sess=${e.sessionId.slice(0,8)} tok=${e.tokens.toLocaleString()} ctx=${Math.round(e.percent)}%`;case"game_ritual_start":case"game_ritual_stage":case"game_ritual_end":case"game_mode_changed":case"game_render":return`stage=${e.type}`}}function g(e){try{return new Date(e).toLocaleTimeString()}catch{return e}}function h({events:e}){const[s,r]=o.useState("all"),[a,l]=o.useState(null),i=o.useMemo(()=>(s==="all"?e:e.filter(n=>n.type===s)).slice(-200).reverse(),[e,s]);return t.jsxs("div",{className:"event-stream",children:[t.jsxs("div",{className:"event-filters",role:"toolbar",children:[m.map(c=>t.jsx("button",{type:"button",className:`filter-chip ${s===c?"active":""}`,onClick:()=>r(c),children:c==="all"?"all":c.replace(/_/g," ")},c)),t.jsxs("span",{className:"event-count",children:[e.length," buffered"]})]}),t.jsxs("ul",{className:"event-list",children:[i.length===0&&t.jsx("li",{className:"event-empty",children:"No events yet."}),i.map((c,n)=>{const d=_[c.type]??"ev-default";return t.jsxs("li",{className:`event-row ${d}`,onClick:()=>l(a===n?null:n),children:[t.jsx("span",{className:"ev-time",children:g(c.ts)}),t.jsx("span",{className:"ev-type",children:c.type}),t.jsx("span",{className:"ev-summary",children:p(c)}),a===n&&t.jsx("pre",{className:"ev-detail",children:JSON.stringify(c,null,2)})]},`${c.ts}-${n}`)})]})]})}const f=["all","compact","recall","config","crew","game"];function $({active:e,onFilter:s}){return t.jsx("div",{className:"event-category-filter",role:"toolbar","aria-label":"Event category filter",children:f.map(r=>t.jsx("button",{type:"button",className:`category-chip${e===r?" active":""}`,onClick:()=>s(r),"aria-pressed":e===r,children:r},r))})}const x=new Set(["compact_start","compact_end","compact_trigger","compact_skip"]),j=new Set(["config_updated","config_preset","tier_changed","model_changed","pressure_lifted","anchors_updated","checkpoint_persisted"]),k=new Set(["crew_presence_changed","crew_turn_changed","crew_bandit_chosen"]),y=new Set(["game_ritual_start","game_ritual_stage","game_ritual_end","game_mode_changed","game_render"]);function N(e,s){if(s==="all")return!0;const r=e.type;return s==="compact"?x.has(r):s==="recall"?r==="recall_inject":s==="config"?j.has(r):s==="crew"?k.has(r):y.has(r)}function E(){const{events:e,status:s,eventCount:r}=u(),[a,l]=o.useState("all"),i=o.useMemo(()=>e.filter(d=>N(d,a)),[e,a]),c=`sse-status sse-${s}`,n=s==="connected"?"connected":s==="connecting"?"connecting…":s==="error"?"error":"disconnected";return t.jsxs("div",{className:"events-tab",children:[t.jsxs("div",{className:"events-header",children:[t.jsxs("span",{className:c,role:"status",children:[t.jsx("span",{className:"sse-dot","aria-hidden":"true"}),n]}),t.jsxs("span",{className:"event-count",children:[r," events received"]})]}),t.jsx($,{active:a,onFilter:l}),t.jsx(h,{events:i})]})}export{E as default};
|
|
2
|
+
//# sourceMappingURL=EventsTab-CgwYq-Qf.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EventsTab-CzF5L42U.js","sources":["../../src/components/EventStream.tsx","../../src/components/EventCategoryFilter.tsx","../../src/tabs/EventsTab.tsx"],"sourcesContent":["/**\n * dashboard-client/src/components/EventStream.tsx — SSE event list with filters.\n *\n * Type badge colored by event type. Timestamp + expandable detail row.\n * Type filter chips (all + per-type). Virtualization: manual windowing for\n * 500+ events (render last N visible).\n */\n\nimport type React from \"react\";\nimport { useState, useMemo } from \"react\";\nimport type { SseEvent } from \"@contracts\";\n\nexport interface EventStreamProps {\n\tevents: SseEvent[];\n}\n\nconst TYPE_COLORS: Record<string, string> = {\n\tcompact_start: \"ev-compact\",\n\tcompact_end: \"ev-compact\",\n\tcompact_trigger: \"ev-trigger\",\n\tcompact_skip: \"ev-trigger\",\n\ttier_changed: \"ev-tier\",\n\tmodel_changed: \"ev-tier\",\n\tpressure_lifted: \"ev-tier\",\n\tcheckpoint_persisted: \"ev-checkpoint\",\n\trecall_inject: \"ev-recall\",\n\tanchors_updated: \"ev-recall\",\n\tconfig_updated: \"ev-config\",\n\tconfig_preset: \"ev-config\",\n\tcrew_presence_changed: \"ev-crew\",\n\tcrew_turn_changed: \"ev-crew\",\n\tcrew_bandit_chosen: \"ev-crew\",\n\tsession_sample: \"ev-recall\",\n\tgame_ritual_start: \"ev-game\",\n\tgame_ritual_stage: \"ev-game\",\n\tgame_ritual_end: \"ev-game\",\n\tgame_mode_changed: \"ev-game\",\n\tgame_render: \"ev-game\",\n};\n\n// Filterable event types (spec: compact_start/end, recall_inject, checkpoint_persisted + all).\nconst FILTER_TYPES = [\n\t\"all\",\n\t\"compact_start\",\n\t\"compact_end\",\n\t\"recall_inject\",\n\t\"checkpoint_persisted\",\n] as const;\ntype FilterType = (typeof FILTER_TYPES)[number];\n\nconst RENDER_WINDOW = 200; // render last 200 to keep DOM light under 500+ events\n\nfunction summarize(ev: SseEvent): string {\n\tswitch (ev.type) {\n\t\tcase \"compact_start\":\n\t\t\treturn `trigger=${ev.trigger} session=${ev.sessionId.slice(0, 8)}`;\n\t\tcase \"compact_end\":\n\t\t\treturn `freed=${ev.tokensFreed} ok=${ev.success} cp=${ev.checkpointId.slice(0, 8)}`;\n\t\tcase \"compact_trigger\":\n\t\t\treturn `pressure=${ev.pressure}% threshold=${ev.threshold}% armed=${ev.armed}`;\n\t\tcase \"compact_skip\":\n\t\t\treturn `reason=${ev.reason}`;\n\t\tcase \"tier_changed\":\n\t\t\treturn `${ev.from} → ${ev.to} ctx=${ev.contextPct}%`;\n\t\tcase \"model_changed\":\n\t\t\treturn `${ev.providerName}/${ev.model}`;\n\t\tcase \"pressure_lifted\":\n\t\t\treturn `${ev.beforePct}% → ${ev.afterPct}%`;\n\t\tcase \"checkpoint_persisted\":\n\t\t\treturn `cp=${ev.checkpointId.slice(0, 8)} sessionTok=${ev.sessionTokens}`;\n\t\tcase \"recall_inject\":\n\t\t\treturn `q=\"${ev.query.slice(0, 40)}\" chunks=${ev.chunks} tok=${ev.tokens}`;\n\t\tcase \"anchors_updated\":\n\t\t\treturn `count=${ev.count} pinned=${ev.pinned}`;\n\t\tcase \"config_updated\":\n\t\t\treturn `key=${ev.key}`;\n\t\tcase \"config_preset\":\n\t\t\treturn `preset=${ev.preset}`;\n\t\tcase \"crew_presence_changed\":\n\t\t\treturn `agents=${ev.activeAgents} turn=${ev.currentTurn}`;\n\t\tcase \"crew_turn_changed\":\n\t\t\treturn `turn=${ev.turnIndex} agent=${ev.agentName}`;\n\t\tcase \"crew_bandit_chosen\":\n\t\t\treturn `agent=${ev.chosenAgent} score=${ev.score} regret=${ev.regret}`;\n\t\tcase \"session_sample\":\n\t\t\treturn `sess=${ev.sessionId.slice(0, 8)} tok=${ev.tokens.toLocaleString()} ctx=${Math.round(ev.percent)}%`;\n\t\tcase \"game_ritual_start\":\n\t\tcase \"game_ritual_stage\":\n\t\tcase \"game_ritual_end\":\n\t\tcase \"game_mode_changed\":\n\t\tcase \"game_render\":\n\t\t\treturn `stage=${ev.type}`;\n\t}\n}\n\nfunction formatTs(ts: string): string {\n\ttry {\n\t\tconst d = new Date(ts);\n\t\treturn d.toLocaleTimeString();\n\t} catch {\n\t\treturn ts;\n\t}\n}\n\nexport function EventStream({ events }: EventStreamProps): React.ReactElement {\n\tconst [filter, setFilter] = useState<FilterType>(\"all\");\n\tconst [expanded, setExpanded] = useState<number | null>(null);\n\n\tconst filtered = useMemo(() => {\n\t\tconst list =\n\t\t\tfilter === \"all\" ? events : events.filter((e) => e.type === filter);\n\t\t// Newest first; render only the last RENDER_WINDOW to keep DOM light.\n\t\treturn list.slice(-RENDER_WINDOW).reverse();\n\t}, [events, filter]);\n\n\treturn (\n\t\t<div className=\"event-stream\">\n\t\t\t<div className=\"event-filters\" role=\"toolbar\">\n\t\t\t\t{FILTER_TYPES.map((t) => (\n\t\t\t\t\t<button\n\t\t\t\t\t\tkey={t}\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclassName={`filter-chip ${filter === t ? \"active\" : \"\"}`}\n\t\t\t\t\t\tonClick={() => setFilter(t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{t === \"all\" ? \"all\" : t.replace(/_/g, \" \")}\n\t\t\t\t\t</button>\n\t\t\t\t))}\n\t\t\t\t<span className=\"event-count\">{events.length} buffered</span>\n\t\t\t</div>\n\t\t\t<ul className=\"event-list\">\n\t\t\t\t{filtered.length === 0 && (\n\t\t\t\t\t<li className=\"event-empty\">No events yet.</li>\n\t\t\t\t)}\n\t\t\t\t{filtered.map((ev, idx) => {\n\t\t\t\t\tconst cls = TYPE_COLORS[ev.type] ?? \"ev-default\";\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li\n\t\t\t\t\t\t\tkey={`${ev.ts}-${idx}`}\n\t\t\t\t\t\t\tclassName={`event-row ${cls}`}\n\t\t\t\t\t\t\tonClick={() => setExpanded(expanded === idx ? null : idx)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span className=\"ev-time\">{formatTs(ev.ts)}</span>\n\t\t\t\t\t\t\t<span className=\"ev-type\">{ev.type}</span>\n\t\t\t\t\t\t\t<span className=\"ev-summary\">{summarize(ev)}</span>\n\t\t\t\t\t\t\t{expanded === idx && (\n\t\t\t\t\t\t\t\t<pre className=\"ev-detail\">{JSON.stringify(ev, null, 2)}</pre>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</ul>\n\t\t</div>\n\t);\n}\n","/**\n * dashboard-client/src/components/EventCategoryFilter.tsx\n *\n * Category-level filter chips for the Events tab. Filters SSE events by\n * category: all / compact / recall / config / crew / game.\n */\n\nimport type React from \"react\";\n\nexport type EventCategory =\n\t| \"all\"\n\t| \"compact\"\n\t| \"recall\"\n\t| \"config\"\n\t| \"crew\"\n\t| \"game\";\n\nconst CATEGORIES: readonly EventCategory[] = [\n\t\"all\",\n\t\"compact\",\n\t\"recall\",\n\t\"config\",\n\t\"crew\",\n\t\"game\",\n] as const;\n\nexport interface EventCategoryFilterProps {\n\t/** Currently active category. */\n\tactive: EventCategory;\n\t/** Called when the user selects a category. */\n\tonFilter: (category: EventCategory) => void;\n}\n\nexport function EventCategoryFilter({\n\tactive,\n\tonFilter,\n}: EventCategoryFilterProps): React.ReactElement {\n\treturn (\n\t\t<div className=\"event-category-filter\" role=\"toolbar\" aria-label=\"Event category filter\">\n\t\t\t{CATEGORIES.map((cat) => (\n\t\t\t\t<button\n\t\t\t\t\tkey={cat}\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclassName={`category-chip${active === cat ? \" active\" : \"\"}`}\n\t\t\t\t\tonClick={() => onFilter(cat)}\n\t\t\t\t\taria-pressed={active === cat}\n\t\t\t\t>\n\t\t\t\t\t{cat}\n\t\t\t\t</button>\n\t\t\t))}\n\t\t</div>\n\t);\n}\n","/**\n * dashboard-client/src/tabs/EventsTab.tsx — Events tab (C1).\n *\n * Live SSE event stream via useSSE + EventStream with category filter chips.\n * Shows connection status + event count. Category filter uses the existing\n * EventCategoryFilter component to filter by all/compact/recall/config/crew/game.\n */\n\nimport type React from \"react\";\nimport { useState, useMemo } from \"react\";\nimport type { SseEvent } from \"@contracts\";\nimport { useSSE } from \"../hooks/useSSE\";\nimport { EventStream } from \"../components/EventStream\";\nimport {\n\tEventCategoryFilter,\n\ttype EventCategory,\n} from \"../components/EventCategoryFilter\";\n\nconst COMPACT_TYPES = new Set([\n\t\"compact_start\",\n\t\"compact_end\",\n\t\"compact_trigger\",\n\t\"compact_skip\",\n]);\nconst CONFIG_TYPES = new Set([\n\t\"config_updated\",\n\t\"config_preset\",\n\t\"tier_changed\",\n\t\"model_changed\",\n\t\"pressure_lifted\",\n\t\"anchors_updated\",\n\t\"checkpoint_persisted\",\n]);\nconst CREW_TYPES = new Set([\n\t\"crew_presence_changed\",\n\t\"crew_turn_changed\",\n\t\"crew_bandit_chosen\",\n]);\nconst GAME_TYPES = new Set([\n\t\"game_ritual_start\",\n\t\"game_ritual_stage\",\n\t\"game_ritual_end\",\n\t\"game_mode_changed\",\n\t\"game_render\",\n]);\n\nfunction matchesCategory(ev: SseEvent, cat: EventCategory): boolean {\n\tif (cat === \"all\") return true;\n\tconst t = ev.type;\n\tif (cat === \"compact\") return COMPACT_TYPES.has(t);\n\tif (cat === \"recall\") return t === \"recall_inject\";\n\tif (cat === \"config\") return CONFIG_TYPES.has(t);\n\tif (cat === \"crew\") return CREW_TYPES.has(t);\n\treturn GAME_TYPES.has(t); // cat === \"game\"\n}\n\nexport default function EventsTab(): React.ReactElement {\n\tconst { events, status, eventCount } = useSSE();\n\tconst [category, setCategory] = useState<EventCategory>(\"all\");\n\n\tconst filtered = useMemo(\n\t\t() => events.filter((e) => matchesCategory(e, category)),\n\t\t[events, category],\n\t);\n\n\tconst statusCls = `sse-status sse-${status}`;\n\tconst statusLabel =\n\t\tstatus === \"connected\"\n\t\t\t? \"connected\"\n\t\t\t: status === \"connecting\"\n\t\t\t\t? \"connecting…\"\n\t\t\t\t: status === \"error\"\n\t\t\t\t\t? \"error\"\n\t\t\t\t\t: \"disconnected\";\n\n\treturn (\n\t\t<div className=\"events-tab\">\n\t\t\t<div className=\"events-header\">\n\t\t\t\t<span className={statusCls} role=\"status\">\n\t\t\t\t\t<span className=\"sse-dot\" aria-hidden=\"true\" />\n\t\t\t\t\t{statusLabel}\n\t\t\t\t</span>\n\t\t\t\t<span className=\"event-count\">{eventCount} events received</span>\n\t\t\t</div>\n\t\t\t<EventCategoryFilter active={category} onFilter={setCategory} />\n\t\t\t<EventStream events={filtered} />\n\t\t</div>\n\t);\n}\n"],"names":["TYPE_COLORS","FILTER_TYPES","summarize","ev","formatTs","ts","EventStream","events","filter","setFilter","useState","expanded","setExpanded","filtered","useMemo","e","jsxs","t","jsx","idx","cls","CATEGORIES","EventCategoryFilter","active","onFilter","cat","COMPACT_TYPES","CONFIG_TYPES","CREW_TYPES","GAME_TYPES","matchesCategory","EventsTab","status","eventCount","useSSE","category","setCategory","statusCls","statusLabel"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"EventsTab-CgwYq-Qf.js","sources":["../../src/components/EventStream.tsx","../../src/components/EventCategoryFilter.tsx","../../src/tabs/EventsTab.tsx"],"sourcesContent":["/**\n * dashboard-client/src/components/EventStream.tsx — SSE event list with filters.\n *\n * Type badge colored by event type. Timestamp + expandable detail row.\n * Type filter chips (all + per-type). Virtualization: manual windowing for\n * 500+ events (render last N visible).\n */\n\nimport type React from \"react\";\nimport { useState, useMemo } from \"react\";\nimport type { SseEvent } from \"@contracts\";\n\nexport interface EventStreamProps {\n\tevents: SseEvent[];\n}\n\nconst TYPE_COLORS: Record<string, string> = {\n\tcompact_start: \"ev-compact\",\n\tcompact_end: \"ev-compact\",\n\tcompact_trigger: \"ev-trigger\",\n\tcompact_skip: \"ev-trigger\",\n\ttier_changed: \"ev-tier\",\n\tmodel_changed: \"ev-tier\",\n\tpressure_lifted: \"ev-tier\",\n\tcheckpoint_persisted: \"ev-checkpoint\",\n\trecall_inject: \"ev-recall\",\n\tanchors_updated: \"ev-recall\",\n\tconfig_updated: \"ev-config\",\n\tconfig_preset: \"ev-config\",\n\tcrew_presence_changed: \"ev-crew\",\n\tcrew_turn_changed: \"ev-crew\",\n\tcrew_bandit_chosen: \"ev-crew\",\n\tsession_sample: \"ev-recall\",\n\tgame_ritual_start: \"ev-game\",\n\tgame_ritual_stage: \"ev-game\",\n\tgame_ritual_end: \"ev-game\",\n\tgame_mode_changed: \"ev-game\",\n\tgame_render: \"ev-game\",\n};\n\n// Filterable event types (spec: compact_start/end, recall_inject, checkpoint_persisted + all).\nconst FILTER_TYPES = [\n\t\"all\",\n\t\"compact_start\",\n\t\"compact_end\",\n\t\"recall_inject\",\n\t\"checkpoint_persisted\",\n] as const;\ntype FilterType = (typeof FILTER_TYPES)[number];\n\nconst RENDER_WINDOW = 200; // render last 200 to keep DOM light under 500+ events\n\nfunction summarize(ev: SseEvent): string {\n\tswitch (ev.type) {\n\t\tcase \"compact_start\":\n\t\t\treturn `trigger=${ev.trigger} session=${ev.sessionId.slice(0, 8)}`;\n\t\tcase \"compact_end\":\n\t\t\treturn `freed=${ev.tokensFreed} ok=${ev.success} cp=${ev.checkpointId.slice(0, 8)}`;\n\t\tcase \"compact_trigger\":\n\t\t\treturn `pressure=${ev.pressure}% threshold=${ev.threshold}% armed=${ev.armed}`;\n\t\tcase \"compact_skip\":\n\t\t\treturn `reason=${ev.reason}`;\n\t\tcase \"tier_changed\":\n\t\t\treturn `${ev.from} → ${ev.to} ctx=${ev.contextPct}%`;\n\t\tcase \"model_changed\":\n\t\t\treturn `${ev.providerName}/${ev.model}`;\n\t\tcase \"pressure_lifted\":\n\t\t\treturn `${ev.beforePct}% → ${ev.afterPct}%`;\n\t\tcase \"checkpoint_persisted\":\n\t\t\treturn `cp=${ev.checkpointId.slice(0, 8)} sessionTok=${ev.sessionTokens}`;\n\t\tcase \"recall_inject\":\n\t\t\treturn `q=\"${ev.query.slice(0, 40)}\" chunks=${ev.chunks} tok=${ev.tokens}`;\n\t\tcase \"anchors_updated\":\n\t\t\treturn `count=${ev.count} pinned=${ev.pinned}`;\n\t\tcase \"config_updated\":\n\t\t\treturn `key=${ev.key}`;\n\t\tcase \"config_preset\":\n\t\t\treturn `preset=${ev.preset}`;\n\t\tcase \"crew_presence_changed\":\n\t\t\treturn `agents=${ev.activeAgents} turn=${ev.currentTurn}`;\n\t\tcase \"crew_turn_changed\":\n\t\t\treturn `turn=${ev.turnIndex} agent=${ev.agentName}`;\n\t\tcase \"crew_bandit_chosen\":\n\t\t\treturn `agent=${ev.chosenAgent} score=${ev.score} regret=${ev.regret}`;\n\t\tcase \"session_sample\":\n\t\t\treturn `sess=${ev.sessionId.slice(0, 8)} tok=${ev.tokens.toLocaleString()} ctx=${Math.round(ev.percent)}%`;\n\t\tcase \"game_ritual_start\":\n\t\tcase \"game_ritual_stage\":\n\t\tcase \"game_ritual_end\":\n\t\tcase \"game_mode_changed\":\n\t\tcase \"game_render\":\n\t\t\treturn `stage=${ev.type}`;\n\t}\n}\n\nfunction formatTs(ts: string): string {\n\ttry {\n\t\tconst d = new Date(ts);\n\t\treturn d.toLocaleTimeString();\n\t} catch {\n\t\treturn ts;\n\t}\n}\n\nexport function EventStream({ events }: EventStreamProps): React.ReactElement {\n\tconst [filter, setFilter] = useState<FilterType>(\"all\");\n\tconst [expanded, setExpanded] = useState<number | null>(null);\n\n\tconst filtered = useMemo(() => {\n\t\tconst list =\n\t\t\tfilter === \"all\" ? events : events.filter((e) => e.type === filter);\n\t\t// Newest first; render only the last RENDER_WINDOW to keep DOM light.\n\t\treturn list.slice(-RENDER_WINDOW).reverse();\n\t}, [events, filter]);\n\n\treturn (\n\t\t<div className=\"event-stream\">\n\t\t\t<div className=\"event-filters\" role=\"toolbar\">\n\t\t\t\t{FILTER_TYPES.map((t) => (\n\t\t\t\t\t<button\n\t\t\t\t\t\tkey={t}\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclassName={`filter-chip ${filter === t ? \"active\" : \"\"}`}\n\t\t\t\t\t\tonClick={() => setFilter(t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{t === \"all\" ? \"all\" : t.replace(/_/g, \" \")}\n\t\t\t\t\t</button>\n\t\t\t\t))}\n\t\t\t\t<span className=\"event-count\">{events.length} buffered</span>\n\t\t\t</div>\n\t\t\t<ul className=\"event-list\">\n\t\t\t\t{filtered.length === 0 && (\n\t\t\t\t\t<li className=\"event-empty\">No events yet.</li>\n\t\t\t\t)}\n\t\t\t\t{filtered.map((ev, idx) => {\n\t\t\t\t\tconst cls = TYPE_COLORS[ev.type] ?? \"ev-default\";\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li\n\t\t\t\t\t\t\tkey={`${ev.ts}-${idx}`}\n\t\t\t\t\t\t\tclassName={`event-row ${cls}`}\n\t\t\t\t\t\t\tonClick={() => setExpanded(expanded === idx ? null : idx)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span className=\"ev-time\">{formatTs(ev.ts)}</span>\n\t\t\t\t\t\t\t<span className=\"ev-type\">{ev.type}</span>\n\t\t\t\t\t\t\t<span className=\"ev-summary\">{summarize(ev)}</span>\n\t\t\t\t\t\t\t{expanded === idx && (\n\t\t\t\t\t\t\t\t<pre className=\"ev-detail\">{JSON.stringify(ev, null, 2)}</pre>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</ul>\n\t\t</div>\n\t);\n}\n","/**\n * dashboard-client/src/components/EventCategoryFilter.tsx\n *\n * Category-level filter chips for the Events tab. Filters SSE events by\n * category: all / compact / recall / config / crew / game.\n */\n\nimport type React from \"react\";\n\nexport type EventCategory =\n\t| \"all\"\n\t| \"compact\"\n\t| \"recall\"\n\t| \"config\"\n\t| \"crew\"\n\t| \"game\";\n\nconst CATEGORIES: readonly EventCategory[] = [\n\t\"all\",\n\t\"compact\",\n\t\"recall\",\n\t\"config\",\n\t\"crew\",\n\t\"game\",\n] as const;\n\nexport interface EventCategoryFilterProps {\n\t/** Currently active category. */\n\tactive: EventCategory;\n\t/** Called when the user selects a category. */\n\tonFilter: (category: EventCategory) => void;\n}\n\nexport function EventCategoryFilter({\n\tactive,\n\tonFilter,\n}: EventCategoryFilterProps): React.ReactElement {\n\treturn (\n\t\t<div className=\"event-category-filter\" role=\"toolbar\" aria-label=\"Event category filter\">\n\t\t\t{CATEGORIES.map((cat) => (\n\t\t\t\t<button\n\t\t\t\t\tkey={cat}\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclassName={`category-chip${active === cat ? \" active\" : \"\"}`}\n\t\t\t\t\tonClick={() => onFilter(cat)}\n\t\t\t\t\taria-pressed={active === cat}\n\t\t\t\t>\n\t\t\t\t\t{cat}\n\t\t\t\t</button>\n\t\t\t))}\n\t\t</div>\n\t);\n}\n","/**\n * dashboard-client/src/tabs/EventsTab.tsx — Events tab (C1).\n *\n * Live SSE event stream via useSSE + EventStream with category filter chips.\n * Shows connection status + event count. Category filter uses the existing\n * EventCategoryFilter component to filter by all/compact/recall/config/crew/game.\n */\n\nimport type React from \"react\";\nimport { useState, useMemo } from \"react\";\nimport type { SseEvent } from \"@contracts\";\nimport { useSSE } from \"../hooks/useSSE\";\nimport { EventStream } from \"../components/EventStream\";\nimport {\n\tEventCategoryFilter,\n\ttype EventCategory,\n} from \"../components/EventCategoryFilter\";\n\nconst COMPACT_TYPES = new Set([\n\t\"compact_start\",\n\t\"compact_end\",\n\t\"compact_trigger\",\n\t\"compact_skip\",\n]);\nconst CONFIG_TYPES = new Set([\n\t\"config_updated\",\n\t\"config_preset\",\n\t\"tier_changed\",\n\t\"model_changed\",\n\t\"pressure_lifted\",\n\t\"anchors_updated\",\n\t\"checkpoint_persisted\",\n]);\nconst CREW_TYPES = new Set([\n\t\"crew_presence_changed\",\n\t\"crew_turn_changed\",\n\t\"crew_bandit_chosen\",\n]);\nconst GAME_TYPES = new Set([\n\t\"game_ritual_start\",\n\t\"game_ritual_stage\",\n\t\"game_ritual_end\",\n\t\"game_mode_changed\",\n\t\"game_render\",\n]);\n\nfunction matchesCategory(ev: SseEvent, cat: EventCategory): boolean {\n\tif (cat === \"all\") return true;\n\tconst t = ev.type;\n\tif (cat === \"compact\") return COMPACT_TYPES.has(t);\n\tif (cat === \"recall\") return t === \"recall_inject\";\n\tif (cat === \"config\") return CONFIG_TYPES.has(t);\n\tif (cat === \"crew\") return CREW_TYPES.has(t);\n\treturn GAME_TYPES.has(t); // cat === \"game\"\n}\n\nexport default function EventsTab(): React.ReactElement {\n\tconst { events, status, eventCount } = useSSE();\n\tconst [category, setCategory] = useState<EventCategory>(\"all\");\n\n\tconst filtered = useMemo(\n\t\t() => events.filter((e) => matchesCategory(e, category)),\n\t\t[events, category],\n\t);\n\n\tconst statusCls = `sse-status sse-${status}`;\n\tconst statusLabel =\n\t\tstatus === \"connected\"\n\t\t\t? \"connected\"\n\t\t\t: status === \"connecting\"\n\t\t\t\t? \"connecting…\"\n\t\t\t\t: status === \"error\"\n\t\t\t\t\t? \"error\"\n\t\t\t\t\t: \"disconnected\";\n\n\treturn (\n\t\t<div className=\"events-tab\">\n\t\t\t<div className=\"events-header\">\n\t\t\t\t<span className={statusCls} role=\"status\">\n\t\t\t\t\t<span className=\"sse-dot\" aria-hidden=\"true\" />\n\t\t\t\t\t{statusLabel}\n\t\t\t\t</span>\n\t\t\t\t<span className=\"event-count\">{eventCount} events received</span>\n\t\t\t</div>\n\t\t\t<EventCategoryFilter active={category} onFilter={setCategory} />\n\t\t\t<EventStream events={filtered} />\n\t\t</div>\n\t);\n}\n"],"names":["TYPE_COLORS","FILTER_TYPES","summarize","ev","formatTs","ts","EventStream","events","filter","setFilter","useState","expanded","setExpanded","filtered","useMemo","e","jsxs","t","jsx","idx","cls","CATEGORIES","EventCategoryFilter","active","onFilter","cat","COMPACT_TYPES","CONFIG_TYPES","CREW_TYPES","GAME_TYPES","matchesCategory","EventsTab","status","eventCount","useSSE","category","setCategory","statusCls","statusLabel"],"mappings":"mFAgBA,MAAMA,EAAsC,CAC3C,cAAe,aACf,YAAa,aACb,gBAAiB,aACjB,aAAc,aACd,aAAc,UACd,cAAe,UACf,gBAAiB,UACjB,qBAAsB,gBACtB,cAAe,YACf,gBAAiB,YACjB,eAAgB,YAChB,cAAe,YACf,sBAAuB,UACvB,kBAAmB,UACnB,mBAAoB,UACpB,eAAgB,YAChB,kBAAmB,UACnB,kBAAmB,UACnB,gBAAiB,UACjB,kBAAmB,UACnB,YAAa,SACd,EAGMC,EAAe,CACpB,MACA,gBACA,cACA,gBACA,sBACD,EAKA,SAASC,EAAUC,EAAsB,CACxC,OAAQA,EAAG,KAAA,CACV,IAAK,gBACJ,MAAO,WAAWA,EAAG,OAAO,YAAYA,EAAG,UAAU,MAAM,EAAG,CAAC,CAAC,GACjE,IAAK,cACJ,MAAO,SAASA,EAAG,WAAW,OAAOA,EAAG,OAAO,OAAOA,EAAG,aAAa,MAAM,EAAG,CAAC,CAAC,GAClF,IAAK,kBACJ,MAAO,YAAYA,EAAG,QAAQ,eAAeA,EAAG,SAAS,WAAWA,EAAG,KAAK,GAC7E,IAAK,eACJ,MAAO,UAAUA,EAAG,MAAM,GAC3B,IAAK,eACJ,MAAO,GAAGA,EAAG,IAAI,MAAMA,EAAG,EAAE,QAAQA,EAAG,UAAU,IAClD,IAAK,gBACJ,MAAO,GAAGA,EAAG,YAAY,IAAIA,EAAG,KAAK,GACtC,IAAK,kBACJ,MAAO,GAAGA,EAAG,SAAS,OAAOA,EAAG,QAAQ,IACzC,IAAK,uBACJ,MAAO,MAAMA,EAAG,aAAa,MAAM,EAAG,CAAC,CAAC,eAAeA,EAAG,aAAa,GACxE,IAAK,gBACJ,MAAO,MAAMA,EAAG,MAAM,MAAM,EAAG,EAAE,CAAC,YAAYA,EAAG,MAAM,QAAQA,EAAG,MAAM,GACzE,IAAK,kBACJ,MAAO,SAASA,EAAG,KAAK,WAAWA,EAAG,MAAM,GAC7C,IAAK,iBACJ,MAAO,OAAOA,EAAG,GAAG,GACrB,IAAK,gBACJ,MAAO,UAAUA,EAAG,MAAM,GAC3B,IAAK,wBACJ,MAAO,UAAUA,EAAG,YAAY,SAASA,EAAG,WAAW,GACxD,IAAK,oBACJ,MAAO,QAAQA,EAAG,SAAS,UAAUA,EAAG,SAAS,GAClD,IAAK,qBACJ,MAAO,SAASA,EAAG,WAAW,UAAUA,EAAG,KAAK,WAAWA,EAAG,MAAM,GACrE,IAAK,iBACJ,MAAO,QAAQA,EAAG,UAAU,MAAM,EAAG,CAAC,CAAC,QAAQA,EAAG,OAAO,gBAAgB,QAAQ,KAAK,MAAMA,EAAG,OAAO,CAAC,IACxG,IAAK,oBACL,IAAK,oBACL,IAAK,kBACL,IAAK,oBACL,IAAK,cACJ,MAAO,SAASA,EAAG,IAAI,EAAA,CAE1B,CAEA,SAASC,EAASC,EAAoB,CACrC,GAAI,CAEH,OADU,IAAI,KAAKA,CAAE,EACZ,mBAAA,CACV,MAAQ,CACP,OAAOA,CACR,CACD,CAEO,SAASC,EAAY,CAAE,OAAAC,GAAgD,CAC7E,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAqB,KAAK,EAChD,CAACC,EAAUC,CAAW,EAAIF,EAAAA,SAAwB,IAAI,EAEtDG,EAAWC,EAAAA,QAAQ,KAEvBN,IAAW,MAAQD,EAASA,EAAO,OAAQQ,GAAMA,EAAE,OAASP,CAAM,GAEvD,MAAM,IAAc,EAAE,QAAA,EAChC,CAACD,EAAQC,CAAM,CAAC,EAEnB,OACCQ,EAAAA,KAAC,MAAA,CAAI,UAAU,eACd,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,gBAAgB,KAAK,UAClC,SAAA,CAAAf,EAAa,IAAKgB,GAClBC,EAAAA,IAAC,SAAA,CAEA,KAAK,SACL,UAAW,eAAeV,IAAWS,EAAI,SAAW,EAAE,GACtD,QAAS,IAAMR,EAAUQ,CAAC,EAEzB,aAAM,MAAQ,MAAQA,EAAE,QAAQ,KAAM,GAAG,CAAA,EALrCA,CAAA,CAON,EACDD,EAAAA,KAAC,OAAA,CAAK,UAAU,cAAe,SAAA,CAAAT,EAAO,OAAO,WAAA,CAAA,CAAS,CAAA,EACvD,EACAS,EAAAA,KAAC,KAAA,CAAG,UAAU,aACZ,SAAA,CAAAH,EAAS,SAAW,GACpBK,MAAC,KAAA,CAAG,UAAU,cAAc,SAAA,iBAAc,EAE1CL,EAAS,IAAI,CAACV,EAAIgB,IAAQ,CAC1B,MAAMC,EAAMpB,EAAYG,EAAG,IAAI,GAAK,aACpC,OACCa,EAAAA,KAAC,KAAA,CAEA,UAAW,aAAaI,CAAG,GAC3B,QAAS,IAAMR,EAAYD,IAAaQ,EAAM,KAAOA,CAAG,EAExD,SAAA,CAAAD,MAAC,QAAK,UAAU,UAAW,SAAAd,EAASD,EAAG,EAAE,EAAE,EAC3Ce,EAAAA,IAAC,OAAA,CAAK,UAAU,UAAW,WAAG,KAAK,QAClC,OAAA,CAAK,UAAU,aAAc,SAAAhB,EAAUC,CAAE,EAAE,EAC3CQ,IAAaQ,GACbD,EAAAA,IAAC,MAAA,CAAI,UAAU,YAAa,SAAA,KAAK,UAAUf,EAAI,KAAM,CAAC,CAAA,CAAE,CAAA,CAAA,EARpD,GAAGA,EAAG,EAAE,IAAIgB,CAAG,EAAA,CAYvB,CAAC,CAAA,CAAA,CACF,CAAA,EACD,CAEF,CCzIA,MAAME,EAAuC,CAC5C,MACA,UACA,SACA,SACA,OACA,MACD,EASO,SAASC,EAAoB,CACnC,OAAAC,EACA,SAAAC,CACD,EAAiD,CAChD,OACCN,EAAAA,IAAC,MAAA,CAAI,UAAU,wBAAwB,KAAK,UAAU,aAAW,wBAC/D,SAAAG,EAAW,IAAKI,GAChBP,EAAAA,IAAC,SAAA,CAEA,KAAK,SACL,UAAW,gBAAgBK,IAAWE,EAAM,UAAY,EAAE,GAC1D,QAAS,IAAMD,EAASC,CAAG,EAC3B,eAAcF,IAAWE,EAExB,SAAAA,CAAA,EANIA,CAAA,CAQN,EACF,CAEF,CClCA,MAAMC,MAAoB,IAAI,CAC7B,gBACA,cACA,kBACA,cACD,CAAC,EACKC,MAAmB,IAAI,CAC5B,iBACA,gBACA,eACA,gBACA,kBACA,kBACA,sBACD,CAAC,EACKC,MAAiB,IAAI,CAC1B,wBACA,oBACA,oBACD,CAAC,EACKC,MAAiB,IAAI,CAC1B,oBACA,oBACA,kBACA,oBACA,aACD,CAAC,EAED,SAASC,EAAgB3B,EAAcsB,EAA6B,CACnE,GAAIA,IAAQ,MAAO,MAAO,GAC1B,MAAMR,EAAId,EAAG,KACb,OAAIsB,IAAQ,UAAkBC,EAAc,IAAIT,CAAC,EAC7CQ,IAAQ,SAAiBR,IAAM,gBAC/BQ,IAAQ,SAAiBE,EAAa,IAAIV,CAAC,EAC3CQ,IAAQ,OAAeG,EAAW,IAAIX,CAAC,EACpCY,EAAW,IAAIZ,CAAC,CACxB,CAEA,SAAwBc,GAAgC,CACvD,KAAM,CAAE,OAAAxB,EAAQ,OAAAyB,EAAQ,WAAAC,CAAA,EAAeC,EAAA,EACjC,CAACC,EAAUC,CAAW,EAAI1B,EAAAA,SAAwB,KAAK,EAEvDG,EAAWC,EAAAA,QAChB,IAAMP,EAAO,OAAQQ,GAAMe,EAAgBf,EAAGoB,CAAQ,CAAC,EACvD,CAAC5B,EAAQ4B,CAAQ,CAAA,EAGZE,EAAY,kBAAkBL,CAAM,GACpCM,EACLN,IAAW,YACR,YACAA,IAAW,aACV,cACAA,IAAW,QACV,QACA,eAEN,OACChB,EAAAA,KAAC,MAAA,CAAI,UAAU,aACd,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,gBACd,SAAA,CAAAA,EAAAA,KAAC,OAAA,CAAK,UAAWqB,EAAW,KAAK,SAChC,SAAA,CAAAnB,EAAAA,IAAC,OAAA,CAAK,UAAU,UAAU,cAAY,OAAO,EAC5CoB,CAAA,EACF,EACAtB,EAAAA,KAAC,OAAA,CAAK,UAAU,cAAe,SAAA,CAAAiB,EAAW,kBAAA,CAAA,CAAgB,CAAA,EAC3D,EACAf,EAAAA,IAACI,EAAA,CAAoB,OAAQa,EAAU,SAAUC,EAAa,EAC9DlB,EAAAA,IAACZ,EAAA,CAAY,OAAQO,CAAA,CAAU,CAAA,EAChC,CAEF"}
|
package/extensions/dashboard-client/dist/assets/{HealthTab-BLpidMrX.js → HealthTab-BgOCjVzR.js}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as o,j as e}from"./index-
|
|
2
|
-
//# sourceMappingURL=HealthTab-
|
|
1
|
+
import{r as o,j as e}from"./index-mOlljTFI.js";import{fetchContextHealth as u}from"./health-lSeDFTz7.js";function d(t){return t>.8?"#4ade80":t>=.5?"#facc15":"#f87171"}function f({score:t}){const a=2*Math.PI*70,h=a*(1-Math.max(0,Math.min(1,t))),n=d(t);return e.jsxs("div",{className:"health-gauge-wrap",children:[e.jsxs("svg",{width:"180",height:"180",viewBox:"0 0 180 180",children:[e.jsx("circle",{cx:"90",cy:"90",r:70,fill:"none",stroke:"#1e293b",strokeWidth:"14"}),e.jsx("circle",{cx:"90",cy:"90",r:70,fill:"none",stroke:n,strokeWidth:"14",strokeDasharray:a,strokeDashoffset:h,strokeLinecap:"round",transform:"rotate(-90 90 90)",style:{transition:"stroke-dashoffset 0.5s ease"}}),e.jsx("text",{x:"90",y:"85",textAnchor:"middle",fontSize:"32",fontWeight:"bold",fill:n,children:(t*100).toFixed(0)}),e.jsx("text",{x:"90",y:"108",textAnchor:"middle",fontSize:"14",fill:"#94a3b8",children:"/ 100"})]}),e.jsx("div",{className:"health-gauge-label",children:"Context Health"})]})}function p({trend:t}){if(t.length<2)return e.jsx("div",{className:"health-spark-empty",children:"No trend data yet"});const l=400,a=60,h=1,n=0,x=t.map((r,j)=>{const s=j/(t.length-1)*l,m=a-(r-n)/(h-n)*a;return`${s.toFixed(1)},${m.toFixed(1)}`}),c=t[t.length-1];return e.jsx("svg",{width:l,height:a,viewBox:`0 0 ${l} ${a}`,className:"health-spark",children:e.jsx("polyline",{points:x.join(" "),fill:"none",stroke:d(c),strokeWidth:"2"})})}function i({label:t,value:l}){return e.jsxs("div",{className:"health-subscore",children:[e.jsx("span",{className:"health-subscore-label",children:t}),e.jsx("div",{className:"health-subscore-bar",children:e.jsx("div",{className:"health-subscore-fill",style:{width:`${l*100}%`,background:d(l)}})}),e.jsxs("span",{className:"health-subscore-val",children:[(l*100).toFixed(0),"%"]})]})}function b(){const[t,l]=o.useState(null),[a,h]=o.useState(null),[n,x]=o.useState(!0),c=o.useCallback(()=>{u().then(l).catch(s=>h(s instanceof Error?s.message:String(s))).finally(()=>x(!1))},[]);if(o.useEffect(()=>{c();const s=setInterval(c,5e3);return()=>clearInterval(s)},[c]),n&&!t)return e.jsx("div",{className:"health-loading",children:"Loading health data…"});if(a&&!t)return e.jsxs("div",{className:"health-error",children:["Error: ",a]});if(!t)return e.jsx("div",{className:"health-empty",children:"No health data available."});const r=t.latest,j=r?.composite??0;return e.jsxs("div",{className:"health-tab",children:[e.jsxs("div",{className:"health-top-row",children:[e.jsx(f,{score:j}),e.jsxs("div",{className:"health-subscores",children:[e.jsx("h3",{children:"Sub-Scores"}),e.jsx(i,{label:"Drift",value:r?.driftScore??0}),e.jsx(i,{label:"Output Quality",value:r?.outputQuality??0}),e.jsx(i,{label:"Error Rate",value:r?.errorScore??0}),e.jsx(i,{label:"Cache Health",value:r?.cacheHealth??0}),e.jsx(i,{label:"Cache Poison",value:r?.cachePoison??0})]})]}),e.jsxs("div",{className:"health-trend-section",children:[e.jsxs("h3",{children:["Health Trend (last ",t.trend.length," turns)"]}),e.jsx(p,{trend:t.trend})]}),t.alerts.length>0&&e.jsxs("div",{className:"health-alerts",children:[e.jsxs("h3",{children:["Recent Alerts (",t.alerts.length,")"]}),e.jsx("div",{className:"health-alert-list",children:t.alerts.slice(-10).map(s=>e.jsxs("div",{className:"health-alert-row",children:[e.jsx("span",{className:"health-alert-time",children:new Date(s.ts).toLocaleTimeString()}),e.jsx("span",{className:"health-alert-model",children:s.modelId??"(unknown)"}),e.jsx("span",{className:"health-alert-score",style:{color:d(s.composite)},children:(s.composite*100).toFixed(0)}),s.cachePoison<.3&&e.jsx("span",{className:"health-alert-tag",children:"CACHE POISON"})]},`${s.ts}-${s.turnIndex}`))})]}),t.perModel.length>0&&e.jsxs("div",{className:"health-per-model",children:[e.jsx("h3",{children:"Health by Model"}),e.jsxs("table",{className:"health-model-table",children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{children:"Model"}),e.jsx("th",{children:"Avg Health"}),e.jsx("th",{children:"Samples"})]})}),e.jsx("tbody",{children:t.perModel.map(s=>e.jsxs("tr",{children:[e.jsx("td",{children:s.modelId}),e.jsxs("td",{style:{color:d(s.avgComposite)},children:[(s.avgComposite*100).toFixed(0),"%"]}),e.jsx("td",{children:s.sampleCount})]},s.modelId))})]})]})]})}export{b as default};
|
|
2
|
+
//# sourceMappingURL=HealthTab-BgOCjVzR.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HealthTab-BLpidMrX.js","sources":["../../src/tabs/HealthTab.tsx"],"sourcesContent":["/**\n * HealthTab.tsx — Context Health dashboard tab.\n * Shows composite health gauge, sparkline trend, sub-score bars,\n * alerts, and per-model comparison. Polls /api/context-health every 5s.\n */\n\nimport { useState, useEffect, useCallback } from \"react\";\nimport { fetchContextHealth, type ContextHealthResponse } from \"../api/health\";\n\nfunction healthColor(score: number): string {\n\tif (score > 0.8) return \"#4ade80\";\n\tif (score >= 0.5) return \"#facc15\";\n\treturn \"#f87171\";\n}\n\nfunction HealthGauge({ score }: { score: number }): React.ReactElement {\n\tconst r = 70;\n\tconst circ = 2 * Math.PI * r;\n\tconst offset = circ * (1 - Math.max(0, Math.min(1, score)));\n\tconst color = healthColor(score);\n\treturn (\n\t\t<div className=\"health-gauge-wrap\">\n\t\t\t<svg width=\"180\" height=\"180\" viewBox=\"0 0 180 180\">\n\t\t\t\t<circle cx=\"90\" cy=\"90\" r={r} fill=\"none\" stroke=\"#1e293b\" strokeWidth=\"14\" />\n\t\t\t\t<circle\n\t\t\t\t\tcx=\"90\"\n\t\t\t\t\tcy=\"90\"\n\t\t\t\t\tr={r}\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tstroke={color}\n\t\t\t\t\tstrokeWidth=\"14\"\n\t\t\t\t\tstrokeDasharray={circ}\n\t\t\t\t\tstrokeDashoffset={offset}\n\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\ttransform=\"rotate(-90 90 90)\"\n\t\t\t\t\tstyle={{ transition: \"stroke-dashoffset 0.5s ease\" }}\n\t\t\t\t/>\n\t\t\t\t<text x=\"90\" y=\"85\" textAnchor=\"middle\" fontSize=\"32\" fontWeight=\"bold\" fill={color}>\n\t\t\t\t\t{(score * 100).toFixed(0)}\n\t\t\t\t</text>\n\t\t\t\t<text x=\"90\" y=\"108\" textAnchor=\"middle\" fontSize=\"14\" fill=\"#94a3b8\">/ 100</text>\n\t\t\t</svg>\n\t\t\t<div className=\"health-gauge-label\">Context Health</div>\n\t\t</div>\n\t);\n}\n\nfunction HealthSparkline({ trend }: { trend: number[] }): React.ReactElement {\n\tif (trend.length < 2) return <div className=\"health-spark-empty\">No trend data yet</div>;\n\tconst w = 400;\n\tconst h = 60;\n\tconst max = 1;\n\tconst min = 0;\n\tconst pts = trend.map((v, i) => {\n\t\tconst x = (i / (trend.length - 1)) * w;\n\t\tconst y = h - ((v - min) / (max - min)) * h;\n\t\treturn `${x.toFixed(1)},${y.toFixed(1)}`;\n\t});\n\tconst last = trend[trend.length - 1];\n\treturn (\n\t\t<svg width={w} height={h} viewBox={`0 0 ${w} ${h}`} className=\"health-spark\">\n\t\t\t<polyline points={pts.join(\" \")} fill=\"none\" stroke={healthColor(last)} strokeWidth=\"2\" />\n\t\t</svg>\n\t);\n}\n\nfunction SubScoreBar({ label, value }: { label: string; value: number }): React.ReactElement {\n\treturn (\n\t\t<div className=\"health-subscore\">\n\t\t\t<span className=\"health-subscore-label\">{label}</span>\n\t\t\t<div className=\"health-subscore-bar\">\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"health-subscore-fill\"\n\t\t\t\t\tstyle={{ width: `${value * 100}%`, background: healthColor(value) }}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<span className=\"health-subscore-val\">{(value * 100).toFixed(0)}%</span>\n\t\t</div>\n\t);\n}\n\nexport default function HealthTab(): React.ReactElement {\n\tconst [data, setData] = useState<ContextHealthResponse | null>(null);\n\tconst [err, setError] = useState<string | null>(null);\n\tconst [loading, setLoading] = useState(true);\n\n\tconst poll = useCallback(() => {\n\t\tfetchContextHealth()\n\t\t\t.then(setData)\n\t\t\t.catch((e: unknown) => setError(e instanceof Error ? e.message : String(e)))\n\t\t\t.finally(() => setLoading(false));\n\t}, []);\n\n\tuseEffect(() => {\n\t\tpoll();\n\t\tconst id = setInterval(poll, 5000);\n\t\treturn () => clearInterval(id);\n\t}, [poll]);\n\n\tif (loading && !data) return <div className=\"health-loading\">Loading health data…</div>;\n\tif (err && !data) return <div className=\"health-error\">Error: {err}</div>;\n\tif (!data) return <div className=\"health-empty\">No health data available.</div>;\n\n\tconst latest = data.latest;\n\tconst composite = latest?.composite ?? 0;\n\n\treturn (\n\t\t<div className=\"health-tab\">\n\t\t\t<div className=\"health-top-row\">\n\t\t\t\t<HealthGauge score={composite} />\n\t\t\t\t<div className=\"health-subscores\">\n\t\t\t\t\t<h3>Sub-Scores</h3>\n\t\t\t\t\t<SubScoreBar label=\"Drift\" value={latest?.driftScore ?? 0} />\n\t\t\t\t\t<SubScoreBar label=\"Output Quality\" value={latest?.outputQuality ?? 0} />\n\t\t\t\t\t<SubScoreBar label=\"Error Rate\" value={latest?.errorScore ?? 0} />\n\t\t\t\t\t<SubScoreBar label=\"Cache Health\" value={latest?.cacheHealth ?? 0} />\n\t\t\t\t\t<SubScoreBar label=\"Cache Poison\" value={latest?.cachePoison ?? 0} />\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div className=\"health-trend-section\">\n\t\t\t\t<h3>Health Trend (last {data.trend.length} turns)</h3>\n\t\t\t\t<HealthSparkline trend={data.trend} />\n\t\t\t</div>\n\n\t\t\t{data.alerts.length > 0 && (\n\t\t\t\t<div className=\"health-alerts\">\n\t\t\t\t\t<h3>Recent Alerts ({data.alerts.length})</h3>\n\t\t\t\t\t<div className=\"health-alert-list\">\n\t\t\t\t\t\t{data.alerts.slice(-10).map((a) => (\n\t\t\t\t\t\t\t<div key={`${a.ts}-${a.turnIndex}`} className=\"health-alert-row\">\n\t\t\t\t\t\t\t\t<span className=\"health-alert-time\">{new Date(a.ts).toLocaleTimeString()}</span>\n\t\t\t\t\t\t\t\t<span className=\"health-alert-model\">{a.modelId ?? \"(unknown)\"}</span>\n\t\t\t\t\t\t\t\t<span className=\"health-alert-score\" style={{ color: healthColor(a.composite) }}>\n\t\t\t\t\t\t\t\t\t{(a.composite * 100).toFixed(0)}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t{a.cachePoison < 0.3 && <span className=\"health-alert-tag\">CACHE POISON</span>}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{data.perModel.length > 0 && (\n\t\t\t\t<div className=\"health-per-model\">\n\t\t\t\t\t<h3>Health by Model</h3>\n\t\t\t\t\t<table className=\"health-model-table\">\n\t\t\t\t\t\t<thead><tr><th>Model</th><th>Avg Health</th><th>Samples</th></tr></thead>\n\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t{data.perModel.map((m) => (\n\t\t\t\t\t\t\t\t<tr key={m.modelId}>\n\t\t\t\t\t\t\t\t\t<td>{m.modelId}</td>\n\t\t\t\t\t\t\t\t\t<td style={{ color: healthColor(m.avgComposite) }}>\n\t\t\t\t\t\t\t\t\t\t{(m.avgComposite * 100).toFixed(0)}%\n\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t<td>{m.sampleCount}</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</tbody>\n\t\t\t\t\t</table>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n"],"names":["healthColor","score","HealthGauge","circ","offset","color","jsxs","jsx","HealthSparkline","trend","w","h","max","min","pts","v","i","x","y","last","SubScoreBar","label","value","HealthTab","data","setData","useState","err","setError","loading","setLoading","poll","useCallback","fetchContextHealth","e","useEffect","id","latest","composite","a","m"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"HealthTab-BgOCjVzR.js","sources":["../../src/tabs/HealthTab.tsx"],"sourcesContent":["/**\n * HealthTab.tsx — Context Health dashboard tab.\n * Shows composite health gauge, sparkline trend, sub-score bars,\n * alerts, and per-model comparison. Polls /api/context-health every 5s.\n */\n\nimport { useState, useEffect, useCallback } from \"react\";\nimport { fetchContextHealth, type ContextHealthResponse } from \"../api/health\";\n\nfunction healthColor(score: number): string {\n\tif (score > 0.8) return \"#4ade80\";\n\tif (score >= 0.5) return \"#facc15\";\n\treturn \"#f87171\";\n}\n\nfunction HealthGauge({ score }: { score: number }): React.ReactElement {\n\tconst r = 70;\n\tconst circ = 2 * Math.PI * r;\n\tconst offset = circ * (1 - Math.max(0, Math.min(1, score)));\n\tconst color = healthColor(score);\n\treturn (\n\t\t<div className=\"health-gauge-wrap\">\n\t\t\t<svg width=\"180\" height=\"180\" viewBox=\"0 0 180 180\">\n\t\t\t\t<circle cx=\"90\" cy=\"90\" r={r} fill=\"none\" stroke=\"#1e293b\" strokeWidth=\"14\" />\n\t\t\t\t<circle\n\t\t\t\t\tcx=\"90\"\n\t\t\t\t\tcy=\"90\"\n\t\t\t\t\tr={r}\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tstroke={color}\n\t\t\t\t\tstrokeWidth=\"14\"\n\t\t\t\t\tstrokeDasharray={circ}\n\t\t\t\t\tstrokeDashoffset={offset}\n\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\ttransform=\"rotate(-90 90 90)\"\n\t\t\t\t\tstyle={{ transition: \"stroke-dashoffset 0.5s ease\" }}\n\t\t\t\t/>\n\t\t\t\t<text x=\"90\" y=\"85\" textAnchor=\"middle\" fontSize=\"32\" fontWeight=\"bold\" fill={color}>\n\t\t\t\t\t{(score * 100).toFixed(0)}\n\t\t\t\t</text>\n\t\t\t\t<text x=\"90\" y=\"108\" textAnchor=\"middle\" fontSize=\"14\" fill=\"#94a3b8\">/ 100</text>\n\t\t\t</svg>\n\t\t\t<div className=\"health-gauge-label\">Context Health</div>\n\t\t</div>\n\t);\n}\n\nfunction HealthSparkline({ trend }: { trend: number[] }): React.ReactElement {\n\tif (trend.length < 2) return <div className=\"health-spark-empty\">No trend data yet</div>;\n\tconst w = 400;\n\tconst h = 60;\n\tconst max = 1;\n\tconst min = 0;\n\tconst pts = trend.map((v, i) => {\n\t\tconst x = (i / (trend.length - 1)) * w;\n\t\tconst y = h - ((v - min) / (max - min)) * h;\n\t\treturn `${x.toFixed(1)},${y.toFixed(1)}`;\n\t});\n\tconst last = trend[trend.length - 1];\n\treturn (\n\t\t<svg width={w} height={h} viewBox={`0 0 ${w} ${h}`} className=\"health-spark\">\n\t\t\t<polyline points={pts.join(\" \")} fill=\"none\" stroke={healthColor(last)} strokeWidth=\"2\" />\n\t\t</svg>\n\t);\n}\n\nfunction SubScoreBar({ label, value }: { label: string; value: number }): React.ReactElement {\n\treturn (\n\t\t<div className=\"health-subscore\">\n\t\t\t<span className=\"health-subscore-label\">{label}</span>\n\t\t\t<div className=\"health-subscore-bar\">\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"health-subscore-fill\"\n\t\t\t\t\tstyle={{ width: `${value * 100}%`, background: healthColor(value) }}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<span className=\"health-subscore-val\">{(value * 100).toFixed(0)}%</span>\n\t\t</div>\n\t);\n}\n\nexport default function HealthTab(): React.ReactElement {\n\tconst [data, setData] = useState<ContextHealthResponse | null>(null);\n\tconst [err, setError] = useState<string | null>(null);\n\tconst [loading, setLoading] = useState(true);\n\n\tconst poll = useCallback(() => {\n\t\tfetchContextHealth()\n\t\t\t.then(setData)\n\t\t\t.catch((e: unknown) => setError(e instanceof Error ? e.message : String(e)))\n\t\t\t.finally(() => setLoading(false));\n\t}, []);\n\n\tuseEffect(() => {\n\t\tpoll();\n\t\tconst id = setInterval(poll, 5000);\n\t\treturn () => clearInterval(id);\n\t}, [poll]);\n\n\tif (loading && !data) return <div className=\"health-loading\">Loading health data…</div>;\n\tif (err && !data) return <div className=\"health-error\">Error: {err}</div>;\n\tif (!data) return <div className=\"health-empty\">No health data available.</div>;\n\n\tconst latest = data.latest;\n\tconst composite = latest?.composite ?? 0;\n\n\treturn (\n\t\t<div className=\"health-tab\">\n\t\t\t<div className=\"health-top-row\">\n\t\t\t\t<HealthGauge score={composite} />\n\t\t\t\t<div className=\"health-subscores\">\n\t\t\t\t\t<h3>Sub-Scores</h3>\n\t\t\t\t\t<SubScoreBar label=\"Drift\" value={latest?.driftScore ?? 0} />\n\t\t\t\t\t<SubScoreBar label=\"Output Quality\" value={latest?.outputQuality ?? 0} />\n\t\t\t\t\t<SubScoreBar label=\"Error Rate\" value={latest?.errorScore ?? 0} />\n\t\t\t\t\t<SubScoreBar label=\"Cache Health\" value={latest?.cacheHealth ?? 0} />\n\t\t\t\t\t<SubScoreBar label=\"Cache Poison\" value={latest?.cachePoison ?? 0} />\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div className=\"health-trend-section\">\n\t\t\t\t<h3>Health Trend (last {data.trend.length} turns)</h3>\n\t\t\t\t<HealthSparkline trend={data.trend} />\n\t\t\t</div>\n\n\t\t\t{data.alerts.length > 0 && (\n\t\t\t\t<div className=\"health-alerts\">\n\t\t\t\t\t<h3>Recent Alerts ({data.alerts.length})</h3>\n\t\t\t\t\t<div className=\"health-alert-list\">\n\t\t\t\t\t\t{data.alerts.slice(-10).map((a) => (\n\t\t\t\t\t\t\t<div key={`${a.ts}-${a.turnIndex}`} className=\"health-alert-row\">\n\t\t\t\t\t\t\t\t<span className=\"health-alert-time\">{new Date(a.ts).toLocaleTimeString()}</span>\n\t\t\t\t\t\t\t\t<span className=\"health-alert-model\">{a.modelId ?? \"(unknown)\"}</span>\n\t\t\t\t\t\t\t\t<span className=\"health-alert-score\" style={{ color: healthColor(a.composite) }}>\n\t\t\t\t\t\t\t\t\t{(a.composite * 100).toFixed(0)}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t{a.cachePoison < 0.3 && <span className=\"health-alert-tag\">CACHE POISON</span>}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{data.perModel.length > 0 && (\n\t\t\t\t<div className=\"health-per-model\">\n\t\t\t\t\t<h3>Health by Model</h3>\n\t\t\t\t\t<table className=\"health-model-table\">\n\t\t\t\t\t\t<thead><tr><th>Model</th><th>Avg Health</th><th>Samples</th></tr></thead>\n\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t{data.perModel.map((m) => (\n\t\t\t\t\t\t\t\t<tr key={m.modelId}>\n\t\t\t\t\t\t\t\t\t<td>{m.modelId}</td>\n\t\t\t\t\t\t\t\t\t<td style={{ color: healthColor(m.avgComposite) }}>\n\t\t\t\t\t\t\t\t\t\t{(m.avgComposite * 100).toFixed(0)}%\n\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t<td>{m.sampleCount}</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</tbody>\n\t\t\t\t\t</table>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n"],"names":["healthColor","score","HealthGauge","circ","offset","color","jsxs","jsx","HealthSparkline","trend","w","h","max","min","pts","v","i","x","y","last","SubScoreBar","label","value","HealthTab","data","setData","useState","err","setError","loading","setLoading","poll","useCallback","fetchContextHealth","e","useEffect","id","latest","composite","a","m"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as e,r,C as f,D as v,_ as p,u as N,E as C,F as w}from"./index-mOlljTFI.js";function k({columns:s}){const l=s.filter(t=>!t.present);return e.jsxs("div",{className:"stat-section",children:[e.jsxs("div",{className:"stat-label",children:["Column Audit (",s.length," columns, ",l.length," missing)"]}),e.jsxs("table",{className:"compact-table",children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{children:"Table"}),e.jsx("th",{children:"Column"}),e.jsx("th",{children:"Decl"}),e.jsx("th",{children:"Status"})]})}),e.jsx("tbody",{children:s.map(t=>e.jsxs("tr",{children:[e.jsx("td",{children:t.table}),e.jsx("td",{children:t.column}),e.jsx("td",{className:"text-mono",children:t.expectedDecl}),e.jsx("td",{className:t.present?"text-ok":"text-error",children:t.present?"✓":"MISSING"})]},`${t.table}.${t.column}`))})]})]})}function S({data:s,loading:l,error:t}){return e.jsxs("div",{className:"card",children:[e.jsxs("div",{className:"card-header",children:["Schema Health",s&&e.jsx("span",{className:`badge ${s.healthy?"badge-ok":"badge-bad"}`,children:s.healthy?"HEALTHY":"DEGRADED"})]}),e.jsxs("div",{className:"card-body",children:[l&&!s&&e.jsx("span",{className:"text-muted",children:"Loading…"}),t&&!s&&e.jsx("span",{className:"text-error",children:t.message}),s&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"stat-row",children:[e.jsx("span",{className:"stat-label",children:"Schema version"}),e.jsx("span",{className:"num",children:s.schemaVersion})]}),e.jsxs("div",{className:"stat-row",children:[e.jsx("span",{className:"stat-label",children:"Integrity"}),e.jsx("span",{className:s.integrity[0]==="ok"?"text-ok":"text-error",children:s.integrity.join("; ")})]}),e.jsx(k,{columns:s.columns}),s.fkCheck.length>0&&e.jsxs("div",{className:"stat-section",children:[e.jsxs("div",{className:"stat-label text-warn",children:["FK Check (",s.fkCheck.length,")"]}),s.fkCheck.map((i,o)=>e.jsx("div",{className:"text-warn text-mono",children:i},o))]})]})]})]})}function g(s){return s<1024?`${s} B`:s<1024*1024?`${(s/1024).toFixed(1)} KB`:`${(s/(1024*1024)).toFixed(1)} MB`}function R({files:s,pageSize:l,pageCount:t,freelistPages:i}){const o=s.dbBytes+s.walBytes+s.shmBytes;return e.jsxs("div",{className:"stat-section",children:[e.jsx("div",{className:"stat-label",children:"File Sizes"}),e.jsx("table",{className:"compact-table",children:e.jsxs("tbody",{children:[e.jsxs("tr",{children:[e.jsx("td",{children:"sqlite.db"}),e.jsx("td",{className:"num",children:g(s.dbBytes)})]}),s.walBytes>0&&e.jsxs("tr",{children:[e.jsx("td",{children:".wal"}),e.jsx("td",{className:"num",children:g(s.walBytes)})]}),s.shmBytes>0&&e.jsxs("tr",{children:[e.jsx("td",{children:".shm"}),e.jsx("td",{className:"num",children:g(s.shmBytes)})]}),e.jsxs("tr",{children:[e.jsx("td",{children:"Total"}),e.jsx("td",{className:"num",children:g(o)})]}),e.jsxs("tr",{children:[e.jsx("td",{children:"Page size"}),e.jsx("td",{className:"num",children:g(l)})]}),e.jsxs("tr",{children:[e.jsx("td",{children:"Pages"}),e.jsxs("td",{className:"num",children:[t.toLocaleString()," (",i.toLocaleString()," ","free)"]})]})]})})]})}function E({tables:s}){const l=s.reduce((t,i)=>t+Math.max(0,i.rowCount),0);return e.jsxs("div",{className:"stat-section",children:[e.jsxs("div",{className:"stat-label",children:["Table Row Counts (",l.toLocaleString()," total)"]}),e.jsxs("table",{className:"compact-table",children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{children:"Table"}),e.jsx("th",{className:"num",children:"Rows"})]})}),e.jsx("tbody",{children:s.map(t=>e.jsxs("tr",{children:[e.jsx("td",{children:t.table}),e.jsx("td",{className:"num",children:t.rowCount>=0?t.rowCount.toLocaleString():"—"})]},t.table))})]})]})}function D({data:s,loading:l,error:t}){return e.jsxs("div",{className:"card",children:[e.jsx("div",{className:"card-header",children:"DB Stats"}),e.jsxs("div",{className:"card-body",children:[l&&!s&&e.jsx("span",{className:"text-muted",children:"Loading…"}),t&&!s&&e.jsx("span",{className:"text-error",children:t.message}),s&&e.jsxs(e.Fragment,{children:[e.jsx(R,{files:s.storage.files,pageSize:s.storage.pageSize,pageCount:s.storage.pageCount,freelistPages:s.storage.freelistPages}),e.jsx(E,{tables:s.tables})]})]})]})}const A=[{key:"integrity-check",label:"Integrity Check",desc:"Run PRAGMA integrity_check",dangerous:!1},{key:"reconcile-dedup",label:"Reconcile Dedup Mirror",desc:"Fix orphan dedup rows + backfill refs",dangerous:!1,confirm:"Reconcile dedup_mirror (safe read/write)?"},{key:"checkpoint",label:"WAL Checkpoint",desc:"Merge WAL into main DB (read-only)",dangerous:!1},{key:"vacuum",label:"VACUUM",desc:"Rebuild DB reclaiming free pages",dangerous:!0,confirm:"VACUUM rewrites the entire DB. Continue?"},{key:"reindex",label:"REINDEX",desc:"Rebuild all indexes",dangerous:!0,confirm:"REINDEX rebuilds indexes. Continue?"},{key:"fts5-rebuild",label:"FTS5 Rebuild",desc:"Rebuild full-text search index",dangerous:!0,confirm:"Rebuild FTS5 trigram index. Continue?"},{key:"prune",label:"Prune Old Rows",desc:"Delete transcripts + epochs older than N days",dangerous:!0,daysOld:!0,confirm:"Delete old raw_transcript rows. Continue?"}];function B(){const[s,l]=r.useState([]),[t,i]=r.useState(null),[o,m]=r.useState("30"),x=r.useCallback(async a=>{const u=a.daysOld?{action:"prune",daysOld:Number(o)}:{action:a.key};i(a.key);try{const d=await f(u);l(n=>[{...d,timestamp:Date.now()},...n].slice(0,20))}catch(d){l(n=>[{operation:a.key,success:!1,affected:0,reclaimedBytes:0,summary:d instanceof Error?d.message:String(d),timestamp:Date.now()},...n].slice(0,20))}finally{i(null)}},[o]);return e.jsxs("div",{className:"card",children:[e.jsx("div",{className:"card-header",children:"Actions"}),e.jsx("div",{className:"card-body",children:e.jsx("div",{className:"action-grid",children:A.map(a=>{const u=t===a.key,d=s.find(n=>n.operation===a.key);return e.jsxs("div",{className:"action-item",children:[e.jsxs("div",{className:"action-info",children:[e.jsxs("div",{className:"action-label",children:[a.label,a.dangerous&&e.jsx("span",{className:"badge badge-warn",children:"DESTRUCTIVE"})]}),e.jsx("div",{className:"action-desc",children:a.desc}),d&&e.jsx("div",{className:`action-result ${d.success?"text-ok":"text-error"}`,children:d.summary})]}),e.jsxs("div",{className:"action-controls",children:[a.daysOld&&e.jsx("input",{type:"number",min:1,max:365,value:o,onChange:n=>m(n.target.value),className:"days-input",disabled:u}),e.jsx("button",{className:`btn ${a.dangerous?"btn-danger":"btn-primary"}`,disabled:t!==null,onClick:()=>{a.confirm&&!window.confirm(a.confirm)||x(a)},children:u?"Running…":"Run"})]})]},a.key)})})})]})}function L(){const[s,l]=r.useState(null),[t,i]=r.useState(!1),[o,m]=r.useState(null),[x,a]=r.useState(!1),u=r.useCallback(async()=>{i(!0),m(null);try{const c=await v();l(c),a(!0)}catch(c){m(c instanceof Error?c.message:String(c))}finally{i(!1)}},[]),d=r.useCallback(()=>{if(!s)return;const c=JSON.stringify(s,null,2);navigator.clipboard.writeText(c).catch(()=>{})},[s]),n=r.useCallback(()=>{if(!s)return;const c=JSON.stringify(s,null,2),y=new Blob([c],{type:"application/json"}),b=URL.createObjectURL(y),j=document.createElement("a");j.href=b,j.download=`mega-compact-debug-bundle-${s.builtAt}.json`,j.click(),URL.revokeObjectURL(b)},[s]),h=s?.criticalEvents.length??0;return e.jsxs("div",{className:"card",children:[e.jsxs("div",{className:"card-header",children:["Debug Bundle",h>0&&e.jsxs("span",{className:"text-warn",style:{marginLeft:"1em"},children:[h," critical event",h!==1?"s":""," found"]})]}),e.jsxs("div",{className:"card-body",children:[e.jsx("p",{className:"text-muted",style:{marginBottom:"0.75em"},children:"Gather a diagnostic bundle (recent events, config flags, schema health, store stats) to attach to a bug report. Critical/compaction events are highlighted."}),e.jsx("button",{onClick:u,disabled:t,style:{marginRight:"0.5em"},children:t?"Gathering…":"Gather Debug Logs"}),o&&e.jsx("div",{className:"text-error",children:o}),s&&x&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{marginTop:"0.75em",marginBottom:"0.5em"},children:[e.jsx("button",{onClick:d,style:{marginRight:"0.5em"},children:"Copy to clipboard"}),e.jsx("button",{onClick:n,children:"Download JSON"}),e.jsx("button",{onClick:()=>a(c=>!c),style:{marginLeft:"0.5em"},children:x?"Hide":"Show"})]}),h>0&&e.jsxs("div",{className:"stat-section",children:[e.jsxs("div",{className:"stat-label text-warn",children:["Critical events (",h,")"]}),e.jsx("pre",{className:"text-mono",style:{maxHeight:"12em",overflow:"auto"},children:JSON.stringify(s.criticalEvents,null,2)})]}),e.jsx("pre",{className:"text-mono",style:{maxHeight:"24em",overflow:"auto"},children:JSON.stringify(s,null,2)})]})]})]})}function T(){const[s,l]=r.useState(!1),[t,i]=r.useState(!0),[o,m]=r.useState(!1),[x,a]=r.useState(null),u=r.useCallback(async()=>{try{const{fetchHealthSettings:n}=await p(async()=>{const{fetchHealthSettings:c}=await import("./health-lSeDFTz7.js");return{fetchHealthSettings:c}},[],import.meta.url),h=await n();l(h.mitigate)}catch(n){a(n instanceof Error?n.message:String(n))}finally{i(!1)}},[]);r.useEffect(()=>{u()},[u]);const d=r.useCallback(async()=>{m(!0),a(null);try{const{setHealthMitigate:n}=await p(async()=>{const{setHealthMitigate:c}=await import("./health-lSeDFTz7.js");return{setHealthMitigate:c}},[],import.meta.url),h=!s;await n(h),l(h)}catch(n){a(n instanceof Error?n.message:String(n))}finally{m(!1)}},[s]);return e.jsxs("div",{className:"stat-section maintenance-card",children:[e.jsx("div",{className:"stat-label",children:"Context Health Mitigation"}),t?e.jsx("p",{className:"repo-none",children:"Loading…"}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"health-mitigate-row",children:e.jsxs("label",{className:"health-mitigate-toggle",children:[e.jsx("input",{type:"checkbox",checked:s,onChange:d,disabled:o}),e.jsxs("span",{children:["Auto-mitigation ",s?"ON":"OFF"]})]})}),e.jsxs("div",{className:"health-mitigate-info",children:[e.jsxs("p",{children:["When ",e.jsx("strong",{children:"ON"}),", the extension automatically intervenes when context health degrades:"]}),e.jsxs("ul",{children:[e.jsxs("li",{children:[e.jsx("strong",{children:"Forced compaction"})," — when the composite health score drops below 0.4 (severe drift or garbled output), a compaction is triggered to flush the degraded context and rebuild from clean checkpoints, even if the context window isn't full."]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Prefix break"})," — when KV cache poison is detected (score < 0.3), the cached prefix is invalidated to force a cache miss on the next turn, bypassing the corrupted KV state."]})]}),e.jsx("p",{className:"health-mitigate-warning",children:"WARNING: both interventions have costs — forced compaction discards live context, and prefix breaks kill cache savings. Only enable when you're seeing degraded output (garbled text, hallucinations, loss of coherence) and the Health tab confirms low scores."}),e.jsxs("p",{children:["Also settable via env var: ",e.jsx("code",{children:"MEGACOMPACT_CONTEXT_HEALTH_MITIGATE=1"}),". The dashboard toggle persists to the store and takes precedence."]}),x&&e.jsxs("p",{className:"health-mitigate-error",children:["Error: ",x]})]})]})]})}function _(){const{data:s,loading:l,error:t}=N(r.useCallback(()=>C(),[]),{pollInterval:15e3}),{data:i,loading:o,error:m}=N(r.useCallback(()=>w(),[]),{pollInterval:1e4});return e.jsxs("div",{className:"maintenance-tab",children:[e.jsxs("div",{className:"card-grid",children:[e.jsx(S,{data:i,loading:o,error:m}),e.jsx(D,{data:s,loading:l,error:t})]}),e.jsx(B,{}),e.jsx(L,{}),e.jsx(T,{})]})}export{_ as default};
|
|
2
|
+
//# sourceMappingURL=MaintenanceTab-Yw1yFpsy.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"mappings":"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","names":["ColumnAuditCard","columns","missing","c","jsxs","jsx","SchemaHealthCard","data","loading","error","Fragment","line","i","fmtBytes","b","FileSizesCard","files","pageSize","pageCount","freelistPages","total","TableRowCountsCard","tables","totalRows","s","t","DbStatsCard","ACTIONS","ActionsCard","results","setResults","useState","running","setRunning","days","setDays","handleAction","useCallback","def","action","res","postMaintenanceAction","prev","err","isRunning","lastResult","r","e","DebugBundleCard","bundle","setBundle","setLoading","setError","showJson","setShowJson","gather","fetchDebugBundle","copyToClipboard","text","downloadJson","blob","url","a","criticalCount","v","HealthMitigationCard","mitigate","setMitigate","saving","setSaving","load","fetchHealthSettings","__vitePreload","useEffect","toggle","setHealthMitigate","next","MaintenanceTab","dbStats","statsLoading","statsError","useApi","fetchDbStats","schemaHealth","healthLoading","healthError","fetchSchemaHealth"],"ignoreList":[],"sources":["../../src/tabs/MaintenanceTab/SchemaHealthCard.tsx","../../src/tabs/MaintenanceTab/DbStatsCard.tsx","../../src/tabs/MaintenanceTab/ActionsCard.tsx","../../src/tabs/MaintenanceTab/DebugBundleCard.tsx","../../src/tabs/MaintenanceTab/HealthMitigationCard.tsx","../../src/tabs/MaintenanceTab.tsx"],"sourcesContent":["/**\n * dashboard-client/src/tabs/MaintenanceTab/SchemaHealthCard.tsx — Schema Health card.\n *\n * Extracted from MaintenanceTab.tsx (delegate-shell split). Renders schema\n * version, integrity check, column audit, and FK check from\n * GET /api/maintenance/schema-health.\n */\nimport type React from \"react\";\nimport type { SchemaHealthResponse } from \"@contracts\";\n\n// ---------------------------------------------------------------------------\n// Schema Health card\n// ---------------------------------------------------------------------------\n\nfunction ColumnAuditCard({\n\tcolumns,\n}: {\n\tcolumns: SchemaHealthResponse[\"columns\"];\n}): React.ReactElement {\n\tconst missing = columns.filter((c) => !c.present);\n\treturn (\n\t\t<div className=\"stat-section\">\n\t\t\t<div className=\"stat-label\">\n\t\t\t\tColumn Audit ({columns.length} columns, {missing.length} missing)\n\t\t\t</div>\n\t\t\t<table className=\"compact-table\">\n\t\t\t\t<thead>\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t<th>Table</th>\n\t\t\t\t\t\t<th>Column</th>\n\t\t\t\t\t\t<th>Decl</th>\n\t\t\t\t\t\t<th>Status</th>\n\t\t\t\t\t</tr>\n\t\t\t\t</thead>\n\t\t\t\t<tbody>\n\t\t\t\t\t{columns.map((c) => (\n\t\t\t\t\t\t<tr key={`${c.table}.${c.column}`}>\n\t\t\t\t\t\t\t<td>{c.table}</td>\n\t\t\t\t\t\t\t<td>{c.column}</td>\n\t\t\t\t\t\t\t<td className=\"text-mono\">{c.expectedDecl}</td>\n\t\t\t\t\t\t\t<td className={c.present ? \"text-ok\" : \"text-error\"}>\n\t\t\t\t\t\t\t\t{c.present ? \"✓\" : \"MISSING\"}\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t))}\n\t\t\t\t</tbody>\n\t\t\t</table>\n\t\t</div>\n\t);\n}\n\nexport function SchemaHealthCard({\n\tdata,\n\tloading,\n\terror,\n}: {\n\tdata: SchemaHealthResponse | null;\n\tloading: boolean;\n\terror: Error | null;\n}): React.ReactElement {\n\treturn (\n\t\t<div className=\"card\">\n\t\t\t<div className=\"card-header\">\n\t\t\t\tSchema Health\n\t\t\t\t{data && (\n\t\t\t\t\t<span className={`badge ${data.healthy ? \"badge-ok\" : \"badge-bad\"}`}>\n\t\t\t\t\t\t{data.healthy ? \"HEALTHY\" : \"DEGRADED\"}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<div className=\"card-body\">\n\t\t\t\t{loading && !data && <span className=\"text-muted\">Loading…</span>}\n\t\t\t\t{error && !data && <span className=\"text-error\">{error.message}</span>}\n\t\t\t\t{data && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div className=\"stat-row\">\n\t\t\t\t\t\t\t<span className=\"stat-label\">Schema version</span>\n\t\t\t\t\t\t\t<span className=\"num\">{data.schemaVersion}</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"stat-row\">\n\t\t\t\t\t\t\t<span className=\"stat-label\">Integrity</span>\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t\tdata.integrity[0] === \"ok\" ? \"text-ok\" : \"text-error\"\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{data.integrity.join(\"; \")}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<ColumnAuditCard columns={data.columns} />\n\t\t\t\t\t\t{data.fkCheck.length > 0 && (\n\t\t\t\t\t\t\t<div className=\"stat-section\">\n\t\t\t\t\t\t\t\t<div className=\"stat-label text-warn\">\n\t\t\t\t\t\t\t\t\tFK Check ({data.fkCheck.length})\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{data.fkCheck.map((line, i) => (\n\t\t\t\t\t\t\t\t\t<div key={i} className=\"text-warn text-mono\">\n\t\t\t\t\t\t\t\t\t\t{line}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n","/**\n * dashboard-client/src/tabs/MaintenanceTab/DbStatsCard.tsx — DB Stats card.\n *\n * Extracted from MaintenanceTab.tsx (delegate-shell split). Renders file sizes\n * and table row counts from GET /api/maintenance.\n */\nimport type React from \"react\";\nimport type { DbStatsResponse } from \"@contracts\";\n\n// ---------------------------------------------------------------------------\n// Format helpers (local — matches html.ts fmtBytes)\n// ---------------------------------------------------------------------------\n\nexport function fmtBytes(b: number): string {\n\tif (b < 1024) return `${b} B`;\n\tif (b < 1024 * 1024) return `${(b / 1024).toFixed(1)} KB`;\n\treturn `${(b / (1024 * 1024)).toFixed(1)} MB`;\n}\n\n// ---------------------------------------------------------------------------\n// DB Stats card\n// ---------------------------------------------------------------------------\n\nfunction FileSizesCard({\n\tfiles,\n\tpageSize,\n\tpageCount,\n\tfreelistPages,\n}: {\n\tfiles: DbStatsResponse[\"storage\"][\"files\"];\n\tpageSize: number;\n\tpageCount: number;\n\tfreelistPages: number;\n}): React.ReactElement {\n\tconst total = files.dbBytes + files.walBytes + files.shmBytes;\n\treturn (\n\t\t<div className=\"stat-section\">\n\t\t\t<div className=\"stat-label\">File Sizes</div>\n\t\t\t<table className=\"compact-table\">\n\t\t\t\t<tbody>\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t<td>sqlite.db</td>\n\t\t\t\t\t\t<td className=\"num\">{fmtBytes(files.dbBytes)}</td>\n\t\t\t\t\t</tr>\n\t\t\t\t\t{files.walBytes > 0 && (\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td>.wal</td>\n\t\t\t\t\t\t\t<td className=\"num\">{fmtBytes(files.walBytes)}</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t)}\n\t\t\t\t\t{files.shmBytes > 0 && (\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td>.shm</td>\n\t\t\t\t\t\t\t<td className=\"num\">{fmtBytes(files.shmBytes)}</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t)}\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t<td>Total</td>\n\t\t\t\t\t\t<td className=\"num\">{fmtBytes(total)}</td>\n\t\t\t\t\t</tr>\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t<td>Page size</td>\n\t\t\t\t\t\t<td className=\"num\">{fmtBytes(pageSize)}</td>\n\t\t\t\t\t</tr>\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t<td>Pages</td>\n\t\t\t\t\t\t<td className=\"num\">\n\t\t\t\t\t\t\t{pageCount.toLocaleString()} ({freelistPages.toLocaleString()}{\" \"}\n\t\t\t\t\t\t\tfree)\n\t\t\t\t\t\t</td>\n\t\t\t\t\t</tr>\n\t\t\t\t</tbody>\n\t\t\t</table>\n\t\t</div>\n\t);\n}\n\nfunction TableRowCountsCard({\n\ttables,\n}: {\n\ttables: DbStatsResponse[\"tables\"];\n}): React.ReactElement {\n\tconst totalRows = tables.reduce((s, t) => s + Math.max(0, t.rowCount), 0);\n\treturn (\n\t\t<div className=\"stat-section\">\n\t\t\t<div className=\"stat-label\">\n\t\t\t\tTable Row Counts ({totalRows.toLocaleString()} total)\n\t\t\t</div>\n\t\t\t<table className=\"compact-table\">\n\t\t\t\t<thead>\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t<th>Table</th>\n\t\t\t\t\t\t<th className=\"num\">Rows</th>\n\t\t\t\t\t</tr>\n\t\t\t\t</thead>\n\t\t\t\t<tbody>\n\t\t\t\t\t{tables.map((t) => (\n\t\t\t\t\t\t<tr key={t.table}>\n\t\t\t\t\t\t\t<td>{t.table}</td>\n\t\t\t\t\t\t\t<td className=\"num\">\n\t\t\t\t\t\t\t\t{t.rowCount >= 0 ? t.rowCount.toLocaleString() : \"—\"}\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t))}\n\t\t\t\t</tbody>\n\t\t\t</table>\n\t\t</div>\n\t);\n}\n\nexport function DbStatsCard({\n\tdata,\n\tloading,\n\terror,\n}: {\n\tdata: DbStatsResponse | null;\n\tloading: boolean;\n\terror: Error | null;\n}): React.ReactElement {\n\treturn (\n\t\t<div className=\"card\">\n\t\t\t<div className=\"card-header\">DB Stats</div>\n\t\t\t<div className=\"card-body\">\n\t\t\t\t{loading && !data && <span className=\"text-muted\">Loading…</span>}\n\t\t\t\t{error && !data && <span className=\"text-error\">{error.message}</span>}\n\t\t\t\t{data && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<FileSizesCard\n\t\t\t\t\t\t\tfiles={data.storage.files}\n\t\t\t\t\t\t\tpageSize={data.storage.pageSize}\n\t\t\t\t\t\t\tpageCount={data.storage.pageCount}\n\t\t\t\t\t\t\tfreelistPages={data.storage.freelistPages}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<TableRowCountsCard tables={data.tables} />\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n","/**\n * dashboard-client/src/tabs/MaintenanceTab/ActionsCard.tsx — Actions card.\n *\n * Extracted from MaintenanceTab.tsx (delegate-shell split). One-time\n * maintenance operations (vacuum, checkpoint, reindex, prune, …) with a\n * results history.\n */\nimport type React from \"react\";\nimport { useState, useCallback } from \"react\";\nimport type {\n\tMaintenanceAction,\n\tMaintenanceActionResult,\n} from \"@contracts\";\nimport { postMaintenanceAction } from \"../../api/client\";\n\n// ---------------------------------------------------------------------------\n// Action config\n// ---------------------------------------------------------------------------\n\ninterface ActionDef {\n\tkey: string;\n\tlabel: string;\n\tdesc: string;\n\tdangerous: boolean;\n\tconfirm?: string;\n\tdaysOld?: boolean;\n}\n\nconst ACTIONS: ActionDef[] = [\n\t{\n\t\tkey: \"integrity-check\",\n\t\tlabel: \"Integrity Check\",\n\t\tdesc: \"Run PRAGMA integrity_check\",\n\t\tdangerous: false,\n\t},\n\t{\n\t\tkey: \"reconcile-dedup\",\n\t\tlabel: \"Reconcile Dedup Mirror\",\n\t\tdesc: \"Fix orphan dedup rows + backfill refs\",\n\t\tdangerous: false,\n\t\tconfirm: \"Reconcile dedup_mirror (safe read/write)?\",\n\t},\n\t{\n\t\tkey: \"checkpoint\",\n\t\tlabel: \"WAL Checkpoint\",\n\t\tdesc: \"Merge WAL into main DB (read-only)\",\n\t\tdangerous: false,\n\t},\n\t{\n\t\tkey: \"vacuum\",\n\t\tlabel: \"VACUUM\",\n\t\tdesc: \"Rebuild DB reclaiming free pages\",\n\t\tdangerous: true,\n\t\tconfirm: \"VACUUM rewrites the entire DB. Continue?\",\n\t},\n\t{\n\t\tkey: \"reindex\",\n\t\tlabel: \"REINDEX\",\n\t\tdesc: \"Rebuild all indexes\",\n\t\tdangerous: true,\n\t\tconfirm: \"REINDEX rebuilds indexes. Continue?\",\n\t},\n\t{\n\t\tkey: \"fts5-rebuild\",\n\t\tlabel: \"FTS5 Rebuild\",\n\t\tdesc: \"Rebuild full-text search index\",\n\t\tdangerous: true,\n\t\tconfirm: \"Rebuild FTS5 trigram index. Continue?\",\n\t},\n\t{\n\t\tkey: \"prune\",\n\t\tlabel: \"Prune Old Rows\",\n\t\tdesc: \"Delete transcripts + epochs older than N days\",\n\t\tdangerous: true,\n\t\tdaysOld: true,\n\t\tconfirm: \"Delete old raw_transcript rows. Continue?\",\n\t},\n];\n\n// ---------------------------------------------------------------------------\n// Actions card\n// ---------------------------------------------------------------------------\n\nexport function ActionsCard(): React.ReactElement {\n\tconst [results, setResults] = useState<MaintenanceActionResult[]>([]);\n\tconst [running, setRunning] = useState<string | null>(null);\n\tconst [days, setDays] = useState(\"30\");\n\n\tconst handleAction = useCallback(\n\t\tasync (def: ActionDef) => {\n\t\t\tconst action: MaintenanceAction = def.daysOld\n\t\t\t\t? { action: \"prune\", daysOld: Number(days) }\n\t\t\t\t: ({ action: def.key } as MaintenanceAction);\n\n\t\t\tsetRunning(def.key);\n\t\t\ttry {\n\t\t\t\tconst res = await postMaintenanceAction(action);\n\t\t\t\tsetResults((prev) =>\n\t\t\t\t\t[{ ...res, timestamp: Date.now() }, ...prev].slice(0, 20),\n\t\t\t\t);\n\t\t\t} catch (err) {\n\t\t\t\tsetResults((prev) =>\n\t\t\t\t\t[\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\toperation: def.key,\n\t\t\t\t\t\t\tsuccess: false,\n\t\t\t\t\t\t\taffected: 0,\n\t\t\t\t\t\t\treclaimedBytes: 0,\n\t\t\t\t\t\t\tsummary: err instanceof Error ? err.message : String(err),\n\t\t\t\t\t\t\ttimestamp: Date.now(),\n\t\t\t\t\t\t},\n\t\t\t\t\t\t...prev,\n\t\t\t\t\t].slice(0, 20),\n\t\t\t\t);\n\t\t\t} finally {\n\t\t\t\tsetRunning(null);\n\t\t\t}\n\t\t},\n\t\t[days],\n\t);\n\n\treturn (\n\t\t<div className=\"card\">\n\t\t\t<div className=\"card-header\">Actions</div>\n\t\t\t<div className=\"card-body\">\n\t\t\t\t<div className=\"action-grid\">\n\t\t\t\t\t{ACTIONS.map((def) => {\n\t\t\t\t\t\tconst isRunning = running === def.key;\n\t\t\t\t\t\tconst lastResult = results.find((r) => r.operation === def.key);\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div key={def.key} className=\"action-item\">\n\t\t\t\t\t\t\t\t<div className=\"action-info\">\n\t\t\t\t\t\t\t\t\t<div className=\"action-label\">\n\t\t\t\t\t\t\t\t\t\t{def.label}\n\t\t\t\t\t\t\t\t\t\t{def.dangerous && (\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"badge badge-warn\">DESTRUCTIVE</span>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"action-desc\">{def.desc}</div>\n\t\t\t\t\t\t\t\t\t{lastResult && (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclassName={`action-result ${lastResult.success ? \"text-ok\" : \"text-error\"}`}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{lastResult.summary}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className=\"action-controls\">\n\t\t\t\t\t\t\t\t\t{def.daysOld && (\n\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\t\t\t\t\tmin={1}\n\t\t\t\t\t\t\t\t\t\t\tmax={365}\n\t\t\t\t\t\t\t\t\t\t\tvalue={days}\n\t\t\t\t\t\t\t\t\t\t\tonChange={(e) => setDays(e.target.value)}\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"days-input\"\n\t\t\t\t\t\t\t\t\t\t\tdisabled={isRunning}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\tclassName={`btn ${def.dangerous ? \"btn-danger\" : \"btn-primary\"}`}\n\t\t\t\t\t\t\t\t\t\tdisabled={running !== null}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\tif (def.confirm && !window.confirm(def.confirm)) return;\n\t\t\t\t\t\t\t\t\t\t\thandleAction(def);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{isRunning ? \"Running…\" : \"Run\"}\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n","/**\n * dashboard-client/src/tabs/MaintenanceTab/DebugBundleCard.tsx — Debug Bundle card.\n *\n * Extracted from MaintenanceTab.tsx (delegate-shell split). Gather a diagnostic\n * bundle (events, config, schema health, store stats) and let the user copy or\n * download it for bug reports.\n */\nimport type React from \"react\";\nimport { useState, useCallback } from \"react\";\nimport type { DebugBundleResponse } from \"@contracts\";\nimport { fetchDebugBundle } from \"../../api/client\";\n\n// ---------------------------------------------------------------------------\n// Debug bundle card — gather diagnostic info for bug reports\n// ---------------------------------------------------------------------------\n\nexport function DebugBundleCard(): React.ReactElement {\n\tconst [bundle, setBundle] = useState<DebugBundleResponse | null>(null);\n\tconst [loading, setLoading] = useState(false);\n\tconst [error, setError] = useState<string | null>(null);\n\tconst [showJson, setShowJson] = useState(false);\n\n\tconst gather = useCallback(async () => {\n\t\tsetLoading(true);\n\t\tsetError(null);\n\t\ttry {\n\t\t\tconst res = await fetchDebugBundle();\n\t\t\tsetBundle(res);\n\t\t\tsetShowJson(true);\n\t\t} catch (err) {\n\t\t\tsetError(err instanceof Error ? err.message : String(err));\n\t\t} finally {\n\t\t\tsetLoading(false);\n\t\t}\n\t}, []);\n\n\tconst copyToClipboard = useCallback(() => {\n\t\tif (!bundle) return;\n\t\tconst text = JSON.stringify(bundle, null, 2);\n\t\tvoid navigator.clipboard.writeText(text).catch(() => {});\n\t}, [bundle]);\n\n\tconst downloadJson = useCallback(() => {\n\t\tif (!bundle) return;\n\t\tconst text = JSON.stringify(bundle, null, 2);\n\t\tconst blob = new Blob([text], { type: \"application/json\" });\n\t\tconst url = URL.createObjectURL(blob);\n\t\tconst a = document.createElement(\"a\");\n\t\ta.href = url;\n\t\ta.download = `mega-compact-debug-bundle-${bundle.builtAt}.json`;\n\t\ta.click();\n\t\tURL.revokeObjectURL(url);\n\t}, [bundle]);\n\n\tconst criticalCount = bundle?.criticalEvents.length ?? 0;\n\n\treturn (\n\t\t<div className=\"card\">\n\t\t\t<div className=\"card-header\">\n\t\t\t\tDebug Bundle\n\t\t\t\t{criticalCount > 0 && (\n\t\t\t\t\t<span className=\"text-warn\" style={{ marginLeft: \"1em\" }}>\n\t\t\t\t\t\t{criticalCount} critical event{criticalCount !== 1 ? \"s\" : \"\"} found\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<div className=\"card-body\">\n\t\t\t\t<p className=\"text-muted\" style={{ marginBottom: \"0.75em\" }}>\n\t\t\t\t\tGather a diagnostic bundle (recent events, config flags, schema health,\n\t\t\t\t\tstore stats) to attach to a bug report. Critical/compaction events are\n\t\t\t\t\thighlighted.\n\t\t\t\t</p>\n\t\t\t\t<button onClick={gather} disabled={loading} style={{ marginRight: \"0.5em\" }}>\n\t\t\t\t\t{loading ? \"Gathering…\" : \"Gather Debug Logs\"}\n\t\t\t\t</button>\n\t\t\t\t{error && <div className=\"text-error\">{error}</div>}\n\t\t\t\t{bundle && showJson && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div style={{ marginTop: \"0.75em\", marginBottom: \"0.5em\" }}>\n\t\t\t\t\t\t\t<button onClick={copyToClipboard} style={{ marginRight: \"0.5em\" }}>\n\t\t\t\t\t\t\t\tCopy to clipboard\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t<button onClick={downloadJson}>Download JSON</button>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tonClick={() => setShowJson((v) => !v)}\n\t\t\t\t\t\t\t\tstyle={{ marginLeft: \"0.5em\" }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{showJson ? \"Hide\" : \"Show\"}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{criticalCount > 0 && (\n\t\t\t\t\t\t\t<div className=\"stat-section\">\n\t\t\t\t\t\t\t\t<div className=\"stat-label text-warn\">\n\t\t\t\t\t\t\t\t\tCritical events ({criticalCount})\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<pre className=\"text-mono\" style={{ maxHeight: \"12em\", overflow: \"auto\" }}>\n\t\t\t\t\t\t\t\t\t{JSON.stringify(bundle.criticalEvents, null, 2)}\n\t\t\t\t\t\t\t\t</pre>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<pre className=\"text-mono\" style={{ maxHeight: \"24em\", overflow: \"auto\" }}>\n\t\t\t\t\t\t\t{JSON.stringify(bundle, null, 2)}\n\t\t\t\t\t\t</pre>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n","/**\n * dashboard-client/src/tabs/MaintenanceTab/HealthMitigationCard.tsx — Health\n * Mitigation card.\n *\n * Extracted from MaintenanceTab.tsx (delegate-shell split). Toggles auto-\n * mitigation for degraded context (forced compaction / prefix break).\n */\nimport type React from \"react\";\nimport { useState, useCallback, useEffect } from \"react\";\n\n// ---------------------------------------------------------------------------\n// Health Mitigation card — toggle auto-mitigation for degraded context\n// ---------------------------------------------------------------------------\n\nexport function HealthMitigationCard(): React.ReactElement {\n\tconst [mitigate, setMitigate] = useState(false);\n\tconst [loading, setLoading] = useState(true);\n\tconst [saving, setSaving] = useState(false);\n\tconst [error, setError] = useState<string | null>(null);\n\n\tconst load = useCallback(async () => {\n\t\ttry {\n\t\t\tconst { fetchHealthSettings } = await import(\"../../api/health\");\n\t\t\tconst s = await fetchHealthSettings();\n\t\t\tsetMitigate(s.mitigate);\n\t\t} catch (e) {\n\t\t\tsetError(e instanceof Error ? e.message : String(e));\n\t\t} finally {\n\t\t\tsetLoading(false);\n\t\t}\n\t}, []);\n\n\tuseEffect(() => { void load(); }, [load]);\n\n\tconst toggle = useCallback(async () => {\n\t\tsetSaving(true);\n\t\tsetError(null);\n\t\ttry {\n\t\t\tconst { setHealthMitigate } = await import(\"../../api/health\");\n\t\t\tconst next = !mitigate;\n\t\t\tawait setHealthMitigate(next);\n\t\t\tsetMitigate(next);\n\t\t} catch (e) {\n\t\t\tsetError(e instanceof Error ? e.message : String(e));\n\t\t} finally {\n\t\t\tsetSaving(false);\n\t\t}\n\t}, [mitigate]);\n\n\treturn (\n\t\t<div className=\"stat-section maintenance-card\">\n\t\t\t<div className=\"stat-label\">Context Health Mitigation</div>\n\t\t\t{loading ? (\n\t\t\t\t<p className=\"repo-none\">Loading…</p>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<div className=\"health-mitigate-row\">\n\t\t\t\t\t\t<label className=\"health-mitigate-toggle\">\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\t\tchecked={mitigate}\n\t\t\t\t\t\t\t\tonChange={toggle}\n\t\t\t\t\t\t\t\tdisabled={saving}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<span>Auto-mitigation {mitigate ? \"ON\" : \"OFF\"}</span>\n\t\t\t\t\t\t</label>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"health-mitigate-info\">\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\tWhen <strong>ON</strong>, the extension automatically intervenes when\n\t\t\t\t\t\t\tcontext health degrades:\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t<li><strong>Forced compaction</strong> — when the composite health score\n\t\t\t\t\t\t\tdrops below 0.4 (severe drift or garbled output), a compaction is\n\t\t\t\t\t\t\ttriggered to flush the degraded context and rebuild from clean\n\t\t\t\t\t\t\tcheckpoints, even if the context window isn't full.</li>\n\t\t\t\t\t\t\t<li><strong>Prefix break</strong> — when KV cache poison is detected\n\t\t\t\t\t\t\t(score < 0.3), the cached prefix is invalidated to force a cache\n\t\t\t\t\t\t\tmiss on the next turn, bypassing the corrupted KV state.</li>\n\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t<p className=\"health-mitigate-warning\">\n\t\t\t\t\t\t\tWARNING: both interventions have costs — forced compaction discards\n\t\t\t\t\t\t\tlive context, and prefix breaks kill cache savings. Only enable when\n\t\t\t\t\t\t\tyou're seeing degraded output (garbled text, hallucinations,\n\t\t\t\t\t\t\tloss of coherence) and the Health tab confirms low scores.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\tAlso settable via env var: <code>MEGACOMPACT_CONTEXT_HEALTH_MITIGATE=1</code>.\n\t\t\t\t\t\t\tThe dashboard toggle persists to the store and takes precedence.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t{error && <p className=\"health-mitigate-error\">Error: {error}</p>}\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n","/**\n * dashboard-client/src/tabs/MaintenanceTab.tsx — Maintenance tab (v0.11.2 S49B).\n *\n * Delegate-shell (extensions split): three cards (Schema Health, DB Stats,\n * Actions) plus the Debug Bundle and Health Mitigation cards. The heavy card\n * components live in ./MaintenanceTab/* to keep every file under the extensions\n * line limit. All cards fetch independently; failures in one do not block the\n * others.\n */\n\nimport type React from \"react\";\nimport { useCallback } from \"react\";\nimport type {\n\tDbStatsResponse,\n\tSchemaHealthResponse,\n} from \"@contracts\";\nimport { useApi } from \"../hooks/useApi\";\nimport { fetchDbStats, fetchSchemaHealth } from \"../api/client\";\nimport { SchemaHealthCard } from \"./MaintenanceTab/SchemaHealthCard\";\nimport { DbStatsCard } from \"./MaintenanceTab/DbStatsCard\";\nimport { ActionsCard } from \"./MaintenanceTab/ActionsCard\";\nimport { DebugBundleCard } from \"./MaintenanceTab/DebugBundleCard\";\nimport { HealthMitigationCard } from \"./MaintenanceTab/HealthMitigationCard\";\n\n// ---------------------------------------------------------------------------\n// Main tab component\n// ---------------------------------------------------------------------------\n\nexport default function MaintenanceTab(): React.ReactElement {\n\tconst {\n\t\tdata: dbStats,\n\t\tloading: statsLoading,\n\t\terror: statsError,\n\t} = useApi<DbStatsResponse>(\n\t\tuseCallback(() => fetchDbStats(), []),\n\t\t{ pollInterval: 15000 },\n\t);\n\n\tconst {\n\t\tdata: schemaHealth,\n\t\tloading: healthLoading,\n\t\terror: healthError,\n\t} = useApi<SchemaHealthResponse>(\n\t\tuseCallback(() => fetchSchemaHealth(), []),\n\t\t{ pollInterval: 10000 },\n\t);\n\n\treturn (\n\t\t<div className=\"maintenance-tab\">\n\t\t\t<div className=\"card-grid\">\n\t\t\t\t<SchemaHealthCard\n\t\t\t\t\tdata={schemaHealth}\n\t\t\t\t\tloading={healthLoading}\n\t\t\t\t\terror={healthError}\n\t\t\t\t/>\n\t\t\t\t<DbStatsCard data={dbStats} loading={statsLoading} error={statsError} />\n\t\t\t</div>\n\t\t\t<ActionsCard />\n\t\t\t<DebugBundleCard />\n\t\t\t<HealthMitigationCard />\n\t\t</div>\n\t);\n}\n"],"file":"assets/MaintenanceTab-Yw1yFpsy.js"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as e,r as c,G as V}from"./index-mOlljTFI.js";const w={checkpoint:"#6366f1",turn:"#58a6ff","turn-content":"#22c55e",memory:"#f59e0b"},U={checkpoint:"Checkpoint",turn:"Turn","turn-content":"Turn Content",memory:"Memory"};function Y(t,r){return`M 0,-${r} L ${t},0 L 0,${r} L -${t},0 Z`}function Q(t){return!t||t==="active"?1:.5}function X(t,r,i,d,n,m,a){const p=m?w[d]??"#6366f1":"#d1d5db",u=n?"#ef4444":"none",h=Q(a);switch(d){case"checkpoint":return e.jsx("circle",{cx:t,cy:r,r:n?i+3:i,fill:p,opacity:h,stroke:u,strokeWidth:n?2:0});case"turn":return e.jsx("circle",{cx:t,cy:r,r:n?i+3:i,fill:"none",stroke:p,strokeWidth:2.5,opacity:h});case"turn-content":return e.jsxs("g",{children:[e.jsx("circle",{cx:t,cy:r,r:n?i+3:i,fill:"none",stroke:p,strokeWidth:2.5,opacity:h}),e.jsx("circle",{cx:t,cy:r,r:Math.max(3,i*.3),fill:p,opacity:h})]});case"memory":const x=i*.85,j=i*.85;return e.jsx("path",{d:Y(x,j),transform:`translate(${t}, ${r})`,fill:p,opacity:h,stroke:u,strokeWidth:n?2:0})}}const Z=5e3,I=.005,P=.01,W=.9,J=.1,L=50;function K(t){const r=t.nodes.map((n,m)=>{const a=2*Math.PI*m/Math.max(t.nodes.length,1),p=200;return{...n,pos:{x:Math.cos(a)*p+300,y:Math.sin(a)*p+200},vx:0,vy:0,pinned:!1}}),i=new Map;r.forEach((n,m)=>i.set(n.id,m));const d=t.edges.map(n=>{const m=i.get(n.source),a=i.get(n.target);return m===void 0||a===void 0||m===a?null:{source:m,target:a,weight:n.weight,type:n.type}}).filter(n=>n!==null);return{nodes:r,edges:d}}function ee(t){const{nodes:r,edges:i}=t,d=r.length;if(d!==0)for(let n=0;n<d;n++){if(r[n].pinned)continue;let m=0,a=0;for(let u=0;u<d;u++){if(n===u)continue;const h=r[n].pos.x-r[u].pos.x,x=r[n].pos.y-r[u].pos.y,j=h*h+x*x||1,v=Z/j,g=Math.sqrt(j);m+=h/g*v,a+=x/g*v}for(const u of i){let h;if(u.source===n)h=u.target;else if(u.target===n)h=u.source;else continue;const x=r[h].pos.x-r[n].pos.x,j=r[h].pos.y-r[n].pos.y;m+=x*I*u.weight,a+=j*I*u.weight}m-=r[n].pos.x*P,a-=r[n].pos.y*P,r[n].vx=(r[n].vx+m)*W,r[n].vy=(r[n].vy+a)*W;const p=Math.sqrt(r[n].vx*r[n].vx+r[n].vy*r[n].vy);p>L&&(r[n].vx=r[n].vx/p*L,r[n].vy=r[n].vy/p*L),p>J&&(r[n].pos.x+=r[n].vx,r[n].pos.y+=r[n].vy)}}const te=300,se=.3,N=900,S=600,y=40;function E(t){switch(t){case"temporal":return"#6366f1";case"semantic":return"#22c55e";case"raptor_parent":return"#f59e0b"}}const k=({color:t,shape:r,label:i})=>{const d={display:"inline-block",width:"10px",height:"10px",verticalAlign:"middle",marginRight:"3px",borderRadius:r.startsWith("hollow")||r==="filled-circle"?"50%":void 0};let n;return r==="line"?e.jsx("span",{style:{color:t,marginRight:"6px"},children:i}):(r==="filled-circle"?n=e.jsx("span",{style:{...d,backgroundColor:t}}):r==="hollow-circle"?n=e.jsx("span",{style:{...d,border:`2px solid ${t}`,backgroundColor:"transparent"}}):r==="hollow-ring"?n=e.jsx("span",{style:{...d,border:`2px solid ${t}`,backgroundColor:"transparent",position:"relative"},children:e.jsx("span",{style:{display:"block",width:"4px",height:"4px",borderRadius:"50%",backgroundColor:t,margin:"2px auto"}})}):n=e.jsx("span",{style:{...d,clipPath:"polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)",backgroundColor:t}}),e.jsxs(e.Fragment,{children:[e.jsxs("span",{className:"memory-map-legend-item",children:[n,i]})," "]}))},ne=()=>{const[t,r]=c.useState(null),[i,d]=c.useState(!0),[n,m]=c.useState(null),[a,p]=c.useState(null),[u,h]=c.useState(""),[x]=c.useState(""),[j,v]=c.useState(0),g=c.useRef(null),T=c.useRef(0);c.useEffect(()=>{let s=!1;const o=new URLSearchParams;return x&&o.set("sessionId",x),o.set("threshold","0.7"),o.set("maxEdgesPerNode","4"),d(!0),m(null),fetch(`/api/memory-map?${o.toString()}`).then(l=>{if(!l.ok)throw new Error(`HTTP ${l.status}`);return l.json()}).then(l=>{s||(r(l),g.current=K(l),v(1),d(!1))}).catch(l=>{s||(m(l instanceof Error?l.message:"Unknown error"),d(!1))}),()=>{s=!0,cancelAnimationFrame(T.current)}},[x]),c.useEffect(()=>{if(!g.current||j===0)return;const s=g.current;let o=0;const l=()=>{o>=te||(ee(s),o++,v(o),T.current=requestAnimationFrame(l))};return T.current=requestAnimationFrame(l),()=>cancelAnimationFrame(T.current)},[j]);const z=c.useCallback((s,o)=>{const l=g.current;l&&(l.nodes[o].pinned=!l.nodes[o].pinned,l.nodes[o].pinned||(l.nodes[o].vx=0,l.nodes[o].vy=0),p(f=>f?.id===s.id?null:s),v(f=>f+1))},[]),$=c.useMemo(()=>{const s=g.current;if(!s||!u)return null;const o=u.toLowerCase();return new Set(s.nodes.map((l,f)=>l.summaryTruncated.toLowerCase().includes(o)||l.label.toLowerCase().includes(o)?f:-1).filter(l=>l>=0))},[u]),R=c.useMemo(()=>{const s=t?.validation;return s?s.gatesPassed<s.gatesRun?{level:"red",label:"Gate failure"}:s.warnings.length>0?{level:"yellow",label:`${s.warnings.length} warning(s)`}:{level:"green",label:"Healthy"}:{level:"yellow",label:"No validation"}},[t?.validation]),B={green:"#22c55e",yellow:"#eab308",red:"#ef4444"},F=c.useMemo(()=>{const s=t?.validation;if(!s)return`${t?.metadata.totalNodes??0} nodes`;const o=[];return s.sources.checkpoint>0&&o.push(`${s.sources.checkpoint} checkpoints`),s.sources.turn>0&&o.push(`${s.sources.turn} turns`),s.sources.turnContent>0&&o.push(`${s.sources.turnContent} turn-content`),s.sources.memory>0&&o.push(`${s.sources.memory} memories`),o.length===0&&o.push(`${t?.metadata.totalNodes??0} nodes`),o.join(" · ")},[t?.validation,t?.metadata.totalNodes]),A=c.useMemo(()=>{const s=t?.validation;if(!s)return"";const o=[];return o.push(s.sources.checkpoint>0?"✓ checkpoints":"✗ checkpoints"),o.push(s.sources.turn>0?"✓ turns":"✗ turns"),o.push(s.sources.turnContent>0?"✓ turn-content":"✗ turn-content"),o.push(s.sources.memory>0?"✓ memories":"✗ memories"),o.join(" | ")},[t?.validation]),G=c.useMemo(()=>{const s=t?.validation;return s?s.sources.checkpoint===0&&s.sources.turn===0&&s.sources.turnContent===0&&s.sources.memory===0:t?.metadata.totalNodes===0},[t?.validation,t?.metadata.totalNodes]);if(i)return e.jsx("div",{className:"memory-map-loading",children:"Loading memory graph..."});if(n)return e.jsxs("div",{className:"memory-map-error",children:[e.jsxs("p",{children:["Failed to load memory map: ",n]}),e.jsx("button",{className:"memory-map-retry-btn",onClick:()=>v(s=>s+1),children:"Retry"})]});if(!t||!g.current||G)return e.jsx("div",{className:"memory-map-empty",children:e.jsx("p",{children:"Memories appear after your first compaction. The graph shows checkpoints (compaction summaries) linked by semantic similarity and time. Run a longer session or lower the compaction tier to see it sooner."})});const b=g.current;return e.jsxs("div",{className:"memory-map-container",children:[e.jsxs("div",{className:"memory-map-toolbar",children:[e.jsx("input",{type:"text",placeholder:"Search memories...",value:u,onInput:s=>h(s.target.value),className:"memory-map-search"}),e.jsxs("span",{className:"memory-map-stats",children:[e.jsx("span",{className:"memory-map-count-badge",children:F}),e.jsx("br",{}),e.jsxs("span",{className:"memory-map-edges",children:[t.edges.length," edges"]})]}),e.jsx("span",{className:"memory-map-health-badge",style:{backgroundColor:B[R.level]??"#6b7280",color:"#fff",padding:"2px 8px",borderRadius:"10px",fontSize:"11px",fontWeight:600,marginLeft:"8px"},title:`Validation: ${R.label}`,children:R.level==="green"?"Healthy":R.level==="yellow"?"Warnings":"Critical"})]}),A?e.jsx("div",{className:"memory-map-source-avail",style:{fontSize:"11px",padding:"2px 12px",color:"#6b7280"},children:A}):null,e.jsxs("div",{className:"memory-map-legend",children:[e.jsx("span",{className:"memory-map-legend-section",children:"Nodes:"}),e.jsx(k,{type:"node",color:w.checkpoint,shape:"filled-circle",label:"Checkpoint"}),e.jsx(k,{type:"node",color:w.turn,shape:"hollow-circle",label:"Turn"}),e.jsx(k,{type:"node",color:w["turn-content"],shape:"hollow-ring",label:"Turn Content"}),e.jsx(k,{type:"node",color:w.memory,shape:"diamond",label:"Memory"}),e.jsx("span",{className:"memory-map-legend-sep",children:"|"}),e.jsx("span",{className:"memory-map-legend-section",children:"Edges:"}),e.jsx(k,{type:"edge",color:E("semantic"),shape:"line",label:"Semantic"}),e.jsx(k,{type:"edge",color:E("temporal"),shape:"line",label:"Temporal"}),e.jsx(k,{type:"edge",color:E("raptor_parent"),shape:"line",label:"Raptor"})]}),e.jsxs("svg",{width:N,height:S,viewBox:`0 0 ${N} ${S}`,className:"memory-map-svg",children:[b.edges.map((s,o)=>{const l=b.nodes[s.source],f=b.nodes[s.target],C=E(s.type),M=Math.max(1,s.weight*2.5);return e.jsx("line",{x1:y+l.pos.x/(b.nodes.length||1)*(N-2*y),y1:y+l.pos.y/(b.nodes.length||1)*(S-2*y),x2:y+f.pos.x/(b.nodes.length||1)*(N-2*y),y2:y+f.pos.y/(b.nodes.length||1)*(S-2*y),stroke:C,strokeWidth:M,opacity:se},`edge-${o}`)}),b.nodes.map((s,o)=>{const l=y+s.pos.x/(b.nodes.length||1)*(N-2*y),f=y+s.pos.y/(b.nodes.length||1)*(S-2*y),C=Math.min(20,8+s.tokenEstimate/500),M=$?$.has(o):!0,H=a?.id===s.id,q=s.label.length>20?s.label.slice(0,18)+"...":s.label;return e.jsxs("g",{className:"memory-map-node-group",onClick:()=>z(s,o),style:{cursor:"pointer"},children:[X(l,f,C,s.nodeType,H,M,s.dedupStatus),e.jsx("text",{x:l,y:f+C+12,textAnchor:"middle",fontSize:"9px",fill:"#374151",className:"memory-map-label",children:q})]},`node-${o}`)})]}),a?e.jsxs("div",{className:"memory-map-detail",children:[e.jsxs("h3",{children:[e.jsx("span",{className:"memory-map-detail-type",style:{display:"inline-block",fontSize:"12px",fontWeight:400,color:"#6b7280",marginRight:"6px"},children:U[a.nodeType]}),a.label]}),e.jsx("p",{children:a.summaryTruncated}),a.topicSummary?e.jsxs("p",{className:"memory-map-topic",children:["Topic: ",a.topicSummary]}):null,e.jsxs("p",{children:["Tokens: ",a.tokenEstimate," | Decisions: ",a.decisionCount]}),e.jsxs("p",{children:["Session: ",a.sessionId]}),e.jsxs("p",{children:["Raptor Level: ",a.raptorLevel]}),e.jsx("p",{className:"memory-map-snippet",children:a.textSnippet})]}):null]})};function re(t){return t===0?"#d4a017":t===1?"#3b82f6":"#14b8a6"}function _(t){return t?new Date(t).toLocaleString():"—"}const oe={padding:"1rem",width:"100%",boxSizing:"border-box"},ae={display:"flex",gap:"1.5rem",alignItems:"center",marginBottom:"1rem",color:"#a0a0c0",fontSize:"0.9rem"},D={padding:"2rem",border:"1px dashed #2a2a4e",borderRadius:"8px",color:"#a0a0c0",textAlign:"center"},le={padding:"1rem",color:"#a0a0c0"};function ie({node:t}){const r=re(t.level),i=t.children.length>0?`${t.children.length} child${t.children.length===1?"":"ren"}`:"leaf";return e.jsxs("div",{style:{background:"#14142b",border:`1px solid ${r}`,borderRadius:"8px",padding:"0.75rem 1rem",marginBottom:"0.6rem",marginLeft:t.level*24,maxWidth:"90%"},children:[e.jsxs("div",{style:{display:"flex",gap:"0.75rem",alignItems:"center",marginBottom:"0.35rem"},children:[e.jsxs("span",{style:{display:"inline-block",background:r,color:"#fff",borderRadius:"10px",padding:"1px 8px",fontSize:"11px",fontWeight:600},children:["L",t.level]}),e.jsxs("span",{style:{fontSize:"12px",color:"#6b7280"},children:[i," · ",t.tokenEstimate," tok · ",t.qualityMarker]}),e.jsx("span",{style:{fontSize:"12px",color:"#6b7280",marginLeft:"auto"},children:_(t.builtAt)})]}),e.jsx("div",{style:{fontSize:"0.92rem",color:"#e5e7eb"},children:t.summary})]})}function ce(){const[t,r]=c.useState(null),[i,d]=c.useState(!0),[n,m]=c.useState(null);return c.useEffect(()=>{let a=!1;return d(!0),m(null),V().then(p=>{a||(r(p),d(!1))}).catch(p=>{a||(m(p instanceof Error?p.message:"Unknown error"),d(!1))}),()=>{a=!0}},[]),i?e.jsx("div",{style:le,children:"Loading RAPTOR tree..."}):n?e.jsx("div",{style:D,children:e.jsxs("p",{children:["Failed to load RAPTOR tree: ",n]})}):!t||t.empty||t.nodes.length===0?e.jsx("div",{style:D,children:e.jsx("p",{children:"No RAPTOR tree built yet — run a compaction (the tree builds during compaction)."})}):e.jsxs("div",{style:oe,children:[e.jsxs("div",{style:ae,children:[e.jsxs("span",{children:[e.jsx("strong",{children:t.nodes.length})," nodes"]}),e.jsxs("span",{children:[e.jsx("strong",{children:t.levels+1})," levels"]}),e.jsxs("span",{children:["Built ",_(t.builtAt??0)]})]}),t.nodes.map(a=>e.jsx(ie,{node:a},a.id))]})}const de={display:"flex",gap:"0.5rem",marginBottom:"1rem",borderBottom:"1px solid #2a2a4e",paddingBottom:"0.5rem",paddingTop:"0.5rem",width:"100%"};function O(t){return{background:t?"#3a5a9f":"transparent",color:t?"#fff":"#a0a0c0",border:"1px solid",borderColor:t?"#3a5a9f":"#2a2a4e",borderRadius:"6px",padding:"0.4rem 0.8rem",cursor:"pointer",fontSize:"0.9rem",fontWeight:t?600:400}}const pe=()=>{const[t,r]=c.useState("map");return e.jsxs("div",{className:"memory-map-tab",children:[e.jsxs("nav",{style:de,"aria-label":"Memory map sections",children:[e.jsx("button",{type:"button",style:O(t==="map"),onClick:()=>r("map"),children:"Memory Map"}),e.jsx("button",{type:"button",style:O(t==="raptor"),onClick:()=>r("raptor"),children:"RAPTOR Tree"})]}),t==="map"&&e.jsx(ne,{}),t==="raptor"&&e.jsx(ce,{})]})};export{pe as default};
|
|
2
|
+
//# sourceMappingURL=MemoryMapTab-yHUX7Yzi.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MemoryMapTab-yHUX7Yzi.js","sources":["../../src/memory-map-shapes.tsx","../../src/memory-map-layout.ts","../../src/tabs/MemoryMapTab/MemoryMapView.tsx","../../src/tabs/MemoryMapTab/RaptorTreeView.tsx","../../src/tabs/MemoryMapTab.tsx"],"sourcesContent":["/**\n * memory-map-shapes.tsx — Node shape rendering utilities for MemoryMapTab (D3).\n *\n * Node shape encodes nodeType: checkpoint = filled circle, turn = hollow circle,\n * turn-content = hollow+ring, memory = diamond.\n * Delegate-shell pattern: thin rendering helpers, no state, no side effects.\n */\nimport type React from \"react\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport type NodeType = \"checkpoint\" | \"turn\" | \"turn-content\" | \"memory\";\n\n// ---------------------------------------------------------------------------\n// Constants\n// ---------------------------------------------------------------------------\n\nexport const NODE_COLORS: Record<NodeType, string> = {\n checkpoint: \"#6366f1\",\n turn: \"#58a6ff\",\n \"turn-content\": \"#22c55e\",\n memory: \"#f59e0b\",\n};\n\nexport const NODE_TYPE_LABELS: Record<NodeType, string> = {\n checkpoint: \"Checkpoint\",\n turn: \"Turn\",\n \"turn-content\": \"Turn Content\",\n memory: \"Memory\",\n};\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\n/** SVG path for a diamond centered at (0,0) with given half-width/height. */\nfunction diamondPath(hw: number, hh: number): string {\n return `M 0,-${hh} L ${hw},0 L 0,${hh} L -${hw},0 Z`;\n}\n\nfunction nodeOpacity(dedupStatus: string | undefined): number {\n if (!dedupStatus || dedupStatus === \"active\") return 1;\n return 0.5;\n}\n\n// ---------------------------------------------------------------------------\n// Render function\n// ---------------------------------------------------------------------------\n\n/** Render an SVG shape for a node based on its nodeType. */\nexport function renderNodeShape(\n cx: number,\n cy: number,\n radius: number,\n nodeType: NodeType,\n isSelected: boolean,\n isFiltered: boolean,\n dedupStatus: string | undefined,\n): React.ReactElement {\n const fill = isFiltered ? NODE_COLORS[nodeType] ?? \"#6366f1\" : \"#d1d5db\";\n const strokeColor = isSelected ? \"#ef4444\" : \"none\";\n const opacity = nodeOpacity(dedupStatus);\n\n switch (nodeType) {\n case \"checkpoint\":\n return (\n <circle\n cx={cx}\n cy={cy}\n r={isSelected ? radius + 3 : radius}\n fill={fill}\n opacity={opacity}\n stroke={strokeColor}\n strokeWidth={isSelected ? 2 : 0}\n />\n );\n case \"turn\":\n return (\n <circle\n cx={cx}\n cy={cy}\n r={isSelected ? radius + 3 : radius}\n fill=\"none\"\n stroke={fill}\n strokeWidth={2.5}\n opacity={opacity}\n />\n );\n case \"turn-content\":\n return (\n <g>\n <circle\n cx={cx}\n cy={cy}\n r={isSelected ? radius + 3 : radius}\n fill=\"none\"\n stroke={fill}\n strokeWidth={2.5}\n opacity={opacity}\n />\n <circle\n cx={cx}\n cy={cy}\n r={Math.max(3, radius * 0.3)}\n fill={fill}\n opacity={opacity}\n />\n </g>\n );\n case \"memory\":\n const hw = radius * 0.85;\n const hh = radius * 0.85;\n return (\n <path\n d={diamondPath(hw, hh)}\n transform={`translate(${cx}, ${cy})`}\n fill={fill}\n opacity={opacity}\n stroke={strokeColor}\n strokeWidth={isSelected ? 2 : 0}\n />\n );\n }\n}\n","/**\n * memory-map-layout.ts — Force-directed layout engine for MemoryMapTab (D3).\n *\n * Uses Coulomb repulsion + Hooke attraction + center gravity to arrange nodes.\n * No external graph library. Mutates layout in place.\n * Self-contained types: only needs id + edges from graph data.\n */\n\n// ---------------------------------------------------------------------------\n// Types (self-contained — mirrors the subset used by the layout engine)\n// ---------------------------------------------------------------------------\n\ninterface GraphNodeMin {\n readonly id: string;\n readonly nodeType: string;\n readonly label: string;\n readonly summaryTruncated: string;\n readonly tokenEstimate: number;\n readonly timestamp: number;\n readonly dedupStatus: string | undefined;\n readonly raptorLevel: number;\n readonly topicSummary: string | undefined;\n readonly decisionCount: number;\n readonly textSnippet: string;\n readonly sessionId: string;\n}\n\ninterface GraphEdgeMin {\n readonly source: string;\n readonly target: string;\n readonly weight: number;\n readonly type: \"temporal\" | \"semantic\" | \"raptor_parent\";\n}\n\nexport interface Position {\n x: number;\n y: number;\n}\n\nexport interface LayoutNode extends GraphNodeMin {\n pos: Position;\n vx: number;\n vy: number;\n pinned: boolean;\n}\n\nexport interface LayoutEdge {\n source: number;\n target: number;\n weight: number;\n type: GraphEdge[\"type\"];\n}\n\nexport interface Layout {\n nodes: LayoutNode[];\n edges: LayoutEdge[];\n}\n\n// ---------------------------------------------------------------------------\n// Constants\n// ---------------------------------------------------------------------------\n\nconst REPULSION = 5_000;\nconst ATTRACTION = 0.005;\nconst CENTER_GRAVITY = 0.01;\nconst DAMPING = 0.9;\nconst MIN_VELOCITY = 0.1;\nconst SPEED_LIMIT = 50;\n\n// ---------------------------------------------------------------------------\n// Build\n// ---------------------------------------------------------------------------\n\n/** Build initial layout from graph data. */\nexport function buildLayout(data: { nodes: GraphNodeMin[]; edges: GraphEdgeMin[] }): Layout {\n const nodes: LayoutNode[] = data.nodes.map((n, i) => {\n const angle = (2 * Math.PI * i) / Math.max(data.nodes.length, 1);\n const radius = 200;\n return {\n ...n,\n pos: { x: Math.cos(angle) * radius + 300, y: Math.sin(angle) * radius + 200 },\n vx: 0,\n vy: 0,\n pinned: false,\n };\n });\n\n const nodeIndex = new Map<string, number>();\n nodes.forEach((n, i) => nodeIndex.set(n.id, i));\n\n const edges: LayoutEdge[] = data.edges\n .map((e) => {\n const si = nodeIndex.get(e.source);\n const ti = nodeIndex.get(e.target);\n if (si === undefined || ti === undefined || si === ti) return null;\n return { source: si, target: ti, weight: e.weight, type: e.type };\n })\n .filter((e): e is LayoutEdge => e !== null);\n\n return { nodes, edges };\n}\n\n// ---------------------------------------------------------------------------\n// Apply forces\n// ---------------------------------------------------------------------------\n\n/** Apply one iteration of the force simulation. Mutates layout in place. */\nexport function applyForces(layout: Layout): void {\n const { nodes, edges } = layout;\n const n = nodes.length;\n if (n === 0) return;\n\n for (let i = 0; i < n; i++) {\n if (nodes[i].pinned) continue;\n let fx = 0;\n let fy = 0;\n\n // Coulomb repulsion\n for (let j = 0; j < n; j++) {\n if (i === j) continue;\n const dx = nodes[i].pos.x - nodes[j].pos.x;\n const dy = nodes[i].pos.y - nodes[j].pos.y;\n const distSq = dx * dx + dy * dy || 1;\n const force = REPULSION / distSq;\n const dist = Math.sqrt(distSq);\n fx += (dx / dist) * force;\n fy += (dy / dist) * force;\n }\n\n // Hooke attraction along edges\n for (const e of edges) {\n let other: number;\n if (e.source === i) other = e.target;\n else if (e.target === i) other = e.source;\n else continue;\n const dx = nodes[other].pos.x - nodes[i].pos.x;\n const dy = nodes[other].pos.y - nodes[i].pos.y;\n const dist = Math.sqrt(dx * dx + dy * dy) || 1;\n fx += dx * ATTRACTION * e.weight;\n fy += dy * ATTRACTION * e.weight;\n }\n\n // Center gravity\n fx -= nodes[i].pos.x * CENTER_GRAVITY;\n fy -= nodes[i].pos.y * CENTER_GRAVITY;\n\n nodes[i].vx = (nodes[i].vx + fx) * DAMPING;\n nodes[i].vy = (nodes[i].vy + fy) * DAMPING;\n\n const speed = Math.sqrt(nodes[i].vx * nodes[i].vx + nodes[i].vy * nodes[i].vy);\n if (speed > SPEED_LIMIT) {\n nodes[i].vx = (nodes[i].vx / speed) * SPEED_LIMIT;\n nodes[i].vy = (nodes[i].vy / speed) * SPEED_LIMIT;\n }\n\n if (speed > MIN_VELOCITY) {\n nodes[i].pos.x += nodes[i].vx;\n nodes[i].pos.y += nodes[i].vy;\n }\n }\n}\n","/**\n * MemoryMapTab/MemoryMapView.tsx — D3 memory map with force-directed graph.\n * Node shape encodes nodeType: checkpoint=filled circle, turn=hollow circle,\n * turn-content=hollow+ring, memory=diamond.\n * Fetches from /api/memory-map, renders SVG force layout.\n */\nimport type React from \"react\";\nimport { useEffect, useRef, useState, useCallback, useMemo } from \"react\";\nimport { renderNodeShape, NODE_COLORS, NODE_TYPE_LABELS } from \"../../memory-map-shapes.js\";\nimport type { NodeType } from \"../../memory-map-shapes.js\";\nimport { buildLayout, applyForces } from \"../../memory-map-layout.js\";\nimport type { LayoutNode, LayoutEdge } from \"../../memory-map-layout.js\";\n\n// Types (mirror of api-contracts/memory-map.ts — client-side only)\n\ninterface GraphNode {\n id: string;\n sessionId: string;\n label: string;\n summaryTruncated: string;\n tokenEstimate: number;\n timestamp: number;\n dedupStatus: string | undefined;\n raptorLevel: number;\n topicSummary: string | undefined;\n decisionCount: number;\n textSnippet: string;\n /** Source type discriminator for UI node-shape encoding. */\n nodeType: \"checkpoint\" | \"turn\" | \"turn-content\" | \"memory\";\n}\n\ninterface GraphEdge {\n source: string;\n target: string;\n weight: number;\n type: \"temporal\" | \"semantic\" | \"raptor_parent\";\n}\n\ninterface GraphValidationReport {\n readonly gatesRun: number;\n readonly gatesPassed: number;\n readonly dropped: { nodes: number; edges: number };\n readonly warnings: Array<{ gate: string; code: string; count: number }>;\n readonly sources: {\n checkpoint: number;\n turn: number;\n turnContent: number;\n memory: number;\n };\n readonly builtAt: number;\n}\n\ninterface GraphMetadata {\n totalNodes: number;\n totalEdges: number;\n avgWeight: number;\n nodeTypeBreakdown: Record<string, number>;\n edgeTypeBreakdown: Record<string, number>;\n}\n\ninterface MemoryMapResponse {\n nodes: GraphNode[];\n edges: GraphEdge[];\n metadata: GraphMetadata;\n /** Validation report from the 9-gate pipeline. Optional for backward compat. */\n validation?: GraphValidationReport;\n}\n\n// Simulation rendering constants (layout math is in memory-map-layout.ts)\n\nconst MAX_ITERATIONS = 300;\nconst EDGE_ALPHA = 0.3;\nconst SVG_WIDTH = 900;\nconst SVG_HEIGHT = 600;\nconst PADDING = 40;\n\n// Helpers\n\nfunction edgeColor(type: GraphEdge[\"type\"]): string {\n switch (type) {\n case \"temporal\":\n return \"#6366f1\"; // indigo\n case \"semantic\":\n return \"#22c55e\"; // green\n case \"raptor_parent\":\n return \"#f59e0b\"; // amber\n }\n}\n\n// Minimal legend swatch component\ninterface SwatchProps {\n type: \"node\" | \"edge\";\n color: string;\n shape: \"filled-circle\" | \"hollow-circle\" | \"hollow-ring\" | \"diamond\" | \"line\";\n label: string;\n}\nconst Swatch: React.FC<SwatchProps> = ({ color, shape, label }) => {\n const base: React.CSSProperties = {\n display: \"inline-block\",\n width: \"10px\",\n height: \"10px\",\n verticalAlign: \"middle\",\n marginRight: \"3px\",\n borderRadius: shape.startsWith(\"hollow\") || shape === \"filled-circle\" ? \"50%\" : undefined,\n };\n let swatch: JSX.Element;\n if (shape === \"line\") {\n return <span style={{ color, marginRight: \"6px\" }}>{label}</span>;\n } else if (shape === \"filled-circle\") {\n swatch = <span style={{ ...base, backgroundColor: color }} />;\n } else if (shape === \"hollow-circle\") {\n swatch = <span style={{ ...base, border: `2px solid ${color}`, backgroundColor: \"transparent\" }} />;\n } else if (shape === \"hollow-ring\") {\n swatch = (\n <span style={{ ...base, border: `2px solid ${color}`, backgroundColor: \"transparent\", position: \"relative\" }}>\n <span style={{ display: \"block\", width: \"4px\", height: \"4px\", borderRadius: \"50%\", backgroundColor: color, margin: \"2px auto\" }} />\n </span>\n );\n } else {\n swatch = <span style={{ ...base, clipPath: \"polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)\", backgroundColor: color }} />;\n }\n return <><span className=\"memory-map-legend-item\">{swatch}{label}</span> </>;\n};\n\n// Force simulation engine (delegated to memory-map-layout.ts)\nconst MemoryMapView: React.FC = () => {\n const [data, setData] = useState<MemoryMapResponse | null>(null);\n const [loading, setLoading] = useState<boolean>(true);\n const [error, setError] = useState<string | null>(null);\n const [selectedNode, setSelectedNode] = useState<GraphNode | null>(null);\n const [searchQuery, setSearchQuery] = useState<string>(\"\");\n const [filterSession] = useState<string>(\"\");\n const [frame, setFrame] = useState<number>(0);\n\n const layoutRef = useRef<{ nodes: LayoutNode[]; edges: LayoutEdge[] } | null>(null);\n const animRef = useRef<number>(0);\n\n // Fetch graph data when filterSession changes\n useEffect(() => {\n let cancelled = false;\n const params = new URLSearchParams();\n if (filterSession) params.set(\"sessionId\", filterSession);\n params.set(\"threshold\", \"0.7\");\n params.set(\"maxEdgesPerNode\", \"4\");\n\n setLoading(true);\n setError(null);\n\n fetch(`/api/memory-map?${params.toString()}`)\n .then((r) => {\n if (!r.ok) throw new Error(`HTTP ${r.status}`);\n return r.json() as Promise<MemoryMapResponse>;\n })\n .then((d) => {\n if (!cancelled) {\n setData(d);\n layoutRef.current = buildLayout(d);\n setFrame(1);\n setLoading(false);\n }\n })\n .catch((e: unknown) => {\n if (!cancelled) {\n setError(e instanceof Error ? e.message : \"Unknown error\");\n setLoading(false);\n }\n });\n\n return () => {\n cancelled = true;\n cancelAnimationFrame(animRef.current);\n };\n }, [filterSession]);\n\n // Run force simulation via requestAnimationFrame\n useEffect(() => {\n if (!layoutRef.current || frame === 0) return;\n\n const layout = layoutRef.current;\n let iter = 0;\n\n const tick = () => {\n if (iter >= MAX_ITERATIONS) return;\n applyForces(layout);\n iter++;\n setFrame(iter);\n animRef.current = requestAnimationFrame(tick);\n };\n\n animRef.current = requestAnimationFrame(tick);\n return () => cancelAnimationFrame(animRef.current);\n }, [frame]);\n\n // Toggle pin / select a node\n const handleNodeClick = useCallback((node: LayoutNode, index: number) => {\n const layout = layoutRef.current;\n if (!layout) return;\n layout.nodes[index].pinned = !layout.nodes[index].pinned;\n if (!layout.nodes[index].pinned) {\n layout.nodes[index].vx = 0;\n layout.nodes[index].vy = 0;\n }\n setSelectedNode((prev) => (prev?.id === node.id ? null : (node as unknown as GraphNode)));\n setFrame((s) => s + 1);\n }, []);\n\n // Filtered node indices for search\n const filteredSet = useMemo<Set<number> | null>(() => {\n const layout = layoutRef.current;\n if (!layout || !searchQuery) return null;\n const q = searchQuery.toLowerCase();\n return new Set(\n layout.nodes\n .map((n, i) =>\n n.summaryTruncated.toLowerCase().includes(q) || n.label.toLowerCase().includes(q) ? i : -1,\n )\n .filter((i) => i >= 0),\n );\n }, [searchQuery]);\n\n // Health indicator helpers (D3)\n\n /**\n * Derive graph health from validation report:\n * green = all gates passed + no warnings\n * yellow = warnings present but no critical gate failed\n * red = a critical gate (gatesRun > gatesPassed) failed\n */\n const graphHealth = useMemo<{ level: \"green\" | \"yellow\" | \"red\"; label: string }>(() => {\n const v = data?.validation;\n if (!v) return { level: \"yellow\", label: \"No validation\" };\n if (v.gatesPassed < v.gatesRun) return { level: \"red\", label: \"Gate failure\" };\n if (v.warnings.length > 0) return { level: \"yellow\", label: `${v.warnings.length} warning(s)` };\n return { level: \"green\", label: \"Healthy\" };\n }, [data?.validation]);\n\n const healthColor: Record<string, string> = {\n green: \"#22c55e\",\n yellow: \"#eab308\",\n red: \"#ef4444\",\n };\n\n // Source availability indicators (D3)\n\n /** Count badge fragments from validation.sources. */\n const countBadge = useMemo<string>(() => {\n const v = data?.validation;\n if (!v) {\n const totalNodes = data?.metadata.totalNodes ?? 0;\n return `${totalNodes} nodes`;\n }\n const parts: string[] = [];\n if (v.sources.checkpoint > 0) parts.push(`${v.sources.checkpoint} checkpoints`);\n if (v.sources.turn > 0) parts.push(`${v.sources.turn} turns`);\n if (v.sources.turnContent > 0) parts.push(`${v.sources.turnContent} turn-content`);\n if (v.sources.memory > 0) parts.push(`${v.sources.memory} memories`);\n if (parts.length === 0) {\n parts.push(`${data?.metadata.totalNodes ?? 0} nodes`);\n }\n return parts.join(\" · \");\n }, [data?.validation, data?.metadata.totalNodes]);\n\n /** Per-source availability: ✓ for available sources, ✗ for empty ones. */\n const sourceAvail = useMemo<string>(() => {\n const v = data?.validation;\n if (!v) return \"\";\n const parts: string[] = [];\n parts.push(v.sources.checkpoint > 0 ? \"✓ checkpoints\" : \"✗ checkpoints\");\n parts.push(v.sources.turn > 0 ? \"✓ turns\" : \"✗ turns\");\n parts.push(v.sources.turnContent > 0 ? \"✓ turn-content\" : \"✗ turn-content\");\n parts.push(v.sources.memory > 0 ? \"✓ memories\" : \"✗ memories\");\n return parts.join(\" | \");\n }, [data?.validation]);\n\n /** Whether all four sources are empty (true empty state). */\n const allSourcesEmpty = useMemo<boolean>(() => {\n const v = data?.validation;\n if (!v) return data?.metadata.totalNodes === 0;\n return (\n v.sources.checkpoint === 0 &&\n v.sources.turn === 0 &&\n v.sources.turnContent === 0 &&\n v.sources.memory === 0\n );\n }, [data?.validation, data?.metadata.totalNodes]);\n\n // Loading state\n\n if (loading) {\n return <div className=\"memory-map-loading\">Loading memory graph...</div>;\n }\n\n // Error state\n\n if (error) {\n return (\n <div className=\"memory-map-error\">\n <p>Failed to load memory map: {error}</p>\n <button\n className=\"memory-map-retry-btn\"\n onClick={() => setFrame((s) => s + 1)}\n >\n Retry\n </button>\n </div>\n );\n }\n\n // Empty state (D2)\n\n if (!data || !layoutRef.current || allSourcesEmpty) {\n return (\n <div className=\"memory-map-empty\">\n <p>Memories appear after your first compaction. The graph shows checkpoints (compaction summaries) linked by semantic similarity and time. Run a longer session or lower the compaction tier to see it sooner.</p>\n </div>\n );\n }\n\n const layout = layoutRef.current;\n\n // Render\n\n return (\n <div className=\"memory-map-container\">\n {/* Toolbar */}\n <div className=\"memory-map-toolbar\">\n <input\n type=\"text\"\n placeholder=\"Search memories...\"\n value={searchQuery}\n onInput={(e: React.FormEvent<HTMLInputElement>) =>\n setSearchQuery((e.target as HTMLInputElement).value)\n }\n className=\"memory-map-search\"\n />\n <span className=\"memory-map-stats\">\n {/* Count badge */}\n <span className=\"memory-map-count-badge\">{countBadge}</span>\n <br />\n <span className=\"memory-map-edges\">{data.edges.length} edges</span>\n </span>\n {/* Graph-health indicator */}\n <span\n className=\"memory-map-health-badge\"\n style={{\n backgroundColor: healthColor[graphHealth.level] ?? \"#6b7280\",\n color: \"#fff\",\n padding: \"2px 8px\",\n borderRadius: \"10px\",\n fontSize: \"11px\",\n fontWeight: 600,\n marginLeft: \"8px\",\n }}\n title={`Validation: ${graphHealth.label}`}\n >\n {graphHealth.level === \"green\" ? \"Healthy\" : graphHealth.level === \"yellow\" ? \"Warnings\" : \"Critical\"}\n </span>\n </div>\n\n {/* Source availability indicators */}\n {sourceAvail ? (\n <div className=\"memory-map-source-avail\" style={{ fontSize: \"11px\", padding: \"2px 12px\", color: \"#6b7280\" }}>\n {sourceAvail}\n </div>\n ) : null}\n\n {/* Legend — node types + edge types */}\n <div className=\"memory-map-legend\">\n <span className=\"memory-map-legend-section\">Nodes:</span>\n <Swatch type=\"node\" color={NODE_COLORS.checkpoint} shape=\"filled-circle\" label=\"Checkpoint\" />\n <Swatch type=\"node\" color={NODE_COLORS.turn} shape=\"hollow-circle\" label=\"Turn\" />\n <Swatch type=\"node\" color={NODE_COLORS[\"turn-content\"]} shape=\"hollow-ring\" label=\"Turn Content\" />\n <Swatch type=\"node\" color={NODE_COLORS.memory} shape=\"diamond\" label=\"Memory\" />\n <span className=\"memory-map-legend-sep\">|</span>\n <span className=\"memory-map-legend-section\">Edges:</span>\n <Swatch type=\"edge\" color={edgeColor(\"semantic\")} shape=\"line\" label=\"Semantic\" />\n <Swatch type=\"edge\" color={edgeColor(\"temporal\")} shape=\"line\" label=\"Temporal\" />\n <Swatch type=\"edge\" color={edgeColor(\"raptor_parent\")} shape=\"line\" label=\"Raptor\" />\n </div>\n\n {/* SVG graph */}\n <svg\n width={SVG_WIDTH}\n height={SVG_HEIGHT}\n viewBox={`0 0 ${SVG_WIDTH} ${SVG_HEIGHT}`}\n className=\"memory-map-svg\"\n >\n {/* Edges */}\n {layout.edges.map((e, i) => {\n const src = layout.nodes[e.source];\n const tgt = layout.nodes[e.target];\n const color = edgeColor(e.type);\n const strokeW = Math.max(1, e.weight * 2.5);\n return (\n <line\n key={`edge-${i}`}\n x1={PADDING + (src.pos.x / (layout.nodes.length || 1)) * (SVG_WIDTH - 2 * PADDING)}\n y1={PADDING + (src.pos.y / (layout.nodes.length || 1)) * (SVG_HEIGHT - 2 * PADDING)}\n x2={PADDING + (tgt.pos.x / (layout.nodes.length || 1)) * (SVG_WIDTH - 2 * PADDING)}\n y2={PADDING + (tgt.pos.y / (layout.nodes.length || 1)) * (SVG_HEIGHT - 2 * PADDING)}\n stroke={color}\n strokeWidth={strokeW}\n opacity={EDGE_ALPHA}\n />\n );\n })}\n\n {/* Nodes — shape encodes nodeType */}\n {layout.nodes.map((n, i) => {\n const cx =\n PADDING + (n.pos.x / (layout.nodes.length || 1)) * (SVG_WIDTH - 2 * PADDING);\n const cy =\n PADDING + (n.pos.y / (layout.nodes.length || 1)) * (SVG_HEIGHT - 2 * PADDING);\n const radius = Math.min(20, 8 + n.tokenEstimate / 500);\n const isFiltered = filteredSet ? filteredSet.has(i) : true;\n const isSelected = selectedNode?.id === n.id;\n const nodeLabel = n.label.length > 20 ? n.label.slice(0, 18) + \"...\" : n.label;\n\n return (\n <g\n key={`node-${i}`}\n className=\"memory-map-node-group\"\n onClick={() => handleNodeClick(n, i)}\n style={{ cursor: \"pointer\" }}\n >\n {renderNodeShape(cx, cy, radius, n.nodeType as NodeType, isSelected, isFiltered, n.dedupStatus)}\n <text\n x={cx}\n y={cy + radius + 12}\n textAnchor=\"middle\"\n fontSize=\"9px\"\n fill=\"#374151\"\n className=\"memory-map-label\"\n >\n {nodeLabel}\n </text>\n </g>\n );\n })}\n </svg>\n\n {/* Node detail panel */}\n {selectedNode ? (\n <div className=\"memory-map-detail\">\n <h3>\n <span\n className=\"memory-map-detail-type\"\n style={{\n display: \"inline-block\",\n fontSize: \"12px\",\n fontWeight: 400,\n color: \"#6b7280\",\n marginRight: \"6px\",\n }}\n >\n {NODE_TYPE_LABELS[selectedNode.nodeType]}\n </span>\n {selectedNode.label}\n </h3>\n <p>{selectedNode.summaryTruncated}</p>\n {selectedNode.topicSummary ? (\n <p className=\"memory-map-topic\">Topic: {selectedNode.topicSummary}</p>\n ) : null}\n <p>\n Tokens: {selectedNode.tokenEstimate} | Decisions: {selectedNode.decisionCount}\n </p>\n <p>Session: {selectedNode.sessionId}</p>\n <p>Raptor Level: {selectedNode.raptorLevel}</p>\n <p className=\"memory-map-snippet\">{selectedNode.textSnippet}</p>\n </div>\n ) : null}\n </div>\n );\n};\n\nexport default MemoryMapView;\n","/**\n * MemoryMapTab/RaptorTreeView.tsx — RAPTOR tree sub-tab (Part B).\n *\n * Fetches the hierarchical RAPTOR tree from /api/raptor-tree (defaults to the\n * most recent session with nodes) and renders it as level-indented summary\n * cards. No D3 needed — CSS indentation encodes hierarchy.\n */\nimport type React from \"react\";\nimport { useEffect, useState } from \"react\";\nimport { fetchRaptorTree } from \"../../api/client\";\nimport type { RaptorTreeResponse, RaptorNodeDTO } from \"@contracts\";\n\n/** Per-level border color for node cards. */\nfunction levelColor(level: number): string {\n\tif (level === 0) return \"#d4a017\"; // gold — root\n\tif (level === 1) return \"#3b82f6\"; // blue\n\treturn \"#14b8a6\"; // teal — level 2+\n}\n\nfunction formatDate(ts: number): string {\n\tif (!ts) return \"—\";\n\treturn new Date(ts).toLocaleString();\n}\n\nconst containerStyle: React.CSSProperties = {\n\tpadding: \"1rem\",\n\twidth: \"100%\",\n\tboxSizing: \"border-box\",\n};\n\nconst headerStyle: React.CSSProperties = {\n\tdisplay: \"flex\",\n\tgap: \"1.5rem\",\n\talignItems: \"center\",\n\tmarginBottom: \"1rem\",\n\tcolor: \"#a0a0c0\",\n\tfontSize: \"0.9rem\",\n};\n\nconst emptyStyle: React.CSSProperties = {\n\tpadding: \"2rem\",\n\tborder: \"1px dashed #2a2a4e\",\n\tborderRadius: \"8px\",\n\tcolor: \"#a0a0c0\",\n\ttextAlign: \"center\",\n};\n\nconst loadingStyle: React.CSSProperties = {\n\tpadding: \"1rem\",\n\tcolor: \"#a0a0c0\",\n};\n\nfunction NodeCard({ node }: { node: RaptorNodeDTO }): React.ReactElement {\n\tconst border = levelColor(node.level);\n\tconst childrenLabel =\n\t\tnode.children.length > 0\n\t\t\t? `${node.children.length} child${node.children.length === 1 ? \"\" : \"ren\"}`\n\t\t\t: \"leaf\";\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tbackground: \"#14142b\",\n\t\t\t\tborder: `1px solid ${border}`,\n\t\t\t\tborderRadius: \"8px\",\n\t\t\t\tpadding: \"0.75rem 1rem\",\n\t\t\t\tmarginBottom: \"0.6rem\",\n\t\t\t\tmarginLeft: node.level * 24,\n\t\t\t\tmaxWidth: \"90%\",\n\t\t\t}}\n\t\t>\n\t\t\t<div style={{ display: \"flex\", gap: \"0.75rem\", alignItems: \"center\", marginBottom: \"0.35rem\" }}>\n\t\t\t\t<span\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: \"inline-block\",\n\t\t\t\t\t\tbackground: border,\n\t\t\t\t\t\tcolor: \"#fff\",\n\t\t\t\t\t\tborderRadius: \"10px\",\n\t\t\t\t\t\tpadding: \"1px 8px\",\n\t\t\t\t\t\tfontSize: \"11px\",\n\t\t\t\t\t\tfontWeight: 600,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\tL{node.level}\n\t\t\t\t</span>\n\t\t\t\t<span style={{ fontSize: \"12px\", color: \"#6b7280\" }}>\n\t\t\t\t\t{childrenLabel} · {node.tokenEstimate} tok · {node.qualityMarker}\n\t\t\t\t</span>\n\t\t\t\t<span style={{ fontSize: \"12px\", color: \"#6b7280\", marginLeft: \"auto\" }}>\n\t\t\t\t\t{formatDate(node.builtAt)}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<div style={{ fontSize: \"0.92rem\", color: \"#e5e7eb\" }}>{node.summary}</div>\n\t\t</div>\n\t);\n}\n\nexport default function RaptorTreeView(): React.ReactElement {\n\tconst [data, setData] = useState<RaptorTreeResponse | null>(null);\n\tconst [loading, setLoading] = useState<boolean>(true);\n\tconst [error, setError] = useState<string | null>(null);\n\n\tuseEffect(() => {\n\t\tlet cancelled = false;\n\t\tsetLoading(true);\n\t\tsetError(null);\n\t\tfetchRaptorTree()\n\t\t\t.then((d) => {\n\t\t\t\tif (!cancelled) {\n\t\t\t\t\tsetData(d);\n\t\t\t\t\tsetLoading(false);\n\t\t\t\t}\n\t\t\t})\n\t\t\t.catch((e: unknown) => {\n\t\t\t\tif (!cancelled) {\n\t\t\t\t\tsetError(e instanceof Error ? e.message : \"Unknown error\");\n\t\t\t\t\tsetLoading(false);\n\t\t\t\t}\n\t\t\t});\n\t\treturn () => {\n\t\t\tcancelled = true;\n\t\t};\n\t}, []);\n\n\tif (loading) {\n\t\treturn <div style={loadingStyle}>Loading RAPTOR tree...</div>;\n\t}\n\n\tif (error) {\n\t\treturn (\n\t\t\t<div style={emptyStyle}>\n\t\t\t\t<p>Failed to load RAPTOR tree: {error}</p>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif (!data || data.empty || data.nodes.length === 0) {\n\t\treturn (\n\t\t\t<div style={emptyStyle}>\n\t\t\t\t<p>\n\t\t\t\t\tNo RAPTOR tree built yet — run a compaction (the tree builds during\n\t\t\t\t\tcompaction).\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div style={containerStyle}>\n\t\t\t<div style={headerStyle}>\n\t\t\t\t<span>\n\t\t\t\t\t<strong>{data.nodes.length}</strong> nodes\n\t\t\t\t</span>\n\t\t\t\t<span>\n\t\t\t\t\t<strong>{data.levels + 1}</strong> levels\n\t\t\t\t</span>\n\t\t\t\t<span>Built {formatDate(data.builtAt ?? 0)}</span>\n\t\t\t</div>\n\t\t\t{data.nodes.map((node) => (\n\t\t\t\t<NodeCard key={node.id} node={node} />\n\t\t\t))}\n\t\t</div>\n\t);\n}\n","/**\n * MemoryMapTab.tsx — Sub-tab shell under Memory Map (Part B).\n *\n * Hosts two sub-tabs: the D3 force-directed Memory Map (MemoryMapView) and\n * the hierarchical RAPTOR tree (RaptorTreeView). The heavy rendering logic\n * lives in ./MemoryMapTab/* to keep every file under the extensions limit.\n */\nimport type React from \"react\";\nimport { useState } from \"react\";\nimport MemoryMapView from \"./MemoryMapTab/MemoryMapView.js\";\nimport RaptorTreeView from \"./MemoryMapTab/RaptorTreeView.js\";\n\ntype MemoryMapSubTab = \"map\" | \"raptor\";\n\nconst subTabNavStyle: React.CSSProperties = {\n\tdisplay: \"flex\",\n\tgap: \"0.5rem\",\n\tmarginBottom: \"1rem\",\n\tborderBottom: \"1px solid #2a2a4e\",\n\tpaddingBottom: \"0.5rem\",\n\tpaddingTop: \"0.5rem\",\n\twidth: \"100%\",\n};\n\nfunction subTabBtnStyle(active: boolean): React.CSSProperties {\n\treturn {\n\t\tbackground: active ? \"#3a5a9f\" : \"transparent\",\n\t\tcolor: active ? \"#fff\" : \"#a0a0c0\",\n\t\tborder: \"1px solid\",\n\t\tborderColor: active ? \"#3a5a9f\" : \"#2a2a4e\",\n\t\tborderRadius: \"6px\",\n\t\tpadding: \"0.4rem 0.8rem\",\n\t\tcursor: \"pointer\",\n\t\tfontSize: \"0.9rem\",\n\t\tfontWeight: active ? 600 : 400,\n\t};\n}\n\nconst MemoryMapTab: React.FC = () => {\n\tconst [subTab, setSubTab] = useState<MemoryMapSubTab>(\"map\");\n\n\treturn (\n\t\t<div className=\"memory-map-tab\">\n\t\t\t<nav style={subTabNavStyle} aria-label=\"Memory map sections\">\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tstyle={subTabBtnStyle(subTab === \"map\")}\n\t\t\t\t\tonClick={() => setSubTab(\"map\")}\n\t\t\t\t>\n\t\t\t\t\tMemory Map\n\t\t\t\t</button>\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tstyle={subTabBtnStyle(subTab === \"raptor\")}\n\t\t\t\t\tonClick={() => setSubTab(\"raptor\")}\n\t\t\t\t>\n\t\t\t\t\tRAPTOR Tree\n\t\t\t\t</button>\n\t\t\t</nav>\n\t\t\t{subTab === \"map\" && <MemoryMapView />}\n\t\t\t{subTab === \"raptor\" && <RaptorTreeView />}\n\t\t</div>\n\t);\n};\n\nexport default MemoryMapTab;\n"],"names":["NODE_COLORS","NODE_TYPE_LABELS","diamondPath","hw","hh","nodeOpacity","dedupStatus","renderNodeShape","cx","cy","radius","nodeType","isSelected","isFiltered","fill","strokeColor","opacity","jsx","REPULSION","ATTRACTION","CENTER_GRAVITY","DAMPING","MIN_VELOCITY","SPEED_LIMIT","buildLayout","data","nodes","i","angle","nodeIndex","edges","e","si","ti","applyForces","layout","n","fx","fy","j","dx","dy","distSq","force","dist","other","speed","MAX_ITERATIONS","EDGE_ALPHA","SVG_WIDTH","SVG_HEIGHT","PADDING","edgeColor","type","Swatch","color","shape","label","base","swatch","jsxs","Fragment","MemoryMapView","setData","useState","loading","setLoading","error","setError","selectedNode","setSelectedNode","searchQuery","setSearchQuery","filterSession","frame","setFrame","layoutRef","useRef","animRef","useEffect","cancelled","params","r","d","iter","tick","handleNodeClick","useCallback","node","index","prev","s","filteredSet","useMemo","q","graphHealth","v","healthColor","countBadge","parts","sourceAvail","allSourcesEmpty","src","tgt","strokeW","nodeLabel","levelColor","level","formatDate","ts","containerStyle","headerStyle","emptyStyle","loadingStyle","NodeCard","border","childrenLabel","RaptorTreeView","fetchRaptorTree","subTabNavStyle","subTabBtnStyle","active","MemoryMapTab","subTab","setSubTab"],"mappings":"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"}
|
package/extensions/dashboard-client/dist/assets/{MetricsTab-B0PCysqs.js → MetricsTab-CcH9fP8P.js}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{j as e,u as o,r as x,
|
|
2
|
-
//# sourceMappingURL=MetricsTab-
|
|
1
|
+
import{j as e,u as o,r as x,m as j,g as N}from"./index-mOlljTFI.js";function i(s){return s>=1e3?`${(s/1e3).toFixed(1)}s`:`${s.toFixed(0)}ms`}function c({value:s,max:a,colorClass:r}){const p=a>0?Math.max(0,Math.min(100,s/a*100)):0;return e.jsx("div",{className:"perf-bar-track",children:e.jsx("div",{className:`perf-bar-fill ${r}`,style:{width:`${p}%`}})})}function _({perf:s}){const a=Math.max(s.turn_latency_ms.p95,s.provider_latency_ms.p95,1),r=Math.max(s.tps.avg,1);return e.jsxs("div",{className:"perf-chart",children:[e.jsxs("div",{className:"perf-header",children:[e.jsx("h3",{children:"Performance"}),e.jsxs("span",{className:"perf-window",children:[s.windowMinutes,"min window · ",s.sampleCount," samples"]})]}),e.jsxs("div",{className:"perf-grid",children:[e.jsxs("div",{className:"perf-metric",children:[e.jsx("span",{className:"perf-label",children:"Turn latency p50 / p95"}),e.jsxs("span",{className:"perf-value",children:[i(s.turn_latency_ms.p50)," /"," ",i(s.turn_latency_ms.p95)]}),e.jsx(c,{value:s.turn_latency_ms.p95,max:a,colorClass:"perf-blue"})]}),e.jsxs("div",{className:"perf-metric",children:[e.jsx("span",{className:"perf-label",children:"Provider latency p50 / p95"}),e.jsxs("span",{className:"perf-value",children:[i(s.provider_latency_ms.p50)," /"," ",i(s.provider_latency_ms.p95)]}),e.jsx(c,{value:s.provider_latency_ms.p95,max:a,colorClass:"perf-purple"})]}),e.jsxs("div",{className:"perf-metric",children:[e.jsx("span",{className:"perf-label",children:"Tokens/sec (avg)"}),e.jsx("span",{className:"perf-value",children:s.tps.avg.toFixed(1)}),e.jsx(c,{value:s.tps.avg,max:r,colorClass:"perf-green"})]}),e.jsxs("div",{className:"perf-metric",children:[e.jsx("span",{className:"perf-label",children:"Cache hit (avg / latest)"}),e.jsxs("span",{className:"perf-value",children:[s.cache_hit_pct.avg.toFixed(1),"% /"," ",s.cache_hit_pct.latest.toFixed(1),"%"]}),e.jsx(c,{value:s.cache_hit_pct.avg,max:100,colorClass:"perf-green"})]}),e.jsxs("div",{className:"perf-metric",children:[e.jsx("span",{className:"perf-label",children:"DB recompute p95"}),e.jsx("span",{className:"perf-value",children:i(s.db_recompute_ms.p95)}),e.jsx(c,{value:s.db_recompute_ms.p95,max:a,colorClass:"perf-yellow"})]}),e.jsxs("div",{className:"perf-metric",children:[e.jsx("span",{className:"perf-label",children:"Disk write p95"}),e.jsx("span",{className:"perf-value",children:i(s.disk_write_ms.p95)}),e.jsx(c,{value:s.disk_write_ms.p95,max:a,colorClass:"perf-yellow"})]})]}),e.jsxs("div",{className:"perf-resources",children:[e.jsxs("div",{className:"perf-metric",children:[e.jsx("span",{className:"perf-label",children:"RSS"}),e.jsxs("span",{className:"perf-value",children:[s.rss_mb.latest.toFixed(0)," MB"]})]}),e.jsxs("div",{className:"perf-metric",children:[e.jsx("span",{className:"perf-label",children:"Heap"}),e.jsxs("span",{className:"perf-value",children:[s.heap_mb.latest.toFixed(0)," MB"]})]}),e.jsxs("div",{className:"perf-metric",children:[e.jsx("span",{className:"perf-label",children:"CPU user"}),e.jsxs("span",{className:"perf-value",children:[(s.cpu_user_ms.latest/1e3).toFixed(1),"s"]})]}),e.jsxs("div",{className:"perf-metric",children:[e.jsx("span",{className:"perf-label",children:"CPU sys"}),e.jsxs("span",{className:"perf-value",children:[(s.cpu_sys_ms.latest/1e3).toFixed(1),"s"]})]})]}),s.diag&&e.jsxs("div",{className:"perf-diag",children:[e.jsxs("span",{className:"perf-label",children:["Fast-gate fires: ",s.diag.ctxFastGate]}),e.jsxs("span",{className:"perf-label",children:["Live trim fires: ",s.diag.liveTrimFires]}),e.jsxs("span",{className:"perf-label",children:["Live trim replays: ",s.diag.liveTrimReplays]})]})]})}function t(s){return s==null?"—":s>=100?`${Math.round(s)}ms`:`${s.toFixed(1)}ms`}function n(s,a){return s==null||typeof s!="number"?"—":s.toFixed(a)}function u(s){return s==null?"—":String(s)}function l({label:s,value:a}){return e.jsxs("div",{className:"perf-metric",children:[e.jsx("span",{className:"perf-label",children:s}),e.jsx("span",{className:"perf-value",children:a})]})}function d({title:s,children:a}){return e.jsxs("div",{className:"perf-card",children:[e.jsx("h3",{className:"perf-card-title",children:s}),e.jsx("div",{className:"perf-card-body",children:a})]})}function f({perf:s}){const a=`${n(s.cpu_user_ms.latest,1)} / ${n(s.cpu_sys_ms.latest,1)} ms`;return e.jsxs("div",{className:"perf-cards-grid",children:[e.jsxs(d,{title:"Model latency",children:[e.jsx(l,{label:"Turn p50",value:t(s.turn_latency_ms.p50)}),e.jsx(l,{label:"Turn p95",value:t(s.turn_latency_ms.p95)}),e.jsx(l,{label:"Provider p50",value:t(s.provider_latency_ms.p50)}),e.jsx(l,{label:"Provider p95",value:t(s.provider_latency_ms.p95)})]}),e.jsxs(d,{title:"Throughput",children:[e.jsx(l,{label:"TPS (avg)",value:n(s.tps.avg,1)}),e.jsx(l,{label:"Cache hit %",value:`${n(s.cache_hit_pct.avg,1)}%`})]}),e.jsxs(d,{title:"Process",children:[e.jsx(l,{label:"RSS",value:`${n(s.rss_mb.latest,1)} MB`}),e.jsx(l,{label:"Heap",value:`${n(s.heap_mb.latest,1)} MB`}),e.jsx(l,{label:"CPU user / sys",value:a})]}),e.jsxs(d,{title:"Snapshot cost",children:[e.jsx(l,{label:"DB recompute p50",value:t(s.db_recompute_ms.p50)}),e.jsx(l,{label:"DB recompute p95",value:t(s.db_recompute_ms.p95)}),e.jsx(l,{label:"Disk write p50",value:t(s.disk_write_ms.p50)})]}),e.jsxs(d,{title:"TUI lag proxy",children:[e.jsx(l,{label:"Live-trim fires",value:u(s.diag?.liveTrimFires)}),e.jsx(l,{label:"Cache replays",value:u(s.diag?.liveTrimReplays)}),e.jsx(l,{label:"Fast-gate skips",value:u(s.diag?.ctxFastGate)}),e.jsx("span",{className:"perf-card-note",children:"skip vs recompute vs replay cadence"})]})]})}function m({label:s,value:a,title:r}){return e.jsxs("div",{className:"model-field",title:r,children:[e.jsx("span",{className:"model-field-label",children:s}),e.jsx("span",{className:"model-field-value",children:a})]})}function b({name:s,providerName:a,provider:r,inputRate:p,outputRate:h}){const v=a||r||"—";return e.jsxs("div",{className:"model-badge",children:[e.jsx(m,{label:"Model",value:s,title:"The model pi is currently using — its pricing drives the cost figure."}),e.jsx(m,{label:"Provider",value:v,title:"The provider serving the model."}),e.jsx(m,{label:"Input Rate",value:`$${p.toFixed(6)}`,title:"USD per input token, from the model's pricing."}),e.jsx(m,{label:"Output Rate",value:`$${h.toFixed(6)}`,title:"USD per output token, from the model's pricing."})]})}function y(){const{data:s,error:a}=o(x.useCallback(()=>j({minutes:30}),[]),{pollInterval:1e4}),{data:r}=o(x.useCallback(()=>N(),[]),{pollInterval:1e4});return a&&!s?e.jsxs("div",{className:"tab-stub",children:["Error loading perf: ",a.message]}):s?e.jsxs("div",{className:"metrics-tab",children:[r?.model&&e.jsx(b,{name:r.model.name,providerName:r.model.providerName,provider:r.model.provider,inputRate:r.model.inputRate,outputRate:r.model.outputRate}),e.jsx(_,{perf:s}),e.jsx(f,{perf:s}),e.jsxs("div",{className:"perf-footer",children:[s.sampleCount," samples · updated ",s.updatedAt]})]}):e.jsx("div",{className:"tab-stub",children:"Loading perf…"})}export{y as default};
|
|
2
|
+
//# sourceMappingURL=MetricsTab-CcH9fP8P.js.map
|