@langify-org/dsh-side-chat 0.1.0 → 0.2.0

package/README.ja.md

@@ -6,7 +6,7 @@ DeepSeek Harness の会話を止めずに、その会話について横で質問
 
 ## 必要なもの
 
-- Web UI のある DSH `>=0.2.1-rc.3 <0.3.0-0`。
+- Web UI のある DSH `>=0.2.1-rc.5 <0.3.0-0`。
 
 ## 導入
 
@@ -18,7 +18,7 @@ DSH の Web 版や Desktop 版では **Plugins** ページから追加できま
 
 ## 使い方
 
-assistant のメッセージの下にあるボタンの列で、サイドチャットのボタンを押します。会話が fork されて `サイドチャット: <会話のタイトル>` という名前が付き、右サイドバーに開くので、普通の会話と同じように話せます。セッション一覧でサイドチャットを選ぶと、元の会話が開き、その横にサイドチャットが開きます。
+assistant のメッセージの下にあるボタンの列でサイドチャットのボタンを押すか、右サイドバーのガイドで **サイドチャット** を押します。会話が fork されて `サイドチャット: <会話のタイトル>` という名前が付き、右サイドバーに開くので、普通の会話と同じように話せます。セッション一覧でサイドチャットを選ぶと、元の会話が開き、その横にサイドチャットが開きます。
 
 - サイドチャットは、どのメッセージで押しても、会話の最後に終わった turn から始まります。メインの会話のその後の turn は届かず、サイドチャットの内容もメインの会話には届きません。
 - モデルに、サイドチャットであること、メインの作業を再開せず質問に答えること、サイドチャットで頼まれない限り変更を加えないことを伝えます。この指示はチャットには表示されません。

package/README.md

@@ -6,7 +6,7 @@ Ask a side question about a DeepSeek Harness conversation without interrupting i
 
 ## Requirements
 
-- DSH `>=0.2.1-rc.3 <0.3.0-0` with the Web UI.
+- DSH `>=0.2.1-rc.5 <0.3.0-0` with the Web UI.
 
 ## Install
 
@@ -18,7 +18,7 @@ In DSH Web and Desktop you can also add it from the **Plugins** page.
 
 ## Usage
 
-Click the side-chat button in an assistant message's action row. The conversation is forked, titled `Side chat: <conversation title>`, and opens in the right sidebar, where you talk to it as in any conversation. Selecting a side chat in the session list opens its source conversation with the side chat beside it.
+Click the side-chat button in an assistant message's action row, or **Side chat** in the right sidebar's guide. The conversation is forked, titled `Side chat: <conversation title>`, and opens in the right sidebar, where you talk to it as in any conversation. Selecting a side chat in the session list opens its source conversation with the side chat beside it.
 
 - The side chat starts from the conversation's latest completed turn, whichever message you clicked. Later turns of the main conversation do not reach it, and nothing in the side chat reaches the main conversation.
 - The model is told it is in a side chat: to answer questions rather than resume the main task, and not to make changes unless you ask in the side chat. You do not see this instruction in the chat.

package/README.zh.md

@@ -6,7 +6,7 @@
 
 ## 环境要求
 
-- 带 Web UI 的 DSH `>=0.2.1-rc.3 <0.3.0-0`。
+- 带 Web UI 的 DSH `>=0.2.1-rc.5 <0.3.0-0`。
 
 ## 安装
 
@@ -18,7 +18,7 @@ dsh plugin --profile <profile> add @langify-org/dsh-side-chat
 
 ## 使用
 
-点击 assistant 消息操作栏中的旁路对话按钮。对话会被 fork，命名为 `旁路对话: <对话标题>`，并在右侧边栏中打开，可以像普通对话一样交谈。在会话列表中选择旁路对话时，会打开其来源对话，并在旁边打开该旁路对话。
+点击 assistant 消息操作栏中的旁路对话按钮，或右侧边栏引导页中的 **旁路对话**。对话会被 fork，命名为 `旁路对话: <对话标题>`，并在右侧边栏中打开，可以像普通对话一样交谈。在会话列表中选择旁路对话时，会打开其来源对话，并在旁边打开该旁路对话。
 
 - 无论点击哪条消息，旁路对话都从对话最近一个已完成的轮次开始。主对话之后的轮次不会传入，旁路对话的内容也不会传到主对话。
 - 模型会被告知它处于旁路对话中：回答问题而不是继续主任务，除非在旁路对话中被要求，否则不做任何修改。这条指示不会显示在对话中。

package/dist/client.cjs

