veryfront 0.1.1196 → 0.1.1198

package/esm/cli/templates/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/cli/templates/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAQH,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EACX,eAAe,EACf,cAAc,EACd,YAAY,EACZ,YAAY,EACb,MAAM,YAAY,CAAC;AAEpB,YAAY,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EACX,eAAe,EACf,cAAc,EACd,YAAY,EACZ,YAAY,GACb,CAAC;AAEF,OAAO,EACL,kBAAkB,EAClB,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,UAAU,EACV,eAAe,EACf,gBAAgB,GACjB,MAAM,qBAAqB,CAAC;AAgB7B,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,cAAc,CAAC,CAkBzE,CAAC;AAaF,wBAAsB,WAAW,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,YAAY,EAAE,GAAG,IAAI,CAAC,CAoBpF;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,YAAY,GAAG,cAAc,GAAG,IAAI,CAE3E;AAED,wBAAgB,iBAAiB,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAErE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/cli/templates/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAQH,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EACX,eAAe,EACf,cAAc,EACd,YAAY,EACZ,YAAY,EACb,MAAM,YAAY,CAAC;AAEpB,YAAY,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EACX,eAAe,EACf,cAAc,EACd,YAAY,EACZ,YAAY,GACb,CAAC;AAEF,OAAO,EACL,kBAAkB,EAClB,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,UAAU,EACV,eAAe,EACf,gBAAgB,GACjB,MAAM,qBAAqB,CAAC;AAgB7B,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,cAAc,CAAC,CAqBzE,CAAC;AAaF,wBAAsB,WAAW,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,YAAY,EAAE,GAAG,IAAI,CAAC,CAoBpF;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,YAAY,GAAG,cAAc,GAAG,IAAI,CAE3E;AAED,wBAAgB,iBAAiB,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAErE"}

package/esm/cli/templates/index.js

