52:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 53:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 54:T47d,.cr-handoff { display: flex; gap: var(--cr-space-4); padding: var(--cr-space-5); border-radius: var(--cr-radius-xl); color: var(--cr-color-text-default); font-family: var(--cr-font-family-sans); font-size: var(--cr-font-size-md); } /* Only failure gets a colour; the outcome is also in the title. */ .cr-handoff[data-outcome='failed'] { box-shadow: var(--cr-shadow-card), inset 3px 0 0 var(--cr-color-danger-text); } .cr-handoff__body { display: grid; flex: 1; gap: var(--cr-space-2); min-width: 0; } .cr-handoff__title { margin: 0; font-family: var(--cr-font-family-display); font-size: var(--cr-font-size-2xl); font-weight: var(--cr-font-weight-bold); letter-spacing: var(--cr-font-tracking-title); line-height: 1.2; } .cr-handoff__title:focus-visible { outline: var(--cr-focus-width) solid var(--cr-color-focus); outline-offset: var(--cr-focus-offset); } .cr-handoff__summary { margin: 0; color: var(--cr-color-text-default); line-height: var(--cr-font-line-height-normal); } .cr-handoff__actions { display: flex; flex-wrap: wrap; gap: var(--cr-space-2); margin-top: var(--cr-space-2); } 55:T988,'use client'; import { useEffect, useId, useRef } from 'react'; import { Avatar } from '@/components/creance/avatar/Avatar'; import { Button } from '@/components/creance/button/Button'; import { cx } from '@/lib/creance/cx'; import { LiveRegion } from '@/lib/creance/LiveRegion'; import './AgentHandoffBanner.css'; export interface HandoffAction { id: string; label: string; primary?: boolean; } export interface AgentHandoffBannerProps { agentName: string; /** What the agent did and what state it left things in. */ summary: string; actions?: HandoffAction[]; onAction?: (id: string) => void; /** "completed" finished the goal; "stopped" ended early (for example after a denial). */ outcome?: 'completed' | 'stopped' | 'failed'; /** Move focus to the banner heading when it appears, so keyboard users land on the next actions. Default true. */ focusOnMount?: boolean; headingLevel?: 2 | 3; className?: string; } const headline = { completed: 'finished and handed back to you', stopped: 'stopped and handed back to you', failed: 'failed and handed back to you', }; export function AgentHandoffBanner({ agentName, summary, actions = [], onAction, outcome = 'completed', focusOnMount = true, headingLevel = 2, className, }: AgentHandoffBannerProps) { const headingId = useId(); const headingRef = useRef(null); const Heading = `h${headingLevel}` as const; useEffect(() => { if (focusOnMount) headingRef.current?.focus(); // eslint-disable-next-line react-hooks/exhaustive-deps }, []); return (

{agentName} {headline[outcome]}

{summary}

{actions.length > 0 && (

{actions.map((a) => ( ))}

)}

); } 51:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L52",null,{"namespace":"@creance","registryDependencies":["https://creance.pages.dev/r/avatar.json","https://creance.pages.dev/r/button.json","https://creance.pages.dev/r/creance-base.json"]}]]}],null]}],["$","$L53",null,{"files":[{"path":"agent-handoff-banner/AgentHandoffBanner.css","content":"$54","type":"registry:file","target":"@components/creance/agent-handoff-banner/AgentHandoffBanner.css"},{"path":"agent-handoff-banner/AgentHandoffBanner.tsx","content":"$55","type":"registry:ui","target":"@components/creance/agent-handoff-banner/AgentHandoffBanner.tsx"}],"className":"h-[70svh] min-h-80"}]]}]