npm - groove-dev - Versions diffs - 0.27.60 → 0.27.61 - Mend

groove-dev 0.27.60 → 0.27.61

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 (45) hide show

package/packages/gui/dist/index.html CHANGED Viewed

@@ -6,12 +6,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="icon" type="image/png" href="/favicon.png" />
     <title>Groove GUI</title>
-    <script type="module" crossorigin src="/assets/index-DcnRqlqB.js"></script>
+    <script type="module" crossorigin src="/assets/index-DWao9glo.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/vendor-C0HXlhrU.js">
     <link rel="modulepreload" crossorigin href="/assets/reactflow-BQPfi37R.js">
     <link rel="modulepreload" crossorigin href="/assets/codemirror-BBL3i_JW.js">
     <link rel="modulepreload" crossorigin href="/assets/xterm--7_ns2zW.js">
-    <link rel="stylesheet" crossorigin href="/assets/index-DD6taBMp.css">
+    <link rel="stylesheet" crossorigin href="/assets/index-B3AqeyS4.css">
   </head>
   <body>
     <div id="root"></div>

package/packages/gui/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@groove-dev/gui",
-  "version": "0.27.60",
+  "version": "0.27.61",
   "description": "GROOVE GUI — visual agent control plane",
   "license": "FSL-1.1-Apache-2.0",
   "type": "module",

package/packages/gui/src/components/chat/chat-view.jsx CHANGED Viewed

@@ -38,6 +38,7 @@ export function ChatView() {
   const stopAgent = useGrooveStore((s) => s.stopAgent);
   const stopChatStreaming = useGrooveStore((s) => s.stopChatStreaming);
   const setConversationMode = useGrooveStore((s) => s.setConversationMode);
+  const setConversationModel = useGrooveStore((s) => s.setConversationModel);
   const [sidebarCollapsed, setSidebarCollapsed] = useState(false);
@@ -74,11 +75,11 @@ export function ChatView() {
   const handleModelChange = useCallback(async (selection) => {
     if (activeConversationId) {
-      // TODO: Update conversation model via API
+      await setConversationModel(activeConversationId, selection.provider, selection.model);
     } else {
       await handleNewChat(selection.provider, selection.model);
     }
-  }, [activeConversationId, handleNewChat]);
+  }, [activeConversationId, setConversationModel, handleNewChat]);
   const currentModel = activeConversation
     ? { provider: activeConversation.provider, model: activeConversation.model }

package/packages/gui/src/components/chat/model-picker.jsx CHANGED Viewed

