@agent-native/core 0.141.6 → 0.141.7

package/corpus/templates/calendar/app/routes/_app.team.tsx

@@ -7,5 +7,5 @@ export function meta() {
 }
 
 export default function TeamRoute() {
-  return <Navigate to="/settings#organization" replace />;
+  return <Navigate to="/settings/organization" replace />;
 }

package/corpus/templates/chat/app/components/layout/Layout.tsx

@@ -172,7 +172,7 @@ export function Layout({ children }: LayoutProps) {
             openOnChatRunning={chatHomeHandoffActive}
             onFullscreenRequest={openAskAgentFullscreen}
             emptyStateText={t("chat.inspectEmptyState")}
-            agentPageHref="/settings#agent"
+            agentPageHref="/settings/agent"
             suggestions={[
               t("chat.inspectSuggestionCapabilities"),
               t("chat.inspectSuggestionHello"),

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

@@ -64,7 +64,7 @@ function pathForView(view?: string): string {
     case "settings":
       return "/settings";
     case "team":
-      return "/settings#organization";
+      return "/settings/organization";
     default:
       return "/";
   }

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

@@ -133,7 +133,7 @@ function AppContent() {
             {t("root.commandSearch")}
           </CommandMenu.Item>
           <CommandMenu.Item
-            onSelect={() => navigate("/settings#agent")}
+            onSelect={() => navigate("/settings/agent")}
             keywords={[
               "agent",
               "context",

package/corpus/templates/chat/app/routes/agent.tsx

@@ -21,20 +21,20 @@ export default function AgentRoute() {
     "learnings",
   ]);
   const destination = resourceTabs.has(legacyTab)
-    ? `/settings#agent:resources:${legacyTab}`
+    ? `/settings/agent/resources/${legacyTab}`
     : legacyTab === "remote-agents"
-      ? "/settings#agent:agents"
+      ? "/settings/agent/agents"
       : legacyTab === "connections"
-        ? "/settings#integrations"
+        ? "/settings/integrations"
         : legacyTab === "jobs"
-          ? "/settings#agent:automations"
+          ? "/settings/agent/automations"
           : legacyTab === "access"
-            ? "/settings#agent:access"
+            ? "/settings/agent"
             : ["llm", "app-models", "limits", "voice", "background"].includes(
                   legacyTab,
                 )
-              ? `/settings#${legacyTab}`
-              : "/settings#agent";
+              ? `/settings/agent/${legacyTab}`
+              : "/settings/agent";
 
   return <Navigate to={destination} replace />;
 }

package/corpus/templates/chat/app/routes/extensions._index.tsx

@@ -7,5 +7,5 @@ export function meta() {
 }
 
 export default function ExtensionsRoute() {
-  return <Navigate to="/settings#extensions" replace />;
+  return <Navigate to="/settings/extensions" replace />;
 }

package/corpus/templates/chat/app/routes/settings.$.tsx

@@ -0,0 +1 @@
+export { default, meta } from "./settings.js";

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

@@ -7,5 +7,5 @@ export function meta() {
 }
 
 export default function TeamRoute() {
-  return <Navigate to="/settings#organization" replace />;
+  return <Navigate to="/settings/organization" replace />;
 }

package/corpus/templates/clips/app/components/library/library-layout.tsx

@@ -700,7 +700,7 @@ export function LibraryLayout({ children }: LibraryLayoutProps) {
             </div>
 
             <div className="shrink-0 space-y-2 px-3 py-2">
-              <OrgSwitcher settingsPath="/settings#organization" />
+              <OrgSwitcher settingsPath="/settings/organization" />
               <DevDatabaseLink />
             </div>
           </>

package/corpus/templates/clips/app/components/player/transcript-panel.tsx

@@ -463,7 +463,7 @@ function BuilderCreditsPausedNotice({
               size="sm"
               className="h-8 text-amber-900 hover:bg-amber-100 hover:text-amber-950 dark:text-amber-100 dark:hover:bg-amber-900/40"
             >
-              <a href={appPath("/settings#ai-providers")}>
+              <a href={appPath("/settings/general#ai-providers")}>
                 {t("builderCredits.openAiSetup")}
               </a>
             </Button>

package/corpus/templates/clips/app/components/recorder/storage-setup-card.tsx

@@ -190,7 +190,7 @@ export function StorageSetupCard({
               <span className="text-sm text-muted-foreground">
                 Or{" "}
                 <a
-                  href={appPath("/settings#video-storage")}
+                  href={appPath("/settings/general#video-storage")}
                   className="font-medium text-foreground underline underline-offset-2 hover:text-foreground/80"
                 >
                   {t("storageSetup.configureS3")}

package/corpus/templates/clips/app/routes/_app.extensions._index.tsx

@@ -1,5 +1,5 @@
 import { Navigate } from "react-router";
 
 export default function ExtensionsRoute() {
-  return <Navigate to="/settings#extensions" replace />;
+  return <Navigate to="/settings/extensions" replace />;
 }

package/corpus/templates/clips/app/routes/_app.settings.$.tsx

@@ -0,0 +1 @@
+export { default, meta } from "./_app.settings._index.js";

package/corpus/templates/content/app/routes/_app.extensions._index.tsx

@@ -1,5 +1,5 @@
 import { Navigate } from "react-router";
 
 export default function ExtensionsRoute() {
-  return <Navigate to="/settings#extensions" replace />;
+  return <Navigate to="/settings/extensions" replace />;
 }

package/corpus/templates/content/app/routes/_app.settings.$.tsx

@@ -0,0 +1 @@
+export { default, meta } from "./_app.settings.js";

package/corpus/templates/content/app/routes/_app.team.tsx

@@ -7,5 +7,5 @@ export function meta() {
 }
 
 export default function TeamRoute() {
-  return <Navigate to="/settings#organization" replace />;
+  return <Navigate to="/settings/organization" replace />;
 }

package/corpus/templates/content/e2e/global-setup.ts

@@ -28,7 +28,7 @@ async function globalSetup(_config: FullConfig) {
   const page = await ctx.newPage();
   let result: Record<string, unknown> = {};
   try {
-    await page.goto(`${baseURL}/_agent-native/sign-in`, {
+    await page.goto(`${baseURL}/sign-in`, {
       waitUntil: "domcontentloaded",
     });
     result = await page.evaluate(

package/corpus/templates/design/.agents/skills/design-systems/SKILL.md

@@ -191,7 +191,12 @@ The design system setup page collects brand assets from multiple sources. When t
 pnpm action import-from-url --url "https://acme.com"
 ```
 
-Returns CSS custom properties, colors, fonts, Google Fonts links, theme-color, OG image, favicon.
+Renders the live page in a real browser first, then returns a bounded
+design.md-style visual system: computed semantic colors, typography, spacing,
+radii, shadows, representative component styles, CSS variables, logo
+references, screenshots evidence metadata, and reusable Brand Kit data. This
+works for React/CSS-in-JS/Tailwind pages because it reads the computed cascade;
+it reports an explicit static SSRF-safe fallback when no browser is available.
 
 ### Source: GitHub Repository
 

package/corpus/templates/design/actions/analyze-brand-assets.ts

@@ -1,9 +1,7 @@
 import { defineAction } from "@agent-native/core";
-import {
-  normalizeBrandWebsiteUrl,
-  fetchBrandWebsiteSignals,
-} from "@agent-native/core/brand-kit";
+import { normalizeBrandWebsiteUrl } from "@agent-native/core/brand-kit";
 import { resolveAccess } from "@agent-native/core/sharing";
+import { extractRenderedDesignSystemFromUrl } from "@agent-native/creative-context/server";
 import { z } from "zod";
 
 import "../server/db/index.js"; // ensure registerShareableResource runs
@@ -14,8 +12,9 @@ export { normalizeBrandWebsiteUrl };
 export default defineAction({
   description:
     "Gather brand data from various sources for agent analysis. " +
-    "If a websiteUrl is provided, fetches the page HTML and extracts: " +
-    "meta theme-color, CSS custom properties, font-face declarations. " +
+    "If a websiteUrl is provided, renders the page in a real browser and extracts " +
+    "computed colors, typography, spacing, radii, shadows, component styles, " +
+    "CSS custom properties, logo references, and a design.md-style summary. " +
     "If a designSystemId is provided, includes its existing data. " +
     "Returns structured data the agent can use to build or refine a design system.",
   schema: z.object({
@@ -61,7 +60,8 @@ export default defineAction({
 
     // Fetch and analyze website if URL provided
     if (websiteUrl) {
-      result.websiteAnalysis = await fetchBrandWebsiteSignals(websiteUrl);
+      result.websiteAnalysis =
+        await extractRenderedDesignSystemFromUrl(websiteUrl);
     }
 
     return result;

package/corpus/templates/design/actions/import-from-url.ts

@@ -1,18 +1,19 @@
 import { defineAction } from "@agent-native/core";
-import { extractDesignTokensFromUrl } from "@agent-native/core/server/design-token-utils";
+import { extractRenderedDesignSystemFromUrl } from "@agent-native/creative-context/server";
 import { z } from "zod";
 
 export default defineAction({
   description:
-    "Analyze a website URL to extract design tokens (colors, fonts, metadata) " +
-    "for use in creating or updating a design project. " +
-    "Returns extracted CSS variables, font faces, colors, and meta information.",
+    "Analyze a website URL with an SSRF-safe bounded extractor and return a design.md-style " +
+    "visual system: computed colors, typography, spacing, radii, shadows, " +
+    "component styles, CSS variables, logo references, and reusable Brand Kit data. " +
+    "Uses static SSRF-safe extraction until Chromium navigation has a connect-time SSRF guard.",
   schema: z.object({
     url: z.string().describe("Website URL to analyze"),
   }),
   readOnly: true,
   http: { method: "GET" },
   run: async ({ url }) => {
-    return extractDesignTokensFromUrl(url);
+    return extractRenderedDesignSystemFromUrl(url);
   },
 });

package/corpus/templates/design/app/pages/DesignSystemSetup.tsx

@@ -444,7 +444,7 @@ export default function DesignSystemSetup() {
 
     if (normalizedWebsiteUrls.length > 0) {
       parts.push(
-        `\n## Website URLs\nExtract design tokens from these websites:\n${normalizedWebsiteUrls.map((u) => `- ${u}`).join("\n")}\n\n**Best approach:** Call \`activate-browser\` first, then use chrome-devtools MCP tools to navigate each URL and extract computed styles (colors, fonts, spacing, CSS custom properties) via \`evaluate_script\`. This captures the real rendered design — including JS-injected styles, CSS-in-JS, and SPA content that plain HTML fetch misses. Take a screenshot too for visual reference. If Builder is not connected, fall back to \`import-from-url\` for each URL (limited to static HTML parsing).`,
+        `\n## Website URLs\nExtract design tokens from these websites:\n${normalizedWebsiteUrls.map((u) => `- ${u}`).join("\n")}\n\nCall \`import-from-url\` for each URL. It uses the shared layered renderer: Builder Browser when available, then local Playwright or an approved attached browser, with an explicit SSRF-safe static fallback. The result includes hydrated computed styles (including React, CSS-in-JS, Tailwind, SPA content, and loaded fonts), desktop/mobile screenshot evidence, and a bounded design.md-style summary. Use that result as the source of truth; do not replace it with a plain HTML fetch.`,
       );
     }
 
@@ -903,7 +903,7 @@ export default function DesignSystemSetup() {
                 <p className="mt-2 text-xs text-muted-foreground/80">
                   {t("designSystemSetup.privateRepoPrefix")}{" "}
                   <a
-                    href="/settings#secrets:GITHUB_TOKEN"
+                    href="/settings/integrations#secrets:GITHUB_TOKEN"
                     className="font-medium text-foreground/80 underline-offset-2 hover:underline"
                   >
                     GITHUB_TOKEN

package/corpus/templates/design/app/routes/extensions._index.tsx

@@ -7,5 +7,5 @@ export function meta() {
 }
 
 export default function ExtensionsRoute() {
-  return <Navigate to="/settings#extensions" replace />;
+  return <Navigate to="/settings/extensions" replace />;
 }

package/corpus/templates/design/app/routes/settings.$.tsx

@@ -0,0 +1 @@
+export { default, meta } from "./settings.js";

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

@@ -7,5 +7,5 @@ export function meta() {
 }
 
 export default function TeamRoute() {
-  return <Navigate to="/settings#organization" replace />;
+  return <Navigate to="/settings/organization" replace />;
 }

package/corpus/templates/design/changelog/2026-08-05-website-url-imports-now-capture-hydrated-browser-computed-de.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-08-05
+---
+
+Website URL imports now capture hydrated browser-computed design systems for more faithful reuse.

package/corpus/templates/design/e2e/global-setup.ts

@@ -176,7 +176,7 @@ export default async function globalSetup(config: FullConfig) {
   const page = await context.newPage();
 
   try {
-    await page.goto(`${baseURL}/_agent-native/sign-in`, {
+    await page.goto(`${baseURL}/sign-in`, {
       waitUntil: "domcontentloaded",
     });
 

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

@@ -231,7 +231,7 @@ function resolvePath(
     case "threads":
       return "/thread-debug";
     case "team":
-      return "/settings#organization";
+      return "/settings/organization";
     case "extensions":
       return command?.extensionId
         ? `/extensions/${encodeURIComponent(command.extensionId)}`

package/corpus/templates/dispatch/app/routes/settings.$.tsx

@@ -0,0 +1 @@
+export { default, meta } from "./settings.js";

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

@@ -1,5 +1,5 @@
 import { Navigate } from "react-router";
 
 export default function TeamRoute() {
-  return <Navigate to="/settings#organization" replace />;
+  return <Navigate to="/settings/organization" replace />;
 }

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

@@ -91,7 +91,7 @@ function pathForView(view?: string): string {
     case "settings":
       return "/settings";
     case "team":
-      return "/settings#organization";
+      return "/settings/organization";
     default:
       return "/";
   }

package/corpus/templates/factory/app/routes/extensions._index.tsx

@@ -7,5 +7,5 @@ export function meta() {
 }
 
 export default function ExtensionsRoute() {
-  return <Navigate to="/settings#extensions" replace />;
+  return <Navigate to="/settings/extensions" replace />;
 }

package/corpus/templates/factory/app/routes/settings.$.tsx

@@ -0,0 +1 @@
+export { default, meta } from "./settings.js";

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

@@ -7,5 +7,5 @@ export function meta() {
 }
 
 export default function TeamRoute() {
-  return <Navigate to="/settings#organization" replace />;
+  return <Navigate to="/settings/organization" replace />;
 }

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

@@ -7,5 +7,5 @@ export function meta() {
 }
 
 export default function ExtensionsRoute() {
-  return <Navigate to="/settings#extensions" replace />;
+  return <Navigate to="/settings/extensions" replace />;
 }

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

@@ -0,0 +1 @@
+export { default, meta } from "./_app.settings.js";

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

@@ -5,5 +5,5 @@ export function meta() {
 }
 
 export default function TeamRoute() {
-  return <Navigate to="/settings#organization" replace />;
+  return <Navigate to="/settings/organization" replace />;
 }

package/corpus/templates/forms/shared/navigation.ts

@@ -73,7 +73,7 @@ export function formsRoutePath(target: FormsNavigationTarget): string | null {
         ? `/response-insights?formId=${encodeURIComponent(formId)}`
         : "/response-insights";
     case "team":
-      return "/settings#organization";
+      return "/settings/organization";
     case "extensions":
       return "/extensions";
     case "form-preview":

package/corpus/templates/macros/app/routes/extensions._index.tsx

@@ -7,5 +7,5 @@ export function meta() {
 }
 
 export default function ExtensionsRoute() {
-  return <Navigate to="/settings#extensions" replace />;
+  return <Navigate to="/settings/extensions" replace />;
 }

package/corpus/templates/macros/app/routes/settings.$.tsx

@@ -0,0 +1 @@
+export { default, meta } from "./settings.js";

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

@@ -7,5 +7,5 @@ export function meta() {
 }
 
 export default function TeamRoute() {
-  return <Navigate to="/settings#organization" replace />;
+  return <Navigate to="/settings/organization" replace />;
 }

package/corpus/templates/mail/app/routes/extensions._index.tsx

@@ -1,5 +1,5 @@
 import { Navigate } from "react-router";
 
 export default function ExtensionsRoute() {
-  return <Navigate to="/settings#extensions" replace />;
+  return <Navigate to="/settings/extensions" replace />;
 }

package/corpus/templates/mail/app/routes/settings.$.tsx

@@ -0,0 +1 @@
+export { default, meta } from "./settings.js";

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

@@ -196,7 +196,7 @@ function pathForView(view?: string): string {
     case "settings":
       return "/settings";
     case "team":
-      return "/settings#organization";
+      return "/settings/organization";
     default:
       return "/";
   }

package/corpus/templates/plan/app/routes/extensions._index.tsx

@@ -7,5 +7,5 @@ export function meta() {
 }
 
 export default function ExtensionsRoute() {
-  return <Navigate to="/settings#extensions" replace />;
+  return <Navigate to="/settings/extensions" replace />;
 }

package/corpus/templates/plan/app/routes/settings.$.tsx

@@ -0,0 +1 @@
+export { default, meta } from "./settings.js";

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

@@ -7,5 +7,5 @@ export function meta() {
 }
 
 export default function TeamRoute() {
-  return <Navigate to="/settings#organization" replace />;
+  return <Navigate to="/settings/organization" replace />;
 }

package/corpus/templates/slides/.agents/skills/design-systems/SKILL.md

@@ -19,7 +19,9 @@ Design systems are stored in the `design_systems` SQL table. Each has a `data` c
 ## Creating a Design System
 
 1. User provides brand context (company name, website, assets, notes)
-2. `analyze-brand-assets` gathers raw data (extracts CSS, fonts, colors from website)
+2. `analyze-brand-assets` renders a website in a real browser and gathers the
+   computed visual system (colors, fonts, spacing, radii, shadows, components,
+   CSS variables, logos, and design.md-style guidance)
 3. Agent analyzes the data and calls `create-design-system` with extracted tokens
 4. The design system is published and becomes available for deck creation
 

package/corpus/templates/slides/actions/analyze-brand-assets.ts

@@ -1,9 +1,7 @@
 import { defineAction } from "@agent-native/core";
-import {
-  normalizeBrandWebsiteUrl,
-  fetchBrandWebsiteSignals,
-} from "@agent-native/core/brand-kit";
+import { normalizeBrandWebsiteUrl } from "@agent-native/core/brand-kit";
 import { resolveAccess } from "@agent-native/core/sharing";
+import { extractRenderedDesignSystemFromUrl } from "@agent-native/creative-context/server";
 import { z } from "zod";
 
 import "../server/db/index.js"; // ensure registerShareableResource runs
@@ -14,8 +12,9 @@ export { normalizeBrandWebsiteUrl };
 export default defineAction({
   description:
     "Gather brand data from various sources for agent analysis. " +
-    "If a websiteUrl is provided, fetches the page HTML and extracts: " +
-    "meta theme-color, CSS custom properties, font-face declarations. " +
+    "If a websiteUrl is provided, renders the page in a real browser and extracts " +
+    "computed colors, typography, spacing, radii, shadows, component styles, " +
+    "CSS custom properties, logo references, and a design.md-style summary. " +
     "If a designSystemId is provided, includes its existing data. " +
     "Returns structured data the agent can use to build or refine a design system.",
   schema: z.object({
@@ -61,7 +60,8 @@ export default defineAction({
 
     // Fetch and analyze website if URL provided
     if (websiteUrl) {
-      result.websiteAnalysis = await fetchBrandWebsiteSignals(websiteUrl);
+      result.websiteAnalysis =
+        await extractRenderedDesignSystemFromUrl(websiteUrl);
     }
 
     return result;

package/corpus/templates/slides/actions/import-from-url.ts

@@ -1,19 +1,19 @@
 import { defineAction } from "@agent-native/core";
-import { extractDesignTokensFromUrl } from "@agent-native/core/server/design-token-utils";
+import { extractRenderedDesignSystemFromUrl } from "@agent-native/creative-context/server";
 import { z } from "zod";
 
 export default defineAction({
   description:
-    "Analyze a website URL to extract design tokens (colors, fonts, metadata) " +
-    "for use in creating or updating a design project. " +
-    "Follows bounded, SSRF-safe linked stylesheets and reports any stylesheet failures. " +
-    "Returns extracted CSS variables, font faces, colors, and meta information.",
+    "Analyze a website URL in a real browser and return a bounded design.md-style " +
+    "visual system: computed colors, typography, spacing, radii, shadows, " +
+    "component styles, CSS variables, logo references, and reusable Brand Kit data. " +
+    "Uses a static SSRF-safe fallback only when a browser is unavailable.",
   schema: z.object({
     url: z.string().describe("Website URL to analyze"),
   }),
   readOnly: true,
   http: { method: "GET" },
   run: async ({ url }) => {
-    return extractDesignTokensFromUrl(url);
+    return extractRenderedDesignSystemFromUrl(url);
   },
 });

package/corpus/templates/slides/app/components/design-system/DesignSystemSetup.tsx

@@ -479,7 +479,7 @@ export function DesignSystemSetup({
 
     if (websiteUrls.length > 0) {
       parts.push(
-        `\n## Website URLs\nAnalyze these websites for design tokens. Call \`import-from-url\` for each:\n${websiteUrls.map((u) => `- ${u}`).join("\n")}`,
+        `\n## Website URLs\nAnalyze these websites for design tokens. Call \`import-from-url\` for each:\n${websiteUrls.map((u) => `- ${u}`).join("\n")}\n\nThe shared action uses the layered real-browser renderer so hydrated React, CSS-in-JS, Tailwind, SPA content, loaded fonts, computed colors, component styles, CSS variables, and desktop/mobile screenshot evidence are captured consistently. It falls back explicitly to SSRF-safe static extraction only when a browser is unavailable. Use its design.md-style result as the source of truth for the deck style.`,
       );
     }
 

package/corpus/templates/slides/app/components/editor/PromptDialog.tsx

@@ -1,5 +1,6 @@
 import { appBasePath } from "@agent-native/core/client/api-path";
 import { PromptComposer } from "@agent-native/core/client/composer";
+import { ensureEmbedAuthFetchInterceptor } from "@agent-native/core/client/host";
 import { useT } from "@agent-native/core/client/i18n";
 import { useState, useEffect, useCallback, useRef } from "react";
 import { createPortal } from "react-dom";
@@ -22,9 +23,11 @@ export async function uploadPromptFiles(
   if (files.length === 0) return [];
   const formData = new FormData();
   files.forEach((file) => formData.append("files", file));
+  ensureEmbedAuthFetchInterceptor();
   const response = await fetch(`${appBasePath()}/api/uploads`, {
     method: "POST",
     body: formData,
+    credentials: "include",
   });
   if (!response.ok) {
     let message = "Upload failed";

package/corpus/templates/slides/app/components/onboarding/FirstDeckOnboardingFlow.tsx

@@ -15,7 +15,10 @@ import {
   uploadPromptFiles,
   type UploadedFile,
 } from "@/components/editor/PromptDialog";
-import { useDecks } from "@/context/DeckContext";
+import {
+  describeDeckPersistenceFailure,
+  useDecks,
+} from "@/context/DeckContext";
 import { useAgentGenerating } from "@/hooks/use-agent-generating";
 import { useDesignSystems } from "@/hooks/use-design-systems";
 import { useWorkspaceDefaults } from "@/hooks/use-workspace-defaults";
@@ -141,12 +144,15 @@ export function FirstDeckOnboardingFlow({
         onUnauthenticated: () => {
           toast.error(t("home.signInTitle"));
         },
-        onPersistenceFailure: (failedPrompt) => {
+        onPersistenceFailure: (failedPrompt, _failedFiles, failure) => {
           setPromptInitialText(failedPrompt);
           setPromptInitialTextKey(Date.now());
           setStep("prompt");
           toast.error(t("home.generationStartFailed"), {
-            description: t("home.generationStartFailedDescription"),
+            description: describeDeckPersistenceFailure(
+              failure,
+              t("home.generationStartFailedDescription"),
+            ),
           });
         },
       });