[{"_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","cc47a37edeb2024a67e7e2abe725d2bb5af87e47","path","apps/web/src/hosted.tsx","oid","e5137afd15ae416afc483d5efb9d55f08d62e814","size",23980,"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\tchildDocumentPath,\n\tdocumentPath,\n\tdocumentsPath,\n\tparseChildDocumentPath,\n\tparseDocumentPath,\n\tparseResearchWorkspacePath,\n\tresearchWorkspacePath,\n} from \"@chopin/protocol/document-url\";\n\nimport * as Api from \"./api\";\nimport { childCloseAction, childHistoryState } from \"./anchored-child-surface\";\nimport { readChannelRecovery, readDocumentRecovery, rememberChannel } from \"./channel-recovery\";\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 {\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\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 = Exclude;\ntype ChannelSource = DocumentRouteIdentitySource;\ntype DocumentSource = DocumentRoute;\ntype DocumentRouteRequest = {\n\timmediately: boolean;\n\tkey: 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 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\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 research = parseResearchWorkspacePath(pathname);\n\tif (research) return { page: \"research\", ...research };\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\nexport function validatedChildPath(\n\tchild: Api.ChannelDetail,\n\tparent: Api.ChannelDetail,\n): string {\n\tlet sameRepository = child.repository.id === parent.repository.id\n\t\t&& child.channel.repositoryId === child.repository.id\n\t\t&& parent.channel.repositoryId === parent.repository.id;\n\tif (\n\t\t!child.channel.parentChannelId\n\t\t|| child.channel.parentChannelId !== parent.channel.id\n\t\t|| parent.channel.parentChannelId\n\t\t|| !sameRepository\n\t\t|| !parent.channel.slug\n\t\t|| !child.channel.slug\n\t) {\n\t\tthrow new Api.ApiError(\"Child document not found\", 404);\n\t}\n\treturn childDocumentPath(\n\t\tchild.repository.owner,\n\t\tchild.repository.name,\n\t\tparent.channel.slug,\n\t\tchild.channel.slug,\n\t);\n}\n\ntype DocumentReaders = {\n\tchannel: (id: string, signal?: AbortSignal) => Promise;\n\tdocument: (\n\t\towner: string,\n\t\trepository: string,\n\t\tslug: string,\n\t\tsignal?: AbortSignal,\n\t) => Promise;\n};\n\nexport async function prepareDocumentLoad(\n\taddress:\n\t\t| { id: string }\n\t\t| {\n\t\t\towner: string;\n\t\t\trepository: string;\n\t\t\tslug: string;\n\t\t\tparentSlug?: string;\n\t\t},\n\tsignal: AbortSignal,\n\treaders: DocumentReaders = Api,\n): Promise<{ detail: Api.ChannelDetail; parent?: Api.ChannelDetail; pathname: string }> {\n\tif (\"id\" in address) {\n\t\tlet detail = await readers.channel(address.id, signal);\n\t\tif (!detail.channel.parentChannelId) {\n\t\t\treturn {\n\t\t\t\tdetail,\n\t\t\t\tpathname: documentPath(\n\t\t\t\t\tdetail.repository.owner,\n\t\t\t\t\tdetail.repository.name,\n\t\t\t\t\tdetail.channel.slug,\n\t\t\t\t),\n\t\t\t};\n\t\t}\n\t\tlet parent = await readers.channel(detail.channel.parentChannelId, signal);\n\t\treturn { detail, parent, pathname: validatedChildPath(detail, parent) };\n\t}\n\tif (address.parentSlug) {\n\t\tlet [detail, parent] = await Promise.all([\n\t\t\treaders.document(address.owner, address.repository, address.slug, signal),\n\t\t\treaders.document(address.owner, address.repository, address.parentSlug, signal),\n\t\t]);\n\t\treturn { detail, parent, pathname: validatedChildPath(detail, parent) };\n\t}\n\tlet detail = await readers.document(\n\t\taddress.owner,\n\t\taddress.repository,\n\t\taddress.slug,\n\t\tsignal,\n\t);\n\tif (detail.channel.parentChannelId) {\n\t\tlet parent = await readers.channel(detail.channel.parentChannelId, signal);\n\t\treturn { detail, parent, pathname: validatedChildPath(detail, parent) };\n\t}\n\treturn {\n\t\tdetail,\n\t\tpathname: documentPath(\n\t\t\tdetail.repository.owner,\n\t\t\tdetail.repository.name,\n\t\t\tdetail.channel.slug,\n\t\t),\n\t};\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 canonicalize(pathname: string): void {\n\tif (location.pathname === pathname) return;\n\thistory.replaceState(history.state, \"\", `${pathname}${location.search}${location.hash}`);\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\t| {\n\t\t\tkind: \"document\";\n\t\t\tdetail: Api.ChannelDetail;\n\t\t\tWorkspace: ComponentType;\n\t\t}\n\t\t| {\n\t\t\tkind: \"research\";\n\t\t\tdetail: Api.ChannelDetail;\n\t\t\tWorkspace: ComponentType;\n\t\t\tworkspaceId: string;\n\t\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;\n\tswitch (source.page) {\n\t\tcase \"channel\":\n\t\t\trecovery = readChannelRecovery(user.id, source.id);\n\t\t\tbreak;\n\t\tcase \"child\":\n\t\t\trecovery = readDocumentRecovery(\n\t\t\t\tuser.id,\n\t\t\t\tsource.owner,\n\t\t\t\tsource.repository,\n\t\t\t\tsource.childSlug,\n\t\t\t);\n\t\t\tbreak;\n\t\tcase \"document\":\n\t\tcase \"research\":\n\t\t\trecovery = readDocumentRecovery(\n\t\t\t\tuser.id,\n\t\t\t\tsource.owner,\n\t\t\t\tsource.repository,\n\t\t\t\tsource.slug,\n\t\t\t);\n\t\t\tbreak;\n\t}\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 = source.page === \"research\"\n\t\t\t? Api.document(\n\t\t\t\t\tsource.owner,\n\t\t\t\t\tsource.repository,\n\t\t\t\t\tsource.slug,\n\t\t\t\t\tcontroller.signal,\n\t\t\t\t).then(detail => ({\n\t\t\t\t\tcanonicalPath: researchWorkspacePath(\n\t\t\t\t\t\tdetail.repository.owner,\n\t\t\t\t\t\tdetail.repository.name,\n\t\t\t\t\t\tdetail.channel.slug,\n\t\t\t\t\t\tsource.workspaceId,\n\t\t\t\t\t),\n\t\t\t\t\tdetail,\n\t\t\t\t}))\n\t\t\t: prepareDocumentLoad(\n\t\t\t\tsource.page === \"channel\"\n\t\t\t\t\t? { id: source.id }\n\t\t\t\t\t: {\n\t\t\t\t\t\towner: source.owner,\n\t\t\t\t\t\tparentSlug: source.page === \"child\" ? source.parentSlug : undefined,\n\t\t\t\t\t\trepository: source.repository,\n\t\t\t\t\t\tslug: source.page === \"child\" ? source.childSlug : source.slug,\n\t\t\t\t\t},\n\t\t\t\tcontroller.signal,\n\t\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;\n\t\tswitch (source.page) {\n\t\t\tcase \"channel\":\n\t\t\tcase \"child\":\n\t\t\tcase \"document\":\n\t\t\t\tworkspace = import(\"./room-workspace\").then(module => ({\n\t\t\t\t\tkind: \"document\" as const,\n\t\t\t\t\tWorkspace: module.RoomWorkspace,\n\t\t\t\t}));\n\t\t\t\tbreak;\n\t\t\tcase \"research\":\n\t\t\t\tworkspace = import(\"./research-workspace\").then(module => ({\n\t\t\t\t\tkind: \"research\" as const,\n\t\t\t\t\tWorkspace: module.ResearchWorkspace,\n\t\t\t\t\tworkspaceId: source.workspaceId,\n\t\t\t\t}));\n\t\t\t\tbreak;\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 } as LoadedWorkspace);\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\tlet requestedRepository;\n\t\tlet requestedSlug;\n\t\tswitch (source.page) {\n\t\t\tcase \"channel\":\n\t\t\t\tbreak;\n\t\t\tcase \"child\":\n\t\t\t\trequestedRepository = {\n\t\t\t\t\tfullName: `${source.owner}/${source.repository}`,\n\t\t\t\t\tname: source.repository,\n\t\t\t\t\towner: source.owner,\n\t\t\t\t};\n\t\t\t\trequestedSlug = source.childSlug;\n\t\t\t\tbreak;\n\t\t\tcase \"document\":\n\t\t\tcase \"research\":\n\t\t\t\trequestedRepository = {\n\t\t\t\t\tfullName: `${source.owner}/${source.repository}`,\n\t\t\t\t\tname: source.repository,\n\t\t\t\t\towner: source.owner,\n\t\t\t\t};\n\t\t\t\trequestedSlug = source.slug;\n\t\t\t\tbreak;\n\t\t}\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 ?? requestedRepository}\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\tif (loaded.kind === \"research\") {\n\t\tlet Research = loaded.Workspace;\n\t\treturn ;\n\t}\n\tlet Document = loaded.Workspace;\n\treturn ;\n}\n\nfunction ActiveChannelWorkspace(\n\t{ agent, source, user }: { agent: boolean; source: ChannelSource; user: Api.User },\n) {\n\tlet { onDocumentLoaded } = useNavigationDocument();\n\tlet ready = useCallback((key: DocumentRouteIdentity, resolution?: DocumentRouteResolution) => {\n\t\tif (!resolution) return;\n\t\tcanonicalize(resolution.canonicalPath);\n\t\tvoid onDocumentLoaded(resolution.channel, key);\n\t}, [onDocumentLoaded]);\n\treturn ;\n}\n\nfunction DocumentRouteLayerWorkspace(\n\t{\n\t\tagent,\n\t\tlayerKey,\n\t\tonCanonicalPath,\n\t\tonChildClose,\n\t\tonParentRestored,\n\t\tonReady,\n\t\tsource,\n\t\tuser,\n\t}: {\n\t\tagent: boolean;\n\t\tlayerKey: DocumentRouteIdentity;\n\t\tonCanonicalPath: (key: DocumentRouteIdentity, pathname: string) => void;\n\t\tonChildClose: (parentPath: string) => void;\n\t\tonParentRestored: (parentId: string) => void;\n\t\tonReady: (key: DocumentRouteIdentity, resolution?: DocumentRouteResolution) => void;\n\t\tsource: DocumentSource;\n\t\tuser: Api.User;\n\t},\n) {\n\tlet channelReady = useCallback((\n\t\t_sourceKey: DocumentRouteIdentity,\n\t\tresolution?: DocumentRouteResolution,\n\t) => onReady(layerKey, resolution), [layerKey, onReady]);\n\tlet documentReady = useCallback((pathname?: string, channel?: Api.Channel) => {\n\t\tif (!pathname || !channel) {\n\t\t\tonReady(layerKey);\n\t\t\treturn;\n\t\t}\n\t\tlet canonicalRoute = hostedRoute(pathname);\n\t\tif (canonicalRoute.page !== \"document\" && canonicalRoute.page !== \"child\") {\n\t\t\tonReady(layerKey);\n\t\t\treturn;\n\t\t}\n\t\tonReady(layerKey, {\n\t\t\tcanonicalPath: pathname,\n\t\t\tchannel,\n\t\t\trouteKey: documentRouteIdentity(canonicalRoute),\n\t\t});\n\t}, [layerKey, onReady]);\n\tlet metadataPath = useCallback(\n\t\t(pathname: string) => onCanonicalPath(layerKey, pathname),\n\t\t[layerKey, onCanonicalPath],\n\t);\n\tif (source.page === \"document\" || source.page === \"child\") {\n\t\treturn (\n\t\t\t}>\n\t\t\t\t\n\t\t\t\n\t\t);\n\t}\n\treturn ;\n}\n\nfunction DocumentRouteSwap(\n\t{\n\t\tagent,\n\t\tonCanonicalPath,\n\t\tonChildClose,\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\tonParentRestored: (parentId: string) => 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 presentedRequest = state.pending ?? state.current;\n\tif (requested.key !== presentedRequest.key) {\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((key: DocumentRouteIdentity, pathname: string) => {\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.key === requested.key ? requested.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: undefined}\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})}\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 navigate = useCallback((destination: string, options: { replace?: boolean } = {}) => {\n\t\tlet target = new URL(destination, location.href);\n\t\tif (target.origin !== location.origin) {\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\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 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 (inAppChild) {\n\t\t\t\tlet active = document.activeElement;\n\t\t\t\tchildOpener.current = active instanceof HTMLElement ? active : undefined;\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}, []);\n\tlet canonicalPath = useCallback((pathname: string) => {\n\t\tif (location.pathname === pathname) return;\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}, []);\n\tlet closeChild = useCallback((parentPath: string) => {\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 restoreParentFocus = useCallback((parentId: string) => {\n\t\tlet target = childOpener.current;\n\t\tchildOpener.current = undefined;\n\t\trequestAnimationFrame(() => {\n\t\t\tif (target?.isConnected) target.focus({ preventScroll: true });\n\t\t\telse {\n\t\t\t\tdocument.querySelector(\n\t\t\t\t\t`[data-workspace-room=\"${CSS.escape(parentId)}\"] [data-document-view=\"plan\"] h2`,\n\t\t\t\t)?.focus({ preventScroll: true });\n\t\t\t}\n\t\t});\n\t}, []);\n\n\tuseEffect(() => {\n\t\tlet changed = () => setRoute(hostedRoute(location.pathname));\n\t\twindow.addEventListener(\"popstate\", changed);\n\t\treturn () => window.removeEventListener(\"popstate\", changed);\n\t}, []);\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\tcase \"research\":\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",1794470584448,"sidebar","expanded"]