xterm-input-panel 1.2.1 → 1.2.3

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # xterm-input-panel
 
+## 1.2.3
+
+### Patch Changes
+
+- 6dcad78: Upgrade the Vite toolchain to Vite 8 and align the related React, Storybook, and Vitest integrations used by local build and browser-test workflows.
+
+## 1.2.2
+
+### Patch Changes
+
+- 143b916: Add hosted app distribution support across the CLI, server, and web runtime.
+  - add `openspecui --app` with configurable hosted app base URLs and local hosted-app dev mode
+  - expose hosted session/bootstrap helpers so versioned frontend entries can reconnect to the correct backend
+  - include hosted-app settings and faster dashboard overview loading for the web UI
+  - scope xterm input-panel persisted state by hosted session to avoid cross-tab leakage
+
 ## 1.2.1
 
 ### Patch Changes

package/package.json

@@ -1,8 +1,13 @@
 {
   "name": "xterm-input-panel",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "type": "module",
   "main": "src/index.ts",
+  "scripts": {
+    "dev": "storybook dev -p 6007",
+    "test:browser": "vitest run --retry 2 --config vitest.storybook.config.ts",
+    "typecheck": "tsc --noEmit"
+  },
   "dependencies": {
     "lit": "^3.3.2",
     "lucide": "^0.472.0",
@@ -17,21 +22,20 @@
     }
   },
   "devDependencies": {
-    "@storybook/addon-vitest": "^10.2.8",
-    "@storybook/web-components": "^10.2.8",
-    "@storybook/web-components-vite": "^10.2.8",
-    "@vitest/browser": "^4.0.18",
-    "@vitest/browser-playwright": "^4.0.18",
+    "@storybook/addon-vitest": "^10.2.19",
+    "@storybook/web-components": "^10.2.19",
+    "@storybook/web-components-vite": "^10.2.19",
+    "@vitest/browser": "^4.1.0",
+    "@vitest/browser-playwright": "^4.1.0",
     "@xterm/xterm": "6.1.0-beta.167",
     "playwright": "^1.58.2",
-    "storybook": "^10.2.8",
+    "storybook": "^10.2.19",
     "typescript": "^5.7.2",
-    "vite": "^7.3.1",
-    "vitest": "^4.0.18"
+    "vite": "^8.0.0",
+    "vitest": "^4.1.0"
   },
-  "scripts": {
-    "dev": "storybook dev -p 6007",
-    "test:browser": "vitest run --retry 2 --config vitest.storybook.config.ts",
-    "typecheck": "tsc --noEmit"
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/jixoai/openspecui"
   }
-}
+}

package/src/storage-namespace.test.ts

@@ -0,0 +1,22 @@
+import { describe, expect, it } from 'vitest'
+import { getSessionScopedStorageKey } from './storage-namespace'
+
+describe('storage namespace helpers', () => {
+  it('scopes hosted version entries by session', () => {
+    expect(
+      getSessionScopedStorageKey('xtermInputPanelState', {
+        pathname: '/versions/v2.1/index.html',
+        search: '?session=session-a',
+      })
+    ).toBe('hosted-session:session-a:xtermInputPanelState')
+  })
+
+  it('keeps non-hosted keys unchanged', () => {
+    expect(
+      getSessionScopedStorageKey('xtermInputPanelState', {
+        pathname: '/dashboard',
+        search: '?session=session-a',
+      })
+    ).toBe('xtermInputPanelState')
+  })
+})

package/src/storage-namespace.ts

@@ -0,0 +1,17 @@
+const HOSTED_VERSION_PATH_RE = /^\/versions\/[^/]+(?:\/|$)/
+
+function getHostedSessionId(locationLike: Pick<Location, 'pathname' | 'search'>): string | null {
+  if (!HOSTED_VERSION_PATH_RE.test(locationLike.pathname)) {
+    return null
+  }
+  const value = new URLSearchParams(locationLike.search).get('session')?.trim()
+  return value ? value : null
+}
+
+export function getSessionScopedStorageKey(
+  baseKey: string,
+  locationLike: Pick<Location, 'pathname' | 'search'> = window.location
+): string {
+  const sessionId = getHostedSessionId(locationLike)
+  return sessionId ? `hosted-session:${sessionId}:${baseKey}` : baseKey
+}

package/src/virtual-trackpad-tab.stories.ts

