@khorsheed/dsh-room 0.2.2 → 0.2.4

package/lib/types/agent-setup.d.ts

@@ -88,7 +88,7 @@ export declare function preloadPresetDerivationHost(): Promise<void>;
 /** Test seam: drop the cached probe and host so a mocked resolution re-runs. */
 export declare function resetPresetRegistryProbeForTest(): void;
 /** The agentPresets face this package consumes (probed, never injected). */
-export type AgentPresetsProbe = Pick<AgentPresets, 'resolve' | 'mount'>;
+export type AgentPresetsProbe = Pick<AgentPresets, 'resolve' | 'mount'> & Partial<Pick<AgentPresets, 'list'>>;
 /**
  * Probe the agent-presets roster.
  * @param ctx - host context.

package/lib/types/client/InviteAgentAction.js

@@ -8,7 +8,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
  * @module @khorsheed/dsh-room/client/InviteAgentAction
  */
 import { useEffect, useReducer, useState } from 'react';
-import { InviteDialog } from './InviteDialog.js';
+import { InviteDialog, inviteRequest } from './InviteDialog.js';
 import css from './InviteAgentAction.module.css';
 /** The header chip plus its dialog. */
 export function InviteAgentAction({ roomCwd, invite, listProviders, listNames, browseDirectory, modelSurface, renderHarnessModelPicker, roomChrome, sessionId, t, }) {
@@ -21,25 +21,13 @@ export function InviteAgentAction({ roomCwd, invite, listProviders, listNames, b
     const openDialog = () => {
         setProviders(undefined);
         setOpen(true);
-        void listProviders().then(setProviders);
-    };
-    const submit = async (values) => {
-        // Blank optional fields are omitted, not sent (the host rejects a
-        // present-but-blank role; an absent one simply carries no preset).
-        const outcome = await invite({
-            provider: values.provider,
-            name: values.name,
-            ...values.instructions === '' ? {} : { instructions: values.instructions },
-            ...values.cwd === '' ? {} : { cwd: values.cwd },
-            ...values.firstTask === '' ? {} : { firstTask: values.firstTask },
-            ...values.model === '' ? {} : { model: values.model },
-        });
-        return outcome;
+        void listProviders(sessionId).then(setProviders);
     };
+    const submit = (values) => invite(inviteRequest(values));
     // M3' self-hide: the chip is the room's dev affordance — it renders only
     // when this session's preset composition grants the room tools (or the
     // session IS a room, or the criterion has no answer — all fail-open).
     if (!roomChrome.show(sessionId))
         return null;
-    return (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: css.trigger, "aria-label": t('action.inviteAgent'), onClick: openDialog, children: t('action.inviteAgent') }), open && (_jsx(InviteDialog, { mode: "invite", providers: providers?.providers, localAgentAvailable: providers?.localAgentAvailable ?? true, inheritedCwd: roomCwd, existingNames: listNames(), browseDirectory: browseDirectory, modelSurface: modelSurface, renderHarnessModelPicker: renderHarnessModelPicker, onSubmit: submit, onClose: () => { setOpen(false); }, t: t }))] }));
+    return (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: css.trigger, "aria-label": t('action.inviteAgent'), onClick: openDialog, children: t('action.inviteAgent') }), open && (_jsx(InviteDialog, { mode: "invite", providers: providers?.providers, presets: providers?.presets, sessionPreset: providers?.sessionPreset, localAgentAvailable: providers?.localAgentAvailable ?? true, inheritedCwd: roomCwd, existingNames: listNames(), browseDirectory: browseDirectory, modelSurface: modelSurface, renderHarnessModelPicker: renderHarnessModelPicker, onSubmit: submit, onClose: () => { setOpen(false); }, t: t }))] }));
 }

package/lib/types/client/InviteDialog.d.ts

@@ -14,8 +14,10 @@ import type { LocalAgentUi } from '@khorsheed/dsh-local-agent/client';
  * ▸ 高级设置 (role instructions + the member-level cwd, collapsed on invite —
  * editing opens it, since editing IS changing those). The model field sits in
  * the main form (promoted out of the drawer): the same control the provider
