@stigmer/react 0.0.36 → 0.0.40

package/library/useDetectSkillPackage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDetectSkillPackage.js","sourceRoot":"","sources":["../../src/library/useDetectSkillPackage.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EACL,kBAAkB,EAClB,cAAc,GAEf,MAAM,wBAAwB,CAAC;AAEhC,MAAM,YAAY,GAA0B,EAAE,QAAQ,EAAE,KAAK,EAAW,CAAC;AAiBzE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,MAAM,UAAU,qBAAqB,CACnC,QAAkC,EAClC,WAA0B;IAE1B,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAE9D,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,kBAAkB,CACtD,SAAS,IAAI,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,EAC7C,SAAS,IAAI,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,EAClD,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAC9B,CAAC;IAEF,MAAM,SAAS,GAAG,OAAO,CAAwB,GAAG,EAAE;QACpD,IAAI,CAAC,QAAQ,IAAI,CAAC,SAAS,IAAI,CAAC,OAAO,EAAE,CAAC;YACxC,OAAO,YAAY,CAAC;QACtB,CAAC;QACD,OAAO,kBAAkB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;IAEnC,OAAO;QACL,SAAS;QACT,SAAS,EAAE,SAAS,IAAI,SAAS;QACjC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;KAChC,CAAC;AACJ,CAAC"}

package/library/useDetectStigmerResource.d.ts

@@ -0,0 +1,30 @@
+import { type StigmerResourceDetection } from "./detect-stigmer-resource";
+/**
+ * Detects whether a YAML content string represents a Stigmer platform resource.
+ *
+ * Thin React wrapper around {@link detectStigmerResource}. The result is
+ * memoized — detection only re-runs when `content` changes by reference.
+ *
+ * Pass `null` to skip detection (returns `{ detected: false }`). This
+ * makes the hook safe to call unconditionally even while content is
+ * still loading via {@link useArtifactContent}.
+ *
+ * @param content - Raw YAML content string, or `null` to skip detection.
+ * @returns A discriminated union: `{ detected: true, kind, ... }` when a
+ *   recognized Stigmer resource is found, `{ detected: false }` otherwise.
+ *
+ * @example
+ * ```tsx
+ * const { content } = useArtifactContent(executionId, storageKey);
+ * const detection = useDetectStigmerResource(content);
+ *
+ * if (detection.detected) {
+ *   return <Badge>{detection.displayName}</Badge>;
+ * }
+ * ```
+ *
+ * @see {@link detectStigmerResource} for the pure function (non-React usage)
+ * @see {@link useArtifactContent} for fetching artifact content
+ */
+export declare function useDetectStigmerResource(content: string | null): StigmerResourceDetection;
+//# sourceMappingURL=useDetectStigmerResource.d.ts.map

package/library/useDetectStigmerResource.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDetectStigmerResource.d.ts","sourceRoot":"","sources":["../../src/library/useDetectStigmerResource.ts"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,2BAA2B,CAAC;AAInC;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,MAAM,GAAG,IAAI,GACrB,wBAAwB,CAK1B"}

package/library/useDetectStigmerResource.js

@@ -0,0 +1,35 @@
+"use client";
+import { useMemo } from "react";
+import { detectStigmerResource, } from "./detect-stigmer-resource";
+const NOT_DETECTED = { detected: false };
+/**
+ * Detects whether a YAML content string represents a Stigmer platform resource.
+ *
+ * Thin React wrapper around {@link detectStigmerResource}. The result is
+ * memoized — detection only re-runs when `content` changes by reference.
+ *
+ * Pass `null` to skip detection (returns `{ detected: false }`). This
+ * makes the hook safe to call unconditionally even while content is
+ * still loading via {@link useArtifactContent}.
+ *
+ * @param content - Raw YAML content string, or `null` to skip detection.
+ * @returns A discriminated union: `{ detected: true, kind, ... }` when a
+ *   recognized Stigmer resource is found, `{ detected: false }` otherwise.
+ *
+ * @example
+ * ```tsx
+ * const { content } = useArtifactContent(executionId, storageKey);
+ * const detection = useDetectStigmerResource(content);
+ *
+ * if (detection.detected) {
+ *   return <Badge>{detection.displayName}</Badge>;
+ * }
+ * ```
+ *
+ * @see {@link detectStigmerResource} for the pure function (non-React usage)
+ * @see {@link useArtifactContent} for fetching artifact content
+ */
+export function useDetectStigmerResource(content) {
+    return useMemo(() => (content === null ? NOT_DETECTED : detectStigmerResource(content)), [content]);
+}
+//# sourceMappingURL=useDetectStigmerResource.js.map

package/library/useDetectStigmerResource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDetectStigmerResource.js","sourceRoot":"","sources":["../../src/library/useDetectStigmerResource.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EACL,qBAAqB,GAEtB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,YAAY,GAA6B,EAAE,QAAQ,EAAE,KAAK,EAAW,CAAC;AAE5E;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,UAAU,wBAAwB,CACtC,OAAsB;IAEtB,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,EACxE,CAAC,OAAO,CAAC,CACV,CAAC;AACJ,CAAC"}

package/library/useUpdateVisibility.d.ts

