@bikdotai/bik-component-library 0.0.853-beta.0 → 0.0.853

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.853-beta.0",
+	"version": "0.0.853",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",

package/dist/cjs/components/add-variableV2/AddDataPill.js

@@ -1,10 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../assets/icons/plus.svg.js"),o=require("styled-components"),s=require("./AddVariableBox.styled.js"),n=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},r=n(o),c=({onOpen:t,label:d="Add data",...a})=>e.jsx(u,{type:"button","data-test":a["data-test"]??"add-data-pill",onMouseDown:l=>l.preventDefault(),onClick:t,children:e.jsxs("div",{className:"add",children:[e.jsx(i.default,{width:16,height:16,color:"white"}),e.jsx("div",{children:d})]})}),u=r.default(s.AddVariableStyled)`
-	bottom: -30px;
-	z-index: 20;
-	white-space: nowrap;
-
-	.add {
-		gap: 4px;
-	}
-`;exports.AddDataPill=c;
-//# sourceMappingURL=AddDataPill.js.map

package/dist/cjs/components/add-variableV2/AddDataPill.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AddDataPill.js","sources":["../../../../src/components/add-variableV2/AddDataPill.tsx"],"sourcesContent":["import PlusIcon from '@src/assets/icons/plus.svg';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { AddVariableStyled } from './AddVariableBox.styled';\n\ninterface AddDataPillProps {\n\t/** Open the reference / variable menu (same as typing `@` in the field). */\n\tonOpen: () => void;\n\t/**\n\t * Button text. \"Add data\" (default) where `@` opens the full reference menu\n\t * (tools / sub-agents / variables); pass \"Add variable\" where `@` opens the\n\t * variable picker directly.\n\t */\n\tlabel?: string;\n\t'data-test'?: string;\n}\n\n/**\n * The floating \"+ Add data\" affordance shown at a focused field's bottom-right\n * corner. Reuses the dashboard's standard Add-variable button styling\n * ({@link AddVariableStyled}, as used by `InputWithVariables`). The parent\n * anchors it: render inside a `position: relative` container.\n *\n * `onMouseDown` is swallowed so clicking never blurs the field — the pill is\n * typically shown only while the field has focus, and the menu inserts at the\n * field's caret.\n */\nexport const AddDataPill: React.FC<AddDataPillProps> = ({\n\tonOpen,\n\tlabel = 'Add data',\n\t...rest\n}) => (\n\t<PillStyled\n\t\ttype=\"button\"\n\t\tdata-test={rest['data-test'] ?? 'add-data-pill'}\n\t\tonMouseDown={(e) => e.preventDefault()}\n\t\tonClick={onOpen}\n\t>\n\t\t<div className=\"add\">\n\t\t\t{/* svgr strips svg dimensions — size explicitly or it renders huge. */}\n\t\t\t<PlusIcon width={16} height={16} color=\"white\" />\n\t\t\t<div>{label}</div>\n\t\t</div>\n\t</PillStyled>\n);\n\nconst PillStyled = styled(AddVariableStyled)`\n\tbottom: -30px;\n\tz-index: 20;\n\twhite-space: nowrap;\n\n\t.add {\n\t\tgap: 4px;\n\t}\n`;\n"],"names":["AddDataPill","onOpen","label","rest","jsx","PillStyled","e","jsxs","PlusIcon","styled","AddVariableStyled"],"mappings":"uSA2BaA,EAA0C,CAAC,CACvD,OAAAC,EACA,MAAAC,EAAQ,WACR,GAAGC,CACJ,IACCC,EAAAA,IAACC,EAAA,CACA,KAAK,SACL,YAAWF,EAAK,WAAW,GAAK,gBAChC,YAAcG,GAAMA,EAAE,eAAA,EACtB,QAASL,EAET,SAAAM,EAAAA,KAAC,MAAA,CAAI,UAAU,MAEd,SAAA,CAAAH,MAACI,EAAAA,SAAS,MAAO,GAAI,OAAQ,GAAI,MAAM,QAAQ,EAC/CJ,EAAAA,IAAC,OAAK,SAAAF,CAAA,CAAM,CAAA,CAAA,CACb,CAAA,CACD,EAGKG,EAAaI,EAAAA,QAAOC,mBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

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

@@ -1,65 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),r=require("react"),p=require("styled-components"),x=require("../../TypographyStyle.js"),l=require("../../../constants/Theme.js"),o=require("../utils/mentionSerialization.js"),v=require("./MentionPicker.js"),k=require("./VariableTriggerArea.js"),S=require("../../../editor/BikEditor.js"),C=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},w=C(p),T=e=>o.variableTokenName(e).replace(/^variable:/,""),I=({value:e,onChange:c,label:h,placeholder:m,variablesData:n,...f})=>{const s=r.useRef(null),a=(n?.length??0)>0,u=r.useMemo(()=>o.buildVariableMentionItems(n),[n]),b=r.useMemo(()=>o.instructionsToEditorHtml(e,u),[a]),d=r.useCallback(t=>{s.current?.insertInlineContent(o.buildMentionHtml(t,`{{${t}}}`,"variable"))},[]),g=r.useCallback(t=>d(o.variableTokenName(t.actualValue)),[d]),y=r.useCallback(()=>{const t=s.current?.getJSON()??null;c(o.editorDocToInstructions(t,[]).replace(/\n+/g,""))},[c]);return i.jsxs(M,{children:[h&&i.jsx(x.TitleSmall,{color:l.COLORS.content.primary,children:h}),i.jsx(k.VariableTriggerArea,{variablesData:n,addDataButton:!0,skipNativeBoundaries:!0,onInsert:t=>d(T(t)),children:i.jsx(j,{$atHint:a,"data-test":f["data-test"],children:i.jsx(S.BikEditor,{ref:s,initialContent:b,placeholder:m,minHeight:"20px",maxHeight:"20px",style:{border:"none"},editorStyle:O,onSend:()=>{},sendShortcut:{key:"Enter"},mentions:{agents:u,removeTriggerOnDismiss:!0,renderDropdown:t=>i.jsx(v.MentionPicker,{...t,variablesData:n,onSelectVariable:g})},onChange:y},a?"v1":"v0")})})]})},O={padding:0,fontFamily:"Inter",fontSize:"14px",lineHeight:"20px"},M=w.default.div`
-	display: flex;
-	flex-direction: column;
-	gap: 4px;
-	width: 100%;
-	/* In a flex row (header key/value pairs) share the space and allow
-	   shrinking below content width — long values scroll inside the field
-	   instead of widening the row / drawer. */
-	flex: 1 1 0%;
-	min-width: 0;
-`,j=w.default.div`
-	/* No global reset in every host — without this, width:100% + padding
-	   overflows the drawer by the padding + border (the reported overflow). */
-	box-sizing: border-box;
-	display: flex;
-	align-items: center;
-	width: 100%;
-	min-width: 0;
-	overflow: hidden;
-	padding: 6px 12px;
-	background: ${l.COLORS.surface.standard};
-	border: 1px solid ${l.COLORS.stroke.primary};
-	border-radius: 4px;
-
-	/* The editor root is width:100% — cap it so a long value scrolls inside
-	   the ProseMirror line rather than stretching the shell. */
-	> div {
-		width: 100%;
-		min-width: 0;
-	}
-
-	&:focus-within {
-		border-color: ${l.COLORS.stroke.brand};
-	}
-
-	/* While the (empty) field is focused, the placeholder switches to the @
-	   hint — only when a catalog makes @ do anything; unfocused (or without
-	   variables) it shows the field's own placeholder. */
-	${e=>e.$atHint&&p.css`
-			.ProseMirror.ProseMirror-focused p.is-editor-empty:first-child::before {
-				content: 'Enter text, type @ to add variable';
-			}
-		`}
-
-	/* Keep the editor to one visual line; long values scroll horizontally the
-	   way a native input does. */
-	.ProseMirror {
-		width: 100%;
-		max-width: 100%;
-		white-space: nowrap;
-		overflow-x: auto;
-		overflow-y: hidden;
-		word-break: normal;
-		scrollbar-width: none;
-
-		&::-webkit-scrollbar {
-			display: none;
-		}
-	}
-
-	.ProseMirror p {
-		display: inline;
-	}
-`;exports.VariableInlineField=I;
-//# sourceMappingURL=VariableInlineField.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"VariableInlineField.js","sources":["../../../../../src/components/agent-builder/components/VariableInlineField.tsx"],"sourcesContent":["import { BikEditor, BikEditorRef } from '@src/editor';\nimport React, { useCallback, useMemo, useRef } from 'react';\nimport styled, { css } from 'styled-components';\nimport { TitleSmall } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport type {\n\tVariableListInterfaceV3,\n\tVariableV3,\n} from '../../variable-picker-v3/model';\nimport {\n\tbuildMentionHtml,\n\tbuildVariableMentionItems,\n\teditorDocToInstructions,\n\tinstructionsToEditorHtml,\n\tvariableTokenName,\n} from '../utils/mentionSerialization';\nimport { MentionPicker } from './MentionPicker';\nimport { VariableTriggerArea } from './VariableTriggerArea';\n\ninterface VariableInlineFieldProps {\n\t/** Stored string, `{{variable:<name>}}` tokens inline (e.g. a URL). */\n\tvalue: string;\n\tonChange: (text: string) => void;\n\tlabel?: string;\n\tplaceholder?: string;\n\t/** Variable catalog. Absent / empty → behaves as a plain single-line input. */\n\tvariablesData?: VariableListInterfaceV3[];\n\t'data-test'?: string;\n}\n\n/** `{{variable:a.b}}` / `{{a.b}}` → `a.b`. */\nconst nameOf = (token: string): string =>\n\tvariableTokenName(token).replace(/^variable:/, '');\n\n/**\n * Single-line text field whose `{{variable:<name>}}` tokens render as the\n * SAME purple `{{<name>}}` chips as the Instructions / Guardrails editors —\n * BikEditor under the hood, styled like the small `Input`. Used for tool\n * params that mix free text with variables (Request URL, header values).\n *\n * `@` opens the variable panel: after whitespace / at the start via the\n * editor's native mention trigger, after URL/JSON delimiters (`https://@`)\n * via the {@link VariableTriggerArea} wrapper — both render the same\n * {@link MentionPicker}. Enter is swallowed (single-line), and any pasted\n * newlines are dropped on serialize.\n */\nexport const VariableInlineField: React.FC<VariableInlineFieldProps> = ({\n\tvalue,\n\tonChange,\n\tlabel,\n\tplaceholder,\n\tvariablesData,\n\t...rest\n}) => {\n\tconst editorRef = useRef<BikEditorRef>(null);\n\n\tconst hasVariables = (variablesData?.length ?? 0) > 0;\n\tconst mentionItems = useMemo(\n\t\t() => buildVariableMentionItems(variablesData),\n\t\t[variablesData],\n\t);\n\n\t// Initial HTML — the field is uncontrolled after mount (the drawers key\n\t// their fields per open), EXCEPT when the variable catalog first arrives\n\t// (async fetch): the editor re-mounts (keyed below) so stored\n\t// `{{variable:…}}` tokens become chips instead of staying literal text.\n\t// `value` is kept current by onChange, so the re-seed loses nothing.\n\tconst initialHtml = useMemo(\n\t\t() => instructionsToEditorHtml(value, mentionItems),\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[hasVariables],\n\t);\n\n\t// Insert the purple `{{<name>}}` chip; serialization emits the stored\n\t// `{{variable:<name>}}` token (same path as the instructions editors).\n\t// Single construction site for BOTH trigger paths (native `@` suggestion\n\t// and the VariableTriggerArea wrapper) so the chip flavor can't diverge.\n\tconst insertChipByName = useCallback((name: string) => {\n\t\teditorRef.current?.insertInlineContent(\n\t\t\tbuildMentionHtml(name, `{{${name}}}`, 'variable'),\n\t\t);\n\t}, []);\n\tconst insertChip = useCallback(\n\t\t(variable: VariableV3) =>\n\t\t\tinsertChipByName(variableTokenName(variable.actualValue)),\n\t\t[insertChipByName],\n\t);\n\n\tconst emitChange = useCallback(() => {\n\t\tconst doc = editorRef.current?.getJSON() ?? null;\n\t\t// Single-line: pasted newlines have no meaning in a URL / header value.\n\t\tonChange(editorDocToInstructions(doc, []).replace(/\\n+/g, ''));\n\t}, [onChange]);\n\n\treturn (\n\t\t<FieldBlockCol>\n\t\t\t{label && <TitleSmall color={COLORS.content.primary}>{label}</TitleSmall>}\n\t\t\t<VariableTriggerArea\n\t\t\t\tvariablesData={variablesData}\n\t\t\t\taddDataButton\n\t\t\t\tskipNativeBoundaries\n\t\t\t\tonInsert={(token) => insertChipByName(nameOf(token))}\n\t\t\t>\n\t\t\t\t<InputShell $atHint={hasVariables} data-test={rest['data-test']}>\n\t\t\t\t\t<BikEditor\n\t\t\t\t\t\tkey={hasVariables ? 'v1' : 'v0'}\n\t\t\t\t\t\tref={editorRef}\n\t\t\t\t\t\tinitialContent={initialHtml}\n\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\tminHeight=\"20px\"\n\t\t\t\t\t\tmaxHeight=\"20px\"\n\t\t\t\t\t\tstyle={{ border: 'none' }}\n\t\t\t\t\t\teditorStyle={INLINE_EDITOR_STYLE}\n\t\t\t\t\t\t// Single-line: Enter is a no-op \"send\".\n\t\t\t\t\t\tonSend={() => undefined}\n\t\t\t\t\t\tsendShortcut={{ key: 'Enter' }}\n\t\t\t\t\t\tmentions={{\n\t\t\t\t\t\t\tagents: mentionItems,\n\t\t\t\t\t\t\tremoveTriggerOnDismiss: true,\n\t\t\t\t\t\t\trenderDropdown: (props) => (\n\t\t\t\t\t\t\t\t<MentionPicker\n\t\t\t\t\t\t\t\t\t{...props}\n\t\t\t\t\t\t\t\t\tvariablesData={variablesData}\n\t\t\t\t\t\t\t\t\tonSelectVariable={insertChip}\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\tonChange={emitChange}\n\t\t\t\t\t/>\n\t\t\t\t</InputShell>\n\t\t\t</VariableTriggerArea>\n\t\t</FieldBlockCol>\n\t);\n};\n\nconst INLINE_EDITOR_STYLE: React.CSSProperties = {\n\tpadding: 0,\n\tfontFamily: 'Inter',\n\tfontSize: '14px',\n\tlineHeight: '20px',\n};\n\nconst FieldBlockCol = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 4px;\n\twidth: 100%;\n\t/* In a flex row (header key/value pairs) share the space and allow\n\t   shrinking below content width — long values scroll inside the field\n\t   instead of widening the row / drawer. */\n\tflex: 1 1 0%;\n\tmin-width: 0;\n`;\n\n// Mirrors the small Input's box (border, radius, padding, focus ring) around\n// the single-line editor.\nconst InputShell = styled.div<{ $atHint: boolean }>`\n\t/* No global reset in every host — without this, width:100% + padding\n\t   overflows the drawer by the padding + border (the reported overflow). */\n\tbox-sizing: border-box;\n\tdisplay: flex;\n\talign-items: center;\n\twidth: 100%;\n\tmin-width: 0;\n\toverflow: hidden;\n\tpadding: 6px 12px;\n\tbackground: ${COLORS.surface.standard};\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n\n\t/* The editor root is width:100% — cap it so a long value scrolls inside\n\t   the ProseMirror line rather than stretching the shell. */\n\t> div {\n\t\twidth: 100%;\n\t\tmin-width: 0;\n\t}\n\n\t&:focus-within {\n\t\tborder-color: ${COLORS.stroke.brand};\n\t}\n\n\t/* While the (empty) field is focused, the placeholder switches to the @\n\t   hint — only when a catalog makes @ do anything; unfocused (or without\n\t   variables) it shows the field's own placeholder. */\n\t${(p) =>\n\t\tp.$atHint &&\n\t\tcss`\n\t\t\t.ProseMirror.ProseMirror-focused p.is-editor-empty:first-child::before {\n\t\t\t\tcontent: 'Enter text, type @ to add variable';\n\t\t\t}\n\t\t`}\n\n\t/* Keep the editor to one visual line; long values scroll horizontally the\n\t   way a native input does. */\n\t.ProseMirror {\n\t\twidth: 100%;\n\t\tmax-width: 100%;\n\t\twhite-space: nowrap;\n\t\toverflow-x: auto;\n\t\toverflow-y: hidden;\n\t\tword-break: normal;\n\t\tscrollbar-width: none;\n\n\t\t&::-webkit-scrollbar {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.ProseMirror p {\n\t\tdisplay: inline;\n\t}\n`;\n"],"names":["nameOf","token","variableTokenName","VariableInlineField","value","onChange","label","placeholder","variablesData","rest","editorRef","useRef","hasVariables","mentionItems","useMemo","buildVariableMentionItems","initialHtml","instructionsToEditorHtml","insertChipByName","useCallback","name","buildMentionHtml","insertChip","variable","emitChange","doc","editorDocToInstructions","FieldBlockCol","TitleSmall","COLORS","jsx","VariableTriggerArea","InputShell","BikEditor","INLINE_EDITOR_STYLE","props","MentionPicker","styled","p","css"],"mappings":"mdA+BMA,EAAUC,GACfC,EAAAA,kBAAkBD,CAAK,EAAE,QAAQ,aAAc,EAAE,EAcrCE,EAA0D,CAAC,CACvE,MAAAC,EACA,SAAAC,EACA,MAAAC,EACA,YAAAC,EACA,cAAAC,EACA,GAAGC,CACJ,IAAM,CACL,MAAMC,EAAYC,EAAAA,OAAqB,IAAI,EAErCC,GAAgBJ,GAAe,QAAU,GAAK,EAC9CK,EAAeC,EAAAA,QACpB,IAAMC,EAAAA,0BAA0BP,CAAa,EAC7C,CAACA,CAAa,CAAA,EAQTQ,EAAcF,EAAAA,QACnB,IAAMG,EAAAA,yBAAyBb,EAAOS,CAAY,EAElD,CAACD,CAAY,CAAA,EAORM,EAAmBC,cAAaC,GAAiB,CACtDV,EAAU,SAAS,oBAClBW,EAAAA,iBAAiBD,EAAM,KAAKA,CAAI,KAAM,UAAU,CAAA,CAElD,EAAG,CAAA,CAAE,EACCE,EAAaH,EAAAA,YACjBI,GACAL,EAAiBhB,EAAAA,kBAAkBqB,EAAS,WAAW,CAAC,EACzD,CAACL,CAAgB,CAAA,EAGZM,EAAaL,EAAAA,YAAY,IAAM,CACpC,MAAMM,EAAMf,EAAU,SAAS,QAAA,GAAa,KAE5CL,EAASqB,EAAAA,wBAAwBD,EAAK,CAAA,CAAE,EAAE,QAAQ,OAAQ,EAAE,CAAC,CAC9D,EAAG,CAACpB,CAAQ,CAAC,EAEb,cACEsB,EAAA,CACC,SAAA,CAAArB,SAAUsB,EAAAA,WAAA,CAAW,MAAOC,SAAO,QAAQ,QAAU,SAAAvB,EAAM,EAC5DwB,EAAAA,IAACC,EAAAA,oBAAA,CACA,cAAAvB,EACA,cAAa,GACb,qBAAoB,GACpB,SAAWP,GAAUiB,EAAiBlB,EAAOC,CAAK,CAAC,EAEnD,eAAC+B,EAAA,CAAW,QAASpB,EAAc,YAAWH,EAAK,WAAW,EAC7D,SAAAqB,EAAAA,IAACG,EAAAA,UAAA,CAEA,IAAKvB,EACL,eAAgBM,EAChB,YAAAT,EACA,UAAU,OACV,UAAU,OACV,MAAO,CAAE,OAAQ,MAAA,EACjB,YAAa2B,EAEb,OAAQ,IAAA,GACR,aAAc,CAAE,IAAK,OAAA,EACrB,SAAU,CACT,OAAQrB,EACR,uBAAwB,GACxB,eAAiBsB,GAChBL,EAAAA,IAACM,EAAAA,cAAA,CACC,GAAGD,EACJ,cAAA3B,EACA,iBAAkBc,CAAA,CAAA,CACnB,EAGF,SAAUE,CAAA,EAtBLZ,EAAe,KAAO,IAAA,CAuB5B,CACD,CAAA,CAAA,CACD,EACD,CAEF,EAEMsB,EAA2C,CAChD,QAAS,EACT,WAAY,QACZ,SAAU,OACV,WAAY,MACb,EAEMP,EAAgBU,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcvBL,EAAaK,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAUXR,EAAAA,OAAO,QAAQ,QAAQ;AAAA,qBACjBA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAWxBA,EAAAA,OAAO,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAMjCS,GACFA,EAAE,SACFC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAIC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

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

