@circuitwall/jarela 0.14.0 → 1.0.0

package/.next/standalone/.next/server/server-reference-manifest.json

@@ -1 +1 @@
-{"node":{},"edge":{},"encryptionKey":"nr0qP8AHCAsn0KKNSyLriKTyC5qDNwIjsu/87s+dafk="}
+{"node":{},"edge":{},"encryptionKey":"ubPhx7uFx+LHNqC9dnHYxShQQMb39nMQGziRbWhUdww="}

package/.next/standalone/.next/static/chunks/app/{page-473b39ec30c7f569.js → page-a7cae65f235e2942.js}

@@ -2177,6 +2177,14 @@ function fmtTokens(n) {
     const warmUsed = usage.warm_tokens;
     const factsUsed = usage.facts_tokens;
     const overheadUsed = usage.overhead_tokens;
+    // Anthropic prompt-cache breakdown (ADR-0062). Disjoint from
+    // hot/warm/facts/overhead: those tiers count fresh input, while these
+    // count tokens served from / written to the prompt cache. Surface them
+    // in the tooltip and expanded panel so the user can see when caching
+    // is firing for this turn.
+    const cacheRead = usage.cache_read_input_tokens ?? 0;
+    const cacheCreation = usage.cache_creation_input_tokens ?? 0;
+    const cacheActive = cacheRead > 0 || cacheCreation > 0;
     // Overhead's "budget" is whatever it actually consumed — there's no slider
     // for it. Shown as a fixed-size segment so it doesn't visually compete
     // with the tunable tiers.
@@ -2196,6 +2204,11 @@ function fmtTokens(n) {
                     `Context window: ${cap.toLocaleString()} tokens (the model's full capacity)`,
                     `This turn's prompt used ${(hotUsed + warmUsed + factsUsed + overheadUsed).toLocaleString()} tokens`,
                     `Reply generated: ${usage.output_tokens.toLocaleString()} tokens`,
+                    ...cacheActive ? [
+                        "",
+                        `Prompt cache: ${cacheRead.toLocaleString()} read · ${cacheCreation.toLocaleString()} written`,
+                        "(cache reads bill at 0.1× input, writes at 1.25×)"
+                    ] : [],
                     "",
                     "Each coloured slot's width = budget for that tier; filled portion = actually used.",
                     "Red = tier overflowed its budget. Grey tail = headroom reserved for the reply.",
@@ -2247,6 +2260,30 @@ function fmtTokens(n) {
                     ]
                 })
             }),
+            cacheActive && !showDetails && /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+                className: "mt-0.5 px-2 text-[10px] text-violet-500/80",
+                title: [
+                    "Prompt cache (ADR-0062). Reads bill at 0.1× input, writes at 1.25×.",
+                    cacheRead > 0 ? `${cacheRead.toLocaleString()} tokens served from cache.` : "",
+                    cacheCreation > 0 ? `${cacheCreation.toLocaleString()} tokens written to cache.` : ""
+                ].filter(Boolean).join("\n"),
+                children: [
+                    cacheRead > 0 && /*#__PURE__*/ (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
+                        children: [
+                            "cache hit \xb7 ",
+                            fmtTokens(cacheRead),
+                            " read"
+                        ]
+                    }),
+                    cacheRead > 0 && cacheCreation > 0 && " · ",
+                    cacheCreation > 0 && /*#__PURE__*/ (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
+                        children: [
+                            "cache write \xb7 ",
+                            fmtTokens(cacheCreation)
+                        ]
+                    })
+                ]
+            }),
             showDetails && /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
                 className: "mt-1 px-2 pb-1 grid grid-cols-2 gap-x-3 gap-y-0.5 text-[10px] text-fg-faint",
                 children: [
@@ -2278,6 +2315,25 @@ function fmtTokens(n) {
                         budget: overheadUsed,
                         hint: "System prompt + per-message scaffolding"
                     }),
+                    cacheActive && /*#__PURE__*/ (0,jsx_runtime.jsxs)("span", {
+                        className: "col-span-2 text-violet-500",
+                        title: [
+                            "Prompt cache (ADR-0062). Disjoint from the tiers above.",
+                            `Read ${cacheRead.toLocaleString()} tokens — billed at 0.1× input rate.`,
+                            `Wrote ${cacheCreation.toLocaleString()} tokens — billed at 1.25× input rate.`,
+                            "Reads pay off on subsequent turns; writes are an investment."
+                        ].join("\n"),
+                        children: [
+                            /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
+                                className: "text-violet-500",
+                                children: "Cache"
+                            }),
+                            " ",
+                            "read ",
+                            fmtTokens(cacheRead),
+                            cacheCreation > 0 ? ` · created ${fmtTokens(cacheCreation)}` : ""
+                        ]
+                    }),
                     /*#__PURE__*/ (0,jsx_runtime.jsxs)("span", {
                         className: "col-span-2 mt-0.5 border-t border-border pt-0.5",
                         title: `Output: tokens the model generated in its reply.\nWindow: total context capacity of this model.`,
@@ -23376,4 +23432,4 @@ Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_re
 /******/ _N_E = __webpack_exports__;
 /******/ }
 ]);
-//# sourceMappingURL=page-473b39ec30c7f569.js.map
+//# sourceMappingURL=page-a7cae65f235e2942.js.map