@bikdotai/bik-component-library 0.0.821 → 0.0.822-beta.1

package/dist/cjs/components/agent-builder/AgentBuilder.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("react"),oe=require("../../constants/Theme.js"),s=require("./AgentBuilder.styled.js"),ae=require("./components/AgentBuilderFooter.js"),se=require("./components/AgentBuilderTopBar.js"),re=require("./components/DiscardModal.js"),ie=require("./components/GoLiveModal.js"),le=require("./components/StepRail.js"),ue=require("./components/UndoToast.js"),m=require("./context/AgentBuilderContext.js"),ce=require("./steps/Step1About.js"),de=require("./steps/Step2WhenItStepsIn.js"),ge=require("./steps/Step3HowItResponds.js"),he=require("./steps/Step4HandoverRules.js"),Se=require("../spinner/Spinner.js"),ve=()=>{const{activeStep:c}=m.useAgentBuilderContext();switch(c){case"about":return n.jsx(ce.Step1About,{});case"trigger":return n.jsx(de.Step2WhenItStepsIn,{});case"response":return n.jsx(ge.Step3HowItResponds,{});case"handover":return n.jsx(he.Step4HandoverRules,{});default:return null}},k=c=>{const{config:y,onChange:b,onStepChange:d,onDiscard:r,onSaveDraft:i,onPublish:C,onBack:g,onTestAgent:h,onGoToDashboard:S,onCreateSubAgent:l,onFetchSubAgent:q,onUpdateSubAgent:T,onImproveSubAgent:R,...G}=c,{value:v,activeStep:M,availableTools:P,availableSubAgents:I,availableIntents:w=[],availableModels:H=[],validation:F,applicationType:O,isSaving:f,isPublishing:p,isLoading:U,footerHint:N="Changes don’t affect customers until you go live",disableStepNavigation:W,debugLog:A}=y,[z,a]=o.useState(null),[j,x]=o.useState(!1),[E,u]=o.useState(!1),[D,B]=o.useState(!1),e=o.useCallback((t,...te)=>{A&&console.log(`[AgentBuilder] ${t}`,...te)},[A]),_=o.useCallback(t=>{e("onChange",t),b(t)},[e,b]),$=o.useCallback(t=>{e("onStepChange",t),d?.(t)},[e,d]),J=o.useCallback(()=>{e("onDiscard"),r()},[e,r]),K=o.useCallback(()=>(e("onSaveDraft"),i()),[e,i]),Q=o.useCallback(()=>(e("onPublish"),C()),[e,C]),V=o.useCallback(()=>{e("onBack"),u(!0)},[e]),X=o.useCallback(()=>{e("onDiscardAndLeave"),u(!1),r()},[e,r]),L=o.useCallback(async()=>{e("onSaveDraftAndLeave");const t=i();if(t&&typeof t.then=="function"){B(!0);try{await t}finally{B(!1)}}u(!1),g?.()},[e,i,g]),Y=o.useCallback(()=>{e("onTestAgent"),h?.()},[e,h]),Z=o.useCallback(()=>{e("onGoToDashboard"),S?.()},[e,S]),ee=o.useCallback(t=>(e("onCreateSubAgent",t),l?l(t):Promise.reject(new Error("onCreateSubAgent not provided"))),[e,l]),ne=async()=>{e("onGoLiveConfirm");const t=Q();if(t&&typeof t.then=="function"){x(!0);try{await t,a("success")}finally{x(!1)}}else a("success")};return n.jsx(m.AgentBuilderProvider,{value:v,onChange:_,activeStep:M,onStepChange:d?$:void 0,availableTools:P,availableSubAgents:I,availableIntents:w,availableModels:H,validation:F,applicationType:O,disableStepNavigation:W,onCreateSubAgent:l?ee:void 0,onFetchSubAgent:q,onUpdateSubAgent:T,onImproveSubAgent:R,children:n.jsxs(s.BuilderRoot,{"data-test":G["data-test"]??"agent-builder",children:[n.jsx(se.AgentBuilderTopBar,{name:v.name,status:v.status,onBack:g?V:void 0,onDiscard:J,onSaveDraft:L,isSaving:f||D}),n.jsxs(s.Main,{children:[n.jsx(s.Rail,{children:n.jsx(le.StepRail,{})}),n.jsx(s.Content,{children:U?n.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%"},children:n.jsx(Se.Spinner,{size:"large",color:oe.COLORS.stroke.brand})}):n.jsx(s.ContentCard,{children:n.jsx(ve,{})})})]}),n.jsx(ae.AgentBuilderFooter,{footerHint:N,onTestAgent:h?Y:void 0,onGoLive:()=>{e("onGoLive"),a("confirm")},isPublishing:p||j}),n.jsx(ie.GoLiveModal,{mode:z,onClose:()=>a(null),onConfirm:ne,onSaveDraft:()=>{a(null),K()},onGoToDashboard:S?Z:void 0,isPublishing:p||j}),n.jsx(re.DiscardModal,{open:E,onClose:()=>u(!1),onDiscard:X,onSaveDraft:L,isSaving:f||D}),n.jsx(ue.UndoToast,{})]})})};k.displayName="AgentBuilder";exports.AgentBuilder=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("react"),ae=require("../../constants/Theme.js"),s=require("./AgentBuilder.styled.js"),se=require("./components/AgentBuilderFooter.js"),re=require("./components/AgentBuilderTopBar.js"),ie=require("./components/DiscardModal.js"),le=require("./components/GoLiveModal.js"),ce=require("./components/StepRail.js"),ue=require("./components/UndoToast.js"),B=require("./context/AgentBuilderContext.js"),de=require("./steps/Step1About.js"),ge=require("./steps/Step2WhenItStepsIn.js"),he=require("./steps/Step3HowItResponds.js"),Se=require("./steps/Step4HandoverRules.js"),ve=require("../spinner/Spinner.js"),be=()=>{const{activeStep:u}=B.useAgentBuilderContext();switch(u){case"about":return n.jsx(de.Step1About,{});case"trigger":return n.jsx(ge.Step2WhenItStepsIn,{});case"response":return n.jsx(he.Step3HowItResponds,{});case"handover":return n.jsx(Se.Step4HandoverRules,{});default:return null}},k=u=>{const{config:y,onChange:b,onStepChange:d,onDiscard:r,onSaveDraft:i,onPublish:C,onBack:g,onTestAgent:h,onGoToDashboard:S,onCreateSubAgent:l,onFetchSubAgent:q,onUpdateSubAgent:T,onImproveSubAgent:R,...G}=u,{value:v,activeStep:M,availableTools:P,availableSubAgents:I,availableIntents:w=[],availableModels:H=[],validation:F,applicationType:O,charLimits:U,isSaving:f,isPublishing:p,isLoading:N,footerHint:W="Changes don’t affect customers until you go live",disableStepNavigation:z,debugLog:A}=y,[E,a]=o.useState(null),[j,x]=o.useState(!1),[_,c]=o.useState(!1),[D,L]=o.useState(!1),e=o.useCallback((t,...oe)=>{A&&console.log(`[AgentBuilder] ${t}`,...oe)},[A]),$=o.useCallback(t=>{e("onChange",t),b(t)},[e,b]),J=o.useCallback(t=>{e("onStepChange",t),d?.(t)},[e,d]),K=o.useCallback(()=>{e("onDiscard"),r()},[e,r]),Q=o.useCallback(()=>(e("onSaveDraft"),i()),[e,i]),V=o.useCallback(()=>(e("onPublish"),C()),[e,C]),X=o.useCallback(()=>{e("onBack"),c(!0)},[e]),Y=o.useCallback(()=>{e("onDiscardAndLeave"),c(!1),r()},[e,r]),m=o.useCallback(async()=>{e("onSaveDraftAndLeave");const t=i();if(t&&typeof t.then=="function"){L(!0);try{await t}finally{L(!1)}}c(!1),g?.()},[e,i,g]),Z=o.useCallback(()=>{e("onTestAgent"),h?.()},[e,h]),ee=o.useCallback(()=>{e("onGoToDashboard"),S?.()},[e,S]),ne=o.useCallback(t=>(e("onCreateSubAgent",t),l?l(t):Promise.reject(new Error("onCreateSubAgent not provided"))),[e,l]),te=async()=>{e("onGoLiveConfirm");const t=V();if(t&&typeof t.then=="function"){x(!0);try{await t,a("success")}finally{x(!1)}}else a("success")};return n.jsx(B.AgentBuilderProvider,{value:v,onChange:$,activeStep:M,onStepChange:d?J:void 0,availableTools:P,availableSubAgents:I,availableIntents:w,availableModels:H,validation:F,applicationType:O,charLimits:U,disableStepNavigation:z,onCreateSubAgent:l?ne:void 0,onFetchSubAgent:q,onUpdateSubAgent:T,onImproveSubAgent:R,children:n.jsxs(s.BuilderRoot,{"data-test":G["data-test"]??"agent-builder",children:[n.jsx(re.AgentBuilderTopBar,{name:v.name,status:v.status,onBack:g?X:void 0,onDiscard:K,onSaveDraft:m,isSaving:f||D}),n.jsxs(s.Main,{children:[n.jsx(s.Rail,{children:n.jsx(ce.StepRail,{})}),n.jsx(s.Content,{children:N?n.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%"},children:n.jsx(ve.Spinner,{size:"large",color:ae.COLORS.stroke.brand})}):n.jsx(s.ContentCard,{children:n.jsx(be,{})})})]}),n.jsx(se.AgentBuilderFooter,{footerHint:W,onTestAgent:h?Z:void 0,onGoLive:()=>{e("onGoLive"),a("confirm")},isPublishing:p||j}),n.jsx(le.GoLiveModal,{mode:E,onClose:()=>a(null),onConfirm:te,onSaveDraft:()=>{a(null),Q()},onGoToDashboard:S?ee:void 0,isPublishing:p||j}),n.jsx(ie.DiscardModal,{open:_,onClose:()=>c(!1),onDiscard:Y,onSaveDraft:m,isSaving:f||D}),n.jsx(ue.UndoToast,{})]})})};k.displayName="AgentBuilder";exports.AgentBuilder=k;
 //# sourceMappingURL=AgentBuilder.js.map

package/dist/cjs/components/agent-builder/AgentBuilder.js.map