@@ -31,6 +31,9 @@ export const templateConfigs = {
     "multi-agent-system": {
         npmDependencies: { ...CHAT_MARKDOWN_DEPENDENCIES },
     },
+    "saas-starter": {
+        npmDependencies: { ...CHAT_MARKDOWN_DEPENDENCIES },
+    },
     "docs-agent": {
         firstPartyExtensions: ["@veryfront/ext-document-kreuzberg"],
         npmDependencies: {

package/esm/cli/templates/manifest.d.ts

@@ -103,6 +103,7 @@ declare namespace _default {
                 "app/dashboard/page.tsx": string;
                 "app/layout.tsx": string;
                 "app/login/page.tsx": string;
+                "app/markdown-renderer.tsx": string;
                 "app/page.tsx": string;
                 "globals.css": string;
                 "public/favicon.svg": string;

package/esm/cli/templates/manifest.js

@@ -100,15 +100,16 @@ export default {
             "files": {
                 "agents/assistant.ts": "import { agent } from \"veryfront/agent\";\n\nexport default agent({\n  id: \"assistant\",\n  name: \"SaaS Assistant\",\n  description: \"Answer product and customer questions.\",\n  system: \"You are a helpful AI assistant. Be concise and direct.\",\n  tools: true,\n  memory: { type: \"conversation\", maxMessages: 50 },\n  maxSteps: 10,\n  suggestions: [\n    {\n      type: \"prompt\",\n      title: \"Summarize account\",\n      prompt: \"Summarize the latest account activity.\",\n    },\n    {\n      type: \"prompt\",\n      title: \"Find customers\",\n      prompt: \"Find customers who need attention.\",\n    },\n  ],\n});\n",
                 "app/api/ag-ui/route.ts": "import { createAgUiHandler } from \"veryfront/agent\";\n\nexport const POST = createAgUiHandler(\"assistant\");\n",
-                "app/dashboard/page.tsx": "\"use client\";\n\nimport { useState } from \"react\";\nimport { Chat } from \"veryfront/chat\";\n\ninterface Conversation {\n  id: string;\n  title: string;\n  updatedAt: string;\n}\n\nconst INITIAL_CONVERSATIONS: Conversation[] = [\n  { id: \"1\", title: \"Getting started\", updatedAt: \"Just now\" },\n];\n\nexport default function Dashboard(): React.JSX.Element {\n  const [conversations] = useState<Conversation[]>(INITIAL_CONVERSATIONS);\n  const [activeId, setActiveId] = useState(\"1\");\n\n  return (\n    <div className=\"flex h-screen bg-white dark:bg-neutral-950\">\n      {/* Sidebar */}\n      <aside className=\"w-64 border-r border-neutral-200 dark:border-neutral-800 flex flex-col bg-neutral-50 dark:bg-neutral-900\">\n        <div className=\"p-4 border-b border-neutral-200 dark:border-neutral-800\">\n          <button className=\"w-full flex items-center gap-2 px-3 py-2 text-sm font-medium text-neutral-700 dark:text-neutral-300 bg-white dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 rounded-lg hover:bg-neutral-50 dark:hover:bg-neutral-700 transition-colors\">\n            <svg\n              className=\"w-4 h-4\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n              strokeWidth={2}\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                d=\"M12 4.5v15m7.5-7.5h-15\"\n              />\n            </svg>\n            New chat\n          </button>\n        </div>\n\n        <nav className=\"flex-1 overflow-y-auto p-2 space-y-0.5\">\n          {conversations.map((conv) => (\n            <button\n              key={conv.id}\n              onClick={() => setActiveId(conv.id)}\n              className={`w-full text-left px-3 py-2 rounded-lg text-sm transition-colors ${\n                activeId === conv.id\n                  ? \"bg-neutral-200 dark:bg-neutral-800 text-neutral-900 dark:text-white\"\n                  : \"text-neutral-600 dark:text-neutral-400 hover:bg-neutral-100 dark:hover:bg-neutral-800/50\"\n              }`}\n            >\n              <p className=\"truncate\">{conv.title}</p>\n              <p className=\"text-xs text-neutral-400 mt-0.5\">\n                {conv.updatedAt}\n              </p>\n            </button>\n          ))}\n        </nav>\n\n        <div className=\"p-4 border-t border-neutral-200 dark:border-neutral-800\">\n          <div className=\"flex items-center gap-2\">\n            <div className=\"w-8 h-8 rounded-full bg-neutral-200 dark:bg-neutral-700 flex items-center justify-center text-xs font-medium text-neutral-600 dark:text-neutral-300\">\n              U\n            </div>\n            <div className=\"flex-1 min-w-0\">\n              <p className=\"text-sm font-medium text-neutral-900 dark:text-white truncate\">\n                User\n              </p>\n              <p className=\"text-xs text-neutral-500 truncate\">\n                user@example.com\n              </p>\n            </div>\n          </div>\n        </div>\n      </aside>\n\n      {/* Chat */}\n      <main className=\"flex-1 flex flex-col\">\n        <Chat\n          agentId=\"assistant\"\n          api=\"/api/ag-ui\"\n          className=\"flex-1 min-h-0\"\n          placeholder=\"Message...\"\n        />\n      </main>\n    </div>\n  );\n}\n",
+                "app/dashboard/page.tsx": "\"use client\";\n\nimport { useState } from \"react\";\nimport { Chat } from \"veryfront/chat\";\nimport { MarkdownRendererProvider } from \"veryfront/markdown\";\nimport { MarkdownRenderer } from \"../markdown-renderer.tsx\";\n\ninterface Conversation {\n  id: string;\n  title: string;\n  updatedAt: string;\n}\n\nconst INITIAL_CONVERSATIONS: Conversation[] = [\n  { id: \"1\", title: \"Getting started\", updatedAt: \"Just now\" },\n];\n\nexport default function Dashboard(): React.JSX.Element {\n  const [conversations] = useState<Conversation[]>(INITIAL_CONVERSATIONS);\n  const [activeId, setActiveId] = useState(\"1\");\n\n  return (\n    <div className=\"flex h-screen bg-white dark:bg-neutral-950\">\n      {/* Sidebar */}\n      <aside className=\"w-64 border-r border-neutral-200 dark:border-neutral-800 flex flex-col bg-neutral-50 dark:bg-neutral-900\">\n        <div className=\"p-4 border-b border-neutral-200 dark:border-neutral-800\">\n          <button className=\"w-full flex items-center gap-2 px-3 py-2 text-sm font-medium text-neutral-700 dark:text-neutral-300 bg-white dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 rounded-lg hover:bg-neutral-50 dark:hover:bg-neutral-700 transition-colors\">\n            <svg\n              className=\"w-4 h-4\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n              strokeWidth={2}\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                d=\"M12 4.5v15m7.5-7.5h-15\"\n              />\n            </svg>\n            New chat\n          </button>\n        </div>\n\n        <nav className=\"flex-1 overflow-y-auto p-2 space-y-0.5\">\n          {conversations.map((conv) => (\n            <button\n              key={conv.id}\n              onClick={() => setActiveId(conv.id)}\n              className={`w-full text-left px-3 py-2 rounded-lg text-sm transition-colors ${\n                activeId === conv.id\n                  ? \"bg-neutral-200 dark:bg-neutral-800 text-neutral-900 dark:text-white\"\n                  : \"text-neutral-600 dark:text-neutral-400 hover:bg-neutral-100 dark:hover:bg-neutral-800/50\"\n              }`}\n            >\n              <p className=\"truncate\">{conv.title}</p>\n              <p className=\"text-xs text-neutral-400 mt-0.5\">\n                {conv.updatedAt}\n              </p>\n            </button>\n          ))}\n        </nav>\n\n        <div className=\"p-4 border-t border-neutral-200 dark:border-neutral-800\">\n          <div className=\"flex items-center gap-2\">\n            <div className=\"w-8 h-8 rounded-full bg-neutral-200 dark:bg-neutral-700 flex items-center justify-center text-xs font-medium text-neutral-600 dark:text-neutral-300\">\n              U\n            </div>\n            <div className=\"flex-1 min-w-0\">\n              <p className=\"text-sm font-medium text-neutral-900 dark:text-white truncate\">\n                User\n              </p>\n              <p className=\"text-xs text-neutral-500 truncate\">\n                user@example.com\n              </p>\n            </div>\n          </div>\n        </div>\n      </aside>\n\n      {/* Chat */}\n      <main className=\"flex-1 flex flex-col\">\n        <MarkdownRendererProvider renderer={MarkdownRenderer}>\n          <Chat\n            agentId=\"assistant\"\n            api=\"/api/ag-ui\"\n            className=\"flex-1 min-h-0\"\n            placeholder=\"Message...\"\n          />\n        </MarkdownRendererProvider>\n      </main>\n    </div>\n  );\n}\n",
                 "app/layout.tsx": "import \"../globals.css\";\nimport { Head } from \"veryfront/head\";\n\nexport default function RootLayout({\n  children,\n}: {\n  children: React.ReactNode;\n}): React.ReactNode {\n  return (\n    <>\n      <Head>\n        <title>AI SaaS</title>\n        <link rel=\"icon\" href=\"/favicon.svg\" type=\"image/svg+xml\" />\n      </Head>\n      <div className=\"antialiased\">\n        {children}\n      </div>\n    </>\n  );\n}\n",
                 "app/login/page.tsx": "\"use client\";\n\n// Demo sign-in: the buttons below pass straight through to /dashboard so the\n// starter is usable out of the box. To wire up real OAuth, scaffold provider\n// routes at app/api/auth/google/route.ts and app/api/auth/github/route.ts and\n// point the hrefs there. See https://veryfront.com/docs/code/guides/oauth.\nexport default function LoginPage(): React.JSX.Element {\n  return (\n    <div className=\"min-h-screen flex items-center justify-center bg-neutral-50 dark:bg-neutral-950 px-4\">\n      <div className=\"w-full max-w-sm\">\n        <div className=\"text-center mb-8\">\n          <h1 className=\"text-xl font-bold text-neutral-900 dark:text-white\">\n            Welcome back\n          </h1>\n          <p className=\"text-sm text-neutral-500 dark:text-neutral-400 mt-1\">\n            Sign in to continue\n          </p>\n        </div>\n\n        <div className=\"bg-white dark:bg-neutral-900 rounded-2xl border border-neutral-200 dark:border-neutral-800 p-6 space-y-3\">\n          <a\n            href=\"/dashboard\"\n            className=\"flex items-center justify-center gap-2 w-full px-4 py-2.5 border border-neutral-200 dark:border-neutral-800 rounded-xl text-sm font-medium text-neutral-700 dark:text-neutral-300 hover:bg-neutral-50 dark:hover:bg-neutral-800 transition-colors\"\n          >\n            <svg className=\"w-4 h-4\" viewBox=\"0 0 24 24\">\n              <path\n                fill=\"#4285F4\"\n                d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 01-2.2 3.32v2.76h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"\n              />\n              <path\n                fill=\"#34A853\"\n                d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"\n              />\n              <path\n                fill=\"#FBBC05\"\n                d=\"M5.84 14.09a7.12 7.12 0 010-4.18V7.07H2.18A11.99 11.99 0 001 12c0 1.94.46 3.77 1.18 5.43l3.66-3.34z\"\n              />\n              <path\n                fill=\"#EA4335\"\n                d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\"\n              />\n            </svg>\n            Continue with Google\n          </a>\n          <a\n            href=\"/dashboard\"\n            className=\"flex items-center justify-center gap-2 w-full px-4 py-2.5 border border-neutral-200 dark:border-neutral-800 rounded-xl text-sm font-medium text-neutral-700 dark:text-neutral-300 hover:bg-neutral-50 dark:hover:bg-neutral-800 transition-colors\"\n          >\n            <svg className=\"w-4 h-4\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path d=\"M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.51 11.51 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z\" />\n            </svg>\n            Continue with GitHub\n          </a>\n        </div>\n\n        <p className=\"mt-6 text-center text-xs text-neutral-400\">\n          <a\n            href=\"/\"\n            className=\"hover:text-neutral-600 dark:hover:text-neutral-300\"\n          >\n            &larr; Back to home\n          </a>\n        </p>\n      </div>\n    </div>\n  );\n}\n",
+                "app/markdown-renderer.tsx": "\"use client\";\n\nimport ReactMarkdown from \"react-markdown\";\nimport remarkGfm from \"remark-gfm\";\nimport type { MarkdownRendererProps } from \"veryfront/markdown\";\n\n/**\n * Rich Markdown for assistant answers.\n *\n * `veryfront/markdown` presents plain source until a renderer is installed, so\n * this component supplies one. Swap in any renderer that accepts\n * `MarkdownRendererProps` to change how answers are parsed and rendered.\n */\nexport function MarkdownRenderer({ source }: MarkdownRendererProps): React.JSX.Element {\n  return <ReactMarkdown remarkPlugins={[remarkGfm]}>{source}</ReactMarkdown>;\n}\n",
                 "app/page.tsx": "export default function LandingPage(): React.JSX.Element {\n  return (\n    <div className=\"min-h-screen bg-white dark:bg-neutral-950\">\n      {/* Nav */}\n      <nav className=\"border-b border-neutral-100 dark:border-neutral-900\">\n        <div className=\"max-w-5xl mx-auto flex items-center justify-between px-6 h-14\">\n          <span className=\"font-semibold text-neutral-900 dark:text-white\">\n            AI SaaS\n          </span>\n          <div className=\"flex items-center gap-4\">\n            <a\n              href=\"/login\"\n              className=\"text-sm text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-white transition-colors\"\n            >\n              Sign in\n            </a>\n            <a\n              href=\"/login\"\n              className=\"text-sm px-4 py-1.5 bg-neutral-900 dark:bg-white text-white dark:text-neutral-900 rounded-full font-medium hover:opacity-90 transition-opacity\"\n            >\n              Get started\n            </a>\n          </div>\n        </div>\n      </nav>\n\n      {/* Hero */}\n      <main className=\"max-w-5xl mx-auto px-6\">\n        <div className=\"pt-24 pb-16 text-center\">\n          <h1 className=\"text-4xl md:text-5xl font-bold tracking-tight text-neutral-900 dark:text-white\">\n            Your AI-powered platform\n          </h1>\n          <p className=\"mt-4 text-lg text-neutral-500 dark:text-neutral-400 max-w-lg mx-auto\">\n            Built with Veryfront. Agents, tools, and memory are ready for production.\n          </p>\n          <div className=\"mt-8 flex gap-3 justify-center\">\n            <a\n              href=\"/login\"\n              className=\"px-6 py-2.5 bg-neutral-900 dark:bg-white text-white dark:text-neutral-900 rounded-full font-medium hover:opacity-90 transition-opacity\"\n            >\n              Start free\n            </a>\n            <a\n              href=\"https://veryfront.com/docs/code/guides\"\n              className=\"px-6 py-2.5 border border-neutral-200 dark:border-neutral-800 text-neutral-700 dark:text-neutral-300 rounded-full font-medium hover:bg-neutral-50 dark:hover:bg-neutral-900 transition-colors\"\n            >\n              Documentation\n            </a>\n          </div>\n        </div>\n\n        {/* Features */}\n        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-6 py-16 border-t border-neutral-100 dark:border-neutral-900\">\n          {[\n            {\n              title: \"AI Agents\",\n              desc:\n                \"Define agents with tools, memory, and streaming. Veryfront auto-discovers them from your project.\",\n            },\n            {\n              title: \"Per-User Memory\",\n              desc: \"Each user gets their own conversation history, persisted across sessions.\",\n            },\n            {\n              title: \"Production Ready\",\n              desc:\n                \"Use auth, rate limiting, and deployment to ship to production with one command.\",\n            },\n          ].map(({ title, desc }) => (\n            <div key={title}>\n              <h3 className=\"font-medium text-neutral-900 dark:text-white\">\n                {title}\n              </h3>\n              <p className=\"mt-1 text-sm text-neutral-500 dark:text-neutral-400\">\n                {desc}\n              </p>\n            </div>\n          ))}\n        </div>\n      </main>\n    </div>\n  );\n}\n",
                 "globals.css": "@import \"tailwindcss\";\n",
                 "public/favicon.svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 64\">\n  <rect width=\"64\" height=\"64\" fill=\"#fff\"/>\n  <circle cx=\"32\" cy=\"32\" r=\"20\" fill=\"#000\"/>\n</svg>\n",
                 "README.md": "# SaaS Starter\n\nA SaaS-shaped starter with authentication, conversation memory, and a full UI.\n\n## What's included\n\n- Landing page with feature highlights\n- OAuth login (Google and GitHub)\n- Dashboard with conversation sidebar\n- Per-user conversation memory persisted across sessions\n\n## Structure\n\n```\nagents/assistant.ts        Agent with conversation memory\ntools/search.ts            Placeholder domain search\napp/\n  api/ag-ui/route.ts        AG-UI endpoint\n  page.tsx                 Landing page\n  login/page.tsx           OAuth login\n  dashboard/page.tsx       Chat with sidebar\n```\n\nThis starter is not production-ready.\n",
                 "tools/search.ts": "import { tool } from \"veryfront/tool\";\nimport { defineSchema } from \"veryfront/schemas\";\n\nexport default tool({\n  id: \"search\",\n  description: \"Search your knowledge base\",\n  inputSchema: defineSchema((v) =>\n    v.object({\n      query: v.string().describe(\"Search query\"),\n    })\n  )(),\n  execute: async ({ query }) => {\n    // Replace with your domain-specific search logic\n    return {\n      results: [],\n      query,\n      message: \"Connect your data source for real results.\",\n    };\n  },\n});\n",
-                "tsconfig.json": "{\n  \"compilerOptions\": {\n    \"target\": \"ES2022\",\n    \"module\": \"ESNext\",\n    \"moduleResolution\": \"bundler\",\n    \"strict\": true,\n    \"jsx\": \"react-jsx\",\n    \"skipLibCheck\": true,\n    \"esModuleInterop\": true,\n    \"paths\": {\n      \"@/*\": [\"./*\"]\n    }\n  },\n  \"include\": [\"**/*.ts\", \"**/*.tsx\"],\n  \"exclude\": [\"node_modules\"]\n}\n"
+                "tsconfig.json": "{\n  \"compilerOptions\": {\n    \"target\": \"ES2022\",\n    \"module\": \"ESNext\",\n    \"moduleResolution\": \"bundler\",\n    \"strict\": true,\n    \"jsx\": \"react-jsx\",\n    \"skipLibCheck\": true,\n    \"esModuleInterop\": true,\n    \"noEmit\": true,\n    \"allowImportingTsExtensions\": true,\n    \"paths\": {\n      \"@/*\": [\n        \"./*\"\n      ]\n    }\n  },\n  \"include\": [\n    \"**/*.ts\",\n    \"**/*.tsx\"\n  ],\n  \"exclude\": [\n    \"node_modules\"\n  ]\n}\n"
             }
         },
         "integration:_base": {

package/esm/deno.js

@@ -1,6 +1,6 @@
 export default {
     "name": "veryfront",
-    "version": "0.1.1196",
+    "version": "0.1.1198",
     "license": "Apache-2.0",
     "nodeModulesDir": "auto",
     "minimumDependencyAge": {

package/esm/extensions/ext-llm-openai/src/openai-chat-stream.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"openai-chat-stream.d.ts","sourceRoot":"","sources":["../../../../src/extensions/ext-llm-openai/src/openai-chat-stream.ts"],"names":[],"mappings":"AA2BA,KAAK,4BAA4B,GAAG,QAAQ,GAAG,SAAS,GAAG,YAAY,CAAC;AAExE,KAAK,uBAAuB,GAAG;IAC7B,YAAY,CAAC,EAAE,4BAA4B,CAAC;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AASF,eAAO,MAAM,4BAA4B,OAAQ,CAAC;AA4KlD,wBAAuB,2BAA2B,CAChD,MAAM,EAAE,cAAc,CAAC,UAAU,CAAC,EAClC,OAAO,GAAE,uBAA4B,GACpC,aAAa,CAAC,OAAO,CAAC,CAuVxB"}
+{"version":3,"file":"openai-chat-stream.d.ts","sourceRoot":"","sources":["../../../../src/extensions/ext-llm-openai/src/openai-chat-stream.ts"],"names":[],"mappings":"AA2BA,KAAK,4BAA4B,GAAG,QAAQ,GAAG,SAAS,GAAG,YAAY,CAAC;AAExE,KAAK,uBAAuB,GAAG;IAC7B,YAAY,CAAC,EAAE,4BAA4B,CAAC;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AASF,eAAO,MAAM,4BAA4B,OAAQ,CAAC;AA4KlD,wBAAuB,2BAA2B,CAChD,MAAM,EAAE,cAAc,CAAC,UAAU,CAAC,EAClC,OAAO,GAAE,uBAA4B,GACpC,aAAa,CAAC,OAAO,CAAC,CA0UxB"}

package/esm/extensions/ext-llm-openai/src/openai-chat-stream.js

@@ -153,7 +153,6 @@ export async function* streamOpenAICompatibleParts(stream, context = {}) {
     let sawChoiceEnvelope = false;
     let sawFinishReason = false;
     let sawDone = false;
-    let sawPostFinishUsage = false;
     const toolArgumentBudget = {
         bytes: 0,
         fragments: 0,
@@ -182,12 +181,6 @@ export async function* streamOpenAICompatibleParts(stream, context = {}) {
             if (!usageRecord) {
                 throw invalidOpenAIStream(context, "event had neither choices nor usage");
             }
-            if (sawFinishReason) {
-                if (sawPostFinishUsage) {
-                    throw invalidOpenAIStream(context, "stream contained multiple post-finish usage events");
-                }
-                sawPostFinishUsage = true;
-            }
             return;
         }
         if (!Array.isArray(record.choices)) {
@@ -197,12 +190,6 @@ export async function* streamOpenAICompatibleParts(stream, context = {}) {
             if (!usageRecord) {
                 throw invalidOpenAIStream(context, "empty choices event had no usage");
             }
-            if (sawFinishReason) {
-                if (sawPostFinishUsage) {
-                    throw invalidOpenAIStream(context, "stream contained multiple post-finish usage events");
-                }
-                sawPostFinishUsage = true;
-            }
             return;
         }
         if (sawFinishReason) {

package/esm/src/html/html-shell-generator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"html-shell-generator.d.ts","sourceRoot":"","sources":["../../../src/src/html/html-shell-generator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AA+BxE,OAAO,EAGL,aAAa,EACd,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AA4DxD,KAAK,gBAAgB,GAAG,OAAO,CAAC,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC,GAAG,IAAI,CAAC;AAgFzE,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,cAAc,EACpB,OAAO,EAAE,qBAAqB,EAC9B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,EAC1C,KAAK,CAAC,EAAE,cAAc,EACtB,kBAAkB,CAAC,EAAE,MAAM,EAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,EAC7C,sBAAsB,CAAC,EAAE;IAAE,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAAE,GACvD,OAAO,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC,CAoBzC;AA6RD,wBAAgB,eAAe,CAC7B,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,cAAc,EACpB,OAAO,EAAE,qBAAqB,EAC9B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,EAC1C,KAAK,CAAC,EAAE,cAAc,EACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,GAC5C,OAAO,CAAC,MAAM,CAAC,CAoBjB"}
+{"version":3,"file":"html-shell-generator.d.ts","sourceRoot":"","sources":["../../../src/src/html/html-shell-generator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AA+BxE,OAAO,EAGL,aAAa,EACd,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AA4DxD,KAAK,gBAAgB,GAAG,OAAO,CAAC,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC,GAAG,IAAI,CAAC;AAgFzE,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,cAAc,EACpB,OAAO,EAAE,qBAAqB,EAC9B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,EAC1C,KAAK,CAAC,EAAE,cAAc,EACtB,kBAAkB,CAAC,EAAE,MAAM,EAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,EAC7C,sBAAsB,CAAC,EAAE;IAAE,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAAE,GACvD,OAAO,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC,CAoBzC;AAgSD,wBAAgB,eAAe,CAC7B,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,cAAc,EACpB,OAAO,EAAE,qBAAqB,EAC9B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,EAC1C,KAAK,CAAC,EAAE,cAAc,EACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,GAC5C,OAAO,CAAC,MAAM,CAAC,CAoBjB"}

package/esm/src/html/html-shell-generator.js

@@ -170,6 +170,9 @@ async function generateHTMLShellPartsImpl(meta, options, params, props, contentF
         ? getDevScripts(meta.slug || "", options.config, params, props, nonce, {
             skipDevHMR,
             skipErrorLogger,
+            // Preview renders user-facing output, so it must not be marked as a
+            // development render even though it serves the dev scripts for HMR.
+            skipDevFlag: isPreviewMode,
         })
         : getProdScripts(meta.slug || "", params, props, nonce);
     const modeStyles = useDevScripts ? getErrorOverlayStyles(nonce) : "";

package/esm/src/html/hydration-script-builder/dev-flag.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Announce a development render to client code.
+ *
+ * `__VERYFRONT_DEV__` is the framework's client-side development signal, read
+ * by components that warn about misconfiguration (the optimized image size
+ * check, the chat Markdown renderer check). The RSC page handler already sets
+ * it, but the app-router shell did not, so those warnings stayed silent on the
+ * page path most projects actually use.
+ *
+ * Emitted only from the dev script set, so a production document never carries
+ * it. The value is a literal, so there is nothing to escape.
+ *
+ * @module html/hydration-script-builder/dev-flag
+ */
+export declare function generateDevFlagScript(nonce?: string): string;
+//# sourceMappingURL=dev-flag.d.ts.map

package/esm/src/html/hydration-script-builder/dev-flag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-flag.d.ts","sourceRoot":"","sources":["../../../../src/src/html/hydration-script-builder/dev-flag.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAE5D"}

package/esm/src/html/hydration-script-builder/dev-flag.js

@@ -0,0 +1,18 @@
+import { buildNonceAttribute } from "../html-escape.js";
+/**
+ * Announce a development render to client code.
+ *
+ * `__VERYFRONT_DEV__` is the framework's client-side development signal, read
+ * by components that warn about misconfiguration (the optimized image size
+ * check, the chat Markdown renderer check). The RSC page handler already sets
+ * it, but the app-router shell did not, so those warnings stayed silent on the
+ * page path most projects actually use.
+ *
+ * Emitted only from the dev script set, so a production document never carries
+ * it. The value is a literal, so there is nothing to escape.
+ *
+ * @module html/hydration-script-builder/dev-flag
+ */
+export function generateDevFlagScript(nonce) {
+    return `<script${buildNonceAttribute(nonce)}>window.__VERYFRONT_DEV__=true;</script>`;
+}

package/esm/src/html/hydration-script-builder/dev-scripts.d.ts

@@ -5,6 +5,12 @@ interface DevScriptsOptions {
     skipDevHMR?: boolean;
     /** Skip error logger when endpoint is not available (preview mode) */
     skipErrorLogger?: boolean;
+    /**
+     * Skip the client development flag. Preview serves the dev script set for
+     * HMR, but its output is user-facing, so it must not switch on
+     * development-only client behaviour such as configuration warnings.
+     */
+    skipDevFlag?: boolean;
 }
 export declare function getDevScripts(_slug: string, config: VeryfrontConfig, _params?: Record<string, string | string[]>, _props?: ComponentProps, nonce?: string, options?: DevScriptsOptions): string;
 export {};

package/esm/src/html/hydration-script-builder/dev-scripts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dev-scripts.d.ts","sourceRoot":"","sources":["../../../../src/src/html/hydration-script-builder/dev-scripts.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAkB7D,UAAU,iBAAiB;IACzB,gEAAgE;IAChE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sEAAsE;IACtE,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,wBAAgB,aAAa,CAC3B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,eAAe,EACvB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,EAC3C,MAAM,CAAC,EAAE,cAAc,EACvB,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,iBAAiB,GAC1B,MAAM,CAaR"}
+{"version":3,"file":"dev-scripts.d.ts","sourceRoot":"","sources":["../../../../src/src/html/hydration-script-builder/dev-scripts.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAmB7D,UAAU,iBAAiB;IACzB,gEAAgE;IAChE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sEAAsE;IACtE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,aAAa,CAC3B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,eAAe,EACvB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,EAC3C,MAAM,CAAC,EAAE,cAAc,EACvB,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,iBAAiB,GAC1B,MAAM,CAiBR"}

package/esm/src/html/hydration-script-builder/dev-scripts.js

@@ -2,6 +2,7 @@ import { buildNonceAttribute } from "../html-escape.js";
 import { generateDevErrorLoggerScript } from "./dev-error-logger.js";
 import { generateDevComponentManifestScript } from "./dev-component-manifest.js";
 import { generateDevClientRendererScript } from "./dev-client-renderer.js";
+import { generateDevFlagScript } from "./dev-flag.js";
 function generateHMRScript(config, nonce, skipDevHMR) {
     // Skip dev HMR script when preview-hmr.js will be used instead
     if (skipDevHMR || !config.dev?.hmr)
@@ -11,6 +12,10 @@ function generateHMRScript(config, nonce, skipDevHMR) {
 }
 export function getDevScripts(_slug, config, _params, _props, nonce, options) {
     const scripts = [];
+    // First, so client code that branches on the development signal sees it
+    // before any other dev script runs.
+    if (!options?.skipDevFlag)
+        scripts.push(generateDevFlagScript(nonce));
     // Error logger only works in local dev (endpoint returns 404 in preview/prod)
     if (!options?.skipErrorLogger)
         scripts.push(generateDevErrorLoggerScript(nonce));