@industry-theme/alexandria-panels 0.1.2 → 0.1.3

package/dist/panels.bundle.js

@@ -320,7 +320,46 @@ 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$e = [
+const __iconNode$j = [
+  [
+    "path",
+    {
+      d: "M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z",
+      key: "lc1i9w"
+    }
+  ],
+  ["path", { d: "m7 16.5-4.74-2.85", key: "1o9zyk" }],
+  ["path", { d: "m7 16.5 5-3", key: "va8pkn" }],
+  ["path", { d: "M7 16.5v5.17", key: "jnp8gn" }],
+  [
+    "path",
+    {
+      d: "M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z",
+      key: "8zsnat"
+    }
+  ],
+  ["path", { d: "m17 16.5-5-3", key: "8arw3v" }],
+  ["path", { d: "m17 16.5 4.74-2.85", key: "8rfmw" }],
+  ["path", { d: "M17 16.5v5.17", key: "k6z78m" }],
+  [
+    "path",
+    {
+      d: "M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z",
+      key: "1xygjf"
+    }
+  ],
+  ["path", { d: "M12 8 7.26 5.15", key: "1vbdud" }],
+  ["path", { d: "m12 8 4.74-2.85", key: "3rx089" }],
+  ["path", { d: "M12 13.5V8", key: "1io7kd" }]
+];
+const Boxes = createLucideIcon("boxes", __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$i = [
   ["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" }],
@@ -333,47 +372,71 @@ const __iconNode$e = [
   ],
   ["path", { d: "M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16", key: "16ra0t" }]
 ];
-const Building2 = createLucideIcon("building-2", __iconNode$e);
+const Building2 = createLucideIcon("building-2", __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$d = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$d);
+const __iconNode$h = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __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$c = [
+const __iconNode$g = [
+  ["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);
+/**
+ * @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 = [
   ["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$c);
+const Copy = createLucideIcon("copy", __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$b = [
+const __iconNode$e = [
+  ["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);
+/**
+ * @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 = [
   ["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$b);
+const Focus = createLucideIcon("focus", __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$a = [
+const __iconNode$c = [
   [
     "path",
     {
@@ -385,14 +448,14 @@ const __iconNode$a = [
   ["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$a);
+const FolderGit2 = createLucideIcon("folder-git-2", __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$9 = [
+const __iconNode$b = [
   [
     "path",
     {
@@ -401,14 +464,14 @@ const __iconNode$9 = [
     }
   ]
 ];
-const FolderOpen = createLucideIcon("folder-open", __iconNode$9);
+const FolderOpen = createLucideIcon("folder-open", __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$8 = [
+const __iconNode$a = [
   [
     "path",
     {
@@ -417,14 +480,14 @@ const __iconNode$8 = [
     }
   ]
 ];
-const Folder = createLucideIcon("folder", __iconNode$8);
+const Folder = createLucideIcon("folder", __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$7 = [
+const __iconNode$9 = [
   ["path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8", key: "5wwlr5" }],
   [
     "path",
@@ -434,33 +497,52 @@ const __iconNode$7 = [
     }
   ]
 ];
-const House = createLucideIcon("house", __iconNode$7);
+const House = createLucideIcon("house", __iconNode$9);
 /**
  * @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$6 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-const LoaderCircle = createLucideIcon("loader-circle", __iconNode$6);
+const __iconNode$8 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __iconNode$8);
 /**
  * @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$5 = [
+const __iconNode$7 = [
   ["path", { d: "M8 6L12 2L16 6", key: "1yvkyx" }],
   ["path", { d: "M12 2V22", key: "r89rzk" }]
 ];
-const MoveUp = createLucideIcon("move-up", __iconNode$5);
+const MoveUp = createLucideIcon("move-up", __iconNode$7);
 /**
  * @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$4 = [
+const __iconNode$6 = [
+  [
+    "path",
+    {
+      d: "M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z",
+      key: "1a0edw"
+    }
+  ],
+  ["path", { d: "M12 22V12", key: "d0xqtd" }],
+  ["polyline", { points: "3.29 7 12 12 20.71 7", key: "ousv84" }],
+  ["path", { d: "m7.5 4.27 9 5.15", key: "1c824w" }]
+];
+const Package = createLucideIcon("package", __iconNode$6);
+/**
+ * @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$5 = [
   [
     "path",
     {
@@ -470,18 +552,32 @@ const __iconNode$4 = [
   ],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
 ];
-const Pencil = createLucideIcon("pencil", __iconNode$4);
+const Pencil = createLucideIcon("pencil", __iconNode$5);
 /**
  * @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$3 = [
+const __iconNode$4 = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ];
-const Plus = createLucideIcon("plus", __iconNode$3);
+const Plus = createLucideIcon("plus", __iconNode$4);
+/**
+ * @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$3 = [
+  ["path", { d: "m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z", key: "7g6ntu" }],
+  ["path", { d: "m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z", key: "ijws7r" }],
+  ["path", { d: "M7 21h10", key: "1b0cd5" }],
+  ["path", { d: "M12 3v18", key: "108xh3" }],
+  ["path", { d: "M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2", key: "3gwbw2" }]
+];
+const Scale = createLucideIcon("scale", __iconNode$3);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -604,13 +700,20 @@ const LocalProjectCard = ({
   onOpen,
   onRemove,
   onAddToWorkspace,
+  onRemoveFromWorkspace,
+  onMoveToWorkspace,
   isLoading = false,
   windowState = "closed",
-  compact: _compact = false
+  compact: _compact = false,
+  isEditMode = false,
+  isInWorkspaceDirectory,
+  workspacePath
 }) => {
   var _a, _b, _c, _d;
   const { theme: theme2 } = useTheme();
   const [copiedPath, setCopiedPath] = useState(false);
+  const [isMoving, setIsMoving] = useState(false);
+  const [isRemoving, setIsRemoving] = useState(false);
   const highlightColor = theme2.colors.primary;
   const avatarUrl = ((_a = entry.github) == null ? void 0 : _a.owner) ? `https://github.com/${entry.github.owner}.png` : null;
   const handleCardClick = () => {
@@ -628,6 +731,33 @@ const LocalProjectCard = ({
     e.stopPropagation();
     onAddToWorkspace == null ? void 0 : onAddToWorkspace(entry);
   };
+  const handleRemoveFromWorkspaceClick = async (e) => {
+    e.stopPropagation();
+    try {
+      setIsRemoving(true);
+      onRemoveFromWorkspace == null ? void 0 : onRemoveFromWorkspace(entry);
+    } finally {
+      setIsRemoving(false);
+    }
+  };
+  const handleMoveToWorkspaceClick = async (e) => {
+    e.stopPropagation();
+    try {
+      setIsMoving(true);
+      onMoveToWorkspace == null ? void 0 : onMoveToWorkspace(entry);
+    } finally {
+      setIsMoving(false);
+    }
+  };
+  const 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 {
@@ -672,6 +802,100 @@ const LocalProjectCard = ({
         }
       );
     }
+    if (actionMode === "workspace") {
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        isEditMode && isInWorkspaceDirectory === false && onMoveToWorkspace && /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: handleMoveToWorkspaceClick,
+            disabled: isMoving,
+            title: "Move to workspace directory",
+            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: 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: 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: "pointer",
+              transition: "all 0.15s ease"
+            },
+            children: [
+              /* @__PURE__ */ jsx(FolderOpen, { size: 12 }),
+              "Open"
+            ]
+          }
+        ),
+        isEditMode && onRemoveFromWorkspace && /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: handleRemoveFromWorkspaceClick,
+            disabled: isRemoving,
+            title: "Remove from workspace",
+            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: isRemoving ? "wait" : "pointer",
+              opacity: isRemoving ? 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")
+            ]
+          }
+        )
+      ] });
+    }
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs(
         "button",
@@ -809,7 +1033,7 @@ const LocalProjectCard = ({
                 title: copiedPath ? "Copied!" : `Click to copy: ${entry.path}`,
                 children: [
                   copiedPath ? /* @__PURE__ */ jsx(Check, { size: 12 }) : /* @__PURE__ */ jsx(Copy, { size: 12 }),
-                  entry.path
+                  displayPath
                 ]
               }
             ),
@@ -844,10 +1068,10 @@ const LocalProjectCard = ({
     }
   );
 };
