@deepseek-ai/dsh-client-ui-settings-general 0.1.7-alpha.2 → 0.1.7-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.i18n.yaml +57 -5
- package/README.md +10 -8
- package/README.zh.md +10 -8
- package/lib/client.js +188 -96
- package/lib/types/client/locales.d.ts +2 -0
- package/lib/types/client/shell-contract.d.ts +8 -3
- package/lib/types/client/shell-store.d.ts +19 -0
- package/package.json +19 -15
package/README.i18n.yaml
CHANGED
|
@@ -1,6 +1,58 @@
|
|
|
1
|
-
# Bilingual-pair consistency record (docs/i18n/README.md):
|
|
2
|
-
#
|
|
3
|
-
#
|
|
1
|
+
# Bilingual-pair consistency record for README.md (docs/i18n/README.md): per heading
|
|
2
|
+
# section, a hash of its English and Chinese blocks outside code blocks and generated regions.
|
|
3
|
+
# After editing either side, bring the other along and re-record with:
|
|
4
4
|
# pnpm run verify-translation-pairing --write packages/client/ui-settings-general/README.md
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
/:
|
|
6
|
+
en: b12def981d836df5
|
|
7
|
+
zh: 9d813c1937f22c61
|
|
8
|
+
/deepseek-ai-dsh-client-ui-settings-general:
|
|
9
|
+
en: 1017c980d55e1945
|
|
10
|
+
zh: d3febd2062fce20f
|
|
11
|
+
/deepseek-ai-dsh-client-ui-settings-general/summary:
|
|
12
|
+
en: cd94b4a8dae32670
|
|
13
|
+
zh: 333b8603e77f92d7
|
|
14
|
+
/deepseek-ai-dsh-client-ui-settings-general/table-of-contents:
|
|
15
|
+
en: aeb9c4bfdb19bc56
|
|
16
|
+
zh: 45a29bea90cff239
|
|
17
|
+
/deepseek-ai-dsh-client-ui-settings-general/use-this-package:
|
|
18
|
+
en: da896a9cf06fe5a5
|
|
19
|
+
zh: 27545af457695988
|
|
20
|
+
/deepseek-ai-dsh-client-ui-settings-general/use-this-package/the-general-section:
|
|
21
|
+
en: 8b8a7c6287bb303b
|
|
22
|
+
zh: 19535112531aedd5
|
|
23
|
+
/deepseek-ai-dsh-client-ui-settings-general/use-this-package/opening-the-configuration-file:
|
|
24
|
+
en: ca2b4f5ccfbe2705
|
|
25
|
+
zh: bd1dc1d9879d0f0e
|
|
26
|
+
/deepseek-ai-dsh-client-ui-settings-general/use-this-package/onboarding-steps:
|
|
27
|
+
en: 27f0f6ec55f00228
|
|
28
|
+
zh: 69b47ff1efd81c17
|
|
29
|
+
/deepseek-ai-dsh-client-ui-settings-general/understand-the-implementation:
|
|
30
|
+
en: 41726bcd4ae37c0a
|
|
31
|
+
zh: d994b70ca7997da8
|
|
32
|
+
/deepseek-ai-dsh-client-ui-settings-general/understand-the-implementation/ledger-projections:
|
|
33
|
+
en: 3e3c2c72f87e8b23
|
|
34
|
+
zh: 12b10ba2d37c9077
|
|
35
|
+
/deepseek-ai-dsh-client-ui-settings-general/understand-the-implementation/connection-recovery:
|
|
36
|
+
en: e37fb7df883ea356
|
|
37
|
+
zh: c972524e56c6d6c2
|
|
38
|
+
/deepseek-ai-dsh-client-ui-settings-general/understand-the-implementation/document-availability:
|
|
39
|
+
en: 474168eef3339de0
|
|
40
|
+
zh: 254ea21415082dae
|
|
41
|
+
/deepseek-ai-dsh-client-ui-settings-general/understand-the-implementation/host-half:
|
|
42
|
+
en: 5d722d055516f905
|
|
43
|
+
zh: e7a236f0ff84f7ff
|
|
44
|
+
/deepseek-ai-dsh-client-ui-settings-general/further-exploration:
|
|
45
|
+
en: 21348b768f60f587
|
|
46
|
+
zh: 0c3c5b6a682ae267
|
|
47
|
+
/deepseek-ai-dsh-client-ui-settings-general/model-experience:
|
|
48
|
+
en: 3120df665299c634
|
|
49
|
+
zh: 1d9f365d091d0d2a
|
|
50
|
+
/deepseek-ai-dsh-client-ui-settings-general/model-experience/kv-cache-effect:
|
|
51
|
+
en: ca75c51c89c2c9b0
|
|
52
|
+
zh: de54f3467ef3b9be
|
|
53
|
+
/deepseek-ai-dsh-client-ui-settings-general/known-limitations-and-deferred-work:
|
|
54
|
+
en: 97dd637a320ac334
|
|
55
|
+
zh: faa5c512c56a128e
|
|
56
|
+
/deepseek-ai-dsh-client-ui-settings-general/known-limitations-and-deferred-work/dev-note:
|
|
57
|
+
en: b36039e49a66b8e0
|
|
58
|
+
zh: 306682cd90cce1db
|
package/README.md
CHANGED
|
@@ -9,7 +9,7 @@ English | [中文](README.zh.md)
|
|
|
9
9
|
|
|
10
10
|
## Summary
|
|
11
11
|
|
|
12
|
-
Use this package to give the dsh web client a Settings panel, connection-recovery control, feature-contributed navigation, and sequential first-run onboarding. Users can open it from the sidebar, retry a failed connection immediately, and access a local configuration file when the Host makes one available on a loopback browser. Feature packages supply their own settings rows, sections, and onboarding steps; this package supplies their shared presentation and the
|
|
12
|
+
Use this package to give the dsh web client a Settings panel, connection-recovery control, feature-contributed navigation, and sequential first-run onboarding. Users can open it from the sidebar, retry a failed connection immediately, and access a local configuration file when the Host makes one available on a loopback browser. Feature packages supply their own settings rows, sections, and onboarding steps; this package supplies their shared presentation and the Coding Tools switch without adding onboarding copy.
|
|
13
13
|
|
|
14
14
|
## Table of Contents
|
|
15
15
|
|
|
@@ -22,7 +22,7 @@ Use this package to give the dsh web client a Settings panel, connection-recover
|
|
|
22
22
|
|
|
23
23
|
-----
|
|
24
24
|
|
|
25
|
-
The Settings panel uses a shared 760 × 500 layout, bounded by the viewport. Longer sections scroll inside the content column; the Account entry uses the account icon.
|
|
25
|
+
The Settings panel uses a shared 760 × 500 layout, bounded by the viewport. Longer sections scroll inside the content column; the Account entry uses the account icon. The panel portals beside `#root` rather than inside it, so a macOS window drag region a chrome row declares later in document order cannot swallow its controls.
|
|
26
26
|
|
|
27
27
|
<a id="use-this-package"></a>
|
|
28
28
|
## Use this package
|
|
@@ -31,15 +31,17 @@ Users reach the shell through the sidebar's bottom Settings control; feature plu
|
|
|
31
31
|
|
|
32
32
|
When the section navigation exceeds the panel's available height, the list scrolls independently of the settings content and keeps the Settings title fixed.
|
|
33
33
|
|
|
34
|
-
In Desktop, the account-row update control shows availability, progress, verification, readiness, and persistent retry feedback. It shares the connection indicator’s 28px height,
|
|
34
|
+
In Desktop, the account-row update control shows availability, progress, verification, readiness, and persistent retry feedback. It shares the connection indicator’s 28px height, 8px corners, 14px icon slot, 4px icon gap, and 12px medium text with an 18px line height; update-state border, fill, and text colors remain independently defined. Retry text and its dot use the same brand blue as other update labels; numeric download progress has no ellipsis. The preload carries semantic phase, version, progress, and classified failures; the component resolves every visible and accessible string from the active `settings` locale, including after an in-application language change. Selecting an available update starts downloading; installation requires a separate shell-owned confirmation. A collapsed sidebar shows the same status as a brand-blue dot on its top expand button, including failures. Connection feedback takes priority except during shell-reported installation, when the expected backend disconnect must not hide update status. Failure restores connection feedback. Both controls share one carrier subscription; browser code cannot choose packages or authorize installation. [Desktop updates](../../../apps/desktop/README.md) owns the release workflow.
|
|
35
|
+
|
|
36
|
+
Settings visibility and section selection live in the shell owner store. The shell supplies the effective Settings binding to the contributed launcher for menu keycaps and `aria-keyshortcuts`; the fallback button uses the same binding for hover and keyboard-focus hints and `aria-keyshortcuts`. The Settings command (`Mod+,` by default) toggles the dialog when Settings is in front or no modal is open; the sidebar control opens the same dialog. The command cannot open or close Settings while the shortcut reference or another modal is in front. Held-key repeats do nothing. Initial focus lands on the selected section in the navigation, or on the title when no sections are available, without drawing a focus outline. Tab and directional navigation retain their visible focus indicators. `Mod+/` can open the shortcut reference above Settings; `Escape` closes the top dialog and restores focus to its invoking control. Return focus omits outlines after shortcut, Escape, or pointer dismissal.
|
|
35
37
|
|
|
36
38
|
### The General section
|
|
37
39
|
|
|
38
40
|
The current release version appears at the bottom of General Settings in Web and Desktop, using the build’s `DSH_CLIENT_VERSION` metadata and the active language. Partial builds without version metadata omit the row.
|
|
39
41
|
|
|
40
|
-
The
|
|
42
|
+
The Coding Tools switch controls the shared `ui-settings.enabled` preference described by [ui-settings](../ui-settings/README.md#use-this-package). It is available in both Web and desktop, follows accepted changes immediately, and disables duplicate input while a write settles. A failed write displays localized retry guidance.
|
|
41
43
|
|
|
42
|
-
The General section holds the built-in
|
|
44
|
+
The General section holds the built-in Coding Tools and Current version rows alongside rows registered into `settings.general.item` by feature packages. Each registrant owns its row copy and behavior. The Appearance row, for example, lives in ui-theme.
|
|
43
45
|
|
|
44
46
|
### Opening the configuration file
|
|
45
47
|
|
|
@@ -54,12 +56,12 @@ The onboarding ledger projects in ascending order and mounts exactly one step at
|
|
|
54
56
|
<a id="understand-the-implementation"></a>
|
|
55
57
|
## Understand the implementation
|
|
56
58
|
|
|
57
|
-
The shell declares settings.launcher for an account-owned sidebar menu and retains the Settings button as its fallback. Closing the dialog returns focus to the active launcher.
|
|
59
|
+
The shell declares settings.launcher for an account-owned sidebar menu and retains the Settings button as its fallback. The launcher receives settingsOpen, whose false-to-true edge marks one Settings entry, so a registrant acts once per entry instead of on every re-render inside one open. Closing the dialog returns focus to the active launcher.
|
|
58
60
|
|
|
59
61
|
<details>
|
|
60
62
|
<summary>Implementation internals — click to expand</summary>
|
|
61
63
|
|
|
62
|
-
The shell owns the chrome and the projections; it contributes the
|
|
64
|
+
The shell owns the chrome and the projections; it contributes the Coding Tools and Current version rows, while feature registrants own their additional content and copy.
|
|
63
65
|
|
|
64
66
|
### Ledger projections
|
|
65
67
|
|
|
@@ -110,7 +112,7 @@ None; this package neither assembles nor sends a provider request.
|
|
|
110
112
|
|
|
111
113
|
These limits define what the shell itself provides versus what features must supply; they are current package constraints.
|
|
112
114
|
|
|
113
|
-
- **Additional General rows require their feature plugins** — the shell supplies
|
|
115
|
+
- **Additional General rows require their feature plugins** — the shell supplies Coding Tools and Current version; feature plugins supply the remaining preferences.
|
|
114
116
|
- **The Windows caption badge keeps a side-opening bubble** — `DesktopUpdateBadge` occupies `sidebar.toggle.badge` in the caption and requests `side="right"`, so the Desktop-owned menu text can cover its bubble while the sidebar is collapsed on Windows; the sidebar toggle and New Session bubbles open below the caption instead (#4688).
|
|
115
117
|
|
|
116
118
|
<a id="dev-note"></a>
|
package/README.zh.md
CHANGED
|
@@ -9,7 +9,7 @@ kind: "package-reference"
|
|
|
9
9
|
|
|
10
10
|
## 概述
|
|
11
11
|
|
|
12
|
-
使用本包可为 dsh Web 客户端提供 Settings
|
|
12
|
+
使用本包可为 dsh Web 客户端提供 Settings 面板、连接恢复控件、由功能包贡献的导航，以及依次进行的首次运行引导。用户可以从侧边栏打开面板、立即重试失败的连接，并在宿主为回环浏览器提供本地配置文件时访问该文件。各功能包提供自己的设置行、分区和引导步骤；本包提供共享的界面展示和代码工作工具开关，但不添加引导文案。
|
|
13
13
|
|
|
14
14
|
## 目录
|
|
15
15
|
|
|
@@ -22,7 +22,7 @@ kind: "package-reference"
|
|
|
22
22
|
|
|
23
23
|
-----
|
|
24
24
|
|
|
25
|
-
设置面板采用各页面共享的 760 × 500
|
|
25
|
+
设置面板采用各页面共享的 760 × 500 布局，并受视口大小约束。较长的页面在内容栏内部滚动；账号入口使用账号图标。面板挂载在 `#root` 之外而不是其内部，这样在文档序上更靠后的 chrome 行所声明的 macOS 窗口拖拽区不会吞掉它的控件。
|
|
26
26
|
|
|
27
27
|
<a id="use-this-package"></a>
|
|
28
28
|
## 使用本包
|
|
@@ -31,15 +31,17 @@ kind: "package-reference"
|
|
|
31
31
|
|
|
32
32
|
当分区导航超出面板可用高度时，列表独立于设置内容滚动，并保持「设置」标题固定。
|
|
33
33
|
|
|
34
|
-
在 Desktop 中，账户行更新控件显示可用版本、进度、验证、就绪和持久重试反馈。它与连接指示器共用 28px 高度、
|
|
34
|
+
在 Desktop 中，账户行更新控件显示可用版本、进度、验证、就绪和持久重试反馈。它与连接指示器共用 28px 高度、8px 圆角、14px 图标占位、4px 图文间距，以及 12px 中等字重文字和 18px 行高；更新状态的边框、填充和文字颜色独立定义。重试文字及其圆点与其他更新文案使用相同的品牌蓝色；数字下载进度不带省略号。预加载仅传递语义化阶段、版本、进度和失败类别；组件从当前 `settings` locale 解析全部可见与无障碍文案，并在应用内语言变化后同步更新。选择可用更新即开始下载；安装需要独立的壳拥有的确认。侧栏收起时，其顶部展开按钮以品牌蓝色圆点显示相同状态，包括失败状态。连接反馈通常优先展示，但壳报告正在安装时，预期的后端断开不能遮盖更新状态；失败后恢复连接反馈。两个控件共用一次载体订阅；浏览器代码不能选择安装包或授权安装。[Desktop 更新](../../../apps/desktop/README.zh.md)负责发布流程。
|
|
35
|
+
|
|
36
|
+
设置的可见状态和分区选择由 shell owner store 保存。外壳将设置命令的有效绑定传给入口贡献，用于菜单键帽和 `aria-keyshortcuts`；回退按钮使用相同绑定提供悬停、键盘聚焦提示和 `aria-keyshortcuts`。设置位于最前方或没有模态弹窗时，设置命令（默认为 `Mod+,`）切换设置弹窗的开关；侧栏控件打开同一弹窗。快捷键速查或其他模态弹窗位于前方时，该命令不能打开或关闭设置。长按产生的重复按键不执行操作。初始焦点落在导航中选中的分区；没有可用分区时落在标题上，均不绘制焦点外轮廓线。Tab 和方向键导航保留可见焦点提示。`Mod+/` 可在设置上方打开快捷键速查；`Escape` 关闭最上层弹窗，焦点返回触发该弹窗的控件。通过快捷键、Esc 或鼠标关闭后的回焦均不绘制外轮廓线。
|
|
35
37
|
|
|
36
38
|
### 「通用」分区
|
|
37
39
|
|
|
38
40
|
Web 与桌面端的通用设置底部显示当前发布版本，使用构建注入的 `DSH_CLIENT_VERSION` 元数据和当前语言。缺少版本元数据的局部构建不显示该行。
|
|
39
41
|
|
|
40
|
-
|
|
42
|
+
代码工作工具开关控制 [ui-settings](../ui-settings/README.zh.md#use-this-package) 定义的共享偏好 `ui-settings.enabled`。Web 和桌面端均提供此开关，立即跟随已接受的变更，并在写入完成前禁用重复输入。写入失败时显示本地化的重试提示。
|
|
41
43
|
|
|
42
|
-
|
|
44
|
+
「通用」分区承载内置的代码工作工具行与当前版本行，以及功能包注册进 `settings.general.item` 的行。每个注册方拥有自己的行文案与行为。例如「外观」行位于 ui-theme。
|
|
43
45
|
|
|
44
46
|
### 打开配置文件
|
|
45
47
|
|
|
@@ -54,12 +56,12 @@ Web 与桌面端的通用设置底部显示当前发布版本，使用构建注
|
|
|
54
56
|
<a id="understand-the-implementation"></a>
|
|
55
57
|
## 理解实现
|
|
56
58
|
|
|
57
|
-
外壳声明 settings.launcher
|
|
59
|
+
外壳声明 settings.launcher，供账号功能提供侧边栏菜单，并以设置按钮作为回退。入口接收 settingsOpen，其 false→true 边沿代表一次进入设置页，因此注册方在每次进入时执行一次，而不是在同一次打开中的每次重渲染执行。关闭对话框后，焦点返回当前入口。
|
|
58
60
|
|
|
59
61
|
<details>
|
|
60
62
|
<summary>实现细节——点击展开</summary>
|
|
61
63
|
|
|
62
|
-
|
|
64
|
+
外壳拥有界面框架与投影，并提供代码工作工具行与当前版本行；功能注册方拥有其余内容与文案。
|
|
63
65
|
|
|
64
66
|
### 账本投影
|
|
65
67
|
|
|
@@ -110,7 +112,7 @@ Web 与桌面端的通用设置底部显示当前发布版本，使用构建注
|
|
|
110
112
|
|
|
111
113
|
这些限制说明外壳自身提供什么、功能包必须提供什么；它们是当前包约束。
|
|
112
114
|
|
|
113
|
-
-
|
|
115
|
+
- **额外的通用设置行需要相应功能插件**：外壳提供代码工作工具与当前版本；功能插件提供其他偏好。
|
|
114
116
|
- **Windows 顶栏徽标的气泡仍向右展开**：`DesktopUpdateBadge` 占用顶栏的 `sidebar.toggle.badge` 且请求 `side="right"`，侧栏收起时其气泡会被 Desktop 菜单文字遮挡；侧栏开关与新建会话的气泡则改在顶栏下方展开（#4688）。
|
|
115
117
|
|
|
116
118
|
<a id="dev-note"></a>
|
package/lib/client.js
CHANGED
|
@@ -5,10 +5,42 @@ window.__ModuleLoader__.load({
|
|
|
5
5
|
var exports = module.exports;
|
|
6
6
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
7
7
|
let _deepseek_ai_dsh_client_ui_slots = require("@deepseek-ai/dsh-client-ui-slots");
|
|
8
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
9
|
-
let react = require("react");
|
|
10
8
|
let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
|
|
11
9
|
let _deepseek_ai_dsh_client_store = require("@deepseek-ai/dsh-client-store");
|
|
10
|
+
let react_jsx_runtime = require("react/jsx-runtime");
|
|
11
|
+
let react = require("react");
|
|
12
|
+
let react_dom = require("react-dom");
|
|
13
|
+
//#region lib/types/client/shell-store.js
|
|
14
|
+
/** Shared settings viewing state for its mouse and command entry points. */
|
|
15
|
+
/**
|
|
16
|
+
* Declare the settings dialog state and its complete mutation API.
|
|
17
|
+
* @returns one root-scoped store handle for the settings shell.
|
|
18
|
+
*/
|
|
19
|
+
function createSettingsShellStore() {
|
|
20
|
+
return (0, _deepseek_ai_dsh_client_store.defineStore)({
|
|
21
|
+
init: () => ({
|
|
22
|
+
open: false,
|
|
23
|
+
activeId: void 0
|
|
24
|
+
}),
|
|
25
|
+
actions: {
|
|
26
|
+
open: (d) => {
|
|
27
|
+
d.open = true;
|
|
28
|
+
},
|
|
29
|
+
close: (d) => {
|
|
30
|
+
d.open = false;
|
|
31
|
+
d.activeId = void 0;
|
|
32
|
+
},
|
|
33
|
+
select: (d, id) => {
|
|
34
|
+
d.activeId = id;
|
|
35
|
+
},
|
|
36
|
+
openSection: (d, id) => {
|
|
37
|
+
d.activeId = id;
|
|
38
|
+
d.open = true;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
//#endregion
|
|
12
44
|
//#region ../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
|
|
13
45
|
function r(e) {
|
|
14
46
|
var t, f, n = "";
|
|
@@ -25,7 +57,7 @@ window.__ModuleLoader__.load({
|
|
|
25
57
|
}
|
|
26
58
|
//#endregion
|
|
27
59
|
//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-settings-general/src/client/SettingsRoot.module.css.mjs
|
|
28
|
-
const css$6 = ".VOzbGW_triggerRow{flex:none;align-items:center;gap:8px;width:calc(100% + 4px);margin:4px -2px;display:flex;position:relative}.VOzbGW_triggerRow.VOzbGW_railRow{width:36px;margin:8px 0 10px}.VOzbGW_trigger{box-sizing:border-box;cursor:pointer;width:auto;min-width:0;height:42px;color:var(--dsw-alias-label-primary);background:0 0;border:none;
|
|
60
|
+
const css$6 = ".VOzbGW_triggerRow{flex:none;align-items:center;gap:8px;width:calc(100% + 4px);margin:4px -2px;display:flex;position:relative}.VOzbGW_triggerRow.VOzbGW_railRow{width:36px;margin:8px 0 10px}.VOzbGW_trigger{box-sizing:border-box;border-radius:var(--dsw-radius-md);cursor:pointer;width:auto;min-width:0;height:42px;color:var(--dsw-alias-label-primary);background:0 0;border:none;flex:1;align-items:center;gap:8px;margin:0;padding:0 10px 0 8px;font-family:inherit;font-size:14px;line-height:22px;display:flex;overflow:hidden}.VOzbGW_trigger:hover{background:var(--dsw-alias-interactive-bg-hover)}.VOzbGW_trigger.VOzbGW_rail{flex:none;justify-content:center;gap:0;width:36px;height:36px;margin:0;padding:0}.VOzbGW_triggerLabel{white-space:nowrap;overflow:hidden}.VOzbGW_overlay{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.VOzbGW_mask{background:var(--dsw-alias-bg-mask-1);backdrop-filter:var(--dsw-mask-blur);position:absolute;inset:0}.VOzbGW_panel{z-index:1;width:800px;height:min(800px, calc(100vh - 2 * max(24px, var(--dsh-frame-top-clearance,24px))));border-radius:var(--dsw-radius-panel);background:var(--dsw-alias-bg-layer-2);max-width:calc(100vw - 48px);box-shadow:var(--dsw-elevation-prominent);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);display:flex;position:relative;overflow:hidden}.VOzbGW_panel:focus{outline:none}.VOzbGW_nav{box-sizing:border-box;flex-direction:column;flex:none;gap:18px;width:188px;padding:22px 12px 0;display:flex}.VOzbGW_navTitle{color:var(--dsw-alias-label-primary);padding:0 12px;font-size:16px;font-weight:500;line-height:24px}.VOzbGW_navList{flex-direction:column;gap:4px;display:flex;overflow-y:auto}.VOzbGW_navCell{box-sizing:border-box;border-radius:var(--dsw-radius-md);cursor:pointer;height:40px;color:var(--dsw-alias-label-primary);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:9px 16px 9px 12px;font-family:inherit;font-size:14px;font-weight:400;line-height:22px;display:flex}.VOzbGW_navCell:hover{background:var(--dsw-specific-sidebar-nav-item-hover)}.VOzbGW_navCell.VOzbGW_active{background:var(--dsw-specific-sidebar-nav-item-active)}.VOzbGW_navIcon{flex:none}.VOzbGW_navLabel{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.VOzbGW_content{flex-direction:column;flex:1;min-width:0;display:flex}.VOzbGW_header{box-sizing:border-box;flex:none;justify-content:space-between;align-items:flex-start;gap:8px;height:54px;padding:20px 14px 8px 10px;display:flex}.VOzbGW_actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.VOzbGW_close{border-radius:var(--dsw-radius-sm);cursor:pointer;width:28px;height:28px;color:var(--dsw-alias-label-primary);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.VOzbGW_close:hover{background:var(--dsw-alias-interactive-bg-hover)}.VOzbGW_options{flex:1;min-height:0;padding:0 24px 24px;overflow-y:auto}.VOzbGW_hiddenLabel{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}";
|
|
29
61
|
const tagId$6 = "@deepseek-ai/dsh-client-ui-settings-general/SettingsRoot.module.css";
|
|
30
62
|
if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$6) + "]") === null) {
|
|
31
63
|
const tag = document.createElement("style");
|
|
@@ -59,7 +91,7 @@ window.__ModuleLoader__.load({
|
|
|
59
91
|
};
|
|
60
92
|
//#endregion
|
|
61
93
|
//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-settings-general/src/client/DesktopUpdateIndicator.module.css.mjs
|
|
62
|
-
const css$5 = ".DOUpOa_indicator{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--dsw-alias-brand-primary-new-colorprimary-new-color) 20%, transparent);height:28px;color:var(--dsw-alias-brand-primary-new-colorprimary-new-color);background:color-mix(in srgb, var(--dsw-alias-brand-primary-new-colorprimary-new-color) 8%, transparent);text-align:left;white-space:nowrap;cursor:pointer;
|
|
94
|
+
const css$5 = ".DOUpOa_indicator{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--dsw-alias-brand-primary-new-colorprimary-new-color) 20%, transparent);border-radius:var(--dsw-radius-sm);height:28px;color:var(--dsw-alias-brand-primary-new-colorprimary-new-color);background:color-mix(in srgb, var(--dsw-alias-brand-primary-new-colorprimary-new-color) 8%, transparent);text-align:left;white-space:nowrap;cursor:pointer;flex:none;grid-template-columns:14px max-content;align-items:center;column-gap:4px;padding:0 8px;font-family:inherit;font-size:12px;font-weight:500;line-height:18px;display:inline-grid}.DOUpOa_icon{place-items:center;width:14px;height:14px;display:grid}.DOUpOa_badge{inset-inline-end:2px;corner-shape:round;background:var(--dsw-alias-brand-primary-new-colorprimary-new-color);border-radius:50%;width:6px;height:6px;position:absolute;top:2px}.DOUpOa_errorDot{corner-shape:round;background:currentColor;border-radius:50%;width:6px;height:6px}.DOUpOa_spinner{animation:1s linear infinite DOUpOa_spin}@keyframes DOUpOa_spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.DOUpOa_spinner{animation:none}}.DOUpOa_indicator[aria-disabled=true]{cursor:default}";
|
|
63
95
|
const tagId$5 = "@deepseek-ai/dsh-client-ui-settings-general/DesktopUpdateIndicator.module.css";
|
|
64
96
|
if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$5) + "]") === null) {
|
|
65
97
|
const tag = document.createElement("style");
|
|
@@ -196,7 +228,7 @@ window.__ModuleLoader__.load({
|
|
|
196
228
|
* close label, sections) arrives from registrants through slots; accessible
|
|
197
229
|
* names resolve from localized content (trigger: shell locale; dialog:
|
|
198
230
|
* aria-labelledby the title node; close: visually-hidden slot text). Modal
|
|
199
|
-
* open state and the active section id
|
|
231
|
+
* open state and the active section id belong to the declared owner store;
|
|
200
232
|
* the onboarding coordinator mounts exactly one ordered registrant while the
|
|
201
233
|
* sessions-derived empty-Hero fact is active. Visible dialog chrome belongs
|
|
202
234
|
* to the step, so a mounted-but-deciding step paints nothing here.
|
|
@@ -232,27 +264,16 @@ window.__ModuleLoader__.load({
|
|
|
232
264
|
});
|
|
233
265
|
}
|
|
234
266
|
/**
|
|
235
|
-
*
|
|
267
|
+
* Body-portaled modal layer: full-viewport mask + centered panel. Close paths: the
|
|
236
268
|
* header button, a mask click, and document-level Escape (mounted only while
|
|
237
269
|
* open, so the listener lifetime is the panel's).
|
|
238
270
|
*/
|
|
239
271
|
function SettingsPanel({ rows, renderSlot, activeId, onSelect, onClose }) {
|
|
240
272
|
const active = rows.find((r) => r.id === activeId)?.id ?? rows[0]?.id;
|
|
241
273
|
const titleId = (0, react.useId)();
|
|
242
|
-
(0, react.
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
};
|
|
246
|
-
document.addEventListener("keydown", onKeyDown);
|
|
247
|
-
return () => {
|
|
248
|
-
document.removeEventListener("keydown", onKeyDown);
|
|
249
|
-
};
|
|
250
|
-
}, [onClose]);
|
|
251
|
-
const closeButton = (0, react.useRef)(null);
|
|
252
|
-
(0, react.useEffect)(() => {
|
|
253
|
-
closeButton.current?.focus();
|
|
254
|
-
}, []);
|
|
255
|
-
return (0, react_jsx_runtime.jsxs)("div", {
|
|
274
|
+
const panel = (0, react.useRef)(null);
|
|
275
|
+
(0, _deepseek_ai_dsh_client_ui_primitives.useModalLayer)(panel, true, onClose);
|
|
276
|
+
return (0, react_dom.createPortal)((0, react_jsx_runtime.jsxs)("div", {
|
|
256
277
|
className: SettingsRoot_module_css_default.overlay,
|
|
257
278
|
role: "presentation",
|
|
258
279
|
children: [(0, react_jsx_runtime.jsx)("div", {
|
|
@@ -260,6 +281,9 @@ window.__ModuleLoader__.load({
|
|
|
260
281
|
"aria-hidden": "true",
|
|
261
282
|
onClick: onClose
|
|
262
283
|
}), (0, react_jsx_runtime.jsxs)("div", {
|
|
284
|
+
ref: panel,
|
|
285
|
+
tabIndex: -1,
|
|
286
|
+
"data-shortcut-modal": "settings",
|
|
263
287
|
className: SettingsRoot_module_css_default.panel,
|
|
264
288
|
role: "dialog",
|
|
265
289
|
"aria-modal": "true",
|
|
@@ -269,6 +293,8 @@ window.__ModuleLoader__.load({
|
|
|
269
293
|
children: [(0, react_jsx_runtime.jsx)("div", {
|
|
270
294
|
className: SettingsRoot_module_css_default.navTitle,
|
|
271
295
|
id: titleId,
|
|
296
|
+
tabIndex: -1,
|
|
297
|
+
"data-modal-autofocus": active === void 0 ? "" : void 0,
|
|
272
298
|
children: renderSlot("settings.header", {})
|
|
273
299
|
}), (0, react_jsx_runtime.jsx)("div", {
|
|
274
300
|
className: SettingsRoot_module_css_default.navList,
|
|
@@ -276,6 +302,7 @@ window.__ModuleLoader__.load({
|
|
|
276
302
|
type: "button",
|
|
277
303
|
className: clsx(SettingsRoot_module_css_default.navCell, row.id === active && SettingsRoot_module_css_default.active),
|
|
278
304
|
"aria-current": row.id === active ? "true" : void 0,
|
|
305
|
+
"data-modal-autofocus": row.id === active ? "" : void 0,
|
|
279
306
|
onClick: () => {
|
|
280
307
|
onSelect(row.id);
|
|
281
308
|
},
|
|
@@ -293,7 +320,6 @@ window.__ModuleLoader__.load({
|
|
|
293
320
|
className: SettingsRoot_module_css_default.actions,
|
|
294
321
|
children: renderSlot("settings.action", {})
|
|
295
322
|
}), (0, react_jsx_runtime.jsxs)("button", {
|
|
296
|
-
ref: closeButton,
|
|
297
323
|
type: "button",
|
|
298
324
|
className: SettingsRoot_module_css_default.close,
|
|
299
325
|
onClick: onClose,
|
|
@@ -308,7 +334,7 @@ window.__ModuleLoader__.load({
|
|
|
308
334
|
})]
|
|
309
335
|
})]
|
|
310
336
|
})]
|
|
311
|
-
});
|
|
337
|
+
}), document.body);
|
|
312
338
|
}
|
|
313
339
|
/**
|
|
314
340
|
* Render the settings trigger and panel.
|
|
@@ -316,29 +342,15 @@ window.__ModuleLoader__.load({
|
|
|
316
342
|
* @returns the settings shell element tree.
|
|
317
343
|
*/
|
|
318
344
|
function SettingsRoot(props) {
|
|
319
|
-
const { wide, reconnect, useConnectionState, useSections, useOnboardingSteps, useSessions, renderSlot, t, useDesktopUpdate, openDesktopUpdate } = props;
|
|
320
|
-
const
|
|
321
|
-
const
|
|
345
|
+
const { wide, reconnect, useConnectionState, useSections, useOnboardingSteps, useSessions, renderSlot, t, useDesktopUpdate, openDesktopUpdate, useStore, actions, useShortcuts } = props;
|
|
346
|
+
const { open, activeId } = useStore((state) => state);
|
|
347
|
+
const shortcut = useShortcuts((rows) => rows.find((row) => row.id === "settings.open"));
|
|
348
|
+
const { close, openSection } = actions;
|
|
322
349
|
const [requestedOnboarding, setRequestedOnboarding] = (0, react.useState)();
|
|
323
350
|
const [completedOnboarding, setCompletedOnboarding] = (0, react.useState)(() => /* @__PURE__ */ new Set());
|
|
324
351
|
const [showRecovery, setShowRecovery] = (0, react.useState)(false);
|
|
325
352
|
const [holdConnecting, setHoldConnecting] = (0, react.useState)(false);
|
|
326
353
|
const connectingShownAt = (0, react.useRef)(void 0);
|
|
327
|
-
const triggerRow = (0, react.useRef)(null);
|
|
328
|
-
const triggerButton = (0, react.useRef)(null);
|
|
329
|
-
const wasOpen = (0, react.useRef)(open);
|
|
330
|
-
const close = (0, react.useCallback)(() => {
|
|
331
|
-
setOpen(false);
|
|
332
|
-
setActiveId(void 0);
|
|
333
|
-
}, []);
|
|
334
|
-
(0, react.useEffect)(() => {
|
|
335
|
-
if (wasOpen.current && !open) triggerRow.current?.querySelector("button")?.focus();
|
|
336
|
-
wasOpen.current = open;
|
|
337
|
-
}, [open]);
|
|
338
|
-
const openSection = (0, react.useCallback)((id) => {
|
|
339
|
-
setActiveId(id);
|
|
340
|
-
setOpen(true);
|
|
341
|
-
}, []);
|
|
342
354
|
const rows = useSections((s) => s);
|
|
343
355
|
const desktopUpdate = useDesktopUpdate((state) => state);
|
|
344
356
|
const connectionState = useConnectionState((state) => state);
|
|
@@ -353,6 +365,16 @@ window.__ModuleLoader__.load({
|
|
|
353
365
|
if (onboardingActive) return;
|
|
354
366
|
setCompletedOnboarding(/* @__PURE__ */ new Set());
|
|
355
367
|
}, [onboardingActive]);
|
|
368
|
+
const onboardingStepSeen = (0, react.useRef)(onboardingStep);
|
|
369
|
+
(0, react.useEffect)(() => {
|
|
370
|
+
const appeared = onboardingStepSeen.current === void 0 && onboardingStep !== void 0;
|
|
371
|
+
onboardingStepSeen.current = onboardingStep;
|
|
372
|
+
if (appeared && open) close();
|
|
373
|
+
}, [
|
|
374
|
+
onboardingStep,
|
|
375
|
+
open,
|
|
376
|
+
close
|
|
377
|
+
]);
|
|
356
378
|
(0, react.useLayoutEffect)(() => {
|
|
357
379
|
const previous = previousConnectionState.current;
|
|
358
380
|
previousConnectionState.current = connectionState;
|
|
@@ -404,29 +426,36 @@ window.__ModuleLoader__.load({
|
|
|
404
426
|
else if (showRecovery) connectionIndicator = "recovered";
|
|
405
427
|
return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
|
|
406
428
|
(0, react_jsx_runtime.jsxs)("div", {
|
|
407
|
-
ref: triggerRow,
|
|
408
429
|
className: clsx(SettingsRoot_module_css_default.triggerRow, !wide && SettingsRoot_module_css_default.railRow),
|
|
409
430
|
children: [
|
|
410
431
|
renderSlot("settings.launcher", {
|
|
411
432
|
wide,
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
433
|
+
settingsOpen: open,
|
|
434
|
+
openSettings: actions.open,
|
|
435
|
+
...shortcut?.keys.length ? { settingsShortcut: {
|
|
436
|
+
keys: shortcut.keys,
|
|
437
|
+
aria: shortcut.aria
|
|
438
|
+
} } : {},
|
|
415
439
|
openOnboarding: (id) => {
|
|
416
|
-
|
|
440
|
+
close();
|
|
417
441
|
setRequestedOnboarding(id);
|
|
418
442
|
}
|
|
419
|
-
}, { fallback: (0, react_jsx_runtime.jsx)(
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
443
|
+
}, { fallback: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
|
|
444
|
+
disabled: open,
|
|
445
|
+
label: t("trigger"),
|
|
446
|
+
shortcutKeys: shortcut?.keys,
|
|
447
|
+
children: (0, react_jsx_runtime.jsx)("button", {
|
|
448
|
+
type: "button",
|
|
449
|
+
className: clsx(SettingsRoot_module_css_default.trigger, !wide && SettingsRoot_module_css_default.rail),
|
|
450
|
+
"aria-label": t("trigger"),
|
|
451
|
+
"aria-keyshortcuts": shortcut?.aria,
|
|
452
|
+
"aria-haspopup": "dialog",
|
|
453
|
+
"aria-expanded": open,
|
|
454
|
+
onClick: () => {
|
|
455
|
+
actions.open();
|
|
456
|
+
},
|
|
457
|
+
children: renderSlot("settings.trigger", { wide })
|
|
458
|
+
})
|
|
430
459
|
}) }),
|
|
431
460
|
(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.ConnectionIndicator, {
|
|
432
461
|
state: wide && desktopUpdate.presentation?.phase !== "installing" ? connectionIndicator : void 0,
|
|
@@ -450,7 +479,7 @@ window.__ModuleLoader__.load({
|
|
|
450
479
|
rows,
|
|
451
480
|
renderSlot,
|
|
452
481
|
activeId,
|
|
453
|
-
onSelect:
|
|
482
|
+
onSelect: actions.select,
|
|
454
483
|
onClose: close
|
|
455
484
|
}),
|
|
456
485
|
onboardingStep !== void 0 && renderSlot("settings.onboarding", {
|
|
@@ -627,7 +656,7 @@ window.__ModuleLoader__.load({
|
|
|
627
656
|
function CurrentVersionRow({ t }) {
|
|
628
657
|
return (0, react_jsx_runtime.jsx)("div", {
|
|
629
658
|
className: CurrentVersionRow_module_css_default.row,
|
|
630
|
-
children: t("general.currentVersion", { version: "0.1.7-
|
|
659
|
+
children: t("general.currentVersion", { version: "0.1.7-rc.2" })
|
|
631
660
|
});
|
|
632
661
|
}
|
|
633
662
|
//#endregion
|
|
@@ -826,6 +855,7 @@ window.__ModuleLoader__.load({
|
|
|
826
855
|
/** Simplified Chinese dictionary (the key-set source of truth). */
|
|
827
856
|
const zh = {
|
|
828
857
|
"trigger": "设置",
|
|
858
|
+
"shortcut.open": "打开设置",
|
|
829
859
|
"desktop.update.available": "新版本",
|
|
830
860
|
"desktop.update.checking": "正在检查更新…",
|
|
831
861
|
"desktop.update.progress": "{percent}%",
|
|
@@ -850,9 +880,9 @@ window.__ModuleLoader__.load({
|
|
|
850
880
|
"openDocument.error": "无法打开配置文件",
|
|
851
881
|
"general.nav": "通用设置",
|
|
852
882
|
"general.currentVersion": "当前版本：{version}",
|
|
853
|
-
"developerTools.title": "
|
|
883
|
+
"developerTools.title": "代码工作工具",
|
|
854
884
|
"developerTools.error": "保存失败，请重试",
|
|
855
|
-
"developerTools.description": "
|
|
885
|
+
"developerTools.description": "开启后显示轨迹、本轮代码差异，新对话中的 Agent 预设切换",
|
|
856
886
|
"connection.error": "连接异常，刷新重试",
|
|
857
887
|
"connection.connecting": "重新连接中",
|
|
858
888
|
"connection.connected": "连接成功",
|
|
@@ -862,6 +892,7 @@ window.__ModuleLoader__.load({
|
|
|
862
892
|
/** English dictionary, checked complete against the zh key set. */
|
|
863
893
|
const en = {
|
|
864
894
|
"trigger": "Settings",
|
|
895
|
+
"shortcut.open": "Open settings",
|
|
865
896
|
"desktop.update.available": "Update",
|
|
866
897
|
"desktop.update.checking": "Checking for updates…",
|
|
867
898
|
"desktop.update.progress": "{percent}%",
|
|
@@ -886,9 +917,9 @@ window.__ModuleLoader__.load({
|
|
|
886
917
|
"openDocument.error": "Could not open configuration file",
|
|
887
918
|
"general.nav": "General",
|
|
888
919
|
"general.currentVersion": "Current version: {version}",
|
|
889
|
-
"developerTools.title": "
|
|
920
|
+
"developerTools.title": "Coding Tools",
|
|
890
921
|
"developerTools.error": "Could not save. Please try again.",
|
|
891
|
-
"developerTools.description": "
|
|
922
|
+
"developerTools.description": "Shows trajectory, code diffs, and Agent preset switching in new chats",
|
|
892
923
|
"connection.error": "Disconnected",
|
|
893
924
|
"connection.connecting": "Reconnecting",
|
|
894
925
|
"connection.connected": "Connected",
|
|
@@ -910,7 +941,8 @@ window.__ModuleLoader__.load({
|
|
|
910
941
|
"connection",
|
|
911
942
|
"remote",
|
|
912
943
|
"remote.settings",
|
|
913
|
-
"configForms"
|
|
944
|
+
"configForms",
|
|
945
|
+
"shortcuts"
|
|
914
946
|
];
|
|
915
947
|
/**
|
|
916
948
|
* Register the `settings` dictionaries, the chrome content, and the General
|
|
@@ -974,6 +1006,7 @@ window.__ModuleLoader__.load({
|
|
|
974
1006
|
connection.reconnect();
|
|
975
1007
|
},
|
|
976
1008
|
hooks: {
|
|
1009
|
+
shortcuts: ctx.shortcuts.catalog,
|
|
977
1010
|
desktopUpdate: desktopUpdate.store,
|
|
978
1011
|
connectionState: connection.state,
|
|
979
1012
|
sections: {
|
|
@@ -1018,41 +1051,100 @@ window.__ModuleLoader__.load({
|
|
|
1018
1051
|
}
|
|
1019
1052
|
}
|
|
1020
1053
|
});
|
|
1021
|
-
ctx.slots.inject("sidebar.settings", () =>
|
|
1022
|
-
|
|
1023
|
-
|
|
1024
|
-
|
|
1025
|
-
|
|
1026
|
-
|
|
1027
|
-
|
|
1028
|
-
|
|
1029
|
-
"settings.
|
|
1030
|
-
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
-
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
|
|
1037
|
-
|
|
1038
|
-
|
|
1039
|
-
|
|
1040
|
-
|
|
1041
|
-
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
|
|
1054
|
+
ctx.slots.inject("sidebar.settings", () => {
|
|
1055
|
+
const shellHandle = createSettingsShellStore();
|
|
1056
|
+
const shellInstance = shellHandle.create();
|
|
1057
|
+
const shellStore = {
|
|
1058
|
+
...shellHandle,
|
|
1059
|
+
create: () => shellInstance
|
|
1060
|
+
};
|
|
1061
|
+
const disposeCommand = ctx.shortcuts.register({
|
|
1062
|
+
id: "settings.open",
|
|
1063
|
+
label: () => t("shortcut.open"),
|
|
1064
|
+
aliases: ["settings", "preferences"],
|
|
1065
|
+
defaults: {
|
|
1066
|
+
"desktop:macos": {
|
|
1067
|
+
code: "Comma",
|
|
1068
|
+
modifiers: ["primary"]
|
|
1069
|
+
},
|
|
1070
|
+
"desktop:windows": {
|
|
1071
|
+
code: "Comma",
|
|
1072
|
+
modifiers: ["primary"]
|
|
1073
|
+
},
|
|
1074
|
+
"desktop:linux": {
|
|
1075
|
+
code: "Comma",
|
|
1076
|
+
modifiers: ["primary"]
|
|
1077
|
+
},
|
|
1078
|
+
"web:macos": {
|
|
1079
|
+
code: "Comma",
|
|
1080
|
+
modifiers: ["primary"]
|
|
1081
|
+
},
|
|
1082
|
+
"web:windows": {
|
|
1083
|
+
code: "Comma",
|
|
1084
|
+
modifiers: ["primary"]
|
|
1085
|
+
}
|
|
1048
1086
|
},
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1087
|
+
regions: [
|
|
1088
|
+
"page",
|
|
1089
|
+
"editable",
|
|
1090
|
+
"terminal"
|
|
1091
|
+
],
|
|
1092
|
+
modals: ["settings"],
|
|
1093
|
+
resolve: ({ modal }) => {
|
|
1094
|
+
if (modal !== null && modal !== "settings") return {
|
|
1095
|
+
status: "blocked",
|
|
1096
|
+
reason: "modal"
|
|
1097
|
+
};
|
|
1098
|
+
return {
|
|
1099
|
+
status: "handled",
|
|
1100
|
+
run: () => {
|
|
1101
|
+
if (modal === "settings") (0, _deepseek_ai_dsh_client_ui_primitives.closeTopModal)(document);
|
|
1102
|
+
else shellInstance.actions.open();
|
|
1103
|
+
}
|
|
1104
|
+
};
|
|
1052
1105
|
}
|
|
1053
|
-
}
|
|
1054
|
-
|
|
1055
|
-
|
|
1106
|
+
});
|
|
1107
|
+
const disposeSlot = ctx.slots.register({
|
|
1108
|
+
name: "sidebar.settings",
|
|
1109
|
+
locale: NS,
|
|
1110
|
+
store: shellStore,
|
|
1111
|
+
children: {
|
|
1112
|
+
"settings.launcher": {
|
|
1113
|
+
kind: "single",
|
|
1114
|
+
scope: "root"
|
|
1115
|
+
},
|
|
1116
|
+
"settings.trigger": {
|
|
1117
|
+
kind: "single",
|
|
1118
|
+
scope: "root"
|
|
1119
|
+
},
|
|
1120
|
+
"settings.header": {
|
|
1121
|
+
kind: "single",
|
|
1122
|
+
scope: "root"
|
|
1123
|
+
},
|
|
1124
|
+
"settings.action": {
|
|
1125
|
+
kind: "list",
|
|
1126
|
+
scope: "root"
|
|
1127
|
+
},
|
|
1128
|
+
"settings.close": {
|
|
1129
|
+
kind: "single",
|
|
1130
|
+
scope: "root"
|
|
1131
|
+
},
|
|
1132
|
+
"settings.section": {
|
|
1133
|
+
kind: "list",
|
|
1134
|
+
scope: "root"
|
|
1135
|
+
},
|
|
1136
|
+
"settings.onboarding": {
|
|
1137
|
+
kind: "list",
|
|
1138
|
+
scope: "root"
|
|
1139
|
+
}
|
|
1140
|
+
},
|
|
1141
|
+
inject: shellInjected
|
|
1142
|
+
}, SettingsRoot);
|
|
1143
|
+
return () => {
|
|
1144
|
+
disposeCommand();
|
|
1145
|
+
disposeSlot();
|
|
1146
|
+
};
|
|
1147
|
+
});
|
|
1056
1148
|
ctx.slots.inject("settings.trigger", () => ctx.slots.register({
|
|
1057
1149
|
name: "settings.trigger",
|
|
1058
1150
|
locale: NS
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
/** Simplified Chinese dictionary (the key-set source of truth). */
|
|
3
3
|
export declare const zh: {
|
|
4
4
|
trigger: string;
|
|
5
|
+
'shortcut.open': string;
|
|
5
6
|
'desktop.update.available': string;
|
|
6
7
|
'desktop.update.checking': string;
|
|
7
8
|
'desktop.update.progress': string;
|
|
@@ -40,6 +41,7 @@ export type SettingsKey = keyof typeof zh;
|
|
|
40
41
|
/** English dictionary, checked complete against the zh key set. */
|
|
41
42
|
export declare const en: {
|
|
42
43
|
trigger: string;
|
|
44
|
+
'shortcut.open': string;
|
|
43
45
|
'desktop.update.available': string;
|
|
44
46
|
'desktop.update.checking': string;
|
|
45
47
|
'desktop.update.progress': string;
|
|
@@ -8,6 +8,9 @@
|
|
|
8
8
|
*/
|
|
9
9
|
import type { ConnectionState } from '@deepseek-ai/dsh-client-connection/client';
|
|
10
10
|
import type { HostObservable, InjectFace, PropsLocale, PropsRenderSlots, PropsRuntime } from '@deepseek-ai/dsh-client-ui-slots';
|
|
11
|
+
import type { PropsStore } from '@deepseek-ai/dsh-client-store';
|
|
12
|
+
import type { createSettingsShellStore } from './shell-store.ts';
|
|
13
|
+
import type { ShortcutCatalogEntry } from '@deepseek-ai/dsh-client-shortcuts/client';
|
|
11
14
|
import type { DesktopUpdateView } from '../types.ts';
|
|
12
15
|
/** One nav row projected from a settings.section registration's options. */
|
|
13
16
|
export interface SettingsSectionRow {
|
|
@@ -31,6 +34,8 @@ export type SettingsRootInjected = {
|
|
|
31
34
|
/** Request a fresh logical generation and physical WebSocket immediately. */
|
|
32
35
|
reconnect: () => void;
|
|
33
36
|
hooks: {
|
|
37
|
+
/** Effective command presentation, shared with the reference. */
|
|
38
|
+
shortcuts: HostObservable<readonly ShortcutCatalogEntry[]>;
|
|
34
39
|
/** Shared Electron status for both sidebar locations. */
|
|
35
40
|
desktopUpdate: HostObservable<DesktopUpdateView>;
|
|
36
41
|
/** Connection-owned state for the current Host connection. */
|
|
@@ -44,8 +49,8 @@ export type SettingsRootInjected = {
|
|
|
44
49
|
/**
|
|
45
50
|
* Full component props of the settings shell root: the sidebar owner share
|
|
46
51
|
* (wide/rail state) plus the declared render shares and the injected face
|
|
47
|
-
* (hooks compartment bound to useSections).
|
|
48
|
-
*
|
|
52
|
+
* (hooks compartment bound to useSections). The declared store shares modal
|
|
53
|
+
* visibility and section selection with application commands.
|
|
49
54
|
*/
|
|
50
|
-
export type SettingsRootComponentProps = PropsRuntime<'sidebar.settings'> & PropsRenderSlots<'settings.launcher' | 'settings.trigger' | 'settings.header' | 'settings.action' | 'settings.close' | 'settings.section' | 'settings.onboarding'> & InjectFace<SettingsRootInjected> & PropsLocale<'settings'
|
|
55
|
+
export type SettingsRootComponentProps = PropsRuntime<'sidebar.settings'> & PropsRenderSlots<'settings.launcher' | 'settings.trigger' | 'settings.header' | 'settings.action' | 'settings.close' | 'settings.section' | 'settings.onboarding'> & InjectFace<SettingsRootInjected> & PropsLocale<'settings'> & PropsStore<ReturnType<typeof createSettingsShellStore>>;
|
|
51
56
|
//# sourceMappingURL=shell-contract.d.ts.map
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/** Shared settings viewing state for its mouse and command entry points. */
|
|
2
|
+
import { type EngineStoreHandle } from '@deepseek-ai/dsh-client-store';
|
|
3
|
+
type State = {
|
|
4
|
+
open: boolean;
|
|
5
|
+
activeId: string | undefined;
|
|
6
|
+
};
|
|
7
|
+
type Actions = {
|
|
8
|
+
open(draft: State): void;
|
|
9
|
+
close(draft: State): void;
|
|
10
|
+
select(draft: State, id: string): void;
|
|
11
|
+
openSection(draft: State, id: string): void;
|
|
12
|
+
};
|
|
13
|
+
/**
|
|
14
|
+
* Declare the settings dialog state and its complete mutation API.
|
|
15
|
+
* @returns one root-scoped store handle for the settings shell.
|
|
16
|
+
*/
|
|
17
|
+
export declare function createSettingsShellStore(): EngineStoreHandle<State, Actions>;
|
|
18
|
+
export {};
|
|
19
|
+
//# sourceMappingURL=shell-store.d.ts.map
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@deepseek-ai/dsh-client-ui-settings-general",
|
|
3
3
|
"description": "Settings ownerless-copy and product onboarding plugin: the General section, shell trigger/header chrome content, settings dictionaries, and the versioned welcome notice",
|
|
4
|
-
"version": "0.1.7-
|
|
4
|
+
"version": "0.1.7-rc.2",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
7
7
|
},
|
|
@@ -35,7 +35,8 @@
|
|
|
35
35
|
"@deepseek-ai/dsh-client-locale",
|
|
36
36
|
"@deepseek-ai/dsh-client-connection",
|
|
37
37
|
"@deepseek-ai/dsh-api-remotes",
|
|
38
|
-
"@deepseek-ai/dsh-client-ui-sidebar"
|
|
38
|
+
"@deepseek-ai/dsh-client-ui-sidebar",
|
|
39
|
+
"@deepseek-ai/dsh-client-shortcuts"
|
|
39
40
|
],
|
|
40
41
|
"platform": "web"
|
|
41
42
|
}
|
|
@@ -49,22 +50,25 @@
|
|
|
49
50
|
},
|
|
50
51
|
"devDependencies": {
|
|
51
52
|
"@types/react": "~18.3.1",
|
|
53
|
+
"@types/react-dom": "~18.3.0",
|
|
52
54
|
"clsx": "^2.0.0",
|
|
53
55
|
"react": "^18.2.0",
|
|
56
|
+
"react-dom": "^18.2.0",
|
|
54
57
|
"@deepseek-ai/cordis": "~4.0.4",
|
|
55
|
-
"@deepseek-ai/dsh-api-remotes": "0.1.7-
|
|
56
|
-
"@deepseek-ai/dsh-client-connection": "0.1.7-
|
|
57
|
-
"@deepseek-ai/dsh-client-
|
|
58
|
-
"@deepseek-ai/dsh-client-
|
|
59
|
-
"@deepseek-ai/dsh-client-
|
|
60
|
-
"@deepseek-ai/dsh-client-ui-
|
|
61
|
-
"@deepseek-ai/dsh-client-
|
|
62
|
-
"@deepseek-ai/dsh-client-ui-session": "0.1.7-
|
|
63
|
-
"@deepseek-ai/dsh-client-ui-settings": "0.1.7-
|
|
64
|
-
"@deepseek-ai/dsh-client-ui-sidebar": "0.1.7-
|
|
65
|
-
"@deepseek-ai/dsh-client-ui-slots": "0.1.7-
|
|
66
|
-
"@deepseek-ai/dsh-remote-mock": "0.1.7-
|
|
67
|
-
"@deepseek-ai/dsh-settings": "0.1.7-
|
|
58
|
+
"@deepseek-ai/dsh-api-remotes": "0.1.7-rc.2",
|
|
59
|
+
"@deepseek-ai/dsh-client-connection": "0.1.7-rc.2",
|
|
60
|
+
"@deepseek-ai/dsh-client-test-runtime": "0.1.7-rc.2",
|
|
61
|
+
"@deepseek-ai/dsh-client-locale": "0.1.7-rc.2",
|
|
62
|
+
"@deepseek-ai/dsh-client-ui-primitives": "0.1.7-rc.2",
|
|
63
|
+
"@deepseek-ai/dsh-client-ui-renderer": "0.1.7-rc.2",
|
|
64
|
+
"@deepseek-ai/dsh-client-store": "0.1.7-rc.2",
|
|
65
|
+
"@deepseek-ai/dsh-client-ui-session": "0.1.7-rc.2",
|
|
66
|
+
"@deepseek-ai/dsh-client-ui-settings": "0.1.7-rc.2",
|
|
67
|
+
"@deepseek-ai/dsh-client-ui-sidebar": "0.1.7-rc.2",
|
|
68
|
+
"@deepseek-ai/dsh-client-ui-slots": "0.1.7-rc.2",
|
|
69
|
+
"@deepseek-ai/dsh-remote-mock": "0.1.7-rc.2",
|
|
70
|
+
"@deepseek-ai/dsh-settings": "0.1.7-rc.2",
|
|
71
|
+
"@deepseek-ai/dsh-client-shortcuts": "0.1.7-rc.2"
|
|
68
72
|
},
|
|
69
73
|
"files": [
|
|
70
74
|
"lib/index.js",
|