mongodb-mcp-server 1.3.0 → 1.4.0

package/dist/cjs/ui/components/ListDatabases/ListDatabases.d.ts

@@ -0,0 +1,10 @@
+import { type ReactElement } from "react";
+import type { ListDatabasesOutput } from "../../../tools/mongodb/metadata/listDatabases.js";
+export type Database = ListDatabasesOutput["databases"][number];
+interface ListDatabasesProps {
+    databases?: Database[];
+    darkMode?: boolean;
+}
+export declare const ListDatabases: ({ databases: propDatabases, darkMode: darkModeProp, }: ListDatabasesProps) => ReactElement | null;
+export {};
+//# sourceMappingURL=ListDatabases.d.ts.map

package/dist/cjs/ui/components/ListDatabases/ListDatabases.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListDatabases.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/ListDatabases/ListDatabases.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kDAAkD,CAAC;AAG5F,MAAM,MAAM,QAAQ,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE,UAAU,kBAAkB;IACxB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAYD,eAAO,MAAM,aAAa,GAAI,uDAG3B,kBAAkB,KAAG,YAAY,GAAG,IA0CtC,CAAC"}

package/dist/cjs/ui/components/ListDatabases/ListDatabases.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListDatabases = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const index_js_1 = require("../../hooks/index.js");
+const table_1 = require("@leafygreen-ui/table");
+const typography_1 = require("@leafygreen-ui/typography");
+const ListDatabases_styles_js_1 = require("./ListDatabases.styles.js");
+function formatBytes(bytes) {
+    if (bytes === 0)
+        return "0 Bytes";
+    const k = 1024;
+    const sizes = ["Bytes", "KB", "MB", "GB", "TB"];
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    return Math.round((bytes / Math.pow(k, i)) * 100) / 100 + " " + sizes[i];
+}
+const ListDatabases = ({ databases: propDatabases, darkMode: darkModeProp, }) => {
+    const darkMode = (0, index_js_1.useDarkMode)(darkModeProp);
+    const { data: hookData, isLoading, error } = (0, index_js_1.useRenderData)();
+    const databases = propDatabases ?? hookData?.databases;
+    if (!propDatabases) {
+        if (isLoading) {
+            return (0, jsx_runtime_1.jsx)("div", { children: "Loading..." });
+        }
+        if (error) {
+            return (0, jsx_runtime_1.jsxs)("div", { children: ["Error: ", error] });
+        }
+    }
+    if (!databases) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, ListDatabases_styles_js_1.getContainerStyles)(darkMode), children: [(0, jsx_runtime_1.jsxs)(typography_1.Body, { className: ListDatabases_styles_js_1.AmountTextStyles, darkMode: darkMode, children: ["Your cluster has ", (0, jsx_runtime_1.jsxs)("strong", { children: [databases.length, " databases"] }), ":"] }), (0, jsx_runtime_1.jsxs)(table_1.Table, { darkMode: darkMode, children: [(0, jsx_runtime_1.jsx)(table_1.TableHead, { children: (0, jsx_runtime_1.jsxs)(table_1.HeaderRow, { children: [(0, jsx_runtime_1.jsx)(table_1.HeaderCell, { children: "Database" }), (0, jsx_runtime_1.jsx)(table_1.HeaderCell, { children: "Size" })] }) }), (0, jsx_runtime_1.jsx)(table_1.TableBody, { children: databases.map((db) => ((0, jsx_runtime_1.jsxs)(table_1.Row, { children: [(0, jsx_runtime_1.jsx)(table_1.Cell, { children: db.name }), (0, jsx_runtime_1.jsx)(table_1.Cell, { children: formatBytes(db.size) })] }, db.name))) })] })] }));
+};
+exports.ListDatabases = ListDatabases;
+//# sourceMappingURL=ListDatabases.js.map

