@agent-native/core 0.161.20 → 0.161.23

package/corpus/templates/design/app/components/design/keyboard-shortcuts.ts

@@ -1,4 +1,5 @@
 import type { UseDesignHotkeysProps } from "@/hooks/useDesignHotkeys";
+import { SHOW_DESIGN_SECONDARY_LEFT_PANELS } from "@/pages/design-editor/types";
 
 export const DESIGN_SHORTCUT_CATEGORIES = [
   "essential",
@@ -136,13 +137,18 @@ export const DESIGN_SHORTCUTS: readonly DesignShortcutDefinition[] = [
     labelKey: "designEditor.keyboardShortcuts.commands.showLayers",
     handler: "onShowLayersPanel",
   }),
-  shortcut({
-    id: "show-assets",
-    category: "view",
-    bindings: ["alt+2"],
-    labelKey: "designEditor.keyboardShortcuts.commands.showAssets",
-    handler: "onShowAssetsPanel",
-  }),
+  ...(SHOW_DESIGN_SECONDARY_LEFT_PANELS
+    ? [
+        shortcut({
+          id: "show-assets",
+          category: "view" as const,
+          bindings: ["alt+2"],
+          labelKey:
+            "designEditor.keyboardShortcuts.commands.showAssets" as const,
+          handler: "onShowAssetsPanel" as const,
+        }),
+      ]
+    : []),
   shortcut({
     id: "toggle-ui",
     category: "view",

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

@@ -6,6 +6,8 @@ import { useAgentRouteState } from "@agent-native/core/client/navigation";
 import { useEffect } from "react";
 import { useLocation, useParams } from "react-router";
 
+import { normalizeDesignLeftPanel } from "@/pages/design-editor/tool-state";
+
 export interface NavigationState {
   view: string;
   designId?: string;
@@ -120,12 +122,11 @@ function normalizeEditorView(
 
 function normalizeInspectorTab(
   value: unknown,
-): "design" | "comments" | "tweaks" | "code" | "extensions" | undefined {
+): "design" | "comments" | "tweaks" | "code" | undefined {
   return value === "design" ||
     value === "comments" ||
     value === "tweaks" ||
-    value === "code" ||
-    value === "extensions"
+    value === "code"
     ? value
     : undefined;
 }
@@ -141,16 +142,7 @@ function normalizeLeftPanel(
   | "import"
   | "code"
   | undefined {
-  if (value === "extensions") return "tools";
-  return value === "file" ||
-    value === "agent" ||
-    value === "assets" ||
-    value === "tools" ||
-    value === "tokens" ||
-    value === "import" ||
-    value === "code"
-    ? value
-    : undefined;
+  return normalizeDesignLeftPanel(value);
 }
 
 function normalizeEditorMode(
@@ -176,9 +168,12 @@ export function editorPathFromCommand(cmd: NavigationState): string | null {
   const editorView = normalizeEditorView(cmd.editorView);
   if (editorView) params.set("view", editorView);
   if (editorView === "single") params.set("mode", cmd.mode ?? "interact");
-  const inspectorTab = normalizeInspectorTab(cmd.inspectorTab ?? cmd.inspector);
+  const rawInspectorTab = cmd.inspectorTab ?? cmd.inspector;
+  const inspectorTab = normalizeInspectorTab(rawInspectorTab);
   if (inspectorTab) params.set("inspector", inspectorTab);
-  const leftPanel = normalizeLeftPanel(cmd.leftPanel ?? cmd.panel);
+  const leftPanel = normalizeLeftPanel(
+    cmd.leftPanel ?? cmd.panel ?? rawInspectorTab,
+  );
   if (leftPanel) params.set("panel", leftPanel);
   const screen = cmd.fileId ?? cmd.screenId ?? cmd.filename ?? cmd.screen;
   if (screen) params.set("screen", screen);
@@ -201,10 +196,11 @@ export function editorCommandFromNavigate(
 ): DesignEditorCommand | null {
   if (cmd.view !== "editor" || !cmd.designId) return null;
   const editorView = normalizeEditorView(cmd.editorView);
-  const inspectorTab = normalizeInspectorTab(cmd.inspectorTab ?? cmd.inspector);
+  const rawInspectorTab = cmd.inspectorTab ?? cmd.inspector;
+  const inspectorTab = normalizeInspectorTab(rawInspectorTab);
   const leftPanel =
     normalizeLeftPanel(cmd.leftPanel ?? cmd.panel) ??
-    normalizeLeftPanel(cmd.inspectorTab ?? cmd.inspector);
+    normalizeLeftPanel(rawInspectorTab);
   const command: DesignEditorCommand = {
     designId: cmd.designId,
     issuedAt: Date.now(),
@@ -255,11 +251,12 @@ export function useNavigationState(enabled = true) {
         if (editorView) state.editorView = editorView;
         const mode = normalizeEditorMode(searchParams.get("mode"));
         if (mode) state.mode = mode;
-        const inspectorTab = normalizeInspectorTab(
-          searchParams.get("inspector"),
-        );
+        const rawInspectorTab = searchParams.get("inspector");
+        const inspectorTab = normalizeInspectorTab(rawInspectorTab);
         if (inspectorTab) state.inspectorTab = inspectorTab;
-        const leftPanel = normalizeLeftPanel(searchParams.get("panel"));
+        const leftPanel = normalizeLeftPanel(
+          searchParams.get("panel") ?? rawInspectorTab,
+        );
         if (leftPanel) state.leftPanel = leftPanel;
         const screen = searchParams.get("screen");
         if (screen) state.screen = screen;

package/corpus/templates/design/app/pages/design-editor/editor-state.ts

@@ -1,11 +1,11 @@
 import { isStandaloneHttpUrl } from "@shared/html-content";
 
+import { normalizeDesignLeftPanel } from "./tool-state";
 import {
   type DesignFile,
   type DesignLeftPanel,
   type DesignTool,
   type EditorMode,
-  SHOW_DESIGN_CODE_LEFT_PANEL,
 } from "./types";
 
 // Definition moved to shared/ so the server write path and code-layer's
@@ -127,10 +127,7 @@ export function getDesignEditorStateUrlSearch(args: {
   mode?: EditorMode | null;
 }) {
   const params = new URLSearchParams(args.currentSearch);
-  const leftPanel =
-    args.leftPanel === "code" && !SHOW_DESIGN_CODE_LEFT_PANEL
-      ? null
-      : args.leftPanel;
+  const leftPanel = normalizeDesignLeftPanel(args.leftPanel) ?? null;
   params.set("view", args.viewMode);
   if (leftPanel && leftPanel !== "file") {
     params.set("panel", leftPanel);

package/corpus/templates/design/app/pages/design-editor/tool-state.ts

@@ -1,7 +1,7 @@
 import type { CreationTool } from "@/components/design/design-canvas/creation";
 
 import {
-  SHOW_DESIGN_CODE_LEFT_PANEL,
+  isDesignLeftPanelEnabled,
   type DesignLeftPanel,
   type DesignTool,
   type EditorMode,
@@ -10,18 +10,10 @@ import {
 export function normalizeDesignLeftPanel(
   value: unknown,
 ): DesignLeftPanel | undefined {
-  if (value === "extensions") return "tools";
-  if (value === "code") {
-    return SHOW_DESIGN_CODE_LEFT_PANEL ? "code" : undefined;
+  if (value === "extensions") {
+    return isDesignLeftPanelEnabled("tools") ? "tools" : undefined;
   }
-  return value === "file" ||
-    value === "agent" ||
-    value === "assets" ||
-    value === "tools" ||
-    value === "tokens" ||
-    value === "import"
-    ? value
-    : undefined;
+  return isDesignLeftPanelEnabled(value) ? value : undefined;
 }
 
 export const MOVE_GROUP_TOOL_PRESENTATIONS = {

package/corpus/templates/design/app/pages/design-editor/types.ts

@@ -33,7 +33,44 @@ export type DesignLeftPanel =
   | "import"
   | "code";
 
-export const SHOW_DESIGN_CODE_LEFT_PANEL = true;
+/**
+ * Keep the still-evolving Design editor side panels out of the default
+ * surface until their Figma parity work is ready. Flip this switch to expose
+ * Assets, Tools, Tokens, and Code together while iterating on them. The E2E
+ * harness sets the Vite flag so those existing advanced-surface tests keep
+ * exercising the gated panels.
+ */
+const designSecondaryLeftPanelsSetting =
+  typeof import.meta !== "undefined"
+    ? (import.meta as { env?: Record<string, string> }).env
+        ?.VITE_SHOW_DESIGN_SECONDARY_LEFT_PANELS
+    : undefined;
+export const SHOW_DESIGN_SECONDARY_LEFT_PANELS =
+  designSecondaryLeftPanelsSetting === "1" ||
+  designSecondaryLeftPanelsSetting === "true";
+export const SHOW_DESIGN_CODE_LEFT_PANEL = SHOW_DESIGN_SECONDARY_LEFT_PANELS;
+
+export function isDesignLeftPanelEnabled(
+  value: unknown,
+): value is DesignLeftPanel {
+  if (
+    value !== "file" &&
+    value !== "agent" &&
+    value !== "assets" &&
+    value !== "tools" &&
+    value !== "tokens" &&
+    value !== "import" &&
+    value !== "code"
+  ) {
+    return false;
+  }
+
+  if (value === "code") return SHOW_DESIGN_CODE_LEFT_PANEL;
+  if (value === "assets" || value === "tools" || value === "tokens") {
+    return SHOW_DESIGN_SECONDARY_LEFT_PANELS;
+  }
+  return true;
+}
 
 /** Zoom percentage applied when entering single-screen (focused) editor mode. */
 export const FOCUSED_SCREEN_ZOOM = 100;

package/corpus/templates/design/changelog/2026-08-18-advanced-design-editor-panels-hidden-by-default.md

@@ -0,0 +1,6 @@
+---
+type: changed
+date: 2026-08-18
+---
+
+Advanced Design editor panels are hidden by default while they are refined.

package/corpus/templates/design/playwright.config.ts

@@ -22,9 +22,24 @@ const E2E_DATABASE_URL =
   process.env.E2E_DATABASE_URL ??
   `file:${path.join(import.meta.dirname, "data", "e2e.db")}`;
 const BROWSER_CHANNEL = process.env.E2E_BROWSER_CHANNEL;
+const SHOW_SECONDARY_PANELS_IN_E2E =
+  process.env.E2E_SHOW_DESIGN_SECONDARY_LEFT_PANELS !== "0";
+const SECONDARY_PANELS_ENV = SHOW_SECONDARY_PANELS_IN_E2E
+  ? "VITE_SHOW_DESIGN_SECONDARY_LEFT_PANELS=1 "
+  : "VITE_SHOW_DESIGN_SECONDARY_LEFT_PANELS=0 ";
+const ADVANCED_PANEL_SPEC_FILES = [
+  /canvas-tools\.spec\.ts$/,
+  /code-native-deep-surfaces\.spec\.ts$/,
+  /code-native-pr-surfaces\.spec\.ts$/,
+  /code-workbench-local-files\.spec\.ts$/,
+];
 
 export default defineConfig({
   testDir: "./e2e",
+  // These suites intentionally exercise panels that are not mounted in the
+  // disabled profile. Ignoring them keeps that profile focused on verifying
+  // the hidden-panel contract without failing on missing advanced controls.
+  testIgnore: SHOW_SECONDARY_PANELS_IN_E2E ? [] : ADVANCED_PANEL_SPEC_FILES,
   // The editor is heavy (iframe bridge + polling); give generous budgets.
   timeout: 90_000,
   expect: { timeout: 15_000 },
@@ -56,9 +71,11 @@ export default defineConfig({
         // generic DATABASE_URL, but set both to an absolute SQLite URL so a
         // `.env` Postgres URL or a changed command cwd can never override this
         // throwaway local db.
-        command: `APP_NAME=design DESIGN_DATABASE_URL=${JSON.stringify(E2E_DATABASE_URL)} DATABASE_URL=${JSON.stringify(E2E_DATABASE_URL)} PORT=${PORT} corepack pnpm dev`,
+        command: `APP_NAME=design ${SECONDARY_PANELS_ENV}DESIGN_DATABASE_URL=${JSON.stringify(E2E_DATABASE_URL)} DATABASE_URL=${JSON.stringify(E2E_DATABASE_URL)} PORT=${PORT} corepack pnpm dev`,
         url: BASE_URL,
-        reuseExistingServer: !process.env.CI,
+        // The panel flag is compiled into the Vite bundle. Reusing a local
+        // server can therefore run this profile with the opposite setting.
+        reuseExistingServer: false,
         // Cold Vite dep-optimization on first boot can exceed two minutes.
         timeout: 300_000,
         stdout: "ignore",

package/corpus/templates/mail/app/components/email/EmailList.tsx

@@ -62,6 +62,11 @@ import { ensureThread, warmThreads } from "@/lib/thread-cache";
 import { cn } from "@/lib/utils";
 
 import { EmailListItem } from "./EmailListItem";
+import {
+  observeNextPage,
+  retryNextPage as runPaginationRetry,
+  shouldShowPaginationRetry,
+} from "./infinite-pagination";
 
 type EmailsPage = { emails: EmailMessage[]; nextPageToken?: string };
 type InfiniteEmails = InfiniteData<EmailsPage, string | undefined>;
@@ -83,6 +88,7 @@ interface EmailListProps {
   hasNextPage?: boolean;
   fetchNextPage?: () => Promise<unknown>;
   isFetchingNextPage?: boolean;
+  isFetchNextPageError?: boolean;
   focusedId: string | null;
   setFocusedId: (id: string | null) => void;
   selectedIds: Set<string>;
@@ -366,6 +372,7 @@ export function EmailList({
   hasNextPage: hasNextPageProp,
   fetchNextPage: fetchNextPageProp,
   isFetchingNextPage: isFetchingNextPageProp,
+  isFetchNextPageError: isFetchNextPageErrorProp,
   focusedId,
   setFocusedId,
   selectedIds,
@@ -397,6 +404,7 @@ export function EmailList({
     hasNextPage: fetchedEmailsHasNextPage,
     fetchNextPage: fetchFetchedNextPage,
     isFetchingNextPage: fetchedEmailsFetchingNextPage,
+    isFetchNextPageError: fetchedEmailsFetchNextPageError,
   } = useEmails(view, searchQuery, labelParam ?? undefined, {
     enabled: emailsProp === undefined,
   });
@@ -410,6 +418,13 @@ export function EmailList({
   const fetchNextPage = fetchNextPageProp ?? fetchFetchedNextPage;
   const isFetchingNextPage =
     isFetchingNextPageProp ?? fetchedEmailsFetchingNextPage;
+  const isFetchNextPageError =
+    isFetchNextPageErrorProp ?? fetchedEmailsFetchNextPageError;
+  const paginationRetryInFlightRef = useRef(false);
+  const retryNextPage = useCallback(
+    () => runPaginationRetry(fetchNextPage, paginationRetryInFlightRef),
+    [fetchNextPage],
+  );
   const markRead = useMarkRead();
   const markThreadRead = useMarkThreadRead();
   const toggleStar = useToggleStar();
@@ -1127,31 +1142,20 @@ export function EmailList({
   }, [focusedIndex, rowVirtualizer]);
 
   // Infinite scroll — fetch next page when the sentinel enters the viewport.
-  // isFetchingNextPage is read via ref (not a dep) because re-observe fires
-  // the callback synchronously with the current intersection state; if the
-  // sentinel is still visible after a fetch, a reconnecting observer would
-  // immediately fire again and we'd loop (visible to the user as "Loading
-  // more..." flashing every ~second while tab is idle).
+  // Re-arm the observer when a fetch completes so a still-visible sentinel can
+  // walk through consecutive pages with no client-side filtered matches.
   const sentinelRef = useRef<HTMLDivElement>(null);
-  const isFetchingNextPageRef = useRef(isFetchingNextPage);
-  isFetchingNextPageRef.current = isFetchingNextPage;
   useEffect(() => {
     const el = sentinelRef.current;
-    if (!el || !hasNextPage) return;
-    const observer = new IntersectionObserver(
-      (entries) => {
-        if (entries[0].isIntersecting && !isFetchingNextPageRef.current) {
-          void fetchNextPage().catch(() => {
-            // React Query owns the visible error state; avoid a global
-            // unhandledrejection for transient list-page fetch failures.
-          });
-        }
-      },
-      { rootMargin: "200px" },
-    );
-    observer.observe(el);
-    return () => observer.disconnect();
-  }, [hasNextPage, fetchNextPage]);
+    if (!el) return;
+    return observeNextPage({
+      element: el,
+      hasNextPage: Boolean(hasNextPage),
+      isFetchingNextPage: Boolean(isFetchingNextPage),
+      isFetchNextPageError: Boolean(isFetchNextPageError),
+      fetchNextPage,
+    });
+  }, [hasNextPage, isFetchingNextPage, isFetchNextPageError, fetchNextPage]);
 
   // Advance selection when an email is snoozed (same logic as archiveFocused)
   useEffect(() => {
@@ -1597,6 +1601,41 @@ export function EmailList({
     return <MailLoadingState containerRef={containerRef} />;
   }
 
+  // Client-sliced inbox tabs can have no matches on the first page even when
+  // later inbox pages contain matching threads. Keep the sentinel mounted so
+  // the infinite query can continue before showing an empty state.
+  if (threads.length === 0 && hasNextPage) {
+    return (
+      <div className="flex h-full flex-col" ref={containerRef}>
+        <div className="flex flex-1 items-center justify-center" />
+        <div
+          ref={sentinelRef}
+          className="flex items-center justify-center py-3"
+        >
+          {isFetchingNextPage && (
+            <div className="flex items-center gap-2 text-xs text-muted-foreground">
+              <Spinner className="size-3 text-muted-foreground" />
+              {t("mail.empty.loadingMore")}
+            </div>
+          )}
+          {shouldShowPaginationRetry({
+            hasNextPage: Boolean(hasNextPage),
+            isFetchingNextPage: Boolean(isFetchingNextPage),
+            isFetchNextPageError: Boolean(isFetchNextPageError),
+          }) && (
+            <button
+              type="button"
+              onClick={() => void retryNextPage()}
+              className="rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground shadow-sm hover:bg-primary/90"
+            >
+              {t("mail.error.tryAgain")}
+            </button>
+          )}
+        </div>
+      </div>
+    );
+  }
+
   // Empty state
   if (threads.length === 0) {
     if (searchQuery) {
@@ -1737,6 +1776,19 @@ export function EmailList({
                 {t("mail.empty.loadingMore")}
               </div>
             )}
+            {shouldShowPaginationRetry({
+              hasNextPage: Boolean(hasNextPage),
+              isFetchingNextPage: Boolean(isFetchingNextPage),
+              isFetchNextPageError: Boolean(isFetchNextPageError),
+            }) && (
+              <button
+                type="button"
+                onClick={() => void retryNextPage()}
+                className="rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground shadow-sm hover:bg-primary/90"
+              >
+                {t("mail.error.tryAgain")}
+              </button>
+            )}
           </div>
         )}
       </div>

package/corpus/templates/mail/app/components/email/infinite-pagination.ts

@@ -0,0 +1,82 @@
+interface ObserveNextPageOptions {
+  element: Element;
+  hasNextPage: boolean;
+  isFetchingNextPage: boolean;
+  isFetchNextPageError: boolean;
+  fetchNextPage: () => Promise<unknown>;
+}
+
+export interface PaginationRetryState {
+  hasNextPage: boolean;
+  isFetchingNextPage: boolean;
+  isFetchNextPageError: boolean;
+}
+
+export function shouldShowPaginationRetry({
+  hasNextPage,
+  isFetchingNextPage,
+  isFetchNextPageError,
+}: PaginationRetryState): boolean {
+  return hasNextPage && isFetchNextPageError && !isFetchingNextPage;
+}
+
+/**
+ * Run an explicit pagination retry without leaking a rejected provider promise
+ * to the browser. The shared state closes the synchronous double-click window
+ * before React Query has reflected isFetchingNextPage.
+ */
+export async function retryNextPage(
+  fetchNextPage: () => Promise<unknown>,
+  inFlightState: { current: boolean },
+): Promise<void> {
+  if (inFlightState.current) return;
+  inFlightState.current = true;
+  try {
+    await fetchNextPage();
+  } catch {
+    // coercion-ok: React Query owns the error; catch prevents an unhandled retry rejection.
+    // React Query owns the visible error state for the failed page.
+  } finally {
+    inFlightState.current = false;
+  }
+}
+
+/**
+ * Observe a visible infinite-scroll sentinel for one page at a time.
+ *
+ * The owning effect re-runs when `isFetchingNextPage` changes. That lets the
+ * next observer receive the sentinel's already-visible state after a fetch,
+ * including when several consecutive pages contain no filtered matches. A
+ * failed page is deliberately left unobserved until the user explicitly
+ * retries it, so a persistent provider error cannot create a request loop.
+ */
+export function observeNextPage({
+  element,
+  hasNextPage,
+  isFetchingNextPage,
+  isFetchNextPageError,
+  fetchNextPage,
+}: ObserveNextPageOptions): () => void {
+  if (!hasNextPage || isFetchingNextPage || isFetchNextPageError)
+    return () => {};
+
+  let fetchInFlight = false;
+  const observer = new IntersectionObserver(
+    (entries) => {
+      if (!entries[0]?.isIntersecting || fetchInFlight) return;
+
+      fetchInFlight = true;
+      void fetchNextPage()
+        .catch(() => {
+          // React Query owns the visible error state; avoid a global
+          // unhandledrejection for transient list-page fetch failures.
+        })
+        .finally(() => {
+          fetchInFlight = false;
+        });
+    },
+    { rootMargin: "200px" },
+  );
+  observer.observe(element);
+  return () => observer.disconnect();
+}

package/corpus/templates/mail/app/hooks/use-emails.ts

@@ -573,6 +573,7 @@ export function useEmails(
     hasNextPage: q.hasNextPage,
     fetchNextPage: q.fetchNextPage,
     isFetchingNextPage: q.isFetchingNextPage,
+    isFetchNextPageError: q.isFetchNextPageError,
   };
 }
 

package/corpus/templates/mail/app/pages/InboxPage.tsx

@@ -31,6 +31,8 @@ import {
 import { groupIntoThreads, type ThreadSummary } from "@/lib/threads";
 import { cn } from "@/lib/utils";
 
+import { shouldShowInboxZero } from "./inbox-zero";
+
 function ContactPanel({
   emailId,
   contactEmail,
@@ -315,6 +317,7 @@ export function InboxPage() {
     hasNextPage,
     fetchNextPage,
     isFetchingNextPage,
+    isFetchNextPageError,
   } = useEmails(view, searchQuery, effectiveLabel);
   const hasEmailData = rawEmails !== undefined;
   const emailListLoading =
@@ -590,16 +593,17 @@ export function InboxPage() {
 
   const isMobile = useIsMobile();
   const hasThread = !!threadId;
-  const showsScenicInboxZero =
-    view === "inbox" && (!activeLabel || activeLabel === "important");
-  const isInboxZero =
-    showsScenicInboxZero &&
-    hasEmailData &&
-    !emailListLoading &&
-    !isError &&
-    !hasThread &&
-    !searchQuery &&
-    threads.length === 0;
+  const isInboxZero = shouldShowInboxZero({
+    view,
+    activeLabel,
+    hasEmailData,
+    isLoading: emailListLoading,
+    isError,
+    hasThread,
+    searchQuery,
+    threadCount: threads.length,
+    hasNextPage: Boolean(hasNextPage),
+  });
   const [sidebarContactEmail, setSidebarContactEmail] = useState<
     string | undefined
   >();
@@ -680,6 +684,7 @@ export function InboxPage() {
             hasNextPage={hasNextPage}
             fetchNextPage={fetchNextPage}
             isFetchingNextPage={isFetchingNextPage}
+            isFetchNextPageError={isFetchNextPageError}
           />
         )}
       </div>

package/corpus/templates/mail/app/pages/inbox-zero.ts

@@ -0,0 +1,35 @@
+export interface InboxZeroState {
+  view: string;
+  activeLabel: string | null | undefined;
+  hasEmailData: boolean;
+  isLoading: boolean;
+  isError: boolean;
+  hasThread: boolean;
+  searchQuery: string | undefined;
+  threadCount: number;
+  hasNextPage: boolean;
+}
+
+export function shouldShowInboxZero({
+  view,
+  activeLabel,
+  hasEmailData,
+  isLoading,
+  isError,
+  hasThread,
+  searchQuery,
+  threadCount,
+  hasNextPage,
+}: InboxZeroState): boolean {
+  return (
+    view === "inbox" &&
+    (!activeLabel || activeLabel === "important") &&
+    hasEmailData &&
+    !isLoading &&
+    !isError &&
+    !hasThread &&
+    !searchQuery &&
+    threadCount === 0 &&
+    !hasNextPage
+  );
+}

package/corpus/templates/mail/changelog/2026-08-18-pinned-labels-load-matches.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-08-18
+---
+
+Pinned labels now keep loading until matching inbox messages are found.

package/corpus/templates/slides/actions/get-deck.ts

@@ -6,6 +6,7 @@ import { z } from "zod";
 
 import { formatSlideHtml } from "../server/lib/slide-content-patch.js";
 import { summarizeSlideAnimationTargets } from "../server/lib/validate-slide-animations.js";
+import { normalizeOwnerEmail } from "../shared/ownership.js";
 import { hashSlideContent } from "../shared/slide-fit.js";
 import "../server/db/index.js"; // ensure registerShareableResource runs
 
@@ -112,6 +113,7 @@ export default defineAction({
     const data = JSON.parse(row.data);
     const slides = data?.slides || [];
     const ownerEmail = getRequestUserEmail();
+    const normalizedOwnerEmail = normalizeOwnerEmail(ownerEmail);
     const selectedSlideIndex =
       args.slideId === undefined
         ? -1
@@ -198,7 +200,9 @@ export default defineAction({
       id: row.id,
       title: row.title || data?.title,
       visibility: row.visibility,
-      createdByMe: ownerEmail ? row.ownerEmail === ownerEmail : false,
+      createdByMe:
+        normalizedOwnerEmail !== null &&
+        normalizeOwnerEmail(row.ownerEmail) === normalizedOwnerEmail,
       designSystemId: row.designSystemId ?? null,
       slideCount: slides.length,
       slideNumbering: