@peers-app/peers-ui 0.25.21 → 0.26.0

package/dist/mention-configs.d.ts

@@ -1,4 +1,5 @@
 import { type IMentionData } from "@peers-app/peers-sdk";
+/** Editor and renderer behavior for one persisted mention kind. */
 export interface IMentionConfig {
     iconClass: string;
     styleClass?: string;
@@ -8,9 +9,15 @@ export interface IMentionConfig {
     picture?: (data: IMentionData) => JSX.Element;
     onClick?: (data: IMentionData) => void;
 }
+/** Discover workflow-invocable tools while keeping historical mention IDs readable. */
 export declare const toolMentionConfig: IMentionConfig;
+/** Discover users and resolve persisted user mentions. */
 export declare const userMentionConfig: IMentionConfig;
+/** Discover assistants and resolve persisted assistant mentions. */
 export declare const assistantMentionConfig: IMentionConfig;
+/** Discover workflows and resolve persisted workflow mentions. */
 export declare const workflowMentionConfig: IMentionConfig;
+/** Discover data types and navigate to their definitions. */
 export declare const valueTypeMentionConfig: IMentionConfig;
+/** Shared mention definitions used by editors and rendered messages. */
 export declare const mentionConfigs: IMentionConfig[];

package/dist/mention-configs.js

@@ -2,14 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.mentionConfigs = exports.valueTypeMentionConfig = exports.workflowMentionConfig = exports.assistantMentionConfig = exports.userMentionConfig = exports.toolMentionConfig = void 0;
 const peers_sdk_1 = require("@peers-app/peers-sdk");
-// import { MENTIONS_MAX_RESULTS } from "../client/components/markdown-editor/mentions-plugin";
+const tool_catalog_ipc_1 = require("./screens/tools/tool-catalog-ipc");
 const MENTIONS_MAX_RESULTS = 10;
+/** Discover workflow-invocable tools while keeping historical mention IDs readable. */
 exports.toolMentionConfig = {
     kind: "tool",
     iconClass: "bi bi-tools",
     styleClass: "mention-tool",
     query: async (search) => {
-        const results = await (0, peers_sdk_1.Tools)().list({ name: { $matchWords: search } }, { pageSize: MENTIONS_MAX_RESULTS });
+        const results = await (0, tool_catalog_ipc_1.listWorkflowMentionTools)(search, MENTIONS_MAX_RESULTS);
         return results.map((p) => ({
             kind: "tool",
             id: p.toolId,
@@ -24,6 +25,7 @@ exports.toolMentionConfig = {
         name: item.name,
     }),
 };
+/** Discover users and resolve persisted user mentions. */
 exports.userMentionConfig = {
     kind: "user",
     iconClass: "bi-person-fill",
@@ -45,6 +47,7 @@ exports.userMentionConfig = {
         name: item.name,
     }),
 };
+/** Discover assistants and resolve persisted assistant mentions. */
 exports.assistantMentionConfig = {
     kind: "assistant",
     iconClass: "bi bi-person-fill-gear",
@@ -66,6 +69,7 @@ exports.assistantMentionConfig = {
         name: item.name,
     }),
 };
+/** Discover workflows and resolve persisted workflow mentions. */
 exports.workflowMentionConfig = {
     kind: "workflow",
     iconClass: "bi bi-database-fill-gear",
@@ -87,6 +91,7 @@ exports.workflowMentionConfig = {
         name: item.name,
     }),
 };
+/** Discover data types and navigate to their definitions. */
 exports.valueTypeMentionConfig = {
     kind: "type",
     iconClass: "bi bi-code-square",
@@ -116,6 +121,7 @@ exports.valueTypeMentionConfig = {
 //     name: task.title,
 //   }))),
 // picture = <i className="bi bi-list-task pe-1" />;
+/** Shared mention definitions used by editors and rendered messages. */
 exports.mentionConfigs = [
     exports.toolMentionConfig,
     exports.userMentionConfig,

package/dist/screens/assistants/assistant-config.d.ts

@@ -1,4 +1,5 @@
 import { type IAssistant, type IDoc } from "@peers-app/peers-sdk";
+/** Edit assistant runner selection and its configuration. */
 export declare const AssistantConfig: (props: {
     assistant: IDoc<IAssistant>;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/screens/assistants/assistant-config.js

@@ -6,6 +6,8 @@ const peers_sdk_1 = require("@peers-app/peers-sdk");
 const io_schema_values_1 = require("../../components/io-schema-values");
 const loading_indicator_1 = require("../../components/loading-indicator");
 const hooks_1 = require("../../hooks");
+const tool_catalog_ipc_1 = require("../tools/tool-catalog-ipc");
+/** Edit assistant runner selection and its configuration. */
 const AssistantConfig = (props) => {
     const { assistant } = props;
     const assistantRunnerTool = (0, hooks_1.usePromise)(async () => {
@@ -28,12 +30,27 @@ const AssistantRunnersDropdown = (props) => {
     const [selectedToolId] = (0, hooks_1.useObservable)(props.selectedToolId);
     const modelTools = (0, hooks_1.usePromise)(async () => {
         const modelTools = await (0, peers_sdk_1.Tools)().list({ isAssistantRunner: true });
-        return modelTools;
+        let availableIds;
+        try {
+            const catalog = await (0, tool_catalog_ipc_1.getToolCatalogConsumer)();
+            const entries = await Promise.all(modelTools.map((tool) => catalog.tools.getTool({ toolIdOrName: tool.toolId, runnableOnly: true })));
+            availableIds = new Set(modelTools
+                .filter((_tool, index) => entries[index].tool?.workflowInvocable)
+                .map((tool) => tool.toolId));
+        }
+        catch {
+            availableIds = new Set(modelTools.filter((tool) => tool.catalogState !== "quarantined").map((tool) => tool.toolId));
+        }
+        return modelTools.map((tool) => ({ tool, available: availableIds.has(tool.toolId) }));
     });
     if (!modelTools) {
         return (0, jsx_runtime_1.jsx)(loading_indicator_1.LoadingIndicator, {});
     }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "dropdown", children: [(0, jsx_runtime_1.jsx)("button", { className: "btn btn-secondary dropdown-toggle", type: "button", "data-bs-toggle": "dropdown", "aria-expanded": "false", children: modelTools.find((tool) => tool.toolId === selectedToolId)?.name ?? "Select Tool" }), (0, jsx_runtime_1.jsx)("ul", { className: "dropdown-menu", children: modelTools.map((tool) => {
-                    return ((0, jsx_runtime_1.jsx)("li", { onClick: () => props.selectedToolId(tool.toolId), children: (0, jsx_runtime_1.jsx)("span", { className: "dropdown-item", children: tool.name }) }, tool.toolId));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "dropdown", children: [(0, jsx_runtime_1.jsxs)("button", { className: "btn btn-secondary dropdown-toggle", type: "button", "data-bs-toggle": "dropdown", "aria-expanded": "false", children: [modelTools.find(({ tool }) => tool.toolId === selectedToolId)?.tool.name ?? "Select Tool", modelTools.some(({ tool, available }) => tool.toolId === selectedToolId && !available)
+                        ? " (unavailable)"
+                        : ""] }), (0, jsx_runtime_1.jsx)("ul", { className: "dropdown-menu", children: modelTools
+                    .filter(({ tool, available }) => available || tool.toolId === selectedToolId)
+                    .map(({ tool, available }) => {
+                    return ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsxs)("button", { className: "dropdown-item", type: "button", disabled: !available, onClick: () => props.selectedToolId(tool.toolId), children: [tool.name, available ? "" : " (unavailable)"] }) }, tool.toolId));
                 }) })] }));
 };

package/dist/screens/assistants/assistant-config.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/screens/assistants/assistant-config.test.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const peers_sdk_1 = require("@peers-app/peers-sdk");
+const react_1 = require("@testing-library/react");
+const assistant_config_1 = require("./assistant-config");
+const mockRunners = [
+    { toolId: "selected", name: "Retired", catalogState: "quarantined" },
+    { toolId: "hidden", name: "Other unavailable", catalogState: "quarantined" },
+    { toolId: "available", name: "Available" },
+];
+const mockCatalog = jest.fn();
+jest.mock("@peers-app/peers-sdk", () => ({
+    ...jest.requireActual("@peers-app/peers-sdk"),
+    Tools: () => ({
+        get: async () => mockRunners[0],
+        list: async () => mockRunners,
+    }),
+}));
+jest.mock("../tools/tool-catalog-ipc", () => ({
+    getToolCatalogConsumer: () => mockCatalog(),
+}));
+jest.mock("../../components/io-schema-values", () => ({ IOSchemaValues: () => null }));
+test.each([
+    "catalog",
+    "browser fallback",
+])("runner selection retains a disabled current runner in %s", async (mode) => {
+    mockCatalog.mockReset();
+    if (mode === "catalog")
+        mockCatalog.mockResolvedValue({
+            tools: {
+                getTool: async ({ toolIdOrName }) => ({
+                    tool: { workflowInvocable: toolIdOrName === "available" },
+                }),
+            },
+        });
+    else
+        mockCatalog.mockRejectedValue(new Error("No host transport"));
+    const selected = (0, peers_sdk_1.observable)("selected");
+    const assistant = {
+        assistantRunnerToolId: "selected",
+        qs: { assistantRunnerToolId: selected },
+    };
+    const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(assistant_config_1.AssistantConfig, { assistant: assistant }));
+    await react_1.screen.findByRole("button", { name: "Available" });
+    const retired = container.querySelector(".dropdown-menu button:disabled");
+    expect(retired).toHaveTextContent("Retired (unavailable)");
+    expect(container.querySelector(".dropdown-toggle")).toHaveTextContent("Retired (unavailable)");
+    expect(react_1.screen.queryByText("Other unavailable")).not.toBeInTheDocument();
+    if (!retired)
+        throw new Error("Missing unavailable runner option");
+    react_1.fireEvent.click(retired);
+    expect(selected()).toBe("selected");
+    react_1.fireEvent.click(react_1.screen.getByRole("button", { name: "Available" }));
+    await (0, react_1.waitFor)(() => expect(selected()).toBe("available"));
+    expect(react_1.screen.queryByText("Retired (unavailable)")).not.toBeInTheDocument();
+});

package/dist/screens/settings/settings-page.js

@@ -79,7 +79,7 @@ const AppearanceSettingsTab = () => {
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h5", { className: "mb-3", children: "Appearance" }), (0, jsx_runtime_1.jsx)("div", { className: "mb-3", children: (0, jsx_runtime_1.jsx)(color_mode_dropdown_1.ColorModeDropdown, {}) }), (0, jsx_runtime_1.jsx)("div", { className: "mb-3", children: (0, jsx_runtime_1.jsx)(layout_picker_1.LayoutPicker, {}) })] }));
 };
 const AdvancedSettingsTab = () => {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h5", { className: "mb-3", children: "Advanced Settings" }), (0, jsx_runtime_1.jsx)(PackagesRootDirectory, {}), (0, jsx_runtime_1.jsx)(ReloadPackagesOnPageRefresh, {}), (0, jsx_runtime_1.jsx)(AutoUpdatePeersCore, {}), (0, jsx_runtime_1.jsx)(ResetDeviceSyncInfos, {}), (0, jsx_runtime_1.jsx)(DeleteLocalDatabase, {}), (0, jsx_runtime_1.jsx)(CleanupOldDataDir, {}), (0, jsx_runtime_1.jsx)(ImportOldPeersData, {}), (0, jsx_runtime_1.jsx)(ResetChangeTracking, {})] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h5", { className: "mb-3", children: "Advanced Settings" }), (0, jsx_runtime_1.jsx)(PackagesRootDirectory, {}), (0, jsx_runtime_1.jsx)(ReloadPackagesOnPageRefresh, {}), (0, jsx_runtime_1.jsx)(AutoUpdatePeersCore, {}), (0, jsx_runtime_1.jsx)(ResetDeviceSyncInfos, {}), (0, jsx_runtime_1.jsx)(DeleteLocalDatabase, {}), (0, jsx_runtime_1.jsx)(CleanupOldDataDir, {}), (0, jsx_runtime_1.jsx)(ResetChangeTracking, {})] }));
 };
 const ProfileSection = () => {
     const me = (0, hooks_1.usePromise)(async () => {
@@ -228,64 +228,6 @@ const ResetChangeTracking = () => {
                     }
                 }, children: busy ? "Resetting…" : "Reset Change Tracking" })] }));
 };
