groove-dev 0.26.2 → 0.26.4

package/packages/gui/dist/index.html

@@ -5,7 +5,7 @@
     <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-BC2Bhfv0.js"></script>
+    <script type="module" crossorigin src="/assets/index-CXBK_GNM.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">

package/packages/gui/src/views/settings.jsx

@@ -102,37 +102,60 @@ function ProviderCard({ provider, onKeyChange }) {
     }
   }
 
-  // Ollama card
+  // Local models card
   if (isLocal) {
+    const installedCount = provider.models?.filter(m => !m.disabled)?.length || 0;
+    const goToModels = () => useGrooveStore.getState().setActiveView('models');
     return (
       <div className="flex flex-col rounded-lg border border-border-subtle bg-surface-1 overflow-hidden min-w-[220px]">
         <div className="flex items-center gap-2.5 px-4 py-3 border-b border-border-subtle">
-          <StatusDot status={isReady ? 'running' : 'crashed'} size="sm" />
+          <StatusDot status={isReady && installedCount > 0 ? 'running' : 'crashed'} size="sm" />
           <span className="text-[13px] font-semibold text-text-0 font-sans">{provider.name}</span>
           <div className="flex-1" />
-          {isReady ? (
-            <Badge variant="success" className="text-2xs gap-1"><Check size={8} /> Ready</Badge>
+          {isReady && installedCount > 0 ? (
+            <Badge variant="success" className="text-2xs gap-1"><Check size={8} /> {installedCount} models</Badge>
+          ) : isReady ? (
+            <Badge variant="warning" className="text-2xs">No models pulled</Badge>
           ) : (
-            <Badge variant="default" className="text-2xs">Not installed</Badge>
+            <Badge variant="default" className="text-2xs">Not set up</Badge>
           )}
         </div>
         <div className="flex-1">
           {ollamaOpen ? (
-            <OllamaSetup isInstalled={isReady} onModelChange={onKeyChange} />
+            <>
+              <OllamaSetup isInstalled={isReady} onModelChange={onKeyChange} />
+              <div className="px-4 py-2 border-t border-border-subtle flex gap-2">
+                <Button variant="ghost" size="sm" onClick={() => setOllamaOpen(false)} className="flex-1 h-7 text-2xs">
+                  Back
+                </Button>
+                <Button variant="secondary" size="sm" onClick={() => { setOllamaOpen(false); goToModels(); }} className="flex-1 h-7 text-2xs gap-1">
+                  Models Tab
+                </Button>
+              </div>
+            </>
           ) : (
             <div className="px-4 py-3 flex flex-col h-full">
               <div className="text-xs text-text-3 font-sans flex-1">
-                {isReady ? `${provider.models?.length || 0} models available` : 'Local AI models — free, private, no API key'}
+                {isReady && installedCount > 0
+                  ? 'Full agentic runtime — tool calling, context rotation, zero cloud cost'
+                  : isReady
+                    ? 'Ollama is running. Pull a model to start using local agents.'
+                    : 'Run any open-source model locally — free, private, fully offline. Requires Ollama.'}
+              </div>
+              <div className="flex gap-2 mt-3">
+                {!isReady ? (
+                  <Button variant="primary" size="sm" onClick={() => setOllamaOpen(true)} className="flex-1 h-7 text-2xs gap-1.5">
+                    <Cpu size={11} /> Set Up Ollama
+                  </Button>
+                ) : (
+                  <Button variant="primary" size="sm" onClick={() => setOllamaOpen(true)} className="flex-1 h-7 text-2xs gap-1.5">
+                    <Cpu size={11} /> {installedCount > 0 ? 'Manage' : 'Pull Models'}
+                  </Button>
+                )}
+                <Button variant="secondary" size="sm" onClick={goToModels} className="flex-1 h-7 text-2xs gap-1.5">
+                  Models Tab
+                </Button>
               </div>
-              <Button
-                variant={isReady ? 'secondary' : 'primary'}
-                size="sm"
-                onClick={() => setOllamaOpen(true)}
-                className="w-full h-7 text-2xs gap-1.5 mt-3"
-              >
-                <Cpu size={11} />
-                {isReady ? 'Manage Models' : 'Set Up Ollama'}
-              </Button>
             </div>
           )}
         </div>