- * settings cards use. Invites retain a saved provider choice, otherwise the
- * shared picker chooses the first candidate. Edits retain member configuration.
+ * settings cards use, widened with the model's reasoning-effort row (a
+ * brokerless composition keeps the control model-only). Invites retain a
+ * saved provider choice, otherwise the shared picker chooses the first
+ * candidate. Edits retain member configuration.
  * Older cores without the shared picker keep the legacy default/input fallback.
  * The rest of the original
  * contract is unchanged: logged-out providers grey with login guidance (an
@@ -28,25 +30,41 @@ import type { LocalAgentUi } from '@khorsheed/dsh-local-agent/client';
  * edit mode diffs name/cwd/instructions/model.
  */
 import { type ReactNode } from 'react';
-import type { MembersViewProps, RoomInviteOutcome, RoomMutationOutcome } from './slots.ts';
-import type { RoomMember, RoomProviderInfo } from '../types.ts';
+import type { MembersViewProps, RoomInviteOutcome, RoomInviteValues, RoomMutationOutcome } from './slots.ts';
+import type { RoomMember, RoomPresetInfo, RoomProviderInfo } from '../types.ts';
 import type { LocalAgentModelInfo } from '@khorsheed/dsh-local-agent/types';
-/** The dialog's submit values (edit mode carries name/cwd/instructions/model). */
+/** The dialog's submit values (edit mode carries name/cwd/instructions/model/effort). */
 export interface InviteDialogSubmit {
     readonly provider: string;
     readonly name: string;
+    /** `native`: a DSH child agent composing `preset`; otherwise a CLI member of `provider`. */
+    readonly kind: 'cli' | 'native';
+    /** Native only: the chosen host preset ('' = the host default). */
+    readonly preset: string;
+    /** Short public role ('' = none). */
+    readonly role: string;
     readonly instructions: string;
     readonly cwd: string;
     readonly firstTask: string;
     /** The delegation's invite-time model ('' = follow the harness default). */
     readonly model: string;
+    /** The delegation's invite-time reasoning effort ('' = follow the harness default). */
+    readonly effort: string;
     /**
      * The model value the edit field opened with (the member's effective model
      * when the broker answered, else the journaled intent): the edit-mode diff
      * baseline — a save only touches the broker/journal when the value moved.
      */
     readonly modelBaseline: string;
+    /** The effort value the edit field opened with (the journaled intent), the edit-mode diff baseline. */
+    readonly effortBaseline: string;
 }
+/**
+ * The dialog's submission as the host's invite request: blank optional
+ * fields are omitted, not sent (the host rejects a present-but-blank role).
+ * Every invite entry (members tab, header action, fresh-room capsule) shares it.
+ */
+export declare function inviteRequest(values: InviteDialogSubmit): RoomInviteValues;
 export interface InviteDialogProps {
     readonly renderHarnessModelPicker?: LocalAgentUi['renderHarnessModelPicker'] | undefined;
     readonly memberConfiguration?: ReactNode | undefined;
@@ -55,6 +73,10 @@ export interface InviteDialogProps {
     readonly member?: RoomMember | undefined;
     /** The invitable providers; undefined while loading (invite mode). */
     readonly providers?: readonly RoomProviderInfo[] | undefined;
+    /** Host agent presets a native DSH member may compose; absent = no native option. */
+    readonly presets?: readonly RoomPresetInfo[] | undefined;
+    /** The room session's own mode: the default mode of a new member, native or CLI. */
+    readonly sessionPreset?: string | undefined;
     /** False = the delegation facade is absent (invite mode). */
     readonly localAgentAvailable: boolean;
     /** The room session's cwd (the empty-cwd placeholder, invite mode). */
@@ -86,5 +108,5 @@ export interface InviteDialogProps {
     readonly t: MembersViewProps['t'];
 }
 /** The invite/edit modal card. */
-export declare function InviteDialog({ mode, member, providers, localAgentAvailable, inheritedCwd, existingNames, browseDirectory, modelSurface, renderHarnessModelPicker, memberModel, memberConfiguration, onSubmit, onClose, t, }: InviteDialogProps): ReactNode;
+export declare function InviteDialog({ mode, member, providers, presets, sessionPreset, localAgentAvailable, inheritedCwd, existingNames, browseDirectory, modelSurface, renderHarnessModelPicker, memberModel, memberConfiguration, onSubmit, onClose, t, }: InviteDialogProps): ReactNode;
 //# sourceMappingURL=InviteDialog.d.ts.map

package/lib/types/client/InviteDialog.js

@@ -14,8 +14,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * ▸ 高级设置 (role instructions + the member-level cwd, collapsed on invite —
  * editing opens it, since editing IS changing those). The model field sits in
  * the main form (promoted out of the drawer): the same control the provider
- * settings cards use. Invites retain a saved provider choice, otherwise the
- * shared picker chooses the first candidate. Edits retain member configuration.
+ * settings cards use, widened with the model's reasoning-effort row (a
+ * brokerless composition keeps the control model-only). Invites retain a
+ * saved provider choice, otherwise the shared picker chooses the first
+ * candidate. Edits retain member configuration.
  * Older cores without the shared picker keep the legacy default/input fallback.
  * The rest of the original
  * contract is unchanged: logged-out providers grey with login guidance (an
@@ -28,18 +30,41 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * edit mode diffs name/cwd/instructions/model.
  */
 import { useEffect, useRef, useState } from 'react';
+/** The provider select's value for a native DSH member (never a delegation provider id). */
+const NATIVE = '__native__';
 import { IconChevronDownOutlineMedium } from './icons.js';
 import { MemberCard } from './MemberCard.js';
 import { rollName } from './name-pool.js';
+import { ROOM_ROLE_MAX } from '../journal.js';
 import css from './InviteDialog.module.css';
+/**
+ * The dialog's submission as the host's invite request: blank optional
+ * fields are omitted, not sent (the host rejects a present-but-blank role).
+ * Every invite entry (members tab, header action, fresh-room capsule) shares it.
+ */
+export function inviteRequest(values) {
+    return {
+        provider: values.provider,
+        name: values.name,
+        ...values.instructions === '' ? {} : { instructions: values.instructions },
+        ...values.role === '' ? {} : { role: values.role },
+        ...values.kind === 'native' ? { kind: 'native' } : {},
+        ...values.preset === '' ? {} : { preset: values.preset },
+        ...values.cwd === '' ? {} : { cwd: values.cwd },
+        ...values.firstTask === '' ? {} : { firstTask: values.firstTask },
+        ...values.model === '' ? {} : { model: values.model },
+        ...values.effort === '' ? {} : { effort: values.effort },
+    };
+}
 /** The addressing-name grammar (host-validated too; this is the precheck). */
 function validName(name) {
     return name !== '' && !/\s/.test(name) && !name.includes('@');
 }
 /** The invite/edit modal card. */
-export function InviteDialog({ mode, member, providers, localAgentAvailable, inheritedCwd, existingNames, browseDirectory, modelSurface, renderHarnessModelPicker, memberModel, memberConfiguration, onSubmit, onClose, t, }) {
+export function InviteDialog({ mode, member, providers, presets, sessionPreset, localAgentAvailable, inheritedCwd, existingNames, browseDirectory, modelSurface, renderHarnessModelPicker, memberModel, memberConfiguration, onSubmit, onClose, t, }) {
     const [provider, setProvider] = useState('');
     const [name, setName] = useState(member?.name ?? '');
+    const [role, setRole] = useState(member?.role ?? '');
     const [instructions, setInstructions] = useState(member?.instructions ?? '');
     const [cwd, setCwd] = useState(member?.cwd ?? '');
     const [firstTask, setFirstTask] = useState('');
@@ -47,6 +72,13 @@ export function InviteDialog({ mode, member, providers, localAgentAvailable, inh
     // replaces it when the memberModel read below answers.
     const [model, setModel] = useState(mode === 'edit' ? member?.model ?? '' : '');
     const [modelBaseline, setModelBaseline] = useState(mode === 'edit' ? member?.model ?? '' : '');
+    // The effort companion of the model field: '' = follow the harness default.
+    // Edit mode opens on the journaled intent (a live member's effective effort
+    // is the member-configuration card's business — it replaces this field).
+    const [effort, setEffort] = useState(mode === 'edit' ? member?.effort ?? '' : '');
+    // Read-only baseline: no broker read rewrites it (a live member's effort
+    // belongs to the member-configuration card that replaces this field).
+    const [effortBaseline] = useState(mode === 'edit' ? member?.effort ?? '' : '');
     /** The model row's surface: menu vocabulary + the default an unset field displays. */
     const [surface, setSurface] = useState(undefined);
     const [modelMenuOpen, setModelMenuOpen] = useState(false);
@@ -84,7 +116,17 @@ export function InviteDialog({ mode, member, providers, localAgentAvailable, inh
         return () => { document.removeEventListener('mousedown', onPointerDown); };
     }, [modelMenuOpen]);
     const authenticated = (providers ?? []).filter(entry => entry.authenticated);
-    const chosen = provider === '' ? (authenticated[0]?.provider ?? '') : provider;
+    const nativeAvailable = presets !== undefined;
+    const chosen = provider === '' ? (authenticated[0]?.provider ?? (nativeAvailable ? NATIVE : '')) : provider;
+    // Editing: the member's own kind, never the invite form's provider pick.
+    const native = mode === 'edit' ? member?.kind === 'native' : chosen === NATIVE;
+    // A new member works in the room's own mode unless the human picks another.
+    const roomMode = sessionPreset !== undefined && presets?.some(entry => entry.id === sessionPreset) === true ? sessionPreset : undefined;
+    const [preset, setPreset] = useState('');
+    const chosenPreset = preset === '' ? roomMode ?? presets?.find(entry => entry.isDefault)?.id ?? '' : preset;
+    /** A CLI member's mode: '' = none (only its own tools plus the room's); undefined = untouched (the room's mode). */
+    const [cliPicked, setCliPreset] = useState(undefined);
+    const cliPreset = cliPicked ?? roomMode ?? '';
     const someLoggedOut = (providers ?? []).some(entry => !entry.authenticated);
     /** The chosen provider's roster harness name (the harnessModel lookup key). */
     const chosenHarness = (providers ?? []).find(entry => entry.provider === chosen)?.harness;
@@ -92,8 +134,11 @@ export function InviteDialog({ mode, member, providers, localAgentAvailable, inh
     // broker read (or a composition without the family's client half) leaves
     // the field a plain text input — blank still follows the harness default.
     useEffect(() => {
+        // Edit mode's surface is the member's own (below): never reset it here.
+        if (mode !== 'invite')
+            return;
         setSurface(undefined);
-        if (mode !== 'invite' || modelSurface === undefined || chosenHarness === undefined)
+        if (modelSurface === undefined || chosenHarness === undefined)
             return;
         let cancelled = false;
         void modelSurface(chosenHarness).then((result) => {
@@ -128,7 +173,7 @@ export function InviteDialog({ mode, member, providers, localAgentAvailable, inh
     // is the only hard requirement.
     const canSubmit = mode === 'edit'
         ? validName(name)
-        : localAgentAvailable && chosen !== '' && validName(name);
+        : (native || localAgentAvailable) && chosen !== '' && validName(name);
     // The model row: the same control the provider settings cards use. An unset
     // field DISPLAYS the provider's current default dimmed (inherited, never
     // pinned); the chevron menu leads with the 默认 item (picking it clears the
@@ -150,13 +195,21 @@ export function InviteDialog({ mode, member, providers, localAgentAvailable, inh
     const previewName = name.trim() === '' ? t('invite.previewName') : name.trim();
     const previewProvider = mode === 'edit'
         ? member?.provider
-        : (providers ?? []).find(entry => entry.provider === chosen)?.displayName ?? chosen;
-    const previewMember = {
+        : native ? 'dsh' : (providers ?? []).find(entry => entry.provider === chosen)?.displayName ?? chosen;
+    const previewMember = mode === 'edit' && member !== undefined ? (({ instructions: _i, role: _r, ...rest }) => ({
+        ...rest,
+        name: previewName,
+        ...instructions.trim() === '' ? {} : { instructions: instructions.trim() },
+        ...role.trim() === '' ? {} : { role: role.trim() },
+    }))(member) : {
         name: previewName,
-        kind: 'cli',
+        kind: native ? 'native' : 'cli',
+        ...native && chosenPreset !== '' ? { preset: chosenPreset } : {},
+        ...!native && cliPreset !== '' ? { preset: cliPreset } : {},
         invitedBy: 'human',
         ...previewProvider === undefined || previewProvider === '' ? {} : { provider: previewProvider },
         ...instructions.trim() === '' ? {} : { instructions: instructions.trim() },
+        ...role.trim() === '' ? {} : { role: role.trim() },
     };
     const rollDice = () => {
         const rolled = rollName(existingNames, name);
@@ -193,8 +246,8 @@ export function InviteDialog({ mode, member, providers, localAgentAvailable, inh
         setError(null);
         try {
             const outcome = await onSubmit({
-                provider: chosen, name, instructions: instructions.trim(), cwd: cwd.trim(), firstTask: firstTask.trim(),
-                model: model.trim(), modelBaseline,
+                provider: native ? 'dsh' : chosen, kind: native ? 'native' : 'cli', preset: native ? chosenPreset : cliPreset, name, role: role.trim(), instructions: instructions.trim(), cwd: cwd.trim(), firstTask: firstTask.trim(),
+                model: model.trim(), modelBaseline, effort: effort.trim(), effortBaseline,
             });
             if (!outcome.ok) {
                 setError(outcome.message);
@@ -212,5 +265,16 @@ export function InviteDialog({ mode, member, providers, localAgentAvailable, inh
     return (_jsx("div", { className: css.overlay, role: "presentation", onMouseDown: (event) => {
             if (event.target === event.currentTarget)
                 onClose();
-        }, children: _jsxs("div", { className: css.card, role: "dialog", "aria-modal": "true", onKeyDown: onCardKeyDown, children: [_jsx("div", { className: css.title, children: mode === 'invite' ? t('invite.title') : t('invite.title.edit', { member: member?.name ?? '' }) }), _jsxs("div", { className: css.body, children: [_jsxs("div", { className: css.form, children: [mode === 'invite' && (!localAgentAvailable ? (_jsx("div", { className: css.hint, role: "status", children: t('invite.facadeMissing') })) : (_jsxs("label", { className: css.field, children: [_jsx("span", { className: css.label, children: t('invite.provider') }), _jsx("select", { className: css.select, value: chosen, onChange: event => { setProvider(event.target.value); setModel(''); }, children: (providers ?? []).map(entry => (_jsxs("option", { value: entry.provider, disabled: !entry.authenticated, children: [entry.displayName, entry.authenticated ? '' : t('invite.loggedOut')] }, entry.provider))) }), someLoggedOut && _jsx("span", { className: css.hint, children: t('invite.loginHint') })] }))), memberConfiguration ?? (chosenHarness !== undefined && (modelSurface === undefined || surface !== undefined) ? renderHarnessModelPicker?.(chosenHarness, { value: model, onChange: setModel, disabled: busy }) : undefined) ?? modelField, _jsxs("label", { className: css.field, children: [_jsx("span", { className: css.label, children: t('invite.name') }), _jsxs("span", { className: css.nameRow, children: [_jsx("input", { className: css.input, value: name, placeholder: "ada", onChange: event => { setName(event.target.value); } }), _jsx("button", { type: "button", className: css.dice, title: t('invite.randomName'), "aria-label": t('invite.randomName'), onClick: rollDice, children: "\uD83C\uDFB2" })] }), _jsx("span", { className: css.hint, children: t('invite.nameHint') })] }), mode === 'invite' && (_jsxs("label", { className: css.field, children: [_jsx("span", { className: css.label, children: t('invite.firstTask') }), _jsx("textarea", { className: css.textarea, rows: 2, value: firstTask, onChange: event => { setFirstTask(event.target.value); } }), _jsx("span", { className: css.hint, children: t('invite.firstTaskHint') })] })), _jsxs("details", { className: css.advanced, open: advancedOpen, onToggle: (event) => { setAdvancedOpen(event.currentTarget.open); }, children: [_jsx("summary", { className: css.advancedSummary, children: t('invite.advanced') }), _jsxs("div", { className: css.advancedBody, children: [_jsxs("label", { className: css.field, children: [_jsx("span", { className: css.label, children: t('invite.instructions') }), _jsx("textarea", { className: css.textarea, rows: 3, value: instructions, placeholder: t('invite.instructionsPlaceholder'), onChange: event => { setInstructions(event.target.value); } }), _jsx("span", { className: css.hint, children: mode === 'edit' ? t('invite.instructionsHintEdit') : t('invite.instructionsHint') })] }), _jsxs("label", { className: css.field, children: [_jsx("span", { className: css.label, children: t('invite.cwd') }), _jsxs("span", { className: css.cwdRow, children: [_jsx("input", { className: css.input, value: cwd, placeholder: inheritedCwd ?? '', readOnly: true, "aria-label": t('invite.cwd') }), _jsx("button", { type: "button", className: css.browse, disabled: browsing, onClick: () => { void browse(); }, children: t('invite.browse') }), cwd !== '' && (_jsx("button", { type: "button", className: css.browse, "aria-label": t('invite.cwdReset'), onClick: () => { setCwd(''); }, children: "\u2715" }))] }), _jsx("span", { className: css.hint, children: t('invite.cwdHint') })] })] })] })] }), _jsxs("div", { className: css.previewCol, children: [_jsx("span", { className: css.previewLabel, children: t('invite.preview') }), _jsx(MemberCard, { preview: true, member: previewMember, run: undefined, elapsedMs: undefined, openSession: () => { }, onEdit: () => { }, onRemove: () => { }, t: t })] })] }), error !== null && _jsx("div", { className: css.error, role: "alert", children: error }), _jsxs("div", { className: css.buttons, children: [_jsx("button", { type: "button", className: css.button, onClick: onClose, children: t('invite.cancel') }), _jsx("button", { type: "button", className: css.primary, disabled: !canSubmit || busy, onClick: () => { void submit(); }, children: mode === 'invite' ? t('invite.submit') : t('invite.save') })] })] }) }));
+        }, children: _jsxs("div", { className: css.card, "data-mode": mode, role: "dialog", "aria-modal": "true", onKeyDown: onCardKeyDown, children: [_jsx("div", { className: css.title, children: mode === 'invite' ? t('invite.title') : t('invite.title.edit', { member: member?.name ?? '' }) }), _jsxs("div", { className: css.body, children: [_jsxs("div", { className: css.form, children: [mode === 'invite' && (!localAgentAvailable && !nativeAvailable ? (_jsx("div", { className: css.hint, role: "status", children: t('invite.facadeMissing') })) : (_jsxs("label", { className: css.field, children: [_jsx("span", { className: css.label, children: t('invite.provider') }), _jsxs("select", { className: css.select, value: chosen, onChange: event => { setProvider(event.target.value); setModel(''); setEffort(''); }, children: [nativeAvailable && _jsx("option", { value: NATIVE, children: t('invite.native') }), localAgentAvailable && (providers ?? []).map(entry => (_jsxs("option", { value: entry.provider, disabled: !entry.authenticated, children: [entry.displayName, entry.authenticated ? '' : t('invite.loggedOut')] }, entry.provider)))] }), !native && someLoggedOut && _jsx("span", { className: css.hint, children: t('invite.loginHint') }), native && _jsx("span", { className: css.hint, children: t('invite.nativeHint') })] }))), mode === 'invite' && presets !== undefined && presets.length > 0 && (native || localAgentAvailable) && (_jsxs("label", { className: css.field, children: [_jsx("span", { className: css.label, children: t('invite.cliPreset') }), _jsxs("select", { className: css.select, "aria-label": t('invite.cliPreset'), value: native ? chosenPreset : cliPreset, onChange: event => { if (native)
+                                                setPreset(event.target.value);
+                                            else
+                                                setCliPreset(event.target.value); }, children: [!native && _jsx("option", { value: "", children: t('invite.cliPresetNone') }), presets.map(entry => (_jsx("option", { value: entry.id, disabled: entry.broken !== undefined, title: entry.broken ?? entry.description, children: entry.name ?? entry.id }, entry.id)))] }), _jsx("span", { className: css.hint, children: (() => {
+                                                const picked = presets.find(entry => entry.id === (native ? chosenPreset : cliPreset));
+                                                const about = picked?.broken ?? picked?.description;
+                                                return [about, t(native ? 'invite.presetHint' : 'invite.cliPresetHint')].filter(Boolean).join(' · ');
+                                            })() })] })), mode === 'edit' && _jsxs("div", { className: css.editHead, children: [_jsx(MemberCard, { preview: true, member: previewMember, run: undefined, elapsedMs: undefined, openSession: () => { }, onEdit: () => { }, onRemove: () => { }, t: t }), _jsxs("dl", { className: css.locked, children: [_jsxs("div", { children: [_jsx("dt", { children: t('invite.provider') }), _jsx("dd", { children: member?.kind === 'main-agent' || member?.kind === 'native' ? 'DSH' : member?.provider ?? '—' })] }), _jsxs("div", { children: [_jsx("dt", { children: t('invite.cliPreset') }), _jsx("dd", { children: member?.preset === undefined
+                                                                ? t('invite.cliPresetNone')
+                                                                : presets?.find(entry => entry.id === member.preset)?.name ?? member.preset })] }), _jsx("span", { className: css.lockedNote, children: t('invite.lockedNote') })] })] }), native ? null : mode === 'edit' && memberConfiguration !== undefined
+                                    ? _jsxs("div", { className: css.field, children: [_jsx("span", { className: css.label, children: t('invite.modelLabel') }), memberConfiguration] })
+                                    : memberConfiguration ?? (mode === 'invite' && chosenHarness !== undefined && (modelSurface === undefined || surface !== undefined) ? renderHarnessModelPicker?.(chosenHarness, { value: model, onChange: setModel, effort: { value: effort, onChange: setEffort }, disabled: busy, fields: { row: css.fieldPair, field: css.field, label: css.label, select: css.select } }) : undefined) ?? modelField, _jsxs("label", { className: css.field, children: [_jsx("span", { className: css.label, children: t('invite.name') }), _jsxs("span", { className: css.nameRow, children: [_jsx("input", { className: css.input, value: name, placeholder: "ada", onChange: event => { setName(event.target.value); } }), _jsx("button", { type: "button", className: css.dice, title: t('invite.randomName'), "aria-label": t('invite.randomName'), onClick: rollDice, children: "\uD83C\uDFB2" })] }), _jsx("span", { className: css.hint, children: t('invite.nameHint') })] }), _jsxs("label", { className: css.field, children: [_jsx("span", { className: css.label, children: t('invite.role') }), _jsx("input", { className: css.input, value: role, maxLength: ROOM_ROLE_MAX, placeholder: t('invite.rolePlaceholder'), onChange: event => { setRole(event.target.value); } }), _jsx("span", { className: css.hint, children: t('invite.roleHint') })] }), mode === 'invite' && (_jsxs("label", { className: css.field, children: [_jsx("span", { className: css.label, children: t('invite.firstTask') }), _jsx("textarea", { className: css.textarea, rows: 2, value: firstTask, onChange: event => { setFirstTask(event.target.value); } }), _jsx("span", { className: css.hint, children: t('invite.firstTaskHint') })] })), _jsxs("details", { className: css.advanced, open: advancedOpen, onToggle: (event) => { setAdvancedOpen(event.currentTarget.open); }, children: [_jsx("summary", { className: css.advancedSummary, children: t('invite.advanced') }), _jsxs("div", { className: css.advancedBody, children: [_jsxs("label", { className: css.field, children: [_jsx("span", { className: css.label, children: t('invite.instructions') }), _jsx("textarea", { className: css.textarea, rows: 3, value: instructions, placeholder: t('invite.instructionsPlaceholder'), onChange: event => { setInstructions(event.target.value); } }), _jsx("span", { className: css.hint, children: mode === 'edit' ? t('invite.instructionsHintEdit') : t('invite.instructionsHint') })] }), _jsxs("label", { className: css.field, children: [_jsx("span", { className: css.label, children: t('invite.cwd') }), _jsxs("span", { className: css.cwdRow, children: [_jsx("input", { className: css.input, value: cwd, placeholder: inheritedCwd ?? '', readOnly: true, "aria-label": t('invite.cwd') }), _jsx("button", { type: "button", className: css.browse, disabled: browsing, onClick: () => { void browse(); }, children: t('invite.browse') }), cwd !== '' && (_jsx("button", { type: "button", className: css.browse, "aria-label": t('invite.cwdReset'), onClick: () => { setCwd(''); }, children: "\u2715" }))] }), _jsx("span", { className: css.hint, children: t('invite.cwdHint') })] })] })] })] }), mode === 'invite' && _jsxs("div", { className: css.previewCol, children: [_jsx("span", { className: css.previewLabel, children: t('invite.preview') }), _jsx(MemberCard, { preview: true, member: previewMember, run: undefined, elapsedMs: undefined, openSession: () => { }, onEdit: () => { }, onRemove: () => { }, t: t })] })] }), error !== null && _jsx("div", { className: css.error, role: "alert", children: error }), _jsxs("div", { className: css.buttons, children: [_jsx("button", { type: "button", className: css.button, onClick: onClose, children: t('invite.cancel') }), _jsx("button", { type: "button", className: css.primary, disabled: !canSubmit || busy, onClick: () => { void submit(); }, children: mode === 'invite' ? t('invite.submit') : t('invite.save') })] })] }) }));
 }

package/lib/types/client/MemberCard.d.ts

@@ -9,7 +9,11 @@ import { type ReactNode } from 'react';
 import type { RoomMember, RoomMemberRun } from '../types.ts';
 import type { MembersViewProps } from './slots.ts';
 /** One roster card: identity, avatar block, role, status chip, actions. */
-export declare function MemberCard({ member, run, elapsedMs, openSession, onEdit, onRemove, t, modelHint, coordinator, onPromote, preview, }: {
+export declare function MemberCard({ member, run, elapsedMs, openSession, onEdit, onRemove, t, modelHint, coordinator, onPromote, preview, removal, onLocate, }: {
+    /** Reveal this member in the team page. */
+    readonly onLocate?: (() => void) | undefined;
+    /** The open removal confirmation, rendered inside the card. */
+    readonly removal?: ReactNode;
     readonly coordinator?: boolean;
     readonly onPromote?: (() => void) | undefined;
     readonly member: RoomMember;

package/lib/types/client/MemberCard.js

@@ -11,7 +11,7 @@ import { formatDurationMs } from './format.js';
 import { memberColor } from './member-color.js';
 import css from './MembersView.module.css';
 /** One roster card: identity, avatar block, role, status chip, actions. */
-export function MemberCard({ member, run, elapsedMs, openSession, onEdit, onRemove, t, modelHint, coordinator = false, onPromote, preview = false, }) {
+export function MemberCard({ member, run, elapsedMs, openSession, onEdit, onRemove, t, modelHint, coordinator = false, onPromote, preview = false, removal, onLocate, }) {
     const [expanded, setExpanded] = useState(false);
     const [overflowing, setOverflowing] = useState(false);
     const instructionsRef = useRef(null);
@@ -26,7 +26,7 @@ export function MemberCard({ member, run, elapsedMs, openSession, onEdit, onRemo
     const child = member.childSessionId;
     const running = run?.state === 'running';
     const failed = run?.state === 'failed';
-    return (_jsxs("div", { className: css.card, "data-member": member.name, children: [_jsxs("div", { className: css.head, children: [_jsx("span", { className: css.avatarTile, style: preview ? undefined : { '--member-color': color }, "aria-hidden": true, children: member.name.slice(0, 1).toUpperCase() }), _jsxs("span", { className: css.identity, children: [_jsx("span", { className: css.name, children: member.name }), coordinator && _jsx("span", { className: css.hint, children: t('coordinator.label') }), _jsxs("span", { className: css.hint, children: [member.kind === 'main-agent' ? t('member.kind.main') : member.provider ?? '', modelHint !== undefined && modelHint !== '' && _jsxs(_Fragment, { children: [' · ', modelHint] })] })] }), running ? (_jsx("button", { type: "button", className: css.chipRunning, title: t('speech.jump'), disabled: child === undefined, onClick: () => { if (child !== undefined)
-                            openSession(child); }, children: `${t('members.status.running')} · ${formatDurationMs(elapsedMs ?? 0)}` })) : (_jsx("span", { className: failed ? css.chipFailed : css.chipIdle, children: failed ? t('members.status.failed') : t('members.status.idle') }))] }), member.kind === 'cli' && (member.instructions === undefined ? (_jsx("p", { className: css.instructionsEmpty, children: t('members.instructions.empty') })) : (_jsxs("div", { className: css.instructionsBlock, children: [_jsx("p", { ref: instructionsRef, className: expanded ? css.instructionsExpanded : css.instructions, title: expanded ? undefined : member.instructions, children: member.instructions }), (overflowing || expanded) && (_jsx("button", { type: "button", className: css.expandToggle, onClick: () => { setExpanded(value => !value); }, children: expanded ? t('members.instructions.collapse') : t('members.instructions.expand') }))] }))), !preview && (_jsxs("div", { className: css.foot, children: [!coordinator && onPromote !== undefined && _jsx("button", { type: "button", className: css.action, disabled: running, onClick: onPromote, children: t('coordinator.promote') }), member.kind === 'cli' && (_jsxs("span", { className: css.actions, children: [_jsx("button", { type: "button", className: css.action, disabled: child === undefined, onClick: () => { if (child !== undefined)
-                                    openSession(child); }, children: t('members.trajectory') }), _jsx("button", { type: "button", className: css.action, onClick: onEdit, children: t('members.edit') }), _jsx("button", { type: "button", className: css.action, disabled: coordinator, onClick: onRemove, children: t('members.remove') })] }))] }))] }));
+    return (_jsxs("div", { className: css.card, "data-member": member.name, children: [_jsxs("div", { className: css.head, children: [_jsx("span", { className: css.avatarTile, style: preview ? undefined : { '--member-color': color }, "aria-hidden": true, children: member.name.slice(0, 1).toUpperCase() }), _jsxs("span", { className: css.identity, children: [_jsxs("span", { className: css.nameRow, children: [_jsx("span", { className: css.name, children: member.name }), member.role !== undefined && _jsx("span", { className: css.role, children: member.role })] }), coordinator && _jsx("span", { className: css.hint, children: t('coordinator.label') }), _jsxs("span", { className: css.hint, children: [member.kind === 'main-agent' ? t('member.kind.main') : member.kind === 'native' ? t('member.kind.native', { preset: member.preset ?? t('member.kind.defaultPreset') }) : member.provider ?? '', modelHint !== undefined && modelHint !== '' && _jsxs(_Fragment, { children: [' · ', modelHint] })] })] }), running ? (_jsx("button", { type: "button", className: css.chipRunning, title: t('speech.jump'), disabled: child === undefined, onClick: () => { if (child !== undefined)
+                            openSession(child); }, children: `${t('members.status.running')} · ${formatDurationMs(elapsedMs ?? 0)}` })) : (_jsx("span", { className: failed ? css.chipFailed : css.chipIdle, children: failed ? t('members.status.failed') : t('members.status.idle') }))] }), member.kind !== 'main-agent' && (member.instructions === undefined ? (_jsx("p", { className: css.instructionsEmpty, children: t('members.instructions.empty') })) : (_jsxs("div", { className: css.instructionsBlock, children: [_jsx("p", { ref: instructionsRef, className: expanded ? css.instructionsExpanded : css.instructions, title: expanded ? undefined : member.instructions, children: member.instructions }), (overflowing || expanded) && (_jsx("button", { type: "button", className: css.expandToggle, onClick: () => { setExpanded(value => !value); }, children: expanded ? t('members.instructions.collapse') : t('members.instructions.expand') }))] }))), !preview && (_jsxs("div", { className: css.foot, children: [!coordinator && onPromote !== undefined && _jsx("button", { type: "button", className: css.action, disabled: running, onClick: onPromote, children: t('coordinator.promote') }), member.kind === 'main-agent' && onLocate !== undefined && (_jsx("span", { className: css.actions, children: _jsx("button", { type: "button", className: css.action, onClick: onLocate, children: t('team.locate') }) })), member.kind !== 'main-agent' && (_jsxs("span", { className: css.actions, children: [onLocate !== undefined && _jsx("button", { type: "button", className: css.action, onClick: onLocate, children: t('team.locate') }), _jsx("button", { type: "button", className: css.action, disabled: child === undefined, onClick: () => { if (child !== undefined)
+                                    openSession(child); }, children: t('members.trajectory') }), _jsx("button", { type: "button", className: css.action, onClick: onEdit, children: t('members.edit') }), _jsx("button", { type: "button", className: removal === undefined ? css.action : `${css.action} ${css.removeOpen}`, "aria-expanded": removal !== undefined, onClick: onRemove, children: t('members.remove') })] }))] })), removal] }));
 }

package/lib/types/client/MembersView.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
 import type { MembersViewProps } from './slots.ts';
 /** The members tab. */
-export declare function MembersView({ sessionId, roomStore, roomCwd, openSession, removeMember, updateMember, invite, listProviders, browseDirectory, modelSurface, renderHarnessModelPicker, memberModel, setMemberModel, renderMemberConfiguration, modelDirectory, setCoordinator, t, }: MembersViewProps): ReactNode;
+export declare function MembersView({ sessionId, roomStore, roomCwd, openSession, removeMember, restoreMember, setSettings, openTeam, unlinkSession, updateMember, invite, listProviders, browseDirectory, modelSurface, renderHarnessModelPicker, memberModel, setMemberModel, renderMemberConfiguration, modelDirectory, setCoordinator, t, }: MembersViewProps): ReactNode;
 //# sourceMappingURL=MembersView.d.ts.map

package/lib/types/client/MembersView.js

@@ -12,12 +12,15 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
  * elapsed honest). The main-agent member takes no instructions and cannot be
  * removed — it is the room itself.
  */
-import { coordinatorMember } from '../journal.js';
+import { coordinatorMember, DEFAULT_ROOM_SETTINGS } from '../journal.js';
+import { RoomSettingsView } from './RoomSettingsView.js';
 import { useEffect, useState, useSyncExternalStore } from 'react';
+import { memberColor } from './member-color.js';
 import { Button } from '@deepseek-ai/dsh-client-ui-primitives';
 import { IconAgentPresetOutlineMedium } from './icons.js';
+import { RemoveMemberConfirm, removalImpact } from './RemoveMemberConfirm.js';
 import { MemberCard } from './MemberCard.js';
-import { InviteDialog } from './InviteDialog.js';
+import { InviteDialog, inviteRequest } from './InviteDialog.js';
 import css from './MembersView.module.css';
 /**
  * The main-agent card's model hint: the session's current selection from the
@@ -34,7 +37,7 @@ function MainAgentModelHint({ directory }) {
     return _jsx(_Fragment, { children: choice?.model.name ?? `${state.current.provider}/${state.current.model}` });
 }
 /** The members tab. */
-export function MembersView({ sessionId, roomStore, roomCwd, openSession, removeMember, updateMember, invite, listProviders, browseDirectory, modelSurface, renderHarnessModelPicker, memberModel, setMemberModel, renderMemberConfiguration, modelDirectory, setCoordinator, t, }) {
+export function MembersView({ sessionId, roomStore, roomCwd, openSession, removeMember, restoreMember, setSettings, openTeam, unlinkSession, updateMember, invite, listProviders, browseDirectory, modelSurface, renderHarnessModelPicker, memberModel, setMemberModel, renderMemberConfiguration, modelDirectory, setCoordinator, t, }) {
     // Entering the tab pulls the freshest state once.
     useEffect(() => { void roomStore.refresh(sessionId); }, [roomStore, sessionId]);
     const state = useSyncExternalStore(roomStore.subscribe, () => roomStore.getCached(sessionId));
@@ -42,6 +45,16 @@ export function MembersView({ sessionId, roomStore, roomCwd, openSession, remove
     const [providers, setProviders] = useState(undefined);
     const [notice, setNotice] = useState(null);
     const [error, setError] = useState(null);
+    /** The card whose removal confirmation is open. */
+    const [removing, setRemoving] = useState(null);
+    /** The last removal, offered for undo for a few seconds. */
+    const [removed, setRemoved] = useState(null);
+    useEffect(() => {
+        if (removed === null)
+            return undefined;
+        const timer = setTimeout(() => { setRemoved(null); }, 5000);
+        return () => { clearTimeout(timer); };
+    }, [removed]);
     /** The CLI members' effective models, keyed by member name (the cards' hints). */
     const [memberModels, setMemberModels] = useState(new Map());
     const anyRunning = state?.runs.some(run => run.state === 'running') ?? false;
@@ -82,7 +95,7 @@ export function MembersView({ sessionId, roomStore, roomCwd, openSession, remove
     const openInvite = () => {
         setProviders(undefined);
         setDialog({ mode: 'invite' });
-        void listProviders().then(setProviders);
+        void listProviders(sessionId).then(setProviders);
     };
     const submitDialog = async (values) => {
         if (dialog === null)
@@ -95,8 +108,12 @@ export function MembersView({ sessionId, roomStore, roomCwd, openSession, remove
             const name = values.name.trim();
             const cwd = values.cwd.trim();
             const instructions = values.instructions.trim();
+            const role = values.role.trim();
             const model = values.model.trim();
-            const modelChanged = model !== values.modelBaseline.trim() && !(member.childSessionId !== undefined && renderMemberConfiguration !== undefined);
+            const effort = values.effort.trim();
+            const configurationOwned = member.childSessionId !== undefined && renderMemberConfiguration !== undefined;
+            const modelChanged = model !== values.modelBaseline.trim() && !configurationOwned;
+            const effortChanged = effort !== values.effortBaseline.trim() && !configurationOwned;
             if (modelChanged && member.childSessionId !== undefined) {
                 if (setMemberModel === undefined)
                     return { ok: false, message: t('invite.error.generic') };
@@ -114,23 +131,18 @@ export function MembersView({ sessionId, roomStore, roomCwd, openSession, remove
                 ...instructions !== (member.instructions ?? '')
                     ? { instructions: instructions === '' ? null : instructions }
                     : {},
+                ...role !== (member.role ?? '') ? { role: role === '' ? null : role } : {},
                 // The journaled intent: the first dispatch binds it for a never-
                 // started member (the broker call above is a no-op there — no
-                // delegation record — so this value alone carries the edit).
+                // delegation record — so this value alone carries the edit). Effort
+                // rides the same rule; a started member's effort belongs to the
+                // member-configuration card that replaces these fields outright.
                 ...modelChanged && member.childSessionId === undefined ? { model: model === '' ? null : model } : {},
+                ...effortChanged && member.childSessionId === undefined ? { effort: effort === '' ? null : effort } : {},
             };
             return Object.keys(patch).length === 0 ? { ok: true } : updateMember(member.name, patch);
         }
-        const outcome = await invite({
-            provider: values.provider,
-            name: values.name,
-            // Blank instructions are omitted, not sent: the host rejects a
-            // present-but-blank role, and an absent one simply carries no preset.
-            ...values.instructions === '' ? {} : { instructions: values.instructions },
-            ...values.cwd === '' ? {} : { cwd: values.cwd },
-            ...values.firstTask === '' ? {} : { firstTask: values.firstTask },
-            ...values.model === '' ? {} : { model: values.model },
-        });
+        const outcome = await invite(inviteRequest(values));
         if (outcome.ok) {
             flash(outcome.pendingFirstTask
                 ? t('invite.success.task', { member: values.name })
@@ -139,13 +151,32 @@ export function MembersView({ sessionId, roomStore, roomCwd, openSession, remove
         return outcome;
     };
     const remove = async (member) => {
-        if (!window.confirm(t('members.removeConfirm', { member: member.name })))
-            return;
         const outcome = await removeMember(member.name);
+        setRemoving(null);
+        if (!outcome.ok) {
+            setError(outcome.message);
+            return;
+        }
+        setError(null);
+        setRemoved(outcome.value);
+    };
+    const undo = async () => {
+        if (removed === null)
+            return;
+        const name = removed.name;
+        setRemoved(null);
+        const outcome = await restoreMember(name);
         if (!outcome.ok)
             setError(outcome.message);
     };
-    const dialogNode = dialog !== null && (_jsx(InviteDialog, { mode: dialog.mode, member: dialog.mode === 'edit' ? dialog.member : undefined, providers: providers?.providers, localAgentAvailable: providers?.localAgentAvailable ?? true, inheritedCwd: roomCwd, existingNames: (state?.members ?? []).map(entry => entry.name), browseDirectory: browseDirectory, modelSurface: modelSurface, renderHarnessModelPicker: renderHarnessModelPicker, memberModel: memberModel, memberConfiguration: dialog.mode === 'edit' && dialog.member.childSessionId !== undefined ? renderMemberConfiguration?.(dialog.member.childSessionId) : undefined, onSubmit: submitDialog, onClose: () => { setDialog(null); }, t: t }));
+    /** The undo line: what the removal did, in one sentence. */
+    const removedSummary = (value) => [
+        t('remove.done', { member: value.name }),
+        ...value.stopped ? [t('remove.done.stopped')] : [],
+        ...value.cancelledDeliveries > 0 ? [t('remove.done.queued', { count: value.cancelledDeliveries })] : [],
+        ...value.notified.length > 0 ? [t('remove.done.notified', { members: value.notified.join('、') })] : [],
+    ].join(t('remove.done.sep'));
+    const dialogNode = dialog !== null && (_jsx(InviteDialog, { mode: dialog.mode, member: dialog.mode === 'edit' ? dialog.member : undefined, providers: providers?.providers, presets: providers?.presets, sessionPreset: providers?.sessionPreset, localAgentAvailable: providers?.localAgentAvailable ?? true, inheritedCwd: roomCwd, existingNames: (state?.members ?? []).map(entry => entry.name), browseDirectory: browseDirectory, modelSurface: modelSurface, renderHarnessModelPicker: renderHarnessModelPicker, memberModel: memberModel, memberConfiguration: dialog.mode === 'edit' && dialog.member.childSessionId !== undefined ? renderMemberConfiguration?.(dialog.member.childSessionId) : undefined, onSubmit: submitDialog, onClose: () => { setDialog(null); }, t: t }));
     // A plain session gets the centered guide state (the official empty-state
     // shape: glyph → title → one-line explainer → primary action) instead of
     // the bare "not a room": inviting an agent IS the promotion (the header
@@ -155,14 +186,19 @@ export function MembersView({ sessionId, roomStore, roomCwd, openSession, remove
     }
     if (state === undefined)
         return null;
-    return (_jsxs("div", { className: css.members, children: [_jsxs("div", { className: css.grid, children: [state.members.map((member) => {
+    return (_jsxs("div", { className: css.members, children: [_jsx(RoomSettingsView, { settings: state.settings ?? DEFAULT_ROOM_SETTINGS, onChange: setSettings, t: t }), _jsxs("div", { className: css.toolbar, children: [_jsx("span", { className: css.count, children: t('members.count', { count: state.members.length }) }), state.runs.some(run => run.state === 'running') && (_jsx("span", { className: css.hint, children: t('members.runningCount', { count: state.runs.filter(run => run.state === 'running').length }) })), openTeam !== undefined && (_jsx("button", { type: "button", className: css.teamButton, onClick: () => { openTeam(); }, children: t('team.open') }))] }), _jsxs("div", { className: css.grid, children: [state.members.map((member) => {
                         const run = state.runs.find(entry => entry.member === member.name);
                         const running = run?.state === 'running';
                         return (_jsx(MemberCard, { coordinator: coordinatorMember(state)?.name === member.name, onPromote: setCoordinator === undefined || member.id === undefined ? undefined : () => {
                                 void setCoordinator(member.id, state.coordinator?.revision ?? 0).then(outcome => { if (!outcome.ok)
                                     setError(outcome.message); });
-                            }, member: member, run: run, elapsedMs: running ? Date.now() - (run?.startedAt ?? Date.now()) : undefined, openSession: openSession, onEdit: () => { setDialog({ mode: 'edit', member }); }, onRemove: () => { void remove(member); }, modelHint: member.kind === 'main-agent'
+                            }, member: member, run: run, elapsedMs: running ? Date.now() - (run?.startedAt ?? Date.now()) : undefined, openSession: openSession, onEdit: () => {
+                                setDialog({ mode: 'edit', member });
+                                // The edit dialog names the member's (locked) mode.
+                                if (providers === undefined)
+                                    void listProviders(sessionId).then(setProviders);
+                            }, onLocate: openTeam === undefined ? undefined : () => { openTeam(member.name); }, onRemove: () => { setRemoving(current => current === member.name ? null : member.name); }, removal: removing === member.name ? (_jsx(RemoveMemberConfirm, { member: member, impact: removalImpact(state, member), coordinator: coordinatorMember(state)?.name === member.name, onConfirm: () => remove(member), onCancel: () => { setRemoving(null); }, t: t })) : undefined, modelHint: member.kind === 'main-agent'
                                 ? (modelDirectory !== undefined ? _jsx(MainAgentModelHint, { directory: modelDirectory }) : undefined)
                                 : memberModels.get(member.name), t: t }, member.id ?? member.name));
-                    }), _jsx("button", { type: "button", className: css.invite, onClick: openInvite, children: t('members.invite') })] }), notice !== null && _jsx("div", { className: css.notice, role: "status", children: notice }), error !== null && _jsx("div", { className: css.error, role: "alert", children: error }), dialogNode] }));
+                    }), _jsx("button", { type: "button", className: css.invite, onClick: openInvite, children: t('members.invite') })] }), (state.linked?.length ?? 0) > 0 && (_jsxs("section", { className: css.linked, "aria-label": t('members.linked'), children: [_jsx("span", { className: css.count, children: t('members.linked') }), state.linked.map(entry => (_jsxs("div", { className: css.linkedRow, children: [_jsx("span", { className: css.linkedAvatar, style: { '--member-color': memberColor(entry.title) }, "aria-hidden": true, children: entry.title.slice(0, 1) }), _jsx("span", { className: css.linkedName, children: entry.title }), _jsx("span", { className: css.linkedTag, children: t('team.external.linked') }), _jsx("button", { type: "button", className: css.linkedAction, onClick: () => { openSession(entry.sessionId); }, children: t('members.linkedOpen') }), unlinkSession !== undefined && (_jsx("button", { type: "button", className: css.linkedAction, onClick: () => { unlinkSession(entry.sessionId); }, children: t('team.external.unlink') }))] }, entry.sessionId)))] })), removed !== null && (_jsxs("div", { className: css.undo, role: "status", children: [_jsx("span", { children: removedSummary(removed) }), _jsx("button", { type: "button", onClick: () => { void undo(); }, children: t('remove.undo') })] })), notice !== null && _jsx("div", { className: css.notice, role: "status", children: notice }), error !== null && _jsx("div", { className: css.error, role: "alert", children: error }), dialogNode] }));
 }

package/lib/types/client/RemoveMemberConfirm.d.ts

@@ -0,0 +1,40 @@
+/**
+ * The in-card removal confirmation: replaces the browser's native confirm
+ * with a layer anchored on the member's own card that states what removing
+ * THIS member will actually do — stop its running round, cancel its queued
+ * messages, tell whoever waits for its
+ * report — and then does exactly that (RoomService.removeMember). An idle
+ * member with nothing pending gets one sentence. The current coordinator
+ * cannot be removed: the layer says why and how instead of offering a
+ * button that would only fail. Esc and an outside click cancel; focus opens
+ * on 取消 so a stray Enter never removes anyone.
+ */
+import { type ReactNode } from 'react';
+import type { RoomMember, RoomState } from '../types.ts';
+import type { MembersViewProps } from './slots.ts';
+/** What a removal would touch, read from the replayed room state. */
+export interface RemovalImpact {
+    /** What the running round is doing (its message's first line); undefined when idle. */
+    readonly running: string | undefined;
+    readonly queued: number;
+    /** Members waiting on one of this member's reports. */
+    readonly waiting: readonly string[];
+}
+/**
+ * Read a removal's consequences from the room state the members tab holds.
+ * @param state - the replayed room state.
+ * @param member - the member about to be removed.
+ * @returns the impact summary.
+ */
+export declare function removalImpact(state: RoomState, member: RoomMember): RemovalImpact;
+/** The confirmation layer. */
+export declare function RemoveMemberConfirm({ member, impact, coordinator, onConfirm, onCancel, t, }: {
+    readonly member: RoomMember;
+    readonly impact: RemovalImpact;
+    /** True when this member is the current coordinator (not removable). */
+    readonly coordinator: boolean;
+    readonly onConfirm: () => Promise<void>;
+    readonly onCancel: () => void;
+    readonly t: MembersViewProps['t'];
+}): ReactNode;
+//# sourceMappingURL=RemoveMemberConfirm.d.ts.map