@averagejoeslab/puppuccino-tui 0.1.0

package/dist/index.cjs

@@ -0,0 +1,578 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Cmd: () => import_tui2.Cmd,
+  DarkTheme: () => DarkTheme,
+  KALDI: () => KALDI,
+  KALDI_COLORS: () => KALDI_COLORS,
+  KaldiTheme: () => KaldiTheme,
+  Key: () => import_tui2.Key,
+  LightTheme: () => LightTheme,
+  Program: () => import_tui2.Program,
+  Style: () => import_style3.Style,
+  createApp: () => createApp,
+  getGoodbyeBanner: () => getGoodbyeBanner,
+  getKaldi: () => getKaldi,
+  getPrompt: () => getPrompt,
+  getTheme: () => getTheme,
+  getWelcomeBanner: () => getWelcomeBanner,
+  init: () => init,
+  renderMarkdown: () => import_markdown2.render,
+  themes: () => themes,
+  update: () => update,
+  view: () => view
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/app.ts
+var import_tui = require("@averagejoeslab/tui");
+var import_widgets = require("@averagejoeslab/widgets");
+var import_markdown = require("@averagejoeslab/markdown");
+var import_term = require("@averagejoeslab/term");
+
+// src/themes/index.ts
+var import_style = require("@averagejoeslab/style");
+var KaldiTheme = {
+  name: "kaldi",
+  colors: {
+    primary: [255, 250, 240],
+    // Cream white (like Kaldi's fur)
+    secondary: [139, 119, 101],
+    // Light brown
+    accent: [210, 180, 140],
+    // Tan
+    text: [245, 245, 245],
+    // Off-white
+    textDim: [169, 169, 169],
+    // Gray
+    background: [30, 30, 30],
+    // Dark
+    success: [144, 238, 144],
+    // Light green
+    error: [255, 99, 71],
+    // Tomato red
+    warning: [255, 215, 0],
+    // Gold
+    info: [135, 206, 235]
+    // Sky blue
+  },
+  styles: {
+    heading: new import_style.Style().foregroundRGB(255, 250, 240).bold(),
+    text: new import_style.Style().foregroundRGB(245, 245, 245),
+    dim: new import_style.Style().foregroundRGB(169, 169, 169),
+    accent: new import_style.Style().foregroundRGB(210, 180, 140),
+    success: new import_style.Style().foregroundRGB(144, 238, 144),
+    error: new import_style.Style().foregroundRGB(255, 99, 71),
+    warning: new import_style.Style().foregroundRGB(255, 215, 0),
+    info: new import_style.Style().foregroundRGB(135, 206, 235),
+    code: new import_style.Style().foregroundRGB(255, 250, 240).background(52),
+    link: new import_style.Style().foregroundRGB(135, 206, 235).underline(),
+    prompt: new import_style.Style().foregroundRGB(210, 180, 140).bold(),
+    toolName: new import_style.Style().foregroundRGB(135, 206, 235).bold(),
+    toolOutput: new import_style.Style().foregroundRGB(169, 169, 169)
+  }
+};
+var DarkTheme = {
+  name: "dark",
+  colors: {
+    primary: [97, 175, 239],
+    // Blue
+    secondary: [152, 195, 121],
+    // Green
+    accent: [229, 192, 123],
+    // Yellow
+    text: [220, 220, 220],
+    textDim: [128, 128, 128],
+    background: [30, 30, 30],
+    success: [152, 195, 121],
+    error: [224, 108, 117],
+    warning: [229, 192, 123],
+    info: [97, 175, 239]
+  },
+  styles: {
+    heading: new import_style.Style().foregroundRGB(97, 175, 239).bold(),
+    text: new import_style.Style().foregroundRGB(220, 220, 220),
+    dim: new import_style.Style().foregroundRGB(128, 128, 128),
+    accent: new import_style.Style().foregroundRGB(229, 192, 123),
+    success: new import_style.Style().foregroundRGB(152, 195, 121),
+    error: new import_style.Style().foregroundRGB(224, 108, 117),
+    warning: new import_style.Style().foregroundRGB(229, 192, 123),
+    info: new import_style.Style().foregroundRGB(97, 175, 239),
+    code: new import_style.Style().foregroundRGB(220, 220, 220).background(236),
+    link: new import_style.Style().foregroundRGB(97, 175, 239).underline(),
+    prompt: new import_style.Style().foregroundRGB(152, 195, 121).bold(),
+    toolName: new import_style.Style().foregroundRGB(97, 175, 239).bold(),
+    toolOutput: new import_style.Style().foregroundRGB(128, 128, 128)
+  }
+};
+var LightTheme = {
+  name: "light",
+  colors: {
+    primary: [0, 95, 184],
+    // Blue
+    secondary: [40, 167, 69],
+    // Green
+    accent: [202, 138, 4],
+    // Amber
+    text: [33, 33, 33],
+    textDim: [117, 117, 117],
+    background: [255, 255, 255],
+    success: [40, 167, 69],
+    error: [220, 53, 69],
+    warning: [202, 138, 4],
+    info: [0, 95, 184]
+  },
+  styles: {
+    heading: new import_style.Style().foregroundRGB(0, 95, 184).bold(),
+    text: new import_style.Style().foregroundRGB(33, 33, 33),
+    dim: new import_style.Style().foregroundRGB(117, 117, 117),
+    accent: new import_style.Style().foregroundRGB(202, 138, 4),
+    success: new import_style.Style().foregroundRGB(40, 167, 69),
+    error: new import_style.Style().foregroundRGB(220, 53, 69),
+    warning: new import_style.Style().foregroundRGB(202, 138, 4),
+    info: new import_style.Style().foregroundRGB(0, 95, 184),
+    code: new import_style.Style().foregroundRGB(33, 33, 33).background(253),
+    link: new import_style.Style().foregroundRGB(0, 95, 184).underline(),
+    prompt: new import_style.Style().foregroundRGB(40, 167, 69).bold(),
+    toolName: new import_style.Style().foregroundRGB(0, 95, 184).bold(),
+    toolOutput: new import_style.Style().foregroundRGB(117, 117, 117)
+  }
+};
+function getTheme(name) {
+  switch (name) {
+    case "kaldi":
+      return KaldiTheme;
+    case "light":
+      return LightTheme;
+    case "dark":
+    default:
+      return DarkTheme;
+  }
+}
+var themes = {
+  kaldi: KaldiTheme,
+  dark: DarkTheme,
+  light: LightTheme
+};
+
+// src/components/kaldi.ts
+var import_style2 = require("@averagejoeslab/style");
+var KALDI = {
+  normal: `
+    / \\__
+   (    @\\___
+   /         O
+  /   (_____/
+ /_____/   U
+`,
+  thinking: `
+    / \\__
+   (    @\\___  ...
+   /         O
+  /   (_____/
+ /_____/   U
+`,
+  happy: `
+    / \\__
+   (    @\\___  woof!
+   /         O
+  /   (_____/
+ /_____/   U
+`,
+  working: `
+    / \\__
+   (    @\\___  *typing*
+   /         O
+  /   (_____/
+ /_____/   U
+`,
+  error: `
+    / \\__
+   (    @\\___  :(
+   /         O
+  /   (_____/
+ /_____/   U
+`,
+  small: `  /\\_/\\
+ ( o.o )
+  > ^ <`
+};
+var KALDI_COLORS = {
+  body: [255, 250, 240],
+  // Cream/white
+  nose: [0, 0, 0],
+  // Black
+  accent: [139, 119, 101]
+  // Light brown
+};
+function getKaldi(variant = "normal") {
+  const art = KALDI[variant];
+  const style = new import_style2.Style().foregroundRGB(...KALDI_COLORS.body).bold();
+  return style.render(art);
+}
+function getWelcomeBanner(version = "0.1.0") {
+  const style = new import_style2.Style().foregroundRGB(...KALDI_COLORS.body);
+  const accentStyle = new import_style2.Style().foregroundRGB(...KALDI_COLORS.accent);
+  const banner = `
+${style.render(KALDI.normal)}
+${accentStyle.render("  \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557")}
+${accentStyle.render("  \u2551")}  ${style.render("Puppuccino")} ${accentStyle.render("- AI Coding Assistant")}    ${accentStyle.render("\u2551")}
+${accentStyle.render("  \u2551")}  ${style.render(`v${version}`)} ${accentStyle.render("| Powered by Kaldi")}        ${accentStyle.render("\u2551")}
+${accentStyle.render("  \u255A\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255D")}
+`;
+  return banner;
+}
+function getGoodbyeBanner() {
+  const style = new import_style2.Style().foregroundRGB(...KALDI_COLORS.body);
+  return `
+${style.render(KALDI.happy)}
+  ${style.render("Goodbye! Kaldi will miss you!")}
+`;
+}
+function getPrompt() {
+  return "\u{1F415}\u200D\u{1F9BA}\u276F ";
+}
+
+// src/app.ts
+function init(options) {
+  const { width, height } = (0, import_term.getTerminalSize)();
+  const theme = getTheme(options?.theme || "kaldi");
+  const model = {
+    input: import_widgets.TextInput.init({
+      placeholder: "Ask Kaldi anything...",
+      width: width - 4
+    }),
+    viewport: import_widgets.Viewport.init({
+      width: width - 2,
+      height: height - 6
+    }),
+    spinner: import_widgets.Spinner.init({ style: "dots" }),
+    status: "idle",
+    messages: [],
+    theme,
+    showWelcome: true,
+    width,
+    height
+  };
+  const spinnerCmd = import_widgets.Spinner.tick(model.spinner);
+  return [model, spinnerCmd ? () => ({ type: "spinner", msg: spinnerCmd }) : null];
+}
+function update(msg, model) {
+  switch (msg.type) {
+    case "key": {
+      if (msg.key.ctrl && msg.key.name === "c") {
+        return [model, () => ({ type: "quit" })];
+      }
+      if (msg.key.name === "escape") {
+        if (model.showWelcome) {
+          return [{ ...model, showWelcome: false }, null];
+        }
+      }
+      if (msg.key.name === "enter" && model.status === "idle") {
+        const text = import_widgets.TextInput.value(model.input);
+        if (text.trim()) {
+          return update({ type: "submit" }, model);
+        }
+      }
+      if (model.showWelcome) {
+        return [{ ...model, showWelcome: false }, null];
+      }
+      const inputMsg = import_widgets.TextInput.handleKey(msg.key);
+      if (inputMsg) {
+        return update({ type: "input", msg: inputMsg }, model);
+      }
+      return [model, null];
+    }
+    case "input": {
+      const [newInput, inputCmd] = import_widgets.TextInput.update(msg.msg, model.input);
+      const cmd = inputCmd ? () => ({ type: "input", msg: inputCmd }) : null;
+      return [{ ...model, input: newInput }, cmd];
+    }
+    case "viewport": {
+      const [newViewport, viewportCmd] = import_widgets.Viewport.update(msg.msg, model.viewport);
+      const cmd = viewportCmd ? () => ({ type: "viewport", msg: viewportCmd }) : null;
+      return [{ ...model, viewport: newViewport }, cmd];
+    }
+    case "spinner": {
+      const [newSpinner, spinnerCmd] = import_widgets.Spinner.update(msg.msg, model.spinner);
+      const cmd = spinnerCmd ? () => ({ type: "spinner", msg: spinnerCmd }) : null;
+      return [{ ...model, spinner: newSpinner }, cmd];
+    }
+    case "submit": {
+      const text = import_widgets.TextInput.value(model.input);
+      if (!text.trim()) return [model, null];
+      if (text.startsWith("/")) {
+        return handleCommand(text.slice(1), model);
+      }
+      const userMessage = {
+        role: "user",
+        content: text,
+        timestamp: /* @__PURE__ */ new Date()
+      };
+      return [{
+        ...model,
+        input: import_widgets.TextInput.init({
+          placeholder: "Ask Kaldi anything...",
+          width: model.width - 4
+        }),
+        messages: [...model.messages, userMessage],
+        status: "thinking"
+      }, null];
+    }
+    case "agent_event": {
+      return handleAgentEvent(msg.event, model);
+    }
+    case "resize": {
+      return [{
+        ...model,
+        width: msg.width,
+        height: msg.height,
+        input: import_widgets.TextInput.init({
+          placeholder: "Ask Kaldi anything...",
+          width: msg.width - 4,
+          value: import_widgets.TextInput.value(model.input)
+        }),
+        viewport: import_widgets.Viewport.init({
+          width: msg.width - 2,
+          height: msg.height - 6,
+          content: model.viewport.content
+        })
+      }, null];
+    }
+    case "clear": {
+      return [{
+        ...model,
+        messages: [],
+        status: "idle",
+        errorMessage: void 0
+      }, null];
+    }
+    case "error": {
+      return [{
+        ...model,
+        status: "error",
+        errorMessage: msg.error
+      }, null];
+    }
+    case "dismiss_welcome": {
+      return [{ ...model, showWelcome: false }, null];
+    }
+    case "quit": {
+      return [model, null];
+    }
+    default:
+      return [model, null];
+  }
+}
+function handleCommand(cmd, model) {
+  const [command, ...args] = cmd.split(/\s+/);
+  switch (command.toLowerCase()) {
+    case "clear":
+    case "c":
+      return update({ type: "clear" }, model);
+    case "quit":
+    case "q":
+    case "exit":
+      return update({ type: "quit" }, model);
+    case "help":
+    case "h":
+    case "?": {
+      const helpMessage = {
+        role: "assistant",
+        content: `## Available Commands
+
+- \`/clear\` or \`/c\` - Clear conversation
+- \`/quit\` or \`/q\` - Exit Puppuccino
+- \`/help\` or \`/?\` - Show this help
+
+Just type your message and press Enter to chat with Kaldi!`,
+        timestamp: /* @__PURE__ */ new Date()
+      };
+      return [{
+        ...model,
+        input: import_widgets.TextInput.init({
+          placeholder: "Ask Kaldi anything...",
+          width: model.width - 4
+        }),
+        messages: [...model.messages, helpMessage]
+      }, null];
+    }
+    default: {
+      const errorMessage = {
+        role: "assistant",
+        content: `Unknown command: \`/${command}\`. Type \`/help\` for available commands.`,
+        timestamp: /* @__PURE__ */ new Date()
+      };
+      return [{
+        ...model,
+        input: import_widgets.TextInput.init({
+          placeholder: "Ask Kaldi anything...",
+          width: model.width - 4
+        }),
+        messages: [...model.messages, errorMessage]
+      }, null];
+    }
+  }
+}
+function handleAgentEvent(event, model) {
+  switch (event.type) {
+    case "thinking":
+      return [{ ...model, status: "thinking" }, null];
+    case "text": {
+      const messages = [...model.messages];
+      const lastMsg = messages[messages.length - 1];
+      if (lastMsg && lastMsg.role === "assistant" && !lastMsg.toolName) {
+        lastMsg.content += event.content;
+      } else {
+        messages.push({
+          role: "assistant",
+          content: event.content,
+          timestamp: /* @__PURE__ */ new Date()
+        });
+      }
+      return [{ ...model, messages, status: "idle" }, null];
+    }
+    case "tool_start":
+      return [{
+        ...model,
+        status: "tool",
+        currentTool: event.name
+      }, null];
+    case "tool_result": {
+      const toolMessage = {
+        role: "tool",
+        content: event.result.success ? event.result.output : `Error: ${event.result.error}`,
+        toolName: event.name,
+        timestamp: /* @__PURE__ */ new Date()
+      };
+      return [{
+        ...model,
+        messages: [...model.messages, toolMessage],
+        status: "thinking",
+        currentTool: void 0
+      }, null];
+    }
+    case "tool_denied": {
+      const deniedMessage = {
+        role: "tool",
+        content: `Permission denied: ${event.reason}`,
+        toolName: event.name,
+        timestamp: /* @__PURE__ */ new Date()
+      };
+      return [{
+        ...model,
+        messages: [...model.messages, deniedMessage],
+        status: "thinking",
+        currentTool: void 0
+      }, null];
+    }
+    case "error":
+      return [{
+        ...model,
+        status: "error",
+        errorMessage: event.error
+      }, null];
+    case "done":
+      return [{ ...model, status: "idle" }, null];
+    default:
+      return [model, null];
+  }
+}
+function view(model) {
+  const { theme } = model;
+  const lines = [];
+  if (model.showWelcome) {
+    return getWelcomeBanner() + "\n\nPress any key to continue...";
+  }
+  lines.push(theme.styles.heading.render("\u2500".repeat(model.width)));
+  const chatLines = [];
+  for (const msg of model.messages) {
+    chatLines.push(renderMessage(msg, theme, model.width - 4));
+    chatLines.push("");
+  }
+  if (model.status === "thinking") {
+    const spinner = import_widgets.Spinner.view(model.spinner);
+    chatLines.push(`${spinner} ${theme.styles.dim.render("Kaldi is thinking...")}`);
+  } else if (model.status === "tool" && model.currentTool) {
+    const spinner = import_widgets.Spinner.view(model.spinner);
+    chatLines.push(`${spinner} ${theme.styles.toolName.render(model.currentTool)}`);
+  } else if (model.status === "error" && model.errorMessage) {
+    chatLines.push(theme.styles.error.render(`Error: ${model.errorMessage}`));
+  }
+  const viewportModel = import_widgets.Viewport.setContent(model.viewport, chatLines.join("\n"));
+  lines.push(import_widgets.Viewport.view(viewportModel));
+  lines.push(theme.styles.heading.render("\u2500".repeat(model.width)));
+  const prompt = getPrompt();
+  const inputView = import_widgets.TextInput.view(model.input);
+  lines.push(`${prompt}${inputView}`);
+  return lines.join("\n");
+}
+function renderMessage(msg, theme, width) {
+  const lines = [];
+  if (msg.role === "user") {
+    lines.push(theme.styles.accent.render("You:"));
+    lines.push(msg.content);
+  } else if (msg.role === "assistant") {
+    lines.push(theme.styles.heading.render("Kaldi:"));
+    lines.push((0, import_markdown.render)(msg.content, { width }));
+  } else if (msg.role === "tool") {
+    lines.push(theme.styles.toolName.render(`[${msg.toolName}]`));
+    const output = msg.content.length > 500 ? msg.content.slice(0, 500) + "\n...(truncated)" : msg.content;
+    lines.push(theme.styles.toolOutput.render(output));
+  }
+  return lines.join("\n");
+}
+function createApp(options) {
+  return new import_tui.Program({
+    init: () => init(options),
+    update,
+    view
+  });
+}
+
+// src/index.ts
+var import_tui2 = require("@averagejoeslab/tui");
+var import_style3 = require("@averagejoeslab/style");
+var import_markdown2 = require("@averagejoeslab/markdown");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Cmd,
+  DarkTheme,
+  KALDI,
+  KALDI_COLORS,
+  KaldiTheme,
+  Key,
+  LightTheme,
+  Program,
+  Style,
+  createApp,
+  getGoodbyeBanner,
+  getKaldi,
+  getPrompt,
+  getTheme,
+  getWelcomeBanner,
+  init,
+  renderMarkdown,
+  themes,
+  update,
+  view
+});

