@wowyuarm/dsh-agent-team 0.1.0

package/packages/client-agent-team/lib/index.js

@@ -0,0 +1,5 @@
+//#region lib/types/index.js
+/** Host half: the Team UI has no Node-side behavior. */
+function apply() {}
+//#endregion
+export { apply };

package/packages/client-agent-team/lib/types/client/TeamAgentsPanel.d.ts

@@ -0,0 +1,20 @@
+import type { AgentTeamAddMemberRequest } from '@wowyuarm/dsh-agent-team/types';
+import type { WorkspaceId } from '@deepseek-ai/dsh-client-runtime/client';
+import type { TeamSidebarProps } from './slots.ts';
+interface TeamAgentsPanelProps {
+    readonly workspaceId: WorkspaceId;
+    readonly loadMembers: TeamSidebarProps['loadMembers'];
+    readonly subscribeChanges: TeamSidebarProps['subscribeChanges'];
+    readonly loadChannels: TeamSidebarProps['loadChannels'];
+    readonly addMember: TeamSidebarProps['addMember'];
+    readonly updateMember: TeamSidebarProps['updateMember'];
+    readonly joinChannel: TeamSidebarProps['joinChannel'];
+    readonly removeChannelMember: TeamSidebarProps['removeChannelMember'];
+    readonly loadModels: TeamSidebarProps['loadModels'];
+    readonly openMemberSession: TeamSidebarProps['openMemberSession'];
+    readonly onCreatingChange: (request: AgentTeamAddMemberRequest, creating: boolean) => void;
+    readonly t: TeamSidebarProps['t'];
+}
+export declare function TeamAgentsPanel({ workspaceId, loadMembers, subscribeChanges, loadChannels, addMember, updateMember, joinChannel, removeChannelMember, loadModels, openMemberSession, onCreatingChange, t }: TeamAgentsPanelProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=TeamAgentsPanel.d.ts.map

package/packages/client-agent-team/lib/types/client/TeamAgentsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TeamAgentsPanel.d.ts","sourceRoot":"","sources":["../../../src/client/TeamAgentsPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,yBAAyB,EAM1B,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AAGzE,OAAO,KAAK,EAA0B,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAQ1E,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAA;IACjC,QAAQ,CAAC,WAAW,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAA;IACrD,QAAQ,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAA;IAC/D,QAAQ,CAAC,YAAY,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAA;IACvD,QAAQ,CAAC,SAAS,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAA;IACjD,QAAQ,CAAC,YAAY,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAA;IACvD,QAAQ,CAAC,WAAW,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAA;IACrD,QAAQ,CAAC,mBAAmB,EAAE,gBAAgB,CAAC,qBAAqB,CAAC,CAAA;IACrE,QAAQ,CAAC,UAAU,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAA;IACnD,QAAQ,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,mBAAmB,CAAC,CAAA;IACjE,QAAQ,CAAC,gBAAgB,EAAE,CAAC,OAAO,EAAE,yBAAyB,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IAC1F,QAAQ,CAAC,CAAC,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAA;CAClC;AAED,wBAAgB,eAAe,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,mBAAmB,EAAE,UAAU,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,CAAC,EAAE,EAAE,oBAAoB,+BA8JhO"}

package/packages/client-agent-team/lib/types/client/TeamAgentsPanel.js

@@ -0,0 +1,274 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { Button, IconChevronDownOutline14, IconEditOutline16, IconPlusOutline16, Input, Menu, Modal, Tooltip } from '@deepseek-ai/dsh-client-ui-primitives';
+import { TeamMemberAvatar } from "./TeamMemberAvatar.js";
+import { TeamRowMenu } from "./TeamRowMenu.js";
+import { TeamSidebarSection } from "./TeamSidebarSection.js";
+import { useChannelMembership } from "./team-membership.js";
+import createCss from './create.module.css';
+import css from './sidebar.module.css';
+export function TeamAgentsPanel({ workspaceId, loadMembers, subscribeChanges, loadChannels, addMember, updateMember, joinChannel, removeChannelMember, loadModels, openMemberSession, onCreatingChange, t }) {
+    const [members, setMembers] = useState([]);
+    const [channels, setChannels] = useState([]);
+    const [channelRefs, setChannelRefs] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState();
+    const [formOpen, setFormOpen] = useState(false);
+    const [handle, setHandle] = useState('');
+    const [description, setDescription] = useState('');
+    const [creating, setCreating] = useState(false);
+    const [retryRequest, setRetryRequest] = useState();
+    const triggerRef = useRef(null);
+    const refresh = useCallback(async () => {
+        setLoading(true);
+        const result = await loadMembers({ workspaceId });
+        if (result.ok) {
+            setMembers(result.value);
+            setError(undefined);
+        }
+        else {
+            setError(result.error.message);
+        }
+        setLoading(false);
+    }, [loadMembers, workspaceId]);
+    useEffect(() => { void refresh(); }, [refresh]);
+    const loadWorkspaceChannels = useCallback(async () => {
+        const result = await loadChannels({ workspaceId, topLevelOnly: true, includeActivities: false, limit: 1 });
+        if (result.ok)
+            setChannels(result.value.channels);
+    }, [loadChannels, workspaceId]);
+    useEffect(() => { void loadWorkspaceChannels(); }, [loadWorkspaceChannels]);
+    useEffect(() => subscribeChanges({ kind: 'workspace', workspaceId }, update => {
+        if (update.type === 'failed') {
+            setError(update.message);
+            return;
+        }
+        // The section stays mounted across Channel creation, so both the Member
+        // roster and the Channel list ride every workspace invalidation.
+        void refresh();
+        void loadWorkspaceChannels();
+    }), [subscribeChanges, refresh, loadWorkspaceChannels, workspaceId]);
+    const closeForm = () => {
+        if (creating)
+            return;
+        setFormOpen(false);
+        queueMicrotask(() => { triggerRef.current?.focus(); });
+    };
+    const provision = async (request) => {
+        setCreating(true);
+        onCreatingChange(request, true);
+        setError(undefined);
+        setRetryRequest(request);
+        try {
+            const result = await addMember(request);
+            if (result.ok) {
+                setMembers(current => {
+                    const retained = current.filter(status => status.member.memberId !== result.value.status.member.memberId);
+                    return [...retained, result.value.status];
+                });
+                setHandle('');
+                setDescription('');
+                setChannelRefs([]);
+                setFormOpen(false);
+                if (result.value.status.presence === 'unavailable') {
+                    setError(result.value.status.diagnostic ?? t('statusUnavailable'));
+                }
+                else {
+                    setRetryRequest(undefined);
+                }
+                queueMicrotask(() => { triggerRef.current?.focus(); });
+            }
+            else {
+                await refresh();
+                setError(result.error.message);
+            }
+        }
+        catch (cause) {
+            setError(cause instanceof Error ? cause.message : String(cause));
+        }
+        finally {
+            setCreating(false);
+            onCreatingChange(request, false);
+        }
+    };
+    const submit = (event) => {
+        event.preventDefault();
+        const normalizedHandle = handle.trim();
+        const normalizedDescription = description.trim();
+        if (normalizedHandle.length === 0 || normalizedDescription.length === 0 || creating)
+            return;
+        if (channelRefs.length === 0)
+            return;
+        const sameRequest = retryRequest !== undefined && retryRequest.workspaceId === workspaceId
+            && retryRequest.handle === normalizedHandle && retryRequest.description === normalizedDescription
+            && retryRequest.channelRefs.length === channelRefs.length && retryRequest.channelRefs.every(ref => channelRefs.includes(ref));
+        void provision(sameRequest ? retryRequest : {
+            requestId: crypto.randomUUID(),
+            workspaceId,
+            handle: normalizedHandle,
+            description: normalizedDescription,
+            presetId: 'team-member',
+            channelRefs,
+        });
+    };
+    return (_jsxs("div", { className: css.panel, children: [_jsx(Modal, { open: formOpen, onClose: closeForm, title: t('addAgent'), closeLabel: t('close'), contentClassName: createCss.dialogContent, footer: _jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", disabled: creating, onClick: closeForm, children: t('cancel') }), _jsx(Button, { type: "submit", form: "team-agent-create-form", variant: "primary", disabled: creating || handle.trim().length === 0 || description.trim().length === 0 || channelRefs.length === 0, children: creating ? t('creatingAgent') : t('createAgent') })] }), children: _jsxs("form", { id: "team-agent-create-form", className: createCss.form, onSubmit: submit, children: [_jsxs("label", { className: createCss.field, children: [_jsx("span", { children: t('agentName') }), _jsx(Input, { className: createCss.input, value: handle, onChange: event => { setHandle(event.target.value); setRetryRequest(undefined); }, disabled: creating, autoFocus: true })] }), _jsxs("label", { className: createCss.field, children: [_jsx("span", { children: t('agentDescription') }), _jsx(Input, { className: createCss.input, value: description, onChange: event => { setDescription(event.target.value); setRetryRequest(undefined); }, disabled: creating })] }), _jsxs("fieldset", { className: createCss.field, children: [_jsx("legend", { children: t('initialChannels') }), channels.length === 0 ? _jsx("span", { children: t('noChannelsForAgent') }) : channels.map(channel => _jsxs("label", { children: [_jsx("input", { type: "checkbox", checked: channelRefs.includes(channel.channelRef), disabled: creating, onChange: event => {
+                                                setChannelRefs(current => event.target.checked ? [...current, channel.channelRef] : current.filter(ref => ref !== channel.channelRef));
+                                                setRetryRequest(undefined);
+                                            } }), " ", channel.name] }, channel.channelRef))] }), formOpen && error !== undefined && _jsx("p", { className: createCss.error, role: "alert", children: error })] }) }), _jsxs(TeamSidebarSection, { title: t('agents'), actions: (_jsx(Tooltip, { label: t('addAgent'), delayMs: 500, children: _jsx("button", { ref: triggerRef, type: "button", className: css.iconButton, "aria-label": t('addAgent'), onClick: () => { setError(undefined); setFormOpen(true); }, children: _jsx(IconPlusOutline16, { size: 14 }) }) })), children: [loading && members.length === 0 && _jsx("p", { className: css.emptyState, children: t('loadingAgents') }), !loading && members.length === 0 && _jsx("p", { className: css.emptyState, children: t('emptyAgents') }), _jsx("div", { className: css.agentList, children: members.map(status => (_jsx(AgentRow, { status: status, channels: channels, loadChannels: loadChannels, updateMember: updateMember, joinChannel: joinChannel, removeChannelMember: removeChannelMember, loadModels: loadModels, openMemberSession: openMemberSession, onUpdated: () => { void refresh(); }, t: t }, status.member.memberId))) })] }), !formOpen && error !== undefined && (_jsxs("div", { className: css.retryError, role: "alert", children: [_jsx("span", { children: error }), retryRequest !== undefined && _jsx("button", { type: "button", className: css.textButton, disabled: creating, onClick: () => { setFormOpen(true); }, children: t('retry') })] }))] }));
+}
+/**
+ * One sidebar Agent row: the select button opens the Member's own Session
+ * conversation page, the avatar carries identity plus the presence badge, and
+ * the row menu opens the editor.
+ */
+function AgentRow({ status, channels, loadChannels, updateMember, joinChannel, removeChannelMember, loadModels, openMemberSession, onUpdated, t }) {
+    const [menuOpen, setMenuOpen] = useState(false);
+    const [editing, setEditing] = useState(false);
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: css.agentRow, "data-menu-open": menuOpen || undefined, children: [_jsxs("button", { type: "button", className: css.agentSelect, "aria-label": t('openAgentSession', { name: status.member.handle }), onClick: () => { openMemberSession(status.member.sessionId); }, children: [_jsx(TeamMemberAvatar, { status: status, t: t }), _jsxs("span", { className: css.agentCopy, children: [_jsx("strong", { children: status.member.handle }), _jsx("small", { children: status.member.description })] })] }), _jsx("span", { className: css.rowMenu, children: _jsx(TeamRowMenu, { label: t('actionsAgent', { name: status.member.handle }), items: [{ id: 'edit', label: t('editAgent'), icon: _jsx(IconEditOutline16, {}) }], onSelect: () => { setEditing(true); }, onOpenChange: setMenuOpen }) })] }), editing && (_jsx(AgentEditorDialog, { status: status, channels: channels, loadChannels: loadChannels, updateMember: updateMember, joinChannel: joinChannel, removeChannelMember: removeChannelMember, loadModels: loadModels, onCommitted: onUpdated, onClose: () => { setEditing(false); }, t: t }))] }));
+}
+/** Model option key inside one editor; opaque and resolved against the loaded groups. */
+function modelKey(provider, model) {
+    return `${provider}\u0000${model}`;
+}
+/**
+ * Agent editor: handle, description, and per-Member model selection commit
+ * through one durable update; Channel membership below keeps its own
+ * immediate add/remove flow.
+ */
+function AgentEditorDialog({ status, channels, loadChannels, updateMember, joinChannel, removeChannelMember, loadModels, onCommitted, onClose, t }) {
+    const memberId = status.member.memberId;
+    const [handle, setHandle] = useState(status.member.handle);
+    const [description, setDescription] = useState(status.member.description);
+    const [model, setModel] = useState(status.member.model === undefined ? undefined : [status.member.model.provider, status.member.model.model]);
+    const [groups, setGroups] = useState();
+    const [modelsError, setModelsError] = useState();
+    const [modelOpen, setModelOpen] = useState(false);
+    const [saving, setSaving] = useState(false);
+    const [error, setError] = useState();
+    const pendingRequest = useRef();
+    // Membership comes from a fresh projection at open time so stale checkbox
+    // state never flips a committed fact backwards.
+    const [memberships, setMemberships] = useState();
+    const [loadError, setLoadError] = useState();
+    useEffect(() => {
+        let mounted = true;
+        void loadModels().then(result => {
+            if (!mounted)
+                return;
+            if (result.ok) {
+                setGroups(result.value.groups);
+                setModelsError(undefined);
+            }
+            else {
+                setModelsError(result.error.message);
+            }
+        });
+        return () => { mounted = false; };
+    }, [loadModels]);
+    useEffect(() => {
+        let mounted = true;
+        void loadChannels({ workspaceId: status.member.workspaceId, topLevelOnly: true, includeActivities: false, limit: 1 }).then(result => {
+            if (!mounted)
+                return;
+            if (result.ok) {
+                setMemberships(result.value.members);
+                setLoadError(undefined);
+            }
+            else {
+                setLoadError(result.error.message);
+            }
+        });
+        return () => { mounted = false; };
+    }, [loadChannels, status.member.workspaceId]);
+    const membership = useChannelMembership({ joinChannel, removeChannelMember }, change => change.channelRef, change => {
+        setMemberships(current => {
+            const base = current ?? [];
+            return change.joined
+                ? base.filter(item => !(item.channelRef === change.channelRef && item.memberId === change.memberId))
+                : [...base, { channelRef: change.channelRef, memberId: change.memberId }];
+        });
+    });
+    // A successful join appends the durable fact; removal filters it out above.
+    const joinedChannels = new Set((memberships ?? []).filter(item => item.memberId === memberId).map(item => item.channelRef));
+    // The provider-grouped option list rides the shared Menu primitive: one
+    // leading "follow Host default" row, then a non-selectable heading per
+    // provider group. Keys resolve back through the map, never by parsing.
+    const modelChoices = (() => {
+        const items = [{ id: '', label: t('modelFollowDefault') }];
+        const byKey = new Map();
+        for (const group of groups ?? []) {
+            items.push({ type: 'label', id: `model-group:${group.id}`, text: group.name });
+            for (const entry of group.models) {
+                const key = modelKey(group.id, entry.id);
+                byKey.set(key, { provider: group.id, id: entry.id, name: entry.name });
+                items.push({ id: key, label: entry.name });
+            }
+        }
+        return { items, byKey };
+    })();
+    const selectedModelKey = model === undefined ? '' : modelKey(model[0], model[1]);
+    const modelTriggerLabel = model === undefined
+        ? t('modelFollowDefault')
+        : modelChoices.byKey.get(selectedModelKey)?.name ?? `${model[0]} / ${model[1]}`;
+    const dirty = handle.trim() !== status.member.handle || description.trim() !== status.member.description
+        || !sameModel(model, status.member.model === undefined ? undefined : [status.member.model.provider, status.member.model.model]);
+    const submit = async (event) => {
+        event.preventDefault();
+        const normalizedHandle = handle.trim();
+        const normalizedDescription = description.trim();
+        if (saving || !dirty || normalizedHandle.length === 0 || normalizedDescription.length === 0)
+            return;
+        const payload = {
+            memberId,
+            handle: normalizedHandle,
+            description: normalizedDescription,
+            ...(model === undefined ? {} : { model: { provider: model[0], model: model[1] } }),
+        };
+        const samePending = pendingRequest.current !== undefined && pendingRequest.current.memberId === payload.memberId
+            && pendingRequest.current.handle === payload.handle && pendingRequest.current.description === payload.description
+            && sameModel(pendingRequest.current.model === undefined ? undefined : [pendingRequest.current.model.provider, pendingRequest.current.model.model], model);
+        const request = samePending ? pendingRequest.current : {
+            requestId: crypto.randomUUID(),
+            ...payload,
+        };
+        pendingRequest.current = request;
+        setSaving(true);
+        setError(undefined);
+        try {
+            const result = await updateMember(request);
+            if (result.ok) {
+                pendingRequest.current = undefined;
+                await onCommitted();
+                onClose();
+            }
+            else {
+                setError(result.error.message);
+            }
+        }
+        catch (cause) {
+            setError(cause instanceof Error ? cause.message : String(cause));
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    return (_jsx(Modal, { open: true, onClose: onClose, title: t('editAgent'), description: `@${status.member.handle}`, closeLabel: t('close'), contentClassName: createCss.dialogContent, footer: _jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", disabled: saving, onClick: onClose, children: t('cancel') }), _jsx(Button, { type: "submit", form: "team-agent-edit-form", variant: "primary", disabled: saving || !dirty || handle.trim().length === 0 || description.trim().length === 0, children: saving ? t('editSaving') : t('editSave') })] }), children: _jsxs("form", { id: "team-agent-edit-form", className: createCss.form, onSubmit: event => { void submit(event); }, children: [_jsxs("label", { className: createCss.field, children: [_jsx("span", { children: t('agentName') }), _jsx(Input, { className: createCss.input, value: handle, onChange: event => { setHandle(event.target.value); pendingRequest.current = undefined; }, disabled: saving, autoFocus: true })] }), _jsxs("label", { className: createCss.field, children: [_jsx("span", { children: t('agentDescription') }), _jsx(Input, { className: createCss.input, value: description, onChange: event => { setDescription(event.target.value); pendingRequest.current = undefined; }, disabled: saving })] }), _jsxs("div", { className: createCss.field, children: [_jsx("span", { children: t('memberModel') }), groups === undefined && modelsError === undefined && _jsx("small", { className: css.editHint, children: t('modelsLoading') }), modelsError !== undefined && _jsx("small", { className: css.editHint, children: t('modelsLoadFailed', { message: modelsError }) }), groups !== undefined && (_jsx(Menu, { open: modelOpen, portal: true, items: modelChoices.items, selectedId: selectedModelKey, onSelect: (key) => {
+                                setModelOpen(false);
+                                pendingRequest.current = undefined;
+                                const choice = modelChoices.byKey.get(key);
+                                setModel(choice === undefined ? undefined : [choice.provider, choice.id]);
+                            }, onClose: () => { setModelOpen(false); }, anchor: _jsxs("button", { type: "button", className: createCss.selectTrigger, "aria-label": t('memberModel'), "aria-haspopup": "listbox", "aria-expanded": modelOpen, disabled: saving, onClick: () => { setModelOpen(value => !value); }, children: [_jsx("span", { className: createCss.selectValue, children: modelTriggerLabel }), _jsx("span", { className: `${createCss.chevron} ${modelOpen ? createCss.chevronOpen : ''}`, "aria-hidden": true, children: _jsx(IconChevronDownOutline14, {}) })] }) }))] }), _jsxs("fieldset", { className: createCss.memberPicker, disabled: saving, children: [_jsx("legend", { children: t('channelMembersSection') }), channels.map(channel => {
+                            const joined = joinedChannels.has(channel.channelRef);
+                            const rowPending = membership.pending.has(channel.channelRef);
+                            const disabled = rowPending || (!joined && status.presence === 'unavailable');
+                            const rowError = membership.errors.get(channel.channelRef);
+                            return _jsxs("div", { className: `${css.editMemberRow} ${css.editMemberRowChannels}`, children: [_jsxs("strong", { className: css.editChannelName, children: ["# ", channel.name] }), _jsx(Button, { size: "sm", variant: "outline", disabled: disabled, onClick: () => { void membership.change({ workspaceId: status.member.workspaceId, channelRef: channel.channelRef, memberId, joined }); }, children: rowPending ? t('membershipUpdating') : joined ? t('removeFromChannel') : t('addToChannel') }), rowError !== undefined && _jsx("p", { className: css.rowError, role: "alert", children: rowError })] }, channel.channelRef);
+                        }), channels.length === 0 && _jsx("small", { children: t('noChannelsForAgent') }), loadError !== undefined && _jsx("p", { className: css.rowError, role: "alert", children: loadError })] }), error !== undefined && _jsx("p", { className: createCss.error, role: "alert", children: error })] }) }));
+}
+function sameModel(left, right) {
+    if (left === undefined && right === undefined)
+        return true;
+    if (left === undefined || right === undefined)
+        return false;
+    return left[0] === right[0] && left[1] === right[1];
+}

