openaxies 0.2.1 → 0.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openaxies",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "private": false,
   "type": "module",
   "bin": {

package/src/App.js

@@ -72,6 +72,7 @@ function AppRoot() {
   const availLines = Math.max(1, rows - fixedH);
 
   const abortRef = React.useRef(null);
+  const connectingRef = React.useRef(null);
 
   // ---------------------------------------------------------------------------
   // Input handlers
@@ -117,10 +118,10 @@ function AppRoot() {
     if (trigger === '/model') {
       // Toggle between the two local models
       setActiveModel(function (prev) {
-        if (prev === 'openaxis/openaxis-flash') {
+        if (prev === 'openaxis/openaxis-mixtral') {
           return 'openaxis/openaxis-heavy';
         }
-        return 'openaxis/openaxis-flash';
+          return 'openaxis/openaxis-mixtral';
       });
     }
 
@@ -133,7 +134,7 @@ function AppRoot() {
             '**Available commands:**\n' +
             '- `/help`  — Show this help\n' +
             '- `/clear` — Clear the conversation\n' +
-            '- `/model` — Toggle between OpenAxies Flash and Heavy\n' +
+            '- `/model` — Toggle between Mixtral and Heavy\n' +
             '- `/exit`  — Quit the application\n\n' +
             'Type your message and press **Enter** to chat.',
           id: 'help-' + Date.now(),
@@ -161,10 +162,23 @@ function AppRoot() {
       return prev.concat([{ role: 'user', content: safeText, id: msgId }]);
     });
     setInputBuffer('');
-    setStreamText('\u2022\u2022\u2022');  // animated placeholder
+    setStreamText(' connecting');
+    connectingRef.current = setInterval(function () {
+      setStreamText(function (prev) {
+        if (prev === ' connecting') return ' connecting.';
+        if (prev === ' connecting.') return ' connecting..';
+        if (prev === ' connecting..') return ' connecting...';
+        if (prev === ' connecting...') return ' connecting';
+        return prev;
+      });
+    }, 400);
 
     const modelInfo = getModelById(activeModel);
     if (modelInfo === null || modelInfo === undefined) {
+      if (connectingRef.current !== null) {
+        clearInterval(connectingRef.current);
+        connectingRef.current = null;
+      }
       setStreamingActive(false);
       setStreamText('');
       setScrollOffset(0);
@@ -185,39 +199,20 @@ function AppRoot() {
     try {
       const gen = callModel(modelInfo, history, abortController.signal);
       let accumulated = '';
-      let thinkingId = null;
-      const thinkingLines = [];
+      let firstEvent = true;
 
       for await (const event of gen) {
         if (abortController.signal.aborted === true) {
           break;
         }
-        if (event.type === 'thinking') {
-          if (thinkingId === null) {
-            thinkingId = 'think-' + Date.now() + '-' + Math.random().toString(36).slice(2, 8);
+        if (firstEvent === true) {
+          firstEvent = false;
+          if (connectingRef.current !== null) {
+            clearInterval(connectingRef.current);
+            connectingRef.current = null;
           }
-          thinkingLines.push(typeof event.content === 'string' ? event.content : '');
-          const content = thinkingLines.join('\n');
-          setMessages(function (prev) {
-            let replaced = false;
-            const next = [];
-            for (let i = 0; i < prev.length; i++) {
-              const item = prev[i];
-              if (item !== null && item !== undefined && item.id === thinkingId) {
-                next.push({ role: 'thinking', content: content, id: thinkingId });
-                replaced = true;
-              } else {
-                next.push(item);
-              }
-            }
-            if (replaced === false) {
-              next.push({ role: 'thinking', content: content, id: thinkingId });
-            }
-            return next;
-          });
-          setScrollOffset(0);
         }
-        if (event.type === 'token') {
+        if (event.type === 'thinking' || event.type === 'token') {
           const content = typeof event.content === 'string' ? event.content : '';
           for (let i = 0; i < content.length; i++) {
             accumulated = accumulated + content[i];
@@ -240,6 +235,10 @@ function AppRoot() {
         }
       }
 
+      if (connectingRef.current !== null) {
+        clearInterval(connectingRef.current);
+        connectingRef.current = null;
+      }
       setStreamingActive(false);
       setStreamText('');
 
@@ -253,6 +252,10 @@ function AppRoot() {
         });
       }
     } catch (err) {
+      if (connectingRef.current !== null) {
+        clearInterval(connectingRef.current);
+        connectingRef.current = null;
+      }
       setStreamingActive(false);
       setStreamText('');
       setScrollOffset(0);

package/src/components/ChatViewport.js

@@ -11,49 +11,6 @@ function checkArray(arr) {
   return arr;
 }
 
-// Splits content on <think>...</think> tags.
-// Returns an array of { type: 'text' | 'think', content: string } parts.
-function parseThinkTags(content) {
-  if (typeof content !== 'string') {
-    return [];
-  }
-  const parts = [];
-  let remaining = content;
-  let inThink = false;
-
-  while (remaining.length > 0) {
-    if (inThink === false) {
-      const startIdx = remaining.indexOf('<think>');
-      if (startIdx === -1) {
-        if (remaining.length > 0) {
-          parts.push({ type: 'text', content: remaining });
-        }
-        break;
-      }
-      if (startIdx > 0) {
-        parts.push({ type: 'text', content: remaining.slice(0, startIdx) });
-      }
-      remaining = remaining.slice(startIdx + 7);
-      inThink = true;
-    } else {
-      const endIdx = remaining.indexOf('</think>');
-      if (endIdx === -1) {
-        if (remaining.length > 0) {
-          parts.push({ type: 'think', content: remaining });
-        }
-        break;
-      }
-      if (endIdx > 0) {
-        parts.push({ type: 'think', content: remaining.slice(0, endIdx) });
-      }
-      remaining = remaining.slice(endIdx + 8);
-      inThink = false;
-    }
-  }
-
-  return parts;
-}
-
 function clampWidth(width) {
   if (typeof width !== 'number' || width < 20) {
     return 80;
@@ -104,39 +61,22 @@ function pushWrapped(lines, text, width, color, bold) {
   }
 }
 
-function pushContentLines(lines, content, width) {
-  const parts = parseThinkTags(content);
-  for (let i = 0; i < parts.length; i++) {
-    const part = parts[i];
-    if (part.type === 'think') {
-      pushWrapped(lines, '# think ' + part.content.trim(), width, '#555577', false);
-    } else {
-      pushWrapped(lines, part.content, width, hex.primary, false);
-    }
-  }
-}
-
-// Transcript message - linear terminal flow, no side panels or bubbles.
-function pushMessageLines(lines, msg, safeCols) {
+function pushRawMessage(lines, msg, safeCols) {
   if (msg === null || msg === undefined || typeof msg !== 'object') {
     return;
   }
 
   const content = typeof msg.content === 'string' ? msg.content : '';
-
-  if (msg.role === 'thinking') {
-    pushWrapped(lines, content, safeCols, hex.orange, false);
+  if (content.length === 0) {
     return;
   }
 
   if (msg.role === 'user') {
-    pushWrapped(lines, 'You > ' + content, safeCols, hex.neonBlue, true);
+    pushWrapped(lines, content, safeCols, hex.neonBlue, false);
     return;
   }
 
-  pushLine(lines, 'OpenAxies $', hex.greenOnline, true);
-  pushContentLines(lines, content, safeCols);
-  pushLine(lines, '', hex.primary, false);
+  pushWrapped(lines, content, safeCols, hex.primary, false);
 }
 
 export function createChatViewport(messages, streamText, availLines, cols, scrollOffset) {
@@ -150,16 +90,15 @@ export function createChatViewport(messages, streamText, availLines, cols, scrol
   const transcriptLines = [];
 
   for (let i = 0; i < safeMessages.length; i++) {
-    pushMessageLines(transcriptLines, safeMessages[i], safeCols);
+    pushRawMessage(transcriptLines, safeMessages[i], safeCols);
   }
 
   if (hasStream === true) {
-    pushLine(transcriptLines, 'OpenAxies $ streaming...', hex.greenOnline, true);
-    pushContentLines(transcriptLines, streamText, safeCols);
+    pushWrapped(transcriptLines, streamText, safeCols, hex.primary, false);
   }
 
   if (transcriptLines.length === 0) {
-    pushLine(transcriptLines, '# waiting for input', '#333355', false);
+    pushLine(transcriptLines, '  awaiting input...', '#333355', false);
   }
 
   const visibleHeight = Math.max(1, safeAvail - 1);

package/src/components/RouterBar.js

@@ -8,7 +8,7 @@ export const ROUTER_HEIGHT = 2;
 
 function checkActiveModel(modelId) {
   if (typeof modelId !== 'string') {
-    return 'openaxis/openaxis-flash';
+    return 'openaxis/openaxis-mixtral';
   }
   return modelId;
 }
@@ -34,7 +34,7 @@ function buildSeparator(cols) {
 //   Row 2: full-width separator line
 export function createRouterBar(activeModel, cols) {
   const modelStr = checkActiveModel(activeModel);
-  const isFlash = modelStr === 'openaxis/openaxis-flash';
+  const isMixtral = modelStr === 'openaxis/openaxis-mixtral';
   const sepLine = buildSeparator(cols);
 
   return h(Box, {
@@ -52,42 +52,42 @@ export function createRouterBar(activeModel, cols) {
       alignItems: 'center',
     },
 
-      // ── Flash slot ──
+      // ── Mixtral slot ──
       h(Text, {
-        color: isFlash ? hex.neonBlue : '#333355',
-        bold: isFlash,
-      }, isFlash ? '\u25B6 ' : '\u25B7 '),
+        color: isMixtral ? hex.neonBlue : '#333355',
+        bold: isMixtral,
+      }, isMixtral ? '\u25B6 ' : '\u25B7 '),
       h(Text, {
-        color: isFlash ? hex.primary : '#444466',
-        bold: isFlash,
-      }, 'Flash'),
+        color: isMixtral ? hex.primary : '#444466',
+        bold: isMixtral,
+      }, 'Mixtral'),
       h(Text, {
-        color: isFlash ? hex.greenOnline : '#2A3A2A',
+        color: isMixtral ? hex.greenOnline : '#2A3A2A',
       }, '  \u25CF '),
       h(Text, {
-        color: isFlash ? hex.greenOnline : '#2A3A2A',
-        dimColor: !isFlash,
-      }, isFlash ? 'ACTIVE' : 'STANDBY'),
+        color: isMixtral ? hex.greenOnline : '#2A3A2A',
+        dimColor: !isMixtral,
+      }, isMixtral ? 'ACTIVE' : 'STANDBY'),
 
       // ── Divider ──
       h(Text, { color: '#1E1E2E' }, '    \u2502    '),
 
       // ── Heavy slot ──
       h(Text, {
-        color: !isFlash ? hex.neonBlue : '#333355',
-        bold: !isFlash,
-      }, !isFlash ? '\u25B6 ' : '\u25B7 '),
+        color: !isMixtral ? hex.neonBlue : '#333355',
+        bold: !isMixtral,
+      }, !isMixtral ? '\u25B6 ' : '\u25B7 '),
       h(Text, {
-        color: !isFlash ? hex.primary : '#444466',
-        bold: !isFlash,
+        color: !isMixtral ? hex.primary : '#444466',
+        bold: !isMixtral,
       }, 'Heavy'),
       h(Text, {
-        color: !isFlash ? hex.greenOnline : '#2A3A2A',
+        color: !isMixtral ? hex.greenOnline : '#2A3A2A',
       }, '  \u25CF '),
       h(Text, {
-        color: !isFlash ? hex.greenOnline : '#2A3A2A',
-        dimColor: isFlash,
-      }, !isFlash ? 'ACTIVE' : 'STANDBY'),
+        color: !isMixtral ? hex.greenOnline : '#2A3A2A',
+        dimColor: isMixtral,
+      }, !isMixtral ? 'ACTIVE' : 'STANDBY'),
 
       // ── Right-side hint ──
       h(Text, { color: '#1E1E2E' }, '    \u2502    '),

package/src/config/commands.js

@@ -34,7 +34,7 @@ function checkCommands(arr) {
 const COMMAND_DEFS = Object.freeze([
   { trigger: '/help', description: 'Show available commands' },
   { trigger: '/clear', description: 'Clear the conversation' },
-  { trigger: '/model', description: 'Switch between Flash and Heavy' },
+  { trigger: '/model', description: 'Switch between Mixtral and Heavy' },
   { trigger: '/exit', description: 'Quit the application' },
 ]);
 

package/src/config/models.js

@@ -33,12 +33,12 @@ function checkModels(arr) {
   return arr;
 }
 
-// Two routed models only — Flash (fast) and Heavy (quality).
+// Mixtral (fast/light) and Heavy (quality).
 const MODELS = Object.freeze([
   {
-    id: 'openaxis/openaxis-flash',
+    id: 'openaxis/openaxis-mixtral',
     provider: 'openaxis',
-    label: 'OpenAxies Flash',
+    label: 'OpenAxies Mixtral',
     badge: 'Fast',
   },
   {

package/src/providers/index.js

@@ -5,7 +5,7 @@ import { runWebSearchGraph, shouldUseWebSearch } from './websearch.js';
 // HF Spaces cold-start on first request (30–120 s model download).
 // If the primary is waking up, we fall through to the next Space.
 const MODEL_ROUTES = Object.freeze({
-  'openaxis/openaxis-flash': Object.freeze([
+  'openaxis/openaxis-mixtral': Object.freeze([
     'https://universal-618-clarity-main.hf.space/v1/chat/completions',
     'https://universal-618-clarity-2.hf.space/v1/chat/completions',
     'https://universal-618-clarity-3.hf.space/v1/chat/completions',
@@ -55,26 +55,18 @@ export async function* callModel(modelConfig, messages, signal) {
   let modelMessages = messages;
 
   if (shouldUseWebSearch(messages) === true) {
-    yield { type: 'thinking', content: 'OpenAxies thinking > [Internal reasoning]' };
-    yield { type: 'thinking', content: 'Checking tools...' };
-    yield { type: 'thinking', content: 'Let me do websearch' };
-    yield { type: 'thinking', content: 'Doing websearch' };
-
     try {
       const webResult = await runWebSearchGraph(messages, signal);
-      if (webResult.used === true) {
-        yield { type: 'thinking', content: 'Searched ' + webResult.sites + ' sites' };
-        yield { type: 'thinking', content: 'Thinking...' };
+      if (webResult.used === true && webResult.sites > 0) {
         modelMessages = [{
           role: 'system',
           content:
-            'Use these websearch results when they are relevant. Cite URLs inline when possible.\n\n' +
-            webResult.summary,
+            'Current web search results (use when relevant, cite URLs inline):\n\n' +
+            webResult.summary +
+            '\n\nNow respond to the user using these results as needed.',
         }].concat(messages);
       }
-    } catch (err) {
-      yield { type: 'thinking', content: 'Searched 0 sites' };
-      yield { type: 'thinking', content: 'Thinking...' };
+    } catch (_) {
     }
   }
 

package/src/providers/streaming.js

@@ -1,5 +1,5 @@
-const CONNECT_TIMEOUT = 120000;
-const READ_TIMEOUT = 15000;
+const CONNECT_TIMEOUT = 20000;
+const READ_TIMEOUT = 8000;
 
 function readWithTimeout(reader, timeoutMs) {
   return Promise.race([