@vite-plugin-opencode-assistant/components 1.0.36 → 1.0.38

package/lib/open-code-widget/src/components/ChatPanel.vue.js

@@ -0,0 +1,315 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ChatPanel_vue_exports = {};
+__export(ChatPanel_vue_exports, {
+  default: () => ChatPanel_vue_default
+});
+module.exports = __toCommonJS(ChatPanel_vue_exports);
+var import_ChatPanel_sfc = require("./ChatPanel-sfc.css");
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_Frame_vue = __toESM(require("./Frame.vue.js"));
+var import_Header_vue = __toESM(require("./Header.vue.js"));
+var import_SessionList_vue = __toESM(require("./SessionList.vue.js"));
+var import_SelectedNodes_vue = __toESM(require("./SelectedNodes.vue.js"));
+var import_ResizeHandle_vue = __toESM(require("./ResizeHandle.vue.js"));
+var import_vue3 = require("vue");
+const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProps(__spreadValues({}, {
+  name: "ChatPanel"
+}), {
+  __name: "ChatPanel",
+  props: {
+    mode: { type: String, required: false, default: "bubble" },
+    open: { type: Boolean, required: false, default: false },
+    minimized: { type: Boolean, required: false, default: false },
+    positionStyle: { type: Object, required: false, default: () => ({}) },
+    animationOrigin: { type: Object, required: false, default: () => ({ x: "20px", y: "20px" }) },
+    panelWidth: { type: Number, required: false, default: 500 },
+    resizable: { type: Boolean, required: false, default: true },
+    minWidth: { type: Number, required: false, default: 400 },
+    maxWidth: { type: Number, required: false, default: 800 },
+    noTransition: { type: Boolean, required: false, default: false },
+    dragging: { type: Boolean, required: false, default: false },
+    notificationVisible: { type: Boolean, required: false, default: false },
+    notificationMessage: { type: String, required: false, default: "" },
+    notificationMode: { type: String, required: false, default: "widget" },
+    thinking: { type: Boolean, required: false, default: false },
+    resolvedTheme: { type: String, required: false, default: "light" }
+  },
+  emits: ["resize", "resize-start", "resize-end", "toggle"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    (0, import_vue.useCssVars)((_ctx) => ({
+      "-animationOrigin.x": _ctx.animationOrigin.x,
+      "-animationOrigin.y": _ctx.animationOrigin.y
+    }));
+    const props = __props;
+    const emit = __emit;
+    const slots = (0, import_vue2.useSlots)();
+    const frameRef = (0, import_vue2.ref)(null);
+    const sendMessageToIframe = (type, data) => {
+      var _a;
+      (_a = frameRef.value) == null ? void 0 : _a.sendMessageToIframe(type, data);
+    };
+    __expose({
+      sendMessageToIframe,
+      frameRef
+    });
+    const handleResizeStart = () => {
+      emit("resize-start");
+    };
+    const handleResize = (width) => {
+      emit("resize", width);
+    };
+    const handleResizeEnd = () => {
+      emit("resize-end");
+    };
+    const handleToggle = () => {
+      emit("toggle");
+    };
+    const panelStyle = (0, import_vue2.computed)(() => {
+      if (props.mode === "split") {
+        return {
+          width: `${props.panelWidth}px`
+        };
+      }
+      return props.positionStyle;
+    });
+    const panelClasses = (0, import_vue2.computed)(() => [
+      "opencode-chat",
+      {
+        open: props.open,
+        minimized: props.minimized,
+        dragging: props.dragging,
+        "no-transition": props.noTransition,
+        "split-mode": props.mode === "split"
+      }
+    ]);
+    const __returned__ = { props, emit, slots, frameRef, sendMessageToIframe, handleResizeStart, handleResize, handleResizeEnd, handleToggle, panelStyle, panelClasses, Frame: import_Frame_vue.default, Header: import_Header_vue.default, SessionList: import_SessionList_vue.default, SelectedNodes: import_SelectedNodes_vue.default, ResizeHandle: import_ResizeHandle_vue.default };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+}));
+const _hoisted_1 = ["aria-expanded"];
+const _hoisted_2 = { class: "opencode-split-toggle-icon" };
+const _hoisted_3 = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+};
+const _hoisted_4 = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+};
+const _hoisted_5 = {
+  key: 2,
+  class: "opencode-notification",
+  role: "alert"
+};
+const _hoisted_6 = { class: "opencode-chat-content" };
+function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)(
+    "div",
+    {
+      class: (0, import_vue3.normalizeClass)($setup.panelClasses),
+      style: (0, import_vue3.normalizeStyle)($setup.panelStyle)
+    },
+    [
+      $props.mode === "split" && $props.resizable && $props.open ? ((0, import_vue3.openBlock)(), (0, import_vue3.createBlock)($setup["ResizeHandle"], {
+        key: 0,
+        width: $props.panelWidth,
+        "min-width": $props.minWidth,
+        "max-width": $props.maxWidth,
+        onResize: $setup.handleResize,
+        onResizeStart: $setup.handleResizeStart,
+        onResizeEnd: $setup.handleResizeEnd
+      }, null, 8, ["width", "min-width", "max-width"])) : (0, import_vue3.createCommentVNode)("v-if", true),
+      $props.mode === "split" ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("button", {
+        key: 1,
+        type: "button",
+        class: (0, import_vue3.normalizeClass)(["opencode-split-toggle-btn", { open: $setup.props.open, thinking: $setup.props.thinking, "opencode-theme-dark": $props.resolvedTheme === "dark" }]),
+        "aria-expanded": $props.open,
+        "aria-label": "\u5207\u6362\u9762\u677F",
+        onClick: $setup.handleToggle
+      }, [
+        (0, import_vue3.createElementVNode)("span", _hoisted_2, [
+          $props.open ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("svg", _hoisted_3, [..._cache[0] || (_cache[0] = [
+            (0, import_vue3.createElementVNode)(
+              "path",
+              {
+                d: "M9 18l6-6-6-6",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              },
+              null,
+              -1
+              /* CACHED */
+            )
+          ])])) : ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("svg", _hoisted_4, [..._cache[1] || (_cache[1] = [
+            (0, import_vue3.createElementVNode)(
+              "path",
+              {
+                d: "M15 18l-6-6 6-6",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              },
+              null,
+              -1
+              /* CACHED */
+            )
+          ])]))
+        ])
+      ], 10, _hoisted_1)) : (0, import_vue3.createCommentVNode)("v-if", true),
+      (0, import_vue3.createVNode)(
+        $setup["Header"],
+        null,
+        (0, import_vue3.createSlots)({
+          _: 2
+          /* DYNAMIC */
+        }, [
+          $setup.slots["session-toggle-icon"] ? {
+            name: "session-toggle-icon",
+            fn: (0, import_vue3.withCtx)(() => [
+              (0, import_vue3.renderSlot)(_ctx.$slots, "session-toggle-icon")
+            ]),
+            key: "0"
+          } : void 0,
+          $setup.slots["select-icon"] ? {
+            name: "select-icon",
+            fn: (0, import_vue3.withCtx)(() => [
+              (0, import_vue3.renderSlot)(_ctx.$slots, "select-icon")
+            ]),
+            key: "1"
+          } : void 0,
+          $setup.slots["close-icon"] ? {
+            name: "close-icon",
+            fn: (0, import_vue3.withCtx)(() => [
+              (0, import_vue3.renderSlot)(_ctx.$slots, "close-icon")
+            ]),
+            key: "2"
+          } : void 0
+        ]),
+        1024
+        /* DYNAMIC_SLOTS */
+      ),
+      $props.notificationVisible && $props.notificationMode === "widget" ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)(
+        "div",
+        _hoisted_5,
+        (0, import_vue3.toDisplayString)($props.notificationMessage),
+        1
+        /* TEXT */
+      )) : (0, import_vue3.createCommentVNode)("v-if", true),
+      (0, import_vue3.createElementVNode)("div", _hoisted_6, [
+        (0, import_vue3.createVNode)($setup["SessionList"], null, {
+          empty: (0, import_vue3.withCtx)(() => [
+            (0, import_vue3.renderSlot)(_ctx.$slots, "sessions-empty", {}, () => [
+              _cache[2] || (_cache[2] = (0, import_vue3.createElementVNode)(
+                "div",
+                { class: "opencode-session-empty" },
+                "\u6682\u65E0\u4F1A\u8BDD",
+                -1
+                /* CACHED */
+              ))
+            ])
+          ]),
+          _: 3
+          /* FORWARDED */
+        }),
+        (0, import_vue3.createVNode)(
+          $setup["Frame"],
+          { ref: "frameRef" },
+          (0, import_vue3.createSlots)({
+            _: 2
+            /* DYNAMIC */
+          }, [
+            $setup.slots["empty-state"] ? {
+              name: "empty-state",
+              fn: (0, import_vue3.withCtx)(() => [
+                (0, import_vue3.renderSlot)(_ctx.$slots, "empty-state")
+              ]),
+              key: "0"
+            } : void 0,
+            $setup.slots.loading ? {
+              name: "loading",
+              fn: (0, import_vue3.withCtx)(() => [
+                (0, import_vue3.renderSlot)(_ctx.$slots, "loading")
+              ]),
+              key: "1"
+            } : void 0,
+            $setup.slots.error ? {
+              name: "error",
+              fn: (0, import_vue3.withCtx)(() => [
+                (0, import_vue3.renderSlot)(_ctx.$slots, "error")
+              ]),
+              key: "2"
+            } : void 0,
+            $setup.slots.content ? {
+              name: "content",
+              fn: (0, import_vue3.withCtx)(() => [
+                (0, import_vue3.renderSlot)(_ctx.$slots, "content")
+              ]),
+              key: "3"
+            } : void 0
+          ]),
+          1536
+          /* NEED_PATCH, DYNAMIC_SLOTS */
+        ),
+        (0, import_vue3.createVNode)($setup["SelectedNodes"])
+      ])
+    ],
+    6
+    /* CLASS, STYLE */
+  );
+}
+__vue_sfc__.render = __vue_render__;
+var ChatPanel_vue_default = __vue_sfc__;

