sunpeak 0.14.3 → 0.15.1

package/dist/claude-host-CaD7ptbt.js

@@ -0,0 +1,283 @@
+import { a as SCREEN_WIDTHS, r as registerHostShell, D as DEFAULT_STYLE_VARIABLES } from "./simulator-CMgCGNuD.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+function CloseIcon() {
+  return /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M12 4L4 12M4 4L12 12",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round"
+    }
+  ) });
+}
+function BackIcon() {
+  return /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M10 3L5 8L10 13",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function ClaudeConversation({
+  children,
+  screenWidth,
+  displayMode,
+  platform,
+  onRequestDisplayMode,
+  appName = "Sunpeak",
+  appIcon,
+  userMessage = "What have you got for me today?",
+  isTransitioning = false
+}) {
+  const isDesktop = platform === "desktop";
+  const containerWidth = screenWidth === "full" ? "100%" : `${SCREEN_WIDTHS[screenWidth]}px`;
+  const isFullscreen = displayMode === "fullscreen";
+  const isPip = displayMode === "pip";
+  const handleClose = () => onRequestDisplayMode?.("inline");
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex flex-col w-full h-full flex-1 items-center relative",
+      style: {
+        transform: "translate(0)",
+        backgroundColor: "var(--sim-bg-conversation, var(--color-background-primary))",
+        color: "var(--color-text-primary)"
+      },
+      children: [
+        isFullscreen && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "fixed start-0 end-0 top-0 bottom-0 z-[51] mx-auto flex flex-col pointer-events-none",
+            style: { maxWidth: containerWidth },
+            children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: "z-10 flex items-center h-12 border-b px-3 pointer-events-auto",
+                  style: {
+                    borderColor: "var(--color-border-primary)",
+                    backgroundColor: "var(--sim-bg-conversation, var(--color-background-primary))"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        onClick: handleClose,
+                        "aria-label": "Back",
+                        className: "h-8 w-8 flex items-center justify-center rounded-lg transition-colors hover:opacity-70",
+                        type: "button",
+                        children: /* @__PURE__ */ jsx(BackIcon, {})
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("div", { className: "flex-1 text-center text-sm font-medium", children: appName }),
+                    isDesktop && /* @__PURE__ */ jsx("div", { className: "w-8" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+              /* @__PURE__ */ jsx(
+                "footer",
+                {
+                  className: "pointer-events-auto p-3",
+                  style: {
+                    backgroundColor: "var(--sim-bg-conversation, var(--color-background-primary))"
+                  },
+                  children: /* @__PURE__ */ jsx("div", { className: "max-w-[48rem] mx-auto", children: /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "text",
+                      name: "userInput",
+                      disabled: true,
+                      placeholder: "Reply to sunpeak...",
+                      className: "w-full rounded-xl px-4 py-2.5 text-sm",
+                      style: {
+                        backgroundColor: "var(--sim-bg-reply-input, var(--color-background-secondary))",
+                        border: "1px solid var(--color-border-primary)",
+                        color: "var(--color-text-primary)"
+                      }
+                    }
+                  ) })
+                }
+              )
+            ]
+          }
+        ),
+        !isFullscreen && /* @__PURE__ */ jsx(
+          "header",
+          {
+            className: "h-12 flex items-center px-4 text-sm font-medium sticky top-0 z-40 w-full",
+            style: {
+              maxWidth: containerWidth,
+              backgroundColor: "var(--sim-bg-conversation, var(--color-background-primary))"
+            },
+            children: /* @__PURE__ */ jsx("span", { children: "sunpeak.ai" })
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex flex-col flex-1 w-full transition-all duration-200 overflow-hidden",
+            style: { maxWidth: containerWidth },
+            children: [
+              /* @__PURE__ */ jsxs("main", { className: "flex-1 overflow-y-auto overflow-x-hidden", children: [
+                !isFullscreen && /* @__PURE__ */ jsx("article", { className: "w-full", dir: "auto", "data-turn": "user", children: /* @__PURE__ */ jsx("div", { className: "px-4 py-4", children: /* @__PURE__ */ jsx("div", { className: "max-w-[48rem] mx-auto flex justify-end", children: /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "inline-block rounded-2xl px-4 py-2.5 text-sm max-w-[85%]",
+                    style: {
+                      backgroundColor: "var(--sim-bg-user-bubble, var(--color-background-tertiary))"
+                    },
+                    children: userMessage
+                  }
+                ) }) }) }),
+                /* @__PURE__ */ jsxs("article", { className: "w-full", dir: "auto", "data-turn": "assistant", children: [
+                  /* @__PURE__ */ jsxs("h6", { className: "sr-only", children: [
+                    appName,
+                    " said:"
+                  ] }),
+                  /* @__PURE__ */ jsx("div", { className: "px-4 py-2", children: /* @__PURE__ */ jsxs("div", { className: "max-w-[48rem] mx-auto", children: [
+                    !isFullscreen && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
+                      appIcon ? /* @__PURE__ */ jsx("div", { className: "size-6 flex items-center justify-center text-base", children: appIcon }) : /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          className: "size-6 rounded-full flex items-center justify-center text-xs font-medium text-white",
+                          style: { backgroundColor: "#c55a30" },
+                          children: "C"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: appName })
+                    ] }),
+                    /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        className: isPip ? "fixed start-4 end-4 top-12 z-50 mx-auto max-w-[40rem] lg:max-w-[48rem] sm:start-0 sm:end-0 sm:top-[3rem] sm:w-full overflow-visible" : isFullscreen ? "fixed inset-x-0 top-[3rem] bottom-0 z-50 mx-auto" : "relative mb-2 w-full overflow-visible",
+                        style: {
+                          ...isPip ? { maxHeight: "480px" } : {},
+                          ...isFullscreen ? { maxWidth: containerWidth } : {}
+                        },
+                        children: [
+                          isPip && /* @__PURE__ */ jsx(
+                            "button",
+                            {
+                              onClick: handleClose,
+                              className: "absolute -start-2 -top-1.5 z-10 rounded-full p-1.5 text-white shadow-md",
+                              style: { backgroundColor: "#4a4a4a" },
+                              "aria-label": "Close picture-in-picture",
+                              type: "button",
+                              children: /* @__PURE__ */ jsx(CloseIcon, {})
+                            },
+                            "pip-close"
+                          ),
+                          /* @__PURE__ */ jsx(
+                            "div",
+                            {
+                              className: isPip ? "relative overflow-hidden h-full rounded-2xl shadow-lg" : "relative overflow-hidden h-full",
+                              children: /* @__PURE__ */ jsx(
+                                "div",
+                                {
+                                  className: "h-full w-full max-w-full",
+                                  style: {
+                                    ...isPip ? {
+                                      overflow: "auto",
+                                      backgroundColor: "var(--color-background-secondary)"
+                                    } : isFullscreen ? {
+                                      overflow: "auto",
+                                      backgroundColor: "var(--color-background-primary)"
+                                    } : { backgroundColor: "transparent" },
+                                    opacity: isTransitioning ? 0 : 1,
+                                    transition: isTransitioning ? "none" : "opacity 100ms"
+                                  },
+                                  children
+                                }
+                              )
+                            },
+                            "content"
+                          )
+                        ]
+                      }
+                    )
+                  ] }) })
+                ] })
+              ] }),
+              !isFullscreen && /* @__PURE__ */ jsx(
+                "footer",
+                {
+                  style: {
+                    backgroundColor: "var(--sim-bg-conversation, var(--color-background-primary))"
+                  },
+                  children: /* @__PURE__ */ jsx("div", { className: "max-w-[48rem] mx-auto px-4 py-4", children: /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "text",
+                      name: "userInput",
+                      disabled: true,
+                      placeholder: "Reply to sunpeak...",
+                      className: "w-full rounded-xl px-4 py-2.5 text-sm",
+                      style: {
+                        backgroundColor: "var(--sim-bg-reply-input, var(--color-background-secondary))",
+                        border: "1px solid var(--color-border-primary)"
+                      }
+                    }
+                  ) }) })
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+const CLAUDE_HOST_INFO = {
+  name: "Claude",
+  version: "1.0.0"
+};
+const CLAUDE_HOST_CAPABILITIES = {
+  openLinks: {},
+  serverTools: {},
+  logging: {},
+  updateModelContext: { text: {} },
+  message: { text: {} }
+};
+function applyClaudeTheme(theme) {
+  document.documentElement.setAttribute("data-theme", theme);
+  document.documentElement.style.colorScheme = theme;
+}
+const CLAUDE_STYLE_VARIABLES = {
+  ...DEFAULT_STYLE_VARIABLES,
+  // Background colors — warm beige/cream palette
+  "--color-background-primary": "light-dark(#faf9f5, #262624)",
+  "--color-background-secondary": "light-dark(#ffffff, #3a3935)",
+  "--color-background-tertiary": "light-dark(#e8e4dc, #4a4843)",
+  "--color-background-inverse": "light-dark(#2b2a27, #f3f0e8)",
+  // Text colors
+  "--color-text-primary": "light-dark(#2d2b27, #e8e4dc)",
+  "--color-text-secondary": "light-dark(#6b6560, #9b9690)",
+  "--color-text-tertiary": "light-dark(#9b9690, #6b6560)",
+  "--color-text-inverse": "light-dark(#e8e4dc, #2d2b27)",
+  // Border colors
+  "--color-border-primary": "light-dark(#e0ddd5, #4a4843)",
+  "--color-border-secondary": "light-dark(#d5d1c8, #5a5753)",
+  "--color-border-tertiary": "light-dark(#f0ede5, #3a3935)"
+};
+registerHostShell({
+  id: "claude",
+  label: "Claude",
+  Conversation: ClaudeConversation,
+  applyTheme: applyClaudeTheme,
+  hostInfo: CLAUDE_HOST_INFO,
+  hostCapabilities: CLAUDE_HOST_CAPABILITIES,
+  styleVariables: CLAUDE_STYLE_VARIABLES,
+  pageStyles: {
+    "--sim-bg-sidebar": "light-dark(#f9f8f3, #252523)",
+    "--sim-bg-conversation": "light-dark(#faf9f5, #262624)",
+    "--sim-bg-user-bubble": "light-dark(#f1eee6, #141413)",
+    "--sim-bg-reply-input": "light-dark(#ffffff, #30302e)"
+  }
+});
+//# sourceMappingURL=claude-host-CaD7ptbt.js.map