-const PANEL_ID$3 = "industry-theme.local-projects";
+const PANEL_ID$4 = "industry-theme.local-projects";
 const createPanelEvent$1 = (type, payload) => ({
   type,
-  source: PANEL_ID$3,
+  source: PANEL_ID$4,
   timestamp: Date.now(),
   payload
 });
@@ -883,7 +1107,7 @@ const LocalProjectsPanelContent = ({
       try {
         await panelActions.openRepository(entry);
         setWindowStates((prev) => new Map(prev).set(entry.path, "ready"));
-        events.emit(createPanelEvent$1(`${PANEL_ID$3}:repository-opened`, { entry }));
+        events.emit(createPanelEvent$1(`${PANEL_ID$4}:repository-opened`, { entry }));
       } catch (error) {
         console.error("Error opening repository:", error);
         setWindowStates((prev) => new Map(prev).set(entry.path, "closed"));
@@ -894,14 +1118,14 @@ const LocalProjectsPanelContent = ({
   useEffect(() => {
     const unsubscribers = [
       // Filter event from tools
-      events.on(`${PANEL_ID$3}:filter`, (event) => {
+      events.on(`${PANEL_ID$4}: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$3}:select-repository`, (event) => {
+      events.on(`${PANEL_ID$4}:select-repository`, (event) => {
         var _a2;
         const identifier = (_a2 = event.payload) == null ? void 0 : _a2.identifier;
         if (identifier) {
@@ -910,12 +1134,12 @@ const LocalProjectsPanelContent = ({
           );
           if (entry) {
             setSelectedEntry(entry);
-            events.emit(createPanelEvent$1(`${PANEL_ID$3}:repository-selected`, { entry }));
+            events.emit(createPanelEvent$1(`${PANEL_ID$4}:repository-selected`, { entry }));
           }
         }
       }),
       // Open repository event from tools
-      events.on(`${PANEL_ID$3}:open-repository`, (event) => {
+      events.on(`${PANEL_ID$4}:open-repository`, (event) => {
         var _a2;
         const identifier = (_a2 = event.payload) == null ? void 0 : _a2.identifier;
         if (identifier) {
@@ -963,7 +1187,7 @@ const LocalProjectsPanelContent = ({
   };
   const handleSelectRepository = (entry) => {
     setSelectedEntry(entry);
-    events.emit(createPanelEvent$1(`${PANEL_ID$3}:repository-selected`, { entry }));
+    events.emit(createPanelEvent$1(`${PANEL_ID$4}:repository-selected`, { entry }));
   };
   const normalizedFilter = filter.trim().toLowerCase();
   const filteredAndSortedRepositories = useMemo(() => {
@@ -1224,365 +1448,47 @@ const LocalProjectsPanelPreview = () => {
     }
   );
 };
-const WorkspaceRepositoryCard = ({
-  repository,
-  workspace,
+const PANEL_ID$3 = "industry-theme.workspace-repositories";
+const createPanelEvent = (type, payload) => ({
+  type,
+  source: PANEL_ID$3,
+  timestamp: Date.now(),
+  payload
+});
+const WorkspaceRepositoriesPanelContent = ({
+  context,
   actions,
-  isEditMode = false,
-  isInWorkspaceDirectory,
-  onSelect,
-  onOpen,
-  onRemoveFromWorkspace,
-  onMoveToWorkspace
+  events
 }) => {
-  var _a, _b;
   const { theme: theme2 } = useTheme();
-  const [isRemoving, setIsRemoving] = useState(false);
-  const [copiedPath, setCopiedPath] = useState(false);
-  const [isMoving, setIsMoving] = useState(false);
-  const handleCardClick = () => {
-    onSelect == null ? void 0 : onSelect(repository);
-  };
-  const handleOpenClick = (e) => {
-    e.stopPropagation();
-    onOpen == null ? void 0 : onOpen(repository);
-  };
-  const handleRemoveFromWorkspace = async (e) => {
-    e.stopPropagation();
-    if (!(workspace == null ? void 0 : workspace.id)) return;
-    if (!confirm(
-      `Remove ${repository.name} from workspace "${workspace.name}"?
-
-This will not delete any files, only remove the repository from this workspace.`
-    )) {
-      return;
-    }
-    try {
-      setIsRemoving(true);
-      onRemoveFromWorkspace == null ? void 0 : onRemoveFromWorkspace(repository);
-    } finally {
-      setIsRemoving(false);
-    }
-  };
-  const handleCopyPath = async (e) => {
-    e.stopPropagation();
-    try {
-      if (actions.copyToClipboard) {
-        await actions.copyToClipboard(repository.path);
-      } else {
-        await navigator.clipboard.writeText(repository.path);
-      }
-      setCopiedPath(true);
-      setTimeout(() => setCopiedPath(false), 2e3);
-    } catch (err) {
-      console.error("Failed to copy path:", err);
-    }
-  };
-  const handleMoveToWorkspace = async (e) => {
-    e.stopPropagation();
-    if (!(workspace == null ? void 0 : workspace.id) || !workspace.suggestedClonePath) return;
-    if (!confirm(
-      `Move ${repository.name} to ${workspace.suggestedClonePath}?
-
-This will move all files to the workspace directory.`
-    )) {
-      return;
-    }
-    try {
-      setIsMoving(true);
-      onMoveToWorkspace == null ? void 0 : onMoveToWorkspace(repository);
-    } finally {
-      setIsMoving(false);
-    }
-  };
-  const avatarUrl = ((_a = repository.github) == null ? void 0 : _a.owner) ? `https://github.com/${repository.github.owner}.png` : null;
-  const displayPath = React2.useMemo(() => {
-    if (isInWorkspaceDirectory && (workspace == null ? void 0 : workspace.suggestedClonePath)) {
-      const workspacePath = workspace.suggestedClonePath;
-      if (repository.path.startsWith(workspacePath)) {
-        const relativePath = repository.path.slice(workspacePath.length);
-        return relativePath.startsWith("/") ? relativePath.slice(1) : relativePath;
+  const [isEditMode, setIsEditMode] = React2.useState(false);
+  const [repositoryLocations, setRepositoryLocations] = React2.useState(
+    /* @__PURE__ */ new Map()
+  );
+  const panelActions = actions;
+  const workspaceSlice = context.getSlice("workspace");
+  const repositoriesSlice = context.getSlice("workspaceRepositories");
+  const workspace = (workspaceSlice == null ? void 0 : workspaceSlice.data) ?? null;
+  const isLoading = (workspaceSlice == null ? void 0 : workspaceSlice.loading) || (repositoriesSlice == null ? void 0 : repositoriesSlice.loading) || false;
+  const sortedRepositories = useMemo(() => {
+    const repos = (repositoriesSlice == null ? void 0 : repositoriesSlice.data) ?? [];
+    return [...repos].sort((a, b) => a.name.localeCompare(b.name));
+  }, [repositoriesSlice == null ? void 0 : repositoriesSlice.data]);
+  useEffect(() => {
+    const checkLocations = async () => {
+      if (!(workspace == null ? void 0 : workspace.id) || !panelActions.isRepositoryInWorkspaceDirectory || !sortedRepositories.length) {
+        return;
       }
-    }
-    return repository.path;
-  }, [isInWorkspaceDirectory, workspace, repository.path]);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        display: "flex",
-        alignItems: "center",
-        gap: "12px",
-        padding: "8px 12px",
-        borderRadius: "4px",
-        backgroundColor: "transparent",
-        border: "1px solid transparent",
-        cursor: "pointer",
-        transition: "background-color 0.15s"
-      },
-      onClick: handleCardClick,
-      onMouseEnter: (event) => {
-        event.currentTarget.style.backgroundColor = theme2.colors.backgroundTertiary || theme2.colors.backgroundSecondary;
-      },
-      onMouseLeave: (event) => {
-        event.currentTarget.style.backgroundColor = "transparent";
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          RepositoryAvatar,
-          {
-            customAvatarUrl: avatarUrl,
-            size: 32,
-            fallbackIcon: /* @__PURE__ */ jsx(
-              "div",
-              {
-                style: {
-                  color: theme2.colors.textSecondary,
-                  fontSize: `${theme2.fontSizes[1]}px`,
-                  fontWeight: theme2.fontWeights.semibold,
-                  fontFamily: theme2.fonts.body
-                },
-                children: ((_b = repository.name[0]) == null ? void 0 : _b.toUpperCase()) || "?"
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            style: {
-              flex: 1,
-              minWidth: 0,
-              display: "flex",
-              flexDirection: "column",
-              gap: "4px"
-            },
-            children: [
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  style: {
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "6px",
-                    flexWrap: "wrap"
-                  },
-                  children: /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      style: {
-                        fontSize: `${theme2.fontSizes[2]}px`,
-                        fontWeight: theme2.fontWeights.medium,
-                        fontFamily: theme2.fonts.body,
-                        color: theme2.colors.text
-                      },
-                      children: repository.name
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  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",
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "4px",
-                    transition: "color 0.15s ease"
-                  },
-                  title: copiedPath ? "Copied!" : `Click to copy: ${repository.path}`,
-                  onMouseEnter: (event) => {
-                    if (!copiedPath) {
-                      event.currentTarget.style.color = theme2.colors.textSecondary;
-                    }
-                  },
-                  onMouseLeave: (event) => {
-                    if (!copiedPath) {
-                      event.currentTarget.style.color = theme2.colors.textTertiary || theme2.colors.textSecondary;
-                    }
-                  },
-                  children: [
-                    copiedPath ? /* @__PURE__ */ jsx(Check, { size: 12 }) : /* @__PURE__ */ jsx(Copy, { size: 12 }),
-                    displayPath
-                  ]
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            style: {
-              display: "flex",
-              gap: "4px",
-              flexShrink: 0,
-              alignItems: "center"
-            },
-            children: [
-              isEditMode && workspace && workspace.suggestedClonePath && isInWorkspaceDirectory === false && /* @__PURE__ */ jsxs(
-                "button",
-                {
-                  type: "button",
-                  onClick: handleMoveToWorkspace,
-                  disabled: isMoving,
-                  title: `Move to ${workspace.suggestedClonePath}`,
-                  style: {
-                    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,
-                    fontFamily: theme2.fonts.body,
-                    cursor: isMoving ? "wait" : "pointer",
-                    opacity: isMoving ? 0.6 : 1,
-                    transition: "all 0.15s ease"
-                  },
-                  onMouseEnter: (event) => {
-                    if (!isMoving) {
-                      event.currentTarget.style.backgroundColor = `${theme2.colors.primary || "#3b82f6"}25`;
-                    }
-                  },
-                  onMouseLeave: (event) => {
-                    event.currentTarget.style.backgroundColor = `${theme2.colors.primary || "#3b82f6"}15`;
-                  },
-                  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: {
-                    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,
-                    fontFamily: theme2.fonts.body,
-                    cursor: "pointer",
-                    transition: "all 0.15s ease"
-                  },
-                  onMouseEnter: (event) => {
-                    event.currentTarget.style.backgroundColor = `${theme2.colors.success || "#10b981"}25`;
-                  },
-                  onMouseLeave: (event) => {
-                    event.currentTarget.style.backgroundColor = `${theme2.colors.success || "#10b981"}15`;
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx(FolderOpen, { size: 12 }),
-                    "Open"
-                  ]
-                }
-              ),
-              isEditMode && workspace && /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: handleRemoveFromWorkspace,
-                  disabled: isRemoving,
-                  title: `Remove from workspace "${workspace.name}"`,
-                  style: {
-                    display: "inline-flex",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    width: "28px",
-                    height: "28px",
-                    padding: 0,
-                    borderRadius: "4px",
-                    border: "none",
-                    backgroundColor: "transparent",
-                    color: theme2.colors.textSecondary,
-                    cursor: isRemoving ? "wait" : "pointer",
-                    opacity: isRemoving ? 0.6 : 1,
-                    transition: "all 0.15s ease"
-                  },
-                  onMouseEnter: (event) => {
-                    if (!isRemoving) {
-                      event.currentTarget.style.backgroundColor = theme2.colors.error || "#ef4444";
-                      event.currentTarget.style.color = "#fff";
-                    }
-                  },
-                  onMouseLeave: (event) => {
-                    event.currentTarget.style.backgroundColor = "transparent";
-                    event.currentTarget.style.color = theme2.colors.textSecondary;
-                  },
-                  children: isRemoving ? /* @__PURE__ */ jsx(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx(X, { size: 14 })
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-const PANEL_ID$2 = "industry-theme.workspace-repositories";
-const createPanelEvent = (type, payload) => ({
-  type,
-  source: PANEL_ID$2,
-  timestamp: Date.now(),
-  payload
-});
-const WorkspaceRepositoriesPanelContent = ({
-  context,
-  actions,
-  events
-}) => {
-  const { theme: theme2 } = useTheme();
-  const [isEditMode, setIsEditMode] = React2.useState(false);
-  const [repositoryLocations, setRepositoryLocations] = React2.useState(
-    /* @__PURE__ */ new Map()
-  );
-  const panelActions = actions;
-  const workspaceSlice = context.getSlice("workspace");
-  const repositoriesSlice = context.getSlice("workspaceRepositories");
-  const workspace = (workspaceSlice == null ? void 0 : workspaceSlice.data) ?? null;
-  const isLoading = (workspaceSlice == null ? void 0 : workspaceSlice.loading) || (repositoriesSlice == null ? void 0 : repositoriesSlice.loading) || false;
-  const sortedRepositories = useMemo(() => {
-    const repos = (repositoriesSlice == null ? void 0 : repositoriesSlice.data) ?? [];
-    return [...repos].sort((a, b) => a.name.localeCompare(b.name));
-  }, [repositoriesSlice == null ? void 0 : repositoriesSlice.data]);
-  useEffect(() => {
-    const checkLocations = async () => {
-      if (!(workspace == null ? void 0 : workspace.id) || !panelActions.isRepositoryInWorkspaceDirectory || !sortedRepositories.length) {
-        return;
-      }
-      const locationMap = /* @__PURE__ */ new Map();
-      await Promise.all(
-        sortedRepositories.map(async (repo) => {
-          try {
-            const isInWorkspace = await panelActions.isRepositoryInWorkspaceDirectory(repo, workspace.id);
-            if (isInWorkspace !== null) {
-              locationMap.set(repo.path, isInWorkspace);
-            }
-          } catch (error) {
-            console.error(`Failed to check location for ${repo.name}:`, error);
+      const locationMap = /* @__PURE__ */ new Map();
+      await Promise.all(
+        sortedRepositories.map(async (repo) => {
+          try {
+            const isInWorkspace = await panelActions.isRepositoryInWorkspaceDirectory(repo, workspace.id);
+            if (isInWorkspace !== null) {
+              locationMap.set(repo.path, isInWorkspace);
+            }
+          } catch (error) {
+            console.error(`Failed to check location for ${repo.name}:`, error);
           }
         })
       );
@@ -1661,7 +1567,7 @@ const WorkspaceRepositoriesPanelContent = ({
   );
   useEffect(() => {
     const unsubscribers = [
-      events.on(`${PANEL_ID$2}:select-repository`, (event) => {
+      events.on(`${PANEL_ID$3}:select-repository`, (event) => {
         var _a;
         const path = (_a = event.payload) == null ? void 0 : _a.repositoryPath;
         if (path) {
@@ -1671,7 +1577,7 @@ const WorkspaceRepositoriesPanelContent = ({
           }
         }
       }),
-      events.on(`${PANEL_ID$2}:open-repository`, (event) => {
+      events.on(`${PANEL_ID$3}:open-repository`, (event) => {
         var _a;
         const path = (_a = event.payload) == null ? void 0 : _a.repositoryPath;
         if (path) {
@@ -2004,13 +1910,13 @@ const WorkspaceRepositoriesPanelContent = ({
               }
             ),
             /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: repositoriesInWorkspace.map((repository) => /* @__PURE__ */ jsx(
-              WorkspaceRepositoryCard,
+              LocalProjectCard,
               {
-                repository,
-                workspace,
-                actions: panelActions,
+                entry: repository,
+                actionMode: "workspace",
                 isEditMode,
                 isInWorkspaceDirectory: true,
+                workspacePath: workspace.suggestedClonePath,
                 onSelect: handleSelectRepository,
                 onOpen: handleOpenRepository,
                 onRemoveFromWorkspace: handleRemoveFromWorkspace,
@@ -2070,13 +1976,13 @@ const WorkspaceRepositoriesPanelContent = ({
               }
             ),
             /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: repositoriesOutsideWorkspace.map((repository) => /* @__PURE__ */ jsx(
-              WorkspaceRepositoryCard,
+              LocalProjectCard,
               {
-                repository,
-                workspace,
-                actions: panelActions,
+                entry: repository,
+                actionMode: "workspace",
                 isEditMode,
                 isInWorkspaceDirectory: false,
+                workspacePath: workspace.suggestedClonePath,
                 onSelect: handleSelectRepository,
                 onOpen: handleOpenRepository,
                 onRemoveFromWorkspace: handleRemoveFromWorkspace,
@@ -2093,63 +1999,943 @@ const WorkspaceRepositoriesPanelContent = ({
 const WorkspaceRepositoriesPanel = (props) => {
   return /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(WorkspaceRepositoriesPanelContent, { ...props }) });
 };
-const PANEL_ID$1 = "industry-theme.local-projects";
-const filterProjectsTool = {
-  name: "filter_projects",
-  description: "Filter the local projects list by name, owner, or path",
-  inputs: {
-    type: "object",
-    properties: {
-      filter: {
-        type: "string",
-        description: "Search term to filter projects (matches name, owner, or path)"
-      }
-    },
-    required: ["filter"]
-  },
-  outputs: {
-    type: "object",
-    properties: {
-      success: { type: "boolean" },
-      message: { type: "string" }
+const DependencyInfoModal = ({
+  isOpen,
+  onClose
+}) => {
+  const { theme: theme2 } = useTheme();
+  if (!isOpen) return null;
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        position: "fixed",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: theme2.colors.muted,
+        zIndex: theme2.zIndices[4],
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center"
+      },
+      onClick: onClose,
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            backgroundColor: theme2.colors.background,
+            borderRadius: `${theme2.radii[3]}px`,
+            maxWidth: "600px",
+            maxHeight: "80vh",
+            width: "90%",
+            overflow: "hidden",
+            display: "flex",
+            flexDirection: "column",
+            boxShadow: theme2.shadows[3]
+          },
+          onClick: (e) => e.stopPropagation(),
+          children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                style: {
+                  padding: `${theme2.space[4]}px`,
+                  borderBottom: `1px solid ${theme2.colors.border}`,
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "space-between"
+                },
+                children: [
+                  /* @__PURE__ */ jsxs(
+                    "h2",
+                    {
+                      style: {
+                        fontSize: `${theme2.fontSizes[4]}px`,
+                        fontWeight: theme2.fontWeights.semibold,
+                        color: theme2.colors.text,
+                        display: "flex",
+                        alignItems: "center",
+                        gap: `${theme2.space[2]}px`,
+                        margin: 0
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx(CircleQuestionMark, { size: 20 }),
+                        "Understanding Dependencies"
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      onClick: onClose,
+                      style: {
+                        background: "none",
+                        border: "none",
+                        color: theme2.colors.textSecondary,
+                        cursor: "pointer",
+                        padding: `${theme2.space[1]}px`
+                      },
+                      children: /* @__PURE__ */ jsx(X, { size: 20 })
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                style: {
+                  padding: `${theme2.space[4]}px`,
+                  overflow: "auto",
+                  flex: 1
+                },
+                children: [
+                  /* @__PURE__ */ jsxs(
+                    Section,
+                    {
+                      icon: /* @__PURE__ */ jsx(Package, { size: 18 }),
+                      title: "Dependency Types",
+                      theme: theme2,
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          InfoItem,
+                          {
+                            badge: { text: "prod", color: theme2.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
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          InfoItem,
+                          {
+                            badge: { text: "dev", color: theme2.colors.secondary },
+                            title: "Development Dependencies",
+                            description: "Only needed during development (build tools, testing, linters). Not included in production builds.",
+                            theme: theme2
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          InfoItem,
+                          {
+                            badge: { text: "peer", color: theme2.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
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    Section,
+                    {
+                      icon: /* @__PURE__ */ jsx(Scale, { size: 18 }),
+                      title: "Common Licenses",
+                      theme: theme2,
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          InfoItem,
+                          {
+                            badge: { text: "MIT", color: theme2.colors.success },
+                            title: "Permissive Licenses (MIT, Apache, BSD)",
+                            description: "Few restrictions. Can use in commercial projects. Must include copyright notice.",
+                            theme: theme2
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          InfoItem,
+                          {
+                            badge: { text: "GPL", color: theme2.colors.warning },
+                            title: "Copyleft Licenses (GPL, LGPL, AGPL)",
+                            description: "Requires sharing source code of derivative works. Can impact your project's licensing.",
+                            theme: theme2
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      )
     }
-  },
-  tags: ["filter", "search", "projects"],
-  tool_call_template: {
-    call_template_type: "panel_event",
-    event_type: `${PANEL_ID$1}:filter`
-  }
+  ) });
 };
-const selectProjectTool = {
-  name: "select_project",
-  description: "Select a project by name or path to view its details",
-  inputs: {
-    type: "object",
-    properties: {
-      identifier: {
-        type: "string",
-        description: "Project name or full path to select"
-      }
-    },
-    required: ["identifier"]
-  },
-  outputs: {
-    type: "object",
-    properties: {
-      success: { type: "boolean" },
-      selectedProject: { type: "string" }
+const Section = ({ icon, title, theme: theme2, children }) => /* @__PURE__ */ jsxs("div", { style: { marginBottom: `${theme2.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`,
+        display: "flex",
+        alignItems: "center",
+        gap: `${theme2.space[2]}px`
+      },
+      children: [
+        icon,
+        title
+      ]
     }
-  },
-  tags: ["select", "project", "navigation"],
-  tool_call_template: {
-    call_template_type: "panel_event",
-    event_type: `${PANEL_ID$1}:select-repository`
-  }
-};
-const openProjectTool = {
-  name: "open_project",
-  description: "Open a local project in the development workspace",
-  inputs: {
+  ),
+  /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: `${theme2.space[2]}px`
+      },
+      children
+    }
+  )
+] });
+const InfoItem = ({ badge, title, description, theme: theme2 }) => /* @__PURE__ */ jsxs(
+  "div",
+  {
+    style: {
+      padding: `${theme2.space[3]}px`,
+      backgroundColor: theme2.colors.backgroundSecondary,
+      borderRadius: `${theme2.radii[2]}px`,
+      border: `1px solid ${theme2.colors.border}`
+    },
+    children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            display: "flex",
+            alignItems: "center",
+            gap: `${theme2.space[2]}px`,
+            marginBottom: `${theme2.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,
+                  backgroundColor: `${badge.color}20`,
+                  color: badge.color
+                },
+                children: badge.text
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                style: {
+                  fontSize: `${theme2.fontSizes[1]}px`,
+                  fontWeight: theme2.fontWeights.medium,
+                  color: theme2.colors.text
+                },
+                children: title
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: {
+            fontSize: `${theme2.fontSizes[1]}px`,
+            color: theme2.colors.textSecondary,
+            lineHeight: theme2.lineHeights.relaxed
+          },
+          children: description
+        }
+      )
+    ]
+  }
+);
+const DependencyRow = ({ dependency }) => {
+  const { theme: theme2 } = useTheme();
+  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,
+      minWidth: "36px",
+      textAlign: "center"
+    };
+    switch (type) {
+      case "production":
+        return {
+          ...baseStyle,
+          backgroundColor: `${theme2.colors.primary}20`,
+          color: theme2.colors.primary
+        };
+      case "development":
+        return {
+          ...baseStyle,
+          backgroundColor: `${theme2.colors.secondary}20`,
+          color: theme2.colors.secondary
+        };
+      case "peer":
+        return {
+          ...baseStyle,
+          backgroundColor: `${theme2.colors.accent}20`,
+          color: theme2.colors.accent
+        };
+      default:
+        return {
+          ...baseStyle,
+          backgroundColor: theme2.colors.backgroundLight,
+          color: theme2.colors.textSecondary
+        };
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        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}`,
+        transition: "all 0.2s"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: `${theme2.space[2]}px`,
+              flex: 1,
+              minWidth: 0
+            },
+            children: [
+              /* @__PURE__ */ jsx("span", { style: getDependencyTypeBadgeStyle(dependency.dependencyType), children: dependency.dependencyType === "production" ? "prod" : dependency.dependencyType === "development" ? "dev" : "peer" }),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  style: {
+                    fontWeight: theme2.fontWeights.medium,
+                    color: theme2.colors.text,
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap"
+                  },
+                  children: dependency.name
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "8px"
+            },
+            children: [
+              /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.textSecondary }, children: dependency.version }),
+              /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href: `https://www.npmjs.com/package/${dependency.name}`,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  style: {
+                    padding: `${theme2.space[1]}px`,
+                    borderRadius: `${theme2.radii[1]}px`,
+                    display: "flex",
+                    alignItems: "center",
+                    transition: "background-color 0.2s"
+                  },
+                  title: "View on npm",
+                  children: /* @__PURE__ */ jsx(ExternalLink, { size: 12, color: theme2.colors.textSecondary })
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+const FilterBar = ({
+  activeFilters,
+  onToggleFilter,
+  searchQuery,
+  onSearchChange,
+  counts
+}) => {
+  const { theme: theme2 } = useTheme();
+  const availableFilters = [
+    ...counts.peer > 0 ? ["peer"] : [],
+    ...counts.production > 0 ? ["production"] : [],
+    ...counts.development > 0 ? ["development"] : []
+  ];
+  const showFilters = availableFilters.length > 1;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: `${theme2.space[2]}px`
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              position: "relative",
+              display: "flex",
+              alignItems: "center"
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                Search,
+                {
+                  size: 14,
+                  style: {
+                    position: "absolute",
+                    left: `${theme2.space[3]}px`,
+                    color: theme2.colors.textSecondary,
+                    pointerEvents: "none"
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "text",
+                  placeholder: "Search dependencies...",
+                  value: searchQuery,
+                  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,
+                    outline: "none",
+                    transition: "all 0.2s"
+                  }
+                }
+              ),
+              searchQuery && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: () => onSearchChange(""),
+                  style: {
+                    position: "absolute",
+                    right: `${theme2.space[2]}px`,
+                    padding: `${theme2.space[1]}px`,
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    backgroundColor: "transparent",
+                    border: "none",
+                    cursor: "pointer",
+                    borderRadius: `${theme2.radii[1]}px`
+                  },
+                  title: "Clear search",
+                  children: /* @__PURE__ */ jsx(X, { size: 14, color: theme2.colors.textSecondary })
+                }
+              )
+            ]
+          }
+        ),
+        showFilters && /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: `${theme2.space[1]}px`, width: "100%" }, children: availableFilters.map((type) => {
+          const isActive = activeFilters.has(type);
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              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,
+                cursor: "pointer",
+                transition: "all 0.2s"
+              },
+              children: [
+                type === "production" ? "Prod" : type === "development" ? "Dev" : "Peer",
+                /* @__PURE__ */ jsxs(
+                  "span",
+                  {
+                    style: { marginLeft: `${theme2.space[1]}px`, opacity: 0.7 },
+                    children: [
+                      "(",
+                      counts[type],
+                      ")"
+                    ]
+                  }
+                )
+              ]
+            },
+            type
+          );
+        }) })
+      ]
+    }
+  );
+};
+const dependencyTypeOrder = {
+  peer: 0,
+  production: 1,
+  development: 2
+};
+function extractDependencies(packageLayer) {
+  const { dependencies, devDependencies, peerDependencies } = packageLayer.packageData;
+  const items = [];
+  if (dependencies) {
+    Object.entries(dependencies).forEach(([name, version]) => {
+      items.push({ name, version, dependencyType: "production" });
+    });
+  }
+  if (devDependencies) {
+    Object.entries(devDependencies).forEach(([name, version]) => {
+      items.push({ name, version, dependencyType: "development" });
+    });
+  }
+  if (peerDependencies) {
+    Object.entries(peerDependencies).forEach(([name, version]) => {
+      items.push({ name, version, dependencyType: "peer" });
+    });
+  }
+  return items.sort((a, b) => {
+    const typeCompare = dependencyTypeOrder[a.dependencyType] - dependencyTypeOrder[b.dependencyType];
+    if (typeCompare !== 0) return typeCompare;
+    return a.name.localeCompare(b.name);
+  });
+}
+const DependenciesPanelContent = ({
+  context
+}) => {
+  var _a;
+  const { theme: theme2 } = useTheme();
+  const [selectedPackagePath, setSelectedPackagePath] = useState(
+    null
+  );
+  const [activeFilters, setActiveFilters] = useState(/* @__PURE__ */ new Set());
+  const [searchQuery, setSearchQuery] = useState("");
+  const [showInfoModal, setShowInfoModal] = useState(false);
+  const packagesSlice = context.getSlice("packages");
+  const isLoading = context.isSliceLoading("packages");
+  const hasPackages = context.hasSlice("packages");
+  const packages = useMemo(() => {
+    var _a2;
+    return ((_a2 = packagesSlice == null ? void 0 : packagesSlice.data) == null ? void 0 : _a2.packages) ?? [];
+  }, [(_a = packagesSlice == null ? void 0 : packagesSlice.data) == null ? void 0 : _a.packages]);
+  const effectiveSelectedPath = useMemo(() => {
+    if (selectedPackagePath !== null) return selectedPackagePath;
+    if (packages.length === 1) return packages[0].packageData.path;
+    const rootPackage = packages.find((p) => p.packageData.path === "");
+    if (rootPackage) return "";
+    return null;
+  }, [selectedPackagePath, packages]);
+  const selectedPackage = useMemo(() => {
+    if (effectiveSelectedPath === null) return null;
+    return packages.find((p) => p.packageData.path === effectiveSelectedPath);
+  }, [effectiveSelectedPath, packages]);
+  const dependencyItems = useMemo(() => {
+    if (!selectedPackage) return [];
+    return extractDependencies(selectedPackage);
+  }, [selectedPackage]);
+  const counts = useMemo(() => {
+    return {
+      all: dependencyItems.length,
+      production: dependencyItems.filter((d) => d.dependencyType === "production").length,
+      development: dependencyItems.filter(
+        (d) => d.dependencyType === "development"
+      ).length,
+      peer: dependencyItems.filter((d) => d.dependencyType === "peer").length
+    };
+  }, [dependencyItems]);
+  const handleToggleFilter = (type) => {
+    setActiveFilters((prev) => {
+      const next = new Set(prev);
+      if (next.has(type)) {
+        next.delete(type);
+      } else {
+        next.add(type);
+      }
+      return next;
+    });
+  };
+  const filteredDependencies = useMemo(() => {
+    let filtered = [...dependencyItems];
+    if (searchQuery.trim()) {
+      const query = searchQuery.toLowerCase();
+      filtered = filtered.filter(
+        (dep) => dep.name.toLowerCase().includes(query)
+      );
+    }
+    const allTypes = ["production", "development", "peer"];
+    const availableTypes = allTypes.filter((t) => counts[t] > 0);
+    const isAllSelected = activeFilters.size === 0 || availableTypes.every((t) => activeFilters.has(t));
+    if (!isAllSelected && activeFilters.size > 0) {
+      filtered = filtered.filter((dep) => activeFilters.has(dep.dependencyType));
+    }
+    return filtered;
+  }, [dependencyItems, searchQuery, activeFilters, counts]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          padding: `${theme2.space[3]}px`,
+          height: "100%",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          color: theme2.colors.textSecondary,
+          backgroundColor: theme2.colors.background,
+          fontFamily: theme2.fonts.body
+        },
+        children: "Loading packages..."
+      }
+    );
+  }
+  if (!hasPackages || packages.length === 0) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          padding: `${theme2.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
+        },
+        children: [
+          /* @__PURE__ */ jsx(Package, { size: 32 }),
+          /* @__PURE__ */ jsx("p", { style: { margin: 0 }, children: "No package data available" })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        height: "100%",
+        display: "flex",
+        flexDirection: "column",
+        backgroundColor: theme2.colors.background,
+        color: theme2.colors.text,
+        fontFamily: theme2.fonts.body,
+        overflow: "hidden"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              flexShrink: 0,
+              padding: `${theme2.space[3]}px`,
+              paddingBottom: `${theme2.space[2]}px`,
+              display: "flex",
+              flexDirection: "column",
+              gap: `${theme2.space[2]}px`,
+              borderBottom: `1px solid ${theme2.colors.border}`
+            },
+            children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "space-between"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "h3",
+                      {
+                        style: {
+                          fontSize: `${theme2.fontSizes[2]}px`,
+                          fontWeight: theme2.fontWeights.semibold,
+                          color: theme2.colors.text,
+                          display: "flex",
+                          alignItems: "center",
+                          gap: `${theme2.space[2]}px`,
+                          margin: 0
+                        },
+                        children: packages.length > 1 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                          /* @__PURE__ */ jsx(Boxes, { size: 16 }),
+                          "Monorepo Dependencies",
+                          /* @__PURE__ */ jsxs(
+                            "span",
+                            {
+                              style: {
+                                fontSize: `${theme2.fontSizes[0]}px`,
+                                fontWeight: theme2.fontWeights.body,
+                                color: theme2.colors.textSecondary
+                              },
+                              children: [
+                                "(",
+                                packages.length,
+                                ")"
+                              ]
+                            }
+                          )
+                        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                          /* @__PURE__ */ jsx(Package, { size: 16 }),
+                          "Dependencies"
+                        ] })
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      "button",
+                      {
+                        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,
+                          cursor: "pointer",
+                          display: "flex",
+                          alignItems: "center",
+                          gap: `${theme2.space[1]}px`,
+                          transition: "all 0.2s"
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx(CircleQuestionMark, { size: 12 }),
+                          "Learn More"
+                        ]
+                      }
+                    )
+                  ]
+                }
+              ),
+              packages.length > 1 && /* @__PURE__ */ jsx(
+                "select",
+                {
+                  value: effectiveSelectedPath ?? "__none__",
+                  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,
+                    cursor: "pointer"
+                  },
+                  children: packages.map((pkg) => /* @__PURE__ */ jsxs("option", { value: pkg.packageData.path, children: [
+                    pkg.packageData.name,
+                    " (",
+                    pkg.packageData.path || "root",
+                    ")"
+                  ] }, pkg.packageData.path || "__root__"))
+                }
+              ),
+              packages.length === 1 && selectedPackage && /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    fontSize: `${theme2.fontSizes[0]}px`,
+                    color: theme2.colors.textSecondary
+                  },
+                  children: [
+                    selectedPackage.packageData.name,
+                    " • ",
+                    dependencyItems.length,
+                    " dependencies"
+                  ]
+                }
+              ),
+              selectedPackage && dependencyItems.length > 0 && /* @__PURE__ */ jsx(
+                FilterBar,
+                {
+                  activeFilters,
+                  onToggleFilter: handleToggleFilter,
+                  searchQuery,
+                  onSearchChange: setSearchQuery,
+                  counts
+                }
+              )
+            ]
+          }
+        ),
+        selectedPackage && dependencyItems.length > 0 && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              flex: 1,
+              overflow: "auto",
+              padding: `${theme2.space[2]}px ${theme2.space[3]}px ${theme2.space[3]}px`
+            },
+            children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    fontSize: `${theme2.fontSizes[0]}px`,
+                    color: theme2.colors.textSecondary,
+                    marginBottom: `${theme2.space[2]}px`
+                  },
+                  children: [
+                    "Showing ",
+                    filteredDependencies.length,
+                    " of ",
+                    dependencyItems.length,
+                    " dependencies"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: `${theme2.space[1]}px`
+                  },
+                  children: filteredDependencies.length === 0 ? /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      style: {
+                        padding: `${theme2.space[3]}px`,
+                        textAlign: "center",
+                        color: theme2.colors.textSecondary,
+                        fontSize: `${theme2.fontSizes[1]}px`
+                      },
+                      children: "No dependencies match your filters"
+                    }
+                  ) : filteredDependencies.map((dep) => /* @__PURE__ */ jsx(
+                    DependencyRow,
+                    {
+                      dependency: dep
+                    },
+                    `${dep.name}-${dep.dependencyType}`
+                  ))
+                }
+              )
+            ]
+          }
+        ),
+        !selectedPackage && packages.length > 1 && /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              flex: 1,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              color: theme2.colors.textSecondary,
+              fontSize: `${theme2.fontSizes[1]}px`
+            },
+            children: "Select a package to view its dependencies"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          DependencyInfoModal,
+          {
+            isOpen: showInfoModal,
+            onClose: () => setShowInfoModal(false)
+          }
+        )
+      ]
+    }
+  );
+};
+const DependenciesPanel = (props) => {
+  return /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(DependenciesPanelContent, { ...props }) });
+};
+const PANEL_ID$2 = "industry-theme.local-projects";
+const filterProjectsTool = {
+  name: "filter_projects",
+  description: "Filter the local projects list by name, owner, or path",
+  inputs: {
+    type: "object",
+    properties: {
+      filter: {
+        type: "string",
+        description: "Search term to filter projects (matches name, owner, or path)"
+      }
+    },
+    required: ["filter"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      message: { type: "string" }
+    }
+  },
+  tags: ["filter", "search", "projects"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: `${PANEL_ID$2}:filter`
+  }
+};
+const selectProjectTool = {
+  name: "select_project",
+  description: "Select a project by name or path to view its details",
+  inputs: {
+    type: "object",
+    properties: {
+      identifier: {
+        type: "string",
+        description: "Project name or full path to select"
+      }
+    },
+    required: ["identifier"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      selectedProject: { type: "string" }
+    }
+  },
+  tags: ["select", "project", "navigation"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: `${PANEL_ID$2}:select-repository`
+  }
+};
+const openProjectTool = {
+  name: "open_project",
+  description: "Open a local project in the development workspace",
+  inputs: {
     type: "object",
     properties: {
       identifier: {
@@ -2169,7 +2955,7 @@ const openProjectTool = {
   tags: ["open", "project", "workspace"],
   tool_call_template: {
     call_template_type: "panel_event",
-    event_type: `${PANEL_ID$1}:open-repository`
+    event_type: `${PANEL_ID$2}:open-repository`
   }
 };
 const localProjectsPanelTools = [
@@ -2178,12 +2964,12 @@ const localProjectsPanelTools = [
   openProjectTool
 ];
 const localProjectsPanelToolsMetadata = {
-  id: PANEL_ID$1,
+  id: PANEL_ID$2,
   name: "Local Projects Panel",
   description: "Tools for browsing and managing local Alexandria repositories",
   tools: localProjectsPanelTools
 };
-const PANEL_ID = "industry-theme.workspace-repositories";
+const PANEL_ID$1 = "industry-theme.workspace-repositories";
 const selectRepositoryTool = {
   name: "select_workspace_repository",
   description: "Selects a repository in the workspace panel",
@@ -2207,7 +2993,7 @@ const selectRepositoryTool = {
   tags: ["workspace", "repository", "select"],
   tool_call_template: {
     call_template_type: "panel_event",
-    event_type: `${PANEL_ID}:select-repository`
+    event_type: `${PANEL_ID$1}:select-repository`
   }
 };
 const refreshWorkspaceTool = {
@@ -2232,7 +3018,7 @@ const refreshWorkspaceTool = {
   tags: ["workspace", "refresh"],
   tool_call_template: {
     call_template_type: "panel_event",
-    event_type: `${PANEL_ID}:refresh-workspace`
+    event_type: `${PANEL_ID$1}:refresh-workspace`
   }
 };
 const openRepositoryTool = {
@@ -2258,7 +3044,7 @@ const openRepositoryTool = {
   tags: ["workspace", "repository", "open"],
   tool_call_template: {
     call_template_type: "panel_event",
-    event_type: `${PANEL_ID}:open-repository`
+    event_type: `${PANEL_ID$1}:open-repository`
   }
 };
 const workspaceRepositoriesPanelTools = [
@@ -2267,11 +3053,102 @@ const workspaceRepositoriesPanelTools = [
   openRepositoryTool
 ];
 const workspaceRepositoriesPanelToolsMetadata = {
-  id: PANEL_ID,
+  id: PANEL_ID$1,
   name: "Workspace Repositories Panel",
   description: "Tools provided by the workspace repositories panel",
   tools: workspaceRepositoriesPanelTools
 };
+const PANEL_ID = "principal-ade.dependencies-panel";
+const filterDependenciesTool = {
+  name: "filter_dependencies",
+  description: "Filter the dependencies list by package name",
+  inputs: {
+    type: "object",
+    properties: {
+      filter: {
+        type: "string",
+        description: "Search term to filter dependencies by name"
+      }
+    },
+    required: ["filter"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      message: { type: "string" }
+    }
+  },
+  tags: ["filter", "search", "dependencies"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: `${PANEL_ID}:filter`
+  }
+};
+const selectDependencyTypeTool = {
+  name: "select_dependency_type",
+  description: "Filter dependencies by type (production, development, or peer)",
+  inputs: {
+    type: "object",
+    properties: {
+      type: {
+        type: "string",
+        enum: ["production", "development", "peer", "all"],
+        description: "The dependency type to filter by"
+      }
+    },
+    required: ["type"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      selectedType: { type: "string" }
+    }
+  },
+  tags: ["filter", "type", "dependencies"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: `${PANEL_ID}:select-type`
+  }
+};
+const selectPackageTool = {
+  name: "select_package",
+  description: "Select a package to view its dependencies (for monorepos)",
+  inputs: {
+    type: "object",
+    properties: {
+      packagePath: {
+        type: "string",
+        description: "The path of the package to select"
+      }
+    },
+    required: ["packagePath"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      selectedPackage: { type: "string" }
+    }
+  },
+  tags: ["select", "package", "monorepo"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: `${PANEL_ID}:select-package`
+  }
+};
+const dependenciesPanelTools = [
+  filterDependenciesTool,
+  selectDependencyTypeTool,
+  selectPackageTool
+];
+const dependenciesPanelToolsMetadata = {
+  id: PANEL_ID,
+  name: "Dependencies Panel",
+  description: "Tools for viewing and exploring package dependencies",
+  tools: dependenciesPanelTools
+};
 const panels = [
   {
     metadata: {
@@ -2314,6 +3191,25 @@ const panels = [
     onUnmount: async (_context) => {
       console.log("Workspace Repositories Panel unmounting");
     }
+  },
+  {
+    metadata: {
+      id: "principal-ade.dependencies-panel",
+      name: "Dependencies",
+      icon: "Package",
+      version: "0.1.0",
+      author: "Principal ADE",
+      description: "View and explore package dependencies",
+      slices: ["packages"],
+      tools: dependenciesPanelTools
+    },
+    component: DependenciesPanel,
+    onMount: async (_context) => {
+      console.log("Dependencies Panel mounted");
+    },
+    onUnmount: async (_context) => {
+      console.log("Dependencies Panel unmounting");
+    }
   }
 ];
 const onPackageLoad = async () => {
@@ -2323,12 +3219,15 @@ const onPackageUnload = async () => {
   console.log("Alexandria Panels package unloading");
 };
 export {
+  DependenciesPanel,
   LocalProjectCard,
   LocalProjectsPanel,
   LocalProjectsPanelPreview,
   RepositoryAvatar,
   WorkspaceRepositoriesPanel,
-  WorkspaceRepositoryCard,
+  dependenciesPanelTools,
+  dependenciesPanelToolsMetadata,
+  filterDependenciesTool,
   filterProjectsTool,
   localProjectsPanelTools,
   localProjectsPanelToolsMetadata,
@@ -2338,6 +3237,8 @@ export {
   openRepositoryTool,
   panels,
   refreshWorkspaceTool,
+  selectDependencyTypeTool,
+  selectPackageTool,
   selectProjectTool,
   selectRepositoryTool,
   workspaceRepositoriesPanelTools,