openaxies 0.1.0

package/bin/openaxis.js

@@ -0,0 +1,58 @@
+#!/usr/bin/env node
+import React from 'react';
+import { render } from 'ink';
+import fs from 'fs';
+import path from 'path';
+import App from '../src/App.js';
+
+const h = React.createElement;
+
+const debugBuffer = [];
+
+function sandboxWrite(chunk) {
+  const str = typeof chunk === 'string' ? chunk : String(chunk);
+  const trimmed = str.trim();
+  if (trimmed.length > 0) {
+    debugBuffer.push(trimmed);
+  }
+  return true;
+}
+
+const consoleKeys = ['log', 'error', 'warn'];
+for (let i = 0; i < consoleKeys.length; i++) {
+  const key = consoleKeys[i];
+  const original = console[key];
+  console[key] = function sandboxedConsole() {
+    const args = [];
+    for (let j = 0; j < arguments.length; j++) {
+      args.push(arguments[j]);
+    }
+    sandboxWrite(args.join(' '));
+    return original.apply(console, args);
+  };
+}
+
+const { waitUntilExit } = render(h(App, {}));
+
+function cleanup() {
+  if (debugBuffer.length > 0) {
+    const logPath = path.join(process.cwd(), 'openaxies-debug.log');
+    try {
+      fs.writeFileSync(logPath, debugBuffer.join('\n') + '\n');
+    } catch (_) {
+    }
+  }
+  process.exit(0);
+}
+
+process.on('SIGINT', cleanup);
+process.on('SIGTERM', cleanup);
+process.on('exit', function () {
+  if (debugBuffer.length > 0) {
+    const logPath = path.join(process.cwd(), 'openaxies-debug.log');
+    try {
+      fs.writeFileSync(logPath, debugBuffer.join('\n') + '\n');
+    } catch (_) {
+    }
+  }
+});

package/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "openaxies",
+  "version": "0.1.0",
+  "private": false,
+  "type": "module",
+  "bin": {
+    "openaxies": "./bin/openaxis.js",
+    "openaxis": "./bin/openaxis.js"
+  },
+  "dependencies": {
+    "@langchain/core": "^1.0.0",
+    "@langchain/langgraph": "^1.0.0",
+    "ink": "^5.0.0",
+    "ink-big-text": "^2.0.0",
+    "ink-select-input": "^6.2.0",
+    "ink-text-input": "^6.0.0",
+    "react": "^18.3.1"
+  }
+}

package/src/App.js