@@ -83,7 +83,7 @@ export function ModelPicker({ value, onChange, disabled }) {
       </button>
       {open && (
-        <div className="absolute top-full left-0 mt-1 w-72 max-h-80 overflow-y-auto rounded-lg border border-border bg-surface-1 shadow-xl z-50">
+        <div className="absolute top-full right-0 mt-1 w-72 max-h-80 overflow-y-auto rounded-lg border border-border bg-surface-1 shadow-xl z-50">
           {providers.length === 0 && (
             <div className="px-4 py-6 text-center text-xs text-text-3 font-sans">No providers available</div>
           )}

package/packages/gui/src/components/layout/status-bar.jsx CHANGED Viewed

@@ -2,9 +2,11 @@
 import { Terminal, BookOpen, Radio, Plug, Globe, ArrowUpCircle, X, Unplug } from 'lucide-react';
 import { cn } from '../../lib/cn';
 import { StatusDot } from '../ui/status-dot';
+import { Badge } from '../ui/badge';
 import { fmtUptime } from '../../lib/format';
 import { useGrooveStore } from '../../stores/groove';
 import { isElectron, openExternal } from '../../lib/electron';
+import { UpdateModal } from '../ui/update-modal';
 export function StatusBar({
   connected,
@@ -18,7 +20,8 @@ export function StatusBar({
   const tunneled = useGrooveStore((s) => s.tunneled);
   const version = useGrooveStore((s) => s.version);
   const updateReady = useGrooveStore((s) => s.updateReady);
-  const installUpdate = useGrooveStore((s) => s.installUpdate);
+  const updateProgress = useGrooveStore((s) => s.updateProgress);
+  const setUpdateModalOpen = useGrooveStore((s) => s.setUpdateModalOpen);
   const subscription = useGrooveStore((s) => s.subscription);
   const navigate = useGrooveStore((s) => s.setActiveView);
   const activeTunnel = savedTunnels.find((t) => t.active);
@@ -110,14 +113,16 @@ export function StatusBar({
       <div className="flex-1" />
       {/* Right: version + docs + terminal toggle */}
-      {updateReady ? (
+      {updateReady || updateProgress ? (
         <button
-          onClick={installUpdate}
-          className="flex items-center gap-1.5 px-2 h-full text-success hover:bg-success/10 transition-colors cursor-pointer"
-          title={`Update to v${updateReady}`}
+          onClick={() => setUpdateModalOpen(true)}
+          className="flex items-center gap-1 px-2 h-full cursor-pointer"
+          title={updateReady ? `Update to v${updateReady}` : 'Downloading update\u2026'}
         >
-          <ArrowUpCircle size={12} />
-          <span>v{updateReady}</span>
+          <Badge variant="warning" className="cursor-pointer">
+            <ArrowUpCircle size={10} />
+            {updateReady ? 'Update Available' : 'Downloading\u2026'}
+          </Badge>
         </button>
       ) : version ? (
         <span className="text-text-4 px-2">v{version}</span>
@@ -146,6 +151,7 @@ export function StatusBar({
         <span>Terminal</span>
         <kbd className="font-mono text-text-4 ml-0.5">Cmd+J</kbd>
       </button>
+      <UpdateModal />
     </footer>
   );
 }

package/packages/gui/src/components/ui/update-modal.jsx ADDED Viewed

@@ -0,0 +1,70 @@
+// FSL-1.1-Apache-2.0 — see LICENSE
+import { ArrowUpCircle, Loader2 } from 'lucide-react';
+import { Dialog, DialogContent } from './dialog';
+import { Button } from './button';
+import { useGrooveStore } from '../../stores/groove';
+export function UpdateModal() {
+  const open = useGrooveStore((s) => s.updateModalOpen);
+  const setOpen = useGrooveStore((s) => s.setUpdateModalOpen);
+  const version = useGrooveStore((s) => s.version);
+  const updateReady = useGrooveStore((s) => s.updateReady);
+  const updateProgress = useGrooveStore((s) => s.updateProgress);
+  const installUpdate = useGrooveStore((s) => s.installUpdate);
+  const downloading = updateProgress && !updateReady;
+  const percent = downloading ? Math.max(0, Math.min(100, updateProgress.percent || 0)) : 100;
+  return (
+    <Dialog open={open} onOpenChange={setOpen}>
+      <DialogContent title="Update Available" description="Desktop app update">
+        <div className="px-5 py-4 flex flex-col gap-3">
+          <div className="flex items-center gap-3">
+            <div className="flex items-center justify-center w-10 h-10 rounded-lg bg-accent/12">
+              <ArrowUpCircle size={20} className="text-accent" />
+            </div>
+            <div>
+              <p className="text-sm text-text-1 font-sans font-medium">
+                {downloading ? 'Downloading update\u2026' : `Ready to update`}
+              </p>
+              <p className="text-xs text-text-3 font-sans mt-0.5">
+                {version && <span className="font-mono">{version}</span>}
+                {version && updateReady && ' \u2192 '}
+                {updateReady && <span className="font-mono text-accent">{updateReady}</span>}
+              </p>
+            </div>
+          </div>
+          {downloading && (
+            <div className="flex items-center gap-2 mt-1">
+              <Loader2 size={12} className="animate-spin text-accent flex-shrink-0" />
+              <div className="flex-1 h-1.5 rounded-full bg-surface-3 overflow-hidden">
+                <div
+                  className="h-full rounded-full bg-accent transition-all duration-500 ease-out"
+                  style={{ width: `${percent}%` }}
+                />
+              </div>
+              <span className="text-2xs font-mono text-text-3 tabular-nums">{percent}%</span>
+            </div>
+          )}
+          {!downloading && (
+            <p className="text-xs text-text-3 font-sans leading-relaxed">
+              The app will restart to apply the update. Your work is saved automatically.
+            </p>
+          )}
+        </div>
+        <div className="flex items-center justify-end gap-2 px-5 py-3 border-t border-border-subtle bg-surface-0">
+          <Button variant="ghost" size="sm" onClick={() => setOpen(false)}>Later</Button>
+          <Button
+            variant="primary"
+            size="sm"
+            disabled={downloading}
+            onClick={() => { installUpdate(); setOpen(false); }}
+          >
+            <ArrowUpCircle size={12} />
+            Update &amp; Restart
+          </Button>
+        </div>
+      </DialogContent>
+    </Dialog>
+  );
+}

package/packages/gui/src/stores/groove.js CHANGED Viewed

@@ -123,6 +123,8 @@ export const useGrooveStore = create((set, get) => ({
   // ── Version / Auto-Update ──────────────────────────────────
   version: null,
   updateReady: null,
+  updateProgress: null,
+  updateModalOpen: false,
   // ── Toasts ────────────────────────────────────────────────
   toasts: [],
@@ -184,10 +186,14 @@ export const useGrooveStore = create((set, get) => ({
           if (data) set({ subscription: { ...get().subscription, ...data } });
         });
       }
+      if (window.groove?.update?.onUpdateProgress) {
+        window.groove.update.onUpdateProgress((data) => {
+          set({ updateProgress: data });
+        });
+      }
       if (window.groove?.update?.onUpdateDownloaded) {
         window.groove.update.onUpdateDownloaded((data) => {
-          set({ updateReady: data.version });
-          get().addToast('info', 'Update available', `v${data.version} downloaded — restart to apply`);
+          set({ updateReady: data.version, updateModalOpen: true, updateProgress: null });
         });
       }
     };
@@ -861,7 +867,6 @@ export const useGrooveStore = create((set, get) => ({
               arr.push({ from: 'assistant', text, timestamp: Date.now() });
             }
             msgs[conversationId] = arr.slice(-200);
-            persistJSON('groove:conversationMessages', msgs);
             return { conversationMessages: msgs, streamingConversationId: conversationId };
           });
           break;
@@ -869,10 +874,10 @@ export const useGrooveStore = create((set, get) => ({
         case 'conversation:complete': {
           const { conversationId } = msg.data || msg;
-          if (conversationId) {
+          if (conversationId && get().streamingConversationId === conversationId) {
             set({ sendingMessage: false, streamingConversationId: null });
-            persistJSON('groove:conversationMessages', get().conversationMessages);
           }
+          if (conversationId) persistJSON('groove:conversationMessages', get().conversationMessages);
           break;
         }
@@ -884,7 +889,8 @@ export const useGrooveStore = create((set, get) => ({
               if (!msgs[conversationId]) msgs[conversationId] = [];
               msgs[conversationId] = [...msgs[conversationId], { from: 'system', text: `Error: ${error || 'Unknown error'}`, timestamp: Date.now() }];
               persistJSON('groove:conversationMessages', msgs);
-              return { conversationMessages: msgs, sendingMessage: false, streamingConversationId: null };
+              const isActive = s.streamingConversationId === conversationId;
+              return { conversationMessages: msgs, sendingMessage: isActive ? false : s.sendingMessage, streamingConversationId: isActive ? null : s.streamingConversationId };
             });
           }
           break;
@@ -1071,6 +1077,12 @@ export const useGrooveStore = create((set, get) => ({
   installUpdate() {
     window.groove?.update?.installUpdate();
   },
+  setUpdateModalOpen(open) {
+    set({ updateModalOpen: open });
+  },
+  checkForUpdate() {
+    window.groove?.update?.checkForUpdate();
+  },
   // ── Marketplace Auth ────────────────────────────────────────
@@ -1718,6 +1730,15 @@ export const useGrooveStore = create((set, get) => ({
     }
   },
+  async setConversationModel(id, provider, model) {
+    try {
+      const conv = await api.patch(`/conversations/${encodeURIComponent(id)}`, { provider, model });
+      set((s) => ({ conversations: s.conversations.map((c) => c.id === id ? { ...c, ...conv } : c) }));
+    } catch (err) {
+      get().addToast('error', 'Model change failed', err.message);
+    }
+  },
   async stopChatStreaming(conversationId) {
     try {
       await api.post(`/conversations/${encodeURIComponent(conversationId)}/stop`);