@dexto/tui 1.7.2 → 1.8.1

package/dist/utils/queuedComposerContent.js

@@ -0,0 +1,123 @@
+function imagePlaceholder(index) {
+  return `[Image ${index}]`;
+}
+function imagePlaceholdersIn(text) {
+  const seen = /* @__PURE__ */ new Set();
+  const placeholders = [];
+  for (const match of text.matchAll(/\[Image \d+\]/g)) {
+    const placeholder = match[0];
+    if (!seen.has(placeholder)) {
+      seen.add(placeholder);
+      placeholders.push(placeholder);
+    }
+  }
+  return placeholders;
+}
+function nextImagePlaceholder(usedPlaceholders) {
+  let index = 1;
+  while (usedPlaceholders.has(imagePlaceholder(index))) {
+    index += 1;
+  }
+  const placeholder = imagePlaceholder(index);
+  usedPlaceholders.add(placeholder);
+  return placeholder;
+}
+function imageDataForComposer(part) {
+  if (typeof part.image === "string") {
+    return part.image;
+  }
+  if (part.image instanceof URL) {
+    return part.image.toString();
+  }
+  if (part.image instanceof ArrayBuffer) {
+    return Buffer.from(new Uint8Array(part.image)).toString("base64");
+  }
+  return Buffer.from(part.image).toString("base64");
+}
+function textParts(content) {
+  return content.filter((part) => part.type === "text");
+}
+function imageParts(content) {
+  return content.filter((part) => part.type === "image");
+}
+function unsupportedParts(content) {
+  return content.filter((part) => part.type !== "text" && part.type !== "image");
+}
+function appendPlaceholderSegment(segments, placeholder) {
+  const previousSegment = segments[segments.length - 1];
+  if (previousSegment?.match(/^\[Image \d+\]( \[Image \d+\])*$/)) {
+    segments[segments.length - 1] = `${previousSegment} ${placeholder}`;
+    return;
+  }
+  segments.push(placeholder);
+}
+function composerTextAndPlaceholders(content) {
+  const text = textParts(content).map((part) => part.text).join("\n");
+  const existingPlaceholders = imagePlaceholdersIn(text);
+  const usedPlaceholders = new Set(existingPlaceholders);
+  const placeholders = [];
+  const segments = [];
+  let existingPlaceholderIndex = 0;
+  for (const part of content) {
+    if (part.type === "text") {
+      if (part.text.length > 0) {
+        segments.push(part.text);
+      }
+      continue;
+    }
+    if (part.type !== "image") {
+      continue;
+    }
+    const existingPlaceholder = existingPlaceholders[existingPlaceholderIndex];
+    if (existingPlaceholder) {
+      placeholders.push(existingPlaceholder);
+      existingPlaceholderIndex += 1;
+      continue;
+    }
+    const placeholder = nextImagePlaceholder(usedPlaceholders);
+    placeholders.push(placeholder);
+    appendPlaceholderSegment(segments, placeholder);
+  }
+  return { text: segments.join("\n"), placeholders };
+}
+function restoreQueuedContentForComposer(message) {
+  const unsupported = unsupportedParts(message.content);
+  if (unsupported.length > 0) {
+    return {
+      ok: false,
+      reason: "Queued input with non-image attachments cannot be edited in the terminal yet."
+    };
+  }
+  const images = imageParts(message.content);
+  const composer = composerTextAndPlaceholders(message.content);
+  return {
+    ok: true,
+    composer: {
+      text: composer.text,
+      images: images.map((part, index) => ({
+        id: `${message.id}-image-${index + 1}`,
+        data: imageDataForComposer(part),
+        mimeType: part.mimeType ?? "image/png",
+        placeholder: composer.placeholders[index] ?? imagePlaceholder(index + 1)
+      }))
+    }
+  };
+}
+function previewQueuedContent(content) {
+  const textWithImages = composerTextAndPlaceholders(content).text.replace(/\n/g, " ");
+  const markers = content.filter((part) => part.type !== "text" && part.type !== "image").map((part) => {
+    switch (part.type) {
+      case "file":
+        return part.filename ? `[file: ${part.filename}]` : "[file]";
+      case "resource":
+        return `[resource: ${part.name}]`;
+      case "ui-resource":
+        return "[ui resource]";
+    }
+  });
+  return [textWithImages, ...markers].filter(Boolean).join(" ") || "[attachment]";
+}
+export {
+  previewQueuedContent,
+  restoreQueuedContentForComposer
+};

package/dist/utils/queuedComposerContent.test.cjs

