sunpeak 0.10.7 → 0.11.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sunpeak",
-  "version": "0.10.7",
+  "version": "0.11.1",
   "description": "The ChatGPT App framework. Quickstart, build, & test your ChatGPT App locally!",
   "type": "module",
   "main": "./dist/index.cjs",

package/template/README.md

@@ -19,9 +19,8 @@ That's it! Edit the resource files in [./src/resources/](./src/resources/) to bu
 # Core commands:
 pnpm test              # Run tests with Vitest.
 pnpm test:e2e          # Run end-to-end tests with Playwright.
-sunpeak dev            # Start development server.
+sunpeak dev            # Start dev server + MCP endpoint.
 sunpeak build          # Build all resources for production.
-sunpeak mcp            # Start MCP server for ChatGPT testing with mock data.
 
 # sunpeak repository (think ECR for ChatGPT Apps):
 sunpeak login          # Authenticate with the sunpeak repository.
@@ -45,11 +44,11 @@ The template includes a minimal test setup with Vitest. You can add additional t
 
 ## Testing in ChatGPT
 
-Test your app directly in ChatGPT using the built-in MCP server:
+Test your app directly in ChatGPT using the built-in MCP endpoint (starts automatically with `sunpeak dev`):
 
 ```bash
-# Start the MCP server (rebuilds and restarts on file changes).
-sunpeak mcp
+# Start the dev server + MCP endpoint.
+sunpeak dev
 
 # In another terminal, run a tunnel. For example:
 ngrok http 6766
@@ -59,7 +58,7 @@ You can then connect to the tunnel forwarding URL at the `/mcp` path from ChatGP
 
 Once your app is connected, send the name of the app and a tool, like `/sunpeak show review`, to ChatGPT.
 
-When you make changes to the UI, refresh your app in ChatGPT after the MCP server has finished rebuilding your app: `User > Settings > Apps & Connectors > My App > Refresh`
+When you make changes to the UI, refresh your app in ChatGPT after the dev server has finished rebuilding: `User > Settings > Apps & Connectors > My App > Refresh`
 
 ## Build & Deploy
 
@@ -108,7 +107,7 @@ src/resources/NAME/
 └── components/                    # UI components (optional)
 ```
 
-Only the resource files (`.tsx` and `.json`) are required to generate a production build and ship a UI. Create the simulation file if you want to preview your resource in `sunpeak dev` or `sunpeak mcp`.
+Only the resource files (`.tsx` and `.json`) are required to generate a production build and ship a UI. Create the simulation file if you want to preview your resource in `sunpeak dev`.
 
 ## Resources
 

package/template/_gitignore

@@ -45,3 +45,7 @@ CLAUDE.md
 .temp
 .tmp
 tmp
+
+# Vite cache
+node_modules/.vite
+node_modules/.vite-mcp

package/template/dist/albums/albums.json

@@ -12,5 +12,5 @@
       ]
     }
   },
-  "uri": "ui://albums-mkhk2bj6"
+  "uri": "ui://albums-mkixiljp"
 }

package/template/dist/carousel/carousel.json

@@ -12,5 +12,5 @@
       ]
     }
   },
-  "uri": "ui://carousel-mkhk2bj6"
+  "uri": "ui://carousel-mkixiljp"
 }

package/template/dist/map/map.json

@@ -18,5 +18,5 @@
       ]
     }
   },
-  "uri": "ui://map-mkhk2bj6"
+  "uri": "ui://map-mkixiljp"
 }

package/template/dist/review/review.json

@@ -12,5 +12,5 @@
       ]
     }
   },
-  "uri": "ui://review-mkhk2bj6"
+  "uri": "ui://review-mkixiljp"
 }

package/template/index.html

@@ -4,7 +4,6 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Sunpeak - ChatGPT App framework</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
     <!-- Establish CSS layer order BEFORE any JS-injected CSS modules -->
     <style>@layer properties, theme, base, components, utilities;</style>
   </head>

