@industry-theme/alexandria-panels 0.1.33 → 0.1.35

package/dist/panels.bundle.js

@@ -140,7 +140,7 @@ const createLucideIcon = (iconName, iconNode) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$B = [
+const __iconNode$z = [
   ["path", { d: "M10 12h4", key: "a56b0p" }],
   ["path", { d: "M10 8h4", key: "1sr2af" }],
   ["path", { d: "M14 21v-3a2 2 0 0 0-4 0v3", key: "1rgiei" }],
@@ -153,71 +153,71 @@ const __iconNode$B = [
   ],
   ["path", { d: "M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16", key: "16ra0t" }]
 ];
-const Building2 = createLucideIcon("building-2", __iconNode$B);
+const Building2 = createLucideIcon("building-2", __iconNode$z);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$A = [
+const __iconNode$y = [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
   ["path", { d: "M3 10h18", key: "8toen8" }]
 ];
-const Calendar = createLucideIcon("calendar", __iconNode$A);
+const Calendar = createLucideIcon("calendar", __iconNode$y);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$z = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$z);
+const __iconNode$x = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$x);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$y = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$y);
+const __iconNode$w = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$w);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$x = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$x);
+const __iconNode$v = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$v);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$w = [
+const __iconNode$u = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
 ];
-const CircleAlert = createLucideIcon("circle-alert", __iconNode$w);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$u);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$v = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
-const Circle = createLucideIcon("circle", __iconNode$v);
+const __iconNode$t = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
+const Circle = createLucideIcon("circle", __iconNode$t);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$u = [
+const __iconNode$s = [
   ["path", { d: "m2 2 20 20", key: "1ooewy" }],
   ["path", { d: "M5.782 5.782A7 7 0 0 0 9 19h8.5a4.5 4.5 0 0 0 1.307-.193", key: "yfwify" }],
   [
@@ -225,85 +225,71 @@ const __iconNode$u = [
     { d: "M21.532 16.5A4.5 4.5 0 0 0 17.5 10h-1.79A7.008 7.008 0 0 0 10 5.07", key: "jlfiyv" }
   ]
 ];
-const CloudOff = createLucideIcon("cloud-off", __iconNode$u);
+const CloudOff = createLucideIcon("cloud-off", __iconNode$s);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$t = [
+const __iconNode$r = [
   ["path", { d: "M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z", key: "p7xjir" }]
 ];
-const Cloud = createLucideIcon("cloud", __iconNode$t);
+const Cloud = createLucideIcon("cloud", __iconNode$r);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$s = [
+const __iconNode$q = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ];
-const Copy = createLucideIcon("copy", __iconNode$s);
+const Copy = createLucideIcon("copy", __iconNode$q);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$r = [
+const __iconNode$p = [
   ["path", { d: "M10 12h.01", key: "1kxr2c" }],
   ["path", { d: "M18 20V6a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v14", key: "36qu9e" }],
   ["path", { d: "M2 20h20", key: "owomy5" }]
 ];
-const DoorClosed = createLucideIcon("door-closed", __iconNode$r);
+const DoorClosed = createLucideIcon("door-closed", __iconNode$p);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$q = [
+const __iconNode$o = [
   ["path", { d: "M12 15V3", key: "m9g1x1" }],
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
   ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
 ];
-const Download = createLucideIcon("download", __iconNode$q);
+const Download = createLucideIcon("download", __iconNode$o);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$p = [
+const __iconNode$n = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
 ];
-const ExternalLink = createLucideIcon("external-link", __iconNode$p);
-/**
- * @license lucide-react v0.552.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const __iconNode$o = [
-  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }],
-  ["path", { d: "M3 7V5a2 2 0 0 1 2-2h2", key: "aa7l1z" }],
-  ["path", { d: "M17 3h2a2 2 0 0 1 2 2v2", key: "4qcy5o" }],
-  ["path", { d: "M21 17v2a2 2 0 0 1-2 2h-2", key: "6vwrx8" }],
-  ["path", { d: "M7 21H5a2 2 0 0 1-2-2v-2", key: "ioqczr" }]
-];
-const Focus = createLucideIcon("focus", __iconNode$o);
+const ExternalLink = createLucideIcon("external-link", __iconNode$n);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$n = [
+const __iconNode$m = [
   [
     "path",
     {
@@ -315,14 +301,14 @@ const __iconNode$n = [
   ["path", { d: "M18 19c-2.8 0-5-2.2-5-5v8", key: "pkpw2h" }],
   ["circle", { cx: "20", cy: "19", r: "2", key: "1obnsp" }]
 ];
-const FolderGit2 = createLucideIcon("folder-git-2", __iconNode$n);
+const FolderGit2 = createLucideIcon("folder-git-2", __iconNode$m);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$m = [
+const __iconNode$l = [
   [
     "path",
     {
@@ -331,14 +317,14 @@ const __iconNode$m = [
     }
   ]
 ];
-const FolderOpen = createLucideIcon("folder-open", __iconNode$m);
+const FolderOpen = createLucideIcon("folder-open", __iconNode$l);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$l = [
+const __iconNode$k = [
   ["path", { d: "M12 10v6", key: "1bos4e" }],
   ["path", { d: "M9 13h6", key: "1uhe8q" }],
   [
@@ -349,14 +335,14 @@ const __iconNode$l = [
     }
   ]
 ];
-const FolderPlus = createLucideIcon("folder-plus", __iconNode$l);
+const FolderPlus = createLucideIcon("folder-plus", __iconNode$k);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$k = [
+const __iconNode$j = [
   [
     "path",
     {
@@ -365,41 +351,41 @@ const __iconNode$k = [
     }
   ]
 ];
-const Folder = createLucideIcon("folder", __iconNode$k);
+const Folder = createLucideIcon("folder", __iconNode$j);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$j = [
+const __iconNode$i = [
   ["line", { x1: "6", x2: "6", y1: "3", y2: "15", key: "17qcm7" }],
   ["circle", { cx: "18", cy: "6", r: "3", key: "1h7g24" }],
   ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }],
   ["path", { d: "M18 9a9 9 0 0 1-9 9", key: "n2h4wq" }]
 ];
-const GitBranch = createLucideIcon("git-branch", __iconNode$j);
+const GitBranch = createLucideIcon("git-branch", __iconNode$i);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$i = [
+const __iconNode$h = [
   ["circle", { cx: "12", cy: "18", r: "3", key: "1mpf1b" }],
   ["circle", { cx: "6", cy: "6", r: "3", key: "1lh9wr" }],
   ["circle", { cx: "18", cy: "6", r: "3", key: "1h7g24" }],
   ["path", { d: "M18 9v2c0 .6-.4 1-1 1H7c-.6 0-1-.4-1-1V9", key: "1uq4wg" }],
   ["path", { d: "M12 12v3", key: "158kv8" }]
 ];
-const GitFork = createLucideIcon("git-fork", __iconNode$i);
+const GitFork = createLucideIcon("git-fork", __iconNode$h);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$h = [
+const __iconNode$g = [
   ["path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8", key: "5wwlr5" }],
   [
     "path",
@@ -409,14 +395,14 @@ const __iconNode$h = [
     }
   ]
 ];
-const House = createLucideIcon("house", __iconNode$h);
+const House = createLucideIcon("house", __iconNode$g);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$g = [
+const __iconNode$f = [
   [
     "path",
     {
@@ -439,44 +425,44 @@ const __iconNode$g = [
     }
   ]
 ];
-const Layers = createLucideIcon("layers", __iconNode$g);
+const Layers = createLucideIcon("layers", __iconNode$f);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$f = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-const LoaderCircle = createLucideIcon("loader-circle", __iconNode$f);
+const __iconNode$e = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __iconNode$e);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$e = [
+const __iconNode$d = [
   ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", key: "1w4ew1" }],
   ["path", { d: "M7 11V7a5 5 0 0 1 10 0v4", key: "fwvmzm" }]
 ];
-const Lock = createLucideIcon("lock", __iconNode$e);
+const Lock = createLucideIcon("lock", __iconNode$d);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$d = [
+const __iconNode$c = [
   ["path", { d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7", key: "132q7q" }],
   ["rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", key: "izxlao" }]
 ];
-const Mail = createLucideIcon("mail", __iconNode$d);
+const Mail = createLucideIcon("mail", __iconNode$c);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$c = [
+const __iconNode$b = [
   [
     "path",
     {
@@ -486,18 +472,7 @@ const __iconNode$c = [
   ],
   ["circle", { cx: "12", cy: "10", r: "3", key: "ilqhr7" }]
 ];
-const MapPin = createLucideIcon("map-pin", __iconNode$c);
-/**
- * @license lucide-react v0.552.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const __iconNode$b = [
-  ["path", { d: "M8 6L12 2L16 6", key: "1yvkyx" }],
-  ["path", { d: "M12 2V22", key: "r89rzk" }]
-];
-const MoveUp = createLucideIcon("move-up", __iconNode$b);
+const MapPin = createLucideIcon("map-pin", __iconNode$b);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -735,7 +710,7 @@ const LocalProjectCard = ({
   workspacePath,
   userHomePath
 }) => {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d;
   const { theme } = useTheme();
   const [isHovered, setIsHovered] = useState(false);
   const [copiedPath, setCopiedPath] = useState(false);
@@ -759,40 +734,6 @@ const LocalProjectCard = ({
   const handleDoubleClick = () => {
     onOpen == null ? void 0 : onOpen(entry);
   };
-  const handleOpenClick = (e) => {
-    e.stopPropagation();
-    onOpen == null ? void 0 : onOpen(entry);
-  };
-  const handleRemoveClick = (e) => {
-    e.stopPropagation();
-    onRemove == null ? void 0 : onRemove(entry);
-  };
-  const handleAddToWorkspaceClick = (e) => {
-    e.stopPropagation();
-    onAddToWorkspace == null ? void 0 : onAddToWorkspace(entry);
-  };
-  const handleRemoveFromWorkspaceClick = async (e) => {
-    e.stopPropagation();
-    try {
-      setIsRemoving(true);
-      onRemoveFromWorkspace == null ? void 0 : onRemoveFromWorkspace(entry);
-    } finally {
-      setIsRemoving(false);
-    }
-  };
-  const handleMoveToWorkspaceClick = async (e) => {
-    e.stopPropagation();
-    try {
-      setIsMoving(true);
-      onMoveToWorkspace == null ? void 0 : onMoveToWorkspace(entry);
-    } finally {
-      setIsMoving(false);
-    }
-  };
-  const handleTrackClick = (e) => {
-    e.stopPropagation();
-    onTrack == null ? void 0 : onTrack(entry);
-  };
   const handleCopyPath = async (e) => {
     e.stopPropagation();
     try {
@@ -803,220 +744,6 @@ const LocalProjectCard = ({
       console.error("Failed to copy path:", err);
     }
   };
-  const actionButtonStyle = {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: "4px",
-    flex: 1,
-    height: "24px",
-    padding: "0 8px",
-    border: "none",
-    borderRadius: "4px",
-    backgroundColor: "transparent",
-    color: theme.colors.textSecondary,
-    cursor: "pointer",
-    fontSize: `${theme.fontSizes[1]}px`,
-    fontFamily: theme.fonts.body,
-    transition: "all 0.15s ease"
-  };
-  const handleButtonHover = (e, isDestructive = false) => {
-    if (isDestructive) {
-      e.currentTarget.style.backgroundColor = `${theme.colors.error || "#ef4444"}15`;
-      e.currentTarget.style.color = theme.colors.error || "#ef4444";
-    } else {
-      e.currentTarget.style.backgroundColor = theme.colors.backgroundTertiary;
-      e.currentTarget.style.color = theme.colors.text;
-    }
-  };
-  const handleButtonLeave = (e, defaultColor) => {
-    e.currentTarget.style.backgroundColor = "transparent";
-    e.currentTarget.style.color = defaultColor || theme.colors.textSecondary;
-  };
-  const renderActionButtons = () => {
-    if (actionMode === "add-to-workspace") {
-      return /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          onClick: handleAddToWorkspaceClick,
-          disabled: isLoading,
-          title: "Add to workspace",
-          style: actionButtonStyle,
-          onMouseEnter: (e) => handleButtonHover(e),
-          onMouseLeave: (e) => handleButtonLeave(e),
-          children: [
-            isLoading ? /* @__PURE__ */ jsx(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx(Plus, { size: 14 }),
-            /* @__PURE__ */ jsx("span", { children: "Add" })
-          ]
-        }
-      );
-    }
-    if (actionMode === "workspace") {
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        isInWorkspaceDirectory === false && onMoveToWorkspace && /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            onClick: handleMoveToWorkspaceClick,
-            disabled: isMoving,
-            title: "Move to workspace directory",
-            style: actionButtonStyle,
-            onMouseEnter: (e) => handleButtonHover(e),
-            onMouseLeave: (e) => handleButtonLeave(e),
-            children: [
-              isMoving ? /* @__PURE__ */ jsx(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx(MoveUp, { size: 14 }),
-              /* @__PURE__ */ jsx("span", { children: "Move" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            onClick: handleCopyPath,
-            title: copiedPath ? "Copied!" : `Copy path: ${entry.path}`,
-            style: {
-              ...actionButtonStyle,
-              color: copiedPath ? theme.colors.success || "#10b981" : theme.colors.textSecondary
-            },
-            onMouseEnter: (e) => handleButtonHover(e),
-            onMouseLeave: (e) => handleButtonLeave(e, copiedPath ? theme.colors.success || "#10b981" : void 0),
-            children: [
-              copiedPath ? /* @__PURE__ */ jsx(Check, { size: 14 }) : /* @__PURE__ */ jsx(Copy, { size: 14 }),
-              /* @__PURE__ */ jsx("span", { children: copiedPath ? "Copied" : "Copy" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            onClick: handleOpenClick,
-            title: "Open repository",
-            style: actionButtonStyle,
-            onMouseEnter: (e) => handleButtonHover(e),
-            onMouseLeave: (e) => handleButtonLeave(e),
-            children: [
-              /* @__PURE__ */ jsx(FolderOpen, { size: 14 }),
-              /* @__PURE__ */ jsx("span", { children: "Open" })
-            ]
-          }
-        ),
-        onRemoveFromWorkspace && /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            onClick: handleRemoveFromWorkspaceClick,
-            disabled: isRemoving,
-            title: "Remove from workspace",
-            style: actionButtonStyle,
-            onMouseEnter: (e) => handleButtonHover(e, true),
-            onMouseLeave: (e) => handleButtonLeave(e),
-            children: [
-              isRemoving ? /* @__PURE__ */ jsx(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx(X, { size: 14 }),
-              /* @__PURE__ */ jsx("span", { children: "Remove" })
-            ]
-          }
-        )
-      ] });
-    }
-    if (actionMode === "discovered") {
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            onClick: handleTrackClick,
-            disabled: isLoading,
-            title: "Track this repository",
-            style: {
-              ...actionButtonStyle,
-              backgroundColor: theme.colors.primary,
-              color: theme.colors.background
-            },
-            onMouseEnter: (e) => {
-              e.currentTarget.style.opacity = "0.9";
-            },
-            onMouseLeave: (e) => {
-              e.currentTarget.style.opacity = "1";
-            },
-            children: [
-              isLoading ? /* @__PURE__ */ jsx(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx(Plus, { size: 14 }),
-              /* @__PURE__ */ jsx("span", { children: "Track" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            onClick: handleOpenClick,
-            title: "Open repository",
-            style: actionButtonStyle,
-            onMouseEnter: (e) => handleButtonHover(e),
-            onMouseLeave: (e) => handleButtonLeave(e),
-            children: [
-              /* @__PURE__ */ jsx(FolderOpen, { size: 14 }),
-              /* @__PURE__ */ jsx("span", { children: "Open" })
-            ]
-          }
-        )
-      ] });
-    }
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          onClick: handleCopyPath,
-          title: copiedPath ? "Copied!" : `Copy path: ${entry.path}`,
-          style: {
-            ...actionButtonStyle,
-            color: copiedPath ? theme.colors.success || "#10b981" : theme.colors.textSecondary
-          },
-          onMouseEnter: (e) => handleButtonHover(e),
-          onMouseLeave: (e) => handleButtonLeave(e, copiedPath ? theme.colors.success || "#10b981" : void 0),
-          children: [
-            copiedPath ? /* @__PURE__ */ jsx(Check, { size: 14 }) : /* @__PURE__ */ jsx(Copy, { size: 14 }),
-            /* @__PURE__ */ jsx("span", { children: copiedPath ? "Copied" : "Copy" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          onClick: handleOpenClick,
-          title: windowState === "ready" ? "Focus window" : windowState === "opening" ? "Window is opening..." : "Open locally",
-          disabled: windowState === "opening",
-          style: actionButtonStyle,
-          onMouseEnter: (e) => handleButtonHover(e),
-          onMouseLeave: (e) => handleButtonLeave(e),
-          children: [
-            windowState === "ready" ? /* @__PURE__ */ jsx(Focus, { size: 14 }) : windowState === "opening" ? /* @__PURE__ */ jsx(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx(FolderOpen, { size: 14 }),
-            /* @__PURE__ */ jsx("span", { children: windowState === "ready" ? "Focus" : "Open" })
-          ]
-        }
-      ),
-      actionMode === "default" && onRemove && /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          onClick: handleRemoveClick,
-          disabled: isLoading,
-          title: "Remove from local projects",
-          style: actionButtonStyle,
-          onMouseEnter: (e) => handleButtonHover(e, true),
-          onMouseLeave: (e) => handleButtonLeave(e),
-          children: [
-            isLoading ? /* @__PURE__ */ jsx(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx(X, { size: 14 }),
-            /* @__PURE__ */ jsx("span", { children: "Remove" })
-          ]
-        }
-      )
-    ] });
-  };
   const cardStyle = {
     display: "flex",
     flexDirection: "row",
@@ -1128,49 +855,54 @@ const LocalProjectCard = ({
               /* @__PURE__ */ jsxs(
                 "div",
                 {
+                  onClick: handleCopyPath,
                   style: {
                     display: "flex",
                     alignItems: "center",
+                    gap: "6px",
                     minHeight: "24px",
-                    position: "relative"
+                    cursor: "pointer",
+                    padding: "2px 0"
                   },
+                  title: copiedPath ? "Copied!" : `Click to copy: ${entry.path}`,
                   children: [
                     /* @__PURE__ */ jsx(
-                      "div",
+                      "span",
                       {
                         style: {
                           flex: 1,
                           fontSize: `${theme.fontSizes[1]}px`,
-                          color: theme.colors.textSecondary,
+                          color: copiedPath ? theme.colors.success || "#10b981" : theme.colors.textSecondary,
                           lineHeight: 1.4,
                           whiteSpace: "nowrap",
                           overflow: "hidden",
                           textOverflow: "ellipsis",
                           minWidth: 0,
-                          opacity: isHovered ? 0 : 1,
-                          transition: "opacity 0.15s ease"
+                          transition: "color 0.15s ease"
                         },
-                        title: ((_e = entry.github) == null ? void 0 : _e.description) || displayPath,
-                        children: ((_f = entry.github) == null ? void 0 : _f.description) || displayPath
+                        children: copiedPath ? "✓ Copied!" : displayPath
                       }
                     ),
-                    /* @__PURE__ */ jsx(
-                      "div",
+                    !copiedPath && /* @__PURE__ */ jsx(
+                      Copy,
                       {
+                        size: 12,
                         style: {
-                          position: "absolute",
-                          left: 0,
-                          right: 0,
-                          top: 0,
-                          bottom: 0,
-                          display: "flex",
-                          alignItems: "center",
-                          gap: "4px",
+                          color: theme.colors.textSecondary,
+                          flexShrink: 0,
                           opacity: isHovered ? 1 : 0,
-                          pointerEvents: isHovered ? "auto" : "none",
                           transition: "opacity 0.15s ease"
-                        },
-                        children: renderActionButtons()
+                        }
+                      }
+                    ),
+                    copiedPath && /* @__PURE__ */ jsx(
+                      Check,
+                      {
+                        size: 12,
+                        style: {
+                          color: theme.colors.success || "#10b981",
+                          flexShrink: 0
+                        }
                       }
                     )
                   ]
@@ -1206,13 +938,14 @@ const LocalProjectsPanelContent = ({
   const [windowStates, setWindowStates] = useState(/* @__PURE__ */ new Map());
   const [sortByOrg, setSortByOrg] = useState(false);
   const handleToggleSearch = useCallback(() => {
+    if (defaultShowSearch) return;
     setShowSearch((prev) => {
       if (prev) {
         setFilter("");
       }
       return !prev;
     });
-  }, []);
+  }, [defaultShowSearch]);
   const handleClearFilter = useCallback(() => {
     setFilter("");
   }, []);
@@ -1455,20 +1188,171 @@ const LocalProjectsPanelContent = ({
     ) });
   }
   return /* @__PURE__ */ jsxs("div", { className: "local-projects-panel", style: contentContainerStyle, children: [
-    /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(
       "div",
       {
         style: {
           position: "relative",
           height: "40px",
           minHeight: "40px",
-          padding: "0 16px",
+          padding: defaultShowSearch && showSearch ? "0 16px 0 8px" : "0 16px",
           borderBottom: `1px solid ${theme.colors.border}`,
           display: "flex",
           alignItems: "center",
           boxSizing: "border-box"
         },
-        children: [
+        children: defaultShowSearch && showSearch ? /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "8px",
+              width: "100%"
+            },
+            children: [
+              /* @__PURE__ */ jsxs("div", { style: { position: "relative", flex: 1, display: "flex", alignItems: "center" }, children: [
+                /* @__PURE__ */ jsx(
+                  Search,
+                  {
+                    size: 16,
+                    color: theme.colors.textSecondary,
+                    style: {
+                      position: "absolute",
+                      left: "10px",
+                      pointerEvents: "none"
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "text",
+                    className: "search-input",
+                    placeholder: "Filter local projects...",
+                    value: filter,
+                    onChange: (e) => setFilter(e.target.value),
+                    autoFocus: true,
+                    style: {
+                      width: "100%",
+                      padding: "6px 32px 6px 32px",
+                      fontSize: `${theme.fontSizes[1]}px`,
+                      color: theme.colors.text,
+                      backgroundColor: theme.colors.background,
+                      border: `1px solid ${theme.colors.border}`,
+                      borderRadius: "4px",
+                      outline: "none",
+                      fontFamily: theme.fonts.body,
+                      transition: "border-color 0.2s ease",
+                      ["--theme-primary"]: theme.colors.primary
+                    }
+                  }
+                ),
+                filter && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    className: "clear-filter-button",
+                    onClick: handleClearFilter,
+                    style: {
+                      position: "absolute",
+                      right: "8px",
+                      background: "none",
+                      border: "none",
+                      cursor: "pointer",
+                      padding: "4px",
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      color: theme.colors.textSecondary,
+                      ["--theme-text"]: theme.colors.text
+                    },
+                    children: /* @__PURE__ */ jsx(X, { size: 16 })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: () => setSortByOrg(!sortByOrg),
+                    title: sortByOrg ? "Sort by: Last opened, then organization" : "Sort by: Last opened, then name",
+                    style: {
+                      padding: "4px 8px",
+                      height: "30px",
+                      borderRadius: "4px",
+                      border: `1px solid ${theme.colors.border}`,
+                      backgroundColor: theme.colors.backgroundSecondary,
+                      color: sortByOrg ? theme.colors.primary : theme.colors.textSecondary,
+                      cursor: "pointer",
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      transition: "all 0.15s",
+                      flexShrink: 0
+                    },
+                    children: sortByOrg ? /* @__PURE__ */ jsx(Building2, { size: 16 }) : /* @__PURE__ */ jsx(FolderGit2, { size: 16 })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: handleScanForRepos,
+                    disabled: isScanning,
+                    title: "Scan for repositories",
+                    style: {
+                      padding: "4px 8px",
+                      height: "30px",
+                      borderRadius: "4px",
+                      border: `1px solid ${theme.colors.border}`,
+                      backgroundColor: theme.colors.backgroundSecondary,
+                      color: theme.colors.textSecondary,
+                      cursor: isScanning ? "default" : "pointer",
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      opacity: isScanning ? 0.6 : 1,
+                      transition: "all 0.2s",
+                      flexShrink: 0
+                    },
+                    children: /* @__PURE__ */ jsx(
+                      RefreshCw,
+                      {
+                        size: 16,
+                        style: {
+                          animation: isScanning ? "spin 1s linear infinite" : "none"
+                        }
+                      }
+                    )
+                  }
+                ),
+                panelActions.selectDirectory && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: handleAddProject,
+                    disabled: isAdding,
+                    title: "Add existing project",
+                    style: {
+                      padding: "4px 8px",
+                      height: "30px",
+                      borderRadius: "4px",
+                      border: "none",
+                      backgroundColor: theme.colors.primary,
+                      color: theme.colors.background,
+                      cursor: isAdding ? "default" : "pointer",
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      opacity: isAdding ? 0.6 : 1,
+                      transition: "opacity 0.2s",
+                      flexShrink: 0
+                    },
+                    children: /* @__PURE__ */ jsx(Plus, { size: 16 })
+                  }
+                )
+              ] })
+            ]
+          }
+        ) : /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs(
             "div",
             {
@@ -1536,10 +1420,11 @@ const LocalProjectsPanelContent = ({
                       onClick: () => setSortByOrg(!sortByOrg),
                       title: sortByOrg ? "Sort by: Last opened, then organization" : "Sort by: Last opened, then name",
                       style: {
-                        padding: "4px",
+                        padding: "4px 8px",
+                        height: "30px",
                         borderRadius: "4px",
-                        border: `1px solid ${sortByOrg ? theme.colors.border : "transparent"}`,
-                        backgroundColor: sortByOrg ? theme.colors.backgroundSecondary : "none",
+                        border: `1px solid ${theme.colors.border}`,
+                        backgroundColor: theme.colors.backgroundSecondary,
                         color: sortByOrg ? theme.colors.primary : theme.colors.textSecondary,
                         cursor: "pointer",
                         display: "flex",
@@ -1558,7 +1443,8 @@ const LocalProjectsPanelContent = ({
                       disabled: isScanning,
                       title: "Scan for repositories",
                       style: {
-                        padding: "4px",
+                        padding: "4px 8px",
+                        height: "30px",
                         borderRadius: "4px",
                         border: `1px solid ${theme.colors.border}`,
                         backgroundColor: theme.colors.backgroundSecondary,
@@ -1589,7 +1475,8 @@ const LocalProjectsPanelContent = ({
                       disabled: isAdding,
                       title: "Add existing project",
                       style: {
-                        padding: "4px",
+                        padding: "4px 8px",
+                        height: "30px",
                         borderRadius: "4px",
                         border: "none",
                         backgroundColor: theme.colors.primary,
@@ -1609,7 +1496,7 @@ const LocalProjectsPanelContent = ({
               ]
             }
           ),
-          showSearch && /* @__PURE__ */ jsxs(
+          showSearch && !defaultShowSearch && /* @__PURE__ */ jsxs(
             "div",
             {
               className: "search-overlay",
@@ -1707,7 +1594,7 @@ const LocalProjectsPanelContent = ({
               ]
             }
           )
-        ]
+        ] })
       }
     ),
     /* @__PURE__ */ jsxs(
@@ -2675,6 +2562,15 @@ const WorkspacesListPanelContent = ({
   const [workspaceRepositories, setWorkspaceRepositories] = useState(
     /* @__PURE__ */ new Map()
   );
+  const handleToggleSearch = useCallback(() => {
+    if (defaultShowSearch) return;
+    setShowSearchBox((prev) => {
+      if (prev) {
+        setSearchQuery("");
+      }
+      return !prev;
+    });
+  }, [defaultShowSearch]);
   const panelActions = actions;
   const workspacesSlice = context.getSlice("workspaces");
   const workspaces = useMemo(
@@ -2899,20 +2795,109 @@ const WorkspacesListPanelContent = ({
     ) });
   }
   return /* @__PURE__ */ jsxs("div", { style: contentContainerStyle, children: [
-    /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(
       "div",
       {
         style: {
           position: "relative",
           height: "40px",
           minHeight: "40px",
-          padding: "0 16px",
+          padding: defaultShowSearch && showSearchBox ? "0 16px 0 8px" : "0 16px",
           borderBottom: `1px solid ${theme.colors.border}`,
           display: "flex",
           alignItems: "center",
           boxSizing: "border-box"
         },
-        children: [
+        children: defaultShowSearch && showSearchBox ? /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "8px",
+              width: "100%"
+            },
+            children: [
+              /* @__PURE__ */ jsxs("div", { style: { position: "relative", flex: 1, display: "flex", alignItems: "center" }, children: [
+                /* @__PURE__ */ jsx(
+                  Search,
+                  {
+                    size: 16,
+                    color: theme.colors.textSecondary,
+                    style: {
+                      position: "absolute",
+                      left: "10px",
+                      pointerEvents: "none"
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "text",
+                    placeholder: "Filter workspaces...",
+                    value: searchQuery,
+                    onChange: (e) => setSearchQuery(e.target.value),
+                    autoFocus: true,
+                    style: {
+                      width: "100%",
+                      padding: "6px 32px 6px 32px",
+                      fontSize: `${theme.fontSizes[1]}px`,
+                      color: theme.colors.text,
+                      backgroundColor: theme.colors.background,
+                      border: `1px solid ${theme.colors.border}`,
+                      borderRadius: "4px",
+                      outline: "none",
+                      fontFamily: theme.fonts.body,
+                      transition: "border-color 0.2s ease",
+                      ["--theme-primary"]: theme.colors.primary
+                    }
+                  }
+                ),
+                searchQuery && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: () => setSearchQuery(""),
+                    style: {
+                      position: "absolute",
+                      right: "8px",
+                      background: "none",
+                      border: "none",
+                      cursor: "pointer",
+                      padding: "4px",
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      color: theme.colors.textSecondary
+                    },
+                    title: "Clear search",
+                    children: /* @__PURE__ */ jsx(X, { size: 16 })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: handleCreateWorkspace,
+                  style: {
+                    padding: "4px 8px",
+                    height: "30px",
+                    borderRadius: "4px",
+                    border: "none",
+                    backgroundColor: theme.colors.primary,
+                    color: theme.colors.background,
+                    cursor: "pointer",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center"
+                  },
+                  title: "Create new workspace",
+                  children: /* @__PURE__ */ jsx(Plus, { size: 16 })
+                }
+              ) })
+            ]
+          }
+        ) : /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs(
             "div",
             {
@@ -2956,18 +2941,14 @@ const WorkspacesListPanelContent = ({
                   /* @__PURE__ */ jsx(
                     "button",
                     {
-                      onClick: () => {
-                        setShowSearchBox(!showSearchBox);
-                        if (showSearchBox) {
-                          setSearchQuery("");
-                        }
-                      },
+                      onClick: handleToggleSearch,
                       style: {
                         background: showSearchBox ? theme.colors.backgroundSecondary : "none",
                         border: `1px solid ${showSearchBox ? theme.colors.border : "transparent"}`,
                         borderRadius: "4px",
                         cursor: "pointer",
-                        padding: "4px",
+                        padding: "4px 8px",
+                        height: "30px",
                         display: "flex",
                         alignItems: "center",
                         justifyContent: "center",
@@ -2982,7 +2963,8 @@ const WorkspacesListPanelContent = ({
                     {
                       onClick: handleCreateWorkspace,
                       style: {
-                        padding: "4px",
+                        padding: "4px 8px",
+                        height: "30px",
                         borderRadius: "4px",
                         border: "none",
                         backgroundColor: theme.colors.primary,
@@ -3000,7 +2982,7 @@ const WorkspacesListPanelContent = ({
               ]
             }
           ),
-          showSearchBox && /* @__PURE__ */ jsxs(
+          showSearchBox && !defaultShowSearch && /* @__PURE__ */ jsxs(
             "div",
             {
               style: {
@@ -3074,10 +3056,7 @@ const WorkspacesListPanelContent = ({
                 /* @__PURE__ */ jsx(
                   "button",
                   {
-                    onClick: () => {
-                      setShowSearchBox(false);
-                      setSearchQuery("");
-                    },
+                    onClick: handleToggleSearch,
                     style: {
                       background: "none",
                       border: "none",
@@ -3096,7 +3075,7 @@ const WorkspacesListPanelContent = ({
               ]
             }
           )
-        ]
+        ] })
       }
     ),
     /* @__PURE__ */ jsxs(
@@ -3444,13 +3423,14 @@ const WorkspaceCollectionPanelContent = ({
   const [filter, setFilter] = useState("");
   const [showSearch, setShowSearch] = useState(defaultShowSearch);
   const handleToggleSearch = useCallback(() => {
+    if (defaultShowSearch) return;
     setShowSearch((prev) => {
       if (prev) {
         setFilter("");
       }
       return !prev;
     });
-  }, []);
+  }, [defaultShowSearch]);
   const handleClearFilter = useCallback(() => {
     setFilter("");
   }, []);
@@ -3730,20 +3710,112 @@ const WorkspaceCollectionPanelContent = ({
     ) });
   }
   return /* @__PURE__ */ jsxs("div", { style: contentContainerStyle, children: [
-    /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(
       "div",
       {
         style: {
           position: "relative",
           height: "40px",
           minHeight: "40px",
-          padding: "0 16px",
+          padding: defaultShowSearch && showSearch ? "0 16px 0 8px" : "0 16px",
           borderBottom: `1px solid ${theme.colors.border}`,
           display: "flex",
           alignItems: "center",
           boxSizing: "border-box"
         },
-        children: [
+        children: defaultShowSearch && showSearch && repositories.length > 0 ? /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "8px",
+              width: "100%"
+            },
+            children: [
+              /* @__PURE__ */ jsxs("div", { style: { position: "relative", flex: 1, display: "flex", alignItems: "center" }, children: [
+                /* @__PURE__ */ jsx(
+                  Search,
+                  {
+                    size: 16,
+                    color: theme.colors.textSecondary,
+                    style: {
+                      position: "absolute",
+                      left: "10px",
+                      pointerEvents: "none"
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "text",
+                    className: "search-input",
+                    placeholder: "Filter repositories...",
+                    value: filter,
+                    onChange: (e) => setFilter(e.target.value),
+                    autoFocus: true,
+                    style: {
+                      width: "100%",
+                      padding: "6px 32px 6px 32px",
+                      fontSize: `${theme.fontSizes[1]}px`,
+                      color: theme.colors.text,
+                      backgroundColor: theme.colors.background,
+                      border: `1px solid ${theme.colors.border}`,
+                      borderRadius: "4px",
+                      outline: "none",
+                      fontFamily: theme.fonts.body,
+                      transition: "border-color 0.2s ease",
+                      ["--theme-primary"]: theme.colors.primary
+                    }
+                  }
+                ),
+                filter && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    className: "clear-filter-button",
+                    onClick: handleClearFilter,
+                    style: {
+                      position: "absolute",
+                      right: "8px",
+                      background: "none",
+                      border: "none",
+                      cursor: "pointer",
+                      padding: "4px",
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      color: theme.colors.textSecondary,
+                      ["--theme-text"]: theme.colors.text
+                    },
+                    children: /* @__PURE__ */ jsx(X, { size: 16 })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: toggleSort,
+                  style: {
+                    padding: "4px 10px",
+                    height: "30px",
+                    borderRadius: "4px",
+                    border: `1px solid ${theme.colors.border}`,
+                    background: theme.colors.backgroundSecondary,
+                    color: theme.colors.text,
+                    fontSize: `${theme.fontSizes[1]}px`,
+                    fontFamily: theme.fonts.body,
+                    cursor: "pointer",
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "4px"
+                  },
+                  children: sortField === "name" ? "A-Z" : "Recent"
+                }
+              ) })
+            ]
+          }
+        ) : /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs(
             "div",
             {
@@ -3794,7 +3866,8 @@ const WorkspaceCollectionPanelContent = ({
                         border: `1px solid ${showSearch ? theme.colors.border : "transparent"}`,
                         borderRadius: "4px",
                         cursor: "pointer",
-                        padding: "4px",
+                        padding: "4px 8px",
+                        height: "30px",
                         display: "flex",
                         alignItems: "center",
                         justifyContent: "center",
@@ -3811,9 +3884,10 @@ const WorkspaceCollectionPanelContent = ({
                       onClick: toggleSort,
                       style: {
                         padding: "4px 10px",
+                        height: "30px",
                         borderRadius: "4px",
                         border: `1px solid ${theme.colors.border}`,
-                        background: theme.colors.background,
+                        background: theme.colors.backgroundSecondary,
                         color: theme.colors.text,
                         fontSize: `${theme.fontSizes[1]}px`,
                         fontFamily: theme.fonts.body,
@@ -3829,7 +3903,7 @@ const WorkspaceCollectionPanelContent = ({
               ]
             }
           ),
-          showSearch && /* @__PURE__ */ jsxs(
+          showSearch && !defaultShowSearch && /* @__PURE__ */ jsxs(
             "div",
             {
               className: "search-overlay",
@@ -3927,7 +4001,7 @@ const WorkspaceCollectionPanelContent = ({
               ]
             }
           )
-        ]
+        ] })
       }
     ),
     error && /* @__PURE__ */ jsx(