@omg-dev/app 0.5.1 → 0.6.2

package/dist-lib/{session-token-usage-BUz6b-IB.js → session-token-usage-D2zDt9P7.js}

@@ -1,99 +1,98 @@
-import { jsx as s, jsxs as n, Fragment as $ } from "react/jsx-runtime";
-import { a as C, D as T, b as M, c as D, d as S, G as F, e as L, t as R, L as j } from "./embedded-CLYU5z7h.js";
-import { useState as p, useCallback as z, useEffect as P } from "react";
+import { jsx as s, jsxs as a, Fragment as w } from "react/jsx-runtime";
+import { a as $, D as C, b as T, c as M, d as D, G as S, e as F, t as L, L as R } from "./embedded-DqTPdMCh.js";
+import { useState as g, useCallback as j, useEffect as z } from "react";
 import "@base-ui/react/collapsible";
-import { cn as U } from "cnfast";
+import { cn as P } from "cnfast";
 import "@base-ui/react/input";
 function u({
-  title: r,
-  items: d
+  title: n,
+  items: l
 }) {
-  return d.length ? /* @__PURE__ */ n("section", { className: "space-y-2", children: [
-    /* @__PURE__ */ s("h3", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: r }),
-    /* @__PURE__ */ s("div", { className: "divide-y divide-border rounded-xl border border-border bg-muted/20 px-3", children: d.map((l, m) => /* @__PURE__ */ n("div", { className: "flex items-center gap-3 py-2.5 text-sm", children: [
-      /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ s("div", { className: "truncate font-medium", children: l.name }),
-        l.detail ? /* @__PURE__ */ s("div", { className: "truncate text-xs text-muted-foreground", children: l.detail }) : null
+  return l.length ? /* @__PURE__ */ a("section", { className: "space-y-2", children: [
+    /* @__PURE__ */ s("h3", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: n }),
+    /* @__PURE__ */ s("div", { className: "divide-y divide-border rounded-xl border border-border bg-muted/20 px-3", children: l.map((o, c) => /* @__PURE__ */ a("div", { className: "flex items-center gap-3 py-2.5 text-sm", children: [
+      /* @__PURE__ */ a("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ s("div", { className: "truncate font-medium", children: o.name }),
+        o.detail ? /* @__PURE__ */ s("div", { className: "truncate text-xs text-muted-foreground", children: o.detail }) : null
       ] }),
-      /* @__PURE__ */ s("span", { className: "shrink-0 font-mono text-xs tabular-nums text-muted-foreground", children: c(l.tokens) })
-    ] }, `${l.name}-${m}`)) })
+      /* @__PURE__ */ s("span", { className: "shrink-0 font-mono text-xs tabular-nums text-muted-foreground", children: i(o.tokens) })
+    ] }, `${o.name}-${c}`)) })
   ] }) : null;
 }
