@agent-native/core 0.176.1 → 0.176.2-nightly-20260831185956

package/corpus/templates/factory/server/triage/slack-poller.ts

@@ -1,11 +1,18 @@
 import type { SlackMessage, Workspace } from "../connectors/slack.js";
+import { safeHttpUrl } from "../lib/safe-http-url";
 import type { IngestionEnvelope } from "./contracts";
 import { createSlackReader } from "./slack-client";
+import {
+  collectSlackUserIds,
+  resolveSlackUserLabels,
+  serializeUserLabels,
+  SLACK_USER_INFO_CONCURRENCY,
+} from "./slack-user-labels";
 
 const SLACK_HISTORY_LIMIT = 100;
 const MAX_HISTORY_PAGES = 5;
 const MAX_SUMMARY_LENGTH = 500;
-export const SLACK_USER_INFO_CONCURRENCY = 4;
+export { SLACK_USER_INFO_CONCURRENCY };
 
 export interface SlackPollInput {
   workspace: Workspace;
@@ -45,61 +52,18 @@ function messageLabel(message: SlackMessage, resolvedLabel?: string): string {
   return `Slack user ${resolvedLabel ?? message.user ?? "unknown"}`;
 }
 
-function slackUserLabel(
-  user: { name: string | null; displayName: string | null } | null,
-  userId: string,
-): string {
-  const displayName = user?.displayName?.trim();
-  if (displayName) return displayName;
-  const name = user?.name?.trim();
-  if (name) return name.startsWith("@") ? name : `@${name}`;
-  return userId;
-}
-
-async function resolveUserLabels(
-  slack: ReturnType<typeof createSlackReader>,
-  workspace: Workspace,
-  messages: SlackMessage[],
-): Promise<Map<string, string>> {
-  const userIds = [
-    ...new Set(
-      messages
-        .filter((message) => !message.bot_id && !message.username)
-        .map((message) => message.user?.trim())
-        .filter((userId): userId is string => Boolean(userId)),
-    ),
-  ];
-  const labels = new Map<string, string>();
-  await mapWithConcurrency(
-    userIds,
-    SLACK_USER_INFO_CONCURRENCY,
-    async (userId) => {
-      try {
-        const user = await slack.getUserInfo(workspace, userId);
-        labels.set(userId, slackUserLabel(user, userId));
-      } catch {
-        labels.set(userId, userId);
-      }
-    },
-  );
-  return labels;
-}
-
-async function mapWithConcurrency<T>(
-  values: T[],
-  concurrency: number,
-  mapper: (value: T) => Promise<void>,
-): Promise<void> {
-  let nextIndex = 0;
-  const worker = async () => {
-    while (nextIndex < values.length) {
-      const index = nextIndex++;
-      await mapper(values[index]!);
-    }
-  };
-  await Promise.all(
-    Array.from({ length: Math.min(concurrency, values.length) }, worker),
-  );
+function userLabelsForMessage(
+  message: SlackMessage,
+  userLabels?: Map<string, string>,
+): { userLabelsJson: string } | Record<string, never> {
+  if (!userLabels || userLabels.size === 0) return {};
+  const subset = new Map<string, string>();
+  for (const userId of collectSlackUserIds([message])) {
+    const label = userLabels.get(userId);
+    if (label) subset.set(userId, label);
+  }
+  if (subset.size === 0) return {};
+  return { userLabelsJson: serializeUserLabels(subset) };
 }
 
 function toEnvelope(
@@ -111,11 +75,12 @@ function toEnvelope(
   const threadTs = message.thread_ts ?? message.ts;
   const suppliedPermalink = (message as SlackMessage & { permalink?: string })
     .permalink;
-  const sourceUrl =
+  const sourceUrl = safeHttpUrl(
     suppliedPermalink ??
-    (teamDomain
-      ? `https://${teamDomain}.slack.com/archives/${channelId}/p${message.ts.replace(".", "")}${threadTs !== message.ts ? `?thread_ts=${threadTs}` : ""}`
-      : undefined);
+      (teamDomain
+        ? `https://${teamDomain}.slack.com/archives/${channelId}/p${message.ts.replace(".", "")}${threadTs !== message.ts ? `?thread_ts=${threadTs}` : ""}`
+        : undefined),
+  );
 
   return {
     source: "slack",
@@ -129,7 +94,12 @@ function toEnvelope(
     summary: compactText(message.text),
     channelId,
     threadTs,
-    metadata: { messageTs: message.ts },
+    metadata: {
+      messageTs: message.ts,
+      authorId: message.user ?? null,
+      author: message.user ?? null,
+      ...userLabelsForMessage(message, userLabels),
+    },
     coverage:
       message.reply_count && message.reply_count > 0 ? "partial" : "complete",
   };
@@ -211,10 +181,9 @@ export async function pollSlackChannel({
     { value: priorTs, raw: priorLastSlackTs },
   );
 
-  const userLabels = await resolveUserLabels(
-    slack,
-    workspace,
-    uniqueNewMessages.map(({ message }) => message),
+  const userLabels = await resolveSlackUserLabels(
+    collectSlackUserIds(uniqueNewMessages.map(({ message }) => message)),
+    (userId) => slack.getUserInfo(workspace, userId),
   );
 
   return {

package/corpus/templates/factory/server/triage/slack-user-labels.ts

@@ -0,0 +1,126 @@
+import type { SlackMessage } from "../connectors/slack.js";
+import { parseTriageMetadata } from "./metadata.js";
+
+export const SLACK_USER_INFO_CONCURRENCY = 4;
+export const SLACK_USER_INFO_MAX = 40;
+
+export const SLACK_USER_MENTION_RE = /<@([UW][A-Z0-9]+)(?:\|[^>]+)?>/gi;
+
+export function collectSlackUserIds(
+  messages: Array<Pick<SlackMessage, "user" | "bot_id" | "username" | "text">>,
+): string[] {
+  const ids = new Set<string>();
+  for (const message of messages) {
+    const author = message.user?.trim();
+    if (author && !message.bot_id && !message.username) ids.add(author);
+    for (const mention of collectMentionIds(message.text ?? "")) {
+      ids.add(mention);
+    }
+  }
+  return [...ids];
+}
+
+export function collectMentionIds(text: string): string[] {
+  const ids: string[] = [];
+  const pattern = new RegExp(SLACK_USER_MENTION_RE.source, "gi");
+  for (const match of text.matchAll(pattern)) {
+    const id = match[1]?.trim();
+    if (id) ids.push(id);
+  }
+  return ids;
+}
+
+export function slackUserLabel(
+  user: { name: string | null; displayName: string | null } | null,
+  userId: string,
+): string {
+  const displayName = user?.displayName?.trim();
+  if (displayName) return displayName;
+  const name = user?.name?.trim();
+  if (name) return name.startsWith("@") ? name : `@${name}`;
+  return userId;
+}
+
+export async function resolveSlackUserLabels(
+  userIds: string[],
+  lookup: (userId: string) => Promise<{
+    name: string | null;
+    displayName: string | null;
+  }>,
+  concurrency = SLACK_USER_INFO_CONCURRENCY,
+): Promise<Map<string, string>> {
+  const uniqueIds = [
+    ...new Set(userIds.map((id) => id.trim()).filter(Boolean)),
+  ].slice(0, SLACK_USER_INFO_MAX);
+  const labels = new Map<string, string>();
+  await mapWithConcurrency(uniqueIds, concurrency, async (userId) => {
+    try {
+      const user = await lookup(userId);
+      labels.set(userId, slackUserLabel(user, userId));
+    } catch {
+      labels.set(userId, userId);
+    }
+  });
+  return labels;
+}
+
+export function serializeUserLabels(labels: Map<string, string>): string {
+  return JSON.stringify(Object.fromEntries(labels));
+}
+
+export function parseUserLabelsJson(value: unknown): Record<string, string> {
+  if (value == null || value === "") return {};
+  if (typeof value === "object" && !Array.isArray(value)) {
+    return readLabelRecord(value as Record<string, unknown>);
+  }
+  if (typeof value !== "string") {
+    throw new Error("Slack user labels are unreadable.");
+  }
+  let parsed: unknown;
+  try {
+    parsed = JSON.parse(value);
+  } catch {
+    throw new Error("Slack user labels are unreadable.");
+  }
+  if (!parsed || typeof parsed !== "object" || Array.isArray(parsed)) {
+    throw new Error("Slack user labels are unreadable.");
+  }
+  return readLabelRecord(parsed as Record<string, unknown>);
+}
+
+export function readStoredUserLabels(
+  metadataJson: string,
+): Record<string, string> {
+  const metadata = parseTriageMetadata(metadataJson);
+  return parseUserLabelsJson(metadata.userLabelsJson ?? metadata.userLabels);
+}
+
+async function mapWithConcurrency<T>(
+  values: T[],
+  concurrency: number,
+  mapper: (value: T) => Promise<void>,
+): Promise<void> {
+  let nextIndex = 0;
+  const worker = async () => {
+    while (nextIndex < values.length) {
+      const index = nextIndex++;
+      await mapper(values[index]!);
+    }
+  };
+  await Promise.all(
+    Array.from({ length: Math.min(concurrency, values.length) }, worker),
+  );
+}
+
+function readLabelRecord(
+  value: Record<string, unknown>,
+): Record<string, string> {
+  const labels: Record<string, string> = {};
+  for (const [key, label] of Object.entries(value)) {
+    if (typeof label !== "string" || !label.trim()) {
+      throw new Error("Slack user labels are unreadable.");
+    }
+    labels[key] = label;
+  }
+  return labels;
+}

package/corpus/templates/forms/.agents/skills/frontend-design/SKILL.md

@@ -68,6 +68,10 @@ is the target: a surface full of information and nearly empty of narration. So
 "make it minimal" is never satisfied by removing data or by burying it behind
 extra clicks, and never blocked by deleting a sentence.
 
+Keep on-screen text and badging minimal: show the shortest label needed for the
+next action, remove decorative or duplicate status chips, and put context in a
+tooltip or progressive disclosure when it is not needed to decide.
+
 Do not add, unless asked:
 
 - A page title that repeats the nav item or route the user just clicked, or a

package/corpus/templates/forms/.agents/skills/secrets/SKILL.md

@@ -31,6 +31,53 @@ standard workspace connections and org/workspace vault scopes; never put them
 in `.env` or deployment environment variables, and never add a provider-specific
 action or startup bootstrap just to write a credential for one organization.
 
+## Google OAuth triage
+
+| Observation | Meaning | Next action |
+| --- | --- | --- |
+| `invalid_grant` from a deliberately fake code | Google accepted the client pair and rejected only the code | Do not rotate credentials; check flow state and callback registration |
+| `invalid_client` | Google rejected the client id/secret pair | Verify the exact pair and deployment source before rotating |
+| `redirect_uri_mismatch` | The client, host, callback path, and Google registration disagree | Compare that exact tuple in Google Cloud Console; publish a new deploy if site-scoped or build-time configuration changes |
+
+Do not reason about this from memory. The probe checks both contracts: the
+unqualified `/health/google` endpoint reports the sign-in contract, while
+`/health/google?client=managed` reports deployment-level managed OAuth. It asks
+Google directly whether each live `(client_id, redirect_uri)` pair is
+registered:
+
+```bash
+pnpm check:google-redirect-uris -- --env all
+```
+
+The sign-in health path calls `checkGoogleSignInCredential()`, which prefers
+the active Better Auth pair and otherwise uses `resolveGoogleSignInCredentials()`
+from `packages/core/src/server/google-oauth-credentials.ts`. Managed health
+calls `checkGoogleManagedCredential()`, which resolves
+`["GOOGLE_CLIENT_ID", "GOOGLE_CLIENT_SECRET"]` through `resolveSecretPair()` in
+`packages/core/src/server/credential-provider.ts`. App provider handlers use
+`resolveGoogleProviderCredentialCandidatesWithReader()` with `resolveSecret`
+under request context. These are separate flows and can intentionally land on
+different Google clients, so a clean result for one says nothing about the
+other. Read both contracts before changing anything:
+
+```bash
+curl -s https://HOST/_agent-native/health/google | jq '{clientId,mismatchedPairs,credentialSource}'
+curl -s "https://HOST/_agent-native/health/google?client=managed" | jq '{clientId,mismatchedPairs,credentialSource}'
+```
+
+Different `clientId` values across those two, or `mismatchedPairs: true`, is a
+divergence to understand, not damage to undo. Never repair it by rotating a
+secret: writing a fresh value into whichever namespace the failing flow does
+not read verifies clean and changes nothing. Do not collapse the namespaces
+without first confirming which flow uses which client; separate sign-in and
+managed clients on one host can be deliberate. For prebuilt Netlify deploys,
+uploaded Functions read site-scoped secrets at runtime, and the health route
+resolves them per request. The build may receive masked placeholder values.
+After changing a site-scoped env var, publish a new deploy before verifying
+live behavior. Call it a rebuild when the changed value is baked into build
+output or static assets; a runtime-only secret does not need to be baked into
+the bundle.
+
 ## Credential Modeling Preflight
 
 Before registering a provider's fields, inspect the workspace/provider connection

package/corpus/templates/forms/AGENTS.md

@@ -65,7 +65,7 @@ Read the relevant skill before deeper work:
 
 ## Application State
 
-- `navigation` exposes home chat, builder, published form, responses,
+- `navigation` exposes the `/home` chat, builder, published form, responses,
   response-insights, selected field, and builder tab context
   (`activeTab`: `edit`, `responses`, `settings`, or `integrations`).
 - `navigate` moves the UI between home, forms, builder, responses,
@@ -75,8 +75,9 @@ Read the relevant skill before deeper work:
 
 ## Chat-First Workflow
 
-- The `/` route is the primary chat surface. Use it to ask clarifying questions,
-  create or edit forms, explain setup, and surface response insights.
+- The `/home` route is the primary chat surface. Use it to ask clarifying
+  questions, create or edit forms, explain setup, and surface response insights.
+  The public `/` route is reserved for the SSR marketing page.
 - When the user needs a focused workspace, call `navigate` to open `/forms`,
   `/forms/:id?tab=edit`, `/forms/:id?tab=responses`,
   `/forms/:id?tab=settings`, `/forms/:id?tab=integrations`,

package/corpus/templates/forms/actions/response-insights.ts

@@ -77,7 +77,10 @@ const responseInsightsSchema = z.object({
 type ResponseInsightsArgs = z.infer<typeof responseInsightsSchema>;
 
 type FormRow = typeof schema.forms.$inferSelect;
-type ResponseRow = typeof schema.responses.$inferSelect;
+type ResponseRow = Pick<
+  typeof schema.responses.$inferSelect,
+  "id" | "formId" | "data" | "submittedAt" | "submitterEmail"
+>;
 
 function safeJson<T>(value: string, fallback: T): T {
   try {
@@ -331,10 +334,7 @@ export default defineAction({
             formId: schema.responses.formId,
             data: schema.responses.data,
             submittedAt: schema.responses.submittedAt,
-            ip: schema.responses.ip,
             submitterEmail: schema.responses.submitterEmail,
-            pageUrl: schema.responses.pageUrl,
-            clientSurface: schema.responses.clientSurface,
           })
           .from(schema.responses)
           .where(responseFilter)

package/corpus/templates/forms/actions/retry-response-deliveries.ts

@@ -0,0 +1,26 @@
+import { defineAction } from "@agent-native/core/action";
+import { assertAccess } from "@agent-native/core/sharing";
+import { eq } from "drizzle-orm";
+import { z } from "zod";
+
+import { getDb, schema } from "../server/db/index.js";
+import { reconcileResponseDeliveries } from "../server/handlers/submissions.js";
+
+export default defineAction({
+  description:
+    "Retry failed or pending deliveries for a saved response using its immutable delivery snapshot. The form may be unpublished or archived; pass the response ID.",
+  schema: z.object({
+    responseId: z.string().describe("Saved response ID to reconcile"),
+  }),
+  run: async ({ responseId }) => {
+    const db = getDb();
+    const [response] = await db
+      .select({ formId: schema.responses.formId })
+      .from(schema.responses)
+      .where(eq(schema.responses.id, responseId));
+    if (!response) throw new Error(`Response ${responseId} not found`);
+
+    await assertAccess("form", response.formId, "editor");
+    return reconcileResponseDeliveries(responseId);
+  },
+});

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

@@ -3,12 +3,11 @@ import {
   focusAgentChat,
   navigateWithAgentChatViewTransition,
 } from "@agent-native/core/client/agent-chat";
-import { appPath } from "@agent-native/core/client/api-path";
 import { DevDatabaseLink } from "@agent-native/core/client/db-admin";
 import { useT } from "@agent-native/core/client/i18n";
 import { openCommandMenu } from "@agent-native/core/client/navigation";
 import { OrgSwitcher } from "@agent-native/core/client/org";
-import { FeedbackButton } from "@agent-native/core/client/ui";
+import { AgentNativeIcon, FeedbackButton } from "@agent-native/core/client/ui";
 import { SidebarFooterActions } from "@agent-native/toolkit/app-shell";
 import {
   IconArrowUp,
@@ -267,21 +266,9 @@ export function Sidebar() {
               className="flex size-8 shrink-0 items-center justify-center rounded-lg outline-none transition-[background-color,box-shadow,transform] hover:bg-accent/50 focus-visible:ring-2 focus-visible:ring-ring"
               data-sidebar-brand-toggle
             >
-              <img
-                src={appPath("/agent-native-icon-light.svg")}
-                alt=""
+              <AgentNativeIcon
                 aria-hidden="true"
-                width={28}
-                height={16}
-                className="block h-4 w-7 shrink-0 object-contain object-center dark:hidden"
-              />
-              <img
-                src={appPath("/agent-native-icon-dark.svg")}
-                alt=""
-                aria-hidden="true"
-                width={28}
-                height={16}
-                className="hidden h-4 w-7 shrink-0 object-contain object-center dark:block"
+                className="h-3.5 w-6 shrink-0 text-foreground"
               />
             </button>
           </TooltipTrigger>
@@ -298,7 +285,7 @@ export function Sidebar() {
                 aria-label={t("navigation.askForms")}
                 className={cn(
                   "forms-sidebar-nav-item flex size-10 items-center justify-center rounded-lg active:scale-[0.96] transition-[background-color,box-shadow,color,transform]",
-                  location.pathname === "/ask" || location.pathname === "/"
+                  location.pathname === "/ask" || location.pathname === "/home"
                     ? "bg-accent text-accent-foreground"
                     : "text-muted-foreground hover:bg-accent/50 hover:text-foreground",
                 )}
@@ -400,25 +387,13 @@ export function Sidebar() {
                     ? t("sidebar.openAskFullScreen")
                     : t("sidebar.collapseSidebar")
                 }
-                className="flex min-h-10 min-w-0 items-center gap-2 rounded-lg px-2 text-base font-semibold tracking-tight text-muted-foreground/80 active:scale-[0.96] transition-[color,transform] hover:text-foreground/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+                className="flex min-h-10 min-w-0 items-center gap-2 rounded-lg px-2 text-base font-semibold tracking-tight text-foreground active:scale-[0.96] transition-[color,transform] hover:text-foreground/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
                 onClick={handleBrandClick}
                 data-sidebar-brand-toggle
               >
-                <img
-                  src={appPath("/agent-native-icon-light.svg")}
-                  alt=""
-                  aria-hidden="true"
-                  width={28}
-                  height={16}
-                  className="block h-4 w-7 shrink-0 object-contain object-center dark:hidden"
-                />
-                <img
-                  src={appPath("/agent-native-icon-dark.svg")}
-                  alt=""
+                <AgentNativeIcon
                   aria-hidden="true"
-                  width={28}
-                  height={16}
-                  className="hidden h-4 w-7 shrink-0 object-contain object-center dark:block"
+                  className="h-3.5 w-6 shrink-0 text-foreground"
                 />
                 <span className="truncate">{t("navigation.brand")}</span>
               </button>
@@ -454,7 +429,7 @@ export function Sidebar() {
             onClick={navigateHomeChat}
             className={cn(
               "forms-sidebar-nav-item flex min-h-[44px] w-full min-w-0 max-w-full items-center gap-2.5 overflow-hidden rounded-lg px-3 py-2 text-sm active:scale-[0.96] transition-[background-color,box-shadow,color,transform] hover:text-primary",
-              location.pathname === "/ask" || location.pathname === "/"
+              location.pathname === "/ask" || location.pathname === "/home"
                 ? "bg-accent text-accent-foreground"
                 : "text-muted-foreground hover:bg-accent/50 hover:text-foreground",
             )}

package/corpus/templates/forms/app/hooks/use-navigation-state.ts

@@ -78,7 +78,7 @@ export function useNavigationState() {
     getNavigationState: ({ pathname, searchParams }) => {
       const state: NavigationState = { view: "forms" };
 
-      if (pathname === "/" || pathname === "/ask") {
+      if (pathname === "/home" || pathname === "/ask") {
         state.view = "ask";
       } else if (pathname.startsWith("/forms")) {
         const formMatch = pathname.match(/\/forms\/([^/]+)/);

package/corpus/templates/forms/app/lib/route-prewarm.ts

@@ -23,7 +23,7 @@ export function prewarmFormsRoutePath(path: string) {
   const pathname = parsePath(path);
   const jobs: Promise<unknown>[] = [];
 
-  if (pathname === "/" || pathname === "/ask") {
+  if (pathname === "/home" || pathname === "/ask") {
     jobs.push(
       prewarm("layout", () => import("@/routes/_app")),
       prewarm("ask", () => import("@/routes/_app.ask")),

package/corpus/templates/forms/app/root.tsx

@@ -275,13 +275,14 @@ export default function Root() {
   const location = useLocation();
   const isPublicPath =
     location.pathname === "/f" || location.pathname.startsWith("/f/");
+  const isMarketingHome = location.pathname === "/";
 
-  if (isPublicPath) {
+  if (isPublicPath || isMarketingHome) {
     return (
       <AppToolkitProvider>
         <AppProviders
           queryClient={queryClient}
-          isPublicPath
+          isPublicPath={isPublicPath || isMarketingHome}
           i18n={{ catalog: i18nCatalog }}
         >
           <Outlet />

package/corpus/templates/forms/app/routes/_app.home.tsx

@@ -0,0 +1,47 @@
+import { DefaultSpinner } from "@agent-native/core/client/ui";
+import { withSsrHtmlContentType } from "@agent-native/core/shared";
+import { redirect, type LoaderFunctionArgs } from "react-router";
+
+import messages from "@/i18n/en-US";
+
+const SEO_TITLE = messages.routeTitles.formsIndex;
+const SEO_DESCRIPTION = messages.routeDescriptions.formsIndex;
+
+function target(url: URL): string {
+  return `/ask${url.search}${url.hash}`;
+}
+
+export function loader({ url }: LoaderFunctionArgs) {
+  throw withSsrHtmlContentType(redirect(target(url)), { varyByQuery: true });
+}
+
+export function clientLoader({ url }: LoaderFunctionArgs) {
+  throw withSsrHtmlContentType(redirect(target(url)), { varyByQuery: true });
+}
+
+export function meta() {
+  return [
+    { title: SEO_TITLE },
+    {
+      name: "description",
+      content: SEO_DESCRIPTION,
+    },
+    { property: "og:title", content: SEO_TITLE },
+    { property: "og:description", content: SEO_DESCRIPTION },
+    { name: "twitter:card", content: "summary" },
+    { name: "twitter:title", content: SEO_TITLE },
+    { name: "twitter:description", content: SEO_DESCRIPTION },
+  ];
+}
+
+export function HydrateFallback() {
+  return (
+    <div className="flex h-screen w-full items-center justify-center bg-background">
+      <DefaultSpinner />
+    </div>
+  );
+}
+
+export default function HomeRoute() {
+  return null;
+}

package/corpus/templates/forms/app/routes/_app.tsx

@@ -4,7 +4,8 @@ import { Layout } from "@/components/layout/Layout";
 
 // Pathless layout route — wraps all protected routes with Layout so the
 // agent sidebar persists across client-side navigations. Public routes
-// (f.$ for form filling, _index chat home) live outside this layout.
+// (f.$ for form filling, _index marketing) live outside this layout. The
+// private _app.home route preserves the previous chat-home redirect.
 export default function AppLayoutRoute() {
   return (
     <Layout>

package/corpus/templates/forms/app/routes/_index.tsx

@@ -1,24 +1,11 @@
-import { DefaultSpinner } from "@agent-native/core/client/ui";
-import { withSsrHtmlContentType } from "@agent-native/core/shared";
-import { redirect, type LoaderFunctionArgs } from "react-router";
+import { appPath } from "@agent-native/core/client/api-path";
+import { MarketingHome } from "@agent-native/toolkit/marketing";
 
 import messages from "@/i18n/en-US";
 
 const SEO_TITLE = messages.routeTitles.formsIndex;
 const SEO_DESCRIPTION = messages.routeDescriptions.formsIndex;
 
-function target(url: URL): string {
-  return `/ask${url.search}${url.hash}`;
-}
-
-export function loader({ url }: LoaderFunctionArgs) {
-  throw withSsrHtmlContentType(redirect(target(url)), { varyByQuery: true });
-}
-
-export function clientLoader({ url }: LoaderFunctionArgs) {
-  throw withSsrHtmlContentType(redirect(target(url)), { varyByQuery: true });
-}
-
 export function meta() {
   return [
     { title: SEO_TITLE },
@@ -34,14 +21,14 @@ export function meta() {
   ];
 }
 
-export function HydrateFallback() {
+export default function MarketingHomeRoute() {
   return (
-    <div className="flex h-screen w-full items-center justify-center bg-background">
-      <DefaultSpinner />
-    </div>
+    <MarketingHome
+      appName="Forms"
+      tagline={SEO_TITLE}
+      description={SEO_DESCRIPTION}
+      primaryActionHref={appPath("/home")}
+      secondaryActionHref={appPath("/sign-in")}
+    />
   );
 }
-
-export default function IndexRoute() {
-  return null;
-}

package/corpus/templates/forms/public/manifest.json

@@ -2,7 +2,7 @@
   "name": "Forms",
   "short_name": "Forms",
   "description": "Form builder",
-  "start_url": ".",
+  "start_url": "./home",
   "background_color": "#111111",
   "theme_color": "#06B6D4",
   "icons": [