@fromsko/chat-ui 0.0.0-stage → 0.1.6

package/lib/domain/message-blocks.js

@@ -0,0 +1,63 @@
+export const TOOL_GROUP_MIN = 2;
+export function isToolGroupPart(part) {
+    return part.kind === "tool" || part.kind === "sandbox";
+}
+export function toolGroupLabel(part) {
+    return part.kind === "tool" ? part.tool : part.title;
+}
+export function keyMessageParts(message) {
+    const counters = {};
+    return (message.parts ?? []).map((part) => {
+        const n = (counters[part.kind] = (counters[part.kind] ?? 0) + 1);
+        return { key: `${message.id}-${part.kind}-${n}`, part };
+    });
+}
+export function orderMessageBlocks(message, showBubble) {
+    const keyed = keyMessageParts(message);
+    const blocks = [];
+    let run = [];
+    const flush = () => {
+        if (run.length === 0)
+            return;
+        if (run.length >= TOOL_GROUP_MIN) {
+            blocks.push({
+                type: "tool-group",
+                key: `${message.id}-toolgroup-${run[0].key}`,
+                parts: run,
+            });
+        }
+        else {
+            for (const item of run) {
+                blocks.push({ type: "part", key: item.key, part: item.part });
+            }
+        }
+        run = [];
+    };
+    for (const item of keyed) {
+        if (isToolGroupPart(item.part)) {
+            run.push({ key: item.key, part: item.part });
+            continue;
+        }
+        flush();
+        blocks.push({ type: "part", key: item.key, part: item.part });
+    }
+    flush();
+    if (showBubble) {
+        blocks.push({ type: "text", key: `${message.id}-text` });
+    }
+    return blocks;
+}
+export function promoteMemoryFirst(blocks) {
+    const memory = [];
+    const rest = [];
+    for (const b of blocks) {
+        if (b.type === "part" && b.part.kind === "memory")
+            memory.push(b);
+        else
+            rest.push(b);
+    }
+    return [...memory, ...rest];
+}
+export function blockKind(block) {
+    return block.type === "part" ? block.part.kind : block.type;
+}

package/lib/domain/message-menu.d.ts

@@ -0,0 +1,4 @@
+import type { MessageMenuInput, MessageMenuItem } from "../types/selection";
+export declare function messageTextOf(element: HTMLElement): string;
+export declare function formatQuote(text: string): string;
+export declare function messageMenuItems(input: MessageMenuInput): MessageMenuItem[];

package/lib/domain/message-menu.js

@@ -0,0 +1,46 @@
+export function messageTextOf(element) {
+    const bubble = element.matches('[data-cmp="ac/bubble"]')
+        ? element
+        : element.querySelector('[data-cmp="ac/bubble"]');
+    if (!bubble)
+        return "";
+    const text = bubble.innerText ?? bubble.textContent ?? "";
+    return text.trim();
+}
+export function formatQuote(text) {
+    return text
+        .split("\n")
+        .map((l) => l.trim())
+        .filter((l) => l.length > 0)
+        .slice(0, 3)
+        .map((l) => `> ${l}`)
+        .join("\n");
+}
+export function messageMenuItems(input) {
+    const { role, text, selection, id } = input;
+    const items = [];
+    const hasText = text.trim().length > 0;
+    const hasSelection = selection.trim().length > 0;
+    items.push({
+        id: "copy-text",
+        label: "复制消息",
+        disabled: !hasText,
+        ...(hasText ? {} : {}),
+    });
+    if (role === "assistant" && hasText) {
+        items.push({ id: "quote", label: "引用到输入框" });
+    }
+    items.push({ id: "multi-select", label: "多选" });
+    if (hasSelection) {
+        items.push({
+            id: "copy-selection",
+            label: "复制选中片段",
+            separatorBefore: true,
+        });
+    }
+    if (id) {
+        items.push({ id: "trace", label: "溯源", separatorBefore: true });
+        items.push({ id: "delete-message", label: "删除消息", danger: true });
+    }
+    return items;
+}

package/lib/domain/queue.d.ts

@@ -0,0 +1,23 @@
+import type { QueuedPrompt } from "../types/conversation";
+import type { EnqueueOutcome, SubmitDecision } from "../types/composer";
+export declare const MAX_QUEUED_PROMPTS = 8;
+export declare const QUEUED_FULL_NOTICE = "\u5F85\u53D1\u961F\u5217\u5DF2\u6EE1\uFF088 \u6761\uFF09\uFF0C\u8BF7\u5148\u5904\u7406";
+export declare function nextQueuedId(): string;
+export declare function decideSubmit(streaming: boolean, full: boolean): SubmitDecision;
+export declare function enqueuePrompt(items: readonly QueuedPrompt[], prompt: QueuedPrompt): QueuedPrompt[] | null;
+export declare function removePrompt(items: readonly QueuedPrompt[], id: string): QueuedPrompt[];
+export declare function movePrompt(items: readonly QueuedPrompt[], id: string, delta: -1 | 1): QueuedPrompt[];
+export declare function takeHeadPrompt(items: readonly QueuedPrompt[]): {
+    rest: QueuedPrompt[];
+    taken: QueuedPrompt | null;
+};
+export declare function prependPrompt(items: readonly QueuedPrompt[], prompt: QueuedPrompt): QueuedPrompt[];
+export interface QueueEdge {
+    conversationId: string;
+    status: "idle" | "loading" | "streaming" | "error";
+}
+export declare function flushEdge(prev: QueueEdge, next: QueueEdge, pending: readonly QueuedPrompt[]): {
+    rest: QueuedPrompt[];
+    taken: QueuedPrompt | null;
+};
+export type { EnqueueOutcome, SubmitDecision };

