[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10,"_11":12},"actionData","errors","root",{"_271":-5,"_274":275,"_276":277},"routes/shell",{"_40":41,"_270":-5,"_271":-5,"_272":273},"routes/repo",{"_33":-7,"_34":35,"_36":37,"_38":39,"_40":41,"_42":31,"_43":31,"_44":31,"_45":31,"_46":31,"_47":31,"_48":49,"_50":49,"_51":31,"_52":-7,"_53":-7,"_54":55,"_56":57,"_58":59,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68},"routes/repo.blob",{"_13":14,"_15":16,"_17":18,"_19":20,"_21":14,"_22":23,"_24":-5,"_25":26,"_27":28,"_28":29,"_30":31,"_32":14},"ref","39191bb63434716c5162010baaae4b247ea370a1","path","apps/app/src/settings.tsx","oid","b52447bdaff2349ff7d822d5f231a197b8cb47ef","size",14496,"commit","mounts",[],"source","plain",{"_13":14,"_15":16},"kind","text","import { type ComponentType, useEffect, useState, useSyncExternalStore } from \"react\";\n\nimport {\n\tButton,\n\tDialog,\n\tDialogContent,\n\tDialogDescription,\n\tDialogTitle,\n\tInput,\n\ttype Theme,\n\tuseTheme,\n} from \"@ace/ui\";\nimport {\n\tIconArrowDownToLine,\n\tIconKey,\n\tIconLaptop,\n\tIconPointer,\n\ttype IconProps,\n\tIconServer,\n\tIconSettings,\n} from \"@ace/ui/icons\";\nimport type { ProviderSettings, Settings as HostSettings } from \"@ace/host/protocol\";\n\nimport { desktop } from \"./desktop\";\nimport { host } from \"./host\";\nimport { HostStatus } from \"./host-settings\";\nimport { NativeStatus } from \"./native-settings\";\nimport { Group, Problem, Row, Select, Status } from \"./settings-layout\";\nimport { UpdateSettings } from \"./updates\";\n\ntype Section = \"general\" | \"providers\" | \"computer\" | \"host\" | \"updates\";\n\ntype Info = { id: Section; label: string; description: string; icon: ComponentType };\n\nconst all: (Info & { desktop?: boolean })[] = [\n\t{\n\t\tid: \"general\",\n\t\tlabel: \"General\",\n\t\tdescription: \"Appearance and the model new chats start with.\",\n\t\ticon: IconSettings,\n\t},\n\t{\n\t\tid: \"providers\",\n\t\tlabel: \"Providers\",\n\t\tdescription:\n\t\t\t\"Provider keys stay in your system keychain. Changes apply to the next model request.\",\n\t\ticon: IconKey,\n\t},\n\t{\n\t\tid: \"computer\",\n\t\tlabel: \"Computer use\",\n\t\tdescription: \"Let agents see and operate apps on this Mac.\",\n\t\ticon: IconPointer,\n\t\tdesktop: true,\n\t},\n\t{\n\t\tid: \"host\",\n\t\tlabel: desktop ? \"This Mac\" : \"This host\",\n\t\tdescription: \"Ace Helper, team connectivity, and tools.\",\n\t\ticon: desktop ? IconLaptop : IconServer,\n\t},\n\t{\n\t\tid: \"updates\",\n\t\tlabel: \"Updates\",\n\t\tdescription: \"Keep Ace and Ace Helper up to date.\",\n\t\ticon: IconArrowDownToLine,\n\t\tdesktop: true,\n\t},\n];\n\nconst sections = all.filter((section) => !section.desktop || desktop);\n\nconst themes: { value: Theme; label: string }[] = [\n\t{ value: \"system\", label: \"System\" },\n\t{ value: \"light\", label: \"Light\" },\n\t{ value: \"dark\", label: \"Dark\" },\n];\n\nconst sources = {\n\tkeychain: \"Saved in Keychain\",\n\tenvironment: \"Using an environment key\",\n\tmissing: \"No key added\",\n\tunavailable: \"Keychain access needed\",\n};\n\nfunction Provider({ provider, disabled }: { provider: ProviderSettings; disabled: boolean }) {\n\tconst [value, setValue] = useState(\"\");\n\tconst [editing, setEditing] = useState(false);\n\tconst [confirm, setConfirm] = useState(false);\n\tconst [action, setAction] = useState<{ busy?: boolean; error?: string; message?: string }>({});\n\tconst id = `key-${provider.id}`;\n\tconst locked = disabled || action.busy;\n\n\tasync function run(op: \"key-set\" | \"key-check\" | \"key-remove\") {\n\t\tsetAction({ busy: true });\n\t\ttry {\n\t\t\tawait host.request(\n\t\t\t\top === \"key-set\"\n\t\t\t\t\t? { op, provider: provider.id, value }\n\t\t\t\t\t: { op, provider: provider.id },\n\t\t\t);\n\t\t\tif (op === \"key-set\") {\n\t\t\t\tsetValue(\"\");\n\t\t\t\tsetEditing(false);\n\t\t\t}\n\t\t\tsetConfirm(false);\n\t\t\tsetAction({\n\t\t\t\tmessage: op === \"key-check\"\n\t\t\t\t\t? \"Connection verified.\"\n\t\t\t\t\t: op === \"key-remove\"\n\t\t\t\t\t? \"Saved key removed.\"\n\t\t\t\t\t: \"Key checked and saved.\",\n\t\t\t});\n\t\t} catch (error) {\n\t\t\tsetAction({ error: (error as Error).message });\n\t\t}\n\t}\n\n\treturn (\n\t\t\n\t\t\t\t\t{sources[provider.source]}\n\t\t\t\t\t{provider.override && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{\" · \"}\n\t\t\t\t\t\t\t{provider.override}{\" \"}\n\t\t\t\t\t\t\ttakes priority over a saved key. Remove that environment override and restart Ace\n\t\t\t\t\t\t\tHelper to use Keychain.\n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t\n\t\t\t}\n\t\t\tfooter={\n\t\t\t\t<>\n\t\t\t\t\t{editing && (\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\tvoid run(\"key-set\");\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t setValue(event.target.value)}\n\t\t\t\t\t\t\t\tonKeyDown={(event) => {\n\t\t\t\t\t\t\t\t\tif (event.key !== \"Escape\" || action.busy) return;\n\t\t\t\t\t\t\t\t\t// Escape cancels the key form before it reaches the dialog.\n\t\t\t\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t\t\t\tsetEditing(false);\n\t\t\t\t\t\t\t\t\tsetValue(\"\");\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\tsetEditing(false);\n\t\t\t\t\t\t\t\t\t\tsetValue(\"\");\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tCancel\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t\t{confirm && (\n\t\t\t\t\t\t

