casabot 1.1.11 → 1.1.13

package/dist/cli/braille-logo.d.ts

@@ -0,0 +1,2 @@
+export declare function renderBrailleLogo(logoPath: string, maxWidth: number): Promise<string>;
+//# sourceMappingURL=braille-logo.d.ts.map

package/dist/cli/braille-logo.js

@@ -0,0 +1,59 @@
+import { Jimp, intToRGBA } from "jimp";
+import chalk from "chalk";
+const BRAILLE_BASE = 0x2800;
+const BRAILLE_MAP = [
+    [0x01, 0x08],
+    [0x02, 0x10],
+    [0x04, 0x20],
+    [0x40, 0x80],
+];
+export async function renderBrailleLogo(logoPath, maxWidth) {
+    const image = await Jimp.read(logoPath);
+    const targetPixelWidth = maxWidth * 2;
+    image.resize({ w: targetPixelWidth });
+    const { width, height } = image.bitmap;
+    const lines = [];
+    for (let y = 0; y < height; y += 4) {
+        let line = "";
+        for (let x = 0; x < width; x += 2) {
+            let pattern = 0;
+            let rSum = 0;
+            let gSum = 0;
+            let bSum = 0;
+            let onCount = 0;
+            for (let row = 0; row < 4; row++) {
+                for (let col = 0; col < 2; col++) {
+                    const px = x + col;
+                    const py = y + row;
+                    if (px >= width || py >= height)
+                        continue;
+                    const { r, g, b, a } = intToRGBA(image.getPixelColor(px, py));
+                    const brightness = 0.299 * r + 0.587 * g + 0.114 * b;
+                    if (a > 20 && brightness > 30) {
+                        pattern |= BRAILLE_MAP[row][col];
+                        rSum += r;
+                        gSum += g;
+                        bSum += b;
+                        onCount++;
+                    }
+                }
+            }
+            if (onCount > 0) {
+                const ch = String.fromCharCode(BRAILLE_BASE + pattern);
+                const avgR = Math.round(rSum / onCount);
+                const avgG = Math.round(gSum / onCount);
+                const avgB = Math.round(bSum / onCount);
+                line += chalk.rgb(avgR, avgG, avgB)(ch);
+            }
+            else {
+                line += " ";
+            }
+        }
+        lines.push(line);
+    }
+    while (lines.length > 0 && lines[lines.length - 1].trim() === "") {
+        lines.pop();
+    }
+    return lines.join("\n");
+}
+//# sourceMappingURL=braille-logo.js.map

package/dist/cli/index.js

@@ -1,5 +1,4 @@
 #!/usr/bin/env node
-import { createRequire } from "module";
 import { fileURLToPath } from "url";
 import { dirname, join } from "path";
 import { Command } from "commander";
@@ -9,18 +8,14 @@ import { loadSkills } from "../skills/loader.js";
 import { createConversation } from "../history/store.js";
 import { startTUI } from "../tui/app.js";
 import { setupWizard } from "./setup.js";
