@rezti/dsh-rez-suite 0.1.4 → 0.1.6

package/src/client/mount.tsx

@@ -1,97 +0,0 @@
-/**
- * Rez panel view mounting. Single-occupant center-column takeover, same
- * mechanism as the task board and ssh panels. The conversation subtree stays
- * mounted under the panel.
- */
-
-import { createRoot, type Root } from 'react-dom/client'
-import type { RezApi } from './api.ts'
-import type { PanelController } from './panel/controller.ts'
-import { RezPanel } from './panel/RezPanel.tsx'
-import css from './panel/panel.module.css'
-
-export const PANEL_VIEW_SELECTOR = '[data-dsh-rez-view]'
-
-const CONVERSATION_COLUMN_SELECTOR = '[data-pane="conversation"]'
-const ACTIVE_ATTR = 'data-dsh-rez-active'
-const OTHER_ACTIVE_ATTRS = ['data-dsh-taskboard-active', 'data-dsh-ssh-active']
-const ACTIVATE_EVENT = 'dsh-panel-activate'
-const PANEL_NAME = 'rez'
-
-function conversationColumn(): HTMLElement | undefined {
-  return document.querySelector<HTMLElement>(CONVERSATION_COLUMN_SELECTOR) ?? undefined
-}
-
-export function mountPanel(controller: PanelController, api: RezApi): () => void {
-  let root: Root | undefined
-  let container: HTMLDivElement | undefined
-
-  const ensure = (): void => {
-    if (container !== undefined) {
-      if (container.isConnected) return
-      root?.unmount()
-      root = undefined
-      container.remove()
-      container = undefined
-    }
-    const column = conversationColumn()
-    if (column === undefined) return
-    container = document.createElement('div')
-    container.dataset.dshRezView = ''
-    container.className = css.view
-    column.appendChild(container)
-    root = createRoot(container)
-    root.render(<RezPanel controller={controller} api={api} />)
-  }
-
-  const waitObserver = new MutationObserver(() => { ensure() })
-  waitObserver.observe(document.body, { childList: true, subtree: true })
-
-  // The shell may mount the center column after this plugin applies. Retry
-  // until the container is attached; ensure() is idempotent once connected.
-  const retryTimer = window.setInterval(() => {
-    ensure()
-    if (container?.isConnected === true) window.clearInterval(retryTimer)
-  }, 250)
-
-  const applyActive = (): void => {
-    if (controller.getSnapshot().panelOpen) {
-      for (const attr of OTHER_ACTIVE_ATTRS) document.documentElement.removeAttribute(attr)
-      document.documentElement.setAttribute(ACTIVE_ATTR, '')
-      document.dispatchEvent(new CustomEvent(ACTIVATE_EVENT, { detail: PANEL_NAME }))
-    } else {
-      document.documentElement.removeAttribute(ACTIVE_ATTR)
-    }
-  }
-  const onOtherActivate = (event: Event): void => {
-    const detail = (event as CustomEvent).detail
-    if ((detail === 'taskboard' || detail === 'ssh') && controller.getSnapshot().panelOpen) {
-      controller.close()
-    }
-  }
-  const SIDEBAR_ROW_SELECTOR = '[class*="sessionRow"], [class*="projectRow"], [class*="searchResultRow"], [class*="searchResultWorkspace"], [class*="newSession"]'
-  const onClickSidebarRow = (event: MouseEvent): void => {
-    if (!controller.getSnapshot().panelOpen) return
-    const target = event.target as HTMLElement | null
-    if (target === null) return
-    if (target.closest(SIDEBAR_ROW_SELECTOR) !== null) controller.close()
-  }
-  document.addEventListener('click', onClickSidebarRow, true)
-  document.addEventListener(ACTIVATE_EVENT, onOtherActivate)
-  const unsubscribe = controller.subscribe(applyActive)
-  applyActive()
-  ensure()
-
-  return () => {
-    window.clearInterval(retryTimer)
-    document.removeEventListener('click', onClickSidebarRow, true)
-    document.removeEventListener(ACTIVATE_EVENT, onOtherActivate)
-    waitObserver.disconnect()
-    unsubscribe()
-    document.documentElement.removeAttribute(ACTIVE_ATTR)
-    root?.unmount()
-    root = undefined
-    container?.remove()
-    container = undefined
-  }
-}

package/src/client/panel/RezPanel.tsx

@@ -1,53 +0,0 @@
-/**
- * Rez Suite panel shell: header + three tabs (config/status/audit).
- */
-
-import { useState } from 'react'
-import type { RezApi } from '../api.ts'
-import type { PanelController } from './controller.ts'
-import { tt } from './helpers.ts'
-import { AuditTab } from './AuditTab.tsx'
-import { ConfigTab } from './ConfigTab.tsx'
-import { StatusTab } from './StatusTab.tsx'
-import { WeixinTab } from './WeixinTab.tsx'
-import css from './panel.module.css'
-
-export type RezTab = 'config' | 'weixin' | 'status' | 'audit'
-
-export interface RezPanelProps {
-  controller: PanelController
-  api: RezApi
-}
-
-const TABS: ReadonlyArray<{ id: RezTab; label: () => string }> = [
-  { id: 'config', label: () => tt('tab.config') },
-  { id: 'weixin', label: () => tt('tab.weixin') },
-  { id: 'status', label: () => tt('tab.status') },
-  { id: 'audit', label: () => tt('tab.audit') },
-]
-
-export function RezPanel({ controller, api }: RezPanelProps) {
-  const [activeTab, setActiveTab] = useState<RezTab>('config')
-
-  return (
-    <div className={css.panel}>
-      <div className={css.panelHeader}>
-        <h2 className={css.panelTitle}>{tt('panel.title')}</h2>
-        <button type="button" className={css.iconButton} title={tt('common.close')} aria-label={tt('common.close')} onClick={() => { controller.close() }}>x</button>
-      </div>
-      <div className={css.tabBar} role="tablist">
-        {TABS.map(tab => (
-          <button key={tab.id} type="button" role="tab" aria-selected={activeTab === tab.id} data-active={activeTab === tab.id ? '' : undefined} className={css.tab} onClick={() => { setActiveTab(tab.id) }}>
-            {tab.label()}
-          </button>
-        ))}
-      </div>
-      <div className={css.panelContent}>
-        {activeTab === 'config' && <ConfigTab api={api} />}
-        {activeTab === 'weixin' && <WeixinTab api={api} />}
-        {activeTab === 'status' && <StatusTab api={api} />}
-        {activeTab === 'audit' && <AuditTab api={api} />}
-      </div>
-    </div>
-  )
-}

