dsh-multi-chat 0.6.8 → 1.0.0

package/package.json

@@ -1,18 +1,23 @@
 {
   "name": "dsh-multi-chat",
-  "version": "0.6.8",
-  "description": "DSH 多对话：在官�?DeepSeek Harness Web 界面里以多窗口网格并排运行、监控多个对话实例，一屏盯住所�?Agent 的实时进度；内置带口令认证的局域网网关，手�?平板也能看。npx dsh-multi-chat install|start|stop|gateway",
+  "version": "1.0.0",
+  "description": "DSH 多窗口墙：在官方 DeepSeek Harness Web 界面里以多窗口网格并排运行、监控多个对话实例，一屏盯住所有 Agent 的实时进度；内置带口令认证的局域网网关，手机/平板也能看。",
   "license": "MIT",
   "type": "module",
-  "main": "plugin/dsh-client-ui-multi-wall/lib/index.js",
+  "main": "./lib/index.js",
+  "types": "./lib/types/index.d.ts",
   "exports": {
     ".": {
-      "types": "./plugin/dsh-client-ui-multi-wall/lib/types/index.d.ts",
-      "default": "./plugin/dsh-client-ui-multi-wall/lib/index.js"
+      "types": "./lib/types/index.d.ts",
+      "default": "./lib/index.js"
     },
     "./client": {
-      "types": "./plugin/dsh-client-ui-multi-wall/lib/types/client/index.d.ts",
-      "default": "./plugin/dsh-client-ui-multi-wall/lib/client.js"
+      "types": "./lib/types/client/index.d.ts",
+      "default": "./lib/client.js"
+    },
+    "./invariant": {
+      "types": "./lib/types/invariant.d.ts",
+      "default": "./lib/invariant.js"
     },
     "./package.json": "./package.json"
   },
@@ -20,8 +25,20 @@
     "bundle": {
       "patch": "./cordis.patch.yml"
     },
+    "client": {
+      "platform": "web",
+      "inject": [
+        "@deepseek-ai/dsh-client-runtime",
+        "@deepseek-ai/dsh-client-locale",
+        "@deepseek-ai/dsh-client-ui-layout",
+        "@deepseek-ai/dsh-client-ui-sidebar",
+        "@deepseek-ai/dsh-client-ui-primitives"
+      ]
+    },
     "marketplace": {
-      "profiles": ["web"],
+      "profiles": [
+        "web"
+      ],
       "requiresRestart": true,
       "manualSteps": false,
       "requiresBuildApproval": false
@@ -55,22 +72,29 @@
     "scripts/",
     "patches/",
     "assets/",
+    "lib/",
+    "src/",
     "cordis.patch.yml",
     "README.md",
     "README.zh.md",
-    "plugin/dsh-client-ui-multi-wall/package.json",
-    "plugin/dsh-client-ui-multi-wall/README.md",
-    "plugin/dsh-client-ui-multi-wall/README.zh.md",
-    "plugin/dsh-client-ui-multi-wall/cordis.patch.yml",
-    "plugin/dsh-client-ui-multi-wall/lib/index.js",
-    "plugin/dsh-client-ui-multi-wall/lib/invariant.js",
-    "plugin/dsh-client-ui-multi-wall/lib/client.js",
-    "plugin/dsh-client-ui-multi-wall/lib/types/**/*.d.ts"
+    "LICENSE"
   ],
   "scripts": {
-    "test": "cd harness-src && npx vitest run packages/client/ui-multi-wall"
+    "build": "tsc -b tsconfig.json && tsdown",
+    "clean": "rm -rf lib",
+    "test": "vitest run"
+  },
+  "devDependencies": {
+    "@types/node": "^26.2.0",
+    "lightningcss": "^1.33.0",
+    "tsdown": "^0.11.13",
+    "typescript": "^5.9.3",
+    "vitest": "^2.1.9"
   },
   "engines": {
     "node": ">=20"
+  },
+  "dependencies": {
+    "clsx": "^2.1.1"
   }
 }

package/scripts/install-plugin.ps1

@@ -4,7 +4,7 @@
   把多窗口墙插件装进 DSH web profile 并启用（官方声明式 bundle 形态）。
 
 .DESCRIPTION
-  1) 将 plugin/dsh-client-ui-multi-wall 打包为 tarball；
+  1) 将 dsh-multi-chat 打包为 tarball；
   2) 用 `dsh plugin --profile web add` 装进 profile；
   3) DSH 自动调和 dsh.profile.bundles：插件包声明了 dsh.bundle.patch
      （指向包内自带 cordis.patch.yml），DSH 启动时自动挂载该 bundle 层，