@@ -1 +1 @@
-{"version":3,"file":"AgentBuilder.js","sources":["../../../../src/components/agent-builder/AgentBuilder.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { Spinner } from '@src/components/spinner';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\tAgentBuilderProps,\n\tAgentValue,\n\tSubAgentDraft,\n} from './AgentBuilder.model';\nimport {\n\tBuilderRoot,\n\tContent,\n\tContentCard,\n\tMain,\n\tRail,\n} from './AgentBuilder.styled';\nimport { AgentBuilderFooter } from './components/AgentBuilderFooter';\nimport { AgentBuilderTopBar } from './components/AgentBuilderTopBar';\nimport { DiscardModal } from './components/DiscardModal';\nimport { GoLiveModal, GoLiveModalMode } from './components/GoLiveModal';\nimport { StepRail } from './components/StepRail';\nimport { UndoToast } from './components/UndoToast';\nimport {\n\tAgentBuilderProvider,\n\tuseAgentBuilderContext,\n} from './context/AgentBuilderContext';\nimport { Step1About } from './steps/Step1About';\nimport { Step2WhenItStepsIn } from './steps/Step2WhenItStepsIn';\nimport { Step3HowItResponds } from './steps/Step3HowItResponds';\nimport { Step4HandoverRules } from './steps/Step4HandoverRules';\n\nconst StepContent: React.FC = () => {\n\tconst { activeStep } = useAgentBuilderContext();\n\tswitch (activeStep) {\n\t\tcase 'about':\n\t\t\treturn <Step1About />;\n\t\tcase 'trigger':\n\t\t\treturn <Step2WhenItStepsIn />;\n\t\tcase 'response':\n\t\t\treturn <Step3HowItResponds />;\n\t\tcase 'handover':\n\t\t\treturn <Step4HandoverRules />;\n\t\tdefault:\n\t\t\treturn null;\n\t}\n};\n\n/**\n * 4-step creation/edit wizard body for an AI agent. Presentational and\n * controlled — the consumer owns the `value`, persistence and routing.\n *\n * @example\n * <AgentBuilder\n *   value={agent}\n *   onChange={(patch) => setAgent({ ...agent, ...patch })}\n *   availableTools={tools}\n *   availableSubAgents={subAgents}\n *   onDiscard={() => router.back()}\n *   onSaveDraft={saveDraft}\n *   onPublish={publish}\n * />\n */\nexport const AgentBuilder: React.FC<AgentBuilderProps> = (props) => {\n\tconst {\n\t\tconfig,\n\t\tonChange,\n\t\tonStepChange,\n\t\tonDiscard,\n\t\tonSaveDraft,\n\t\tonPublish,\n\t\tonBack,\n\t\tonTestAgent,\n\t\tonGoToDashboard,\n\t\tonCreateSubAgent,\n\t\tonFetchSubAgent,\n\t\tonUpdateSubAgent,\n\t\tonImproveSubAgent,\n\t\t...rest\n\t} = props;\n\tconst {\n\t\tvalue,\n\t\tactiveStep,\n\t\tavailableTools,\n\t\tavailableSubAgents,\n\t\tavailableIntents = [],\n\t\tavailableModels = [],\n\t\tvalidation,\n\t\tapplicationType,\n\t\tisSaving,\n\t\tisPublishing,\n\t\tisLoading,\n\t\tfooterHint = 'Changes don’t affect customers until you go live',\n\t\tdisableStepNavigation,\n\t\tdebugLog,\n\t} = config;\n\n\tconst [modalMode, setModalMode] = useState<GoLiveModalMode>(null);\n\tconst [publishingLocal, setPublishingLocal] = useState(false);\n\t// Back was pressed → confirm leaving (save draft / discard) before navigating.\n\tconst [showLeaveConfirm, setShowLeaveConfirm] = useState(false);\n\tconst [savingAndLeaving, setSavingAndLeaving] = useState(false);\n\n\t// Gated debug logging: each handler logs at its start only when `debugLog`.\n\tconst logAction = useCallback(\n\t\t(action: string, ...args: unknown[]) => {\n\t\t\tif (debugLog) {\n\t\t\t\t// eslint-disable-next-line no-console\n\t\t\t\tconsole.log(`[AgentBuilder] ${action}`, ...args);\n\t\t\t}\n\t\t},\n\t\t[debugLog],\n\t);\n\n\tconst handleChange = useCallback(\n\t\t(patch: Partial<AgentValue>) => {\n\t\t\tlogAction('onChange', patch);\n\t\t\tonChange(patch);\n\t\t},\n\t\t[logAction, onChange],\n\t);\n\tconst handleStepChange = useCallback(\n\t\t(step: Parameters<NonNullable<typeof onStepChange>>[0]) => {\n\t\t\tlogAction('onStepChange', step);\n\t\t\tonStepChange?.(step);\n\t\t},\n\t\t[logAction, onStepChange],\n\t);\n\tconst handleDiscard = useCallback(() => {\n\t\tlogAction('onDiscard');\n\t\tonDiscard();\n\t}, [logAction, onDiscard]);\n\tconst handleSaveDraft = useCallback(() => {\n\t\tlogAction('onSaveDraft');\n\t\treturn onSaveDraft();\n\t}, [logAction, onSaveDraft]);\n\tconst handlePublish = useCallback(() => {\n\t\tlogAction('onPublish');\n\t\treturn onPublish();\n\t}, [logAction, onPublish]);\n\t// Back opens the \"Save as draft?\" confirmation rather than leaving directly.\n\tconst handleBack = useCallback(() => {\n\t\tlogAction('onBack');\n\t\tsetShowLeaveConfirm(true);\n\t}, [logAction]);\n\n\t// Modal \"Discard\" defers to the parent's discard handler (same as the top bar).\n\tconst handleDiscardAndLeave = useCallback(() => {\n\t\tlogAction('onDiscardAndLeave');\n\t\tsetShowLeaveConfirm(false);\n\t\tonDiscard();\n\t}, [logAction, onDiscard]);\n\n\tconst handleSaveDraftAndLeave = useCallback(async () => {\n\t\tlogAction('onSaveDraftAndLeave');\n\t\tconst result = onSaveDraft();\n\t\tif (result && typeof (result as Promise<void>).then === 'function') {\n\t\t\tsetSavingAndLeaving(true);\n\t\t\ttry {\n\t\t\t\tawait result;\n\t\t\t} finally {\n\t\t\t\tsetSavingAndLeaving(false);\n\t\t\t}\n\t\t}\n\t\tsetShowLeaveConfirm(false);\n\t\tonBack?.();\n\t}, [logAction, onSaveDraft, onBack]);\n\tconst handleTestAgent = useCallback(() => {\n\t\tlogAction('onTestAgent');\n\t\tonTestAgent?.();\n\t}, [logAction, onTestAgent]);\n\tconst handleGoToDashboard = useCallback(() => {\n\t\tlogAction('onGoToDashboard');\n\t\tonGoToDashboard?.();\n\t}, [logAction, onGoToDashboard]);\n\tconst handleCreateSubAgent = useCallback(\n\t\t(draft: SubAgentDraft) => {\n\t\t\tlogAction('onCreateSubAgent', draft);\n\t\t\treturn onCreateSubAgent\n\t\t\t\t? onCreateSubAgent(draft)\n\t\t\t\t: Promise.reject(new Error('onCreateSubAgent not provided'));\n\t\t},\n\t\t[logAction, onCreateSubAgent],\n\t);\n\n\tconst handleConfirmGoLive = async () => {\n\t\tlogAction('onGoLiveConfirm');\n\t\tconst result = handlePublish();\n\t\tif (result && typeof (result as Promise<void>).then === 'function') {\n\t\t\tsetPublishingLocal(true);\n\t\t\ttry {\n\t\t\t\tawait result;\n\t\t\t\tsetModalMode('success');\n\t\t\t} finally {\n\t\t\t\tsetPublishingLocal(false);\n\t\t\t}\n\t\t} else {\n\t\t\tsetModalMode('success');\n\t\t}\n\t};\n\n\treturn (\n\t\t<AgentBuilderProvider\n\t\t\tvalue={value}\n\t\t\tonChange={handleChange}\n\t\t\tactiveStep={activeStep}\n\t\t\tonStepChange={onStepChange ? handleStepChange : undefined}\n\t\t\tavailableTools={availableTools}\n\t\t\tavailableSubAgents={availableSubAgents}\n\t\t\tavailableIntents={availableIntents}\n\t\t\tavailableModels={availableModels}\n\t\t\tvalidation={validation}\n\t\t\tapplicationType={applicationType}\n\t\t\tdisableStepNavigation={disableStepNavigation}\n\t\t\tonCreateSubAgent={onCreateSubAgent ? handleCreateSubAgent : undefined}\n\t\t\tonFetchSubAgent={onFetchSubAgent}\n\t\t\tonUpdateSubAgent={onUpdateSubAgent}\n\t\t\tonImproveSubAgent={onImproveSubAgent}\n\t\t>\n\t\t\t<BuilderRoot data-test={rest['data-test'] ?? 'agent-builder'}>\n\t\t\t\t<AgentBuilderTopBar\n\t\t\t\t\tname={value.name}\n\t\t\t\t\tstatus={value.status}\n\t\t\t\t\tonBack={onBack ? handleBack : undefined}\n\t\t\t\t\tonDiscard={handleDiscard}\n\t\t\t\t\tonSaveDraft={handleSaveDraftAndLeave}\n\t\t\t\t\tisSaving={isSaving || savingAndLeaving}\n\t\t\t\t/>\n\n\t\t\t\t<Main>\n\t\t\t\t\t<Rail>\n\t\t\t\t\t\t<StepRail />\n\t\t\t\t\t</Rail>\n\t\t\t\t\t<Content>\n\t\t\t\t\t\t{isLoading ? (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\theight: '100%',\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\t<Spinner size=\"large\" color={COLORS.stroke.brand} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<ContentCard>\n\t\t\t\t\t\t\t\t<StepContent />\n\t\t\t\t\t\t\t</ContentCard>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Content>\n\t\t\t\t</Main>\n\n\t\t\t\t<AgentBuilderFooter\n\t\t\t\t\tfooterHint={footerHint}\n\t\t\t\t\tonTestAgent={onTestAgent ? handleTestAgent : undefined}\n\t\t\t\t\tonGoLive={() => {\n\t\t\t\t\t\tlogAction('onGoLive');\n\t\t\t\t\t\tsetModalMode('confirm');\n\t\t\t\t\t}}\n\t\t\t\t\tisPublishing={isPublishing || publishingLocal}\n\t\t\t\t/>\n\n\t\t\t\t<GoLiveModal\n\t\t\t\t\tmode={modalMode}\n\t\t\t\t\tonClose={() => setModalMode(null)}\n\t\t\t\t\tonConfirm={handleConfirmGoLive}\n\t\t\t\t\tonSaveDraft={() => {\n\t\t\t\t\t\tsetModalMode(null);\n\t\t\t\t\t\thandleSaveDraft();\n\t\t\t\t\t}}\n\t\t\t\t\tonGoToDashboard={onGoToDashboard ? handleGoToDashboard : undefined}\n\t\t\t\t\tisPublishing={isPublishing || publishingLocal}\n\t\t\t\t/>\n\n\t\t\t\t<DiscardModal\n\t\t\t\t\topen={showLeaveConfirm}\n\t\t\t\t\tonClose={() => setShowLeaveConfirm(false)}\n\t\t\t\t\tonDiscard={handleDiscardAndLeave}\n\t\t\t\t\tonSaveDraft={handleSaveDraftAndLeave}\n\t\t\t\t\tisSaving={isSaving || savingAndLeaving}\n\t\t\t\t/>\n\n\t\t\t\t<UndoToast />\n\t\t\t</BuilderRoot>\n\t\t</AgentBuilderProvider>\n\t);\n};\n\nAgentBuilder.displayName = 'AgentBuilder';\n"],"names":["StepContent","activeStep","useAgentBuilderContext","Step1About","Step2WhenItStepsIn","Step3HowItResponds","Step4HandoverRules","AgentBuilder","props","config","onChange","onStepChange","onDiscard","onSaveDraft","onPublish","onBack","onTestAgent","onGoToDashboard","onCreateSubAgent","onFetchSubAgent","onUpdateSubAgent","onImproveSubAgent","rest","value","availableTools","availableSubAgents","availableIntents","availableModels","validation","applicationType","isSaving","isPublishing","isLoading","footerHint","disableStepNavigation","debugLog","modalMode","setModalMode","useState","publishingLocal","setPublishingLocal","showLeaveConfirm","setShowLeaveConfirm","savingAndLeaving","setSavingAndLeaving","logAction","useCallback","action","args","handleChange","patch","handleStepChange","step","handleDiscard","handleSaveDraft","handlePublish","handleBack","handleDiscardAndLeave","handleSaveDraftAndLeave","result","handleTestAgent","handleGoToDashboard","handleCreateSubAgent","draft","handleConfirmGoLive","jsx","AgentBuilderProvider","BuilderRoot","AgentBuilderTopBar","Main","Rail","StepRail","Content","Spinner","COLORS","ContentCard","AgentBuilderFooter","GoLiveModal","DiscardModal","UndoToast"],"mappings":"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"}
+{"version":3,"file":"AgentBuilder.js","sources":["../../../../src/components/agent-builder/AgentBuilder.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { Spinner } from '@src/components/spinner';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\tAgentBuilderProps,\n\tAgentValue,\n\tSubAgentDraft,\n} from './AgentBuilder.model';\nimport {\n\tBuilderRoot,\n\tContent,\n\tContentCard,\n\tMain,\n\tRail,\n} from './AgentBuilder.styled';\nimport { AgentBuilderFooter } from './components/AgentBuilderFooter';\nimport { AgentBuilderTopBar } from './components/AgentBuilderTopBar';\nimport { DiscardModal } from './components/DiscardModal';\nimport { GoLiveModal, GoLiveModalMode } from './components/GoLiveModal';\nimport { StepRail } from './components/StepRail';\nimport { UndoToast } from './components/UndoToast';\nimport {\n\tAgentBuilderProvider,\n\tuseAgentBuilderContext,\n} from './context/AgentBuilderContext';\nimport { Step1About } from './steps/Step1About';\nimport { Step2WhenItStepsIn } from './steps/Step2WhenItStepsIn';\nimport { Step3HowItResponds } from './steps/Step3HowItResponds';\nimport { Step4HandoverRules } from './steps/Step4HandoverRules';\n\nconst StepContent: React.FC = () => {\n\tconst { activeStep } = useAgentBuilderContext();\n\tswitch (activeStep) {\n\t\tcase 'about':\n\t\t\treturn <Step1About />;\n\t\tcase 'trigger':\n\t\t\treturn <Step2WhenItStepsIn />;\n\t\tcase 'response':\n\t\t\treturn <Step3HowItResponds />;\n\t\tcase 'handover':\n\t\t\treturn <Step4HandoverRules />;\n\t\tdefault:\n\t\t\treturn null;\n\t}\n};\n\n/**\n * 4-step creation/edit wizard body for an AI agent. Presentational and\n * controlled — the consumer owns the `value`, persistence and routing.\n *\n * @example\n * <AgentBuilder\n *   value={agent}\n *   onChange={(patch) => setAgent({ ...agent, ...patch })}\n *   availableTools={tools}\n *   availableSubAgents={subAgents}\n *   onDiscard={() => router.back()}\n *   onSaveDraft={saveDraft}\n *   onPublish={publish}\n * />\n */\nexport const AgentBuilder: React.FC<AgentBuilderProps> = (props) => {\n\tconst {\n\t\tconfig,\n\t\tonChange,\n\t\tonStepChange,\n\t\tonDiscard,\n\t\tonSaveDraft,\n\t\tonPublish,\n\t\tonBack,\n\t\tonTestAgent,\n\t\tonGoToDashboard,\n\t\tonCreateSubAgent,\n\t\tonFetchSubAgent,\n\t\tonUpdateSubAgent,\n\t\tonImproveSubAgent,\n\t\t...rest\n\t} = props;\n\tconst {\n\t\tvalue,\n\t\tactiveStep,\n\t\tavailableTools,\n\t\tavailableSubAgents,\n\t\tavailableIntents = [],\n\t\tavailableModels = [],\n\t\tvalidation,\n\t\tapplicationType,\n\t\tcharLimits,\n\t\tisSaving,\n\t\tisPublishing,\n\t\tisLoading,\n\t\tfooterHint = 'Changes don’t affect customers until you go live',\n\t\tdisableStepNavigation,\n\t\tdebugLog,\n\t} = config;\n\n\tconst [modalMode, setModalMode] = useState<GoLiveModalMode>(null);\n\tconst [publishingLocal, setPublishingLocal] = useState(false);\n\t// Back was pressed → confirm leaving (save draft / discard) before navigating.\n\tconst [showLeaveConfirm, setShowLeaveConfirm] = useState(false);\n\tconst [savingAndLeaving, setSavingAndLeaving] = useState(false);\n\n\t// Gated debug logging: each handler logs at its start only when `debugLog`.\n\tconst logAction = useCallback(\n\t\t(action: string, ...args: unknown[]) => {\n\t\t\tif (debugLog) {\n\t\t\t\t// eslint-disable-next-line no-console\n\t\t\t\tconsole.log(`[AgentBuilder] ${action}`, ...args);\n\t\t\t}\n\t\t},\n\t\t[debugLog],\n\t);\n\n\tconst handleChange = useCallback(\n\t\t(patch: Partial<AgentValue>) => {\n\t\t\tlogAction('onChange', patch);\n\t\t\tonChange(patch);\n\t\t},\n\t\t[logAction, onChange],\n\t);\n\tconst handleStepChange = useCallback(\n\t\t(step: Parameters<NonNullable<typeof onStepChange>>[0]) => {\n\t\t\tlogAction('onStepChange', step);\n\t\t\tonStepChange?.(step);\n\t\t},\n\t\t[logAction, onStepChange],\n\t);\n\tconst handleDiscard = useCallback(() => {\n\t\tlogAction('onDiscard');\n\t\tonDiscard();\n\t}, [logAction, onDiscard]);\n\tconst handleSaveDraft = useCallback(() => {\n\t\tlogAction('onSaveDraft');\n\t\treturn onSaveDraft();\n\t}, [logAction, onSaveDraft]);\n\tconst handlePublish = useCallback(() => {\n\t\tlogAction('onPublish');\n\t\treturn onPublish();\n\t}, [logAction, onPublish]);\n\t// Back opens the \"Save as draft?\" confirmation rather than leaving directly.\n\tconst handleBack = useCallback(() => {\n\t\tlogAction('onBack');\n\t\tsetShowLeaveConfirm(true);\n\t}, [logAction]);\n\n\t// Modal \"Discard\" defers to the parent's discard handler (same as the top bar).\n\tconst handleDiscardAndLeave = useCallback(() => {\n\t\tlogAction('onDiscardAndLeave');\n\t\tsetShowLeaveConfirm(false);\n\t\tonDiscard();\n\t}, [logAction, onDiscard]);\n\n\tconst handleSaveDraftAndLeave = useCallback(async () => {\n\t\tlogAction('onSaveDraftAndLeave');\n\t\tconst result = onSaveDraft();\n\t\tif (result && typeof (result as Promise<void>).then === 'function') {\n\t\t\tsetSavingAndLeaving(true);\n\t\t\ttry {\n\t\t\t\tawait result;\n\t\t\t} finally {\n\t\t\t\tsetSavingAndLeaving(false);\n\t\t\t}\n\t\t}\n\t\tsetShowLeaveConfirm(false);\n\t\tonBack?.();\n\t}, [logAction, onSaveDraft, onBack]);\n\tconst handleTestAgent = useCallback(() => {\n\t\tlogAction('onTestAgent');\n\t\tonTestAgent?.();\n\t}, [logAction, onTestAgent]);\n\tconst handleGoToDashboard = useCallback(() => {\n\t\tlogAction('onGoToDashboard');\n\t\tonGoToDashboard?.();\n\t}, [logAction, onGoToDashboard]);\n\tconst handleCreateSubAgent = useCallback(\n\t\t(draft: SubAgentDraft) => {\n\t\t\tlogAction('onCreateSubAgent', draft);\n\t\t\treturn onCreateSubAgent\n\t\t\t\t? onCreateSubAgent(draft)\n\t\t\t\t: Promise.reject(new Error('onCreateSubAgent not provided'));\n\t\t},\n\t\t[logAction, onCreateSubAgent],\n\t);\n\n\tconst handleConfirmGoLive = async () => {\n\t\tlogAction('onGoLiveConfirm');\n\t\tconst result = handlePublish();\n\t\tif (result && typeof (result as Promise<void>).then === 'function') {\n\t\t\tsetPublishingLocal(true);\n\t\t\ttry {\n\t\t\t\tawait result;\n\t\t\t\tsetModalMode('success');\n\t\t\t} finally {\n\t\t\t\tsetPublishingLocal(false);\n\t\t\t}\n\t\t} else {\n\t\t\tsetModalMode('success');\n\t\t}\n\t};\n\n\treturn (\n\t\t<AgentBuilderProvider\n\t\t\tvalue={value}\n\t\t\tonChange={handleChange}\n\t\t\tactiveStep={activeStep}\n\t\t\tonStepChange={onStepChange ? handleStepChange : undefined}\n\t\t\tavailableTools={availableTools}\n\t\t\tavailableSubAgents={availableSubAgents}\n\t\t\tavailableIntents={availableIntents}\n\t\t\tavailableModels={availableModels}\n\t\t\tvalidation={validation}\n\t\t\tapplicationType={applicationType}\n\t\t\tcharLimits={charLimits}\n\t\t\tdisableStepNavigation={disableStepNavigation}\n\t\t\tonCreateSubAgent={onCreateSubAgent ? handleCreateSubAgent : undefined}\n\t\t\tonFetchSubAgent={onFetchSubAgent}\n\t\t\tonUpdateSubAgent={onUpdateSubAgent}\n\t\t\tonImproveSubAgent={onImproveSubAgent}\n\t\t>\n\t\t\t<BuilderRoot data-test={rest['data-test'] ?? 'agent-builder'}>\n\t\t\t\t<AgentBuilderTopBar\n\t\t\t\t\tname={value.name}\n\t\t\t\t\tstatus={value.status}\n\t\t\t\t\tonBack={onBack ? handleBack : undefined}\n\t\t\t\t\tonDiscard={handleDiscard}\n\t\t\t\t\tonSaveDraft={handleSaveDraftAndLeave}\n\t\t\t\t\tisSaving={isSaving || savingAndLeaving}\n\t\t\t\t/>\n\n\t\t\t\t<Main>\n\t\t\t\t\t<Rail>\n\t\t\t\t\t\t<StepRail />\n\t\t\t\t\t</Rail>\n\t\t\t\t\t<Content>\n\t\t\t\t\t\t{isLoading ? (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\theight: '100%',\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\t<Spinner size=\"large\" color={COLORS.stroke.brand} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<ContentCard>\n\t\t\t\t\t\t\t\t<StepContent />\n\t\t\t\t\t\t\t</ContentCard>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Content>\n\t\t\t\t</Main>\n\n\t\t\t\t<AgentBuilderFooter\n\t\t\t\t\tfooterHint={footerHint}\n\t\t\t\t\tonTestAgent={onTestAgent ? handleTestAgent : undefined}\n\t\t\t\t\tonGoLive={() => {\n\t\t\t\t\t\tlogAction('onGoLive');\n\t\t\t\t\t\tsetModalMode('confirm');\n\t\t\t\t\t}}\n\t\t\t\t\tisPublishing={isPublishing || publishingLocal}\n\t\t\t\t/>\n\n\t\t\t\t<GoLiveModal\n\t\t\t\t\tmode={modalMode}\n\t\t\t\t\tonClose={() => setModalMode(null)}\n\t\t\t\t\tonConfirm={handleConfirmGoLive}\n\t\t\t\t\tonSaveDraft={() => {\n\t\t\t\t\t\tsetModalMode(null);\n\t\t\t\t\t\thandleSaveDraft();\n\t\t\t\t\t}}\n\t\t\t\t\tonGoToDashboard={onGoToDashboard ? handleGoToDashboard : undefined}\n\t\t\t\t\tisPublishing={isPublishing || publishingLocal}\n\t\t\t\t/>\n\n\t\t\t\t<DiscardModal\n\t\t\t\t\topen={showLeaveConfirm}\n\t\t\t\t\tonClose={() => setShowLeaveConfirm(false)}\n\t\t\t\t\tonDiscard={handleDiscardAndLeave}\n\t\t\t\t\tonSaveDraft={handleSaveDraftAndLeave}\n\t\t\t\t\tisSaving={isSaving || savingAndLeaving}\n\t\t\t\t/>\n\n\t\t\t\t<UndoToast />\n\t\t\t</BuilderRoot>\n\t\t</AgentBuilderProvider>\n\t);\n};\n\nAgentBuilder.displayName = 'AgentBuilder';\n"],"names":["StepContent","activeStep","useAgentBuilderContext","Step1About","Step2WhenItStepsIn","Step3HowItResponds","Step4HandoverRules","AgentBuilder","props","config","onChange","onStepChange","onDiscard","onSaveDraft","onPublish","onBack","onTestAgent","onGoToDashboard","onCreateSubAgent","onFetchSubAgent","onUpdateSubAgent","onImproveSubAgent","rest","value","availableTools","availableSubAgents","availableIntents","availableModels","validation","applicationType","charLimits","isSaving","isPublishing","isLoading","footerHint","disableStepNavigation","debugLog","modalMode","setModalMode","useState","publishingLocal","setPublishingLocal","showLeaveConfirm","setShowLeaveConfirm","savingAndLeaving","setSavingAndLeaving","logAction","useCallback","action","args","handleChange","patch","handleStepChange","step","handleDiscard","handleSaveDraft","handlePublish","handleBack","handleDiscardAndLeave","handleSaveDraftAndLeave","result","handleTestAgent","handleGoToDashboard","handleCreateSubAgent","draft","handleConfirmGoLive","jsx","AgentBuilderProvider","BuilderRoot","AgentBuilderTopBar","Main","Rail","StepRail","Content","Spinner","COLORS","ContentCard","AgentBuilderFooter","GoLiveModal","DiscardModal","UndoToast"],"mappings":"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"}

