@agent-native/core 0.157.0 → 0.157.2

package/dist/client/settings/AccountSettingsCard.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ActionButton, Avatar, TextField, } from "@agent-native/toolkit/design-system";
-import { IconCamera, IconCheck, IconLock } from "@tabler/icons-react";
+import { ActionButton, Avatar, IconButton, TextField, } from "@agent-native/toolkit/design-system";
+import { IconCamera, IconCheck, IconLock, IconPencil, } from "@tabler/icons-react";
 import { useEffect, useRef, useState } from "react";
 import { PASSWORD_MIN_LENGTH } from "../../shared/password-policy.js";
 import { Popover, PopoverContent, PopoverTrigger, } from "../components/ui/popover.js";
+import { Tooltip, TooltipContent, TooltipTrigger, } from "../components/ui/tooltip.js";
 import { useT } from "../i18n.js";
 import { useActionMutation, useActionQuery } from "../use-action.js";
 import { uploadAvatar, useAvatarUrl } from "../use-avatar.js";
@@ -107,21 +108,23 @@ export function AccountSettingsForm({ compact = false, }) {
     const [uploading, setUploading] = useState(false);
     const [photoStatus, setPhotoStatus] = useState("idle");
     const [name, setName] = useState("");
-    const nameEditedRef = useRef(false);
-    const displayName = profileQuery.data?.name ||
-        session?.name ||
-        email ||
-        t("settings.profileSignedOut");
+    const [savedName, setSavedName] = useState("");
+    const [isEditingName, setIsEditingName] = useState(false);
+    const nameFieldEditedRef = useRef(false);
+    const profileName = profileQuery.data?.name || session?.name || "";
+    const displayName = name || profileName || email || t("settings.profileSignedOut");
     useEffect(() => {
-        nameEditedRef.current = false;
+        nameFieldEditedRef.current = false;
+        setIsEditingName(false);
+        setName("");
+        setSavedName("");
     }, [email]);
     useEffect(() => {
-        if (nameEditedRef.current)
+        if (nameFieldEditedRef.current)
             return;
-        const nextName = profileQuery.data?.name || session?.name;
-        if (nextName)
-            setName(nextName);
-    }, [profileQuery.data?.name, session?.name]);
+        setName(profileName);
+        setSavedName(profileName);
+    }, [email, profileName]);
     const handleAvatarChange = async (event) => {
         const file = event.target.files?.[0];
         event.target.value = "";
@@ -142,20 +145,46 @@ export function AccountSettingsForm({ compact = false, }) {
     };
     const handleProfileSave = () => {
         const nextName = name.trim();
-        if (!nextName || !email)
+        if (!nextName || !email || nextName === savedName.trim())
             return;
-        updateProfile.mutate({ name: nextName });
+        updateProfile.mutate({ name: nextName }, {
+            onSuccess: (profile) => {
+                setName(profile.name);
+                setSavedName(profile.name);
+                nameFieldEditedRef.current = false;
+                setIsEditingName(false);
+            },
+        });
     };
+    const handleProfileEdit = () => {
+        updateProfile.reset();
+        nameFieldEditedRef.current = false;
+        setName(savedName);
+        setIsEditingName(true);
+    };
+    const handleProfileCancel = () => {
+        updateProfile.reset();
+        nameFieldEditedRef.current = false;
+        setName(savedName);
+        setIsEditingName(false);
+    };
+    const canSaveName = !!email &&
+        !updateProfile.isPending &&
+        !!name.trim() &&
+        name.trim() !== savedName.trim();
     const profileStatus = photoStatus === "saved" ? (_jsx("span", { className: "text-primary", children: t("settings.profilePhotoUpdated") })) : photoStatus === "error" ? (_jsx("span", { className: "text-destructive", children: t("settings.profilePhotoError") })) : email ? (email) : undefined;
     return (_jsxs(SettingsGroup, { id: "account", title: t("settings.profileTitle"), description: t("settings.profileDescription"), className: cn(compact && "[&>div:last-child>div>div]:py-3"), children: [_jsx(SettingsRow, { id: "profile", label: t("settings.profileTitle"), description: profileStatus, control: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Avatar, { name: displayName, src: avatarUrl, fallback: profileInitials(displayName), size: "default", className: "size-10 shrink-0 rounded-full border border-border bg-accent font-semibold text-muted-foreground" }), _jsx("input", { ref: fileInputRef, type: "file", accept: "image/*", className: "hidden", onChange: handleAvatarChange }), _jsx(ActionButton, { type: "button", intent: "neutral", emphasis: "outline", size: "compact", disabled: !email || uploading, leadingIcon: _jsx(IconCamera, { className: "size-3.5" }), onPress: () => fileInputRef.current?.click(), children: uploading
                                 ? t("settings.profileUploading")
-                                : t("settings.profileChangePhoto") })] }) }), _jsx(SettingsRow, { id: "profile-name", label: t("settings.profileNameLabel"), description: updateProfile.isSuccess ? (_jsx("span", { className: "text-primary", children: t("settings.profileSaved") })) : updateProfile.error ? (_jsx("span", { className: "text-destructive", children: t("settings.profileSaveError") })) : (t("settings.profileNameDescription")), control: _jsxs("div", { className: "flex w-full items-center gap-2 sm:w-80", children: [_jsx(TextField, { id: "agent-native-profile-name", value: name, onChange: (value) => {
-                                nameEditedRef.current = true;
+                                : t("settings.profileChangePhoto") })] }) }), _jsx(SettingsRow, { id: "profile-name", label: t("settings.profileNameLabel"), description: updateProfile.isSuccess ? (_jsx("span", { className: "text-primary", children: t("settings.profileSaved") })) : updateProfile.error ? (_jsx("span", { className: "text-destructive", children: t("settings.profileSaveError") })) : (t("settings.profileNameDescription")), control: isEditingName ? (_jsxs("div", { className: "flex w-full items-center gap-2 sm:w-80", children: [_jsx(TextField, { id: "agent-native-profile-name", value: name, onChange: (value) => {
+                                nameFieldEditedRef.current = true;
                                 updateProfile.reset();
                                 setName(value);
-                            }, placeholder: t("settings.profileNamePlaceholder"), disabled: !email || updateProfile.isPending, "aria-label": t("settings.profileNameLabel"), className: "min-w-0 flex-1" }), _jsx(ActionButton, { type: "button", intent: "primary", emphasis: "solid", size: "compact", pending: updateProfile.isPending, disabled: !email || updateProfile.isPending || !name.trim(), onPress: handleProfileSave, children: updateProfile.isPending
+                            }, placeholder: t("settings.profileNamePlaceholder"), disabled: !email || updateProfile.isPending, autoFocus: true, "aria-label": t("settings.profileNameLabel"), className: "min-w-0 flex-1", onKeyDown: (event) => {
+                                if (event.key === "Escape")
+                                    handleProfileCancel();
+                            } }), _jsx(ActionButton, { type: "button", intent: "primary", emphasis: "solid", size: "compact", pending: updateProfile.isPending, disabled: !canSaveName, onPress: handleProfileSave, children: updateProfile.isPending
                                 ? t("settings.profileSaving")
-                                : t("settings.profileSave") })] }) }), _jsx(SettingsRow, { id: "timezone", label: t("settings.timezoneLabel", { defaultValue: "Timezone" }), description: t("settings.timezoneHint", {
+                                : t("settings.profileSave") })] })) : (_jsxs("div", { className: "flex w-full items-center justify-end gap-2 sm:w-80", children: [_jsx("span", { className: "min-w-0 flex-1 truncate text-sm text-foreground", children: displayName }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(IconButton, { type: "button", intent: "neutral", emphasis: "ghost", size: "compact", icon: _jsx(IconPencil, { size: 14 }), label: t("settings.profileNameEdit"), title: t("settings.profileNameEdit"), disabled: !email, onPress: handleProfileEdit }) }), _jsx(TooltipContent, { children: t("settings.profileNameEdit") })] })] })) }), _jsx(SettingsRow, { id: "timezone", label: t("settings.timezoneLabel", { defaultValue: "Timezone" }), description: t("settings.timezoneHint", {
                     defaultValue: "Used for timestamps and scheduled automations.",
                 }), control: _jsx(SchedulingTimezoneField, { compact: true }) }), _jsx(PasswordSettings, {})] }));
 }

