@runtypelabs/cli 2.19.4 → 2.20.0

package/dist/index.js

@@ -48784,6 +48784,65 @@ import chalk17 from "chalk";
 import React14 from "react";
 import { render as render14 } from "ink";
 import { useState as useState15, useEffect as useEffect16 } from "react";
+
+// src/lib/terminal-image.ts
+var ESC = "\x1B";
+var BEL = "\x07";
+var ST = `${ESC}\\`;
+function detectImageProtocol(env = process.env, isTTY2 = process.stdout.isTTY === true) {
+  if (!isTTY2) return null;
+  if (env.TERM === "xterm-kitty" || env.KITTY_WINDOW_ID || env.TERM_PROGRAM === "ghostty") {
+    return "kitty";
+  }
+  if (env.TERM_PROGRAM === "iTerm.app" || env.TERM_PROGRAM === "WezTerm" || env.LC_TERMINAL === "iTerm2") {
+    return "iterm2";
+  }
+  return null;
+}
+function parseImageDataUri(value) {
+  if (typeof value !== "string" || !value.startsWith("data:")) return null;
+  const match = value.match(/^data:([^;,]+)(?:;[^,]*)?;base64,(.+)$/s);
+  if (!match || !match[1] || !match[2]) return null;
+  return { mimeType: match[1], base64: match[2] };
+}
+function base64DecodedByteLength(base643) {
+  const len = base643.length;
+  if (len === 0) return 0;
+  let padding = 0;
+  if (base643.endsWith("==")) padding = 2;
+  else if (base643.endsWith("=")) padding = 1;
+  return Math.floor(len * 3 / 4) - padding;
+}
+function kittyImageSequence(base643) {
+  const CHUNK = 4096;
+  if (base643.length <= CHUNK) {
+    return `${ESC}_Ga=T,f=100,m=0;${base643}${ST}`;
+  }
+  let out = "";
+  for (let i = 0; i < base643.length; i += CHUNK) {
+    const piece = base643.slice(i, i + CHUNK);
+    const more = i + CHUNK < base643.length ? 1 : 0;
+    out += i === 0 ? `${ESC}_Ga=T,f=100,m=${more};${piece}${ST}` : `${ESC}_Gm=${more};${piece}${ST}`;
+  }
+  return out;
+}
+function encodeInlineImage(opts) {
+  const { base64: base643, mimeType, protocol } = opts;
+  if (!base643) return null;
+  if (protocol === "iterm2") {
+    const sizeBytes = base64DecodedByteLength(base643);
+    return `${ESC}]1337;File=inline=1;size=${sizeBytes};width=auto;height=auto;preserveAspectRatio=1:${base643}${BEL}`;
+  }
+  if (mimeType !== "image/png") return null;
+  return kittyImageSequence(base643);
+}
+function renderInlineImage(value, protocol) {
+  const parsed = parseImageDataUri(value);
+  if (!parsed) return null;
+  return encodeInlineImage({ base64: parsed.base64, mimeType: parsed.mimeType, protocol });
+}
+
+// src/commands/conversations.ts
 function renderMessageContent(content) {
   if (typeof content === "string") return content;
   if (!Array.isArray(content)) return content == null ? "" : String(content);
@@ -48805,6 +48864,64 @@ function renderMessageContent(content) {
     }
   }).filter((s) => s.length > 0).join(" ");
 }
