@bikdotai/bik-component-library 0.0.839 → 0.0.840-beta.0

package/dist/cjs/editor/extensions/jsonHighlight/JsonHighlightExtension.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../../../node_modules/@tiptap/core/dist/index.js"),a=require("@tiptap/pm/state"),u=require("@tiptap/pm/view"),f=require("./tokenizeJson.js"),h={key:"bik-json-key",string:"bik-json-string",number:"bik-json-number",boolean:"bik-json-boolean",null:"bik-json-null",punctuation:"bik-json-punct"};function p(i){const e=document.createElement("span");return e.className="bik-json-lineno",e.textContent=String(i),e.setAttribute("contenteditable","false"),e}const k=g.Extension.create({name:"jsonHighlight",priority:1e3,addKeyboardShortcuts(){return{Backspace:()=>{const{selection:i}=this.editor.state,{empty:e,$from:t}=i;return e&&t.parent.type.name==="codeBlock"&&t.parentOffset===0}}},addProseMirrorPlugins(){return[new a.Plugin({key:new a.PluginKey("jsonHighlightGuard"),appendTransaction(i,e,t){if(!i.some(d=>d.docChanged))return null;const{doc:r,schema:s}=t,o=s.nodes.codeBlock;if(!o||r.childCount===1&&r.firstChild?.type===o)return null;let l=!1;if(r.forEach(d=>{d.type===o&&(l=!0)}),l)return null;const n=r.textBetween(0,r.content.size,`
-`),c=t.tr;return c.replaceWith(0,r.content.size,o.create(null,n?s.text(n):null)),c.setSelection(a.TextSelection.create(c.doc,1)),c}}),new a.Plugin({key:new a.PluginKey("jsonHighlight"),props:{handlePaste(i,e){const t=e.clipboardData?.getData("text/plain");if(!t||!t.trim())return!1;let r;try{r=JSON.parse(t)}catch{return!1}const s=JSON.stringify(r,null,2);if(s===t)return!1;const{state:o,dispatch:l}=i,{from:n,to:c}=o.selection;return l(o.tr.insertText(s,n,c).scrollIntoView()),!0},decorations(i){const e=[];return i.doc.descendants((t,r)=>{if(t.type.name!=="codeBlock")return;const s=t.textContent,o=r+1;for(const n of f.tokenizeJson(s))e.push(u.Decoration.inline(o+n.start,o+n.end,{class:h[n.type]}));let l=1;e.push(u.Decoration.widget(o,()=>p(1),{side:-1,key:"ln-1"}));for(let n=0;n<s.length;n++){if(s[n]!==`
-`)continue;l+=1;const c=l;e.push(u.Decoration.widget(o+n+1,()=>p(c),{side:-1,key:`ln-${c}`}))}}),u.DecorationSet.create(i.doc,e)}}})]}});exports.JsonHighlightExtension=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../../../node_modules/@tiptap/core/dist/index.js"),l=require("@tiptap/pm/state"),d=require("@tiptap/pm/view"),g=require("./tokenizeJson.js"),p={key:"bik-json-key",string:"bik-json-string",number:"bik-json-number",boolean:"bik-json-boolean",null:"bik-json-null",punctuation:"bik-json-punct"};function f(r){return r.trim().length===0?0:r.split(`
+`).length}class m{dom;contentDOM;gutter;constructor(n){const t=document.createElement("pre"),e=document.createElement("div");e.className="bik-json-gutter",e.contentEditable="false";const o=document.createElement("code");t.appendChild(e),t.appendChild(o),this.dom=t,this.contentDOM=o,this.gutter=e,this.renderGutter(n)}renderGutter(n){const t=f(n.textContent);if(this.gutter.childElementCount===t)return;const e=[];for(let o=1;o<=t;o++){const s=document.createElement("span");s.className="bik-json-lineno",s.textContent=String(o),e.push(s)}this.gutter.replaceChildren(...e)}update(n){return n.type.name!=="codeBlock"?!1:(this.renderGutter(n),!0)}ignoreMutation(n){return this.gutter===n.target||this.gutter.contains(n.target)}}const k=h.Extension.create({name:"jsonHighlight",priority:1e3,addKeyboardShortcuts(){return{Backspace:()=>{const{selection:r}=this.editor.state,{empty:n,$from:t}=r;return n&&t.parent.type.name==="codeBlock"&&t.parentOffset===0}}},addProseMirrorPlugins(){return[new l.Plugin({key:new l.PluginKey("jsonHighlightGuard"),appendTransaction(r,n,t){if(!r.some(u=>u.docChanged))return null;const{doc:e,schema:o}=t,s=o.nodes.codeBlock;if(!s||e.childCount===1&&e.firstChild?.type===s)return null;let i=!1;if(e.forEach(u=>{u.type===s&&(i=!0)}),i)return null;const a=e.textBetween(0,e.content.size,`
+`),c=t.tr;return c.replaceWith(0,e.content.size,s.create(null,a?o.text(a):null)),c.setSelection(l.TextSelection.create(c.doc,1)),c}}),new l.Plugin({key:new l.PluginKey("jsonHighlight"),props:{nodeViews:{codeBlock:r=>new m(r)},handlePaste(r,n){const t=n.clipboardData?.getData("text/plain");if(!t||!t.trim())return!1;let e;try{e=JSON.parse(t)}catch{return!1}const o=JSON.stringify(e,null,2);if(o===t)return!1;const{state:s,dispatch:i}=r,{from:a,to:c}=s.selection;return i(s.tr.insertText(o,a,c).scrollIntoView()),!0},decorations(r){const n=[];return r.doc.descendants((t,e)=>{if(t.type.name!=="codeBlock")return;const o=t.textContent;if(o.length===0)return;const s=e+1;for(const i of g.tokenizeJson(o))n.push(d.Decoration.inline(s+i.start,s+i.end,{class:p[i.type]}))}),d.DecorationSet.create(r.doc,n)}}})]}});exports.JsonHighlightExtension=k;
 //# sourceMappingURL=JsonHighlightExtension.js.map

package/dist/cjs/editor/extensions/jsonHighlight/JsonHighlightExtension.js.map

@@ -1 +1 @@
-{"version":3,"file":"JsonHighlightExtension.js","sources":["../../../../../src/editor/extensions/jsonHighlight/JsonHighlightExtension.ts"],"sourcesContent":["import { Extension } from '@tiptap/core';\nimport { Plugin, PluginKey, TextSelection } from '@tiptap/pm/state';\nimport { Decoration, DecorationSet } from '@tiptap/pm/view';\nimport { JsonTokenType, tokenizeJson } from './tokenizeJson';\n\nconst CLASS_BY_TYPE: Record<JsonTokenType, string> = {\n\tkey: 'bik-json-key',\n\tstring: 'bik-json-string',\n\tnumber: 'bik-json-number',\n\tboolean: 'bik-json-boolean',\n\tnull: 'bik-json-null',\n\tpunctuation: 'bik-json-punct',\n};\n\n/** Line-number widget rendered in the hanging gutter at each line start. */\nfunction lineNumberWidget(n: number): HTMLElement {\n\tconst span = document.createElement('span');\n\tspan.className = 'bik-json-lineno';\n\tspan.textContent = String(n);\n\tspan.setAttribute('contenteditable', 'false');\n\treturn span;\n}\n\n/**\n * Colours JSON tokens inside `codeBlock` nodes and renders a line-number gutter.\n * A code block stores its whole multi-line body in a single text node, so token\n * offsets map 1:1 onto document positions (`nodeStart + offset`) — no cross-node\n * bookkeeping needed, and lines are just the `\\n`-separated runs of that text.\n *\n * Purely decorative: the document text is never rewritten, so undo/redo,\n * character count and the cursor all behave exactly as with plain text. The\n * gutter numbers are `side: -1` widgets that hang into the code block's left\n * padding (see `.bik-json-lineno` in BikEditor.styles.ts), so they never enter\n * the document text or shift character offsets.\n */\nexport const JsonHighlightExtension = Extension.create({\n\tname: 'jsonHighlight',\n\t// Above CodeBlock (default 100) so our Backspace handler runs first and can\n\t// veto CodeBlock's own \"clearNodes at start\" shortcut (which would lift the\n\t// block to a paragraph).\n\tpriority: 1000,\n\taddKeyboardShortcuts() {\n\t\treturn {\n\t\t\t// In JSON mode the document is a single code block. A Backspace at its very\n\t\t\t// start would lift it to a plain paragraph (killing the highlight, the\n\t\t\t// line-number gutter and the monospace font). There's nothing to delete\n\t\t\t// before the caret there anyway, so swallow it. Mid-text Backspace (and\n\t\t\t// deleting a leading `\\n` from line 2+) still works — those have\n\t\t\t// parentOffset > 0.\n\t\t\tBackspace: () => {\n\t\t\t\tconst { selection } = this.editor.state;\n\t\t\t\tconst { empty, $from } = selection;\n\t\t\t\treturn (\n\t\t\t\t\tempty &&\n\t\t\t\t\t$from.parent.type.name === 'codeBlock' &&\n\t\t\t\t\t$from.parentOffset === 0\n\t\t\t\t);\n\t\t\t},\n\t\t};\n\t},\n\taddProseMirrorPlugins() {\n\t\treturn [\n\t\t\tnew Plugin({\n\t\t\t\tkey: new PluginKey('jsonHighlightGuard'),\n\t\t\t\t// jsonMode invariant: the whole document is ONE codeBlock. Several\n\t\t\t\t// default Backspace paths can lift it to a plain paragraph — and one\n\t\t\t\t// of them, TipTap core's `clearDocument` appendTransaction (fired when\n\t\t\t\t// the whole doc is selected then deleted, e.g. Cmd-A → Backspace),\n\t\t\t\t// runs AFTER our Backspace shortcut, so a keymap veto can't stop it.\n\t\t\t\t// A paragraph has no gutter and no monospace rule, so the line numbers\n\t\t\t\t// and font vanish. Re-wrap the content back into a codeBlock whenever\n\t\t\t\t// something lifts it, restoring the invariant.\n\t\t\t\tappendTransaction(transactions, _oldState, newState) {\n\t\t\t\t\tif (!transactions.some((tr) => tr.docChanged)) {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\t\t\t\t\tconst { doc, schema } = newState;\n\t\t\t\t\tconst codeBlock = schema.nodes['codeBlock'];\n\t\t\t\t\tif (!codeBlock) {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\t\t\t\t\t// Common case: already a single codeBlock → nothing to do.\n\t\t\t\t\tif (doc.childCount === 1 && doc.firstChild?.type === codeBlock) {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\t\t\t\t\t// If a codeBlock survives anywhere, leave it alone (don't fight\n\t\t\t\t\t// legitimate multi-node edits that shouldn't happen in jsonMode).\n\t\t\t\t\tlet hasCodeBlock = false;\n\t\t\t\t\tdoc.forEach((node) => {\n\t\t\t\t\t\tif (node.type === codeBlock) {\n\t\t\t\t\t\t\thasCodeBlock = true;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\tif (hasCodeBlock) {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\t\t\t\t\t// A lift happened: rebuild a single codeBlock from the text\n\t\t\t\t\t// (block boundaries preserved as newlines, matching JSON lines).\n\t\t\t\t\tconst text = doc.textBetween(0, doc.content.size, '\\n');\n\t\t\t\t\tconst tr = newState.tr;\n\t\t\t\t\ttr.replaceWith(\n\t\t\t\t\t\t0,\n\t\t\t\t\t\tdoc.content.size,\n\t\t\t\t\t\tcodeBlock.create(null, text ? schema.text(text) : null),\n\t\t\t\t\t);\n\t\t\t\t\ttr.setSelection(TextSelection.create(tr.doc, 1));\n\t\t\t\t\treturn tr;\n\t\t\t\t},\n\t\t\t}),\n\t\t\tnew Plugin({\n\t\t\t\tkey: new PluginKey('jsonHighlight'),\n\t\t\t\tprops: {\n\t\t\t\t\t// Paste beautify: if the clipboard text is valid JSON, drop in a\n\t\t\t\t\t// pretty-printed version (2-space indent, matching the Beautify\n\t\t\t\t\t// button) instead of the raw blob. Non-JSON pastes fall through to\n\t\t\t\t\t// the default handler untouched.\n\t\t\t\t\thandlePaste(view, event) {\n\t\t\t\t\t\tconst raw = event.clipboardData?.getData('text/plain');\n\t\t\t\t\t\tif (!raw || !raw.trim()) {\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlet value: unknown;\n\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\tvalue = JSON.parse(raw);\n\t\t\t\t\t\t} catch {\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconst pretty = JSON.stringify(value, null, 2);\n\t\t\t\t\t\t// No-op if it was already beautified (avoids a redundant tx).\n\t\t\t\t\t\tif (pretty === raw) {\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconst { state, dispatch } = view;\n\t\t\t\t\t\tconst { from, to } = state.selection;\n\t\t\t\t\t\tdispatch(state.tr.insertText(pretty, from, to).scrollIntoView());\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t},\n\t\t\t\t\tdecorations(state) {\n\t\t\t\t\t\tconst decorations: Decoration[] = [];\n\t\t\t\t\t\tstate.doc.descendants((node, pos) => {\n\t\t\t\t\t\t\tif (node.type.name !== 'codeBlock') return;\n\t\t\t\t\t\t\tconst text = node.textContent;\n\t\t\t\t\t\t\t// +1: step past the code-block node boundary into its text.\n\t\t\t\t\t\t\tconst base = pos + 1;\n\n\t\t\t\t\t\t\tfor (const tok of tokenizeJson(text)) {\n\t\t\t\t\t\t\t\tdecorations.push(\n\t\t\t\t\t\t\t\t\tDecoration.inline(base + tok.start, base + tok.end, {\n\t\t\t\t\t\t\t\t\t\tclass: CLASS_BY_TYPE[tok.type],\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t// One line number per `\\n`-separated line (line 1 at offset 0,\n\t\t\t\t\t\t\t// then one after every newline). `white-space: pre` on the block\n\t\t\t\t\t\t\t// disables wrapping, so logical lines == visual lines.\n\t\t\t\t\t\t\tlet line = 1;\n\t\t\t\t\t\t\tdecorations.push(\n\t\t\t\t\t\t\t\tDecoration.widget(base, () => lineNumberWidget(1), {\n\t\t\t\t\t\t\t\t\tside: -1,\n\t\t\t\t\t\t\t\t\tkey: 'ln-1',\n\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tfor (let i = 0; i < text.length; i++) {\n\t\t\t\t\t\t\t\tif (text[i] !== '\\n') continue;\n\t\t\t\t\t\t\t\tline += 1;\n\t\t\t\t\t\t\t\tconst n = line;\n\t\t\t\t\t\t\t\tdecorations.push(\n\t\t\t\t\t\t\t\t\tDecoration.widget(base + i + 1, () => lineNumberWidget(n), {\n\t\t\t\t\t\t\t\t\t\tside: -1,\n\t\t\t\t\t\t\t\t\t\tkey: `ln-${n}`,\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t\treturn DecorationSet.create(state.doc, decorations);\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t}),\n\t\t];\n\t},\n});\n"],"names":["CLASS_BY_TYPE","lineNumberWidget","n","span","JsonHighlightExtension","Extension","selection","empty","$from","Plugin","PluginKey","transactions","_oldState","newState","tr","doc","schema","codeBlock","hasCodeBlock","node","text","TextSelection","view","event","raw","value","pretty","state","dispatch","from","to","decorations","pos","base","tok","tokenizeJson","Decoration","line","i","DecorationSet"],"mappings":"8OAKMA,EAA+C,CACpD,IAAK,eACL,OAAQ,kBACR,OAAQ,kBACR,QAAS,mBACT,KAAM,gBACN,YAAa,gBACd,EAGA,SAASC,EAAiBC,EAAwB,CACjD,MAAMC,EAAO,SAAS,cAAc,MAAM,EAC1C,OAAAA,EAAK,UAAY,kBACjBA,EAAK,YAAc,OAAOD,CAAC,EAC3BC,EAAK,aAAa,kBAAmB,OAAO,EACrCA,CACR,CAcO,MAAMC,EAAyBC,EAAAA,UAAU,OAAO,CACtD,KAAM,gBAIN,SAAU,IACV,sBAAuB,CACtB,MAAO,CAON,UAAW,IAAM,CAChB,KAAM,CAAE,UAAAC,CAAA,EAAc,KAAK,OAAO,MAC5B,CAAE,MAAAC,EAAO,MAAAC,CAAA,EAAUF,EACzB,OACCC,GACAC,EAAM,OAAO,KAAK,OAAS,aAC3BA,EAAM,eAAiB,CAEzB,CAAA,CAEF,EACA,uBAAwB,CACvB,MAAO,CACN,IAAIC,SAAO,CACV,IAAK,IAAIC,EAAAA,UAAU,oBAAoB,EASvC,kBAAkBC,EAAcC,EAAWC,EAAU,CACpD,GAAI,CAACF,EAAa,KAAMG,GAAOA,EAAG,UAAU,EAC3C,OAAO,KAER,KAAM,CAAE,IAAAC,EAAK,OAAAC,CAAA,EAAWH,EAClBI,EAAYD,EAAO,MAAM,UAK/B,GAJI,CAACC,GAIDF,EAAI,aAAe,GAAKA,EAAI,YAAY,OAASE,EACpD,OAAO,KAIR,IAAIC,EAAe,GAMnB,GALAH,EAAI,QAASI,GAAS,CACjBA,EAAK,OAASF,IACjBC,EAAe,GAEjB,CAAC,EACGA,EACH,OAAO,KAIR,MAAME,EAAOL,EAAI,YAAY,EAAGA,EAAI,QAAQ,KAAM;AAAA,CAAI,EAChDD,EAAKD,EAAS,GACpB,OAAAC,EAAG,YACF,EACAC,EAAI,QAAQ,KACZE,EAAU,OAAO,KAAMG,EAAOJ,EAAO,KAAKI,CAAI,EAAI,IAAI,CAAA,EAEvDN,EAAG,aAAaO,gBAAc,OAAOP,EAAG,IAAK,CAAC,CAAC,EACxCA,CACR,CAAA,CACA,EACD,IAAIL,SAAO,CACV,IAAK,IAAIC,EAAAA,UAAU,eAAe,EAClC,MAAO,CAKN,YAAYY,EAAMC,EAAO,CACxB,MAAMC,EAAMD,EAAM,eAAe,QAAQ,YAAY,EACrD,GAAI,CAACC,GAAO,CAACA,EAAI,OAChB,MAAO,GAER,IAAIC,EACJ,GAAI,CACHA,EAAQ,KAAK,MAAMD,CAAG,CACvB,MAAQ,CACP,MAAO,EACR,CACA,MAAME,EAAS,KAAK,UAAUD,EAAO,KAAM,CAAC,EAE5C,GAAIC,IAAWF,EACd,MAAO,GAER,KAAM,CAAE,MAAAG,EAAO,SAAAC,CAAA,EAAaN,EACtB,CAAE,KAAAO,EAAM,GAAAC,CAAA,EAAOH,EAAM,UAC3B,OAAAC,EAASD,EAAM,GAAG,WAAWD,EAAQG,EAAMC,CAAE,EAAE,gBAAgB,EACxD,EACR,EACA,YAAYH,EAAO,CAClB,MAAMI,EAA4B,CAAA,EAClC,OAAAJ,EAAM,IAAI,YAAY,CAACR,EAAMa,IAAQ,CACpC,GAAIb,EAAK,KAAK,OAAS,YAAa,OACpC,MAAMC,EAAOD,EAAK,YAEZc,EAAOD,EAAM,EAEnB,UAAWE,KAAOC,eAAaf,CAAI,EAClCW,EAAY,KACXK,EAAAA,WAAW,OAAOH,EAAOC,EAAI,MAAOD,EAAOC,EAAI,IAAK,CACnD,MAAOlC,EAAckC,EAAI,IAAI,CAAA,CAC7B,CAAA,EAOH,IAAIG,EAAO,EACXN,EAAY,KACXK,EAAAA,WAAW,OAAOH,EAAM,IAAMhC,EAAiB,CAAC,EAAG,CAClD,KAAM,GACN,IAAK,MAAA,CACL,CAAA,EAEF,QAASqC,EAAI,EAAGA,EAAIlB,EAAK,OAAQkB,IAAK,CACrC,GAAIlB,EAAKkB,CAAC,IAAM;AAAA,EAAM,SACtBD,GAAQ,EACR,MAAMnC,EAAImC,EACVN,EAAY,KACXK,EAAAA,WAAW,OAAOH,EAAOK,EAAI,EAAG,IAAMrC,EAAiBC,CAAC,EAAG,CAC1D,KAAM,GACN,IAAK,MAAMA,CAAC,EAAA,CACZ,CAAA,CAEH,CACD,CAAC,EACMqC,EAAAA,cAAc,OAAOZ,EAAM,IAAKI,CAAW,CACnD,CAAA,CACD,CACA,CAAA,CAEH,CACD,CAAC"}
+{"version":3,"file":"JsonHighlightExtension.js","sources":["../../../../../src/editor/extensions/jsonHighlight/JsonHighlightExtension.ts"],"sourcesContent":["import { Extension } from '@tiptap/core';\nimport type { Node as ProseMirrorNode } from '@tiptap/pm/model';\nimport { Plugin, PluginKey, TextSelection } from '@tiptap/pm/state';\nimport type { NodeView } from '@tiptap/pm/view';\nimport { Decoration, DecorationSet } from '@tiptap/pm/view';\nimport { JsonTokenType, tokenizeJson } from './tokenizeJson';\n\nconst CLASS_BY_TYPE: Record<JsonTokenType, string> = {\n\tkey: 'bik-json-key',\n\tstring: 'bik-json-string',\n\tnumber: 'bik-json-number',\n\tboolean: 'bik-json-boolean',\n\tnull: 'bik-json-null',\n\tpunctuation: 'bik-json-punct',\n};\n\n/**\n * Visual line count of a code block's text (0 → no gutter). Whitespace-only\n * content counts as 0: that's exactly when BikEditor shows the placeholder\n * overlay (`jsonEmpty = !text.trim()`), so the gutter must be empty too —\n * otherwise a blank field shows a stray \"1\" behind the placeholder.\n */\nfunction lineCount(text: string): number {\n\treturn text.trim().length === 0 ? 0 : text.split('\\n').length;\n}\n\n/**\n * Node view for the JSON `codeBlock` that renders the line-number gutter as a\n * `contenteditable=false` sibling of the editable `<code>` — NOT as ProseMirror\n * widget decorations.\n *\n * Why: widget decorations are re-inserted into the content flow on every\n * decoration recompute (i.e. every keystroke). Re-inserting a node next to the\n * caret reset the contenteditable selection to the line start, so typing a JSON\n * key and then its `:` dropped the caret to the start of the line (MAP-7286).\n * A node view lets us update the gutter DOM independently of `contentDOM`, so\n * the caret is never touched — and we only rebuild it when the line count\n * actually changes.\n */\nclass JsonCodeBlockView implements NodeView {\n\tdom: HTMLPreElement;\n\tcontentDOM: HTMLElement;\n\tprivate gutter: HTMLElement;\n\n\tconstructor(node: ProseMirrorNode) {\n\t\tconst pre = document.createElement('pre');\n\t\tconst gutter = document.createElement('div');\n\t\tgutter.className = 'bik-json-gutter';\n\t\tgutter.contentEditable = 'false';\n\t\tconst code = document.createElement('code');\n\t\t// Gutter is absolutely positioned into the reserved left padding, so its\n\t\t// order relative to <code> doesn't affect the code layout.\n\t\tpre.appendChild(gutter);\n\t\tpre.appendChild(code);\n\n\t\tthis.dom = pre;\n\t\tthis.contentDOM = code;\n\t\tthis.gutter = gutter;\n\t\tthis.renderGutter(node);\n\t}\n\n\tprivate renderGutter(node: ProseMirrorNode): void {\n\t\tconst count = lineCount(node.textContent);\n\t\t// Nothing to do while the line count is unchanged — this is the common case\n\t\t// (typing within a line) and skipping it avoids touching the gutter DOM.\n\t\tif (this.gutter.childElementCount === count) {\n\t\t\treturn;\n\t\t}\n\t\tconst numbers: HTMLElement[] = [];\n\t\tfor (let n = 1; n <= count; n++) {\n\t\t\tconst span = document.createElement('span');\n\t\t\tspan.className = 'bik-json-lineno';\n\t\t\tspan.textContent = String(n);\n\t\t\tnumbers.push(span);\n\t\t}\n\t\tthis.gutter.replaceChildren(...numbers);\n\t}\n\n\tupdate(node: ProseMirrorNode): boolean {\n\t\tif (node.type.name !== 'codeBlock') {\n\t\t\treturn false;\n\t\t}\n\t\tthis.renderGutter(node);\n\t\treturn true;\n\t}\n\n\t// The gutter is ours to manage — never let ProseMirror parse it as content.\n\tignoreMutation(mutation: MutationRecord | { target: Node }): boolean {\n\t\treturn (\n\t\t\tthis.gutter === mutation.target || this.gutter.contains(mutation.target)\n\t\t);\n\t}\n}\n\n/**\n * Colours JSON tokens inside `codeBlock` nodes and renders a line-number gutter\n * (via {@link JsonCodeBlockView}). A code block stores its whole multi-line body\n * in a single text node, so token offsets map 1:1 onto document positions\n * (`nodeStart + offset`) — no cross-node bookkeeping needed.\n *\n * Purely decorative: the document text is never rewritten, so undo/redo,\n * character count and the cursor all behave exactly as with plain text.\n */\nexport const JsonHighlightExtension = Extension.create({\n\tname: 'jsonHighlight',\n\t// Above CodeBlock (default 100) so our Backspace handler runs first and can\n\t// veto CodeBlock's own \"clearNodes at start\" shortcut (which would lift the\n\t// block to a paragraph).\n\tpriority: 1000,\n\taddKeyboardShortcuts() {\n\t\treturn {\n\t\t\t// In JSON mode the document is a single code block. A Backspace at its very\n\t\t\t// start would lift it to a plain paragraph (killing the highlight, the\n\t\t\t// line-number gutter and the monospace font). There's nothing to delete\n\t\t\t// before the caret there anyway, so swallow it. Mid-text Backspace (and\n\t\t\t// deleting a leading `\\n` from line 2+) still works — those have\n\t\t\t// parentOffset > 0.\n\t\t\tBackspace: () => {\n\t\t\t\tconst { selection } = this.editor.state;\n\t\t\t\tconst { empty, $from } = selection;\n\t\t\t\treturn (\n\t\t\t\t\tempty &&\n\t\t\t\t\t$from.parent.type.name === 'codeBlock' &&\n\t\t\t\t\t$from.parentOffset === 0\n\t\t\t\t);\n\t\t\t},\n\t\t};\n\t},\n\taddProseMirrorPlugins() {\n\t\treturn [\n\t\t\tnew Plugin({\n\t\t\t\tkey: new PluginKey('jsonHighlightGuard'),\n\t\t\t\t// jsonMode invariant: the whole document is ONE codeBlock. Several\n\t\t\t\t// default Backspace paths can lift it to a plain paragraph — and one\n\t\t\t\t// of them, TipTap core's `clearDocument` appendTransaction (fired when\n\t\t\t\t// the whole doc is selected then deleted, e.g. Cmd-A → Backspace),\n\t\t\t\t// runs AFTER our Backspace shortcut, so a keymap veto can't stop it.\n\t\t\t\t// A paragraph has no gutter and no monospace rule, so the line numbers\n\t\t\t\t// and font vanish. Re-wrap the content back into a codeBlock whenever\n\t\t\t\t// something lifts it, restoring the invariant.\n\t\t\t\tappendTransaction(transactions, _oldState, newState) {\n\t\t\t\t\tif (!transactions.some((tr) => tr.docChanged)) {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\t\t\t\t\tconst { doc, schema } = newState;\n\t\t\t\t\tconst codeBlock = schema.nodes['codeBlock'];\n\t\t\t\t\tif (!codeBlock) {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\t\t\t\t\t// Common case: already a single codeBlock → nothing to do.\n\t\t\t\t\tif (doc.childCount === 1 && doc.firstChild?.type === codeBlock) {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\t\t\t\t\t// If a codeBlock survives anywhere, leave it alone (don't fight\n\t\t\t\t\t// legitimate multi-node edits that shouldn't happen in jsonMode).\n\t\t\t\t\tlet hasCodeBlock = false;\n\t\t\t\t\tdoc.forEach((node) => {\n\t\t\t\t\t\tif (node.type === codeBlock) {\n\t\t\t\t\t\t\thasCodeBlock = true;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\tif (hasCodeBlock) {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\t\t\t\t\t// A lift happened: rebuild a single codeBlock from the text\n\t\t\t\t\t// (block boundaries preserved as newlines, matching JSON lines).\n\t\t\t\t\tconst text = doc.textBetween(0, doc.content.size, '\\n');\n\t\t\t\t\tconst tr = newState.tr;\n\t\t\t\t\ttr.replaceWith(\n\t\t\t\t\t\t0,\n\t\t\t\t\t\tdoc.content.size,\n\t\t\t\t\t\tcodeBlock.create(null, text ? schema.text(text) : null),\n\t\t\t\t\t);\n\t\t\t\t\ttr.setSelection(TextSelection.create(tr.doc, 1));\n\t\t\t\t\treturn tr;\n\t\t\t\t},\n\t\t\t}),\n\t\t\tnew Plugin({\n\t\t\t\tkey: new PluginKey('jsonHighlight'),\n\t\t\t\tprops: {\n\t\t\t\t\t// The gutter is a node view, not a widget decoration — see\n\t\t\t\t\t// JsonCodeBlockView for why (MAP-7286).\n\t\t\t\t\tnodeViews: {\n\t\t\t\t\t\tcodeBlock: (node) => new JsonCodeBlockView(node),\n\t\t\t\t\t},\n\t\t\t\t\t// Paste beautify: if the clipboard text is valid JSON, drop in a\n\t\t\t\t\t// pretty-printed version (2-space indent, matching the Beautify\n\t\t\t\t\t// button) instead of the raw blob. Non-JSON pastes fall through to\n\t\t\t\t\t// the default handler untouched.\n\t\t\t\t\thandlePaste(view, event) {\n\t\t\t\t\t\tconst raw = event.clipboardData?.getData('text/plain');\n\t\t\t\t\t\tif (!raw || !raw.trim()) {\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlet value: unknown;\n\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\tvalue = JSON.parse(raw);\n\t\t\t\t\t\t} catch {\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconst pretty = JSON.stringify(value, null, 2);\n\t\t\t\t\t\t// No-op if it was already beautified (avoids a redundant tx).\n\t\t\t\t\t\tif (pretty === raw) {\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconst { state, dispatch } = view;\n\t\t\t\t\t\tconst { from, to } = state.selection;\n\t\t\t\t\t\tdispatch(state.tr.insertText(pretty, from, to).scrollIntoView());\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t},\n\t\t\t\t\t// Inline token colours only. Recolouring an inline span does not\n\t\t\t\t\t// disturb the caret (unlike the old gutter widgets).\n\t\t\t\t\tdecorations(state) {\n\t\t\t\t\t\tconst decorations: Decoration[] = [];\n\t\t\t\t\t\tstate.doc.descendants((node, pos) => {\n\t\t\t\t\t\t\tif (node.type.name !== 'codeBlock') return;\n\t\t\t\t\t\t\tconst text = node.textContent;\n\t\t\t\t\t\t\tif (text.length === 0) return;\n\t\t\t\t\t\t\t// +1: step past the code-block node boundary into its text.\n\t\t\t\t\t\t\tconst base = pos + 1;\n\t\t\t\t\t\t\tfor (const tok of tokenizeJson(text)) {\n\t\t\t\t\t\t\t\tdecorations.push(\n\t\t\t\t\t\t\t\t\tDecoration.inline(base + tok.start, base + tok.end, {\n\t\t\t\t\t\t\t\t\t\tclass: CLASS_BY_TYPE[tok.type],\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t\treturn DecorationSet.create(state.doc, decorations);\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t}),\n\t\t];\n\t},\n});\n"],"names":["CLASS_BY_TYPE","lineCount","text","JsonCodeBlockView","node","pre","gutter","code","count","numbers","n","span","mutation","JsonHighlightExtension","Extension","selection","empty","$from","Plugin","PluginKey","transactions","_oldState","newState","tr","doc","schema","codeBlock","hasCodeBlock","TextSelection","view","event","raw","value","pretty","state","dispatch","from","to","decorations","pos","base","tok","tokenizeJson","Decoration","DecorationSet"],"mappings":"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"}

package/dist/esm/components/SearchFilter/index.js

@@ -6,13 +6,13 @@ import { FilterType as p } from "./types/SearchFilter.type.js";
 import { SearchBar as R } from "../searchBar/searchBar.js";
 const L = ({
   direction: s = "row",
-  schema: f,
+  schema: d,
   variant: w,
   onChange: u,
   showSelectedChips: v
 }) => {
   const i = D(
-    f?.filter((e) => e.defaultValue).map(
+    d?.filter((e) => e.defaultValue).map(
       (e) => ({
         id: e.id,
         value: e.defaultValue,
@@ -20,12 +20,12 @@ const L = ({
         text: e.text
       })
     ) ?? []
-  ), [x, y] = F([]), d = f.find(
+  ), [x, y] = F([]), f = d.find(
     (e) => e.type === p.Search
   ), h = (e) => {
-    d && typeof e == "string" && S(d.id, e);
+    f && typeof e == "string" && S(f.id, e);
   }, S = (e, l) => {
-    const n = f.find((t) => t.id === e), a = [...x];
+    const n = d.find((t) => t.id === e), a = [...x];
     if (n) {
       const t = a.findIndex((r) => r.id === e);
       t !== -1 ? a[t] = { id: n.id, value: l } : a.push({ id: n.id, value: l }), i.current.find(
@@ -48,7 +48,7 @@ const L = ({
       ], u(n.id, i.current, l), y([...a]);
     }
   }, m = (e, l) => {
-    const n = f.find((t) => t.id === e);
+    const n = d.find((t) => t.id === e);
     let a = [...x];
     n && (n.type === p.Multiple ? (a = a.map((t) => {
       if (t.id === e) {
@@ -82,6 +82,7 @@ const L = ({
     /* @__PURE__ */ g(
       "div",
       {
+        "data-testid": "search-filter-row",
         style: {
           display: "flex",
           flexDirection: s,
@@ -90,14 +91,14 @@ const L = ({
           alignItems: s === "row" ? "center" : "self-start"
         },
         children: [
-          d && /* @__PURE__ */ c(
+          f && /* @__PURE__ */ c(
             R,
             {
-              width: d.width?.toString() ?? "100%",
+              width: f.width?.toString() ?? "100%",
               isEnabled: !0,
               onChange: h,
               onEnter: h,
-              placeholder: d.text,
+              placeholder: f.text,
               variant: "small"
             }
           ),
@@ -111,7 +112,7 @@ const L = ({
                 flexWrap: "wrap",
                 alignItems: s === "row" ? "center" : "self-start"
               },
-              children: f.filter((e) => e.type !== p.Search).map((e, l) => /* @__PURE__ */ V(
+              children: d.filter((e) => e.type !== p.Search).map((e, l) => /* @__PURE__ */ V(
                 E,
                 {
                   ...e,

package/dist/esm/components/SearchFilter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/SearchFilter/index.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { SingleOption } from '../dropdown/type';\nimport { SearchBar } from '../searchBar';\nimport { FilterChipListRenderer } from './components/FilterChipListRenderer';\nimport { SearchFilterItem } from './components/SearchFilterItem';\nimport {\n\tFilterType,\n\tFilterValueType,\n\tSearchFilterOutputState,\n\tSearchFilterProps,\n} from './types/SearchFilter.type';\n\nexport const SearchFilter: React.FC<SearchFilterProps> = ({\n\tdirection = 'row',\n\tschema,\n\tvariant,\n\tonChange,\n\tshowSelectedChips,\n}) => {\n\t/** this will always have the latest value and all the selected ids */\n\tconst selectedStateRef = useRef<SearchFilterOutputState[]>(\n\t\tschema\n\t\t\t?.filter((filterItem) => filterItem.defaultValue)\n\t\t\t.map(\n\t\t\t\t(filterItem) =>\n\t\t\t\t\t({\n\t\t\t\t\t\tid: filterItem.id,\n\t\t\t\t\t\tvalue: filterItem.defaultValue,\n\t\t\t\t\t\ttype: filterItem.type,\n\t\t\t\t\t\ttext: filterItem.text,\n\t\t\t\t\t} as SearchFilterOutputState),\n\t\t\t) ?? [],\n\t);\n\n\tconst [selectedIds, setSelectedIds] = useState<\n\t\t{ id: string; value: FilterValueType }[]\n\t>([]);\n\n\tconst searchSchema = schema.find(\n\t\t(filterItem) => filterItem.type === FilterType.Search,\n\t);\n\n\tconst onSearchChange = (searchText: string) => {\n\t\tif (searchSchema && typeof searchText === 'string') {\n\t\t\tselect(searchSchema.id, searchText);\n\t\t}\n\t};\n\n\tconst select = (id: string, value: FilterValueType) => {\n\t\tconst selectedSchema = schema.find((schemaItem) => schemaItem.id === id);\n\t\tconst localSelectedIds = [...selectedIds];\n\n\t\tif (selectedSchema) {\n\t\t\tconst idx = localSelectedIds.findIndex((el) => el.id === id);\n\t\t\tif (idx !== -1) {\n\t\t\t\tlocalSelectedIds[idx] = { id: selectedSchema.id, value };\n\t\t\t} else {\n\t\t\t\tlocalSelectedIds.push({ id: selectedSchema.id, value });\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * loop through selectedStateRef.current and if `id` present (1), update the value\n\t\t\t * and if id not present (2), push\n\t\t\t */\n\n\t\t\tconst idPresent = selectedStateRef.current.find(\n\t\t\t\t(selectedSchemaItem) => selectedSchemaItem.id === id,\n\t\t\t);\n\n\t\t\tif (idPresent) {\n\t\t\t\t/** (1) */\n\t\t\t\tselectedStateRef.current = selectedStateRef.current.map(\n\t\t\t\t\t(selectedSchemaItem) => {\n\t\t\t\t\t\tif (selectedSchemaItem.id === id) {\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\tid: selectedSchemaItem.id,\n\t\t\t\t\t\t\t\tvalue: value,\n\t\t\t\t\t\t\t\ttype: selectedSchemaItem.type,\n\t\t\t\t\t\t\t\ttext: selectedSchemaItem.text,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn selectedSchemaItem;\n\t\t\t\t\t},\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\t/** (2) */\n\t\t\t\tselectedStateRef.current = [\n\t\t\t\t\t...selectedStateRef.current,\n\t\t\t\t\t{\n\t\t\t\t\t\tid: id,\n\t\t\t\t\t\tvalue: value,\n\t\t\t\t\t\ttype: selectedSchema.type,\n\t\t\t\t\t\ttext: selectedSchema.text,\n\t\t\t\t\t},\n\t\t\t\t];\n\t\t\t}\n\n\t\t\tonChange(selectedSchema.id, selectedStateRef.current, value);\n\n\t\t\tsetSelectedIds([...localSelectedIds]);\n\t\t}\n\t};\n\n\tconst deSelect = (id: string, value?: FilterValueType) => {\n\t\tconst selectedSchema = schema.find((schemaItem) => schemaItem.id === id);\n\t\tlet localSelectedIds = [...selectedIds];\n\t\tif (selectedSchema) {\n\t\t\t/**\n\t\t\t * only FilterType.Multiple, id can be present in selectedIds and selectedStateRef, so\n\t\t\t * delete id always except for FilterType.Multiple,\n\t\t\t *\n\t\t\t * for FilterType.Multiple,\n\t\t\t * \t\tif value.length === 0, delete id\n\t\t\t * \t\telse\n\t\t\t * \t\t\tjust update the value\n\t\t\t *\n\t\t\t */\n\n\t\t\tif (selectedSchema.type === FilterType.Multiple) {\n\t\t\t\t/** only update value i.e remove value from selectedItem.value */\n\t\t\t\tlocalSelectedIds = localSelectedIds\n\t\t\t\t\t.map((selected) => {\n\t\t\t\t\t\tif (selected.id === id) {\n\t\t\t\t\t\t\tconst newVal = (selected.value as SingleOption[]).filter(\n\t\t\t\t\t\t\t\t(val) => val.value !== (value as SingleOption).value,\n\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\tif (newVal.length) {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t...selected,\n\t\t\t\t\t\t\t\t\tvalue: newVal,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn selected;\n\t\t\t\t\t})\n\t\t\t\t\t.filter((selected) => !!selected) as {\n\t\t\t\t\tid: string;\n\t\t\t\t\tvalue: FilterValueType;\n\t\t\t\t}[];\n\n\t\t\t\tselectedStateRef.current = selectedStateRef.current\n\t\t\t\t\t.map((selectedItem) => {\n\t\t\t\t\t\tif (selectedItem.id === id) {\n\t\t\t\t\t\t\tconst newVal = (selectedItem.value as SingleOption[])?.filter(\n\t\t\t\t\t\t\t\t(val) => val.value !== (value as SingleOption).value,\n\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\tif (newVal.length) {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t...selectedItem,\n\t\t\t\t\t\t\t\t\tvalue: newVal,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn selectedItem;\n\t\t\t\t\t})\n\t\t\t\t\t.filter((selected) => !!selected) as SearchFilterOutputState[];\n\t\t\t} else {\n\t\t\t\t/** Delete  */\n\t\t\t\tlocalSelectedIds = localSelectedIds.filter(\n\t\t\t\t\t(selected) => selected.id !== id,\n\t\t\t\t);\n\n\t\t\t\tselectedStateRef.current = selectedStateRef.current.filter(\n\t\t\t\t\t(selectedItem) => selectedItem.id !== id,\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tonChange(selectedSchema.id, selectedStateRef.current, value);\n\n\t\t\tsetSelectedIds([...localSelectedIds]);\n\t\t}\n\t};\n\n\treturn (\n\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: direction,\n\t\t\t\t\tgap: 8,\n\t\t\t\t\tflexWrap: 'wrap',\n\t\t\t\t\talignItems: direction === 'row' ? 'center' : 'self-start',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{searchSchema && (\n\t\t\t\t\t<SearchBar\n\t\t\t\t\t\twidth={searchSchema.width?.toString() ?? '100%'}\n\t\t\t\t\t\tisEnabled={true}\n\t\t\t\t\t\tonChange={onSearchChange}\n\t\t\t\t\t\tonEnter={onSearchChange}\n\t\t\t\t\t\tplaceholder={searchSchema.text}\n\t\t\t\t\t\tvariant={'small'}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tgap: 8,\n\t\t\t\t\t\tflexWrap: 'wrap',\n\t\t\t\t\t\talignItems: direction === 'row' ? 'center' : 'self-start',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{schema\n\t\t\t\t\t\t.filter((filterItem) => filterItem.type !== FilterType.Search)\n\t\t\t\t\t\t.map((filterItem, i) => (\n\t\t\t\t\t\t\t<SearchFilterItem\n\t\t\t\t\t\t\t\t{...filterItem}\n\t\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\t\tvariant={variant}\n\t\t\t\t\t\t\t\tonChange={(val) => {\n\t\t\t\t\t\t\t\t\tselect(filterItem.id, val);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{showSelectedChips && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tgap: 8,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<FilterChipListRenderer\n\t\t\t\t\t\tselectedState={selectedStateRef.current}\n\t\t\t\t\t\tonDeSelect={deSelect}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["SearchFilter","direction","schema","variant","onChange","showSelectedChips","selectedStateRef","useRef","filterItem","selectedIds","setSelectedIds","useState","searchSchema","FilterType","onSearchChange","searchText","select","id","value","selectedSchema","schemaItem","localSelectedIds","idx","el","selectedSchemaItem","deSelect","selected","newVal","val","selectedItem","jsxs","jsx","SearchBar","i","createElement","SearchFilterItem","FilterChipListRenderer"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/SearchFilter/index.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { SingleOption } from '../dropdown/type';\nimport { SearchBar } from '../searchBar';\nimport { FilterChipListRenderer } from './components/FilterChipListRenderer';\nimport { SearchFilterItem } from './components/SearchFilterItem';\nimport {\n\tFilterType,\n\tFilterValueType,\n\tSearchFilterOutputState,\n\tSearchFilterProps,\n} from './types/SearchFilter.type';\n\nexport const SearchFilter: React.FC<SearchFilterProps> = ({\n\tdirection = 'row',\n\tschema,\n\tvariant,\n\tonChange,\n\tshowSelectedChips,\n}) => {\n\t/** this will always have the latest value and all the selected ids */\n\tconst selectedStateRef = useRef<SearchFilterOutputState[]>(\n\t\tschema\n\t\t\t?.filter((filterItem) => filterItem.defaultValue)\n\t\t\t.map(\n\t\t\t\t(filterItem) =>\n\t\t\t\t\t({\n\t\t\t\t\t\tid: filterItem.id,\n\t\t\t\t\t\tvalue: filterItem.defaultValue,\n\t\t\t\t\t\ttype: filterItem.type,\n\t\t\t\t\t\ttext: filterItem.text,\n\t\t\t\t\t} as SearchFilterOutputState),\n\t\t\t) ?? [],\n\t);\n\n\tconst [selectedIds, setSelectedIds] = useState<\n\t\t{ id: string; value: FilterValueType }[]\n\t>([]);\n\n\tconst searchSchema = schema.find(\n\t\t(filterItem) => filterItem.type === FilterType.Search,\n\t);\n\n\tconst onSearchChange = (searchText: string) => {\n\t\tif (searchSchema && typeof searchText === 'string') {\n\t\t\tselect(searchSchema.id, searchText);\n\t\t}\n\t};\n\n\tconst select = (id: string, value: FilterValueType) => {\n\t\tconst selectedSchema = schema.find((schemaItem) => schemaItem.id === id);\n\t\tconst localSelectedIds = [...selectedIds];\n\n\t\tif (selectedSchema) {\n\t\t\tconst idx = localSelectedIds.findIndex((el) => el.id === id);\n\t\t\tif (idx !== -1) {\n\t\t\t\tlocalSelectedIds[idx] = { id: selectedSchema.id, value };\n\t\t\t} else {\n\t\t\t\tlocalSelectedIds.push({ id: selectedSchema.id, value });\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * loop through selectedStateRef.current and if `id` present (1), update the value\n\t\t\t * and if id not present (2), push\n\t\t\t */\n\n\t\t\tconst idPresent = selectedStateRef.current.find(\n\t\t\t\t(selectedSchemaItem) => selectedSchemaItem.id === id,\n\t\t\t);\n\n\t\t\tif (idPresent) {\n\t\t\t\t/** (1) */\n\t\t\t\tselectedStateRef.current = selectedStateRef.current.map(\n\t\t\t\t\t(selectedSchemaItem) => {\n\t\t\t\t\t\tif (selectedSchemaItem.id === id) {\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\tid: selectedSchemaItem.id,\n\t\t\t\t\t\t\t\tvalue: value,\n\t\t\t\t\t\t\t\ttype: selectedSchemaItem.type,\n\t\t\t\t\t\t\t\ttext: selectedSchemaItem.text,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn selectedSchemaItem;\n\t\t\t\t\t},\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\t/** (2) */\n\t\t\t\tselectedStateRef.current = [\n\t\t\t\t\t...selectedStateRef.current,\n\t\t\t\t\t{\n\t\t\t\t\t\tid: id,\n\t\t\t\t\t\tvalue: value,\n\t\t\t\t\t\ttype: selectedSchema.type,\n\t\t\t\t\t\ttext: selectedSchema.text,\n\t\t\t\t\t},\n\t\t\t\t];\n\t\t\t}\n\n\t\t\tonChange(selectedSchema.id, selectedStateRef.current, value);\n\n\t\t\tsetSelectedIds([...localSelectedIds]);\n\t\t}\n\t};\n\n\tconst deSelect = (id: string, value?: FilterValueType) => {\n\t\tconst selectedSchema = schema.find((schemaItem) => schemaItem.id === id);\n\t\tlet localSelectedIds = [...selectedIds];\n\t\tif (selectedSchema) {\n\t\t\t/**\n\t\t\t * only FilterType.Multiple, id can be present in selectedIds and selectedStateRef, so\n\t\t\t * delete id always except for FilterType.Multiple,\n\t\t\t *\n\t\t\t * for FilterType.Multiple,\n\t\t\t * \t\tif value.length === 0, delete id\n\t\t\t * \t\telse\n\t\t\t * \t\t\tjust update the value\n\t\t\t *\n\t\t\t */\n\n\t\t\tif (selectedSchema.type === FilterType.Multiple) {\n\t\t\t\t/** only update value i.e remove value from selectedItem.value */\n\t\t\t\tlocalSelectedIds = localSelectedIds\n\t\t\t\t\t.map((selected) => {\n\t\t\t\t\t\tif (selected.id === id) {\n\t\t\t\t\t\t\tconst newVal = (selected.value as SingleOption[]).filter(\n\t\t\t\t\t\t\t\t(val) => val.value !== (value as SingleOption).value,\n\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\tif (newVal.length) {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t...selected,\n\t\t\t\t\t\t\t\t\tvalue: newVal,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn selected;\n\t\t\t\t\t})\n\t\t\t\t\t.filter((selected) => !!selected) as {\n\t\t\t\t\tid: string;\n\t\t\t\t\tvalue: FilterValueType;\n\t\t\t\t}[];\n\n\t\t\t\tselectedStateRef.current = selectedStateRef.current\n\t\t\t\t\t.map((selectedItem) => {\n\t\t\t\t\t\tif (selectedItem.id === id) {\n\t\t\t\t\t\t\tconst newVal = (selectedItem.value as SingleOption[])?.filter(\n\t\t\t\t\t\t\t\t(val) => val.value !== (value as SingleOption).value,\n\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\tif (newVal.length) {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t...selectedItem,\n\t\t\t\t\t\t\t\t\tvalue: newVal,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn selectedItem;\n\t\t\t\t\t})\n\t\t\t\t\t.filter((selected) => !!selected) as SearchFilterOutputState[];\n\t\t\t} else {\n\t\t\t\t/** Delete  */\n\t\t\t\tlocalSelectedIds = localSelectedIds.filter(\n\t\t\t\t\t(selected) => selected.id !== id,\n\t\t\t\t);\n\n\t\t\t\tselectedStateRef.current = selectedStateRef.current.filter(\n\t\t\t\t\t(selectedItem) => selectedItem.id !== id,\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tonChange(selectedSchema.id, selectedStateRef.current, value);\n\n\t\t\tsetSelectedIds([...localSelectedIds]);\n\t\t}\n\t};\n\n\treturn (\n\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>\n\t\t\t<div\n\t\t\t\tdata-testid=\"search-filter-row\"\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: direction,\n\t\t\t\t\tgap: 8,\n\t\t\t\t\tflexWrap: 'wrap',\n\t\t\t\t\talignItems: direction === 'row' ? 'center' : 'self-start',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{searchSchema && (\n\t\t\t\t\t<SearchBar\n\t\t\t\t\t\twidth={searchSchema.width?.toString() ?? '100%'}\n\t\t\t\t\t\tisEnabled={true}\n\t\t\t\t\t\tonChange={onSearchChange}\n\t\t\t\t\t\tonEnter={onSearchChange}\n\t\t\t\t\t\tplaceholder={searchSchema.text}\n\t\t\t\t\t\tvariant={'small'}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tgap: 8,\n\t\t\t\t\t\tflexWrap: 'wrap',\n\t\t\t\t\t\talignItems: direction === 'row' ? 'center' : 'self-start',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{schema\n\t\t\t\t\t\t.filter((filterItem) => filterItem.type !== FilterType.Search)\n\t\t\t\t\t\t.map((filterItem, i) => (\n\t\t\t\t\t\t\t<SearchFilterItem\n\t\t\t\t\t\t\t\t{...filterItem}\n\t\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\t\tvariant={variant}\n\t\t\t\t\t\t\t\tonChange={(val) => {\n\t\t\t\t\t\t\t\t\tselect(filterItem.id, val);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{showSelectedChips && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tgap: 8,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<FilterChipListRenderer\n\t\t\t\t\t\tselectedState={selectedStateRef.current}\n\t\t\t\t\t\tonDeSelect={deSelect}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["SearchFilter","direction","schema","variant","onChange","showSelectedChips","selectedStateRef","useRef","filterItem","selectedIds","setSelectedIds","useState","searchSchema","FilterType","onSearchChange","searchText","select","id","value","selectedSchema","schemaItem","localSelectedIds","idx","el","selectedSchemaItem","deSelect","selected","newVal","val","selectedItem","jsxs","jsx","SearchBar","i","createElement","SearchFilterItem","FilterChipListRenderer"],"mappings":"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"}

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

@@ -1,12 +1,12 @@
-import { jsx as o, jsxs as m } from "react/jsx-runtime";
-import { useState as l, useCallback as t } from "react";
+import { jsx as o, jsxs as h } from "react/jsx-runtime";
+import { useState as c, useCallback as t } from "react";
 import { COLORS as ie } from "../../constants/Theme.js";
-import { BuilderRoot as se, Main as le, Rail as de, Content as ce, ContentCard as ue, StepScroll as ge } from "./AgentBuilder.styled.js";
+import { BuilderRoot as se, Main as le, Rail as ce, Content as de, ContentCard as ue, StepScroll as ge } from "./AgentBuilder.styled.js";
 import { AgentBuilderFooter as fe } from "./components/AgentBuilderFooter.js";
-import { AgentBuilderTopBar as he } from "./components/AgentBuilderTopBar.js";
-import { DiscardModal as me } from "./components/DiscardModal.js";
-import { GoLiveModal as pe } from "./components/GoLiveModal.js";
-import { StepRail as ve } from "./components/StepRail.js";
+import { AgentBuilderTopBar as me } from "./components/AgentBuilderTopBar.js";
+import { DiscardModal as he } from "./components/DiscardModal.js";
+import { GoLiveModal as ve } from "./components/GoLiveModal.js";
+import { StepRail as pe } from "./components/StepRail.js";
 import { UndoToast as Se } from "./components/UndoToast.js";
 import { AgentBuilderProvider as be, useAgentBuilderContext as Ce } from "./context/AgentBuilderContext.js";
 import { Step1About as Ae } from "./steps/Step1About.js";
@@ -30,87 +30,87 @@ const Be = () => {
   }
 }, Ge = (d) => {
   const {
-    config: G,
-    onChange: p,
-    onStepChange: c,
-    onDiscard: v,
+    config: P,
+    onChange: v,
+    onStepChange: u,
+    onDiscard: p,
     onSaveDraft: r,
     onPublish: S,
-    onBack: u,
-    onTestAgent: g,
-    onGoToDashboard: f,
+    onBack: g,
+    onTestAgent: f,
+    onGoToDashboard: m,
     onCreateSubAgent: i,
-    onFetchSubAgent: I,
-    onUpdateSubAgent: P,
-    onImproveSubAgent: w,
-    onImproveToolInstructions: M,
-    onConnectIntegration: k,
-    ...R
+    onFetchSubAgent: w,
+    onUpdateSubAgent: M,
+    onImproveSubAgent: k,
+    onImproveToolInstructions: R,
+    onConnectIntegration: x,
+    ...j
   } = d, {
-    value: h,
-    activeStep: x,
-    availableTools: j,
-    availableSubAgents: H,
-    availableIntents: F = [],
-    availableModels: N = [],
-    configToolTemplates: O,
-    integrationStatus: U,
-    validation: z,
-    applicationType: E,
-    charLimits: W,
+    value: s,
+    activeStep: H,
+    availableTools: F,
+    availableSubAgents: N,
+    availableIntents: O = [],
+    availableModels: U = [],
+    configToolTemplates: z,
+    integrationStatus: E,
+    validation: W,
+    applicationType: $,
+    charLimits: q,
     isSaving: b,
     isPublishing: C,
-    isLoading: $,
-    footerHint: q = "Changes don’t affect customers until you go live",
-    disableStepNavigation: J,
+    isLoading: J,
+    footerHint: K = "Changes don’t affect customers until you go live",
+    disableStepNavigation: Q,
     debugLog: A
-  } = G, [K, a] = l(null), [L, D] = l(!1), [Q, s] = l(!1), [T, y] = l(!1), e = t(
+  } = P, [L, a] = c(null), [D, T] = c(!1), [V, l] = c(!1), [y, B] = c(!1), e = t(
     (n, ...re) => {
       A && console.log(`[AgentBuilder] ${n}`, ...re);
     },
     [A]
-  ), V = t(
+  ), X = t(
     (n) => {
-      e("onChange", n), p(n);
+      e("onChange", n), v(n);
     },
-    [e, p]
-  ), X = t(
+    [e, v]
+  ), Y = t(
     (n) => {
-      e("onStepChange", n), c?.(n);
+      e("onStepChange", n), u?.(n);
     },
-    [e, c]
-  ), Y = t(() => (e("onSaveDraft"), r()), [e, r]), Z = t(() => (e("onPublish"), S()), [e, S]), _ = t(() => {
-    e("onBack"), s(!0);
-  }, [e]), ee = t(() => {
-    e("onDiscardAndLeave"), s(!1), v();
-  }, [e, v]), B = t(async () => {
+    [e, u]
+  ), Z = t(() => (e("onSaveDraft"), r()), [e, r]), _ = t(() => (e("onPublish"), S()), [e, S]), ee = t(() => {
+    e("onBack"), l(!0);
+  }, [e]), ne = t(() => {
+    e("onDiscardAndLeave"), l(!1), p();
+  }, [e, p]), G = t(async () => {
     e("onSaveDraftAndLeave");
     const n = r();
     if (n && typeof n.then == "function") {
-      y(!0);
+      B(!0);
       try {
         await n;
       } finally {
-        y(!1);
+        B(!1);
       }
     }
-    s(!1), u?.();
-  }, [e, r, u]), ne = t(() => {
-    e("onTestAgent"), g?.();
-  }, [e, g]), oe = t(() => {
-    e("onGoToDashboard"), f?.();
-  }, [e, f]), te = t(
+    l(!1), g?.();
+  }, [e, r, g]), oe = t(() => {
+    e("onTestAgent"), f?.();
+  }, [e, f]), I = t(() => {
+    e("onGoToDashboard"), m?.();
+  }, [e, m]), te = t(
     (n) => (e("onCreateSubAgent", n), i ? i(n) : Promise.reject(new Error("onCreateSubAgent not provided"))),
     [e, i]
   ), ae = async () => {
     e("onGoLiveConfirm");
-    const n = Z();
+    const n = _();
     if (n && typeof n.then == "function") {
-      D(!0);
+      T(!0);
       try {
         await n, a("success");
       } finally {
-        D(!1);
+        T(!1);
       }
     } else
       a("success");
@@ -118,40 +118,40 @@ const Be = () => {
   return /* @__PURE__ */ o(
     be,
     {
-      value: h,
-      onChange: V,
-      activeStep: x,
-      onStepChange: c ? X : void 0,
-      availableTools: j,
-      availableSubAgents: H,
-      availableIntents: F,
-      availableModels: N,
-      configToolTemplates: O,
-      integrationStatus: U,
-      onConnectIntegration: k,
-      validation: z,
-      applicationType: E,
-      charLimits: W,
-      disableStepNavigation: J,
+      value: s,
+      onChange: X,
+      activeStep: H,
+      onStepChange: u ? Y : void 0,
+      availableTools: F,
+      availableSubAgents: N,
+      availableIntents: O,
+      availableModels: U,
+      configToolTemplates: z,
+      integrationStatus: E,
+      onConnectIntegration: x,
+      validation: W,
+      applicationType: $,
+      charLimits: q,
+      disableStepNavigation: Q,
       onCreateSubAgent: i ? te : void 0,
-      onFetchSubAgent: I,
-      onUpdateSubAgent: P,
-      onImproveSubAgent: w,
-      onImproveToolInstructions: M,
-      children: /* @__PURE__ */ m(se, { "data-test": R["data-test"] ?? "agent-builder", children: [
+      onFetchSubAgent: w,
+      onUpdateSubAgent: M,
+      onImproveSubAgent: k,
+      onImproveToolInstructions: R,
+      children: /* @__PURE__ */ h(se, { "data-test": j["data-test"] ?? "agent-builder", children: [
         /* @__PURE__ */ o(
-          he,
+          me,
           {
-            name: h.name,
-            status: h.status,
-            onBack: u ? _ : void 0,
-            onSaveDraft: B,
-            isSaving: b || T
+            name: s.name,
+            status: s.status,
+            onBack: g ? ee : void 0,
+            onSaveDraft: G,
+            isSaving: b || y
           }
         ),
-        /* @__PURE__ */ m(le, { children: [
-          /* @__PURE__ */ o(de, { children: /* @__PURE__ */ o(ve, {}) }),
-          /* @__PURE__ */ o(ce, { children: $ ? /* @__PURE__ */ o(
+        /* @__PURE__ */ h(le, { children: [
+          /* @__PURE__ */ o(ce, { children: /* @__PURE__ */ o(pe, {}) }),
+          /* @__PURE__ */ o(de, { children: J ? /* @__PURE__ */ o(
             "div",
             {
               style: {
@@ -162,42 +162,46 @@ const Be = () => {
               },
               children: /* @__PURE__ */ o(ye, { size: "large", color: ie.stroke.brand })
             }
-          ) : /* @__PURE__ */ m(ue, { children: [
+          ) : /* @__PURE__ */ h(ue, { children: [
             /* @__PURE__ */ o(ge, { children: /* @__PURE__ */ o(Be, {}) }),
             /* @__PURE__ */ o(
               fe,
               {
-                footerHint: q,
-                onTestAgent: g ? ne : void 0,
+                footerHint: K,
+                onTestAgent: f ? oe : void 0,
                 onGoLive: () => {
                   e("onGoLive"), a("confirm");
                 },
-                isPublishing: C || L
+                isPublishing: C || D
               }
             )
           ] }) })
         ] }),
         /* @__PURE__ */ o(
-          pe,
+          ve,
           {
-            mode: K,
-            onClose: () => a(null),
+            mode: L,
+            onClose: () => {
+              const n = L === "success";
+              a(null), n && I();
+            },
             onConfirm: ae,
             onSaveDraft: () => {
-              a(null), Y();
+              a(null), Z();
             },
-            onGoToDashboard: f ? oe : void 0,
-            isPublishing: C || L
+            onGoToDashboard: m ? I : void 0,
+            isPublishing: C || D
           }
         ),
         /* @__PURE__ */ o(
-          me,
+          he,
           {
-            open: Q,
-            onClose: () => s(!1),
-            onDiscard: ee,
-            onSaveDraft: B,
-            isSaving: b || T
+            open: V,
+            onClose: () => l(!1),
+            onDiscard: ne,
+            onSaveDraft: G,
+            disableSaveDraft: !s.name.trim(),
+            isSaving: b || y
           }
         ),
         /* @__PURE__ */ o(Se, {})

package/dist/esm/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\tStepScroll,\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\tonImproveToolInstructions,\n\t\tonConnectIntegration,\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\tconfigToolTemplates,\n\t\tintegrationStatus,\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 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\tconfigToolTemplates={configToolTemplates}\n\t\t\tintegrationStatus={integrationStatus}\n\t\t\tonConnectIntegration={onConnectIntegration}\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\tonImproveToolInstructions={onImproveToolInstructions}\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\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<StepScroll>\n\t\t\t\t\t\t\t\t\t<StepContent />\n\t\t\t\t\t\t\t\t</StepScroll>\n\t\t\t\t\t\t\t\t<AgentBuilderFooter\n\t\t\t\t\t\t\t\t\tfooterHint={footerHint}\n\t\t\t\t\t\t\t\t\tonTestAgent={onTestAgent ? handleTestAgent : undefined}\n\t\t\t\t\t\t\t\t\tonGoLive={() => {\n\t\t\t\t\t\t\t\t\t\tlogAction('onGoLive');\n\t\t\t\t\t\t\t\t\t\tsetModalMode('confirm');\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tisPublishing={isPublishing || publishingLocal}\n\t\t\t\t\t\t\t\t/>\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<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","onImproveToolInstructions","onConnectIntegration","rest","value","availableTools","availableSubAgents","availableIntents","availableModels","configToolTemplates","integrationStatus","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","handleSaveDraft","handlePublish","handleBack","handleDiscardAndLeave","handleSaveDraftAndLeave","result","handleTestAgent","handleGoToDashboard","handleCreateSubAgent","draft","handleConfirmGoLive","jsx","AgentBuilderProvider","BuilderRoot","AgentBuilderTopBar","Main","Rail","StepRail","Content","Spinner","COLORS","ContentCard","StepScroll","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\tStepScroll,\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\tonImproveToolInstructions,\n\t\tonConnectIntegration,\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\tconfigToolTemplates,\n\t\tintegrationStatus,\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 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\tconfigToolTemplates={configToolTemplates}\n\t\t\tintegrationStatus={integrationStatus}\n\t\t\tonConnectIntegration={onConnectIntegration}\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\tonImproveToolInstructions={onImproveToolInstructions}\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\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<StepScroll>\n\t\t\t\t\t\t\t\t\t<StepContent />\n\t\t\t\t\t\t\t\t</StepScroll>\n\t\t\t\t\t\t\t\t<AgentBuilderFooter\n\t\t\t\t\t\t\t\t\tfooterHint={footerHint}\n\t\t\t\t\t\t\t\t\tonTestAgent={onTestAgent ? handleTestAgent : undefined}\n\t\t\t\t\t\t\t\t\tonGoLive={() => {\n\t\t\t\t\t\t\t\t\t\tlogAction('onGoLive');\n\t\t\t\t\t\t\t\t\t\tsetModalMode('confirm');\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tisPublishing={isPublishing || publishingLocal}\n\t\t\t\t\t\t\t\t/>\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<GoLiveModal\n\t\t\t\t\tmode={modalMode}\n\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\tconst wasSuccess = modalMode === 'success';\n\t\t\t\t\t\tsetModalMode(null);\n\t\t\t\t\t\tif (wasSuccess) {\n\t\t\t\t\t\t\thandleGoToDashboard();\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\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\tdisableSaveDraft={!value.name.trim()}\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","onImproveToolInstructions","onConnectIntegration","rest","value","availableTools","availableSubAgents","availableIntents","availableModels","configToolTemplates","integrationStatus","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","handleSaveDraft","handlePublish","handleBack","handleDiscardAndLeave","handleSaveDraftAndLeave","result","handleTestAgent","handleGoToDashboard","handleCreateSubAgent","draft","handleConfirmGoLive","jsx","AgentBuilderProvider","BuilderRoot","AgentBuilderTopBar","Main","Rail","StepRail","Content","Spinner","COLORS","ContentCard","StepScroll","AgentBuilderFooter","GoLiveModal","wasSuccess","DiscardModal","UndoToast"],"mappings":"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"}

package/dist/esm/components/agent-builder/AgentBuilder.styled.d.ts

@@ -80,12 +80,6 @@ export declare const RadioCardText: import('styled-components').StyledComponent<
 export declare const ChipWrap: import('styled-components').StyledComponent<"div", any, {
     className: "bik-chip-wrap";
 }, "className">;
-export declare const IntentChip: import('styled-components').StyledComponent<"div", any, {
-    className: "bik-intent-chip";
-}, "className">;
-export declare const ChipCloseButton: import('styled-components').StyledComponent<"button", any, {
-    className: "bik-chip-close-button";
-}, "className">;
 export declare const AddChipButton: import('styled-components').StyledComponent<"button", any, {
     className: "bik-add-chip-button";
 }, "className">;
@@ -133,6 +127,9 @@ export declare const RowActionDivider: import('styled-components').StyledCompone
 export declare const RowMenuButton: import('styled-components').StyledComponent<"button", any, {
     className: "bik-row-menu-button";
 }, "className">;
+export declare const DraftButtonScope: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-draft-button-scope";
+}, "className">;
 export declare const ModalBody: import('styled-components').StyledComponent<"div", any, {
     className: "bik-modal-body";
 }, "className">;