mirror of
https://github.com/siteboon/claudecodeui.git
synced 2026-03-14 10:27:24 +00:00
* refactor: remove unused TasksSettings component
* refactor: migrate TodoList component to a new file with improved structure and normalization logic
* refactor: Move Tooltip and DarkModeToggle to shared/ui
* refactor: Move Tooltip and DarkModeToggle to shared/view/ui
* refactor: move GeminiLogo to llm-logo-provider and update imports
* refactor: remove unused GeminiStatus component
* refactor: move components in src/components/ui to src/shared/view/ui
* refactor: move ErrorBoundary component to main-content/view and update imports
* refactor: move VersionUpgradeModal to its own module
* refactor(wizard): rebuild project creation flow as modular TypeScript components
Replace the monolithic `ProjectCreationWizard.jsx` with a feature-based TS
implementation under `src/components/project-creation-wizard`, while preserving
existing behavior and improving readability, maintainability, and state isolation.
Why:
- The previous wizard mixed API logic, flow state, folder browsing, and UI in one file.
- Refactoring and testing were difficult due to tightly coupled concerns.
- We needed stronger type safety and localized component state.
What changed:
- Deleted:
- `src/components/ProjectCreationWizard.jsx`
- Added new modular structure:
- `src/components/project-creation-wizard/index.ts`
- `src/components/project-creation-wizard/ProjectCreationWizard.tsx`
- `src/components/project-creation-wizard/types.ts`
- `src/components/project-creation-wizard/data/workspaceApi.ts`
- `src/components/project-creation-wizard/hooks/useGithubTokens.ts`
- `src/components/project-creation-wizard/utils/pathUtils.ts`
- `src/components/project-creation-wizard/components/*`
- `WizardProgress`, `WizardFooter`, `ErrorBanner`
- `StepTypeSelection`, `StepConfiguration`, `StepReview`
- `WorkspacePathField`, `GithubAuthenticationCard`, `FolderBrowserModal`
- Updated import usage:
- `src/components/sidebar/view/subcomponents/SidebarModals.tsx`
now imports from `../../../project-creation-wizard`.
Implementation details:
- Migrated wizard logic to TypeScript using `type` aliases only.
- Kept component prop types colocated in each component file.
- Split responsibilities by feature:
- container/orchestration in `ProjectCreationWizard.tsx`
- API/SSE and request parsing in `data/workspaceApi.ts`
- GitHub token loading/caching behavior in `useGithubTokens`
- path/URL helpers in `utils/pathUtils.ts`
- Localized UI-only state to child components:
- folder browser modal state (current path, hidden folders, create-folder input)
- path suggestion dropdown state with debounced lookup
- Preserved existing UX flows:
- step navigation and validation
- existing/new workspace modes
- optional GitHub clone + auth modes
- clone progress via SSE
- folder browsing + folder creation
- Added focused comments for non-obvious logic (debounce, SSE auth constraint, path edge cases).
* refactor(quick-settings): migrate panel to typed feature-based modules
Refactor QuickSettingsPanel from a single JSX component into a modular TypeScript feature structure while preserving behavior and translations.
Highlights:
- Replace legacy src/components/QuickSettingsPanel.jsx with a typed entrypoint (src/components/QuickSettingsPanel.tsx).
- Introduce src/components/quick-settings-panel/ with clear separation of concerns:
- view/: panel shell, header, handle, section wrappers, toggle rows, and content sections.
- hooks/: drag interactions and whisper mode persistence.
- constants.ts and types.ts for shared config and strict local typing.
- Move drag logic into useQuickSettingsDrag with explicit touch/mouse handling, drag threshold detection, click suppression after drag, position clamping, and localStorage persistence.
- Keep user-visible behavior intact:
- same open/close panel interactions.
- same mobile/desktop drag behavior and persisted handle position.
- same quick preference toggles and wiring to useUiPreferences.
- same hidden whisper section behavior and localStorage/event updates.
- Improve readability and maintainability by extracting repetitive setting rows and section scaffolding into reusable components.
- Add focused comments around non-obvious behavior (drag click suppression, touch scroll lock, hidden whisper section intent).
- Keep files small and reviewable (all new/changed files are under 300 lines).
Validation:
- npm run typecheck
- npm run build
* refactor(quick-settings-panel): restructure QuickSettingsPanel import and create index file
* refactor(shared): move shared ui components to share/view/ui without subfolders
* refactor(LanguageSelector): move LanguageSelector to shared UI components
* refactor(prd-editor): modularize PRD editor with typed feature modules
Break the legacy PRDEditor.jsx monolith into a feature-based TypeScript architecture under src/components/prd-editor while keeping behavior parity and readability.
Key changes:
- Replace PRDEditor.jsx with a typed orchestrator component and a compatibility export bridge at src/components/PRDEditor.tsx.
- Split responsibilities into dedicated hooks: document loading/init, existing PRD registry fetching, save workflow with overwrite detection, and keyboard shortcuts.
- Split UI into focused view components: header, editor/preview body, footer stats, loading state, generate-tasks modal, and overwrite-confirm modal.
- Move filename concerns into utility helpers (sanitize, extension handling, default naming) and centralize template/constants.
- Keep component-local state close to the UI that owns it (workspace controls/modal toggles), while shared workflow state remains in the feature container.
- Reuse the existing MarkdownPreview component for safer markdown rendering instead of ad-hoc HTML conversion.
- Update TaskMasterPanel integration to consume typed PRDEditor directly (remove any-cast) and pass isExisting metadata for correct overwrite behavior.
- Keep all new/changed files below 300 lines and add targeted comments where behavior needs clarification.
Validation:
- npm run typecheck
- npm run build
* refactor(TaskMasterPanel): update PRDEditor import path to match new structure
* refactor(TaskMaster): Remove unused TaskMasterSetupWizard and TaskMasterStatus components
* refactor(TaskDetail): remove unused TaskIndicator import
* refactor(task-master): migrate tasks to a typed feature module
- introduce a new feature-oriented TaskMaster domain under src/components/task-master
- add typed TaskMaster context/provider with explicit project, task, MCP, and loading state handling
- split task UI into focused components (panel, board, toolbar, content, card, detail modal, setup/help modals, banner)
- move task board filtering/sorting/kanban derivation into dedicated hooks and utilities
- relocate CreateTaskModal into the feature module and keep task views modular/readable
- remove legacy monolithic TaskList/TaskDetail/TaskCard files and route main task panel to the new feature panel
- replace contexts/TaskMasterContext.jsx with a typed contexts/TaskMasterContext.ts re-export to the feature context
- update MainContent project sync logic to compare by project name to avoid state churn
- validation: npm run typecheck, npm run build
* refactor(MobileNav): remove unused React import and TaskMasterContext
* refactor(auth): migrate login and setup flows to typed feature module
- Introduce a new feature-based auth module under src/components/auth with clear separation of concerns:\n - context/AuthContext.tsx for session lifecycle, onboarding status checks, token persistence, and auth actions\n - view/* components for loading, route guarding, form layout, input fields, and error display\n - shared auth constants, utility helpers, and type aliases (no interfaces)\n- Convert login and setup UIs to TypeScript and keep form state local to each component for readability and component-level ownership\n- Add explicit API payload typing and safe JSON parsing helpers to improve resilience when backend responses are malformed or incomplete\n- Centralize error fallback handling for auth requests to reduce repeated logic
- Replace legacy auth entrypoints with the new feature module in app wiring:\n - App now imports AuthProvider and ProtectedRoute from src/components/auth\n - WebSocketContext, TaskMasterContext, and Onboarding now consume useAuth from the new typed auth context\n- Remove duplicated legacy auth screens (LoginForm.jsx, SetupForm.jsx, ProtectedRoute.jsx)\n- Keep backward compatibility by turning src/contexts/AuthContext.jsx into a thin re-export of the new provider/hook
Result: auth code now follows a feature/domain structure, is fully typed, easier to navigate, and cleaner to extend without touching unrelated UI areas.
* refactor(AppContent): update MobileNav import path and add MobileNav component
* refactor(DiffViewer): rename different diff viewers and place them in different components
* refactor(components): reorganize onboarding/provider auth/sidebar indicator into domain features
- Move onboarding out of root-level components into a dedicated feature module:
- add src/components/onboarding/view/Onboarding.tsx
- split onboarding UI into focused subcomponents:
- OnboardingStepProgress
- GitConfigurationStep
- AgentConnectionsStep
- AgentConnectionCard
- add onboarding-local types and utils for provider status and validation helpers
- Move multi-provider login modal into a dedicated provider-auth feature:
- add src/components/provider-auth/view/ProviderLoginModal.tsx
- add src/components/provider-auth/types.ts
- keep provider-specific command/title behavior and Gemini setup guidance
- preserve compatibility for both onboarding flow and settings login flow
- Move TaskIndicator into the sidebar domain:
- add src/components/sidebar/view/subcomponents/TaskIndicator.tsx
- update SidebarProjectItem to consume local sidebar TaskIndicator
- Update integration points to the new structure:
- ProtectedRoute now imports onboarding from onboarding feature
- Settings now imports ProviderLoginModal directly (remove legacy cast wrapper)
- git panel consumers now import shared GitDiffViewer by explicit name
- Rename git shared diff view to clearer domain naming:
- replace shared DiffViewer with shared GitDiffViewer
- update FileChangeItem and CommitHistoryItem imports accordingly
- Remove superseded root-level legacy components:
- delete src/components/LoginModal.jsx
- delete src/components/Onboarding.jsx
- delete src/components/TaskIndicator.jsx
- delete old src/components/git-panel/view/shared/DiffViewer.tsx
- Result:
- clearer feature boundaries (auth vs onboarding vs provider-auth vs sidebar)
- easier navigation and ownership by domain
- preserved runtime behavior with improved readability and modularity
* refactor(MainContent): remove TaskMasterPanel import and relocate to task-master component
* fix: update import paths for Input component in FileTree and FileTreeNode
* refactor(FileTree): make file tree context menu a typescript component and move it inside the file tree view
* refactor(FileTree): remove unused ScrollArea import
* feat: setup eslint with typescript and react rules, add unused imports plugin
* fix: remove unused imports, functions, and types after discovering using `npm run lint`
* feat: setup eslint-plugin-react, react-refresh, import-x, and tailwindcss plugins with recommended rules and configurations
* chore: reformat files after running `npm run lint:fix`
* chore: add omments about eslint config plugin uses
* feat: add husky and lint-staged for pre-commit linting
* feat: setup commitlint with conventional config
* fix: i18n translations
---------
Co-authored-by: Haileyesus <something@gmail.com>
Co-authored-by: viper151 <simosmik@gmail.com>
239 lines
8.3 KiB
JSON
239 lines
8.3 KiB
JSON
{
|
|
"buttons": {
|
|
"save": "Save",
|
|
"cancel": "Cancel",
|
|
"delete": "Delete",
|
|
"create": "Create",
|
|
"edit": "Edit",
|
|
"close": "Close",
|
|
"confirm": "Confirm",
|
|
"submit": "Submit",
|
|
"retry": "Retry",
|
|
"refresh": "Refresh",
|
|
"search": "Search",
|
|
"clear": "Clear",
|
|
"copy": "Copy",
|
|
"download": "Download",
|
|
"upload": "Upload",
|
|
"browse": "Browse"
|
|
},
|
|
"tabs": {
|
|
"chat": "Chat",
|
|
"shell": "Shell",
|
|
"files": "Files",
|
|
"git": "Source Control",
|
|
"tasks": "Tasks"
|
|
},
|
|
"status": {
|
|
"loading": "Loading...",
|
|
"success": "Success",
|
|
"error": "Error",
|
|
"failed": "Failed",
|
|
"pending": "Pending",
|
|
"completed": "Completed",
|
|
"inProgress": "In Progress"
|
|
},
|
|
"messages": {
|
|
"savedSuccessfully": "Saved successfully",
|
|
"deletedSuccessfully": "Deleted successfully",
|
|
"updatedSuccessfully": "Updated successfully",
|
|
"operationFailed": "Operation failed",
|
|
"networkError": "Network error. Please check your connection.",
|
|
"unauthorized": "Unauthorized. Please log in.",
|
|
"notFound": "Not found",
|
|
"invalidInput": "Invalid input",
|
|
"requiredField": "This field is required",
|
|
"unknownError": "An unknown error occurred"
|
|
},
|
|
"navigation": {
|
|
"settings": "Settings",
|
|
"home": "Home",
|
|
"back": "Back",
|
|
"next": "Next",
|
|
"previous": "Previous",
|
|
"logout": "Logout"
|
|
},
|
|
"common": {
|
|
"language": "Language",
|
|
"theme": "Theme",
|
|
"darkMode": "Dark Mode",
|
|
"lightMode": "Light Mode",
|
|
"name": "Name",
|
|
"description": "Description",
|
|
"enabled": "Enabled",
|
|
"disabled": "Disabled",
|
|
"optional": "Optional",
|
|
"version": "Version",
|
|
"select": "Select",
|
|
"selectAll": "Select All",
|
|
"deselectAll": "Deselect All"
|
|
},
|
|
"time": {
|
|
"justNow": "Just now",
|
|
"minutesAgo": "{{count}} mins ago",
|
|
"hoursAgo": "{{count}} hours ago",
|
|
"daysAgo": "{{count}} days ago",
|
|
"yesterday": "Yesterday"
|
|
},
|
|
"fileOperations": {
|
|
"newFile": "New File",
|
|
"newFolder": "New Folder",
|
|
"rename": "Rename",
|
|
"move": "Move",
|
|
"copyPath": "Copy Path",
|
|
"openInEditor": "Open in Editor"
|
|
},
|
|
"mainContent": {
|
|
"loading": "Loading Claude Code UI",
|
|
"settingUpWorkspace": "Setting up your workspace...",
|
|
"chooseProject": "Choose Your Project",
|
|
"selectProjectDescription": "Select a project from the sidebar to start coding with Claude. Each project contains your chat sessions and file history.",
|
|
"tip": "Tip",
|
|
"createProjectMobile": "Tap the menu button above to access projects",
|
|
"createProjectDesktop": "Create a new project by clicking the folder icon in the sidebar",
|
|
"newSession": "New Session",
|
|
"untitledSession": "Untitled Session",
|
|
"projectFiles": "Project Files"
|
|
},
|
|
"fileTree": {
|
|
"loading": "Loading files...",
|
|
"files": "Files",
|
|
"simpleView": "Simple view",
|
|
"compactView": "Compact view",
|
|
"detailedView": "Detailed view",
|
|
"searchPlaceholder": "Search files and folders...",
|
|
"clearSearch": "Clear search",
|
|
"name": "Name",
|
|
"size": "Size",
|
|
"modified": "Modified",
|
|
"permissions": "Permissions",
|
|
"noFilesFound": "No files found",
|
|
"checkProjectPath": "Check if the project path is accessible",
|
|
"noMatchesFound": "No matches found",
|
|
"tryDifferentSearch": "Try a different search term or clear the search",
|
|
"justNow": "just now",
|
|
"minAgo": "{{count}} min ago",
|
|
"hoursAgo": "{{count}} hours ago",
|
|
"daysAgo": "{{count}} days ago",
|
|
"newFile": "New File (Cmd+N)",
|
|
"newFolder": "New Folder (Cmd+Shift+N)",
|
|
"refresh": "Refresh",
|
|
"collapseAll": "Collapse All",
|
|
"context": {
|
|
"rename": "Rename",
|
|
"delete": "Delete",
|
|
"copyPath": "Copy Path",
|
|
"download": "Download",
|
|
"newFile": "New File",
|
|
"newFolder": "New Folder",
|
|
"refresh": "Refresh",
|
|
"menuLabel": "File context menu",
|
|
"loading": "Loading..."
|
|
}
|
|
},
|
|
"projectWizard": {
|
|
"title": "Create New Project",
|
|
"steps": {
|
|
"type": "Type",
|
|
"configure": "Configure",
|
|
"confirm": "Confirm"
|
|
},
|
|
"step1": {
|
|
"question": "Do you already have a workspace, or would you like to create a new one?",
|
|
"existing": {
|
|
"title": "Existing Workspace",
|
|
"description": "I already have a workspace on my server and just need to add it to the project list"
|
|
},
|
|
"new": {
|
|
"title": "New Workspace",
|
|
"description": "Create a new workspace, optionally clone from a GitHub repository"
|
|
}
|
|
},
|
|
"step2": {
|
|
"existingPath": "Workspace Path",
|
|
"newPath": "Workspace Path",
|
|
"existingPlaceholder": "/path/to/existing/workspace",
|
|
"newPlaceholder": "/path/to/new/workspace",
|
|
"existingHelp": "Full path to your existing workspace directory",
|
|
"newHelp": "Full path to your workspace directory",
|
|
"githubUrl": "GitHub URL (Optional)",
|
|
"githubPlaceholder": "https://github.com/username/repository",
|
|
"githubHelp": "Optional: provide a GitHub URL to clone a repository",
|
|
"githubAuth": "GitHub Authentication (Optional)",
|
|
"githubAuthHelp": "Only required for private repositories. Public repos can be cloned without authentication.",
|
|
"loadingTokens": "Loading stored tokens...",
|
|
"storedToken": "Stored Token",
|
|
"newToken": "New Token",
|
|
"nonePublic": "None (Public)",
|
|
"selectToken": "Select Token",
|
|
"selectTokenPlaceholder": "-- Select a token --",
|
|
"tokenPlaceholder": "ghp_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
|
|
"tokenHelp": "This token will be used only for this operation",
|
|
"publicRepoInfo": "Public repositories don't require authentication. You can skip providing a token if cloning a public repo.",
|
|
"noTokensHelp": "No stored tokens available. You can add tokens in Settings → API Keys for easier reuse.",
|
|
"optionalTokenPublic": "GitHub Token (Optional for Public Repos)",
|
|
"tokenPublicPlaceholder": "ghp_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx (leave empty for public repos)"
|
|
},
|
|
"step3": {
|
|
"reviewConfig": "Review Your Configuration",
|
|
"workspaceType": "Workspace Type:",
|
|
"existingWorkspace": "Existing Workspace",
|
|
"newWorkspace": "New Workspace",
|
|
"path": "Path:",
|
|
"cloneFrom": "Clone From:",
|
|
"authentication": "Authentication:",
|
|
"usingStoredToken": "Using stored token:",
|
|
"usingProvidedToken": "Using provided token",
|
|
"noAuthentication": "No authentication",
|
|
"sshKey": "SSH Key",
|
|
"existingInfo": "The workspace will be added to your project list and will be available for Claude/Cursor sessions.",
|
|
"newWithClone": "The repository will be cloned from this folder.",
|
|
"newEmpty": "The workspace will be added to your project list and will be available for Claude/Cursor sessions.",
|
|
"cloningRepository": "Cloning repository..."
|
|
},
|
|
"buttons": {
|
|
"cancel": "Cancel",
|
|
"back": "Back",
|
|
"next": "Next",
|
|
"createProject": "Create Project",
|
|
"creating": "Creating...",
|
|
"cloning": "Cloning..."
|
|
},
|
|
"errors": {
|
|
"selectType": "Please select whether you have an existing workspace or want to create a new one",
|
|
"providePath": "Please provide a workspace path",
|
|
"failedToCreate": "Failed to create workspace",
|
|
"failedToCreateFolder": "Failed to create folder"
|
|
}
|
|
},
|
|
"versionUpdate": {
|
|
"title": "Update Available",
|
|
"newVersionReady": "A new version is ready",
|
|
"currentVersion": "Current Version",
|
|
"latestVersion": "Latest Version",
|
|
"whatsNew": "What's New:",
|
|
"viewFullRelease": "View full release",
|
|
"updateProgress": "Update Progress:",
|
|
"manualUpgrade": "Manual upgrade:",
|
|
"npmUpgradeCommand": "npm install -g @siteboon/claude-code-ui@latest",
|
|
"manualUpgradeHint": "Or click \"Update Now\" to run the update automatically.",
|
|
"updateCompleted": "Update completed successfully!",
|
|
"restartServer": "Please restart the server to apply changes.",
|
|
"updateFailed": "Update failed",
|
|
"buttons": {
|
|
"close": "Close",
|
|
"later": "Later",
|
|
"copyCommand": "Copy Command",
|
|
"updateNow": "Update Now",
|
|
"updating": "Updating..."
|
|
},
|
|
"ariaLabels": {
|
|
"closeModal": "Close version upgrade modal",
|
|
"showSidebar": "Show sidebar",
|
|
"settings": "Settings",
|
|
"updateAvailable": "Update available",
|
|
"closeSidebar": "Close sidebar"
|
|
}
|
|
}
|
|
}
|