-const IMPORT_TOOL_ID = "00mh0wlipkdbeaw8imptsk001";
-const ImportOldPeersData = () => {
-    const fileInputRef = (0, react_1.useRef)(null);
-    const [filePath, setFilePath] = (0, react_1.useState)("");
-    const [_fileName, setFileName] = (0, react_1.useState)("");
-    const [loading, setLoading] = (0, react_1.useState)(false);
-    const [result, setResult] = (0, react_1.useState)(null);
-    const [error, setError] = (0, react_1.useState)("");
-    const handleFileSelect = (e) => {
-        const file = e.target.files?.[0];
-        if (!file)
-            return;
-        // Electron exposes .path on File objects
-        const path = file.path;
-        if (path) {
-            setFilePath(path);
-            setFileName(file.name);
-        }
-        else {
-            setFileName(file.name);
-            setFilePath("");
-            setError("File path not available. This feature requires the Electron desktop app.");
-        }
-        setResult(null);
-        setError("");
-    };
-    const handleDryRun = async () => {
-        if (!filePath)
-            return;
-        setLoading(true);
-        setError("");
-        setResult(null);
-        try {
-            const response = await peers_sdk_1.rpcServerCalls.runTool(IMPORT_TOOL_ID, {
-                filePath,
-                dryRun: true,
-            });
-            if (response?.result) {
-                setResult(response.result);
-            }
-            else {
-                setError("Unexpected response from import tool");
-            }
-        }
-        catch (err) {
-            setError(err.message || "Failed to run dry run");
-        }
-        finally {
-            setLoading(false);
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "mt-4 pt-3 border-top", children: [(0, jsx_runtime_1.jsx)("h6", { className: "mb-2", children: "Import Old Peers Data" }), (0, jsx_runtime_1.jsx)("small", { className: "text-muted d-block mb-2", children: "Import tasks and log entries from an old peers JSON export file." }), (0, jsx_runtime_1.jsxs)("div", { className: "d-flex align-items-center gap-2 mb-2", children: [(0, jsx_runtime_1.jsx)("input", { ref: fileInputRef, type: "file", accept: ".json", className: "form-control form-control-sm", style: { maxWidth: 350 }, onChange: handleFileSelect }), (0, jsx_runtime_1.jsx)("button", { className: "btn btn-outline-primary btn-sm", onClick: handleDryRun, disabled: !filePath || loading, children: loading ? "Analyzing..." : "Dry Run" })] }), error && (0, jsx_runtime_1.jsx)("div", { className: "alert alert-danger py-1 px-2 small mt-2", children: error }), result && (0, jsx_runtime_1.jsx)(DryRunResults, { result: result })] }));
-};
-const DryRunResults = ({ result }) => {
-    const sm = result.statusMapping;
-    const um = result.userMapping;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "mt-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "alert alert-info py-2 px-3 small", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Summary:" }), " ", result.totalTasks.toLocaleString(), " tasks and", " ", result.totalLogEntries.toLocaleString(), " log entries across ", result.groups.length, " groups (", result.totalRecords.toLocaleString(), " total records in file)"] }), result.warnings.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "alert alert-warning py-2 px-3 small", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Warnings:" }), (0, jsx_runtime_1.jsx)("ul", { className: "mb-0 ps-3", children: result.warnings.map((w, i) => ((0, jsx_runtime_1.jsx)("li", { children: w }, i))) })] })), (0, jsx_runtime_1.jsxs)("details", { className: "mb-2", children: [(0, jsx_runtime_1.jsx)("summary", { className: "small fw-bold", style: { cursor: "pointer" }, children: "Status Mapping" }), (0, jsx_runtime_1.jsxs)("table", { className: "table table-sm small mt-1", children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { children: "Mapping" }), (0, jsx_runtime_1.jsx)("th", { className: "text-end", children: "Count" })] }) }), (0, jsx_runtime_1.jsxs)("tbody", { children: [(0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: "In-Progress \u2192 Done" }), (0, jsx_runtime_1.jsx)("td", { className: "text-end", children: sm.inProgressToDone.toLocaleString() })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: "In-Progress \u2192 In-Progress" }), (0, jsx_runtime_1.jsx)("td", { className: "text-end", children: sm.inProgressKeep.toLocaleString() })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: "Queued \u2192 Done" }), (0, jsx_runtime_1.jsx)("td", { className: "text-end", children: sm.queuedToDone.toLocaleString() })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: "Queued \u2192 Queued" }), (0, jsx_runtime_1.jsx)("td", { className: "text-end", children: sm.queuedKeep.toLocaleString() })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: "Backlog \u2192 Done" }), (0, jsx_runtime_1.jsx)("td", { className: "text-end", children: sm.backlogToDone.toLocaleString() })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: "Backlog \u2192 Backlog" }), (0, jsx_runtime_1.jsx)("td", { className: "text-end", children: sm.backlogKeep.toLocaleString() })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: "No status \u2192 Done" }), (0, jsx_runtime_1.jsx)("td", { className: "text-end", children: sm.noStatusToDone.toLocaleString() })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: "No status \u2192 Backlog" }), (0, jsx_runtime_1.jsx)("td", { className: "text-end", children: sm.noStatusToBacklog.toLocaleString() })] })] })] })] }), (0, jsx_runtime_1.jsxs)("details", { className: "mb-2", children: [(0, jsx_runtime_1.jsx)("summary", { className: "small fw-bold", style: { cursor: "pointer" }, children: "User Mapping" }), (0, jsx_runtime_1.jsxs)("table", { className: "table table-sm small mt-1", children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { children: "User" }), (0, jsx_runtime_1.jsx)("th", { className: "text-end", children: "Tasks" })] }) }), (0, jsx_runtime_1.jsxs)("tbody", { children: [(0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: "Mark" }), (0, jsx_runtime_1.jsx)("td", { className: "text-end", children: um.mark.toLocaleString() })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: "Blair" }), (0, jsx_runtime_1.jsx)("td", { className: "text-end", children: um.blair.toLocaleString() })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: "Other \u2192 Mark" }), (0, jsx_runtime_1.jsx)("td", { className: "text-end", children: um.other.toLocaleString() })] })] })] })] }), (0, jsx_runtime_1.jsxs)("details", { open: true, className: "mb-2", children: [(0, jsx_runtime_1.jsxs)("summary", { className: "small fw-bold", style: { cursor: "pointer" }, children: ["Groups (", result.groups.length, ")"] }), (0, jsx_runtime_1.jsxs)("table", { className: "table table-sm small mt-1", children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { children: "Group" }), (0, jsx_runtime_1.jsx)("th", { children: "Route" }), (0, jsx_runtime_1.jsx)("th", { className: "text-end", children: "Tasks" }), (0, jsx_runtime_1.jsx)("th", { className: "text-end", children: "Active" }), (0, jsx_runtime_1.jsx)("th", { className: "text-end", children: "Done" }), (0, jsx_runtime_1.jsx)("th", { className: "text-end", children: "Logs" })] }) }), (0, jsx_runtime_1.jsx)("tbody", { children: result.groups.map((g) => ((0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: g.groupName }), (0, jsx_runtime_1.jsx)("td", { children: (0, jsx_runtime_1.jsx)("span", { className: `badge bg-${g.context === "home" ? "success" : "secondary"}`, children: g.context }) }), (0, jsx_runtime_1.jsx)("td", { className: "text-end", children: g.taskCount.toLocaleString() }), (0, jsx_runtime_1.jsx)("td", { className: "text-end", children: g.activeCount.toLocaleString() }), (0, jsx_runtime_1.jsx)("td", { className: "text-end", children: g.doneCount.toLocaleString() }), (0, jsx_runtime_1.jsx)("td", { className: "text-end", children: g.logEntryCount.toLocaleString() })] }, g.groupId))) })] })] })] }));
-};
 const LogoutSection = () => {
     if (!isBrowserPwaHost)
         return null;

package/dist/screens/settings/settings-page.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/screens/settings/settings-page.test.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const server_1 = require("react-dom/server");
+const settings_page_1 = require("./settings-page");
+jest.mock("../../components/tooltip", () => ({ Tooltip: () => null }));
+jest.mock("../../hooks", () => ({ usePromise: () => undefined, useObservable: () => [false] }));
+jest.mock("../../components/tabs", () => ({
+    Tabs: ({ tabs }) => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: tabs.map((tab) => ((0, jsx_runtime_1.jsx)("div", { children: tab.content }, tab.name))) })),
+}));
+jest.mock("../../root-layout/layout-picker", () => ({ LayoutPicker: () => (0, jsx_runtime_1.jsx)("div", { children: "Layout" }) }));
+jest.mock("./color-mode-dropdown", () => ({ ColorModeDropdown: () => (0, jsx_runtime_1.jsx)("div", { children: "Theme" }) }));
+jest.mock("../../globals", () => ({ me: {}, isDesktop: () => false }));
+test("Settings renders advanced controls without the retired Tasks importer", () => {
+    const html = (0, server_1.renderToStaticMarkup)((0, jsx_runtime_1.jsx)(settings_page_1.SettingsPage, {}));
+    expect(html).toContain("Advanced Settings");
+    expect(html).not.toContain("Import Old Peers");
+    expect(html).not.toContain("Dry Run");
+});

