[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10,"_11":12},"actionData","errors","root",{"_229":-5,"_232":233,"_234":235},"routes/shell",{"_42":43,"_228":-5,"_229":-5,"_230":231},"routes/repo",{"_33":-7,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":31,"_45":31,"_46":31,"_47":31,"_48":31,"_49":31,"_50":51,"_52":51,"_53":31,"_54":-7,"_55":-7,"_56":57,"_58":59,"_60":61,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70},"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","29b44418b3395c795d7052ef9f1f5b90f2c42cec","path","apps/web/src/hosted.tsx","oid","7a933f2c6a334a9f71a944cf00f7f429cb6671da","size",11354,"commit","mounts",[],"source","plain",{"_13":14,"_15":16},"kind","text","import { useCallback, useEffect, useState } from \"react\";\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 { NavigationShell, useNavigationDocument } from \"./navigation-shell\";\n\nimport type { ComponentType, ReactNode } from \"react\";\n\nexport type HostedWorkspaceProps = {\n\troom: string;\n\thandle: string;\n\tlabel: string;\n\tslug: string;\n\tupdatedAt: string;\n\trepository: Api.Repository;\n\tcanEdit: boolean;\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\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{ agent, id, owner, repository, researchWorkspaceId, slug, user }: {\n\t\tagent: boolean;\n\t\tid?: string;\n\t\towner?: string;\n\t\trepository?: string;\n\t\tresearchWorkspaceId?: string;\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);\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\tslug,\n\t\tuser.id,\n\t]);\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 ;\n\tlet { detail } = loaded;\n\tlet channel = navigationChannel?.id === detail.channel.id\n\t\t? navigationChannel\n\t\t: detail.channel;\n\tlet props: HostedWorkspaceProps = {\n\t\tagent,\n\t\tcanEdit: detail.canEdit,\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\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\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\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","organization",true,"site","nexthub","private","admin","settings","maintainer","triage","starred","stars",0,"watchers","watching","pinned","notify","views",[184,185,186,187,188,189,190,191,192,193,194,195,196],"navigation",{"_56":57,"_141":142,"_143":144,"_145":146,"_147":148,"_149":150,"_151":152},"sources",[],"viewer","meta",{"_133":134,"_135":136,"_137":138,"_44":31,"_139":128,"_140":31,"_50":51,"_52":51},"branches",[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,131,132],"tags",[71,72,73,74],"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",[167,168,169],"documents",{"_162":163,"_164":165},"code",{"_158":159,"_160":161},"automations",{"_155":156,"_157":-5},"delivery",{"_153":51,"_154":-5},"tag","04zvKQ8QOrDUF8TO1Ovz0Zy8_TT","releases","applications","workflows",3,"deployments","commits",1000,"changes",13,"counts",{"_166":165},"total",11,"issue",{"_170":160,"_172":182,"_15":160,"_174":183,"_54":41,"_176":31,"_177":41,"_178":161},{"_170":179,"_172":180,"_15":179,"_174":181,"_54":41,"_176":31,"_177":41,"_178":51},{"_170":171,"_172":173,"_15":171,"_174":175,"_54":41,"_176":31,"_177":41,"_178":165},"id","issues","name","Issues","filters",{},"saved","pinnable","count","tasks","Tasks",{},"Changes",{},{"_170":160,"_172":182,"_15":160,"_174":227,"_54":41,"_176":31,"_177":41},{"_170":179,"_172":180,"_15":179,"_174":226,"_54":41,"_176":31,"_177":41},{"_170":171,"_172":173,"_15":171,"_174":225,"_54":41,"_176":31,"_177":41},{"_170":222,"_172":223,"_15":222,"_174":224,"_54":31,"_176":31,"_177":41},{"_170":219,"_172":220,"_15":219,"_174":221,"_54":31,"_176":31,"_177":41},{"_170":155,"_172":217,"_15":147,"_174":218,"_54":31,"_176":31,"_177":41},{"_170":157,"_172":214,"_15":215,"_174":216,"_54":31,"_176":31,"_177":41},{"_170":153,"_172":212,"_15":153,"_174":213,"_54":31,"_176":31,"_177":41},{"_170":208,"_172":209,"_15":210,"_174":211,"_54":31,"_176":31,"_177":41},{"_170":143,"_172":206,"_15":143,"_174":207,"_54":31,"_176":31,"_177":31},{"_170":203,"_172":204,"_15":203,"_174":205,"_54":31,"_176":31,"_177":31},{"_170":200,"_172":201,"_15":200,"_174":202,"_54":31,"_176":31,"_177":31},{"_170":197,"_172":198,"_15":197,"_174":199,"_54":31,"_176":31,"_177":31},"decisions","Decisions",{},"changelog","Changelog",{},"roadmap","Roadmap",{},"Documents",{},"activity","Activity","insights",{},"Releases",{},"Deployments","automations/deployments",{},"Workflows",{},"discussions","Discussions",{},"goals","Goals",{},{},{},{},"groups","user","agents",[],"now",1794762050719,"sidebar","expanded"]