workbench.glass.main.js · part 592

60 text occurrences from desktop/Cursor.app/Contents/Resources/app/out/vs/workbench/workbench.glass.main.js, part 592. Every entry preserves the shipped literal and its saved verdict or selection reason.

File contents and all parts · All files

pnpm typecheck

Nice. Can you also persist the choice across reloads?

I will store the preference in localStorage and read it back on init.

Done — the toggle now persists to `localStorage` and restores on load.

use strict

export function Settings() {
	return (
		<div className="settings">
			<h1>Settings</h1>
		</div>
	);
}

import { Toggle } from "./Toggle";
import { useTheme } from "../hooks/useTheme";

export function Settings() {
	const { darkMode, toggle } = useTheme();
	return (
		<div className="settings">
			<h1>Settings</h1>
			<Toggle checked={darkMode} onChange={toggle} label="Dark mode" />
		</div>
	);
}

export function useTheme() {
	const [darkMode, setDarkMode] = useState(false);
	return { darkMode, toggle: () => setDarkMode(v => !v) };
}

export function useTheme() {
	const [darkMode, setDarkMode] = useState(
		() => localStorage.getItem("theme") === "dark"
	);
	useEffect(() => {
		localStorage.setItem("theme", darkMode ? "dark" : "light");
	}, [darkMode]);
	return { darkMode, toggle: () => setDarkMode(v => !v) };
}

## Dark mode toggle added

I added a `useTheme` hook and wired a toggle into the settings page.

- Reads the saved preference from `localStorage`

- Falls back to the system `prefers-color-scheme`

- Toggles the `.dark` class on the document root

const { darkMode, toggle } = useTheme();

See the [MDN docs](https://developer.mozilla.org/en-US/docs/Web/CSS/prefers-color-scheme) for details.

px-2 py-1 text-xs rounded border cursor-pointer ${t?"bg-[var(--vscode-button-background)] text-[var(--vscode-button-foreground)] border-transparent":"bg-transparent text-[var(--vscode-foreground)] border-[var(--vscode-input-border)]"}

bg-[var(--vscode-button-background)] text-[var(--vscode-button-foreground)] border-transparent

bg-transparent text-[var(--vscode-foreground)] border-[var(--vscode-input-border)]

p-4 flex flex-col gap-4 w-full box-border overflow-y-auto h-full

flex flex-col gap-1

text-base font-semibold

React Transcript

text-sm text-[var(--vscode-descriptionForeground)]

Real transcript pipeline over mock composer data: header/bubble entry creation, grouping, hydration, tool-call conversion, and tail status — rendered with AgentTranscriptRowView. Activity groups and thinking are collapsed by default; while generating, a live status row reports the current action. Turn on Approvals for a third turn with three queued pending tools (stacked deck on the surfaced card, "3 tools pending" in the group).

flex flex-row flex-wrap items-center gap-2

text-xs text-[var(--vscode-descriptionForeground)] w-16

flex flex-row flex-wrap items-center gap-2

text-xs text-[var(--vscode-descriptionForeground)] w-16

use strict

calc(var(--conversation-tool-card-padding-x) - 2px)

var(--cursor-font-size-lg, 14px)

var(--cursor-font-size-lg, 14px)

var(--cursor-line-height-lg, 22px)

1px solid var(--vscode-panel-border)

2m ago

Today at 2:14 PM

Worked for 2m 15s

Copy request ID

3 files changed · +48 −12

Auto-review (with Sandbox)

Ask Every Time

Use Allowlist

Key cannot be empty

Cannot set nested property "${q}" - parent object does not exist or is not an object

Key cannot be empty

1px 2px

1px 2px

1px solid var(--vscode-editor-findMatchBorder)

1px solid var(--vscode-editor-findMatchBorder)

Double-click to edit "${re}"

1px 2px

1px solid var(--vscode-editor-findMatchBorder)

Reactive Storage Devtool

6px 8px

1px solid var(--vscode-dropdown-border)

6px 8px

1px solid var(--vscode-dropdown-border)

6px 12px

1px solid var(--vscode-input-border)