+function writeMessageWithImages(msg, rolePrefix, protocol) {
+  const out = process.stdout;
+  const content = msg.content;
+  if (!Array.isArray(content)) {
+    out.write(`${rolePrefix}${renderMessageContent(content)}
+`);
+    return;
+  }
+  const inline = [];
+  const images = [];
+  for (const part of content) {
+    if (part && typeof part === "object" && part.type === "image") {
+      const image = part.image;
+      const seq = typeof image === "string" ? renderInlineImage(image, protocol) : null;
+      if (seq) {
+        images.push(seq);
+        continue;
+      }
+    }
+    inline.push(renderMessageContent([part]));
+  }
+  out.write(`${rolePrefix}${inline.filter((s) => s.length > 0).join(" ")}
+`);
+  for (const seq of images) {
+    out.write(`${seq}
+`);
+  }
+}
+function printConversationDetail(data, imageProtocol) {
+  printDetail("Conversation", [
+    { label: "ID", value: data.id },
+    { label: "Title", value: data.title },
+    { label: "Model", value: data.modelId },
+    { label: "System prompt", value: data.systemPrompt },
+    { label: "Owner", value: data.ownerId },
+    { label: "Source", value: data.source },
+    { label: "Created", value: data.createdAt },
+    { label: "Updated", value: data.updatedAt }
+  ]);
+  const messages = data.messages ?? [];
+  console.log(chalk17.cyan(`
+Messages (${messages.length}):`));
+  if (messages.length === 0) {
+    console.log(chalk17.gray("  No messages"));
+    return;
+  }
+  for (const msg of messages) {
+    const roleColor = msg.role === "user" ? chalk17.blue : msg.role === "assistant" ? chalk17.green : chalk17.gray;
+    if (imageProtocol) {
+      writeMessageWithImages(msg, `  ${roleColor(msg.role)}: `, imageProtocol);
+    } else {
+      console.log(`  ${roleColor(msg.role)}: ${renderMessageContent(msg.content)}`);
+    }
+    if (msg.createdAt) {
+      console.log(chalk17.dim(`    ${msg.createdAt}`));
+    }
+  }
+}
 var conversationsCommand = new Command15("conversations").description("Manage conversations");
 conversationsCommand.command("list").description("List your conversations").option("--limit <n>", "Limit results (defaults to the API page size)").option("--cursor <cursor>", "Pagination cursor for the next page").option("--json", "Output as JSON").option("--tty", "Force TTY mode").option("--no-tty", "Force non-TTY mode").action(async (options) => {
   const apiKey = await ensureAuth();
@@ -48882,99 +48999,80 @@ conversationsCommand.command("list").description("List your conversations").opti
   const { waitUntilExit } = render14(React14.createElement(App));
   await waitUntilExit();
 });
