[{"_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","edd3e75211e367c228ea4bcde64d37d4c994f910","path","apps/web/src/hosted.tsx","oid","784057cb38d7f6789f93d4b9840469e510b393fd","size",20759,"commit","mounts",[],"source","plain",{"_13":14,"_15":16},"kind","text","import { lazy, Suspense, useCallback, useEffect, useReducer, useRef, useState } from \"react\";\nimport { ContentSwapLayer } from \"@chopin/editor/content-swap\";\nimport {\n\tdocumentsPath,\n\tparseChildDocumentPath,\n\tparseDocumentPath,\n} from \"@chopin/protocol/document-url\";\n\nimport * as Api from \"./api\";\nimport { childFocusTransition } from \"./anchored-child-surface\";\nimport { readChannelRecovery, rememberChannel } from \"./channel-recovery\";\nimport { childCloseAction, childHistoryState } from \"./child-history\";\nimport { documentRouteIdentity, transitionDocumentRoute } from \"./document-route-swap\";\nimport { newestDocument } from \"./document-actions\";\nimport { motionContract } from \"./motion-contract\";\nimport { motionImmediately } from \"./motion-input\";\nimport { NavigationShell, useNavigationDocument } from \"./navigation-shell\";\n\nimport type { ComponentType, ReactNode } from \"react\";\nimport type { ResearchOpener } from \"@chopin/editor\";\nimport type { ChildFocusEvent, ChildFocusState, ChildFocusToken } from \"./anchored-child-surface\";\nimport type {\n\tDocumentRouteIdentity,\n\tDocumentRouteIdentitySource,\n\tDocumentRouteSwap as DocumentRouteSwapState,\n} from \"./document-route-swap\";\nimport type { WorkspaceSurface } from \"./workspace-model\";\n\nlet DocumentWorkspaceHost = lazy(() => import(\"./document-workspace-host\"));\n\nexport type HostedWorkspaceProps = {\n\troom: string;\n\thandle: string;\n\tlabel: string;\n\tslug: string;\n\tupdatedAt: string;\n\tdescriptionRevision: number;\n\tdescription?: string;\n\trepository: Api.Repository;\n\tcanEdit: boolean;\n\tcanManage: boolean;\n\tarchivedAt?: string;\n\tagent?: boolean;\n\tuserId: string;\n\tonMetadataChanged?: (\n\t\tmetadata: Pick<\n\t\t\tApi.Channel,\n\t\t\t| \"archivedAt\"\n\t\t\t| \"description\"\n\t\t\t| \"descriptionRevision\"\n\t\t\t| \"slug\"\n\t\t\t| \"title\"\n\t\t\t| \"updatedAt\"\n\t\t>,\n\t) => void;\n\tbreadcrumb?: {\n\t\tchildLabel: string;\n\t\tonBack: () => void;\n\t};\n\tchildClose?: {\n\t\tlabel: string;\n\t\tonClose: () => void;\n\t};\n\tpaperObscured?: boolean;\n\tsurface?: WorkspaceSurface;\n};\n\nexport type HostedRoute =\n\t| DocumentRouteIdentitySource\n\t| { page: \"repositories\" }\n\t| { page: \"repository\"; owner: string; repository: string }\n\t| { page: \"missing\" };\n\ntype DocumentRoute = DocumentRouteIdentitySource;\ntype ChannelSource = Extract;\ntype DocumentSource = DocumentRoute;\ntype DocumentRouteRequest = {\n\timmediately: boolean;\n\tkey: DocumentRouteIdentity;\n\trouteKey: DocumentRouteIdentity;\n\tsource: DocumentSource;\n};\ntype DocumentRouteResolution = {\n\tcanonicalPath: string;\n\tchannel: Api.Channel;\n\trouteKey: DocumentRouteIdentity;\n};\ntype DocumentRouteLayer = DocumentRouteSwapState<\n\tDocumentRouteRequest,\n\tDocumentRouteResolution\n>[\"current\"];\n\nfunction keyedDocumentRoute(\n\troute: DocumentRoute,\n\timmediately: boolean,\n\talias?: DocumentRouteIdentity,\n): DocumentRouteRequest {\n\tlet routeKey = documentRouteIdentity(route);\n\tlet key = alias ?? (route.page === \"child\"\n\t\t? documentRouteIdentity({\n\t\t\towner: route.owner,\n\t\t\tpage: \"document\",\n\t\t\trepository: route.repository,\n\t\t\tslug: route.parentSlug,\n\t\t})\n\t\t: documentRouteIdentity(route));\n\treturn {\n\t\timmediately,\n\t\tkey,\n\t\trouteKey,\n\t\tsource: route,\n\t};\n}\n\nfunction decoded(value: string): string | undefined {\n\ttry {\n\t\treturn decodeURIComponent(value);\n\t} catch {\n\t\treturn undefined;\n\t}\n}\n\nexport function hostedRoute(pathname: string): HostedRoute {\n\tif (pathname === \"/\" || pathname === \"\") return { page: \"repositories\" };\n\tlet child = parseChildDocumentPath(pathname);\n\tif (child) return { page: \"child\", ...child };\n\tlet document = parseDocumentPath(pathname);\n\tif (document?.slug) {\n\t\treturn {\n\t\t\tpage: \"document\",\n\t\t\towner: document.owner,\n\t\t\trepository: document.repository,\n\t\t\tslug: document.slug,\n\t\t};\n\t}\n\tif (document) return { page: \"repository\", ...document };\n\tlet repository = /^\\/repositories\\/([^/]+)\\/([^/]+)\\/?$/.exec(pathname);\n\tif (repository) {\n\t\tlet owner = decoded(repository[1]!);\n\t\tlet name = decoded(repository[2]!);\n\t\tif (owner && name) return { page: \"repository\", owner, repository: name };\n\t}\n\tlet channel = /^\\/channels\\/([0-9a-f-]{36})\\/?$/i.exec(pathname);\n\tif (channel) return { page: \"channel\", id: channel[1]!.toLowerCase() };\n\treturn { page: \"missing\" };\n}\n\nexport function retryableChannelFailure(error: unknown): boolean {\n\treturn !(error instanceof Api.ApiError)\n\t\t|| error.status === 408\n\t\t|| error.status === 429\n\t\t|| error.status >= 500;\n}\n\nfunction Loading({ label = \"Loading\" }: { label?: string }) {\n\treturn (\n\t\t\n\t\t\t{label}\n\t\t\n\t);\n}\n\nfunction repositoryHref(repository: { owner: string; name: string }): string {\n\treturn documentsPath(repository.owner, repository.name);\n}\n\nfunction Failure(\n\t{\n\t\tchannel,\n\t\terror,\n\t\tonRetry,\n\t\trepository,\n\t}: {\n\t\tchannel?: { title?: string; slug?: string };\n\t\terror: unknown;\n\t\tonRetry?: () => void;\n\t\trepository?: Pick;\n\t},\n) {\n\tlet message = error instanceof Error ? error.message : \"Something went wrong\";\n\treturn (\n\t\t

\n\t\t\t

\n\t\t\t\t

Cannot open Chopin

\n\t\t\t\t

{message}

\n\t\t\t\t{channel && (\n\t\t\t\t\t

\n\t\t\t\t\t\t{channel.title &&

{channel.title}

}\n\t\t\t\t\t\t{channel.slug && (\n\t\t\t\t\t\t\t

{channel.slug}

\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{repository && (\n\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\t{repository.fullName}\n\t\t\t\t\t\t\t

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

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

\n\t\t\t\t\t{onRetry && (\n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t\t{repository && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tView {repository.fullName} channels\n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t\tBack to repositories\n\t\t\t\t

\n\t\t\t

\n\t\t

\n\t);\n}\n\nexport function HostedLogin() {\n\tlet href = githubLoginHref(location.pathname, location.search, location.hash);\n\treturn (\n\t\t

\n\t\t\t

\n\t\t\t\t

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

chopin

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

\n\t\t\t\t\t\tPlan together, in the context of the code.\n\t\t\t\t\t

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

\n\t\t\t\t\t\tA shared document, a visible conversation, and an agent that can read the repository\n\t\t\t\t\t\twithout owning the decision.\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t

\n\t\t\t\t

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

Open your workspace

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

\n\t\t\t\t\t\tSign in with GitHub to choose a repository and its planning channels.\n\t\t\t\t\t

\n\t\t\t\t\t\n\t\t\t\t\t\tContinue with GitHub\n\t\t\t\t\t\n\t\t\t\t

\n\t\t\t

\n\t\t

\n\t);\n}\n\nexport function githubLoginHref(pathname: string, search = \"\", hash = \"\"): string {\n\tlet parameters = new URLSearchParams({ return_to: `${pathname}${search}${hash}` });\n\treturn `/auth/github?${parameters}`;\n}\n\nfunction ChannelWorkspace(\n\t{ agent, onReady, source, user }: {\n\t\tagent: boolean;\n\t\tonReady?: (key: DocumentRouteIdentity, resolution?: DocumentRouteResolution) => void;\n\t\tsource: ChannelSource;\n\t\tuser: Api.User;\n\t},\n) {\n\ttype LoadedWorkspace = {\n\t\tdetail: Api.ChannelDetail;\n\t\tWorkspace: ComponentType;\n\t};\n\tlet [loaded, setLoaded] = useState();\n\tlet [error, setError] = useState();\n\tlet [retry, setRetry] = useState(0);\n\tlet { channel: navigationChannel } = useNavigationDocument();\n\tlet routeKey = documentRouteIdentity(source);\n\tlet recovery = readChannelRecovery(user.id, source.id);\n\n\tuseEffect(() => {\n\t\tlet active = true;\n\t\tlet controller = new AbortController();\n\t\tsetLoaded(undefined);\n\t\tsetError(undefined);\n\t\tlet prepared = import(\"./document-loader\").then(module =>\n\t\t\tmodule.prepareDocumentLoad({ id: source.id }, controller.signal)\n\t\t).then(({ detail, pathname }) => ({ canonicalPath: pathname, detail }));\n\t\tprepared = prepared.then(resolved => {\n\t\t\tif (active) {\n\t\t\t\trememberChannel(user.id, resolved.detail.channel, resolved.detail.repository);\n\t\t\t}\n\t\t\treturn resolved;\n\t\t});\n\t\tlet workspace = import(\"./room-workspace\").then(module => ({\n\t\t\tWorkspace: module.RoomWorkspace,\n\t\t}));\n\t\tPromise.all([prepared, workspace]).then(([resolved, selected]) => {\n\t\t\tif (active) {\n\t\t\t\tsetLoaded({ detail: resolved.detail, ...selected });\n\t\t\t\tonReady?.(routeKey, {\n\t\t\t\t\tcanonicalPath: resolved.canonicalPath,\n\t\t\t\t\tchannel: resolved.detail.channel,\n\t\t\t\t\trouteKey,\n\t\t\t\t});\n\t\t\t}\n\t\t}, reason => {\n\t\t\tif (active) {\n\t\t\t\tsetError(reason);\n\t\t\t\tonReady?.(routeKey);\n\t\t\t}\n\t\t});\n\t\treturn () => {\n\t\t\tactive = false;\n\t\t\tcontroller.abort();\n\t\t};\n\t}, [onReady, retry, routeKey, source, user.id]);\n\tif (error) {\n\t\treturn (\n\t\t\t {\n\t\t\t\t\t\tsetError(undefined);\n\t\t\t\t\t\tsetRetry(value => value + 1);\n\t\t\t\t\t}\n\t\t\t\t\t: undefined}\n\t\t\t\trepository={recovery?.repository}\n\t\t\t/>\n\t\t);\n\t}\n\tif (!loaded) return ;\n\tlet { detail } = loaded;\n\tlet channel = navigationChannel?.id === detail.channel.id\n\t\t? newestDocument(detail.channel, navigationChannel)\n\t\t: detail.channel;\n\tlet props: HostedWorkspaceProps = {\n\t\tagent,\n\t\tarchivedAt: channel.archivedAt,\n\t\tcanEdit: !channel.archivedAt && (detail.canEdit || detail.canManage),\n\t\tcanManage: detail.canManage,\n\t\tdescription: channel.description,\n\t\tdescriptionRevision: channel.descriptionRevision,\n\t\thandle: user.login,\n\t\tlabel: channel.title,\n\t\tslug: channel.slug,\n\t\tupdatedAt: channel.updatedAt,\n\t\trepository: detail.repository,\n\t\troom: detail.channel.id,\n\t\tuserId: user.id,\n\t};\n\tlet Document = loaded.Workspace;\n\treturn ;\n}\n\nfunction DocumentRouteSwap(\n\t{\n\t\tagent,\n\t\tonCanonicalPath,\n\t\tonChildClose,\n\t\tonChildClosing,\n\t\tonParentRestored,\n\t\troute,\n\t\tuser,\n\t}: {\n\t\tagent: boolean;\n\t\tonCanonicalPath: (pathname: string) => void;\n\t\tonChildClose: (parentPath: string) => void;\n\t\tonChildClosing: (parentId: string, parentPath: string) => ChildFocusToken;\n\t\tonParentRestored: (token: ChildFocusToken) => void;\n\t\troute: DocumentRoute;\n\t\tuser: Api.User;\n\t},\n) {\n\tlet aliases = useRef(new Map());\n\tlet routeKey = documentRouteIdentity(route);\n\tlet requested = keyedDocumentRoute(route, motionImmediately(), aliases.current.get(routeKey));\n\tlet [state, dispatch] = useReducer(\n\t\ttransitionDocumentRoute,\n\t\t{ current: requested },\n\t);\n\tlet requestedRoute = useRef({ key: requested.key, routeKey: requested.routeKey });\n\trequestedRoute.current = { key: requested.key, routeKey: requested.routeKey };\n\tlet presentedRequest = state.pending ?? state.current;\n\tif (requested.key !== presentedRequest.key || requested.routeKey !== presentedRequest.routeKey) {\n\t\tdispatch({ route: requested, type: \"requested\" });\n\t}\n\tlet layers = [state.previous, state.current, state.pending].filter(\n\t\t(layer): layer is DocumentRouteLayer => layer !== undefined,\n\t);\n\tlet motion = motionContract(\"content-swap\");\n\tlet ready = useCallback((\n\t\tkey: DocumentRouteIdentity,\n\t\tresolution?: DocumentRouteResolution,\n\t) => {\n\t\tif (resolution) aliases.current.set(resolution.routeKey, key);\n\t\tdispatch({ key, resolution, type: \"ready\" });\n\t}, []);\n\tlet metadataPath = useCallback((\n\t\tkey: DocumentRouteIdentity,\n\t\tmetadataRouteKey: DocumentRouteIdentity,\n\t\tpathname: string,\n\t) => {\n\t\tlet authority = requestedRoute.current;\n\t\tif (key !== authority.key || metadataRouteKey !== authority.routeKey) return;\n\t\tlet canonicalRoute = hostedRoute(pathname);\n\t\tif (canonicalRoute.page === \"document\" || canonicalRoute.page === \"child\") {\n\t\t\taliases.current.set(documentRouteIdentity(canonicalRoute), key);\n\t\t}\n\t\tonCanonicalPath(pathname);\n\t}, [onCanonicalPath]);\n\tlet { onDocumentLoaded } = useNavigationDocument();\n\tlet published = useRef(undefined);\n\tuseEffect(() => {\n\t\tlet resolution = state.current.resolution;\n\t\tif (!resolution || published.current === resolution) return;\n\t\tpublished.current = resolution;\n\t\tonCanonicalPath(resolution.canonicalPath);\n\t\tvoid onDocumentLoaded(resolution.channel, resolution.routeKey);\n\t}, [onCanonicalPath, onDocumentLoaded, state.current.key, state.current.resolution]);\n\n\treturn (\n\t\t

\n\t\t\t{layers.map(layer => {\n\t\t\t\tlet source = layer.source;\n\t\t\t\treturn (\n\t\t\t\t\t dispatch({ key: layer.key, type: \"closed\" })\n\t\t\t\t\t\t\t: undefined}\n\t\t\t\t\t>\n\t\t\t\t\t\t{source.page === \"document\" || source.page === \"child\"\n\t\t\t\t\t\t\t? (\n\t\t\t\t\t\t\t\t}>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t: (\n\t\t\t\t\t\t\t\t\n\t\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\nexport function HostedApp(\n\t{ agent, user }: { agent: boolean; user: Api.User },\n) {\n\tlet [route, setRoute] = useState(() => hostedRoute(location.pathname));\n\tlet hostedRouteRef = useRef(route);\n\thostedRouteRef.current = route;\n\tlet childOpener = useRef(undefined);\n\tlet childClosePending = useRef(false);\n\tlet childFocus = useRef({ generation: 0 });\n\tlet childFocusFrame = useRef(undefined);\n\tlet cancelChildFocusFrame = useCallback(() => {\n\t\tif (childFocusFrame.current !== undefined) cancelAnimationFrame(childFocusFrame.current);\n\t\tchildFocusFrame.current = undefined;\n\t}, []);\n\tlet moveChildFocus = useCallback((event: ChildFocusEvent) => {\n\t\tlet current = childFocus.current;\n\t\tlet next = childFocusTransition(current, event);\n\t\tif (next !== current && !next.attempt) cancelChildFocusFrame();\n\t\tchildFocus.current = next;\n\t\treturn next;\n\t}, [cancelChildFocusFrame]);\n\tlet childRouteChanged = useCallback((pathname: string) => {\n\t\tif (hostedRoute(pathname).page === \"child\") childClosePending.current = false;\n\t\tmoveChildFocus({ type: \"route\", pathname });\n\t}, [moveChildFocus]);\n\tlet navigate = useCallback((\n\t\tdestination: string,\n\t\toptions: { opener?: ResearchOpener; replace?: boolean } = {},\n\t) => {\n\t\tlet target = new URL(destination, location.href);\n\t\tif (target.origin !== location.origin) {\n\t\t\tmoveChildFocus({ type: \"cancel\" });\n\t\t\tlocation.assign(target.href);\n\t\t\treturn;\n\t\t}\n\t\tlet next = `${target.pathname}${target.search}${target.hash}`;\n\t\tlet current = `${location.pathname}${location.search}${location.hash}`;\n\t\tif (next === current) return;\n\t\tchildRouteChanged(target.pathname);\n\t\tlet nextRoute = hostedRoute(target.pathname);\n\t\tif (options.replace) history.replaceState(history.state, \"\", next);\n\t\telse {\n\t\t\tlet currentRoute = hostedRouteRef.current;\n\t\t\tlet siblingChild = nextRoute.page === \"child\" && currentRoute.page === \"child\"\n\t\t\t\t&& nextRoute.owner.toLocaleLowerCase() === currentRoute.owner.toLocaleLowerCase()\n\t\t\t\t&& nextRoute.repository.toLocaleLowerCase()\n\t\t\t\t\t=== currentRoute.repository.toLocaleLowerCase()\n\t\t\t\t&& nextRoute.parentSlug === currentRoute.parentSlug;\n\t\t\tlet inAppChild = nextRoute.page === \"child\" && currentRoute.page === \"document\"\n\t\t\t\t&& nextRoute.owner.toLocaleLowerCase() === currentRoute.owner.toLocaleLowerCase()\n\t\t\t\t&& nextRoute.repository.toLocaleLowerCase() === currentRoute.repository.toLocaleLowerCase()\n\t\t\t\t&& nextRoute.parentSlug === currentRoute.slug;\n\t\t\tif (siblingChild || inAppChild) {\n\t\t\t\tlet active = document.activeElement;\n\t\t\t\tchildOpener.current = options.opener\n\t\t\t\t\t?? { current: active instanceof HTMLElement ? active : null };\n\t\t\t}\n\t\t\tif (siblingChild) history.replaceState(history.state, \"\", next);\n\t\t\telse if (inAppChild) {\n\t\t\t\thistory.pushState(\n\t\t\t\t\tchildHistoryState(history.state, current),\n\t\t\t\t\t\"\",\n\t\t\t\t\tnext,\n\t\t\t\t);\n\t\t\t} else history.pushState(null, \"\", next);\n\t\t}\n\t\tsetRoute(nextRoute);\n\t}, [childRouteChanged, moveChildFocus]);\n\tlet canonicalPath = useCallback((pathname: string) => {\n\t\tif (location.pathname === pathname) return;\n\t\tchildRouteChanged(pathname);\n\t\thistory.replaceState(\n\t\t\thistory.state,\n\t\t\t\"\",\n\t\t\t`${pathname}${location.search}${location.hash}`,\n\t\t);\n\t\tsetRoute(hostedRoute(pathname));\n\t}, [childRouteChanged]);\n\tlet closeChild = useCallback((parentPath: string) => {\n\t\tif (childClosePending.current) return;\n\t\tchildClosePending.current = true;\n\t\tlet action = childCloseAction(history.state, parentPath);\n\t\tif (action.type === \"back\") history.back();\n\t\telse navigate(action.destination, { replace: true });\n\t}, [navigate]);\n\tlet childClosing = useCallback((parentId: string, parentPath: string): ChildFocusToken => {\n\t\tcancelChildFocusFrame();\n\t\tlet next = moveChildFocus({\n\t\t\ttype: \"begin\",\n\t\t\topener: childOpener.current,\n\t\t\tparentId,\n\t\t\tparentPath,\n\t\t});\n\t\tchildOpener.current = undefined;\n\t\treturn { generation: next.generation, parentId };\n\t}, [cancelChildFocusFrame, moveChildFocus]);\n\tlet restoreParentFocus = useCallback((token: ChildFocusToken) => {\n\t\tlet current = childFocus.current;\n\t\tlet next = childFocusTransition(current, { type: \"restore\", token });\n\t\tif (next === current || next.attempt?.phase !== \"deferred\") return;\n\t\tchildFocus.current = next;\n\t\tlet attempt = next.attempt;\n\t\tcancelChildFocusFrame();\n\t\tchildFocusFrame.current = requestAnimationFrame(() => {\n\t\t\tchildFocusFrame.current = undefined;\n\t\t\tlet latest = childFocus.current.attempt;\n\t\t\tif (\n\t\t\t\tlatest?.generation !== attempt.generation\n\t\t\t\t|| latest.parentId !== attempt.parentId\n\t\t\t\t|| latest.phase !== \"deferred\"\n\t\t\t\t|| location.pathname !== attempt.parentPath\n\t\t\t) return;\n\t\t\tlet parent = document.querySelector(\n\t\t\t\t`[data-workspace-room=\"${CSS.escape(attempt.parentId)}\"]`,\n\t\t\t);\n\t\t\tif (!parent?.isConnected || parent.closest(\"[inert]\")) {\n\t\t\t\tmoveChildFocus({ type: \"cancel\" });\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tlet target = attempt.opener?.current;\n\t\t\tif (!target?.isConnected || target.closest(\"[inert]\")) {\n\t\t\t\ttarget = parent.querySelector(`[data-document-view=\"plan\"] h2`);\n\t\t\t}\n\t\t\tmoveChildFocus({ type: \"finish\", token });\n\t\t\tif (target?.isConnected && !target.closest(\"[inert]\")) {\n\t\t\t\ttarget.focus({ preventScroll: true });\n\t\t\t}\n\t\t});\n\t}, [cancelChildFocusFrame, moveChildFocus]);\n\n\tuseEffect(() => {\n\t\tlet changed = () => {\n\t\t\tchildRouteChanged(location.pathname);\n\t\t\tsetRoute(hostedRoute(location.pathname));\n\t\t};\n\t\twindow.addEventListener(\"popstate\", changed);\n\t\treturn () => {\n\t\t\twindow.removeEventListener(\"popstate\", changed);\n\t\t\tmoveChildFocus({ type: \"cancel\" });\n\t\t\tcancelChildFocusFrame();\n\t\t};\n\t}, [cancelChildFocusFrame, childRouteChanged, moveChildFocus]);\n\n\tif (route.page === \"missing\") {\n\t\treturn ;\n\t}\n\tlet workspace: ReactNode;\n\tswitch (route.page) {\n\t\tcase \"repositories\":\n\t\tcase \"repository\":\n\t\t\tbreak;\n\t\tcase \"document\":\n\t\tcase \"child\":\n\t\tcase \"channel\":\n\t\t\tworkspace = (\n\t\t\t\t\n\t\t\t);\n\t\t\tbreak;\n\t}\n\treturn (\n\t\t\n\t\t\t{workspace}\n\t\t\n\t);\n}\n\nexport { Failure as HostedFailure, Loading as HostedLoading };\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",1794500508699,"sidebar","expanded"]