diff --git a/frontend/features/admin/components/sections/about/admin-about.tsx b/frontend/features/admin/components/sections/about/admin-about.tsx
index a8000319..7054fca2 100644
--- a/frontend/features/admin/components/sections/about/admin-about.tsx
+++ b/frontend/features/admin/components/sections/about/admin-about.tsx
@@ -28,6 +28,7 @@ import {
   writeCachedLatestRelease,
 } from "@/features/admin/model/update-check";
 import { AboutSettingsContent } from "@/shared/components/about-settings-content";
+import { useDialogSnapshot } from "@/shared/hooks/use-dialog-snapshot";
 import { cn } from "@/lib/utils";
 
 type GitHubRelease = {
@@ -133,30 +134,31 @@ function UpdateResultDialog({
 }) {
   const t = useTranslations("adminUsers.aboutPage");
   const currentVersion = formatReleaseVersion(packageMeta.version);
-  const latestVersion = state?.type === "available" ? formatReleaseVersion(state.release.version) : "";
+  const stableState = useDialogSnapshot(state);
+  const latestVersion = stableState?.type === "available" ? formatReleaseVersion(stableState.release.version) : "";
 
   return (
     <Dialog open={state !== null} onOpenChange={onOpenChange}>
       <DialogContent className="flex max-h-[min(86vh,760px)] flex-col gap-0 overflow-hidden p-0 sm:max-w-[420px]">
         <DialogHeader className="shrink-0 px-4 py-4">
           <DialogTitle>
-            {state?.type === "available"
+            {stableState?.type === "available"
               ? t("updateDialog.availableTitle")
-              : state?.type === "failed"
+              : stableState?.type === "failed"
                 ? t("updateDialog.failedTitle")
                 : t("updateDialog.currentTitle")}
           </DialogTitle>
           <DialogDescription>
-            {state?.type === "available"
+            {stableState?.type === "available"
               ? t("updateDialog.availableDescription", { current: currentVersion, latest: latestVersion })
-              : state?.type === "failed"
+              : stableState?.type === "failed"
                 ? t("updateDialog.failedDescription")
                 : t("updateDialog.currentDescription", { current: currentVersion })}
           </DialogDescription>
         </DialogHeader>
 
         <div className="min-h-0 flex-1 overflow-y-auto px-4 py-2">
-          {state?.type === "available" ? (
+          {stableState?.type === "available" ? (
             <div className="rounded-md bg-muted/50 px-3 py-2 text-xs">
               <div className="grid grid-cols-[auto_1fr] gap-x-4 gap-y-2">
                 <span className="text-muted-foreground">{t("updateDialog.currentVersion")}</span>
@@ -174,14 +176,14 @@ function UpdateResultDialog({
               {t("updateDialog.close")}
             </Button>
           </DialogClose>
-          {state?.type === "failed" ? (
+          {stableState?.type === "failed" ? (
             <Button type="button" onClick={onRetry}>
               {t("updateDialog.retry")}
             </Button>
           ) : null}
-          {state?.type === "available" ? (
+          {stableState?.type === "available" ? (
             <Button asChild type="button">
-              <a href={state.release.url} target="_blank" rel="noopener noreferrer">
+              <a href={stableState.release.url} target="_blank" rel="noopener noreferrer">
                 {t("updateDialog.openRelease")}
               </a>
             </Button>
diff --git a/frontend/features/admin/components/sections/accounts/accounts-users.tsx b/frontend/features/admin/components/sections/accounts/accounts-users.tsx
index cfa781a4..b37e0773 100644
--- a/frontend/features/admin/components/sections/accounts/accounts-users.tsx
+++ b/frontend/features/admin/components/sections/accounts/accounts-users.tsx
@@ -47,6 +47,7 @@ import type { ImportOpenWebUIUsersData, ImportOpenWebUIUsersRequest } from "@/fe
 import { resolveAvatarImageSrc } from "@/shared/lib/avatar";
 import { useAuthSession } from "@/shared/auth/auth-session-context";
 import { resolveAccessToken } from "@/shared/auth/resolve-access-token";
+import { useDialogSnapshot } from "@/shared/hooks/use-dialog-snapshot";
 import { TimeZoneSelect } from "@/shared/components/time-zone-select";
 import type { AdminUserRole, AdminUserStatus } from "@/features/admin/api/admin.types";
 import type { AdminBillingMode } from "@/features/admin/api/billing.types";
@@ -514,6 +515,8 @@ export function AccountsUsers({
     onSetUsers,
     onSetTotal,
   });
+  const stableEditDialogTarget = useDialogSnapshot(editDialogTarget);
+  const stableResetPasswordDraft = useDialogSnapshot(resetDialogTarget ? resetPasswordDraft : null) ?? "";
   const virtualRows = useVirtualTableRows(filteredItems, {
     enabled: filteredItems.length > 100,
     estimateSize: 40,
@@ -945,16 +948,16 @@ export function AccountsUsers({
         onSubmit={handleImportOpenWebUI}
       />
 
-      {editDialogTarget ? (
+      {stableEditDialogTarget ? (
         <EditUserSheet
-          open
+          open={Boolean(editDialogTarget)}
           onOpenChange={(open) => {
             if (!open && pendingAction !== "edit") {
               setEditDialogTarget(null);
             }
           }}
           pending={pendingAction === "edit"}
-          editDialogTarget={editDialogTarget}
+          editDialogTarget={stableEditDialogTarget}
           editPayload={editPayload}
           setEditPayload={setEditPayload}
           billingMode={billingMode}
@@ -966,27 +969,27 @@ export function AccountsUsers({
           onOpenEditAvatarDialog={() => {
             setAvatarDialog({
               mode: "edit",
-              target: editDialogTarget,
-              value: editPayload.avatarURL.trim() || editDialogTarget.avatarURL.trim(),
+              target: stableEditDialogTarget,
+              value: editPayload.avatarURL.trim() || stableEditDialogTarget.avatarURL.trim(),
             });
           }}
           onOpenResetPasswordDialog={() => {
-            setResetDialogTarget(editDialogTarget);
+            setResetDialogTarget(stableEditDialogTarget);
             setResetPasswordDraft("");
           }}
           onOpenResetTwoFactorDialog={() => {
-            setResetTwoFactorDialogTarget(editDialogTarget);
+            setResetTwoFactorDialogTarget(stableEditDialogTarget);
           }}
           onOpenRevokeDialog={() => {
-            setRevokeDialogTarget(editDialogTarget);
+            setRevokeDialogTarget(stableEditDialogTarget);
           }}
           onOpenDeleteDialog={() => {
-            setDeleteDialogTarget(editDialogTarget);
+            setDeleteDialogTarget(stableEditDialogTarget);
           }}
-          resetPasswordPending={pendingAction === "reset-password" && actionUserID === editDialogTarget.id}
-          resetTwoFactorPending={pendingAction === "reset-2fa" && actionUserID === editDialogTarget.id}
-          revokePending={pendingAction === "revoke-sessions" && actionUserID === editDialogTarget.id}
-          deletePending={pendingAction === "delete" && actionUserID === editDialogTarget.id}
+          resetPasswordPending={pendingAction === "reset-password" && actionUserID === stableEditDialogTarget.id}
+          resetTwoFactorPending={pendingAction === "reset-2fa" && actionUserID === stableEditDialogTarget.id}
+          revokePending={pendingAction === "revoke-sessions" && actionUserID === stableEditDialogTarget.id}
+          deletePending={pendingAction === "delete" && actionUserID === stableEditDialogTarget.id}
           resolveUserInitial={resolveUserInitial}
         />
       ) : null}
@@ -1000,7 +1003,7 @@ export function AccountsUsers({
           }
         }}
         pending={pendingAction === "reset-password"}
-        password={resetPasswordDraft}
+        password={stableResetPasswordDraft}
         onPasswordChange={setResetPasswordDraft}
         onConfirm={() => void onResetPassword()}
         onCancel={() => {
diff --git a/frontend/features/admin/components/sections/billing/billing-plan.tsx b/frontend/features/admin/components/sections/billing/billing-plan.tsx
index b2fc4b24..8d7789fa 100644
--- a/frontend/features/admin/components/sections/billing/billing-plan.tsx
+++ b/frontend/features/admin/components/sections/billing/billing-plan.tsx
@@ -10,6 +10,7 @@ import type { PermissionGroup } from "@/features/admin/api/permission-groups";
 import { resolveAdminErrorMessage } from "@/features/admin/utils/admin-error";
 import { createPlanFormState, parseIntValue, parsePrice, type PlanFormState } from "@/features/admin/model/billing-settings";
 import { resolveAccessToken } from "@/shared/auth/resolve-access-token";
+import { useDialogSnapshot } from "@/shared/hooks/use-dialog-snapshot";
 import { PlanBillingDialog } from "@/features/admin/components/sections/billing/billing-dialogs";
 import { PeriodBillingTable } from "@/features/admin/components/sections/billing/billing-tables";
 
@@ -25,6 +26,7 @@ export function BillingPlanSection({ plans, setPlans, permissionGroups, loading
   const [saving, setSaving] = React.useState(false);
   const [editPlan, setEditPlan] = React.useState<AdminBillingPlanDTO | null>(null);
   const [planForm, setPlanForm] = React.useState<PlanFormState | null>(null);
+  const stablePlanForm = useDialogSnapshot(planForm);
 
   function openPlanEdit(plan: AdminBillingPlanDTO) {
     setEditPlan(plan);
@@ -73,7 +75,7 @@ export function BillingPlanSection({ plans, setPlans, permissionGroups, loading
       <PlanBillingDialog
         open={!!editPlan && !!planForm}
         saving={saving}
-        planForm={planForm}
+        planForm={stablePlanForm}
         setPlanForm={setPlanForm}
         permissionGroups={permissionGroups}
         onOpenChange={(open) => {
diff --git a/frontend/features/admin/components/sections/billing/billing-prices.tsx b/frontend/features/admin/components/sections/billing/billing-prices.tsx
index e9fb0d94..5e2417b2 100644
--- a/frontend/features/admin/components/sections/billing/billing-prices.tsx
+++ b/frontend/features/admin/components/sections/billing/billing-prices.tsx
@@ -49,6 +49,7 @@ import {
 import { resolveAdminErrorMessage } from "@/features/admin/utils/admin-error";
 import { LobeHubIcon } from "@/shared/components/lobehub-icon";
 import { resolveAccessToken } from "@/shared/auth/resolve-access-token";
+import { useDialogSnapshot } from "@/shared/hooks/use-dialog-snapshot";
 import { cn } from "@/lib/utils";
 import { KNOWN_VENDOR_OPTIONS, resolveLobeHubIconURL, resolveModelIdentity } from "@/shared/lib/model-identity";
 
@@ -150,6 +151,9 @@ export function BillingPricesSection({ models, pricingItems, setPricingItems, lo
   const [officialPricingCatalogHasError, setOfficialPricingCatalogHasError] = React.useState(false);
   const [officialPricingSingleDialogOpen, setOfficialPricingSingleDialogOpen] = React.useState(false);
   const [freeSwitchPendingModel, setFreeSwitchPendingModel] = React.useState("");
+  const stableEditRow = useDialogSnapshot(editRow);
+  const stableForm = useDialogSnapshot(form);
+  const stableOfficialPricingImportSuggestion = useDialogSnapshot(officialPricingImportSuggestion);
 
   const rows = React.useMemo(() => buildPricingRows(models, pricingItems), [models, pricingItems]);
   const vendorFilterOptions = React.useMemo(() => {
@@ -689,7 +693,7 @@ export function BillingPricesSection({ models, pricingItems, setPricingItems, lo
       <PricingBillingDialog
         open={!!editRow && !!form}
         saving={saving}
-        form={form}
+        form={stableForm}
         setForm={setForm}
         onOpenChange={(open) => {
           if (!open && !saving) {
@@ -729,7 +733,7 @@ export function BillingPricesSection({ models, pricingItems, setPricingItems, lo
           </DialogHeader>
 
           <div className="flex min-h-0 flex-1 flex-col gap-3 overflow-hidden px-4 py-2">
-            {editRow ? (
+            {stableEditRow ? (
               <>
                 <div className="shrink-0 space-y-2">
                   <div className="grid grid-cols-[minmax(0,1fr)_auto] gap-2">
@@ -909,7 +913,7 @@ export function BillingPricesSection({ models, pricingItems, setPricingItems, lo
             </Button>
             <Button
               type="button"
-              disabled={!officialPricingMultiplierValid}
+              disabled={!officialPricingMultiplierValid || !stableOfficialPricingImportSuggestion}
               onClick={confirmOfficialPricingImport}
             >
               {t("modelPricing.officialPricingImport")}
diff --git a/frontend/features/admin/components/sections/billing/billing-redemption.tsx b/frontend/features/admin/components/sections/billing/billing-redemption.tsx
index 14f20ab8..85da0496 100644
--- a/frontend/features/admin/components/sections/billing/billing-redemption.tsx
+++ b/frontend/features/admin/components/sections/billing/billing-redemption.tsx
@@ -40,6 +40,7 @@ import {
 import { CopyActionButton, useCopyAction } from "@/shared/components/copy-action";
 import { mergeBatchResultData, runBulkActionInChunks } from "@/shared/lib/bulk-action";
 import { resolveAccessToken } from "@/shared/auth/resolve-access-token";
+import { useDialogSnapshot } from "@/shared/hooks/use-dialog-snapshot";
 import { cn } from "@/lib/utils";
 
 type BillingRedemptionSectionProps = {
@@ -150,9 +151,11 @@ export function BillingRedemptionSection({ plans, billingMode, loading }: Billin
   const [redemptionPageSize, setRedemptionPageSize] = React.useState(DEFAULT_PAGE_SIZE);
   const [redemptionTotal, setRedemptionTotal] = React.useState(0);
   const [redemptionForm, setRedemptionForm] = React.useState<RedemptionFormState | null>(null);
+  const redemptionDialogForm = useDialogSnapshot(redemptionForm);
   const [redemptionSaving, setRedemptionSaving] = React.useState(false);
   const [selectedRedemptionIDs, setSelectedRedemptionIDs] = React.useState<Set<number>>(new Set());
   const [redemptionBulkAction, setRedemptionBulkAction] = React.useState<RedemptionBulkAction | null>(null);
+  const stableRedemptionBulkAction = useDialogSnapshot(redemptionBulkAction);
   const [redemptionBulkPending, setRedemptionBulkPending] = React.useState(false);
   const [redemptionDeleteTarget, setRedemptionDeleteTarget] = React.useState<AdminRedemptionCodeDTO | null>(null);
   const [createdRedemptionCodes, setCreatedRedemptionCodes] = React.useState<string[]>([]);
@@ -1002,24 +1005,24 @@ export function BillingRedemptionSection({ plans, billingMode, loading }: Billin
           }
         }}
       >
-        {redemptionForm ? (
+        {redemptionDialogForm ? (
           <DialogContent className="flex max-h-[min(86vh,760px)] flex-col gap-0 overflow-hidden p-0">
             <DialogHeader className="shrink-0 px-4 py-4">
-              <DialogTitle>{redemptionForm.id ? t("redemption.editTitle") : t("redemption.createTitle")}</DialogTitle>
+              <DialogTitle>{redemptionDialogForm.id ? t("redemption.editTitle") : t("redemption.createTitle")}</DialogTitle>
               <DialogDescription>
-                {redemptionForm.id ? t("redemption.editDescription") : t("redemption.createDescription")}
+                {redemptionDialogForm.id ? t("redemption.editDescription") : t("redemption.createDescription")}
               </DialogDescription>
             </DialogHeader>
 
             <motion.form layout transition={DIALOG_LAYOUT_TRANSITION} onSubmit={(event) => void saveRedemptionCode(event)} className="flex min-h-0 flex-1 flex-col">
               <div className="min-h-0 flex-1 space-y-4 overflow-y-auto px-4 py-2">
-                {!redemptionForm.id ? (
+                {!redemptionDialogForm.id ? (
                   <div className="grid grid-cols-2 gap-5">
                     <div className="space-y-1">
                       <p className="text-xs text-muted-foreground">{t("redemption.code")}</p>
                       <Input
                         id="redemption-code"
-                        value={redemptionForm.code}
+                        value={redemptionDialogForm.code}
                         placeholder={t("redemption.codePlaceholder")}
                         disabled={redemptionSaving}
                         onChange={(event) => setRedemptionForm((current) => current ? { ...current, code: event.target.value } : current)}
@@ -1032,20 +1035,20 @@ export function BillingRedemptionSection({ plans, billingMode, loading }: Billin
                         type="number"
                         min={1}
                         max={100}
-                        value={redemptionForm.quantity}
-                        disabled={redemptionSaving || Boolean(redemptionForm.code.trim())}
+                        value={redemptionDialogForm.quantity}
+                        disabled={redemptionSaving || Boolean(redemptionDialogForm.code.trim())}
                         onChange={(event) => setRedemptionForm((current) => current ? { ...current, quantity: event.target.value } : current)}
                       />
                     </div>
                   </div>
                 ) : null}
 
-                <div className={cn("grid gap-5", redemptionForm.id && "grid-cols-2")}>
+                <div className={cn("grid gap-5", redemptionDialogForm.id && "grid-cols-2")}>
                   <div className="space-y-1">
                     <p className="text-xs text-muted-foreground">{t("redemption.mode")}</p>
                     <Select
-                      value={redemptionForm.mode}
-                      disabled={redemptionSaving || Boolean(redemptionForm.id)}
+                      value={redemptionDialogForm.mode}
+                      disabled={redemptionSaving || Boolean(redemptionDialogForm.id)}
                       onValueChange={(value) => {
                         const mode = value === "period" ? "period" : "usage";
                         setRedemptionForm((current) => current ? {
@@ -1065,23 +1068,23 @@ export function BillingRedemptionSection({ plans, billingMode, loading }: Billin
                     </Select>
                   </div>
 
-                  {redemptionForm.id ? (
+                  {redemptionDialogForm.id ? (
                     <div className="space-y-1">
                       <p className="text-xs text-muted-foreground">{t("redemption.status")}</p>
                       <div className="flex h-8 items-center px-1">
                         <Switch
                           size="sm"
-                          checked={redemptionForm.status === "active"}
+                          checked={redemptionDialogForm.status === "active"}
                           disabled={redemptionSaving}
                           onCheckedChange={(checked) => setRedemptionForm((current) => current ? { ...current, status: checked ? "active" : "inactive" } : current)}
-                          aria-label={redemptionForm.status === "active" ? t("redemption.disable") : t("redemption.enable")}
+                          aria-label={redemptionDialogForm.status === "active" ? t("redemption.disable") : t("redemption.enable")}
                         />
                       </div>
                     </div>
                   ) : null}
                 </div>
 
-                {redemptionForm.mode === "usage" ? (
+                {redemptionDialogForm.mode === "usage" ? (
                   <div className="space-y-1">
                     <p className="text-xs text-muted-foreground">{t("redemption.creditUSD")}</p>
                     <Input
@@ -1089,8 +1092,8 @@ export function BillingRedemptionSection({ plans, billingMode, loading }: Billin
                       type="number"
                       min="0"
                       step="0.01"
-                      value={redemptionForm.creditUSD}
-                      disabled={redemptionSaving || Boolean(redemptionForm.id)}
+                      value={redemptionDialogForm.creditUSD}
+                      disabled={redemptionSaving || Boolean(redemptionDialogForm.id)}
                       onChange={(event) => setRedemptionForm((current) => current ? { ...current, creditUSD: event.target.value } : current)}
                     />
                   </div>
@@ -1099,8 +1102,8 @@ export function BillingRedemptionSection({ plans, billingMode, loading }: Billin
                     <div className="space-y-1">
                       <p className="text-xs text-muted-foreground">{t("redemption.plan")}</p>
                       <Select
-                        value={redemptionForm.planID}
-                        disabled={redemptionSaving || Boolean(redemptionForm.id) || activePlanOptions.length === 0}
+                        value={redemptionDialogForm.planID}
+                        disabled={redemptionSaving || Boolean(redemptionDialogForm.id) || activePlanOptions.length === 0}
                         onValueChange={(value) => setRedemptionForm((current) => current ? { ...current, planID: value } : current)}
                       >
                         <SelectTrigger>
@@ -1119,8 +1122,8 @@ export function BillingRedemptionSection({ plans, billingMode, loading }: Billin
                         id="redemption-duration"
                         type="number"
                         min={1}
-                        value={redemptionForm.durationDays}
-                        disabled={redemptionSaving || Boolean(redemptionForm.id)}
+                        value={redemptionDialogForm.durationDays}
+                        disabled={redemptionSaving || Boolean(redemptionDialogForm.id)}
                         onChange={(event) => setRedemptionForm((current) => current ? { ...current, durationDays: event.target.value } : current)}
                       />
                     </div>
@@ -1134,7 +1137,7 @@ export function BillingRedemptionSection({ plans, billingMode, loading }: Billin
                       id="redemption-max"
                       type="number"
                       min={1}
-                      value={redemptionForm.maxRedemptions}
+                      value={redemptionDialogForm.maxRedemptions}
                       placeholder={t("redemption.unlimited")}
                       disabled={redemptionSaving}
                       onChange={(event) => setRedemptionForm((current) => current ? { ...current, maxRedemptions: event.target.value } : current)}
@@ -1146,8 +1149,8 @@ export function BillingRedemptionSection({ plans, billingMode, loading }: Billin
                       id="redemption-per-user"
                       type="number"
                       min={1}
-                      max={redemptionForm.maxRedemptions.trim() || undefined}
-                      value={redemptionForm.perUserLimit}
+                      max={redemptionDialogForm.maxRedemptions.trim() || undefined}
+                      value={redemptionDialogForm.perUserLimit}
                       disabled={redemptionSaving}
                       onChange={(event) => setRedemptionForm((current) => current ? { ...current, perUserLimit: event.target.value } : current)}
                     />
@@ -1155,7 +1158,7 @@ export function BillingRedemptionSection({ plans, billingMode, loading }: Billin
                 </div>
 
                 <AdminDateTimePicker
-                  value={redemptionForm.expiresAt}
+                  value={redemptionDialogForm.expiresAt}
                   disabled={redemptionSaving}
                   label={t("redemption.expiresAt")}
                   placeholder={t("redemption.never")}
@@ -1166,7 +1169,7 @@ export function BillingRedemptionSection({ plans, billingMode, loading }: Billin
                   <p className="text-xs text-muted-foreground">{t("redemption.description")}</p>
                   <Textarea
                     id="redemption-description"
-                    value={redemptionForm.description}
+                    value={redemptionDialogForm.description}
                     className="h-20 resize-none"
                     disabled={redemptionSaving}
                     onChange={(event) => setRedemptionForm((current) => current ? { ...current, description: event.target.value } : current)}
@@ -1248,9 +1251,9 @@ export function BillingRedemptionSection({ plans, billingMode, loading }: Billin
           if (!open && !redemptionBulkPending) setRedemptionBulkAction(null);
         }}
         pending={redemptionBulkPending}
-        title={redemptionBulkConfirmTitle(redemptionBulkAction)}
+        title={redemptionBulkConfirmTitle(stableRedemptionBulkAction)}
         description={t("redemption.bulkConfirmDescription", { count: selectedRedemptionIDs.size })}
-        confirmLabel={redemptionBulkConfirmLabel(redemptionBulkAction)}
+        confirmLabel={redemptionBulkConfirmLabel(stableRedemptionBulkAction)}
         pendingLabel={t("redemption.bulkPending")}
         onConfirm={confirmRedemptionBulkAction}
       />
diff --git a/frontend/features/admin/components/sections/groups/admin-groups.tsx b/frontend/features/admin/components/sections/groups/admin-groups.tsx
index a6f31c96..b4943884 100644
--- a/frontend/features/admin/components/sections/groups/admin-groups.tsx
+++ b/frontend/features/admin/components/sections/groups/admin-groups.tsx
@@ -49,6 +49,7 @@ import {
 } from "@/components/ui/table";
 import { TablePagination, TableToolbar, type TableToolbarFilter } from "@/components/ui/table-tools";
 import { resolveAccessToken } from "@/shared/auth/resolve-access-token";
+import { useDialogSnapshot } from "@/shared/hooks/use-dialog-snapshot";
 import { resolveAdminErrorMessage } from "@/features/admin/utils/admin-error";
 import { invalidateAdminReferenceDataCache } from "@/features/admin/api/reference-data";
 import { listAllAdminPages } from "@/features/admin/api/shared";
@@ -160,6 +161,7 @@ export function AdminGroupsPage() {
   const [createOpen, setCreateOpen] = React.useState(false);
   const [editing, setEditing] = React.useState<PermissionGroup | null>(null);
   const [deleting, setDeleting] = React.useState<PermissionGroup | null>(null);
+  const stableDeleting = useDialogSnapshot(deleting);
   const [deletePending, setDeletePending] = React.useState(false);
 
   const fetchGroups = React.useCallback(async () => {
@@ -413,11 +415,11 @@ export function AdminGroupsPage() {
           <AlertDialogHeader>
             <AlertDialogTitle>{t("confirmDeleteTitle")}</AlertDialogTitle>
             <AlertDialogDescription>
-              {deleting
+              {stableDeleting
                 ? t("confirmDeleteWithImpact", {
-                    models: deleting.manualModelCount ?? 0,
-                    rules: deleting.ruleModelCount ?? 0,
-                    users: deleting.manualUserCount ?? 0,
+                    models: stableDeleting.manualModelCount ?? 0,
+                    rules: stableDeleting.ruleModelCount ?? 0,
+                    users: stableDeleting.manualUserCount ?? 0,
                   })
                 : null}
             </AlertDialogDescription>
@@ -586,35 +588,13 @@ function GroupEditSheet({
   const [userBulkLoading, setUserBulkLoading] = React.useState(false);
   const [saving, setSaving] = React.useState(false);
   const [accessDialog, setAccessDialog] = React.useState<"models" | "users" | null>(null);
+  const stableGroup = useDialogSnapshot(group);
 
   React.useEffect(() => {
     if (!group) {
-      setModelIDs(new Set());
-      setModelRules([]);
-      setUserIDs(new Set());
       setSelectionLoading(false);
-      setSelectionLoaded(false);
-      setModelRows([]);
-      setModelTotal(0);
-      setModelPage(1);
-      setModelPageSizeState(GROUP_PICKER_PAGE_SIZE_DEFAULT);
-      setModelQuery("");
-      setModelUpstreamOptions([]);
-      setModelUpstreamFilter("");
-      setModelVendorFilter("");
-      setModelProtocolFilter("");
-      setModelReloadKey(0);
       setModelLoading(false);
       setModelBulkLoading(false);
-      setUserRows([]);
-      setUserTotal(0);
-      setUserPage(1);
-      setUserPageSizeState(GROUP_PICKER_PAGE_SIZE_DEFAULT);
-      setUserQuery("");
-      setUserSubscriptionFilter("");
-      setUserIdentityFilter("");
-      setUserIdentityProviderOptions([]);
-      setUserReloadKey(0);
       setUserLoading(false);
       setUserBulkLoading(false);
       setAccessDialog(null);
@@ -1032,9 +1012,9 @@ function GroupEditSheet({
     ],
   );
 
-  const isDefaultGroup = group?.isDefault ?? false;
-  const groupUserCount = group?.userCount ?? 0;
-  const subscriptionUserCount = group?.subscriptionUserCount ?? 0;
+  const isDefaultGroup = stableGroup?.isDefault ?? false;
+  const groupUserCount = stableGroup?.userCount ?? 0;
+  const subscriptionUserCount = stableGroup?.subscriptionUserCount ?? 0;
 
   return (
     <>
diff --git a/frontend/features/admin/components/sections/login/admin-login.tsx b/frontend/features/admin/components/sections/login/admin-login.tsx
index 0a5f6348..46c18b12 100644
--- a/frontend/features/admin/components/sections/login/admin-login.tsx
+++ b/frontend/features/admin/components/sections/login/admin-login.tsx
@@ -38,6 +38,7 @@ import { Table, TableBody, TableCell, TableEmptyRow, TableHead, TableHeader, Tab
 import { ApiError } from "@/shared/api/http-client";
 import { resolveAccessToken } from "@/shared/auth/resolve-access-token";
 import { CopyActionButton } from "@/shared/components/copy-action";
+import { useDialogSnapshot } from "@/shared/hooks/use-dialog-snapshot";
 import { configuredSettingsMap } from "@/shared/lib/settings-meta";
 import type { IdentityProviderDTO } from "@/shared/api/auth.types";
 import type { PatchSettingItem } from "@/shared/api/settings.types";
@@ -106,6 +107,7 @@ export function AdminLoginSettingsPage() {
   const [frontendOrigin, setFrontendOrigin] = React.useState("");
   const [loading, setLoading] = React.useState(true);
   const [saving, setSaving] = React.useState(false);
+  const stableDeleteProviderTarget = useDialogSnapshot(deleteProviderTarget);
 
   const loadData = React.useCallback(async () => {
     setLoading(true);
@@ -857,7 +859,7 @@ export function AdminLoginSettingsPage() {
           <AlertDialogHeader>
             <AlertDialogTitle>{t("deleteDialog.title")}</AlertDialogTitle>
             <AlertDialogDescription>
-              {t("deleteDialog.description", { name: deleteProviderTarget?.name ?? t("deleteDialog.thisProvider") })}
+              {t("deleteDialog.description", { name: stableDeleteProviderTarget?.name ?? t("deleteDialog.thisProvider") })}
             </AlertDialogDescription>
           </AlertDialogHeader>
           <AlertDialogFooter>
diff --git a/frontend/features/admin/components/sections/logs/admin-logs.tsx b/frontend/features/admin/components/sections/logs/admin-logs.tsx
index dcddb150..fdec8daa 100644
--- a/frontend/features/admin/components/sections/logs/admin-logs.tsx
+++ b/frontend/features/admin/components/sections/logs/admin-logs.tsx
@@ -48,6 +48,7 @@ import { AdminDateRangeFilter, ADMIN_DATE_PICKER_TRIGGER_CLASSNAME } from "@/fea
 import { AdminDateTimePicker } from "@/features/admin/components/admin-date-time-picker";
 import { TablePagination, TableToolbar } from "@/components/ui/table-tools";
 import { CopyActionButton } from "@/shared/components/copy-action";
+import { useDialogSnapshot } from "@/shared/hooks/use-dialog-snapshot";
 import type {
   AdminAuditLogDTO,
   AdminConversationEventDTO,
@@ -662,10 +663,11 @@ function DetailBlock({ title, children }: { title: string; children: React.React
   );
 }
 
-function LogDetailSheet({ detail, onClose }: { detail: LogDetail | null; onClose: () => void }) {
+function LogDetailSheet({ detail: rawDetail, onClose }: { detail: LogDetail | null; onClose: () => void }) {
   const locale = useLocale();
   const t = useTranslations("adminLogs.detail");
   const usageLabels = useUsageBillingLabels();
+  const detail = useDialogSnapshot(rawDetail);
   const copyMessages = React.useMemo(() => ({
     copied: t("copied", { label: "" }).trim(),
     failed: t("copyFailed"),
@@ -722,7 +724,7 @@ function LogDetailSheet({ detail, onClose }: { detail: LogDetail | null; onClose
   const formattedJSON = formatJSON(detailJSON);
 
   return (
-    <Sheet open={Boolean(detail)} onOpenChange={(open) => !open && onClose()}>
+    <Sheet open={Boolean(rawDetail)} onOpenChange={(open) => !open && onClose()}>
       <SheetContent className="sm:max-w-[480px]">
         <SheetHeader>
           <SheetTitle>{title}</SheetTitle>
diff --git a/frontend/features/admin/components/sections/models/models-dialog.tsx b/frontend/features/admin/components/sections/models/models-dialog.tsx
index 40f37704..eb63764b 100644
--- a/frontend/features/admin/components/sections/models/models-dialog.tsx
+++ b/frontend/features/admin/components/sections/models/models-dialog.tsx
@@ -29,6 +29,7 @@ import type {
   AdminBatchDeleteData,
   AdminLLMModelDTO,
 } from "@/features/admin/api/llm.types";
+import { useDialogSnapshot } from "@/shared/hooks/use-dialog-snapshot";
 
 import { resolveAdminErrorMessage } from "@/features/admin/utils/admin-error";
 
@@ -54,6 +55,7 @@ export function DeleteModelDialog({
   const t = useTranslations("adminModels");
   const commonT = useTranslations("common");
   const [pending, setPending] = React.useState(false);
+  const stableTarget = useDialogSnapshot(target);
 
   const handleDelete = React.useCallback(async () => {
     if (!target) return;
@@ -82,7 +84,7 @@ export function DeleteModelDialog({
         <AlertDialogHeader>
           <AlertDialogTitle>{t("deleteDialog.title")}</AlertDialogTitle>
           <AlertDialogDescription>
-            {t("deleteDialog.description", { model: target?.platformModelName ?? "" })}
+            {t("deleteDialog.description", { model: stableTarget?.platformModelName ?? "" })}
           </AlertDialogDescription>
         </AlertDialogHeader>
 
diff --git a/frontend/features/admin/components/sections/models/models-source-circuit-dialog.tsx b/frontend/features/admin/components/sections/models/models-source-circuit-dialog.tsx
index 1acba92b..330e682c 100644
--- a/frontend/features/admin/components/sections/models/models-source-circuit-dialog.tsx
+++ b/frontend/features/admin/components/sections/models/models-source-circuit-dialog.tsx
@@ -15,6 +15,7 @@ import {
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { SpinnerLabel } from "@/components/ui/spinner";
+import { useDialogSnapshot } from "@/shared/hooks/use-dialog-snapshot";
 import type {
   AdminLLMModelUpstreamSourceDTO,
   AdminLLMModelCbPolicyMode,
@@ -54,6 +55,7 @@ export function ModelSourceCircuitDialog({
     cbDurationMin: "0",
     cbWindowMin: "0",
   });
+  const stableSource = useDialogSnapshot(source);
 
   React.useEffect(() => {
     if (!source) return;
@@ -68,7 +70,7 @@ export function ModelSourceCircuitDialog({
     setDraft((current) => ({ ...current, [field]: value }));
   }
 
-  const sourceName = source ? [source.upstreamName, source.upstreamModelName].filter(Boolean).join(" / ") : "";
+  const sourceName = stableSource ? [stableSource.upstreamName, stableSource.upstreamModelName].filter(Boolean).join(" / ") : "";
 
   async function handleSave() {
     await onSave({
diff --git a/frontend/features/admin/components/sections/models/models-sources-sheet.tsx b/frontend/features/admin/components/sections/models/models-sources-sheet.tsx
index 77c23c68..74fc9090 100644
--- a/frontend/features/admin/components/sections/models/models-sources-sheet.tsx
+++ b/frontend/features/admin/components/sections/models/models-sources-sheet.tsx
@@ -69,6 +69,7 @@ import type {
 
 import { TablePagination } from "@/components/ui/table-tools";
 import { useVirtualTableRows, VirtualTablePaddingRow } from "@/components/ui/virtual-table";
+import { useDialogSnapshot } from "@/shared/hooks/use-dialog-snapshot";
 import {
   ADAPTER_LABELS,
   formatDateTime,
@@ -200,6 +201,7 @@ export function UpstreamSourcesSheet({
   const [upstreamModels, setUpstreamModels] = React.useState<AdminLLMUpstreamModelDTO[]>([]);
   const [upstreamModelsLoading, setUpstreamModelsLoading] = React.useState(false);
   const [bindForm, setBindForm] = React.useState<ModelSourceBindDraft>(DEFAULT_MODEL_SOURCE_BIND_DRAFT);
+  const stableModel = useDialogSnapshot(model);
   const loadSources = React.useCallback(
     async (modelId: number, nextPage = 1, nextPageSize = pageSize) => {
       setLoading(true);
@@ -240,19 +242,22 @@ export function UpstreamSourcesSheet({
 
   React.useEffect(() => {
     if (model) {
+      setSources([]);
+      setTotal(0);
+      setPage(1);
+      setActionSourceID(null);
+      setRouteDrafts({});
+      setProbeResults([]);
+      setBindOpen(false);
+      setBindForm(DEFAULT_MODEL_SOURCE_BIND_DRAFT);
+      setUpstreamModels([]);
+      setCircuitSource(null);
       void loadSources(model.id, 1);
       return;
     }
 
-    setSources([]);
-    setTotal(0);
-    setPage(1);
     setActionSourceID(null);
-    setRouteDrafts({});
-    setProbeResults([]);
     setBindOpen(false);
-    setBindForm(DEFAULT_MODEL_SOURCE_BIND_DRAFT);
-    setUpstreamModels([]);
     setCircuitSource(null);
   }, [loadSources, model]);
 
@@ -1025,7 +1030,7 @@ export function UpstreamSourcesSheet({
       />
       <ModelSourceCircuitDialog
         source={circuitSource}
-        policyMode={model?.cbPolicyMode}
+        policyMode={stableModel?.cbPolicyMode}
         pending={actionSourceID === circuitSource?.id}
         onClose={() => setCircuitSource(null)}
         onSave={handleSaveCircuitSettings}
diff --git a/frontend/features/admin/components/sections/models/models-table.tsx b/frontend/features/admin/components/sections/models/models-table.tsx
index 10fb3ad2..31ca51b8 100644
--- a/frontend/features/admin/components/sections/models/models-table.tsx
+++ b/frontend/features/admin/components/sections/models/models-table.tsx
@@ -88,6 +88,7 @@ import {
 import { resolveAdminErrorMessage } from "@/features/admin/utils/admin-error";
 import { isAdminLLMSourceAvailable } from "@/features/admin/utils/llm-source-availability";
 import { sortProtocolsForDisplay } from "@/features/admin/utils/llm-display";
+import { useDialogSnapshot } from "@/shared/hooks/use-dialog-snapshot";
 import { parseKindsJSON } from "@/shared/model/llm-schema";
 import {
   ModelSourceCircuitDialog,
@@ -754,6 +755,7 @@ export function ModelsTable({
   const [inlineSources, setInlineSources] = React.useState<Record<number, InlineSourceEntry>>({});
   const [deleteSourceTarget, setDeleteSourceTarget] = React.useState<InlineSourceDeleteTarget | null>(null);
   const [deleteSourcePending, setDeleteSourcePending] = React.useState(false);
+  const stableDeleteSourceTarget = useDialogSnapshot(deleteSourceTarget);
   const [circuitTarget, setCircuitTarget] = React.useState<InlineSourceCircuitTarget | null>(null);
   const [circuitPending, setCircuitPending] = React.useState(false);
   const inlineSourcesRef = React.useRef(inlineSources);
@@ -1174,7 +1176,7 @@ export function ModelsTable({
           <AlertDialogTitle>{t("sources.deleteTitle")}</AlertDialogTitle>
           <AlertDialogDescription>
             {t("sources.deleteDescription", {
-              name: deleteSourceTarget?.source.upstreamModelName ?? "",
+              name: stableDeleteSourceTarget?.source.upstreamModelName ?? "",
             })}
           </AlertDialogDescription>
         </AlertDialogHeader>
diff --git a/frontend/features/admin/components/sections/tools/admin-tools.tsx b/frontend/features/admin/components/sections/tools/admin-tools.tsx
index 394226f1..2153c215 100644
--- a/frontend/features/admin/components/sections/tools/admin-tools.tsx
+++ b/frontend/features/admin/components/sections/tools/admin-tools.tsx
@@ -62,6 +62,7 @@ import { resolveAdminErrorMessage } from "@/features/admin/utils/admin-error";
 import { cn } from "@/lib/utils";
 import { resolveAccessToken } from "@/shared/auth/resolve-access-token";
 import { CopyActionButton } from "@/shared/components/copy-action";
+import { useDialogSnapshot } from "@/shared/hooks/use-dialog-snapshot";
 import {
   SettingsFieldItem,
   SettingsFieldList,
@@ -206,6 +207,10 @@ export function AdminToolsPage() {
     () => servers.find((item) => item.id === toolSheetServerID) ?? null,
     [servers, toolSheetServerID],
   );
+  const stableToolSheetServer = useDialogSnapshot(toolSheetServer);
+  const stableToolForm = useDialogSnapshot(toolForm);
+  const stableSchemaTool = useDialogSnapshot(schemaTool);
+  const stableServerDeleteTarget = useDialogSnapshot(serverDeleteTarget);
   const activeToolCount = React.useMemo(() => countActiveTools(tools), [tools]);
 
   React.useEffect(() => {
@@ -660,7 +665,7 @@ export function AdminToolsPage() {
   }, [t, toolForm]);
 
   const schemaText = React.useMemo(() => {
-    const raw = schemaTool?.inputSchemaJSON?.trim();
+    const raw = stableSchemaTool?.inputSchemaJSON?.trim();
     if (!raw) {
       return "{}";
     }
@@ -669,7 +674,7 @@ export function AdminToolsPage() {
     } catch {
       return raw;
     }
-  }, [schemaTool]);
+  }, [stableSchemaTool]);
 
   const mcpEnableFieldID = mcpEnableField ? toolFieldID(mcpEnableField) : "";
   const mcpToolPromptFieldID = mcpToolPromptField ? toolFieldID(mcpToolPromptField) : "";
@@ -897,7 +902,7 @@ export function AdminToolsPage() {
           <SheetHeader className="px-4 pb-4">
             <SheetTitle>{t("sections.tools")}</SheetTitle>
             <SheetDescription>
-              {toolSheetServer?.name ?? ""}
+              {stableToolSheetServer?.name ?? ""}
             </SheetDescription>
           </SheetHeader>
 
@@ -962,9 +967,9 @@ export function AdminToolsPage() {
                 </Button>
               ) : null}
             </TableToolbar>
-            {toolSheetServer?.lastError ? (
+            {stableToolSheetServer?.lastError ? (
               <div className="mb-3 rounded-md bg-destructive/5 px-3 py-2 text-xs leading-5 text-destructive">
-                {toolSheetServer.lastError}
+                {stableToolSheetServer.lastError}
               </div>
             ) : null}
 
@@ -1210,7 +1215,7 @@ export function AdminToolsPage() {
               <div className="space-y-1">
                 <p className="text-xs text-muted-foreground">{t("toolDialog.displayName")}</p>
                 <Input
-                  value={toolForm?.displayName ?? ""}
+                  value={stableToolForm?.displayName ?? ""}
                   placeholder={t("toolDialog.displayNamePlaceholder")}
                   maxLength={160}
                   onChange={(event) => setToolForm((prev) => (prev ? { ...prev, displayName: event.target.value } : prev))}
@@ -1219,7 +1224,7 @@ export function AdminToolsPage() {
               <div className="space-y-1">
                 <p className="text-xs text-muted-foreground">{t("toolDialog.toolDescription")}</p>
                 <Textarea
-                  value={toolForm?.description ?? ""}
+                  value={stableToolForm?.description ?? ""}
                   className="h-28 resize-none text-xs leading-5"
                   placeholder={t("toolDialog.toolDescriptionPlaceholder")}
                   maxLength={4096}
@@ -1243,9 +1248,9 @@ export function AdminToolsPage() {
       <Dialog open={Boolean(schemaTool)} onOpenChange={(open) => !open && setSchemaTool(null)}>
         <DialogContent className="flex max-h-[min(86vh,760px)] flex-col gap-0 overflow-hidden p-0 sm:max-w-2xl">
           <DialogHeader className="shrink-0 px-4 py-4">
-            <DialogTitle>{schemaTool?.displayName || schemaTool?.name || t("schemaDialog.fallbackTitle")}</DialogTitle>
+            <DialogTitle>{stableSchemaTool?.displayName || stableSchemaTool?.name || t("schemaDialog.fallbackTitle")}</DialogTitle>
             <DialogDescription>
-              {schemaTool?.name ? t("schemaDialog.description", { name: schemaTool.name }) : t("schemaDialog.fallbackDescription")}
+              {stableSchemaTool?.name ? t("schemaDialog.description", { name: stableSchemaTool.name }) : t("schemaDialog.fallbackDescription")}
             </DialogDescription>
           </DialogHeader>
           <pre className="mx-4 min-h-0 flex-1 overflow-auto rounded-md border border-border/60 bg-muted/35 p-3 text-xs leading-5 text-foreground/86">
@@ -1259,7 +1264,7 @@ export function AdminToolsPage() {
               type="button"
               value={schemaText}
               messages={{ copied: t("toast.schemaCopied"), failed: t("toast.copyFailed") }}
-              disabled={!schemaTool}
+              disabled={!stableSchemaTool}
             >
               {tActions("copy")}
             </CopyActionButton>
@@ -1303,7 +1308,7 @@ export function AdminToolsPage() {
           <AlertDialogHeader>
             <AlertDialogTitle>{t("toolbar.deleteServer")}</AlertDialogTitle>
             <AlertDialogDescription>
-              {t("confirm.deleteServer", { name: serverDeleteTarget?.name ?? "" })}
+              {t("confirm.deleteServer", { name: stableServerDeleteTarget?.name ?? "" })}
             </AlertDialogDescription>
           </AlertDialogHeader>
           <AlertDialogFooter>
diff --git a/frontend/features/admin/components/sections/upstreams/upstreams-dialog.tsx b/frontend/features/admin/components/sections/upstreams/upstreams-dialog.tsx
index 472ff3d3..e881c1ae 100644
--- a/frontend/features/admin/components/sections/upstreams/upstreams-dialog.tsx
+++ b/frontend/features/admin/components/sections/upstreams/upstreams-dialog.tsx
@@ -24,6 +24,7 @@ import {
   mergeBatchResultData,
   runBulkActionInChunks,
 } from "@/shared/lib/bulk-action";
+import { useDialogSnapshot } from "@/shared/hooks/use-dialog-snapshot";
 import type { AdminBatchDeleteData, AdminLLMUpstreamView } from "@/features/admin/api/llm.types";
 import { useLocalizedErrorMessage } from "@/i18n/use-localized-error";
 import { toast } from "sonner";
@@ -58,6 +59,7 @@ export function DeleteUpstreamDialog({
   const tActions = useTranslations("common.actions");
   const resolveErrorMessage = useLocalizedErrorMessage();
   const [pending, setPending] = useState(false);
+  const stableUpstream = useDialogSnapshot(upstream);
 
   async function handleConfirm() {
     if (!upstream) return;
@@ -81,7 +83,7 @@ export function DeleteUpstreamDialog({
         <AlertDialogHeader>
           <AlertDialogTitle>{t("deleteDialog.title")}</AlertDialogTitle>
           <AlertDialogDescription>
-            {t("deleteDialog.description", { name: upstream?.name ?? "" })}
+            {t("deleteDialog.description", { name: stableUpstream?.name ?? "" })}
           </AlertDialogDescription>
         </AlertDialogHeader>
         <AlertDialogFooter>
@@ -212,12 +214,13 @@ export function CircuitActionDialog({
   const tActions = useTranslations("common.actions");
   const resolveErrorMessage = useLocalizedErrorMessage();
   const [pending, setPending] = useState(false);
+  const stableUpstream = useDialogSnapshot(upstream);
 
   const isOpen = action === "open";
   const title = isOpen ? t("circuitDialog.openTitle") : t("circuitDialog.resetTitle");
   const description = isOpen
-    ? t("circuitDialog.openDescription", { name: upstream?.name ?? "" })
-    : t("circuitDialog.resetDescription", { name: upstream?.name ?? "" });
+    ? t("circuitDialog.openDescription", { name: stableUpstream?.name ?? "" })
+    : t("circuitDialog.resetDescription", { name: stableUpstream?.name ?? "" });
 
   async function handleConfirm() {
     if (!upstream) return;
diff --git a/frontend/features/admin/components/sections/upstreams/upstreams-sheet.tsx b/frontend/features/admin/components/sections/upstreams/upstreams-sheet.tsx
index 8ef27718..201f9b73 100644
--- a/frontend/features/admin/components/sections/upstreams/upstreams-sheet.tsx
+++ b/frontend/features/admin/components/sections/upstreams/upstreams-sheet.tsx
@@ -58,6 +58,7 @@ import { toast } from "sonner";
 import { useTranslations } from "next-intl";
 import { RotateCcw, Trash2 } from "lucide-react";
 import { COMPATIBLE_OPTIONS, resolveProtocolLabel } from "@/features/admin/utils/llm-display";
+import { useDialogSnapshot } from "@/shared/hooks/use-dialog-snapshot";
 import { JsonCodeEditor } from "@/shared/components/json-code-editor";
 import { useLocalizedErrorMessage } from "@/i18n/use-localized-error";
 
@@ -314,6 +315,7 @@ export function UpstreamSheet({
   const [expandedSections, setExpandedSections] = useState<string[]>([]);
   const [pendingDeleteAPIKeyIDs, setPendingDeleteAPIKeyIDs] = useState<Set<string>>(() => new Set());
   const [deleteAPIKeyTarget, setDeleteAPIKeyTarget] = useState<MaskedAPIKeyItem | null>(null);
+  const stableDeleteAPIKeyTarget = useDialogSnapshot(deleteAPIKeyTarget);
 
   useEffect(() => {
     if (open) {
@@ -848,7 +850,7 @@ export function UpstreamSheet({
               <AlertDialogTitle>{t("sheet.apiKeyDeleteTitle")}</AlertDialogTitle>
               <AlertDialogDescription>
                 {t("sheet.apiKeyDeleteDescription", {
-                  key: deleteAPIKeyTarget?.keyMasked ?? "",
+                  key: stableDeleteAPIKeyTarget?.keyMasked ?? "",
                 })}
               </AlertDialogDescription>
             </AlertDialogHeader>
diff --git a/frontend/features/announcements/components/announcement-dialog-host.tsx b/frontend/features/announcements/components/announcement-dialog-host.tsx
index 3f333391..08033113 100644
--- a/frontend/features/announcements/components/announcement-dialog-host.tsx
+++ b/frontend/features/announcements/components/announcement-dialog-host.tsx
@@ -358,7 +358,7 @@ export function AnnouncementDialogHost() {
           </div>
         </div>
         <DialogFooter className="shrink-0">
-          {manualOpen ? (
+          {dialogMode === "manual" ? (
             <Button type="button" onClick={() => unreadQueue.length > 0 ? void closeAll() : closeManualDialog()} disabled={stateSaving}>
               {t("close")}
             </Button>
diff --git a/frontend/features/chat/components/sections/chat-input.tsx b/frontend/features/chat/components/sections/chat-input.tsx
index edaf759c..0f82cd0a 100644
--- a/frontend/features/chat/components/sections/chat-input.tsx
+++ b/frontend/features/chat/components/sections/chat-input.tsx
@@ -56,6 +56,7 @@ import {
 } from "@/components/ui/input-group";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
 import { resolveFileProcessingBadge } from "@/shared/lib/file-processing";
+import { useDialogSnapshot } from "@/shared/hooks/use-dialog-snapshot";
 import { cn } from "@/lib/utils";
 import type { ConversationOptions } from "@/shared/api/conversation.types";
 import type { FileObjectDTO } from "@/shared/api/file.types";
@@ -286,6 +287,7 @@ function ChatInputComponent({
   const [hoveredTool, setHoveredTool] = React.useState<"upload" | "screenshot" | null>(null);
   const [ragWarnDismissed, setRagWarnDismissed] = React.useState(false);
   const [previewAttachment, setPreviewAttachment] = React.useState<PendingAttachment | null>(null);
+  const stablePreviewAttachment = useDialogSnapshot(previewAttachment);
   const fileInputRef = React.useRef<HTMLInputElement | null>(null);
   const inputGroupRef = React.useRef<HTMLDivElement | null>(null);
   const inputGroupMeasureRef = React.useRef<HTMLDivElement | null>(null);
@@ -712,9 +714,9 @@ function ChatInputComponent({
                   </Attachment>
                 ))}
               </AttachmentGroup>
-              {previewAttachment ? (
+              {stablePreviewAttachment ? (
                 <FilePreviewDialog
-                  file={previewAttachment}
+                  file={stablePreviewAttachment}
                   open={previewAttachment !== null}
                   onOpenChange={closePreviewDialog}
                 />
diff --git a/frontend/features/files/components/app-files.tsx b/frontend/features/files/components/app-files.tsx
index b1d05e9c..f32570ae 100644
--- a/frontend/features/files/components/app-files.tsx
+++ b/frontend/features/files/components/app-files.tsx
@@ -18,6 +18,7 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
 } from "@/components/ui/alert-dialog";
+import { useDialogSnapshot } from "@/shared/hooks/use-dialog-snapshot";
 import { cn } from "@/lib/utils";
 
 const FILES_SIDEBAR_WIDTH_CLASS = "md:w-64 md:basis-64 md:max-w-64 lg:w-72 lg:basis-72 lg:max-w-72";
@@ -82,6 +83,7 @@ export function AppFiles() {
     onBackToList,
     onToggleRagOptOut,
   } = useFilesPage();
+  const stableDeleteTarget = useDialogSnapshot(deleteTarget);
 
   return (
     <>
@@ -207,7 +209,7 @@ export function AppFiles() {
           <AlertDialogHeader>
             <AlertDialogTitle>{t("deleteDialog.title")}</AlertDialogTitle>
             <AlertDialogDescription>
-              {t("deleteDialog.description", { name: deleteTarget?.fileName || t("deleteDialog.fallbackName") })}
+              {t("deleteDialog.description", { name: stableDeleteTarget?.fileName || t("deleteDialog.fallbackName") })}
             </AlertDialogDescription>
           </AlertDialogHeader>
           <AlertDialogFooter>
diff --git a/frontend/features/layouts/components/navigation/nav-projects.tsx b/frontend/features/layouts/components/navigation/nav-projects.tsx
index a2063d46..5317f1f0 100644
--- a/frontend/features/layouts/components/navigation/nav-projects.tsx
+++ b/frontend/features/layouts/components/navigation/nav-projects.tsx
@@ -83,6 +83,7 @@ import { useChatConversationExport } from "@/features/chat/hooks/use-chat-conver
 import { useChatSession } from "@/features/chat/context/chat-session-context"
 import { useLocalizedErrorMessage } from "@/i18n/use-localized-error"
 import { DeleteFilesOption } from "@/shared/components/delete-files-option"
+import { useDialogSnapshot } from "@/shared/hooks/use-dialog-snapshot"
 import { useSettingsChatPreferences } from "@/features/settings/hooks/use-settings-chat-preferences"
 import { useLayoutActiveConversation } from "@/features/layouts/hooks/use-layout-active-conversation"
 import { useMobileSidebarNavigation } from "@/features/layouts/hooks/use-mobile-sidebar-navigation"
@@ -649,6 +650,9 @@ export function NavProjects() {
   const deleteProjectFilesID = React.useId()
   const deleteConversationFilesID = React.useId()
   const projectsContentID = React.useId()
+  const stableDeleteTarget = useDialogSnapshot(deleteTarget)
+  const stableConversationDeleteTarget = useDialogSnapshot(conversationDeleteTarget)
+  const stableShareTarget = useDialogSnapshot(shareTarget)
   const onExportConversation = useChatConversationExport({
     successMessage: tRecent("exported"),
     failureMessage: tRecent("exportFailed"),
@@ -1275,7 +1279,7 @@ export function NavProjects() {
           <AlertDialogHeader>
             <AlertDialogTitle>{t("deleteTitle")}</AlertDialogTitle>
             <AlertDialogDescription>
-              {t("deleteDescription", { name: deleteTarget?.name ?? t("untitled") })}
+              {t("deleteDescription", { name: stableDeleteTarget?.name ?? t("untitled") })}
             </AlertDialogDescription>
             <div className="mt-1 flex items-start gap-2 py-2 text-left">
               <Checkbox
@@ -1320,7 +1324,7 @@ export function NavProjects() {
             <AlertDialogTitle>{tRecent("dialogs.deleteTitle")}</AlertDialogTitle>
             <AlertDialogDescription>
               {tRecent("dialogs.deleteDescription", {
-                label: tRecent("deleteConversationLabel", { title: conversationDeleteTarget?.title || tRecent("untitled") }),
+                label: tRecent("deleteConversationLabel", { title: stableConversationDeleteTarget?.title || tRecent("untitled") }),
               })}
             </AlertDialogDescription>
             <DeleteFilesOption
@@ -1338,14 +1342,14 @@ export function NavProjects() {
         </AlertDialogContent>
       </AlertDialog>
 
-      {shareTarget ? (
+      {stableShareTarget ? (
         <ConversationShareDialog
           open={Boolean(shareTarget)}
           onOpenChange={(open) => !open && setShareTarget(null)}
-          conversationPublicID={shareTarget.publicID}
-          conversationTitle={shareTarget.title}
+          conversationPublicID={stableShareTarget.publicID}
+          conversationTitle={stableShareTarget.title}
           onShareChange={(share) => {
-            touchByPublicID(shareTarget.publicID, sharePatchFromDTO(share))
+            touchByPublicID(stableShareTarget.publicID, sharePatchFromDTO(share))
           }}
         />
       ) : null}
@@ -1366,6 +1370,7 @@ function ProjectDialog({
 }) {
   const t = useTranslations("recent.projects")
   const [submitting, setSubmitting] = React.useState(false)
+  const stableDraft = useDialogSnapshot(draft)
 
   React.useEffect(() => {
     if (!draft) {
@@ -1393,8 +1398,8 @@ function ProjectDialog({
     <Dialog open={Boolean(draft)} onOpenChange={onOpenChange}>
       <DialogContent className="sm:max-w-xl">
         <DialogHeader>
-          <DialogTitle>{draft?.publicID ? t("editTitle") : t("createTitle")}</DialogTitle>
-          <DialogDescription>{draft?.publicID ? t("editDescription") : t("createDescription")}</DialogDescription>
+          <DialogTitle>{stableDraft?.publicID ? t("editTitle") : t("createTitle")}</DialogTitle>
+          <DialogDescription>{stableDraft?.publicID ? t("editDescription") : t("createDescription")}</DialogDescription>
         </DialogHeader>
 
         <motion.form layout transition={PROJECT_DIALOG_LAYOUT_TRANSITION} onSubmit={handleSubmit} className="space-y-4">
@@ -1402,7 +1407,7 @@ function ProjectDialog({
             <p className="text-xs text-muted-foreground">{t("nameLabel")}</p>
             <Input
               autoFocus
-              value={draft?.name ?? ""}
+              value={stableDraft?.name ?? ""}
               maxLength={80}
               placeholder={t("namePlaceholder")}
               onChange={(event) => draft && setDraft({ ...draft, name: event.target.value })}
@@ -1413,7 +1418,7 @@ function ProjectDialog({
           <div className="space-y-1">
             <p className="text-xs text-muted-foreground">{t("systemPromptLabel")}</p>
             <Textarea
-              value={draft?.systemPrompt ?? ""}
+              value={stableDraft?.systemPrompt ?? ""}
               maxLength={12000}
               placeholder={t("systemPromptPlaceholder")}
               className="min-h-32 resize-y"
diff --git a/frontend/features/layouts/components/navigation/nav-recents.tsx b/frontend/features/layouts/components/navigation/nav-recents.tsx
index 2161bc68..85e1dd30 100644
--- a/frontend/features/layouts/components/navigation/nav-recents.tsx
+++ b/frontend/features/layouts/components/navigation/nav-recents.tsx
@@ -35,6 +35,7 @@ import {
 import { useChatConversationExport } from "@/features/chat/hooks/use-chat-conversation-export"
 import { DeleteFilesOption } from "@/shared/components/delete-files-option"
 import { CollapsibleMotionContent } from "@/shared/components/collapsible-motion-content"
+import { useDialogSnapshot } from "@/shared/hooks/use-dialog-snapshot"
 import { useSettingsChatPreferences } from "@/features/settings/hooks/use-settings-chat-preferences"
 import { useLayoutActiveConversation } from "@/features/layouts/hooks/use-layout-active-conversation"
 import { useLayoutSidebarListFlip } from "@/features/layouts/hooks/use-layout-sidebar-list-flip"
@@ -88,6 +89,8 @@ export function NavRecents() {
   const loadMoreRef = React.useRef<HTMLLIElement | null>(null)
   const listContainerRef = React.useRef<HTMLDivElement | null>(null)
   const deleteFilesID = React.useId()
+  const stableDeleteTarget = useDialogSnapshot(deleteTarget)
+  const stableShareTarget = useDialogSnapshot(shareTarget)
   const recentsContentID = React.useId()
   const onExport = useChatConversationExport({
     successMessage: t("exported"),
@@ -344,7 +347,7 @@ export function NavRecents() {
           <AlertDialogHeader>
             <AlertDialogTitle>{t("dialogs.deleteTitle")}</AlertDialogTitle>
             <AlertDialogDescription>
-              {t("dialogs.deleteDescription", { label: t("deleteConversationLabel", { title: deleteTarget?.title || t("untitled") }) })}
+              {t("dialogs.deleteDescription", { label: t("deleteConversationLabel", { title: stableDeleteTarget?.title || t("untitled") }) })}
             </AlertDialogDescription>
             <DeleteFilesOption
               id={deleteFilesID}
@@ -361,14 +364,14 @@ export function NavRecents() {
         </AlertDialogContent>
       </AlertDialog>
 
-      {shareTarget ? (
+      {stableShareTarget ? (
         <ConversationShareDialog
           open={Boolean(shareTarget)}
           onOpenChange={(open) => !open && setShareTarget(null)}
-          conversationPublicID={shareTarget.publicID}
-          conversationTitle={shareTarget.title}
+          conversationPublicID={stableShareTarget.publicID}
+          conversationTitle={stableShareTarget.title}
           onShareChange={(share) => {
-            touchByPublicID(shareTarget.publicID, sharePatchFromDTO(share))
+            touchByPublicID(stableShareTarget.publicID, sharePatchFromDTO(share))
           }}
         />
       ) : null}
diff --git a/frontend/features/layouts/components/navigation/nav-starred.tsx b/frontend/features/layouts/components/navigation/nav-starred.tsx
index 9698404c..a3bd9f70 100644
--- a/frontend/features/layouts/components/navigation/nav-starred.tsx
+++ b/frontend/features/layouts/components/navigation/nav-starred.tsx
@@ -38,6 +38,7 @@ import {
 import { CollapsibleMotionContent } from "@/shared/components/collapsible-motion-content"
 import { useChatConversationExport } from "@/features/chat/hooks/use-chat-conversation-export"
 import { DeleteFilesOption } from "@/shared/components/delete-files-option"
+import { useDialogSnapshot } from "@/shared/hooks/use-dialog-snapshot"
 import { useSettingsChatPreferences } from "@/features/settings/hooks/use-settings-chat-preferences"
 import { useLayoutActiveConversation } from "@/features/layouts/hooks/use-layout-active-conversation"
 import { useLayoutSidebarListFlip } from "@/features/layouts/hooks/use-layout-sidebar-list-flip"
@@ -105,6 +106,8 @@ export function NavStarred() {
   const listContainerRef = React.useRef<HTMLDivElement | null>(null)
   const deleteFilesID = React.useId()
   const starredContentID = React.useId()
+  const stableDeleteTarget = useDialogSnapshot(deleteTarget)
+  const stableShareTarget = useDialogSnapshot(shareTarget)
   const onExport = useChatConversationExport({
     successMessage: t("exported"),
     failureMessage: t("exportFailed"),
@@ -408,7 +411,7 @@ export function NavStarred() {
           <AlertDialogHeader>
             <AlertDialogTitle>{t("dialogs.deleteTitle")}</AlertDialogTitle>
             <AlertDialogBody>
-              {t("dialogs.deleteDescription", { label: t("deleteConversationLabel", { title: deleteTarget?.title || t("untitled") }) })}
+              {t("dialogs.deleteDescription", { label: t("deleteConversationLabel", { title: stableDeleteTarget?.title || t("untitled") }) })}
             </AlertDialogBody>
             <DeleteFilesOption
               id={deleteFilesID}
@@ -425,14 +428,14 @@ export function NavStarred() {
         </AlertDialogContent>
       </AlertDialog>
 
-      {shareTarget ? (
+      {stableShareTarget ? (
         <ConversationShareDialog
           open={Boolean(shareTarget)}
           onOpenChange={(open) => !open && setShareTarget(null)}
-          conversationPublicID={shareTarget.publicID}
-          conversationTitle={shareTarget.title}
+          conversationPublicID={stableShareTarget.publicID}
+          conversationTitle={stableShareTarget.title}
           onShareChange={(share) => {
-            touchByPublicID(shareTarget.publicID, sharePatchFromDTO(share))
+            touchByPublicID(stableShareTarget.publicID, sharePatchFromDTO(share))
           }}
         />
       ) : null}
diff --git a/frontend/features/prompts/components/sections/skills-prompt-page.tsx b/frontend/features/prompts/components/sections/skills-prompt-page.tsx
index 42e059bd..6cec8410 100644
--- a/frontend/features/prompts/components/sections/skills-prompt-page.tsx
+++ b/frontend/features/prompts/components/sections/skills-prompt-page.tsx
@@ -46,6 +46,7 @@ import {
 } from "@/features/prompts/hooks/use-skills-prompt-page";
 import { cn } from "@/lib/utils";
 import type { PromptPresetDTO } from "@/shared/api/prompt-presets.types";
+import { useDialogSnapshot } from "@/shared/hooks/use-dialog-snapshot";
 import { PROMPT_PRESET_LIMITS } from "@/shared/model/prompt-presets";
 
 function PromptPresetCard({
@@ -177,6 +178,7 @@ export function SkillsPromptPage() {
     retryLoadMore,
     toggleEnabled,
   } = useSkillsPromptPage();
+  const stableViewTarget = useDialogSnapshot(viewTarget);
 
   const emptyState = (
     <div className="flex h-full min-h-0 w-full items-center justify-center">
@@ -349,21 +351,21 @@ export function SkillsPromptPage() {
       <Dialog open={viewTarget !== null} onOpenChange={(open) => !open && setViewTarget(null)}>
         <DialogContent className="flex max-h-[min(86vh,760px)] flex-col gap-0 overflow-hidden p-0 sm:max-w-[560px]">
           <DialogHeader className="shrink-0 px-5 pb-3 pt-5">
-            <DialogTitle>{viewTarget?.trigger || viewTarget?.title}</DialogTitle>
+            <DialogTitle>{stableViewTarget?.trigger || stableViewTarget?.title}</DialogTitle>
             <DialogDescription>{t("viewDescription")}</DialogDescription>
           </DialogHeader>
           <div className="min-h-0 flex-1 space-y-3 overflow-y-auto px-5 py-2">
             <div className="space-y-1">
               <p className="text-xs text-muted-foreground">{t("name")}</p>
-              <Input value={viewTarget?.trigger || viewTarget?.title || ""} readOnly />
+              <Input value={stableViewTarget?.trigger || stableViewTarget?.title || ""} readOnly />
             </div>
             <div className="space-y-1">
               <p className="text-xs text-muted-foreground">{t("promptDescription")}</p>
-              <Input value={viewTarget?.description || ""} readOnly />
+              <Input value={stableViewTarget?.description || ""} readOnly />
             </div>
             <div className="space-y-1">
               <p className="text-xs text-muted-foreground">{t("content")}</p>
-              <Textarea value={viewTarget?.content || ""} className="h-64 resize-none overflow-y-auto [field-sizing:fixed]" readOnly />
+              <Textarea value={stableViewTarget?.content || ""} className="h-64 resize-none overflow-y-auto [field-sizing:fixed]" readOnly />
             </div>
           </div>
           <DialogFooter className="shrink-0 px-5 py-3">
diff --git a/frontend/features/prompts/components/sections/skills-section.tsx b/frontend/features/prompts/components/sections/skills-section.tsx
index d24634c9..2f12e374 100644
--- a/frontend/features/prompts/components/sections/skills-section.tsx
+++ b/frontend/features/prompts/components/sections/skills-section.tsx
@@ -29,6 +29,7 @@ import { cn } from "@/lib/utils";
 import { createMySkill, deleteMySkill, getVisibleSkill, listMySkills, listVisibleSkills, updateMySkill } from "@/shared/api/skills";
 import type { SkillDTO, SkillSummaryDTO } from "@/shared/api/skills.types";
 import { resolveAccessToken } from "@/shared/auth/resolve-access-token";
+import { useDialogSnapshot } from "@/shared/hooks/use-dialog-snapshot";
 import {
   EMPTY_SKILL_FORM,
   SKILL_LIMITS,
@@ -179,6 +180,7 @@ export const SkillsSection = React.forwardRef<SkillsSectionHandle, { query: stri
   const [dialogOpen, setDialogOpen] = React.useState(false);
   const [viewTarget, setViewTarget] = React.useState<SkillDTO | null>(null);
   const [deleteTarget, setDeleteTarget] = React.useState<SkillDTO | null>(null);
+  const stableViewTarget = useDialogSnapshot(viewTarget);
 
   const filteredItems = React.useMemo(
     () => orderSkills(items.filter((item) => skillMatchesQuery(item, query))),
@@ -390,21 +392,21 @@ export const SkillsSection = React.forwardRef<SkillsSectionHandle, { query: stri
       <Dialog open={viewTarget !== null} onOpenChange={(open) => !open && setViewTarget(null)}>
         <DialogContent className="flex max-h-[min(86vh,760px)] flex-col gap-0 overflow-hidden p-0 sm:max-w-[560px]">
           <DialogHeader className="shrink-0 px-5 pb-3 pt-5">
-            <DialogTitle>{viewTarget?.trigger || viewTarget?.title}</DialogTitle>
+            <DialogTitle>{stableViewTarget?.trigger || stableViewTarget?.title}</DialogTitle>
             <DialogDescription>{t("skillViewDescription")}</DialogDescription>
           </DialogHeader>
           <div className="min-h-0 flex-1 space-y-3 overflow-y-auto px-5 py-2">
             <div className="space-y-1">
               <p className="text-xs text-muted-foreground">{t("name")}</p>
-              <Input value={viewTarget?.trigger || viewTarget?.title || ""} readOnly />
+              <Input value={stableViewTarget?.trigger || stableViewTarget?.title || ""} readOnly />
             </div>
             <div className="space-y-1">
               <p className="text-xs text-muted-foreground">{t("promptDescription")}</p>
-              <Input value={viewTarget?.description || ""} readOnly />
+              <Input value={stableViewTarget?.description || ""} readOnly />
             </div>
             <div className="space-y-1">
               <p className="text-xs text-muted-foreground">{t("skillMarkdown")}</p>
-              <Textarea value={viewTarget?.markdown || ""} className="h-64 resize-none overflow-y-auto [field-sizing:fixed]" readOnly />
+              <Textarea value={stableViewTarget?.markdown || ""} className="h-64 resize-none overflow-y-auto [field-sizing:fixed]" readOnly />
             </div>
           </div>
           <DialogFooter className="shrink-0 px-5 py-3">
diff --git a/frontend/features/recent/components/sections/recent-dialogs.tsx b/frontend/features/recent/components/sections/recent-dialogs.tsx
index 199e5738..e30e5496 100644
--- a/frontend/features/recent/components/sections/recent-dialogs.tsx
+++ b/frontend/features/recent/components/sections/recent-dialogs.tsx
@@ -31,6 +31,7 @@ import {
 } from "@/components/ui/dialog";
 import { Input } from "@/components/ui/input";
 import { Spinner } from "@/components/ui/spinner";
+import { useDialogSnapshot } from "@/shared/hooks/use-dialog-snapshot";
 
 type RecentDialogsProps = {
   renameTarget: ConversationDTO | null;
@@ -79,30 +80,38 @@ export function RecentDialogs({
 }: RecentDialogsProps) {
   const t = useTranslations("recent.dialogs");
   const deleteFilesID = React.useId();
+  const stableRenameValue = useDialogSnapshot(renameTarget ? renameValue : null) ?? "";
+  const stableDeleteTarget = useDialogSnapshot(deleteTarget);
+  const stableShareTarget = useDialogSnapshot(shareTarget);
+  const bulkConfirmSnapshot = React.useMemo(
+    () => bulkConfirmAction ? { action: bulkConfirmAction, count: bulkConfirmCount } : null,
+    [bulkConfirmAction, bulkConfirmCount],
+  );
+  const stableBulkConfirm = useDialogSnapshot(bulkConfirmSnapshot);
   const bulkConfirmCopy = React.useMemo(() => {
-    switch (bulkConfirmAction) {
+    switch (stableBulkConfirm?.action) {
       case "archive":
         return {
           title: t("bulk.archive.title"),
-          description: t("bulk.archive.description", { count: bulkConfirmCount }),
+          description: t("bulk.archive.description", { count: stableBulkConfirm.count }),
           confirm: t("bulk.archive.confirm"),
         };
       case "unarchive":
         return {
           title: t("bulk.unarchive.title"),
-          description: t("bulk.unarchive.description", { count: bulkConfirmCount }),
+          description: t("bulk.unarchive.description", { count: stableBulkConfirm.count }),
           confirm: t("bulk.unarchive.confirm"),
         };
       case "revokeShares":
         return {
           title: t("bulk.revokeShares.title"),
-          description: t("bulk.revokeShares.description", { count: bulkConfirmCount }),
+          description: t("bulk.revokeShares.description", { count: stableBulkConfirm.count }),
           confirm: t("bulk.revokeShares.confirm"),
         };
       default:
         return { title: "", description: "", confirm: "" };
     }
-  }, [bulkConfirmAction, bulkConfirmCount, t]);
+  }, [stableBulkConfirm, t]);
 
   return (
     <>
@@ -122,7 +131,7 @@ export function RecentDialogs({
             <div className="relative">
               <Input
                 autoFocus
-                value={renameValue}
+                value={stableRenameValue}
                 className="pr-10"
                 onChange={(event) => onRenameValueChange(event.target.value)}
                 placeholder={t("renamePlaceholder")}
@@ -160,7 +169,7 @@ export function RecentDialogs({
           <AlertDialogHeader>
             <AlertDialogTitle>{t("deleteTitle")}</AlertDialogTitle>
             <AlertDialogDescription>
-              {t("deleteDescription", { label: deleteTarget?.label || t("thisConversation") })}
+              {t("deleteDescription", { label: stableDeleteTarget?.label || t("thisConversation") })}
             </AlertDialogDescription>
             <DeleteFilesOption
               id={deleteFilesID}
@@ -201,12 +210,12 @@ export function RecentDialogs({
         </AlertDialogContent>
       </AlertDialog>
 
-      {shareTarget ? (
+      {stableShareTarget ? (
         <ConversationShareDialog
           open={Boolean(shareTarget)}
           onOpenChange={(open) => !open && onCloseShareDialog()}
-          conversationPublicID={shareTarget.publicID}
-          conversationTitle={shareTarget.title || t("untitled")}
+          conversationPublicID={stableShareTarget.publicID}
+          conversationTitle={stableShareTarget.title || t("untitled")}
           onShareChange={onShareChange}
         />
       ) : null}
diff --git a/frontend/features/settings/components/sections/chat/settings-chat.tsx b/frontend/features/settings/components/sections/chat/settings-chat.tsx
index 0a06c1d2..16cb7f87 100644
--- a/frontend/features/settings/components/sections/chat/settings-chat.tsx
+++ b/frontend/features/settings/components/sections/chat/settings-chat.tsx
@@ -41,6 +41,7 @@ import { useLocalizedErrorMessage } from "@/i18n/use-localized-error";
 import { resolveAccessToken } from "@/shared/auth/resolve-access-token";
 import { listUserMemories, upsertUserMemory, deleteUserMemory } from "@/shared/api/memory";
 import type { UserMemoryDTO } from "@/shared/api/memory.types";
+import { useDialogSnapshot } from "@/shared/hooks/use-dialog-snapshot";
 import { ModelSelect, type ModelSelectOption } from "@/shared/components/model-select";
 import {
   SettingsFieldList,
@@ -192,6 +193,9 @@ function AddPreferenceDialog({
   onAdd: () => void;
 }) {
   const t = useTranslations("settings.chatPage.memory");
+  const stableAddKey = useDialogSnapshot(open ? addKey : null) ?? "";
+  const stableAddValue = useDialogSnapshot(open ? addValue : null) ?? "";
+
   return (
     <Dialog open={open} onOpenChange={(nextOpen) => {
       if (!adding) {
@@ -220,7 +224,7 @@ function AddPreferenceDialog({
                 id="preference-key"
                 autoFocus
                 placeholder={t("namePlaceholder")}
-                value={addKey}
+                value={stableAddKey}
                 disabled={adding || atLimit}
                 onChange={(event) => onKeyChange(event.target.value)}
               />
@@ -231,7 +235,7 @@ function AddPreferenceDialog({
               <Textarea
                 id="preference-value"
                 placeholder={t("contentPlaceholder")}
-                value={addValue}
+                value={stableAddValue}
                 disabled={adding || atLimit}
                 className="h-24 resize-none overflow-y-auto [field-sizing:fixed]"
                 onChange={(event) => onValueChange(event.target.value)}
diff --git a/frontend/features/settings/components/sections/subscription/subscription-billing-dialogs.tsx b/frontend/features/settings/components/sections/subscription/subscription-billing-dialogs.tsx
index 7dc50e30..d3f29a99 100644
--- a/frontend/features/settings/components/sections/subscription/subscription-billing-dialogs.tsx
+++ b/frontend/features/settings/components/sections/subscription/subscription-billing-dialogs.tsx
@@ -6,6 +6,7 @@ import { Button } from "@/components/ui/button";
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@/components/ui/dialog";
 import { Input } from "@/components/ui/input";
 import { SpinnerLabel } from "@/components/ui/spinner";
+import { useDialogSnapshot } from "@/shared/hooks/use-dialog-snapshot";
 import {
   billingDisplayAmountToUSD,
   billingDisplayInputSymbol,
@@ -184,6 +185,7 @@ export function RedemptionDialog({
   onSubmit,
 }: RedemptionDialogProps) {
   const t = useTranslations("settings.subscriptionPage");
+  const stableCode = useDialogSnapshot(open ? code : null) ?? "";
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
@@ -195,7 +197,7 @@ export function RedemptionDialog({
         <div className="space-y-1">
           <p className="text-xs text-muted-foreground">{t("redemption.code")}</p>
           <Input
-            value={code}
+            value={stableCode}
             autoComplete="off"
             className="font-mono"
             disabled={billingLoading || redemptionLoading}
diff --git a/frontend/shared/hooks/use-dialog-snapshot.ts b/frontend/shared/hooks/use-dialog-snapshot.ts
new file mode 100644
index 00000000..3d7c8fd1
--- /dev/null
+++ b/frontend/shared/hooks/use-dialog-snapshot.ts
@@ -0,0 +1,15 @@
+"use client";
+
+import * as React from "react";
+
+export function useDialogSnapshot<T>(value: T | null | undefined): T | null {
+  const [snapshot, setSnapshot] = React.useState<T | null>(value ?? null);
+
+  React.useEffect(() => {
+    if (value !== null && value !== undefined) {
+      setSnapshot(value);
+    }
+  }, [value]);
+
+  return value ?? snapshot;
+}