@wowyuarm/dsh-agent-team 0.1.2 → 0.1.4

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

@@ -0,0 +1,169 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { Button, IconChevronDownOutline14, Input, Menu, Modal } from '@deepseek-ai/dsh-client-ui-primitives';
+import { useChannelMembership } from "./team-membership.js";
+import { mintRequestId } from "./requests.js";
+import createCss from './create.module.css';
+import css from './sidebar.module.css';
+/** Model option key inside one editor; opaque and resolved against the loaded groups. */
+function modelKey(provider, model) {
+    return `${provider}\u0000${model}`;
+}
+/**
+ * Shared provider/model dropdown for the create and edit forms. The option
+ * list rides the shared Menu primitive (one leading "follow Host default"
+ * row, then non-selectable provider headings) with a capped, internally
+ * scrolling card so growing model catalogs cannot stretch the dialog.
+ */
+export function ModelPickerField({ model, onModelChange, loadModels, disabled, t }) {
+    const [groups, setGroups] = useState();
+    const [modelsError, setModelsError] = useState();
+    const [open, setModelOpen] = useState(false);
+    const [effortOpen, setEffortOpen] = useState(false);
+    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]);
+    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, efforts: entry.reasoning?.efforts ?? [] });
+            items.push({ id: key, label: entry.name });
+        }
+    }
+    const selectedModelKey = model === undefined ? '' : modelKey(model.provider, model.model);
+    const triggerLabel = model === undefined
+        ? t('modelFollowDefault')
+        : byKey.get(selectedModelKey)?.name ?? `${model.provider} / ${model.model}`;
+    // The effort sub-row only makes sense for a pinned model with adapter-exposed
+    // efforts; following the Host default inherits the operator's whole selection.
+    const efforts = model === undefined ? [] : byKey.get(selectedModelKey)?.efforts ?? [];
+    const effortItems = [{ id: '', label: t('effortFollowDefault') }, ...efforts.map(effort => ({ id: effort.id, label: effort.name }))];
+    const selectedEffort = model?.reasoningEffort ?? '';
+    const effortTriggerLabel = model === undefined || selectedEffort === ''
+        ? t('effortFollowDefault')
+        : efforts.find(effort => effort.id === selectedEffort)?.name ?? selectedEffort;
+    return _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: open, portal: true, className: createCss.menuCap, items: items, selectedId: selectedModelKey, onSelect: key => {
+                    setModelOpen(false);
+                    const choice = byKey.get(key);
+                    onModelChange(choice === undefined ? undefined : { provider: choice.provider, model: choice.id });
+                }, onClose: () => { setModelOpen(false); }, anchor: _jsxs("button", { type: "button", className: createCss.selectTrigger, "aria-label": t('memberModel'), "aria-haspopup": "listbox", "aria-expanded": open, disabled: disabled, onClick: () => { setModelOpen(value => !value); }, children: [_jsx("span", { className: createCss.selectValue, children: triggerLabel }), _jsx("span", { className: `${createCss.chevron} ${open ? createCss.chevronOpen : ''}`, "aria-hidden": true, children: _jsx(IconChevronDownOutline14, {}) })] }) })), model !== undefined && efforts.length > 0 && (_jsx(Menu, { open: effortOpen, portal: true, className: createCss.menuCap, items: effortItems, selectedId: selectedEffort, onSelect: key => {
+                    setEffortOpen(false);
+                    onModelChange(key === ''
+                        ? { provider: model.provider, model: model.model }
+                        : { provider: model.provider, model: model.model, reasoningEffort: key });
+                }, onClose: () => { setEffortOpen(false); }, anchor: _jsxs("button", { type: "button", className: createCss.selectTrigger, "aria-label": t('reasoningEffort'), "aria-haspopup": "listbox", "aria-expanded": effortOpen, disabled: disabled, onClick: () => { setEffortOpen(value => !value); }, children: [_jsx("span", { className: createCss.selectValue, children: `${t('reasoningEffort')} · ${effortTriggerLabel}` }), _jsx("span", { className: `${createCss.chevron} ${effortOpen ? createCss.chevronOpen : ''}`, "aria-hidden": true, children: _jsx(IconChevronDownOutline14, {}) })] }) }))] });
+}
+/**
+ * Agent editor: handle, description, and per-Member model selection commit
+ * through one durable update; Channel membership below keeps its own
+ * immediate add/remove flow.
+ */
+export 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);
+    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 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));
+    const dirty = handle.trim() !== status.member.handle || description.trim() !== status.member.description
+        || !sameModel(model, status.member.model);
+    const submit = async (event) => {
+        event.preventDefault();
+        const normalizedHandle = handle.trim();
+        const normalizedDescription = description.trim();
+        if (saving || !dirty || normalizedHandle.length === 0)
+            return;
+        const payload = {
+            memberId,
+            handle: normalizedHandle,
+            description: normalizedDescription,
+            ...(model === undefined ? {} : { model }),
+        };
+        const samePending = pendingRequest.current !== undefined && pendingRequest.current.memberId === payload.memberId
+            && pendingRequest.current.handle === payload.handle && pendingRequest.current.description === payload.description
+            && sameModel(pendingRequest.current.model, model);
+        const request = samePending ? pendingRequest.current : {
+            requestId: mintRequestId(),
+            ...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, 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: [_jsxs("span", { children: [t('agentDescription'), t('optionalSuffix')] }), _jsx(Input, { className: createCss.input, value: description, placeholder: t('agentDescriptionPlaceholder'), onChange: event => { setDescription(event.target.value); pendingRequest.current = undefined; }, disabled: saving })] }), _jsx(ModelPickerField, { model: model, onModelChange: choice => { pendingRequest.current = undefined; setModel(choice); }, loadModels: loadModels, disabled: saving, t: t }), _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 })] }) }));
+}
+export function sameModel(left, right) {
+    if (left === undefined && right === undefined)
+        return true;
+    if (left === undefined || right === undefined)
+        return false;
+    return left.provider === right.provider && left.model === right.model && left.reasoningEffort === right.reasoningEffort;
+}

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

