@tangle-network/ui 11.7.0 → 11.8.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @tangle-network/ui
 
+## 11.8.0
+
+### Minor Changes
+
+- 3416c80: `FileArtifactPane` (and `FilePreview`, its body) now previews every file kind a sandbox produces, so a product no longer builds its own image, PDF, CSV, video, audio, or spreadsheet viewers. Pass `blobUrl` (an object URL or remote URL) for binary content and the pane renders an image fit to the pane on a checker ground (click for natural size), a PDF at full pane height, or a video/audio player; pass `content` for CSV and the pane parses quoted commas and line breaks (RFC 4180) into a sticky-header table capped at `CSV_PREVIEW_ROW_LIMIT` (500) rows with a "Showing N of M rows" line; an `.xlsx`/`.xls` file renders a download card with the filename, its size when the new optional `size` prop (bytes) is set, and a Download button wired to `onDownload`. A file with no `blobUrl` and no text content renders one sentence, "This file needs a download link to preview.", with the same Download button. Text, code, JSON, YAML, and markdown render as before. `@tangle-network/ui/files` also exports the pure `resolveFilePreviewKind(filename, mimeType)` helper (`FilePreviewKind`: MIME type wins over extension; anything unmatched is `binary`), `parseCsv`, and `CSV_PREVIEW_ROW_LIMIT`; `detectFileFormat` gains the `video` and `audio` formats and the `avif` image extension.
+
 ## 11.7.0
 
 ### Minor Changes

package/dist/chat.js

@@ -5,17 +5,18 @@ import {
   MessageList,
   ThinkingIndicator,
   UserMessage
-} from "./chunk-VDCZHOOO.js";
-import "./chunk-UYTRNR7Z.js";
-import "./chunk-CVX53NCC.js";
-import "./chunk-XT4JMYVB.js";
-import "./chunk-EIUE5GV2.js";
-import "./chunk-AAUNOHVL.js";
+} from "./chunk-X53RZSX6.js";
+import "./chunk-565EATZZ.js";
+import "./chunk-OXZRCXJK.js";
+import "./chunk-KNYSKNZX.js";
+import "./chunk-ND3ZFXQK.js";
+import "./chunk-NWECTSOH.js";
 import "./chunk-L57WRIND.js";
 import "./chunk-3M7BPSSW.js";
 import "./chunk-GYPQXTJU.js";
+import "./chunk-4CLN43XT.js";
+import "./chunk-XU3HB5QL.js";
 import "./chunk-MKTSMWVD.js";
-import "./chunk-ZRVH3WCA.js";
 import "./chunk-P5F43A65.js";
 import "./chunk-WUQDUBJG.js";
 import "./chunk-RQHJBTEU.js";

package/dist/chunk-4CLN43XT.js

@@ -0,0 +1,45 @@
+// src/utils/format.ts
+function formatDuration(ms) {
+  if (ms < 1e3) return "<1s";
+  const seconds = Math.floor(ms / 1e3);
+  if (seconds < 60) return `${seconds}s`;
+  const minutes = Math.floor(seconds / 60);
+  const remaining = seconds % 60;
+  return remaining > 0 ? `${minutes}m ${remaining}s` : `${minutes}m`;
+}
+function truncateText(text, max) {
+  const cleaned = text.replace(/\s+/g, " ").trim();
+  if (cleaned.length <= max) return cleaned;
+  return cleaned.slice(0, max).trim() + "...";
+}
+function formatUptime(ms) {
+  if (!Number.isFinite(ms) || ms < 0) return "\u2014";
+  const totalSeconds = Math.floor(ms / 1e3);
+  if (totalSeconds < 60) return `${totalSeconds}s`;
+  const minutes = Math.floor(totalSeconds / 60);
+  const seconds = totalSeconds % 60;
+  if (minutes < 60) return `${minutes}m ${seconds}s`;
+  const hours = Math.floor(minutes / 60);
+  const remMinutes = minutes % 60;
+  if (hours < 24) return `${hours}h ${remMinutes}m`;
+  const days = Math.floor(hours / 24);
+  const remHours = hours % 24;
+  return `${days}d ${remHours}h`;
+}
+function formatBytes(bytes) {
+  if (!Number.isFinite(bytes) || bytes < 0) return "\u2014";
+  if (bytes < 1024) return `${Math.round(bytes)} B`;
+  const kb = bytes / 1024;
+  if (kb < 1024) return `${kb < 10 ? kb.toFixed(1) : Math.round(kb)} KB`;
+  const mb = kb / 1024;
+  if (mb < 1024) return `${mb < 10 ? mb.toFixed(1) : Math.round(mb)} MB`;
+  const gb = mb / 1024;
+  return `${gb < 10 ? gb.toFixed(2) : gb.toFixed(1)} GB`;
+}
+
+export {
+  formatDuration,
+  truncateText,
+  formatUptime,
+  formatBytes
+};

package/dist/{chunk-UYTRNR7Z.js → chunk-565EATZZ.js}

@@ -1,6 +1,6 @@
 import {
   getToolCategory
-} from "./chunk-EIUE5GV2.js";
+} from "./chunk-ND3ZFXQK.js";
 
 // src/hooks/use-run-groups.ts
 import { useMemo } from "react";

package/dist/{chunk-4ENFLPWQ.js → chunk-BWOUSEHM.js}

@@ -11,7 +11,7 @@ import {
 } from "./chunk-OEX7NZE3.js";
 import {
   parseToolEvent
-} from "./chunk-6RIX7M27.js";
+} from "./chunk-Q7ZR6LSD.js";
 
 // src/hooks/use-dropdown-menu.ts
 import { useEffect, useRef, useState } from "react";

