@guuey/create-agentic-app 0.9.0 → 0.10.0

package/dist/templates/base/google-adk/web/src/pages/Landing.tsx

@@ -0,0 +1,50 @@
+/**
+ * Landing — the widget IS the hero (distribution way #1). On a linked app
+ * the real guuey widget launcher mounts in the corner; before linking, an
+ * honest placeholder explains what will appear here.
+ */
+import { useEffect, useState } from "react";
+import { Link } from "react-router-dom";
+import { appConfig, isLinked } from "../config";
+import { CHAT_PATH, HOME_PATH } from "../routes";
+import { mountWidget, type WidgetOutcome } from "../lib/widget";
+
+export function Landing() {
+  const [widget, setWidget] = useState<WidgetOutcome | "unlinked" | "loading">(
+    isLinked ? "loading" : "unlinked",
+  );
+
+  useEffect(() => {
+    if (!isLinked) return;
+    mountWidget((outcome) => setWidget(outcome));
+  }, []);
+
+  return (
+    <main className="page landing">
+      <section className="hero">
+        <h1>{appConfig.copy.landing.headline}</h1>
+        <p>{appConfig.copy.landing.sub}</p>
+        <div className="hero-actions">
+          <Link to={CHAT_PATH} className="btn btn-accent">
+            Open the chat
+          </Link>
+          <Link to={HOME_PATH} className="btn">
+            How this app is wired
+          </Link>
+        </div>
+        {widget === "unlinked" ? (
+          <p className="hint">
+            The floating agent launcher appears here once the app is bound to a
+            deployed guuey agent — <code>pnpm bootstrap -- --link</code>.
+          </p>
+        ) : null}
+        {widget === "offline" ? (
+          <p className="hint">
+            Widget script failed to load from this environment — check the app's
+            Allowed Domains include this site.
+          </p>
+        ) : null}
+      </section>
+    </main>
+  );
+}

package/dist/templates/base/google-adk/web/src/pages/Login.tsx