package/dist/cjs/components/agent-builder/AgentBuilder.styled.js

@@ -1,4 +1,19 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),t=require("../../constants/Theme.js"),n=a=>a&&typeof a=="object"&&"default"in a?a:{default:a},e=n(i),o=e.default.div.attrs({className:"bik-builder-root"})`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("styled-components"),t=require("../../constants/Theme.js"),o=a=>a&&typeof a=="object"&&"default"in a?a:{default:a},e=o(n),i=n.css`
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 24px;
+	height: 24px;
+	border: none;
+	background: transparent;
+	padding: 0;
+	cursor: pointer;
+	border-radius: 4px;
+
+	&:hover {
+		background: ${t.COLORS.surface.subdued};
+	}
+`,s=e.default.div.attrs({className:"bik-builder-root"})`
 	display: flex;
 	flex-direction: column;
 	height: 100%;
@@ -13,11 +28,11 @@
 	padding: 12px 16px;
 	border-bottom: 1px solid ${t.COLORS.stroke.primary};
 	flex-shrink: 0;
-`,s=e.default.div.attrs({className:"bik-top-bar-side"})`
+`,d=e.default.div.attrs({className:"bik-top-bar-side"})`
 	display: flex;
 	align-items: center;
 	gap: 12px;
-`,d=e.default.button.attrs({className:"bik-back-button"})`
+`,l=e.default.button.attrs({className:"bik-back-button"})`
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -32,30 +47,30 @@
 	&:hover {
 		background: ${t.COLORS.surface.subdued};
 	}