package/lib/open-code-widget/src/components/Header.vue.js

@@ -39,6 +39,7 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
       resolvedTheme,
       minimized,
       promptDockVisible,
+      mode,
       handleToggleSessionList,
       handleToggleSelectMode,
       handleToggleTheme,
@@ -46,6 +47,7 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
       handleToggleMinimize,
       handleTogglePromptDock
     } = (0, import_context.useOpenCodeWidgetContext)();
+    const isSplitMode = (0, import_vue2.computed)(() => mode.value === "split");
     const themeIconTitle = (0, import_vue2.computed)(() => {
       const themeLabels = {
         auto: "\u81EA\u52A8",
@@ -62,7 +64,7 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
       };
       return `\u5207\u6362\u4E3B\u9898 - \u5F53\u524D: ${themeLabels[theme.value]}`;
     });
-    const __returned__ = { title, sessionListTitle, sessionListCollapsed, selectMode, selectEnabled, theme, resolvedTheme, minimized, promptDockVisible, handleToggleSessionList, handleToggleSelectMode, handleToggleTheme, handleClose, handleToggleMinimize, handleTogglePromptDock, themeIconTitle, themeIconLabel };
+    const __returned__ = { title, sessionListTitle, sessionListCollapsed, selectMode, selectEnabled, theme, resolvedTheme, minimized, promptDockVisible, mode, handleToggleSessionList, handleToggleSelectMode, handleToggleTheme, handleClose, handleToggleMinimize, handleTogglePromptDock, isSplitMode, themeIconTitle, themeIconLabel };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
@@ -225,7 +227,8 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
       /* TEXT */
     ),
     (0, import_vue3.createElementVNode)("div", _hoisted_10, [
-      (0, import_vue3.createElementVNode)("button", {
+      !$setup.isSplitMode ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("button", {
+        key: 0,
         class: "opencode-header-btn prompt-dock",
         type: "button",
         title: $setup.promptDockVisible ? "\u9690\u85CF\u5BF9\u8BDD\u6846" : "\u663E\u793A\u5BF9\u8BDD\u6846",
@@ -252,8 +255,9 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
             /* CACHED */
           ))
         ])
-      ], 8, _hoisted_11),
-      (0, import_vue3.createElementVNode)("button", {
+      ], 8, _hoisted_11)) : (0, import_vue3.createCommentVNode)("v-if", true),
+      !$setup.isSplitMode ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("button", {
+        key: 1,
         class: "opencode-header-btn minimize",
         type: "button",
         title: $setup.minimized ? "\u5C55\u5F00" : "\u6700\u5C0F\u5316",
@@ -280,8 +284,9 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
             )
           ])]))
         ])
