@tutti-os/agent-gui 0.0.65 → 0.0.67

package/dist/{chunk-IDTB6OID.js → chunk-CTYXJGSW.js}

@@ -3,11 +3,11 @@ import {
   getOptionalAgentHostApi,
   managedAgentRoundedIconUrl,
   useOptionalAgentHostApi
-} from "./chunk-N4I3TD4G.js";
+} from "./chunk-BX4UBTOI.js";
 import {
   translate,
   useTranslation
-} from "./chunk-UWBX3DZK.js";
+} from "./chunk-KS4ULVGM.js";
 import {
   resolveAgentWorkspaceFileVisualKind
 } from "./chunk-PJP5BUU6.js";
@@ -260,8 +260,10 @@ import {
   useContext as useContext2,
   memo,
   useMemo,
+  useRef as useRef3,
   useState as useState4
 } from "react";
+import { Check, Copy } from "lucide-react";
 
 // app/renderer/components/ZoomableImage.tsx
 import {
@@ -291,8 +293,6 @@ import {
   useRef,
   useState
 } from "react";
-
-// app/renderer/components/ui/context-menu.tsx
 import {
   ContextMenu,
   ContextMenuContent,
@@ -1957,7 +1957,8 @@ function AgentMessageMarkdown({
       p: (props) => /* @__PURE__ */ jsx4(MarkdownParagraph, { ...props, inline }),
       ul: MarkdownUnorderedList,
       ol: MarkdownOrderedList,
-      li: MarkdownListItem
+      li: MarkdownListItem,
+      pre: MarkdownPre
     }),
     [
       effectiveAgentTargets,
@@ -3188,6 +3189,43 @@ function textFromReactNode(node) {
   }
   return "";
 }
+function MarkdownPre({
+  children,
+  ...props
+}) {
+  "use memo";
+  const preRef = useRef3(null);
+  const [copied, setCopied] = useState4(false);
+  const copyResetRef = useRef3(null);
+  const handleCopy = useCallback3(() => {
+    const text = preRef.current?.textContent?.trim();
+    if (!text) {
+      return;
+    }
+    void navigator.clipboard?.writeText(text).then(() => {
+      setCopied(true);
+      if (copyResetRef.current) {
+        clearTimeout(copyResetRef.current);
+      }
+      copyResetRef.current = setTimeout(() => setCopied(false), 1500);
+    });
+  }, []);
+  return /* @__PURE__ */ jsxs3("div", { className: "group relative", children: [
+    /* @__PURE__ */ jsx4(
+      "button",
+      {
+        type: "button",
+        "data-testid": "markdown-code-copy",
+        className: "absolute right-1.5 top-1.5 z-10 inline-flex size-5 items-center justify-center rounded-[4px] text-[var(--text-tertiary)] opacity-0 transition-opacity hover:bg-[var(--transparency-hover)] hover:text-[var(--text-secondary)] group-hover:opacity-100",
+        "aria-label": translate("agentHost.agentGui.copyCode"),
+        title: translate("agentHost.agentGui.copyCode"),
+        onClick: handleCopy,
+        children: copied ? /* @__PURE__ */ jsx4(Check, { size: 13, strokeWidth: 2, "aria-hidden": "true" }) : /* @__PURE__ */ jsx4(Copy, { size: 13, strokeWidth: 2, "aria-hidden": "true" })
+      }
+    ),
+    /* @__PURE__ */ jsx4("pre", { ...props, ref: preRef, children })
+  ] });
+}
 
 // agent-gui/agentGuiNode/AgentGUIConversation.styles.ts
 var styles = {
@@ -3229,7 +3267,7 @@ import {
   forwardRef,
   useCallback as useCallback4,
   useEffect as useEffect4,
-  useRef as useRef3,
+  useRef as useRef4,
   useState as useState5
 } from "react";
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
@@ -3243,8 +3281,8 @@ function CustomScrollbar({
   syncKey
 }) {
   "use memo";
-  const trackRef = useRef3(null);
-  const dragStateRef = useRef3(null);
+  const trackRef = useRef4(null);
+  const dragStateRef = useRef4(null);
   const [scrollbarState, setScrollbarState] = useState5({
     scrollable: false,
     thumbHeight: 0,
@@ -3431,7 +3469,7 @@ var CustomScrollArea = forwardRef(function CustomScrollArea2({
   ...viewportProps
 }, forwardedRef) {
   "use memo";
-  const viewportRef = useRef3(null);
+  const viewportRef = useRef4(null);
   const getViewport = useCallback4(() => viewportRef.current, []);
   return /* @__PURE__ */ jsxs4(
     "div",
@@ -3488,7 +3526,7 @@ import {
   useCallback as useCallback5,
   useEffect as useEffect5,
   useImperativeHandle,
-  useRef as useRef4
+  useRef as useRef5
 } from "react";
 import {
   motion,
@@ -3539,7 +3577,7 @@ var MessageSquareMoreIcon = forwardRef2(
   }, ref) => {
     const controls = useAnimation();
     const reduceMotion = useReducedMotion();
-    const isControlledRef = useRef4(false);
+    const isControlledRef = useRef5(false);
     const startAnimation = useCallback5(() => {
       if (reduceMotion) {
         return;
@@ -3659,4 +3697,4 @@ export {
   CustomScrollArea,
   MessageSquareMoreIcon
 };
-//# sourceMappingURL=chunk-IDTB6OID.js.map
+//# sourceMappingURL=chunk-CTYXJGSW.js.map