@wowyuarm/dsh-agent-team 0.1.14-alpha.2 → 0.1.14

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

@@ -1,16 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { Button, DisclosureRow, IconChevronLeftOutlineRegular, IconChecklistOutlineRegular, Modal, Pill } from '@deepseek-ai/dsh-client-ui-primitives';
+import { Button, DisclosureRow, IconChevronLeftOutline14, IconChecklistOutline14, Modal, Pill } from '@deepseek-ai/dsh-client-ui-primitives';
 import { TeamComposer } from "./TeamComposer.js";
 import { diagnosticText, TeamPresenceDot } from "./TeamPresenceDot.js";
 import { TeamMessage } from "./TeamMessage.js";
 import { TeamRunDivider } from "./TeamRunDivider.js";
-import { formatActivity, formatClaimState, formatTaskStatus, formatTaskTitle, mentionNamesOf, mentionedMemberIds, taskStatusDot } from "./team-formatters.js";
+import { firstSentence, formatActivity, formatClaimState, formatRiskClass, formatTaskStatus, formatTaskTitle, mentionNameOf, mentionNamesOf, mentionedMemberIds, taskStatusDot } from "./team-formatters.js";
 import { TeamStateDot } from "./TeamStateDot.js";
 import { mintRequestId, uploadComposerFiles } from "./requests.js";
 import { daySeparatorLabel, isRunGap, timelineDayKey } from "./team-separators.js";
 import { useTimelineScroll } from "./timeline-scroll.js";
