@pickaxeproject/react 6.24.7 → 6.24.9

package/dist/esm/src/common/mcpTranslations.d.ts

@@ -0,0 +1,39 @@
+export declare const MCP_TRANSLATION_DEFAULTS: {
+    readonly "mcp-use-with-ai-app": "Use with an AI app";
+    readonly "mcp-connect-agent": "Connect this agent via MCP";
+    readonly "mcp-dropdown-description": "Use this agent in your favorite AI app";
+    readonly "mcp-open-claude": "Open in Claude";
+    readonly "mcp-open-codex": "Connect Codex";
+    readonly "mcp-open-cursor": "Open in Cursor";
+    readonly "mcp-open-vscode": "VS Code";
+    readonly "mcp-manual-setup": "Other Agents/ Manual setup";
+    readonly "mcp-copy-configuration": "Copy MCP configuration";
+    readonly "mcp-configuration-copied": "Configuration copied.";
+    readonly "mcp-preparing-configuration": "Preparing your private configuration…";
+    readonly "mcp-configuration-unavailable": "Unable to prepare your connection.";
+    readonly "mcp-try-again": "Try again";
+    readonly "mcp-copy-failed": "Could not copy. Select and copy the configuration below.";
+    readonly "mcp-paste-setup-prompt": "Your app will open with a short setup prompt. Copy the full prompt below and paste it into the app before sending.";
+    readonly "mcp-review-setup-prompt": "Review and send the setup prompt in your app. If it did not open, download the app or copy the prompt below.";
+    readonly "mcp-app-did-not-open": "App didn’t open?";
+    readonly "mcp-download-app": "Download {app}";
+    readonly "mcp-setup-prompt-copied": "Setup prompt copied. Paste it into your AI app, then review and send it.";
+    readonly "mcp-copy-setup-prompt": "Copy setup prompt";
+    readonly "mcp-documentation-help": "Documentation & Help";
+    readonly "mcp-setup-prompt-intro": "Add this Pickaxe MCP server to my local {app} app.";
+    readonly "mcp-setup-prompt-server-name": "Server name: {name}";
+    readonly "mcp-setup-prompt-transport": "Transport: {transport}";
+    readonly "mcp-setup-prompt-url": "URL: {url}";
+    readonly "mcp-setup-prompt-authorization": "Authorization header: {authorization}";
+    readonly "mcp-setup-prompt-claude-placement": "Add a user-scoped HTTP MCP server using Claude Code's MCP configuration or CLI.";
+    readonly "mcp-setup-prompt-codex-placement": "Update the user's ~/.codex/config.toml with an mcp_servers entry using url and http_headers.";
+    readonly "mcp-setup-prompt-cursor-placement": "Update the user's ~/.cursor/mcp.json, adding the server under mcpServers with url and headers.";
+    readonly "mcp-setup-prompt-vscode-placement": "Locate this OS/profile's user mcp.json and add the server under servers with type http, url, and headers.";
+    readonly "mcp-setup-prompt-preserve": "Preserve all existing servers and settings. If pickaxe already points to another endpoint, choose a unique server name instead of replacing it.";
+    readonly "mcp-setup-prompt-private": "Keep this credential private in local user configuration, never project files or Git, and do not repeat it in your reply.";
+    readonly "mcp-setup-prompt-verify": "Verify the connection if available, then report whether it is connected or a reload/restart is required.";
+    readonly "mcp-setup-prompt-short": "Help me add a Pickaxe MCP server to my local {app} app. I will paste the full setup prompt next.";
+};
+export type MCPTranslationKey = keyof typeof MCP_TRANSLATION_DEFAULTS;
+export type MCPTranslations = Readonly<Record<string, string | undefined>>;
+export declare function translateMCP(translations: MCPTranslations | undefined, key: MCPTranslationKey, values?: Readonly<Record<string, string>>): string;

package/dist/esm/src/components/Pickaxe/Provider.d.ts

