[{"_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","b6e09da47a0710eed2deaad643adf8d287c2da81","path","apps/app/src/layout/layout.tsx","oid","3c83aff61b62326505717f3a6551dae3e40d61f4","size",26116,"commit","mounts",[],"source","plain",{"_13":14,"_15":16},"kind","text","import {\n\ttype ComponentType,\n\ttype CSSProperties,\n\ttype KeyboardEvent,\n\ttype MouseEvent,\n\ttype PointerEvent,\n\ttype ReactNode,\n\ttype Ref,\n\tuseEffect,\n\tuseEffectEvent,\n\tuseLayoutEffect,\n\tuseState,\n\tuseSyncExternalStore,\n} from \"react\";\nimport { createPortal, flushSync } from \"react-dom\";\n\nimport type { TabRename, WindowState } from \"@ace/host/protocol\";\nimport * as Split from \"@ace/split-tabs\";\nimport {\n\tButton,\n\tContextMenu,\n\tContextMenuContent,\n\tContextMenuGroup,\n\tContextMenuItem,\n\tContextMenuTrigger,\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuGroup,\n\tDropdownMenuItem,\n\tDropdownMenuTrigger,\n\tTooltip,\n\tTooltipContent,\n\tTooltipProvider,\n\tTooltipTrigger,\n} from \"@ace/ui\";\nimport {\n\tIconFileDiff,\n\tIconMessage,\n\tIconPencil,\n\tIconPlus,\n\tIconRows,\n\tIconSplitView,\n\tIconTerminal,\n\tIconX,\n} from \"@ace/ui/icons\";\n\nimport { host } from \"../host\";\nimport { Bar as Header } from \"./bar\";\nimport { Grip } from \"./grip\";\nimport { Rename } from \"./rename\";\nimport {\n\tCHAT,\n\ttype Content,\n\tcontent,\n\tfallback,\n\ttype Kind,\n\ttype Meta,\n\tread,\n\twrite,\n} from \"./storage\";\nimport { type DndDrag, type DndDrop, useDnd } from \"./use-dnd\";\nimport { useResize } from \"./use-resize\";\n\nexport { CHAT, type Content };\n\ntype Icon = ComponentType<{ className?: string }>;\ntype Choice = Exclude;\n\ntype Item = {\n\tuid: string;\n\tname: string;\n\tkind: Kind;\n\tchat: boolean;\n\ticon: Icon;\n};\n\n/** Renders a tab's content; `update` merges into the tab's persisted content. */\nexport type Render = (\n\tdata: Content,\n\tuid: string,\n\tactive: boolean,\n\tupdate: (patch: Partial) => void,\n) => ReactNode;\n\ntype Props = {\n\t/** Where the layout persists: one per channel. */\n\tid: string;\n\tname: string;\n\t/** The chat new Diff and Terminal tabs show. */\n\tchat: number;\n\t/** Whether the chat's lane has changes, once known. */\n\tchanged?: boolean;\n\trender: Render;\n\t/** Channel controls immediately before the header's new-tab button. */\n\tactions?: ReactNode;\n\t/** Notified when a tab is closed, so owners can release its resources. */\n\tonTabClose?: (uid: string, data: Content) => void;\n\t/** Receives the function that shows the chat's Diff tab, opening one beside the chat if needed. */\n\topener?: { current?: () => void };\n};\n\nconst MIN = 350;\nconst CHAT_MIN = 450;\n// The old app also offered Plan, Browse, and Browser Preview; they return when their backends do.\nconst CHOICES: Choice[] = [\"chat\", \"diff\", \"terminal\"];\nconst ICONS: Record = {\n\tblank: IconSplitView,\n\tchat: IconMessage,\n\tdiff: IconFileDiff,\n\tterminal: IconTerminal,\n};\nconst TITLES: Record = {\n\tblank: \"Blank\",\n\tchat: \"Chat\",\n\tdiff: \"Diff\",\n\tterminal: \"Terminal\",\n};\n\nfunction minimum(tab?: Split.Tab) {\n\treturn tab === CHAT ? CHAT_MIN : MIN;\n}\n\nfunction title(uid: string, name: string, data: Content, count = 1, total = 1) {\n\tif (uid === CHAT) return name;\n\tif (data.name) return data.name;\n\tconst label = TITLES[data.type];\n\treturn total > 1 ? `${label} ${count}` : label;\n}\n\nfunction item(\n\tuid: string,\n\tname: string,\n\tdata: Content = fallback(uid),\n\tcount?: number,\n\ttotal?: number,\n): Item {\n\treturn {\n\t\tuid,\n\t\tname: title(uid, name, data, count, total),\n\t\tkind: data.type,\n\t\tchat: uid === CHAT,\n\t\ticon: ICONS[data.type],\n\t};\n}\n\nfunction list(tabs: string[], name: string, meta: Meta) {\n\tconst totals = new Map();\n\tfor (const uid of tabs) {\n\t\tif (uid === CHAT) continue;\n\t\tconst type = (meta[uid] || fallback(uid)).type;\n\t\ttotals.set(type, (totals.get(type) || 0) + 1);\n\t}\n\n\tconst counts = new Map();\n\treturn new Map(tabs.map((uid) => {\n\t\tconst value = meta[uid] || fallback(uid);\n\t\tconst count = uid === CHAT ? 1 : (counts.get(value.type) || 0) + 1;\n\t\tcounts.set(value.type, count);\n\t\treturn [uid, item(uid, name, value, count, totals.get(value.type))];\n\t}));\n}\n\nfunction hint(side?: Split.Side) {\n\tif (side === \"left\") return \"inset-y-2 left-2 w-1/2\";\n\tif (side === \"right\") return \"inset-y-2 right-2 w-1/2\";\n\tif (side === \"top\") return \"inset-x-2 top-2 h-1/2\";\n\tif (side === \"bottom\") return \"inset-x-2 bottom-2 h-1/2\";\n\treturn \"inset-2\";\n}\n\nfunction top(pane: Split.Pane) {\n\treturn pane.area[0][0] === \"RS\";\n}\n\nfunction column(pane: Split.Pane) {\n\tconst col = pane.area[1];\n\treturn `${col[0]} / ${col[1]}`;\n}\n\nfunction focus(uid: string) {\n\tdocument.querySelector(`[data-layout-tab=\"${CSS.escape(uid)}\"]`)?.focus();\n}\n\nfunction Blank({ item, onChoose }: { item: Item; onChoose: (choice: Choice) => void }) {\n\tconst Icon = item.icon;\n\n\tif (item.kind === \"blank\") {\n\t\treturn (\n\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t{CHOICES.map((choice) => {\n\t\t\t\t\t\tconst Icon = ICONS[choice];\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t onChoose(choice)}\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{TITLES[choice]}\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\treturn (\n\t\t

\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t{item.name}\n\t\t

\n\t);\n}\n\nfunction Add({ onAdd }: { onAdd: (choice: Choice) => void }) {\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{CHOICES.map((choice) => {\n\t\t\t\t\t\tconst Icon = ICONS[choice];\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t onAdd(choice)}>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{TITLES[choice]}\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\nfunction Ghost({ item, drag, ref }: { item: Item; drag: DndDrag; ref: Ref }) {\n\tconst Icon = item.icon;\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\t{item.name}\n\t\t\n\t);\n}\n\nfunction Tool({\n\tlabel,\n\ttip,\n\tdisabled,\n\tchildren,\n\tonClick,\n}: {\n\tlabel: string;\n\ttip: string;\n\tdisabled: boolean;\n\tchildren: ReactNode;\n\tonClick: () => void;\n}) {\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{children}\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\t{tip}\n\t\t\n\t);\n}\n\nfunction Tools({\n\tsplit,\n\tcan,\n}: {\n\tsplit: (side: \"right\" | \"bottom\") => void;\n\tcan: (side: \"right\" | \"bottom\") => boolean;\n}) {\n\tconst right = can(\"right\");\n\tconst down = can(\"bottom\");\n\n\treturn (\n\t\t

\n\t\t\t split(\"right\")}\n\t\t\t>\n\t\t\t\t\n\t\t\t\n\t\t\t split(\"bottom\")}\n\t\t\t>\n\t\t\t\t\n\t\t\t\n\t\t

\n\t);\n}\n\ntype TabProps = {\n\titem: Item;\n\tpane: string;\n\tselected: boolean;\n\tdragging: boolean;\n\tinsert: boolean;\n\tflat: boolean;\n\tonSelect: (id: string) => void;\n\tonClose: (id: string) => void;\n\tonRename: (id: string, name: string) => void;\n\tonStart: (event: PointerEvent, id: string) => void;\n\tonNav: (event: KeyboardEvent) => void;\n};\n\nfunction Tab({\n\titem,\n\tpane,\n\tselected,\n\tdragging,\n\tinsert,\n\tflat,\n\tonSelect,\n\tonClose,\n\tonRename,\n\tonStart,\n\tonNav,\n}: TabProps) {\n\tconst id = item.uid;\n\tconst Icon = item.icon;\n\tconst [open, setOpen] = useState(false);\n\n\tfunction rename(event: MouseEvent) {\n\t\tevent.stopPropagation();\n\t\tif (item.chat) return;\n\t\tsetOpen(true);\n\t}\n\n\tfunction close(event: MouseEvent) {\n\t\tevent.stopPropagation();\n\t\tif (item.chat) return;\n\t\tonClose(id);\n\t}\n\n\tfunction cancel() {\n\t\tsetOpen(false);\n\t\trequestAnimationFrame(() => focus(id));\n\t}\n\n\tfunction save(name: string) {\n\t\tif (item.chat) return;\n\t\tonRename(id, name);\n\t\tsetOpen(false);\n\t}\n\n\tconst tab = (\n\t\t {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tonSelect(id);\n\t\t\t}}\n\t\t\tonKeyDown={(event) => {\n\t\t\t\tif (!item.chat && (event.key === \"Backspace\" || event.key === \"Delete\")) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\treturn onClose(id);\n\t\t\t\t}\n\t\t\t\tonNav(event);\n\t\t\t}}\n\t\t\tonPointerDown={(event) => onStart(event, id)}\n\t\t>\n\t\t\t{insert && (\n\t\t\t\t\n\t\t\t)}\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t{item.name}\n\t\t\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t{!item.chat && (\n\t\t\t\t\t\t event.stopPropagation()}\n\t\t\t\t\t\t\tonClick={(event) => {\n\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t\t\tonClose(id);\n\t\t\t\t\t\t\t}}\n\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\n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tRename\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tClose\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\t\n\t\t\n\t);\n}\n\ntype BarProps = {\n\tactions?: ReactNode;\n\tpane: Split.Pane;\n\titems: Map;\n\tflat: boolean;\n\tdrag?: DndDrag;\n\tdrop?: DndDrop;\n\tedge?: boolean;\n\tline?: boolean;\n\tstart?: boolean;\n\tend?: boolean;\n\tstyle?: CSSProperties;\n\tonFork: (side: \"right\" | \"bottom\") => void;\n\tcan: (side: \"right\" | \"bottom\") => boolean;\n\tonSelect: (id: string) => void;\n\tonAdd: (choice: Choice) => void;\n\tonClose: (id: string) => void;\n\tonRename: (id: string, name: string) => void;\n\tonStart: (event: PointerEvent, id: string) => void;\n\tonNav: (event: KeyboardEvent, pane: Split.Pane) => void;\n};\n\nfunction Bar({\n\tactions,\n\tpane,\n\titems,\n\tflat,\n\tdrag,\n\tdrop,\n\tedge,\n\tline = true,\n\tstart,\n\tend,\n\tstyle,\n\tonFork,\n\tcan,\n\tonSelect,\n\tonAdd,\n\tonClose,\n\tonRename,\n\tonStart,\n\tonNav,\n}: BarProps) {\n\tconst before = drop?.kind === \"tab\" ? drop.before : undefined;\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t{pane.tabs.map((id) => {\n\t\t\t\t\tconst item = items.get(id);\n\t\t\t\t\tif (!item) return null;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t onNav(event, pane)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t\t{drop?.kind === \"bar\" && (\n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t\n\t\t\t{actions}\n\t\t\t\n\t\t\t{!flat && }\n\t\t\n\t);\n}\n\ntype PaneProps = BarProps & {\n\tmeta: Meta;\n\tfocused: boolean;\n\theader: boolean;\n\trender: Render;\n\tonFocus: () => void;\n\tonChoose: (uid: string, choice: Choice) => void;\n\tonUpdate: (uid: string, patch: Partial) => void;\n};\n\nfunction Pane(props: PaneProps) {\n\tconst { pane, items, meta, focused, drop, header, render, onFocus, onChoose, onUpdate } = props;\n\tconst hover = drop?.kind === \"pane\" ? drop : undefined;\n\tconst blocked = !!hover?.side && !hover.valid;\n\n\treturn (\n\t\t\n\t\t\t{!header && }\n\t\t\t\n\t\t\t\t{pane.tabs.map((id) => {\n\t\t\t\t\tconst item = items.get(id);\n\t\t\t\t\tif (!item) return null;\n\t\t\t\t\tconst active = pane.active === id;\n\t\t\t\t\tconst data = meta[id] || fallback(id);\n\t\t\t\t\tconst node = data.type === \"blank\"\n\t\t\t\t\t\t? null\n\t\t\t\t\t\t: render(data, id, active, (patch) => onUpdate(id, patch));\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{node || onChoose(id, choice)} />}\n\t\t\t\t\t\t\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t\t{hover && (\n\t\t\t\t\t\n\t\t\t\t\t\t{blocked && \"Too small\"}\n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t\n\t\t\n\t);\n}\n\nfunction useLayout({ id, name, chat, changed, onTabClose, opener }: Props) {\n\tconst [data] = useState(() => read(id));\n\tconst [api] = useState(() => Split.create(data.state, { min: minimum }));\n\tconst [meta, setMeta] = useState(data.meta);\n\tconst [diff, setDiff] = useState(data.diff);\n\tconst state = useSyncExternalStore(api.subscribe, api.get, api.get);\n\tconst status = useSyncExternalStore(host.subscribe, () => host.status);\n\tconst { view, css, grips, grid, flat, desktop, box, start: resize } = useResize(\n\t\tapi,\n\t\tstate,\n\t\tminimum,\n\t);\n\tconst fit = { width: box.width, height: box.height, min: minimum } satisfies Split.Fit;\n\tconst dnd = useDnd(api, flat, fit);\n\tconst items = list(view.tabs, name, meta);\n\tconst ghost = dnd.drag;\n\tconst drag = ghost ? items.get(ghost.uid) || item(ghost.uid, name, meta[ghost.uid]) : undefined;\n\n\tuseEffect(() => {\n\t\twrite(id, state, meta, diff);\n\t}, [id, state, meta, diff]);\n\n\tconst snapshot = useEffectEvent((): WindowState => {\n\t\tconst active = new Set(view.panes.map((pane) => pane.active));\n\t\treturn {\n\t\t\tchannel: { id, name },\n\t\t\ttabs: [...items.values()].map((item) => ({\n\t\t\t\tid: item.uid,\n\t\t\t\tname: item.name,\n\t\t\t\ttype: item.kind,\n\t\t\t\tactive: active.has(item.uid),\n\t\t\t})),\n\t\t};\n\t});\n\tconst persist = useEffectEvent(() => write(id, api.get(), meta, diff));\n\tconst command = useEffectEvent((request: TabRename) => {\n\t\tif (request.expires <= Date.now()) throw new Error(\"Tab rename expired\");\n\t\tif (request.channel !== id) throw new Error(\"This window is showing another channel\");\n\t\tif (!api.get().tabs.includes(request.tab)) throw new Error(\"Tab is no longer open\");\n\t\tif (request.tab === CHAT) throw new Error(\"Rename the channel to change its Chat tab\");\n\t\t// The host must acknowledge the name that the client has actually rendered and saved.\n\t\tflushSync(() => rename(request.tab, request.name, false));\n\t\tpersist();\n\t\treturn snapshot();\n\t});\n\n\tuseLayoutEffect(() => {\n\t\thost.onRename = command;\n\t\treturn () => {\n\t\t\thost.onRename = undefined;\n\t\t\thost.request({ op: \"window\", value: null }).catch(() => {});\n\t\t};\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (status !== \"open\") return;\n\t\thost.request({ op: \"window\", value: snapshot() }).catch(() => {});\n\t}, [id, name, state, meta, flat, status]);\n\n\t// New changes open a Diff tab behind the Chat tab once; closing it keeps it closed until the\n\t// changes clear and new ones appear.\n\tuseEffect(() => {\n\t\tif (changed === undefined) return;\n\t\tif (!changed) return setDiff(false);\n\t\tif (diff) return;\n\t\tsetDiff(true);\n\t\tif (Object.values(meta).some((value) => value.type === \"diff\" && value.chat === chat)) return;\n\t\tconst uid = `tab-${api.get().seq + 1}`;\n\t\tconst pane = Split.host(api.get(), CHAT)?.uid;\n\t\tif (!api.open({ tab: uid, to: { pane }, background: true })) return;\n\t\tsetMeta((meta) => ({ ...meta, [uid]: content(\"diff\", chat) }));\n\t}, [api, chat, changed, diff, meta]);\n\n\tconst reveal = useEffectEvent(() => {\n\t\tconst tabs = api.get().tabs;\n\t\tconst uid = tabs.find((uid) => {\n\t\t\tconst value = meta[uid];\n\t\t\treturn value?.type === \"diff\" && value.chat === chat;\n\t\t});\n\t\tif (uid) return activate(uid);\n\t\tconst pane = Split.host(api.get(), CHAT);\n\t\tif (pane) add(pane, \"diff\");\n\t});\n\n\tuseLayoutEffect(() => {\n\t\tif (!opener) return;\n\t\topener.current = reveal;\n\t\treturn () => void (opener.current = undefined);\n\t}, [opener]);\n\n\tfunction nav(event: KeyboardEvent, pane: Split.Pane) {\n\t\tconst tabs = pane.tabs;\n\t\tif (tabs.length < 2) return;\n\n\t\tconst i = pane.active ? tabs.indexOf(pane.active) : 0;\n\t\tlet next = i;\n\t\tif (event.key === \"ArrowLeft\") next = (i - 1 + tabs.length) % tabs.length;\n\t\telse if (event.key === \"ArrowRight\") next = (i + 1) % tabs.length;\n\t\telse if (event.key === \"Home\") next = 0;\n\t\telse if (event.key === \"End\") next = tabs.length - 1;\n\t\telse return;\n\n\t\tevent.preventDefault();\n\t\tconst uid = tabs[next]!;\n\t\tapi.select({ tab: uid, pane: flat ? undefined : pane.uid });\n\t\tfocus(uid);\n\t}\n\n\tconst heads = view.panes.filter(top);\n\tconst frame = {\n\t\tgridTemplateColumns: css.gridTemplateColumns,\n\t\tgridTemplateRows: \"2rem minmax(0, 1fr)\",\n\t} satisfies CSSProperties;\n\tconst body = {\n\t\tgridColumn: \"1 / -1\",\n\t\tgridRow: \"2\",\n\t\tgridTemplateColumns: \"subgrid\",\n\t\tgridTemplateRows: css.gridTemplateRows,\n\t} satisfies CSSProperties;\n\n\tfunction choose(uid: string, pane: Split.Pane) {\n\t\tif (dnd.consume()) return;\n\t\tapi.select({ tab: uid, pane: flat ? undefined : pane.uid });\n\t}\n\n\tfunction allow(pane: Split.Pane, side: \"right\" | \"bottom\") {\n\t\treturn Split.can(state, { ...fit, open: { to: { pane: pane.uid, side } } });\n\t}\n\n\tfunction activate(uid: string) {\n\t\tconst pane = Split.host(api.get(), uid);\n\t\tapi.select({ tab: uid, pane: flat ? undefined : pane?.uid });\n\t\trequestAnimationFrame(() => focus(uid));\n\t}\n\n\tfunction add(pane: Split.Pane, choice: Choice | \"blank\", side?: \"right\" | \"bottom\") {\n\t\t// There is one Chat tab per chat, so choosing Chat shows it rather than opening another.\n\t\tif (choice === \"chat\") return activate(CHAT);\n\t\tconst uid = `tab-${api.get().seq + 1}`;\n\t\tconst to: Split.Target | undefined = side\n\t\t\t? { pane: pane.uid, side }\n\t\t\t: flat\n\t\t\t? undefined\n\t\t\t: { pane: pane.uid };\n\t\tif (!api.open({ tab: uid, to, ...(side ? { fit } : {}) })) return;\n\t\tsetMeta((meta) => ({ ...meta, [uid]: content(choice, chat) }));\n\t\trequestAnimationFrame(() => focus(uid));\n\t}\n\n\tfunction swap(uid: string, choice: Choice) {\n\t\tif (choice === \"chat\") {\n\t\t\tclose(uid);\n\t\t\treturn activate(CHAT);\n\t\t}\n\t\tsetMeta((meta) => ({ ...meta, [uid]: content(choice, chat) }));\n\t\trequestAnimationFrame(() => focus(uid));\n\t}\n\n\tfunction close(uid: string) {\n\t\tif (!api.close({ tab: uid })) return;\n\t\tconst data = meta[uid];\n\t\tsetMeta((meta) => {\n\t\t\tconst next = { ...meta };\n\t\t\tdelete next[uid];\n\t\t\treturn next;\n\t\t});\n\t\tif (data) onTabClose?.(uid, data);\n\t}\n\n\tfunction rename(uid: string, name: string, restoreFocus = true) {\n\t\tif (uid === CHAT) return;\n\t\tconst label = name.trim() || undefined;\n\t\tif (label && label.length > 80) throw new Error(\"Tab names must be 80 characters or fewer\");\n\t\tsetMeta((meta) => {\n\t\t\tconst value = meta[uid] || fallback(uid);\n\t\t\treturn value.name === label ? meta : { ...meta, [uid]: { ...value, name: label } };\n\t\t});\n\t\tif (restoreFocus) requestAnimationFrame(() => focus(uid));\n\t}\n\n\tfunction update(uid: string, patch: Partial) {\n\t\tsetMeta((meta) => {\n\t\t\tconst value = meta[uid];\n\t\t\tif (!value) return meta;\n\t\t\treturn { ...meta, [uid]: { ...value, ...patch } as Content };\n\t\t});\n\t}\n\n\treturn {\n\t\tapi,\n\t\tmeta,\n\t\tview,\n\t\tgrips,\n\t\tgrid,\n\t\tflat,\n\t\tdesktop,\n\t\tresize,\n\t\tdnd,\n\t\titems,\n\t\tghost,\n\t\tdrag,\n\t\tnav,\n\t\theads,\n\t\tframe,\n\t\tbody,\n\t\tchoose,\n\t\tallow,\n\t\tadd,\n\t\tswap,\n\t\tclose,\n\t\trename,\n\t\tupdate,\n\t};\n}\n\n/** The original Ace tabbed layout: panes split on a grid, each with a strip of draggable tabs. */\nexport function Layout(props: Props) {\n\tconst {\n\t\tapi,\n\t\tmeta,\n\t\tview,\n\t\tgrips,\n\t\tgrid,\n\t\tflat,\n\t\tdesktop,\n\t\tresize,\n\t\tdnd,\n\t\titems,\n\t\tghost,\n\t\tdrag,\n\t\tnav,\n\t\theads,\n\t\tframe,\n\t\tbody,\n\t\tchoose,\n\t\tallow,\n\t\tadd,\n\t\tswap,\n\t\tclose,\n\t\trename,\n\t\tupdate,\n\t} = useLayout(props);\n\n\tfunction bar(pane: Split.Pane) {\n\t\treturn {\n\t\t\tpane,\n\t\t\tactions: pane.uid === heads.at(-1)?.uid ? props.actions : undefined,\n\t\t\titems,\n\t\t\tflat,\n\t\t\tdrag: ghost,\n\t\t\tdrop: dnd.drop?.pane === pane.uid ? dnd.drop : undefined,\n\t\t\tonFork: (side: \"right\" | \"bottom\") => add(pane, \"blank\", side),\n\t\t\tcan: (side: \"right\" | \"bottom\") => allow(pane, side),\n\t\t\tonSelect: (uid: string) => choose(uid, pane),\n\t\t\tonAdd: (choice: Choice) => add(pane, choice),\n\t\t\tonClose: close,\n\t\t\tonRename: rename,\n\t\t\tonStart: (event: PointerEvent, uid: string) => dnd.start(event, uid, pane.uid),\n\t\t\tonNav: nav,\n\t\t} satisfies BarProps;\n\t}\n\n\treturn (\n\t\t\n\t\t\t

\n\t\t\t\t

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

\n\t\t\t\t\t\t{heads.map((pane) => (\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\t\t{view.panes.map((pane) => (\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\tif (!flat) api.focus({ pane: pane.uid });\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonChoose={swap}\n\t\t\t\t\t\t\tonUpdate={update}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t\t{desktop\n\t\t\t\t\t\t&& grips.map((handle) => (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t))}\n\t\t\t\t

\n\t\t\t\t{drag && ghost\n\t\t\t\t\t&& createPortal(, document.body)}\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",1794439861952,"sidebar","expanded"]