\n\t\t\t\t\t\t\t

Remove this saved key? New model requests will need another credential.

\n\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\t void run(\"key-remove\")}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tRemove key\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t)}\n\t\t\t\t\t{provider.error && {provider.error}}\n\t\t\t\t\t{action.busy && Checking with {provider.name} or waiting for Keychain…}\n\t\t\t\t\t{action.error && {action.error}}\n\t\t\t\t\t{action.message && {action.message}}\n\t\t\t\t\n\t\t\t}\n\t\t>\n\t\t\t{(provider.source === \"keychain\" || provider.source === \"environment\") && (\n\t\t\t\t void run(\"key-check\")}\n\t\t\t\t>\n\t\t\t\t\tCheck\n\t\t\t\t\n\t\t\t)}\n\t\t\t{!editing && (\n\t\t\t\t {\n\t\t\t\t\t\tsetConfirm(false);\n\t\t\t\t\t\tsetEditing(true);\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{provider.stored ? \"Replace key\" : \"Add key\"}\n\t\t\t\t\n\t\t\t)}\n\t\t\t{provider.stored && !confirm && (\n\t\t\t\t {\n\t\t\t\t\t\tsetEditing(false);\n\t\t\t\t\t\tsetConfirm(true);\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\tRemove…\n\t\t\t\t\n\t\t\t)}\n\t\t\n\t);\n}\n\nfunction DefaultModel({ settings, disabled }: { settings?: HostSettings; disabled: boolean }) {\n\tconst [action, setAction] = useState<{ busy?: boolean; error?: string }>({});\n\tconst chosen = settings?.modelOverride || settings?.model;\n\tconst value = chosen ? `${chosen.provider}/${chosen.modelId}` : \"\";\n\tconst available = settings?.models.map((model) => `${model.provider}/${model.modelId}`) || [];\n\n\tasync function save(value: string) {\n\t\tconst split = value.indexOf(\"/\");\n\t\tconst model = value\n\t\t\t? { provider: value.slice(0, split), modelId: value.slice(split + 1) }\n\t\t\t: null;\n\t\tsetAction({ busy: true });\n\t\ttry {\n\t\t\tawait host.request({ op: \"preferences\", model });\n\t\t\tsetAction({});\n\t\t} catch (error) {\n\t\t\tsetAction({ error: (error as Error).message });\n\t\t}\n\t}\n\n\treturn (\n\t\t\n\t\t\t\t\t{action.busy && Saving default model…}\n\t\t\t\t\t{action.error && {action.error}}\n\t\t\t\t\n\t\t\t}\n\t\t>\n\t\t\t void save(event.target.value)}\n\t\t\t>\n\t\t\t\t\n\t\t\t\t{value && !available.includes(value) && (\n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t\t{available.map((model) => )}\n\t\t\t\n\t\t\n\t);\n}\n\nfunction Appearance() {\n\tconst { theme, set } = useTheme();\n\treturn (\n\t\t\n\t\t\t set(event.target.value as Theme)}\n\t\t\t>\n\t\t\t\t{themes.map(({ value, label }) => )}\n\t\t\t\n\t\t\n\t);\n}\n\nexport function Settings(\n\t{ onClose, initialSection }: { onClose: () => void; initialSection?: \"updates\" },\n) {\n\tconst status = useSyncExternalStore(host.subscribe, () => host.status);\n\tconst [section, setSection] = useState

(\n\t\t// Updates exist only in the desktop app; browsers keep their usual first section.\n\t\t(desktop && initialSection) || (status === \"open\" ? \"general\" : \"host\"),\n\t);\n\t// Sections stay mounted after their first visit so in-flight key, helper, and update actions\n\t// keep their busy state and results; hidden sections stop their own polling.\n\tconst [visited, setVisited] = useState(() => new Set([section]));\n\tconst version = useSyncExternalStore(host.subscribe, () => host.settingsVersion);\n\tconst [retry, setRetry] = useState(0);\n\tconst [result, setResult] = useState<{ settings?: HostSettings; error?: string }>({});\n\tconst offline = status !== \"open\";\n\tconst current = sections.find(({ id }) => id === section)!;\n\n\tfunction show(next: Section) {\n\t\tsetSection(next);\n\t\tsetVisited((seen) => seen.has(next) ? seen : new Set(seen).add(next));\n\t}\n\n\tuseEffect(() => {\n\t\tif (!desktop) return;\n\t\tconst updates = () => show(\"updates\");\n\t\twindow.addEventListener(\"ace:updates\", updates);\n\t\treturn () => window.removeEventListener(\"ace:updates\", updates);\n\t}, []);\n\n\t// Reading provider settings touches Keychain, so pages that don't show it never request it.\n\tconst needed = visited.has(\"general\") || visited.has(\"providers\");\n\tuseEffect(() => {\n\t\tif (status !== \"open\" || !needed) return;\n\t\tlet active = true;\n\t\thost.request({ op: \"settings\" }).then(\n\t\t\t(settings) => {\n\t\t\t\tif (active) setResult({ settings });\n\t\t\t},\n\t\t\t(error: Error) => {\n\t\t\t\t// Keep the last snapshot so mounted provider rows keep their drafts and busy state.\n\t\t\t\tif (active) setResult((last) => ({ settings: last.settings, error: error.message }));\n\t\t\t},\n\t\t);\n\t\treturn () => {\n\t\t\tactive = false;\n\t\t};\n\t}, [status, version, retry, needed]);\n\n\tconst reading = !result.settings && !result.error && !offline;\n\tconst refresh = (label: string) => (\n\t\t setRetry((value) => value + 1)}\n\t\t>\n\t\t\t{label}\n\t\t\n\t);\n\tconst problems = (\n\t\t<>\n\t\t\t{offline && Waiting for Ace Helper to reconnect…}\n\t\t\t{reading && Reading provider settings…}\n\t\t\t{result.error && {result.error}}\n\t\t\t{result.settings?.error && {result.settings.error}}\n\t\t\n\t);\n\n\treturn (\n\t\t {\n\t\t\t\tif (!open) onClose();\n\t\t\t}}\n\t\t>\n\t\t\t\n\t\t\t\t

\n\t\t\t\t\tSettings\n\t\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\t\t show(id)}\n\t\t\t\t\t\t\t\t\t\tclassName=\"flex h-7 w-full items-center gap-2 rounded-md px-2 text-left text-xs font-medium text-muted-foreground outline-none transition-colors duration-100 hover:bg-foreground/5 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring/50 aria-[current=page]:bg-foreground/[0.07] aria-[current=page]:text-foreground motion-reduce:transition-none\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t\t\t

{current.label}

\n\t\t\t\t\t\t{current.description}\n\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t\t\t{visited.has(\"general\") && (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{visited.has(\"providers\") && (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{desktop && visited.has(\"computer\") && (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{visited.has(\"host\") && (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{desktop && visited.has(\"updates\") && (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)}\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\n\t\t\n\t);\n}\n","editable",false,"branch","documentNavigation","repo","githubnext/ace2","repoId","938fe4cd-5320-4e4f-ac7c-87d4dad8490c","ownerId","org:89615882","site","nexthub","private","admin","settings","maintainer","triage","starred","stars",0,"watchers","watching","pinned","notify","views",[226,227,228,229,230,231,232,233,234,235,236,237,238],"navigation",{"_54":55,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193},"sources",[],"viewer","meta",{"_174":175,"_176":177,"_178":179,"_42":31,"_180":166,"_181":31,"_48":49,"_50":49},"branches",[81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165,166,167,168,169,170,171,172,173],"tags",[69,70,71,72,73,74,75,76,77,78,79,80],"cloneUrl","https://git.nexthub.sh/githubnext/ace2.git","desktop-canary-v0.0.10","desktop-canary-v0.0.11","desktop-canary-v0.0.12","desktop-canary-v0.0.13","desktop-canary-v0.0.14","desktop-canary-v0.0.15","desktop-canary-v0.0.16","desktop-canary-v0.0.18","desktop-canary-v0.0.21","desktop-canary-v0.0.7","desktop-canary-v0.0.8","desktop-canary-v0.0.9","amber-beacon/composer-effort","brisk-ember/github-avatars","brisk-grove/image-paste-91","calm-anchor/fix-streaming-draft-overlap","calm-grove/composer-agent-mode","cloud-pilot-ops/canary-0-0-17","cloud-pilot-ops/cloud-move","cloud-pilot-ops/cloud-pilot","codex/agentation-shortcut","codex/annotation-polish","codex/browser-pages","codex/canary-0-0-21","codex/canary-0.0.11","codex/channel-delete-close","codex/channel-watch-recovery","codex/clipboard-files-write","codex/composer-coordinate-check","codex/computer-use-validation","codex/desktop-actions","codex/desktop-app-search","codex/desktop-app-state","codex/desktop-availability","codex/desktop-click-variants","codex/desktop-clipboard","codex/desktop-clipboard-files","codex/desktop-clipboard-image","codex/desktop-clipboard-image-write","codex/desktop-clipboard-text","codex/desktop-drag","codex/desktop-keyboard","codex/desktop-launch","codex/desktop-locked-feedback","codex/desktop-menu-command","codex/desktop-menu-inventory","codex/desktop-minimize","codex/desktop-open","codex/desktop-pointer","codex/desktop-quit","codex/desktop-selection-keys","codex/desktop-tool-guidance","codex/desktop-tools-extraction","codex/desktop-window-close","codex/desktop-window-geometry","codex/desktop-windows","codex/dev-permission-identity","codex/durable-composer-drafts","codex/fix-message-clipping","codex/lane-base-96","codex/native-patch-prefix","codex/peekaboo","codex/peer-channel-messaging","codex/pixel-snapshot-authority","codex/publish-canary-0-0-21","codex/readme-security","codex/settings-refresh","codex/stale-click-refusal","codex/tab-renaming-api","codex/team-agent-access","codex/team-channel-sections","codex/team-dogfood-integration","codex/webkit-coordinate-window","codex/webkit-desktop-focus","deft-beacon/helper-isolation","deft-grove/align-avatar-byline","deft-grove/build-canary-0-0-18","deft-grove/canary-github-releases","deft-grove/ship-canary-0-0-18","deft-meadow/details-sidebar","fair-ember/canary-0-0-13","fair-ember/canary-0-0-14","fair-fjord/all-projects","feat/github-cache","feat/rebuild","fix/channel-credentials","glad-anchor/restore-message-queue","glad-ember/archive-inactive-channels","glad-fjord/project-identity","glad-orbit/channel-progress","glad-ridge/terminal-replay-input","hazy-anchor/github-row-actions","hazy-ember/channel-access-toggles","hazy-grove/all-projects-add-channel","local-project-setup/build-canary-0-0-20","local-project-setup/canary-0-0-20","local-project-setup/local-project-setup","main","mellow-ridge/canary-0-0-16","mellow-ridge/top-bar-drag-area","nimble-cedar/modal-top-offset","nimble-meadow/canary-0-0-15","remote-channel-load/build-canary-0-0-19","remote-channel-load/canary-0-0-19","remote-channel-load/fix-remote-channel-load","description","Ace: a collaborative coding environment on the team's own machines","owner","githubnext","section","","head","empty","pins",[208,209,210],"documents",{"_203":204,"_205":206},"code",{"_199":200,"_201":202},"automations",{"_196":197,"_198":-5},"delivery",{"_194":49,"_195":-5},"tag","9Rn62lcgXCFfpmCuooTjLxGyUf8","releases","applications","workflows",2,"deployments","commits",215,"changes",1,"counts",{"_207":206},"total",86,"issue",{"_211":201,"_213":224,"_15":201,"_215":225,"_52":217,"_218":31,"_219":217,"_220":202},{"_211":221,"_213":222,"_15":221,"_215":223,"_52":217,"_218":31,"_219":217,"_220":49},{"_211":212,"_213":214,"_15":212,"_215":216,"_52":217,"_218":31,"_219":217,"_220":206},"id","issues","name","Issues","filters",{},true,"saved","pinnable","count","tasks","Tasks",{},"Changes",{},{"_211":201,"_213":224,"_15":201,"_215":269,"_52":217,"_218":31,"_219":217},{"_211":221,"_213":222,"_15":221,"_215":268,"_52":217,"_218":31,"_219":217},{"_211":212,"_213":214,"_15":212,"_215":267,"_52":217,"_218":31,"_219":217},{"_211":264,"_213":265,"_15":264,"_215":266,"_52":31,"_218":31,"_219":217},{"_211":261,"_213":262,"_15":261,"_215":263,"_52":31,"_218":31,"_219":217},{"_211":196,"_213":259,"_15":188,"_215":260,"_52":31,"_218":31,"_219":217},{"_211":198,"_213":256,"_15":257,"_215":258,"_52":31,"_218":31,"_219":217},{"_211":194,"_213":254,"_15":194,"_215":255,"_52":31,"_218":31,"_219":217},{"_211":250,"_213":251,"_15":252,"_215":253,"_52":31,"_218":31,"_219":217},{"_211":184,"_213":248,"_15":184,"_215":249,"_52":31,"_218":31,"_219":31},{"_211":245,"_213":246,"_15":245,"_215":247,"_52":31,"_218":31,"_219":31},{"_211":242,"_213":243,"_15":242,"_215":244,"_52":31,"_218":31,"_219":31},{"_211":239,"_213":240,"_15":239,"_215":241,"_52":31,"_218":31,"_219":31},"decisions","Decisions",{},"changelog","Changelog",{},"roadmap","Roadmap",{},"Documents",{},"activity","Activity","insights",{},"Releases",{},"Deployments","automations/deployments",{},"Workflows",{},"discussions","Discussions",{},"goals","Goals",{},{},{},{},"groups","user","agents",[],"now",1794435313584,"sidebar","expanded"]