@@ -0,0 +1,176 @@
+"use strict";
+var import_vitest = require("vitest");
+var import_queuedComposerContent = require("./queuedComposerContent.js");
+function queuedMessage(content) {
+  return {
+    id: "queued-1",
+    content,
+    queuedAt: 123,
+    kind: "default"
+  };
+}
+(0, import_vitest.describe)("queuedComposerContent", () => {
+  (0, import_vitest.it)("restores queued text-only content without adding attachments", () => {
+    const result = (0, import_queuedComposerContent.restoreQueuedContentForComposer)(
+      queuedMessage([
+        { type: "text", text: "first line" },
+        { type: "text", text: "second line" }
+      ])
+    );
+    (0, import_vitest.expect)(result).toEqual({
+      ok: true,
+      composer: {
+        text: "first line\nsecond line",
+        images: []
+      }
+    });
+  });
+  (0, import_vitest.it)("restores queued text and image content into composer text plus pending images", () => {
+    const result = (0, import_queuedComposerContent.restoreQueuedContentForComposer)(
+      queuedMessage([
+        { type: "text", text: "describe this [Image 1]" },
+        { type: "image", image: "base64-image", mimeType: "image/png" }
+      ])
+    );
+    (0, import_vitest.expect)(result).toEqual({
+      ok: true,
+      composer: {
+        text: "describe this [Image 1]",
+        images: [
+          {
+            id: "queued-1-image-1",
+            data: "base64-image",
+            mimeType: "image/png",
+            placeholder: "[Image 1]"
+          }
+        ]
+      }
+    });
+  });
+  (0, import_vitest.it)("adds image placeholders when queued text does not already contain them", () => {
+    const result = (0, import_queuedComposerContent.restoreQueuedContentForComposer)(
+      queuedMessage([
+        { type: "text", text: "describe this" },
+        { type: "image", image: "first", mimeType: "image/png" },
+        { type: "image", image: "second", mimeType: "image/jpeg" }
+      ])
+    );
+    (0, import_vitest.expect)(result).toMatchObject({
+      ok: true,
+      composer: {
+        text: "describe this\n[Image 1] [Image 2]",
+        images: [
+          { data: "first", placeholder: "[Image 1]" },
+          { data: "second", placeholder: "[Image 2]" }
+        ]
+      }
+    });
+  });
+  (0, import_vitest.it)("adds missing image placeholders at the original content position", () => {
+    const result = (0, import_queuedComposerContent.restoreQueuedContentForComposer)(
+      queuedMessage([
+        { type: "text", text: "before" },
+        { type: "image", image: "base64-image", mimeType: "image/png" },
+        { type: "text", text: "after" }
+      ])
+    );
+    (0, import_vitest.expect)(result).toMatchObject({
+      ok: true,
+      composer: {
+        text: "before\n[Image 1]\nafter",
+        images: [{ data: "base64-image", placeholder: "[Image 1]" }]
+      }
+    });
+  });
+  (0, import_vitest.it)("preserves existing image placeholder numbering from queued text", () => {
+    const result = (0, import_queuedComposerContent.restoreQueuedContentForComposer)(
+      queuedMessage([
+        { type: "text", text: "describe this [Image 3]" },
+        { type: "image", image: "base64-image", mimeType: "image/png" }
+      ])
+    );
+    (0, import_vitest.expect)(result).toEqual({
+      ok: true,
+      composer: {
+        text: "describe this [Image 3]",
+        images: [
+          {
+            id: "queued-1-image-1",
+            data: "base64-image",
+            mimeType: "image/png",
+            placeholder: "[Image 3]"
+          }
+        ]
+      }
+    });
+  });
+  (0, import_vitest.it)("refuses terminal edit for unsupported attachment parts instead of dropping them", () => {
+    const result = (0, import_queuedComposerContent.restoreQueuedContentForComposer)(
+      queuedMessage([
+        { type: "text", text: "read this file" },
+        {
+          type: "file",
+          data: "file-data",
+          mimeType: "text/plain",
+          filename: "notes.txt"
+        }
+      ])
+    );
+    (0, import_vitest.expect)(result).toEqual({
+      ok: false,
+      reason: "Queued input with non-image attachments cannot be edited in the terminal yet."
+    });
+  });
+  (0, import_vitest.it)("restores binary image payloads instead of dropping them", () => {
+    const result = (0, import_queuedComposerContent.restoreQueuedContentForComposer)(
+      queuedMessage([
+        { type: "text", text: "describe this" },
+        { type: "image", image: new Uint8Array([1, 2]), mimeType: "image/png" }
+      ])
+    );
+    (0, import_vitest.expect)(result).toMatchObject({
+      ok: true,
+      composer: {
+        text: "describe this\n[Image 1]",
+        images: [{ data: "AQI=", placeholder: "[Image 1]" }]
+      }
+    });
+  });
+  (0, import_vitest.it)("restores ArrayBuffer, Buffer, and URL image payloads", () => {
+    const result = (0, import_queuedComposerContent.restoreQueuedContentForComposer)(
+      queuedMessage([
+        { type: "image", image: new Uint8Array([3, 4]).buffer, mimeType: "image/png" },
+        { type: "image", image: Buffer.from([5, 6]), mimeType: "image/png" },
+        { type: "image", image: new URL("https://example.com/image.png") }
+      ])
+    );
+    (0, import_vitest.expect)(result).toMatchObject({
+      ok: true,
+      composer: {
+        text: "[Image 1] [Image 2] [Image 3]",
+        images: [
+          { data: "AwQ=", placeholder: "[Image 1]" },
+          { data: "BQY=", placeholder: "[Image 2]" },
+          { data: "https://example.com/image.png", placeholder: "[Image 3]" }
+        ]
+      }
+    });
+  });
+  (0, import_vitest.it)("includes image placeholders and attachment markers in queued previews", () => {
+    (0, import_vitest.expect)(
+      (0, import_queuedComposerContent.previewQueuedContent)([
+        { type: "text", text: "look at these" },
+        { type: "image", image: "img", mimeType: "image/png" },
+        { type: "file", data: "file", mimeType: "text/plain", filename: "notes.txt" }
+      ])
+    ).toBe("look at these [Image 1] [file: notes.txt]");
+  });
+  (0, import_vitest.it)("does not duplicate image markers already present in queued previews", () => {
+    (0, import_vitest.expect)(
+      (0, import_queuedComposerContent.previewQueuedContent)([
+        { type: "text", text: "look at this [Image 1]" },
+        { type: "image", image: "img", mimeType: "image/png" }
+      ])
+    ).toBe("look at this [Image 1]");
+  });
+});

