@dungsil/dsh-plugin-ui-worktree 0.1.0 → 0.3.0
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.md +42 -15
- package/dist/client.js +970 -236
- package/dist/index.js +475 -2
- package/locale/en.json +1 -1
- package/locale/ko.json +1 -1
- package/locale/zh.json +6 -0
- package/package.json +39 -6
package/dist/client.js
CHANGED
|
@@ -1,307 +1,1034 @@
|
|
|
1
1
|
window.__ModuleLoader__.load({ id: "@dungsil/dsh-plugin-ui-worktree", factory(require) { const module = { exports: {} }; const exports = module.exports;
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
let react = require("react");
|
|
4
|
+
let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
|
|
4
5
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
6
|
+
// src/protocol.ts
|
|
7
|
+
const channel = "/api";
|
|
8
|
+
const endpointPrefix = "dungsil-worktree/";
|
|
9
|
+
function isWorktreeProgress(value) {
|
|
10
|
+
if (!value || typeof value !== "object") return false;
|
|
11
|
+
const progress = value;
|
|
12
|
+
return typeof progress.id === "string" && Number.isInteger(progress.step) && progress.step >= 0 && progress.step < 4 && [
|
|
13
|
+
"running",
|
|
14
|
+
"completed",
|
|
15
|
+
"failed",
|
|
16
|
+
"cancelled"
|
|
17
|
+
].includes(progress.status) && Number.isFinite(progress.updatedAt) && Array.isArray(progress.durations) && progress.durations.length === 4 && progress.durations.every((duration) => Number.isFinite(duration) && duration >= 0) && (progress.branch === void 0 || typeof progress.branch === "string");
|
|
18
|
+
}
|
|
19
|
+
function comparablePath(path) {
|
|
20
|
+
return (/^[a-z]:[\\/]/i.test(path) || path.startsWith("\\\\") || path.startsWith("//") ? path.replaceAll("\\", "/").replace(/^[A-Z]:/, (drive) => drive.toLowerCase()) : path).replace(/\/+$/, "");
|
|
21
|
+
}
|
|
22
|
+
function currentWorktree(view) {
|
|
23
|
+
if (!view) return void 0;
|
|
24
|
+
const cwd = comparablePath(view.cwd);
|
|
25
|
+
return view.worktrees.filter((item) => {
|
|
26
|
+
const path = comparablePath(item.path);
|
|
27
|
+
return cwd === path || cwd.startsWith(path + "/");
|
|
28
|
+
}).sort((a, b) => comparablePath(b.path).length - comparablePath(a.path).length)[0];
|
|
29
|
+
}
|
|
30
|
+
function isWorktreeView(value) {
|
|
31
|
+
if (!value || typeof value !== "object") return false;
|
|
32
|
+
const view = value;
|
|
33
|
+
return typeof view.cwd === "string" && (view.pendingCreation === void 0 || view.pendingCreation !== null && typeof view.pendingCreation.name === "string" && typeof view.pendingCreation.failed === "boolean") && Array.isArray(view.worktrees) && view.worktrees.every((item) => item && typeof item.path === "string" && (item.branch === null || typeof item.branch === "string"));
|
|
34
|
+
}
|
|
35
|
+
// src/errors.ts
|
|
36
|
+
const failureCodes = [
|
|
37
|
+
"busy",
|
|
38
|
+
"conflict",
|
|
39
|
+
"invalid",
|
|
40
|
+
"operation_failed",
|
|
41
|
+
"session_not_found",
|
|
42
|
+
"forbidden",
|
|
43
|
+
"auth_required",
|
|
44
|
+
"endpoint_missing",
|
|
45
|
+
"client_unavailable",
|
|
46
|
+
"invalid_response",
|
|
47
|
+
"connection_error",
|
|
48
|
+
"timeout"
|
|
49
|
+
];
|
|
50
|
+
function failureCode(error) {
|
|
51
|
+
if (error instanceof Error && error.name === "TimeoutError") return "timeout";
|
|
52
|
+
if (error && typeof error === "object" && "code" in error) {
|
|
53
|
+
const code = error.code === "session/not-found" ? "session_not_found" : error.code;
|
|
54
|
+
if (failureCodes.includes(code)) return code;
|
|
55
|
+
return "operation_failed";
|
|
56
|
+
}
|
|
57
|
+
if (error instanceof Error) {
|
|
58
|
+
const status = error.message.match(/\bHTTP (\d{3})\b/)?.[1];
|
|
59
|
+
if (status === "401") return "auth_required";
|
|
60
|
+
if (status === "403") return "forbidden";
|
|
61
|
+
if (status === "404") return "endpoint_missing";
|
|
62
|
+
}
|
|
63
|
+
return "connection_error";
|
|
64
|
+
}
|
|
5
65
|
// src/requests.ts
|
|
6
|
-
const copy = {
|
|
66
|
+
const copy$1 = {
|
|
67
|
+
zh: {
|
|
68
|
+
title: "Git 工作树",
|
|
69
|
+
detached: "分离的 HEAD",
|
|
70
|
+
unknown: "无法获取分支",
|
|
71
|
+
create: "新工作树",
|
|
72
|
+
reservationHint: "发送下一条提示后，将先创建并切换到新工作树再开始任务。选择现有工作树可取消。",
|
|
73
|
+
creationError: "无法确认创建结果，尚未开始任务。请刷新列表，选择工作树或重新预约，然后重新发送提示。",
|
|
74
|
+
close: "关闭",
|
|
75
|
+
refresh: "刷新工作树",
|
|
76
|
+
loading: "正在加载工作树…",
|
|
77
|
+
busy: "正在切换工作树…",
|
|
78
|
+
changed: "已切换工作树。",
|
|
79
|
+
empty: "未找到 Git 工作树。",
|
|
80
|
+
wait: "请等待会话准备就绪且当前任务结束。",
|
|
81
|
+
error: "无法确认当前状态。请刷新工作树以检查状态后再重试。",
|
|
82
|
+
lookupError: "查询失败",
|
|
83
|
+
mutationError: "需确认工作树状态",
|
|
84
|
+
errorTitle: "工作树错误详情",
|
|
85
|
+
readError: "无法加载工作树列表。请重新查询以确认当前分支。",
|
|
86
|
+
errorCode: "错误代码",
|
|
87
|
+
errorOperation: "请求",
|
|
88
|
+
operations: {
|
|
89
|
+
describe: "查询工作树",
|
|
90
|
+
create: "创建工作树",
|
|
91
|
+
switch: "切换工作树"
|
|
92
|
+
},
|
|
93
|
+
reasons: {
|
|
94
|
+
busy: "会话中有正在执行的任务。请在任务结束后重新查询。",
|
|
95
|
+
conflict: "当前工作目录已更改。请刷新列表后再进行更改。",
|
|
96
|
+
invalid: "请求无效。请刷新列表并检查分支名称或工作树。",
|
|
97
|
+
operation_failed: "主机无法完成操作。请检查 Git 和工作树配置。",
|
|
98
|
+
session_not_found: "会话不可用。请重新打开会话后重试。",
|
|
99
|
+
forbidden: "此操作需要所有者连接。请以所有者身份重新打开应用。",
|
|
100
|
+
auth_required: "连接需要身份验证。请重新打开应用后重试。",
|
|
101
|
+
endpoint_missing: "主机没有工作树接口。请确认插件已启用并重启应用。",
|
|
102
|
+
client_unavailable: "连接缺少工作树 RPC 客户端。请刷新页面或更新应用。",
|
|
103
|
+
invalid_response: "主机返回的工作树列表无效。请检查应用和插件版本。",
|
|
104
|
+
connection_error: "收到有效响应前连接失败。请检查连接后重新查询。",
|
|
105
|
+
timeout: "请求超时。请在当前任务结束后重新查询。"
|
|
106
|
+
}
|
|
107
|
+
},
|
|
7
108
|
en: {
|
|
8
|
-
title: "
|
|
109
|
+
title: "Git worktree",
|
|
110
|
+
detached: "Detached HEAD",
|
|
111
|
+
unknown: "Branch unavailable",
|
|
112
|
+
create: "New worktree",
|
|
113
|
+
reservationHint: "The next prompt will create and enter a new worktree before starting work. Select an existing worktree to cancel.",
|
|
114
|
+
creationError: "Creation could not be confirmed, so work did not start. Refresh the list, select a worktree or schedule a new one, then resend your prompt.",
|
|
9
115
|
close: "Close",
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
path: "Existing worktree path",
|
|
16
|
-
createHint: "Uses create_worktree. Enable Plugins → Official → Git worktrees first. Uncommitted changes stay in the source checkout.",
|
|
17
|
-
reuseHint: "Uses working_directory after checking the path. If you do not know the path, ask the model to list worktrees.",
|
|
18
|
-
list: "Request list",
|
|
19
|
-
send: "Ask model",
|
|
20
|
-
sending: "Sending…",
|
|
21
|
-
sent: "Request sent to the model. Check the conversation for the result.",
|
|
116
|
+
refresh: "Refresh worktrees",
|
|
117
|
+
loading: "Loading worktrees…",
|
|
118
|
+
busy: "Changing worktree…",
|
|
119
|
+
changed: "Worktree changed.",
|
|
120
|
+
empty: "No Git worktrees found.",
|
|
22
121
|
wait: "Wait until the session is ready and idle.",
|
|
23
|
-
error: "Could not confirm
|
|
122
|
+
error: "Could not confirm the current state. Refresh worktrees to check before trying again.",
|
|
123
|
+
lookupError: "Lookup failed",
|
|
124
|
+
mutationError: "Check worktree state",
|
|
125
|
+
errorTitle: "Worktree error details",
|
|
126
|
+
readError: "Could not load the worktree list. Retry the lookup to check the current branch.",
|
|
127
|
+
errorCode: "Error code",
|
|
128
|
+
errorOperation: "Request",
|
|
129
|
+
operations: {
|
|
130
|
+
describe: "List worktrees",
|
|
131
|
+
create: "Create worktree",
|
|
132
|
+
switch: "Switch worktree"
|
|
133
|
+
},
|
|
134
|
+
reasons: {
|
|
135
|
+
busy: "The session has an active task. Retry after the task stops.",
|
|
136
|
+
conflict: "The current directory changed. Reload the list before another change.",
|
|
137
|
+
invalid: "The request is invalid. Reload the list and check the branch name or worktree.",
|
|
138
|
+
operation_failed: "The host could not complete the operation. Check Git and the worktree configuration.",
|
|
139
|
+
session_not_found: "The session is unavailable. Reopen the session and retry.",
|
|
140
|
+
forbidden: "This operation requires the owner connection. Reopen the application as the owner.",
|
|
141
|
+
auth_required: "The connection requires authentication. Reopen the application and retry.",
|
|
142
|
+
endpoint_missing: "The host has no worktree endpoint. Check that the plugin is active and restart the application.",
|
|
143
|
+
client_unavailable: "The connection has no worktree RPC client. Reload the page or update the application.",
|
|
144
|
+
invalid_response: "The host returned an invalid worktree list. Check the application and plugin versions.",
|
|
145
|
+
connection_error: "The connection failed before a valid response. Check the connection and retry.",
|
|
146
|
+
timeout: "The request timed out. Retry after the current task stops."
|
|
147
|
+
}
|
|
24
148
|
},
|
|
25
149
|
ko: {
|
|
26
|
-
title: "
|
|
150
|
+
title: "Git worktree",
|
|
151
|
+
detached: "분리된 HEAD",
|
|
152
|
+
unknown: "브랜치 확인 불가",
|
|
153
|
+
create: "새 워크트리",
|
|
154
|
+
reservationHint: "다음 프롬프트를 전송하면 새 워크트리를 생성·전환한 뒤 작업을 시작합니다. 기존 워크트리를 선택하면 예약을 취소합니다.",
|
|
155
|
+
creationError: "생성 결과를 확인하지 못해 작업을 시작하지 않았습니다. 목록을 새로고침하고 워크트리를 선택하거나 다시 예약한 뒤 프롬프트를 다시 전송하세요.",
|
|
27
156
|
close: "닫기",
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
path: "기존 worktree 경로",
|
|
34
|
-
createHint: "create_worktree를 사용합니다. 먼저 플러그인 → 공식 → Git worktrees를 켜세요. 커밋하지 않은 변경은 원래 경로에 남습니다.",
|
|
35
|
-
reuseHint: "경로 확인 후 working_directory를 사용합니다. 경로를 모르면 모델에게 목록을 요청하세요.",
|
|
36
|
-
list: "목록 요청",
|
|
37
|
-
send: "모델에 요청",
|
|
38
|
-
sending: "전송 중…",
|
|
39
|
-
sent: "모델에 요청했습니다. 실행 결과는 대화에서 확인하세요.",
|
|
157
|
+
refresh: "워크트리 새로고침",
|
|
158
|
+
loading: "워크트리를 불러오는 중…",
|
|
159
|
+
busy: "워크트리 변경 중…",
|
|
160
|
+
changed: "워크트리를 변경했습니다.",
|
|
161
|
+
empty: "Git worktree가 없습니다.",
|
|
40
162
|
wait: "세션이 준비되고 실행 중인 작업이 끝나면 사용할 수 있습니다.",
|
|
41
|
-
error: "
|
|
163
|
+
error: "현재 상태를 확인하지 못했습니다. 다시 시도하기 전에 새로고침으로 상태를 확인하세요.",
|
|
164
|
+
lookupError: "조회 실패",
|
|
165
|
+
mutationError: "변경 확인 필요",
|
|
166
|
+
errorTitle: "워크트리 오류 상세",
|
|
167
|
+
readError: "워크트리 목록을 불러오지 못했습니다. 다시 조회해 현재 브랜치를 확인하세요.",
|
|
168
|
+
errorCode: "오류 코드",
|
|
169
|
+
errorOperation: "요청",
|
|
170
|
+
operations: {
|
|
171
|
+
describe: "워크트리 조회",
|
|
172
|
+
create: "워크트리 생성",
|
|
173
|
+
switch: "워크트리 전환"
|
|
174
|
+
},
|
|
175
|
+
reasons: {
|
|
176
|
+
busy: "세션에서 작업을 실행 중입니다. 작업이 끝난 뒤 다시 조회하세요.",
|
|
177
|
+
conflict: "현재 작업 경로가 바뀌었습니다. 목록을 새로고침한 뒤 변경하세요.",
|
|
178
|
+
invalid: "요청이 올바르지 않습니다. 목록을 새로고침하고 브랜치 이름이나 워크트리를 확인하세요.",
|
|
179
|
+
operation_failed: "호스트가 작업을 완료하지 못했습니다. Git과 워크트리 설정을 확인하세요.",
|
|
180
|
+
session_not_found: "세션을 찾지 못했습니다. 세션을 다시 열고 조회하세요.",
|
|
181
|
+
forbidden: "소유자 연결에서만 사용할 수 있습니다. 소유자로 앱을 다시 여세요.",
|
|
182
|
+
auth_required: "연결 인증이 필요합니다. 앱을 다시 열고 조회하세요.",
|
|
183
|
+
endpoint_missing: "호스트에 워크트리 API가 없습니다. 플러그인을 활성화했는지 확인하고 앱을 다시 시작하세요.",
|
|
184
|
+
client_unavailable: "연결에 워크트리 RPC 기능이 없습니다. 페이지를 새로고침하거나 앱을 업데이트하세요.",
|
|
185
|
+
invalid_response: "호스트가 올바르지 않은 워크트리 목록을 반환했습니다. 앱과 플러그인 버전을 확인하세요.",
|
|
186
|
+
connection_error: "정상 응답을 받기 전에 연결이 실패했습니다. 연결을 확인하고 다시 조회하세요.",
|
|
187
|
+
timeout: "요청 시간이 초과됐습니다. 실행 중인 작업이 끝난 뒤 다시 조회하세요."
|
|
188
|
+
}
|
|
189
|
+
}
|
|
190
|
+
};
|
|
191
|
+
// src/settings.tsx
|
|
192
|
+
const copy = {
|
|
193
|
+
ko: {
|
|
194
|
+
nav: "워크트리",
|
|
195
|
+
directory: "워크트리 풀 디렉터리",
|
|
196
|
+
remote: "추적 중인 원격 브랜치 사용",
|
|
197
|
+
naming: "자동 브랜치 이름 형식",
|
|
198
|
+
semantic: "시멘틱 (feat/… 또는 fix/…)",
|
|
199
|
+
dsh: "DSH (dsh/*)",
|
|
200
|
+
custom: "사용자 지정 접두사",
|
|
201
|
+
prefix: "브랜치 접두사",
|
|
202
|
+
loading: "설정을 불러오는 중입니다…",
|
|
203
|
+
saving: "저장 중…",
|
|
204
|
+
error: "변경 결과를 확인하지 못했습니다. 저장된 값을 확인한 뒤 다시 변경하세요.",
|
|
205
|
+
conflict: "다른 곳에서 설정을 변경했습니다. 저장된 값을 확인한 뒤 다시 변경하세요.",
|
|
206
|
+
unavailable: "설정을 불러오지 못했습니다. 연결을 확인한 뒤 설정 화면을 다시 여세요.",
|
|
207
|
+
invalidDirectory: "공백이 아닌 경로를 4096자 이내로 입력하세요. 줄바꿈은 사용할 수 없습니다.",
|
|
208
|
+
invalidPrefix: "올바른 접두사를 100자 이내로 입력하세요. 사용자 지정 접두사는 비워 둘 수 없습니다."
|
|
209
|
+
},
|
|
210
|
+
zh: {
|
|
211
|
+
nav: "工作树",
|
|
212
|
+
directory: "工作树池目录",
|
|
213
|
+
remote: "使用跟踪的远程分支",
|
|
214
|
+
naming: "自动分支命名格式",
|
|
215
|
+
semantic: "语义化（feat/… 或 fix/…）",
|
|
216
|
+
dsh: "DSH（dsh/*）",
|
|
217
|
+
custom: "自定义前缀",
|
|
218
|
+
prefix: "分支前缀",
|
|
219
|
+
loading: "正在加载设置…",
|
|
220
|
+
saving: "正在保存…",
|
|
221
|
+
error: "无法确认更改结果，请检查已保存的值后再进行更改。",
|
|
222
|
+
conflict: "设置已在其他位置更改，请检查已保存的值后再进行更改。",
|
|
223
|
+
unavailable: "无法加载设置，请检查连接后重新打开此设置页面。",
|
|
224
|
+
invalidDirectory: "请输入不超过 4096 个字符的非空路径，不能包含换行符。",
|
|
225
|
+
invalidPrefix: "请输入不超过 100 个字符的有效前缀，自定义前缀不能为空。"
|
|
226
|
+
},
|
|
227
|
+
en: {
|
|
228
|
+
nav: "Worktrees",
|
|
229
|
+
directory: "Worktree pool directory",
|
|
230
|
+
remote: "Use tracked remote branch",
|
|
231
|
+
naming: "Automatic branch naming",
|
|
232
|
+
semantic: "Semantic (feat/… or fix/…)",
|
|
233
|
+
dsh: "DSH (dsh/*)",
|
|
234
|
+
custom: "Custom prefix",
|
|
235
|
+
prefix: "Branch prefix",
|
|
236
|
+
loading: "Loading settings…",
|
|
237
|
+
saving: "Saving…",
|
|
238
|
+
error: "Could not confirm the change. Check the saved values before you change them again.",
|
|
239
|
+
conflict: "Settings changed elsewhere. Check the saved values before you change them again.",
|
|
240
|
+
unavailable: "Could not load settings. Check the connection and reopen this settings page.",
|
|
241
|
+
invalidDirectory: "Enter a nonblank path of at most 4096 characters without line breaks.",
|
|
242
|
+
invalidPrefix: "Enter a valid prefix of at most 100 characters. A custom prefix cannot be empty."
|
|
42
243
|
}
|
|
43
244
|
};
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
245
|
+
const languageKey = (language) => language.startsWith("ko") ? "ko" : language.startsWith("zh") ? "zh" : "en";
|
|
246
|
+
const settingsLabel = (language) => copy[languageKey(language)].nav;
|
|
247
|
+
const validDirectory = (value) => value.trim().length > 0 && value.length <= 4096 && !/[\0\r\n]/.test(value);
|
|
248
|
+
const validPrefix = (value) => value.length <= 100 && (value === "" || /^[a-zA-Z0-9][a-zA-Z0-9_-]*(\/[a-zA-Z0-9][a-zA-Z0-9_-]*)*\/?$/.test(value));
|
|
249
|
+
const validSettings = (settings) => validDirectory(settings.directory) && validPrefix(settings.prefix) && (settings.naming !== "custom" || !!settings.prefix);
|
|
250
|
+
const sameSettings = (left, right) => JSON.stringify(left) === JSON.stringify(right);
|
|
251
|
+
function WorktreeSettingsSection({ ctx }) {
|
|
252
|
+
const language = (0, react.useSyncExternalStore)((listener) => ctx.locale.subscribe(listener), () => ctx.locale.getSnapshot().active);
|
|
253
|
+
const text = copy[languageKey(language)];
|
|
254
|
+
const id = (0, react.useId)();
|
|
255
|
+
const connection = ctx.get("connection");
|
|
256
|
+
const [draft, setDraft] = (0, react.useState)();
|
|
257
|
+
const [operation, setOperation] = (0, react.useState)("loading");
|
|
258
|
+
const [notice, setNotice] = (0, react.useState)();
|
|
259
|
+
const [namingOpen, setNamingOpen] = (0, react.useState)(false);
|
|
260
|
+
const saved = (0, react.useRef)(void 0);
|
|
261
|
+
const latest = (0, react.useRef)(void 0);
|
|
262
|
+
const pending = (0, react.useRef)(false);
|
|
263
|
+
const blocked = (0, react.useRef)(true);
|
|
264
|
+
const lifetime = (0, react.useRef)(null);
|
|
265
|
+
const read = async (controller) => {
|
|
266
|
+
const result = await connection.rpc.call(channel, `${endpointPrefix}settings`, {}, controller.signal);
|
|
267
|
+
if (controller.signal.aborted) return;
|
|
268
|
+
if (!result.ok) throw new Error("settings failed");
|
|
269
|
+
const next = result.value;
|
|
270
|
+
saved.current = next;
|
|
271
|
+
latest.current = { ...next.settings };
|
|
272
|
+
setDraft(latest.current);
|
|
273
|
+
blocked.current = false;
|
|
274
|
+
};
|
|
275
|
+
const load = async () => {
|
|
276
|
+
const controller = lifetime.current;
|
|
277
|
+
if (!controller || controller.signal.aborted || pending.current) return;
|
|
278
|
+
pending.current = true;
|
|
279
|
+
blocked.current = true;
|
|
280
|
+
setNamingOpen(false);
|
|
281
|
+
setOperation("loading");
|
|
282
|
+
try {
|
|
283
|
+
await read(controller);
|
|
284
|
+
if (!controller.signal.aborted) setNotice(void 0);
|
|
285
|
+
} catch {
|
|
286
|
+
if (!controller.signal.aborted) {
|
|
287
|
+
blocked.current = true;
|
|
288
|
+
setNotice("unavailable");
|
|
289
|
+
}
|
|
290
|
+
} finally {
|
|
291
|
+
if (!controller.signal.aborted) {
|
|
292
|
+
pending.current = false;
|
|
293
|
+
setOperation(void 0);
|
|
294
|
+
}
|
|
295
|
+
}
|
|
296
|
+
};
|
|
297
|
+
const save = async () => {
|
|
298
|
+
const controller = lifetime.current;
|
|
299
|
+
if (!controller || controller.signal.aborted || pending.current || blocked.current || !saved.current) return;
|
|
300
|
+
pending.current = true;
|
|
301
|
+
setNotice(void 0);
|
|
302
|
+
try {
|
|
303
|
+
while (latest.current && validSettings(latest.current) && !sameSettings(latest.current, saved.current.settings)) {
|
|
304
|
+
const submitted = { ...latest.current };
|
|
305
|
+
setOperation("saving");
|
|
306
|
+
const result = await connection.rpc.call(channel, `${endpointPrefix}save-settings`, {
|
|
307
|
+
revision: saved.current.revision,
|
|
308
|
+
settings: submitted
|
|
309
|
+
}, controller.signal);
|
|
310
|
+
if (controller.signal.aborted) return;
|
|
311
|
+
if (!result.ok) {
|
|
312
|
+
setNotice(result.error.code === "conflict" ? "conflict" : "error");
|
|
313
|
+
blocked.current = true;
|
|
314
|
+
break;
|
|
315
|
+
}
|
|
316
|
+
const next = result.value;
|
|
317
|
+
saved.current = next;
|
|
318
|
+
if (sameSettings(latest.current, submitted)) {
|
|
319
|
+
latest.current = { ...next.settings };
|
|
320
|
+
setDraft(latest.current);
|
|
321
|
+
}
|
|
322
|
+
}
|
|
323
|
+
} catch {
|
|
324
|
+
if (controller.signal.aborted) return;
|
|
325
|
+
blocked.current = true;
|
|
326
|
+
setNotice("error");
|
|
327
|
+
} finally {
|
|
328
|
+
if (!controller.signal.aborted) {
|
|
329
|
+
if (blocked.current) {
|
|
330
|
+
setNamingOpen(false);
|
|
331
|
+
setOperation("loading");
|
|
332
|
+
try {
|
|
333
|
+
await read(controller);
|
|
334
|
+
} catch {
|
|
335
|
+
if (!controller.signal.aborted) setNotice("unavailable");
|
|
336
|
+
}
|
|
337
|
+
}
|
|
338
|
+
if (!controller.signal.aborted) {
|
|
339
|
+
pending.current = false;
|
|
340
|
+
setOperation(void 0);
|
|
341
|
+
}
|
|
342
|
+
}
|
|
343
|
+
}
|
|
344
|
+
};
|
|
345
|
+
const change = (patch) => {
|
|
346
|
+
if (!latest.current || blocked.current) return;
|
|
347
|
+
latest.current = {
|
|
348
|
+
...latest.current,
|
|
349
|
+
...patch
|
|
350
|
+
};
|
|
351
|
+
if (patch.naming && patch.naming !== "custom" && !validPrefix(latest.current.prefix)) latest.current.prefix = "";
|
|
352
|
+
setDraft(latest.current);
|
|
353
|
+
setNotice(void 0);
|
|
354
|
+
if (validSettings(latest.current)) save();
|
|
355
|
+
};
|
|
356
|
+
(0, react.useEffect)(() => {
|
|
357
|
+
const controller = new AbortController();
|
|
358
|
+
lifetime.current = controller;
|
|
359
|
+
pending.current = false;
|
|
360
|
+
blocked.current = true;
|
|
361
|
+
load();
|
|
362
|
+
const refresh = () => {
|
|
363
|
+
if (blocked.current || sameSettings(latest.current, saved.current?.settings)) load();
|
|
364
|
+
};
|
|
365
|
+
window.addEventListener("focus", refresh);
|
|
366
|
+
window.addEventListener("online", refresh);
|
|
367
|
+
return () => {
|
|
368
|
+
controller.abort();
|
|
369
|
+
window.removeEventListener("focus", refresh);
|
|
370
|
+
window.removeEventListener("online", refresh);
|
|
371
|
+
};
|
|
372
|
+
}, []);
|
|
373
|
+
const disabled = operation === "loading" || blocked.current;
|
|
374
|
+
const invalidDirectory = !!draft && !validDirectory(draft.directory);
|
|
375
|
+
const invalidPrefix = !!draft && (!validPrefix(draft.prefix) || draft.naming === "custom" && !draft.prefix);
|
|
376
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
|
|
377
|
+
className: "dsh-worktree-settings",
|
|
378
|
+
"aria-label": text.nav,
|
|
379
|
+
"aria-busy": operation !== void 0,
|
|
380
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
|
|
381
|
+
onSubmit: (event) => event.preventDefault(),
|
|
382
|
+
children: [
|
|
383
|
+
draft && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("fieldset", {
|
|
384
|
+
disabled,
|
|
385
|
+
children: [
|
|
386
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
387
|
+
className: "dsh-worktree-settings-row",
|
|
388
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
389
|
+
className: "dsh-worktree-settings-text",
|
|
390
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
|
|
391
|
+
htmlFor: `${id}-directory`,
|
|
392
|
+
children: text.directory
|
|
393
|
+
}), invalidDirectory && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
|
|
394
|
+
id: `${id}-directory-error`,
|
|
395
|
+
role: "alert",
|
|
396
|
+
children: text.invalidDirectory
|
|
397
|
+
})]
|
|
398
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
|
|
399
|
+
className: "dsh-worktree-settings-input",
|
|
400
|
+
id: `${id}-directory`,
|
|
401
|
+
type: "text",
|
|
402
|
+
value: draft.directory,
|
|
403
|
+
required: true,
|
|
404
|
+
maxLength: 4096,
|
|
405
|
+
autoComplete: "off",
|
|
406
|
+
spellCheck: false,
|
|
407
|
+
"aria-invalid": invalidDirectory || void 0,
|
|
408
|
+
"aria-describedby": invalidDirectory ? `${id}-directory-error` : void 0,
|
|
409
|
+
onChange: (event) => change({ directory: event.target.value })
|
|
410
|
+
})]
|
|
411
|
+
}),
|
|
412
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
413
|
+
className: "dsh-worktree-settings-row",
|
|
414
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
415
|
+
className: "dsh-worktree-settings-text",
|
|
416
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
417
|
+
className: "dsh-worktree-settings-title",
|
|
418
|
+
children: text.remote
|
|
419
|
+
})
|
|
420
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Switch, {
|
|
421
|
+
label: text.remote,
|
|
422
|
+
checked: draft.remote,
|
|
423
|
+
disabled,
|
|
424
|
+
onChange: (remote) => change({ remote })
|
|
425
|
+
})]
|
|
426
|
+
}),
|
|
427
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
428
|
+
className: "dsh-worktree-settings-row",
|
|
429
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
430
|
+
className: "dsh-worktree-settings-text",
|
|
431
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
432
|
+
id: `${id}-naming`,
|
|
433
|
+
className: "dsh-worktree-settings-title",
|
|
434
|
+
children: text.naming
|
|
435
|
+
})
|
|
436
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Menu, {
|
|
437
|
+
open: namingOpen,
|
|
438
|
+
align: "end",
|
|
439
|
+
portal: true,
|
|
440
|
+
selectedId: draft.naming,
|
|
441
|
+
items: [
|
|
442
|
+
"semantic",
|
|
443
|
+
"dsh",
|
|
444
|
+
"custom"
|
|
445
|
+
].map((id) => ({
|
|
446
|
+
id,
|
|
447
|
+
label: text[id]
|
|
448
|
+
})),
|
|
449
|
+
onClose: () => setNamingOpen(false),
|
|
450
|
+
onSelect: (naming) => {
|
|
451
|
+
setNamingOpen(false);
|
|
452
|
+
if (!disabled) change({ naming });
|
|
453
|
+
},
|
|
454
|
+
anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
|
|
455
|
+
type: "button",
|
|
456
|
+
className: "dsh-worktree-settings-selector",
|
|
457
|
+
disabled,
|
|
458
|
+
"aria-labelledby": `${id}-naming`,
|
|
459
|
+
"aria-haspopup": "menu",
|
|
460
|
+
"aria-expanded": namingOpen,
|
|
461
|
+
onClick: () => setNamingOpen((open) => !open),
|
|
462
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: text[draft.naming] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, {
|
|
463
|
+
size: 16,
|
|
464
|
+
"aria-hidden": "true"
|
|
465
|
+
})]
|
|
466
|
+
})
|
|
467
|
+
})]
|
|
468
|
+
}),
|
|
469
|
+
draft.naming === "custom" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
470
|
+
className: "dsh-worktree-settings-row",
|
|
471
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
472
|
+
className: "dsh-worktree-settings-text",
|
|
473
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
|
|
474
|
+
htmlFor: `${id}-prefix`,
|
|
475
|
+
children: text.prefix
|
|
476
|
+
}), invalidPrefix && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
|
|
477
|
+
id: `${id}-prefix-error`,
|
|
478
|
+
role: "alert",
|
|
479
|
+
children: text.invalidPrefix
|
|
480
|
+
})]
|
|
481
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
|
|
482
|
+
className: "dsh-worktree-settings-input",
|
|
483
|
+
id: `${id}-prefix`,
|
|
484
|
+
type: "text",
|
|
485
|
+
value: draft.prefix,
|
|
486
|
+
required: true,
|
|
487
|
+
maxLength: 100,
|
|
488
|
+
pattern: "[a-zA-Z0-9][a-zA-Z0-9_\\-]*(/[a-zA-Z0-9][a-zA-Z0-9_\\-]*)*/?",
|
|
489
|
+
"aria-invalid": invalidPrefix || void 0,
|
|
490
|
+
"aria-describedby": invalidPrefix ? `${id}-prefix-error` : void 0,
|
|
491
|
+
autoComplete: "off",
|
|
492
|
+
spellCheck: false,
|
|
493
|
+
onChange: (event) => change({ prefix: event.target.value })
|
|
494
|
+
})]
|
|
495
|
+
})
|
|
496
|
+
]
|
|
497
|
+
}),
|
|
498
|
+
operation && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
|
|
499
|
+
role: "status",
|
|
500
|
+
children: text[operation]
|
|
501
|
+
}),
|
|
502
|
+
notice && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
|
|
503
|
+
role: "alert",
|
|
504
|
+
children: text[notice]
|
|
505
|
+
})
|
|
506
|
+
]
|
|
507
|
+
})
|
|
508
|
+
});
|
|
50
509
|
}
|
|
51
510
|
// src/styles.ts
|
|
52
511
|
const styles = `
|
|
53
|
-
.dsh-worktree {
|
|
54
|
-
.dsh-worktree
|
|
55
|
-
.dsh-worktree-
|
|
56
|
-
.dsh-worktree-
|
|
57
|
-
.dsh-worktree-
|
|
512
|
+
.dsh-worktree-sidebar-name { flex: 0 1 auto; min-width: 0; max-width: 88px; margin-inline: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--dsw-alias-label-caption); font-size: 10px; line-height: 16px; }
|
|
513
|
+
.dsh-worktree { display: inline-flex; flex-wrap: wrap; align-items: center; min-width: 0; max-width: 100%; color: var(--dsw-alias-label-secondary); font: inherit; }
|
|
514
|
+
.dsh-worktree-controls { display: inline-flex; flex-wrap: nowrap; align-items: center; min-width: 0; max-width: 100%; }
|
|
515
|
+
.dsh-worktree-picker { display: inline-flex; min-width: 0; max-width: 100%; }
|
|
516
|
+
.dsh-worktree-trigger { display: inline-flex; align-items: center; gap: 4px; min-width: 0; max-width: 220px; height: 28px; padding: 0 4px 0 8px; border: 0; border-radius: var(--dsw-radius-sm); background: transparent; color: var(--dsw-alias-label-secondary); font: inherit; font-size: 13px; font-weight: 500; line-height: 20px; cursor: pointer; }
|
|
517
|
+
.dsh-worktree-icon, .dsh-worktree-chevron { display: inline-flex; flex: none; }
|
|
518
|
+
.dsh-worktree-icon svg { width: 14px; height: 14px; }
|
|
519
|
+
.dsh-worktree-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
520
|
+
.dsh-worktree-chevron { color: var(--dsw-alias-label-caption); }
|
|
521
|
+
.dsh-worktree-trigger[aria-expanded=true] .dsh-worktree-chevron { transform: rotate(180deg); }
|
|
522
|
+
.dsh-worktree-trigger:disabled { color: var(--dsw-alias-label-dimmed); cursor: default; }
|
|
523
|
+
.dsh-worktree-trigger:focus-visible { outline: 2px solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary)); outline-offset: 0; }
|
|
524
|
+
@container (width <= 460px) {
|
|
525
|
+
.dsh-worktree-name { display: none; }
|
|
526
|
+
}
|
|
527
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
528
|
+
.dsh-worktree-chevron { transition: transform .12s; }
|
|
529
|
+
}
|
|
530
|
+
@media (hover: hover) {
|
|
531
|
+
.dsh-worktree-trigger:hover:not(:disabled), .dsh-worktree-error-trigger:hover, .dsh-worktree-dialog button:hover:not(:disabled) { background: var(--dsw-alias-interactive-bg-hover); }
|
|
532
|
+
}
|
|
533
|
+
.dsh-worktree-error-trigger { flex: 0 0 auto; min-height: 28px; padding: 2px 6px; border: 0; border-radius: var(--dsw-radius-sm); background: transparent; color: var(--dsw-alias-label-secondary); font: inherit; font-size: 12px; line-height: 20px; white-space: nowrap; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
|
|
534
|
+
.dsh-worktree-error-trigger:focus-visible { outline: 2px solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary)); outline-offset: 0; }
|
|
535
|
+
.dsh-worktree-dialog.dsh-worktree-error-dialog { inset: 0; margin: auto; }
|
|
536
|
+
.dsh-worktree-error-dialog dl { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px 12px; }
|
|
537
|
+
.dsh-worktree-error-dialog dt { color: var(--dsw-alias-label-secondary); }
|
|
538
|
+
.dsh-worktree-error-dialog dd { margin: 0; overflow-wrap: anywhere; }
|
|
539
|
+
.dsh-worktree-dialog { box-sizing: border-box; position: fixed; margin: 0; width: 360px; max-width: calc(100vw - 16px); max-height: calc(100dvh - 16px); overflow: auto; overscroll-behavior: contain; padding: 16px; border: 1px solid transparent; border-radius: var(--dsw-radius-lg); background: var(--dsw-specific-menu); backdrop-filter: var(--dsw-menu-backdrop-filter); color: var(--dsw-alias-label-primary); --dsw-elevation-stroke-color: var(--dsw-alias-border-l1); box-shadow: var(--dsw-elevation-prominent); font: inherit; font-size: 13px; font-weight: 400; line-height: 1.55; }
|
|
58
540
|
.dsh-worktree-dialog::backdrop { background: transparent; }
|
|
59
541
|
.dsh-worktree-dialog header { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
|
|
60
542
|
.dsh-worktree-dialog h2 { font-size: 15px; margin: 0; font-weight: 600; }
|
|
61
|
-
.dsh-worktree-dialog p { margin: 10px 0; color: var(--dsw-alias-label-secondary
|
|
62
|
-
.dsh-worktree-dialog button { border: 1px solid var(--dsw-alias-border-
|
|
63
|
-
.dsh-worktree-dialog header button { padding: 0; width: 28px; height: 28px; border: 0;
|
|
64
|
-
.dsh-worktree-dialog
|
|
65
|
-
.dsh-worktree-dialog
|
|
66
|
-
.dsh-worktree-dialog
|
|
67
|
-
.dsh-worktree-dialog input[type=radio] { accent-color: #4d6bfe; margin: 0; }
|
|
68
|
-
.dsh-worktree-dialog form > label { display: block; font-weight: 500; margin-bottom: 6px; }
|
|
69
|
-
.dsh-worktree-dialog input[type=text] { box-sizing: border-box; width: 100%; padding: 9px 10px; border: 1px solid var(--dsw-alias-border-l4, #dfe2e8); border-radius: 8px; background: var(--dsw-alias-bg-layer-1, #f7f8fa); color: inherit; font: inherit; }
|
|
70
|
-
.dsh-worktree-dialog .dsh-worktree-hint { font-size: 12px; }
|
|
71
|
-
.dsh-worktree-dialog footer { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }
|
|
72
|
-
.dsh-worktree-dialog .dsh-worktree-primary, .dsh-worktree-dialog .dsh-worktree-primary:hover:not(:disabled) { background: #4d6bfe; border-color: transparent; color: white; }
|
|
73
|
-
.dsh-worktree-dialog [role=alert] { color: var(--dsw-alias-state-error-primary, #b42318); }
|
|
74
|
-
.dsh-worktree button:disabled, .dsh-worktree-dialog button:disabled { opacity: .45; cursor: not-allowed; }
|
|
75
|
-
.dsh-worktree button:focus-visible, .dsh-worktree-dialog input:focus-visible { outline: 2px solid #4d6bfe; outline-offset: 2px; }
|
|
543
|
+
.dsh-worktree-dialog p { margin: 10px 0; color: var(--dsw-alias-label-secondary); }
|
|
544
|
+
.dsh-worktree-dialog button { border: 1px solid var(--dsw-alias-border-l2); border-radius: var(--dsw-radius-sm); background: transparent; color: inherit; padding: 7px 10px; cursor: pointer; font: inherit; }
|
|
545
|
+
.dsh-worktree-dialog header button { display: inline-flex; align-items: center; justify-content: center; padding: 0; width: 28px; height: 28px; border: 0; }
|
|
546
|
+
.dsh-worktree-dialog footer { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-top: 16px; }
|
|
547
|
+
.dsh-worktree-dialog button:disabled { opacity: .45; cursor: not-allowed; }
|
|
548
|
+
.dsh-worktree-dialog button:focus-visible { outline: 2px solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary)); outline-offset: 2px; }
|
|
76
549
|
.dsh-worktree-sr { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
|
|
550
|
+
.dsh-worktree-progress { margin: 12px 0 20px; color: var(--dsw-alias-label-secondary); font: 13px/1.6 ui-monospace, monospace; }
|
|
551
|
+
.dsh-worktree-progress > p { margin: 0 0 8px; overflow-wrap: anywhere; }
|
|
552
|
+
.dsh-worktree-progress ol { list-style: none; margin: 0; padding: 8px 0 0; border-top: 1px solid var(--dsw-alias-border-l2); }
|
|
553
|
+
.dsh-worktree-progress li { display: flex; align-items: center; gap: 10px; padding: 3px 4px; }
|
|
554
|
+
.dsh-worktree-progress li[data-state=pending] { opacity: .4; }
|
|
555
|
+
.dsh-worktree-progress-mark { box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; width: 14px; height: 14px; border: 1px solid currentColor; border-radius: 50%; font-size: 11px; line-height: 1; }
|
|
556
|
+
.dsh-worktree-progress li[data-state=running] .dsh-worktree-progress-mark { border-right-color: transparent; }
|
|
557
|
+
.dsh-worktree-progress li[data-state=failed], .dsh-worktree-progress [role=alert] { color: var(--dsw-alias-state-error-primary); }
|
|
558
|
+
.dsh-worktree-progress [role=alert] { margin-top: 10px; font: inherit; }
|
|
559
|
+
.dsh-worktree-progress-time { margin-inline-start: auto; padding-inline-start: 8px; font-size: 11px; }
|
|
560
|
+
@keyframes dsh-worktree-spin { to { transform: rotate(360deg); } }
|
|
561
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
562
|
+
.dsh-worktree-progress li[data-state=running] .dsh-worktree-progress-mark { animation: dsh-worktree-spin .8s linear infinite; }
|
|
563
|
+
}
|
|
564
|
+
.dsh-worktree-settings { width: 100%; color: var(--dsw-alias-label-primary); font: inherit; }
|
|
565
|
+
.dsh-worktree-settings fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }
|
|
566
|
+
.dsh-worktree-settings-row { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 16px 0; border-bottom: .5px solid var(--dsw-alias-border-l2); }
|
|
567
|
+
.dsh-worktree-settings-row:last-child { border-bottom: 0; }
|
|
568
|
+
.dsh-worktree-settings-text { flex: 1; min-width: 0; }
|
|
569
|
+
.dsh-worktree-settings label, .dsh-worktree-settings-title { display: block; font-size: 14px; font-weight: 400; line-height: 20px; }
|
|
570
|
+
.dsh-worktree-settings-text p { margin: 4px 0 0; color: var(--dsw-alias-label-secondary); font-size: 12px; line-height: 18px; overflow-wrap: anywhere; }
|
|
571
|
+
.dsh-worktree-settings-input { box-sizing: border-box; width: 220px; max-width: 100%; flex: 0 1 220px; min-width: 0; }
|
|
572
|
+
.dsh-worktree-settings-selector { display: inline-flex; align-items: center; gap: 12px; max-width: 220px; height: 36px; padding: 0 14px; border: 0; border-radius: var(--dsw-radius-md); background: var(--dsw-alias-bg-module-platform); color: var(--dsw-alias-label-primary); font: inherit; font-size: 14px; line-height: 22px; cursor: pointer; }
|
|
573
|
+
.dsh-worktree-settings-selector span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
574
|
+
.dsh-worktree-settings-selector svg { flex: none; }
|
|
575
|
+
.dsh-worktree-settings-selector:hover:not(:disabled) { background: var(--dsw-alias-interactive-bg-hover); }
|
|
576
|
+
.dsh-worktree-settings-selector:disabled { opacity: .5; cursor: default; }
|
|
577
|
+
.dsh-worktree-settings-selector:focus-visible { outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary)); outline-offset: 2px; }
|
|
578
|
+
.dsh-worktree-settings [role=status], .dsh-worktree-settings [role=alert] { margin: 12px 0; font-size: 12px; line-height: 18px; }
|
|
579
|
+
.dsh-worktree-settings [role=status]:empty { margin: 0; }
|
|
580
|
+
.dsh-worktree-settings [role=alert] { color: var(--dsw-alias-state-error-primary); }
|
|
581
|
+
@media (max-width: 600px) {
|
|
582
|
+
.dsh-worktree-settings-row { flex-wrap: wrap; gap: 12px; }
|
|
583
|
+
.dsh-worktree-settings-text { flex-basis: 160px; }
|
|
584
|
+
.dsh-worktree-settings-input { flex-grow: 1; }
|
|
585
|
+
}
|
|
77
586
|
`;
|
|
587
|
+
// src/sidebar.ts
|
|
588
|
+
/** Add passive metadata before the native trailing controls without replacing React-owned rows. */
|
|
589
|
+
function installSidebarLabel(sessionId, name, path) {
|
|
590
|
+
const labels = /* @__PURE__ */ new Map();
|
|
591
|
+
const refresh = () => {
|
|
592
|
+
for (const [row, label] of labels) if (!row.isConnected || row.getAttribute("data-row-key") !== `session:${sessionId}`) {
|
|
593
|
+
label.remove();
|
|
594
|
+
labels.delete(row);
|
|
595
|
+
}
|
|
596
|
+
for (const row of document.querySelectorAll("[data-row-key]")) {
|
|
597
|
+
if (row.dataset.rowKey !== `session:${sessionId}`) continue;
|
|
598
|
+
const actions = row.lastElementChild;
|
|
599
|
+
if (!actions || actions === labels.get(row)) continue;
|
|
600
|
+
let label = labels.get(row);
|
|
601
|
+
if (!label) {
|
|
602
|
+
label = document.createElement("span");
|
|
603
|
+
label.className = "dsh-worktree-sidebar-name";
|
|
604
|
+
label.textContent = name;
|
|
605
|
+
label.title = path;
|
|
606
|
+
labels.set(row, label);
|
|
607
|
+
}
|
|
608
|
+
if (label.nextElementSibling !== actions) row.insertBefore(label, actions);
|
|
609
|
+
}
|
|
610
|
+
};
|
|
611
|
+
const observer = new document.defaultView.MutationObserver(refresh);
|
|
612
|
+
observer.observe(document.body, {
|
|
613
|
+
childList: true,
|
|
614
|
+
subtree: true,
|
|
615
|
+
attributes: true,
|
|
616
|
+
attributeFilter: ["data-row-key"]
|
|
617
|
+
});
|
|
618
|
+
refresh();
|
|
619
|
+
return () => {
|
|
620
|
+
observer.disconnect();
|
|
621
|
+
for (const label of labels.values()) label.remove();
|
|
622
|
+
};
|
|
623
|
+
}
|
|
624
|
+
// src/progress.tsx
|
|
625
|
+
const labels = {
|
|
626
|
+
ko: {
|
|
627
|
+
running: "워크트리 준비 중…",
|
|
628
|
+
completed: "워크트리 준비 완료",
|
|
629
|
+
failed: "워크트리 생성 실패",
|
|
630
|
+
cancelled: "워크트리 준비 중단",
|
|
631
|
+
steps: [
|
|
632
|
+
"브랜치 이름 정하기",
|
|
633
|
+
"기준 커밋 및 경로 확인",
|
|
634
|
+
"파일 체크아웃",
|
|
635
|
+
"작업 경로 전환"
|
|
636
|
+
],
|
|
637
|
+
failure: "작업을 시작하지 않았습니다. 워크트리를 선택한 뒤 프롬프트를 다시 전송하세요."
|
|
638
|
+
},
|
|
639
|
+
en: {
|
|
640
|
+
running: "Setting up worktree…",
|
|
641
|
+
completed: "Worktree ready",
|
|
642
|
+
failed: "Worktree creation failed",
|
|
643
|
+
cancelled: "Worktree setup stopped",
|
|
644
|
+
steps: [
|
|
645
|
+
"Name branch",
|
|
646
|
+
"Check base commit and path",
|
|
647
|
+
"Check out files",
|
|
648
|
+
"Switch working directory"
|
|
649
|
+
],
|
|
650
|
+
failure: "Work did not start. Select a worktree, then resend your prompt."
|
|
651
|
+
},
|
|
652
|
+
zh: {
|
|
653
|
+
running: "正在准备工作树…",
|
|
654
|
+
completed: "工作树已就绪",
|
|
655
|
+
failed: "工作树创建失败",
|
|
656
|
+
cancelled: "工作树准备已停止",
|
|
657
|
+
steps: [
|
|
658
|
+
"生成分支名称",
|
|
659
|
+
"检查基准提交和路径",
|
|
660
|
+
"检出文件",
|
|
661
|
+
"切换工作目录"
|
|
662
|
+
],
|
|
663
|
+
failure: "尚未开始任务。请选择工作树，然后重新发送提示。"
|
|
664
|
+
}
|
|
665
|
+
};
|
|
666
|
+
const progressDefinition = {
|
|
667
|
+
kind: "dungsil-worktree-progress",
|
|
668
|
+
target: "chat",
|
|
669
|
+
match: (event) => {
|
|
670
|
+
const record = event;
|
|
671
|
+
if (record.type === "plugin:dungsil/ui-worktree/progress" && isWorktreeProgress(record.data)) return {
|
|
672
|
+
id: record.data.id,
|
|
673
|
+
role: "start"
|
|
674
|
+
};
|
|
675
|
+
if (event.type === "user/message") return {
|
|
676
|
+
id: event.data.id,
|
|
677
|
+
role: "update"
|
|
678
|
+
};
|
|
679
|
+
return null;
|
|
680
|
+
},
|
|
681
|
+
start: (_context, match) => ({
|
|
682
|
+
progress: match.event.data,
|
|
683
|
+
anchorSeq: match.event.seq
|
|
684
|
+
}),
|
|
685
|
+
update: (context, match) => match.event.type === "user/message" ? {
|
|
686
|
+
...context.state,
|
|
687
|
+
anchorSeq: match.event.seq + .1
|
|
688
|
+
} : {
|
|
689
|
+
...context.state,
|
|
690
|
+
progress: match.event.data
|
|
691
|
+
},
|
|
692
|
+
buildViewNode: (context) => {
|
|
693
|
+
if (!context.state || !context.start) return null;
|
|
694
|
+
return {
|
|
695
|
+
key: context.key,
|
|
696
|
+
id: context.id,
|
|
697
|
+
kind: "dungsil-worktree-progress",
|
|
698
|
+
target: "chat",
|
|
699
|
+
anchorSeq: context.state.anchorSeq,
|
|
700
|
+
location: context.start.location,
|
|
701
|
+
visibility: "visible",
|
|
702
|
+
groupTree: "turn",
|
|
703
|
+
data: context.state.progress
|
|
704
|
+
};
|
|
705
|
+
}
|
|
706
|
+
};
|
|
707
|
+
function installProgress(ctx) {
|
|
708
|
+
ctx.uiConversation.events.register(progressDefinition);
|
|
709
|
+
ctx.slots.inject("conversation.chat.node", () => ctx.slots.register({
|
|
710
|
+
name: "conversation.chat.node",
|
|
711
|
+
key: "dungsil-worktree-progress",
|
|
712
|
+
inject: () => ({})
|
|
713
|
+
}, function Progress({ node }) {
|
|
714
|
+
const language = (0, react.useSyncExternalStore)((listener) => ctx.locale.subscribe(listener), () => ctx.locale.getSnapshot().active);
|
|
715
|
+
const text = labels[language.startsWith("ko") ? "ko" : language.startsWith("zh") ? "zh" : "en"];
|
|
716
|
+
const progress = node.data;
|
|
717
|
+
const ended = node.location.kind === "turn" || node.location.kind === "step" ? node.location.turn.status === "closed" : false;
|
|
718
|
+
const status = progress.status === "running" && ended ? "cancelled" : progress.status;
|
|
719
|
+
const [now, setNow] = (0, react.useState)(Date.now);
|
|
720
|
+
(0, react.useEffect)(() => {
|
|
721
|
+
if (status !== "running") return;
|
|
722
|
+
const timer = window.setInterval(() => setNow(Date.now()), 100);
|
|
723
|
+
return () => window.clearInterval(timer);
|
|
724
|
+
}, [status]);
|
|
725
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
|
|
726
|
+
className: "dsh-worktree-progress",
|
|
727
|
+
"aria-label": text[status],
|
|
728
|
+
"aria-busy": status === "running",
|
|
729
|
+
children: [
|
|
730
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
|
|
731
|
+
role: "status",
|
|
732
|
+
children: [text[status], status === "completed" && progress.branch ? ` · ${progress.branch}` : ""]
|
|
733
|
+
}),
|
|
734
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", { children: text.steps.map((label, index) => {
|
|
735
|
+
const state = index < progress.step || status === "completed" ? "completed" : index === progress.step ? status : "pending";
|
|
736
|
+
const duration = progress.durations[index] + (state === "running" ? Math.max(0, now - progress.updatedAt) : 0);
|
|
737
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
|
|
738
|
+
"data-state": state,
|
|
739
|
+
"aria-current": state === "running" ? "step" : void 0,
|
|
740
|
+
children: [
|
|
741
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
742
|
+
className: "dsh-worktree-progress-mark",
|
|
743
|
+
"aria-hidden": "true",
|
|
744
|
+
children: state === "completed" ? "✓" : state === "failed" ? "×" : state === "cancelled" ? "−" : ""
|
|
745
|
+
}),
|
|
746
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label }),
|
|
747
|
+
state !== "pending" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
748
|
+
className: "dsh-worktree-progress-time",
|
|
749
|
+
children: duration < 1e3 ? `${Math.floor(duration)}ms` : `${(duration / 1e3).toFixed(1)}s`
|
|
750
|
+
})
|
|
751
|
+
]
|
|
752
|
+
}, label);
|
|
753
|
+
}) }),
|
|
754
|
+
(status === "failed" || status === "cancelled") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
|
|
755
|
+
role: "alert",
|
|
756
|
+
children: text.failure
|
|
757
|
+
})
|
|
758
|
+
]
|
|
759
|
+
});
|
|
760
|
+
}));
|
|
761
|
+
}
|
|
78
762
|
// src/client.tsx
|
|
79
763
|
const name = "dungsil-ui-worktree";
|
|
80
764
|
const inject = [
|
|
81
765
|
"slots",
|
|
82
766
|
"locale",
|
|
83
|
-
"
|
|
767
|
+
"connection",
|
|
768
|
+
"uiConversation"
|
|
84
769
|
];
|
|
85
770
|
function apply(ctx) {
|
|
771
|
+
const connection = ctx.get("connection");
|
|
86
772
|
const subscribeLocale = (listener) => ctx.locale.subscribe(listener);
|
|
87
|
-
|
|
773
|
+
installProgress(ctx);
|
|
774
|
+
function Picker({ sessionId, useSession }) {
|
|
88
775
|
const language = (0, react.useSyncExternalStore)(subscribeLocale, () => ctx.locale.getSnapshot().active);
|
|
89
|
-
const text = copy[language
|
|
776
|
+
const text = copy$1[language.startsWith("ko") ? "ko" : language.startsWith("zh") ? "zh" : "en"];
|
|
90
777
|
const unavailable = useSession((s) => s.running || s.removed || s.openState !== "open" || s.pendingSubmissions.length > 0);
|
|
91
|
-
const
|
|
92
|
-
const
|
|
93
|
-
const [
|
|
778
|
+
const running = useSession((s) => s.running);
|
|
779
|
+
const wasRunning = (0, react.useRef)(running);
|
|
780
|
+
const [view, setView] = (0, react.useState)();
|
|
781
|
+
const [loading, setLoading] = (0, react.useState)(true);
|
|
94
782
|
const [busy, setBusy] = (0, react.useState)(false);
|
|
95
|
-
const [error, setError] = (0, react.useState)(
|
|
96
|
-
const [
|
|
783
|
+
const [error, setError] = (0, react.useState)();
|
|
784
|
+
const [changed, setChanged] = (0, react.useState)(false);
|
|
97
785
|
const [open, setOpen] = (0, react.useState)(false);
|
|
98
786
|
const pending = (0, react.useRef)(false);
|
|
99
|
-
const
|
|
787
|
+
const needsRefresh = (0, react.useRef)(false);
|
|
788
|
+
const lifetime = (0, react.useRef)(null);
|
|
100
789
|
const trigger = (0, react.useRef)(null);
|
|
101
|
-
const
|
|
102
|
-
const
|
|
103
|
-
const
|
|
104
|
-
const
|
|
790
|
+
const errorDialog = (0, react.useRef)(null);
|
|
791
|
+
const errorTrigger = (0, react.useRef)(null);
|
|
792
|
+
const errorTitle = (0, react.useId)();
|
|
793
|
+
const errorDescription = (0, react.useId)();
|
|
794
|
+
const status = (0, react.useId)();
|
|
795
|
+
const disabled = unavailable || loading || busy || !!error || !view;
|
|
796
|
+
const creation = view?.pendingCreation;
|
|
797
|
+
const detailError = error ?? (creation?.failed ? {
|
|
798
|
+
operation: "create",
|
|
799
|
+
code: "operation_failed",
|
|
800
|
+
uncertain: true
|
|
801
|
+
} : void 0);
|
|
802
|
+
const errorLabel = detailError?.uncertain ? text.mutationError : text.lookupError;
|
|
803
|
+
const recordFailure = (operation, cause) => {
|
|
804
|
+
const code = failureCode(cause);
|
|
805
|
+
needsRefresh.current = true;
|
|
806
|
+
setError((previous) => ({
|
|
807
|
+
operation,
|
|
808
|
+
code,
|
|
809
|
+
uncertain: operation !== "describe" || !!previous?.uncertain
|
|
810
|
+
}));
|
|
811
|
+
console.warn("[dungsil-ui-worktree]", {
|
|
812
|
+
operation,
|
|
813
|
+
code
|
|
814
|
+
});
|
|
815
|
+
};
|
|
816
|
+
const request = async (operation, payload, signal) => {
|
|
817
|
+
if (typeof connection?.rpc?.call !== "function") throw { code: "client_unavailable" };
|
|
818
|
+
const result = await connection.rpc.call(channel, endpointPrefix + operation, payload, signal);
|
|
819
|
+
signal.throwIfAborted();
|
|
820
|
+
if (!result.ok) throw result.error;
|
|
821
|
+
if (!isWorktreeView(result.value)) throw { code: "invalid_response" };
|
|
822
|
+
return result.value;
|
|
823
|
+
};
|
|
824
|
+
const load = async (explicit = false) => {
|
|
825
|
+
const controller = lifetime.current;
|
|
826
|
+
if (!controller || controller.signal.aborted || pending.current || needsRefresh.current && !explicit) return;
|
|
827
|
+
pending.current = true;
|
|
828
|
+
setLoading(true);
|
|
829
|
+
try {
|
|
830
|
+
const view = await request("describe", { sessionId }, controller.signal);
|
|
831
|
+
if (controller.signal.aborted) return;
|
|
832
|
+
setView(view);
|
|
833
|
+
needsRefresh.current = false;
|
|
834
|
+
setError(void 0);
|
|
835
|
+
} catch (cause) {
|
|
836
|
+
if (!controller.signal.aborted) recordFailure("describe", cause);
|
|
837
|
+
} finally {
|
|
838
|
+
if (!controller.signal.aborted) {
|
|
839
|
+
pending.current = false;
|
|
840
|
+
setLoading(false);
|
|
841
|
+
}
|
|
842
|
+
}
|
|
843
|
+
};
|
|
105
844
|
(0, react.useEffect)(() => {
|
|
106
|
-
|
|
845
|
+
const controller = new AbortController();
|
|
846
|
+
lifetime.current = controller;
|
|
847
|
+
pending.current = false;
|
|
848
|
+
load();
|
|
849
|
+
const focus = () => {
|
|
850
|
+
load();
|
|
851
|
+
};
|
|
852
|
+
const resize = () => {
|
|
853
|
+
setOpen(false);
|
|
854
|
+
};
|
|
855
|
+
window.addEventListener("focus", focus);
|
|
856
|
+
window.addEventListener("resize", resize);
|
|
107
857
|
return () => {
|
|
108
|
-
|
|
858
|
+
controller.abort();
|
|
859
|
+
window.removeEventListener("focus", focus);
|
|
860
|
+
window.removeEventListener("resize", resize);
|
|
109
861
|
};
|
|
110
862
|
}, []);
|
|
111
863
|
(0, react.useEffect)(() => {
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
setSent(false);
|
|
122
|
-
element.showModal();
|
|
123
|
-
const anchor = button.getBoundingClientRect();
|
|
124
|
-
const box = element.getBoundingClientRect();
|
|
125
|
-
element.style.left = `${Math.max(8, Math.min(anchor.left, window.innerWidth - box.width - 8))}px`;
|
|
126
|
-
element.style.top = `${Math.max(8, anchor.top - box.height - 8)}px`;
|
|
127
|
-
setOpen(true);
|
|
128
|
-
};
|
|
129
|
-
const send = async (action) => {
|
|
130
|
-
if (pending.current || disabled || action === "reuse" && !value.trim()) return;
|
|
864
|
+
if (wasRunning.current && !running) load();
|
|
865
|
+
wasRunning.current = running;
|
|
866
|
+
}, [running]);
|
|
867
|
+
(0, react.useEffect)(() => {
|
|
868
|
+
if (disabled) setOpen(false);
|
|
869
|
+
}, [disabled]);
|
|
870
|
+
const change = async (endpoint, path) => {
|
|
871
|
+
const controller = lifetime.current;
|
|
872
|
+
if (disabled || pending.current || needsRefresh.current || !view || !controller || controller.signal.aborted) return;
|
|
131
873
|
pending.current = true;
|
|
132
874
|
setBusy(true);
|
|
133
|
-
|
|
875
|
+
setChanged(false);
|
|
134
876
|
try {
|
|
135
|
-
const
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
} finally {
|
|
877
|
+
const payload = endpoint === "create" ? {
|
|
878
|
+
sessionId,
|
|
879
|
+
cwd: view.cwd
|
|
880
|
+
} : {
|
|
881
|
+
sessionId,
|
|
882
|
+
cwd: view.cwd,
|
|
883
|
+
path
|
|
884
|
+
};
|
|
885
|
+
const nextView = await request(endpoint, payload, controller.signal);
|
|
886
|
+
if (controller.signal.aborted) return;
|
|
887
|
+
setView(nextView);
|
|
888
|
+
setChanged(true);
|
|
148
889
|
pending.current = false;
|
|
149
|
-
|
|
890
|
+
await load();
|
|
891
|
+
} catch (cause) {
|
|
892
|
+
if (!controller.signal.aborted) recordFailure(endpoint, cause);
|
|
893
|
+
} finally {
|
|
894
|
+
if (!controller.signal.aborted) {
|
|
895
|
+
pending.current = false;
|
|
896
|
+
setBusy(false);
|
|
897
|
+
}
|
|
150
898
|
}
|
|
151
899
|
};
|
|
900
|
+
(0, react.useEffect)(() => {
|
|
901
|
+
if (!busy && changed) trigger.current?.focus();
|
|
902
|
+
}, [busy, changed]);
|
|
903
|
+
(0, react.useEffect)(() => {
|
|
904
|
+
if (!detailError && errorDialog.current?.open) errorDialog.current.close();
|
|
905
|
+
}, [error, creation?.failed]);
|
|
906
|
+
const restoreErrorFocus = () => {
|
|
907
|
+
(errorTrigger.current ?? trigger.current)?.focus();
|
|
908
|
+
};
|
|
909
|
+
const current = currentWorktree(view);
|
|
910
|
+
(0, react.useEffect)(() => {
|
|
911
|
+
if (!current || current === view?.worktrees[0]) return;
|
|
912
|
+
return installSidebarLabel(sessionId, current.branch ?? current.path.split(/[\\/]/).filter(Boolean).at(-1) ?? current.path, current.path);
|
|
913
|
+
}, [
|
|
914
|
+
sessionId,
|
|
915
|
+
current,
|
|
916
|
+
view
|
|
917
|
+
]);
|
|
918
|
+
const branch = creation ? creation.failed ? text.mutationError : text.create : current ? current.branch ?? text.detached : text.unknown;
|
|
919
|
+
const notice = loading ? text.loading : busy ? text.busy : error ? errorLabel : unavailable ? text.wait : creation ? creation.failed ? text.creationError : text.reservationHint : changed ? text.changed : view?.worktrees.length === 0 ? text.empty : "";
|
|
152
920
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
153
921
|
className: "dsh-worktree",
|
|
154
922
|
children: [
|
|
155
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
923
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
924
|
+
className: "dsh-worktree-controls",
|
|
925
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Menu, {
|
|
926
|
+
className: "dsh-worktree-picker",
|
|
927
|
+
open,
|
|
928
|
+
side: "top",
|
|
929
|
+
portal: true,
|
|
930
|
+
selectedId: creation ? "create" : current ? `path:${current.path}` : void 0,
|
|
931
|
+
items: [{
|
|
932
|
+
id: "create",
|
|
933
|
+
label: text.create,
|
|
934
|
+
icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPlusOutlineRegular, {})
|
|
935
|
+
}, ...view?.worktrees.map((item) => ({
|
|
936
|
+
id: `path:${item.path}`,
|
|
937
|
+
label: item.branch ?? text.detached,
|
|
938
|
+
icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconBranchOutlineRegular, {})
|
|
939
|
+
})) ?? []],
|
|
940
|
+
onClose: () => setOpen(false),
|
|
941
|
+
onSelect: (id) => {
|
|
942
|
+
setOpen(false);
|
|
943
|
+
if (disabled || pending.current) return;
|
|
944
|
+
if (id === "create") {
|
|
945
|
+
if (!creation || creation.failed) change("create");
|
|
946
|
+
} else if (id.startsWith("path:") && (creation || id !== `path:${current?.path}`)) change("switch", id.slice(5));
|
|
947
|
+
},
|
|
948
|
+
anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
|
|
949
|
+
ref: trigger,
|
|
950
|
+
type: "button",
|
|
951
|
+
className: "dsh-worktree-trigger",
|
|
952
|
+
disabled,
|
|
953
|
+
"aria-label": view ? `${text.title}: ${branch}` : text.title,
|
|
954
|
+
"aria-haspopup": "menu",
|
|
955
|
+
"aria-expanded": open,
|
|
956
|
+
"aria-describedby": status,
|
|
957
|
+
"aria-busy": loading || busy,
|
|
958
|
+
title: view ? branch : text.title,
|
|
959
|
+
onClick: () => setOpen((value) => !value),
|
|
960
|
+
onKeyDown: (event) => {
|
|
961
|
+
if (!open && (event.key === "ArrowDown" || event.key === "ArrowUp")) {
|
|
962
|
+
event.preventDefault();
|
|
963
|
+
setOpen(true);
|
|
964
|
+
}
|
|
965
|
+
},
|
|
173
966
|
children: [
|
|
174
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
}),
|
|
179
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
|
|
180
|
-
cx: "12",
|
|
181
|
-
cy: "4",
|
|
182
|
-
r: "1.5"
|
|
967
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
968
|
+
className: "dsh-worktree-icon",
|
|
969
|
+
"aria-hidden": "true",
|
|
970
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconBranchOutlineRegular, { className: "dsh-worktree-branch" })
|
|
183
971
|
}),
|
|
184
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
r: "1.5"
|
|
972
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
973
|
+
className: "dsh-worktree-name",
|
|
974
|
+
children: view ? branch : loading ? text.loading : text.title
|
|
188
975
|
}),
|
|
189
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("
|
|
976
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
977
|
+
className: "dsh-worktree-chevron",
|
|
978
|
+
"aria-hidden": "true",
|
|
979
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, {})
|
|
980
|
+
})
|
|
190
981
|
]
|
|
191
|
-
}),
|
|
192
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "Worktree" }),
|
|
193
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
194
|
-
"aria-hidden": "true",
|
|
195
|
-
className: "dsh-worktree-chevron",
|
|
196
|
-
children: "⌄"
|
|
197
982
|
})
|
|
198
|
-
|
|
983
|
+
}), detailError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
|
|
984
|
+
ref: errorTrigger,
|
|
985
|
+
type: "button",
|
|
986
|
+
className: "dsh-worktree-error-trigger",
|
|
987
|
+
"aria-haspopup": "dialog",
|
|
988
|
+
"aria-label": `${errorLabel}: ${text.errorTitle}`,
|
|
989
|
+
onClick: () => errorDialog.current?.showModal(),
|
|
990
|
+
children: errorLabel
|
|
991
|
+
})]
|
|
199
992
|
}),
|
|
200
993
|
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
994
|
+
id: status,
|
|
201
995
|
className: "dsh-worktree-sr",
|
|
202
996
|
role: "status",
|
|
203
|
-
children:
|
|
997
|
+
children: notice
|
|
204
998
|
}),
|
|
205
999
|
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dialog", {
|
|
206
|
-
ref:
|
|
207
|
-
className: "dsh-worktree-dialog",
|
|
208
|
-
"aria-labelledby":
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
const box = e.currentTarget.getBoundingClientRect();
|
|
212
|
-
const outside = e.clientX < box.left || e.clientX > box.right || e.clientY < box.top || e.clientY > box.bottom;
|
|
213
|
-
if (e.target === e.currentTarget && outside && !pending.current) e.currentTarget.close();
|
|
214
|
-
},
|
|
1000
|
+
ref: errorDialog,
|
|
1001
|
+
className: "dsh-worktree-dialog dsh-worktree-error-dialog",
|
|
1002
|
+
"aria-labelledby": errorTitle,
|
|
1003
|
+
"aria-describedby": errorDescription,
|
|
1004
|
+
onClose: restoreErrorFocus,
|
|
215
1005
|
children: [
|
|
216
1006
|
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
|
|
217
|
-
id:
|
|
218
|
-
children: text.
|
|
1007
|
+
id: errorTitle,
|
|
1008
|
+
children: text.errorTitle
|
|
219
1009
|
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
|
|
220
1010
|
type: "button",
|
|
221
1011
|
"aria-label": text.close,
|
|
222
|
-
onClick: () =>
|
|
223
|
-
children: "
|
|
1012
|
+
onClick: () => errorDialog.current?.close(),
|
|
1013
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutlineRegular, { "aria-hidden": "true" })
|
|
224
1014
|
})] }),
|
|
225
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
children: [
|
|
229
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("legend", {
|
|
230
|
-
className: "dsh-worktree-sr",
|
|
231
|
-
children: text.mode
|
|
232
|
-
}),
|
|
233
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
|
|
234
|
-
type: "radio",
|
|
235
|
-
name: field,
|
|
236
|
-
checked: mode === "create",
|
|
237
|
-
onChange: () => {
|
|
238
|
-
setMode("create");
|
|
239
|
-
setValue("");
|
|
240
|
-
setError(false);
|
|
241
|
-
}
|
|
242
|
-
}), text.create] }),
|
|
243
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
|
|
244
|
-
type: "radio",
|
|
245
|
-
name: field,
|
|
246
|
-
checked: mode === "reuse",
|
|
247
|
-
onChange: () => {
|
|
248
|
-
setMode("reuse");
|
|
249
|
-
setValue("");
|
|
250
|
-
setError(false);
|
|
251
|
-
}
|
|
252
|
-
}), text.reuse] })
|
|
253
|
-
]
|
|
1015
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
|
|
1016
|
+
id: errorDescription,
|
|
1017
|
+
children: creation?.failed ? text.creationError : error?.uncertain ? text.error : text.readError
|
|
254
1018
|
}),
|
|
255
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
}
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
value,
|
|
269
|
-
disabled: busy,
|
|
270
|
-
required: mode === "reuse",
|
|
271
|
-
maxLength: mode === "create" ? 200 : 4096,
|
|
272
|
-
autoComplete: "off",
|
|
273
|
-
spellCheck: false,
|
|
274
|
-
placeholder: mode === "create" ? "fix-login" : "/path/to/worktree",
|
|
275
|
-
onChange: (e) => setValue(e.target.value),
|
|
276
|
-
onKeyDown: (e) => {
|
|
277
|
-
if (e.key === "Enter" && (e.nativeEvent.isComposing || e.keyCode === 229)) e.preventDefault();
|
|
278
|
-
}
|
|
279
|
-
}),
|
|
280
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
|
|
281
|
-
className: "dsh-worktree-hint",
|
|
282
|
-
children: mode === "create" ? text.createHint : text.reuseHint
|
|
283
|
-
}),
|
|
284
|
-
error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
|
|
285
|
-
role: "alert",
|
|
286
|
-
children: text.error
|
|
287
|
-
}),
|
|
288
|
-
unavailable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
|
|
289
|
-
role: "status",
|
|
290
|
-
children: text.wait
|
|
291
|
-
}),
|
|
292
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("footer", { children: [mode === "reuse" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
|
|
293
|
-
type: "button",
|
|
294
|
-
disabled,
|
|
295
|
-
onClick: () => void send("list"),
|
|
296
|
-
children: text.list
|
|
297
|
-
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
|
|
298
|
-
type: "submit",
|
|
299
|
-
className: "dsh-worktree-primary",
|
|
300
|
-
disabled: disabled || mode === "reuse" && !value.trim(),
|
|
301
|
-
children: busy ? text.sending : text.send
|
|
302
|
-
})] })
|
|
303
|
-
]
|
|
304
|
-
})
|
|
1019
|
+
detailError && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: text.reasons[detailError.code] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dl", { children: [
|
|
1020
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: text.errorOperation }),
|
|
1021
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: text.operations[detailError.operation] }),
|
|
1022
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: text.errorCode }),
|
|
1023
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: detailError.code }) })
|
|
1024
|
+
] })] }),
|
|
1025
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("footer", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
|
|
1026
|
+
type: "button",
|
|
1027
|
+
"data-worktree-retry": true,
|
|
1028
|
+
disabled: loading || busy,
|
|
1029
|
+
onClick: () => void load(true),
|
|
1030
|
+
children: loading ? text.loading : text.refresh
|
|
1031
|
+
}) })
|
|
305
1032
|
]
|
|
306
1033
|
})
|
|
307
1034
|
]
|
|
@@ -312,6 +1039,13 @@ function apply(ctx) {
|
|
|
312
1039
|
id: "dungsil-ui-worktree",
|
|
313
1040
|
order: -100
|
|
314
1041
|
}, (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Picker, { ...props }, props.sessionId)));
|
|
1042
|
+
ctx.slots.inject("settings.section", () => ctx.slots.register({
|
|
1043
|
+
name: "settings.section",
|
|
1044
|
+
id: name,
|
|
1045
|
+
order: 16,
|
|
1046
|
+
label: () => settingsLabel(ctx.locale.getSnapshot().active),
|
|
1047
|
+
inject: () => ({ ctx })
|
|
1048
|
+
}, WorktreeSettingsSection));
|
|
315
1049
|
ctx.effect(() => {
|
|
316
1050
|
const style = document.createElement("style");
|
|
317
1051
|
style.textContent = styles;
|