-function c(r) {
-  return r == null || !Number.isFinite(r) ? "—" : r < 1e3 ? Math.round(r).toLocaleString() : r < 1e6 ? `${(r / 1e3).toFixed(r < 1e4 ? 1 : 0)}k` : `${(r / 1e6).toFixed(r < 1e7 ? 1 : 0)}m`;
+function i(n) {
+  return n == null || !Number.isFinite(n) ? "—" : n < 1e3 ? Math.round(n).toLocaleString() : n < 1e6 ? `${(n / 1e3).toFixed(n < 1e4 ? 1 : 0)}k` : `${(n / 1e6).toFixed(n < 1e7 ? 1 : 0)}m`;
 }
-function H({
-  session: r,
-  open: d,
-  onOpenChange: l
+function O({
+  session: n,
+  open: l,
+  onOpenChange: o
 }) {
-  var k;
-  const m = r.sessionId, [e, v] = p(null), [x, g] = p(!1), [b, N] = p(null), h = z(async () => {
-    if (m) {
-      g(!0), N(null);
+  const c = n.sessionId, [e, k] = g(null), [x, p] = g(!1), [b, N] = g(null), h = j(async () => {
+    if (c) {
+      p(!0), N(null);
       try {
-        v(await C(`/api/sessions/${m}/token-usage`));
+        k(await $(`/api/sessions/${c}/token-usage`));
       } catch (t) {
         N(t instanceof Error ? t.message : "Couldn’t load token usage");
       } finally {
-        g(!1);
+        p(!1);
       }
     }
-  }, [m]);
-  P(() => {
-    !d || e || x || h();
-  }, [h, x, d, e]);
-  const y = (e == null ? void 0 : e.categories.reduce((t, o) => t + o.tokens, 0)) ?? 0, w = Math.max(y, (e == null ? void 0 : e.context.used) ?? 0, 1), f = (e == null ? void 0 : e.context.percent) ?? ((e == null ? void 0 : e.context.used) != null && e.context.max ? e.context.used / e.context.max * 100 : null), a = e == null ? void 0 : e.details, i = a == null ? void 0 : a.messageBreakdown;
+  }, [c]);
+  z(() => {
+    !l || e || x || h();
+  }, [h, x, l, e]);
+  const v = e?.categories.reduce((t, r) => t + r.tokens, 0) ?? 0, y = Math.max(v, e?.context.used ?? 0, 1), f = e?.context.percent ?? (e?.context.used != null && e.context.max ? e.context.used / e.context.max * 100 : null), m = e?.details, d = m?.messageBreakdown;
   return /* @__PURE__ */ s(
-    T,
+    C,
     {
-      open: d,
+      open: l,
       onOpenChange: (t) => {
-        l(t), t && e && h();
+        o(t), t && e && h();
       },
-      children: /* @__PURE__ */ n(
-        M,
+      children: /* @__PURE__ */ a(
+        T,
         {
           className: "max-h-[88dvh] overflow-hidden sm:max-w-xl",
           innerClassName: "flex max-h-[88dvh] flex-col gap-0 p-0",
           children: [
-            /* @__PURE__ */ n(D, { className: "border-b border-border px-5 pb-4 pt-5 text-left", children: [
-              /* @__PURE__ */ n(S, { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ s(F, { className: "size-5" }),
+            /* @__PURE__ */ a(M, { className: "border-b border-border px-5 pb-4 pt-5 text-left", children: [
+              /* @__PURE__ */ a(D, { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ s(S, { className: "size-5" }),
                 "Session token usage"
               ] }),
-              /* @__PURE__ */ n(L, { children: [
+              /* @__PURE__ */ a(F, { children: [
                 "Current context and cumulative model traffic for ",
-                R(r),
+                L(n),
                 "."
               ] })
             ] }),
-            /* @__PURE__ */ s("div", { className: "min-h-0 flex-1 space-y-5 overflow-y-auto px-5 pb-6", children: x && !e ? /* @__PURE__ */ n("div", { className: "flex items-center justify-center gap-2 py-16 text-sm text-muted-foreground", children: [
-              /* @__PURE__ */ s(j, { className: "size-4 animate-spin" }),
+            /* @__PURE__ */ s("div", { className: "min-h-0 flex-1 space-y-5 overflow-y-auto px-5 pb-6", children: x && !e ? /* @__PURE__ */ a("div", { className: "flex items-center justify-center gap-2 py-16 text-sm text-muted-foreground", children: [
+              /* @__PURE__ */ s(R, { className: "size-4 animate-spin" }),
               "Reading session usage…"
-            ] }) : b && !e ? /* @__PURE__ */ s("div", { className: "rounded-xl border border-destructive/30 bg-destructive/5 p-4 text-sm text-destructive", children: b }) : e && !e.available ? /* @__PURE__ */ n("div", { className: "rounded-2xl border border-border bg-muted/30 p-5", children: [
+            ] }) : b && !e ? /* @__PURE__ */ s("div", { className: "rounded-xl border border-destructive/30 bg-destructive/5 p-4 text-sm text-destructive", children: b }) : e && !e.available ? /* @__PURE__ */ a("div", { className: "rounded-2xl border border-border bg-muted/30 p-5", children: [
               /* @__PURE__ */ s("div", { className: "font-medium", children: "Token data isn’t available for this agent yet" }),
               /* @__PURE__ */ s("p", { className: "mt-1 text-sm text-muted-foreground", children: e.note })
-            ] }) : e ? /* @__PURE__ */ n($, { children: [
-              /* @__PURE__ */ n("section", { className: "space-y-3 pt-1", children: [
-                /* @__PURE__ */ n("div", { className: "flex items-end justify-between gap-4", children: [
-                  /* @__PURE__ */ n("div", { children: [
+            ] }) : e ? /* @__PURE__ */ a(w, { children: [
+              /* @__PURE__ */ a("section", { className: "space-y-3 pt-1", children: [
+                /* @__PURE__ */ a("div", { className: "flex items-end justify-between gap-4", children: [
+                  /* @__PURE__ */ a("div", { children: [
                     /* @__PURE__ */ s("div", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Current context" }),
-                    /* @__PURE__ */ n("div", { className: "mt-1 text-3xl font-semibold tracking-tight tabular-nums", children: [
-                      c(e.context.used),
-                      e.context.max != null ? /* @__PURE__ */ n("span", { className: "ml-1 text-base font-normal text-muted-foreground", children: [
+                    /* @__PURE__ */ a("div", { className: "mt-1 text-3xl font-semibold tracking-tight tabular-nums", children: [
+                      i(e.context.used),
+                      e.context.max != null ? /* @__PURE__ */ a("span", { className: "ml-1 text-base font-normal text-muted-foreground", children: [
                         "/ ",
-                        c(e.context.max)
+                        i(e.context.max)
                       ] }) : null
                     ] })
                   ] }),
-                  f != null ? /* @__PURE__ */ n("div", { className: "text-right", children: [
-                    /* @__PURE__ */ n("div", { className: "text-xl font-semibold tabular-nums", children: [
+                  f != null ? /* @__PURE__ */ a("div", { className: "text-right", children: [
+                    /* @__PURE__ */ a("div", { className: "text-xl font-semibold tabular-nums", children: [
                       Math.round(f),
                       "%"
                     ] }),
-                    /* @__PURE__ */ n("div", { className: "text-xs text-muted-foreground", children: [
-                      c(e.context.free),
+                    /* @__PURE__ */ a("div", { className: "text-xs text-muted-foreground", children: [
+                      i(e.context.free),
                       " free"
                     ] })
                   ] }) : null
@@ -106,18 +105,18 @@ function H({
                   }
                 ) }) : null
               ] }),
-              e.categories.length ? /* @__PURE__ */ n("section", { className: "space-y-3", children: [
-                /* @__PURE__ */ s("div", { className: "flex h-3 overflow-hidden rounded-full bg-muted", "aria-hidden": "true", children: e.categories.map((t, o) => /* @__PURE__ */ s(
+              e.categories.length ? /* @__PURE__ */ a("section", { className: "space-y-3", children: [
+                /* @__PURE__ */ s("div", { className: "flex h-3 overflow-hidden rounded-full bg-muted", "aria-hidden": "true", children: e.categories.map((t, r) => /* @__PURE__ */ s(
                   "span",
                   {
                     style: {
-                      width: `${t.tokens / w * 100}%`,
-                      backgroundColor: t.color || `hsl(${o * 47 % 360} 70% 60%)`
+                      width: `${t.tokens / y * 100}%`,
+                      backgroundColor: t.color || `hsl(${r * 47 % 360} 70% 60%)`
                     }
                   },
-                  `${t.name}-${o}`
+                  `${t.name}-${r}`
                 )) }),
-                /* @__PURE__ */ s("div", { className: "grid gap-1 sm:grid-cols-2", children: e.categories.map((t, o) => /* @__PURE__ */ n(
+                /* @__PURE__ */ s("div", { className: "grid gap-1 sm:grid-cols-2", children: e.categories.map((t, r) => /* @__PURE__ */ a(
                   "div",
                   {
                     className: "flex min-w-0 items-center gap-2 rounded-lg px-2 py-1.5 text-sm",
@@ -127,21 +126,21 @@ function H({
                         {
                           className: "size-2.5 shrink-0 rounded-sm",
                           style: {
-                            backgroundColor: t.color || `hsl(${o * 47 % 360} 70% 60%)`
+                            backgroundColor: t.color || `hsl(${r * 47 % 360} 70% 60%)`
                           }
                         }
                       ),
                       /* @__PURE__ */ s("span", { className: "min-w-0 flex-1 truncate", children: t.name }),
-                      /* @__PURE__ */ n("span", { className: "shrink-0 font-mono text-xs tabular-nums text-muted-foreground", children: [
-                        c(t.tokens),
+                      /* @__PURE__ */ a("span", { className: "shrink-0 font-mono text-xs tabular-nums text-muted-foreground", children: [
+                        i(t.tokens),
                         t.accuracy === "estimated" ? " ~" : ""
                       ] })
                     ]
                   },
-                  `${t.name}-${o}`
+                  `${t.name}-${r}`
                 )) })
               ] }) : null,
-              e.totals ? /* @__PURE__ */ n("section", { className: "space-y-2", children: [
+              e.totals ? /* @__PURE__ */ a("section", { className: "space-y-2", children: [
                 /* @__PURE__ */ s("h3", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Session totals" }),
                 /* @__PURE__ */ s("div", { className: "grid grid-cols-2 gap-2 sm:grid-cols-3", children: [
                   ["Input", e.totals.input],
@@ -150,16 +149,16 @@ function H({
                   ["Cache write", e.totals.cacheWrite],
                   ["Reasoning", e.totals.reasoning],
                   ["All traffic", e.totals.total]
-                ].map(([t, o]) => /* @__PURE__ */ n("div", { className: "rounded-xl border border-border bg-muted/25 p-3", children: [
+                ].map(([t, r]) => /* @__PURE__ */ a("div", { className: "rounded-xl border border-border bg-muted/25 p-3", children: [
                   /* @__PURE__ */ s("div", { className: "text-xs text-muted-foreground", children: t }),
-                  /* @__PURE__ */ s("div", { className: "mt-1 font-mono text-base font-semibold tabular-nums", children: c(o) })
+                  /* @__PURE__ */ s("div", { className: "mt-1 font-mono text-base font-semibold tabular-nums", children: i(r) })
                 ] }, String(t))) })
               ] }) : null,
               /* @__PURE__ */ s(
                 u,
                 {
                   title: "Skills",
-                  items: (((k = a == null ? void 0 : a.skills) == null ? void 0 : k.items) ?? []).map((t) => ({
+                  items: (m?.skills?.items ?? []).map((t) => ({
                     name: t.name,
                     detail: t.source,
                     tokens: t.tokens
@@ -170,7 +169,7 @@ function H({
                 u,
                 {
                   title: "System prompt",
-                  items: ((a == null ? void 0 : a.systemPromptSections) ?? []).map((t) => ({
+                  items: (m?.systemPromptSections ?? []).map((t) => ({
                     name: t.name,
                     tokens: t.tokens
                   }))
@@ -180,7 +179,7 @@ function H({
                 u,
                 {
                   title: "MCP tools",
-                  items: ((a == null ? void 0 : a.mcpTools) ?? []).map((t) => ({
+                  items: (m?.mcpTools ?? []).map((t) => ({
                     name: t.name,
                     detail: `${t.serverName}${t.isLoaded === !1 ? " · deferred" : ""}`,
                     tokens: t.tokens
@@ -191,32 +190,32 @@ function H({
                 u,
                 {
                   title: "Memory files",
-                  items: ((a == null ? void 0 : a.memoryFiles) ?? []).map((t) => ({
+                  items: (m?.memoryFiles ?? []).map((t) => ({
                     name: t.path,
                     detail: t.type,
                     tokens: t.tokens
                   }))
                 }
               ),
-              i ? /* @__PURE__ */ s(
+              d ? /* @__PURE__ */ s(
                 u,
                 {
                   title: "Messages",
                   items: [
-                    { name: "User messages", tokens: i.userMessageTokens },
-                    { name: "Assistant messages", tokens: i.assistantMessageTokens },
-                    { name: "Tool calls", tokens: i.toolCallTokens },
-                    { name: "Tool results", tokens: i.toolResultTokens },
-                    { name: "Attachments", tokens: i.attachmentTokens }
+                    { name: "User messages", tokens: d.userMessageTokens },
+                    { name: "Assistant messages", tokens: d.assistantMessageTokens },
+                    { name: "Tool calls", tokens: d.toolCallTokens },
+                    { name: "Tool results", tokens: d.toolResultTokens },
+                    { name: "Attachments", tokens: d.attachmentTokens }
                   ].filter((t) => t.tokens > 0)
                 }
               ) : null,
-              /* @__PURE__ */ n("div", { className: "rounded-xl bg-muted/40 p-3 text-xs leading-relaxed text-muted-foreground", children: [
-                /* @__PURE__ */ n("div", { className: "mb-1 flex items-center gap-2 font-medium text-foreground", children: [
+              /* @__PURE__ */ a("div", { className: "rounded-xl bg-muted/40 p-3 text-xs leading-relaxed text-muted-foreground", children: [
+                /* @__PURE__ */ a("div", { className: "mb-1 flex items-center gap-2 font-medium text-foreground", children: [
                   /* @__PURE__ */ s(
                     "span",
                     {
-                      className: U(
+                      className: P(
                         "size-2 rounded-full",
                         e.accuracy === "reported" ? "bg-emerald-500" : "bg-amber-500"
                       )
@@ -235,5 +234,5 @@ function H({
   );
 }
 export {
-  H as default
+  O as default
 };

package/dist-lib/{shadow-text-size-CBCTdbYU.js → shadow-text-size-smWA4wIU.js}

@@ -4,8 +4,7 @@ textarea,
   font-size: 16px !important;
 }`, c = "data-omg-touch-text-size";
 function l() {
-  var t;
-  return typeof window < "u" && ((t = window.matchMedia) == null ? void 0 : t.call(window, "(pointer: coarse)").matches) === !0;
+  return typeof window < "u" && window.matchMedia?.("(pointer: coarse)").matches === !0;
 }
 function f(t) {
   if (t.querySelector(`style[${c}]`)) return;