package/dist/screens/tools/tool-catalog-ipc.d.ts

@@ -0,0 +1,118 @@
+import { type IToolCatalogConsumer, type IToolCatalogEntry } from "@peers-app/peers-sdk";
+/** Obtain a catalog consumer for the selected host context; PWA callers can fall back to rows. */
+export declare function getToolCatalogConsumer(dataContextId?: string): Promise<IToolCatalogConsumer>;
+/** Get live tool details, retaining historical row metadata when the host catalog is absent. */
+export declare function getToolDetails(toolId: string): Promise<{
+    row: {
+        code: string;
+        name: string;
+        usageDescription: string;
+        inputSchema: {
+            type: import("@peers-app/peers-sdk").IOSchemaType;
+            fields: {
+                name: string;
+                type: import("@peers-app/peers-sdk").FieldType;
+                optional?: boolean | undefined;
+                description?: string | undefined;
+                defaultValue?: any;
+                isArray?: boolean | undefined;
+                subType?: string | undefined;
+            }[];
+        };
+        outputSchema: {
+            type: import("@peers-app/peers-sdk").IOSchemaType;
+            fields: {
+                name: string;
+                type: import("@peers-app/peers-sdk").FieldType;
+                optional?: boolean | undefined;
+                description?: string | undefined;
+                defaultValue?: any;
+                isArray?: boolean | undefined;
+                subType?: string | undefined;
+            }[];
+        };
+        toolId: string;
+        contractId?: string | undefined;
+        contractVersion?: number | undefined;
+        toolName?: string | undefined;
+        catalogIdentity?: "deterministic" | "legacy-alias" | undefined;
+        catalogState?: "resolved" | "unresolved" | "quarantined" | undefined;
+        catalogReason?: string | undefined;
+        configSchema?: {
+            type: import("@peers-app/peers-sdk").IOSchemaType;
+            fields: {
+                name: string;
+                type: import("@peers-app/peers-sdk").FieldType;
+                optional?: boolean | undefined;
+                description?: string | undefined;
+                defaultValue?: any;
+                isArray?: boolean | undefined;
+                subType?: string | undefined;
+            }[];
+        } | undefined;
+        isAssistantRunner?: boolean | undefined;
+        detailedDescription?: string | undefined;
+        codeRepository?: string | undefined;
+        packageId?: string | undefined;
+        authorityPropagation?: "preserve" | "cap" | undefined;
+        accessLevel?: number | undefined;
+        remoteAccessLevel?: number | undefined;
+    };
+    entry: IToolCatalogEntry | undefined;
+} | undefined>;
+/** Query workflow mention candidates; unavailable browser hosts retain non-quarantined rows. */
+export declare function listWorkflowMentionTools(query: string, limit: number): Promise<IToolCatalogEntry[] | {
+    code: string;
+    name: string;
+    usageDescription: string;
+    inputSchema: {
+        type: import("@peers-app/peers-sdk").IOSchemaType;
+        fields: {
+            name: string;
+            type: import("@peers-app/peers-sdk").FieldType;
+            optional?: boolean | undefined;
+            description?: string | undefined;
+            defaultValue?: any;
+            isArray?: boolean | undefined;
+            subType?: string | undefined;
+        }[];
+    };
+    outputSchema: {
+        type: import("@peers-app/peers-sdk").IOSchemaType;
+        fields: {
+            name: string;
+            type: import("@peers-app/peers-sdk").FieldType;
+            optional?: boolean | undefined;
+            description?: string | undefined;
+            defaultValue?: any;
+            isArray?: boolean | undefined;
+            subType?: string | undefined;
+        }[];
+    };
+    toolId: string;
+    contractId?: string | undefined;
+    contractVersion?: number | undefined;
+    toolName?: string | undefined;
+    catalogIdentity?: "deterministic" | "legacy-alias" | undefined;
+    catalogState?: "resolved" | "unresolved" | "quarantined" | undefined;
+    catalogReason?: string | undefined;
+    configSchema?: {
+        type: import("@peers-app/peers-sdk").IOSchemaType;
+        fields: {
+            name: string;
+            type: import("@peers-app/peers-sdk").FieldType;
+            optional?: boolean | undefined;
+            description?: string | undefined;
+            defaultValue?: any;
+            isArray?: boolean | undefined;
+            subType?: string | undefined;
+        }[];
+    } | undefined;
+    isAssistantRunner?: boolean | undefined;
+    detailedDescription?: string | undefined;
+    codeRepository?: string | undefined;
+    packageId?: string | undefined;
+    authorityPropagation?: "preserve" | "cap" | undefined;
+    accessLevel?: number | undefined;
+    remoteAccessLevel?: number | undefined;
+}[]>;

