npm - @openspecui/web - Versions diffs - 3.5.0 → 3.5.2 - Mend

@openspecui/web 3.5.0 → 3.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (70) hide show

package/dist-ssg/client/assets/{init-_JOkHWu-.js → init-BJbVbp-i.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{it as e}from"./Geometry-DYOOLchf.js";import{E as t,T as n}from"./index.ssg-~~DXy3R2iH~~.js";e.add(n),e.add(t);
1	+ import{it as e}from"./Geometry-DYOOLchf.js";import{E as t,T as n}from"./index.ssg-BEtxTyFQ.js";e.add(n),e.add(t);

package/dist-ssg/client/assets/trpc-bHbo3cKe.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import{F as e}from"./index.ssg-BEtxTyFQ.js";export{e as trpcClient};

package/dist-ssg/client/assets/webworkerAll-BeYUBsxP.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import"./Geometry-DYOOLchf.js";import"./index.ssg-BEtxTyFQ.js";import"./init-BJbVbp-i.js";

package/dist-ssg/client/index.ssg.html CHANGED Viewed

@@ -35,7 +35,7 @@
         document.head.append(preconnectApi, preconnectStatic, stylesheet)
       })()
     </script>
-    <script type="module" crossorigin src="/assets/index.ssg-DXy3R2iH.js"></script>
+    <script type="module" crossorigin src="/assets/index.ssg-BEtxTyFQ.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/chunk-DECur_0Z.js">
     <link rel="modulepreload" crossorigin href="/assets/dist-UN0VvTJo.js">
     <link rel="modulepreload" crossorigin href="/assets/dist-DK_X22KS.js">
@@ -45,7 +45,7 @@
     <link rel="modulepreload" crossorigin href="/assets/getTextureBatchBindGroup-BZ3pD2UV.js">
     <link rel="modulepreload" crossorigin href="/assets/BufferResource-4Jl_6qej.js">
     <link rel="modulepreload" crossorigin href="/assets/ImageSource-_DLFcjTj.js">
-    <link rel="stylesheet" crossorigin href="/assets/index-e7T9ImLQ.css">
+    <link rel="stylesheet" crossorigin href="/assets/index-14LuyayW.css">
   </head>
   <body>
     <div id="root"><!--app-html--></div>

package/dist-ssg/server/entry-server.js CHANGED Viewed

@@ -67053,6 +67053,7 @@ var MIN_WIDTH_PX = 300;
 var MIN_HEIGHT_PX = 150;
 var MAX_WIDTH_PCT = 95;
 var MAX_HEIGHT_PCT = 85;