package/dist/utils/queuedComposerContent.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=queuedComposerContent.test.d.ts.map

package/dist/utils/queuedComposerContent.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"queuedComposerContent.test.d.ts","sourceRoot":"","sources":["../../src/utils/queuedComposerContent.test.ts"],"names":[],"mappings":""}

package/dist/utils/queuedComposerContent.test.js

@@ -0,0 +1,175 @@
+import { describe, expect, it } from "vitest";
+import { previewQueuedContent, restoreQueuedContentForComposer } from "./queuedComposerContent.js";
+function queuedMessage(content) {
+  return {
+    id: "queued-1",
+    content,
+    queuedAt: 123,
+    kind: "default"
+  };
+}
+describe("queuedComposerContent", () => {
+  it("restores queued text-only content without adding attachments", () => {
+    const result = restoreQueuedContentForComposer(
+      queuedMessage([
+        { type: "text", text: "first line" },
+        { type: "text", text: "second line" }
+      ])
+    );
+    expect(result).toEqual({
+      ok: true,
+      composer: {
+        text: "first line\nsecond line",
+        images: []
+      }
+    });
+  });
+  it("restores queued text and image content into composer text plus pending images", () => {
+    const result = restoreQueuedContentForComposer(
+      queuedMessage([
+        { type: "text", text: "describe this [Image 1]" },
+        { type: "image", image: "base64-image", mimeType: "image/png" }
+      ])
+    );
+    expect(result).toEqual({
+      ok: true,
+      composer: {
+        text: "describe this [Image 1]",
+        images: [
+          {
+            id: "queued-1-image-1",
+            data: "base64-image",
+            mimeType: "image/png",
+            placeholder: "[Image 1]"
+          }
+        ]
+      }
+    });
+  });
+  it("adds image placeholders when queued text does not already contain them", () => {
+    const result = restoreQueuedContentForComposer(
+      queuedMessage([
+        { type: "text", text: "describe this" },
+        { type: "image", image: "first", mimeType: "image/png" },
+        { type: "image", image: "second", mimeType: "image/jpeg" }
+      ])
+    );
+    expect(result).toMatchObject({
+      ok: true,
+      composer: {
+        text: "describe this\n[Image 1] [Image 2]",
+        images: [
+          { data: "first", placeholder: "[Image 1]" },
+          { data: "second", placeholder: "[Image 2]" }
+        ]
+      }
+    });
+  });
+  it("adds missing image placeholders at the original content position", () => {
+    const result = restoreQueuedContentForComposer(
+      queuedMessage([
+        { type: "text", text: "before" },
+        { type: "image", image: "base64-image", mimeType: "image/png" },
+        { type: "text", text: "after" }
+      ])
+    );
+    expect(result).toMatchObject({
+      ok: true,
+      composer: {
+        text: "before\n[Image 1]\nafter",
+        images: [{ data: "base64-image", placeholder: "[Image 1]" }]
+      }
+    });
+  });
+  it("preserves existing image placeholder numbering from queued text", () => {
+    const result = restoreQueuedContentForComposer(
+      queuedMessage([
+        { type: "text", text: "describe this [Image 3]" },
+        { type: "image", image: "base64-image", mimeType: "image/png" }
+      ])
+    );
+    expect(result).toEqual({
+      ok: true,
+      composer: {
+        text: "describe this [Image 3]",
+        images: [
+          {
+            id: "queued-1-image-1",
+            data: "base64-image",
+            mimeType: "image/png",
+            placeholder: "[Image 3]"
+          }
+        ]
+      }
+    });
+  });
+  it("refuses terminal edit for unsupported attachment parts instead of dropping them", () => {
+    const result = restoreQueuedContentForComposer(
+      queuedMessage([
+        { type: "text", text: "read this file" },
+        {
+          type: "file",
+          data: "file-data",
+          mimeType: "text/plain",
+          filename: "notes.txt"
+        }
+      ])
+    );
+    expect(result).toEqual({
+      ok: false,
+      reason: "Queued input with non-image attachments cannot be edited in the terminal yet."
+    });
+  });
+  it("restores binary image payloads instead of dropping them", () => {
+    const result = restoreQueuedContentForComposer(
+      queuedMessage([
+        { type: "text", text: "describe this" },
+        { type: "image", image: new Uint8Array([1, 2]), mimeType: "image/png" }
+      ])
+    );
+    expect(result).toMatchObject({
+      ok: true,
+      composer: {
+        text: "describe this\n[Image 1]",
+        images: [{ data: "AQI=", placeholder: "[Image 1]" }]
+      }
+    });
+  });
+  it("restores ArrayBuffer, Buffer, and URL image payloads", () => {
+    const result = restoreQueuedContentForComposer(
+      queuedMessage([
+        { type: "image", image: new Uint8Array([3, 4]).buffer, mimeType: "image/png" },
+        { type: "image", image: Buffer.from([5, 6]), mimeType: "image/png" },
+        { type: "image", image: new URL("https://example.com/image.png") }
+      ])
+    );
+    expect(result).toMatchObject({
+      ok: true,
+      composer: {
+        text: "[Image 1] [Image 2] [Image 3]",
+        images: [
+          { data: "AwQ=", placeholder: "[Image 1]" },
+          { data: "BQY=", placeholder: "[Image 2]" },
+          { data: "https://example.com/image.png", placeholder: "[Image 3]" }
+        ]
+      }
+    });
+  });
+  it("includes image placeholders and attachment markers in queued previews", () => {
+    expect(
+      previewQueuedContent([
+        { type: "text", text: "look at these" },
+        { type: "image", image: "img", mimeType: "image/png" },
+        { type: "file", data: "file", mimeType: "text/plain", filename: "notes.txt" }
+      ])
+    ).toBe("look at these [Image 1] [file: notes.txt]");
+  });
+  it("does not duplicate image markers already present in queued previews", () => {
+    expect(
+      previewQueuedContent([
+        { type: "text", text: "look at this [Image 1]" },
+        { type: "image", image: "img", mimeType: "image/png" }
+      ])
+    ).toBe("look at this [Image 1]");
+  });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dexto/tui",
-  "version": "1.7.2",
+  "version": "1.8.1",
   "description": "Interactive terminal UI for Dexto CLI",
   "type": "module",
   "main": "./dist/index.js",
@@ -28,9 +28,10 @@
     "string-width": "^8.1.0",
     "strip-ansi": "^7.1.2",
     "wrap-ansi": "^9.0.2",
-    "@dexto/core": "1.7.2",
-    "@dexto/registry": "1.7.2",
-    "@dexto/agent-management": "1.7.2"
+    "@dexto/agent-management": "1.8.1",
+    "@dexto/core": "1.8.1",
+    "@dexto/llm": "1.8.1",
+    "@dexto/registry": "1.8.1"
   },
   "devDependencies": {
     "@types/react": "^19.0.0",