[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10,"_11":12},"actionData","errors","root",{"_228":-5,"_231":232,"_233":234},"routes/shell",{"_40":41,"_227":-5,"_228":-5,"_229":230},"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","e06f3108fb70545a5ea8c2dd3f53d08daecb4062","path","apps/web/src/navigation-shell.tsx","oid","d13836e7ff567497b288d0d234af9986d1078dd0","size",33354,"commit","mounts",[],"source","plain",{"_13":14,"_15":16},"kind","text","import {\n\tComponent,\n\tcreateContext,\n\tlazy,\n\tSuspense,\n\tuseCallback,\n\tuseContext,\n\tuseEffect,\n\tuseId,\n\tuseLayoutEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n\tuseSyncExternalStore,\n} from \"react\";\nimport { useTransitionPresence } from \"@chopin/editor/transition-presence\";\nimport { documentPath } from \"@chopin/protocol/document-url\";\n\nimport * as Api from \"./api\";\nimport { forgetChannel } from \"./channel-recovery\";\nimport { newestDocument, updateDocumentMetadata } from \"./document-actions\";\nimport { documentRouteIdentity } from \"./document-route-swap\";\nimport type { DocumentAction } from \"./document-actions-menu\";\nimport type { NoticeOptions } from \"./navigation-notice\";\nimport { motionContract } from \"./motion-contract\";\nimport { NavigationFocusScope } from \"./navigation-focus\";\nimport { useMenuDismissal } from \"./menu-dismissal\";\nimport { motionImmediately } from \"./motion-input\";\nimport {\n\tactiveProject,\n\tcanManageProject,\n\tdocumentCreationTarget,\n\tdocumentDestination,\n\tisDocumentWorkspaceRoute,\n\tlandingDocument,\n\tNAVIGATION_MEDIA,\n\tnavigationMode,\n\tresearchChildNavigation,\n} from \"./navigation-model\";\nimport {\n\tProjectSidebarExpandButton,\n\tProjectSidebarLoading,\n\tSIDEBAR_MAX,\n\tSIDEBAR_MIN,\n\tSIDEBAR_STORAGE_KEY,\n} from \"./project-sidebar-chrome\";\nimport { clearRepositoryCache } from \"./repository-cache\";\nimport { TerminalAlert } from \"./terminal-alert\";\nimport { useProjectDocuments } from \"./use-project-documents\";\nimport { useDocumentCreation } from \"./use-document-creation\";\nimport { requestTitleEdit } from \"./title-edit\";\n\nimport type { Research } from \"@chopin/protocol\";\nimport type { ResearchOpener } from \"@chopin/editor\";\nimport type { TransitionPresence } from \"@chopin/editor/transition-presence\";\nimport type { CSSProperties, MouseEvent as ReactMouseEvent, ReactNode } from \"react\";\nimport type { DocumentMetadata } from \"./document-actions\";\nimport type { DocumentRouteIdentity } from \"./document-route-swap\";\nimport type { NavigationMode, NavigationRoute } from \"./navigation-model\";\n\nexport type Navigate = (\n\tdestination: string,\n\toptions?: { opener?: ResearchOpener; replace?: boolean },\n) => void;\n\nclass LazyDialogBoundary extends Component<{ children: ReactNode }, { failed: boolean }> {\n\toverride state = { failed: false };\n\n\tstatic getDerivedStateFromError() {\n\t\treturn { failed: true };\n\t}\n\n\toverride render() {\n\t\tif (!this.state.failed) return {this.props.children};\n\t\treturn (\n\t\t\t\n\t\t\t\tCould not load this dialog.\n\t\t\t\t location.reload()}\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t>\n\t\t\t\t\tReload\n\t\t\t\t\n\t\t\t\n\t\t);\n\t}\n}\n\nlet NavigationNotice = lazy(() => import(\"./navigation-notice-view\"));\nlet ProjectSidebar = lazy(() =>\n\timport(\"./project-sidebar\").then(module => ({ default: module.ProjectSidebar }))\n);\nlet EmptyWorkspace = lazy(() =>\n\timport(\"./empty-workspace\").then(module => ({ default: module.EmptyWorkspace }))\n);\nlet AddProjectDialog = lazy(() =>\n\timport(\"./add-project-dialog\").then(module => ({ default: module.AddProjectDialog }))\n);\nlet NewDocumentDialog = lazy(() =>\n\timport(\"./new-document-dialog\").then(module => ({ default: module.NewDocumentDialog }))\n);\nlet DocumentSearchDialog = lazy(() =>\n\timport(\"./document-search-dialog\").then(module => ({ default: module.DocumentSearchDialog }))\n);\nlet DeleteDocumentDialog = lazy(() =>\n\timport(\"./delete-document-dialog\").then(module => ({ default: module.DeleteDocumentDialog }))\n);\n\ntype NavigationFailure = { reason: unknown; retry?: \"refresh\" | \"visit\" };\n\nlet NavigationDocument = createContext<{\n\tchannel?: Api.Channel;\n\tonDocumentChanged: (\n\t\tdocumentId: string,\n\t\tupdate: DocumentMetadata,\n\t) => void;\n\tonDocumentAction: (documentId: string, action: DocumentAction) => void;\n\tonDocumentDeleted: (documentId: string) => void;\n\tonDocumentLoaded: (channel: Api.Channel, routeKey: DocumentRouteIdentity) => Promise;\n\tonDocumentRouteSettled: (routeKey: DocumentRouteIdentity) => void;\n\tonRepositoryAccessChanged: () => void;\n\tonResearchChildOpen: (\n\t\tparentId: string,\n\t\tchild: Research.ReadyChild,\n\t\topener: ResearchOpener,\n\t) => void;\n\tonResearchChildPublished: (parentId: string, child: Research.ReadyChild) => void;\n}>({\n\tonDocumentChanged() {},\n\tonDocumentAction() {},\n\tonDocumentDeleted() {},\n\tasync onDocumentLoaded() {},\n\tonDocumentRouteSettled() {},\n\tonRepositoryAccessChanged() {},\n\tonResearchChildOpen() {},\n\tonResearchChildPublished() {},\n});\n\nexport function useNavigationDocument() {\n\treturn useContext(NavigationDocument);\n}\n\nfunction clamp(width: number): number {\n\treturn Math.min(SIDEBAR_MAX, Math.max(SIDEBAR_MIN, width));\n}\n\nfunction currentMode(): NavigationMode {\n\treturn navigationMode(matchMedia);\n}\n\nfunction subscribeMode(notify: () => void): () => void {\n\tlet query = matchMedia(NAVIGATION_MEDIA);\n\tquery.addEventListener(\"change\", notify);\n\treturn () => query.removeEventListener(\"change\", notify);\n}\n\nfunction useNavigationMode(): NavigationMode {\n\treturn useSyncExternalStore(subscribeMode, currentMode, () => \"inline\");\n}\n\nfunction useSidebarWidth() {\n\tlet [width, setWidth] = useState(() => {\n\t\tlet stored = Number(localStorage.getItem(SIDEBAR_STORAGE_KEY));\n\t\treturn Number.isFinite(stored) ? clamp(stored) : SIDEBAR_MIN;\n\t});\n\n\tuseEffect(() => localStorage.setItem(SIDEBAR_STORAGE_KEY, String(width)), [width]);\n\treturn [width, (delta: number) => setWidth(current => clamp(current + delta))] as const;\n}\n\nfunction SidebarResizeHandle(\n\t{ onResize, width }: { onResize: (delta: number) => void; width: number },\n) {\n\tlet origin = useRef(0);\n\treturn (\n\t\t {\n\t\t\t\tlet step = event.shiftKey ? 64 : 16;\n\t\t\t\tif (event.key === \"ArrowRight\") onResize(step);\n\t\t\t\telse if (event.key === \"ArrowLeft\") onResize(-step);\n\t\t\t\telse if (event.key === \"Home\") onResize(SIDEBAR_MIN - width);\n\t\t\t\telse if (event.key === \"End\") onResize(SIDEBAR_MAX - width);\n\t\t\t\telse return;\n\t\t\t\tevent.preventDefault();\n\t\t\t}}\n\t\t\tonPointerDown={event => {\n\t\t\t\torigin.current = event.clientX;\n\t\t\t\tevent.currentTarget.setPointerCapture(event.pointerId);\n\t\t\t}}\n\t\t\tonPointerMove={event => {\n\t\t\t\tif (!event.currentTarget.hasPointerCapture(event.pointerId)) return;\n\t\t\t\tlet delta = event.clientX - origin.current;\n\t\t\t\torigin.current = event.clientX;\n\t\t\t\tonResize(delta);\n\t\t\t}}\n\t\t\trole=\"separator\"\n\t\t\ttabIndex={0}\n\t\t/>\n\t);\n}\n\nfunction NavigationDrawer(\n\t{\n\t\tchildren,\n\t\tmotion,\n\t\tonDismiss,\n\t}: {\n\t\tchildren: ReactNode;\n\t\tmotion: Exclude, { phase: \"closed\" }>;\n\t\tonDismiss: () => void;\n\t},\n) {\n\tlet active = motion.phase !== \"closing\";\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{children}\n\t\t\t\t\n\t\t\t\n\t\t\n\t);\n}\n\nexport function NavigationShell(\n\t{\n\t\tchildren,\n\t\tnavigate,\n\t\tnavigationRevision,\n\t\troute,\n\t\tuser,\n\t}: {\n\t\tchildren?: ReactNode;\n\t\tnavigate: Navigate;\n\t\tnavigationRevision: number;\n\t\troute: NavigationRoute;\n\t\tuser: Api.User;\n\t},\n) {\n\tlet [navigation, setNavigation] = useState();\n\tlet navigationRef = useRef(undefined);\n\tlet navigationRequest = useRef | undefined>(undefined);\n\tlet navigationRefreshQueued = useRef(false);\n\tlet pendingVisitedRepository = useRef(undefined);\n\tlet visitTail = useRef>(Promise.resolve());\n\tlet visitRevision = useRef(0);\n\tlet latestVisitedDocument = useRef(undefined);\n\tlet catalogueRefreshes = useRef(new Map([[\"navigation\", Date.now()]]));\n\tlet [error, setError] = useState();\n\tlet [resolvedDocument, setResolvedDocument] = useState<{\n\t\tchannel: Api.Channel;\n\t\trouteKey: DocumentRouteIdentity;\n\t}>();\n\tlet resolvedDocumentRef = useRef(resolvedDocument);\n\tresolvedDocumentRef.current = resolvedDocument;\n\tlet [collapsed, setCollapsed] = useState(() =>\n\t\tlocalStorage.getItem(`${SIDEBAR_STORAGE_KEY}:collapsed`) === \"true\"\n\t);\n\tlet [drawerOpen, setDrawerOpen] = useState(false);\n\tlet drawerOpener = useRef(null);\n\tlet [catalogueMode, setCatalogueMode] = useState<\"active\" | \"archived\">(\"active\");\n\tlet [dialog, setDialog] = useState<\n\t\t| \"add\"\n\t\t| \"new\"\n\t\t| \"search\"\n\t\t| { channel: Api.Channel; type: \"delete\" }\n\t>();\n\tlet [accountOpen, setAccountOpen] = useState(false);\n\tlet [settledRouteKey, setSettledRouteKey] = useState();\n\tlet [focusProjectId, setFocusProjectId] = useState();\n\tlet [notice, showNotice] = useState();\n\tlet [width, resize] = useSidebarWidth();\n\tlet mode = useNavigationMode();\n\tlet immediateMotion = motionImmediately();\n\tlet previousMode = useRef(mode);\n\tlet modeChanged = previousMode.current !== mode;\n\tuseLayoutEffect(() => {\n\t\tpreviousMode.current = mode;\n\t}, [mode]);\n\tlet sidebarMotion = motionContract(\"sidebar\");\n\tlet sidebarVisible = mode === \"inline\" && !collapsed;\n\tlet sidebarPresence = useTransitionPresence(\n\t\tsidebarVisible ? true : undefined,\n\t\tsidebarMotion.closeDuration,\n\t\timmediateMotion || modeChanged,\n\t);\n\tlet drawerPresence = useTransitionPresence(\n\t\tmode === \"drawer\" && drawerOpen ? true : undefined,\n\t\t180,\n\t\timmediateMotion,\n\t);\n\tlet dialogPresence = useTransitionPresence(dialog, 150, immediateMotion);\n\tlet accountWrap = useRef(null);\n\tlet accountTrigger = useRef(null);\n\tlet accountMenuId = useId();\n\tlet closeAccount = (restoreFocus: boolean) => {\n\t\tsetAccountOpen(false);\n\t\tif (restoreFocus) accountTrigger.current?.focus();\n\t};\n\tuseMenuDismissal(accountOpen, [accountWrap], closeAccount);\n\tuseEffect(() => {\n\t\tif (!accountOpen) return;\n\t\tlet frame = requestAnimationFrame(() => {\n\t\t\taccountWrap.current?.querySelector(\"[role=menuitem]\")?.focus();\n\t\t});\n\t\treturn () => cancelAnimationFrame(frame);\n\t}, [accountOpen]);\n\tlet accountPresence = useTransitionPresence(\n\t\taccountOpen ? true : undefined,\n\t\t150,\n\t\timmediateMotion,\n\t);\n\tlet dialogMotion = dialogPresence.phase === \"closed\" ? undefined : dialogPresence;\n\tlet presentedDialog = dialogMotion?.value;\n\tlet triggerVisible = !sidebarVisible && !drawerOpen;\n\tlet {\n\t\tloadMore,\n\t\tprojects,\n\t\trefreshProject,\n\t\tremoveDocument,\n\t\tupdateDocument,\n\t\tupsertDocument,\n\t} = useProjectDocuments(navigation, catalogueMode === \"archived\");\n\tlet routeKey = isDocumentWorkspaceRoute(route)\n\t\t? documentRouteIdentity(route)\n\t\t: route.page === \"repository\"\n\t\t? `repository:${route.owner}/${route.repository}`\n\t\t: route.page;\n\tlet currentRouteKey = useRef(routeKey);\n\tcurrentRouteKey.current = routeKey;\n\tlet currentRoute = useRef(route);\n\tcurrentRoute.current = route;\n\tlet resolvedChannel = resolvedDocument?.routeKey === routeKey\n\t\t? resolvedDocument.channel\n\t\t: undefined;\n\tlet routedChannel = route.page === \"document\" || route.page === \"child\"\n\t\t? projects.flatMap(project => project.documents.channels).find(channel =>\n\t\t\tchannel.repositoryOwner.toLocaleLowerCase() === route.owner.toLocaleLowerCase()\n\t\t\t&& channel.repositoryName.toLocaleLowerCase() === route.repository.toLocaleLowerCase()\n\t\t\t&& channel.slug === (route.page === \"child\" ? route.childSlug : route.slug)\n\t\t)\n\t\t: undefined;\n\tlet currentDocumentId = route.page === \"channel\"\n\t\t? route.id\n\t\t: routedChannel?.id ?? resolvedChannel?.id;\n\tlet refresh = useCallback((queue = true): Promise => {\n\t\tlet active = navigationRequest.current;\n\t\tif (active) {\n\t\t\tif (queue) navigationRefreshQueued.current = true;\n\t\t\treturn active;\n\t\t}\n\t\tlet request = (async () => {\n\t\t\tdo {\n\t\t\t\tnavigationRefreshQueued.current = false;\n\t\t\t\tsetError(current => current?.retry === \"visit\" ? current : undefined);\n\t\t\t\ttry {\n\t\t\t\t\tlet visitsBeforeRequest = visitRevision.current;\n\t\t\t\t\tlet next = await Api.navigation();\n\t\t\t\t\tlet firstNavigation = navigationRef.current === undefined;\n\t\t\t\t\tif (visitRevision.current !== visitsBeforeRequest && latestVisitedDocument.current) {\n\t\t\t\t\t\tnext = { ...next, lastDocumentId: latestVisitedDocument.current };\n\t\t\t\t\t}\n\t\t\t\t\tlet refreshedAt = Date.now();\n\t\t\t\t\tcatalogueRefreshes.current.set(\"navigation\", refreshedAt);\n\t\t\t\t\tif (firstNavigation) {\n\t\t\t\t\t\tfor (let project of next.projects) {\n\t\t\t\t\t\t\tcatalogueRefreshes.current.set(project.repositoryId, refreshedAt);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tnavigationRef.current = next;\n\t\t\t\t\tsetNavigation(next);\n\t\t\t\t\tlet visited = pendingVisitedRepository.current;\n\t\t\t\t\tif (visited) {\n\t\t\t\t\t\tpendingVisitedRepository.current = undefined;\n\t\t\t\t\t\tif (!next.projects.some(project => project.repositoryId === visited)) {\n\t\t\t\t\t\t\tnavigationRefreshQueued.current = true;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} catch (reason) {\n\t\t\t\t\tsetError({ reason, retry: \"refresh\" });\n\t\t\t\t}\n\t\t\t} while (navigationRefreshQueued.current);\n\t\t})();\n\t\tnavigationRequest.current = request;\n\t\tvoid request.finally(() => {\n\t\t\tif (navigationRequest.current === request) navigationRequest.current = undefined;\n\t\t});\n\t\treturn request;\n\t}, []);\n\tlet clearLastDocument = useCallback((documentId: string) => {\n\t\tif (latestVisitedDocument.current === documentId) latestVisitedDocument.current = undefined;\n\t\tlet current = navigationRef.current;\n\t\tif (current?.lastDocumentId !== documentId) return;\n\t\tlet next = { ...current };\n\t\tdelete next.lastDocumentId;\n\t\tvisitRevision.current++;\n\t\tnavigationRef.current = next;\n\t\tsetNavigation(next);\n\t}, []);\n\tlet documentLoaded = useCallback(async (\n\t\tchannel: Api.Channel,\n\t\tloadedRouteKey: DocumentRouteIdentity,\n\t) => {\n\t\tlet resolved = resolvedDocumentRef.current;\n\t\tlet loaded = {\n\t\t\tchannel: resolved?.routeKey === loadedRouteKey && resolved.channel.id === channel.id\n\t\t\t\t? newestDocument(resolved.channel, channel)\n\t\t\t\t: channel,\n\t\t\trouteKey: loadedRouteKey,\n\t\t};\n\t\tresolvedDocumentRef.current = loaded;\n\t\tsetResolvedDocument(loaded);\n\t\tupsertDocument(loaded.channel);\n\t\tif (loaded.channel.archivedAt) {\n\t\t\tclearLastDocument(channel.id);\n\t\t\treturn;\n\t\t}\n\t\tlet visited = visitTail.current.then(() => Api.visitDocument(channel.id));\n\t\tvisitTail.current = visited.catch(() => {});\n\t\ttry {\n\t\t\tawait visited;\n\t\t} catch (reason) {\n\t\t\tif (currentRouteKey.current === loadedRouteKey) setError({ reason, retry: \"visit\" });\n\t\t\treturn;\n\t\t}\n\t\tsetError(current => current?.retry === \"visit\" ? undefined : current);\n\t\tif (\n\t\t\tresolvedDocumentRef.current?.channel.id === channel.id\n\t\t\t&& resolvedDocumentRef.current.channel.archivedAt\n\t\t) return;\n\t\tvisitRevision.current++;\n\t\tlatestVisitedDocument.current = channel.id;\n\t\tlet current = navigationRef.current;\n\t\tif (!current) {\n\t\t\tpendingVisitedRepository.current = channel.repositoryId;\n\t\t\treturn;\n\t\t}\n\t\tlet next = { ...current, lastDocumentId: channel.id };\n\t\tnavigationRef.current = next;\n\t\tsetNavigation(next);\n\t\tif (!current.projects.some(project => project.repositoryId === channel.repositoryId)) {\n\t\t\tpendingVisitedRepository.current = channel.repositoryId;\n\t\t\tawait refresh();\n\t\t}\n\t}, [clearLastDocument, refresh, upsertDocument]);\n\tlet documentChanged = useCallback((\n\t\tdocumentId: string,\n\t\tupdate: DocumentMetadata,\n\t) => {\n\t\tlet current = resolvedDocumentRef.current;\n\t\tlet accepted: Api.Channel | undefined;\n\t\tif (current?.channel.id === documentId) {\n\t\t\taccepted = updateDocumentMetadata(current.channel, update);\n\t\t\tlet next = accepted === current.channel ? current : { ...current, channel: accepted };\n\t\t\tresolvedDocumentRef.current = next;\n\t\t\tsetResolvedDocument(next);\n\t\t\tupsertDocument(next.channel);\n\t\t\tlet activeRoute = currentRoute.current;\n\t\t\tif (\n\t\t\t\tcurrent.routeKey === currentRouteKey.current\n\t\t\t\t&& (activeRoute.page === \"channel\"\n\t\t\t\t\t|| activeRoute.page === \"document\")\n\t\t\t) {\n\t\t\t\tlet path = documentPath(\n\t\t\t\t\taccepted.repositoryOwner,\n\t\t\t\t\taccepted.repositoryName,\n\t\t\t\t\taccepted.slug,\n\t\t\t\t);\n\t\t\t\tif (location.pathname !== path) {\n\t\t\t\t\thistory.replaceState(null, \"\", `${path}${location.search}${location.hash}`);\n\t\t\t\t}\n\t\t\t}\n\t\t} else updateDocument(documentId, update);\n\t\tif (Object.hasOwn(update, \"archivedAt\")) {\n\t\t\tlet archived = accepted ? accepted.archivedAt : update.archivedAt;\n\t\t\tif (archived) clearLastDocument(documentId);\n\t\t}\n\t}, [clearLastDocument, updateDocument, upsertDocument]);\n\n\tuseEffect(() => {\n\t\tvoid refresh(false);\n\t}, [refresh]);\n\n\tuseEffect(() => {\n\t\tlocalStorage.setItem(`${SIDEBAR_STORAGE_KEY}:collapsed`, String(collapsed));\n\t}, [collapsed]);\n\n\tuseEffect(() => {\n\t\tif (mode === \"inline\") setDrawerOpen(false);\n\t}, [mode]);\n\n\tuseEffect(() => {\n\t\tif (\n\t\t\troute.page !== \"channel\" && route.page !== \"document\" && route.page !== \"child\"\n\t\t\t&& navigation?.projects.length === 0\n\t\t) {\n\t\t\tshowDialog(\"add\");\n\t\t}\n\t}, [navigation?.projects.length, route.page]);\n\n\tlet navigateToDocument = (documentId: string, path?: string) => {\n\t\tsetError(undefined);\n\t\tsetDialog(undefined);\n\t\tsetDrawerOpen(false);\n\t\tnavigate(documentDestination(projects, documentId, path));\n\t};\n\n\tlet creation = useDocumentCreation({\n\t\trouteKey,\n\t\tnavigationRevision,\n\t\tonCreated: upsertDocument,\n\t\tonNavigate: navigateToDocument,\n\t\tonAccessChanged: () => void refresh(),\n\t});\n\tuseEffect(() => {\n\t\tif (route.page !== \"repositories\" || !navigation) return;\n\t\t// Catalogue updates from earlier creations must not compete with an explicit creation.\n\t\tif (creation.pending.size > 0 || creation.error) return;\n\t\tlet destination = landingDocument(projects, navigation.lastDocumentId);\n\t\tif (destination) navigate(documentDestination(projects, destination), { replace: true });\n\t}, [creation.error, creation.pending.size, navigate, navigation, projects, route.page]);\n\tlet createDocument = (project: Api.NavigationProject) => {\n\t\tlet current = navigationRef.current?.projects.find(value =>\n\t\t\tvalue.repositoryId === project.repositoryId\n\t\t);\n\t\tif (current) void creation.create(current);\n\t};\n\tlet retryProject = navigation?.projects.find(project =>\n\t\tproject.repositoryId === creation.error?.project.repositoryId\n\t\t&& project.available && canManageProject(project)\n\t);\n\tlet documentRouteSettled = useCallback((key: DocumentRouteIdentity) => {\n\t\tif (currentRouteKey.current !== key) return;\n\t\tsetSettledRouteKey(key);\n\t\tcreation.settled(key);\n\t}, [creation.settled]);\n\n\tlet active = activeProject(projects, currentDocumentId, resolvedChannel?.repositoryId);\n\tlet creationTarget = documentCreationTarget(\n\t\tnavigation?.projects,\n\t\tactive,\n\t\tisDocumentWorkspaceRoute(route) && settledRouteKey !== routeKey,\n\t);\n\tlet currentChannel = projects.flatMap(project => project.documents.channels)\n\t\t.find(channel => channel.id === currentDocumentId) ?? resolvedChannel;\n\tlet currentChannelRef = useRef(undefined);\n\tcurrentChannelRef.current = currentChannel;\n\tlet knownChannelsRef = useRef(new Map());\n\tknownChannelsRef.current = new Map(\n\t\t[\n\t\t\t...projects.flatMap(project => project.documents.channels),\n\t\t\t...(resolvedChannel ? [resolvedChannel] : []),\n\t\t].map(channel => [channel.id, channel]),\n\t);\n\tlet currentDocumentIdRef = useRef(currentDocumentId);\n\tcurrentDocumentIdRef.current = currentDocumentId;\n\tlet projectsRef = useRef(projects);\n\tprojectsRef.current = projects;\n\tlet refreshProjectRef = useRef(refreshProject);\n\trefreshProjectRef.current = refreshProject;\n\tlet revalidateCatalogues = useCallback(() => {\n\t\tlet now = Date.now();\n\t\tlet navigationRefreshedAt = catalogueRefreshes.current.get(\"navigation\") ?? 0;\n\t\tif (now - navigationRefreshedAt >= 30_000) {\n\t\t\tcatalogueRefreshes.current.set(\"navigation\", now);\n\t\t\tvoid refresh();\n\t\t}\n\t\tif (!active?.available) return;\n\t\tlet projectRefreshedAt = catalogueRefreshes.current.get(active.repositoryId)\n\t\t\t?? navigationRefreshedAt;\n\t\tif (now - projectRefreshedAt < 30_000) {\n\t\t\tcatalogueRefreshes.current.set(active.repositoryId, projectRefreshedAt);\n\t\t\treturn;\n\t\t}\n\t\tcatalogueRefreshes.current.set(active.repositoryId, now);\n\t\trefreshProject(active);\n\t}, [active, refresh, refreshProject]);\n\tuseEffect(() => {\n\t\trevalidateCatalogues();\n\t}, [revalidateCatalogues, routeKey]);\n\tuseEffect(() => {\n\t\tlet visible = () => {\n\t\t\tif (document.visibilityState === \"visible\") revalidateCatalogues();\n\t\t};\n\t\twindow.addEventListener(\"focus\", revalidateCatalogues);\n\t\tdocument.addEventListener(\"visibilitychange\", visible);\n\t\treturn () => {\n\t\t\twindow.removeEventListener(\"focus\", revalidateCatalogues);\n\t\t\tdocument.removeEventListener(\"visibilitychange\", visible);\n\t\t};\n\t}, [revalidateCatalogues]);\n\tlet newDocument = () => {\n\t\tif (creationTarget.type === \"loading\") return;\n\t\tif (creationTarget.type === \"project\") createDocument(creationTarget.project);\n\t\telse showDialog(\"new\");\n\t};\n\n\tlet showDialog = useCallback((next: NonNullable) => {\n\t\tsetDrawerOpen(false);\n\t\tsetAccountOpen(false);\n\t\tsetDialog(next);\n\t}, []);\n\tlet acceptChannel = useCallback((channel: Api.Channel) => {\n\t\tif (channel.archivedAt) {\n\t\t\tclearLastDocument(channel.id);\n\t\t}\n\t\tupsertDocument(channel);\n\t\tlet current = resolvedDocumentRef.current;\n\t\tif (current?.channel.id !== channel.id) return;\n\t\tlet next = { ...current, channel: newestDocument(current.channel, channel) };\n\t\tresolvedDocumentRef.current = next;\n\t\tsetResolvedDocument(next);\n\t}, [clearLastDocument, upsertDocument]);\n\tlet documentDeleted = useCallback((documentId: string) => {\n\t\tlet channel = knownChannelsRef.current.get(documentId);\n\t\tif (channel) forgetChannel(user.id, channel);\n\t\tremoveDocument(documentId);\n\t\tclearLastDocument(documentId);\n\t\tlet current = resolvedDocumentRef.current;\n\t\tif (current?.channel.id === documentId) {\n\t\t\tresolvedDocumentRef.current = undefined;\n\t\t\tsetResolvedDocument(undefined);\n\t\t}\n\t\tsetDialog(currentDialog =>\n\t\t\ttypeof currentDialog === \"object\" && currentDialog.channel.id === documentId\n\t\t\t\t? undefined\n\t\t\t\t: currentDialog\n\t\t);\n\t\tif (currentDocumentIdRef.current === documentId) navigate(\"/\", { replace: true });\n\t}, [clearLastDocument, navigate, removeDocument, user.id]);\n\tlet documentAction = useCallback((channel: Api.Channel, action: DocumentAction) => {\n\t\tsetDrawerOpen(false);\n\t\tsetAccountOpen(false);\n\t\tif (action === \"copy-link\") {\n\t\t\tlet href =\n\t\t\t\tnew URL(documentDestination(projectsRef.current, channel.id), location.origin).href;\n\t\t\tvoid import(\"./copy-link\").then(module => module.copyLink(href, showNotice));\n\t\t\treturn;\n\t\t}\n\t\tif (action === \"rename\") {\n\t\t\trequestTitleEdit(channel.id, \"rename\");\n\t\t\tif (currentDocumentIdRef.current !== channel.id) {\n\t\t\t\tnavigate(documentDestination(projectsRef.current, channel.id));\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\t\tif (action === \"delete\") {\n\t\t\tshowDialog({ type: \"delete\", channel });\n\t\t\treturn;\n\t\t}\n\t\tsetError(undefined);\n\t\tlet mutation = action === \"archive\"\n\t\t\t? Api.archiveChannel(channel.id)\n\t\t\t: Api.restoreChannel(channel.id);\n\t\tvoid mutation.then(detail => {\n\t\t\tacceptChannel(detail.channel);\n\t\t\tif (action === \"restore\") setCatalogueMode(\"active\");\n\t\t}, reason => {\n\t\t\tsetError({ reason });\n\t\t});\n\t}, [acceptChannel, navigate, showDialog, showNotice]);\n\tlet workspaceDocumentAction = useCallback((documentId: string, action: DocumentAction) => {\n\t\tlet channel = knownChannelsRef.current.get(documentId);\n\t\tif (channel) documentAction(channel, action);\n\t}, [documentAction]);\n\tlet researchChildOpen = useCallback((\n\t\tparentId: string,\n\t\tchild: Research.ReadyChild,\n\t\topener: ResearchOpener,\n\t) => {\n\t\tlet channel = knownChannelsRef.current.get(parentId);\n\t\tif (!channel) return;\n\t\tsetError(undefined);\n\t\tsetDialog(undefined);\n\t\tsetDrawerOpen(false);\n\t\tlet target = researchChildNavigation(channel, child, opener);\n\t\tnavigate(target.destination, { opener: target.opener });\n\t}, [navigate]);\n\tlet researchChildPublished = useCallback((parentId: string, _child: Research.ReadyChild) => {\n\t\tlet channel = knownChannelsRef.current.get(parentId);\n\t\tif (!channel) return;\n\t\tlet entry = projectsRef.current.find(value =>\n\t\t\tvalue.project.repositoryId === channel.repositoryId\n\t\t);\n\t\tif (!entry?.project.available) return;\n\t\trefreshProjectRef.current(entry.project);\n\t}, []);\n\tlet repositoryAccessChanged = useCallback(() => {\n\t\tvoid refresh();\n\t}, [refresh]);\n\tlet navigationDocument = useMemo(() => ({\n\t\tchannel: currentChannel,\n\t\tonDocumentAction: workspaceDocumentAction,\n\t\tonDocumentChanged: documentChanged,\n\t\tonDocumentDeleted: documentDeleted,\n\t\tonDocumentLoaded: documentLoaded,\n\t\tonDocumentRouteSettled: documentRouteSettled,\n\t\tonRepositoryAccessChanged: repositoryAccessChanged,\n\t\tonResearchChildOpen: researchChildOpen,\n\t\tonResearchChildPublished: researchChildPublished,\n\t}), [\n\t\tcurrentChannel,\n\t\tdocumentChanged,\n\t\tdocumentDeleted,\n\t\tdocumentLoaded,\n\t\tdocumentRouteSettled,\n\t\trepositoryAccessChanged,\n\t\tresearchChildOpen,\n\t\tresearchChildPublished,\n\t\tworkspaceDocumentAction,\n\t]);\n\n\tlet signOut = async () => {\n\t\ttry {\n\t\t\tawait Api.logout();\n\t\t\tclearRepositoryCache(user.id);\n\t\t\tlocation.assign(\"/\");\n\t\t} catch (reason) {\n\t\t\tsetError({ reason, retry: \"refresh\" });\n\t\t}\n\t};\n\n\tlet retryError = () => {\n\t\tif (!error) return;\n\t\tif (error.retry === \"visit\" && currentChannelRef.current && isDocumentWorkspaceRoute(route)) {\n\t\t\tvoid documentLoaded(currentChannelRef.current, documentRouteIdentity(route));\n\t\t} else void refresh();\n\t};\n\tlet dismissDrawer = () => {\n\t\tsetDrawerOpen(false);\n\t\trequestAnimationFrame(() => drawerOpener.current?.focus({ preventScroll: true }));\n\t};\n\tlet dismissDialog = () => setDialog(undefined);\n\tlet collapseSidebar = () => {\n\t\tsetCollapsed(true);\n\t\tdismissDrawer();\n\t};\n\tlet navigateLink = (event: ReactMouseEvent) => {\n\t\tif (\n\t\t\tevent.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey\n\t\t\t|| event.shiftKey || event.altKey\n\t\t) return;\n\t\tlet target = event.target;\n\t\tif (!(target instanceof Element)) return;\n\t\tlet link = target.closest(\"a[href]\");\n\t\tif (!link || link.hasAttribute(\"download\") || (link.target && link.target !== \"_self\")) return;\n\t\tlet destination = new URL(link.href, location.href);\n\t\tif (destination.origin !== location.origin) return;\n\t\tif (\n\t\t\tdestination.pathname !== \"/\"\n\t\t\t&& !/^\\/(?:channels|documents|repositories)(?:\\/|$)/.test(destination.pathname)\n\t\t) return;\n\t\tevent.preventDefault();\n\t\t// Lexical's clickable-link listener is attached at the editor root. Stop\n\t\t// the event before it reaches that root after this shell has claimed an app route.\n\t\tevent.stopPropagation();\n\t\tsetDrawerOpen(false);\n\t\tnavigate(`${destination.pathname}${destination.search}${destination.hash}`);\n\t};\n\tlet sidebar = (\n\t\t}>\n\t\t\t closeAccount(false),\n\t\t\t\t\tonSignOut: () => void signOut(),\n\t\t\t\t}}\n\t\t\t\taccountMenuId={accountMenuId}\n\t\t\t\taccountMenuOpen={accountOpen}\n\t\t\t\taccountTriggerRef={accountTrigger}\n\t\t\t\taccountWrapRef={accountWrap}\n\t\t\t\tcanCreateDocument={creationTarget.type !== \"loading\"}\n\t\t\t\tpendingCreations={creation.pending}\n\t\t\t\tnewDocumentPhase={creationTarget.type === \"loading\"\n\t\t\t\t\t? \"loading\"\n\t\t\t\t\t: creationTarget.type === \"project\"\n\t\t\t\t\t? creation.pending.get(creationTarget.project.repositoryId)\n\t\t\t\t\t: undefined}\n\t\t\t\tcurrentDocumentId={currentDocumentId}\n\t\t\t\tonAccount={() => setAccountOpen(open => !open)}\n\t\t\t\tfocusProjectId={focusProjectId}\n\t\t\t\tonAddProject={() => showDialog(\"add\")}\n\t\t\t\tonFocusedProject={() => setFocusProjectId(undefined)}\n\t\t\t\tonCollapse={collapseSidebar}\n\t\t\t\tonCreateDocument={project => void createDocument(project)}\n\t\t\t\tonDocumentAction={documentAction}\n\t\t\t\tonLoadMore={loadMore}\n\t\t\t\tonNewDocument={newDocument}\n\t\t\t\tonSearch={() => showDialog(\"search\")}\n\t\t\t\tonCatalogueModeChange={setCatalogueMode}\n\t\t\t\tprojects={projects}\n\t\t\t\tcatalogueMode={catalogueMode}\n\t\t\t\tuser={user}\n\t\t\t/>\n\t\t\n\t);\n\tlet content = (\n\t\t<>\n\t\t\t{notice && (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t)}\n\t\t\t{!sidebarVisible && !drawerOpen && presentedDialog !== \"new\" && creation.pending.size > 0 && (\n\t\t\t\t

