{showJson ? (
-
+
{JSON.stringify(message, null, 2)}
) : (
@@ -95,7 +95,7 @@ export const MessageWindow: React.FC = ({
diff --git a/src/browser/components/Messages/UserMessage.tsx b/src/browser/components/Messages/UserMessage.tsx
index 41b9c8add..9f7ffdd6e 100644
--- a/src/browser/components/Messages/UserMessage.tsx
+++ b/src/browser/components/Messages/UserMessage.tsx
@@ -99,7 +99,7 @@ export const UserMessage: React.FC
= ({
variant="user"
>
{content && (
-
+
{content}
)}
@@ -110,7 +110,7 @@ export const UserMessage: React.FC = ({
key={idx}
src={img.url}
alt={`Attachment ${idx + 1}`}
- className="max-h-[300px] max-w-72 rounded-xl border border-white/10 object-cover"
+ className="max-h-[300px] max-w-72 rounded-xl border border-[var(--color-attachment-border)] object-cover"
/>
))}
(
"text-[11px] font-monospace py-1.5 px-2.5 cursor-pointer transition-colors duration-100",
"first:rounded-t last:rounded-b",
index === highlightedIndex
- ? "text-white bg-hover"
- : "text-light bg-transparent hover:bg-hover hover:text-white"
+ ? "text-foreground bg-hover"
+ : "text-light bg-transparent hover:bg-hover hover:text-foreground"
)}
onClick={() => handleSelectModel(model)}
>
diff --git a/src/browser/components/ProjectCreateModal.tsx b/src/browser/components/ProjectCreateModal.tsx
index 6a7f51bec..a339d4d97 100644
--- a/src/browser/components/ProjectCreateModal.tsx
+++ b/src/browser/components/ProjectCreateModal.tsx
@@ -1,7 +1,5 @@
import React, { useState, useCallback } from "react";
import { Modal, ModalActions, CancelButton, PrimaryButton } from "./Modal";
-import type { IPCApi } from "@/common/types/ipc";
-import { DirectoryPickerModal } from "./DirectoryPickerModal";
import type { ProjectConfig } from "@/node/config";
interface ProjectCreateModalProps {
@@ -23,13 +21,7 @@ export const ProjectCreateModal: React.FC
= ({
}) => {
const [path, setPath] = useState("");
const [error, setError] = useState("");
- // Detect desktop environment where native directory picker is available
- const isDesktop =
- window.api.platform !== "browser" && typeof window.api.projects.pickDirectory === "function";
- const api = window.api as unknown as IPCApi;
- const hasWebFsPicker = window.api.platform === "browser" && !!api.fs?.listDirectory;
const [isCreating, setIsCreating] = useState(false);
- const [isDirPickerOpen, setIsDirPickerOpen] = useState(false);
const handleCancel = useCallback(() => {
setPath("");
@@ -37,23 +29,6 @@ export const ProjectCreateModal: React.FC = ({
onClose();
}, [onClose]);
- const handleWebPickerPathSelected = useCallback((selected: string) => {
- setPath(selected);
- setError("");
- }, []);
-
- const handleBrowse = useCallback(async () => {
- try {
- const selectedPath = await window.api.projects.pickDirectory();
- if (selectedPath) {
- setPath(selectedPath);
- setError("");
- }
- } catch (err) {
- console.error("Failed to pick directory:", err);
- }
- }, []);
-
const handleSelect = useCallback(async () => {
const trimmedPath = path.trim();
if (!trimmedPath) {
@@ -103,14 +78,6 @@ export const ProjectCreateModal: React.FC = ({
}
}, [path, onSuccess, onClose]);
- const handleBrowseClick = useCallback(() => {
- if (isDesktop) {
- void handleBrowse();
- } else if (hasWebFsPicker) {
- setIsDirPickerOpen(true);
- }
- }, [handleBrowse, hasWebFsPicker, isDesktop]);
-
const handleKeyDown = useCallback(
(e: React.KeyboardEvent) => {
if (e.key === "Enter") {
@@ -122,55 +89,35 @@ export const ProjectCreateModal: React.FC = ({
);
return (
- <>
-
-
- {
- setPath(e.target.value);
- setError("");
- }}
- onKeyDown={handleKeyDown}
- placeholder="/home/user/projects/my-project"
- autoFocus
- disabled={isCreating}
- className="bg-modal-bg border-border-medium focus:border-accent placeholder:text-muted w-full flex-1 rounded border px-3 py-2 font-mono text-sm text-white focus:outline-none disabled:opacity-50"
- />
- {(isDesktop || hasWebFsPicker) && (
-
- )}
-
- {error && {error}
}
-
-
- Cancel
-
- void handleSelect()} disabled={isCreating}>
- {isCreating ? "Adding..." : "Add Project"}
-
-
-
- setIsDirPickerOpen(false)}
- onSelectPath={handleWebPickerPathSelected}
+
+ {
+ setPath(e.target.value);
+ setError("");
+ }}
+ onKeyDown={handleKeyDown}
+ placeholder="/home/user/projects/my-project"
+ autoFocus
+ disabled={isCreating}
+ className="bg-modal-bg border-border-medium focus:border-accent placeholder:text-muted text-foreground mb-5 w-full rounded border px-3 py-2 font-mono text-sm focus:outline-none disabled:opacity-50"
/>
-
+ {error && {error}
}
+
+
+ Cancel
+
+ void handleSelect()} disabled={isCreating}>
+ {isCreating ? "Adding..." : "Add Project"}
+
+
+
);
};
diff --git a/src/browser/components/RightSidebar.tsx b/src/browser/components/RightSidebar.tsx
index 15134529d..fb032c785 100644
--- a/src/browser/components/RightSidebar.tsx
+++ b/src/browser/components/RightSidebar.tsx
@@ -226,7 +226,7 @@ const RightSidebarComponent: React.FC = ({
className={cn(
"w-full py-2.5 px-[15px] border-none border-solid cursor-pointer font-primary text-[13px] font-medium transition-all duration-200",
selectedTab === "costs"
- ? "text-white bg-separator border-b-2 border-b-plan-mode"
+ ? "bg-separator border-b-2 border-b-plan-mode text-[var(--color-sidebar-tab-active)]"
: "bg-transparent text-secondary border-b-2 border-b-transparent hover:bg-background-secondary hover:text-foreground"
)}
onClick={() => setSelectedTab("costs")}
@@ -247,7 +247,7 @@ const RightSidebarComponent: React.FC = ({
className={cn(
"w-full py-2.5 px-[15px] border-none border-solid cursor-pointer font-primary text-[13px] font-medium transition-all duration-200",
selectedTab === "review"
- ? "text-white bg-separator border-b-2 border-b-plan-mode"
+ ? "bg-separator border-b-2 border-b-plan-mode text-[var(--color-sidebar-tab-active)]"
: "bg-transparent text-secondary border-b-2 border-b-transparent hover:bg-background-secondary hover:text-foreground"
)}
onClick={() => setSelectedTab("review")}
diff --git a/src/browser/components/RightSidebar/CodeReview/ReviewControls.tsx b/src/browser/components/RightSidebar/CodeReview/ReviewControls.tsx
index 10f19aa0a..6946a1332 100644
--- a/src/browser/components/RightSidebar/CodeReview/ReviewControls.tsx
+++ b/src/browser/components/RightSidebar/CodeReview/ReviewControls.tsx
@@ -115,7 +115,7 @@ export const ReviewControls: React.FC = ({
)}
-