@@ -0,0 +1,17 @@
+import type { PropsRuntime } from '@deepseek-ai/dsh-client-ui-slots';
+import type { InputTriggerController } from '@deepseek-ai/dsh-client-ui-input-trigger/client';
+/** Public composer-bar slot currency plus Team's scoped trigger controller. */
+export type TeamMemberSessionComposerProps = PropsRuntime<'conversation.composer.bar'> & {
+    readonly controller: InputTriggerController;
+    /** Team inject provides public Session.cancel as the running stop action. */
+    readonly stop?: (() => void) | undefined;
+    /** Team inject keeps delivery inside the public InputMachine facade. */
+    readonly submitInput: (mode: 'queue' | 'steer') => void;
+};
+/**
+ * Narrow, Team-owned member-session composer. It deliberately uses the public
+ * input state/actions and trigger controller rather than the shipped InputBar;
+ * owner-provided overlay remains inside the card so the shared menu renders.
+ */
+export declare function TeamMemberSessionComposer({ controller, inputActions, overlay, placeholder, disabled, blocked, stop, submitInput, useInput, useSession }: TeamMemberSessionComposerProps): import("react").JSX.Element;
+//# sourceMappingURL=TeamMemberSessionComposer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TeamMemberSessionComposer.d.ts","sourceRoot":"","sources":["../../../src/client/TeamMemberSessionComposer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,KAAK,EAAE,sBAAsB,EAAc,MAAM,iDAAiD,CAAA;AAIzG,+EAA+E;AAC/E,MAAM,MAAM,8BAA8B,GAAG,YAAY,CAAC,2BAA2B,CAAC,GAAG;IACvF,QAAQ,CAAC,UAAU,EAAE,sBAAsB,CAAA;IAC3C,6EAA6E;IAC7E,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAA;IACxC,wEAAwE;IACxE,QAAQ,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,OAAO,KAAK,IAAI,CAAA;CACxD,CAAA;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,EAAE,UAAU,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,8BAA8B,+BA6GvL"}

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