@@ -8,7 +8,7 @@ window.__ModuleLoader__.load({
 		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 		let zod = require("zod");
 		let react_jsx_runtime = require("react/jsx-runtime");
-		// ../../node_modules/.pnpm/@deepseek-ai+dsh-brand@0.2.1-rc.3_@deepseek-ai+cordis@4.0.5/node_modules/@deepseek-ai/dsh-brand/lib/index.js
+		// ../../node_modules/.pnpm/@deepseek-ai+dsh-brand@0.2.1-rc.5_@deepseek-ai+cordis@4.0.5/node_modules/@deepseek-ai/dsh-brand/lib/index.js
 		/**
 		* Duplicate-install-safe nominal primitive helpers.
 		*
@@ -30,7 +30,7 @@ window.__ModuleLoader__.load({
 		function brandString(value) {
 			return value;
 		}
-		// ../../node_modules/.pnpm/@deepseek-ai+dsh-session@0.2.1-rc.3_@deepseek-ai+cordis@4.0.5_@deepseek-ai+dsh-scope@0._bda3f588c471e2856bac008b536eda6e/node_modules/@deepseek-ai/dsh-session/lib/types/types.js
+		// ../../node_modules/.pnpm/@deepseek-ai+dsh-session@0.2.1-rc.5_@deepseek-ai+cordis@4.0.5_@deepseek-ai+dsh-scope@0._1afa55f8edfbf99388e776171daf732a/node_modules/@deepseek-ai/dsh-session/lib/types/types.js
 		/**
 		* Brand a string as a {@link SessionId}.
 		* @param id - the raw session id string.
@@ -125,6 +125,9 @@ window.__ModuleLoader__.load({
 		const en = {
 			title: "Side chat",
 			action: "Ask in a side chat",
+			guide: "Ask about this conversation without interrupting it",
+			starting: "Starting a side chat…",
+			retry: "Retry",
 			"error.invalid_request": "The request was invalid: {message}",
 			"error.fork_failed": "The side chat could not start: {message}",
 			"error.internal_error": "Something went wrong: {message}",
@@ -133,6 +136,9 @@ window.__ModuleLoader__.load({
 		const zh = {
 			title: "旁路对话",
 			action: "在旁路对话中提问",
+			guide: "在不打断当前对话的情况下提问",
+			starting: "正在启动旁路对话…",
+			retry: "重试",
 			"error.invalid_request": "请求无效：{message}",
 			"error.fork_failed": "旁路对话启动失败：{message}",
 			"error.internal_error": "出现错误：{message}",
@@ -141,11 +147,58 @@ window.__ModuleLoader__.load({
 		const ja = {
 			title: "サイドチャット",
 			action: "サイドチャットで質問する",
+			guide: "今の会話を止めずに質問する",
+			starting: "サイドチャットを始めています…",
+			retry: "もう一度",
 			"error.invalid_request": "リクエストが正しくありません：{message}",
 			"error.fork_failed": "サイドチャットを始められませんでした：{message}",
 			"error.internal_error": "エラーが起きました：{message}",
 			"error.unexpected": "エラーが起きました：{message}"
 		};
+		// src/client/start-page.tsx
+		/** The guide card's page: starts a side chat at once and is replaced by it. */
+		function StartPage({ start, describe, t, useTabInfo }) {
+			const { tab } = useTabInfo();
+			const [attempt, setAttempt] = (0, react.useState)(0);
+			const [error, setError] = (0, react.useState)();
+			const started = (0, react.useRef)(-1);
+			(0, react.useEffect)(() => {
+				if (started.current === attempt) return;
+				started.current = attempt;
+				setError(void 0);
+				start(tab.id).catch((failure) => {
+					if (!tab.signal.aborted) setError(describe(failure));
+				});
+			}, [
+				attempt,
+				start,
+				describe,
+				tab.id,
+				tab.signal
+			]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				role: error === void 0 ? "status" : "alert",
+				style: styles.page,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: error ?? t("starting") }), error !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+					variant: "outline",
+					size: "sm",
+					onClick: () => setAttempt((n) => n + 1),
+					children: t("retry")
+				})]
+			});
+		}
+		const styles = { page: {
+			height: "100%",
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "center",
+			justifyContent: "center",
+			gap: 12,
+			padding: 16,
+			textAlign: "center",
+			overflowWrap: "anywhere",
+			color: "var(--dsw-alias-label-secondary)"
+		} };
 		// src/client/index.tsx
 		const inject = [
 			"connection",
@@ -158,6 +211,8 @@ window.__ModuleLoader__.load({
 		];
 		const KIND = "langify-side-chat";
 		const TAB_ID = "langify-side-chat/chat";
+		const START_KIND = "langify-side-chat-new";
+		const START_ID = "langify-side-chat/new";
 		const RPC_TIMEOUT_MS = 6e4;
 		const ACTION_CLASS = "langify-side-chat-action";
 		const ACTION_CSS = `.${ACTION_CLASS}{width:calc(28px + var(--dsh-content-font-delta,0px));height:calc(28px + var(--dsh-content-font-delta,0px));border-radius:var(--dsw-radius-sm);color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:inline-flex}.${ACTION_CLASS} svg{width:calc(15px + var(--dsh-content-font-delta,0px));height:calc(15px + var(--dsh-content-font-delta,0px))}.${ACTION_CLASS}:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}.${ACTION_CLASS}:disabled{cursor:default;opacity:.4}`;
@@ -196,8 +251,12 @@ window.__ModuleLoader__.load({
 				} }
 			}, ChatTab)), "side-chat: chat tab");
 			ctx.effect(() => ctx.slots.inject(CONVERSATION_SLOT, () => ctx.slots.register({ name: CONVERSATION_SLOT }, ConversationPanel)), "side-chat: conversation");
