@agent-native/core 0.79.16 → 0.79.18

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);

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

@@ -7,12 +7,19 @@ const providers: Record<string, () => ImageProvider> = {
   openai: () => new OpenAIProvider(),
 };
 
-export function getProvider(name?: string): ImageProvider {
+async function providerIsConfigured(provider: ImageProvider): Promise<boolean> {
+  if (provider.isConfiguredForRequest) {
+    return provider.isConfiguredForRequest();
+  }
+  return provider.isConfigured();
+}
+
+export async function getProvider(name?: string): Promise<ImageProvider> {
   if (name && name !== "auto") {
     const factory = providers[name];
     if (!factory) throw new Error(`Unknown image provider: ${name}`);
     const p = factory();
-    if (!p.isConfigured())
+    if (!(await providerIsConfigured(p)))
       throw new Error(`Provider ${name} not configured (missing API key)`);
     return p;
   }
@@ -20,18 +27,21 @@ export function getProvider(name?: string): ImageProvider {
   // Auto: prefer gemini (has reference image support), fall back to openai
   for (const key of ["gemini", "openai"]) {
     const p = providers[key]!();
-    if (p.isConfigured()) return p;
+    if (await providerIsConfigured(p)) return p;
   }
 
   throw new Error(
-    "No image generation provider configured. Set GEMINI_API_KEY or OPENAI_API_KEY.",
+    "No image generation provider configured. Save GEMINI_API_KEY or OPENAI_API_KEY in settings.",
   );
 }
 
-export function getConfiguredProviders(): ImageProvider[] {
-  return Object.values(providers)
-    .map((f) => f())
-    .filter((p) => p.isConfigured());
+export async function getConfiguredProviders(): Promise<ImageProvider[]> {
+  const result: ImageProvider[] = [];
+  for (const factory of Object.values(providers)) {
+    const provider = factory();
+    if (await providerIsConfigured(provider)) result.push(provider);
+  }
+  return result;
 }
 
 export {

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

@@ -1,3 +1,5 @@
+import { resolveSecret } from "@agent-native/core/server";
+
 import type {
   ImageProvider,
   ImageProviderConfig,
@@ -12,14 +14,18 @@ export class OpenAIProvider implements ImageProvider {
     return !!process.env.OPENAI_API_KEY;
   }
 
+  async isConfiguredForRequest(): Promise<boolean> {
+    return !!(await resolveSecret("OPENAI_API_KEY"));
+  }
+
   async generate(
     prompt: string,
     referenceImages: ReferenceImage[] = [],
     context?: { slideContent?: string; deckText?: string },
     config?: ImageProviderConfig,
   ): Promise<ImageGenerationResult> {
-    const apiKey = process.env.OPENAI_API_KEY;
-    if (!apiKey) throw new Error("OPENAI_API_KEY not set");
+    const apiKey = await resolveSecret("OPENAI_API_KEY");
+    if (!apiKey) throw new Error("OPENAI_API_KEY not configured");
 
     // OpenAI doesn't support reference images natively — fold style description into prompt
     const fullPrompt = buildOpenAIPrompt(prompt, referenceImages, context);
@@ -87,8 +93,8 @@ export class OpenAIProvider implements ImageProvider {
     prompt: string,
     config?: ImageProviderConfig,
   ): Promise<ImageGenerationResult> {
-    const apiKey = process.env.OPENAI_API_KEY;
-    if (!apiKey) throw new Error("OPENAI_API_KEY not set");
+    const apiKey = await resolveSecret("OPENAI_API_KEY");
+    if (!apiKey) throw new Error("OPENAI_API_KEY not configured");
 
     const size = mapSize(config?.aspectRatio, config?.size);
     const quality = mapQuality(config?.quality);

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

@@ -20,6 +20,7 @@ export interface ReferenceImage {
 export interface ImageProvider {
   name: string;
   isConfigured(): boolean;
+  isConfiguredForRequest?(): Promise<boolean>;
   generate(
     prompt: string,
     referenceImages?: ReferenceImage[],