@vite-plugin-opencode-assistant/components 1.0.5

package/lib/open-code-widget/src/index.vue.js

@@ -0,0 +1,491 @@
+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 index_vue_exports = {};
+__export(index_vue_exports, {
+  default: () => index_vue_default
+});
+module.exports = __toCommonJS(index_vue_exports);
+var import_index_sfc = require("./index-sfc.css");
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_Frame_vue = __toESM(require("./components/Frame.vue.js"));
+var import_Header_vue = __toESM(require("./components/Header.vue.js"));
+var import_SelectHint_vue = __toESM(require("./components/SelectHint.vue.js"));
+var import_SelectedBubbles_vue = __toESM(require("./components/SelectedBubbles.vue.js"));
+var import_SelectedNodes_vue = __toESM(require("./components/SelectedNodes.vue.js"));
+var import_SessionList_vue = __toESM(require("./components/SessionList.vue.js"));
+var import_Trigger_vue = __toESM(require("./components/Trigger.vue.js"));
+var import_use_selection = require("../composables/use-selection");
+var import_use_session = require("../composables/use-session");
+var import_use_widget = require("../composables/use-widget");
+var import_use_inspector = require("../composables/use-inspector");
+var import_context = require("./context");
+var import_vue3 = require("vue");
+const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProps(__spreadValues({}, {
+  name: "OpencodeWidget"
+}), {
+  __name: "index",
+  props: {
+    position: { type: String, required: false, default: "bottom-right" },
+    open: { type: Boolean, required: false, default: false },
+    theme: { type: String, required: false, default: "light" },
+    title: { type: String, required: false, default: "AI \u52A9\u624B" },
+    hotkeyLabel: { type: String, required: false, default: "Ctrl+K" },
+    selectShortcutLabel: { type: String, required: false, default: "\u6309 ESC \u6216 Ctrl+P \u9000\u51FA" },
+    selectMode: { type: Boolean, required: false, default: false },
+    sessionListCollapsed: { type: Boolean, required: false, default: true },
+    loading: { type: Boolean, required: false, default: false },
+    loadingSessionList: { type: Boolean, required: false },
+    showEmptyState: { type: Boolean, required: false, default: false },
+    iframeSrc: { type: String, required: false, default: "" },
+    sessions: { type: Array, required: false, default: () => [] },
+    currentSessionId: { type: [String, null], required: false, default: null },
+    selectedElements: { type: Array, required: false, default: () => [] },
+    showClearAll: { type: Boolean, required: false, default: true },
+    selectEnabled: { type: Boolean, required: false, default: true },
+    emptyStateText: { type: String, required: false, default: "\u5F53\u524D\u9879\u76EE\u6682\u65E0\u4F1A\u8BDD" },
+    emptyStateActionText: { type: String, required: false, default: "\u7ACB\u5373\u521B\u5EFA" }
+  },
+  emits: ["update:open", "update:selectMode", "update:sessionListCollapsed", "update:currentSessionId", "update:selectedElements", "toggle", "close", "toggle-session-list", "toggle-select-mode", "create-session", "select-session", "delete-session", "click-selected-node", "remove-selected-node", "clear-selected-nodes", "empty-action"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const slots = (0, import_vue2.useSlots)();
+    const notificationMessage = (0, import_vue2.ref)("");
+    const notificationVisible = (0, import_vue2.ref)(false);
+    let notificationTimer = null;
+    const showNotification = (message, duration = 3e3) => {
+      notificationMessage.value = message;
+      notificationVisible.value = true;
+      if (notificationTimer) clearTimeout(notificationTimer);
+      notificationTimer = setTimeout(() => {
+        notificationVisible.value = false;
+      }, duration);
+    };
+    const dialogVisible = (0, import_vue2.ref)(false);
+    const dialogMessage = (0, import_vue2.ref)("");
+    let dialogResolve = null;
+    const showConfirmDialog = (message) => {
+      dialogMessage.value = message;
+      dialogVisible.value = true;
+      return new Promise((resolve) => {
+        dialogResolve = resolve;
+      });
+    };
+    const handleDialogConfirm = () => {
+      dialogVisible.value = false;
+      if (dialogResolve) dialogResolve(true);
+    };
+    const handleDialogCancel = () => {
+      dialogVisible.value = false;
+      if (dialogResolve) dialogResolve(false);
+    };
+    __expose({
+      showNotification,
+      showConfirmDialog
+    });
+    const localSessionListCollapsed = (0, import_vue2.ref)(props.sessionListCollapsed);
+    (0, import_vue2.watch)(
+      () => props.sessionListCollapsed,
+      (val) => {
+        localSessionListCollapsed.value = val;
+      }
+    );
+    const {
+      buttonActive,
+      containerClasses,
+      iframeSource,
+      sessionListTitle,
+      handleClose,
+      handleEmptyAction,
+      handleToggle,
+      handleToggleSessionList
+    } = (0, import_use_widget.useWidget)({
+      position: (0, import_vue2.toRef)(props, "position"),
+      theme: (0, import_vue2.toRef)(props, "theme"),
+      open: (0, import_vue2.toRef)(props, "open"),
+      selectMode: (0, import_vue2.toRef)(props, "selectMode"),
+      iframeSrc: (0, import_vue2.toRef)(props, "iframeSrc"),
+      sessionListCollapsed: localSessionListCollapsed,
+      onToggle: (nextOpen) => {
+        emit("update:open", nextOpen);
+        emit("toggle", nextOpen);
+      },
+      onToggleSelectMode: (mode) => {
+        emit("update:selectMode", mode);
+        emit("toggle-select-mode", mode);
+      },
+      onClose: () => {
+        emit("update:open", false);
+        emit("close");
+      },
+      onToggleSessionList: (collapsed) => {
+        localSessionListCollapsed.value = collapsed;
+        emit("update:sessionListCollapsed", collapsed);
+        emit("toggle-session-list", collapsed);
+      },
+      onEmptyAction: () => {
+        emit("empty-action");
+      }
+    });
+    const { sessionItems, handleCreateSession, handleDeleteSession, handleSelectSession } = (0, import_use_session.useSession)({
+      sessions: (0, import_vue2.toRef)(props, "sessions"),
+      currentSessionId: (0, import_vue2.toRef)(props, "currentSessionId"),
+      onCreateSession: () => emit("create-session"),
+      onSelectSession: (session) => {
+        emit("update:currentSessionId", session.id);
+        emit("select-session", session);
+      },
+      onDeleteSession: (session) => emit("delete-session", session),
+      showConfirmDialog
+    });
+    const {
+      bubbleVisible,
+      hasSelectedElements,
+      selectedElementItems,
+      handleClearSelectedNodes,
+      handleClickSelectedNode,
+      handleRemoveSelectedNode,
+      handleToggleSelectMode
+    } = (0, import_use_selection.useSelection)({
+      selectMode: (0, import_vue2.toRef)(props, "selectMode"),
+      selectedElements: (0, import_vue2.toRef)(props, "selectedElements"),
+      onToggleSelectMode: (mode) => {
+        emit("update:selectMode", mode);
+        emit("toggle-select-mode", mode);
+      },
+      onRemoveSelectedNode: (payload) => {
+        emit("remove-selected-node", payload);
+        const newElements = [...props.selectedElements];
+        newElements.splice(payload.index, 1);
+        emit("update:selectedElements", newElements);
+      },
+      onClearSelectedNodes: () => {
+        emit("clear-selected-nodes");
+        emit("update:selectedElements", []);
+      },
+      showConfirmDialog
+    });
+    const { highlightVisible, highlightStyle, tooltipVisible, tooltipStyle, tooltipContent } = (0, import_use_inspector.useInspector)({
+      selectMode: (0, import_vue2.toRef)(props, "selectMode"),
+      onAddSelectedNode: (element) => {
+        emit("click-selected-node", element);
+      },
+      onExitSelectMode: () => {
+        emit("update:selectMode", false);
+        emit("toggle-select-mode", false);
+      }
+    });
+    (0, import_context.provideOpenCodeWidgetContext)({
+      theme: (0, import_vue2.toRef)(props, "theme"),
+      title: (0, import_vue2.toRef)(props, "title"),
+      hotkeyLabel: (0, import_vue2.toRef)(props, "hotkeyLabel"),
+      selectShortcutLabel: (0, import_vue2.toRef)(props, "selectShortcutLabel"),
+      selectMode: (0, import_vue2.toRef)(props, "selectMode"),
+      selectEnabled: (0, import_vue2.toRef)(props, "selectEnabled"),
+      sessionListCollapsed: localSessionListCollapsed,
+      loading: (0, import_vue2.toRef)(props, "loading"),
+      loadingSessionList: (0, import_vue2.toRef)(props, "loadingSessionList"),
+      showEmptyState: (0, import_vue2.toRef)(props, "showEmptyState"),
+      emptyStateText: (0, import_vue2.toRef)(props, "emptyStateText"),
+      emptyStateActionText: (0, import_vue2.toRef)(props, "emptyStateActionText"),
+      showClearAll: (0, import_vue2.toRef)(props, "showClearAll"),
+      open: (0, import_vue2.toRef)(props, "open"),
+      iframeSource,
+      buttonActive,
+      sessionListTitle,
+      bubbleVisible,
+      hasSelectedElements,
+      sessionItems,
+      selectedElementItems,
+      handleToggle,
+      handleClose,
+      handleToggleSessionList,
+      handleEmptyAction,
+      handleCreateSession,
+      handleSelectSession,
+      handleDeleteSession,
+      handleToggleSelectMode,
+      handleClickSelectedNode,
+      handleRemoveSelectedNode: (payload) => handleRemoveSelectedNode(payload.item, payload.index, payload.source),
+      handleClearSelectedNodes
+    });
+    const __returned__ = { props, emit, slots, notificationMessage, notificationVisible, get notificationTimer() {
+      return notificationTimer;
+    }, set notificationTimer(v) {
+      notificationTimer = v;
+    }, showNotification, dialogVisible, dialogMessage, get dialogResolve() {
+      return dialogResolve;
+    }, set dialogResolve(v) {
+      dialogResolve = v;
+    }, showConfirmDialog, handleDialogConfirm, handleDialogCancel, localSessionListCollapsed, buttonActive, containerClasses, iframeSource, sessionListTitle, handleClose, handleEmptyAction, handleToggle, handleToggleSessionList, sessionItems, handleCreateSession, handleDeleteSession, handleSelectSession, bubbleVisible, hasSelectedElements, selectedElementItems, handleClearSelectedNodes, handleClickSelectedNode, handleRemoveSelectedNode, handleToggleSelectMode, highlightVisible, highlightStyle, tooltipVisible, tooltipStyle, tooltipContent, Frame: import_Frame_vue.default, Header: import_Header_vue.default, SelectHint: import_SelectHint_vue.default, SelectedBubbles: import_SelectedBubbles_vue.default, SelectedNodes: import_SelectedNodes_vue.default, SessionList: import_SessionList_vue.default, Trigger: import_Trigger_vue.default };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+}));
+const _hoisted_1 = {
+  key: 0,
+  class: "opencode-notification",
+  role: "alert"
+};
+const _hoisted_2 = { class: "opencode-chat-content" };
+const _hoisted_3 = { class: "opencode-tooltip-tag" };
+const _hoisted_4 = { class: "opencode-tooltip-file" };
+const _hoisted_5 = {
+  key: 1,
+  class: "opencode-dialog-overlay"
+};
+const _hoisted_6 = {
+  class: "opencode-dialog",
+  role: "alertdialog",
+  "aria-modal": "true"
+};
+const _hoisted_7 = { class: "opencode-dialog-content" };
+const _hoisted_8 = { class: "opencode-dialog-message" };
+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.containerClasses)
+    },
+    [
+      (0, import_vue3.createVNode)(
+        $setup["Trigger"],
+        null,
+        (0, import_vue3.createSlots)({
+          _: 2
+          /* DYNAMIC */
+        }, [
+          $setup.slots["button-icon"] ? {
+            name: "default",
+            fn: (0, import_vue3.withCtx)(() => [
+              (0, import_vue3.renderSlot)(_ctx.$slots, "button-icon")
+            ]),
+            key: "0"
+          } : void 0
+        ]),
+        1024
+        /* DYNAMIC_SLOTS */
+      ),
+      $setup.bubbleVisible ? ((0, import_vue3.openBlock)(), (0, import_vue3.createBlock)($setup["SelectedBubbles"], { key: 0 })) : (0, import_vue3.createCommentVNode)("v-if", true),
+      (0, import_vue3.withDirectives)((0, import_vue3.createElementVNode)(
+        "div",
+        {
+          class: (0, import_vue3.normalizeClass)(["opencode-chat", { open: $props.open }])
+        },
+        [
+          (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 */
+          ),
+          (0, import_vue3.createCommentVNode)(" Notification "),
+          $setup.notificationVisible ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)(
+            "div",
+            _hoisted_1,
+            (0, import_vue3.toDisplayString)($setup.notificationMessage),
+            1
+            /* TEXT */
+          )) : (0, import_vue3.createCommentVNode)("v-if", true),
+          (0, import_vue3.createElementVNode)("div", _hoisted_2, [
+            (0, import_vue3.createVNode)($setup["SessionList"], null, {
+              empty: (0, import_vue3.withCtx)(() => [
+                (0, import_vue3.renderSlot)(_ctx.$slots, "sessions-empty", {}, () => [
+                  _cache[0] || (_cache[0] = (0, import_vue3.createElementVNode)(
+                    "div",
+                    { class: "opencode-session-empty" },
+                    "\u6682\u65E0\u4F1A\u8BDD",
+                    -1
+                    /* CACHED */
+                  ))
+                ])
+              ]),
+              _: 3
+              /* FORWARDED */
+            }),
+            (0, import_vue3.createVNode)(
+              $setup["Frame"],
+              null,
+              (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.content ? {
+                  name: "content",
+                  fn: (0, import_vue3.withCtx)(() => [
+                    (0, import_vue3.renderSlot)(_ctx.$slots, "content")
+                  ]),
+                  key: "2"
+                } : void 0
+              ]),
+              1024
+              /* DYNAMIC_SLOTS */
+            ),
+            (0, import_vue3.createVNode)($setup["SelectedNodes"])
+          ])
+        ],
+        2
+        /* CLASS */
+      ), [
+        [import_vue3.vShow, !$props.selectMode]
+      ]),
+      (0, import_vue3.createVNode)($setup["SelectHint"]),
+      (0, import_vue3.createCommentVNode)(" Inspector Highlight "),
+      (0, import_vue3.withDirectives)((0, import_vue3.createElementVNode)(
+        "div",
+        {
+          class: "opencode-element-highlight",
+          style: (0, import_vue3.normalizeStyle)(__spreadValues({
+            display: $setup.highlightVisible ? "block" : "none"
+          }, $setup.highlightStyle))
+        },
+        null,
+        4
+        /* STYLE */
+      ), [
+        [import_vue3.vShow, $setup.highlightVisible]
+      ]),
+      (0, import_vue3.createCommentVNode)(" Inspector Tooltip "),
+      (0, import_vue3.withDirectives)((0, import_vue3.createElementVNode)(
+        "div",
+        {
+          class: "opencode-element-tooltip",
+          style: (0, import_vue3.normalizeStyle)(__spreadValues({
+            display: $setup.tooltipVisible ? "block" : "none"
+          }, $setup.tooltipStyle))
+        },
+        [
+          (0, import_vue3.createElementVNode)(
+            "div",
+            _hoisted_3,
+            (0, import_vue3.toDisplayString)($setup.tooltipContent.description),
+            1
+            /* TEXT */
+          ),
+          (0, import_vue3.createElementVNode)(
+            "div",
+            _hoisted_4,
+            (0, import_vue3.toDisplayString)($setup.tooltipContent.fileInfo),
+            1
+            /* TEXT */
+          )
+        ],
+        4
+        /* STYLE */
+      ), [
+        [import_vue3.vShow, $setup.tooltipVisible]
+      ]),
+      (0, import_vue3.createCommentVNode)(" Dialog "),
+      $setup.dialogVisible ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("div", _hoisted_5, [
+        (0, import_vue3.createElementVNode)("div", _hoisted_6, [
+          (0, import_vue3.createElementVNode)("div", _hoisted_7, [
+            (0, import_vue3.createElementVNode)(
+              "div",
+              _hoisted_8,
+              (0, import_vue3.toDisplayString)($setup.dialogMessage),
+              1
+              /* TEXT */
+            )
+          ]),
+          (0, import_vue3.createElementVNode)("div", { class: "opencode-dialog-actions" }, [
+            (0, import_vue3.createElementVNode)("button", {
+              class: "opencode-dialog-btn cancel",
+              onClick: $setup.handleDialogCancel
+            }, "\u53D6\u6D88"),
+            (0, import_vue3.createElementVNode)("button", {
+              class: "opencode-dialog-btn confirm",
+              onClick: $setup.handleDialogConfirm
+            }, "\u786E\u8BA4")
+          ])
+        ])
+      ])) : (0, import_vue3.createCommentVNode)("v-if", true)
+    ],
+    2
+    /* CLASS */
+  );
+}
+__vue_sfc__.render = __vue_render__;
+var index_vue_default = __vue_sfc__;