package/dist/cjs/ui/components/ListDatabases/ListDatabases.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListDatabases.js","sourceRoot":"","sources":["../../../../../src/ui/components/ListDatabases/ListDatabases.tsx"],"names":[],"mappings":";;;;AACA,mDAAkE;AAClE,gDAAqG;AACrG,0DAAiD;AAEjD,uEAAiF;AASjF,SAAS,WAAW,CAAC,KAAa;IAC9B,IAAI,KAAK,KAAK,CAAC;QAAE,OAAO,SAAS,CAAC;IAElC,MAAM,CAAC,GAAG,IAAI,CAAC;IACf,MAAM,KAAK,GAAG,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAEpD,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;AAC7E,CAAC;AAEM,MAAM,aAAa,GAAG,CAAC,EAC1B,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,YAAY,GACL,EAAuB,EAAE;IAC1C,MAAM,QAAQ,GAAG,IAAA,sBAAW,EAAC,YAAY,CAAC,CAAC;IAC3C,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAA,wBAAa,GAAuB,CAAC;IAClF,MAAM,SAAS,GAAG,aAAa,IAAI,QAAQ,EAAE,SAAS,CAAC;IAEvD,IAAI,CAAC,aAAa,EAAE,CAAC;QACjB,IAAI,SAAS,EAAE,CAAC;YACZ,OAAO,yDAAqB,CAAC;QACjC,CAAC;QAED,IAAI,KAAK,EAAE,CAAC;YACR,OAAO,uDAAa,KAAK,IAAO,CAAC;QACrC,CAAC;IACL,CAAC;IAED,IAAI,CAAC,SAAS,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,iCAAK,SAAS,EAAE,IAAA,4CAAkB,EAAC,QAAQ,CAAC,aACxC,wBAAC,iBAAI,IAAC,SAAS,EAAE,0CAAgB,EAAE,QAAQ,EAAE,QAAQ,kCAChC,+CAAS,SAAS,CAAC,MAAM,kBAAoB,SAC3D,EACP,wBAAC,aAAK,IAAC,QAAQ,EAAE,QAAQ,aACrB,uBAAC,iBAAS,cACN,wBAAC,iBAAS,eACN,uBAAC,kBAAU,2BAAsB,EACjC,uBAAC,kBAAU,uBAAkB,IACrB,GACJ,EACZ,uBAAC,iBAAS,cACL,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CACnB,wBAAC,WAAG,eACA,uBAAC,YAAI,cAAE,EAAE,CAAC,IAAI,GAAQ,EACtB,uBAAC,YAAI,cAAE,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,GAAQ,KAF7B,EAAE,CAAC,IAAI,CAGX,CACT,CAAC,GACM,IACR,IACN,CACT,CAAC;AACN,CAAC,CAAC;AA7CW,QAAA,aAAa,iBA6CxB"}

package/dist/cjs/ui/components/ListDatabases/ListDatabases.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const getContainerStyles: (darkMode: boolean) => string;
+export declare const AmountTextStyles: string;
+//# sourceMappingURL=ListDatabases.styles.d.ts.map

package/dist/cjs/ui/components/ListDatabases/ListDatabases.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListDatabases.styles.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/ListDatabases/ListDatabases.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,kBAAkB,GAAI,UAAU,OAAO,KAAG,MAKtD,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAE5B,CAAC"}

package/dist/cjs/ui/components/ListDatabases/ListDatabases.styles.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AmountTextStyles = exports.getContainerStyles = void 0;
+const css_1 = require("@emotion/css");
+const tokens_1 = require("@leafygreen-ui/tokens");
+const lib_1 = require("@leafygreen-ui/lib");
+const getContainerStyles = (darkMode) => (0, css_1.css) `
+    background-color: ${tokens_1.color[darkMode ? lib_1.Theme.Dark : lib_1.Theme.Light][tokens_1.Property.Background][tokens_1.Variant.Primary][tokens_1.InteractionState.Default]};
+    padding: ${tokens_1.spacing[200]}px;
+`;
+exports.getContainerStyles = getContainerStyles;
+exports.AmountTextStyles = (0, css_1.css) `
+    margin-bottom: ${tokens_1.spacing[400]}px;
+`;
+//# sourceMappingURL=ListDatabases.styles.js.map

package/dist/cjs/ui/components/ListDatabases/ListDatabases.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListDatabases.styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/ListDatabases/ListDatabases.styles.ts"],"names":[],"mappings":";;;AAAA,sCAAmC;AACnC,kDAA4F;AAC5F,4CAA2C;AAEpC,MAAM,kBAAkB,GAAG,CAAC,QAAiB,EAAU,EAAE,CAAC,IAAA,SAAG,EAAA;wBAC5C,cAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAK,CAAC,IAAI,CAAC,CAAC,CAAC,WAAK,CAAC,KAAK,CAAC,CAAC,iBAAQ,CAAC,UAAU,CAAC,CAAC,gBAAO,CAAC,OAAO,CAAC,CAChG,yBAAgB,CAAC,OAAO,CAC3B;eACU,gBAAO,CAAC,GAAG,CAAC;CAC1B,CAAC;AALW,QAAA,kBAAkB,sBAK7B;AAEW,QAAA,gBAAgB,GAAG,IAAA,SAAG,EAAA;qBACd,gBAAO,CAAC,GAAG,CAAC;CAChC,CAAC"}

