@pactor-app/chat 0.1.0

package/dist/index.js

@@ -0,0 +1,3353 @@
+// src/model.ts
+var idCounter = 0;
+function createChatId(prefix = "chat") {
+  idCounter += 1;
+  return `${prefix}-${Date.now().toString(36)}-${idCounter}`;
+}
+
+// src/store.ts
+var ConversationStore = class {
+  constructor() {
+    this.messages = [];
+    this.listeners = /* @__PURE__ */ new Set();
+  }
+  /** 当前消息数组（只读快照；引用在不变时保持稳定） */
+  getMessages() {
+    return this.messages;
+  }
+  getMessage(id) {
+    return this.messages.find((message) => message.id === id);
+  }
+  /** 追加消息（id 重复时告警并忽略） */
+  appendMessage(message) {
+    if (this.getMessage(message.id)) {
+      console.warn(
+        `[@pactor-app/chat] duplicate message id "${message.id}", ignored`
+      );
+      return;
+    }
+    this.commit([...this.messages, message]);
+  }
+  /** 更新消息级字段（status / role / parts 等，id 不可改） */
+  updateMessage(id, patch) {
+    const index = this.messages.findIndex((message) => message.id === id);
+    if (index < 0) {
+      console.warn(`[@pactor-app/chat] message not found: "${id}"`);
+      return;
+    }
+    const next = [...this.messages];
+    next[index] = { ...next[index], ...patch, id };
+    this.commit(next);
+  }
+  /** 追加 part 到目标消息 */
+  appendPart(messageId, part) {
+    this.mutateMessage(messageId, (message) => ({
+      ...message,
+      parts: [...message.parts, part]
+    }));
+  }
+  /**
+   * 更新目标 part：partRef 为数组下标或 part id。
+   * 未命中时告警并忽略（宽容约定同 updateMessage）。
+   */
+  updatePart(messageId, partRef, patch) {
+    this.mutateMessage(messageId, (message) => {
+      const index = typeof partRef === "number" ? partRef : message.parts.findIndex((part) => part.id === partRef);
+      if (index < 0 || index >= message.parts.length) {
+        console.warn(
+          `[@pactor-app/chat] part not found: message "${messageId}", ref "${String(partRef)}"`
+        );
+        return message;
+      }
+      const parts = [...message.parts];
+      parts[index] = { ...parts[index], ...patch };
+      return { ...message, parts };
+    });
+  }
+  /** 设置消息状态 */
+  setStatus(id, status) {
+    this.updateMessage(id, { status });
+  }
+  /**
+   * 不可变地移除目标消息及其后全部消息（编辑重发 / 重新生成的截断基础）。
+   * 未知 id 时告警并忽略。
+   */
+  removeMessagesFrom(messageId) {
+    const index = this.messages.findIndex((message) => message.id === messageId);
+    if (index < 0) {
+      console.warn(`[@pactor-app/chat] message not found: "${messageId}"`);
+      return;
+    }
+    this.commit(this.messages.slice(0, index));
+  }
+  /** 清空会话 */
+  clear() {
+    if (this.messages.length === 0) {
+      return;
+    }
+    this.commit([]);
+  }
+  /** 订阅变更；返回退订函数 */
+  subscribe(listener) {
+    this.listeners.add(listener);
+    return () => {
+      this.listeners.delete(listener);
+    };
+  }
+  /** 以 mutator 更新单条消息（找不到时告警并忽略） */
+  mutateMessage(id, mutate) {
+    const index = this.messages.findIndex((message) => message.id === id);
+    if (index < 0) {
+      console.warn(`[@pactor-app/chat] message not found: "${id}"`);
+      return;
+    }
+    const nextMessage = mutate(this.messages[index]);
+    if (nextMessage === this.messages[index]) {
+      return;
+    }
+    const next = [...this.messages];
+    next[index] = nextMessage;
+    this.commit(next);
+  }
+  commit(next) {
+    this.messages = next;
+    for (const listener of this.listeners) {
+      listener();
+    }
+  }
+};
+
+// src/artifact.ts
+var ArtifactStore = class {
+  constructor() {
+    this.artifact = null;
+    this.listeners = /* @__PURE__ */ new Set();
+  }
+  /** 当前产出物（未打开时为 null；引用在不变时保持稳定） */
+  get() {
+    return this.artifact;
+  }
+  /** 打开（或替换）当前产出物 */
+  open(artifact) {
+    this.artifact = artifact;
+    this.notify();
+  }
+  /** 部分更新当前产出物（id 不可改）；未 open 时告警并忽略 */
+  update(patch) {
+    if (!this.artifact) {
+      console.warn("[@pactor-app/chat] artifact not open, update ignored");
+      return;
+    }
+    this.artifact = { ...this.artifact, ...patch, id: this.artifact.id };
+    this.notify();
+  }
+  /** 关闭面板（未打开时幂等，不重复通知） */
+  close() {
+    if (this.artifact === null) {
+      return;
+    }
+    this.artifact = null;
+    this.notify();
+  }
+  /** 订阅变更；返回退订函数 */
+  subscribe(listener) {
+    this.listeners.add(listener);
+    return () => {
+      this.listeners.delete(listener);
+    };
+  }
+  notify() {
+    for (const listener of this.listeners) {
+      listener();
+    }
+  }
+};
+
+// src/events.ts
+function applyChatEvent(store, event) {
+  switch (event.type) {
+    case "message.start": {
+      const existing = store.getMessage(event.messageId);
+      if (existing) {
+        store.updateMessage(event.messageId, {
+          role: event.role ?? existing.role,
+          status: "streaming"
+        });
+      } else {
+        store.appendMessage({
+          id: event.messageId,
+          role: event.role ?? "assistant",
+          status: "streaming",
+          parts: [],
+          createdAt: Date.now()
+        });
+      }
+      return;
+    }
+    case "text.delta": {
+      ensureMessage(store, event.messageId);
+      const message = store.getMessage(event.messageId);
+      const part = locatePart(
+        message,
+        event.partId,
+        (p) => event.format === "markdown" ? p.type === "markdown" : p.type === "text" || p.type === "markdown"
+      );
+      if (part) {
+        store.updatePart(event.messageId, part.index, {
+          content: part.part.content + event.delta,
+          status: "streaming"
+        });
+      } else {
+        store.appendPart(event.messageId, {
+          id: event.partId ?? createChatId("part"),
+          type: event.format === "markdown" ? "markdown" : "text",
+          content: event.delta,
+          status: "streaming"
+        });
+      }
+      return;
+    }
+    case "thinking.delta": {
+      ensureMessage(store, event.messageId);
+      const message = store.getMessage(event.messageId);
+      const part = locatePart(message, event.partId, (p) => p.type === "thinking");
+      if (part) {
+        store.updatePart(event.messageId, part.index, {
+          content: part.part.content + event.delta,
+          status: "streaming"
+        });
+      } else {
+        store.appendPart(event.messageId, {
+          id: event.partId ?? createChatId("part"),
+          type: "thinking",
+          content: event.delta,
+          status: "streaming"
+        });
+      }
+      return;
+    }
+    case "tool.start": {
+      ensureMessage(store, event.messageId);
+      const message = store.getMessage(event.messageId);
+      const part = locatePart(
+        message,
+        event.partId,
+        (p) => p.type === "tool-call" && p.name === event.name
+      );
+      if (part) {
+        store.updatePart(event.messageId, part.index, {
+          status: "running",
+          title: event.title,
+          args: event.args
+        });
+      } else {
+        store.appendPart(event.messageId, {
+          id: event.partId ?? createChatId("part"),
+          type: "tool-call",
+          name: event.name,
+          title: event.title,
+          args: event.args,
+          status: "running"
+        });
+      }
+      return;
+    }
+    case "tool.result": {
+      ensureMessage(store, event.messageId);
+      const message = store.getMessage(event.messageId);
+      const call = locatePart(
+        message,
+        event.partId,
+        (p) => p.type === "tool-call" && p.name === event.name
+      );
+      if (call) {
+        store.updatePart(event.messageId, call.index, {
+          status: event.status
+        });
+      }
+      store.appendPart(event.messageId, {
+        id: createChatId("part"),
+        type: "tool-result",
+        name: event.name,
+        status: event.status,
+        result: event.result,
+        error: event.error
+      });
+      return;
+    }
+    case "dsl.start": {
+      ensureMessage(store, event.messageId);
+      store.appendPart(event.messageId, {
+        id: event.partId ?? createChatId("part"),
+        type: "dsl",
+        status: "pending"
+      });
+      return;
+    }
+    case "dsl.complete": {
+      ensureMessage(store, event.messageId);
+      const message = store.getMessage(event.messageId);
+      const part = locatePart(message, event.partId, (p) => p.type === "dsl");
+      if (part) {
+        store.updatePart(event.messageId, part.index, {
+          schema: event.schema,
+          status: "ready"
+        });
+      } else {
+        store.appendPart(event.messageId, {
+          id: event.partId ?? createChatId("part"),
+          type: "dsl",
+          schema: event.schema,
+          status: "ready"
+        });
+      }
+      return;
+    }
+    case "artifact": {
+      ensureMessage(store, event.messageId);
+      const message = store.getMessage(event.messageId);
+      const part = locatePart(message, event.partId, (p) => p.type === "artifact");
+      if (part) {
+        store.updatePart(event.messageId, part.index, {
+          artifact: event.artifact,
+          status: "ready"
+        });
+      } else {
+        store.appendPart(event.messageId, {
+          id: event.partId ?? createChatId("part"),
+          type: "artifact",
+          artifact: event.artifact,
+          status: "ready"
+        });
+      }
+      return;
+    }
+    case "message.end": {
+      const message = store.getMessage(event.messageId);
+      if (!message) {
+        console.warn(
+          `[@pactor-app/chat] message.end for unknown message "${event.messageId}", ignored`
+        );
+        return;
+      }
+      const parts = message.parts.map(
+        (part) => "status" in part && (part.status === "streaming" || part.status === "pending") ? { ...part, status: "ready" } : part
+      );
+      store.updateMessage(event.messageId, { status: "completed", parts });
+      return;
+    }
+    case "message.error": {
+      ensureMessage(store, event.messageId);
+      store.appendPart(event.messageId, {
+        id: createChatId("part"),
+        type: "error",
+        message: event.error
+      });
+      store.setStatus(event.messageId, "error");
+      return;
+    }
+    default: {
+      console.warn(
+        `[@pactor-app/chat] unknown chat event, ignored:`,
+        event.type ?? event
+      );
+    }
+  }
+}
+function ensureMessage(store, messageId) {
+  const existing = store.getMessage(messageId);
+  if (!existing) {
+    store.appendMessage({
+      id: messageId,
+      role: "assistant",
+      status: "streaming",
+      parts: [],
+      createdAt: Date.now()
+    });
+  } else if (existing.status === "pending") {
+    store.setStatus(messageId, "streaming");
+  }
+}
+function locatePart(message, partId, match) {
+  if (partId !== void 0) {
+    const index = message.parts.findIndex((part) => part.id === partId);
+    return index >= 0 ? { index, part: message.parts[index] } : void 0;
+  }
+  for (let index = message.parts.length - 1; index >= 0; index -= 1) {
+    const part = message.parts[index];
+    if (match(part)) {
+      return { index, part };
+    }
+  }
+  return void 0;
+}
+
+// src/activity.ts
+function detectStreamingMode(message) {
+  if (message.status !== "streaming" && message.status !== "pending") {
+    return null;
+  }
+  for (const part of message.parts) {
+    if (part.type === "tool-call" && (part.status === "waiting" || part.status === "running")) {
+      return "tool";
+    }
+  }
+  for (let index = message.parts.length - 1; index >= 0; index -= 1) {
+    const part = message.parts[index];
+    if (part.type === "thinking" && part.status === "streaming") {
+      return "reasoning";
+    }
+    if ((part.type === "text" || part.type === "markdown" || part.type === "dsl") && part.status === "streaming") {
+      return "responding";
+    }
+  }
+  return null;
+}
+function pairToolTraces(parts) {
+  const entries = [];
+  for (let index = 0; index < parts.length; index += 1) {
+    const part = parts[index];
+    if (part.type === "tool-call") {
+      entries.push({
+        name: part.name,
+        title: part.title,
+        args: part.args,
+        status: part.status,
+        callIndex: index
+      });
+    } else if (part.type === "tool-result") {
+      const entry = entries.find(
+        (candidate) => candidate.name === part.name && candidate.resultIndex === void 0
+      );
+      if (entry) {
+        entry.status = part.status;
+        entry.result = part.result;
+        entry.error = part.error;
+        entry.resultIndex = index;
+      }
+    }
+  }
+  return entries;
+}
+
+// src/transport.ts
+async function runChatTurn(store, transport, input, options = {}) {
+  const userMessageId = options.userMessageId ?? createChatId("msg");
+  const assistantMessageId = options.assistantMessageId ?? createChatId("msg");
+  if (!options.skipUserMessage) {
+    store.appendMessage({
+      id: userMessageId,
+      role: "user",
+      status: "completed",
+      parts: [
+        { id: createChatId("part"), type: "text", content: input.text, status: "ready" }
+      ],
+      createdAt: Date.now()
+    });
+  }
+  store.appendMessage({
+    id: assistantMessageId,
+    role: "assistant",
+    status: "pending",
+    parts: [],
+    createdAt: Date.now()
+  });
+  try {
+    for await (const event of transport.send(input)) {
+      if (options.signal?.aborted) {
+        store.updateMessage(assistantMessageId, { status: "cancelled" });
+        return { userMessageId, assistantMessageId };
+      }
+      applyChatEvent(store, { ...event, messageId: assistantMessageId });
+    }
+    if (options.signal?.aborted) {
+      store.updateMessage(assistantMessageId, { status: "cancelled" });
+      return { userMessageId, assistantMessageId };
+    }
+    const message = store.getMessage(assistantMessageId);
+    if (message && (message.status === "pending" || message.status === "streaming")) {
+      applyChatEvent(store, { type: "message.end", messageId: assistantMessageId });
+    }
+  } catch (cause) {
+    applyChatEvent(store, {
+      type: "message.error",
+      messageId: assistantMessageId,
+      error: cause instanceof Error ? cause.message : String(cause)
+    });
+  }
+  return { userMessageId, assistantMessageId };
+}
+async function runRegenerateTurn(store, transport, options = {}) {
+  const messages = store.getMessages();
+  let lastUserIndex = -1;
+  for (let index = messages.length - 1; index >= 0; index -= 1) {
+    if (messages[index].role === "user") {
+      lastUserIndex = index;
+      break;
+    }
+  }
+  if (lastUserIndex < 0) {
+    console.warn("[@pactor-app/chat] runRegenerateTurn: no user message, ignored");
+    return void 0;
+  }
+  const lastUser = messages[lastUserIndex];
+  const next = messages[lastUserIndex + 1];
+  if (next) {
+    store.removeMessagesFrom(next.id);
+  }
+  const text = lastUser.parts.filter(
+    (part) => part.type === "text" || part.type === "markdown"
+  ).map((part) => part.content).join("");
+  return runChatTurn(store, transport, { text }, {
+    ...options,
+    userMessageId: lastUser.id,
+    skipUserMessage: true
+  });
+}
+function createManualDriver() {
+  const queue = [];
+  let waiting = null;
+  let done = false;
+  let failure2;
+  let started = false;
+  const notify = () => {
+    if (waiting) {
+      const resolve = waiting;
+      waiting = null;
+      resolve();
+    }
+  };
+  return {
+    transport: {
+      async *send() {
+        if (started) {
+          throw new Error("[@pactor-app/chat] manual driver transport can only be sent once");
+        }
+        started = true;
+        for (; ; ) {
+          while (queue.length > 0) {
+            yield queue.shift();
+          }
+          if (failure2 !== void 0) {
+            throw failure2;
+          }
+          if (done) {
+            return;
+          }
+          await new Promise((resolve) => {
+            waiting = resolve;
+          });
+        }
+      }
+    },
+    push(event) {
+      queue.push(event);
+      notify();
+    },
+    complete() {
+      done = true;
+      notify();
+    },
+    fail(cause) {
+      failure2 = cause;
+      notify();
+    }
+  };
+}
+
+// src/safe-registry.ts
+import { Registry } from "@pactor-app/core";
+var SafeComponentRegistry = class extends Registry {
+  constructor(source, allowed) {
+    super("SafeComponentRegistry");
+    this.source = source;
+    this.allowed = allowed;
+  }
+  get(name) {
+    if (!this.allowed.has(name)) {
+      return void 0;
+    }
+    return this.source.get(name);
+  }
+  has(name) {
+    return this.allowed.has(name) && this.source.has(name);
+  }
+  list() {
+    return this.source.list().filter((name) => this.allowed.has(name));
+  }
+};
+function createSafeRegistry(source, allowed) {
+  return new SafeComponentRegistry(source, new Set(allowed));
+}
+
+// src/capability-action.ts
+function failure(message) {
+  return { ok: false, error: new Error(message) };
+}
+function registerCapabilityAction(actions, deps) {
+  if (actions.has("capability")) {
+    return;
+  }
+  actions.register("capability", async (action, ctx) => {
+    const name = action.params?.["name"];
+    if (typeof name !== "string" || !name) {
+      return failure("[@pactor-app/chat] capability \u52A8\u4F5C\u7F3A\u5C11 name \u53C2\u6570");
+    }
+    const capability = deps.capabilities.get(name);
+    if (!capability) {
+      return failure(`[@pactor-app/chat] capability not registered: "${name}"`);
+    }
+    if (capability.permission !== void 0 && deps.permission !== void 0 && !deps.permission.check(capability.permission)) {
+      return failure(
+        `[@pactor-app/chat] permission denied for capability "${name}"`
+      );
+    }
+    const params = action.params?.["params"] ?? {};
+    if (capability.risk === "high") {
+      if (!deps.confirm) {
+        return failure(
+          `[@pactor-app/chat] capability "${name}" \u4E3A\u9AD8\u98CE\u9669\u64CD\u4F5C\uFF0C\u4F46\u672A\u6CE8\u5165 confirm`
+        );
+      }
+      const confirmed = await deps.confirm({ name, params });
+      if (!confirmed) {
+        return { ok: true, skipped: true };
+      }
+    }
+    const data = await capability.execute(params, ctx);
+    return { ok: true, data };
+  });
+}
+
+// src/scope.ts
+import { createPermissionAdapter } from "@pactor-app/permission";
+import {
+  ActionEngine,
+  createRuntimeContext,
+  registerBuiltinActions
+} from "@pactor-app/runtime";
+function buildChatScope(scope) {
+  return {
+    conversation: scope.conversation,
+    message: scope.message,
+    params: scope.params ?? {}
+  };
+}
+function createChatRuntime(options = {}) {
+  const permission = options.permission ?? (options.permissionStore ? createPermissionAdapter(options.permissionStore) : void 0);
+  const context = createRuntimeContext({
+    components: options.safeRegistry,
+    user: options.user,
+    permission
+  });
+  registerBuiltinActions(context.actions);
+  if (options.capabilities) {
+    const deps = {
+      capabilities: options.capabilities,
+      permission,
+      confirm: options.confirm
+    };
+    registerCapabilityAction(context.actions, deps);
+  }
+  return { context, engine: new ActionEngine(context) };
+}
+
+// src/dsl-guard.ts
+var CHAT_DENIED_TYPE = "ChatDenied";
+function guardChatDsl(node, registry) {
+  if (node.type !== CHAT_DENIED_TYPE && !registry.has(node.type)) {
+    return {
+      type: CHAT_DENIED_TYPE,
+      props: { deniedType: node.type }
+    };
+  }
+  if (!node.children || node.children.length === 0) {
+    return node;
+  }
+  return {
+    ...node,
+    children: node.children.map((child) => guardChatDsl(child, registry))
+  };
+}
+
+// src/hooks/use-smooth-stream-text.ts
+import { useEffect, useRef, useState } from "react";
+function useSmoothStreamText(content, isStreaming, options = {}) {
+  const {
+    maxCharsPerFrame = 120,
+    minCharsPerFrame = 2,
+    catchUpDivisor = 5,
+    enabled = true
+  } = options;
+  const [shown, setShown] = useState(content);
+  const shownLengthRef = useRef(content.length);
+  const rafRef = useRef(0);
+  useEffect(() => {
+    if (!enabled || !isStreaming || shownLengthRef.current > content.length) {
+      if (rafRef.current) {
+        cancelAnimationFrame(rafRef.current);
+        rafRef.current = 0;
+      }
+      if (shownLengthRef.current !== content.length) {
+        shownLengthRef.current = content.length;
+        setShown(content);
+      }
+      return;
+    }
+    if (shownLengthRef.current >= content.length) {
+      return;
+    }
+    const step = () => {
+      rafRef.current = 0;
+      const target = content.length;
+      const current = shownLengthRef.current;
+      if (current >= target) {
+        return;
+      }
+      const backlog = target - current;
+      const advance = Math.min(
+        maxCharsPerFrame,
+        Math.max(minCharsPerFrame, Math.ceil(backlog / catchUpDivisor))
+      );
+      const next = Math.min(target, current + advance);
+      shownLengthRef.current = next;
+      setShown(content.slice(0, next));
+      if (next < target) {
+        rafRef.current = requestAnimationFrame(step);
+      }
+    };
+    if (!rafRef.current) {
+      rafRef.current = requestAnimationFrame(step);
+    }
+    return () => {
+      if (rafRef.current) {
+        cancelAnimationFrame(rafRef.current);
+        rafRef.current = 0;
+      }
+    };
+  }, [content, isStreaming, enabled, maxCharsPerFrame, minCharsPerFrame, catchUpDivisor]);
+  return shown;
+}
+
+// src/hooks/use-chat-auto-scroll.ts
+import { useCallback, useLayoutEffect, useRef as useRef2, useState as useState2 } from "react";
+var RELEASE_THRESHOLD = 80;
+var REENGAGE_THRESHOLD = 40;
+function useChatAutoScroll({
+  messageCount,
+  lastContentLength: lastContentLength2,
+  isStreaming
+}) {
+  const containerRef = useRef2(null);
+  const followRef = useRef2(true);
+  const [isFollowing, setIsFollowing] = useState2(true);
+  const setFollow = (follow) => {
+    followRef.current = follow;
+    setIsFollowing(follow);
+  };
+  useLayoutEffect(() => {
+    const container = containerRef.current;
+    if (container && followRef.current) {
+      container.scrollTop = container.scrollHeight;
+    }
+  }, [messageCount, lastContentLength2, isStreaming]);
+  useLayoutEffect(() => {
+    const container = containerRef.current;
+    if (!container) {
+      return;
+    }
+    const onScroll = () => {
+      const distance = container.scrollHeight - container.scrollTop - container.clientHeight;
+      if (followRef.current && distance > RELEASE_THRESHOLD) {
+        setFollow(false);
+      } else if (!followRef.current && distance < REENGAGE_THRESHOLD) {
+        setFollow(true);
+      }
+    };
+    container.addEventListener("scroll", onScroll, { passive: true });
+    return () => container.removeEventListener("scroll", onScroll);
+  }, []);
+  const scrollToBottom = useCallback(() => {
+    const container = containerRef.current;
+    if (container) {
+      container.scrollTop = container.scrollHeight;
+    }
+    setFollow(true);
+  }, []);
+  return { containerRef, isFollowing, scrollToBottom };
+}
+
+// src/chat-composition.tsx
+import { useRenderer as useRenderer3 } from "@pactor-app/runtime";
+import {
+  Component as Component2,
+  isValidElement,
+  useRef as useRef11,
+  useState as useState15,
+  useSyncExternalStore as useSyncExternalStore2
+} from "react";
+
+// src/hooks/use-chat-model.ts
+import { useState as useState3 } from "react";
+function useChatModel({
+  models,
+  model,
+  onModelChange
+}) {
+  const modelsEnabled = models !== void 0 && models.length > 0;
+  const modelControlled = model !== void 0 && onModelChange !== void 0;
+  const [innerModel, setInnerModel] = useState3(
+    () => models?.[0]?.value
+  );
+  const currentModel = modelsEnabled ? modelControlled ? model : innerModel ?? models[0].value : void 0;
+  const handleModelChange = (value) => {
+    if (!modelControlled) {
+      setInnerModel(value);
+    }
+    onModelChange?.(value);
+  };
+  return { modelsEnabled, currentModel, handleModelChange };
+}
+
+// src/view/AppShell.tsx
+import { Menu, PanelLeft } from "lucide-react";
+import {
+  createContext,
+  useCallback as useCallback2,
+  useContext,
+  useEffect as useEffect2,
+  useState as useState4
+} from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var SidebarDrawerContext = createContext(null);
+function useSidebarDrawer() {
+  return useContext(SidebarDrawerContext);
+}
+var MOBILE_MEDIA_QUERY = "(max-width: 767px)";
+function useIsMobileViewport() {
+  const [isMobile, setIsMobile] = useState4(
+    () => typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia(MOBILE_MEDIA_QUERY).matches
+  );
+  useEffect2(() => {
+    if (typeof window.matchMedia !== "function") {
+      return;
+    }
+    const media = window.matchMedia(MOBILE_MEDIA_QUERY);
+    const onChange = (event) => {
+      setIsMobile(event.matches);
+    };
+    setIsMobile(media.matches);
+    media.addEventListener("change", onChange);
+    return () => media.removeEventListener("change", onChange);
+  }, []);
+  return isMobile;
+}
+function AppShell({ sidebar, brand, locationKey, sidebarFooter, collapsible = false, children, className }) {
+  const [drawerOpen, setDrawerOpen] = useState4(false);
+  const isMobile = useIsMobileViewport();
+  const close = useCallback2(() => setDrawerOpen(false), []);
+  const [collapsed, setCollapsed] = useState4(false);
+  const collapsedEffective = collapsible && collapsed && !isMobile;
+  const framed = brand !== void 0 || sidebarFooter !== void 0;
+  const [trackedLocationKey, setTrackedLocationKey] = useState4(locationKey);
+  if (trackedLocationKey !== locationKey) {
+    setTrackedLocationKey(locationKey);
+    setDrawerOpen(false);
+  }
+  useEffect2(() => {
+    if (!drawerOpen) {
+      return;
+    }
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") {
+        setDrawerOpen(false);
+      }
+    };
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [drawerOpen]);
+  return /* @__PURE__ */ jsx(SidebarDrawerContext.Provider, { value: { close, collapsed: collapsedEffective }, children: /* @__PURE__ */ jsxs("div", { className: `pactor-chat-shell${className ? ` ${className}` : ""}`, children: [
+    drawerOpen ? /* @__PURE__ */ jsx("div", { className: "pactor-chat-shell__scrim", "aria-hidden": true, onClick: close }) : null,
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `pactor-chat-shell__sidebar${framed ? " pactor-chat-shell__sidebar--framed" : ""}${collapsedEffective ? " pactor-chat-shell__sidebar--collapsed" : ""}`,
+        "data-open": drawerOpen ? "true" : "false",
+        inert: isMobile && !drawerOpen ? true : void 0,
+        children: framed ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          brand !== void 0 && // 桌面品牌行（决策 D3）：brand 左、折叠钮右；移动端由
+          // CSS 隐藏（品牌维持顶栏现状）
+          /* @__PURE__ */ jsxs("div", { className: "pactor-chat-shell__sidebar-header", children: [
+            /* @__PURE__ */ jsx("div", { className: "pactor-chat-shell__brand", children: brand }),
+            collapsible && !isMobile && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "pactor-chat-icon-button pactor-chat-shell__collapse",
+                "aria-label": collapsedEffective ? "\u5C55\u5F00\u4FA7\u680F" : "\u6298\u53E0\u4FA7\u680F",
+                "aria-expanded": !collapsedEffective,
+                title: collapsedEffective ? "\u5C55\u5F00\u4FA7\u680F" : "\u6298\u53E0\u4FA7\u680F",
+                onClick: () => setCollapsed((value) => !value),
+                children: /* @__PURE__ */ jsx(PanelLeft, { size: 16, strokeWidth: 1.7 })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "pactor-chat-shell__sidebar-body", children: sidebar }),
+          sidebarFooter !== void 0 && /* @__PURE__ */ jsx("div", { className: "pactor-chat-shell__sidebar-footer", children: sidebarFooter })
+        ] }) : sidebar
+      }
+    ),
+    /* @__PURE__ */ jsxs("main", { className: "pactor-chat-shell__main", children: [
+      /* @__PURE__ */ jsxs("div", { className: "pactor-chat-shell__topbar", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "pactor-chat-icon-button pactor-chat-shell__menu",
+            "aria-label": "\u6253\u5F00\u5BFC\u822A",
+            "aria-expanded": drawerOpen,
+            onClick: () => setDrawerOpen(true),
+            children: /* @__PURE__ */ jsx(Menu, { size: 18, strokeWidth: 1.7 })
+          }
+        ),
+        brand
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "pactor-chat-shell__content", children })
+    ] })
+  ] }) });
+}
+
+// src/view/ArtifactPanel.tsx
+import { X } from "lucide-react";
+import { Registry as Registry2 } from "@pactor-app/core";
+import { MarkdownRenderer as MarkdownRenderer2 } from "@pactor-app/markdown";
+import { DslRenderer as DslRenderer2, useRenderer as useRenderer2 } from "@pactor-app/runtime";
+import {
+  Component,
+  useMemo,
+  useRef as useRef3,
+  useState as useState5
+} from "react";
+
+// src/view/PartRenderer.tsx
+import { CircleAlert, PanelRightOpen } from "lucide-react";
+import { MarkdownRenderer } from "@pactor-app/markdown";
+import { DslRenderer, useRenderer } from "@pactor-app/runtime";
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function ChatDenied({ deniedType }) {
+  return /* @__PURE__ */ jsxs2("div", { className: "pactor-chat-denied", "data-pactor-chat-denied": deniedType, children: [
+    "\u8BE5\u7EC4\u4EF6\u4E0D\u5141\u8BB8\u5728 Chat \u4E2D\u4F7F\u7528",
+    deniedType ? `\uFF1A${deniedType}` : ""
+  ] });
+}
+function ChatDslNode({
+  node,
+  scope
+}) {
+  const renderer = useRenderer();
+  const extraScope = scope ? buildChatScope(scope) : void 0;
+  return /* @__PURE__ */ jsx2(Fragment2, { children: renderer.renderChildren([node], extraScope) });
+}
+function SmoothText({ content, streaming }) {
+  const shown = useSmoothStreamText(content, streaming);
+  return /* @__PURE__ */ jsx2("div", { className: "pactor-chat-text", children: shown });
+}
+function SmoothMarkdown({ content, streaming }) {
+  const shown = useSmoothStreamText(content, streaming);
+  return /* @__PURE__ */ jsx2(MarkdownRenderer, { content: shown });
+}
+function PartRenderer({ part, runtime, scope, streaming = false, onOpenArtifact }) {
+  switch (part.type) {
+    case "text":
+      return /* @__PURE__ */ jsx2(SmoothText, { content: part.content, streaming });
+    case "markdown":
+      return /* @__PURE__ */ jsx2(SmoothMarkdown, { content: part.content, streaming });
+    case "thinking":
+    case "tool-call":
+    case "tool-result":
+      return null;
+    case "dsl": {
+      if (!part.schema || !runtime) {
+        return /* @__PURE__ */ jsx2("div", { className: "pactor-chat-dsl-pending", children: part.schema ? "DSL \u6E32\u67D3\u4E0D\u53EF\u7528\uFF08\u672A\u6CE8\u5165 Safe Registry\uFF09" : "\u5185\u5BB9\u751F\u6210\u4E2D\u2026" });
+      }
+      const guarded = guardChatDsl(part.schema, runtime.context.components);
+      return /* @__PURE__ */ jsx2("div", { className: "pactor-chat-dsl", children: /* @__PURE__ */ jsx2(DslRenderer, { context: runtime.context, engine: runtime.engine, children: /* @__PURE__ */ jsx2(ChatDslNode, { node: guarded, scope }) }) });
+    }
+    case "error":
+      return /* @__PURE__ */ jsxs2("div", { className: "pactor-chat-error", role: "alert", children: [
+        /* @__PURE__ */ jsx2(CircleAlert, { size: 14 }),
+        /* @__PURE__ */ jsx2("span", { children: part.message })
+      ] });
+    case "status":
+      return /* @__PURE__ */ jsx2("div", { className: "pactor-chat-status", children: part.text });
+    case "artifact":
+      return /* @__PURE__ */ jsxs2(
+        "div",
+        {
+          className: "pactor-chat-artifact-card",
+          "data-artifact-kind": part.artifact.kind,
+          children: [
+            /* @__PURE__ */ jsx2("span", { className: "pactor-chat-artifact-card__title", children: part.artifact.title }),
+            /* @__PURE__ */ jsx2("span", { className: "pactor-chat-artifact-card__kind", children: part.artifact.kind }),
+            /* @__PURE__ */ jsxs2(
+              "button",
+              {
+                type: "button",
+                className: "pactor-chat-artifact-card__open",
+                onClick: () => onOpenArtifact?.(part.artifact),
+                children: [
+                  /* @__PURE__ */ jsx2(PanelRightOpen, { size: 13, strokeWidth: 1.7 }),
+                  "\u5728\u9762\u677F\u4E2D\u6253\u5F00"
+                ]
+              }
+            )
+          ]
+        }
+      );
+    default:
+      return null;
+  }
+}
+
+// src/view/ArtifactPanel.tsx
+import { Fragment as Fragment3, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function useArtifactRuntime(safeRegistry, user) {
+  return useMemo(() => {
+    if (!safeRegistry) {
+      return void 0;
+    }
+    const components = new Registry2("ChatArtifactRegistry");
+    components.register(CHAT_DENIED_TYPE, ChatDenied);
+    for (const name of safeRegistry.list()) {
+      components.register(name, safeRegistry.get(name));
+    }
+    return createChatRuntime({ safeRegistry: components, user });
+  }, [safeRegistry, user]);
+}
+var ArtifactDslGuard = class extends Component {
+  constructor() {
+    super(...arguments);
+    this.state = { failed: false };
+  }
+  static getDerivedStateFromError() {
+    return { failed: true };
+  }
+  componentDidCatch(error) {
+    console.warn("[@pactor-app/chat] DSL \u4EA7\u51FA\u7269\u6E32\u67D3\u5931\u8D25\uFF0C\u5DF2\u964D\u7EA7\u5C55\u793A", error);
+  }
+  render() {
+    return this.state.failed ? /* @__PURE__ */ jsx3("div", { className: "pactor-chat-denied", children: "DSL \u4EA7\u51FA\u7269\u6E32\u67D3\u5931\u8D25\uFF0C\u5DF2\u964D\u7EA7\u5C55\u793A" }) : this.props.children;
+  }
+};
+function ArtifactDslNode({ node }) {
+  const { renderChildren } = useRenderer2();
+  return /* @__PURE__ */ jsx3(Fragment3, { children: renderChildren([node]) });
+}
+function ArtifactDslContent({
+  content,
+  runtime
+}) {
+  const node = typeof content === "object" && content !== null && !Array.isArray(content) && typeof content.type === "string" ? content : void 0;
+  if (!node || !runtime) {
+    return /* @__PURE__ */ jsx3("div", { className: "pactor-chat-denied", children: node ? "DSL \u9884\u89C8\u4E0D\u53EF\u7528\uFF08\u672A\u6CE8\u5165 Safe Registry\uFF09" : "DSL \u4EA7\u51FA\u7269\u5185\u5BB9\u65E0\u6548" });
+  }
+  const guarded = guardChatDsl(node, runtime.context.components);
+  return /* @__PURE__ */ jsx3(DslRenderer2, { context: runtime.context, engine: runtime.engine, children: /* @__PURE__ */ jsx3(ArtifactDslGuard, { children: /* @__PURE__ */ jsx3(ArtifactDslNode, { node: guarded }) }) });
+}
+function ArtifactContent({
+  artifact,
+  runtime
+}) {
+  switch (artifact.kind) {
+    case "markdown":
+      return /* @__PURE__ */ jsx3(MarkdownRenderer2, { content: String(artifact.content) });
+    case "code":
+      return /* @__PURE__ */ jsxs3("div", { className: "pactor-chat-inspector__code", children: [
+        artifact.language ? /* @__PURE__ */ jsx3("span", { className: "pactor-chat-inspector__code-lang", children: artifact.language }) : null,
+        /* @__PURE__ */ jsx3("pre", { children: /* @__PURE__ */ jsx3("code", { children: String(artifact.content) }) })
+      ] });
+    case "text":
+      return /* @__PURE__ */ jsx3("pre", { className: "pactor-chat-inspector__text", children: String(artifact.content) });
+    case "dsl":
+      return /* @__PURE__ */ jsx3(ArtifactDslContent, { content: artifact.content, runtime });
+    default:
+      return null;
+  }
+}
+function ArtifactPanel({
+  artifact,
+  inspector,
+  onClose,
+  safeRegistry,
+  user,
+  className
+}) {
+  const runtime = useArtifactRuntime(safeRegistry, user);
+  const panelRef = useRef3(null);
+  const [width, setWidth] = useState5(null);
+  const handleResizeStart = (event) => {
+    event.preventDefault();
+    const panel = panelRef.current;
+    if (!panel) {
+      return;
+    }
+    const hostRect = panel.parentElement?.getBoundingClientRect();
+    const hostWidth = hostRect !== void 0 && hostRect.width > 0 ? hostRect.width : window.innerWidth;
+    const maxWidth = hostWidth * 0.7;
+    const startWidth = panel.getBoundingClientRect().width;
+    const startX = event.clientX;
+    const prevUserSelect = document.body.style.userSelect;
+    document.body.style.userSelect = "none";
+    const onMove = (moveEvent) => {
+      const next = startWidth + (startX - moveEvent.clientX);
+      setWidth(Math.round(Math.min(Math.max(next, 240), maxWidth)));
+    };
+    const onUp = () => {
+      document.body.style.userSelect = prevUserSelect;
+      document.removeEventListener("pointermove", onMove);
+      document.removeEventListener("pointerup", onUp);
+    };
+    document.addEventListener("pointermove", onMove);
+    document.addEventListener("pointerup", onUp);
+  };
+  return /* @__PURE__ */ jsxs3(
+    "aside",
+    {
+      ref: panelRef,
+      className: `pactor-chat-inspector${className ? ` ${className}` : ""}`,
+      "data-kind": artifact?.kind,
+      style: width !== null ? { width: `${width}px` } : void 0,
+      children: [
+        /* @__PURE__ */ jsx3(
+          "div",
+          {
+            className: "pactor-chat-inspector__resize",
+            role: "separator",
+            "aria-orientation": "vertical",
+            "aria-label": "\u62D6\u52A8\u8C03\u6574\u9762\u677F\u5BBD\u5EA6",
+            onPointerDown: handleResizeStart
+          }
+        ),
+        /* @__PURE__ */ jsxs3("div", { className: "pactor-chat-inspector__header", children: [
+          /* @__PURE__ */ jsx3("span", { className: "pactor-chat-inspector__title", children: artifact?.title ?? "\u4EA7\u51FA\u7269" }),
+          artifact ? /* @__PURE__ */ jsx3("span", { className: "pactor-chat-inspector__kind", children: artifact.kind }) : null,
+          /* @__PURE__ */ jsx3(
+            "button",
+            {
+              type: "button",
+              className: "pactor-chat-icon-button pactor-chat-inspector__close",
+              "aria-label": "\u5173\u95ED\u9762\u677F",
+              onClick: onClose,
+              children: /* @__PURE__ */ jsx3(X, { size: 16, strokeWidth: 1.7 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx3("div", { className: "pactor-chat-inspector__body", children: inspector !== void 0 && inspector !== null ? inspector : artifact ? /* @__PURE__ */ jsx3(ArtifactContent, { artifact, runtime }) : null })
+      ]
+    }
+  );
+}
+
+// src/view/ChatView.tsx
+import { ArrowDown } from "lucide-react";
+import { Registry as Registry3 } from "@pactor-app/core";
+import { useEffect as useEffect6, useMemo as useMemo3, useRef as useRef9, useState as useState13, useSyncExternalStore } from "react";
+
+// src/view/Composer.tsx
+import { ArrowUp, FileText, Paperclip, Plus, Square, X as X2 } from "lucide-react";
+import { useLayoutEffect as useLayoutEffect3, useMemo as useMemo2, useRef as useRef6, useState as useState9 } from "react";
+
+// src/view/AnchoredPopover.tsx
+import {
+  useEffect as useEffect3,
+  useLayoutEffect as useLayoutEffect2,
+  useRef as useRef4,
+  useState as useState6
+} from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+function AnchoredPopover({
+  anchorRect,
+  onClose,
+  children,
+  className,
+  role = "dialog",
+  sideOffset = 8
+}) {
+  const ref = useRef4(null);
+  const [position, setPosition] = useState6(null);
+  useLayoutEffect2(() => {
+    const element = ref.current;
+    if (!element) return;
+    const height = element.offsetHeight;
+    const width = element.offsetWidth;
+    const below = height + sideOffset > anchorRect.top;
+    const left = Math.max(
+      0,
+      Math.min(anchorRect.left, window.innerWidth - width - sideOffset)
+    );
+    setPosition(
+      below ? { below, left, top: anchorRect.bottom + sideOffset } : {
+        below,
+        left,
+        bottom: window.innerHeight - anchorRect.top + sideOffset
+      }
+    );
+  }, [anchorRect, sideOffset]);
+  useEffect3(() => {
+    const onKeyDown = (event) => {
+      if (event.key !== "Escape") return;
+      const element = ref.current;
+      const active = document.activeElement;
+      if (element && active instanceof HTMLElement && element.contains(active)) {
+        active.blur();
+      }
+      onClose();
+    };
+    const onPointerDown = (event) => {
+      const element = ref.current;
+      if (element && event.target instanceof Node && !element.contains(event.target)) {
+        onClose();
+      }
+    };
+    document.addEventListener("keydown", onKeyDown);
+    document.addEventListener("pointerdown", onPointerDown, true);
+    return () => {
+      document.removeEventListener("keydown", onKeyDown);
+      document.removeEventListener("pointerdown", onPointerDown, true);
+    };
+  }, [onClose]);
+  const classNames = [
+    "pactor-chat-popover",
+    position?.below ? "pactor-chat-popover--below" : "",
+    className ?? ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx4(
+    "div",
+    {
+      ref,
+      className: classNames,
+      role,
+      tabIndex: -1,
+      style: {
+        left: position?.left ?? anchorRect.left,
+        top: position?.top,
+        bottom: position?.bottom,
+        visibility: position ? "visible" : "hidden"
+      },
+      children
+    }
+  );
+}
+
+// src/view/ModelChip.tsx
+import { Check, ChevronsUpDown } from "lucide-react";
+import { useRef as useRef5, useState as useState7 } from "react";
+import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+function ModelChip({
+  models,
+  model,
+  onModelChange
+}) {
+  const chipRef = useRef5(null);
+  const [anchor, setAnchor] = useState7(null);
+  const currentOption = models.find((option) => option.value === model) ?? models[0];
+  return /* @__PURE__ */ jsxs4(Fragment4, { children: [
+    /* @__PURE__ */ jsxs4(
+      "button",
+      {
+        ref: chipRef,
+        type: "button",
+        className: "pactor-chat-model-chip",
+        title: "\u9009\u62E9\u6A21\u578B",
+        "aria-label": "\u9009\u62E9\u6A21\u578B",
+        onClick: () => setAnchor(chipRef.current.getBoundingClientRect()),
+        children: [
+          /* @__PURE__ */ jsx5("span", { className: "pactor-chat-model-chip__label", children: currentOption.label }),
+          /* @__PURE__ */ jsx5(ChevronsUpDown, { size: 12 })
+        ]
+      }
+    ),
+    anchor && /* @__PURE__ */ jsx5(
+      AnchoredPopover,
+      {
+        anchorRect: anchor,
+        onClose: () => setAnchor(null),
+        role: "listbox",
+        children: models.map((option) => /* @__PURE__ */ jsxs4(
+          "button",
+          {
+            type: "button",
+            className: "pactor-chat-popover__item",
+            role: "option",
+            "aria-selected": option.value === currentOption.value,
+            onClick: () => {
+              onModelChange?.(option.value);
+              setAnchor(null);
+            },
+            children: [
+              /* @__PURE__ */ jsx5("span", { className: "pactor-chat-popover__item-label", children: option.label }),
+              option.value === currentOption.value && /* @__PURE__ */ jsx5(Check, { size: 13, className: "pactor-chat-popover__item-check" })
+            ]
+          },
+          option.value
+        ))
+      }
+    )
+  ] });
+}
+
+// src/view/context-sources.tsx
+import { useEffect as useEffect4, useState as useState8 } from "react";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+function sourceCacheKey(source) {
+  return `${source.service ?? ""}:${JSON.stringify(source.params ?? {})}`;
+}
+function resolveSource(source, callService, cache) {
+  if (source.items) {
+    return Promise.resolve(source.items);
+  }
+  if (!source.service) {
+    return Promise.resolve([]);
+  }
+  const key = sourceCacheKey(source);
+  let cached = cache.get(key);
+  if (!cached) {
+    cached = callService ? callService(source.service, source.params).then(
+      (value) => Array.isArray(value) ? value : []
+    ) : Promise.reject(
+      new Error(
+        `\u672A\u6CE8\u5165 callService\uFF0C\u65E0\u6CD5\u89E3\u6790\u670D\u52A1 "${source.service}"`
+      )
+    );
+    cache.set(key, cached);
+  }
+  return cached;
+}
+function matchesQuery(item, query) {
+  return item.label.toLowerCase().includes(query.toLowerCase());
+}
+function ContextSourceList({
+  sources,
+  query,
+  callService,
+  cache,
+  onSelect
+}) {
+  const [resolutions, setResolutions] = useState8([]);
+  useEffect4(() => {
+    let cancelled = false;
+    const initial = sources.map(
+      (source) => source.items ? { status: "ready", items: source.items } : { status: "loading" }
+    );
+    setResolutions(initial);
+    sources.forEach((source, index) => {
+      if (source.items) {
+        return;
+      }
+      resolveSource(source, callService, cache).then(
+        (items) => {
+          if (!cancelled) {
+            setResolutions((prev) => {
+              const next = [...prev];
+              next[index] = { status: "ready", items };
+              return next;
+            });
+          }
+        },
+        (cause) => {
+          if (!cancelled) {
+            setResolutions((prev) => {
+              const next = [...prev];
+              next[index] = {
+                status: "error",
+                message: cause instanceof Error ? cause.message : String(cause)
+              };
+              return next;
+            });
+          }
+        }
+      );
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [sources, callService, cache]);
+  let totalMatched = 0;
+  const groups = sources.map((source, index) => {
+    const resolution = resolutions[index] ?? { status: "loading" };
+    const items = resolution.status === "ready" ? resolution.items.filter((item) => matchesQuery(item, query)) : [];
+    totalMatched += items.length;
+    return { source, resolution, items };
+  });
+  return /* @__PURE__ */ jsxs5("div", { className: "pactor-chat-source-list", children: [
+    groups.map(({ source, resolution, items }) => /* @__PURE__ */ jsxs5("div", { className: "pactor-chat-source-list__group", children: [
+      sources.length > 1 && /* @__PURE__ */ jsx6("div", { className: "pactor-chat-source-list__group-label", children: source.label }),
+      resolution.status === "loading" && /* @__PURE__ */ jsx6("div", { className: "pactor-chat-source-list__hint", children: "\u52A0\u8F7D\u4E2D\u2026" }),
+      resolution.status === "error" && /* @__PURE__ */ jsx6("div", { className: "pactor-chat-source-list__error", role: "alert", children: resolution.message }),
+      items.map((item) => /* @__PURE__ */ jsx6(
+        "button",
+        {
+          type: "button",
+          className: "pactor-chat-popover__item",
+          onClick: () => onSelect(item, source),
+          children: item.label
+        },
+        item.id
+      ))
+    ] }, `${source.trigger}:${source.label}`)),
+    totalMatched === 0 && groups.every(({ resolution }) => resolution.status === "ready") && /* @__PURE__ */ jsx6("div", { className: "pactor-chat-source-list__hint", children: "\u65E0\u5339\u914D\u9879" })
+  ] });
+}
+
+// src/view/Composer.tsx
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+var MAX_INPUT_HEIGHT = 200;
+function formatSize(bytes) {
+  if (bytes < 1024) {
+    return `${bytes} B`;
+  }
+  if (bytes < 1024 * 1024) {
+    return `${(bytes / 1024).toFixed(1)} KB`;
+  }
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+function detectMention(text, caret) {
+  const beforeCaret = text.slice(0, caret);
+  const match = /(?:^|\s)@([^\s@]*)$/.exec(beforeCaret);
+  return match ? match[1] : null;
+}
+function collectDropFiles(event) {
+  return event.dataTransfer ? Array.from(event.dataTransfer.files) : [];
+}
+function Composer({
+  onSend,
+  streaming = false,
+  onStop,
+  placeholder = "\u8F93\u5165\u6D88\u606F\uFF0CEnter \u53D1\u9001\uFF0CShift+Enter \u6362\u884C",
+  disabled = false,
+  attachments,
+  onAttachmentsChange,
+  onAttachFiles,
+  onAttachmentClick,
+  toolbarStart,
+  toolbarEnd,
+  onMentionTrigger,
+  onPlusMenu,
+  models,
+  model,
+  onModelChange,
+  contextSources,
+  contextChips,
+  onContextChipsChange,
+  callService
+}) {
+  const [text, setText] = useState9("");
+  const [dragOver, setDragOver] = useState9(false);
+  const inputRef = useRef6(null);
+  const fileInputRef = useRef6(null);
+  const plusButtonRef = useRef6(null);
+  const composingRef = useRef6(false);
+  const modelChipEnabled = models !== void 0 && models.length > 0;
+  const mentionSources = useMemo2(
+    () => contextSources?.filter((source) => source.trigger === "@") ?? [],
+    [contextSources]
+  );
+  const plusSources = useMemo2(
+    () => contextSources?.filter((source) => source.trigger === "+") ?? [],
+    [contextSources]
+  );
+  const builtinMentionEnabled = onMentionTrigger === void 0 && mentionSources.length > 0;
+  const builtinPlusEnabled = onPlusMenu === void 0 && plusSources.length > 0;
+  const [mentionState, setMentionState] = useState9(null);
+  const [plusAnchor, setPlusAnchor] = useState9(null);
+  const sourceCacheRef = useRef6(null);
+  if (sourceCacheRef.current === null) {
+    sourceCacheRef.current = /* @__PURE__ */ new Map();
+  }
+  const handleSelectContext = (item, source) => {
+    const chip = {
+      ...item,
+      trigger: item.trigger ?? source.trigger
+    };
+    const chips = contextChips ?? [];
+    const duplicated = chips.some(
+      (existing) => existing.id === chip.id && existing.trigger === chip.trigger
+    );
+    if (!duplicated) {
+      onContextChipsChange?.([...chips, chip]);
+    }
+    setMentionState(null);
+    setPlusAnchor(null);
+  };
+  useLayoutEffect3(() => {
+    const input = inputRef.current;
+    if (input) {
+      input.style.height = "auto";
+      input.style.height = `${Math.min(input.scrollHeight, MAX_INPUT_HEIGHT)}px`;
+    }
+  }, [text]);
+  const send = () => {
+    const value = text.trim();
+    if (!value || disabled) {
+      return;
+    }
+    onSend?.(value);
+    setText("");
+  };
+  const handleChange = (event) => {
+    const value = event.target.value;
+    setText(value);
+    if (onMentionTrigger || builtinMentionEnabled) {
+      const caret = event.target.selectionStart ?? value.length;
+      const query = detectMention(value, caret);
+      if (onMentionTrigger) {
+        if (query !== null) {
+          onMentionTrigger(query, event.target.getBoundingClientRect());
+        }
+      } else {
+        setMentionState(
+          query !== null ? { query, anchorRect: event.target.getBoundingClientRect() } : null
+        );
+      }
+    }
+  };
+  const showToolbar = toolbarStart !== void 0 || toolbarEnd !== void 0 || onPlusMenu !== void 0 || builtinPlusEnabled || onAttachFiles !== void 0 || modelChipEnabled;
+  return /* @__PURE__ */ jsxs6(
+    "div",
+    {
+      className: `pactor-chat-composer${dragOver ? " pactor-chat-composer--dragover" : ""}`,
+      onDragOver: (event) => {
+        event.preventDefault();
+        setDragOver(true);
+      },
+      onDragLeave: () => setDragOver(false),
+      onDrop: (event) => {
+        event.preventDefault();
+        setDragOver(false);
+        const files = collectDropFiles(event);
+        if (files.length > 0 && onAttachFiles) {
+          onAttachFiles(files);
+        }
+      },
+      children: [
+        attachments !== void 0 && attachments.length > 0 && /* @__PURE__ */ jsx7("div", { className: "pactor-chat-composer__attachments", children: attachments.map((attachment) => {
+          const isImage = attachment.mimeType.startsWith("image/");
+          return /* @__PURE__ */ jsxs6(
+            "div",
+            {
+              className: "pactor-chat-composer__attachment",
+              "data-attachment-id": attachment.id,
+              onClick: () => onAttachmentClick?.(attachment),
+              children: [
+                isImage && attachment.url ? /* @__PURE__ */ jsx7("span", { className: "pactor-chat-composer__attachment-thumb", children: /* @__PURE__ */ jsx7("img", { src: attachment.url, alt: attachment.name }) }) : /* @__PURE__ */ jsxs6("span", { className: "pactor-chat-composer__attachment-info", children: [
+                  /* @__PURE__ */ jsx7(FileText, { size: 14 }),
+                  /* @__PURE__ */ jsx7("span", { className: "pactor-chat-composer__attachment-name", children: attachment.name }),
+                  attachment.size !== void 0 && /* @__PURE__ */ jsx7("span", { className: "pactor-chat-composer__attachment-size", children: formatSize(attachment.size) })
+                ] }),
+                /* @__PURE__ */ jsx7(
+                  "button",
+                  {
+                    type: "button",
+                    className: "pactor-chat-icon-button pactor-chat-composer__attachment-remove",
+                    title: "\u79FB\u9664\u9644\u4EF6",
+                    "aria-label": "\u79FB\u9664\u9644\u4EF6",
+                    onClick: (event) => {
+                      event.stopPropagation();
+                      onAttachmentsChange?.(
+                        attachments.filter((item) => item.id !== attachment.id)
+                      );
+                    },
+                    children: /* @__PURE__ */ jsx7(X2, { size: 12 })
+                  }
+                )
+              ]
+            },
+            attachment.id
+          );
+        }) }),
+        contextChips !== void 0 && contextChips.length > 0 && /* @__PURE__ */ jsx7("div", { className: "pactor-chat-composer__contexts", children: contextChips.map((chip) => /* @__PURE__ */ jsxs6(
+          "span",
+          {
+            className: "pactor-chat-context-chip",
+            "data-context-id": chip.id,
+            children: [
+              /* @__PURE__ */ jsx7("span", { className: "pactor-chat-context-chip__label", children: chip.label }),
+              /* @__PURE__ */ jsx7(
+                "button",
+                {
+                  type: "button",
+                  className: "pactor-chat-icon-button pactor-chat-context-chip__remove",
+                  title: `\u79FB\u9664\u4E0A\u4E0B\u6587 ${chip.label}`,
+                  "aria-label": `\u79FB\u9664\u4E0A\u4E0B\u6587 ${chip.label}`,
+                  onClick: () => onContextChipsChange?.(
+                    contextChips.filter(
+                      (existing) => !(existing.id === chip.id && existing.trigger === chip.trigger)
+                    )
+                  ),
+                  children: /* @__PURE__ */ jsx7(X2, { size: 12 })
+                }
+              )
+            ]
+          },
+          `${chip.trigger ?? ""}:${chip.id}`
+        )) }),
+        /* @__PURE__ */ jsxs6("div", { className: "pactor-chat-composer__row", children: [
+          /* @__PURE__ */ jsx7(
+            "textarea",
+            {
+              ref: inputRef,
+              className: "pactor-chat-composer__input",
+              rows: 1,
+              value: text,
+              placeholder,
+              disabled,
+              onChange: handleChange,
+              onCompositionStart: () => {
+                composingRef.current = true;
+              },
+              onCompositionEnd: () => {
+                composingRef.current = false;
+              },
+              onPaste: (event) => {
+                const files = Array.from(event.clipboardData.files);
+                if (files.length > 0 && onAttachFiles) {
+                  event.preventDefault();
+                  onAttachFiles(files);
+                }
+              },
+              onKeyDown: (event) => {
+                if (event.nativeEvent.isComposing || composingRef.current) {
+                  return;
+                }
+                if (event.key === "Enter" && !event.shiftKey) {
+                  event.preventDefault();
+                  send();
+                }
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx7(
+            "button",
+            {
+              type: "button",
+              className: `pactor-chat-composer__button${streaming ? " pactor-chat-composer__button--stop" : ""}`,
+              title: streaming ? "\u505C\u6B62\u751F\u6210" : "\u53D1\u9001",
+              "aria-label": streaming ? "\u505C\u6B62\u751F\u6210" : "\u53D1\u9001",
+              disabled: streaming ? false : disabled || !text.trim(),
+              onClick: streaming ? onStop : send,
+              children: streaming ? /* @__PURE__ */ jsx7(Square, { size: 14, fill: "currentColor" }) : /* @__PURE__ */ jsx7(ArrowUp, { size: 16 })
+            }
+          )
+        ] }),
+        showToolbar && /* @__PURE__ */ jsxs6("div", { className: "pactor-chat-composer__toolbar", children: [
+          toolbarStart,
+          /* @__PURE__ */ jsx7("span", { className: "pactor-chat-composer__toolbar-spacer" }),
+          (onPlusMenu || builtinPlusEnabled) && /* @__PURE__ */ jsx7(
+            "button",
+            {
+              ref: plusButtonRef,
+              type: "button",
+              className: "pactor-chat-icon-button",
+              title: "\u66F4\u591A\u529F\u80FD",
+              "aria-label": "\u66F4\u591A\u529F\u80FD",
+              onClick: () => {
+                const rect = plusButtonRef.current.getBoundingClientRect();
+                if (onPlusMenu) {
+                  onPlusMenu(rect);
+                } else {
+                  setPlusAnchor(rect);
+                }
+              },
+              children: /* @__PURE__ */ jsx7(Plus, { size: 14 })
+            }
+          ),
+          onAttachFiles && /* @__PURE__ */ jsx7(
+            "button",
+            {
+              type: "button",
+              className: "pactor-chat-icon-button",
+              title: "\u6DFB\u52A0\u9644\u4EF6",
+              "aria-label": "\u6DFB\u52A0\u9644\u4EF6",
+              onClick: () => fileInputRef.current?.click(),
+              children: /* @__PURE__ */ jsx7(Paperclip, { size: 14 })
+            }
+          ),
+          modelChipEnabled && /* @__PURE__ */ jsx7(
+            ModelChip,
+            {
+              models,
+              model,
+              onModelChange
+            }
+          ),
+          toolbarEnd
+        ] }),
+        onAttachFiles && /* @__PURE__ */ jsx7(
+          "input",
+          {
+            ref: fileInputRef,
+            type: "file",
+            multiple: true,
+            hidden: true,
+            onChange: (event) => {
+              const files = event.target.files ? Array.from(event.target.files) : [];
+              if (files.length > 0) {
+                onAttachFiles(files);
+              }
+              event.target.value = "";
+            }
+          }
+        ),
+        builtinMentionEnabled && mentionState && /* @__PURE__ */ jsx7(
+          AnchoredPopover,
+          {
+            anchorRect: mentionState.anchorRect,
+            onClose: () => setMentionState(null),
+            role: "listbox",
+            children: /* @__PURE__ */ jsx7(
+              ContextSourceList,
+              {
+                sources: mentionSources,
+                query: mentionState.query,
+                callService,
+                cache: sourceCacheRef.current,
+                onSelect: handleSelectContext
+              }
+            )
+          }
+        ),
+        builtinPlusEnabled && plusAnchor && /* @__PURE__ */ jsx7(
+          AnchoredPopover,
+          {
+            anchorRect: plusAnchor,
+            onClose: () => setPlusAnchor(null),
+            role: "listbox",
+            children: /* @__PURE__ */ jsx7(
+              ContextSourceList,
+              {
+                sources: plusSources,
+                query: "",
+                callService,
+                cache: sourceCacheRef.current,
+                onSelect: handleSelectContext
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/view/EmptyState.tsx
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+var DEFAULT_CHAT_GREETING = "\u4F60\u597D\uFF0C\u6709\u4EC0\u4E48\u53EF\u4EE5\u5E2E\u4F60\uFF1F";
+function suggestionLabel(suggestion) {
+  return typeof suggestion === "string" ? suggestion : suggestion.label;
+}
+function suggestionPrompt(suggestion) {
+  return typeof suggestion === "string" ? suggestion : suggestion.prompt ?? suggestion.label;
+}
+function EmptyState({
+  greeting = DEFAULT_CHAT_GREETING,
+  subtitle,
+  suggestions,
+  onSuggestionClick
+}) {
+  return /* @__PURE__ */ jsxs7("div", { className: "pactor-chat-empty", children: [
+    /* @__PURE__ */ jsx8("div", { className: "pactor-chat-empty__greeting", children: greeting }),
+    subtitle && /* @__PURE__ */ jsx8("div", { className: "pactor-chat-empty__subtitle", children: subtitle }),
+    suggestions && suggestions.length > 0 && /* @__PURE__ */ jsx8("div", { className: "pactor-chat-empty__suggestions", children: suggestions.map((suggestion) => /* @__PURE__ */ jsx8(
+      "button",
+      {
+        type: "button",
+        className: "pactor-chat-empty__suggestion",
+        onClick: () => onSuggestionClick?.(suggestionPrompt(suggestion)),
+        children: suggestionLabel(suggestion)
+      },
+      suggestionLabel(suggestion)
+    )) })
+  ] });
+}
+
+// src/view/MessageBubble.tsx
+import { useRef as useRef8, useState as useState12 } from "react";
+
+// src/view/ActivityTrace.tsx
+import {
+  Brain,
+  CheckCircle2,
+  ChevronRight,
+  Clock,
+  Loader2,
+  XCircle
+} from "lucide-react";
+import { MarkdownRenderer as MarkdownRenderer3 } from "@pactor-app/markdown";
+import { useEffect as useEffect5, useRef as useRef7, useState as useState10 } from "react";
+import { Fragment as Fragment5, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+function usePinnedCollapse(autoOpen) {
+  const [state, setState] = useState10("auto");
+  const open = state === "auto" ? autoOpen : state === "pinned-open";
+  const toggle = () => {
+    setState(open ? "pinned-closed" : "pinned-open");
+  };
+  return { open, toggle };
+}
+var STREAMING_STATUS_TEXT = {
+  reasoning: "\u6B63\u5728\u601D\u8003\u2026",
+  tool: "\u6B63\u5728\u8C03\u7528\u5DE5\u5177\u2026",
+  responding: "\u6B63\u5728\u751F\u6210\u56DE\u590D\u2026"
+};
+function statusText(message, mode, toolCount) {
+  if (message.status === "pending" || message.status === "streaming") {
+    return mode ? STREAMING_STATUS_TEXT[mode] : "\u6B63\u5728\u54CD\u5E94\u2026";
+  }
+  if (message.status === "error") {
+    return "\u51FA\u9519\u4E86";
+  }
+  if (message.status === "cancelled") {
+    return "\u5DF2\u505C\u6B62";
+  }
+  return toolCount > 0 ? `\u5DF2\u5B8C\u6210 \xB7 ${toolCount} \u4E2A\u5DE5\u5177\u8C03\u7528` : "\u5DF2\u5B8C\u6210";
+}
+function useElapsedSeconds(startedAt, active) {
+  const compute = () => Math.max(0, Math.floor((Date.now() - startedAt) / 1e3));
+  const [elapsed, setElapsed] = useState10(compute);
+  useEffect5(() => {
+    if (!active) {
+      setElapsed(compute());
+      return;
+    }
+    const tick = () => setElapsed(compute());
+    tick();
+    const id = setInterval(tick, 1e3);
+    return () => clearInterval(id);
+  }, [active, startedAt]);
+  return elapsed;
+}
+function TraceStatusIcon({ status }) {
+  if (status === "running") {
+    return /* @__PURE__ */ jsx9(Loader2, { size: 13, className: "pactor-chat-spin" });
+  }
+  if (status === "success") {
+    return /* @__PURE__ */ jsx9(CheckCircle2, { size: 13 });
+  }
+  if (status === "failed") {
+    return /* @__PURE__ */ jsx9(XCircle, { size: 13 });
+  }
+  return /* @__PURE__ */ jsx9(Clock, { size: 13 });
+}
+function summarizeArgs(args) {
+  if (args === void 0) {
+    return "";
+  }
+  if (typeof args === "string") {
+    return args;
+  }
+  try {
+    return JSON.stringify(args) ?? "";
+  } catch {
+    return String(args);
+  }
+}
+function formatDetail(value) {
+  if (value === void 0) {
+    return "\uFF08\u65E0\u8FD4\u56DE\uFF09";
+  }
+  if (typeof value === "string") {
+    return value;
+  }
+  try {
+    return JSON.stringify(value, null, 2);
+  } catch {
+    return String(value);
+  }
+}
+function TraceRow({ entry }) {
+  const [open, setOpen] = useState10(false);
+  const summary = summarizeArgs(entry.args);
+  return /* @__PURE__ */ jsxs8(
+    "div",
+    {
+      className: "pactor-chat-trace__entry",
+      "data-status": entry.status,
+      "data-open": open,
+      children: [
+        /* @__PURE__ */ jsxs8(
+          "button",
+          {
+            type: "button",
+            className: "pactor-chat-trace__entry-header",
+            "aria-expanded": open,
+            onClick: () => setOpen((value) => !value),
+            children: [
+              /* @__PURE__ */ jsx9("span", { className: "pactor-chat-trace__chevron", children: /* @__PURE__ */ jsx9(ChevronRight, { size: 12 }) }),
+              /* @__PURE__ */ jsx9("span", { className: "pactor-chat-trace__entry-icon", children: /* @__PURE__ */ jsx9(TraceStatusIcon, { status: entry.status }) }),
+              /* @__PURE__ */ jsx9("span", { className: "pactor-chat-trace__entry-title", children: entry.title ?? entry.name }),
+              summary && /* @__PURE__ */ jsx9("span", { className: "pactor-chat-trace__entry-args", children: summary })
+            ]
+          }
+        ),
+        open && /* @__PURE__ */ jsxs8("div", { className: "pactor-chat-trace__entry-body", children: [
+          entry.args !== void 0 && /* @__PURE__ */ jsx9("pre", { className: "pactor-chat-trace__entry-detail", children: formatDetail(entry.args) }),
+          /* @__PURE__ */ jsx9("pre", { className: "pactor-chat-trace__entry-detail", children: entry.status === "failed" ? entry.error ?? "\u6267\u884C\u5931\u8D25" : formatDetail(entry.result) })
+        ] })
+      ]
+    }
+  );
+}
+function ThinkingCard({
+  part,
+  answerPhase
+}) {
+  const partStreaming = part.status === "streaming";
+  const { open, toggle } = usePinnedCollapse(partStreaming && !answerPhase);
+  return /* @__PURE__ */ jsxs8(
+    "div",
+    {
+      className: "pactor-chat-thinking",
+      "data-open": open,
+      "data-streaming": partStreaming,
+      children: [
+        /* @__PURE__ */ jsxs8(
+          "button",
+          {
+            type: "button",
+            className: "pactor-chat-thinking__header",
+            "aria-expanded": open,
+            onClick: toggle,
+            children: [
+              /* @__PURE__ */ jsx9("span", { className: "pactor-chat-trace__chevron", children: /* @__PURE__ */ jsx9(ChevronRight, { size: 12 }) }),
+              /* @__PURE__ */ jsx9("span", { className: "pactor-chat-thinking__icon", children: partStreaming ? /* @__PURE__ */ jsx9(Loader2, { size: 13, className: "pactor-chat-spin" }) : /* @__PURE__ */ jsx9(Brain, { size: 13 }) }),
+              /* @__PURE__ */ jsx9("span", { children: "\u601D\u8003\u8FC7\u7A0B" })
+            ]
+          }
+        ),
+        open && /* @__PURE__ */ jsx9("div", { className: "pactor-chat-thinking__body", children: /* @__PURE__ */ jsx9(MarkdownRenderer3, { content: part.content }) })
+      ]
+    }
+  );
+}
+function ActivityTrace({ message }) {
+  const mode = detectStreamingMode(message);
+  const streaming = message.status === "pending" || message.status === "streaming";
+  const entries = pairToolTraces(message.parts);
+  const thinkingParts = message.parts.filter(
+    (part) => part.type === "thinking"
+  );
+  const answerPhase = mode === "responding" || !streaming;
+  const { open, toggle } = usePinnedCollapse(!answerPhase);
+  const mountTimeRef = useRef7(0);
+  if (mountTimeRef.current === 0) {
+    mountTimeRef.current = Date.now();
+  }
+  const elapsed = useElapsedSeconds(
+    message.createdAt ?? mountTimeRef.current,
+    streaming
+  );
+  const header = /* @__PURE__ */ jsxs8(Fragment5, { children: [
+    /* @__PURE__ */ jsx9("span", { className: "pactor-chat-trace__status-icon", children: streaming ? /* @__PURE__ */ jsx9(Loader2, { size: 13, className: "pactor-chat-spin" }) : /* @__PURE__ */ jsx9(CheckCircle2, { size: 13 }) }),
+    /* @__PURE__ */ jsx9(
+      "span",
+      {
+        className: `pactor-chat-trace__status-text${streaming ? " pactor-chat-trace__status-text--breathing" : ""}`,
+        children: statusText(message, mode, entries.length)
+      }
+    ),
+    /* @__PURE__ */ jsxs8("span", { className: "pactor-chat-trace__elapsed", children: [
+      elapsed,
+      "s"
+    ] }),
+    entries.length > 0 && /* @__PURE__ */ jsx9("span", { className: "pactor-chat-trace__chevron", children: /* @__PURE__ */ jsx9(ChevronRight, { size: 12 }) })
+  ] });
+  return /* @__PURE__ */ jsxs8("div", { className: "pactor-chat-trace", "data-open": open, children: [
+    entries.length > 0 ? /* @__PURE__ */ jsx9(
+      "button",
+      {
+        type: "button",
+        className: "pactor-chat-trace__header",
+        "aria-expanded": open,
+        onClick: toggle,
+        children: header
+      }
+    ) : /* @__PURE__ */ jsx9("div", { className: "pactor-chat-trace__header", children: header }),
+    thinkingParts.map((part, index) => /* @__PURE__ */ jsx9(
+      ThinkingCard,
+      {
+        part,
+        answerPhase
+      },
+      part.id ?? index
+    )),
+    open && entries.length > 0 && /* @__PURE__ */ jsx9("div", { className: "pactor-chat-trace__entries", children: entries.map((entry) => /* @__PURE__ */ jsx9(TraceRow, { entry }, entry.callIndex)) })
+  ] });
+}
+
+// src/view/MessageActions.tsx
+import {
+  Bookmark,
+  Check as Check2,
+  Copy,
+  HelpCircle,
+  Pencil,
+  Quote,
+  RotateCcw,
+  Share2,
+  ThumbsDown,
+  ThumbsUp
+} from "lucide-react";
+import { useState as useState11 } from "react";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var MESSAGE_ACTION_ICONS = {
+  copy: Copy,
+  check: Check2,
+  "rotate-ccw": RotateCcw,
+  pencil: Pencil,
+  quote: Quote,
+  "thumbs-up": ThumbsUp,
+  "thumbs-down": ThumbsDown,
+  share: Share2,
+  bookmark: Bookmark
+};
+var BUILTIN_ACTION_DEFAULTS = {
+  copy: {
+    label: "\u590D\u5236",
+    icon: "copy",
+    roles: ["assistant"],
+    visibleWhen: "completed"
+  },
+  regenerate: {
+    label: "\u91CD\u65B0\u751F\u6210",
+    icon: "rotate-ccw",
+    roles: ["assistant"],
+    visibleWhen: "completed"
+  },
+  retry: {
+    label: "\u91CD\u8BD5",
+    icon: "rotate-ccw",
+    roles: ["assistant"],
+    visibleWhen: "error"
+  },
+  edit: {
+    label: "\u7F16\u8F91",
+    icon: "pencil",
+    roles: ["user"],
+    visibleWhen: "completed"
+  }
+};
+var DEFAULT_ACTIONS = [
+  "copy",
+  "regenerate",
+  "retry",
+  "edit"
+];
+function resolveMessageActions(actions) {
+  return (actions ?? DEFAULT_ACTIONS).map((item) => {
+    const config = typeof item === "string" ? { id: item, builtin: item } : item;
+    const defaults = config.builtin ? BUILTIN_ACTION_DEFAULTS[config.builtin] : void 0;
+    return {
+      id: config.id,
+      builtin: config.builtin,
+      label: config.label ?? defaults?.label ?? config.id,
+      icon: config.icon ?? defaults?.icon,
+      roles: config.roles ?? defaults?.roles ?? ["assistant"],
+      visibleWhen: config.visibleWhen ?? defaults?.visibleWhen ?? "completed",
+      service: config.service
+    };
+  });
+}
+function matchesStatus(visibleWhen, status) {
+  if (visibleWhen === "always") {
+    return true;
+  }
+  if (visibleWhen === "error") {
+    return status === "error";
+  }
+  return status === "completed" || status === "cancelled";
+}
+function collectMessageText(message) {
+  return message.parts.filter(
+    (part) => part.type === "text" || part.type === "markdown"
+  ).map((part) => part.content).join("\n");
+}
+function MessageActions({
+  message,
+  actions,
+  showRegenerate = false,
+  onRegenerate,
+  onEdit,
+  onRetry,
+  forceVisible = false,
+  callService,
+  onMessageAction
+}) {
+  const [copied, setCopied] = useState11(false);
+  const copy = async () => {
+    try {
+      await navigator.clipboard.writeText(collectMessageText(message));
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1500);
+    } catch {
+    }
+  };
+  const visibleActions = resolveMessageActions(actions).filter((action) => {
+    if (!action.roles.includes(message.role)) {
+      return false;
+    }
+    if (!matchesStatus(action.visibleWhen, message.status)) {
+      return false;
+    }
+    switch (action.builtin) {
+      case "regenerate":
+        return showRegenerate && onRegenerate !== void 0;
+      case "retry":
+        return onRetry !== void 0;
+      case "edit":
+        return onEdit !== void 0;
+      default:
+        return true;
+    }
+  });
+  if (visibleActions.length === 0) {
+    return null;
+  }
+  const dispatch = (action) => {
+    switch (action.builtin) {
+      case "copy":
+        void copy();
+        break;
+      case "regenerate":
+        onRegenerate?.();
+        break;
+      case "retry":
+        onRetry?.();
+        break;
+      case "edit":
+        onEdit?.();
+        break;
+      default:
+        if (action.service) {
+          if (callService) {
+            void callService(action.service, {
+              actionId: action.id,
+              message
+            });
+          } else {
+            console.warn(
+              `[@pactor-app/chat] \u6D88\u606F\u52A8\u4F5C\u300C${action.id}\u300D\u914D\u7F6E\u4E86 service\u300C${action.service}\u300D\u4F46\u672A\u6CE8\u5165 callService\uFF0C\u5DF2\u8DF3\u8FC7\u6D3E\u53D1`
+            );
+          }
+        }
+    }
+    onMessageAction?.(action.id, message);
+  };
+  return /* @__PURE__ */ jsx10(
+    "div",
+    {
+      className: `pactor-chat-message__actions${forceVisible ? " pactor-chat-message__actions--visible" : ""}`,
+      children: visibleActions.map((action) => {
+        const copiedFeedback = action.builtin === "copy" && copied;
+        const label = copiedFeedback ? "\u5DF2\u590D\u5236" : action.label;
+        const iconName = copiedFeedback ? "check" : action.icon;
+        const Icon = iconName !== void 0 ? MESSAGE_ACTION_ICONS[iconName] : void 0;
+        return /* @__PURE__ */ jsx10(
+          "button",
+          {
+            type: "button",
+            className: "pactor-chat-icon-button",
+            title: label,
+            "aria-label": label,
+            "data-message-action": action.id,
+            onClick: () => dispatch(action),
+            children: Icon ? /* @__PURE__ */ jsx10(Icon, { size: 14 }) : /* @__PURE__ */ jsx10(HelpCircle, { size: 14, "data-icon-placeholder": "true" })
+          },
+          action.id
+        );
+      })
+    }
+  );
+}
+
+// src/view/MessageBubble.tsx
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+function MessageEditForm({
+  initialText,
+  onConfirm,
+  onCancel
+}) {
+  const [text, setText] = useState12(initialText);
+  const confirm = () => {
+    const value = text.trim();
+    if (!value) {
+      return;
+    }
+    onConfirm(value);
+  };
+  return /* @__PURE__ */ jsxs9("div", { className: "pactor-chat-message__edit", children: [
+    /* @__PURE__ */ jsx11(
+      "textarea",
+      {
+        className: "pactor-chat-message__edit-input",
+        "aria-label": "\u7F16\u8F91\u6D88\u606F",
+        rows: 3,
+        value: text,
+        onChange: (event) => setText(event.target.value),
+        onKeyDown: (event) => {
+          if (event.key === "Enter" && !event.shiftKey) {
+            event.preventDefault();
+            confirm();
+          } else if (event.key === "Escape") {
+            onCancel();
+          }
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxs9("div", { className: "pactor-chat-message__edit-actions", children: [
+      /* @__PURE__ */ jsx11(
+        "button",
+        {
+          type: "button",
+          className: "pactor-chat-message__edit-button pactor-chat-message__edit-button--confirm",
+          "aria-label": "\u786E\u8BA4\u53D1\u9001",
+          onClick: confirm,
+          children: "\u53D1\u9001"
+        }
+      ),
+      /* @__PURE__ */ jsx11(
+        "button",
+        {
+          type: "button",
+          className: "pactor-chat-message__edit-button",
+          "aria-label": "\u53D6\u6D88",
+          onClick: onCancel,
+          children: "\u53D6\u6D88"
+        }
+      )
+    ] })
+  ] });
+}
+function MessageBubble({
+  message,
+  runtime,
+  scope,
+  showRegenerate = false,
+  onRegenerate,
+  onRetry,
+  onEditResend,
+  messageActions,
+  callService,
+  onMessageAction,
+  onOpenArtifact
+}) {
+  const [editing, setEditing] = useState12(false);
+  const bubbleScope = {
+    conversation: scope?.conversation ?? {},
+    message: { id: message.id },
+    params: scope?.params
+  };
+  const streaming = message.status === "streaming";
+  const live = message.status === "pending" || message.status === "streaming";
+  const wasLiveRef = useRef8(live);
+  if (live) {
+    wasLiveRef.current = true;
+  }
+  const showTrace = message.role === "assistant" && (wasLiveRef.current || message.parts.some(
+    (part) => part.type === "thinking" || part.type === "tool-call" || part.type === "tool-result"
+  ));
+  return /* @__PURE__ */ jsxs9(
+    "div",
+    {
+      className: `pactor-chat-message pactor-chat-message--${message.role}`,
+      "data-message-id": message.id,
+      "data-message-status": message.status,
+      children: [
+        editing ? /* @__PURE__ */ jsx11(
+          MessageEditForm,
+          {
+            initialText: collectMessageText(message),
+            onConfirm: (text) => {
+              setEditing(false);
+              onEditResend?.(text);
+            },
+            onCancel: () => setEditing(false)
+          }
+        ) : /* @__PURE__ */ jsxs9("div", { className: "pactor-chat-message__body", children: [
+          showTrace && /* @__PURE__ */ jsx11(ActivityTrace, { message }),
+          message.parts.length === 0 && message.status === "pending" && message.role !== "assistant" ? /* @__PURE__ */ jsx11("span", { className: "pactor-chat-message__pending", children: "\u2026" }) : message.parts.map((part, index) => /* @__PURE__ */ jsx11(
+            PartRenderer,
+            {
+              part,
+              runtime,
+              scope: bubbleScope,
+              streaming,
+              onOpenArtifact
+            },
+            part.id ?? index
+          ))
+        ] }),
+        !editing && /* @__PURE__ */ jsx11(
+          MessageActions,
+          {
+            message,
+            actions: messageActions,
+            showRegenerate,
+            onRegenerate,
+            onRetry,
+            onEdit: onEditResend ? () => setEditing(true) : void 0,
+            forceVisible: message.status === "error",
+            callService,
+            onMessageAction
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/view/ChatView.tsx
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+function lastContentLength(messages) {
+  const last = messages[messages.length - 1];
+  if (!last) {
+    return 0;
+  }
+  return last.parts.reduce(
+    (total, part) => total + ("content" in part ? String(part.content).length : 0),
+    0
+  );
+}
+function ChatView({
+  store,
+  transport,
+  onSend,
+  safeRegistry,
+  capabilities,
+  permission,
+  confirm,
+  conversationId,
+  user,
+  params,
+  greeting,
+  subtitle,
+  suggestions,
+  className,
+  onArtifact,
+  onOpenArtifact,
+  attachments,
+  onAttachmentsChange,
+  onAttachFiles,
+  onAttachmentClick,
+  toolbarStart,
+  toolbarEnd,
+  onMentionTrigger,
+  onPlusMenu,
+  models,
+  model,
+  onModelChange,
+  modelPlacement = "composer",
+  contexts,
+  onContextsChange,
+  callService,
+  messageActions,
+  onMessageAction
+}) {
+  const messages = useSyncExternalStore(
+    (listener) => store.subscribe(listener),
+    () => store.getMessages()
+  );
+  const isStreaming = messages.some(
+    (message) => message.status === "pending" || message.status === "streaming"
+  );
+  const runtime = useMemo3(() => {
+    if (!safeRegistry) {
+      return void 0;
+    }
+    const components = new Registry3("ChatComponentRegistry");
+    components.register(CHAT_DENIED_TYPE, ChatDenied);
+    for (const name of safeRegistry.list()) {
+      components.register(name, safeRegistry.get(name));
+    }
+    return createChatRuntime({
+      safeRegistry: components,
+      capabilities,
+      permission,
+      confirm,
+      user
+    });
+  }, [safeRegistry, capabilities, permission, confirm, user]);
+  const scope = useMemo3(
+    () => ({ conversation: { id: conversationId }, params }),
+    [conversationId, params]
+  );
+  const notifiedArtifactsRef = useRef9(/* @__PURE__ */ new Set());
+  useEffect6(() => {
+    if (!onArtifact) {
+      return;
+    }
+    for (const message of messages) {
+      if (message.role !== "assistant") {
+        continue;
+      }
+      message.parts.forEach((part, index) => {
+        if (part.type === "artifact" && (part.status ?? "ready") === "ready") {
+          const key = `${message.id}:${part.id ?? index}`;
+          if (!notifiedArtifactsRef.current.has(key)) {
+            notifiedArtifactsRef.current.add(key);
+            onArtifact(part.artifact);
+          }
+        }
+      });
+    }
+  }, [messages, onArtifact]);
+  const abortRef = useRef9(null);
+  const { containerRef, isFollowing, scrollToBottom } = useChatAutoScroll({
+    messageCount: messages.length,
+    lastContentLength: lastContentLength(messages),
+    isStreaming
+  });
+  const { currentModel, handleModelChange } = useChatModel({
+    models,
+    model,
+    onModelChange
+  });
+  const [contextChips, setContextChips] = useState13([]);
+  const handleContextChipsChange = (chips) => {
+    setContextChips(chips);
+    onContextsChange?.(chips);
+  };
+  const handleSend = (text) => {
+    onSend?.(text);
+    if (transport) {
+      const controller = new AbortController();
+      abortRef.current = controller;
+      void runChatTurn(
+        store,
+        transport,
+        {
+          text,
+          conversationId,
+          model: currentModel,
+          contexts: contextChips.length > 0 ? contextChips : void 0
+        },
+        {
+          signal: controller.signal
+        }
+      );
+    }
+    if (contextChips.length > 0) {
+      handleContextChipsChange([]);
+    }
+  };
+  const handleStop = () => {
+    abortRef.current?.abort();
+    abortRef.current = null;
+  };
+  const handleRegenerate = () => {
+    if (!transport) {
+      return;
+    }
+    handleStop();
+    const controller = new AbortController();
+    abortRef.current = controller;
+    void runRegenerateTurn(store, transport, { signal: controller.signal });
+  };
+  const handleEditResend = (messageId, text) => {
+    handleStop();
+    store.removeMessagesFrom(messageId);
+    handleSend(text);
+  };
+  const lastMessage = messages[messages.length - 1];
+  const regenerableMessageId = lastMessage?.role === "assistant" && lastMessage.status === "completed" ? lastMessage.id : void 0;
+  const isEmpty = messages.length === 0;
+  const composerNode = /* @__PURE__ */ jsx12(
+    Composer,
+    {
+      onSend: handleSend,
+      streaming: isStreaming,
+      onStop: handleStop,
+      attachments,
+      onAttachmentsChange,
+      onAttachFiles,
+      onAttachmentClick,
+      toolbarStart,
+      toolbarEnd,
+      onMentionTrigger,
+      onPlusMenu,
+      models: modelPlacement === "header" ? void 0 : models,
+      model: currentModel,
+      onModelChange: handleModelChange,
+      contextSources: contexts,
+      contextChips,
+      onContextChipsChange: handleContextChipsChange,
+      callService
+    }
+  );
+  return /* @__PURE__ */ jsxs10(
+    "div",
+    {
+      className: `pactor-chat-view${isEmpty ? " pactor-chat-view--empty" : ""}${className ? ` ${className}` : ""}`,
+      children: [
+        /* @__PURE__ */ jsxs10("div", { className: "pactor-chat-messages", ref: containerRef, children: [
+          isEmpty ? /* @__PURE__ */ jsxs10("div", { className: "pactor-chat-view__empty-stack", children: [
+            /* @__PURE__ */ jsx12(
+              EmptyState,
+              {
+                greeting,
+                subtitle,
+                suggestions,
+                onSuggestionClick: handleSend
+              }
+            ),
+            composerNode
+          ] }) : messages.map((message) => /* @__PURE__ */ jsx12(
+            MessageBubble,
+            {
+              message,
+              runtime,
+              scope,
+              showRegenerate: message.id === regenerableMessageId,
+              onRegenerate: transport ? handleRegenerate : void 0,
+              onRetry: transport ? handleRegenerate : void 0,
+              onEditResend: (text) => handleEditResend(message.id, text),
+              messageActions,
+              callService,
+              onMessageAction,
+              onOpenArtifact
+            },
+            message.id
+          )),
+          !isFollowing && /* @__PURE__ */ jsxs10(
+            "button",
+            {
+              type: "button",
+              className: "pactor-chat-scroll-bottom",
+              onClick: scrollToBottom,
+              children: [
+                /* @__PURE__ */ jsx12(ArrowDown, { size: 13 }),
+                "\u56DE\u5230\u5E95\u90E8"
+              ]
+            }
+          )
+        ] }),
+        !isEmpty && composerNode
+      ]
+    }
+  );
+}
+
+// src/view/WorkspaceHeader.tsx
+import { Download, Moon, Sun, Trash2 } from "lucide-react";
+import { useRef as useRef10, useState as useState14 } from "react";
+
+// src/export-markdown.ts
+var ROLE_LABELS = {
+  user: "\u7528\u6237",
+  assistant: "\u52A9\u624B",
+  system: "\u7CFB\u7EDF"
+};
+function serializeMessages(title, messages) {
+  const lines = [`# ${title}`, ""];
+  for (const message of messages) {
+    const content = message.parts.filter(
+      (part) => (part.type === "text" || part.type === "markdown") && "content" in part
+    ).map((part) => part.content).join("\n\n").trim();
+    if (!content) {
+      continue;
+    }
+    lines.push(`## ${ROLE_LABELS[message.role]}`, "", content, "");
+  }
+  return lines.join("\n");
+}
+function downloadMessagesAsMarkdown(title, messages) {
+  const markdown = serializeMessages(title, messages);
+  const blob = new Blob([markdown], { type: "text/markdown;charset=utf-8" });
+  const url = URL.createObjectURL(blob);
+  const anchor = document.createElement("a");
+  anchor.href = url;
+  anchor.download = `${title || "chat"}.md`;
+  anchor.click();
+  URL.revokeObjectURL(url);
+}
+
+// src/view/WorkspaceHeader.tsx
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+function readCurrentTheme() {
+  if (typeof document === "undefined") {
+    return "light";
+  }
+  return document.documentElement.getAttribute("data-pactor-theme") === "dark" ? "dark" : "light";
+}
+function WorkspaceHeader({
+  title,
+  headerExtra,
+  headerActions,
+  editableTitle = false,
+  headerStart,
+  store,
+  onExport,
+  onThemeChange,
+  onClear,
+  onTitleChange
+}) {
+  const hasActions = headerActions !== void 0 && headerActions.length > 0;
+  const [overrideTitle, setOverrideTitle] = useState14(null);
+  const [editing, setEditing] = useState14(false);
+  const [draft, setDraft] = useState14("");
+  const prevTitleRef = useRef10(title);
+  if (prevTitleRef.current !== title) {
+    prevTitleRef.current = title;
+    if (overrideTitle !== null) {
+      setOverrideTitle(null);
+    }
+  }
+  const displayTitle = overrideTitle ?? title;
+  const [theme, setTheme] = useState14(readCurrentTheme);
+  const commitTitle = () => {
+    setEditing(false);
+    const next = draft.trim();
+    if (next && next !== displayTitle) {
+      setOverrideTitle(next);
+      onTitleChange?.(next);
+    }
+  };
+  const handleExport = () => {
+    downloadMessagesAsMarkdown(displayTitle ?? "chat", store.getMessages());
+    onExport?.();
+  };
+  const handleTheme = () => {
+    const next = readCurrentTheme() === "dark" ? "light" : "dark";
+    if (next === "dark") {
+      document.documentElement.setAttribute("data-pactor-theme", "dark");
+    } else {
+      document.documentElement.removeAttribute("data-pactor-theme");
+    }
+    setTheme(next);
+    onThemeChange?.(next);
+  };
+  const handleClear = () => {
+    store.clear();
+    onClear?.();
+  };
+  const actionButtons = {
+    export: /* @__PURE__ */ jsx13(
+      "button",
+      {
+        type: "button",
+        className: "pactor-chat-icon-button",
+        title: "\u5BFC\u51FA Markdown",
+        "aria-label": "\u5BFC\u51FA Markdown",
+        onClick: handleExport,
+        children: /* @__PURE__ */ jsx13(Download, { size: 15 })
+      },
+      "export"
+    ),
+    theme: /* @__PURE__ */ jsx13(
+      "button",
+      {
+        type: "button",
+        className: "pactor-chat-icon-button",
+        title: theme === "dark" ? "\u5207\u6362\u4E3A\u6D45\u8272" : "\u5207\u6362\u4E3A\u6DF1\u8272",
+        "aria-label": "\u5207\u6362\u660E\u6697\u4E3B\u9898",
+        onClick: handleTheme,
+        children: theme === "dark" ? /* @__PURE__ */ jsx13(Sun, { size: 15 }) : /* @__PURE__ */ jsx13(Moon, { size: 15 })
+      },
+      "theme"
+    ),
+    clear: /* @__PURE__ */ jsx13(
+      "button",
+      {
+        type: "button",
+        className: "pactor-chat-icon-button",
+        title: "\u6E05\u7A7A\u4F1A\u8BDD",
+        "aria-label": "\u6E05\u7A7A\u4F1A\u8BDD",
+        onClick: handleClear,
+        children: /* @__PURE__ */ jsx13(Trash2, { size: 15 })
+      },
+      "clear"
+    )
+  };
+  const titleNode = editableTitle ? editing ? /* @__PURE__ */ jsx13(
+    "input",
+    {
+      className: "pactor-chat-workspace__title-input",
+      value: draft,
+      autoFocus: true,
+      "aria-label": "\u7F16\u8F91\u6807\u9898",
+      onChange: (event) => setDraft(event.target.value),
+      onBlur: commitTitle,
+      onKeyDown: (event) => {
+        if (event.key === "Enter") {
+          commitTitle();
+        } else if (event.key === "Escape") {
+          setEditing(false);
+        }
+      }
+    }
+  ) : /* @__PURE__ */ jsx13(
+    "button",
+    {
+      type: "button",
+      className: "pactor-chat-workspace__title pactor-chat-workspace__title--editable",
+      title: "\u70B9\u51FB\u7F16\u8F91\u6807\u9898",
+      onClick: () => {
+        setDraft(displayTitle ?? "");
+        setEditing(true);
+      },
+      children: displayTitle
+    }
+  ) : /* @__PURE__ */ jsx13("div", { className: "pactor-chat-workspace__title", children: title });
+  return /* @__PURE__ */ jsxs11("header", { className: "pactor-chat-workspace__header", children: [
+    headerStart !== void 0 ? (
+      // header 位模型 chip（决策 D2）：与 title 组成左端组，chip 在前
+      /* @__PURE__ */ jsxs11("div", { className: "pactor-chat-workspace__header-left", children: [
+        headerStart,
+        titleNode
+      ] })
+    ) : titleNode,
+    hasActions ? /* @__PURE__ */ jsxs11("div", { className: "pactor-chat-workspace__header-right", children: [
+      /* @__PURE__ */ jsx13("div", { className: "pactor-chat-workspace__header-actions", children: headerActions.map((action) => actionButtons[action]) }),
+      headerExtra !== void 0 ? /* @__PURE__ */ jsx13("div", { className: "pactor-chat-workspace__header-extra", children: headerExtra }) : null
+    ] }) : headerExtra !== void 0 ? /* @__PURE__ */ jsx13("div", { className: "pactor-chat-workspace__header-extra", children: headerExtra }) : null
+  ] });
+}
+
+// src/chat-composition.tsx
+import { Fragment as Fragment6, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+function DslNodeSlotInner({ node }) {
+  const { renderChildren } = useRenderer3();
+  return renderChildren([node]);
+}
+var DslSlotGuard = class extends Component2 {
+  constructor() {
+    super(...arguments);
+    this.state = { failed: false };
+  }
+  static getDerivedStateFromError() {
+    return { failed: true };
+  }
+  componentDidCatch() {
+    console.warn(
+      "[@pactor-app/chat] DslNode \u69FD\u4EC5\u5728\u9875\u9762\u8FD0\u884C\u65F6\uFF08DslRenderer\uFF09\u4E0A\u4E0B\u6587\u5185\u53EF\u6E32\u67D3\uFF0C\u5DF2\u8DF3\u8FC7"
+    );
+  }
+  render() {
+    return this.state.failed ? null : this.props.children;
+  }
+};
+function DslNodeSlot({ node }) {
+  return /* @__PURE__ */ jsx14(DslSlotGuard, { children: /* @__PURE__ */ jsx14(DslNodeSlotInner, { node }) });
+}
+function isDslNodeValue(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value) && !isValidElement(value) && typeof value.type === "string";
+}
+function resolveSlot(slot) {
+  if (slot === void 0 || slot === null) {
+    return void 0;
+  }
+  if (isDslNodeValue(slot)) {
+    return /* @__PURE__ */ jsx14(DslNodeSlot, { node: slot });
+  }
+  return slot;
+}
+function ChatComposition({
+  services,
+  title,
+  greeting,
+  subtitle,
+  suggestions,
+  conversationId,
+  params,
+  showHeader,
+  header,
+  headerExtra,
+  headerActions,
+  editableTitle,
+  onExport,
+  onThemeChange,
+  onClear,
+  onTitleChange,
+  models,
+  model,
+  onModelChange,
+  modelPlacement = "composer",
+  contexts,
+  onContextsChange,
+  messageActions,
+  onMessageAction,
+  sidebar,
+  toolbarEnd,
+  className,
+  onSend,
+  artifact,
+  panelOpen,
+  onPanelClose,
+  inspector,
+  onArtifact,
+  onOpenArtifact
+}) {
+  const storeRef = useRef11(null);
+  if (storeRef.current === null) {
+    storeRef.current = services.store ?? services.storeFactory?.() ?? new ConversationStore();
+  }
+  const store = storeRef.current;
+  const artifactStoreRef = useRef11(null);
+  if (artifactStoreRef.current === null) {
+    artifactStoreRef.current = services.artifactStore ?? new ArtifactStore();
+  }
+  const artifactStore = artifactStoreRef.current;
+  const panelControlled = panelOpen !== void 0 || artifact !== void 0;
+  const storeArtifact = useSyncExternalStore2(
+    (listener) => artifactStore.subscribe(listener),
+    () => artifactStore.get()
+  );
+  const effectiveArtifact = panelControlled ? artifact ?? null : storeArtifact;
+  const effectivePanelOpen = panelControlled ? panelOpen ?? artifact != null : storeArtifact !== null;
+  const handlePanelClose = () => {
+    onPanelClose?.();
+    if (!panelControlled) {
+      artifactStore.close();
+    }
+  };
+  const handleOpenArtifact = (next) => {
+    onOpenArtifact?.(next);
+    if (!panelControlled) {
+      artifactStore.open(next);
+    }
+  };
+  const [attachments, setAttachments] = useState15([]);
+  const handleAttachFiles = services.onAttachFiles ? (files) => {
+    void Promise.resolve(services.onAttachFiles(files)).then(
+      (created) => {
+        if (created && created.length > 0) {
+          setAttachments((prev) => [...prev, ...created]);
+        }
+      }
+    );
+  } : void 0;
+  const handleSend = (text) => {
+    services.onSend?.(text);
+    onSend?.(text);
+    setAttachments([]);
+  };
+  const { modelsEnabled, currentModel, handleModelChange } = useChatModel({
+    models,
+    model,
+    onModelChange
+  });
+  const headerModelChip = modelPlacement === "header" && modelsEnabled ? /* @__PURE__ */ jsx14(
+    ModelChip,
+    {
+      models,
+      model: currentModel,
+      onModelChange: handleModelChange
+    }
+  ) : void 0;
+  const mergedToolbarEnd = services.toolbarEnd !== void 0 || toolbarEnd !== void 0 ? /* @__PURE__ */ jsxs12(Fragment6, { children: [
+    services.toolbarEnd,
+    toolbarEnd
+  ] }) : void 0;
+  const workspace = /* @__PURE__ */ jsxs12(
+    "div",
+    {
+      className: `pactor-chat-workspace${className ? ` ${className}` : ""}`,
+      children: [
+        showHeader ? header ?? /* @__PURE__ */ jsx14(
+          WorkspaceHeader,
+          {
+            title,
+            headerExtra,
+            headerActions,
+            editableTitle,
+            headerStart: headerModelChip,
+            store,
+            onExport,
+            onThemeChange,
+            onClear,
+            onTitleChange
+          }
+        ) : null,
+        /* @__PURE__ */ jsx14(
+          ChatView,
+          {
+            store,
+            transport: services.transport,
+            onSend: handleSend,
+            safeRegistry: services.safeRegistry,
+            capabilities: services.capabilities,
+            permission: services.permission,
+            confirm: services.confirm,
+            conversationId,
+            user: services.user,
+            params,
+            greeting,
+            subtitle,
+            suggestions,
+            attachments,
+            onAttachmentsChange: setAttachments,
+            onAttachFiles: handleAttachFiles,
+            onAttachmentClick: services.onAttachmentClick,
+            toolbarStart: services.toolbarStart,
+            toolbarEnd: mergedToolbarEnd,
+            onMentionTrigger: services.onMentionTrigger,
+            onPlusMenu: services.onPlusMenu,
+            onArtifact,
+            onOpenArtifact: handleOpenArtifact,
+            models,
+            model: currentModel,
+            onModelChange: handleModelChange,
+            modelPlacement,
+            contexts,
+            onContextsChange,
+            callService: services.callService,
+            messageActions,
+            onMessageAction
+          }
+        )
+      ]
+    }
+  );
+  const main = sidebar ? /* @__PURE__ */ jsx14(AppShell, { sidebar, children: workspace }) : workspace;
+  const panelFeatureUsed = artifact !== void 0 || panelOpen !== void 0 || inspector !== void 0 || onPanelClose !== void 0 || onArtifact !== void 0 || onOpenArtifact !== void 0 || services.artifactStore !== void 0;
+  if (!panelFeatureUsed && !effectivePanelOpen) {
+    return main;
+  }
+  return /* @__PURE__ */ jsxs12("div", { className: "pactor-chat-inspector-host", children: [
+    main,
+    effectivePanelOpen ? /* @__PURE__ */ jsxs12(Fragment6, { children: [
+      /* @__PURE__ */ jsx14(
+        "div",
+        {
+          className: "pactor-chat-inspector__scrim",
+          "aria-hidden": true,
+          onClick: handlePanelClose
+        }
+      ),
+      /* @__PURE__ */ jsx14(
+        ArtifactPanel,
+        {
+          artifact: effectiveArtifact,
+          inspector,
+          onClose: handlePanelClose,
+          safeRegistry: services.safeRegistry,
+          user: services.user
+        }
+      )
+    ] }) : null
+  ] });
+}
+
+// src/chat-services.tsx
+import { createContext as createContext2, useContext as useContext2 } from "react";
+import { jsx as jsx15 } from "react/jsx-runtime";
+var ChatServicesContext = createContext2(null);
+function ChatServicesProvider({
+  value,
+  children
+}) {
+  return /* @__PURE__ */ jsx15(ChatServicesContext.Provider, { value, children });
+}
+function useChatServices() {
+  return useContext2(ChatServicesContext);
+}
+
+// src/chat-workspace.tsx
+import { jsx as jsx16 } from "react/jsx-runtime";
+function createChatWorkspace(services) {
+  function ChatWorkspace({
+    title,
+    greeting,
+    subtitle,
+    suggestions,
+    conversationId,
+    params,
+    sidebar,
+    toolbarEnd,
+    artifact,
+    panelOpen,
+    onPanelClose,
+    inspector,
+    onArtifact,
+    onOpenArtifact,
+    headerActions,
+    editableTitle,
+    onExport,
+    onThemeChange,
+    onClear,
+    onTitleChange,
+    models,
+    model,
+    onModelChange,
+    modelPlacement,
+    contexts,
+    onContextsChange,
+    messageActions,
+    onMessageAction,
+    className
+  }) {
+    return /* @__PURE__ */ jsx16(ChatServicesProvider, { value: services, children: /* @__PURE__ */ jsx16(
+      ChatComposition,
+      {
+        services,
+        title,
+        greeting,
+        subtitle,
+        suggestions,
+        conversationId,
+        params,
+        className,
+        showHeader: title !== void 0 || services.headerExtra !== void 0 || // header 位模型 chip（决策 D2）：仅配置 models 也渲染极简头部
+        modelPlacement === "header" && models !== void 0 && models.length > 0,
+        headerExtra: services.headerExtra,
+        sidebar: sidebar ? /* @__PURE__ */ jsx16(DslNodeSlot, { node: sidebar }) : void 0,
+        toolbarEnd: toolbarEnd ? /* @__PURE__ */ jsx16(DslNodeSlot, { node: toolbarEnd }) : void 0,
+        artifact,
+        panelOpen,
+        onPanelClose,
+        inspector: inspector ? /* @__PURE__ */ jsx16(DslNodeSlot, { node: inspector }) : void 0,
+        onArtifact,
+        onOpenArtifact,
+        headerActions,
+        editableTitle,
+        onExport,
+        onThemeChange,
+        onClear,
+        onTitleChange,
+        models,
+        model,
+        onModelChange,
+        modelPlacement,
+        contexts,
+        onContextsChange,
+        messageActions,
+        onMessageAction
+      }
+    ) });
+  }
+  return ChatWorkspace;
+}
+
+// src/view/Chat.tsx
+import {
+  Folder,
+  History,
+  MessageSquare,
+  Plus as Plus2,
+  Search,
+  Settings,
+  Star,
+  User
+} from "lucide-react";
+import {
+  Fragment as Fragment7,
+  useEffect as useEffect7
+} from "react";
+
+// src/view/ChatShell.tsx
+import { jsx as jsx17 } from "react/jsx-runtime";
+function ChatShell({
+  menu,
+  activeMenuKey,
+  brand,
+  collapsible,
+  sidebar,
+  sidebarFooter,
+  content,
+  className,
+  onMenuSelect
+}) {
+  const sidebarContent = resolveSlot(sidebar) ?? (menu && menu.length > 0 ? /* @__PURE__ */ jsx17(
+    ChatSidebarMenu,
+    {
+      menu,
+      activeMenuKey,
+      onMenuSelect
+    }
+  ) : null);
+  return /* @__PURE__ */ jsx17(
+    AppShell,
+    {
+      sidebar: sidebarContent,
+      brand,
+      collapsible,
+      sidebarFooter: resolveSlot(sidebarFooter),
+      className,
+      children: resolveSlot(content)
+    }
+  );
+}
+var CHAT_SHELL_COMPONENT_TYPE = "ChatShell";
+function ChatShellDslAdapter({
+  onMenuSelect,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx17(
+    ChatShell,
+    {
+      ...rest,
+      onMenuSelect: onMenuSelect ? (key, item) => onMenuSelect({ key, item }) : void 0
+    }
+  );
+}
+function registerChatShellComponent(registry) {
+  if (!registry.has(CHAT_SHELL_COMPONENT_TYPE)) {
+    registry.register(CHAT_SHELL_COMPONENT_TYPE, ChatShellDslAdapter);
+  }
+}
+
+// src/view/Chat.tsx
+import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
+var MENU_ICONS = {
+  plus: Plus2,
+  chat: MessageSquare,
+  history: History,
+  settings: Settings,
+  star: Star,
+  search: Search,
+  user: User,
+  folder: Folder
+};
+function ChatSidebarMenu({
+  menu,
+  activeMenuKey,
+  onMenuSelect
+}) {
+  const drawer = useSidebarDrawer();
+  let lastGroup;
+  return /* @__PURE__ */ jsx18("nav", { className: "pactor-chat-menu", "aria-label": "\u4F1A\u8BDD\u5BFC\u822A", children: menu.map((item) => {
+    const groupLabel = item.group !== void 0 && item.group !== lastGroup ? item.group : void 0;
+    lastGroup = item.group;
+    const Icon = item.icon !== void 0 ? MENU_ICONS[item.icon] : void 0;
+    const active = item.key === activeMenuKey;
+    return /* @__PURE__ */ jsxs13(Fragment7, { children: [
+      groupLabel !== void 0 ? /* @__PURE__ */ jsx18("div", { className: "pactor-chat-menu__group", children: groupLabel }) : null,
+      /* @__PURE__ */ jsxs13(
+        "button",
+        {
+          type: "button",
+          className: `pactor-chat-menu__item${active ? " pactor-chat-menu__item--active" : ""}`,
+          disabled: item.disabled === true,
+          "aria-current": active ? "true" : void 0,
+          title: drawer?.collapsed ? item.label : void 0,
+          onClick: () => {
+            if (item.disabled) {
+              return;
+            }
+            onMenuSelect?.(item.key, item);
+            drawer?.close();
+          },
+          children: [
+            item.icon !== void 0 ? Icon ? /* @__PURE__ */ jsx18("span", { className: "pactor-chat-menu__icon", children: /* @__PURE__ */ jsx18(Icon, { size: 15, strokeWidth: 1.7 }) }) : /* @__PURE__ */ jsx18(
+              "span",
+              {
+                className: "pactor-chat-menu__icon-placeholder",
+                "aria-hidden": true
+              }
+            ) : null,
+            /* @__PURE__ */ jsx18("span", { className: "pactor-chat-menu__label", children: item.label }),
+            item.dot === true ? /* @__PURE__ */ jsx18("span", { className: "pactor-chat-menu__dot", "aria-hidden": true }) : null,
+            item.badge !== void 0 ? /* @__PURE__ */ jsx18("span", { className: "pactor-chat-menu__badge", children: item.badge }) : null
+          ]
+        }
+      )
+    ] }, item.key);
+  }) });
+}
+function Chat({
+  title,
+  greeting,
+  subtitle,
+  suggestions,
+  conversationId,
+  params,
+  showHeader,
+  menu,
+  activeMenuKey,
+  sidebar,
+  headerExtra,
+  header,
+  headerActions,
+  editableTitle,
+  onExport,
+  onThemeChange,
+  onClear,
+  onTitleChange,
+  models,
+  model,
+  onModelChange,
+  modelPlacement,
+  contexts,
+  onContextsChange,
+  messageActions,
+  onMessageAction,
+  artifact,
+  panelOpen,
+  onPanelClose,
+  inspector,
+  onArtifact,
+  onOpenArtifact,
+  className,
+  onSend,
+  onMenuSelect
+}) {
+  const services = useChatServices();
+  useEffect7(() => {
+    if (!services) {
+      console.warn(
+        "[@pactor-app/chat] Chat \u672A\u68C0\u6D4B\u5230 ChatServicesProvider\uFF1A\u8BF7\u5728\u5E94\u7528\u6839\u90E8\u4EE5 <ChatServicesProvider> \u6CE8\u5165 transport \u7B49\u670D\u52A1"
+      );
+    }
+  }, [services]);
+  if (!services) {
+    return /* @__PURE__ */ jsx18("div", { className: "pactor-chat-notice", role: "note", children: "\u672A\u914D\u7F6E\u804A\u5929\u670D\u52A1\uFF1A\u8BF7\u5728 Chat \u5916\u5C42\u4F7F\u7528 ChatServicesProvider \u6CE8\u5165 transport \u7B49\u670D\u52A1\u540E\u91CD\u8BD5\u3002" });
+  }
+  const sidebarSlot = resolveSlot(sidebar);
+  const sidebarContent = sidebarSlot ?? (menu && menu.length > 0 ? /* @__PURE__ */ jsx18(
+    ChatSidebarMenu,
+    {
+      menu,
+      activeMenuKey,
+      onMenuSelect
+    }
+  ) : void 0);
+  return /* @__PURE__ */ jsx18(
+    ChatComposition,
+    {
+      services,
+      title,
+      greeting,
+      subtitle,
+      suggestions,
+      conversationId,
+      params,
+      className,
+      showHeader: showHeader !== false,
+      header: resolveSlot(header),
+      headerExtra: resolveSlot(headerExtra) ?? services.headerExtra,
+      headerActions,
+      editableTitle,
+      onExport,
+      onThemeChange,
+      onClear,
+      onTitleChange,
+      models,
+      model,
+      onModelChange,
+      modelPlacement,
+      contexts,
+      onContextsChange,
+      messageActions,
+      onMessageAction,
+      sidebar: sidebarContent,
+      onSend,
+      artifact,
+      panelOpen,
+      onPanelClose,
+      inspector: resolveSlot(inspector),
+      onArtifact,
+      onOpenArtifact
+    }
+  );
+}
+var CHAT_COMPONENT_TYPE = "Chat";
+function ChatDslAdapter({
+  onSend,
+  onMenuSelect,
+  onPanelClose,
+  onArtifact,
+  onOpenArtifact,
+  onModelChange,
+  onContextsChange,
+  onMessageAction,
+  onExport,
+  onThemeChange,
+  onClear,
+  onTitleChange,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx18(
+    Chat,
+    {
+      ...rest,
+      onSend: onSend ? (text) => onSend({ text }) : void 0,
+      onMenuSelect: onMenuSelect ? (key, item) => onMenuSelect({ key, item }) : void 0,
+      onPanelClose: onPanelClose ? () => onPanelClose({}) : void 0,
+      onArtifact: onArtifact ? (artifact) => onArtifact({ artifact }) : void 0,
+      onOpenArtifact: onOpenArtifact ? (artifact) => onOpenArtifact({ artifact }) : void 0,
+      onModelChange: onModelChange ? (model) => onModelChange({ model }) : void 0,
+      onContextsChange: onContextsChange ? (contexts) => onContextsChange({ contexts }) : void 0,
+      onMessageAction: onMessageAction ? (action, message) => onMessageAction({ action, message }) : void 0,
+      onExport: onExport ? () => onExport({}) : void 0,
+      onThemeChange: onThemeChange ? (theme) => onThemeChange({ theme }) : void 0,
+      onClear: onClear ? () => onClear({}) : void 0,
+      onTitleChange: onTitleChange ? (title) => onTitleChange({ title }) : void 0
+    }
+  );
+}
+function registerChatComponent(registry) {
+  if (!registry.has(CHAT_COMPONENT_TYPE)) {
+    registry.register(CHAT_COMPONENT_TYPE, ChatDslAdapter);
+  }
+  registerChatShellComponent(registry);
+}
+
+// src/view/ChatLayout.tsx
+import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+function ChatLayout({ title, children }) {
+  return /* @__PURE__ */ jsxs14("div", { className: "pactor-chat-layout", children: [
+    /* @__PURE__ */ jsx19("header", { className: "pactor-chat-layout__header", children: title ?? "Chat" }),
+    /* @__PURE__ */ jsx19("main", { className: "pactor-chat-layout__main", children })
+  ] });
+}
+var CHAT_LAYOUT_TYPE = "chat";
+function registerChatLayout(layoutRegistry) {
+  if (!layoutRegistry.has(CHAT_LAYOUT_TYPE)) {
+    layoutRegistry.register(CHAT_LAYOUT_TYPE, ChatLayout);
+  }
+}
+export {
+  ActivityTrace,
+  AppShell,
+  ArtifactPanel,
+  ArtifactStore,
+  CHAT_COMPONENT_TYPE,
+  CHAT_DENIED_TYPE,
+  CHAT_LAYOUT_TYPE,
+  CHAT_SHELL_COMPONENT_TYPE,
+  Chat,
+  ChatDenied,
+  ChatLayout,
+  ChatServicesProvider,
+  ChatShell,
+  ChatSidebarMenu,
+  ChatView,
+  Composer,
+  ConversationStore,
+  DEFAULT_CHAT_GREETING,
+  EmptyState,
+  MENU_ICONS,
+  MESSAGE_ACTION_ICONS,
+  MessageActions,
+  MessageBubble,
+  PartRenderer,
+  applyChatEvent,
+  buildChatScope,
+  collectMessageText,
+  createChatId,
+  createChatRuntime,
+  createChatWorkspace,
+  createManualDriver,
+  createSafeRegistry,
+  detectStreamingMode,
+  guardChatDsl,
+  pairToolTraces,
+  registerCapabilityAction,
+  registerChatComponent,
+  registerChatLayout,
+  registerChatShellComponent,
+  runChatTurn,
+  runRegenerateTurn,
+  useChatAutoScroll,
+  useChatServices,
+  useSidebarDrawer,
+  useSmoothStreamText
+};