@rezti/dsh-rez-suite 0.1.0

package/src/client/panel/StatusTab.tsx

@@ -0,0 +1,66 @@
+/**
+ * Status tab: live MCP server states and registered-tool counts.
+ */
+
+import { useEffect, useState } from 'react'
+import type { RezApi } from '../api.ts'
+import type { RezStatusResponse } from '../../protocol.ts'
+import { errorMessage, tt } from './helpers.ts'
+import css from './panel.module.css'
+
+export function StatusTab({ api }: { api: RezApi }) {
+  const [status, setStatus] = useState<RezStatusResponse | null>(null)
+  const [error, setError] = useState('')
+  const [loading, setLoading] = useState(true)
+
+  const load = async (): Promise<void> => {
+    setLoading(true)
+    setError('')
+    try {
+      setStatus(await api.status())
+    } catch (err) {
+      setError(errorMessage(err))
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  useEffect(() => { void load() }, [])
+
+  if (loading) return <div className={css.message}>{tt('common.loading')}</div>
+  if (status === null) return <div className={css.error}>{error}</div>
+
+  return (
+    <div className={css.tabBody}>
+      <div className={css.toolbar}>
+        <span className={css.message}>{tt('status.total', { role: status.role, count: status.totalRegisteredTools })}</span>
+        <button type="button" className={css.button} onClick={() => { void load() }}>{tt('common.refresh')}</button>
+      </div>
+      {error !== '' && <div className={css.error}>{error}</div>}
+      <div className={css.tableWrap}>
+        <table className={css.table}>
+          <thead>
+            <tr>
+              <th>{tt('status.col.server')}</th>
+              <th>{tt('status.col.state')}</th>
+              <th>{tt('status.col.tools')}</th>
+              <th>{tt('status.col.registered')}</th>
+              <th>{tt('status.col.error')}</th>
+            </tr>
+          </thead>
+          <tbody>
+            {status.servers.map(server => (
+              <tr key={server.server}>
+                <td>{server.server}</td>
+                <td><span className={css.badge + ' ' + (server.state === 'connected' ? css.badgeOk : css.badgeFail)}>{server.state}</span></td>
+                <td>{server.toolCount}</td>
+                <td>{server.registeredTools}</td>
+                <td>{server.lastError ?? ''}</td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  )
+}

package/src/client/panel/controller.ts

@@ -0,0 +1,42 @@
+/**
+ * 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/panel/helpers.ts

@@ -0,0 +1,21 @@
+/**
+ * Shared panel helpers: active-language dictionary pick and error extraction.
+ */
+
+import { en, t, zh, type RezKey } from '../locales.ts'
+
+export type TranslateValues = Record<string, string | number>
+
+export function dictionary(): Record<string, string> {
+  const lang = typeof document !== 'undefined' ? document.documentElement.lang : 'zh'
+  return lang.toLowerCase().startsWith('en') ? { ...en } : { ...zh }
+}
+
+export function tt(key: RezKey, values?: TranslateValues): string {
+  return t(dictionary(), key, values)
+}
+
+export function errorMessage(error: unknown): string {
+  if (error instanceof Error) return error.message
+  return String(error)
+}

package/src/client/panel/panel.module.css

@@ -0,0 +1,316 @@
+/**
+ * dsh-rez-suite panel styles. Scoped by plugin data attributes, colors ride
+ * dsh --dsw-* tokens. The center-column takeover rules are attribute-scoped
+ * and must stay in this stylesheet (imported by mount.tsx).
+ */
+
+[data-pane='conversation'] {
+  position: relative;
+}
+
+[data-dsh-rez-view] {
+  position: absolute;
+  inset: 0;
+  display: none;
+  z-index: 60;
+  background: var(--dsw-alias-bg-base);
+}
+
+html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [data-dsh-rez-view] {
+  display: block;
+}
+
+html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [data-pane='conversation'] > :not([data-dsh-rez-view]),
+html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [class*='centerCol'] > :not([data-dsh-rez-view]) {
+  display: none !important;
+}
+
+.entry {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  height: 32px;
+  padding: 0 12px;
+  background: transparent;
+  border: none;
+  border-radius: 8px;
+  color: var(--dsw-alias-label-secondary);
+  cursor: pointer;
+  font-size: 13px;
+  white-space: nowrap;
+}
+
+.entry:hover {
+  background: var(--dsw-specific-sidebar-nav-item-hover);
+  color: var(--dsw-alias-label-primary);
+}
+
+.entryIcon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: none;
+}
+
+.entryLabel {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+[data-dsh-frame][data-sidebar-collapsed] .entry {
+  justify-content: center;
+  padding: 0;
+  width: 100%;
+}
+
+[data-dsh-frame][data-sidebar-collapsed] .entryLabel {
+  display: none;
+}
+
+.view {
+  overflow: hidden;
+}
+
+.panel {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-width: 0;
+  min-height: 0;
+  padding: 14px 16px 16px;
+  gap: 10px;
+  background: var(--dsw-alias-bg-base);
+  color: var(--dsw-alias-label-primary);
+  font-family: var(--dsw-font-family);
+}
+
+.panelHeader {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  flex: none;
+}
+
+.panelTitle {
+  margin: 0;
+  flex: 1;
+  font-size: 16px;
+  font-weight: 700;
+}
+
+.iconButton {
+  border: none;
+  background: transparent;
+  color: var(--dsw-alias-label-secondary);
+  cursor: pointer;
+  font-size: 14px;
+  padding: 4px 8px;
+  border-radius: 6px;
+}
+
+.iconButton:hover {
+  background: var(--dsw-alias-interactive-bg-hover);
+  color: var(--dsw-alias-label-primary);
+}
+
+.tabBar {
+  display: flex;
+  gap: 2px;
+  flex: none;
+  border-bottom: 1px solid var(--dsw-alias-border-l1);
+}
+
+.tab {
+  padding: 7px 14px;
+  font-size: 13px;
+  color: var(--dsw-alias-label-secondary);
+  background: transparent;
+  border: none;
+  border-bottom: 2px solid transparent;
+  border-radius: 6px 6px 0 0;
+  cursor: pointer;
+}
+
+.tab:hover {
+  color: var(--dsw-alias-label-primary);
+  background: var(--dsw-alias-interactive-bg-hover);
+}
+
+.tab[data-active] {
+  color: var(--dsw-alias-label-primary);
+  font-weight: 600;
+  border-bottom-color: var(--dsw-alias-state-business-primary);
+}
+
+.panelContent {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.tabBody {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+}
+
+.section {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 12px;
+  border: 1px solid var(--dsw-alias-border-l1);
+  border-radius: 10px;
+  background: var(--dsw-alias-bg-layer-1, var(--dsw-alias-bg-base));
+}
+
+.sectionTitle {
+  margin: 0;
+  font-size: 13px;
+  font-weight: 600;
+}
+
+.field {
+  display: grid;
+  grid-template-columns: 140px 1fr;
+  gap: 8px;
+  align-items: center;
+}
+
+.label {
+  font-size: 12.5px;
+  color: var(--dsw-alias-label-secondary);
+}
+
+.input, .select {
+  padding: 6px 8px;
+  font-size: 13px;
+  color: var(--dsw-alias-label-primary);
+  background: var(--dsw-specific-input-major);
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 8px;
+  outline: none;
+}
+
+.checkbox {
+  justify-self: start;
+  width: 15px;
+  height: 15px;
+}
+
+.toolbar {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex: none;
+  flex-wrap: wrap;
+}
+
+.button {
+  padding: 7px 12px;
+  font-size: 13px;
+  border-radius: 8px;
+  border: 1px solid var(--dsw-alias-border-l2);
+  background: var(--dsw-specific-input-major);
+  color: var(--dsw-alias-label-primary);
+  cursor: pointer;
+}
+
+.button:hover {
+  background: var(--dsw-alias-interactive-bg-hover);
+}
+
+.primaryButton {
+  background: var(--dsw-alias-state-business-primary);
+  border-color: var(--dsw-alias-state-business-primary);
+  color: #fff;
+}
+
+.dangerButton {
+  background: var(--dsw-alias-state-danger, #c62828);
+  border-color: var(--dsw-alias-state-danger, #c62828);
+  color: #fff;
+}
+
+.message {
+  font-size: 12.5px;
+  color: var(--dsw-alias-label-secondary);
+}
+
+.error {
+  color: var(--dsw-alias-state-danger, #c62828);
+}
+
+.tableWrap {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+  border: 1px solid var(--dsw-alias-border-l1);
+  border-radius: 10px;
+}
+
+.table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 12.5px;
+}
+
+.table th {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  padding: 8px 10px;
+  text-align: left;
+  background: var(--dsw-alias-bg-layer-2, var(--dsw-alias-bg-layer-1));
+}
+
+.table td {
+  padding: 8px 10px;
+  border-top: 1px solid var(--dsw-alias-border-l1);
+  vertical-align: top;
+}
+
+.badge {
+  display: inline-block;
+  padding: 2px 8px;
+  border-radius: 999px;
+  font-size: 11px;
+}
+
+.badgeOk {
+  background: rgba(34, 154, 85, 0.14);
+  color: #229a55;
+}
+
+.badgeFail {
+  background: rgba(198, 40, 40, 0.14);
+  color: #c62828;
+}
+
+.cards {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
+  gap: 8px;
+}
+
+.card {
+  padding: 10px;
+  border: 1px solid var(--dsw-alias-border-l1);
+  border-radius: 10px;
+}
+
+.cardLabel {
+  font-size: 11px;
+  color: var(--dsw-alias-label-tertiary);
+}
+
+.cardValue {
+  font-size: 15px;
+  font-weight: 600;
+}

package/src/client/sidebar-entry.ts

@@ -0,0 +1,80 @@
+/**
+ * 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()
+  }
+}

package/src/index.ts

@@ -0,0 +1,166 @@
+/**
+ * dsh-rez-suite — employee-facing host half.
+ *
+ * MCP connections are owned by official @deepseek-ai/dsh-mcp-client rows in
+ * this package's cordis.patch.yml. This plugin only mounts the Rez panel,
+ * loopback settings API, and a short system-prompt announcement. Do not
+ * start a second MCP host here.
+ */
+
+import type { Context } from '@deepseek-ai/cordis'
+import { homedir } from 'node:os'
+import { join } from 'node:path'
+import { installSettingsSection, settingsNamespace } from '@deepseek-ai/dsh-settings'
+import z from '@deepseek-ai/schemastery'
+import type {} from '@deepseek-ai/dsh-host-webserver'
+import type {} from '@deepseek-ai/dsh-system-prompt'
+import type {} from '@deepseek-ai/dsh-tools'
+import type { McpHost } from './mcp-host.ts'
+import { makeRoutes } from './routes.ts'
+import { defaultConfig, mergeConfig, saveConfig } from './store.ts'
+import { TokenManager } from './token-manager.ts'
+import { rezConfigTool, rezStatusTool } from './tools.ts'
+import type { RezConfig, RezServerStatus, RezTestResult } from './protocol.ts'
+
+export const name = 'rez-suite'
+
+export const inject = ['webServer', 'tools', 'systemPrompt']
+
+export const REZ_SETTINGS_NAMESPACE = settingsNamespace('dsh-rez-suite')
+
+const serverSchema = z.object({
+  enabled: z.boolean().default(false),
+  transport: z.union(['stdio', 'streamable-http'] as const).default('stdio'),
+  command: z.string().required(false),
+  args: z.array(z.string()).required(false),
+  env: z.dict(z.string()).required(false),
+  cwd: z.string().required(false),
+  url: z.string().required(false),
+  headers: z.dict(z.string()).required(false),
+  toolCallTimeoutMs: z.number().required(false),
+})
+
+export const Config: z<RezConfig> = z.object({
+  enabled: z.boolean().default(true),
+  announceToAgent: z.boolean().default(true),
+  role: z.union(['engineer', 'sales', 'operations', 'all'] as const).default('all'),
+  servers: z.dict(serverSchema).default({}),
+  billing: z.object({
+    inputCostPer1k: z.number().default(0.001),
+    outputCostPer1k: z.number().default(0.002),
+    monthlyBudget: z.number().default(0),
+  }).default({ inputCostPer1k: 0.001, outputCostPer1k: 0.002, monthlyBudget: 0 }),
+})
+
+const SECTION_ORDER = 150
+
+const COMPOSED_SERVERS = ['odoo', 'nextcloud', 'wechat', 'homeassistant'] as const
+
+export const REZ_GUIDANCE = [
+  '本机已安装 ReZ-TI 套件（一次安装）：工作身份由 dsh-rez-sso 提供，MCP 由官方 dsh-mcp-client 接入 Odoo / Nextcloud / 企业微信 / Home Assistant。',
+  '工具名 mcp__odoo__*、mcp__nextcloud__*、mcp__wechat__*、mcp__homeassistant__*。',
+  '密钥走官方 dsh-credentials / 环境变量：REZ_ODOO_TOKEN、REZ_NEXTCLOUD_PASSWORD、REZ_WECHAT_WEBHOOK、REZ_HA_TOKEN。',
+  '意图用 rez_set_intent（erp/files/chat/home/auto）。审计用 rez_audit。',
+  '涉及资金、对外发送、设备控制、生产写入时先征得用户批准。',
+].join('')
+
+function normalize(input: Partial<RezConfig> | undefined): RezConfig {
+  return mergeConfig(defaultConfig(), input ?? {})
+}
+
+function delegatedHost(): McpHost {
+  const status = (): RezServerStatus[] => COMPOSED_SERVERS.map(server => ({
+    server,
+    enabled: true,
+    state: 'disconnected',
+    toolCount: 0,
+    registeredTools: 0,
+    lastError: 'owned by @deepseek-ai/dsh-mcp-client',
+  }))
+  const test = async (): Promise<RezTestResult[]> => COMPOSED_SERVERS.map(server => ({
+    server,
+    ok: false,
+    error: 'MCP is composed by dsh-mcp-client; set REZ_* credentials and check dsh logs',
+  }))
+  return {
+    status,
+    test,
+    sync: async () => undefined,
+    dispose: async () => undefined,
+  } as unknown as McpHost
+}
+
+export function apply(ctx: Context, config?: RezConfig): void {
+  let current: () => RezConfig = () => normalize(config)
+
+  const tokens = new TokenManager(joinTokenDb())
+  const host = delegatedHost()
+  ctx.effect(() => () => { tokens.close() }, 'dsh-rez-suite: ledger view')
+
+  const tools = [
+    rezStatusTool(host, () => current()),
+    rezConfigTool(() => current()),
+  ]
+
+  const routes = makeRoutes({
+    getConfig: () => current(),
+    updateConfig: async (next) => {
+      const value = normalize(next as Partial<RezConfig>)
+      saveConfig(value)
+      current = () => value
+      try {
+        await ctx.settings?.update(REZ_SETTINGS_NAMESPACE, value)
+      } catch (error) {
+        console.warn('[dsh-rez-suite] settings update failed, using local store:', error)
+      }
+      return value
+    },
+    host,
+    tokens,
+  })
+
+  let disposeRoutes: (() => void) | undefined
+  let disposeTools: (() => void) | undefined
+  let disposeSection: (() => void) | undefined
+
+  const sync = (): void => {
+    if (disposeSection !== undefined) { disposeSection(); disposeSection = undefined }
+    if (disposeRoutes !== undefined) { disposeRoutes(); disposeRoutes = undefined }
+    if (disposeTools !== undefined) { disposeTools(); disposeTools = undefined }
+
+    const value = current()
+    if (!value.enabled) return
+
+    if (value.announceToAgent) {
+      disposeSection = ctx.systemPrompt.section({
+        name: 'plugin:dsh-rez-suite',
+        order: SECTION_ORDER,
+        text: REZ_GUIDANCE,
+      })
+    }
+
+    disposeRoutes = ctx.effect(() => {
+      const disposers = routes.map(route => ctx.webServer.register(route))
+      return () => { for (const dispose of disposers) dispose() }
+    }, 'dsh-rez-suite: routes')
+
+    disposeTools = ctx.effect(() => {
+      const disposers = tools.map(tool => ctx.tools.register(tool))
+      return () => { for (const dispose of disposers) dispose() }
+    }, 'dsh-rez-suite: tools')
+  }
+
+  installSettingsSection(ctx, REZ_SETTINGS_NAMESPACE, Config, normalize(config), {
+    setSource: (source) => {
+      current = source
+      sync()
+    },
+    onChange: sync,
+  })
+
+  sync()
+}
+
+function joinTokenDb(): string {
+  return join(homedir(), '.dsh', 'dsh-rez-token-manager.sqlite')
+}