@@ -13,7 +13,7 @@
      侧边栏底部会出现「多窗口墙」按钮）。
 
   卸载（一条命令，无需手动删 patch 或文件）：
-    dsh plugin --profile <Profile> remove @deepseek-ai/dsh-client-ui-multi-wall
+    dsh plugin --profile <Profile> remove dsh-multi-chat
 
 .PARAMETER Profile
   profile 名，默认 web。
@@ -27,13 +27,10 @@ param(
 
 $ErrorActionPreference = "Stop"
 $root = Split-Path -Parent $PSScriptRoot
-$pluginDir = Join-Path $root "plugin\dsh-client-ui-multi-wall"
 
-if (-not (Test-Path $pluginDir)) { throw "未找到插件目录：$pluginDir" }
-
-# 1) pack tarball
-$tarball = Join-Path $root "dsh-client-ui-multi-wall.tgz"
-Push-Location $pluginDir
+# 1) pack tarball from root directory
+$tarball = Join-Path $root "dsh-multi-chat.tgz"
+Push-Location $root
 npm pack --pack-destination $root | Out-Null
 Pop-Location
 if (-not (Test-Path $tarball)) { throw "npm pack 失败，未生成 $tarball" }
@@ -49,4 +46,4 @@ Write-Host ""
 Write-Host "完成。重启 dsh web 生效："
 Write-Host "  dsh web --port <n>"
 Write-Host "打开后侧边栏底部应出现「多窗口墙」按钮。"
-Write-Host "卸载：dsh plugin --profile $Profile remove @deepseek-ai/dsh-client-ui-multi-wall"
+Write-Host "卸载：dsh plugin --profile $Profile remove dsh-multi-chat"

package/src/client/WallToggle.module.css

@@ -0,0 +1,26 @@
+.row {
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: calc(100% + 8px);
+  height: 34px;
+  margin: 4px -4px;
+  padding: 6px 2px 6px 10px;
+  border: none;
+  border-radius: 12px;
+  background: none;
+  color: var(--dsw-alias-label-secondary);
+  cursor: pointer;
+  font: inherit;
+  overflow: hidden;
+}
+.row:hover {
+  background: var(--dsw-alias-interactive-bg-hover);
+  color: var(--dsw-alias-label-primary);
+}
+.label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}

package/src/client/WallToggle.tsx

@@ -0,0 +1,52 @@
+/**
+ * WallToggle: the sidebar-foot shortcut. Clicking it opens the wall view —
+ * the `conversation.view` ring switches to the 'multi-wall' entry, which the
+ * header renders as the "多窗口" tab. The click is a plain user-equivalent
+ * activation: it finds the header's view-ring tab for this plugin's label and
+ * clicks it, so the official view-ring state machine (the chat store's active
+ * view field) performs the switch. No store is declared: the ring decides
+ * what renders, so this row owns no state.
+ *
+ * Session-scoped by design: the view ring (and its header tabs) only renders
+ * with an active session, so the shortcut is inert on the empty-hero screen —
+ * the user first opens or creates a session (the official flow), after which
+ * the tab is present and the click lands.
+ */
+import { IconFullscreenOutline16 } from '@deepseek-ai/dsh-client-ui-primitives'
+import type { PropsLocale, PropsRuntime } from '@deepseek-ai/dsh-client-ui-slots'
+import css from './WallToggle.module.css'
+
+/** Composed props: sidebar column state + locale. */
+export type WallToggleProps =
+  & PropsRuntime<'sidebar.footer.action'>
+  & PropsLocale<'multiWall'>
+
+/**
+ * Render the wall shortcut row (icon; label only in the wide column).
+ * @param props - composed slot props.
+ * @returns the shortcut row.
+ */
+export function WallToggle({ wide, t }: WallToggleProps) {
+  return (
+    <button
+      type="button"
+      className={css.row}
+      aria-label={t('toggle.aria')}
+      title={t('toggle')}
+      onClick={() => {
+        // The official view ring renders the active entry through
+        // `only: <active id>`; the only sanctioned way to move it is the
+        // header tab's click handler (actions.setView). Trigger that same
+        // element instead of reaching into the chat store from the root
+        // scope. No tab (no active session) is a no-op.
+        const label = t('view.multiWall')
+        const tab = Array.from(document.querySelectorAll<HTMLButtonElement>('[role="tab"]'))
+          .find(el => el.textContent?.trim() === label)
+        tab?.click()
+      }}
+    >
+      <IconFullscreenOutline16 size={wide ? 16 : 18} />
+      {wide && <span className={css.label}>{t('toggle')}</span>}
+    </button>
+  )
+}

package/src/client/WallView.module.css

