feat(web): answerable ask_user_question flow with toolview verdict row

The pending question now owns exactly two surfaces: the redesigned
QuestionComposer takeover (footer pager, checkbox multi-select,
always-visible custom input, locale-injected bilingual chrome) collects
the answers, and a dedicated ask_user_question toolview row reports the
interaction outcome — waiting, N/M answered, cancelled (ASK_CANCELLED),
or interrupted with stopped semantics (ASK_ABORTED). PendingCard narrows
to approval waits only. Toolview leading icons and the hover chevron
unify on the tertiary label color, the checklist glyph matches the
14px figma extract, and dev-watch registers CSS modules so css-only
edits rebuild.

packages/client/ui-question/tests/browser-plugin.spec.ts

@@ -1,16 +1,19 @@
 /**
- * apply wiring on a real cordis Context + SlotsService: QuestionComposer
- * registered as the `question` entry of the conversation-declared composer
- * slot with ZERO business face (data and verbs ride the dispatched carrier),
- * load-order fail-loud, and fiber-teardown unregistration. Component and
- * domain-face behavior is covered props-direct in question-composer.spec.tsx;
- * no renderer machinery here.
+ * apply wiring on a real cordis Context + SlotsService + LocaleService:
+ * QuestionComposer registered as the `question` entry of the
+ * conversation-declared composer slot, bilingual dictionaries registered
+ * under the `question` namespace, the locale share handed through the inject
+ * face, load-order fail-loud, and fiber-teardown unregistration. Component
+ * and domain-face behavior is covered props-direct in
+ * question-composer.spec.tsx; no renderer machinery here.
  */
 import { Context } from 'cordis'
-import { describe, expect, it } from 'vitest'
+import { describe, expect, it, vi } from 'vitest'
 import { SlotsService } from '@deepseek-ai/dsh-client-runtime/client'
+import { LocaleService } from '@deepseek-ai/dsh-client-locale/client'
+import type { QuestionComposerInjected } from '../src/client/contract/slots.ts'
 import { QuestionComposer } from '../src/client/QuestionComposer.tsx'
-import { apply, inject } from '../src/client/index.ts'
+import { apply, inject, QUESTION_NS } from '../src/client/index.ts'
 
 async function bench() {
   const ctx = new Context()
@@ -24,12 +27,14 @@ async function bench() {
   // 'conversation' inject is an ordering edge (the declaring plugin provides
   // it after declaring the chain); the bench declares the chain itself.
   ctx.provide('conversation', {})
-  return { ctx, slots }
+  const locale = new LocaleService(ctx)
+  ctx.provide('locale', locale)
+  return { ctx, slots, locale }
 }
 
 describe('apply', () => {
   it('declares the services it binds', () => {
-    expect(inject).toEqual(['slots', 'conversation'])
+    expect(inject).toEqual(['slots', 'conversation', 'locale'])
   })
 
   it('fails loud when no live entry has declared the composer slot', async () => {
@@ -38,31 +43,46 @@ describe('apply', () => {
     // Satisfy the ordering inject without declaring the chain: apply must
     // then hit the undeclared-slot throw, not sit waiting on the service.
     ctx.provide('conversation', {})
+    ctx.provide('locale', new LocaleService(ctx))
     await expect(ctx.plugin({ inject: [...inject], apply }))
       .rejects.toThrow(/slot "conversation.composer" is not declared/)
   })
 
-  it('registers the question entry: routing selector, no inject face', async () => {
-    const { ctx, slots } = await bench()
+  it('registers the question entry: routing selector plus the locale share face', async () => {
+    const { ctx, slots, locale } = await bench()
     await ctx.plugin({ inject: [...inject], apply }).await()
     const entry = slots.entries('conversation.composer')[0]!
     expect(entry.component).toBe(QuestionComposer)
-    // The whole behavior surface rides the matched carrier: no business face.
-    expect(entry.inject).toBeUndefined()
     // The selector narrows the chain currency: question wait in → that wait; none → null.
     const select = entry.select as (owner: { interactions: readonly { kind: string }[] }) => unknown
     const question = { kind: 'question' }
     expect(select({ interactions: [{ kind: 'approval' }, question] })).toBe(question)
     expect(select({ interactions: [{ kind: 'approval' }] })).toBeNull()
     expect(select({ interactions: [] })).toBeNull()
+    // The inject face carries the namespace-bound translator and the live
+    // locale snapshot source (subscription rides locale/change).
+    const face = (entry.inject as unknown as () => QuestionComposerInjected)()
+    expect(face.t('action.submit')).toBe('提交')
+    expect(face.hooks.locale.getSnapshot()).toBe(locale.getLocale())
+    const changed = vi.fn()
+    const off = face.hooks.locale.subscribe(changed)
+    locale.setLocale('en')
+    expect(changed).toHaveBeenCalledTimes(1)
+    expect(face.t('action.submit')).toBe('Submit')
+    off()
+    locale.setLocale('zh')
+    expect(changed).toHaveBeenCalledTimes(1)
   })
 
-  it('teardown unregisters the slot entry', async () => {
-    const { ctx, slots } = await bench()
+  it('teardown unregisters the slot entry and the dictionaries', async () => {
+    const { ctx, slots, locale } = await bench()
     const fiber = ctx.plugin({ inject: [...inject], apply })
     await fiber.await()
     expect(slots.entries('conversation.composer')).toHaveLength(1)
+    expect(locale.bind(QUESTION_NS)('action.submit')).toBe('提交')
     await fiber.dispose()
     expect(slots.entries('conversation.composer')).toHaveLength(0)
+    // Unregistered namespace: the lookup chain bottoms out at the key itself.
+    expect(locale.bind(QUESTION_NS)('action.submit')).toBe('action.submit')
   })
 })