sunpeak 0.9.10 → 0.10.1

package/template/src/resources/carousel/carousel-show-simulation.json

@@ -0,0 +1,68 @@
+{
+  "userMessage": "Show me popular places to visit in Austin Texas",
+  "tool": {
+    "name": "show-carousel",
+    "description": "Show popular places to visit",
+    "inputSchema": { "type": "object", "properties": {}, "additionalProperties": false },
+    "title": "Show Carousel",
+    "annotations": { "readOnlyHint": true },
+    "_meta": {
+      "openai/toolInvocation/invoking": "Loading carousel",
+      "openai/toolInvocation/invoked": "Carousel loaded",
+      "openai/widgetAccessible": true,
+      "openai/resultCanProduceWidget": true
+    }
+  },
+  "callToolResult": {
+    "structuredContent": {
+      "places": [
+        {
+          "id": "1",
+          "name": "Lady Bird Lake",
+          "rating": 4.5,
+          "category": "Waterfront",
+          "location": "Austin",
+          "image": "https://images.unsplash.com/photo-1520950237264-dfe336995c34?w=400&h=400&fit=crop",
+          "description": "Scenic lake perfect for kayaking, paddleboarding, and trails."
+        },
+        {
+          "id": "2",
+          "name": "Texas State Capitol",
+          "rating": 4.8,
+          "category": "Historic Site",
+          "location": "Austin",
+          "image": "https://images.unsplash.com/photo-1664231978322-4d0b45c7027b?w=400&h=400&fit=crop",
+          "description": "Stunning capitol building with free tours and beautiful grounds."
+        },
+        {
+          "id": "3",
+          "name": "The Paramount Theatre",
+          "rating": 4.7,
+          "category": "Architecture",
+          "location": "Austin",
+          "image": "https://images.unsplash.com/photo-1583097090970-4d3b940ea1a0?w=400&h=400&fit=crop",
+          "description": "Century-old performance and movie theatre in the heart of downtown Austin."
+        },
+        {
+          "id": "4",
+          "name": "Zilker Park",
+          "rating": 4.7,
+          "category": "Park",
+          "location": "Austin",
+          "image": "https://images.unsplash.com/photo-1563828568124-f800803ba13c?w=400&h=400&fit=crop",
+          "description": "Popular park with trails, sports fields, and Barton Springs Pool."
+        },
+        {
+          "id": "5",
+          "name": "South Congress Avenue",
+          "rating": 4.6,
+          "category": "Landmark",
+          "location": "Austin",
+          "image": "https://images.unsplash.com/photo-1588993608283-7f0eda4438be?w=400&h=400&fit=crop",
+          "description": "Vibrant street with unique shops, restaurants, and live music."
+        }
+      ]
+    },
+    "_meta": {}
+  }
+}