-`,l=e.default.div.attrs({className:"bik-main"})`
+`,c=e.default.div.attrs({className:"bik-main"})`
 	display: flex;
 	flex: 1;
 	min-height: 0;
-`,c=e.default.div.attrs({className:"bik-rail"})`
+`,p=e.default.div.attrs({className:"bik-rail"})`
 	width: 234px;
 	flex-shrink: 0;
 	border-right: 1px solid ${t.COLORS.stroke.primary};
 	padding: 16px;
 	overflow-y: auto;
 	background: ${t.COLORS.surface.standard};
-`,p=e.default.div.attrs({className:"bik-content"})`
+`,u=e.default.div.attrs({className:"bik-content"})`
 	flex: 1;
 	min-width: 0;
 	overflow-y: auto;
 	padding: 16px;
 	background: ${t.COLORS.surface.standard};
-`,u=e.default.div.attrs({className:"bik-content-card"})`
+`,x=e.default.div.attrs({className:"bik-content-card"})`
 	border: 1px solid ${t.COLORS.stroke.primary};
 	border-radius: 8px;
 	padding: 24px;
 	min-height: 100%;
 	box-sizing: border-box;
-`,x=e.default.div.attrs({className:"bik-footer"})`
+`,b=e.default.div.attrs({className:"bik-footer"})`
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
@@ -63,18 +78,18 @@
 	padding: 12px 16px;
 	border-top: 1px solid ${t.COLORS.stroke.primary};
 	flex-shrink: 0;
-`,b=e.default.div.attrs({className:"bik-footer-hint"})`
+`,f=e.default.div.attrs({className:"bik-footer-hint"})`
 	display: flex;
 	align-items: center;
 	gap: 6px;
-`,f=e.default.div.attrs({className:"bik-footer-actions"})`
+`,g=e.default.div.attrs({className:"bik-footer-actions"})`
 	display: flex;
 	align-items: center;
 	gap: 8px;
-`,g=e.default.div.attrs({className:"bik-rail-list"})`
+`,m=e.default.div.attrs({className:"bik-rail-list"})`
 	display: flex;
 	flex-direction: column;
-`,m=e.default.button.attrs({className:"bik-rail-item"})`
+`,h=e.default.button.attrs({className:"bik-rail-item"})`
 	position: relative;
 	display: flex;
 	align-items: flex-start;
@@ -106,7 +121,7 @@
 		border-left: 1px dashed #e0e0e0;
 		pointer-events: none;
 	}
-`,h=e.default.div.attrs({className:"bik-step-badge"})`
+`,k=e.default.div.attrs({className:"bik-step-badge"})`
 	width: 20px;
 	height: 20px;
 	flex-shrink: 0;
@@ -119,21 +134,21 @@
 	font-weight: 600;
 	background: ${a=>a.state==="complete"?t.COLORS.content.brand:a.state==="active"?t.COLORS.background.brandTint:"#F0F0F0"};
 	color: ${a=>a.state==="complete"?t.COLORS.content.primaryInverse:a.state==="active"?t.COLORS.content.brand:t.COLORS.content.placeholder};
-`,k=e.default.div.attrs({className:"bik-section-header-wrap"})`
+`,y=e.default.div.attrs({className:"bik-section-header-wrap"})`
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 	margin-bottom: 20px;
-`,y=e.default.div.attrs({className:"bik-field-block"})`
+`,S=e.default.div.attrs({className:"bik-field-block"})`
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
 	margin-bottom: 20px;
-`,S=e.default.div.attrs({className:"bik-field-label-row"})`
+`,O=e.default.div.attrs({className:"bik-field-label-row"})`
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
-`,O=e.default.div.attrs({className:"bik-ai-text-area-shell"})`
+`,w=e.default.div.attrs({className:"bik-ai-text-area-shell"})`
 	display: flex;
 	flex-direction: column;
 	border: 1px solid
@@ -143,7 +158,7 @@
 	gap: 8px;
 	min-height: ${a=>a.minHeight??"120px"};
 	background: ${t.COLORS.surface.standard};
-`,w=e.default.textarea.attrs({className:"bik-ai-text-area-input"})`
+`,v=e.default.textarea.attrs({className:"bik-ai-text-area-input"})`
 	flex: 1;
 	border: none;
 	outline: none;
@@ -158,11 +173,11 @@
 	&::placeholder {
 		color: ${t.COLORS.content.placeholder};
 	}
-`,v=e.default.div.attrs({className:"bik-card-row"})`
+`,R=e.default.div.attrs({className:"bik-card-row"})`
 	display: flex;
 	gap: 12px;
 	margin-bottom: 16px;
-`,R=e.default.button.attrs({className:"bik-radio-card"})`
+`,C=e.default.button.attrs({className:"bik-radio-card"})`
 	flex: 1;
 	display: flex;
 	align-items: flex-start;
@@ -175,16 +190,16 @@
 	cursor: pointer;
 	text-align: left;
 	width: 100%;
-`,C=e.default.div.attrs({className:"bik-radio-card-text"})`
+`,N=e.default.div.attrs({className:"bik-radio-card-text"})`
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
-`,N=e.default.div.attrs({className:"bik-chip-wrap"})`
+`,L=e.default.div.attrs({className:"bik-chip-wrap"})`
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
 	gap: 8px;
-`,L=e.default.div.attrs({className:"bik-intent-chip"})`
+`,A=e.default.div.attrs({className:"bik-intent-chip"})`
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -192,7 +207,7 @@
 	border: 1px solid ${t.COLORS.stroke.primary};
 	border-radius: 4px;
 	background: ${t.COLORS.surface.standard};
-`,A=e.default.button.attrs({className:"bik-chip-close-button"})`
+`,B=e.default.button.attrs({className:"bik-chip-close-button"})`
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -200,7 +215,7 @@
 	background: transparent;
 	padding: 0;
 	cursor: pointer;
-`,B=e.default.button.attrs({className:"bik-add-chip-button"})`
+`,$=e.default.button.attrs({className:"bik-add-chip-button"})`
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -209,7 +224,7 @@
 	border-radius: 4px;
 	background: transparent;
 	cursor: pointer;
-`,$=e.default.div.attrs({className:"bik-step3-grid"})`
+`,T=e.default.div.attrs({className:"bik-step3-grid"})`
 	display: grid;
 	grid-template-columns: minmax(0, 1fr) 300px;
 	gap: 24px;
@@ -217,40 +232,27 @@
 	@media (max-width: 1100px) {
 		grid-template-columns: 1fr;
 	}
-`,T=e.default.div.attrs({className:"bik-step3-main"})`
+`,F=e.default.div.attrs({className:"bik-step3-main"})`
 	display: flex;
 	flex-direction: column;
 `,j=e.default.div.attrs({className:"bik-step3-side"})`
 	display: flex;
 	flex-direction: column;
 	gap: 24px;
-`,F=e.default.div.attrs({className:"bik-side-section"})`
+`,I=e.default.div.attrs({className:"bik-side-section"})`
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
-`,I=e.default.div.attrs({className:"bik-side-section-header"})`
+`,M=e.default.div.attrs({className:"bik-side-section-header"})`
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
-`,M=e.default.button.attrs({className:"bik-add-icon-button"})`
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	width: 24px;
-	height: 24px;
-	border: none;
-	background: transparent;
-	padding: 0;
-	cursor: pointer;
-	border-radius: 4px;
-
-	&:hover {
-		background: ${t.COLORS.surface.subdued};
-	}
-`,H=e.default.div.attrs({className:"bik-source-button-row"})`
+`,H=e.default.button.attrs({className:"bik-add-icon-button"})`
+	${i}
+`,P=e.default.div.attrs({className:"bik-source-button-row"})`
 	display: flex;
 	gap: 8px;
-`,P=e.default.button.attrs({className:"bik-source-button"})`
+`,z=e.default.button.attrs({className:"bik-source-button"})`
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -264,7 +266,7 @@
 	&:hover {
 		background: ${t.COLORS.surface.subdued};
 	}
-`,z=e.default.div.attrs({className:"bik-selectable-row"})`
+`,D=e.default.div.attrs({className:"bik-selectable-row"})`
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -279,7 +281,7 @@
 	& > svg {
 		flex-shrink: 0;
 	}
-`,D=e.default.div.attrs({className:"bik-row-text"})`
+`,W=e.default.div.attrs({className:"bik-row-text"})`
 	flex: 1;
 	min-width: 0;
 	overflow: hidden;
@@ -299,53 +301,40 @@
 	background: transparent;
 	padding: 0;
 	cursor: pointer;
-`;const W=e.default.div.attrs({className:"bik-row-actions"})`
+`;const _=e.default.div.attrs({className:"bik-row-actions"})`
 	display: flex;
 	align-items: center;
 	gap: 4px;
 	flex-shrink: 0;
-`,_=e.default.span.attrs({className:"bik-row-action-divider"})`
+`,q=e.default.span.attrs({className:"bik-row-action-divider"})`
 	width: 1px;
 	align-self: stretch;
 	margin: 4px 0;
 	background: ${t.COLORS.stroke.primary};
-`,q=e.default.button.attrs({className:"bik-row-menu-button"})`
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	width: 24px;
-	height: 24px;
-	border: none;
-	background: transparent;
-	padding: 0;
-	cursor: pointer;
-	border-radius: 4px;
-
-	&:hover {
-		background: ${t.COLORS.surface.subdued};
-	}
-`,G=e.default.div.attrs({className:"bik-modal-body"})`
+`,G=e.default.button.attrs({className:"bik-row-menu-button"})`
+	${i}
+`,E=e.default.div.attrs({className:"bik-modal-body"})`
 	padding: 24px;
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	gap: 16px;
 	text-align: center;
-`,E=e.default.div.attrs({className:"bik-modal-icon"})`
+`,J=e.default.div.attrs({className:"bik-modal-icon"})`
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	margin-bottom: 4px;
-`,J=e.default.div.attrs({className:"bik-modal-actions"})`
+`,K=e.default.div.attrs({className:"bik-modal-actions"})`
 	display: flex;
 	gap: 12px;
 	width: 100%;
-`,K=e.default.div.attrs({className:"bik-subagent-scrim"})`
+`,Q=e.default.div.attrs({className:"bik-subagent-scrim"})`
 	position: fixed;
 	inset: 0;
 	background: rgba(0, 0, 0, 0.32);
 	z-index: 1000;
-`,Q=e.default.div.attrs({className:"bik-subagent-panel"})`
+`,U=e.default.div.attrs({className:"bik-subagent-panel"})`
 	position: fixed;
 	top: 0;
 	right: 0;
@@ -358,7 +347,7 @@
 	box-shadow: -8px 0 24px rgba(0, 0, 0, 0.12);
 	z-index: 1001;
 	box-sizing: border-box;
-`,U=e.default.div.attrs({className:"bik-subagent-panel-header"})`
+`,V=e.default.div.attrs({className:"bik-subagent-panel-header"})`
 	display: flex;
 	align-items: flex-start;
 	justify-content: space-between;
@@ -366,12 +355,12 @@
 	padding: 16px;
 	border-bottom: 1px solid ${t.COLORS.stroke.primary};
 	flex-shrink: 0;
