@industry-theme/alexandria-panels 0.1.4 → 0.1.6

package/dist/panels.bundle.js

@@ -3,7 +3,7 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode("/* Container query for responsive LocalProjectCard */\n.local-projects-panel {\n  container-type: inline-size;\n  container-name: local-projects;\n  height: 100%;\n}\n\n.local-project-card {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 12px;\n}\n\n.local-project-card__content {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex: 1;\n  min-width: 0;\n}\n\n.local-project-card__info {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.local-project-card__path,\n.local-project-card__meta {\n  display: flex;\n}\n\n.local-project-card__actions {\n  display: flex;\n  gap: 4px;\n  flex-shrink: 0;\n  align-items: center;\n}\n\n.local-project-card__actions--stacked {\n  display: none;\n}\n\n/* Compact mode when container is 400px or less */\n@container local-projects (max-width: 400px) {\n  .local-projects-panel {\n    padding: 8px !important;\n    gap: 8px !important;\n  }\n\n  .local-projects-list {\n    gap: 12px !important;\n  }\n\n  .local-project-card {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 6px;\n    padding: 0 !important;\n  }\n\n  .local-project-card__content {\n    gap: 8px;\n  }\n\n  .local-project-card__path,\n  .local-project-card__meta {\n    display: none;\n  }\n\n  .local-project-card__actions {\n    display: none;\n  }\n\n  .local-project-card__actions--stacked {\n    display: flex;\n    gap: 4px;\n  }\n\n  .local-project-card__actions--stacked button {\n    flex: 1;\n  }\n}"));
+      elementStyle.appendChild(document.createTextNode("/* Container query for responsive LocalProjectCard */\n.local-projects-panel {\n  container-type: inline-size;\n  container-name: local-projects;\n  height: 100%;\n}\n\n.local-project-card {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 12px;\n  position: relative;\n}\n\n.local-project-card__content {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex: 1;\n  min-width: 0;\n}\n\n.local-project-card__info {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.local-project-card__meta {\n  display: flex;\n}\n\n.local-project-card__actions {\n  display: flex;\n  gap: 4px;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.local-project-card__actions--stacked {\n  display: none;\n}\n\n/* Compact mode when container is 400px or less */\n@container local-projects (max-width: 400px) {\n  .local-projects-panel {\n    padding: 8px !important;\n    gap: 8px !important;\n  }\n\n  .local-projects-list {\n    gap: 12px !important;\n  }\n\n  .local-project-card {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 6px;\n    padding: 0 !important;\n  }\n\n  .local-project-card__content {\n    gap: 8px;\n  }\n\n  .local-project-card__meta {\n    display: none;\n  }\n\n  .local-project-card__actions {\n    display: none;\n  }\n\n  .local-project-card__actions--stacked {\n    display: flex;\n    gap: 4px;\n  }\n\n  .local-project-card__actions--stacked button {\n    flex: 1;\n  }\n}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
@@ -11,159 +11,7 @@
   }
 })();
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import React2, { createContext, useState, useEffect, useContext, forwardRef, createElement, useMemo, useCallback } from "react";
-var terminalTheme = {
-  space: [0, 4, 8, 16, 32, 64, 128, 256, 512],
-  fonts: {
-    body: '"SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace',
-    heading: '"SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace',
-    monospace: '"SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace'
-  },
-  fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],
-  fontScale: 1,
-  fontWeights: {
-    body: 400,
-    heading: 500,
-    bold: 600,
-    light: 300,
-    medium: 500,
-    semibold: 600
-  },
-  lineHeights: {
-    body: 1.6,
-    heading: 1.3,
-    tight: 1.4,
-    relaxed: 1.8
-  },
-  breakpoints: ["640px", "768px", "1024px", "1280px"],
-  sizes: [16, 32, 64, 128, 256, 512, 768, 1024, 1536],
-  radii: [0, 2, 4, 6, 8, 12, 16, 24],
-  shadows: [
-    "none",
-    "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
-    "0 2px 4px 0 rgba(0, 0, 0, 0.06)",
-    "0 4px 6px 0 rgba(0, 0, 0, 0.07)",
-    "0 8px 12px 0 rgba(0, 0, 0, 0.08)",
-    "0 16px 24px 0 rgba(0, 0, 0, 0.10)"
-  ],
-  zIndices: [0, 1, 10, 20, 30, 40, 50],
-  colors: {
-    text: "#e4e4e4",
-    background: "rgba(10, 10, 10, 0.85)",
-    primary: "#66b3ff",
-    secondary: "#80c4ff",
-    accent: "#66ff99",
-    highlight: "rgba(102, 179, 255, 0.15)",
-    muted: "rgba(26, 26, 26, 0.8)",
-    success: "#66ff99",
-    warning: "#ffcc66",
-    error: "#ff6666",
-    info: "#66b3ff",
-    border: "rgba(255, 255, 255, 0.1)",
-    backgroundSecondary: "rgba(15, 15, 15, 0.9)",
-    backgroundTertiary: "rgba(20, 20, 20, 0.9)",
-    backgroundLight: "rgba(255, 255, 255, 0.05)",
-    backgroundHover: "rgba(102, 179, 255, 0.08)",
-    surface: "rgba(15, 15, 15, 0.95)",
-    textSecondary: "rgba(255, 255, 255, 0.7)",
-    textTertiary: "rgba(255, 255, 255, 0.5)",
-    textMuted: "rgba(255, 255, 255, 0.4)",
-    highlightBg: "rgba(255, 235, 59, 0.25)",
-    highlightBorder: "rgba(255, 235, 59, 0.5)"
-  },
-  modes: {
-    light: {
-      text: "#1a1a1a",
-      background: "rgba(255, 255, 255, 0.9)",
-      primary: "#0066cc",
-      secondary: "#0052a3",
-      accent: "#00cc88",
-      highlight: "rgba(0, 102, 204, 0.08)",
-      muted: "rgba(245, 245, 245, 0.8)",
-      success: "#00cc88",
-      warning: "#ffaa00",
-      error: "#ff3333",
-      info: "#0066cc",
-      border: "rgba(0, 0, 0, 0.1)",
-      backgroundSecondary: "rgba(250, 250, 250, 0.9)",
-      backgroundTertiary: "rgba(245, 245, 245, 0.9)",
-      backgroundLight: "rgba(0, 0, 0, 0.02)",
-      backgroundHover: "rgba(0, 102, 204, 0.04)",
-      surface: "rgba(255, 255, 255, 0.95)",
-      textSecondary: "rgba(0, 0, 0, 0.6)",
-      textTertiary: "rgba(0, 0, 0, 0.4)",
-      textMuted: "rgba(0, 0, 0, 0.3)",
-      highlightBg: "rgba(255, 235, 59, 0.3)",
-      highlightBorder: "rgba(255, 235, 59, 0.6)"
-    }
-  },
-  buttons: {
-    primary: {
-      color: "white",
-      bg: "primary",
-      borderWidth: 0,
-      "&:hover": {
-        bg: "secondary"
-      }
-    },
-    secondary: {
-      color: "primary",
-      bg: "transparent",
-      borderWidth: 1,
-      borderStyle: "solid",
-      borderColor: "primary",
-      "&:hover": {
-        bg: "highlight"
-      }
-    },
-    ghost: {
-      color: "text",
-      bg: "transparent",
-      "&:hover": {
-        bg: "backgroundHover"
-      }
-    }
-  },
-  text: {
-    heading: {
-      fontFamily: "heading",
-      fontWeight: "heading",
-      lineHeight: "heading"
-    },
-    body: {
-      fontFamily: "body",
-      fontWeight: "body",
-      lineHeight: "body"
-    },
-    caption: {
-      fontSize: 1,
-      color: "textSecondary"
-    }
-  },
-  cards: {
-    primary: {
-      bg: "surface",
-      border: "1px solid",
-      borderColor: "border",
-      borderRadius: 1
-    },
-    secondary: {
-      bg: "backgroundSecondary",
-      border: "1px solid",
-      borderColor: "border",
-      borderRadius: 1
-    }
-  }
-};
-function getMode(theme2, mode) {
-  if (!mode || !theme2.modes || !theme2.modes[mode]) {
-    return theme2.colors;
-  }
-  return {
-    ...theme2.colors,
-    ...theme2.modes[mode]
-  };
-}
+import React2, { createContext, useContext, forwardRef, createElement, useState, useMemo, useCallback, useEffect } from "react";
 var ThemeContext;
 var getThemeContext = () => {
   if (typeof window !== "undefined") {
@@ -187,46 +35,6 @@ var useTheme = () => {
   }
   return context;
 };
-var ThemeProvider = ({
-  children,
-  theme: customTheme = theme,
-  initialMode
-}) => {
-  const [mode, setMode] = useState(initialMode);
-  const activeTheme = React2.useMemo(() => {
-    if (!mode || !customTheme.modes || !customTheme.modes[mode]) {
-      return customTheme;
-    }
-    return {
-      ...customTheme,
-      colors: getMode(customTheme, mode)
-    };
-  }, [customTheme, mode]);
-  useEffect(() => {
-    if (!initialMode) {
-      const savedMode = localStorage.getItem("principlemd-theme-mode");
-      if (savedMode) {
-        setMode(savedMode);
-      }
-    }
-  }, [initialMode]);
-  useEffect(() => {
-    if (mode) {
-      localStorage.setItem("principlemd-theme-mode", mode);
-    } else {
-      localStorage.removeItem("principlemd-theme-mode");
-    }
-  }, [mode]);
-  const value = {
-    theme: activeTheme,
-    mode,
-    setMode
-  };
-  return /* @__PURE__ */ React2.createElement(ThemeContextSingleton.Provider, {
-    value
-  }, children);
-};
-var theme = terminalTheme;
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -332,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$j = [
+const __iconNode$l = [
   [
     "path",
     {
@@ -364,14 +172,14 @@ const __iconNode$j = [
   ["path", { d: "m12 8 4.74-2.85", key: "3rx089" }],
   ["path", { d: "M12 13.5V8", key: "1io7kd" }]
 ];
-const Boxes = createLucideIcon("boxes", __iconNode$j);
+const Boxes = createLucideIcon("boxes", __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$i = [
+const __iconNode$k = [
   ["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" }],
@@ -384,71 +192,83 @@ const __iconNode$i = [
   ],
   ["path", { d: "M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16", key: "16ra0t" }]
 ];
-const Building2 = createLucideIcon("building-2", __iconNode$i);
+const Building2 = createLucideIcon("building-2", __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$h = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$h);
+const __iconNode$j = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __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$g = [
+const __iconNode$i = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3", key: "1u773s" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
 ];
-const CircleQuestionMark = createLucideIcon("circle-question-mark", __iconNode$g);
+const CircleQuestionMark = createLucideIcon("circle-question-mark", __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$f = [
+const __iconNode$h = [
   ["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$f);
+const Copy = createLucideIcon("copy", __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$e = [
+const __iconNode$g = [
+  ["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$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$f = [
   ["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$e);
+const ExternalLink = createLucideIcon("external-link", __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$d = [
+const __iconNode$e = [
   ["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$d);
+const Focus = createLucideIcon("focus", __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$c = [
+const __iconNode$d = [
   [
     "path",
     {
@@ -460,14 +280,14 @@ const __iconNode$c = [
   ["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$c);
+const FolderGit2 = createLucideIcon("folder-git-2", __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$b = [
+const __iconNode$c = [
   [
     "path",
     {
@@ -476,14 +296,14 @@ const __iconNode$b = [
     }
   ]
 ];
-const FolderOpen = createLucideIcon("folder-open", __iconNode$b);
+const FolderOpen = createLucideIcon("folder-open", __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$a = [
+const __iconNode$b = [
   [
     "path",
     {
@@ -492,14 +312,14 @@ const __iconNode$a = [
     }
   ]
 ];
-const Folder = createLucideIcon("folder", __iconNode$a);
+const Folder = createLucideIcon("folder", __iconNode$b);
 /**
  * @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$9 = [
+const __iconNode$a = [
   ["path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8", key: "5wwlr5" }],
   [
     "path",
@@ -509,7 +329,37 @@ const __iconNode$9 = [
     }
   ]
 ];
-const House = createLucideIcon("house", __iconNode$9);
+const House = createLucideIcon("house", __iconNode$a);
+/**
+ * @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$9 = [
+  [
+    "path",
+    {
+      d: "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z",
+      key: "zw3jo"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12",
+      key: "1wduqc"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17",
+      key: "kqbvx6"
+    }
+  ]
+];
+const Layers = createLucideIcon("layers", __iconNode$9);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -561,10 +411,9 @@ const __iconNode$5 = [
       d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
       key: "1a8usu"
     }
-  ],
-  ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
+  ]
 ];
-const Pencil = createLucideIcon("pencil", __iconNode$5);
+const Pen = createLucideIcon("pen", __iconNode$5);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -608,17 +457,13 @@ const Search = createLucideIcon("search", __iconNode$2);
  * See the LICENSE file in the root directory of this source tree.
  */
 const __iconNode$1 = [
-  [
-    "path",
-    {
-      d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
-      key: "wmoenq"
-    }
-  ],
-  ["path", { d: "M12 9v4", key: "juzpu7" }],
-  ["path", { d: "M12 17h.01", key: "p32p05" }]
+  ["path", { d: "M10 11v6", key: "nco0om" }],
+  ["path", { d: "M14 11v6", key: "outv1u" }],
+  ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
+  ["path", { d: "M3 6h18", key: "d0wm0j" }],
+  ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
 ];
-const TriangleAlert = createLucideIcon("triangle-alert", __iconNode$1);
+const Trash2 = createLucideIcon("trash-2", __iconNode$1);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -636,7 +481,7 @@ const RepositoryAvatar = ({
   size = 32,
   fallbackIcon
 }) => {
-  const { theme: theme2 } = useTheme();
+  const { theme } = useTheme();
   const borderRadius = `${Math.min(8, size / 4)}px`;
   const avatarUrl = customAvatarUrl || (owner ? `https://github.com/${owner}.png` : null);
   const getContent = () => {
@@ -669,7 +514,7 @@ const RepositoryAvatar = ({
         width: `${size}px`,
         height: `${size}px`,
         borderRadius,
-        backgroundColor: theme2.colors.backgroundTertiary,
+        backgroundColor: theme.colors.backgroundTertiary,
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
@@ -717,20 +562,22 @@ const LocalProjectCard = ({
   isLoading = false,
   windowState = "closed",
   compact: _compact = false,
-  isEditMode = false,
-  isInWorkspaceDirectory,
-  workspacePath
+  isInWorkspaceDirectory
 }) => {
   var _a, _b, _c, _d;
-  const { theme: theme2 } = useTheme();
+  const { theme } = useTheme();
+  const [isHovered, setIsHovered] = useState(false);
   const [copiedPath, setCopiedPath] = useState(false);
   const [isMoving, setIsMoving] = useState(false);
   const [isRemoving, setIsRemoving] = useState(false);
-  const highlightColor = theme2.colors.primary;
+  const highlightColor = theme.colors.primary;
   const avatarUrl = ((_a = entry.github) == null ? void 0 : _a.owner) ? `https://github.com/${entry.github.owner}.png` : null;
   const handleCardClick = () => {
     onSelect == null ? void 0 : onSelect(entry);
   };
+  const handleDoubleClick = () => {
+    onOpen == null ? void 0 : onOpen(entry);
+  };
   const handleOpenClick = (e) => {
     e.stopPropagation();
     onOpen == null ? void 0 : onOpen(entry);
@@ -761,15 +608,6 @@ const LocalProjectCard = ({
       setIsMoving(false);
     }
   };
-  const displayPath = useMemo(() => {
-    if (actionMode === "workspace" && isInWorkspaceDirectory && workspacePath) {
-      if (entry.path.startsWith(workspacePath)) {
-        const relativePath = entry.path.slice(workspacePath.length);
-        return relativePath.startsWith("/") ? relativePath.slice(1) : relativePath;
-      }
-    }
-    return entry.path;
-  }, [actionMode, isInWorkspaceDirectory, workspacePath, entry.path]);
   const handleCopyPath = async (e) => {
     e.stopPropagation();
     try {
@@ -780,49 +618,33 @@ const LocalProjectCard = ({
       console.error("Failed to copy path:", err);
     }
   };
+  const actionButtonStyle = {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    width: "24px",
+    height: "24px",
+    padding: 0,
+    border: "none",
+    borderRadius: "4px",
+    backgroundColor: "transparent",
+    color: theme.colors.textSecondary,
+    cursor: "pointer",
+    opacity: isHovered ? 1 : 0,
+    pointerEvents: isHovered ? "auto" : "none",
+    transition: "all 0.15s ease"
+  };
   const renderActionButtons = (isCompact = false) => {
     const buttonFlex = isCompact ? 1 : void 0;
-    if (actionMode === "add-to-workspace") {
-      return /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          onClick: handleAddToWorkspaceClick,
-          disabled: isLoading,
-          title: "Add to workspace",
-          style: {
-            flex: buttonFlex,
-            display: "inline-flex",
-            alignItems: "center",
-            justifyContent: "center",
-            padding: "6px 10px",
-            gap: "4px",
-            borderRadius: "4px",
-            border: `1px solid ${theme2.colors.primary || "#3b82f6"}`,
-            backgroundColor: `${theme2.colors.primary || "#3b82f6"}15`,
-            color: theme2.colors.primary || "#3b82f6",
-            fontSize: `${theme2.fontSizes[0]}px`,
-            fontWeight: theme2.fontWeights.medium,
-            cursor: isLoading ? "wait" : "pointer",
-            opacity: isLoading ? 0.6 : 1,
-            transition: "all 0.15s ease"
-          },
-          children: [
-            isLoading ? /* @__PURE__ */ jsx(LoaderCircle, { size: 12, className: "animate-spin" }) : /* @__PURE__ */ jsx(Plus, { size: 12 }),
-            isLoading ? "Adding..." : "Add"
-          ]
-        }
-      );
-    }
-    if (actionMode === "workspace") {
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        isEditMode && isInWorkspaceDirectory === false && onMoveToWorkspace && /* @__PURE__ */ jsxs(
+    if (isCompact) {
+      if (actionMode === "add-to-workspace") {
+        return /* @__PURE__ */ jsxs(
           "button",
           {
             type: "button",
-            onClick: handleMoveToWorkspaceClick,
-            disabled: isMoving,
-            title: "Move to workspace directory",
+            onClick: handleAddToWorkspaceClick,
+            disabled: isLoading,
+            title: "Add to workspace",
             style: {
               flex: buttonFlex,
               display: "inline-flex",
@@ -831,85 +653,263 @@ const LocalProjectCard = ({
               padding: "6px 10px",
               gap: "4px",
               borderRadius: "4px",
-              border: `1px solid ${theme2.colors.primary || "#3b82f6"}`,
-              backgroundColor: `${theme2.colors.primary || "#3b82f6"}15`,
-              color: theme2.colors.primary || "#3b82f6",
-              fontSize: `${theme2.fontSizes[0]}px`,
-              fontWeight: theme2.fontWeights.medium,
-              cursor: isMoving ? "wait" : "pointer",
-              opacity: isMoving ? 0.6 : 1,
+              border: `1px solid ${theme.colors.primary || "#3b82f6"}`,
+              backgroundColor: `${theme.colors.primary || "#3b82f6"}15`,
+              color: theme.colors.primary || "#3b82f6",
+              fontSize: `${theme.fontSizes[0]}px`,
+              fontWeight: theme.fontWeights.medium,
+              cursor: isLoading ? "wait" : "pointer",
+              opacity: isLoading ? 0.6 : 1,
               transition: "all 0.15s ease"
             },
             children: [
-              isMoving ? /* @__PURE__ */ jsx(LoaderCircle, { size: 12, className: "animate-spin" }) : /* @__PURE__ */ jsx(MoveUp, { size: 12 }),
-              isMoving ? "Moving..." : "Move"
+              isLoading ? /* @__PURE__ */ jsx(LoaderCircle, { size: 12, className: "animate-spin" }) : /* @__PURE__ */ jsx(Plus, { size: 12 }),
+              isLoading ? "Adding..." : "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: {
+                flex: 1,
+                display: "inline-flex",
+                alignItems: "center",
+                justifyContent: "center",
+                padding: "6px 10px",
+                gap: "4px",
+                borderRadius: "4px",
+                border: `1px solid ${theme.colors.primary || "#3b82f6"}`,
+                backgroundColor: `${theme.colors.primary || "#3b82f6"}15`,
+                color: theme.colors.primary || "#3b82f6",
+                fontSize: `${theme.fontSizes[0]}px`,
+                fontWeight: theme.fontWeights.medium,
+                cursor: isMoving ? "wait" : "pointer",
+                opacity: isMoving ? 0.6 : 1,
+                transition: "all 0.15s ease"
+              },
+              children: [
+                isMoving ? /* @__PURE__ */ jsx(LoaderCircle, { size: 12, className: "animate-spin" }) : /* @__PURE__ */ jsx(MoveUp, { size: 12 }),
+                isMoving ? "Moving..." : "Move"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: handleOpenClick,
+              title: "Open repository",
+              style: {
+                flex: 1,
+                display: "inline-flex",
+                alignItems: "center",
+                justifyContent: "center",
+                padding: "6px 10px",
+                gap: "4px",
+                borderRadius: "4px",
+                border: `1px solid ${theme.colors.success || "#10b981"}`,
+                backgroundColor: `${theme.colors.success || "#10b981"}15`,
+                color: theme.colors.success || "#10b981",
+                fontSize: `${theme.fontSizes[0]}px`,
+                fontWeight: theme.fontWeights.medium,
+                cursor: "pointer",
+                transition: "all 0.15s ease"
+              },
+              children: [
+                /* @__PURE__ */ jsx(FolderOpen, { size: 12 }),
+                "Open"
+              ]
+            }
+          ),
+          onRemoveFromWorkspace && /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: handleRemoveFromWorkspaceClick,
+              disabled: isRemoving,
+              title: "Remove from workspace",
+              style: {
+                flex: 1,
+                display: "inline-flex",
+                alignItems: "center",
+                justifyContent: "center",
+                padding: "6px 10px",
+                gap: "4px",
+                borderRadius: "4px",
+                border: `1px solid ${theme.colors.error || "#ef4444"}`,
+                backgroundColor: `${theme.colors.error || "#ef4444"}15`,
+                color: theme.colors.error || "#ef4444",
+                fontSize: `${theme.fontSizes[0]}px`,
+                fontWeight: theme.fontWeights.medium,
+                cursor: isRemoving ? "wait" : "pointer",
+                opacity: isRemoving ? 0.6 : 1,
+                transition: "all 0.15s ease"
+              },
+              children: [
+                isRemoving ? /* @__PURE__ */ jsx(LoaderCircle, { size: 12, className: "animate-spin" }) : /* @__PURE__ */ jsx(X, { size: 12 }),
+                isRemoving ? "Removing..." : "Remove"
+              ]
+            }
+          )
+        ] });
+      }
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxs(
           "button",
           {
             type: "button",
             onClick: handleOpenClick,
-            title: "Open repository",
+            title: "Open locally",
+            disabled: windowState === "opening",
             style: {
-              flex: buttonFlex,
+              flex: 1,
               display: "inline-flex",
               alignItems: "center",
               justifyContent: "center",
               padding: "6px 10px",
               gap: "4px",
               borderRadius: "4px",
-              border: `1px solid ${theme2.colors.success || "#10b981"}`,
-              backgroundColor: `${theme2.colors.success || "#10b981"}15`,
-              color: theme2.colors.success || "#10b981",
-              fontSize: `${theme2.fontSizes[0]}px`,
-              fontWeight: theme2.fontWeights.medium,
-              cursor: "pointer",
+              border: `1px solid ${theme.colors.success || "#10b981"}`,
+              backgroundColor: `${theme.colors.success || "#10b981"}15`,
+              color: theme.colors.success || "#10b981",
+              fontSize: `${theme.fontSizes[0]}px`,
+              fontWeight: theme.fontWeights.medium,
+              cursor: windowState === "opening" ? "wait" : "pointer",
+              opacity: windowState === "opening" ? 0.6 : 1,
               transition: "all 0.15s ease"
             },
             children: [
-              /* @__PURE__ */ jsx(FolderOpen, { size: 12 }),
-              "Open"
+              windowState === "opening" ? /* @__PURE__ */ jsx(LoaderCircle, { size: 12, className: "animate-spin" }) : /* @__PURE__ */ jsx(FolderOpen, { size: 12 }),
+              windowState === "opening" ? "Opening..." : "Open"
             ]
           }
         ),
-        isEditMode && onRemoveFromWorkspace && /* @__PURE__ */ jsxs(
+        actionMode === "default" && onRemove && /* @__PURE__ */ jsxs(
           "button",
           {
             type: "button",
-            onClick: handleRemoveFromWorkspaceClick,
-            disabled: isRemoving,
-            title: "Remove from workspace",
+            onClick: handleRemoveClick,
+            disabled: isLoading,
+            title: "Remove from local projects",
             style: {
-              flex: buttonFlex,
+              flex: 1,
               display: "inline-flex",
               alignItems: "center",
               justifyContent: "center",
-              minWidth: isCompact ? void 0 : "28px",
-              height: "28px",
-              padding: isCompact ? "6px 10px" : 0,
+              padding: "6px 10px",
               gap: "4px",
               borderRadius: "4px",
-              border: isCompact ? `1px solid ${theme2.colors.error || "#ef4444"}` : "none",
-              backgroundColor: isCompact ? `${theme2.colors.error || "#ef4444"}15` : "transparent",
-              color: isCompact ? theme2.colors.error || "#ef4444" : theme2.colors.textSecondary,
-              fontSize: `${theme2.fontSizes[0]}px`,
-              fontWeight: theme2.fontWeights.medium,
-              cursor: isRemoving ? "wait" : "pointer",
-              opacity: isRemoving ? 0.6 : 1,
+              border: `1px solid ${theme.colors.error || "#ef4444"}`,
+              backgroundColor: `${theme.colors.error || "#ef4444"}15`,
+              color: theme.colors.error || "#ef4444",
+              fontSize: `${theme.fontSizes[0]}px`,
+              fontWeight: theme.fontWeights.medium,
+              cursor: isLoading ? "wait" : "pointer",
+              opacity: isLoading ? 0.6 : 1,
               transition: "all 0.15s ease"
             },
             children: [
-              isRemoving ? /* @__PURE__ */ jsx(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx(X, { size: 14 }),
-              isCompact && (isRemoving ? "Removing..." : "Remove")
+              isLoading ? /* @__PURE__ */ jsx(LoaderCircle, { size: 12, className: "animate-spin" }) : /* @__PURE__ */ jsx(X, { size: 12 }),
+              isLoading ? "Removing..." : "Remove"
             ]
           }
         )
       ] });
     }
+    if (actionMode === "add-to-workspace") {
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleAddToWorkspaceClick,
+          disabled: isLoading,
+          title: "Add to workspace",
+          style: {
+            ...actionButtonStyle,
+            color: theme.colors.primary || "#3b82f6"
+          },
+          children: isLoading ? /* @__PURE__ */ jsx(LoaderCircle, { size: 16, className: "animate-spin" }) : /* @__PURE__ */ jsx(Plus, { size: 16 })
+        }
+      );
+    }
+    if (actionMode === "workspace") {
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        isInWorkspaceDirectory === false && onMoveToWorkspace && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleMoveToWorkspaceClick,
+            disabled: isMoving,
+            title: "Move to workspace directory",
+            style: {
+              ...actionButtonStyle,
+              color: theme.colors.primary || "#3b82f6"
+            },
+            children: isMoving ? /* @__PURE__ */ jsx(LoaderCircle, { size: 16, className: "animate-spin" }) : /* @__PURE__ */ jsx(MoveUp, { size: 16 })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleCopyPath,
+            title: copiedPath ? "Copied!" : `Copy path: ${entry.path}`,
+            style: {
+              ...actionButtonStyle,
+              color: copiedPath ? theme.colors.success || "#10b981" : theme.colors.textSecondary
+            },
+            children: copiedPath ? /* @__PURE__ */ jsx(Check, { size: 16 }) : /* @__PURE__ */ jsx(Copy, { size: 16 })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleOpenClick,
+            title: "Open repository",
+            style: {
+              ...actionButtonStyle,
+              color: theme.colors.success || "#10b981"
+            },
+            children: /* @__PURE__ */ jsx(FolderOpen, { size: 16 })
+          }
+        ),
+        onRemoveFromWorkspace && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleRemoveFromWorkspaceClick,
+            disabled: isRemoving,
+            title: "Remove from workspace",
+            style: actionButtonStyle,
+            children: isRemoving ? /* @__PURE__ */ jsx(LoaderCircle, { size: 16, className: "animate-spin" }) : /* @__PURE__ */ jsx(X, { size: 16 })
+          }
+        )
+      ] });
+    }
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs(
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleCopyPath,
+          title: copiedPath ? "Copied!" : `Copy path: ${entry.path}`,
+          style: {
+            ...actionButtonStyle,
+            color: copiedPath ? theme.colors.success || "#10b981" : theme.colors.textSecondary
+          },
+          children: copiedPath ? /* @__PURE__ */ jsx(Check, { size: 16 }) : /* @__PURE__ */ jsx(Copy, { size: 16 })
+        }
+      ),
+      /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
@@ -917,58 +917,21 @@ const LocalProjectCard = ({
           title: windowState === "ready" ? "Focus window" : windowState === "opening" ? "Window is opening..." : "Open locally",
           disabled: windowState === "opening",
           style: {
-            flex: buttonFlex,
-            display: "inline-flex",
-            alignItems: "center",
-            justifyContent: "center",
-            padding: "6px 10px",
-            gap: "4px",
-            borderRadius: "4px",
-            border: `1px solid ${theme2.colors.success || "#10b981"}`,
-            backgroundColor: `${theme2.colors.success || "#10b981"}15`,
-            color: theme2.colors.success || "#10b981",
-            fontSize: `${theme2.fontSizes[0]}px`,
-            fontWeight: theme2.fontWeights.medium,
-            cursor: windowState === "opening" ? "wait" : "pointer",
-            opacity: windowState === "opening" ? 0.6 : 1,
-            transition: "all 0.15s ease"
+            ...actionButtonStyle,
+            color: theme.colors.success || "#10b981"
           },
-          children: [
-            windowState === "ready" ? /* @__PURE__ */ jsx(Focus, { size: 12 }) : windowState === "opening" ? /* @__PURE__ */ jsx(LoaderCircle, { size: 12, className: "animate-spin" }) : /* @__PURE__ */ jsx(FolderOpen, { size: 12 }),
-            windowState === "ready" ? "Focus" : windowState === "opening" ? "Opening..." : "Open"
-          ]
+          children: windowState === "ready" ? /* @__PURE__ */ jsx(Focus, { size: 16 }) : windowState === "opening" ? /* @__PURE__ */ jsx(LoaderCircle, { size: 16, className: "animate-spin" }) : /* @__PURE__ */ jsx(FolderOpen, { size: 16 })
         }
       ),
-      actionMode === "default" && onRemove && /* @__PURE__ */ jsxs(
+      actionMode === "default" && onRemove && /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
           onClick: handleRemoveClick,
           disabled: isLoading,
           title: "Remove from local projects",
-          style: {
-            flex: buttonFlex,
-            display: "inline-flex",
-            alignItems: "center",
-            justifyContent: "center",
-            minWidth: isCompact ? void 0 : "28px",
-            height: "28px",
-            padding: isCompact ? "6px 10px" : 0,
-            gap: "4px",
-            borderRadius: "4px",
-            border: isCompact ? `1px solid ${theme2.colors.error || "#ef4444"}` : "none",
-            backgroundColor: isCompact ? `${theme2.colors.error || "#ef4444"}15` : "transparent",
-            color: isCompact ? theme2.colors.error || "#ef4444" : theme2.colors.textSecondary,
-            fontSize: `${theme2.fontSizes[0]}px`,
-            fontWeight: theme2.fontWeights.medium,
-            cursor: isLoading ? "wait" : "pointer",
-            opacity: isLoading ? 0.6 : 1,
-            transition: "all 0.15s ease"
-          },
-          children: [
-            isLoading ? /* @__PURE__ */ jsx(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx(X, { size: 14 }),
-            isCompact && (isLoading ? "Removing..." : "Remove")
-          ]
+          style: actionButtonStyle,
+          children: isLoading ? /* @__PURE__ */ jsx(LoaderCircle, { size: 16, className: "animate-spin" }) : /* @__PURE__ */ jsx(X, { size: 16 })
         }
       )
     ] });
@@ -984,9 +947,12 @@ const LocalProjectCard = ({
         border: isSelected ? `1px solid ${highlightColor}40` : "1px solid transparent",
         cursor: "pointer",
         transition: "background-color 0.15s",
-        fontFamily: theme2.fonts.body
+        fontFamily: theme.fonts.body
       },
       onClick: handleCardClick,
+      onDoubleClick: handleDoubleClick,
+      onMouseEnter: () => setIsHovered(true),
+      onMouseLeave: () => setIsHovered(false),
       children: [
         /* @__PURE__ */ jsxs("div", { className: "local-project-card__content", children: [
           /* @__PURE__ */ jsx(
@@ -998,9 +964,9 @@ const LocalProjectCard = ({
                 "div",
                 {
                   style: {
-                    color: theme2.colors.textSecondary,
-                    fontSize: `${theme2.fontSizes[0]}px`,
-                    fontWeight: theme2.fontWeights.semibold
+                    color: theme.colors.textSecondary,
+                    fontSize: `${theme.fontSizes[0]}px`,
+                    fontWeight: theme.fontWeights.semibold
                   },
                   children: ((_b = entry.name[0]) == null ? void 0 : _b.toUpperCase()) || "?"
                 }
@@ -1012,43 +978,19 @@ const LocalProjectCard = ({
               "span",
               {
                 style: {
-                  fontSize: `${theme2.fontSizes[2]}px`,
-                  fontWeight: theme2.fontWeights.medium,
-                  color: theme2.colors.text,
+                  fontSize: `${theme.fontSizes[2]}px`,
+                  fontWeight: theme.fontWeights.medium,
+                  color: theme.colors.text,
                   overflow: "hidden",
                   textOverflow: "ellipsis",
                   whiteSpace: "nowrap",
                   textDecoration: "underline",
-                  textDecorationColor: ((_c = entry.github) == null ? void 0 : _c.primaryLanguage) ? getLanguageColor(entry.github.primaryLanguage) : theme2.colors.textSecondary,
+                  textDecorationColor: ((_c = entry.github) == null ? void 0 : _c.primaryLanguage) ? getLanguageColor(entry.github.primaryLanguage) : theme.colors.textSecondary,
                   textUnderlineOffset: "3px"
                 },
                 children: entry.name
               }
             ),
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: "local-project-card__path",
-                onClick: handleCopyPath,
-                style: {
-                  fontSize: `${theme2.fontSizes[0]}px`,
-                  fontFamily: theme2.fonts.monospace,
-                  color: copiedPath ? theme2.colors.success || "#10b981" : theme2.colors.textTertiary || theme2.colors.textSecondary,
-                  overflow: "hidden",
-                  textOverflow: "ellipsis",
-                  whiteSpace: "nowrap",
-                  cursor: "pointer",
-                  alignItems: "center",
-                  gap: "4px",
-                  transition: "color 0.15s ease"
-                },
-                title: copiedPath ? "Copied!" : `Click to copy: ${entry.path}`,
-                children: [
-                  copiedPath ? /* @__PURE__ */ jsx(Check, { size: 12 }) : /* @__PURE__ */ jsx(Copy, { size: 12 }),
-                  displayPath
-                ]
-              }
-            ),
             ((_d = entry.github) == null ? void 0 : _d.description) && /* @__PURE__ */ jsx(
               "div",
               {
@@ -1056,8 +998,8 @@ const LocalProjectCard = ({
                 style: {
                   alignItems: "center",
                   gap: "12px",
-                  fontSize: `${theme2.fontSizes[0]}px`,
-                  color: theme2.colors.textSecondary
+                  fontSize: `${theme.fontSizes[0]}px`,
+                  color: theme.colors.textSecondary
                 },
                 children: /* @__PURE__ */ jsx(
                   "span",
@@ -1080,10 +1022,10 @@ const LocalProjectCard = ({
     }
   );
 };
-const PANEL_ID$4 = "industry-theme.local-projects";
-const createPanelEvent$1 = (type, payload) => ({
+const PANEL_ID$6 = "industry-theme.local-projects";
+const createPanelEvent$2 = (type, payload) => ({
   type,
-  source: PANEL_ID$4,
+  source: PANEL_ID$6,
   timestamp: Date.now(),
   payload
 });
@@ -1093,7 +1035,7 @@ const LocalProjectsPanelContent = ({
   events
 }) => {
   var _a;
-  const { theme: theme2 } = useTheme();
+  const { theme } = useTheme();
   const [filter, setFilter] = useState("");
   const [isAdding, setIsAdding] = useState(false);
   const [selectedEntry, setSelectedEntry] = useState(null);
@@ -1119,7 +1061,7 @@ const LocalProjectsPanelContent = ({
       try {
         await panelActions.openRepository(entry);
         setWindowStates((prev) => new Map(prev).set(entry.path, "ready"));
-        events.emit(createPanelEvent$1(`${PANEL_ID$4}:repository-opened`, { entry }));
+        events.emit(createPanelEvent$2(`${PANEL_ID$6}:repository-opened`, { entry }));
       } catch (error) {
         console.error("Error opening repository:", error);
         setWindowStates((prev) => new Map(prev).set(entry.path, "closed"));
@@ -1130,14 +1072,14 @@ const LocalProjectsPanelContent = ({
   useEffect(() => {
     const unsubscribers = [
       // Filter event from tools
-      events.on(`${PANEL_ID$4}:filter`, (event) => {
+      events.on(`${PANEL_ID$6}:filter`, (event) => {
         var _a2;
         if (((_a2 = event.payload) == null ? void 0 : _a2.filter) !== void 0) {
           setFilter(event.payload.filter);
         }
       }),
       // Select repository event from tools
-      events.on(`${PANEL_ID$4}:select-repository`, (event) => {
+      events.on(`${PANEL_ID$6}:select-repository`, (event) => {
         var _a2;
         const identifier = (_a2 = event.payload) == null ? void 0 : _a2.identifier;
         if (identifier) {
@@ -1146,12 +1088,12 @@ const LocalProjectsPanelContent = ({
           );
           if (entry) {
             setSelectedEntry(entry);
-            events.emit(createPanelEvent$1(`${PANEL_ID$4}:repository-selected`, { entry }));
+            events.emit(createPanelEvent$2(`${PANEL_ID$6}:repository-selected`, { entry }));
           }
         }
       }),
       // Open repository event from tools
-      events.on(`${PANEL_ID$4}:open-repository`, (event) => {
+      events.on(`${PANEL_ID$6}:open-repository`, (event) => {
         var _a2;
         const identifier = (_a2 = event.payload) == null ? void 0 : _a2.identifier;
         if (identifier) {
@@ -1199,7 +1141,7 @@ const LocalProjectsPanelContent = ({
   };
   const handleSelectRepository = (entry) => {
     setSelectedEntry(entry);
-    events.emit(createPanelEvent$1(`${PANEL_ID$4}:repository-selected`, { entry }));
+    events.emit(createPanelEvent$2(`${PANEL_ID$6}:repository-selected`, { entry }));
   };
   const normalizedFilter = filter.trim().toLowerCase();
   const filteredAndSortedRepositories = useMemo(() => {
@@ -1229,7 +1171,7 @@ const LocalProjectsPanelContent = ({
     display: "flex",
     flexDirection: "column",
     height: "100%",
-    backgroundColor: theme2.colors.backgroundSecondary
+    backgroundColor: theme.colors.backgroundSecondary
   };
   const contentContainerStyle = {
     ...baseContainerStyle,
@@ -1263,10 +1205,10 @@ const LocalProjectsPanelContent = ({
               {
                 style: {
                   margin: 0,
-                  color: theme2.colors.text,
-                  fontSize: `${theme2.fontSizes[3]}px`,
-                  fontWeight: theme2.fontWeights.semibold,
-                  fontFamily: theme2.fonts.body
+                  color: theme.colors.text,
+                  fontSize: `${theme.fontSizes[3]}px`,
+                  fontWeight: theme.fontWeights.semibold,
+                  fontFamily: theme.fonts.body
                 },
                 children: "Loading local projects..."
               }
@@ -1288,7 +1230,7 @@ const LocalProjectsPanelContent = ({
               top: "50%",
               left: "12px",
               transform: "translateY(-50%)",
-              color: theme2.colors.textSecondary,
+              color: theme.colors.textSecondary,
               pointerEvents: "none",
               zIndex: 1
             }
@@ -1306,11 +1248,11 @@ const LocalProjectsPanelContent = ({
               boxSizing: "border-box",
               padding: "8px 12px 8px 36px",
               borderRadius: "6px",
-              border: `1px solid ${theme2.colors.border}`,
-              backgroundColor: theme2.colors.background,
-              color: theme2.colors.text,
-              fontSize: `${theme2.fontSizes[1]}px`,
-              fontFamily: theme2.fonts.body,
+              border: `1px solid ${theme.colors.border}`,
+              backgroundColor: theme.colors.background,
+              color: theme.colors.text,
+              fontSize: `${theme.fontSizes[1]}px`,
+              fontFamily: theme.fonts.body,
               outline: "none"
             }
           }
@@ -1324,9 +1266,9 @@ const LocalProjectsPanelContent = ({
           style: {
             padding: "8px",
             borderRadius: "6px",
-            border: `1px solid ${theme2.colors.border}`,
-            backgroundColor: sortByOrg ? `${theme2.colors.primary}20` : theme2.colors.background,
-            color: sortByOrg ? theme2.colors.primary : theme2.colors.textSecondary,
+            border: `1px solid ${theme.colors.border}`,
+            backgroundColor: sortByOrg ? `${theme.colors.primary}20` : theme.colors.background,
+            color: sortByOrg ? theme.colors.primary : theme.colors.textSecondary,
             cursor: "pointer",
             display: "flex",
             alignItems: "center",
@@ -1346,9 +1288,9 @@ const LocalProjectsPanelContent = ({
           style: {
             padding: "8px",
             borderRadius: "6px",
-            border: `1px solid ${theme2.colors.border}`,
-            backgroundColor: theme2.colors.primary,
-            color: theme2.colors.background,
+            border: `1px solid ${theme.colors.border}`,
+            backgroundColor: theme.colors.primary,
+            color: theme.colors.background,
             cursor: isAdding ? "default" : "pointer",
             display: "flex",
             alignItems: "center",
@@ -1391,7 +1333,7 @@ const LocalProjectsPanelContent = ({
               style: {
                 padding: "32px",
                 textAlign: "center",
-                color: theme2.colors.textSecondary
+                color: theme.colors.textSecondary
               },
               children: /* @__PURE__ */ jsx("p", { style: { margin: 0 }, children: normalizedFilter ? "No local projects match your filter." : "No local projects found." })
             }
@@ -1402,18 +1344,18 @@ const LocalProjectsPanelContent = ({
   ] });
 };
 const LocalProjectsPanel = (props) => {
-  return /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(LocalProjectsPanelContent, { ...props }) });
+  return /* @__PURE__ */ jsx(LocalProjectsPanelContent, { ...props });
 };
 const LocalProjectsPanelPreview = () => {
-  const { theme: theme2 } = useTheme();
+  const { theme } = useTheme();
   return /* @__PURE__ */ jsxs(
     "div",
     {
       style: {
         padding: "12px",
-        fontSize: `${theme2.fontSizes[0]}px`,
-        fontFamily: theme2.fonts.body,
-        color: theme2.colors.text,
+        fontSize: `${theme.fontSizes[0]}px`,
+        fontFamily: theme.fonts.body,
+        color: theme.colors.text,
         display: "flex",
         flexDirection: "column",
         gap: "8px"
@@ -1426,7 +1368,7 @@ const LocalProjectsPanelPreview = () => {
               display: "flex",
               alignItems: "center",
               gap: "6px",
-              fontWeight: theme2.fontWeights.semibold
+              fontWeight: theme.fontWeights.semibold
             },
             children: [
               /* @__PURE__ */ jsx(
@@ -1436,7 +1378,7 @@ const LocalProjectsPanelPreview = () => {
                     width: "16px",
                     height: "16px",
                     borderRadius: "2px",
-                    backgroundColor: `${theme2.colors.success || "#10b981"}40`
+                    backgroundColor: `${theme.colors.success || "#10b981"}40`
                   }
                 }
               ),
@@ -1448,9 +1390,9 @@ const LocalProjectsPanelPreview = () => {
           "div",
           {
             style: {
-              fontSize: `${theme2.fontSizes[0]}px`,
-              fontFamily: theme2.fonts.body,
-              color: theme2.colors.textSecondary,
+              fontSize: `${theme.fontSizes[0]}px`,
+              fontFamily: theme.fonts.body,
+              color: theme.colors.textSecondary,
               marginTop: "4px"
             },
             children: "Browse your cloned repositories sorted by recent activity"
@@ -1460,10 +1402,10 @@ const LocalProjectsPanelPreview = () => {
     }
   );
 };
-const PANEL_ID$3 = "industry-theme.workspace-repositories";
-const createPanelEvent = (type, payload) => ({
+const PANEL_ID$5 = "industry-theme.workspace-repositories";
+const createPanelEvent$1 = (type, payload) => ({
   type,
-  source: PANEL_ID$3,
+  source: PANEL_ID$5,
   timestamp: Date.now(),
   payload
 });
@@ -1472,11 +1414,12 @@ const WorkspaceRepositoriesPanelContent = ({
   actions,
   events
 }) => {
-  const { theme: theme2 } = useTheme();
-  const [isEditMode, setIsEditMode] = React2.useState(false);
+  const { theme } = useTheme();
   const [repositoryLocations, setRepositoryLocations] = React2.useState(
     /* @__PURE__ */ new Map()
   );
+  const [copiedPath, setCopiedPath] = useState(false);
+  const [isPathHovered, setIsPathHovered] = useState(false);
   const panelActions = actions;
   const workspaceSlice = context.getSlice("workspace");
   const repositoriesSlice = context.getSlice("workspaceRepositories");
@@ -1525,7 +1468,7 @@ const WorkspaceRepositoriesPanelContent = ({
     (repository) => {
       var _a;
       events.emit(
-        createPanelEvent("repository:selected", {
+        createPanelEvent$1("repository:selected", {
           repositoryId: ((_a = repository.github) == null ? void 0 : _a.id) || repository.name,
           repository,
           repositoryPath: repository.path
@@ -1538,7 +1481,7 @@ const WorkspaceRepositoriesPanelContent = ({
     (repository) => {
       var _a;
       events.emit(
-        createPanelEvent("repository:opened", {
+        createPanelEvent$1("repository:opened", {
           repositoryId: ((_a = repository.github) == null ? void 0 : _a.id) || repository.name,
           repository
         })
@@ -1579,7 +1522,7 @@ const WorkspaceRepositoriesPanelContent = ({
   );
   useEffect(() => {
     const unsubscribers = [
-      events.on(`${PANEL_ID$3}:select-repository`, (event) => {
+      events.on(`${PANEL_ID$5}:select-repository`, (event) => {
         var _a;
         const path = (_a = event.payload) == null ? void 0 : _a.repositoryPath;
         if (path) {
@@ -1589,7 +1532,7 @@ const WorkspaceRepositoriesPanelContent = ({
           }
         }
       }),
-      events.on(`${PANEL_ID$3}:open-repository`, (event) => {
+      events.on(`${PANEL_ID$5}:open-repository`, (event) => {
         var _a;
         const path = (_a = event.payload) == null ? void 0 : _a.repositoryPath;
         if (path) {
@@ -1606,7 +1549,7 @@ const WorkspaceRepositoriesPanelContent = ({
     display: "flex",
     flexDirection: "column",
     height: "100%",
-    backgroundColor: theme2.colors.backgroundSecondary
+    backgroundColor: theme.colors.backgroundSecondary
   };
   const contentContainerStyle = {
     ...baseContainerStyle,
@@ -1641,7 +1584,7 @@ const WorkspaceRepositoriesPanelContent = ({
                 {
                   size: 48,
                   style: {
-                    color: theme2.colors.textSecondary,
+                    color: theme.colors.textSecondary,
                     opacity: 0.5
                   }
                 }
@@ -1652,10 +1595,10 @@ const WorkspaceRepositoriesPanelContent = ({
                   {
                     style: {
                       margin: "0 0 8px 0",
-                      color: theme2.colors.text,
-                      fontSize: `${theme2.fontSizes[3]}px`,
-                      fontWeight: theme2.fontWeights.semibold,
-                      fontFamily: theme2.fonts.body
+                      color: theme.colors.text,
+                      fontSize: `${theme.fontSizes[3]}px`,
+                      fontWeight: theme.fontWeights.semibold,
+                      fontFamily: theme.fonts.body
                     },
                     children: "No Workspace Selected"
                   }
@@ -1665,9 +1608,9 @@ const WorkspaceRepositoriesPanelContent = ({
                   {
                     style: {
                       margin: 0,
-                      color: theme2.colors.textSecondary,
-                      fontSize: `${theme2.fontSizes[1]}px`,
-                      fontFamily: theme2.fonts.body
+                      color: theme.colors.textSecondary,
+                      fontSize: `${theme.fontSizes[1]}px`,
+                      fontFamily: theme.fonts.body
                     },
                     children: "Select a workspace to see its repositories."
                   }
@@ -1706,10 +1649,10 @@ const WorkspaceRepositoriesPanelContent = ({
               {
                 style: {
                   margin: 0,
-                  color: theme2.colors.text,
-                  fontSize: `${theme2.fontSizes[3]}px`,
-                  fontWeight: theme2.fontWeights.semibold,
-                  fontFamily: theme2.fonts.body
+                  color: theme.colors.text,
+                  fontSize: `${theme.fontSizes[3]}px`,
+                  fontWeight: theme.fontWeights.semibold,
+                  fontFamily: theme.fonts.body
                 },
                 children: "Loading repositories..."
               }
@@ -1719,9 +1662,6 @@ const WorkspaceRepositoriesPanelContent = ({
       }
     ) });
   }
-  const handleToggleEditMode = () => {
-    setIsEditMode(!isEditMode);
-  };
   return /* @__PURE__ */ jsxs("div", { style: contentContainerStyle, children: [
     /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsxs(
@@ -1735,99 +1675,66 @@ const WorkspaceRepositoriesPanelContent = ({
             marginBottom: "4px"
           },
           children: [
-            /* @__PURE__ */ jsxs(
-              "div",
+            /* @__PURE__ */ jsx(
+              "h3",
               {
                 style: {
-                  display: "flex",
-                  alignItems: "center",
-                  gap: "8px"
+                  margin: 0,
+                  fontSize: `${theme.fontSizes[2]}px`,
+                  fontWeight: theme.fontWeights.semibold,
+                  color: theme.colors.text,
+                  fontFamily: theme.fonts.body
                 },
-                children: [
-                  /* @__PURE__ */ jsx(
-                    "h3",
-                    {
-                      style: {
-                        margin: 0,
-                        fontSize: `${theme2.fontSizes[2]}px`,
-                        fontWeight: theme2.fontWeights.semibold,
-                        color: theme2.colors.text,
-                        fontFamily: theme2.fonts.body
-                      },
-                      children: workspace.name
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: handleToggleEditMode,
-                      title: isEditMode ? "Exit edit mode" : "Edit workspace",
-                      style: {
-                        display: "inline-flex",
-                        alignItems: "center",
-                        justifyContent: "center",
-                        width: "24px",
-                        height: "24px",
-                        padding: 0,
-                        borderRadius: "4px",
-                        border: "none",
-                        backgroundColor: isEditMode ? theme2.colors.backgroundTertiary || theme2.colors.backgroundSecondary : "transparent",
-                        color: isEditMode ? theme2.colors.primary : theme2.colors.textSecondary,
-                        cursor: "pointer",
-                        transition: "all 0.15s ease"
-                      },
-                      onMouseEnter: (event) => {
-                        if (!isEditMode) {
-                          event.currentTarget.style.backgroundColor = theme2.colors.backgroundTertiary || theme2.colors.backgroundSecondary;
-                          event.currentTarget.style.color = theme2.colors.text;
-                        }
-                      },
-                      onMouseLeave: (event) => {
-                        if (!isEditMode) {
-                          event.currentTarget.style.backgroundColor = "transparent";
-                          event.currentTarget.style.color = theme2.colors.textSecondary;
-                        }
-                      },
-                      children: /* @__PURE__ */ jsx(Pencil, { size: 14 })
-                    }
-                  )
-                ]
+                children: workspace.name
               }
             ),
             workspace.suggestedClonePath && /* @__PURE__ */ jsxs(
-              "div",
+              "button",
               {
+                type: "button",
+                onClick: async () => {
+                  try {
+                    await navigator.clipboard.writeText(workspace.suggestedClonePath);
+                    setCopiedPath(true);
+                    setTimeout(() => setCopiedPath(false), 2e3);
+                  } catch (err) {
+                    console.error("Failed to copy path:", err);
+                  }
+                },
+                onMouseEnter: () => setIsPathHovered(true),
+                onMouseLeave: () => setIsPathHovered(false),
+                title: copiedPath ? "Copied!" : `Click to copy: ${workspace.suggestedClonePath}`,
                 style: {
                   display: "flex",
                   alignItems: "center",
                   gap: "6px",
-                  minWidth: 0
+                  padding: "4px 8px",
+                  borderRadius: "4px",
+                  border: `1px solid ${copiedPath ? theme.colors.success || "#10b981" : theme.colors.border}`,
+                  backgroundColor: copiedPath ? `${theme.colors.success || "#10b981"}15` : theme.colors.backgroundTertiary,
+                  color: copiedPath ? theme.colors.success || "#10b981" : theme.colors.textSecondary,
+                  cursor: "pointer",
+                  transition: "all 0.15s ease",
+                  minWidth: 0,
+                  maxWidth: isPathHovered || copiedPath ? "200px" : "32px",
+                  overflow: "hidden"
                 },
                 children: [
-                  /* @__PURE__ */ jsx(
-                    House,
-                    {
-                      size: 14,
-                      style: {
-                        color: theme2.colors.textSecondary,
-                        flexShrink: 0
-                      }
-                    }
-                  ),
+                  copiedPath ? /* @__PURE__ */ jsx(Check, { size: 14, style: { flexShrink: 0 } }) : /* @__PURE__ */ jsx(House, { size: 14, style: { flexShrink: 0 } }),
                   /* @__PURE__ */ jsx(
                     "span",
                     {
                       style: {
-                        fontSize: `${theme2.fontSizes[0]}px`,
-                        color: theme2.colors.textSecondary,
-                        fontFamily: theme2.fonts.monospace,
+                        fontSize: `${theme.fontSizes[0]}px`,
+                        fontFamily: theme.fonts.monospace,
                         whiteSpace: "nowrap",
                         overflow: "hidden",
-                        textOverflow: "ellipsis"
+                        textOverflow: "ellipsis",
+                        opacity: isPathHovered || copiedPath ? 1 : 0,
+                        width: isPathHovered || copiedPath ? "auto" : 0,
+                        transition: "opacity 0.15s ease"
                       },
-                      title: workspace.suggestedClonePath,
-                      children: workspace.suggestedClonePath
+                      children: copiedPath ? "Copied!" : workspace.suggestedClonePath
                     }
                   )
                 ]
@@ -1841,9 +1748,9 @@ const WorkspaceRepositoriesPanelContent = ({
         {
           style: {
             margin: 0,
-            fontSize: `${theme2.fontSizes[1]}px`,
-            color: theme2.colors.textSecondary,
-            fontFamily: theme2.fonts.body
+            fontSize: `${theme.fontSizes[1]}px`,
+            color: theme.colors.textSecondary,
+            fontFamily: theme.fonts.body
           },
           children: workspace.description
         }
@@ -1866,59 +1773,26 @@ const WorkspaceRepositoriesPanelContent = ({
               style: {
                 padding: "32px",
                 textAlign: "center",
-                color: theme2.colors.textSecondary
+                color: theme.colors.textSecondary
               },
               children: /* @__PURE__ */ jsx("p", { style: { margin: 0 }, children: "No repositories in this workspace." })
             }
           ),
           repositoriesInWorkspace.length > 0 && /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
-            /* @__PURE__ */ jsxs(
-              "div",
+            /* @__PURE__ */ jsx(
+              "h4",
               {
                 style: {
-                  display: "flex",
-                  alignItems: "center",
-                  gap: "6px",
-                  paddingBottom: "4px"
+                  margin: 0,
+                  paddingBottom: "4px",
+                  fontSize: `${theme.fontSizes[1]}px`,
+                  fontWeight: theme.fontWeights.semibold,
+                  color: theme.colors.textSecondary,
+                  fontFamily: theme.fonts.body,
+                  textTransform: "uppercase",
+                  letterSpacing: "0.5px"
                 },
-                children: [
-                  /* @__PURE__ */ jsx(
-                    House,
-                    {
-                      size: 14,
-                      style: {
-                        color: theme2.colors.success || "#10b981",
-                        flexShrink: 0
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "h4",
-                    {
-                      style: {
-                        margin: 0,
-                        fontSize: `${theme2.fontSizes[1]}px`,
-                        fontWeight: theme2.fontWeights.semibold,
-                        color: theme2.colors.textSecondary,
-                        fontFamily: theme2.fonts.body,
-                        textTransform: "uppercase",
-                        letterSpacing: "0.5px"
-                      },
-                      children: "In Workspace Directory"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      style: {
-                        fontSize: `${theme2.fontSizes[0]}px`,
-                        color: theme2.colors.textTertiary || theme2.colors.textSecondary,
-                        fontWeight: theme2.fontWeights.medium
-                      },
-                      children: repositoriesInWorkspace.length
-                    }
-                  )
-                ]
+                children: "In Workspace Directory"
               }
             ),
             /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: repositoriesInWorkspace.map((repository) => /* @__PURE__ */ jsx(
@@ -1926,7 +1800,6 @@ const WorkspaceRepositoriesPanelContent = ({
               {
                 entry: repository,
                 actionMode: "workspace",
-                isEditMode,
                 isInWorkspaceDirectory: true,
                 workspacePath: workspace.suggestedClonePath,
                 onSelect: handleSelectRepository,
@@ -1938,84 +1811,858 @@ const WorkspaceRepositoriesPanelContent = ({
             )) })
           ] }),
           repositoriesOutsideWorkspace.length > 0 && /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
-            /* @__PURE__ */ jsxs(
-              "div",
+            /* @__PURE__ */ jsx(
+              "h4",
+              {
+                style: {
+                  margin: 0,
+                  paddingBottom: "4px",
+                  fontSize: `${theme.fontSizes[1]}px`,
+                  fontWeight: theme.fontWeights.semibold,
+                  color: theme.colors.textSecondary,
+                  fontFamily: theme.fonts.body,
+                  textTransform: "uppercase",
+                  letterSpacing: "0.5px"
+                },
+                children: "Outside Workspace Directory"
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: repositoriesOutsideWorkspace.map((repository) => /* @__PURE__ */ jsx(
+              LocalProjectCard,
+              {
+                entry: repository,
+                actionMode: "workspace",
+                isInWorkspaceDirectory: false,
+                workspacePath: workspace.suggestedClonePath,
+                onSelect: handleSelectRepository,
+                onOpen: handleOpenRepository,
+                onRemoveFromWorkspace: handleRemoveFromWorkspace,
+                onMoveToWorkspace: handleMoveToWorkspace
+              },
+              repository.path
+            )) })
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+const WorkspaceRepositoriesPanel = (props) => {
+  return /* @__PURE__ */ jsx(WorkspaceRepositoriesPanelContent, { ...props });
+};
+const WorkspaceCard = ({
+  workspace,
+  isSelected = false,
+  isDefault = false,
+  onClick,
+  onOpen,
+  onDelete,
+  onUpdateName,
+  themeColor
+}) => {
+  const { theme } = useTheme();
+  const [isHovered, setIsHovered] = useState(false);
+  const [isEditing, setIsEditing] = useState(false);
+  const [editedName, setEditedName] = useState(workspace.name);
+  const [isSaving, setIsSaving] = useState(false);
+  const iconColor = themeColor || theme.colors.primary;
+  const handleStartEdit = (e) => {
+    e.stopPropagation();
+    setIsEditing(true);
+    setEditedName(workspace.name);
+  };
+  const handleSave = async (e) => {
+    if (e) e.stopPropagation();
+    const trimmedName = editedName.trim();
+    if (!trimmedName || trimmedName === workspace.name) {
+      setIsEditing(false);
+      setEditedName(workspace.name);
+      return;
+    }
+    if (!onUpdateName) {
+      setIsEditing(false);
+      return;
+    }
+    try {
+      setIsSaving(true);
+      await onUpdateName(workspace.id, trimmedName);
+      setIsEditing(false);
+    } catch (error) {
+      console.error("Failed to update workspace name:", error);
+      setEditedName(workspace.name);
+    } finally {
+      setIsSaving(false);
+    }
+  };
+  const handleCancel = (e) => {
+    if (e) e.stopPropagation();
+    setIsEditing(false);
+    setEditedName(workspace.name);
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      handleSave();
+    } else if (e.key === "Escape") {
+      e.preventDefault();
+      handleCancel();
+    }
+  };
+  const handleClick = () => {
+    if (!isEditing) {
+      onClick == null ? void 0 : onClick(workspace);
+    }
+  };
+  const handleDoubleClick = () => {
+    if (!isEditing) {
+      onOpen == null ? void 0 : onOpen(workspace);
+    }
+  };
+  const handleOpenClick = (e) => {
+    e.stopPropagation();
+    onOpen == null ? void 0 : onOpen(workspace);
+  };
+  const handleDeleteClick = (e) => {
+    e.stopPropagation();
+    onDelete == null ? void 0 : onDelete(workspace);
+  };
+  const cardStyle = {
+    display: "flex",
+    flexDirection: "row",
+    gap: "8px",
+    padding: "12px",
+    borderRadius: "6px",
+    backgroundColor: isSelected ? theme.colors.backgroundTertiary : isHovered ? theme.colors.backgroundTertiary : "transparent",
+    border: `1px solid ${isSelected ? theme.colors.primary || theme.colors.border : isHovered ? theme.colors.border : "transparent"}`,
+    cursor: isEditing ? "default" : "pointer",
+    transition: "all 0.15s ease"
+  };
+  const headerStyle = {
+    display: "flex",
+    alignItems: "center",
+    gap: "8px",
+    color: theme.colors.text,
+    fontSize: `${theme.fontSizes[2]}px`,
+    fontWeight: theme.fontWeights.semibold,
+    fontFamily: theme.fonts.body
+  };
+  const actionButtonStyle = {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    width: "24px",
+    height: "24px",
+    padding: 0,
+    border: "none",
+    borderRadius: "4px",
+    backgroundColor: "transparent",
+    color: theme.colors.textSecondary,
+    cursor: "pointer",
+    opacity: isHovered ? 1 : 0,
+    pointerEvents: isHovered ? "auto" : "none",
+    transition: "all 0.15s ease"
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: cardStyle,
+      onClick: handleClick,
+      onDoubleClick: handleDoubleClick,
+      onMouseEnter: () => setIsHovered(true),
+      onMouseLeave: () => setIsHovered(false),
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              width: "40px",
+              height: "40px",
+              borderRadius: "6px",
+              backgroundColor: `color-mix(in srgb, ${iconColor} 12%, transparent)`,
+              color: iconColor,
+              flexShrink: 0,
+              marginTop: "2px"
+            },
+            children: workspace.icon ? /* @__PURE__ */ jsx("span", { style: { fontSize: `${theme.fontSizes[3]}px` }, children: workspace.icon }) : /* @__PURE__ */ jsx(DoorClosed, { size: 24 })
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              flex: 1,
+              display: "flex",
+              flexDirection: "column",
+              gap: "4px",
+              minWidth: 0
+            },
+            children: [
+              /* @__PURE__ */ jsx("div", { style: headerStyle, children: isEditing ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "text",
+                    value: editedName,
+                    onChange: (e) => setEditedName(e.target.value),
+                    onKeyDown: handleKeyDown,
+                    onClick: (e) => e.stopPropagation(),
+                    autoFocus: true,
+                    disabled: isSaving,
+                    style: {
+                      flex: 1,
+                      padding: "4px 8px",
+                      borderRadius: "4px",
+                      border: `1px solid ${theme.colors.border}`,
+                      backgroundColor: theme.colors.background,
+                      color: theme.colors.text,
+                      fontSize: `${theme.fontSizes[2]}px`,
+                      fontWeight: theme.fontWeights.semibold,
+                      fontFamily: theme.fonts.body,
+                      outline: "none"
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: handleSave,
+                    disabled: isSaving,
+                    title: "Save (Enter)",
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      width: "24px",
+                      height: "24px",
+                      padding: 0,
+                      border: "none",
+                      borderRadius: "4px",
+                      backgroundColor: theme.colors.success,
+                      color: theme.colors.background,
+                      cursor: isSaving ? "not-allowed" : "pointer",
+                      opacity: isSaving ? 0.6 : 1,
+                      transition: "opacity 0.15s ease"
+                    },
+                    children: /* @__PURE__ */ jsx(Check, { size: 16 })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: handleCancel,
+                    disabled: isSaving,
+                    title: "Cancel (Esc)",
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      width: "24px",
+                      height: "24px",
+                      padding: 0,
+                      border: "none",
+                      borderRadius: "4px",
+                      backgroundColor: theme.colors.backgroundTertiary,
+                      color: theme.colors.text,
+                      cursor: isSaving ? "not-allowed" : "pointer",
+                      opacity: isSaving ? 0.6 : 1,
+                      transition: "opacity 0.15s ease"
+                    },
+                    children: /* @__PURE__ */ jsx(X, { size: 16 })
+                  }
+                )
+              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    style: {
+                      flex: 1,
+                      whiteSpace: "nowrap",
+                      overflow: "hidden",
+                      textOverflow: "ellipsis"
+                    },
+                    children: workspace.name
+                  }
+                ),
+                onOpen && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: handleOpenClick,
+                    title: "Open workspace",
+                    style: actionButtonStyle,
+                    onMouseEnter: (e) => {
+                      e.currentTarget.style.backgroundColor = theme.colors.backgroundTertiary;
+                      e.currentTarget.style.color = theme.colors.text;
+                    },
+                    onMouseLeave: (e) => {
+                      e.currentTarget.style.backgroundColor = "transparent";
+                      e.currentTarget.style.color = theme.colors.textSecondary;
+                    },
+                    children: /* @__PURE__ */ jsx(ExternalLink, { size: 16 })
+                  }
+                ),
+                onUpdateName && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: handleStartEdit,
+                    title: "Edit workspace name",
+                    style: actionButtonStyle,
+                    onMouseEnter: (e) => {
+                      e.currentTarget.style.backgroundColor = theme.colors.backgroundTertiary;
+                      e.currentTarget.style.color = theme.colors.text;
+                    },
+                    onMouseLeave: (e) => {
+                      e.currentTarget.style.backgroundColor = "transparent";
+                      e.currentTarget.style.color = theme.colors.textSecondary;
+                    },
+                    children: /* @__PURE__ */ jsx(Pen, { size: 16 })
+                  }
+                ),
+                onDelete && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: handleDeleteClick,
+                    title: "Delete workspace",
+                    style: actionButtonStyle,
+                    onMouseEnter: (e) => {
+                      e.currentTarget.style.backgroundColor = `${theme.colors.error}15`;
+                      e.currentTarget.style.color = theme.colors.error;
+                    },
+                    onMouseLeave: (e) => {
+                      e.currentTarget.style.backgroundColor = "transparent";
+                      e.currentTarget.style.color = theme.colors.textSecondary;
+                    },
+                    children: /* @__PURE__ */ jsx(Trash2, { size: 16 })
+                  }
+                ),
+                isDefault && /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    style: {
+                      fontSize: `${theme.fontSizes[1]}px`,
+                      color: theme.colors.textSecondary,
+                      fontWeight: 400,
+                      flexShrink: 0
+                    },
+                    children: "Default"
+                  }
+                )
+              ] }) }),
+              workspace.description && !isEditing && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    fontSize: `${theme.fontSizes[1]}px`,
+                    color: theme.colors.textSecondary,
+                    fontFamily: theme.fonts.body,
+                    lineHeight: 1.4,
+                    whiteSpace: "nowrap",
+                    overflow: "hidden",
+                    textOverflow: "ellipsis"
+                  },
+                  title: workspace.description,
+                  children: workspace.description
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+const PANEL_ID$4 = "industry-theme.workspaces-list";
+const createPanelEvent = (type, payload) => ({
+  type,
+  source: PANEL_ID$4,
+  timestamp: Date.now(),
+  payload
+});
+const WorkspacesListPanelContent = ({
+  context,
+  actions,
+  events
+}) => {
+  var _a, _b;
+  const { theme } = useTheme();
+  const [searchQuery, setSearchQuery] = useState("");
+  const [showSearchBox, setShowSearchBox] = useState(false);
+  const [selectedWorkspaceId, setSelectedWorkspaceId] = useState(null);
+  const [workspaceRepositories, setWorkspaceRepositories] = useState(
+    /* @__PURE__ */ new Map()
+  );
+  const [isCreating, setIsCreating] = useState(false);
+  const panelActions = actions;
+  const workspacesSlice = context.getSlice("workspaces");
+  const workspaces = useMemo(
+    () => {
+      var _a2;
+      return ((_a2 = workspacesSlice == null ? void 0 : workspacesSlice.data) == null ? void 0 : _a2.workspaces) || [];
+    },
+    [(_a = workspacesSlice == null ? void 0 : workspacesSlice.data) == null ? void 0 : _a.workspaces]
+  );
+  const defaultWorkspaceId = ((_b = workspacesSlice == null ? void 0 : workspacesSlice.data) == null ? void 0 : _b.defaultWorkspaceId) ?? null;
+  const loading = (workspacesSlice == null ? void 0 : workspacesSlice.loading) ?? false;
+  useEffect(() => {
+    const loadRepositories = async () => {
+      if (!panelActions.getWorkspaceRepositories || workspaces.length === 0) {
+        return;
+      }
+      const repoMap = /* @__PURE__ */ new Map();
+      await Promise.all(
+        workspaces.map(async (workspace) => {
+          try {
+            const repos = await panelActions.getWorkspaceRepositories(workspace.id);
+            repoMap.set(workspace.id, repos.map((r) => r.name));
+          } catch (error) {
+            console.error(`Failed to load repos for workspace ${workspace.id}:`, error);
+            repoMap.set(workspace.id, []);
+          }
+        })
+      );
+      setWorkspaceRepositories(repoMap);
+    };
+    loadRepositories();
+  }, [workspaces, panelActions]);
+  const sortedWorkspaces = useMemo(() => {
+    let filtered = workspaces;
+    if (searchQuery.trim()) {
+      const query = searchQuery.toLowerCase().trim();
+      filtered = workspaces.filter((workspace) => {
+        var _a2;
+        if (workspace.name.toLowerCase().includes(query)) {
+          return true;
+        }
+        if ((_a2 = workspace.description) == null ? void 0 : _a2.toLowerCase().includes(query)) {
+          return true;
+        }
+        const repos = workspaceRepositories.get(workspace.id) || [];
+        return repos.some((repoName) => repoName.toLowerCase().includes(query));
+      });
+    }
+    return [...filtered].sort((a, b) => {
+      if (a.id === defaultWorkspaceId) return -1;
+      if (b.id === defaultWorkspaceId) return 1;
+      return a.name.toLowerCase().localeCompare(b.name.toLowerCase());
+    });
+  }, [workspaces, defaultWorkspaceId, searchQuery, workspaceRepositories]);
+  const handleWorkspaceSelect = useCallback(
+    (workspace) => {
+      setSelectedWorkspaceId(workspace.id);
+      events.emit(
+        createPanelEvent(`${PANEL_ID$4}:workspace:selected`, {
+          workspaceId: workspace.id,
+          workspace
+        })
+      );
+    },
+    [events]
+  );
+  const handleOpenWorkspace = useCallback(
+    async (workspace) => {
+      if (!panelActions.openWorkspace) {
+        console.warn("Open workspace action not available");
+        return;
+      }
+      try {
+        await panelActions.openWorkspace(workspace.id);
+        events.emit(
+          createPanelEvent(`${PANEL_ID$4}:workspace:opened`, {
+            workspaceId: workspace.id,
+            workspace
+          })
+        );
+      } catch (error) {
+        console.error("Failed to open workspace:", error);
+      }
+    },
+    [panelActions, events]
+  );
+  const handleDeleteWorkspace = useCallback(
+    async (workspace) => {
+      if (!panelActions.deleteWorkspace) {
+        console.warn("Delete workspace action not available");
+        return;
+      }
+      const confirmed = window.confirm(
+        `Are you sure you want to delete "${workspace.name}"? This action cannot be undone.`
+      );
+      if (!confirmed) return;
+      try {
+        await panelActions.deleteWorkspace(workspace.id);
+        events.emit(
+          createPanelEvent(`${PANEL_ID$4}:workspace:deleted`, {
+            workspaceId: workspace.id
+          })
+        );
+        await context.refresh("workspace", "workspaces");
+      } catch (error) {
+        console.error("Failed to delete workspace:", error);
+      }
+    },
+    [panelActions, events, context]
+  );
+  const handleUpdateWorkspaceName = useCallback(
+    async (workspaceId, newName) => {
+      if (!panelActions.updateWorkspace) {
+        console.warn("Update workspace action not available");
+        return;
+      }
+      await panelActions.updateWorkspace(workspaceId, { name: newName });
+      await context.refresh("workspace", "workspaces");
+    },
+    [panelActions, context]
+  );
+  const handleCreateWorkspace = useCallback(async () => {
+    if (!panelActions.createWorkspace) {
+      console.warn("Create workspace action not available");
+      return;
+    }
+    const name = window.prompt("Enter workspace name:");
+    if (!(name == null ? void 0 : name.trim())) return;
+    try {
+      setIsCreating(true);
+      const workspace = await panelActions.createWorkspace(name.trim());
+      events.emit(
+        createPanelEvent(`${PANEL_ID$4}:workspace:created`, {
+          workspaceId: workspace.id,
+          workspace
+        })
+      );
+      await context.refresh("workspace", "workspaces");
+    } catch (error) {
+      console.error("Failed to create workspace:", error);
+    } finally {
+      setIsCreating(false);
+    }
+  }, [panelActions, events, context]);
+  useEffect(() => {
+    const unsubscribers = [
+      // Select workspace event from tools
+      events.on(`${PANEL_ID$4}:select-workspace`, (event) => {
+        var _a2;
+        const workspaceId = (_a2 = event.payload) == null ? void 0 : _a2.workspaceId;
+        if (workspaceId) {
+          const workspace = workspaces.find((w) => w.id === workspaceId);
+          if (workspace) {
+            handleWorkspaceSelect(workspace);
+          }
+        }
+      }),
+      // Open workspace event from tools
+      events.on(`${PANEL_ID$4}:open-workspace`, (event) => {
+        var _a2;
+        const workspaceId = (_a2 = event.payload) == null ? void 0 : _a2.workspaceId;
+        if (workspaceId) {
+          const workspace = workspaces.find((w) => w.id === workspaceId);
+          if (workspace) {
+            handleOpenWorkspace(workspace);
+          }
+        }
+      }),
+      // Create workspace event from tools
+      events.on(
+        `${PANEL_ID$4}:create-workspace`,
+        async (event) => {
+          const { name, description } = event.payload || {};
+          if (name && panelActions.createWorkspace) {
+            try {
+              const workspace = await panelActions.createWorkspace(name, { description });
+              events.emit(
+                createPanelEvent(`${PANEL_ID$4}:workspace:created`, {
+                  workspaceId: workspace.id,
+                  workspace
+                })
+              );
+              await context.refresh("workspace", "workspaces");
+            } catch (error) {
+              console.error("Failed to create workspace:", error);
+            }
+          }
+        }
+      )
+    ];
+    return () => unsubscribers.forEach((unsub) => unsub());
+  }, [events, workspaces, handleWorkspaceSelect, handleOpenWorkspace, panelActions, context]);
+  const baseContainerStyle = {
+    display: "flex",
+    flexDirection: "column",
+    height: "100%",
+    backgroundColor: theme.colors.backgroundSecondary
+  };
+  const contentContainerStyle = {
+    ...baseContainerStyle,
+    padding: "16px",
+    gap: "12px"
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { style: baseContainerStyle, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          flex: 1,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          padding: "32px",
+          textAlign: "center"
+        },
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              gap: "16px",
+              maxWidth: "360px"
+            },
+            children: /* @__PURE__ */ jsx(
+              "h3",
+              {
+                style: {
+                  margin: 0,
+                  color: theme.colors.text,
+                  fontSize: `${theme.fontSizes[3]}px`,
+                  fontWeight: theme.fontWeights.semibold,
+                  fontFamily: theme.fonts.body
+                },
+                children: "Loading workspaces..."
+              }
+            )
+          }
+        )
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs("div", { style: contentContainerStyle, children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          gap: "8px"
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            "h3",
+            {
+              style: {
+                margin: 0,
+                fontSize: `${theme.fontSizes[2]}px`,
+                fontWeight: theme.fontWeights.semibold,
+                color: theme.colors.text,
+                fontFamily: theme.fonts.body
+              },
+              children: "Workspaces"
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "8px" }, children: [
+            /* @__PURE__ */ jsx(
+              "button",
               {
+                onClick: () => {
+                  setShowSearchBox(!showSearchBox);
+                  if (showSearchBox) {
+                    setSearchQuery("");
+                  }
+                },
                 style: {
                   display: "flex",
                   alignItems: "center",
-                  gap: "6px",
-                  paddingBottom: "4px"
+                  justifyContent: "center",
+                  width: "28px",
+                  height: "28px",
+                  borderRadius: "6px",
+                  border: `1px solid ${theme.colors.border}`,
+                  backgroundColor: showSearchBox ? theme.colors.primary : theme.colors.backgroundTertiary,
+                  color: showSearchBox ? theme.colors.background : theme.colors.text,
+                  cursor: "pointer",
+                  transition: "all 0.15s ease"
                 },
-                children: [
-                  /* @__PURE__ */ jsx(
-                    TriangleAlert,
-                    {
-                      size: 14,
-                      style: {
-                        color: theme2.colors.warning || "#f59e0b",
-                        flexShrink: 0
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "h4",
-                    {
-                      style: {
-                        margin: 0,
-                        fontSize: `${theme2.fontSizes[1]}px`,
-                        fontWeight: theme2.fontWeights.semibold,
-                        color: theme2.colors.textSecondary,
-                        fontFamily: theme2.fonts.body,
-                        textTransform: "uppercase",
-                        letterSpacing: "0.5px"
-                      },
-                      children: "Outside Workspace Directory"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      style: {
-                        fontSize: `${theme2.fontSizes[0]}px`,
-                        color: theme2.colors.textTertiary || theme2.colors.textSecondary,
-                        fontWeight: theme2.fontWeights.medium
-                      },
-                      children: repositoriesOutsideWorkspace.length
-                    }
-                  )
-                ]
+                title: "Search workspaces",
+                children: /* @__PURE__ */ jsx(Search, { size: 16 })
               }
             ),
-            /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: repositoriesOutsideWorkspace.map((repository) => /* @__PURE__ */ jsx(
-              LocalProjectCard,
+            panelActions.createWorkspace && /* @__PURE__ */ jsx(
+              "button",
               {
-                entry: repository,
-                actionMode: "workspace",
-                isEditMode,
-                isInWorkspaceDirectory: false,
-                workspacePath: workspace.suggestedClonePath,
-                onSelect: handleSelectRepository,
-                onOpen: handleOpenRepository,
-                onRemoveFromWorkspace: handleRemoveFromWorkspace,
-                onMoveToWorkspace: handleMoveToWorkspace
-              },
-              repository.path
-            )) })
+                onClick: handleCreateWorkspace,
+                disabled: isCreating,
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  width: "28px",
+                  height: "28px",
+                  borderRadius: "6px",
+                  border: `1px solid ${theme.colors.border}`,
+                  backgroundColor: theme.colors.primary,
+                  color: theme.colors.background,
+                  cursor: isCreating ? "not-allowed" : "pointer",
+                  opacity: isCreating ? 0.6 : 1,
+                  transition: "all 0.15s ease"
+                },
+                title: "Create new workspace",
+                children: /* @__PURE__ */ jsx(Plus, { size: 16 })
+              }
+            )
           ] })
         ]
       }
+    ),
+    showSearchBox && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: "8px"
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              value: searchQuery,
+              onChange: (e) => setSearchQuery(e.target.value),
+              placeholder: "Search by workspace or repository name...",
+              autoFocus: true,
+              style: {
+                flex: 1,
+                padding: "8px 12px",
+                borderRadius: "6px",
+                border: `1px solid ${theme.colors.border}`,
+                backgroundColor: theme.colors.background,
+                color: theme.colors.text,
+                fontSize: `${theme.fontSizes[1]}px`,
+                fontFamily: theme.fonts.body,
+                outline: "none"
+              }
+            }
+          ),
+          searchQuery && /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => setSearchQuery(""),
+              style: {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                width: "28px",
+                height: "28px",
+                borderRadius: "6px",
+                border: `1px solid ${theme.colors.border}`,
+                backgroundColor: theme.colors.backgroundTertiary,
+                color: theme.colors.text,
+                cursor: "pointer",
+                transition: "all 0.15s ease"
+              },
+              title: "Clear search",
+              children: /* @__PURE__ */ jsx(X, { size: 16 })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          flex: 1,
+          overflowY: "auto",
+          display: "flex",
+          flexDirection: "column",
+          gap: "4px"
+        },
+        children: [
+          sortedWorkspaces.map((workspace) => /* @__PURE__ */ jsx(
+            WorkspaceCard,
+            {
+              workspace,
+              isSelected: workspace.id === selectedWorkspaceId,
+              isDefault: workspace.id === defaultWorkspaceId,
+              onClick: handleWorkspaceSelect,
+              onOpen: panelActions.openWorkspace ? handleOpenWorkspace : void 0,
+              onDelete: panelActions.deleteWorkspace ? handleDeleteWorkspace : void 0,
+              onUpdateName: panelActions.updateWorkspace ? handleUpdateWorkspaceName : void 0
+            },
+            workspace.id
+          )),
+          sortedWorkspaces.length === 0 && !loading && /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                padding: "32px",
+                textAlign: "center",
+                color: theme.colors.textSecondary
+              },
+              children: /* @__PURE__ */ jsx("p", { style: { margin: 0 }, children: searchQuery.trim() ? `No workspaces found matching "${searchQuery}"` : "No workspaces found." })
+            }
+          )
+        ]
+      }
     )
   ] });
 };
-const WorkspaceRepositoriesPanel = (props) => {
-  return /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(WorkspaceRepositoriesPanelContent, { ...props }) });
+const WorkspacesListPanel = (props) => {
+  return /* @__PURE__ */ jsx(WorkspacesListPanelContent, { ...props });
+};
+const WorkspacesListPanelPreview = () => {
+  const { theme } = useTheme();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        padding: "12px",
+        fontSize: `${theme.fontSizes[0]}px`,
+        fontFamily: theme.fonts.body,
+        color: theme.colors.text,
+        display: "flex",
+        flexDirection: "column",
+        gap: "8px"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "6px",
+              fontWeight: theme.fontWeights.semibold
+            },
+            children: [
+              /* @__PURE__ */ jsx(Layers, { size: 16, style: { color: theme.colors.primary } }),
+              /* @__PURE__ */ jsx("span", { children: "Workspaces" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              fontSize: `${theme.fontSizes[0]}px`,
+              fontFamily: theme.fonts.body,
+              color: theme.colors.textSecondary,
+              marginTop: "4px"
+            },
+            children: "Browse and manage your workspaces"
+          }
+        )
+      ]
+    }
+  );
 };
 const DependencyInfoModal = ({
   isOpen,
   onClose
 }) => {
-  const { theme: theme2 } = useTheme();
+  const { theme } = useTheme();
   if (!isOpen) return null;
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
     "div",
@@ -2026,8 +2673,8 @@ const DependencyInfoModal = ({
         left: 0,
         right: 0,
         bottom: 0,
-        backgroundColor: theme2.colors.muted,
-        zIndex: theme2.zIndices[4],
+        backgroundColor: theme.colors.muted,
+        zIndex: theme.zIndices[4],
         display: "flex",
         alignItems: "center",
         justifyContent: "center"
@@ -2037,15 +2684,15 @@ const DependencyInfoModal = ({
         "div",
         {
           style: {
-            backgroundColor: theme2.colors.background,
-            borderRadius: `${theme2.radii[3]}px`,
+            backgroundColor: theme.colors.background,
+            borderRadius: `${theme.radii[3]}px`,
             maxWidth: "600px",
             maxHeight: "80vh",
             width: "90%",
             overflow: "hidden",
             display: "flex",
             flexDirection: "column",
-            boxShadow: theme2.shadows[3]
+            boxShadow: theme.shadows[3]
           },
           onClick: (e) => e.stopPropagation(),
           children: [
@@ -2053,8 +2700,8 @@ const DependencyInfoModal = ({
               "div",
               {
                 style: {
-                  padding: `${theme2.space[4]}px`,
-                  borderBottom: `1px solid ${theme2.colors.border}`,
+                  padding: `${theme.space[4]}px`,
+                  borderBottom: `1px solid ${theme.colors.border}`,
                   display: "flex",
                   alignItems: "center",
                   justifyContent: "space-between"
@@ -2064,12 +2711,12 @@ const DependencyInfoModal = ({
                     "h2",
                     {
                       style: {
-                        fontSize: `${theme2.fontSizes[4]}px`,
-                        fontWeight: theme2.fontWeights.semibold,
-                        color: theme2.colors.text,
+                        fontSize: `${theme.fontSizes[4]}px`,
+                        fontWeight: theme.fontWeights.semibold,
+                        color: theme.colors.text,
                         display: "flex",
                         alignItems: "center",
-                        gap: `${theme2.space[2]}px`,
+                        gap: `${theme.space[2]}px`,
                         margin: 0
                       },
                       children: [
@@ -2085,9 +2732,9 @@ const DependencyInfoModal = ({
                       style: {
                         background: "none",
                         border: "none",
-                        color: theme2.colors.textSecondary,
+                        color: theme.colors.textSecondary,
                         cursor: "pointer",
-                        padding: `${theme2.space[1]}px`
+                        padding: `${theme.space[1]}px`
                       },
                       children: /* @__PURE__ */ jsx(X, { size: 20 })
                     }
@@ -2099,7 +2746,7 @@ const DependencyInfoModal = ({
               "div",
               {
                 style: {
-                  padding: `${theme2.space[4]}px`,
+                  padding: `${theme.space[4]}px`,
                   overflow: "auto",
                   flex: 1
                 },
@@ -2109,33 +2756,33 @@ const DependencyInfoModal = ({
                     {
                       icon: /* @__PURE__ */ jsx(Package, { size: 18 }),
                       title: "Dependency Types",
-                      theme: theme2,
+                      theme,
                       children: [
                         /* @__PURE__ */ jsx(
                           InfoItem,
                           {
-                            badge: { text: "prod", color: theme2.colors.primary },
+                            badge: { text: "prod", color: theme.colors.primary },
                             title: "Production Dependencies",
                             description: "Required for your application to run in production. These are bundled with your app and affect its size and security.",
-                            theme: theme2
+                            theme
                           }
                         ),
                         /* @__PURE__ */ jsx(
                           InfoItem,
                           {
-                            badge: { text: "dev", color: theme2.colors.secondary },
+                            badge: { text: "dev", color: theme.colors.secondary },
                             title: "Development Dependencies",
                             description: "Only needed during development (build tools, testing, linters). Not included in production builds.",
-                            theme: theme2
+                            theme
                           }
                         ),
                         /* @__PURE__ */ jsx(
                           InfoItem,
                           {
-                            badge: { text: "peer", color: theme2.colors.accent },
+                            badge: { text: "peer", color: theme.colors.accent },
                             title: "Peer Dependencies",
                             description: "Expected to be provided by the consumer of your package. Important for library authors to specify compatibility.",
-                            theme: theme2
+                            theme
                           }
                         )
                       ]
@@ -2146,24 +2793,24 @@ const DependencyInfoModal = ({
                     {
                       icon: /* @__PURE__ */ jsx(Scale, { size: 18 }),
                       title: "Common Licenses",
-                      theme: theme2,
+                      theme,
                       children: [
                         /* @__PURE__ */ jsx(
                           InfoItem,
                           {
-                            badge: { text: "MIT", color: theme2.colors.success },
+                            badge: { text: "MIT", color: theme.colors.success },
                             title: "Permissive Licenses (MIT, Apache, BSD)",
                             description: "Few restrictions. Can use in commercial projects. Must include copyright notice.",
-                            theme: theme2
+                            theme
                           }
                         ),
                         /* @__PURE__ */ jsx(
                           InfoItem,
                           {
-                            badge: { text: "GPL", color: theme2.colors.warning },
+                            badge: { text: "GPL", color: theme.colors.warning },
                             title: "Copyleft Licenses (GPL, LGPL, AGPL)",
                             description: "Requires sharing source code of derivative works. Can impact your project's licensing.",
-                            theme: theme2
+                            theme
                           }
                         )
                       ]
@@ -2178,18 +2825,18 @@ const DependencyInfoModal = ({
     }
   ) });
 };
-const Section = ({ icon, title, theme: theme2, children }) => /* @__PURE__ */ jsxs("div", { style: { marginBottom: `${theme2.space[5]}px` }, children: [
+const Section = ({ icon, title, theme, children }) => /* @__PURE__ */ jsxs("div", { style: { marginBottom: `${theme.space[5]}px` }, children: [
   /* @__PURE__ */ jsxs(
     "h3",
     {
       style: {
-        fontSize: `${theme2.fontSizes[2]}px`,
-        fontWeight: theme2.fontWeights.semibold,
-        color: theme2.colors.text,
-        marginBottom: `${theme2.space[3]}px`,
+        fontSize: `${theme.fontSizes[2]}px`,
+        fontWeight: theme.fontWeights.semibold,
+        color: theme.colors.text,
+        marginBottom: `${theme.space[3]}px`,
         display: "flex",
         alignItems: "center",
-        gap: `${theme2.space[2]}px`
+        gap: `${theme.space[2]}px`
       },
       children: [
         icon,
@@ -2203,20 +2850,20 @@ const Section = ({ icon, title, theme: theme2, children }) => /* @__PURE__ */ js
       style: {
         display: "flex",
         flexDirection: "column",
-        gap: `${theme2.space[2]}px`
+        gap: `${theme.space[2]}px`
       },
       children
     }
   )
 ] });
-const InfoItem = ({ badge, title, description, theme: theme2 }) => /* @__PURE__ */ jsxs(
+const InfoItem = ({ badge, title, description, theme }) => /* @__PURE__ */ jsxs(
   "div",
   {
     style: {
-      padding: `${theme2.space[3]}px`,
-      backgroundColor: theme2.colors.backgroundSecondary,
-      borderRadius: `${theme2.radii[2]}px`,
-      border: `1px solid ${theme2.colors.border}`
+      padding: `${theme.space[3]}px`,
+      backgroundColor: theme.colors.backgroundSecondary,
+      borderRadius: `${theme.radii[2]}px`,
+      border: `1px solid ${theme.colors.border}`
     },
     children: [
       /* @__PURE__ */ jsxs(
@@ -2225,18 +2872,18 @@ const InfoItem = ({ badge, title, description, theme: theme2 }) => /* @__PURE__
           style: {
             display: "flex",
             alignItems: "center",
-            gap: `${theme2.space[2]}px`,
-            marginBottom: `${theme2.space[1]}px`
+            gap: `${theme.space[2]}px`,
+            marginBottom: `${theme.space[1]}px`
           },
           children: [
             /* @__PURE__ */ jsx(
               "span",
               {
                 style: {
-                  padding: `${theme2.space[1]}px ${theme2.space[2]}px`,
-                  borderRadius: `${theme2.radii[1]}px`,
-                  fontSize: `${theme2.fontSizes[0]}px`,
-                  fontWeight: theme2.fontWeights.medium,
+                  padding: `${theme.space[1]}px ${theme.space[2]}px`,
+                  borderRadius: `${theme.radii[1]}px`,
+                  fontSize: `${theme.fontSizes[0]}px`,
+                  fontWeight: theme.fontWeights.medium,
                   backgroundColor: `${badge.color}20`,
                   color: badge.color
                 },
@@ -2247,9 +2894,9 @@ const InfoItem = ({ badge, title, description, theme: theme2 }) => /* @__PURE__
               "span",
               {
                 style: {
-                  fontSize: `${theme2.fontSizes[1]}px`,
-                  fontWeight: theme2.fontWeights.medium,
-                  color: theme2.colors.text
+                  fontSize: `${theme.fontSizes[1]}px`,
+                  fontWeight: theme.fontWeights.medium,
+                  color: theme.colors.text
                 },
                 children: title
               }
@@ -2261,9 +2908,9 @@ const InfoItem = ({ badge, title, description, theme: theme2 }) => /* @__PURE__
         "div",
         {
           style: {
-            fontSize: `${theme2.fontSizes[1]}px`,
-            color: theme2.colors.textSecondary,
-            lineHeight: theme2.lineHeights.relaxed
+            fontSize: `${theme.fontSizes[1]}px`,
+            color: theme.colors.textSecondary,
+            lineHeight: theme.lineHeights.relaxed
           },
           children: description
         }
@@ -2272,13 +2919,15 @@ const InfoItem = ({ badge, title, description, theme: theme2 }) => /* @__PURE__
   }
 );
 const DependencyRow = ({ dependency }) => {
-  const { theme: theme2 } = useTheme();
+  const { theme } = useTheme();
+  const [isHovered, setIsHovered] = useState(false);
+  const [copied, setCopied] = useState(false);
   const getDependencyTypeBadgeStyle = (type) => {
     const baseStyle = {
-      padding: `${theme2.space[1]}px ${theme2.space[2]}px`,
-      borderRadius: `${theme2.radii[1]}px`,
-      fontSize: `${theme2.fontSizes[0]}px`,
-      fontWeight: theme2.fontWeights.medium,
+      padding: `${theme.space[1]}px ${theme.space[2]}px`,
+      borderRadius: `${theme.radii[1]}px`,
+      fontSize: `${theme.fontSizes[0]}px`,
+      fontWeight: theme.fontWeights.medium,
       minWidth: "36px",
       textAlign: "center"
     };
@@ -2286,29 +2935,54 @@ const DependencyRow = ({ dependency }) => {
       case "production":
         return {
           ...baseStyle,
-          backgroundColor: `${theme2.colors.primary}20`,
-          color: theme2.colors.primary
+          backgroundColor: `${theme.colors.primary}20`,
+          color: theme.colors.primary
         };
       case "development":
         return {
           ...baseStyle,
-          backgroundColor: `${theme2.colors.secondary}20`,
-          color: theme2.colors.secondary
+          backgroundColor: `${theme.colors.secondary}20`,
+          color: theme.colors.secondary
         };
       case "peer":
         return {
           ...baseStyle,
-          backgroundColor: `${theme2.colors.accent}20`,
-          color: theme2.colors.accent
+          backgroundColor: `${theme.colors.accent}20`,
+          color: theme.colors.accent
         };
       default:
         return {
           ...baseStyle,
-          backgroundColor: theme2.colors.backgroundLight,
-          color: theme2.colors.textSecondary
+          backgroundColor: theme.colors.backgroundLight,
+          color: theme.colors.textSecondary
         };
     }
   };
+  const handleCopy = async (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    try {
+      const copyText = `${dependency.name}@${dependency.version}`;
+      await navigator.clipboard.writeText(copyText);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch (err) {
+      console.error("Failed to copy:", err);
+    }
+  };
+  const actionButtonStyle = {
+    padding: `${theme.space[1]}px`,
+    borderRadius: `${theme.radii[1]}px`,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    border: "none",
+    backgroundColor: "transparent",
+    cursor: "pointer",
+    transition: "all 0.15s ease",
+    opacity: isHovered ? 1 : 0,
+    pointerEvents: isHovered ? "auto" : "none"
+  };
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -2316,13 +2990,15 @@ const DependencyRow = ({ dependency }) => {
         display: "flex",
         alignItems: "center",
         justifyContent: "space-between",
-        padding: `${theme2.space[2]}px ${theme2.space[3]}px`,
-        backgroundColor: theme2.colors.background,
-        borderRadius: `${theme2.radii[1]}px`,
-        fontSize: `${theme2.fontSizes[1]}px`,
-        border: `1px solid ${theme2.colors.border}`,
+        padding: `${theme.space[2]}px ${theme.space[3]}px`,
+        backgroundColor: theme.colors.background,
+        borderRadius: `${theme.radii[1]}px`,
+        fontSize: `${theme.fontSizes[1]}px`,
+        border: `1px solid ${theme.colors.border}`,
         transition: "all 0.2s"
       },
+      onMouseEnter: () => setIsHovered(true),
+      onMouseLeave: () => setIsHovered(false),
       children: [
         /* @__PURE__ */ jsxs(
           "div",
@@ -2330,7 +3006,7 @@ const DependencyRow = ({ dependency }) => {
             style: {
               display: "flex",
               alignItems: "center",
-              gap: `${theme2.space[2]}px`,
+              gap: `${theme.space[2]}px`,
               flex: 1,
               minWidth: 0
             },
@@ -2340,14 +3016,30 @@ const DependencyRow = ({ dependency }) => {
                 "span",
                 {
                   style: {
-                    fontWeight: theme2.fontWeights.medium,
-                    color: theme2.colors.text,
+                    fontWeight: theme.fontWeights.medium,
+                    color: theme.colors.text,
                     overflow: "hidden",
                     textOverflow: "ellipsis",
                     whiteSpace: "nowrap"
                   },
                   children: dependency.name
                 }
+              ),
+              /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href: `https://www.npmjs.com/package/${dependency.name}`,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  style: {
+                    ...actionButtonStyle,
+                    color: theme.colors.textSecondary,
+                    textDecoration: "none",
+                    flexShrink: 0
+                  },
+                  title: "View on npm",
+                  children: /* @__PURE__ */ jsx(ExternalLink, { size: 12 })
+                }
               )
             ]
           }
@@ -2358,27 +3050,23 @@ const DependencyRow = ({ dependency }) => {
             style: {
               display: "flex",
               alignItems: "center",
-              gap: "8px"
+              gap: "4px"
             },
             children: [
-              /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.textSecondary }, children: dependency.version }),
               /* @__PURE__ */ jsx(
-                "a",
+                "button",
                 {
-                  href: `https://www.npmjs.com/package/${dependency.name}`,
-                  target: "_blank",
-                  rel: "noopener noreferrer",
+                  type: "button",
+                  onClick: handleCopy,
                   style: {
-                    padding: `${theme2.space[1]}px`,
-                    borderRadius: `${theme2.radii[1]}px`,
-                    display: "flex",
-                    alignItems: "center",
-                    transition: "background-color 0.2s"
+                    ...actionButtonStyle,
+                    color: copied ? theme.colors.success || "#10b981" : theme.colors.textSecondary
                   },
-                  title: "View on npm",
-                  children: /* @__PURE__ */ jsx(ExternalLink, { size: 12, color: theme2.colors.textSecondary })
+                  title: copied ? "Copied!" : `Copy ${dependency.name}@${dependency.version}`,
+                  children: copied ? /* @__PURE__ */ jsx(Check, { size: 12 }) : /* @__PURE__ */ jsx(Copy, { size: 12 })
                 }
-              )
+              ),
+              /* @__PURE__ */ jsx("span", { style: { color: theme.colors.textSecondary }, children: dependency.version })
             ]
           }
         )
@@ -2393,7 +3081,7 @@ const FilterBar = ({
   onSearchChange,
   counts
 }) => {
-  const { theme: theme2 } = useTheme();
+  const { theme } = useTheme();
   const availableFilters = [
     ...counts.peer > 0 ? ["peer"] : [],
     ...counts.production > 0 ? ["production"] : [],
@@ -2406,7 +3094,7 @@ const FilterBar = ({
       style: {
         display: "flex",
         flexDirection: "column",
-        gap: `${theme2.space[2]}px`
+        gap: `${theme.space[2]}px`
       },
       children: [
         /* @__PURE__ */ jsxs(
@@ -2424,8 +3112,8 @@ const FilterBar = ({
                   size: 14,
                   style: {
                     position: "absolute",
-                    left: `${theme2.space[3]}px`,
-                    color: theme2.colors.textSecondary,
+                    left: `${theme.space[3]}px`,
+                    color: theme.colors.textSecondary,
                     pointerEvents: "none"
                   }
                 }
@@ -2439,13 +3127,13 @@ const FilterBar = ({
                   onChange: (e) => onSearchChange(e.target.value),
                   style: {
                     width: "100%",
-                    padding: `${theme2.space[2]}px ${theme2.space[5]}px`,
-                    borderRadius: `${theme2.radii[2]}px`,
-                    border: `1px solid ${theme2.colors.border}`,
-                    backgroundColor: theme2.colors.backgroundSecondary,
-                    color: theme2.colors.text,
-                    fontSize: `${theme2.fontSizes[1]}px`,
-                    fontFamily: theme2.fonts.body,
+                    padding: `${theme.space[2]}px ${theme.space[5]}px`,
+                    borderRadius: `${theme.radii[2]}px`,
+                    border: `1px solid ${theme.colors.border}`,
+                    backgroundColor: theme.colors.backgroundSecondary,
+                    color: theme.colors.text,
+                    fontSize: `${theme.fontSizes[1]}px`,
+                    fontFamily: theme.fonts.body,
                     outline: "none",
                     transition: "all 0.2s"
                   }
@@ -2457,24 +3145,24 @@ const FilterBar = ({
                   onClick: () => onSearchChange(""),
                   style: {
                     position: "absolute",
-                    right: `${theme2.space[2]}px`,
-                    padding: `${theme2.space[1]}px`,
+                    right: `${theme.space[2]}px`,
+                    padding: `${theme.space[1]}px`,
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "center",
                     backgroundColor: "transparent",
                     border: "none",
                     cursor: "pointer",
-                    borderRadius: `${theme2.radii[1]}px`
+                    borderRadius: `${theme.radii[1]}px`
                   },
                   title: "Clear search",
-                  children: /* @__PURE__ */ jsx(X, { size: 14, color: theme2.colors.textSecondary })
+                  children: /* @__PURE__ */ jsx(X, { size: 14, color: theme.colors.textSecondary })
                 }
               )
             ]
           }
         ),
-        showFilters && /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: `${theme2.space[1]}px`, width: "100%" }, children: availableFilters.map((type) => {
+        showFilters && /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: `${theme.space[1]}px`, width: "100%" }, children: availableFilters.map((type) => {
           const isActive = activeFilters.has(type);
           return /* @__PURE__ */ jsxs(
             "button",
@@ -2482,14 +3170,14 @@ const FilterBar = ({
               onClick: () => onToggleFilter(type),
               style: {
                 flex: 1,
-                padding: `${theme2.space[1]}px ${theme2.space[2]}px`,
-                fontSize: `${theme2.fontSizes[0]}px`,
-                fontWeight: theme2.fontWeights.medium,
-                fontFamily: theme2.fonts.body,
-                borderRadius: `${theme2.radii[1]}px`,
-                border: `1px solid ${isActive ? theme2.colors.primary : theme2.colors.border}`,
-                backgroundColor: isActive ? `${theme2.colors.primary}20` : theme2.colors.backgroundSecondary,
-                color: isActive ? theme2.colors.primary : theme2.colors.text,
+                padding: `${theme.space[1]}px ${theme.space[2]}px`,
+                fontSize: `${theme.fontSizes[0]}px`,
+                fontWeight: theme.fontWeights.medium,
+                fontFamily: theme.fonts.body,
+                borderRadius: `${theme.radii[1]}px`,
+                border: `1px solid ${isActive ? theme.colors.primary : theme.colors.border}`,
+                backgroundColor: isActive ? `${theme.colors.primary}20` : theme.colors.backgroundSecondary,
+                color: isActive ? theme.colors.primary : theme.colors.text,
                 cursor: "pointer",
                 transition: "all 0.2s"
               },
@@ -2498,7 +3186,7 @@ const FilterBar = ({
                 /* @__PURE__ */ jsxs(
                   "span",
                   {
-                    style: { marginLeft: `${theme2.space[1]}px`, opacity: 0.7 },
+                    style: { marginLeft: `${theme.space[1]}px`, opacity: 0.7 },
                     children: [
                       "(",
                       counts[type],
@@ -2548,7 +3236,7 @@ const DependenciesPanelContent = ({
   context
 }) => {
   var _a;
-  const { theme: theme2 } = useTheme();
+  const { theme } = useTheme();
   const [selectedPackagePath, setSelectedPackagePath] = useState(
     null
   );
@@ -2619,14 +3307,14 @@ const DependenciesPanelContent = ({
       "div",
       {
         style: {
-          padding: `${theme2.space[3]}px`,
+          padding: `${theme.space[3]}px`,
           height: "100%",
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
-          color: theme2.colors.textSecondary,
-          backgroundColor: theme2.colors.background,
-          fontFamily: theme2.fonts.body
+          color: theme.colors.textSecondary,
+          backgroundColor: theme.colors.background,
+          fontFamily: theme.fonts.body
         },
         children: "Loading packages..."
       }
@@ -2637,16 +3325,16 @@ const DependenciesPanelContent = ({
       "div",
       {
         style: {
-          padding: `${theme2.space[3]}px`,
+          padding: `${theme.space[3]}px`,
           height: "100%",
           display: "flex",
           flexDirection: "column",
           alignItems: "center",
           justifyContent: "center",
-          gap: `${theme2.space[2]}px`,
-          color: theme2.colors.textSecondary,
-          backgroundColor: theme2.colors.background,
-          fontFamily: theme2.fonts.body
+          gap: `${theme.space[2]}px`,
+          color: theme.colors.textSecondary,
+          backgroundColor: theme.colors.background,
+          fontFamily: theme.fonts.body
         },
         children: [
           /* @__PURE__ */ jsx(Package, { size: 32 }),
@@ -2662,9 +3350,9 @@ const DependenciesPanelContent = ({
         height: "100%",
         display: "flex",
         flexDirection: "column",
-        backgroundColor: theme2.colors.background,
-        color: theme2.colors.text,
-        fontFamily: theme2.fonts.body,
+        backgroundColor: theme.colors.background,
+        color: theme.colors.text,
+        fontFamily: theme.fonts.body,
         overflow: "hidden"
       },
       children: [
@@ -2673,12 +3361,12 @@ const DependenciesPanelContent = ({
           {
             style: {
               flexShrink: 0,
-              padding: `${theme2.space[3]}px`,
-              paddingBottom: `${theme2.space[2]}px`,
+              padding: `${theme.space[3]}px`,
+              paddingBottom: `${theme.space[2]}px`,
               display: "flex",
               flexDirection: "column",
-              gap: `${theme2.space[2]}px`,
-              borderBottom: `1px solid ${theme2.colors.border}`
+              gap: `${theme.space[2]}px`,
+              borderBottom: `1px solid ${theme.colors.border}`
             },
             children: [
               /* @__PURE__ */ jsxs(
@@ -2694,12 +3382,12 @@ const DependenciesPanelContent = ({
                       "h3",
                       {
                         style: {
-                          fontSize: `${theme2.fontSizes[2]}px`,
-                          fontWeight: theme2.fontWeights.semibold,
-                          color: theme2.colors.text,
+                          fontSize: `${theme.fontSizes[2]}px`,
+                          fontWeight: theme.fontWeights.semibold,
+                          color: theme.colors.text,
                           display: "flex",
                           alignItems: "center",
-                          gap: `${theme2.space[2]}px`,
+                          gap: `${theme.space[2]}px`,
                           margin: 0
                         },
                         children: packages.length > 1 ? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -2709,9 +3397,9 @@ const DependenciesPanelContent = ({
                             "span",
                             {
                               style: {
-                                fontSize: `${theme2.fontSizes[0]}px`,
-                                fontWeight: theme2.fontWeights.body,
-                                color: theme2.colors.textSecondary
+                                fontSize: `${theme.fontSizes[0]}px`,
+                                fontWeight: theme.fontWeights.body,
+                                color: theme.colors.textSecondary
                               },
                               children: [
                                 "(",
@@ -2731,18 +3419,18 @@ const DependenciesPanelContent = ({
                       {
                         onClick: () => setShowInfoModal(true),
                         style: {
-                          padding: `${theme2.space[1]}px ${theme2.space[2]}px`,
-                          fontSize: `${theme2.fontSizes[0]}px`,
-                          fontWeight: theme2.fontWeights.medium,
-                          fontFamily: theme2.fonts.body,
-                          borderRadius: `${theme2.radii[1]}px`,
-                          border: `1px solid ${theme2.colors.border}`,
-                          backgroundColor: theme2.colors.backgroundSecondary,
-                          color: theme2.colors.primary,
+                          padding: `${theme.space[1]}px ${theme.space[2]}px`,
+                          fontSize: `${theme.fontSizes[0]}px`,
+                          fontWeight: theme.fontWeights.medium,
+                          fontFamily: theme.fonts.body,
+                          borderRadius: `${theme.radii[1]}px`,
+                          border: `1px solid ${theme.colors.border}`,
+                          backgroundColor: theme.colors.backgroundSecondary,
+                          color: theme.colors.primary,
                           cursor: "pointer",
                           display: "flex",
                           alignItems: "center",
-                          gap: `${theme2.space[1]}px`,
+                          gap: `${theme.space[1]}px`,
                           transition: "all 0.2s"
                         },
                         children: [
@@ -2761,13 +3449,13 @@ const DependenciesPanelContent = ({
                   onChange: (e) => setSelectedPackagePath(e.target.value === "__none__" ? null : e.target.value),
                   style: {
                     width: "100%",
-                    padding: `${theme2.space[2]}px`,
-                    borderRadius: `${theme2.radii[1]}px`,
-                    border: `1px solid ${theme2.colors.border}`,
-                    backgroundColor: theme2.colors.backgroundSecondary,
-                    color: theme2.colors.text,
-                    fontSize: `${theme2.fontSizes[1]}px`,
-                    fontFamily: theme2.fonts.body,
+                    padding: `${theme.space[2]}px`,
+                    borderRadius: `${theme.radii[1]}px`,
+                    border: `1px solid ${theme.colors.border}`,
+                    backgroundColor: theme.colors.backgroundSecondary,
+                    color: theme.colors.text,
+                    fontSize: `${theme.fontSizes[1]}px`,
+                    fontFamily: theme.fonts.body,
                     cursor: "pointer"
                   },
                   children: packages.map((pkg) => /* @__PURE__ */ jsxs("option", { value: pkg.packageData.path, children: [
@@ -2782,8 +3470,8 @@ const DependenciesPanelContent = ({
                 "div",
                 {
                   style: {
-                    fontSize: `${theme2.fontSizes[0]}px`,
-                    color: theme2.colors.textSecondary
+                    fontSize: `${theme.fontSizes[0]}px`,
+                    color: theme.colors.textSecondary
                   },
                   children: [
                     selectedPackage.packageData.name,
@@ -2812,16 +3500,16 @@ const DependenciesPanelContent = ({
             style: {
               flex: 1,
               overflow: "auto",
-              padding: `${theme2.space[2]}px ${theme2.space[3]}px ${theme2.space[3]}px`
+              padding: `${theme.space[2]}px ${theme.space[3]}px ${theme.space[3]}px`
             },
             children: [
               /* @__PURE__ */ jsxs(
                 "div",
                 {
                   style: {
-                    fontSize: `${theme2.fontSizes[0]}px`,
-                    color: theme2.colors.textSecondary,
-                    marginBottom: `${theme2.space[2]}px`
+                    fontSize: `${theme.fontSizes[0]}px`,
+                    color: theme.colors.textSecondary,
+                    marginBottom: `${theme.space[2]}px`
                   },
                   children: [
                     "Showing ",
@@ -2838,16 +3526,16 @@ const DependenciesPanelContent = ({
                   style: {
                     display: "flex",
                     flexDirection: "column",
-                    gap: `${theme2.space[1]}px`
+                    gap: `${theme.space[1]}px`
                   },
                   children: filteredDependencies.length === 0 ? /* @__PURE__ */ jsx(
                     "div",
                     {
                       style: {
-                        padding: `${theme2.space[3]}px`,
+                        padding: `${theme.space[3]}px`,
                         textAlign: "center",
-                        color: theme2.colors.textSecondary,
-                        fontSize: `${theme2.fontSizes[1]}px`
+                        color: theme.colors.textSecondary,
+                        fontSize: `${theme.fontSizes[1]}px`
                       },
                       children: "No dependencies match your filters"
                     }
@@ -2871,8 +3559,8 @@ const DependenciesPanelContent = ({
               display: "flex",
               alignItems: "center",
               justifyContent: "center",
-              color: theme2.colors.textSecondary,
-              fontSize: `${theme2.fontSizes[1]}px`
+              color: theme.colors.textSecondary,
+              fontSize: `${theme.fontSizes[1]}px`
             },
             children: "Select a package to view its dependencies"
           }
@@ -2889,9 +3577,9 @@ const DependenciesPanelContent = ({
   );
 };
 const DependenciesPanel = (props) => {
-  return /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(DependenciesPanelContent, { ...props }) });
+  return /* @__PURE__ */ jsx(DependenciesPanelContent, { ...props });
 };
-const PANEL_ID$2 = "industry-theme.local-projects";
+const PANEL_ID$3 = "industry-theme.local-projects";
 const filterProjectsTool = {
   name: "filter_projects",
   description: "Filter the local projects list by name, owner, or path",
@@ -2915,7 +3603,7 @@ const filterProjectsTool = {
   tags: ["filter", "search", "projects"],
   tool_call_template: {
     call_template_type: "panel_event",
-    event_type: `${PANEL_ID$2}:filter`
+    event_type: `${PANEL_ID$3}:filter`
   }
 };
 const selectProjectTool = {
@@ -2941,7 +3629,7 @@ const selectProjectTool = {
   tags: ["select", "project", "navigation"],
   tool_call_template: {
     call_template_type: "panel_event",
-    event_type: `${PANEL_ID$2}:select-repository`
+    event_type: `${PANEL_ID$3}:select-repository`
   }
 };
 const openProjectTool = {
@@ -2967,7 +3655,7 @@ const openProjectTool = {
   tags: ["open", "project", "workspace"],
   tool_call_template: {
     call_template_type: "panel_event",
-    event_type: `${PANEL_ID$2}:open-repository`
+    event_type: `${PANEL_ID$3}:open-repository`
   }
 };
 const localProjectsPanelTools = [
@@ -2976,12 +3664,12 @@ const localProjectsPanelTools = [
   openProjectTool
 ];
 const localProjectsPanelToolsMetadata = {
-  id: PANEL_ID$2,
+  id: PANEL_ID$3,
   name: "Local Projects Panel",
   description: "Tools for browsing and managing local Alexandria repositories",
   tools: localProjectsPanelTools
 };
-const PANEL_ID$1 = "industry-theme.workspace-repositories";
+const PANEL_ID$2 = "industry-theme.workspace-repositories";
 const selectRepositoryTool = {
   name: "select_workspace_repository",
   description: "Selects a repository in the workspace panel",
@@ -3005,7 +3693,7 @@ const selectRepositoryTool = {
   tags: ["workspace", "repository", "select"],
   tool_call_template: {
     call_template_type: "panel_event",
-    event_type: `${PANEL_ID$1}:select-repository`
+    event_type: `${PANEL_ID$2}:select-repository`
   }
 };
 const refreshWorkspaceTool = {
@@ -3030,7 +3718,7 @@ const refreshWorkspaceTool = {
   tags: ["workspace", "refresh"],
   tool_call_template: {
     call_template_type: "panel_event",
-    event_type: `${PANEL_ID$1}:refresh-workspace`
+    event_type: `${PANEL_ID$2}:refresh-workspace`
   }
 };
 const openRepositoryTool = {
@@ -3056,7 +3744,7 @@ const openRepositoryTool = {
   tags: ["workspace", "repository", "open"],
   tool_call_template: {
     call_template_type: "panel_event",
-    event_type: `${PANEL_ID$1}:open-repository`
+    event_type: `${PANEL_ID$2}:open-repository`
   }
 };
 const workspaceRepositoriesPanelTools = [
@@ -3065,11 +3753,133 @@ const workspaceRepositoriesPanelTools = [
   openRepositoryTool
 ];
 const workspaceRepositoriesPanelToolsMetadata = {
-  id: PANEL_ID$1,
+  id: PANEL_ID$2,
   name: "Workspace Repositories Panel",
   description: "Tools provided by the workspace repositories panel",
   tools: workspaceRepositoriesPanelTools
 };
+const PANEL_ID$1 = "industry-theme.workspaces-list";
+const filterWorkspacesTool = {
+  name: "filter_workspaces",
+  description: "Filter the workspaces list by workspace name, description, or repository names within workspaces",
+  inputs: {
+    type: "object",
+    properties: {
+      filter: {
+        type: "string",
+        description: "Search term to filter workspaces (matches workspace name, description, or repository names)"
+      }
+    },
+    required: ["filter"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      message: { type: "string" }
+    }
+  },
+  tags: ["filter", "search", "workspaces"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: `${PANEL_ID$1}:filter`
+  }
+};
+const selectWorkspaceTool = {
+  name: "select_workspace",
+  description: "Select a workspace by its ID to view its details and repositories",
+  inputs: {
+    type: "object",
+    properties: {
+      workspaceId: {
+        type: "string",
+        description: "The workspace ID to select"
+      }
+    },
+    required: ["workspaceId"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      selectedWorkspace: { type: "string" }
+    }
+  },
+  tags: ["select", "workspace", "navigation"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: `${PANEL_ID$1}:select-workspace`
+  }
+};
+const openWorkspaceTool = {
+  name: "open_workspace",
+  description: "Open a workspace in a dedicated window for full workspace management",
+  inputs: {
+    type: "object",
+    properties: {
+      workspaceId: {
+        type: "string",
+        description: "The workspace ID to open"
+      }
+    },
+    required: ["workspaceId"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      message: { type: "string" }
+    }
+  },
+  tags: ["open", "workspace", "window"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: `${PANEL_ID$1}:open-workspace`
+  }
+};
+const createWorkspaceTool = {
+  name: "create_workspace",
+  description: "Create a new workspace with the specified name and optional description",
+  inputs: {
+    type: "object",
+    properties: {
+      name: {
+        type: "string",
+        description: "The name for the new workspace"
+      },
+      description: {
+        type: "string",
+        description: "Optional description for the workspace"
+      }
+    },
+    required: ["name"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      workspaceId: { type: "string" },
+      message: { type: "string" }
+    }
+  },
+  tags: ["create", "workspace", "new"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: `${PANEL_ID$1}:create-workspace`
+  }
+};
+const workspacesListPanelTools = [
+  filterWorkspacesTool,
+  selectWorkspaceTool,
+  openWorkspaceTool,
+  createWorkspaceTool
+];
+const workspacesListPanelToolsMetadata = {
+  id: PANEL_ID$1,
+  name: "Workspaces List Panel",
+  description: "Tools for browsing and managing workspaces",
+  tools: workspacesListPanelTools
+};
 const PANEL_ID = "principal-ade.dependencies-panel";
 const filterDependenciesTool = {
   name: "filter_dependencies",
@@ -3204,6 +4014,28 @@ const panels = [
       console.log("Workspace Repositories Panel unmounting");
     }
   },
+  {
+    metadata: {
+      id: "industry-theme.workspaces-list",
+      name: "Workspaces",
+      icon: "Layers",
+      version: "0.1.0",
+      author: "Industry Theme",
+      description: "Browse and manage workspaces",
+      slices: ["workspaces"],
+      tools: workspacesListPanelTools
+    },
+    component: WorkspacesListPanel,
+    onMount: async (context) => {
+      console.log("Workspaces List Panel mounted");
+      if (context.hasSlice("workspaces") && !context.isSliceLoading("workspaces")) {
+        await context.refresh("workspace", "workspaces");
+      }
+    },
+    onUnmount: async (_context) => {
+      console.log("Workspaces List Panel unmounting");
+    }
+  },
   {
     metadata: {
       id: "principal-ade.dependencies-panel",
@@ -3236,24 +4068,33 @@ export {
   LocalProjectsPanel,
   LocalProjectsPanelPreview,
   RepositoryAvatar,
+  WorkspaceCard,
   WorkspaceRepositoriesPanel,
+  WorkspacesListPanel,
+  WorkspacesListPanelPreview,
+  createWorkspaceTool,
   dependenciesPanelTools,
   dependenciesPanelToolsMetadata,
   filterDependenciesTool,
   filterProjectsTool,
+  filterWorkspacesTool,
   localProjectsPanelTools,
   localProjectsPanelToolsMetadata,
   onPackageLoad,
   onPackageUnload,
   openProjectTool,
   openRepositoryTool,
+  openWorkspaceTool,
   panels,
   refreshWorkspaceTool,
   selectDependencyTypeTool,
   selectPackageTool,
   selectProjectTool,
   selectRepositoryTool,
+  selectWorkspaceTool,
   workspaceRepositoriesPanelTools,
-  workspaceRepositoriesPanelToolsMetadata
+  workspaceRepositoriesPanelToolsMetadata,
+  workspacesListPanelTools,
+  workspacesListPanelToolsMetadata
 };
 //# sourceMappingURL=panels.bundle.js.map