@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/agents/components/working-document/DocumentLinkPicker.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { formatRelativeTime } from "@ai-matrx/kit/format";
 import React, { useCallback, useMemo, useState } from "react";
 import { FileText, Loader2, NotebookPen, Search } from "lucide-react";
@@ -44,43 +45,61 @@ function DocumentLinkPickerBody({
   const isScratch = kind === "scratch";
   const Icon = isScratch ? NotebookPen : FileText;
   const noun = isScratch ? "scratchpad" : "document";
-  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col text-xs" }, /* @__PURE__ */ React.createElement("div", { className: "border-b border-border px-2 py-1.5" }, /* @__PURE__ */ React.createElement("div", { className: "relative" }, /* @__PURE__ */ React.createElement(Search, { className: "pointer-events-none absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ React.createElement(
-    Input,
-    {
-      adornment: "start",
-      type: "search",
-      placeholder: `Search ${noun}s\u2026`,
-      value: search,
-      onChange: (e) => onSearchChange(e.target.value)
-    }
-  )), !isScratch && /* @__PURE__ */ React.createElement(
-    Tabs,
-    {
-      variant: "capsule",
-      className: "mt-1.5",
-      "aria-label": "Document scope",
-      value: scope,
-      onValueChange: onScopeChange,
-      data: SCOPES
-    }
-  )), /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: `overflow-y-auto overscroll-contain py-0.5 ${listMaxHeight}`
-    },
-    isLoading ? /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center gap-2 py-8 text-muted-foreground" }, /* @__PURE__ */ React.createElement(Loader2, { className: "h-4 w-4 animate-spin" }), "Loading ", noun, "s\u2026") : error ? /* @__PURE__ */ React.createElement("div", { className: "px-3 py-6 text-center text-destructive" }, error, " ", /* @__PURE__ */ React.createElement(ErrorAlchemyMenu, { error })) : filtered.length === 0 ? /* @__PURE__ */ React.createElement("div", { className: "px-3 py-6 text-center text-muted-foreground" }, search.trim() ? "No matches" : scope === "shared" ? `No ${noun}s shared with you yet` : `No other ${noun}s to link yet`) : filtered.map((doc) => /* @__PURE__ */ React.createElement(
-      Tile,
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col text-xs", children: [
+    /* @__PURE__ */ jsxs("div", { className: "border-b border-border px-2 py-1.5", children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx(Search, { className: "pointer-events-none absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            adornment: "start",
+            type: "search",
+            placeholder: `Search ${noun}s\u2026`,
+            value: search,
+            onChange: (e) => onSearchChange(e.target.value)
+          }
+        )
+      ] }),
+      !isScratch && /* @__PURE__ */ jsx(
+        Tabs,
+        {
+          variant: "capsule",
+          className: "mt-1.5",
+          "aria-label": "Document scope",
+          value: scope,
+          onValueChange: onScopeChange,
+          data: SCOPES
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
       {
-        key: doc.id,
-        variant: "quiet",
-        onClick: () => onPick(doc.id),
-        icon: /* @__PURE__ */ React.createElement(Icon, null),
-        title: doc.title?.trim() || (isScratch ? "Untitled scratchpad" : "Untitled document"),
-        line: doc.content.trim() ? previewOf(doc.content) : void 0,
-        end: formatWhen(doc.updatedAt)
+        className: `overflow-y-auto overscroll-contain py-0.5 ${listMaxHeight}`,
+        children: isLoading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 py-8 text-muted-foreground", children: [
+          /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }),
+          "Loading ",
+          noun,
+          "s\u2026"
+        ] }) : error ? /* @__PURE__ */ jsxs("div", { className: "px-3 py-6 text-center text-destructive", children: [
+          error,
+          " ",
+          /* @__PURE__ */ jsx(ErrorAlchemyMenu, { error })
+        ] }) : filtered.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-3 py-6 text-center text-muted-foreground", children: search.trim() ? "No matches" : scope === "shared" ? `No ${noun}s shared with you yet` : `No other ${noun}s to link yet` }) : filtered.map((doc) => /* @__PURE__ */ jsx(
+          Tile,
+          {
+            variant: "quiet",
+            onClick: () => onPick(doc.id),
+            icon: /* @__PURE__ */ jsx(Icon, {}),
+            title: doc.title?.trim() || (isScratch ? "Untitled scratchpad" : "Untitled document"),
+            line: doc.content.trim() ? previewOf(doc.content) : void 0,
+            end: formatWhen(doc.updatedAt)
+          },
+          doc.id
+        ))
       }