@@ -0,0 +1,81 @@
+/**
+ * Login — two doors, one identity rule (never both at once):
+ *
+ * - "Continue as guest": one click, no account. A per-browser secret is
+ *   minted locally; the agent remembers this browser across visits.
+ * - "Sign in": the BYO-OIDC seam. Active only when `auth.oidc` is
+ *   configured in guuey.app.json (any spec-compliant IdP — this is where a
+ *   "Sign in with Google" plugs in). The bound guuey app must be in BYO
+ *   auth mode for the same issuer.
+ */
+import { useEffect, useRef, useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { appConfig } from "../config";
+import { CHAT_PATH } from "../routes";
+import { continueAsGuest, setIdentityMode } from "../lib/identity";
+import { completeSignIn, isSigninCallback, oidcConfigured, signIn, signOutOidc } from "../lib/oidc";
+
+export function Login() {
+  const navigate = useNavigate();
+  const [error, setError] = useState<string | null>(null);
+  const [completing, setCompleting] = useState(isSigninCallback());
+  // One-shot: StrictMode double-invokes effects in dev, and the OIDC
+  // authorization code is single-use — a second signinCallback() would
+  // double-spend it and flash a bogus failure.
+  const callbackStarted = useRef(false);
+
+  // Finish the redirect flow when the IdP sent us back here.
+  useEffect(() => {
+    if (!isSigninCallback() || callbackStarted.current) return;
+    callbackStarted.current = true;
+    completeSignIn()
+      .then(() => {
+        setIdentityMode("oidc");
+        navigate(CHAT_PATH, { replace: true });
+      })
+      .catch((err: unknown) => {
+        setCompleting(false);
+        setError(err instanceof Error ? err.message : String(err));
+      });
+  }, [navigate]);
+
+  function guest() {
+    // One identity mode per surface: an explicit guest choice also drops
+    // any cached OIDC session, so a stale bearer can never shadow it.
+    void signOutOidc();
+    continueAsGuest();
+    navigate(CHAT_PATH);
+  }
+
+  if (completing) {
+    return (
+      <main className="page login">
+        <div className="login-card">
+          <p>Completing sign-in…</p>
+        </div>
+      </main>
+    );
+  }
+
+  return (
+    <main className="page login">
+      <div className="login-card">
+        <h1>Welcome to {appConfig.brand.name}</h1>
+        {oidcConfigured() ? (
+          <button type="button" className="btn btn-accent btn-wide" onClick={() => void signIn()}>
+            Sign in
+          </button>
+        ) : (
+          <button type="button" className="btn btn-wide" disabled title="Configure auth.oidc in guuey.app.json (or via bootstrap) to enable sign-in">
+            Sign in — not configured yet
+          </button>
+        )}
+        <button type="button" className="btn btn-wide" onClick={guest}>
+          Continue as guest
+        </button>
+        <p className="hint">{appConfig.copy.login.guestHint}</p>
+        {error ? <p className="error">Sign-in failed: {error}</p> : null}
+      </div>
+    </main>
+  );
+}

package/dist/templates/base/google-adk/web/src/routes.ts

@@ -0,0 +1,7 @@
+/**
+ * Route constants shared by the chrome and pages. The agentic-app template
+ * overlays this file (its chat lives at /app/agent inside the app shell) —
+ * link via these constants, never hard-code the paths in components.
+ */
+export const CHAT_PATH = "/chat";
+export const HOME_PATH = "/home";

package/dist/templates/base/google-adk/web/src/styles.css

@@ -0,0 +1,248 @@
+/* agentic-app-template site styles — one accent, light/dark, no framework. */
+
+:root {
+  --app-accent: #6c5ce7;
+  --bg: #ffffff;
+  --bg-soft: #f6f7f9;
+  --fg: #16181d;
+  --fg-soft: #5b6270;
+  --line: #e4e7ec;
+  --ok: #1a7f37;
+}
+
+:root[data-mode="dark"] {
+  --bg: #101216;
+  --bg-soft: #181b21;
+  --fg: #e8eaee;
+  --fg-soft: #9aa2b1;
+  --line: #262a33;
+  --ok: #3fb950;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+  background: var(--bg);
+  color: var(--fg);
+}
+
+code,
+pre {
+  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+  font-size: 0.9em;
+}
+
+pre {
+  background: var(--bg-soft);
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  padding: 12px 14px;
+  overflow-x: auto;
+}
+
+a {
+  color: var(--app-accent);
+}
+
+.shell {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+.topbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 24px;
+  border-bottom: 1px solid var(--line);
+}
+
+.brand {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  font-weight: 700;
+  color: var(--fg);
+  text-decoration: none;
+}
+
+.brand-mark {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 30px;
+  height: 30px;
+  border-radius: 8px;
+  background: var(--app-accent);
+  color: #fff;
+  font-size: 13px;
+}
+
+.topbar nav {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+}
+
+.topbar nav a {
+  color: var(--fg-soft);
+  text-decoration: none;
+}
+
+.topbar nav a.active {
+  color: var(--fg);
+  font-weight: 600;
+}
+
+.btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 8px 16px;
+  border-radius: 8px;
+  border: 1px solid var(--line);
+  background: var(--bg);
+  color: var(--fg);
+  font-size: 14px;
+  cursor: pointer;
+  text-decoration: none;
+}
+
+.btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.btn-accent {
+  background: var(--app-accent);
+  border-color: var(--app-accent);
+  color: #fff;
+}
+
+.btn-wide {
+  width: 100%;
+}
+
+.page {
+  flex: 1;
+  width: 100%;
+  max-width: 880px;
+  margin: 0 auto;
+  padding: 32px 24px;
+}
+
+.hero {
+  text-align: center;
+  padding: 64px 0;
+}
+
+.hero h1 {
+  font-size: 44px;
+  margin: 0 0 12px;
+}
+
+.hero p {
+  color: var(--fg-soft);
+  font-size: 18px;
+  margin: 0 0 28px;
+}
+
+.hero-actions {
+  display: flex;
+  gap: 12px;
+  justify-content: center;
+}
+
+.login {
+  display: flex;
+  justify-content: center;
+}
+
+.login-card,
+.gate-card {
+  width: 100%;
+  max-width: 380px;
+  margin-top: 48px;
+  padding: 28px;
+  border: 1px solid var(--line);
+  border-radius: 12px;
+  background: var(--bg-soft);
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.gate {
+  min-height: 100vh;
+  display: flex;
+  justify-content: center;
+  background: var(--bg);
+  color: var(--fg);
+}
+
+.gate-card {
+  max-width: 520px;
+}
+
+.chat-page {
+  display: flex;
+  max-width: 880px;
+  height: calc(100vh - 61px);
+  padding: 16px 24px 24px;
+}
+
+.chat-fill {
+  flex: 1;
+  min-height: 0;
+  border: 1px solid var(--line);
+  border-radius: 12px;
+  overflow: hidden;
+}
+
+.card {
+  border: 1px solid var(--line);
+  border-radius: 12px;
+  padding: 20px 24px;
+  margin-bottom: 24px;
+  background: var(--bg);
+}
+
+.facts {
+  display: grid;
+  grid-template-columns: 140px 1fr;
+  gap: 8px 16px;
+  margin: 0;
+}
+
+.facts dt {
+  color: var(--fg-soft);
+}
+
+.facts dd {
+  margin: 0;
+  overflow-wrap: anywhere;
+}
+
+.ok {
+  color: var(--ok);
+  font-weight: 600;
+}
+
+.calm {
+  color: var(--fg-soft);
+}
+
+.hint {
+  color: var(--fg-soft);
+  font-size: 14px;
+}
+
+.error {
+  color: #c0392b;
+  font-size: 14px;
+}

package/dist/templates/base/google-adk/web/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

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

@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "jsx": "react-jsx",
+    "strict": true,
+    "noUncheckedIndexedAccess": true,
+    "noEmit": true,
+    "skipLibCheck": true,
+    "isolatedModules": true,
+    "types": ["vite/client", "node"]
+  },
+  "include": ["src", "vite.config.ts", "../guuey.app.json"]
+}