@@ -0,0 +1,40 @@
+import { ApiResourceVisibility } from "@stigmer/protos/ai/stigmer/commons/apiresource/enum_pb";
+/** Resource kinds that support the `updateVisibility` RPC. */
+export type VisibilityResourceKind = "skill" | "agent" | "mcpServer";
+export interface UseUpdateVisibilityReturn {
+    /**
+     * Call the `updateVisibility` RPC for the specified resource.
+     * Resolves when the server confirms the change.
+     */
+    readonly updateVisibility: (visibility: ApiResourceVisibility) => Promise<void>;
+    /** `true` while the RPC is in flight. */
+    readonly isPending: boolean;
+    /** The last error from the RPC, or `null`. */
+    readonly error: Error | null;
+}
+/**
+ * Behavior hook that updates the visibility of a Skill, Agent, or
+ * MCP Server.
+ *
+ * Wraps the generated `stigmer.{kind}.updateVisibility()` SDK method
+ * with loading and error state management. The hook is stateless with
+ * respect to the resource — the caller is responsible for refreshing
+ * the resource after a successful update (e.g., via `refetch` from
+ * the corresponding data hook).
+ *
+ * Pass `null` for `resourceId` to produce a stable no-op (useful when
+ * the resource hasn't loaded yet).
+ *
+ * @example
+ * ```tsx
+ * const { updateVisibility, isPending } = useUpdateVisibility("skill", skill.metadata.id);
+ *
+ * <VisibilityToggle
+ *   visibility={skill.metadata.visibility}
+ *   onVisibilityChange={updateVisibility}
+ *   isPending={isPending}
+ * />
+ * ```
+ */
+export declare function useUpdateVisibility(kind: VisibilityResourceKind, resourceId: string | null): UseUpdateVisibilityReturn;
+//# sourceMappingURL=useUpdateVisibility.d.ts.map

package/library/useUpdateVisibility.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUpdateVisibility.d.ts","sourceRoot":"","sources":["../../src/library/useUpdateVisibility.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,qBAAqB,EAAE,MAAM,wDAAwD,CAAC;AAK/F,8DAA8D;AAC9D,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,CAAC;AAErE,MAAM,WAAW,yBAAyB;IACxC;;;OAGG;IACH,QAAQ,CAAC,gBAAgB,EAAE,CACzB,UAAU,EAAE,qBAAqB,KAC9B,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,yCAAyC;IACzC,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,8CAA8C;IAC9C,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CAC9B;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,sBAAsB,EAC5B,UAAU,EAAE,MAAM,GAAG,IAAI,GACxB,yBAAyB,CAwC3B"}

package/library/useUpdateVisibility.js

@@ -0,0 +1,67 @@
+"use client";
+import { useCallback, useState } from "react";
+import { create } from "@bufbuild/protobuf";
+import { UpdateVisibilityInputSchema } from "@stigmer/protos/ai/stigmer/commons/apiresource/io_pb";
+import { useStigmer } from "../hooks";
+import { toError } from "../internal/toError";
+/**
+ * Behavior hook that updates the visibility of a Skill, Agent, or
+ * MCP Server.
+ *
+ * Wraps the generated `stigmer.{kind}.updateVisibility()` SDK method
+ * with loading and error state management. The hook is stateless with
+ * respect to the resource — the caller is responsible for refreshing
+ * the resource after a successful update (e.g., via `refetch` from
+ * the corresponding data hook).
+ *
+ * Pass `null` for `resourceId` to produce a stable no-op (useful when
+ * the resource hasn't loaded yet).
+ *
+ * @example
+ * ```tsx
+ * const { updateVisibility, isPending } = useUpdateVisibility("skill", skill.metadata.id);
+ *
+ * <VisibilityToggle
+ *   visibility={skill.metadata.visibility}
+ *   onVisibilityChange={updateVisibility}
+ *   isPending={isPending}
+ * />
+ * ```
+ */
+export function useUpdateVisibility(kind, resourceId) {
+    const stigmer = useStigmer();
+    const [isPending, setIsPending] = useState(false);
+    const [error, setError] = useState(null);
+    const updateVisibility = useCallback(async (visibility) => {
+        if (!resourceId)
+            return;
+        setIsPending(true);
+        setError(null);
+        try {
+            const input = create(UpdateVisibilityInputSchema, {
+                resourceId,
+                visibility,
+            });
+            switch (kind) {
+                case "skill":
+                    await stigmer.skill.updateVisibility(input);
+                    break;
+                case "agent":
+                    await stigmer.agent.updateVisibility(input);
+                    break;
+                case "mcpServer":
+                    await stigmer.mcpServer.updateVisibility(input);
+                    break;
+            }
+        }
+        catch (err) {
+            setError(toError(err));
+            throw err;
+        }
+        finally {
+            setIsPending(false);
+        }
+    }, [kind, resourceId, stigmer]);
+    return { updateVisibility, isPending, error };
+}
+//# sourceMappingURL=useUpdateVisibility.js.map

