@invergent/agent-chat-react 2.15.6 → 2.15.7

package/dist/index.js

@@ -10160,7 +10160,7 @@ function SessionPaneCard({
         // and cancelling the bottom from a className leaves both rules live,
         // and which corner wins comes down to stylesheet order rather than
         // intent -- which is how the stacked cards kept round bottoms.
-        "flex w-full items-center gap-3 border border-line px-3 py-3.5 text-left transition-colors hover:bg-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        "flex w-full items-center gap-3 border px-3 pt-3.5 pb-5 text-left transition-colors hover:border-t-3 hover:border-r-3 hover:border-l-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
         className
       ),
       children: [
@@ -12713,7 +12713,7 @@ function ChatThread({
               subtitle: paneCards.browser.subtitle,
               thumbnail: paneCards.browser.thumbnail,
               onOpen: paneCards.browser.onOpen,
-              className: "w-auto rounded-t-xl border-b-0 -mb-px"
+              className: "w-auto rounded-t-xl border-input border-[2px] border-b-0 -mb-[10px]"
             }
           ),
           paneCards.files && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -12726,14 +12726,14 @@ function ChatThread({
                 count: paneCards.files.count,
                 expanded: paneCards.files.open,
                 onOpen: paneCards.files.onToggle,
-                className: "w-auto rounded-t-xl border-b-0 -mb-px"
+                className: "w-auto rounded-t-xl border-input border-[2px] border-b-0 -mb-[10px]"
               }
             ),
             paneCards.files.open && /* @__PURE__ */ jsx(
               "div",
               {
                 "data-testid": "files-accordion",
-                className: "-mb-px flex h-72 min-h-0 flex-col overflow-hidden border border-b-0 border-line",
+                className: "-mb-[10px] flex h-72 min-h-0 flex-col overflow-hidden border border-b-0 border-line",
                 children: paneCards.files.panel
               }
             )
@@ -18433,7 +18433,7 @@ function FileTree({
   return /* @__PURE__ */ jsx(FileTreeContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
     "div",
     {
-      className: cn("rounded-lg border bg-card text-base", className),
+      className: cn("rounded-lg border text-base", className),
       role: "tree",
       ...props,
       children: /* @__PURE__ */ jsx("div", { className: "p-2", children })
@@ -18557,9 +18557,6 @@ function FileTreeFile({
   );
 }
 var SKELETON_WIDTHS2 = [75, 60, 90, 65, 80, 70, 85, 55];
-var DEFAULT_WIDTH2 = 400;
-var MIN_WIDTH = 300;
-var MAX_WIDTH = 900;
 function collectExpandedPaths(entries, depth = 0) {
   const paths = [];
   for (const entry of entries) {
@@ -18670,8 +18667,7 @@ function WorkspacePanel({
   onSelectedPathChange,
   onOpenFile,
   refreshSignal = 0,
-  disabled = false,
-  fillParent = false
+  disabled = false
 }) {
   const fileInputRef = useRef(null);
   const [entries, setEntries] = useState([]);
@@ -18681,12 +18677,7 @@ function WorkspacePanel({
   const [uploading, setUploading] = useState(false);
   const [deleteTarget, setDeleteTarget] = useState(null);
   const [expandedPaths, setExpandedPaths] = useState(/* @__PURE__ */ new Set());
-  const [width, setWidth] = useState(DEFAULT_WIDTH2);
-  const narrow = useIsMobile();
   const sessionIdRef = useRef(sessionId);
-  const isResizing = useRef(false);
-  const startX = useRef(0);
-  const startWidth = useRef(DEFAULT_WIDTH2);
   sessionIdRef.current = sessionId;
   const fetchTree = useCallback(async () => {
     if (!sessionId) {
@@ -18805,171 +18796,131 @@ function WorkspacePanel({
       sessionId
     ]
   );
-  const onResizeStart = useCallback(
-    (event) => {
-      event.preventDefault();
-      isResizing.current = true;
-      startX.current = event.clientX;
-      startWidth.current = width;
-      document.body.style.cursor = "col-resize";
-      document.body.style.userSelect = "none";
-    },
-    [width]
-  );
-  useEffect(() => {
-    const onMouseMove = (event) => {
-      if (!isResizing.current) return;
-      const delta = startX.current - event.clientX;
-      setWidth(
-        Math.min(MAX_WIDTH, Math.max(MIN_WIDTH, startWidth.current + delta))
-      );
-    };
-    const onMouseUp = () => {
-      if (!isResizing.current) return;
-      isResizing.current = false;
-      document.body.style.cursor = "";
-      document.body.style.userSelect = "";
-    };
-    window.addEventListener("mousemove", onMouseMove);
-    window.addEventListener("mouseup", onMouseUp);
-    return () => {
-      window.removeEventListener("mousemove", onMouseMove);
-      window.removeEventListener("mouseup", onMouseUp);
-    };
-  }, []);
-  return /* @__PURE__ */ jsxs(
-    "aside",
-    {
-      "data-testid": "workspace-panel",
-      className: cn(
-        "relative z-10 flex h-full min-h-0 flex-col overflow-hidden bg-card",
-        // Filling a parent means the parent draws the frame; a border
-        // here would double against it.
-        !fillParent && "border-l border-muted-foreground/20",
-        (fillParent || narrow) && "w-full"
-      ),
-      style: fillParent || narrow ? void 0 : { width, minWidth: MIN_WIDTH, maxWidth: MAX_WIDTH },
-      children: [
-        !(fillParent || narrow) && /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "absolute inset-y-0 left-0 z-20 w-1.5 cursor-col-resize transition-colors hover:bg-primary/20 active:bg-primary/30",
-            onMouseDown: onResizeStart
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            ref: fileInputRef,
-            type: "file",
-            multiple: true,
-            className: "hidden",
-            disabled,
-            onChange: (event) => {
-              if (event.target.files) void handleUpload(event.target.files);
-            }
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2 border-b border-line px-3 py-1.5", children: [
-          /* @__PURE__ */ jsxs(Tooltip, { children: [
-            /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "ghost",
-                size: "icon-sm",
-                onClick: () => fileInputRef.current?.click(),
-                disabled: disabled || !sessionId || uploading,
-                "aria-label": "Upload files",
-                children: uploading ? /* @__PURE__ */ jsx(Loader2Icon, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsx(UploadIcon, { className: "size-4" })
+  return (
+    // Always fills its parent: the panel is the body of the Files
+    // accordion, which owns the frame and the height. The side-drawer
+    // it used to be — resize handle, min/max width, its own left
+    // border — went away with the drawer.
+    /* @__PURE__ */ jsxs(
+      "aside",
+      {
+        "data-testid": "workspace-panel",
+        className: "relative z-10 flex h-full border-input border-[2px] pb-[10px] border-b-0 min-h-0 w-full flex-col overflow-hidden",
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: fileInputRef,
+              type: "file",
+              multiple: true,
+              className: "hidden",
+              disabled,
+              onChange: (event) => {
+                if (event.target.files) void handleUpload(event.target.files);
               }
-            ) }),
-            /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", children: "Upload files" })
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2 border-b border-line px-3 py-1.5", children: [
+            /* @__PURE__ */ jsxs(Tooltip, { children: [
+              /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "icon-sm",
+                  onClick: () => fileInputRef.current?.click(),
+                  disabled: disabled || !sessionId || uploading,
+                  "aria-label": "Upload files",
+                  children: uploading ? /* @__PURE__ */ jsx(Loader2Icon, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsx(UploadIcon, { className: "size-4" })
+                }
+              ) }),
+              /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", children: "Upload files" })
+            ] }),
+            /* @__PURE__ */ jsxs(Tooltip, { children: [
+              /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "icon-sm",
+                  onClick: () => void fetchTree(),
+                  disabled: !sessionId || treeLoading,
+                  "aria-label": "Refresh workspace",
+                  children: /* @__PURE__ */ jsx(
+                    RefreshCwIcon,
+                    {
+                      className: cn("size-4", treeLoading && "animate-spin")
+                    }
+                  )
+                }
+              ) }),
+              /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", children: "Refresh" })
+            ] })
           ] }),
-          /* @__PURE__ */ jsxs(Tooltip, { children: [
-            /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-              Button,
+          notice && /* @__PURE__ */ jsx("div", { className: "border-b border-line px-3 py-2 text-xs text-muted-foreground", children: notice }),
+          /* @__PURE__ */ jsx(ScrollArea, { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsxs("div", { className: "px-1 py-1", children: [
+            treeLoading && entries.length === 0 && /* @__PURE__ */ jsx("div", { className: "space-y-1 p-2", children: Array.from({ length: 8 }).map((_, index) => /* @__PURE__ */ jsx(
+              Skeleton,
               {
-                variant: "ghost",
-                size: "icon-sm",
-                onClick: () => void fetchTree(),
-                disabled: !sessionId || treeLoading,
-                "aria-label": "Refresh workspace",
+                className: "h-5 rounded",
+                style: {
+                  width: `${SKELETON_WIDTHS2[index % SKELETON_WIDTHS2.length]}%`
+                }
+              },
+              index
+            )) }),
+            treeError && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 p-3 text-sm text-destructive", children: [
+              /* @__PURE__ */ jsx(AlertCircleIcon, { className: "mt-0.5 size-4 shrink-0" }),
+              /* @__PURE__ */ jsx("span", { children: treeError })
+            ] }),
+            !treeLoading && !treeError && entries.length === 0 && /* @__PURE__ */ jsxs("div", { className: "px-4 py-8 text-center text-sm text-faint", children: [
+              /* @__PURE__ */ jsx("p", { children: "No workspace files" }),
+              /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  variant: "outline",
+                  size: "sm",
+                  className: "mt-3 gap-1.5",
+                  onClick: () => fileInputRef.current?.click(),
+                  disabled: disabled || !sessionId,
+                  children: [
+                    /* @__PURE__ */ jsx(UploadIcon, { className: "size-3.5" }),
+                    "Upload files"
+                  ]
+                }
+              )
+            ] }),
+            entries.length > 0 && /* @__PURE__ */ jsx(
+              FileTree,
+              {
+                expanded: expandedPaths,
+                onExpandedChange: setExpandedPaths,
+                selectedPath,
+                onSelect: handleSelect,
+                className: "rounded-none border-0",
                 children: /* @__PURE__ */ jsx(
-                  RefreshCwIcon,
+                  RenderEntries,
                   {
-                    className: cn("size-4", treeLoading && "animate-spin")
+                    entries,
+                    onDelete: setDeleteTarget,
+                    downloadUrlFor: (path) => sessionId ? adapter.getWorkspaceDownloadUrl({ sessionId, path }) : "#"
                   }
                 )
               }
-            ) }),
-            /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", children: "Refresh" })
-          ] })
-        ] }),
-        notice && /* @__PURE__ */ jsx("div", { className: "border-b border-line px-3 py-2 text-xs text-muted-foreground", children: notice }),
-        /* @__PURE__ */ jsx(ScrollArea, { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsxs("div", { className: "px-1 py-1", children: [
-          treeLoading && entries.length === 0 && /* @__PURE__ */ jsx("div", { className: "space-y-1 p-2", children: Array.from({ length: 8 }).map((_, index) => /* @__PURE__ */ jsx(
-            Skeleton,
-            {
-              className: "h-5 rounded",
-              style: {
-                width: `${SKELETON_WIDTHS2[index % SKELETON_WIDTHS2.length]}%`
-              }
-            },
-            index
-          )) }),
-          treeError && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 p-3 text-sm text-destructive", children: [
-            /* @__PURE__ */ jsx(AlertCircleIcon, { className: "mt-0.5 size-4 shrink-0" }),
-            /* @__PURE__ */ jsx("span", { children: treeError })
-          ] }),
-          !treeLoading && !treeError && entries.length === 0 && /* @__PURE__ */ jsxs("div", { className: "px-4 py-8 text-center text-sm text-faint", children: [
-            /* @__PURE__ */ jsx("p", { children: "No workspace files" }),
-            /* @__PURE__ */ jsxs(
-              Button,
-              {
-                variant: "outline",
-                size: "sm",
-                className: "mt-3 gap-1.5",
-                onClick: () => fileInputRef.current?.click(),
-                disabled: disabled || !sessionId,
-                children: [
-                  /* @__PURE__ */ jsx(UploadIcon, { className: "size-3.5" }),
-                  "Upload files"
-                ]
-              }
             )
-          ] }),
-          entries.length > 0 && /* @__PURE__ */ jsx(
-            FileTree,
+          ] }) }),
+          /* @__PURE__ */ jsx(
+            ConfirmDialog2,
             {
-              expanded: expandedPaths,
-              onExpandedChange: setExpandedPaths,
-              selectedPath,
-              onSelect: handleSelect,
-              className: "rounded-none border-0",
-              children: /* @__PURE__ */ jsx(
-                RenderEntries,
-                {
-                  entries,
-                  onDelete: setDeleteTarget,
-                  downloadUrlFor: (path) => sessionId ? adapter.getWorkspaceDownloadUrl({ sessionId, path }) : "#"
-                }
-              )
+              open: deleteTarget !== null,
+              title: "Delete file?",
+              description: `This will permanently delete ${deleteTarget?.split("/").pop() ?? "this file"} from the workspace.`,
+              confirmLabel: "Delete",
+              onConfirm: () => deleteTarget ? handleDelete(deleteTarget) : Promise.resolve(),
+              onCancel: () => setDeleteTarget(null)
             }
           )
-        ] }) }),
-        /* @__PURE__ */ jsx(
-          ConfirmDialog2,
-          {
-            open: deleteTarget !== null,
-            title: "Delete file?",
-            description: `This will permanently delete ${deleteTarget?.split("/").pop() ?? "this file"} from the workspace.`,
-            confirmLabel: "Delete",
-            onConfirm: () => deleteTarget ? handleDelete(deleteTarget) : Promise.resolve(),
-            onCancel: () => setDeleteTarget(null)
-          }
-        )
-      ]
-    }
+        ]
+      }
+    )
   );
 }
 function ConfirmDialog2({
@@ -19297,8 +19248,7 @@ function AgentChat({
                             onSelectedPathChange: handleSelectedPathChange,
                             onOpenFile: handleOpenFilePreview,
                             refreshSignal: runtime.workspaceRefreshKey,
-                            disabled: effectiveDisabled,
-                            fillParent: true
+                            disabled: effectiveDisabled
                           }
                         )
                       } : null