[{"_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","a545acbf03f2d7c423b73e563bb53da8f03ea839","path","apps/web/src/navigation-shell.tsx","oid","e85176a0826ff06ccff74ed279d3b72077d66c21","size",14149,"commit","mounts",[],"source","plain",{"_13":14,"_15":16},"kind","text","import {\n\tcreateContext,\n\tuseCallback,\n\tuseContext,\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n\tuseSyncExternalStore,\n} from \"react\";\nimport { documentPath } from \"@chopin/protocol/document-url\";\n\nimport * as Api from \"./api\";\nimport {\n\tAddProjectDialog,\n\tDocumentSearchDialog,\n\tnewestDocument,\n\tRenameDocumentDialog,\n} from \"./document-actions\";\nimport { NavigationFocusScope } from \"./navigation-focus\";\nimport {\n\tactiveProject,\n\tbeginProjectCreation,\n\tcanEditProject,\n\tdocumentDestination,\n\tfinishProjectCreation,\n\tlandingDocument,\n\tNAVIGATION_MEDIA,\n\tnavigationMode,\n} from \"./navigation-model\";\nimport {\n\tProjectSidebar,\n\tProjectSidebarExpandButton,\n\tSIDEBAR_MAX,\n\tSIDEBAR_MIN,\n\tSIDEBAR_STORAGE_KEY,\n} from \"./project-sidebar\";\nimport { clearRepositoryCache } from \"./repository-cache\";\nimport { useProjectDocuments } from \"./use-project-documents\";\n\nimport type { ReactNode } from \"react\";\nimport type { NavigationMode } from \"./navigation-model\";\n\ntype Route =\n\t| { page: \"repositories\" }\n\t| { page: \"repository\"; owner: string; repository: string }\n\t| { page: \"document\"; owner: string; repository: string; slug: string }\n\t| { page: \"channel\"; id: string };\n\ntype NavigationFailure = { reason: unknown };\n\nlet NavigationDocument = createContext<{\n\tchannel?: Api.Channel;\n\tonDocumentChanged: (\n\t\tdocumentId: string,\n\t\tupdate: Pick,\n\t) => void;\n\tonDocumentLoaded: (channel: Api.Channel) => void;\n\tonRenameDocument: () => void;\n}>({\n\tonDocumentChanged() {},\n\tonDocumentLoaded() {},\n\tonRenameDocument() {},\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{ children, onDismiss }: { children: ReactNode; onDismiss: () => void },\n) {\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\troute,\n\t\tuser,\n\t}: {\n\t\tchildren?: ReactNode;\n\t\troute: Route;\n\t\tuser: Api.User;\n\t},\n) {\n\tlet generation = useRef(0);\n\tlet [navigation, setNavigation] = useState();\n\tlet [error, setError] = useState();\n\tlet [resolvedDocument, setResolvedDocument] = useState();\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 [dialog, setDialog] = useState<\"add\" | \"search\" | { channel: Api.Channel; type: \"rename\" }>();\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 sidebarVisible = mode === \"inline\" && !collapsed;\n\tlet triggerVisible = !sidebarVisible && !drawerOpen;\n\tlet { loadMore, projects, updateDocument, upsertDocument } = useProjectDocuments(navigation);\n\tlet currentDocumentId = route.page === \"channel\"\n\t\t? route.id\n\t\t: route.page === \"document\"\n\t\t? resolvedDocument?.id\n\t\t: undefined;\n\tlet routeKey = route.page === \"channel\"\n\t\t? `${route.page}:${route.id}`\n\t\t: route.page === \"document\"\n\t\t? `${route.page}:${route.owner}/${route.repository}/${route.slug}`\n\t\t: route.page;\n\tuseEffect(() => setResolvedDocument(undefined), [routeKey]);\n\n\tlet refresh = useCallback(async () => {\n\t\tlet request = ++generation.current;\n\t\tsetError(undefined);\n\t\ttry {\n\t\t\tlet next = await Api.navigation();\n\t\t\tif (request !== generation.current) return;\n\t\t\tsetNavigation(next);\n\t\t} catch (reason) {\n\t\t\tif (request === generation.current) {\n\t\t\t\tsetError({ reason });\n\t\t\t}\n\t\t}\n\t}, []);\n\tlet documentLoaded = useCallback((channel: Api.Channel) => {\n\t\tsetResolvedDocument(current =>\n\t\t\tcurrent?.id === channel.id ? newestDocument(current, channel) : channel\n\t\t);\n\t\tupsertDocument(channel);\n\t\tvoid refresh();\n\t}, [refresh, upsertDocument]);\n\tlet documentChanged = useCallback((\n\t\tdocumentId: string,\n\t\tupdate: Pick,\n\t) => {\n\t\tupdateDocument(documentId, update);\n\t\tsetResolvedDocument(current =>\n\t\t\tcurrent?.id === documentId && current.updatedAt <= update.updatedAt\n\t\t\t\t? { ...current, ...update }\n\t\t\t\t: current\n\t\t);\n\t}, [updateDocument]);\n\n\tuseEffect(() => {\n\t\tvoid refresh();\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) location.replace(documentDestination(projects, destination));\n\t}, [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\" && 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\tlocation.assign(documentDestination(projects, documentId, path));\n\t};\n\n\tlet createDocument = async (project: Api.NavigationProject) => {\n\t\tif (!canEditProject(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 });\n\t\t} finally {\n\t\t\tcompleteProjectCreation(project.repositoryId);\n\t\t}\n\t};\n\n\tlet active = activeProject(projects, currentDocumentId, resolvedDocument?.repositoryId);\n\tlet currentChannel = projects.flatMap(project => project.documents.channels)\n\t\t.find(channel => channel.id === currentDocumentId) ?? resolvedDocument;\n\tlet currentChannelRef = useRef(undefined);\n\tcurrentChannelRef.current = currentChannel;\n\tlet newDocument = () => {\n\t\tif (active && canEditProject(active)) void createDocument(active);\n\t\telse showDialog(\"add\");\n\t};\n\n\tlet renamed = (channel: Api.Channel) => {\n\t\tupsertDocument(channel);\n\t\tsetResolvedDocument(current =>\n\t\t\tcurrent?.id === channel.id ? newestDocument(current, channel) : current\n\t\t);\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 renameCurrentDocument = useCallback(() => {\n\t\tlet channel = currentChannelRef.current;\n\t\tif (channel) showDialog({ type: \"rename\", channel });\n\t}, [showDialog]);\n\tlet navigationDocument = useMemo(() => ({\n\t\tchannel: currentChannel,\n\t\tonDocumentChanged: documentChanged,\n\t\tonDocumentLoaded: documentLoaded,\n\t\tonRenameDocument: renameCurrentDocument,\n\t}), [currentChannel, documentChanged, documentLoaded, renameCurrentDocument]);\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 });\n\t\t}\n\t};\n\n\tlet retryError = () => {\n\t\tif (!error) return;\n\t\tvoid refresh();\n\t};\n\tlet dismissDrawer = () => {\n\t\tsetDrawerOpen(false);\n\t\trequestAnimationFrame(() => drawerOpener.current?.focus({ preventScroll: true }));\n\t};\n\tlet sidebar = (\n\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t)}\n\t\t\tcanCreateDocument={!active || canEditProject(active)}\n\t\t\tcreatingProjectIds={creatingProjectIdsForView}\n\t\t\tcreatingNewDocument={!!active && creatingProjectIdsForView.has(active.repositoryId)}\n\t\t\tcurrentDocumentId={currentDocumentId}\n\t\t\tonAccount={() => setAccountOpen(open => !open)}\n\t\t\tonAddProject={() => showDialog(\"add\")}\n\t\t\tonCollapse={() => {\n\t\t\t\tsetCollapsed(true);\n\t\t\t\tif (drawerOpen) dismissDrawer();\n\t\t\t}}\n\t\t\tonCreateDocument={project => void createDocument(project)}\n\t\t\tonLoadMore={loadMore}\n\t\t\tonNewDocument={newDocument}\n\t\t\tonOpenDocument={navigateToDocument}\n\t\t\tonRenameDocument={channel => showDialog({ type: \"rename\", channel })}\n\t\t\tonSearch={() => showDialog(\"search\")}\n\t\t\tprojects={projects}\n\t\t\tuser={user}\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\n\t\t\t\t\t\tTry again\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{sidebarVisible && (\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{mode === \"drawer\" && drawerOpen && (\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{dialog === \"add\" && (\n\t\t\t\t\t {\n\t\t\t\t\t\t\tsetFocusProjectId(project.repositoryId);\n\t\t\t\t\t\t\tvoid refresh();\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonDismiss={() => setDialog(undefined)}\n\t\t\t\t\t\tuserId={user.id}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{dialog === \"search\" && (\n\t\t\t\t\t setDialog(undefined)}\n\t\t\t\t\t\tonSelect={navigateToDocument}\n\t\t\t\t\t\tprojects={navigation?.projects ?? []}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{typeof dialog === \"object\" && dialog.type === \"rename\" && (\n\t\t\t\t\t setDialog(undefined)}\n\t\t\t\t\t\tonRenamed={renamed}\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",1794523969569,"sidebar","expanded"]