[{"_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","e2e1db3fcb1abc988a6682828203be58d40ea351","path","apps/app/src/app.tsx","oid","e58dfd78baa84e90bf7bc16d98710bf8c9372915","size",11395,"commit","mounts",[],"source","plain",{"_13":14,"_15":16},"kind","text","import { useEffect, useMemo, useRef, useState, useSyncExternalStore } from \"react\";\n\nimport {\n\tButton,\n\tLayout,\n\tMain,\n\tSessionSidebar,\n\ttype SessionSidebarGroup,\n\ttype SessionSidebarGroupId,\n\ttype SessionSidebarRepo,\n\tSidebar,\n\ttype SidebarRow,\n\tThemeProvider,\n\ttoast,\n\tToaster,\n\tTooltipProvider,\n\tuseLayoutLeft,\n\tuseLocalStorage,\n\tuseMedia,\n} from \"@ace/ui\";\nimport { IconHash, IconPlus } from \"@ace/ui/icons\";\nimport type { Hello, HostRequest, Listing, Project } from \"@ace/host/protocol\";\n\nimport { chosen, deployed, remember } from \"./address\";\nimport { Channel } from \"./channel\";\nimport { Dashboard } from \"./dashboard\";\nimport { desktop, titlebar } from \"./desktop\";\nimport { host } from \"./host\";\nimport { Navigation, type Page, WindowControls } from \"./navigation\";\nimport { EmptyProjects, OpenProject } from \"./open-project\";\nimport { projectId, projects } from \"./projects\";\nimport { Settings } from \"./settings\";\nimport { UpdateNotice } from \"./updates\";\n\n/**\n * On a phone the channel list is a drawer over the channel: open while no channel is chosen, and\n * out of the way once one is.\n */\nfunction PhoneDrawer({ page, channel }: { page: string; channel?: string }) {\n\tconst left = useLayoutLeft();\n\tconst phone = useMedia(\"(width < 40rem)\");\n\tconst { setOpen } = left;\n\tuseEffect(() => {\n\t\tif (phone) setOpen(page === \"channels\" && !channel);\n\t}, [phone, page, channel, setOpen]);\n\treturn null;\n}\n\nfunction Disconnected() {\n\tif (desktop) return <>Disconnected from Ace Helper. Open Settings → This Mac to start it.;\n\tif (!deployed) return <>Disconnected from your host. Reconnecting…;\n\treturn (\n\t\t<>\n\t\t\tCan't reach {chosen}. Check that Tailscale is on.{\" \"}\n\t\t\t {\n\t\t\t\t\tremember(undefined);\n\t\t\t\t\tlocation.reload();\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\tChange host\n\t\t\t\n\t\t\n\t);\n}\n\nfunction row(channel: Listing, user: string): SidebarRow {\n\treturn {\n\t\tuid: channel.id,\n\t\tkind: \"session\",\n\t\tname: channel.name,\n\t\tcreatedAt: Math.floor(channel.created / 1000),\n\t\tlifecycle: channel.state === \"archived\" ? \"archived\" : \"live\",\n\t\tprivate: false,\n\t\tmine: channel.owner === user,\n\t\tmember: true,\n\t\tconnection: channel.state === \"running\"\n\t\t\t? \"connected\"\n\t\t\t: channel.state === \"offline\"\n\t\t\t? \"offline\"\n\t\t\t: \"idle\",\n\t\tagent: \"idle\",\n\t\tunreadCount: 0,\n\t\tmentionCount: 0,\n\t\tlastActivityAt: Math.floor(channel.created / 1000),\n\t\tonline: [],\n\t};\n}\n\nexport function App() {\n\tconst channels = useSyncExternalStore(host.subscribe, () => host.channels);\n\tconst opened = useSyncExternalStore(host.subscribe, () => host.projects);\n\tconst status = useSyncExternalStore(host.subscribe, () => host.status);\n\tconst [hello, setHello] = useState({ user: \"\", host: \"\" });\n\tconst [page, setPage] = useLocalStorage(\"ace:page\", \"dashboard\");\n\tconst [project, setProject] = useLocalStorage(\"ace:project-id\", undefined);\n\tconst [selected, setSelected] = useLocalStorage>(\n\t\t\"ace:project-channels\",\n\t\t{},\n\t);\n\tconst [adding, setAdding] = useState(false);\n\tconst [settings, setSettings] = useState(false);\n\tconst [left, setLeft] = useLocalStorage(\"panel:left\", true);\n\tconst [width, setWidth] = useLocalStorage(\"panel:left:width\", 200);\n\tconst [collapsed, setCollapsed] = useState>({\n\t\tpinned: false,\n\t\tmine: false,\n\t\tteam: false,\n\t\tarchived: true,\n\t});\n\tconst picking = useRef(false);\n\tconst creating = useRef(false);\n\tuseEffect(() => {\n\t\tconst open = () => setSettings(\"updates\");\n\t\twindow.addEventListener(\"ace:updates\", open);\n\t\tif (location.hash === \"#updates\") {\n\t\t\thistory.replaceState(null, \"\", location.pathname + location.search);\n\t\t\topen();\n\t\t}\n\t\treturn () => window.removeEventListener(\"ace:updates\", open);\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (status !== \"open\") return;\n\t\thost.request({ op: \"hello\" }).then(setHello, () => {});\n\t}, [status]);\n\n\tconst available = useMemo(() => projects(opened, channels, hello.host), [\n\t\topened,\n\t\tchannels,\n\t\thello.host,\n\t]);\n\tconst current = available.find((value) => value.id === project) || available[0];\n\tconst visible = channels.filter((channel) =>\n\t\tchannel.host === current?.host && channel.project === current.path\n\t);\n\tconst channel = current ? visible.find((value) => value.id === selected[current.id]) : undefined;\n\tconst connected = status === \"open\" && !!hello.host;\n\tconst local = current?.host === hello.host;\n\tconst repos: SessionSidebarRepo[] = available.map((value) => ({\n\t\tid: value.id,\n\t\tname: value.host === hello.host ? value.name : `${value.name} · ${value.host}`,\n\t\torg: \"\",\n\t}));\n\tconst groups: SessionSidebarGroup[] = [\n\t\t{\n\t\t\tid: \"mine\",\n\t\t\tlabel: \"Channels\",\n\t\t\trows: visible.filter((value) => value.state !== \"archived\" && value.owner === hello.user).map(\n\t\t\t\t(value) => row(value, hello.user),\n\t\t\t),\n\t\t\tcollapsed: collapsed.mine,\n\t\t},\n\t\t{\n\t\t\tid: \"team\",\n\t\t\tlabel: \"Team\",\n\t\t\trows: visible.filter((value) => value.state !== \"archived\" && value.owner !== hello.user).map(\n\t\t\t\t(value) => row(value, hello.user),\n\t\t\t),\n\t\t\tcollapsed: collapsed.team,\n\t\t},\n\t\t{\n\t\t\tid: \"archived\",\n\t\t\tlabel: \"Archived\",\n\t\t\trows: visible.filter((value) => value.state === \"archived\").map((value) =>\n\t\t\t\trow(value, hello.user)\n\t\t\t),\n\t\t\tcollapsed: collapsed.archived,\n\t\t},\n\t];\n\n\tfunction select(value: Pick) {\n\t\tconst id = projectId(value.host, value.project);\n\t\tsetProject(id);\n\t\tsetSelected((previous) => ({ ...previous, [id]: value.id }));\n\t\tsetPage(\"channels\");\n\t}\n\n\tasync function open(path: string) {\n\t\tconst value = await host.request({ op: \"project-open\", path });\n\t\tsetProject(projectId(hello.host, value.path));\n\t}\n\n\tasync function choose() {\n\t\tif (!connected || picking.current) return;\n\t\tif (!desktop) return setAdding(true);\n\t\tpicking.current = true;\n\t\ttry {\n\t\t\tconst path = await desktop.project();\n\t\t\tif (path) await open(path);\n\t\t} catch (error) {\n\t\t\ttoast.error(\"Could not open project\", { description: (error as Error).message });\n\t\t} finally {\n\t\t\tpicking.current = false;\n\t\t}\n\t}\n\n\tasync function create(text?: string, onCreated?: () => void): Promise {\n\t\tif (!current || !local || !connected || creating.current) return;\n\t\tcreating.current = true;\n\t\ttry {\n\t\t\tconst value = await host.request>({\n\t\t\t\top: \"create\",\n\t\t\t\tproject: current.path,\n\t\t\t});\n\t\t\ttry {\n\t\t\t\tif (text) await host.channel(value.id, { op: \"ask\", author: hello.user, text });\n\t\t\t\tonCreated?.();\n\t\t\t} finally {\n\t\t\t\tselect({ ...value, host: hello.host });\n\t\t\t}\n\t\t} catch (error) {\n\t\t\ttoast.error(\"Could not start channel\", {\n\t\t\t\tdescription: (error as Error).message,\n\t\t\t\taction: { label: \"Settings\", onClick: () => setSettings(true) },\n\t\t\t});\n\t\t} finally {\n\t\t\tcreating.current = false;\n\t\t}\n\t}\n\n\tasync function change(request: HostRequest) {\n\t\ttry {\n\t\t\tawait host.request(request);\n\t\t} catch (error) {\n\t\t\ttoast.error(\"Could not update channel\", { description: (error as Error).message });\n\t\t}\n\t}\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t setSettings(true)}\n\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 void choose()}\n\t\t\t\t\t\tonSettings={() => setSettings(true)}\n\t\t\t\t\t\tonPage={setPage}\n\t\t\t\t\t\tconnected={connected}\n\t\t\t\t\t/>\n\t\t\t\t\t{page === \"channels\" && current && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t setProject(repo.id)}\n\t\t\t\t\t\t\t\tonAddRepo={connected ? () => void choose() : undefined}\n\t\t\t\t\t\t\t\tonSelect={(item) => {\n\t\t\t\t\t\t\t\t\tconst value = visible.find((value) => value.id === item.uid);\n\t\t\t\t\t\t\t\t\tif (value) select(value);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tonNewSession={local && connected ? () => void create() : undefined}\n\t\t\t\t\t\t\t\tonToggleGroup={(id) => setCollapsed((value) => ({ ...value, [id]: !value[id] }))}\n\t\t\t\t\t\t\t\tonArchive={local && connected\n\t\t\t\t\t\t\t\t\t? (item) =>\n\t\t\t\t\t\t\t\t\t\tvoid change({\n\t\t\t\t\t\t\t\t\t\t\top: \"archive\",\n\t\t\t\t\t\t\t\t\t\t\tchannel: item.uid,\n\t\t\t\t\t\t\t\t\t\t\tarchived: item.lifecycle !== \"archived\",\n\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t: undefined}\n\t\t\t\t\t\t\t\tonDelete={local && connected\n\t\t\t\t\t\t\t\t\t? (item) => void change({ op: \"delete\", channel: item.uid })\n\t\t\t\t\t\t\t\t\t: undefined}\n\t\t\t\t\t\t\t\tempty={\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\tNo channels in this project yet.\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/>\n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t\t\n\t\t\t\t\t\t{deployed && status === \"connecting\" && !channels.length && (\n\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\tConnecting to{\" \"}\n\t\t\t\t\t\t\t\t{chosen}… If your browser asks to reach devices on your local network, allow it.\n\t\t\t\t\t\t\t

\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{status === \"closed\" && (\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

\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!current && !connected\n\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t: !current\n\t\t\t\t\t\t\t? void choose()} disabled={!connected} />\n\t\t\t\t\t\t\t: page === \"dashboard\"\n\t\t\t\t\t\t\t? (\n\t\t\t\t\t\t\t\t void choose()}\n\t\t\t\t\t\t\t\t\tonChannel={select}\n\t\t\t\t\t\t\t\t\tonCreate={create}\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: channel\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)\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\t\n\t\t\t\t\t\t\t\t\t

Choose a channel in {current.name}

\n\t\t\t\t\t\t\t\t\t{local && (\n\t\t\t\t\t\t\t\t\t\t void create()}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\tNew channel\n\t\t\t\t\t\t\t\t\t\t\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)}\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t{adding && setAdding(false)} />}\n\t\t\t\t{settings && (\n\t\t\t\t\t setSettings(false)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{desktop && window.dispatchEvent(new Event(\"ace:updates\"))} />}\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",1794511737798,"sidebar","expanded"]