token-usage-dashboard 1.0.6 → 1.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/README.md +42 -54
  2. package/build/client/_app/immutable/assets/{2.BABRsmGA.css → 2.H_IHw1Xd.css} +1 -1
  3. package/build/client/_app/immutable/assets/2.H_IHw1Xd.css.br +0 -0
  4. package/build/client/_app/immutable/assets/2.H_IHw1Xd.css.gz +0 -0
  5. package/build/client/_app/immutable/chunks/{DRLSLo2t.js → BXjBNiJM.js} +2 -2
  6. package/build/client/_app/immutable/chunks/BXjBNiJM.js.br +0 -0
  7. package/build/client/_app/immutable/chunks/BXjBNiJM.js.gz +0 -0
  8. package/build/client/_app/immutable/entry/app.CcXTuskF.js +2 -0
  9. package/build/client/_app/immutable/entry/app.CcXTuskF.js.br +0 -0
  10. package/build/client/_app/immutable/entry/app.CcXTuskF.js.gz +0 -0
  11. package/build/client/_app/immutable/entry/start.CUMv_HcC.js +1 -0
  12. package/build/client/_app/immutable/entry/start.CUMv_HcC.js.br +0 -0
  13. package/build/client/_app/immutable/entry/start.CUMv_HcC.js.gz +0 -0
  14. package/build/client/_app/immutable/nodes/{1.Dj3Fzim2.js → 1.DOwPSLRi.js} +1 -1
  15. package/build/client/_app/immutable/nodes/1.DOwPSLRi.js.br +0 -0
  16. package/build/client/_app/immutable/nodes/1.DOwPSLRi.js.gz +0 -0
  17. package/build/client/_app/immutable/nodes/2.-Zwwyx4V.js +2 -0
  18. package/build/client/_app/immutable/nodes/2.-Zwwyx4V.js.br +0 -0
  19. package/build/client/_app/immutable/nodes/2.-Zwwyx4V.js.gz +0 -0
  20. package/build/client/_app/version.json +1 -1
  21. package/build/client/_app/version.json.br +0 -0
  22. package/build/client/_app/version.json.gz +0 -0
  23. package/build/handler.js +4 -4
  24. package/build/index.js +4 -4
  25. package/build/server/chunks/chunks/{client.js-C1_n_a2s.js → client.js-glHnhIsC.js} +2 -2
  26. package/build/server/chunks/chunks/{internal.js-b-1wrnfA.js → internal.js-BdicF7ID.js} +3 -3
  27. package/build/server/chunks/chunks/{queries.js-aTxz7ubg.js → queries.js-Dxe3UrcX.js} +61 -11
  28. package/build/server/chunks/chunks/{refresh.js-DM1hnB2Y.js → refresh.js-b7xuLQYO.js} +2 -2
  29. package/build/server/chunks/chunks/{request.js-B3j1_Icg.js → request.js-DM1A1vDP.js} +2 -2
  30. package/build/server/chunks/entries/endpoints/api/refresh/{_server.ts.js-CJa6pKKD.js → _server.ts.js-DIm5mJGM.js} +4 -4
  31. package/build/server/chunks/entries/endpoints/api/settings/{_server.ts.js-DQt7Bc2q.js → _server.ts.js-B0rNclco.js} +3 -3
  32. package/build/server/chunks/entries/endpoints/api/usage/{_server.ts.js-kInjrhtE.js → _server.ts.js-C1OIFWsl.js} +3 -3
  33. package/build/server/chunks/entries/fallbacks/{error.svelte.js-CVKDebWa.js → error.svelte.js-I8Q9OD25.js} +3 -3
  34. package/build/server/chunks/entries/{hooks.server.js-BbojNy1X.js → hooks.server.js-CBWwmRPG.js} +3 -3
  35. package/build/server/chunks/entries/pages/{_page.server.ts.js-Oa3Sfml2.js → _page.server.ts.js-VL2asSrD.js} +3 -3
  36. package/build/server/chunks/entries/pages/{_page.svelte.js-D91hy9R4.js → _page.svelte.js-BC6pYePg.js} +170 -23
  37. package/build/server/chunks/{handler-br42Ds2q.js → handler-CawjUItz.js} +3 -3
  38. package/build/server/chunks/{index.js-CBAFVV7O.js → index.js-BPJAPThY.js} +2 -2
  39. package/build/server/chunks/{manifest.js-s70ajt69.js → manifest.js-C5W5WW8M.js} +7 -7
  40. package/build/server/chunks/nodes/{1.js-Cvu2_eGw.js → 1.js-AsIykVGz.js} +3 -3
  41. package/build/server/chunks/nodes/{2.js-7xvomkGu.js → 2.js-Cc9Oy00w.js} +7 -7
  42. package/package.json +1 -1
  43. package/build/client/_app/immutable/assets/2.BABRsmGA.css.br +0 -0
  44. package/build/client/_app/immutable/assets/2.BABRsmGA.css.gz +0 -0
  45. package/build/client/_app/immutable/chunks/DRLSLo2t.js.br +0 -0
  46. package/build/client/_app/immutable/chunks/DRLSLo2t.js.gz +0 -0
  47. package/build/client/_app/immutable/entry/app.C7Gg5PnI.js +0 -2
  48. package/build/client/_app/immutable/entry/app.C7Gg5PnI.js.br +0 -0
  49. package/build/client/_app/immutable/entry/app.C7Gg5PnI.js.gz +0 -0
  50. package/build/client/_app/immutable/entry/start.fbJ-_JRS.js +0 -1
  51. package/build/client/_app/immutable/entry/start.fbJ-_JRS.js.br +0 -0
  52. package/build/client/_app/immutable/entry/start.fbJ-_JRS.js.gz +0 -0
  53. package/build/client/_app/immutable/nodes/1.Dj3Fzim2.js.br +0 -0
  54. package/build/client/_app/immutable/nodes/1.Dj3Fzim2.js.gz +0 -0
  55. package/build/client/_app/immutable/nodes/2.Csi9nKxw.js +0 -2
  56. package/build/client/_app/immutable/nodes/2.Csi9nKxw.js.br +0 -0
  57. package/build/client/_app/immutable/nodes/2.Csi9nKxw.js.gz +0 -0
@@ -1,7 +1,7 @@
1
- import '../../chunks/internal.js-b-1wrnfA.js';
1
+ import '../../chunks/internal.js-BdicF7ID.js';
2
2
  import { a0 as run, aj as head, ak as attr_class, ai as escape_html, al as attr, am as ensure_array_like, an as bind_props, ao as stringify, P as derived, ap as attr_style, aq as element } from '../../chunks/server.js-mTMwhapa.js';
3
3
  import { R as RANGES, a as rangeLabel, b as RATES } from '../../chunks/range.js-CLYFtcRE.js';
4
- import '../../chunks/client.js-C1_n_a2s.js';
4
+ import '../../chunks/client.js-glHnhIsC.js';
5
5
  import '../../chunks/shared.js-7DyfRqo3.js';
6
6
  import '../../chunks/exports.js-Dd48p7Ih.js';
7
7
  import '../../chunks/utils.js-DzwqnkBT.js';
@@ -90,6 +90,7 @@ function moneyCompact(value) {
90
90
  if (Math.abs(value) >= 1e3) return `$${compact(value)}`;
91
91
  return money(value);
92
92
  }
93
+ var percent = (value, digits = 0) => `${value.toFixed(digits)}%`;
93
94
  var RELATIVE = new Intl.RelativeTimeFormat("en-GB", { numeric: "auto" });
