@aipanel/ui 1.2.0-beta.0

package/lib/AI-panel-widget/src/components/Header.vue.cjs

@@ -0,0 +1,702 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Header_vue_exports = {};
+__export(Header_vue_exports, {
+  default: () => Header_vue_default
+});
+module.exports = __toCommonJS(Header_vue_exports);
+var import_Header_sfc = require("./Header-sfc.css");
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_context = require("../context.cjs");
+var import_vue3 = require("vue");
+const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
+  __name: "Header",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const {
+      title,
+      sessionListTitle,
+      sessionListCollapsed,
+      selectMode,
+      selectEnabled,
+      theme,
+      resolvedTheme,
+      minimized,
+      promptDockVisible,
+      reviewPanelVisible,
+      reviewPanelEnabled,
+      mode,
+      displayMode,
+      splitPosition,
+      handleToggleSessionList,
+      handleToggleSelectMode,
+      handleToggleTheme,
+      handleToggleDisplayMode,
+      handleToggleSplitPosition,
+      handleClose,
+      handleToggleMinimize,
+      handleTogglePromptDock,
+      handleToggleReviewPanel,
+      handleRefresh,
+      handleCreateSession
+    } = (0, import_context.useAIPanelWidgetContext)();
+    const isSplitMode = (0, import_vue2.computed)(() => mode.value === "split");
+    const themeIconTitle = (0, import_vue2.computed)(() => {
+      const themeLabels = {
+        auto: "\u81EA\u52A8",
+        light: "\u4EAE\u8272",
+        dark: "\u6697\u8272"
+      };
+      return `\u4E3B\u9898: ${themeLabels[theme.value]} (${resolvedTheme.value})`;
+    });
+    const themeIconLabel = (0, import_vue2.computed)(() => {
+      const themeLabels = {
+        auto: "\u81EA\u52A8\u8DDF\u968F\u7CFB\u7EDF",
+        light: "\u4EAE\u8272\u4E3B\u9898",
+        dark: "\u6697\u8272\u4E3B\u9898"
+      };
+      return `\u5207\u6362\u4E3B\u9898 - \u5F53\u524D: ${themeLabels[theme.value]}`;
+    });
+    const displayModeIconTitle = (0, import_vue2.computed)(() => {
+      const displayModeLabels = {
+        bubble: "\u6C14\u6CE1\u6A21\u5F0F",
+        split: "\u5206\u5C4F\u6A21\u5F0F",
+        auto: "\u81EA\u52A8\u6A21\u5F0F",
+        extension: "\u6269\u5C55\u6A21\u5F0F",
+        "extension-selector": "\u6269\u5C55\u9009\u62E9\u5668\u6A21\u5F0F"
+      };
+      return `\u5C55\u793A\u6A21\u5F0F: ${displayModeLabels[displayMode.value]}`;
+    });
+    const displayModeIconLabel = (0, import_vue2.computed)(() => {
+      const displayModeLabels = {
+        bubble: "\u6C14\u6CE1\u6A21\u5F0F",
+        split: "\u5206\u5C4F\u6A21\u5F0F",
+        auto: "\u81EA\u52A8\u6A21\u5F0F",
+        extension: "\u6269\u5C55\u6A21\u5F0F",
+        "extension-selector": "\u6269\u5C55\u9009\u62E9\u5668\u6A21\u5F0F"
+      };
+      const modes = ["bubble", "split", "auto"];
+      const currentIndex = modes.indexOf(displayMode.value);
+      const nextMode = modes[(currentIndex + 1) % modes.length];
+      return `\u5207\u6362\u5C55\u793A\u6A21\u5F0F - \u4E0B\u4E00\u4E2A: ${displayModeLabels[nextMode]}`;
+    });
+    const splitPositionIconTitle = (0, import_vue2.computed)(() => {
+      const positionLabels = {
+        left: "\u5DE6\u4FA7",
+        right: "\u53F3\u4FA7"
+      };
+      return `\u5206\u680F\u4F4D\u7F6E: ${positionLabels[splitPosition.value]}`;
+    });
+    const splitPositionIconLabel = (0, import_vue2.computed)(() => {
+      const nextPosition = splitPosition.value === "right" ? "\u5DE6\u4FA7" : "\u53F3\u4FA7";
+      return `\u5207\u6362\u5206\u680F\u4F4D\u7F6E - \u4E0B\u4E00\u4E2A: ${nextPosition}`;
+    });
+    const __returned__ = { title, sessionListTitle, sessionListCollapsed, selectMode, selectEnabled, theme, resolvedTheme, minimized, promptDockVisible, reviewPanelVisible, reviewPanelEnabled, mode, displayMode, splitPosition, handleToggleSessionList, handleToggleSelectMode, handleToggleTheme, handleToggleDisplayMode, handleToggleSplitPosition, handleClose, handleToggleMinimize, handleTogglePromptDock, handleToggleReviewPanel, handleRefresh, handleCreateSession, isSplitMode, themeIconTitle, themeIconLabel, displayModeIconTitle, displayModeIconLabel, splitPositionIconTitle, splitPositionIconLabel };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+const _hoisted_1 = { class: "aipanel-chat-header" };
+const _hoisted_2 = { class: "aipanel-chat-header-left" };
+const _hoisted_3 = ["title", "aria-label", "aria-expanded"];
+const _hoisted_4 = ["aria-pressed", "disabled"];
+const _hoisted_5 = ["title", "aria-label"];
+const _hoisted_6 = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "aria-hidden": "true"
+};
+const _hoisted_7 = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "aria-hidden": "true"
+};
+const _hoisted_8 = {
+  key: 2,
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "aria-hidden": "true"
+};
+const _hoisted_9 = ["title", "aria-label"];
+const _hoisted_10 = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "aria-hidden": "true"
+};
+const _hoisted_11 = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "aria-hidden": "true"
+};
+const _hoisted_12 = {
+  key: 2,
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "aria-hidden": "true"
+};
+const _hoisted_13 = { class: "aipanel-chat-header-title" };
+const _hoisted_14 = { class: "aipanel-chat-header-actions" };
+const _hoisted_15 = ["title", "aria-label", "aria-pressed"];
+const _hoisted_16 = ["title", "aria-label"];
+const _hoisted_17 = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "aria-hidden": "true"
+};
+const _hoisted_18 = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "aria-hidden": "true"
+};
+const _hoisted_19 = ["title", "aria-label", "aria-pressed"];
+const _hoisted_20 = ["title", "aria-label", "aria-pressed"];
+const _hoisted_21 = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  width: "14",
+  height: "14",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "aria-hidden": "true"
+};
+const _hoisted_22 = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  width: "14",
+  height: "14",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "aria-hidden": "true"
+};
+function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("div", _hoisted_1, [
+    (0, import_vue3.createElementVNode)("div", _hoisted_2, [
+      (0, import_vue3.createElementVNode)("button", {
+        class: (0, import_vue3.normalizeClass)(["aipanel-header-btn session-toggle", { active: !$setup.sessionListCollapsed }]),
+        type: "button",
+        title: $setup.sessionListTitle,
+        "aria-label": $setup.sessionListTitle,
+        "aria-expanded": !$setup.sessionListCollapsed,
+        onClick: _cache[0] || (_cache[0] = (...args) => $setup.handleToggleSessionList && $setup.handleToggleSessionList(...args))
+      }, [
+        (0, import_vue3.renderSlot)(_ctx.$slots, "session-toggle-icon", {}, () => [
+          _cache[11] || (_cache[11] = (0, import_vue3.createElementVNode)(
+            "svg",
+            {
+              viewBox: "0 0 24 24",
+              width: "16",
+              height: "16",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "aria-hidden": "true"
+            },
+            [
+              (0, import_vue3.createElementVNode)("path", {
+                d: "M4 6h16M4 12h16M4 18h16",
+                "stroke-linecap": "round"
+              })
+            ],
+            -1
+            /* CACHED */
+          ))
+        ])
+      ], 10, _hoisted_3),
+      (0, import_vue3.createElementVNode)("button", {
+        class: (0, import_vue3.normalizeClass)(["aipanel-header-btn select-btn", { active: $setup.selectMode }]),
+        type: "button",
+        title: "\u9009\u62E9\u9875\u9762\u5143\u7D20 (Ctrl+P)",
+        "aria-label": "\u9009\u62E9\u9875\u9762\u5143\u7D20",
+        "aria-pressed": $setup.selectMode,
+        disabled: !$setup.selectEnabled,
+        onClick: _cache[1] || (_cache[1] = (...args) => $setup.handleToggleSelectMode && $setup.handleToggleSelectMode(...args))
+      }, [
+        (0, import_vue3.renderSlot)(_ctx.$slots, "select-icon", {}, () => [
+          _cache[12] || (_cache[12] = (0, import_vue3.createElementVNode)(
+            "svg",
+            {
+              viewBox: "0 0 1024 1024",
+              width: "16",
+              height: "16",
+              "aria-hidden": "true"
+            },
+            [
+              (0, import_vue3.createElementVNode)("path", {
+                fill: "currentColor",
+                d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896"
+              }),
+              (0, import_vue3.createElementVNode)("path", {
+                fill: "currentColor",
+                d: "M512 96a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V128a32 32 0 0 1 32-32m0 576a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V704a32 32 0 0 1 32-32M96 512a32 32 0 0 1 32-32h192a32 32 0 0 1 0 64H128a32 32 0 0 1-32-32m576 0a32 32 0 0 1 32-32h192a32 32 0 1 1 0 64H704a32 32 0 0 1-32-32"
+              })
+            ],
+            -1
+            /* CACHED */
+          ))
+        ])
+      ], 10, _hoisted_4),
+      (0, import_vue3.createElementVNode)("button", {
+        class: "aipanel-header-btn theme-btn",
+        type: "button",
+        title: $setup.themeIconTitle,
+        "aria-label": $setup.themeIconLabel,
+        onClick: _cache[2] || (_cache[2] = (...args) => $setup.handleToggleTheme && $setup.handleToggleTheme(...args))
+      }, [
+        (0, import_vue3.renderSlot)(_ctx.$slots, "theme-icon", {}, () => [
+          $setup.theme === "light" ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("svg", _hoisted_6, [..._cache[13] || (_cache[13] = [
+            (0, import_vue3.createStaticVNode)('<circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>', 9)
+          ])])) : $setup.theme === "dark" ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("svg", _hoisted_7, [..._cache[14] || (_cache[14] = [
+            (0, import_vue3.createElementVNode)(
+              "path",
+              { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" },
+              null,
+              -1
+              /* CACHED */
+            )
+          ])])) : ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("svg", _hoisted_8, [..._cache[15] || (_cache[15] = [
+            (0, import_vue3.createStaticVNode)('<rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect><line x1="8" y1="21" x2="16" y2="21"></line><line x1="12" y1="17" x2="12" y2="21"></line><circle cx="12" cy="10" r="3"></circle><path d="M7 7l2 2M17 7l-2 2M7 13l2-2M17 13l-2-2"></path>', 5)
+          ])]))
+        ])
+      ], 8, _hoisted_5),
+      $setup.displayMode !== "extension" ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("button", {
+        key: 0,
+        class: "aipanel-header-btn display-mode-btn",
+        type: "button",
+        title: $setup.displayModeIconTitle,
+        "aria-label": $setup.displayModeIconLabel,
+        onClick: _cache[3] || (_cache[3] = (...args) => $setup.handleToggleDisplayMode && $setup.handleToggleDisplayMode(...args))
+      }, [
+        (0, import_vue3.renderSlot)(_ctx.$slots, "display-mode-icon", {}, () => [
+          $setup.displayMode === "bubble" ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("svg", _hoisted_10, [..._cache[16] || (_cache[16] = [
+            (0, import_vue3.createElementVNode)(
+              "circle",
+              {
+                cx: "12",
+                cy: "12",
+                r: "10"
+              },
+              null,
+              -1
+              /* CACHED */
+            ),
+            (0, import_vue3.createElementVNode)(
+              "path",
+              {
+                d: "M8 14s1.5 2 4 2 4-2 4-2",
+                "stroke-linecap": "round"
+              },
+              null,
+              -1
+              /* CACHED */
+            ),
+            (0, import_vue3.createElementVNode)(
+              "line",
+              {
+                x1: "9",
+                y1: "9",
+                x2: "9.01",
+                y2: "9",
+                "stroke-linecap": "round"
+              },
+              null,
+              -1
+              /* CACHED */
+            ),
+            (0, import_vue3.createElementVNode)(
+              "line",
+              {
+                x1: "15",
+                y1: "9",
+                x2: "15.01",
+                y2: "9",
+                "stroke-linecap": "round"
+              },
+              null,
+              -1
+              /* CACHED */
+            )
+          ])])) : $setup.displayMode === "split" ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("svg", _hoisted_11, [..._cache[17] || (_cache[17] = [
+            (0, import_vue3.createElementVNode)(
+              "rect",
+              {
+                x: "3",
+                y: "3",
+                width: "18",
+                height: "18",
+                rx: "2"
+              },
+              null,
+              -1
+              /* CACHED */
+            ),
+            (0, import_vue3.createElementVNode)(
+              "line",
+              {
+                x1: "12",
+                y1: "3",
+                x2: "12",
+                y2: "21"
+              },
+              null,
+              -1
+              /* CACHED */
+            )
+          ])])) : ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("svg", _hoisted_12, [..._cache[18] || (_cache[18] = [
+            (0, import_vue3.createElementVNode)(
+              "rect",
+              {
+                x: "3",
+                y: "3",
+                width: "8",
+                height: "8",
+                rx: "1"
+              },
+              null,
+              -1
+              /* CACHED */
+            ),
+            (0, import_vue3.createElementVNode)(
+              "rect",
+              {
+                x: "15",
+                y: "3",
+                width: "6",
+                height: "8",
+                rx: "1"
+              },
+              null,
+              -1
+              /* CACHED */
+            ),
+            (0, import_vue3.createElementVNode)(
+              "rect",
+              {
+                x: "3",
+                y: "15",
+                width: "8",
+                height: "6",
+                rx: "1"
+              },
+              null,
+              -1
+              /* CACHED */
+            ),
+            (0, import_vue3.createElementVNode)(
+              "circle",
+              {
+                cx: "18",
+                cy: "18",
+                r: "3"
+              },
+              null,
+              -1
+              /* CACHED */
+            )
+          ])]))
+        ])
+      ], 8, _hoisted_9)) : (0, import_vue3.createCommentVNode)("v-if", true)
+    ]),
+    (0, import_vue3.createElementVNode)(
+      "span",
+      _hoisted_13,
+      (0, import_vue3.toDisplayString)($setup.title),
+      1
+      /* TEXT */
+    ),
+    (0, import_vue3.createElementVNode)("div", _hoisted_14, [
+      $setup.reviewPanelEnabled ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("button", {
+        key: 0,
+        class: (0, import_vue3.normalizeClass)(["aipanel-header-btn review-panel", { active: $setup.reviewPanelVisible }]),
+        type: "button",
+        title: $setup.reviewPanelVisible ? "\u6536\u8D77\u5BA1\u67E5\u9762\u677F" : "\u5C55\u5F00\u5BA1\u67E5\u9762\u677F",
+        "aria-label": $setup.reviewPanelVisible ? "\u6536\u8D77\u5BA1\u67E5\u9762\u677F" : "\u5C55\u5F00\u5BA1\u67E5\u9762\u677F",
+        "aria-pressed": $setup.reviewPanelVisible,
+        onClick: _cache[4] || (_cache[4] = (...args) => $setup.handleToggleReviewPanel && $setup.handleToggleReviewPanel(...args))
+      }, [..._cache[19] || (_cache[19] = [
+        (0, import_vue3.createElementVNode)(
+          "svg",
+          {
+            viewBox: "0 0 24 24",
+            width: "15",
+            height: "15",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "aria-hidden": "true"
+          },
+          [
+            (0, import_vue3.createElementVNode)("polyline", { points: "16 18 22 12 16 6" }),
+            (0, import_vue3.createElementVNode)("polyline", { points: "8 6 2 12 8 18" })
+          ],
+          -1
+          /* CACHED */
+        )
+      ])], 10, _hoisted_15)) : (0, import_vue3.createCommentVNode)("v-if", true),
+      $setup.displayMode === "extension" ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("button", {
+        key: 1,
+        class: "aipanel-header-btn refresh-btn",
+        type: "button",
+        title: "\u5237\u65B0\u9762\u677F",
+        "aria-label": "\u5237\u65B0\u9762\u677F",
+        onClick: _cache[5] || (_cache[5] = (...args) => $setup.handleRefresh && $setup.handleRefresh(...args))
+      }, [..._cache[20] || (_cache[20] = [
+        (0, import_vue3.createElementVNode)(
+          "svg",
+          {
+            viewBox: "0 0 24 24",
+            width: "16",
+            height: "16",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "aria-hidden": "true"
+          },
+          [
+            (0, import_vue3.createElementVNode)("polyline", { points: "23,4 23,10 17,10" }),
+            (0, import_vue3.createElementVNode)("path", { d: "M20.49 15a9 9 0 1 1-2.12-9.36L23 10" })
+          ],
+          -1
+          /* CACHED */
+        )
+      ])])) : (0, import_vue3.createCommentVNode)("v-if", true),
+      $setup.displayMode === "extension" ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("button", {
+        key: 2,
+        class: "aipanel-header-btn new-session-btn",
+        type: "button",
+        title: "\u65B0\u5EFA\u4F1A\u8BDD",
+        "aria-label": "\u65B0\u5EFA\u4F1A\u8BDD",
+        onClick: _cache[6] || (_cache[6] = (...args) => $setup.handleCreateSession && $setup.handleCreateSession(...args))
+      }, [..._cache[21] || (_cache[21] = [
+        (0, import_vue3.createElementVNode)(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "16",
+            height: "16",
+            viewBox: "0 0 16 16",
+            fill: "none",
+            "aria-hidden": "true"
+          },
+          [
+            (0, import_vue3.createElementVNode)("path", {
+              d: "M8 0.599609C3.91309 0.599609 0.599609 3.91309 0.599609 8C0.599609 9.13376 0.855461 10.2098 1.3125 11.1719L1.5918 11.7588L2.76562 11.2012L2.48633 10.6143C2.11034 9.82278 1.90039 8.93675 1.90039 8C1.90039 4.63106 4.63106 1.90039 8 1.90039C11.3689 1.90039 14.0996 4.63106 14.0996 8C14.0996 11.3689 11.3689 14.0996 8 14.0996C7.31041 14.0996 6.80528 14.0514 6.35742 13.9277C5.91623 13.8059 5.49768 13.6021 4.99707 13.2529C4.26492 12.7422 3.21611 12.5616 2.35156 13.1074L2.33789 13.1162L2.32422 13.126L1.58789 13.6436L2.01953 14.9297L3.0459 14.207C3.36351 14.0065 3.83838 14.0294 4.25293 14.3184C4.84547 14.7317 5.39743 15.011 6.01172 15.1807C6.61947 15.3485 7.25549 15.4004 8 15.4004C12.0869 15.4004 15.4004 12.0869 15.4004 8C15.4004 3.91309 12.0869 0.599609 8 0.599609ZM7.34473 4.93945V7.34961H4.93945V8.65039H7.34473V11.0605H8.64551V8.65039H11.0605V7.34961H8.64551V4.93945H7.34473Z",
+              fill: "currentColor"
+            })
+          ],
+          -1
+          /* CACHED */
+        )
+      ])])) : (0, import_vue3.createCommentVNode)("v-if", true),
+      $setup.isSplitMode && $setup.displayMode !== "extension" ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("button", {
+        key: 3,
+        class: "aipanel-header-btn split-position-btn",
+        type: "button",
+        title: $setup.splitPositionIconTitle,
+        "aria-label": $setup.splitPositionIconLabel,
+        onClick: _cache[7] || (_cache[7] = (...args) => $setup.handleToggleSplitPosition && $setup.handleToggleSplitPosition(...args))
+      }, [
+        (0, import_vue3.renderSlot)(_ctx.$slots, "split-position-icon", {}, () => [
+          $setup.splitPosition === "right" ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("svg", _hoisted_17, [..._cache[22] || (_cache[22] = [
+            (0, import_vue3.createElementVNode)(
+              "rect",
+              {
+                x: "3",
+                y: "3",
+                width: "18",
+                height: "18",
+                rx: "2"
+              },
+              null,
+              -1
+              /* CACHED */
+            ),
+            (0, import_vue3.createElementVNode)(
+              "line",
+              {
+                x1: "15",
+                y1: "3",
+                x2: "15",
+                y2: "21"
+              },
+              null,
+              -1
+              /* CACHED */
+            )
+          ])])) : ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("svg", _hoisted_18, [..._cache[23] || (_cache[23] = [
+            (0, import_vue3.createElementVNode)(
+              "rect",
+              {
+                x: "3",
+                y: "3",
+                width: "18",
+                height: "18",
+                rx: "2"
+              },
+              null,
+              -1
+              /* CACHED */
+            ),
+            (0, import_vue3.createElementVNode)(
+              "line",
+              {
+                x1: "9",
+                y1: "3",
+                x2: "9",
+                y2: "21"
+              },
+              null,
+              -1
+              /* CACHED */
+            )
+          ])]))
+        ])
+      ], 8, _hoisted_16)) : (0, import_vue3.createCommentVNode)("v-if", true),
+      !$setup.isSplitMode ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("button", {
+        key: 4,
+        class: "aipanel-header-btn prompt-dock",
+        type: "button",
+        title: $setup.promptDockVisible ? "\u9690\u85CF\u5BF9\u8BDD\u6846" : "\u663E\u793A\u5BF9\u8BDD\u6846",
+        "aria-label": $setup.promptDockVisible ? "\u9690\u85CF\u5BF9\u8BDD\u6846" : "\u663E\u793A\u5BF9\u8BDD\u6846",
+        "aria-pressed": $setup.promptDockVisible,
+        onClick: _cache[8] || (_cache[8] = (...args) => $setup.handleTogglePromptDock && $setup.handleTogglePromptDock(...args))
+      }, [
+        (0, import_vue3.renderSlot)(_ctx.$slots, "prompt-dock-icon", {}, () => [
+          _cache[24] || (_cache[24] = (0, import_vue3.createElementVNode)(
+            "svg",
+            {
+              viewBox: "0 0 24 24",
+              width: "14",
+              height: "14",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "aria-hidden": "true"
+            },
+            [
+              (0, import_vue3.createElementVNode)("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" })
+            ],
+            -1
+            /* CACHED */
+          ))
+        ])
+      ], 8, _hoisted_19)) : (0, import_vue3.createCommentVNode)("v-if", true),
+      !$setup.isSplitMode ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("button", {
+        key: 5,
+        class: "aipanel-header-btn minimize",
+        type: "button",
+        title: $setup.minimized ? "\u5C55\u5F00" : "\u6700\u5C0F\u5316",
+        "aria-label": $setup.minimized ? "\u5C55\u5F00\u9762\u677F" : "\u6700\u5C0F\u5316\u9762\u677F",
+        "aria-pressed": $setup.minimized,
+        onClick: _cache[9] || (_cache[9] = (...args) => $setup.handleToggleMinimize && $setup.handleToggleMinimize(...args))
+      }, [
+        (0, import_vue3.renderSlot)(_ctx.$slots, "minimize-icon", {}, () => [
+          $setup.minimized ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("svg", _hoisted_21, [..._cache[25] || (_cache[25] = [
+            (0, import_vue3.createElementVNode)(
+              "path",
+              { d: "M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3" },
+              null,
+              -1
+              /* CACHED */
+            )
+          ])])) : ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("svg", _hoisted_22, [..._cache[26] || (_cache[26] = [
+            (0, import_vue3.createElementVNode)(
+              "path",
+              { d: "M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3" },
+              null,
+              -1
+              /* CACHED */
+            )
+          ])]))
+        ])
+      ], 8, _hoisted_20)) : (0, import_vue3.createCommentVNode)("v-if", true),
+      !$setup.isSplitMode ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("button", {
+        key: 6,
+        class: "aipanel-header-btn close",
+        type: "button",
+        title: "\u5173\u95ED",
+        "aria-label": "\u5173\u95ED\u9762\u677F",
+        onClick: _cache[10] || (_cache[10] = (...args) => $setup.handleClose && $setup.handleClose(...args))
+      }, [
+        (0, import_vue3.renderSlot)(_ctx.$slots, "close-icon", {}, () => [
+          _cache[27] || (_cache[27] = (0, import_vue3.createElementVNode)(
+            "svg",
+            {
+              viewBox: "0 0 24 24",
+              width: "14",
+              height: "14",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "aria-hidden": "true"
+            },
+            [
+              (0, import_vue3.createElementVNode)("path", { d: "M18 6L6 18M6 6l12 12" })
+            ],
+            -1
+            /* CACHED */
+          ))
+        ])
+      ])) : (0, import_vue3.createCommentVNode)("v-if", true)
+    ])
+  ]);
+}
+__vue_sfc__.render = __vue_render__;
+var Header_vue_default = __vue_sfc__;