@@ -20,6 +20,12 @@ export type PickaxeResponseActionRenderer = (target: PickaxeResponseActionTarget
 export type PickaxeTranslations = {
     [key: string]: string;
 };
+type MCPDialogState = {
+    isOpen: boolean;
+    guestToken: string | null;
+    isPreparing: boolean;
+    prepareError: boolean;
+};
 export type PickaxeProviderStyles = {
     theme: "light" | "dark";
     portalTheme?: "light" | "dark";
@@ -126,7 +132,12 @@ type PickaxeContextType = {
     isRtl: boolean;
     isEmbed: boolean;
     mcpEnabled: boolean;
+    mcpInitiallyOpen: boolean;
     mcpGuestId?: string;
+    mcpDialog: MCPDialogState;
+    setMCPDialog: SetState<MCPDialogState>;
+    mcpInitiallyOpenedDeployments: Set<string>;
+    mcpPreparingDeployments: Set<string>;
     isDropShadow: boolean;
     allowGuestUsage: boolean;
     persistActiveConversation: boolean;
@@ -182,6 +193,8 @@ export interface IPickaxeProviderProps {
     isRtl?: boolean;
     isEmbed?: boolean;
     mcpEnabled?: boolean;
+    /** Open the MCP configuration once after authentication is ready. Requires mcpEnabled. */
+    mcpInitiallyOpen?: boolean;
     mcpGuestId?: string;
     studioSessionToken?: string | null;
     isDropShadow?: boolean;
@@ -193,5 +206,5 @@ export interface IPickaxeProviderProps {
     onSessionIdChange?: (sessionId: string) => void;
 }
 export declare const PickaxeContext: import("react").Context<PickaxeContextType>;
-export declare const PickaxeProvider: ({ children, renderResponseAction, renderEmbedHeaderAction, origin, sender: _sender, senderType: _senderType, deploymentId, portalId, deploymentType, deploymentDimensions, deploymentMisc, styles, colors, limits, misc, translations, artifact, responsiveBy, locale, opacity, forceMobile, disableHtml, disableJs, disableCss, loadFont, isRtl, isEmbed, mcpEnabled, mcpGuestId, studioSessionToken, isDropShadow, allowGuestUsage, persistActiveConversation, preventInitialSessionId, onUpgrade, onGenerateComplete, onSessionIdChange, }: IPickaxeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PickaxeProvider: ({ children, renderResponseAction, renderEmbedHeaderAction, origin, sender: _sender, senderType: _senderType, deploymentId, portalId, deploymentType, deploymentDimensions, deploymentMisc, styles, colors, limits, misc, translations, artifact, responsiveBy, locale, opacity, forceMobile, disableHtml, disableJs, disableCss, loadFont, isRtl, isEmbed, mcpEnabled, mcpInitiallyOpen, mcpGuestId, studioSessionToken, isDropShadow, allowGuestUsage, persistActiveConversation, preventInitialSessionId, onUpgrade, onGenerateComplete, onSessionIdChange, }: IPickaxeProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/src/components/Pickaxe/common/MCPClientIcon.d.ts

@@ -0,0 +1,7 @@
+import type { MCPClient } from "../../../common/mcpApp";
+interface MCPClientIconProps {
+    client: MCPClient;
+    className?: string;
+}
+declare const MCPClientIcon: ({ client, className }: MCPClientIconProps) => import("react/jsx-runtime").JSX.Element;
+export default MCPClientIcon;

package/dist/esm/src/components/Pickaxe/common/PickaxeMCPButton.d.ts

@@ -1,2 +1,3 @@
+import "./PickaxeMCPButton.css";
 declare const PickaxeMCPButton: () => import("react/jsx-runtime").JSX.Element | null;
 export default PickaxeMCPButton;

package/dist/esm/src/hooks/pickaxe/usePickaxeContext.d.ts

@@ -41,7 +41,22 @@ export declare const usePickaxeContext: () => {
     isRtl: boolean;
     isEmbed: boolean;
     mcpEnabled: boolean;
+    mcpInitiallyOpen: boolean;
     mcpGuestId?: string | undefined;
+    mcpDialog: {
+        isOpen: boolean;
+        guestToken: string | null;
+        isPreparing: boolean;
+        prepareError: boolean;
+    };
+    setMCPDialog: import("../../types/common").SetState<{
+        isOpen: boolean;
+        guestToken: string | null;
+        isPreparing: boolean;
+        prepareError: boolean;
+    }>;
+    mcpInitiallyOpenedDeployments: Set<string>;
+    mcpPreparingDeployments: Set<string>;
     isDropShadow: boolean;
     allowGuestUsage: boolean;
     persistActiveConversation: boolean;

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@pickaxeproject/react",
-  "version": "6.24.7",
+  "version": "6.24.9",
   "description": "Client utility library for Pickaxe",
   "repository": {
     "type": "git",
     "url": "https://github.com/pickaxeproject/v2-pickaxe-react.git"
   },
   "sideEffects": [
+    "**/*.css",
     "./dist/**/node_modules/**/vscode-jsonrpc/lib/common/events.js",
     "./dist/**/node_modules/**/d3-transition/src/selection/index.js"
   ],

package/dist/cjs/components/Core/Modal/CloseButton.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("./index.js"),r=require("../../Icons/x.svg.js"),n=require("../../../common/cn.js");exports.default=({className:o,iconClassName:a,icon:i,onClick:c})=>{const{setIsOpen:u}=s.useContext(t.ModalContext);return e.jsx("button",Object.assign({className:n.default("outline-none hover:opacity-70 hover:duration-300 active:opacity-100",o),onClick:()=>{u(!1),c&&c()}},{children:i||e.jsx(r.default,{className:n.default("h-6 w-6 shrink-0",a)})}))};

package/dist/cjs/components/Icons/terminal.svg.js

@@ -1 +0,0 @@
-"use strict";function e(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}Object.defineProperty(exports,"__esModule",{value:!0});var r,t,n=e(require("react"));function o(){return o=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},o.apply(null,arguments)}var a=e=>n.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},e),r||(r=n.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"m5 7 5 5-5 5"})),t||(t=n.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeWidth:2,d:"M12 17h8"})));exports.default=a;

package/dist/esm/components/Core/Modal/CloseButton.js

@@ -1 +0,0 @@
-import{jsx as o}from"react/jsx-runtime";import{useContext as s}from"react";import{ModalContext as t}from"./index.js";import n from"../../Icons/x.svg.js";import r from"../../../common/cn.js";const e=({className:e,iconClassName:c,icon:i,onClick:a})=>{const{setIsOpen:m}=s(t);return o("button",Object.assign({className:r("outline-none hover:opacity-70 hover:duration-300 active:opacity-100",e),onClick:()=>{m(!1),a&&a()}},{children:i||o(n,{className:r("h-6 w-6 shrink-0",c)})}))};export{e as default};

package/dist/esm/components/Icons/terminal.svg.js

@@ -1 +0,0 @@
-import*as r from"react";var e,t;function n(){return n=Object.assign?Object.assign.bind():function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)({}).hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},n.apply(null,arguments)}var o=o=>r.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},o),e||(e=r.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"m5 7 5 5-5 5"})),t||(t=r.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeWidth:2,d:"M12 17h8"})));export{o as default};