@couralabs/claudin 0.1.1 → 0.1.2

package/claudin.js

@@ -5950,6 +5950,18 @@ function formatModelName(model) {
   const version = parts.filter((part) => NUMERIC_PART.test(part)).join(".");
   return ["Claude", ...words, version].filter(Boolean).join(" ");
 }
+// packages/events/src/models/messageText.ts
+var MAX_OUTPUT_LENGTH = 20000;
+function joinBlocks(content) {
+  if (typeof content === "string")
+    return content;
+  if (!Array.isArray(content))
+    return content === undefined ? "" : JSON.stringify(content);
+  return content.map((block) => block.type === "text" ? block.text ?? "" : `[${block.type}]`).join(`
+`);
+}
+var readPromptText = (content) => joinBlocks(content);
+var clipOutput = (text) => text.slice(0, MAX_OUTPUT_LENGTH);
 // packages/events/src/models/modelLabel.ts
 function readModelLabel({ model, models }) {
   const row = models.find((candidate) => candidate.value === model);
@@ -6026,19 +6038,6 @@ var THEME_NAMES = [
 ];
 var themeNameSchema = _enum(THEME_NAMES);
 var DEFAULT_THEME_NAME = "vesper";
-// packages/events/src/models/messageText.ts
-var MAX_OUTPUT_LENGTH = 20000;
-function joinBlocks(content) {
-  if (typeof content === "string")
-    return content;
-  if (!Array.isArray(content))
-    return content === undefined ? "" : JSON.stringify(content);
-  return content.map((block) => block.type === "text" ? block.text ?? "" : `[${block.type}]`).join(`
-`);
-}
-var readPromptText = (content) => joinBlocks(content);
-var clipOutput = (text) => text.slice(0, MAX_OUTPUT_LENGTH);
-
 // packages/events/src/reducers/reduceCheckpoint.ts
 var isUserEntry = (entry) => entry.kind === "user";
 var hasToolResults = (content) => Array.isArray(content) && content.some((block) => block?.type === "tool_result");
@@ -6068,7 +6067,13 @@ var appendNotice = (state, text) => appendEntry(state, { kind: "notice", text })
 
 // packages/events/src/reducers/reduceHistory.ts
 var NO_MATCH_NOTICE = "No earlier prompt matches";
-var listPromptTexts = (state) => state.prompts.map(readPromptText);
+var MAX_PROMPT_HISTORY = 10;
+var queuePromptHistory = (entries, text) => text === "" || entries.at(-1) === text ? entries : [...entries, text].slice(-MAX_PROMPT_HISTORY);
+var listPromptTexts = (state) => state.promptHistory;
+var loadHistory = (state, entries) => ({
+  ...state,
+  promptHistory: [...entries, ...state.promptHistory].slice(-MAX_PROMPT_HISTORY)
+});
 function readHistoryText(state) {
   const { history } = state.ui;
   if (!history)
@@ -6076,7 +6081,7 @@ function readHistoryText(state) {
   return listPromptTexts(state)[history.index] ?? history.draft;
 }
 function browsingPosition(state, draft) {
-  const size = state.prompts.length;
+  const size = state.promptHistory.length;
   const { history } = state.ui;
   const browsing = history !== null && history.index < size;
   return { size, index: browsing ? history.index : size, draft: browsing ? history.draft : draft };
@@ -6106,20 +6111,11 @@ var agentSessionId = string2();
 var content = sdkValue();
 var agentOptions = sdkValue().optional();
 var effortLevelSchema = _enum(["low", "medium", "high", "xhigh", "max"]);
-var permissionModeSchema = _enum([
-  "default",
-  "acceptEdits",
-  "bypassPermissions",
-  "plan",
-  "dontAsk",
-  "auto"
-]);
-var DEFAULT_PERMISSION_MODE = "auto";
+var permissionModeSchema = _enum(["auto", "acceptEdits", "bypassPermissions", "dontAsk"]);
+var DEFAULT_PERMISSION_MODE = "bypassPermissions";
 var PERMISSION_MODE_LABELS = {
-  default: "Default Permission",
   acceptEdits: "Accept Edits Permission",
   bypassPermissions: "Bypass Permissions",
-  plan: "Plan Permission",
   dontAsk: "Don't Ask Permission",
   auto: "Automatic Permissions"
 };
@@ -6194,6 +6190,7 @@ var DEFAULT_CONTEXT_WINDOW = 200000;
 var createSessionState = (sessionId) => ({
   sessionId,
   prompts: [],
+  promptHistory: [],
   status: "idle",
   model: "",
   permissionMode: DEFAULT_PERMISSION_MODE,
@@ -6225,7 +6222,14 @@ var createSessionState = (sessionId) => ({
 });
 
 // packages/events/src/reducers/carryOver.ts
-var DEVICE_KEYS = ["theme", "background", "slashCommands", "models", "rateLimits"];
+var DEVICE_KEYS = [
+  "theme",
+  "background",
+  "slashCommands",
+  "models",
+  "rateLimits",
+  "promptHistory"
+];
 var WORKSPACE_KEYS = [
   "model",
   "effort",
@@ -6502,6 +6506,14 @@ function reduceStreamEvent(state, event) {
   }
 }
 
+// packages/events/src/reducers/reduceTaskProgress.ts
+function reduceTaskProgress(state, message) {
+  const { tool_use_id: toolUseId, summary } = message;
+  if (!toolUseId || !summary)
+    return state;
+  return updateToolCall(state, toolUseId, (call) => ({ ...call, progress: summary }));
+}
+
 // packages/events/src/reducers/reduceToolResults.ts
 function applyResult(state, block) {
   if (block.type !== "tool_result" || !block.tool_use_id)
@@ -6521,6 +6533,8 @@ function reduceToolResults(state, message) {
 function reduceAgentMessage(state, message) {
   switch (message.type) {
     case "system":
+      if (message.subtype === "task_progress")
+        return reduceTaskProgress(state, message);
       if (message.subtype !== "init")
         return reduceNoticeMessage(state, message);
       return {
@@ -6651,6 +6665,7 @@ function reducePrompt(state, content, isFollowUp) {
   return {
     ...withUser,
     prompts: [...state.prompts, content],
+    promptHistory: queuePromptHistory(state.promptHistory, readPromptText(content)),
     status: "thinking",
     queuedTurns: isFollowUp ? state.queuedTurns + 1 : state.queuedTurns,
     turnStartedAt: isFollowUp ? state.turnStartedAt ?? state.now : state.now,
@@ -6784,6 +6799,8 @@ function reduceUi(state, event) {
       return moveHistory(state, event.delta, event.draft);
     case "ui.history.searched":
       return searchHistory(state, event.draft);
+    case "ui.history.loaded":
+      return loadHistory(state, event.entries);
     case "ui.history.reset":
       return resetHistory(state);
     case "ui.diff.viewer.moved":
@@ -7801,21 +7818,36 @@ var AGENT_TOOLS = [
   "TodoWrite",
   "AskUserQuestion",
   "Write",
-  "Edit"
+  "Edit",
+  "NotebookEdit"
 ];
 var AGENT_PROFILE_OPTIONS = {
   tools: AGENT_TOOLS,
   systemPrompt: ADHD_SYSTEM_PROMPT,
   enableFileCheckpointing: true,
-  extraArgs: { "replay-user-messages": null }
+  extraArgs: { "replay-user-messages": null },
+  permissionMode: DEFAULT_PERMISSION_MODE,
+  allowDangerouslySkipPermissions: true,
+  settings: {
+    promptCacheTtl: "1h",
+    subagentPromptCacheTtl: "1h",
+    attribution: { commit: "", pr: "" }
+  },
+  settingSources: ["user", "project", "local"],
+  skills: "all",
+  agentProgressSummaries: true,
+  includePartialMessages: true,
+  includeHookEvents: true
 };
 
 // packages/agent/src/runtime/buildUserMessage.ts
+var isSlashCommand = (content) => readPromptText(content).trimStart().startsWith("/");
 var buildUserMessage = (content, priority) => ({
   type: "user",
   message: { role: "user", content },
   parent_tool_use_id: null,
-  priority
+  priority,
+  client_composed: isSlashCommand(content) ? undefined : true
 });
 
 // packages/agent/src/session/pickNextModel.ts
@@ -7841,7 +7873,6 @@ class AgentSession {
     this.query = runtime.open({
       prompt: this.input,
       options: {
-        includePartialMessages: true,
         ...baseOptions,
         ...AGENT_PROFILE_OPTIONS,
         canUseTool: this.gate.canUseTool
@@ -17616,9 +17647,7 @@ var readEffortColor = (effort) => ({
   max: Theme.status.danger
 })[effort] ?? Theme.fg.secondary;
 var readPermissionColor = (mode) => ({
-  default: Theme.fg.primary,
   acceptEdits: Theme.status.success,
-  plan: Theme.status.info,
   auto: Theme.accent.highlight,
   dontAsk: Theme.status.warning,
   bypassPermissions: Theme.status.danger
@@ -17758,11 +17787,125 @@ class ListPopover {
 // apps/tui/src/components/promptInput.ts
 import {
   BoxRenderable as BoxRenderable5,
+  SyntaxStyle,
   TextareaRenderable,
   TextRenderable as TextRenderable5
 } from "@opentui/core";
+
+// apps/tui/src/prompt/pasteAttachments.ts
+class PasteAttachments {
+  replacements = new Map;
+  images = new Map;
+  counter = 0;
+  addText(text) {
+    const lines = text.split(`
+`).length;
+    return this.remember(`Pasted text #${this.next()} +${lines} lines`, text);
+  }
+  addFile(path) {
+    const name = path.split("/").at(-1) ?? path;
+    return this.remember(`File #${this.next()} ${name}`, path);
+  }
+  addImage(image) {
+    const placeholder = `[Image #${this.next()}]`;
+    this.images.set(placeholder, image);
+    return placeholder;
+  }
+  compose(text) {
+    let expanded = text;
+    for (const [placeholder, value] of this.replacements) {
+      expanded = expanded.replaceAll(placeholder, () => value);
+    }
+    const images = [...this.images].map(([placeholder, image]) => ({ at: text.indexOf(placeholder), image })).filter(({ at }) => at >= 0).sort((left, right) => left.at - right.at).map(({ image }) => image);
+    return { text: expanded, images };
+  }
+  placeholders() {
+    return [...this.replacements.keys(), ...this.images.keys()];
+  }
+  reset() {
+    this.replacements.clear();
+    this.images.clear();
+    this.counter = 0;
+  }
+  remember(label, value) {
+    const placeholder = `[${label}]`;
+    this.replacements.set(placeholder, value);
+    return placeholder;
+  }
+  next() {
+    this.counter += 1;
+    return this.counter;
+  }
+}
+
+// apps/tui/src/prompt/planPaste.ts
+import { readFileSync } from "fs";
+import { extname } from "path";
+import { decodePasteBytes } from "@opentui/core";
+
+// apps/tui/src/prompt/imageBlock.ts
+var IMAGE_MEDIA_TYPES = ["image/gif", "image/jpeg", "image/png", "image/webp"];
+var readImageMediaType = (mediaType) => IMAGE_MEDIA_TYPES.find((known) => known === mediaType);
+var buildImageBlock = (mediaType, bytes) => ({
+  type: "image",
+  source: { type: "base64", media_type: mediaType, data: Buffer.from(bytes).toString("base64") }
+});
+
+// apps/tui/src/prompt/pastedPaths.ts
+import { statSync } from "fs";
+import { homedir as homedir6 } from "os";
+import { isAbsolute } from "path";
+var unwrapPath = (raw) => raw.trim().replace(/^(['"])(.*)\1$/, "$2").replace(/^file:\/\//, "").replace(/^~(?=\/)/, homedir6()).replace(/\\(.)/g, "$1");
+var isExistingFile = (path) => {
+  try {
+    return isAbsolute(path) && statSync(path).isFile();
+  } catch {
+    return false;
+  }
+};
+function parsePastedPaths(text) {
+  const lines = text.split(`
+`).map((line) => line.trim()).filter(Boolean);
+  const paths = lines.flatMap((line) => isExistingFile(unwrapPath(line)) ? [line] : line.split(/(?<!\\)\s+/)).map(unwrapPath);
+  return paths.length > 0 && paths.every(isExistingFile) ? paths : [];
+}
+
+// apps/tui/src/prompt/planPaste.ts
+var LONG_PASTE_LINES = 5;
+var LONG_PASTE_CHARS = 500;
+var IMAGE_TYPES = {
+  ".png": "image/png",
+  ".jpg": "image/jpeg",
+  ".jpeg": "image/jpeg",
+  ".gif": "image/gif",
+  ".webp": "image/webp"
+};
+var isLongPaste = (text) => text.length > LONG_PASTE_CHARS || text.split(`
+`).length > LONG_PASTE_LINES;
+function attachPath(path, attachments) {
+  const mediaType = IMAGE_TYPES[extname(path).toLowerCase()];
+  if (!mediaType)
+    return attachments.addFile(path);
+  return attachments.addImage(buildImageBlock(mediaType, readFileSync(path)));
+}
+function planPaste(event, attachments) {
+  const mediaType = readImageMediaType(event.metadata?.mimeType);
+  if (mediaType) {
+    return attachments.addImage(buildImageBlock(mediaType, event.bytes));
+  }
+  if (event.metadata?.kind === "binary")
+    return;
+  const text = decodePasteBytes(event.bytes);
+  const paths = parsePastedPaths(text);
+  if (paths.length > 0)
+    return paths.map((path) => attachPath(path, attachments)).join(" ");
+  return isLongPaste(text) ? attachments.addText(text) : undefined;
+}
+
+// apps/tui/src/components/promptInput.ts
 var MAX_INPUT_LINES = 8;
 var BUSY_TITLE = " Ctrl+Q (queue) Ctrl+W (steer) ";
+var ATTACHMENT_STYLE = "attachment";
 var PLACEHOLDER = "Type your prompt, /slash command, or @file reference...";
 var KEY_BINDINGS = [
   { name: "return", action: "submit" },
@@ -17776,6 +17919,9 @@ class PromptInput {
   renderable;
   textarea;
   chevron;
+  attachments = new PasteAttachments;
+  attachmentStyle;
+  attachmentStyleId = 0;
   focused = false;
   constructor(renderer, handlers) {
     this.renderable = new BoxRenderable5(renderer, {
@@ -17787,14 +17933,18 @@ class PromptInput {
       flexShrink: 0,
       paddingLeft: 1
     });
+    this.attachmentStyle = SyntaxStyle.create(renderer.nativeScene);
     this.textarea = new TextareaRenderable(renderer, {
       flexGrow: 1,
       height: 1,
       placeholder: PLACEHOLDER,
       wrapMode: "word",
       keyBindings: KEY_BINDINGS,
+      syntaxStyle: this.attachmentStyle,
+      onPaste: (event) => this.insertPlaceholder(event),
       onSubmit: () => handlers.onSubmit(this.text),
       onContentChange: () => {
+        this.markAttachments();
         this.fitHeight();
         handlers.onChange(this.text, this.textarea.cursorOffset);
       }
@@ -17814,8 +17964,19 @@ class PromptInput {
     this.textarea.setText(text);
     this.textarea.cursorOffset = cursor;
   }
+  compose() {
+    return this.attachments.compose(this.text);
+  }
+  insertPlaceholder(event) {
+    const placeholder = planPaste(event, this.attachments);
+    if (placeholder === undefined)
+      return;
+    event.preventDefault();
+    this.textarea.insertText(placeholder);
+  }
   clear() {
     this.textarea.setText("");
+    this.attachments.reset();
   }
   setFocused(focused) {
     if (focused === this.focused)
@@ -17842,6 +18003,26 @@ class PromptInput {
     this.textarea.focusedTextColor = Theme.fg.primary;
     this.textarea.backgroundColor = Theme.bg.default;
     this.textarea.focusedBackgroundColor = Theme.bg.default;
+    this.attachmentStyleId = this.attachmentStyle.registerStyle(ATTACHMENT_STYLE, {
+      fg: Theme.accent.highlight,
+      bold: true
+    });
+    this.markAttachments();
+  }
+  markAttachments() {
+    const { extmarks } = this.textarea;
+    extmarks.clear();
+    const text = this.text;
+    for (const placeholder of this.attachments.placeholders()) {
+      for (let at = text.indexOf(placeholder);at >= 0; at = text.indexOf(placeholder, at + 1)) {
+        extmarks.create({
+          start: at,
+          end: at + placeholder.length,
+          virtual: true,
+          styleId: this.attachmentStyleId
+        });
+      }
+    }
   }
   fitHeight() {
     const wanted = Math.max(this.textarea.lineCount, this.textarea.virtualLineCount, 1);
@@ -18580,7 +18761,9 @@ var SUMMARY_LENGTH = 80;
 var SUMMARY_KEYS = ["file_path", "path", "command", "pattern", "query", "url", "description"];
 var SEARCH_TOOLS = new Set(["Glob", "Grep"]);
 var summarizeSearch = ({ pattern, path }) => typeof path === "string" ? `${pattern} in ${path}` : String(pattern);
-function summarizeToolCall({ name, input }) {
+function summarizeToolCall({ name, input, status, progress }) {
+  if (status === "running" && progress)
+    return truncateText(progress, SUMMARY_LENGTH);
   if (SEARCH_TOOLS.has(name) && typeof input.pattern === "string") {
     return truncateText(summarizeSearch(input), SUMMARY_LENGTH);
   }
@@ -18875,6 +19058,8 @@ import {
   StyledText as StyledText11,
   TextRenderable as TextRenderable12
 } from "@opentui/core";
+var USER_LINES = 10;
+
 class UserMessageView {
   renderable;
   text;
@@ -18903,7 +19088,7 @@ class UserMessageView {
     this.entry = entry;
     this.text.content = new StyledText11([
       bold7(fg12(Theme.accent.brand)("\u276F ")),
-      bold7(fg12(Theme.fg.primary)(entry.text))
+      bold7(fg12(Theme.fg.primary)(clipLines(entry.text, USER_LINES)))
     ]);
     this.clock.content = new StyledText11([fg12(Theme.fg.muted)(formatClock(entry.at))]);
   }
@@ -19544,23 +19729,27 @@ var DELIVERY_REQUESTS = {
   steer: "agent.prompt.steer.requested"
 };
 var BUSY_NOTICE = "Agent is busy: Ctrl+Q queues, Ctrl+W steers, Esc Esc interrupts the turn";
-function deliverPrompt(store, content, delivery) {
+var buildContent = (text, images) => images.length > 0 ? [{ type: "text", text }, ...images] : text;
+function deliverPrompt(store, content, delivery, images) {
   const busy = isAgentBusy(store);
   if (busy && delivery === "send") {
     store.emit({ type: "ui.notice.posted", text: BUSY_NOTICE });
     return false;
   }
-  return requestAgent(store, { type: DELIVERY_REQUESTS[busy ? delivery : "send"], content });
+  return requestAgent(store, {
+    type: DELIVERY_REQUESTS[busy ? delivery : "send"],
+    content: buildContent(content, images)
+  });
 }
-function submitPrompt(store, text, delivery = "send") {
+function submitPrompt(store, text, delivery = "send", images = []) {
   const content = text.trim();
-  if (!content)
+  if (!content && images.length === 0)
     return false;
   if (content.startsWith("/") && !isAgentCommand(store.state, content)) {
     runSlashCommand(store, content);
     return true;
   }
-  return deliverPrompt(store, content, delivery);
+  return deliverPrompt(store, content, delivery, images);
 }
 function answerApproval(store, decision, toolUseId) {
   const target = toolUseId ?? findAwaitingCalls(store.state)[0]?.id;
@@ -19593,11 +19782,9 @@ var showHistoryText = (store, editor) => {
     editor.replace(text);
 };
 function routeHistoryKey(key, store, editor) {
-  const { ui, prompts } = store.state;
-  if (ui.focus !== "input" || key.name !== "up" && key.name !== "down")
+  if (store.state.ui.focus !== "input" || !key.shift)
     return false;
-  const starting = key.name === "up" && editor.read() === "" && prompts.length > 0;
-  if (!ui.history && !starting)
+  if (key.name !== "up" && key.name !== "down")
     return false;
   const delta = key.name === "up" ? -1 : 1;
   store.emit({ type: "ui.history.moved", delta, draft: editor.read() });
@@ -19917,6 +20104,60 @@ class TurnNotifier {
   }
 }
 
+// apps/tui/src/prompt/historyFile.ts
+import { homedir as homedir7 } from "os";
+import { join as join6 } from "path";
+var HISTORY_ROOT = join6(homedir7(), ".claudin", "prompts");
+var buildHistoryPath = (cwd, root = HISTORY_ROOT) => join6(root, cwd.replace(/[^a-zA-Z0-9]/g, "-"), "history.jsonl");
+var parseLine = (line) => {
+  try {
+    const { text } = JSON.parse(line);
+    return typeof text === "string" && text !== "" ? text : undefined;
+  } catch {
+    return;
+  }
+};
+async function readHistoryFile(path) {
+  const content = await Bun.file(path).text().catch(() => "");
+  const entries = content.split(`
+`).flatMap((line) => parseLine(line) ?? []);
+  return entries.slice(-MAX_PROMPT_HISTORY);
+}
+async function writeHistoryFile(path, entries) {
+  const lines = entries.slice(-MAX_PROMPT_HISTORY).map((text) => JSON.stringify({ text }));
+  await Bun.write(path, lines.length > 0 ? `${lines.join(`
+`)}
+` : "");
+}
+
+// apps/tui/src/prompt/historySaver.ts
+var SAVE_DELAY_MS = 400;
+
+class HistorySaver {
+  path;
+  delayMs;
+  timer;
+  pending;
+  constructor(path, delayMs = SAVE_DELAY_MS) {
+    this.path = path;
+    this.delayMs = delayMs;
+  }
+  schedule(entries, draft) {
+    this.pending = queuePromptHistory(entries, draft.trim());
+    clearTimeout(this.timer);
+    this.timer = setTimeout(() => void this.flush(), this.delayMs);
+  }
+  async flush() {
+    clearTimeout(this.timer);
+    const entries = this.pending;
+    this.pending = undefined;
+    if (entries)
+      await writeHistoryFile(this.path, entries).catch(() => {
+        return;
+      });
+  }
+}
+
 // apps/tui/src/store/appStore.ts
 class AppStore {
   client;
@@ -19958,8 +20199,8 @@ class AppStore {
 }
 
 // apps/tui/src/theme/syntaxStyle.ts
-import { SyntaxStyle } from "@opentui/core";
-var createSyntaxStyle = (renderer) => SyntaxStyle.fromStyles({
+import { SyntaxStyle as SyntaxStyle2 } from "@opentui/core";
+var createSyntaxStyle = (renderer) => SyntaxStyle2.fromStyles({
   default: { fg: Theme.fg.primary },
   "markup.heading": { fg: Theme.accent.brand, bold: true },
   "markup.strong": { fg: Theme.fg.primary, bold: true },
@@ -20002,15 +20243,28 @@ async function startTui(client, options = {}) {
   });
   const diffViewer = new DiffViewerPanel(activeRenderer, syntaxStyle);
   const submitInput = (delivery) => {
-    if (!submitPrompt(store, input.text, delivery))
+    const draft = input.compose();
+    if (!submitPrompt(store, draft.text, delivery, draft.images))
       return;
     input.clear();
     if (store.state.ui.history)
       store.emit({ type: "ui.history.reset" });
   };
+  const historyPath = options.historyPath ?? buildHistoryPath(process.cwd());
+  const historySaver = new HistorySaver(historyPath);
+  let destroyed = false;
+  const saveDraft = (text) => {
+    const { ui, promptHistory } = store.state;
+    if (ui.history && text === readHistoryText(store.state))
+      return;
+    historySaver.schedule(promptHistory, text);
+  };
   const input = new PromptInput(activeRenderer, {
     onSubmit: () => submitInput("send"),
-    onChange: (text, cursor) => syncAutocomplete(store, text, cursor)
+    onChange: (text, cursor) => {
+      syncAutocomplete(store, text, cursor);
+      saveDraft(text);
+    }
   });
   const root = new BoxRenderable15(activeRenderer, {
     width: "100%",
@@ -20124,9 +20378,15 @@ async function startTui(client, options = {}) {
   activeRenderer.on("destroy", () => {
     clearInterval(clock);
     clearInterval(rateLimitPoll);
+    destroyed = true;
+    historySaver.flush();
     options.onExit?.(store.state.sessionId);
     store.close();
   });
+  readHistoryFile(historyPath).then((entries) => {
+    if (!destroyed)
+      store.emit({ type: "ui.history.loaded", entries });
+  });
   render(store.state);
   input.setFocused(true);
   if (options.attach)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@couralabs/claudin",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "type": "module",
   "bin": {
     "claudin": "claudin.js"