@agent-native/core 0.79.17 → 0.79.19

package/corpus/templates/plan/app/routes/team.tsx

@@ -1,6 +1,5 @@
-import { TeamPage } from "@agent-native/core/client/org";
+import { Navigate } from "react-router";
 
-import { useSetPageTitle } from "@/components/layout/HeaderActions";
 import { APP_TITLE } from "@/lib/app-config";
 
 export function meta() {
@@ -8,10 +7,5 @@ export function meta() {
 }
 
 export default function TeamRoute() {
-  useSetPageTitle("Team");
-  return (
-    <main className="mx-auto w-full max-w-3xl px-4 py-6 sm:px-6 sm:py-10">
-      <TeamPage createOrgDescription="Set up a team to share this app with your colleagues." />
-    </main>
-  );
+  return <Navigate to="/settings#team" replace />;
 }

package/corpus/templates/plan/changelog/2026-06-26-canvas-grid-panning-now-stays-smooth-and-fills-the-workspace.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-26
+---
+
+Canvas grid panning now stays smooth and fills the workspace while navigating large plans.

package/corpus/templates/plan/server/lib/comment-notifications.ts

@@ -230,7 +230,7 @@ export async function notifyPlanCommentRecipients({
   insertedCommentIds,
   priorComments,
 }: CommentNotificationInput): Promise<void> {
-  if (insertedCommentIds.length === 0 || !isEmailConfigured()) return;
+  if (insertedCommentIds.length === 0 || !(await isEmailConfigured())) return;
 
   const db = getDb();
   const [planRow] = await db

package/corpus/templates/slides/actions/check-image-gen.ts

@@ -1,4 +1,5 @@
 import { defineAction } from "@agent-native/core";
+import { resolveSecret } from "@agent-native/core/server";
 import { z } from "zod";
 
 export default defineAction({
@@ -8,7 +9,7 @@ export default defineAction({
   http: { method: "GET" },
   run: async () => {
     return {
-      gemini: !!process.env.GEMINI_API_KEY,
+      gemini: !!(await resolveSecret("GEMINI_API_KEY")),
     };
   },
 });

package/corpus/templates/slides/actions/db-connect.ts

@@ -1,6 +1,3 @@
-import fs from "fs";
-import path from "path";
-
 function parseArgs(args: string[]): Record<string, string> {
   const result: Record<string, string> = {};
   for (let i = 0; i < args.length; i++) {
@@ -19,24 +16,6 @@ function parseArgs(args: string[]): Record<string, string> {
   return result;
 }
 
-function upsertEnvLine(lines: string[], key: string, value: string): string[] {
-  // Reject values with newlines, carriage returns, or null bytes
-  if (/[\r\n\0]/.test(value)) {
-    throw new Error(
-      `Invalid value for ${key}: must not contain newlines or null bytes`,
-    );
-  }
-
-  const idx = lines.findIndex((l) => l.startsWith(`${key}=`));
-  const line = `${key}=${value}`;
-  if (idx >= 0) {
-    lines[idx] = line;
-  } else {
-    lines.push(line);
-  }
-  return lines;
-}
-
 export default async function main(args: string[]) {
   const { url, token, help } = parseArgs(args);
 
@@ -44,7 +23,9 @@ export default async function main(args: string[]) {
     console.log(
       "Usage: pnpm action db-connect --url <DATABASE_URL> [--token <DATABASE_AUTH_TOKEN>]",
     );
-    console.log("\nWrites DATABASE_URL and DATABASE_AUTH_TOKEN to .env");
+    console.log(
+      "\nDATABASE_URL and DATABASE_AUTH_TOKEN are deployment-level settings.",
+    );
     return;
   }
 
@@ -53,31 +34,12 @@ export default async function main(args: string[]) {
     throw new Error("Script failed");
   }
 
-  const envPath = path.join(process.cwd(), ".env");
-  let lines: string[] = [];
-
-  if (fs.existsSync(envPath)) {
-    lines = fs.readFileSync(envPath, "utf8").split("\n");
-  }
-
-  try {
-    upsertEnvLine(lines, "DATABASE_URL", url);
-    if (token) {
-      upsertEnvLine(lines, "DATABASE_AUTH_TOKEN", token);
-    }
-  } catch (err) {
-    console.error(
-      `Error: ${err instanceof Error ? err.message : "Invalid value"}`,
-    );
-    throw new Error("Script failed");
-  }
-
-  fs.writeFileSync(envPath, lines.join("\n"));
-
-  console.log(`\nDatabase connection saved to .env`);
+  console.log(`\nDatabase connection not written locally`);
   console.log(
     `  DATABASE_URL=${url.startsWith("file:") ? url : url.replace(/\/\/.*@/, "//***@")}`,
   );
   if (token) console.log(`  DATABASE_AUTH_TOKEN=***`);
-  console.log(`\nRestart the dev server for changes to take effect.`);
+  console.log(
+    `\nConfigure these as deployment environment variables with your host, then redeploy.`,
+  );
 }

package/corpus/templates/slides/actions/edit-image.ts

@@ -6,6 +6,8 @@
  *   pnpm action edit-image --input public/generated/slide5-v3.png --prompt "Remove the background and make it transparent. Remove any logos." --output public/assets/generated/slide5-edited
  */
 
+import { resolveSecret } from "@agent-native/core/server";
+
 const config = async () => {
   try {
     const m = await import("dotenv");
@@ -49,13 +51,14 @@ export default async function main(args: string[]) {
     throw new Error("Script failed");
   }
 
-  if (!process.env.GEMINI_API_KEY) {
-    console.error("Error: GEMINI_API_KEY not set");
+  const apiKey = await resolveSecret("GEMINI_API_KEY");
+  if (!apiKey) {
+    console.error("Error: GEMINI_API_KEY not configured");
     throw new Error("Script failed");
   }
 
   const { GoogleGenAI } = await import("@google/genai");
-  const client = new GoogleGenAI({ apiKey: process.env.GEMINI_API_KEY });
+  const client = new GoogleGenAI({ apiKey });
 
   // Read the input image
   const imgBuffer = readFileSync(inputPath);

package/corpus/templates/slides/actions/generate-image-api.ts

@@ -43,7 +43,7 @@ export default defineAction({
     // Get the appropriate provider
     const { getProvider } =
       await import("../server/handlers/image-providers/index.js");
-    const provider = getProvider(args.model || "auto");
+    const provider = await getProvider(args.model || "auto");
 
     const refImages: ReferenceImage[] = [];
 

package/corpus/templates/slides/actions/generate-image.ts

@@ -192,10 +192,10 @@ Options:
   const modelChoice = opts["model"] || "auto";
   let provider: Awaited<ReturnType<typeof getProvider>>;
   try {
-    provider = getProvider(modelChoice);
+    provider = await getProvider(modelChoice);
   } catch {
     console.error(
-      "Error: No image generation provider configured. Set GEMINI_API_KEY or OPENAI_API_KEY.",
+      "Error: No image generation provider configured. Save GEMINI_API_KEY or OPENAI_API_KEY in settings.",
     );
     throw new Error("Script failed");
   }

package/corpus/templates/slides/actions/generate-slides-ai.ts

@@ -1,4 +1,5 @@
 import { defineAction } from "@agent-native/core";
+import { resolveSecret } from "@agent-native/core/server";
 import type { GeneratedSlide } from "@shared/api";
 import { z } from "zod";
 
@@ -21,9 +22,10 @@ export default defineAction({
       .describe("Whether to include image prompts (default: true)"),
   }),
   run: async (args) => {
-    if (!process.env.GEMINI_API_KEY) {
+    const apiKey = await resolveSecret("GEMINI_API_KEY");
+    if (!apiKey) {
       throw new Error(
-        "Gemini API key not configured. Set GEMINI_API_KEY environment variable.",
+        "Gemini API key not configured. Save GEMINI_API_KEY in settings.",
       );
     }
 
@@ -37,7 +39,7 @@ export default defineAction({
     const includeImages = args.includeImages !== false;
 
     const { GoogleGenAI } = await import("@google/genai");
-    const client = new GoogleGenAI({ apiKey: process.env.GEMINI_API_KEY });
+    const client = new GoogleGenAI({ apiKey });
 
     const imageInstruction = includeImages
       ? `For slides where a visual would enhance the message, set the layout to "image" and provide an "imagePrompt" field with a detailed description of what image to generate. The imagePrompt should describe a professional, high-quality image that supports the slide content. Include imagePrompt for roughly 30-40% of slides (not the title slide).`

package/corpus/templates/slides/actions/image-gen-status.ts

@@ -1,4 +1,5 @@
 import { defineAction } from "@agent-native/core";
+import { resolveSecret } from "@agent-native/core/server";
 import { z } from "zod";
 
 export default defineAction({
@@ -9,11 +10,11 @@ export default defineAction({
   run: async () => {
     const { getConfiguredProviders } =
       await import("../server/handlers/image-providers/index.js");
-    const configured = getConfiguredProviders();
-    const geminiStatus = process.env.GEMINI_API_KEY
+    const configured = await getConfiguredProviders();
+    const geminiStatus = (await resolveSecret("GEMINI_API_KEY"))
       ? "Configured"
       : "Not configured";
-    const openaiStatus = process.env.OPENAI_API_KEY
+    const openaiStatus = (await resolveSecret("OPENAI_API_KEY"))
       ? "Configured"
       : "Not configured";
     const autoProvider =

package/corpus/templates/slides/actions/image-search.ts

@@ -1,4 +1,5 @@
 import { defineAction } from "@agent-native/core";
+import { resolveSecret } from "@agent-native/core/server";
 import { z } from "zod";
 
 export default defineAction({
@@ -18,12 +19,14 @@ export default defineAction({
       throw new Error("--query is required");
     }
 
-    const apiKey = process.env.GOOGLE_API_KEY;
-    const cx = process.env.GOOGLE_SEARCH_CX;
+    const [apiKey, cx] = await Promise.all([
+      resolveSecret("GOOGLE_API_KEY"),
+      resolveSecret("GOOGLE_SEARCH_CX"),
+    ]);
 
     if (!apiKey || !cx) {
       throw new Error(
-        "GOOGLE_API_KEY and GOOGLE_SEARCH_CX environment variables are required.",
+        "GOOGLE_API_KEY and GOOGLE_SEARCH_CX must be saved in settings.",
       );
     }
 

package/corpus/templates/slides/actions/search-images.ts

@@ -1,4 +1,5 @@
 import { defineAction } from "@agent-native/core";
+import { resolveSecret } from "@agent-native/core/server";
 import { z } from "zod";
 
 export default defineAction({
@@ -13,12 +14,14 @@ export default defineAction({
       throw new Error("Missing query parameter 'q'");
     }
 
-    const apiKey = process.env.GOOGLE_API_KEY;
-    const cx = process.env.GOOGLE_SEARCH_CX;
+    const [apiKey, cx] = await Promise.all([
+      resolveSecret("GOOGLE_API_KEY"),
+      resolveSecret("GOOGLE_SEARCH_CX"),
+    ]);
 
     if (!apiKey || !cx) {
       throw new Error(
-        "Google Search not configured. Set GOOGLE_API_KEY and GOOGLE_SEARCH_CX environment variables.",
+        "Google Search not configured. Save GOOGLE_API_KEY and GOOGLE_SEARCH_CX in settings.",
       );
     }
 

package/corpus/templates/slides/app/components/CloudUpgrade.tsx

@@ -1,4 +1,4 @@
-import { agentNativePath, useT } from "@agent-native/core/client";
+import { useT } from "@agent-native/core/client";
 import {
   IconX,
   IconCheck,
@@ -106,63 +106,20 @@ export function CloudUpgrade({
     connectingRef.current = true;
 
     if (!dbUrl.trim()) {
-      setErrorMsg("Database URL is required");
+      setErrorMsg(
+        "Database settings are deployment-level. Configure DATABASE_URL with your host and redeploy the app.",
+      );
       setStatus("error");
       connectingRef.current = false;
       return;
     }
 
     try {
-      setStatus("saving");
+      setStatus("error");
       setErrorMsg("");
-
-      const vars: Array<{ key: string; value: string }> = [
-        { key: "DATABASE_URL", value: dbUrl.trim() },
-      ];
-      if (authToken.trim()) {
-        vars.push({ key: "DATABASE_AUTH_TOKEN", value: authToken.trim() });
-      }
-
-      const saveRes = await fetch(agentNativePath("/_agent-native/env-vars"), {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ vars }),
-      });
-
-      if (!saveRes.ok) {
-        const data = await saveRes.json().catch(() => ({}));
-        throw new Error(data.error || "Failed to save credentials");
-      }
-
-      // Poll db-health until it returns ok
-      setStatus("polling");
-      let ok = false;
-      for (let i = 0; i < 30; i++) {
-        await new Promise((r) => setTimeout(r, 1000));
-        try {
-          const healthRes = await fetch(
-            agentNativePath("/_agent-native/actions/db-health"),
-          );
-          const health = await healthRes.json();
-          if (health.ok && health.local === false) {
-            ok = true;
-            break;
-          }
-        } catch {
-          // Keep polling
-        }
-      }
-
-      if (!ok) {
-        throw new Error(
-          "Database connection failed after 30 attempts. Check your credentials.",
-        );
-      }
-
-      setStatus("success");
-      setTimeout(() => {
-        window.location.reload();
-      }, 1500);
+      throw new Error(
+        "Database settings are deployment-level. Configure DATABASE_URL and DATABASE_AUTH_TOKEN with your host, redeploy, then check sharing again.",
+      );
     } catch (e) {
       setErrorMsg(
         e instanceof Error ? e.message : t("raw.cloudConnectionFailed"),

package/corpus/templates/slides/app/components/layout/Header.tsx

@@ -10,7 +10,6 @@ const pageTitleKeys: Record<string, string> = {
   "/": "header.decks",
   "/design-systems": "header.designSystems",
   "/settings": "header.settings",
-  "/team": "header.team",
   "/extensions": "header.extensions",
 };
 

package/corpus/templates/slides/app/components/layout/Sidebar.tsx

@@ -10,7 +10,6 @@ import {
   IconStack2,
   IconPalette,
   IconSettings,
-  IconUsers,
   IconLayoutSidebarLeftCollapse,
   IconLayoutSidebarLeftExpand,
 } from "@tabler/icons-react";
@@ -31,7 +30,6 @@ const navItems = [
     href: "/design-systems",
   },
   { icon: IconSettings, labelKey: "navigation.settings", href: "/settings" },
-  { icon: IconUsers, labelKey: "navigation.team", href: "/team" },
 ];
 
 interface SidebarProps {

package/corpus/templates/slides/app/routes/settings.tsx

@@ -1,10 +1,11 @@
 import {
   ChangelogSettingsCard,
   LanguagePicker,
+  SettingsTabsPage,
   openAgentSettings,
   useT,
 } from "@agent-native/core/client";
-import { Link } from "react-router";
+import { TeamPage } from "@agent-native/core/client/org";
 
 import { useSetPageTitle } from "@/components/layout/HeaderActions";
 import { Button } from "@/components/ui/button";
@@ -29,60 +30,59 @@ export default function SettingsRoute() {
   useSetPageTitle(t("settings.title"));
 
   return (
-    <main className="mx-auto w-full max-w-3xl space-y-6 px-4 py-6 sm:px-6 sm:py-10">
-      <div className="space-y-1">
-        <h1 className="text-2xl font-semibold tracking-tight">
-          {t("settings.title")}
-        </h1>
-        <p className="text-sm leading-6 text-muted-foreground">
-          {t("settings.description")}
-        </p>
-      </div>
+    <SettingsTabsPage
+      teamLabel={t("navigation.team")}
+      general={
+        <div className="mx-auto w-full max-w-3xl space-y-6">
+          <p className="text-sm leading-6 text-muted-foreground">
+            {t("settings.description")}
+          </p>
 
-      <Card>
-        <CardHeader>
-          <CardTitle className="text-base">
-            {t("settings.languageTitle")}
-          </CardTitle>
-          <CardDescription>{t("settings.languageDescription")}</CardDescription>
-        </CardHeader>
-        <CardContent className="max-w-xs space-y-1.5">
-          <Label>{t("settings.languageLabel")}</Label>
-          <LanguagePicker label={t("settings.languageLabel")} />
-        </CardContent>
-      </Card>
+          <Card>
+            <CardHeader>
+              <CardTitle className="text-base">
+                {t("settings.languageTitle")}
+              </CardTitle>
+              <CardDescription>
+                {t("settings.languageDescription")}
+              </CardDescription>
+            </CardHeader>
+            <CardContent className="max-w-xs space-y-1.5">
+              <Label>{t("settings.languageLabel")}</Label>
+              <LanguagePicker label={t("settings.languageLabel")} />
+            </CardContent>
+          </Card>
 
-      <Card>
-        <CardHeader>
-          <CardTitle className="text-base">
-            {t("settings.workspaceTitle")}
-          </CardTitle>
-          <CardDescription>
-            {t("settings.workspaceDescription")}
-          </CardDescription>
-        </CardHeader>
-        <CardContent>
-          <Button variant="outline" asChild>
-            <Link to="/team">{t("settings.openTeamSettings")}</Link>
-          </Button>
-        </CardContent>
-      </Card>
-
-      <Card>
-        <CardHeader>
-          <CardTitle className="text-base">
-            {t("settings.agentTitle")}
-          </CardTitle>
-          <CardDescription>{t("settings.agentDescription")}</CardDescription>
-        </CardHeader>
-        <CardContent>
-          <Button variant="outline" onClick={() => openAgentSettings()}>
-            {t("settings.openAgentSettings")}
-          </Button>
-        </CardContent>
-      </Card>
-
-      <ChangelogSettingsCard markdown={changelog} />
-    </main>
+          <Card>
+            <CardHeader>
+              <CardTitle className="text-base">
+                {t("settings.agentTitle")}
+              </CardTitle>
+              <CardDescription>
+                {t("settings.agentDescription")}
+              </CardDescription>
+            </CardHeader>
+            <CardContent>
+              <Button variant="outline" onClick={() => openAgentSettings()}>
+                {t("settings.openAgentSettings")}
+              </Button>
+            </CardContent>
+          </Card>
+        </div>
+      }
+      team={
+        <div className="mx-auto w-full max-w-3xl">
+          <TeamPage
+            showTitle={false}
+            createOrgDescription={t("raw.teamDescription")}
+          />
+        </div>
+      }
+      whatsNew={
+        <div className="mx-auto w-full max-w-3xl">
+          <ChangelogSettingsCard markdown={changelog} />
+        </div>
+      }
+    />
   );
 }

package/corpus/templates/slides/app/routes/team.tsx

@@ -1,7 +1,5 @@
-import { useT } from "@agent-native/core/client";
-import { TeamPage } from "@agent-native/core/client/org";
+import { Navigate } from "react-router";
 
-import { useSetPageTitle } from "@/components/layout/HeaderActions";
 import messages from "@/i18n/en-US";
 
 export function meta() {
@@ -9,13 +7,5 @@ export function meta() {
 }
 
 export default function TeamRoute() {
-  const t = useT();
-  useSetPageTitle(t("navigation.team"));
-  return (
-    <div className="flex-1 overflow-y-auto">
-      <main className="max-w-6xl mx-auto px-4 sm:px-6 py-6 sm:py-10">
-        <TeamPage createOrgDescription={t("raw.teamDescription")} />
-      </main>
-    </div>
-  );
+  return <Navigate to="/settings#team" replace />;
 }

package/corpus/templates/slides/server/handlers/google-docs-auth.ts

@@ -58,12 +58,12 @@ export const getGoogleDocsAuthUrlHandler = defineEventHandler(
       return { error: "not_authenticated" };
     }
 
-    if (!isGoogleDocsOAuthConfigured()) {
+    if (!(await isGoogleDocsOAuthConfigured(owner))) {
       setResponseStatus(event, 422);
       return {
         error: "missing_credentials",
         message:
-          "Google OAuth credentials are not configured. Set GOOGLE_CLIENT_ID and GOOGLE_CLIENT_SECRET.",
+          "Google OAuth credentials are not configured. Save GOOGLE_CLIENT_ID and GOOGLE_CLIENT_SECRET in settings.",
       };
     }
 
@@ -96,7 +96,7 @@ export const getGoogleDocsAuthUrlHandler = defineEventHandler(
         returnUrl,
         flowId,
       });
-      const url = getGoogleDocsAuthUrl(redirectUri, state);
+      const url = await getGoogleDocsAuthUrl(redirectUri, state, owner);
       if (q.redirect === "1") {
         return sendRedirect(event, url, 302);
       }
@@ -170,9 +170,9 @@ export const getGoogleDocsStatus = defineEventHandler(
 
     try {
       const accounts = await listGoogleDocsAccounts(owner);
-      const picker = getGooglePickerConfig();
+      const picker = await getGooglePickerConfig(owner);
       return {
-        configured: isGoogleDocsOAuthConfigured(),
+        configured: await isGoogleDocsOAuthConfigured(owner),
         connected: accounts.length > 0,
         accounts,
         pickerConfigured: !!(picker.apiKey && picker.appId),
@@ -193,22 +193,22 @@ export const getGoogleDocsPickerToken = defineEventHandler(
       return { error: "not_authenticated" };
     }
 
-    if (!isGoogleDocsOAuthConfigured()) {
+    if (!(await isGoogleDocsOAuthConfigured(owner))) {
       setResponseStatus(event, 422);
       return {
         error: "missing_credentials",
         message:
-          "Google OAuth credentials are not configured. Set GOOGLE_CLIENT_ID and GOOGLE_CLIENT_SECRET.",
+          "Google OAuth credentials are not configured. Save GOOGLE_CLIENT_ID and GOOGLE_CLIENT_SECRET in settings.",
       };
     }
 
-    const picker = getGooglePickerConfig();
+    const picker = await getGooglePickerConfig(owner);
     if (!picker.apiKey || !picker.appId) {
       setResponseStatus(event, 422);
       return {
         error: "missing_picker_config",
         message:
-          "Google Picker is not configured. Set GOOGLE_PICKER_API_KEY and GOOGLE_PICKER_APP_ID.",
+          "Google Picker is not configured. Save GOOGLE_PICKER_API_KEY and GOOGLE_PICKER_APP_ID in settings.",
       };
     }
 

package/corpus/templates/slides/server/handlers/image-gen.ts

@@ -1,3 +1,5 @@
+import { resolveSecret } from "@agent-native/core/server";
+
 interface ReferenceImage {
   data: string; // base64
   mimeType: string;
@@ -35,7 +37,9 @@ export async function generateWithGemini(
   context?: { slideContent?: string; deckText?: string },
 ): Promise<{ imageData: Buffer; mimeType: string }> {
   const { GoogleGenAI } = await import("@google/genai");
-  const client = new GoogleGenAI({ apiKey: process.env.GEMINI_API_KEY });
+  const apiKey = await resolveSecret("GEMINI_API_KEY");
+  if (!apiKey) throw new Error("GEMINI_API_KEY not configured");
+  const client = new GoogleGenAI({ apiKey });
 
   // Randomly select 4 reference images for better style matching per generation
   const shuffled = [...referenceImages].sort(() => Math.random() - 0.5);

package/corpus/templates/slides/server/handlers/image-providers/gemini.ts

@@ -1,3 +1,5 @@
+import { resolveSecret } from "@agent-native/core/server";
+
 import type {
   ImageProvider,
   ImageProviderConfig,
@@ -12,6 +14,10 @@ export class GeminiProvider implements ImageProvider {
     return !!process.env.GEMINI_API_KEY;
   }
 
+  async isConfiguredForRequest(): Promise<boolean> {
+    return !!(await resolveSecret("GEMINI_API_KEY"));
+  }
+
   async generate(
     prompt: string,
     referenceImages: ReferenceImage[] = [],
@@ -19,7 +25,9 @@ export class GeminiProvider implements ImageProvider {
     config?: ImageProviderConfig,
   ): Promise<ImageGenerationResult> {
     const { GoogleGenAI } = await import("@google/genai");
-    const client = new GoogleGenAI({ apiKey: process.env.GEMINI_API_KEY });
+    const apiKey = await resolveSecret("GEMINI_API_KEY");
+    if (!apiKey) throw new Error("GEMINI_API_KEY not configured");
+    const client = new GoogleGenAI({ apiKey });
 
     // Randomly select up to 4 reference images for style matching
     const shuffled = [...referenceImages].sort(() => Math.random() - 0.5);