-      ], 8, _hoisted_12),
-      (0, import_vue3.createElementVNode)("button", {
+      ], 8, _hoisted_12)) : (0, import_vue3.createCommentVNode)("v-if", true),
+      !$setup.isSplitMode ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("button", {
+        key: 2,
         class: "opencode-header-btn close",
         type: "button",
         title: "\u5173\u95ED",
@@ -307,7 +312,7 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
             /* CACHED */
           ))
         ])
-      ])
+      ])) : (0, import_vue3.createCommentVNode)("v-if", true)
     ])
   ]);
 }

package/lib/open-code-widget/src/components/ResizeHandle-sfc.css

@@ -0,0 +1 @@
+.opencode-resize-handle{position:absolute;left:0;top:0;bottom:0;width:6px;cursor:col-resize;background:transparent;z-index:10;transition:background .2s ease}.opencode-resize-handle:hover,.opencode-resize-handle.resizing{background:var(--oc-primary-bg)}.opencode-resize-handle:after{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);width:2px;height:40px;background:var(--oc-border-secondary);border-radius:1px;opacity:0;transition:opacity .2s ease}.opencode-resize-handle:hover:after,.opencode-resize-handle.resizing:after{opacity:1}

package/lib/open-code-widget/src/components/ResizeHandle.vue.d.ts

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    width: number;
+    minWidth?: number;
+    maxWidth?: number;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    resize: (width: number) => any;
+    "resize-start": () => any;
+    "resize-end": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onResize?: ((width: number) => any) | undefined;
+    "onResize-start"?: (() => any) | undefined;
+    "onResize-end"?: (() => any) | undefined;
+}>, {
+    width: number;
+    minWidth: number;
+    maxWidth: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/lib/open-code-widget/src/components/ResizeHandle.vue.js

@@ -0,0 +1,108 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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 ResizeHandle_vue_exports = {};
+__export(ResizeHandle_vue_exports, {
+  default: () => ResizeHandle_vue_default
+});
+module.exports = __toCommonJS(ResizeHandle_vue_exports);
+var import_ResizeHandle_sfc = require("./ResizeHandle-sfc.css");
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_vue3 = require("vue");
+const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProps(__spreadValues({}, {
+  name: "ResizeHandle"
+}), {
+  __name: "ResizeHandle",
+  props: {
+    width: { type: Number, required: true, default: 500 },
+    minWidth: { type: Number, required: false, default: 400 },
+    maxWidth: { type: Number, required: false, default: 800 }
+  },
+  emits: ["resize", "resize-start", "resize-end"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const isResizing = (0, import_vue2.ref)(false);
+    const startX = (0, import_vue2.ref)(0);
+    const startWidth = (0, import_vue2.ref)(0);
+    const handleMouseDown = (e) => {
+      e.preventDefault();
+      isResizing.value = true;
+      startX.value = e.clientX;
+      startWidth.value = props.width;
+      emit("resize-start");
+      document.addEventListener("mousemove", handleMouseMove);
+      document.addEventListener("mouseup", handleMouseUp);
+    };
+    const handleMouseMove = (e) => {
+      if (!isResizing.value) return;
+      const deltaX = startX.value - e.clientX;
+      const newWidth = Math.max(props.minWidth, Math.min(props.maxWidth, startWidth.value + deltaX));
+      emit("resize", newWidth);
+    };
+    const handleMouseUp = () => {
+      isResizing.value = false;
+      emit("resize-end");
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mouseup", handleMouseUp);
+    };
+    const handleDoubleClick = () => {
+      emit("resize", 500);
+    };
+    (0, import_vue2.onUnmounted)(() => {
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mouseup", handleMouseUp);
+    });
+    const __returned__ = { props, emit, isResizing, startX, startWidth, handleMouseDown, handleMouseMove, handleMouseUp, handleDoubleClick };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+}));
+function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)(
+    "div",
+    {
+      class: (0, import_vue3.normalizeClass)(["opencode-resize-handle", { resizing: $setup.isResizing }]),
+      onMousedown: $setup.handleMouseDown,
+      onDblclick: $setup.handleDoubleClick
+    },
+    null,
+    34
+    /* CLASS, NEED_HYDRATION */
+  );
+}
+__vue_sfc__.render = __vue_render__;
+var ResizeHandle_vue_default = __vue_sfc__;