package/dist/claude-host-CaD7ptbt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"claude-host-CaD7ptbt.js","sources":["../src/claude/claude-conversation.tsx","../src/claude/claude-host.ts"],"sourcesContent":["import * as React from 'react';\nimport { SCREEN_WIDTHS, type ScreenWidth } from '../simulator/simulator-types';\nimport type { McpUiDisplayMode, McpUiHostContext } from '@modelcontextprotocol/ext-apps';\n\ntype Platform = NonNullable<McpUiHostContext['platform']>;\n\ninterface ClaudeConversationProps {\n  children?: React.ReactNode;\n  screenWidth: ScreenWidth;\n  displayMode: McpUiDisplayMode;\n  platform: Platform;\n  onRequestDisplayMode?: (mode: McpUiDisplayMode) => void;\n  appName?: string;\n  appIcon?: string;\n  userMessage?: string;\n  isTransitioning?: boolean;\n}\n\nfunction CloseIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M12 4L4 12M4 4L12 12\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  );\n}\n\nfunction BackIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M10 3L5 8L10 13\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n}\n\n/**\n * Claude conversation shell — mimics Claude's chat UI chrome.\n *\n * All three display modes (inline, pip, fullscreen) share the same React tree\n * shape so that the iframe never unmounts when switching modes.\n */\nexport function ClaudeConversation({\n  children,\n  screenWidth,\n  displayMode,\n  platform,\n  onRequestDisplayMode,\n  appName = 'Sunpeak',\n  appIcon,\n  userMessage = 'What have you got for me today?',\n  isTransitioning = false,\n}: ClaudeConversationProps) {\n  const isDesktop = platform === 'desktop';\n  const containerWidth = screenWidth === 'full' ? '100%' : `${SCREEN_WIDTHS[screenWidth]}px`;\n  const isFullscreen = displayMode === 'fullscreen';\n  const isPip = displayMode === 'pip';\n\n  const handleClose = () => onRequestDisplayMode?.('inline');\n\n  return (\n    <div\n      className=\"flex flex-col w-full h-full flex-1 items-center relative\"\n      style={{\n        transform: 'translate(0)',\n        backgroundColor: 'var(--sim-bg-conversation, var(--color-background-primary))',\n        color: 'var(--color-text-primary)',\n      }}\n    >\n      {/* ─── Fullscreen chrome overlay ─── */}\n      {isFullscreen && (\n        <div\n          className=\"fixed start-0 end-0 top-0 bottom-0 z-[51] mx-auto flex flex-col pointer-events-none\"\n          style={{ maxWidth: containerWidth }}\n        >\n          <div\n            className=\"z-10 flex items-center h-12 border-b px-3 pointer-events-auto\"\n            style={{\n              borderColor: 'var(--color-border-primary)',\n              backgroundColor: 'var(--sim-bg-conversation, var(--color-background-primary))',\n            }}\n          >\n            <button\n              onClick={handleClose}\n              aria-label=\"Back\"\n              className=\"h-8 w-8 flex items-center justify-center rounded-lg transition-colors hover:opacity-70\"\n              type=\"button\"\n            >\n              <BackIcon />\n            </button>\n            <div className=\"flex-1 text-center text-sm font-medium\">{appName}</div>\n            {isDesktop && <div className=\"w-8\" />}\n          </div>\n          <div className=\"flex-1\" />\n          <footer\n            className=\"pointer-events-auto p-3\"\n            style={{\n              backgroundColor: 'var(--sim-bg-conversation, var(--color-background-primary))',\n            }}\n          >\n            <div className=\"max-w-[48rem] mx-auto\">\n              <input\n                type=\"text\"\n                name=\"userInput\"\n                disabled\n                placeholder=\"Reply to sunpeak...\"\n                className=\"w-full rounded-xl px-4 py-2.5 text-sm\"\n                style={{\n                  backgroundColor: 'var(--sim-bg-reply-input, var(--color-background-secondary))',\n                  border: '1px solid var(--color-border-primary)',\n                  color: 'var(--color-text-primary)',\n                }}\n              />\n            </div>\n          </footer>\n        </div>\n      )}\n\n      {/* ─── Conversation header ─── */}\n      {!isFullscreen && (\n        <header\n          className=\"h-12 flex items-center px-4 text-sm font-medium sticky top-0 z-40 w-full\"\n          style={{\n            maxWidth: containerWidth,\n            backgroundColor: 'var(--sim-bg-conversation, var(--color-background-primary))',\n          }}\n        >\n          <span>sunpeak.ai</span>\n        </header>\n      )}\n\n      {/* ─── Conversation container ─── */}\n      <div\n        className=\"flex flex-col flex-1 w-full transition-all duration-200 overflow-hidden\"\n        style={{ maxWidth: containerWidth }}\n      >\n        <main className=\"flex-1 overflow-y-auto overflow-x-hidden\">\n          {/* User turn */}\n          {!isFullscreen && (\n            <article className=\"w-full\" dir=\"auto\" data-turn=\"user\">\n              <div className=\"px-4 py-4\">\n                <div className=\"max-w-[48rem] mx-auto flex justify-end\">\n                  <div\n                    className=\"inline-block rounded-2xl px-4 py-2.5 text-sm max-w-[85%]\"\n                    style={{\n                      backgroundColor:\n                        'var(--sim-bg-user-bubble, var(--color-background-tertiary))',\n                    }}\n                  >\n                    {userMessage}\n                  </div>\n                </div>\n              </div>\n            </article>\n          )}\n\n          {/* Assistant turn */}\n          <article className=\"w-full\" dir=\"auto\" data-turn=\"assistant\">\n            <h6 className=\"sr-only\">{appName} said:</h6>\n            <div className=\"px-4 py-2\">\n              <div className=\"max-w-[48rem] mx-auto\">\n                {/* Claude avatar + name */}\n                {!isFullscreen && (\n                  <div className=\"flex items-center gap-2 mb-3\">\n                    {appIcon ? (\n                      <div className=\"size-6 flex items-center justify-center text-base\">\n                        {appIcon}\n                      </div>\n                    ) : (\n                      <div\n                        className=\"size-6 rounded-full flex items-center justify-center text-xs font-medium text-white\"\n                        style={{ backgroundColor: '#c55a30' }}\n                      >\n                        C\n                      </div>\n                    )}\n                    <span className=\"text-sm font-medium\">{appName}</span>\n                  </div>\n                )}\n\n                {/* ─── CONTENT AREA ─── */}\n                <div\n                  className={\n                    isPip\n                      ? 'fixed start-4 end-4 top-12 z-50 mx-auto max-w-[40rem] lg:max-w-[48rem] sm:start-0 sm:end-0 sm:top-[3rem] sm:w-full overflow-visible'\n                      : isFullscreen\n                        ? 'fixed inset-x-0 top-[3rem] bottom-0 z-50 mx-auto'\n                        : 'relative mb-2 w-full overflow-visible'\n                  }\n                  style={{\n                    ...(isPip ? { maxHeight: '480px' } : {}),\n                    ...(isFullscreen ? { maxWidth: containerWidth } : {}),\n                  }}\n                >\n                  {/* PiP close button */}\n                  {isPip && (\n                    <button\n                      key=\"pip-close\"\n                      onClick={handleClose}\n                      className=\"absolute -start-2 -top-1.5 z-10 rounded-full p-1.5 text-white shadow-md\"\n                      style={{ backgroundColor: '#4a4a4a' }}\n                      aria-label=\"Close picture-in-picture\"\n                      type=\"button\"\n                    >\n                      <CloseIcon />\n                    </button>\n                  )}\n                  <div\n                    key=\"content\"\n                    className={\n                      isPip\n                        ? 'relative overflow-hidden h-full rounded-2xl shadow-lg'\n                        : 'relative overflow-hidden h-full'\n                    }\n                  >\n                    <div\n                      className=\"h-full w-full max-w-full\"\n                      style={{\n                        ...(isPip\n                          ? {\n                              overflow: 'auto',\n                              backgroundColor: 'var(--color-background-secondary)',\n                            }\n                          : isFullscreen\n                            ? {\n                                overflow: 'auto',\n                                backgroundColor: 'var(--color-background-primary)',\n                              }\n                            : { backgroundColor: 'transparent' }),\n                        opacity: isTransitioning ? 0 : 1,\n                        transition: isTransitioning ? 'none' : 'opacity 100ms',\n                      }}\n                    >\n                      {children}\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </article>\n        </main>\n\n        {/* Input area */}\n        {!isFullscreen && (\n          <footer\n            style={{\n              backgroundColor: 'var(--sim-bg-conversation, var(--color-background-primary))',\n            }}\n          >\n            <div className=\"max-w-[48rem] mx-auto px-4 py-4\">\n              <div className=\"relative\">\n                <input\n                  type=\"text\"\n                  name=\"userInput\"\n                  disabled\n                  placeholder=\"Reply to sunpeak...\"\n                  className=\"w-full rounded-xl px-4 py-2.5 text-sm\"\n                  style={{\n                    backgroundColor: 'var(--sim-bg-reply-input, var(--color-background-secondary))',\n                    border: '1px solid var(--color-border-primary)',\n                  }}\n                />\n              </div>\n            </div>\n          </footer>\n        )}\n      </div>\n    </div>\n  );\n}\n","import type { McpUiHostCapabilities } from '@modelcontextprotocol/ext-apps';\nimport { registerHostShell } from '../simulator/hosts';\nimport { DEFAULT_STYLE_VARIABLES } from '../simulator/host-styles';\nimport { ClaudeConversation } from './claude-conversation';\n\nconst CLAUDE_HOST_INFO = {\n  name: 'Claude',\n  version: '1.0.0',\n};\n\n/**\n * Claude starts with the baseline MCP App capabilities.\n * Host-specific capabilities (if any) can be added here as Claude's\n * MCP App integration evolves.\n */\nconst CLAUDE_HOST_CAPABILITIES: McpUiHostCapabilities = {\n  openLinks: {},\n  serverTools: {},\n  logging: {},\n  updateModelContext: { text: {} },\n  message: { text: {} },\n};\n\n/**\n * Apply Claude-style theming to the document.\n * Sets data-theme attribute and color-scheme so CSS light-dark() resolves correctly.\n */\nfunction applyClaudeTheme(theme: 'light' | 'dark'): void {\n  document.documentElement.setAttribute('data-theme', theme);\n  document.documentElement.style.colorScheme = theme;\n}\n\n/**\n * Claude-specific style variable overrides (warm beige/cream palette).\n * Inherits defaults from DEFAULT_STYLE_VARIABLES, overriding only colors.\n */\nconst CLAUDE_STYLE_VARIABLES = {\n  ...DEFAULT_STYLE_VARIABLES,\n  // Background colors — warm beige/cream palette\n  '--color-background-primary': 'light-dark(#faf9f5, #262624)',\n  '--color-background-secondary': 'light-dark(#ffffff, #3a3935)',\n  '--color-background-tertiary': 'light-dark(#e8e4dc, #4a4843)',\n  '--color-background-inverse': 'light-dark(#2b2a27, #f3f0e8)',\n  // Text colors\n  '--color-text-primary': 'light-dark(#2d2b27, #e8e4dc)',\n  '--color-text-secondary': 'light-dark(#6b6560, #9b9690)',\n  '--color-text-tertiary': 'light-dark(#9b9690, #6b6560)',\n  '--color-text-inverse': 'light-dark(#e8e4dc, #2d2b27)',\n  // Border colors\n  '--color-border-primary': 'light-dark(#e0ddd5, #4a4843)',\n  '--color-border-secondary': 'light-dark(#d5d1c8, #5a5753)',\n  '--color-border-tertiary': 'light-dark(#f0ede5, #3a3935)',\n};\n\nregisterHostShell({\n  id: 'claude',\n  label: 'Claude',\n  Conversation: ClaudeConversation,\n  applyTheme: applyClaudeTheme,\n  hostInfo: CLAUDE_HOST_INFO,\n  hostCapabilities: CLAUDE_HOST_CAPABILITIES,\n  styleVariables: CLAUDE_STYLE_VARIABLES,\n  pageStyles: {\n    '--sim-bg-sidebar': 'light-dark(#f9f8f3, #252523)',\n    '--sim-bg-conversation': 'light-dark(#faf9f5, #262624)',\n    '--sim-bg-user-bubble': 'light-dark(#f1eee6, #141413)',\n    '--sim-bg-reply-input': 'light-dark(#ffffff, #30302e)',\n  },\n});\n"],"names":[],"mappings":"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"}