-`,V=e.default.div.attrs({className:"bik-subagent-panel-header-text"})`
+`,X=e.default.div.attrs({className:"bik-subagent-panel-header-text"})`
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 	min-width: 0;
-`,X=e.default.div.attrs({className:"bik-subagent-panel-body"})`
+`,Y=e.default.div.attrs({className:"bik-subagent-panel-body"})`
 	flex: 1;
 	min-height: 0;
 	overflow-y: auto;
@@ -379,7 +368,7 @@
 	display: flex;
 	flex-direction: column;
 	gap: 20px;
-`,Y=e.default.div.attrs({className:"bik-subagent-panel-footer"})`
+`,Z=e.default.div.attrs({className:"bik-subagent-panel-footer"})`
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -387,25 +376,12 @@
 	min-height: 48px;
 	border-top: 1px solid ${t.COLORS.stroke.primary};
 	flex-shrink: 0;
-`,Z=e.default.button.attrs({className:"bik-subagent-close"})`
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	width: 24px;
-	height: 24px;
-	border: none;
-	background: transparent;
-	padding: 0;
-	cursor: pointer;
-	border-radius: 4px;
+`,ee=e.default.button.attrs({className:"bik-subagent-close"})`
+	${i}
 	flex-shrink: 0;
-
-	&:hover {
-		background: ${t.COLORS.surface.subdued};
-	}
 `;e.default.div.attrs({className:"bik-field-action-row"})`
 	display: flex;
 	align-items: center;
 	gap: 8px;
-`;exports.AddChipButton=B;exports.AddIconButton=M;exports.AiTextAreaInput=w;exports.AiTextAreaShell=O;exports.BackButton=d;exports.BuilderRoot=o;exports.CardRow=v;exports.ChipCloseButton=A;exports.ChipWrap=N;exports.Content=p;exports.ContentCard=u;exports.FieldBlock=y;exports.FieldLabelRow=S;exports.Footer=x;exports.FooterActions=f;exports.FooterHint=b;exports.IntentChip=L;exports.Main=l;exports.ModalActions=J;exports.ModalBody=G;exports.ModalIcon=E;exports.RadioCard=R;exports.RadioCardText=C;exports.Rail=c;exports.RailItem=m;exports.RailList=g;exports.RowActionDivider=_;exports.RowActions=W;exports.RowMenuButton=q;exports.RowText=D;exports.SectionHeaderWrap=k;exports.SelectableRow=z;exports.SideSection=F;exports.SideSectionHeader=I;exports.SourceButton=P;exports.SourceButtonRow=H;exports.Step3Grid=$;exports.Step3Main=T;exports.Step3Side=j;exports.StepBadge=h;exports.SubAgentCloseButton=Z;exports.SubAgentPanel=Q;exports.SubAgentPanelBody=X;exports.SubAgentPanelFooter=Y;exports.SubAgentPanelHeader=U;exports.SubAgentPanelHeaderText=V;exports.SubAgentScrim=K;exports.TopBar=r;exports.TopBarSide=s;
+`;exports.AddChipButton=$;exports.AddIconButton=H;exports.AiTextAreaInput=v;exports.AiTextAreaShell=w;exports.BackButton=l;exports.BuilderRoot=s;exports.CardRow=R;exports.ChipCloseButton=B;exports.ChipWrap=L;exports.Content=u;exports.ContentCard=x;exports.FieldBlock=S;exports.FieldLabelRow=O;exports.Footer=b;exports.FooterActions=g;exports.FooterHint=f;exports.IntentChip=A;exports.Main=c;exports.ModalActions=K;exports.ModalBody=E;exports.ModalIcon=J;exports.RadioCard=C;exports.RadioCardText=N;exports.Rail=p;exports.RailItem=h;exports.RailList=m;exports.RowActionDivider=q;exports.RowActions=_;exports.RowMenuButton=G;exports.RowText=W;exports.SectionHeaderWrap=y;exports.SelectableRow=D;exports.SideSection=I;exports.SideSectionHeader=M;exports.SourceButton=z;exports.SourceButtonRow=P;exports.Step3Grid=T;exports.Step3Main=F;exports.Step3Side=j;exports.StepBadge=k;exports.SubAgentCloseButton=ee;exports.SubAgentPanel=U;exports.SubAgentPanelBody=Y;exports.SubAgentPanelFooter=Z;exports.SubAgentPanelHeader=V;exports.SubAgentPanelHeaderText=X;exports.SubAgentScrim=Q;exports.TopBar=r;exports.TopBarSide=d;
 //# sourceMappingURL=AgentBuilder.styled.js.map