package/dist/screens/tools/tool-catalog-ipc.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getToolCatalogConsumer = getToolCatalogConsumer;
+exports.getToolDetails = getToolDetails;
+exports.listWorkflowMentionTools = listWorkflowMentionTools;
+const peers_sdk_1 = require("@peers-app/peers-sdk");
+const consumers = new Map();
+/** Obtain a catalog consumer for the selected host context; PWA callers can fall back to rows. */
+async function getToolCatalogConsumer(dataContextId) {
+    if (!(0, peers_sdk_1.getHostContractTransport)())
+        throw new Error("Tool catalog host transport unavailable");
+    dataContextId ??= (await (0, peers_sdk_1.getDefaultDataContext)()).dataContextId;
+    let handle = consumers.get(dataContextId);
+    if (!handle) {
+        const id = dataContextId;
+        handle = (0, peers_sdk_1.hostContractConsumer)((0, peers_sdk_1.getToolCatalogContractDefinition)(), {
+            dataContextId: async () => id,
+        });
+        consumers.set(id, handle);
+    }
+    return handle.get();
+}
+/** Get live tool details, retaining historical row metadata when the host catalog is absent. */
+async function getToolDetails(toolId) {
+    const row = await (0, peers_sdk_1.Tools)().get(toolId);
+    if (!row)
+        return undefined;
+    let entry;
+    try {
+        entry = (await (await getToolCatalogConsumer()).tools.getTool({ toolIdOrName: toolId })).tool;
+    }
+    catch {
+        /* Browser-only hosts retain catalog rows. */
+    }
+    return { row, entry };
+}
+/** Query workflow mention candidates; unavailable browser hosts retain non-quarantined rows. */
+async function listWorkflowMentionTools(query, limit) {
+    try {
+        const { tools } = await (await getToolCatalogConsumer()).tools.listTools({ query, limit: 500 });
+        return tools.filter((entry) => entry.workflowInvocable).slice(0, limit);
+    }
+    catch {
+        return (await (0, peers_sdk_1.Tools)().list({ name: { $matchWords: query } }, { pageSize: 500 }))
+            .filter((row) => row.catalogState !== "quarantined")
+            .slice(0, limit);
+    }
+}