package/packages/client-agent-team/lib/types/client/TeamChannelPage.d.ts

@@ -0,0 +1,19 @@
+import type { AgentTeamChannelRef } from '@wowyuarm/dsh-agent-team/types';
+import type { WorkspaceId } from '@deepseek-ai/dsh-client-runtime/client';
+import type { TeamConversationProps } from './slots.ts';
+interface TeamChannelPageProps {
+    readonly workspaceId: WorkspaceId;
+    readonly channelRef: AgentTeamChannelRef;
+    readonly loadChannels: TeamConversationProps['loadChannels'];
+    readonly subscribeChanges: TeamConversationProps['subscribeChanges'];
+    readonly loadMembers: TeamConversationProps['loadMembers'];
+    readonly sendMessage: TeamConversationProps['sendMessage'];
+    readonly joinChannel: TeamConversationProps['joinChannel'];
+    readonly removeChannelMember: TeamConversationProps['removeChannelMember'];
+    readonly selectThread: TeamConversationProps['selectThread'];
+    readonly backToChannels: TeamConversationProps['backToChannels'];
+    readonly t: TeamConversationProps['t'];
+}
+export declare function TeamChannelPage({ workspaceId, channelRef, loadChannels, subscribeChanges, loadMembers, sendMessage, joinChannel, removeChannelMember, selectThread, backToChannels, t }: TeamChannelPageProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=TeamChannelPage.d.ts.map

package/packages/client-agent-team/lib/types/client/TeamChannelPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TeamChannelPage.d.ts","sourceRoot":"","sources":["../../../src/client/TeamChannelPage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAA+B,mBAAmB,EAAoF,MAAM,gCAAgC,CAAA;AACxL,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AAEzE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAYvD,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAA;IACjC,QAAQ,CAAC,UAAU,EAAE,mBAAmB,CAAA;IACxC,QAAQ,CAAC,YAAY,EAAE,qBAAqB,CAAC,cAAc,CAAC,CAAA;IAC5D,QAAQ,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAA;IACpE,QAAQ,CAAC,WAAW,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAA;IAC1D,QAAQ,CAAC,WAAW,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAA;IAC1D,QAAQ,CAAC,WAAW,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAA;IAC1D,QAAQ,CAAC,mBAAmB,EAAE,qBAAqB,CAAC,qBAAqB,CAAC,CAAA;IAC1E,QAAQ,CAAC,YAAY,EAAE,qBAAqB,CAAC,cAAc,CAAC,CAAA;IAC5D,QAAQ,CAAC,cAAc,EAAE,qBAAqB,CAAC,gBAAgB,CAAC,CAAA;IAChE,QAAQ,CAAC,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAA;CACvC;AAmBD,wBAAgB,eAAe,CAAC,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,mBAAmB,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC,EAAE,EAAE,oBAAoB,+BA+P7M"}

package/packages/client-agent-team/lib/types/client/TeamChannelPage.js

@@ -0,0 +1,243 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { Button, IconChevronLeftOutline14, IconChevronRightOutline14, Modal, StateDot } from '@deepseek-ai/dsh-client-ui-primitives';
+import { TeamComposer } from "./TeamComposer.js";
+import { TeamPresenceDot } from "./TeamPresenceDot.js";
+import { TeamMessage } from "./TeamMessage.js";
+import { formatTaskStatus, taskStatusDot, mentionNamesOf } from "./team-formatters.js";
+import { useChannelMembership } from "./team-membership.js";
+import { useTimelineScroll } from "./timeline-scroll.js";
+import { chunkRunsWithDays } from "./team-separators.js";
+import channelCss from './channel.module.css';
+import css from './conversation.module.css';
+import threadCss from './thread.module.css';
+/**
+ * Merge the freshest top-level window over what the reader already has:
+ * a change-driven refresh must not discard older messages loaded earlier.
+ */
+function mergeChannelView(current, fresh) {
+    const known = new Set(current.items.map(item => item.message.messageRef));
+    const items = [...fresh.items.filter(item => !known.has(item.message.messageRef)), ...current.items]
+        .sort((left, right) => left.message.sequence - right.message.sequence);
+    return {
+        ...fresh,
+        items,
+        cursor: Math.min(fresh.cursor, current.cursor),
+        // Older retained items may precede even a saturated fresh window.
+        hasMore: fresh.hasMore || current.cursor < fresh.cursor,
+    };
+}
+export function TeamChannelPage({ workspaceId, channelRef, loadChannels, subscribeChanges, loadMembers, sendMessage, joinChannel, removeChannelMember, selectThread, backToChannels, t }) {
+    const [view, setView] = useState();
+    const [members, setMembers] = useState([]);
+    const [draft, setDraft] = useState('');
+    const [error, setError] = useState();
+    const [statusMessage, setStatusMessage] = useState();
+    const [loading, setLoading] = useState(true);
+    const [pending, setPending] = useState(false);
+    const [loadingOlder, setLoadingOlder] = useState(false);
+    const [recipients, setRecipients] = useState(new Set());
+    const [managingMembers, setManagingMembers] = useState(false);
+    const manageTriggerRef = useRef(null);
+    const memberListRef = useRef(null);
+    const mountedRef = useRef(false);
+    const refreshSequenceRef = useRef(0);
+    const channelLastItem = view?.items[view.items.length - 1];
+    const timeline = useTimelineScroll(`${view?.items.length ?? 0}:${channelLastItem?.message.messageRef ?? ''}`);
+    const channel = view?.channels.find(item => item.channelRef === channelRef);
+    const channelMemberIds = new Set(view?.members.filter(item => item.channelRef === channelRef).map(item => item.memberId) ?? []);
+    const channelMembers = members.filter(status => channelMemberIds.has(status.member.memberId) && status.member.state !== 'inactive');
+    // Presence counts ride the header meta line; error and unavailable do not count as online.
+    const onlineCount = channelMembers.filter(status => status.presence === 'available' || status.presence === 'working').length;
+    const messageSender = (item) => item.message.sender;
+    const mentionHandlesMap = new Map(members.map(status => [status.member.memberId, status.member.handle.replace(/^@/, '')]));
+    const refresh = async (clearError = false) => {
+        if (!mountedRef.current)
+            return false;
+        const sequence = refreshSequenceRef.current + 1;
+        refreshSequenceRef.current = sequence;
+        setLoading(true);
+        if (clearError) {
+            setError(undefined);
+            setStatusMessage(undefined);
+        }
+        try {
+            const [loaded, loadedMembers] = await Promise.all([
+                loadChannels({ workspaceId, channelRef, direction: 'before', topLevelOnly: true, includeActivities: false, limit: 20 }),
+                loadMembers({ workspaceId }),
+            ]);
+            if (!mountedRef.current || sequence !== refreshSequenceRef.current)
+                return false;
+            if (loaded.ok)
+                setView(current => current === undefined ? loaded.value : mergeChannelView(current, loaded.value));
+            else
+                setError(loaded.error.message);
+            if (loadedMembers.ok)
+                setMembers(loadedMembers.value);
+            else
+                setError(loadedMembers.error.message);
+            return loaded.ok && loadedMembers.ok;
+        }
+        catch (cause) {
+            if (mountedRef.current && sequence === refreshSequenceRef.current)
+                setError(cause instanceof Error ? cause.message : String(cause));
+            return false;
+        }
+        finally {
+            if (mountedRef.current && sequence === refreshSequenceRef.current)
+                setLoading(false);
+        }
+    };
+    // Presence and membership live in the workspace projection; they never need
+    // the Channel timeline refetch that a full refresh performs.
+    const refreshMembers = async () => {
+        if (!mountedRef.current)
+            return;
+        try {
+            const loaded = await loadMembers({ workspaceId });
+            if (!mountedRef.current)
+                return;
+            if (loaded.ok)
+                setMembers(loaded.value);
+            else
+                setError(loaded.error.message);
+        }
+        catch (cause) {
+            if (mountedRef.current)
+                setError(cause instanceof Error ? cause.message : String(cause));
+        }
+    };
+    useEffect(() => {
+        mountedRef.current = true;
+        setView(undefined);
+        setError(undefined);
+        setLoading(true);
+        setRecipients(new Set());
+        setManagingMembers(false);
+        void refresh();
+        const disposers = [
+            subscribeChanges({ kind: 'channel', channelRef }, update => {
+                if (!mountedRef.current)
+                    return;
+                if (update.type === 'failed') {
+                    setError(update.message);
+                    return;
+                }
+                void refresh();
+            }),
+            subscribeChanges({ kind: 'workspace', workspaceId }, update => {
+                if (!mountedRef.current)
+                    return;
+                if (update.type === 'failed') {
+                    setError(update.message);
+                    return;
+                }
+                void refreshMembers();
+            }),
+        ];
+        return () => {
+            mountedRef.current = false;
+            refreshSequenceRef.current += 1;
+            for (const dispose of disposers)
+                dispose();
+        };
+    }, [workspaceId, channelRef]);
+    useEffect(() => {
+        if (!managingMembers)
+            return;
+        queueMicrotask(() => { memberListRef.current?.querySelector('button')?.focus(); });
+    }, [managingMembers]);
+    const loadOlder = async () => {
+        if (view === undefined || !view.hasMore || loadingOlder)
+            return;
+        setLoadingOlder(true);
+        try {
+            const result = await loadChannels({ workspaceId, channelRef, direction: 'before', topLevelOnly: true, includeActivities: false, cursor: view.cursor, limit: 20 });
+            if (!mountedRef.current)
+                return;
+            if (!result.ok) {
+                setError(result.error.message);
+                return;
+            }
+            setView(current => current === undefined ? result.value : mergeChannelView(current, result.value));
+        }
+        catch (cause) {
+            if (mountedRef.current)
+                setError(cause instanceof Error ? cause.message : String(cause));
+        }
+        finally {
+            if (mountedRef.current)
+                setLoadingOlder(false);
+        }
+    };
+    const closeMembers = () => {
+        setManagingMembers(false);
+        queueMicrotask(() => { manageTriggerRef.current?.querySelector('button')?.focus(); });
+    };
+    const membership = useChannelMembership({ joinChannel, removeChannelMember }, change => change.memberId, async () => { await refresh(); });
+    // Retained across transport failures so a replayed send dedupes on the Host;
+    // definitive outcomes (committed or rejected) start the next send fresh.
+    const pendingSendId = useRef();
+    const send = async () => {
+        if (pending || draft.trim() === '')
+            return;
+        const recipientIds = [...recipients].sort();
+        const requestId = pendingSendId.current ?? crypto.randomUUID();
+        pendingSendId.current = requestId;
+        const request = {
+            requestId, workspaceId,
+            channelRef, body: draft.trim(), recipients: recipientIds,
+        };
+        setPending(true);
+        setError(undefined);
+        setStatusMessage(undefined);
+        try {
+            const result = await sendMessage(request);
+            if (!result.ok) {
+                pendingSendId.current = undefined;
+                setError(result.error.message);
+            }
+            else if (result.value.kind === 'committed') {
+                pendingSendId.current = undefined;
+                await refresh();
+                setDraft('');
+                setRecipients(new Set());
+                setStatusMessage(undefined);
+            }
+            else if (result.value.kind === 'confirmation_required') {
+                // Same-requestId resend continues the pending operation.
+                setStatusMessage(t('mentionConfirmation'));
+            }
+            else {
+                // Rejections are final for this draft; editing it must mint a new operation.
+                pendingSendId.current = undefined;
+                setError(t('memberNotFollowing', { ids: result.value.memberIds.map(memberId => `@${members.find(candidate => candidate.member.memberId === memberId)?.member.handle ?? memberId}`).join(', ') }));
+            }
+        }
+        catch (cause) {
+            setError(cause instanceof Error ? cause.message : String(cause));
+        }
+        finally {
+            setPending(false);
+        }
+    };
+    return _jsxs("main", { className: css.surface, "data-team-channel": channelRef, children: [_jsxs("div", { className: css.surfaceHeader, children: [_jsx("div", { className: css.backRow, children: _jsx(Button, { size: "sm", icon: _jsx(IconChevronLeftOutline14, {}), onClick: backToChannels, children: t('backToChannels') }) }), _jsxs("header", { className: css.headerRow, children: [_jsxs("div", { className: css.headerCopy, children: [_jsx("h1", { children: channel === undefined ? '# …' : `# ${channel.name}` }), channel !== undefined && _jsx("p", { children: channel.description }), channel !== undefined && _jsxs("div", { className: channelCss.headerMeta, children: [_jsx("span", { children: t('memberCount', { count: channelMembers.length }) }), _jsx("span", { children: t('onlineCount', { count: onlineCount }) })] })] }), channel !== undefined && _jsx("span", { ref: manageTriggerRef, children: _jsx(Button, { size: "sm", variant: "outline", "aria-haspopup": "dialog", onClick: () => { setManagingMembers(true); }, children: t('manageMembers') }) })] })] }), _jsx(Modal, { open: managingMembers, onClose: closeMembers, title: t('channelMembers'), ...(channel === undefined ? {} : { description: `# ${channel.name} · ${t('memberCount', { count: channelMembers.length })}` }), closeLabel: t('close'), contentClassName: channelCss.modalBody, children: _jsx("div", { ref: memberListRef, className: channelCss.memberList, children: members.filter(status => status.member.state !== 'inactive').map(status => {
+                        const joined = channelMemberIds.has(status.member.memberId);
+                        const rowPending = membership.pending.has(status.member.memberId);
+                        const disabled = rowPending || (!joined && status.presence === 'unavailable');
+                        const rowError = membership.errors.get(status.member.memberId);
+                        return _jsxs("div", { className: channelCss.memberRow, children: [_jsx(TeamPresenceDot, { status: status, t: t }), _jsxs("span", { className: channelCss.memberCopy, children: [_jsxs("strong", { children: ["@", status.member.handle] }), _jsx("small", { children: status.member.description })] }), _jsx(Button, { className: channelCss.memberAction, size: "sm", disabled: disabled, onClick: () => { void membership.change({ workspaceId, channelRef, memberId: status.member.memberId, joined }); }, children: rowPending ? t('membershipUpdating') : joined ? t('removeFromChannel') : t('addToChannel') }), rowError !== undefined && _jsx("p", { className: channelCss.memberError, role: "alert", children: rowError })] }, status.member.memberId);
+                    }) }) }), _jsx("section", { ref: timeline.ref, onScroll: timeline.onScroll, className: css.timeline, "aria-label": t('timelineLabel'), children: _jsxs("div", { className: css.timelineContent, children: [loading && channel === undefined && error === undefined && _jsx("div", { className: css.emptySurface, children: _jsxs("p", { className: css.loadingState, children: [_jsx("span", { className: css.loadingMark, "aria-hidden": "true" }), t('loadingChannels')] }) }), !loading && channel === undefined && error === undefined && _jsx("div", { className: css.emptySurface, children: _jsx("p", { className: css.emptyState, children: t('emptyChannels') }) }), !loading && channel === undefined && error !== undefined && _jsxs("div", { className: css.errorState, role: "alert", children: [_jsx("span", { children: error }), _jsx(Button, { size: "sm", variant: "outline", onClick: () => { void refresh(true); }, children: t('retry') })] }), view?.hasMore && _jsx("div", { className: css.timelineAction, children: _jsx(Button, { size: "sm", disabled: loadingOlder, onClick: () => { void loadOlder(); }, children: t('loadOlder') }) }), channel !== undefined && view?.items.length === 0 && _jsx("div", { className: css.emptySurface, children: _jsxs("div", { className: css.emptyState, children: [_jsx("strong", { children: t('emptyMessages') }), _jsx("span", { children: t('emptyMessagesHint') })] }) }), (view?.items.length ?? 0) > 0 && chunkRunsWithDays(view.items, messageSender, item => item.message.occurredAt).map((block, blockIndex) => block.kind === 'day'
+                            ? _jsx("p", { className: threadCss.daySeparator, children: _jsx("span", { children: block.label }) }, `day-${blockIndex}-${block.label}`)
+                            : _jsx("div", { className: css.messageRun, children: block.items.map((item, index) => {
+                                    const senderStatus = members.find(member => member.member.memberId === item.message.sender);
+                                    const human = item.message.sender === view.humanMemberId;
+                                    const sender = human ? t('human') : senderStatus?.member.handle ?? item.message.sender;
+                                    return _jsx(TeamMessage, { senderName: sender, memberId: item.message.sender, human: human, body: item.message.body, occurredAt: item.message.occurredAt, mentionNames: mentionNamesOf(item.mentions, mentionHandlesMap), grouped: index > 0, ...(senderStatus === undefined ? {} : { senderTitle: senderStatus.member.description }), children: item.message.topLevel && _jsxs("button", { type: "button", className: channelCss.taskFooter, "aria-label": t('openTask', { number: item.taskNumber }), onClick: () => { selectThread(item.task.taskRef, item.thread.threadRef, channelRef, item.taskNumber); }, children: [_jsx("span", { className: channelCss.taskDot, children: (() => {
+                                                        const dot = taskStatusDot(item.task.status);
+                                                        return dot === 'ongoing' || dot === 'warning' || dot === 'done'
+                                                            ? _jsx(StateDot, { size: 8, state: dot })
+                                                            : _jsx("span", { className: channelCss.taskDotQuiet, "data-variant": dot });
+                                                    })() }), _jsx("span", { className: channelCss.taskNumber, children: t('taskLabel', { number: item.taskNumber }) }), _jsx("span", { className: channelCss.taskStatus, children: formatTaskStatus(item.task.status, t) }), _jsx("span", { className: channelCss.taskCount, children: t('taskMessageCount', { count: item.messageCount }) }), _jsx("span", { className: channelCss.taskArrow, "aria-hidden": "true", children: _jsx(IconChevronRightOutline14, { size: 12 }) })] }) }, item.message.messageRef);
+                                }) }, `run-${block.items[0].message.messageRef}`))] }) }), channel !== undefined ? _jsx(TeamComposer, { members: channelMembers, recipients: recipients, draft: draft, pending: pending, ...(statusMessage === undefined ? {} : { confirmation: statusMessage }), ...(error === undefined ? {} : { error }), onDraftChange: next => { setDraft(next); setStatusMessage(undefined); }, onRecipientsChange: next => { setRecipients(next); setStatusMessage(undefined); }, onSubmit: () => { void send(); }, t: t }) : _jsx("div", {})] });
+}

package/packages/client-agent-team/lib/types/client/TeamChannelsPanel.d.ts

@@ -0,0 +1,21 @@
+import type { AgentTeamAddMemberRequest, AgentTeamChannelRef } from '@wowyuarm/dsh-agent-team/types';
+import type { WorkspaceId } from '@deepseek-ai/dsh-client-runtime/client';
+import type { TeamSidebarProps } from './slots.ts';
+interface TeamChannelsPanelProps {
+    readonly workspaceId: WorkspaceId;
+    readonly loadMembers: TeamSidebarProps['loadMembers'];
+    readonly loadChannels: TeamSidebarProps['loadChannels'];
+    /** Membership and channel facts change outside this panel; the workspace scope keeps the list fresh. */
+    readonly subscribeChanges: TeamSidebarProps['subscribeChanges'];
+    readonly createChannel: TeamSidebarProps['createChannel'];
+    readonly updateChannel: TeamSidebarProps['updateChannel'];
+    readonly joinChannel: TeamSidebarProps['joinChannel'];
+    readonly removeChannelMember: TeamSidebarProps['removeChannelMember'];
+    readonly creatingAgents: readonly AgentTeamAddMemberRequest[];
+    readonly selectedChannelRef?: AgentTeamChannelRef;
+    readonly selectChannel: TeamSidebarProps['selectChannel'];
+    readonly t: TeamSidebarProps['t'];
+}
+export declare function TeamChannelsPanel(props: TeamChannelsPanelProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=TeamChannelsPanel.d.ts.map

package/packages/client-agent-team/lib/types/client/TeamChannelsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TeamChannelsPanel.d.ts","sourceRoot":"","sources":["../../../src/client/TeamChannelsPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,yBAAyB,EAEzB,mBAAmB,EAOpB,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AAEzE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAQlD,UAAU,sBAAsB;IAC9B,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAA;IACjC,QAAQ,CAAC,WAAW,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAA;IACrD,QAAQ,CAAC,YAAY,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAA;IACvD,wGAAwG;IACxG,QAAQ,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAA;IAC/D,QAAQ,CAAC,aAAa,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAA;IACzD,QAAQ,CAAC,aAAa,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAA;IACzD,QAAQ,CAAC,WAAW,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAA;IACrD,QAAQ,CAAC,mBAAmB,EAAE,gBAAgB,CAAC,qBAAqB,CAAC,CAAA;IACrE,QAAQ,CAAC,cAAc,EAAE,SAAS,yBAAyB,EAAE,CAAA;IAC7D,QAAQ,CAAC,kBAAkB,CAAC,EAAE,mBAAmB,CAAA;IACjD,QAAQ,CAAC,aAAa,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAA;IACzD,QAAQ,CAAC,CAAC,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAA;CAClC;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,+BAuL9D"}