94
95
  var STEPS = [
95
96
  ["second", 60],
@@ -618,23 +619,140 @@ var toolMeta = (id) => TOOLS.find((tool) => tool.id === id) ?? {
618
619
  };
619
620
  //#endregion
620
621
  //#region src/lib/components/Sessions.svelte
622
+ var share = (value) => value === null ? "--" : percent(value * 100);
623
+ var COLUMNS = [
624
+ {
625
+ id: "session",
626
+ label: "Session",
627
+ hint: "The tool and its session id",
628
+ by: (row) => row.id
629
+ },
630
+ {
631
+ id: "name",
632
+ label: "Session name",
633
+ hint: "What the session was called, if it got a name",
634
+ by: (row) => row.name,
635
+ show: (row) => row.name ?? ""
636
+ },
637
+ {
638
+ id: "project",
639
+ label: "Project",
640
+ hint: "Where it ran",
641
+ by: (row) => row.project
642
+ },
643
+ {
644
+ id: "models",
645
+ label: "Models",
646
+ hint: "Every model the session used",
647
+ by: (row) => row.models,
648
+ show: (row) => row.models.split(", ").map(modelName).join(", ")
649
+ },
650
+ {
651
+ id: "ran",
652
+ label: "Ran",
653
+ hint: "When it last did anything",
654
+ by: (row) => row.ended,
655
+ show: (row) => clockLabel(row.ended)
656
+ },
657
+ {
658
+ id: "tokens",
659
+ label: "Tokens",
660
+ hint: "Everything in and out, cache included",
661
+ by: (row) => row.total,
662
+ show: (row) => compact(row.total),
663
+ numeric: true
664
+ },
665
+ {
666
+ id: "cost",
667
+ label: "Est. cost",
668
+ hint: "Worked out from list prices, not your bill",
669
+ by: (row) => row.cost,
670
+ show: (row) => money(row.cost),
671
+ numeric: true
672
+ },
673
+ {
674
+ id: "peak",
675
+ label: "Peak context",
676
+ hint: "The biggest prompt the model was handed in one go",
677
+ by: (row) => row.peak,
678
+ show: (row) => compact(row.peak),
679
+ numeric: true
680
+ },
681
+ {
682
+ id: "cache",
683
+ label: "Cache hits",
684
+ hint: "How much of the input came straight from cache",
685
+ by: (row) => row.cacheHit,
686
+ show: (row) => share(row.cacheHit),
687
+ numeric: true
688
+ },
689
+ {
690
+ id: "subagents",
691
+ label: "Subagents",
692
+ hint: "Share of the tokens spent by subagents. Claude Code only.",
693
+ by: (row) => row.subagents,
694
+ show: (row) => share(row.subagents),
695
+ numeric: true
696
+ },
697
+ {
698
+ id: "turns",
699
+ label: "Turns",
700
+ hint: "Replies from the model, subagents included",
701
+ by: (row) => row.turns,
702
+ show: (row) => String(row.turns),
703
+ numeric: true
704
+ }
705
+ ];
621
706
  function Sessions($$renderer, $$props) {
622
707
  $$renderer.component(($$renderer) => {
623
- let { rows, metric} = $$props;
708
+ let { rows, hidden} = $$props;
709
+ let sortBy = "ran";
710
+ const columns = derived(() => COLUMNS.filter((column) => !hidden.includes(column.id) && (column.id !== "name" || rows.some((row) => row.name))));
711
+ const sorted = derived(() => {
712
+ const by = (COLUMNS.find((column) => column.id === sortBy) ?? COLUMNS[0]).by;
713
+ return rows.toSorted((a, b) => {
714
+ const [left, right] = [by(a), by(b)];
715
+ if (left === right) return 0;
716
+ if (left === null) return 1;
717
+ if (right === null) return -1;
718
+ return -(left < right ? -1 : 1);
719
+ });
720
+ });
624
721
  if (rows.length) {
625
- $$renderer.push(`<!--[0--><div class="scroll svelte-1uqtl83"><table class="svelte-1uqtl83"><thead><tr><th scope="col" class="svelte-1uqtl83">Session</th><th scope="col" class="svelte-1uqtl83">Project</th><th scope="col" class="svelte-1uqtl83">Models</th><th scope="col" class="svelte-1uqtl83">Ran</th><th scope="col" class="right svelte-1uqtl83">${escape_html(metric === "cost" ? "Est. cost" : "Tokens")}</th></tr></thead><tbody class="svelte-1uqtl83"><!--[-->`);
626
- const each_array = ensure_array_like(rows);
722
+ $$renderer.push(`<!--[0--><div class="scroll svelte-1uqtl83"><table class="svelte-1uqtl83"><thead><tr><!--[-->`);
723
+ const each_array = ensure_array_like(columns());
627
724
  for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
628
- let row = each_array[$$index];
725
+ let column = each_array[$$index];
726
+ $$renderer.push(`<th scope="col"${attr("aria-sort", sortBy === column.id ? "descending" : "none")}${attr_class("svelte-1uqtl83", void 0, { "right": column.numeric })}><button type="button" class="svelte-1uqtl83">${escape_html(column.label)}</button></th>`);
727
+ }
728
+ $$renderer.push(`<!--]--></tr></thead><tbody class="svelte-1uqtl83"><!--[-->`);
729
+ const each_array_1 = ensure_array_like(sorted());
730
+ for (let $$index_2 = 0, $$length = each_array_1.length; $$index_2 < $$length; $$index_2++) {
731
+ let row = each_array_1[$$index_2];
629
732
  const tool = toolMeta(row.tool);
630
- $$renderer.push(`<tr class="svelte-1uqtl83"><td class="svelte-1uqtl83"><span class="tool svelte-1uqtl83">`);
631
- Mark($$renderer, {
632
- id: row.tool,
633
- label: tool.label,
634
- colour: tool.colour,
635
- size: 14
636
- });
637
- $$renderer.push(`<!----> <span class="id mono svelte-1uqtl83">${escape_html(row.id.slice(0, 8))}</span></span></td><td class="svelte-1uqtl83"><button type="button" class="link svelte-1uqtl83">${escape_html(projectName(row.project))}</button></td><td class="models svelte-1uqtl83">${escape_html(row.models.split(", ").map(modelName).join(", "))}</td><td class="svelte-1uqtl83">${escape_html(clockLabel(row.ended))}</td><td class="right num svelte-1uqtl83">${escape_html(metric === "cost" ? money(row.cost) : compact(row.total))}</td></tr>`);
733
+ $$renderer.push(`<tr class="svelte-1uqtl83"><!--[-->`);
734
+ const each_array_2 = ensure_array_like(columns());
735
+ for (let $$index_1 = 0, $$length = each_array_2.length; $$index_1 < $$length; $$index_1++) {
736
+ let column = each_array_2[$$index_1];
737
+ if (column.id === "session") {
738
+ $$renderer.push(`<!--[0--><td class="svelte-1uqtl83"><span class="tool svelte-1uqtl83">`);
739
+ Mark($$renderer, {
740
+ id: row.tool,
741
+ label: tool.label,
742
+ colour: tool.colour,
743
+ size: 14
744
+ });
745
+ $$renderer.push(`<!----> <span class="id mono svelte-1uqtl83">${escape_html(row.id.slice(0, 8))}</span></span></td>`);
746
+ } else if (column.id === "project") $$renderer.push(`<!--[1--><td class="svelte-1uqtl83"><button type="button" class="link svelte-1uqtl83">${escape_html(projectName(row.project))}</button></td>`);
747
+ else if (column.id === "ran") $$renderer.push(`<!--[2--><td class="svelte-1uqtl83">${escape_html(column.show?.(row))}</td>`);
748
+ else $$renderer.push(`<!--[-1--><td${attr_class("svelte-1uqtl83", void 0, {
749
+ "right": column.numeric,
750
+ "num": column.numeric,
751
+ "muted": !column.numeric
752
+ })}>${escape_html(column.show?.(row))}</td>`);
753
+ $$renderer.push(`<!--]-->`);
754
+ }
755
+ $$renderer.push(`<!--]--></tr>`);
638
756
  }
639
757
  $$renderer.push(`<!--]--></tbody></table></div>`);
640
758
  } else $$renderer.push(`<!--[-1--><p class="empty svelte-1uqtl83">No sessions in this range</p>`);
@@ -642,6 +760,17 @@ function Sessions($$renderer, $$props) {
642
760
  });
643
761
  }
644
762
  //#endregion
763
+ //#region src/lib/components/Fields.svelte
764
+ function Fields($$renderer, $$props) {
765
+ $$renderer.component(($$renderer) => {
766
+ let { options, hidden = void 0, onchange } = $$props;
767
+ $$renderer.push(`<div class="fields svelte-17j4bwj"><button type="button" class="trigger svelte-17j4bwj" aria-label="Choose columns"${attr("aria-expanded", false)}><svg viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"><path d="M2.5 4h11M2.5 8h11M2.5 12h11M6 2.5v11M10 2.5v11" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></path></svg></button> `);
768
+ $$renderer.push("<!--[-1-->");
769
+ $$renderer.push(`<!--]--></div>`);
770
+ bind_props($$props, { hidden });
771
+ });
772
+ }
773
+ //#endregion
645
774
  //#region src/lib/components/Problems.svelte
646
775
  function Problems($$renderer, $$props) {
647
776
  $$renderer.component(($$renderer) => {
@@ -810,6 +939,7 @@ function _page($$renderer, $$props) {
810
939
  let trendBy = "tool";
811
940
  let modelView = "share";
812
941
  let projectBy = "measure";
942
+ let hiddenColumns = first.settings.hiddenColumns;
813
943
  const query = derived(() => new URLSearchParams({
814
944
  range,
815
945
  tools: tools.join(","),
@@ -1211,14 +1341,31 @@ function _page($$renderer, $$props) {
1211
1341
  });
1212
1342
  }});
1213
1343
  $$renderer.push(`<!----> `);
1214
- Panel($$renderer, {
1215
- title: "Recent sessions",
1216
- span: 12,
1217
- children: ($$renderer) => {
1218
- Sessions($$renderer, {
1219
- rows: usage.sessions,
1220
- metric});
1221
- }});
1344
+ {
1345
+ function actions($$renderer) {
1346
+ Fields($$renderer, {
1347
+ options: COLUMNS,
1348
+ onchange: (hidden) => save({ hiddenColumns: hidden }),
1349
+ get hidden() {
1350
+ return hiddenColumns;
1351
+ },
1352
+ set hidden($$value) {
1353
+ hiddenColumns = $$value;
1354
+ $$settled = false;
1355
+ }
1356
+ });
1357
+ }
1358
+ Panel($$renderer, {
1359
+ title: "Recent sessions",
1360
+ span: 12,
1361
+ hint: "Click a column heading to sort by it",
1362
+ actions,
1363
+ children: ($$renderer) => {
1364
+ Sessions($$renderer, {
1365
+ rows: usage.sessions,
1366
+ hidden: hiddenColumns});
1367
+ }});
1368
+ }
1222
1369
  $$renderer.push(`<!----></div> <footer class="svelte-1uha8ag"><span>Reads the transcripts already on this machine. Nothing is sent anywhere.</span> <span>`);
1223
1370
  if (usage.oldest) $$renderer.push(`<!--[0-->Records from ${escape_html(new Date(usage.oldest).toLocaleDateString("en-GB"))} ·`);
1224
1371
  else $$renderer.push("<!--[-1-->");
@@ -1252,4 +1399,4 @@ function _page($$renderer, $$props) {
1252
1399
  }
1253
1400
 
1254
1401
  export { _page as default };
1255
- //# sourceMappingURL=_page.svelte.js-D91hy9R4.js.map
1402
+ //# sourceMappingURL=_page.svelte.js-BC6pYePg.js.map
@@ -9,8 +9,8 @@ import * as qs from 'node:querystring';
9
9
  import { Readable } from 'node:stream';
10
10
  import { S as SvelteKitError } from './chunks/shared.js-7DyfRqo3.js';
11
11
  import { y as splitCookiesString } from './chunks/utils.js-DzwqnkBT.js';
12
- import { S as Server } from './index.js-CBAFVV7O.js';
13
- import { m as manifest } from './manifest.js-s70ajt69.js';
12
+ import { S as Server } from './index.js-BPJAPThY.js';
13
+ import { m as manifest } from './manifest.js-C5W5WW8M.js';
14
14
  import { env, dir, env_prefix } from '../../env.js';
15
15
  import { format } from 'node:url';
16
16
 
@@ -1472,4 +1472,4 @@ const handler = sequence(
1472
1472
  );
1473
1473
 
1474
1474
  export { format_listening_address as f, handler as h, polka as p };
1475
- //# sourceMappingURL=handler-br42Ds2q.js.map
1475
+ //# sourceMappingURL=handler-CawjUItz.js.map
@@ -1,4 +1,4 @@
1
- import { o as options, s as set_private_env, a as set_public_env, g as get_hooks, p as public_env, r as read_implementation, b as set_read_implementation } from './chunks/internal.js-b-1wrnfA.js';
1
+ import { o as options, s as set_private_env, a as set_public_env, g as get_hooks, p as public_env, r as read_implementation, b as set_read_implementation } from './chunks/internal.js-BdicF7ID.js';
2
2
  import { n as noop, T as TRAILING_SLASH_PARAM, I as INVALIDATED_PARAM, R as Redirect, b as get_relative_path, S as SvelteKitError, g as get_status, t as text_encoder, o as once, H as HttpError, d as normalize_error, e as create_remote_key, p as parse_remote_arg, s as stringify, A as ActionFailure, f as split_remote_key, h as base64_encode } from './chunks/shared.js-7DyfRqo3.js';
3
3
  import { b as base, o as override, a as assets, r as reset, c as app_dir } from './chunks/internal2.js-BlXt2rfE.js';
4
4
  import { f as format_server_error, j as json, i as is_form_content_type, t as text, h as has_prerendered_path, a as handle_fatal_error, r as redirect_response, g as get_set_cookies, n as negotiate, w as with_request_store, p as parseString, m as merge_tracing, b as method_not_allowed, s as static_error_page, c as handle_error_and_jsonify, d as get_global_name, e as create_replacer, k as serialize_uses, l as clarify_devalue_error, E as ENDPOINT_METHODS, P as PAGE_METHODS, o as get_node_type, q as isRedirect, u as escape_html, v as error, x as deserialize_binary_form } from './chunks/utils.js-DzwqnkBT.js';
@@ -3969,4 +3969,4 @@ var Server = class {
3969
3969
  };
3970
3970
 
3971
3971
  export { Server as S };
3972
- //# sourceMappingURL=index.js-CBAFVV7O.js.map
3972
+ //# sourceMappingURL=index.js-BPJAPThY.js.map
@@ -10,11 +10,11 @@ return {
10
10
  assets: new Set(["favicon.svg","robots.txt"]),
11
11
  mimeTypes: {".svg":"image/svg+xml",".txt":"text/plain"},
12
12
  _: {
13
- client: {start:"_app/immutable/entry/start.fbJ-_JRS.js",app:"_app/immutable/entry/app.C7Gg5PnI.js",imports:["_app/immutable/entry/start.fbJ-_JRS.js","_app/immutable/chunks/DRLSLo2t.js","_app/immutable/chunks/DC6tN2WI.js","_app/immutable/entry/app.C7Gg5PnI.js","_app/immutable/chunks/DC6tN2WI.js","_app/immutable/chunks/xihTtKlq.js"],stylesheets:[],fonts:[],uses_env_dynamic_public:false},
13
+ client: {start:"_app/immutable/entry/start.CUMv_HcC.js",app:"_app/immutable/entry/app.CcXTuskF.js",imports:["_app/immutable/entry/start.CUMv_HcC.js","_app/immutable/chunks/BXjBNiJM.js","_app/immutable/chunks/DC6tN2WI.js","_app/immutable/entry/app.CcXTuskF.js","_app/immutable/chunks/DC6tN2WI.js","_app/immutable/chunks/xihTtKlq.js"],stylesheets:[],fonts:[],uses_env_dynamic_public:false},
14
14
  nodes: [
15
15
  __memo(() => import('./nodes/0.js-Bzngkdxl.js')),
16
- __memo(() => import('./nodes/1.js-Cvu2_eGw.js')),
17
- __memo(() => import('./nodes/2.js-7xvomkGu.js'))
16
+ __memo(() => import('./nodes/1.js-AsIykVGz.js')),
17
+ __memo(() => import('./nodes/2.js-Cc9Oy00w.js'))
18
18
  ],
19
19
  remotes: {
20
20
 
@@ -32,21 +32,21 @@ return {
32
32
  pattern: /^\/api\/refresh\/?$/,
33
33
  params: [],
34
34
  page: null,
35
- endpoint: __memo(() => import('./entries/endpoints/api/refresh/_server.ts.js-CJa6pKKD.js'))
35
+ endpoint: __memo(() => import('./entries/endpoints/api/refresh/_server.ts.js-DIm5mJGM.js'))
36
36
  },
37
37
  {
38
38
  id: "/api/settings",
39
39
  pattern: /^\/api\/settings\/?$/,
40
40
  params: [],
41
41
  page: null,
42
- endpoint: __memo(() => import('./entries/endpoints/api/settings/_server.ts.js-DQt7Bc2q.js'))
42
+ endpoint: __memo(() => import('./entries/endpoints/api/settings/_server.ts.js-B0rNclco.js'))
43
43
  },
44
44
  {
45
45
  id: "/api/usage",
46
46
  pattern: /^\/api\/usage\/?$/,
47
47
  params: [],
48
48
  page: null,
49
- endpoint: __memo(() => import('./entries/endpoints/api/usage/_server.ts.js-kInjrhtE.js'))
49
+ endpoint: __memo(() => import('./entries/endpoints/api/usage/_server.ts.js-C1OIFWsl.js'))
50
50
  }
51
51
  ],
52
52
  prerendered_routes: new Set([]),
@@ -60,4 +60,4 @@ return {
60
60
  })();
61
61
 
62
62
  export { manifest as m };
63
- //# sourceMappingURL=manifest.js-s70ajt69.js.map
63
+ //# sourceMappingURL=manifest.js-C5W5WW8M.js.map
@@ -1,9 +1,9 @@
1
1
  const index = 1;
2
2
  let component_cache;
3
- const component = async () => component_cache ??= (await import('../entries/fallbacks/error.svelte.js-CVKDebWa.js')).default;
4
- const imports = ["_app/immutable/nodes/1.Dj3Fzim2.js","_app/immutable/chunks/DC6tN2WI.js","_app/immutable/chunks/DRLSLo2t.js","_app/immutable/chunks/xihTtKlq.js"];
3
+ const component = async () => component_cache ??= (await import('../entries/fallbacks/error.svelte.js-I8Q9OD25.js')).default;
4
+ const imports = ["_app/immutable/nodes/1.DOwPSLRi.js","_app/immutable/chunks/DC6tN2WI.js","_app/immutable/chunks/BXjBNiJM.js","_app/immutable/chunks/xihTtKlq.js"];
5
5
  const stylesheets = [];
6
6
  const fonts = [];
7
7
 
8
8
  export { component, fonts, imports, index, stylesheets };
9
- //# sourceMappingURL=1.js-Cvu2_eGw.js.map
9
+ //# sourceMappingURL=1.js-AsIykVGz.js.map
@@ -1,20 +1,20 @@
1
- export { _ as server } from '../entries/pages/_page.server.ts.js-Oa3Sfml2.js';
2
- import '../chunks/queries.js-aTxz7ubg.js';
1
+ export { _ as server } from '../entries/pages/_page.server.ts.js-VL2asSrD.js';
2
+ import '../chunks/queries.js-Dxe3UrcX.js';
3
3
  import '../chunks/range.js-CLYFtcRE.js';
4
4
  import 'node:fs/promises';
5
5
  import 'node:path';
6
6
  import 'node:sqlite';
7
7
  import 'node:fs';
8
8
  import 'node:os';
9
- import '../chunks/request.js-B3j1_Icg.js';
9
+ import '../chunks/request.js-DM1A1vDP.js';
10
10
 
11
11
  const index = 2;
12
12
  let component_cache;
13
- const component = async () => component_cache ??= (await import('../entries/pages/_page.svelte.js-D91hy9R4.js')).default;
13
+ const component = async () => component_cache ??= (await import('../entries/pages/_page.svelte.js-BC6pYePg.js')).default;
14
14
  const server_id = "src/routes/+page.server.ts";
15
- const imports = ["_app/immutable/nodes/2.Csi9nKxw.js","_app/immutable/chunks/DC6tN2WI.js","_app/immutable/chunks/DRLSLo2t.js","_app/immutable/chunks/xihTtKlq.js"];
16
- const stylesheets = ["_app/immutable/assets/2.BABRsmGA.css"];
15
+ const imports = ["_app/immutable/nodes/2.-Zwwyx4V.js","_app/immutable/chunks/DC6tN2WI.js","_app/immutable/chunks/BXjBNiJM.js","_app/immutable/chunks/xihTtKlq.js"];
16
+ const stylesheets = ["_app/immutable/assets/2.H_IHw1Xd.css"];
17
17
  const fonts = [];
18
18
 
19
19
  export { component, fonts, imports, index, server_id, stylesheets };
20
- //# sourceMappingURL=2.js-7xvomkGu.js.map
20
+ //# sourceMappingURL=2.js-Cc9Oy00w.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "token-usage-dashboard",
3
- "version": "1.0.6",
3
+ "version": "1.0.8",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "dev": "vite dev",
@@ -1,2 +0,0 @@
1
- const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../nodes/0.BNwlucmP.js","../chunks/DC6tN2WI.js","../chunks/xihTtKlq.js","../assets/0.fjR0gTLF.css","../nodes/1.Dj3Fzim2.js","../chunks/DRLSLo2t.js","../nodes/2.Csi9nKxw.js","../assets/2.BABRsmGA.css"])))=>i.map(i=>d[i]);
2
- import{A as e,B as t,D as n,E as r,G as i,I as a,O as o,P as s,T as c,V as l,W as u,X as d,Y as f,Z as p,a as m,b as h,et as g,i as _,it as v,n as y,q as b,r as x,tt as S,w as C,z as w}from"../chunks/DC6tN2WI.js";import"../chunks/xihTtKlq.js";var T=`modulepreload`,E=function(e,t){return new URL(e,t).href},D={},O=function(e,t,n){let r=Promise.resolve();if(t&&t.length>0){let e=document.getElementsByTagName(`link`),i=document.querySelector(`meta[property=csp-nonce]`),a=i?.nonce||i?.getAttribute(`nonce`);function o(e){return Promise.all(e.map(e=>Promise.resolve(e).then(e=>({status:`fulfilled`,value:e}),e=>({status:`rejected`,reason:e}))))}function s(e){return import.meta.resolve?import.meta.resolve(e):new URL(e,import.meta.url).href}r=o(t.map(t=>{if(t=E(t,n),t=s(t),t in D)return;D[t]=!0;let r=t.endsWith(`.css`);for(let n=e.length-1;n>=0;n--){let i=e[n];if(i.href===t&&(!r||i.rel===`stylesheet`))return}let i=document.createElement(`link`);if(i.rel=r?`stylesheet`:T,r||(i.as=`script`),i.crossOrigin=``,i.href=t,a&&i.setAttribute(`nonce`,a),document.head.appendChild(i),r)return new Promise((e,n)=>{i.addEventListener(`load`,e),i.addEventListener(`error`,()=>n(Error(`Unable to preload CSS for ${t}`)))})}))}function i(e){let t=new Event(`vite:preloadError`,{cancelable:!0});if(t.payload=e,window.dispatchEvent(t),!t.defaultPrevented)throw e}return r.then(t=>{for(let e of t||[])e.status===`rejected`&&i(e.reason);return e().catch(i)})},k={},A=o(`<div id="svelte-announcer" aria-live="assertive" aria-atomic="true" style="position: absolute; left: 0; top: 0; clip: rect(0 0 0 0); clip-path: inset(50%); overflow: hidden; white-space: nowrap; width: 1px; height: 1px"><!></div>`),j=o(`<!> <!>`,1);function M(o,x){S(x,!0);let T=_(x,`components`,23,()=>[]),E=_(x,`data_0`,3,null),D=_(x,`data_1`,3,null);l(()=>x.stores.page.set(x.page)),t(()=>{x.stores,x.page,x.constructors,T(),x.form,E(),D(),x.stores.page.notify()});let O=d(!1),k=d(!1),M=d(null);y(()=>{let e=x.stores.page.subscribe(()=>{s(O)&&(f(k,!0),a().then(()=>{f(M,document.title||`untitled page`,!0)}))});return f(O,!0),e});let N=p(()=>x.constructors[1]);var P=j(),F=i(P),I=e=>{let t=p(()=>x.constructors[0]);var a=n(),o=i(a);h(o,()=>s(t),(e,t)=>{m(t(e,{get data(){return E()},get form(){return x.form},get params(){return x.page.params},children:(e,t)=>{var a=n(),o=i(a);h(o,()=>s(N),(e,t)=>{m(t(e,{get data(){return D()},get form(){return x.form},get params(){return x.page.params}}),e=>T()[1]=e,()=>T()?.[1])}),r(e,a)},$$slots:{default:!0}}),e=>T()[0]=e,()=>T()?.[0])}),r(e,a)},L=e=>{let t=p(()=>x.constructors[0]);var a=n(),o=i(a);h(o,()=>s(t),(e,t)=>{m(t(e,{get data(){return E()},get form(){return x.form},get params(){return x.page.params}}),e=>T()[0]=e,()=>T()?.[0])}),r(e,a)};C(F,e=>{x.constructors[1]?e(I):e(L,-1)});var R=b(F,2),z=t=>{var n=A(),i=u(n),a=t=>{var n=e();w(()=>c(n,s(M))),r(t,n)};C(i,e=>{s(k)&&e(a)}),v(n),r(t,n)};C(R,e=>{s(O)&&e(z)}),r(o,P),g()}var N=x(M),P=[()=>O(()=>import(`../nodes/0.BNwlucmP.js`),__vite__mapDeps([0,1,2,3]),import.meta.url),()=>O(()=>import(`../nodes/1.Dj3Fzim2.js`),__vite__mapDeps([4,1,5,2]),import.meta.url),()=>O(()=>import(`../nodes/2.Csi9nKxw.js`),__vite__mapDeps([6,1,5,2,7]),import.meta.url)],F=[],I={"/":[-3]},L={handleError:(({error:e})=>{console.error(e)}),reroute:(()=>{}),transport:{}},R=Object.fromEntries(Object.entries(L.transport).map(([e,t])=>[e,t.decode])),z=Object.fromEntries(Object.entries(L.transport).map(([e,t])=>[e,t.encode])),B=!1,V=(e,t)=>R[e](t),H=()=>O(()=>import(`../chunks/Bjy-W4x2.js`).then(e=>e.default),[],import.meta.url);export{V as decode,R as decoders,I as dictionary,z as encoders,H as get_error_template,B as hash,L as hooks,k as matchers,P as nodes,N as root,F as server_loads};
@@ -1 +0,0 @@
1
- import{a as e,n as t}from"../chunks/DRLSLo2t.js";export{e as load_css,t as start};
@@ -1,2 +0,0 @@
1
- import{A as e,B as t,C as n,D as r,E as i,G as a,H as o,J as s,K as c,L as l,M as u,N as d,O as f,P as p,R as m,S as h,T as g,U as _,W as v,X as y,Y as b,Z as x,_ as S,a as C,at as w,c as T,d as E,et as D,f as O,g as k,h as A,i as j,it as M,j as N,k as P,l as F,m as I,o as L,p as R,q as z,rt as ee,s as te,tt as B,u as ne,v as V,w as H,x as re,y as ie,z as U}from"../chunks/DC6tN2WI.js";import{t as ae}from"../chunks/DRLSLo2t.js";import"../chunks/xihTtKlq.js";var W=null;function oe(){return W||(W=document.createElement(`div`),W.className=`app-tooltip`,W.setAttribute(`role`,`tooltip`),document.body.append(W),W)}var G=(e,t)=>{let n=t,r=()=>{W&&W.classList.remove(`is-open`)},i=()=>{if(!n)return;let t=oe();t.textContent=n,t.classList.add(`is-open`);let r=e.getBoundingClientRect(),i=t.getBoundingClientRect(),a=Math.min(Math.max(8,r.left+r.width/2-i.width/2),window.innerWidth-i.width-8),o=r.top>i.height+12;t.style.left=`${a}px`,t.style.top=`${o?r.top-i.height-8:r.bottom+8}px`};return e.addEventListener(`pointerenter`,i),e.addEventListener(`focusin`,i),e.addEventListener(`pointerleave`,r),e.addEventListener(`focusout`,r),window.addEventListener(`scroll`,r,!0),{update:t=>{n=t,t&&e.setAttribute(`aria-label`,e.getAttribute(`aria-label`)??t)},destroy:()=>{r(),e.removeEventListener(`pointerenter`,i),e.removeEventListener(`focusin`,i),e.removeEventListener(`pointerleave`,r),e.removeEventListener(`focusout`,r),window.removeEventListener(`scroll`,r,!0)}}},se=f(`<div class="actions svelte-hxsa5u"><!></div>`),ce=f(`<section class="panel svelte-hxsa5u"><header class="svelte-hxsa5u"><h2 class="svelte-hxsa5u"> </h2> <!></header> <div class="body svelte-hxsa5u"><!></div></section>`);function K(e,t){let n=j(t,`span`,3,12);var r=ce(),a=v(r),o=v(a),s=c(o,!0);S(o,(e,t)=>G?.(e,t),()=>t.hint);var l=z(o,2),u=e=>{var n=se(),r=v(n);re(r,()=>t.actions),M(n),i(e,n)};H(l,e=>{t.actions&&e(u)}),M(a);var d=z(a,2),f=v(d);re(f,()=>t.children),M(d),M(r),U(()=>{A(r,`--span: ${n()??``}`),g(s,t.title)}),i(e,r)}var le=f(`<button type="button"> </button>`),ue=f(`<div role="group"></div>`);function de(e,t){B(t,!0);let n=j(t,`value`,15),r=j(t,`size`,3,`md`);var a=ue();let o;h(a,21,()=>t.options,e=>e.id,(e,t)=>{var r=le();let a;var o=c(r,!0);S(r,(e,t)=>G?.(e,t),()=>p(t).hint),U(()=>{E(r,`aria-pressed`,n()===p(t).id),a=k(r,1,`svelte-1dkbyok`,null,a,{on:n()===p(t).id}),g(o,p(t).label)}),u(`click`,r,()=>n(p(t).id)),i(e,r)}),M(a),U(()=>{o=k(a,1,`segmented svelte-1dkbyok`,null,o,{sm:r()===`sm`}),E(a,`aria-label`,t.label)}),i(e,a),D()}N([`click`]);var fe=f(`<b class="num svelte-vbwhwd"> </b>`),pe=f(`<label class="svelte-vbwhwd"><input type="checkbox" class="svelte-vbwhwd"/> <span class="svelte-vbwhwd"> </span></label>`),me=f(`<p class="none svelte-vbwhwd">Nothing matches</p>`),he=f(`<button type="button" class="clear svelte-vbwhwd">Clear</button>`),ge=f(`<div class="menu svelte-vbwhwd"><input class="search svelte-vbwhwd" type="search"/> <div class="list svelte-vbwhwd"></div> <!></div>`),_e=f(`<div class="select svelte-vbwhwd"><button type="button"> <!> <svg viewBox="0 0 12 12" width="10" height="10" aria-hidden="true"><path d="M2 4.5 6 8.5 10 4.5" fill="none" stroke="currentColor" stroke-width="1.5"></path></svg></button> <!></div>`);function ve(e,t){B(t,!0);let n=j(t,`selected`,15),r=j(t,`format`,3,e=>e),a=y(!1),o=y(``),s,l=x(()=>t.options.filter(e=>r()(e).toLowerCase().includes(p(o).toLowerCase()))),f=e=>{n(n().includes(e)?n().filter(t=>t!==e):[...n(),e])},m=e=>{p(a)&&!s.contains(e.target)&&b(a,!1)};var S=_e();d(`click`,_,m);var w=v(S);let T;var A=v(w),N=z(A),P=e=>{var t=fe(),r=c(t,!0);U(()=>g(r,n().length)),i(e,t)};H(N,e=>{n().length&&e(P)}),ee(2),M(w);var F=z(w,2),I=e=>{var a=ge(),s=v(a);ne(s);var d=z(s,2);h(d,20,()=>p(l),e=>e,(e,t)=>{var a=pe(),o=v(a);ne(o);var s=z(o,2),l=c(s,!0);M(a),U((e,t)=>{O(o,e),g(l,t)},[()=>n().includes(t),()=>r()(t)]),u(`change`,o,()=>f(t)),i(e,a)},e=>{var t=me();i(e,t)}),M(d);var m=z(d,2),_=e=>{var t=he();u(`click`,t,()=>n([])),i(e,t)};H(m,e=>{n().length&&e(_)}),M(a),U(e=>E(s,`placeholder`,`Filter ${e??``}`),[()=>t.label.toLowerCase()]),te(s,()=>p(o),e=>b(o,e)),i(e,a)};H(F,e=>{p(a)&&e(I)}),M(S),C(S,e=>s=e,()=>s),U(()=>{T=k(w,1,`trigger svelte-vbwhwd`,null,T,{on:n().length>0}),E(w,`aria-expanded`,p(a)),g(A,`${t.label??``} `)}),u(`click`,w,()=>b(a,!p(a))),i(e,S),D()}N([`click`,`change`]);var q=[{at:0xe8d4a51000,suffix:`T`},{at:1e9,suffix:`B`},{at:1e6,suffix:`M`},{at:1e3,suffix:`k`}];function J(e){let t=q.find(t=>Math.abs(e)>=t.at);if(!t)return String(Math.round(e));let n=e/t.at;return`${n.toFixed(+(n<10))}${t.suffix}`}var Y=e=>Math.round(e).toLocaleString(`en-GB`);function X(e){return e===null?`--`:e===0?`$0`:Math.abs(e)<.01?`<$0.01`:`$${e.toLocaleString(`en-GB`,{minimumFractionDigits:2,maximumFractionDigits:2})}`}function ye(e){return e===null?`--`:Math.abs(e)>=1e3?`$${J(e)}`:X(e)}var be=new Intl.RelativeTimeFormat(`en-GB`,{numeric:`auto`}),xe=[[`second`,60],[`minute`,60],[`hour`,24],[`day`,7],[`week`,4.35],[`month`,12]];function Se(e,t=Date.now()){if(!e)return`never`;let n=(e-t)/1e3;if(Math.abs(n)<45)return n<0?`just now`:`in a moment`;for(let[e,t]of xe){if(Math.abs(n)<t)return be.format(Math.round(n),e);n/=t}return be.format(Math.round(n),`year`)}var Z=e=>new Date(`${e}T00:00:00`).toLocaleDateString(`en-GB`,{weekday:`short`,day:`numeric`,month:`short`}),Ce=e=>new Date(e).toLocaleString(`en-GB`,{day:`numeric`,month:`short`,hour:`2-digit`,minute:`2-digit`});function we(e){let t=Math.round(e/6e4);return t<1?`under a minute`:t<60?`${t} min`:`${Math.floor(t/60)}h ${t%60}m`}var Te=e=>e?e.replace(/\/+$/,``).split(`/`).pop()||e:`unknown`,Ee=e=>(e.includes(`/`)?e.slice(e.indexOf(`/`)+1):e).replace(/-\d{8}$/,``);function De(e,t){if(!t)return null;let n=(e-t)/t*100;return!Number.isFinite(n)||Math.abs(n)<1?{text:`flat`,tone:`even`}:{text:`${n>0?`+`:``}${n.toFixed(0)}%`,tone:n>0?`up`:`down`}}var Oe=f(`<span class="delta svelte-l3stpt"> </span>`),ke=f(`<i> </i>`),Ae=f(`<div class="figures svelte-l3stpt"><div class="lead svelte-l3stpt"><span class="cap svelte-l3stpt"> </span> <strong class="num svelte-l3stpt"> </strong> <!></div> <dl class="svelte-l3stpt"><div class="svelte-l3stpt"><dt class="svelte-l3stpt">Est. cost</dt> <dd class="num svelte-l3stpt"> <!></dd></div> <div class="svelte-l3stpt"><dt class="svelte-l3stpt">Sessions</dt> <dd class="num svelte-l3stpt"> </dd></div> <div class="svelte-l3stpt"><dt class="svelte-l3stpt">Active days</dt> <dd class="num svelte-l3stpt"> </dd></div> <div class="svelte-l3stpt"><dt class="svelte-l3stpt">Daily pace</dt> <dd class="num svelte-l3stpt"> </dd></div></dl></div>`);function je(e,t){B(t,!0);let n=x(()=>De(t.totals.total,t.previous.total)),r=x(()=>De(t.totals.cost??0,t.previous.cost??0)),a=x(()=>t.activeDays?t.totals.total/t.activeDays:0);var o=Ae(),s=v(o),l=v(s),u=c(l),d=z(l,2),f=c(d,!0);S(d,(e,t)=>G?.(e,t),()=>Y(t.totals.total));var m=z(d,2),h=e=>{var r=Oe(),a=c(r,!0);S(r,(e,t)=>G?.(e,t),()=>`on the ${t.rangeLabel.toLowerCase()} before`),U(()=>g(a,p(n).text)),i(e,r)};H(m,e=>{p(n)&&e(h)}),M(s);var _=z(s,2),y=v(_),b=v(y);S(b,(e,t)=>G?.(e,t),()=>`What these tokens would cost at published API rates. A subscription is billed separately.`);var C=z(b,2),w=v(C),T=z(w),E=e=>{var t=ke(),n=c(t,!0);U(()=>{k(t,1,`delta cost ${p(r).tone??``}`,`svelte-l3stpt`),g(n,p(r).text)}),i(e,t)};H(T,e=>{p(r)&&e(E)}),M(C),M(y);var O=z(y,2),A=z(v(O),2),j=c(A,!0);M(O);var N=z(O,2),P=v(N);S(P,(e,t)=>G?.(e,t),()=>`Days with at least one request`);var F=z(P,2),I=c(F,!0);M(N);var L=z(N,2),R=v(L);S(R,(e,t)=>G?.(e,t),()=>`Tokens per active day`);var ee=z(R,2),te=c(ee,!0);M(L),M(_),M(o),U((e,t,n,r,i,a)=>{g(u,`Tokens, ${e??``}`),g(f,t),g(w,`${n??``} `),g(j,r),g(I,i),g(te,a)},[()=>t.rangeLabel.toLowerCase(),()=>J(t.totals.total),()=>X(t.totals.cost),()=>Y(t.totals.sessions),()=>Y(t.activeDays),()=>J(p(a))]),i(e,o),D()}var Me=P(`<text class="axis svelte-1iu5iby" y="10"> </text>`),Ne=P(`<text class="axis svelte-1iu5iby" x="0"> </text>`),Pe=P(`<rect role="img"></rect>`),Fe=f(`<i class="svelte-1iu5iby"></i>`),Ie=f(`<div class="calendar svelte-1iu5iby"><svg role="img" aria-label="Daily usage calendar" class="svelte-1iu5iby"><!><!><!></svg> <div class="legend svelte-1iu5iby"><span class="span svelte-1iu5iby"> </span> <span>No records</span> <i class="blank svelte-1iu5iby"></i> <span class="spread svelte-1iu5iby">Quieter</span> <!> <span>Busier</span></div></div>`);function Le(e,t){B(t,!0);let o=y(680),s=e=>e.toLocaleDateString(`en-CA`),l=e=>e?t.metric===`cost`?e.cost??0:e.total:0,u=x(()=>new Map(t.days.map(e=>[e.day,e]))),d=x(()=>t.oldest?s(new Date(t.oldest)):t.days[0]?.day??``),f=x(()=>{let e=new Date;e.setHours(0,0,0,0);let n=new Date(t.days.length?`${t.days[0].day}T00:00:00`:e),r=new Date(e);r.setDate(r.getDate()-370);let i=new Date(e);i.setDate(i.getDate()-125);let a=new Date(Math.max(r.getTime(),Math.min(n.getTime(),i.getTime())));a.setDate(a.getDate()-(a.getDay()+6)%7);let o=[],c=new Date(a),l=0;for(;c<=e;){let e=(c.getDay()+6)%7;o.push({day:s(c),date:new Date(c),week:l,weekday:e}),e===6&&(l+=1),c.setDate(c.getDate()+1)}return{cells:o,weeks:l+1}}),m=x(()=>Math.max(9,Math.min(30,Math.floor((p(o)-32)/p(f).weeks)-3))),_=x(()=>p(m)+3),C=x(()=>{let e=t.days.map(e=>l(e)).filter(e=>e>0).sort((e,t)=>e-t);return e.length?[.2,.4,.6,.8].map(t=>e[Math.floor(e.length*t)]):[]}),w=e=>e<=0?0:p(C).filter(t=>e>=t).length+1,T=x(()=>{let e=[];for(let t of p(f).cells){if(t.weekday!==0)continue;let n=t.date.toLocaleDateString(`en-GB`,{month:`short`});(!e.length||t.date.getDate()<=7&&e[e.length-1].label!==n)&&e.push({label:n,week:t.week})}return e}),O=e=>{if(p(d)&&e<p(d))return`${Z(e)} - before your records start`;let n=l(p(u).get(e)),r=t.metric===`cost`?X(n):`${J(n)} tokens`;return`${Z(e)} - ${n?r:`nothing`}`},j=[`Mon`,``,`Wed`,``,`Fri`,``,`Sun`],N=x(()=>t.days.filter(e=>l(e)>0).length),P=x(()=>p(d)?`Since ${Z(p(d))}, ${p(N)} ${p(N)===1?`day`:`days`} with usage`:``);var F=Ie(),I=v(F),R=v(I);h(R,17,()=>p(T),e=>e.week+e.label,(e,t)=>{var n=Me(),r=c(n,!0);U(()=>{E(n,`x`,32+p(t).week*p(_)),g(r,p(t).label)}),i(e,n)});var te=z(R);h(te,17,()=>j,n,(e,t,n)=>{var o=r(),s=a(o),l=e=>{var r=Ne(),a=c(r,!0);U(()=>{E(r,`y`,18+n*p(_)+p(m)/2+3),g(a,p(t))}),i(e,r)};H(s,e=>{p(t)&&e(l)}),i(e,o)});var ne=z(te);h(ne,17,()=>p(f).cells,e=>e.day,(e,t)=>{let n=x(()=>!!p(d)&&p(t).day<p(d));var r=Pe();let a;S(r,(e,t)=>G?.(e,t),()=>O(p(t).day)),U((e,i,o)=>{a=k(r,0,`cell svelte-1iu5iby`,null,a,{blank:p(n)}),E(r,`x`,32+p(t).week*p(_)),E(r,`y`,18+p(t).weekday*p(_)),E(r,`width`,p(m)),E(r,`height`,p(m)),E(r,`rx`,e),E(r,`fill`,`var(--ramp-${i??``})`),E(r,`aria-label`,o)},[()=>Math.max(2,p(m)/4),()=>p(n)?0:w(l(p(u).get(p(t).day))),()=>O(p(t).day)]),i(e,r)}),M(I);var V=z(I,2),re=v(V),ie=c(re,!0),ae=z(re,8);h(ae,16,()=>[0,1,2,3,4,5],e=>e,(e,t)=>{var n=Fe();U(()=>A(n,`background: var(--ramp-${t??``})`)),i(e,n)}),ee(2),M(V),M(F),U(()=>{E(I,`width`,p(f).weeks*p(_)+32),E(I,`height`,7*p(_)+18),g(ie,p(P))}),L(F,`clientWidth`,e=>b(o,e)),i(e,F),D()}var Re=f(`<div class="tick svelte-118k1un"><span class="svelte-118k1un"> </span></div>`),ze=f(`<span aria-hidden="true" class="svelte-118k1un"></span>`),Be=f(`<div class="column svelte-118k1un"><div class="stack svelte-118k1un"></div></div>`),Ve=f(`<div class="trend svelte-118k1un"><div class="plot svelte-118k1un"><!> <div class="bars svelte-118k1un"></div></div> <div class="axis svelte-118k1un"><span> </span> <span> </span></div></div>`);function He(e,t){B(t,!0);let n=e=>t.metric===`cost`?e.cost??0:e.total,o=e=>t.metric===`cost`?X(e):J(e),s=x(()=>{let e=new Map;for(let r of t.series){let t=e.get(r.day)??{day:r.day,total:0,parts:new Map};t.total+=n(r),t.parts.set(r.key,(t.parts.get(r.key)??0)+n(r)),e.set(r.day,t)}return[...e.values()].sort((e,t)=>e.day.localeCompare(t.day))}),l=x(()=>Math.max(1,...p(s).map(e=>e.total))),u=e=>{let n=t.keys.filter(t=>e.parts.get(t.id)).map(t=>`${t.label} ${o(e.parts.get(t.id)??0)}`).join(`, `);return`${Z(e.day)} - ${o(e.total)}${n?` (${n})`:``}`},d=e=>t.metric===`cost`?ye(e):J(e),f=x(()=>[1,.5,0].map(e=>({at:e,label:d(p(l)*e)})));var m=Ve(),_=v(m),y=v(_);h(y,17,()=>p(f),e=>e.at,(e,t)=>{var n=Re(),r=v(n),a=c(r,!0);M(n),U(()=>{A(n,`bottom: ${p(t).at*100}%`),g(a,p(t).label)}),i(e,n)});var b=z(y,2);h(b,21,()=>p(s),e=>e.day,(e,n)=>{var o=Be(),s=v(o);h(s,21,()=>t.keys,e=>e.id,(e,t)=>{let o=x(()=>p(n).parts.get(p(t).id)??0);var s=r(),c=a(s),l=e=>{var n=ze();U(()=>A(n,`flex: ${p(o)??``}; background: ${p(t).colour??``}`)),i(e,n)};H(c,e=>{p(o)>0&&e(l)}),i(e,s)}),M(s),M(o),S(o,(e,t)=>G?.(e,t),()=>u(p(n))),U(()=>A(s,`height: ${p(n).total/p(l)*100}%`)),i(e,o)}),M(b),M(_);var C=z(_,2),w=v(C),T=c(w,!0),E=z(w,2),O=c(E,!0);M(C),M(m),U((e,t)=>{g(T,e),g(O,t)},[()=>p(s).length?Z(p(s)[0].day):``,()=>p(s).length?Z(p(s)[p(s).length-1].day):``]),i(e,m),D()}var Ue=`M11.04 19.32Q12 21.51 12 24q0-2.49.93-4.68.96-2.19 2.58-3.81t3.81-2.55Q21.51 12 24 12q-2.49 0-4.68-.93a12.3 12.3 0 0 1-3.81-2.58 12.3 12.3 0 0 1-2.58-3.81Q12 2.49 12 0q0 2.49-.96 4.68-.93 2.19-2.55 3.81a12.3 12.3 0 0 1-3.81 2.58Q2.49 12 0 12q2.49 0 4.68.96 2.19.93 3.81 2.55t2.55 3.81`,We={anthropic:`M17.3041 3.541h-3.6718l6.696 16.918H24Zm-10.6082 0L0 20.459h3.7442l1.3693-3.5527h7.0052l1.3693 3.5528h3.7442L10.5363 3.5409Zm-.3712 10.2232 2.2914-5.9456 2.2914 5.9456Z`,openai:`M9.205 8.658v-2.26c0-.19.072-.333.238-.428l4.543-2.616c.619-.357 1.356-.523 2.117-.523 2.854 0 4.662 2.212 4.662 4.566 0 .167 0 .357-.024.547l-4.71-2.759a.797.797 0 00-.856 0l-5.97 3.473zm10.609 8.8V12.06c0-.333-.143-.57-.429-.737l-5.97-3.473 1.95-1.118a.433.433 0 01.476 0l4.543 2.617c1.309.76 2.189 2.378 2.189 3.948 0 1.808-1.07 3.473-2.76 4.163zM7.802 12.703l-1.95-1.142c-.167-.095-.239-.238-.239-.428V5.899c0-2.545 1.95-4.472 4.591-4.472 1 0 1.927.333 2.712.928L8.23 5.067c-.285.166-.428.404-.428.737v6.898zM12 15.128l-2.795-1.57v-3.33L12 8.658l2.795 1.57v3.33L12 15.128zm1.796 7.23c-1 0-1.927-.332-2.712-.927l4.686-2.712c.285-.166.428-.404.428-.737v-6.898l1.974 1.142c.167.095.238.238.238.428v5.233c0 2.545-1.974 4.472-4.614 4.472zm-5.637-5.303l-4.544-2.617c-1.308-.761-2.188-2.378-2.188-3.948A4.482 4.482 0 014.21 6.327v5.423c0 .333.143.571.428.738l5.947 3.449-1.95 1.118a.432.432 0 01-.476 0zm-.262 3.9c-2.688 0-4.662-2.021-4.662-4.519 0-.19.024-.38.047-.57l4.686 2.71c.286.167.571.167.856 0l5.97-3.448v2.26c0 .19-.07.333-.237.428l-4.543 2.616c-.619.357-1.356.523-2.117.523zm5.899 2.83a5.947 5.947 0 005.827-4.756C22.287 18.339 24 15.84 24 13.296c0-1.665-.713-3.282-1.998-4.448.119-.5.19-.999.19-1.498 0-3.401-2.759-5.947-5.946-5.947-.642 0-1.26.095-1.88.31A5.962 5.962 0 0010.205 0a5.947 5.947 0 00-5.827 4.757C1.713 5.447 0 7.945 0 10.49c0 1.666.713 3.283 1.998 4.448-.119.5-.19 1-.19 1.499 0 3.401 2.759 5.946 5.946 5.946.642 0 1.26-.095 1.88-.309a5.96 5.96 0 004.162 1.713z`,google:Ue,xai:`M9.27 15.29l7.978-5.897c.391-.29.95-.177 1.137.272.98 2.369.542 5.215-1.41 7.169-1.951 1.954-4.667 2.382-7.149 1.406l-2.711 1.257c3.889 2.661 8.611 2.003 11.562-.953 2.341-2.344 3.066-5.539 2.388-8.42l.006.007c-.983-4.232.242-5.924 2.75-9.383.06-.082.12-.164.179-.248l-3.301 3.305v-.01L9.267 15.292M7.623 16.723c-2.792-2.67-2.31-6.801.071-9.184 1.761-1.763 4.647-2.483 7.166-1.425l2.705-1.25a7.808 7.808 0 00-1.829-1A8.975 8.975 0 005.984 5.83c-2.533 2.536-3.33 6.436-1.962 9.764 1.022 2.487-.653 4.246-2.34 6.022-.599.63-1.199 1.259-1.682 1.925l7.62-6.815`,meta:`M6.915 4.03c-1.968 0-3.683 1.28-4.871 3.113C.704 9.208 0 11.883 0 14.449c0 .706.07 1.369.21 1.973a6.624 6.624 0 0 0 .265.86 5.297 5.297 0 0 0 .371.761c.696 1.159 1.818 1.927 3.593 1.927 1.497 0 2.633-.671 3.965-2.444.76-1.012 1.144-1.626 2.663-4.32l.756-1.339.186-.325c.061.1.121.196.183.3l2.152 3.595c.724 1.21 1.665 2.556 2.47 3.314 1.046.987 1.992 1.22 3.06 1.22 1.075 0 1.876-.355 2.455-.843a3.743 3.743 0 0 0 .81-.973c.542-.939.861-2.127.861-3.745 0-2.72-.681-5.357-2.084-7.45-1.282-1.912-2.957-2.93-4.716-2.93-1.047 0-2.088.467-3.053 1.308-.652.57-1.257 1.29-1.82 2.05-.69-.875-1.335-1.547-1.958-2.056-1.182-.966-2.315-1.303-3.454-1.303zm10.16 2.053c1.147 0 2.188.758 2.992 1.999 1.132 1.748 1.647 4.195 1.647 6.4 0 1.548-.368 2.9-1.839 2.9-.58 0-1.027-.23-1.664-1.004-.496-.601-1.343-1.878-2.832-4.358l-.617-1.028a44.908 44.908 0 0 0-1.255-1.98c.07-.109.141-.224.211-.327 1.12-1.667 2.118-2.602 3.358-2.602zm-10.201.553c1.265 0 2.058.791 2.675 1.446.307.327.737.871 1.234 1.579l-1.02 1.566c-.757 1.163-1.882 3.017-2.837 4.338-1.191 1.649-1.81 1.817-2.486 1.817-.524 0-1.038-.237-1.383-.794-.263-.426-.464-1.13-.464-2.046 0-2.221.63-4.535 1.66-6.088.454-.687.964-1.226 1.533-1.533a2.264 2.264 0 0 1 1.088-.285z`,mistral:`M17.143 3.429v3.428h-3.429v3.429h-3.428V6.857H6.857V3.43H3.43v13.714H0v3.428h10.286v-3.428H6.857v-3.429h3.429v3.429h3.429v-3.429h3.428v3.429h-3.428v3.428H24v-3.428h-3.43V3.429z`,deepseek:`M23.748 4.651c-.254-.124-.364.113-.512.233-.051.04-.094.09-.137.137-.372.397-.806.657-1.373.626-.829-.046-1.537.214-2.163.848-.133-.782-.575-1.248-1.247-1.548-.352-.155-.708-.311-.955-.65-.172-.24-.219-.509-.305-.774-.055-.16-.11-.323-.293-.35-.2-.031-.278.136-.356.276-.313.572-.434 1.202-.422 1.84.027 1.436.633 2.58 1.838 3.393.137.094.172.187.129.323-.082.28-.18.553-.266.833-.055.179-.137.218-.328.14a5.5 5.5 0 0 1-1.737-1.179c-.857-.828-1.631-1.743-2.597-2.46a12 12 0 0 0-.689-.47c-.985-.957.13-1.743.387-1.836.27-.098.094-.433-.778-.428-.872.003-1.67.295-2.687.685a3 3 0 0 1-.465.136 9.6 9.6 0 0 0-2.883-.101c-1.885.21-3.39 1.1-4.497 2.622C.082 8.776-.231 10.854.152 13.02c.403 2.284 1.568 4.175 3.36 5.653 1.857 1.533 3.997 2.284 6.438 2.14 1.482-.085 3.132-.284 4.994-1.86.47.234.962.328 1.78.398.629.058 1.235-.031 1.705-.129.735-.155.684-.836.418-.961-2.155-1.004-1.682-.595-2.112-.926 1.095-1.295 2.768-3.598 3.284-6.733.05-.346.115-.834.108-1.114-.004-.171.035-.238.23-.257a4.2 4.2 0 0 0 1.545-.475c1.397-.763 1.96-2.016 2.093-3.517.02-.23-.004-.467-.247-.588M11.58 18.168c-2.088-1.642-3.101-2.183-3.52-2.16-.39.024-.32.472-.234.763.09.288.207.487.371.74.114.167.192.416-.113.603-.673.416-1.842-.14-1.897-.168-1.361-.801-2.5-1.86-3.301-3.306-.775-1.393-1.225-2.888-1.299-4.482-.02-.385.094-.522.477-.592a4.7 4.7 0 0 1 1.53-.038c2.131.311 3.946 1.264 5.467 2.774.868.86 1.525 1.887 2.202 2.89.72 1.066 1.494 2.082 2.48 2.915.348.291.626.513.892.677-.802.09-2.14.109-3.055-.615zm1.001-6.44a.306.306 0 0 1 .415-.287.3.3 0 0 1 .113.074.3.3 0 0 1 .086.214c0 .17-.136.307-.308.307a.303.303 0 0 1-.306-.307m3.11 1.596c-.2.081-.4.151-.591.16a1.25 1.25 0 0 1-.798-.254c-.274-.23-.47-.358-.551-.758a1.7 1.7 0 0 1 .015-.588c.07-.327-.007-.537-.238-.727-.188-.156-.426-.199-.689-.199a.6.6 0 0 1-.254-.078.253.253 0 0 1-.114-.358 1 1 0 0 1 .192-.21c.356-.202.767-.136 1.146.016.352.144.618.408 1.001.782.392.451.462.576.685.915.176.264.336.536.446.848.066.194-.02.353-.25.45`,qwen:`M23.919 14.545 20.817 9.17l1.47-2.544a.56.56 0 0 0 0-.566l-1.633-2.83a.57.57 0 0 0-.49-.283h-6.207L12.487.402a.57.57 0 0 0-.49-.284H8.732a.56.56 0 0 0-.49.284L5.139 5.775h-2.94a.56.56 0 0 0-.49.284L.077 8.887a.56.56 0 0 0 0 .567L3.18 14.83l-1.47 2.545a.56.56 0 0 0 0 .566l1.634 2.83a.57.57 0 0 0 .49.283h6.205l1.47 2.545a.57.57 0 0 0 .49.284h3.266a.57.57 0 0 0 .49-.284l3.104-5.375h2.94a.57.57 0 0 0 .49-.283l1.634-2.828a.55.55 0 0 0-.004-.568M8.733.686l1.634 2.828-1.634 2.828H21.8L20.164 9.17H7.425L5.63 6.06Zm1.306 19.801-6.205-.002 1.634-2.83h3.265L2.201 6.344h3.267q3.182 5.517 6.367 11.032zm10.124-5.66L18.53 12l-6.532 11.315-1.634-2.83c2.129-3.673 4.25-7.351 6.373-11.028h3.592l3.102 5.374z`,"claude-code":`M20.998 10.949H24v3.102h-3v3.028h-1.487V20H18v-2.921h-1.487V20H15v-2.921H9V20H7.488v-2.921H6V20H4.487v-2.921H3V14.05H0V10.95h3V5h17.998v5.949zM6 10.949h1.488V8.102H6v2.847zm10.51 0H18V8.102h-1.49v2.847z`,codex:`M8.086.457a6.105 6.105 0 013.046-.415c1.333.153 2.521.72 3.564 1.7a.117.117 0 00.107.029c1.408-.346 2.762-.224 4.061.366l.063.03.154.076c1.357.703 2.33 1.77 2.918 3.198.278.679.418 1.388.421 2.126a5.655 5.655 0 01-.18 1.631.167.167 0 00.04.155 5.982 5.982 0 011.578 2.891c.385 1.901-.01 3.615-1.183 5.14l-.182.22a6.063 6.063 0 01-2.934 1.851.162.162 0 00-.108.102c-.255.736-.511 1.364-.987 1.992-1.199 1.582-2.962 2.462-4.948 2.451-1.583-.008-2.986-.587-4.21-1.736a.145.145 0 00-.14-.032c-.518.167-1.04.191-1.604.185a5.924 5.924 0 01-2.595-.622 6.058 6.058 0 01-2.146-1.781c-.203-.269-.404-.522-.551-.821a7.74 7.74 0 01-.495-1.283 6.11 6.11 0 01-.017-3.064.166.166 0 00.008-.074.115.115 0 00-.037-.064 5.958 5.958 0 01-1.38-2.202 5.196 5.196 0 01-.333-1.589 6.915 6.915 0 01.188-2.132c.45-1.484 1.309-2.648 2.577-3.493.282-.188.55-.334.802-.438.286-.12.573-.22.861-.304a.129.129 0 00.087-.087A6.016 6.016 0 015.635 2.31C6.315 1.464 7.132.846 8.086.457zm-.804 7.85a.848.848 0 00-1.473.842l1.694 2.965-1.688 2.848a.849.849 0 001.46.864l1.94-3.272a.849.849 0 00.007-.854l-1.94-3.393zm5.446 6.24a.849.849 0 000 1.695h4.848a.849.849 0 000-1.696h-4.848z`,opencode:`M22 24H2V0h20zM17 4.8H7v14.4h10z`,"gemini-cli":Ue},Ge=P(`<path fill="currentColor"></path>`),Ke=P(`<rect x="1.5" y="1.5" width="21" height="21" rx="6" fill="none" stroke="currentColor" stroke-width="1.8"></rect><text x="12" y="12.5" text-anchor="middle" dominant-baseline="central" fill="currentColor" font-weight="600" font-family="var(--sans)"> </text>`,1),qe=P(`<svg class="mark svelte-jlywqn" viewBox="0 0 24 24" role="img"><!></svg>`);function Je(e,t){B(t,!0);let n=j(t,`size`,3,16),r=x(()=>We[t.id]),o=x(()=>t.label.replace(/[^a-z ]/gi,``).split(` `).map(e=>e[0]).join(``).slice(0,2).toUpperCase());var s=qe();let l;var u=v(s),d=e=>{var t=Ge();U(()=>E(t,`d`,p(r))),i(e,t)},f=e=>{var t=Ke(),n=z(a(t)),r=c(n,!0);U(()=>{E(n,`font-size`,p(o).length>1?9:12),g(r,p(o))}),i(e,t)};H(u,e=>{p(r)?e(d):e(f,-1)}),M(s),U(()=>{E(s,`width`,n()),E(s,`height`,n()),E(s,`aria-label`,t.label),l=A(s,``,l,{color:t.colour})}),i(e,s),D()}var Ye=f(`<i class="dot svelte-eh60s9"></i>`),Xe=f(`<em class="svelte-eh60s9"> </em>`),Ze=f(`<span class="fill svelte-eh60s9"></span> <span class="label svelte-eh60s9"><!> <b class="svelte-eh60s9"> </b> <!></span> <span class="value num svelte-eh60s9"> </span>`,1),Qe=f(`<li><!></li>`),$e=f(`<ul class="bars svelte-eh60s9"></ul>`),et=f(`<p class="empty svelte-eh60s9"> </p>`);function tt(e,t){B(t,!0);let n=j(t,`active`,19,()=>[]),o=j(t,`empty`,3,`Nothing in this range`),s=x(()=>Math.max(1,...t.rows.map(e=>e.value)));var l=r(),u=a(l),d=e=>{var r=$e();h(r,21,()=>t.rows,e=>e.id,(e,r)=>{var o=Qe(),l=v(o);ie(l,()=>t.onpick?`button`:`div`,!1,(e,o)=>{S(e,(e,t)=>G?.(e,t),()=>p(r).hint);var l=()=>t.onpick?.(p(r).id);F(e,e=>({class:`row`,role:t.onpick?`button`:void 0,tabindex:t.onpick?0:void 0,onclick:l,[T]:{on:e}}),[()=>n().includes(p(r).id)],void 0,void 0,`svelte-eh60s9`);var u=Ze(),d=a(u),f=z(d,2),m=v(f),h=e=>{Je(e,{get id(){return p(r).mark},get label(){return p(r).label},get colour(){return p(r).colour},size:15})},_=e=>{var t=Ye();U(()=>A(t,`background: ${p(r).colour??``}`)),i(e,t)};H(m,e=>{p(r).mark?e(h):e(_,-1)});var y=z(m,2),b=c(y,!0),x=z(y,2),C=e=>{var t=Xe(),n=c(t,!0);U(()=>g(n,p(r).detail)),i(e,t)};H(x,e=>{p(r).detail&&e(C)}),M(f);var w=z(f,2),E=c(w,!0);U(()=>{A(d,`width: ${p(r).value/p(s)*100}%; background: ${p(r).colour??``}`),g(b,p(r).label),g(E,p(r).display)}),i(o,u)}),M(o),i(e,o)}),M(r),i(e,r)},f=e=>{var t=et(),n=c(t,!0);U(()=>g(n,o())),i(e,t)};H(u,e=>{t.rows.length?e(d):e(f,-1)}),i(e,l),D()}var nt=P(`<circle cx="70" cy="70" fill="none" stroke-width="18" transform="rotate(-90 70 70)" class="svelte-1o711x0"></circle>`),rt=f(`<div class="donut svelte-1o711x0"><svg viewBox="0 0 140 140" role="img" class="svelte-1o711x0"><circle cx="70" cy="70" fill="none" stroke="var(--surface-3)" stroke-width="18" class="svelte-1o711x0"></circle><!><text class="centre num svelte-1o711x0" x="70" y="66" text-anchor="middle"> </text><text class="sub svelte-1o711x0" x="70" y="84" text-anchor="middle"> </text></svg></div>`);function it(e,t){B(t,!0);let n=2*Math.PI*52,r=x(()=>{let e=t.slices.reduce((e,t)=>e+t.value,0)||1,r=0;return t.slices.map(t=>{let i=t.value/e*n,a={...t,length:i,offset:r,share:t.value/e*100};return r+=i,a})});var a=rt(),o=v(a),s=v(o);E(s,`r`,52);var l=z(s);h(l,17,()=>p(r),e=>e.id,(e,t)=>{var n=nt();E(n,`r`,52),S(n,(e,t)=>G?.(e,t),()=>`${p(t).label} - ${p(t).display} (${p(t).share.toFixed(1)}%)`),U(e=>{E(n,`stroke`,p(t).colour),E(n,`stroke-dasharray`,`${e??``} 326.7256359733385`),E(n,`stroke-dashoffset`,-p(t).offset)},[()=>Math.max(0,p(t).length-2)]),i(e,n)});var u=z(l),d=c(u,!0),f=z(u),m=c(f,!0);M(o),M(a),U(()=>{E(o,`aria-label`,t.caption),g(d,t.centre),g(m,t.caption)}),i(e,a),D()}var at=f(`<span class="svelte-1qwkpf0"></span>`),ot=f(`<li class="svelte-1qwkpf0"><i class="svelte-1qwkpf0"></i> <span class="name svelte-1qwkpf0"> </span> <span class="value num svelte-1qwkpf0"> </span> <span class="share num svelte-1qwkpf0"> </span></li>`),st=f(`<div class="split svelte-1qwkpf0"><div class="bar svelte-1qwkpf0"></div> <ul class="svelte-1qwkpf0"></ul></div>`);function ct(e,t){B(t,!0);let n=x(()=>t.parts.reduce((e,t)=>e+t.value,0)||1);var o=st(),s=v(o);h(s,21,()=>t.parts,e=>e.id,(e,t)=>{var o=r(),s=a(o),c=e=>{var r=at();S(r,(e,t)=>G?.(e,t),()=>`${p(t).label} - ${p(t).display} (${(p(t).value/p(n)*100).toFixed(1)}%)`),U(()=>A(r,`flex: ${p(t).value??``}; background: ${p(t).colour??``}`)),i(e,r)};H(s,e=>{p(t).value>0&&e(c)}),i(e,o)}),M(s);var l=z(s,2);h(l,21,()=>t.parts,e=>e.id,(e,t)=>{var r=ot(),a=v(r),o=z(a,2),s=c(o,!0),l=z(o,2),u=c(l,!0),d=z(l,2),f=c(d);M(r),S(r,(e,t)=>G?.(e,t),()=>p(t).hint),U(e=>{A(a,`background: ${p(t).colour??``}`),g(s,p(t).label),g(u,p(t).display),g(f,`${e??``}%`)},[()=>(p(t).value/p(n)*100).toFixed(1)]),i(e,r)}),M(l),M(o),i(e,o),D()}var lt=f(`<i class="svelte-13d36y"></i>`),ut=f(`<span class="day svelte-13d36y"> </span> <div class="hours svelte-13d36y"></div>`,1),dt=f(`<span> </span>`),ft=f(`<div class="clock svelte-13d36y"><div class="rows svelte-13d36y"></div> <div class="scale svelte-13d36y"><!> <span>23</span></div></div>`);function pt(e,t){B(t,!0);let r=[`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`,`Sun`],o=x(()=>{let e=new Map;for(let n of t.points){let t=(n.day+6)%7;e.set(`${t}-${n.hour}`,(e.get(`${t}-${n.hour}`)??0)+n.total)}return e}),s=x(()=>Math.max(1,...p(o).values())),l=e=>e?.32+.68*Math.sqrt(e/p(s)):0;var u=ft(),d=v(u);h(d,22,()=>r,e=>e,(e,t,r)=>{var s=ut(),u=a(s),d=c(u,!0),f=z(u,2);h(f,20,()=>Array(24),n,(e,n,a)=>{let s=x(()=>p(o).get(`${p(r)}-${a}`)??0);var c=lt();S(c,(e,t)=>G?.(e,t),()=>`${t} ${String(a).padStart(2,`0`)}:00 - ${p(s)?`${J(p(s))} tokens`:`nothing`}`),U(e=>A(c,`--dot: ${e??``}`),[()=>l(p(s))]),i(e,c)}),M(f),U(()=>g(d,t)),i(e,s)}),M(d);var f=z(d,2),m=v(f);h(m,16,()=>[0,6,12,18],e=>e,(e,t)=>{var n=dt(),r=c(n,!0);U(e=>g(r,e),[()=>String(t).padStart(2,`0`)]),i(e,n)}),ee(2),M(f),M(u),i(e,u),D()}var mt=f(`<div><div class="top svelte-tlhxud"><span class="name svelte-tlhxud"> </span> <span class="num pct svelte-tlhxud"> </span></div> <div class="track svelte-tlhxud" role="meter" aria-valuemin="0" aria-valuemax="100"><span class="svelte-tlhxud"></span></div> <span class="reset svelte-tlhxud"><!></span></div>`);function ht(t,n){B(n,!0);let r=x(()=>!!n.window.resets_at&&n.window.resets_at<Date.now()),a=x(()=>p(r)?`text-faint`:n.window.used_percent>=90?`bad`:n.window.used_percent>=70?`warn`:`good`),o=x(()=>[n.window.detail,n.window.resets_at?`resets ${Se(n.window.resets_at)}`:``,`seen ${Se(n.window.seen_at)}`].filter(Boolean).join(` - `));var s=mt();let l;var u=v(s),d=v(u),f=c(d,!0),m=z(d,2),h=c(m);M(u);var _=z(u,2),y=c(_),b=z(_,2),C=v(b),w=t=>{var r=e();U(e=>g(r,`window has turned over, last read ${e??``}`),[()=>Se(n.window.seen_at)]),i(t,r)},T=t=>{var r=e();U(e=>g(r,`resets ${e??``}`),[()=>Se(n.window.resets_at)]),i(t,r)};H(C,e=>{p(r)?e(w):n.window.resets_at&&e(T,1)}),M(b),M(s),S(s,(e,t)=>G?.(e,t),()=>p(o)),U((e,t,i)=>{l=k(s,1,`meter svelte-tlhxud`,null,l,{stale:p(r)}),g(f,n.window.label),A(m,`color: var(--${p(a)??``})`),g(h,`${e??``}%`),E(_,`aria-valuenow`,t),E(_,`aria-label`,n.window.label),A(y,`width: ${i??``}%; background: var(--${p(a)??``})`)},[()=>Math.round(n.window.used_percent),()=>Math.round(n.window.used_percent),()=>Math.min(100,n.window.used_percent)]),i(t,s),D()}var gt=[{id:`anthropic`,label:`Anthropic`,colour:`#d97757`},{id:`openai`,label:`OpenAI`,colour:`#10a37f`},{id:`google`,label:`Google`,colour:`#4285f4`},{id:`meta`,label:`Meta`,colour:`#0668e1`},{id:`mistral`,label:`Mistral`,colour:`#fa520f`},{id:`xai`,label:`xAI`,colour:`#7c7c8a`},{id:`deepseek`,label:`DeepSeek`,colour:`#4d6bfe`},{id:`qwen`,label:`Qwen`,colour:`#a855f7`},{id:`unknown`,label:`Other`,colour:`#8b93a7`}],_t=[[/^claude/,`anthropic`],[/^(gpt|codex|o[1-4]-|chatgpt|text-embedding)/,`openai`],[/^(gemini|gemma|palm)/,`google`],[/^(llama|code-?llama)/,`meta`],[/^(mistral|mixtral|codestral|magistral|devstral)/,`mistral`],[/^grok/,`xai`],[/^deepseek/,`deepseek`],[/^(qwen|qwq)/,`qwen`]];function vt(e){let t=e.includes(`/`)?e.slice(e.indexOf(`/`)+1):e,n=e.includes(`/`)?e.slice(0,e.indexOf(`/`)).toLowerCase():``;return gt.some(e=>e.id===n)?n:_t.find(([e])=>e.test(t.toLowerCase()))?.[1]??`unknown`}var yt=e=>gt.find(t=>t.id===e)??gt[gt.length-1],bt=[{id:`claude-code`,label:`Claude Code`,colour:`#d97757`,home:`https://claude.com/claude-code`},{id:`codex`,label:`Codex`,colour:`#10a37f`,home:`https://developers.openai.com/codex`},{id:`opencode`,label:`OpenCode`,colour:`#f5a524`,home:`https://opencode.ai`},{id:`gemini-cli`,label:`Gemini CLI`,colour:`#4285f4`,home:`https://github.com/google-gemini/gemini-cli`}],xt=e=>bt.find(t=>t.id===e)??{id:e,label:e,colour:`#8b93a7`,home:``},St=f(`<tr class="svelte-1uqtl83"><td class="svelte-1uqtl83"><span class="tool svelte-1uqtl83"><!> <span class="id mono svelte-1uqtl83"> </span></span></td><td class="svelte-1uqtl83"><button type="button" class="link svelte-1uqtl83"> </button></td><td class="models svelte-1uqtl83"> </td><td class="svelte-1uqtl83"> </td><td class="right num svelte-1uqtl83"> </td></tr>`),Ct=f(`<div class="scroll svelte-1uqtl83"><table class="svelte-1uqtl83"><thead><tr><th scope="col" class="svelte-1uqtl83">Session</th><th scope="col" class="svelte-1uqtl83">Project</th><th scope="col" class="svelte-1uqtl83">Models</th><th scope="col" class="svelte-1uqtl83">Ran</th><th scope="col" class="right svelte-1uqtl83"> </th></tr></thead><tbody class="svelte-1uqtl83"></tbody></table></div>`),wt=f(`<p class="empty svelte-1uqtl83">No sessions in this range</p>`);function Tt(e,t){B(t,!0);var n=r(),o=a(n),s=e=>{var n=Ct(),r=v(n),a=v(r),o=v(a),s=z(v(o),4),l=c(s,!0);M(o),M(a);var d=z(a);h(d,21,()=>t.rows,e=>e.id,(e,n)=>{let r=x(()=>xt(p(n).tool));var a=St(),o=v(a),s=v(o),l=v(s);Je(l,{get id(){return p(n).tool},get label(){return p(r).label},get colour(){return p(r).colour},size:14});var d=z(l,2),f=c(d,!0);S(d,(e,t)=>G?.(e,t),()=>p(n).id),M(s),M(o);var m=z(o),h=v(m),_=c(h,!0);S(h,(e,t)=>G?.(e,t),()=>p(n).project||`unknown`),M(m);var y=z(m),b=c(y,!0),C=z(y),w=c(C,!0);S(C,(e,t)=>G?.(e,t),()=>`${Ce(p(n).started)} for ${we(p(n).ended-p(n).started)}`);var T=z(C),E=c(T,!0);M(a),U((e,t,n,r,i)=>{g(f,e),g(_,t),g(b,n),g(w,r),g(E,i)},[()=>p(n).id.slice(0,8),()=>Te(p(n).project),()=>p(n).models.split(`, `).map(Ee).join(`, `),()=>Ce(p(n).ended),()=>t.metric===`cost`?X(p(n).cost):J(p(n).total)]),u(`click`,h,()=>t.onpick?.(p(n).project)),i(e,a)}),M(d),M(r),M(n),U(()=>g(l,t.metric===`cost`?`Est. cost`:`Tokens`)),i(e,n)},l=e=>{var t=wt();i(e,t)};H(o,e=>{t.rows.length?e(s):e(l,-1)}),i(e,n),D()}N([`click`]);var Et=f(`<span class="hint svelte-1vaf4tg"> </span>`),Dt=f(`<li class="svelte-1vaf4tg"><div class="svelte-1vaf4tg"><b class="svelte-1vaf4tg"> </b> <span class="svelte-1vaf4tg"> </span> <!> <time class="svelte-1vaf4tg"> </time></div> <button type="button" class="close svelte-1vaf4tg" aria-label="Dismiss"><svg viewBox="0 0 16 16" width="13" height="13" aria-hidden="true"><path d="M4 4l8 8M12 4l-8 8" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"></path></svg></button></li>`),Ot=f(`<ul class="svelte-1vaf4tg"></ul>`),kt=f(`<aside aria-live="polite"><button type="button" class="head svelte-1vaf4tg"><svg viewBox="0 0 16 16" width="15" height="15" aria-hidden="true"><circle cx="8" cy="8" r="6.6" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path d="M8 4.6v4.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"></path><circle cx="8" cy="11.4" r="0.9" fill="currentColor"></circle></svg> <span class="svelte-1vaf4tg"> </span> <em class="svelte-1vaf4tg"> </em></button> <!></aside>`);function At(e,t){B(t,!0);let n=y(s([])),o=y(!1),l=x(()=>t.problems.filter(e=>!p(n).includes(e.id))),d=x(()=>p(l).some(e=>e.level===`error`)?`error`:p(l).some(e=>e.level===`warn`)?`warn`:`info`);var f=r(),m=a(f),_=e=>{var t=kt(),r=v(t),a=z(v(r),2),s=c(a,!0),f=z(a,2),m=c(f,!0);M(r);var _=z(r,2),y=e=>{var t=Ot();h(t,21,()=>p(l),e=>e.id,(e,t)=>{var r=Dt(),a=v(r),o=v(a),s=c(o,!0),l=z(o,2),d=c(l,!0),f=z(l,2),m=e=>{var n=Et(),r=c(n,!0);U(()=>g(r,p(t).hint)),i(e,n)};H(f,e=>{p(t).hint&&e(m)});var h=z(f,2),_=c(h,!0);M(a);var y=z(a,2);M(r),U(e=>{g(s,p(t).scope),g(d,p(t).message),g(_,e)},[()=>Se(p(t).at)]),u(`click`,y,()=>b(n,[...p(n),p(t).id],!0)),i(e,r)}),M(t),i(e,t)};H(_,e=>{p(o)&&e(y)}),M(t),U(()=>{k(t,1,`problems ${p(d)??``}`,`svelte-1vaf4tg`),E(r,`aria-expanded`,p(o)),g(s,p(l).length===1?p(l)[0].message:`${p(l).length} things need a look`),g(m,p(o)?`Hide`:`Details`)}),u(`click`,r,()=>b(o,!p(o))),i(e,t)};H(m,e=>{p(l).length&&e(_)}),i(e,f),D()}N([`click`]);var jt=[{id:`today`,label:`Today`,days:1},{id:`7d`,label:`7 days`,days:7},{id:`30d`,label:`30 days`,days:30},{id:`90d`,label:`90 days`,days:90},{id:`1y`,label:`12 months`,days:365},{id:`all`,label:`All time`,days:0}],Mt=e=>jt.find(t=>t.id===e)?.label??`30 days`,Q=(e,t)=>({input:e,output:t,cacheRead:e*.1,cacheWrite:e*1.25}),$=(e,t)=>({input:e,output:t,cacheRead:e*.1,cacheWrite:0}),Nt={"claude-fable-5":Q(10,50),"claude-opus-5":Q(5,25),"claude-opus-4-8":Q(5,25),"claude-opus-4-7":Q(5,25),"claude-opus-4-6":Q(5,25),"claude-opus-4-5":Q(5,25),"claude-opus-4-1":Q(15,75),"claude-sonnet-5":Q(3,15),"claude-sonnet-4-6":Q(3,15),"claude-sonnet-4-5":Q(3,15),"claude-sonnet-4":Q(3,15),"claude-haiku-4-5":Q(1,5),"claude-3-5-haiku":Q(.8,4),"gpt-5.6-sol-pro":$(2.5,15),"gpt-5.6-sol":$(2.5,15),"gpt-5.6-terra":$(2,12),"gpt-5.6-luna":$(.2,1.2),"gpt-5":$(1.25,10),"gpt-5-mini":$(.25,2),"gpt-5-nano":$(.05,.4),"gpt-4.1":$(2,8),"gpt-4o":$(2.5,10),"gemini-3-pro":$(2,12),"gemini-2.5-pro":$(1.25,10),"gemini-2.5-flash":$(.3,2.5)},Pt=f(`<option> </option>`),Ft=f(`<li class="svelte-anx9w7"><div><b class="svelte-anx9w7"> </b> <code class="svelte-anx9w7"> </code></div> <span> </span></li>`),It=f(`<code class="svelte-anx9w7"> </code> `,1),Lt=f(`<li class="svelte-anx9w7"><code class="svelte-anx9w7"> </code> <span class="num"> </span> <button type="button" class="svelte-anx9w7">Remove</button></li>`),Rt=f(`<ul class="prices svelte-anx9w7"></ul>`),zt=f(`<dialog class="svelte-anx9w7"><header class="svelte-anx9w7"><h2 class="svelte-anx9w7">Settings</h2> <button type="button" class="close svelte-anx9w7" aria-label="Close settings"><svg viewBox="0 0 16 16" width="15" height="15" aria-hidden="true"><path d="M4 4l8 8M12 4l-8 8" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"></path></svg></button></header> <div class="body svelte-anx9w7"><section class="svelte-anx9w7"><h3 class="svelte-anx9w7">Appearance</h3> <label class="field svelte-anx9w7"><span>Theme</span> <select class="svelte-anx9w7"><option>Match the system</option><option>Light</option><option>Dark</option></select></label> <label class="field svelte-anx9w7"><span>Range on open</span> <select class="svelte-anx9w7"></select></label> <label class="field svelte-anx9w7"><span>Headline measure</span> <select class="svelte-anx9w7"><option>Tokens</option><option>Estimated cost</option></select></label></section> <section class="svelte-anx9w7"><h3 class="svelte-anx9w7">Data</h3> <ul class="sources svelte-anx9w7"></ul> <p class="note svelte-anx9w7">Point these somewhere else with <!>. History lives in <code class="svelte-anx9w7"> </code> and outlives the transcripts, which most tools prune.</p> <label class="field svelte-anx9w7"><span>Rescan every</span> <select class="svelte-anx9w7"><option>30 seconds</option><option>2 minutes</option><option>10 minutes</option><option>an hour</option></select></label> <label class="check svelte-anx9w7"><input type="checkbox" class="svelte-anx9w7"/> <span>Ask Anthropic for your 5-hour and 7-day windows <em class="svelte-anx9w7">Reads the Claude Code credentials on this machine. Nothing else leaves it.</em></span></label> <div class="row svelte-anx9w7"><button type="button" class="action svelte-anx9w7">Rescan now</button> <span class="note svelte-anx9w7"> </span></div></section> <section class="svelte-anx9w7"><h3 class="svelte-anx9w7">Prices</h3> <p class="note svelte-anx9w7"> </p> <!> <div class="add svelte-anx9w7"><input placeholder="model id" class="svelte-anx9w7"/> <input placeholder="in" inputmode="decimal" class="svelte-anx9w7"/> <input placeholder="out" inputmode="decimal" class="svelte-anx9w7"/> <button type="button" class="action svelte-anx9w7">Add</button></div></section></div></dialog>`);function Bt(e,n){B(n,!0);let r=j(n,`open`,15),o,s=y(``),l=y(``),f=y(``);t(()=>{r()&&!o.open&&o.showModal(),!r()&&o.open&&o.close()});let m=x(()=>Object.entries(n.saved.prices));function _(){let e=Number(p(l)),t=Number(p(f));p(s).trim()&&Number.isFinite(e)&&Number.isFinite(t)&&(n.onsave({prices:{...n.saved.prices,[p(s).trim()]:{input:e,output:t,cacheRead:e*.1,cacheWrite:e*1.25}}}),b(s,``),b(l,``),b(f,``))}function S(e){let t={...n.saved.prices};delete t[e],n.onsave({prices:t})}let T={"claude-code":`AIUSAGE_CLAUDE_DIR`,codex:`AIUSAGE_CODEX_DIR`,opencode:`AIUSAGE_OPENCODE_DIR`};var E=zt(),A=v(E),N=z(v(A),2);M(A);var P=z(A,2),F=v(P),L=z(v(F),2),V=z(v(L),2),re=v(V);re.value=re.__value=`auto`;var ie=z(re);ie.value=ie.__value=`light`;var ae=z(ie);ae.value=ae.__value=`dark`,M(V);var W;R(V),M(L);var oe=z(L,2),G=z(v(oe),2);h(G,21,()=>jt,e=>e.id,(e,t)=>{var n=Pt(),r=c(n,!0),a={};U(()=>{g(r,p(t).label),a!==(a=p(t).id)&&(n.value=(n.__value=a)??``)}),i(e,n)}),M(G);var se;R(G),M(oe);var ce=z(oe,2),K=z(v(ce),2),le=v(K);le.value=le.__value=`tokens`;var ue=z(le);ue.value=ue.__value=`cost`,M(K);var de;R(K),M(ce),M(F);var fe=z(F,2),pe=z(v(fe),2);h(pe,21,()=>n.sources,e=>e.id,(e,t)=>{var n=Ft(),r=v(n),a=v(r),o=c(a,!0),s=z(a,2),l=c(s,!0);M(r);var u=z(r,2);let d;var f=c(u,!0);M(n),U(()=>{g(o,p(t).label),g(l,p(t).root),d=k(u,1,`badge svelte-anx9w7`,null,d,{on:p(t).present}),g(f,p(t).present?`${p(t).files} files`:`not found`)}),i(e,n)}),M(pe);var me=z(pe,2),he=z(v(me));h(he,19,()=>n.sources,e=>e.id,(e,t,r)=>{var o=It(),s=a(o),l=c(s,!0),u=z(s,1,!0);U(()=>{g(l,T[p(t).id]??p(t).id),g(u,p(r)<n.sources.length-1?`, `:``)}),i(e,o)});var ge=z(he,2),_e=c(ge,!0);ee(),M(me);var ve=z(me,2),q=z(v(ve),2),J=v(q);J.value=J.__value=`30`;var Y=z(J);Y.value=Y.__value=`120`;var X=z(Y);X.value=X.__value=`600`;var ye=z(X);ye.value=ye.__value=`3600`,M(q);var be;R(q),M(ve);var xe=z(ve,2),Z=v(xe);ne(Z),ee(2),M(xe);var Ce=z(xe,2),we=v(Ce),Te=z(we,2),Ee=c(Te);M(Ce),M(fe);var De=z(fe,2),Oe=z(v(De),2),ke=c(Oe),Ae=z(Oe,2),je=e=>{var t=Rt();h(t,21,()=>p(m),([e,t])=>e,(e,t)=>{var n=x(()=>w(p(t),2));let r=()=>p(n)[0],a=()=>p(n)[1];var o=Lt(),s=v(o),l=c(s,!0),d=z(s,2),f=c(d),m=z(d,2);M(o),U(()=>{g(l,r()),g(f,`in ${a().input??``} / out ${a().output??``}`)}),u(`click`,m,()=>S(r())),i(e,o)}),M(t),i(e,t)};H(Ae,e=>{p(m).length&&e(je)});var Me=z(Ae,2),Ne=v(Me);ne(Ne);var Pe=z(Ne,2);ne(Pe);var Fe=z(Pe,2);ne(Fe);var Ie=z(Fe,2);M(Me),M(De),M(P),M(E),C(E,e=>o=e,()=>o),U((e,t,r)=>{W!==(W=n.saved.theme)&&(V.value=(V.__value=W)??``,I(V,W)),se!==(se=n.saved.range)&&(G.value=(G.__value=se)??``,I(G,se)),de!==(de=n.saved.metric)&&(K.value=(K.__value=de)??``,I(K,de)),g(_e,n.dbPath),be!==(be=e)&&(q.value=(q.__value=be)??``,I(q,be)),O(Z,n.saved.claudeWindows),g(Ee,`Last scan ${t??``}`),g(ke,`Dollars per million tokens. ${r??``} models are priced out of the box; anything
2
- you add here wins, and an unknown model is reported rather than counted as free.`)},[()=>String(n.saved.scanIntervalSec),()=>Se(n.scannedAt),()=>Object.keys(Nt).length]),d(`close`,E,()=>r(!1)),u(`click`,N,()=>r(!1)),u(`change`,V,e=>n.onsave({theme:e.currentTarget.value})),u(`change`,G,e=>n.onsave({range:e.currentTarget.value})),u(`change`,K,e=>n.onsave({metric:e.currentTarget.value})),u(`change`,q,e=>n.onsave({scanIntervalSec:Number(e.currentTarget.value)})),u(`change`,Z,e=>n.onsave({claudeWindows:e.currentTarget.checked})),u(`click`,we,function(...e){n.onrescan?.apply(this,e)}),te(Ne,()=>p(s),e=>b(s,e)),te(Pe,()=>p(l),e=>b(l,e)),te(Fe,()=>p(f),e=>b(f,e)),u(`click`,Ie,_),i(e,E),D()}N([`click`,`change`]);var Vt=P(`<rect width="4" height="4" rx="1.2" fill="var(--accent-text)"></rect>`),Ht=P(`<svg class="logo svelte-nck4wt" viewBox="0 0 32 32" role="img" aria-label="AI usage dashboard"><rect width="32" height="32" rx="8" fill="var(--accent)"></rect><!></svg>`);function Ut(e,t){B(t,!0);let n=j(t,`size`,3,28),r=[0,1,2,3].flatMap(e=>[0,1,2,3].map(t=>({row:e,column:t,heat:(t+(3-e))/6})));var a=Ht(),o=z(v(a));h(o,17,()=>r,e=>`${e.row}-${e.column}`,(e,t)=>{var n=Vt();U(e=>{E(n,`x`,5+p(t).column*6),E(n,`y`,5+p(t).row*6),E(n,`opacity`,e)},[()=>(.22+p(t).heat*.78).toFixed(2)]),i(e,n)}),M(a),U(()=>{E(a,`width`,n()),E(a,`height`,n())}),i(e,a),D()}var Wt=f(`<button type="button" class="reset svelte-1uha8ag">Clear filters</button>`),Gt=f(`<div class="meters svelte-1uha8ag"></div>`),Kt=f(`<p class="empty svelte-1uha8ag">No plan windows yet. Sign in with Claude Code or run Codex once and they turn up here.</p>`),qt=f(`<li class="svelte-1uha8ag"><!> <span class="svelte-1uha8ag"> </span> <b class="num svelte-1uha8ag"> </b></li>`),Jt=f(`<div class="share svelte-1uha8ag"><!> <ul class="key svelte-1uha8ag"></ul></div>`),Yt=f(`<!> <p class="aside svelte-1uha8ag"> </p>`,1),Xt=f(`<header class="bar svelte-1uha8ag"><a class="brand svelte-1uha8ag" href="/"><!> <span>AI usage</span></a> <div class="filters svelte-1uha8ag"><!> <!> <!> <!> <!> <!></div> <div class="tools svelte-1uha8ag"><button type="button" aria-label="Rescan now"><svg viewBox="0 0 16 16" width="16" height="16" aria-hidden="true" class="svelte-1uha8ag"><path d="M13.4 7A5.5 5.5 0 1 0 12.6 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M13.8 3.4v3.8h-3.8" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button> <button type="button" class="icon svelte-1uha8ag" aria-label="Settings"><svg viewBox="0 0 16 16" width="16" height="16" aria-hidden="true"><circle cx="8" cy="8" r="2.3" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path d="M8 1.6v1.8M8 12.6v1.8M14.4 8h-1.8M3.4 8H1.6M12.5 3.5l-1.3 1.3M4.8 11.2l-1.3 1.3M12.5 12.5l-1.3-1.3M4.8 4.8 3.5 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg></button></div></header> <main class="svelte-1uha8ag"><!> <div class="grid svelte-1uha8ag"><!> <!> <!> <!> <!> <!> <!> <!> <!></div> <footer class="svelte-1uha8ag"><span>Reads the transcripts already on this machine. Nothing is sent anywhere.</span> <span><!> </span></footer></main> <!> <!>`,1);function Zt(n,d){B(d,!0);let f=l(()=>d.data),_=y(s(f.usage)),C=y(s(f.settings)),w=y(!1),T=y(!1),E=y(s(f.usage.filters.range)),O=y(s(f.usage.filters.tools)),A=y(s(f.usage.filters.models)),j=y(s(f.usage.filters.projects)),N=y(s(f.settings.metric)),P=y(`tool`),F=y(`share`),I=y(`measure`),L=x(()=>new URLSearchParams({range:p(E),tools:p(O).join(`,`),models:p(A).join(`,`),projects:p(j).join(`,`)}).toString()),R=l(()=>p(L));async function te(e){b(w,!0);try{let t=await fetch(`/api/usage?${e}`);t.ok&&b(_,await t.json(),!0)}finally{b(w,!1)}}t(()=>{p(L)!==R&&(R=p(L),ae(`?${p(L)}`,{}),te(p(L)))}),t(()=>{let e=setInterval(()=>void te(R),3e4);return()=>clearInterval(e)}),t(()=>{let e=p(C).theme;document.documentElement.dataset.theme=e===`auto`?``:e});async function ne(e){let t=await fetch(`/api/settings`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify(e)});t.ok&&b(C,await t.json(),!0)}async function re(){b(w,!0);try{let e=await fetch(`/api/refresh?${R}`,{method:`POST`});e.ok&&b(_,await e.json(),!0)}finally{b(w,!1)}}let ie=(e,t)=>e.includes(t)?e.filter(e=>e!==t):[...e,t],W=e=>p(N)===`cost`?e.cost??0:e.total,oe=e=>p(N)===`cost`?X(e):J(e),se=x(()=>new Set(p(_).series.filter(e=>e.total>0).map(e=>e.day)).size),ce=x(()=>p(_).byTool.map(e=>({id:e.key,label:xt(e.key).label,colour:xt(e.key).colour}))),le=x(()=>p(_).byModel.map(e=>({id:e.key,label:Ee(e.key),colour:yt(vt(e.key)).colour}))),ue=x(()=>p(P)===`tool`?p(ce):p(le)),fe=x(()=>p(_).byModel.map(e=>{let t=yt(vt(e.key));return{id:e.key,label:Ee(e.key),detail:t.label,value:W(e),display:oe(W(e)),colour:t.colour,mark:t.id,hint:`${e.key} - ${Y(e.total)} tokens over ${Y(e.events)} requests, ${X(e.cost)} estimated`}})),pe=x(()=>p(_).byProject.map(e=>({id:e.key,label:Te(e.key),detail:``,value:p(I)===`sessions`?e.sessions:W(e),display:p(I)===`sessions`?Y(e.sessions):oe(W(e)),colour:`var(--accent)`,hint:`${e.key||`unknown`} - ${Y(e.total)} tokens, ${Y(e.sessions)} sessions`}))),me=x(()=>p(_).sources.map(e=>{let t=p(_).byTool.find(t=>t.key===e.id),n=xt(e.id);return{id:e.id,label:n.label,detail:t?`${Y(t.sessions)} sessions`:`not found`,value:t?W(t):0,display:t?oe(W(t)):`--`,colour:n.colour,mark:e.id,hint:e.present?`${Y(e.files)} files under ${e.root}`:`Nothing at ${e.root}`}})),he=x(()=>[{id:`input`,label:`Input`,value:p(_).totals.tokens.input,display:J(p(_).totals.tokens.input),colour:`var(--ramp-4)`,hint:`Fresh prompt tokens, billed at full rate`},{id:`output`,label:`Output`,value:p(_).totals.tokens.output,display:J(p(_).totals.tokens.output),colour:`var(--ramp-2)`,hint:`Everything the model wrote back, ${J(p(_).totals.reasoning)} of it reasoning`},{id:`cache_read`,label:`Cache read`,value:p(_).totals.tokens.cache_read,display:J(p(_).totals.tokens.cache_read),colour:`var(--ramp-1)`,hint:`Context served from cache, usually a tenth of the input price`},{id:`cache_write`,label:`Cache write`,value:p(_).totals.tokens.cache_write,display:J(p(_).totals.tokens.cache_write),colour:`var(--ramp-3)`,hint:`Putting context into the cache, a premium on the input price`}]),ge=x(()=>p(_).totals.total?p(_).totals.tokens.cache_read/p(_).totals.total*100:0);var _e=Xt();V(`1uha8ag`,e=>{m(()=>{o.title=`AI usage dashboard`})});var q=a(_e),ye=v(q);Ut(v(ye),{}),ee(2),M(ye);var be=z(ye,2),xe=v(be);{let e=x(()=>jt.map(e=>({id:e.id,label:e.label})));de(xe,{get options(){return p(e)},label:`Date range`,size:`sm`,get value(){return p(E)},set value(e){b(E,e,!0)}})}var Z=z(xe,2);de(Z,{options:[{id:`tokens`,label:`Tokens`},{id:`cost`,label:`Est. cost`,hint:`At published API rates. Your subscription is billed separately.`}],label:`Measure`,size:`sm`,get value(){return p(N)},set value(e){b(N,e,!0)}});var Ce=z(Z,2);ve(Ce,{label:`Tools`,get options(){return p(_).options.tools},format:e=>xt(e).label,get selected(){return p(O)},set selected(e){b(O,e,!0)}});var we=z(Ce,2);ve(we,{label:`Models`,get options(){return p(_).options.models},get format(){return Ee},get selected(){return p(A)},set selected(e){b(A,e,!0)}});var De=z(we,2);ve(De,{label:`Projects`,get options(){return p(_).options.projects},get format(){return Te},get selected(){return p(j)},set selected(e){b(j,e,!0)}});var Oe=z(De,2),ke=e=>{var t=Wt();u(`click`,t,()=>{b(O,[],!0),b(A,[],!0),b(j,[],!0)}),i(e,t)};H(Oe,e=>{(p(O).length||p(A).length||p(j).length)&&e(ke)}),M(be);var Ae=z(be,2),Me=v(Ae);let Ne;S(Me,(e,t)=>G?.(e,t),()=>`Last scan ${Se(p(_).scannedAt)}`);var Pe=z(Me,2);S(Pe,(e,t)=>G?.(e,t),()=>`Settings`),M(Ae),M(q);var Fe=z(q,2),Ie=v(Fe);{let e=x(()=>Mt(p(_).filters.range));je(Ie,{get totals(){return p(_).totals},get previous(){return p(_).previous},get activeDays(){return p(se)},get rangeLabel(){return p(e)}})}var Re=z(Ie,2),ze=v(Re);K(ze,{title:`Every day so far`,span:8,hint:`One square per day, whatever range is picked above. Outlined days are before your records start.`,children:(e,t)=>{Le(e,{get days(){return p(_).calendar},get metric(){return p(N)},get oldest(){return p(_).oldest}})},$$slots:{default:!0}});var Be=z(ze,2);K(Be,{title:`Plan windows`,span:4,hint:`Straight from each account, not worked out from tokens`,children:(e,t)=>{var n=r(),o=a(n),s=e=>{var t=Gt();h(t,21,()=>p(_).windows,e=>e.id,(e,t)=>{ht(e,{get window(){return p(t)}})}),M(t),i(e,t)},c=e=>{var t=Kt();i(e,t)};H(o,e=>{p(_).windows.length?e(s):e(c,-1)}),i(e,n)},$$slots:{default:!0}});var Ve=z(Be,2);K(Ve,{title:`Day by day`,span:12,hint:`Stacked over the range you picked`,actions:e=>{de(e,{options:[{id:`tool`,label:`By tool`},{id:`model`,label:`By model`}],label:`Trend grouping`,size:`sm`,get value(){return p(P)},set value(e){b(P,e,!0)}})},children:(e,t)=>{{let t=x(()=>p(P)===`tool`?p(_).series:p(_).seriesByModel);He(e,{get series(){return p(t)},get keys(){return p(ue)},get metric(){return p(N)}})}},$$slots:{actions:!0,default:!0}});var Ue=z(Ve,2);K(Ue,{title:`Models`,span:5,hint:`Click one to filter the whole page by it`,actions:e=>{de(e,{options:[{id:`share`,label:`Share`},{id:`list`,label:`Ranked`}],label:`Model view`,size:`sm`,get value(){return p(F)},set value(e){b(F,e,!0)}})},children:(e,t)=>{var n=r(),o=a(n),s=e=>{var t=Jt(),n=v(t);{let e=x(()=>p(fe).map(e=>({id:e.id,label:e.label,value:e.value,colour:e.colour,display:e.display}))),t=x(()=>oe(W(p(_).totals))),r=x(()=>p(N)===`cost`?`estimated`:`tokens`);it(n,{get slices(){return p(e)},get centre(){return p(t)},get caption(){return p(r)}})}var r=z(n,2);h(r,21,()=>p(fe),e=>e.id,(e,t)=>{var n=qt(),r=v(n);Je(r,{get id(){return p(t).mark},get label(){return p(t).detail},get colour(){return p(t).colour},size:14});var a=z(r,2),o=c(a,!0),s=z(a,2),l=c(s,!0);M(n),U(()=>{g(o,p(t).label),g(l,p(t).display)}),i(e,n)}),M(r),M(t),i(e,t)},l=e=>{tt(e,{get rows(){return p(fe)},get active(){return p(A)},onpick:e=>b(A,ie(p(A),e),!0)})};H(o,e=>{p(F)===`share`?e(s):e(l,-1)}),i(e,n)},$$slots:{actions:!0,default:!0}});var We=z(Ue,2);K(We,{title:`Projects`,span:7,hint:`Where the work happened. Click one to filter.`,actions:e=>{{let t=x(()=>[{id:`measure`,label:p(N)===`cost`?`Est. cost`:`Tokens`},{id:`sessions`,label:`Sessions`}]);de(e,{get options(){return p(t)},label:`Project measure`,size:`sm`,get value(){return p(I)},set value(e){b(I,e,!0)}})}},children:(e,t)=>{{let t=x(()=>p(pe).slice(0,8));tt(e,{get rows(){return p(t)},get active(){return p(j)},onpick:e=>b(j,ie(p(j),e),!0)})}},$$slots:{actions:!0,default:!0}});var Ge=z(We,2);K(Ge,{title:`Where the tokens go`,span:4,hint:`Cache reads are cheap, cache writes are not. This is the split that decides the bill.`,children:(e,t)=>{var n=Yt(),r=a(n);ct(r,{get parts(){return p(he)}});var o=z(r,2),s=c(o);U(e=>g(s,`${e??``}% of everything counted was served from cache.`),[()=>p(ge).toFixed(0)]),i(e,n)},$$slots:{default:!0}});var Ke=z(Ge,2);K(Ke,{title:`When you work`,span:5,hint:`Local time, over the range above`,children:(e,t)=>{pt(e,{get points(){return p(_).clock}})},$$slots:{default:!0}});var qe=z(Ke,2);K(qe,{title:`Tools`,span:3,hint:`Click one to filter the whole page by it`,children:(e,t)=>{tt(e,{get rows(){return p(me)},get active(){return p(O)},onpick:e=>b(O,ie(p(O),e),!0)})},$$slots:{default:!0}}),K(z(qe,2),{title:`Recent sessions`,span:12,children:(e,t)=>{Tt(e,{get rows(){return p(_).sessions},get metric(){return p(N)},onpick:e=>b(j,ie(p(j),e),!0)})},$$slots:{default:!0}}),M(Re);var Ye=z(Re,2),Xe=z(v(Ye),2),Ze=v(Xe),Qe=t=>{var n=e();U(e=>g(n,`Records from ${e??``} ·`),[()=>new Date(p(_).oldest).toLocaleDateString(`en-GB`)]),i(t,n)};H(Ze,e=>{p(_).oldest&&e(Qe)});var $e=z(Ze);M(Xe),M(Ye),M(Fe);var et=z(Fe,2);At(et,{get problems(){return p(_).problems}}),Bt(z(et,2),{get saved(){return p(C)},get sources(){return p(_).sources},get dbPath(){return d.data.paths.db},get scannedAt(){return p(_).scannedAt},onsave:ne,onrescan:re,get open(){return p(T)},set open(e){b(T,e,!0)}}),U(e=>{Ne=k(Me,1,`icon svelte-1uha8ag`,null,Ne,{busy:p(w)}),g($e,` Scanned ${e??``}`)},[()=>Se(p(_).scannedAt)]),u(`click`,Me,re),u(`click`,Pe,()=>b(T,!0)),i(n,_e),D()}N([`click`]);export{Zt as component};