From e886c4f00b7dc33c3dc6dc8cac8dbccd86ccc399 Mon Sep 17 00:00:00 2001
From: GCWing <gcwing@foxmail.com>
Date: Sun, 15 Mar 2026 17:04:14 +0800
Subject: [PATCH] feat: add Code/Cowork session options and fix copy button
 position

- Add newCodeSession and newCoworkSession menu items in WorkspaceItem
- Support mode param in handleCreateSession for agentic/Cowork/Claw
- Remove forced color on split-right button in NavPanel
- Fix copy button position for multi-line code blocks (top: 0.35rem)
- Keep centered copy button for single-line code blocks via new CSS class
- Add i18n keys for newCodeSession and newCoworkSession (en-US, zh-CN)

Generated with BitFun

Co-Authored-By: BitFun
---
 .../src/app/components/NavPanel/NavPanel.scss |  1 -
 .../sections/workspaces/WorkspaceItem.tsx     | 33 +++++++++++++++----
 .../components/Markdown/Markdown.scss         | 21 +++++++++---
 .../components/Markdown/Markdown.tsx          |  2 +-
 src/web-ui/src/locales/en-US/common.json      |  2 ++
 src/web-ui/src/locales/zh-CN/common.json      |  2 ++
 6 files changed, 49 insertions(+), 12 deletions(-)