package/lib/open-code-widget/src/types.d.ts

@@ -0,0 +1,74 @@
+export type OpenCodeWidgetPosition = "bottom-right" | "bottom-left" | "top-right" | "top-left";
+export type OpenCodeWidgetTheme = "light" | "dark" | "auto";
+export interface OpenCodeWidgetSession {
+    id: string;
+    title?: string;
+    updatedAt?: string | number | Date;
+    meta?: string;
+    directory?: string;
+}
+export interface OpenCodeSelectedElement {
+    filePath: string | null;
+    line: number | null;
+    column: number | null;
+    innerText: string;
+    description: string;
+}
+export interface OpenCodeWidgetProps {
+    position?: OpenCodeWidgetPosition;
+    open?: boolean;
+    theme?: OpenCodeWidgetTheme;
+    title?: string;
+    hotkeyLabel?: string;
+    selectShortcutLabel?: string;
+    selectMode?: boolean;
+    sessionListCollapsed?: boolean;
+    loading?: boolean;
+    loadingSessionList?: boolean;
+    showEmptyState?: boolean;
+    iframeSrc?: string;
+    sessions?: OpenCodeWidgetSession[];
+    currentSessionId?: string | null;
+    selectedElements?: OpenCodeSelectedElement[];
+    showClearAll?: boolean;
+    selectEnabled?: boolean;
+    emptyStateText?: string;
+    emptyStateActionText?: string;
+}
+export type OpenCodeWidgetEmits = {
+    (e: "update:open", value: boolean): void;
+    (e: "update:selectMode", value: boolean): void;
+    (e: "update:sessionListCollapsed", value: boolean): void;
+    (e: "update:currentSessionId", value: string | null): void;
+    (e: "update:selectedElements", value: OpenCodeSelectedElement[]): void;
+    (e: "toggle", value: boolean): void;
+    (e: "close"): void;
+    (e: "toggle-session-list", value: boolean): void;
+    (e: "toggle-select-mode", value: boolean): void;
+    (e: "create-session"): void;
+    (e: "select-session", session: OpenCodeWidgetSession): void;
+    (e: "delete-session", session: OpenCodeWidgetSession): void;
+    (e: "click-selected-node", element: OpenCodeSelectedElement): void;
+    (e: "remove-selected-node", payload: OpenCodeRemoveSelectedPayload): void;
+    (e: "clear-selected-nodes"): void;
+    (e: "empty-action"): void;
+};
+export interface OpenCodeRemoveSelectedPayload {
+    element: OpenCodeSelectedElement;
+    index: number;
+    source: "panel" | "bubble";
+}
+export interface OpenCodeWidgetSessionItem {
+    key: string;
+    title: string;
+    meta: string;
+    active: boolean;
+    session: OpenCodeWidgetSession;
+}
+export interface OpenCodeSelectedElementItem {
+    key: string;
+    description: string;
+    bubbleFileText: string;
+    panelFileText: string;
+    element: OpenCodeSelectedElement;
+}

