@tutti-os/agent-gui 0.0.100 → 0.0.102

package/dist/{chunk-MES7BQWI.js → chunk-MJOQP2ED.js}

@@ -258,7 +258,7 @@ import {
   useCallback as useCallback4,
   memo,
   useMemo,
-  useState as useState7
+  useState as useState6
 } from "react";
 import { FileText } from "lucide-react";
 import ReactMarkdown from "react-markdown";
@@ -999,15 +999,8 @@ function resolveAgentTargetPresentation(input) {
 }
 
 // shared/agentMessageMarkdownRuntime.ts
-import {
-  startTransition as startTransition2,
-  useEffect as useEffect2,
-  useState as useState2
-} from "react";
 var COLLAPSED_LINE_LIMIT = 8;
 var APPROX_CHARS_PER_LINE = 34;
-var DEFERRED_LONG_MARKDOWN_FALLBACK_DELAY_MS = 80;
-var DEFERRED_LONG_MARKDOWN_IDLE_TIMEOUT_MS = 700;
 function splitStreamingMarkdownBlocks(content) {
   const normalized = content.replace(/\r\n?/g, "\n");
   if (!normalized) {
@@ -1100,49 +1093,6 @@ function activateMarkdownLinkFromPointer(event, href, onLinkClick) {
   }
   activateMarkdownLink(event, href, onLinkClick);
 }
-function useDeferredMarkdownRenderReady(contentSignature, shouldDefer) {
-  const [readySignature, setReadySignature] = useState2(
-    shouldDefer ? null : contentSignature
-  );
-  const renderReady = !shouldDefer || readySignature === contentSignature;
-  useEffect2(() => {
-    if (!shouldDefer) {
-      setReadySignature(contentSignature);
-      return;
-    }
-    let canceled = false;
-    let timeoutId = null;
-    let idleCallbackId = null;
-    const markReady = () => {
-      if (canceled) {
-        return;
-      }
-      startTransition2(() => {
-        setReadySignature(contentSignature);
-      });
-    };
-    if ("requestIdleCallback" in window) {
-      idleCallbackId = window.requestIdleCallback(markReady, {
-        timeout: DEFERRED_LONG_MARKDOWN_IDLE_TIMEOUT_MS
-      });
-    } else {
-      timeoutId = setTimeout(
-        markReady,
-        DEFERRED_LONG_MARKDOWN_FALLBACK_DELAY_MS
-      );
-    }
-    return () => {
-      canceled = true;
-      if (idleCallbackId !== null) {
-        window.cancelIdleCallback(idleCallbackId);
-      }
-      if (timeoutId !== null) {
-        clearTimeout(timeoutId);
-      }
-    };
-  }, [contentSignature, shouldDefer]);
-  return renderReady;
-}
 function hashMarkdownProfilerContent(content) {
   let hash = 0;
   for (let index = 0; index < content.length; index += 1) {
@@ -1621,7 +1571,7 @@ import {
   useCallback,
   useContext as useContext2,
   useRef as useRef2,
-  useState as useState3
+  useState as useState2
 } from "react";
 import { Check, Copy } from "lucide-react";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
@@ -1751,7 +1701,7 @@ function MarkdownPre({
 }) {
   "use memo";
   const preRef = useRef2(null);
-  const [copied, setCopied] = useState3(false);
+  const [copied, setCopied] = useState2(false);
   const copyResetRef = useRef2(null);
   const handleCopy = useCallback(() => {
     const text = preRef.current?.textContent?.trim();
@@ -1784,13 +1734,13 @@ function MarkdownPre({
 }
 
 // shared/AgentMessageMarkdownMedia.tsx
-import { useContext as useContext3, useEffect as useEffect4, useState as useState6 } from "react";
+import { useContext as useContext3, useEffect as useEffect3, useState as useState5 } from "react";
 
 // app/renderer/components/ZoomableImage.tsx
 import {
   useCallback as useCallback3,
-  useEffect as useEffect3,
-  useState as useState5
+  useEffect as useEffect2,
+  useState as useState4
 } from "react";
 import { createPortal } from "react-dom";
 import {
@@ -1809,7 +1759,7 @@ import { RotateCcwIcon, ZoomInIcon, ZoomOutIcon } from "lucide-react";
 import {
   useCallback as useCallback2,
   useRef as useRef3,
-  useState as useState4
+  useState as useState3
 } from "react";
 import {
   ContextMenu,
@@ -1900,7 +1850,7 @@ function ConversationImageContextMenu({
 }) {
   const agentHostApi = useOptionalAgentHostApi();
   const copyStartedRef = useRef3(false);
-  const [menuResetKey, setMenuResetKey] = useState4(0);
+  const [menuResetKey, setMenuResetKey] = useState3(0);
   const copyAndClose = useCallback2(() => {
     if (copyStartedRef.current) {
       return;
@@ -2016,12 +1966,12 @@ function ZoomableImage({
   const agentHostApi = useOptionalAgentHostApi();
   const actionSource = typeof src === "string" && src.trim() ? src.trim() : null;
   const hasImageActions = Boolean(actionSource && downloadName !== void 0);
-  const [contextMenuPosition, setContextMenuPosition] = useState5(null);
-  const [copyStatus, setCopyStatus] = useState5(null);
-  const [imagePreviewZoom, setImagePreviewZoom] = useState5(1);
-  const [isWheelZooming, setIsWheelZooming] = useState5(false);
-  const [isImagePreviewOpen, setIsImagePreviewOpen] = useState5(false);
-  const [isImagePreviewClosing, setIsImagePreviewClosing] = useState5(false);
+  const [contextMenuPosition, setContextMenuPosition] = useState4(null);
+  const [copyStatus, setCopyStatus] = useState4(null);
+  const [imagePreviewZoom, setImagePreviewZoom] = useState4(1);
+  const [isWheelZooming, setIsWheelZooming] = useState4(false);
+  const [isImagePreviewOpen, setIsImagePreviewOpen] = useState4(false);
+  const [isImagePreviewClosing, setIsImagePreviewClosing] = useState4(false);
   const imagePreviewZoomPercent = Math.round(imagePreviewZoom * 100);
   const canZoomOut = imagePreviewZoom > IMAGE_PREVIEW_ZOOM_MIN;
   const canZoomIn = imagePreviewZoom < IMAGE_PREVIEW_ZOOM_MAX;
@@ -2051,7 +2001,7 @@ function ZoomableImage({
     setIsImagePreviewClosing(false);
     setIsImagePreviewOpen(true);
   };
-  useEffect3(() => {
+  useEffect2(() => {
     const handleWindowKeyDown = (event) => {
       if (!isImagePreviewOpen || event.key !== "Escape") {
         return;
@@ -2648,10 +2598,10 @@ function MarkdownMedia({
   const shouldEnableZoom = enableZoom && !isInsideLink;
   const fallbackMediaKind = typeof src === "string" ? resolveMarkdownMediaKind(src) : null;
   const resolvedSrc = typeof src === "string" ? resolveRenderableMarkdownMediaSrc(src) : src;
-  const [state, setState] = useState6(
+  const [state, setState] = useState5(
     () => canReadWorkspaceImage && workspacePath ? peekCachedMarkdownMediaState(workspacePath) ?? { status: "loading" } : null
   );
-  useEffect4(() => {
+  useEffect3(() => {
     if (!workspacePath || !readWorkspaceImage) {
       setState(null);
       return;
@@ -2830,8 +2780,6 @@ function resolveMarkdownImageDownloadName(src, alt) {
 
 // shared/AgentMessageMarkdown.tsx
 import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-var DEFERRED_LONG_MARKDOWN_CHAR_THRESHOLD = 4096;
-var STREAMING_MARKDOWN_EMERGENCY_PLAIN_CHAR_THRESHOLD = 96e3;
 var STREAMING_MARKDOWN_FRAME_MS = 24;
 var STREAMING_MARKDOWN_MAX_CHARS_PER_SECOND = 6e3;
 var STREAMING_MARKDOWN_TAIL_FLUSH_CHARS = 0;
@@ -2871,7 +2819,6 @@ function AgentMessageMarkdown({
   className,
   inline = false,
   normalizePlainIssueMentionTitle = false,
-  deferLongContentRender = false,
   enableImageZoom = false,
   previewMode = false,
   streaming = false
@@ -2895,15 +2842,11 @@ function AgentMessageMarkdown({
   const workspaceRoot = workspaceLinkContext?.workspaceRoot ?? null;
   const basePath = workspaceLinkContext?.basePath ?? null;
   const workspaceLinkSource = workspaceLinkContext?.source ?? null;
-  const [isExpanded, setIsExpanded] = useState7(false);
+  const [isExpanded, setIsExpanded] = useState6(false);
   const resolvedExpandLabel = expandLabel ?? t("agentHost.workspaceAgentMessageExpand");
   const shouldCollapse = collapsible && isLikelyLongerThanLineLimit(stabilizedContent);
   const isCollapsed = shouldCollapse && !isExpanded;
   const ContainerTag = inline ? "span" : "div";
-  const contentSignature = useMemo(
-    () => hashMarkdownProfilerContent(stabilizedContent),
-    [stabilizedContent]
-  );
   const normalizedContent = useMemo(
     () => linkBareLocalAbsolutePaths(
       normalizeLocalPathMarkdownLinks(
@@ -2917,11 +2860,6 @@ function AgentMessageMarkdown({
     [normalizePlainIssueMentionTitle, stabilizedContent]
   );
   const isMentionOnly = isMentionOnlyMarkdownContent(normalizedContent);
-  const shouldDeferMarkdownRender = deferLongContentRender && !inline && content.length >= (streaming ? STREAMING_MARKDOWN_EMERGENCY_PLAIN_CHAR_THRESHOLD : DEFERRED_LONG_MARKDOWN_CHAR_THRESHOLD) && !isExpanded;
-  const markdownRenderReady = useDeferredMarkdownRenderReady(
-    contentSignature,
-    shouldDeferMarkdownRender
-  );
   const handleLinkClick = useCallback4(
     (href) => {
       if (workspaceLinkSource && onLinkAction && (workspaceRoot || basePath)) {
@@ -3018,7 +2956,7 @@ function AgentMessageMarkdown({
             "data-agent-mention-only": isMentionOnly ? "true" : void 0,
             "data-collapsed": isCollapsed ? "true" : "false",
             onClickCapture: handleAnchorClickCapture,
-            children: markdownRenderReady ? streaming ? /* @__PURE__ */ jsx6(
+            children: streaming ? /* @__PURE__ */ jsx6(
               StreamingMarkdownBlocks,
               {
                 content: normalizedContent,
@@ -3033,13 +2971,6 @@ function AgentMessageMarkdown({
                 components: markdownComponents,
                 children: normalizedContent
               }
-            ) : /* @__PURE__ */ jsx6(
-              "div",
-              {
-                className: "whitespace-pre-wrap [overflow-wrap:anywhere]",
-                "data-workspace-agent-markdown-deferred": "true",
-                children: normalizedContent
-              }
             )
           }
         ),
@@ -3343,9 +3274,9 @@ function MentionLink({
 import {
   forwardRef,
   useCallback as useCallback5,
-  useEffect as useEffect5,
+  useEffect as useEffect4,
   useRef as useRef4,
-  useState as useState8
+  useState as useState7
 } from "react";
 import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var MIN_THUMB_HEIGHT = 24;
@@ -3360,12 +3291,12 @@ function CustomScrollbar({
   "use memo";
   const trackRef = useRef4(null);
   const dragStateRef = useRef4(null);
-  const [scrollbarState, setScrollbarState] = useState8({
+  const [scrollbarState, setScrollbarState] = useState7({
     scrollable: false,
     thumbHeight: 0,
     thumbTop: 0
   });
-  const [dragging, setDragging] = useState8(false);
+  const [dragging, setDragging] = useState7(false);
   const syncScrollbarState = useCallback5(() => {
     const viewport = getViewport();
     if (!viewport) {
@@ -3467,7 +3398,7 @@ function CustomScrollbar({
     },
     [getViewport, scrollbarState.scrollable, scrollbarState.thumbHeight]
   );
-  useEffect5(() => {
+  useEffect4(() => {
     if (!dragging) {
       return;
     }
@@ -3492,7 +3423,7 @@ function CustomScrollbar({
       window.removeEventListener("mouseup", handleMouseUp);
     };
   }, [dragging, getViewport, syncScrollbarState]);
-  useEffect5(() => {
+  useEffect4(() => {
     const viewport = getViewport();
     if (!viewport) {
       setScrollbarState({ scrollable: false, thumbHeight: 0, thumbTop: 0 });
@@ -3601,7 +3532,7 @@ function clamp(value, min, max) {
 import {
   forwardRef as forwardRef2,
   useCallback as useCallback6,
-  useEffect as useEffect6,
+  useEffect as useEffect5,
   useImperativeHandle,
   useRef as useRef5
 } from "react";
@@ -3671,7 +3602,7 @@ var MessageSquareMoreIcon = forwardRef2(
         stopAnimation
       };
     });
-    useEffect6(() => {
+    useEffect5(() => {
       if (active) {
         startAnimation();
         return;
@@ -3809,4 +3740,4 @@ export {
   AgentMessageMarkdown,
   CustomScrollArea
 };
-//# sourceMappingURL=chunk-MES7BQWI.js.map
+//# sourceMappingURL=chunk-MJOQP2ED.js.map