package/template/src/{components/carousel → resources/carousel/components}/card.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Button } from '@openai/apps-sdk-ui/components/Button';
-import { cn } from '../../lib/index';
+import { cn } from '../../../lib/index';
 
 export interface CardButtonProps {
   isPrimary?: boolean;

package/template/src/{components/carousel → resources/carousel/components}/carousel.tsx

@@ -4,7 +4,7 @@ import { WheelGesturesPlugin } from 'embla-carousel-wheel-gestures';
 import { ArrowLeft, ArrowRight } from '@openai/apps-sdk-ui/components/Icon';
 import { useWidgetState, useDisplayMode } from 'sunpeak';
 import { Button } from '@openai/apps-sdk-ui/components/Button';
-import { cn } from '../../lib/index';
+import { cn } from '../../../lib/index';
 
 export interface CarouselState extends Record<string, unknown> {
   currentIndex?: number;

package/template/src/resources/index.ts

@@ -1,17 +1,17 @@
 /**
  * Auto-discovers and re-exports all resource components.
  *
- * Discovers all *-resource.tsx files and exports their component
- * with a PascalCase name (e.g., review-resource.tsx -> ReviewResource).
+ * Discovers all {resource}/{resource}-resource.tsx files and exports their component
+ * with a PascalCase name (e.g., albums/albums-resource.tsx -> AlbumsResource).
  *
  * Supports both export styles:
  * - Default export: export default MyComponent
- * - Named export: export const ReviewResource = ...
+ * - Named export: export const AlbumsResource = ...
  */
 import { createResourceExports } from 'sunpeak';
 
-// Auto-discover all resource component files
-const resourceModules = import.meta.glob('./*-resource.tsx', { eager: true });
+// Auto-discover all resource component files in subdirectories
+const resourceModules = import.meta.glob('./*/*-resource.tsx', { eager: true });
 
 // Build exports object from discovered files using library helper
 export default createResourceExports(resourceModules);

package/template/src/{components/map → resources/map/components}/map-view.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import mapboxgl from 'mapbox-gl';
 import 'mapbox-gl/dist/mapbox-gl.css';
 import { useMaxHeight } from 'sunpeak';
-import { cn } from '../../lib/index';
+import { cn } from '../../../lib/index';
 import type { Place } from './types';
 
 // Public Mapbox token for demo purposes

package/template/src/{components/map → resources/map/components}/map.tsx

@@ -8,7 +8,7 @@ import {
 } from 'sunpeak';
 import { Button } from '@openai/apps-sdk-ui/components/Button';
 import { ExpandLg } from '@openai/apps-sdk-ui/components/Icon';
-import { cn } from '../../lib/index';
+import { cn } from '../../../lib/index';
 import { PlaceList } from './place-list';
 import { PlaceCarousel } from './place-carousel';
 import { PlaceInspector } from './place-inspector';

package/template/src/{components/map → resources/map/components}/place-card.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Star } from '@openai/apps-sdk-ui/components/Icon';
-import { cn } from '../../lib/index';
+import { cn } from '../../../lib/index';
 import type { Place } from './types';
 
 export type PlaceCardProps = {

package/template/src/{components/map → resources/map/components}/place-carousel.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import useEmblaCarousel from 'embla-carousel-react';
-import { cn } from '../../lib/index';
+import { cn } from '../../../lib/index';
 import { PlaceCard } from './place-card';
 import type { Place } from './types';
 

package/template/src/{components/map → resources/map/components}/place-inspector.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Button } from '@openai/apps-sdk-ui/components/Button';
 import { Avatar } from '@openai/apps-sdk-ui/components/Avatar';
 import { X, Star } from '@openai/apps-sdk-ui/components/Icon';
-import { cn } from '../../lib/index';
+import { cn } from '../../../lib/index';
 import type { Place } from './types';
 
 export type PlaceInspectorProps = {

package/template/src/{components/map → resources/map/components}/place-list.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Settings } from '@openai/apps-sdk-ui/components/Icon';
-import { cn } from '../../lib/index';
+import { cn } from '../../../lib/index';
 import { PlaceCard } from './place-card';
 import type { Place } from './types';
 

package/template/src/resources/{map-resource.test.tsx → map/map-resource.test.tsx}

@@ -15,7 +15,7 @@ vi.mock('sunpeak', () => ({
 }));
 
 // Mock the Map component
-vi.mock('../components/map/map', () => ({
+vi.mock('./components/map', () => ({
   Map: () => <div data-testid="map">Map Component</div>,
 }));
 

package/template/src/resources/{map-resource.tsx → map/map-resource.tsx}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useSafeArea, useMaxHeight } from 'sunpeak';
-import { Map } from '../components/map/map';
+import { Map } from './components/map';
 
 /**
  * Production-ready Map Resource

package/template/src/resources/map/map-show-simulation.json

@@ -0,0 +1,123 @@
+{
+  "userMessage": "Find pizza near me",
+  "tool": {
+    "name": "show-map",
+    "description": "Show the map",
+    "inputSchema": { "type": "object", "properties": {}, "additionalProperties": false },
+    "title": "Show Map",
+    "annotations": { "readOnlyHint": true },
+    "_meta": {
+      "openai/toolInvocation/invoking": "Finding pizza places",
+      "openai/toolInvocation/invoked": "Found pizza places",
+      "openai/widgetAccessible": true,
+      "openai/resultCanProduceWidget": true
+    }
+  },
+  "callToolResult": {
+    "structuredContent": {
+      "places": [
+        {
+          "id": "nova-slice-lab",
+          "name": "Nova Slice Lab",
+          "coords": [-122.4098, 37.8001],
+          "description": "Award-winning Neapolitan pies in North Beach.",
+          "city": "North Beach",
+          "rating": 4.8,
+          "price": "$$$",
+          "thumbnail": "https://persistent.oaistatic.com/pizzaz/pizzaz-1.png"
+        },
+        {
+          "id": "midnight-marinara",
+          "name": "Midnight Marinara",
+          "coords": [-122.4093, 37.799],
+          "description": "Focaccia-style squares, late-night favorite.",
+          "city": "North Beach",
+          "rating": 4.6,
+          "price": "$",
+          "thumbnail": "https://persistent.oaistatic.com/pizzaz/pizzaz-2.png"
+        },
+        {
+          "id": "cinder-oven-co",
+          "name": "Cinder Oven Co.",
+          "coords": [-122.4255, 37.7613],
+          "description": "Thin-crust classics on 18th Street.",
+          "city": "Mission",
+          "rating": 4.5,
+          "price": "$$",
+          "thumbnail": "https://persistent.oaistatic.com/pizzaz/pizzaz-3.png"
+        },
+        {
+          "id": "neon-crust-works",
+          "name": "Neon Crust Works",
+          "coords": [-122.4388, 37.7775],
+          "description": "Deep-dish and cornmeal crust favorites.",
+          "city": "Alamo Square",
+          "rating": 4.5,
+          "price": "$$",
+          "thumbnail": "https://persistent.oaistatic.com/pizzaz/pizzaz-6.png"
+        },
+        {
+          "id": "luna-pie-collective",
+          "name": "Luna Pie Collective",
+          "coords": [-122.4077, 37.799],
+          "description": "Wood-fired pies and burrata in North Beach.",
+          "city": "North Beach",
+          "rating": 4.6,
+          "price": "$$",
+          "thumbnail": "https://persistent.oaistatic.com/pizzaz/pizzaz-4.png"
+        },
+        {
+          "id": "bricklight-deep-dish",
+          "name": "Bricklight Deep Dish",
+          "coords": [-122.4097, 37.7992],
+          "description": "Chicago-style pies from Tony Gemignani.",
+          "city": "North Beach",
+          "rating": 4.4,
+          "price": "$$$",
+          "thumbnail": "https://persistent.oaistatic.com/pizzaz/pizzaz-5.png"
+        },
+        {
+          "id": "garden-ember-pies",
+          "name": "Garden Ember Pies",
+          "coords": [-122.438, 37.7722],
+          "description": "Neighborhood spot with seasonal toppings.",
+          "city": "Lower Haight",
+          "rating": 4.4,
+          "price": "$$",
+          "thumbnail": "https://persistent.oaistatic.com/pizzaz/pizzaz-1.png"
+        },
+        {
+          "id": "atlas-fire-pizzeria",
+          "name": "Atlas Fire Pizzeria",
+          "coords": [-122.4123, 37.7899],
+          "description": "Sourdough, wood-fired pies near Nob Hill.",
+          "city": "Nob Hill",
+          "rating": 4.6,
+          "price": "$$$",
+          "thumbnail": "https://persistent.oaistatic.com/pizzaz/pizzaz-2.png"
+        },
+        {
+          "id": "circuit-slice-garage",
+          "name": "Circuit Slice Garage",
+          "coords": [-122.4135, 37.7805],
+          "description": "Crispy-edged Detroit-style in SoMa.",
+          "city": "SoMa",
+          "rating": 4.5,
+          "price": "$$",
+          "thumbnail": "https://persistent.oaistatic.com/pizzaz/pizzaz-3.png"
+        },
+        {
+          "id": "velvet-mozza-lounge",
+          "name": "Velvet Mozza Lounge",
+          "coords": [-122.4019, 37.7818],
+          "description": "Bianca pies and cocktails near Yerba Buena.",
+          "city": "Yerba Buena",
+          "rating": 4.3,
+          "price": "$$",
+          "thumbnail": "https://persistent.oaistatic.com/pizzaz/pizzaz-6.png"
+        }
+      ]
+    },
+    "_meta": {}
+  }
+}

package/template/src/resources/review/review-diff-simulation.json

@@ -0,0 +1,80 @@
+{
+  "userMessage": "I'd like to refactor the authentication module",
+  "tool": {
+    "name": "diff-review",
+    "description": "Show a review dialog for a proposed code diff",
+    "inputSchema": { "type": "object", "properties": {}, "additionalProperties": false },
+    "title": "Diff Review",
+    "annotations": { "readOnlyHint": false },
+    "_meta": {
+      "openai/toolInvocation/invoking": "Preparing changes",
+      "openai/toolInvocation/invoked": "Changes ready for review",
+      "openai/widgetAccessible": true,
+      "openai/resultCanProduceWidget": true
+    }
+  },
+  "callToolResult": {
+    "structuredContent": {
+      "title": "Refactor Authentication Module",
+      "description": "The following changes will update the authentication system to use JWT tokens instead of session-based auth.",
+      "sections": [
+        {
+          "title": "File Changes",
+          "type": "changes",
+          "content": [
+            {
+              "id": "1",
+              "type": "create",
+              "path": "src/lib/jwt.ts",
+              "description": "Create JWT utility functions",
+              "details": "Token generation, verification, and refresh logic"
+            },
+            {
+              "id": "2",
+              "type": "modify",
+              "path": "src/middleware/auth.ts",
+              "description": "Update auth middleware to use JWT",
+              "details": "Replace session checks with JWT verification"
+            },
+            {
+              "id": "3",
+              "type": "modify",
+              "path": "src/routes/login.ts",
+              "description": "Update login endpoint to return JWT tokens"
+            },
+            {
+              "id": "4",
+              "type": "delete",
+              "path": "src/lib/session.ts",
+              "description": "Remove deprecated session management",
+              "details": "No longer needed after JWT migration"
+            },
+            {
+              "id": "5",
+              "type": "action",
+              "description": "Run database migration for token storage",
+              "details": "Creates refresh_tokens table"
+            }
+          ]
+        }
+      ],
+      "acceptLabel": "Apply Changes",
+      "rejectLabel": "Cancel",
+      "acceptedMessage": "Changes applied",
+      "rejectedMessage": "Changes cancelled",
+      "reviewTool": {
+        "name": "apply_changes",
+        "arguments": {
+          "changesetId": "cs_789",
+          "files": [
+            "src/lib/jwt.ts",
+            "src/middleware/auth.ts",
+            "src/routes/login.ts",
+            "src/lib/session.ts"
+          ]
+        }
+      }
+    },
+    "_meta": {}
+  }
+}

package/template/src/resources/review/review-post-simulation.json

@@ -0,0 +1,56 @@
+{
+  "userMessage": "Post this to my social media",
+  "tool": {
+    "name": "review-post",
+    "description": "Review a social media post before publishing",
+    "inputSchema": { "type": "object", "properties": {}, "additionalProperties": false },
+    "title": "Review Post",
+    "annotations": { "readOnlyHint": false },
+    "_meta": {
+      "openai/toolInvocation/invoking": "Preparing post",
+      "openai/toolInvocation/invoked": "Post ready for review",
+      "openai/widgetAccessible": true,
+      "openai/resultCanProduceWidget": true
+    }
+  },
+  "callToolResult": {
+    "structuredContent": {
+      "title": "Review Your Post",
+      "description": "This post will be published to your connected accounts.",
+      "sections": [
+        {
+          "title": "Content",
+          "type": "preview",
+          "content": "Just shipped a major update to our app! 🚀\n\nNew features include:\n• Dark mode support\n• Faster load times\n• Bug fixes and improvements\n\nThanks to everyone who provided feedback. You all are amazing! 💪\n\n#ProductUpdate #TechNews #Startup"
+        },
+        {
+          "title": "Post Details",
+          "type": "details",
+          "content": [
+            { "label": "Platforms", "value": "X, LinkedIn" },
+            { "label": "Schedule", "value": "Post immediately" },
+            { "label": "Visibility", "value": "Public" }
+          ]
+        }
+      ],
+      "alerts": [
+        {
+          "type": "warning",
+          "message": "This post contains hashtags that may limit reach on some platforms."
+        }
+      ],
+      "acceptLabel": "Publish",
+      "rejectLabel": "Cancel",
+      "acceptedMessage": "Post published!",
+      "rejectedMessage": "Post cancelled",
+      "reviewTool": {
+        "name": "publish_post",
+        "arguments": {
+          "postId": "draft_456",
+          "platforms": ["x", "linkedin"]
+        }
+      }
+    },
+    "_meta": {}
+  }
+}

package/template/src/resources/review/review-purchase-simulation.json

@@ -0,0 +1,88 @@
+{
+  "userMessage": "I want to buy these items",
+  "tool": {
+    "name": "review-purchase",
+    "description": "Review a purchase before completing the transaction",
+    "inputSchema": { "type": "object", "properties": {}, "additionalProperties": false },
+    "title": "Review Purchase",
+    "annotations": { "readOnlyHint": false },
+    "_meta": {
+      "openai/toolInvocation/invoking": "Preparing order",
+      "openai/toolInvocation/invoked": "Order ready for review",
+      "openai/widgetAccessible": true,
+      "openai/resultCanProduceWidget": true
+    }
+  },
+  "callToolResult": {
+    "structuredContent": {
+      "title": "Confirm Your Order",
+      "description": "Please review your order before completing the purchase.",
+      "alerts": [
+        {
+          "type": "info",
+          "message": "Free shipping on orders over $50!"
+        }
+      ],
+      "sections": [
+        {
+          "title": "Items",
+          "type": "items",
+          "content": [
+            {
+              "id": "1",
+              "title": "Wireless Headphones",
+              "subtitle": "Black, Over-ear",
+              "image": "https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=100&h=100&fit=crop",
+              "value": "$79.99"
+            },
+            {
+              "id": "2",
+              "title": "USB-C Charging Cable",
+              "subtitle": "2m, Braided",
+              "image": "https://images.unsplash.com/photo-1588872657578-7efd1f1555ed?w=100&h=100&fit=crop",
+              "value": "$12.99",
+              "badge": "Sale"
+            },
+            {
+              "id": "3",
+              "title": "Phone Case",
+              "subtitle": "Clear, iPhone 15 Pro",
+              "image": "https://images.unsplash.com/photo-1601784551446-20c9e07cdbdb?w=100&h=100&fit=crop",
+              "value": "$24.99"
+            }
+          ]
+        },
+        {
+          "title": "Shipping",
+          "type": "details",
+          "content": [
+            { "label": "Method", "value": "Standard (5-7 days)" },
+            { "label": "Address", "value": "123 Main St, Austin, TX", "sublabel": "John Doe" }
+          ]
+        },
+        {
+          "type": "summary",
+          "content": [
+            { "label": "Subtotal", "value": "$117.97" },
+            { "label": "Shipping", "value": "FREE" },
+            { "label": "Tax", "value": "$9.68" },
+            { "label": "Total", "value": "$127.65", "emphasis": true }
+          ]
+        }
+      ],
+      "acceptLabel": "Place Order",
+      "rejectLabel": "Cancel",
+      "acceptedMessage": "Order placed!",
+      "rejectedMessage": "Order cancelled",
+      "reviewTool": {
+        "name": "complete_purchase",
+        "arguments": {
+          "orderId": "order_123",
+          "items": ["1", "2", "3"],
+          "total": 127.65
+        }
+      }
+    },
+    "_meta": {}
+  }
+}

package/dist/discovery-a4WId9PC.cjs

@@ -1,125 +0,0 @@
-"use strict";
-function toPascalCase(str) {
-  return str.split("-").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
-}
-function extractResourceKey(path) {
-  const match = path.match(/([^/]+)-resource\.(tsx|json)$/);
-  return match == null ? void 0 : match[1];
-}
-function extractSimulationKey(path) {
-  const match = path.match(/([^/]+)-simulation\.json$/);
-  return match == null ? void 0 : match[1];
-}
-function findResourceKey(simulationKey, resourceKeys) {
-  const sorted = [...resourceKeys].sort((a, b) => b.length - a.length);
-  for (const resourceKey of sorted) {
-    if (simulationKey === resourceKey || simulationKey.startsWith(resourceKey + "-")) {
-      return resourceKey;
-    }
-  }
-  return void 0;
-}
-function getComponentName(resourceKey) {
-  return `${toPascalCase(resourceKey)}Resource`;
-}
-function createResourceExports(modules) {
-  const resources = {};
-  for (const [path, module2] of Object.entries(modules)) {
-    const key = extractResourceKey(path);
-    if (!key) continue;
-    const exportName = getComponentName(key);
-    const mod = module2;
-    const component = mod.default ?? mod[exportName];
-    if (component && (typeof component === "function" || typeof component === "object")) {
-      resources[exportName] = component;
-    }
-  }
-  return resources;
-}
-function createSimulationIndex(modules) {
-  return Object.fromEntries(
-    Object.entries(modules).map(([path, module2]) => {
-      const key = extractSimulationKey(path);
-      if (!key) return null;
-      return [key, module2.default];
-    }).filter((entry) => entry !== null)
-  );
-}
-function buildResourceMap(modules) {
-  const map = /* @__PURE__ */ new Map();
-  for (const [path, module2] of Object.entries(modules)) {
-    const key = extractResourceKey(path);
-    if (key) {
-      map.set(key, module2.default);
-    }
-  }
-  return map;
-}
-function buildSimulations(options) {
-  const {
-    simulationModules,
-    resourcesMap,
-    resourceComponents,
-    createSimulation,
-    onMissingResource = (key, prefix) => console.warn(
-      `No matching resource found for simulation "${key}". Expected a resource file like src/resources/${prefix}-resource.json`
-    )
-  } = options;
-  const resourceKeys = Array.from(resourcesMap.keys());
-  const simulations = {};
-  for (const [path, module2] of Object.entries(simulationModules)) {
-    const simulationKey = extractSimulationKey(path);
-    if (!simulationKey) continue;
-    const simulationData = module2.default;
-    const resourceKey = findResourceKey(simulationKey, resourceKeys);
-    if (!resourceKey) {
-      onMissingResource(simulationKey, simulationKey.split("-")[0]);
-      continue;
-    }
-    const resource = resourcesMap.get(resourceKey);
-    const componentName = getComponentName(resourceKey);
-    const resourceComponent = resourceComponents[componentName];
-    if (!resourceComponent) {
-      console.warn(
-        `Resource component "${componentName}" not found for resource "${resourceKey}". Make sure src/resources/${resourceKey}-resource.tsx exists with a default export.`
-      );
-      continue;
-    }
-    simulations[simulationKey] = createSimulation(
-      simulationKey,
-      simulationData,
-      resource,
-      resourceComponent
-    );
-  }
-  return simulations;
-}
-function buildDevSimulations(options) {
-  const { simulationModules, resourceModules, resourceComponents } = options;
-  const resourcesMap = buildResourceMap(resourceModules);
-  return buildSimulations({
-    simulationModules,
-    resourcesMap,
-    resourceComponents,
-    createSimulation: (simulationKey, simulationData, resource, resourceComponent) => ({
-      ...simulationData,
-      name: simulationKey,
-      resource: {
-        uri: `ui://${resource.name}`,
-        ...resource
-      },
-      resourceComponent
-    })
-  });
-}
-exports.buildDevSimulations = buildDevSimulations;
-exports.buildResourceMap = buildResourceMap;
-exports.buildSimulations = buildSimulations;
-exports.createResourceExports = createResourceExports;
-exports.createSimulationIndex = createSimulationIndex;
-exports.extractResourceKey = extractResourceKey;
-exports.extractSimulationKey = extractSimulationKey;
-exports.findResourceKey = findResourceKey;
-exports.getComponentName = getComponentName;
-exports.toPascalCase = toPascalCase;
-//# sourceMappingURL=discovery-a4WId9PC.cjs.map