package/dist/cjs/components/agent-builder/AgentBuilder.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"AgentBuilder.styled.js","sources":["../../../../src/components/agent-builder/AgentBuilder.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const BuilderRoot = styled.div.attrs({ className: 'bik-builder-root' })`\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n\twidth: 100%;\n\tmin-height: 0;\n\tbackground: ${COLORS.surface.standard};\n`;\n\nexport const TopBar = styled.div.attrs({ className: 'bik-top-bar' })`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\theight: 56px;\n\tpadding: 12px 16px;\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n\tflex-shrink: 0;\n`;\n\nexport const TopBarSide = styled.div.attrs({ className: 'bik-top-bar-side' })`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 12px;\n`;\n\nexport const BackButton = styled.button.attrs({ className: 'bik-back-button' })`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 28px;\n\theight: 28px;\n\tborder: none;\n\tbackground: transparent;\n\tpadding: 0;\n\tcursor: pointer;\n\tborder-radius: 4px;\n\n\t&:hover {\n\t\tbackground: ${COLORS.surface.subdued};\n\t}\n`;\n\nexport const Main = styled.div.attrs({ className: 'bik-main' })`\n\tdisplay: flex;\n\tflex: 1;\n\tmin-height: 0;\n`;\n\nexport const Rail = styled.div.attrs({ className: 'bik-rail' })`\n\twidth: 234px;\n\tflex-shrink: 0;\n\tborder-right: 1px solid ${COLORS.stroke.primary};\n\tpadding: 16px;\n\toverflow-y: auto;\n\tbackground: ${COLORS.surface.standard};\n`;\n\nexport const Content = styled.div.attrs({ className: 'bik-content' })`\n\tflex: 1;\n\tmin-width: 0;\n\toverflow-y: auto;\n\tpadding: 16px;\n\tbackground: ${COLORS.surface.standard};\n`;\n\nexport const ContentCard = styled.div.attrs({ className: 'bik-content-card' })`\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 8px;\n\tpadding: 24px;\n\tmin-height: 100%;\n\tbox-sizing: border-box;\n`;\n\nexport const Footer = styled.div.attrs({ className: 'bik-footer' })`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tmin-height: 56px;\n\tpadding: 12px 16px;\n\tborder-top: 1px solid ${COLORS.stroke.primary};\n\tflex-shrink: 0;\n`;\n\nexport const FooterHint = styled.div.attrs({ className: 'bik-footer-hint' })`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 6px;\n`;\n\nexport const FooterActions = styled.div.attrs({\n\tclassName: 'bik-footer-actions',\n})`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n`;\n\n// ── Step rail items ─────────────────────────────────────────────────────────\n\nexport const RailList = styled.div.attrs({ className: 'bik-rail-list' })`\n\tdisplay: flex;\n\tflex-direction: column;\n`;\n\nexport const RailItem = styled.button.attrs({ className: 'bik-rail-item' })`\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: flex-start;\n\tgap: 8px;\n\t/* Bottom padding leaves room for the connector down to the next badge. */\n\tpadding: 0 0 24px;\n\tborder: none;\n\tbackground: transparent;\n\tcursor: pointer;\n\ttext-align: left;\n\twidth: 100%;\n\n\t&:last-child {\n\t\tpadding-bottom: 0;\n\t}\n\n\t&:disabled {\n\t\tcursor: default;\n\t}\n\n\t/* Dashed connector line between consecutive step badges (centered on the badge). */\n\t&:not(:last-child)::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tleft: 9px;\n\t\ttop: 20px;\n\t\twidth: 0;\n\t\theight: 24px;\n\t\tborder-left: 1px dashed #e0e0e0;\n\t\tpointer-events: none;\n\t}\n`;\n\nexport const StepBadge = styled.div.attrs({ className: 'bik-step-badge' })<{\n\tstate: 'active' | 'complete' | 'inactive';\n}>`\n\twidth: 20px;\n\theight: 20px;\n\tflex-shrink: 0;\n\tborder-radius: 50%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tfont-family: Inter;\n\tfont-size: 12px;\n\tfont-weight: 600;\n\tbackground: ${(p) =>\n\t\tp.state === 'complete'\n\t\t\t? COLORS.content.brand\n\t\t\t: p.state === 'active'\n\t\t\t? COLORS.background.brandTint\n\t\t\t: '#F0F0F0'};\n\tcolor: ${(p) =>\n\t\tp.state === 'complete'\n\t\t\t? COLORS.content.primaryInverse\n\t\t\t: p.state === 'active'\n\t\t\t? COLORS.content.brand\n\t\t\t: COLORS.content.placeholder};\n`;\n\n// ── Shared step pieces ──────────────────────────────────────────────────────\n\nexport const SectionHeaderWrap = styled.div.attrs({\n\tclassName: 'bik-section-header-wrap',\n})`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 4px;\n\tmargin-bottom: 20px;\n`;\n\nexport const FieldBlock = styled.div.attrs({ className: 'bik-field-block' })`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n\tmargin-bottom: 20px;\n`;\n\nexport const FieldLabelRow = styled.div.attrs({\n\tclassName: 'bik-field-label-row',\n})`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n`;\n\n// ── Labelled text area ──────────────────────────────────────────────────────\n\nexport const AiTextAreaShell = styled.div.attrs({\n\tclassName: 'bik-ai-text-area-shell',\n})<{\n\tfocused?: boolean;\n\tminHeight?: string;\n}>`\n\tdisplay: flex;\n\tflex-direction: column;\n\tborder: 1px solid\n\t\t${(p) => (p.focused ? COLORS.stroke.brand : COLORS.stroke.primary)};\n\tborder-radius: 4px;\n\tpadding: 8px 12px;\n\tgap: 8px;\n\tmin-height: ${(p) => p.minHeight ?? '120px'};\n\tbackground: ${COLORS.surface.standard};\n`;\n\nexport const AiTextAreaInput = styled.textarea.attrs({\n\tclassName: 'bik-ai-text-area-input',\n})`\n\tflex: 1;\n\tborder: none;\n\toutline: none;\n\tresize: none;\n\tfont-family: Inter;\n\tfont-size: 14px;\n\tline-height: 20px;\n\tcolor: ${COLORS.content.primary};\n\tbackground: transparent;\n\tmin-height: 60px;\n\n\t&::placeholder {\n\t\tcolor: ${COLORS.content.placeholder};\n\t}\n`;\n\n// ── Radio card (Step 2 / Step 4 option cards) ───────────────────────────────\n\nexport const CardRow = styled.div.attrs({ className: 'bik-card-row' })`\n\tdisplay: flex;\n\tgap: 12px;\n\tmargin-bottom: 16px;\n`;\n\nexport const RadioCard = styled.button.attrs({ className: 'bik-radio-card' })<{\n\tselected?: boolean;\n}>`\n\tflex: 1;\n\tdisplay: flex;\n\talign-items: flex-start;\n\tgap: 12px;\n\tpadding: 16px;\n\tborder: 1px solid\n\t\t${(p) => (p.selected ? COLORS.stroke.brand : COLORS.stroke.primary)};\n\tbackground: ${(p) =>\n\t\tp.selected ? COLORS.background.brandLight : COLORS.surface.standard};\n\tborder-radius: 8px;\n\tcursor: pointer;\n\ttext-align: left;\n\twidth: 100%;\n`;\n\nexport const RadioCardText = styled.div.attrs({\n\tclassName: 'bik-radio-card-text',\n})`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 4px;\n`;\n\n// ── Intent chips (Step 2) ───────────────────────────────────────────────────\n\nexport const ChipWrap = styled.div.attrs({ className: 'bik-chip-wrap' })`\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: center;\n\tgap: 8px;\n`;\n\nexport const IntentChip = styled.div.attrs({ className: 'bik-intent-chip' })`\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 6px;\n\tpadding: 4px 8px;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n\tbackground: ${COLORS.surface.standard};\n`;\n\nexport const ChipCloseButton = styled.button.attrs({\n\tclassName: 'bik-chip-close-button',\n})`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder: none;\n\tbackground: transparent;\n\tpadding: 0;\n\tcursor: pointer;\n`;\n\nexport const AddChipButton = styled.button.attrs({\n\tclassName: 'bik-add-chip-button',\n})`\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 6px;\n\tpadding: 4px 8px;\n\tborder: 1px dashed ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n\tbackground: transparent;\n\tcursor: pointer;\n`;\n\n// ── Step 3 two-column layout + tool / sub-agent rows ────────────────────────\n\nexport const Step3Grid = styled.div.attrs({ className: 'bik-step3-grid' })`\n\tdisplay: grid;\n\tgrid-template-columns: minmax(0, 1fr) 300px;\n\tgap: 24px;\n\n\t@media (max-width: 1100px) {\n\t\tgrid-template-columns: 1fr;\n\t}\n`;\n\nexport const Step3Main = styled.div.attrs({ className: 'bik-step3-main' })`\n\tdisplay: flex;\n\tflex-direction: column;\n`;\n\nexport const Step3Side = styled.div.attrs({ className: 'bik-step3-side' })`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 24px;\n`;\n\nexport const SideSection = styled.div.attrs({ className: 'bik-side-section' })`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n`;\n\nexport const SideSectionHeader = styled.div.attrs({\n\tclassName: 'bik-side-section-header',\n})`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n`;\n\nexport const AddIconButton = styled.button.attrs({\n\tclassName: 'bik-add-icon-button',\n})`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 24px;\n\theight: 24px;\n\tborder: none;\n\tbackground: transparent;\n\tpadding: 0;\n\tcursor: pointer;\n\tborder-radius: 4px;\n\n\t&:hover {\n\t\tbackground: ${COLORS.surface.subdued};\n\t}\n`;\n\n// Empty-state tool-source picker (e.g. Manifest / Shopify buttons).\nexport const SourceButtonRow = styled.div.attrs({\n\tclassName: 'bik-source-button-row',\n})`\n\tdisplay: flex;\n\tgap: 8px;\n`;\n\nexport const SourceButton = styled.button.attrs({\n\tclassName: 'bik-source-button',\n})`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tpadding: 6px;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n\tbackground: ${COLORS.surface.standard};\n\tcursor: pointer;\n\theight: 28px;\n\n\t&:hover {\n\t\tbackground: ${COLORS.surface.subdued};\n\t}\n`;\n\nexport const SelectableRow = styled.div.attrs({\n\tclassName: 'bik-selectable-row',\n})`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tpadding: 8px 12px;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n\theight: 40px;\n\tmin-width: 0;\n\toverflow: hidden;\n\n\t/* Leading icon (e.g. tool source) keeps its size; the label takes the rest. */\n\t& > svg {\n\t\tflex-shrink: 0;\n\t}\n`;\n\nexport const RowText = styled.div.attrs({ className: 'bik-row-text' })`\n\tflex: 1;\n\tmin-width: 0;\n\toverflow: hidden;\n\n\t/* Truncate the label to one line with an ellipsis. */\n\t& > * {\n\t\tdisplay: block;\n\t\toverflow: hidden;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t}\n`;\n\nexport const RowRemoveButton = styled.button.attrs({\n\tclassName: 'bik-row-remove-button',\n})`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder: none;\n\tbackground: transparent;\n\tpadding: 0;\n\tcursor: pointer;\n`;\n\n// ── Per-row actions (always-visible edit / delete icon buttons) ───────────────\n\nexport const RowActions = styled.div.attrs({ className: 'bik-row-actions' })`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 4px;\n\tflex-shrink: 0;\n`;\n\n// Vertical separator between the edit and delete icon buttons.\nexport const RowActionDivider = styled.span.attrs({\n\tclassName: 'bik-row-action-divider',\n})`\n\twidth: 1px;\n\talign-self: stretch;\n\tmargin: 4px 0;\n\tbackground: ${COLORS.stroke.primary};\n`;\n\nexport const RowMenuButton = styled.button.attrs({\n\tclassName: 'bik-row-menu-button',\n})`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 24px;\n\theight: 24px;\n\tborder: none;\n\tbackground: transparent;\n\tpadding: 0;\n\tcursor: pointer;\n\tborder-radius: 4px;\n\n\t&:hover {\n\t\tbackground: ${COLORS.surface.subdued};\n\t}\n`;\n\n// ── Go-live modal ───────────────────────────────────────────────────────────\n\nexport const ModalBody = styled.div.attrs({ className: 'bik-modal-body' })`\n\tpadding: 24px;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tgap: 16px;\n\ttext-align: center;\n`;\n\nexport const ModalIcon = styled.div.attrs({ className: 'bik-modal-icon' })`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmargin-bottom: 4px;\n`;\n\nexport const ModalActions = styled.div.attrs({\n\tclassName: 'bik-modal-actions',\n})`\n\tdisplay: flex;\n\tgap: 12px;\n\twidth: 100%;\n`;\n\n// ── Create sub-agent drawer ─────────────────────────────────────────────────\n\nexport const SubAgentScrim = styled.div.attrs({\n\tclassName: 'bik-subagent-scrim',\n})`\n\tposition: fixed;\n\tinset: 0;\n\tbackground: rgba(0, 0, 0, 0.32);\n\tz-index: 1000;\n`;\n\nexport const SubAgentPanel = styled.div.attrs({\n\tclassName: 'bik-subagent-panel',\n})`\n\tposition: fixed;\n\ttop: 0;\n\tright: 0;\n\theight: 100%;\n\twidth: 421px;\n\tmax-width: 100%;\n\tdisplay: flex;\n\tflex-direction: column;\n\tbackground: ${COLORS.surface.standard};\n\tbox-shadow: -8px 0 24px rgba(0, 0, 0, 0.12);\n\tz-index: 1001;\n\tbox-sizing: border-box;\n`;\n\nexport const SubAgentPanelHeader = styled.div.attrs({\n\tclassName: 'bik-subagent-panel-header',\n})`\n\tdisplay: flex;\n\talign-items: flex-start;\n\tjustify-content: space-between;\n\tgap: 12px;\n\tpadding: 16px;\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n\tflex-shrink: 0;\n`;\n\nexport const SubAgentPanelHeaderText = styled.div.attrs({\n\tclassName: 'bik-subagent-panel-header-text',\n})`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 4px;\n\tmin-width: 0;\n`;\n\nexport const SubAgentPanelBody = styled.div.attrs({\n\tclassName: 'bik-subagent-panel-body',\n})`\n\tflex: 1;\n\tmin-height: 0;\n\toverflow-y: auto;\n\tpadding: 16px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 20px;\n`;\n\nexport const SubAgentPanelFooter = styled.div.attrs({\n\tclassName: 'bik-subagent-panel-footer',\n})`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tpadding: 8px 12px;\n\tmin-height: 48px;\n\tborder-top: 1px solid ${COLORS.stroke.primary};\n\tflex-shrink: 0;\n`;\n\nexport const SubAgentCloseButton = styled.button.attrs({\n\tclassName: 'bik-subagent-close',\n})`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 24px;\n\theight: 24px;\n\tborder: none;\n\tbackground: transparent;\n\tpadding: 0;\n\tcursor: pointer;\n\tborder-radius: 4px;\n\tflex-shrink: 0;\n\n\t&:hover {\n\t\tbackground: ${COLORS.surface.subdued};\n\t}\n`;\n\n/** Inline action row inside a rich field (e.g. \"Improve with AI\"). */\nexport const FieldActionRow = styled.div.attrs({\n\tclassName: 'bik-field-action-row',\n})`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n`;\n"],"names":["BuilderRoot","styled","COLORS","TopBar","TopBarSide","BackButton","Main","Rail","Content","ContentCard","Footer","FooterHint","FooterActions","RailList","RailItem","StepBadge","p","SectionHeaderWrap","FieldBlock","FieldLabelRow","AiTextAreaShell","AiTextAreaInput","CardRow","RadioCard","RadioCardText","ChipWrap","IntentChip","ChipCloseButton","AddChipButton","Step3Grid","Step3Main","Step3Side","SideSection","SideSectionHeader","AddIconButton","SourceButtonRow","SourceButton","SelectableRow","RowText","RowActions","RowActionDivider","RowMenuButton","ModalBody","ModalIcon","ModalActions","SubAgentScrim","SubAgentPanel","SubAgentPanelHeader","SubAgentPanelHeaderText","SubAgentPanelBody","SubAgentPanelFooter","SubAgentCloseButton"],"mappings":"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"}
+{"version":3,"file":"AgentBuilder.styled.js","sources":["../../../../src/components/agent-builder/AgentBuilder.styled.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\n// Shared look for the 24×24 transparent icon buttons (add / row-menu / close).\nconst iconActionButton = css`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 24px;\n\theight: 24px;\n\tborder: none;\n\tbackground: transparent;\n\tpadding: 0;\n\tcursor: pointer;\n\tborder-radius: 4px;\n\n\t&:hover {\n\t\tbackground: ${COLORS.surface.subdued};\n\t}\n`;\n\nexport const BuilderRoot = styled.div.attrs({ className: 'bik-builder-root' })`\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n\twidth: 100%;\n\tmin-height: 0;\n\tbackground: ${COLORS.surface.standard};\n`;\n\nexport const TopBar = styled.div.attrs({ className: 'bik-top-bar' })`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\theight: 56px;\n\tpadding: 12px 16px;\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n\tflex-shrink: 0;\n`;\n\nexport const TopBarSide = styled.div.attrs({ className: 'bik-top-bar-side' })`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 12px;\n`;\n\nexport const BackButton = styled.button.attrs({ className: 'bik-back-button' })`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 28px;\n\theight: 28px;\n\tborder: none;\n\tbackground: transparent;\n\tpadding: 0;\n\tcursor: pointer;\n\tborder-radius: 4px;\n\n\t&:hover {\n\t\tbackground: ${COLORS.surface.subdued};\n\t}\n`;\n\nexport const Main = styled.div.attrs({ className: 'bik-main' })`\n\tdisplay: flex;\n\tflex: 1;\n\tmin-height: 0;\n`;\n\nexport const Rail = styled.div.attrs({ className: 'bik-rail' })`\n\twidth: 234px;\n\tflex-shrink: 0;\n\tborder-right: 1px solid ${COLORS.stroke.primary};\n\tpadding: 16px;\n\toverflow-y: auto;\n\tbackground: ${COLORS.surface.standard};\n`;\n\nexport const Content = styled.div.attrs({ className: 'bik-content' })`\n\tflex: 1;\n\tmin-width: 0;\n\toverflow-y: auto;\n\tpadding: 16px;\n\tbackground: ${COLORS.surface.standard};\n`;\n\nexport const ContentCard = styled.div.attrs({ className: 'bik-content-card' })`\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 8px;\n\tpadding: 24px;\n\tmin-height: 100%;\n\tbox-sizing: border-box;\n`;\n\nexport const Footer = styled.div.attrs({ className: 'bik-footer' })`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tmin-height: 56px;\n\tpadding: 12px 16px;\n\tborder-top: 1px solid ${COLORS.stroke.primary};\n\tflex-shrink: 0;\n`;\n\nexport const FooterHint = styled.div.attrs({ className: 'bik-footer-hint' })`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 6px;\n`;\n\nexport const FooterActions = styled.div.attrs({\n\tclassName: 'bik-footer-actions',\n})`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n`;\n\n// ── Step rail items ─────────────────────────────────────────────────────────\n\nexport const RailList = styled.div.attrs({ className: 'bik-rail-list' })`\n\tdisplay: flex;\n\tflex-direction: column;\n`;\n\nexport const RailItem = styled.button.attrs({ className: 'bik-rail-item' })`\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: flex-start;\n\tgap: 8px;\n\t/* Bottom padding leaves room for the connector down to the next badge. */\n\tpadding: 0 0 24px;\n\tborder: none;\n\tbackground: transparent;\n\tcursor: pointer;\n\ttext-align: left;\n\twidth: 100%;\n\n\t&:last-child {\n\t\tpadding-bottom: 0;\n\t}\n\n\t&:disabled {\n\t\tcursor: default;\n\t}\n\n\t/* Dashed connector line between consecutive step badges (centered on the badge). */\n\t&:not(:last-child)::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tleft: 9px;\n\t\ttop: 20px;\n\t\twidth: 0;\n\t\theight: 24px;\n\t\tborder-left: 1px dashed #e0e0e0;\n\t\tpointer-events: none;\n\t}\n`;\n\nexport const StepBadge = styled.div.attrs({ className: 'bik-step-badge' })<{\n\tstate: 'active' | 'complete' | 'inactive';\n}>`\n\twidth: 20px;\n\theight: 20px;\n\tflex-shrink: 0;\n\tborder-radius: 50%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tfont-family: Inter;\n\tfont-size: 12px;\n\tfont-weight: 600;\n\tbackground: ${(p) =>\n\t\tp.state === 'complete'\n\t\t\t? COLORS.content.brand\n\t\t\t: p.state === 'active'\n\t\t\t? COLORS.background.brandTint\n\t\t\t: '#F0F0F0'};\n\tcolor: ${(p) =>\n\t\tp.state === 'complete'\n\t\t\t? COLORS.content.primaryInverse\n\t\t\t: p.state === 'active'\n\t\t\t? COLORS.content.brand\n\t\t\t: COLORS.content.placeholder};\n`;\n\n// ── Shared step pieces ──────────────────────────────────────────────────────\n\nexport const SectionHeaderWrap = styled.div.attrs({\n\tclassName: 'bik-section-header-wrap',\n})`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 4px;\n\tmargin-bottom: 20px;\n`;\n\nexport const FieldBlock = styled.div.attrs({ className: 'bik-field-block' })`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n\tmargin-bottom: 20px;\n`;\n\nexport const FieldLabelRow = styled.div.attrs({\n\tclassName: 'bik-field-label-row',\n})`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n`;\n\n// ── Labelled text area ──────────────────────────────────────────────────────\n\nexport const AiTextAreaShell = styled.div.attrs({\n\tclassName: 'bik-ai-text-area-shell',\n})<{\n\tfocused?: boolean;\n\tminHeight?: string;\n}>`\n\tdisplay: flex;\n\tflex-direction: column;\n\tborder: 1px solid\n\t\t${(p) => (p.focused ? COLORS.stroke.brand : COLORS.stroke.primary)};\n\tborder-radius: 4px;\n\tpadding: 8px 12px;\n\tgap: 8px;\n\tmin-height: ${(p) => p.minHeight ?? '120px'};\n\tbackground: ${COLORS.surface.standard};\n`;\n\nexport const AiTextAreaInput = styled.textarea.attrs({\n\tclassName: 'bik-ai-text-area-input',\n})`\n\tflex: 1;\n\tborder: none;\n\toutline: none;\n\tresize: none;\n\tfont-family: Inter;\n\tfont-size: 14px;\n\tline-height: 20px;\n\tcolor: ${COLORS.content.primary};\n\tbackground: transparent;\n\tmin-height: 60px;\n\n\t&::placeholder {\n\t\tcolor: ${COLORS.content.placeholder};\n\t}\n`;\n\n// ── Radio card (Step 2 / Step 4 option cards) ───────────────────────────────\n\nexport const CardRow = styled.div.attrs({ className: 'bik-card-row' })`\n\tdisplay: flex;\n\tgap: 12px;\n\tmargin-bottom: 16px;\n`;\n\nexport const RadioCard = styled.button.attrs({ className: 'bik-radio-card' })<{\n\tselected?: boolean;\n}>`\n\tflex: 1;\n\tdisplay: flex;\n\talign-items: flex-start;\n\tgap: 12px;\n\tpadding: 16px;\n\tborder: 1px solid\n\t\t${(p) => (p.selected ? COLORS.stroke.brand : COLORS.stroke.primary)};\n\tbackground: ${(p) =>\n\t\tp.selected ? COLORS.background.brandLight : COLORS.surface.standard};\n\tborder-radius: 8px;\n\tcursor: pointer;\n\ttext-align: left;\n\twidth: 100%;\n`;\n\nexport const RadioCardText = styled.div.attrs({\n\tclassName: 'bik-radio-card-text',\n})`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 4px;\n`;\n\n// ── Intent chips (Step 2) ───────────────────────────────────────────────────\n\nexport const ChipWrap = styled.div.attrs({ className: 'bik-chip-wrap' })`\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: center;\n\tgap: 8px;\n`;\n\nexport const IntentChip = styled.div.attrs({ className: 'bik-intent-chip' })`\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 6px;\n\tpadding: 4px 8px;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n\tbackground: ${COLORS.surface.standard};\n`;\n\nexport const ChipCloseButton = styled.button.attrs({\n\tclassName: 'bik-chip-close-button',\n})`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder: none;\n\tbackground: transparent;\n\tpadding: 0;\n\tcursor: pointer;\n`;\n\nexport const AddChipButton = styled.button.attrs({\n\tclassName: 'bik-add-chip-button',\n})`\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 6px;\n\tpadding: 4px 8px;\n\tborder: 1px dashed ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n\tbackground: transparent;\n\tcursor: pointer;\n`;\n\n// ── Step 3 two-column layout + tool / sub-agent rows ────────────────────────\n\nexport const Step3Grid = styled.div.attrs({ className: 'bik-step3-grid' })`\n\tdisplay: grid;\n\tgrid-template-columns: minmax(0, 1fr) 300px;\n\tgap: 24px;\n\n\t@media (max-width: 1100px) {\n\t\tgrid-template-columns: 1fr;\n\t}\n`;\n\nexport const Step3Main = styled.div.attrs({ className: 'bik-step3-main' })`\n\tdisplay: flex;\n\tflex-direction: column;\n`;\n\nexport const Step3Side = styled.div.attrs({ className: 'bik-step3-side' })`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 24px;\n`;\n\nexport const SideSection = styled.div.attrs({ className: 'bik-side-section' })`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n`;\n\nexport const SideSectionHeader = styled.div.attrs({\n\tclassName: 'bik-side-section-header',\n})`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n`;\n\nexport const AddIconButton = styled.button.attrs({\n\tclassName: 'bik-add-icon-button',\n})`\n\t${iconActionButton}\n`;\n\n// Empty-state tool-source picker (e.g. Manifest / Shopify buttons).\nexport const SourceButtonRow = styled.div.attrs({\n\tclassName: 'bik-source-button-row',\n})`\n\tdisplay: flex;\n\tgap: 8px;\n`;\n\nexport const SourceButton = styled.button.attrs({\n\tclassName: 'bik-source-button',\n})`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tpadding: 6px;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n\tbackground: ${COLORS.surface.standard};\n\tcursor: pointer;\n\theight: 28px;\n\n\t&:hover {\n\t\tbackground: ${COLORS.surface.subdued};\n\t}\n`;\n\nexport const SelectableRow = styled.div.attrs({\n\tclassName: 'bik-selectable-row',\n})`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tpadding: 8px 12px;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n\theight: 40px;\n\tmin-width: 0;\n\toverflow: hidden;\n\n\t/* Leading icon (e.g. tool source) keeps its size; the label takes the rest. */\n\t& > svg {\n\t\tflex-shrink: 0;\n\t}\n`;\n\nexport const RowText = styled.div.attrs({ className: 'bik-row-text' })`\n\tflex: 1;\n\tmin-width: 0;\n\toverflow: hidden;\n\n\t/* Truncate the label to one line with an ellipsis. */\n\t& > * {\n\t\tdisplay: block;\n\t\toverflow: hidden;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t}\n`;\n\nexport const RowRemoveButton = styled.button.attrs({\n\tclassName: 'bik-row-remove-button',\n})`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder: none;\n\tbackground: transparent;\n\tpadding: 0;\n\tcursor: pointer;\n`;\n\n// ── Per-row actions (always-visible edit / delete icon buttons) ───────────────\n\nexport const RowActions = styled.div.attrs({ className: 'bik-row-actions' })`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 4px;\n\tflex-shrink: 0;\n`;\n\n// Vertical separator between the edit and delete icon buttons.\nexport const RowActionDivider = styled.span.attrs({\n\tclassName: 'bik-row-action-divider',\n})`\n\twidth: 1px;\n\talign-self: stretch;\n\tmargin: 4px 0;\n\tbackground: ${COLORS.stroke.primary};\n`;\n\nexport const RowMenuButton = styled.button.attrs({\n\tclassName: 'bik-row-menu-button',\n})`\n\t${iconActionButton}\n`;\n\n// ── Go-live modal ───────────────────────────────────────────────────────────\n\nexport const ModalBody = styled.div.attrs({ className: 'bik-modal-body' })`\n\tpadding: 24px;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tgap: 16px;\n\ttext-align: center;\n`;\n\nexport const ModalIcon = styled.div.attrs({ className: 'bik-modal-icon' })`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmargin-bottom: 4px;\n`;\n\nexport const ModalActions = styled.div.attrs({\n\tclassName: 'bik-modal-actions',\n})`\n\tdisplay: flex;\n\tgap: 12px;\n\twidth: 100%;\n`;\n\n// ── Create sub-agent drawer ─────────────────────────────────────────────────\n\nexport const SubAgentScrim = styled.div.attrs({\n\tclassName: 'bik-subagent-scrim',\n})`\n\tposition: fixed;\n\tinset: 0;\n\tbackground: rgba(0, 0, 0, 0.32);\n\tz-index: 1000;\n`;\n\nexport const SubAgentPanel = styled.div.attrs({\n\tclassName: 'bik-subagent-panel',\n})`\n\tposition: fixed;\n\ttop: 0;\n\tright: 0;\n\theight: 100%;\n\twidth: 421px;\n\tmax-width: 100%;\n\tdisplay: flex;\n\tflex-direction: column;\n\tbackground: ${COLORS.surface.standard};\n\tbox-shadow: -8px 0 24px rgba(0, 0, 0, 0.12);\n\tz-index: 1001;\n\tbox-sizing: border-box;\n`;\n\nexport const SubAgentPanelHeader = styled.div.attrs({\n\tclassName: 'bik-subagent-panel-header',\n})`\n\tdisplay: flex;\n\talign-items: flex-start;\n\tjustify-content: space-between;\n\tgap: 12px;\n\tpadding: 16px;\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n\tflex-shrink: 0;\n`;\n\nexport const SubAgentPanelHeaderText = styled.div.attrs({\n\tclassName: 'bik-subagent-panel-header-text',\n})`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 4px;\n\tmin-width: 0;\n`;\n\nexport const SubAgentPanelBody = styled.div.attrs({\n\tclassName: 'bik-subagent-panel-body',\n})`\n\tflex: 1;\n\tmin-height: 0;\n\toverflow-y: auto;\n\tpadding: 16px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 20px;\n`;\n\nexport const SubAgentPanelFooter = styled.div.attrs({\n\tclassName: 'bik-subagent-panel-footer',\n})`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tpadding: 8px 12px;\n\tmin-height: 48px;\n\tborder-top: 1px solid ${COLORS.stroke.primary};\n\tflex-shrink: 0;\n`;\n\nexport const SubAgentCloseButton = styled.button.attrs({\n\tclassName: 'bik-subagent-close',\n})`\n\t${iconActionButton}\n\tflex-shrink: 0;\n`;\n\n/** Inline action row inside a rich field (e.g. \"Improve with AI\"). */\nexport const FieldActionRow = styled.div.attrs({\n\tclassName: 'bik-field-action-row',\n})`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n`;\n"],"names":["iconActionButton","css","COLORS","BuilderRoot","styled","TopBar","TopBarSide","BackButton","Main","Rail","Content","ContentCard","Footer","FooterHint","FooterActions","RailList","RailItem","StepBadge","p","SectionHeaderWrap","FieldBlock","FieldLabelRow","AiTextAreaShell","AiTextAreaInput","CardRow","RadioCard","RadioCardText","ChipWrap","IntentChip","ChipCloseButton","AddChipButton","Step3Grid","Step3Main","Step3Side","SideSection","SideSectionHeader","AddIconButton","SourceButtonRow","SourceButton","SelectableRow","RowText","RowActions","RowActionDivider","RowMenuButton","ModalBody","ModalIcon","ModalActions","SubAgentScrim","SubAgentPanel","SubAgentPanelHeader","SubAgentPanelHeaderText","SubAgentPanelBody","SubAgentPanelFooter","SubAgentCloseButton"],"mappings":"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"}