+var MOVE_BAR_PROTRUSION_PX = 10;
 var SETTINGS_KEY$1 = "xtermInputPanelSettings";
 function mergeSettings(updates) {
 	try {
@@ -67129,6 +67130,8 @@ var InputPanel = class extends i {
       --muted-foreground: var(--_ip-muted-fg);
       --terminal: var(--_ip-bg);
       --terminal-foreground: var(--_ip-fg);
+      --move-bar-height: 10px;
+      --move-bar-protrusion: 10px;
       font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;
       font-size: 13px;
       color: var(--foreground, #fff);
@@ -67251,7 +67254,7 @@ var InputPanel = class extends i {
       border-radius: 8px;
       background: var(--background, #1a1a1a);
       color: var(--foreground, #fff);
-      overflow: hidden;
+      overflow: visible;
       box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
       display: flex;
       flex-direction: column;
@@ -67263,6 +67266,54 @@ var InputPanel = class extends i {
       z-index: 9999;
     }
+    .panel-body {
+      width: 100%;
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+      border-radius: inherit;
+    }
+    .move-bar {
+      position: absolute;
+      top: calc(-1 * var(--move-bar-protrusion));
+      left: 50%;
+      width: 68px;
+      height: var(--move-bar-height);
+      transform: translateX(-50%);
+      border: 1px solid var(--primary, #e04a2f);
+      border-bottom: 0;
+      border-radius: 10px 10px 0 0;
+      background: var(--background, #1a1a1a);
+      color: var(--muted-foreground, #888);
+      touch-action: none;
+      cursor: grab;
+      z-index: 12;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.12);
+    }
+    .move-bar::before {
+      content: '';
+      width: 34px;
+      height: 4px;
+      border-radius: 999px;
+      background: currentColor;
+      opacity: 0.72;
+    }
+    .move-bar:hover,
+    :host([data-interacting]) .move-bar {
+      color: var(--primary, #e04a2f);
+    }
+    :host([data-interacting]) .move-bar {
+      cursor: grabbing;
+    }
     /* --- Resize handles --- */
     .resize-handle {
       position: absolute;
@@ -67360,6 +67411,7 @@ var InputPanel = class extends i {
 	}
 	disconnectedCallback() {
 		super.disconnectedCallback();
+		this._closeFloatingDialog();
 		this.dispatchEvent(new CustomEvent("input-panel:disconnected", {
 			bubbles: true,
 			composed: true
@@ -67416,7 +67468,7 @@ var InputPanel = class extends i {
 		const maxOverX = wPx / 3, maxOverY = hPx / 3;
 		return {
 			left: Math.max(-maxOverX, Math.min(vw - wPx + maxOverX, leftPx)),
-			top: Math.max(0, Math.min(vh - hPx + maxOverY, topPx))
+			top: Math.max(MOVE_BAR_PROTRUSION_PX, Math.min(vh - hPx + maxOverY, topPx))
 		};
 	}
 	_applyGeometry(dialog) {
@@ -67444,6 +67496,43 @@ var InputPanel = class extends i {
 		const dialog = this.shadowRoot?.querySelector(".panel-dialog");
 		if (dialog) this._applyGeometry(dialog);
 	}
+	_isPopoverOpen(dialog) {
+		try {
+			return dialog.matches(":popover-open");
+		} catch {
+			return false;
+		}
+	}
+	_isFloatingDialogOpen(dialog) {
+		return dialog.open || this._isPopoverOpen(dialog);
+	}
+	_showFloatingDialog(dialog) {
+		if (this._isFloatingDialogOpen(dialog)) return;
+		if (!dialog.isConnected) {
+			requestAnimationFrame(() => {
+				if (this.layout === "floating" && dialog.isConnected && !this._isFloatingDialogOpen(dialog)) {
+					this._showFloatingDialog(dialog);
+					this._applyGeometry(dialog);
+				}
+			});
+			return;
+		}
+		const popoverDialog = dialog;
+		if (typeof popoverDialog.showPopover === "function") {
+			popoverDialog.showPopover();
+			return;
+		}
+		dialog.show();
+	}
+	_closeFloatingDialog() {
+		const dialog = this.shadowRoot?.querySelector(".panel-dialog");
+		if (!dialog) return;
+		if (this._isPopoverOpen(dialog) && typeof dialog.hidePopover === "function") {
+			dialog.hidePopover();
+			return;
+		}
+		if (dialog.open) dialog.close();
+	}
 	_switchTab(tab) {
 		this.activeTab = tab;
 		this.dispatchEvent(new CustomEvent("input-panel:tab-change", {
@@ -67455,6 +67544,7 @@ var InputPanel = class extends i {
 	}
 	_toggleLayout() {
 		this.layout = this.layout === "fixed" ? "floating" : "fixed";
+		if (this.layout === "fixed") this._closeFloatingDialog();
 		this.dispatchEvent(new CustomEvent("input-panel:layout-change", {
 			detail: { layout: this.layout },
 			bubbles: true,
@@ -67463,8 +67553,7 @@ var InputPanel = class extends i {
 		this.requestUpdate();
 	}
 	_close() {
-		const dialog = this.shadowRoot?.querySelector(".panel-dialog");
-		if (dialog?.open) dialog.close();
+		this._closeFloatingDialog();
 		this.dispatchEvent(new CustomEvent("input-panel:close", {
 			bubbles: true,
 			composed: true
@@ -67474,8 +67563,8 @@ var InputPanel = class extends i {
 		super.firstUpdated(changed);
 		if (this.layout === "floating") {
 			const dialog = this.shadowRoot?.querySelector(".panel-dialog");
-			if (dialog && !dialog.open) {
-				dialog.show();
+			if (dialog && !this._isFloatingDialogOpen(dialog)) {
+				this._showFloatingDialog(dialog);
 				this._applyGeometry(dialog);
 			}
 		}
@@ -67486,14 +67575,17 @@ var InputPanel = class extends i {
 		if (this.layout === "floating") {
 			const dialog = this.shadowRoot?.querySelector(".panel-dialog");
 			if (dialog) {
-				if (changed.has("layout") && !dialog.open) dialog.show();
-				if (dialog.open) this._applyGeometry(dialog);
+				if (changed.has("layout") && !this._isFloatingDialogOpen(dialog)) this._showFloatingDialog(dialog);
+				if (this._isFloatingDialogOpen(dialog)) this._applyGeometry(dialog);
 			}
 		}
 	}
 	_onToolbarPointerDown(e) {
-		if (this.layout !== "floating") return;
 		if (e.target.closest("button")) return;
+		this._onDragPointerDown(e);
+	}
+	_onDragPointerDown(e) {
+		if (this.layout !== "floating") return;
 		const dialog = this.shadowRoot?.querySelector(".panel-dialog");
 		if (!dialog) return;
 		e.stopPropagation();
@@ -67506,9 +67598,12 @@ var InputPanel = class extends i {
 			origTop: rect.top
 		};
 		this.setAttribute("data-interacting", "");
-		e.target.setPointerCapture(e.pointerId);
+		const handle = e.currentTarget;
+		try {
+			handle.setPointerCapture(e.pointerId);
+		} catch {}
 	}
-	_onToolbarPointerMove(e) {
+	_onDragPointerMove(e) {
 		if (!this._dragState) return;
 		e.stopPropagation();
 		e.preventDefault();
@@ -67524,8 +67619,10 @@ var InputPanel = class extends i {
 		dialog.style.top = `${top}px`;
 		dialog.style.bottom = "auto";
 	}
-	_onToolbarPointerUp() {
+	_onDragPointerUp(e) {
 		if (!this._dragState) return;
+		e.stopPropagation();
+		e.preventDefault();
 		this._dragState = null;
 		this.removeAttribute("data-interacting");
 		const dialog = this.shadowRoot?.querySelector(".panel-dialog");
@@ -67645,8 +67742,9 @@ var InputPanel = class extends i {
         class="toolbar"
         part="toolbar"
         @pointerdown=${(e) => this._onToolbarPointerDown(e)}
-        @pointermove=${(e) => this._onToolbarPointerMove(e)}
-        @pointerup=${() => this._onToolbarPointerUp()}
+        @pointermove=${(e) => this._onDragPointerMove(e)}
+        @pointerup=${(e) => this._onDragPointerUp(e)}
+        @pointercancel=${(e) => this._onDragPointerUp(e)}
       >
         <div class="tab-group">
           ${[
@@ -67706,7 +67804,16 @@ var InputPanel = class extends i {
             ></input-panel-settings>` : T`<slot name=${this.activeTab}></slot>`}
       </div>
     `;
-		if (this.layout === "floating") return T` <dialog class="panel-dialog">
+		if (this.layout === "floating") return T` <dialog class="panel-dialog" popover="manual">
+        <div
+          class="move-bar"
+          part="move-bar"
+          aria-label="Move input panel"
+          @pointerdown=${(e) => this._onDragPointerDown(e)}
+          @pointermove=${(e) => this._onDragPointerMove(e)}
+          @pointerup=${(e) => this._onDragPointerUp(e)}
+          @pointercancel=${(e) => this._onDragPointerUp(e)}
+        ></div>
         <div
           class="resize-handle resize-tl"
           @pointerdown=${(e) => this._onResizeStart(e, "tl")}
@@ -67723,7 +67830,7 @@ var InputPanel = class extends i {
           class="resize-handle resize-br"
           @pointerdown=${(e) => this._onResizeStart(e, "br")}
         ></div>
-        ${inner}
+        <div class="panel-body">${inner}</div>
       </dialog>`;
 		return inner;
 	}
@@ -92529,33 +92636,89 @@ var InputPanelAddon = class InputPanelAddon {
 	}
 };
 //#endregion
-//#region src/lib/audio-cue-engine.ts
+//#region src/lib/user-gesture-audio-context.ts
+var audioContext = null;
+var audioContextPromise = null;
+var userGesturePromise = null;
+var resolveUserGesturePromise = null;
+var userGestureResolved = false;
+var userGestureListenersActive = false;
 function getAudioContextConstructor() {
 	if (typeof window === "undefined") return null;
 	return window.AudioContext ?? window.webkitAudioContext ?? null;
 }
+function hasUserActivation() {
+	if (userGestureResolved) return true;
+	if (typeof navigator === "undefined") return false;
+	return navigator.userActivation?.hasBeenActive === true || navigator.userActivation?.isActive === true;
+}
+function removeUserGestureListeners() {
+	if (typeof window === "undefined" || !userGestureListenersActive) return;
+	window.removeEventListener("pointerdown", resolveUserGesture, true);
+	window.removeEventListener("keydown", resolveUserGesture, true);
+	userGestureListenersActive = false;
+}
+function resolveUserGesture() {
+	userGestureResolved = true;
+	removeUserGestureListeners();
+	resolveUserGesturePromise?.();
+	resolveUserGesturePromise = null;
+	userGesturePromise = null;
+}
+function addUserGestureListeners() {
+	if (typeof window === "undefined" || userGestureListenersActive || hasUserActivation()) return;
+	window.addEventListener("pointerdown", resolveUserGesture, {
+		capture: true,
+		once: true,
+		passive: true
+	});
+	window.addEventListener("keydown", resolveUserGesture, {
+		capture: true,
+		once: true
+	});
+	userGestureListenersActive = true;
+}
+function prepareAudioContextAfterUserGesture() {
+	addUserGestureListeners();
+}
+function waitForUserGesture() {
+	if (typeof window === "undefined" || hasUserActivation()) return Promise.resolve();
+	if (userGesturePromise) return userGesturePromise;
+	userGesturePromise = new Promise((resolve) => {
+		resolveUserGesturePromise = resolve;
+		addUserGestureListeners();
+	});
+	return userGesturePromise;
+}
+async function createAudioContextAfterUserGesture() {
+	if (audioContext) return audioContext;
+	if (audioContextPromise) return audioContextPromise;
+	if (!getAudioContextConstructor()) return null;
+	audioContextPromise = waitForUserGesture().then(async () => {
+		const AudioContextCtor = getAudioContextConstructor();
+		if (!AudioContextCtor) return null;
+		const context = audioContext ?? new AudioContextCtor();
+		audioContext = context;
+		if (context.state === "suspended") await context.resume();
+		return context;
+	}).finally(() => {
+		audioContextPromise = null;
+	});
+	return audioContextPromise;
+}
+//#endregion
+//#region src/lib/audio-cue-engine.ts
 var AudioCueEngine = class {
 	fallbackSound;
 	unlocked = false;
 	unlockPromise = null;
-	audioContext = null;
 	silentAudio = null;
 	activeAudios = /* @__PURE__ */ new Set();
 	constructor(fallback) {
 		this.fallbackSound = fallback === "bell" ? DEFAULT_BELL_SOUND_ID : DEFAULT_NOTIFICATION_SOUND_ID;
 	}
 	init() {
-		if (typeof window === "undefined") return;
-		const unlock = () => {
-			this.unlock();
-			window.removeEventListener("pointerdown", unlock);
-			window.removeEventListener("keydown", unlock);
-		};
-		window.addEventListener("pointerdown", unlock, {
-			once: true,
-			passive: true
-		});
-		window.addEventListener("keydown", unlock, { once: true });
+		prepareAudioContextAfterUserGesture();
 	}
 	async unlock() {
 		if (this.unlocked) return;
@@ -92571,17 +92734,13 @@ var AudioCueEngine = class {
 		await this.playAudio(sound, volume);
 	}
 	async unlockAudioContext() {
-		const AudioContextCtor = getAudioContextConstructor();
-		if (!AudioContextCtor) {
+		if (!await createAudioContextAfterUserGesture()) {
 			this.unlocked = true;
 			return;
 		}
-		const context = this.audioContext ?? new AudioContextCtor();
-		this.audioContext = context;
 		this.silentAudio ??= new Audio("data:audio/wav;base64,UklGRiQAAABXQVZFZm10IBAAAAABAAEAESsAACJWAAACABAAZGF0YQAAAAA=");
 		this.silentAudio.volume = 0;
 		await this.silentAudio.play().catch(() => {});
-		if (context.state === "suspended") await context.resume();
 		this.unlocked = true;
 	}
 	async playAudio(sound, volume) {
@@ -93584,6 +93743,7 @@ var TerminalController = class {
 			}
 			this.flushPendingOutput(instance);
 			this.applyGhosttyBackground(instance, container);
+			instance.inputPanelAddon.attachListeners();
 		}
 		instance.mountedContainer = container;
 		requestAnimationFrame(() => {
@@ -94478,11 +94638,11 @@ function MobileHeader() {
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
 					type: "button",
 					onClick: () => vtNavController.activatePop("/search"),
-					className: "hover:bg-muted border-primary rounded-md border p-1.5",
+					className: "hover:bg-muted border-primary h-7.5 w-7.5 inline-flex items-center justify-center rounded-md border",
 					"aria-label": "Open search",
 					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Search, { className: "h-4 w-4" })
 				}),
-				!isStatic && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NotificationEntryButton, { className: "h-8 w-8" }),
+				!isStatic && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NotificationEntryButton, { className: "border-primary hover:bg-muted h-7.5 w-7.5" }),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusIndicator, { compact: true })
 			]
 		})]
@@ -126763,7 +126923,7 @@ var tabsStyleText = (id) => {
       border: 0;
       font-size: 1.2rem;
       background: none;
-      z-index: 2;
+      z-index: 100;
       color: currentColor;
     }
@@ -149453,7 +149613,7 @@ function Select({ value, options = [], groups, onValueChange, ariaLabel, id, nam
 			container: portalContainer ?? void 0,
 			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectPositioner, {
 				sideOffset,
-				className: cn$1("z-50 select-none outline-none", positionerClassName),
+				className: cn$1("z-50 select-none outline-none data-[anchor-hidden]:opacity-0", positionerClassName),
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectPopup, {
 					className: cn$1("bg-card text-foreground border-border min-w-(--anchor-width) max-w-[min(24rem,calc(100vw-2rem))] rounded-md border p-1 shadow-lg", "origin-(--transform-origin) transition-[transform,opacity] duration-150", "data-[ending-style]:translate-y-0.5 data-[ending-style]:opacity-0", "data-[starting-style]:translate-y-0.5 data-[starting-style]:opacity-0", popupClassName),
 					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectList, {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@openspecui/web",
-  "version": "3.5.0",
+  "version": "3.5.2",
   "type": "module",
   "bin": {
     "openspecui-ssg": "./dist-ssg/ssg-cli.mjs"

package/dist/assets/CanvasRenderer-CmnvR8Gr.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import"./Geometry-C-MCm9EO.js";import{w as e}from"./index-BbZP3-SK.js";export{e as CanvasRenderer};

package/dist/assets/WebGLRenderer-5eXMpF1z.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import"./Geometry-C-MCm9EO.js";import{C as e}from"./index-BbZP3-SK.js";export{e as WebGLRenderer};

package/dist/assets/WebGPURenderer-Vea1ovaN.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import"./Geometry-C-MCm9EO.js";import{S as e}from"./index-BbZP3-SK.js";export{e as WebGPURenderer};

package/dist/assets/browserAll-CvzI3xL_.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import{it as e,x as t}from"./Geometry-C-MCm9EO.js";import{A as n,D as r,O as i,k as a}from"./index-BbZP3-SK.js";import"./init-nrsssPRF.js";e.add(n),e.mixin(t,a),e.add(i),e.mixin(t,r);

package/dist/assets/dist-Bijj14CE.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import"./dist-UN0VvTJo.js";import{b as e}from"./index-BbZP3-SK.js";export{e as json};

package/dist/assets/dist-CR9rQI_B.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import"./dist-UN0VvTJo.js";import{g as e}from"./index-BbZP3-SK.js";export{e as css};

package/dist/assets/dist-CTEkXR9h.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import"./dist-UN0VvTJo.js";import{t as e}from"./index-BbZP3-SK.js";export{e as yaml};