@@ -0,0 +1,120 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { IconSendOutline16, IconStopFill16 } from '@deepseek-ai/dsh-client-ui-primitives';
+import { allowsMemberSessionSubmit, TEAM_COMMAND_SOURCE, TEAM_MEMBER_SOURCE } from "./member-session-input.js";
+import css from './composer.module.css';
+/**
+ * Narrow, Team-owned member-session composer. It deliberately uses the public
+ * input state/actions and trigger controller rather than the shipped InputBar;
+ * owner-provided overlay remains inside the card so the shared menu renders.
+ */
+export function TeamMemberSessionComposer({ controller, inputActions, overlay, placeholder, disabled, blocked, stop, submitInput, useInput, useSession }) {
+    const input = useInput(state => state);
+    const session = useSession(state => state);
+    const textarea = useRef(null);
+    const editedByHuman = useRef(undefined);
+    const compactWasSubmitting = useRef(false);
+    const composing = useRef(false);
+    const [submissionNotice, setSubmissionNotice] = useState();
+    const draft = input?.draft ?? '';
+    const isLocked = disabled === true || blocked !== undefined || inputActions === undefined || input === undefined;
+    useEffect(() => {
+        if (isLocked)
+            return;
+        const active = document.activeElement;
+        if (active !== document.body && active?.closest('[aria-current="page"]') === null)
+            return;
+        textarea.current?.focus({ preventScroll: true });
+    }, [isLocked]);
+    useLayoutEffect(() => {
+        const element = textarea.current;
+        if (element === null)
+            return;
+        element.style.height = 'auto';
+        element.style.height = `${Math.min(element.scrollHeight, 336)}px`;
+    }, [draft]);
+    useEffect(() => {
+        if (input === undefined)
+            return;
+        if (input.phase === 'submitting' && input.claim?.token === '/compact') {
+            compactWasSubmitting.current = true;
+            return;
+        }
+        if (input.phase === 'claimed' && input.claim?.token === '/compact' && compactWasSubmitting.current) {
+            compactWasSubmitting.current = false;
+            setSubmissionNotice('Compact 未执行，请重试。');
+            return;
+        }
+        if (input.phase === 'plain')
+            compactWasSubmitting.current = false;
+    }, [input?.claim?.token, input?.phase]);
+    useEffect(() => {
+        if (input === undefined)
+            return;
+        const edit = editedByHuman.current;
+        if (edit === undefined || edit.draft !== input.draft)
+            return;
+        editedByHuman.current = undefined;
+        const hit = triggerHit(input.draft, edit.caret, input.draftRev);
+        // toggleSource intentionally closes its own already-open launcher; reset
+        // first so consecutive real DOM edits always refresh candidates, while a
+        // pick-driven machine draft update never reopens a menu.
+        controller.dismiss();
+        if (hit !== undefined)
+            controller.toggleSource(hit.trigger === '/' ? TEAM_COMMAND_SOURCE : TEAM_MEMBER_SOURCE, hit);
+    }, [controller, input?.draft, input?.draftRev]);
+    const onChange = (event) => {
+        const caret = event.currentTarget.selectionStart;
+        editedByHuman.current = { draft: event.currentTarget.value, caret };
+        setSubmissionNotice(undefined);
+        inputActions?.setDraft(event.currentTarget.value);
+    };
+    const submit = () => {
+        if (input === undefined || inputActions === undefined)
+            return;
+        if (!allowsMemberSessionSubmit(input.draft, input.claim?.token)) {
+            setSubmissionNotice('此 Member Session 仅支持 /compact 命令。');
+            return;
+        }
+        setSubmissionNotice(undefined);
+        submitInput(running ? 'steer' : 'queue');
+    };
+    const onKeyDown = (event) => {
+        // Shift+Enter is always a native newline, even while a candidate menu is
+        // open. Keep this ahead of IME/menu handling to match the resident bar.
+        if (event.key === 'Enter' && event.shiftKey)
+            return;
+        if (event.repeat || composing.current || event.nativeEvent.isComposing || event.nativeEvent.keyCode === 229)
+            return;
+        const key = event.key === 'ArrowUp' ? 'up' : event.key === 'ArrowDown' ? 'down' : event.key === 'Escape' ? 'escape' : event.key === 'Enter' ? 'enter' : undefined;
+        if (key !== undefined) {
+            const outcome = controller.arbitrate(key, false);
+            if (outcome !== 'pass') {
+                event.preventDefault();
+                return;
+            }
+        }
+        if (event.key === 'Enter') {
+            event.preventDefault();
+            submit();
+        }
+    };
+    const running = session?.running ?? false;
+    const promptError = session?.promptError;
+    return _jsxs("div", { className: `${css.root} ${css.memberSessionRoot}`, "data-team-member-composer": "true", children: [(submissionNotice !== undefined || promptError !== null && promptError !== undefined) && (_jsx("p", { className: css.memberSessionStatus, role: "alert", children: submissionNotice ?? promptError?.error.message })), _jsxs("div", { className: `${css.card} ${css.memberSessionCard}`, "data-composer-card": "true", children: [_jsxs("div", { className: `${css.inputArea} ${css.memberSessionInputArea}`, children: [_jsx("textarea", { ref: textarea, value: draft, disabled: isLocked, placeholder: blocked?.reason ?? placeholder ?? '给成员发送直接消息', onChange: onChange, onKeyDown: onKeyDown, onCompositionStart: () => { composing.current = true; }, onCompositionEnd: () => { composing.current = false; } }), overlay] }), _jsx("div", { className: `${css.toolbar} ${css.memberSessionToolbar}`, children: _jsx("button", { className: `${css.sendButton} ${css.memberSessionPrimary}`, type: "button", "aria-label": running ? '停止生成' : '发送消息', disabled: isLocked || (!running && draft.trim() === ''), onClick: () => { if (running)
+                                stop?.();
+                            else
+                                submit(); }, children: running ? _jsx(IconStopFill16, { size: 16 }) : _jsx(IconSendOutline16, { size: 16 }) }) })] })] });
+}
+function triggerHit(draft, caret, draftRev) {
+    const before = draft.slice(0, caret);
+    const leading = before.match(/^\s*\/([^\s]*)$/u);
+    if (leading !== null) {
+        const start = before.indexOf('/');
+        return { trigger: '/', query: leading[1], quoted: false, position: 'leading', span: { start, end: caret, draftRev } };
+    }
+    const at = before.lastIndexOf('@');
+    if (at < 0 || /[\p{L}\p{N}_]/u.test(before[at - 1] ?? '') || /\s/u.test(before.slice(at + 1)))
+        return undefined;
+    return { trigger: '@', query: before.slice(at + 1), quoted: false, position: 'inline', span: { start: at, end: caret, draftRev } };
+}

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