-conversationsCommand.command("get <id>").description("Get conversation details including its messages").option("--json", "Output as JSON").option("--tty", "Force TTY mode").option("--no-tty", "Force non-TTY mode").action(async (id, options) => {
-  const apiKey = await ensureAuth();
-  if (!apiKey) return;
-  const client = createCliClient(apiKey);
-  if (!isTTY(options) || options.json) {
-    try {
-      const data = await client.get(`/conversations/${id}`);
-      if (options.json) {
-        printJson(data);
-        return;
-      }
-      printDetail("Conversation", [
-        { label: "ID", value: data.id },
-        { label: "Title", value: data.title },
-        { label: "Model", value: data.modelId },
-        { label: "System prompt", value: data.systemPrompt },
-        { label: "Owner", value: data.ownerId },
-        { label: "Source", value: data.source },
-        { label: "Created", value: data.createdAt },
-        { label: "Updated", value: data.updatedAt }
-      ]);
-      const messages = data.messages ?? [];
-      console.log(chalk17.cyan(`
-Messages (${messages.length}):`));
-      if (messages.length === 0) {
-        console.log(chalk17.gray("  No messages"));
-      } else {
-        for (const msg of messages) {
-          const roleColor = msg.role === "user" ? chalk17.blue : msg.role === "assistant" ? chalk17.green : chalk17.gray;
-          console.log(`  ${roleColor(msg.role)}: ${renderMessageContent(msg.content)}`);
-          if (msg.createdAt) {
-            console.log(chalk17.dim(`    ${msg.createdAt}`));
-          }
+conversationsCommand.command("get <id>").description("Get conversation details including its messages").option("--json", "Output as JSON").option("--tty", "Force TTY mode").option("--no-tty", "Force non-TTY mode").option("--no-images", "Disable inline image rendering even in supported terminals").action(
+  async (id, options) => {
+    const apiKey = await ensureAuth();
+    if (!apiKey) return;
+    const client = createCliClient(apiKey);
+    const interactive = isTTY(options) && !options.json;
+    const imageProtocol = interactive && options.images !== false ? detectImageProtocol() : null;
+    if (!interactive || imageProtocol) {
+      try {
+        const data = await client.get(`/conversations/${id}`);
+        if (options.json) {
+          printJson(data);
+          return;
         }
+        printConversationDetail(data, imageProtocol);
+      } catch (error51) {
+        const message = error51 instanceof Error ? error51.message : "Unknown error";
+        console.error(chalk17.red(`Failed to fetch conversation: ${message}`));
+        process.exit(1);
       }
-    } catch (error51) {
-      const message = error51 instanceof Error ? error51.message : "Unknown error";
-      console.error(chalk17.red(`Failed to fetch conversation: ${message}`));
-      process.exit(1);
+      return;
     }
-    return;
+    const App = () => {
+      const [loading, setLoading] = useState15(true);
+      const [success2, setSuccess] = useState15(null);
+      const [error51, setError] = useState15(null);
+      const [resultNode, setResultNode] = useState15(void 0);
+      useEffect16(() => {
+        const run2 = async () => {
+          try {
+            const data = await client.get(`/conversations/${id}`);
+            const messages = data.messages ?? [];
+            const messageSummary = messages.length === 0 ? "No messages" : messages.map((m2) => `${m2.role}: ${renderMessageContent(m2.content)}`).join("\n");
+            setResultNode(
+              React14.createElement(EntityCard, {
+                fields: [
+                  { label: "ID", value: data.id, color: "green" },
+                  { label: "Title", value: data.title },
+                  { label: "Model", value: data.modelId },
+                  { label: "System prompt", value: data.systemPrompt },
+                  { label: "Owner", value: data.ownerId },
+                  { label: "Source", value: data.source, color: "gray" },
+                  { label: "Created", value: data.createdAt },
+                  { label: "Updated", value: data.updatedAt },
+                  {
+                    label: `Messages (${messages.length})`,
+                    value: messageSummary
+                  }
+                ]
+              })
+            );
+            setSuccess(true);
+            setLoading(false);
+          } catch (err) {
+            setError(err instanceof Error ? err : new Error(String(err)));
+            setSuccess(false);
+            setLoading(false);
+          }
+        };
+        run2();
+      }, []);
+      return React14.createElement(MutationResult, {
+        loading,
+        loadingLabel: "Fetching conversation...",
+        success: success2,
+        successMessage: "Conversation",
+        error: error51,
+        result: resultNode
+      });
+    };
+    const { waitUntilExit } = render14(React14.createElement(App));
+    await waitUntilExit();
   }
-  const App = () => {
-    const [loading, setLoading] = useState15(true);
-    const [success2, setSuccess] = useState15(null);
-    const [error51, setError] = useState15(null);
-    const [resultNode, setResultNode] = useState15(void 0);
-    useEffect16(() => {
-      const run2 = async () => {
-        try {
-          const data = await client.get(`/conversations/${id}`);
-          const messages = data.messages ?? [];
-          const messageSummary = messages.length === 0 ? "No messages" : messages.map((m2) => `${m2.role}: ${renderMessageContent(m2.content)}`).join("\n");
-          setResultNode(
-            React14.createElement(EntityCard, {
-              fields: [
-                { label: "ID", value: data.id, color: "green" },
-                { label: "Title", value: data.title },
-                { label: "Model", value: data.modelId },
-                { label: "System prompt", value: data.systemPrompt },
-                { label: "Owner", value: data.ownerId },
-                { label: "Source", value: data.source, color: "gray" },
-                { label: "Created", value: data.createdAt },
-                { label: "Updated", value: data.updatedAt },
-                {
-                  label: `Messages (${messages.length})`,
-                  value: messageSummary
-                }
-              ]
-            })
-          );
-          setSuccess(true);
-          setLoading(false);
-        } catch (err) {
-          setError(err instanceof Error ? err : new Error(String(err)));
-          setSuccess(false);
-          setLoading(false);
-        }
-      };
-      run2();
-    }, []);
-    return React14.createElement(MutationResult, {
-      loading,
-      loadingLabel: "Fetching conversation...",
-      success: success2,
-      successMessage: "Conversation",
-      error: error51,
-      result: resultNode
-    });
-  };
-  const { waitUntilExit } = render14(React14.createElement(App));
-  await waitUntilExit();
-});
+);
 conversationsCommand.command("delete <id>").description("Delete a conversation").option("--tty", "Force TTY mode").option("--no-tty", "Force non-TTY mode").option("--yes", "Skip confirmation").action(async (id, options) => {
   const apiKey = await ensureAuth();
   if (!apiKey) return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@runtypelabs/cli",
-  "version": "2.19.4",
+  "version": "2.20.0",
   "description": "Command-line interface for Runtype AI platform",
   "type": "module",
   "main": "dist/index.js",