@@ -0,0 +1,391 @@
+import React from 'react';
+import { Box, useInput, useStdout } from 'ink';
+import { hex } from './config/theme.js';
+import { getCommands } from './config/commands.js';
+import { getModelById, DEFAULT_MODEL_ID } from './config/models.js';
+import { callModel } from './providers/index.js';
+import { createBrandHeader, BRAND_HEIGHT } from './components/BrandHeader.js';
+import { createRouterBar, ROUTER_HEIGHT } from './components/RouterBar.js';
+import { createChatViewport } from './components/ChatViewport.js';
+import { createSlashOverlay, SLASH_OVERLAY_HEIGHT } from './components/SlashOverlay.js';
+import { createComposerDock, DOCK_HEIGHT } from './components/ComposerDock.js';
+
+const h = React.createElement;
+
+export default AppRoot;
+
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+
+function buildHistory(messages, newText) {
+  const history = [];
+  for (let i = 0; i < messages.length; i++) {
+    const m = messages[i];
+    if (m === null || m === undefined || typeof m !== 'object') {
+      continue;
+    }
+    if (m.role === 'user' || m.role === 'assistant') {
+      const content = typeof m.content === 'string' ? m.content : '';
+      history.push({ role: m.role, content: content });
+    }
+  }
+  if (typeof newText === 'string' && newText.length > 0) {
+    history.push({ role: 'user', content: newText });
+  }
+  return history;
+}
+
+// ---------------------------------------------------------------------------
+// Root component
+// ---------------------------------------------------------------------------
+
+function AppRoot() {
+  const { stdout } = useStdout();
+  const rows = stdout.rows || 24;
+  const cols = stdout.columns || 80;
+
+  // --- UI state ---
+  const [inputBuffer, setInputBuffer] = React.useState('');
+  const [showOverlay, setShowOverlay] = React.useState(false);
+  const [overlayIndex, setOverlayIndex] = React.useState(0);  // cursor inside overlay
+
+  // --- Chat state ---
+  const [messages, setMessages] = React.useState([]);
+  const [activeModel, setActiveModel] = React.useState(DEFAULT_MODEL_ID);
+  const [streamText, setStreamText] = React.useState('');
+  const [streamingActive, setStreamingActive] = React.useState(false);
+  const [scrollOffset, setScrollOffset] = React.useState(0);
+
+  const commands = getCommands();
+
+  // ---------------------------------------------------------------------------
+  // Strict row budget
+  //   BrandHeader    : BRAND_HEIGHT  (7)
+  //   RouterBar      : ROUTER_HEIGHT (2)
+  //   SlashOverlay   : SLASH_OVERLAY_HEIGHT (6) — conditional
+  //   ComposerDock   : DOCK_HEIGHT   (3)
+  //   ChatViewport   : rows - all fixed rows (flexGrow fills remainder)
+  // ---------------------------------------------------------------------------
+  const overlayH = showOverlay ? SLASH_OVERLAY_HEIGHT : 0;
+  const fixedH = BRAND_HEIGHT + ROUTER_HEIGHT + overlayH + DOCK_HEIGHT;
+  const availLines = Math.max(1, rows - fixedH);
+
+  const abortRef = React.useRef(null);
+
+  // ---------------------------------------------------------------------------
+  // Input handlers
+  // ---------------------------------------------------------------------------
+
+  function handleInputChange(value) {
+    const safeValue = typeof value === 'string' ? value : '';
+    setInputBuffer(safeValue);
+    // Open overlay on first '/' character
+    if (safeValue.length === 1 && safeValue[0] === '/' && showOverlay === false) {
+      setShowOverlay(true);
+      setOverlayIndex(0);
+    }
+    // Close overlay if buffer no longer starts with '/'
+    if (showOverlay === true && (safeValue.length === 0 || safeValue[0] !== '/')) {
+      setShowOverlay(false);
+    }
+  }
+
+  // onSubmit for TextInput — actual submit goes through useInput Enter handler.
+  function handleInputSubmit() {
+    return;
+  }
+
+  function handleSlashSelect(item) {
+    if (item === null || item === undefined) {
+      return;
+    }
+    const trigger = item.value;
+    if (typeof trigger !== 'string') {
+      return;
+    }
+
+    if (trigger === '/exit') {
+      process.exit(0);
+    }
+
+    if (trigger === '/clear') {
+      setMessages([]);
+      setScrollOffset(0);
+    }
+
+    if (trigger === '/model') {
+      // Toggle between the two local models
+      setActiveModel(function (prev) {
+        if (prev === 'openaxis/openaxis-flash') {
+          return 'openaxis/openaxis-heavy';
+        }
+        return 'openaxis/openaxis-flash';
+      });
+    }
+
+    if (trigger === '/help') {
+      setScrollOffset(0);
+      setMessages(function (prev) {
+        return prev.concat([{
+          role: 'assistant',
+          content:
+            '**Available commands:**\n' +
+            '- `/help`  — Show this help\n' +
+            '- `/clear` — Clear the conversation\n' +
+            '- `/model` — Toggle between OpenAxies Flash and Heavy\n' +
+            '- `/exit`  — Quit the application\n\n' +
+            'Type your message and press **Enter** to chat.',
+          id: 'help-' + Date.now(),
+        }]);
+      });
+    }
+
+    // Always close & clear after any selection
+    setInputBuffer('');
+    setShowOverlay(false);
+    setOverlayIndex(0);
+  }
+
+  async function handleSubmit(text) {
+    const safeText = typeof text === 'string' ? text : '';
+    if (safeText.length === 0 || streamingActive === true) {
+      return;
+    }
+
+    const msgId = 'user-' + Date.now() + '-' + Math.random().toString(36).slice(2, 8);
+
+    setStreamingActive(true);
+    setScrollOffset(0);
+    setMessages(function (prev) {
+      return prev.concat([{ role: 'user', content: safeText, id: msgId }]);
+    });
+    setInputBuffer('');
+    setStreamText('\u2022\u2022\u2022');  // animated placeholder
+
+    const modelInfo = getModelById(activeModel);
+    if (modelInfo === null || modelInfo === undefined) {
+      setStreamingActive(false);
+      setStreamText('');
+      setScrollOffset(0);
+      setMessages(function (prev) {
+        return prev.concat([{
+          role: 'assistant',
+          content: 'No model selected. Use `/model` to switch.',
+          id: 'err-' + Date.now(),
+        }]);
+      });
+      return;
+    }
+
+    const history = buildHistory(messages, safeText);
+    const abortController = new AbortController();
+    abortRef.current = abortController;
+
+    try {
+      const gen = callModel(modelInfo, history, abortController.signal);
+      let accumulated = '';
+      let thinkingId = null;
+      const thinkingLines = [];
+
+      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);
+          }
+          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') {
+          const content = typeof event.content === 'string' ? event.content : '';
+          for (let i = 0; i < content.length; i++) {
+            accumulated = accumulated + content[i];
+            setScrollOffset(0);
+            setStreamText(accumulated);
+            await new Promise(function (resolve) {
+              setTimeout(resolve, 0);
+            });
+          }
+        }
+        if (event.type === 'done') {
+          break;
+        }
+        if (event.type === 'timeout') {
+          if (accumulated.length > 0) {
+            accumulated = accumulated + '\n\n*[Response incomplete \u2014 stream timed out]*';
+          }
+          setStreamText(accumulated);
+          break;
+        }
+      }
+
+      setStreamingActive(false);
+      setStreamText('');
+
+      if (accumulated.length > 0) {
+        setMessages(function (prev) {
+          return prev.concat([{
+            role: 'assistant',
+            content: accumulated,
+            id: 'resp-' + Date.now() + '-' + Math.random().toString(36).slice(2, 8),
+          }]);
+        });
+      }
+    } catch (err) {
+      setStreamingActive(false);
+      setStreamText('');
+      setScrollOffset(0);
+      const errMsg = (err !== null && err !== undefined)
+        ? (err.message || String(err))
+        : 'Unknown error';
+      setMessages(function (prev) {
+        return prev.concat([{
+          role: 'assistant',
+          content:
+            '**Connection Error:** ' + errMsg +
+            '\n\nThe Space may be cold-starting (model download can take 30\u2013120 s). Please try again.',
+          id: 'err-' + Date.now() + '-' + Math.random().toString(36).slice(2, 8),
+        }]);
+      });
+    }
+  }
+
+  // ---------------------------------------------------------------------------
+  // Keyboard router
+  //
+  // Overlay mode:  ↑↓ move cursor · Enter selects · Esc dismisses
+  //                All other keys are absorbed (TextInput has focus=false)
+  //
+  // Normal mode:   Enter submits · Ctrl+C abort/quit
+  // ---------------------------------------------------------------------------
+  useInput(function handleInput(input, key) {
+
+    // ── Overlay branch ──────────────────────────────────────────────────────
+    if (showOverlay === true) {
+      if (key.escape === true) {
+        setShowOverlay(false);
+        setInputBuffer('');
+        setOverlayIndex(0);
+        return;
+      }
+
+      if (key.upArrow === true) {
+        setOverlayIndex(function (prev) {
+          return prev > 0 ? prev - 1 : commands.length - 1;  // wrap around top
+        });
+        return;
+      }
+
+      if (key.downArrow === true) {
+        setOverlayIndex(function (prev) {
+          return prev < commands.length - 1 ? prev + 1 : 0;  // wrap around bottom
+        });
+        return;
+      }
+
+      if (key.return === true) {
+        const selectedCmd = commands[overlayIndex];
+        if (selectedCmd !== null && selectedCmd !== undefined) {
+          handleSlashSelect({ value: selectedCmd.trigger });
+        }
+        return;
+      }
+
+      // Absorb everything else while overlay is open
+      return;
+    }
+
+    // ── Normal branch ────────────────────────────────────────────────────────
+    if (key.return === true) {
+      const safeValue = typeof inputBuffer === 'string' ? inputBuffer : '';
+      if (safeValue.length > 0 && streamingActive === false) {
+        handleSubmit(safeValue);
+      }
+      return;
+    }
+
+    if (key.pageUp === true || (key.ctrl === true && key.upArrow === true)) {
+      const pageSize = Math.max(1, availLines - 2);
+      setScrollOffset(function (prev) {
+        return prev + pageSize;
+      });
+      return;
+    }
+
+    if (key.pageDown === true || (key.ctrl === true && key.downArrow === true)) {
+      const pageSize = Math.max(1, availLines - 2);
+      setScrollOffset(function (prev) {
+        return Math.max(0, prev - pageSize);
+      });
+      return;
+    }
+
+    if (key.ctrl === true && (input === 'c' || input === 'C')) {
+      if (abortRef.current !== null) {
+        try {
+          abortRef.current.abort();
+        } catch (_) { }
+        abortRef.current = null;
+        setStreamingActive(false);
+        setStreamText('');
+      }
+      process.exit(0);
+    }
+  });
+
+  // ---------------------------------------------------------------------------
+  // Render
+  // ---------------------------------------------------------------------------
+
+  const header = createBrandHeader(cols);
+  const routerBar = createRouterBar(activeModel, cols);
+  const viewport = createChatViewport(messages, streamText, availLines, cols, scrollOffset);
+  const slashOverlay = showOverlay === true
+    ? createSlashOverlay(commands, overlayIndex)
+    : null;
+  const dock = createComposerDock({
+    value: inputBuffer,
+    onChange: handleInputChange,
+    onSubmit: handleInputSubmit,
+    inputActive: showOverlay === false,  // yield focus to overlay navigation
+    isStreaming: streamingActive,
+    terminalWidth: cols,
+  });
+
+  // Strict column layout — total height === rows (no scroll, no overflow).
+  // ComposerDock has flexShrink:0 so it is always pinned at bottom.
+  return h(Box, {
+    flexDirection: 'column',
+    width: '100%',
+    height: rows,
+    backgroundColor: hex.black,
+    overflow: 'hidden',
+  },
+    header,       // 7 rows
+    routerBar,    // 2 rows
+    viewport,     // dynamic — flexGrow fills all remaining rows
+    slashOverlay, // 6 rows (null when closed)
+    dock          // 3 rows — flexShrink:0, always at bottom
+  );
+}

