Give Settings one guard and one set of section parts

Editors register with the shared dirty store and one dialog answers for
all of them. The settings hooks move to hooks/, out of the seam's @/components
exception. Modal gains a keep-open result and a named quiet action, Chip a
status slot and SearchableSelect an open signal, replacing their workarounds.
The canvas stores are read-only and throw on anything the chat hook does not
read, read-block is cut by an edge, and a closure check proves the seam bundles
no legacy view.

Author: waleedlatif1

.claude/rules/sim-settings-pages.md

@@ -344,7 +344,7 @@ rendered through `<SettingsActionChips actions={…} />` from
 is what keeps tone/icon/variant/tooltip handling from drifting between the two
 shells. Reach for it before hand-rolling a `Chip`.
 - **`useSettingsUnsavedGuard({ isDirty, navigationBlocked, onDiscard })`** from
-  `@/components/settings/use-settings-unsaved-guard` registers one editor with the
+  `@/hooks/use-settings-unsaved-guard` registers one editor with the
   shared settings store. Register every full-page draft, including inline creation
   forms. Dirty computation stays local and derived; fetched defaults stay clean.
 - **`onDiscard` resets the registered draft.** The root `SettingsNavigationGuard`

.cursor/rules/sim-settings-pages.mdc

@@ -340,7 +340,7 @@ rendered through `<SettingsActionChips actions={…} />` from
 is what keeps tone/icon/variant/tooltip handling from drifting between the two
 shells. Reach for it before hand-rolling a `Chip`.
 - **`useSettingsUnsavedGuard({ isDirty, navigationBlocked, onDiscard })`** from
-  `@/components/settings/use-settings-unsaved-guard` registers one editor with the
+  `@/hooks/use-settings-unsaved-guard` registers one editor with the
   shared settings store. Register every full-page draft, including inline creation
   forms. Dirty computation stays local and derived; fetched defaults stay clean.
 - **`onDiscard` resets the registered draft.** The root `SettingsNavigationGuard`

apps/sim/app/o/[organizationId]/benchmark/components/benchmark-detail.tsx

@@ -11,7 +11,6 @@ import {
 } from '@sim/emcn'
 import { Download, Trash } from '@sim/emcn/icons'
 import { useQueryStates } from 'nuqs'