package/dist/client/sharing/ShareButton.d.ts

@@ -7,8 +7,7 @@ export interface ShareButtonProps {
     /** @deprecated No longer affects rendering — trigger always says
      *  "Share". Kept for callsite compatibility. */
     variant?: "compact" | "label";
-    /** Optional trigger style. Defaults to a text-only "Share" label.
-     *  "label-icon" opts into an icon plus label; "icon" is icon-only. */
+    /** @deprecated Share triggers are standardized as text-only buttons. */
     trigger?: "label" | "icon" | "label-icon";
     /** @deprecated No longer affects rendering — kept for callsite compatibility. */
     hideTriggerIcon?: boolean;

package/dist/client/sharing/ShareButton.js

@@ -1,6 +1,7 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ShareCopyRow, ShareTrigger } from "@agent-native/toolkit/sharing";
 import * as Select from "@radix-ui/react-select";
-import { IconLock, IconWorld, IconTrash, IconCheck, IconChevronDown, IconLoader2, IconLink, IconSearch, IconSearchOff, IconShare3, IconUsersGroup, } from "@tabler/icons-react";
+import { IconLock, IconWorld, IconTrash, IconCheck, IconChevronDown, IconLoader2, IconSearch, IconSearchOff, IconUsersGroup, } from "@tabler/icons-react";
 import { useEffect, useId, useRef, useState, } from "react";
 import { writeClipboardText } from "../clipboard.js";
 import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger, } from "../components/ui/popover.js";
