[{"_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","cf5be46785a9f6a748cc19f83165ac5c19340a2c","path","apps/web/src/hosted.tsx","oid","2867c4093f8f1a42260504d4151391e1823d1c50","size",14737,"commit","mounts",[],"source","plain",{"_13":14,"_15":16},"kind","text","import { useCallback, useEffect, useReducer, useState } from \"react\";\nimport { ContentSwapLayer } from \"@chopin/editor/content-swap\";\nimport {\n\tdocumentPath,\n\tdocumentsPath,\n\tparseDocumentPath,\n\tparseResearchWorkspacePath,\n\tresearchWorkspacePath,\n} from \"@chopin/protocol/document-url\";\n\nimport * as Api from \"./api\";\nimport { readChannelRecovery, readDocumentRecovery, rememberChannel } from \"./channel-recovery\";\nimport {\n\tcloseDocumentRoute,\n\tinitialDocumentRouteSwap,\n\trequestDocumentRoute,\n\tresolveDocumentRoute,\n} 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 { DocumentRouteSwap as DocumentRouteSwapState } from \"./document-route-swap\";\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};\n\nexport type HostedRoute =\n\t| { page: \"repositories\" }\n\t| { page: \"repository\"; owner: string; repository: string }\n\t| { page: \"document\"; owner: string; repository: string; slug: string }\n\t| {\n\t\tpage: \"research\";\n\t\towner: string;\n\t\trepository: string;\n\t\tslug: string;\n\t\tworkspaceId: string;\n\t}\n\t| { page: \"channel\"; id: string }\n\t| { page: \"missing\" };\n\ntype DocumentRoute = Extract;\ntype KeyedDocumentRoute = { key: string; route: DocumentRoute };\ntype DocumentRouteAction =\n\t| { route: KeyedDocumentRoute; type: \"requested\" }\n\t| { key: string; type: \"resolved\" | \"closed\" };\n\nfunction keyedDocumentRoute(route: DocumentRoute): KeyedDocumentRoute {\n\treturn {\n\t\tkey: route.page === \"channel\"\n\t\t\t? `channel:${route.id}`\n\t\t\t: `document:${route.owner}/${route.repository}/${route.slug}`,\n\t\troute,\n\t};\n}\n\nfunction transitionDocumentRoute(\n\tstate: DocumentRouteSwapState,\n\taction: DocumentRouteAction,\n): DocumentRouteSwapState {\n\tif (action.type === \"requested\") return requestDocumentRoute(state, action.route);\n\tif (action.type === \"resolved\") return resolveDocumentRoute(state, action.key);\n\treturn closeDocumentRoute(state, action.key);\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 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 canonicalize(pathname: string): void {\n\tif (location.pathname === pathname) return;\n\thistory.replaceState(null, \"\", `${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{\n\t\tagent,\n\t\tid,\n\t\tonResolved,\n\t\towner,\n\t\trepository,\n\t\tresearchWorkspaceId,\n\t\trouteKey,\n\t\tshowLoading = true,\n\t\tslug,\n\t\tuser,\n\t}: {\n\t\tagent: boolean;\n\t\tid?: string;\n\t\tonResolved?: (key: string) => void;\n\t\towner?: string;\n\t\trepository?: string;\n\t\tresearchWorkspaceId?: string;\n\t\trouteKey: string;\n\t\tshowLoading?: boolean;\n\t\tslug?: string;\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};\n\tlet [loaded, setLoaded] = useState();\n\tlet [error, setError] = useState();\n\tlet [retry, setRetry] = useState(0);\n\tlet { channel: navigationChannel, onDocumentLoaded } = useNavigationDocument();\n\tlet recovery = id\n\t\t? readChannelRecovery(user.id, id)\n\t\t: owner && repository && slug\n\t\t? readDocumentRecovery(user.id, owner, repository, slug)\n\t\t: undefined;\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 detail = id\n\t\t\t? Api.channel(id, controller.signal)\n\t\t\t: Api.document(owner!, repository!, slug!, controller.signal);\n\t\tlet prepared = detail.then(value => {\n\t\t\tif (active) {\n\t\t\t\tcanonicalize(\n\t\t\t\t\tresearchWorkspaceId\n\t\t\t\t\t\t? researchWorkspacePath(\n\t\t\t\t\t\t\tvalue.repository.owner,\n\t\t\t\t\t\t\tvalue.repository.name,\n\t\t\t\t\t\t\tvalue.channel.slug,\n\t\t\t\t\t\t\tresearchWorkspaceId,\n\t\t\t\t\t\t)\n\t\t\t\t\t\t: documentPath(\n\t\t\t\t\t\t\tvalue.repository.owner,\n\t\t\t\t\t\t\tvalue.repository.name,\n\t\t\t\t\t\t\tvalue.channel.slug,\n\t\t\t\t\t\t),\n\t\t\t\t);\n\t\t\t\trememberChannel(user.id, value.channel, value.repository);\n\t\t\t\tvoid onDocumentLoaded(value.channel, routeKey);\n\t\t\t}\n\t\t\treturn value;\n\t\t});\n\t\tlet workspace = researchWorkspaceId\n\t\t\t? import(\"./research-workspace\").then(module => ({\n\t\t\t\tkind: \"research\" as const,\n\t\t\t\tWorkspace: module.ResearchWorkspace,\n\t\t\t}))\n\t\t\t: import(\"./room-workspace\").then(module => ({\n\t\t\t\tkind: \"document\" as const,\n\t\t\t\tWorkspace: module.RoomWorkspace,\n\t\t\t}));\n\t\tPromise.all([prepared, workspace]).then(([detail, selected]) => {\n\t\t\tif (active) setLoaded({ detail, ...selected } as LoadedWorkspace);\n\t\t}, reason => {\n\t\t\tif (active) setError(reason);\n\t\t});\n\t\treturn () => {\n\t\t\tactive = false;\n\t\t\tcontroller.abort();\n\t\t};\n\t}, [\n\t\tid,\n\t\tonDocumentLoaded,\n\t\towner,\n\t\trepository,\n\t\tresearchWorkspaceId,\n\t\tretry,\n\t\trouteKey,\n\t\tslug,\n\t\tuser.id,\n\t]);\n\n\tuseEffect(() => {\n\t\tif (loaded || error !== undefined) onResolved?.(routeKey);\n\t}, [error, loaded, onResolved, routeKey]);\n\n\tif (error) {\n\t\tlet requestedRepository = owner && repository\n\t\t\t? { owner, name: repository, fullName: `${owner}/${repository}` }\n\t\t\t: undefined;\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 showLoading ? : null;\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 DocumentRouteSwap(\n\t{ agent, route, user }: { agent: boolean; route: DocumentRoute; user: Api.User },\n) {\n\tlet requested = keyedDocumentRoute(route);\n\tlet [state, dispatch] = useReducer(\n\t\ttransitionDocumentRoute,\n\t\tinitialDocumentRouteSwap(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 KeyedDocumentRoute => layer !== undefined,\n\t);\n\tlet immediately = motionImmediately();\n\tlet motion = motionContract(\"content-swap\");\n\tlet resolved = useCallback((key: string) => dispatch({ key, type: \"resolved\" }), []);\n\n\treturn (\n\t\t

\n\t\t\t{layers.map(layer => (\n\t\t\t\t dispatch({ key: layer.key, type: \"closed\" })\n\t\t\t\t\t\t: undefined}\n\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 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\tif (options.replace) history.replaceState(null, \"\", next);\n\t\telse history.pushState(null, \"\", next);\n\t\tsetRoute(hostedRoute(target.pathname));\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 \"channel\":\n\t\t\tworkspace = ;\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",1794438728206,"sidebar","expanded"]