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 8af5e04dee..1c30defe62 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
@@ -62,6 +62,7 @@ interface WorkspaceItemProps {
   draggable?: boolean;
   isDragging?: boolean;
   onDragStart?: React.DragEventHandler<HTMLDivElement>;
+  onDrag?: React.DragEventHandler<HTMLDivElement>;
   onDragEnd?: React.DragEventHandler<HTMLDivElement>;
 }
 
@@ -79,6 +80,7 @@ const WorkspaceItem: React.FC<WorkspaceItemProps> = ({
   draggable = false,
   isDragging = false,
   onDragStart,
+  onDrag,
   onDragEnd,
 }) => {
   const { t } = useI18n('common');
@@ -122,7 +124,8 @@ const WorkspaceItem: React.FC<WorkspaceItemProps> = ({
   const [acpClientsLoading, setAcpClientsLoading] = useState(false);
   const menuRef = useRef<HTMLDivElement>(null);
   const menuAnchorRef = useRef<HTMLDivElement>(null);
-  const menuPopoverRef = useRef<HTMLDivElement>(null);
+  const menuPopoverRef = useRef<HTMLDivElement | null>(null);
+  const popoverResizeObserverRef = useRef<ResizeObserver | null>(null);
   const cardRef = useRef<HTMLDivElement>(null);
   const [menuPosition, setMenuPosition] = useState<{ top: number; left: number } | null>(null);
   const isDefaultAssistantWorkspace =
@@ -387,6 +390,26 @@ const WorkspaceItem: React.FC<WorkspaceItemProps> = ({
     requestAnimationFrame(apply);
   }, []);
 
+  // Callback ref for the menu popover. The popover only mounts once menuPosition
+  // is set (chicken-and-egg: menuPosition needs the popover's size), so a
+  // ResizeObserver created in the menuOpen effect would attach to a null ref.
+  // Attaching here ties the observer to the element's actual mount/unmount:
+  // on mount it fires once with the real size (fixing the stale initial height)
+  // and again whenever async content (ACP client rows, loading toggle, remote
+  // /git conditional rows, locale label width) changes the popover height.
+  const setMenuPopoverRef = useCallback((node: HTMLDivElement | null) => {
+    if (popoverResizeObserverRef.current) {
+      popoverResizeObserverRef.current.disconnect();
+      popoverResizeObserverRef.current = null;
+    }
+    menuPopoverRef.current = node;
+    if (node && typeof ResizeObserver !== 'undefined') {
+      const ro = new ResizeObserver(() => updateMenuPosition());
+      ro.observe(node);
+      popoverResizeObserverRef.current = ro;
+    }
+  }, [updateMenuPosition]);
+
   const handleMenuTriggerClick = useCallback(() => {
     setMenuOpen(open => !open);
   }, []);
@@ -784,6 +807,7 @@ const WorkspaceItem: React.FC<WorkspaceItemProps> = ({
           className="bitfun-nav-panel__assistant-item-card"
           draggable={draggable}
           onDragStart={onDragStart}
+          onDrag={onDrag}
           onDragEnd={onDragEnd}
           onClick={() => { void handleCardNameClick(); }}
           style={{ cursor: 'pointer' }}
@@ -816,7 +840,7 @@ const WorkspaceItem: React.FC<WorkspaceItemProps> = ({
               </span>
             </span>
           </button>
-          <Tooltip content={workspace.rootPath} placement="right" followCursor>
+          <Tooltip content={workspace.rootPath} placement="right" followCursor disabled={isDragging}>
             <button
               data-bf-component="workspace-item"
               data-bf-part="name"
@@ -873,7 +897,7 @@ const WorkspaceItem: React.FC<WorkspaceItemProps> = ({
                 data-bf-component="workspace-item"
                 data-bf-part="menuPopover"
                 data-bf-state="open"
-                ref={menuPopoverRef}
+                ref={setMenuPopoverRef}
                 className="bitfun-nav-panel__workspace-item-menu-popover"
                 role="menu"
                 style={{ top: `${menuPosition.top}px`, left: `${menuPosition.left}px` }}
@@ -1078,6 +1102,7 @@ const WorkspaceItem: React.FC<WorkspaceItemProps> = ({
         className="bitfun-nav-panel__workspace-item-card"
         draggable={draggable}
         onDragStart={onDragStart}
+        onDrag={onDrag}
         onDragEnd={onDragEnd}
         onClick={() => { void handleCardNameClick(); }}
         style={{ cursor: 'pointer' }}
@@ -1115,7 +1140,7 @@ const WorkspaceItem: React.FC<WorkspaceItemProps> = ({
         <div className="bitfun-nav-panel__workspace-item-name-cluster">
           <div className={`bitfun-nav-panel__workspace-item-name-stack${remoteMeta ? ' is-remote' : ''}`}>
             <div className="bitfun-nav-panel__workspace-item-name-row">
-              <Tooltip content={workspace.rootPath} placement="right" followCursor>
+              <Tooltip content={workspace.rootPath} placement="right" followCursor disabled={isDragging}>
                 <button
                   data-bf-component="workspace-item"
                   data-bf-part="name"
@@ -1319,7 +1344,7 @@ const WorkspaceItem: React.FC<WorkspaceItemProps> = ({
                 data-bf-component="workspace-item"
                 data-bf-part="menuPopover"
                 data-bf-state="open"
-                ref={menuPopoverRef}
+                ref={setMenuPopoverRef}
                 className="bitfun-nav-panel__workspace-item-menu-popover"
                 role="menu"
                 style={{ top: `${menuPosition.top}px`, left: `${menuPosition.left}px` }}
diff --git a/src/web-ui/src/app/components/NavPanel/sections/workspaces/WorkspaceListSection.scss b/src/web-ui/src/app/components/NavPanel/sections/workspaces/WorkspaceListSection.scss
index c48e519255..7e4760cdbc 100644
--- a/src/web-ui/src/app/components/NavPanel/sections/workspaces/WorkspaceListSection.scss
+++ b/src/web-ui/src/app/components/NavPanel/sections/workspaces/WorkspaceListSection.scss
@@ -17,6 +17,29 @@
       .bitfun-nav-panel__workspace-item {
         cursor: default;
       }
+
+      .bitfun-nav-panel__inline-item-actions {
+        visibility: hidden !important;
+        opacity: 0 !important;
+        pointer-events: none !important;
+      }
+
+      .bitfun-nav-panel__workspace-item-branch {
+        max-width: 0 !important;
+        margin-left: 0 !important;
+        padding-left: 0 !important;
+        padding-right: 0 !important;
+        opacity: 0 !important;
+        overflow: hidden !important;
+        pointer-events: none !important;
+      }
+
+      .bitfun-nav-panel__workspace-item-menu,
+      .bitfun-nav-panel__assistant-item-menu {
+        opacity: 0 !important;
+        visibility: hidden !important;
+        pointer-events: none !important;
+      }
     }
   }
 
@@ -105,6 +128,15 @@
       .bitfun-nav-panel__workspace-item-card {
         cursor: default;
       }
+
+      // Suppress focus outlines on children (icon/name/menu buttons) while
+      // dragging. The global :focus-visible ring around the icon, dimmed by the
+      // 0.42 opacity and baked into the native drag snapshot, reads as a thick
+      // whitish border around the icon. More specific than the global rule.
+      :focus,
+      :focus-visible {
+        outline: none;
+      }
     }
 
     &.is-active {
@@ -1108,6 +1140,14 @@
       .bitfun-nav-panel__assistant-item-card {
         cursor: default;
       }
+
+      // See the pro-mode &.is-dragging rule: suppress the focus-visible ring
+      // around the icon that, dimmed and snapshotted into the drag image, looks
+      // like a thick whitish border.
+      :focus,
+      :focus-visible {
+        outline: none;
+      }
     }
 
     &.is-active {
diff --git a/src/web-ui/src/app/components/NavPanel/sections/workspaces/WorkspaceListSection.tsx b/src/web-ui/src/app/components/NavPanel/sections/workspaces/WorkspaceListSection.tsx
index 4d32193e0e..54f657f1b9 100644
--- a/src/web-ui/src/app/components/NavPanel/sections/workspaces/WorkspaceListSection.tsx
+++ b/src/web-ui/src/app/components/NavPanel/sections/workspaces/WorkspaceListSection.tsx
@@ -1,4 +1,4 @@
-import React, { useCallback, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { useI18n } from '@/infrastructure/i18n';
 import { useWorkspaceContext } from '@/infrastructure/contexts/WorkspaceContext';
 import { notificationService } from '@/shared/notification-system';
@@ -39,6 +39,12 @@ const WorkspaceListSection: React.FC<WorkspaceListSectionProps> = ({ variant })
   // Refs for values that must be read inside event handlers without stale closures
   const draggedWorkspaceIdRef = useRef<string | null>(null);
   const dropTargetRef = useRef<{ workspaceId: string; position: WorkspaceDragPosition } | null>(null);
+  // Drag-state safety nets (window dragend/mousedown + reset timeout) to clear
+  // stuck is-drag-active state when dragend doesn't fire normally.
+  const dragSafetyTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+  const windowDragEndHandlerRef = useRef<(() => void) | null>(null);
+  const windowMouseDownHandlerRef = useRef<(() => void) | null>(null);
+  const documentMouseMoveHandlerRef = useRef<(() => void) | null>(null);
 
   const sectionWorkspaces = variant === 'assistants'
     ? assistantWorkspacesList
@@ -64,6 +70,54 @@ const WorkspaceListSection: React.FC<WorkspaceListSectionProps> = ({ variant })
     ? t('nav.workspaces.emptyAssistants')
     : t('nav.workspaces.emptyProjects');
 
+  const removeDragArtifacts = useCallback(() => {
+    if (dragSafetyTimeoutRef.current !== null) {
+      clearTimeout(dragSafetyTimeoutRef.current);
+      dragSafetyTimeoutRef.current = null;
+    }
+    if (windowDragEndHandlerRef.current !== null) {
+      window.removeEventListener('dragend', windowDragEndHandlerRef.current);
+      windowDragEndHandlerRef.current = null;
+    }
+    if (windowMouseDownHandlerRef.current !== null) {
+      window.removeEventListener('mousedown', windowMouseDownHandlerRef.current);
+      windowMouseDownHandlerRef.current = null;
+    }
+    if (documentMouseMoveHandlerRef.current !== null) {
+      document.removeEventListener('mousemove', documentMouseMoveHandlerRef.current);
+      documentMouseMoveHandlerRef.current = null;
+    }
+  }, []);
+
+  const clearDragState = useCallback(() => {
+    draggedWorkspaceIdRef.current = null;
+    dropTargetRef.current = null;
+    setDraggedWorkspaceId(null);
+    setDropTarget(null);
+  }, []);
+
+  const cleanupDrag = useCallback(() => {
+    removeDragArtifacts();
+    clearDragState();
+  }, [removeDragArtifacts, clearDragState]);
+
+  useEffect(() => {
+    return () => {
+      if (dragSafetyTimeoutRef.current !== null) {
+        clearTimeout(dragSafetyTimeoutRef.current);
+      }
+      if (windowDragEndHandlerRef.current !== null) {
+        window.removeEventListener('dragend', windowDragEndHandlerRef.current);
+      }
+      if (windowMouseDownHandlerRef.current !== null) {
+        window.removeEventListener('mousedown', windowMouseDownHandlerRef.current);
+      }
+      if (documentMouseMoveHandlerRef.current !== null) {
+        document.removeEventListener('mousemove', documentMouseMoveHandlerRef.current);
+      }
+    };
+  }, []);
+
   const handleDragStart = useCallback((workspaceId: string) => (event: React.DragEvent<HTMLDivElement>) => {
     const payload: WorkspaceDragPayload = { workspaceId, variant };
     const serializedPayload = JSON.stringify(payload);
@@ -72,14 +126,44 @@ const WorkspaceListSection: React.FC<WorkspaceListSectionProps> = ({ variant })
     event.dataTransfer.setData('text/plain', serializedPayload);
     draggedWorkspaceIdRef.current = workspaceId;
     setDraggedWorkspaceId(workspaceId);
-  }, [variant]);
+
+    // Native drag ghost is used (no setDragImage / no custom preview). The
+    // drag-state safety nets below clear stuck is-drag-active state if dragend
+    // doesn't fire normally.
+    const windowDragEndHandler = () => { cleanupDrag(); };
+    windowDragEndHandlerRef.current = windowDragEndHandler;
+    window.addEventListener('dragend', windowDragEndHandler, { once: true });
+
+    const windowMouseDownHandler = () => { cleanupDrag(); };
+    windowMouseDownHandlerRef.current = windowMouseDownHandler;
+    window.addEventListener('mousedown', windowMouseDownHandler, { once: true });
+
+    // mousemove is suppressed during an active HTML5 drag (per spec) and resumes
+    // when the drag ends — even if dragend is swallowed. So it's a safe instant
+    // cleanup signal that never interrupts a normal drag.
+    const documentMouseMoveHandler = () => { cleanupDrag(); };
+    documentMouseMoveHandlerRef.current = documentMouseMoveHandler;
+    document.addEventListener('mousemove', documentMouseMoveHandler, { once: true });
+
+    dragSafetyTimeoutRef.current = setTimeout(() => {
+      cleanupDrag();
+    }, 1500);
+  }, [variant, cleanupDrag]);
+
+  const handleDrag = useCallback(() => {
+    // Refresh the stuck-state safety timeout on each drag event so a long drag
+    // doesn't trip the fallback. (Native ghost is used; no custom preview.)
+    if (dragSafetyTimeoutRef.current !== null) {
+      clearTimeout(dragSafetyTimeoutRef.current);
+      dragSafetyTimeoutRef.current = setTimeout(() => {
+        cleanupDrag();
+      }, 1500);
+    }
+  }, [cleanupDrag]);
 
   const handleDragEnd = useCallback(() => {
-    draggedWorkspaceIdRef.current = null;
-    dropTargetRef.current = null;
-    setDraggedWorkspaceId(null);
-    setDropTarget(null);
-  }, []);
+    cleanupDrag();
+  }, [cleanupDrag]);
 
   const handleDragOver = useCallback((workspaceId: string) => (event: React.DragEvent<HTMLDivElement>) => {
     // Browsers block reading dataTransfer data during dragover for security.
@@ -95,6 +179,13 @@ const WorkspaceListSection: React.FC<WorkspaceListSectionProps> = ({ variant })
     event.stopPropagation();
     event.dataTransfer.dropEffect = 'move';
 
+    if (dragSafetyTimeoutRef.current !== null) {
+      clearTimeout(dragSafetyTimeoutRef.current);
+      dragSafetyTimeoutRef.current = setTimeout(() => {
+        cleanupDrag();
+      }, 1500);
+    }
+
     // Measure only the workspace card, not the wrapper that includes the drop-line.
     const itemEl = event.currentTarget.querySelector<HTMLElement>(
       '.bitfun-nav-panel__workspace-item'
@@ -115,7 +206,7 @@ const WorkspaceListSection: React.FC<WorkspaceListSectionProps> = ({ variant })
       dropTargetRef.current = next;
       return next;
     });
-  }, []); // Intentionally empty: reads from refs, not closed-over state
+  }, [cleanupDrag]); // cleanupDrag is stable; reads refs for the rest
 
   const handleDragLeave = useCallback((workspaceId: string) => (event: React.DragEvent<HTMLDivElement>) => {
     if (!event.currentTarget.contains(event.relatedTarget as Node | null)) {
@@ -133,16 +224,23 @@ const WorkspaceListSection: React.FC<WorkspaceListSectionProps> = ({ variant })
       event.dataTransfer.getData(WORKSPACE_DRAG_MIME_TYPE) ||
       event.dataTransfer.getData('text/plain');
 
-    if (!payloadText) return;
+    if (!payloadText) {
+      cleanupDrag();
+      return;
+    }
 
     let payload: WorkspaceDragPayload;
     try {
       payload = JSON.parse(payloadText) as WorkspaceDragPayload;
     } catch {
+      cleanupDrag();
       return;
     }
 
-    if (!payload.workspaceId || payload.variant !== variant) return;
+    if (!payload.workspaceId || payload.variant !== variant) {
+      cleanupDrag();
+      return;
+    }
 
     event.preventDefault();
     event.stopPropagation();
@@ -154,6 +252,7 @@ const WorkspaceListSection: React.FC<WorkspaceListSectionProps> = ({ variant })
         ? dropTargetRef.current.position
         : 'after';
 
+    removeDragArtifacts();
     draggedWorkspaceIdRef.current = null;
     dropTargetRef.current = null;
     setDropTarget(null);
@@ -168,7 +267,7 @@ const WorkspaceListSection: React.FC<WorkspaceListSectionProps> = ({ variant })
     } finally {
       setDraggedWorkspaceId(null);
     }
-  }, [reorderOpenedWorkspacesInSection, t, variant]);
+  }, [reorderOpenedWorkspacesInSection, t, variant, cleanupDrag, removeDragArtifacts]);
 
   return (
     <div data-bf-component="workspace-list-section" data-bf-part="root" data-bf-state={draggedWorkspaceId ? 'dragging' : undefined}
@@ -220,6 +319,7 @@ const WorkspaceListSection: React.FC<WorkspaceListSectionProps> = ({ variant })
               draggable={workspaces.length > 1}
               isDragging={draggedWorkspaceId === workspace.id}
               onDragStart={handleDragStart(workspace.id)}
+              onDrag={handleDrag}
               onDragEnd={handleDragEnd}
             />
             {dropTarget?.workspaceId === workspace.id && dropTarget.position === 'after' ? (
diff --git a/src/web-ui/src/app/components/NewProjectDialog/NewProjectDialog.scss b/src/web-ui/src/app/components/NewProjectDialog/NewProjectDialog.scss
index fd64ec40f2..83f6881c4f 100644
--- a/src/web-ui/src/app/components/NewProjectDialog/NewProjectDialog.scss
+++ b/src/web-ui/src/app/components/NewProjectDialog/NewProjectDialog.scss
@@ -126,27 +126,38 @@
     flex: 1;
     min-width: 0;
     
-    input {
+    // Style the container (not the <input>) so the overlay background and dashed
+    // border fill the full width including the container's padding area. The
+    // base Input.scss sets `border: none !important` on the <input>, so a border
+    // on the <input> never applied; putting it on the container restores the
+    // dashed look the design intended. Fills in all themes; only the dark theme
+    // made the unfilled ends visible because the white-04 overlay is invisible
+    // on light backgrounds.
+    .bitfun-input-container {
       width: 100%;
-      cursor: default;
-      user-select: none;
-      font-size: 12px;
-      padding: 10px 12px;
       background: var(--bf-appearance-token-color-overlay-white-04);
       border: 1px dashed var(--bf-appearance-token-border-subtle);
       border-radius: 8px;
+      padding: 10px 12px;
+      transition: border-color 0.2s ease;
+
+      &:focus-within {
+        border-style: solid;
+        border-color: var(--bf-appearance-token-border-base);
+        background: var(--bf-appearance-token-color-overlay-white-04);
+      }
+    }
+
+    input {
+      cursor: default;
+      user-select: none;
+      font-size: 12px;
       color: var(--bf-appearance-token-color-text-primary);
-      
+
       &::placeholder {
         color: var(--bf-appearance-token-color-text-muted);
         font-size: 12px;
       }
-      
-      &:focus {
-        border-style: solid;
-        border-color: var(--bf-appearance-token-border-base);
-        outline: none;
-      }
     }
   }
 
@@ -199,27 +210,32 @@
   // ==================== Project Name Input ====================
 
   &__name-input {
-    input {
+    // See &__path-input: style the container so the overlay background fills the
+    // full width and the border (here solid) renders as intended.
+    .bitfun-input-container {
       width: 100%;
-      font-size: 12px;
-      padding: 10px 12px;
       background: var(--bf-appearance-token-color-overlay-white-04);
       border: 1px solid var(--bf-appearance-token-border-subtle);
       border-radius: 8px;
+      padding: 10px 12px;
+      transition: border-color 0.2s ease, box-shadow 0.2s ease;
+
+      &:focus-within {
+        border-color: color-mix(in srgb, var(--bf-appearance-token-color-accent-500) 45%, transparent);
+        box-shadow: 0 0 0 3px color-mix(in srgb, var(--bf-appearance-token-color-accent-500) 10%, transparent);
+        background: var(--bf-appearance-token-color-overlay-white-04);
+      }
+    }
+
+    input {
+      font-size: 12px;
       color: var(--bf-appearance-token-color-text-primary);
-      transition: all 0.2s ease;
-      
+
       &::placeholder {
         color: var(--bf-appearance-token-color-text-muted);
         font-size: 12px;
       }
-      
-      &:focus {
-        border-color: color-mix(in srgb, var(--bf-appearance-token-color-accent-500) 45%, transparent);
-        box-shadow: 0 0 0 3px color-mix(in srgb, var(--bf-appearance-token-color-accent-500) 10%, transparent);
-        outline: none;
-      }
-      
+
       &:disabled {
         opacity: 0.5;
         cursor: not-allowed;
diff --git a/src/web-ui/src/app/components/NewProjectDialog/NewProjectDialog.tsx b/src/web-ui/src/app/components/NewProjectDialog/NewProjectDialog.tsx
index 8f33a81091..123cc6a975 100644
--- a/src/web-ui/src/app/components/NewProjectDialog/NewProjectDialog.tsx
+++ b/src/web-ui/src/app/components/NewProjectDialog/NewProjectDialog.tsx
@@ -14,7 +14,9 @@ import {
 } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
 import { createLogger } from '@/shared/utils/logger';
-import { Modal, Button, Input } from '@/component-library';
+import { Modal, Button, Input, Tooltip } from '@/component-library';
+import { systemAPI } from "@/infrastructure";
+import { isTauriCommandError } from '@/infrastructure/api/errors/TauriCommandError';
 import './NewProjectDialog.scss';
 
 const log = createLogger('NewProjectDialog');
@@ -76,6 +78,23 @@ export const NewProjectDialog: React.FC<NewProjectDialogProps> = ({
       setError(t('newProject.errorEnterName'));
       return;
     }
+    if (projectName.trim().length > 255) {
+      setError(t('newProject.errorNameTooLong'));
+      return;
+    }
+
+    // Pre-creation existence / case-collision check. On Windows/macOS the
+    // filesystem is case-insensitive, so "MyProject" and "myproject" resolve to
+    // the same folder; createDirectory is idempotent and would silently succeed
+    // without creating a new folder. Surface a clear error before attempting.
+    try {
+      if (await systemAPI.checkPathExists(fullPath)) {
+        setError(t('newProject.errorAlreadyExists'));
+        return;
+      }
+    } catch (error) {
+      log.error('Failed to check path existence', error);
+    }
 
     setIsCreating(true);
     setError('');
@@ -87,11 +106,19 @@ export const NewProjectDialog: React.FC<NewProjectDialogProps> = ({
       onClose();
     } catch (error) {
       log.error('Failed to create project', error);
-      setError(error instanceof Error ? error.message : t('newProject.errorCreateFailed'));
+      let message: string;
+      if (isTauriCommandError(error) && error.isPermissionError()) {
+        message = t('newProject.errorParentNoAccess');
+      } else if (error instanceof Error && /does not exist|not a directory/i.test(error.message)) {
+        message = t('newProject.errorPathNotFound');
+      } else {
+        message = t('newProject.errorCreateFailed');
+      }
+      setError(message);
     } finally {
       setIsCreating(false);
     }
-  }, [parentPath, projectName, onConfirm, onClose, t]);
+  }, [parentPath, projectName, fullPath, onConfirm, onClose, t]);
 
   // Reset form and close dialog
   const handleCancel = useCallback(() => {
@@ -135,12 +162,14 @@ export const NewProjectDialog: React.FC<NewProjectDialogProps> = ({
             </label>
             <div data-bf-component="new-project-dialog" data-bf-part="pathSelector" className="new-project-dialog__path-selector">
               <div className="new-project-dialog__path-input">
-                <Input
-                  type="text"
-                  value={parentPath}
-                  readOnly
-                  placeholder={t('newProject.parentDirectoryPlaceholder')}
-                />
+                <Tooltip content={parentPath} placement="right" followCursor disabled={!parentPath}>
+                  <Input
+                    type="text"
+                    value={parentPath}
+                    readOnly
+                    placeholder={t('newProject.parentDirectoryPlaceholder')}
+                  />
+                </Tooltip>
               </div>
               <Button
                 type="button"
@@ -166,6 +195,12 @@ export const NewProjectDialog: React.FC<NewProjectDialogProps> = ({
                 type="text"
                 value={projectName}
                 onChange={handleProjectNameChange}
+                onKeyDown={(e) => {
+                  if (e.key === 'Enter' && !isCreating) {
+                    e.preventDefault();
+                    void handleConfirm();
+                  }
+                }}
                 placeholder={t('newProject.projectNamePlaceholder')}
                 disabled={isCreating}
                 autoFocus
@@ -181,7 +216,9 @@ export const NewProjectDialog: React.FC<NewProjectDialogProps> = ({
               </div>
               <div className="new-project-dialog__preview-content">
                 <span className="new-project-dialog__preview-label">{t('newProject.fullPath')}</span>
-                <span className="new-project-dialog__preview-path">{fullPath}</span>
+                <Tooltip content={fullPath} placement="right" followCursor>
+                  <span className="new-project-dialog__preview-path">{fullPath}</span>
+                </Tooltip>
               </div>
             </div>
           )}
diff --git a/src/web-ui/src/app/components/panels/review-platform/ReviewPlatformPanel.tsx b/src/web-ui/src/app/components/panels/review-platform/ReviewPlatformPanel.tsx
index b37f7e7194..f2e57fe6c9 100644
--- a/src/web-ui/src/app/components/panels/review-platform/ReviewPlatformPanel.tsx
+++ b/src/web-ui/src/app/components/panels/review-platform/ReviewPlatformPanel.tsx
@@ -436,6 +436,9 @@ function reviewSessionLifecycle(session: Session): LinkedReviewSession['lifecycl
 }
 
 function getSessionTitle(session?: Session, fallback = 'Review session'): string {
+  if (session?.titleSource === 'i18n' && session.titleI18nKey) {
+    return i18nService.t(session.titleI18nKey, session.titleI18nParams ?? {}) || fallback;
+  }
   return session?.title?.trim() || fallback;
 }
 
@@ -1852,7 +1855,9 @@ export const ReviewPlatformPanel: React.FC<ReviewPlatformPanelProps> = ({
       workspacePath: linked.childSession.workspacePath,
       expand: true,
       sessionKind: linked.kind,
-      sessionTitle: linked.title,
+      sessionTitle: linked.childSession.titleSource === 'i18n' && linked.childSession.titleI18nKey
+        ? (i18nService.t(linked.childSession.titleI18nKey, linked.childSession.titleI18nParams ?? {}) || linked.title)
+        : linked.title,
       agentType: linked.childSession.config.agentType ?? (linked.kind === 'deep_review' ? 'DeepReview' : 'CodeReview'),
     });
   };
diff --git a/src/web-ui/src/flow_chat/components/ChatInput.tsx b/src/web-ui/src/flow_chat/components/ChatInput.tsx
index 798af0812a..09093100c5 100644
--- a/src/web-ui/src/flow_chat/components/ChatInput.tsx
+++ b/src/web-ui/src/flow_chat/components/ChatInput.tsx
@@ -10,6 +10,8 @@ import { useTranslation } from 'react-i18next';
 import { ArrowUp, BotMessageSquare, Image, RotateCcw, Plus, X, Sparkles, Loader2, ChevronRight, Files, MessageSquarePlus, Star } from 'lucide-react';
 import { ContextDropZone, useContextStore } from '../../shared/context-system';
 import { useActiveSessionState } from '@/flow_chat/hooks';
+import { i18nService } from '@/infrastructure/i18n';
+import { resolveSessionTitle } from '../utils/sessionTitle';
 import {
   RichTextInput,
   type InlineTriggerState,
@@ -584,7 +586,12 @@ export const ChatInput: React.FC<ChatInputProps> = ({
     isBtwSession,
     disabled: !caps.threadGoal,
   });
-  const currentSessionTitle = currentSession?.title?.trim() || t('session.untitled');
+  // Resolve via the i18n key (re-localizes on locale switch) instead of the
+  // persisted localized session.title string, so this tab stays in sync with
+  // the sidebar/header/toolbar instead of showing a stale old-locale name.
+  const currentSessionTitle = currentSession
+    ? resolveSessionTitle(currentSession, (key, options) => i18nService.t(key, options))
+    : t('session.untitled');
   const activeBtwSession = activeBtwSessionId
     ? flowChatState.sessions.get(activeBtwSessionId)
     : undefined;
@@ -600,10 +607,9 @@ export const ChatInput: React.FC<ChatInputProps> = ({
   const activeBtwTargetLabel = t(`childSession.kinds.${activeBtwKind}.short`, {
     defaultValue: t('chatInput.targetBtw'),
   });
+  const activeBtwFallbackKey = `childSession.kinds.${activeBtwKind}.title`;
   const activeBtwSessionTitle = activeBtwSession
-    ? activeBtwSession.title?.trim() || t(`childSession.kinds.${activeBtwKind}.title`, {
-        defaultValue: t('btw.threadLabel'),
-      })
+    ? resolveSessionTitle(activeBtwSession, (key, options) => i18nService.t(key, options), activeBtwFallbackKey) || t('btw.threadLabel')
     : '';
 
   const deferChatStripPassiveGitRefresh =
diff --git a/src/web-ui/src/flow_chat/components/btw/BtwSessionPanel.tsx b/src/web-ui/src/flow_chat/components/btw/BtwSessionPanel.tsx
index c472e24df5..4b1451f969 100644
--- a/src/web-ui/src/flow_chat/components/btw/BtwSessionPanel.tsx
+++ b/src/web-ui/src/flow_chat/components/btw/BtwSessionPanel.tsx
@@ -1,5 +1,6 @@
 import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react';
 import {useTranslation} from 'react-i18next';
+import { i18nService } from '@/infrastructure/i18n';
 import path from 'path-browserify';
 import {CornerUpLeft, Link2, Loader2, Square, Sparkles} from 'lucide-react';
 import {FlowChatContext, FlowChatVolatileContext} from '../modern/FlowChatContext';
@@ -91,8 +92,12 @@ const PANEL_CONFIG: FlowChatConfig = {
   enableVirtualScroll: false,
 };
 
-const resolveSessionTitle = (session?: Session | null, fallback = 'Side thread') =>
-  session?.title?.trim() || fallback;
+const resolveSessionTitle = (session?: Session | null, fallback = 'Side thread') => {
+  if (session?.titleSource === 'i18n' && session.titleI18nKey) {
+    return i18nService.t(session.titleI18nKey, session.titleI18nParams ?? {}) || fallback;
+  }
+  return session?.title?.trim() || fallback;
+};
 const log = createLogger('BtwSessionPanel');
 const REVIEW_ACTION_BOTTOM_BLANK_SPACE_PX = 96;
 const EMPTY_ACTION_ID_SET = new Set<string>();
diff --git a/src/web-ui/src/flow_chat/components/modern/ExportImageButton.tsx b/src/web-ui/src/flow_chat/components/modern/ExportImageButton.tsx
index 4799930db1..7525dd57d3 100644
--- a/src/web-ui/src/flow_chat/components/modern/ExportImageButton.tsx
+++ b/src/web-ui/src/flow_chat/components/modern/ExportImageButton.tsx
@@ -183,7 +183,12 @@ export const ExportImageButton: React.FC<ExportImageButtonProps> = ({
     
     for (const [, session] of state.sessions) {
       const turn = session.dialogTurns.find((t: DialogTurn) => t.id === turnId);
-      if (turn) return { turn, sessionTitle: session.title?.trim() || '' };
+      if (turn) {
+        const sessionTitle = session.titleSource === 'i18n' && session.titleI18nKey
+          ? (i18nService.t(session.titleI18nKey, session.titleI18nParams ?? {}) || '')
+          : (session.title?.trim() || '');
+        return { turn, sessionTitle };
+      }
     }
     return null;
   }, [turnId]);
diff --git a/src/web-ui/src/flow_chat/services/FlowChatManager.ts b/src/web-ui/src/flow_chat/services/FlowChatManager.ts
index aed4f64041..3658aaaeda 100644
--- a/src/web-ui/src/flow_chat/services/FlowChatManager.ts
+++ b/src/web-ui/src/flow_chat/services/FlowChatManager.ts
@@ -301,10 +301,12 @@ export class FlowChatManager {
           nextCursor = nextPage.nextCursor;
         }
       }
-      const hasHistoricalSessions =
-        workspaceSessions.length > 0 ||
-        initialMetadataPage.totalTopLevelCount > 0 ||
-        initialMetadataPage.sessions.length > 0;
+      // Count only sessions that belong to THIS workspace (already path-filtered
+      // above). Counting all sessions in the storage dir (totalTopLevelCount /
+      // initialMetadataPage.sessions.length) incorrectly reports "has history"
+      // when another workspace shares the slug-collided sessions/ dir, which
+      // suppresses default-session creation for a newly opened workspace.
+      const hasHistoricalSessions = workspaceSessions.length > 0;
       const isCurrentInitializationRequest = () =>
         this.latestInitializationRequestKey === requestKey;
       const activeSession = state.activeSessionId
diff --git a/src/web-ui/src/flow_chat/services/flow-chat-manager/MessageModule.ts b/src/web-ui/src/flow_chat/services/flow-chat-manager/MessageModule.ts
index d4fd9c5221..a0fea7fe3a 100644
--- a/src/web-ui/src/flow_chat/services/flow-chat-manager/MessageModule.ts
+++ b/src/web-ui/src/flow_chat/services/flow-chat-manager/MessageModule.ts
@@ -7,6 +7,7 @@
  */
 
 import { notificationService } from '../../../shared/notification-system';
+import { i18nService } from '@/infrastructure/i18n';
 import { stateMachineManager } from '../../state-machine';
 import { SessionExecutionEvent, SessionExecutionState } from '../../state-machine/types';
 import { createLogger } from '@/shared/utils/logger';
@@ -15,7 +16,6 @@ import { isProjectedSessionEmpty } from '../../utils/flowChatTurnIdentity';
 import type { ImageContextData as ImageInputContextData } from '@/infrastructure/api/service-api/ImageContextTypes';
 import { pendingQueueManager } from './PendingQueueModule';
 import { isSessionInUseError } from '@/infrastructure/api/errors/TauriCommandError';
-import { i18nService } from '@/infrastructure/i18n';
 import { driverForSession } from '../../session-drivers/registry';
 import type { SendMessageOptions, SubmissionDraft, TurnTracker } from '../../session-drivers/types';
 
@@ -236,7 +236,13 @@ export async function sendMessage(
   } catch (error) {
     log.error('Failed to send message', { sessionId: sessionId, error });
 
-    const errorMessage = error instanceof Error ? error.message : 'Failed to send message';
+    // Map the "workspace folder deleted/moved" backend error to a localized
+    // message; other errors pass through verbatim for diagnostics. The
+    // "Thinking process error" notification title was also hardcoded English.
+    const rawErrorMessage = error instanceof Error ? error.message : '';
+    const errorMessage = /does not resolve to a local workspace/i.test(rawErrorMessage)
+      ? i18nService.t('flow-chat:errors.workspaceNotResolvable')
+      : (rawErrorMessage || i18nService.t('flow-chat:errors.sendFailed'));
 
     const currentState = stateMachineManager.getCurrentState(sessionId);
     const activeDialogTurnId = stateMachineManager
@@ -304,7 +310,7 @@ export async function sendMessage(
         if (latestSendBySession.get(sessionId) === sendAttempt) {
           latestSendBySession.delete(sessionId);
           notificationService.error(errorMessage, {
-            title: 'Thinking process error',
+            title: i18nService.t('flow-chat:errors.thinkingProcessError'),
             duration: 5000
           });
         }
diff --git a/src/web-ui/src/flow_chat/services/flow-chat-manager/SessionModule.test.ts b/src/web-ui/src/flow_chat/services/flow-chat-manager/SessionModule.test.ts
index deeea61101..be5cb350e1 100644
--- a/src/web-ui/src/flow_chat/services/flow-chat-manager/SessionModule.test.ts
+++ b/src/web-ui/src/flow_chat/services/flow-chat-manager/SessionModule.test.ts
@@ -42,6 +42,7 @@ const persistenceMocks = vi.hoisted(() => ({
   touchSessionActivity: vi.fn(),
   cleanupSaveState: vi.fn(),
   cleanupSessionBuffers: vi.fn(),
+  updateSessionMetadata: vi.fn().mockResolvedValue(undefined),
 }));
 
 const stateMachineMocks = vi.hoisted(() => ({
@@ -96,6 +97,7 @@ vi.mock('@/infrastructure/services/business/workspaceManager', () => ({
 vi.mock('./PersistenceModule', () => ({
   touchSessionActivity: persistenceMocks.touchSessionActivity,
   cleanupSaveState: persistenceMocks.cleanupSaveState,
+  updateSessionMetadata: persistenceMocks.updateSessionMetadata,
 }));
 
 vi.mock('./TextChunkModule', () => ({
diff --git a/src/web-ui/src/flow_chat/services/flow-chat-manager/SessionModule.ts b/src/web-ui/src/flow_chat/services/flow-chat-manager/SessionModule.ts
index 8ad55c599f..d43690a3c7 100644
--- a/src/web-ui/src/flow_chat/services/flow-chat-manager/SessionModule.ts
+++ b/src/web-ui/src/flow_chat/services/flow-chat-manager/SessionModule.ts
@@ -22,7 +22,7 @@ import type {
   SessionHistoryHydrationLocation,
 } from './types';
 import type { Session } from '../../types/flow-chat';
-import { touchSessionActivity } from './PersistenceModule';
+import { touchSessionActivity, updateSessionMetadata } from './PersistenceModule';
 import {
   createTextSessionTitleDescriptor,
   createDefaultSessionTitleDescriptor,
@@ -606,7 +606,7 @@ export async function createChatSession(
       );
       const sessionName = titleDescriptor.text;
 
-      return driverForCreation(config).createSession(context, {
+      const sessionId = await driverForCreation(config).createSession(context, {
         config,
         agentType,
         sessionName,
@@ -617,6 +617,14 @@ export async function createChatSession(
         remoteConnectionId,
         remoteSshHost,
       });
+
+      // Persist the title metadata (incl. the i18n title key/params) at creation
+      // so an empty session can re-localize its default name on a later reload +
+      // locale switch. createSession only stored the localized sessionName string;
+      // without this, empty sessions have no title key on disk and can't re-localize.
+      await updateSessionMetadata(context, sessionId);
+
+      return sessionId;
     });
 
     pendingSessionCreations.set(creationKey, createPromise);
diff --git a/src/web-ui/src/infrastructure/api/errors/TauriCommandError.ts b/src/web-ui/src/infrastructure/api/errors/TauriCommandError.ts
index 527dfd772b..915d02c536 100644
--- a/src/web-ui/src/infrastructure/api/errors/TauriCommandError.ts
+++ b/src/web-ui/src/infrastructure/api/errors/TauriCommandError.ts
@@ -58,10 +58,12 @@ export class TauriCommandError extends Error {
    
   public isPermissionError(): boolean {
     const message = this.message.toLowerCase();
-    return message.includes('permission') || 
-           message.includes('access') || 
+    return message.includes('permission') ||
+           message.includes('permitted') ||
+           message.includes('access') ||
            message.includes('unauthorized') ||
-           message.includes('forbidden');
+           message.includes('forbidden') ||
+           message.includes('eperm');
   }
 
    
diff --git a/src/web-ui/src/infrastructure/services/business/workspaceManager.ts b/src/web-ui/src/infrastructure/services/business/workspaceManager.ts
index 9869dedb37..c151c56506 100644
--- a/src/web-ui/src/infrastructure/services/business/workspaceManager.ts
+++ b/src/web-ui/src/infrastructure/services/business/workspaceManager.ts
@@ -14,6 +14,7 @@ import { createLogger } from '@/shared/utils/logger';
 import { startupTrace } from '@/shared/utils/startupTrace';
 import { elapsedMs, nowMs } from '@/shared/utils/timing';
 import { listen } from '@tauri-apps/api/event';
+import { i18nService } from '@/infrastructure/i18n';
 
 const log = createLogger('WorkspaceManager');
 
@@ -632,7 +633,12 @@ class WorkspaceManager {
       return workspace;
     } catch (error) {
       log.error('Failed to open workspace', { path, error });
-      const errorMessage = error instanceof Error ? error.message : String(error);
+      const rawMessage = error instanceof Error ? error.message : String(error);
+      // Map the common "folder moved/deleted" backend error to a localized
+      // message; other errors pass through verbatim (callers log the raw error).
+      const errorMessage = /does not exist|not a directory/i.test(rawMessage)
+        ? i18nService.t('common:newProject.errorPathNotFound')
+        : rawMessage;
       this.updateState({ loading: false, error: errorMessage }, { type: 'workspace:error', error: errorMessage });
       throw error;
     }
diff --git a/src/web-ui/src/locales/en-US/common.json b/src/web-ui/src/locales/en-US/common.json
index e835484fcd..aa49ad13a2 100644
--- a/src/web-ui/src/locales/en-US/common.json
+++ b/src/web-ui/src/locales/en-US/common.json
@@ -511,7 +511,12 @@
     "creating": "Creating...",
     "errorSelectParent": "Please select a parent directory",
     "errorEnterName": "Please enter a project name",
-    "errorCreateFailed": "Failed to create project"
+    "errorCreateFailed": "Failed to create project",
+    "errorInvalidName": "Project name cannot contain these characters: / \\ : * ? \" < > |",
+    "errorAlreadyExists": "A workspace with this name already exists at the selected location",
+    "errorParentNoAccess": "No access permission for the selected parent directory",
+    "errorNameTooLong": "Project name is too long (max 255 characters)",
+    "errorPathNotFound": "The workspace folder does not exist or has been moved"
   },
   "peerDirectoryPicker": {
     "loading": "Loading remote directories…",
diff --git a/src/web-ui/src/locales/en-US/flow-chat.json b/src/web-ui/src/locales/en-US/flow-chat.json
index d1d6b7abbe..c2e78a74db 100644
--- a/src/web-ui/src/locales/en-US/flow-chat.json
+++ b/src/web-ui/src/locales/en-US/flow-chat.json
@@ -2564,7 +2564,9 @@
     }
   },
   "errors": {
-    "sendFailed": "Failed to send message"
+    "sendFailed": "Failed to send message",
+    "thinkingProcessError": "Thinking process error",
+    "workspaceNotResolvable": "The workspace folder does not exist or has been moved"
   },
   "actions": {
     "send": "Send"
diff --git a/src/web-ui/src/locales/zh-CN/common.json b/src/web-ui/src/locales/zh-CN/common.json
index 828ba33a90..e5b5ff6955 100644
--- a/src/web-ui/src/locales/zh-CN/common.json
+++ b/src/web-ui/src/locales/zh-CN/common.json
@@ -511,7 +511,12 @@
     "creating": "创建中...",
     "errorSelectParent": "请选择父目录",
     "errorEnterName": "请输入工作区名称",
-    "errorCreateFailed": "创建工作区失败"
+    "errorCreateFailed": "创建工作区失败",
+    "errorInvalidName": "工作区名称不能包含以下字符：/ \\ : * ? \" < > |",
+    "errorAlreadyExists": "所选位置已存在同名工作区",
+    "errorParentNoAccess": "没有所选父目录的访问权限",
+    "errorNameTooLong": "工作区名称过长（最多 255 个字符）",
+    "errorPathNotFound": "工作区文件夹不存在或已被移动"
   },
   "peerDirectoryPicker": {
     "loading": "正在加载远程目录…",
diff --git a/src/web-ui/src/locales/zh-CN/flow-chat.json b/src/web-ui/src/locales/zh-CN/flow-chat.json
index 3878b5327b..cfd1d7efdd 100644
--- a/src/web-ui/src/locales/zh-CN/flow-chat.json
+++ b/src/web-ui/src/locales/zh-CN/flow-chat.json
@@ -2564,7 +2564,9 @@
     }
   },
   "errors": {
-    "sendFailed": "发送消息失败"
+    "sendFailed": "发送消息失败",
+    "thinkingProcessError": "思考过程错误",
+    "workspaceNotResolvable": "工作区文件夹不存在或已被移动"
   },
   "actions": {
     "send": "发送"
diff --git a/src/web-ui/src/locales/zh-TW/common.json b/src/web-ui/src/locales/zh-TW/common.json
index 406c8e6b7b..0fee5b27c5 100644
--- a/src/web-ui/src/locales/zh-TW/common.json
+++ b/src/web-ui/src/locales/zh-TW/common.json
@@ -511,7 +511,12 @@
     "creating": "建立中...",
     "errorSelectParent": "請選擇父目錄",
     "errorEnterName": "請輸入工作區名稱",
-    "errorCreateFailed": "建立工作區失敗"
+    "errorCreateFailed": "建立工作區失敗",
+    "errorInvalidName": "工作區名稱不能包含以下字符：/ \\ : * ? \" < > |",
+    "errorAlreadyExists": "所選位置已存在同名工作區",
+    "errorParentNoAccess": "沒有所選父目錄的存取權限",
+    "errorNameTooLong": "工作區名稱過長（最多 255 個字元）",
+    "errorPathNotFound": "工作區資料夾不存在或已被移動"
   },
   "peerDirectoryPicker": {
     "loading": "正在載入遠端目錄…",
diff --git a/src/web-ui/src/locales/zh-TW/flow-chat.json b/src/web-ui/src/locales/zh-TW/flow-chat.json
index 4b136ea7b2..3e875e4248 100644
--- a/src/web-ui/src/locales/zh-TW/flow-chat.json
+++ b/src/web-ui/src/locales/zh-TW/flow-chat.json
@@ -2564,7 +2564,9 @@
     }
   },
   "errors": {
-    "sendFailed": "傳送訊息失敗"
+    "sendFailed": "傳送訊息失敗",
+    "thinkingProcessError": "思考過程錯誤",
+    "workspaceNotResolvable": "工作區資料夾不存在或已被移動"
   },
   "actions": {
     "send": "傳送"