@@ -10,7 +11,6 @@ import { useShareButtonController, } from "./useShareButtonController.js";
 // Match shadcn's <Button size="sm" variant="outline"> sizing so the trigger
 // sits flush next to other controls while staying transparent at rest.
 const BUTTON_BASE = "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
-const BUTTON_OUTLINE_SM = cn(BUTTON_BASE, "h-9 px-3 border border-[hsl(var(--sidebar-border,var(--input)))] bg-transparent text-foreground hover:bg-[hsl(var(--sidebar-accent,var(--accent)))] hover:text-[hsl(var(--sidebar-accent-foreground,var(--accent-foreground)))]");
 const BUTTON_PRIMARY_SM = cn(BUTTON_BASE, "h-9 px-4 bg-primary text-primary-foreground hover:bg-primary/90");
 const BUTTON_GHOST_ICON = cn(BUTTON_BASE, "h-7 w-7 p-0 text-muted-foreground hover:bg-accent hover:text-accent-foreground");
 const SHARE_POPOVER_SURFACE = "border border-border bg-popover text-popover-foreground";
@@ -124,20 +124,8 @@ export function ShareButton(props) {
         allowedRoles: props.allowedRoles,
         hideInSearchControl: props.hideInSearchControl,
     });
-    const triggerVisibility = controller.triggerVisibility;
-    const triggerMeta = triggerVisibility
-        ? visibilityMeta(triggerVisibility, t, props.visibilityCopy)
-        : null;
-    const TriggerIcon = triggerMeta?.Icon ?? IconShare3;
-    const iconOnly = props.trigger === "icon";
-    const showTriggerIcon = iconOnly || props.trigger === "label-icon";
-    const triggerLabel = iconOnly && triggerMeta
-        ? t("agentChat.share.triggerWithVisibility", {
-            defaultValue: "Share ({{visibility}})",
-            visibility: triggerMeta.label,
-        })
-        : t("agentChat.share.share", { defaultValue: "Share" });
-    return (_jsxs(Popover, { open: controller.open, onOpenChange: controller.handleOpenChange, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: cn(iconOnly ? BUTTON_GHOST_ICON : BUTTON_OUTLINE_SM, props.triggerClassName), "aria-label": triggerLabel, title: triggerLabel, children: [showTriggerIcon && _jsx(TriggerIcon, { size: 16, strokeWidth: 1.75 }), !iconOnly && (_jsx("span", { children: t("agentChat.share.share", { defaultValue: "Share" }) }))] }) }), _jsx(PopoverContent, { align: "end", sideOffset: 6, "data-agent-native-share-overlay": "", className: cn("z-[2000] w-[min(460px,92vw)] rounded-lg p-4 shadow-lg", SHARE_POPOVER_SURFACE, props.popoverClassName), onOpenAutoFocus: (e) => e.preventDefault(), onInteractOutside: handleSharePopoverInteractOutside, children: _jsx(SharePanel, { ...props, controller: controller }) })] }));
+    const triggerLabel = t("agentChat.share.share", { defaultValue: "Share" });
+    return (_jsxs(Popover, { open: controller.open, onOpenChange: controller.handleOpenChange, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(ShareTrigger, { label: triggerLabel, className: props.triggerClassName, "aria-label": triggerLabel, title: triggerLabel }) }), _jsx(PopoverContent, { align: "end", sideOffset: 6, "data-agent-native-share-overlay": "", className: cn("z-[2000] w-[min(460px,92vw)] rounded-lg p-4 shadow-lg", SHARE_POPOVER_SURFACE, props.popoverClassName), onOpenAutoFocus: (e) => e.preventDefault(), onInteractOutside: handleSharePopoverInteractOutside, children: _jsx(SharePanel, { ...props, controller: controller }) })] }));
 }
 function SharePanel(props) {
     const t = useT();
@@ -341,31 +329,7 @@ function optionId(baseId, index) {
 }
 function CopyLinkField({ value, label, description, }) {
     const t = useT();
-    const [copied, setCopied] = useState(false);
-    const resetRef = useRef(undefined);
-    useEffect(() => {
-        return () => {
-            if (resetRef.current)
-                clearTimeout(resetRef.current);
-        };
-    }, []);
-    const handleCopy = async () => {
-        if (await writeClipboardText(value)) {
-            setCopied(true);
-            if (resetRef.current)
-                clearTimeout(resetRef.current);
-            resetRef.current = setTimeout(() => setCopied(false), 1400);
-        }
-        else {
-            setCopied(false);
-        }
-    };
-    return (_jsxs("div", { className: "mb-4 flex items-center justify-between gap-4", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-sm font-semibold", children: label ??
-                            t("agentChat.share.shareLink", { defaultValue: "Share link" }) }), description ? (_jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: description })) : null] }), _jsxs("button", { type: "button", onClick: handleCopy, "aria-label": copied
-                    ? t("agentChat.share.copied", { defaultValue: "Copied" })
-                    : t("agentChat.share.copy", { defaultValue: "Copy" }), className: "inline-flex h-9 shrink-0 items-center gap-2 whitespace-nowrap rounded-md border border-input bg-card px-3 text-sm font-medium text-foreground hover:bg-accent", children: [copied ? _jsx(IconCheck, { size: 15 }) : _jsx(IconLink, { size: 15 }), copied
-                        ? t("agentChat.share.copied", { defaultValue: "Copied" })
-                        : t("agentChat.share.copy", { defaultValue: "Copy" })] })] }));
+    return (_jsx(ShareCopyRow, { value: value, label: label ?? t("agentChat.share.shareLink", { defaultValue: "Share link" }), description: description, copyLabel: t("agentChat.share.copy", { defaultValue: "Copy" }), copiedLabel: t("agentChat.share.copied", { defaultValue: "Copied" }), onCopy: writeClipboardText, className: "mb-4" }));
 }
 // ---------------------------------------------------------------------------
 // Radix Select wrappers styled like shadcn Select (no native <select> anywhere)