@@ -14,6 +14,9 @@ export interface TeamMessageProps {
     readonly senderTitle?: string;
     /** Continuation of one same-sender run: suppress repeated identity chrome. */
     readonly grouped?: boolean;
+    /** Continuation rows that carry their own footer chip render the time so the
+        hairline-separated entry stays self-identifying. */
+    readonly showGroupedTime?: boolean;
     readonly attachments?: readonly AgentTeamMessageAttachment[] | undefined;
     /** Cache readback for thumbnails; absent on surfaces without the remotes. */
     readonly loadAttachment?: TeamConversationProps['getAttachment'] | undefined;
@@ -25,5 +28,5 @@ export interface TeamMessageProps {
     readonly children?: ReactNode;
 }
 /** One chat message row with identity chrome and sender-appropriate rendering. */
-export declare function TeamMessage({ senderName, memberId, human, body, occurredAt, mentionNames, senderTitle, grouped, attachments, loadAttachment, t, onOpenRef, onResolveTaskRefs, children }: TeamMessageProps): import("react").JSX.Element;
+export declare function TeamMessage({ senderName, memberId, human, body, occurredAt, mentionNames, senderTitle, grouped, showGroupedTime, attachments, loadAttachment, t, onOpenRef, onResolveTaskRefs, children }: TeamMessageProps): import("react").JSX.Element;
 //# sourceMappingURL=TeamMessage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TeamMessage.d.ts","sourceRoot":"","sources":["../../../src/client/TeamMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2F,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAE/H,OAAO,KAAK,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAA;AACrH,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAEvD,OAAO,EAA4E,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAI/H,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,QAAQ,EAAE,iBAAiB,CAAA;IACpC,wEAAwE;IACxE,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,uFAAuF;IACvF,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IACzC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,8EAA8E;IAC9E,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,0BAA0B,EAAE,GAAG,SAAS,CAAA;IACxE,6EAA6E;IAC7E,QAAQ,CAAC,cAAc,CAAC,EAAE,qBAAqB,CAAC,eAAe,CAAC,GAAG,SAAS,CAAA;IAC5E,QAAQ,CAAC,CAAC,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAAG,SAAS,CAAA;IACnD,0FAA0F;IAC1F,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IACxD,sFAAsF;IACtF,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,SAAS,gBAAgB,EAAE,KAAK,OAAO,CAAC,SAAS,eAAe,EAAE,CAAC,CAAC,GAAG,SAAS,CAAA;IACzH,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAC9B;AAED,kFAAkF;AAClF,wBAAgB,WAAW,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,QAAQ,EAAE,EAAE,gBAAgB,+BAkG1M"}
+{"version":3,"file":"TeamMessage.d.ts","sourceRoot":"","sources":["../../../src/client/TeamMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2F,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAE/H,OAAO,KAAK,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAA;AACrH,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAEvD,OAAO,EAA4E,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAI/H,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,QAAQ,EAAE,iBAAiB,CAAA;IACpC,wEAAwE;IACxE,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,uFAAuF;IACvF,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IACzC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,8EAA8E;IAC9E,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B;2DACuD;IACvD,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAA;IAClC,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,0BAA0B,EAAE,GAAG,SAAS,CAAA;IACxE,6EAA6E;IAC7E,QAAQ,CAAC,cAAc,CAAC,EAAE,qBAAqB,CAAC,eAAe,CAAC,GAAG,SAAS,CAAA;IAC5E,QAAQ,CAAC,CAAC,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAAG,SAAS,CAAA;IACnD,0FAA0F;IAC1F,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IACxD,sFAAsF;IACtF,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,SAAS,gBAAgB,EAAE,KAAK,OAAO,CAAC,SAAS,eAAe,EAAE,CAAC,CAAC,GAAG,SAAS,CAAA;IACzH,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAC9B;AAED,kFAAkF;AAClF,wBAAgB,WAAW,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,QAAQ,EAAE,EAAE,gBAAgB,+BA6G3N"}

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

@@ -3,33 +3,25 @@ import { Fragment, useCallback, useEffect, useLayoutEffect, useRef, useState } f
 import { MarkdownText, MessageText, Modal } from '@deepseek-ai/dsh-client-ui-primitives';
 import { cachedAttachmentDataUrl, formatByteSize, loadAttachmentDataUrl } from "./attachment-preview.js";
 import { cachedResolvedTaskRef, resolveUnknownTaskRefs, useResolvedTaskRefVersion } from "./task-refs.js";
-import { formatMessageTime, isPlainTextBody, memberHue, splitBrandedRefs, splitMentionNames, stripAttachmentLines } from "./team-formatters.js";
+import { formatMessageTime, isSingleBrandedRef, memberHue, planMessageBody, shouldClampMessage, splitBrandedRefs, splitMentionNames } from "./team-formatters.js";
 import css from './conversation.module.css';
 /** One chat message row with identity chrome and sender-appropriate rendering. */
-export function TeamMessage({ senderName, memberId, human, body, occurredAt, mentionNames, senderTitle, grouped, attachments, loadAttachment, t, onOpenRef, onResolveTaskRefs, children }) {
+export function TeamMessage({ senderName, memberId, human, body, occurredAt, mentionNames, senderTitle, grouped, showGroupedTime, attachments, loadAttachment, t, onOpenRef, onResolveTaskRefs, children }) {
     const avatarStyle = human ? undefined : { '--team-avatar-hue': memberHue(memberId) };
     // Literal bodies carry mention chips inline — Human input always, and
     // plain-prose Agent bodies where literal rendering loses nothing. Rich
     // Markdown keeps unmatched structured mentions in the trailing row.
     // The stored body carries machine-facing `[attachment] <path>` prompt lines;
     // humans see the attachment strip rendered from the message metadata instead.
-    const displayBody = stripAttachmentLines(body) === '' ? body : stripAttachmentLines(body);
-    const inline = (human || isPlainTextBody(displayBody)) && mentionNames !== undefined && mentionNames.length > 0
-        ? splitMentionNames(displayBody, mentionNames)
-        : undefined;
-    const fallbackNames = inline === undefined ? (mentionNames ?? []) : inline.unmatched;
-    const richAgentBody = !human && !isPlainTextBody(displayBody);
-    // Non-Task branded refs retain the legacy fallback row. Task refs instead
-    // stay at their authored prose position; unresolved refs remain literal.
-    const fallbackRefs = richAgentBody && onOpenRef !== undefined
-        ? splitBrandedRefs(displayBody).filter(segment => segment.ref !== undefined && !segment.ref.startsWith('task:')).map(segment => segment.ref)
-        : [];
+    // One pure plan resolves the stored body into the rendering branch, the
+    // trailing fallback rows, and the literal Task refs that resolve in place.
+    const plan = planMessageBody(body, { human, ...(mentionNames === undefined ? {} : { mentionNames }), canOpenRefs: onOpenRef !== undefined });
+    const displayBody = plan.displayBody;
+    const { richAgentBody } = plan;
     // Resolved refs re-label once the Host lookup lands; the version token
     // refreshes literal links and rendered Markdown prose.
     const refVersion = useResolvedTaskRefVersion();
-    const bodyTaskRefs = onOpenRef === undefined || richAgentBody ? [] : splitBrandedRefs(displayBody)
-        .filter(segment => segment.ref !== undefined && segment.ref.startsWith('task:'))
-        .map(segment => segment.ref);
+    const bodyTaskRefs = plan.taskRefs;
     const bodyTaskRefKey = bodyTaskRefs.join(',');
     useEffect(() => {
         if (onResolveTaskRefs === undefined || bodyTaskRefKey === '')
@@ -37,26 +29,36 @@ export function TeamMessage({ senderName, memberId, human, body, occurredAt, men
         void resolveUnknownTaskRefs(bodyTaskRefs, onResolveTaskRefs);
     }, [onResolveTaskRefs, bodyTaskRefKey, refVersion]);
     const taskLabel = useCallback((taskNumber) => t?.('taskLabel', { number: taskNumber }) ?? `Task #${taskNumber}`, [t]);
+    // Long bodies start clamped behind the expand control. The default derives
+    // from the body alone; the toggle itself is per-mount view state nothing
+    // persists.
+    const [expanded, setExpanded] = useState(false);
+    const clampable = shouldClampMessage(displayBody);
+    const clamped = clampable && !expanded;
     const markdownRef = useRef(null);
     useLayoutEffect(() => {
         const root = markdownRef.current;
         if (!richAgentBody || root === null || onOpenRef === undefined)
             return;
         const textNodes = markdownProseTextNodes(root);
-        const taskRefs = [...new Set(textNodes.flatMap(node => splitBrandedRefs(node.data)
+        const styledRefCodes = markdownStyledRefCodeElements(root);
+        const taskRefs = [...new Set([...textNodes.map(node => node.data), ...styledRefCodes.map(code => code.textContent ?? '')]
+                .flatMap(text => splitBrandedRefs(text)
                 .filter(segment => segment.ref?.startsWith('task:') === true)
                 .map(segment => segment.ref)))];
         if (onResolveTaskRefs !== undefined && taskRefs.length > 0)
             void resolveUnknownTaskRefs(taskRefs, onResolveTaskRefs);
+        for (const code of styledRefCodes)
+            renderResolvedMarkdownCodeRef(code, taskLabel);
         for (const node of textNodes)
-            renderResolvedMarkdownTaskRefs(node, taskLabel);
+            renderResolvedMarkdownText(node, mentionNames ?? [], taskLabel);
         for (const button of root.querySelectorAll('button[data-task-ref]')) {
             const taskRef = button.dataset.taskRef;
             const hit = taskRef === undefined ? undefined : cachedResolvedTaskRef(taskRef);
             if (taskRef !== undefined && hit !== undefined)
                 button.textContent = taskLabel(hit.taskNumber);
         }
-    }, [richAgentBody, onOpenRef, onResolveTaskRefs, refVersion, taskLabel]);
+    }, [richAgentBody, onOpenRef, onResolveTaskRefs, refVersion, taskLabel, mentionNames]);
     useEffect(() => {
         const root = markdownRef.current;
         if (!richAgentBody || root === null || onOpenRef === undefined)
@@ -75,13 +77,14 @@ export function TeamMessage({ senderName, memberId, human, body, occurredAt, men
         root.addEventListener('click', openTask);
         return () => { root.removeEventListener('click', openTask); };
     }, [richAgentBody, onOpenRef]);
-    return (_jsxs("article", { className: css.messageRow, "data-human": human || undefined, "data-grouped": grouped || undefined, children: [_jsx("div", { className: css.messageIdentity, style: avatarStyle, "aria-hidden": "true", children: senderName.replace('@', '').slice(0, 1).toUpperCase() }), _jsxs("div", { className: css.messageBody, children: [!grouped && (_jsxs("div", { className: css.nameRow, children: [_jsx("strong", { ...(senderTitle === undefined ? {} : { title: senderTitle }), children: senderName }), occurredAt !== undefined && _jsx("span", { className: css.messageTime, children: formatMessageTime(occurredAt) })] })), inline !== undefined
-                        ? _jsx("div", { className: css.messageText, children: inline.segments.map((segment, index) => segment.mention
-                                ? _jsx("span", { className: css.mention, children: segment.text }, index)
-                                : _jsx(Fragment, { children: renderRefs(segment.text, onOpenRef, taskLabel) }, index)) })
-                        : human || (onOpenRef !== undefined && isPlainTextBody(displayBody) && splitBrandedRefs(displayBody).some(segment => segment.ref !== undefined))
-                            ? _jsx("div", { className: css.messageText, children: onOpenRef === undefined ? _jsx(MessageText, { text: displayBody }) : renderRefs(displayBody, onOpenRef, taskLabel) })
-                            : _jsx("div", { ref: markdownRef, className: css.messageMarkdown, children: _jsx(MarkdownText, { text: displayBody }, `${displayBody}:${onOpenRef === undefined ? 'literal' : 'refs'}`) }), (fallbackNames.length > 0 || fallbackRefs.length > 0) && (_jsxs("div", { className: css.mentionsRow, children: [fallbackNames.map(name => _jsxs("span", { className: css.mention, children: ["@", name] }, name)), fallbackRefs.map(ref => {
+    const bodyNode = plan.render === 'inline' && plan.inline !== undefined
+        ? _jsx("div", { className: css.messageText, children: plan.inline.segments.map((segment, index) => segment.mention
+                ? _jsx("span", { className: css.mention, children: segment.text }, index)
+                : _jsx(Fragment, { children: renderRefs(segment.text, onOpenRef, taskLabel) }, index)) })
+        : plan.render === 'literal'
+            ? _jsx("div", { className: css.messageText, children: onOpenRef === undefined ? _jsx(MessageText, { text: displayBody }) : renderRefs(displayBody, onOpenRef, taskLabel) })
+            : _jsx("div", { ref: markdownRef, className: css.messageMarkdown, children: _jsx(MarkdownText, { text: displayBody }, `${displayBody}:${onOpenRef === undefined ? 'literal' : 'refs'}`) });
+    return (_jsxs("article", { className: css.messageRow, "data-human": human || undefined, "data-grouped": grouped || undefined, children: [_jsx("div", { className: css.messageIdentity, style: avatarStyle, "aria-hidden": "true", children: senderName.replace('@', '').slice(0, 1).toUpperCase() }), _jsxs("div", { className: css.messageBody, children: [(!grouped || showGroupedTime === true) && (_jsxs("div", { className: css.nameRow, children: [!grouped && _jsx("strong", { ...(senderTitle === undefined ? {} : { title: senderTitle }), children: senderName }), occurredAt !== undefined && _jsx("span", { className: css.messageTime, children: formatMessageTime(occurredAt) })] })), clampable ? _jsx("div", { className: clamped ? css.messageClamp : undefined, children: bodyNode }) : bodyNode, clampable && (_jsx("button", { type: "button", className: css.messageExpand, "data-message-expand": "true", "aria-expanded": expanded, onClick: () => { setExpanded(value => !value); }, children: expanded ? (t?.('collapseMessage') ?? 'Show less') : (t?.('expandMessage') ?? 'Show more') })), (plan.fallbackNames.length > 0 || plan.fallbackRefs.length > 0) && (_jsxs("div", { className: css.mentionsRow, children: [plan.fallbackNames.map(name => _jsxs("span", { className: css.mention, children: ["@", name] }, name)), plan.fallbackRefs.map(ref => {
                                 const resolved = cachedResolvedTaskRef(ref);
                                 const label = resolved !== undefined && ref.startsWith('task:') ? taskLabel(resolved.taskNumber) : ref;
                                 return _jsx("button", { type: "button", className: css.refLink, title: ref, onClick: () => { onOpenRef(ref); }, children: label }, ref);
@@ -93,38 +96,82 @@ function markdownProseTextNodes(root) {
     const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT);
     for (let node = walker.nextNode(); node !== null; node = walker.nextNode()) {
         const parent = node.parentElement;
-        if (parent !== null && parent.closest('code, pre, a, button') === null)
-            nodes.push(node);
+        if (parent === null)
+            continue;
+        if (parent.closest('code, pre, a, button') !== null)
+            continue;
+        // Mention chips from an earlier pass stay untouched, or each effect rerun
+        // would wrap another chip around the last one.
+        if (css.mention !== undefined && parent.closest(`[class~="${css.mention}"]`) !== null)
+            continue;
+        nodes.push(node);
     }
     return nodes;
 }
-/** Replace resolved refs in one prose text node without changing Markdown structure. */
-function renderResolvedMarkdownTaskRefs(node, taskLabel) {
-    const segments = splitBrandedRefs(node.data);
-    if (!segments.some(segment => segment.ref?.startsWith('task:') === true && cachedResolvedTaskRef(segment.ref) !== undefined))
+/** Code spans whose entire content is one branded ref: model styling around a ref, not code. */
+function markdownStyledRefCodeElements(root) {
+    const elements = [];
+    for (const code of root.querySelectorAll('code')) {
+        if (code.closest('pre, a, button') !== null)
+            continue;
+        if (!isSingleBrandedRef(code.textContent ?? ''))
+            continue;
+        elements.push(code);
+    }
+    return elements;
+}
+/** One resolved Task-ref chip built outside React, matching the styled ref link. */
+function resolvedTaskRefButton(taskRef, label) {
+    const button = document.createElement('button');
+    button.type = 'button';
+    if (css.refLink !== undefined)
+        button.className = css.refLink;
+    button.dataset.taskRef = taskRef;
+    button.title = taskRef;
+    button.textContent = label;
+    return button;
+}
+/** Replace a whole-ref code span with its resolved Task chip once known. */
+function renderResolvedMarkdownCodeRef(code, taskLabel) {
+    const segments = splitBrandedRefs((code.textContent ?? '').trim());
+    const segment = segments.length === 1 ? segments[0] : undefined;
+    const taskRef = segment?.ref?.startsWith('task:') === true ? segment.ref : undefined;
+    const resolved = taskRef === undefined ? undefined : cachedResolvedTaskRef(taskRef);
+    if (taskRef === undefined || resolved === undefined)
         return;
+    code.replaceWith(resolvedTaskRefButton(taskRef, taskLabel(resolved.taskNumber)));
+}
+/** Replace resolved Task refs and structured mention handles in one prose text node without changing Markdown structure. */
+function renderResolvedMarkdownText(node, mentionNames, taskLabel) {
+    let changed = false;
     const fragment = document.createDocumentFragment();
-    for (const segment of segments) {
-        const taskRef = segment.ref?.startsWith('task:') === true ? segment.ref : undefined;
-        if (taskRef === undefined) {
-            fragment.append(segment.text);
+    for (const refSegment of splitBrandedRefs(node.data)) {
+        if (refSegment.ref === undefined) {
+            for (const mentionSegment of splitMentionNames(refSegment.text, mentionNames).segments) {
+                if (!mentionSegment.mention) {
+                    fragment.append(mentionSegment.text);
+                    continue;
+                }
+                changed = true;
+                const chip = document.createElement('span');
+                if (css.mention !== undefined)
+                    chip.className = css.mention;
+                chip.textContent = mentionSegment.text;
+                fragment.append(chip);
+            }
             continue;
         }
-        const resolved = cachedResolvedTaskRef(taskRef);
+        const taskRef = refSegment.ref.startsWith('task:') === true ? refSegment.ref : undefined;
+        const resolved = taskRef === undefined ? undefined : cachedResolvedTaskRef(taskRef);
         if (resolved === undefined) {
-            fragment.append(segment.text);
+            fragment.append(refSegment.text);
             continue;
         }
-        const button = document.createElement('button');
-        button.type = 'button';
-        if (css.refLink !== undefined)
-            button.className = css.refLink;
-        button.dataset.taskRef = taskRef;
-        button.title = taskRef;
-        button.textContent = taskLabel(resolved.taskNumber);
-        fragment.append(button);
+        changed = true;
+        fragment.append(resolvedTaskRefButton(taskRef, taskLabel(resolved.taskNumber)));
     }
-    node.replaceWith(fragment);
+    if (changed)
+        node.replaceWith(fragment);
 }
 /** Render one literal text run, linkifying branded refs when navigation is available. */
 function renderRefs(text, onOpenRef, taskLabel) {

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

@@ -5,7 +5,7 @@ import type { TeamDraftStore } from './drafts.ts';
 interface TeamThreadPageProps {
     readonly workspaceId: WorkspaceId;
     readonly channelRef?: AgentTeamChannelRef;
-    readonly taskRef: AgentTeamTaskRef;
+    readonly taskRef?: AgentTeamTaskRef;
     readonly threadRef: AgentTeamThreadRef;
     readonly taskNumber?: number;
     readonly backToWorkspace: TeamConversationProps['backToWorkspace'];
@@ -18,6 +18,7 @@ interface TeamThreadPageProps {
     readonly getAttachment: TeamConversationProps['getAttachment'];
     readonly reply: TeamConversationProps['reply'];
     readonly changeTask: TeamConversationProps['changeTask'];
+    readonly promoteThread: TeamConversationProps['promoteThread'];
     readonly putAttachment: TeamConversationProps['putAttachment'];
     readonly selectChannel: TeamConversationProps['selectChannel'];
     readonly selectThread: TeamConversationProps['selectThread'];

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

@@ -1 +1 @@
-{"version":3,"file":"TeamThreadPage.d.ts","sourceRoot":"","sources":["../../../src/client/TeamThreadPage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAGV,mBAAmB,EAInB,gBAAgB,EAGhB,kBAAkB,EAEnB,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AAEzE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AACvD,OAAO,KAAK,EAAgB,cAAc,EAAE,MAAM,aAAa,CAAA;AAa/D,UAAU,mBAAmB;IAC3B,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAA;IACjC,QAAQ,CAAC,UAAU,CAAC,EAAE,mBAAmB,CAAA;IACzC,QAAQ,CAAC,OAAO,EAAE,gBAAgB,CAAA;IAClC,QAAQ,CAAC,SAAS,EAAE,kBAAkB,CAAA;IACtC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,eAAe,EAAE,qBAAqB,CAAC,iBAAiB,CAAC,CAAA;IAClE,QAAQ,CAAC,YAAY,EAAE,qBAAqB,CAAC,cAAc,CAAC,CAAA;IAC5D,QAAQ,CAAC,UAAU,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAA;IACxD,QAAQ,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,mBAAmB,CAAC,CAAA;IACtE,QAAQ,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAA;IACpE,QAAQ,CAAC,WAAW,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAA;IAC1D,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAA;IAC/B,QAAQ,CAAC,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,KAAK,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAA;IAC9C,QAAQ,CAAC,UAAU,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAA;IACxD,QAAQ,CAAC,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,YAAY,EAAE,qBAAqB,CAAC,cAAc,CAAC,CAAA;IAC5D,QAAQ,CAAC,eAAe,EAAE,qBAAqB,CAAC,iBAAiB,CAAC,CAAA;IAClE,QAAQ,CAAC,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAA;CACvC;AA8BD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,+BAgkBxD"}
+{"version":3,"file":"TeamThreadPage.d.ts","sourceRoot":"","sources":["../../../src/client/TeamThreadPage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAGV,mBAAmB,EAInB,gBAAgB,EAGhB,kBAAkB,EAEnB,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AAEzE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AACvD,OAAO,KAAK,EAAgB,cAAc,EAAE,MAAM,aAAa,CAAA;AAc/D,UAAU,mBAAmB;IAC3B,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAA;IACjC,QAAQ,CAAC,UAAU,CAAC,EAAE,mBAAmB,CAAA;IACzC,QAAQ,CAAC,OAAO,CAAC,EAAE,gBAAgB,CAAA;IACnC,QAAQ,CAAC,SAAS,EAAE,kBAAkB,CAAA;IACtC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,eAAe,EAAE,qBAAqB,CAAC,iBAAiB,CAAC,CAAA;IAClE,QAAQ,CAAC,YAAY,EAAE,qBAAqB,CAAC,cAAc,CAAC,CAAA;IAC5D,QAAQ,CAAC,UAAU,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAA;IACxD,QAAQ,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,mBAAmB,CAAC,CAAA;IACtE,QAAQ,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAA;IACpE,QAAQ,CAAC,WAAW,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAA;IAC1D,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAA;IAC/B,QAAQ,CAAC,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,KAAK,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAA;IAC9C,QAAQ,CAAC,UAAU,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAA;IACxD,QAAQ,CAAC,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,YAAY,EAAE,qBAAqB,CAAC,cAAc,CAAC,CAAA;IAC5D,QAAQ,CAAC,eAAe,EAAE,qBAAqB,CAAC,iBAAiB,CAAC,CAAA;IAClE,QAAQ,CAAC,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAA;CACvC;AA8BD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,+BA+mBxD"}