@ai-matrx/coding-sessions 0.1.87 → 0.1.89

package/dist/react/index.js

@@ -20,6 +20,7 @@ import {
   Dialog as Dialog2,
   DropdownMenu as DropdownMenu3,
   DropdownMenuContent as DropdownMenuContent3,
+  DropdownMenuItem as DropdownMenuItem4,
   DropdownMenuTrigger as DropdownMenuTrigger3,
   DialogContent as DialogContent2,
   DialogDescription,
@@ -2520,8 +2521,14 @@ function useSessionUsage(sessionId, lastRunKey) {
 }
 function HeaderMenu(props) {
   return /* @__PURE__ */ jsxs7(DropdownMenu3, { children: [
-    /* @__PURE__ */ jsx7(DropdownMenuTrigger3, { asChild: true, children: /* @__PURE__ */ jsx7("button", { type: "button", className: "cs-icon-button", "aria-label": "More for this chat", title: "More", children: /* @__PURE__ */ jsx7(MoreIcon, { size: 16 }) }) }),
-    /* @__PURE__ */ jsx7(DropdownMenuContent3, { align: "end", className: "w-64", onCloseAutoFocus: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx7(ChatMenuItems, { entry: props.entry, variant: "dropdown", onRename: props.onRename }) })
+    /* @__PURE__ */ jsx7(DropdownMenuTrigger3, { asChild: true, children: /* @__PURE__ */ jsx7("button", { type: "button", className: "cs-icon-button shrink-0", "aria-label": "More for this chat", title: "More", children: /* @__PURE__ */ jsx7(MoreIcon, { size: 16 }) }) }),
+    /* @__PURE__ */ jsxs7(DropdownMenuContent3, { align: "end", className: "w-64", onCloseAutoFocus: (e) => e.preventDefault(), children: [
+      props.onChanges ? /* @__PURE__ */ jsxs7(DropdownMenuItem4, { onSelect: props.onChanges, children: [
+        /* @__PURE__ */ jsx7(FileIcon, { size: 14 }),
+        props.changesOpen ? "Hide changed files" : "Files this chat changed"
+      ] }) : null,
+      /* @__PURE__ */ jsx7(ChatMenuItems, { entry: props.entry, variant: "dropdown", onRename: props.onRename })
+    ] })
   ] });
 }
 function HeaderTitle(props) {
@@ -2627,7 +2634,7 @@ function SessionView({ session, changesOpen, setChangesOpen }) {
   const usageTitle = usage ? `${formatCount(usage.tokens)} tokens over ${usage.runs} ${usage.runs === 1 ? "message" : "messages"} sent from here.` + (usage.cost !== null ? usage.billing === "subscription" ? ` ${formatUsd(usage.cost)} is what this would cost at API prices \u2014 it's covered by your ${provider?.plan ?? ""} plan.`.replace("  ", " ") : ` Billed ${formatUsd(usage.cost)} to your API key.` : "") : "";
   return /* @__PURE__ */ jsxs7("div", { className: "flex min-w-0 flex-1", children: [
     /* @__PURE__ */ jsxs7("section", { className: "flex min-w-0 flex-1 flex-col", "aria-label": entry.title, children: [
-      /* @__PURE__ */ jsxs7("header", { className: "flex flex-wrap items-center gap-2 border-b border-border px-5 pt-2.5 pb-2.5", children: [
+      /* @__PURE__ */ jsxs7("header", { className: "@container/header flex items-center gap-2 border-b border-border px-5 pt-2.5 pb-2.5", children: [
         /* @__PURE__ */ jsx7(ProviderMark, { provider: session.provider, size: 22 }),
         /* @__PURE__ */ jsxs7("div", { className: "min-w-0 flex-1 overflow-hidden", children: [
           /* @__PURE__ */ jsx7(HeaderTitle, { entry, renaming, setRenaming }),
@@ -2656,7 +2663,7 @@ function SessionView({ session, changesOpen, setChangesOpen }) {
           "button",
           {
             type: "button",
-            className: cn5("cs-chip-button", changesOpen && "cs-chip-button--on"),
+            className: cn5("cs-chip-button shrink-0 @max-[620px]/header:hidden", changesOpen && "cs-chip-button--on"),
             onClick: () => setChangesOpen(!changesOpen),
             "aria-pressed": changesOpen,
             title: "Files this chat changed",
@@ -2671,7 +2678,7 @@ function SessionView({ session, changesOpen, setChangesOpen }) {
           stopping ? /* @__PURE__ */ jsx7(SpinnerIcon, { size: 13 }) : /* @__PURE__ */ jsx7(StopIcon, { size: 13 }),
           stopping ? "Stopping\u2026" : "Stop"
         ] }) : null,
-        /* @__PURE__ */ jsx7(HeaderMenu, { entry, onRename: () => setRenaming(true) })
+        /* @__PURE__ */ jsx7(HeaderMenu, { entry, onRename: () => setRenaming(true), onChanges: () => setChangesOpen(!changesOpen), changesOpen })
       ] }),
       /* @__PURE__ */ jsx7("div", { className: "mx-chat flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ jsxs7(ChatProvider, { thread: transcript.thread, ports: { notifier, toolLabel: friendlyToolName }, children: [
         /* @__PURE__ */ jsx7("div", { className: "min-h-0 flex-1 overflow-hidden", children: transcript.state.loading ? /* @__PURE__ */ jsxs7("div", { className: "flex h-full items-center justify-center gap-2 text-[13px] text-muted-foreground", children: [
@@ -2841,7 +2848,7 @@ function DiscoveredView(props) {
   };
   return /* @__PURE__ */ jsxs7("div", { className: "flex min-w-0 flex-1", children: [
     /* @__PURE__ */ jsxs7("section", { className: "flex min-w-0 flex-1 flex-col", "aria-label": entry.title, children: [
-      /* @__PURE__ */ jsxs7("header", { className: "flex flex-wrap items-center gap-2 border-b border-border px-5 pt-2.5 pb-2.5", children: [
+      /* @__PURE__ */ jsxs7("header", { className: "@container/header flex items-center gap-2 border-b border-border px-5 pt-2.5 pb-2.5", children: [
         /* @__PURE__ */ jsx7(ProviderMark, { provider: props.provider, size: 22 }),
         /* @__PURE__ */ jsxs7("div", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ jsx7(HeaderTitle, { entry, renaming, setRenaming }),
@@ -3277,35 +3284,32 @@ function Home({ onNew }) {
       /* @__PURE__ */ jsx7("kbd", { className: "cs-kbd", children: "\u2318/" }),
       " all shortcuts"
     ] }),
-    /* @__PURE__ */ jsx7("div", { className: "mt-6 grid grid-cols-[repeat(auto-fit,minmax(220px,1fr))] gap-1.5 text-left", children: state.providers.data.map((p) => /* @__PURE__ */ jsxs7("div", { className: "flex min-w-[220px] items-start gap-2.5 rounded-lg border border-border px-3 py-2.5", children: [
-      /* @__PURE__ */ jsx7(ProviderMark, { provider: p.provider, size: 16 }),
-      /* @__PURE__ */ jsxs7("div", { className: "min-w-0 flex-1 text-[12.5px] leading-5", children: [
-        /* @__PURE__ */ jsx7("span", { className: "font-medium", children: p.label }),
-        p.ready ? /* @__PURE__ */ jsxs7("span", { className: "text-muted-foreground", children: [
-          " ",
-          "\u2014 ready",
-          p.plan ? ` on your ${p.plan} plan` : "",
-          p.billing === "api" ? " (API key, billed per use)" : ""
-        ] }) : null,
-        p.installed && p.version ? /* @__PURE__ */ jsxs7(
-          "span",
-          {
-            className: "block text-[11.5px] text-muted-foreground",
-            title: newerWords(p) ?? p.binary?.path ?? void 0,
-            children: [
-              binaryWords(p),
+    /* @__PURE__ */ jsx7("div", { className: "mt-6 flex flex-wrap justify-center gap-2 text-left", children: state.providers.data.map((p) => /* @__PURE__ */ jsxs7(
+      "div",
+      {
+        "data-provider-card": p.provider,
+        title: p.installed && p.version ? [binaryWords(p), newerWords(p) ?? p.binary?.path].filter(Boolean).join(" \xB7 ") : void 0,
+        className: "flex w-[260px] items-start gap-2.5 rounded-lg border border-border bg-card px-3 py-2.5",
+        children: [
+          /* @__PURE__ */ jsx7(ProviderMark, { provider: p.provider, size: 16 }),
+          /* @__PURE__ */ jsxs7("div", { className: "min-w-0 flex-1 leading-5", children: [
+            /* @__PURE__ */ jsx7("span", { className: "block truncate text-[14px] font-semibold", children: p.label }),
+            p.ready ? /* @__PURE__ */ jsxs7("span", { className: "block truncate text-[12px] text-muted-foreground", children: [
+              "Ready",
+              p.plan ? ` on your ${p.plan} plan` : "",
+              p.billing === "api" ? " (API key, billed per use)" : "",
               p.binary?.newer ? ` \xB7 ${p.binary.newer.version} available` : ""
-            ]
-          }
-        ) : null,
-        p.ready ? null : /* @__PURE__ */ jsxs7("span", { className: "block text-muted-foreground", children: [
-          p.problem,
-          " ",
-          p.fix
-        ] })
-      ] }),
-      p.ready ? /* @__PURE__ */ jsx7(CheckIcon, { size: 15, className: "mt-0.5 text-success" }) : /* @__PURE__ */ jsx7(AlertIcon, { size: 15, className: "mt-0.5 text-warning" })
-    ] }, p.provider)) })
+            ] }) : /* @__PURE__ */ jsxs7("span", { className: "block text-[12px] text-muted-foreground", children: [
+              p.problem,
+              " ",
+              p.fix
+            ] })
+          ] }),
+          p.ready ? /* @__PURE__ */ jsx7(CheckIcon, { size: 15, className: "mt-0.5 text-success" }) : /* @__PURE__ */ jsx7(AlertIcon, { size: 15, className: "mt-0.5 text-warning" })
+        ]
+      },
+      p.provider
+    )) })
   ] }) });
 }
 function useToast() {