| author |  maria <maria@kuuro.net> 2026-09-04 14:32:15-04:00 |
| committer |  GitHub <noreply@github.com> 2026-09-04 14:32:15-04:00 |
| log | cbe93e8dfba68ff6fbe8c69e43a633fdc79db62d |
| tree | 9785e2cbdaf8afbf648c7a3955782d5df8521603 |
| parent | cfc9bf34156ddcc4a98b7f5c67193adb5aedce06 |
| signature | Signed by PGP key B5690EEEBB952194 |
fix(web): show project settings for new threads (#9743)
2 files changed, 34 insertions(+), 3 deletions(-)
apps
web
src
components
apps/web/src/components/ChatView.tsx+15-1
| ... | ... | @@ -1970,6 +1970,18 @@ export default function ChatView(props: ChatViewProps) { |
| 1970 | 1970 | const handleNewThreadInActiveProject = useCallback(() => { |
| 1971 | 1971 | startNewThreadForProject(activeProjectRef, handleNewThread); |
| 1972 | 1972 | }, [activeProjectRef, handleNewThread]); |
| 1973 | const projectGroupingSettings = useClientSettings(selectProjectGroupingSettings); | |
| 1974 | const activeDraftLogicalProjectKey = | |
| 1975 | !isServerThread && activeProject | |
| 1976 | ? deriveLogicalProjectKeyFromSettings(activeProject, projectGroupingSettings) | |
| 1977 | : undefined; | |
| 1978 | const handleOpenDraftProjectSettings = useCallback(() => { | |
| 1979 | if (!activeDraftLogicalProjectKey) return; | |
| 1980 | void navigate({ | |
| 1981 | to: "/projects/$projectKey", | |
| 1982 | params: { projectKey: activeDraftLogicalProjectKey }, | |
| 1983 | }); | |
| 1984 | }, [activeDraftLogicalProjectKey, navigate]); | |
| 1973 | 1985 | const activeEnvironmentShell = useEnvironmentQuery( |
| 1974 | 1986 | activeThread ? environmentShell.stateAtom(activeThread.environmentId) : null, |
| 1975 | 1987 | ); |
| ... | ... | @@ -1977,7 +1989,6 @@ export default function ChatView(props: ChatViewProps) { |
| 1977 | 1989 | const activeProjectKey = activeProject |
| 1978 | 1990 | ? `${activeProject.environmentId}:${activeProject.workspaceRoot}` |
| 1979 | 1991 | : null; |
| 1980 | const projectGroupingSettings = useClientSettings(selectProjectGroupingSettings); | |
| 1981 | 1992 | const clientSettingsHydrated = useClientSettingsHydrated(); |
| 1982 | 1993 | const [pendingFileSurfaceIdsByProject, setPendingFileSurfaceIdsByProject] = useState< |
| 1983 | 1994 | ReadonlyMap<string, ReadonlySet<string>> |
| ... | ... | @@ -7729,6 +7740,9 @@ export default function ChatView(props: ChatViewProps) { |
| 7729 | 7740 | rightPanelOpen={rightPanelOpen} |
| 7730 | 7741 | gitCwd={gitCwd} |
| 7731 | 7742 | onNewThreadInProject={handleNewThreadInActiveProject} |
| 7743 | {...(activeDraftLogicalProjectKey | |
| 7744 | ? { onOpenProjectSettings: handleOpenDraftProjectSettings } | |
| 7745 | : {})} | |
| 7732 | 7746 | onRunProjectScript={runProjectScript} |
| 7733 | 7747 | onAddProjectScript={saveProjectScript} |
| 7734 | 7748 | onUpdateProjectScript={updateProjectScript} |
apps/web/src/components/chat/ChatHeader.tsx+19-2
| ... | ... | @@ -35,6 +35,7 @@ import { useRemoteOpenState, type RemoteOpenMode } from "../../remoteOpen"; |
| 35 | 35 | import { usePrimaryEnvironmentId } from "../../state/environments"; |
| 36 | 36 | import { useT3ProjectFileScripts } from "~/hooks/useT3ProjectFileScripts"; |
| 37 | 37 | import { useThreadActionMenu } from "~/hooks/useThreadActionMenu"; |
| 38 | import { readLocalApi } from "~/localApi"; | |
| 38 | 39 | import { threadEnvironment } from "../../state/threads"; |
| 39 | 40 | import { useAtomCommand } from "../../state/use-atom-command"; |
| 40 | 41 | import { observeResponsiveBreakpointFade, usePanelAnimationSettings } from "../../panelAnimations"; |
| ... | ... | @@ -66,6 +67,7 @@ interface ChatHeaderProps { |
| 66 | 67 | gitCwd: string | null; |
| 67 | 68 | readonly onOpenPullRequest?: ((number: number) => void) | undefined; |
| 68 | 69 | onNewThreadInProject: () => void; |
| 70 | onOpenProjectSettings?: (() => void) | undefined; | |
| 69 | 71 | onRunProjectScript: (script: ProjectScript) => void; |
| 70 | 72 | onAddProjectScript: (input: NewProjectScriptInput) => Promise<ProjectScriptActionResult>; |
| 71 | 73 | onUpdateProjectScript: ( |
| ... | ... | @@ -137,6 +139,7 @@ export const ChatHeader = memo(function ChatHeader({ |
| 137 | 139 | gitCwd, |
| 138 | 140 | onOpenPullRequest, |
| 139 | 141 | onNewThreadInProject, |
| 142 | onOpenProjectSettings, | |
| 140 | 143 | onRunProjectScript, |
| 141 | 144 | onAddProjectScript, |
| 142 | 145 | onUpdateProjectScript, |
| ... | ... | @@ -275,15 +278,29 @@ export const ChatHeader = memo(function ChatHeader({ |
| 275 | 278 | ); |
| 276 | 279 | const handleHeaderContextMenu = useCallback( |
| 277 | 280 | (event: ReactMouseEvent) => { |
| 278 | if (!isServerThread || renamingTitle !== null) return; | |
| 281 | if (renamingTitle !== null) return; | |
| 279 | 282 | // The right-side controls (git, scripts, open-in) keep their own |
| 280 | 283 | // behavior; only the breadcrumb area opens the thread menu. |
| 281 | 284 | if ((event.target as HTMLElement).closest("[data-chat-header-actions]")) return; |
| 285 | if (!isServerThread && onOpenProjectSettings === undefined) return; | |
| 282 | 286 | cancelPendingTitleMenu(); |
| 283 | 287 | event.preventDefault(); |
| 288 | if (!isServerThread) { | |
| 289 | const api = readLocalApi(); | |
| 290 | if (!api) return; | |
| 291 | void api.contextMenu | |
| 292 | .show([{ id: "project-settings", label: "Project settings", icon: "settings" }], { | |
| 293 | x: event.clientX, | |
| 294 | y: event.clientY, | |
| 295 | }) | |
| 296 | .then((action) => { | |
| 297 | if (action === "project-settings") onOpenProjectSettings?.(); | |
| 298 | }); | |
| 299 | return; | |
| 300 | } | |
| 284 | 301 | openMenu({ x: event.clientX, y: event.clientY }); |
| 285 | 302 | }, |
| 286 | [cancelPendingTitleMenu, isServerThread, openMenu, renamingTitle], | |
| 303 | [cancelPendingTitleMenu, isServerThread, onOpenProjectSettings, openMenu, renamingTitle], | |
| 287 | 304 | ); |
| 288 | 305 | const handleRenameKeyDown = useCallback( |
| 289 | 306 | (event: ReactKeyboardEvent<HTMLInputElement>) => { |