\n\t\t\t\t\t{[...creation.pending].map(([id, phase]) => (\n\t\t\t\t\t\t

\n\t\t\t\t\t\t\t{phase === \"creating\" ? \"Creating document…\" : \"Opening document…\"}{\" \"}\n\t\t\t\t\t\t\t{navigation?.projects.find(project => project.repositoryId === id)?.repositoryName}\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{creation.error && presentedDialog !== \"new\" && (\n\t\t\t\t\n\t\t\t\t\t{creation.error.message}\n\t\t\t\t\t{retryProject && (\n\t\t\t\t\t\t createDocument(retryProject)}\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tTry again\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{error !== undefined && (\n\t\t\t\t\n\t\t\t\t\t{error.reason instanceof Error\n\t\t\t\t\t\t? error.reason.message\n\t\t\t\t\t\t: \"Could not update navigation.\"}\n\t\t\t\t\t{error.retry && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tTry again\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{children ?? (\n\t\t\t\t\n\t\t\t\t\t 0}\n\t\t\t\t\t\thasProjects={navigation?.projects.length !== 0}\n\t\t\t\t\t\tonAddProject={() => showDialog(\"add\")}\n\t\t\t\t\t\tonNewDocument={newDocument}\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{sidebarPresence.phase !== \"closed\" && (\n\t\t\t\t\t\n\t\t\t\t\t\t

{sidebar}

\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t\t{triggerVisible && (\n\t\t\t\t\t mode === \"drawer\" ? setDrawerOpen(true) : setCollapsed(false)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{drawerPresence.phase !== \"closed\" && (\n\t\t\t\t\t\n\t\t\t\t\t\t{sidebar}\n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t\t{children === undefined\n\t\t\t\t\t? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{content}\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\n\t\t\t\t\t\t\t{content}\n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t{dialogMotion && presentedDialog === \"add\" && (\n\t\t\t\t\t\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\tcatalogueRefreshes.current.set(project.repositoryId, Date.now());\n\t\t\t\t\t\t\t\tsetFocusProjectId(project.repositoryId);\n\t\t\t\t\t\t\t\tsetCollapsed(false);\n\t\t\t\t\t\t\t\tif (mode === \"drawer\") setDrawerOpen(true);\n\t\t\t\t\t\t\t\tvoid refresh();\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonDismiss={dismissDialog}\n\t\t\t\t\t\t\tuserId={user.id}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t\t{dialogMotion && presentedDialog === \"new\" && (\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t showDialog(\"add\")}\n\t\t\t\t\t\t\t\tonCreate={createDocument}\n\t\t\t\t\t\t\t\tonDismiss={() => {\n\t\t\t\t\t\t\t\t\tsetDialog(undefined);\n\t\t\t\t\t\t\t\t\tif (mode === \"drawer\") {\n\t\t\t\t\t\t\t\t\t\trequestAnimationFrame(() => drawerOpener.current?.focus());\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\tonRetry={retryProject ? () => createDocument(retryProject) : undefined}\n\t\t\t\t\t\t\t\tpending={creation.pending}\n\t\t\t\t\t\t\t\tprojects={navigation?.projects ?? []}\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{dialogMotion && presentedDialog === \"search\" && (\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{dialogMotion && typeof presentedDialog === \"object\"\n\t\t\t\t\t&& presentedDialog.type === \"delete\" && (\n\t\t\t\t\t\n\t\t\t\t\t\t documentDeleted(presentedDialog.channel.id)}\n\t\t\t\t\t\t\tonDismiss={dismissDialog}\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/chopin","repoId","7d1a8ac3-35b0-4dea-85d4-06a980f3bada","ownerId","org:89615882","site","nexthub","private","admin","settings","maintainer","triage","starred","stars",0,"watchers","watching","pinned","notify","views",[183,184,185,186,187,188,189,190,191,192,193,194,195],"navigation",{"_54":55,"_139":140,"_141":142,"_143":144,"_145":146,"_147":148,"_149":150},"sources",[],"viewer","meta",{"_131":132,"_133":134,"_135":136,"_42":31,"_137":126,"_138":31,"_48":49,"_50":49},"branches",[73,74,75,76,77,78,79,80,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],"tags",[69,70,71,72],"cloneUrl","https://git.nexthub.sh/githubnext/chopin.git","color-controls-slice-1","color-controls-slice-2","color-controls-slice-3","color-controls-slice-4","Krzysztof-Cieslak-patch-1","Krzysztof-Cieslak-patch-2","Maggie/app-preview-toolkit","Maggie/ci-playwright-install-timeout","Maggie/collaborative-visual-decision","Maggie/design-audit","Maggie/generic-visual-decision-runtime","Maggie/impeccable-chopin-metadata","Maggie/jev-chat-product","Maggie/jev-composed-assessment","Maggie/native-document-layouts","Maggie/openui-composition-product","Maggie/openui-composition-trial","Maggie/planner-visual-authoring","Maggie/planner-visual-requests","Maggie/visual-selection-eval","artifacts/pr-419-live-preview-20261009","automation/pr-maintenance-state","automation/use-effect/callout-disabled-picker-8cf9e49ba5c09471","automation/use-effect/collaboration-options-ref-4e3a5a08a879a5ae","automation/use-effect/room-workspace-effective-access-a57d40866c71bed0","chore/bun-1.4.2","color-controls","color-controls-plan","comments","design-pr-assets","design/archived-decisions-badge","design/channel-route-remount","design/chat-decision-entry","design/conversation-analysis-markers","design/decision-evidence","design/settled-line-icon","dev/integration","diagram-step-controls","feat/liveapp-frontend-pilot","feat/local-experiments","feat/local-launcher-tracer","fix/autolink-mdx-crash","github-pills/2-pills","github-pills/3-hover-card","maggie/app-preview-toolkit","maggie/ci-playwright-install-timeout","maggie/collaborative-visual-decision","maggie/design-audit","maggie/generic-visual-decision-runtime","maggie/impeccable-chopin-metadata","maggie/jev-composed-assessment","maggie/native-document-layouts","maggie/openui-composition-product","maggie/openui-composition-trial","maggie/planner-visual-authoring","maggie/planner-visual-requests","maggie/visual-selection-eval","main","plain-text-fence-chrome","tokens/09-copy","wireframes/2-renderer","wireframes/3-planner","description","Let's compose rich plans together","owner","githubnext","section","","head","empty","pins",[165,166,167],"documents",{"_160":161,"_162":163},"code",{"_156":157,"_158":159},"automations",{"_153":154,"_155":-5},"delivery",{"_151":49,"_152":-5},"tag","04zvKQ8QOrDUF8TO1Ovz0Zy8_TT","releases","applications","workflows",3,"deployments","commits",1000,"changes",13,"counts",{"_164":163},"total",11,"issue",{"_168":158,"_170":181,"_15":158,"_172":182,"_52":174,"_175":31,"_176":174,"_177":159},{"_168":178,"_170":179,"_15":178,"_172":180,"_52":174,"_175":31,"_176":174,"_177":49},{"_168":169,"_170":171,"_15":169,"_172":173,"_52":174,"_175":31,"_176":174,"_177":163},"id","issues","name","Issues","filters",{},true,"saved","pinnable","count","tasks","Tasks",{},"Changes",{},{"_168":158,"_170":181,"_15":158,"_172":226,"_52":174,"_175":31,"_176":174},{"_168":178,"_170":179,"_15":178,"_172":225,"_52":174,"_175":31,"_176":174},{"_168":169,"_170":171,"_15":169,"_172":224,"_52":174,"_175":31,"_176":174},{"_168":221,"_170":222,"_15":221,"_172":223,"_52":31,"_175":31,"_176":174},{"_168":218,"_170":219,"_15":218,"_172":220,"_52":31,"_175":31,"_176":174},{"_168":153,"_170":216,"_15":145,"_172":217,"_52":31,"_175":31,"_176":174},{"_168":155,"_170":213,"_15":214,"_172":215,"_52":31,"_175":31,"_176":174},{"_168":151,"_170":211,"_15":151,"_172":212,"_52":31,"_175":31,"_176":174},{"_168":207,"_170":208,"_15":209,"_172":210,"_52":31,"_175":31,"_176":174},{"_168":141,"_170":205,"_15":141,"_172":206,"_52":31,"_175":31,"_176":31},{"_168":202,"_170":203,"_15":202,"_172":204,"_52":31,"_175":31,"_176":31},{"_168":199,"_170":200,"_15":199,"_172":201,"_52":31,"_175":31,"_176":31},{"_168":196,"_170":197,"_15":196,"_172":198,"_52":31,"_175":31,"_176":31},"decisions","Decisions",{},"changelog","Changelog",{},"roadmap","Roadmap",{},"Documents",{},"activity","Activity","insights",{},"Releases",{},"Deployments","automations/deployments",{},"Workflows",{},"discussions","Discussions",{},"goals","Goals",{},{},{},{},"groups","user","agents",[],"now",1794577542564,"sidebar","expanded"]