@industry-theme/alexandria-panels 0.1.0 → 0.1.1

package/dist/panels.bundle.js

@@ -320,7 +320,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$9 = [
+const __iconNode$e = [
   ["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 +333,47 @@ const __iconNode$9 = [
   ],
   ["path", { d: "M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16", key: "16ra0t" }]
 ];
-const Building2 = createLucideIcon("building-2", __iconNode$9);
+const Building2 = createLucideIcon("building-2", __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$8 = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$8);
+const __iconNode$d = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __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$7 = [
+const __iconNode$c = [
   ["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$7);
+const Copy = createLucideIcon("copy", __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$6 = [
+const __iconNode$b = [
   ["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$6);
+const Focus = createLucideIcon("focus", __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$5 = [
+const __iconNode$a = [
   [
     "path",
     {
@@ -385,14 +385,14 @@ const __iconNode$5 = [
   ["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$5);
+const FolderGit2 = createLucideIcon("folder-git-2", __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$4 = [
+const __iconNode$9 = [
   [
     "path",
     {
@@ -401,37 +401,116 @@ const __iconNode$4 = [
     }
   ]
 ];
-const FolderOpen = createLucideIcon("folder-open", __iconNode$4);
+const FolderOpen = createLucideIcon("folder-open", __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$3 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-const LoaderCircle = createLucideIcon("loader-circle", __iconNode$3);
+const __iconNode$8 = [
+  [
+    "path",
+    {
+      d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",
+      key: "1kt360"
+    }
+  ]
+];
+const Folder = createLucideIcon("folder", __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$2 = [
+const __iconNode$7 = [
+  ["path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8", key: "5wwlr5" }],
+  [
+    "path",
+    {
+      d: "M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",
+      key: "r6nss1"
+    }
+  ]
+];
+const House = createLucideIcon("house", __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$6 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __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", { d: "M8 6L12 2L16 6", key: "1yvkyx" }],
+  ["path", { d: "M12 2V22", key: "r89rzk" }]
+];
+const MoveUp = createLucideIcon("move-up", __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$4 = [
+  [
+    "path",
+    {
+      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$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: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ];
-const Plus = createLucideIcon("plus", __iconNode$2);
+const Plus = createLucideIcon("plus", __iconNode$3);
 /**
  * @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$1 = [
+const __iconNode$2 = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
 ];
-const Search = createLucideIcon("search", __iconNode$1);
+const Search = createLucideIcon("search", __iconNode$2);
+/**
+ * @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$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" }]
+];
+const TriangleAlert = createLucideIcon("triangle-alert", __iconNode$1);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -765,10 +844,10 @@ const LocalProjectCard = ({
     }
   );
 };
-const PANEL_ID$1 = "industry-theme.local-projects";
-const createPanelEvent = (type, payload) => ({
+const PANEL_ID$3 = "industry-theme.local-projects";
+const createPanelEvent$1 = (type, payload) => ({
   type,
-  source: PANEL_ID$1,
+  source: PANEL_ID$3,
   timestamp: Date.now(),
   payload
 });
@@ -804,7 +883,7 @@ const LocalProjectsPanelContent = ({
       try {
         await panelActions.openRepository(entry);
         setWindowStates((prev) => new Map(prev).set(entry.path, "ready"));
-        events.emit(createPanelEvent(`${PANEL_ID$1}:repository-opened`, { entry }));
+        events.emit(createPanelEvent$1(`${PANEL_ID$3}:repository-opened`, { entry }));
       } catch (error) {
         console.error("Error opening repository:", error);
         setWindowStates((prev) => new Map(prev).set(entry.path, "closed"));
@@ -815,14 +894,14 @@ const LocalProjectsPanelContent = ({
   useEffect(() => {
     const unsubscribers = [
       // Filter event from tools
-      events.on(`${PANEL_ID$1}:filter`, (event) => {
+      events.on(`${PANEL_ID$3}: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$1}:select-repository`, (event) => {
+      events.on(`${PANEL_ID$3}:select-repository`, (event) => {
         var _a2;
         const identifier = (_a2 = event.payload) == null ? void 0 : _a2.identifier;
         if (identifier) {
@@ -831,12 +910,12 @@ const LocalProjectsPanelContent = ({
           );
           if (entry) {
             setSelectedEntry(entry);
-            events.emit(createPanelEvent(`${PANEL_ID$1}:repository-selected`, { entry }));
+            events.emit(createPanelEvent$1(`${PANEL_ID$3}:repository-selected`, { entry }));
           }
         }
       }),
       // Open repository event from tools
-      events.on(`${PANEL_ID$1}:open-repository`, (event) => {
+      events.on(`${PANEL_ID$3}:open-repository`, (event) => {
         var _a2;
         const identifier = (_a2 = event.payload) == null ? void 0 : _a2.identifier;
         if (identifier) {
@@ -884,7 +963,7 @@ const LocalProjectsPanelContent = ({
   };
   const handleSelectRepository = (entry) => {
     setSelectedEntry(entry);
-    events.emit(createPanelEvent(`${PANEL_ID$1}:repository-selected`, { entry }));
+    events.emit(createPanelEvent$1(`${PANEL_ID$3}:repository-selected`, { entry }));
   };
   const normalizedFilter = filter.trim().toLowerCase();
   const filteredAndSortedRepositories = useMemo(() => {
@@ -1145,7 +1224,876 @@ const LocalProjectsPanelPreview = () => {
     }
   );
 };
-const PANEL_ID = "industry-theme.local-projects";
+const WorkspaceRepositoryCard = ({
+  repository,
+  workspace,
+  actions,
+  isEditMode = false,
+  isInWorkspaceDirectory,
+  onSelect,
+  onOpen,
+  onRemoveFromWorkspace,
+  onMoveToWorkspace
+}) => {
+  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;
+      }
+    }
+    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);
+          }
+        })
+      );
+      setRepositoryLocations(locationMap);
+    };
+    checkLocations();
+  }, [workspace, sortedRepositories, panelActions]);
+  const { repositoriesInWorkspace, repositoriesOutsideWorkspace } = useMemo(() => {
+    const inWorkspace = [];
+    const outsideWorkspace = [];
+    sortedRepositories.forEach((repo) => {
+      const isInWorkspace = repositoryLocations.get(repo.path);
+      if (isInWorkspace === true) {
+        inWorkspace.push(repo);
+      } else if (isInWorkspace === false) {
+        outsideWorkspace.push(repo);
+      }
+    });
+    return { repositoriesInWorkspace: inWorkspace, repositoriesOutsideWorkspace: outsideWorkspace };
+  }, [sortedRepositories, repositoryLocations]);
+  const handleSelectRepository = useCallback(
+    (repository) => {
+      var _a;
+      events.emit(
+        createPanelEvent("repository:selected", {
+          repositoryId: ((_a = repository.github) == null ? void 0 : _a.id) || repository.name,
+          repository,
+          repositoryPath: repository.path
+        })
+      );
+    },
+    [events]
+  );
+  const handleOpenRepository = useCallback(
+    (repository) => {
+      var _a;
+      events.emit(
+        createPanelEvent("repository:opened", {
+          repositoryId: ((_a = repository.github) == null ? void 0 : _a.id) || repository.name,
+          repository
+        })
+      );
+    },
+    [events]
+  );
+  const handleRemoveFromWorkspace = useCallback(
+    async (repository) => {
+      var _a;
+      if (!(workspace == null ? void 0 : workspace.id) || !panelActions.removeRepositoryFromWorkspace) return;
+      try {
+        const repositoryId = ((_a = repository.github) == null ? void 0 : _a.id) || repository.name;
+        await panelActions.removeRepositoryFromWorkspace(repositoryId, workspace.id);
+      } catch (error) {
+        console.error("Failed to remove repository from workspace:", error);
+        alert(
+          `Failed to remove repository: ${error instanceof Error ? error.message : String(error)}`
+        );
+      }
+    },
+    [workspace, panelActions]
+  );
+  const handleMoveToWorkspace = useCallback(
+    async (repository) => {
+      if (!(workspace == null ? void 0 : workspace.id) || !panelActions.moveRepositoryToWorkspaceDirectory) return;
+      try {
+        await panelActions.moveRepositoryToWorkspaceDirectory(repository, workspace.id);
+        setRepositoryLocations((prev) => new Map(prev).set(repository.path, true));
+      } catch (error) {
+        console.error("Failed to move repository:", error);
+        alert(
+          `Failed to move repository: ${error instanceof Error ? error.message : String(error)}`
+        );
+      }
+    },
+    [workspace, panelActions]
+  );
+  useEffect(() => {
+    const unsubscribers = [
+      events.on(`${PANEL_ID$2}:select-repository`, (event) => {
+        var _a;
+        const path = (_a = event.payload) == null ? void 0 : _a.repositoryPath;
+        if (path) {
+          const repository = sortedRepositories.find((r) => r.path === path);
+          if (repository) {
+            handleSelectRepository(repository);
+          }
+        }
+      }),
+      events.on(`${PANEL_ID$2}:open-repository`, (event) => {
+        var _a;
+        const path = (_a = event.payload) == null ? void 0 : _a.repositoryPath;
+        if (path) {
+          const repository = sortedRepositories.find((r) => r.path === path);
+          if (repository) {
+            handleOpenRepository(repository);
+          }
+        }
+      })
+    ];
+    return () => unsubscribers.forEach((unsub) => unsub());
+  }, [events, sortedRepositories, handleSelectRepository, handleOpenRepository]);
+  const baseContainerStyle = {
+    display: "flex",
+    flexDirection: "column",
+    height: "100%",
+    backgroundColor: theme2.colors.backgroundSecondary
+  };
+  const contentContainerStyle = {
+    ...baseContainerStyle,
+    padding: "16px",
+    gap: "12px"
+  };
+  if (!workspace) {
+    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__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              gap: "16px",
+              maxWidth: "360px"
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                Folder,
+                {
+                  size: 48,
+                  style: {
+                    color: theme2.colors.textSecondary,
+                    opacity: 0.5
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(
+                  "h3",
+                  {
+                    style: {
+                      margin: "0 0 8px 0",
+                      color: theme2.colors.text,
+                      fontSize: `${theme2.fontSizes[3]}px`,
+                      fontWeight: theme2.fontWeights.semibold,
+                      fontFamily: theme2.fonts.body
+                    },
+                    children: "No Workspace Selected"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    style: {
+                      margin: 0,
+                      color: theme2.colors.textSecondary,
+                      fontSize: `${theme2.fontSizes[1]}px`,
+                      fontFamily: theme2.fonts.body
+                    },
+                    children: "Select a workspace to see its repositories."
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      }
+    ) });
+  }
+  if (isLoading) {
+    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: theme2.colors.text,
+                  fontSize: `${theme2.fontSizes[3]}px`,
+                  fontWeight: theme2.fontWeights.semibold,
+                  fontFamily: theme2.fonts.body
+                },
+                children: "Loading repositories..."
+              }
+            )
+          }
+        )
+      }
+    ) });
+  }
+  const handleToggleEditMode = () => {
+    setIsEditMode(!isEditMode);
+  };
+  return /* @__PURE__ */ jsxs("div", { style: contentContainerStyle, children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            display: "flex",
+            alignItems: "flex-start",
+            justifyContent: "space-between",
+            gap: "16px",
+            marginBottom: "4px"
+          },
+          children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: "8px"
+                },
+                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 })
+                    }
+                  )
+                ]
+              }
+            ),
+            workspace.suggestedClonePath && /* @__PURE__ */ jsxs(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: "6px",
+                  minWidth: 0
+                },
+                children: [
+                  /* @__PURE__ */ jsx(
+                    House,
+                    {
+                      size: 14,
+                      style: {
+                        color: theme2.colors.textSecondary,
+                        flexShrink: 0
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      style: {
+                        fontSize: `${theme2.fontSizes[0]}px`,
+                        color: theme2.colors.textSecondary,
+                        fontFamily: theme2.fonts.monospace,
+                        whiteSpace: "nowrap",
+                        overflow: "hidden",
+                        textOverflow: "ellipsis"
+                      },
+                      title: workspace.suggestedClonePath,
+                      children: workspace.suggestedClonePath
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      workspace.description && /* @__PURE__ */ jsx(
+        "p",
+        {
+          style: {
+            margin: 0,
+            fontSize: `${theme2.fontSizes[1]}px`,
+            color: theme2.colors.textSecondary,
+            fontFamily: theme2.fonts.body
+          },
+          children: workspace.description
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          flex: 1,
+          overflowY: "auto",
+          display: "flex",
+          flexDirection: "column",
+          gap: "12px"
+        },
+        children: [
+          sortedRepositories.length === 0 && !isLoading && /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                padding: "32px",
+                textAlign: "center",
+                color: theme2.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",
+              {
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: "6px",
+                  paddingBottom: "4px"
+                },
+                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
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: repositoriesInWorkspace.map((repository) => /* @__PURE__ */ jsx(
+              WorkspaceRepositoryCard,
+              {
+                repository,
+                workspace,
+                actions: panelActions,
+                isEditMode,
+                isInWorkspaceDirectory: true,
+                onSelect: handleSelectRepository,
+                onOpen: handleOpenRepository,
+                onRemoveFromWorkspace: handleRemoveFromWorkspace,
+                onMoveToWorkspace: handleMoveToWorkspace
+              },
+              repository.path
+            )) })
+          ] }),
+          repositoriesOutsideWorkspace.length > 0 && /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: "6px",
+                  paddingBottom: "4px"
+                },
+                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
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: repositoriesOutsideWorkspace.map((repository) => /* @__PURE__ */ jsx(
+              WorkspaceRepositoryCard,
+              {
+                repository,
+                workspace,
+                actions: panelActions,
+                isEditMode,
+                isInWorkspaceDirectory: false,
+                onSelect: handleSelectRepository,
+                onOpen: handleOpenRepository,
+                onRemoveFromWorkspace: handleRemoveFromWorkspace,
+                onMoveToWorkspace: handleMoveToWorkspace
+              },
+              repository.path
+            )) })
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+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",
@@ -1169,7 +2117,7 @@ const filterProjectsTool = {
   tags: ["filter", "search", "projects"],
   tool_call_template: {
     call_template_type: "panel_event",
-    event_type: `${PANEL_ID}:filter`
+    event_type: `${PANEL_ID$1}:filter`
   }
 };
 const selectProjectTool = {
@@ -1195,7 +2143,7 @@ const selectProjectTool = {
   tags: ["select", "project", "navigation"],
   tool_call_template: {
     call_template_type: "panel_event",
-    event_type: `${PANEL_ID}:select-repository`
+    event_type: `${PANEL_ID$1}:select-repository`
   }
 };
 const openProjectTool = {
@@ -1221,7 +2169,7 @@ const openProjectTool = {
   tags: ["open", "project", "workspace"],
   tool_call_template: {
     call_template_type: "panel_event",
-    event_type: `${PANEL_ID}:open-repository`
+    event_type: `${PANEL_ID$1}:open-repository`
   }
 };
 const localProjectsPanelTools = [
@@ -1230,11 +2178,100 @@ const localProjectsPanelTools = [
   openProjectTool
 ];
 const localProjectsPanelToolsMetadata = {
-  id: PANEL_ID,
+  id: PANEL_ID$1,
   name: "Local Projects Panel",
   description: "Tools for browsing and managing local Alexandria repositories",
   tools: localProjectsPanelTools
 };
+const PANEL_ID = "industry-theme.workspace-repositories";
+const selectRepositoryTool = {
+  name: "select_workspace_repository",
+  description: "Selects a repository in the workspace panel",
+  inputs: {
+    type: "object",
+    properties: {
+      repositoryPath: {
+        type: "string",
+        description: "Path to the repository to select"
+      }
+    },
+    required: ["repositoryPath"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      message: { type: "string" }
+    }
+  },
+  tags: ["workspace", "repository", "select"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: `${PANEL_ID}:select-repository`
+  }
+};
+const refreshWorkspaceTool = {
+  name: "refresh_workspace",
+  description: "Refreshes the workspace repositories list",
+  inputs: {
+    type: "object",
+    properties: {
+      force: {
+        type: "boolean",
+        description: "Force refresh even if data is fresh"
+      }
+    }
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      repositoryCount: { type: "number" }
+    }
+  },
+  tags: ["workspace", "refresh"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: `${PANEL_ID}:refresh-workspace`
+  }
+};
+const openRepositoryTool = {
+  name: "open_workspace_repository",
+  description: "Opens a repository from the workspace",
+  inputs: {
+    type: "object",
+    properties: {
+      repositoryPath: {
+        type: "string",
+        description: "Path to the repository to open"
+      }
+    },
+    required: ["repositoryPath"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      message: { type: "string" }
+    }
+  },
+  tags: ["workspace", "repository", "open"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: `${PANEL_ID}:open-repository`
+  }
+};
+const workspaceRepositoriesPanelTools = [
+  selectRepositoryTool,
+  refreshWorkspaceTool,
+  openRepositoryTool
+];
+const workspaceRepositoriesPanelToolsMetadata = {
+  id: PANEL_ID,
+  name: "Workspace Repositories Panel",
+  description: "Tools provided by the workspace repositories panel",
+  tools: workspaceRepositoriesPanelTools
+};
 const panels = [
   {
     metadata: {
@@ -1257,6 +2294,26 @@ const panels = [
     onUnmount: async (_context) => {
       console.log("Local Projects Panel unmounting");
     }
+  },
+  {
+    metadata: {
+      id: "industry-theme.workspace-repositories",
+      name: "Workspace Repositories",
+      icon: "FolderGit2",
+      version: "0.1.0",
+      author: "Industry Theme",
+      description: "Workspace and repository management panel",
+      slices: ["workspace", "workspaceRepositories"],
+      tools: workspaceRepositoriesPanelTools
+    },
+    component: WorkspaceRepositoriesPanel,
+    onMount: async (context) => {
+      console.log("Workspace Repositories Panel mounted");
+      console.log("Current scope:", context.currentScope.type);
+    },
+    onUnmount: async (_context) => {
+      console.log("Workspace Repositories Panel unmounting");
+    }
   }
 ];
 const onPackageLoad = async () => {
@@ -1270,13 +2327,20 @@ export {
   LocalProjectsPanel,
   LocalProjectsPanelPreview,
   RepositoryAvatar,
+  WorkspaceRepositoriesPanel,
+  WorkspaceRepositoryCard,
   filterProjectsTool,
   localProjectsPanelTools,
   localProjectsPanelToolsMetadata,
   onPackageLoad,
   onPackageUnload,
   openProjectTool,
+  openRepositoryTool,
   panels,
-  selectProjectTool
+  refreshWorkspaceTool,
+  selectProjectTool,
+  selectRepositoryTool,
+  workspaceRepositoriesPanelTools,
+  workspaceRepositoriesPanelToolsMetadata
 };
 //# sourceMappingURL=panels.bundle.js.map