@agent-native/core 0.195.0 → 0.195.1-nightly-20260927210321

package/corpus/README.md

@@ -31,4 +31,4 @@ rg -n "defineAction|useActionQuery" node_modules/@agent-native/core/corpus
 
 ## Generated Counts
 
-- template files: 10366
+- template files: 10372

package/corpus/templates/design/actions/generate-home-suggestions.ts

@@ -48,22 +48,70 @@ function roleContext(value: string | null | undefined): string {
   return `The user's selected onboarding role is ${JSON.stringify(role)}. Tailor suggestions to that role's typical work and goals.`;
 }
 
+function findArrayEnd(text: string, start: number): number | undefined {
+  let depth = 0;
+  let inString = false;
+  let escaped = false;
+
+  for (let index = start; index < text.length; index++) {
+    const char = text[index];
+    if (inString) {
+      if (escaped) escaped = false;
+      else if (char === "\\") escaped = true;
+      else if (char === '"') inString = false;
+      continue;
+    }
+    if (char === '"') inString = true;
+    else if (char === "[") depth++;
+    else if (char === "]" && --depth === 0) return index;
+  }
+}
+
 function parseSuggestions(text: string) {
   const unwrapped = text
     .trim()
     .replace(/^```(?:json)?\s*/i, "")
     .replace(/\s*```$/i, "");
-  let parsed: unknown;
+  let parsedJson: unknown;
+  let hasTopLevelJson = false;
   try {
-    parsed = JSON.parse(unwrapped);
-  } catch {
-    throw new Error("Home suggestions returned invalid JSON.");
+    parsedJson = JSON.parse(unwrapped);
+    hasTopLevelJson = true;
+  } catch (error) {
+    if (!(error instanceof SyntaxError)) throw error;
+  }
+  if (hasTopLevelJson) {
+    const result = suggestionsSchema.safeParse(parsedJson);
+    if (!result.success) {
+      throw new Error("Home suggestions returned an invalid shape.");
+    }
+    return result.data;
+  }
+
+  let parsedCandidateJson = false;
+  for (
+    let start = unwrapped.indexOf("[");
+    start >= 0;
+    start = unwrapped.indexOf("[", start + 1)
+  ) {
+    const end = findArrayEnd(unwrapped, start);
+    if (end === undefined) continue;
+
+    let parsed: unknown;
+    try {
+      parsed = JSON.parse(unwrapped.slice(start, end + 1));
+    } catch (error) {
+      if (!(error instanceof SyntaxError)) throw error;
+      continue;
+    }
+    parsedCandidateJson = true;
+    const result = suggestionsSchema.safeParse(parsed);
+    if (result.success) return result.data;
   }
-  const result = suggestionsSchema.safeParse(parsed);
-  if (!result.success) {
+  if (parsedCandidateJson) {
     throw new Error("Home suggestions returned an invalid shape.");
   }
-  return result.data;
+  throw new Error("Home suggestions returned invalid JSON.");
 }
 
 export default defineAction({

package/corpus/templates/design/app/components/design/design-canvas/LocalNetworkAccessPrompt.tsx

@@ -4,7 +4,18 @@ import {
   IconPlugConnectedX,
   IconX,
 } from "@tabler/icons-react";
+import { useState } from "react";
 
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from "@/components/ui/alert-dialog";
 import { Button } from "@/components/ui/button";
 import {
   Dialog,
@@ -30,6 +41,7 @@ export function LocalNetworkAccessPrompt({
   proactive?: boolean;
 }) {
   const t = useT();
+  const [confirmClose, setConfirmClose] = useState(false);
   // "unreachable" is the one confident case (permission is confirmed
   // granted, so it's confirmed NOT the cause) — every other kind is
   // deliberately hedged copy, never a diagnosed permission claim. See
@@ -69,35 +81,87 @@ export function LocalNetworkAccessPrompt({
     "designCanvas.localBridge.permissionPromptSettingsInstructions",
     {
       defaultValue:
-        "Click the site information icon to the left of the address bar, open Site settings, then set Local network access to Allow.",
+        "Click the site controls icon to the left of the address bar, open Site settings, then allow access to apps on your device.",
     },
   );
   const permissionHelp = showPermissionHelp ? (
     <details className="text-xs text-muted-foreground">
       <summary className="cursor-pointer">{noPromptLabel}</summary>
       <p className="mt-2 leading-relaxed">{permissionSettingsInstructions}</p>
+      <img
+        src="/local-network-access-settings.jpg"
+        alt={permissionSettingsInstructions}
+        className="mt-3 block w-full rounded-md border border-border"
+        width={200}
+        height={140}
+        loading="lazy"
+      />
     </details>
   ) : null;
 
   if (proactive) {
     return (
-      <Dialog
-        open
-        onOpenChange={(open) => {
-          if (!open) onDismiss();
-        }}
-      >
-        <DialogContent className="sm:max-w-md">
-          <DialogHeader>
-            <DialogTitle className="flex items-center gap-2">
-              <IconPlugConnected className="size-4" />
-              {title}
-            </DialogTitle>
-            <DialogDescription>{description}</DialogDescription>
-          </DialogHeader>
-          {permissionHelp}
-        </DialogContent>
-      </Dialog>
+      <>
+        <Dialog
+          open
+          onOpenChange={(open) => {
+            if (!open) setConfirmClose(true);
+          }}
+        >
+          <DialogContent
+            className="sm:max-w-md"
+            overlayClassName="bg-[color-mix(in_srgb,var(--design-editor-accent-color)_22%,transparent)] backdrop-blur-[2px]"
+          >
+            <DialogHeader>
+              <DialogTitle className="flex items-center gap-2">
+                <IconPlugConnected className="size-4" />
+                {title}
+              </DialogTitle>
+              <DialogDescription>{description}</DialogDescription>
+            </DialogHeader>
+            <img
+              src="/local-network-access-permission.jpg"
+              alt={description}
+              className="block w-full rounded-md border border-border"
+              width={240}
+              height={150}
+            />
+            {permissionHelp}
+          </DialogContent>
+        </Dialog>
+        <AlertDialog open={confirmClose} onOpenChange={setConfirmClose}>
+          <AlertDialogContent>
+            <AlertDialogHeader>
+              <AlertDialogTitle>
+                {t("designCanvas.localBridge.permissionCloseTitle", {
+                  defaultValue: "Close setup?",
+                })}
+              </AlertDialogTitle>
+              <AlertDialogDescription>
+                {t("designCanvas.localBridge.permissionCloseDescription", {
+                  defaultValue:
+                    "Live editing won't work until you allow access in Chrome.",
+                })}
+              </AlertDialogDescription>
+            </AlertDialogHeader>
+            <AlertDialogFooter>
+              <AlertDialogCancel>
+                {t("designCanvas.localBridge.permissionCloseStay", {
+                  defaultValue: "Keep setup open",
+                })}
+              </AlertDialogCancel>
+              <AlertDialogAction
+                className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
+                onClick={onDismiss}
+              >
+                {t("designCanvas.localBridge.permissionCloseAnyway", {
+                  defaultValue: "Close anyway",
+                })}
+              </AlertDialogAction>
+            </AlertDialogFooter>
+          </AlertDialogContent>
+        </AlertDialog>
+      </>
     );
   }
 

package/corpus/templates/design/app/i18n/en-US.ts

@@ -1478,7 +1478,12 @@ export default {
         "Choose Allow in Chrome's prompt to enable live editing.",
       permissionPromptNoPrompt: "No Chrome prompt?",
       permissionPromptSettingsInstructions:
-        "Click the site information icon to the left of the address bar, open Site settings, then set Local network access to Allow.",
+        "Click the site controls icon to the left of the address bar, open Site settings, then allow access to apps on your device.",
+      permissionCloseTitle: "Close setup?",
+      permissionCloseDescription:
+        "Live editing won't work until you allow access in Chrome.",
+      permissionCloseStay: "Keep setup open",
+      permissionCloseAnyway: "Close anyway",
       permissionPromptRetry: "Retry connection",
       confirmationRetryExhausted:
         "Live editor bridge did not confirm after several attempts.",

package/corpus/templates/design/changelog/2026-09-27-local-access-setup-shows-chrome-permission-screenshots-and-c.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-09-27
+---
+
+Local access setup shows Chrome permission screenshots and confirms before closing

package/corpus/templates/design/changelog/2026-09-27-personalized-home-suggestions-work-when-responses-include-ex.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-09-27
+---
+
+Personalized home suggestions work when responses include extra text

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

@@ -2672,6 +2672,16 @@ export function EmailList({
               >
                 <EmailListItem
                   email={thread.latestMessage}
+                  importanceScore={
+                    view === "inbox" && currentSortMode === "priority"
+                      ? cachedPriorityScores.get(
+                          aiPriorityEmailKey(
+                            thread.latestMessage.accountEmail,
+                            thread.latestMessage.id,
+                          ),
+                        )
+                      : undefined
+                  }
                   labelNames={labelNames}
                   thread={thread}
                   isSelected={thread.latestMessage.id === threadId}

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

@@ -14,10 +14,18 @@ import {
   IconSquareCheck,
   IconSend,
   IconX,
+  IconThumbDown,
+  IconThumbUp,
 } from "@tabler/icons-react";
-import { memo, useRef, useState, useCallback } from "react";
+import { memo, useRef, useState, useCallback, type CSSProperties } from "react";
+import { Link } from "react-router";
 
 import { ImportanceFeedbackMenu } from "@/components/email/ImportanceFeedbackMenu";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
 import {
   Tooltip,
   TooltipContent,
@@ -31,6 +39,7 @@ import { cn, formatEmailDate } from "@/lib/utils";
 
 interface EmailListItemProps {
   email: EmailMessage;
+  importanceScore?: number;
   labelNames?: ReadonlyMap<string, string>;
   thread?: ThreadSummary;
   isSelected: boolean;
@@ -109,6 +118,7 @@ function getAccountColor(
 
 export const EmailListItem = memo(function EmailListItem({
   email,
+  importanceScore,
   labelNames,
   thread,
   isSelected,
@@ -145,6 +155,8 @@ export const EmailListItem = memo(function EmailListItem({
 
   const [dragX, setDragX] = useState(0);
   const [isDragging, setIsDragging] = useState(false);
+  const [priorityScorePopoverOpen, setPriorityScorePopoverOpen] =
+    useState(false);
   const gestureRef = useRef<{
     startX: number;
     startY: number;
@@ -614,6 +626,71 @@ export const EmailListItem = memo(function EmailListItem({
           <span className="row-time text-xs text-muted-foreground tabular-nums sm:text-[12px]">
             {formatEmailDate(email.date)}
           </span>
+          {importanceScore !== undefined && (
+            <Popover
+              open={priorityScorePopoverOpen}
+              onOpenChange={setPriorityScorePopoverOpen}
+            >
+              <PopoverTrigger asChild>
+                <button
+                  type="button"
+                  onClick={(event) => event.stopPropagation()}
+                  onKeyDown={(event) => event.stopPropagation()}
+                  aria-label={`${t("mail.sort.priority")} ${importanceScore.toFixed(2)}`}
+                  className="email-importance-score mx-1 inline-flex h-6 w-10 shrink-0 items-center justify-end rounded px-1 text-[11px] font-medium tabular-nums hover:bg-accent"
+                  style={
+                    {
+                      "--mail-importance-weight": `${Math.round(importanceScore * 100)}%`,
+                    } as CSSProperties
+                  }
+                >
+                  {importanceScore.toFixed(2)}
+                </button>
+              </PopoverTrigger>
+              <PopoverContent
+                align="end"
+                className="w-56 p-2"
+                onClick={(event) => event.stopPropagation()}
+                onKeyDown={(event) => event.stopPropagation()}
+                onPointerDown={(event) => event.stopPropagation()}
+              >
+                <div className="mb-1 text-xs font-medium">
+                  {t("mail.sort.priority")} · {importanceScore.toFixed(2)}
+                </div>
+                <p className="mb-2 text-xs text-muted-foreground">
+                  {t("mail.sort.priorityScoreHelp")}
+                </p>
+                <button
+                  type="button"
+                  onClick={() => {
+                    setPriorityScorePopoverOpen(false);
+                    onImportanceFeedback?.("important");
+                  }}
+                  className="flex w-full items-center gap-2 whitespace-nowrap rounded px-2 py-1.5 text-xs hover:bg-accent"
+                >
+                  <IconThumbUp aria-hidden="true" className="size-3.5" />
+                  {t("mail.aiFilter.importantMode")}
+                </button>
+                <button
+                  type="button"
+                  onClick={() => {
+                    setPriorityScorePopoverOpen(false);
+                    onImportanceFeedback?.("not-important");
+                  }}
+                  className="flex w-full items-center gap-2 whitespace-nowrap rounded px-2 py-1.5 text-xs hover:bg-accent"
+                >
+                  <IconThumbDown aria-hidden="true" className="size-3.5" />
+                  {t("mail.aiFilter.notImportantMode")}
+                </button>
+                <Link
+                  to="/settings?section=ai-filter"
+                  className="mt-1 block border-t border-border/40 px-2 pt-2 text-xs text-muted-foreground hover:text-foreground"
+                >
+                  {t("mail.sort.priorityEditRules")}
+                </Link>
+              </PopoverContent>
+            </Popover>
+          )}
           {/* Hover actions overlay the preview while the time stays fixed. */}
           <div className="hover-actions gap-0.5">
             {onToggleRead && (

package/corpus/templates/mail/app/components/layout/AppLayout.tsx

@@ -1251,14 +1251,14 @@ function AppLayoutInner({ children }: AppLayoutProps) {
     <AccountFilterContext.Provider value={accountFilterValue}>
       <div className="relative flex flex-1 flex-col overflow-hidden bg-background">
         {/* Top nav bar */}
-        <header className="relative z-20 flex h-12 shrink-0 items-center gap-1 border-b border-border/50 bg-card px-2 inbox-zero-header">
+        <header className="relative z-20 flex h-12 shrink-0 items-center gap-1 overflow-x-auto overflow-y-hidden overscroll-x-contain border-b border-border/50 bg-card px-2 inbox-zero-header hide-scrollbar">
           <Dialog open={sidebarOpen} onOpenChange={setSidebarOpen}>
             {/* Hamburger menu */}
             <Tooltip>
               <TooltipTrigger asChild>
                 <DialogTrigger asChild>
                   <button
-                    className="flex h-9 w-9 sm:h-7 sm:w-7 items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-accent/50 transition-colors shrink-0"
+                    className="sticky start-0 z-10 flex h-9 w-9 shrink-0 items-center justify-center rounded bg-card text-muted-foreground hover:text-foreground hover:bg-accent/50 transition-colors sm:h-7 sm:w-7"
                     aria-label={t("mail.toolbar.toggleMenu")}
                   >
                     <IconMenu2 className="h-4 w-4" />
@@ -1522,18 +1522,18 @@ function AppLayoutInner({ children }: AppLayoutProps) {
           {/* Primary tabs stay mounted during search so navigation does not jump. */}
           <>
             {tabsLoading ? (
-              <nav className="hidden sm:flex flex-1 min-w-0 items-center gap-2 overflow-x-auto hide-scrollbar">
+              <nav className="flex w-max shrink-0 items-center gap-2 sm:w-auto sm:flex-1 sm:min-w-0 sm:overflow-x-auto sm:hide-scrollbar">
                 {[1, 2, 3].map((i) => (
                   <span
                     key={i}
-                    className="h-4 rounded bg-muted animate-pulse"
+                    className="h-4 shrink-0 rounded bg-muted animate-pulse"
                     style={{ width: `${48 + i * 12}px` }}
                   />
                 ))}
               </nav>
             ) : (
               <nav
-                className="hidden sm:flex flex-1 min-w-0 flex-nowrap items-center gap-1 overflow-x-auto hide-scrollbar"
+                className="flex w-max shrink-0 flex-nowrap items-center gap-1 sm:w-auto sm:flex-1 sm:min-w-0 sm:overflow-x-auto sm:hide-scrollbar"
                 data-mail-tab-list
               >
                 {topBarTabs.map((tab, tabIndex) => {
@@ -1637,7 +1637,7 @@ function AppLayoutInner({ children }: AppLayoutProps) {
                     <PopoverTrigger asChild>
                       <button
                         className={cn(
-                          "flex h-6 w-6 items-center justify-center rounded transition-colors",
+                          "flex h-9 w-9 items-center justify-center rounded transition-colors sm:h-6 sm:w-6",
                           tabSettingsOpen
                             ? "text-foreground bg-accent/50"
                             : "text-muted-foreground hover:text-foreground hover:bg-accent/30",
@@ -1731,7 +1731,7 @@ function AppLayoutInner({ children }: AppLayoutProps) {
               <TooltipTrigger asChild>
                 <button
                   onClick={() => setSearchFocused(true)}
-                  className="flex h-9 w-9 sm:h-7 sm:w-7 items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-accent/50 transition-colors"
+                  className="flex h-9 w-9 shrink-0 items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-accent/50 transition-colors sm:h-7 sm:w-7"
                   aria-label={t("mail.search.label")}
                 >
                   <IconSearch className="h-4 w-4" />
@@ -1796,7 +1796,7 @@ function AppLayoutInner({ children }: AppLayoutProps) {
                 onClick={handleCompose}
                 variant="outline"
                 size="sm"
-                className="h-9 sm:h-7 px-3 text-[13px]"
+                className="h-9 shrink-0 px-3 text-[13px] sm:h-7"
                 aria-label={t("mail.toolbar.composeEmail")}
               >
                 <span>{t("mail.toolbar.compose")}</span>
@@ -1822,7 +1822,7 @@ function AppLayoutInner({ children }: AppLayoutProps) {
                     <button
                       type="button"
                       aria-label={t("mail.toolbar.accounts")}
-                      className="flex items-center hover:opacity-90 transition-opacity ms-1"
+                      className="flex shrink-0 items-center hover:opacity-90 transition-opacity ms-1"
                     >
                       <div
                         className="flex items-center"