[{"_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",{"_41":42,"_270":-5,"_271":-5,"_272":273},"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","packages/ui/src/components/composer/composer.tsx","oid","721a49fbcca9512fbe2bc579b39f0b572e25ae09","size",8872,"commit","ebddef689afe799c51f8829a3c3ed570bfa8eda9","mounts",[],"source","plain",{"_13":14,"_15":16},"kind","text","import { type ComponentPropsWithRef, useEffect, useRef, useState } from \"react\";\nimport { animate, m as motion, useMotionValue, useTransform } from \"motion/react\";\nimport { cn } from \"../../lib/utils\";\n\nimport { ComposerActions } from \"./composer-actions\";\nimport { ComposerSubmit } from \"./composer-submit\";\nimport { IconArrowDownToLineMicro } from \"../../icons\";\nimport \"./composer.css\";\n\ntype DivProps = ComponentPropsWithRef<\"div\">;\n\ntype AttachmentsProps = DivProps & {\n\t/** Whether the tray is visible above the composer. */\n\topen?: boolean;\n};\n\n/** Top attachments row above the composer header. */\nfunction Attachments({ className, children, open = false, ref }: AttachmentsProps) {\n\treturn (\n\t\t\n\t\t\t

\n\t\t\t\t{children}\n\t\t\t

\n\t\t\n\t);\n}\n\n/** Left-aligned toolbar section. */\nfunction Start({ className, ref, ...props }: DivProps) {\n\treturn (\n\t\t\n\t);\n}\n\n/** Right-aligned toolbar section. */\nfunction End({ className, ref, ...props }: DivProps) {\n\treturn (\n\t\t\n\t);\n}\n\n/** Main input area between the header and footer rows. */\nfunction Input({ className, ref, ...props }: DivProps) {\n\treturn (\n\t\t\n\t);\n}\n\n/** Bottom footer row for actions, model selector, and send. */\nfunction Footer({ className, ref, ...props }: DivProps) {\n\treturn (\n\t\t\n\t);\n}\n\ntype HeaderProps = DivProps & {\n\t/** Whether the header is expanded. */\n\topen?: boolean;\n};\n\nconst HEADER_HEIGHT = 35;\n\n/** Top bar below attachments for file count, mode badge, and metadata. */\nfunction Header({ className, ref, open = true, children, ...props }: HeaderProps) {\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t{children}\n\t\t\t\n\t\t\n\t);\n}\n\ntype BodyProps = DivProps & {\n\t/** Called when files are dropped onto the composer body. */\n\tonFiles?: (files: File[]) => void;\n};\n\n/** Bordered wrapper grouping Header, Input, and Footer with drag-and-drop. */\nfunction Body({ className, ref, onFiles, children, ...props }: BodyProps) {\n\tlet [dragging, setDragging] = useState(false);\n\tlet [hovering, setHovering] = useState(false);\n\tlet global = useRef(0);\n\tlet local = useRef(0);\n\n\tuseEffect(() => {\n\t\tfunction enter(e: DragEvent) {\n\t\t\te.preventDefault();\n\t\t\tif (!onFiles) return;\n\t\t\tif (++global.current === 1) setDragging(true);\n\t\t}\n\t\tfunction leave(e: DragEvent) {\n\t\t\te.preventDefault();\n\t\t\tif (!onFiles) return;\n\t\t\tif (--global.current === 0) setDragging(false);\n\t\t}\n\t\tfunction over(e: DragEvent) {\n\t\t\te.preventDefault();\n\t\t\tif (e.dataTransfer) e.dataTransfer.dropEffect = onFiles ? \"copy\" : \"none\";\n\t\t}\n\t\tfunction drop(e: DragEvent) {\n\t\t\te.preventDefault();\n\t\t\tglobal.current = 0;\n\t\t\tlocal.current = 0;\n\t\t\tsetDragging(false);\n\t\t\tsetHovering(false);\n\t\t\tif (!onFiles) return;\n\t\t\tlet files = Array.from(e.dataTransfer?.files || []);\n\t\t\tif (files.length) onFiles(files);\n\t\t}\n\n\t\tdocument.addEventListener(\"dragenter\", enter);\n\t\tdocument.addEventListener(\"dragleave\", leave);\n\t\tdocument.addEventListener(\"dragover\", over);\n\t\tdocument.addEventListener(\"drop\", drop);\n\t\treturn () => {\n\t\t\tdocument.removeEventListener(\"dragenter\", enter);\n\t\t\tdocument.removeEventListener(\"dragleave\", leave);\n\t\t\tdocument.removeEventListener(\"dragover\", over);\n\t\t\tdocument.removeEventListener(\"drop\", drop);\n\t\t\tglobal.current = 0;\n\t\t\tlocal.current = 0;\n\t\t\tsetDragging(false);\n\t\t\tsetHovering(false);\n\t\t};\n\t}, [onFiles]);\n\n\treturn (\n\t\t<>\n\t\t\t {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tif (!onFiles) return;\n\t\t\t\t\tif (++local.current === 1) setHovering(true);\n\t\t\t\t}}\n\t\t\t\tonDragLeave={(e) => {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tif (!onFiles) return;\n\t\t\t\t\tif (--local.current === 0) setHovering(false);\n\t\t\t\t}}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t{dragging && (\n\t\t\t\t\t

\n\t\t\t\t\t\t\n\t\t\t\t\t\tDrop your files here.\n\t\t\t\t\t

\n\t\t\t\t)}\n\t\t\t\n\t\t\t{dragging && (\n\t\t\t\t\n\t\t\t)}\n\t\t\n\t);\n}\n\ntype GlowProps = {\n\t/** AnalyserNode for mic-reactive pulsing. */\n\tanalyser?: AnalyserNode | null;\n\t/** Whether the glow is active (e.g. recording). */\n\tactive?: boolean;\n};\n\n/** Mic-reactive recording glow behind the composer body. */\nfunction Glow({ analyser = null, active = false }: GlowProps) {\n\tlet raw = useMotionValue(0);\n\tlet glow = useMotionValue(0);\n\n\tuseEffect(() => {\n\t\tlet controls = animate(glow, active ? 1 : 0, { duration: 0.3 });\n\t\treturn () => controls.stop();\n\t}, [active, glow]);\n\n\tuseEffect(() => {\n\t\tif (!analyser) return;\n\t\traw.set(0);\n\t\tlet data = new Uint8Array(analyser.frequencyBinCount);\n\t\tlet raf = 0;\n\t\tfunction tick() {\n\t\t\tanalyser!.getByteFrequencyData(data);\n\t\t\tlet sum = 0;\n\t\t\tfor (let i = 0; i < data.length; i++) sum += data[i];\n\t\t\traw.set(Math.min(1, sum / data.length / 255 * 3));\n\t\t\traf = requestAnimationFrame(tick);\n\t\t}\n\t\traf = requestAnimationFrame(tick);\n\t\treturn () => cancelAnimationFrame(raf);\n\t}, [analyser, raw]);\n\n\tlet o1 = useTransform([glow, raw], ([a, l]: number[]) => a * (0.1 + l * 0.6));\n\tlet s1 = useTransform([glow, raw], ([a, l]: number[]) => 0.97 + a * (0.03 + l * 0.02));\n\tlet o2 = useTransform([glow, raw], ([a, l]: number[]) => a * (0.08 + l * 0.7));\n\tlet o3 = useTransform([glow, raw], ([a, l]: number[]) => a * (0.06 + l * 0.5));\n\tlet s3 = useTransform([glow, raw], ([a, l]: number[]) => 1 + a * l * 0.015);\n\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t);\n}\n\n/** Chat message composer with text input and actions. */\nfunction Root({ className, ref, ...props }: DivProps) {\n\treturn (\n\t\t\n\t);\n}\n\n/** Chat message composer with header, input area, and toolbar. */\nexport const Composer: typeof Root & {\n\tActions: typeof ComposerActions;\n\tAttachments: typeof Attachments;\n\tBody: typeof Body;\n\tGlow: typeof Glow;\n\tHeader: typeof Header;\n\tInput: typeof Input;\n\tFooter: typeof Footer;\n\tStart: typeof Start;\n\tEnd: typeof End;\n\tSubmit: typeof ComposerSubmit;\n} = Object.assign(Root, {\n\tActions: ComposerActions,\n\tAttachments,\n\tBody,\n\tGlow,\n\tHeader,\n\tInput,\n\tFooter,\n\tStart,\n\tEnd,\n\tSubmit: ComposerSubmit,\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",{"_55":56,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193},"sources",[],"viewer","meta",{"_174":175,"_176":177,"_178":179,"_43":32,"_180":14,"_181":32,"_49":50,"_51":50},"branches",[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,14,167,168,169,170,171,172,173],"tags",[70,71,72,73,74,75,76,77,78,79,80,81],"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","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":50,"_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,"_53":217,"_218":32,"_219":217,"_220":202},{"_211":221,"_213":222,"_15":221,"_215":223,"_53":217,"_218":32,"_219":217,"_220":50},{"_211":212,"_213":214,"_15":212,"_215":216,"_53":217,"_218":32,"_219":217,"_220":206},"id","issues","name","Issues","filters",{},true,"saved","pinnable","count","tasks","Tasks",{},"Changes",{},{"_211":201,"_213":224,"_15":201,"_215":269,"_53":217,"_218":32,"_219":217},{"_211":221,"_213":222,"_15":221,"_215":268,"_53":217,"_218":32,"_219":217},{"_211":212,"_213":214,"_15":212,"_215":267,"_53":217,"_218":32,"_219":217},{"_211":264,"_213":265,"_15":264,"_215":266,"_53":32,"_218":32,"_219":217},{"_211":261,"_213":262,"_15":261,"_215":263,"_53":32,"_218":32,"_219":217},{"_211":196,"_213":259,"_15":188,"_215":260,"_53":32,"_218":32,"_219":217},{"_211":198,"_213":256,"_15":257,"_215":258,"_53":32,"_218":32,"_219":217},{"_211":194,"_213":254,"_15":194,"_215":255,"_53":32,"_218":32,"_219":217},{"_211":250,"_213":251,"_15":252,"_215":253,"_53":32,"_218":32,"_219":217},{"_211":184,"_213":248,"_15":184,"_215":249,"_53":32,"_218":32,"_219":32},{"_211":245,"_213":246,"_15":245,"_215":247,"_53":32,"_218":32,"_219":32},{"_211":242,"_213":243,"_15":242,"_215":244,"_53":32,"_218":32,"_219":32},{"_211":239,"_213":240,"_15":239,"_215":241,"_53":32,"_218":32,"_219":32},"decisions","Decisions",{},"changelog","Changelog",{},"roadmap","Roadmap",{},"Documents",{},"activity","Activity","insights",{},"Releases",{},"Deployments","automations/deployments",{},"Workflows",{},"discussions","Discussions",{},"goals","Goals",{},{},{},{},"groups","user","agents",[],"now",1794437256220,"sidebar","expanded"]