@guuey/create-agentic-app 0.11.0 → 0.12.1

package/dist/templates/agentic-app/claude-agent-sdk/package.json

@@ -12,12 +12,12 @@
   },
   "dependencies": {
     "@anthropic-ai/claude-agent-sdk": "^0.3.199",
-    "@guuey/config": "0.11.0",
-    "@guuey/worker": "0.11.0"
+    "@guuey/config": "0.12.1",
+    "@guuey/worker": "0.12.1"
   },
   "devDependencies": {
-    "@ggui-ai/cli": "0.6.3",
-    "@guuey/cli": "0.11.0",
+    "@ggui-ai/cli": "0.11.0",
+    "@guuey/cli": "0.12.1",
     "tsup": "^8.5.0",
     "tsx": "^4.19.0",
     "typescript": "^5.8.0"

package/dist/templates/agentic-app/claude-agent-sdk/web/package.json

@@ -9,8 +9,8 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@guuey/chat": "0.11.0",
-    "@guuey/mcp-apps-host": "0.11.0",
+    "@guuey/chat": "0.12.1",
+    "@guuey/mcp-apps-host": "0.12.1",
     "oidc-client-ts": "^3.1.0",
     "qrcode": "^1.5.4",
     "react": "^19.0.0",

package/dist/templates/agentic-app/claude-agent-sdk/web/src/components/AgentChat.tsx

@@ -10,6 +10,7 @@
  */
 import { useEffect, useState, type CSSProperties } from "react";
 import { GuueyChat } from "@guuey/chat/react";
+import type { GuueyChatHandle } from "@guuey/chat/react";
 import type { PlanViewSummary, ViewRefItem } from "@guuey/chat";
 import { agentEndpointUrl, appConfig, historyBaseUrl } from "../config";
 import { currentIdentityMode, ensureGuestSecret } from "../lib/identity";
@@ -38,10 +39,13 @@ export function AgentChat({
   className,
   style,
   viewsBridge,
+  onReady,
 }: {
   className?: string;
   style?: CSSProperties;
   viewsBridge?: ViewsBridge;
+  /** Receives the chat handle — the AppShell mounts canvas views with `handle.viewSlotProps()`. */
+  onReady?: (handle: GuueyChatHandle) => void;
 }) {
   // The user's CHOSEN mode wins: an explicit "Continue as guest" must never
   // be shadowed by a cached OIDC session. Only when no choice is recorded
@@ -71,6 +75,7 @@ export function AgentChat({
     mode: appConfig.theme.mode,
     className,
     style,
+    ...(onReady !== undefined ? { onReady } : {}),
     ...(viewsBridge !== undefined
       ? {
           policy: RAIL_POLICY,

package/dist/templates/agentic-app/claude-agent-sdk/web/src/components/AppShell.tsx

@@ -20,6 +20,7 @@
  * menu swaps the canvas back to your pages.
  */
 import { useCallback, useRef, useState } from "react";
+import type { GuueyChatHandle } from "@guuey/chat/react";
 import { NavLink, Outlet, useNavigate } from "react-router-dom";
 import type { PlanViewSummary, ViewRefItem } from "@guuey/chat";
 import { GuueyView } from "@guuey/mcp-apps-host/react";
@@ -36,6 +37,10 @@ export function AppShell() {
   // here, the rail shows only chips), the selected key, and whether the
   // canvas currently shows a view or the routed pages.
   const [views, setViews] = useState<PlanViewSummary[]>([]);
+  // The chat handle carries the kit's view-host wiring (action relay,
+  // model-context sink, theme announce) — the canvas mounts with it so a
+  // rendered card's Confirm works OUTSIDE the transcript too (guuey#335).
+  const [chat, setChat] = useState<GuueyChatHandle | null>(null);
   const [selectedKey, setSelectedKey] = useState<string | undefined>(undefined);
   const [canvasShowsView, setCanvasShowsView] = useState(false);
   const newestKeyRef = useRef<string | undefined>(undefined);
@@ -103,6 +108,7 @@ export function AppShell() {
             <AgentChat
               className="rail-chat"
               viewsBridge={{ promotedViewKey: selectedKey, onViewRef, onViewsChange }}
+              onReady={setChat}
             />
           </div>
         </aside>
@@ -121,6 +127,14 @@ export function AppShell() {
                   mount={selected.mount}
                   title={selected.title}
                   className="canvas-view-mount"
+                  // The kit's slot wiring (guuey#335): action relay +
+                  // model-context sink + the #302 theme announce, identical
+                  // to the transcript's own mounts — Confirm inside a
+                  // canvas-mounted card is a tools/call and needs the relay.
+                  {...(chat !== null ? chat.viewSlotProps() : {})}
+                  // Explicit announce kept (same value the kit defaults):
+                  // the canvas mounts correctly even pre-handle.
+                  hostContext={{ theme: appConfig.theme.mode }}
                 />
               ) : (
                 // A locator still resolving — the kit reads it and the next

package/dist/templates/agentic-app/google-adk/package.json

@@ -15,9 +15,9 @@
     "zod": "^4.2.1"
   },
   "devDependencies": {
-    "@ggui-ai/cli": "0.6.3",
-    "@guuey/cli": "0.11.0",
-    "@guuey/config": "0.11.0",
+    "@ggui-ai/cli": "0.11.0",
+    "@guuey/cli": "0.12.1",
+    "@guuey/config": "0.12.1",
     "tsup": "^8.5.0",
     "tsx": "^4.19.0",
     "typescript": "^5.8.0"

package/dist/templates/agentic-app/google-adk/web/package.json

@@ -9,8 +9,8 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@guuey/chat": "0.11.0",
-    "@guuey/mcp-apps-host": "0.11.0",
+    "@guuey/chat": "0.12.1",
+    "@guuey/mcp-apps-host": "0.12.1",
     "oidc-client-ts": "^3.1.0",
     "qrcode": "^1.5.4",
     "react": "^19.0.0",

package/dist/templates/agentic-app/google-adk/web/src/components/AgentChat.tsx

@@ -10,6 +10,7 @@
  */
 import { useEffect, useState, type CSSProperties } from "react";
 import { GuueyChat } from "@guuey/chat/react";
+import type { GuueyChatHandle } from "@guuey/chat/react";
 import type { PlanViewSummary, ViewRefItem } from "@guuey/chat";
 import { agentEndpointUrl, appConfig, historyBaseUrl } from "../config";
 import { currentIdentityMode, ensureGuestSecret } from "../lib/identity";
@@ -38,10 +39,13 @@ export function AgentChat({
   className,
   style,
   viewsBridge,
+  onReady,
 }: {
   className?: string;
   style?: CSSProperties;
   viewsBridge?: ViewsBridge;
+  /** Receives the chat handle — the AppShell mounts canvas views with `handle.viewSlotProps()`. */
+  onReady?: (handle: GuueyChatHandle) => void;
 }) {
   // The user's CHOSEN mode wins: an explicit "Continue as guest" must never
   // be shadowed by a cached OIDC session. Only when no choice is recorded
@@ -71,6 +75,7 @@ export function AgentChat({
     mode: appConfig.theme.mode,
     className,
     style,
+    ...(onReady !== undefined ? { onReady } : {}),
     ...(viewsBridge !== undefined
       ? {
           policy: RAIL_POLICY,

package/dist/templates/agentic-app/google-adk/web/src/components/AppShell.tsx

@@ -20,6 +20,7 @@
  * menu swaps the canvas back to your pages.
  */
 import { useCallback, useRef, useState } from "react";
+import type { GuueyChatHandle } from "@guuey/chat/react";
 import { NavLink, Outlet, useNavigate } from "react-router-dom";
 import type { PlanViewSummary, ViewRefItem } from "@guuey/chat";
 import { GuueyView } from "@guuey/mcp-apps-host/react";
@@ -36,6 +37,10 @@ export function AppShell() {
   // here, the rail shows only chips), the selected key, and whether the
   // canvas currently shows a view or the routed pages.
   const [views, setViews] = useState<PlanViewSummary[]>([]);
+  // The chat handle carries the kit's view-host wiring (action relay,
+  // model-context sink, theme announce) — the canvas mounts with it so a
+  // rendered card's Confirm works OUTSIDE the transcript too (guuey#335).
+  const [chat, setChat] = useState<GuueyChatHandle | null>(null);
   const [selectedKey, setSelectedKey] = useState<string | undefined>(undefined);
   const [canvasShowsView, setCanvasShowsView] = useState(false);
   const newestKeyRef = useRef<string | undefined>(undefined);
@@ -103,6 +108,7 @@ export function AppShell() {
             <AgentChat
               className="rail-chat"
               viewsBridge={{ promotedViewKey: selectedKey, onViewRef, onViewsChange }}
+              onReady={setChat}
             />
           </div>
         </aside>
@@ -121,6 +127,14 @@ export function AppShell() {
                   mount={selected.mount}
                   title={selected.title}
                   className="canvas-view-mount"
+                  // The kit's slot wiring (guuey#335): action relay +
+                  // model-context sink + the #302 theme announce, identical
+                  // to the transcript's own mounts — Confirm inside a
+                  // canvas-mounted card is a tools/call and needs the relay.
+                  {...(chat !== null ? chat.viewSlotProps() : {})}
+                  // Explicit announce kept (same value the kit defaults):
+                  // the canvas mounts correctly even pre-handle.
+                  hostContext={{ theme: appConfig.theme.mode }}
                 />
               ) : (
                 // A locator still resolving — the kit reads it and the next

package/dist/templates/agentic-app/openai-agents-sdk/package.json

@@ -12,12 +12,12 @@
   },
   "dependencies": {
     "@openai/agents": "^0.12.0",
-    "@guuey/config": "0.11.0",
-    "@guuey/worker": "0.11.0"
+    "@guuey/config": "0.12.1",
+    "@guuey/worker": "0.12.1"
   },
   "devDependencies": {
-    "@ggui-ai/cli": "0.6.3",
-    "@guuey/cli": "0.11.0",
+    "@ggui-ai/cli": "0.11.0",
+    "@guuey/cli": "0.12.1",
     "tsup": "^8.5.0",
     "tsx": "^4.19.0",
     "typescript": "^5.8.0"

package/dist/templates/agentic-app/openai-agents-sdk/web/package.json

@@ -9,8 +9,8 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@guuey/chat": "0.11.0",
-    "@guuey/mcp-apps-host": "0.11.0",
+    "@guuey/chat": "0.12.1",
+    "@guuey/mcp-apps-host": "0.12.1",
     "oidc-client-ts": "^3.1.0",
     "qrcode": "^1.5.4",
     "react": "^19.0.0",

package/dist/templates/agentic-app/openai-agents-sdk/web/src/components/AgentChat.tsx

@@ -10,6 +10,7 @@
  */
 import { useEffect, useState, type CSSProperties } from "react";
 import { GuueyChat } from "@guuey/chat/react";
+import type { GuueyChatHandle } from "@guuey/chat/react";
 import type { PlanViewSummary, ViewRefItem } from "@guuey/chat";
 import { agentEndpointUrl, appConfig, historyBaseUrl } from "../config";
 import { currentIdentityMode, ensureGuestSecret } from "../lib/identity";
@@ -38,10 +39,13 @@ export function AgentChat({
   className,
   style,
   viewsBridge,
+  onReady,
 }: {
   className?: string;
   style?: CSSProperties;
   viewsBridge?: ViewsBridge;
+  /** Receives the chat handle — the AppShell mounts canvas views with `handle.viewSlotProps()`. */
+  onReady?: (handle: GuueyChatHandle) => void;
 }) {
   // The user's CHOSEN mode wins: an explicit "Continue as guest" must never
   // be shadowed by a cached OIDC session. Only when no choice is recorded
@@ -71,6 +75,7 @@ export function AgentChat({
     mode: appConfig.theme.mode,
     className,
     style,
+    ...(onReady !== undefined ? { onReady } : {}),
     ...(viewsBridge !== undefined
       ? {
           policy: RAIL_POLICY,

package/dist/templates/agentic-app/openai-agents-sdk/web/src/components/AppShell.tsx

@@ -20,6 +20,7 @@
  * menu swaps the canvas back to your pages.
  */
 import { useCallback, useRef, useState } from "react";
+import type { GuueyChatHandle } from "@guuey/chat/react";
 import { NavLink, Outlet, useNavigate } from "react-router-dom";
 import type { PlanViewSummary, ViewRefItem } from "@guuey/chat";
 import { GuueyView } from "@guuey/mcp-apps-host/react";
@@ -36,6 +37,10 @@ export function AppShell() {
   // here, the rail shows only chips), the selected key, and whether the
   // canvas currently shows a view or the routed pages.
   const [views, setViews] = useState<PlanViewSummary[]>([]);
+  // The chat handle carries the kit's view-host wiring (action relay,
+  // model-context sink, theme announce) — the canvas mounts with it so a
+  // rendered card's Confirm works OUTSIDE the transcript too (guuey#335).
+  const [chat, setChat] = useState<GuueyChatHandle | null>(null);
   const [selectedKey, setSelectedKey] = useState<string | undefined>(undefined);
   const [canvasShowsView, setCanvasShowsView] = useState(false);
   const newestKeyRef = useRef<string | undefined>(undefined);
@@ -103,6 +108,7 @@ export function AppShell() {
             <AgentChat
               className="rail-chat"
               viewsBridge={{ promotedViewKey: selectedKey, onViewRef, onViewsChange }}
+              onReady={setChat}
             />
           </div>
         </aside>
@@ -121,6 +127,14 @@ export function AppShell() {
                   mount={selected.mount}
                   title={selected.title}
                   className="canvas-view-mount"
+                  // The kit's slot wiring (guuey#335): action relay +
+                  // model-context sink + the #302 theme announce, identical
+                  // to the transcript's own mounts — Confirm inside a
+                  // canvas-mounted card is a tools/call and needs the relay.
+                  {...(chat !== null ? chat.viewSlotProps() : {})}
+                  // Explicit announce kept (same value the kit defaults):
+                  // the canvas mounts correctly even pre-handle.
+                  hostContext={{ theme: appConfig.theme.mode }}
                 />
               ) : (
                 // A locator still resolving — the kit reads it and the next

package/dist/templates/base/claude-agent-sdk/package.json

@@ -12,12 +12,12 @@
   },
   "dependencies": {
     "@anthropic-ai/claude-agent-sdk": "^0.3.199",
-    "@guuey/config": "0.11.0",
-    "@guuey/worker": "0.11.0"
+    "@guuey/config": "0.12.1",
+    "@guuey/worker": "0.12.1"
   },
   "devDependencies": {
-    "@ggui-ai/cli": "0.6.3",
-    "@guuey/cli": "0.11.0",
+    "@ggui-ai/cli": "0.11.0",
+    "@guuey/cli": "0.12.1",
     "tsup": "^8.5.0",
     "tsx": "^4.19.0",
     "typescript": "^5.8.0"

package/dist/templates/base/claude-agent-sdk/web/package.json

@@ -9,7 +9,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@guuey/chat": "0.11.0",
+    "@guuey/chat": "0.12.1",
     "oidc-client-ts": "^3.1.0",
     "qrcode": "^1.5.4",
     "react": "^19.0.0",

package/dist/templates/base/claude-agent-sdk/web/src/components/AgentChat.tsx

@@ -10,6 +10,7 @@
  */
 import { useEffect, useState, type CSSProperties } from "react";
 import { GuueyChat } from "@guuey/chat/react";
+import type { GuueyChatHandle } from "@guuey/chat/react";
 import type { PlanViewSummary, ViewRefItem } from "@guuey/chat";
 import { agentEndpointUrl, appConfig, historyBaseUrl } from "../config";
 import { currentIdentityMode, ensureGuestSecret } from "../lib/identity";
@@ -38,10 +39,13 @@ export function AgentChat({
   className,
   style,
   viewsBridge,
+  onReady,
 }: {
   className?: string;
   style?: CSSProperties;
   viewsBridge?: ViewsBridge;
+  /** Receives the chat handle — the AppShell mounts canvas views with `handle.viewSlotProps()`. */
+  onReady?: (handle: GuueyChatHandle) => void;
 }) {
   // The user's CHOSEN mode wins: an explicit "Continue as guest" must never
   // be shadowed by a cached OIDC session. Only when no choice is recorded
@@ -71,6 +75,7 @@ export function AgentChat({
     mode: appConfig.theme.mode,
     className,
     style,
+    ...(onReady !== undefined ? { onReady } : {}),
     ...(viewsBridge !== undefined
       ? {
           policy: RAIL_POLICY,

package/dist/templates/base/google-adk/package.json

@@ -15,9 +15,9 @@
     "zod": "^4.2.1"
   },
   "devDependencies": {
-    "@ggui-ai/cli": "0.6.3",
-    "@guuey/cli": "0.11.0",
-    "@guuey/config": "0.11.0",
+    "@ggui-ai/cli": "0.11.0",
+    "@guuey/cli": "0.12.1",
+    "@guuey/config": "0.12.1",
     "tsup": "^8.5.0",
     "tsx": "^4.19.0",
     "typescript": "^5.8.0"

package/dist/templates/base/google-adk/web/package.json

@@ -9,7 +9,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@guuey/chat": "0.11.0",
+    "@guuey/chat": "0.12.1",
     "oidc-client-ts": "^3.1.0",
     "qrcode": "^1.5.4",
     "react": "^19.0.0",

package/dist/templates/base/google-adk/web/src/components/AgentChat.tsx

@@ -10,6 +10,7 @@
  */
 import { useEffect, useState, type CSSProperties } from "react";
 import { GuueyChat } from "@guuey/chat/react";
+import type { GuueyChatHandle } from "@guuey/chat/react";
 import type { PlanViewSummary, ViewRefItem } from "@guuey/chat";
 import { agentEndpointUrl, appConfig, historyBaseUrl } from "../config";
 import { currentIdentityMode, ensureGuestSecret } from "../lib/identity";
@@ -38,10 +39,13 @@ export function AgentChat({
   className,
   style,
   viewsBridge,
+  onReady,
 }: {
   className?: string;
   style?: CSSProperties;
   viewsBridge?: ViewsBridge;
+  /** Receives the chat handle — the AppShell mounts canvas views with `handle.viewSlotProps()`. */
+  onReady?: (handle: GuueyChatHandle) => void;
 }) {
   // The user's CHOSEN mode wins: an explicit "Continue as guest" must never
   // be shadowed by a cached OIDC session. Only when no choice is recorded
@@ -71,6 +75,7 @@ export function AgentChat({
     mode: appConfig.theme.mode,
     className,
     style,
+    ...(onReady !== undefined ? { onReady } : {}),
     ...(viewsBridge !== undefined
       ? {
           policy: RAIL_POLICY,

package/dist/templates/base/openai-agents-sdk/package.json

@@ -12,12 +12,12 @@
   },
   "dependencies": {
     "@openai/agents": "^0.12.0",
-    "@guuey/config": "0.11.0",
-    "@guuey/worker": "0.11.0"
+    "@guuey/config": "0.12.1",
+    "@guuey/worker": "0.12.1"
   },
   "devDependencies": {
-    "@ggui-ai/cli": "0.6.3",
-    "@guuey/cli": "0.11.0",
+    "@ggui-ai/cli": "0.11.0",
+    "@guuey/cli": "0.12.1",
     "tsup": "^8.5.0",
     "tsx": "^4.19.0",
     "typescript": "^5.8.0"

package/dist/templates/base/openai-agents-sdk/web/package.json

@@ -9,7 +9,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@guuey/chat": "0.11.0",
+    "@guuey/chat": "0.12.1",
     "oidc-client-ts": "^3.1.0",
     "qrcode": "^1.5.4",
     "react": "^19.0.0",

package/dist/templates/base/openai-agents-sdk/web/src/components/AgentChat.tsx

@@ -10,6 +10,7 @@
  */
 import { useEffect, useState, type CSSProperties } from "react";
 import { GuueyChat } from "@guuey/chat/react";
+import type { GuueyChatHandle } from "@guuey/chat/react";
 import type { PlanViewSummary, ViewRefItem } from "@guuey/chat";
 import { agentEndpointUrl, appConfig, historyBaseUrl } from "../config";
 import { currentIdentityMode, ensureGuestSecret } from "../lib/identity";
@@ -38,10 +39,13 @@ export function AgentChat({
   className,
   style,
   viewsBridge,
+  onReady,
 }: {
   className?: string;
   style?: CSSProperties;
   viewsBridge?: ViewsBridge;
+  /** Receives the chat handle — the AppShell mounts canvas views with `handle.viewSlotProps()`. */
+  onReady?: (handle: GuueyChatHandle) => void;
 }) {
   // The user's CHOSEN mode wins: an explicit "Continue as guest" must never
   // be shadowed by a cached OIDC session. Only when no choice is recorded
@@ -71,6 +75,7 @@ export function AgentChat({
     mode: appConfig.theme.mode,
     className,
     style,
+    ...(onReady !== undefined ? { onReady } : {}),
     ...(viewsBridge !== undefined
       ? {
           policy: RAIL_POLICY,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@guuey/create-agentic-app",
-  "version": "0.11.0",
+  "version": "0.12.1",
   "description": "Scaffold a guuey agentic app: code-mode agent + custom MCP + ggui + web, local pnpm dev, one-command guuey deploy.",
   "license": "MIT",
   "type": "module",
@@ -25,8 +25,8 @@
     "tsup": "^8.5.0",
     "typescript": "^5.8.0",
     "vitest": "^3.2.4",
-    "@guuey/config": "0.11.0",
-    "@guuey/worker": "0.11.0"
+    "@guuey/config": "0.12.1",
+    "@guuey/worker": "0.12.1"
   },
   "publishConfig": {
     "access": "public"