@circuitwall/jarela 1.9.0 → 1.9.1

package/.next/standalone/.next/static/chunks/app/{page-a9dcc924ad127090.js → page-cd662565eba5ef59.js}

@@ -89,7 +89,7 @@ function useTheme() {
 
 /***/ }),
 
-/***/ 9197:
+/***/ 5123:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -20506,6 +20506,673 @@ function buildIssueHref(query) {
     return url.toString();
 }
 
+// EXTERNAL MODULE: ./node_modules/lucide-react/dist/esm/icons/package.mjs
+var icons_package = __webpack_require__(3089);
+;// ./hooks/usePackages.ts
+/* __next_internal_client_entry_do_not_use__ usePackages auto */ 
+
+function usePackages() {
+    const [loadResult, setLoadResult] = (0,react.useState)(null);
+    const [manifests, setManifests] = (0,react.useState)([]);
+    const [pending, setPending] = (0,react.useState)([]);
+    const [loading, setLoading] = (0,react.useState)(false);
+    const refresh = (0,react.useCallback)(async ()=>{
+        setLoading(true);
+        try {
+            const [load, mfs, pend] = await Promise.all([
+                client/* api */.FH.packages.list(),
+                client/* api */.FH.packages.listManifests(),
+                client/* api */.FH.packages.listPending()
+            ]);
+            setLoadResult(load);
+            setManifests(mfs);
+            setPending(pend);
+        } finally{
+            setLoading(false);
+        }
+    }, []);
+    (0,react.useEffect)(()=>{
+        void refresh();
+    }, [
+        refresh
+    ]);
+    const install = (0,react.useCallback)(async (spec, version)=>{
+        const res = await client/* api */.FH.packages.install(spec, version);
+        await refresh();
+        return res;
+    }, [
+        refresh
+    ]);
+    const approveInstall = (0,react.useCallback)(async (id)=>{
+        const res = await client/* api */.FH.packages.approveInstall(id);
+        await refresh();
+        return res;
+    }, [
+        refresh
+    ]);
+    const denyInstall = (0,react.useCallback)(async (id)=>{
+        await client/* api */.FH.packages.denyInstall(id);
+        await refresh();
+    }, [
+        refresh
+    ]);
+    const createManifest = (0,react.useCallback)(async (data)=>{
+        await client/* api */.FH.packages.createManifest(data);
+        await refresh();
+    }, [
+        refresh
+    ]);
+    const updateManifest = (0,react.useCallback)(async (name, data)=>{
+        await client/* api */.FH.packages.updateManifest(name, data);
+        await refresh();
+    }, [
+        refresh
+    ]);
+    const deleteManifest = (0,react.useCallback)(async (name)=>{
+        await client/* api */.FH.packages.deleteManifest(name);
+        await refresh();
+    }, [
+        refresh
+    ]);
+    const reload = (0,react.useCallback)(async ()=>{
+        const res = await client/* api */.FH.packages.reload();
+        setLoadResult(res);
+    }, []);
+    return {
+        loadResult,
+        manifests,
+        pending,
+        loading,
+        refresh,
+        install,
+        approveInstall,
+        denyInstall,
+        createManifest,
+        updateManifest,
+        deleteManifest,
+        reload
+    };
+}
+
+;// ./components/tools/LangChainPackagesPanel.tsx
+/* __next_internal_client_entry_do_not_use__ LangChainPackagesPanel auto */ 
+
+
+
+
+const CATEGORIES = [
+    "Memory",
+    "Documents",
+    "Files",
+    "Shell",
+    "Web",
+    "Images",
+    "Voice",
+    "Schedule",
+    "Atlassian",
+    "JiraAlign",
+    "GitHub",
+    "Mail",
+    "Calendar",
+    "Config",
+    "Agent"
+];
+const CAPABILITIES = [
+    "read",
+    "write",
+    "execute"
+];
+const EMPTY_FORM = {
+    name: "",
+    package: "",
+    exportName: "",
+    category: "Web",
+    capability: "execute",
+    requiredEnv: ""
+};
+function LangChainPackagesPanel() {
+    const { loadResult, manifests, pending, loading, refresh, install, approveInstall, denyInstall, createManifest, deleteManifest, reload } = usePackages();
+    const [installSpec, setInstallSpec] = (0,react.useState)("");
+    const [installVersion, setInstallVersion] = (0,react.useState)("");
+    const [installing, setInstalling] = (0,react.useState)(false);
+    const [installNotice, setInstallNotice] = (0,react.useState)(null);
+    const [form, setForm] = (0,react.useState)(EMPTY_FORM);
+    const [savingManifest, setSavingManifest] = (0,react.useState)(false);
+    const errorRows = (0,react.useMemo)(()=>loadResult?.errors ?? [], [
+        loadResult
+    ]);
+    const skippedRows = (0,react.useMemo)(()=>loadResult?.skipped ?? [], [
+        loadResult
+    ]);
+    async function handleInstall(e) {
+        e.preventDefault();
+        if (!installSpec.trim()) return;
+        setInstalling(true);
+        setInstallNotice(null);
+        try {
+            const res = await install(installSpec.trim(), installVersion.trim() || undefined);
+            if (res.status === "pending") {
+                setInstallNotice(`Publisher "${res.publisher}" not in allowlist — pending approval below.`);
+            } else {
+                setInstallNotice(`Installed ${res.resolvedPackage}@${res.installedVersion ?? "?"} (${res.tools.length} tool${res.tools.length === 1 ? "" : "s"} found).`);
+                setInstallSpec("");
+                setInstallVersion("");
+            }
+        } catch (e) {
+            pushErrorToast({
+                title: "Install failed",
+                error: e,
+                context: {
+                    panel: "packages",
+                    action: "install",
+                    spec: installSpec
+                }
+            });
+        } finally{
+            setInstalling(false);
+        }
+    }
+    async function handleApprove(id) {
+        try {
+            await approveInstall(id);
+        } catch (e) {
+            pushErrorToast({
+                title: "Approval failed",
+                error: e,
+                context: {
+                    panel: "packages",
+                    action: "approve",
+                    id
+                }
+            });
+        }
+    }
+    async function handleDeny(id) {
+        try {
+            await denyInstall(id);
+        } catch (e) {
+            pushErrorToast({
+                title: "Deny failed",
+                error: e,
+                context: {
+                    panel: "packages",
+                    action: "deny",
+                    id
+                }
+            });
+        }
+    }
+    async function handleCreateManifest(e) {
+        e.preventDefault();
+        if (!form.name.trim() || !form.package.trim()) return;
+        setSavingManifest(true);
+        try {
+            const requiredEnv = form.requiredEnv.split(",").map((s)=>s.trim()).filter(Boolean);
+            await createManifest({
+                name: form.name.trim(),
+                package: form.package.trim(),
+                export: form.exportName.trim() || undefined,
+                category: form.category,
+                capability: form.capability,
+                requiredEnv: requiredEnv.length > 0 ? requiredEnv : undefined
+            });
+            setForm(EMPTY_FORM);
+        } catch (e) {
+            pushErrorToast({
+                title: "Couldn't create manifest",
+                error: e,
+                context: {
+                    panel: "packages",
+                    action: "create-manifest",
+                    name: form.name
+                }
+            });
+        } finally{
+            setSavingManifest(false);
+        }
+    }
+    async function handleDeleteManifest(record) {
+        if (true) {
+            if (!window.confirm(`Delete manifest "${record.name}"?`)) return;
+        }
+        try {
+            await deleteManifest(record.name);
+        } catch (e) {
+            pushErrorToast({
+                title: "Couldn't delete manifest",
+                error: e,
+                context: {
+                    panel: "packages",
+                    action: "delete-manifest",
+                    name: record.name
+                }
+            });
+        }
+    }
+    async function handleReload() {
+        try {
+            await reload();
+        } catch (e) {
+            pushErrorToast({
+                title: "Reload failed",
+                error: e,
+                context: {
+                    panel: "packages",
+                    action: "reload"
+                }
+            });
+        }
+    }
+    return /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+        className: "p-4 space-y-5",
+        children: [
+            /*#__PURE__*/ (0,jsx_runtime.jsxs)("header", {
+                className: "space-y-1",
+                children: [
+                    /*#__PURE__*/ (0,jsx_runtime.jsx)("h2", {
+                        className: "text-sm font-semibold text-fg",
+                        children: "LangChain packages"
+                    }),
+                    /*#__PURE__*/ (0,jsx_runtime.jsxs)("p", {
+                        className: "text-xs text-fg-faint",
+                        children: [
+                            "Hot-load vanilla LangChain tool packages from npm without a rebuild. Trusted publishers (",
+                            /*#__PURE__*/ (0,jsx_runtime.jsx)("code", {
+                                className: "font-mono text-[11px]",
+                                children: "@langchain/"
+                            }),
+                            ",",
+                            " ",
+                            /*#__PURE__*/ (0,jsx_runtime.jsx)("code", {
+                                className: "font-mono text-[11px]",
+                                children: "@circuitwall/"
+                            }),
+                            ",",
+                            " ",
+                            /*#__PURE__*/ (0,jsx_runtime.jsx)("code", {
+                                className: "font-mono text-[11px]",
+                                children: "langchain"
+                            }),
+                            ") install immediately; everything else waits for approval below."
+                        ]
+                    }),
+                    loadResult?.packagesDir && /*#__PURE__*/ (0,jsx_runtime.jsx)("p", {
+                        className: "text-[11px] text-fg-faint font-mono",
+                        children: loadResult.packagesDir
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0,jsx_runtime.jsxs)("section", {
+                className: "space-y-2",
+                children: [
+                    /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+                        className: "flex items-center gap-2",
+                        children: [
+                            /*#__PURE__*/ (0,jsx_runtime.jsx)("h3", {
+                                className: "text-sm font-semibold text-fg flex-1",
+                                children: "Install from npm"
+                            }),
+                            /*#__PURE__*/ (0,jsx_runtime.jsxs)("button", {
+                                type: "button",
+                                onClick: handleReload,
+                                className: "shrink-0 rounded-md border border-border px-2.5 py-1.5 text-xs text-fg-muted hover:text-fg hover:bg-surface-2 inline-flex items-center gap-1.5",
+                                "aria-label": "Reload installed packages",
+                                children: [
+                                    /*#__PURE__*/ (0,jsx_runtime.jsx)(refresh_cw/* default */.A, {
+                                        className: "w-3.5 h-3.5"
+                                    }),
+                                    " Reload"
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0,jsx_runtime.jsxs)("form", {
+                        onSubmit: handleInstall,
+                        className: "grid gap-2 md:grid-cols-[minmax(0,1fr)_140px_auto]",
+                        children: [
+                            /*#__PURE__*/ (0,jsx_runtime.jsx)("input", {
+                                type: "text",
+                                value: installSpec,
+                                onChange: (e)=>setInstallSpec(e.target.value),
+                                placeholder: "@langchain/community",
+                                className: "rounded-md border border-border bg-surface-2 px-3 py-2 text-sm text-fg outline-none focus:border-fg-faint",
+                                "aria-label": "Package spec"
+                            }),
+                            /*#__PURE__*/ (0,jsx_runtime.jsx)("input", {
+                                type: "text",
+                                value: installVersion,
+                                onChange: (e)=>setInstallVersion(e.target.value),
+                                placeholder: "version (optional)",
+                                className: "rounded-md border border-border bg-surface-2 px-3 py-2 text-sm text-fg outline-none focus:border-fg-faint",
+                                "aria-label": "Version"
+                            }),
+                            /*#__PURE__*/ (0,jsx_runtime.jsx)("button", {
+                                type: "submit",
+                                disabled: installing || !installSpec.trim(),
+                                className: "rounded-md border border-border bg-surface-2 px-3 py-2 text-sm text-fg hover:bg-surface-3 disabled:opacity-50 disabled:cursor-not-allowed",
+                                children: installing ? "Installing…" : "Install"
+                            })
+                        ]
+                    }),
+                    installNotice && /*#__PURE__*/ (0,jsx_runtime.jsx)("p", {
+                        className: "text-xs text-fg-muted",
+                        children: installNotice
+                    })
+                ]
+            }),
+            pending.length > 0 && /*#__PURE__*/ (0,jsx_runtime.jsxs)("section", {
+                className: "space-y-2",
+                children: [
+                    /*#__PURE__*/ (0,jsx_runtime.jsxs)("h3", {
+                        className: "text-sm font-semibold text-fg",
+                        children: [
+                            "Pending approvals (",
+                            pending.length,
+                            ")"
+                        ]
+                    }),
+                    /*#__PURE__*/ (0,jsx_runtime.jsx)("ul", {
+                        className: "space-y-2",
+                        children: pending.map((p)=>/*#__PURE__*/ (0,jsx_runtime.jsx)("li", {
+                                className: "rounded-lg border border-border bg-surface-2 px-3 py-2.5",
+                                children: /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+                                    className: "flex items-start gap-3",
+                                    children: [
+                                        /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+                                            className: "flex-1 min-w-0",
+                                            children: [
+                                                /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+                                                    className: "text-sm font-mono text-fg",
+                                                    children: [
+                                                        p.spec,
+                                                        p.version ? `@${p.version}` : ""
+                                                    ]
+                                                }),
+                                                /*#__PURE__*/ (0,jsx_runtime.jsxs)("p", {
+                                                    className: "text-xs text-fg-muted mt-0.5",
+                                                    children: [
+                                                        "Publisher",
+                                                        " ",
+                                                        /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
+                                                            className: "font-mono",
+                                                            children: p.publisher
+                                                        }),
+                                                        " \xb7 ",
+                                                        p.reason
+                                                    ]
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+                                            className: "flex gap-1.5 shrink-0",
+                                            children: [
+                                                /*#__PURE__*/ (0,jsx_runtime.jsxs)("button", {
+                                                    type: "button",
+                                                    onClick: ()=>handleApprove(p.id),
+                                                    className: "rounded-md border border-border px-2 py-1.5 text-xs text-fg-muted hover:text-fg hover:bg-surface-3 inline-flex items-center gap-1",
+                                                    "aria-label": `Approve ${p.spec}`,
+                                                    children: [
+                                                        /*#__PURE__*/ (0,jsx_runtime.jsx)(check/* default */.A, {
+                                                            className: "w-3.5 h-3.5"
+                                                        }),
+                                                        " Approve"
+                                                    ]
+                                                }),
+                                                /*#__PURE__*/ (0,jsx_runtime.jsxs)("button", {
+                                                    type: "button",
+                                                    onClick: ()=>handleDeny(p.id),
+                                                    className: "rounded-md border border-border px-2 py-1.5 text-xs text-fg-muted hover:text-fg hover:bg-surface-3 inline-flex items-center gap-1",
+                                                    "aria-label": `Deny ${p.spec}`,
+                                                    children: [
+                                                        /*#__PURE__*/ (0,jsx_runtime.jsx)(x/* default */.A, {
+                                                            className: "w-3.5 h-3.5"
+                                                        }),
+                                                        " Deny"
+                                                    ]
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            }, p.id))
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0,jsx_runtime.jsxs)("section", {
+                className: "space-y-2 pt-3 border-t border-border",
+                children: [
+                    /*#__PURE__*/ (0,jsx_runtime.jsx)("h3", {
+                        className: "text-sm font-semibold text-fg",
+                        children: "Tool manifests"
+                    }),
+                    /*#__PURE__*/ (0,jsx_runtime.jsxs)("p", {
+                        className: "text-xs text-fg-faint",
+                        children: [
+                            "A manifest maps an exported class from an installed npm package to a built-in category. Surfaced under",
+                            " ",
+                            /*#__PURE__*/ (0,jsx_runtime.jsx)("code", {
+                                className: "font-mono text-[11px]",
+                                children: "/api/v1/tools"
+                            }),
+                            " after a reload."
+                        ]
+                    }),
+                    loading && /*#__PURE__*/ (0,jsx_runtime.jsx)("p", {
+                        className: "text-fg-faint text-sm py-3 text-center",
+                        children: "Loading…"
+                    }),
+                    !loading && manifests.length === 0 && /*#__PURE__*/ (0,jsx_runtime.jsx)("p", {
+                        className: "text-xs text-fg-faint py-2",
+                        children: "No manifests yet. Add one below."
+                    }),
+                    /*#__PURE__*/ (0,jsx_runtime.jsx)("ul", {
+                        className: "space-y-2",
+                        children: manifests.map((r)=>/*#__PURE__*/ (0,jsx_runtime.jsx)("li", {
+                                className: "rounded-lg border border-border bg-surface-2 px-3 py-2.5",
+                                children: /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+                                    className: "flex items-start gap-3",
+                                    children: [
+                                        /*#__PURE__*/ (0,jsx_runtime.jsx)(icons_package/* default */.A, {
+                                            className: "w-4 h-4 text-fg-faint mt-0.5 shrink-0"
+                                        }),
+                                        /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+                                            className: "flex-1 min-w-0",
+                                            children: [
+                                                /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+                                                    className: "flex items-baseline gap-2 flex-wrap",
+                                                    children: [
+                                                        /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
+                                                            className: "text-sm font-semibold text-fg",
+                                                            children: r.name
+                                                        }),
+                                                        /*#__PURE__*/ (0,jsx_runtime.jsxs)("span", {
+                                                            className: "text-[11px] text-fg-faint",
+                                                            children: [
+                                                                r.manifest.category,
+                                                                " \xb7 ",
+                                                                r.manifest.capability
+                                                            ]
+                                                        })
+                                                    ]
+                                                }),
+                                                /*#__PURE__*/ (0,jsx_runtime.jsxs)("p", {
+                                                    className: "text-xs text-fg-muted mt-0.5 font-mono break-all",
+                                                    children: [
+                                                        r.manifest.package,
+                                                        "#",
+                                                        r.manifest.export
+                                                    ]
+                                                }),
+                                                r.manifest.requiredEnv && r.manifest.requiredEnv.length > 0 && /*#__PURE__*/ (0,jsx_runtime.jsxs)("p", {
+                                                    className: "text-[11px] text-fg-faint mt-1",
+                                                    children: [
+                                                        "env: ",
+                                                        r.manifest.requiredEnv.join(", ")
+                                                    ]
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ (0,jsx_runtime.jsx)("button", {
+                                            type: "button",
+                                            onClick: ()=>handleDeleteManifest(r),
+                                            className: "rounded-md border border-border px-2 py-1.5 text-xs text-fg-muted hover:text-fg hover:bg-surface-3 shrink-0",
+                                            "aria-label": `Delete manifest ${r.name}`,
+                                            children: /*#__PURE__*/ (0,jsx_runtime.jsx)(trash_2/* default */.A, {
+                                                className: "w-3.5 h-3.5"
+                                            })
+                                        })
+                                    ]
+                                })
+                            }, r.name))
+                    }),
+                    /*#__PURE__*/ (0,jsx_runtime.jsxs)("form", {
+                        onSubmit: handleCreateManifest,
+                        className: "rounded-lg border border-border bg-surface-2 p-3 space-y-2",
+                        children: [
+                            /*#__PURE__*/ (0,jsx_runtime.jsx)("h4", {
+                                className: "text-xs font-semibold text-fg-muted uppercase tracking-wide",
+                                children: "Add manifest"
+                            }),
+                            /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+                                className: "grid gap-2 md:grid-cols-2",
+                                children: [
+                                    /*#__PURE__*/ (0,jsx_runtime.jsx)("input", {
+                                        type: "text",
+                                        value: form.name,
+                                        onChange: (e)=>setForm({
+                                                ...form,
+                                                name: e.target.value
+                                            }),
+                                        placeholder: "name (e.g. tavily)",
+                                        className: "rounded-md border border-border bg-surface-2 px-3 py-2 text-sm text-fg outline-none focus:border-fg-faint",
+                                        "aria-label": "Manifest name"
+                                    }),
+                                    /*#__PURE__*/ (0,jsx_runtime.jsx)("input", {
+                                        type: "text",
+                                        value: form.package,
+                                        onChange: (e)=>setForm({
+                                                ...form,
+                                                package: e.target.value
+                                            }),
+                                        placeholder: "package (e.g. @langchain/community/tools/tavily_search)",
+                                        className: "rounded-md border border-border bg-surface-2 px-3 py-2 text-sm text-fg outline-none focus:border-fg-faint",
+                                        "aria-label": "Package import path"
+                                    }),
+                                    /*#__PURE__*/ (0,jsx_runtime.jsx)("input", {
+                                        type: "text",
+                                        value: form.exportName,
+                                        onChange: (e)=>setForm({
+                                                ...form,
+                                                exportName: e.target.value
+                                            }),
+                                        placeholder: "export (default: default)",
+                                        className: "rounded-md border border-border bg-surface-2 px-3 py-2 text-sm text-fg outline-none focus:border-fg-faint",
+                                        "aria-label": "Export name"
+                                    }),
+                                    /*#__PURE__*/ (0,jsx_runtime.jsx)("input", {
+                                        type: "text",
+                                        value: form.requiredEnv,
+                                        onChange: (e)=>setForm({
+                                                ...form,
+                                                requiredEnv: e.target.value
+                                            }),
+                                        placeholder: "required env, comma-separated",
+                                        className: "rounded-md border border-border bg-surface-2 px-3 py-2 text-sm text-fg outline-none focus:border-fg-faint",
+                                        "aria-label": "Required env vars"
+                                    }),
+                                    /*#__PURE__*/ (0,jsx_runtime.jsx)("select", {
+                                        value: form.category,
+                                        onChange: (e)=>setForm({
+                                                ...form,
+                                                category: e.target.value
+                                            }),
+                                        className: "rounded-md border border-border bg-surface-2 px-3 py-2 text-sm text-fg outline-none focus:border-fg-faint",
+                                        "aria-label": "Category",
+                                        children: CATEGORIES.map((c)=>/*#__PURE__*/ (0,jsx_runtime.jsx)("option", {
+                                                value: c,
+                                                children: c
+                                            }, c))
+                                    }),
+                                    /*#__PURE__*/ (0,jsx_runtime.jsx)("select", {
+                                        value: form.capability,
+                                        onChange: (e)=>setForm({
+                                                ...form,
+                                                capability: e.target.value
+                                            }),
+                                        className: "rounded-md border border-border bg-surface-2 px-3 py-2 text-sm text-fg outline-none focus:border-fg-faint",
+                                        "aria-label": "Capability",
+                                        children: CAPABILITIES.map((c)=>/*#__PURE__*/ (0,jsx_runtime.jsx)("option", {
+                                                value: c,
+                                                children: c
+                                            }, c))
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
+                                className: "flex justify-end",
+                                children: /*#__PURE__*/ (0,jsx_runtime.jsx)("button", {
+                                    type: "submit",
+                                    disabled: savingManifest || !form.name.trim() || !form.package.trim(),
+                                    className: "rounded-md border border-border bg-surface-2 px-3 py-1.5 text-xs text-fg hover:bg-surface-3 disabled:opacity-50 disabled:cursor-not-allowed",
+                                    children: savingManifest ? "Saving…" : "Add manifest"
+                                })
+                            })
+                        ]
+                    })
+                ]
+            }),
+            (errorRows.length > 0 || skippedRows.length > 0) && /*#__PURE__*/ (0,jsx_runtime.jsxs)("section", {
+                className: "space-y-2 pt-3 border-t border-border",
+                children: [
+                    /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+                        className: "flex items-center gap-2",
+                        children: [
+                            /*#__PURE__*/ (0,jsx_runtime.jsx)("h3", {
+                                className: "text-sm font-semibold text-fg flex-1",
+                                children: "Load status"
+                            }),
+                            /*#__PURE__*/ (0,jsx_runtime.jsx)("button", {
+                                type: "button",
+                                onClick: refresh,
+                                className: "shrink-0 rounded-md border border-border px-2.5 py-1.5 text-xs text-fg-muted hover:text-fg hover:bg-surface-2",
+                                children: "Refresh"
+                            })
+                        ]
+                    }),
+                    errorRows.length > 0 && /*#__PURE__*/ (0,jsx_runtime.jsx)("ul", {
+                        className: "space-y-1",
+                        children: errorRows.map((e)=>/*#__PURE__*/ (0,jsx_runtime.jsxs)("li", {
+                                className: "rounded border border-red-500/40 bg-red-500/10 px-2 py-1.5 text-xs text-fg",
+                                children: [
+                                    /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
+                                        className: "font-mono",
+                                        children: e.manifest
+                                    }),
+                                    ": ",
+                                    e.error
+                                ]
+                            }, e.manifest))
+                    }),
+                    skippedRows.length > 0 && /*#__PURE__*/ (0,jsx_runtime.jsx)("ul", {
+                        className: "space-y-1",
+                        children: skippedRows.map((s)=>/*#__PURE__*/ (0,jsx_runtime.jsxs)("li", {
+                                className: "rounded border border-border bg-surface-2 px-2 py-1.5 text-xs text-fg-muted",
+                                children: [
+                                    /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
+                                        className: "font-mono",
+                                        children: s.manifest
+                                    }),
+                                    " skipped — ",
+                                    s.reason
+                                ]
+                            }, s.manifest))
+                    })
+                ]
+            })
+        ]
+    });
+}
+
 ;// ./components/tools/ToolsPanel.tsx
 /* __next_internal_client_entry_do_not_use__ ToolsPanel auto */ 
 
@@ -20515,8 +21182,10 @@ function buildIssueHref(query) {
 
 
 
+
 const SUBS = [
     "builtin",
+    "packages",
     "documents",
     "memory",
     "mcp",
@@ -20525,6 +21194,7 @@ const SUBS = [
 ];
 const ToolsPanel_SUB_TITLES = {
     builtin: "Built-in",
+    packages: "LangChain packages",
     documents: "Documents",
     memory: "Memory",
     mcp: "MCP servers",
@@ -20563,6 +21233,7 @@ function ToolsPanel() {
                 className: "flex-1 min-h-0 overflow-auto",
                 children: [
                     active === "builtin" && /*#__PURE__*/ (0,jsx_runtime.jsx)(BuiltinToolsPanel, {}),
+                    active === "packages" && /*#__PURE__*/ (0,jsx_runtime.jsx)(LangChainPackagesPanel, {}),
                     active === "documents" && /*#__PURE__*/ (0,jsx_runtime.jsx)(DocumentsPanel, {}),
                     active === "memory" && /*#__PURE__*/ (0,jsx_runtime.jsx)(MemoryPanel, {}),
                     active === "mcp" && /*#__PURE__*/ (0,jsx_runtime.jsx)(MCPPanel, {}),
@@ -27835,7 +28506,7 @@ function AppShell() {
 /***/ 9852:
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
-Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 9197));
+Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 5123));
 ;
 Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 2283));
 
@@ -27845,9 +28516,9 @@ Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_re
 },
 /******/ __webpack_require__ => { // webpackRuntimeModules
 /******/ var __webpack_exec__ = (moduleId) => (__webpack_require__(__webpack_require__.s = moduleId))
-/******/ __webpack_require__.O(0, [1973,4502,9476,2747,8441,3457,7358], () => (__webpack_exec__(9852)));
+/******/ __webpack_require__.O(0, [1973,4502,1998,2747,8441,3457,7358], () => (__webpack_exec__(9852)));
 /******/ var __webpack_exports__ = __webpack_require__.O();
 /******/ _N_E = __webpack_exports__;
 /******/ }
 ]);
-//# sourceMappingURL=page-a9dcc924ad127090.js.map
+//# sourceMappingURL=page-cd662565eba5ef59.js.map