package/dist/cjs/components/agent-builder/components/CreateSubAgentPanel.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),ee=require("../../../assets/icons/cross.svg.js"),n=require("react"),E=require("../../TypographyStyle.js"),T=require("../../../constants/Theme.js"),u=require("../AgentBuilder.styled.js"),I=require("../constants/charLimits.js"),te=require("../utils/mentionSerialization.js"),P=require("../utils/sourceIcons.js"),B=require("./MentionEditor.js"),ne=require("./SelectableListSection.js"),se=require("../../input/Input.js"),G=require("../../button/Button.js"),oe=require("../../toaster/Toaster.js"),re=r=>r&&typeof r=="object"&&"default"in r?r:{default:r},ae=re(n),ie=({onClose:r,onSave:H,availableTools:i,onImprove:ue,title:N="Create sub-agent",initial:c,appLabel:j="Manifest"})=>{const[h,K]=n.useState(c?.name??""),[l,S]=n.useState(c?.instructions??""),[d,f]=n.useState(c?.guardrail??""),[b,g]=n.useState(c?.tools??[]),[R,A]=n.useState(!1),[w,_]=n.useState(0),[F,q]=n.useState(0),[ce,le]=n.useState(null),O=n.useMemo(()=>te.buildAgentMentionItems(i,[],j),[i,j]),m=n.useRef({}),p=n.useRef("instructions"),U=n.useCallback(e=>{m.current.instructions=e??void 0},[]),z=n.useCallback(e=>{m.current.guardrail=e??void 0},[]),$=n.useCallback(()=>{p.current="instructions"},[]),D=n.useCallback(()=>{p.current="guardrail"},[]),k=n.useCallback((e,t)=>{e==="tool"&&g(a=>a.includes(t)?a:[...a,t])},[]),W=n.useCallback(e=>{(m.current[p.current]??m.current.instructions)?.("tool",e)},[]),[y,x]=n.useState(null),C=n.useRef(null),L=n.useRef(0),J=e=>{const t=i.find(o=>o.tool_id===e),a=t?`{{tool:${t.function_key}}}`:null,v=o=>a?o.split(a).join(""):o;C.current={instructions:l,guardrail:d,tools:b},S(o=>v(o)),f(o=>v(o)),g(o=>o.filter(Z=>Z!==e)),_(o=>o+1),q(o=>o+1),L.current+=1,x({id:L.current,message:`Tool "${t?.display_name??"Tool"}" removed`})},Q=()=>{const e=C.current;e&&(S(e.instructions),f(e.guardrail),g(e.tools),_(t=>t+1),q(t=>t+1),C.current=null),x(null)},M=h.trim().length>0&&(l.trim().length>0||d.trim().length>0),V=b.map(e=>{const t=i.find(a=>a.tool_id===e);return t?{id:e,label:t.display_name,icon:P.SOURCE_ICONS[t.source??"manifest"]}:null}).filter(e=>e!==null),X=i.map(e=>{const t=P.SOURCE_ICONS[e.source??"manifest"];return{label:e.display_name,value:e.tool_id,leadingIcon:t?ae.default.createElement(t.Icon,{width:t.w,height:t.h}):void 0}}),Y=async()=>{if(!M||R)return;const e=H({name:h.trim(),instructions:l,guardrail:d,tools:b});if(e&&typeof e.then=="function"){A(!0);try{await e}finally{A(!1)}}};return s.jsxs(s.Fragment,{children:[s.jsx(u.SubAgentScrim,{onClick:r,"data-test":"subagent-scrim"}),s.jsxs(u.SubAgentPanel,{"data-test":"create-subagent-panel",children:[s.jsxs(u.SubAgentPanelHeader,{children:[s.jsxs(u.SubAgentPanelHeaderText,{children:[s.jsx(E.TitleRegular,{color:T.COLORS.content.primary,children:N}),s.jsx(E.BodySecondary,{color:T.COLORS.content.secondary,children:"Each sub-agent handles one piece of the job. Use @ in the main instructions to call them."})]}),s.jsx(u.SubAgentCloseButton,{onClick:r,"aria-label":"Close",children:s.jsx(ee.default,{width:20,height:20,color:T.COLORS.content.secondary})})]}),s.jsxs(u.SubAgentPanelBody,{children:[s.jsx(se.Input,{"data-test":"subagent-name",labelText:"Agent name",labelTextBold:!0,placeholder:"Enter agent name",value:h,maxCharLimit:I.AGENT_CHAR_LIMITS.name,maxCharLimitPosition:"TOP",maxCharStyle:{fontSize:12,lineHeight:"16px"},onChangeText:K}),s.jsx(B.MentionEditor,{"data-test":"subagent-instructions",label:"Instructions",value:l,onChange:S,maxLength:I.AGENT_CHAR_LIMITS.instructions,placeholder:"Write the steps in plain English. Type @ to reference a tool.",minHeight:"160px",resetKey:`instr-${w}`,mentionItems:O,tools:i,onMentionSelect:k,onFocus:$,registerInsert:U}),s.jsx(B.MentionEditor,{"data-test":"subagent-guardrail",label:"Guardrails",value:d,onChange:f,maxLength:I.AGENT_CHAR_LIMITS.guardrail,placeholder:"e.g. Never discuss competitor pricing. Type @ to reference a tool.",minHeight:"160px",resetKey:`guard-${F}`,mentionItems:O,tools:i,onMentionSelect:k,onFocus:D,registerInsert:z}),s.jsx(ne.SelectableListSection,{title:"Tools this agent can use",dataTestPrefix:"subagent-tools",items:V,addableOptions:X,emptyText:"No tools added yet.",onAdd:e=>{W(e),g(t=>t.includes(e)?t:[...t,e])},onRemove:J})]}),s.jsxs(u.SubAgentPanelFooter,{children:[s.jsx(G.Button,{"data-test":"subagent-save",buttonType:"primary",size:"small",buttonText:"Save",disabled:!M,isLoading:R,onClick:Y}),s.jsx(G.Button,{"data-test":"subagent-cancel",buttonType:"secondary",size:"small",buttonText:"Cancel",onClick:r})]})]}),y&&s.jsx(oe.Toaster,{text:y.message,type:"info",position:"top-right",autoClose:5e3,hideCloseButton:!0,buttonProps:{buttonText:"Undo",showButton:!0,onButtonClick:()=>(Q(),{})},onCloseToast:()=>x(null)},y.id)]})};exports.CreateSubAgentPanel=ie;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),te=require("../../../assets/icons/cross.svg.js"),t=require("react"),L=require("../../TypographyStyle.js"),E=require("../../../utils/arrayUtils.js"),j=require("../../../constants/Theme.js"),a=require("../AgentBuilder.styled.js"),ne=require("../constants/charLimits.js"),se=require("../utils/mentionSerialization.js"),I=require("../utils/sourceIcons.js"),U=require("./MentionEditor.js"),oe=require("./SelectableListSection.js"),re=require("../../input/Input.js"),G=require("../../button/Button.js"),ae=require("../../toaster/Toaster.js"),ie=({onClose:m,onSave:H,availableTools:r,onImprove:ue,title:K="Create sub-agent",initial:u,appLabel:R="Manifest",charLimits:S=ne.AGENT_CHAR_LIMITS})=>{const[h,N]=t.useState(u?.name??""),[c,p]=t.useState(u?.instructions??""),[l,b]=t.useState(u?.guardrail??""),[y,d]=t.useState(u?.tools??[]),[q,v]=t.useState(!1),[F,A]=t.useState(0),[z,O]=t.useState(0),[ce,le]=t.useState(null),k=t.useMemo(()=>se.buildAgentMentionItems(r,[],R),[r,R]),g=t.useRef({}),x=t.useRef("instructions"),w=t.useCallback(e=>{g.current.instructions=e??void 0},[]),$=t.useCallback(e=>{g.current.guardrail=e??void 0},[]),W=t.useCallback(()=>{x.current="instructions"},[]),D=t.useCallback(()=>{x.current="guardrail"},[]),P=t.useCallback((e,s)=>{e==="tool"&&d(i=>E.addUnique(i,s))},[]),J=t.useCallback(e=>{(g.current[x.current]??g.current.instructions)?.("tool",e)},[]),[f,C]=t.useState(null),T=t.useRef(null),_=t.useRef(0),Q=e=>{const s=r.find(o=>o.tool_id===e),i=s?`{{tool:${s.function_key}}}`:null,M=o=>i?o.split(i).join(""):o;T.current={instructions:c,guardrail:l,tools:y},p(o=>M(o)),b(o=>M(o)),d(o=>o.filter(ee=>ee!==e)),A(o=>o+1),O(o=>o+1),_.current+=1,C({id:_.current,message:`Tool "${s?.display_name??"Tool"}" removed`})},V=()=>{const e=T.current;e&&(p(e.instructions),b(e.guardrail),d(e.tools),A(s=>s+1),O(s=>s+1),T.current=null),C(null)},B=h.trim().length>0&&(c.trim().length>0||l.trim().length>0),X=y.map(e=>{const s=r.find(i=>i.tool_id===e);return s?{id:e,label:s.display_name,icon:I.SOURCE_ICONS[s.source??"manifest"]}:null}).filter(e=>e!==null),Y=r.map(e=>({label:e.display_name,value:e.tool_id,leadingIcon:I.renderSourceIcon(I.SOURCE_ICONS[e.source??"manifest"])??void 0})),Z=async()=>{if(!B||q)return;const e=H({name:h.trim(),instructions:c,guardrail:l,tools:y});if(e&&typeof e.then=="function"){v(!0);try{await e}finally{v(!1)}}};return n.jsxs(n.Fragment,{children:[n.jsx(a.SubAgentScrim,{onClick:m,"data-test":"subagent-scrim"}),n.jsxs(a.SubAgentPanel,{"data-test":"create-subagent-panel",children:[n.jsxs(a.SubAgentPanelHeader,{children:[n.jsxs(a.SubAgentPanelHeaderText,{children:[n.jsx(L.TitleRegular,{color:j.COLORS.content.primary,children:K}),n.jsx(L.BodySecondary,{color:j.COLORS.content.secondary,children:"Each sub-agent handles one piece of the job. Use @ in the main instructions to call them."})]}),n.jsx(a.SubAgentCloseButton,{onClick:m,"aria-label":"Close",children:n.jsx(te.default,{width:20,height:20,color:j.COLORS.content.secondary})})]}),n.jsxs(a.SubAgentPanelBody,{children:[n.jsx(re.Input,{"data-test":"subagent-name",labelText:"Agent name",labelTextBold:!0,placeholder:"Enter agent name",value:h,maxCharLimit:S.name,maxCharLimitPosition:"TOP",maxCharStyle:{fontSize:12,lineHeight:"16px"},onChangeText:N}),n.jsx(U.MentionEditor,{"data-test":"subagent-instructions",label:"Instructions",value:c,onChange:p,maxLength:S.instructions,placeholder:"Write the steps in plain English. Type @ to reference a tool.",minHeight:"160px",resetKey:`instr-${F}`,mentionItems:k,tools:r,onMentionSelect:P,onFocus:W,registerInsert:w}),n.jsx(U.MentionEditor,{"data-test":"subagent-guardrail",label:"Guardrails",value:l,onChange:b,maxLength:S.guardrail,placeholder:"e.g. Never discuss competitor pricing. Type @ to reference a tool.",minHeight:"160px",resetKey:`guard-${z}`,mentionItems:k,tools:r,onMentionSelect:P,onFocus:D,registerInsert:$}),n.jsx(oe.SelectableListSection,{title:"Tools this agent can use",dataTestPrefix:"subagent-tools",items:X,addableOptions:Y,emptyText:"No tools added yet.",onAdd:e=>{J(e),d(s=>E.addUnique(s,e))},onRemove:Q})]}),n.jsxs(a.SubAgentPanelFooter,{children:[n.jsx(G.Button,{"data-test":"subagent-save",buttonType:"primary",size:"small",buttonText:"Save",disabled:!B,isLoading:q,onClick:Z}),n.jsx(G.Button,{"data-test":"subagent-cancel",buttonType:"secondary",size:"small",buttonText:"Cancel",onClick:m})]})]}),f&&n.jsx(ae.Toaster,{text:f.message,type:"info",position:"top-right",autoClose:5e3,hideCloseButton:!0,buttonProps:{buttonText:"Undo",showButton:!0,onButtonClick:()=>(V(),{})},onCloseToast:()=>C(null)},f.id)]})};exports.CreateSubAgentPanel=ie;
 //# sourceMappingURL=CreateSubAgentPanel.js.map