@@ -1,10 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react/jsx-runtime"),i=require("react"),A=require("styled-components"),D=require("../../add-variableV2/AddDataPill.js"),P=require("../utils/mentionSerialization.js"),L=require("./MentionPicker.js"),M=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},y=M(A),E=t=>`{{variable:${P.variableTokenName(t.actualValue)}}}`,h=/[\s,;:/?&=({[<"']/,j=/[,;:/?&=({[<"']/,k=(t,u,d)=>{if(t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement){const a=t.selectionStart??t.value.length,c=a===0,n=c?" ":t.value[a-1]??" ";return{ok:c?!d:u.test(n),caret:a}}const l=window.getSelection(),f=l?.anchorNode?.textContent??"",g=l?.anchorOffset??0,r=g===0,m=r?" ":f[g-1]??" ";return{ok:r?!d:u.test(m),caret:null}},q=({variablesData:t,onInsert:u,addDataButton:d,skipNativeBoundaries:l,onOpenChange:f,children:g})=>{const r=i.useRef(null),[m,a]=i.useState(!1),c=i.useRef(null),[n,x]=i.useState(null),b=(t?.length??0)>0,T=e=>{x(e),f?.(!0)},p=()=>{x(null),f?.(!1)},w=()=>{const e=r.current?.getBoundingClientRect();return{above:!!e&&window.innerHeight-e.bottom<385,alignRight:!!e&&window.innerWidth-e.left<360}},R=i.useCallback(e=>{if(!b||e.key!=="@")return;const o=k(e.target,l?j:h,!!l);o.ok&&(e.preventDefault(),e.stopPropagation(),T({caret:o.caret,...w()}))},[b]),S=()=>{const e=k(c.current,h,!1);T({caret:e.caret,...w()})};return i.useEffect(()=>{if(!n)return;const e=s=>{s.key==="Escape"&&(s.stopPropagation(),p())},o=s=>{r.current?.contains(s.target)||p()};return document.addEventListener("keydown",e,!0),document.addEventListener("mousedown",o),()=>{document.removeEventListener("keydown",e,!0),document.removeEventListener("mousedown",o)}},[n]),v.jsxs(F,{ref:r,onKeyDownCapture:R,onFocus:e=>{e.target.closest?.('[data-test="variable-trigger-panel"]')||(c.current=e.target,a(!0))},onBlur:()=>a(!1),children:[g,d&&b&&(m||n)&&v.jsx(D.AddDataPill,{label:"Add variable",onOpen:S}),n&&v.jsx($,{$above:n.above,$right:n.alignRight,"data-test":"variable-trigger-panel",onMouseDown:e=>{e.target.closest("input")||e.preventDefault()},children:v.jsx(L.MentionPicker,{items:[],query:"",activeIndex:-1,onSelect:()=>{},onClose:p,variablesData:t,onSelectVariable:e=>{p();const o=c.current,s=o instanceof HTMLInputElement||o instanceof HTMLTextAreaElement?o.selectionStart??n.caret:n.caret;u(E(e),s)}})})]})},F=y.default.div`
-	position: relative;
-`,$=y.default.div`
-	position: absolute;
-	z-index: 1000;
-	width: 344px;
-	${t=>t.$right?"right: 0;":"left: 0;"}
-	${t=>t.$above?"bottom: calc(100% + 4px);":"top: calc(100% + 4px);"}
-`;exports.VariableTriggerArea=q;exports.variableToken=E;
-//# sourceMappingURL=VariableTriggerArea.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"VariableTriggerArea.js","sources":["../../../../../src/components/agent-builder/components/VariableTriggerArea.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { AddDataPill } from '../../add-variableV2/AddDataPill';\nimport type {\n\tVariableListInterfaceV3,\n\tVariableV3,\n} from '../../variable-picker-v3/model';\nimport { variableTokenName } from '../utils/mentionSerialization';\nimport { MentionPicker } from './MentionPicker';\n\n/** The persisted form of a picked variable (`{{variable:<name>}}`). */\nexport const variableToken = (variable: VariableV3): string =>\n\t`{{variable:${variableTokenName(variable.actualValue)}}}`;\n\n/**\n * Boundary test for the `@` trigger: an `@` typed at the start of the field or\n * after a separator opens the picker. The separator set covers URL and JSON\n * delimiters too (`https://@`, `Bearer=@`, `\"@`, `[@`) — an email address's `@`\n * always follows a letter / digit / dot, so `john@acme.com` still types\n * through untouched. Returns the caret index for input / textarea targets\n * (where the caller can splice the token in), null for contenteditable ones.\n */\n// Opening delimiters trigger; closing ones (`}` `)` `]` `>`) deliberately do\n// NOT — typing a literal `@` right after an inserted `{{token}}` (e.g.\n// `{{store_name}}@acme.com`) must stay literal.\nconst BOUNDARY = /[\\s,;:/?&=({[<\"']/;\n// The subset the editor's own `@` mention trigger does NOT handle (it only\n// fires after whitespace / at the start) — used by `skipNativeBoundaries`\n// fields so the two triggers never fire for the same keystroke.\nconst NON_NATIVE_BOUNDARY = /[,;:/?&=({[<\"']/;\n\nconst triggerContext = (\n\ttarget: EventTarget | null,\n\tboundary: RegExp,\n\tskipStart: boolean,\n): { ok: boolean; caret: number | null } => {\n\tif (\n\t\ttarget instanceof HTMLInputElement ||\n\t\ttarget instanceof HTMLTextAreaElement\n\t) {\n\t\tconst caret = target.selectionStart ?? target.value.length;\n\t\tconst atStart = caret === 0;\n\t\tconst prev = atStart ? ' ' : target.value[caret - 1] ?? ' ';\n\t\treturn { ok: atStart ? !skipStart : boundary.test(prev), caret };\n\t}\n\t// Rich editor (ProseMirror contenteditable): read the character before the\n\t// selection.\n\tconst sel = window.getSelection();\n\tconst text = sel?.anchorNode?.textContent ?? '';\n\tconst offset = sel?.anchorOffset ?? 0;\n\tconst atStart = offset === 0;\n\tconst prev = atStart ? ' ' : text[offset - 1] ?? ' ';\n\treturn { ok: atStart ? !skipStart : boundary.test(prev), caret: null };\n};\n\ninterface VariableTriggerAreaProps {\n\t/** Variable catalog. Absent / empty → the wrapper is inert (children only). */\n\tvariablesData?: VariableListInterfaceV3[];\n\t/**\n\t * Insert `token` into the wrapped field. `caret` is the character index the\n\t * `@` was typed at (input / textarea targets — splice the token in there);\n\t * null for rich-editor targets (insert at the editor's own cursor).\n\t */\n\tonInsert: (token: string, caret: number | null) => void;\n\t/**\n\t * Show the floating \"+ Add data\" pill while the wrapped field is focused.\n\t * Clicking it opens this same variable panel at the field's caret — the\n\t * button equivalent of typing `@`.\n\t */\n\taddDataButton?: boolean;\n\t/**\n\t * The wrapped field is a BikEditor whose OWN `@` mention trigger already\n\t * fires after whitespace / at the start — this wrapper then only handles\n\t * the delimiter boundaries the native trigger misses (`https://@`, `\"@`…),\n\t * so the two never open a panel for the same keystroke.\n\t */\n\tskipNativeBoundaries?: boolean;\n\t/**\n\t * Observes the panel's open state. Fields that commit on blur (the email\n\t * chips entry) use this to hold off while focus is bouncing through the\n\t * panel — blur-time focus targets are unreliable mid-transition.\n\t */\n\tonOpenChange?: (open: boolean) => void;\n\tchildren: React.ReactNode;\n}\n\n/**\n * Wraps any plain field (input / textarea / chips entry / BikEditor) and opens\n * the shared {@link VariablePicker} as a floating panel when `@` is typed at a\n * word boundary. The `@` keystroke itself is swallowed (never reaches the\n * field); picking a variable calls `onInsert` with the `{{variable:<name>}}`\n * token, and Escape / click-outside / the panel's ✕ just closes the panel.\n *\n * Purely presentational wrapper — it renders a `position: relative` block, so\n * the wrapped field must be happy inside a plain block container.\n */\nexport const VariableTriggerArea: React.FC<VariableTriggerAreaProps> = ({\n\tvariablesData,\n\tonInsert,\n\taddDataButton,\n\tskipNativeBoundaries,\n\tonOpenChange,\n\tchildren,\n}) => {\n\tconst containerRef = useRef<HTMLDivElement>(null);\n\t// Whether the wrapped field (any focusable inside) currently has focus, and\n\t// the element that had it — the pill inserts at that element's caret.\n\tconst [fieldFocused, setFieldFocused] = useState(false);\n\tconst lastFocusedRef = useRef<EventTarget | null>(null);\n\t// Non-null while the panel is open: where to put the token when picked, and\n\t// which way the panel flips to stay on screen (above when there's no room\n\t// below, right-aligned when the field sits too close to the right edge —\n\t// e.g. header-value inputs in the Rest API drawer).\n\tconst [trigger, setTrigger] = useState<{\n\t\tcaret: number | null;\n\t\tabove: boolean;\n\t\talignRight: boolean;\n\t} | null>(null);\n\n\tconst enabled = (variablesData?.length ?? 0) > 0;\n\n\tconst openPanel = (t: NonNullable<typeof trigger>) => {\n\t\tsetTrigger(t);\n\t\tonOpenChange?.(true);\n\t};\n\tconst closePanel = () => {\n\t\tsetTrigger(null);\n\t\tonOpenChange?.(false);\n\t};\n\n\t// Panel is ~344px wide / ~385px tall (the MentionPicker card in its\n\t// variables view, plus a little slack), anchored to the field's left edge —\n\t// flip above / right-align when it would spill past the viewport (avoids\n\t// the drawer growing scrollbars).\n\tconst placement = () => {\n\t\tconst rect = containerRef.current?.getBoundingClientRect();\n\t\treturn {\n\t\t\tabove: !!rect && window.innerHeight - rect.bottom < 385,\n\t\t\talignRight: !!rect && window.innerWidth - rect.left < 360,\n\t\t};\n\t};\n\n\tconst onKeyDownCapture = useCallback(\n\t\t(e: React.KeyboardEvent) => {\n\t\t\tif (!enabled || e.key !== '@') {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst ctx = triggerContext(\n\t\t\t\te.target,\n\t\t\t\tskipNativeBoundaries ? NON_NATIVE_BOUNDARY : BOUNDARY,\n\t\t\t\t!!skipNativeBoundaries,\n\t\t\t);\n\t\t\tif (!ctx.ok) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// Swallow the `@` so the field's value stays untouched while picking.\n\t\t\te.preventDefault();\n\t\t\te.stopPropagation();\n\t\t\topenPanel({ caret: ctx.caret, ...placement() });\n\t\t},\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[enabled],\n\t);\n\n\t// The pill's click — same panel, anchored at the focused field's caret (no\n\t// boundary rule: an explicit button click is always intentional).\n\tconst openFromButton = () => {\n\t\tconst ctx = triggerContext(lastFocusedRef.current, BOUNDARY, false);\n\t\topenPanel({ caret: ctx.caret, ...placement() });\n\t};\n\n\t// Escape / click-outside dismiss, active only while open.\n\tuseEffect(() => {\n\t\tif (!trigger) {\n\t\t\treturn;\n\t\t}\n\t\tconst onKey = (e: KeyboardEvent) => {\n\t\t\tif (e.key === 'Escape') {\n\t\t\t\te.stopPropagation();\n\t\t\t\tclosePanel();\n\t\t\t}\n\t\t};\n\t\tconst onDown = (e: MouseEvent) => {\n\t\t\tif (!containerRef.current?.contains(e.target as Node)) {\n\t\t\t\tclosePanel();\n\t\t\t}\n\t\t};\n\t\t// Capture phase so an Escape meant for the panel never also closes the\n\t\t// drawer underneath.\n\t\tdocument.addEventListener('keydown', onKey, true);\n\t\tdocument.addEventListener('mousedown', onDown);\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('keydown', onKey, true);\n\t\t\tdocument.removeEventListener('mousedown', onDown);\n\t\t};\n\t}, [trigger]);\n\n\treturn (\n\t\t<TriggerWrap\n\t\t\tref={containerRef}\n\t\t\tonKeyDownCapture={onKeyDownCapture}\n\t\t\t// React's focus/blur bubble — this tracks any focusable child (the\n\t\t\t// input, a chips entry, the ProseMirror contenteditable).\n\t\t\tonFocus={(e) => {\n\t\t\t\t// Focus landing inside the floating panel (its search box) is not\n\t\t\t\t// the field — inserting at \"its caret\" would target the wrong input.\n\t\t\t\tif (\n\t\t\t\t\t(e.target as HTMLElement).closest?.(\n\t\t\t\t\t\t'[data-test=\"variable-trigger-panel\"]',\n\t\t\t\t\t)\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tlastFocusedRef.current = e.target;\n\t\t\t\tsetFieldFocused(true);\n\t\t\t}}\n\t\t\tonBlur={() => setFieldFocused(false)}\n\t\t>\n\t\t\t{children}\n\t\t\t{addDataButton && enabled && (fieldFocused || trigger) && (\n\t\t\t\t<AddDataPill label=\"Add variable\" onOpen={openFromButton} />\n\t\t\t)}\n\t\t\t{trigger && (\n\t\t\t\t<FloaterBox\n\t\t\t\t\t$above={trigger.above}\n\t\t\t\t\t$right={trigger.alignRight}\n\t\t\t\t\tdata-test=\"variable-trigger-panel\"\n\t\t\t\t\t// Keep the field focused while clicking rows (a blur mid-pick\n\t\t\t\t\t// would e.g. commit a half-typed email chip). The panel's own\n\t\t\t\t\t// inputs (search) still take focus normally.\n\t\t\t\t\tonMouseDown={(e) => {\n\t\t\t\t\t\tconst t = e.target as HTMLElement;\n\t\t\t\t\t\tif (!t.closest('input')) {\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{/* The EXACT panel the Instructions / Guardrails @ opens: with no\n\t\t\t\t\t    tools / sub-agents, Variables is its sole category, so it\n\t\t\t\t\t    renders the \"Variables\" header + variable list directly. */}\n\t\t\t\t\t<MentionPicker\n\t\t\t\t\t\titems={[]}\n\t\t\t\t\t\tquery=\"\"\n\t\t\t\t\t\tactiveIndex={-1}\n\t\t\t\t\t\tonSelect={() => undefined}\n\t\t\t\t\t\tonClose={closePanel}\n\t\t\t\t\t\tvariablesData={variablesData}\n\t\t\t\t\t\tonSelectVariable={(variable: VariableV3) => {\n\t\t\t\t\t\t\tclosePanel();\n\t\t\t\t\t\t\t// Re-read the caret at PICK time: the user may have clicked\n\t\t\t\t\t\t\t// elsewhere in the field since the `@` (the panel stays open\n\t\t\t\t\t\t\t// for clicks inside the wrapper), and an input keeps its\n\t\t\t\t\t\t\t// selection while unfocused — trigger.caret is the fallback.\n\t\t\t\t\t\t\tconst el = lastFocusedRef.current;\n\t\t\t\t\t\t\tconst caret =\n\t\t\t\t\t\t\t\tel instanceof HTMLInputElement ||\n\t\t\t\t\t\t\t\tel instanceof HTMLTextAreaElement\n\t\t\t\t\t\t\t\t\t? el.selectionStart ?? trigger.caret\n\t\t\t\t\t\t\t\t\t: trigger.caret;\n\t\t\t\t\t\t\tonInsert(variableToken(variable), caret);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</FloaterBox>\n\t\t\t)}\n\t\t</TriggerWrap>\n\t);\n};\n\nconst TriggerWrap = styled.div`\n\tposition: relative;\n`;\n\n// Floats under (or over) the wrapped field; the MentionPicker inside brings\n// its own card chrome (same as the Instructions / Guardrails @ menu). High\n// z-index: these fields live inside side-modal drawers.\nconst FloaterBox = styled.div<{ $above: boolean; $right: boolean }>`\n\tposition: absolute;\n\tz-index: 1000;\n\twidth: 344px;\n\t${(p) => (p.$right ? 'right: 0;' : 'left: 0;')}\n\t${(p) => (p.$above ? 'bottom: calc(100% + 4px);' : 'top: calc(100% + 4px);')}\n`;\n"],"names":["variableToken","variable","variableTokenName","BOUNDARY","NON_NATIVE_BOUNDARY","triggerContext","target","boundary","skipStart","caret","atStart","prev","sel","text","offset","VariableTriggerArea","variablesData","onInsert","addDataButton","skipNativeBoundaries","onOpenChange","children","containerRef","useRef","fieldFocused","setFieldFocused","useState","lastFocusedRef","trigger","setTrigger","enabled","openPanel","t","closePanel","placement","rect","onKeyDownCapture","useCallback","ctx","openFromButton","useEffect","onKey","e","onDown","jsxs","TriggerWrap","AddDataPill","jsx","FloaterBox","MentionPicker","el","styled","p"],"mappings":"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"}