-    ))
-  ));
+    )
+  ] });
 }
 function DocumentLinkPicker({
   kind,
@@ -145,7 +164,7 @@ function DocumentLinkPicker({
     },
     [onSelect]
   );
-  const body = /* @__PURE__ */ React.createElement(
+  const body = /* @__PURE__ */ jsx(
     DocumentLinkPickerBody,
     {
       kind,
@@ -172,18 +191,26 @@ function DocumentLinkPicker({
     }
   ) : trigger;
   if (isMobile) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, mergedTrigger, /* @__PURE__ */ React.createElement(
-      BottomSheet,
-      {
-        open,
-        onOpenChange: handleOpenChange,
-        title: sheetTitle
-      },
-      /* @__PURE__ */ React.createElement(BottomSheetHeader, { title: sheetTitle }),
-      /* @__PURE__ */ React.createElement(BottomSheetBody, { className: "px-2" }, body)
-    ));
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      mergedTrigger,
+      /* @__PURE__ */ jsxs(
+        BottomSheet,
+        {
+          open,
+          onOpenChange: handleOpenChange,
+          title: sheetTitle,
+          children: [
+            /* @__PURE__ */ jsx(BottomSheetHeader, { title: sheetTitle }),
+            /* @__PURE__ */ jsx(BottomSheetBody, { className: "px-2", children: body })
+          ]
+        }
+      )
+    ] });
   }
