@tutti-os/agent-gui 0.0.23 → 0.0.25

package/dist/{chunk-ZC4E2QJU.js → chunk-OSBLVO4N.js}

@@ -7,14 +7,14 @@ import {
   AgentGUIConversation_styles_default,
   MessageSquareMoreIcon,
   extractAgentMcpToolTarget
-} from "./chunk-7Q3JKSQ5.js";
+} from "./chunk-VNRRXUI3.js";
 import {
   Spinner
 } from "./chunk-F7XLV7M3.js";
 import {
   getOptionalAgentHostApi,
   useOptionalAgentHostApi
-} from "./chunk-CCI6EK5W.js";
+} from "./chunk-YHRJD6HA.js";
 import {
   translate
 } from "./chunk-GLDKFIWM.js";
@@ -1120,4 +1120,4 @@ export {
   isPromptRequestIdTitle,
   AgentInteractivePromptSurface
 };
-//# sourceMappingURL=chunk-ZC4E2QJU.js.map
+//# sourceMappingURL=chunk-OSBLVO4N.js.map

package/dist/{chunk-7Q3JKSQ5.js → chunk-VNRRXUI3.js}

@@ -1,7 +1,7 @@
 import {
   getOptionalAgentHostApi,
   useOptionalAgentHostApi
-} from "./chunk-CCI6EK5W.js";
+} from "./chunk-YHRJD6HA.js";
 import {
   useTranslation
 } from "./chunk-GLDKFIWM.js";
