wip

fix: docs

packages/client/ui-settings/src/client/index.ts

@@ -8,7 +8,11 @@
  * onboarding overlays). Export discipline: packages/client/AGENTS.md.
  */
 import type { ClientContext } from '@deepseek-ai/dsh-client-runtime/client'
-import { deferRegistration } from '@deepseek-ai/dsh-client-ui-slots'
+// Type-only: the ctx.locale Context merge for the optional ctx.get('locale')
+// read (nav labels may be locale-following thunks; the shell still ships no
+// copy of its own and takes no hard locale dependency).
+import type {} from '@deepseek-ai/dsh-client-locale/client'
+import { deferRegistration, resolveSlotLabel } from '@deepseek-ai/dsh-client-ui-slots'
 import type { SettingsRootInjected, SettingsSectionRow } from './contract/slots.ts'
 import { SettingsRoot } from './SettingsRoot.tsx'
 
@@ -33,27 +37,40 @@ export const inject = ['slots']
 export function apply(ctx: ClientContext): void {
   // Ledger → nav-row projection as an observable source (uSES contract:
   // getSnapshot returns the cached rows until the ledger version moves).
+  // Labels may be locale-following thunks, so the cache key includes the
+  // locale revision and subscribers ride both sources.
   let rowsVersion = -1
+  let rowsRevision = -1
   let rows: readonly SettingsSectionRow[] = []
+  const localeRevision = (): number => ctx.get('locale')?.getSnapshot().revision ?? 0
   const injected = (): SettingsRootInjected => ({
     hooks: {
       sections: {
         getSnapshot: () => {
           const version = ctx.slots.getVersion('settings.section')
-          if (version !== rowsVersion) {
+          const revision = localeRevision()
+          if (version !== rowsVersion || revision !== rowsRevision) {
             rowsVersion = version
+            rowsRevision = revision
             rows = ctx.slots.entries('settings.section')
               .map(e => ({
                 /* v8 ignore next -- list-slot registration requires id (SlotCore rejects an entry without one) */
                 id: e.options.id ?? '',
                 order: e.options.order ?? 0,
-                label: e.options.label ?? '',
+                label: resolveSlotLabel(e.options.label) ?? '',
               }))
               .sort((a, b) => a.order - b.order)
           }
           return rows
         },
-        subscribe: listener => ctx.slots.subscribe('settings.section', listener),
+        subscribe: (listener) => {
+          const offLedger = ctx.slots.subscribe('settings.section', listener)
+          const offLocale = ctx.get('locale')?.subscribe(listener)
+          return () => {
+            offLedger()
+            offLocale?.()
+          }
+        },
       },
     },
   })