@jk3labs/paperclip-plugin-file-browser 0.2.4 → 0.2.6

package/README.md

@@ -1,91 +1,30 @@
-# Paperclip File Browser Plugin
+# JKL File Browser
 
-A Paperclip plugin for browsing, downloading, and zipping files in the workspace.
+A file browser plugin for Paperclip workspaces
 
-## Installation
-
-1. Clone this repository:
-
-   ```bash
-   git clone https://github.com/jk3labs/paperclip-plugin-file-browser.git
-   cd paperclip-plugin-file-browser
-   ```
-
-2. Install dependencies:
-
-   ```bash
-   npm install
-   ```
-
-3. Compile the plugin:
-
-   ```bash
-   npx tsc
-   ```
-
-4. Install the plugin in Paperclip:
-
-   ```bash
-   paperclipai plugin install ./paperclip-plugin-file-browser
-   ```
-
-## API Endpoints
-
-### 1. List Directory Contents
-
-**Endpoint:** `GET /files/list`
-
-**Query Parameters:**
-- `path` (optional): Relative path to the directory (defaults to root).
+## Development
 
-**Response:**
-```json
-{
-  "files": ["file1.txt", "file2.txt"],
-  "directories": ["dir1", "dir2"],
-  "currentPath": "relative/path",
-  "rootDir": "/absolute/root/path"
-}
+```bash
+pnpm install
+pnpm dev            # watch builds
+pnpm dev:ui         # local dev server with hot-reload events
+pnpm test
 ```
 
-**Errors:**
-- `403 Forbidden`: Access denied (path outside root).
-- `404 Not Found`: Directory does not exist.
-- `500 Internal Server Error`: Server error.
-
-### 2. Download File
-
-**Endpoint:** `GET /files/download`
-
-**Query Parameters:**
-- `path` (required): Relative path to the file.
+`pnpm dev` rebuilds the worker, manifest, and UI bundles into `dist/`.
+When this package is installed from a local path, Paperclip watches that rebuilt
+output and reloads the plugin worker. Local installs run trusted code from this
+folder on your machine.
 
-**Response:**
-- Streams the file for download.
 
-**Errors:**
-- `400 Bad Request`: Path parameter missing.
-- `403 Forbidden`: Access denied (path outside root).
-- `404 Not Found`: File does not exist.
-- `500 Internal Server Error`: Server error.
 
-### 3. Download Directory as ZIP
+## Install Into Paperclip
 
-**Endpoint:** `GET /files/zip`
-
-**Query Parameters:**
-- `path` (required): Relative path to the directory.
-
-**Response:**
-- Streams the directory as a ZIP file.
-
-**Errors:**
-- `400 Bad Request`: Path parameter missing.
-- `403 Forbidden`: Access denied (path outside root).
-- `404 Not Found`: Directory does not exist.
-- `500 Internal Server Error`: Server error.
+```bash
+paperclipai plugin install C:/Users/Jad_K/.paperclip/instances/default/projects/d0b61e38-82d9-4bcf-b9e8-8ea970388ba9/2ba5752a-ea82-4afc-8d60-2ede6be97f44/_default/file-browser
+```
 
-## Development
+## Build Options
 
-- Run `npx tsc --watch` to enable TypeScript watch mode.
-- Reinstall the plugin after making changes.
+- `pnpm build` uses esbuild presets from `@jkawwa/paperclipai-plugin-sdk/bundlers`.
+- `pnpm build:rollup` uses rollup presets from the same SDK.

package/dist/manifest.js

@@ -0,0 +1,89 @@
+// src/manifest.ts
+var manifest = {
+  id: "jkl.file-browser",
+  apiVersion: 1,
+  version: "0.2.0",
+  displayName: "File Browser",
+  description: "A file browser plugin for Paperclip workspaces",
+  author: "Plugin Author",
+  categories: ["workspace"],
+  capabilities: [
+    "events.subscribe",
+    "plugin.state.read",
+    "plugin.state.write",
+    "local.folders",
+    "ui.dashboardWidget.register",
+    "ui.detailTab.register",
+    "ui.sidebar.register",
+    "api.routes.register",
+    "project.workspaces.read"
+  ],
+  localFolders: [
+    {
+      folderKey: "workspace",
+      displayName: "Workspace Root",
+      description: "Root directory of the project workspace to browse files",
+      access: "read"
+    }
+  ],
+  apiRoutes: [
+    {
+      routeKey: "list-files",
+      method: "GET",
+      path: "/files/list",
+      auth: "board-or-agent",
+      capability: "api.routes.register",
+      companyResolution: { from: "query", key: "companyId" }
+    },
+    {
+      routeKey: "download-file",
+      method: "GET",
+      path: "/files/download",
+      auth: "board-or-agent",
+      capability: "api.routes.register",
+      companyResolution: { from: "query", key: "companyId" }
+    },
+    {
+      routeKey: "download-zip",
+      method: "GET",
+      path: "/files/zip",
+      auth: "board-or-agent",
+      capability: "api.routes.register",
+      companyResolution: { from: "query", key: "companyId" }
+    }
+  ],
+  entrypoints: {
+    worker: "./dist/worker.js",
+    ui: "./dist/ui"
+  },
+  ui: {
+    slots: [
+      {
+        type: "dashboardWidget",
+        id: "file-browser-widget",
+        displayName: "File Browser",
+        exportName: "DashboardWidget"
+      },
+      {
+        type: "detailTab",
+        id: "file-browser-tab",
+        displayName: "Files",
+        exportName: "FileBrowserTab",
+        entityTypes: ["project", "issue"],
+        order: 50
+      },
+      {
+        type: "projectSidebarItem",
+        id: "file-browser-sidebar",
+        displayName: "Files",
+        exportName: "FileBrowserSidebarItem",
+        entityTypes: ["project"]
+      }
+    ]
+  }
+};
+var manifest_default = manifest;
+export {
+  manifest_default as default
+};
+//# sourceMappingURL=manifest.js.map

package/dist/manifest.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/manifest.ts"],
+  "sourcesContent": ["import type { PaperclipPluginManifestV1 } from \"@paperclipai/plugin-sdk\";\n\nconst manifest: PaperclipPluginManifestV1 = {\n  id: \"jkl.file-browser\",\n  apiVersion: 1,\n  version: \"0.2.0\",\n  displayName: \"File Browser\",\n  description: \"A file browser plugin for Paperclip workspaces\",\n  author: \"Plugin Author\",\n  categories: [\"workspace\"],\n  capabilities: [\n    \"events.subscribe\",\n    \"plugin.state.read\",\n    \"plugin.state.write\",\n    \"local.folders\",\n    \"ui.dashboardWidget.register\",\n    \"ui.detailTab.register\",\n    \"ui.sidebar.register\",\n    \"api.routes.register\",\n    \"project.workspaces.read\"\n  ],\n  localFolders: [\n    {\n      folderKey: \"workspace\",\n      displayName: \"Workspace Root\",\n      description: \"Root directory of the project workspace to browse files\",\n      access: \"read\"\n    }\n  ],\n  apiRoutes: [\n    {\n      routeKey: \"list-files\",\n      method: \"GET\",\n      path: \"/files/list\",\n      auth: \"board-or-agent\",\n      capability: \"api.routes.register\",\n      companyResolution: { from: \"query\", key: \"companyId\" }\n    },\n    {\n      routeKey: \"download-file\",\n      method: \"GET\",\n      path: \"/files/download\",\n      auth: \"board-or-agent\",\n      capability: \"api.routes.register\",\n      companyResolution: { from: \"query\", key: \"companyId\" }\n    },\n    {\n      routeKey: \"download-zip\",\n      method: \"GET\",\n      path: \"/files/zip\",\n      auth: \"board-or-agent\",\n      capability: \"api.routes.register\",\n      companyResolution: { from: \"query\", key: \"companyId\" }\n    }\n  ],\n  entrypoints: {\n    worker: \"./dist/worker.js\",\n    ui: \"./dist/ui\"\n  },\n  ui: {\n    slots: [\n      {\n        type: \"dashboardWidget\",\n        id: \"file-browser-widget\",\n        displayName: \"File Browser\",\n        exportName: \"DashboardWidget\"\n      },\n      {\n        type: \"detailTab\",\n        id: \"file-browser-tab\",\n        displayName: \"Files\",\n        exportName: \"FileBrowserTab\",\n        entityTypes: [\"project\", \"issue\"],\n        order: 50\n      },\n      {\n        type: \"projectSidebarItem\",\n        id: \"file-browser-sidebar\",\n        displayName: \"Files\",\n        exportName: \"FileBrowserSidebarItem\",\n        entityTypes: [\"project\"]\n      }\n    ]\n  }\n};\n\nexport default manifest;\n"],
+  "mappings": ";AAEA,IAAM,WAAsC;AAAA,EAC1C,IAAI;AAAA,EACJ,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,aAAa;AAAA,EACb,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,YAAY,CAAC,WAAW;AAAA,EACxB,cAAc;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,cAAc;AAAA,IACZ;AAAA,MACE,WAAW;AAAA,MACX,aAAa;AAAA,MACb,aAAa;AAAA,MACb,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,WAAW;AAAA,IACT;AAAA,MACE,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,mBAAmB,EAAE,MAAM,SAAS,KAAK,YAAY;AAAA,IACvD;AAAA,IACA;AAAA,MACE,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,mBAAmB,EAAE,MAAM,SAAS,KAAK,YAAY;AAAA,IACvD;AAAA,IACA;AAAA,MACE,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,mBAAmB,EAAE,MAAM,SAAS,KAAK,YAAY;AAAA,IACvD;AAAA,EACF;AAAA,EACA,aAAa;AAAA,IACX,QAAQ;AAAA,IACR,IAAI;AAAA,EACN;AAAA,EACA,IAAI;AAAA,IACF,OAAO;AAAA,MACL;AAAA,QACE,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,aAAa;AAAA,QACb,YAAY;AAAA,MACd;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,aAAa,CAAC,WAAW,OAAO;AAAA,QAChC,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,aAAa,CAAC,SAAS;AAAA,MACzB;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,mBAAQ;",
+  "names": []
+}

package/dist/ui/index.js

@@ -0,0 +1,198 @@
+// src/ui/index.tsx
+import { useCallback, useState } from "react";
+import {
+  usePluginData,
+  usePluginAction,
+  useHostContext,
+  useHostNavigation,
+  usePluginBridgeReady
+} from "@paperclipai/plugin-sdk/ui";
+import {
+  FileTree,
+  MetricCard,
+  Spinner,
+  ErrorBoundary
+} from "@paperclipai/plugin-sdk/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function buildNodes(data) {
+  if (!data) return [];
+  const dirNodes = data.directories.map((d) => ({
+    name: d.name,
+    path: d.path,
+    kind: "dir",
+    children: []
+  }));
+  const fileNodes = data.files.map((f) => ({
+    name: f.name,
+    path: f.path,
+    kind: "file",
+    children: []
+  }));
+  return [...dirNodes, ...fileNodes];
+}
+function formatSize(bytes) {
+  if (bytes == null) return "-";
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+function FileBrowser({ companyId }) {
+  console.debug("[FileBrowser] Initializing with companyId:", companyId);
+  const [currentPath, setCurrentPath] = useState("");
+  const [selectedFile, setSelectedFile] = useState(null);
+  console.debug("[FileBrowser] State initialized. Fetching data for path:", currentPath);
+  const { data, loading, error, refresh } = usePluginData(
+    "file-tree",
+    { companyId: companyId ?? "", relativePath: currentPath }
+  );
+  console.debug("[FileBrowser] usePluginData result:", { data, loading, error });
+  const downloadFile = usePluginAction("download-file");
+  const downloadZip = usePluginAction("download-zip");
+  console.debug("[FileBrowser] Plugin actions initialized:", { downloadFile, downloadZip });
+  const nodes = buildNodes(data);
+  const handleSelectFile = useCallback((path) => {
+    setSelectedFile(path);
+  }, []);
+  const handleToggleDir = useCallback((path) => {
+    setCurrentPath(path);
+    setSelectedFile(null);
+  }, []);
+  const handleDownloadFile = useCallback(async () => {
+    console.debug("[FileBrowser] handleDownloadFile called with:", { selectedFile, companyId });
+    if (!selectedFile || !companyId) {
+      console.debug("[FileBrowser] handleDownloadFile: Missing selectedFile or companyId");
+      return;
+    }
+    try {
+      const result = await downloadFile({ companyId, filePath: selectedFile });
+      console.debug("[FileBrowser] handleDownloadFile result:", result);
+      if (result?.url) {
+        window.open(result.url, "_blank");
+      }
+    } catch (err) {
+      console.error("[FileBrowser] Failed to download file:", err);
+    }
+  }, [selectedFile, companyId, downloadFile]);
+  const handleDownloadZip = useCallback(async () => {
+    console.debug("[FileBrowser] handleDownloadZip called with:", { currentPath, companyId });
+    if (!currentPath || !companyId) {
+      console.debug("[FileBrowser] handleDownloadZip: Missing currentPath or companyId");
+      return;
+    }
+    try {
+      const result = await downloadZip({ companyId, directoryPath: currentPath });
+      console.debug("[FileBrowser] handleDownloadZip result:", result);
+      if (result?.url) {
+        window.open(result.url, "_blank");
+      }
+    } catch (err) {
+      console.error("[FileBrowser] Failed to download zip:", err);
+    }
+  }, [currentPath, companyId, downloadZip]);
+  const handleNavigateUp = useCallback(() => {
+    if (!currentPath) return;
+    const parts = currentPath.split("/");
+    parts.pop();
+    setCurrentPath(parts.join("/"));
+    setSelectedFile(null);
+  }, [currentPath]);
+  const handleRefresh = useCallback(() => {
+    refresh();
+  }, [refresh]);
+  const fileCount = data?.files.length ?? 0;
+  const dirCount = data?.directories.length ?? 0;
+  const totalSize = data?.files.reduce((sum, f) => sum + (f.size ?? 0), 0) ?? 0;
+  if (!companyId) {
+    return /* @__PURE__ */ jsx("div", { style: { padding: "1rem" }, children: "Select a company to browse files." });
+  }
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem", padding: "0.5rem 0" }, children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "0.5rem", flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ jsx(MetricCard, { label: "Files", value: fileCount }),
+      /* @__PURE__ */ jsx(MetricCard, { label: "Directories", value: dirCount }),
+      /* @__PURE__ */ jsx(MetricCard, { label: "Total Size", value: formatSize(totalSize) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "0.5rem", alignItems: "center", flexWrap: "wrap" }, children: [
+      currentPath && /* @__PURE__ */ jsx("button", { onClick: handleNavigateUp, style: { fontSize: "0.85rem" }, children: ".. /" }),
+      /* @__PURE__ */ jsxs("span", { style: { fontSize: "0.85rem", color: "var(--text-secondary, #888)" }, children: [
+        "/",
+        currentPath || ""
+      ] }),
+      /* @__PURE__ */ jsxs("div", { style: { marginLeft: "auto", display: "flex", gap: "0.5rem" }, children: [
+        /* @__PURE__ */ jsx("button", { onClick: handleRefresh, style: { fontSize: "0.85rem" }, children: "Refresh" }),
+        selectedFile && /* @__PURE__ */ jsx("button", { onClick: handleDownloadFile, style: { fontSize: "0.85rem" }, children: "Download File" }),
+        currentPath && /* @__PURE__ */ jsx("button", { onClick: handleDownloadZip, style: { fontSize: "0.85rem" }, children: "Download Folder (ZIP)" })
+      ] })
+    ] }),
+    data?.error && /* @__PURE__ */ jsxs("div", { style: { color: "var(--text-error, red)", fontSize: "0.85rem" }, children: [
+      "Error: ",
+      data.error
+    ] }),
+    loading && /* @__PURE__ */ jsx(Spinner, { size: "medium", text: "Loading files...", style: { padding: "2rem 0" } }),
+    !loading && /* @__PURE__ */ jsx(
+      FileTree,
+      {
+        nodes,
+        selectedFile,
+        expandedPaths: [],
+        onSelectFile: handleSelectFile,
+        onToggleDir: handleToggleDir,
+        loading,
+        error: error ? { message: error.message } : null,
+        empty: { title: "Empty directory", description: "No files or directories found." },
+        ariaLabel: "File browser"
+      }
+    ),
+    selectedFile && /* @__PURE__ */ jsxs("div", { style: { fontSize: "0.8rem", color: "var(--text-secondary, #888)", paddingTop: "0.25rem" }, children: [
+      "Selected: ",
+      selectedFile
+    ] })
+  ] });
+}
+function DashboardWidget(_props) {
+  console.debug("[DashboardWidget] Rendering with props:", _props);
+  const { companyId } = useHostContext();
+  console.debug("[DashboardWidget] Resolved companyId:", companyId);
+  const isBridgeReady = usePluginBridgeReady();
+  console.debug("[DashboardWidget] Plugin bridge ready:", isBridgeReady);
+  if (!isBridgeReady) {
+    return /* @__PURE__ */ jsx(Spinner, { size: "small", text: "Initializing plugin..." });
+  }
+  return /* @__PURE__ */ jsx(ErrorBoundary, { fallback: /* @__PURE__ */ jsx("div", { style: { padding: "1rem", color: "var(--text-error, red)" }, children: "File Browser: failed to render" }), children: /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "0.5rem" }, children: [
+    /* @__PURE__ */ jsx("strong", { children: "File Browser" }),
+    /* @__PURE__ */ jsx(FileBrowser, { companyId })
+  ] }) });
+}
+function FileBrowserTab(props) {
+  console.debug("[FileBrowserTab] Rendering with props:", props);
+  const { companyId } = props.context;
+  console.debug("[FileBrowserTab] Resolved companyId from context:", companyId);
+  const isBridgeReady = usePluginBridgeReady();
+  console.debug("[FileBrowserTab] Plugin bridge ready:", isBridgeReady);
+  if (!isBridgeReady) {
+    return /* @__PURE__ */ jsx(Spinner, { size: "small", text: "Initializing plugin..." });
+  }
+  return /* @__PURE__ */ jsx(ErrorBoundary, { fallback: /* @__PURE__ */ jsx("div", { style: { padding: "1rem", color: "var(--text-error, red)" }, children: "File Browser tab: failed to render" }), children: /* @__PURE__ */ jsx(FileBrowser, { companyId }) });
+}
+function FileBrowserSidebarItem(props) {
+  const { entityId: projectId } = props.context;
+  const { navigate, resolveHref } = useHostNavigation();
+  const href = resolveHref(`/projects/${projectId}?tab=plugin:jkl.file-browser:file-browser-tab`);
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      href,
+      onClick: (e) => {
+        e.preventDefault();
+        navigate(href);
+      },
+      style: { fontSize: "0.85rem", display: "flex", alignItems: "center", gap: "0.35rem", padding: "0.2rem 0", color: "var(--text-link, #4488cc)", textDecoration: "none" },
+      children: "Files"
+    }
+  );
+}
+export {
+  DashboardWidget,
+  FileBrowserSidebarItem,
+  FileBrowserTab
+};
+//# sourceMappingURL=index.js.map

package/dist/ui/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ui/index.tsx"],
+  "sourcesContent": ["import { useCallback, useState } from \"react\";\nimport {\n  usePluginData,\n  usePluginAction,\n  useHostContext,\n  useHostNavigation,\n  usePluginBridgeReady,\n  type PluginWidgetProps,\n  type PluginDetailTabProps,\n  type PluginProjectSidebarItemProps,\n} from \"@paperclipai/plugin-sdk/ui\";\nimport {\n  FileTree,\n  MetricCard,\n  Spinner,\n  ErrorBoundary,\n  type FileTreeNode,\n} from \"@paperclipai/plugin-sdk/ui\";\n\ninterface FileEntry {\n  name: string;\n  path: string;\n  kind: \"file\" | \"directory\";\n  size?: number | null;\n  modifiedAt?: string | null;\n}\n\ninterface FileTreeData {\n  currentPath: string;\n  directories: FileEntry[];\n  files: FileEntry[];\n  error?: string;\n}\n\nfunction buildNodes(data: FileTreeData | null): FileTreeNode[] {\n  if (!data) return [];\n  const dirNodes: FileTreeNode[] = data.directories.map((d) => ({\n    name: d.name,\n    path: d.path,\n    kind: \"dir\" as const,\n    children: [],\n  }));\n  const fileNodes: FileTreeNode[] = data.files.map((f) => ({\n    name: f.name,\n    path: f.path,\n    kind: \"file\" as const,\n    children: [],\n  }));\n  return [...dirNodes, ...fileNodes];\n}\n\nfunction formatSize(bytes: number | null | undefined): string {\n  if (bytes == null) return \"-\";\n  if (bytes < 1024) return `${bytes} B`;\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n\nfunction FileBrowser({ companyId }: { companyId: string | null }) {\n  console.debug(\"[FileBrowser] Initializing with companyId:\", companyId);\n  const [currentPath, setCurrentPath] = useState(\"\");\n  const [selectedFile, setSelectedFile] = useState<string | null>(null);\n  console.debug(\"[FileBrowser] State initialized. Fetching data for path:\", currentPath);\n\n  const { data, loading, error, refresh } = usePluginData<FileTreeData>(\n    \"file-tree\",\n    { companyId: companyId ?? \"\", relativePath: currentPath }\n  );\n  console.debug(\"[FileBrowser] usePluginData result:\", { data, loading, error });\n\n  const downloadFile = usePluginAction(\"download-file\");\n  const downloadZip = usePluginAction(\"download-zip\");\n  console.debug(\"[FileBrowser] Plugin actions initialized:\", { downloadFile, downloadZip });\n\n  const nodes = buildNodes(data);\n\n  const handleSelectFile = useCallback((path: string) => {\n    setSelectedFile(path);\n  }, []);\n\n  const handleToggleDir = useCallback((path: string) => {\n    setCurrentPath(path);\n    setSelectedFile(null);\n  }, []);\n\n  const handleDownloadFile = useCallback(async () => {\n    console.debug(\"[FileBrowser] handleDownloadFile called with:\", { selectedFile, companyId });\n    if (!selectedFile || !companyId) {\n      console.debug(\"[FileBrowser] handleDownloadFile: Missing selectedFile or companyId\");\n      return;\n    }\n    try {\n      const result = await downloadFile({ companyId, filePath: selectedFile });\n      console.debug(\"[FileBrowser] handleDownloadFile result:\", result);\n      if (result?.url) {\n        window.open(result.url, \"_blank\");\n      }\n    } catch (err) {\n      console.error(\"[FileBrowser] Failed to download file:\", err);\n    }\n  }, [selectedFile, companyId, downloadFile]);\n\n  const handleDownloadZip = useCallback(async () => {\n    console.debug(\"[FileBrowser] handleDownloadZip called with:\", { currentPath, companyId });\n    if (!currentPath || !companyId) {\n      console.debug(\"[FileBrowser] handleDownloadZip: Missing currentPath or companyId\");\n      return;\n    }\n    try {\n      const result = await downloadZip({ companyId, directoryPath: currentPath });\n      console.debug(\"[FileBrowser] handleDownloadZip result:\", result);\n      if (result?.url) {\n        window.open(result.url, \"_blank\");\n      }\n    } catch (err) {\n      console.error(\"[FileBrowser] Failed to download zip:\", err);\n    }\n  }, [currentPath, companyId, downloadZip]);\n\n  const handleNavigateUp = useCallback(() => {\n    if (!currentPath) return;\n    const parts = currentPath.split(\"/\");\n    parts.pop();\n    setCurrentPath(parts.join(\"/\"));\n    setSelectedFile(null);\n  }, [currentPath]);\n\n  const handleRefresh = useCallback(() => {\n    refresh();\n  }, [refresh]);\n\n  const fileCount = data?.files.length ?? 0;\n  const dirCount = data?.directories.length ?? 0;\n  const totalSize = data?.files.reduce((sum, f) => sum + (f.size ?? 0), 0) ?? 0;\n\n  if (!companyId) {\n    return <div style={{ padding: \"1rem\" }}>Select a company to browse files.</div>;\n  }\n\n  return (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"0.75rem\", padding: \"0.5rem 0\" }}>\n      <div style={{ display: \"flex\", gap: \"0.5rem\", flexWrap: \"wrap\" }}>\n        <MetricCard label=\"Files\" value={fileCount} />\n        <MetricCard label=\"Directories\" value={dirCount} />\n        <MetricCard label=\"Total Size\" value={formatSize(totalSize)} />\n      </div>\n\n      <div style={{ display: \"flex\", gap: \"0.5rem\", alignItems: \"center\", flexWrap: \"wrap\" }}>\n        {currentPath && (\n          <button onClick={handleNavigateUp} style={{ fontSize: \"0.85rem\" }}>\n            .. / \n          </button>\n        )}\n        <span style={{ fontSize: \"0.85rem\", color: \"var(--text-secondary, #888)\" }}>\n          /{currentPath || \"\"}\n        </span>\n        <div style={{ marginLeft: \"auto\", display: \"flex\", gap: \"0.5rem\" }}>\n          <button onClick={handleRefresh} style={{ fontSize: \"0.85rem\" }}>\n            Refresh\n          </button>\n          {selectedFile && (\n            <button onClick={handleDownloadFile} style={{ fontSize: \"0.85rem\" }}>\n              Download File\n            </button>\n          )}\n          {currentPath && (\n            <button onClick={handleDownloadZip} style={{ fontSize: \"0.85rem\" }}>\n              Download Folder (ZIP)\n            </button>\n          )}\n        </div>\n      </div>\n\n      {data?.error && (\n        <div style={{ color: \"var(--text-error, red)\", fontSize: \"0.85rem\" }}>\n          Error: {data.error}\n        </div>\n      )}\n      \n      {loading && (\n        <Spinner size=\"medium\" text=\"Loading files...\" style={{ padding: \"2rem 0\" }} />\n      )}\n      \n      {!loading && (\n        <FileTree\n          nodes={nodes}\n          selectedFile={selectedFile}\n          expandedPaths={[]}\n          onSelectFile={handleSelectFile}\n          onToggleDir={handleToggleDir}\n          loading={loading}\n          error={error ? { message: error.message } : null}\n          empty={{ title: \"Empty directory\", description: \"No files or directories found.\" }}\n          ariaLabel=\"File browser\"\n        />\n      )}\n\n      {selectedFile && (\n        <div style={{ fontSize: \"0.8rem\", color: \"var(--text-secondary, #888)\", paddingTop: \"0.25rem\" }}>\n          Selected: {selectedFile}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function DashboardWidget(_props: PluginWidgetProps) {\n  console.debug(\"[DashboardWidget] Rendering with props:\", _props);\n  const { companyId } = useHostContext();\n  console.debug(\"[DashboardWidget] Resolved companyId:\", companyId);\n  const isBridgeReady = usePluginBridgeReady();\n  console.debug(\"[DashboardWidget] Plugin bridge ready:\", isBridgeReady);\n\n  if (!isBridgeReady) {\n    return <Spinner size=\"small\" text=\"Initializing plugin...\" />;\n  }\n\n  return (\n    <ErrorBoundary fallback={<div style={{ padding: \"1rem\", color: \"var(--text-error, red)\" }}>File Browser: failed to render</div>}>\n      <div style={{ display: \"grid\", gap: \"0.5rem\" }}>\n        <strong>File Browser</strong>\n        <FileBrowser companyId={companyId} />\n      </div>\n    </ErrorBoundary>\n  );\n}\n\nexport function FileBrowserTab(props: PluginDetailTabProps) {\n  console.debug(\"[FileBrowserTab] Rendering with props:\", props);\n  const { companyId } = props.context;\n  console.debug(\"[FileBrowserTab] Resolved companyId from context:\", companyId);\n  const isBridgeReady = usePluginBridgeReady();\n  console.debug(\"[FileBrowserTab] Plugin bridge ready:\", isBridgeReady);\n\n  if (!isBridgeReady) {\n    return <Spinner size=\"small\" text=\"Initializing plugin...\" />;\n  }\n\n  return (\n    <ErrorBoundary fallback={<div style={{ padding: \"1rem\", color: \"var(--text-error, red)\" }}>File Browser tab: failed to render</div>}>\n      <FileBrowser companyId={companyId} />\n    </ErrorBoundary>\n  );\n}\n\nexport function FileBrowserSidebarItem(props: PluginProjectSidebarItemProps) {\n  const { entityId: projectId } = props.context;\n  const { navigate, resolveHref } = useHostNavigation();\n  const href = resolveHref(`/projects/${projectId}?tab=plugin:jkl.file-browser:file-browser-tab`);\n  return (\n    <a\n      href={href}\n      onClick={(e) => { e.preventDefault(); navigate(href); }}\n      style={{ fontSize: \"0.85rem\", display: \"flex\", alignItems: \"center\", gap: \"0.35rem\", padding: \"0.2rem 0\", color: \"var(--text-link, #4488cc)\", textDecoration: \"none\" }}\n    >\n      Files\n    </a>\n  );\n}\n"],
+  "mappings": "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",
+  "names": []
+}