package/library/useUpdateVisibility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUpdateVisibility.js","sourceRoot":"","sources":["../../src/library/useUpdateVisibility.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,OAAO,EAAE,2BAA2B,EAAE,MAAM,sDAAsD,CAAC;AACnG,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAmB9C;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,UAAU,mBAAmB,CACjC,IAA4B,EAC5B,UAAyB;IAEzB,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAe,IAAI,CAAC,CAAC;IAEvD,MAAM,gBAAgB,GAAG,WAAW,CAClC,KAAK,EAAE,UAAiC,EAAE,EAAE;QAC1C,IAAI,CAAC,UAAU;YAAE,OAAO;QAExB,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,QAAQ,CAAC,IAAI,CAAC,CAAC;QAEf,IAAI,CAAC;YACH,MAAM,KAAK,GAAG,MAAM,CAAC,2BAA2B,EAAE;gBAChD,UAAU;gBACV,UAAU;aACX,CAAC,CAAC;YAEH,QAAQ,IAAI,EAAE,CAAC;gBACb,KAAK,OAAO;oBACV,MAAM,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;oBAC5C,MAAM;gBACR,KAAK,OAAO;oBACV,MAAM,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;oBAC5C,MAAM;gBACR,KAAK,WAAW;oBACd,MAAM,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;oBAChD,MAAM;YACV,CAAC;QACH,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;YACvB,MAAM,GAAG,CAAC;QACZ,CAAC;gBAAS,CAAC;YACT,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,EACD,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,CAAC,CAC5B,CAAC;IAEF,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;AAChD,CAAC"}

package/mcp-server/McpServerConfigPanel.d.ts