package/dist/esm/components/add-variableV2/AddDataPill.d.ts

@@ -1,24 +0,0 @@
-import { default as React } from 'react';
-interface AddDataPillProps {
-    /** Open the reference / variable menu (same as typing `@` in the field). */
-    onOpen: () => void;
-    /**
-     * Button text. "Add data" (default) where `@` opens the full reference menu
-     * (tools / sub-agents / variables); pass "Add variable" where `@` opens the
-     * variable picker directly.
-     */
-    label?: string;
-    'data-test'?: string;
-}
-/**
- * The floating "+ Add data" affordance shown at a focused field's bottom-right
- * corner. Reuses the dashboard's standard Add-variable button styling
- * ({@link AddVariableStyled}, as used by `InputWithVariables`). The parent
- * anchors it: render inside a `position: relative` container.
- *
- * `onMouseDown` is swallowed so clicking never blurs the field — the pill is
- * typically shown only while the field has focus, and the menu inserts at the
- * field's caret.
- */
-export declare const AddDataPill: React.FC<AddDataPillProps>;
-export {};

package/dist/esm/components/add-variableV2/AddDataPill.js

@@ -1,33 +0,0 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import l from "../../assets/icons/plus.svg.js";
-import r from "styled-components";
-import { AddVariableStyled as p } from "./AddVariableBox.styled.js";
-const x = ({
-  onOpen: d,
-  label: a = "Add data",
-  ...e
-}) => /* @__PURE__ */ t(
-  s,
-  {
-    type: "button",
-    "data-test": e["data-test"] ?? "add-data-pill",
-    onMouseDown: (o) => o.preventDefault(),
-    onClick: d,
-    children: /* @__PURE__ */ i("div", { className: "add", children: [
-      /* @__PURE__ */ t(l, { width: 16, height: 16, color: "white" }),
-      /* @__PURE__ */ t("div", { children: a })
-    ] })
-  }
-), s = r(p)`
-	bottom: -30px;
-	z-index: 20;
-	white-space: nowrap;
-
-	.add {
-		gap: 4px;
-	}
-`;
-export {
-  x as AddDataPill
-};
-//# sourceMappingURL=AddDataPill.js.map