-  return /* @__PURE__ */ React.createElement(Popover, { open, onOpenChange: handleOpenChange }, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true }, trigger), /* @__PURE__ */ React.createElement(PopoverContent, { sizing: "content", className: "p-0", align, side }, body));
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsx(PopoverContent, { sizing: "content", className: "p-0", align, side, children: body })
+  ] });
 }
 export {
   DocumentLinkPicker

package/dist/agents/components/working-document/ScratchpadQuickPanel.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { toast } from "../../../host/notify.js";
 import { useEffect } from "react";
 import { cn } from "@ai-matrx/design-system";
@@ -37,7 +38,7 @@ function ScratchpadQuickPanel({
   useEnsureActiveScratchpad();
   const activeId = useAppSelector(selectActiveScratchpadId);
   const activeScope = activeId ? scratchScopeId(activeId) : null;
-  return /* @__PURE__ */ React.createElement("div", { className: cn("flex h-full min-h-0 flex-col", className) }, activeScope ? /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { className: cn("flex h-full min-h-0 flex-col", className), children: activeScope ? /* @__PURE__ */ jsx(
     WorkingDocumentPanel,
     {
       conversationId: activeScope,
@@ -48,7 +49,7 @@ function ScratchpadQuickPanel({
       gateConversationId,
       className: "h-full"
     }
-  ) : /* @__PURE__ */ React.createElement("div", { className: "flex h-full items-center justify-center" }, /* @__PURE__ */ React.createElement(LoadingLine, { message: "Opening your scratchpad\u2026" })));
+  ) : /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx(LoadingLine, { message: "Opening your scratchpad\u2026" }) }) });
 }
 export {
   ScratchpadQuickPanel

package/dist/agents/components/working-document/ScratchpadSwitcherMenu.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { toast } from "../../../host/notify.js";
 import { useCallback, useState } from "react";
 import { Check, Loader2, NotebookPen, Plus, Trash2 } from "lucide-react";
@@ -27,7 +28,10 @@ import {
 } from "../../redux/execution-system/instance-working-document/cx-working-document.service.js";
 import { ReadFailure } from "../../../host/ui-slots.js";
 function LoadingLine({ message, small = false }) {
-  return /* @__PURE__ */ React.createElement("span", { role: "status", className: cn("inline-flex items-center gap-2 text-muted-foreground", small ? "text-xs" : "text-sm") }, /* @__PURE__ */ React.createElement(Loader2, { className: cn("animate-spin opacity-60", small ? "h-3 w-3" : "h-4 w-4"), "aria-hidden": true }), message);
+  return /* @__PURE__ */ jsxs("span", { role: "status", className: cn("inline-flex items-center gap-2 text-muted-foreground", small ? "text-xs" : "text-sm"), children: [
+    /* @__PURE__ */ jsx(Loader2, { className: cn("animate-spin opacity-60", small ? "h-3 w-3" : "h-4 w-4"), "aria-hidden": true }),
+    message
+  ] });
 }
 function useActiveScratchpadTitle() {
   const activeId = useAppSelector(selectActiveScratchpadId);
@@ -63,40 +67,59 @@ function ScratchpadSwitcherMenu({ trigger }) {
       setConfirmDelete(false);
     });
   }, [dispatch, activeId]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DropdownMenu, { onOpenChange: (open) => open && loadPool() }, /* @__PURE__ */ React.createElement(DropdownMenuTrigger, { asChild: true }, trigger), /* @__PURE__ */ React.createElement(DropdownMenuContent, { align: "end", className: "w-64" }, (pool ?? []).map((doc) => /* @__PURE__ */ React.createElement(
-    DropdownMenuItem,
-    {
-      key: doc.id,
-      onSelect: () => void dispatch(setActiveScratchpadThunk({ documentId: doc.id })).unwrap().catch(
-        () => toast.error(`Couldn't open ${doc.title?.trim() || "that scratchpad"} \u2014 the read failed.`)
-      ),
-      className: "gap-2"
-    },
-    /* @__PURE__ */ React.createElement(NotebookPen, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
-    /* @__PURE__ */ React.createElement("span", { className: "min-w-0 flex-1 truncate" }, doc.title?.trim() || "Untitled scratchpad"),
-    doc.id === activeId && /* @__PURE__ */ React.createElement(Check, { className: "h-3.5 w-3.5 shrink-0 text-primary" })
-  )), poolError != null ? /* @__PURE__ */ React.createElement(ReadFailure, { error: poolError, what: "your saved scratchpads", onRetry: loadPool, size: "compact" }) : pool === null ? /* @__PURE__ */ React.createElement("div", { className: "px-2 py-2" }, /* @__PURE__ */ React.createElement(LoadingLine, { message: "Loading scratchpads\u2026", small: true })) : pool.length === 0 && /* @__PURE__ */ React.createElement("div", { className: "px-2 py-2 text-xs text-muted-foreground" }, "No saved scratchpads yet"), /* @__PURE__ */ React.createElement(DropdownMenuSeparator, null), /* @__PURE__ */ React.createElement(DropdownMenuItem, { onSelect: () => void dispatch(createScratchpadThunk()), className: "gap-2" }, /* @__PURE__ */ React.createElement(Plus, { className: "h-3.5 w-3.5" }), "New scratchpad"), /* @__PURE__ */ React.createElement(
-    DropdownMenuItem,
-    {
-      onSelect: () => setConfirmDelete(true),
-      disabled: !activeId,
-      className: "gap-2 text-destructive focus:text-destructive"
-    },
-    /* @__PURE__ */ React.createElement(Trash2, { className: "h-3.5 w-3.5" }),
-    "Delete this scratchpad"
-  ))), /* @__PURE__ */ React.createElement(
-    ConfirmDialog,
-    {
-      open: confirmDelete,
-      onOpenChange: setConfirmDelete,
-      title: "Delete this scratchpad?",
-      description: "Its version history is kept, but it will no longer appear in your scratchpads or be sent to agents.",
-      confirmLabel: "Delete",
-      variant: "destructive",
-      busy: deleting,
-      onConfirm: handleDelete
-    }
-  ));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(DropdownMenu, { onOpenChange: (open) => open && loadPool(), children: [
+      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: trigger }),
+      /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-64", children: [
+        (pool ?? []).map((doc) => /* @__PURE__ */ jsxs(
+          DropdownMenuItem,
+          {
+            onSelect: () => void dispatch(setActiveScratchpadThunk({ documentId: doc.id })).unwrap().catch(
+              () => toast.error(`Couldn't open ${doc.title?.trim() || "that scratchpad"} \u2014 the read failed.`)
+            ),
+            className: "gap-2",
+            children: [
+              /* @__PURE__ */ jsx(NotebookPen, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+              /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: doc.title?.trim() || "Untitled scratchpad" }),
+              doc.id === activeId && /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 shrink-0 text-primary" })
+            ]
+          },
+          doc.id
+        )),
+        poolError != null ? /* @__PURE__ */ jsx(ReadFailure, { error: poolError, what: "your saved scratchpads", onRetry: loadPool, size: "compact" }) : pool === null ? /* @__PURE__ */ jsx("div", { className: "px-2 py-2", children: /* @__PURE__ */ jsx(LoadingLine, { message: "Loading scratchpads\u2026", small: true }) }) : pool.length === 0 && /* @__PURE__ */ jsx("div", { className: "px-2 py-2 text-xs text-muted-foreground", children: "No saved scratchpads yet" }),
+        /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ jsxs(DropdownMenuItem, { onSelect: () => void dispatch(createScratchpadThunk()), className: "gap-2", children: [
+          /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5" }),
+          "New scratchpad"
+        ] }),
+        /* @__PURE__ */ jsxs(
+          DropdownMenuItem,
+          {
+            onSelect: () => setConfirmDelete(true),
+            disabled: !activeId,
+            className: "gap-2 text-destructive focus:text-destructive",
+            children: [
+              /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" }),
+              "Delete this scratchpad"
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      ConfirmDialog,
+      {
+        open: confirmDelete,
+        onOpenChange: setConfirmDelete,
+        title: "Delete this scratchpad?",
+        description: "Its version history is kept, but it will no longer appear in your scratchpads or be sent to agents.",
+        confirmLabel: "Delete",
+        variant: "destructive",
+        busy: deleting,
+        onConfirm: handleDelete
+      }
+    )
+  ] });
 }
 export {
   LoadingLine,

package/dist/agents/components/working-document/WorkingDocumentAgentDiff.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { FileText } from "lucide-react";
 import { AnimatedDiffReveal } from "@ai-matrx/diff/react";
 function WorkingDocumentAgentDiff({
@@ -6,7 +7,7 @@ function WorkingDocumentAgentDiff({
   fallback
 }) {
   if (livePatch.hasPatch && livePatch.after !== null) {
-    return /* @__PURE__ */ React.createElement("div", { className: "h-full min-h-0 overflow-auto bg-background px-4 py-3" }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx("div", { className: "h-full min-h-0 overflow-auto bg-background px-4 py-3", children: /* @__PURE__ */ jsx(
       AnimatedDiffReveal,
       {
         before: livePatch.before,
@@ -16,12 +17,15 @@ function WorkingDocumentAgentDiff({
           replayKey: livePatch.latestCallId ?? "working-doc-diff"
         }
       }
-    ));
+    ) });
   }
   if (livePatch.hasPatch && livePatch.isStructural) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex h-full min-h-0 flex-col items-center justify-center gap-2 px-6 text-center" }, /* @__PURE__ */ React.createElement(FileText, { className: "h-7 w-7 text-muted-foreground/40" }), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-muted-foreground" }, "The agent applied a structured update."));
+    return /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 flex-col items-center justify-center gap-2 px-6 text-center", children: [
+      /* @__PURE__ */ jsx(FileText, { className: "h-7 w-7 text-muted-foreground/40" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "The agent applied a structured update." })
+    ] });
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, fallback);
+  return /* @__PURE__ */ jsx(Fragment, { children: fallback });
 }
 export {
   WorkingDocumentAgentDiff

package/dist/agents/components/working-document/WorkingDocumentEditor.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { useCallback, useRef } from "react";
 import { NoteEditorCore } from "../../../host/ui-slots.js";
 import { buildApplicationScopeFromMenuContext } from "../../../context-menu/utils/build-application-scope.js";
@@ -191,48 +192,48 @@ ${addition}` : addition);
       }
     };
   }, [onChange]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     SurfaceRuntimeProvider,
     {
       surfaceName: menuProps.surfaceName,
       getScope: getApplicationScope,
       isEditable: !readOnly,
-      getWriteHandlers
-    },
-    /* @__PURE__ */ React.createElement(
-      EditableContextMenu,
-      {
-        ...menuProps,
-        getTextarea: () => textareaRef.current,
-        getApplicationScope,
-        onTextReplace: (t) => onChange(t),
-        onTextInsertBefore: (t) => insertAtCursor(t, "before"),
-        onTextInsertAfter: (t) => insertAtCursor(t, "after"),
-        onContentInserted: () => {
-        }
-      },
-      /* @__PURE__ */ React.createElement("div", { className: className ?? "h-full min-h-0" }, /* @__PURE__ */ React.createElement(
-        NoteEditorCore,
+      getWriteHandlers,
+      children: /* @__PURE__ */ jsx(
+        EditableContextMenu,
         {
-          imagePolicy: "ai",
-          content: draft,
-          onChange: handleChange,
-          onChangeFlush: handleFlush,
-          editorMode,
-          textareaRef,
-          surfaceName: menuProps.surfaceName,
+          ...menuProps,
+          getTextarea: () => textareaRef.current,
           getApplicationScope,
-          placeholder: placeholder ?? "Ask the agent to draft this, or type here",
-          className: "h-full min-h-0",
-          showVoiceButton: !readOnly,
-          embedded: true,
-          readOnly,
-          resetKey: conversationId,
-          actionsSource,
-          previewActionsVariant: "none"
+          onTextReplace: (t) => onChange(t),
+          onTextInsertBefore: (t) => insertAtCursor(t, "before"),
+          onTextInsertAfter: (t) => insertAtCursor(t, "after"),
+          onContentInserted: () => {
+          },
+          children: /* @__PURE__ */ jsx("div", { className: className ?? "h-full min-h-0", children: /* @__PURE__ */ jsx(
+            NoteEditorCore,
+            {
+              imagePolicy: "ai",
+              content: draft,
+              onChange: handleChange,
+              onChangeFlush: handleFlush,
+              editorMode,
+              textareaRef,
+              surfaceName: menuProps.surfaceName,
+              getApplicationScope,
+              placeholder: placeholder ?? "Ask the agent to draft this, or type here",
+              className: "h-full min-h-0",
+              showVoiceButton: !readOnly,
+              embedded: true,
+              readOnly,
+              resetKey: conversationId,
+              actionsSource,
+              previewActionsVariant: "none"
+            }
+          ) })
         }
-      ))
-    )
+      )
+    }
   );
 }
 export {

package/dist/agents/components/working-document/WorkingDocumentLatestVersionDiff.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { GitCompare, Loader2 } from "lucide-react";
 import { AnimatedDiffReveal } from "@ai-matrx/diff/react";
@@ -28,22 +29,31 @@ function WorkingDocumentLatestVersionDiff({
   const before = isResolved ? resolved.content : null;
   const resolving = previousVersion != null && !isResolved;
   if (loading || resolving) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex h-full min-h-0 items-center justify-center gap-2 text-sm text-muted-foreground" }, /* @__PURE__ */ React.createElement(Loader2, { className: "h-4 w-4 animate-spin" }), "Loading changes\u2026");
+    return /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 items-center justify-center gap-2 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }),
+      "Loading changes\u2026"
+    ] });
   }
   if (error) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex h-full min-h-0 items-center justify-center px-6 text-center text-sm text-destructive" }, error, /* @__PURE__ */ React.createElement(ErrorAlchemyMenu, { error }));
+    return /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 items-center justify-center px-6 text-center text-sm text-destructive", children: [
+      error,
+      /* @__PURE__ */ jsx(ErrorAlchemyMenu, { error })
+    ] });
   }
   if (before !== null) {
-    return /* @__PURE__ */ React.createElement("div", { className: "h-full min-h-0 overflow-auto bg-background px-4 py-3" }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx("div", { className: "h-full min-h-0 overflow-auto bg-background px-4 py-3", children: /* @__PURE__ */ jsx(
       AnimatedDiffReveal,
       {
         before,
         after: currentContent,
         reveal: { active: false, replayKey: `wd-latest-${previousVersion}` }
       }
-    ));
+    ) });
   }
-  return /* @__PURE__ */ React.createElement("div", { className: "flex h-full min-h-0 flex-col items-center justify-center gap-2 px-6 text-center" }, /* @__PURE__ */ React.createElement(GitCompare, { className: "h-7 w-7 text-muted-foreground/40" }), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-muted-foreground" }, "No recent agent edits to show. Open version history to review earlier changes."));
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 flex-col items-center justify-center gap-2 px-6 text-center", children: [
+    /* @__PURE__ */ jsx(GitCompare, { className: "h-7 w-7 text-muted-foreground/40" }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "No recent agent edits to show. Open version history to review earlier changes." })
+  ] });
 }
 var WorkingDocumentLatestVersionDiff_default = WorkingDocumentLatestVersionDiff;
 export {