@agent-native/dispatch 0.23.3 → 0.24.0

package/src/components/dispatch-control-plane.tsx

@@ -12,7 +12,10 @@ import { Link, useNavigate } from "react-router";
 
 import type { ConnectedAppSummary } from "../lib/other-apps";
 import { cn } from "../lib/utils";
-import type { WorkspaceAppSummary } from "../lib/workspace-apps";
+import {
+  isWorkspaceAppVisibleInDefaultLaunchers,
+  type WorkspaceAppSummary,
+} from "../lib/workspace-apps";
 import { ActionQueryError } from "./action-query-error";
 import {
   APP_LIST_GRID_CLASS,
@@ -115,6 +118,7 @@ function CommandPanel() {
           selectedEffort={selectedEffort}
           selectedEngine={selectedEngine}
           selectedModel={selectedModel}
+          rootClassName="bg-card"
           onEffortChange={onEffortChange}
           onModelChange={onModelChange}
           onSubmit={(text) => send(text)}
@@ -161,7 +165,9 @@ function AppsPanel({
 }) {
   const t = useT();
   const [showPending, setShowPending] = useState(false);
-  const visibleApps = apps.filter((app) => !app.isDispatch && !app.archived);
+  const visibleApps = apps.filter(
+    (app) => isWorkspaceAppVisibleInDefaultLaunchers(app) && !app.archived,
+  );
   const activeApps = visibleApps.filter((app) => app.status !== "pending");
   const pendingApps = visibleApps.filter((app) => app.status === "pending");
   const otherAppEntries = mergeOtherAppEntries({

package/src/components/layout/Layout.spec.tsx

@@ -9,6 +9,7 @@ import { TooltipProvider } from "../ui/tooltip";
 import {
   buildChatFirstEmbedSessionInput,
   formatThreadAge,
+  isElectronEmbeddedSearch,
   NavContent,
 } from "./Layout";
 
@@ -119,6 +120,14 @@ describe("chat-first embed sessions", () => {
   });
 });
 
+describe("Electron control-plane mode", () => {
+  it("recognizes only the explicit Electron query flag", () => {
+    expect(isElectronEmbeddedSearch("?electron=1")).toBe(true);
+    expect(isElectronEmbeddedSearch("?electron=0")).toBe(false);
+    expect(isElectronEmbeddedSearch("?chatFirst=1")).toBe(false);
+  });
+});
+
 describe("Dispatch NavContent", () => {
   let container: HTMLDivElement;
   let root: Root;
@@ -293,6 +302,9 @@ describe("Dispatch NavContent", () => {
     );
     expect(sidebarLabel?.textContent?.trim()).toBe("Dispatch");
     expect(container.textContent).not.toContain("Agent-Native Dispatch");
+    expect(
+      sidebarLabel?.closest('a[data-dispatch-logo][href="/overview"]'),
+    ).not.toBeNull();
 
     const settingsLink = container.querySelector('a[href="/settings"]');
     const adminLink = container.querySelector('a[href="/admin"]');

package/src/components/layout/Layout.tsx

@@ -102,8 +102,11 @@ import {
 import { Link, useLocation, useNavigate } from "react-router";
 import { toast } from "sonner";
 
+import { isEmbedSessionExpiredMessage } from "../../lib/embed-session-recovery";
 import { cn } from "../../lib/utils";
 import {
+  isDispatchWorkspaceAppId,
+  isWorkspaceAppVisibleInDefaultLaunchers,
   mergeChatFirstWorkspaceApps,
   workspaceAppIdFromRoute,
   workspaceAppRoute,
@@ -299,6 +302,10 @@ function localDispatchPath(pathname: string): string {
   return pathname;
 }
 
+export function isElectronEmbeddedSearch(search: string): boolean {
+  return new URLSearchParams(search).get("electron") === "1";
+}
+
 function chatFirstPrimaryTabForPath(
   pathname: string,
 ): ChatFirstPrimaryTab | undefined {
@@ -1187,7 +1194,7 @@ export function NavContent({
     <div
       className={cn("py-2", collapsed ? "flex justify-center px-1" : "px-3")}
     >
-      <OrgSwitcher compact={collapsed} reserveSpace />
+      <OrgSwitcher compact={collapsed} reserveSpace currentAppId="dispatch" />
     </div>
   );
   const sidebarFooterActions = (
@@ -1207,9 +1214,12 @@ export function NavContent({
           collapsed ? "justify-center px-0" : "px-4",
         )}
       >
-        <div
+        <Link
+          to={dispatchNavLinkTarget("/overview")}
+          aria-label={`${DISPATCH_SIDEBAR_LABEL} overview`}
+          data-dispatch-logo
           className={cn(
-            "flex items-center",
+            "flex items-center rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",
             collapsed ? "justify-center" : "gap-2",
           )}
         >
@@ -1245,7 +1255,7 @@ export function NavContent({
               </div>
             </div>
           )}
-        </div>
+        </Link>
       </div>
 
       {chatFirstMode ? (
@@ -1330,6 +1340,11 @@ export function Layout({
     }
   });
   const localPathname = localDispatchPath(location.pathname);
+  const [electronEmbedded] = useState(() =>
+    typeof window !== "undefined"
+      ? isElectronEmbeddedSearch(window.location.search)
+      : false,
+  );
   const isChatRoute =
     localPathname === "/chat" || localPathname.startsWith("/chat/");
   const chatFirstSurfaceScope = threadIdFromPath(localPathname) ?? "new";
@@ -1347,6 +1362,17 @@ export function Layout({
   const chatFirstMode =
     extensions?.chatFirst === true || chatFirstPreference || chatFirstEmbedded;
   const chatFirstHasActiveChat = chatFirstSurfaceScope !== "new";
+  useEffect(() => {
+    if (!electronEmbedded || typeof window === "undefined") return;
+    const url = new URL(window.location.href);
+    if (isElectronEmbeddedSearch(url.search)) return;
+    url.searchParams.set("electron", "1");
+    window.history.replaceState(
+      window.history.state,
+      "",
+      `${url.pathname}${url.search}${url.hash}`,
+    );
+  }, [electronEmbedded, location.pathname, location.search]);
   useEffect(() => {
     if (!chatFirstMode || chatFirstEmbedded || localPathname !== "/overview") {
       return;
@@ -1396,7 +1422,9 @@ export function Layout({
   const chatFirstAppItems = useMemo<ChatFirstAppItem[]>(
     () =>
       chatFirstAppRegistrations
-        .filter((app) => app.enabled)
+        .filter(
+          (app) => app.enabled && isWorkspaceAppVisibleInDefaultLaunchers(app),
+        )
         .map((app) => ({
           id: app.id,
           name: app.name ?? app.id,
@@ -1562,11 +1590,9 @@ export function Layout({
 
     const handleEmbedSessionExpired = (event: MessageEvent) => {
       if (
-        event.data?.type !== "agentNative.embedSessionExpired" ||
-        event.source !== chatFirstAppFrameRef.current?.contentWindow
-      ) {
+        !isEmbedSessionExpiredMessage(event, chatFirstAppFrameRef.current, null)
+      )
         return;
-      }
       setChatFirstEmbedAttempt((attempt) => attempt + 1);
     };
 
@@ -1729,6 +1755,19 @@ export function Layout({
         setChatFirstNotice(chatFirstResolutionMessage(resolution.reason));
         return;
       }
+      if (isDispatchWorkspaceAppId(resolution.target.appId)) {
+        closeChatFirstSessionWatch();
+        chatFirstSurfaceTabsStore.closeAll();
+        setChatFirstSurfacePanelOpen(false);
+        persistChatFirstPane(null);
+        if (resolution.target.path) {
+          navigateWithAgentChatViewTransition(
+            navigate,
+            dispatchNavLinkTarget(resolution.target.path),
+          );
+        }
+        return;
+      }
       openChatFirstPane(resolution.target);
     },
     [
@@ -1736,7 +1775,12 @@ export function Layout({
       chatFirstAppsQuery.isError,
       chatFirstAppsQuery.isLoading,
       chatFirstGrantedAppsQuery.isLoading,
+      chatFirstSurfaceTabsStore,
+      closeChatFirstSessionWatch,
       openChatFirstPane,
+      navigate,
+      persistChatFirstPane,
+      setChatFirstSurfacePanelOpen,
     ],
   );
   const chatHomeHandoffActive = useAgentChatHomeHandoff({
@@ -2067,13 +2111,14 @@ export function Layout({
         chatOnly
         dynamicSuggestions={false}
         suggestions={[]}
+        suppressInlineOpenApp={chatFirstMode}
         emptyStateDisplay="hidden"
         composerPlaceholder={t(
           "dispatch.pages.chatFirstSessionMessagePlaceholder",
         )}
       />
     ),
-    [t],
+    [chatFirstMode, t],
   );
 
   const renderChatFirstSurfaceTab = useCallback(
@@ -2110,6 +2155,7 @@ export function Layout({
             onRetry={() => setChatFirstEmbedAttempt((value) => value + 1)}
             renderEmbed={({ url, title }: ChatFirstEmbedTarget) => (
               <iframe
+                key={`${url}:${chatFirstEmbedAttempt}`}
                 data-dispatch-chat-first-app-frame
                 src={url}
                 title={title ?? chatFirstCopy("appUnavailable")}
@@ -2204,6 +2250,29 @@ export function Layout({
     return <>{children}</>;
   }
 
+  if (electronEmbedded) {
+    return (
+      <DispatchExtensionsContext.Provider value={extensions}>
+        <HeaderActionsProvider>
+          <div
+            data-dispatch-electron-control-plane
+            className="flex h-screen w-full overflow-hidden bg-background"
+          >
+            <div className="relative flex min-w-0 flex-1 flex-col overflow-hidden">
+              <Header showAgentToggle={false} />
+              <InvitationBanner />
+              <main className="flex-1 overflow-y-auto">
+                <div className="mx-auto max-w-7xl space-y-10 px-4 py-6 sm:px-6">
+                  {children}
+                </div>
+              </main>
+            </div>
+          </div>
+        </HeaderActionsProvider>
+      </DispatchExtensionsContext.Provider>
+    );
+  }
+
   if (isWorkspaceAppHostRoute) {
     return (
       <DispatchExtensionsContext.Provider value={extensions}>
@@ -2403,9 +2472,11 @@ export function Layout({
                 chatFirstSurfaceTabsStore.closeAll();
                 setChatFirstSurfacePanelOpen(false);
               }}
-              onChatFirstAppOpen={(app) =>
-                navigate(dispatchNavLinkTarget(workspaceAppRoute(app.id)))
-              }
+              onChatFirstAppOpen={(app) => {
+                if (isDispatchWorkspaceAppId(app.id)) return;
+                setSidebarCollapsed(true);
+                navigate(dispatchNavLinkTarget(workspaceAppRoute(app.id)));
+              }}
               onChatFirstAppsRetry={() => void chatFirstAppsQuery.refetch()}
               collapsible
               onCollapsedChange={setSidebarCollapsed}

package/src/components/layout/workspace-apps-rail.tsx

@@ -5,6 +5,7 @@ import { Link, useLocation } from "react-router";
 
 import { cn } from "../../lib/utils";
 import {
+  isWorkspaceAppVisibleInDefaultLaunchers,
   workspaceAppIdFromRoute,
   workspaceAppRoute,
   workspaceAppHref,
@@ -41,7 +42,7 @@ export function WorkspaceAppsRail({
   const apps = appsQuery.data
     .filter(
       (app) =>
-        !app.isDispatch &&
+        isWorkspaceAppVisibleInDefaultLaunchers(app) &&
         !app.archived &&
         app.status !== "pending" &&
         !!workspaceAppHref(app),

package/src/components/other-apps-section.tsx

@@ -3,6 +3,7 @@ import { useT } from "@agent-native/core/client/i18n";
 import { filterOtherApps, type ConnectedAppSummary } from "../lib/other-apps";
 import type { WorkspaceAppId } from "../lib/other-apps";
 import { cn } from "../lib/utils";
+import { isDefaultWorkspaceAppHiddenId } from "../lib/workspace-apps";
 import { ActionQueryError } from "./action-query-error";
 import {
   APP_LIST_GRID_CLASS,
@@ -52,7 +53,13 @@ export function mergeOtherAppEntries({
 
   for (const template of getTemplateItems(templates)) {
     const id = templateKey(template);
-    if (!id || template.installed || workspaceAppIds.has(id)) continue;
+    if (
+      !id ||
+      isDefaultWorkspaceAppHiddenId(id) ||
+      template.installed ||
+      workspaceAppIds.has(id)
+    )
+      continue;
     seen.add(id);
     entries.push({ kind: "template", template });
   }

package/src/components/workspace-template-card.spec.tsx

@@ -130,7 +130,7 @@ describe("WorkspaceTemplateCard", () => {
       Object.getOwnPropertyDescriptor(
         HTMLInputElement.prototype,
         "value",
-      )?.set?.call(input, "sales-ops");
+      )?.set?.call(input, "Sales Ops");
       input.dispatchEvent(new Event("input", { bubbles: true }));
     });
 

package/src/components/workspace-template-card.tsx

@@ -1,4 +1,5 @@
 import { useActionMutation } from "@agent-native/core/client/hooks";
+import { normalizeWorkspaceAppId } from "@agent-native/core/shared";
 import {
   IconArrowUpRight,
   IconCircleCheck,
@@ -94,17 +95,6 @@ export interface WorkspaceTemplateCardProps {
   ) => void;
 }
 
-function slugifyAppId(value: string): string {
-  return (
-    value
-      .trim()
-      .toLowerCase()
-      .replace(/[^a-z0-9]+/g, "-")
-      .replace(/^-+|-+$/g, "")
-      .slice(0, 48) || "new-app"
-  );
-}
-
 function templateIdFor(template: CuratedWorkspaceTemplate): string {
   return template.templateId || template.id || template.appId || template.name;
 }
@@ -113,8 +103,9 @@ function defaultAppIdFor(
   template: CuratedWorkspaceTemplate,
   defaultAppId?: string,
 ): string {
-  if (defaultAppId) return slugifyAppId(defaultAppId);
-  const sourceId = slugifyAppId(template.appId || template.name);
+  if (defaultAppId) return normalizeWorkspaceAppId(defaultAppId) || "new-app";
+  const sourceId =
+    normalizeWorkspaceAppId(template.appId || template.name) || "new-app";
   return `${sourceId}-app`;
 }
 
@@ -173,15 +164,16 @@ export function WorkspaceTemplateCard({
   }, [defaultAppId, open, template]);
 
   function submitRemix() {
-    const trimmedAppId = appId.trim();
-    if (!trimmedAppId) {
+    const normalizedAppId = normalizeWorkspaceAppId(appId);
+    if (!normalizedAppId) {
       toast.error(labels.appIdRequired);
       return;
     }
+    setAppId(normalizedAppId);
 
     remix.mutate({
       templateId: templateIdFor(template),
-      appId: trimmedAppId,
+      appId: normalizedAppId,
     });
   }
 
@@ -280,6 +272,7 @@ export function WorkspaceTemplateCard({
                   value={appId}
                   autoComplete="off"
                   onChange={(event) => setAppId(event.target.value)}
+                  onBlur={() => setAppId(normalizeWorkspaceAppId(appId))}
                   disabled={remix.isPending}
                 />
               </div>

package/src/config.ts

@@ -13,6 +13,8 @@ export interface DispatchAuthConfig {
   googleOnly?: boolean;
   /** Marketing/branding copy passed straight through to `createAuthPlugin`. */
   marketing?: Record<string, unknown>;
+  /** Exact framework routes that perform their own authentication checks. */
+  publicPaths?: string[];
 }
 
 export interface DispatchIntegrationsConfig {

package/src/hooks/use-navigation-state.ts

@@ -32,6 +32,8 @@ export interface NavigationState {
   query?: string;
   runId?: string;
   threadId?: string;
+  usageScope?: "me" | "workspace";
+  usageUserEmail?: string;
 }
 
 export function useNavigationState(extensions?: DispatchExtensionConfig) {
@@ -177,6 +179,16 @@ export function buildDispatchNavigationState(
     if (selectedThreadId) state.threadId = selectedThreadId;
   }
 
+  if (state.view === "metrics") {
+    const params = new URLSearchParams(search);
+    const usageScope = params.get("scope");
+    const usageUserEmail = params.get("user");
+    if (usageScope === "me" || usageScope === "workspace") {
+      state.usageScope = usageScope;
+    }
+    if (usageUserEmail) state.usageUserEmail = usageUserEmail;
+  }
+
   return state;
 }
 

package/src/lib/embed-session-recovery.spec.ts

@@ -0,0 +1,63 @@
+import { describe, expect, it } from "vitest";
+
+import {
+  EMBED_SESSION_EXPIRED_MESSAGE,
+  isEmbedSessionExpiredMessage,
+} from "./embed-session-recovery";
+
+const frameWindow = {} as Window;
+const frame = {
+  contentWindow: frameWindow,
+  src: "https://mail.example.test/_agent-native/embed/start?ticket=one",
+} as HTMLIFrameElement;
+
+describe("isEmbedSessionExpiredMessage", () => {
+  it("accepts a message from the active app frame", () => {
+    expect(
+      isEmbedSessionExpiredMessage(
+        { data: { type: EMBED_SESSION_EXPIRED_MESSAGE }, source: frameWindow },
+        frame,
+      ),
+    ).toBe(true);
+  });
+
+  it("rejects messages from another frame", () => {
+    expect(
+      isEmbedSessionExpiredMessage(
+        { data: { type: EMBED_SESSION_EXPIRED_MESSAGE }, source: {} as Window },
+        frame,
+      ),
+    ).toBe(false);
+  });
+
+  it("accepts a matching start URL when the browser omits event.source", () => {
+    expect(
+      isEmbedSessionExpiredMessage(
+        {
+          data: {
+            type: EMBED_SESSION_EXPIRED_MESSAGE,
+            embedStartUrl: frame.src,
+          },
+          source: null,
+        },
+        frame,
+      ),
+    ).toBe(true);
+  });
+
+  it("can match the expected URL before the iframe ref is available", () => {
+    expect(
+      isEmbedSessionExpiredMessage(
+        {
+          data: {
+            type: EMBED_SESSION_EXPIRED_MESSAGE,
+            embedStartUrl: frame.src,
+          },
+          source: null,
+        },
+        null,
+        frame.src,
+      ),
+    ).toBe(true);
+  });
+});

package/src/lib/embed-session-recovery.ts

@@ -0,0 +1,26 @@
+export const EMBED_SESSION_EXPIRED_MESSAGE = "agentNative.embedSessionExpired";
+
+interface EmbedSessionExpiredMessage {
+  type?: unknown;
+  embedStartUrl?: unknown;
+}
+
+export function isEmbedSessionExpiredMessage(
+  event: Pick<MessageEvent, "data" | "source">,
+  frame: Pick<HTMLIFrameElement, "contentWindow" | "src"> | null,
+  expectedStartUrl?: string | null,
+): boolean {
+  const data =
+    event.data && typeof event.data === "object"
+      ? (event.data as EmbedSessionExpiredMessage)
+      : null;
+  if (data?.type !== EMBED_SESSION_EXPIRED_MESSAGE) return false;
+
+  const frameWindow = frame?.contentWindow;
+  if (frameWindow && event.source === frameWindow) return true;
+  if (event.source !== null) return false;
+  if (typeof data.embedStartUrl !== "string") return false;
+
+  const frameUrl = frame?.src || expectedStartUrl;
+  return Boolean(frameUrl && data.embedStartUrl === frameUrl);
+}

package/src/lib/other-apps.spec.ts

@@ -104,4 +104,30 @@ describe("filterOtherApps", () => {
       },
     ]);
   });
+
+  it("hides the generic chat starter from connected app launchers", () => {
+    expect(
+      filterOtherApps(
+        [
+          {
+            id: "chat",
+            name: "Chat",
+            url: "https://chat.agent-native.com",
+          },
+          {
+            id: "mail",
+            name: "Mail",
+            url: "https://mail.agent-native.com",
+          },
+        ],
+        [],
+      ),
+    ).toEqual([
+      {
+        id: "mail",
+        name: "Mail",
+        url: "https://mail.agent-native.com",
+      },
+    ]);
+  });
 });

package/src/lib/other-apps.ts

@@ -1,8 +1,12 @@
+import { isDefaultWorkspaceAppHiddenId } from "./workspace-apps";
+
 export interface ConnectedAppSummary {
   id: string;
   name: string;
   description?: string;
   url: string;
+  /** Canonical app-home URL used for launchers; `url` remains the A2A endpoint. */
+  homeUrl?: string;
   color?: string;
   source?: "builtin" | "custom" | "workspace";
 }
@@ -38,6 +42,7 @@ export function filterOtherApps(
       const id = app.id.trim().toLowerCase();
       if (
         !id ||
+        isDefaultWorkspaceAppHiddenId(id) ||
         HIDDEN_OTHER_APP_IDS.has(id) ||
         workspaceAppIds.has(id) ||
         seen.has(id)

package/src/lib/workspace-apps.spec.ts

@@ -1,6 +1,12 @@
 import { describe, expect, it } from "vitest";
 
-import { workspaceAppIdFromRoute, workspaceAppRoute } from "./workspace-apps";
+import {
+  isDefaultWorkspaceAppHiddenId,
+  isDispatchWorkspaceAppId,
+  isWorkspaceAppVisibleInDefaultLaunchers,
+  workspaceAppIdFromRoute,
+  workspaceAppRoute,
+} from "./workspace-apps";
 
 describe("workspace app routes", () => {
   it("round-trips encoded app ids", () => {
@@ -18,4 +24,21 @@ describe("workspace app routes", () => {
   it("accepts nested app routes while preserving the app id", () => {
     expect(workspaceAppIdFromRoute("/apps/mail/inbox")).toBe("mail");
   });
+
+  it("identifies Dispatch regardless of casing or surrounding whitespace", () => {
+    expect(isDispatchWorkspaceAppId(" Dispatch ")).toBe(true);
+    expect(isDispatchWorkspaceAppId("dispatch-tools")).toBe(false);
+  });
+
+  it("hides the generic chat starter and Dispatch from default launchers", () => {
+    expect(isDefaultWorkspaceAppHiddenId(" Chat ")).toBe(true);
+    expect(isWorkspaceAppVisibleInDefaultLaunchers({ id: "chat" })).toBe(false);
+    expect(
+      isWorkspaceAppVisibleInDefaultLaunchers({
+        id: "dispatch",
+        isDispatch: true,
+      }),
+    ).toBe(false);
+    expect(isWorkspaceAppVisibleInDefaultLaunchers({ id: "mail" })).toBe(true);
+  });
 });

package/src/lib/workspace-apps.test.ts

@@ -0,0 +1,20 @@
+import { describe, expect, it } from "vitest";
+
+import { workspaceAppEmbedTarget } from "./workspace-apps";
+
+describe("workspaceAppEmbedTarget", () => {
+  it("uses the app URL as the embed root when a mount path is also present", () => {
+    expect(
+      workspaceAppEmbedTarget({
+        path: "/content",
+        url: "https://workspace.example.test/content",
+      }),
+    ).toEqual({ url: "https://workspace.example.test/content" });
+  });
+
+  it("falls back to the mounted path when no app URL is available", () => {
+    expect(workspaceAppEmbedTarget({ path: "/content", url: null })).toEqual({
+      path: "/content",
+    });
+  });
+});

package/src/lib/workspace-apps.ts

@@ -27,6 +27,21 @@ export interface WorkspaceAppSummary {
   archived?: boolean;
 }
 
+export function isDispatchWorkspaceAppId(appId: string): boolean {
+  return appId.trim().toLowerCase() === "dispatch";
+}
+
+export function isDefaultWorkspaceAppHiddenId(appId: string): boolean {
+  const normalized = appId.trim().toLowerCase();
+  return normalized === "chat" || isDispatchWorkspaceAppId(normalized);
+}
+
+export function isWorkspaceAppVisibleInDefaultLaunchers(
+  app: Pick<WorkspaceAppSummary, "id" | "isDispatch">,
+): boolean {
+  return !app.isDispatch && !isDefaultWorkspaceAppHiddenId(app.id);
+}
+
 export function workspaceAppRoute(appId: string): string {
   return `/apps/${encodeURIComponent(appId)}`;
 }
@@ -55,6 +70,16 @@ export function workspaceAppHref(app: WorkspaceAppSummary): string | null {
   return app.path || app.url || null;
 }
 
+export function workspaceAppEmbedTarget(
+  app: Pick<WorkspaceAppSummary, "path" | "url">,
+): { path?: string; url?: string } {
+  const url = app.url?.trim();
+  if (url) return { url };
+
+  const path = app.path.trim();
+  return path.startsWith("/") ? { path } : path ? { url: path } : {};
+}
+
 export function isPendingBuilderHref(app: WorkspaceAppSummary): boolean {
   return app.status === "pending" && !!app.builderUrl;
 }