package/lib/open-code-widget/src/components/SplitTrigger-sfc.css

@@ -0,0 +1 @@
+.opencode-split-trigger{position:fixed;right:0;top:50%;transform:translateY(-50%);width:20px;height:48px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px 0 0 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:-2px 0 8px rgba(59,130,246,.25);transition:right .3s ease,width .25s cubic-bezier(.4,0,.2,1),background .25s ease,box-shadow .25s ease;z-index:99998}.opencode-split-trigger:hover{width:24px;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:-3px 0 12px rgba(59,130,246,.35)}.opencode-split-trigger.open{width:20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:8px 0 0 8px;box-shadow:-2px 0 8px rgba(59,130,246,.25)}.opencode-split-trigger.open:hover{width:24px;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:-3px 0 12px rgba(59,130,246,.35)}.opencode-split-trigger-icon{display:flex;align-items:center;justify-content:center;transition:transform .25s ease}.opencode-split-trigger:hover .opencode-split-trigger-icon{transform:scale(1.1)}.opencode-split-thinking-indicator{position:absolute;top:6px;right:6px;width:5px;height:5px;background:var(--oc-success);border-radius:50%;animation:opencode-thinking-pulse 1.5s ease-in-out infinite;box-shadow:0 0 4px rgba(16,185,129,.5)}@keyframes opencode-thinking-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}

