@ai-matrx/coding-sessions 0.1.87 → 0.1.89

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @ai-matrx/coding-sessions
 
+## 0.1.89
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/coding-sessions/v0.1.88..npm/coding-sessions/v0.1.89 -- apps/shared/coding-sessions`).
+No source changes intended and no consumer action required.
+
+## 0.1.88
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/coding-sessions/v0.1.87..npm/coding-sessions/v0.1.88 -- apps/shared/coding-sessions`).
+No source changes intended and no consumer action required.
+
 ## 0.1.87
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see

package/dist/react/index.cjs

@@ -2477,8 +2477,14 @@ function useSessionUsage(sessionId, lastRunKey) {
 }
 function HeaderMenu(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system6.DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system6.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "cs-icon-button", "aria-label": "More for this chat", title: "More", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MoreIcon, { size: 16 }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system6.DropdownMenuContent, { align: "end", className: "w-64", onCloseAutoFocus: (e) => e.preventDefault(), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ChatMenuItems, { entry: props.entry, variant: "dropdown", onRename: props.onRename }) })
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system6.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "cs-icon-button shrink-0", "aria-label": "More for this chat", title: "More", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MoreIcon, { size: 16 }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system6.DropdownMenuContent, { align: "end", className: "w-64", onCloseAutoFocus: (e) => e.preventDefault(), children: [
+      props.onChanges ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system6.DropdownMenuItem, { onSelect: props.onChanges, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FileIcon, { size: 14 }),
+        props.changesOpen ? "Hide changed files" : "Files this chat changed"
+      ] }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ChatMenuItems, { entry: props.entry, variant: "dropdown", onRename: props.onRename })
+    ] })
   ] });
 }
 function HeaderTitle(props) {
@@ -2584,7 +2590,7 @@ function SessionView({ session, changesOpen, setChangesOpen }) {
   const usageTitle = usage ? `${(0, import_format3.formatCount)(usage.tokens)} tokens over ${usage.runs} ${usage.runs === 1 ? "message" : "messages"} sent from here.` + (usage.cost !== null ? usage.billing === "subscription" ? ` ${(0, import_format3.formatUsd)(usage.cost)} is what this would cost at API prices \u2014 it's covered by your ${provider?.plan ?? ""} plan.`.replace("  ", " ") : ` Billed ${(0, import_format3.formatUsd)(usage.cost)} to your API key.` : "") : "";
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex min-w-0 flex-1", children: [
     /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("section", { className: "flex min-w-0 flex-1 flex-col", "aria-label": entry.title, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("header", { className: "flex flex-wrap items-center gap-2 border-b border-border px-5 pt-2.5 pb-2.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("header", { className: "@container/header flex items-center gap-2 border-b border-border px-5 pt-2.5 pb-2.5", children: [
         /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ProviderMark, { provider: session.provider, size: 22 }),
         /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "min-w-0 flex-1 overflow-hidden", children: [
           /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(HeaderTitle, { entry, renaming, setRenaming }),
@@ -2613,7 +2619,7 @@ function SessionView({ session, changesOpen, setChangesOpen }) {
           "button",
           {
             type: "button",
-            className: (0, import_design_system6.cn)("cs-chip-button", changesOpen && "cs-chip-button--on"),
+            className: (0, import_design_system6.cn)("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",
@@ -2628,7 +2634,7 @@ function SessionView({ session, changesOpen, setChangesOpen }) {
           stopping ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SpinnerIcon, { size: 13 }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(StopIcon, { size: 13 }),
           stopping ? "Stopping\u2026" : "Stop"
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(HeaderMenu, { entry, onRename: () => setRenaming(true) })
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(HeaderMenu, { entry, onRename: () => setRenaming(true), onChanges: () => setChangesOpen(!changesOpen), changesOpen })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mx-chat flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react9.ChatProvider, { thread: transcript.thread, ports: { notifier, toolLabel: friendlyToolName }, children: [
         /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "min-h-0 flex-1 overflow-hidden", children: transcript.state.loading ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex h-full items-center justify-center gap-2 text-[13px] text-muted-foreground", children: [
@@ -2798,7 +2804,7 @@ function DiscoveredView(props) {
   };
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex min-w-0 flex-1", children: [
     /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("section", { className: "flex min-w-0 flex-1 flex-col", "aria-label": entry.title, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("header", { className: "flex flex-wrap items-center gap-2 border-b border-border px-5 pt-2.5 pb-2.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("header", { className: "@container/header flex items-center gap-2 border-b border-border px-5 pt-2.5 pb-2.5", children: [
         /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ProviderMark, { provider: props.provider, size: 22 }),
         /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(HeaderTitle, { entry, renaming, setRenaming }),
@@ -3234,35 +3240,32 @@ function Home({ onNew }) {
       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("kbd", { className: "cs-kbd", children: "\u2318/" }),
       " all shortcuts"
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("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__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex min-w-[220px] items-start gap-2.5 rounded-lg border border-border px-3 py-2.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ProviderMark, { provider: p.provider, size: 16 }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "min-w-0 flex-1 text-[12.5px] leading-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "font-medium", children: p.label }),
-        p.ready ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("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__ */ (0, import_jsx_runtime7.jsxs)(
-          "span",
-          {
-            className: "block text-[11.5px] text-muted-foreground",
-            title: newerWords(p) ?? p.binary?.path ?? void 0,
-            children: [
-              binaryWords(p),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mt-6 flex flex-wrap justify-center gap-2 text-left", children: state.providers.data.map((p) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+      "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__ */ (0, import_jsx_runtime7.jsx)(ProviderMark, { provider: p.provider, size: 16 }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "min-w-0 flex-1 leading-5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "block truncate text-[14px] font-semibold", children: p.label }),
+            p.ready ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("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__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "block text-muted-foreground", children: [
-          p.problem,
-          " ",
-          p.fix
-        ] })
-      ] }),
-      p.ready ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CheckIcon, { size: 15, className: "mt-0.5 text-success" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AlertIcon, { size: 15, className: "mt-0.5 text-warning" })
-    ] }, p.provider)) })
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "block text-[12px] text-muted-foreground", children: [
+              p.problem,
+              " ",
+              p.fix
+            ] })
+          ] }),
+          p.ready ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CheckIcon, { size: 15, className: "mt-0.5 text-success" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AlertIcon, { size: 15, className: "mt-0.5 text-warning" })
+        ]
+      },
+      p.provider
+    )) })
   ] }) });
 }
 function useToast() {