package/dist/{chunk-XT4JMYVB.js → chunk-KNYSKNZX.js}

@@ -1,9 +1,8 @@
 import {
-  formatDuration,
   getToolCategory,
   getToolDisplayMetadata,
   getToolErrorText
-} from "./chunk-EIUE5GV2.js";
+} from "./chunk-ND3ZFXQK.js";
 import {
   CommandPreview,
   DiffPreview,
@@ -12,10 +11,13 @@ import {
   QuestionPreview,
   WebSearchPreview,
   WriteFilePreview
-} from "./chunk-AAUNOHVL.js";
+} from "./chunk-NWECTSOH.js";
 import {
   TextShimmer
 } from "./chunk-L57WRIND.js";
+import {
+  formatDuration
+} from "./chunk-4CLN43XT.js";
 import {
   CodeBlock
 } from "./chunk-WUQDUBJG.js";

package/dist/{chunk-EIUE5GV2.js → chunk-ND3ZFXQK.js}

@@ -171,52 +171,9 @@ function getToolErrorText(part, fallback) {
   return part.state.error || fallback;
 }
 
-// src/utils/format.ts
-function formatDuration(ms) {
-  if (ms < 1e3) return "<1s";
-  const seconds = Math.floor(ms / 1e3);
-  if (seconds < 60) return `${seconds}s`;
-  const minutes = Math.floor(seconds / 60);
-  const remaining = seconds % 60;
-  return remaining > 0 ? `${minutes}m ${remaining}s` : `${minutes}m`;
-}
-function truncateText(text, max) {
-  const cleaned = text.replace(/\s+/g, " ").trim();
-  if (cleaned.length <= max) return cleaned;
-  return cleaned.slice(0, max).trim() + "...";
-}
-function formatUptime(ms) {
-  if (!Number.isFinite(ms) || ms < 0) return "\u2014";
-  const totalSeconds = Math.floor(ms / 1e3);
-  if (totalSeconds < 60) return `${totalSeconds}s`;
-  const minutes = Math.floor(totalSeconds / 60);
-  const seconds = totalSeconds % 60;
-  if (minutes < 60) return `${minutes}m ${seconds}s`;
-  const hours = Math.floor(minutes / 60);
-  const remMinutes = minutes % 60;
-  if (hours < 24) return `${hours}h ${remMinutes}m`;
-  const days = Math.floor(hours / 24);
-  const remHours = hours % 24;
-  return `${days}d ${remHours}h`;
-}
-function formatBytes(bytes) {
-  if (!Number.isFinite(bytes) || bytes < 0) return "\u2014";
-  if (bytes < 1024) return `${Math.round(bytes)} B`;
-  const kb = bytes / 1024;
-  if (kb < 1024) return `${kb < 10 ? kb.toFixed(1) : Math.round(kb)} KB`;
-  const mb = kb / 1024;
-  if (mb < 1024) return `${mb < 10 ? mb.toFixed(1) : Math.round(mb)} MB`;
-  const gb = mb / 1024;
-  return `${gb < 10 ? gb.toFixed(2) : gb.toFixed(1)} GB`;
-}
-
 export {
   TOOL_CATEGORY_ICONS,
   getToolCategory,
   getToolDisplayMetadata,
-  getToolErrorText,
-  formatDuration,
-  truncateText,
-  formatUptime,
-  formatBytes
+  getToolErrorText
 };

package/dist/{chunk-AAUNOHVL.js → chunk-NWECTSOH.js}

@@ -1,6 +1,6 @@
 import {
   getSyntaxLanguage
-} from "./chunk-ZRVH3WCA.js";
+} from "./chunk-XU3HB5QL.js";
 import {
   CodeBlock,
   CopyButton

package/dist/{chunk-CVX53NCC.js → chunk-OXZRCXJK.js}

@@ -2,17 +2,17 @@ import {
   ExpandableContent,
   InlineToolItem,
   RunRowShell
-} from "./chunk-XT4JMYVB.js";
-import {
-  formatDuration,
-  truncateText
-} from "./chunk-EIUE5GV2.js";
+} from "./chunk-KNYSKNZX.js";
 import {
   TextShimmer
 } from "./chunk-L57WRIND.js";
 import {
   OpenUIArtifactRenderer
 } from "./chunk-3M7BPSSW.js";
+import {
+  formatDuration,
+  truncateText
+} from "./chunk-4CLN43XT.js";
 import {
   Markdown
 } from "./chunk-P5F43A65.js";

package/dist/{chunk-6RIX7M27.js → chunk-Q7ZR6LSD.js}

@@ -1,7 +1,7 @@
 import {
   ToolCallGroup,
   ToolCallStep
-} from "./chunk-XT4JMYVB.js";
+} from "./chunk-KNYSKNZX.js";
 import {
   Markdown
 } from "./chunk-P5F43A65.js";

package/dist/{chunk-VDCZHOOO.js → chunk-X53RZSX6.js}

@@ -2,18 +2,18 @@ import {
   useAutoScroll,
   useRunCollapseState,
   useRunGroups
-} from "./chunk-UYTRNR7Z.js";
+} from "./chunk-565EATZZ.js";
 import {
   InlineThinkingItem,
   RunGroup
-} from "./chunk-CVX53NCC.js";
+} from "./chunk-OXZRCXJK.js";
 import {
   ToolCallGroup,
   ToolCallStep
-} from "./chunk-XT4JMYVB.js";
+} from "./chunk-KNYSKNZX.js";
 import {
   getToolDisplayMetadata
-} from "./chunk-EIUE5GV2.js";
+} from "./chunk-ND3ZFXQK.js";
 import {
   OpenUIArtifactRenderer
 } from "./chunk-3M7BPSSW.js";