[{"_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","f2dc95aec044cbce34eeb6cb8dbc45baf4c43327","path","packages/ui/src/components/session-sidebar/session-sidebar.tsx","oid","19e70712d2fd144cb2dc3305f7d9b606e8a07a25","size",29562,"commit","mounts",[],"source","plain",{"_13":14,"_15":16},"kind","text","import { SessionOptions } from \"./session-options\";\nconst EMPTY_REPOS: SessionSidebarRepo[] = [];\n\nimport type { ComponentPropsWithRef, MouseEvent, ReactElement, ReactNode } from \"react\";\nimport { useCallback, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from \"react\";\nimport * as format from \"../../lib/format\";\nimport { AnimatePresence, m as motion, useReducedMotion } from \"motion/react\";\n\nimport { SessionItem } from \"../session-item/session-item\";\nimport { SessionItemLoading } from \"../session-item/session-item-loading\";\nimport type { SidebarRow } from \"../session-item/session-item.types\";\nimport { middle } from \"../../lib/truncate\";\nimport { cn } from \"../../lib/utils\";\nimport { Avatar, AvatarFallback, AvatarImage } from \"../../ui/avatar\";\nimport { Button } from \"../../ui/button\";\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuGroup,\n\tDropdownMenuItem,\n\tDropdownMenuLabel,\n\tDropdownMenuSeparator,\n\tDropdownMenuTrigger,\n} from \"../../ui/dropdown-menu\";\nimport { Skeleton } from \"../../ui/skeleton\";\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"../../ui/tooltip\";\nimport { isSidebarRowSelected } from \"./selection\";\nimport { IconArchive, IconCheck, IconChevronDown, IconPlus, IconX } from \"../../icons\";\n\nexport type SessionSidebarGroupId = \"pinned\" | \"mine\" | \"team\" | \"archived\";\n\nexport type SessionSidebarGroup = {\n\tid: SessionSidebarGroupId;\n\tlabel: string;\n\trows: SidebarRow[];\n\tcollapsed?: boolean;\n};\n\nexport type SessionSidebarRepo = {\n\tid: string;\n\tname: string;\n\torg: string;\n\tavatar?: string;\n};\n\nexport type SessionSidebarProps = Omit, \"children\" | \"onSelect\"> & {\n\tprojectName?: string;\n\trepos?: SessionSidebarRepo[];\n\tselectedRepoId?: SessionSidebarRepo[\"id\"];\n\tgroups: SessionSidebarGroup[];\n\tlobby?: SidebarRow;\n\tloading?: boolean;\n\tselectedUid?: SidebarRow[\"uid\"];\n\tonRepoChange?: (repo: SessionSidebarRepo) => void;\n\tonRepoRemove?: (repo: SessionSidebarRepo) => void;\n\tonSelect?: (row: SidebarRow) => void;\n\tonPin?: (row: SidebarRow) => void;\n\tonUnpin?: (row: SidebarRow) => void;\n\tonArchive?: (row: SidebarRow) => void;\n\tonFork?: (row: SidebarRow) => void;\n\tonInfo?: (row: SidebarRow) => void;\n\tonLeave?: (row: SidebarRow) => void;\n\tonDelete?: (row: SidebarRow) => void;\n\tonRebuildLobby?: (row: SidebarRow) => void;\n\tonRename?: (row: SidebarRow) => void;\n\tonToggleGroup?: (id: SessionSidebarGroupId) => void;\n\tonNewSession?: () => void;\n\t/** When provided, a \"…\" menu button appears offering \"Continue a pull request…\". */\n\tonContinuePr?: () => void;\n\t/** When provided, the \"…\" menu offers \"Start from an issue…\". */\n\tonStartIssue?: () => void;\n\tonAddRepo?: () => void;\n\tgroupHeaderClassName?: string;\n\tempty?: ReactNode;\n};\n\nconst CHEVRON_TRANSITION = { duration: 0.15, ease: \"easeOut\" as const };\nconst CHEVRON_TRANSITION_REDUCED = { duration: 0, ease: \"easeOut\" as const };\nconst GROUP_TRANSITION = { duration: 0.18, ease: \"easeOut\" as const };\nconst GROUP_TRANSITION_REDUCED = { duration: 0, ease: \"easeOut\" as const };\nconst PANE_TRANSITION = { type: \"spring\" as const, duration: 0.28, bounce: 0 };\nconst PANE_TRANSITION_REDUCED = { duration: 0 };\nconst REPO_NAME_FONT = \"12px Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif\";\n\nfunction count(groups: SessionSidebarGroup[]) {\n\treturn groups.reduce((total, group) => total + group.rows.length, 0);\n}\n\nfunction byCreation(a: SidebarRow, b: SidebarRow) {\n\treturn b.createdAt - a.createdAt || b.uid.localeCompare(a.uid);\n}\n\nfunction rowKey(row: SidebarRow) {\n\treturn row.renderKey ?? row.uid;\n}\n\nfunction fallback(name: string) {\n\treturn name.slice(0, 2).toUpperCase();\n}\n\nfunction byOrg(repos: SessionSidebarRepo[]) {\n\tlet groups = new Map();\n\tfor (let repo of repos) {\n\t\tlet list = groups.get(repo.org);\n\t\tif (list) list.push(repo);\n\t\telse groups.set(repo.org, [repo]);\n\t}\n\treturn [...groups];\n}\n\nfunction RepoAvatar({ repo, className }: { repo: SessionSidebarRepo; className?: string }) {\n\tlet name = repo.org || repo.name;\n\tlet source = repo.avatar || (repo.org ? format.avatar(repo.org) : undefined);\n\treturn (\n\t\t\n\t\t\t{source && }\n\t\t\t{fallback(name)}\n\t\t\n\t);\n}\n\nfunction RepoName({ name }: { name: string }) {\n\tlet root = useRef(null);\n\tlet [label, setLabel] = useState(name);\n\n\tuseLayoutEffect(() => {\n\t\tfunction update() {\n\t\t\tlet outer = root.current;\n\t\t\tif (!outer) return;\n\t\t\tlet font = typeof getComputedStyle === \"undefined\"\n\t\t\t\t? REPO_NAME_FONT\n\t\t\t\t: getComputedStyle(outer).font || REPO_NAME_FONT;\n\t\t\tsetLabel(middle(name, outer.clientWidth, font));\n\t\t}\n\n\t\tupdate();\n\t\tlet observer = typeof ResizeObserver === \"undefined\" ? undefined : new ResizeObserver(update);\n\t\tif (root.current) observer?.observe(root.current);\n\t\treturn () => {\n\t\t\tobserver?.disconnect();\n\t\t};\n\t}, [name]);\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t{label}\n\t\t\t\n\t\t\n\t);\n}\n\nfunction RepoRow({ repo, selected, onRepoChange, onRepoRemove }: {\n\trepo: SessionSidebarRepo;\n\tselected: boolean;\n\tonRepoChange?: (repo: SessionSidebarRepo) => void;\n\tonRepoRemove?: (repo: SessionSidebarRepo) => void;\n}) {\n\tfunction remove(event: MouseEvent) {\n\t\tevent.preventDefault();\n\t\tevent.stopPropagation();\n\t\tonRepoRemove?.(repo);\n\t}\n\n\treturn (\n\t\t onRepoChange?.(repo)}\n\t\t\tonKeyDown={event => {\n\t\t\t\tif (event.target !== event.currentTarget || !onRepoRemove) return;\n\t\t\t\tif (event.key !== \"Delete\" && event.key !== \"Backspace\") return;\n\t\t\t\tevent.preventDefault();\n\t\t\t\tevent.stopPropagation();\n\t\t\t\tonRepoRemove(repo);\n\t\t\t}}\n\t\t>\n\t\t\t\n\t\t\t\n\t\t\t\t{selected && (\n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t\t{onRepoRemove && (\n\t\t\t\t\t\n\t\t\t\t\t\t event.stopPropagation()}\n\t\t\t\t\t\t\t\t\tonMouseUp={(event) => event.stopPropagation()}\n\t\t\t\t\t\t\t\t\tonKeyDown={event => {\n\t\t\t\t\t\t\t\t\t\tif (event.key === \"Enter\" || event.key === \" \") event.stopPropagation();\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonKeyUp={event => {\n\t\t\t\t\t\t\t\t\t\tif (event.key === \"Enter\" || event.key === \" \") event.stopPropagation();\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonClick={remove}\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\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tRemove project\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\n/** The shared project menu used by the session sidebar and project dashboard. */\nexport function ProjectPicker(\n\t{\n\t\tprojectName,\n\t\trepos = EMPTY_REPOS,\n\t\tselectedRepoId,\n\t\tonRepoChange,\n\t\tonRepoRemove,\n\t\tonAddRepo,\n\t\ttrigger,\n\t\tchildren,\n\t}: {\n\t\tprojectName?: string;\n\t\trepos?: SessionSidebarRepo[];\n\t\tselectedRepoId?: SessionSidebarRepo[\"id\"];\n\t\tonRepoChange?: (repo: SessionSidebarRepo) => void;\n\t\tonRepoRemove?: (repo: SessionSidebarRepo) => void;\n\t\tonAddRepo?: () => void;\n\t\ttrigger?: ReactElement;\n\t\tchildren?: ReactNode;\n\t},\n) {\n\tlet selected = repos.find((repo) => repo.id === selectedRepoId) ?? repos[0];\n\tlet orgGroups = useMemo(() => byOrg(repos), [repos]);\n\n\tif (!selected) {\n\t\treturn

{projectName ?? \"Projects\"}

;\n\t}\n\tlet name = selected.org ? `${selected.org}/${selected.name}` : selected.name;\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{children || (\n\t\t\t\t\t<>\n\t\t\t\t\t\t\n\t\t\t\t\t\t{selected.name}\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\t\t{onAddRepo && (\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\tOpen folder…\n\t\t\t\t\t\t\n\t\t\t\t\t\t{orgGroups.length > 0 && }\n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t\t{orgGroups.map(([org, list], index) => (\n\t\t\t\t\t\n\t\t\t\t\t\t{index > 0 && }\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{org || \"Projects\"}\n\t\t\t\t\t\t\n\t\t\t\t\t\t{list.map((repo) => (\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 GroupHeaderContent({ group, collapsed }: {\n\tgroup: SessionSidebarGroup;\n\tcollapsed: boolean;\n}) {\n\tlet reduced = useReducedMotion();\n\n\treturn (\n\t\t<>\n\t\t\t{group.id === \"archived\" && (\n\t\t\t\t\n\t\t\t)}\n\t\t\t{group.label}\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t);\n}\n\nfunction GroupRows({\n\trows,\n\tpinned,\n\tarchived,\n\tselectedUid,\n\tonSelect,\n\tonPin,\n\tonUnpin,\n\tonArchive,\n\tonFork,\n\tonInfo,\n\tonLeave,\n\tonDelete,\n\tonRename,\n}: {\n\trows: SidebarRow[];\n\tpinned: boolean;\n\tarchived: boolean;\n\tselectedUid?: SidebarRow[\"uid\"];\n\tonSelect?: (row: SidebarRow) => void;\n\tonPin?: (row: SidebarRow) => void;\n\tonUnpin?: (row: SidebarRow) => void;\n\tonArchive?: (row: SidebarRow) => void;\n\tonFork?: (row: SidebarRow) => void;\n\tonInfo?: (row: SidebarRow) => void;\n\tonLeave?: (row: SidebarRow) => void;\n\tonDelete?: (row: SidebarRow) => void;\n\tonRename?: (row: SidebarRow) => void;\n}) {\n\tlet selected = (row: SidebarRow) => isSidebarRowSelected(row, selectedUid);\n\n\treturn (\n\t\t

\n\t\t\t{rows.map((row) =>\n\t\t\t\trow.lifecycle === \"creating\"\n\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 onSelect?.(row)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)\n\t\t\t)}\n\t\t

\n\t);\n}\n\nfunction Group({\n\tgroup,\n\tselectedUid,\n\tonSelect,\n\tonPin,\n\tonUnpin,\n\tonArchive,\n\tonFork,\n\tonInfo,\n\tonLeave,\n\tonDelete,\n\tonToggleGroup,\n\tonNewSession,\n\tonContinuePr,\n\tonStartIssue,\n\tgroupHeaderClassName,\n\tshowHeader = true,\n\tfull = false,\n\tonRename,\n}: {\n\tgroup: SessionSidebarGroup;\n\tselectedUid?: SidebarRow[\"uid\"];\n\tonSelect?: (row: SidebarRow) => void;\n\tonPin?: (row: SidebarRow) => void;\n\tonUnpin?: (row: SidebarRow) => void;\n\tonArchive?: (row: SidebarRow) => void;\n\tonFork?: (row: SidebarRow) => void;\n\tonInfo?: (row: SidebarRow) => void;\n\tonLeave?: (row: SidebarRow) => void;\n\tonDelete?: (row: SidebarRow) => void;\n\tonRename?: (row: SidebarRow) => void;\n\tonToggleGroup?: (id: SessionSidebarGroupId) => void;\n\tonNewSession?: () => void;\n\tonContinuePr?: () => void;\n\tonStartIssue?: () => void;\n\tgroupHeaderClassName?: string;\n\tshowHeader?: boolean;\n\tfull?: boolean;\n}) {\n\tlet pinned = group.id === \"pinned\";\n\tlet archived = group.id === \"archived\";\n\tlet rows = useMemo(\n\t\t() =>\n\t\t\tpinned || group.rows.some(row => row.depth !== undefined)\n\t\t\t\t? group.rows\n\t\t\t\t: [...group.rows].sort(byCreation),\n\t\t[group.rows, pinned],\n\t);\n\tlet onPinRow = archived ? undefined : onPin;\n\tlet collapsed = showHeader && Boolean(group.collapsed);\n\tlet content = useId();\n\tlet reduced = useReducedMotion();\n\tlet transition = reduced ? GROUP_TRANSITION_REDUCED : GROUP_TRANSITION;\n\tlet header = useRef(null);\n\tlet panel = useRef(null);\n\tlet action = group.id === \"mine\" ? onNewSession : undefined;\n\tlet create = useCallback(() => {\n\t\tif (collapsed) onToggleGroup?.(group.id);\n\t\taction?.();\n\t}, [action, collapsed, group.id, onToggleGroup]);\n\tlet actionButtonClassName =\n\t\t\"size-5.5 border border-transparent bg-clip-padding text-muted-foreground shadow-none hover:border-[var(--edge)] hover:bg-background/50 hover:text-sidebar-foreground hover:shadow-[0_1px_2px_rgb(0_0_0/0.08)] hover:backdrop-blur-[1px] focus-visible:border-[var(--edge)] focus-visible:bg-background/50 focus-visible:text-sidebar-foreground focus-visible:shadow-[0_1px_2px_rgb(0_0_0/0.08)] focus-visible:backdrop-blur-[1px] dark:hover:border-black/20 dark:hover:bg-background/50 dark:focus-visible:border-black/20 dark:focus-visible:bg-background/50\";\n\n\tuseEffect(() => {\n\t\tlet button = header.current;\n\n\t\tif (!showHeader || !archived || collapsed) {\n\t\t\tif (button) delete button.dataset.shadow;\n\t\t\treturn;\n\t\t}\n\n\t\tlet root = panel.current;\n\t\tif (!root) return;\n\n\t\tlet update = () => {\n\t\t\tif (!button) return;\n\t\t\tif (root.scrollTop > 0) button.dataset.shadow = \"true\";\n\t\t\telse delete button.dataset.shadow;\n\t\t};\n\n\t\tupdate();\n\t\troot.addEventListener(\"scroll\", update, { passive: true });\n\t\treturn () => root.removeEventListener(\"scroll\", update);\n\t}, [archived, collapsed, rows.length, showHeader]);\n\n\tlet body = (\n\t\t\n\t);\n\tlet panelClassName = cn(\n\t\t\"overflow-hidden\",\n\t\tarchived\n\t\t\t&& \"scrollbar-muted scroll-fade min-h-0 flex-1 scrollbar-thumb-[color-mix(in_oklch,var(--color-sidebar),black_28%)] dark:scrollbar-thumb-[color-mix(in_oklch,var(--color-sidebar),white_15%)]\",\n\t);\n\n\treturn (\n\t\t\n\t\t\t{showHeader && (\n\t\t\t\t\n\t\t\t\t\t onToggleGroup?.(group.id)}\n\t\t\t\t\t\tclassName=\"group/header flex h-full min-w-0 flex-1 items-center gap-2 rounded-md py-1.5 pr-1 text-left outline-2 outline-offset-0 outline-transparent transition-colors duration-150 focus-visible:outline-ring/50\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t{action && (\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\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}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\tNew channel\n\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)}\n\t\t\t\n\t\t\t\t{!collapsed && (\n\t\t\t\t\t\n\t\t\t\t\t\t{body}\n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t\n\t\t\n\t);\n}\n\nfunction LoadingRows() {\n\treturn (\n\t\t

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

\n\t);\n}\n\nfunction LoadingGroup({ rows, labelWidth }: { rows: number; labelWidth: string }) {\n\tlet placeholder = \"bg-sidebar-accent/80 dark:bg-sidebar-accent\";\n\n\treturn (\n\t\t

\n\t\t\t

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

\n\t\t\t

\n\t\t\t\t{Array.from(\n\t\t\t\t\t{ length: rows },\n\t\t\t\t\t(_, index) => (\n\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

\n\t\t\t\t\t),\n\t\t\t\t)}\n\t\t\t

\n\t\t

\n\t);\n}\n\nfunction DefaultEmpty({ onNewSession }: Pick) {\n\treturn (\n\t\t

\n\t\t\t

No channels yet

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

\n\t);\n}\n\nfunction ArchiveButton({ onClick }: { onClick: () => void }) {\n\treturn (\n\t\t\n\t\t\t\n\t\t\tArchived\n\t\t\t\n\t\t\n\t);\n}\n\nfunction ArchivedHeader({ onBack }: { onBack: () => void }) {\n\treturn (\n\t\t

\n\t\t\t\n\t\t\t\t\n\t\t\t\tBack\n\t\t\t\n\t\t\t

\n\t\t\t\tArchived\n\t\t\t

\n\t\t

\n\t);\n}\n\nfunction partition(groups: SessionSidebarGroup[], create: boolean) {\n\tlet total = count(groups);\n\tlet archived = groups.find((group) => group.id === \"archived\" && group.rows.length > 0);\n\tlet visible = groups.filter((group) =>\n\t\tgroup.id !== \"archived\" && (group.rows.length > 0 || (group.id === \"mine\" && create))\n\t);\n\tlet hasMineAction = visible.some((group) => group.id === \"mine\" && create);\n\tlet visibleKey = visible.map((group) =>\n\t\t`${group.id}:${group.collapsed ? 1 : 0}:${group.rows.length}`\n\t).join(\"|\");\n\treturn { total, archived, visible, hasMineAction, visibleKey };\n}\n\ntype GroupActions = Omit, \"group\">;\n\nfunction SessionRows({\n\tloading,\n\ttotal,\n\thasMineAction,\n\tempty,\n\tlobby,\n\tonRebuildLobby,\n\tselectLobby,\n\tvisible,\n\tactions,\n}: Pick & {\n\ttotal: number;\n\thasMineAction: boolean;\n\tselectLobby: () => void;\n\tvisible: SessionSidebarGroup[];\n\tactions: GroupActions;\n}) {\n\tlet { onNewSession, selectedUid } = actions;\n\treturn (loading\n\t\t? \n\t\t: total === 0 && !hasMineAction\n\t\t? (empty ?? )\n\t\t: (\n\t\t\t<>\n\t\t\t\t{lobby && (\n\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{visible.map((group) => )}\n\t\t\t\n\t\t));\n}\n\nexport function SessionSidebar(\n\t{\n\t\tprojectName,\n\t\trepos,\n\t\tselectedRepoId,\n\t\tgroups,\n\t\tlobby,\n\t\tloading,\n\t\tselectedUid,\n\t\tonRepoChange,\n\t\tonRepoRemove,\n\t\tonSelect,\n\t\tonPin,\n\t\tonUnpin,\n\t\tonArchive,\n\t\tonFork,\n\t\tonInfo,\n\t\tonLeave,\n\t\tonDelete,\n\t\tonRebuildLobby,\n\t\tonRename,\n\t\tonToggleGroup,\n\t\tonNewSession,\n\t\tonContinuePr,\n\t\tonStartIssue,\n\t\tonAddRepo,\n\t\tgroupHeaderClassName,\n\t\tempty,\n\t\tclassName,\n\t\tref,\n\t\t...props\n\t}: SessionSidebarProps,\n) {\n\tlet { total: rows, archived, visible, hasMineAction, visibleKey } = partition(\n\t\tgroups,\n\t\t!!onNewSession,\n\t);\n\tlet total = rows + (lobby ? 1 : 0);\n\tlet hasArchived = Boolean(archived);\n\tlet key = `${lobby ? lobby.uid : \"\"}|${visibleKey}`;\n\tlet viewport = useRef(null);\n\tlet reduced = useReducedMotion();\n\tlet [view, setView] = useState<\"active\" | \"archived\">(\"active\");\n\tlet selectLobby = useCallback(() => {\n\t\tif (lobby) onSelect?.(lobby);\n\t}, [lobby, onSelect]);\n\n\tif (!hasArchived && view === \"archived\") setView(\"active\");\n\n\tuseEffect(() => {\n\t\tlet root = viewport.current;\n\t\tif (!root) return;\n\n\t\tlet update = () => {\n\t\t\tlet rootRect = root.getBoundingClientRect();\n\t\t\tlet groups = root.querySelectorAll(\":scope > section[data-group]\");\n\n\t\t\tfor (let group of groups) {\n\t\t\t\tlet header = group.querySelector(\":scope > [data-group-header]\");\n\t\t\t\tlet button = header?.querySelector(\"button[aria-expanded]\");\n\t\t\t\tif (!header || !button || button.getAttribute(\"aria-expanded\") !== \"true\") {\n\t\t\t\t\tif (header) delete header.dataset.shadow;\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tlet rect = group.getBoundingClientRect();\n\t\t\t\tlet top = rect.top - rootRect.top + root.scrollTop;\n\t\t\t\tlet next = root.scrollTop > top + 1 && root.scrollTop < top + group.offsetHeight - 1;\n\t\t\t\tif (next) header.dataset.shadow = \"true\";\n\t\t\t\telse delete header.dataset.shadow;\n\t\t\t}\n\t\t};\n\n\t\tupdate();\n\t\troot.addEventListener(\"scroll\", update, { passive: true });\n\t\twindow.addEventListener(\"resize\", update, { passive: true });\n\t\treturn () => {\n\t\t\troot.removeEventListener(\"scroll\", update);\n\t\t\twindow.removeEventListener(\"resize\", update);\n\t\t};\n\t}, [key]);\n\n\tlet actions: GroupActions = {\n\t\tselectedUid,\n\t\tonSelect,\n\t\tonPin,\n\t\tonUnpin,\n\t\tonArchive,\n\t\tonFork,\n\t\tonInfo,\n\t\tonLeave,\n\t\tonDelete,\n\t\tonRename,\n\t\tonToggleGroup,\n\t\tonNewSession,\n\t\tonContinuePr,\n\t\tonStartIssue,\n\t\tgroupHeaderClassName,\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\n\t\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\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{!loading && total > 0 && archived && (\n\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\t\t setView(\"archived\")} />\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\n\t\t\t\t\t\t\t{archived && (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t setView(\"active\")} />\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\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",1794550220982,"sidebar","expanded"]