package/dist/esm/components/add-variableV2/AddDataPill.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AddDataPill.js","sources":["../../../../src/components/add-variableV2/AddDataPill.tsx"],"sourcesContent":["import PlusIcon from '@src/assets/icons/plus.svg';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { AddVariableStyled } from './AddVariableBox.styled';\n\ninterface AddDataPillProps {\n\t/** Open the reference / variable menu (same as typing `@` in the field). */\n\tonOpen: () => void;\n\t/**\n\t * Button text. \"Add data\" (default) where `@` opens the full reference menu\n\t * (tools / sub-agents / variables); pass \"Add variable\" where `@` opens the\n\t * variable picker directly.\n\t */\n\tlabel?: string;\n\t'data-test'?: string;\n}\n\n/**\n * The floating \"+ Add data\" affordance shown at a focused field's bottom-right\n * corner. Reuses the dashboard's standard Add-variable button styling\n * ({@link AddVariableStyled}, as used by `InputWithVariables`). The parent\n * anchors it: render inside a `position: relative` container.\n *\n * `onMouseDown` is swallowed so clicking never blurs the field — the pill is\n * typically shown only while the field has focus, and the menu inserts at the\n * field's caret.\n */\nexport const AddDataPill: React.FC<AddDataPillProps> = ({\n\tonOpen,\n\tlabel = 'Add data',\n\t...rest\n}) => (\n\t<PillStyled\n\t\ttype=\"button\"\n\t\tdata-test={rest['data-test'] ?? 'add-data-pill'}\n\t\tonMouseDown={(e) => e.preventDefault()}\n\t\tonClick={onOpen}\n\t>\n\t\t<div className=\"add\">\n\t\t\t{/* svgr strips svg dimensions — size explicitly or it renders huge. */}\n\t\t\t<PlusIcon width={16} height={16} color=\"white\" />\n\t\t\t<div>{label}</div>\n\t\t</div>\n\t</PillStyled>\n);\n\nconst PillStyled = styled(AddVariableStyled)`\n\tbottom: -30px;\n\tz-index: 20;\n\twhite-space: nowrap;\n\n\t.add {\n\t\tgap: 4px;\n\t}\n`;\n"],"names":["AddDataPill","onOpen","label","rest","jsx","PillStyled","e","jsxs","PlusIcon","styled","AddVariableStyled"],"mappings":";;;;AA2BO,MAAMA,IAA0C,CAAC;AAAA,EACvD,QAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,GAAGC;AACJ,MACC,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACA,MAAK;AAAA,IACL,aAAWF,EAAK,WAAW,KAAK;AAAA,IAChC,aAAa,CAACG,MAAMA,EAAE,eAAA;AAAA,IACtB,SAASL;AAAA,IAET,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAU,OAEd,UAAA;AAAA,MAAA,gBAAAH,EAACI,KAAS,OAAO,IAAI,QAAQ,IAAI,OAAM,SAAQ;AAAA,MAC/C,gBAAAJ,EAAC,SAAK,UAAAF,EAAA,CAAM;AAAA,IAAA,EAAA,CACb;AAAA,EAAA;AACD,GAGKG,IAAaI,EAAOC,CAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/esm/components/agent-builder/components/VariableInlineField.d.ts

