[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10,"_11":12},"actionData","errors","root",{"_271":-5,"_274":275,"_276":277},"routes/shell",{"_40":41,"_270":-5,"_271":-5,"_272":273},"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","f2dc95aec044cbce34eeb6cb8dbc45baf4c43327","path","packages/ui/src/components/blocks/tool-view.tsx","oid","6b5ddd17f86f5290fcd2b84cb297c0743b39d03e","size",9106,"commit","mounts",[],"source","plain",{"_13":14,"_15":16},"kind","text","import { useEffect, useState } from \"react\";\nimport type { Block } from \"../../lib/block\";\nimport { cached, highlight } from \"../../lib/highlighter\";\nimport { iconFor } from \"../../lib/tool-icon\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../../ui/button\";\nimport { SMALL_CODE_FONT, SMALL_LINE_HEIGHT } from \"./constants\";\nimport { useToolContext } from \"./tool-context\";\nimport {\n\tagentPreview,\n\tisSubagent,\n\tlanguage,\n\tloadingStatus,\n\tRESULT_PAD_X,\n\tRESULT_PAD_Y,\n\tROW_HEIGHT,\n\ttitleFor,\n\tTOOL_TEXT_FONT,\n\ttype ToolData,\n} from \"./tool-layout\";\nimport { IconChevronRightMicro, IconCircleX } from \"../../icons\";\nimport \"./tool.css\";\n\ntype HighlightState = { source: string; lang?: string; html: string };\n\nfunction ToolView(\n\t{ data, expanded, settling, height, clipped, diff, width }: {\n\t\tdata: ToolData;\n\t\texpanded: boolean;\n\t\tsettling: boolean;\n\t\theight: number;\n\t\tclipped: boolean;\n\t\tdiff?: Block;\n\t\twidth: number;\n\t},\n) {\n\tlet preview = agentPreview(data);\n\tlet subagent = isSubagent(data);\n\tlet open = expanded && Boolean(data.result || preview);\n\tlet total = ROW_HEIGHT + (open ? height : 0);\n\n\treturn (\n\t\t

\n\t\t\t\n\t\t\t{open && (\n\t\t\t\tsubagent && preview\n\t\t\t\t\t? \n\t\t\t\t\t: diff\n\t\t\t\t\t? \n\t\t\t\t\t: \n\t\t\t)}\n\t\t