package/lib/open-code-widget/src/components/SplitTrigger.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    open?: boolean;
+    thinking?: boolean;
+    resolvedTheme?: "light" | "dark";
+    panelWidth?: number;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    toggle: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onToggle?: (() => any) | undefined;
+}>, {
+    resolvedTheme: "light" | "dark";
+    thinking: boolean;
+    open: boolean;
+    panelWidth: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/lib/open-code-widget/src/components/SplitTrigger.vue.js

@@ -0,0 +1,147 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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 SplitTrigger_vue_exports = {};
+__export(SplitTrigger_vue_exports, {
+  default: () => SplitTrigger_vue_default
+});
+module.exports = __toCommonJS(SplitTrigger_vue_exports);
+var import_SplitTrigger_sfc = require("./SplitTrigger-sfc.css");
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_vue3 = require("vue");
+const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProps(__spreadValues({}, {
+  name: "SplitTrigger"
+}), {
+  __name: "SplitTrigger",
+  props: {
+    open: { type: Boolean, required: false, default: false },
+    thinking: { type: Boolean, required: false, default: false },
+    resolvedTheme: { type: String, required: false, default: "light" },
+    panelWidth: { type: Number, required: false, default: 500 }
+  },
+  emits: ["toggle"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const buttonClasses = (0, import_vue2.computed)(() => [
+      "opencode-split-trigger",
+      {
+        open: props.open,
+        thinking: props.thinking,
+        "opencode-theme-dark": props.resolvedTheme === "dark"
+      }
+    ]);
+    const buttonStyle = (0, import_vue2.computed)(() => {
+      if (props.open) {
+        return {
+          right: `${props.panelWidth}px`
+        };
+      }
+      return {};
+    });
+    const handleClick = () => {
+      emit("toggle");
+    };
+    const __returned__ = { props, emit, buttonClasses, buttonStyle, handleClick };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+}));
+const _hoisted_1 = ["aria-expanded"];
+const _hoisted_2 = { class: "opencode-split-trigger-icon" };
+const _hoisted_3 = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+};
+const _hoisted_4 = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "opencode-split-thinking-indicator"
+};
+function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("button", {
+    class: (0, import_vue3.normalizeClass)($setup.buttonClasses),
+    style: (0, import_vue3.normalizeStyle)($setup.buttonStyle),
+    type: "button",
+    "aria-expanded": $props.open,
+    "aria-label": "\u6253\u5F00 AI \u52A9\u624B",
+    onClick: $setup.handleClick
+  }, [
+    (0, import_vue3.createElementVNode)("span", _hoisted_2, [
+      $props.open ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("svg", _hoisted_3, [..._cache[0] || (_cache[0] = [
+        (0, import_vue3.createElementVNode)(
+          "path",
+          {
+            d: "M9 18l6-6-6-6",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          },
+          null,
+          -1
+          /* CACHED */
+        )
+      ])])) : ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("svg", _hoisted_4, [..._cache[1] || (_cache[1] = [
+        (0, import_vue3.createElementVNode)(
+          "path",
+          {
+            d: "M15 18l-6-6 6-6",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          },
+          null,
+          -1
+          /* CACHED */
+        )
+      ])]))
+    ]),
+    $props.thinking ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("span", _hoisted_5)) : (0, import_vue3.createCommentVNode)("v-if", true)
+  ], 14, _hoisted_1);
+}
+__vue_sfc__.render = __vue_render__;
+var SplitTrigger_vue_default = __vue_sfc__;