package/dist/index.js

@@ -0,0 +1,532 @@
+// src/app.ts
+import { Program } from "@averagejoeslab/tui";
+import { Spinner, TextInput, Viewport } from "@averagejoeslab/widgets";
+import { render as renderMarkdown } from "@averagejoeslab/markdown";
+import { getTerminalSize } from "@averagejoeslab/term";
+
+// src/themes/index.ts
+import { Style } from "@averagejoeslab/style";
+var KaldiTheme = {
+  name: "kaldi",
+  colors: {
+    primary: [255, 250, 240],
+    // Cream white (like Kaldi's fur)
+    secondary: [139, 119, 101],
+    // Light brown
+    accent: [210, 180, 140],
+    // Tan
+    text: [245, 245, 245],
+    // Off-white
+    textDim: [169, 169, 169],
+    // Gray
+    background: [30, 30, 30],
+    // Dark
+    success: [144, 238, 144],
+    // Light green
+    error: [255, 99, 71],
+    // Tomato red
+    warning: [255, 215, 0],
+    // Gold
+    info: [135, 206, 235]
+    // Sky blue
+  },
+  styles: {
+    heading: new Style().foregroundRGB(255, 250, 240).bold(),
+    text: new Style().foregroundRGB(245, 245, 245),
+    dim: new Style().foregroundRGB(169, 169, 169),
+    accent: new Style().foregroundRGB(210, 180, 140),
+    success: new Style().foregroundRGB(144, 238, 144),
+    error: new Style().foregroundRGB(255, 99, 71),
+    warning: new Style().foregroundRGB(255, 215, 0),
+    info: new Style().foregroundRGB(135, 206, 235),
+    code: new Style().foregroundRGB(255, 250, 240).background(52),
+    link: new Style().foregroundRGB(135, 206, 235).underline(),
+    prompt: new Style().foregroundRGB(210, 180, 140).bold(),
+    toolName: new Style().foregroundRGB(135, 206, 235).bold(),
+    toolOutput: new Style().foregroundRGB(169, 169, 169)
+  }
+};
+var DarkTheme = {
+  name: "dark",
+  colors: {
+    primary: [97, 175, 239],
+    // Blue
+    secondary: [152, 195, 121],
+    // Green
+    accent: [229, 192, 123],
+    // Yellow
+    text: [220, 220, 220],
+    textDim: [128, 128, 128],
+    background: [30, 30, 30],
+    success: [152, 195, 121],
+    error: [224, 108, 117],
+    warning: [229, 192, 123],
+    info: [97, 175, 239]
+  },
+  styles: {
+    heading: new Style().foregroundRGB(97, 175, 239).bold(),
+    text: new Style().foregroundRGB(220, 220, 220),
+    dim: new Style().foregroundRGB(128, 128, 128),
+    accent: new Style().foregroundRGB(229, 192, 123),
+    success: new Style().foregroundRGB(152, 195, 121),
+    error: new Style().foregroundRGB(224, 108, 117),
+    warning: new Style().foregroundRGB(229, 192, 123),
+    info: new Style().foregroundRGB(97, 175, 239),
+    code: new Style().foregroundRGB(220, 220, 220).background(236),
+    link: new Style().foregroundRGB(97, 175, 239).underline(),
+    prompt: new Style().foregroundRGB(152, 195, 121).bold(),
+    toolName: new Style().foregroundRGB(97, 175, 239).bold(),
+    toolOutput: new Style().foregroundRGB(128, 128, 128)
+  }
+};
+var LightTheme = {
+  name: "light",
+  colors: {
+    primary: [0, 95, 184],
+    // Blue
+    secondary: [40, 167, 69],
+    // Green
+    accent: [202, 138, 4],
+    // Amber
+    text: [33, 33, 33],
+    textDim: [117, 117, 117],
+    background: [255, 255, 255],
+    success: [40, 167, 69],
+    error: [220, 53, 69],
+    warning: [202, 138, 4],
+    info: [0, 95, 184]
+  },
+  styles: {
+    heading: new Style().foregroundRGB(0, 95, 184).bold(),
+    text: new Style().foregroundRGB(33, 33, 33),
+    dim: new Style().foregroundRGB(117, 117, 117),
+    accent: new Style().foregroundRGB(202, 138, 4),
+    success: new Style().foregroundRGB(40, 167, 69),
+    error: new Style().foregroundRGB(220, 53, 69),
+    warning: new Style().foregroundRGB(202, 138, 4),
+    info: new Style().foregroundRGB(0, 95, 184),
+    code: new Style().foregroundRGB(33, 33, 33).background(253),
+    link: new Style().foregroundRGB(0, 95, 184).underline(),
+    prompt: new Style().foregroundRGB(40, 167, 69).bold(),
+    toolName: new Style().foregroundRGB(0, 95, 184).bold(),
+    toolOutput: new Style().foregroundRGB(117, 117, 117)
+  }
+};
+function getTheme(name) {
+  switch (name) {
+    case "kaldi":
+      return KaldiTheme;
+    case "light":
+      return LightTheme;
+    case "dark":
+    default:
+      return DarkTheme;
+  }
+}
+var themes = {
+  kaldi: KaldiTheme,
+  dark: DarkTheme,
+  light: LightTheme
+};
+
+// src/components/kaldi.ts
+import { Style as Style2 } from "@averagejoeslab/style";
+var KALDI = {
+  normal: `
+    / \\__
+   (    @\\___
+   /         O
+  /   (_____/
+ /_____/   U
+`,
+  thinking: `
+    / \\__
+   (    @\\___  ...
+   /         O
+  /   (_____/
+ /_____/   U
+`,
+  happy: `
+    / \\__
+   (    @\\___  woof!
+   /         O
+  /   (_____/
+ /_____/   U
+`,
+  working: `
+    / \\__
+   (    @\\___  *typing*
+   /         O
+  /   (_____/
+ /_____/   U
+`,
+  error: `
+    / \\__
+   (    @\\___  :(
+   /         O
+  /   (_____/
+ /_____/   U
+`,
+  small: `  /\\_/\\
+ ( o.o )
+  > ^ <`
+};
+var KALDI_COLORS = {
+  body: [255, 250, 240],
+  // Cream/white
+  nose: [0, 0, 0],
+  // Black
+  accent: [139, 119, 101]
+  // Light brown
+};
+function getKaldi(variant = "normal") {
+  const art = KALDI[variant];
+  const style = new Style2().foregroundRGB(...KALDI_COLORS.body).bold();
+  return style.render(art);
+}
+function getWelcomeBanner(version = "0.1.0") {
+  const style = new Style2().foregroundRGB(...KALDI_COLORS.body);
+  const accentStyle = new Style2().foregroundRGB(...KALDI_COLORS.accent);
+  const banner = `
+${style.render(KALDI.normal)}
+${accentStyle.render("  \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557")}
+${accentStyle.render("  \u2551")}  ${style.render("Puppuccino")} ${accentStyle.render("- AI Coding Assistant")}    ${accentStyle.render("\u2551")}
+${accentStyle.render("  \u2551")}  ${style.render(`v${version}`)} ${accentStyle.render("| Powered by Kaldi")}        ${accentStyle.render("\u2551")}
+${accentStyle.render("  \u255A\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255D")}
+`;
+  return banner;
+}
+function getGoodbyeBanner() {
+  const style = new Style2().foregroundRGB(...KALDI_COLORS.body);
+  return `
+${style.render(KALDI.happy)}
+  ${style.render("Goodbye! Kaldi will miss you!")}
+`;
+}
+function getPrompt() {
+  return "\u{1F415}\u200D\u{1F9BA}\u276F ";
+}
+
+// src/app.ts
+function init(options) {
+  const { width, height } = getTerminalSize();
+  const theme = getTheme(options?.theme || "kaldi");
+  const model = {
+    input: TextInput.init({
+      placeholder: "Ask Kaldi anything...",
+      width: width - 4
+    }),
+    viewport: Viewport.init({
+      width: width - 2,
+      height: height - 6
+    }),
+    spinner: Spinner.init({ style: "dots" }),
+    status: "idle",
+    messages: [],
+    theme,
+    showWelcome: true,
+    width,
+    height
+  };
+  const spinnerCmd = Spinner.tick(model.spinner);
+  return [model, spinnerCmd ? () => ({ type: "spinner", msg: spinnerCmd }) : null];
+}
+function update(msg, model) {
+  switch (msg.type) {
+    case "key": {
+      if (msg.key.ctrl && msg.key.name === "c") {
+        return [model, () => ({ type: "quit" })];
+      }
+      if (msg.key.name === "escape") {
+        if (model.showWelcome) {
+          return [{ ...model, showWelcome: false }, null];
+        }
+      }
+      if (msg.key.name === "enter" && model.status === "idle") {
+        const text = TextInput.value(model.input);
+        if (text.trim()) {
+          return update({ type: "submit" }, model);
+        }
+      }
+      if (model.showWelcome) {
+        return [{ ...model, showWelcome: false }, null];
+      }
+      const inputMsg = TextInput.handleKey(msg.key);
+      if (inputMsg) {
+        return update({ type: "input", msg: inputMsg }, model);
+      }
+      return [model, null];
+    }
+    case "input": {
+      const [newInput, inputCmd] = TextInput.update(msg.msg, model.input);
+      const cmd = inputCmd ? () => ({ type: "input", msg: inputCmd }) : null;
+      return [{ ...model, input: newInput }, cmd];
+    }
+    case "viewport": {
+      const [newViewport, viewportCmd] = Viewport.update(msg.msg, model.viewport);
+      const cmd = viewportCmd ? () => ({ type: "viewport", msg: viewportCmd }) : null;
+      return [{ ...model, viewport: newViewport }, cmd];
+    }
+    case "spinner": {
+      const [newSpinner, spinnerCmd] = Spinner.update(msg.msg, model.spinner);
+      const cmd = spinnerCmd ? () => ({ type: "spinner", msg: spinnerCmd }) : null;
+      return [{ ...model, spinner: newSpinner }, cmd];
+    }
+    case "submit": {
+      const text = TextInput.value(model.input);
+      if (!text.trim()) return [model, null];
+      if (text.startsWith("/")) {
+        return handleCommand(text.slice(1), model);
+      }
+      const userMessage = {
+        role: "user",
+        content: text,
+        timestamp: /* @__PURE__ */ new Date()
+      };
+      return [{
+        ...model,
+        input: TextInput.init({
+          placeholder: "Ask Kaldi anything...",
+          width: model.width - 4
+        }),
+        messages: [...model.messages, userMessage],
+        status: "thinking"
+      }, null];
+    }
+    case "agent_event": {
+      return handleAgentEvent(msg.event, model);
+    }
+    case "resize": {
+      return [{
+        ...model,
+        width: msg.width,
+        height: msg.height,
+        input: TextInput.init({
+          placeholder: "Ask Kaldi anything...",
+          width: msg.width - 4,
+          value: TextInput.value(model.input)
+        }),
+        viewport: Viewport.init({
+          width: msg.width - 2,
+          height: msg.height - 6,
+          content: model.viewport.content
+        })
+      }, null];
+    }
+    case "clear": {
+      return [{
+        ...model,
+        messages: [],
+        status: "idle",
+        errorMessage: void 0
+      }, null];
+    }
+    case "error": {
+      return [{
+        ...model,
+        status: "error",
+        errorMessage: msg.error
+      }, null];
+    }
+    case "dismiss_welcome": {
+      return [{ ...model, showWelcome: false }, null];
+    }
+    case "quit": {
+      return [model, null];
+    }
+    default:
+      return [model, null];
+  }
+}
+function handleCommand(cmd, model) {
+  const [command, ...args] = cmd.split(/\s+/);
+  switch (command.toLowerCase()) {
+    case "clear":
+    case "c":
+      return update({ type: "clear" }, model);
+    case "quit":
+    case "q":
+    case "exit":
+      return update({ type: "quit" }, model);
+    case "help":
+    case "h":
+    case "?": {
+      const helpMessage = {
+        role: "assistant",
+        content: `## Available Commands
+
+- \`/clear\` or \`/c\` - Clear conversation
+- \`/quit\` or \`/q\` - Exit Puppuccino
+- \`/help\` or \`/?\` - Show this help
+
+Just type your message and press Enter to chat with Kaldi!`,
+        timestamp: /* @__PURE__ */ new Date()
+      };
+      return [{
+        ...model,
+        input: TextInput.init({
+          placeholder: "Ask Kaldi anything...",
+          width: model.width - 4
+        }),
+        messages: [...model.messages, helpMessage]
+      }, null];
+    }
+    default: {
+      const errorMessage = {
+        role: "assistant",
+        content: `Unknown command: \`/${command}\`. Type \`/help\` for available commands.`,
+        timestamp: /* @__PURE__ */ new Date()
+      };
+      return [{
+        ...model,
+        input: TextInput.init({
+          placeholder: "Ask Kaldi anything...",
+          width: model.width - 4
+        }),
+        messages: [...model.messages, errorMessage]
+      }, null];
+    }
+  }
+}
+function handleAgentEvent(event, model) {
+  switch (event.type) {
+    case "thinking":
+      return [{ ...model, status: "thinking" }, null];
+    case "text": {
+      const messages = [...model.messages];
+      const lastMsg = messages[messages.length - 1];
+      if (lastMsg && lastMsg.role === "assistant" && !lastMsg.toolName) {
+        lastMsg.content += event.content;
+      } else {
+        messages.push({
+          role: "assistant",
+          content: event.content,
+          timestamp: /* @__PURE__ */ new Date()
+        });
+      }
+      return [{ ...model, messages, status: "idle" }, null];
+    }
+    case "tool_start":
+      return [{
+        ...model,
+        status: "tool",
+        currentTool: event.name
+      }, null];
+    case "tool_result": {
+      const toolMessage = {
+        role: "tool",
+        content: event.result.success ? event.result.output : `Error: ${event.result.error}`,
+        toolName: event.name,
+        timestamp: /* @__PURE__ */ new Date()
+      };
+      return [{
+        ...model,
+        messages: [...model.messages, toolMessage],
+        status: "thinking",
+        currentTool: void 0
+      }, null];
+    }
+    case "tool_denied": {
+      const deniedMessage = {
+        role: "tool",
+        content: `Permission denied: ${event.reason}`,
+        toolName: event.name,
+        timestamp: /* @__PURE__ */ new Date()
+      };
+      return [{
+        ...model,
+        messages: [...model.messages, deniedMessage],
+        status: "thinking",
+        currentTool: void 0
+      }, null];
+    }
+    case "error":
+      return [{
+        ...model,
+        status: "error",
+        errorMessage: event.error
+      }, null];
+    case "done":
+      return [{ ...model, status: "idle" }, null];
+    default:
+      return [model, null];
+  }
+}
+function view(model) {
+  const { theme } = model;
+  const lines = [];
+  if (model.showWelcome) {
+    return getWelcomeBanner() + "\n\nPress any key to continue...";
+  }
+  lines.push(theme.styles.heading.render("\u2500".repeat(model.width)));
+  const chatLines = [];
+  for (const msg of model.messages) {
+    chatLines.push(renderMessage(msg, theme, model.width - 4));
+    chatLines.push("");
+  }
+  if (model.status === "thinking") {
+    const spinner = Spinner.view(model.spinner);
+    chatLines.push(`${spinner} ${theme.styles.dim.render("Kaldi is thinking...")}`);
+  } else if (model.status === "tool" && model.currentTool) {
+    const spinner = Spinner.view(model.spinner);
+    chatLines.push(`${spinner} ${theme.styles.toolName.render(model.currentTool)}`);
+  } else if (model.status === "error" && model.errorMessage) {
+    chatLines.push(theme.styles.error.render(`Error: ${model.errorMessage}`));
+  }
+  const viewportModel = Viewport.setContent(model.viewport, chatLines.join("\n"));
+  lines.push(Viewport.view(viewportModel));
+  lines.push(theme.styles.heading.render("\u2500".repeat(model.width)));
+  const prompt = getPrompt();
+  const inputView = TextInput.view(model.input);
+  lines.push(`${prompt}${inputView}`);
+  return lines.join("\n");
+}
+function renderMessage(msg, theme, width) {
+  const lines = [];
+  if (msg.role === "user") {
+    lines.push(theme.styles.accent.render("You:"));
+    lines.push(msg.content);
+  } else if (msg.role === "assistant") {
+    lines.push(theme.styles.heading.render("Kaldi:"));
+    lines.push(renderMarkdown(msg.content, { width }));
+  } else if (msg.role === "tool") {
+    lines.push(theme.styles.toolName.render(`[${msg.toolName}]`));
+    const output = msg.content.length > 500 ? msg.content.slice(0, 500) + "\n...(truncated)" : msg.content;
+    lines.push(theme.styles.toolOutput.render(output));
+  }
+  return lines.join("\n");
+}
+function createApp(options) {
+  return new Program({
+    init: () => init(options),
+    update,
+    view
+  });
+}
+
+// src/index.ts
+import { Program as Program2, Key as Key2, Cmd as Cmd2 } from "@averagejoeslab/tui";
+import { Style as Style3 } from "@averagejoeslab/style";
+import { render } from "@averagejoeslab/markdown";
+export {
+  Cmd2 as Cmd,
+  DarkTheme,
+  KALDI,
+  KALDI_COLORS,
+  KaldiTheme,
+  Key2 as Key,
+  LightTheme,
+  Program2 as Program,
+  Style3 as Style,
+  createApp,
+  getGoodbyeBanner,
+  getKaldi,
+  getPrompt,
+  getTheme,
+  getWelcomeBanner,
+  init,
+  render as renderMarkdown,
+  themes,
+  update,
+  view
+};

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@averagejoeslab/puppuccino-tui",
+  "version": "0.1.0",
+  "description": "Terminal UI for Puppuccino AI coding agent",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format cjs,esm --dts",
+    "dev": "tsup src/index.ts --format cjs,esm --dts --watch",
+    "test": "vitest run",
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf dist"
+  },
+  "dependencies": {
+    "@averagejoeslab/puppuccino-core": "^0.1.0",
+    "@averagejoeslab/ansi": "^1.0.0",
+    "@averagejoeslab/term": "^1.0.0",
+    "@averagejoeslab/style": "^1.0.0",
+    "@averagejoeslab/tui": "^1.0.0",
+    "@averagejoeslab/widgets": "^1.0.0",
+    "@averagejoeslab/markdown": "^1.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.4.0",
+    "vitest": "^2.0.0"
+  },
+  "files": [
+    "dist"
+  ]
+}