package/dist/{discovery-COZUnY6a.js → discovery-DzV3HLXs.js}

@@ -140,10 +140,10 @@ function findSimulationFiles(resourceDir, resourceKey, fs) {
   }));
 }
 export {
-  buildDevSimulations as a,
-  buildResourceMap as b,
-  createResourceExports as c,
-  buildSimulations as d,
+  buildResourceMap as a,
+  buildDevSimulations as b,
+  buildSimulations as c,
+  createResourceExports as d,
   extractResourceKey as e,
   extractSimulationKey as f,
   extractSimulationName as g,
@@ -154,4 +154,4 @@ export {
   isSimulationFile as l,
   toPascalCase as t
 };
-//# sourceMappingURL=discovery-COZUnY6a.js.map
+//# sourceMappingURL=discovery-DzV3HLXs.js.map

package/dist/{discovery-COZUnY6a.js.map → discovery-DzV3HLXs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"discovery-COZUnY6a.js","sources":["../src/lib/discovery.ts"],"sourcesContent":["/**\n * Discovery utilities for auto-discovering resources and simulations\n *\n * These helpers process the results of import.meta.glob() calls to extract\n * keys, build component maps, and connect simulations to resources.\n *\n * The glob calls themselves must remain in the template (Vite compile-time),\n * but all the processing logic lives here for easy updates across templates.\n *\n * Node.js utilities (findResourceDirs, isSimulationFile, etc.) can be used\n * by CLI commands for build-time and runtime discovery.\n */\n\nimport type { Simulation } from '../types/simulation.js';\n\n/**\n * Convert a kebab-case string to PascalCase\n * @example toPascalCase('review') // 'Review'\n * @example toPascalCase('album-art') // 'AlbumArt'\n */\nexport function toPascalCase(str: string): string {\n  return str\n    .split('-')\n    .map((part) => part.charAt(0).toUpperCase() + part.slice(1))\n    .join('');\n}\n\n/**\n * Extract the resource key from a resource file path\n * @example extractResourceKey('./review-resource.tsx') // 'review'\n * @example extractResourceKey('../src/resources/albums-resource.tsx') // 'albums'\n */\nexport function extractResourceKey(path: string): string | undefined {\n  const match = path.match(/([^/]+)-resource\\.(tsx|json)$/);\n  return match?.[1];\n}\n\n/**\n * Extract the simulation key from a simulation file path\n * @example extractSimulationKey('./albums-show-simulation.json') // 'albums-show'\n */\nexport function extractSimulationKey(path: string): string | undefined {\n  const match = path.match(/([^/]+)-simulation\\.json$/);\n  return match?.[1];\n}\n\n/**\n * Find the best matching resource key for a simulation key.\n * Matches the longest resource name that is a prefix of the simulation key.\n * @example findResourceKey('albums-show', ['albums', 'album']) // 'albums'\n * @example findResourceKey('review-diff', ['review', 'carousel']) // 'review'\n */\nexport function findResourceKey(simulationKey: string, resourceKeys: string[]): string | undefined {\n  // Sort by length descending to find longest match first\n  const sorted = [...resourceKeys].sort((a, b) => b.length - a.length);\n  for (const resourceKey of sorted) {\n    if (simulationKey === resourceKey || simulationKey.startsWith(resourceKey + '-')) {\n      return resourceKey;\n    }\n  }\n  return undefined;\n}\n\n/**\n * Get the expected component export name for a resource\n * @example getComponentName('review') // 'ReviewResource'\n * @example getComponentName('album-art') // 'AlbumArtResource'\n */\nexport function getComponentName(resourceKey: string): string {\n  return `${toPascalCase(resourceKey)}Resource`;\n}\n\n// --- Glob processing helpers ---\n\ntype GlobModules = Record<string, unknown>;\n\n/**\n * Process resource component modules from import.meta.glob() result.\n * Extracts components and exports them with PascalCase names.\n *\n * @example\n * const modules = import.meta.glob('./**\\/*-resource.tsx', { eager: true });\n * export default createResourceExports(modules);\n */\nexport function createResourceExports(modules: GlobModules): Record<string, React.ComponentType> {\n  const resources: Record<string, React.ComponentType> = {};\n\n  for (const [path, module] of Object.entries(modules)) {\n    const key = extractResourceKey(path);\n    if (!key) continue;\n\n    const exportName = getComponentName(key);\n    const mod = module as Record<string, unknown>;\n\n    // Try default export first, then named export matching the expected name\n    const component = mod.default ?? mod[exportName];\n\n    // Accept functions (regular components) or objects (forwardRef/memo components)\n    if (component && (typeof component === 'function' || typeof component === 'object')) {\n      resources[exportName] = component as React.ComponentType;\n    }\n  }\n\n  return resources;\n}\n\n/**\n * Build a resource metadata map from import.meta.glob() result.\n * Used for connecting simulations to their resource definitions.\n *\n * @example\n * const modules = import.meta.glob('../src/resources/**\\/*-resource.tsx', { eager: true });\n * const resourcesMap = buildResourceMap(modules);\n */\nexport function buildResourceMap<T>(modules: GlobModules): Map<string, T> {\n  const map = new Map<string, T>();\n\n  for (const [path, module] of Object.entries(modules)) {\n    const key = extractResourceKey(path);\n    if (key) {\n      map.set(key, (module as { resource: T }).resource);\n    }\n  }\n\n  return map;\n}\n\n/**\n * Options for building simulations from discovered modules\n */\nexport interface BuildSimulationsOptions<TResource, TSimulation> {\n  /** Glob result of simulation JSON files */\n  simulationModules: GlobModules;\n  /** Map of resource key -> resource metadata */\n  resourcesMap: Map<string, TResource>;\n  /** Map of component name -> React component */\n  resourceComponents: Record<string, React.ComponentType>;\n  /** Create the final simulation object */\n  createSimulation: (\n    simulationKey: string,\n    simulationData: unknown,\n    resource: TResource,\n    resourceComponent: React.ComponentType\n  ) => TSimulation;\n  /** Optional warning handler for missing resources */\n  onMissingResource?: (simulationKey: string, expectedPrefix: string) => void;\n}\n\n/**\n * Build simulations by connecting simulation data with resources and components.\n * This is the main orchestration function for dev server bootstrap.\n */\nexport function buildSimulations<TResource, TSimulation>(\n  options: BuildSimulationsOptions<TResource, TSimulation>\n): Record<string, TSimulation> {\n  const {\n    simulationModules,\n    resourcesMap,\n    resourceComponents,\n    createSimulation,\n    onMissingResource = (key, prefix) =>\n      console.warn(\n        `No matching resource found for simulation \"${key}\". ` +\n          `Expected a resource file like src/resources/${prefix}/${prefix}-resource.tsx`\n      ),\n  } = options;\n\n  const resourceKeys = Array.from(resourcesMap.keys());\n  const simulations: Record<string, TSimulation> = {};\n\n  for (const [path, module] of Object.entries(simulationModules)) {\n    const simulationKey = extractSimulationKey(path);\n    if (!simulationKey) continue;\n\n    const simulationData = (module as { default: unknown }).default;\n\n    // Find matching resource\n    const resourceKey = findResourceKey(simulationKey, resourceKeys);\n    if (!resourceKey) {\n      onMissingResource(simulationKey, simulationKey.split('-')[0]);\n      continue;\n    }\n\n    const resource = resourcesMap.get(resourceKey)!;\n\n    // Get component\n    const componentName = getComponentName(resourceKey);\n    const resourceComponent = resourceComponents[componentName];\n\n    if (!resourceComponent) {\n      console.warn(\n        `Resource component \"${componentName}\" not found for resource \"${resourceKey}\". ` +\n          `Make sure src/resources/${resourceKey}/${resourceKey}-resource.tsx exists with a default export.`\n      );\n      continue;\n    }\n\n    simulations[simulationKey] = createSimulation(\n      simulationKey,\n      simulationData,\n      resource,\n      resourceComponent\n    );\n  }\n\n  return simulations;\n}\n\n// --- Dev server helpers ---\n\n/**\n * Resource metadata from *-resource.tsx files\n */\nexport interface ResourceMetadata {\n  name: string;\n  [key: string]: unknown;\n}\n\n/**\n * Options for building dev simulations\n */\nexport interface BuildDevSimulationsOptions {\n  /** Glob result of simulation JSON files: import.meta.glob('*-simulation.json', { eager: true }) */\n  simulationModules: GlobModules;\n  /** Glob result of resource JSON files: import.meta.glob('*-resource.tsx', { eager: true }) */\n  resourceModules: GlobModules;\n  /** Resource components map from src/resources/index.ts */\n  resourceComponents: Record<string, React.ComponentType>;\n}\n\n/**\n * Build simulations for the dev server from glob results.\n * This is the main entry point for dev.tsx bootstrap.\n *\n * @example\n * const simulations = buildDevSimulations({\n *   simulationModules: import.meta.glob('../src/resources/**\\/*-simulation.json', { eager: true }),\n *   resourceModules: import.meta.glob('../src/resources/**\\/*-resource.tsx', { eager: true }),\n *   resourceComponents: resourceComponents,\n * });\n */\nexport function buildDevSimulations(\n  options: BuildDevSimulationsOptions\n): Record<string, Simulation> {\n  const { simulationModules, resourceModules, resourceComponents } = options;\n\n  // Build resource metadata map\n  const resourcesMap = buildResourceMap<ResourceMetadata>(resourceModules);\n\n  // Build simulations with the standard dev server format\n  return buildSimulations<ResourceMetadata, Simulation>({\n    simulationModules,\n    resourcesMap,\n    resourceComponents,\n    createSimulation: (simulationKey, simulationData, resource) => {\n      // Get the component name for the resource URL\n      const resourceKey = findResourceKey(simulationKey, Array.from(resourcesMap.keys()));\n      const componentName = resourceKey ? getComponentName(resourceKey) : '';\n\n      return {\n        ...(simulationData as Omit<Simulation, 'name' | 'resourceUrl' | 'resource'>),\n        name: simulationKey,\n        resource: {\n          uri: `ui://${resource.name}`,\n          ...resource,\n        },\n        // Generate URL to the resource loader with component name as query param\n        resourceUrl: `/.sunpeak/resource-loader.html?component=${componentName}`,\n      } as Simulation;\n    },\n  });\n}\n\n// --- Node.js utilities for CLI commands ---\n// These utilities use standard Node.js APIs and can be imported by build/push/mcp commands.\n\n/**\n * Information about a discovered resource directory\n */\nexport interface ResourceDirInfo {\n  /** Resource key (directory name), e.g., 'albums', 'carousel' */\n  key: string;\n  /** Full path to the resource directory */\n  dir: string;\n  /** Full path to the main resource file (tsx or json depending on context) */\n  resourcePath: string;\n}\n\n/**\n * File system operations interface for dependency injection in tests\n */\nexport interface FsOps {\n  readdirSync: (\n    path: string,\n    options: { withFileTypes: true }\n  ) => Array<{ name: string; isDirectory: () => boolean }>;\n  existsSync: (path: string) => boolean;\n}\n\n/**\n * Find all resource directories in a base directory.\n * Each valid resource directory contains a file matching the expected pattern.\n *\n * @param baseDir - Base directory to scan (e.g., 'src/resources' or 'dist')\n * @param filePattern - Function to generate expected filename from resource key\n * @param fs - File system operations (for testing)\n *\n * @example\n * // Find source resources (tsx files)\n * const resources = findResourceDirs('src/resources', key => `${key}-resource.tsx`);\n *\n * @example\n * // Find built resources (js files)\n * const resources = findResourceDirs('dist', key => `${key}.js`);\n */\nexport function findResourceDirs(\n  baseDir: string,\n  filePattern: (key: string) => string,\n  fs: FsOps\n): ResourceDirInfo[] {\n  if (!fs.existsSync(baseDir)) {\n    return [];\n  }\n\n  const entries = fs.readdirSync(baseDir, { withFileTypes: true });\n\n  return entries\n    .filter((entry) => entry.isDirectory())\n    .map((entry) => {\n      const key = entry.name;\n      const dir = `${baseDir}/${key}`;\n      const resourcePath = `${dir}/${filePattern(key)}`;\n\n      if (!fs.existsSync(resourcePath)) {\n        return null;\n      }\n\n      return { key, dir, resourcePath };\n    })\n    .filter((info): info is ResourceDirInfo => info !== null);\n}\n\n/**\n * Check if a filename is a simulation file for a given resource.\n * Matches pattern: {resourceKey}-*-simulation.json\n *\n * @example\n * isSimulationFile('albums-show-simulation.json', 'albums') // true\n * isSimulationFile('albums-show-simulation.json', 'carousel') // false\n * isSimulationFile('albums-resource.tsx', 'albums') // false\n */\nexport function isSimulationFile(filename: string, resourceKey: string): boolean {\n  return filename.startsWith(`${resourceKey}-`) && filename.endsWith('-simulation.json');\n}\n\n/**\n * Extract the simulation name from a simulation filename.\n * Given \"{resourceKey}-{name}-simulation.json\", returns \"{name}\".\n *\n * @example\n * extractSimulationName('albums-show-simulation.json', 'albums') // 'show'\n * extractSimulationName('carousel-hero-simulation.json', 'carousel') // 'hero'\n */\nexport function extractSimulationName(filename: string, resourceKey: string): string {\n  return filename.replace(`${resourceKey}-`, '').replace('-simulation.json', '');\n}\n\n/**\n * Find all simulation files in a resource directory.\n *\n * @param resourceDir - Path to the resource directory\n * @param resourceKey - Resource key (e.g., 'albums')\n * @param fs - File system operations (for testing)\n * @returns Array of { filename, name } objects\n */\nexport function findSimulationFiles(\n  resourceDir: string,\n  resourceKey: string,\n  fs: Pick<FsOps, 'readdirSync' | 'existsSync'>\n): Array<{ filename: string; name: string; path: string }> {\n  if (!fs.existsSync(resourceDir)) {\n    return [];\n  }\n\n  const entries = fs.readdirSync(resourceDir, { withFileTypes: true });\n\n  return entries\n    .filter((entry) => !entry.isDirectory() && isSimulationFile(entry.name, resourceKey))\n    .map((entry) => ({\n      filename: entry.name,\n      name: extractSimulationName(entry.name, resourceKey),\n      path: `${resourceDir}/${entry.name}`,\n    }));\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"discovery-DzV3HLXs.js","sources":["../src/lib/discovery.ts"],"sourcesContent":["/**\n * Discovery utilities for auto-discovering resources and simulations\n *\n * These helpers process the results of import.meta.glob() calls to extract\n * keys, build component maps, and connect simulations to resources.\n *\n * The glob calls themselves must remain in the template (Vite compile-time),\n * but all the processing logic lives here for easy updates across templates.\n *\n * Node.js utilities (findResourceDirs, isSimulationFile, etc.) can be used\n * by CLI commands for build-time and runtime discovery.\n */\n\nimport type { Simulation } from '../types/simulation.js';\n\n/**\n * Convert a kebab-case string to PascalCase\n * @example toPascalCase('review') // 'Review'\n * @example toPascalCase('album-art') // 'AlbumArt'\n */\nexport function toPascalCase(str: string): string {\n  return str\n    .split('-')\n    .map((part) => part.charAt(0).toUpperCase() + part.slice(1))\n    .join('');\n}\n\n/**\n * Extract the resource key from a resource file path\n * @example extractResourceKey('./review-resource.tsx') // 'review'\n * @example extractResourceKey('../src/resources/albums-resource.tsx') // 'albums'\n */\nexport function extractResourceKey(path: string): string | undefined {\n  const match = path.match(/([^/]+)-resource\\.(tsx|json)$/);\n  return match?.[1];\n}\n\n/**\n * Extract the simulation key from a simulation file path\n * @example extractSimulationKey('./albums-show-simulation.json') // 'albums-show'\n */\nexport function extractSimulationKey(path: string): string | undefined {\n  const match = path.match(/([^/]+)-simulation\\.json$/);\n  return match?.[1];\n}\n\n/**\n * Find the best matching resource key for a simulation key.\n * Matches the longest resource name that is a prefix of the simulation key.\n * @example findResourceKey('albums-show', ['albums', 'album']) // 'albums'\n * @example findResourceKey('review-diff', ['review', 'carousel']) // 'review'\n */\nexport function findResourceKey(simulationKey: string, resourceKeys: string[]): string | undefined {\n  // Sort by length descending to find longest match first\n  const sorted = [...resourceKeys].sort((a, b) => b.length - a.length);\n  for (const resourceKey of sorted) {\n    if (simulationKey === resourceKey || simulationKey.startsWith(resourceKey + '-')) {\n      return resourceKey;\n    }\n  }\n  return undefined;\n}\n\n/**\n * Get the expected component export name for a resource\n * @example getComponentName('review') // 'ReviewResource'\n * @example getComponentName('album-art') // 'AlbumArtResource'\n */\nexport function getComponentName(resourceKey: string): string {\n  return `${toPascalCase(resourceKey)}Resource`;\n}\n\n// --- Glob processing helpers ---\n\ntype GlobModules = Record<string, unknown>;\n\n/**\n * Process resource component modules from import.meta.glob() result.\n * Extracts components and exports them with PascalCase names.\n *\n * @example\n * const modules = import.meta.glob('./**\\/*-resource.tsx', { eager: true });\n * export default createResourceExports(modules);\n */\nexport function createResourceExports(modules: GlobModules): Record<string, React.ComponentType> {\n  const resources: Record<string, React.ComponentType> = {};\n\n  for (const [path, module] of Object.entries(modules)) {\n    const key = extractResourceKey(path);\n    if (!key) continue;\n\n    const exportName = getComponentName(key);\n    const mod = module as Record<string, unknown>;\n\n    // Try default export first, then named export matching the expected name\n    const component = mod.default ?? mod[exportName];\n\n    // Accept functions (regular components) or objects (forwardRef/memo components)\n    if (component && (typeof component === 'function' || typeof component === 'object')) {\n      resources[exportName] = component as React.ComponentType;\n    }\n  }\n\n  return resources;\n}\n\n/**\n * Build a resource metadata map from import.meta.glob() result.\n * Used for connecting simulations to their resource definitions.\n *\n * @example\n * const modules = import.meta.glob('../src/resources/**\\/*-resource.tsx', { eager: true });\n * const resourcesMap = buildResourceMap(modules);\n */\nexport function buildResourceMap<T>(modules: GlobModules): Map<string, T> {\n  const map = new Map<string, T>();\n\n  for (const [path, module] of Object.entries(modules)) {\n    const key = extractResourceKey(path);\n    if (key) {\n      map.set(key, (module as { resource: T }).resource);\n    }\n  }\n\n  return map;\n}\n\n/**\n * Options for building simulations from discovered modules\n */\nexport interface BuildSimulationsOptions<TResource, TSimulation> {\n  /** Glob result of simulation JSON files */\n  simulationModules: GlobModules;\n  /** Map of resource key -> resource metadata */\n  resourcesMap: Map<string, TResource>;\n  /** Map of component name -> React component */\n  resourceComponents: Record<string, React.ComponentType>;\n  /** Create the final simulation object */\n  createSimulation: (\n    simulationKey: string,\n    simulationData: unknown,\n    resource: TResource,\n    resourceComponent: React.ComponentType\n  ) => TSimulation;\n  /** Optional warning handler for missing resources */\n  onMissingResource?: (simulationKey: string, expectedPrefix: string) => void;\n}\n\n/**\n * Build simulations by connecting simulation data with resources and components.\n * This is the main orchestration function for dev server bootstrap.\n */\nexport function buildSimulations<TResource, TSimulation>(\n  options: BuildSimulationsOptions<TResource, TSimulation>\n): Record<string, TSimulation> {\n  const {\n    simulationModules,\n    resourcesMap,\n    resourceComponents,\n    createSimulation,\n    onMissingResource = (key, prefix) =>\n      console.warn(\n        `No matching resource found for simulation \"${key}\". ` +\n          `Expected a resource file like src/resources/${prefix}/${prefix}-resource.tsx`\n      ),\n  } = options;\n\n  const resourceKeys = Array.from(resourcesMap.keys());\n  const simulations: Record<string, TSimulation> = {};\n\n  for (const [path, module] of Object.entries(simulationModules)) {\n    const simulationKey = extractSimulationKey(path);\n    if (!simulationKey) continue;\n\n    const simulationData = (module as { default: unknown }).default;\n\n    // Find matching resource\n    const resourceKey = findResourceKey(simulationKey, resourceKeys);\n    if (!resourceKey) {\n      onMissingResource(simulationKey, simulationKey.split('-')[0]);\n      continue;\n    }\n\n    const resource = resourcesMap.get(resourceKey)!;\n\n    // Get component\n    const componentName = getComponentName(resourceKey);\n    const resourceComponent = resourceComponents[componentName];\n\n    if (!resourceComponent) {\n      console.warn(\n        `Resource component \"${componentName}\" not found for resource \"${resourceKey}\". ` +\n          `Make sure src/resources/${resourceKey}/${resourceKey}-resource.tsx exists with a default export.`\n      );\n      continue;\n    }\n\n    simulations[simulationKey] = createSimulation(\n      simulationKey,\n      simulationData,\n      resource,\n      resourceComponent\n    );\n  }\n\n  return simulations;\n}\n\n// --- Dev server helpers ---\n\n/**\n * Resource metadata from *-resource.tsx files\n */\nexport interface ResourceMetadata {\n  name: string;\n  [key: string]: unknown;\n}\n\n/**\n * Options for building dev simulations\n */\nexport interface BuildDevSimulationsOptions {\n  /** Glob result of simulation JSON files: import.meta.glob('*-simulation.json', { eager: true }) */\n  simulationModules: GlobModules;\n  /** Glob result of resource JSON files: import.meta.glob('*-resource.tsx', { eager: true }) */\n  resourceModules: GlobModules;\n  /** Resource components map from src/resources/index.ts */\n  resourceComponents: Record<string, React.ComponentType>;\n}\n\n/**\n * Build simulations for the dev server from glob results.\n * This is the main entry point for dev.tsx bootstrap.\n *\n * @example\n * const simulations = buildDevSimulations({\n *   simulationModules: import.meta.glob('../src/resources/**\\/*-simulation.json', { eager: true }),\n *   resourceModules: import.meta.glob('../src/resources/**\\/*-resource.tsx', { eager: true }),\n *   resourceComponents: resourceComponents,\n * });\n */\nexport function buildDevSimulations(\n  options: BuildDevSimulationsOptions\n): Record<string, Simulation> {\n  const { simulationModules, resourceModules, resourceComponents } = options;\n\n  // Build resource metadata map\n  const resourcesMap = buildResourceMap<ResourceMetadata>(resourceModules);\n\n  // Build simulations with the standard dev server format\n  return buildSimulations<ResourceMetadata, Simulation>({\n    simulationModules,\n    resourcesMap,\n    resourceComponents,\n    createSimulation: (simulationKey, simulationData, resource) => {\n      // Get the component name for the resource URL\n      const resourceKey = findResourceKey(simulationKey, Array.from(resourcesMap.keys()));\n      const componentName = resourceKey ? getComponentName(resourceKey) : '';\n\n      return {\n        ...(simulationData as Omit<Simulation, 'name' | 'resourceUrl' | 'resource'>),\n        name: simulationKey,\n        resource: {\n          uri: `ui://${resource.name}`,\n          ...resource,\n        },\n        // Generate URL to the resource loader with component name as query param\n        resourceUrl: `/.sunpeak/resource-loader.html?component=${componentName}`,\n      } as Simulation;\n    },\n  });\n}\n\n// --- Node.js utilities for CLI commands ---\n// These utilities use standard Node.js APIs and can be imported by build/push/mcp commands.\n\n/**\n * Information about a discovered resource directory\n */\nexport interface ResourceDirInfo {\n  /** Resource key (directory name), e.g., 'albums', 'carousel' */\n  key: string;\n  /** Full path to the resource directory */\n  dir: string;\n  /** Full path to the main resource file (tsx or json depending on context) */\n  resourcePath: string;\n}\n\n/**\n * File system operations interface for dependency injection in tests\n */\nexport interface FsOps {\n  readdirSync: (\n    path: string,\n    options: { withFileTypes: true }\n  ) => Array<{ name: string; isDirectory: () => boolean }>;\n  existsSync: (path: string) => boolean;\n}\n\n/**\n * Find all resource directories in a base directory.\n * Each valid resource directory contains a file matching the expected pattern.\n *\n * @param baseDir - Base directory to scan (e.g., 'src/resources' or 'dist')\n * @param filePattern - Function to generate expected filename from resource key\n * @param fs - File system operations (for testing)\n *\n * @example\n * // Find source resources (tsx files)\n * const resources = findResourceDirs('src/resources', key => `${key}-resource.tsx`);\n *\n * @example\n * // Find built resources (js files)\n * const resources = findResourceDirs('dist', key => `${key}.js`);\n */\nexport function findResourceDirs(\n  baseDir: string,\n  filePattern: (key: string) => string,\n  fs: FsOps\n): ResourceDirInfo[] {\n  if (!fs.existsSync(baseDir)) {\n    return [];\n  }\n\n  const entries = fs.readdirSync(baseDir, { withFileTypes: true });\n\n  return entries\n    .filter((entry) => entry.isDirectory())\n    .map((entry) => {\n      const key = entry.name;\n      const dir = `${baseDir}/${key}`;\n      const resourcePath = `${dir}/${filePattern(key)}`;\n\n      if (!fs.existsSync(resourcePath)) {\n        return null;\n      }\n\n      return { key, dir, resourcePath };\n    })\n    .filter((info): info is ResourceDirInfo => info !== null);\n}\n\n/**\n * Check if a filename is a simulation file for a given resource.\n * Matches pattern: {resourceKey}-*-simulation.json\n *\n * @example\n * isSimulationFile('albums-show-simulation.json', 'albums') // true\n * isSimulationFile('albums-show-simulation.json', 'carousel') // false\n * isSimulationFile('albums-resource.tsx', 'albums') // false\n */\nexport function isSimulationFile(filename: string, resourceKey: string): boolean {\n  return filename.startsWith(`${resourceKey}-`) && filename.endsWith('-simulation.json');\n}\n\n/**\n * Extract the simulation name from a simulation filename.\n * Given \"{resourceKey}-{name}-simulation.json\", returns \"{name}\".\n *\n * @example\n * extractSimulationName('albums-show-simulation.json', 'albums') // 'show'\n * extractSimulationName('carousel-hero-simulation.json', 'carousel') // 'hero'\n */\nexport function extractSimulationName(filename: string, resourceKey: string): string {\n  return filename.replace(`${resourceKey}-`, '').replace('-simulation.json', '');\n}\n\n/**\n * Find all simulation files in a resource directory.\n *\n * @param resourceDir - Path to the resource directory\n * @param resourceKey - Resource key (e.g., 'albums')\n * @param fs - File system operations (for testing)\n * @returns Array of { filename, name } objects\n */\nexport function findSimulationFiles(\n  resourceDir: string,\n  resourceKey: string,\n  fs: Pick<FsOps, 'readdirSync' | 'existsSync'>\n): Array<{ filename: string; name: string; path: string }> {\n  if (!fs.existsSync(resourceDir)) {\n    return [];\n  }\n\n  const entries = fs.readdirSync(resourceDir, { withFileTypes: true });\n\n  return entries\n    .filter((entry) => !entry.isDirectory() && isSimulationFile(entry.name, resourceKey))\n    .map((entry) => ({\n      filename: entry.name,\n      name: extractSimulationName(entry.name, resourceKey),\n      path: `${resourceDir}/${entry.name}`,\n    }));\n}\n"],"names":[],"mappings":"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"}

package/dist/hooks/index.d.ts

@@ -20,6 +20,8 @@ export { useCallServerTool } from './use-call-server-tool';
 export type { CallServerToolParams, CallServerToolResult } from './use-call-server-tool';
 export { useSendMessage } from './use-send-message';
 export type { SendMessageParams, MessageContent } from './use-send-message';
+export { useUpdateModelContext } from './use-update-model-context';
+export type { UpdateModelContextParams } from './use-update-model-context';
 export { useOpenLink } from './use-open-link';
 export type { OpenLinkParams } from './use-open-link';
 export { useRequestDisplayMode } from './use-request-display-mode';
@@ -29,4 +31,6 @@ export type { LogLevel, SendLogParams } from './use-send-log';
 export { useHostInfo } from './use-host-info';
 export type { HostVersion, HostCapabilities } from './use-host-info';
 export { useTeardown } from './use-teardown';
+export { useAppTools } from './use-app-tools';
+export type { AppTool, AppToolsConfig } from './use-app-tools';
 export { useAppState } from './use-app-state';

package/dist/hooks/use-app-tools.d.ts

@@ -0,0 +1,44 @@
+import { CallToolResult } from '@modelcontextprotocol/sdk/types.js';
+export interface AppTool {
+    name: string;
+    description?: string;
+    inputSchema?: Record<string, unknown>;
+}
+export interface AppToolsConfig {
+    /** Tools this app provides to the host */
+    tools: AppTool[];
+    /**
+     * Handler called when the host invokes one of this app's tools.
+     * Return a CallToolResult with the tool's output.
+     */
+    onCallTool: (params: {
+        name: string;
+        arguments?: Record<string, unknown>;
+    }) => CallToolResult | Promise<CallToolResult>;
+}
+/**
+ * Register tools that this app provides to the host.
+ *
+ * This enables bidirectional tool calling: the host can call tools
+ * defined by the app, in addition to the app calling server tools.
+ *
+ * @example
+ * ```tsx
+ * import { useAppTools } from 'sunpeak';
+ *
+ * function MyResource() {
+ *   useAppTools({
+ *     tools: [
+ *       { name: 'get-selection', description: 'Get the current selection' },
+ *     ],
+ *     onCallTool: async ({ name, arguments: args }) => {
+ *       if (name === 'get-selection') {
+ *         return { content: [{ type: 'text', text: selectedText }] };
+ *       }
+ *       return { content: [], isError: true };
+ *     },
+ *   });
+ * }
+ * ```
+ */
+export declare function useAppTools(config: AppToolsConfig): void;

package/dist/hooks/use-update-model-context.d.ts

@@ -0,0 +1,29 @@
+import { McpUiUpdateModelContextRequest } from '@modelcontextprotocol/ext-apps';
+/** Parameters for updating model context — matches the MCP Apps SDK type. */
+export type UpdateModelContextParams = McpUiUpdateModelContextRequest['params'];
+/**
+ * Send model context updates to the host.
+ *
+ * Unlike `useAppState` (which automatically syncs structured state),
+ * this hook gives direct control over when and what is sent to the
+ * model context — including text content blocks.
+ *
+ * Each call overwrites the previous context. The host includes the
+ * last update in the model's next turn.
+ *
+ * @example
+ * ```tsx
+ * import { useUpdateModelContext } from 'sunpeak';
+ *
+ * function MyResource() {
+ *   const updateModelContext = useUpdateModelContext();
+ *
+ *   const handleSelect = (item: Item) => {
+ *     updateModelContext({
+ *       structuredContent: { selectedItem: item },
+ *     });
+ *   };
+ * }
+ * ```
+ */
+export declare function useUpdateModelContext(): (params: UpdateModelContextParams) => Promise<void>;

package/dist/index-BKrboRah.js

@@ -0,0 +1,44 @@
+import { c as createSimulatorUrl } from "./simulator-url-BQ-7SMht.js";
+import "./claude-host-CaD7ptbt.js";
+import { I as IframeResource, M as McpAppHost, a as SCREEN_WIDTHS, b as SidebarCheckbox, c as SidebarCollapsibleControl, d as SidebarControl, e as SidebarInput, f as SidebarSelect, g as SidebarTextarea, h as SidebarToggle, i as SimpleSidebar, S as Simulator, T as ThemeProvider, j as extractResourceCSP, k as getHostShell, l as getRegisteredHosts, r as registerHostShell, u as useSimulatorState, m as useThemeContext } from "./simulator-CMgCGNuD.js";
+import { b as buildDevSimulations, a as buildResourceMap, c as buildSimulations, d as createResourceExports, e as extractResourceKey, f as extractSimulationKey, g as extractSimulationName, h as findResourceDirs, i as findResourceKey, j as findSimulationFiles, k as getComponentName, l as isSimulationFile, t as toPascalCase } from "./discovery-DzV3HLXs.js";
+const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  IframeResource,
+  McpAppHost,
+  SCREEN_WIDTHS,
+  SidebarCheckbox,
+  SidebarCollapsibleControl,
+  SidebarControl,
+  SidebarInput,
+  SidebarSelect,
+  SidebarTextarea,
+  SidebarToggle,
+  SimpleSidebar,
+  Simulator,
+  ThemeProvider,
+  buildDevSimulations,
+  buildResourceMap,
+  buildSimulations,
+  createResourceExports,
+  createSimulatorUrl,
+  extractResourceCSP,
+  extractResourceKey,
+  extractSimulationKey,
+  extractSimulationName,
+  findResourceDirs,
+  findResourceKey,
+  findSimulationFiles,
+  getComponentName,
+  getHostShell,
+  getRegisteredHosts,
+  isSimulationFile,
+  registerHostShell,
+  toPascalCase,
+  useSimulatorState,
+  useThemeContext
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  index as i
+};
+//# sourceMappingURL=index-BKrboRah.js.map

package/dist/index-BKrboRah.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BKrboRah.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}