package/dist/screens/tools/tool-catalog-ipc.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/screens/tools/tool-catalog-ipc.test.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const list = jest.fn();
+const get = jest.fn();
+const rows = jest.fn();
+let transport = true;
+jest.mock("@peers-app/peers-sdk", () => ({
+    getDefaultDataContext: async () => ({ dataContextId: "group" }),
+    getHostContractTransport: () => (transport ? {} : undefined),
+    getToolCatalogContractDefinition: () => ({}),
+    hostContractConsumer: () => ({ get: async () => ({ tools: { listTools: list, getTool: get } }) }),
+    Tools: () => ({ list: rows, get: async (toolId) => ({ toolId, name: "historical" }) }),
+}));
+const mention_configs_1 = require("../../mention-configs");
+const tool_catalog_ipc_1 = require("./tool-catalog-ipc");
+beforeEach(() => {
+    jest.clearAllMocks();
+    transport = true;
+});
+test("tool mentions include only workflow-invocable catalog tools", async () => {
+    list.mockResolvedValue({
+        tools: [
+            { toolId: "run", name: "Run", workflowInvocable: true },
+            { toolId: "approve", name: "Approve", workflowInvocable: false },
+        ],
+    });
+    expect(await mention_configs_1.toolMentionConfig.query("run")).toEqual([{ kind: "tool", id: "run", name: "Run" }]);
+    expect(rows).not.toHaveBeenCalled();
+    expect(await mention_configs_1.toolMentionConfig.getById("old")).toEqual({
+        kind: "tool",
+        id: "old",
+        name: "historical",
+    });
+});
+test("browser fallback omits quarantined rows and preserves historical detail", async () => {
+    transport = false;
+    rows.mockResolvedValue([
+        { toolId: "old", name: "Old" },
+        { toolId: "bad", name: "Bad", catalogState: "quarantined" },
+    ]);
+    expect(await (0, tool_catalog_ipc_1.listWorkflowMentionTools)("", 10)).toEqual([{ toolId: "old", name: "Old" }]);
+    expect(await (0, tool_catalog_ipc_1.getToolDetails)("old")).toEqual({
+        row: { toolId: "old", name: "historical" },
+        entry: undefined,
+    });
+});