package/dist/client/sharing/ShareDialog.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ActionButton, Avatar as DesignSystemAvatar, Dialog as DesignSystemDialog, IconButton, Picker, Status, TextArea, TextField, } from "@agent-native/toolkit/design-system";
+import { ActionButton, Avatar as DesignSystemAvatar, Dialog as DesignSystemDialog, IconButton, Picker, Status, TextArea, } from "@agent-native/toolkit/design-system";
+import { ShareCopyRow } from "@agent-native/toolkit/sharing";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "@agent-native/toolkit/ui";
 import { IconCheck, IconCode, IconCopy, IconChevronDown, IconLink, IconLock, IconMail, IconTrash, IconUsersGroup, IconWorld, } from "@tabler/icons-react";
 import { useState } from "react";
@@ -53,7 +54,7 @@ function TabTrigger({ active, onClick, icon, label, }) {
 }
 function LinkTab({ controller, extras, }) {
     const Icon = VIS_ICONS[controller.visibility.value];
-    return (_jsxs("div", { className: "space-y-3", children: [_jsx(CopyField, { field: "share-link", label: controller.labels.shareLink, value: controller.shareUrl, controller: controller }), _jsxs("div", { children: [_jsx("div", { className: "mb-2 text-xs font-medium text-muted-foreground", children: controller.labels.generalAccess }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { "aria-hidden": true, className: "inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-muted text-muted-foreground", children: _jsx(Icon, { size: 16, strokeWidth: 1.75 }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx(VisibilitySelect, { controller: controller }), _jsx("div", { className: "sr-only text-xs text-muted-foreground", children: controller.visibility.description })] })] })] }), extras] }));
+    return (_jsxs("div", { className: "space-y-3", children: [_jsx(ShareCopyRow, { label: controller.labels.shareLink, value: controller.shareUrl, copyLabel: controller.labels.copy, copiedLabel: "Copied", onCopy: (value) => controller.copy("share-link", value), className: "mb-4" }), _jsxs("div", { children: [_jsx("div", { className: "mb-2 text-xs font-medium text-muted-foreground", children: controller.labels.generalAccess }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { "aria-hidden": true, className: "inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-muted text-muted-foreground", children: _jsx(Icon, { size: 16, strokeWidth: 1.75 }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx(VisibilitySelect, { controller: controller }), _jsx("div", { className: "sr-only text-xs text-muted-foreground", children: controller.visibility.description })] })] })] }), extras] }));
 }
 function InviteTab({ controller, showVisibility, }) {
     const Icon = VIS_ICONS[controller.visibility.value];
@@ -71,11 +72,11 @@ function PersonRow({ person, canManage, removeLabel, onRemove, }) {
     return (_jsxs("li", { className: "flex items-center gap-3 px-1 py-1.5 text-sm", children: [_jsx(DesignSystemAvatar, { name: person.label, fallback: person.principalType === "org" ? (_jsx(IconUsersGroup, { size: 14, strokeWidth: 1.75 })) : (person.avatarText), size: "compact", className: "inline-flex h-7 w-7 shrink-0 text-[11px] font-semibold" }), _jsx("span", { className: "flex-1 min-w-0 truncate", children: person.label }), _jsx(Status, { tone: "neutral", size: "compact", className: "border-0 bg-transparent px-0 text-xs text-muted-foreground", children: person.roleLabel }), canManage && person.share ? (_jsx(IconButton, { intent: "danger", emphasis: "ghost", size: "compact", icon: _jsx(IconTrash, { size: 14 }), label: removeLabel, "aria-label": removeLabel, onPress: () => onRemove(person.share), className: cn(BUTTON_GHOST_ICON, "[&_svg]:!size-auto") })) : null] }));
 }
 function DefaultEmbedBody({ controller, }) {
-    return (_jsxs("div", { className: "space-y-3", children: [_jsx(CopyField, { field: "embed-url", label: controller.labels.embedUrl, value: controller.embedUrl, controller: controller }), _jsx(CopyField, { field: "embed-code", label: controller.labels.embedCode, value: controller.embedCode, controller: controller, multiline: true })] }));
+    return (_jsxs("div", { className: "space-y-3", children: [_jsx(ShareCopyRow, { label: controller.labels.embedUrl, value: controller.embedUrl, copyLabel: controller.labels.copy, copiedLabel: "Copied", onCopy: (value) => controller.copy("embed-url", value) }), _jsx(CopyField, { field: "embed-code", label: controller.labels.embedCode, value: controller.embedCode, controller: controller, multiline: true })] }));
 }
 function CopyField({ field, label, value, controller, multiline, }) {
     const copied = controller.copiedField === field;
-    return (_jsxs("div", { children: [_jsx("div", { className: "mb-1 text-xs font-medium text-muted-foreground", children: label }), _jsxs("div", { className: "flex items-stretch gap-2", children: [multiline ? (_jsx(TextArea, { readOnly: true, value: value, onChange: () => undefined, "aria-label": label, className: "flex-1 h-20 text-xs font-mono" })) : (_jsx(TextField, { readOnly: true, value: value, onChange: () => undefined, "aria-label": label, className: "flex-1 min-w-0 text-xs font-mono" })), _jsx(IconButton, { emphasis: "outline", size: "compact", icon: copied ? _jsx(IconCheck, { size: 14 }) : _jsx(IconCopy, { size: 14 }), label: controller.labels.copy, onPress: () => void controller.copy(field, value), "aria-label": controller.labels.copy, className: cn(BUTTON_OUTLINE_SM, "!w-9 !px-0 [&_svg]:!size-auto") })] })] }));
+    return (_jsxs("div", { children: [_jsx("div", { className: "mb-1 text-xs font-medium text-muted-foreground", children: label }), _jsxs("div", { className: "flex items-stretch gap-2", children: [multiline ? (_jsx(TextArea, { readOnly: true, value: value, onChange: () => undefined, "aria-label": label, className: "flex-1 h-20 text-xs font-mono" })) : null, _jsx(IconButton, { emphasis: "outline", size: "compact", icon: copied ? _jsx(IconCheck, { size: 14 }) : _jsx(IconCopy, { size: 14 }), label: controller.labels.copy, onPress: () => void controller.copy(field, value), "aria-label": controller.labels.copy, className: cn(BUTTON_OUTLINE_SM, "!w-9 !px-0 [&_svg]:!size-auto") })] })] }));
 }
 function RoleSelect({ controller }) {
     return (_jsx(Picker, { mode: "select", options: controller.invite.roleOptions, value: controller.invite.role, onChange: (value) => {

package/dist/client/use-chat-threads.js

@@ -466,17 +466,11 @@ export function useChatThreads(apiUrl = agentNativePath("/_agent-native/agent-ch
     // - savedId in newlyCreatedRef (we just created it this session) → keep
     //   it; the server hasn't seen it yet because there's no POST anymore,
     //   the row gets written when the user sends a message.
-    // - savedId is set but neither on the server nor newly created here →
-    //   it's an empty tab the user left open. A never-messaged tab is never
-    //   POSTed (that was the 127-ghost-threads problem), and the only record
-    //   that it's a deliberately-open tab — newlyCreatedRef — is wiped by the
-    //   reload. So on refresh we can't tell it apart from a stale ghost.
-    //   Keep it exactly as the user left it: re-register it as an optimistic
-    //   empty tab rather than resurrecting an unrelated old conversation. The
-    //   composer is fully functional with this id (the server writes the row
-    //   on first message, same as any new tab), so there's no 404 to avoid.
-    //   This is what makes "the state you left is the state you see on
-    //   refresh" hold — stale (>12h) tabs are still cleared downstream.
+    // - savedId is set but not on the current page → look it up directly. A
+    //   found thread stays active. An auto-creating surface replaces a confirmed
+    //   404 with a fresh local tab rather than reusing an inaccessible server id.
+    //   A list-only surface keeps the saved id as an optimistic empty tab so a
+    //   never-posted tab remains selectable after reload.
     // - No savedId → synthesize a fresh local id (no POST; server creates the
     //   row on first message). The server may contain chats from another
     //   branch, preview, or project that shares the same user/database, so
@@ -505,7 +499,7 @@ export function useChatThreads(apiUrl = agentNativePath("/_agent-native/agent-ch
                 ? loadedThreads.find((t) => t.id === restoredId)
                 : undefined;
             // One page, so absence from it is not absence from the server — this is what
-            // separates an older real thread from the ghost tab reclassified below.
+            // separates an older real thread from an unavailable saved id below.
             const restoredThread = lookupRestored && !restoredOnPage
                 ? await fetchThreadById(apiUrl, restoredId)
                 : restoredOnPage;
@@ -515,11 +509,13 @@ export function useChatThreads(apiUrl = agentNativePath("/_agent-native/agent-ch
                 setIsLoading(false);
                 return;
             }
+            const restoredIsUnavailable = restoredThread === null && lookupRestored && !restoredOnPage;
             const restoredBelongsElsewhere = Boolean(restoredThread &&
                 !threadCanStayVisibleInScope(restoredThread.scope ?? null, scopeRef.current));
-            if (restoredBelongsElsewhere)
+            const restoredNeedsReplacement = restoredBelongsElsewhere || (restoredIsUnavailable && autoCreate);
+            if (restoredNeedsReplacement)
                 setActiveThreadId(null);
-            const savedId = restoredBelongsElsewhere ? null : restoredId;
+            const savedId = restoredNeedsReplacement ? null : restoredId;
             const loadedHasSavedId = Boolean(savedId &&
                 (restoredThread || loadedThreads.some((t) => t.id === savedId)));
             const savedIdCameFromRoute = Boolean(savedId) &&

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/collab/struct-routes.d.ts

@@ -13,8 +13,8 @@
  * Body: { json: any, fieldName?: string, type?: "map"|"array", requestSource?: string }
  */
 export declare const postCollabJson: import("h3").EventHandlerWithFetch<import("h3").EventHandlerRequest, Promise<{
-    error: string;
     ok?: undefined;
+    error: string;
 } | {
     error?: undefined;
     ok: boolean;

package/dist/localization/default-messages.d.ts

@@ -45,6 +45,7 @@ declare const messages: {
         profileUploading: string;
         profileChangePhoto: string;
         profileNameLabel: string;
+        profileNameEdit: string;
         profileNamePlaceholder: string;
         profileNameDescription: string;
         profileSave: string;

package/dist/localization/default-messages.js

@@ -51,6 +51,7 @@ const messages = {
         profileUploading: "Uploading...",
         profileChangePhoto: "Change photo",
         profileNameLabel: "Name",
+        profileNameEdit: "Edit name",
         profileNamePlaceholder: "Your name",
         profileNameDescription: "This name is used when referring to you across Agent-Native apps.",
         profileSave: "Save changes",

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/provider-api/actions/custom-provider-registration.d.ts

@@ -75,11 +75,9 @@ export declare function createCustomProviderRegistrationAction<TSchema extends Z
         user: "user";
     }>>;
 }, z.core.$strip>>, {
+    deleted?: undefined;
     id?: undefined;
     provider?: undefined;
-    deleted?: undefined;
-    found?: undefined;
-    message?: undefined;
     providers: {
         id: string;
         label: string;
@@ -90,44 +88,46 @@ export declare function createCustomProviderRegistrationAction<TSchema extends Z
         updatedAt: number;
     }[];
     count: number;
+    found?: undefined;
     registered?: undefined;
     label?: undefined;
+    message?: undefined;
 } | {
-    id?: undefined;
     deleted?: undefined;
-    message?: undefined;
+    id?: undefined;
     providers?: undefined;
     count?: undefined;
     found: boolean;
     provider: import("../custom-registry.js").CustomProviderConfig;
     registered?: undefined;
     label?: undefined;
+    message?: undefined;
 } | {
-    provider?: undefined;
     deleted?: undefined;
-    message?: undefined;
+    provider?: undefined;
     providers?: undefined;
     count?: undefined;
     found: boolean;
     id: string;
     registered?: undefined;
     label?: undefined;
+    message?: undefined;
 } | {
     provider?: undefined;
-    found?: undefined;
-    message?: undefined;
     providers?: undefined;
     count?: undefined;
+    found?: undefined;
     deleted: boolean;
     id: string;
     registered?: undefined;
     label?: undefined;
+    message?: undefined;
 } | {
-    provider?: undefined;
     deleted?: undefined;
-    found?: undefined;
+    provider?: undefined;
     providers?: undefined;
     count?: undefined;
+    found?: undefined;
     registered: boolean;
     id: string;
     label: string;

package/dist/provider-api/actions/provider-api.d.ts

@@ -312,7 +312,8 @@ export declare function createProviderApiActions(runtime: Pick<ProviderApiRuntim
         scope?: "org" | "user" | undefined;
     }, {
         id?: undefined;
-        found?: undefined;
+        message?: undefined;
+        deleted?: undefined;
         providers: {
             id: string;
             label: string;
@@ -324,46 +325,45 @@ export declare function createProviderApiActions(runtime: Pick<ProviderApiRuntim
         }[];
         count: number;
         provider?: undefined;
-        deleted?: undefined;
+        found?: undefined;
         registered?: undefined;
         label?: undefined;
-        message?: undefined;
     } | {
         id?: undefined;
-        providers?: undefined;
+        message?: undefined;
         count?: undefined;
+        deleted?: undefined;
+        providers?: undefined;
         found: boolean;
         provider: import("../custom-registry.js").CustomProviderConfig;
-        deleted?: undefined;
         registered?: undefined;
         label?: undefined;
-        message?: undefined;
     } | {
-        providers?: undefined;
+        message?: undefined;
         count?: undefined;
+        deleted?: undefined;
+        providers?: undefined;
         provider?: undefined;
         found: boolean;
         id: string;
-        deleted?: undefined;
         registered?: undefined;
         label?: undefined;
-        message?: undefined;
     } | {
-        found?: undefined;
-        providers?: undefined;
+        message?: undefined;
         count?: undefined;
+        providers?: undefined;
         provider?: undefined;
+        found?: undefined;
         deleted: boolean;
         id: string;
         registered?: undefined;
         label?: undefined;
-        message?: undefined;
     } | {
-        found?: undefined;
-        providers?: undefined;
         count?: undefined;
-        provider?: undefined;
         deleted?: undefined;
+        providers?: undefined;
+        provider?: undefined;
+        found?: undefined;
         registered: boolean;
         id: string;
         label: string;

package/dist/server/auth-marketing.d.ts

@@ -3,6 +3,7 @@ export interface AuthMarketingContent {
     tagline: string;
     description?: string;
     features?: string[];
+    /** @deprecated Local execution is no longer offered from auth pages. */
     runLocalCommand?: string;
     signupLocalModeNote?: {
         text: string;

package/dist/server/auth-marketing.js

@@ -53,7 +53,6 @@ export const BUILT_IN_AUTH_MARKETING = {
             "Review PR recaps with diagrams, file maps, and annotated code",
             "Share links for async comments and product review",
         ],
-        runLocalCommand: PLAN_LOCAL_FILES_COMMAND,
         signupLocalModeNote: {
             text: "Prefer no account or self-hosting? Switch /visual-plan to local files only:",
             command: PLAN_LOCAL_FILES_COMMAND,
@@ -103,7 +102,6 @@ export const BUILT_IN_AUTH_MARKETING = {
             "Multi-account Gmail in a single unified inbox",
             "Autonomous triage, archiving, and follow-ups",
         ],
-        runLocalCommand: "npx @agent-native/core@latest create my-mail-app --template mail",
     },
     slides: {
         appName: "Agent-Native Slides",

package/dist/server/auth.d.ts

@@ -110,6 +110,7 @@ export interface AuthOptions {
         tagline: string;
         description?: string;
         features?: string[];
+        /** @deprecated Local execution is no longer offered from auth pages. */
         runLocalCommand?: string;
     };
     /**

package/dist/server/auth.js

@@ -3309,6 +3309,24 @@ async function mountBetterAuthRoutes(app, options) {
     }));
     // Passwordless login via Better Auth's rate-limited magic-link plugin.
     app.use("/_agent-native/auth/magic-link", defineEventHandler(async (event) => {
+        if (getMethod(event) === "GET") {
+            const query = getQuery(event);
+            if (typeof query.token === "string") {
+                const verificationUrl = new URL(`${getAppBasePath()}/_agent-native/auth/ba/magic-link/verify`, getOrigin(event));
+                for (const key of [
+                    "token",
+                    "callbackURL",
+                    "newUserCallbackURL",
+                    "errorCallbackURL",
+                ]) {
+                    const value = query[key];
+                    if (typeof value === "string") {
+                        verificationUrl.searchParams.set(key, value);
+                    }
+                }
+                return redirectWithStagedCookies(event, verificationUrl.toString());
+            }
+        }
         if (getMethod(event) !== "POST") {
             setResponseStatus(event, 405);
             return { error: "Method not allowed" };

package/dist/server/onboarding-html.d.ts

@@ -37,6 +37,7 @@ export interface OnboardingHtmlOptions {
         tagline: string;
         description?: string;
         features?: string[];
+        /** @deprecated Local execution is no longer offered from auth pages. */
         runLocalCommand?: string;
     };
     /**