@@ -1,26 +0,0 @@
-import { default as React } from 'react';
-import { VariableListInterfaceV3 } from '../../variable-picker-v3/model';
-interface VariableInlineFieldProps {
-    /** Stored string, `{{variable:<name>}}` tokens inline (e.g. a URL). */
-    value: string;
-    onChange: (text: string) => void;
-    label?: string;
-    placeholder?: string;
-    /** Variable catalog. Absent / empty → behaves as a plain single-line input. */
-    variablesData?: VariableListInterfaceV3[];
-    'data-test'?: string;
-}
-/**
- * Single-line text field whose `{{variable:<name>}}` tokens render as the
- * SAME purple `{{<name>}}` chips as the Instructions / Guardrails editors —
- * BikEditor under the hood, styled like the small `Input`. Used for tool
- * params that mix free text with variables (Request URL, header values).
- *
- * `@` opens the variable panel: after whitespace / at the start via the
- * editor's native mention trigger, after URL/JSON delimiters (`https://@`)
- * via the {@link VariableTriggerArea} wrapper — both render the same
- * {@link MentionPicker}. Enter is swallowed (single-line), and any pasted
- * newlines are dropped on serialize.
- */
-export declare const VariableInlineField: React.FC<VariableInlineFieldProps>;
-export {};

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