-import { hostTaskRefLookup, jumpToTaskThread } from "./task-refs.js";
+import { hostTaskRefLookup, jumpToTaskThread } from "./refs.js";
+import { hostThreadRefLookup, jumpToThread } from "./refs.js";
+import { rosterChannelName, rosterMember } from "./refs.js";
 import css from './conversation.module.css';
 import threadCss from './thread.module.css';
 function factKey(fact) {
@@ -27,10 +29,10 @@ function messageFact(message, mentions = []) {
  * what keeps a memoized row from re-rendering on every refresh.
  */
 const mentionNamesCache = new WeakMap();
-function stableMentionNames(mentions, handles) {
-    const names = mentionNamesOf(mentions, handles);
+function stableMentionNames(mentions, handles, humanName) {
+    const names = mentionNamesOf(mentions, handles, humanName);
     const cached = mentionNamesCache.get(mentions);
-    if (cached !== undefined && cached.length === names.length && cached.every((name, index) => name === names[index]))
+    if (cached !== undefined && cached.length === names.length && cached.every((name, index) => mentionNameOf(name) === mentionNameOf(names[index])))
         return cached;
     mentionNamesCache.set(mentions, names);
     return names;
@@ -49,7 +51,7 @@ function readMeta(facts) {
     return new Map(facts.map(fact => [factKey(fact.fact), fact]));
 }
 export function TeamThreadPage(props) {
-    const { workspaceId, channelRef, taskRef, threadRef, taskNumber, backToWorkspace, selectChannel, selectThread, resolveTaskRefs, putAttachment, loadChannels, readThread, loadThreadHistory, threadObservations, subscribeChanges, loadMembers, drafts, getAttachment, reply, changeTask, promoteThread, t, } = props;
+    const { workspaceId, humanName, humanAvatarUrl, channelRef, taskRef, threadRef, taskNumber, backToWorkspace, selectChannel, selectThread, resolveTaskRefs, resolveThreadRefs, openMemberSession, putAttachment, loadChannels, readThread, loadThreadHistory, threadObservations, subscribeChanges, loadMembers, drafts, getAttachment, reply, changeTask, promoteThread, t, } = props;
     const threadRequest = { threadRef, ...(taskRef === undefined ? {} : { taskRef }) };
     const [projection, setProjection] = useState();
     const [channelView, setChannelView] = useState();
@@ -425,15 +427,16 @@ export function TeamThreadPage(props) {
     }, [activeProjection?.anchor, readFacts, currentFacts, metadata]);
     const memberName = (memberId) => {
         if (memberId === channelView?.humanMemberId)
-            return t('human');
+            return humanName;
         const status = members.find(candidate => candidate.member.memberId === memberId);
         return status === undefined ? t('memberUnknown') : `@${status.member.handle}`;
     };
     const messageSender = (fact) => fact.kind === 'message' ? fact.message.sender : undefined;
     const [pendingFiles, setPendingFiles] = useState([]);
     // Branded-ref navigation for message bodies: channel refs hop to the
-    // Channel; the open Task's own refs are already on screen, and other Tasks
-    // are not resolvable from this surface, so they degrade to a no-op.
+    // Channel; thread and task refs cited here resolve through the Host and
+    // jump to their home Channel. Unresolvable refs never become links (see
+    // TeamMessage), so this path only fires for refs the Host already confirmed.
     // Identity-stable: a fresh closure per render would defeat TeamMessage's memo.
     const openRef = useCallback((ref) => {
         if (ref.startsWith('channel:') && ref !== channelRef) {
@@ -441,31 +444,42 @@ export function TeamThreadPage(props) {
             return;
         }
         if (ref.startsWith('thread:') && ref !== threadRef) {
-            // Thread refs do not have a dedicated resolver Remote. The Host view
-            // query still returns the target's home Channel and Task projection.
-            void loadChannels({ workspaceId, threadRef: ref, includeActivities: false, limit: 1 }).then(result => {
-                if (!result.ok)
-                    return;
-                const target = result.value.items[0];
-                if (target === undefined)
-                    return;
-                const targetChannel = result.value.channels.find(channel => channel.channelRef === target.message.channelRef);
-                if (targetChannel !== undefined)
-                    selectThread(target.thread.threadRef, targetChannel.channelRef, target.task?.taskRef, target.taskNumber);
-            });
+            // Another Thread cited here: resolve its home Channel and jump.
+            jumpToThread(resolveThreadRefs, workspaceId, ref, selectThread);
             return;
         }
         if (ref.startsWith('task:') && ref !== taskRef) {
             // Another Task cited here: resolve its home Channel and jump.
             jumpToTaskThread(resolveTaskRefs, workspaceId, ref, selectThread);
         }
-    }, [channelRef, threadRef, taskRef, workspaceId, selectChannel, selectThread, loadChannels, resolveTaskRefs]);
+    }, [channelRef, threadRef, taskRef, workspaceId, selectChannel, selectThread, resolveTaskRefs, resolveThreadRefs]);
     const lookupTaskRefs = useMemo(() => hostTaskRefLookup(resolveTaskRefs, workspaceId), [resolveTaskRefs, workspaceId]);
+    const lookupThreadRefs = useMemo(() => hostThreadRefLookup(resolveThreadRefs, workspaceId), [resolveThreadRefs, workspaceId]);
+    // Roster chips resolve synchronously from loaded data: channel names from
+    // the Channel view, member facts from the member list. Anything outside the
+    // loaded window stays plain text — the same rule unresolvable Task/Thread
+    // refs follow. The lookups key on roster content, not array identity: every
+    // refresh hands over fresh arrays, and the memoized rows must survive
+    // change bursts that leave the roster itself untouched.
+    const rosterKey = useMemo(() => [
+        (channelView?.channels ?? []).map(channel => `${channel.channelRef}=${channel.name}=${channel.state}`).join(','),
+        members.map(status => `${status.member.memberId}=${status.member.handle}=${status.member.sessionId}=${status.availability}`).join(','),
+        channelView?.humanMemberId ?? '',
+    ].join(';'), [channelView, members]);
+    const channelNameOf = useMemo(() => {
+        const channels = channelView?.channels ?? [];
+        return (ref) => rosterChannelName(channels, ref);
+    }, [rosterKey]);
+    const memberOf = useMemo(() => {
+        const humanMemberId = channelView?.humanMemberId;
+        return (ref) => rosterMember(members, humanMemberId, humanName, ref);
+    }, [rosterKey, humanName]);
     const renderFact = (fact, grouped = false) => {
         if (fact.kind === 'message') {
             const sender = memberName(fact.message.sender);
             const senderStatus = members.find(candidate => candidate.member.memberId === fact.message.sender);
-            return _jsx(TeamMessage, { senderName: sender, memberId: fact.message.sender, human: fact.message.sender === channelView?.humanMemberId, body: fact.message.body, attachments: fact.message.attachments, loadAttachment: getAttachment, t: t, occurredAt: fact.message.occurredAt, mentionNames: stableMentionNames(fact.mentions, mentionHandlesMap), onOpenRef: openRef, onResolveTaskRefs: lookupTaskRefs, grouped: grouped, ...(senderStatus === undefined ? {} : { senderTitle: senderStatus.member.description }) }, factKey(fact));
+            const human = fact.message.sender === channelView?.humanMemberId;
+            return _jsx(TeamMessage, { senderName: sender, memberId: fact.message.sender, human: human, ...(human && humanAvatarUrl !== undefined ? { avatarUrl: humanAvatarUrl } : {}), body: fact.message.body, attachments: fact.message.attachments, loadAttachment: getAttachment, t: t, occurredAt: fact.message.occurredAt, mentionNames: stableMentionNames(fact.mentions, mentionHandlesMap, humanName), onOpenRef: openRef, onResolveTaskRefs: lookupTaskRefs, onResolveThreadRefs: lookupThreadRefs, channelNameOf: channelNameOf, memberOf: memberOf, onOpenMemberSession: openMemberSession, grouped: grouped, ...(senderStatus === undefined ? {} : { senderTitle: senderStatus.member.description }) }, factKey(fact));
         }
         return _jsxs("p", { className: threadCss.activityRow, children: [_jsx("span", { className: threadCss.activityMark, "aria-hidden": "true" }), _jsx("span", { className: threadCss.activityText, children: formatActivity(fact.activity, { t, actorName: memberName, claims: taskClaims }) })] }, factKey(fact));
     };
@@ -696,14 +710,26 @@ export function TeamThreadPage(props) {
     };
     const currentFactsWithAnchor = mergeFacts(activeProjection === undefined ? [] : [messageFact(activeProjection.anchor, activeProjection.anchorMentions)], currentFacts);
     const unreadBoundary = unreadIndex >= 0 ? unreadIndex : undefined;
+    // One row per erroring Member holding a live Claim. The row shows the
+    // diagnostic's structured class — the localizable axis — beside the first
+    // sentence of the Host's own reason; the full English text moves to the
+    // row's title.
     const risks = taskClaims.filter(claim => claim.state === 'active').flatMap(claim => {
         const status = members.find(candidate => candidate.member.memberId === claim.owner);
-        return status?.presence === 'error' ? [{ claim, status }] : [];
+        if (status?.presence !== 'error')
+            return [];
+        const risk = formatRiskClass(status, t);
+        const detail = diagnosticText(status);
+        return [{
+                claim, status, ...risk,
+                reason: detail === '' ? t('statusError') : firstSentence(detail),
+                full: detail === '' ? t('statusError') : detail,
+            }];
     });
     // Threads are always entered through a Channel page, so a Channel origin
     // returns to its timeline; a Thread restored without one returns further.
     const backLabel = channelRef === undefined ? t('backToWorkspace') : t('backToChannel');
-    return _jsxs("main", { className: css.surface, "data-team-thread": threadRef, children: [_jsxs("div", { className: css.surfaceHeader, children: [_jsx("div", { className: css.backRow, children: _jsx(Button, { size: "sm", icon: _jsx(IconChevronLeftOutlineRegular, {}), onClick: backToWorkspace, children: backLabel }) }), _jsxs("header", { className: css.headerRow, children: [_jsxs("div", { className: css.headerCopy, children: [_jsxs("div", { className: threadCss.titleLine, children: [_jsx("h1", { children: task === undefined ? t('threadLabel') : t('taskLabel', { number: resolvedTaskNumber ?? '…' }) }), task !== undefined && _jsxs(Pill, { children: [_jsx(TeamStateDot, { size: 8, state: taskStatusDot(task.status) }), formatTaskStatus(task.status, t)] })] }), taskTitle !== undefined && taskTitle !== '' && _jsx("p", { className: threadCss.taskTitle, title: taskTitle, children: taskTitle })] }), task === undefined && thread !== undefined && _jsx("div", { className: css.headerActions, children: _jsx(Button, { size: "sm", variant: "primary", disabled: pending, onClick: () => { void convertToTask(); }, children: mutating === 'promote' ? t('promotingTask') : t('promoteToTask') }) }), task !== undefined && thread !== undefined && task.resolution !== 'closed' && _jsxs("div", { className: css.headerActions, children: [(() => {
+    return _jsxs("main", { className: css.surface, "data-team-thread": threadRef, children: [_jsxs("div", { className: css.surfaceHeader, children: [_jsx("div", { className: css.backRow, children: _jsx(Button, { size: "sm", icon: _jsx(IconChevronLeftOutline14, {}), onClick: backToWorkspace, children: backLabel }) }), _jsxs("header", { className: css.headerRow, children: [_jsxs("div", { className: css.headerCopy, children: [_jsxs("div", { className: threadCss.titleLine, children: [_jsx("h1", { children: task === undefined ? t('threadLabel') : t('taskLabel', { number: resolvedTaskNumber ?? '…' }) }), task !== undefined && _jsxs(Pill, { children: [_jsx(TeamStateDot, { size: 8, state: taskStatusDot(task.status) }), formatTaskStatus(task.status, t)] })] }), taskTitle !== undefined && taskTitle !== '' && _jsx("p", { className: threadCss.taskTitle, title: taskTitle, children: taskTitle })] }), task === undefined && thread !== undefined && _jsx("div", { className: css.headerActions, children: _jsx(Button, { size: "sm", variant: "primary", disabled: pending, onClick: () => { void convertToTask(); }, children: mutating === 'promote' ? t('promotingTask') : t('promoteToTask') }) }), task !== undefined && thread !== undefined && task.resolution !== 'closed' && _jsxs("div", { className: css.headerActions, children: [(() => {
                                         const activeClaims = projection?.claims.filter(claim => claim.taskRef === task.taskRef && claim.state === 'active') ?? [];
                                         const earlyAccept = task.resolution === 'open' && task.status === 'in_progress' && activeClaims.length > 0;
                                         // todo Tasks accept directly: the work finished outside the
@@ -718,14 +744,14 @@ export function TeamThreadPage(props) {
                                             } }, children: t('acceptTask') });
                                     })(), task.resolution === 'open'
                                         ? _jsx(Button, { size: "sm", variant: "outline", disabled: pending, onClick: () => { void mutateTask('close'); }, children: t('closeTask') })
-                                        : _jsx(Button, { size: "sm", variant: "primary", disabled: pending, onClick: () => { void mutateTask('reopen'); }, children: t('reopenTask') })] })] }), risks.length > 0 && _jsxs("section", { className: threadCss.riskSection, "aria-label": t('runtimeRisk'), children: [_jsx("h2", { children: t('runtimeRisk') }), risks.map(({ claim, status }) => _jsxs("p", { className: threadCss.riskRow, children: [_jsx(TeamPresenceDot, { status: status, t: t }), _jsxs("span", { children: [t('runtimeRiskDetail', { member: status.member.handle, diagnostic: diagnosticText(status) || t('statusError') }), " \u00B7 ", claim.direction] })] }, claim.claimRef))] }), task !== undefined && thread !== undefined && (() => {
+                                        : _jsx(Button, { size: "sm", variant: "primary", disabled: pending, onClick: () => { void mutateTask('reopen'); }, children: t('reopenTask') })] })] }), risks.length > 0 && _jsxs("section", { className: threadCss.riskSection, "aria-label": t('runtimeRisk'), children: [_jsx("h2", { children: t('runtimeRisk') }), risks.map(({ claim, status, label, sentenceKey, reason, full }) => _jsxs("p", { className: threadCss.riskRow, children: [_jsx(TeamPresenceDot, { status: status, t: t }), _jsxs("span", { title: full, children: [_jsx("strong", { className: threadCss.riskClass, children: label }), " \u00B7 ", t(sentenceKey, { member: status.member.handle }), " \u2014 ", reason] })] }, claim.claimRef))] }), task !== undefined && thread !== undefined && (() => {
                         // Recomputed here so the confirm list never shows stale rows.
                         const activeClaims = projection?.claims.filter(claim => claim.taskRef === task.taskRef && claim.state === 'active') ?? [];
                         return _jsxs(Modal, { open: confirmingAccept, onClose: () => { if (!pending)
                                 setConfirmingAccept(false); }, title: t('acceptEarlyTitle'), closeLabel: t('cancel'), footer: _jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", disabled: pending, onClick: () => { setConfirmingAccept(false); }, children: t('cancel') }), _jsx(Button, { variant: "primary", disabled: pending, onClick: () => { void mutateTask('accept'); }, children: mutating === 'accept' ? t('acceptingTask') : t('acceptTask') })] }), children: [_jsx("p", { className: css.confirmBody, children: t('acceptEarlyBody', { count: activeClaims.length }) }), _jsx("ul", { className: css.confirmList, children: activeClaims.map(claim => (_jsxs("li", { children: [memberName(claim.owner), " \u00B7 ", claim.direction] }, claim.claimRef))) })] });
-                    })(), task !== undefined && thread !== undefined && _jsx("section", { className: threadCss.workSection, "aria-label": t('claims'), children: _jsx(DisclosureRow, { expandOnRowClick: true, expandable: true, open: claimsOpen, onToggle: () => { setClaimsOpen(current => !current); }, icon: _jsx(IconChecklistOutlineRegular, { size: 14 }), title: `${t('claims')} · ${taskClaims.length}`, children: _jsxs("div", { className: threadCss.claimList, children: [taskClaims.length === 0 && _jsx("p", { className: threadCss.emptyClaims, children: t('noClaims') }), taskClaims.map(claim => {
+                    })(), task !== undefined && thread !== undefined && _jsx("section", { className: threadCss.workSection, "aria-label": t('claims'), children: _jsx(DisclosureRow, { expandOnRowClick: true, expandable: true, open: claimsOpen, onToggle: () => { setClaimsOpen(current => !current); }, icon: _jsx(IconChecklistOutline14, { size: 14 }), title: `${t('claims')} · ${taskClaims.length}`, children: _jsxs("div", { className: threadCss.claimList, children: [taskClaims.length === 0 && _jsx("p", { className: threadCss.emptyClaims, children: t('noClaims') }), taskClaims.map(claim => {
                                         const ownerStatus = members.find(status => status.member.memberId === claim.owner);
-                                        return _jsxs("article", { className: threadCss.claimRow, children: [ownerStatus === undefined ? _jsx("span", {}) : _jsx(TeamPresenceDot, { status: ownerStatus, t: t }), _jsx("strong", { className: threadCss.claimOwner, children: memberName(claim.owner) }), _jsx("span", { className: threadCss.claimDirection, children: claim.direction }), _jsx("small", { className: threadCss.claimState, children: formatClaimState(claim.state, t) })] }, claim.claimRef);
+                                        return _jsxs("article", { className: `${threadCss.claimRow}${claim.state === 'done' ? ` ${threadCss.claimRowDone}` : ''}`, children: [ownerStatus === undefined ? _jsx("span", {}) : _jsx(TeamPresenceDot, { status: ownerStatus, t: t }), _jsx("strong", { className: threadCss.claimOwner, title: memberName(claim.owner), children: memberName(claim.owner) }), _jsx("span", { className: threadCss.claimDirection, children: claim.direction }), _jsx("small", { className: threadCss.claimState, children: formatClaimState(claim.state, t) })] }, claim.claimRef);
                                     })] }) }) })] }), _jsx("section", { ref: timeline.ref, onScroll: handleTimelineScroll, className: css.timeline, "aria-label": t('timelineLabel'), children: _jsxs("div", { className: css.timelineContent, children: [loading && projection === undefined && error === undefined && _jsx("div", { className: css.emptySurface, children: _jsxs("p", { className: css.loadingState, children: [_jsx("span", { className: css.loadingMark, "aria-hidden": "true" }), t('loadingThread')] }) }), projection === undefined && error !== undefined && _jsxs("div", { className: css.errorState, role: "alert", children: [_jsx("span", { children: error }), _jsx(Button, { size: "sm", variant: "outline", onClick: () => { void readCurrent(); }, children: t('retry') })] }), olderFacts.length > 0 && _jsxs("section", { className: threadCss.historySection, "aria-label": t('olderHistory'), children: [_jsx("h2", { children: t('olderHistory') }), renderFactBlocks(olderFacts, undefined)] }), historyHasMore && _jsx("div", { className: css.timelineAction, children: _jsx(Button, { size: "sm", onClick: () => { void loadOlder(); }, children: t('loadOlder') }) }), currentFactsWithAnchor.length > 0 && _jsx("section", { className: threadCss.publicSection, children: renderFactBlocks(currentFactsWithAnchor, unreadBoundary) }), autoReadExhausted && _jsxs("div", { className: css.timelineAction, role: "alert", children: [_jsx("span", { children: t('autoReadIncomplete') }), _jsx(Button, { size: "sm", onClick: () => { setAutoReadExhausted(false); void drainUnread(); }, disabled: loading, children: t('retry') })] }), newFactsCount > 0 && _jsx("div", { className: threadCss.newUpdates, role: "status", children: _jsx("button", { type: "button", className: threadCss.newUpdatesJump, onClick: () => { setNewFactsCount(0); timeline.scrollToBottom(); }, children: t('newUpdatesJump', { count: newFactsCount }) }) })] }) }), projection !== undefined && thread !== undefined ? (task?.resolution === 'closed'
                 ? _jsxs("div", { className: threadCss.closedBar, "data-team-closed": true, children: [error !== undefined && _jsx("p", { className: css.error, role: "alert", children: error }), _jsxs("div", { className: threadCss.closedNotice, children: [_jsx("span", { children: t('taskClosedNotice') }), _jsx(Button, { size: "sm", variant: "outline", disabled: pending, onClick: () => { void mutateTask('reopen'); }, children: t('reopenTask') })] })] })
                 : _jsx(TeamComposer, { members: channelMembers, followerMemberIds: followerIds, drafts: drafts, draftKey: draftKey, pending: pending, ...(statusMessage === undefined ? {} : { confirmation: statusMessage }), ...(error === undefined ? {} : { error }), onEdit: clearSendState, onSubmit: () => { void sendReply(); }, placeholder: t('replyPlaceholder'), pendingFiles: pendingFiles, onFilesChange: setPendingFiles, t: t }, draftKey)) : _jsx("div", {})] });

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState, useSyncExternalStore } from 'react';
-import { IconAgentPresetOutlineRegular, IconListPenOutlineRegular, IconQueueOutlineRegular, Tooltip } from '@deepseek-ai/dsh-client-ui-primitives';
+import { IconAgentPresetOutline16, IconListPenOutline16, IconQueueOutline14, Tooltip } from '@deepseek-ai/dsh-client-ui-primitives';
 import { TeamWorkspaceSelector } from "./TeamWorkspaceSelector.js";
 import { TeamAgentsPanel } from "./TeamAgentsPanel.js";
 import { TeamChannelsPanel } from "./TeamChannelsPanel.js";
@@ -14,7 +14,7 @@ import css from './sidebar.module.css';
  * on the same corner of the same glyph.
  */
 function InboxMark({ unread }) {
-    return _jsxs("span", { className: css.inboxMark, children: [_jsx(IconQueueOutlineRegular, { size: 16 }), unread > 0 && _jsx("span", { className: css.inboxDot, "data-team-inbox-dot": true, "aria-hidden": "true" })] });
+    return _jsxs("span", { className: css.inboxMark, children: [_jsx(IconQueueOutline14, { size: 16 }), unread > 0 && _jsx("span", { className: css.inboxDot, "data-team-inbox-dot": true, "aria-hidden": "true" })] });
 }
 export function TeamWorkspaceBrowser({ wide, expandSidebar, navigation, selectWorkspace, selectChannel, selectInbox, t, useWorkspaces, loadMembers, loadInbox, subscribeChanges, subscribeReads, addMember, loadChannels, createChannel, updateChannel, archiveChannel, updateMember, recoverMember, archiveMember, joinWorkspace, leaveWorkspace, joinChannel, removeChannelMember, loadModels, openMemberSession }) {
     const navigationState = useSyncExternalStore(navigation.subscribe, navigation.getSnapshot, navigation.getSnapshot);
@@ -95,7 +95,7 @@ export function TeamWorkspaceBrowser({ wide, expandSidebar, navigation, selectWo
         queueMicrotask(() => { node?.querySelector('button')?.focus(); });
     }, [wide, pendingSection]);
     if (!wide) {
-        return _jsxs("nav", { className: css.railWorkspace, "aria-label": t('workspaceSections'), children: [_jsx(Tooltip, { label: inboxLabel, side: "right", children: _jsx("button", { type: "button", className: css.railButton, "aria-label": inboxLabel, "aria-current": inboxIsCurrent ? 'page' : undefined, onClick: () => { selectInbox(); expandSidebar(); }, children: _jsx(InboxMark, { unread: inboxTotal }) }) }), _jsx(Tooltip, { label: t('channels'), side: "right", children: _jsx("button", { type: "button", className: css.railButton, "aria-label": t('channels'), onClick: () => { setPendingSection('channels'); expandSidebar(); }, children: _jsx(IconListPenOutlineRegular, { size: 16 }) }) }), _jsx(Tooltip, { label: t('agents'), side: "right", children: _jsx("button", { type: "button", className: css.railButton, "aria-label": t('agents'), onClick: () => { setPendingSection('agents'); expandSidebar(); }, children: _jsx(IconAgentPresetOutlineRegular, { size: 16 }) }) })] });
+        return _jsxs("nav", { className: css.railWorkspace, "aria-label": t('workspaceSections'), children: [_jsx(Tooltip, { label: inboxLabel, side: "right", children: _jsx("button", { type: "button", className: css.railButton, "aria-label": inboxLabel, "aria-current": inboxIsCurrent ? 'page' : undefined, onClick: () => { selectInbox(); expandSidebar(); }, children: _jsx(InboxMark, { unread: inboxTotal }) }) }), _jsx(Tooltip, { label: t('channels'), side: "right", children: _jsx("button", { type: "button", className: css.railButton, "aria-label": t('channels'), onClick: () => { setPendingSection('channels'); expandSidebar(); }, children: _jsx(IconListPenOutline16, { size: 16 }) }) }), _jsx(Tooltip, { label: t('agents'), side: "right", children: _jsx("button", { type: "button", className: css.railButton, "aria-label": t('agents'), onClick: () => { setPendingSection('agents'); expandSidebar(); }, children: _jsx(IconAgentPresetOutline16, { size: 16 }) }) })] });
     }
     return _jsxs("section", { className: css.workspaceBrowser, "aria-label": t('workspaces'), children: [_jsxs("button", { type: "button", className: css.inboxCard, "aria-label": inboxLabel, "aria-current": inboxIsCurrent ? 'page' : undefined, onClick: selectInbox, children: [_jsx(InboxMark, { unread: inboxTotal }), _jsx("span", { className: css.inboxCardLabel, children: t('inboxTitle') })] }), _jsx(TeamWorkspaceSelector, { workspaces: workspaces, selectedId: selectedId, current: overviewIsCurrent, onSelect: selectWorkspace, t: t }), selectedId !== undefined && _jsxs("div", { className: css.workspaceSection, children: [_jsx("div", { ref: channelsRef, children: _jsx(TeamChannelsPanel, { workspaceId: selectedId, loadMembers: loadMembers, loadChannels: loadChannels, subscribeChanges: subscribeChanges, createChannel: createChannel, updateChannel: updateChannel, archiveChannel: archiveChannel, joinChannel: joinChannel, removeChannelMember: removeChannelMember, creatingAgents: creatingAgents.filter(request => request.workspaceId === selectedId), ...(navigationState.memberSessionId !== undefined || navigationState.channelRef === undefined ? {} : { selectedChannelRef: navigationState.channelRef }), selectChannel: selectChannel, t: t }, selectedId) }), _jsx("div", { ref: agentsRef, children: _jsx(TeamAgentsPanel, { workspaceId: selectedId, loadMembers: loadMembers, subscribeChanges: subscribeChanges, addMember: addMember, updateMember: updateMember, recoverMember: recoverMember, archiveMember: archiveMember, joinWorkspace: joinWorkspace, leaveWorkspace: leaveWorkspace, loadModels: loadModels, ...(navigationState.memberSessionId === undefined ? {} : { memberSessionId: navigationState.memberSessionId }), openMemberSession: openMemberSession, onCreatingChange: (request, creating) => { setCreatingAgents(current => creating ? [...current.filter(item => item.requestId !== request.requestId), request] : current.filter(item => item.requestId !== request.requestId)); }, t: t }, selectedId) })] })] });
 }

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { IconChevronDownOutlineRegular, IconFolderOpenRegular, Menu } from '@deepseek-ai/dsh-client-ui-primitives';
+import { IconChevronDownOutline14, IconFolderOpen16, Menu } from '@deepseek-ai/dsh-client-ui-primitives';
 import css from './sidebar.module.css';
 /**
  * The single-line Workspace selector that scopes the Team sidebar.
@@ -54,5 +54,5 @@ export function TeamWorkspaceSelector({ workspaces, selectedId, current, onSelec
         id: workspace.workspaceId,
         label: workspace.title,
     }));
-    return (_jsx(Menu, { open: open, portal: true, autoFocus: true, items: items, selectedIds: [selected.workspaceId], onSelect: id => { setOpen(false); onSelect(id); }, onClose: () => { setOpen(false); }, anchor: (_jsxs("button", { type: "button", className: css.workspaceTrigger, "data-team-workspace-trigger": true, "aria-label": t('workspaceSelectorWithValue', { title: selected.title }), "aria-haspopup": "menu", "aria-expanded": open, "aria-current": current ? 'page' : undefined, title: `${selected.title} · ${selected.path}`, onClick: () => { setOpen(value => !value); }, children: [_jsx("span", { className: css.workspaceIcon, "aria-hidden": "true", children: _jsx(IconFolderOpenRegular, { size: 16 }) }), _jsx("span", { className: css.workspaceValue, children: selected.title }), _jsx("span", { className: `${css.workspaceChevron} ${open ? css.workspaceChevronOpen : ''}`, "aria-hidden": "true", children: _jsx(IconChevronDownOutlineRegular, {}) })] })) }));
+    return (_jsx(Menu, { open: open, portal: true, autoFocus: true, items: items, selectedIds: [selected.workspaceId], onSelect: id => { setOpen(false); onSelect(id); }, onClose: () => { setOpen(false); }, anchor: (_jsxs("button", { type: "button", className: css.workspaceTrigger, "data-team-workspace-trigger": true, "aria-label": t('workspaceSelectorWithValue', { title: selected.title }), "aria-haspopup": "menu", "aria-expanded": open, "aria-current": current ? 'page' : undefined, title: `${selected.title} · ${selected.path}`, onClick: () => { setOpen(value => !value); }, children: [_jsx("span", { className: css.workspaceIcon, "aria-hidden": "true", children: _jsx(IconFolderOpen16, { size: 16 }) }), _jsx("span", { className: css.workspaceValue, children: selected.title }), _jsx("span", { className: `${css.workspaceChevron} ${open ? css.workspaceChevronOpen : ''}`, "aria-hidden": "true", children: _jsx(IconChevronDownOutline14, {}) })] })) }));
 }

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

@@ -0,0 +1,21 @@
+/**
+ * Whether one avatar URL actually draws.
+ *
+ * The Host accepts an avatar by declared media type — `sanitizeMediaType` only
+ * checks the shape of `image/…` — so bytes the browser cannot decode are stored
+ * and handed back as a data URL that renders nothing: a phone photo in HEIC, or
+ * a payload damaged on the way in. The settings copy promises the initial back
+ * in that case, so both avatar seats ask this hook instead of testing the URL
+ * for `undefined`, which cannot tell a picture from a blank circle.
+ *
+ * The record is keyed by URL: bytes that already failed keep the fallback, and
+ * a new upload retries on its own because its data URL differs.
+ */
+export interface AvatarImage {
+    /** The URL to draw, or `undefined` when the seat must fall back to the initial. */
+    readonly src: string | undefined;
+    /** Attach to the `<img>`'s `onError`: these bytes do not decode. */
+    readonly failed: () => void;
+}
+export declare function useAvatarImage(url: string | undefined): AvatarImage;
+//# sourceMappingURL=avatar-image.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-image.d.ts","sourceRoot":"","sources":["../../../src/client/avatar-image.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AAEH,MAAM,WAAW,WAAW;IAC1B,mFAAmF;IACnF,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,oEAAoE;IACpE,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAA;CAC5B;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,WAAW,CAMnE"}

package/packages/client-agent-team/lib/types/client/avatar-image.js

@@ -0,0 +1,9 @@
+import { useState } from 'react';
+export function useAvatarImage(url) {
+    const [broken, setBroken] = useState(undefined);
+    return {
+        src: url === undefined || url === broken ? undefined : url,
+        failed: () => { if (url !== undefined)
+            setBroken(url); },
+    };
+}

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

@@ -0,0 +1,94 @@
+import type { RemoteResult } from '@deepseek-ai/dsh-typert-protocol';
+import type { AgentTeamHumanProfileResult } from '@wowyuarm/dsh-agent-team/types';
+/**
+ * The Client's one projection of the Human identity.
+ *
+ * The durable facts live in the Host: the display name and the avatar
+ * reference in the `agent-team-human` settings section, the avatar bytes in the
+ * persistent avatar store. This store is the only place the Team Client reads
+ * them, so every seat that names or draws the Human — message rows, member
+ * refs, mention chips, the settings page — shows one rename and one face, and a
+ * single refresh after a write moves all of them together.
+ *
+ * Seats render before the first read settles; `name` stays undefined until then
+ * and every caller falls back to its own localized name for the Human. Reads
+ * are demand-driven: the first subscriber starts the read, so a Client that
+ * never opens Team mode or the profile page never calls the Remote.
+ */
+/**
+ * Host settings namespace that holds the Human profile. The Host declares the
+ * same string (`HUMAN_PROFILE_SETTINGS_NAMESPACE`) on its own side of the
+ * bundle boundary, and a test pins the two together.
+ */
+export declare const HUMAN_PROFILE_NAMESPACE = "agent-team-human";
+/** One read of the Human identity, replaced wholesale on every change. */
+export interface TeamHumanIdentitySnapshot {
+    /**
+     * `loading` until the first read settles, `ready` while an accepted value
+     * stands (also when a later refresh failed), `unavailable` when no value was
+     * ever accepted — the one state that hands the page a retry.
+     */
+    readonly status: 'loading' | 'ready' | 'unavailable';
+    /** Host-resolved display name; undefined before the first accepted read. */
+    readonly name?: string | undefined;
+    /** Configured avatar reference; undefined means the identity fallback is the avatar. */
+    readonly avatarRef?: string | undefined;
+    /** Avatar bytes as a data URL for `<img>`; undefined renders the fallback. */
+    readonly avatarUrl?: string | undefined;
+    /** Bundle version for the settings footnote. */
+    readonly version?: string | undefined;
+    /** Repository home the footnote links to. */
+    readonly repoUrl?: string | undefined;
+    readonly updateAvailable: boolean;
+    readonly latestVersion?: string | undefined;
+    /** Last failure, kept beside the last accepted value so a page can report it. */
+    readonly error?: string | undefined;
+}
+/** Read-side face every consumer binds: the seats' hook and the settings page alike. */
+export interface TeamHumanIdentitySource {
+    getSnapshot(): TeamHumanIdentitySnapshot;
+    subscribe(listener: () => void): () => void;
+}
+/** The settings page's extra face: re-read after a failed or superseded read. */
+export interface TeamHumanIdentityFace extends TeamHumanIdentitySource {
+    refresh(): Promise<void>;
+}
+/** Host calls the store reads through; one loader per Client context. */
+export interface TeamHumanIdentityLoader {
+    loadProfile: () => Promise<RemoteResult<AgentTeamHumanProfileResult>>;
+    /** Resolve one avatar reference to a displayable URL; null falls back to the initial. */
+    loadAvatarUrl: (avatarRef: string) => Promise<string | null>;
+}
+export declare class TeamHumanIdentity implements TeamHumanIdentityFace {
+    private snapshot;
+    private readonly listeners;
+    private reading;
+    private readonly loader;
+    constructor(loader: TeamHumanIdentityLoader);
+    readonly getSnapshot: () => TeamHumanIdentitySnapshot;
+    /**
+     * Observe the identity, starting the first read when nobody has read yet.
+     * @param listener - invoked after every snapshot replacement.
+     * @returns the disposer removing this listener.
+     */
+    readonly subscribe: (listener: () => void) => (() => void);
+    /**
+     * Re-read the Host projection. Concurrent callers share one round trip, and a
+     * failed refresh keeps the last accepted value beside the reported error —
+     * the seats never blank out because a background read failed.
+     * @returns settlement of this read (or of the read already in flight).
+     */
+    refresh(): Promise<void>;
+    dispose(): void;
+    private read;
+    /**
+     * Record one read failure. A value that was already accepted stays on screen
+     * (the seats never blank out over a background read), and only an identity
+     * that never loaded becomes `unavailable` — the state that offers a retry.
+     */
+    private fail;
+    private commit;
+}
+/** Subscribe one rendered seat to the identity. */
+export declare function useHumanIdentity(identity: TeamHumanIdentitySource): TeamHumanIdentitySnapshot;
+//# sourceMappingURL=human-identity.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"human-identity.d.ts","sourceRoot":"","sources":["../../../src/client/human-identity.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAA;AAEjF;;;;;;;;;;;;;;GAcG;AAEH;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,qBAAqB,CAAA;AAEzD,0EAA0E;AAC1E,MAAM,WAAW,yBAAyB;IACxC;;;;OAIG;IACH,QAAQ,CAAC,MAAM,EAAE,SAAS,GAAG,OAAO,GAAG,aAAa,CAAA;IACpD,4EAA4E;IAC5E,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAClC,wFAAwF;IACxF,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACvC,8EAA8E;IAC9E,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACvC,gDAAgD;IAChD,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACrC,6CAA6C;IAC7C,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACrC,QAAQ,CAAC,eAAe,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3C,iFAAiF;IACjF,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACpC;AAED,wFAAwF;AACxF,MAAM,WAAW,uBAAuB;IACtC,WAAW,IAAI,yBAAyB,CAAA;IACxC,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAAA;CAC5C;AAED,iFAAiF;AACjF,MAAM,WAAW,qBAAsB,SAAQ,uBAAuB;IACpE,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAA;CACzB;AAED,yEAAyE;AACzE,MAAM,WAAW,uBAAuB;IACtC,WAAW,EAAE,MAAM,OAAO,CAAC,YAAY,CAAC,2BAA2B,CAAC,CAAC,CAAA;IACrE,yFAAyF;IACzF,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;CAC7D;AAID,qBAAa,iBAAkB,YAAW,qBAAqB;IAC7D,OAAO,CAAC,QAAQ,CAAqC;IACrD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAwB;IAClD,OAAO,CAAC,OAAO,CAA2B;IAC1C,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAyB;gBAEpC,MAAM,EAAE,uBAAuB;IAI3C,QAAQ,CAAC,WAAW,QAAO,yBAAyB,CAAiB;IAErE;;;;OAIG;IACH,QAAQ,CAAC,SAAS,GAAI,UAAU,MAAM,IAAI,KAAG,CAAC,MAAM,IAAI,CAAC,CAIxD;IAED;;;;;OAKG;IACH,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;IASxB,OAAO,IAAI,IAAI;YAID,IAAI;IAkClB;;;;OAIG;IACH,OAAO,CAAC,IAAI;IAOZ,OAAO,CAAC,MAAM;CAIf;AAED,mDAAmD;AACnD,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,uBAAuB,GAAG,yBAAyB,CAE7F"}

package/packages/client-agent-team/lib/types/client/human-identity.js

@@ -0,0 +1,117 @@
+import { useSyncExternalStore } from 'react';
+/**
+ * The Client's one projection of the Human identity.
+ *
+ * The durable facts live in the Host: the display name and the avatar
+ * reference in the `agent-team-human` settings section, the avatar bytes in the
+ * persistent avatar store. This store is the only place the Team Client reads
+ * them, so every seat that names or draws the Human — message rows, member
+ * refs, mention chips, the settings page — shows one rename and one face, and a
+ * single refresh after a write moves all of them together.
+ *
+ * Seats render before the first read settles; `name` stays undefined until then
+ * and every caller falls back to its own localized name for the Human. Reads
+ * are demand-driven: the first subscriber starts the read, so a Client that
+ * never opens Team mode or the profile page never calls the Remote.
+ */
+/**
+ * Host settings namespace that holds the Human profile. The Host declares the
+ * same string (`HUMAN_PROFILE_SETTINGS_NAMESPACE`) on its own side of the
+ * bundle boundary, and a test pins the two together.
+ */
+export const HUMAN_PROFILE_NAMESPACE = 'agent-team-human';
+const INITIAL = { status: 'loading', updateAvailable: false };
+export class TeamHumanIdentity {
+    snapshot = INITIAL;
+    listeners = new Set();
+    reading;
+    loader;
+    constructor(loader) {
+        this.loader = loader;
+    }
+    getSnapshot = () => this.snapshot;
+    /**
+     * Observe the identity, starting the first read when nobody has read yet.
+     * @param listener - invoked after every snapshot replacement.
+     * @returns the disposer removing this listener.
+     */
+    subscribe = (listener) => {
+        this.listeners.add(listener);
+        if (this.snapshot.status === 'loading' && this.reading === undefined)
+            void this.refresh();
+        return () => { this.listeners.delete(listener); };
+    };
+    /**
+     * Re-read the Host projection. Concurrent callers share one round trip, and a
+     * failed refresh keeps the last accepted value beside the reported error —
+     * the seats never blank out because a background read failed.
+     * @returns settlement of this read (or of the read already in flight).
+     */
+    refresh() {
+        if (this.reading !== undefined)
+            return this.reading;
+        const reading = this.read().finally(() => {
+            if (this.reading === reading)
+                this.reading = undefined;
+        });
+        this.reading = reading;
+        return reading;
+    }
+    dispose() {
+        this.listeners.clear();
+    }
+    async read() {
+        let profile;
+        try {
+            const result = await this.loader.loadProfile();
+            if (!result.ok) {
+                this.fail(result.error.message);
+                return;
+            }
+            profile = result.value;
+        }
+        catch (error) {
+            // A dropped connection surfaces as a thrown carrier error, not a result:
+            // both are read failures and both keep whatever value already stands.
+            this.fail(error instanceof Error ? error.message : String(error));
+            return;
+        }
+        // Bytes are immutable per reference, so one fetch serves every later
+        // refresh that still carries the same avatar.
+        const avatarUrl = profile.avatarRef === undefined
+            ? undefined
+            : profile.avatarRef === this.snapshot.avatarRef && this.snapshot.avatarUrl !== undefined
+                ? this.snapshot.avatarUrl
+                : (await this.loader.loadAvatarUrl(profile.avatarRef)) ?? undefined;
+        this.commit({
+            status: 'ready',
+            name: profile.name,
+            ...(profile.avatarRef === undefined ? {} : { avatarRef: profile.avatarRef }),
+            ...(avatarUrl === undefined ? {} : { avatarUrl }),
+            version: profile.version,
+            repoUrl: profile.repoUrl,
+            updateAvailable: profile.updateAvailable,
+            ...(profile.latestVersion === undefined ? {} : { latestVersion: profile.latestVersion }),
+        });
+    }
+    /**
+     * Record one read failure. A value that was already accepted stays on screen
+     * (the seats never blank out over a background read), and only an identity
+     * that never loaded becomes `unavailable` — the state that offers a retry.
+     */
+    fail(message) {
+        const held = this.snapshot;
+        this.commit(held.name === undefined
+            ? { ...held, status: 'unavailable', error: message }
+            : { ...held, status: 'ready', error: message });
+    }
+    commit(snapshot) {
+        this.snapshot = snapshot;
+        for (const listener of this.listeners)
+            listener();
+    }
+}
+/** Subscribe one rendered seat to the identity. */
+export function useHumanIdentity(identity) {
+    return useSyncExternalStore(identity.subscribe, identity.getSnapshot, identity.getSnapshot);
+}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAuCnE,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAEhD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAK5C,OAAO,EAAU,KAAK,OAAO,EAAE,MAAM,cAAc,CAAA;AAEnD,YAAY,EAAE,QAAQ,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAC9F,YAAY,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAIhD,eAAO,MAAM,MAAM,UAElB,CAAA;AAuBD,OAAO,QAAQ,kCAAkC,CAAC;IAChD,UAAU,kBAAkB;QAC1B,IAAI,EAAE,OAAO,CAAA;KACd;CACF;AAED,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,OAAO;QACf,cAAc,EAAE,cAAc,CAAA;QAC9B,UAAU,EAAE,cAAc,CAAA;KAC3B;CACF;AAqMD,wBAAsB,KAAK,CAAC,GAAG,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,CAI7D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AA6CnE,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAEhD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAK5C,OAAO,EAAU,KAAK,OAAO,EAAE,MAAM,cAAc,CAAA;AAEnD,YAAY,EAAE,QAAQ,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAC9F,YAAY,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAIhD,eAAO,MAAM,MAAM,UAElB,CAAA;AAED,OAAO,QAAQ,kCAAkC,CAAC;IAChD,UAAU,kBAAkB;QAC1B,IAAI,EAAE,OAAO,CAAA;KACd;CACF;AAED,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,OAAO;QACf,cAAc,EAAE,cAAc,CAAA;QAC9B,UAAU,EAAE,cAAc,CAAA;KAC3B;CACF;AAqRD,wBAAsB,KAAK,CAAC,GAAG,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,CAI7D"}