[{"_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","b6201648939ecec2010f05f3daec5ceff58e96b1","path","apps/web/src/navigation-shell.tsx","oid","5de8bfaa65eb61c6a308466243a222718b1a8d08","size",32237,"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\tuseLayoutEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n\tuseSyncExternalStore,\n} from \"react\";\nimport { useTransitionPresence } from \"@chopin/editor/transition-presence\";\nimport { documentPath, researchWorkspacePath } 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 { motionContract } from \"./motion-contract\";\nimport { NavigationFocusScope } from \"./navigation-focus\";\nimport { motionImmediately } from \"./motion-input\";\nimport {\n\tactiveProject,\n\tbeginProjectCreation,\n\tcanManageProject,\n\tdocumentDestination,\n\tfinishProjectCreation,\n\tlandingDocument,\n\tNAVIGATION_MEDIA,\n\tnavigationMode,\n} from \"./navigation-model\";\nimport {\n\tProjectSidebarExpandButton,\n\tSIDEBAR_MAX,\n\tSIDEBAR_MIN,\n\tSIDEBAR_STORAGE_KEY,\n} from \"./project-sidebar-chrome\";\nimport { clearRepositoryCache } from \"./repository-cache\";\nimport { useProjectDocuments } from \"./use-project-documents\";\nimport { useProjectResearch } from \"./use-project-research\";\n\nimport type { Research } from \"@chopin/protocol\";\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, DocumentRouteIdentitySource } from \"./document-route-swap\";\nimport type { NavigationMode } from \"./navigation-model\";\n\nexport type Navigate = (destination: string, options?: { replace?: boolean }) => 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 NewResearchDialog = lazy(() =>\n\timport(\"./research-actions\").then(module => ({ default: module.NewResearchDialog }))\n);\nlet ProjectSidebar = lazy(() =>\n\timport(\"./project-sidebar\").then(module => ({ default: module.ProjectSidebar }))\n);\nlet AddProjectDialog = lazy(() =>\n\timport(\"./add-project-dialog\").then(module => ({ default: module.AddProjectDialog }))\n);\nlet DocumentSearchDialog = lazy(() =>\n\timport(\"./document-search-dialog\").then(module => ({ default: module.DocumentSearchDialog }))\n);\nlet RenameDocumentDialog = lazy(() =>\n\timport(\"./rename-document-dialog\").then(module => ({ default: module.RenameDocumentDialog }))\n);\nlet DeleteDocumentDialog = lazy(() =>\n\timport(\"./delete-document-dialog\").then(module => ({ default: module.DeleteDocumentDialog }))\n);\n\ntype Route =\n\t| DocumentRouteIdentitySource\n\t| { page: \"repositories\" }\n\t| { page: \"repository\"; owner: string; repository: string };\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: (action: DocumentAction) => void;\n\tonDocumentDeleted: (documentId: string) => void;\n\tonDocumentLoaded: (channel: Api.Channel, routeKey: DocumentRouteIdentity) => Promise;\n\tonRepositoryAccessChanged: () => void;\n\tonResearchWorkspaceChanged: (\n\t\tchannel: Api.ResearchParentChannel,\n\t\tworkspaceId: string,\n\t\trevision: number,\n\t) => void;\n\tonResearchWorkspaceLoaded: (\n\t\tchannel: Api.ResearchParentChannel,\n\t\tworkspace: Research.WorkspaceSummary,\n\t) => void;\n\tonResearchWorkspacesRefresh: (channel: Api.ResearchParentChannel) => void;\n}>({\n\tonDocumentChanged() {},\n\tonDocumentAction() {},\n\tonDocumentDeleted() {},\n\tasync onDocumentLoaded() {},\n\tonRepositoryAccessChanged() {},\n\tonResearchWorkspaceChanged() {},\n\tonResearchWorkspaceLoaded() {},\n\tonResearchWorkspacesRefresh() {},\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\troute,\n\t\tuser,\n\t}: {\n\t\tchildren?: ReactNode;\n\t\tnavigate: Navigate;\n\t\troute: Route;\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| \"search\"\n\t\t| { channel: Api.Channel; type: \"delete\" | \"rename\" | \"research\" }\n\t>();\n\tlet [accountOpen, setAccountOpen] = useState(false);\n\tlet creatingProjectIds = useRef>(new Set());\n\tlet [creatingProjectIdsForView, setCreatingProjectIdsForView] = useState>(\n\t\t() => new Set(),\n\t);\n\tlet [focusProjectId, setFocusProjectId] = 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 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 {\n\t\tgroups: research,\n\t\trefreshResearchChannel,\n\t\trefreshResearchWorkspace,\n\t\tremoveResearchChannel,\n\t\tupsertResearchWorkspace,\n\t} = useProjectResearch(navigation, projects, catalogueMode === \"archived\");\n\tlet routeKey = route.page === \"channel\"\n\t\t\t|| route.page === \"document\"\n\t\t\t|| route.page === \"research\"\n\t\t? documentRouteIdentity(route)\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 === \"research\"\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.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 currentResearchWorkspaceId = route.page === \"research\" ? route.workspaceId : undefined;\n\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\t\t|| activeRoute.page === \"research\")\n\t\t\t) {\n\t\t\t\tlet path = activeRoute.page === \"research\"\n\t\t\t\t\t? researchWorkspacePath(\n\t\t\t\t\t\taccepted.repositoryOwner,\n\t\t\t\t\t\taccepted.repositoryName,\n\t\t\t\t\t\taccepted.slug,\n\t\t\t\t\t\tactiveRoute.workspaceId,\n\t\t\t\t\t)\n\t\t\t\t\t: documentPath(\n\t\t\t\t\t\taccepted.repositoryOwner,\n\t\t\t\t\t\taccepted.repositoryName,\n\t\t\t\t\t\taccepted.slug,\n\t\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) {\n\t\t\t\tclearLastDocument(documentId);\n\t\t\t\tsetDialog(current =>\n\t\t\t\t\ttypeof current === \"object\" && current.type === \"research\"\n\t\t\t\t\t\t&& current.channel.id === documentId\n\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t: current\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}, [clearLastDocument, updateDocument, upsertDocument]);\n\n\tuseEffect(() => {\n\t\tvoid refresh(false);\n\t}, [refresh]);\n\n\tuseEffect(() => {\n\t\tif (route.page !== \"repositories\" || !navigation) return;\n\t\tlet destination = landingDocument(projects, navigation.lastDocumentId);\n\t\tif (destination) navigate(documentDestination(projects, destination), { replace: true });\n\t}, [navigate, navigation, projects, route.page]);\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 !== \"research\"\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\tuseEffect(() => {\n\t\tif (!focusProjectId) return;\n\t\tlet frame = requestAnimationFrame(() => {\n\t\t\tlet project = document.querySelector(\n\t\t\t\t`[data-project-id=\"${CSS.escape(focusProjectId)}\"]`,\n\t\t\t);\n\t\t\tif (!project) return;\n\t\t\tproject.focus({ preventScroll: true });\n\t\t\tsetFocusProjectId(undefined);\n\t\t});\n\t\treturn () => cancelAnimationFrame(frame);\n\t}, [focusProjectId, projects]);\n\n\tlet startProjectCreation = (projectId: string): boolean => {\n\t\tif (creatingProjectIds.current.has(projectId)) return false;\n\t\tlet next = beginProjectCreation(creatingProjectIds.current, projectId);\n\t\tcreatingProjectIds.current = next;\n\t\tsetCreatingProjectIdsForView(next);\n\t\treturn true;\n\t};\n\n\tlet completeProjectCreation = (projectId: string) => {\n\t\tlet next = finishProjectCreation(creatingProjectIds.current, projectId);\n\t\tcreatingProjectIds.current = next;\n\t\tsetCreatingProjectIdsForView(next);\n\t};\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 createDocument = async (project: Api.NavigationProject) => {\n\t\tif (!canManageProject(project) || !startProjectCreation(project.repositoryId)) return;\n\t\ttry {\n\t\t\tlet created = await Api.createChannel(project.repositoryOwner, project.repositoryName);\n\t\t\tupsertDocument(created.channel);\n\t\t\tnavigateToDocument(\n\t\t\t\tcreated.channel.id,\n\t\t\t\tdocumentPath(\n\t\t\t\t\tcreated.repository.owner,\n\t\t\t\t\tcreated.repository.name,\n\t\t\t\t\tcreated.channel.slug,\n\t\t\t\t),\n\t\t\t);\n\t\t} catch (reason) {\n\t\t\tsetError({ reason, retry: \"refresh\" });\n\t\t} finally {\n\t\t\tcompleteProjectCreation(project.repositoryId);\n\t\t}\n\t};\n\n\tlet active = activeProject(projects, currentDocumentId, resolvedChannel?.repositoryId);\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 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\tif (currentChannel) refreshResearchChannel(currentChannel);\n\t}, [active, currentChannel, refresh, refreshProject, refreshResearchChannel]);\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 (active && canManageProject(active)) void createDocument(active);\n\t\telse showDialog(\"add\");\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\tremoveResearchChannel(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, removeResearchChannel, user.id]);\n\tlet documentAction = useCallback((channel: Api.Channel, action: DocumentAction) => {\n\t\tsetDrawerOpen(false);\n\t\tsetAccountOpen(false);\n\t\tif (action === \"rename\") {\n\t\t\tshowDialog({ type: \"rename\", channel });\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, showDialog]);\n\tlet currentDocumentAction = useCallback((action: DocumentAction) => {\n\t\tlet channel = currentChannelRef.current;\n\t\tif (channel) documentAction(channel, action);\n\t}, [documentAction]);\n\tlet researchWorkspaceChanged = useCallback((\n\t\tchannel: Api.ResearchParentChannel,\n\t\tworkspaceId: string,\n\t\trevision: number,\n\t) => {\n\t\trefreshResearchWorkspace(channel, workspaceId, revision);\n\t}, [refreshResearchWorkspace]);\n\tlet researchWorkspaceLoaded = useCallback((\n\t\tchannel: Api.ResearchParentChannel,\n\t\tworkspace: Research.WorkspaceSummary,\n\t) => {\n\t\tupsertResearchWorkspace(channel, workspace);\n\t}, [upsertResearchWorkspace]);\n\tlet repositoryAccessChanged = useCallback(() => {\n\t\tvoid refresh();\n\t}, [refresh]);\n\tlet navigationDocument = useMemo(() => ({\n\t\tchannel: currentChannel,\n\t\tonDocumentAction: currentDocumentAction,\n\t\tonDocumentChanged: documentChanged,\n\t\tonDocumentDeleted: documentDeleted,\n\t\tonDocumentLoaded: documentLoaded,\n\t\tonRepositoryAccessChanged: repositoryAccessChanged,\n\t\tonResearchWorkspaceChanged: researchWorkspaceChanged,\n\t\tonResearchWorkspaceLoaded: researchWorkspaceLoaded,\n\t\tonResearchWorkspacesRefresh: refreshResearchChannel,\n\t}), [\n\t\tcurrentChannel,\n\t\tcurrentDocumentAction,\n\t\tdocumentChanged,\n\t\tdocumentDeleted,\n\t\tdocumentLoaded,\n\t\trepositoryAccessChanged,\n\t\tresearchWorkspaceChanged,\n\t\tresearchWorkspaceLoaded,\n\t\trefreshResearchChannel,\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 (\n\t\t\terror.retry === \"visit\"\n\t\t\t&& currentChannelRef.current\n\t\t\t&& (route.page === \"channel\" || route.page === \"document\" || route.page === \"research\")\n\t\t) {\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 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\tsetDrawerOpen(false);\n\t\tnavigate(`${destination.pathname}${destination.search}${destination.hash}`);\n\t};\n\tlet sidebar = (\n\t\t\n\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\taccountMenuOpen={accountOpen}\n\t\t\t\tcanCreateDocument={!active || canManageProject(active)}\n\t\t\t\tcreatingProjectIds={creatingProjectIdsForView}\n\t\t\t\tcreatingNewDocument={!!active && creatingProjectIdsForView.has(active.repositoryId)}\n\t\t\t\tcurrentDocumentId={currentDocumentId}\n\t\t\t\tcurrentResearchWorkspaceId={currentResearchWorkspaceId}\n\t\t\t\tonAccount={() => setAccountOpen(open => !open)}\n\t\t\t\tonAddProject={() => showDialog(\"add\")}\n\t\t\t\tonCollapse={() => {\n\t\t\t\t\tsetCollapsed(true);\n\t\t\t\t\tif (drawerOpen) dismissDrawer();\n\t\t\t\t\telse requestAnimationFrame(() => drawerOpener.current?.focus({ preventScroll: true }));\n\t\t\t\t}}\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\tonNewResearch={channel => {\n\t\t\t\t\tif (!channel.archivedAt) showDialog({ type: \"research\", channel });\n\t\t\t\t}}\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\tresearch={research}\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{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{navigation?.projects.length === 0\n\t\t\t\t\t\t? \"Add a Project to start your first document.\"\n\t\t\t\t\t\t: \"Choose or create a document.\"}\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 {\n\t\t\t\t\t\t\t\t\tcatalogueRefreshes.current.set(project.repositoryId, Date.now());\n\t\t\t\t\t\t\t\t\tsetFocusProjectId(project.repositoryId);\n\t\t\t\t\t\t\t\t\tvoid refresh();\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tonDismiss={() => setDialog(undefined)}\n\t\t\t\t\t\t\t\tuserId={user.id}\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\t\t setDialog(undefined)}\n\t\t\t\t\t\t\t\tonSelect={navigateToDocument}\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 && typeof presentedDialog === \"object\"\n\t\t\t\t\t&& presentedDialog.type === \"rename\" && (\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t setDialog(undefined)}\n\t\t\t\t\t\t\t\tonRenamed={acceptChannel}\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 && 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\n\t\t\t\t\t\t\t documentDeleted(presentedDialog.channel.id)}\n\t\t\t\t\t\t\t\tonDismiss={() => setDialog(undefined)}\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 && typeof presentedDialog === \"object\"\n\t\t\t\t\t&& presentedDialog.type === \"research\" && (\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\tupsertResearchWorkspace(presentedDialog.channel, workspace);\n\t\t\t\t\t\t\t\t\tsetDialog(undefined);\n\t\t\t\t\t\t\t\t\tnavigate(researchWorkspacePath(\n\t\t\t\t\t\t\t\t\t\tpresentedDialog.channel.repositoryOwner,\n\t\t\t\t\t\t\t\t\t\tpresentedDialog.channel.repositoryName,\n\t\t\t\t\t\t\t\t\t\tpresentedDialog.channel.slug,\n\t\t\t\t\t\t\t\t\t\tworkspace.id,\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\tonDismiss={() => setDialog(undefined)}\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/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",1794601131344,"sidebar","expanded"]