package/dist/screens/tools/tool-details.d.ts

@@ -1,5 +1,4 @@
-interface IToolDetailsProps {
+/** Read-only permanent tool metadata and live provider details. */
+export declare const ToolDetails: (props: {
     toolId: string;
-}
-export declare const ToolDetails: (props: IToolDetailsProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/screens/tools/tool-details.js

@@ -2,54 +2,35 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToolDetails = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const peers_sdk_1 = require("@peers-app/peers-sdk");
-const input_1 = require("../../components/input");
 const loading_indicator_1 = require("../../components/loading-indicator");
-const save_button_1 = require("../../components/save-button");
 const tabs_1 = require("../../components/tabs");
 const hooks_1 = require("../../hooks");
 const tabs_state_1 = require("../../tabs-layout/tabs-state");
-const tool_code_1 = require("./tool-code");
+const tool_catalog_ipc_1 = require("./tool-catalog-ipc");
 const tool_info_1 = require("./tool-info");
 const tool_schema_1 = require("./tool-schema");
+/** Read-only permanent tool metadata and live provider details. */
 const ToolDetails = (props) => {
-    const tool = (0, hooks_1.usePromise)(async () => {
-        const toolData = await (0, peers_sdk_1.Tools)().get(props.toolId);
-        if (!toolData)
-            return null;
-        (0, tabs_state_1.updateActiveTabTitle)(toolData.name || "Tool");
-        return (0, peers_sdk_1.Tools)().initDoc(toolData);
+    const details = (0, hooks_1.usePromise)(async () => {
+        const details = await (0, tool_catalog_ipc_1.getToolDetails)(props.toolId);
+        if (details)
+            (0, tabs_state_1.updateActiveTabTitle)(details.entry?.name || details.row.name || "Tool");
+        return details ?? null;
     }, undefined, [props.toolId]);
-    if (tool === null) {
+    if (details === null)
         return (0, jsx_runtime_1.jsx)("div", { children: "Tool not found" });
-    }
-    if (!tool) {
+    if (!details)
         return (0, jsx_runtime_1.jsx)(loading_indicator_1.LoadingIndicator, {});
-    }
-    function saveChanges() {
-        if (!tool)
-            return;
-        tool.save();
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "container-fluid p-3", style: { overflowY: "hidden" }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "d-flex", children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("h4", { children: (0, jsx_runtime_1.jsx)("i", { className: "bi bi-tools me-2" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex-grow-1", children: (0, jsx_runtime_1.jsx)("h4", { children: (0, jsx_runtime_1.jsx)(input_1.Input, { className: "border border-0", style: { width: "100%", outline: "none", backgroundColor: "transparent" }, value: tool.qs.name }, tool.toolId) }) }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(save_button_1.SaveButton, { onClick: saveChanges, doc: tool }, tool.toolId) })] }), (0, jsx_runtime_1.jsx)(tabs_1.Tabs, { tabs: [
+    const { row, entry } = details;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "container-fluid p-3", children: [(0, jsx_runtime_1.jsxs)("h4", { children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-tools me-2" }), entry?.name ?? row.name] }), (0, jsx_runtime_1.jsx)(tabs_1.Tabs, { tabs: [
                     {
                         name: "Info",
-                        content: ((0, jsx_runtime_1.jsx)(tabs_1.ScreenTabBody, { children: (0, jsx_runtime_1.jsx)(tool_info_1.ToolInfo, { tool: tool }) })),
+                        content: ((0, jsx_runtime_1.jsx)(tabs_1.ScreenTabBody, { children: (0, jsx_runtime_1.jsx)(tool_info_1.ToolInfo, { tool: row, entry: entry }) })),
                     },
                     {
                         name: "Schema",
-                        content: ((0, jsx_runtime_1.jsx)(tabs_1.ScreenTabBody, { children: (0, jsx_runtime_1.jsx)(tool_schema_1.ToolSchema, { tool: tool }) })),
+                        content: ((0, jsx_runtime_1.jsx)(tabs_1.ScreenTabBody, { children: (0, jsx_runtime_1.jsx)(tool_schema_1.ToolSchema, { tool: row, entry: entry }) })),
                     },
-                    {
-                        name: "Code",
-                        content: ((0, jsx_runtime_1.jsx)(tabs_1.ScreenTabBody, { children: (0, jsx_runtime_1.jsx)(tool_code_1.ToolCode, { tool: tool }) })),
-                    },
-                    // {
-                    //   name: 'Tests', content:
-                    //     <ScreenTabBody>
-                    //       <ToolTestList toolId={tool.toolId} />
-                    //     </ScreenTabBody>
-                    // },
-                ] }, tool.toolId)] }));
+                ] }, row.toolId)] }));
 };
 exports.ToolDetails = ToolDetails;

package/dist/screens/tools/tool-info.d.ts

@@ -1,5 +1,6 @@
-import { type IDoc, type ITool } from "@peers-app/peers-sdk";
-/** Info tab for a tool, including its required access level. */
-export declare const ToolInfo: (props: {
-    tool: IDoc<ITool>;
+import { type ITool, type IToolCatalogEntry } from "@peers-app/peers-sdk";
+/** Display permanent identity and the host’s current dispatch and access projection. */
+export declare const ToolInfo: ({ tool, entry }: {
+    tool: ITool;
+    entry?: IToolCatalogEntry;
 }) => import("react/jsx-runtime").JSX.Element;