@@ -0,0 +1,116 @@
+import type { EnvVarInput } from "@stigmer/sdk";
+import type { McpServer } from "@stigmer/protos/ai/stigmer/agentic/mcpserver/v1/api_pb";
+import type { DiscoveredTool } from "@stigmer/protos/ai/stigmer/agentic/mcpserver/v1/status_pb";
+import type { ToolApprovalPolicy } from "@stigmer/protos/ai/stigmer/agentic/mcpserver/v1/spec_pb";
+import { type EnvVarFormVariable, type EnvVarFormSubmitOptions } from "../environment/EnvVarForm";
+/**
+ * Props for the inline credentials form shown when a server requires
+ * environment variables that are missing from the user's personal
+ * environment.
+ *
+ * This is modeled as a sub-object of {@link McpServerConfigPanelProps}
+ * so the presence of `credentials` controls whether the form is
+ * rendered — no status string inspection required.
+ */
+export interface McpServerCredentialsProps {
+    /** Missing env vars to collect (one form field per variable). */
+    readonly variables: EnvVarFormVariable[];
+    /** Called when the user submits credentials via the form. */
+    readonly onSubmit: (values: Record<string, EnvVarInput>, options: EnvVarFormSubmitOptions) => void;
+    /** When true, form inputs are disabled and the submit button shows a spinner. */
+    readonly isSubmitting?: boolean;
+    /**
+     * Initial state of the "Save for future runs" toggle.
+     * @default true
+     */
+    readonly defaultSaveForFuture?: boolean;
+    /**
+     * When `true`, the save toggle is hidden and the form always uses
+     * `defaultSaveForFuture` as the submit value.
+     * @default false
+     */
+    readonly hideSaveToggle?: boolean;
+    /**
+     * Lookup function for pre-filling fields from the session env pool.
+     * When provided, fields whose keys return a value are pre-populated.
+     */
+    readonly poolValues?: (key: string) => EnvVarInput | undefined;
+}
+export interface McpServerConfigPanelProps {
+    /** The MCP server resource — used for header display (name, icon, description). */
+    readonly mcpServer: McpServer;
+    /**
+     * When provided, the credentials form is shown above the tool selector.
+     * Omit when no credentials are needed or they have already been provided.
+     *
+     * While credentials are pending, the tool selector is rendered in a
+     * disabled state so the user completes step 1 (credentials) before
+     * step 2 (tool customization).
+     */
+    readonly credentials?: McpServerCredentialsProps;
+    /** Discovered tools from `status.discovered_capabilities.tools`. */
+    readonly discoveredTools: DiscoveredTool[];
+    /** Approval policies from `spec.default_tool_approvals`. */
+    readonly toolApprovals: ToolApprovalPolicy[];
+    /** Currently enabled tool names (controlled). */
+    readonly enabledTools: string[];
+    /** Called when tool selection changes. */
+    readonly onEnabledToolsChange: (enabledTools: string[]) => void;
+    /** Called when the user clicks "Back" to return to the picker list. */
+    readonly onBack: () => void;
+    /** Error to display inline (e.g., from credential submission failure). */
+    readonly error?: Error | null;
+    readonly disabled?: boolean;
+    readonly className?: string;
+}
+/**
+ * Per-server configuration panel composing a credentials form
+ * ({@link EnvVarForm}) and a tool selector ({@link McpToolSelector}).
+ *
+ * Designed to render inside the same popover container as
+ * {@link McpServerPicker}: the picker list transitions to this panel
+ * when the user drills into a specific server's configuration.
+ *
+ * The panel's content is driven by the `credentials` prop:
+ * - **Present** (server needs setup) — the credentials form is shown
+ *   above the tool selector. The tool selector renders disabled as a
+ *   preview of what tools the server provides.
+ * - **Absent** (server is ready) — only the tool selector is shown,
+ *   fully interactive for customizing which tools to enable.
+ *
+ * This is a **pure presentational component** with no knowledge of
+ * the setup hook, personal environments, or session creation. All
+ * state is controlled via props — platform builders can use it with
+ * any state management approach.
+ *
+ * All visual properties flow through `--stgm-*` design tokens.
+ *
+ * @example
+ * ```tsx
+ * // Server that needs credentials:
+ * <McpServerConfigPanel
+ *   mcpServer={server}
+ *   credentials={{
+ *     variables: missingVars,
+ *     onSubmit: (values, opts) => submitEnvVars(ref, values, opts),
+ *   }}
+ *   discoveredTools={tools}
+ *   toolApprovals={approvals}
+ *   enabledTools={defaultEnabledTools}
+ *   onEnabledToolsChange={(t) => setEnabledTools(ref, t)}
+ *   onBack={() => setView("list")}
+ * />
+ *
+ * // Server that is ready (tool customization only):
+ * <McpServerConfigPanel
+ *   mcpServer={server}
+ *   discoveredTools={tools}
+ *   toolApprovals={approvals}
+ *   enabledTools={entry.enabledTools}
+ *   onEnabledToolsChange={(t) => setEnabledTools(ref, t)}
+ *   onBack={() => setView("list")}
+ * />
+ * ```
+ */
+export declare function McpServerConfigPanel({ mcpServer, credentials, discoveredTools, toolApprovals, enabledTools, onEnabledToolsChange, onBack, error, disabled, className, }: McpServerConfigPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=McpServerConfigPanel.d.ts.map

package/mcp-server/McpServerConfigPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"McpServerConfigPanel.d.ts","sourceRoot":"","sources":["../../src/mcp-server/McpServerConfigPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wDAAwD,CAAC;AACxF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2DAA2D,CAAC;AAChG,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yDAAyD,CAAC;AAClG,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,EAC7B,MAAM,2BAA2B,CAAC;AAOnC;;;;;;;;GAQG;AACH,MAAM,WAAW,yBAAyB;IACxC,iEAAiE;IACjE,QAAQ,CAAC,SAAS,EAAE,kBAAkB,EAAE,CAAC;IACzC,6DAA6D;IAC7D,QAAQ,CAAC,QAAQ,EAAE,CACjB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,EACnC,OAAO,EAAE,uBAAuB,KAC7B,IAAI,CAAC;IACV,iFAAiF;IACjF,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,QAAQ,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IACxC;;;;OAIG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClC;;;OAGG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,WAAW,GAAG,SAAS,CAAC;CAChE;AAMD,MAAM,WAAW,yBAAyB;IACxC,mFAAmF;IACnF,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC;IAC9B;;;;;;;OAOG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,yBAAyB,CAAC;IACjD,oEAAoE;IACpE,QAAQ,CAAC,eAAe,EAAE,cAAc,EAAE,CAAC;IAC3C,4DAA4D;IAC5D,QAAQ,CAAC,aAAa,EAAE,kBAAkB,EAAE,CAAC;IAC7C,iDAAiD;IACjD,QAAQ,CAAC,YAAY,EAAE,MAAM,EAAE,CAAC;IAChC,0CAA0C;IAC1C,QAAQ,CAAC,oBAAoB,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAChE,uEAAuE;IACvE,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;IAC5B,0EAA0E;IAC1E,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,WAAW,EACX,eAAe,EACf,aAAa,EACb,YAAY,EACZ,oBAAoB,EACpB,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,yBAAyB,2CA8F3B"}

package/mcp-server/McpServerConfigPanel.js

@@ -0,0 +1,72 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { cn } from "@stigmer/theme";
+import { EnvVarForm, } from "../environment/EnvVarForm";
+import { McpToolSelector } from "./McpToolSelector";
+/**
+ * Per-server configuration panel composing a credentials form
+ * ({@link EnvVarForm}) and a tool selector ({@link McpToolSelector}).
+ *
+ * Designed to render inside the same popover container as
+ * {@link McpServerPicker}: the picker list transitions to this panel
+ * when the user drills into a specific server's configuration.
+ *
+ * The panel's content is driven by the `credentials` prop:
+ * - **Present** (server needs setup) — the credentials form is shown
+ *   above the tool selector. The tool selector renders disabled as a
+ *   preview of what tools the server provides.
+ * - **Absent** (server is ready) — only the tool selector is shown,
+ *   fully interactive for customizing which tools to enable.
+ *
+ * This is a **pure presentational component** with no knowledge of
+ * the setup hook, personal environments, or session creation. All
+ * state is controlled via props — platform builders can use it with
+ * any state management approach.
+ *
+ * All visual properties flow through `--stgm-*` design tokens.
+ *
+ * @example
+ * ```tsx
+ * // Server that needs credentials:
+ * <McpServerConfigPanel
+ *   mcpServer={server}
+ *   credentials={{
+ *     variables: missingVars,
+ *     onSubmit: (values, opts) => submitEnvVars(ref, values, opts),
+ *   }}
+ *   discoveredTools={tools}
+ *   toolApprovals={approvals}
+ *   enabledTools={defaultEnabledTools}
+ *   onEnabledToolsChange={(t) => setEnabledTools(ref, t)}
+ *   onBack={() => setView("list")}
+ * />
+ *
+ * // Server that is ready (tool customization only):
+ * <McpServerConfigPanel
+ *   mcpServer={server}
+ *   discoveredTools={tools}
+ *   toolApprovals={approvals}
+ *   enabledTools={entry.enabledTools}
+ *   onEnabledToolsChange={(t) => setEnabledTools(ref, t)}
+ *   onBack={() => setView("list")}
+ * />
+ * ```
+ */
+export function McpServerConfigPanel({ mcpServer, credentials, discoveredTools, toolApprovals, enabledTools, onEnabledToolsChange, onBack, error, disabled, className, }) {
+    const serverName = mcpServer.metadata?.name ?? mcpServer.metadata?.slug ?? "MCP Server";
+    const iconUrl = mcpServer.spec?.iconUrl;
+    const description = mcpServer.spec?.description;
+    const isDisabled = disabled || credentials?.isSubmitting;
+    const handleCredentialSubmit = useCallback((values, options) => {
+        credentials?.onSubmit(values, options);
+    }, [credentials]);
+    return (_jsxs("div", { className: cn("space-y-3", className), role: "region", "aria-label": `Configure ${serverName}`, children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx("button", { type: "button", onClick: onBack, disabled: credentials?.isSubmitting, className: cn("mt-0.5 shrink-0 rounded p-0.5", "text-muted-foreground hover:text-foreground hover:bg-accent/50", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "disabled:pointer-events-none disabled:opacity-50"), "aria-label": "Back to MCP server list", children: _jsx(BackArrowIcon, {}) }), _jsxs("div", { className: "flex min-w-0 flex-1 items-start gap-2", children: [iconUrl && (_jsx("img", { src: iconUrl, alt: "", width: 16, height: 16, className: "mt-0.5 size-4 shrink-0 rounded-sm object-contain" })), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("h3", { className: "truncate text-xs font-medium text-foreground", children: serverName }), description && (_jsx("p", { className: "line-clamp-2 text-[0.65rem] leading-relaxed text-muted-foreground", children: description }))] })] })] }), credentials && (_jsx(EnvVarForm, { variables: credentials.variables, onSubmit: handleCredentialSubmit, isSubmitting: credentials.isSubmitting, disabled: disabled, title: "Credentials required", defaultSaveForFuture: credentials.defaultSaveForFuture, hideSaveToggle: credentials.hideSaveToggle, poolValues: credentials.poolValues, className: "w-full" })), error && (_jsx("div", { role: "alert", className: "rounded-md border border-destructive/30 bg-destructive/10 px-2.5 py-2 text-xs text-destructive", children: error.message })), _jsx(McpToolSelector, { tools: discoveredTools, toolApprovals: toolApprovals, enabledTools: enabledTools, onChange: onEnabledToolsChange, disabled: !!isDisabled || !!credentials })] }));
+}
+// ---------------------------------------------------------------------------
+// Icons (internal to this module)
+// ---------------------------------------------------------------------------
+function BackArrowIcon() {
+    return (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "M10 3L5 8l5 5" }) }));
+}
+//# sourceMappingURL=McpServerConfigPanel.js.map