package/dist/templates/base/google-adk/web/vite.config.ts

@@ -0,0 +1,46 @@
+import { readFileSync } from "node:fs";
+import { join, dirname } from "node:path";
+import { fileURLToPath } from "node:url";
+import { defineConfig, type Plugin } from "vite";
+import react from "@vitejs/plugin-react";
+
+const projectRoot = join(dirname(fileURLToPath(import.meta.url)), "..");
+
+/**
+ * Fail-loud production gate (never a half-styled deploy): `pnpm bootstrap`
+ * not run yet → the BUILD fails with the exact command. An UNLINKED build
+ * is allowed — the pages state the missing binding honestly — but gets a
+ * loud warning, since a deployed frontend without a bound guuey app has no
+ * live agent to talk to.
+ *
+ * Dev is NOT gated here — `src/components/BootstrapGate.tsx` renders the
+ * "run bootstrap first" screen instead, so `pnpm dev` always starts.
+ */
+function bootstrapGatePlugin(): Plugin {
+  return {
+    name: "guuey-bootstrap-gate",
+    apply: "build",
+    buildStart() {
+      const raw = readFileSync(join(projectRoot, "guuey.app.json"), "utf8");
+      const app = JSON.parse(raw) as { bootstrapped?: boolean; link?: object | null };
+      if (app.bootstrapped !== true) {
+        throw new Error(
+          "guuey.app.json is not bootstrapped — run `pnpm bootstrap` at the project root first.",
+        );
+      }
+      if (!app.link) {
+        console.warn(
+          "[guuey-bootstrap-gate] building WITHOUT a bound guuey app — the deployed site will have " +
+            "no live agent until you run `pnpm bootstrap -- --link --app-id <appId>` and rebuild.",
+        );
+      }
+    },
+  };
+}
+
+// Port is passed via the `dev` script's `--port 6890` flag (see package.json)
+// so it stays visible in one place; `scripts/dev.mjs` boots this on the same
+// port.
+export default defineConfig({
+  plugins: [react(), bootstrapGatePlugin()],
+});

package/dist/templates/base/openai-agents-sdk/.env.example

@@ -0,0 +1,4 @@
+# LLM key for local dev — the deployed agent uses guuey's managed broker instead.
+ANTHROPIC_API_KEY=
+# Only needed for the openai-agents-sdk template:
+OPENAI_API_KEY=

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

@@ -0,0 +1 @@
+{ "mcpServers": { "ggui-dev": { "type": "http", "url": "https://mcp.ggui.ai/dev" } } }

package/dist/templates/base/openai-agents-sdk/AGENTS.md

