@runtypelabs/cli 2.19.4 → 2.21.0

package/dist/index.js

@@ -44228,6 +44228,135 @@ import React3 from "react";
 import { render as render3 } from "ink";
 import { useState as useState4, useEffect as useEffect5 } from "react";
 import { writeFileSync } from "fs";
+
+// 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/lib/message-content.ts
+function renderMessageContent(content) {
+  if (typeof content === "string") return content;
+  if (!Array.isArray(content)) return content == null ? "" : String(content);
+  return content.map((part) => {
+    if (part == null || typeof part !== "object") return part == null ? "" : String(part);
+    const p = part;
+    switch (p.type) {
+      case "text":
+      case "reasoning":
+        return typeof p.text === "string" ? p.text : "";
+      case "image":
+        return `[image${"mimeType" in p && p.mimeType ? ` ${p.mimeType}` : ""}]`;
+      case "file":
+        return `[file${"filename" in p && p.filename ? ` ${p.filename}` : ""}${"mimeType" in p && p.mimeType ? ` (${p.mimeType})` : ""}]`;
+      case "asset_ref":
+        return `[attachment${"filename" in p && p.filename ? ` ${p.filename}` : ""}${"mimeType" in p && p.mimeType ? ` ${p.mimeType}` : ""}]`;
+      default:
+        return typeof p.type === "string" ? `[${p.type}]` : "";
+    }
+  }).filter((s) => s.length > 0).join(" ");
+}
+function renderMessageContentWithImages(content, protocol) {
+  if (!Array.isArray(content)) {
+    return { text: renderMessageContent(content), images: [] };
+  }
+  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]));
+  }
+  return { text: inline.filter((s) => s.length > 0).join(" "), images };
+}
+
+// src/commands/records.ts
+function printRecordDetail(data, imageProtocol) {
+  console.log(`  ID: ${data.id}`);
+  console.log(`  Name: ${data.name}`);
+  console.log(`  Type: ${data.type}`);
+  if (data.metadata) {
+    console.log(`  Metadata: ${JSON.stringify(data.metadata, null, 2)}`);
+  }
+  const messages = data.messages ?? [];
+  if (messages.length === 0) return;
+  console.log(chalk6.cyan(`
+Messages (${messages.length}):`));
+  for (const msg of messages) {
+    const role = typeof msg.role === "string" ? msg.role : "message";
+    const roleColor = role === "user" ? chalk6.blue : role === "assistant" ? chalk6.green : chalk6.gray;
+    const rolePrefix = `  ${roleColor(role)}: `;
+    if (imageProtocol) {
+      const { text, images } = renderMessageContentWithImages(msg.content, imageProtocol);
+      process.stdout.write(`${rolePrefix}${text}
+`);
+      for (const seq of images) {
+        process.stdout.write(`${seq}
+`);
+      }
+    } else {
+      console.log(`${rolePrefix}${renderMessageContent(msg.content)}`);
+    }
+  }
+}
 var recordsCommand = new Command3("records").description("Manage records");
 recordsCommand.command("list").description("List all records").option("--type <type>", "Filter by record type").option("--limit <n>", "Limit number of results", "20").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) => {
@@ -44307,45 +44436,43 @@ recordsCommand.command("list").description("List all records").option("--type <t
     await waitUntilExit();
   }
 );
-recordsCommand.command("get <id>").description("Get record details").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(`/records/${id}`);
-      if (options.json) {
-        printJson(data);
-        return;
-      }
-      console.log(`  ID: ${data.id}`);
-      console.log(`  Name: ${data.name}`);
-      console.log(`  Type: ${data.type}`);
-      if (data.metadata) {
-        console.log(`  Metadata: ${JSON.stringify(data.metadata, null, 2)}`);
+recordsCommand.command("get <id>").description("Get record details").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(`/records/${id}`);
+        if (options.json) {
+          printJson(data);
+          return;
+        }
+        printRecordDetail(data, imageProtocol);
+      } catch (error51) {
+        const message = error51 instanceof Error ? error51.message : "Unknown error";
+        console.error(chalk6.red(`Failed to fetch record: ${message}`));
+        process.exit(1);
       }
-    } catch (error51) {
-      const message = error51 instanceof Error ? error51.message : "Unknown error";
-      console.error(chalk6.red(`Failed to fetch record: ${message}`));
-      process.exit(1);
+      return;
     }