-			const showChat = (fork) => ctx.sidebarRight.openResource(chatAddress(fork), { kind: KIND });
-			const open = async (sessionId) => {
+			const showChat = (fork, replaceTab) => ctx.sidebarRight.openResource(chatAddress(fork), {
+				kind: KIND,
+				...replaceTab === void 0 ? {} : { replaceTab }
+			});
+			/** Fork `sessionId` into a side chat and show it, in place of `replaceTab` when given. */
+			const open = async (sessionId, replaceTab) => {
 				const source = ctx.sessions.list.getSnapshot().byId[SessionId(sessionId)];
 				const title = `${t("title")}: ${source?.title ?? source?.displayTitle ?? sessionId}`;
 				const result = await ctx.connection.rpc.call(RPC_CHANNEL, RPC_METHOD, {
@@ -206,8 +265,28 @@ window.__ModuleLoader__.load({
 				}, AbortSignal.timeout(RPC_TIMEOUT_MS));
 				if (!result.ok) throw new RpcFailure(result.error.code, result.error.message);
 				const fork = createResponseSchema.parse(result.value).sessionId;
-				showChat(fork);
+				showChat(fork, replaceTab);
 			};
+			ctx.effect(() => ctx.sidebarRightTabs.register({
+				id: START_ID,
+				kind: START_KIND,
+				title: () => t("title"),
+				guide: [{
+					id: "new-side-chat",
+					order: 30,
+					title: () => t("title"),
+					description: () => t("guide")
+				}]
+			}), "side-chat: start page type");
+			ctx.effect(() => ctx.slots.inject("sidebar.right.pane.tab", () => ctx.slots.register({
+				name: "sidebar.right.pane.tab",
+				key: START_ID,
+				locale: NAMESPACE,
+				inject: (sessionId) => ({
+					start: (tab) => open(sessionId, tab),
+					describe: (error) => errorText(error, t)
+				})
+			}, StartPage)), "side-chat: start page");
 			let reopen;
 			ctx.effect(() => ctx.sidebarRight.mounted.subscribe(() => {
 				const shown = ctx.sidebarRight.mounted.getSnapshot();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@langify-org/dsh-side-chat",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Ask a side question beside a DeepSeek Harness conversation, in a fork shown in the right sidebar",
   "keywords": [
     "deepseek-harness",
@@ -35,28 +35,28 @@
   },
   "devDependencies": {
     "@deepseek-ai/cordis": "4.0.5",
-    "@deepseek-ai/dsh-api-session-controller": "0.2.1-rc.3",
-    "@deepseek-ai/dsh-client-connection": "0.2.1-rc.3",
-    "@deepseek-ai/dsh-client-locale": "0.2.1-rc.3",
-    "@deepseek-ai/dsh-client-ui-chat": "0.2.1-rc.3",
-    "@deepseek-ai/dsh-client-ui-conversation": "0.2.1-rc.3",
-    "@deepseek-ai/dsh-client-ui-primitives": "0.2.1-rc.3",
-    "@deepseek-ai/dsh-client-ui-renderer": "0.2.1-rc.3",
-    "@deepseek-ai/dsh-client-ui-sidebar-right": "0.2.1-rc.3",
-    "@deepseek-ai/dsh-client-ui-slots": "0.2.1-rc.3",
-    "@deepseek-ai/dsh-llm": "0.2.1-rc.3",
-    "@deepseek-ai/dsh-session": "0.2.1-rc.3",
-    "@deepseek-ai/dsh-session-projection": "0.2.1-rc.3",
+    "@deepseek-ai/dsh-api-session-controller": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-client-connection": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-client-locale": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-client-ui-chat": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-client-ui-conversation": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-client-ui-primitives": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-client-ui-renderer": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-client-ui-sidebar-right": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-client-ui-slots": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-llm": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-session": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-session-projection": "0.2.1-rc.5",
     "@types/react": "18.3.31"
   },
   "peerDependencies": {
     "@deepseek-ai/cordis": "^4.0.5",
-    "@deepseek-ai/dsh-client-connection": ">=0.2.1-rc.3 <0.3.0-0",
-    "@deepseek-ai/dsh-llm": ">=0.2.1-rc.3 <0.3.0-0",
-    "@deepseek-ai/dsh-session": ">=0.2.1-rc.3 <0.3.0-0"
+    "@deepseek-ai/dsh-client-connection": ">=0.2.1-rc.5 <0.3.0-0",
+    "@deepseek-ai/dsh-llm": ">=0.2.1-rc.5 <0.3.0-0",
+    "@deepseek-ai/dsh-session": ">=0.2.1-rc.5 <0.3.0-0"
   },
   "engines": {
-    "dsh": ">=0.2.1-rc.3 <0.3.0-0"
+    "dsh": ">=0.2.1-rc.5 <0.3.0-0"
   },
   "dsh": {
     "bundle": {