+import { renderBrailleLogo } from "./braille-logo.js";
 const __dirname = dirname(fileURLToPath(import.meta.url));
 async function displayLogo() {
     try {
-        const require = createRequire(import.meta.url);
-        const asciify = require("asciify-image");
         const logoPath = join(__dirname, "..", "..", "Logo2.png");
-        const ascii = await asciify(logoPath, {
-            fit: "box",
-            width: "50%",
-            color: true,
-        });
-        console.log(ascii);
+        const maxWidth = Math.min(process.stdout.columns || 80, 160);
+        const art = await renderBrailleLogo(logoPath, maxWidth);
+        console.log(art);
         console.log("");
     }
     catch {

package/dist/tui/app.js

@@ -38,9 +38,6 @@ function getPreview(conv, maxLen = 50) {
 function HRule({ columns }) {
     return (_jsx(Box, { paddingX: 1, width: columns, children: _jsx(Text, { dimColor: true, children: "─".repeat(Math.max(columns - 4, 1)) }) }));
 }
-function HeaderBlock({ columns }) {
-    return (_jsxs(Box, { flexDirection: "column", paddingTop: 1, width: columns, children: [_jsx(Box, { paddingX: 2, children: _jsx(Gradient, { colors: [BRAND_RED, BRAND_BLUE], children: _jsx(Text, { bold: true, children: "✦  CasAbot" }) }) }), _jsx(Box, { paddingX: 2, children: _jsx(Text, { wrap: "wrap", dimColor: true, children: "Cassiopeia A — Freely creates everything, like a supernova explosion." }) }), _jsx(HRule, { columns: columns })] }));
-}
 function UserMessageView({ content, columns }) {
     return (_jsxs(Box, { flexDirection: "column", paddingX: 2, marginTop: 1, width: columns, children: [_jsx(Text, { color: BRAND_RED, bold: true, children: "▶ You" }), _jsx(Box, { marginLeft: 2, width: Math.max(columns - 6, 10), children: _jsx(Text, { wrap: "wrap", children: content }) })] }));
 }
@@ -228,23 +225,14 @@ function App({ provider, conversation: initialConversation, skills, }) {
     });
     const userCount = messages.filter((m) => m.role === "user").length;
     const convId = conversationRef.current.id;
-    const items = useMemo(() => [
-        { key: `header-${convId}`, type: "header" },
-        ...messages.map((msg, i) => ({
-            key: `${convId}-msg-${i}`,
-            type: "message",
-            message: msg,
-        })),
-    ], [messages, convId]);
+    const items = useMemo(() => messages.map((msg, i) => ({
+        key: `${convId}-msg-${i}`,
+        message: msg,
+    })), [messages, convId]);
     if (mode === "history") {
         return (_jsx(HistoryBrowser, { columns: columns, currentId: conversationRef.current.id, onSelect: handleHistorySelect, onBack: () => setMode("chat") }));
     }
-    return (_jsxs(Box, { flexDirection: "column", width: columns, children: [_jsx(Static, { items: items, children: (item) => {
-                    if (item.type === "header") {
-                        return (_jsx(Box, { flexDirection: "column", width: columns, children: _jsx(HeaderBlock, { columns: columns }) }, item.key));
-                    }
-                    return (_jsx(Box, { flexDirection: "column", width: columns, children: _jsx(MessageView, { message: item.message, columns: columns }) }, item.key));
-                } }), messages.length === 0 && !isProcessing && _jsx(WelcomeHint, { columns: columns }), isProcessing && _jsx(ProcessingIndicator, { columns: columns }), _jsx(HRule, { columns: columns }), _jsx(Box, { paddingX: 1, width: columns, children: _jsxs(Box, { borderStyle: "round", borderColor: isProcessing ? "gray" : BRAND_BLUE, paddingX: 1, width: Math.max(columns - 2, 10), overflow: "hidden", children: [_jsx(Text, { color: BRAND_BLUE, bold: true, children: "❯ " }), _jsx(TextInput, { value: input, onChange: setInput, onSubmit: (val) => {
+    return (_jsxs(Box, { flexDirection: "column", width: columns, children: [_jsx(Static, { items: items, children: (item) => (_jsx(Box, { flexDirection: "column", width: columns, children: _jsx(MessageView, { message: item.message, columns: columns }) }, item.key)) }), messages.length === 0 && !isProcessing && _jsx(WelcomeHint, { columns: columns }), isProcessing && _jsx(ProcessingIndicator, { columns: columns }), _jsx(HRule, { columns: columns }), _jsx(Box, { paddingX: 1, width: columns, children: _jsxs(Box, { borderStyle: "round", borderColor: isProcessing ? "gray" : BRAND_BLUE, paddingX: 1, width: Math.max(columns - 2, 10), overflow: "hidden", children: [_jsx(Text, { color: BRAND_BLUE, bold: true, children: "❯ " }), _jsx(TextInput, { value: input, onChange: setInput, onSubmit: (val) => {
                                 handleSubmit(val).catch(() => { });
                             }, placeholder: "Type your message\u2026", focus: !isProcessing, showCursor: true })] }) }), _jsxs(Box, { paddingX: 2, width: columns, justifyContent: "space-between", children: [_jsx(Text, { dimColor: true, children: isProcessing
                             ? "ESC / Ctrl+C cancel"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "casabot",
-  "version": "1.1.11",
+  "version": "1.1.13",
   "description": "CasAbot — Skill-driven multi-agent orchestrator system",
   "type": "module",
   "main": "dist/index.js",
@@ -28,7 +28,6 @@
   "license": "Apache-2.0",
   "dependencies": {
     "@anthropic-ai/sdk": "^0.52.0",
-    "asciify-image": "^0.1.10",
     "chalk": "^5.4.1",
     "commander": "^13.1.0",
     "gray-matter": "^4.0.3",
@@ -36,6 +35,7 @@
     "ink-gradient": "^4.0.0",
     "ink-spinner": "^5.0.0",
     "ink-text-input": "^6.0.0",
+    "jimp": "^1.6.0",
     "marked": "^15.0.12",
     "marked-terminal": "^7.3.0",
     "openai": "^5.1.0",

package/src/cli/braille-logo.ts

@@ -0,0 +1,72 @@
+import { Jimp, intToRGBA } from "jimp";
+import chalk from "chalk";
+
+const BRAILLE_BASE = 0x2800;
+
+const BRAILLE_MAP = [
+  [0x01, 0x08],
+  [0x02, 0x10],
+  [0x04, 0x20],
+  [0x40, 0x80],
+] as const;
+
+export async function renderBrailleLogo(
+  logoPath: string,
+  maxWidth: number,
+): Promise<string> {
+  const image = await Jimp.read(logoPath);
+  const targetPixelWidth = maxWidth * 2;
+  image.resize({ w: targetPixelWidth });
+
+  const { width, height } = image.bitmap;
+  const lines: string[] = [];
+
+  for (let y = 0; y < height; y += 4) {
+    let line = "";
+
+    for (let x = 0; x < width; x += 2) {
+      let pattern = 0;
+      let rSum = 0;
+      let gSum = 0;
+      let bSum = 0;
+      let onCount = 0;
+
+      for (let row = 0; row < 4; row++) {
+        for (let col = 0; col < 2; col++) {
+          const px = x + col;
+          const py = y + row;
+          if (px >= width || py >= height) continue;
+
+          const { r, g, b, a } = intToRGBA(image.getPixelColor(px, py));
+          const brightness = 0.299 * r + 0.587 * g + 0.114 * b;
+
+          if (a > 20 && brightness > 30) {
+            pattern |= BRAILLE_MAP[row][col];
+            rSum += r;
+            gSum += g;
+            bSum += b;
+            onCount++;
+          }
+        }
+      }
+
+      if (onCount > 0) {
+        const ch = String.fromCharCode(BRAILLE_BASE + pattern);
+        const avgR = Math.round(rSum / onCount);
+        const avgG = Math.round(gSum / onCount);
+        const avgB = Math.round(bSum / onCount);
+        line += chalk.rgb(avgR, avgG, avgB)(ch);
+      } else {
+        line += " ";
+      }
+    }
+
+    lines.push(line);
+  }
+
+  while (lines.length > 0 && lines[lines.length - 1].trim() === "") {
+    lines.pop();
+  }
+
+  return lines.join("\n");
+}

package/src/cli/index.ts

@@ -1,6 +1,5 @@
 #!/usr/bin/env node
 
-import { createRequire } from "module";
 import { fileURLToPath } from "url";
 import { dirname, join } from "path";
 import { Command } from "commander";
@@ -10,23 +9,16 @@ import { loadSkills } from "../skills/loader.js";
 import { createConversation } from "../history/store.js";
 import { startTUI } from "../tui/app.js";
 import { setupWizard } from "./setup.js";
+import { renderBrailleLogo } from "./braille-logo.js";
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
 
 async function displayLogo(): Promise<void> {
   try {
-    const require = createRequire(import.meta.url);
-    const asciify = require("asciify-image") as (
-      path: string,
-      opts: Record<string, unknown>,
-    ) => Promise<string>;
     const logoPath = join(__dirname, "..", "..", "Logo2.png");
-    const ascii = await asciify(logoPath, {
-      fit: "box",
-      width: "50%",
-      color: true,
-    });
-    console.log(ascii);
+    const maxWidth = Math.min(process.stdout.columns || 80, 160);
+    const art = await renderBrailleLogo(logoPath, maxWidth);
+    console.log(art);
     console.log("");
   } catch {
     // Logo display is non-critical; silently skip on failure

package/src/tui/app.tsx

@@ -56,24 +56,6 @@ function HRule({ columns }: { columns: number }): React.ReactElement {
   );
 }
 
-function HeaderBlock({ columns }: { columns: number }): React.ReactElement {
-  return (
-    <Box flexDirection="column" paddingTop={1} width={columns}>
-      <Box paddingX={2}>
-        <Gradient colors={[BRAND_RED, BRAND_BLUE]}>
-          <Text bold>{"✦  CasAbot"}</Text>
-        </Gradient>
-      </Box>
-      <Box paddingX={2}>
-        <Text wrap="wrap" dimColor>
-          {"Cassiopeia A — Freely creates everything, like a supernova explosion."}
-        </Text>
-      </Box>
-      <HRule columns={columns} />
-    </Box>
-  );
-}
-
 function UserMessageView({ content, columns }: { content: string; columns: number }): React.ReactElement {
   return (
     <Box flexDirection="column" paddingX={2} marginTop={1} width={columns}>
@@ -364,9 +346,7 @@ function HistoryBrowser({
   );
 }
 
-type DisplayItem =
-  | { key: string; type: "header" }
-  | { key: string; type: "message"; message: Message };
+type DisplayItem = { key: string; message: Message };
 
 type AppMode = "chat" | "history";
 
@@ -498,16 +478,13 @@ function App({
   const convId = conversationRef.current.id;
 
   const items = useMemo(
-    (): DisplayItem[] => [
-      { key: `header-${convId}`, type: "header" },
-      ...messages.map(
+    (): DisplayItem[] =>
+      messages.map(
         (msg, i): DisplayItem => ({
           key: `${convId}-msg-${i}`,
-          type: "message",
           message: msg,
         }),
       ),
-    ],
     [messages, convId],
   );
 
@@ -525,20 +502,11 @@ function App({
   return (
     <Box flexDirection="column" width={columns}>
       <Static items={items}>
-        {(item) => {
-          if (item.type === "header") {
-            return (
-              <Box key={item.key} flexDirection="column" width={columns}>
-                <HeaderBlock columns={columns} />
-              </Box>
-            );
-          }
-          return (
-            <Box key={item.key} flexDirection="column" width={columns}>
-              <MessageView message={item.message} columns={columns} />
-            </Box>
-          );
-        }}
+        {(item) => (
+          <Box key={item.key} flexDirection="column" width={columns}>
+            <MessageView message={item.message} columns={columns} />
+          </Box>
+        )}
       </Static>
 
       {messages.length === 0 && !isProcessing && <WelcomeHint columns={columns} />}