diff --git a/src/web-ui/src/app/components/NavPanel/NavPanel.scss b/src/web-ui/src/app/components/NavPanel/NavPanel.scss
index 706e876b..cdfcd8c5 100644
--- a/src/web-ui/src/app/components/NavPanel/NavPanel.scss
+++ b/src/web-ui/src/app/components/NavPanel/NavPanel.scss
@@ -345,7 +345,6 @@ $_section-header-height: 24px;
     &--split-right {
       border-top-right-radius: $size-radius-base;
       border-bottom-right-radius: $size-radius-base;
-      color: color-mix(in srgb, var(--color-accent-500) 84%, var(--color-text-secondary));
 
       &:hover {
         color: var(--color-text-primary);
diff --git a/src/web-ui/src/app/components/NavPanel/sections/workspaces/WorkspaceItem.tsx b/src/web-ui/src/app/components/NavPanel/sections/workspaces/WorkspaceItem.tsx
index 948acce1..a566f536 100644
--- a/src/web-ui/src/app/components/NavPanel/sections/workspaces/WorkspaceItem.tsx
+++ b/src/web-ui/src/app/components/NavPanel/sections/workspaces/WorkspaceItem.tsx
@@ -198,14 +198,14 @@ const WorkspaceItem: React.FC<WorkspaceItemProps> = ({
     }
   }, [t, workspace.rootPath]);
 
-  const handleCreateSession = useCallback(async () => {
+  const handleCreateSession = useCallback(async (mode?: 'agentic' | 'Cowork' | 'Claw') => {
     setMenuOpen(false);
     try {
       await flowChatManager.createChatSession(
         {
           workspacePath: workspace.rootPath,
         },
-        workspace.workspaceKind === WorkspaceKind.Assistant ? 'Claw' : undefined
+        mode ?? (workspace.workspaceKind === WorkspaceKind.Assistant ? 'Claw' : undefined)
       );
       await setActiveWorkspace(workspace.id);
     } catch (error) {
@@ -216,6 +216,14 @@ const WorkspaceItem: React.FC<WorkspaceItemProps> = ({
     }
   }, [setActiveWorkspace, t, workspace.id, workspace.rootPath, workspace.workspaceKind]);
 
+  const handleCreateCodeSession = useCallback(() => {
+    void handleCreateSession('agentic');
+  }, [handleCreateSession]);
+
+  const handleCreateCoworkSession = useCallback(() => {
+    void handleCreateSession('Cowork');
+  }, [handleCreateSession]);
+
   const handleCreateWorktree = useCallback(async (result: BranchSelectResult) => {
     try {
       await gitAPI.addWorktree(workspace.rootPath, result.branch, result.isNew);
@@ -327,10 +335,23 @@ const WorkspaceItem: React.FC<WorkspaceItemProps> = ({
             role="menu"
             style={{ top: `${menuPosition.top}px`, left: `${menuPosition.left}px` }}
           >
-            <button type="button" className="bitfun-nav-panel__workspace-item-menu-item" onClick={() => { void handleCreateSession(); }}>
-              <Plus size={13} />
-              <span className="bitfun-nav-panel__workspace-item-menu-label">{t('nav.workspaces.actions.newSession')}</span>
-            </button>
+            {workspace.workspaceKind === WorkspaceKind.Assistant ? (
+              <button type="button" className="bitfun-nav-panel__workspace-item-menu-item" onClick={() => { void handleCreateSession(); }}>
+                <Plus size={13} />
+                <span className="bitfun-nav-panel__workspace-item-menu-label">{t('nav.workspaces.actions.newSession')}</span>
+              </button>
+            ) : (
+              <>
+                <button type="button" className="bitfun-nav-panel__workspace-item-menu-item" onClick={handleCreateCodeSession}>
+                  <Plus size={13} />
+                  <span className="bitfun-nav-panel__workspace-item-menu-label">{t('nav.workspaces.actions.newCodeSession')}</span>
+                </button>
+                <button type="button" className="bitfun-nav-panel__workspace-item-menu-item" onClick={handleCreateCoworkSession}>
+                  <Plus size={13} />
+                  <span className="bitfun-nav-panel__workspace-item-menu-label">{t('nav.workspaces.actions.newCoworkSession')}</span>
+                </button>
+              </>
+            )}
             {workspace.workspaceKind !== WorkspaceKind.Assistant && (
               <button
                 type="button"
diff --git a/src/web-ui/src/component-library/components/Markdown/Markdown.scss b/src/web-ui/src/component-library/components/Markdown/Markdown.scss
index a72c9032..340e0471 100644
--- a/src/web-ui/src/component-library/components/Markdown/Markdown.scss
+++ b/src/web-ui/src/component-library/components/Markdown/Markdown.scss
@@ -259,8 +259,8 @@
 
 .markdown-renderer .copy-button {
   position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
+  top: 0.35rem;
+  transform: none;
   right: 0.75rem;
   padding: 0.5rem;
   background: transparent;
@@ -290,14 +290,27 @@
 .markdown-renderer .copy-button:hover {
   background: transparent;
   color: #3b82f6;
-  transform: translateY(-50%) scale(1.1);
+  transform: scale(1.1);
 }
 
 .markdown-renderer .copy-button:active {
-  transform: translateY(-50%) scale(1);
+  transform: scale(1);
   color: #2563eb;
 }
 
+.markdown-renderer .code-block-wrapper--single-line .copy-button {
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.markdown-renderer .code-block-wrapper--single-line .copy-button:hover {
+  transform: translateY(-50%) scale(1.1);
+}
+
+.markdown-renderer .code-block-wrapper--single-line .copy-button:active {
+  transform: translateY(-50%) scale(1);
+}
+
 
 .markdown-renderer .code-block-wrapper pre[class*="language-"] {
   margin: 0 !important;
diff --git a/src/web-ui/src/component-library/components/Markdown/Markdown.tsx b/src/web-ui/src/component-library/components/Markdown/Markdown.tsx
index 954775e4..2947872c 100644
--- a/src/web-ui/src/component-library/components/Markdown/Markdown.tsx
+++ b/src/web-ui/src/component-library/components/Markdown/Markdown.tsx
@@ -387,7 +387,7 @@ export const Markdown = React.memo<MarkdownProps>(({
       const normalizedLang = getPrismLanguageFromAlias(language);
       
       return (
-        <div className="code-block-wrapper">
+        <div className={`code-block-wrapper${hasMultipleLines ? '' : ' code-block-wrapper--single-line'}`}>
           <CopyButton code={code} />
           <SyntaxHighlighter
             language={normalizedLang}
diff --git a/src/web-ui/src/locales/en-US/common.json b/src/web-ui/src/locales/en-US/common.json
index e3e27ae0..e7468604 100644
--- a/src/web-ui/src/locales/en-US/common.json
+++ b/src/web-ui/src/locales/en-US/common.json
@@ -190,6 +190,8 @@
       "actions": {
         "more": "More actions",
         "newSession": "New session",
+        "newCodeSession": "New Code session",
+        "newCoworkSession": "New Cowork session",
         "newAssistant": "New personal assistant",
         "deleteAssistant": "Delete personal assistant",
         "resetWorkspace": "Reset workspace",
diff --git a/src/web-ui/src/locales/zh-CN/common.json b/src/web-ui/src/locales/zh-CN/common.json
index d3a82185..b9e86f4d 100644
--- a/src/web-ui/src/locales/zh-CN/common.json
+++ b/src/web-ui/src/locales/zh-CN/common.json
@@ -190,6 +190,8 @@
       "actions": {
         "more": "更多操作",
         "newSession": "新建会话",
+        "newCodeSession": "新建 Code 会话",
+        "newCoworkSession": "新建 Cowork 会话",
         "newAssistant": "新建个人助理",
         "deleteAssistant": "删除个人助理",
         "resetWorkspace": "重置工作区",