@agent-native/core 0.168.11 → 0.168.12

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

@@ -48,26 +48,51 @@ export function useOpenMobileSidebar() {
 const BARE_PREFIXES = ["/present/"];
 
 /**
- * Routes where the page renders its own toolbar instead of the global Header.
- * The Header is hidden so the page can supply richer custom chrome (e.g.
- * DesignEditor mode/zoom/device, shared ExtensionViewer / ExtensionsListPage
- * chrome). The editor owns its agent surface inside its Figma-style left rail.
+ * Routes where the page renders its own toolbar instead of the global Header
+ * on a standalone page. Embedded app surfaces keep the global shell so the
+ * host-provided chat rail can still be reopened from the app header.
  */
 const EDITOR_PREFIXES = ["/design/", "/visual-edit/", "/extensions"];
 
+type DesignLayoutMode = "host-bare" | "standalone-editor" | "app-shell";
+
+function resolveDesignLayoutMode(input: {
+  builderHostEmbed: boolean;
+  embedded: boolean;
+  hasSession: boolean;
+  isDesignEditor: boolean;
+}): DesignLayoutMode {
+  if (
+    input.builderHostEmbed ||
+    (input.isDesignEditor && !input.hasSession && !input.embedded)
+  ) {
+    return "host-bare";
+  }
+  if (input.isDesignEditor && !input.embedded) return "standalone-editor";
+  return "app-shell";
+}
+
 export function Layout({ children }: LayoutProps) {
   const location = useLocation();
   const t = useT();
   const { session } = useSession();
   const hasSession = Boolean(session?.email);
+  const builderHostEmbed = isBuilderHostEmbed();
   // The shell canvas is embedded without a session, so this cannot be the token
   // check alone or it renders Design's own nav inside Builder.
-  const embedded = isBuilderHostEmbed() || isEmbedAuthActive();
+  const embedded = builderHostEmbed || isEmbedAuthActive();
   useNavigationState(hasSession);
   const [mobileSidebarOpen, setMobileSidebarOpen] = useState(false);
   const openMobileSidebar = useCallback(() => setMobileSidebarOpen(true), []);
   const isDesignEditor = isDesignEditorRoute(location.pathname);
-  const showMobileTopBar = !isDesignEditor;
+  const layoutMode = resolveDesignLayoutMode({
+    builderHostEmbed,
+    embedded,
+    hasSession,
+    isDesignEditor,
+  });
+  const standaloneEditor = layoutMode === "standalone-editor";
+  const showMobileTopBar = !standaloneEditor;
   const browserTabId = getBrowserTabId();
   const {
     link: detectedFigmaComposerLink,
@@ -109,11 +134,10 @@ export function Layout({ children }: LayoutProps) {
     return <>{children}</>;
   }
 
-  const hideHeader = EDITOR_PREFIXES.some((p) =>
-    location.pathname.startsWith(p),
-  );
+  const hideHeader =
+    !embedded && EDITOR_PREFIXES.some((p) => location.pathname.startsWith(p));
 
-  if (embedded || (isDesignEditor && !hasSession)) {
+  if (layoutMode === "host-bare") {
     return (
       <HeaderActionsProvider>
         <MobileSidebarContext.Provider value={null}>
@@ -132,7 +156,7 @@ export function Layout({ children }: LayoutProps) {
     );
   }
 
-  if (isDesignEditor) {
+  if (layoutMode === "standalone-editor") {
     return (
       <HeaderActionsProvider>
         <MobileSidebarContext.Provider value={null}>
@@ -151,7 +175,7 @@ export function Layout({ children }: LayoutProps) {
   return (
     <HeaderActionsProvider>
       <MobileSidebarContext.Provider
-        value={isDesignEditor ? null : openMobileSidebar}
+        value={standaloneEditor ? null : openMobileSidebar}
       >
         <AgentSidebar
           position="right"
@@ -178,13 +202,13 @@ export function Layout({ children }: LayoutProps) {
           }
         >
           <div className="agent-layout-shell flex h-dvh w-full overflow-hidden bg-background text-foreground">
-            {!isDesignEditor && mobileSidebarOpen && (
+            {!standaloneEditor && mobileSidebarOpen && (
               <div
                 className="fixed inset-0 z-40 bg-black/50 md:hidden"
                 onClick={() => setMobileSidebarOpen(false)}
               />
             )}
-            {!isDesignEditor && (
+            {!standaloneEditor && (
               <div
                 className={cn(
                   "agent-layout-left-drawer fixed inset-y-0 start-0 z-50 transition-transform duration-200 ease-out md:static md:z-auto md:transition-none motion-reduce:transition-none",

package/dist/collab/awareness.d.ts

@@ -62,11 +62,11 @@ export declare const postAwareness: import("h3").EventHandlerWithFetch<import("h
     error: string;
     states?: undefined;
 } | {
+    error?: undefined;
     states: {
         clientId: number;
         state: string;
     }[];
-    error?: undefined;
 }>>;
 /**
  * GET /_agent-native/collab/:docId/users
@@ -77,9 +77,9 @@ export declare const getActiveUsers: import("h3").EventHandlerWithFetch<import("
     error: string;
     users?: undefined;
 } | {
+    error?: undefined;
     users: {
         clientId: number;
         lastSeen: number;
     }[];
-    error?: undefined;
 }>>;

package/dist/collab/routes.d.ts

@@ -26,8 +26,8 @@ export declare const getCollabState: import("h3").EventHandlerWithFetch<import("
  * Body: { update: string (base64), requestSource?: string }
  */
 export declare const postCollabUpdate: import("h3").EventHandlerWithFetch<import("h3").EventHandlerRequest, Promise<{
-    ok?: undefined;
     error: string;
+    ok?: undefined;
 } | {
     error?: undefined;
     ok: boolean;

package/dist/notifications/routes.d.ts

@@ -11,14 +11,14 @@
  *   DELETE /_agent-native/notifications/:id         — delete
  */
 export declare function createNotificationsHandler(): import("h3").EventHandlerWithFetch<import("h3").EventHandlerRequest, Promise<"" | import("./types.js").Notification[] | {
+    error?: undefined;
     count: number;
     updated?: undefined;
-    error?: undefined;
     ok?: undefined;
 } | {
+    error?: undefined;
     count?: undefined;
     updated: number;
-    error?: undefined;
     ok?: undefined;
 } | {
     count?: undefined;
@@ -26,8 +26,8 @@ export declare function createNotificationsHandler(): import("h3").EventHandlerW
     error: string;
     ok?: undefined;
 } | {
+    error?: undefined;
     count?: undefined;
     updated?: undefined;
-    error?: undefined;
     ok: boolean;
 }>>;

package/dist/observability/routes.d.ts

@@ -41,16 +41,16 @@ export declare function createObservabilityHandler(): import("h3").EventHandlerW
     thumbsUpRate: number;
     avgEvalScore: number;
 } | {
+    error?: undefined;
     summary: import("./types.js").TraceSummary;
     spans: import("./types.js").TraceSpan[];
     id?: undefined;
-    error?: undefined;
     ok?: undefined;
 } | {
+    error?: undefined;
     summary?: undefined;
     spans?: undefined;
     id: string;
-    error?: undefined;
     ok?: undefined;
 } | {
     summary?: undefined;
@@ -59,9 +59,9 @@ export declare function createObservabilityHandler(): import("h3").EventHandlerW
     error: any;
     ok?: undefined;
 } | {
+    error?: undefined;
     summary?: undefined;
     spans?: undefined;
     id?: undefined;
-    error?: undefined;
     ok: boolean;
 }>>;

package/dist/resources/handlers.d.ts

@@ -48,8 +48,8 @@ export declare function handleUpdateResource(event: any): Promise<import("./stor
 }>;
 /** DELETE /_agent-native/resources/:id — delete a resource */
 export declare function handleDeleteResource(event: any): Promise<{
-    ok?: undefined;
     error: string;
+    ok?: undefined;
 } | {
     error?: undefined;
     ok: boolean;

package/dist/secrets/routes.d.ts

@@ -37,17 +37,17 @@ export declare function createWriteSecretHandler(): import("h3").EventHandlerWit
     ok?: undefined;
     status?: undefined;
 } | {
+    error?: undefined;
     ok: boolean;
     status: string;
-    error?: undefined;
 } | {
     ok?: undefined;
     error: string;
     removed?: undefined;
 } | {
+    error?: undefined;
     ok: boolean;
     removed: boolean;
-    error?: undefined;
 }>>;
 /**
  * POST /_agent-native/secrets/:key/test — validate an optional candidate value
@@ -58,13 +58,13 @@ export declare function createTestSecretHandler(): import("h3").EventHandlerWith
     error: string;
     note?: undefined;
 } | {
+    error?: undefined;
     ok: boolean;
     note?: undefined;
-    error?: undefined;
 } | {
+    error?: undefined;
     ok: boolean;
     note: string;
-    error?: undefined;
 } | {
     note?: undefined;
     ok: boolean;
@@ -95,11 +95,11 @@ export interface AdHocSecretPayload {
 export declare function createAdHocSecretHandler(): import("h3").EventHandlerWithFetch<import("h3").EventHandlerRequest, Promise<AdHocSecretPayload[] | {
     error: string;
 } | {
+    error?: undefined;
     ok: boolean;
     key: string;
-    error?: undefined;
 } | {
+    error?: undefined;
     ok: boolean;
     removed: boolean;
-    error?: undefined;
 }>>;

package/dist/server/realtime-token.d.ts

@@ -26,8 +26,8 @@ export declare function createRealtimeTokenHandler(): import("h3").EventHandlerW
     expiresAt?: undefined;
     ttlSeconds?: undefined;
 } | {
+    error?: undefined;
     token: string;
     expiresAt: string;
     ttlSeconds: number;
-    error?: undefined;
 }>>;

package/dist/server/transcribe-voice.d.ts

@@ -20,6 +20,6 @@ export declare function createTranscribeVoiceHandler(): import("h3").EventHandle
     error: string;
     text?: undefined;
 } | {
-    text: string;
     error?: undefined;
+    text: string;
 }>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-native/core",
-  "version": "0.168.11",
+  "version": "0.168.12",
   "description": "Framework for agent-native application development — where AI agents and UI share SQL state, actions, and context",
   "homepage": "https://github.com/BuilderIO/agent-native#readme",
   "bugs": {