@cychien/ezdesign 0.0.0-stage → 0.8.1

package/dist/shell.js

@@ -0,0 +1,4644 @@
+"use strict";
+(() => {
+  // node_modules/.pnpm/@hugeicons+core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/Cancel01Icon.js
+  var Cancel01Icon = [
+    ["path", { d: "M18 6L6.00081 17.9992M17.9992 18L6 6.00085", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "0" }]
+  ];
+  var Cancel01Icon_default = Cancel01Icon;
+
+  // node_modules/.pnpm/@hugeicons+core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/AlignSelectionIcon.js
+  var AlignSelectionIcon = [
+    ["path", { d: "M20 6V18M18 4H6M18 20H6M4 18V6", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "0" }],
+    ["path", { d: "M22 4C22 5.10457 21.1046 6 20 6C18.8954 6 18 5.10457 18 4C18 2.89543 18.8954 2 20 2C21.1046 2 22 2.89543 22 4Z", stroke: "currentColor", strokeWidth: "1.5", key: "1" }],
+    ["path", { d: "M6 4C6 5.10457 5.10457 6 4 6C2.89543 6 2 5.10457 2 4C2 2.89543 2.89543 2 4 2C5.10457 2 6 2.89543 6 4Z", stroke: "currentColor", strokeWidth: "1.5", key: "2" }],
+    ["path", { d: "M22 20C22 21.1046 21.1046 22 20 22C18.8954 22 18 21.1046 18 20C18 18.8954 18.8954 18 20 18C21.1046 18 22 18.8954 22 20Z", stroke: "currentColor", strokeWidth: "1.5", key: "3" }],
+    ["path", { d: "M6 20C6 21.1046 5.10457 22 4 22C2.89543 22 2 21.1046 2 20C2 18.8954 2.89543 18 4 18C5.10457 18 6 18.8954 6 20Z", stroke: "currentColor", strokeWidth: "1.5", key: "4" }]
+  ];
+  var AlignSelectionIcon_default = AlignSelectionIcon;
+
+  // node_modules/.pnpm/@hugeicons+core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/ChevronDownIcon.js
+  var ChevronDownIcon = [
+    ["path", { d: "M18 9.00005C18 9.00005 13.5811 15 12 15C10.4188 15 6 9 6 9", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "0" }]
+  ];
+  var ChevronDownIcon_default = ChevronDownIcon;
+
+  // node_modules/.pnpm/@hugeicons+core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/ChevronRightIcon.js
+  var ChevronRightIcon = [
+    ["path", { d: "M9.00005 18C9.00005 18 15 13.5811 15 12C15 10.4188 9 6 9 6", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "0" }]
+  ];
+  var ChevronRightIcon_default = ChevronRightIcon;
+
+  // node_modules/.pnpm/@hugeicons+core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/MagicWand01Icon.js
+  var MagicWand01Icon = [
+    ["path", { d: "M13.9258 12.7775L11.7775 10.6292C11.4847 10.3364 11.3383 10.19 11.1803 10.1117C10.8798 9.96277 10.527 9.96277 10.2264 10.1117C10.0685 10.19 9.92207 10.3364 9.62923 10.6292C9.33638 10.9221 9.18996 11.0685 9.11169 11.2264C8.96277 11.527 8.96277 11.8798 9.11169 12.1803C9.18996 12.3383 9.33638 12.4847 9.62923 12.7775L11.7775 14.9258M13.9258 12.7775L20.3708 19.2225C20.6636 19.5153 20.81 19.6617 20.8883 19.8197C21.0372 20.1202 21.0372 20.473 20.8883 20.7736C20.81 20.9315 20.6636 21.0779 20.3708 21.3708C20.0779 21.6636 19.9315 21.81 19.7736 21.8883C19.473 22.0372 19.1202 22.0372 18.8197 21.8883C18.6617 21.81 18.5153 21.6636 18.2225 21.3708L11.7775 14.9258M13.9258 12.7775L11.7775 14.9258", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "0" }],
+    ["path", { d: "M17 2L17.2948 2.7966C17.6813 3.84117 17.8746 4.36345 18.2556 4.74445C18.6366 5.12545 19.1588 5.31871 20.2034 5.70523L21 6L20.2034 6.29477C19.1588 6.68129 18.6366 6.87456 18.2556 7.25555C17.8746 7.63655 17.6813 8.15883 17.2948 9.2034L17 10L16.7052 9.2034C16.3187 8.15884 16.1254 7.63655 15.7444 7.25555C15.3634 6.87455 14.8412 6.68129 13.7966 6.29477L13 6L13.7966 5.70523C14.8412 5.31871 15.3634 5.12545 15.7444 4.74445C16.1254 4.36345 16.3187 3.84117 16.7052 2.7966L17 2Z", stroke: "currentColor", strokeLinejoin: "round", strokeWidth: "1.5", key: "1" }],
+    ["path", { d: "M6 4L6.22108 4.59745C6.51097 5.38087 6.65592 5.77259 6.94167 6.05834C7.22741 6.34408 7.61913 6.48903 8.40255 6.77892L9 7L8.40255 7.22108C7.61913 7.51097 7.22741 7.65592 6.94166 7.94167C6.65592 8.22741 6.51097 8.61913 6.22108 9.40255L6 10L5.77892 9.40255C5.48903 8.61913 5.34408 8.22741 5.05833 7.94167C4.77259 7.65592 4.38087 7.51097 3.59745 7.22108L3 7L3.59745 6.77892C4.38087 6.48903 4.77259 6.34408 5.05833 6.05833C5.34408 5.77259 5.48903 5.38087 5.77892 4.59745L6 4Z", stroke: "currentColor", strokeLinejoin: "round", strokeWidth: "1.5", key: "2" }]
+  ];
+  var MagicWand01Icon_default = MagicWand01Icon;
+
+  // node_modules/.pnpm/@hugeicons+core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/SparklesIcon.js
+  var SparklesIcon = [
+    ["path", { d: "M15 2L15.5387 4.39157C15.9957 6.42015 17.5798 8.00431 19.6084 8.46127L22 9L19.6084 9.53873C17.5798 9.99569 15.9957 11.5798 15.5387 13.6084L15 16L14.4613 13.6084C14.0043 11.5798 12.4202 9.99569 10.3916 9.53873L8 9L10.3916 8.46127C12.4201 8.00431 14.0043 6.42015 14.4613 4.39158L15 2Z", stroke: "currentColor", strokeLinejoin: "round", strokeWidth: "1.5", key: "0" }],
+    ["path", { d: "M7 12L7.38481 13.7083C7.71121 15.1572 8.84275 16.2888 10.2917 16.6152L12 17L10.2917 17.3848C8.84275 17.7112 7.71121 18.8427 7.38481 20.2917L7 22L6.61519 20.2917C6.28879 18.8427 5.15725 17.7112 3.70827 17.3848L2 17L3.70827 16.6152C5.15725 16.2888 6.28879 15.1573 6.61519 13.7083L7 12Z", stroke: "currentColor", strokeLinejoin: "round", strokeWidth: "1.5", key: "1" }]
+  ];
+  var SparklesIcon_default = SparklesIcon;
+
+  // node_modules/.pnpm/@hugeicons+core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/ArrowRight02Icon.js
+  var ArrowRight02Icon = [
+    ["path", { d: "M18.5 12L4.99997 12", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "0" }],
+    ["path", { d: "M13 18C13 18 19 13.5811 19 12C19 10.4188 13 6 13 6", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "1" }]
+  ];
+  var ArrowRight02Icon_default = ArrowRight02Icon;
+
+  // node_modules/.pnpm/@hugeicons+core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/Grid02Icon.js
+  var Grid02Icon = [
+    ["path", { d: "M6 4V20", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "0" }],
+    ["path", { d: "M18 4V20", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "1" }],
+    ["path", { d: "M21 7L3 7", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "2" }],
+    ["path", { d: "M21 17L3 17", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "3" }]
+  ];
+  var Grid02Icon_default = Grid02Icon;
+
+  // node_modules/.pnpm/@hugeicons+core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/ChatGptIcon.js
+  var ChatGptIcon = [
+    ["path", { d: "M11.7453 14.85L6.90436 12V7C6.90436 4.79086 8.72949 3 10.9809 3C12.3782 3 13.6113 3.6898 14.3458 4.74128", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "0" }],
+    ["path", { d: "M9.59961 19.1791C10.3266 20.2757 11.5866 21.0008 13.0192 21.0008C15.2707 21.0008 17.0958 19.21 17.0958 17.0008V12.0008L12.1612 9.0957", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "1" }],
+    ["path", { d: "M9.45166 13.5L9.45123 7.66938L13.8642 5.16938C15.814 4.06481 18.3072 4.72031 19.4329 6.63348C20.1593 7.86806 20.1388 9.32466 19.5089 10.4995", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "2" }],
+    ["path", { d: "M4.48963 13.4993C3.8595 14.6742 3.83887 16.131 4.56539 17.3657C5.6911 19.2789 8.18428 19.9344 10.1341 18.8298L14.5471 16.3298L14.643 10.7344", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "3" }],
+    ["path", { d: "M17.0959 17.6309C18.4415 17.5734 19.7295 16.8634 20.4529 15.634C21.5786 13.7209 20.9106 11.2745 18.9608 10.1699L14.5478 7.66992L9.48907 10.4255", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "4" }],
+    ["path", { d: "M6.90454 6.36938C5.55865 6.42662 4.27032 7.13672 3.54684 8.3663C2.42113 10.2795 3.08917 12.7258 5.03896 13.8304L9.45196 16.3304L14.5 13.5807", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "5" }]
+  ];
+  var ChatGptIcon_default = ChatGptIcon;
+
+  // node_modules/.pnpm/@hugeicons+core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/CheckIcon.js
+  var CheckIcon = [
+    ["path", { d: "M5 13.2592L7.58583 15.9568C8.2525 16.6523 8.58583 17.0001 9.00004 17.0001C9.41425 17.0001 9.74759 16.6523 10.4143 15.9568L19 7.00006", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "0" }]
+  ];
+  var CheckIcon_default = CheckIcon;
+
+  // node_modules/.pnpm/@hugeicons+core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/ClaudeIcon.js
+  var ClaudeIcon = [
+    ["path", { d: "M13 12L18.5 5M7.63965 3L12.5 12L13.6865 3M4.48381 6.71679L11.9872 12M3 12L11.9872 12.473M12.2244 13.177L7 20M4.84194 16.8682L11.2824 12.9758M11.5 21L12.665 13.177M21 14L13.1846 12.668M21 10.5788L13 12.3223M16.779 19.646L12.8876 13.3772M19.3566 18.207L13.313 12.9893", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "0" }]
+  ];
+  var ClaudeIcon_default = ClaudeIcon;
+
+  // node_modules/.pnpm/@hugeicons+core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/CursorMagicSelection02Icon.js
+  var CursorMagicSelection02Icon = [
+    ["path", { d: "M6.99069 4.56404C5.14721 3.92359 4.06068 3.76816 3.41442 4.41442C2.49121 5.33764 3.20405 7.15934 4.62973 10.8028L6.99069 16.8363C8.35243 20.3163 9.03329 22.0563 10.1133 21.9986C11.1934 21.9409 11.6886 20.125 12.6791 16.4933C12.974 15.4119 13.1215 14.8712 13.4963 14.4963C13.8712 14.1215 14.4119 13.974 15.4933 13.6791C19.125 12.6886 20.9409 12.1934 20.9986 11.1133C21.0428 10.287 20.0346 9.69434 18 8.85164", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "0" }],
+    ["path", { d: "M11.4999 4C12.1 5.62152 13.3784 6.89998 14.9999 7.5C13.3784 8.10002 12.1 9.37848 11.4999 11C10.8999 9.37848 9.62146 8.10002 7.99994 7.5C9.62146 6.89998 10.8999 5.62152 11.4999 4Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "1" }],
+    ["path", { d: "M15.7499 2C15.9642 2.57911 16.4208 3.03571 16.9999 3.25C16.4208 3.46429 15.9642 3.92089 15.7499 4.5C15.5356 3.92089 15.0791 3.46429 14.4999 3.25C15.0791 3.03571 15.5356 2.57911 15.7499 2Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "2" }]
+  ];
+  var CursorMagicSelection02Icon_default = CursorMagicSelection02Icon;
+
+  // node_modules/.pnpm/@hugeicons+core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/File02Icon.js
+  var File02Icon = [
+    ["path", { d: "M8 17H16", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "0" }],
+    ["path", { d: "M8 13H12", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "1" }],
+    ["path", { d: "M13 2.5V3C13 5.82843 13 7.24264 13.8787 8.12132C14.7574 9 16.1716 9 19 9H19.5M20 10.6569V14C20 17.7712 20 19.6569 18.8284 20.8284C17.6569 22 15.7712 22 12 22C8.22876 22 6.34315 22 5.17157 20.8284C4 19.6569 4 17.7712 4 14V9.45584C4 6.21082 4 4.58831 4.88607 3.48933C5.06508 3.26731 5.26731 3.06508 5.48933 2.88607C6.58831 2 8.21082 2 11.4558 2C12.1614 2 12.5141 2 12.8372 2.11401C12.9044 2.13772 12.9702 2.165 13.0345 2.19575C13.3436 2.34355 13.593 2.593 14.0919 3.09188L18.8284 7.82843C19.4065 8.40649 19.6955 8.69552 19.8478 9.06306C20 9.4306 20 9.83935 20 10.6569Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "2" }]
+  ];
+  var File02Icon_default = File02Icon;
+
+  // node_modules/.pnpm/@hugeicons+core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/KeyboardIcon.js
+  var KeyboardIcon = [
+    ["path", { d: "M14.5 7H9.5C6.21252 7 4.56878 7 3.46243 7.90796C3.25989 8.07418 3.07418 8.25989 2.90796 8.46243C2 9.56878 2 11.2125 2 14.5C2 17.7875 2 19.4312 2.90796 20.5376C3.07418 20.7401 3.25989 20.9258 3.46243 21.092C4.56878 22 6.21252 22 9.5 22H14.5C17.7875 22 19.4312 22 20.5376 21.092C20.7401 20.9258 20.9258 20.7401 21.092 20.5376C22 19.4312 22 17.7875 22 14.5C22 11.2125 22 9.56878 21.092 8.46243C20.9258 8.25989 20.7401 8.07418 20.5376 7.90796C19.4312 7 17.7875 7 14.5 7Z", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "1.5", key: "0" }],
+    ["path", { d: "M12 7V5C12 4.44772 12.4477 4 13 4C13.5523 4 14 3.55228 14 3V2", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "1" }],
+    ["path", { d: "M7 12L8 12", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "2" }],
+    ["path", { d: "M11.5 12L12.5 12", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "3" }],
+    ["path", { d: "M16 12L17 12", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "4" }],
+    ["path", { d: "M7 17L17 17", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "5" }]
+  ];
+  var KeyboardIcon_default = KeyboardIcon;
+
+  // node_modules/.pnpm/@hugeicons+core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/Select01Icon.js
+  var Select01Icon = [
+    ["path", { d: "M5 2V8M2 5H8", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "0" }],
+    ["path", { d: "M12 5H15M12 22H15M18 5H18.5C20.433 5 22 6.567 22 8.5V9M22 18V18.5C22 20.433 20.433 22 18.5 22H18M9 22H8.5C6.567 22 5 20.433 5 18.5L5 18M22 12V15M5 12L5 15", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "1.5", key: "1" }]
+  ];
+  var Select01Icon_default = Select01Icon;
+
+  // node_modules/.pnpm/@hugeicons+core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/Navigation03Icon.js
+  var Navigation03Icon = [
+    ["path", { d: "M11.922 4.79004C16.6963 3.16245 19.0834 2.34866 20.3674 3.63261C21.6513 4.91656 20.8375 7.30371 19.21 12.078L18.1016 15.3292C16.8517 18.9958 16.2267 20.8291 15.1964 20.9808C14.9195 21.0216 14.6328 20.9971 14.3587 20.9091C13.3395 20.5819 12.8007 18.6489 11.7231 14.783C11.4841 13.9255 11.3646 13.4967 11.0924 13.1692C11.0134 13.0742 10.9258 12.9866 10.8308 12.9076C10.5033 12.6354 10.0745 12.5159 9.21705 12.2769C5.35111 11.1993 3.41814 10.6605 3.0909 9.64127C3.00292 9.36724 2.97837 9.08053 3.01916 8.80355C3.17088 7.77332 5.00419 7.14834 8.6708 5.89838L11.922 4.79004Z", stroke: "currentColor", strokeWidth: "1.5", key: "0" }]
+  ];
+  var Navigation03Icon_default = Navigation03Icon;
+
+  // node_modules/.pnpm/@hugeicons+core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/BubbleChatAddIcon.js
+  var BubbleChatAddIcon = [
+    ["path", { d: "M21.5 12C21.5 17.2467 17.2467 21.5 12 21.5C10.3719 21.5 8.8394 21.0904 7.5 20.3687C5.63177 19.362 4.37462 20.2979 3.26592 20.4658C3.09774 20.4913 2.93024 20.4302 2.80997 20.31C2.62741 20.1274 2.59266 19.8451 2.6935 19.6074C3.12865 18.5818 3.5282 16.6382 2.98341 15C2.6698 14.057 2.5 13.0483 2.5 12C2.5 6.75329 6.75329 2.5 12 2.5C17.2467 2.5 21.5 6.75329 21.5 12Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "0" }],
+    ["path", { d: "M15.5 12H8.5M12 8.5V15.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "1" }]
+  ];
+  var BubbleChatAddIcon_default = BubbleChatAddIcon;
+
+  // node_modules/.pnpm/@hugeicons+core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/BubbleChatOutcomeIcon.js
+  var BubbleChatOutcomeIcon = [
+    ["path", { d: "M21.5 12C21.5 17.2467 17.2467 21.5 12 21.5C10.3719 21.5 8.8394 21.0904 7.5 20.3687C5.63177 19.362 4.37462 20.2979 3.26592 20.4658C3.09774 20.4913 2.93024 20.4302 2.80997 20.31C2.62741 20.1274 2.59266 19.8451 2.6935 19.6074C3.12865 18.5818 3.5282 16.6382 2.98341 15C2.6698 14.057 2.5 13.0483 2.5 12C2.5 6.75329 6.75329 2.5 12 2.5C17.2467 2.5 21.5 6.75329 21.5 12Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "0" }],
+    ["path", { d: "M12.5 9C12.5 9 15.5 11.2095 15.5 12C15.5 12.7906 12.5 15 12.5 15M15 12L8.5 12", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "1" }]
+  ];
+  var BubbleChatOutcomeIcon_default = BubbleChatOutcomeIcon;
+
+  // node_modules/.pnpm/@hugeicons+core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/Edit02Icon.js
+  var Edit02Icon = [
+    ["path", { d: "M14.0737 3.88545C14.8189 3.07808 15.1915 2.6744 15.5874 2.43893C16.5427 1.87076 17.7191 1.85309 18.6904 2.39232C19.0929 2.6158 19.4769 3.00812 20.245 3.79276C21.0131 4.5774 21.3972 4.96972 21.6159 5.38093C22.1438 6.37312 22.1265 7.57479 21.5703 8.5507C21.3398 8.95516 20.9446 9.33578 20.1543 10.097L10.7506 19.1543C9.25288 20.5969 8.504 21.3182 7.56806 21.6837C6.63212 22.0493 5.6032 22.0224 3.54536 21.9686L3.26538 21.9613C2.63891 21.9449 2.32567 21.9367 2.14359 21.73C1.9615 21.5234 1.98636 21.2043 2.03608 20.5662L2.06308 20.2197C2.20301 18.4235 2.27297 17.5255 2.62371 16.7182C2.97444 15.9109 3.57944 15.2555 4.78943 13.9445L14.0737 3.88545Z", stroke: "currentColor", strokeLinejoin: "round", strokeWidth: "1.5", key: "0" }],
+    ["path", { d: "M13 4L20 11", stroke: "currentColor", strokeLinejoin: "round", strokeWidth: "1.5", key: "1" }],
+    ["path", { d: "M14 22L22 22", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "2" }]
+  ];
+  var Edit02Icon_default = Edit02Icon;
+
+  // src/acp-ask.ts
+  function answeredField(field, answered) {
+    return answered.has(field.key) || (field.kind === "select" || field.kind === "multiselect") && !!field.custom && answered.has(field.custom.key);
+  }
+  function askComplete(fields, answered) {
+    return answered.size > 0 && fields.every((f) => f.optional || answeredField(f, answered));
+  }
+  function askSendsOnPick(fields, typedCustom) {
+    return !typedCustom && fields.length === 1 && fields[0]?.kind === "select";
+  }
+
+  // src/agents.ts
+  var AGENT_PROFILES = [
+    {
+      id: "claude",
+      name: "Claude Code",
+      command: "npx -y @agentclientprotocol/claude-agent-acp",
+      binary: "claude",
+      brand: "claude"
+    },
+    {
+      id: "codex",
+      name: "Codex",
+      command: "npx -y @agentclientprotocol/codex-acp",
+      binary: "codex",
+      brand: "openai"
+    },
+    { id: "gemini", name: "Gemini CLI", command: "gemini --experimental-acp", binary: "gemini" }
+  ];
+  function agentProfileFor(command) {
+    return AGENT_PROFILES.find((p) => p.command === command);
+  }
+  function agentBrandFor(command) {
+    return agentProfileFor(command)?.brand;
+  }
+
+  // src/acp-config.ts
+  function configLabel(option) {
+    switch (option.category) {
+      case "model":
+        return "\u6A21\u578B";
+      case "thought_level":
+        return "\u601D\u8003\u5F37\u5EA6";
+      case "mode":
+        return "\u6A21\u5F0F";
+      default:
+        return option.name;
+    }
+  }
+  function configValues(option) {
+    if (option.type !== "select") return [];
+    return option.options.flatMap((o) => "options" in o ? o.options : [o]);
+  }
+  function configValueName(option, value) {
+    if (typeof value === "boolean") return value ? "\u958B\u555F" : "\u95DC\u9589";
+    return configValues(option).find((o) => o.value === value)?.name ?? value;
+  }
+  function shortConfigValueName(name) {
+    const paren = name.indexOf(" (");
+    return paren > 0 ? name.slice(0, paren) : name;
+  }
+
+  // src/client/draft.ts
+  var NBSP = "\xA0";
+  var refMarker = (n) => `[ref ${n}]`;
+  var refChipText = (n, chosen = false) => `${chosen ? "\u63A2\u7D22\u6A23\u5F0F" : "\u9078\u53D6\u5143\u7D20"} ${n}`;
+  var fileMarker = (n) => `[file ${n}]`;
+  var skillMarker = (n) => `[skill ${n}]`;
+  var MARKER = /\[(ref|file|skill) (\d+)\]/g;
+  function splitComment(text) {
+    const out = [];
+    let at2 = 0;
+    for (const match of text.matchAll(MARKER)) {
+      if (match.index > at2) out.push({ t: "text", v: text.slice(at2, match.index) });
+      out.push({ t: match[1], n: Number(match[2]) });
+      at2 = match.index + match[0].length;
+    }
+    if (at2 < text.length) out.push({ t: "text", v: text.slice(at2) });
+    return out;
+  }
+  function draftText(body) {
+    const out = [];
+    let file = 0;
+    let skill = 0;
+    for (const node of body) {
+      if (node.t === "text") out.push(node.v);
+      else if (node.t === "ref" && node.anchor) out.push(refMarker(node.n));
+      else if (node.t === "file" && node.id) out.push(fileMarker(++file));
+      else if (node.t === "skill") out.push(skillMarker(++skill));
+    }
+    return out.join("").replaceAll(NBSP, " ").trim();
+  }
+  function bodyFromComment(text, refs, files, skills = []) {
+    const byNumber = new Map(refs.map((r) => [r.n, r]));
+    const placedRefs = /* @__PURE__ */ new Set();
+    const placedFiles = /* @__PURE__ */ new Set();
+    const body = [];
+    for (const part of splitComment(text)) {
+      if (part.t === "text") {
+        body.push({ t: "text", v: part.v });
+        continue;
+      }
+      if (part.t === "ref") {
+        const ref = byNumber.get(part.n);
+        if (!ref) {
+          body.push({ t: "text", v: refMarker(part.n) });
+          continue;
+        }
+        placedRefs.add(part.n);
+        body.push({ t: "ref", n: ref.n, anchor: ref.anchor, label: ref.label });
+        continue;
+      }
+      if (part.t === "skill") {
+        const name = skills[part.n - 1];
+        body.push(name ? { t: "skill", name } : { t: "text", v: skillMarker(part.n) });
+        continue;
+      }
+      const file = files[part.n - 1];
+      if (!file) {
+        body.push({ t: "text", v: fileMarker(part.n) });
+        continue;
+      }
+      placedFiles.add(part.n);
+      body.push({ t: "file", id: file.id, name: file.name });
+    }
+    const trailing = [];
+    for (const ref of refs) {
+      if (!placedRefs.has(ref.n)) trailing.push({ t: "ref", ...ref });
+    }
+    files.forEach((file, i) => {
+      if (!placedFiles.has(i + 1)) trailing.push({ t: "file", id: file.id, name: file.name });
+    });
+    for (const node of trailing) body.push({ t: "text", v: NBSP }, node);
+    body.push({ t: "text", v: NBSP });
+    return normalizeDraft(body);
+  }
+  function draftSkills(body) {
+    return body.flatMap((node) => node.t === "skill" ? [node.name] : []);
+  }
+  function draftRefs(body) {
+    const out = [];
+    for (const node of body) {
+      if (node.t === "ref" && node.anchor) {
+        out.push({
+          n: node.n,
+          anchor: node.anchor,
+          label: node.label,
+          ...node.variant ? { variant: node.variant } : {}
+        });
+      }
+    }
+    return out;
+  }
+  function nextRefNumber(body) {
+    let max = 0;
+    for (const node of body) {
+      if (node.t === "ref" && node.anchor && node.n > max) max = node.n;
+    }
+    return max + 1;
+  }
+  function draftFileIds(body) {
+    return body.flatMap((n) => n.t === "file" && n.id ? [n.id] : []);
+  }
+  function draftPendingNames(body) {
+    return body.flatMap((n) => n.t === "file" && !n.id ? [n.name] : []);
+  }
+  function hasPendingRef(body) {
+    return body.some((n) => n.t === "ref" && !n.anchor);
+  }
+  function resolveDraftRef(body, ref) {
+    const n = nextRefNumber(body);
+    let done3 = false;
+    return body.map((node) => {
+      if (done3 || node.t !== "ref" || node.anchor) return node;
+      done3 = true;
+      return { t: "ref", n, anchor: ref.anchor, label: ref.label };
+    });
+  }
+  function dropDraftRef(body) {
+    let done3 = false;
+    return normalizeDraft(
+      body.filter((node) => {
+        if (done3 || node.t !== "ref" || node.anchor) return true;
+        done3 = true;
+        return false;
+      })
+    );
+  }
+  function restorableBody(body) {
+    return normalizeDraft(body.filter((n) => !(n.t === "file" && !n.id)));
+  }
+  function normalizeDraft(body) {
+    const out = [];
+    for (const node of body) {
+      if (node.t !== "text") {
+        out.push(node);
+        continue;
+      }
+      if (!node.v) continue;
+      const last = out[out.length - 1];
+      if (last?.t === "text") out[out.length - 1] = { t: "text", v: last.v + node.v };
+      else out.push(node);
+    }
+    return out;
+  }
+  function draftBelongsHere(draft, page) {
+    return draft.subject?.page === page;
+  }
+  var GRACE_MS = 24 * 60 * 6e4;
+
+  // src/client/icon.ts
+  var SVG_NS = "http://www.w3.org/2000/svg";
+  var kebab = (key) => key.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`);
+  function icon(node, size = 16) {
+    const svg = document.createElementNS(SVG_NS, "svg");
+    svg.setAttribute("viewBox", "0 0 24 24");
+    svg.setAttribute("width", String(size));
+    svg.setAttribute("height", String(size));
+    svg.setAttribute("fill", "none");
+    svg.setAttribute("aria-hidden", "true");
+    svg.setAttribute("data-ez-ui", "");
+    for (const [tag, attrs] of node) {
+      const child = document.createElementNS(SVG_NS, tag);
+      for (const [key, value] of Object.entries(attrs)) {
+        if (key === "key") continue;
+        child.setAttribute(kebab(key), String(value));
+      }
+      svg.appendChild(child);
+    }
+    return svg;
+  }
+
+  // src/client/slash.ts
+  var MAX_QUERY = 24;
+  var BREAK = /[\s ]/;
+  function detectSlash(before, trigger = "/") {
+    const start = before.lastIndexOf(trigger);
+    if (start === -1) return null;
+    const prev = start === 0 ? "" : before[start - 1];
+    if (prev && !BREAK.test(prev)) return null;
+    const query = before.slice(start + 1);
+    if (query.length > MAX_QUERY || BREAK.test(query)) return null;
+    return { start, query };
+  }
+  function filterCommands(commands, query) {
+    const available = commands.filter((c) => c.enabled?.() ?? true);
+    const q = query.trim().toLowerCase();
+    if (!q) return available;
+    return available.filter(
+      (c) => [c.id, c.label, ...c.keywords].some((term) => term.toLowerCase().includes(q))
+    );
+  }
+  function attachSlashMenu(editable, {
+    mk,
+    commands,
+    triggerChar = "/",
+    title = "\u6307\u4EE4",
+    load
+  }) {
+    const doc = editable.ownerDocument;
+    const view = doc.defaultView;
+    let menu = null;
+    let trigger = null;
+    let shown = [];
+    let active = 0;
+    let loaded = null;
+    let loading = false;
+    function readTrigger() {
+      const selection = doc.getSelection();
+      if (!selection?.isCollapsed || selection.rangeCount === 0) return null;
+      const range = selection.getRangeAt(0);
+      const node = range.startContainer;
+      if (!editable.contains(node) || node.nodeType !== Node.TEXT_NODE) return null;
+      const text = node;
+      const hit = detectSlash((text.nodeValue ?? "").slice(0, range.startOffset), triggerChar);
+      return hit ? { node: text, start: hit.start, query: hit.query } : null;
+    }
+    function slashRect() {
+      if (!trigger?.node.isConnected) return null;
+      const range = doc.createRange();
+      range.setStart(trigger.node, trigger.start);
+      range.setEnd(trigger.node, Math.min(trigger.node.length, trigger.start + 1));
+      return range.getBoundingClientRect();
+    }
+    function place() {
+      if (!menu || !view) return;
+      const at2 = slashRect();
+      if (!at2) return;
+      const box = menu.getBoundingClientRect();
+      const left = Math.max(8, Math.min(at2.left, view.innerWidth - box.width - 8));
+      const below = at2.bottom + 6;
+      const above = at2.top - box.height - 6;
+      const crowded = below + box.height > view.innerHeight - 8 || at2.top > view.innerHeight * 0.6;
+      const top = crowded && above >= 8 ? above : Math.min(below, view.innerHeight - box.height - 8);
+      menu.style.left = `${left}px`;
+      menu.style.top = `${top}px`;
+    }
+    function paintActive() {
+      const list = menu?.querySelector(".ez-slash-list");
+      if (!list) return;
+      [...list.children].forEach((item, i) => {
+        item.toggleAttribute("data-active", i === active);
+        item.setAttribute("aria-selected", String(i === active));
+      });
+    }
+    function render2() {
+      if (!menu) return;
+      menu.textContent = "";
+      const headEl = mk("div", "ez-slash-head");
+      headEl.textContent = title;
+      const list = mk("div", "ez-slash-list");
+      list.setAttribute("role", "listbox");
+      menu.append(headEl, list);
+      shown.forEach((command, i) => {
+        const item = mk("div", "ez-slash-item");
+        item.setAttribute("role", "option");
+        const label = mk("span", "ez-slash-label");
+        label.textContent = command.label;
+        if (command.icon) item.append(icon(command.icon, 16));
+        item.append(label);
+        const hintText = typeof command.hint === "function" ? command.hint() : command.hint;
+        if (hintText) {
+          const hint = mk("span", "ez-slash-hint");
+          hint.textContent = hintText;
+          item.append(hint);
+        }
+        item.addEventListener("mousedown", (e) => {
+          e.preventDefault();
+          choose(command);
+        });
+        item.addEventListener("mousemove", () => {
+          if (active === i) return;
+          active = i;
+          paintActive();
+        });
+        list.appendChild(item);
+      });
+      paintActive();
+    }
+    function onSelectionChange() {
+      if (!readTrigger()) close();
+    }
+    function onBlur() {
+      close();
+    }
+    function open() {
+      menu = mk("div", "ez-slash-menu");
+      doc.body.appendChild(menu);
+      doc.addEventListener("selectionchange", onSelectionChange);
+      editable.addEventListener("blur", onBlur);
+    }
+    function close() {
+      if (!menu) return false;
+      menu.remove();
+      menu = null;
+      trigger = null;
+      doc.removeEventListener("selectionchange", onSelectionChange);
+      editable.removeEventListener("blur", onBlur);
+      return true;
+    }
+    function choose(command) {
+      const at2 = trigger;
+      close();
+      if (at2?.node.isConnected) {
+        const end = Math.min(at2.node.length, at2.start + 1 + at2.query.length);
+        const cut = doc.createRange();
+        cut.setStart(at2.node, at2.start);
+        cut.setEnd(at2.node, end);
+        cut.deleteContents();
+        const caret = doc.createRange();
+        caret.setStart(at2.node, at2.start);
+        caret.collapse(true);
+        const selection = doc.getSelection();
+        selection?.removeAllRanges();
+        selection?.addRange(caret);
+        editable.dispatchEvent(new InputEvent("input", { bubbles: true }));
+      }
+      editable.focus();
+      command.run();
+    }
+    function sync() {
+      const hit = readTrigger();
+      if (!hit) {
+        close();
+        return;
+      }
+      if (load && !loaded && !loading) {
+        loading = true;
+        void Promise.resolve(load()).then((result) => {
+          loaded = result;
+        }).catch(() => {
+          loaded = [];
+        }).finally(() => {
+          loading = false;
+          if (readTrigger()) sync();
+        });
+      }
+      const matches = filterCommands(load ? loaded ?? [] : commands, hit.query);
+      if (matches.length === 0) {
+        close();
+        return;
+      }
+      const queryChanged = trigger?.query !== hit.query;
+      trigger = hit;
+      shown = matches;
+      if (!menu) open();
+      if (queryChanged) active = 0;
+      active = Math.min(active, shown.length - 1);
+      render2();
+      place();
+    }
+    editable.addEventListener("input", (e) => {
+      if (e.isComposing) return;
+      sync();
+    });
+    editable.addEventListener("keydown", (e) => {
+      if (!menu) return;
+      if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+        e.preventDefault();
+        e.stopPropagation();
+        const step = e.key === "ArrowDown" ? 1 : shown.length - 1;
+        active = (active + step) % shown.length;
+        paintActive();
+        return;
+      }
+      if (e.key === "Enter" || e.key === "Tab") {
+        if (e.metaKey || e.ctrlKey) return;
+        e.preventDefault();
+        e.stopPropagation();
+        const command = shown[active];
+        if (command) choose(command);
+        return;
+      }
+      if (e.key === "Escape") {
+        e.preventDefault();
+        e.stopPropagation();
+        close();
+      }
+    });
+    return { close };
+  }
+
+  // src/client/attach.ts
+  var MAX_BYTES = 8 * 1024 * 1024;
+  var CHIP_ATTR = "data-ez-chip";
+  var REF_ATTR = "data-ez-ref";
+  var SKILL_ATTR = "data-ez-skill";
+  function attachify({
+    api: api2,
+    mk,
+    className,
+    placeholder,
+    onChange,
+    commands,
+    skills
+  }) {
+    const editable = mk("div", className);
+    editable.setAttribute("contenteditable", "plaintext-only");
+    editable.setAttribute("role", "textbox");
+    editable.setAttribute("aria-multiline", "true");
+    editable.setAttribute("aria-label", placeholder);
+    editable.dataset.placeholder = placeholder;
+    const field = mk("div", "ez-attach-field");
+    const error = mk("div", "ez-attach-error");
+    const wrap = mk("div", "ez-attach");
+    error.hidden = true;
+    field.append(editable);
+    const picker = mk("input", "ez-file-picker");
+    picker.type = "file";
+    picker.multiple = true;
+    picker.hidden = true;
+    picker.addEventListener("change", () => {
+      for (const file of take(picker.files ?? void 0)) add(file);
+      picker.value = "";
+    });
+    wrap.append(field, error, picker);
+    const slash = attachSlashMenu(editable, {
+      mk,
+      commands: [
+        {
+          id: "file",
+          label: "File",
+          hint: "\u9644\u52A0\u6A94\u6848",
+          keywords: ["file", "attach", "upload", "\u6A94\u6848", "\u9644\u4EF6", "\u5716\u7247"],
+          icon: File02Icon_default,
+          run: () => picker.click()
+        },
+        ...commands ?? []
+      ]
+    });
+    const skillMenu = attachSlashMenu(editable, {
+      mk,
+      triggerChar: "$",
+      title: "Skills",
+      commands: [],
+      load: skills
+    });
+    const uploading = /* @__PURE__ */ new Set();
+    let errorTimer = 0;
+    const chips = () => [...editable.querySelectorAll(`[${CHIP_ATTR}]`)];
+    function showError(message) {
+      error.textContent = message;
+      error.hidden = false;
+      clearTimeout(errorTimer);
+      errorTimer = setTimeout(() => {
+        error.hidden = true;
+      }, 6e3);
+    }
+    function paintEmpty() {
+      const empty = !editable.textContent?.trim() && chips().length === 0;
+      editable.toggleAttribute("data-empty", empty);
+    }
+    function changed() {
+      paintEmpty();
+      onChange?.();
+    }
+    function del(id) {
+      fetch(`${api2}/attachments/${id}`, { method: "DELETE" }).catch(() => {
+      });
+    }
+    function makeChip(name, attr, value, glyph) {
+      const chip = mk("span", "ez-chip");
+      chip.setAttribute("contenteditable", "false");
+      chip.setAttribute(attr, value);
+      if (glyph) chip.append(icon(glyph, 11));
+      chip.append(mk("span", "ez-chip-name"));
+      chip.querySelector(".ez-chip-name").textContent = name;
+      if (attr === REF_ATTR) chip.classList.add("ez-chip-ref");
+      if (attr === SKILL_ATTR) chip.classList.add("ez-chip-skill");
+      if (!value) chip.classList.add("ez-chip-pending");
+      return chip;
+    }
+    const fileChip = (name, id = "") => makeChip(name, CHIP_ATTR, id, File02Icon_default);
+    const refChip = (ref, placeholder2) => {
+      const chip = makeChip(
+        ref ? refChipText(ref.n, !!ref.variant) : placeholder2,
+        REF_ATTR,
+        ref ? JSON.stringify(ref) : "",
+        ref?.variant ? MagicWand01Icon_default : AlignSelectionIcon_default
+      );
+      if (ref?.variant) chip.classList.add("ez-chip-chosen");
+      const title = ref?.variant ? [ref.variant.name, ref.label].filter(Boolean).join(" \xB7 ") : ref?.label ?? "";
+      if (title) chip.title = title;
+      return chip;
+    };
+    const skillChip = (name) => makeChip(`$${name}`, SKILL_ATTR, name, null);
+    const pendingRef = () => editable.querySelector(`[${REF_ATTR}=""]`);
+    function placeCaretAfter(node) {
+      const caret = document.createRange();
+      caret.setStartAfter(node);
+      caret.collapse(true);
+      const selection = document.getSelection();
+      selection?.removeAllRanges();
+      selection?.addRange(caret);
+    }
+    function insertAtCaret(node) {
+      const selection = document.getSelection();
+      const live = selection?.rangeCount ? selection.getRangeAt(0) : null;
+      const range = live && editable.contains(live.commonAncestorContainer) ? live : null;
+      if (range) {
+        range.deleteContents();
+        range.insertNode(node);
+      } else {
+        editable.appendChild(node);
+      }
+      const after = document.createTextNode(NBSP);
+      node.parentNode?.insertBefore(after, node.nextSibling);
+      placeCaretAfter(after);
+    }
+    function add(file) {
+      if (file.size > MAX_BYTES) {
+        showError(`${file.name || "\u9019\u500B\u6A94\u6848"} \u8D85\u904E\u55AE\u6A94 8 MB \u4E0A\u9650`);
+        return;
+      }
+      const chip = fileChip(file.name || "\u8CBC\u4E0A\u7684\u5716\u7247");
+      insertAtCaret(chip);
+      uploading.add(chip);
+      changed();
+      void upload(chip, file);
+    }
+    async function upload(chip, file) {
+      try {
+        const res = await fetch(`${api2}/attachments`, {
+          method: "POST",
+          headers: {
+            "content-type": file.type || "application/octet-stream",
+            // A filename is free to hold bytes no header may carry.
+            "x-ez-name": encodeURIComponent(file.name || "image.png")
+          },
+          body: file
+        });
+        if (!res.ok) {
+          const body = await res.json().catch(() => null);
+          throw new Error(body?.error ?? `HTTP ${res.status}`);
+        }
+        const saved = await res.json();
+        if (!editable.contains(chip)) {
+          del(saved.id);
+          return;
+        }
+        chip.setAttribute(CHIP_ATTR, saved.id);
+        chip.querySelector(".ez-chip-name").textContent = saved.name;
+        chip.classList.remove("ez-chip-pending");
+      } catch (err) {
+        chip.remove();
+        showError(`\u300C${file.name || "\u6A94\u6848"}\u300D\u4E0A\u50B3\u5931\u6557\uFF1A${err.message}`);
+      } finally {
+        uploading.delete(chip);
+        changed();
+      }
+    }
+    function take(list) {
+      return list ? [...list] : [];
+    }
+    function beginRef(label) {
+      if (hasPendingRef(snapshot2())) return false;
+      insertAtCaret(refChip(null, label));
+      changed();
+      return true;
+    }
+    function resolveRef(ref) {
+      const chip = pendingRef();
+      if (!chip) return;
+      const numbered = { ...ref, n: nextRefNumber(snapshot2()) };
+      chip.setAttribute(REF_ATTR, JSON.stringify(numbered));
+      chip.querySelector(".ez-chip-name").textContent = refChipText(numbered.n, !!numbered.variant);
+      if (numbered.label) chip.title = numbered.label;
+      chip.classList.remove("ez-chip-pending");
+      if (chip.nextSibling) placeCaretAfter(chip.nextSibling);
+      changed();
+    }
+    function insertRef(ref) {
+      const numbered = { ...ref, n: nextRefNumber(snapshot2()) };
+      insertAtCaret(refChip(numbered, numbered.label));
+      changed();
+    }
+    function cancelRef() {
+      const chip = pendingRef();
+      if (!chip) return;
+      const after = chip.nextSibling;
+      chip.remove();
+      if (after?.nodeType === Node.TEXT_NODE && after.nodeValue?.startsWith(NBSP)) {
+        after.nodeValue = after.nodeValue.slice(1);
+        if (!after.nodeValue) after.parentNode?.removeChild(after);
+      }
+      changed();
+    }
+    function snapshot2() {
+      const out = [];
+      collectNodes(editable, out);
+      return out;
+    }
+    function restore(body) {
+      editable.textContent = "";
+      const nodes = restorableBody(body);
+      for (const node of nodes) {
+        if (node.t === "text") editable.appendChild(document.createTextNode(node.v));
+        else if (node.t === "file") editable.appendChild(fileChip(node.name, node.id));
+        else if (node.t === "skill") editable.appendChild(skillChip(node.name));
+        else {
+          const ref = node.anchor ? {
+            n: node.n,
+            anchor: node.anchor,
+            label: node.label,
+            ...node.variant ? { variant: node.variant } : {}
+          } : null;
+          editable.appendChild(refChip(ref, node.label));
+        }
+      }
+      if (nodes[nodes.length - 1]?.t !== "text") {
+        editable.appendChild(document.createTextNode(NBSP));
+      }
+      if (editable.lastChild) placeCaretAfter(editable.lastChild);
+      changed();
+    }
+    editable.addEventListener("paste", (e) => {
+      const data = e.clipboardData;
+      const files = take(data?.files);
+      if (files.length === 0) return;
+      if (!data?.getData("text/plain")) e.preventDefault();
+      e.stopPropagation();
+      for (const file of files) add(file);
+    });
+    const isChipNode = (node) => node instanceof HTMLElement && (node.hasAttribute(CHIP_ATTR) || node.hasAttribute(REF_ATTR) || node.hasAttribute(SKILL_ATTR));
+    editable.addEventListener("beforeinput", (e) => {
+      if (e.inputType !== "deleteContentBackward") return;
+      const selection = document.getSelection();
+      if (!selection?.isCollapsed || selection.rangeCount === 0) return;
+      const range = selection.getRangeAt(0);
+      const node = range.startContainer;
+      if (node.nodeType !== Node.TEXT_NODE) return;
+      const text = node;
+      if (text.nodeValue !== NBSP || range.startOffset !== 1) return;
+      const before = text.previousSibling;
+      if (!isChipNode(before)) return;
+      e.preventDefault();
+      text.remove();
+      placeCaretAfter(before);
+      changed();
+    });
+    editable.addEventListener("input", changed);
+    const dragging = (e) => e.dataTransfer?.types.includes("Files") ?? false;
+    let depth = 0;
+    function endDrag() {
+      depth = 0;
+      field.removeAttribute("data-drop");
+    }
+    field.addEventListener("dragenter", (e) => {
+      if (!dragging(e)) return;
+      e.preventDefault();
+      depth++;
+      field.toggleAttribute("data-drop", true);
+    });
+    field.addEventListener("dragover", (e) => {
+      if (!dragging(e)) return;
+      e.preventDefault();
+      if (e.dataTransfer) e.dataTransfer.dropEffect = "copy";
+    });
+    field.addEventListener("dragleave", (e) => {
+      if (!dragging(e)) return;
+      if (--depth <= 0) endDrag();
+    });
+    field.addEventListener("drop", (e) => {
+      const files = take(e.dataTransfer?.files);
+      endDrag();
+      if (files.length === 0) return;
+      e.preventDefault();
+      e.stopPropagation();
+      if (document.activeElement !== editable) editable.focus();
+      for (const file of files) add(file);
+    });
+    paintEmpty();
+    return {
+      wrap,
+      field,
+      editable,
+      // All three read the same single walk, so the text a comment reads as, the
+      // files it carries and the elements it points at can never disagree about
+      // order - and all three are testable without a browser.
+      text: () => draftText(snapshot2()),
+      skills: () => draftSkills(snapshot2()),
+      insertSkill(name) {
+        insertAtCaret(skillChip(name));
+        changed();
+      },
+      ids: () => draftFileIds(snapshot2()),
+      refs: () => draftRefs(snapshot2()),
+      pending: () => [...uploading].filter((c) => editable.contains(c)).length,
+      pendingNames: () => draftPendingNames(snapshot2()),
+      // Either menu, whichever is up - at most one can be, since a trigger only
+      // counts at the start of the word being typed.
+      closeSlash: () => slash.close() || skillMenu.close(),
+      beginRef,
+      resolveRef,
+      insertRef,
+      cancelRef,
+      snapshot: snapshot2,
+      restore,
+      reset() {
+        slash.close();
+        uploading.clear();
+        editable.textContent = "";
+        changed();
+      },
+      discard() {
+        slash.close();
+        for (const id of chips().map((c) => c.getAttribute(CHIP_ATTR))) if (id) del(id);
+        uploading.clear();
+        editable.textContent = "";
+        changed();
+      }
+    };
+  }
+  function collectNodes(node, out) {
+    for (const child of node.childNodes) {
+      if (child.nodeType === Node.TEXT_NODE) {
+        out.push({ t: "text", v: child.nodeValue ?? "" });
+        continue;
+      }
+      if (!(child instanceof HTMLElement)) continue;
+      const name = child.querySelector(".ez-chip-name")?.textContent ?? "";
+      if (child.hasAttribute(REF_ATTR)) {
+        const ref = parseRef(child.getAttribute(REF_ATTR));
+        out.push({
+          t: "ref",
+          n: ref?.n ?? 0,
+          anchor: ref?.anchor ?? null,
+          label: ref?.label ?? name,
+          ...ref?.variant ? { variant: ref.variant } : {}
+        });
+        continue;
+      }
+      if (child.hasAttribute(CHIP_ATTR)) {
+        out.push({ t: "file", id: child.getAttribute(CHIP_ATTR) ?? "", name });
+        continue;
+      }
+      if (child.hasAttribute(SKILL_ATTR)) {
+        out.push({ t: "skill", name: child.getAttribute(SKILL_ATTR) ?? "" });
+        continue;
+      }
+      if (child.tagName === "BR") {
+        out.push({ t: "text", v: "\n" });
+        continue;
+      }
+      const prev = lastText(out);
+      if (prev !== void 0 && !prev.endsWith("\n")) out.push({ t: "text", v: "\n" });
+      collectNodes(child, out);
+    }
+  }
+  function lastText(out) {
+    for (let i = out.length - 1; i >= 0; i--) {
+      const node = out[i];
+      if (node?.t === "text") return node.v;
+    }
+    return void 0;
+  }
+  function parseRef(raw) {
+    if (!raw) return null;
+    try {
+      return JSON.parse(raw);
+    } catch {
+      return null;
+    }
+  }
+
+  // src/client/confirm-skip.ts
+  function confirmSkipKey(question) {
+    return `ez-confirm-skip:${question}`;
+  }
+  function confirmSkipped(store, question) {
+    try {
+      return store?.getItem(confirmSkipKey(question)) === "1";
+    } catch {
+      return false;
+    }
+  }
+  function rememberConfirm(store, question, answer) {
+    if (!answer.ok || !answer.skip) return;
+    try {
+      store?.setItem(confirmSkipKey(question), "1");
+    } catch {
+    }
+  }
+
+  // src/client/page-storage.ts
+  var SHELL_OWNED_PREFIXES = ["ezdesign:", "ez-update-dismissed", "ez-confirm-skip:"];
+  var MAX_RECORDS_PER_STORE = 1e3;
+  var MAX_BYTES2 = 15e5;
+  var COLLECT_TIMEOUT_MS = 1500;
+  function storageEntries(store) {
+    const out = [];
+    for (let i = 0; i < store.length; i++) {
+      const name = store.key(i);
+      if (name === null) continue;
+      if (SHELL_OWNED_PREFIXES.some((p) => name.startsWith(p))) continue;
+      out.push({ name, value: store.getItem(name) ?? "" });
+    }
+    return out;
+  }
+  var done = (request) => new Promise((ok, fail) => {
+    request.onsuccess = () => ok(request.result);
+    request.onerror = () => fail(request.error);
+  });
+  function keyPathOf(path) {
+    if (typeof path === "string") return { keyPath: path };
+    if (Array.isArray(path)) return { keyPathArray: [...path] };
+    return {};
+  }
+  function jsonSafe(value) {
+    try {
+      JSON.stringify(value);
+      return true;
+    } catch {
+      return false;
+    }
+  }
+  async function readDatabase(factory, name) {
+    const request = factory.open(name);
+    request.onupgradeneeded = () => request.transaction?.abort();
+    const db = await done(request);
+    try {
+      const stores = [];
+      for (const storeName of [...db.objectStoreNames]) {
+        const store = db.transaction(storeName, "readonly").objectStore(storeName);
+        const [keys, values] = await Promise.all([
+          done(store.getAllKeys(null, MAX_RECORDS_PER_STORE)),
+          done(store.getAll(null, MAX_RECORDS_PER_STORE))
+        ]);
+        const inline = store.keyPath !== null;
+        const records = values.flatMap((value, i) => {
+          const record = inline ? { value } : { key: keys[i], value };
+          return jsonSafe(record) ? [record] : [];
+        });
+        const indexes = [...store.indexNames].map((indexName) => {
+          const index = store.index(indexName);
+          return {
+            name: indexName,
+            ...keyPathOf(index.keyPath),
+            multiEntry: index.multiEntry,
+            unique: index.unique
+          };
+        });
+        stores.push({
+          name: storeName,
+          ...keyPathOf(store.keyPath),
+          autoIncrement: store.autoIncrement,
+          records,
+          indexes
+        });
+      }
+      return { name, version: db.version, stores };
+    } finally {
+      db.close();
+    }
+  }
+  async function readIndexedDb(factory) {
+    const listed = await factory.databases();
+    const out = [];
+    for (const { name } of listed) {
+      if (!name) continue;
+      try {
+        out.push(await readDatabase(factory, name));
+      } catch {
+      }
+    }
+    return out;
+  }
+  async function collectPageStorage(win) {
+    let local;
+    let session;
+    let factory;
+    try {
+      local = storageEntries(win.localStorage);
+      session = storageEntries(win.sessionStorage);
+      factory = win.indexedDB;
+    } catch {
+      return null;
+    }
+    const timedOut = new Promise((ok) => setTimeout(() => ok([]), COLLECT_TIMEOUT_MS));
+    const indexedDB = await Promise.race([readIndexedDb(factory).catch(() => []), timedOut]);
+    const storage = { localStorage: local, sessionStorage: session, indexedDB };
+    return JSON.stringify(storage).length > MAX_BYTES2 ? { ...storage, indexedDB: [] } : storage;
+  }
+
+  // src/client/usage-note.ts
+  function windowName(minutes) {
+    if (minutes === 7 * 24 * 60) return "1 \u9031";
+    if (minutes % (24 * 60) === 0) return `${minutes / (24 * 60)} \u5929`;
+    if (minutes % 60 === 0) return `${minutes / 60} \u5C0F\u6642`;
+    return `${minutes} \u5206\u9418`;
+  }
+  var DAY_MS = 24 * 60 * 60 * 1e3;
+  function startOfDay(at2) {
+    return new Date(at2.getFullYear(), at2.getMonth(), at2.getDate()).getTime();
+  }
+  function clockTime(resetsAt, now) {
+    const when = new Date(resetsAt * 1e3);
+    const time = when.toLocaleTimeString(void 0, {
+      hour: "2-digit",
+      minute: "2-digit",
+      hourCycle: "h23"
+    });
+    const days = Math.round((startOfDay(when) - startOfDay(new Date(now))) / DAY_MS);
+    if (days <= 0) return time;
+    if (days === 1) return `\u660E\u5929 ${time}`;
+    return `${when.getMonth() + 1}/${when.getDate()} ${time}`;
+  }
+  function resetTime(window2, now) {
+    return window2.resetsAt !== void 0 && window2.resetsAt * 1e3 > now ? clockTime(window2.resetsAt, now) : "";
+  }
+  function tightestWindow(usage) {
+    const windows = usage?.windows ?? [];
+    const account = windows.filter((w) => !w.model);
+    return (account.length ? account : windows).sort((a, b) => a.windowMinutes - b.windowMinutes)[0];
+  }
+  function usageNote(usage, now = Date.now()) {
+    const window2 = tightestWindow(usage);
+    if (!window2) return "";
+    const percent = Math.round(window2.remaining * 100);
+    const when = resetTime(window2, now);
+    return when ? `\u5269 ${percent}% \u76F4\u5230 ${when}` : `\u5269 ${percent}%`;
+  }
+  var LOW = 0.15;
+  function usageRows(usage, now = Date.now()) {
+    return (usage?.windows ?? []).map((window2) => {
+      const when = resetTime(window2, now);
+      const percent = Math.round(window2.remaining * 100);
+      return {
+        label: window2.model ? `${windowName(window2.windowMinutes)} \xB7 ${window2.model}` : windowName(window2.windowMinutes),
+        percent,
+        used: 100 - percent,
+        when: when ? `${when} \u91CD\u7F6E` : "",
+        low: window2.remaining < LOW
+      };
+    });
+  }
+  function planName(plan) {
+    if (!plan) return "";
+    return plan.charAt(0).toUpperCase() + plan.slice(1);
+  }
+
+  // src/client/devices.ts
+  var DESKTOP = {
+    id: "desktop",
+    name: "\u96FB\u8166",
+    width: 1440,
+    height: 788,
+    fluid: true
+  };
+  var TABLET = { id: "tablet", name: "\u5E73\u677F", width: 1112, height: 740 };
+  var TABLET_PORTRAIT = {
+    id: "tablet-portrait",
+    name: "\u76F4\u7ACB\u5E73\u677F",
+    width: 834,
+    height: 1018
+  };
+  var MOBILE = { id: "mobile", name: "\u624B\u6A5F", width: 375, height: 629 };
+  var DEVICES = [MOBILE, TABLET, DESKTOP];
+  var CANVAS_DEVICES = [MOBILE, TABLET_PORTRAIT, TABLET, DESKTOP];
+  var CANVAS_DEFAULT = [DESKTOP.id, TABLET.id, MOBILE.id];
+  function canvasLimit(devices, gap) {
+    if (devices.length === 0) return 1;
+    const widths = devices.map((d) => d.width);
+    return Math.max(...widths) + Math.min(...widths) + gap;
+  }
+  function canvasRows(devices, gap, limit) {
+    if (devices.length === 0) return [];
+    const order = [...devices].sort((a, b) => a.width - b.width);
+    const rows = [];
+    for (const device of order) {
+      const row = rows[rows.length - 1];
+      const grown = row ? rowWidth([...row, device], gap) : 0;
+      if (row && grown <= limit) row.push(device);
+      else rows.push([device]);
+    }
+    return rows;
+  }
+  function rowWidth(row, gap) {
+    return row.reduce((w, d) => w + d.width, 0) + gap * Math.max(0, row.length - 1);
+  }
+  var CANVAS_GAP = 14;
+  var CANVAS_ROW_GAP = 26;
+  function deviceById(id) {
+    return DEVICES.find((d) => d.id === id) ?? DESKTOP;
+  }
+  var MIN_ZOOM = 0.2;
+  function fitWidth(width, boxWidth) {
+    if (!(boxWidth > 0) || !(width > 0)) return 1;
+    return scale(boxWidth / width, 1);
+  }
+  var CANVAS_ZOOM = 1;
+  function scale(raw, max) {
+    return Math.min(Math.max(Math.floor(raw * 100) / 100, MIN_ZOOM), max);
+  }
+  function deviceLabel(device) {
+    return `${device.name} \xB7 ${device.width}\xD7${device.height}`;
+  }
+
+  // src/client/canvas-layout.ts
+  function defaultLayout(devices) {
+    const limit = canvasLimit(CANVAS_DEVICES, CANVAS_GAP);
+    return canvasRows(devices, CANVAS_GAP, limit).map((row) => row.map((d) => d.id));
+  }
+  function sanitizeLayout(raw, known) {
+    if (!Array.isArray(raw)) return null;
+    const seen = /* @__PURE__ */ new Set();
+    const rows = [];
+    for (const entry of raw) {
+      if (!Array.isArray(entry)) continue;
+      const row = [];
+      for (const id of entry) {
+        if (typeof id !== "string" || !known.includes(id) || seen.has(id)) continue;
+        seen.add(id);
+        row.push(id);
+      }
+      if (row.length) rows.push(row);
+    }
+    return rows.length ? rows : null;
+  }
+  function toggleDevice(layout2, id) {
+    const on = layout2.some((row) => row.includes(id));
+    if (!on) return [...layout2, [id]];
+    if (layout2.reduce((n, row) => n + row.length, 0) === 1) return layout2;
+    return layout2.map((row) => row.filter((x) => x !== id)).filter((row) => row.length);
+  }
+  function rowGeometry(rows, m) {
+    const heights = rows.map((row) => m.head + Math.max(...row.map((d) => d.height)));
+    const tops = [];
+    let y = 0;
+    for (const h2 of heights) {
+      tops.push(y);
+      y += h2 + m.rowGap;
+    }
+    return {
+      tops,
+      heights,
+      width: rows.reduce((w, row) => Math.max(w, rowWidth(row, m.gap)), 0),
+      height: rows.length ? y - m.rowGap : 0
+    };
+  }
+  function planCanvas(rows, m) {
+    const geo = rowGeometry(rows, m);
+    const cards = [];
+    rows.forEach((row, i) => {
+      let x = 0;
+      for (const d of row) {
+        cards.push({ id: d.id, x, y: geo.tops[i] });
+        x += d.width + m.gap;
+      }
+    });
+    return { cards, width: geo.width, height: geo.height };
+  }
+  function seamY(geo, rowGap, k) {
+    if (k === 0) return geo.tops[0] ?? 0;
+    if (k === geo.tops.length) return geo.height;
+    return geo.tops[k] - rowGap / 2;
+  }
+  function columnCard(row, gap, x) {
+    let cx = 0;
+    for (let i = 0; i < row.length; i++) {
+      const d = row[i];
+      if (i === row.length - 1 || x < cx + d.width + gap / 2) return { device: d, x: cx };
+      cx += d.width + gap;
+    }
+    return { device: row[0], x: 0 };
+  }
+  function dropTarget(rows, m, point, snap) {
+    if (rows.length === 0) return { kind: "row", at: 0 };
+    const geo = rowGeometry(rows, m);
+    let at2 = 0;
+    let nearest = Infinity;
+    for (let k = 0; k <= rows.length; k++) {
+      const dist = Math.abs(point.y - seamY(geo, m.rowGap, k));
+      if (dist < nearest) {
+        at2 = k;
+        nearest = dist;
+      }
+    }
+    if (nearest <= snap) return { kind: "row", at: at2 };
+    const row = geo.tops.findIndex((top, i) => point.y >= top && point.y <= top + geo.heights[i]);
+    if (row < 0) return { kind: "row", at: point.y < 0 ? 0 : rows.length };
+    const col = columnCard(rows[row], m.gap, point.x);
+    if (point.y > geo.tops[row] + m.head + col.device.height) return { kind: "row", at: row + 1 };
+    let x = 0;
+    let index = 0;
+    for (const d of rows[row]) {
+      if (point.x > x + d.width / 2) index++;
+      x += d.width + m.gap;
+    }
+    return { kind: "slot", row, index };
+  }
+  function applyMove(layout2, id, target2) {
+    const fromRow = layout2.findIndex((row) => row.includes(id));
+    if (fromRow < 0) return layout2;
+    const fromIndex = layout2[fromRow].indexOf(id);
+    const next = layout2.map((row) => row.filter((x) => x !== id));
+    if (target2.kind === "slot") {
+      const row = next[target2.row];
+      if (!row) return layout2;
+      const index = target2.row === fromRow && target2.index > fromIndex ? target2.index - 1 : target2.index;
+      row.splice(Math.min(index, row.length), 0, id);
+    } else {
+      next.splice(Math.min(target2.at, next.length), 0, [id]);
+    }
+    const moved = next.filter((row) => row.length);
+    return sameLayout(moved, layout2) ? layout2 : moved;
+  }
+  function sameLayout(a, b) {
+    return a.length === b.length && a.every((row, i) => row.length === b[i].length && row.every((id, j) => id === b[i][j]));
+  }
+  function indicatorRect(rows, m, target2, point) {
+    const geo = rowGeometry(rows, m);
+    if (rows.length === 0) return { x: 0, y: 0, width: 0, height: 0 };
+    if (target2.kind === "row") {
+      if (target2.at === 0) {
+        const col2 = columnCard(rows[0], m.gap, point.x);
+        return { x: col2.x, y: 0, width: col2.device.width, height: 0 };
+      }
+      const i = Math.min(target2.at, rows.length) - 1;
+      const col = columnCard(rows[i], m.gap, point.x);
+      return {
+        x: col.x,
+        y: geo.tops[i] + m.head + col.device.height + m.rowGap / 2,
+        width: col.device.width,
+        height: 0
+      };
+    }
+    let x = 0;
+    for (const d of rows[target2.row].slice(0, target2.index)) x += d.width + m.gap;
+    return {
+      x: x - m.gap / 2,
+      y: geo.tops[target2.row],
+      width: 0,
+      height: geo.heights[target2.row]
+    };
+  }
+
+  // src/client/markdown.ts
+  var BULLET = /^\s{0,3}[-*+]\s+(.*)$/;
+  var NUMBERED = /^\s{0,3}\d{1,3}[.)]\s+(.*)$/;
+  var HEADING = /^(#{1,4})\s+(.*)$/;
+  var FENCE = /^\s{0,3}```/;
+  var INLINE = /(`+)([^`]+?)\1|\*\*([^*\n]+?)\*\*|__([^_\n]+?)__|\*([^*\s][^*\n]*?)\*|_([^_\s][^_\n]*?)_|\[([^\]\n]+)\]\(([^)\s]+)\)/;
+  function parseInline(text) {
+    const out = [];
+    const pushText = (chunk) => {
+      const lines = chunk.split("\n");
+      lines.forEach((line, i) => {
+        if (line) out.push({ t: "text", text: line });
+        if (i < lines.length - 1) out.push({ t: "break" });
+      });
+    };
+    let at2 = 0;
+    const inline = new RegExp(INLINE.source, "g");
+    for (; ; ) {
+      const m = inline.exec(text);
+      if (!m) break;
+      if (m.index > at2) pushText(text.slice(at2, m.index));
+      at2 = m.index + m[0].length;
+      if (m[2] !== void 0) out.push({ t: "code", text: m[2].trim() });
+      else if (m[3] !== void 0 || m[4] !== void 0) {
+        out.push({ t: "strong", children: parseInline(m[3] ?? m[4]) });
+      } else if (m[5] !== void 0 || m[6] !== void 0) {
+        out.push({ t: "em", children: parseInline(m[5] ?? m[6]) });
+      } else if (m[7] !== void 0 && m[8] !== void 0) {
+        if (/^https?:\/\//.test(m[8])) out.push({ t: "link", text: m[7], href: m[8] });
+        else pushText(m[0]);
+      }
+    }
+    if (at2 < text.length) pushText(text.slice(at2));
+    return out;
+  }
+  function parseMarkdown(text) {
+    const blocks = [];
+    const lines = text.split("\n");
+    let i = 0;
+    while (i < lines.length) {
+      const line = lines[i];
+      if (!line.trim()) {
+        i++;
+        continue;
+      }
+      if (FENCE.test(line)) {
+        const body = [];
+        i++;
+        while (i < lines.length && !FENCE.test(lines[i])) body.push(lines[i++]);
+        i++;
+        blocks.push({ t: "fence", text: body.join("\n") });
+        continue;
+      }
+      const heading = HEADING.exec(line);
+      if (heading) {
+        blocks.push({ t: "heading", level: heading[1].length, children: parseInline(heading[2]) });
+        i++;
+        continue;
+      }
+      const bullet = BULLET.exec(line);
+      const numbered = bullet ? null : NUMBERED.exec(line);
+      if (bullet || numbered) {
+        const ordered = Boolean(numbered);
+        const items = [];
+        while (i < lines.length) {
+          const m = ordered ? NUMBERED.exec(lines[i]) : BULLET.exec(lines[i]);
+          if (!m) break;
+          const parts2 = [m[1]];
+          i++;
+          while (i < lines.length && lines[i].trim() && !BULLET.test(lines[i]) && !NUMBERED.test(lines[i]) && /^\s{2,}/.test(lines[i])) {
+            parts2.push(lines[i].trim());
+            i++;
+          }
+          items.push(parseInline(parts2.join(" ")));
+        }
+        blocks.push({ t: "list", ordered, items });
+        continue;
+      }
+      const parts = [];
+      while (i < lines.length) {
+        const l = lines[i];
+        if (!l.trim() || FENCE.test(l) || HEADING.test(l) || BULLET.test(l) || NUMBERED.test(l)) {
+          break;
+        }
+        parts.push(l);
+        i++;
+      }
+      blocks.push({ t: "p", children: parseInline(parts.join("\n")) });
+    }
+    return blocks;
+  }
+  function renderInline(into, nodes) {
+    for (const node of nodes) {
+      switch (node.t) {
+        case "text":
+          into.append(node.text);
+          break;
+        case "break":
+          into.append(document.createElement("br"));
+          break;
+        case "code": {
+          const el = document.createElement("code");
+          el.className = "ez-md-code";
+          el.textContent = node.text;
+          into.append(el);
+          break;
+        }
+        case "strong":
+        case "em": {
+          const el = document.createElement(node.t === "strong" ? "strong" : "em");
+          renderInline(el, node.children);
+          into.append(el);
+          break;
+        }
+        case "link": {
+          const el = document.createElement("a");
+          el.href = node.href;
+          el.textContent = node.text;
+          el.target = "_blank";
+          el.rel = "noreferrer noopener";
+          into.append(el);
+          break;
+        }
+      }
+    }
+  }
+  function markdownEl(text, className) {
+    const box = document.createElement("div");
+    box.className = className;
+    for (const block of parseMarkdown(text)) {
+      switch (block.t) {
+        case "p": {
+          const el = document.createElement("p");
+          renderInline(el, block.children);
+          box.append(el);
+          break;
+        }
+        case "heading": {
+          const el = document.createElement(block.level <= 2 ? "h5" : "h6");
+          renderInline(el, block.children);
+          box.append(el);
+          break;
+        }
+        case "list": {
+          const el = document.createElement(block.ordered ? "ol" : "ul");
+          for (const item of block.items) {
+            const li = document.createElement("li");
+            renderInline(li, item);
+            el.append(li);
+          }
+          box.append(el);
+          break;
+        }
+        case "fence": {
+          const pre = document.createElement("pre");
+          pre.className = "ez-md-pre";
+          pre.textContent = block.text;
+          box.append(pre);
+          break;
+        }
+      }
+    }
+    return box;
+  }
+
+  // src/client/nav.ts
+  function reduceNav(state, e) {
+    switch (e.t) {
+      case "request": {
+        const push = e.url === state.url ? [] : [{ do: "push", url: e.url }];
+        return { state: { url: e.url }, effects: [...push, { do: "navigate", url: e.url }] };
+      }
+      case "moved":
+        if (e.url === state.url) return { state, effects: [] };
+        return {
+          state: { url: e.url },
+          effects: [
+            { do: "push", url: e.url },
+            { do: "navigate", url: e.url, except: e.from }
+          ]
+        };
+      case "loaded":
+        if (e.url === state.url) return { state, effects: [] };
+        return {
+          state: { url: e.url },
+          effects: [
+            { do: "replace", url: e.url },
+            { do: "navigate", url: e.url, except: e.from }
+          ]
+        };
+      case "pop":
+        if (e.url === state.url) return { state, effects: [] };
+        return { state: { url: e.url }, effects: [{ do: "navigate", url: e.url }] };
+    }
+  }
+
+  // src/client/thread.ts
+  function threadOrder(entries) {
+    const answers = /* @__PURE__ */ new Map();
+    for (const entry of entries) {
+      if (entry.role === "user" || !entry.batchId) continue;
+      const group = answers.get(entry.batchId);
+      if (group) group.push(entry);
+      else answers.set(entry.batchId, [entry]);
+    }
+    const out = [];
+    const placed = /* @__PURE__ */ new Set();
+    for (const entry of entries) {
+      if (placed.has(entry)) continue;
+      if (entry.role !== "user" && entry.batchId && answers.has(entry.batchId)) continue;
+      out.push(entry);
+      placed.add(entry);
+      if (entry.role !== "user" || !entry.batchId) continue;
+      for (const answer of answers.get(entry.batchId) ?? []) {
+        out.push(answer);
+        placed.add(answer);
+      }
+      answers.delete(entry.batchId);
+    }
+    for (const group of answers.values()) out.push(...group);
+    return out;
+  }
+
+  // src/client/pick.ts
+  var ARM_TIMEOUT_MS = 1500;
+  var MAX_RETURNS = 2;
+  function modLabel(userAgent) {
+    return /Mac|iP(hone|ad|od)/.test(userAgent) ? "\u2318" : "Ctrl";
+  }
+  var at = (frame) => frame ? { frame } : {};
+  function standDown(state, keep) {
+    return keep ? [{ do: "disarm-others", id: state.id, keep }] : [];
+  }
+  function elsewhere(state, frame) {
+    return Boolean(frame && state.frame && state.frame !== frame);
+  }
+  var done2 = (effects) => ({ state: null, effects });
+  function banner(state) {
+    if (!state) return { do: "banner", text: null };
+    if (state.phase === "returning") {
+      return { do: "banner", text: `\u56DE\u5230 ${state.draft?.subject?.page ?? ""} \u7E7C\u7E8C\u7559\u8A00\u2026` };
+    }
+    return { do: "banner", text: null };
+  }
+  function reducePick(state, e) {
+    switch (e.t) {
+      case "arm": {
+        if (state) return { state, effects: [] };
+        const next = {
+          id: e.id,
+          host: e.host,
+          phase: "picking",
+          armed: false,
+          frame: null,
+          draft: null,
+          ref: null,
+          page: null,
+          armedAt: e.now,
+          returns: 0
+        };
+        return {
+          state: next,
+          effects: [{ do: "arm-overlay", id: e.id, host: e.host }, banner(next)]
+        };
+      }
+      case "armed": {
+        if (!state) {
+          const next = {
+            id: e.id,
+            host: e.host,
+            phase: "picking",
+            armed: true,
+            frame: e.frame ?? null,
+            draft: null,
+            ref: null,
+            page: null,
+            armedAt: e.now,
+            returns: 0
+          };
+          return { state: next, effects: [banner(next)] };
+        }
+        if (state.id !== e.id) return { state, effects: [] };
+        if (elsewhere(state, e.frame)) return { state, effects: [] };
+        return { state: { ...state, armed: true }, effects: [] };
+      }
+      case "draft":
+        if (!state || state.id !== e.id || elsewhere(state, e.frame)) return { state, effects: [] };
+        return { state: { ...state, draft: e.draft }, effects: [] };
+      case "picked": {
+        if (!state || state.id !== e.id || elsewhere(state, e.frame)) return { state, effects: [] };
+        const owner = state.frame ?? e.frame ?? null;
+        if (state.host === "note") {
+          return done2([{ do: "insert-note", ref: e.ref }, ...standDown(state, owner), banner(null)]);
+        }
+        const draft = state.draft;
+        if (!draft?.subject) return done2([banner(null)]);
+        const filled = { ...draft, body: resolveDraftRef(draft.body, e.ref) };
+        if (draftBelongsHere(filled, e.page)) {
+          return done2([{ do: "restore", draft: filled }, banner(null)]);
+        }
+        const next = {
+          ...state,
+          phase: "returning",
+          frame: owner,
+          draft: filled,
+          ref: e.ref,
+          page: e.page,
+          returns: state.returns + 1
+        };
+        return {
+          state: next,
+          effects: [{ do: "navigate", page: draft.subject.page, ...at(owner) }, banner(next)]
+        };
+      }
+      case "draft-done":
+        if (!state || state.id !== e.id) return { state, effects: [] };
+        return done2([banner(null)]);
+      case "cancelled": {
+        if (!state || state.id !== e.id || elsewhere(state, e.frame)) return { state, effects: [] };
+        if (e.resumed || state.host === "note") {
+          return done2([...standDown(state, state.frame ?? e.frame ?? null), banner(null)]);
+        }
+        const draft = state.draft;
+        if (!draft?.subject) return done2([banner(null)]);
+        const cleared = { ...draft, body: dropDraftRef(draft.body) };
+        const owner = state.frame ?? e.frame ?? null;
+        if (state.page && draftBelongsHere(cleared, state.page)) {
+          return done2([{ do: "restore", draft: cleared, ...at(owner) }, banner(null)]);
+        }
+        const next = {
+          ...state,
+          phase: "returning",
+          frame: owner,
+          draft: cleared,
+          ref: null,
+          returns: state.returns + 1
+        };
+        return {
+          state: next,
+          effects: [{ do: "navigate", page: draft.subject.page, ...at(owner) }, banner(next)]
+        };
+      }
+      case "ready": {
+        if (!state) return { state, effects: [] };
+        if (elsewhere(state, e.frame)) return { state, effects: [] };
+        const here = { ...state, page: e.page };
+        if (state.phase === "returning") {
+          if (draftBelongsHere(state.draft, e.page)) {
+            return done2([{ do: "restore", draft: state.draft, ...at(state.frame) }, banner(null)]);
+          }
+          if (state.returns >= MAX_RETURNS) {
+            return done2([
+              { do: "banner", text: `\u56DE\u4E0D\u5230 ${state.draft?.subject?.page ?? ""}\uFF0C\u9019\u5247\u7559\u8A00\u6C92\u6709\u4FDD\u7559` }
+            ]);
+          }
+          const next2 = { ...here, returns: state.returns + 1 };
+          return {
+            state: next2,
+            effects: [
+              { do: "navigate", page: state.draft.subject.page, ...at(state.frame) },
+              banner(next2)
+            ]
+          };
+        }
+        const next = { ...here, armed: false, armedAt: e.now };
+        return {
+          state: next,
+          effects: [
+            {
+              do: "arm-overlay",
+              id: state.id,
+              host: state.host,
+              ...state.draft?.subject ? { returnTo: state.draft.subject.page } : {},
+              ...at(e.frame ?? state.frame)
+            },
+            banner(next)
+          ]
+        };
+      }
+      case "abort": {
+        if (!state) return { state, effects: [] };
+        return done2([{ do: "abort-overlay", id: state.id, ...at(state.frame) }, banner(null)]);
+      }
+      case "expired": {
+        if (!state || state.id !== e.id || elsewhere(state, e.frame)) return { state, effects: [] };
+        return done2([
+          { do: "banner", text: "\u9019\u5247\u7559\u8A00\u64F1\u7F6E\u592A\u4E45\uFF0C\u9644\u52A0\u7684\u6A94\u6848\u5DF2\u7D93\u88AB\u6E05\u6389\u4E86\uFF0C\u8ACB\u91CD\u65B0\u7559\u4E00\u6B21" }
+        ]);
+      }
+      case "tick": {
+        if (!state || state.armed || state.phase !== "picking") return { state, effects: [] };
+        if (e.now - state.armedAt < ARM_TIMEOUT_MS) return { state, effects: [] };
+        return done2([{ do: "banner", text: "\u9019\u4E00\u9801\u9084\u6C92\u6E96\u5099\u597D\uFF0C\u6C92\u8FA6\u6CD5\u6311\u9078\u5143\u7D20" }]);
+      }
+    }
+  }
+
+  // src/client/sidebar-width.ts
+  var SIDEBAR_DEFAULT = 344;
+  var SIDEBAR_MIN = 344;
+  var SIDEBAR_MAX = 480;
+  var STAGE_MIN = 480;
+  function maxSidebarWidth(viewportWidth) {
+    return Math.max(SIDEBAR_MIN, Math.min(SIDEBAR_MAX, viewportWidth - STAGE_MIN));
+  }
+  function clampSidebarWidth(width, viewportWidth) {
+    return Math.round(Math.min(Math.max(width, SIDEBAR_MIN), maxSidebarWidth(viewportWidth)));
+  }
+
+  // src/client/shell.ts
+  var PREFIX = (() => {
+    const script = document.currentScript;
+    try {
+      return new URL(script.src).pathname.replace(/\/shell\.js$/, "");
+    } catch {
+      return "/__ezdesign";
+    }
+  })();
+  var API = `${PREFIX}/api`;
+  var MOD_LABEL = modLabel(navigator.userAgent);
+  var PAGE_PATH = new URLSearchParams(location.search).get("path") || "/";
+  var ANNOTATE_MODES = [
+    {
+      id: "element",
+      label: "\u5143\u7D20",
+      hint: "\u9EDE\u4E00\u4E0B\u5143\u7D20\u6216\u53CD\u767D\u6587\u5B57\u4F86\u7559\u8A00",
+      key: "E",
+      svg: CursorMagicSelection02Icon_default
+    },
+    {
+      id: "region",
+      label: "\u7BC4\u570D",
+      hint: "\u62D6\u66F3\u6846\u51FA\u4E00\u584A\u7BC4\u570D\u4F86\u7559\u8A00\uFF0C\u6846\u5230\u7684\u5143\u7D20\u90FD\u6703\u5E36\u7D66 agent",
+      key: "R",
+      svg: Select01Icon_default
+    }
+  ];
+  var expandedBatches = /* @__PURE__ */ new Set();
+  var ITEM_LIMIT = 3;
+  var EDIT_ICON = 10;
+  var TICK_ICON = 14;
+  var snapshot = null;
+  var annotateMode = "off";
+  var deviceId = DESKTOP.id;
+  var multi = false;
+  var layout = defaultLayout(CANVAS_DEVICES.filter((d) => CANVAS_DEFAULT.includes(d.id)));
+  function shownDevices() {
+    const on = CANVAS_DEVICES.filter((d) => layout.some((row) => row.includes(d.id)));
+    return on.length ? on : [CANVAS_DEVICES[0]];
+  }
+  var canvasDevice = (id) => CANVAS_DEVICES.find((d) => d.id === id) ?? DESKTOP;
+  var canvasLayout = () => layout.map((row) => row.map(canvasDevice));
+  var VIEW_KEY = "ezdesign:view";
+  function loadView() {
+    try {
+      const stored = JSON.parse(localStorage.getItem(VIEW_KEY) ?? "null");
+      if (typeof stored?.device === "string") deviceId = deviceById(stored.device).id;
+      multi = Boolean(stored?.multi);
+      const arranged = sanitizeLayout(
+        stored?.layout,
+        CANVAS_DEVICES.map((d) => d.id)
+      );
+      if (arranged) layout = arranged;
+      else if (Array.isArray(stored?.shown)) {
+        const kept = CANVAS_DEVICES.filter((d) => stored.shown.includes(d.id));
+        if (kept.length) layout = defaultLayout(kept);
+      }
+    } catch {
+    }
+  }
+  function saveView() {
+    try {
+      localStorage.setItem(VIEW_KEY, JSON.stringify({ device: deviceId, multi, layout }));
+    } catch {
+    }
+  }
+  loadView();
+  var root = document.getElementById("ez-shell");
+  function h(tag, className, text) {
+    const node = document.createElement(tag);
+    if (className) node.className = className;
+    if (text !== void 0) node.textContent = text;
+    return node;
+  }
+  var brand = h("div", "ez-brand", "ezdesign");
+  var version = h("span", "ez-version");
+  var updatePill = h("button", "ez-update-flag");
+  updatePill.setAttribute("aria-haspopup", "menu");
+  updatePill.setAttribute("aria-expanded", "false");
+  var updateMenu = h("div", "ez-menu");
+  updateMenu.setAttribute("role", "menu");
+  var updateNow = h("button", "ez-menu-item");
+  updateNow.setAttribute("role", "menuitem");
+  updateMenu.append(updateNow);
+  var updateHint = h("div", "ez-update-hint");
+  updateHint.hidden = true;
+  updateHint.append(updatePill, updateMenu);
+  var updateMenuOpen = false;
+  function paintUpdateMenu() {
+    updateHint.toggleAttribute("data-open", updateMenuOpen);
+    updatePill.setAttribute("aria-expanded", String(updateMenuOpen));
+  }
+  updatePill.onclick = () => {
+    updateMenuOpen = !updateMenuOpen;
+    paintUpdateMenu();
+  };
+  updateNow.onclick = () => {
+    updateMenuOpen = false;
+    paintUpdateMenu();
+    void startUpdate();
+  };
+  document.addEventListener("click", (e) => {
+    if (updateMenuOpen && e.target instanceof Node && !updateHint.contains(e.target)) {
+      updateMenuOpen = false;
+      paintUpdateMenu();
+    }
+  });
+  var target = h("span", "ez-target");
+  var agentStatus = h("div", "ez-badge");
+  var agentPill = h("button", "ez-agent-pill");
+  agentPill.setAttribute("aria-haspopup", "menu");
+  agentPill.setAttribute("aria-expanded", "false");
+  var agentMenu = h("div", "ez-menu ez-menu-up");
+  agentMenu.setAttribute("role", "menu");
+  agentMenu.setAttribute("aria-label", "Agent");
+  var agentWrap = h("div", "ez-agent");
+  agentWrap.hidden = true;
+  agentWrap.append(agentPill, agentMenu);
+  var plain = (key) => (e) => !e.metaKey && !e.ctrlKey && e.key.toLowerCase() === key.toLowerCase();
+  var cmd = (key) => (e) => (e.metaKey || e.ctrlKey) && e.key === key;
+  function isTyping(target2) {
+    if (!(target2 instanceof HTMLElement)) return false;
+    return target2.isContentEditable || target2 instanceof HTMLInputElement || target2 instanceof HTMLTextAreaElement;
+  }
+  var SHORTCUTS = [
+    ...ANNOTATE_MODES.map((m) => ({
+      keys: m.key,
+      label: m.label,
+      match: plain(m.key),
+      run: () => sendMode(annotateMode === m.id ? "off" : m.id)
+    })),
+    ...DEVICES.map((d, i) => ({
+      keys: String(i + 1),
+      label: deviceLabel(d),
+      match: plain(String(i + 1)),
+      run: () => setDevice(d.id)
+    })),
+    {
+      keys: "4",
+      label: "\u6240\u6709\u5C3A\u5BF8\u6392\u6210\u4E00\u5F35\u756B\u5E03",
+      match: plain("4"),
+      run: () => setMulti(!multi)
+    },
+    {
+      keys: "N",
+      label: "\u5BEB\u88DC\u5145\u8AAA\u660E",
+      match: plain("n"),
+      run: () => note.focus()
+    },
+    {
+      keys: "\u2318 \u21B5",
+      label: "\u9001\u51FA\u7D66 agent",
+      match: cmd("Enter"),
+      run: () => void sendBatch(),
+      whileTyping: true
+    },
+    {
+      keys: `${MOD_LABEL} .`,
+      label: "\u4E2D\u6B62 agent \u9019\u4E00\u8F2A",
+      match: cmd("."),
+      run: () => void cancelTurn(),
+      /** The reason to stop the agent usually arrives while the next batch is being
+       *  typed - watching it head the wrong way is what prompts it. */
+      whileTyping: true
+    },
+    {
+      keys: "Esc",
+      label: "\u95DC\u6389\u8F38\u5165\u6846\uFF0C\u518D\u4E00\u6B21\u96E2\u958B\u6A19\u8A3B\u6A21\u5F0F",
+      match: plain("Escape"),
+      /** Blurring first is what makes the rest of the table reachable again: every
+       *  modifier-free key is withheld while a field has focus, so without this the
+       *  keyboard has no way back out of the composer. */
+      run: () => {
+        if (keysPinned) {
+          pinKeys(false);
+          return;
+        }
+        if (abortPick("escape")) return;
+        const active = document.activeElement;
+        if (isTyping(active)) {
+          if (active instanceof HTMLElement) active.blur();
+          return;
+        }
+        escapeAnnotating();
+      },
+      whileTyping: true
+    }
+  ];
+  function runShortcut(e, typing) {
+    for (const s of SHORTCUTS) {
+      if (typing && !s.whileTyping) continue;
+      if (!s.match(e)) continue;
+      s.run();
+      return true;
+    }
+    return false;
+  }
+  var keysBtn = h("button", "ez-keys");
+  keysBtn.append(icon(KeyboardIcon_default, 14));
+  keysBtn.title = "\u5FEB\u6377\u9375";
+  keysBtn.setAttribute("aria-label", "\u5FEB\u6377\u9375");
+  keysBtn.setAttribute("aria-expanded", "false");
+  var keysPinned = false;
+  var keysHover = false;
+  var keysCloseTimer = 0;
+  var KEYS_CLOSE_MS = 140;
+  function paintKeys() {
+    const open = keysPinned || keysHover;
+    keysWrap.toggleAttribute("data-open", open);
+    keysBtn.setAttribute("aria-expanded", String(open));
+  }
+  function pinKeys(next) {
+    keysPinned = next;
+    paintKeys();
+  }
+  keysBtn.onclick = () => pinKeys(!keysPinned);
+  var keysPanel = h("div", "ez-keys-panel");
+  for (const s of SHORTCUTS) {
+    const row = h("div", "ez-keys-row");
+    row.append(h("kbd", "ez-kbd", s.keys), h("span", "ez-keys-label", s.label));
+    keysPanel.appendChild(row);
+  }
+  var keysWrap = h("div", "ez-keys-wrap");
+  keysWrap.append(keysBtn, keysPanel);
+  keysWrap.addEventListener("pointerenter", () => {
+    window.clearTimeout(keysCloseTimer);
+    keysHover = true;
+    paintKeys();
+  });
+  keysWrap.addEventListener("pointerleave", () => {
+    window.clearTimeout(keysCloseTimer);
+    keysCloseTimer = window.setTimeout(() => {
+      keysHover = false;
+      paintKeys();
+    }, KEYS_CLOSE_MS);
+  });
+  document.addEventListener("click", (e) => {
+    if (keysPinned && e.target instanceof Node && !keysWrap.contains(e.target)) pinKeys(false);
+  });
+  var headRow = h("div", "ez-head-row");
+  headRow.append(brand, version, updateHint, h("div", "ez-spacer"), keysWrap, agentStatus);
+  var deviceName = h("button", "ez-seg-label");
+  deviceName.onclick = () => setDevice(deviceId);
+  var deviceCaret = h("button", "ez-seg-caret");
+  deviceCaret.append(icon(ChevronDownIcon_default, 12));
+  deviceCaret.setAttribute("aria-haspopup", "menu");
+  deviceCaret.setAttribute("aria-expanded", "false");
+  var deviceMenu = h("div", "ez-menu");
+  deviceMenu.setAttribute("role", "menu");
+  deviceMenu.setAttribute("aria-label", "\u9810\u89BD\u5C3A\u5BF8");
+  var deviceItems = DEVICES.map((d) => {
+    const item = h("button", "ez-menu-item");
+    item.setAttribute("role", "menuitemradio");
+    item.dataset.device = d.id;
+    item.title = deviceLabel(d);
+    item.append(h("span", "ez-menu-name", d.name), menuCheck());
+    item.onclick = () => {
+      closeDeviceMenu();
+      setDevice(d.id);
+    };
+    deviceMenu.appendChild(item);
+    return item;
+  });
+  var deviceGroup = h("div", "ez-seg-item ez-seg-device");
+  deviceGroup.append(deviceName, deviceCaret, deviceMenu);
+  var deviceMenuOpen = false;
+  function paintDeviceMenu() {
+    deviceGroup.toggleAttribute("data-open", deviceMenuOpen);
+    deviceCaret.setAttribute("aria-expanded", String(deviceMenuOpen));
+  }
+  function closeDeviceMenu() {
+    if (!deviceMenuOpen) return;
+    deviceMenuOpen = false;
+    paintDeviceMenu();
+  }
+  function openDeviceMenu() {
+    if (deviceMenuOpen) return;
+    deviceMenuOpen = true;
+    paintDeviceMenu();
+    deviceItems.find((i) => i.dataset.device === deviceId)?.focus();
+  }
+  deviceCaret.onclick = () => {
+    if (deviceMenuOpen) closeDeviceMenu();
+    else openDeviceMenu();
+  };
+  deviceMenu.addEventListener("keydown", (e) => {
+    const at2 = deviceItems.indexOf(document.activeElement);
+    if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+      const step = e.key === "ArrowDown" ? 1 : -1;
+      deviceItems[(at2 + step + deviceItems.length) % deviceItems.length]?.focus();
+      e.preventDefault();
+      return;
+    }
+    if (e.key === "Escape") {
+      closeDeviceMenu();
+      deviceCaret.focus();
+      e.preventDefault();
+    }
+  });
+  document.addEventListener("click", (e) => {
+    if (e.target instanceof Node && !deviceGroup.contains(e.target)) closeDeviceMenu();
+  });
+  deviceGroup.addEventListener("focusout", (e) => {
+    const to = e.relatedTarget;
+    if (to instanceof Node && deviceGroup.contains(to)) return;
+    closeDeviceMenu();
+  });
+  var multiBtn = h("button", "ez-seg-item ez-seg-multi", "\u5168\u90E8\u5C3A\u5BF8");
+  multiBtn.title = "\u6240\u6709\u5C3A\u5BF8\u6392\u6210\u4E00\u5F35\u756B\u5E03\uFF0C\u62D6\u66F3\u80CC\u666F\u79FB\u52D5\uFF084\uFF09";
+  multiBtn.onclick = () => setMulti(!multi);
+  var deviceRow = h("div", "ez-seg");
+  deviceRow.append(deviceGroup, multiBtn);
+  function paintControls() {
+    const device = deviceById(deviceId);
+    deviceName.textContent = device.name;
+    deviceName.title = `${deviceLabel(device)}\uFF081 / 2 / 3\uFF09`;
+    deviceCaret.title = "\u63DB\u4E00\u500B\u5C3A\u5BF8";
+    for (const item of deviceItems) {
+      const on = !multi && item.dataset.device === deviceId;
+      item.setAttribute("aria-checked", String(on));
+      item.toggleAttribute("data-current", on);
+    }
+    deviceGroup.classList.toggle("ez-on", !multi);
+    multiBtn.classList.toggle("ez-on", multi);
+    multiBtn.setAttribute("aria-pressed", String(multi));
+    paintShown();
+  }
+  var annotateGroup = h("div", "ez-annotate-group");
+  var annotateBtns = ANNOTATE_MODES.map((m) => {
+    const btn = h("button", `ez-tool-btn ez-mode-${m.id}`);
+    btn.append(icon(m.svg, 15), h("span", void 0, m.label));
+    btn.title = `${m.hint}\uFF08${m.key}\uFF09\u30FBEsc \u96E2\u958B`;
+    btn.onclick = () => sendMode(annotateMode === m.id ? "off" : m.id);
+    annotateGroup.appendChild(btn);
+    return { id: m.id, btn };
+  });
+  function paintAnnotateMode() {
+    for (const { id, btn } of annotateBtns) {
+      const on = annotateMode === id;
+      btn.classList.toggle("ez-on", on);
+      btn.setAttribute("aria-pressed", String(on));
+    }
+  }
+  var sideHead = h("div", "ez-side-head");
+  sideHead.append(headRow, target, deviceRow, annotateGroup);
+  var banner2 = h("div", "ez-banner");
+  banner2.hidden = true;
+  var updateCard = h("section", "ez-update");
+  updateCard.hidden = true;
+  var UPDATE_DISMISSED_KEY = "ez-update-dismissed";
+  function updateOfferKey(u) {
+    return `v${u.latest}`;
+  }
+  function readUpdateDismissed() {
+    try {
+      return localStorage.getItem(UPDATE_DISMISSED_KEY);
+    } catch {
+      return null;
+    }
+  }
+  function setUpdateDismissed(key) {
+    try {
+      if (key) localStorage.setItem(UPDATE_DISMISSED_KEY, key);
+      else localStorage.removeItem(UPDATE_DISMISSED_KEY);
+    } catch {
+    }
+    render();
+  }
+  var updating = false;
+  async function startUpdate() {
+    if (updating) return;
+    updating = true;
+    setUpdateDismissed(null);
+    try {
+      await api("/update", { method: "POST" });
+    } finally {
+      updating = false;
+      render();
+    }
+  }
+  function updateTitle(u) {
+    switch (u.phase) {
+      case "installing":
+        return `\u6B63\u5728\u66F4\u65B0\u5230 v${u.latest}`;
+      case "handing-over":
+        return `\u6B63\u5728\u5207\u63DB\u5230 v${u.latest}`;
+      case "failed":
+        return "\u66F4\u65B0\u5931\u6557";
+      default:
+        return `\u6709\u65B0\u7248\u672C v${u.latest}`;
+    }
+  }
+  function updateView(u) {
+    if (!updating || u.phase !== "available" && u.phase !== "failed") return u;
+    const { error: _error, ...rest } = u;
+    return { ...rest, phase: "installing" };
+  }
+  function paintUpdate(s) {
+    const u = s.update && updateView(s.update);
+    const dismissible = u?.phase === "available" || u?.phase === "failed";
+    const dismissed = !!u && dismissible && readUpdateDismissed() === updateOfferKey(u);
+    updateHint.hidden = !dismissed;
+    if (dismissed) {
+      updatePill.textContent = `v${u.latest} \u53EF\u66F4\u65B0`;
+      updateNow.textContent = `\u66F4\u65B0\u5230 v${u.latest}`;
+      updateNow.disabled = updating;
+    } else if (updateMenuOpen) {
+      updateMenuOpen = false;
+    }
+    paintUpdateMenu();
+    updateCard.hidden = !u || !!dismissed;
+    updateCard.textContent = "";
+    if (!u || dismissed) return;
+    updateCard.append(h("div", "ez-update-title", updateTitle(u)));
+    const busy = u.phase !== "available" && u.phase !== "failed";
+    const lines = h("ul", "ez-update-lines");
+    const line = (text, cls = "") => lines.append(h("li", cls || void 0, text));
+    const working = s.acp?.state === "working";
+    if (busy) {
+      if (u.phase === "installing") line("\u4E0B\u8F09\u4E26\u5B89\u88DD\u65B0\u7248\u672C\u2026");
+      if (u.phase === "handing-over") line("\u65B0\u7684 daemon \u63A5\u624B\u4E2D\uFF0C\u756B\u9762\u6703\u81EA\u52D5\u91CD\u65B0\u8F09\u5165");
+    } else {
+      if (s.acp) line("\u66F4\u65B0\u5B8C\u6210\u5F8C\uFF0C\u6703\u958B\u555F\u65B0 session");
+      if (u.phase === "failed" && u.error) line(u.error, "ez-update-error");
+    }
+    if (lines.childElementCount) updateCard.append(lines);
+    if (!busy) {
+      const actions = h("div", "ez-update-actions");
+      const go = h("button", "ez-update-go");
+      go.append(
+        h(
+          "span",
+          "ez-update-label",
+          u.phase === "failed" ? "\u91CD\u8A66" : working ? "\u4ECD\u8981\u66F4\u65B0" : "\u7ACB\u5373\u66F4\u65B0"
+        )
+      );
+      go.disabled = updating;
+      go.onclick = () => void startUpdate();
+      actions.append(go);
+      updateCard.append(actions);
+      const dismiss = h("button", "ez-update-x");
+      dismiss.append(icon(Cancel01Icon_default, 13));
+      dismiss.title = "\u7A0D\u5F8C\u518D\u8AAA\uFF08\u7248\u865F\u65C1\u7684\u63D0\u793A\u6703\u7559\u8457\uFF09";
+      dismiss.setAttribute("aria-label", dismiss.title);
+      dismiss.onclick = () => setUpdateDismissed(updateOfferKey(u));
+      updateCard.append(dismiss);
+    }
+  }
+  var stageWrap = h("div", "ez-stage-wrap");
+  var stage = h("div", "ez-stage");
+  var canvas = h("div", "ez-canvas");
+  stage.appendChild(canvas);
+  var strip = h("div", "ez-strip");
+  strip.hidden = true;
+  function stripNotice(text) {
+    strip.hidden = false;
+    const pill = h("div", "ez-strip-pill");
+    pill.append(icon(MagicWand01Icon_default, 14), h("div", "ez-strip-pending", text));
+    strip.replaceChildren(pill);
+    setTimeout(() => {
+      if (!liveExplores().length) strip.hidden = true;
+    }, 4e3);
+  }
+  var posted = /* @__PURE__ */ new Map();
+  function liveExplores() {
+    return snapshot?.explores ?? [];
+  }
+  function paintVariants() {
+    const rounds = liveExplores();
+    for (const round of rounds) {
+      const variant = round.variants.find((v) => v.id === round.selected);
+      const html = variant?.html ?? null;
+      if (posted.get(round.id) === (variant?.id ?? null)) continue;
+      posted.set(round.id, variant?.id ?? null);
+      broadcast({ type: "ez:variant", exploreId: round.id, anchor: round.anchor, html });
+    }
+    for (const id of [...posted.keys()]) {
+      if (rounds.some((r) => r.id === id)) continue;
+      posted.delete(id);
+      broadcast({ type: "ez:variant", exploreId: id, anchor: null, html: null });
+    }
+  }
+  function seedVariants(id) {
+    for (const round of liveExplores()) {
+      const variant = round.variants.find((v) => v.id === round.selected);
+      toFrame(id, {
+        type: "ez:variant",
+        exploreId: round.id,
+        anchor: round.anchor,
+        html: variant?.html ?? null
+      });
+    }
+  }
+  function select(round, variantId) {
+    void api("/explore/select", {
+      method: "POST",
+      body: JSON.stringify({ id: round.id, variantId })
+    });
+  }
+  var stripDrawn = null;
+  function paintStrip() {
+    const rounds = liveExplores();
+    strip.hidden = rounds.length === 0;
+    const signature = JSON.stringify([currentChatId(), snapshot?.agentBusy ?? false, rounds]);
+    if (signature === stripDrawn) return;
+    stripDrawn = signature;
+    strip.replaceChildren(...rounds.map((round) => roundPill(round)));
+  }
+  function currentChatId() {
+    return snapshot?.chats?.find((c) => c.current)?.id ?? null;
+  }
+  async function adoptVariant(round, variant) {
+    const ref = {
+      anchor: round.anchor,
+      label: round.label,
+      variant: { name: variant.name, html: variant.html }
+    };
+    const held = exploreHold?.round === round.id ? exploreHold : null;
+    if (held) held.leaving = true;
+    const res = await api("/explore/exit", {
+      method: "POST",
+      body: JSON.stringify({ id: round.id, variantId: variant.id })
+    });
+    if (!res.ok) {
+      if (held) held.leaving = false;
+      return;
+    }
+    if (held) held.answer = ref;
+    else {
+      noteAttach.insertRef(ref);
+      noteAttach.editable.focus();
+    }
+  }
+  var exploreHold = null;
+  function endExploreIn(ref) {
+    const held = exploreHold;
+    exploreHold = null;
+    if (held && frames.has(held.frame)) {
+      if (held.mode !== "off") toFrame(held.frame, { type: "ez:set-mode", mode: held.mode });
+      const body = ref ? [...held.draft.body, { t: "ref", n: nextRefNumber(held.draft.body), ...ref }] : held.draft.body;
+      toFrame(held.frame, { type: "ez:restore", draft: { ...held.draft, body } });
+      return;
+    }
+    if (!ref) return;
+    noteAttach.insertRef(ref);
+    noteAttach.editable.focus();
+  }
+  function settleHold() {
+    const held = exploreHold;
+    if (!held?.round) return;
+    if (liveExplores().some((e) => e.id === held.round)) {
+      held.seen = true;
+      return;
+    }
+    if (!held.seen) return;
+    if (held.leaving && held.answer === void 0) return;
+    endExploreIn(held.answer ?? void 0);
+  }
+  async function leaveRound(round) {
+    const held = exploreHold?.round === round.id ? exploreHold : null;
+    if (held) held.leaving = true;
+    const res = await api("/explore/exit", {
+      method: "POST",
+      body: JSON.stringify({ id: round.id })
+    });
+    if (!held) return;
+    if (res.ok) held.answer = null;
+    else held.leaving = false;
+  }
+  var stripAsk = null;
+  function closeStripAsk() {
+    const close = stripAsk;
+    stripAsk = null;
+    close?.();
+  }
+  function askOnStrip(actions, offer, run) {
+    if (confirmSkipped(localStorage, offer.key)) {
+      run();
+      return;
+    }
+    closeStripAsk();
+    const card = h("div", "ez-strip-ask");
+    card.setAttribute("role", "dialog");
+    card.setAttribute("aria-label", offer.go);
+    const skip = h("input");
+    skip.type = "checkbox";
+    const skipLabel = h("label", "ez-strip-ask-skip");
+    skipLabel.append(skip, h("span", void 0, "\u4E0D\u8981\u518D\u63D0\u793A"));
+    const go = h("button", "ez-strip-ask-go", offer.go);
+    const no = h("button", "ez-strip-ask-no", "\u53D6\u6D88");
+    const row = h("div", "ez-strip-ask-actions");
+    row.append(go, no);
+    card.append(h("div", void 0, offer.body), row, skipLabel);
+    const outside = (e) => {
+      if (e.target instanceof Node && !card.contains(e.target)) done3(false);
+    };
+    const done3 = (ok) => {
+      document.removeEventListener("pointerdown", outside, true);
+      card.remove();
+      stripAsk = null;
+      rememberConfirm(localStorage, offer.key, { ok, skip: skip.checked });
+      if (ok) run();
+    };
+    go.onclick = () => done3(true);
+    no.onclick = () => done3(false);
+    card.onkeydown = (e) => {
+      if (e.key !== "Escape") return;
+      e.stopPropagation();
+      done3(false);
+    };
+    skip.addEventListener("change", () => go.focus());
+    stripAsk = () => {
+      document.removeEventListener("pointerdown", outside, true);
+      card.remove();
+    };
+    document.addEventListener("pointerdown", outside, true);
+    actions.append(card);
+    go.focus();
+  }
+  function roundPill(round) {
+    const pill = h("div", "ez-strip-pill");
+    pill.title = round.direction ? `${round.label}\uFF1A${round.direction}` : round.label;
+    pill.setAttribute("role", "group");
+    pill.setAttribute("aria-label", `\u63A2\u7D22 ${round.label}`);
+    pill.append(icon(MagicWand01Icon_default, 14));
+    const chips = h("div", "ez-strip-chips");
+    const original = h("button", `ez-strip-chip${round.selected === null ? " ez-on" : ""}`, "\u539F\u672C");
+    original.title = "\u9019\u500B\u5143\u7D20\u539F\u672C\u7684\u6A23\u5B50";
+    original.onclick = () => select(round, null);
+    chips.append(original);
+    for (const variant of round.variants) {
+      const on = variant.id === round.selected;
+      const chip = h("button", `ez-strip-chip${on ? " ez-on" : ""}`, variant.name);
+      chip.title = variant.note ? `${variant.name}\uFF1A${variant.note}` : variant.name;
+      chip.onclick = () => select(round, variant.id);
+      chips.append(chip);
+    }
+    if (round.status === "generating") {
+      chips.append(h("div", "ez-strip-pending", round.variants.length ? "\u9084\u5728\u60F3\u2026" : "\u6B63\u5728\u7522\u751F\u2026"));
+    }
+    pill.append(chips);
+    const actions = h("div", "ez-strip-actions");
+    const chosen = round.variants.find((v) => v.id === round.selected);
+    const adopt = h("button", "ez-strip-action", "\u9078\u64C7");
+    adopt.disabled = !chosen;
+    adopt.title = chosen ? `\u5E36\u300C${chosen.name}\u300D\u56DE\u4E3B\u5C0D\u8A71\uFF0C\u4EA4\u7D66 agent \u5BE6\u4F5C\u9032\u5C08\u6848` : "\u5148\u6311\u4E00\u500B\u8B8A\u9AD4\uFF0C\u624D\u6709\u6771\u897F\u53EF\u4EE5\u5E36\u56DE\u53BB";
+    adopt.onclick = () => askOnStrip(
+      actions,
+      {
+        key: "explore-adopt",
+        body: "\u96E2\u958B\u9019\u4E00\u8F2A\u63A2\u7D22\u56DE\u5230\u4E3B\u5C0D\u8A71\u3002\u4F60\u9078\u7684\u7248\u672C\u6703\u9644\u5728\u8A0A\u606F\u4E0A\uFF0C\u4EA4\u7D66 agent \u5BE6\u4F5C\u9032\u5C08\u6848\u3002",
+        go: "\u9078\u64C7"
+      },
+      () => void adoptVariant(round, chosen)
+    );
+    actions.append(adopt);
+    const quit = h("button", "ez-strip-action", "\u9000\u51FA\u63A2\u7D22");
+    quit.title = "\u7D50\u675F\u9019\u4E00\u8F2A\u63A2\u7D22\uFF0C\u56DE\u5230\u4E3B\u5C0D\u8A71";
+    quit.onclick = () => askOnStrip(
+      actions,
+      {
+        key: "explore-exit",
+        body: "\u96E2\u958B\u9019\u4E00\u8F2A\u63A2\u7D22\u56DE\u5230\u4E3B\u5C0D\u8A71\uFF0C\u9801\u9762\u56DE\u5230\u539F\u672C\u7684\u6A23\u5B50\uFF0C\u9019\u4E9B\u8B8A\u9AD4\u4E0D\u6703\u7559\u4E0B\u3002",
+        go: "\u9000\u51FA\u63A2\u7D22"
+      },
+      () => void leaveRound(round)
+    );
+    actions.append(quit);
+    pill.append(actions);
+    return pill;
+  }
+  var shownBtn = h("button", "ez-shown-btn");
+  shownBtn.append(icon(Grid02Icon_default, 14));
+  shownBtn.title = "\u9078\u64C7\u756B\u5E03\u4E0A\u8981\u986F\u793A\u7684\u5C3A\u5BF8";
+  shownBtn.setAttribute("aria-label", "\u9078\u64C7\u756B\u5E03\u4E0A\u8981\u986F\u793A\u7684\u5C3A\u5BF8");
+  shownBtn.setAttribute("aria-haspopup", "menu");
+  shownBtn.setAttribute("aria-expanded", "false");
+  var shownMenu = h("div", "ez-menu ez-menu-right");
+  shownMenu.setAttribute("role", "menu");
+  shownMenu.setAttribute("aria-label", "\u756B\u5E03\u4E0A\u7684\u5C3A\u5BF8");
+  var shownItems = CANVAS_DEVICES.map((d) => {
+    const item = h("button", "ez-menu-item");
+    item.setAttribute("role", "menuitemcheckbox");
+    item.dataset.device = d.id;
+    item.title = deviceLabel(d);
+    const tick = h("span", "ez-menu-tick");
+    tick.append(icon(CheckIcon_default, 14));
+    item.append(tick, h("span", "ez-menu-name", d.name));
+    item.onclick = () => toggleShown(d.id);
+    shownMenu.appendChild(item);
+    return item;
+  });
+  var shownWrap = h("div", "ez-shown");
+  shownWrap.append(shownBtn, shownMenu);
+  stageWrap.append(stage, shownWrap, strip);
+  var shownMenuOpen = false;
+  function paintShown() {
+    shownWrap.toggleAttribute("data-open", shownMenuOpen);
+    shownWrap.toggleAttribute("data-hidden", !multi);
+    shownBtn.setAttribute("aria-expanded", String(shownMenuOpen));
+    const on = shownDevices();
+    for (const item of shownItems) {
+      const checked = on.some((d) => d.id === item.dataset.device);
+      item.setAttribute("aria-checked", String(checked));
+      item.classList.toggle("ez-on", checked);
+      item.toggleAttribute("disabled", checked && on.length === 1);
+    }
+  }
+  function toggleShown(id) {
+    const next = toggleDevice(layout, id);
+    if (next === layout) return;
+    layout = next;
+    saveView();
+    paintShown();
+    if (!multi) return;
+    const mounted = frames.get(id);
+    if (mounted) {
+      abortPick("mode");
+      mounted.card.remove();
+      frames.delete(id);
+      if (popupFrame === id) setPopupFrame(null);
+    } else {
+      const device = canvasDevice(id);
+      const holder = document.createDocumentFragment();
+      const frame = mountFrame(id, device, holder);
+      const placed = planCanvas(canvasLayout(), canvasMetrics()).cards.find((c) => c.id === id);
+      if (placed) {
+        frame.card.style.left = `${placed.x}px`;
+        frame.card.style.top = `${placed.y}px`;
+      }
+      paintFrame(frame, device, device.height, CANVAS_ZOOM, false);
+      canvas.appendChild(holder);
+    }
+    settleFrames();
+  }
+  shownBtn.onclick = () => {
+    shownMenuOpen = !shownMenuOpen;
+    paintShown();
+  };
+  document.addEventListener("click", (e) => {
+    if (e.target instanceof Node && !shownWrap.contains(e.target) && shownMenuOpen) {
+      shownMenuOpen = false;
+      paintShown();
+    }
+  });
+  shownWrap.addEventListener("keydown", (e) => {
+    if (e.key !== "Escape" || !shownMenuOpen) return;
+    shownMenuOpen = false;
+    paintShown();
+    shownBtn.focus();
+    e.preventDefault();
+  });
+  var SINGLE = "single";
+  var frames = /* @__PURE__ */ new Map();
+  var popupFrame = null;
+  function setPopupFrame(next) {
+    popupFrame = next;
+    for (const f of frames.values()) {
+      if (f.id !== next) toFrame(f.id, { type: "ez:hold", held: next !== null });
+    }
+  }
+  var nav = { url: PAGE_PATH };
+  function dispatchNav(e) {
+    const { state, effects } = reduceNav(nav, e);
+    const moved = state.url !== nav.url;
+    nav = state;
+    for (const effect of effects) applyNavEffect(effect);
+    if (moved) paintPage();
+  }
+  function applyNavEffect(effect) {
+    switch (effect.do) {
+      // The address bar carries the live page, not the one the session started
+      // on: the shell mounts its frames from the query string, so a reload three
+      // pages deep has to come back to the third page and not the first. The
+      // state carries it too, because on the way back that is all there is - the
+      // frames that were on those pages are long gone.
+      case "push":
+        history.pushState({ ezUrl: effect.url }, "", shellUrl(effect.url));
+        return;
+      case "replace":
+        history.replaceState({ ezUrl: effect.url }, "", shellUrl(effect.url));
+        return;
+      case "navigate":
+        for (const f of frames.values()) {
+          if (f.id !== effect.except) navigateFrame(f, effect.url);
+        }
+        return;
+    }
+  }
+  function shellUrl(page) {
+    const url = new URL(location.href);
+    url.searchParams.set("path", page);
+    return url;
+  }
+  history.replaceState({ ezUrl: nav.url }, "", shellUrl(nav.url));
+  window.addEventListener("popstate", (e) => {
+    const state = e.state;
+    const path = new URLSearchParams(location.search).get("path");
+    dispatchNav({ t: "pop", url: state?.ezUrl ?? path ?? "/" });
+  });
+  function paintPage() {
+    const origin = snapshot?.targetOrigin.replace(/^https?:\/\//, "") ?? "";
+    target.textContent = `${origin}${nav.url}`;
+    document.title = `ezdesign \xB7 ${nav.url}`;
+  }
+  function mountFrame(id, device, into) {
+    const card = h("div", "ez-card");
+    const head = h("div", "ez-card-head");
+    head.title = "\u62D6\u66F3\u8ABF\u6574\u6392\u5217";
+    const box = h("div", "ez-screen");
+    const wrap = h("div", "ez-frame-wrap");
+    const iframe = h("iframe", "ez-frame");
+    iframe.src = nav.url;
+    wrap.appendChild(iframe);
+    box.appendChild(wrap);
+    card.append(head, box);
+    into.appendChild(card);
+    const frame = { id, card, head, box, wrap, iframe, device, zoom: 0 };
+    labelFrame(frame, device);
+    frames.set(id, frame);
+    head.addEventListener("pointerdown", (e) => beginCardDrag(e, frame));
+    return frame;
+  }
+  function labelFrame(frame, device) {
+    const label = deviceLabel(device);
+    frame.head.textContent = label;
+    frame.iframe.title = label;
+  }
+  function frameIdOf(source) {
+    if (!source) return null;
+    for (const f of frames.values()) if (f.iframe.contentWindow === source) return f.id;
+    return null;
+  }
+  function toFrame(id, message) {
+    frames.get(id)?.iframe.contentWindow?.postMessage(message, location.origin);
+  }
+  function broadcast(message) {
+    for (const f of frames.values()) f.iframe.contentWindow?.postMessage(message, location.origin);
+  }
+  function navigateFrame(frame, page) {
+    frame.iframe.contentWindow?.location.replace(page);
+  }
+  function stageBox() {
+    const cs = getComputedStyle(stage);
+    return {
+      width: stage.clientWidth - parseFloat(cs.paddingLeft) - parseFloat(cs.paddingRight),
+      height: stage.clientHeight - parseFloat(cs.paddingTop) - parseFloat(cs.paddingBottom)
+    };
+  }
+  function paintFrame(frame, device, height, zoom, fluid) {
+    const { card, box, wrap } = frame;
+    card.style.width = fluid ? "100%" : "";
+    card.style.height = fluid ? "100%" : "";
+    box.style.width = fluid ? "100%" : `${Math.round(device.width * zoom)}px`;
+    box.style.height = fluid ? "100%" : `${Math.round(height * zoom)}px`;
+    wrap.style.width = fluid ? "100%" : `${device.width}px`;
+    wrap.style.height = fluid ? "100%" : `${height}px`;
+    wrap.style.transform = fluid || zoom === 1 ? "" : `scale(${zoom})`;
+    const applied = fluid ? 1 : zoom;
+    if (frame.device.id !== device.id || frame.zoom !== applied) {
+      if (frame.device.id !== device.id) labelFrame(frame, device);
+      frame.device = device;
+      frame.zoom = applied;
+      toFrame(frame.id, {
+        type: "ez:viewport",
+        preset: device.id,
+        zoom: applied,
+        scoped: multi
+      });
+    }
+  }
+  function paintFrames() {
+    if (multi) {
+      const plan = planCanvas(canvasLayout(), canvasMetrics());
+      canvas.style.width = `${plan.width}px`;
+      canvas.style.height = `${plan.height}px`;
+      for (const placed of plan.cards) {
+        const frame2 = frames.get(placed.id);
+        if (!frame2) continue;
+        frame2.card.style.left = `${placed.x}px`;
+        frame2.card.style.top = `${placed.y}px`;
+        const d = canvasDevice(placed.id);
+        paintFrame(frame2, d, d.height, CANVAS_ZOOM, false);
+      }
+      return;
+    }
+    const frame = frames.get(SINGLE);
+    if (!frame) return;
+    const device = deviceById(deviceId);
+    const fluid = Boolean(device.fluid);
+    canvas.style.width = fluid ? "100%" : "";
+    canvas.style.height = fluid ? "100%" : "";
+    const box = stageBox();
+    const zoom = fluid ? 1 : fitWidth(device.width, box.width);
+    paintFrame(frame, device, zoom > 0 ? box.height / zoom : device.height, zoom, fluid);
+  }
+  var settleTimer = 0;
+  function settleFrames() {
+    clearTimeout(settleTimer);
+    canvas.removeAttribute("data-settle");
+    const before = /* @__PURE__ */ new Map();
+    for (const f of frames.values()) before.set(f.id, f.card.getBoundingClientRect());
+    for (const f of frames.values()) f.card.style.transform = "";
+    paintFrames();
+    const moved = [];
+    for (const f of frames.values()) {
+      const was = before.get(f.id);
+      if (!was) continue;
+      const now = f.card.getBoundingClientRect();
+      const dx = was.x - now.x;
+      const dy = was.y - now.y;
+      if (!dx && !dy) continue;
+      f.card.style.transform = `translate3d(${dx}px, ${dy}px, 0)`;
+      moved.push(f);
+    }
+    if (!moved.length) return;
+    void canvas.offsetWidth;
+    canvas.setAttribute("data-settle", "");
+    for (const f of moved) f.card.style.transform = "";
+    settleTimer = window.setTimeout(() => canvas.removeAttribute("data-settle"), 240);
+  }
+  function paintStageClasses() {
+    stage.classList.toggle("ez-multi", multi);
+    stage.classList.toggle("ez-framed", multi || !deviceById(deviceId).fluid);
+  }
+  function rebuildStage() {
+    abortPick("mode");
+    popupFrame = null;
+    canvas.replaceChildren();
+    frames.clear();
+    if (multi) {
+      for (const row of canvasLayout()) {
+        for (const d of row) mountFrame(d.id, d, canvas);
+      }
+    } else {
+      const device = deviceById(deviceId);
+      mountFrame(SINGLE, device, canvas);
+    }
+    paintFrames();
+  }
+  paintControls();
+  paintAnnotateMode();
+  paintStageClasses();
+  rebuildStage();
+  var sidebar = h("aside", "ez-sidebar");
+  var queueSection = h("section", "ez-section ez-queue-section");
+  var queueList = h("ul", "ez-queue");
+  var queueScroll = h("div", "ez-fade ez-queue-scroll");
+  queueScroll.appendChild(queueList);
+  var sendBtn = h("button", "ez-send");
+  var sendLabel = h("span", void 0, "\u9001\u51FA\u7D66 agent");
+  sendBtn.title = "\u9001\u51FA\u7D66 agent\uFF08\u2318/Ctrl + Enter\uFF09";
+  sendBtn.append(icon(Navigation03Icon_default, 15), sendLabel);
+  sendBtn.onclick = () => void sendBatch();
+  var noteAttach = attachify({
+    api: API,
+    mk: h,
+    className: "ez-note",
+    placeholder: "\u6574\u9AD4\u60F3\u6CD5\u6216\u88DC\u5145\u8AAA\u660E\uFF0C\u8F38\u5165 / \u7528\u6307\u4EE4\uFF08\u9078\u586B\uFF09",
+    onChange: () => paintSendState(),
+    commands: [
+      {
+        id: "element",
+        label: "Element",
+        hint: "\u9078\u53D6\u9801\u9762\u5143\u7D20\u6216\u7BC4\u570D",
+        keywords: ["element", "pick", "ref", "reference", "\u5143\u7D20", "\u6307\u5B9A", "\u53C3\u8003", "\u6846\u9078"],
+        icon: AlignSelectionIcon_default,
+        // The pointer is in the other document, so this can only ask. The answer
+        // comes back as a message and lands here via the pick reducer.
+        run: () => startPick("note")
+      },
+      {
+        id: "new",
+        label: "New chat",
+        hint: "\u958B\u555F\u65B0\u5C0D\u8A71",
+        keywords: ["new", "chat", "clear", "reset", "context", "\u65B0\u5C0D\u8A71", "\u6E05\u9664", "\u91CD\u8A2D"],
+        icon: BubbleChatAddIcon_default,
+        // Only ACP mode has a context this can throw away. A CLI-driven agent owns
+        // its own session, and clearing it is a thing the user does in the terminal.
+        enabled: () => !!snapshot?.acp,
+        // The note being typed survives: the slash menu takes only the `/new` out,
+        // and the draft is what the fresh session is about to be asked.
+        run: () => void newChat()
+      },
+      {
+        id: "resume",
+        label: "Resume",
+        hint: "\u56DE\u5230\u4E4B\u524D\u7684\u5C0D\u8A71",
+        keywords: ["resume", "chat", "history", "past", "\u5C0D\u8A71", "\u7D00\u9304", "\u4E4B\u524D", "\u56DE\u5230"],
+        icon: BubbleChatOutcomeIcon_default,
+        // Nothing to resume onto without an agent, and nothing to resume *to*
+        // while this review has only ever had the one conversation.
+        enabled: () => !!snapshot?.acp && (snapshot.chats?.length ?? 0) > 1,
+        run: () => void openResume()
+      }
+    ],
+    skills: () => fetchSkills()
+  });
+  var note = noteAttach.editable;
+  note.title = "\u5BEB\u88DC\u5145\u8AAA\u660E\uFF08N\uFF09";
+  var configPill = h("button", "ez-config-pill");
+  configPill.setAttribute("aria-haspopup", "menu");
+  configPill.setAttribute("aria-expanded", "false");
+  var configMenu = h("div", "ez-menu ez-menu-up");
+  configMenu.setAttribute("role", "menu");
+  var configWrap = h("div", "ez-config");
+  configWrap.hidden = true;
+  configWrap.append(configPill, configMenu);
+  var limitPill = h("button", "ez-limit");
+  limitPill.type = "button";
+  limitPill.setAttribute("aria-describedby", "ez-usage-card");
+  var limitCard = h("div", "ez-usage-card");
+  limitCard.id = "ez-usage-card";
+  limitCard.setAttribute("role", "tooltip");
+  var limitWrap = h("div", "ez-usage");
+  limitWrap.hidden = true;
+  limitWrap.append(limitPill, limitCard);
+  var confirmTitle = h("div", "ez-notice-title");
+  var confirmBody = h("div", "ez-notice-body");
+  var confirmSkip = h("input");
+  confirmSkip.type = "checkbox";
+  confirmSkip.id = "ez-confirm-skip";
+  var confirmSkipLabel = h("label", "ez-notice-skip");
+  confirmSkipLabel.htmlFor = confirmSkip.id;
+  confirmSkipLabel.append(confirmSkip, h("span", "", "\u4EE5\u5F8C\u4E0D\u518D\u63D0\u9192"));
+  var confirmGo = h("button", "ez-notice-go");
+  var confirmNo = h("button", "ez-notice-no", "\u53D6\u6D88");
+  var confirmActions = h("div", "ez-notice-actions");
+  confirmActions.append(confirmGo, confirmNo);
+  var confirmCard = h("section", "ez-notice ez-confirm");
+  confirmCard.hidden = true;
+  confirmCard.append(confirmTitle, confirmBody, confirmActions, confirmSkipLabel);
+  var resumeTitle = h("div", "ez-notice-title", "\u56DE\u5230\u4E4B\u524D\u7684\u5C0D\u8A71");
+  var resumeList = h("div", "ez-notice-list");
+  resumeList.setAttribute("role", "menu");
+  var resumeClose = h("button", "ez-notice-x");
+  resumeClose.title = "\u95DC\u9589";
+  resumeClose.setAttribute("aria-label", "\u95DC\u9589");
+  resumeClose.append(icon(Cancel01Icon_default, 13));
+  var resumeCard = h("section", "ez-notice ez-resume");
+  resumeCard.hidden = true;
+  resumeCard.append(resumeClose, resumeTitle, resumeList);
+  var resumeRows = [];
+  function pointAtResumeRow(row) {
+    for (const other of resumeRows) other.toggleAttribute("data-active", other === row);
+  }
+  function closeResume() {
+    resumeCard.hidden = true;
+  }
+  async function openResume() {
+    resumeList.textContent = "";
+    resumeCard.hidden = false;
+    const res = await api("/acp/chats");
+    if (!res.ok) {
+      closeResume();
+      return;
+    }
+    const { chats } = await res.json();
+    resumeList.textContent = "";
+    resumeRows = chats.map((chat) => {
+      const row = h("button", "ez-notice-row");
+      row.setAttribute("role", "menuitemradio");
+      row.setAttribute("aria-checked", String(chat.current));
+      if (chat.current) row.dataset.current = "";
+      row.append(
+        icon(ArrowRight02Icon_default, 12),
+        h("span", "ez-notice-row-name", chat.title || chatTime(chat.startedAt)),
+        h("span", "ez-notice-row-when", chat.title ? chatTime(chat.startedAt) : "")
+      );
+      row.addEventListener("pointerenter", () => pointAtResumeRow(row));
+      row.addEventListener("focus", () => pointAtResumeRow(row));
+      row.title = chat.entries ? `${chat.entries} \u5247` : "\u5C1A\u7121\u5167\u5BB9";
+      row.onclick = () => {
+        closeResume();
+        if (!chat.current) void switchChat(chat.id);
+      };
+      resumeList.append(row);
+      return row;
+    });
+    resumeCard.hidden = chats.length === 0;
+    resumeRows[0]?.focus();
+  }
+  resumeCard.onkeydown = (e) => {
+    if (walkMenu(e, resumeRows)) return;
+    if (e.key === "Escape") {
+      e.stopPropagation();
+      closeResume();
+    }
+  };
+  resumeClose.onclick = () => closeResume();
+  var notices = h("div", "ez-notices");
+  notices.append(banner2, updateCard, resumeCard, confirmCard);
+  var answerConfirm = null;
+  function closeConfirm(ok, offer) {
+    const answer = answerConfirm;
+    answerConfirm = null;
+    confirmCard.hidden = true;
+    if (offer && offer.skippable !== false) {
+      rememberConfirm(localStorage, offer.key, { ok, skip: confirmSkip.checked });
+    }
+    answer?.(ok);
+  }
+  function askConfirm(offer) {
+    const skippable = offer.skippable !== false;
+    if (skippable && confirmSkipped(localStorage, offer.key)) return Promise.resolve(true);
+    confirmSkipLabel.hidden = !skippable;
+    answerConfirm?.(false);
+    answerConfirm = null;
+    confirmTitle.textContent = offer.title;
+    confirmBody.textContent = offer.body;
+    confirmGo.textContent = offer.go;
+    confirmSkip.checked = false;
+    confirmCard.hidden = false;
+    confirmGo.onclick = () => closeConfirm(true, offer);
+    confirmNo.onclick = () => closeConfirm(false, offer);
+    confirmCard.onkeydown = (e) => {
+      if (e.key === "Escape") {
+        e.stopPropagation();
+        closeConfirm(false, offer);
+      }
+    };
+    confirmGo.focus();
+    return new Promise((resolve) => {
+      answerConfirm = resolve;
+    });
+  }
+  var harnessBtn = h("button", "ez-harness");
+  harnessBtn.type = "button";
+  harnessBtn.setAttribute("role", "switch");
+  harnessBtn.setAttribute("aria-checked", "false");
+  var HARNESS_HINT = "\u5BE6\u9A57\u6027\u529F\u80FD\uFF1A\u958B\u555F\u5F8C\uFF0Cagent \u6703\u5148\u4E86\u89E3\u4F60\u7684\u7522\u54C1\u3001\u6574\u7406\u51FA\u8A2D\u8A08\u898F\u7BC4\uFF0C\u4E4B\u5F8C\u90FD\u7167\u898F\u7BC4\u8A2D\u8A08";
+  var RUNNING_HINT = "agent \u6B63\u5728\u57F7\u884C\uFF0C\u9019\u4E00\u8F2A\u7D50\u675F\u5F8C\u624D\u80FD\u8ABF\u6574";
+  harnessBtn.title = HARNESS_HINT;
+  var harnessMark = h("span", "ez-harness-mark");
+  harnessMark.append(icon(SparklesIcon_default, 12));
+  harnessBtn.append(
+    harnessMark,
+    h("span", "ez-harness-label", "\u589E\u5F37\u8A2D\u8A08"),
+    h("span", "ez-switch"),
+    h("span", "ez-harness-tag", "\u5BE6\u9A57")
+  );
+  harnessBtn.onclick = () => void toggleHarness();
+  var EFFORTS = [
+    { level: "low", label: "\u4F4E", hint: "\u4F4E\uFF1A\u53EA\u770B\u8A2D\u8A08\u898F\u7BC4\uFF0C\u76F4\u63A5\u5BE6\u4F5C\uFF0C\u4E0D\u622A\u5716\u4E5F\u4E0D\u53E6\u5916\u6AA2\u67E5" },
+    { level: "medium", label: "\u4E2D", hint: "\u4E2D\uFF1A\u5B8C\u6574\u8A2D\u8A08\u6D41\u7A0B\uFF0C\u4F46\u4E0D\u53E6\u5916\u8ACB\u4EBA\u6AA2\u67E5" },
+    { level: "high", label: "\u9AD8", hint: "\u9AD8\uFF1A\u5B8C\u6574\u8A2D\u8A08\u6D41\u7A0B\uFF0C\u6700\u5F8C\u518D\u7368\u7ACB\u6AA2\u67E5\u4E00\u6B21" }
+  ];
+  var effortGroup = h("label", "ez-effort");
+  effortGroup.hidden = true;
+  var effortTrack = h("span", "ez-effort-track");
+  effortTrack.setAttribute("aria-hidden", "true");
+  effortTrack.append(h("span", "ez-effort-fill"), h("span", "ez-effort-thumb"));
+  var effortSlider = h("input", "ez-effort-input");
+  effortSlider.type = "range";
+  effortSlider.min = "0";
+  effortSlider.max = String(EFFORTS.length - 1);
+  effortSlider.step = "1";
+  effortSlider.setAttribute("aria-label", "\u8A2D\u8A08\u529B\u5EA6");
+  var effortValue = h("span", "ez-effort-value");
+  var effortControl = h("span", "ez-effort-slider");
+  effortControl.append(effortTrack, effortSlider);
+  effortGroup.append(h("span", "ez-effort-label", "\u529B\u5EA6"), effortControl, effortValue);
+  function showEffort(at2) {
+    const effort = EFFORTS[at2];
+    effortSlider.value = String(at2);
+    effortControl.style.setProperty("--at", String(at2 / (EFFORTS.length - 1)));
+    effortSlider.setAttribute("aria-valuetext", effort.label);
+    effortValue.textContent = effort.label;
+    effortGroup.title = effort.hint;
+  }
+  effortSlider.oninput = () => showEffort(turnRunning() ? currentEffort() : Number(effortSlider.value));
+  effortSlider.onchange = () => void setEffort(EFFORTS[Number(effortSlider.value)].level);
+  async function setEffort(level) {
+    if (!snapshot?.acp || turnRunning() || snapshot.designEffort === level) return;
+    await api("/harness/effort", { method: "POST", body: JSON.stringify({ effort: level }) });
+  }
+  var harnessPending = false;
+  var HARNESS_FILE = { product: "PRODUCT.md", design: "DESIGN.md" };
+  async function toggleHarness() {
+    if (harnessPending || !snapshot?.acp || turnRunning()) return;
+    const on = !snapshot.designHarness;
+    harnessPending = true;
+    paintHarness();
+    try {
+      const res = await api("/harness", { method: "POST", body: JSON.stringify({ on }) });
+      if (res.status !== 409) return;
+      const { missing } = await res.json();
+      if (!missing?.length) return;
+      const files = missing.map((f) => HARNESS_FILE[f] ?? f).join(" \u8207 ");
+      const ok = await askConfirm({
+        key: "design-harness-create",
+        title: "\u555F\u7528\u589E\u5F37\u8A2D\u8A08",
+        body: `\u589E\u5F37\u8A2D\u8A08\u6703\u5EFA\u7ACB ${files}\uFF0C\u662F\u5426\u7E7C\u7E8C\uFF1F`,
+        go: "\u7E7C\u7E8C",
+        skippable: false
+      });
+      if (!ok) return;
+      await reportPageStorage();
+      await api("/harness", { method: "POST", body: JSON.stringify({ on: true, create: true }) });
+    } finally {
+      harnessPending = false;
+      paintHarness();
+    }
+  }
+  function paintHarness() {
+    const s = snapshot;
+    harnessRow.hidden = !s?.acp;
+    harnessBtn.setAttribute("aria-checked", String(!!s?.designHarness));
+    if (harnessPending) harnessBtn.setAttribute("aria-busy", "true");
+    else harnessBtn.removeAttribute("aria-busy");
+    const running = turnRunning();
+    harnessBtn.disabled = s?.state === "ended";
+    harnessBtn.title = running ? RUNNING_HINT : HARNESS_HINT;
+    harnessBtn.toggleAttribute("aria-readonly", running);
+    effortGroup.hidden = !s?.designHarness;
+    effortSlider.disabled = s?.state === "ended";
+    effortSlider.toggleAttribute("aria-readonly", running);
+    if (running) effortHeld = false;
+    if (!effortHeld) showEffort(currentEffort());
+    if (running) effortGroup.title = RUNNING_HINT;
+  }
+  function turnRunning() {
+    return snapshot?.acp?.state === "working";
+  }
+  function currentEffort() {
+    return EFFORTS.findIndex((e) => e.level === (snapshot?.designEffort ?? "medium"));
+  }
+  var effortHeld = false;
+  effortSlider.onpointerdown = () => effortHeld = true;
+  window.addEventListener("pointerup", () => effortHeld = false);
+  var controlRow = h("div", "ez-control-row");
+  controlRow.hidden = true;
+  controlRow.append(agentWrap, configWrap, limitWrap);
+  var harnessRow = h("div", "ez-harness-row");
+  harnessRow.hidden = true;
+  harnessRow.append(harnessBtn, effortGroup);
+  queueSection.append(queueScroll, harnessRow, controlRow, noteAttach.wrap, sendBtn);
+  var editAttach = attachify({
+    api: API,
+    mk: h,
+    className: "ez-qi-input",
+    // Worded as the page popup's, which asks the same question of the same kind of
+    // text, and puts the keys in the field rather than on a line of their own.
+    placeholder: `\u60F3\u600E\u9EBC\u8ABF\u6574\uFF1F\u8F38\u5165 / \u7528\u6307\u4EE4\uFF08${MOD_LABEL}+Enter \u5132\u5B58\uFF09`,
+    // The box grows with what is typed into it, and the queue's height budget is
+    // what decides whether the row it grew into is still whole on screen.
+    onChange: () => {
+      paintEditState();
+      capQueue();
+    }
+  });
+  editAttach.wrap.addEventListener(
+    "keydown",
+    (e) => {
+      if (e.key === "Escape") {
+        e.preventDefault();
+        e.stopPropagation();
+        if (!editAttach.closeSlash()) closeEdit("cancelled");
+        return;
+      }
+      if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
+        e.preventDefault();
+        e.stopPropagation();
+        void saveEdit();
+      }
+    },
+    true
+  );
+  var forkBar = h("nav", "ez-fork-bar");
+  forkBar.hidden = true;
+  forkBar.setAttribute("aria-label", "\u76EE\u524D\u7684\u5C0D\u8A71\u4F4D\u7F6E");
+  var forkRoot = h("button", "ez-fork-root");
+  var forkChip = h("button", "ez-fork-here");
+  var forkName = h("span", "ez-fork-name");
+  forkChip.append(icon(MagicWand01Icon_default, 13), forkName);
+  function rootOf(chat, chats) {
+    let at2 = chat;
+    for (let hops = 0; at2.parentChatId && hops < 32; hops += 1) {
+      const parent = chats.find((c) => c.id === at2.parentChatId);
+      if (!parent) break;
+      at2 = parent;
+    }
+    return at2;
+  }
+  function chatName(chat, isRoot) {
+    if (chat.parentChatId) return chat.title ?? "\u5206\u652F\u5C0D\u8A71";
+    return isRoot ? "\u4E3B\u5C0D\u8A71" : chat.title ?? "\u5C0D\u8A71";
+  }
+  function chatDetail(chat) {
+    return chat.detail ?? chatTime(chat.startedAt);
+  }
+  function branchesOf(s) {
+    const all = [...s?.chats ?? []].reverse();
+    const current = all.find((c) => c.current);
+    const here = current ? rootOf(current, all) : void 0;
+    return all.filter((c) => c.parentChatId && (here ? c.parentChatId === here.id : false));
+  }
+  function branchPicker(trigger, menuClass) {
+    const menu = h("div", `ez-menu ${menuClass}`);
+    menu.setAttribute("role", "menu");
+    menu.setAttribute("aria-label", "\u5207\u63DB\u5230\u67D0\u500B\u5C0D\u8A71");
+    menu.hidden = true;
+    let rows = [];
+    let open = false;
+    function pointAt(row) {
+      for (const other of rows) other.toggleAttribute("data-active", other === row);
+    }
+    function close(focusTrigger = false) {
+      open = false;
+      menu.hidden = true;
+      trigger.setAttribute("aria-expanded", "false");
+      if (focusTrigger) trigger.focus();
+    }
+    function show() {
+      menu.textContent = "";
+      rows = branchesOf(snapshot).map((chat) => {
+        const row = h("button", "ez-notice-row ez-fork-row");
+        row.setAttribute("role", "menuitemradio");
+        row.setAttribute("aria-checked", String(chat.current));
+        if (chat.current) row.dataset.current = "";
+        row.append(
+          icon(ArrowRight02Icon_default, 12),
+          h("span", "ez-notice-row-name", chatName(chat, false)),
+          h("span", "ez-notice-row-when", chatDetail(chat))
+        );
+        row.addEventListener("pointerenter", () => pointAt(row));
+        row.addEventListener("focus", () => pointAt(row));
+        row.onclick = () => {
+          close();
+          if (!chat.current) void switchChat(chat.id);
+        };
+        menu.append(row);
+        return row;
+      });
+      open = true;
+      menu.hidden = false;
+      trigger.setAttribute("aria-expanded", "true");
+      (rows.find((r) => "current" in r.dataset) ?? rows[0])?.focus();
+    }
+    trigger.setAttribute("aria-haspopup", "menu");
+    trigger.setAttribute("aria-expanded", "false");
+    trigger.onclick = () => open ? close() : show();
+    const holdFocus = (e) => e.preventDefault();
+    trigger.addEventListener("mousedown", holdFocus);
+    menu.addEventListener("mousedown", holdFocus);
+    menu.onkeydown = (e) => {
+      if (walkMenu(e, rows)) return;
+      if (e.key === "Escape") {
+        e.stopPropagation();
+        close(true);
+      }
+    };
+    menu.addEventListener("focusout", () => {
+      queueMicrotask(() => {
+        if (open && !menu.contains(document.activeElement) && document.activeElement !== trigger) {
+          close();
+        }
+      });
+    });
+    return { menu, close, isOpen: () => open };
+  }
+  var BRANCHES_REACHABLE = false;
+  var forkPicker = BRANCHES_REACHABLE ? branchPicker(forkChip, "ez-fork-menu") : null;
+  if (!forkPicker) {
+    forkChip.disabled = true;
+    forkChip.setAttribute("aria-current", "page");
+  }
+  var forkMore = h("button", "ez-fork-more");
+  forkMore.append(h("span", void 0, "\u5206\u652F\u5C0D\u8A71"), icon(ChevronDownIcon_default, 12));
+  forkMore.title = "\u9019\u689D\u4E3B\u7DDA\u5E95\u4E0B\u7684\u5206\u652F\u5C0D\u8A71";
+  var morePicker = BRANCHES_REACHABLE ? branchPicker(forkMore, "ez-fork-more-menu") : null;
+  async function leaveBranch(toChatId) {
+    const ok = await askConfirm({
+      // Keyed on the act. The body says one clause more when a turn is running,
+      // but it is the same decision either way, so answering it once answers it.
+      key: "leave-branch",
+      title: "\u78BA\u5B9A\u8981\u56DE\u4E3B\u5C0D\u8A71\uFF1F",
+      body: snapshot?.agentBusy ? "\u56DE\u53BB\u6703\u7ACB\u523B\u505C\u4E0B agent\uFF0C\u9019\u4E00\u8F2A\u63A2\u7D22\u5C31\u6B64\u7D50\u675F\uFF0C\u4E4B\u5F8C\u7121\u6CD5\u518D\u56DE\u5230\u9019\u500B\u5C0D\u8A71\u3002" : "\u9019\u4E00\u8F2A\u63A2\u7D22\u5C31\u6B64\u7D50\u675F\uFF0C\u4E4B\u5F8C\u7121\u6CD5\u518D\u56DE\u5230\u9019\u500B\u5C0D\u8A71\u3002",
+      go: "\u56DE\u4E3B\u5C0D\u8A71"
+    });
+    if (!ok) return;
+    await switchChat(toChatId);
+  }
+  forkRoot.onclick = () => {
+    const chats = [...snapshot?.chats ?? []].reverse();
+    const current = chats.find((c) => c.current);
+    if (!current) return;
+    const root2 = rootOf(current, chats);
+    if (!root2.current) void leaveBranch(root2.id);
+  };
+  var shownChatId = null;
+  function paintFork(s) {
+    const chats = s.chats ?? [];
+    const current = chats.find((c) => c.current);
+    const onBranch2 = !!current?.parentChatId;
+    const branches = morePicker ? branchesOf(s).length : 0;
+    forkBar.hidden = !onBranch2 && !branches;
+    forkMore.hidden = onBranch2 || !branches;
+    if (forkMore.hidden && morePicker?.isOpen()) morePicker.close();
+    if (!onBranch2) {
+      if (forkPicker?.isOpen()) forkPicker.close();
+      forkSep.hidden = true;
+      forkChip.hidden = true;
+      if (current) {
+        const name = chatName(current, true);
+        forkRoot.textContent = name;
+        forkRoot.disabled = true;
+        forkRoot.setAttribute("aria-current", "page");
+        forkRoot.removeAttribute("title");
+      }
+      shownChatId = current?.id ?? null;
+      return;
+    }
+    forkSep.hidden = false;
+    forkChip.hidden = false;
+    forkRoot.disabled = false;
+    forkRoot.removeAttribute("aria-current");
+    const here = chatName(current, false);
+    const root2 = rootOf(current, chats);
+    const rootName = chatName(root2, true);
+    forkRoot.textContent = rootName;
+    forkRoot.title = `\u56DE\u5230${rootName}`;
+    forkName.textContent = here;
+    forkChip.title = forkPicker ? `${here} \xB7 \u9EDE\u4E00\u4E0B\u5207\u63DB\u5C0D\u8A71` : here;
+  }
+  function pushThread(s) {
+    const chats = s.chats ?? [];
+    const current = chats.find((c) => c.current);
+    if (!current || current.id === shownChatId) return;
+    const was = shownChatId;
+    shownChatId = current.id;
+    if (!was) return;
+    const deeper = current.parentChatId === was;
+    const back = chats.find((c) => c.id === was)?.parentChatId === current.id;
+    convScroll.removeAttribute("data-enter");
+    void convScroll.offsetWidth;
+    convScroll.dataset.enter = deeper ? "deeper" : back ? "back" : "swap";
+  }
+  var convSection = h("section", "ez-section ez-conv-section");
+  var convList = h("div", "ez-conv");
+  var convScroll = h("div", "ez-fade ez-conv-scroll");
+  convScroll.appendChild(convList);
+  var forkSep = h("span", "ez-fork-sep");
+  forkSep.append(icon(ChevronRightIcon_default, 10));
+  forkBar.append(forkRoot, forkSep, forkChip);
+  if (forkPicker) forkBar.append(forkPicker.menu);
+  if (morePicker) forkBar.append(forkMore, morePicker.menu);
+  convSection.append(forkBar, convScroll, notices);
+  var resizer = h("div", "ez-resizer");
+  resizer.tabIndex = 0;
+  resizer.setAttribute("role", "separator");
+  resizer.setAttribute("aria-orientation", "vertical");
+  resizer.setAttribute("aria-valuemin", String(SIDEBAR_MIN));
+  resizer.setAttribute("aria-label", "\u8ABF\u6574\u5074\u908A\u6B04\u5BEC\u5EA6");
+  resizer.title = "\u62D6\u66F3\u8ABF\u6574\u5BEC\u5EA6\uFF0C\u96D9\u64CA\u9084\u539F";
+  sidebar.append(resizer, sideHead, convSection, queueSection);
+  root.append(stageWrap, sidebar);
+  stage.addEventListener("pointerdown", (e) => {
+    if (e.button !== 0) return;
+    const panX = stage.scrollWidth - stage.clientWidth;
+    const panY = stage.scrollHeight - stage.clientHeight;
+    if (panX <= 0 && panY <= 0) return;
+    const startX = e.clientX;
+    const startY = e.clientY;
+    const startLeft = stage.scrollLeft;
+    const startTop = stage.scrollTop;
+    stage.setPointerCapture(e.pointerId);
+    document.body.classList.add("ez-panning");
+    const move = (ev) => {
+      stage.scrollLeft = startLeft - (ev.clientX - startX);
+      stage.scrollTop = startTop - (ev.clientY - startY);
+    };
+    stage.addEventListener("pointermove", move);
+    stage.addEventListener(
+      "lostpointercapture",
+      () => {
+        stage.removeEventListener("pointermove", move);
+        document.body.classList.remove("ez-panning");
+      },
+      { once: true }
+    );
+  });
+  function cardHead() {
+    for (const f of frames.values()) {
+      const head = f.box.offsetTop;
+      if (head > 0) return head;
+    }
+    return 19;
+  }
+  function canvasMetrics() {
+    return { gap: CANVAS_GAP, rowGap: CANVAS_ROW_GAP, head: cardHead() };
+  }
+  var dropHint = h("div", "ez-drop-hint");
+  var DRAG_SLOP = 4;
+  var ROW_SNAP = 30;
+  var PAN_EDGE = 44;
+  var PAN_SPEED = 18;
+  function beginCardDrag(e, frame) {
+    if (!multi || e.button !== 0) return;
+    e.preventDefault();
+    e.stopPropagation();
+    const handle = e.currentTarget;
+    handle.setPointerCapture(e.pointerId);
+    const startX = e.clientX;
+    const startY = e.clientY;
+    let clientX = startX;
+    let clientY = startY;
+    const grabbed = frame.card.getBoundingClientRect();
+    const grabX = startX - grabbed.left;
+    const grabY = startY - grabbed.top;
+    let dragging = false;
+    let cancelled = false;
+    let landing = null;
+    let raf = 0;
+    const rows = canvasLayout();
+    const metrics = canvasMetrics();
+    let homeX = 0;
+    let homeY = 0;
+    let originX = 0;
+    let originY = 0;
+    let scrollX = 0;
+    let scrollY = 0;
+    let stageEdge;
+    let drawn = "";
+    const follow = () => {
+      const x = clientX - (originX - (stage.scrollLeft - scrollX));
+      const y = clientY - (originY - (stage.scrollTop - scrollY));
+      frame.card.style.transform = `translate3d(${x - grabX - homeX}px, ${y - grabY - homeY}px, 0)`;
+      const target2 = dropTarget(rows, metrics, { x, y }, ROW_SNAP);
+      const next = applyMove(layout, frame.id, target2);
+      if (next === layout) {
+        landing = null;
+        drawn = "";
+        dropHint.removeAttribute("data-on");
+        return;
+      }
+      landing = next;
+      const line = indicatorRect(rows, metrics, target2, { x, y });
+      const key = `${line.x}:${line.y}:${line.width}:${line.height}`;
+      if (key === drawn) return;
+      drawn = key;
+      dropHint.setAttribute("data-on", "");
+      dropHint.toggleAttribute("data-flat", line.height === 0);
+      dropHint.style.left = `${line.x}px`;
+      dropHint.style.top = `${line.y}px`;
+      dropHint.style.width = line.width ? `${line.width}px` : "";
+      dropHint.style.height = line.height ? `${line.height}px` : "";
+    };
+    const creep = (depth) => Math.round(PAN_SPEED * Math.min(1, depth / PAN_EDGE));
+    const tick = () => {
+      let dx = 0;
+      let dy = 0;
+      if (clientX < stageEdge.left + PAN_EDGE) dx = -creep(stageEdge.left + PAN_EDGE - clientX);
+      else if (clientX > stageEdge.right - PAN_EDGE) dx = creep(clientX - stageEdge.right + PAN_EDGE);
+      if (clientY < stageEdge.top + PAN_EDGE) dy = -creep(stageEdge.top + PAN_EDGE - clientY);
+      else if (clientY > stageEdge.bottom - PAN_EDGE)
+        dy = creep(clientY - stageEdge.bottom + PAN_EDGE);
+      if (dx) stage.scrollLeft += dx;
+      if (dy) stage.scrollTop += dy;
+      follow();
+      raf = requestAnimationFrame(tick);
+    };
+    const onKey = (ev) => {
+      if (ev.key !== "Escape") return;
+      ev.preventDefault();
+      ev.stopPropagation();
+      cancelled = true;
+      handle.releasePointerCapture(e.pointerId);
+    };
+    const lift = () => {
+      dragging = true;
+      homeX = frame.card.offsetLeft;
+      homeY = frame.card.offsetTop;
+      const origin = canvas.getBoundingClientRect();
+      originX = origin.left;
+      originY = origin.top;
+      scrollX = stage.scrollLeft;
+      scrollY = stage.scrollTop;
+      stageEdge = stage.getBoundingClientRect();
+      document.body.classList.add("ez-arranging");
+      frame.card.classList.add("ez-card-drag");
+      canvas.appendChild(dropHint);
+      document.addEventListener("keydown", onKey, true);
+      raf = requestAnimationFrame(tick);
+    };
+    const putDown = () => {
+      cancelAnimationFrame(raf);
+      if (!cancelled) follow();
+      document.removeEventListener("keydown", onKey, true);
+      document.body.classList.remove("ez-arranging");
+      frame.card.classList.remove("ez-card-drag");
+      dropHint.removeAttribute("data-on");
+      dropHint.remove();
+      if (!cancelled && landing) {
+        layout = landing;
+        saveView();
+      }
+      settleFrames();
+    };
+    const move = (ev) => {
+      clientX = ev.clientX;
+      clientY = ev.clientY;
+      if (!dragging && Math.hypot(clientX - startX, clientY - startY) >= DRAG_SLOP) lift();
+    };
+    handle.addEventListener("pointermove", move);
+    handle.addEventListener(
+      "lostpointercapture",
+      () => {
+        handle.removeEventListener("pointermove", move);
+        if (dragging) putDown();
+      },
+      { once: true }
+    );
+  }
+  var WIDTH_KEY = "ezdesign:sidebar-width";
+  var maxSidebar = () => maxSidebarWidth(innerWidth);
+  var clampSidebar = (w) => clampSidebarWidth(w, innerWidth);
+  var preferredWidth = SIDEBAR_DEFAULT;
+  try {
+    const stored = Number(localStorage.getItem(WIDTH_KEY));
+    if (Number.isFinite(stored) && stored > 0) preferredWidth = stored;
+  } catch {
+  }
+  function paintSidebarWidth() {
+    const width = clampSidebar(preferredWidth);
+    sidebar.style.width = `${width}px`;
+    resizer.setAttribute("aria-valuenow", String(width));
+    resizer.setAttribute("aria-valuemax", String(maxSidebar()));
+    paintFrames();
+  }
+  function resizeSidebar(width) {
+    preferredWidth = clampSidebar(width);
+    paintSidebarWidth();
+    capQueue();
+  }
+  function persistSidebarWidth() {
+    try {
+      localStorage.setItem(WIDTH_KEY, String(preferredWidth));
+    } catch {
+    }
+  }
+  paintSidebarWidth();
+  addEventListener("resize", () => {
+    paintSidebarWidth();
+    paintFrames();
+    capQueue();
+  });
+  resizer.addEventListener("pointerdown", (e) => {
+    if (e.button !== 0) return;
+    const startX = e.clientX;
+    const startWidth = sidebar.getBoundingClientRect().width;
+    resizer.setPointerCapture(e.pointerId);
+    document.body.classList.add("ez-resizing");
+    const move = (ev) => resizeSidebar(startWidth + startX - ev.clientX);
+    resizer.addEventListener("pointermove", move);
+    resizer.addEventListener(
+      "lostpointercapture",
+      () => {
+        resizer.removeEventListener("pointermove", move);
+        document.body.classList.remove("ez-resizing");
+        persistSidebarWidth();
+      },
+      { once: true }
+    );
+  });
+  resizer.addEventListener("dblclick", () => {
+    resizeSidebar(SIDEBAR_DEFAULT);
+    persistSidebarWidth();
+  });
+  resizer.addEventListener("keydown", (e) => {
+    const step = e.shiftKey ? 48 : 16;
+    if (e.key === "ArrowLeft") resizeSidebar(sidebar.getBoundingClientRect().width + step);
+    else if (e.key === "ArrowRight") resizeSidebar(sidebar.getBoundingClientRect().width - step);
+    else return;
+    persistSidebarWidth();
+    e.preventDefault();
+  });
+  function sendMode(mode) {
+    abortPick("mode");
+    broadcast({ type: "ez:set-mode", mode });
+  }
+  var pickState = null;
+  var pickSeq = 0;
+  var PICKING_LABEL = "\u9078\u53D6\u4E2D\u2026";
+  var onBranch = false;
+  function paintVeil() {
+    const state = pickState ? "pick" : onBranch ? "explore" : "";
+    if (state) stage.dataset.ezVeil = state;
+    else delete stage.dataset.ezVeil;
+  }
+  function dispatchPick(e) {
+    const was = pickState;
+    const out = reducePick(pickState, e);
+    pickState = out.state;
+    for (const effect of out.effects) applyPickEffect(effect);
+    paintVeil();
+    if (was && !pickState && !out.effects.some((x) => x.do === "insert-note")) {
+      noteAttach.cancelRef();
+      paintSendState();
+    }
+  }
+  function pickFrames(frame) {
+    if (!frame) return [...frames.values()];
+    const one = frames.get(frame);
+    return one ? [one] : [];
+  }
+  function applyPickEffect(effect) {
+    switch (effect.do) {
+      case "arm-overlay":
+        if (effect.host === "note") {
+          noteAttach.beginRef(PICKING_LABEL);
+          paintSendState();
+        }
+        for (const f of pickFrames(effect.frame)) {
+          toFrame(f.id, {
+            type: "ez:pick",
+            pickId: effect.id,
+            host: effect.host,
+            ...effect.returnTo ? { returnTo: effect.returnTo } : {}
+          });
+        }
+        return;
+      case "abort-overlay":
+        for (const f of pickFrames(effect.frame)) {
+          toFrame(f.id, { type: "ez:pick-abort", pickId: effect.id });
+        }
+        return;
+      case "disarm-others":
+        for (const f of frames.values()) {
+          if (f.id !== effect.keep) toFrame(f.id, { type: "ez:pick-abort", pickId: effect.id });
+        }
+        return;
+      case "restore":
+        for (const f of pickFrames(effect.frame)) {
+          toFrame(f.id, { type: "ez:restore", draft: effect.draft });
+        }
+        return;
+      case "navigate":
+        for (const f of pickFrames(effect.frame)) navigateFrame(f, effect.page);
+        return;
+      case "insert-note":
+        noteAttach.resolveRef(effect.ref);
+        note.focus();
+        paintSendState();
+        return;
+      case "banner":
+        pickNotice = effect.text;
+        paintBanner();
+        return;
+    }
+  }
+  function startPick(host) {
+    dispatchPick({
+      t: "arm",
+      id: `s${++pickSeq}-${Date.now().toString(36)}`,
+      host,
+      now: Date.now()
+    });
+  }
+  function abortPick(reason) {
+    if (!pickState) return false;
+    dispatchPick({ t: "abort", reason });
+    return true;
+  }
+  setInterval(() => {
+    if (pickState) dispatchPick({ t: "tick", now: Date.now() });
+  }, 500);
+  function setDevice(id) {
+    if (!multi && id === deviceId) return;
+    const remount = multi;
+    deviceId = id;
+    multi = false;
+    saveView();
+    paintControls();
+    paintStageClasses();
+    if (remount) rebuildStage();
+    else paintFrames();
+  }
+  function setMulti(next) {
+    if (multi === next) return;
+    multi = next;
+    saveView();
+    paintControls();
+    paintStageClasses();
+    rebuildStage();
+  }
+  async function reportPageStorage() {
+    const win = frames.values().next().value?.iframe.contentWindow;
+    const storage = win ? await collectPageStorage(win).catch(() => null) : null;
+    if (!storage) return;
+    await api("/page-state", { method: "POST", body: JSON.stringify(storage) }).catch(() => {
+    });
+  }
+  async function api(path, init) {
+    return fetch(`${API}${path}`, {
+      headers: { "content-type": "application/json" },
+      ...init
+    });
+  }
+  var sending = false;
+  function canSend() {
+    if (sending || noteAttach.pending() > 0) return false;
+    return snapshot?.state !== "ended";
+  }
+  function paintSendState() {
+    sendBtn.disabled = !canSend();
+  }
+  var LIMIT_BEAT_MS = 12e4;
+  function refreshLimit() {
+    if (document.visibilityState !== "visible" || !snapshot?.acp) return;
+    void api("/acp/limit", { method: "POST" }).catch(() => {
+    });
+  }
+  window.addEventListener("focus", refreshLimit);
+  document.addEventListener("visibilitychange", refreshLimit);
+  setInterval(refreshLimit, LIMIT_BEAT_MS);
+  async function sendBatch() {
+    if (!canSend()) return;
+    const count = snapshot?.annotations.length ?? 0;
+    const attachments = noteAttach.ids();
+    const references = noteAttach.refs();
+    const text = noteAttach.text();
+    const skills = noteAttach.skills();
+    if (count === 0 && !text && attachments.length === 0 && references.length === 0 && !skills.length) {
+      return;
+    }
+    abortPick("sent");
+    sending = true;
+    sendBtn.disabled = true;
+    try {
+      await reportPageStorage();
+      const res = await api("/send", {
+        method: "POST",
+        body: JSON.stringify({
+          note: text,
+          attachments,
+          references,
+          ...skills.length ? { skills } : {}
+        })
+      });
+      if (res.ok) noteAttach.reset();
+    } finally {
+      sending = false;
+      paintSendState();
+    }
+  }
+  var editing = null;
+  var editSaving = false;
+  var editSave = null;
+  function paintEditState() {
+    if (!editing || !editSave) return;
+    const empty = !editAttach.text() && !editAttach.ids().length && !editAttach.refs().length;
+    editSave.disabled = editSaving || empty || editAttach.pending() > 0;
+  }
+  function openEdit(a) {
+    if (editing?.id === a.id) return;
+    closeEdit("switched");
+    editing = {
+      id: a.id,
+      owned: new Set((a.attachments ?? []).map((f) => f.id))
+    };
+    render();
+    editAttach.editable.focus();
+    editAttach.restore(bodyFromComment(a.comment, a.references ?? [], a.attachments ?? []));
+    paintEditState();
+  }
+  function closeEdit(reason) {
+    const at2 = editing;
+    if (!at2) return;
+    editing = null;
+    editSaving = false;
+    if (reason === "cancelled" || reason === "switched") {
+      for (const id of editAttach.ids()) {
+        if (!at2.owned.has(id)) void api(`/attachments/${id}`, { method: "DELETE" });
+      }
+    }
+    editAttach.reset();
+    editSave = null;
+    if (reason !== "gone") render();
+  }
+  async function saveEdit() {
+    const at2 = editing;
+    if (!at2 || editSaving || editSave?.disabled !== false) return;
+    editSaving = true;
+    paintEditState();
+    try {
+      const res = await api(`/annotations/${at2.id}`, {
+        method: "PATCH",
+        body: JSON.stringify({
+          comment: editAttach.text(),
+          attachments: editAttach.ids(),
+          references: editAttach.refs()
+        })
+      });
+      if (!res.ok) return;
+      closeEdit("saved");
+    } finally {
+      editSaving = false;
+      paintEditState();
+    }
+  }
+  async function cancelTurn() {
+    const acp = snapshot?.acp;
+    if (acp?.state !== "working" || acp.cancelling) return;
+    await api("/acp/cancel", { method: "POST" });
+  }
+  async function newChat() {
+    if (!snapshot?.acp) return;
+    await api("/acp/new", { method: "POST" });
+  }
+  function brandMark(brand2, size) {
+    if (!brand2) return [];
+    const mark = h("span", "ez-brand-mark");
+    mark.append(icon(brand2 === "claude" ? ClaudeIcon_default : ChatGptIcon_default, size));
+    return [mark];
+  }
+  function menuCheck() {
+    const check = h("span", "ez-menu-check");
+    check.append(icon(CheckIcon_default, 14));
+    return check;
+  }
+  function placeMenu(pill, menu) {
+    const row = pill.offsetParent;
+    if (!row) return;
+    const rightmost = Math.max(0, row.clientWidth - menu.offsetWidth);
+    menu.style.left = `${Math.min(pill.offsetLeft, rightmost)}px`;
+  }
+  function walkMenu(e, rows) {
+    if (e.key !== "ArrowDown" && e.key !== "ArrowUp") return false;
+    if (!rows.length) return false;
+    const down = e.key === "ArrowDown";
+    const at2 = rows.indexOf(document.activeElement);
+    const next = at2 === -1 ? down ? 0 : rows.length - 1 : (at2 + (down ? 1 : -1) + rows.length) % rows.length;
+    rows[next]?.focus();
+    e.preventDefault();
+    return true;
+  }
+  var agentMenuOpen = false;
+  var agentsDrawn = null;
+  var agents = [];
+  var agentRows = [];
+  function paintAgentMenuState() {
+    agentWrap.toggleAttribute("data-open", agentMenuOpen);
+    agentPill.setAttribute("aria-expanded", String(agentMenuOpen));
+  }
+  function closeAgentMenu() {
+    if (!agentMenuOpen) return;
+    agentMenuOpen = false;
+    paintAgentMenuState();
+  }
+  agentPill.onclick = () => {
+    agentMenuOpen = !agentMenuOpen;
+    paintAgentMenuState();
+    if (!agentMenuOpen) return;
+    placeMenu(agentPill, agentMenu);
+    void loadAgents().then(() => placeMenu(agentPill, agentMenu));
+  };
+  document.addEventListener("click", (e) => {
+    if (e.target instanceof Node && !agentWrap.contains(e.target)) closeAgentMenu();
+  });
+  agentMenu.addEventListener("keydown", (e) => {
+    if (walkMenu(e, agentRows)) return;
+    if (e.key !== "Escape") return;
+    closeAgentMenu();
+    agentPill.focus();
+    e.preventDefault();
+  });
+  function runningAgentId() {
+    return agentProfileFor(snapshot?.acp?.agent ?? "")?.id;
+  }
+  async function loadAgents() {
+    const res = await api("/acp/agents");
+    if (!res.ok) return;
+    agents = (await res.json()).agents;
+    paintAgents();
+  }
+  async function switchAgent(agent) {
+    closeAgentMenu();
+    if (agent.id === runningAgentId()) return;
+    const ok = await askConfirm({
+      // Keyed on the act, not on which agent: the reason is the same whichever
+      // way the switch goes, so answering it once answers it for all of them.
+      key: "switch-agent",
+      title: `\u78BA\u5B9A\u8981\u6539\u7528 ${agent.name}\uFF1F`,
+      body: "\u5207\u63DB Agent \u6703\u958B\u555F\u65B0\u5C0D\u8A71\uFF0C\u907A\u5931\u73FE\u6709\u4E0A\u4E0B\u6587\u3002",
+      go: `\u6539\u7528 ${agent.name}`
+    });
+    if (!ok) return;
+    await api("/acp/agent", {
+      method: "POST",
+      body: JSON.stringify({ id: agent.id })
+    });
+  }
+  function paintAgents() {
+    const command = snapshot?.acp?.agent ?? "";
+    const runningId = runningAgentId();
+    const shown = agents.filter((a) => a.installed || a.id === runningId);
+    const signature = JSON.stringify([shown, command]);
+    if (signature === agentsDrawn) return;
+    agentsDrawn = signature;
+    agentPill.textContent = "";
+    agentPill.append(
+      ...brandMark(agentBrandFor(command), 14),
+      h("span", "ez-agent-name", agentProfileFor(command)?.name ?? "Agent"),
+      icon(ChevronDownIcon_default, 12)
+    );
+    agentMenu.textContent = "";
+    agentRows = shown.map((agent) => {
+      const on = agent.id === runningId;
+      const row = h("button", "ez-menu-item");
+      row.setAttribute("role", "menuitemradio");
+      row.setAttribute("aria-checked", String(on));
+      if (on) row.dataset.current = "";
+      const brand2 = AGENT_PROFILES.find((p) => p.id === agent.id)?.brand;
+      row.append(...brandMark(brand2, 15), h("span", "ez-menu-name", agent.name), menuCheck());
+      row.onclick = () => void switchAgent(agent);
+      agentMenu.append(row);
+      return row;
+    });
+  }
+  async function fetchSkills() {
+    if (!snapshot?.acp) return [];
+    const res = await api("/acp/skills");
+    if (!res.ok) return [];
+    const { skills } = await res.json();
+    return skills.map((skill) => ({
+      id: skill.name,
+      label: skill.name,
+      keywords: [skill.description],
+      run: () => noteAttach.insertSkill(skill.name)
+    }));
+  }
+  function chatTime(at2) {
+    const when = new Date(at2);
+    const clock = `${when.getHours()}:${String(when.getMinutes()).padStart(2, "0")}`;
+    const today = /* @__PURE__ */ new Date();
+    const sameDay = when.getFullYear() === today.getFullYear() && when.getMonth() === today.getMonth() && when.getDate() === today.getDate();
+    return sameDay ? clock : `${when.getMonth() + 1}/${when.getDate()} ${clock}`;
+  }
+  async function switchChat(id) {
+    await api("/acp/chat", { method: "POST", body: JSON.stringify({ id }) });
+  }
+  var configMenuOpen = false;
+  var configDrawn = null;
+  function paintConfigMenuState() {
+    configWrap.toggleAttribute("data-open", configMenuOpen);
+    configPill.setAttribute("aria-expanded", String(configMenuOpen));
+  }
+  function closeConfigMenu() {
+    if (!configMenuOpen) return;
+    configMenuOpen = false;
+    paintConfigMenuState();
+  }
+  configPill.onclick = () => {
+    configMenuOpen = !configMenuOpen;
+    paintConfigMenuState();
+    if (configMenuOpen) placeMenu(configPill, configMenu);
+  };
+  document.addEventListener("click", (e) => {
+    if (e.target instanceof Node && !configWrap.contains(e.target)) closeConfigMenu();
+  });
+  configWrap.addEventListener("focusout", (e) => {
+    const to = e.relatedTarget;
+    if (to instanceof Node && configWrap.contains(to)) return;
+    closeConfigMenu();
+  });
+  configMenu.addEventListener("keydown", (e) => {
+    if (walkMenu(e, [...configMenu.querySelectorAll(".ez-menu-item")])) return;
+    if (e.key !== "Escape") return;
+    closeConfigMenu();
+    configPill.focus();
+    e.preventDefault();
+  });
+  async function setConfig(configId, value) {
+    closeConfigMenu();
+    await api("/acp/config", {
+      method: "POST",
+      body: JSON.stringify({ configId, value })
+    });
+  }
+  function pillOption(options) {
+    return options.find((o) => o.category === "model") ?? options[0];
+  }
+  function paintLimit(acp) {
+    const limit = acp?.limit;
+    const line = usageNote(limit);
+    limitWrap.hidden = !line;
+    if (!line) return;
+    limitPill.textContent = line;
+    const plan = planName(limit?.plan);
+    const head = h("div", "ez-usage-head");
+    head.append(h("span", "ez-usage-title", "\u7528\u91CF"));
+    if (plan) head.append(h("span", "ez-usage-plan", plan));
+    limitCard.replaceChildren(head);
+    for (const row of usageRows(limit)) {
+      const top = h("div", "ez-usage-line");
+      top.append(
+        h("span", "ez-usage-label", row.label),
+        h("span", "ez-usage-left", `\u5269 ${row.percent}%`)
+      );
+      const fill = h("i");
+      fill.style.width = `${row.used}%`;
+      const bar = h("div", "ez-usage-bar");
+      bar.append(fill);
+      const item = h("div", "ez-usage-row");
+      if (row.low) item.dataset.low = "";
+      item.append(top, bar);
+      if (row.when) item.append(h("div", "ez-usage-when", row.when));
+      limitCard.append(item);
+    }
+  }
+  function paintConfig(acp) {
+    const options = (acp?.configOptions ?? []).filter((o) => !HIDDEN_CATEGORIES.has(o.category ?? ""));
+    configWrap.hidden = options.length === 0;
+    if (options.length === 0) {
+      closeConfigMenu();
+      configDrawn = null;
+      return;
+    }
+    const settable = acp?.state === "idle" || acp?.state === "working";
+    configPill.disabled = !settable;
+    if (!settable) closeConfigMenu();
+    const signature = JSON.stringify([options, settable]);
+    if (signature === configDrawn) return;
+    configDrawn = signature;
+    const named = pillOption(options);
+    const label = named && named.type === "select" ? shortConfigValueName(configValueName(named, named.currentValue)) : named && configLabel(named) || "";
+    configPill.textContent = "";
+    configPill.append(h("span", "ez-config-name", label), icon(ChevronDownIcon_default, 12));
+    const full = named && named.type === "select" ? configValueName(named, named.currentValue) : "";
+    const detail = named && named.type === "select" ? configValues(named).find((o) => o.value === named.currentValue)?.description : void 0;
+    configPill.title = [named ? configLabel(named) : "", full, detail].filter(Boolean).join(" \xB7 ");
+    configMenu.textContent = "";
+    for (const option of [...options].sort(byCategory)) {
+      const group = h("div", "ez-menu-group");
+      group.setAttribute("role", "group");
+      group.setAttribute("aria-label", configLabel(option));
+      if (option.type === "boolean") {
+        group.append(
+          configRow(option, !option.currentValue, configLabel(option), option, option.currentValue)
+        );
+      } else {
+        group.append(h("div", "ez-menu-label", configLabel(option)));
+        for (const value of configValues(option)) {
+          group.append(
+            configRow(option, value.value, value.name, value, value.value === option.currentValue)
+          );
+        }
+      }
+      configMenu.append(group);
+    }
+    if (configMenuOpen) placeMenu(configPill, configMenu);
+  }
+  var HIDDEN_CATEGORIES = /* @__PURE__ */ new Set(["mode", "model_config"]);
+  var CATEGORY_ORDER = ["model", "thought_level"];
+  function byCategory(a, b) {
+    const rank = (o) => {
+      const at2 = CATEGORY_ORDER.indexOf(o.category ?? "");
+      return at2 === -1 ? CATEGORY_ORDER.length : at2;
+    };
+    return rank(a) - rank(b);
+  }
+  function resolvedName(option, value, name, describes) {
+    const resolved = describes.description;
+    if (option.type !== "select" || value !== "default" || !/default/i.test(name) || !resolved) {
+      return name;
+    }
+    return `${name.replace(/\s*\([^)]*\)\s*$/, "")} (${resolved.replace(/\s*\(([^)]*)\)/g, " \xB7 $1")})`;
+  }
+  function configRow(option, value, name, describes, on) {
+    const row = h("button", "ez-menu-item");
+    row.setAttribute("role", option.type === "boolean" ? "menuitemcheckbox" : "menuitemradio");
+    row.setAttribute("aria-checked", String(on));
+    if (on) row.dataset.current = "";
+    row.append(h("span", "ez-menu-name", resolvedName(option, value, name, describes)), menuCheck());
+    if (describes.description) row.title = describes.description;
+    row.onclick = () => void setConfig(option.id, value);
+    return row;
+  }
+  var queueDrawn = null;
+  function paintQueue(annotations) {
+    if (editing && !annotations.some((a) => a.id === editing?.id)) closeEdit("gone");
+    const signature = JSON.stringify([editing?.id ?? null, annotations]);
+    if (signature === queueDrawn) return;
+    queueDrawn = signature;
+    queueList.textContent = "";
+    annotations.forEach((a, i) => {
+      const li = h("li", "ez-queue-item");
+      const head = h("div", "ez-qi-head");
+      head.append(h("span", "ez-qi-num", String(i + 1)), h("span", "ez-qi-label", annotationLabel(a)));
+      const vp = a.anchor.viewport;
+      if (vp?.width && vp.preset !== "desktop") {
+        head.append(h("span", "ez-qi-vp", `${vp.width}px`));
+      }
+      const acts = h("div", "ez-qi-acts");
+      const open = editing?.id === a.id;
+      const primary = h("button", `ez-qi-act ${open ? "ez-qi-tick" : "ez-qi-edit"}`);
+      primary.append(
+        open ? icon(CheckIcon_default, TICK_ICON) : icon(Edit02Icon_default, EDIT_ICON)
+      );
+      primary.title = open ? `\u5132\u5B58\uFF08${MOD_LABEL}+Enter\uFF09` : "\u6539\u9019\u5247\u6A19\u8A3B\uFF08\u9001\u51FA\u524D\u90FD\u9084\u80FD\u6539\uFF09";
+      primary.onclick = open ? () => void saveEdit() : () => openEdit(a);
+      const dismiss = h("button", "ez-qi-act ez-qi-del");
+      dismiss.append(icon(Cancel01Icon_default, 13));
+      dismiss.title = open ? "\u53D6\u6D88\uFF08Esc\uFF09" : "\u79FB\u9664\u9019\u5247\u6A19\u8A3B";
+      dismiss.onclick = open ? () => closeEdit("cancelled") : () => void api(`/annotations/${a.id}`, { method: "DELETE" });
+      acts.append(primary, dismiss);
+      head.append(acts);
+      if (open) {
+        li.dataset.editing = "";
+        editSave = primary;
+        li.append(head, editAttach.wrap);
+        queueList.appendChild(li);
+        paintEditState();
+        return;
+      }
+      li.append(head);
+      const row = commentEl(
+        a.comment,
+        a.references,
+        a.attachments?.map((f) => f.name),
+        "ez-qi-comment"
+      );
+      if (a.comment || a.references?.length || a.attachments?.length) li.append(row.box);
+      const files = fileChips(row.unplacedFiles);
+      if (files) li.append(files);
+      queueList.appendChild(li);
+    });
+    capQueue();
+  }
+  function annotationLabel(a) {
+    const parts = [];
+    if (a.anchor.source) parts.push(a.anchor.source);
+    else if (a.anchor.components?.length) parts.push(`<${a.anchor.components[0]}>`);
+    if (a.anchor.section) parts.push(a.anchor.section);
+    if (a.anchor.text) parts.push(`"${a.anchor.text.slice(0, 32)}"`);
+    return parts.join(" \xB7 ") || a.anchor.page || "";
+  }
+  function buildSaid(entry, isUser) {
+    const said = h("div", isUser ? "ez-bubble" : "ez-said");
+    const items = entry.items ?? [];
+    if (items.length) {
+      const key = entry.batchId ?? String(entry.ts);
+      const expanded = expandedBatches.has(key);
+      const collapsed = items.length > ITEM_LIMIT + 1 && !expanded;
+      const shown = collapsed ? items.slice(0, ITEM_LIMIT) : items;
+      const list = h("ol", "ez-bubble-list");
+      shown.forEach((item, i) => {
+        const li = h("li", "ez-bubble-item");
+        const body = h("div", "ez-bi-body");
+        const rendered = commentEl(
+          item.comment,
+          item.references,
+          item.attachments,
+          void 0,
+          entry.skills
+        );
+        if (item.where) li.title = item.where;
+        if (rendered.box.childNodes.length) body.append(rendered.box);
+        const files = fileChips(rendered.unplacedFiles);
+        if (files) body.append(files);
+        li.append(h("span", "ez-bi-num", `${i + 1}.`), body);
+        list.appendChild(li);
+      });
+      said.appendChild(list);
+      if (collapsed) {
+        const more = h("button", "ez-bubble-more", `\u9084\u6709 ${items.length - ITEM_LIMIT} \u5247`);
+        more.onclick = () => {
+          expandedBatches.add(key);
+          render();
+        };
+        said.appendChild(more);
+      }
+    }
+    if (!isUser && entry.text) {
+      said.appendChild(markdownEl(entry.text, "ez-md"));
+      return said;
+    }
+    const note2 = commentEl(
+      entry.text,
+      entry.references,
+      entry.attachments,
+      items.length ? "ez-bubble-note" : void 0,
+      entry.skills
+    );
+    if (entry.text || entry.references?.length || entry.attachments?.length) {
+      said.appendChild(note2.box);
+    }
+    const noteFiles = fileChips(note2.unplacedFiles);
+    if (noteFiles) said.appendChild(noteFiles);
+    return said;
+  }
+  function chipEl(name, glyph, kind, title) {
+    const chip = h("span", kind ? `ez-chip ez-chip-${kind}` : "ez-chip");
+    if (glyph) chip.append(icon(glyph, 11));
+    chip.append(h("span", "ez-chip-name", name));
+    if (title) chip.title = title;
+    return chip;
+  }
+  var refChipEl = (n, label) => chipEl(refChipText(n), AlignSelectionIcon_default, "ref", label);
+  var skillChipEl = (name) => chipEl(`$${name}`, null, "skill");
+  function fileChips(names) {
+    if (!names.length) return null;
+    const row = h("div", "ez-file-chips");
+    for (const name of names) row.appendChild(chipEl(name, File02Icon_default));
+    return row;
+  }
+  function commentEl(text, refs, files, className, skills) {
+    const box = h("div", className);
+    const numbered = new Map(
+      (refs ?? []).flatMap((r) => typeof r === "string" ? [] : [[r.n, r.label]])
+    );
+    const names = files ?? [];
+    const placedRefs = /* @__PURE__ */ new Set();
+    const placedFiles = /* @__PURE__ */ new Set();
+    for (const part of splitComment(text)) {
+      if (part.t === "text") {
+        box.appendChild(document.createTextNode(part.v));
+        continue;
+      }
+      if (part.t === "skill") {
+        const named = skills?.[part.n - 1];
+        box.appendChild(
+          named === void 0 ? document.createTextNode(skillMarker(part.n)) : skillChipEl(named)
+        );
+        continue;
+      }
+      if (part.t === "file") {
+        const name = names[part.n - 1];
+        if (name === void 0) {
+          box.appendChild(document.createTextNode(fileMarker(part.n)));
+          continue;
+        }
+        placedFiles.add(part.n);
+        box.appendChild(chipEl(name, File02Icon_default));
+        continue;
+      }
+      const label = numbered.get(part.n);
+      if (label === void 0) {
+        box.appendChild(document.createTextNode(refMarker(part.n)));
+        continue;
+      }
+      placedRefs.add(part.n);
+      box.appendChild(refChipEl(part.n, label));
+    }
+    for (const r of refs ?? []) {
+      if (typeof r === "string") {
+        box.appendChild(chipEl(r, AlignSelectionIcon_default, "ref"));
+      } else if (!placedRefs.has(r.n)) {
+        box.appendChild(refChipEl(r.n, r.label));
+      }
+    }
+    return {
+      box,
+      unplacedFiles: names.filter((_, i) => !placedFiles.has(i + 1))
+    };
+  }
+  var QUEUE_VISIBLE = 2;
+  function capQueue() {
+    const items = [...queueList.children];
+    queueScroll.toggleAttribute("data-filled", items.length > 0);
+    if (items.length > QUEUE_VISIBLE) {
+      const gap = parseFloat(getComputedStyle(queueList).rowGap) || 0;
+      const budget = items.slice(0, QUEUE_VISIBLE).reduce((sum, li) => sum + li.offsetHeight, 0) + gap * (QUEUE_VISIBLE - 1);
+      const open = items.find((li) => li.dataset.editing !== void 0);
+      queueList.style.maxHeight = `${Math.max(budget, open?.offsetHeight ?? 0)}px`;
+    } else {
+      queueList.style.maxHeight = "";
+    }
+    if (editing) {
+      queueList.querySelector("[data-editing]")?.scrollIntoView({ block: "nearest" });
+    }
+    paintQueueFades();
+  }
+  function watchFades(wrapper, scroller) {
+    const paint = () => {
+      const slack = scroller.scrollHeight - scroller.clientHeight;
+      wrapper.toggleAttribute("data-more-above", scroller.scrollTop > 1);
+      wrapper.toggleAttribute("data-more-below", scroller.scrollTop < slack - 1);
+    };
+    scroller.addEventListener("scroll", paint);
+    return paint;
+  }
+  var paintQueueFades = watchFades(queueScroll, queueList);
+  var paintConvFades = watchFades(convScroll, convList);
+  var pickNotice = null;
+  function bannerText() {
+    if (snapshot?.state === "ended") {
+      return snapshot.endedBy === "agent" ? "Agent \u5DF2\u7D50\u675F\u9019\u6B21 review\u3002\u8981\u7E7C\u7E8C\u7684\u8A71\uFF0C\u8ACB agent \u91CD\u65B0\u958B\u555F session" : "Review \u5DF2\u7D50\u675F";
+    }
+    return pickNotice;
+  }
+  function paintBanner() {
+    const text = bannerText();
+    banner2.hidden = !text;
+    if (text) banner2.textContent = text;
+  }
+  function render() {
+    if (!snapshot) return;
+    const s = snapshot;
+    paintPage();
+    const ended = s.state === "ended";
+    if (ended) abortPick("ended");
+    paintBanner();
+    paintUpdate(s);
+    for (const { btn } of annotateBtns) btn.disabled = ended;
+    paintSendState();
+    paintConfig(s.acp);
+    paintLimit(s.acp);
+    paintStrip();
+    paintVariants();
+    settleHold();
+    paintFork(s);
+    pushThread(s);
+    broadcast({ type: "ez:can-explore", on: s.canExplore === true });
+    onBranch = !!s.chats?.find((c) => c.current)?.parentChatId;
+    paintVeil();
+    broadcast({ type: "ez:in-explore", on: onBranch });
+    agentWrap.hidden = !s.acp;
+    paintHarness();
+    controlRow.hidden = agentWrap.hidden && configWrap.hidden;
+    if (s.acp && !agents.length) void loadAgents();
+    paintAgents();
+    if (s.acp?.cancelling) {
+      agentStatus.className = "ez-badge ez-working";
+      agentStatus.textContent = "\u6B63\u5728\u4E2D\u6B62";
+    } else if (s.agentBusy) {
+      agentStatus.className = "ez-badge ez-working";
+      agentStatus.textContent = "Agent \u4FEE\u6539\u4E2D";
+    } else if (s.acp?.state === "starting") {
+      agentStatus.className = "ez-badge ez-working";
+      agentStatus.textContent = "Agent \u6E96\u5099\u4E2D";
+    } else if (s.agentOnline) {
+      agentStatus.className = "ez-badge ez-online";
+      agentStatus.textContent = "Agent \u5DF2\u9023\u7DDA";
+    } else {
+      agentStatus.className = "ez-badge";
+      agentStatus.textContent = "Agent \u672A\u9023\u7DDA";
+    }
+    paintQueue(s.annotations);
+    convList.textContent = "";
+    let prevRole = null;
+    let livePlaced = false;
+    for (const entry of threadOrder(s.conversation)) {
+      if (entry.role === "system") {
+        convList.appendChild(h("div", "ez-msg-system", entry.text));
+        prevRole = null;
+        continue;
+      }
+      const grouped = entry.role === prevRole;
+      const item = h("div", `ez-msg ez-msg-${entry.role}${grouped ? " ez-msg-cont" : ""}`);
+      const isUser = entry.role === "user";
+      item.append(buildSaid(entry, isUser));
+      convList.appendChild(item);
+      prevRole = entry.role;
+      if (s.agentBusy && isUser && entry.batchId && entry.batchId === s.activeBatchId) {
+        convList.appendChild(liveTurnEl(s, prevRole));
+        livePlaced = true;
+        prevRole = "agent";
+      }
+    }
+    const opening = s.acp?.state === "starting" && !!s.agentQueued;
+    const waiting = s.agentBusy || opening;
+    if (waiting && !livePlaced) convList.appendChild(liveTurnEl(s, prevRole));
+    if (s.acp?.ask) convList.appendChild(acpAskEl(s.acp.ask));
+    if (s.acp?.state === "exited" && s.acp.error) {
+      convList.appendChild(
+        h("div", "ez-msg-system ez-msg-system-plain", `agent \u5DF2\u96E2\u7DDA\uFF1A${s.acp.error}`)
+      );
+    }
+    convList.scrollTop = convList.scrollHeight;
+    paintConvFades();
+  }
+  function liveTurnEl(s, prevRole) {
+    const row = h("div", `ez-msg ez-msg-agent${prevRole === "agent" ? " ez-msg-cont" : ""}`);
+    const dots = h("div", "ez-thinking");
+    dots.setAttribute("role", "status");
+    const opening = s.acp?.state === "starting";
+    dots.setAttribute("aria-label", s.agentProgress ?? (opening ? "Agent \u6E96\u5099\u4E2D" : "Agent \u4FEE\u6539\u4E2D"));
+    for (let i = 0; i < 3; i++) dots.appendChild(h("span", "ez-dot"));
+    if (s.agentProgress) dots.appendChild(h("span", "ez-progress", s.agentProgress));
+    const turn = h("div", "ez-acp-turn");
+    if (s.acp && s.acp.state === "working") turn.append(acpFeedEl(s.acp));
+    turn.append(dots);
+    row.append(turn);
+    return row;
+  }
+  function acpFeedEl(acp) {
+    const box = h("div", "ez-acp-feed");
+    const latest = acp.feed.at(-1);
+    for (const item of acp.feed) {
+      switch (item.kind) {
+        case "say":
+          box.appendChild(markdownEl(item.text, "ez-md ez-acp-say"));
+          break;
+        case "thought":
+          if (item === latest) box.appendChild(h("div", "ez-acp-thought", item.text.slice(-160)));
+          break;
+        case "tool": {
+          const line = h("div", `ez-acp-tool ez-acp-tool-${item.status}`);
+          line.append(h("span", "ez-acp-dot"), h("span", "ez-acp-text", item.title));
+          box.appendChild(line);
+          break;
+        }
+        case "plan":
+          for (const entry of item.entries) {
+            const line = h("div", `ez-acp-plan ez-acp-plan-${entry.status}`);
+            line.append(h("span", "ez-acp-tick"), h("span", "ez-acp-text", entry.content));
+            box.appendChild(line);
+          }
+          break;
+      }
+    }
+    return box;
+  }
+  function acpAskEl(ask) {
+    const card = h("div", "ez-acp-ask");
+    if (ask.title) card.append(h("div", "ez-acp-ask-title", ask.title));
+    const values = /* @__PURE__ */ new Map();
+    const choicesOnly = ask.fields.every((f) => f.kind === "select");
+    const customKeys = new Set(
+      ask.fields.flatMap(
+        (f) => (f.kind === "select" || f.kind === "multiselect") && f.custom ? [f.custom.key] : []
+      )
+    );
+    const typedCustom = () => [...values.keys()].some((k) => customKeys.has(k));
+    const sendsOnPick = () => askSendsOnPick(ask.fields, typedCustom());
+    let settled = false;
+    const send = (body) => {
+      if (settled) return;
+      settled = true;
+      for (const c of card.querySelectorAll("button, input, textarea")) {
+        c.disabled = true;
+      }
+      void api("/acp/answer", { method: "POST", body: JSON.stringify({ id: ask.id, ...body }) });
+    };
+    const complete = () => askComplete(ask.fields, new Set(values.keys()));
+    const submit = () => {
+      if (complete()) send({ answers: Object.fromEntries(values) });
+    };
+    const submitBtn = h("button", "ez-acp-opt ez-acp-opt-primary", "\u9001\u51FA");
+    submitBtn.onclick = submit;
+    const refresh = () => {
+      submitBtn.hidden = sendsOnPick();
+      submitBtn.disabled = !complete();
+    };
+    const changed = (how) => {
+      if (how === "pick" && sendsOnPick()) submit();
+      else refresh();
+    };
+    const mixed = ask.fields.some((f) => f.optional) && ask.fields.some((f) => !f.optional);
+    ask.fields.forEach((field, i) => {
+      let labelId;
+      if (field.text || mixed && field.optional) {
+        const label = h(
+          "div",
+          "ez-acp-ask-q",
+          `${field.text ?? ""}${mixed && field.optional ? "\uFF08\u9078\u586B\uFF09" : ""}`
+        );
+        labelId = `${ask.id}-q${i}`;
+        label.id = labelId;
+        card.append(label);
+      }
+      card.append(acpFieldEl(field, values, changed, submit, labelId));
+    });
+    if (ask.kind === "question" || !choicesOnly || !askSendsOnPick(ask.fields, false)) {
+      const actions = h("div", "ez-acp-ask-actions");
+      if (ask.kind === "question") {
+        const skip = h("button", "ez-acp-opt", "\u7565\u904E");
+        skip.onclick = () => send({ decline: true });
+        actions.append(skip);
+      }
+      actions.append(submitBtn);
+      card.append(actions);
+    }
+    refresh();
+    return card;
+  }
+  function acpFieldEl(field, values, changed, submit, labelId) {
+    const labelled = (el, role) => {
+      if (role) el.setAttribute("role", role);
+      if (labelId) el.setAttribute("aria-labelledby", labelId);
+      return el;
+    };
+    const optionButton = (option) => {
+      const btn = h("button", `ez-acp-opt${option.hint ? ` ez-acp-opt-${option.hint}` : ""}`);
+      btn.append(h("span", void 0, option.name));
+      if (option.description) btn.append(h("span", "ez-acp-opt-desc", option.description));
+      btn.title = option.description ?? "";
+      return btn;
+    };
+    const chord = (e) => {
+      if ((e.metaKey || e.ctrlKey) && e.key === "Enter") {
+        e.preventDefault();
+        submit();
+      }
+    };
+    const textField = (key, opts) => {
+      const area = h("textarea", "ez-acp-field");
+      area.rows = 1;
+      if (opts.max !== void 0) area.maxLength = opts.max;
+      if (opts.placeholder) area.placeholder = opts.placeholder;
+      const grow = () => {
+        area.style.height = "auto";
+        area.style.height = `${area.scrollHeight}px`;
+      };
+      if (opts.initial !== void 0) {
+        area.value = opts.initial;
+        values.set(key, opts.initial);
+      }
+      area.oninput = () => {
+        if (area.value) values.set(key, area.value);
+        else values.delete(key);
+        grow();
+        opts.onInput?.();
+        changed("edit");
+      };
+      area.onkeydown = chord;
+      queueMicrotask(grow);
+      return area;
+    };
+    const withCustom = (row, clearPick) => {
+      if (field.kind !== "select" && field.kind !== "multiselect") return row;
+      const custom = field.custom;
+      if (!custom) return row;
+      const group = h("div", "ez-acp-group");
+      const box = textField(custom.key, {
+        placeholder: field.kind === "multiselect" ? "\u5176\u4ED6\u7B54\u6848\uFF08\u9078\u586B\uFF09" : "\u81EA\u5DF1\u56DE\u7B54\uFF0C\u6216\u88DC\u5145\u8AAA\u660E\uFF08\u9078\u586B\uFF09",
+        onInput: () => {
+          if (field.kind === "select" && box.value) clearPick();
+        }
+      });
+      group.append(row, box);
+      return group;
+    };
+    switch (field.kind) {
+      case "select": {
+        const row = labelled(h("div", "ez-acp-ask-options"), "radiogroup");
+        const clearPick = () => {
+          values.delete(field.key);
+          for (const b of row.querySelectorAll("button")) b.classList.remove("ez-on");
+        };
+        const group = withCustom(row, clearPick);
+        for (const option of field.options) {
+          const btn = optionButton(option);
+          if (option.id === field.default) {
+            values.set(field.key, option.id);
+            btn.classList.add("ez-on");
+          }
+          btn.onclick = () => {
+            clearPick();
+            values.set(field.key, option.id);
+            btn.classList.add("ez-on");
+            if (field.custom) {
+              const box = group.querySelector("textarea");
+              if (box) box.value = "";
+              values.delete(field.custom.key);
+            }
+            changed("pick");
+          };
+          row.append(btn);
+        }
+        return group;
+      }
+      case "multiselect": {
+        const row = labelled(h("div", "ez-acp-ask-options"), "group");
+        const picked = new Set(field.default ?? []);
+        const sync = () => {
+          if (picked.size) values.set(field.key, [...picked]);
+          else values.delete(field.key);
+          const full = field.max !== void 0 && picked.size >= field.max;
+          for (const b of row.querySelectorAll("button")) {
+            const on = picked.has(b.dataset.id ?? "");
+            b.classList.toggle("ez-on", on);
+            b.setAttribute("aria-pressed", String(on));
+            b.disabled = full && !on;
+          }
+        };
+        for (const option of field.options) {
+          const btn = optionButton(option);
+          btn.dataset.id = option.id;
+          btn.onclick = () => {
+            if (picked.has(option.id)) picked.delete(option.id);
+            else picked.add(option.id);
+            sync();
+            changed("pick");
+          };
+          row.append(btn);
+        }
+        sync();
+        return withCustom(row, () => {
+        });
+      }
+      case "boolean": {
+        const row = labelled(h("div", "ez-acp-ask-options"), "radiogroup");
+        for (const [value, name] of [
+          [true, "\u662F"],
+          [false, "\u5426"]
+        ]) {
+          const btn = optionButton({ id: String(value), name });
+          if (field.default === value) {
+            values.set(field.key, value);
+            btn.classList.add("ez-on");
+          }
+          btn.onclick = () => {
+            values.set(field.key, value);
+            for (const b of row.querySelectorAll("button")) b.classList.remove("ez-on");
+            btn.classList.add("ez-on");
+            changed("pick");
+          };
+          row.append(btn);
+        }
+        return row;
+      }
+      case "number": {
+        const input = labelled(h("input", "ez-acp-field ez-acp-field-number"));
+        input.type = "number";
+        if (field.min !== void 0) input.min = String(field.min);
+        if (field.max !== void 0) input.max = String(field.max);
+        input.step = field.integer ? "1" : "any";
+        if (field.default !== void 0) {
+          input.value = String(field.default);
+          values.set(field.key, field.default);
+        }
+        input.oninput = () => {
+          const n = input.value === "" ? NaN : Number(input.value);
+          if (Number.isFinite(n)) values.set(field.key, n);
+          else values.delete(field.key);
+          changed("edit");
+        };
+        input.onkeydown = chord;
+        return input;
+      }
+      case "text":
+        return labelled(
+          textField(field.key, {
+            ...field.max !== void 0 ? { max: field.max } : {},
+            ...field.format ? { placeholder: field.format } : {},
+            ...field.default !== void 0 ? { initial: field.default } : {}
+          })
+        );
+    }
+  }
+  window.addEventListener("message", (e) => {
+    if (e.origin !== location.origin) return;
+    const from = frameIdOf(e.source);
+    if (!from) return;
+    const data = e.data;
+    if (data?.type === "ez:wheel") {
+      stage.scrollLeft += data.dx ?? 0;
+      stage.scrollTop += data.dy ?? 0;
+    }
+    if (data?.type === "ez:scroll" && typeof data.ratio === "number" && multi && (!popupFrame || from === popupFrame)) {
+      for (const f of frames.values()) {
+        if (f.id !== from) toFrame(f.id, { type: "ez:scroll-to", ratio: data.ratio });
+      }
+    }
+    if (data?.type === "ez:popup") {
+      if (data.open) setPopupFrame(from);
+      else if (from === popupFrame) setPopupFrame(null);
+    }
+    if (data?.type === "ez:mode") {
+      annotateMode = data.mode ?? "off";
+      paintAnnotateMode();
+      for (const f of frames.values()) {
+        if (f.id !== from) toFrame(f.id, { type: "ez:set-mode", mode: annotateMode });
+      }
+    }
+    if (data?.type === "ez:navigate" && data.url) {
+      dispatchNav({ t: "request", url: data.url });
+    }
+    if (data?.type === "ez:page" && data.url) {
+      dispatchNav({ t: "moved", url: data.url, from });
+    }
+    if (data?.type === "ez:explore" && data.anchor && data.capture) {
+      void (async () => {
+        await reportPageStorage();
+        const res = await api("/explore/start", {
+          method: "POST",
+          body: JSON.stringify({
+            anchor: data.anchor,
+            capture: data.capture,
+            direction: data.direction ?? "",
+            attachments: data.attachments ?? [],
+            references: data.references ?? []
+          })
+        });
+        if (!res.ok) {
+          stripNotice("\u9019\u500B agent \u73FE\u5728\u7121\u6CD5\u57F7\u884C\u63A2\u7D22");
+          endExploreIn();
+          return;
+        }
+        const { exploreId } = await res.json();
+        if (exploreHold && exploreId) exploreHold = { ...exploreHold, round: exploreId };
+      })();
+    }
+    if (data?.type === "ez:ready") {
+      dispatchNav({ t: "loaded", url: data.url ?? data.page ?? "/", from });
+      toFrame(from, { type: "ez:set-mode", mode: annotateMode });
+      toFrame(from, { type: "ez:can-explore", on: snapshot?.canExplore === true });
+      toFrame(from, {
+        type: "ez:in-explore",
+        on: !!snapshot?.chats?.find((c) => c.current)?.parentChatId
+      });
+      seedVariants(from);
+      const frame = frames.get(from);
+      if (frame) {
+        toFrame(from, {
+          type: "ez:viewport",
+          preset: frame.device.id,
+          zoom: frame.zoom,
+          scoped: multi
+        });
+      }
+      if (popupFrame && popupFrame !== from) toFrame(from, { type: "ez:hold", held: true });
+      else if (popupFrame === from) setPopupFrame(null);
+      dispatchPick({
+        t: "ready",
+        page: data.page ?? "/",
+        now: Date.now(),
+        frame: from
+      });
+    }
+    if (data?.type === "ez:explore-held" && from && data.draft) {
+      exploreHold = { frame: from, draft: data.draft, mode: annotateMode };
+    }
+    if (data?.type === "ez:pick-armed" && data.pickId) {
+      dispatchPick({
+        t: "armed",
+        id: data.pickId,
+        host: data.host ?? "popup",
+        now: Date.now(),
+        frame: from
+      });
+    }
+    if (data?.type === "ez:draft" && data.pickId && data.draft) {
+      dispatchPick({
+        t: "draft",
+        id: data.pickId,
+        draft: data.draft,
+        frame: from
+      });
+    }
+    if (data?.type === "ez:picked" && data.pickId && data.ref) {
+      dispatchPick({
+        t: "picked",
+        id: data.pickId,
+        ref: data.ref,
+        page: data.page ?? "/",
+        frame: from
+      });
+    }
+    if (data?.type === "ez:draft-done" && data.pickId) {
+      dispatchPick({ t: "draft-done", id: data.pickId });
+    }
+    if (data?.type === "ez:draft-expired" && data.pickId) {
+      dispatchPick({ t: "expired", id: data.pickId, frame: from });
+    }
+    if (data?.type === "ez:pick-cancelled" && data.pickId) {
+      dispatchPick({
+        t: "cancelled",
+        id: data.pickId,
+        resumed: Boolean(data.resumed),
+        frame: from
+      });
+    }
+    if (data?.type === "ez:key") {
+      if (data.chord) runShortcut(data.chord, false);
+    }
+  });
+  function escapeAnnotating() {
+    if (annotateMode === "off") return;
+    broadcast({ type: "ez:escape" });
+  }
+  document.addEventListener("keydown", (e) => {
+    if (runShortcut(e, isTyping(e.target))) e.preventDefault();
+  });
+  var servedBy = null;
+  var events = new EventSource(`${API}/events`);
+  events.onmessage = (e) => {
+    snapshot = JSON.parse(e.data);
+    servedBy ?? (servedBy = snapshot.version);
+    if (snapshot.version !== servedBy) {
+      location.reload();
+      return;
+    }
+    version.textContent = `v${snapshot.version}`;
+    render();
+  };
+  paintPage();
+})();