package/lib/domain/queue.js

@@ -0,0 +1,52 @@
+export const MAX_QUEUED_PROMPTS = 8;
+export const QUEUED_FULL_NOTICE = `待发队列已满（${MAX_QUEUED_PROMPTS} 条），请先处理`;
+let seq = 0;
+export function nextQueuedId() {
+    seq += 1;
+    return `q-${Date.now()}-${seq}`;
+}
+export function decideSubmit(streaming, full) {
+    if (!streaming)
+        return "send";
+    return full ? "reject-full" : "enqueue";
+}
+export function enqueuePrompt(items, prompt) {
+    if (items.length >= MAX_QUEUED_PROMPTS)
+        return null;
+    return [...items, prompt];
+}
+export function removePrompt(items, id) {
+    return items.filter((p) => p.id !== id);
+}
+export function movePrompt(items, id, delta) {
+    const index = items.findIndex((p) => p.id === id);
+    if (index < 0)
+        return [...items];
+    const target = index + delta;
+    if (target < 0 || target >= items.length)
+        return [...items];
+    const next = [...items];
+    const [item] = next.splice(index, 1);
+    next.splice(target, 0, item);
+    return next;
+}
+export function takeHeadPrompt(items) {
+    if (items.length === 0)
+        return { rest: [], taken: null };
+    return { rest: items.slice(1), taken: items[0] };
+}
+export function prependPrompt(items, prompt) {
+    return [prompt, ...items];
+}
+export function flushEdge(prev, next, pending) {
+    if (pending.length === 0)
+        return { rest: [], taken: null };
+    const sameConversation = prev.conversationId === next.conversationId;
+    const settledSame = sameConversation &&
+        prev.status === "streaming" &&
+        next.status !== "streaming";
+    const switchedIdle = !sameConversation && next.status !== "streaming";
+    if (settledSame || switchedIdle)
+        return takeHeadPrompt(pending);
+    return { rest: [...pending], taken: null };
+}

package/lib/domain/reducer.d.ts

@@ -0,0 +1,137 @@
+import type { Agent } from "../types/agent";
+import type { Conversation, ConversationId, ConversationStatus } from "../types/conversation";
+import type { ChatMessage } from "../types/message";
+export interface ConversationState {
+    agents: Record<string, Agent>;
+    conversations: Conversation[];
+    messages: Record<ConversationId, ChatMessage[]>;
+    drafts: Record<ConversationId, string>;
+    activeId: ConversationId | null;
+    query: string;
+    persistError: string | null;
+}
+export type ConversationAction = {
+    type: "select";
+    id: ConversationId;
+} | {
+    type: "query";
+    value: string;
+} | {
+    type: "draft";
+    id: ConversationId;
+    value: string;
+} | {
+    type: "append";
+    id: ConversationId;
+    message: ChatMessage;
+} | {
+    type: "hydrateMessages";
+    id: ConversationId;
+    messages: ChatMessage[];
+} | {
+    type: "deleteMessage";
+    id: ConversationId;
+    messageId: string;
+} | {
+    type: "insertMessageAt";
+    id: ConversationId;
+    index: number;
+    message: ChatMessage;
+} | {
+    type: "bindRequest";
+    requestId: string;
+} | {
+    type: "streamDelta";
+    requestId: string;
+    text: string;
+} | {
+    type: "streamEnd";
+    requestId: string;
+    outcome: "done" | "error";
+    error?: string;
+} | {
+    type: "streamToolCall";
+    requestId: string;
+    toolCallId: string;
+    name: string;
+    args: unknown;
+} | {
+    type: "streamToolResult";
+    requestId: string;
+    toolCallId: string;
+    result: string;
+    isError: boolean;
+} | {
+    type: "streamReasoning";
+    requestId: string;
+    text: string;
+} | {
+    type: "streamContextUsage";
+    requestId: string;
+    inputTokens: number;
+    outputTokens: number;
+    window: number;
+} | {
+    type: "streamMemory";
+    requestId: string;
+    count: number;
+    excerpt: string;
+} | {
+    type: "streamCompaction";
+    requestId: string | null;
+    beforeTokens: number;
+    afterTokens: number;
+    reason: string;
+} | {
+    type: "streamDisplay";
+    requestId: string;
+    view: string;
+    title?: string;
+    payload?: unknown;
+} | {
+    type: "streamOutput";
+    requestId: string;
+    outputKind: "text" | "file" | "link" | "json";
+    label?: string;
+    value: string;
+} | {
+    type: "addConversation";
+    conversation: Conversation;
+} | {
+    type: "dropConversation";
+    id: ConversationId;
+} | {
+    type: "persistError";
+    value: string | null;
+} | {
+    type: "togglePin";
+    id: ConversationId;
+} | {
+    type: "toggleMute";
+    id: ConversationId;
+} | {
+    type: "renameConversation";
+    id: ConversationId;
+    title: string;
+} | {
+    type: "setMembers";
+    id: ConversationId;
+    memberIds: string[];
+} | {
+    type: "setAutoRespond";
+    id: ConversationId;
+    value: boolean;
+} | {
+    type: "createGroup";
+    members: string[];
+    title: string;
+    id: ConversationId;
+} | {
+    type: "replaceAgents";
+    agents: Record<string, Agent>;
+};
+export declare function conversationReducer(state: ConversationState, action: ConversationAction): ConversationState;
+export declare function createConversationState(partial?: Partial<ConversationState>): ConversationState;
+export declare function isConversationStreaming(state: ConversationState, id: ConversationId): boolean;
+export declare function inFlightRequestIds(state: ConversationState, id: ConversationId): string[];
+export type { ConversationStatus };