-import { useSettingsUnsavedGuard } from '@/components/settings/use-settings-unsaved-guard'
 import type {
   BenchmarkCase,
   RunBenchmarkComparisonBody,
@@ -42,6 +41,7 @@ import {
   useRunBenchmarkStage,
   useUpdateBenchmark,
 } from '@/hooks/queries/benchmarks'
+import { useSettingsUnsavedGuard } from '@/hooks/use-settings-unsaved-guard'
 import { useSettingsDirtyStore } from '@/stores/settings/dirty/store'
 
 interface BenchmarkDetailProps {

apps/sim/app/o/[organizationId]/settings/integrations/sources/[connectorId]/source-detail.tsx

@@ -7,7 +7,6 @@ import { useRouter } from 'next/navigation'
 import { saveDiscardActions } from '@/components/settings/save-discard-actions'
 import type { SettingsAction, SettingsBackAction } from '@/components/settings/settings-header'
 import { SettingsPanel } from '@/components/settings/settings-panel'
-import { useSettingsUnsavedGuard } from '@/components/settings/use-settings-unsaved-guard'
 import { isApiClientError } from '@/lib/api/client/errors'
 import type { ConnectorData, ConnectorDetailData } from '@/lib/api/contracts/knowledge/connectors'
 import type { ResourceScope } from '@/lib/core/resource-scope'
@@ -32,6 +31,7 @@ import {
 } from '@/hooks/queries/kb/connectors'
 import { useSearchIntegrations } from '@/hooks/queries/search-integrations'
 import { useOAuthReturnForKBConnectors } from '@/hooks/use-oauth-return'
+import { useSettingsUnsavedGuard } from '@/hooks/use-settings-unsaved-guard'
 
 interface OrganizationSourceDetailProps {
   connectorId: string

apps/sim/app/workspace/[workspaceId]/components/credential-detail/hooks/use-credential-detail-form.ts

@@ -6,8 +6,8 @@ import { createLogger } from '@sim/logger'
 import { getErrorMessage } from '@sim/utils/errors'
 import { filterUndefined } from '@sim/utils/object'
 import { useRouter } from 'next/navigation'
-import { useSettingsUnsavedGuard } from '@/components/settings/use-settings-unsaved-guard'
 import { useUpdateWorkspaceCredential, type WorkspaceCredential } from '@/hooks/queries/credentials'
+import { useSettingsUnsavedGuard } from '@/hooks/use-settings-unsaved-guard'
 import { useSettingsDirtyStore } from '@/stores/settings/dirty/store'
 
 const logger = createLogger('CredentialDetailForm')

apps/sim/app/workspace/[workspaceId]/settings/components/admin/admin.tsx

@@ -19,7 +19,6 @@ import {
 } from '@sim/emcn'
 import { getErrorMessage } from '@sim/utils/errors'
 import { useQueryStates } from 'nuqs'
-import { useSettingsUnsavedGuard } from '@/components/settings/use-settings-unsaved-guard'
 import type { MothershipEnvironment } from '@/lib/api/contracts'
 import { useSession } from '@/lib/auth/client'
 import { APP_ENTRY_PATH } from '@/lib/navigation/paths'
@@ -46,6 +45,7 @@ import {
 import { useBenchmarkAvailability } from '@/hooks/queries/benchmarks'
 import { useGeneralSettings, useUpdateGeneralSetting } from '@/hooks/queries/general-settings'
 import { useImportWorkflow } from '@/hooks/queries/workflows'
+import { useSettingsUnsavedGuard } from '@/hooks/use-settings-unsaved-guard'
 import { clearUserData } from '@/stores'
 
 const PAGE_SIZE = 20 as const

apps/sim/app/workspace/[workspaceId]/settings/components/billing/components/usage-limit-field/usage-limit-field.tsx

@@ -3,14 +3,14 @@
 import { useEffect, useRef, useState } from 'react'
 import { ChipInput, Info, toast } from '@sim/emcn'
 import { getErrorMessage } from '@sim/utils/errors'
-import { useSettingsUnsavedGuard } from '@/components/settings/use-settings-unsaved-guard'
 import { ON_DEMAND_UNLIMITED } from '@/lib/billing/constants'
 import { dollarsToCredits } from '@/lib/billing/credits/conversion'
 import { isUsageLimitDraftDirty, resolveUsageLimitDraft } from '@/lib/billing/usage-limit-draft'
 import { SettingsSection } from '@/app/workspace/[workspaceId]/settings/components/settings-section/settings-section'
 import { useUpdateOrganizationUsageLimit } from '@/hooks/queries/organization'
 import { useUpdateUsageLimit } from '@/hooks/queries/subscription'
 import { useDebounce } from '@/hooks/use-debounce'
+import { useSettingsUnsavedGuard } from '@/hooks/use-settings-unsaved-guard'
 
 /** Delay before a usage-limit edit is auto-saved once the user stops typing. */
 const AUTOSAVE_DELAY_MS = 1000

apps/sim/app/workspace/[workspaceId]/settings/components/custom-tools/components/custom-tool-detail/custom-tool-detail.tsx

@@ -6,7 +6,6 @@ import { ArrowLeft } from '@sim/emcn/icons'
 import { createLogger } from '@sim/logger'
 import { getErrorMessage } from '@sim/utils/errors'
 import { saveDiscardActions } from '@/components/settings/save-discard-actions'
-import { useSettingsUnsavedGuard } from '@/components/settings/use-settings-unsaved-guard'
 import {
   CUSTOM_TOOL_DELETE_CONFIRM_TEXT,
   CustomToolCodeField,
@@ -28,6 +27,7 @@ import {
   useDeleteCustomTool,
   useUpdateCustomTool,
 } from '@/hooks/queries/custom-tools'
+import { useSettingsUnsavedGuard } from '@/hooks/use-settings-unsaved-guard'
 
 const logger = createLogger('CustomToolDetail')
 

apps/sim/app/workspace/[workspaceId]/settings/components/mothership/mothership.tsx

@@ -15,7 +15,6 @@ import {
 import { formatDateTime } from '@sim/utils/formatting'
 import Link from 'next/link'
 import { useQueryStates } from 'nuqs'
-import { useSettingsUnsavedGuard } from '@/components/settings/use-settings-unsaved-guard'
 import {
   type MothershipTab,
   mothershipParsers,
@@ -30,6 +29,7 @@ import {
   useMothershipRequests,
   useMothershipUserBreakdown,
 } from '@/hooks/queries/mothership-admin'
+import { useSettingsUnsavedGuard } from '@/hooks/use-settings-unsaved-guard'
 import { useSettingsDirtyStore } from '@/stores/settings/dirty/store'
 
 const TABS: { id: MothershipTab; label: string }[] = [

apps/sim/app/workspace/[workspaceId]/settings/components/sandboxes/sandboxes.tsx

@@ -9,7 +9,6 @@ import { useQueryState } from 'nuqs'
 import { CodeIcon } from '@/components/icons'
 import { canMutateWorkspaceSettingsSection } from '@/components/settings/navigation'
 import { saveDiscardActions } from '@/components/settings/save-discard-actions'
-import { useSettingsUnsavedGuard } from '@/components/settings/use-settings-unsaved-guard'
 import type { SandboxDependencyIssue } from '@/lib/api/contracts/sandboxes'
 import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/providers/workspace-permissions-provider'
 import {
@@ -46,6 +45,7 @@ import {
   useUpdateSandbox,
 } from '@/hooks/queries/sandboxes'
 import { useSettingsSearch } from '@/hooks/use-settings-search'
+import { useSettingsUnsavedGuard } from '@/hooks/use-settings-unsaved-guard'
 
 export function Sandboxes() {
   const params = useParams()