@omg-dev/app 0.2.22 → 0.3.0

package/dist-lib/{highlighted-body-OFNGDK62-Bcdmy8xK.js → highlighted-body-OFNGDK62-bfel3kiX.js}

@@ -1,4 +1,4 @@
-import { R as c, L as f, A as d } from "./streamdown-response-9boPsbKB.js";
+import { R as c, L as f, A as d } from "./streamdown-response-Bt7VM-cZ.js";
 import { useContext as p, useState as L, useEffect as N } from "react";
 import { jsx as x } from "react/jsx-runtime";
 var A = ({ code: s, language: e, raw: a, className: o, startLine: m, lineNumbers: u, ...g }) => {

package/dist-lib/icon-maskable.svg

@@ -1,16 +1,16 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <!-- Adaptive-icon variant of icon.svg: full bleed, no tile corners, and the
+       mark scaled to 0.8 about the centre so it sits inside the maskable safe
+       zone whatever shape the launcher crops to. Same colours and the same
+       disc-with-a-bite, so the adaptive icon and the app icon read identically. -->
   <defs>
-    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
-      <stop offset="0%" stop-color="#3b5bf6"/>
-      <stop offset="100%" stop-color="#06b6d4"/>
-    </linearGradient>
+    <radialGradient id="bg" cx="0" cy="0" r="1.2"><stop offset="0%" stop-color="#4a2417"/><stop offset="100%" stop-color="#120f0b"/></radialGradient>
+    <mask id="disc">
+      <rect width="512" height="512" fill="black"/>
+      <circle cx="256" cy="256" r="147" fill="white"/>
+      <circle cx="324.2" cy="187.7" r="42.7" fill="black"/>
+    </mask>
   </defs>
   <rect width="512" height="512" fill="url(#bg)"/>
-  <!-- Same 0.78 wordmark weight as icon.svg, so the adaptive icon and the app
-       icon read identically. Still well inside the maskable safe zone. -->
-  <g fill="#fff" transform="translate(256 256) scale(.78) translate(-268 -256)">
-    <rect x="126" y="158" width="38" height="190" rx="7"/>
-    <path d="M196 218v-12c0-36 22-56 59-56h29v35h-19c-21 0-30 8-30 25v8h48v36h-48v94h-39v-94h-28v-36h28Z"/>
-    <path fill-rule="evenodd" d="M337 210c16 0 30 6 40 17v-13h37v126c0 51-29 78-78 78-25 0-48-7-65-19l16-30c14 9 30 14 47 14 28 0 43-13 43-40v-9c-11 12-25 18-41 18-39 0-68-30-68-71s29-71 69-71Zm7 35c-21 0-37 15-37 36s16 36 37 36c20 0 36-15 36-36s-16-36-36-36Z"/>
-  </g>
+  <rect width="512" height="512" fill="#f6f2ec" mask="url(#disc)"/>
 </svg>

package/dist-lib/icon-small.svg

@@ -1,19 +1,22 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <!-- The omg.dev app icon: a cream disc with a bite out of the upper right,
+       on the warm near-black tile. Traced from docs/images/omg-icon.png, which
+       is the product's own icon and stays the reference for this file. Geometry
+       was measured off that artwork at 192px and scaled by 512/192: disc centre
+       (95.5, 95.5) r69, bite centre (127.5, 63.5) r20, corner radius 44.
+
+       This used to draw the legacy "lfg" wordmark on a blue/cyan tile, which is
+       why generate-icons.ts refused to regenerate the README icon from it. -->
   <defs>
-    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
-      <stop offset="0%" stop-color="#3b5bf6"/>
-      <stop offset="100%" stop-color="#06b6d4"/>
-    </linearGradient>
+    <radialGradient id="bg" cx="0" cy="0" r="1.2"><stop offset="0%" stop-color="#4a2417"/><stop offset="100%" stop-color="#120f0b"/></radialGradient>
+    <!-- The bite is a hole, not a dark dot: the tile gradient shows through it,
+         so it stays correct wherever the mark is placed. -->
+    <mask id="disc">
+      <rect width="512" height="512" fill="black"/>
+      <circle cx="254.7" cy="254.7" r="184" fill="white"/>
+      <circle cx="340" cy="169.3" r="53.3" fill="black"/>
+    </mask>
   </defs>
-  <path d="M164 0h184c105 0 164 59 164 164v184c0 105-59 164-164 164H164C59 512 0 453 0 348V164C0 59 59 0 164 0Z" fill="url(#bg)"/>
-  <!-- Weight matched to the pre-vector mark: the wordmark reads at the same
-       optical size it did as a bitmap. Glyph bbox is 288x268 at 126,150; this
-       scales it to 0.78 and re-centres on (256.3, 271.8), the centre the old
-       artwork occupied. That puts the 'l' stem at 5.8% of the tile against the
-       old 6.1%, instead of the 7.4% the unscaled outlines were drawing. -->
-  <g fill="#fff" transform="translate(45.70 50.28) scale(0.78)">
-    <rect x="126" y="158" width="38" height="190" rx="7"/>
-    <path d="M196 218v-12c0-36 22-56 59-56h29v35h-19c-21 0-30 8-30 25v8h48v36h-48v94h-39v-94h-28v-36h28Z"/>
-    <path fill-rule="evenodd" d="M337 210c16 0 30 6 40 17v-13h37v126c0 51-29 78-78 78-25 0-48-7-65-19l16-30c14 9 30 14 47 14 28 0 43-13 43-40v-9c-11 12-25 18-41 18-39 0-68-30-68-71s29-71 69-71Zm7 35c-21 0-37 15-37 36s16 36 37 36c20 0 36-15 36-36s-16-36-36-36Z"/>
-  </g>
+  <rect width="512" height="512" rx="115" ry="115" fill="url(#bg)"/>
+  <rect width="512" height="512" fill="#f6f2ec" mask="url(#disc)"/>
 </svg>

package/dist-lib/icon.svg

@@ -1,19 +1,22 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <!-- The omg.dev app icon: a cream disc with a bite out of the upper right,
+       on the warm near-black tile. Traced from docs/images/omg-icon.png, which
+       is the product's own icon and stays the reference for this file. Geometry
+       was measured off that artwork at 192px and scaled by 512/192: disc centre
+       (95.5, 95.5) r69, bite centre (127.5, 63.5) r20, corner radius 44.
+
+       This used to draw the legacy "lfg" wordmark on a blue/cyan tile, which is
+       why generate-icons.ts refused to regenerate the README icon from it. -->
   <defs>
-    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
-      <stop offset="0%" stop-color="#3b5bf6"/>
-      <stop offset="100%" stop-color="#06b6d4"/>
-    </linearGradient>
+    <radialGradient id="bg" cx="0" cy="0" r="1.2"><stop offset="0%" stop-color="#4a2417"/><stop offset="100%" stop-color="#120f0b"/></radialGradient>
+    <!-- The bite is a hole, not a dark dot: the tile gradient shows through it,
+         so it stays correct wherever the mark is placed. -->
+    <mask id="disc">
+      <rect width="512" height="512" fill="black"/>
+      <circle cx="254.7" cy="254.7" r="184" fill="white"/>
+      <circle cx="340" cy="169.3" r="53.3" fill="black"/>
+    </mask>
   </defs>
-  <path d="M164 0h184c105 0 164 59 164 164v184c0 105-59 164-164 164H164C59 512 0 453 0 348V164C0 59 59 0 164 0Z" fill="url(#bg)"/>
-  <!-- Weight matched to the pre-vector mark: the wordmark reads at the same
-       optical size it did as a bitmap. Glyph bbox is 288x268 at 126,150; this
-       scales it to 0.78 and re-centres on (256.3, 271.8), the centre the old
-       artwork occupied. That puts the 'l' stem at 5.8% of the tile against the
-       old 6.1%, instead of the 7.4% the unscaled outlines were drawing. -->
-  <g fill="#fff" transform="translate(45.70 50.28) scale(0.78)">
-    <rect x="126" y="158" width="38" height="190" rx="7"/>
-    <path d="M196 218v-12c0-36 22-56 59-56h29v35h-19c-21 0-30 8-30 25v8h48v36h-48v94h-39v-94h-28v-36h28Z"/>
-    <path fill-rule="evenodd" d="M337 210c16 0 30 6 40 17v-13h37v126c0 51-29 78-78 78-25 0-48-7-65-19l16-30c14 9 30 14 47 14 28 0 43-13 43-40v-9c-11 12-25 18-41 18-39 0-68-30-68-71s29-71 69-71Zm7 35c-21 0-37 15-37 36s16 36 37 36c20 0 36-15 36-36s-16-36-36-36Z"/>
-  </g>
+  <rect width="512" height="512" rx="115" ry="115" fill="url(#bg)"/>
+  <rect width="512" height="512" fill="#f6f2ec" mask="url(#disc)"/>
 </svg>

package/dist-lib/{index-uXIZsv3_.js → index-BNac_jIC.js}

@@ -1,4 +1,4 @@
-import { w as T, s as U, h as X, c as Y, v as G, S as J, o as k, l as Q, f as M, m as y } from "./streamdown-response-9boPsbKB.js";
+import { w as T, s as U, h as X, c as Y, v as G, S as J, o as k, l as Q, f as M, m as y } from "./streamdown-response-Bt7VM-cZ.js";
 import v from "./katex-jHfnQmlp.js";
 function Z(t, e) {
   return B(t, {}) || { type: "root", children: [] };

package/dist-lib/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "@tanstack/react-router";
-import { ac as m, ad as o, ae as s } from "./embedded-Dg1UH3AQ.js";
+import { ad as m, ae as o, af as s } from "./embedded-cpSkU0tg.js";
 export {
   m as OmgAppSurface,
   o as OmgSettingsSurface,

package/dist-lib/mermaid-GHXKKRXX-CTlo5kzO.js

@@ -0,0 +1,4 @@
+import { p } from "./streamdown-response-Bt7VM-cZ.js";
+export {
+  p as Mermaid
+};

package/dist-lib/resume-session-sheet-CsBKi_wb.js

@@ -0,0 +1,347 @@
+import { jsx as t, jsxs as s, Fragment as R } from "react/jsx-runtime";
+import { r as X, P as J, a as le, f as oe, g as ie, h as ce, X as K, A as P, R as Y, i as de, S as ue, j as Z, T as me, k as he, l as pe, C as fe, L as ge } from "./embedded-cpSkU0tg.js";
+import { cn as x } from "cnfast";
+import { useState as a, useRef as E, useEffect as C, useCallback as xe } from "react";
+function be(r) {
+  if (!r) return "";
+  const i = r.split("/").filter(Boolean);
+  return i[i.length - 1] ?? "";
+}
+function Ne(r, i) {
+  const u = (i ?? "").trim();
+  if (!u) return "";
+  const b = (h) => h.replace(/\s+/g, " ").trim().toLowerCase(), d = b(u), m = b(r);
+  return !m || d === m || d.startsWith(m) || m.startsWith(d) ? "" : u;
+}
+function ke({
+  initial: r,
+  scopedProject: i,
+  onRestore: u,
+  onPick: b,
+  onClose: d
+}) {
+  const h = i && i !== "__all" ? i : "all", D = X(), [l, F] = a(
+    () => D.some((e) => e.status !== "sent") ? "stash" : "sessions"
+  ), [N, ee] = a(D), [p, z] = a(""), [v, te] = a(""), [f, M] = a("all"), [n, _] = a(h), [c, $] = a(
+    h === "all" && r ? r : []
+  ), [w, I] = a(h === "all" && r ? r.length : 0), [y, G] = a({ agents: [], projects: [] }), [O, U] = a(!1), [V, W] = a(!1), q = E(null), B = E(c), g = E(0);
+  C(() => {
+    B.current = c;
+  }, [c]), C(() => {
+    const e = () => ee(X());
+    return window.addEventListener(J, e), window.addEventListener("storage", e), () => {
+      window.removeEventListener(J, e), window.removeEventListener("storage", e);
+    };
+  }, []), C(() => {
+    const e = window.setTimeout(() => te(p.trim()), 220);
+    return () => window.clearTimeout(e);
+  }, [p]);
+  const A = xe(
+    (e) => {
+      const o = e ? ++g.current : g.current, S = e ? 0 : B.current.length;
+      e ? U(!0) : W(!0);
+      const k = new URLSearchParams({ limit: String(25), offset: String(S) });
+      v && k.set("search", v), f !== "all" && k.set("agent", f), n !== "all" && k.set("project", n), le(`/api/sessions/resumable?${k.toString()}`).then((j) => {
+        if (o !== g.current) return;
+        const T = Array.isArray(j.sessions) ? j.sessions : [];
+        $((re) => e ? T : [...re, ...T]), I(j.total ?? T.length), G(j.facets ?? { agents: [], projects: [] });
+      }).catch(() => {
+        o !== g.current || !e || ($([]), I(0), G({ agents: [], projects: [] }));
+      }).finally(() => {
+        o === g.current && (e ? U(!1) : W(!1));
+      });
+    },
+    [f, v, n]
+  );
+  C(() => {
+    l === "sessions" && A(!0);
+  }, [A, l]);
+  const L = p.trim().toLowerCase(), H = N.filter(
+    (e) => L ? `${e.text} ${e.sessionTitle ?? ""} ${e.project ?? ""}`.toLowerCase().includes(L) : !0
+  ), se = O && !c.length, Q = f !== "all" || n !== "all" || !!v, ae = c.length < w, ne = (e) => e === "draft" ? "Draft" : e === "sending" ? "Sending" : e === "failed" ? "Failed" : "Sent";
+  return /* @__PURE__ */ t(
+    oe,
+    {
+      open: !0,
+      repositionInputs: !1,
+      onOpenChange: (e) => {
+        e || d();
+      },
+      children: /* @__PURE__ */ t(ie, { className: "mx-auto w-full max-w-2xl sm:max-w-2xl", children: /* @__PURE__ */ s("div", { className: "flex min-h-0 flex-col overflow-hidden max-h-[72dvh] group-data-[paged=true]/drawer-content:max-h-none group-data-[paged=true]/drawer-content:flex-1", children: [
+        /* @__PURE__ */ s("header", { className: "shrink-0 border-b border-border/70 pb-2", children: [
+          /* @__PURE__ */ s("div", { className: "flex h-9 items-center gap-2", children: [
+            /* @__PURE__ */ t(ce, { className: "text-[15px] font-semibold", children: "Resume" }),
+            /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: "Stash & sessions" }),
+            /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                onClick: d,
+                "aria-label": "Close",
+                className: "ml-auto flex size-8 items-center justify-center rounded-full bg-muted text-muted-foreground transition hover:text-foreground active:scale-95",
+                children: /* @__PURE__ */ t(K, { className: "size-4" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ s("div", { className: "mt-2 flex items-center gap-2", children: [
+            /* @__PURE__ */ s("div", { className: "inline-flex h-8 shrink-0 items-center rounded-full bg-muted p-0.5 text-xs font-medium", children: [
+              /* @__PURE__ */ s(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => F("stash"),
+                  className: x(
+                    "flex h-7 items-center gap-1.5 rounded-full px-3 transition",
+                    l === "stash" ? "bg-background text-foreground shadow-sm" : "text-muted-foreground"
+                  ),
+                  children: [
+                    /* @__PURE__ */ t(P, { className: "size-3.5" }),
+                    "Stash",
+                    N.length ? /* @__PURE__ */ t("span", { className: "tabular-nums opacity-60", children: N.length }) : null
+                  ]
+                }
+              ),
+              /* @__PURE__ */ s(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => F("sessions"),
+                  className: x(
+                    "flex h-7 items-center gap-1.5 rounded-full px-3 transition",
+                    l === "sessions" ? "bg-background text-foreground shadow-sm" : "text-muted-foreground"
+                  ),
+                  children: [
+                    /* @__PURE__ */ t(Y, { className: "size-3.5" }),
+                    "Sessions",
+                    w ? /* @__PURE__ */ t("span", { className: "tabular-nums opacity-60", children: w }) : null
+                  ]
+                }
+              )
+            ] }),
+            l === "stash" && N.length ? /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                onClick: () => de(),
+                className: "ml-auto h-8 rounded-full px-2.5 text-xs font-medium text-muted-foreground transition hover:bg-muted hover:text-destructive",
+                children: "Clear"
+              }
+            ) : null
+          ] }),
+          /* @__PURE__ */ s("div", { className: "mt-2 flex items-center gap-1.5", children: [
+            /* @__PURE__ */ s("div", { className: "relative min-w-0 flex-1", children: [
+              /* @__PURE__ */ t(ue, { className: "pointer-events-none absolute left-3 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground/70" }),
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  ref: q,
+                  value: p,
+                  onChange: (e) => z(e.target.value),
+                  placeholder: l === "stash" ? "Search prompts" : "Search sessions",
+                  "aria-label": l === "stash" ? "Search stashed prompts" : "Search resumable sessions",
+                  autoComplete: "off",
+                  className: "h-8 w-full rounded-full border border-border bg-muted/40 pl-8 pr-8 text-xs outline-none transition focus:border-ring focus:bg-background"
+                }
+              ),
+              p ? /* @__PURE__ */ t(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => {
+                    var e;
+                    z(""), (e = q.current) == null || e.focus();
+                  },
+                  "aria-label": "Clear search",
+                  className: "absolute right-1.5 top-1/2 flex size-6 -translate-y-1/2 items-center justify-center rounded-full text-muted-foreground",
+                  children: /* @__PURE__ */ t(K, { className: "size-3.5" })
+                }
+              ) : null
+            ] }),
+            l === "sessions" ? /* @__PURE__ */ s(R, { children: [
+              /* @__PURE__ */ s(
+                "select",
+                {
+                  value: f,
+                  onChange: (e) => M(e.target.value),
+                  "aria-label": "Filter by agent",
+                  className: "h-8 max-w-28 rounded-full border border-border bg-background px-2 text-xs outline-none",
+                  children: [
+                    /* @__PURE__ */ t("option", { value: "all", children: "All agents" }),
+                    y.agents.map((e) => /* @__PURE__ */ s("option", { value: e.agent, children: [
+                      e.agent,
+                      " · ",
+                      e.count
+                    ] }, e.agent))
+                  ]
+                }
+              ),
+              y.projects.length || n !== "all" ? /* @__PURE__ */ s(
+                "select",
+                {
+                  value: n,
+                  onChange: (e) => _(e.target.value),
+                  "aria-label": "Filter by project",
+                  className: "h-8 max-w-32 rounded-full border border-border bg-background px-2 text-xs outline-none",
+                  children: [
+                    /* @__PURE__ */ t("option", { value: "all", children: "All projects" }),
+                    n !== "all" && !y.projects.some((e) => e.project === n) ? /* @__PURE__ */ t("option", { value: n, children: n }) : null,
+                    y.projects.map((e) => /* @__PURE__ */ s("option", { value: e.project, children: [
+                      e.project,
+                      " · ",
+                      e.count
+                    ] }, e.project))
+                  ]
+                }
+              ) : null
+            ] }) : null
+          ] })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "min-h-0 max-h-[min(28rem,55dvh)] overflow-y-auto overscroll-contain pt-1", children: l === "stash" ? H.length ? /* @__PURE__ */ t("div", { className: "space-y-0.5", children: H.map((e) => /* @__PURE__ */ s(
+          "div",
+          {
+            className: "group flex items-center gap-1 rounded-xl transition hover:bg-muted",
+            children: [
+              /* @__PURE__ */ s(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => {
+                    u(e), d();
+                  },
+                  className: "flex min-w-0 flex-1 items-center gap-2.5 px-2 py-2 text-left active:scale-[0.99]",
+                  children: [
+                    /* @__PURE__ */ t(
+                      "span",
+                      {
+                        className: x(
+                          "flex size-7 shrink-0 items-center justify-center rounded-lg",
+                          e.status === "draft" || e.status === "failed" ? "bg-primary/12 text-primary" : "bg-muted text-muted-foreground"
+                        ),
+                        children: /* @__PURE__ */ t(P, { className: "size-3.5" })
+                      }
+                    ),
+                    /* @__PURE__ */ s("span", { className: "min-w-0 flex-1", children: [
+                      /* @__PURE__ */ t("span", { className: "line-clamp-2 text-sm leading-snug", children: e.text }),
+                      /* @__PURE__ */ s("span", { className: "mt-0.5 flex items-center gap-1.5 text-[11px] text-muted-foreground", children: [
+                        /* @__PURE__ */ t(
+                          "span",
+                          {
+                            className: x(
+                              "font-medium",
+                              e.status === "failed" && "text-destructive",
+                              e.status === "draft" && "text-primary"
+                            ),
+                            children: ne(e.status)
+                          }
+                        ),
+                        /* @__PURE__ */ t("span", { children: "·" }),
+                        /* @__PURE__ */ t("span", { className: "truncate", children: e.source === "new-session" ? e.project || "New session" : e.sessionTitle || "Session" }),
+                        /* @__PURE__ */ t("span", { children: "·" }),
+                        /* @__PURE__ */ t("span", { className: "shrink-0 tabular-nums", children: Z(e.updatedAt) })
+                      ] })
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => he(e.id),
+                  "aria-label": "Remove from Stash",
+                  className: "mr-1 flex size-7 shrink-0 items-center justify-center rounded-full text-muted-foreground opacity-60 transition hover:bg-background hover:text-destructive group-hover:opacity-100",
+                  children: /* @__PURE__ */ t(me, { className: "size-3.5" })
+                }
+              )
+            ]
+          },
+          e.id
+        )) }) : /* @__PURE__ */ s("div", { className: "flex h-full min-h-48 flex-col items-center justify-center gap-2 px-4 text-center text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ t(P, { className: "size-5" }),
+          /* @__PURE__ */ t("span", { children: L ? "No stashed prompts match" : "Typed and dictated prompts will appear here" })
+        ] }) : se ? /* @__PURE__ */ t("div", { className: "animate-pulse space-y-1.5", "aria-hidden": !0, children: Array.from({ length: 6 }).map((e, o) => /* @__PURE__ */ s(
+          "div",
+          {
+            className: "flex items-center gap-3 rounded-xl border border-transparent bg-card px-3 py-2.5",
+            children: [
+              /* @__PURE__ */ t("div", { className: "size-8 shrink-0 rounded-md bg-muted" }),
+              /* @__PURE__ */ s("div", { className: "min-w-0 flex-1 space-y-1.5", children: [
+                /* @__PURE__ */ t("div", { className: "h-3 w-1/2 rounded bg-muted" }),
+                /* @__PURE__ */ t("div", { className: "h-2.5 w-3/4 rounded bg-muted/60" }),
+                /* @__PURE__ */ t("div", { className: "h-2.5 w-1/4 rounded-full bg-muted/60" })
+              ] })
+            ]
+          },
+          o
+        )) }) : c.length === 0 ? /* @__PURE__ */ s("div", { className: "flex h-full min-h-48 flex-col items-center justify-center gap-2 px-4 text-center text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ t(Y, { className: "size-5" }),
+          /* @__PURE__ */ t("span", { children: Q ? "No sessions match" : "No recent sessions to resume" }),
+          Q ? /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                z(""), M("all"), _("all");
+              },
+              className: "rounded-full border border-border px-3 py-1 text-xs font-medium text-foreground",
+              children: "Clear filters"
+            }
+          ) : null
+        ] }) : /* @__PURE__ */ s(R, { children: [
+          /* @__PURE__ */ t("div", { className: x("space-y-1.5 transition-opacity", O && "opacity-60"), children: c.map((e) => {
+            const o = be(e.cwd), S = Ne(e.title, e.lastUserText);
+            return /* @__PURE__ */ s(
+              "button",
+              {
+                type: "button",
+                onClick: () => b(e),
+                title: e.cwd || e.title,
+                className: "lfg-gborder flex w-full items-center gap-3 rounded-xl border border-transparent bg-card px-3 py-2.5 text-left transition hover:border-border hover:bg-muted/60 active:scale-[0.99]",
+                children: [
+                  /* @__PURE__ */ t(
+                    pe,
+                    {
+                      session: e,
+                      className: "size-8 rounded-md",
+                      size: "md",
+                      wrapperClassName: "shrink-0"
+                    }
+                  ),
+                  /* @__PURE__ */ s("span", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+                    /* @__PURE__ */ s("span", { className: "flex items-baseline gap-1.5", children: [
+                      /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate text-sm font-medium leading-tight", children: e.title }),
+                      /* @__PURE__ */ t("span", { className: "shrink-0 text-[10px] leading-tight tabular-nums text-muted-foreground/70", children: Z(e.lastActivityAt) })
+                    ] }),
+                    S ? /* @__PURE__ */ t("span", { className: "truncate text-xs leading-tight text-muted-foreground", children: S }) : null,
+                    /* @__PURE__ */ s("span", { className: "flex min-w-0 items-center gap-1", children: [
+                      /* @__PURE__ */ t("span", { className: "max-w-[50%] truncate rounded-full bg-muted px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground", children: e.project }),
+                      o && o !== e.project ? /* @__PURE__ */ t("span", { className: "max-w-[50%] truncate rounded-full bg-muted/60 px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground/80", children: o }) : null
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ t(fe, { className: "size-3.5 shrink-0 text-muted-foreground/60" })
+                ]
+              },
+              e.sessionId
+            );
+          }) }),
+          ae ? /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              onClick: () => A(!1),
+              disabled: V,
+              className: "mt-1 flex w-full items-center justify-center gap-2 rounded-xl px-3 py-2.5 text-xs font-medium text-muted-foreground transition hover:bg-muted disabled:opacity-60",
+              children: V ? /* @__PURE__ */ s(R, { children: [
+                /* @__PURE__ */ t(ge, { className: "size-3.5 animate-spin" }),
+                " Loading…"
+              ] }) : `Load ${Math.min(25, w - c.length)} more`
+            }
+          ) : null
+        ] }) })
+      ] }) })
+    }
+  );
+}
+export {
+  ke as default
+};

package/dist-lib/{session-token-usage-BpE02cRH.js → session-token-usage-CTQR54Yk.js}

@@ -1,8 +1,8 @@
 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-Dg1UH3AQ.js";
+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-cpSkU0tg.js";
+import { useState as p, useCallback as z, useEffect as P } from "react";
 import "@base-ui/react/collapsible";
-import { cn as z } from "cnfast";
-import { useState as p, useCallback as P, useEffect as U } from "react";
+import { cn as U } from "cnfast";
 import "@base-ui/react/input";
 function u({
   title: r,
@@ -28,7 +28,7 @@ function H({
   onOpenChange: l
 }) {
   var k;
-  const m = r.sessionId, [e, v] = p(null), [x, g] = p(!1), [b, N] = p(null), h = P(async () => {
+  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);
       try {
@@ -40,7 +40,7 @@ function H({
       }
     }
   }, [m]);
-  U(() => {
+  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;
@@ -216,7 +216,7 @@ function H({
                   /* @__PURE__ */ s(
                     "span",
                     {
-                      className: z(
+                      className: U(
                         "size-2 rounded-full",
                         e.accuracy === "reported" ? "bg-emerald-500" : "bg-amber-500"
                       )