@@ -0,0 +1,190 @@
+/* Wall view: toolbar over a horizontally-filled pane grid. All colors ride
+   the official --dsw-alias-* token sheet; controls are official primitives
+   (Button/Input/Menu/StateDot), so the surface matches the app chrome. */
+
+/* When the wall view is active, hide the conversation composer seat (the
+   input bar and its stats band) so the wall owns the full column height.
+   The seat is the official layout's bottom slot ([data-composer-seat] inside
+   [data-conversation-scroll]); :has() scopes the rule to the wall being
+   present. Pure presentation — no official logic is touched. */
+:global([data-conversation-scroll]:has([data-wall-view]) [data-composer-seat]) {
+  display: none;
+}
+
+.wall {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+  background: var(--dsw-alias-bg-base);
+  color: var(--dsw-alias-label-primary);
+}
+
+.toolbar {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 8px 14px;
+  border-bottom: 1px solid var(--dsw-alias-border-l2);
+  background: var(--dsw-alias-bg-layer-2);
+  flex: none;
+  flex-wrap: wrap;
+}
+
+.title {
+  font-size: 14px;
+  font-weight: 600;
+}
+
+/* Phone-access link bar: shown under the toolbar after fetching /multi/api/link. */
+.linkBar {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 6px 14px;
+  border-bottom: 1px solid var(--dsw-alias-border-l2);
+  background: var(--dsw-alias-bg-layer-1);
+  flex: none;
+  flex-wrap: wrap;
+}
+
+.linkText {
+  font-size: 12px;
+  color: var(--dsw-alias-label-secondary);
+  flex: 1;
+  min-width: 160px;
+  overflow-wrap: anywhere;
+}
+
+.status {
+  font-size: 12px;
+  color: var(--dsw-alias-label-secondary);
+  flex: 1;
+  min-width: 120px;
+}
+
+.controls {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+.field {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 12px;
+  color: var(--dsw-alias-label-secondary);
+}
+
+/* The official Input primitive renders a wrapper span; keep the number
+   steppers compact inside the toolbar field. */
+.field > span {
+  width: 76px;
+}
+
+/* Pane grid: default fills the row with equal columns, wraps only when the
+   row is full — no single-column vertical stacking by default. */
+.grid {
+  flex: 1;
+  overflow: auto;
+  padding: 8px;
+  display: grid;
+  gap: 8px;
+  grid-auto-rows: minmax(280px, 1fr);
+  align-content: start;
+}
+.grid[data-cols='auto'] { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
+.grid[data-cols='1'] { grid-template-columns: 1fr; }
+.grid[data-cols='2'] { grid-template-columns: repeat(2, 1fr); }
+.grid[data-cols='3'] { grid-template-columns: repeat(3, 1fr); }
+.grid[data-cols='4'] { grid-template-columns: repeat(4, 1fr); }
+.grid[data-cols='6'] { grid-template-columns: repeat(6, 1fr); }
+
+.pane {
+  display: flex;
+  flex-direction: column;
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 8px;
+  overflow: hidden;
+  min-width: 0;
+  min-height: 0;
+  background: var(--dsw-alias-bg-layer-1);
+}
+.pane.zoomed {
+  grid-column: 1 / -1;
+  grid-row: 1 / -1;
+}
+
+.paneHead {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 4px 8px;
+  border-bottom: 1px solid var(--dsw-alias-border-l1);
+  background: var(--dsw-alias-bg-layer-2);
+  flex: none;
+}
+
+.dot {
+  flex: none;
+}
+
+.paneTitle {
+  font-size: 12px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.paneActions {
+  margin-left: auto;
+  display: flex;
+  gap: 2px;
+  flex: none;
+}
+
+.action {
+  border: none;
+  background: none;
+  color: var(--dsw-alias-label-secondary);
+  cursor: pointer;
+  padding: 2px 6px;
+  border-radius: 4px;
+  line-height: 1;
+  white-space: nowrap;
+}
+.action:hover { background: var(--dsw-alias-interactive-bg-hover); color: var(--dsw-alias-label-primary); }
+.action.danger:hover { color: var(--dsw-static-amber-600); }
+.action.danger.confirm {
+  background: var(--dsw-static-amber-500);
+  color: var(--dsw-static-neutral-00);
+  font-size: 11px;
+  padding: 2px 8px;
+}
+.action.danger.confirm:hover { background: var(--dsw-static-amber-600); color: var(--dsw-static-neutral-00); }
+
+.paneBody {
+  flex: 1;
+  min-height: 0;
+  position: relative;
+}
+.paneBody iframe {
+  width: 100%;
+  height: 100%;
+  border: none;
+  display: block;
+}
+
+.empty {
+  grid-column: 1 / -1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  color: var(--dsw-alias-label-secondary);
+}
+.empty .hint { font-size: 12px; }