@rezti/dsh-rez-suite 0.1.3 → 0.1.5

package/lib/style.css

@@ -1,110 +1,83 @@
-[data-pane="conversation"] {
-  position: relative;
+.WRGRRW_shell {
+  flex-direction: column;
+  gap: 12px;
+  min-width: 0;
+  display: flex;
 }
 
-[data-dsh-rez-view] {
-  z-index: 60;
-  background: var(--dsw-alias-bg-base);
-  display: none;
-  position: absolute;
-  inset: 0;
+.WRGRRW_card {
+  border: 1px solid var(--dsw-alias-border-l2);
+  background: var(--dsw-alias-bg-layer-3);
+  border-radius: 12px;
+  list-style: none;
+  transition: border-color .16s, background .16s;
 }
 
-html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [data-dsh-rez-view] {
-  display: block;
+.WRGRRW_card:hover {
+  border-color: var(--dsw-alias-label-dimmed);
 }
 
-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;
+.WRGRRW_cardOpen {
+  background: var(--dsw-alias-bg-layer-2);
+  border-color: var(--dsw-alias-label-dimmed);
 }
 
-.WRGRRW_entry {
+.WRGRRW_header {
+  appearance: none;
   width: 100%;
-  height: 32px;
-  color: var(--dsw-alias-label-secondary);
+  font: inherit;
+  color: inherit;
+  text-align: left;
   cursor: pointer;
-  white-space: nowrap;
   background: none;
-  border: none;
-  border-radius: 8px;
+  border: 0;
+  border-radius: 12px;
   align-items: center;
-  gap: 8px;
-  padding: 0 12px;
-  font-size: 13px;
+  gap: 12px;
+  padding: 14px 16px;
   display: flex;
 }
 
-.WRGRRW_entry:hover {
-  background: var(--dsw-specific-sidebar-nav-item-hover);
-  color: var(--dsw-alias-label-primary);
-}
-
-.WRGRRW_entryIcon {
-  flex: none;
-  justify-content: center;
-  align-items: center;
-  display: inline-flex;
-}
-
-.WRGRRW_entryLabel {
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-[data-dsh-frame][data-sidebar-collapsed] .WRGRRW_entry {
-  justify-content: center;
-  width: 100%;
-  padding: 0;
-}
-
-[data-dsh-frame][data-sidebar-collapsed] .WRGRRW_entryLabel {
-  display: none;
+.WRGRRW_header:focus-visible {
+  outline: 2px solid var(--dsw-alias-brand-primary);
+  outline-offset: -2px;
 }
 
-.WRGRRW_view {
-  overflow: hidden;
+.WRGRRW_headText {
+  flex-direction: column;
+  flex: 1;
+  gap: 4px;
+  min-width: 0;
+  display: flex;
 }
 
-.WRGRRW_panel {
-  background: var(--dsw-alias-bg-base);
-  min-width: 0;
-  height: 100%;
-  min-height: 0;
+.WRGRRW_name {
   color: var(--dsw-alias-label-primary);
-  font-family: var(--dsw-font-family);
-  flex-direction: column;
-  gap: 10px;
-  padding: 14px 16px 16px;
-  display: flex;
+  font-size: 15px;
+  font-weight: 600;
+  line-height: 1.4;
 }
 
-.WRGRRW_panelHeader {
-  flex: none;
-  align-items: center;
-  gap: 10px;
-  display: flex;
+.WRGRRW_description {
+  color: var(--dsw-alias-label-tertiary);
+  font-size: 13px;
+  line-height: 1.5;
 }
 
-.WRGRRW_panelTitle {
-  flex: 1;
-  margin: 0;
-  font-size: 16px;
-  font-weight: 700;
+.WRGRRW_chevron {
+  color: var(--dsw-alias-label-tertiary);
+  flex: none;
+  transition: transform .16s;
 }
 
-.WRGRRW_iconButton {
-  color: var(--dsw-alias-label-secondary);
-  cursor: pointer;
-  background: none;
-  border: none;
-  border-radius: 6px;
-  padding: 4px 8px;
-  font-size: 14px;
+.WRGRRW_chevronOpen {
+  transform: rotate(180deg);
 }
 
-.WRGRRW_iconButton:hover {
-  background: var(--dsw-alias-interactive-bg-hover);
-  color: var(--dsw-alias-label-primary);
+.WRGRRW_body {
+  border-top: 1px solid var(--dsw-alias-border-l2);
+  margin: 0 16px 12px;
+  padding-top: 8px;
 }
 
 .WRGRRW_tabBar {
@@ -136,21 +109,12 @@ html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-act
   font-weight: 600;
 }
 
-.WRGRRW_panelContent {
-  flex-direction: column;
-  flex: 1;
-  min-height: 0;
-  display: flex;
-  overflow: hidden;
-}
-
 .WRGRRW_tabBody {
   flex-direction: column;
-  flex: 1;
   gap: 12px;
-  min-height: 0;
+  min-width: 0;
+  padding: 12px 0 4px;
   display: flex;
-  overflow-y: auto;
 }
 
 .WRGRRW_section {
@@ -164,16 +128,17 @@ html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-act
 }
 
 .WRGRRW_sectionTitle {
+  color: var(--dsw-alias-label-primary);
   margin: 0;
   font-size: 13px;
   font-weight: 600;
 }
 
 .WRGRRW_field {
-  grid-template-columns: 140px 1fr;
-  align-items: center;
-  gap: 8px;
-  display: grid;
+  flex-direction: column;
+  align-items: stretch;
+  gap: 4px;
+  display: flex;
 }
 
 .WRGRRW_label {
@@ -183,7 +148,7 @@ html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-act
 
 .WRGRRW_input, .WRGRRW_select {
   color: var(--dsw-alias-label-primary);
-  background: var(--dsw-specific-input-major);
+  background: var(--dsw-specific-input-major, var(--dsw-alias-bg-layer-3));
   border: 1px solid var(--dsw-alias-border-l2);
   border-radius: 8px;
   outline: none;
@@ -207,7 +172,7 @@ html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-act
 
 .WRGRRW_button {
   border: 1px solid var(--dsw-alias-border-l2);
-  background: var(--dsw-specific-input-major);
+  background: var(--dsw-specific-input-major, var(--dsw-alias-bg-layer-3));
   color: var(--dsw-alias-label-primary);
   cursor: pointer;
   border-radius: 8px;
@@ -215,23 +180,19 @@ html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-act
   font-size: 13px;
 }
 
-.WRGRRW_button:hover {
+.WRGRRW_button:hover:not(:disabled) {
   background: var(--dsw-alias-interactive-bg-hover);
 }
 
-.WRGRRW_qr {
-  background: #fff;
-  border-radius: 8px;
-  width: 240px;
-  height: 240px;
-  margin: 8px 0;
-  display: block;
+.WRGRRW_button:disabled {
+  opacity: .4;
+  cursor: default;
 }
 
 .WRGRRW_primaryButton {
-  background: var(--dsw-alias-state-business-primary);
-  border-color: var(--dsw-alias-state-business-primary);
-  color: #fff;
+  background: var(--dsw-alias-label-primary);
+  border-color: var(--dsw-alias-label-primary);
+  color: var(--dsw-alias-bg-layer-3);
 }
 
 .WRGRRW_dangerButton {
@@ -240,9 +201,20 @@ html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-act
   color: #fff;
 }
 
+.WRGRRW_qr {
+  background: #fff;
+  border-radius: 8px;
+  width: 200px;
+  height: 200px;
+  margin: 8px 0;
+  display: block;
+}
+
 .WRGRRW_message {
   color: var(--dsw-alias-label-secondary);
+  margin: 0;
   font-size: 12.5px;
+  line-height: 1.5;
 }
 
 .WRGRRW_error {
@@ -252,8 +224,6 @@ html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-act
 .WRGRRW_tableWrap {
   border: 1px solid var(--dsw-alias-border-l1);
   border-radius: 10px;
-  flex: 1;
-  min-height: 0;
   overflow: auto;
 }
 
@@ -296,12 +266,12 @@ html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-act
 }
 
 .WRGRRW_cards {
-  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
   gap: 8px;
   display: grid;
 }
 
-.WRGRRW_card {
+.WRGRRW_stat {
   border: 1px solid var(--dsw-alias-border-l1);
   border-radius: 10px;
   padding: 10px;
@@ -313,6 +283,7 @@ html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-act
 }
 
 .WRGRRW_cardValue {
+  color: var(--dsw-alias-label-primary);
   font-size: 15px;
   font-weight: 600;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rezti/dsh-rez-suite",
   "description": "ReZ-TI employee plugin for DeepSeek Harness: one install enables company MCP (Odoo / Nextcloud / WeCom / Weixin-ClawBot / Home Assistant) and work identity.",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "type": "module",
   "engines": {
     "node": "^22.19.0 || >=24.0.0"
@@ -28,7 +28,9 @@
       "inject": [
         "@deepseek-ai/dsh-client-runtime",
         "@deepseek-ai/dsh-client-connection",
-        "@deepseek-ai/dsh-client-ui-settings"
+        "@deepseek-ai/dsh-client-locale",
+        "@deepseek-ai/dsh-client-ui-settings",
+        "@deepseek-ai/dsh-client-ui-settings-plugins"
       ],
       "platform": "web"
     }
@@ -36,13 +38,13 @@
   "dependencies": {
     "@modelcontextprotocol/sdk": "^1.30.0",
     "zod": "^4.4.3",
-    "@rezti/dsh-rez-ha-bridge": "0.1.0",
+    "@rezti/dsh-rez-ha-bridge": "0.1.4",
+    "@rezti/dsh-rez-sso": "0.1.4",
+    "@rezti/dsh-rez-nextcloud": "0.1.4",
     "@rezti/dsh-rez-intent": "0.1.3",
-    "@rezti/dsh-rez-nextcloud": "0.1.0",
-    "@rezti/dsh-rez-sso": "0.1.3",
-    "@rezti/dsh-rez-odoo": "0.1.0",
-    "@rezti/dsh-rez-wechat": "0.1.3",
-    "@rezti/dsh-rez-token-manager": "0.1.3"
+    "@rezti/dsh-rez-odoo": "0.1.4",
+    "@rezti/dsh-rez-token-manager": "0.1.3",
+    "@rezti/dsh-rez-wechat": "0.1.4"
   },
   "peerDependencies": {
     "react": "^18.2.0",

package/src/client/index.ts

@@ -1,17 +1,16 @@
 /**
- * Browser-half entry for dsh-rez-suite — runs inside the dsh web GUI.
- * Registers locale dictionaries and mounts the Rez Suite panel (sidebar entry
- * plus center-column view). DOM mounting problems are logged, never thrown.
+ * Browser-half entry for dsh-rez-suite.
+ * Registers locale dictionaries and contributes a native Settings card
+ * (设置 → 插件 → 插件配置) plus a Plugins tab. Do not mount a sidebar
+ * takeover over the conversation column.
  */
 
 import type { ClientContext } from '@deepseek-ai/dsh-client-runtime/client'
 import type {} from '@deepseek-ai/dsh-client-locale/client'
+import type {} from '@deepseek-ai/dsh-client-ui-settings/client'
 import type {} from '@deepseek-ai/dsh-client-ui-slots'
-import { RezApi } from './api.ts'
 import { en, zh, type RezKey } from './locales.ts'
-import { mountPanel } from './mount.tsx'
-import { PanelController } from './panel/controller.ts'
-import { mountSidebarEntry } from './sidebar-entry.ts'
+import { RezPluginCard, RezSettingsPage } from './settings-card.tsx'
 
 const NS = 'dsh-rez-suite'
 
@@ -19,27 +18,40 @@ declare module '@deepseek-ai/dsh-client-ui-slots' {
   interface LocaleNamespaceMap {
     'dsh-rez-suite': RezKey
   }
+  interface SlotMap {
+    'settings.plugin.item': {
+      kind: 'list'
+      scope: 'root'
+      owner: { children?: never }
+    }
+    'settings.plugins.tab': {
+      kind: 'list'
+      scope: 'root'
+      owner: { children?: never }
+    }
+  }
 }
 
 export const inject = ['slots', 'locale']
 
-export type { PanelControllerSnapshot } from './panel/controller.ts'
-export type { RezPanelProps } from './panel/RezPanel.tsx'
 export type { RezKey } from './locales.ts'
 
 export function apply(ctx: ClientContext): void {
+  const t = ctx.locale.bind(NS)
   ctx.effect(() => ctx.locale.register(NS, { zh, en }), 'dsh-rez-suite: dictionaries')
 
-  const controller = new PanelController()
-  const api = new RezApi()
-  const disposers: Array<() => void> = []
-  try {
-    disposers.push(mountSidebarEntry(controller))
-    disposers.push(mountPanel(controller, api))
-  } catch (error) {
-    console.warn('[dsh-rez-suite] mount failed:', error)
-  }
-  ctx.effect(() => () => {
-    for (const dispose of disposers.splice(0)) dispose()
-  }, 'dsh-rez-suite: ui mounts')
+  ctx.slots.inject('settings.plugin.item', () => ctx.slots.register({
+    name: 'settings.plugin.item',
+    id: 'rez-suite',
+    order: 40,
+    locale: NS,
+  }, RezPluginCard))
+
+  ctx.slots.inject('settings.plugins.tab', () => ctx.slots.register({
+    name: 'settings.plugins.tab',
+    id: 'rez',
+    order: 20,
+    label: () => t('settings.title'),
+    locale: NS,
+  }, RezSettingsPage))
 }

package/src/client/locales.ts

@@ -5,6 +5,8 @@
 export const zh = {
   'entry.label': 'Rez',
   'entry.tooltip': 'Rez Suite 配置与审计面板',
+  'settings.title': 'ReZ-TI',
+  'settings.description': '公司 MCP（Odoo / Nextcloud / 企微 / HA）与个人微信扫码通道。',
   'panel.title': 'Rez Suite',
   'tab.config': '配置',
   'tab.weixin': '微信',
@@ -99,6 +101,8 @@ export type RezKey = keyof typeof zh
 export const en: Record<RezKey, string> = {
   'entry.label': 'Rez',
   'entry.tooltip': 'Rez Suite configuration and audit panel',
+  'settings.title': 'ReZ-TI',
+  'settings.description': 'Company MCP (Odoo / Nextcloud / WeCom / HA) and personal WeChat scan-and-chat.',
   'panel.title': 'Rez Suite',
   'tab.config': 'Config',
   'tab.weixin': 'WeChat',

package/src/client/panel/AuditTab.tsx

@@ -48,12 +48,12 @@ export function AuditTab({ api }: { api: RezApi }) {
       </div>
       {error !== '' && <div className={css.error}>{error}</div>}
       <div className={css.cards}>
-        <div className={css.card}><div className={css.cardLabel}>{tt('audit.totalCalls')}</div><div className={css.cardValue}>{audit.totalCalls}</div></div>
-        <div className={css.card}><div className={css.cardLabel}>{tt('audit.inputTokens')}</div><div className={css.cardValue}>{audit.totalInputTokens}</div></div>
-        <div className={css.card}><div className={css.cardLabel}>{tt('audit.outputTokens')}</div><div className={css.cardValue}>{audit.totalOutputTokens}</div></div>
-        <div className={css.card}><div className={css.cardLabel}>{tt('audit.totalCost')}</div><div className={css.cardValue}>{audit.totalCost.toFixed(4)}</div></div>
-        <div className={css.card}><div className={css.cardLabel}>{tt('audit.monthCost')}</div><div className={css.cardValue}>{audit.monthCost.toFixed(4)}</div></div>
-        <div className={css.card}><div className={css.cardLabel}>{tt('audit.budget')}</div><div className={css.cardValue}>{audit.monthlyBudget.toFixed(2)}</div></div>
+        <div className={css.stat}><div className={css.cardLabel}>{tt('audit.totalCalls')}</div><div className={css.cardValue}>{audit.totalCalls}</div></div>
+        <div className={css.stat}><div className={css.cardLabel}>{tt('audit.inputTokens')}</div><div className={css.cardValue}>{audit.totalInputTokens}</div></div>
+        <div className={css.stat}><div className={css.cardLabel}>{tt('audit.outputTokens')}</div><div className={css.cardValue}>{audit.totalOutputTokens}</div></div>
+        <div className={css.stat}><div className={css.cardLabel}>{tt('audit.totalCost')}</div><div className={css.cardValue}>{audit.totalCost.toFixed(4)}</div></div>
+        <div className={css.stat}><div className={css.cardLabel}>{tt('audit.monthCost')}</div><div className={css.cardValue}>{audit.monthCost.toFixed(4)}</div></div>
+        <div className={css.stat}><div className={css.cardLabel}>{tt('audit.budget')}</div><div className={css.cardValue}>{audit.monthlyBudget.toFixed(2)}</div></div>
       </div>
       <div className={css.tableWrap}>
         <table className={css.table}>