@cniot/mdd-editor 0.3.1 → 0.3.4

package/build/index.es.js

@@ -30058,9 +30058,18 @@ function FtpBuild({ schema, moduleMap }) {
   }))));
 }
 const DEFAULT_BRIDGE_URL = "http://127.0.0.1:17678";
-const trimEndSlash = (value = "") => value.replace(/\/+$/, "");
+const trimEndSlash$1 = (value = "") => value.replace(/\/+$/, "");
 const RELAY_CHANNEL = "mdd-ai-bridge";
+const relayCacheMap = /* @__PURE__ */ new Map();
 const isLoopbackURL = (value = "") => /^http:\/\/(127(?:\.\d{1,3}){3}|localhost)(?::\d+)?/i.test(value);
+class BridgeRequestError extends Error {
+  constructor(message, options = {}) {
+    super(message);
+    this.name = "BridgeRequestError";
+    this.status = options.status || 0;
+    this.data = options.data || null;
+  }
+}
 function shouldUseBridgeRelay(baseURL) {
   return typeof window !== "undefined" && !window.isSecureContext && isLoopbackURL(baseURL);
 }
@@ -30071,7 +30080,7 @@ async function request(baseURL, path, options = {}) {
   if (shouldUseBridgeRelay(baseURL)) {
     return requestViaRelay(baseURL, path, options);
   }
-  const res = await fetch(`${trimEndSlash(baseURL)}${path}`, {
+  const res = await fetch(`${trimEndSlash$1(baseURL)}${path}`, {
     ...options,
     headers: {
       "Content-Type": "application/json",
@@ -30086,13 +30095,20 @@ async function request(baseURL, path, options = {}) {
     data = { message: text };
   }
   if (!res.ok) {
-    throw new Error((data == null ? void 0 : data.message) || `\u8BF7\u6C42\u672C\u5730 AI Bridge \u5931\u8D25: ${res.status}`);
+    throw new BridgeRequestError((data == null ? void 0 : data.message) || `\u8BF7\u6C42\u672C\u5730 AI Bridge \u5931\u8D25: ${res.status}`, {
+      status: res.status,
+      data
+    });
   }
   return data;
 }
-function requestViaRelay(baseURL, path, options = {}) {
-  const relayURL = `${trimEndSlash(baseURL)}/relay`;
-  const requestId = createRequestId();
+function getRelayCache(baseURL) {
+  const relayOrigin = trimEndSlash$1(baseURL);
+  const relayURL = `${relayOrigin}/relay`;
+  const cached = relayCacheMap.get(relayOrigin);
+  if ((cached == null ? void 0 : cached.window) && !cached.window.closed) {
+    return cached;
+  }
   const relayWindow = window.open(
     relayURL,
     "mdd-ai-bridge-relay",
@@ -30101,16 +30117,41 @@ function requestViaRelay(baseURL, path, options = {}) {
   if (!relayWindow) {
     throw new Error("\u6D4F\u89C8\u5668\u62E6\u622A\u4E86\u672C\u5730 Bridge \u7A97\u53E3\uFF0C\u8BF7\u5141\u8BB8\u5F39\u7A97\u540E\u91CD\u8BD5");
   }
+  const next = {
+    origin: relayOrigin,
+    window: relayWindow,
+    ready: false
+  };
+  relayCacheMap.set(relayOrigin, next);
+  return next;
+}
+function requestViaRelay(baseURL, path, options = {}) {
+  const relayCache = getRelayCache(baseURL);
+  const requestId = createRequestId();
   return new Promise((resolve, reject) => {
     let settled = false;
-    let ready = false;
+    let fallbackPosted = false;
+    let readyPosted = false;
     const cleanup = () => {
       window.removeEventListener("message", handleMessage);
       clearTimeout(timeoutTimer);
       clearTimeout(fallbackTimer);
     };
-    const postRequest = () => {
-      relayWindow.postMessage(
+    const postRequest = (source = "ready") => {
+      if (source === "ready") {
+        if (readyPosted)
+          return;
+        readyPosted = true;
+      } else {
+        if (fallbackPosted)
+          return;
+        fallbackPosted = true;
+      }
+      if (!relayCache.window || relayCache.window.closed) {
+        finish(reject, new Error("\u672C\u5730 Bridge relay \u7A97\u53E3\u5DF2\u5173\u95ED\uFF0C\u8BF7\u91CD\u8BD5"));
+        return;
+      }
+      relayCache.window.postMessage(
         {
           channel: RELAY_CHANNEL,
           type: "request",
@@ -30118,7 +30159,7 @@ function requestViaRelay(baseURL, path, options = {}) {
           path,
           options
         },
-        trimEndSlash(baseURL)
+        relayCache.origin
       );
     };
     const finish = (callback, value) => {
@@ -30130,16 +30171,16 @@ function requestViaRelay(baseURL, path, options = {}) {
     };
     const handleMessage = (event) => {
       var _a2;
-      if (event.origin !== trimEndSlash(baseURL))
+      if (event.origin !== relayCache.origin)
         return;
-      if (event.source !== relayWindow)
+      if (event.source !== relayCache.window)
         return;
       const message = event.data || {};
       if (message.channel !== RELAY_CHANNEL)
         return;
-      if (message.type === "ready" && !ready) {
-        ready = true;
-        postRequest();
+      if (message.type === "ready") {
+        relayCache.ready = true;
+        postRequest("ready");
         return;
       }
       if (message.type !== "response" || message.id !== requestId)
@@ -30147,7 +30188,13 @@ function requestViaRelay(baseURL, path, options = {}) {
       if (!message.ok) {
         finish(
           reject,
-          new Error(((_a2 = message.data) == null ? void 0 : _a2.message) || `\u8BF7\u6C42\u672C\u5730 AI Bridge \u5931\u8D25: ${message.status || 0}`)
+          new BridgeRequestError(
+            ((_a2 = message.data) == null ? void 0 : _a2.message) || `\u8BF7\u6C42\u672C\u5730 AI Bridge \u5931\u8D25: ${message.status || 0}`,
+            {
+              status: message.status || 0,
+              data: message.data
+            }
+          )
         );
         return;
       }
@@ -30157,10 +30204,13 @@ function requestViaRelay(baseURL, path, options = {}) {
       finish(reject, new Error("\u672C\u5730 AI Bridge relay \u54CD\u5E94\u8D85\u65F6\uFF0C\u8BF7\u786E\u8BA4\u670D\u52A1\u5DF2\u542F\u52A8"));
     }, 3e4);
     const fallbackTimer = setTimeout(() => {
-      if (!ready)
-        postRequest();
+      if (!relayCache.ready)
+        postRequest("fallback");
     }, 500);
     window.addEventListener("message", handleMessage);
+    if (relayCache.ready) {
+      setTimeout(() => postRequest("ready"), 0);
+    }
   });
 }
 function normalizeBridgeConfig(config2) {
@@ -30352,6 +30402,10 @@ function getPageCode(schemaJson = {}, pageMeta = {}) {
   const searchParams = new URLSearchParams(window.location.search || "");
   return pageMeta.code || searchParams.get("code") || (schemaJson == null ? void 0 : schemaJson.code) || ((_a2 = schemaJson == null ? void 0 : schemaJson.body) == null ? void 0 : _a2.code) || `local-${((_b2 = schemaJson == null ? void 0 : schemaJson.body) == null ? void 0 : _b2.type) || "mdd"}`;
 }
+const MIN_BRIDGE_VERSION = "0.1.4";
+const START_COMMAND = `npm i -g @cniot/mdd-ai-bridge
+mdd-ai-bridge`;
+const trimEndSlash = (value = "") => value.replace(/\/+$/, "");
 const parseSchema = (value) => {
   if (!value)
     return null;
@@ -30373,6 +30427,102 @@ const applySchemaToEditor = (schema, schemaJson) => {
   }
   schema.emit(EVENT_KEY.SCHEMA_UPDATE_FORCE, schemaJson);
 };
+const compareVersion = (a = "", b = "") => {
+  const left = String(a).split(".").map((item) => Number(item) || 0);
+  const right = String(b).split(".").map((item) => Number(item) || 0);
+  const max = Math.max(left.length, right.length);
+  for (let i = 0; i < max; i += 1) {
+    if ((left[i] || 0) > (right[i] || 0))
+      return 1;
+    if ((left[i] || 0) < (right[i] || 0))
+      return -1;
+  }
+  return 0;
+};
+const isBridgeVersionReady = (version2) => Boolean(version2) && compareVersion(version2, MIN_BRIDGE_VERSION) >= 0;
+const copyText = async (text) => {
+  var _a2;
+  if (typeof navigator !== "undefined" && ((_a2 = navigator == null ? void 0 : navigator.clipboard) == null ? void 0 : _a2.writeText)) {
+    await navigator.clipboard.writeText(text);
+    return;
+  }
+  const textarea = document.createElement("textarea");
+  textarea.value = text;
+  textarea.setAttribute("readonly", "readonly");
+  textarea.style.position = "fixed";
+  textarea.style.left = "-9999px";
+  document.body.appendChild(textarea);
+  textarea.select();
+  document.execCommand("copy");
+  document.body.removeChild(textarea);
+};
+const getJsonErrorDetail = (error) => {
+  var _a2;
+  const jsonError = (_a2 = error == null ? void 0 : error.data) == null ? void 0 : _a2.jsonError;
+  if (jsonError) {
+    return {
+      title: `${jsonError.file || "JSON"} \u89E3\u6790\u5931\u8D25${jsonError.line ? `\uFF1A\u7B2C ${jsonError.line} \u884C${jsonError.column ? `\uFF0C\u7B2C ${jsonError.column} \u5217` : ""}` : ""}`,
+      message: jsonError.message || error.message || "",
+      snippet: jsonError.snippet || ""
+    };
+  }
+  return {
+    title: "\u540C\u6B65\u5931\u8D25",
+    message: (error == null ? void 0 : error.message) || "\u540C\u6B65\u672C\u5730 AI \u4FEE\u6539\u5931\u8D25",
+    snippet: ""
+  };
+};
+const getChangeTypeText = (type) => {
+  switch (type) {
+    case "added":
+      return "\u65B0\u589E";
+    case "removed":
+      return "\u5220\u9664";
+    case "type":
+      return "\u7C7B\u578B\u53D8\u5316";
+    case "changed":
+      return "\u4FEE\u6539";
+    default:
+      return type || "\u4FEE\u6539";
+  }
+};
+function PullDiffDetail({ diffSummary }) {
+  var _a2, _b2, _c2, _d, _e, _f, _g, _h;
+  if (!(diffSummary == null ? void 0 : diffSummary.hasBaseline))
+    return null;
+  const schemaChanges = ((_a2 = diffSummary.schema) == null ? void 0 : _a2.changes) || ((_b2 = diffSummary.schema) == null ? void 0 : _b2.paths) || [];
+  const diffText = diffSummary.diffText || "";
+  const hasDetail = schemaChanges.length > 0 || ((_c2 = diffSummary.script) == null ? void 0 : _c2.changed) || ((_d = diffSummary.style) == null ? void 0 : _d.changed) || diffText;
+  if (!hasDetail)
+    return null;
+  return /* @__PURE__ */ React$1.createElement("details", {
+    className: "mdd-local-ai-diff"
+  }, /* @__PURE__ */ React$1.createElement("summary", null, "\u67E5\u770B\u5177\u4F53\u6539\u52A8\u4E0E diff"), /* @__PURE__ */ React$1.createElement("div", {
+    className: "mdd-local-ai-diff-content"
+  }, schemaChanges.length > 0 ? /* @__PURE__ */ React$1.createElement("div", {
+    className: "mdd-local-ai-diff-section"
+  }, /* @__PURE__ */ React$1.createElement("div", {
+    className: "mdd-local-ai-diff-title"
+  }, "Schema \u6539\u52A8\u4F4D\u7F6E"), /* @__PURE__ */ React$1.createElement("ul", {
+    className: "mdd-local-ai-diff-list"
+  }, schemaChanges.map((item, index2) => {
+    const path = typeof item === "string" ? item : item.path;
+    const type = typeof item === "string" ? "changed" : item.type;
+    return /* @__PURE__ */ React$1.createElement("li", {
+      key: `${path}-${index2}`
+    }, /* @__PURE__ */ React$1.createElement("code", null, path), /* @__PURE__ */ React$1.createElement("span", null, getChangeTypeText(type)));
+  }))) : null, ((_e = diffSummary.script) == null ? void 0 : _e.changed) ? /* @__PURE__ */ React$1.createElement("div", {
+    className: "mdd-local-ai-diff-section"
+  }, /* @__PURE__ */ React$1.createElement("div", {
+    className: "mdd-local-ai-diff-title"
+  }, "Script \u6539\u52A8"), /* @__PURE__ */ React$1.createElement("div", null, diffSummary.script.message), ((_f = diffSummary.script.addedFunctions) == null ? void 0 : _f.length) ? /* @__PURE__ */ React$1.createElement("div", null, "\u65B0\u589E\uFF1A", diffSummary.script.addedFunctions.join("\u3001")) : null, ((_g = diffSummary.script.removedFunctions) == null ? void 0 : _g.length) ? /* @__PURE__ */ React$1.createElement("div", null, "\u79FB\u9664\uFF1A", diffSummary.script.removedFunctions.join("\u3001")) : null) : null, ((_h = diffSummary.style) == null ? void 0 : _h.changed) ? /* @__PURE__ */ React$1.createElement("div", {
+    className: "mdd-local-ai-diff-section"
+  }, /* @__PURE__ */ React$1.createElement("div", {
+    className: "mdd-local-ai-diff-title"
+  }, "Style \u6539\u52A8"), /* @__PURE__ */ React$1.createElement("div", null, diffSummary.style.message)) : null, diffText ? /* @__PURE__ */ React$1.createElement("pre", {
+    className: "mdd-local-ai-diff-pre"
+  }, diffText) : null));
+}
 function LocalAIDrawer(props) {
   var _a2;
   const { schema, scriptInfo, pageMeta = {}, bridgeConfig, onApply } = props;
@@ -30380,8 +30530,11 @@ function LocalAIDrawer(props) {
   const [baseURL, setBaseURL] = React$1.useState(config2.baseURL || DEFAULT_BRIDGE_URL);
   const [status, setStatus] = React$1.useState("\u672A\u8FDE\u63A5");
   const [workspacePath, setWorkspacePath] = React$1.useState("");
+  const [bridgeInfo, setBridgeInfo] = React$1.useState(null);
   const [loadingAction, setLoadingAction] = React$1.useState("");
   const [lastSummary, setLastSummary] = React$1.useState("");
+  const [pullError, setPullError] = React$1.useState(null);
+  const [lastDiffSummary, setLastDiffSummary] = React$1.useState(null);
   const schemaJson = ((_a2 = schema == null ? void 0 : schema.getAllJSON) == null ? void 0 : _a2.call(schema)) || {};
   const pageCode = getPageCode(schemaJson, pageMeta);
   const getPayload = React$1.useCallback(() => {
@@ -30407,13 +30560,51 @@ function LocalAIDrawer(props) {
       })
     };
   }, [pageCode, pageMeta, schema, scriptInfo]);
+  const expectedWorkspacePath = React$1.useMemo(() => {
+    if (workspacePath)
+      return workspacePath;
+    const root2 = (bridgeInfo == null ? void 0 : bridgeInfo.workspaceRoot) || "~/.mdd-ai-workspace";
+    return `${root2.replace(/\/$/, "")}/pages/${pageCode}`;
+  }, [bridgeInfo, pageCode, workspacePath]);
+  const aiPrompt = React$1.useMemo(
+    () => `\u8BF7\u5E2E\u6211\u4FEE\u6539\u8FD9\u4E2A MDD \u9875\u9762\uFF1A
+
+\u5DE5\u4F5C\u533A\uFF1A${expectedWorkspacePath}
+\u9875\u9762 Code\uFF1A${pageCode}
+
+\u8BF7\u5148\u9605\u8BFB\u540C\u76EE\u5F55\u4E0B\u7684 AGENTS.md \u548C PROMPT.md\uFF0C\u518D\u6309\u9700\u6C42\u4FEE\u6539\uFF1A
+- mdd.schema.json\uFF1A\u9875\u9762 schema
+- mdd.script.jsx\uFF1A\u9875\u9762\u811A\u672C
+- mdd.style.less\uFF1A\u9875\u9762\u6837\u5F0F
+
+\u6CE8\u610F\uFF1A
+1. \u4E0D\u8981\u4FEE\u6539 page.ir.json / page.meta.json \u4F5C\u4E3A\u6700\u7EC8\u7ED3\u679C\u3002
+2. JSON \u5FC5\u987B\u4FDD\u6301\u5408\u6CD5\uFF0C\u5C3D\u91CF\u53EA\u6539\u548C\u9700\u6C42\u76F8\u5173\u7684\u4F4D\u7F6E\u3002
+3. MDD hook / engine API \u4E0D\u786E\u5B9A\u65F6\uFF0C\u5148\u8BFB context \u76EE\u5F55\u91CC\u7684 api-cheatsheet.md\u3001engine-runtime.md\u3001hooks-cookbook.md\u3002
+
+\u6211\u7684\u9700\u6C42\u662F\uFF1A`,
+    [expectedWorkspacePath, pageCode]
+  );
+  const handleCopy = React$1.useCallback(async (text, successText) => {
+    try {
+      await copyText(text);
+      CnMessage.success(successText);
+    } catch (e) {
+      CnMessage.error("\u590D\u5236\u5931\u8D25\uFF0C\u8BF7\u624B\u52A8\u9009\u62E9\u590D\u5236");
+    }
+  }, []);
   const checkHealth = React$1.useCallback(async () => {
     setLoadingAction("health");
     try {
       const res = await health(baseURL);
-      setStatus((res == null ? void 0 : res.ok) ? "\u5DF2\u8FDE\u63A5" : "\u8FDE\u63A5\u5F02\u5E38");
-      if (res == null ? void 0 : res.workspaceRoot) {
-        setWorkspacePath(res.workspaceRoot);
+      setBridgeInfo(res || null);
+      if ((res == null ? void 0 : res.ok) && isBridgeVersionReady(res.version)) {
+        setStatus(`\u5DF2\u8FDE\u63A5\uFF08Bridge v${res.version}\uFF09`);
+      } else if (res == null ? void 0 : res.ok) {
+        setStatus(`Bridge \u7248\u672C\u504F\u65E7${(res == null ? void 0 : res.version) ? `\uFF08v${res.version}\uFF09` : ""}`);
+        setLastSummary(`\u5EFA\u8BAE\u5347\u7EA7\u672C\u5730 bridge \u5230 ${MIN_BRIDGE_VERSION} \u6216\u66F4\u9AD8\u7248\u672C\uFF1Anpm i -g @cniot/mdd-ai-bridge@latest`);
+      } else {
+        setStatus("\u8FDE\u63A5\u5F02\u5E38");
       }
     } catch (e) {
       setStatus("\u672A\u8FDE\u63A5");
@@ -30424,9 +30615,18 @@ function LocalAIDrawer(props) {
   }, [baseURL]);
   const handlePush = async () => {
     setLoadingAction("push");
+    setPullError(null);
+    setLastDiffSummary(null);
     try {
       const res = await pushPage(baseURL, pageCode, getPayload());
       setWorkspacePath((res == null ? void 0 : res.dir) || "");
+      setBridgeInfo((prev) => {
+        var _a3;
+        return {
+          ...prev || {},
+          workspaceRoot: ((_a3 = res == null ? void 0 : res.context) == null ? void 0 : _a3.workspaceRoot) || (prev == null ? void 0 : prev.workspaceRoot)
+        };
+      });
       setStatus("\u5DF2\u540C\u6B65\u5230\u672C\u5730");
       setLastSummary(`\u5DF2\u5199\u5165\u672C\u5730\u5DE5\u4F5C\u533A: ${(res == null ? void 0 : res.dir) || pageCode}`);
       CnMessage.success("\u5DF2\u53D1\u9001\u5230\u672C\u5730 AI \u5DE5\u4F5C\u533A");
@@ -30438,6 +30638,7 @@ function LocalAIDrawer(props) {
   };
   const handlePull = async () => {
     setLoadingAction("pull");
+    setPullError(null);
     try {
       const res = await pullPage(baseURL, pageCode);
       const nextSchema = parseSchema(res == null ? void 0 : res.schemaInfo);
@@ -30453,9 +30654,13 @@ function LocalAIDrawer(props) {
         raw: res
       });
       setLastSummary((res == null ? void 0 : res.summary) || "\u5DF2\u4ECE\u672C\u5730\u5DE5\u4F5C\u533A\u540C\u6B65\u4FEE\u6539");
+      setLastDiffSummary((res == null ? void 0 : res.diffSummary) || null);
       CnMessage.success("\u5DF2\u540C\u6B65\u672C\u5730 AI \u4FEE\u6539");
     } catch (e) {
-      CnMessage.error(e.message || "\u540C\u6B65\u672C\u5730 AI \u4FEE\u6539\u5931\u8D25");
+      const detail = getJsonErrorDetail(e);
+      setPullError(detail);
+      setLastDiffSummary(null);
+      CnMessage.error(detail.title || "\u540C\u6B65\u672C\u5730 AI \u4FEE\u6539\u5931\u8D25");
     } finally {
       setLoadingAction("");
     }
@@ -30465,6 +30670,7 @@ function LocalAIDrawer(props) {
     try {
       const res = await getPageStatus(baseURL, pageCode);
       setWorkspacePath((res == null ? void 0 : res.dir) || "");
+      setLastDiffSummary(null);
       setLastSummary((res == null ? void 0 : res.exists) ? `\u672C\u5730\u5DE5\u4F5C\u533A\u5DF2\u5B58\u5728: ${res.dir}` : "\u672C\u5730\u8FD8\u6CA1\u6709\u8FD9\u4E2A\u9875\u9762\u7684\u5DE5\u4F5C\u533A");
       CnMessage.success((res == null ? void 0 : res.exists) ? "\u672C\u5730\u5DE5\u4F5C\u533A\u5DF2\u5B58\u5728" : "\u672C\u5730\u5DE5\u4F5C\u533A\u4E0D\u5B58\u5728");
     } catch (e) {
@@ -30485,6 +30691,9 @@ function LocalAIDrawer(props) {
       setLoadingAction("");
     }
   };
+  const handleOpenBridgeHome = React$1.useCallback(() => {
+    window.open(`${trimEndSlash(baseURL)}/`, "_blank", "noopener,noreferrer");
+  }, [baseURL]);
   React$1.useEffect(() => {
     if (shouldUseBridgeRelay(baseURL)) {
       setStatus("\u70B9\u51FB\u6309\u94AE\u540E\u901A\u8FC7\u672C\u5730 relay \u8FDE\u63A5");
@@ -30495,24 +30704,47 @@ function LocalAIDrawer(props) {
   return /* @__PURE__ */ React$1.createElement("div", {
     className: "mdd-local-ai"
   }, /* @__PURE__ */ React$1.createElement(CnCard, {
-    className: "mdd-local-ai-card"
+    className: "mdd-local-ai-card mdd-local-ai-hero"
+  }, /* @__PURE__ */ React$1.createElement("div", {
+    className: "mdd-local-ai-hero-head"
+  }, /* @__PURE__ */ React$1.createElement("div", null, /* @__PURE__ */ React$1.createElement("div", {
+    className: "mdd-local-ai-heading"
+  }, "\u672C\u5730 AI \u5DE5\u4F5C\u533A"), /* @__PURE__ */ React$1.createElement("div", {
+    className: "mdd-local-ai-subtitle"
+  }, "\u628A\u5F53\u524D\u9875\u9762\u540C\u6B65\u6210\u672C\u5730\u6587\u4EF6\uFF0C\u518D\u4EA4\u7ED9 Cursor\u3001Qoder\u3001Codex CLI \u4FEE\u6539\u3002")), /* @__PURE__ */ React$1.createElement("span", {
+    className: (bridgeInfo == null ? void 0 : bridgeInfo.version) ? "mdd-local-ai-status is-ready" : "mdd-local-ai-status"
+  }, (bridgeInfo == null ? void 0 : bridgeInfo.version) ? `Bridge v${bridgeInfo.version}` : status)), /* @__PURE__ */ React$1.createElement("div", {
+    className: "mdd-local-ai-bridge-row"
   }, /* @__PURE__ */ React$1.createElement("div", {
-    className: "mdd-local-ai-row"
+    className: "mdd-local-ai-field"
   }, /* @__PURE__ */ React$1.createElement("span", {
     className: "mdd-local-ai-label"
-  }, "Bridge"), /* @__PURE__ */ React$1.createElement(Input$1, {
+  }, "Bridge \u5730\u5740"), /* @__PURE__ */ React$1.createElement(Input$1, {
     size: "small",
     value: baseURL,
     onChange: setBaseURL,
     placeholder: DEFAULT_BRIDGE_URL,
-    style: { width: 320 }
-  }), /* @__PURE__ */ React$1.createElement(CnButton, {
+    className: "mdd-local-ai-input"
+  })), /* @__PURE__ */ React$1.createElement(CnButton, {
     size: "small",
     loading: loadingAction === "health",
     onClick: checkHealth
-  }, "\u68C0\u6D4B\u8FDE\u63A5")), /* @__PURE__ */ React$1.createElement("div", {
+  }, "\u68C0\u6D4B\u8FDE\u63A5"), /* @__PURE__ */ React$1.createElement(CnButton, {
+    size: "small",
+    onClick: handleOpenBridgeHome
+  }, "\u8BBF\u95EE\u672C\u5730 AI \u4E3B\u9875")), /* @__PURE__ */ React$1.createElement("div", {
     className: "mdd-local-ai-meta"
-  }, /* @__PURE__ */ React$1.createElement("div", null, "\u72B6\u6001\uFF1A", status), /* @__PURE__ */ React$1.createElement("div", null, "\u9875\u9762\uFF1A", pageCode), workspacePath ? /* @__PURE__ */ React$1.createElement("div", null, "\u76EE\u5F55\uFF1A", workspacePath) : null)), /* @__PURE__ */ React$1.createElement("div", {
+  }, /* @__PURE__ */ React$1.createElement("div", {
+    className: "mdd-local-ai-meta-item"
+  }, /* @__PURE__ */ React$1.createElement("span", null, "\u72B6\u6001"), /* @__PURE__ */ React$1.createElement("strong", null, status)), /* @__PURE__ */ React$1.createElement("div", {
+    className: "mdd-local-ai-meta-item"
+  }, /* @__PURE__ */ React$1.createElement("span", null, "\u9875\u9762"), /* @__PURE__ */ React$1.createElement("strong", null, pageCode)), /* @__PURE__ */ React$1.createElement("div", {
+    className: "mdd-local-ai-meta-item mdd-local-ai-meta-path"
+  }, /* @__PURE__ */ React$1.createElement("span", null, "\u76EE\u5F55"), /* @__PURE__ */ React$1.createElement("strong", null, workspacePath || expectedWorkspacePath)))), /* @__PURE__ */ React$1.createElement("div", {
+    className: "mdd-local-ai-section"
+  }, /* @__PURE__ */ React$1.createElement("div", {
+    className: "mdd-local-ai-section-title"
+  }, "\u5DE5\u4F5C\u533A\u64CD\u4F5C"), /* @__PURE__ */ React$1.createElement("div", {
     className: "mdd-local-ai-actions"
   }, /* @__PURE__ */ React$1.createElement(CnButton, {
     type: "primary",
@@ -30527,9 +30759,34 @@ function LocalAIDrawer(props) {
   }, "\u67E5\u770B\u72B6\u6001"), /* @__PURE__ */ React$1.createElement(CnButton, {
     loading: loadingAction === "open",
     onClick: handleOpen
-  }, "\u6253\u5F00\u76EE\u5F55")), lastSummary ? /* @__PURE__ */ React$1.createElement("div", {
+  }, "\u6253\u5F00\u76EE\u5F55"))), /* @__PURE__ */ React$1.createElement("div", {
+    className: "mdd-local-ai-section"
+  }, /* @__PURE__ */ React$1.createElement("div", {
+    className: "mdd-local-ai-section-title"
+  }, "\u8F85\u52A9\u64CD\u4F5C"), /* @__PURE__ */ React$1.createElement("div", {
+    className: "mdd-local-ai-copy-actions"
+  }, /* @__PURE__ */ React$1.createElement(CnButton, {
+    size: "small",
+    onClick: () => handleCopy(START_COMMAND, "\u5DF2\u590D\u5236\u542F\u52A8\u547D\u4EE4")
+  }, "\u590D\u5236\u542F\u52A8\u547D\u4EE4"), /* @__PURE__ */ React$1.createElement(CnButton, {
+    size: "small",
+    onClick: () => handleCopy(expectedWorkspacePath, "\u5DF2\u590D\u5236\u5DE5\u4F5C\u533A\u8DEF\u5F84")
+  }, "\u590D\u5236\u5DE5\u4F5C\u533A\u8DEF\u5F84"), /* @__PURE__ */ React$1.createElement(CnButton, {
+    size: "small",
+    onClick: () => handleCopy(aiPrompt, "\u5DF2\u590D\u5236 AI \u63D0\u793A\u8BCD")
+  }, "\u590D\u5236 AI \u63D0\u793A\u8BCD"))), lastSummary ? /* @__PURE__ */ React$1.createElement("div", {
     className: "mdd-local-ai-summary"
-  }, lastSummary) : null, /* @__PURE__ */ React$1.createElement(CnCard, {
+  }, lastSummary) : null, /* @__PURE__ */ React$1.createElement(PullDiffDetail, {
+    diffSummary: lastDiffSummary
+  }), pullError ? /* @__PURE__ */ React$1.createElement("div", {
+    className: "mdd-local-ai-error"
+  }, /* @__PURE__ */ React$1.createElement("div", {
+    className: "mdd-local-ai-error-title"
+  }, pullError.title), /* @__PURE__ */ React$1.createElement("div", {
+    className: "mdd-local-ai-error-message"
+  }, pullError.message), pullError.snippet ? /* @__PURE__ */ React$1.createElement("pre", {
+    className: "mdd-local-ai-error-snippet"
+  }, pullError.snippet) : null) : null, /* @__PURE__ */ React$1.createElement(CnCard, {
     className: "mdd-local-ai-card"
   }, /* @__PURE__ */ React$1.createElement("div", {
     className: "mdd-local-ai-title"
@@ -31074,7 +31331,7 @@ function getDefaultIndexStyle() {
   `;
 }
 const name = "@cniot/mdd-editor";
-const version = "0.3.1";
+const version = "0.3.3";
 const description = "\u6A21\u578B\u9A71\u52A8\u7F16\u8F91\u5668";
 const scripts = {
   build: "vite build"