@@ -1,149 +0,0 @@
-import { jsxs as y, jsx as i } from "react/jsx-runtime";
-import { useRef as v, useMemo as p, useCallback as d } from "react";
-import m, { css as k } from "styled-components";
-import { TitleSmall as I } from "../../TypographyStyle.js";
-import { COLORS as r } from "../../../constants/Theme.js";
-import { buildVariableMentionItems as S, instructionsToEditorHtml as M, buildMentionHtml as T, variableTokenName as u, editorDocToInstructions as C } from "../utils/mentionSerialization.js";
-import { MentionPicker as H } from "./MentionPicker.js";
-import { VariableTriggerArea as E } from "./VariableTriggerArea.js";
-import { BikEditor as N } from "../../../editor/BikEditor.js";
-const $ = (t) => u(t).replace(/^variable:/, ""), J = ({
-  value: t,
-  onChange: a,
-  label: h,
-  placeholder: w,
-  variablesData: o,
-  ...f
-}) => {
-  const n = v(null), l = (o?.length ?? 0) > 0, c = p(
-    () => S(o),
-    [o]
-  ), g = p(
-    () => M(t, c),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [l]
-  ), s = d((e) => {
-    n.current?.insertInlineContent(
-      T(e, `{{${e}}}`, "variable")
-    );
-  }, []), b = d(
-    (e) => s(u(e.actualValue)),
-    [s]
-  ), x = d(() => {
-    const e = n.current?.getJSON() ?? null;
-    a(C(e, []).replace(/\n+/g, ""));
-  }, [a]);
-  return /* @__PURE__ */ y(P, { children: [
-    h && /* @__PURE__ */ i(I, { color: r.content.primary, children: h }),
-    /* @__PURE__ */ i(
-      E,
-      {
-        variablesData: o,
-        addDataButton: !0,
-        skipNativeBoundaries: !0,
-        onInsert: (e) => s($(e)),
-        children: /* @__PURE__ */ i(V, { $atHint: l, "data-test": f["data-test"], children: /* @__PURE__ */ i(
-          N,
-          {
-            ref: n,
-            initialContent: g,
-            placeholder: w,
-            minHeight: "20px",
-            maxHeight: "20px",
-            style: { border: "none" },
-            editorStyle: O,
-            onSend: () => {
-            },
-            sendShortcut: { key: "Enter" },
-            mentions: {
-              agents: c,
-              removeTriggerOnDismiss: !0,
-              renderDropdown: (e) => /* @__PURE__ */ i(
-                H,
-                {
-                  ...e,
-                  variablesData: o,
-                  onSelectVariable: b
-                }
-              )
-            },
-            onChange: x
-          },
-          l ? "v1" : "v0"
-        ) })
-      }
-    )
-  ] });
-}, O = {
-  padding: 0,
-  fontFamily: "Inter",
-  fontSize: "14px",
-  lineHeight: "20px"
-}, P = m.div`
-	display: flex;
-	flex-direction: column;
-	gap: 4px;
-	width: 100%;
-	/* In a flex row (header key/value pairs) share the space and allow
-	   shrinking below content width — long values scroll inside the field
-	   instead of widening the row / drawer. */
-	flex: 1 1 0%;
-	min-width: 0;
-`, V = m.div`
-	/* No global reset in every host — without this, width:100% + padding
-	   overflows the drawer by the padding + border (the reported overflow). */
-	box-sizing: border-box;
-	display: flex;
-	align-items: center;
-	width: 100%;
-	min-width: 0;
-	overflow: hidden;
-	padding: 6px 12px;
-	background: ${r.surface.standard};
-	border: 1px solid ${r.stroke.primary};
-	border-radius: 4px;
-
-	/* The editor root is width:100% — cap it so a long value scrolls inside
-	   the ProseMirror line rather than stretching the shell. */
-	> div {
-		width: 100%;
-		min-width: 0;
-	}
-
-	&:focus-within {
-		border-color: ${r.stroke.brand};
-	}
-
-	/* While the (empty) field is focused, the placeholder switches to the @
-	   hint — only when a catalog makes @ do anything; unfocused (or without
-	   variables) it shows the field's own placeholder. */
-	${(t) => t.$atHint && k`
-			.ProseMirror.ProseMirror-focused p.is-editor-empty:first-child::before {
-				content: 'Enter text, type @ to add variable';
-			}
-		`}
-
-	/* Keep the editor to one visual line; long values scroll horizontally the
-	   way a native input does. */
-	.ProseMirror {
-		width: 100%;
-		max-width: 100%;
-		white-space: nowrap;
-		overflow-x: auto;
-		overflow-y: hidden;
-		word-break: normal;
-		scrollbar-width: none;
-
-		&::-webkit-scrollbar {
-			display: none;
-		}
-	}
-
-	.ProseMirror p {
-		display: inline;
-	}
-`;
-export {
-  J as VariableInlineField
-};
-//# sourceMappingURL=VariableInlineField.js.map