-    return;
-  }
-  const App = () => {
-    const [items, setItems] = useState4(null);
-    const [error51, setError] = useState4(null);
-    useEffect5(() => {
-      client.get(`/records/${id}`).then((res) => setItems([res])).catch((err) => setError(err instanceof Error ? err : new Error(String(err))));
-    }, []);
-    return React3.createElement(DataList, {
-      title: "Record",
-      items,
-      error: error51,
-      loading: items === null && error51 === null,
-      renderCard: (item) => {
-        const record2 = item;
-        return React3.createElement(EntityCard, {
-          fields: [
+    const App = () => {
+      const [items, setItems] = useState4(null);
+      const [error51, setError] = useState4(null);
+      useEffect5(() => {
+        client.get(`/records/${id}`).then((res) => setItems([res])).catch((err) => setError(err instanceof Error ? err : new Error(String(err))));
+      }, []);
+      return React3.createElement(DataList, {
+        title: "Record",
+        items,
+        error: error51,
+        loading: items === null && error51 === null,
+        renderCard: (item) => {
+          const record2 = item;
+          const messages = record2.messages ?? [];
+          const fields = [
             { label: "ID", value: record2.id, color: "green" },
             { label: "Name", value: record2.name },
             { label: "Type", value: record2.type },
@@ -44353,14 +44480,21 @@ recordsCommand.command("get <id>").description("Get record details").option("--j
               label: "Metadata",
               value: record2.metadata ? JSON.stringify(record2.metadata) : null
             }
-          ]
-        });
-      }
-    });
-  };
-  const { waitUntilExit } = render3(React3.createElement(App));
-  await waitUntilExit();
-});
+          ];
+          if (messages.length > 0) {
+            fields.push({
+              label: `Messages (${messages.length})`,
+              value: messages.map((m2) => `${m2.role ?? "message"}: ${renderMessageContent(m2.content)}`).join("\n")
+            });
+          }
+          return React3.createElement(EntityCard, { fields });
+        }
+      });
+    };
+    const { waitUntilExit } = render3(React3.createElement(App));
+    await waitUntilExit();
+  }
+);
 recordsCommand.command("results <id>").description("Get step-level execution results for a record").option("--flow-id <flowId>", "Filter by flow ID").option("--batch-id <batchId>", "Filter by batch ID").option("--status <status>", "Filter by status").option("--limit <n>", "Limit number of results").option("--offset <n>", "Offset for pagination").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();
@@ -48784,26 +48918,45 @@ import chalk17 from "chalk";
 import React14 from "react";
 import { render as render14 } from "ink";
 import { useState as useState15, useEffect as useEffect16 } from "react";
-function renderMessageContent(content) {
-  if (typeof content === "string") return content;
-  if (!Array.isArray(content)) return content == null ? "" : String(content);
-  return content.map((part) => {
-    if (part == null || typeof part !== "object") return part == null ? "" : String(part);
-    const p = part;
-    switch (p.type) {
-      case "text":
-      case "reasoning":
-        return typeof p.text === "string" ? p.text : "";
-      case "image":
-        return `[image${"mimeType" in p && p.mimeType ? ` ${p.mimeType}` : ""}]`;
-      case "file":
-        return `[file${"filename" in p && p.filename ? ` ${p.filename}` : ""}${"mimeType" in p && p.mimeType ? ` (${p.mimeType})` : ""}]`;
-      case "asset_ref":
-        return `[attachment${"filename" in p && p.filename ? ` ${p.filename}` : ""}${"mimeType" in p && p.mimeType ? ` ${p.mimeType}` : ""}]`;
-      default:
-        return typeof p.type === "string" ? `[${p.type}]` : "";
+function writeMessageWithImages(msg, rolePrefix, protocol) {
+  const out = process.stdout;
+  const { text, images } = renderMessageContentWithImages(msg.content, protocol);
+  out.write(`${rolePrefix}${text}
+`);
+  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)}`);
     }
-  }).filter((s) => s.length > 0).join(" ");
+    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) => {
@@ -48882,99 +49035,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.21.0",
   "description": "Command-line interface for Runtype AI platform",
   "type": "module",
   "main": "dist/index.js",