package/src/components/BrandHeader.js

@@ -0,0 +1,60 @@
+import React from 'react';
+import { Box, Text } from 'ink';
+import { hex } from '../config/theme.js';
+
+const h = React.createElement;
+
+export const BRAND_HEIGHT = 5;
+
+function checkColumns(cols) {
+  if (typeof cols !== 'number' || cols < 20) {
+    return 80;
+  }
+  return Math.max(20, Math.floor(cols));
+}
+
+function padLine(content, innerWidth) {
+  const safeContent = typeof content === 'string' ? content : '';
+  const clipped = safeContent.length > innerWidth
+    ? safeContent.slice(0, innerWidth)
+    : safeContent;
+  return clipped + ' '.repeat(Math.max(0, innerWidth - clipped.length));
+}
+
+export function createBrandHeader(cols) {
+  const width = checkColumns(cols);
+  const innerWidth = Math.max(1, width - 2);
+  const rule = '\u2500'.repeat(innerWidth);
+  const statusLine = '  [STATUS: ACTIVE] [ENGINE: 32B-OLLAMA] [WEBSEARCH: READY]';
+
+  return h(Box, {
+    flexDirection: 'column',
+    width: '100%',
+    height: BRAND_HEIGHT,
+    backgroundColor: hex.black,
+    flexShrink: 0,
+    overflow: 'hidden',
+  },
+    h(Box, { height: 1 },
+      h(Text, { color: hex.primary, bold: true }, '\u250C' + rule + '\u2510')
+    ),
+    h(Box, { height: 1 },
+      h(Text, { color: hex.primary, bold: true },
+        '\u2502' + padLine('  OPEN', innerWidth) + '\u2502'
+      )
+    ),
+    h(Box, { height: 1 },
+      h(Text, { color: hex.primary, bold: true },
+        '\u2502' + padLine('  AXIES', innerWidth) + '\u2502'
+      )
+    ),
+    h(Box, { height: 1 },
+      h(Text, { color: hex.greenOnline, bold: true },
+        '\u2502' + padLine(statusLine, innerWidth) + '\u2502'
+      )
+    ),
+    h(Box, { height: 1 },
+      h(Text, { color: hex.primary, bold: true }, '\u2514' + rule + '\u2518')
+    ),
+  );
+}