package/dist/esm/components/agent-builder/components/VariableInlineField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VariableInlineField.js","sources":["../../../../../src/components/agent-builder/components/VariableInlineField.tsx"],"sourcesContent":["import { BikEditor, BikEditorRef } from '@src/editor';\nimport React, { useCallback, useMemo, useRef } from 'react';\nimport styled, { css } from 'styled-components';\nimport { TitleSmall } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport type {\n\tVariableListInterfaceV3,\n\tVariableV3,\n} from '../../variable-picker-v3/model';\nimport {\n\tbuildMentionHtml,\n\tbuildVariableMentionItems,\n\teditorDocToInstructions,\n\tinstructionsToEditorHtml,\n\tvariableTokenName,\n} from '../utils/mentionSerialization';\nimport { MentionPicker } from './MentionPicker';\nimport { VariableTriggerArea } from './VariableTriggerArea';\n\ninterface VariableInlineFieldProps {\n\t/** Stored string, `{{variable:<name>}}` tokens inline (e.g. a URL). */\n\tvalue: string;\n\tonChange: (text: string) => void;\n\tlabel?: string;\n\tplaceholder?: string;\n\t/** Variable catalog. Absent / empty → behaves as a plain single-line input. */\n\tvariablesData?: VariableListInterfaceV3[];\n\t'data-test'?: string;\n}\n\n/** `{{variable:a.b}}` / `{{a.b}}` → `a.b`. */\nconst nameOf = (token: string): string =>\n\tvariableTokenName(token).replace(/^variable:/, '');\n\n/**\n * Single-line text field whose `{{variable:<name>}}` tokens render as the\n * SAME purple `{{<name>}}` chips as the Instructions / Guardrails editors —\n * BikEditor under the hood, styled like the small `Input`. Used for tool\n * params that mix free text with variables (Request URL, header values).\n *\n * `@` opens the variable panel: after whitespace / at the start via the\n * editor's native mention trigger, after URL/JSON delimiters (`https://@`)\n * via the {@link VariableTriggerArea} wrapper — both render the same\n * {@link MentionPicker}. Enter is swallowed (single-line), and any pasted\n * newlines are dropped on serialize.\n */\nexport const VariableInlineField: React.FC<VariableInlineFieldProps> = ({\n\tvalue,\n\tonChange,\n\tlabel,\n\tplaceholder,\n\tvariablesData,\n\t...rest\n}) => {\n\tconst editorRef = useRef<BikEditorRef>(null);\n\n\tconst hasVariables = (variablesData?.length ?? 0) > 0;\n\tconst mentionItems = useMemo(\n\t\t() => buildVariableMentionItems(variablesData),\n\t\t[variablesData],\n\t);\n\n\t// Initial HTML — the field is uncontrolled after mount (the drawers key\n\t// their fields per open), EXCEPT when the variable catalog first arrives\n\t// (async fetch): the editor re-mounts (keyed below) so stored\n\t// `{{variable:…}}` tokens become chips instead of staying literal text.\n\t// `value` is kept current by onChange, so the re-seed loses nothing.\n\tconst initialHtml = useMemo(\n\t\t() => instructionsToEditorHtml(value, mentionItems),\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[hasVariables],\n\t);\n\n\t// Insert the purple `{{<name>}}` chip; serialization emits the stored\n\t// `{{variable:<name>}}` token (same path as the instructions editors).\n\t// Single construction site for BOTH trigger paths (native `@` suggestion\n\t// and the VariableTriggerArea wrapper) so the chip flavor can't diverge.\n\tconst insertChipByName = useCallback((name: string) => {\n\t\teditorRef.current?.insertInlineContent(\n\t\t\tbuildMentionHtml(name, `{{${name}}}`, 'variable'),\n\t\t);\n\t}, []);\n\tconst insertChip = useCallback(\n\t\t(variable: VariableV3) =>\n\t\t\tinsertChipByName(variableTokenName(variable.actualValue)),\n\t\t[insertChipByName],\n\t);\n\n\tconst emitChange = useCallback(() => {\n\t\tconst doc = editorRef.current?.getJSON() ?? null;\n\t\t// Single-line: pasted newlines have no meaning in a URL / header value.\n\t\tonChange(editorDocToInstructions(doc, []).replace(/\\n+/g, ''));\n\t}, [onChange]);\n\n\treturn (\n\t\t<FieldBlockCol>\n\t\t\t{label && <TitleSmall color={COLORS.content.primary}>{label}</TitleSmall>}\n\t\t\t<VariableTriggerArea\n\t\t\t\tvariablesData={variablesData}\n\t\t\t\taddDataButton\n\t\t\t\tskipNativeBoundaries\n\t\t\t\tonInsert={(token) => insertChipByName(nameOf(token))}\n\t\t\t>\n\t\t\t\t<InputShell $atHint={hasVariables} data-test={rest['data-test']}>\n\t\t\t\t\t<BikEditor\n\t\t\t\t\t\tkey={hasVariables ? 'v1' : 'v0'}\n\t\t\t\t\t\tref={editorRef}\n\t\t\t\t\t\tinitialContent={initialHtml}\n\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\tminHeight=\"20px\"\n\t\t\t\t\t\tmaxHeight=\"20px\"\n\t\t\t\t\t\tstyle={{ border: 'none' }}\n\t\t\t\t\t\teditorStyle={INLINE_EDITOR_STYLE}\n\t\t\t\t\t\t// Single-line: Enter is a no-op \"send\".\n\t\t\t\t\t\tonSend={() => undefined}\n\t\t\t\t\t\tsendShortcut={{ key: 'Enter' }}\n\t\t\t\t\t\tmentions={{\n\t\t\t\t\t\t\tagents: mentionItems,\n\t\t\t\t\t\t\tremoveTriggerOnDismiss: true,\n\t\t\t\t\t\t\trenderDropdown: (props) => (\n\t\t\t\t\t\t\t\t<MentionPicker\n\t\t\t\t\t\t\t\t\t{...props}\n\t\t\t\t\t\t\t\t\tvariablesData={variablesData}\n\t\t\t\t\t\t\t\t\tonSelectVariable={insertChip}\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\tonChange={emitChange}\n\t\t\t\t\t/>\n\t\t\t\t</InputShell>\n\t\t\t</VariableTriggerArea>\n\t\t</FieldBlockCol>\n\t);\n};\n\nconst INLINE_EDITOR_STYLE: React.CSSProperties = {\n\tpadding: 0,\n\tfontFamily: 'Inter',\n\tfontSize: '14px',\n\tlineHeight: '20px',\n};\n\nconst FieldBlockCol = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 4px;\n\twidth: 100%;\n\t/* In a flex row (header key/value pairs) share the space and allow\n\t   shrinking below content width — long values scroll inside the field\n\t   instead of widening the row / drawer. */\n\tflex: 1 1 0%;\n\tmin-width: 0;\n`;\n\n// Mirrors the small Input's box (border, radius, padding, focus ring) around\n// the single-line editor.\nconst InputShell = styled.div<{ $atHint: boolean }>`\n\t/* No global reset in every host — without this, width:100% + padding\n\t   overflows the drawer by the padding + border (the reported overflow). */\n\tbox-sizing: border-box;\n\tdisplay: flex;\n\talign-items: center;\n\twidth: 100%;\n\tmin-width: 0;\n\toverflow: hidden;\n\tpadding: 6px 12px;\n\tbackground: ${COLORS.surface.standard};\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n\n\t/* The editor root is width:100% — cap it so a long value scrolls inside\n\t   the ProseMirror line rather than stretching the shell. */\n\t> div {\n\t\twidth: 100%;\n\t\tmin-width: 0;\n\t}\n\n\t&:focus-within {\n\t\tborder-color: ${COLORS.stroke.brand};\n\t}\n\n\t/* While the (empty) field is focused, the placeholder switches to the @\n\t   hint — only when a catalog makes @ do anything; unfocused (or without\n\t   variables) it shows the field's own placeholder. */\n\t${(p) =>\n\t\tp.$atHint &&\n\t\tcss`\n\t\t\t.ProseMirror.ProseMirror-focused p.is-editor-empty:first-child::before {\n\t\t\t\tcontent: 'Enter text, type @ to add variable';\n\t\t\t}\n\t\t`}\n\n\t/* Keep the editor to one visual line; long values scroll horizontally the\n\t   way a native input does. */\n\t.ProseMirror {\n\t\twidth: 100%;\n\t\tmax-width: 100%;\n\t\twhite-space: nowrap;\n\t\toverflow-x: auto;\n\t\toverflow-y: hidden;\n\t\tword-break: normal;\n\t\tscrollbar-width: none;\n\n\t\t&::-webkit-scrollbar {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.ProseMirror p {\n\t\tdisplay: inline;\n\t}\n`;\n"],"names":["nameOf","token","variableTokenName","VariableInlineField","value","onChange","label","placeholder","variablesData","rest","editorRef","useRef","hasVariables","mentionItems","useMemo","buildVariableMentionItems","initialHtml","instructionsToEditorHtml","insertChipByName","useCallback","name","buildMentionHtml","insertChip","variable","emitChange","doc","editorDocToInstructions","FieldBlockCol","TitleSmall","COLORS","jsx","VariableTriggerArea","InputShell","BikEditor","INLINE_EDITOR_STYLE","props","MentionPicker","styled","p","css"],"mappings":";;;;;;;;;AA+BA,MAAMA,IAAS,CAACC,MACfC,EAAkBD,CAAK,EAAE,QAAQ,cAAc,EAAE,GAcrCE,IAA0D,CAAC;AAAA,EACvE,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAGC;AACJ,MAAM;AACL,QAAMC,IAAYC,EAAqB,IAAI,GAErCC,KAAgBJ,GAAe,UAAU,KAAK,GAC9CK,IAAeC;AAAA,IACpB,MAAMC,EAA0BP,CAAa;AAAA,IAC7C,CAACA,CAAa;AAAA,EAAA,GAQTQ,IAAcF;AAAA,IACnB,MAAMG,EAAyBb,GAAOS,CAAY;AAAA;AAAA,IAElD,CAACD,CAAY;AAAA,EAAA,GAORM,IAAmBC,EAAY,CAACC,MAAiB;AACtD,IAAAV,EAAU,SAAS;AAAA,MAClBW,EAAiBD,GAAM,KAAKA,CAAI,MAAM,UAAU;AAAA,IAAA;AAAA,EAElD,GAAG,CAAA,CAAE,GACCE,IAAaH;AAAA,IAClB,CAACI,MACAL,EAAiBhB,EAAkBqB,EAAS,WAAW,CAAC;AAAA,IACzD,CAACL,CAAgB;AAAA,EAAA,GAGZM,IAAaL,EAAY,MAAM;AACpC,UAAMM,IAAMf,EAAU,SAAS,QAAA,KAAa;AAE5C,IAAAL,EAASqB,EAAwBD,GAAK,CAAA,CAAE,EAAE,QAAQ,QAAQ,EAAE,CAAC;AAAA,EAC9D,GAAG,CAACpB,CAAQ,CAAC;AAEb,2BACEsB,GAAA,EACC,UAAA;AAAA,IAAArB,uBAAUsB,GAAA,EAAW,OAAOC,EAAO,QAAQ,SAAU,UAAAvB,GAAM;AAAA,IAC5D,gBAAAwB;AAAA,MAACC;AAAA,MAAA;AAAA,QACA,eAAAvB;AAAA,QACA,eAAa;AAAA,QACb,sBAAoB;AAAA,QACpB,UAAU,CAACP,MAAUiB,EAAiBlB,EAAOC,CAAK,CAAC;AAAA,QAEnD,4BAAC+B,GAAA,EAAW,SAASpB,GAAc,aAAWH,EAAK,WAAW,GAC7D,UAAA,gBAAAqB;AAAA,UAACG;AAAA,UAAA;AAAA,YAEA,KAAKvB;AAAA,YACL,gBAAgBM;AAAA,YAChB,aAAAT;AAAA,YACA,WAAU;AAAA,YACV,WAAU;AAAA,YACV,OAAO,EAAE,QAAQ,OAAA;AAAA,YACjB,aAAa2B;AAAA,YAEb,QAAQ,MAAA;AAAA;AAAA,YACR,cAAc,EAAE,KAAK,QAAA;AAAA,YACrB,UAAU;AAAA,cACT,QAAQrB;AAAA,cACR,wBAAwB;AAAA,cACxB,gBAAgB,CAACsB,MAChB,gBAAAL;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBACC,GAAGD;AAAA,kBACJ,eAAA3B;AAAA,kBACA,kBAAkBc;AAAA,gBAAA;AAAA,cAAA;AAAA,YACnB;AAAA,YAGF,UAAUE;AAAA,UAAA;AAAA,UAtBLZ,IAAe,OAAO;AAAA,QAAA,EAuB5B,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EACD,GACD;AAEF,GAEMsB,IAA2C;AAAA,EAChD,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AACb,GAEMP,IAAgBU,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAcvBL,IAAaK,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAUXR,EAAO,QAAQ,QAAQ;AAAA,qBACjBA,EAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAWxBA,EAAO,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAMlC,CAACS,MACFA,EAAE,WACFC;AAAA;AAAA;AAAA;AAAA,GAIC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/esm/components/agent-builder/components/VariableTriggerArea.d.ts

@@ -1,46 +0,0 @@
-import { default as React } from 'react';
-import { VariableListInterfaceV3, VariableV3 } from '../../variable-picker-v3/model';
-/** The persisted form of a picked variable (`{{variable:<name>}}`). */
-export declare const variableToken: (variable: VariableV3) => string;
-interface VariableTriggerAreaProps {
-    /** Variable catalog. Absent / empty → the wrapper is inert (children only). */
-    variablesData?: VariableListInterfaceV3[];
-    /**
-     * Insert `token` into the wrapped field. `caret` is the character index the
-     * `@` was typed at (input / textarea targets — splice the token in there);
-     * null for rich-editor targets (insert at the editor's own cursor).
-     */
-    onInsert: (token: string, caret: number | null) => void;
-    /**
-     * Show the floating "+ Add data" pill while the wrapped field is focused.
-     * Clicking it opens this same variable panel at the field's caret — the
-     * button equivalent of typing `@`.
-     */
-    addDataButton?: boolean;
-    /**
-     * The wrapped field is a BikEditor whose OWN `@` mention trigger already
-     * fires after whitespace / at the start — this wrapper then only handles
-     * the delimiter boundaries the native trigger misses (`https://@`, `"@`…),
-     * so the two never open a panel for the same keystroke.
-     */
-    skipNativeBoundaries?: boolean;
-    /**
-     * Observes the panel's open state. Fields that commit on blur (the email
-     * chips entry) use this to hold off while focus is bouncing through the
-     * panel — blur-time focus targets are unreliable mid-transition.
-     */
-    onOpenChange?: (open: boolean) => void;
-    children: React.ReactNode;
-}
-/**
- * Wraps any plain field (input / textarea / chips entry / BikEditor) and opens
- * the shared {@link VariablePicker} as a floating panel when `@` is typed at a
- * word boundary. The `@` keystroke itself is swallowed (never reaches the
- * field); picking a variable calls `onInsert` with the `{{variable:<name>}}`
- * token, and Escape / click-outside / the panel's ✕ just closes the panel.
- *
- * Purely presentational wrapper — it renders a `position: relative` block, so
- * the wrapped field must be happy inside a plain block container.
- */
-export declare const VariableTriggerArea: React.FC<VariableTriggerAreaProps>;
-export {};

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

@@ -1,118 +0,0 @@
-import { jsxs as y, jsx as v } from "react/jsx-runtime";
-import { useRef as h, useState as T, useCallback as D, useEffect as F } from "react";
-import A from "styled-components";
-import { AddDataPill as S } from "../../add-variableV2/AddDataPill.js";
-import { variableTokenName as $ } from "../utils/mentionSerialization.js";
-import { MentionPicker as M } from "./MentionPicker.js";
-const N = (e) => `{{variable:${$(e.actualValue)}}}`, E = /[\s,;:/?&=({[<"']/, P = /[,;:/?&=({[<"']/, k = (e, l, u) => {
-  if (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement) {
-    const c = e.selectionStart ?? e.value.length, a = c === 0, n = a ? " " : e.value[c - 1] ?? " ";
-    return { ok: a ? !u : l.test(n), caret: c };
-  }
-  const i = window.getSelection(), d = i?.anchorNode?.textContent ?? "", f = i?.anchorOffset ?? 0, r = f === 0, p = r ? " " : d[f - 1] ?? " ";
-  return { ok: r ? !u : l.test(p), caret: null };
-}, U = ({
-  variablesData: e,
-  onInsert: l,
-  addDataButton: u,
-  skipNativeBoundaries: i,
-  onOpenChange: d,
-  children: f
-}) => {
-  const r = h(null), [p, c] = T(!1), a = h(null), [n, b] = T(null), g = (e?.length ?? 0) > 0, x = (t) => {
-    b(t), d?.(!0);
-  }, m = () => {
-    b(null), d?.(!1);
-  }, w = () => {
-    const t = r.current?.getBoundingClientRect();
-    return {
-      above: !!t && window.innerHeight - t.bottom < 385,
-      alignRight: !!t && window.innerWidth - t.left < 360
-    };
-  }, L = D(
-    (t) => {
-      if (!g || t.key !== "@")
-        return;
-      const o = k(
-        t.target,
-        i ? P : E,
-        !!i
-      );
-      o.ok && (t.preventDefault(), t.stopPropagation(), x({ caret: o.caret, ...w() }));
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [g]
-  ), R = () => {
-    const t = k(a.current, E, !1);
-    x({ caret: t.caret, ...w() });
-  };
-  return F(() => {
-    if (!n)
-      return;
-    const t = (s) => {
-      s.key === "Escape" && (s.stopPropagation(), m());
-    }, o = (s) => {
-      r.current?.contains(s.target) || m();
-    };
-    return document.addEventListener("keydown", t, !0), document.addEventListener("mousedown", o), () => {
-      document.removeEventListener("keydown", t, !0), document.removeEventListener("mousedown", o);
-    };
-  }, [n]), /* @__PURE__ */ y(
-    B,
-    {
-      ref: r,
-      onKeyDownCapture: L,
-      onFocus: (t) => {
-        t.target.closest?.(
-          '[data-test="variable-trigger-panel"]'
-        ) || (a.current = t.target, c(!0));
-      },
-      onBlur: () => c(!1),
-      children: [
-        f,
-        u && g && (p || n) && /* @__PURE__ */ v(S, { label: "Add variable", onOpen: R }),
-        n && /* @__PURE__ */ v(
-          C,
-          {
-            $above: n.above,
-            $right: n.alignRight,
-            "data-test": "variable-trigger-panel",
-            onMouseDown: (t) => {
-              t.target.closest("input") || t.preventDefault();
-            },
-            children: /* @__PURE__ */ v(
-              M,
-              {
-                items: [],
-                query: "",
-                activeIndex: -1,
-                onSelect: () => {
-                },
-                onClose: m,
-                variablesData: e,
-                onSelectVariable: (t) => {
-                  m();
-                  const o = a.current, s = o instanceof HTMLInputElement || o instanceof HTMLTextAreaElement ? o.selectionStart ?? n.caret : n.caret;
-                  l(N(t), s);
-                }
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-}, B = A.div`
-	position: relative;
-`, C = A.div`
-	position: absolute;
-	z-index: 1000;
-	width: 344px;
-	${(e) => e.$right ? "right: 0;" : "left: 0;"}
-	${(e) => e.$above ? "bottom: calc(100% + 4px);" : "top: calc(100% + 4px);"}
-`;
-export {
-  U as VariableTriggerArea,
-  N as variableToken
-};
-//# sourceMappingURL=VariableTriggerArea.js.map