@@ -0,0 +1,135 @@
+# AGENTS.md — steering for the coding agent working in this repo
+
+You (the coding agent) are extending a guuey agentic app. Before you reach
+for a database or a cache, read this file. The single most common mistake
+here is standing up local Redis/SQLite/file-based state "just to get
+something working" — **don't.** Every pod this project deploys to
+(the agent entry's pod — `src/worker.ts`, or `src/agent.ts` in a google-adk scaffold — including every `kind: colocated` `mcps/*`
+server auto-spawned inside it, like this scaffold's `mcps/todo` — and every
+`mcps/*` server deployed with `kind: hosted`) is **ephemeral and horizontally
+replaced**: gVisor-isolated,
+scale-to-zero, ordinary process death on every deploy or idle timeout. A
+local file or an in-process `Map` used as a database is not a shortcut —
+it is silent data loss the first time the pod recycles.
+
+Use this table to route persistence decisions. Pick a row, don't invent one.
+
+| Need                                                                                                         | Use                                                                                                                                                                                                                                                                                                                                                                    | Why                                                                                                                                                                                                                                                                                                                                     |
+| ------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Small per-user state on an MCP server (idempotency keys, rate-limit counters, OAuth nonces, prefs, a few KB) | [`@guuey/state`](https://www.npmjs.com/package/@guuey/state) — `withGuueyContext(scopeFromAuthorization(...), fn)`                                                                                                                                                                                                                                                     | Zero auth code — guuey owns the identity rails. Durable, per-`(user, mcp)`, survives pod restarts.                                                                                                                                                                                                                                      |
+| Large or relational data (rows, queries, joins, anything you'd reach for Postgres/Redis for)                 | An external managed serverless DB — Neon, Upstash, Supabase, or Turso — wired in via `guuey mcp secrets set DATABASE_URL=... --server <id>` (hosted MCP) or `guuey env set DATABASE_URL=...` (the agent worker and its colocated MCP children — the pod's declared env/secrets are handed to every colocated child), consumed through the provider's serverless driver | Guuey **integrates, never operates** databases — that's the platform's hosting policy, not a v1 gap. Pick the provider's **`us-east-1`** region: a guuey-hosted MCP → provider hop is then same-region AWS backbone, single-digit-ms — comparable to a cross-AZ hop, and agent turns are already dominated by seconds of LLM inference. |
+| Local Redis, SQLite, or any file written as a database                                                       | **Never.** Not for v1, not "temporarily."                                                                                                                                                                                                                                                                                                                              | Pods are ephemeral and horizontally replaced — a local store vanishes on the next deploy, restart, or scale event, with no warning to you or the user.                                                                                                                                                                                  |
+| Per-user files/blobs from **inside the agent pod** (the agent entry)                                         | [`@guuey/fs`](https://www.npmjs.com/package/@guuey/fs)'s `homeDir()`/`appDir()`/`sessionDir()`, or the raw `$GUUEY_HOME_DIR`/`$GUUEY_APP_DIR` env vars + `node:fs`                                                                                                                                                                                                     | Every invoke already gets these three bound directories — `$GUUEY_HOME_DIR` is durable per-user, `$GUUEY_APP_DIR` is read-only shared, cwd is session scratch. No wrapper API required, but the helpers save you the env-var lookups.                                                                                                   |
+| Per-user files/blobs from **inside an MCP server** (`mcps/*`)                                                | Not yet available — `@guuey/files` is planned but not shipped. Fall back to the managed-DB row above (e.g. store blobs in the provider's object storage) until it lands.                                                                                                                                                                                               | Don't build against an API that doesn't exist yet.                                                                                                                                                                                                                                                                                      |
+| Conversation / chat history                                                                                  | **Do not re-implement.** The platform already persists it.                                                                                                                                                                                                                                                                                                             | Guuey writes thread history to DynamoDB and streams it back over AppSync; agents that keep their own transcript store are duplicating (and diverging from) data the platform already owns.                                                                                                                                              |
+
+## `@guuey/state`: the one-line pattern
+
+`@guuey/state` only works inside an MCP server whose `guuey.json` entry is
+**federated** — that's the opt-in. A `kind: colocated` entry (like
+`mcps/todo` in this scaffold) or a `kind: hosted` entry is federated
+automatically. If you add a `kind: external` entry (a server you host
+yourself, reached by URL), you must set `federate: true` on it:
+
+```json
+{
+  "kind": "external",
+  "url": "https://your-server.example.com",
+  "federate": true
+}
+```
+
+Without `federate: true` (or `kind: colocated`/`kind: hosted`/a `ggui`
+URL), guuey has no
+identity to hand your server — a plain external entry with static
+`headers` gets **no token and no state.** The token guuey sends on every
+request to a federated server IS the credential; there is no separate
+API key to provision.
+
+Inside a federated MCP server, wrap each request in
+`withGuueyContext(scopeFromAuthorization(header), fn)` and use the
+barrel-exported `kv` inside `fn` — that's the whole integration. One
+complete, runnable example — an idempotency-key check on a tool call,
+using the raw Node `http` transport this scaffold's `mcps/todo/src/server.ts`
+already uses:
+
+```ts
+import { createHash } from "node:crypto";
+import type { IncomingMessage, ServerResponse } from "node:http";
+import { withGuueyContext, scopeFromAuthorization, kv, QuotaExceededError } from "@guuey/state";
+
+// Inside the per-request handler (see mcps/todo/src/server.ts for the
+// full StreamableHTTPServerTransport wiring this drops into):
+async function handleRequest(req: IncomingMessage, res: ServerResponse): Promise<void> {
+  const authHeader = req.headers.authorization;
+  if (typeof authHeader !== "string") {
+    res.writeHead(401).end();
+    return;
+  }
+
+  await withGuueyContext(scopeFromAuthorization(authHeader), async () => {
+    // ... hand off to your MCP transport/tool dispatch here; the
+    // AsyncLocalStorage context set above is visible to every `kv.*`
+    // call for the lifetime of this request, however deep the call
+    // stack goes (tool handlers, helper functions, etc.).
+    await handleCreateOrder({ orderPayload: "..." });
+  });
+}
+
+async function handleCreateOrder(input: { orderPayload: string }): Promise<{ duplicate: boolean }> {
+  const idempotencyKey = `order:${createHash("sha256").update(input.orderPayload).digest("hex")}`;
+
+  if (await kv.has(idempotencyKey)) {
+    return { duplicate: true };
+  }
+
+  try {
+    // TTL is required on every `set` — no permanent keys. Pick a window
+    // that covers realistic retry storms; 1 hour is a reasonable default
+    // for an idempotency key.
+    await kv.set(idempotencyKey, true, { ttl: 60 * 60 });
+  } catch (err) {
+    if (err instanceof QuotaExceededError) {
+      // The (user, mcp) scope hit its 1 MiB cap. Surface this to the
+      // caller instead of silently dropping the idempotency guard.
+      throw new Error("state quota exceeded — cannot verify idempotency");
+    }
+    throw err;
+  }
+
+  // ... actually create the order here.
+  return { duplicate: false };
+}
+```
+
+`scopeFromAuthorization` derives `{ userId, mcpId }` from the inbound
+`Authorization: Bearer <jwt>` header guuey sends on every federated call —
+`userId` from the JWT's `sub`, `mcpId` deterministically from its `aud`
+(your server's federated resource URL). You never assert either id
+yourself; a mismatched or missing token is rejected server-side.
+
+## The hard caps (design your data model around these, don't work around them)
+
+`@guuey/state` is a KV, not a database — enforced, not a suggestion:
+
+| Cap                | Value                                         |
+| ------------------ | --------------------------------------------- |
+| Scope size         | 1 MiB (per `(user, mcp)`, key bytes included) |
+| Single value       | 64 KiB                                        |
+| TTL                | required, ≤ 90 days — no permanent keys       |
+| `keys()` page size | ≤ 1000                                        |
+| `mget()` batch     | ≤ 100 keys                                    |
+| Counters           | safe integers only (`increment`/`decrement`)  |
+
+If your data model needs more than this — queries, joins, cross-user
+data, anything past a long tail of small per-user facts — that's the
+signal to use the managed-DB row above, not to fight the cap.
+
+## Chat history: really, don't
+
+If you find yourself writing message transcripts to `@guuey/state`,
+`$GUUEY_HOME_DIR`, or an external DB keyed by conversation, stop — that's
+the platform's job. Guuey persists every thread to DynamoDB and streams
+history back over AppSync subscriptions; the client and Portal already
+read it from there. A parallel, agent-owned history store will drift from
+the platform's copy and confuse users about which one is authoritative.