@@ -129,7 +129,8 @@ export const DoubleTapEvent: StoryObj = {
     pointer(canvas, 'pointerdown', cx, cy)
     pointer(canvas, 'pointerup', cx, cy)
 
-    await new Promise((resolve) => setTimeout(resolve, 50))
+    // Fire the second tap immediately so CI scheduler jitter cannot push the gesture outside
+    // the double-tap window.
 
     // Second tap (within 300ms)
     pointer(canvas, 'pointerdown', cx, cy)
@@ -194,7 +195,8 @@ export const DragEvent: StoryObj = {
     pointer(canvas, 'pointerdown', cx, cy)
     pointer(canvas, 'pointerup', cx, cy)
 
-    await new Promise((resolve) => setTimeout(resolve, 50))
+    // Start the second touch immediately so the drag sequence stays inside the same
+    // second-touch detection window in slower CI browsers.
 
     // Second: tap-and-hold then drag (within 300ms of first tap)
     pointer(canvas, 'pointerdown', cx, cy)
@@ -232,7 +234,7 @@ export const DragMoveDeltas: StoryObj = {
     // Tap first
     pointer(canvas, 'pointerdown', cx, cy)
     pointer(canvas, 'pointerup', cx, cy)
-    await new Promise((resolve) => setTimeout(resolve, 50))
+    // Start the drag immediately so the second touch stays within the same gesture window.
 
     // Tap-and-drag
     pointer(canvas, 'pointerdown', cx, cy)

package/src/xterm-addon.stories.ts

@@ -7,8 +7,19 @@ import { InputPanelAddon } from './xterm-addon.js'
 // Register all custom elements (critical — xterm-addon.ts does NOT import these)
 import './index.js'
 
+const storyCleanups = new Set<() => void>()
+
 /** Reset singleton state between stories */
 function resetAddonState() {
+  for (const cleanup of storyCleanups) {
+    try {
+      cleanup()
+    } catch {
+      /* ignore test cleanup failures */
+    }
+  }
+  storyCleanups.clear()
+
   // Force-close any active instance
   const active = InputPanelAddon.activeInstance
   if (active) active.close()
@@ -33,6 +44,10 @@ function setupTerminal(container: HTMLElement, opts?: { stateKey?: string }) {
   const addon = new InputPanelAddon({ onInput: inputHandler, stateKey: opts?.stateKey })
   terminal.loadAddon(addon)
   terminal.open(container)
+  storyCleanups.add(() => {
+    addon.dispose()
+    terminal.dispose()
+  })
 
   return { terminal, addon, inputHandler }
 }

package/src/xterm-addon.ts

@@ -2,12 +2,12 @@ import type { ITerminalAddon, Terminal } from '@xterm/xterm'
 import { iconKeyboard, iconMousePointer2 } from './icons.js'
 import type { InputPanelLayout, InputPanelTab } from './input-panel.js'
 import type { HostPlatform } from './platform.js'
+import { getSessionScopedStorageKey } from './storage-namespace.js'
 
 const SENSITIVITY = 1.5
 const EDGE_SCROLL_ZONE = 30
 const EDGE_SCROLL_INTERVAL = 50
 const EDGE_SCROLL_OVERSHOOT = 15
-const STATE_STORAGE_KEY = 'xtermInputPanelState'
 
 function isTouchDevice(): boolean {
   return 'ontouchstart' in window || navigator.maxTouchPoints > 0
@@ -60,7 +60,7 @@ function isRecord(value: unknown): value is Record<string, unknown> {
 
 function loadPanelStateStore(): InputPanelStateStore {
   try {
-    const raw = localStorage.getItem(STATE_STORAGE_KEY)
+    const raw = localStorage.getItem(getSessionScopedStorageKey('xtermInputPanelState'))
     if (!raw) return {}
     const parsed = JSON.parse(raw)
     return isRecord(parsed) ? (parsed as InputPanelStateStore) : {}
@@ -71,7 +71,7 @@ function loadPanelStateStore(): InputPanelStateStore {
 
 function savePanelStateStore(store: InputPanelStateStore): void {
   try {
-    localStorage.setItem(STATE_STORAGE_KEY, JSON.stringify(store))
+    localStorage.setItem(getSessionScopedStorageKey('xtermInputPanelState'), JSON.stringify(store))
   } catch {
     /* ignore */
   }

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2026 OpenSpecUI Contributors
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.