package/template/node_modules/.vite/deps/@openai_apps-sdk-ui_components_Button.js

@@ -1,9 +1,10 @@
+import {
+  Check_default,
+  Copy_default
+} from "./chunk-UM3ZGDFR.js";
 import {
   useTimeout
 } from "./chunk-JAGHY6H6.js";
-import {
-  o
-} from "./chunk-QPJAV452.js";
 import {
   handlePressableMouseEnter,
   isDev,
@@ -15,13 +16,12 @@ import {
   toTransformProperty,
   waitForAnimationFrame
 } from "./chunk-RYYR2YMB.js";
+import {
+  o
+} from "./chunk-QPJAV452.js";
 import {
   clsx_default
 } from "./chunk-CNYJBM5F.js";
-import {
-  Check_default,
-  Copy_default
-} from "./chunk-UM3ZGDFR.js";
 import {
   require_jsx_runtime
 } from "./chunk-JGVISENQ.js";

package/template/node_modules/.vite/deps/@openai_apps-sdk-ui_components_SegmentedControl.js

@@ -2,7 +2,6 @@ import {
   handlePressableMouseEnter,
   waitForAnimationFrame
 } from "./chunk-6QVG4F2X.js";
-import "./chunk-EGRHWZRV.js";
 import {
   useResizeObserver
 } from "./chunk-JAGHY6H6.js";
@@ -10,6 +9,7 @@ import {
   dist_exports4 as dist_exports
 } from "./chunk-2UDYPUBJ.js";
 import "./chunk-XZTIOEPG.js";
+import "./chunk-EGRHWZRV.js";
 import {
   clsx_default
 } from "./chunk-CNYJBM5F.js";

package/template/node_modules/.vite/deps/@openai_apps-sdk-ui_components_Select.js

@@ -1,6 +1,3 @@
-import {
-  Input
-} from "./chunk-P5LK4A7U.js";
 import {
   handlePressableMouseEnter,
   isDev,
@@ -9,19 +6,22 @@ import {
   toCssVariables,
   waitForAnimationFrame
 } from "./chunk-6QVG4F2X.js";
-import "./chunk-EGRHWZRV.js";
 import {
   useTimeout
 } from "./chunk-JAGHY6H6.js";
-import {
-  o
-} from "./chunk-QPJAV452.js";
 import {
   dist_exports,
   dist_exports3 as dist_exports2,
   dist_exports5 as dist_exports3
 } from "./chunk-2UDYPUBJ.js";
 import "./chunk-XZTIOEPG.js";
+import {
+  Input
+} from "./chunk-P5LK4A7U.js";
+import "./chunk-EGRHWZRV.js";
+import {
+  o
+} from "./chunk-QPJAV452.js";
 import {
   clsx_default
 } from "./chunk-CNYJBM5F.js";

package/template/node_modules/.vite/deps/_metadata.json

@@ -1,140 +1,134 @@
 {
-  "hash": "44587b56",
-  "configHash": "f56e5903",
+  "hash": "4a7f9e31",
+  "configHash": "b26b5701",
   "lockfileHash": "9d20b726",
-  "browserHash": "5011344d",
+  "browserHash": "0def6af7",
   "optimized": {
     "react": {
       "src": "../../../../node_modules/.pnpm/react@19.2.3/node_modules/react/index.js",
       "file": "react.js",
-      "fileHash": "4158ad30",
+      "fileHash": "416bfe9c",
       "needsInterop": true
     },
     "react-dom": {
       "src": "../../../../node_modules/.pnpm/react-dom@19.2.3_react@19.2.3/node_modules/react-dom/index.js",
       "file": "react-dom.js",
-      "fileHash": "eceb9ce1",
+      "fileHash": "12c24b96",
       "needsInterop": true
     },
     "react/jsx-dev-runtime": {
       "src": "../../../../node_modules/.pnpm/react@19.2.3/node_modules/react/jsx-dev-runtime.js",
       "file": "react_jsx-dev-runtime.js",
-      "fileHash": "7a7f1ddd",
+      "fileHash": "7b5060e6",
       "needsInterop": true
     },
     "react/jsx-runtime": {
       "src": "../../../../node_modules/.pnpm/react@19.2.3/node_modules/react/jsx-runtime.js",
       "file": "react_jsx-runtime.js",
-      "fileHash": "346c243c",
+      "fileHash": "85915065",
       "needsInterop": true
     },
     "@openai/apps-sdk-ui/components/Avatar": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._90324f97b7190ccfdbe40a9e8bef3385/node_modules/@openai/apps-sdk-ui/dist/es/components/Avatar/index.js",
       "file": "@openai_apps-sdk-ui_components_Avatar.js",
-      "fileHash": "4e36254d",
+      "fileHash": "9e2bc881",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/components/Button": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._90324f97b7190ccfdbe40a9e8bef3385/node_modules/@openai/apps-sdk-ui/dist/es/components/Button/index.js",
       "file": "@openai_apps-sdk-ui_components_Button.js",
-      "fileHash": "0ba30b65",
+      "fileHash": "e81630c1",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/components/Checkbox": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.8__@types+react@19._10810175a7ab45acace17e46639bb69b/node_modules/@openai/apps-sdk-ui/dist/es/components/Checkbox/index.js",
       "file": "@openai_apps-sdk-ui_components_Checkbox.js",
-      "fileHash": "c0e24dfb",
+      "fileHash": "417ae842",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/components/Icon": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._90324f97b7190ccfdbe40a9e8bef3385/node_modules/@openai/apps-sdk-ui/dist/es/components/Icon/index.js",
       "file": "@openai_apps-sdk-ui_components_Icon.js",
-      "fileHash": "c5c6ed08",
+      "fileHash": "7838ceab",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/components/Input": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.8__@types+react@19._10810175a7ab45acace17e46639bb69b/node_modules/@openai/apps-sdk-ui/dist/es/components/Input/index.js",
       "file": "@openai_apps-sdk-ui_components_Input.js",
-      "fileHash": "a8f4808e",
+      "fileHash": "5505fcba",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/components/SegmentedControl": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.8__@types+react@19._10810175a7ab45acace17e46639bb69b/node_modules/@openai/apps-sdk-ui/dist/es/components/SegmentedControl/index.js",
       "file": "@openai_apps-sdk-ui_components_SegmentedControl.js",
-      "fileHash": "d5c8173c",
+      "fileHash": "ebdf4e6d",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/components/Select": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.8__@types+react@19._10810175a7ab45acace17e46639bb69b/node_modules/@openai/apps-sdk-ui/dist/es/components/Select/index.js",
       "file": "@openai_apps-sdk-ui_components_Select.js",
-      "fileHash": "4240ac61",
+      "fileHash": "74a9ac3b",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/components/Textarea": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.8__@types+react@19._10810175a7ab45acace17e46639bb69b/node_modules/@openai/apps-sdk-ui/dist/es/components/Textarea/index.js",
       "file": "@openai_apps-sdk-ui_components_Textarea.js",
-      "fileHash": "fb143e76",
+      "fileHash": "de06e9c1",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/theme": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.8__@types+react@19._10810175a7ab45acace17e46639bb69b/node_modules/@openai/apps-sdk-ui/dist/es/lib/theme.js",
       "file": "@openai_apps-sdk-ui_theme.js",
-      "fileHash": "d63096a5",
+      "fileHash": "fcfba56d",
       "needsInterop": false
     },
     "clsx": {
       "src": "../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs",
       "file": "clsx.js",
-      "fileHash": "f58131a9",
+      "fileHash": "1cf6a50a",
       "needsInterop": false
     },
     "embla-carousel-react": {
       "src": "../../../../node_modules/.pnpm/embla-carousel-react@8.6.0_react@19.2.3/node_modules/embla-carousel-react/esm/embla-carousel-react.esm.js",
       "file": "embla-carousel-react.js",
-      "fileHash": "a3f7e176",
+      "fileHash": "93fbfb3b",
       "needsInterop": false
     },
     "embla-carousel-wheel-gestures": {
       "src": "../../../../node_modules/.pnpm/embla-carousel-wheel-gestures@8.1.0_embla-carousel@8.6.0/node_modules/embla-carousel-wheel-gestures/dist/embla-carousel-wheel-gestures.esm.js",
       "file": "embla-carousel-wheel-gestures.js",
-      "fileHash": "5d368aee",
+      "fileHash": "195bec07",
       "needsInterop": false
     },
     "mapbox-gl": {
       "src": "../../../../node_modules/.pnpm/mapbox-gl@3.17.0/node_modules/mapbox-gl/dist/mapbox-gl.js",
       "file": "mapbox-gl.js",
-      "fileHash": "8d8a5e1a",
+      "fileHash": "17a20191",
       "needsInterop": true
     },
     "react-dom/client": {
       "src": "../../../../node_modules/.pnpm/react-dom@19.2.3_react@19.2.3/node_modules/react-dom/client.js",
       "file": "react-dom_client.js",
-      "fileHash": "1170d116",
+      "fileHash": "b58b4826",
       "needsInterop": true
     },
     "tailwind-merge": {
       "src": "../../../../node_modules/.pnpm/tailwind-merge@3.4.0/node_modules/tailwind-merge/dist/bundle-mjs.mjs",
       "file": "tailwind-merge.js",
-      "fileHash": "fdab5cd1",
+      "fileHash": "2f27906e",
       "needsInterop": false
     }
   },
   "chunks": {
-    "chunk-P5LK4A7U": {
-      "file": "chunk-P5LK4A7U.js"
-    },
     "chunk-6QVG4F2X": {
       "file": "chunk-6QVG4F2X.js"
     },
-    "chunk-EGRHWZRV": {
-      "file": "chunk-EGRHWZRV.js"
+    "chunk-UM3ZGDFR": {
+      "file": "chunk-UM3ZGDFR.js"
     },
     "chunk-JAGHY6H6": {
       "file": "chunk-JAGHY6H6.js"
     },
-    "chunk-QPJAV452": {
-      "file": "chunk-QPJAV452.js"
-    },
     "chunk-RYYR2YMB": {
       "file": "chunk-RYYR2YMB.js"
     },
@@ -144,12 +138,18 @@
     "chunk-XZTIOEPG": {
       "file": "chunk-XZTIOEPG.js"
     },
+    "chunk-P5LK4A7U": {
+      "file": "chunk-P5LK4A7U.js"
+    },
+    "chunk-EGRHWZRV": {
+      "file": "chunk-EGRHWZRV.js"
+    },
+    "chunk-QPJAV452": {
+      "file": "chunk-QPJAV452.js"
+    },
     "chunk-CNYJBM5F": {
       "file": "chunk-CNYJBM5F.js"
     },
-    "chunk-UM3ZGDFR": {
-      "file": "chunk-UM3ZGDFR.js"
-    },
     "chunk-JGVISENQ": {
       "file": "chunk-JGVISENQ.js"
     },

package/template/node_modules/.vite/vitest/da39a3ee5e6b4b0d3255bfef95601890afd80709/results.json

@@ -1 +1 @@
-{"version":"4.0.16","results":[[":src/resources/albums/components/albums.test.tsx",{"duration":410.5030049999998,"failed":false}],[":src/resources/carousel/carousel-resource.test.tsx",{"duration":310.719329,"failed":false}],[":src/resources/review/review-resource.test.tsx",{"duration":598.5615620000003,"failed":false}],[":src/resources/map/components/map-view.test.tsx",{"duration":96.15135400000008,"failed":false}],[":src/resources/map/components/place-inspector.test.tsx",{"duration":460.02958199999966,"failed":false}],[":src/resources/albums/components/fullscreen-viewer.test.tsx",{"duration":273.1299219999996,"failed":false}],[":src/resources/map/components/place-list.test.tsx",{"duration":143.12914500000034,"failed":false}],[":src/resources/map/components/place-card.test.tsx",{"duration":351.79216799999995,"failed":false}],[":src/resources/map/components/place-carousel.test.tsx",{"duration":449.5401650000001,"failed":false}],[":src/resources/albums/components/album-carousel.test.tsx",{"duration":70.63576599999988,"failed":false}],[":src/resources/carousel/components/carousel.test.tsx",{"duration":105.63132599999994,"failed":false}],[":src/resources/map/map-resource.test.tsx",{"duration":294.368154,"failed":false}],[":src/resources/albums/albums-resource.test.tsx",{"duration":253.63618599999995,"failed":false}],[":src/resources/albums/components/film-strip.test.tsx",{"duration":482.764449,"failed":false}],[":src/resources/albums/components/album-card.test.tsx",{"duration":269.0116419999997,"failed":false}],[":src/resources/carousel/components/card.test.tsx",{"duration":102.7438790000001,"failed":false}]]}
+{"version":"4.0.16","results":[[":src/resources/albums/components/albums.test.tsx",{"duration":368.913192,"failed":false}],[":src/resources/review/review-resource.test.tsx",{"duration":548.241282,"failed":false}],[":src/resources/carousel/carousel-resource.test.tsx",{"duration":270.03080899999986,"failed":false}],[":src/resources/map/components/map-view.test.tsx",{"duration":95.30531999999994,"failed":false}],[":src/resources/map/components/place-inspector.test.tsx",{"duration":461.01467,"failed":false}],[":src/resources/albums/components/fullscreen-viewer.test.tsx",{"duration":265.73868300000004,"failed":false}],[":src/resources/map/components/place-list.test.tsx",{"duration":141.19271300000037,"failed":false}],[":src/resources/map/components/place-card.test.tsx",{"duration":368.02030500000023,"failed":false}],[":src/resources/map/components/place-carousel.test.tsx",{"duration":447.1268270000003,"failed":false}],[":src/resources/albums/components/album-carousel.test.tsx",{"duration":76.99177499999996,"failed":false}],[":src/resources/carousel/components/carousel.test.tsx",{"duration":82.18443700000012,"failed":false}],[":src/resources/map/map-resource.test.tsx",{"duration":307.5362889999999,"failed":false}],[":src/resources/albums/albums-resource.test.tsx",{"duration":275.64505599999984,"failed":false}],[":src/resources/albums/components/film-strip.test.tsx",{"duration":442.6262569999999,"failed":false}],[":src/resources/albums/components/album-card.test.tsx",{"duration":334.53105099999993,"failed":false}],[":src/resources/carousel/components/card.test.tsx",{"duration":78.75377200000003,"failed":false}]]}

package/template/node_modules/.vite-mcp/deps_temp_c8c8077a/@openai_apps-sdk-ui_components_Avatar.js

@@ -0,0 +1,96 @@
+import {
+  toCssVariables
+} from "./chunk-RYYR2YMB.js";
+import {
+  clsx_default
+} from "./chunk-CNYJBM5F.js";
+import {
+  require_jsx_runtime
+} from "./chunk-JGVISENQ.js";
+import {
+  require_react
+} from "./chunk-BUOVMFCD.js";
+import {
+  __toESM
+} from "./chunk-ILHRZGIS.js";
+
+// ../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._90324f97b7190ccfdbe40a9e8bef3385/node_modules/@openai/apps-sdk-ui/dist/es/components/Avatar/Avatar.js
+var import_jsx_runtime = __toESM(require_jsx_runtime());
+var import_react = __toESM(require_react());
+var import_react2 = __toESM(require_react());
+import s from "/home/runner/work/sunpeak/sunpeak/node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._90324f97b7190ccfdbe40a9e8bef3385/node_modules/@openai/apps-sdk-ui/dist/es/components/Avatar/Avatar.module.css";
+var Avatar = (props) => {
+  const validImageUrl = validateImageUrl(props.imageUrl);
+  return (0, import_react.createElement)(AvatarInner, { ...props, imageUrl: validImageUrl, key: validImageUrl });
+};
+var AvatarInner = (props) => {
+  const {
+    className,
+    size,
+    overflowCount,
+    name,
+    color = "secondary",
+    variant = "soft",
+    imageUrl,
+    Icon,
+    // asChild support
+    ...restProps
+  } = props;
+  const [imageStatus, setImageStatus] = (0, import_react2.useState)();
+  const isInteractive = !!(restProps.onPointerDown || restProps.onClick);
+  const TagName = isInteractive ? "button" : "span";
+  return (0, import_jsx_runtime.jsx)(TagName, { className: clsx_default(s.Avatar, className), style: toCssVariables({
+    "avatar-size": size
+  }), role: isInteractive ? void 0 : "presentation", "data-color": color, "data-variant": variant, type: isInteractive ? "button" : void 0, ...restProps, children: (() => {
+    if (imageUrl && imageStatus !== "error") {
+      return (0, import_jsx_runtime.jsx)(AvatarImage, { status: imageStatus, url: imageUrl, onError: () => setImageStatus("error"), onLoad: () => setImageStatus("loaded") });
+    }
+    if (Icon) {
+      return (0, import_jsx_runtime.jsx)(Icon, { className: s.AvatarIcon });
+    }
+    return overflowCount ? (0, import_jsx_runtime.jsx)(AvatarOverflowCount, { count: overflowCount }) : (0, import_jsx_runtime.jsx)(AvatarInitial, { name });
+  })() });
+};
+var validateImageUrl = (imageUrl) => {
+  if (!imageUrl) {
+    return;
+  }
+  if (imageUrl.includes("gravatar.com") && imageUrl.includes("cdn.auth0.com")) {
+    return;
+  }
+  return imageUrl;
+};
+var AvatarImage = ({ url, status, onLoad, onError }) => {
+  return (0, import_jsx_runtime.jsx)("span", { className: s.AvatarImageContainer, children: (0, import_jsx_runtime.jsx)("img", { src: url, className: s.AvatarImage, "data-loaded": status === "loaded" ? "" : void 0, onLoad, onError, alt: "", role: "presentation" }) });
+};
+var AvatarInitial = ({ name = "" }) => {
+  const firstInitial = (0, import_react2.useMemo)(() => name.charAt(0).toUpperCase(), [name]);
+  return (0, import_jsx_runtime.jsx)("span", { className: s.AvatarInitial, children: firstInitial });
+};
+var AvatarOverflowCount = ({ count }) => {
+  const formattedCount = (0, import_react2.useMemo)(() => {
+    return new Intl.NumberFormat("en", {
+      notation: "compact",
+      compactDisplay: "short",
+      maximumFractionDigits: 0
+    }).format(count).toLocaleLowerCase();
+  }, [count]);
+  return (0, import_jsx_runtime.jsxs)("span", { className: s.AvatarOverflowCount, "data-letter-count": formattedCount.length, children: [(0, import_jsx_runtime.jsx)("span", { className: s.AvatarOverflowCountSymbol, children: "+" }), formattedCount] });
+};
+
+// ../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._90324f97b7190ccfdbe40a9e8bef3385/node_modules/@openai/apps-sdk-ui/dist/es/components/Avatar/AvatarGroup.js
+var import_jsx_runtime2 = __toESM(require_jsx_runtime());
+var import_react3 = __toESM(require_react());
+import s2 from "/home/runner/work/sunpeak/sunpeak/node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._90324f97b7190ccfdbe40a9e8bef3385/node_modules/@openai/apps-sdk-ui/dist/es/components/Avatar/AvatarGroup.module.css";
+var AvatarGroup = ({ className, stack = "start", size, children }) => {
+  const childrenArray = import_react3.Children.toArray(children);
+  const maybeReversedChildren = stack === "start" ? childrenArray.slice().reverse() : childrenArray;
+  return (0, import_jsx_runtime2.jsx)("div", { className: clsx_default(s2.Group, className), "data-stack": stack, style: toCssVariables({
+    "avatar-size": size
+  }), children: maybeReversedChildren.map((child) => (0, import_react3.isValidElement)(child) ? (0, import_react3.cloneElement)(child) : child) });
+};
+export {
+  Avatar,
+  AvatarGroup
+};
+//# sourceMappingURL=@openai_apps-sdk-ui_components_Avatar.js.map

package/template/node_modules/.vite-mcp/deps_temp_c8c8077a/@openai_apps-sdk-ui_components_Avatar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._90324f97b7190ccfdbe40a9e8bef3385/node_modules/@openai/apps-sdk-ui/src/components/Avatar/Avatar.tsx", "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._90324f97b7190ccfdbe40a9e8bef3385/node_modules/@openai/apps-sdk-ui/src/components/Avatar/AvatarGroup.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport clsx from \"clsx\"\nimport { useMemo, useState } from \"react\"\nimport { toCssVariables } from \"../../lib/helpers\"\nimport { type SemanticColors, type Variants } from \"../../types\"\nimport s from \"./Avatar.module.css\"\n\ntype ImageStatus = undefined | \"error\" | \"loaded\"\n\nexport type AvatarProps = {\n  /** Class name applied to the avatar */\n  className?: string\n  /** Size of the avatar's width & height, in pixels. */\n  size?: number\n  /** Display a formatted count of overflow objects. */\n  overflowCount?: number\n  /** Name used to display initials from */\n  name?: string\n  /**\n   * Color used for the avatar\n   * @default secondary\n   */\n  color?: SemanticColors<\"primary\" | \"secondary\" | \"success\" | \"info\" | \"discovery\" | \"danger\">\n  /**\n   * Style variant of the avatar\n   * @default soft\n   */\n  variant?: Variants<\"soft\" | \"solid\">\n  /** URL of the image to display as the avatar */\n  imageUrl?: string\n  /** Icon to render in the avatar circle */\n  Icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>\n  /** Optional click handler, which also enables semantic interactions */\n  onClick?: () => void\n  /** Optional pointer handler, which also enables semantic interactions */\n  onPointerDown?: () => void\n}\n\nexport const Avatar = (props: AvatarProps) => {\n  // Validate the image url before sending to the component\n  const validImageUrl = validateImageUrl(props.imageUrl)\n\n  // Keying off of imageUrl allows us to refresh imageStatus automatically through React rendering\n  return <AvatarInner {...props} imageUrl={validImageUrl} key={validImageUrl} />\n}\n\nexport const AvatarInner = (props: AvatarProps) => {\n  const {\n    className,\n    size,\n    overflowCount,\n    name,\n    color = \"secondary\",\n    variant = \"soft\",\n    imageUrl,\n    Icon,\n    // asChild support\n    ...restProps\n  } = props\n  const [imageStatus, setImageStatus] = useState<ImageStatus>()\n  const isInteractive = !!(restProps.onPointerDown || restProps.onClick)\n  const TagName = isInteractive ? \"button\" : \"span\"\n\n  return (\n    <TagName\n      className={clsx(s.Avatar, className)}\n      style={toCssVariables({\n        \"avatar-size\": size,\n      })}\n      role={isInteractive ? undefined : \"presentation\"}\n      data-color={color}\n      data-variant={variant}\n      type={isInteractive ? \"button\" : undefined}\n      {...restProps}\n    >\n      {(() => {\n        if (imageUrl && imageStatus !== \"error\") {\n          return (\n            <AvatarImage\n              status={imageStatus}\n              url={imageUrl}\n              onError={() => setImageStatus(\"error\")}\n              onLoad={() => setImageStatus(\"loaded\")}\n            />\n          )\n        }\n        if (Icon) {\n          return <Icon className={s.AvatarIcon} />\n        }\n        return overflowCount ? (\n          <AvatarOverflowCount count={overflowCount} />\n        ) : (\n          <AvatarInitial name={name} />\n        )\n      })()}\n    </TagName>\n  )\n}\n\nconst validateImageUrl = (imageUrl?: string): string | undefined => {\n  if (!imageUrl) {\n    return\n  }\n\n  // Avoid specific pattern of images from gravatar.com, which use a pair of initials, instead of a single initial.\n  if (imageUrl.includes(\"gravatar.com\") && imageUrl.includes(\"cdn.auth0.com\")) {\n    return\n  }\n\n  return imageUrl\n}\n\nconst AvatarImage = ({\n  url,\n  status,\n  onLoad,\n  onError,\n}: {\n  url: string\n  status: ImageStatus\n  onLoad: () => void\n  onError: () => void\n}) => {\n  return (\n    <span className={s.AvatarImageContainer}>\n      <img\n        src={url}\n        className={s.AvatarImage}\n        data-loaded={status === \"loaded\" ? \"\" : undefined}\n        onLoad={onLoad}\n        onError={onError}\n        alt=\"\"\n        role=\"presentation\"\n      />\n    </span>\n  )\n}\n\nconst AvatarInitial = ({ name = \"\" }: { name?: string }) => {\n  const firstInitial = useMemo(() => name.charAt(0).toUpperCase(), [name])\n\n  return <span className={s.AvatarInitial}>{firstInitial}</span>\n}\n\nconst AvatarOverflowCount = ({ count }: { count: number }) => {\n  const formattedCount = useMemo<string>(() => {\n    return new Intl.NumberFormat(\"en\", {\n      notation: \"compact\",\n      compactDisplay: \"short\",\n      maximumFractionDigits: 0,\n    })\n      .format(count)\n      .toLocaleLowerCase()\n  }, [count])\n\n  return (\n    <span className={s.AvatarOverflowCount} data-letter-count={formattedCount.length}>\n      <span className={s.AvatarOverflowCountSymbol}>+</span>\n      {formattedCount}\n    </span>\n  )\n}\n", "import clsx from \"clsx\"\nimport { Children, cloneElement, isValidElement, type ReactNode } from \"react\"\nimport { toCssVariables } from \"../../lib/helpers\"\nimport s from \"./AvatarGroup.module.css\"\n\nexport type AvatarGroupProps = {\n  /** Class name passed to the group container */\n  className?: string\n  /**\n   * Determines stacking layer order\n   * @default start\n   */\n  stack?: \"start\" | \"end\"\n  /** Size all avatars in the group, in pixels. */\n  size?: number\n  children: ReactNode\n}\n\nexport const AvatarGroup = ({ className, stack = \"start\", size, children }: AvatarGroupProps) => {\n  const childrenArray = Children.toArray(children)\n  // Conditionally reverse the array depending on desired stacking priority\n  const maybeReversedChildren = stack === \"start\" ? childrenArray.slice().reverse() : childrenArray\n\n  return (\n    <div\n      className={clsx(s.Group, className)}\n      data-stack={stack}\n      style={toCssVariables({\n        \"avatar-size\": size,\n      })}\n    >\n      {maybeReversedChildren.map((child) => (isValidElement(child) ? cloneElement(child) : child))}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["import_react", "_createElement", "_jsx", "_jsxs", "import_react", "s", "_jsx"]
+}