[{"_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",{"_41":42,"_227":-5,"_228":-5,"_229":230},"routes/repo",{"_34":-7,"_35":36,"_37":38,"_39":40,"_41":42,"_43":32,"_44":32,"_45":32,"_46":32,"_47":32,"_48":32,"_49":50,"_51":50,"_52":32,"_53":-7,"_54":-7,"_55":56,"_57":58,"_59":60,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69},"routes/repo.blob",{"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":-5,"_26":27,"_28":29,"_29":30,"_31":32,"_33":14},"ref","main","path","apps/web/src/repository-picker.tsx","oid","c955bc74dceb43f09773e8f737038b38841548e5","size",14461,"commit","2182c95de44a8f63fd86af1c5874ae0ca298f807","mounts",[],"source","plain",{"_13":14,"_15":16},"kind","text","import { CheckIcon, ChevronIcon } from \"@chopin/icons\";\nimport { useTransitionPresence } from \"@chopin/editor/transition-presence\";\nimport { documentsPath } from \"@chopin/protocol/document-url\";\nimport { createPortal } from \"react-dom\";\nimport { useEffect, useId, useMemo, useRef, useState } from \"react\";\n\nimport { useAnchoredPicker } from \"./anchored-picker\";\nimport * as Api from \"./api\";\nimport { motionImmediately } from \"./motion-input\";\nimport {\n\tclearRepositoryCache,\n\tinstalledRepositoryGroups,\n\tloadRepositorySnapshot,\n\treadRepositoryCache,\n\trepositoryCacheIsStale,\n\twriteRepositoryCache,\n} from \"./repository-snapshot\";\nimport { TerminalAlert } from \"./terminal-alert\";\n\nimport type { KeyboardEvent as ReactKeyboardEvent } from \"react\";\nimport type { InstalledRepositoryGroup, RepositorySnapshot } from \"./repository-snapshot\";\n\nexport type RepositoryIdentity = Pick<\n\tApi.Repository,\n\t\"owner\" | \"ownerAvatarUrl\" | \"name\" | \"fullName\"\n>;\n\nfunction repositoryHref(repository: RepositoryIdentity): string {\n\treturn documentsPath(repository.owner, repository.name);\n}\n\nfunction sameRepository(left: RepositoryIdentity | undefined, right: RepositoryIdentity): boolean {\n\treturn left?.owner.toLowerCase() === right.owner.toLowerCase()\n\t\t&& left.name.toLowerCase() === right.name.toLowerCase();\n}\n\nfunction optionId(list: string, repository: Api.Repository): string {\n\treturn `${list}-option-${repository.id}`;\n}\n\nfunction reauthenticate(reason: unknown, userId: string): boolean {\n\tif (!(reason instanceof Api.ApiError) || reason.status !== 401) return false;\n\tclearRepositoryCache(userId);\n\tlocation.reload();\n\treturn true;\n}\n\nexport function RepositoryPicker(\n\t{\n\t\tcompact = false,\n\t\tcurrent,\n\t\tinitialOpen = false,\n\t\tuserId,\n\t}: { compact?: boolean; current?: RepositoryIdentity; initialOpen?: boolean; userId: string },\n) {\n\tlet [initial] = useState(() => readRepositoryCache(userId));\n\tlet request = useRef | undefined>(undefined);\n\tlet snapshot = useRef(initial);\n\tlet mounted = useRef(true);\n\tlet previousQuery = useRef(\"\");\n\tlet panelId = useId();\n\tlet listId = useId();\n\tlet [open, setOpen] = useState(initialOpen);\n\tlet [installed, setInstalled] = useState(() =>\n\t\tinitial ? installedRepositoryGroups(initial) : undefined\n\t);\n\tlet [error, setError] = useState();\n\tlet [loading, setLoading] = useState(!initial);\n\tlet [refreshing, setRefreshing] = useState(false);\n\tlet [query, setQuery] = useState(\"\");\n\tlet [active, setActive] = useState(0);\n\tlet [avatarFailed, setAvatarFailed] = useState(false);\n\tlet [avatarUrlForFailure, setAvatarUrlForFailure] = useState(current?.ownerAvatarUrl);\n\tif (avatarUrlForFailure !== current?.ownerAvatarUrl) {\n\t\tsetAvatarUrlForFailure(current?.ownerAvatarUrl);\n\t\tsetAvatarFailed(false);\n\t}\n\n\tlet normalized = query.trim().toLowerCase();\n\tlet repositories = installed?.flatMap(group => group.repositories) ?? [];\n\tlet matches = normalized\n\t\t? repositories.filter(repository => repository.fullName.toLowerCase().includes(normalized))\n\t\t: repositories;\n\tlet activeIndex = matches.length === 0 ? -1 : Math.min(active, matches.length - 1);\n\tlet activeRepository = matches[activeIndex];\n\tlet pickerContent = useMemo(\n\t\t() => ({ error, installed, loading, matches: matches.length, normalized, refreshing }),\n\t\t[error, installed, loading, matches.length, normalized, refreshing],\n\t);\n\tlet { panel, position, search, trigger } = useAnchoredPicker(open, setOpen, pickerContent);\n\tlet popupPresence = useTransitionPresence(\n\t\topen ? true : undefined,\n\t\t150,\n\t\tmotionImmediately(),\n\t);\n\n\tuseEffect(() => {\n\t\tmounted.current = true;\n\t\tif (!snapshot.current) void refresh();\n\t\treturn () => {\n\t\t\tmounted.current = false;\n\t\t};\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (!open) {\n\t\t\tpreviousQuery.current = \"\";\n\t\t\treturn;\n\t\t}\n\t\tlet started = !previousQuery.current && !!normalized;\n\t\tpreviousQuery.current = normalized;\n\t\tif (started && snapshot.current && repositoryCacheIsStale(snapshot.current)) void refresh();\n\t}, [normalized, open]);\n\n\tuseEffect(() => {\n\t\tif (!open || !activeRepository) return;\n\t\tlet frame = requestAnimationFrame(() => {\n\t\t\tlet option = document.getElementById(optionId(listId, activeRepository));\n\t\t\toption?.scrollIntoView({ block: \"nearest\" });\n\t\t\tlet scroller = option?.closest(\"[data-repository-scroll]\");\n\t\t\tif (!option || !scroller) return;\n\t\t\tlet optionBox = option.getBoundingClientRect();\n\t\t\tlet scrollerBox = scroller.getBoundingClientRect();\n\t\t\tif (optionBox.top < scrollerBox.top || optionBox.bottom > scrollerBox.bottom) {\n\t\t\t\t// Chromium can treat a fractional edge as nearest-visible.\n\t\t\t\toption.scrollIntoView({ block: \"end\" });\n\t\t\t}\n\t\t});\n\t\treturn () => cancelAnimationFrame(frame);\n\t}, [activeRepository, listId, open, position.height, position.top]);\n\n\tfunction refresh(): Promise {\n\t\tif (request.current) return request.current;\n\t\tlet previous = snapshot.current;\n\t\tsetError(undefined);\n\t\tif (previous) setRefreshing(true);\n\t\telse setLoading(true);\n\t\tlet pending = loadRepositorySnapshot(\n\t\t\tuserId,\n\t\t\tprevious,\n\t\t\tprevious\n\t\t\t\t? undefined\n\t\t\t\t: value => {\n\t\t\t\t\tif (mounted.current) setInstalled(installedRepositoryGroups(value));\n\t\t\t\t},\n\t\t).then(value => {\n\t\t\tif (!mounted.current) return;\n\t\t\tsnapshot.current = value;\n\t\t\twriteRepositoryCache(value);\n\t\t\tsetInstalled(installedRepositoryGroups(value));\n\t\t}, reason => {\n\t\t\tif (mounted.current && !reauthenticate(reason, userId)) setError(reason);\n\t\t}).finally(() => {\n\t\t\tif (request.current === pending) request.current = undefined;\n\t\t\tif (mounted.current) {\n\t\t\t\tsetLoading(false);\n\t\t\t\tsetRefreshing(false);\n\t\t\t}\n\t\t});\n\t\trequest.current = pending;\n\t\treturn pending;\n\t}\n\n\tfunction retry() {\n\t\tvoid refresh();\n\t}\n\n\tfunction select(repository: Api.Repository) {\n\t\tlocation.assign(repositoryHref(repository));\n\t}\n\n\tfunction searchKeyDown(event: ReactKeyboardEvent) {\n\t\tif (event.key === \"ArrowDown\") {\n\t\t\tsetActive(value => matches.length === 0 ? 0 : (value + 1) % matches.length);\n\t\t} else if (event.key === \"ArrowUp\") {\n\t\t\tsetActive(value => matches.length === 0 ? 0 : (value - 1 + matches.length) % matches.length);\n\t\t} else if (event.key === \"Enter\" && activeRepository) {\n\t\t\tselect(activeRepository);\n\t\t} else {\n\t\t\treturn;\n\t\t}\n\t\tevent.preventDefault();\n\t}\n\n\tlet popup = popupPresence.phase !== \"closed\" && createPortal(\n\t\t\n\t\t\t

\n\t\t\t\tSearch repositories\n\t\t\t\t {\n\t\t\t\t\t\tsetQuery(event.target.value);\n\t\t\t\t\t\tsetActive(0);\n\t\t\t\t\t}}\n\t\t\t\t\tonKeyDown={searchKeyDown}\n\t\t\t\t\tplaceholder=\"Find a repository\"\n\t\t\t\t\tref={search}\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\tvalue={query}\n\t\t\t\t/>\n\t\t\t

\n\t\t\t\n\t\t\t\t{!installed && loading && (\n\t\t\t\t\t

\n\t\t\t\t\t\tLoading repositories...\n\t\t\t\t\t

\n\t\t\t\t)}\n\t\t\t\t{!installed && !loading && error !== undefined && (\n\t\t\t\t\t

\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tCould not load repositories.\n\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{installed?.length === 0 && !loading && (\n\t\t\t\t\t

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

Install the GitHub App

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

\n\t\t\t\t\t\t\tChoose the personal or organization repositories Chopin may read.\n\t\t\t\t\t\t

\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tInstall GitHub App\n\t\t\t\t\t\t\n\t\t\t\t\t

\n\t\t\t\t)}\n\t\t\t\t{installed && loading && repositories.length === 0 && installed.length > 0 && (\n\t\t\t\t\t

\n\t\t\t\t\t\tLoading installed repositories...\n\t\t\t\t\t

\n\t\t\t\t)}\n\t\t\t\t{installed && loading && repositories.length > 0 && (\n\t\t\t\t\t

\n\t\t\t\t\t\tLoading remaining repositories...\n\t\t\t\t\t

\n\t\t\t\t)}\n\t\t\t\t{installed && refreshing && (\n\t\t\t\t\t

\n\t\t\t\t\t\tRefreshing repositories...\n\t\t\t\t\t

\n\t\t\t\t)}\n\t\t\t\t{installed\n\t\t\t\t\t&& repositories.length === 0\n\t\t\t\t\t&& installed.length > 0\n\t\t\t\t\t&& !loading\n\t\t\t\t\t&& (\n\t\t\t\t\t\t

\n\t\t\t\t\t\t\tNo installed repositories are available.\n\t\t\t\t\t\t

\n\t\t\t\t\t)}\n\t\t\t\t{installed && repositories.length > 0 && matches.length === 0 && (\n\t\t\t\t\t

\n\t\t\t\t\t\t{loading || refreshing\n\t\t\t\t\t\t\t? \"Checking for matching repositories...\"\n\t\t\t\t\t\t\t: \"No matching repositories.\"}\n\t\t\t\t\t

\n\t\t\t\t)}\n\t\t\t\t{installed?.filter(group =>\n\t\t\t\t\tgroup.installation.suspended || !group.installation.permissions.contents\n\t\t\t\t).map(group => (\n\t\t\t\t\t

\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{group.installation.account.login}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tConfigure\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{installed?.map(group => {\n\t\t\t\t\t\tlet known = new Set(group.repositories.map(repository => repository.id));\n\t\t\t\t\t\tlet groupRepositories = matches.filter(repository => known.has(repository.id));\n\t\t\t\t\t\tif (groupRepositories.length === 0) return null;\n\t\t\t\t\t\treturn (\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\t\t{group.installation.account.login}\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\t{groupRepositories.map(repository => {\n\t\t\t\t\t\t\t\t\tlet index = matches.findIndex(value => value.id === repository.id);\n\t\t\t\t\t\t\t\t\tlet selected = sameRepository(current, repository);\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t select(repository)}\n\t\t\t\t\t\t\t\t\t\t\tonMouseEnter={() => setActive(index)}\n\t\t\t\t\t\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{repository.fullName}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{repository.private && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tPrivate\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{repository.permissions.push || repository.permissions.admin\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? \"Create and edit documents\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: \"View documents\"}\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{selected && (\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\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);\n\t\t\t\t\t})}\n\t\t\t\t\n\t\t\t\n\t\t\t{installed && (\n\t\t\t\t

\n\t\t\t\t\t{error !== undefined && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{snapshot.current\n\t\t\t\t\t\t\t\t\t? \"Could not refresh repositories.\"\n\t\t\t\t\t\t\t\t\t: \"Could not load all repositories.\"}\n\t\t\t\t\t\t\t\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\t\n\t\t\t\t\t\tManage repository access\n\t\t\t\t\t\n\t\t\t\t

\n\t\t\t)}\n\t\t,\n\t\tdocument.body,\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t setOpen(value => !value)}\n\t\t\t\tref={trigger}\n\t\t\t\ttitle={current?.fullName}\n\t\t\t\ttype=\"button\"\n\t\t\t>\n\t\t\t\t{compact && current && (\n\t\t\t\t\t\n\t\t\t\t\t\t{current.ownerAvatarUrl && !avatarFailed\n\t\t\t\t\t\t\t? (\n\t\t\t\t\t\t\t\t setAvatarFailed(true)}\n\t\t\t\t\t\t\t\t\tsrc={current.ownerAvatarUrl}\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\t\t{current.owner.slice(0, 1).toUpperCase()}\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\t\n\t\t\t\t\t{compact\n\t\t\t\t\t\t? current?.name ?? \"Choose repository\"\n\t\t\t\t\t\t: current?.fullName ?? \"Choose repository\"}\n\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t{popup}\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",{"_55":56,"_139":140,"_141":142,"_143":144,"_145":146,"_147":148,"_149":150},"sources",[],"viewer","meta",{"_131":132,"_133":134,"_135":136,"_43":32,"_137":14,"_138":32,"_49":50,"_51":50},"branches",[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,14,127,128,129,130],"tags",[70,71,72,73],"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","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":50,"_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,"_53":174,"_175":32,"_176":174,"_177":159},{"_168":178,"_170":179,"_15":178,"_172":180,"_53":174,"_175":32,"_176":174,"_177":50},{"_168":169,"_170":171,"_15":169,"_172":173,"_53":174,"_175":32,"_176":174,"_177":163},"id","issues","name","Issues","filters",{},true,"saved","pinnable","count","tasks","Tasks",{},"Changes",{},{"_168":158,"_170":181,"_15":158,"_172":226,"_53":174,"_175":32,"_176":174},{"_168":178,"_170":179,"_15":178,"_172":225,"_53":174,"_175":32,"_176":174},{"_168":169,"_170":171,"_15":169,"_172":224,"_53":174,"_175":32,"_176":174},{"_168":221,"_170":222,"_15":221,"_172":223,"_53":32,"_175":32,"_176":174},{"_168":218,"_170":219,"_15":218,"_172":220,"_53":32,"_175":32,"_176":174},{"_168":153,"_170":216,"_15":145,"_172":217,"_53":32,"_175":32,"_176":174},{"_168":155,"_170":213,"_15":214,"_172":215,"_53":32,"_175":32,"_176":174},{"_168":151,"_170":211,"_15":151,"_172":212,"_53":32,"_175":32,"_176":174},{"_168":207,"_170":208,"_15":209,"_172":210,"_53":32,"_175":32,"_176":174},{"_168":141,"_170":205,"_15":141,"_172":206,"_53":32,"_175":32,"_176":32},{"_168":202,"_170":203,"_15":202,"_172":204,"_53":32,"_175":32,"_176":32},{"_168":199,"_170":200,"_15":199,"_172":201,"_53":32,"_175":32,"_176":32},{"_168":196,"_170":197,"_15":196,"_172":198,"_53":32,"_175":32,"_176":32},"decisions","Decisions",{},"changelog","Changelog",{},"roadmap","Roadmap",{},"Documents",{},"activity","Activity","insights",{},"Releases",{},"Deployments","automations/deployments",{},"Workflows",{},"discussions","Discussions",{},"goals","Goals",{},{},{},{},"groups","user","agents",[],"now",1794435637257,"sidebar","expanded"]