package/lib/open-code-widget/src/types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/web-types.json

@@ -0,0 +1 @@
+{"$schema":"https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json","framework":"vue","name":"@vite-plugin-opencode-assistant/components","version":"1.0.5","contributions":{"html":{"tags":[{"name":"open-code","attributes":[{"name":"","default":"`'bottom-right'`","description":"挂件显示的位置","value":{"type":"`'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'`","kind":"expression"}},{"name":"","default":"`false`","description":"挂件是否打开","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`'light'`","description":"主题模式","value":{"type":"`'light' | 'dark' | 'auto'`","kind":"expression"}},{"name":"","default":"`'AI 助手'`","description":"助手头部显示的标题","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`''`","description":"Web UI 的 URL 来源","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`false`","description":"是否进入选择页面元素模式","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`false`","description":"是否显示加载状态","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`[]`","description":"会话列表数据","value":{"type":"`OpenCodeWidgetSessionItem[]`","kind":"expression"}},{"name":"","default":"`null`","description":"当前选中的会话 ID","value":{"type":"`string | null`","kind":"expression"}},{"name":"","default":"`[]`","description":"已选中的元素列表","value":{"type":"`OpenCodeSelectedElement[]`","kind":"expression"}}],"events":[{"name":"`update:open`","description":"当挂件打开或关闭时触发","arguments":[{"name":"open","type":"en"},{"name":"boolean"}]},{"name":"","description":"点击触发挂件开关","arguments":[{"name":"open","type":"en"},{"name":"boolean"}]},{"name":"","description":"点击关闭按钮时触发","arguments":[]},{"name":"`toggle-select-mode`","description":"点击选择模式切换按钮时触发","arguments":[{"name":"mode","type":"de"},{"name":"boolean"}]},{"name":"`click-selected-node`","description":"点击已选中的气泡或节点卡片时触发","arguments":[{"name":"element","type":"nt"},{"name":"OpenCodeSelectedElement"}]},{"name":"`remove-selected-node`","description":"删除已选中的元素时触发","arguments":[{"name":"payload","type":"ad"},{"name":"OpenCodeRemoveSelectedPayload"}]},{"name":"`clear-selected-nodes`","description":"清空所有选中元素时触发","arguments":[]},{"name":"`create-session`","description":"点击创建新会话时触发","arguments":[]},{"name":"`select-session`","description":"选中某个历史会话时触发","arguments":[{"name":"session","type":"on"},{"name":"OpenCodeWidgetSessionItem"}]},{"name":"`delete-session`","description":"删除某个历史会话时触发","arguments":[{"name":"session","type":"on"},{"name":"OpenCodeWidgetSessionItem"}]}]}],"attributes":[]}},"js-types-syntax":"typescript"}

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@vite-plugin-opencode-assistant/components",
+  "version": "1.0.5",
+  "description": "Reusable OpenCode widget components built with Pagoda CLI",
+  "type": "module",
+  "main": "lib/index.js",
+  "module": "es/index.js",
+  "types": "es/index.d.ts",
+  "files": [
+    "es",
+    "lib"
+  ],
+  "exports": {
+    ".": {
+      "types": "./es/index.d.ts",
+      "import": "./es/index.js",
+      "require": "./lib/index.js"
+    },
+    "./style.css": "./lib/index.css"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "sideEffects": [
+    "**/*.css",
+    "**/*.vue"
+  ],
+  "peerDependencies": {
+    "vue": "^3.5.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.5",
+    "@vue/test-utils": "^2.4.6",
+    "jsdom": "^29.0.2",
+    "vitest": "^1.6.1",
+    "vue": "^3.5.13",
+    "vue-tsc": "^2.2.12"
+  },
+  "scripts": {
+    "build": "pagoda-cli build",
+    "docs:dev": "pagoda-cli site",
+    "docs:build": "pagoda-cli build-site",
+    "test": "vitest run"
+  }
+}