[{"_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","2e24cd12e626a7f14aac9880ab3b8ec90e400a4e","path","apps/app/src/composer.tsx","oid","46efce7d0b300c04da40d8856f858de0c2d92085","size",8694,"commit","mounts",[],"source","plain",{"_13":14,"_15":16},"kind","text","import { type ReactNode, useEffect, useRef, useState, useSyncExternalStore } from \"react\";\n\nimport {\n\taceAvatar,\n\ttype Attachment,\n\tButton,\n\tChatComposer,\n\ttype ChatComposerHandle,\n\tserialize,\n\ttoast,\n\tuseMedia,\n} from \"@ace/ui\";\nimport type { Effort, ModelOption, ModelRef } from \"@ace/channel/protocol\";\nimport type { Listing } from \"@ace/host/protocol\";\n\nimport { host } from \"./host\";\nimport { images } from \"./images\";\n\nconst ACE_MODE = { id: \"ace\", name: \"Ace\", placeholder: \"Ask the agent\", mention: \"ace\" };\nconst MODES = [\n\t{ id: \"chat\", name: \"Chat\", placeholder: \"Mention @ace to ask the agent\" },\n\tACE_MODE,\n];\n// Teammates keep the Ace mode and their drafts while the owner has turned invocation off.\nconst BLOCKED_MODES = [{ id: \"chat\", name: \"Chat\", placeholder: \"Message the channel\" }, ACE_MODE];\nconst MENTIONS = [{ name: \"ace\", avatar: aceAvatar }];\nconst EFFORTS: Record = {\n\toff: \"Off\",\n\tminimal: \"Minimal\",\n\tlow: \"Low\",\n\tmedium: \"Medium\",\n\thigh: \"High\",\n\txhigh: \"Extra high\",\n\tmax: \"Max\",\n};\nconst ACE = /(^|\\s)@ace\\b/i;\n// Channel views remount on navigation; a deliberate mode choice outlives them for this session.\nconst chosen = new Map();\n\nconst key = (model: ModelRef) => `${model.provider}/${model.modelId}`;\n\ntype Props = {\n\tchannel: Listing;\n\tchat: number;\n\tuser: string;\n\tcurrent?: ModelRef;\n\tcurrentEffort?: Effort;\n\tbusy: boolean;\n\t/** Whether teammates may invoke agents; absent while unknown. */\n\tshared?: boolean;\n\tready: boolean;\n\tdraft?: string;\n\tonDraftLoaded: () => void;\n\tonSettings?: () => void;\n\taccessory?: ReactNode;\n};\n\n/** The channel refuses these too; holding them here keeps the draft instead of failing a send. */\nfunction useInvocation(shared: boolean | undefined, owner: boolean, mode: string) {\n\tconst [mentioned, setMentioned] = useState(false);\n\tconst blocked = shared === false && !owner;\n\treturn {\n\t\tblocked,\n\t\trefused: blocked && (mode === \"ace\" || mentioned),\n\t\tonText: (text: string) => setMentioned(ACE.test(text)),\n\t};\n}\n\n/** Below the composer: its attachment tray rises over the space above it and takes clicks there. */\nfunction Notice({ children, action }: { children: ReactNode; action?: ReactNode }) {\n\treturn (\n\t\t\n\t\t\t

{children}

\n\t\t\t{action}\n\t\t\n\t);\n}\n\n/** Why a teammate's invoking draft is held while the owner has turned invocation off. */\nfunction Refusal({ mode, onChat }: { mode: string; onChat: () => void }) {\n\tif (mode !== \"ace\") {\n\t\treturn (\n\t\t\t\n\t\t\t\tThe owner has turned off teammate agent invocation. Remove @ace to send this as a message.\n\t\t\t\n\t\t);\n\t}\n\treturn (\n\t\tSwitch to Chat}>\n\t\t\tThe owner has turned off teammate agent invocation. Switch to Chat to send this as a message.\n\t\t\n\t);\n}\n\n/** A failed admission keeps the draft and attachments available for retry. */\nexport function Composer(\n\t{\n\t\tchannel,\n\t\tchat: id,\n\t\tuser,\n\t\tcurrent,\n\t\tcurrentEffort,\n\t\tbusy,\n\t\tshared,\n\t\tready,\n\t\tdraft,\n\t\tonDraftLoaded,\n\t\tonSettings,\n\t\taccessory,\n\t}: Props,\n) {\n\tconst composer = useRef(null);\n\tconst sending = useRef(false);\n\tconst [pending, setPending] = useState(false);\n\tconst [attached, setAttached] = useState([]);\n\tconst [mode, setMode] = useState(chosen.get(channel.id) || \"ace\");\n\tconst [models, setModels] = useState();\n\tconst [modelError, setModelError] = useState();\n\tconst status = useSyncExternalStore(host.subscribe, () => host.status);\n\tconst settingsVersion = useSyncExternalStore(host.subscribe, () => host.settingsVersion);\n\tuseEffect(() => {\n\t\tif (!draft) return;\n\t\tcomposer.current?.set(ACE.test(draft) ? draft : `@ace ${draft}`);\n\t\tonDraftLoaded();\n\t}, [draft, onDraftLoaded]);\n\tuseEffect(() => {\n\t\tif (status !== \"open\" || mode !== \"ace\") return;\n\t\tlet active = true;\n\t\t// Ask the channel itself: a hosted channel uses the service's credentials, not its workspace's.\n\t\thost.channel(channel.id, { op: \"models\" }).then(\n\t\t\t(models) => {\n\t\t\t\tif (!active) return;\n\t\t\t\tsetModels(models);\n\t\t\t\tsetModelError(undefined);\n\t\t\t},\n\t\t\t(error: Error) => {\n\t\t\t\tif (!active) return;\n\t\t\t\tsetModels([]);\n\t\t\t\tsetModelError(error.message);\n\t\t\t},\n\t\t);\n\t\treturn () => {\n\t\t\tactive = false;\n\t\t};\n\t}, [channel.id, mode, status, settingsVersion]);\n\tconst [picked, setPicked] = useState();\n\tconst model = picked || (current ? key(current) : \"auto\");\n\tconst [pickedEffort, setPickedEffort] = useState();\n\tconst levels = models?.find((value) => key(value) === model)?.efforts;\n\tconst requestedEffort = pickedEffort\n\t\t|| (current && key(current) === model ? currentEffort : undefined) || \"off\";\n\tconst effort = requestedEffort === \"off\" || levels?.includes(requestedEffort)\n\t\t? requestedEffort\n\t\t: \"off\";\n\tconst efforts = levels && levels.some((level) => level !== \"off\")\n\t\t? (levels.includes(\"off\") ? levels : [\"off\" as const, ...levels]).map((id) => ({\n\t\t\tid,\n\t\t\tname: id === \"off\" && !levels.includes(\"off\") ? \"Default\" : EFFORTS[id],\n\t\t}))\n\t\t: undefined;\n\tconst choices = (models || []).map((value) => ({\n\t\tid: key(value),\n\t\tname: value.modelId,\n\t\tvendor: value.provider,\n\t}));\n\tif (model === \"auto\") choices.unshift({ id: \"auto\", name: \"Automatic\", vendor: \"\" });\n\telse if (!choices.some((value) => value.id === model)) {\n\t\tchoices.unshift({ id: model, name: model.split(\"/\").slice(1).join(\"/\"), vendor: \"\" });\n\t}\n\tconst { blocked, refused, onText } = useInvocation(shared, channel.owner === user, mode);\n\tconst changeMode = (value: string) => {\n\t\tchosen.set(channel.id, value);\n\t\tsetMode(value);\n\t};\n\t// Formatting tools crowd a phone's composer; they stay one tap away.\n\tconst phone = useMedia(\"(width < 40rem)\");\n\n\tasync function send(text: string, mode: string, attached: Attachment[]) {\n\t\tif (sending.current) return;\n\t\tconst invoke = mode === \"ace\" || ACE.test(text);\n\t\tconst body = text.trim();\n\t\tif (!body && !attached.length) return;\n\t\tif (invoke && blocked) {\n\t\t\treturn void toast.error(\"Could not invoke agent\", {\n\t\t\t\tdescription: \"The owner has turned off teammate agent invocation.\",\n\t\t\t});\n\t\t}\n\t\tconst doc = composer.current?.get();\n\t\tsending.current = true;\n\t\tsetPending(true);\n\t\ttry {\n\t\t\tconst encoded = attached.length ? { images: await images(attached) } : {};\n\t\t\tif (invoke) {\n\t\t\t\tconst [provider, ...rest] = model.split(\"/\");\n\t\t\t\tawait host.channel(channel.id, {\n\t\t\t\t\top: \"ask\",\n\t\t\t\t\t...(levels ? { effort } : {}),\n\t\t\t\t\tchat: id,\n\t\t\t\t\tauthor: user,\n\t\t\t\t\ttext: body,\n\t\t\t\t\t...encoded,\n\t\t\t\t\t...(model === \"auto\" ? {} : { model: { provider: provider!, modelId: rest.join(\"/\") } }),\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tawait host.channel(channel.id, {\n\t\t\t\t\top: \"say\",\n\t\t\t\t\tchat: id,\n\t\t\t\t\tauthor: user,\n\t\t\t\t\ttext: body,\n\t\t\t\t\t...encoded,\n\t\t\t\t});\n\t\t\t}\n\t\t\tif (composer.current?.get() === doc) composer.current?.clear();\n\t\t\tconst sent = new Set(attached);\n\t\t\tsetAttached((current) => current.filter((value) => !sent.has(value)));\n\t\t} catch (error) {\n\t\t\ttoast.error(invoke ? \"Could not invoke agent\" : \"Could not send message\", {\n\t\t\t\tdescription: (error as Error).message,\n\t\t\t\t...(invoke && onSettings ? { action: { label: \"Settings\", onClick: onSettings } } : {}),\n\t\t\t});\n\t\t} finally {\n\t\t\tsending.current = false;\n\t\t\tsetPending(false);\n\t\t}\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t {\n\t\t\t\t\tsetPicked(value === \"auto\" ? undefined : value);\n\t\t\t\t\tsetPickedEffort(undefined);\n\t\t\t\t}}\n\t\t\t\tefforts={efforts}\n\t\t\t\teffort={effort}\n\t\t\t\tonEffortChange={(value) => setPickedEffort(value as Effort)}\n\t\t\t\tattachments={attached}\n\t\t\t\tonAttachmentsChange={setAttached}\n\t\t\t\tbusy={busy}\n\t\t\t\tsubmitBusy={pending}\n\t\t\t\tcanStop={busy}\n\t\t\t\tonStop={() => void host.channel(channel.id, { op: \"stop\", chat: id })}\n\t\t\t\tcanSend={ready && status === \"open\" && !pending && !refused}\n\t\t\t\tclearOnSend={false}\n\t\t\t\tonSend={({ doc, mode, attachments }) => void send(serialize(doc), mode, attachments)}\n\t\t\t/>\n\t\t\t{refused\n\t\t\t\t? changeMode(\"chat\")} />\n\t\t\t\t: mode === \"ace\" && models?.length === 0 && (\n\t\t\t\t\tProvider settings\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{modelError || \"Add a provider to use Ace. You can still send messages in Chat mode.\"}\n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\n\t);\n}\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",1794438773379,"sidebar","expanded"]