@vite-plugin-opencode-assistant/components 1.1.6 → 1.1.8

package/es/index.d.ts

@@ -1,5 +1,5 @@
 import type { App } from 'vue';
-declare const version = "1.1.6";
+declare const version = "1.1.8";
 declare function install(app: App<any>, options?: any): void;
 export { install, version, };
 export * from './open-code-widget';

package/es/index.mjs

@@ -1,5 +1,5 @@
 import { OpenCodeWidget } from "./open-code-widget/index.mjs";
-const version = "1.1.6";
+const version = "1.1.8";
 function install(app, options) {
   const components = [
     OpenCodeWidget

package/es/open-code-widget/composables/use-split.mjs

@@ -5,6 +5,9 @@ function useSplitMode(options) {
   const windowWidth = ref(typeof window !== "undefined" ? window.innerWidth : 0);
   const localSplitPosition = ref((_b = (_a = options.splitPosition) == null ? void 0 : _a.value) != null ? _b : "right");
   const isExtensionMode = computed(() => options.displayMode.value === "extension");
+  const shouldSkipBodyModification = computed(
+    () => isExtensionMode.value || options.displayMode.value === "extension-selector"
+  );
   const splitConfig = computed(() => {
     var _a2, _b2, _c, _d, _e, _f, _g;
     const config = options.splitMode.value || {};
@@ -55,7 +58,13 @@ function useSplitMode(options) {
   };
   const updateBodyClass = () => {
     if (typeof document === "undefined") return;
-    if (isExtensionMode.value) return;
+    if (shouldSkipBodyModification.value) {
+      document.body.classList.remove("has-opencode-split");
+      document.body.classList.remove("has-opencode-split-left");
+      document.body.classList.remove("has-opencode-split-right");
+      document.body.style.removeProperty("--opencode-split-width");
+      return;
+    }
     const shouldShrink = isSplitMode.value && options.open.value && splitConfig.value.shrinkPage;
     if (shouldShrink) {
       document.body.classList.add("has-opencode-split");
@@ -74,7 +83,9 @@ function useSplitMode(options) {
       document.body.style.removeProperty("--opencode-split-width");
     }
   };
-  watch([isSplitMode, options.open, panelWidth, splitPosition], updateBodyClass, { immediate: true });
+  watch([isSplitMode, options.open, panelWidth, splitPosition], updateBodyClass, {
+    immediate: true
+  });
   watch(splitConfig, (config) => {
     if (panelWidth.value < config.minWidth) {
       panelWidth.value = config.minWidth;

package/lib/index.cjs

@@ -26,7 +26,7 @@ module.exports = __toCommonJS(lib_exports);
 var import_open_code_widget = require("./open-code-widget/index.cjs");
 __reExport(lib_exports, require("./open-code-widget/index.cjs"), module.exports);
 __reExport(lib_exports, require("./setup.cjs"), module.exports);
-const version = "1.1.6";
+const version = "1.1.8";
 function install(app, options) {
   const components = [
     import_open_code_widget.OpenCodeWidget

package/lib/index.d.ts

@@ -1,5 +1,5 @@
 import type { App } from 'vue';
-declare const version = "1.1.6";
+declare const version = "1.1.8";
 declare function install(app: App<any>, options?: any): void;
 export { install, version, };
 export * from './open-code-widget';

package/lib/open-code-widget/composables/use-split.cjs

@@ -27,6 +27,9 @@ function useSplitMode(options) {
   const windowWidth = (0, import_vue.ref)(typeof window !== "undefined" ? window.innerWidth : 0);
   const localSplitPosition = (0, import_vue.ref)((_b = (_a = options.splitPosition) == null ? void 0 : _a.value) != null ? _b : "right");
   const isExtensionMode = (0, import_vue.computed)(() => options.displayMode.value === "extension");
+  const shouldSkipBodyModification = (0, import_vue.computed)(
+    () => isExtensionMode.value || options.displayMode.value === "extension-selector"
+  );
   const splitConfig = (0, import_vue.computed)(() => {
     var _a2, _b2, _c, _d, _e, _f, _g;
     const config = options.splitMode.value || {};
@@ -77,7 +80,13 @@ function useSplitMode(options) {
   };
   const updateBodyClass = () => {
     if (typeof document === "undefined") return;
-    if (isExtensionMode.value) return;
+    if (shouldSkipBodyModification.value) {
+      document.body.classList.remove("has-opencode-split");
+      document.body.classList.remove("has-opencode-split-left");
+      document.body.classList.remove("has-opencode-split-right");
+      document.body.style.removeProperty("--opencode-split-width");
+      return;
+    }
     const shouldShrink = isSplitMode.value && options.open.value && splitConfig.value.shrinkPage;
     if (shouldShrink) {
       document.body.classList.add("has-opencode-split");
@@ -96,7 +105,9 @@ function useSplitMode(options) {
       document.body.style.removeProperty("--opencode-split-width");
     }
   };
-  (0, import_vue.watch)([isSplitMode, options.open, panelWidth, splitPosition], updateBodyClass, { immediate: true });
+  (0, import_vue.watch)([isSplitMode, options.open, panelWidth, splitPosition], updateBodyClass, {
+    immediate: true
+  });
   (0, import_vue.watch)(splitConfig, (config) => {
     if (panelWidth.value < config.minWidth) {
       panelWidth.value = config.minWidth;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vite-plugin-opencode-assistant/components",
-  "version": "1.1.6",
+  "version": "1.1.8",
   "description": "Reusable OpenCode widget components built with Pagoda CLI",
   "type": "module",
   "main": "lib/index.cjs",
@@ -31,7 +31,7 @@
   },
   "dependencies": {
     "css-selector-generator": "^3.9.2",
-    "@vite-plugin-opencode-assistant/shared": "1.1.6"
+    "@vite-plugin-opencode-assistant/shared": "1.1.8"
   },
   "scripts": {
     "build": "pagoda-cli build",