package/dist/cjs/ui/components/ListDatabases/index.d.ts

@@ -0,0 +1,2 @@
+export { ListDatabases } from "./ListDatabases.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/ui/components/ListDatabases/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/ListDatabases/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/cjs/ui/components/ListDatabases/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListDatabases = void 0;
+var ListDatabases_js_1 = require("./ListDatabases.js");
+Object.defineProperty(exports, "ListDatabases", { enumerable: true, get: function () { return ListDatabases_js_1.ListDatabases; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/ui/components/ListDatabases/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/ListDatabases/index.ts"],"names":[],"mappings":";;;AAAA,uDAAmD;AAA1C,iHAAA,aAAa,OAAA"}

package/dist/cjs/ui/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export { useDarkMode } from "./useDarkMode.js";
+export { useRenderData } from "./useRenderData.js";
+export { useHostCommunication } from "./useHostCommunication.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/ui/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/cjs/ui/hooks/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHostCommunication = exports.useRenderData = exports.useDarkMode = void 0;
+var useDarkMode_js_1 = require("./useDarkMode.js");
+Object.defineProperty(exports, "useDarkMode", { enumerable: true, get: function () { return useDarkMode_js_1.useDarkMode; } });
+var useRenderData_js_1 = require("./useRenderData.js");
+Object.defineProperty(exports, "useRenderData", { enumerable: true, get: function () { return useRenderData_js_1.useRenderData; } });
+var useHostCommunication_js_1 = require("./useHostCommunication.js");
+Object.defineProperty(exports, "useHostCommunication", { enumerable: true, get: function () { return useHostCommunication_js_1.useHostCommunication; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/ui/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/hooks/index.ts"],"names":[],"mappings":";;;AAAA,mDAA+C;AAAtC,6GAAA,WAAW,OAAA;AACpB,uDAAmD;AAA1C,iHAAA,aAAa,OAAA;AACtB,qEAAiE;AAAxD,+HAAA,oBAAoB,OAAA"}

package/dist/cjs/ui/hooks/useDarkMode.d.ts

@@ -0,0 +1,2 @@
+export declare function useDarkMode(override?: boolean): boolean;
+//# sourceMappingURL=useDarkMode.d.ts.map

package/dist/cjs/ui/hooks/useDarkMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDarkMode.d.ts","sourceRoot":"","sources":["../../../../src/ui/hooks/useDarkMode.ts"],"names":[],"mappings":"AAYA,wBAAgB,WAAW,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO,CAGvD"}

package/dist/cjs/ui/hooks/useDarkMode.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDarkMode = useDarkMode;
+const react_1 = require("react");
+function subscribeToPrefersColorScheme(callback) {
+    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    mediaQuery.addEventListener("change", callback);
+    return () => mediaQuery.removeEventListener("change", callback);
+}
+function getPrefersDarkMode() {
+    return window.matchMedia("(prefers-color-scheme: dark)").matches;
+}
+function useDarkMode(override) {
+    const prefersDarkMode = (0, react_1.useSyncExternalStore)(subscribeToPrefersColorScheme, getPrefersDarkMode);
+    return override ?? prefersDarkMode;
+}
+//# sourceMappingURL=useDarkMode.js.map

package/dist/cjs/ui/hooks/useDarkMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDarkMode.js","sourceRoot":"","sources":["../../../../src/ui/hooks/useDarkMode.ts"],"names":[],"mappings":";;AAYA,kCAGC;AAfD,iCAA6C;AAE7C,SAAS,6BAA6B,CAAC,QAAoB;IACvD,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC;IACrE,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAChD,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;AACpE,CAAC;AAED,SAAS,kBAAkB;IACvB,OAAO,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAC;AACrE,CAAC;AAED,SAAgB,WAAW,CAAC,QAAkB;IAC1C,MAAM,eAAe,GAAG,IAAA,4BAAoB,EAAC,6BAA6B,EAAE,kBAAkB,CAAC,CAAC;IAChG,OAAO,QAAQ,IAAI,eAAe,CAAC;AACvC,CAAC"}

package/dist/cjs/ui/hooks/useHostCommunication.d.ts

@@ -0,0 +1,30 @@
+import { uiActionResultIntent, uiActionResultNotification, uiActionResultPrompt, uiActionResultToolCall, uiActionResultLink } from "@mcp-ui/server";
+/** Return type for the useHostCommunication hook */
+interface UseHostCommunicationResult {
+    /** Sends an intent message for the host to act on */
+    intent: typeof uiActionResultIntent;
+    /** Notifies the host of something that happened */
+    notify: typeof uiActionResultNotification;
+    /** Asks the host to run a prompt */
+    prompt: typeof uiActionResultPrompt;
+    /** Asks the host to execute a tool */
+    tool: typeof uiActionResultToolCall;
+    /** Asks the host to navigate to a URL */
+    link: typeof uiActionResultLink;
+}
+/**
+ * Hook for sending UI actions to the parent window via postMessage
+ * This is used by iframe-based UI components to communicate back to an MCP client
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const { intent, tool, link } = useHostCommunication();
+ *
+ *   return <button onClick={() => intent("create-task", { title: "Buy groceries" })}>Create Task</button>;
+ * }
+ * ```
+ */
+export declare function useHostCommunication(): UseHostCommunicationResult;
+export {};
+//# sourceMappingURL=useHostCommunication.d.ts.map

package/dist/cjs/ui/hooks/useHostCommunication.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHostCommunication.d.ts","sourceRoot":"","sources":["../../../../src/ui/hooks/useHostCommunication.ts"],"names":[],"mappings":"AACA,OAAO,EAEH,oBAAoB,EACpB,0BAA0B,EAC1B,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EACrB,MAAM,gBAAgB,CAAC;AAExB,oDAAoD;AACpD,UAAU,0BAA0B;IAChC,qDAAqD;IACrD,MAAM,EAAE,OAAO,oBAAoB,CAAC;IACpC,mDAAmD;IACnD,MAAM,EAAE,OAAO,0BAA0B,CAAC;IAC1C,oCAAoC;IACpC,MAAM,EAAE,OAAO,oBAAoB,CAAC;IACpC,sCAAsC;IACtC,IAAI,EAAE,OAAO,sBAAsB,CAAC;IACpC,yCAAyC;IACzC,IAAI,EAAE,OAAO,kBAAkB,CAAC;CACnC;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,oBAAoB,IAAI,0BAA0B,CAsCjE"}

package/dist/cjs/ui/hooks/useHostCommunication.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHostCommunication = useHostCommunication;
+const react_1 = require("react");
+const server_1 = require("@mcp-ui/server");
+/**
+ * Hook for sending UI actions to the parent window via postMessage
+ * This is used by iframe-based UI components to communicate back to an MCP client
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const { intent, tool, link } = useHostCommunication();
+ *
+ *   return <button onClick={() => intent("create-task", { title: "Buy groceries" })}>Create Task</button>;
+ * }
+ * ```
+ */
+function useHostCommunication() {
+    const intent = (0, react_1.useCallback)((...args) => {
+        const result = (0, server_1.uiActionResultIntent)(...args);
+        (0, server_1.postUIActionResult)(result);
+        return result;
+    }, []);
+    const notify = (0, react_1.useCallback)((...args) => {
+        const result = (0, server_1.uiActionResultNotification)(...args);
+        (0, server_1.postUIActionResult)(result);
+        return result;
+    }, []);
+    const prompt = (0, react_1.useCallback)((...args) => {
+        const result = (0, server_1.uiActionResultPrompt)(...args);
+        (0, server_1.postUIActionResult)(result);
+        return result;
+    }, []);
+    const tool = (0, react_1.useCallback)((...args) => {
+        const result = (0, server_1.uiActionResultToolCall)(...args);
+        (0, server_1.postUIActionResult)(result);
+        return result;
+    }, []);
+    const link = (0, react_1.useCallback)((...args) => {
+        const result = (0, server_1.uiActionResultLink)(...args);
+        (0, server_1.postUIActionResult)(result);
+        return result;
+    }, []);
+    return {
+        intent,
+        notify,
+        prompt,
+        tool,
+        link,
+    };
+}
+//# sourceMappingURL=useHostCommunication.js.map

package/dist/cjs/ui/hooks/useHostCommunication.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHostCommunication.js","sourceRoot":"","sources":["../../../../src/ui/hooks/useHostCommunication.ts"],"names":[],"mappings":";;AAqCA,oDAsCC;AA3ED,iCAAoC;AACpC,2CAOwB;AAgBxB;;;;;;;;;;;;GAYG;AACH,SAAgB,oBAAoB;IAChC,MAAM,MAAM,GAAgC,IAAA,mBAAW,EAAC,CAAC,GAAG,IAAI,EAAE,EAAE;QAChE,MAAM,MAAM,GAAG,IAAA,6BAAoB,EAAC,GAAG,IAAI,CAAC,CAAC;QAC7C,IAAA,2BAAkB,EAAC,MAAM,CAAC,CAAC;QAC3B,OAAO,MAAM,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAsC,IAAA,mBAAW,EAAC,CAAC,GAAG,IAAI,EAAE,EAAE;QACtE,MAAM,MAAM,GAAG,IAAA,mCAA0B,EAAC,GAAG,IAAI,CAAC,CAAC;QACnD,IAAA,2BAAkB,EAAC,MAAM,CAAC,CAAC;QAC3B,OAAO,MAAM,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAgC,IAAA,mBAAW,EAAC,CAAC,GAAG,IAAI,EAAE,EAAE;QAChE,MAAM,MAAM,GAAG,IAAA,6BAAoB,EAAC,GAAG,IAAI,CAAC,CAAC;QAC7C,IAAA,2BAAkB,EAAC,MAAM,CAAC,CAAC;QAC3B,OAAO,MAAM,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,IAAI,GAAkC,IAAA,mBAAW,EAAC,CAAC,GAAG,IAAI,EAAE,EAAE;QAChE,MAAM,MAAM,GAAG,IAAA,+BAAsB,EAAC,GAAG,IAAI,CAAC,CAAC;QAC/C,IAAA,2BAAkB,EAAC,MAAM,CAAC,CAAC;QAC3B,OAAO,MAAM,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,IAAI,GAA8B,IAAA,mBAAW,EAAC,CAAC,GAAG,IAAI,EAAE,EAAE;QAC5D,MAAM,MAAM,GAAG,IAAA,2BAAkB,EAAC,GAAG,IAAI,CAAC,CAAC;QAC3C,IAAA,2BAAkB,EAAC,MAAM,CAAC,CAAC;QAC3B,OAAO,MAAM,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACH,MAAM;QACN,MAAM;QACN,MAAM;QACN,IAAI;QACJ,IAAI;KACP,CAAC;AACN,CAAC"}

package/dist/cjs/ui/hooks/useRenderData.d.ts

@@ -0,0 +1,30 @@
+/** Return type for the useRenderData hook */
+interface UseRenderDataResult<T> {
+    data: T | null;
+    isLoading: boolean;
+    error: string | null;
+}
+/**
+ * Hook for receiving render data from parent window via postMessage
+ * This is used by iframe-based UI components that receive data from an MCP client
+ *
+ * @template T - The type of data expected in the renderData payload
+ * @returns An object containing:
+ *   - data: The received render data (or null if not yet received)
+ *   - isLoading: Whether data is still being loaded
+ *   - error: Error message if message validation failed
+ *
+ * @example
+ * ```tsx
+ * interface MyData {
+ *   items: string[];
+ * }
+ *
+ * function MyComponent() {
+ *   const { data, isLoading, error } = useRenderData<MyData>();
+ * }
+ * ```
+ */
+export declare function useRenderData<T = unknown>(): UseRenderDataResult<T>;
+export {};
+//# sourceMappingURL=useRenderData.d.ts.map

package/dist/cjs/ui/hooks/useRenderData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRenderData.d.ts","sourceRoot":"","sources":["../../../../src/ui/hooks/useRenderData.ts"],"names":[],"mappings":"AAUA,6CAA6C;AAC7C,UAAU,mBAAmB,CAAC,CAAC;IAC3B,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,aAAa,CAAC,CAAC,GAAG,OAAO,KAAK,mBAAmB,CAAC,CAAC,CAAC,CAoDnE"}

package/dist/cjs/ui/hooks/useRenderData.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRenderData = useRenderData;
+const react_1 = require("react");
+/**
+ * Hook for receiving render data from parent window via postMessage
+ * This is used by iframe-based UI components that receive data from an MCP client
+ *
+ * @template T - The type of data expected in the renderData payload
+ * @returns An object containing:
+ *   - data: The received render data (or null if not yet received)
+ *   - isLoading: Whether data is still being loaded
+ *   - error: Error message if message validation failed
+ *
+ * @example
+ * ```tsx
+ * interface MyData {
+ *   items: string[];
+ * }
+ *
+ * function MyComponent() {
+ *   const { data, isLoading, error } = useRenderData<MyData>();
+ * }
+ * ```
+ */
+function useRenderData() {
+    const [data, setData] = (0, react_1.useState)(null);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
+    const [error, setError] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        const handleMessage = (event) => {
+            if (event.data?.type !== "ui-lifecycle-iframe-render-data") {
+                // Silently ignore messages that aren't for us
+                return;
+            }
+            if (!event.data.payload || typeof event.data.payload !== "object") {
+                const errorMsg = "Invalid payload structure received";
+                setError(errorMsg);
+                setIsLoading(false);
+                return;
+            }
+            const renderData = event.data.payload.renderData;
+            if (renderData === undefined || renderData === null) {
+                setIsLoading(false);
+                // Not an error - parent may intentionally send null
+                return;
+            }
+            if (typeof renderData !== "object") {
+                const errorMsg = `Expected object but received ${typeof renderData}`;
+                setError(errorMsg);
+                setIsLoading(false);
+                return;
+            }
+            setData(renderData);
+            setIsLoading(false);
+            setError(null);
+        };
+        window.addEventListener("message", handleMessage);
+        window.parent.postMessage({ type: "ui-lifecycle-iframe-ready" }, "*");
+        return () => {
+            window.removeEventListener("message", handleMessage);
+        };
+    }, []);
+    return {
+        data,
+        isLoading,
+        error,
+    };
+}
+//# sourceMappingURL=useRenderData.js.map

package/dist/cjs/ui/hooks/useRenderData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRenderData.js","sourceRoot":"","sources":["../../../../src/ui/hooks/useRenderData.ts"],"names":[],"mappings":";;AAsCA,sCAoDC;AA1FD,iCAA4C;AAiB5C;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,SAAgB,aAAa;IACzB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAW,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IAExD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,aAAa,GAAG,CAAC,KAAsC,EAAQ,EAAE;YACnE,IAAI,KAAK,CAAC,IAAI,EAAE,IAAI,KAAK,iCAAiC,EAAE,CAAC;gBACzD,8CAA8C;gBAC9C,OAAO;YACX,CAAC;YAED,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,IAAI,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;gBAChE,MAAM,QAAQ,GAAG,oCAAoC,CAAC;gBACtD,QAAQ,CAAC,QAAQ,CAAC,CAAC;gBACnB,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,OAAO;YACX,CAAC;YAED,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;YAEjD,IAAI,UAAU,KAAK,SAAS,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;gBAClD,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,oDAAoD;gBACpD,OAAO;YACX,CAAC;YAED,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE,CAAC;gBACjC,MAAM,QAAQ,GAAG,gCAAgC,OAAO,UAAU,EAAE,CAAC;gBACrE,QAAQ,CAAC,QAAQ,CAAC,CAAC;gBACnB,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,OAAO;YACX,CAAC;YAED,OAAO,CAAC,UAAe,CAAC,CAAC;YACzB,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,QAAQ,CAAC,IAAI,CAAC,CAAC;QACnB,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QAClD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,2BAA2B,EAAE,EAAE,GAAG,CAAC,CAAC;QAEtE,OAAO,GAAS,EAAE;YACd,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACzD,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACH,IAAI;QACJ,SAAS;QACT,KAAK;KACR,CAAC;AACN,CAAC"}

package/dist/cjs/ui/index.d.ts

@@ -0,0 +1,4 @@
+export { UIRegistry } from "./registry/index.js";
+export { ListDatabases } from "./components/ListDatabases/index.js";
+export type { Database } from "./components/ListDatabases/ListDatabases.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,YAAY,EAAE,QAAQ,EAAE,MAAM,6CAA6C,CAAC"}

package/dist/cjs/ui/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListDatabases = exports.UIRegistry = void 0;
+var index_js_1 = require("./registry/index.js");
+Object.defineProperty(exports, "UIRegistry", { enumerable: true, get: function () { return index_js_1.UIRegistry; } });
+var index_js_2 = require("./components/ListDatabases/index.js");
+Object.defineProperty(exports, "ListDatabases", { enumerable: true, get: function () { return index_js_2.ListDatabases; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/index.ts"],"names":[],"mappings":";;;AAAA,gDAAiD;AAAxC,sGAAA,UAAU,OAAA;AACnB,gEAAoE;AAA3D,yGAAA,aAAa,OAAA"}