package/mcp-server/McpServerConfigPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"McpServerConfigPanel.js","sourceRoot":"","sources":["../../src/mcp-server/McpServerConfigPanel.tsx"],"names":[],"mappings":"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"}

package/mcp-server/McpServerDetailView.d.ts

@@ -0,0 +1,54 @@
+import { ApiResourceVisibility } from "@stigmer/protos/ai/stigmer/commons/apiresource/enum_pb";
+export interface McpServerDetailViewProps {
+    /** Organization slug that owns the MCP server. */
+    readonly org: string;
+    /** MCP server slug (URL-friendly identifier unique within the org). */
+    readonly slug: string;
+    /**
+     * Called once when the MCP server resource has been fetched successfully.
+     * Provides the resource display name for use cases like breadcrumbs,
+     * document titles, or analytics — without requiring the consumer to
+     * also call {@link useMcpServer}.
+     *
+     * Not called on error or not-found states.
+     */
+    readonly onResourceLoad?: (meta: {
+        name: string;
+        id: string;
+    }) => void;
+    /**
+     * Called when the user toggles visibility via the inline control.
+     * When provided, the header renders an interactive
+     * {@link VisibilityToggle} instead of a read-only badge.
+     * When omitted, visibility is displayed as a static "Public" pill.
+     */
+    readonly onVisibilityChange?: (v: ApiResourceVisibility) => void;
+    /** `true` while a visibility update RPC is in flight. */
+    readonly isVisibilityPending?: boolean;
+    /** Additional CSS classes for the root container. */
+    readonly className?: string;
+}
+/**
+ * Read-only detail view for an MCP Server integration.
+ *
+ * Fetches the server via {@link useMcpServer} internally and renders
+ * its full configuration in structured sections: validation banner
+ * (if invalid), header, server configuration (type-specific), discovered
+ * tools, resource templates, environment variables, and tags. Sections
+ * with no data are omitted entirely.
+ *
+ * The discovered tools section is the star of this view — it answers
+ * the question every user asks: "What can this server do?"
+ *
+ * Handles loading, error, and not-found states automatically.
+ * Zero Console dependencies — safe for platform builder embedding.
+ * All visual properties flow through `--stgm-*` design tokens.
+ *
+ * @example
+ * ```tsx
+ * // Minimal — self-contained, fetches its own data
+ * <McpServerDetailView org="acme" slug="github" />
+ * ```
+ */
+export declare function McpServerDetailView({ org, slug, onResourceLoad, onVisibilityChange, isVisibilityPending, className, }: McpServerDetailViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=McpServerDetailView.d.ts.map

package/mcp-server/McpServerDetailView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"McpServerDetailView.d.ts","sourceRoot":"","sources":["../../src/mcp-server/McpServerDetailView.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,qBAAqB,EAAE,MAAM,wDAAwD,CAAC;AAK/F,MAAM,WAAW,wBAAwB;IACvC,kDAAkD;IAClD,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,uEAAuE;IACvE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB;;;;;;;OAOG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACvE;;;;;OAKG;IACH,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjE,yDAAyD;IACzD,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IACvC,qDAAqD;IACrD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,IAAI,EACJ,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,SAAS,GACV,EAAE,wBAAwB,2CAmE1B"}

package/mcp-server/McpServerDetailView.js

@@ -0,0 +1,138 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { cn } from "@stigmer/theme";
+import { timestampDate } from "@bufbuild/protobuf/wkt";
+import { ValidationState } from "@stigmer/protos/ai/stigmer/agentic/mcpserver/v1/status_pb";
+import { ApiResourceVisibility } from "@stigmer/protos/ai/stigmer/commons/apiresource/enum_pb";
+import { useMcpServer } from "./useMcpServer";
+import { ErrorMessage } from "../error/ErrorMessage";
+import { VisibilityToggle } from "../library/VisibilityToggle";
+/**
+ * Read-only detail view for an MCP Server integration.
+ *
+ * Fetches the server via {@link useMcpServer} internally and renders
+ * its full configuration in structured sections: validation banner
+ * (if invalid), header, server configuration (type-specific), discovered
+ * tools, resource templates, environment variables, and tags. Sections
+ * with no data are omitted entirely.
+ *
+ * The discovered tools section is the star of this view — it answers
+ * the question every user asks: "What can this server do?"
+ *
+ * Handles loading, error, and not-found states automatically.
+ * Zero Console dependencies — safe for platform builder embedding.
+ * All visual properties flow through `--stgm-*` design tokens.
+ *
+ * @example
+ * ```tsx
+ * // Minimal — self-contained, fetches its own data
+ * <McpServerDetailView org="acme" slug="github" />
+ * ```
+ */
+export function McpServerDetailView({ org, slug, onResourceLoad, onVisibilityChange, isVisibilityPending, className, }) {
+    const { mcpServer, isLoading, error, refetch } = useMcpServer(org, slug);
+    const onResourceLoadRef = useRef(onResourceLoad);
+    onResourceLoadRef.current = onResourceLoad;
+    useEffect(() => {
+        if (mcpServer?.metadata?.name) {
+            onResourceLoadRef.current?.({ name: mcpServer.metadata.name, id: mcpServer.metadata.id });
+        }
+    }, [mcpServer]);
+    if (isLoading)
+        return _jsx(LoadingSkeleton, { className: className });
+    if (error)
+        return _jsx(ErrorMessage, { error: error, retry: refetch, className: className });
+    if (!mcpServer)
+        return _jsx(NotFoundState, { className: className });
+    const spec = mcpServer.spec;
+    const status = mcpServer.status;
+    const specAudit = status?.audit?.specAudit;
+    const capabilities = status?.discoveredCapabilities;
+    return (_jsxs("div", { className: cn("flex flex-col gap-6", className), children: [status?.validationState === ValidationState.invalid &&
+                status.validationMessage && (_jsx(ValidationBanner, { message: status.validationMessage })), _jsx(Header, { server: mcpServer, createdAt: specAudit?.createdAt ? timestampDate(specAudit.createdAt) : null, updatedAt: specAudit?.updatedAt ? timestampDate(specAudit.updatedAt) : null, lastDiscoveredAt: capabilities?.lastDiscoveredAt
+                    ? timestampDate(capabilities.lastDiscoveredAt)
+                    : null, onVisibilityChange: onVisibilityChange, isVisibilityPending: isVisibilityPending }), spec?.serverType.case && (_jsx(ServerConfigSection, { serverType: spec.serverType })), capabilities && capabilities.tools.length > 0 && (_jsx(ToolsSection, { tools: capabilities.tools })), capabilities && capabilities.resourceTemplates.length > 0 && (_jsx(ResourceTemplatesSection, { templates: capabilities.resourceTemplates })), spec?.envSpec && Object.keys(spec.envSpec.data).length > 0 && (_jsx(EnvSpecSection, { data: spec.envSpec.data })), spec && spec.tags.length > 0 && _jsx(TagsSection, { tags: spec.tags })] }));
+}
+// ---------------------------------------------------------------------------
+// Internal section components
+// ---------------------------------------------------------------------------
+function ValidationBanner({ message }) {
+    return (_jsxs("div", { role: "alert", className: "flex items-start gap-2.5 rounded-lg border border-destructive/30 bg-destructive/5 px-4 py-3", children: [_jsx(WarningIcon, { className: "mt-0.5 size-4 shrink-0 text-destructive" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "text-sm font-medium text-destructive", children: "Invalid Configuration" }), _jsx("p", { className: "mt-0.5 text-xs text-destructive/80", children: message })] })] }));
+}
+function Header({ server, createdAt, updatedAt, lastDiscoveredAt, onVisibilityChange, isVisibilityPending, }) {
+    const meta = server.metadata;
+    const spec = server.spec;
+    const status = server.status;
+    const displayName = meta?.name || meta?.slug || "Untitled";
+    const isPublic = meta?.visibility === ApiResourceVisibility.visibility_public;
+    return (_jsxs("div", { className: "flex items-start gap-3", children: [spec?.iconUrl ? (_jsx("img", { src: spec.iconUrl, alt: "", className: "mt-0.5 size-8 shrink-0 rounded object-cover" })) : (_jsx(McpServerIcon, { className: "mt-1 size-6 shrink-0 text-muted-foreground" })), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("h2", { className: "truncate text-lg font-semibold text-foreground", children: displayName }), onVisibilityChange && meta ? (_jsx(VisibilityToggle, { visibility: meta.visibility, onVisibilityChange: onVisibilityChange, isPending: isVisibilityPending })) : (isPublic && (_jsx("span", { className: "shrink-0 rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground", children: "Public" })))] }), _jsxs("div", { className: "mt-0.5 flex flex-wrap items-center gap-x-1.5 text-xs text-muted-foreground", children: [meta?.org && _jsx("span", { children: meta.org }), status && (_jsx(ValidationStateBadge, { state: status.validationState })), lastDiscoveredAt && (_jsxs(_Fragment, { children: [_jsx(Dot, {}), _jsxs("span", { children: ["Discovered ", formatDate(lastDiscoveredAt)] })] })), createdAt && (_jsxs(_Fragment, { children: [_jsx(Dot, {}), _jsxs("span", { children: ["Created ", formatDate(createdAt)] })] })), updatedAt && (_jsxs(_Fragment, { children: [_jsx(Dot, {}), _jsxs("span", { children: ["Updated ", formatDate(updatedAt)] })] }))] }), spec?.description && (_jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: spec.description }))] })] }));
+}
+function ValidationStateBadge({ state, }) {
+    switch (state) {
+        case ValidationState.valid:
+            return (_jsxs(_Fragment, { children: [_jsx(Dot, {}), _jsxs("span", { className: "inline-flex items-center gap-1 text-emerald-600 dark:text-emerald-400", children: [_jsx(CheckIcon, { className: "size-3" }), "Valid"] })] }));
+        case ValidationState.invalid:
+            return (_jsxs(_Fragment, { children: [_jsx(Dot, {}), _jsx("span", { className: "text-destructive", children: "Invalid" })] }));
+        default:
+            return null;
+    }
+}
+function ServerConfigSection({ serverType, }) {
+    return (_jsx(Section, { title: "Server Configuration", children: _jsxs("div", { className: "flex flex-col gap-2 p-3", children: [_jsxs("div", { className: "flex items-baseline gap-2", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Type" }), _jsx("span", { className: "rounded bg-muted px-1.5 py-0.5 font-mono text-xs font-medium text-foreground", children: serverType.case })] }), serverType.case === "stdio" && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-baseline gap-2", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Command" }), _jsxs("code", { className: "font-mono text-sm text-foreground", children: [serverType.value.command, serverType.value.args.length > 0 &&
+                                            ` ${serverType.value.args.join(" ")}`] })] }), serverType.value.workingDir && (_jsxs("div", { className: "flex items-baseline gap-2", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Working Dir" }), _jsx("code", { className: "font-mono text-xs text-foreground", children: serverType.value.workingDir })] }))] })), serverType.case === "http" && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-baseline gap-2", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "URL" }), _jsx("code", { className: "break-all font-mono text-sm text-foreground", children: serverType.value.url })] }), serverType.value.timeoutSeconds > 0 && (_jsxs("div", { className: "flex items-baseline gap-2", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Timeout" }), _jsxs("span", { className: "text-xs text-foreground", children: [serverType.value.timeoutSeconds, "s"] })] }))] }))] }) }));
+}
+function ToolsSection({ tools, }) {
+    return (_jsx(Section, { title: `Tools (${tools.length})`, children: _jsx("div", { className: "flex flex-col divide-y divide-border", children: tools.map((tool) => (_jsxs("div", { className: "px-3 py-2.5", children: [_jsx("code", { className: "font-mono text-sm font-medium text-foreground", children: tool.name }), tool.description && (_jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: tool.description }))] }, tool.name))) }) }));
+}
+function ResourceTemplatesSection({ templates, }) {
+    return (_jsx(Section, { title: `Resource Templates (${templates.length})`, children: _jsx("div", { className: "flex flex-col divide-y divide-border", children: templates.map((tpl) => (_jsxs("div", { className: "px-3 py-2.5", children: [_jsxs("div", { className: "flex items-baseline gap-2", children: [_jsx("span", { className: "text-sm font-medium text-foreground", children: tpl.name }), _jsx("code", { className: "font-mono text-[10px] text-muted-foreground", children: tpl.uriTemplate })] }), tpl.description && (_jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: tpl.description }))] }, tpl.uriTemplate || tpl.name))) }) }));
+}
+function EnvSpecSection({ data, }) {
+    const entries = Object.entries(data).sort(([a], [b]) => a.localeCompare(b));
+    return (_jsx(Section, { title: `Environment Variables (${entries.length})`, children: _jsx("div", { className: "flex flex-col divide-y divide-border", children: entries.map(([name, env]) => (_jsxs("div", { className: "flex items-start gap-3 px-3 py-2", children: [_jsx("code", { className: "shrink-0 font-mono text-sm font-medium text-foreground", children: name }), _jsx("span", { className: "shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground", children: env.isSecret ? "secret" : "config" }), env.description && (_jsx("span", { className: "text-xs text-muted-foreground", children: env.description }))] }, name))) }) }));
+}
+function TagsSection({ tags }) {
+    return (_jsx(Section, { title: `Tags (${tags.length})`, children: _jsx("div", { className: "flex flex-wrap gap-1.5 p-3", children: tags.map((tag) => (_jsx("span", { className: "rounded-full bg-muted px-2.5 py-0.5 text-xs font-medium text-muted-foreground", children: tag }, tag))) }) }));
+}
+// ---------------------------------------------------------------------------
+// Shared layout primitives
+// ---------------------------------------------------------------------------
+function Section({ title, children, }) {
+    return (_jsxs("section", { children: [_jsx("h3", { className: "mb-2 text-xs font-medium uppercase tracking-wider text-muted-foreground", children: title }), _jsx("div", { className: "overflow-hidden rounded-lg border border-border", children: children })] }));
+}
+function Dot() {
+    return (_jsx("span", { className: "shrink-0", "aria-hidden": "true", children: "\u00B7" }));
+}
+// ---------------------------------------------------------------------------
+// Non-happy states
+// ---------------------------------------------------------------------------
+function LoadingSkeleton({ className }) {
+    return (_jsxs("div", { className: cn("flex flex-col gap-6", className), "aria-busy": "true", "aria-label": "Loading MCP server details", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "mt-1 size-6 shrink-0 animate-pulse rounded bg-muted" }), _jsxs("div", { className: "flex-1 space-y-2", children: [_jsx("div", { className: "h-5 w-48 animate-pulse rounded bg-muted" }), _jsx("div", { className: "h-3 w-64 animate-pulse rounded bg-muted" }), _jsx("div", { className: "h-4 w-full max-w-md animate-pulse rounded bg-muted" })] })] }), [24, 48, 16, 12].map((h, i) => (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "h-3 w-28 animate-pulse rounded bg-muted" }), _jsx("div", { className: "animate-pulse rounded-lg border border-border bg-muted/30", style: { height: `${h * 4}px` } })] }, i)))] }));
+}
+function NotFoundState({ className }) {
+    return (_jsxs("div", { role: "status", className: cn("flex flex-col items-center gap-2 py-12 text-center", className), children: [_jsx(McpServerIcon, { className: "size-10 text-muted-foreground/40" }), _jsx("p", { className: "text-sm font-medium text-muted-foreground", children: "MCP Server not found" }), _jsx("p", { className: "text-xs text-muted-foreground/60", children: "This MCP server doesn't exist or you don't have access to it." })] }));
+}
+// ---------------------------------------------------------------------------
+// Utilities
+// ---------------------------------------------------------------------------
+function formatDate(date) {
+    return date.toLocaleDateString("en-US", {
+        month: "short",
+        day: "numeric",
+        year: "numeric",
+    });
+}
+// ---------------------------------------------------------------------------
+// Icons — inline SVGs following the SDK pattern (no icon library dependency)
+// ---------------------------------------------------------------------------
+function McpServerIcon({ className }) {
+    return (_jsxs("svg", { className: className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("rect", { x: "2", y: "2", width: "12", height: "5", rx: "1" }), _jsx("rect", { x: "2", y: "9", width: "12", height: "5", rx: "1" }), _jsx("circle", { cx: "5", cy: "4.5", r: "0.75", fill: "currentColor", stroke: "none" }), _jsx("circle", { cx: "5", cy: "11.5", r: "0.75", fill: "currentColor", stroke: "none" })] }));
+}
+function CheckIcon({ className }) {
+    return (_jsx("svg", { className: className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "m3 8.5 3.5 3.5 6.5-8" }) }));
+}
+function WarningIcon({ className }) {
+    return (_jsxs("svg", { className: className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("path", { d: "M8 1.5 1 14h14L8 1.5Z" }), _jsx("path", { d: "M8 6v3.5" }), _jsx("circle", { cx: "8", cy: "11.5", r: "0.5", fill: "currentColor", stroke: "none" })] }));
+}
+//# sourceMappingURL=McpServerDetailView.js.map