@@ -257,6 +257,7 @@ import remarkGfm from "remark-gfm";
 import {
   resolveWorkspaceFileExtension,
   resolveWorkspaceImageMimeType,
+  resolveWorkspaceVideoMimeType,
   workspaceFileName as basenameWorkspacePath
 } from "@tutti-os/workspace-file-manager/services";
 import {
@@ -321,7 +322,7 @@ function resolveWorkspaceFilePathCandidate({
     return null;
   }
   const normalizedPath = normalizeWorkspaceFilePath(rawPath);
-  if (isAbsoluteLocalPath(normalizedPath) && (isDirectAgentGeneratedImagePath(normalizedPath) || isDirectWorkspaceAppDataPath(normalizedPath))) {
+  if (isAbsoluteLocalPath(normalizedPath) && (isDirectAgentGeneratedMediaPath(normalizedPath) || isDirectWorkspaceAppDataPath(normalizedPath))) {
     const directoryPath = dirname(normalizedPath);
     return {
       path: normalizedPath,
@@ -335,7 +336,7 @@ function resolveWorkspaceFilePathCandidate({
   }
   const base = normalizeWorkspaceFilePath(basePath?.trim() || root);
   const resolvedPath = isAbsoluteLocalPath(normalizedPath) ? normalizedPath : normalizeWorkspaceFilePath(`${base}/${normalizedPath}`);
-  if (!isInsideOrEqual(resolvedPath, root) && !isDirectAgentGeneratedImagePath(resolvedPath)) {
+  if (!isInsideOrEqual(resolvedPath, root) && !isDirectAgentGeneratedMediaPath(resolvedPath)) {
     return null;
   }
   return {
@@ -515,7 +516,7 @@ function isInsideOrEqual(path, root) {
   const comparison = isWindowsAbsolutePath(root) || isWindowsAbsolutePath(path) ? { path: path.toLowerCase(), root: root.toLowerCase() } : { path, root };
   return comparison.path === comparison.root || comparison.path.startsWith(`${comparison.root}/`);
 }
-function isDirectAgentGeneratedImagePath(path) {
+function isDirectAgentGeneratedMediaPath(path) {
   if (!isAbsoluteLocalPath(path)) {
     return false;
   }
@@ -523,10 +524,10 @@ function isDirectAgentGeneratedImagePath(path) {
   if (!statePath) {
     return false;
   }
-  if (statePath[1] !== "agent" || statePath[2] !== "runs" || !statePath.includes("generated_images")) {
+  if (statePath[1] !== "agent" || statePath[2] !== "runs" || !statePath.includes("generated_images") && !statePath.includes("generated_videos")) {
     return false;
   }
-  return /\.(?:png|jpe?g|gif|webp|bmp)$/i.test(path);
+  return /\.(?:png|jpe?g|gif|webp|bmp|mp4|webm)$/i.test(path);
 }
 function isDirectWorkspaceAppDataPath(path) {
   if (!isAbsoluteLocalPath(path)) {
@@ -997,7 +998,7 @@ function AgentMessageMarkdown({
           )
         }
       ),
-      img: (props) => /* @__PURE__ */ jsx2(MarkdownImage, { ...props, enableZoom: enableImageZoom }),
+      img: (props) => /* @__PURE__ */ jsx2(MarkdownMedia, { ...props, enableZoom: enableImageZoom }),
       p: (props) => /* @__PURE__ */ jsx2(MarkdownParagraph, { ...props, inline }),
       ul: MarkdownUnorderedList,
       ol: MarkdownOrderedList,
@@ -1534,13 +1535,14 @@ function MarkdownCode({
   }
   return /* @__PURE__ */ jsx2("code", { ...props, className, children });
 }
-var cachedMarkdownImages = /* @__PURE__ */ new Map();
-var CACHED_MARKDOWN_IMAGE_REVOKE_DELAY_MS = 250;
-function MarkdownImage({
+var cachedMarkdownMedia = /* @__PURE__ */ new Map();
+var CACHED_MARKDOWN_MEDIA_REVOKE_DELAY_MS = 250;
+function MarkdownMedia({
   node: _node,
   src,
   alt,
   className,
+  title,
   enableZoom = false,
   ...props
 }) {
@@ -1552,9 +1554,10 @@ function MarkdownImage({
   const readWorkspaceImage = workspacePath ? agentHostApi?.workspace?.readFile : void 0;
   const canReadWorkspaceImage = Boolean(workspacePath && readWorkspaceImage);
   const shouldEnableZoom = enableZoom && !isInsideLink;
-  const resolvedSrc = typeof src === "string" ? resolveRenderableMarkdownImageSrc(src) : src;
+  const fallbackMediaKind = typeof src === "string" ? resolveMarkdownMediaKind(src) : null;
+  const resolvedSrc = typeof src === "string" ? resolveRenderableMarkdownMediaSrc(src) : src;
   const [state, setState] = useState2(
-    () => canReadWorkspaceImage && workspacePath ? peekCachedMarkdownImageState(workspacePath) ?? { status: "loading" } : null
+    () => canReadWorkspaceImage && workspacePath ? peekCachedMarkdownMediaState(workspacePath) ?? { status: "loading" } : null
   );
   useEffect2(() => {
     if (!workspacePath || !readWorkspaceImage) {
@@ -1563,28 +1566,27 @@ function MarkdownImage({
     }
     const resolvedWorkspacePath = workspacePath;
     const resolvedReadWorkspaceImage = readWorkspaceImage;
-    const cachedSrc = retainCachedMarkdownImage(resolvedWorkspacePath);
-    if (cachedSrc) {
-      setState({ status: "ready", src: cachedSrc });
+    const cached = retainCachedMarkdownMedia(resolvedWorkspacePath);
+    if (cached) {
+      setState({ kind: cached.kind, status: "ready", src: cached.src });
       return () => {
-        releaseCachedMarkdownImage(resolvedWorkspacePath, cachedSrc);
+        releaseCachedMarkdownMedia(resolvedWorkspacePath, cached.src);
       };
     }
-    const resolvedMimeType = resolveWorkspaceImageMimeType(
-      resolvedWorkspacePath
-    );
-    if (!resolvedMimeType) {
+    const mediaType = resolveMarkdownMediaType(resolvedWorkspacePath);
+    if (!mediaType) {
       setState({
         status: "error",
         reason: "unsupported"
       });
       return;
     }
-    const imageMimeType = resolvedMimeType;
+    const mediaKind = mediaType.kind;
+    const mediaMimeType = mediaType.mimeType;
     let canceled = false;
     let objectUrl = null;
     setState({ status: "loading" });
-    async function loadWorkspaceImage() {
+    async function loadWorkspaceMedia() {
       try {
         const result = await resolvedReadWorkspaceImage({
           path: resolvedWorkspacePath
@@ -1597,11 +1599,12 @@ function MarkdownImage({
           bytes.byteOffset,
           bytes.byteOffset + bytes.byteLength
         );
-        objectUrl = cacheMarkdownImage(
+        objectUrl = cacheMarkdownMedia(
           resolvedWorkspacePath,
-          new Blob([arrayBuffer], { type: imageMimeType })
+          mediaKind,
+          new Blob([arrayBuffer], { type: mediaMimeType })
         );
-        setState({ status: "ready", src: objectUrl });
+        setState({ kind: mediaKind, status: "ready", src: objectUrl });
       } catch (error) {
         if (!canceled) {
           setState({
@@ -1612,17 +1615,46 @@ function MarkdownImage({
         }
       }
     }
-    void loadWorkspaceImage();
+    void loadWorkspaceMedia();
     return () => {
       canceled = true;
       if (objectUrl) {
-        releaseCachedMarkdownImage(resolvedWorkspacePath, objectUrl);
+        releaseCachedMarkdownMedia(resolvedWorkspacePath, objectUrl);
       }
     };
   }, [canReadWorkspaceImage, workspacePath]);
   if (!workspacePath || !readWorkspaceImage) {
+    if (fallbackMediaKind === "video") {
+      if (!canRenderMarkdownVideoFallback(src)) {
+        return /* @__PURE__ */ jsx2(UnsupportedMarkdownMediaPreview, {});
+      }
+      return /* @__PURE__ */ jsx2(
+        "video",
+        {
+          src: resolvedSrc,
+          "aria-label": alt || void 0,
+          title: typeof title === "string" ? title : void 0,
+          controls: true,
+          playsInline: true,
+          preload: "metadata",
+          className: cn(
+            "block max-h-[360px] max-w-full rounded-[8px] border border-[var(--line-2)] bg-[var(--background-panel)]",
+            className
+          )
+        }
+      );
+    }
     if (!shouldEnableZoom) {
-      return /* @__PURE__ */ jsx2("img", { ...props, src: resolvedSrc, alt, className });
+      return /* @__PURE__ */ jsx2(
+        "img",
+        {
+          ...props,
+          src: resolvedSrc,
+          alt,
+          title,
+          className
+        }
+      );
     }
     return /* @__PURE__ */ jsx2(
       ZoomableImage,
@@ -1630,12 +1662,30 @@ function MarkdownImage({
         ...props,
         src: resolvedSrc,
         alt,
+        title,
         className,
         wrapElement: "span"
       }
     );
   }
   if (state?.status === "ready") {
+    if (state.kind === "video") {
+      return /* @__PURE__ */ jsx2(
+        "video",
+        {
+          src: state.src,
+          "aria-label": alt || void 0,
+          title: typeof title === "string" ? title : void 0,
+          controls: true,
+          playsInline: true,
+          preload: "metadata",
+          className: cn(
+            "block max-h-[360px] max-w-full rounded-[8px] border border-[var(--line-2)] bg-[var(--background-panel)]",
+            className
+          )
+        }
+      );
+    }
     if (!shouldEnableZoom) {
       return /* @__PURE__ */ jsx2(
         "img",
@@ -1643,6 +1693,7 @@ function MarkdownImage({
           ...props,
           src: state.src,
           alt,
+          title,
           className: cn(
             "block max-h-[360px] max-w-full rounded-[8px] border border-[var(--line-2)] bg-[var(--background-panel)] object-contain",
             className
@@ -1656,6 +1707,7 @@ function MarkdownImage({
         ...props,
         src: state.src,
         alt,
+        title,
         className: cn(
           "block max-h-[360px] max-w-full rounded-[8px] border border-[var(--line-2)] bg-[var(--background-panel)] object-contain",
           className
@@ -1668,6 +1720,10 @@ function MarkdownImage({
     message: state.detail ?? ""
   }) : t("agentHost.workspaceFileManager.previewLoading") });
 }
+function UnsupportedMarkdownMediaPreview() {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx2("span", { className: "flex min-h-[160px] w-full items-center justify-center rounded-[8px] border border-[var(--line-2)] bg-[var(--background-panel)] px-5 py-5 text-center text-[13px] leading-5 text-[var(--text-tertiary)]", children: t("agentHost.workspaceFileManager.previewUnsupported") });
+}
 var MARKDOWN_ORDERED_LIST_STYLE = {
   listStylePosition: "outside",
   margin: "12px 0 8px",
@@ -1741,7 +1797,7 @@ function isLocalAbsolutePath(path) {
   const candidate = path.trim();
   return candidate.length > 1 && candidate.startsWith("/") && !candidate.startsWith("//") && !candidate.includes("://") && !/\s/.test(candidate);
 }
-function resolveRenderableMarkdownImageSrc(src) {
+function resolveRenderableMarkdownMediaSrc(src) {
   const trimmed = src.trim();
   if (!trimmed) {
     return src;
@@ -1751,12 +1807,36 @@ function resolveRenderableMarkdownImageSrc(src) {
   }
   return new URL(trimmed, "file://").toString();
 }
-function peekCachedMarkdownImageState(path) {
-  const src = cachedMarkdownImages.get(path)?.objectUrl ?? null;
-  return src ? { status: "ready", src } : null;
+function canRenderMarkdownVideoFallback(src) {
+  if (typeof src !== "string") {
+    return false;
+  }
+  const trimmed = src.trim();
+  if (!isLocalAbsolutePath(trimmed) || trimmed.startsWith("/workspace/")) {
+    return true;
+  }
+  return isDirectAgentGeneratedMediaPath(trimmed);
+}
+function resolveMarkdownMediaKind(pathOrName) {
+  return resolveMarkdownMediaType(pathOrName)?.kind ?? null;
+}
+function resolveMarkdownMediaType(pathOrName) {
+  const imageMimeType = resolveWorkspaceImageMimeType(pathOrName);
+  if (imageMimeType) {
+    return { kind: "image", mimeType: imageMimeType };
+  }
+  const videoMimeType = resolveWorkspaceVideoMimeType(pathOrName);
+  if (videoMimeType) {
+    return { kind: "video", mimeType: videoMimeType };
+  }
+  return null;
 }
-function retainCachedMarkdownImage(path) {
-  const entry = cachedMarkdownImages.get(path);
+function peekCachedMarkdownMediaState(path) {
+  const entry = cachedMarkdownMedia.get(path);
+  return entry ? { kind: entry.kind, status: "ready", src: entry.objectUrl } : null;
+}
+function retainCachedMarkdownMedia(path) {
+  const entry = cachedMarkdownMedia.get(path);
   if (!entry) {
     return null;
   }
@@ -1765,10 +1845,10 @@ function retainCachedMarkdownImage(path) {
     clearTimeout(entry.revokeTimer);
     entry.revokeTimer = null;
   }
-  return entry.objectUrl;
+  return { kind: entry.kind, src: entry.objectUrl };
 }
-function cacheMarkdownImage(path, blob) {
-  const entry = cachedMarkdownImages.get(path);
+function cacheMarkdownMedia(path, kind, blob) {
+  const entry = cachedMarkdownMedia.get(path);
   if (entry) {
     entry.refCount += 1;
     if (entry.revokeTimer) {
@@ -1778,15 +1858,16 @@ function cacheMarkdownImage(path, blob) {
     return entry.objectUrl;
   }
   const objectUrl = URL.createObjectURL(blob);
-  cachedMarkdownImages.set(path, {
+  cachedMarkdownMedia.set(path, {
+    kind,
     objectUrl,
     refCount: 1,
     revokeTimer: null
   });
   return objectUrl;
 }
-function releaseCachedMarkdownImage(path, objectUrl) {
-  const entry = cachedMarkdownImages.get(path);
+function releaseCachedMarkdownMedia(path, objectUrl) {
+  const entry = cachedMarkdownMedia.get(path);
   if (!entry || entry.objectUrl !== objectUrl) {
     URL.revokeObjectURL(objectUrl);
     return;
@@ -1796,13 +1877,13 @@ function releaseCachedMarkdownImage(path, objectUrl) {
     return;
   }
   entry.revokeTimer = setTimeout(() => {
-    const current = cachedMarkdownImages.get(path);
+    const current = cachedMarkdownMedia.get(path);
     if (!current || current.objectUrl !== objectUrl || current.refCount > 0) {
       return;
     }
-    cachedMarkdownImages.delete(path);
+    cachedMarkdownMedia.delete(path);
     URL.revokeObjectURL(objectUrl);
-  }, CACHED_MARKDOWN_IMAGE_REVOKE_DELAY_MS);
+  }, CACHED_MARKDOWN_MEDIA_REVOKE_DELAY_MS);
 }
 function isHttpUrl(value) {
   const candidate = value.trim();
@@ -2587,4 +2668,4 @@ export {
   CustomScrollArea,
   MessageSquareMoreIcon
 };
-//# sourceMappingURL=chunk-7Q3JKSQ5.js.map
+//# sourceMappingURL=chunk-VNRRXUI3.js.map