\n\t);\n}\n\nfunction headerClass(interactive: boolean, open: boolean, error: boolean) {\n\treturn cn(\n\t\t\"flex items-center gap-1.5 border-x border-t border-transparent px-1.5 text-left text-sm text-muted-foreground transition-[background-color,border-color,color] duration-150 ease-out squircle contain-strict\",\n\t\tinteractive\n\t\t\t&& (\n\t\t\t\terror\n\t\t\t\t\t? \"hover:bg-muted data-[state=open]:hover:bg-code data-[state=closing]:hover:bg-code\"\n\t\t\t\t\t: \"hover:bg-muted hover:text-foreground data-[state=open]:hover:bg-code data-[state=closing]:hover:bg-code\"\n\t\t\t),\n\t\topen && \"border-border bg-code\",\n\t\topen ? \"rounded-t-md\" : \"rounded-md\",\n\t\terror && \"text-destructive\",\n\t);\n}\n\nfunction ToolLabel(\n\t{ data, expanded, settling, interactive }: {\n\t\tdata: ToolData;\n\t\texpanded: boolean;\n\t\tsettling: boolean;\n\t\tinteractive: boolean;\n\t},\n) {\n\tlet Icon = iconFor(isSubagent(data) ? \"subagent\" : data.name);\n\tlet title = titleFor(data);\n\tlet loading = loadingStatus(data.status) || data.agent?.status === \"pending\"\n\t\t|| data.agent?.status === \"running\";\n\tlet error = data.status === \"error\" || data.agent?.status === \"error\";\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t{title}\n\t\t\t\n\t\t\t\t{interactive && (\n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t\n\t\t\t{error && (\n\t\t\t\t\n\t\t\t)}\n\t\t\n\t);\n}\n\nfunction ToolHeader(\n\t{ data, expanded, settling, open }: {\n\t\tdata: ToolData;\n\t\texpanded: boolean;\n\t\tsettling: boolean;\n\t\topen: boolean;\n\t},\n) {\n\tlet context = useToolContext();\n\tlet toggle = context?.toggle;\n\tlet preview = agentPreview(data);\n\tlet interactive = Boolean((data.result || preview) && toggle);\n\tlet title = titleFor(data);\n\tlet error = data.status === \"error\" || data.agent?.status === \"error\";\n\tlet cls = headerClass(interactive, open, error);\n\n\treturn (\n\t\t<>\n\t\t\t{interactive\n\t\t\t\t? (\n\t\t\t\t\t toggle?.(data.id)}\n\t\t\t\t\t\tdata-state={settling ? \"closing\" : expanded ? \"open\" : \"closed\"}\n\t\t\t\t\t\taria-expanded={expanded && !settling}\n\t\t\t\t\t\taria-label={title}\n\t\t\t\t\t\tclassName={cls}\n\t\t\t\t\t\tstyle={{ inlineSize: \"100%\", blockSize: ROW_HEIGHT, ...TOOL_TEXT_FONT }}\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\t: (\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\n\t);\n}\n\nfunction numbered(result: string) {\n\tlet lines = result.split(\"\\n\");\n\tlet rows = lines.map(line => line.match(/^(\\d+)\\.\\s?(.*)$/));\n\tif (rows.some(row => !row)) return null;\n\tlet seen = new Map();\n\treturn {\n\t\tnums: rows.map(row => {\n\t\t\tlet value = row![1]!;\n\t\t\tlet key = `${value}-${seen.get(value) || 0}`;\n\t\t\tseen.set(value, (seen.get(value) || 0) + 1);\n\t\t\treturn { key, value };\n\t\t}),\n\t\tsource: rows.map(row => row![2]!).join(\"\\n\"),\n\t};\n}\n\nfunction ToolResult(\n\t{ data, height, clipped, settling }: {\n\t\tdata: ToolData;\n\t\theight: number;\n\t\tclipped: boolean;\n\t\tsettling: boolean;\n\t},\n) {\n\tlet result = data.result!;\n\tlet nums = numbered(result);\n\tlet source = nums?.source || result;\n\tlet lang = language(data);\n\tlet context = useToolContext();\n\tlet title = titleFor(data);\n\tlet [state, setState] = useState(() => {\n\t\tlet html = cached(source, lang);\n\t\treturn html ? { source, lang, html } : null;\n\t});\n\n\t// Shiki highlighting is async: render plain text first, then swap in cached HTML when ready.\n\tuseEffect(() => {\n\t\tlet current = cached(source, lang);\n\t\tif (current) {\n\t\t\tsetState(prev =>\n\t\t\t\tsameHighlight(prev, source, lang, current) ? prev : {\n\t\t\t\t\tsource,\n\t\t\t\t\tlang,\n\t\t\t\t\thtml: current,\n\t\t\t\t}\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\n\t\tlet cancelled = false;\n\t\thighlight(source, lang).then(h => {\n\t\t\tif (cancelled) return;\n\t\t\tsetState(prev => sameHighlight(prev, source, lang, h) ? prev : { source, lang, html: h });\n\t\t});\n\t\treturn () => {\n\t\t\tcancelled = true;\n\t\t};\n\t}, [source, lang]);\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t

\n\t\t\t\t\t{nums && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{nums.nums.map(num => (\n\t\t\t\t\t\t\t\t

{num.value}

\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\t{state && state.source === source && state.lang === lang\n\t\t\t\t\t\t\t?

\n\t\t\t\t\t\t\t: source}\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\n\t\t\t{clipped && (\n\t\t\t\t context?.toggleResult?.(data.id)}\n\t\t\t\t\taria-label={`Show full output for ${title}`}\n\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\tclassName=\"absolute bottom-3 left-1/2 z-10 -translate-x-1/2 bg-background font-sans\"\n\t\t\t\t>\n\t\t\t\t\tShow more\n\t\t\t\t\n\t\t\t)}\n\t\t\n\t);\n}\n\nfunction ToolAgentResult(\n\t{ data, height, settling }: {\n\t\tdata: ToolData;\n\t\theight: number;\n\t\tsettling: boolean;\n\t},\n) {\n\tlet preview = agentPreview(data) || \"\";\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t{preview}\n\t\t\t\n\t\t\n\t);\n}\n\nfunction sameHighlight(\n\tstate: HighlightState | null,\n\tsource: string,\n\tlang: string | undefined,\n\thtml: string,\n) {\n\treturn state?.source === source && state.lang === lang && state.html === html;\n}\n\nfunction ToolDiffResult(\n\t{ block, height, width, settling }: {\n\t\tblock: Block;\n\t\theight: number;\n\t\twidth: number;\n\t\tsettling: boolean;\n\t},\n) {\n\treturn (\n\t\t*]:rounded-t-none [&>*]:!border-t-0\",\n\t\t\t\tsettling ? \"tool-result-expand-out\" : \"tool-result-expand-in\",\n\t\t\t)}\n\t\t\tstyle={{\n\t\t\t\tblockSize: height,\n\t\t\t\tboxSizing: \"border-box\",\n\t\t\t}}\n\t\t>\n\t\t\t{block.render(width)}\n\t\t\n\t);\n}\n\nexport { ToolView };\n","editable",false,"branch","documentNavigation","repo","githubnext/ace2","repoId","938fe4cd-5320-4e4f-ac7c-87d4dad8490c","ownerId","org:89615882","site","nexthub","private","admin","settings","maintainer","triage","starred","stars",0,"watchers","watching","pinned","notify","views",[226,227,228,229,230,231,232,233,234,235,236,237,238],"navigation",{"_54":55,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193},"sources",[],"viewer","meta",{"_174":175,"_176":177,"_178":179,"_42":31,"_180":166,"_181":31,"_48":49,"_50":49},"branches",[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,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165,166,167,168,169,170,171,172,173],"tags",[69,70,71,72,73,74,75,76,77,78,79,80],"cloneUrl","https://git.nexthub.sh/githubnext/ace2.git","desktop-canary-v0.0.10","desktop-canary-v0.0.11","desktop-canary-v0.0.12","desktop-canary-v0.0.13","desktop-canary-v0.0.14","desktop-canary-v0.0.15","desktop-canary-v0.0.16","desktop-canary-v0.0.18","desktop-canary-v0.0.21","desktop-canary-v0.0.7","desktop-canary-v0.0.8","desktop-canary-v0.0.9","amber-beacon/composer-effort","brisk-ember/github-avatars","brisk-grove/image-paste-91","calm-anchor/fix-streaming-draft-overlap","calm-grove/composer-agent-mode","cloud-pilot-ops/canary-0-0-17","cloud-pilot-ops/cloud-move","cloud-pilot-ops/cloud-pilot","codex/agentation-shortcut","codex/annotation-polish","codex/browser-pages","codex/canary-0-0-21","codex/canary-0.0.11","codex/channel-delete-close","codex/channel-watch-recovery","codex/clipboard-files-write","codex/composer-coordinate-check","codex/computer-use-validation","codex/desktop-actions","codex/desktop-app-search","codex/desktop-app-state","codex/desktop-availability","codex/desktop-click-variants","codex/desktop-clipboard","codex/desktop-clipboard-files","codex/desktop-clipboard-image","codex/desktop-clipboard-image-write","codex/desktop-clipboard-text","codex/desktop-drag","codex/desktop-keyboard","codex/desktop-launch","codex/desktop-locked-feedback","codex/desktop-menu-command","codex/desktop-menu-inventory","codex/desktop-minimize","codex/desktop-open","codex/desktop-pointer","codex/desktop-quit","codex/desktop-selection-keys","codex/desktop-tool-guidance","codex/desktop-tools-extraction","codex/desktop-window-close","codex/desktop-window-geometry","codex/desktop-windows","codex/dev-permission-identity","codex/durable-composer-drafts","codex/fix-message-clipping","codex/lane-base-96","codex/native-patch-prefix","codex/peekaboo","codex/peer-channel-messaging","codex/pixel-snapshot-authority","codex/publish-canary-0-0-21","codex/readme-security","codex/settings-refresh","codex/stale-click-refusal","codex/tab-renaming-api","codex/team-agent-access","codex/team-channel-sections","codex/team-dogfood-integration","codex/webkit-coordinate-window","codex/webkit-desktop-focus","deft-beacon/helper-isolation","deft-grove/align-avatar-byline","deft-grove/build-canary-0-0-18","deft-grove/canary-github-releases","deft-grove/ship-canary-0-0-18","deft-meadow/details-sidebar","fair-ember/canary-0-0-13","fair-ember/canary-0-0-14","fair-fjord/all-projects","feat/github-cache","feat/rebuild","fix/channel-credentials","glad-anchor/restore-message-queue","glad-ember/archive-inactive-channels","glad-fjord/project-identity","glad-orbit/channel-progress","glad-ridge/terminal-replay-input","hazy-anchor/github-row-actions","hazy-ember/channel-access-toggles","hazy-grove/all-projects-add-channel","local-project-setup/build-canary-0-0-20","local-project-setup/canary-0-0-20","local-project-setup/local-project-setup","main","mellow-ridge/canary-0-0-16","mellow-ridge/top-bar-drag-area","nimble-cedar/modal-top-offset","nimble-meadow/canary-0-0-15","remote-channel-load/build-canary-0-0-19","remote-channel-load/canary-0-0-19","remote-channel-load/fix-remote-channel-load","description","Ace: a collaborative coding environment on the team's own machines","owner","githubnext","section","","head","empty","pins",[208,209,210],"documents",{"_203":204,"_205":206},"code",{"_199":200,"_201":202},"automations",{"_196":197,"_198":-5},"delivery",{"_194":49,"_195":-5},"tag","9Rn62lcgXCFfpmCuooTjLxGyUf8","releases","applications","workflows",2,"deployments","commits",215,"changes",1,"counts",{"_207":206},"total",86,"issue",{"_211":201,"_213":224,"_15":201,"_215":225,"_52":217,"_218":31,"_219":217,"_220":202},{"_211":221,"_213":222,"_15":221,"_215":223,"_52":217,"_218":31,"_219":217,"_220":49},{"_211":212,"_213":214,"_15":212,"_215":216,"_52":217,"_218":31,"_219":217,"_220":206},"id","issues","name","Issues","filters",{},true,"saved","pinnable","count","tasks","Tasks",{},"Changes",{},{"_211":201,"_213":224,"_15":201,"_215":269,"_52":217,"_218":31,"_219":217},{"_211":221,"_213":222,"_15":221,"_215":268,"_52":217,"_218":31,"_219":217},{"_211":212,"_213":214,"_15":212,"_215":267,"_52":217,"_218":31,"_219":217},{"_211":264,"_213":265,"_15":264,"_215":266,"_52":31,"_218":31,"_219":217},{"_211":261,"_213":262,"_15":261,"_215":263,"_52":31,"_218":31,"_219":217},{"_211":196,"_213":259,"_15":188,"_215":260,"_52":31,"_218":31,"_219":217},{"_211":198,"_213":256,"_15":257,"_215":258,"_52":31,"_218":31,"_219":217},{"_211":194,"_213":254,"_15":194,"_215":255,"_52":31,"_218":31,"_219":217},{"_211":250,"_213":251,"_15":252,"_215":253,"_52":31,"_218":31,"_219":217},{"_211":184,"_213":248,"_15":184,"_215":249,"_52":31,"_218":31,"_219":31},{"_211":245,"_213":246,"_15":245,"_215":247,"_52":31,"_218":31,"_219":31},{"_211":242,"_213":243,"_15":242,"_215":244,"_52":31,"_218":31,"_219":31},{"_211":239,"_213":240,"_15":239,"_215":241,"_52":31,"_218":31,"_219":31},"decisions","Decisions",{},"changelog","Changelog",{},"roadmap","Roadmap",{},"Documents",{},"activity","Activity","insights",{},"Releases",{},"Deployments","automations/deployments",{},"Workflows",{},"discussions","Discussions",{},"goals","Goals",{},{},{},{},"groups","user","agents",[],"now",1794493275673,"sidebar","expanded"]