package/src/client/panel/controller.ts

@@ -1,42 +0,0 @@
-/**
- * Rez panel controller: single owner of open/closed state (browser session).
- */
-
-export interface PanelControllerSnapshot {
-  panelOpen: boolean
-}
-
-export class PanelController {
-  private panelOpen = false
-  private listeners = new Set<() => void>()
-
-  getSnapshot(): PanelControllerSnapshot {
-    return { panelOpen: this.panelOpen }
-  }
-
-  subscribe(fn: () => void): () => void {
-    this.listeners.add(fn)
-    return () => { this.listeners.delete(fn) }
-  }
-
-  open(): void {
-    if (this.panelOpen) return
-    this.panelOpen = true
-    this.notify()
-  }
-
-  close(): void {
-    if (!this.panelOpen) return
-    this.panelOpen = false
-    this.notify()
-  }
-
-  toggle(): void {
-    if (this.panelOpen) this.close()
-    else this.open()
-  }
-
-  private notify(): void {
-    for (const fn of [...this.listeners]) fn()
-  }
-}

package/src/client/sidebar-entry.ts

@@ -1,80 +0,0 @@
-/**
- * Sidebar entry injection (DOM-level extension, task-board/ssh precedent).
- */
-
-import type { PanelController } from './panel/controller.ts'
-import { tt } from './panel/helpers.ts'
-import css from './panel/panel.module.css'
-
-export const ENTRY_SELECTOR = '[data-dsh-rez-entry]'
-
-const ICON = '<svg viewBox="0 0 16 16" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2.5" y="2.5" width="11" height="11" rx="2"/><path d="M5 8l2 2 4-4"/></svg>'
-
-function sidebarRoot(): HTMLElement | undefined {
-  const column = document.querySelector<HTMLElement>('[data-pane="sidebar"], [class*="sidebarCol"]')
-  if (column === null) return undefined
-  const logoOwner = column.querySelector<HTMLElement>('[class*="logoRow"]')?.parentElement
-  return logoOwner ?? (column.firstElementChild as HTMLElement | undefined)
-}
-
-function newSessionButton(root: HTMLElement): HTMLButtonElement | undefined {
-  const nested = root.querySelector<HTMLButtonElement>('button[class*="newSession"]')
-  if (nested !== null) return nested
-  for (const child of root.children) {
-    if (child.tagName === 'BUTTON') return child as HTMLButtonElement
-  }
-  return undefined
-}
-
-function createEntry(controller: PanelController): HTMLButtonElement {
-  const entry = document.createElement('button')
-  entry.type = 'button'
-  entry.dataset.dshRezEntry = ''
-  entry.className = css.entry
-  entry.setAttribute('aria-label', tt('entry.label'))
-  entry.setAttribute('title', tt('entry.tooltip'))
-  entry.innerHTML = '<span class="' + css.entryIcon + '">' + ICON + '</span><span class="' + css.entryLabel + '">' + tt('entry.label') + '</span>'
-  entry.addEventListener('click', () => { controller.toggle() })
-  return entry
-}
-
-function placeEntry(root: HTMLElement, entry: HTMLButtonElement): boolean {
-  const button = newSessionButton(root)
-  if (button === undefined) return false
-  if (entry.parentElement !== root) {
-    const row = button.closest('[class*="logoRow"]')
-    const base = (row !== null && row.parentElement === root) ? row : button
-    const family = Array.from(root.children).filter(
-      (el): el is HTMLElement => el instanceof HTMLElement && el.matches('[data-dsh-taskboard-entry], [data-dsh-ssh-entry], [data-dsh-rez-entry]'),
-    )
-    const anchor = family.length > 0 ? family[family.length - 1].nextElementSibling : base.nextElementSibling
-    root.insertBefore(entry, anchor)
-  }
-  return true
-}
-
-export function mountSidebarEntry(controller: PanelController): () => void {
-  const entry = createEntry(controller)
-  let root: HTMLElement | undefined
-  let placed = false
-
-  const place = (): void => {
-    const next = sidebarRoot()
-    if (next === undefined) return
-    if (root !== undefined && root !== next) {
-      if (entry.parentElement === root) entry.remove()
-      placed = false
-    }
-    root = next
-    if (!placed) placed = placeEntry(root, entry)
-  }
-
-  const observer = new MutationObserver(place)
-  observer.observe(document.body, { childList: true, subtree: true })
-  place()
-
-  return () => {
-    observer.disconnect()
-    entry.remove()
-  }
-}