@ryanfw/prompt-orchestration-pipeline 0.15.1 → 0.16.1

package/src/ui/dist/assets/{index-B5HMRkR9.js → index-DI_nRqVI.js}

@@ -2416,7 +2416,7 @@ function requireReactDomClient_production() {
     nativeEvent = nativeEvent.detail;
     return "object" === typeof nativeEvent && "data" in nativeEvent ? nativeEvent.data : null;
   }
-  var isComposing = false;
+  var isComposing2 = false;
   function getNativeBeforeInputChars(domEventName, nativeEvent) {
     switch (domEventName) {
       case "compositionend":
@@ -2432,8 +2432,8 @@ function requireReactDomClient_production() {
     }
   }
   function getFallbackBeforeInputChars(domEventName, nativeEvent) {
-    if (isComposing)
-      return "compositionend" === domEventName || !canUseCompositionEvent && isFallbackCompositionEnd(domEventName, nativeEvent) ? (domEventName = getData(), fallbackText = startText = root2 = null, isComposing = false, domEventName) : null;
+    if (isComposing2)
+      return "compositionend" === domEventName || !canUseCompositionEvent && isFallbackCompositionEnd(domEventName, nativeEvent) ? (domEventName = getData(), fallbackText = startText = root2 = null, isComposing2 = false, domEventName) : null;
     switch (domEventName) {
       case "paste":
         return null;
@@ -10164,8 +10164,8 @@ function requireReactDomClient_production() {
             eventType = void 0;
           }
         else
-          isComposing ? isFallbackCompositionEnd(domEventName, nativeEvent) && (eventType = "onCompositionEnd") : "keydown" === domEventName && 229 === nativeEvent.keyCode && (eventType = "onCompositionStart");
-        eventType && (useFallbackCompositionData && "ko" !== nativeEvent.locale && (isComposing || "onCompositionStart" !== eventType ? "onCompositionEnd" === eventType && isComposing && (fallbackData = getData()) : (root2 = nativeEventTarget, startText = "value" in root2 ? root2.value : root2.textContent, isComposing = true)), handleEventFunc = accumulateTwoPhaseListeners(targetInst, eventType), 0 < handleEventFunc.length && (eventType = new SyntheticCompositionEvent(
+          isComposing2 ? isFallbackCompositionEnd(domEventName, nativeEvent) && (eventType = "onCompositionEnd") : "keydown" === domEventName && 229 === nativeEvent.keyCode && (eventType = "onCompositionStart");
+        eventType && (useFallbackCompositionData && "ko" !== nativeEvent.locale && (isComposing2 || "onCompositionStart" !== eventType ? "onCompositionEnd" === eventType && isComposing2 && (fallbackData = getData()) : (root2 = nativeEventTarget, startText = "value" in root2 ? root2.value : root2.textContent, isComposing2 = true)), handleEventFunc = accumulateTwoPhaseListeners(targetInst, eventType), 0 < handleEventFunc.length && (eventType = new SyntheticCompositionEvent(
           eventType,
           domEventName,
           null,
@@ -12584,7 +12584,7 @@ function createBrowserHistory(options = {}) {
     options
   );
 }
-function invariant(value, message) {
+function invariant$1(value, message) {
   if (value === false || value === null || typeof value === "undefined") {
     throw new Error(message);
   }
@@ -12751,7 +12751,7 @@ function createBrowserURLImpl(to, isAbsolute = false) {
   if (typeof window !== "undefined") {
     base = window.location.origin !== "null" ? window.location.origin : window.location.href;
   }
-  invariant(base, "No window.location.(origin|href) available to create URL");
+  invariant$1(base, "No window.location.(origin|href) available to create URL");
   let href = typeof to === "string" ? to : createPath(to);
   href = href.replace(/ $/, "%20");
   if (!isAbsolute && href.startsWith("//")) {
@@ -12793,7 +12793,7 @@ function flattenRoutes(routes, branches = [], parentsMeta = [], parentPath = "",
       if (!meta.relativePath.startsWith(parentPath) && hasParentOptionalSegments) {
         return;
       }
-      invariant(
+      invariant$1(
         meta.relativePath.startsWith(parentPath),
         `Absolute route path "${meta.relativePath}" nested under path "${parentPath}" is not valid. An absolute child route path must start with the combined path of all its parent routes.`
       );
@@ -12802,7 +12802,7 @@ function flattenRoutes(routes, branches = [], parentsMeta = [], parentPath = "",
     let path2 = joinPaths([parentPath, meta.relativePath]);
     let routesMeta = parentsMeta.concat(meta);
     if (route.children && route.children.length > 0) {
-      invariant(
+      invariant$1(
         // Our types know better, but runtime JS may not!
         // @ts-expect-error
         route.index !== true,
@@ -13076,15 +13076,15 @@ function resolveTo(toArg, routePathnames, locationPathname, isPathRelative = fal
     to = parsePath(toArg);
   } else {
     to = { ...toArg };
-    invariant(
+    invariant$1(
       !to.pathname || !to.pathname.includes("?"),
       getInvalidPathError("?", "pathname", "search", to)
     );
-    invariant(
+    invariant$1(
       !to.pathname || !to.pathname.includes("#"),
       getInvalidPathError("#", "pathname", "hash", to)
     );
-    invariant(
+    invariant$1(
       !to.search || !to.search.includes("#"),
       getInvalidPathError("#", "search", "hash", to)
     );
@@ -13167,7 +13167,7 @@ RouteContext.displayName = "Route";
 var RouteErrorContext = reactExports.createContext(null);
 RouteErrorContext.displayName = "RouteError";
 function useHref(to, { relative } = {}) {
-  invariant(
+  invariant$1(
     useInRouterContext(),
     // TODO: This error is probably because they somehow have 2 versions of the
     // router loaded. We can help them understand how to avoid that.
@@ -13185,7 +13185,7 @@ function useInRouterContext() {
   return reactExports.useContext(LocationContext) != null;
 }
 function useLocation() {
-  invariant(
+  invariant$1(
     useInRouterContext(),
     // TODO: This error is probably because they somehow have 2 versions of the
     // router loaded. We can help them understand how to avoid that.
@@ -13205,7 +13205,7 @@ function useNavigate() {
   return isDataRoute ? useNavigateStable() : useNavigateUnstable();
 }
 function useNavigateUnstable() {
-  invariant(
+  invariant$1(
     useInRouterContext(),
     // TODO: This error is probably because they somehow have 2 versions of the
     // router loaded. We can help them understand how to avoid that.
@@ -13277,7 +13277,7 @@ function useRoutes(routes, locationArg) {
   return useRoutesImpl(routes, locationArg);
 }
 function useRoutesImpl(routes, locationArg, dataRouterState, unstable_onError, future) {
-  invariant(
+  invariant$1(
     useInRouterContext(),
     // TODO: This error is probably because they somehow have 2 versions of the
     // router loaded. We can help them understand how to avoid that.
@@ -13304,7 +13304,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
   let location;
   if (locationArg) {
     let parsedLocationArg = typeof locationArg === "string" ? parsePath(locationArg) : locationArg;
-    invariant(
+    invariant$1(
       parentPathnameBase === "/" || parsedLocationArg.pathname?.startsWith(parentPathnameBase),
       `When overriding the location using \`<Routes location>\` or \`useRoutes(routes, location)\`, the location pathname must begin with the portion of the URL pathname that was matched by all parent routes. The current pathname base is "${parentPathnameBase}" but pathname "${parsedLocationArg.pathname}" was given in the \`location\` prop.`
     );
@@ -13473,7 +13473,7 @@ function _renderMatches(matches, parentMatches = [], dataRouterState = null, uns
     let errorIndex = renderedMatches.findIndex(
       (m2) => m2.route.id && errors?.[m2.route.id] !== void 0
     );
-    invariant(
+    invariant$1(
       errorIndex >= 0,
       `Could not find a matching route for errors on route IDs: ${Object.keys(
         errors
@@ -13579,23 +13579,23 @@ function getDataRouterConsoleError(hookName) {
 }
 function useDataRouterContext(hookName) {
   let ctx = reactExports.useContext(DataRouterContext);
-  invariant(ctx, getDataRouterConsoleError(hookName));
+  invariant$1(ctx, getDataRouterConsoleError(hookName));
   return ctx;
 }
 function useDataRouterState(hookName) {
   let state = reactExports.useContext(DataRouterStateContext);
-  invariant(state, getDataRouterConsoleError(hookName));
+  invariant$1(state, getDataRouterConsoleError(hookName));
   return state;
 }
 function useRouteContext(hookName) {
   let route = reactExports.useContext(RouteContext);
-  invariant(route, getDataRouterConsoleError(hookName));
+  invariant$1(route, getDataRouterConsoleError(hookName));
   return route;
 }
 function useCurrentRouteId(hookName) {
   let route = useRouteContext(hookName);
   let thisRoute = route.matches[route.matches.length - 1];
-  invariant(
+  invariant$1(
     thisRoute.route.id,
     `${hookName} can only be used on routes that contain a unique "id"`
   );
@@ -13666,7 +13666,7 @@ function DataRoutes({
   return useRoutesImpl(routes, void 0, state, unstable_onError, future);
 }
 function Route(props) {
-  invariant(
+  invariant$1(
     false,
     `A <Route> is only ever to be used as the child of <Routes> element, never rendered directly. Please wrap your <Route> in a <Routes>.`
   );
@@ -13679,7 +13679,7 @@ function Router({
   navigator: navigator2,
   static: staticProp = false
 }) {
-  invariant(
+  invariant$1(
     !useInRouterContext(),
     `You cannot render a <Router> inside another <Router>. You should never have more than one in your app.`
   );
@@ -13748,11 +13748,11 @@ function createRoutesFromChildren(children, parentPath = []) {
       );
       return;
     }
-    invariant(
+    invariant$1(
       element2.type === Route,
       `[${typeof element2.type === "string" ? element2.type : element2.type.name}] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>`
     );
-    invariant(
+    invariant$1(
       !element2.props.index || !element2.props.children,
       "An index route cannot have child routes."
     );
@@ -14034,8 +14034,8 @@ function dedupeHrefs(hrefs) {
 }
 function sortKeys(obj) {
   let sorted = {};
-  let keys2 = Object.keys(obj).sort();
-  for (let key of keys2) {
+  let keys4 = Object.keys(obj).sort();
+  for (let key of keys4) {
     sorted[key] = obj[key];
   }
   return sorted;
@@ -14082,7 +14082,7 @@ function usePrefetchBehavior(prefetch, theirElementProps) {
   let frameworkContext = reactExports.useContext(FrameworkContext);
   let [maybePrefetch, setMaybePrefetch] = reactExports.useState(false);
   let [shouldPrefetch, setShouldPrefetch] = reactExports.useState(false);
-  let { onFocus, onBlur, onMouseEnter, onMouseLeave, onTouchStart } = theirElementProps;
+  let { onFocus, onBlur: onBlur2, onMouseEnter, onMouseLeave, onTouchStart } = theirElementProps;
   let ref = reactExports.useRef(null);
   reactExports.useEffect(() => {
     if (prefetch === "render") {
@@ -14129,7 +14129,7 @@ function usePrefetchBehavior(prefetch, theirElementProps) {
     ref,
     {
       onFocus: composeEventHandlers$1(onFocus, setIntent),
-      onBlur: composeEventHandlers$1(onBlur, cancelIntent),
+      onBlur: composeEventHandlers$1(onBlur2, cancelIntent),
       onMouseEnter: composeEventHandlers$1(onMouseEnter, setIntent),
       onMouseLeave: composeEventHandlers$1(onMouseLeave, cancelIntent),
       onTouchStart: composeEventHandlers$1(onTouchStart, setIntent)
@@ -14507,7 +14507,7 @@ function getDataRouterConsoleError2(hookName) {
 }
 function useDataRouterContext3(hookName) {
   let ctx = reactExports.useContext(DataRouterContext);
-  invariant(ctx, getDataRouterConsoleError2(hookName));
+  invariant$1(ctx, getDataRouterConsoleError2(hookName));
   return ctx;
 }
 function useLinkClickHandler(to, {
@@ -14595,7 +14595,7 @@ function useSubmit() {
 function useFormAction(action, { relative } = {}) {
   let { basename: basename2 } = reactExports.useContext(NavigationContext);
   let routeContext = reactExports.useContext(RouteContext);
-  invariant(routeContext, "useFormAction must be used inside a RouteContext");
+  invariant$1(routeContext, "useFormAction must be used inside a RouteContext");
   let [match] = routeContext.matches.slice(-1);
   let path2 = { ...useResolvedPath(action ? action : ".", { relative }) };
   let location = useLocation();
@@ -14621,7 +14621,7 @@ function useFormAction(action, { relative } = {}) {
 }
 function useViewTransitionState(to, { relative } = {}) {
   let vtContext = reactExports.useContext(ViewTransitionContext);
-  invariant(
+  invariant$1(
     vtContext != null,
     "`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?"
   );
@@ -17610,7 +17610,7 @@ function isNode(value) {
   }
   return value instanceof Node || value instanceof getWindow(value).Node;
 }
-function isElement(value) {
+function isElement$1(value) {
   if (!hasWindow()) {
     return false;
   }
@@ -17657,7 +17657,7 @@ const willChangeValues = ["transform", "translate", "scale", "rotate", "perspect
 const containValues = ["paint", "layout", "strict", "content"];
 function isContainingBlock(elementOrCss) {
   const webkit = isWebKit();
-  const css2 = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
+  const css2 = isElement$1(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
   return transformProperties.some((value) => css2[value] ? css2[value] !== "none" : false) || (css2.containerType ? css2.containerType !== "normal" : false) || !webkit && (css2.backdropFilter ? css2.backdropFilter !== "none" : false) || !webkit && (css2.filter ? css2.filter !== "none" : false) || willChangeValues.some((value) => (css2.willChange || "").includes(value)) || containValues.some((value) => (css2.contain || "").includes(value));
 }
 function getContainingBlock(element2) {
@@ -17684,7 +17684,7 @@ function getComputedStyle$1(element2) {
   return getWindow(element2).getComputedStyle(element2);
 }
 function getNodeScroll(element2) {
-  if (isElement(element2)) {
+  if (isElement$1(element2)) {
     return {
       scrollLeft: element2.scrollLeft,
       scrollTop: element2.scrollTop
@@ -17757,7 +17757,7 @@ function getCssDimensions(element2) {
   };
 }
 function unwrapElement(element2) {
-  return !isElement(element2) ? element2.contextElement : element2;
+  return !isElement$1(element2) ? element2.contextElement : element2;
 }
 function getScale(element2) {
   const domElement = unwrapElement(element2);
@@ -17815,7 +17815,7 @@ function getBoundingClientRect(element2, includeScale, isFixedStrategy, offsetPa
   let scale = createCoords(1);
   if (includeScale) {
     if (offsetParent) {
-      if (isElement(offsetParent)) {
+      if (isElement$1(offsetParent)) {
         scale = getScale(offsetParent);
       }
     } else {
@@ -17829,7 +17829,7 @@ function getBoundingClientRect(element2, includeScale, isFixedStrategy, offsetPa
   let height = clientRect.height / scale.y;
   if (domElement) {
     const win = getWindow(domElement);
-    const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
+    const offsetWin = offsetParent && isElement$1(offsetParent) ? getWindow(offsetParent) : offsetParent;
     let currentWin = win;
     let currentIFrame = getFrameElement(currentWin);
     while (currentIFrame && offsetParent && offsetWin !== currentWin) {
@@ -17992,7 +17992,7 @@ function getClientRectFromClippingAncestor(element2, clippingAncestor, strategy)
     rect = getViewportRect(element2, strategy);
   } else if (clippingAncestor === "document") {
     rect = getDocumentRect(getDocumentElement(element2));
-  } else if (isElement(clippingAncestor)) {
+  } else if (isElement$1(clippingAncestor)) {
     rect = getInnerBoundingClientRect(clippingAncestor, strategy);
   } else {
     const visualOffsets = getVisualOffsets(element2);
@@ -18007,7 +18007,7 @@ function getClientRectFromClippingAncestor(element2, clippingAncestor, strategy)
 }
 function hasFixedPositionAncestor(element2, stopNode) {
   const parentNode = getParentNode(element2);
-  if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) {
+  if (parentNode === stopNode || !isElement$1(parentNode) || isLastTraversableNode(parentNode)) {
     return false;
   }
   return getComputedStyle$1(parentNode).position === "fixed" || hasFixedPositionAncestor(parentNode, stopNode);
@@ -18017,11 +18017,11 @@ function getClippingElementAncestors(element2, cache) {
   if (cachedResult) {
     return cachedResult;
   }
-  let result = getOverflowAncestors(element2, [], false).filter((el) => isElement(el) && getNodeName(el) !== "body");
+  let result = getOverflowAncestors(element2, [], false).filter((el) => isElement$1(el) && getNodeName(el) !== "body");
   let currentContainingBlockComputedStyle = null;
   const elementIsFixed = getComputedStyle$1(element2).position === "fixed";
   let currentNode = elementIsFixed ? getParentNode(element2) : element2;
-  while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
+  while (isElement$1(currentNode) && !isLastTraversableNode(currentNode)) {
     const computedStyle = getComputedStyle$1(currentNode);
     const currentNodeIsContaining = isContainingBlock(currentNode);
     if (!currentNodeIsContaining && computedStyle.position === "fixed") {
@@ -18135,7 +18135,7 @@ function getOffsetParent(element2, polyfill2) {
   if (!isHTMLElement(element2)) {
     let svgOffsetParent = getParentNode(element2);
     while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
-      if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {
+      if (isElement$1(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {
         return svgOffsetParent;
       }
       svgOffsetParent = getParentNode(svgOffsetParent);
@@ -18177,7 +18177,7 @@ const platform = {
   getClientRects,
   getDimensions,
   getScale,
-  isElement,
+  isElement: isElement$1,
   isRTL
 };
 function rectsAreEqual(a2, b2) {
@@ -18363,7 +18363,7 @@ function deepEqual(a2, b2) {
   }
   let length;
   let i2;
-  let keys2;
+  let keys4;
   if (a2 && b2 && typeof a2 === "object") {
     if (Array.isArray(a2)) {
       length = a2.length;
@@ -18375,18 +18375,18 @@ function deepEqual(a2, b2) {
       }
       return true;
     }
-    keys2 = Object.keys(a2);
-    length = keys2.length;
+    keys4 = Object.keys(a2);
+    length = keys4.length;
     if (length !== Object.keys(b2).length) {
       return false;
     }
     for (i2 = length; i2-- !== 0; ) {
-      if (!{}.hasOwnProperty.call(b2, keys2[i2])) {
+      if (!{}.hasOwnProperty.call(b2, keys4[i2])) {
         return false;
       }
     }
     for (i2 = length; i2-- !== 0; ) {
-      const key = keys2[i2];
+      const key = keys4[i2];
       if (key === "_owner" && a2.$$typeof) {
         continue;
       }
@@ -22857,46 +22857,131 @@ const createLucideIcon = (iconName, iconNode) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$8 = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$8);
+const __iconNode$f = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$f);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$7 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$7);
+const __iconNode$e = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$e);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$6 = [
+const __iconNode$d = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$d);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$c = [
   ["path", { d: "m18 16 4-4-4-4", key: "1inbqp" }],
   ["path", { d: "m6 8-4 4 4 4", key: "15zrgr" }],
   ["path", { d: "m14.5 4-5 16", key: "e7oirm" }]
 ];
-const CodeXml = createLucideIcon("code-xml", __iconNode$6);
+const CodeXml = createLucideIcon("code-xml", __iconNode$c);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$5 = [
+const __iconNode$b = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ];
-const Copy = createLucideIcon("copy", __iconNode$5);
+const Copy = createLucideIcon("copy", __iconNode$b);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$4 = [
+const __iconNode$a = [
+  ["path", { d: "M12 20v2", key: "1lh1kg" }],
+  ["path", { d: "M12 2v2", key: "tus03m" }],
+  ["path", { d: "M17 20v2", key: "1rnc9c" }],
+  ["path", { d: "M17 2v2", key: "11trls" }],
+  ["path", { d: "M2 12h2", key: "1t8f8n" }],
+  ["path", { d: "M2 17h2", key: "7oei6x" }],
+  ["path", { d: "M2 7h2", key: "asdhe0" }],
+  ["path", { d: "M20 12h2", key: "1q8mjw" }],
+  ["path", { d: "M20 17h2", key: "1fpfkl" }],
+  ["path", { d: "M20 7h2", key: "1o8tra" }],
+  ["path", { d: "M7 20v2", key: "4gnj0m" }],
+  ["path", { d: "M7 2v2", key: "1i4yhu" }],
+  ["rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", key: "1vbyd7" }],
+  ["rect", { x: "8", y: "8", width: "8", height: "8", rx: "1", key: "z9xiuo" }]
+];
+const Cpu = createLucideIcon("cpu", __iconNode$a);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$9 = [
+  ["ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", key: "msslwz" }],
+  ["path", { d: "M3 5V19A9 3 0 0 0 21 19V5", key: "1wlel7" }],
+  ["path", { d: "M3 12A9 3 0 0 0 21 12", key: "mv7ke4" }]
+];
+const Database = createLucideIcon("database", __iconNode$9);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$8 = [
+  ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
+  ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
+  ["path", { d: "M10 9H8", key: "b1mrlr" }],
+  ["path", { d: "M16 13H8", key: "t4e002" }],
+  ["path", { d: "M16 17H8", key: "z1uh3a" }]
+];
+const FileText = createLucideIcon("file-text", __iconNode$8);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$7 = [
+  [
+    "path",
+    {
+      d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",
+      key: "1kt360"
+    }
+  ]
+];
+const Folder = createLucideIcon("folder", __iconNode$7);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$6 = [
+  ["path", { d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4", key: "g0fldk" }],
+  ["path", { d: "m21 2-9.6 9.6", key: "1j0ho8" }],
+  ["circle", { cx: "7.5", cy: "15.5", r: "5.5", key: "yqb3hr" }]
+];
+const Key = createLucideIcon("key", __iconNode$6);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$5 = [
   ["path", { d: "M3 5h.01", key: "18ugdj" }],
   ["path", { d: "M3 12h.01", key: "nlz23k" }],
   ["path", { d: "M3 19h.01", key: "noohij" }],
@@ -22904,18 +22989,34 @@ const __iconNode$4 = [
   ["path", { d: "M8 12h13", key: "1za7za" }],
   ["path", { d: "M8 19h13", key: "m83p4d" }]
 ];
-const List = createLucideIcon("list", __iconNode$4);
+const List = createLucideIcon("list", __iconNode$5);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$3 = [
+const __iconNode$4 = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ];
-const Plus = createLucideIcon("plus", __iconNode$3);
+const Plus = createLucideIcon("plus", __iconNode$4);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$3 = [
+  [
+    "path",
+    {
+      d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
+      key: "oel41y"
+    }
+  ]
+];
+const Shield = createLucideIcon("shield", __iconNode$3);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
@@ -23592,6 +23693,7 @@ function Layout({
   pageTitle,
   breadcrumbs,
   actions,
+  subheader,
   backTo = "/",
   maxWidth = "max-w-7xl"
 }) {
@@ -23782,6 +23884,7 @@ function Layout({
         )
       }
     ),
+    subheader,
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       "main",
       {
@@ -23845,15 +23948,44 @@ function PromptPipelineDashboard() {
       console.warn(`Cannot open job "${job.name}" - no valid job ID available`);
     }
   };
-  const headerActions = runningJobs.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(p$6, { align: "center", gap: "2", className: "text-gray-11", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(p$d, { size: "1", weight: "medium", children: "Overall Progress" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Progress, { value: aggregateProgress, className: "w-20" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(p$d, { size: "1", className: "text-gray-9", children: [
-      aggregateProgress,
-      "%"
-    ] })
-  ] });
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Layout, { title: "Prompt Pipeline", actions: headerActions, children: [
+  const progressBanner = runningJobs.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+    p$9,
+    {
+      role: "status",
+      "aria-live": "polite",
+      className: "bg-blue-50 border-b border-blue-200",
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        p$6,
+        {
+          align: "center",
+          gap: "4",
+          className: "mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8 py-3",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(p$d, { size: "2", children: [
+              runningJobs.length,
+              " job",
+              runningJobs.length !== 1 ? "s" : "",
+              " ",
+              "running"
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Progress,
+              {
+                value: aggregateProgress,
+                variant: "running",
+                className: "flex-1"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(p$d, { size: "2", weight: "medium", children: [
+              aggregateProgress,
+              "%"
+            ] })
+          ]
+        }
+      )
+    }
+  ) : null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Layout, { title: "Prompt Pipeline", subheader: progressBanner, children: [
     error && /* @__PURE__ */ jsxRuntimeExports.jsx(p$9, { className: "mb-4 rounded-md bg-yellow-50 p-3 border border-yellow-200", children: /* @__PURE__ */ jsxRuntimeExports.jsx(p$d, { size: "2", className: "text-yellow-800", children: "Unable to load jobs from the server" }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       m,
@@ -23922,7 +24054,7 @@ function TaskFilePane({
   type,
   filename,
   onClose,
-  inline = false
+  inline: inline3 = false
 }) {
   const [copyNotice, setCopyNotice] = reactExports.useState(null);
   const [loading, setLoading] = reactExports.useState(false);
@@ -24287,10 +24419,10 @@ function TaskFilePane({
   if (!isOpen) {
     return null;
   }
-  const containerClassName = inline ? "flex flex-col h-full" : "bg-white rounded-lg shadow-xl w-full max-w-6xl max-h-[90vh] flex flex-col";
+  const containerClassName = inline3 ? "flex flex-col h-full" : "bg-white rounded-lg shadow-xl w-full max-w-6xl max-h-[90vh] flex flex-col";
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: containerClassName, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between p-4 border-b bg-white", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-lg font-semibold", children: inline ? "File Preview" : filename }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-lg font-semibold", children: inline3 ? "File Preview" : filename }) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
         {
@@ -24320,7 +24452,7 @@ function TaskFilePane({
       )
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 flex flex-col bg-gray-50 overflow-hidden", children: [
-      !inline && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-white border-b p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+      !inline3 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-white border-b p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "font-medium", children: filename }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center text-sm text-gray-500 mt-1", children: [
@@ -24351,7 +24483,7 @@ function TaskFilePane({
           )
         ] })
       ] }) }),
-      inline && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-white border-b p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+      inline3 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-white border-b p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "font-medium text-sm", children: filename }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center text-xs text-gray-500 mt-1", children: [
@@ -25002,10 +25134,10 @@ function coerceStringArray(value) {
   if (!Array.isArray(value)) return [];
   return value.filter((entry) => typeof entry === "string");
 }
-function reportUnsupportedKeys(keys2) {
-  if (keys2.length === 0) return;
-  const legacyKeys = keys2.filter((key) => LEGACY_KEY_SET.has(key));
-  const otherKeys = keys2.filter((key) => !LEGACY_KEY_SET.has(key));
+function reportUnsupportedKeys(keys4) {
+  if (keys4.length === 0) return;
+  const legacyKeys = keys4.filter((key) => LEGACY_KEY_SET.has(key));
+  const otherKeys = keys4.filter((key) => !LEGACY_KEY_SET.has(key));
   if (legacyKeys.length > 0) {
     console.warn(
       `[task-files] Ignoring unsupported legacy keys: ${legacyKeys.join(", ")}`
@@ -25144,7 +25276,7 @@ const TaskCard = reactExports.memo(function TaskCard2({
   disabledReason,
   startDisabledReason,
   onClick,
-  onKeyDown,
+  onKeyDown: onKeyDown2,
   handleRestartClick,
   handleStartClick
 }) {
@@ -25158,7 +25290,7 @@ const TaskCard = reactExports.memo(function TaskCard2({
       "aria-current": isActive ? "step" : void 0,
       tabIndex: 0,
       onClick,
-      onKeyDown,
+      onKeyDown: onKeyDown2,
       className: `cursor-pointer rounded-lg border border-gray-400 ${status === TaskState.PENDING ? "bg-gray-50" : "bg-white"} overflow-hidden flex flex-col ${reducedMotion ? "" : "transition-all duration-200 ease-in-out"} outline outline-2 outline-transparent hover:outline-gray-400/70 focus-visible:outline-blue-500/60`,
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -26741,232 +26873,524 @@ function PipelineDetail() {
     )
   ] });
 }
-const ioFunctions = [
+function Card({ className = "", ...p2 }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      className: ["rounded-xl border bg-white shadow-sm", className].join(" "),
+      ...p2
+    }
+  );
+}
+function CardHeader({ className = "", ...p2 }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: ["p-4 border-b", className].join(" "), ...p2 });
+}
+function CardTitle({ className = "", ...p2 }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: ["text-base font-semibold", className].join(" "), ...p2 });
+}
+function CardContent({ className = "", ...p2 }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: ["p-4", className].join(" "), ...p2 });
+}
+function CopyableCodeBlock({ children, className = "", maxHeight }) {
+  const [copied, setCopied] = reactExports.useState(false);
+  const handleCopy = async () => {
+    const text2 = typeof children === "string" ? children : String(children);
+    await navigator.clipboard.writeText(text2);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(p$9, { className: `relative group ${className}`, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "pre",
+      {
+        className: "text-sm bg-gray-50 p-4 rounded-lg overflow-auto border border-gray-200 font-mono leading-relaxed",
+        style: maxHeight ? { maxHeight } : void 0,
+        children
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Button,
+      {
+        size: "sm",
+        variant: "ghost",
+        onClick: handleCopy,
+        className: "absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity h-8 px-2 bg-white/80 hover:bg-white border border-gray-200",
+        "aria-label": copied ? "Copied" : "Copy code",
+        children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "h-3.5 w-3.5 text-green-600 mr-1" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-green-600", children: "Copied" })
+        ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "h-3.5 w-3.5 mr-1" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs", children: "Copy" })
+        ] })
+      }
+    )
+  ] });
+}
+const sections = [
+  { id: "environment", label: "Environment", icon: Key },
+  { id: "getting-started", label: "Getting Started", icon: FileText },
+  { id: "io-api", label: "IO API", icon: Database },
+  { id: "llm-api", label: "LLM API", icon: Cpu },
+  { id: "validation", label: "Validation", icon: Shield }
+];
+const writeFunctions = [
   {
     name: "writeArtifact",
-    description: "Write an artifact file",
-    params: 'name: string, content: string, options?: { mode?: "replace"|"append"=replace }',
+    description: "Persist output files for downstream tasks",
+    params: 'name, content, { mode?: "replace"|"append" }',
     returns: "Promise<string>",
-    notes: "Writes to {workDir}/files/artifacts; updates tasks-status.json"
+    path: "{workDir}/files/artifacts"
   },
   {
     name: "writeLog",
-    description: "Write a log file",
-    params: 'name: string, content: string, options?: { mode?: "append"|"replace"=append }',
+    description: "Append debug or progress logs",
+    params: 'name, content, { mode?: "append"|"replace" }',
     returns: "Promise<string>",
-    notes: "Writes to {workDir}/files/logs; default append; updates tasks-status.json"
+    path: "{workDir}/files/logs"
   },
   {
     name: "writeTmp",
-    description: "Write a temporary file",
-    params: 'name: string, content: string, options?: { mode?: "replace"|"append"=replace }',
+    description: "Store intermediate scratch data",
+    params: 'name, content, { mode?: "replace"|"append" }',
     returns: "Promise<string>",
-    notes: "Writes to {workDir}/files/tmp; updates tasks-status.json"
-  },
+    path: "{workDir}/files/tmp"
+  }
+];
+const readFunctions = [
   {
     name: "readArtifact",
-    description: "Read an artifact file",
+    description: "Load artifacts from previous tasks",
     params: "name: string",
     returns: "Promise<string>",
-    notes: "Reads from {workDir}/files/artifacts"
+    path: "{workDir}/files/artifacts"
   },
   {
     name: "readLog",
-    description: "Read a log file",
+    description: "Read log file contents",
     params: "name: string",
     returns: "Promise<string>",
-    notes: "Reads from {workDir}/files/logs"
+    path: "{workDir}/files/logs"
   },
   {
     name: "readTmp",
-    description: "Read a temporary file",
+    description: "Read temporary file contents",
     params: "name: string",
     returns: "Promise<string>",
-    notes: "Reads from {workDir}/files/tmp"
-  },
+    path: "{workDir}/files/tmp"
+  }
+];
+const utilityFunctions = [
   {
     name: "getTaskDir",
-    description: "Get the task directory path",
-    params: "",
+    description: "Get the current task's directory path",
+    params: "—",
     returns: "string",
     notes: "Returns {workDir}/tasks/{taskName}"
   },
   {
     name: "getCurrentStage",
     description: "Get the current stage name",
-    params: "",
+    params: "—",
     returns: "string",
     notes: "Calls injected getStage()"
+  },
+  {
+    name: "getDB",
+    description: "Get SQLite database for this job run",
+    params: "options?: better-sqlite3 Options",
+    returns: "Database",
+    notes: "WAL mode enabled; caller must close"
+  },
+  {
+    name: "runBatch",
+    description: "Execute batch jobs concurrently with retry support",
+    params: "{ jobs, processor, concurrency?, maxRetries?, batchId? }",
+    returns: "Promise<{ completed, failed }>",
+    notes: "Auto-retries failures; state persisted in SQLite"
   }
 ];
 const sampleSeed = {
-  name: "some-name",
+  name: "my-blog-post",
   pipeline: "content-generation",
   data: {
-    type: "some-type",
     contentType: "blog-post",
-    targetAudience: "software-developers",
-    tone: "professional-yet-accessible",
-    length: "1500-2000 words",
-    outputFormat: "blog-post"
+    topic: "AI in Healthcare",
+    targetAudience: "developers"
   }
 };
+const envVars = [
+  { name: "OPENAI_API_KEY", provider: "OpenAI" },
+  { name: "ANTHROPIC_API_KEY", provider: "Anthropic" },
+  { name: "GEMINI_API_KEY", provider: "Google Gemini" },
+  { name: "DEEPSEEK_API_KEY", provider: "DeepSeek" },
+  { name: "ZHIPU_API_KEY", provider: "Zhipu" }
+];
+function CollapsibleSection({
+  id,
+  title,
+  icon: Icon2,
+  defaultOpen = false,
+  children
+}) {
+  const [isOpen, setIsOpen] = reactExports.useState(defaultOpen);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("section", { id, className: "scroll-mt-24", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Card, { className: "mb-6", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        onClick: () => setIsOpen(!isOpen),
+        className: "w-full text-left",
+        "aria-expanded": isOpen,
+        "aria-controls": `${id}-content`,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          CardHeader,
+          {
+            className: `flex flex-row items-center justify-between cursor-pointer hover:bg-gray-50 rounded-t-xl transition-colors ${!isOpen ? "rounded-b-xl border-b-0" : ""}`,
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(p$6, { align: "center", gap: "3", children: [
+                Icon2 && /* @__PURE__ */ jsxRuntimeExports.jsx(Icon2, { className: "h-5 w-5 text-gray-500" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(CardTitle, { className: "text-lg", children: title })
+              ] }),
+              isOpen ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "h-5 w-5 text-gray-400" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "h-5 w-5 text-gray-400" })
+            ]
+          }
+        )
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsxRuntimeExports.jsx(CardContent, { id: `${id}-content`, className: "pt-4", children })
+  ] }) });
+}
+function FunctionRow({ name: name2, description, params, returns, path: path2, notes }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "py-3 border-b border-gray-100 last:border-0", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(p$6, { justify: "between", align: "start", gap: "4", wrap: "wrap", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-w-[200px]", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(p$4, { size: "2", className: "text-blue-600 font-medium", children: [
+        "io.",
+        name2
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(p$d, { as: "p", size: "2", className: "text-gray-600 mt-1", children: description })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-right text-sm space-y-1", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-gray-400", children: "params: " }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(p$4, { size: "1", children: params })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-gray-400", children: "returns: " }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(p$4, { size: "1", children: returns })
+      ] }),
+      path2 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-gray-400 text-xs flex items-center justify-end gap-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Folder, { className: "h-3 w-3" }),
+        path2
+      ] }),
+      notes && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-gray-400 text-xs", children: notes })
+    ] })
+  ] }) });
+}
 function CodePage() {
   const [llmFunctions, setLlmFunctions] = reactExports.useState(null);
+  const [activeSection, setActiveSection] = reactExports.useState("environment");
   reactExports.useEffect(() => {
     fetch("/api/llm/functions").then((res) => res.json()).then(({ ok: ok2, data }) => {
       if (!ok2 || typeof data !== "object" || data === null) {
-        throw new Error(
-          "Invalid /api/llm/functions response: expected { ok:true, data:Object }"
-        );
+        throw new Error("Invalid /api/llm/functions response");
       }
       setLlmFunctions(data);
     }).catch(console.error);
   }, []);
-  const breadcrumbs = [{ label: "Home", href: "/" }, { label: "Code" }];
-  const handleCopySeed = () => {
-    navigator.clipboard.writeText(JSON.stringify(sampleSeed, null, 2));
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Layout, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(PageSubheader, { breadcrumbs }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(p$9, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(p$9, { mb: "8", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(r$a, { size: "6", mb: "4", children: "Seed File Example" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(p$d, { as: "p", mb: "3", size: "2", children: "A seed file is a JSON object used to start a new pipeline job. It defines the job name, the pipeline to run, and any contextual data the pipeline requires to begin." }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(p$d, { as: "p", mb: "3", size: "2", weight: "bold", children: "Required fields:" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("ul", { className: "list-disc list-inside mb-4 space-y-1", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { className: "text-sm text-gray-700", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(p$d, { as: "span", weight: "bold", children: "name" }),
-            " ",
-            "(string): Human-friendly title; non-empty, printable only, ≤120 chars; must be unique."
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { className: "text-sm text-gray-700", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(p$d, { as: "span", weight: "bold", children: "pipeline" }),
-            " ",
-            "(string): Pipeline slug defined in your registry (e.g., content-generation)."
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { className: "text-sm text-gray-700", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(p$d, { as: "span", weight: "bold", children: "data" }),
-            " ",
-            "(object): Required but flexible; include any arbitrary keys your pipeline tasks expect."
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(p$9, { mb: "3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Button,
-          {
-            size: "1",
-            onClick: handleCopySeed,
-            "data-testid": "copy-seed-example",
-            children: "Copy"
+  reactExports.useEffect(() => {
+    const observer = new IntersectionObserver(
+      (entries) => {
+        entries.forEach((entry) => {
+          if (entry.isIntersecting) {
+            setActiveSection(entry.target.id);
           }
-        ) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "text-xs bg-gray-50 p-3 rounded overflow-auto max-h-60 border border-gray-200", children: JSON.stringify(sampleSeed, null, 2) })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(r$a, { size: "6", mb: "4", children: "Pipeline Task IO API" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(p$9, { overflowX: "auto", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(m$1, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(d, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(P$1, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(f$1, { children: "Function" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(f$1, { children: "Parameters" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(f$1, { children: "Returns" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(f$1, { children: "Notes" })
-        ] }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(b$1, { children: ioFunctions.map((fn) => /* @__PURE__ */ jsxRuntimeExports.jsxs(P$1, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(R, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(p$4, { size: "3", children: [
-            "io.",
-            fn.name
-          ] }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(T, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(p$4, { size: "3", children: fn.params || "—" }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(T, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(p$4, { size: "3", children: fn.returns }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(T, { children: [
-            fn.description,
-            /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
-            fn.notes
-          ] })
-        ] }, fn.name)) })
-      ] }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(r$a, { size: "6", mt: "8", mb: "4", children: "Pipeline Task LLM API" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(p$9, { mb: "4", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(r$a, { size: "4", mb: "2", children: "Arguments" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(p$4, { size: "3", mb: "4", children: `{
-  messages: Array<{role: "system"|"user"|"assistant", content: string }>,
-  temperature?: number,
-  maxTokens?: number,
-  responseFormat?: "json" | { type: "json_object" | { type: "json_schema", name: string, json_schema: object } },
-  stop?: string | string[],
-  topP?: number,
-  frequencyPenalty?: number,
-  presencePenalty?: number,
-  seed?: number,
-  provider?: string,
-  model?: string,
-  metadata?: object,
-  maxRetries?: number
-}` }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(r$a, { size: "4", mb: "2", children: "Returns" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(p$4, { size: "3", children: `Promise<{ content: any, usage?: object, raw?: any }>` })
-      ] }),
-      llmFunctions && /* @__PURE__ */ jsxRuntimeExports.jsx(p$9, { overflowX: "auto", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(m$1, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(d, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(P$1, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(f$1, { children: "Function" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(f$1, { children: "Model" })
-        ] }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(b$1, { children: Object.entries(llmFunctions).map(
-          ([provider, functions]) => functions.map((fn) => /* @__PURE__ */ jsxRuntimeExports.jsxs(P$1, { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(R, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(p$4, { size: "3", children: fn.fullPath }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(T, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(p$4, { size: "3", children: fn.model }) })
-          ] }, fn.fullPath))
-        ) })
-      ] }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(r$a, { size: "6", mt: "8", mb: "4", children: "Validation API" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(p$d, { as: "p", mb: "3", size: "2", children: "Schema validation helper available to task stages via validators." }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(p$9, { mb: "4", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(r$a, { size: "4", mb: "2", children: "Function Signature" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(p$4, { size: "3", children: `validateWithSchema(schema: object, data: object | string): { valid: true } | { valid: false, errors: AjvError[] }` }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(r$a, { size: "4", mb: "2", mt: "4", children: "Behavior" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("ul", { className: "list-disc list-inside mb-4 space-y-1", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("li", { className: "text-sm text-gray-700", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(p$d, { as: "span", children: [
-            "Parses string data to JSON; on parse failure returns",
-            " ",
-            `{ valid:false, errors:[{ keyword:"type", message:"must be a valid JSON object (string parsing failed)"} ]`
-          ] }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("li", { className: "text-sm text-gray-700", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(p$d, { as: "span", children: [
-            "Uses Ajv(",
-            `{ allErrors: true, strict: false }`,
-            "); compiles provided schema"
-          ] }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("li", { className: "text-sm text-gray-700", children: /* @__PURE__ */ jsxRuntimeExports.jsx(p$d, { as: "span", children: "Returns AJV errors array when invalid" }) })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(r$a, { size: "4", mb: "2", children: "Source" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(p$4, { size: "3", children: "src/api/validators/json.js" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(r$a, { size: "4", mb: "2", mt: "4", children: "Usage Example" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(p$4, { size: "3", children: `export const validateStructure = async ({
+        });
+      },
+      { rootMargin: "-100px 0px -66% 0px" }
+    );
+    sections.forEach(({ id }) => {
+      const el = document.getElementById(id);
+      if (el) observer.observe(el);
+    });
+    return () => observer.disconnect();
+  }, []);
+  const breadcrumbs = [
+    { label: "Home", href: "/" },
+    { label: "API Reference" }
+  ];
+  const llmArgsCode = `{
+  messages: Array<{ role: "system"|"user"|"assistant", content: string }>,
+  temperature?: number,        // 0-2, default varies by model
+  maxTokens?: number,          // Max response tokens
+  responseFormat?: "json" | { type: "json_object" } | { type: "json_schema", ... },
+  stop?: string | string[],    // Stop sequences
+  topP?: number,               // Nucleus sampling
+  frequencyPenalty?: number,   // -2 to 2
+  presencePenalty?: number,    // -2 to 2
+  seed?: number,               // For reproducibility
+  provider?: string,           // Override default provider
+  model?: string,              // Override default model
+  maxRetries?: number          // Auto-retry on failure
+}`;
+  const validationExampleCode = `export const validateStructure = async ({
   io,
   flags,
   validators: { validateWithSchema },
 }) => {
   const content = await io.readArtifact("research-output.json");
-  const result = validateWithSchema(researchJsonSchema, content);
+  const result = validateWithSchema(mySchema, content);
 
   if (!result.valid) {
-    console.warn("[Research:validateStructure] Validation failed", result.errors);
+    console.warn("Validation failed", result.errors);
     return { output: {}, flags: { ...flags, validationFailed: true } };
   }
   return { output: {}, flags };
-};` })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(r$a, { size: "6", mt: "8", mb: "4", children: "Environment Configuration" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(p$9, { mb: "4", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(r$a, { size: "4", mb: "2", children: "Example .env Configuration" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(p$9, { overflowX: "auto", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(m$1, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(d, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(P$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(f$1, { children: "Environment Variable" }) }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(b$1, { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(P$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(R, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(p$4, { size: "3", children: "OPENAI_API_KEY=" }) }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(P$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(R, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(p$4, { size: "3", children: "DEEPSEEK_API_KEY=" }) }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(P$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(R, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(p$4, { size: "3", children: "GEMINI_API_KEY=" }) }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(P$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(R, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(p$4, { size: "3", children: "ANTHROPIC_API_KEY=" }) }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(P$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(R, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(p$4, { size: "3", children: "ZHIPU_API_KEY=" }) }) })
+};`;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Layout, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(PageSubheader, { breadcrumbs }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(p$6, { gap: "6", className: "relative", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "nav",
+        {
+          "aria-label": "Page sections",
+          className: "hidden lg:block w-48 shrink-0",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sticky top-28 space-y-1", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              p$d,
+              {
+                size: "1",
+                weight: "medium",
+                className: "text-gray-400 uppercase tracking-wide mb-3 block",
+                children: "On this page"
+              }
+            ),
+            sections.map(({ id, label, icon: Icon2 }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "a",
+              {
+                href: `#${id}`,
+                className: `flex items-center gap-2 px-3 py-2 text-sm rounded-md transition-colors ${activeSection === id ? "bg-blue-50 text-blue-700 font-medium" : "text-gray-600 hover:bg-gray-100 hover:text-gray-900"}`,
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(Icon2, { className: "h-4 w-4" }),
+                  label
+                ]
+              },
+              id
+            ))
           ] })
-        ] }) })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(p$9, { className: "flex-1 min-w-0 pb-16", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(r$a, { size: "7", className: "mb-2", children: "Pipeline API Reference" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(p$d, { as: "p", size: "3", className: "text-gray-600", mb: "3", children: "Everything you need to build pipeline tasks — from file I/O to LLM calls." }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          CollapsibleSection,
+          {
+            id: "environment",
+            title: "Environment Setup",
+            icon: Key,
+            defaultOpen: true,
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(p$d, { as: "p", size: "3", className: "text-gray-600 mb-4", children: [
+                "Configure API keys in your ",
+                /* @__PURE__ */ jsxRuntimeExports.jsx(p$4, { size: "2", children: ".env" }),
+                " file before running pipelines. Only add keys for providers you plan to use."
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-gray-50 rounded-lg p-4 border border-gray-200", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid gap-2", children: envVars.map(({ name: name2, provider }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(p$6, { align: "center", justify: "between", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(p$4, { size: "2", children: [
+                  name2,
+                  "="
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(p$d, { size: "1", className: "text-gray-500", children: provider })
+              ] }, name2)) }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          CollapsibleSection,
+          {
+            id: "getting-started",
+            title: "Getting Started: Seed Files",
+            icon: FileText,
+            defaultOpen: true,
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(p$d, { as: "p", size: "3", className: "text-gray-600 mb-4", children: [
+                "A seed file initiates a pipeline job. Upload it via the UI or place it in the ",
+                /* @__PURE__ */ jsxRuntimeExports.jsx(p$4, { size: "2", children: "pending/" }),
+                " directory."
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(p$d, { size: "2", weight: "medium", className: "mb-2 block", children: "Required Fields" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs(p$6, { align: "start", gap: "3", className: "text-base", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(p$4, { size: "2", className: "shrink-0 mt-0.5", children: "name" }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(p$d, { className: "text-gray-600", children: "Unique job identifier — printable characters only, max 120 chars" })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs(p$6, { align: "start", gap: "3", className: "text-base", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(p$4, { size: "2", className: "shrink-0 mt-0.5", children: "pipeline" }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(p$d, { className: "text-gray-600", children: "Pipeline slug from your registry (e.g., content-generation)" })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs(p$6, { align: "start", gap: "3", className: "text-base", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(p$4, { size: "2", className: "shrink-0 mt-0.5", children: "data" }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(p$d, { className: "text-gray-600", children: "Object containing any context your pipeline tasks expect" })
+                    ] })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(p$d, { size: "2", weight: "medium", className: "mb-2 block", children: "Example" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(CopyableCodeBlock, { maxHeight: "200px", children: JSON.stringify(sampleSeed, null, 2) })
+                ] })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          CollapsibleSection,
+          {
+            id: "io-api",
+            title: "IO API",
+            icon: Database,
+            defaultOpen: true,
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(p$d, { as: "p", size: "3", className: "text-gray-600 mb-6", children: [
+                "File operations for reading/writing artifacts, logs, and temporary files. All functions are available on the ",
+                /* @__PURE__ */ jsxRuntimeExports.jsx(p$4, { size: "2", children: "io" }),
+                " ",
+                "object passed to task stages."
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-6", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(p$6, { align: "center", gap: "2", className: "mb-3", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-2 h-2 rounded-full bg-green-500" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(p$d, { size: "2", weight: "medium", children: "Write Functions" })
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border border-gray-200 rounded-lg px-4 bg-white", children: writeFunctions.map((fn) => /* @__PURE__ */ jsxRuntimeExports.jsx(FunctionRow, { ...fn }, fn.name)) })
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-6", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(p$6, { align: "center", gap: "2", className: "mb-3", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-500" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(p$d, { size: "2", weight: "medium", children: "Read Functions" })
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border border-gray-200 rounded-lg px-4 bg-white", children: readFunctions.map((fn) => /* @__PURE__ */ jsxRuntimeExports.jsx(FunctionRow, { ...fn }, fn.name)) })
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(p$6, { align: "center", gap: "2", className: "mb-3", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-2 h-2 rounded-full bg-purple-500" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(p$d, { size: "2", weight: "medium", children: "Utility Functions" })
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border border-gray-200 rounded-lg px-4 bg-white", children: utilityFunctions.map((fn) => /* @__PURE__ */ jsxRuntimeExports.jsx(FunctionRow, { ...fn }, fn.name)) })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          CollapsibleSection,
+          {
+            id: "llm-api",
+            title: "LLM API",
+            icon: Cpu,
+            defaultOpen: true,
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(p$d, { as: "p", size: "3", className: "text-gray-600 mb-6", children: [
+                "Call language models from any provider using a unified interface. Functions are available on the ",
+                /* @__PURE__ */ jsxRuntimeExports.jsx(p$4, { size: "2", children: "llm" }),
+                " object."
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-6", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(p$d, { size: "2", weight: "medium", className: "mb-2 block", children: "Arguments" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(CopyableCodeBlock, { maxHeight: "280px", children: llmArgsCode })
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(p$d, { size: "2", weight: "medium", className: "mb-2 block", children: "Returns" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-gray-50 rounded-lg p-3 border border-gray-200", children: /* @__PURE__ */ jsxRuntimeExports.jsx(p$4, { size: "2", children: `Promise<{ content: any, usage?: object, raw?: any }>` }) })
+                ] }),
+                llmFunctions && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(p$d, { size: "2", weight: "medium", className: "mb-3 block", children: "Available Models" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border border-gray-200 rounded-lg overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(m$1, { children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(d, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(P$1, { children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(f$1, { className: "bg-gray-50", children: "Function" }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(f$1, { className: "bg-gray-50", children: "Model" })
+                    ] }) }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(b$1, { children: Object.entries(llmFunctions).flatMap(
+                      ([_provider, functions]) => functions.map((fn) => /* @__PURE__ */ jsxRuntimeExports.jsxs(P$1, { children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(R, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(p$4, { size: "2", children: fn.fullPath }) }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(T, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(p$4, { size: "2", className: "text-gray-600", children: fn.model }) })
+                      ] }, fn.fullPath))
+                    ) })
+                  ] }) })
+                ] })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          CollapsibleSection,
+          {
+            id: "validation",
+            title: "Validation API",
+            icon: Shield,
+            defaultOpen: true,
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(p$d, { as: "p", size: "3", className: "text-gray-600 mb-6", children: [
+                "Validate JSON data against schemas using",
+                " ",
+                /* @__PURE__ */ jsxRuntimeExports.jsx(p$4, { size: "2", children: "validateWithSchema" }),
+                ". Available via the",
+                " ",
+                /* @__PURE__ */ jsxRuntimeExports.jsx(p$4, { size: "2", children: "validators" }),
+                " object in task stages."
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-6", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(p$d, { size: "2", weight: "medium", className: "mb-2 block", children: "Function Signature" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-gray-50 rounded-lg p-3 border border-gray-200", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(p$4, { size: "2", children: [
+                    "validateWithSchema(schema, data) → ",
+                    "{",
+                    " valid: boolean, errors?: AjvError[] ",
+                    "}"
+                  ] }) })
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(p$d, { size: "2", weight: "medium", className: "mb-2 block", children: "Behavior" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("ul", { className: "space-y-2 text-base text-gray-600", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { className: "flex items-start gap-2", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-blue-500 mt-1", children: "•" }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Accepts string or object data — strings are parsed as JSON first" })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { className: "flex items-start gap-2", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-blue-500 mt-1", children: "•" }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+                        "Uses Ajv with",
+                        " ",
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(p$4, { size: "2", children: "{ allErrors: true, strict: false }" })
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { className: "flex items-start gap-2", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-blue-500 mt-1", children: "•" }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+                        "Returns ",
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(p$4, { size: "2", children: "{ valid: true }" }),
+                        " on success, or",
+                        " ",
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(p$4, { size: "2", children: "{ valid: false, errors: [...] }" }),
+                        " ",
+                        "on failure"
+                      ] })
+                    ] })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(p$d, { size: "2", weight: "medium", className: "mb-2 block", children: "Usage Example" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(CopyableCodeBlock, { maxHeight: "240px", children: validationExampleCode })
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-base text-gray-500", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Source: " }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(p$4, { size: "2", children: "src/api/validators/json.js" })
+                ] })
+              ] })
+            ]
+          }
+        )
       ] })
     ] })
   ] });
@@ -27247,7 +27671,7 @@ const StageTimeline = React.memo(({ stages }) => {
   );
 });
 StageTimeline.displayName = "StageTimeline";
-function _objectWithoutPropertiesLoose(r2, e2) {
+function _objectWithoutPropertiesLoose$1(r2, e2) {
   if (null == r2) return {};
   var t2 = {};
   for (var n2 in r2) if ({}.hasOwnProperty.call(r2, n2)) {
@@ -27256,9 +27680,9 @@ function _objectWithoutPropertiesLoose(r2, e2) {
   }
   return t2;
 }
-function _objectWithoutProperties(e2, t2) {
+function _objectWithoutProperties$1(e2, t2) {
   if (null == e2) return {};
-  var o2, r2, i2 = _objectWithoutPropertiesLoose(e2, t2);
+  var o2, r2, i2 = _objectWithoutPropertiesLoose$1(e2, t2);
   if (Object.getOwnPropertySymbols) {
     var n2 = Object.getOwnPropertySymbols(e2);
     for (r2 = 0; r2 < n2.length; r2++) o2 = n2[r2], -1 === t2.indexOf(o2) && {}.propertyIsEnumerable.call(e2, o2) && (i2[o2] = e2[o2]);
@@ -27270,10 +27694,10 @@ function _arrayLikeToArray(r2, a2) {
   for (var e2 = 0, n2 = Array(a2); e2 < a2; e2++) n2[e2] = r2[e2];
   return n2;
 }
-function _arrayWithoutHoles(r2) {
+function _arrayWithoutHoles$1(r2) {
   if (Array.isArray(r2)) return _arrayLikeToArray(r2);
 }
-function _iterableToArray(r2) {
+function _iterableToArray$1(r2) {
   if ("undefined" != typeof Symbol && null != r2[Symbol.iterator] || null != r2["@@iterator"]) return Array.from(r2);
 }
 function _unsupportedIterableToArray(r2, a2) {
@@ -27283,35 +27707,35 @@ function _unsupportedIterableToArray(r2, a2) {
     return "Object" === t2 && r2.constructor && (t2 = r2.constructor.name), "Map" === t2 || "Set" === t2 ? Array.from(r2) : "Arguments" === t2 || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t2) ? _arrayLikeToArray(r2, a2) : void 0;
   }
 }
-function _nonIterableSpread() {
+function _nonIterableSpread$1() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _toConsumableArray(r2) {
-  return _arrayWithoutHoles(r2) || _iterableToArray(r2) || _unsupportedIterableToArray(r2) || _nonIterableSpread();
+function _toConsumableArray$1(r2) {
+  return _arrayWithoutHoles$1(r2) || _iterableToArray$1(r2) || _unsupportedIterableToArray(r2) || _nonIterableSpread$1();
 }
-function _typeof(o2) {
+function _typeof$1(o2) {
   "@babel/helpers - typeof";
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o3) {
+  return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o3) {
     return typeof o3;
   } : function(o3) {
     return o3 && "function" == typeof Symbol && o3.constructor === Symbol && o3 !== Symbol.prototype ? "symbol" : typeof o3;
-  }, _typeof(o2);
+  }, _typeof$1(o2);
 }
 function toPrimitive(t2, r2) {
-  if ("object" != _typeof(t2) || !t2) return t2;
+  if ("object" != _typeof$1(t2) || !t2) return t2;
   var e2 = t2[Symbol.toPrimitive];
   if (void 0 !== e2) {
     var i2 = e2.call(t2, r2);
-    if ("object" != _typeof(i2)) return i2;
+    if ("object" != _typeof$1(i2)) return i2;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return ("string" === r2 ? String : Number)(t2);
 }
 function toPropertyKey(t2) {
   var i2 = toPrimitive(t2, "string");
-  return "symbol" == _typeof(i2) ? i2 : i2 + "";
+  return "symbol" == _typeof$1(i2) ? i2 : i2 + "";
 }
-function _defineProperty(e2, r2, t2) {
+function _defineProperty$1(e2, r2, t2) {
   return (r2 = toPropertyKey(r2)) in e2 ? Object.defineProperty(e2, r2, {
     value: t2,
     enumerable: true,
@@ -27319,16 +27743,16 @@ function _defineProperty(e2, r2, t2) {
     writable: true
   }) : e2[r2] = t2, e2;
 }
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function(n2) {
+function _extends$1() {
+  return _extends$1 = Object.assign ? Object.assign.bind() : function(n2) {
     for (var e2 = 1; e2 < arguments.length; e2++) {
       var t2 = arguments[e2];
       for (var r2 in t2) ({}).hasOwnProperty.call(t2, r2) && (n2[r2] = t2[r2]);
     }
     return n2;
-  }, _extends.apply(null, arguments);
+  }, _extends$1.apply(null, arguments);
 }
-function ownKeys$1(e2, r2) {
+function ownKeys$6(e2, r2) {
   var t2 = Object.keys(e2);
   if (Object.getOwnPropertySymbols) {
     var o2 = Object.getOwnPropertySymbols(e2);
@@ -27338,12 +27762,12 @@ function ownKeys$1(e2, r2) {
   }
   return t2;
 }
-function _objectSpread$1(e2) {
+function _objectSpread$6(e2) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t2 = null != arguments[r2] ? arguments[r2] : {};
-    r2 % 2 ? ownKeys$1(Object(t2), true).forEach(function(r3) {
-      _defineProperty(e2, r3, t2[r3]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e2, Object.getOwnPropertyDescriptors(t2)) : ownKeys$1(Object(t2)).forEach(function(r3) {
+    r2 % 2 ? ownKeys$6(Object(t2), true).forEach(function(r3) {
+      _defineProperty$1(e2, r3, t2[r3]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e2, Object.getOwnPropertyDescriptors(t2)) : ownKeys$6(Object(t2)).forEach(function(r3) {
       Object.defineProperty(e2, r3, Object.getOwnPropertyDescriptor(t2, r3));
     });
   }
@@ -27379,7 +27803,7 @@ function createStyleObject(classNames) {
   });
   var classNamesCombinations = getClassNameCombinations(nonTokenClassNames);
   return classNamesCombinations.reduce(function(styleObject, className) {
-    return _objectSpread$1(_objectSpread$1({}, styleObject), stylesheet[className]);
+    return _objectSpread$6(_objectSpread$6({}, styleObject), stylesheet[className]);
   }, elementStyle);
 }
 function createClassNameString(classNames) {
@@ -27408,7 +27832,7 @@ function createElement(_ref) {
     var childrenCreator = createChildren$1(stylesheet, useInlineStyles);
     var props;
     if (!useInlineStyles) {
-      props = _objectSpread$1(_objectSpread$1({}, properties), {}, {
+      props = _objectSpread$6(_objectSpread$6({}, properties), {}, {
         className: createClassNameString(properties.className)
       });
     } else {
@@ -27422,13 +27846,13 @@ function createElement(_ref) {
       var className = properties.className && startingClassName.concat(properties.className.filter(function(className2) {
         return !allStylesheetSelectors.includes(className2);
       }));
-      props = _objectSpread$1(_objectSpread$1({}, properties), {}, {
+      props = _objectSpread$6(_objectSpread$6({}, properties), {}, {
         className: createClassNameString(className) || void 0,
         style: createStyleObject(properties.className, Object.assign({}, properties.style, style), stylesheet)
       });
     }
     var children = childrenCreator(node2.children);
-    return /* @__PURE__ */ React.createElement(TagName, _extends({
+    return /* @__PURE__ */ React.createElement(TagName, _extends$1({
       key
     }, props), children);
   }
@@ -27437,8 +27861,8 @@ const checkForListedLanguage = (function(astGenerator, language2) {
   var langs = astGenerator.listLanguages();
   return langs.indexOf(language2) !== -1;
 });
-var _excluded = ["language", "children", "style", "customStyle", "codeTagProps", "useInlineStyles", "showLineNumbers", "showInlineLineNumbers", "startingLineNumber", "lineNumberContainerStyle", "lineNumberStyle", "wrapLines", "wrapLongLines", "lineProps", "renderer", "PreTag", "CodeTag", "code", "astGenerator"];
-function ownKeys(e2, r2) {
+var _excluded$1 = ["language", "children", "style", "customStyle", "codeTagProps", "useInlineStyles", "showLineNumbers", "showInlineLineNumbers", "startingLineNumber", "lineNumberContainerStyle", "lineNumberStyle", "wrapLines", "wrapLongLines", "lineProps", "renderer", "PreTag", "CodeTag", "code", "astGenerator"];
+function ownKeys$5(e2, r2) {
   var t2 = Object.keys(e2);
   if (Object.getOwnPropertySymbols) {
     var o2 = Object.getOwnPropertySymbols(e2);
@@ -27448,12 +27872,12 @@ function ownKeys(e2, r2) {
   }
   return t2;
 }
-function _objectSpread(e2) {
+function _objectSpread$5(e2) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t2 = null != arguments[r2] ? arguments[r2] : {};
-    r2 % 2 ? ownKeys(Object(t2), true).forEach(function(r3) {
-      _defineProperty(e2, r3, t2[r3]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e2, Object.getOwnPropertyDescriptors(t2)) : ownKeys(Object(t2)).forEach(function(r3) {
+    r2 % 2 ? ownKeys$5(Object(t2), true).forEach(function(r3) {
+      _defineProperty$1(e2, r3, t2[r3]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e2, Object.getOwnPropertyDescriptors(t2)) : ownKeys$5(Object(t2)).forEach(function(r3) {
       Object.defineProperty(e2, r3, Object.getOwnPropertyDescriptor(t2, r3));
     });
   }
@@ -27514,19 +27938,19 @@ function assembleLineNumberStyles(lineNumberStyle, lineNumber, largestLineNumber
     userSelect: "none"
   };
   var customLineNumberStyle = typeof lineNumberStyle === "function" ? lineNumberStyle(lineNumber) : lineNumberStyle;
-  var assembledStyle = _objectSpread(_objectSpread({}, defaultLineNumberStyle), customLineNumberStyle);
+  var assembledStyle = _objectSpread$5(_objectSpread$5({}, defaultLineNumberStyle), customLineNumberStyle);
   return assembledStyle;
 }
 function createLineElement(_ref3) {
   var children = _ref3.children, lineNumber = _ref3.lineNumber, lineNumberStyle = _ref3.lineNumberStyle, largestLineNumber = _ref3.largestLineNumber, showInlineLineNumbers = _ref3.showInlineLineNumbers, _ref3$lineProps = _ref3.lineProps, lineProps = _ref3$lineProps === void 0 ? {} : _ref3$lineProps, _ref3$className = _ref3.className, className = _ref3$className === void 0 ? [] : _ref3$className, showLineNumbers = _ref3.showLineNumbers, wrapLongLines = _ref3.wrapLongLines, _ref3$wrapLines = _ref3.wrapLines, wrapLines = _ref3$wrapLines === void 0 ? false : _ref3$wrapLines;
-  var properties = wrapLines ? _objectSpread({}, typeof lineProps === "function" ? lineProps(lineNumber) : lineProps) : {};
-  properties["className"] = properties["className"] ? [].concat(_toConsumableArray(properties["className"].trim().split(/\s+/)), _toConsumableArray(className)) : className;
+  var properties = wrapLines ? _objectSpread$5({}, typeof lineProps === "function" ? lineProps(lineNumber) : lineProps) : {};
+  properties["className"] = properties["className"] ? [].concat(_toConsumableArray$1(properties["className"].trim().split(/\s+/)), _toConsumableArray$1(className)) : className;
   if (lineNumber && showInlineLineNumbers) {
     var inlineLineNumberStyle = assembleLineNumberStyles(lineNumberStyle, lineNumber, largestLineNumber);
     children.unshift(getInlineLineNumber(lineNumber, inlineLineNumberStyle));
   }
   if (wrapLongLines & showLineNumbers) {
-    properties.style = _objectSpread({
+    properties.style = _objectSpread$5({
       display: "flex"
     }, properties.style);
   }
@@ -27545,7 +27969,7 @@ function flattenCodeTree(tree) {
     if (node2.type === "text") {
       newTree.push(createLineElement({
         children: [node2],
-        className: _toConsumableArray(new Set(className))
+        className: _toConsumableArray$1(new Set(className))
       }));
     } else if (node2.children) {
       var classNames = className.concat(node2.properties.className);
@@ -27693,8 +28117,8 @@ function highlight(defaultAstGenerator, defaultStyle2) {
     var _code$match$length, _code$match;
     var language2 = _ref7.language, children = _ref7.children, _ref7$style = _ref7.style, style = _ref7$style === void 0 ? defaultStyle2 : _ref7$style, _ref7$customStyle = _ref7.customStyle, customStyle = _ref7$customStyle === void 0 ? {} : _ref7$customStyle, _ref7$codeTagProps = _ref7.codeTagProps, codeTagProps = _ref7$codeTagProps === void 0 ? {
       className: language2 ? "language-".concat(language2) : void 0,
-      style: _objectSpread(_objectSpread({}, style['code[class*="language-"]']), style['code[class*="language-'.concat(language2, '"]')])
-    } : _ref7$codeTagProps, _ref7$useInlineStyles = _ref7.useInlineStyles, useInlineStyles = _ref7$useInlineStyles === void 0 ? true : _ref7$useInlineStyles, _ref7$showLineNumbers = _ref7.showLineNumbers, showLineNumbers = _ref7$showLineNumbers === void 0 ? false : _ref7$showLineNumbers, _ref7$showInlineLineN = _ref7.showInlineLineNumbers, showInlineLineNumbers = _ref7$showInlineLineN === void 0 ? true : _ref7$showInlineLineN, _ref7$startingLineNum = _ref7.startingLineNumber, startingLineNumber = _ref7$startingLineNum === void 0 ? 1 : _ref7$startingLineNum, lineNumberContainerStyle = _ref7.lineNumberContainerStyle, _ref7$lineNumberStyle = _ref7.lineNumberStyle, lineNumberStyle = _ref7$lineNumberStyle === void 0 ? {} : _ref7$lineNumberStyle, wrapLines = _ref7.wrapLines, _ref7$wrapLongLines = _ref7.wrapLongLines, wrapLongLines = _ref7$wrapLongLines === void 0 ? false : _ref7$wrapLongLines, _ref7$lineProps = _ref7.lineProps, lineProps = _ref7$lineProps === void 0 ? {} : _ref7$lineProps, renderer = _ref7.renderer, _ref7$PreTag = _ref7.PreTag, PreTag = _ref7$PreTag === void 0 ? "pre" : _ref7$PreTag, _ref7$CodeTag = _ref7.CodeTag, CodeTag = _ref7$CodeTag === void 0 ? "code" : _ref7$CodeTag, _ref7$code = _ref7.code, code2 = _ref7$code === void 0 ? (Array.isArray(children) ? children[0] : children) || "" : _ref7$code, astGenerator = _ref7.astGenerator, rest = _objectWithoutProperties(_ref7, _excluded);
+      style: _objectSpread$5(_objectSpread$5({}, style['code[class*="language-"]']), style['code[class*="language-'.concat(language2, '"]')])
+    } : _ref7$codeTagProps, _ref7$useInlineStyles = _ref7.useInlineStyles, useInlineStyles = _ref7$useInlineStyles === void 0 ? true : _ref7$useInlineStyles, _ref7$showLineNumbers = _ref7.showLineNumbers, showLineNumbers = _ref7$showLineNumbers === void 0 ? false : _ref7$showLineNumbers, _ref7$showInlineLineN = _ref7.showInlineLineNumbers, showInlineLineNumbers = _ref7$showInlineLineN === void 0 ? true : _ref7$showInlineLineN, _ref7$startingLineNum = _ref7.startingLineNumber, startingLineNumber = _ref7$startingLineNum === void 0 ? 1 : _ref7$startingLineNum, lineNumberContainerStyle = _ref7.lineNumberContainerStyle, _ref7$lineNumberStyle = _ref7.lineNumberStyle, lineNumberStyle = _ref7$lineNumberStyle === void 0 ? {} : _ref7$lineNumberStyle, wrapLines = _ref7.wrapLines, _ref7$wrapLongLines = _ref7.wrapLongLines, wrapLongLines = _ref7$wrapLongLines === void 0 ? false : _ref7$wrapLongLines, _ref7$lineProps = _ref7.lineProps, lineProps = _ref7$lineProps === void 0 ? {} : _ref7$lineProps, renderer = _ref7.renderer, _ref7$PreTag = _ref7.PreTag, PreTag = _ref7$PreTag === void 0 ? "pre" : _ref7$PreTag, _ref7$CodeTag = _ref7.CodeTag, CodeTag = _ref7$CodeTag === void 0 ? "code" : _ref7$CodeTag, _ref7$code = _ref7.code, code2 = _ref7$code === void 0 ? (Array.isArray(children) ? children[0] : children) || "" : _ref7$code, astGenerator = _ref7.astGenerator, rest = _objectWithoutProperties$1(_ref7, _excluded$1);
     astGenerator = astGenerator || defaultAstGenerator;
     var allLineNumbers = showLineNumbers ? /* @__PURE__ */ React.createElement(AllLineNumbers, {
       containerStyle: lineNumberContainerStyle,
@@ -27714,11 +28138,11 @@ function highlight(defaultAstGenerator, defaultStyle2) {
       style: Object.assign({}, customStyle)
     });
     if (wrapLongLines) {
-      codeTagProps.style = _objectSpread({
+      codeTagProps.style = _objectSpread$5({
         whiteSpace: "pre-wrap"
       }, codeTagProps.style);
     } else {
-      codeTagProps.style = _objectSpread({
+      codeTagProps.style = _objectSpread$5({
         whiteSpace: "pre"
       }, codeTagProps.style);
     }
@@ -27798,8 +28222,8 @@ function requireMerge() {
   hasRequiredMerge = 1;
   var xtend = requireImmutable();
   var Schema2 = requireSchema();
-  merge_1 = merge2;
-  function merge2(definitions) {
+  merge_1 = merge3;
+  function merge3(definitions) {
     var length = definitions.length;
     var property = [];
     var normal = [];
@@ -27904,9 +28328,9 @@ function requireDefinedInfo() {
       mark2(this, check, (mask & types2[check]) === types2[check]);
     }
   }
-  function mark2(values, key, value) {
+  function mark2(values3, key, value) {
     if (value) {
-      values[key] = value;
+      values3[key] = value;
     }
   }
   return definedInfo;
@@ -28472,13 +28896,13 @@ var hasRequiredHtml$1;
 function requireHtml$1() {
   if (hasRequiredHtml$1) return html_1$1;
   hasRequiredHtml$1 = 1;
-  var merge2 = requireMerge();
+  var merge3 = requireMerge();
   var xlink2 = requireXlink();
   var xml2 = requireXml();
   var xmlns2 = requireXmlns();
   var aria2 = requireAria();
   var html2 = requireHtml$2();
-  html_1$1 = merge2([xml2, xlink2, xmlns2, aria2, html2]);
+  html_1$1 = merge3([xml2, xlink2, xmlns2, aria2, html2]);
   return html_1$1;
 }
 var find_1;
@@ -28588,8 +29012,8 @@ function requireSpaceSeparatedTokens() {
     var input = String(value || empty2).trim();
     return input === empty2 ? [] : input.split(whiteSpace);
   }
-  function stringify2(values) {
-    return values.join(space2).trim();
+  function stringify2(values3) {
+    return values3.join(space2).trim();
   }
   return spaceSeparatedTokens;
 }
@@ -28604,7 +29028,7 @@ function requireCommaSeparatedTokens() {
   var space2 = " ";
   var empty2 = "";
   function parse2(value) {
-    var values = [];
+    var values3 = [];
     var input = String(value || empty2);
     var index2 = input.indexOf(comma);
     var lastIndex = 0;
@@ -28617,21 +29041,21 @@ function requireCommaSeparatedTokens() {
       }
       val = input.slice(lastIndex, index2).trim();
       if (val || !end) {
-        values.push(val);
+        values3.push(val);
       }
       lastIndex = index2 + 1;
       index2 = input.indexOf(comma, lastIndex);
     }
-    return values;
+    return values3;
   }
-  function stringify2(values, options) {
+  function stringify2(values3, options) {
     var settings = options || {};
     var left = settings.padLeft === false ? empty2 : space2;
     var right = settings.padRight ? space2 : empty2;
-    if (values[values.length - 1] === empty2) {
-      values = values.concat(empty2);
+    if (values3[values3.length - 1] === empty2) {
+      values3 = values3.concat(empty2);
     }
-    return values.join(right + comma + left).trim();
+    return values3.join(right + comma + left).trim();
   }
   return commaSeparatedTokens;
 }
@@ -28773,13 +29197,13 @@ function requireFactory() {
     }
     return result.join("; ");
   }
-  function createAdjustMap(values) {
-    var length = values.length;
+  function createAdjustMap(values3) {
+    var length = values3.length;
     var index2 = -1;
     var result = {};
     var value;
     while (++index2 < length) {
-      value = values[index2];
+      value = values3[index2];
       result[value.toLowerCase()] = value;
     }
     return result;
@@ -30914,13 +31338,13 @@ function requireCore$1() {
       env2.content
     );
   }
-  function stringifyAll(values, language2) {
+  function stringifyAll(values3, language2) {
     var result = [];
-    var length = values.length;
+    var length = values3.length;
     var index2 = -1;
     var value;
     while (++index2 < length) {
-      value = values[index2];
+      value = values3[index2];
       if (value !== "" && value !== null && value !== void 0) {
         result.push(value);
       }
@@ -30959,7 +31383,7 @@ function requireCore$1() {
   }
   return core$1;
 }
-const defaultStyle = {
+const defaultStyle$1 = {
   'code[class*="language-"]': {
     "color": "black",
     "background": "none",
@@ -32256,11 +32680,11 @@ function requireAsciidoc() {
           alias: "punctuation"
         }
       };
-      function copyFromAsciiDoc(keys2) {
-        keys2 = keys2.split(" ");
+      function copyFromAsciiDoc(keys4) {
+        keys4 = keys4.split(" ");
         var o2 = {};
-        for (var i2 = 0, l2 = keys2.length; i2 < l2; i2++) {
-          o2[keys2[i2]] = asciidoc2[keys2[i2]];
+        for (var i2 = 0, l2 = keys4.length; i2 < l2; i2++) {
+          o2[keys4[i2]] = asciidoc2[keys4[i2]];
         }
         return o2;
       }
@@ -33198,7 +33622,7 @@ function requireBash() {
   bash2.aliases = ["shell"];
   function bash2(Prism) {
     (function(Prism2) {
-      var envVars = "\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b";
+      var envVars2 = "\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b";
       var commandAfterHeredoc = {
         pattern: /(^(["']?)\w+\2)[ \t]+\S.*/,
         lookbehind: true,
@@ -33210,7 +33634,7 @@ function requireBash() {
       var insideString = {
         bash: commandAfterHeredoc,
         environment: {
-          pattern: RegExp("\\$" + envVars),
+          pattern: RegExp("\\$" + envVars2),
           alias: "constant"
         },
         variable: [
@@ -33250,7 +33674,7 @@ function requireBash() {
               operator: /:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,
               punctuation: /[\[\]]/,
               environment: {
-                pattern: RegExp("(\\{)" + envVars),
+                pattern: RegExp("(\\{)" + envVars2),
                 lookbehind: true,
                 alias: "constant"
               }
@@ -33299,7 +33723,7 @@ function requireBash() {
           pattern: /(^|[\s;|&]|[<>]\()\w+(?=\+?=)/,
           inside: {
             environment: {
-              pattern: RegExp("(^|[\\s;|&]|[<>]\\()" + envVars),
+              pattern: RegExp("(^|[\\s;|&]|[<>]\\()" + envVars2),
               lookbehind: true,
               alias: "constant"
             }
@@ -33349,7 +33773,7 @@ function requireBash() {
           }
         ],
         environment: {
-          pattern: RegExp("\\$?" + envVars),
+          pattern: RegExp("\\$?" + envVars2),
           alias: "constant"
         },
         variable: insideString.variable,
@@ -35619,15 +36043,15 @@ function requireMarkupTemplating() {
             }
             env2.grammar = Prism2.languages[language2];
             var j = 0;
-            var keys2 = Object.keys(env2.tokenStack);
+            var keys4 = Object.keys(env2.tokenStack);
             function walkTokens(tokens) {
               for (var i2 = 0; i2 < tokens.length; i2++) {
-                if (j >= keys2.length) {
+                if (j >= keys4.length) {
                   break;
                 }
                 var token = tokens[i2];
                 if (typeof token === "string" || token.content && typeof token.content === "string") {
-                  var k = keys2[j];
+                  var k = keys4[j];
                   var t2 = env2.tokenStack[k];
                   var s2 = typeof token === "string" ? token : token.content;
                   var placeholder = getPlaceholder(language2, k);
@@ -52456,7 +52880,7 @@ function requireRefractor() {
 }
 var refractorExports = requireRefractor();
 const refractor = /* @__PURE__ */ getDefaultExportFromCjs(refractorExports);
-var highlighter = highlight(refractor, defaultStyle);
+var highlighter = highlight(refractor, defaultStyle$1);
 highlighter.supportedLanguages = supportedLanguages;
 const oneLight = {
   'code[class*="language-"]': {
@@ -53567,13 +53991,2330 @@ function PipelineDAGGrid({ items, cols = 3, pipelineSlug }) {
     )
   ] });
 }
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) {
+    for (var i2 = 0, arr2 = new Array(arr.length); i2 < arr.length; i2++) {
+      arr2[i2] = arr[i2];
+    }
+    return arr2;
+  }
+}
+function _iterableToArray(iter) {
+  if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
+}
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance");
+}
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+}
+function _extends() {
+  _extends = Object.assign || function(target) {
+    for (var i2 = 1; i2 < arguments.length; i2++) {
+      var source2 = arguments[i2];
+      for (var key in source2) {
+        if (Object.prototype.hasOwnProperty.call(source2, key)) {
+          target[key] = source2[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+function _defineProperties(target, props) {
+  for (var i2 = 0; i2 < props.length; i2++) {
+    var descriptor = props[i2];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, descriptor.key, descriptor);
+  }
+}
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  return Constructor;
+}
+function _assertThisInitialized(self2) {
+  if (self2 === void 0) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+  return self2;
+}
+function _setPrototypeOf(o2, p2) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf2(o3, p3) {
+    o3.__proto__ = p3;
+    return o3;
+  };
+  return _setPrototypeOf(o2, p2);
+}
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError("Super expression must either be null or a function");
+  }
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      writable: true,
+      configurable: true
+    }
+  });
+  if (superClass) _setPrototypeOf(subClass, superClass);
+}
+function _typeof2(obj) {
+  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+    _typeof2 = function _typeof22(obj2) {
+      return typeof obj2;
+    };
+  } else {
+    _typeof2 = function _typeof22(obj2) {
+      return obj2 && typeof Symbol === "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
+    };
+  }
+  return _typeof2(obj);
+}
+function _typeof(obj) {
+  if (typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol") {
+    _typeof = function _typeof3(obj2) {
+      return _typeof2(obj2);
+    };
+  } else {
+    _typeof = function _typeof3(obj2) {
+      return obj2 && typeof Symbol === "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : _typeof2(obj2);
+    };
+  }
+  return _typeof(obj);
+}
+function _possibleConstructorReturn(self2, call) {
+  if (call && (_typeof(call) === "object" || typeof call === "function")) {
+    return call;
+  }
+  return _assertThisInitialized(self2);
+}
+function _getPrototypeOf(o2) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf2(o3) {
+    return o3.__proto__ || Object.getPrototypeOf(o3);
+  };
+  return _getPrototypeOf(o2);
+}
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+var browser;
+var hasRequiredBrowser;
+function requireBrowser() {
+  if (hasRequiredBrowser) return browser;
+  hasRequiredBrowser = 1;
+  var invariant3 = function(condition, format, a2, b2, c2, d2, e2, f2) {
+    if (!condition) {
+      var error;
+      if (format === void 0) {
+        error = new Error(
+          "Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings."
+        );
+      } else {
+        var args = [a2, b2, c2, d2, e2, f2];
+        var argIndex = 0;
+        error = new Error(
+          format.replace(/%s/g, function() {
+            return args[argIndex++];
+          })
+        );
+        error.name = "Invariant Violation";
+      }
+      error.framesToPop = 1;
+      throw error;
+    }
+  };
+  browser = invariant3;
+  return browser;
+}
+var browserExports = requireBrowser();
+const invariant = /* @__PURE__ */ getDefaultExportFromCjs(browserExports);
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+function _iterableToArrayLimit(arr, i2) {
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+  var _e = void 0;
+  try {
+    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+      _arr.push(_s.value);
+      if (i2 && _arr.length === i2) break;
+    }
+  } catch (err) {
+    _d = true;
+    _e = err;
+  } finally {
+    try {
+      if (!_n && _i["return"] != null) _i["return"]();
+    } finally {
+      if (_d) throw _e;
+    }
+  }
+  return _arr;
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance");
+}
+function _slicedToArray(arr, i2) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i2) || _nonIterableRest();
+}
+function _objectWithoutPropertiesLoose(source2, excluded) {
+  if (source2 == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source2);
+  var key, i2;
+  for (i2 = 0; i2 < sourceKeys.length; i2++) {
+    key = sourceKeys[i2];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source2[key];
+  }
+  return target;
+}
+function _objectWithoutProperties(source2, excluded) {
+  if (source2 == null) return {};
+  var target = _objectWithoutPropertiesLoose(source2, excluded);
+  var key, i2;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source2);
+    for (i2 = 0; i2 < sourceSymbolKeys.length; i2++) {
+      key = sourceSymbolKeys[i2];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source2, key)) continue;
+      target[key] = source2[key];
+    }
+  }
+  return target;
+}
+var keys$2 = function keys(obj) {
+  return obj === Object(obj) ? Object.keys(obj) : [];
+};
+var values = function values2(obj) {
+  return obj === Object(obj) ? Object.values(obj) : [];
+};
+function mergeDeep(target, source2) {
+  var output = Object.assign({}, target);
+  if (isPlainObject$1(target) && isPlainObject$1(source2)) {
+    keys$2(source2).forEach(function(key) {
+      if (isPlainObject$1(source2[key])) {
+        if (!(key in target)) Object.assign(output, _defineProperty$1({}, key, source2[key]));
+        else output[key] = mergeDeep(target[key], source2[key]);
+      } else {
+        Object.assign(output, _defineProperty$1({}, key, source2[key]));
+      }
+    });
+  }
+  return output;
+}
+var merge$1 = function merge(target) {
+  for (var _len = arguments.length, sources = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    sources[_key - 1] = arguments[_key];
+  }
+  return sources.reduce(function(t2, s2) {
+    return mergeDeep(t2, s2);
+  }, target);
+};
+var omit$1 = function omit(obj, keys4) {
+  var other = Object.assign({}, obj);
+  if (keys4) {
+    for (var i2 = 0; i2 < keys4.length; i2++) {
+      delete other[keys4[i2]];
+    }
+  }
+  return other;
+};
+var isPlainObject$1 = function isPlainObject(obj) {
+  return obj === Object(obj) && !(obj instanceof Date) && !Array.isArray(obj);
+};
+var compact = function compact2(arr) {
+  return (arr || []).filter(Boolean);
+};
+var isModifier = function isModifier2(key) {
+  return key[0] === "&";
+};
+var isElement = function isElement2(key) {
+  return !isModifier(key);
+};
+var camelize = function camelize2(key) {
+  return key.replace(/-(\w)/g, function(m2, c2) {
+    return c2.toUpperCase();
+  });
+};
+var pickDirectStyles = function pickDirectStyles2(style) {
+  var objectPropertiesWhitelist = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
+  var styleKeys = keys$2(style);
+  var result = {};
+  for (var i2 = 0, l2 = styleKeys.length; i2 < l2; i2 += 1) {
+    var key = styleKeys[i2];
+    var isDirect = Object.prototype.toString.call(style[key]) !== "[object Object]" || // style defs
+    key[0] === ":" || // pseudo selectors
+    key[0] === "@" || // @media / @keyframes / @supports / @font-face
+    objectPropertiesWhitelist.indexOf(key) >= 0;
+    if (isDirect) {
+      result[key] = style[key];
+    }
+  }
+  return result;
+};
+var pickNestedStyles = function pickNestedStyles2(style, keysToPick) {
+  var camelizedKeysToPick = keysToPick.map(camelize);
+  var styleKeys = keys$2(style);
+  var result = {};
+  for (var i2 = 0, l2 = styleKeys.length; i2 < l2; i2 += 1) {
+    var key = styleKeys[i2];
+    if (keysToPick.indexOf(key) >= 0 || camelizedKeysToPick.indexOf(camelize(key)) >= 0) {
+      result[key] = style[key];
+    }
+  }
+  return result;
+};
+var hoistModifierStylesRecursive = function hoistModifierStylesRecursive2(style, modifierKeysToPick) {
+  var result = merge$1.apply(void 0, [{}, omit$1(style, modifierKeysToPick)].concat(_toConsumableArray$1(values(pickNestedStyles(style, modifierKeysToPick)))));
+  var modifierKeys = keys$2(result).filter(isModifier);
+  for (var i2 = 0, l2 = modifierKeys.length; i2 < l2; i2 += 1) {
+    var key = modifierKeys[i2];
+    var subresult = hoistModifierStylesRecursive2(result[key], modifierKeysToPick);
+    if (modifierKeysToPick.indexOf(key) >= 0) {
+      delete result[key];
+      result = merge$1({}, result, subresult);
+    } else {
+      result[key] = subresult;
+    }
+  }
+  return result;
+};
+function ownKeys$4(object, enumerableOnly) {
+  var keys4 = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    if (enumerableOnly) {
+      symbols = symbols.filter(function(sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+    }
+    keys4.push.apply(keys4, symbols);
+  }
+  return keys4;
+}
+function _objectSpread$4(target) {
+  for (var i2 = 1; i2 < arguments.length; i2++) {
+    var source2 = arguments[i2] != null ? arguments[i2] : {};
+    if (i2 % 2) {
+      ownKeys$4(Object(source2), true).forEach(function(key) {
+        _defineProperty$1(target, key, source2[key]);
+      });
+    } else if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source2));
+    } else {
+      ownKeys$4(Object(source2)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source2, key));
+      });
+    }
+  }
+  return target;
+}
+var defaultObjectPropsWhitelist = ["animationName"];
+var defaultPropsDecorator = function defaultPropsDecorator2(_ref) {
+  var style = _ref.style, className = _ref.className;
+  return _objectSpread$4(_objectSpread$4({}, style ? {
+    style: pickDirectStyles(style, defaultObjectPropsWhitelist)
+  } : {}), className ? {
+    className
+  } : {});
+};
+var PropsDecoratorContext = /* @__PURE__ */ reactExports.createContext(defaultPropsDecorator);
+PropsDecoratorContext.Provider;
+var coerceSelection = function coerceSelection2(select) {
+  if (!select) {
+    return [];
+  } else if (typeof select === "string") {
+    return [select];
+  } else if (!Array.isArray(select)) {
+    var objSelect = select;
+    return keys$2(select).reduce(function(acc, key) {
+      return acc.concat(objSelect[key] ? [key] : []);
+    }, []);
+  }
+  return select;
+};
+var EMPTY$1 = {};
+var memoize = function memoize2(substyle) {
+  return function(select, defaultStyle2) {
+    var cacheKey = defaultStyle2 || EMPTY$1;
+    substyle.memoize = substyle.memoize || /* @__PURE__ */ new WeakMap();
+    var mapEntry;
+    if (!substyle.memoize.has(cacheKey)) {
+      mapEntry = {};
+      substyle.memoize.set(cacheKey, mapEntry);
+    } else {
+      mapEntry = substyle.memoize.get(cacheKey);
+    }
+    var selectHash = coerceSelection(select).join(" ");
+    return selectHash in mapEntry ? mapEntry[selectHash] : mapEntry[selectHash] = substyle(select || [], defaultStyle2);
+  };
+};
+function ownKeys$3(object, enumerableOnly) {
+  var keys4 = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    if (enumerableOnly) {
+      symbols = symbols.filter(function(sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+    }
+    keys4.push.apply(keys4, symbols);
+  }
+  return keys4;
+}
+function _objectSpread$3(target) {
+  for (var i2 = 1; i2 < arguments.length; i2++) {
+    var source2 = arguments[i2] != null ? arguments[i2] : {};
+    if (i2 % 2) {
+      ownKeys$3(Object(source2), true).forEach(function(key) {
+        _defineProperty$1(target, key, source2[key]);
+      });
+    } else if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source2));
+    } else {
+      ownKeys$3(Object(source2)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source2, key));
+      });
+    }
+  }
+  return target;
+}
+var guessBaseClassName = function guessBaseClassName2(classNames) {
+  var firstKey = classNames && keys$2(classNames)[0];
+  return firstKey && firstKey.split("__")[0].split("--")[0];
+};
+var deriveClassNames = function deriveClassNames2(className, elementKeys, modifierKeys) {
+  if (!className) {
+    return void 0;
+  }
+  var firstClassName = className.split(" ")[0];
+  var derivedClassNames = [].concat(_toConsumableArray$1(elementKeys.length === 0 ? modifierKeys.map(function(key) {
+    return "".concat(firstClassName, "--").concat(key.substring(1));
+  }) : []), _toConsumableArray$1(elementKeys.map(function(key) {
+    return "".concat(firstClassName, "__").concat(key);
+  })));
+  return elementKeys.length === 0 ? [className].concat(_toConsumableArray$1(derivedClassNames)) : derivedClassNames;
+};
+function createSubstyle(_ref) {
+  var style = _ref.style, className = _ref.className, classNames = _ref.classNames;
+  var propsDecorator = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : defaultPropsDecorator;
+  var baseClassName = className || guessBaseClassName(classNames) || (style === null || style === void 0 ? void 0 : style.className);
+  var substyle = typeof style === "function" ? style : memoize(function(select, defaultStyle2) {
+    var selectedKeys = coerceSelection(select);
+    invariant(Array.isArray(selectedKeys), "First parameter must be a string, an array of strings, a plain object with boolean values, or a falsy value.");
+    invariant(!defaultStyle2 || isPlainObject$1(defaultStyle2), "Optional second parameter must be a plain object.");
+    var modifierKeys = selectedKeys.filter(isModifier);
+    var elementKeys = selectedKeys.filter(isElement);
+    var collectElementStyles = elementKeys.length > 0 ? function(fromStyle) {
+      return values(pickNestedStyles(fromStyle, elementKeys));
+    } : function(fromStyle) {
+      return [fromStyle];
+    };
+    var collectSelectedStyles = function collectSelectedStyles2() {
+      var fromStyle = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+      return collectElementStyles(hoistModifierStylesRecursive(fromStyle, modifierKeys));
+    };
+    var derivedClassNames = deriveClassNames(baseClassName, elementKeys, modifierKeys);
+    return createSubstyle(_objectSpread$3(_objectSpread$3(_objectSpread$3({}, (style || defaultStyle2) && {
+      style: merge$1.apply(void 0, [{}].concat(_toConsumableArray$1(collectSelectedStyles(defaultStyle2)), _toConsumableArray$1(collectSelectedStyles(style))))
+    }), derivedClassNames && {
+      className: derivedClassNames.join(" ")
+    }), classNames && {
+      classNames
+    }), propsDecorator);
+  });
+  var styleProps = _objectSpread$3({}, typeof style === "function" ? style : {
+    style
+  });
+  var classNameSplit = _toConsumableArray$1(new Set([].concat(_toConsumableArray$1(styleProps.className ? styleProps.className.split(" ") : []), _toConsumableArray$1(baseClassName ? baseClassName.split(" ") : []))));
+  var mappedClassNames = classNames ? compact(classNameSplit.map(function(singleClassName) {
+    return classNames[singleClassName];
+  })) : classNameSplit;
+  var propsForSpread = propsDecorator(_objectSpread$3(_objectSpread$3({}, styleProps), mappedClassNames.length > 0 ? {
+    className: mappedClassNames.join(" ")
+  } : {}));
+  Object.assign(substyle, propsForSpread);
+  return substyle;
+}
+function ownKeys$2(object, enumerableOnly) {
+  var keys4 = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    if (enumerableOnly) {
+      symbols = symbols.filter(function(sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+    }
+    keys4.push.apply(keys4, symbols);
+  }
+  return keys4;
+}
+function _objectSpread$2(target) {
+  for (var i2 = 1; i2 < arguments.length; i2++) {
+    var source2 = arguments[i2] != null ? arguments[i2] : {};
+    if (i2 % 2) {
+      ownKeys$2(Object(source2), true).forEach(function(key) {
+        _defineProperty$1(target, key, source2[key]);
+      });
+    } else if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source2));
+    } else {
+      ownKeys$2(Object(source2)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source2, key));
+      });
+    }
+  }
+  return target;
+}
+var inline = function inline2() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  return args.reduce(function(result, arg) {
+    return _objectSpread$2(_objectSpread$2(_objectSpread$2({}, result), typeof arg === "function" ? arg : {}), {}, {
+      style: _objectSpread$2(_objectSpread$2({}, result.style), typeof arg === "function" ? arg.style : arg)
+    });
+  }, {});
+};
+var useStyles = function useStyles2(defaultStyle2, _ref, modifiers) {
+  var style = _ref.style, className = _ref.className, classNames = _ref.classNames;
+  var propsDecorator = reactExports.useContext(PropsDecoratorContext);
+  var substyle = reactExports.useMemo(function() {
+    return createSubstyle({
+      style,
+      className,
+      classNames
+    }, propsDecorator);
+  }, [style, className, classNames, propsDecorator]);
+  return substyle(modifiers, defaultStyle2);
+};
+var propTypes$1 = { exports: {} };
+var ReactPropTypesSecret_1;
+var hasRequiredReactPropTypesSecret;
+function requireReactPropTypesSecret() {
+  if (hasRequiredReactPropTypesSecret) return ReactPropTypesSecret_1;
+  hasRequiredReactPropTypesSecret = 1;
+  var ReactPropTypesSecret = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+  ReactPropTypesSecret_1 = ReactPropTypesSecret;
+  return ReactPropTypesSecret_1;
+}
+var factoryWithThrowingShims;
+var hasRequiredFactoryWithThrowingShims;
+function requireFactoryWithThrowingShims() {
+  if (hasRequiredFactoryWithThrowingShims) return factoryWithThrowingShims;
+  hasRequiredFactoryWithThrowingShims = 1;
+  var ReactPropTypesSecret = /* @__PURE__ */ requireReactPropTypesSecret();
+  function emptyFunction() {
+  }
+  function emptyFunctionWithReset() {
+  }
+  emptyFunctionWithReset.resetWarningCache = emptyFunction;
+  factoryWithThrowingShims = function() {
+    function shim(props, propName, componentName, location, propFullName, secret) {
+      if (secret === ReactPropTypesSecret) {
+        return;
+      }
+      var err = new Error(
+        "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
+      );
+      err.name = "Invariant Violation";
+      throw err;
+    }
+    shim.isRequired = shim;
+    function getShim() {
+      return shim;
+    }
+    var ReactPropTypes = {
+      array: shim,
+      bigint: shim,
+      bool: shim,
+      func: shim,
+      number: shim,
+      object: shim,
+      string: shim,
+      symbol: shim,
+      any: shim,
+      arrayOf: getShim,
+      element: shim,
+      elementType: shim,
+      instanceOf: getShim,
+      node: shim,
+      objectOf: getShim,
+      oneOf: getShim,
+      oneOfType: getShim,
+      shape: getShim,
+      exact: getShim,
+      checkPropTypes: emptyFunctionWithReset,
+      resetWarningCache: emptyFunction
+    };
+    ReactPropTypes.PropTypes = ReactPropTypes;
+    return ReactPropTypes;
+  };
+  return factoryWithThrowingShims;
+}
+var hasRequiredPropTypes;
+function requirePropTypes() {
+  if (hasRequiredPropTypes) return propTypes$1.exports;
+  hasRequiredPropTypes = 1;
+  {
+    propTypes$1.exports = /* @__PURE__ */ requireFactoryWithThrowingShims()();
+  }
+  return propTypes$1.exports;
+}
+var propTypesExports = /* @__PURE__ */ requirePropTypes();
+const PropTypes = /* @__PURE__ */ getDefaultExportFromCjs(propTypesExports);
+var escapeRegex = function escapeRegex2(str) {
+  return str.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
+};
+var PLACEHOLDERS = {
+  id: "__id__",
+  display: "__display__"
+};
+var findPositionOfCapturingGroup = function findPositionOfCapturingGroup2(markup, parameterName) {
+  invariant(parameterName === "id" || parameterName === "display", 'Second arg must be either "id" or "display", got: "'.concat(parameterName, '"'));
+  var indexDisplay = markup.indexOf(PLACEHOLDERS.display);
+  var indexId = markup.indexOf(PLACEHOLDERS.id);
+  if (indexDisplay < 0) indexDisplay = null;
+  if (indexId < 0) indexId = null;
+  invariant(indexDisplay !== null || indexId !== null, "The markup '".concat(markup, "' does not contain either of the placeholders '__id__' or '__display__'"));
+  if (indexDisplay !== null && indexId !== null) {
+    return parameterName === "id" && indexId <= indexDisplay || parameterName === "display" && indexDisplay <= indexId ? 0 : 1;
+  }
+  return 0;
+};
+var combineRegExps = function combineRegExps2(regExps) {
+  var serializedRegexParser = /^\/(.+)\/(\w+)?$/;
+  return new RegExp(regExps.map(function(regex) {
+    var _serializedRegexParse = serializedRegexParser.exec(regex.toString()), _serializedRegexParse2 = _slicedToArray(_serializedRegexParse, 3), regexString = _serializedRegexParse2[1], regexFlags = _serializedRegexParse2[2];
+    invariant(!regexFlags, "RegExp flags are not supported. Change /".concat(regexString, "/").concat(regexFlags, " into /").concat(regexString, "/"));
+    return "(".concat(regexString, ")");
+  }).join("|"), "g");
+};
+var countPlaceholders = function countPlaceholders2(markup) {
+  var count2 = 0;
+  if (markup.indexOf("__id__") >= 0) count2++;
+  if (markup.indexOf("__display__") >= 0) count2++;
+  return count2;
+};
+var emptyFn = function emptyFn2() {
+};
+var iterateMentionsMarkup = function iterateMentionsMarkup2(value, config, markupIteratee) {
+  var textIteratee = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : emptyFn;
+  var regex = combineRegExps(config.map(function(c2) {
+    return c2.regex;
+  }));
+  var accOffset = 2;
+  var captureGroupOffsets = config.map(function(_ref) {
+    var markup2 = _ref.markup;
+    var result = accOffset;
+    accOffset += countPlaceholders(markup2) + 1;
+    return result;
+  });
+  var match;
+  var start = 0;
+  var currentPlainTextIndex = 0;
+  while ((match = regex.exec(value)) !== null) {
+    var offset2 = captureGroupOffsets.find(function(o2) {
+      return !!match[o2];
+    });
+    var mentionChildIndex = captureGroupOffsets.indexOf(offset2);
+    var _config$mentionChildI = config[mentionChildIndex], markup = _config$mentionChildI.markup, displayTransform2 = _config$mentionChildI.displayTransform;
+    var idPos = offset2 + findPositionOfCapturingGroup(markup, "id");
+    var displayPos = offset2 + findPositionOfCapturingGroup(markup, "display");
+    var id = match[idPos];
+    var display = displayTransform2(id, match[displayPos]);
+    var substr = value.substring(start, match.index);
+    textIteratee(substr, start, currentPlainTextIndex);
+    currentPlainTextIndex += substr.length;
+    markupIteratee(match[0], match.index, currentPlainTextIndex, id, display, mentionChildIndex, start);
+    currentPlainTextIndex += display.length;
+    start = regex.lastIndex;
+  }
+  if (start < value.length) {
+    textIteratee(value.substring(start), start, currentPlainTextIndex);
+  }
+};
+var getPlainText = function getPlainText2(value, config) {
+  var result = "";
+  iterateMentionsMarkup(value, config, function(match, index2, plainTextIndex, id, display) {
+    result += display;
+  }, function(plainText) {
+    result += plainText;
+  });
+  return result;
+};
+var mapPlainTextIndex = function mapPlainTextIndex2(value, config, indexInPlainText) {
+  var inMarkupCorrection = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : "START";
+  if (typeof indexInPlainText !== "number") {
+    return indexInPlainText;
+  }
+  var result;
+  var textIteratee = function textIteratee2(substr, index2, substrPlainTextIndex) {
+    if (result !== void 0) return;
+    if (substrPlainTextIndex + substr.length >= indexInPlainText) {
+      result = index2 + indexInPlainText - substrPlainTextIndex;
+    }
+  };
+  var markupIteratee = function markupIteratee2(markup, index2, mentionPlainTextIndex, id, display, childIndex, lastMentionEndIndex) {
+    if (result !== void 0) return;
+    if (mentionPlainTextIndex + display.length > indexInPlainText) {
+      if (inMarkupCorrection === "NULL") {
+        result = null;
+      } else {
+        result = index2 + (inMarkupCorrection === "END" ? markup.length : 0);
+      }
+    }
+  };
+  iterateMentionsMarkup(value, config, markupIteratee, textIteratee);
+  return result === void 0 ? value.length : result;
+};
+var spliceString = function spliceString2(str, start, end, insert) {
+  return str.substring(0, start) + insert + str.substring(end);
+};
+var applyChangeToValue = function applyChangeToValue2(value, plainTextValue, _ref, config) {
+  var selectionStartBefore = _ref.selectionStartBefore, selectionEndBefore = _ref.selectionEndBefore, selectionEndAfter = _ref.selectionEndAfter;
+  var oldPlainTextValue = getPlainText(value, config);
+  var lengthDelta = oldPlainTextValue.length - plainTextValue.length;
+  if (selectionStartBefore === "undefined") {
+    selectionStartBefore = selectionEndAfter + lengthDelta;
+  }
+  if (selectionEndBefore === "undefined") {
+    selectionEndBefore = selectionStartBefore;
+  }
+  if (selectionStartBefore === selectionEndBefore && selectionEndBefore === selectionEndAfter && oldPlainTextValue.length === plainTextValue.length) {
+    selectionStartBefore = selectionStartBefore - 1;
+  }
+  var insert = plainTextValue.slice(selectionStartBefore, selectionEndAfter);
+  var spliceStart = Math.min(selectionStartBefore, selectionEndAfter);
+  var spliceEnd = selectionEndBefore;
+  if (selectionStartBefore === selectionEndAfter) {
+    spliceEnd = Math.max(selectionEndBefore, selectionStartBefore + lengthDelta);
+  }
+  var mappedSpliceStart = mapPlainTextIndex(value, config, spliceStart, "START");
+  var mappedSpliceEnd = mapPlainTextIndex(value, config, spliceEnd, "END");
+  var controlSpliceStart = mapPlainTextIndex(value, config, spliceStart, "NULL");
+  var controlSpliceEnd = mapPlainTextIndex(value, config, spliceEnd, "NULL");
+  var willRemoveMention = controlSpliceStart === null || controlSpliceEnd === null;
+  var newValue = spliceString(value, mappedSpliceStart, mappedSpliceEnd, insert);
+  if (!willRemoveMention) {
+    var controlPlainTextValue = getPlainText(newValue, config);
+    if (controlPlainTextValue !== plainTextValue) {
+      spliceStart = 0;
+      while (plainTextValue[spliceStart] === controlPlainTextValue[spliceStart]) {
+        spliceStart++;
+      }
+      insert = plainTextValue.slice(spliceStart, selectionEndAfter);
+      spliceEnd = oldPlainTextValue.lastIndexOf(plainTextValue.substring(selectionEndAfter));
+      mappedSpliceStart = mapPlainTextIndex(value, config, spliceStart, "START");
+      mappedSpliceEnd = mapPlainTextIndex(value, config, spliceEnd, "END");
+      newValue = spliceString(value, mappedSpliceStart, mappedSpliceEnd, insert);
+    }
+  }
+  return newValue;
+};
+var findStartOfMentionInPlainText = function findStartOfMentionInPlainText2(value, config, indexInPlainText) {
+  var result = indexInPlainText;
+  var foundMention = false;
+  var markupIteratee = function markupIteratee2(markup, index2, mentionPlainTextIndex, id, display, childIndex, lastMentionEndIndex) {
+    if (mentionPlainTextIndex <= indexInPlainText && mentionPlainTextIndex + display.length > indexInPlainText) {
+      result = mentionPlainTextIndex;
+      foundMention = true;
+    }
+  };
+  iterateMentionsMarkup(value, config, markupIteratee);
+  if (foundMention) {
+    return result;
+  }
+};
+var getMentions = function getMentions2(value, config) {
+  var mentions = [];
+  iterateMentionsMarkup(value, config, function(match, index2, plainTextIndex, id, display, childIndex, start) {
+    mentions.push({
+      id,
+      display,
+      childIndex,
+      index: index2,
+      plainTextIndex
+    });
+  });
+  return mentions;
+};
+var getSuggestionHtmlId = function getSuggestionHtmlId2(prefix, id) {
+  return "".concat(prefix, "-").concat(id);
+};
+var countSuggestions = function countSuggestions2(suggestions) {
+  return Object.values(suggestions).reduce(function(acc, _ref) {
+    var results = _ref.results;
+    return acc + results.length;
+  }, 0);
+};
+var getEndOfLastMention = function getEndOfLastMention2(value, config) {
+  var mentions = getMentions(value, config);
+  var lastMention = mentions[mentions.length - 1];
+  return lastMention ? lastMention.plainTextIndex + lastMention.display.length : 0;
+};
+var markupToRegex = function markupToRegex2(markup) {
+  var escapedMarkup = escapeRegex(markup);
+  var charAfterDisplay = markup[markup.indexOf(PLACEHOLDERS.display) + PLACEHOLDERS.display.length];
+  var charAfterId = markup[markup.indexOf(PLACEHOLDERS.id) + PLACEHOLDERS.id.length];
+  return new RegExp(escapedMarkup.replace(PLACEHOLDERS.display, "([^".concat(escapeRegex(charAfterDisplay || ""), "]+?)")).replace(PLACEHOLDERS.id, "([^".concat(escapeRegex(charAfterId || ""), "]+?)")));
+};
+var readConfigFromChildren = function readConfigFromChildren2(children) {
+  return reactExports.Children.toArray(children).map(function(_ref) {
+    var _ref$props = _ref.props, markup = _ref$props.markup, regex = _ref$props.regex, displayTransform2 = _ref$props.displayTransform;
+    return {
+      markup,
+      regex: regex ? coerceCapturingGroups(regex, markup) : markupToRegex(markup),
+      displayTransform: displayTransform2 || function(id, display) {
+        return display || id;
+      }
+    };
+  });
+};
+var coerceCapturingGroups = function coerceCapturingGroups2(regex, markup) {
+  var numberOfGroups = new RegExp(regex.toString() + "|").exec("").length - 1;
+  var numberOfPlaceholders = countPlaceholders(markup);
+  invariant(numberOfGroups === numberOfPlaceholders, "Number of capturing groups in RegExp ".concat(regex.toString(), " (").concat(numberOfGroups, ") does not match the number of placeholders in the markup '").concat(markup, "' (").concat(numberOfPlaceholders, ")"));
+  return regex;
+};
+var makeMentionsMarkup = function makeMentionsMarkup2(markup, id, display) {
+  return markup.replace(PLACEHOLDERS.id, id).replace(PLACEHOLDERS.display, display);
+};
+var lettersDiacritics = [{
+  base: "A",
+  letters: /(&#65;|&#9398;|&#65313;|&#192;|&#193;|&#194;|&#7846;|&#7844;|&#7850;|&#7848;|&#195;|&#256;|&#258;|&#7856;|&#7854;|&#7860;|&#7858;|&#550;|&#480;|&#196;|&#478;|&#7842;|&#197;|&#506;|&#461;|&#512;|&#514;|&#7840;|&#7852;|&#7862;|&#7680;|&#260;|&#570;|&#11375;|[\u0041\u24B6\uFF21\u00C0\u00C1\u00C2\u1EA6\u1EA4\u1EAA\u1EA8\u00C3\u0100\u0102\u1EB0\u1EAE\u1EB4\u1EB2\u0226\u01E0\u00C4\u01DE\u1EA2\u00C5\u01FA\u01CD\u0200\u0202\u1EA0\u1EAC\u1EB6\u1E00\u0104\u023A\u2C6F])/g
+}, {
+  base: "AA",
+  letters: /(&#42802;|[\uA732])/g
+}, {
+  base: "AE",
+  letters: /(&#198;|&#508;|&#482;|[\u00C6\u01FC\u01E2])/g
+}, {
+  base: "AO",
+  letters: /(&#42804;|[\uA734])/g
+}, {
+  base: "AU",
+  letters: /(&#42806;|[\uA736])/g
+}, {
+  base: "AV",
+  letters: /(&#42808;|&#42810;|[\uA738\uA73A])/g
+}, {
+  base: "AY",
+  letters: /(&#42812;|[\uA73C])/g
+}, {
+  base: "B",
+  letters: /(&#66;|&#9399;|&#65314;|&#7682;|&#7684;|&#7686;|&#579;|&#386;|&#385;|[\u0042\u24B7\uFF22\u1E02\u1E04\u1E06\u0243\u0182\u0181])/g
+}, {
+  base: "C",
+  letters: /(&#67;|&#9400;|&#65315;|&#262;|&#264;|&#266;|&#268;|&#199;|&#7688;|&#391;|&#571;|&#42814;|[\u0043\u24B8\uFF23\u0106\u0108\u010A\u010C\u00C7\u1E08\u0187\u023B\uA73E])/g
+}, {
+  base: "D",
+  letters: /(&#68;|&#9401;|&#65316;|&#7690;|&#270;|&#7692;|&#7696;|&#7698;|&#7694;|&#272;|&#395;|&#394;|&#393;|&#42873;|&#208;|[\u0044\u24B9\uFF24\u1E0A\u010E\u1E0C\u1E10\u1E12\u1E0E\u0110\u018B\u018A\u0189\uA779\u00D0])/g
+}, {
+  base: "DZ",
+  letters: /(&#497;|&#452;|[\u01F1\u01C4])/g
+}, {
+  base: "Dz",
+  letters: /(&#498;|&#453;|[\u01F2\u01C5])/g
+}, {
+  base: "E",
+  letters: /(&#69;|&#9402;|&#65317;|&#200;|&#201;|&#202;|&#7872;|&#7870;|&#7876;|&#7874;|&#7868;|&#274;|&#7700;|&#7702;|&#276;|&#278;|&#203;|&#7866;|&#282;|&#516;|&#518;|&#7864;|&#7878;|&#552;|&#7708;|&#280;|&#7704;|&#7706;|&#400;|&#398;|[\u0045\u24BA\uFF25\u00C8\u00C9\u00CA\u1EC0\u1EBE\u1EC4\u1EC2\u1EBC\u0112\u1E14\u1E16\u0114\u0116\u00CB\u1EBA\u011A\u0204\u0206\u1EB8\u1EC6\u0228\u1E1C\u0118\u1E18\u1E1A\u0190\u018E])/g
+}, {
+  base: "F",
+  letters: /(&#70;|&#9403;|&#65318;|&#7710;|&#401;|&#42875;|[\u0046\u24BB\uFF26\u1E1E\u0191\uA77B])/g
+}, {
+  base: "G",
+  letters: /(&#71;|&#9404;|&#65319;|&#500;|&#284;|&#7712;|&#286;|&#288;|&#486;|&#290;|&#484;|&#403;|&#42912;|&#42877;|&#42878;|[\u0047\u24BC\uFF27\u01F4\u011C\u1E20\u011E\u0120\u01E6\u0122\u01E4\u0193\uA7A0\uA77D\uA77E])/g
+}, {
+  base: "H",
+  letters: /(&#72;|&#9405;|&#65320;|&#292;|&#7714;|&#7718;|&#542;|&#7716;|&#7720;|&#7722;|&#294;|&#11367;|&#11381;|&#42893;|[\u0048\u24BD\uFF28\u0124\u1E22\u1E26\u021E\u1E24\u1E28\u1E2A\u0126\u2C67\u2C75\uA78D])/g
+}, {
+  base: "I",
+  letters: /(&#73;|&#9406;|&#65321;|&#204;|&#205;|&#206;|&#296;|&#298;|&#300;|&#304;|&#207;|&#7726;|&#7880;|&#463;|&#520;|&#522;|&#7882;|&#302;|&#7724;|&#407;|[\u0049\u24BE\uFF29\u00CC\u00CD\u00CE\u0128\u012A\u012C\u0130\u00CF\u1E2E\u1EC8\u01CF\u0208\u020A\u1ECA\u012E\u1E2C\u0197])/g
+}, {
+  base: "J",
+  letters: /(&#74;|&#9407;|&#65322;|&#308;|&#584;|[\u004A\u24BF\uFF2A\u0134\u0248])/g
+}, {
+  base: "K",
+  letters: /(&#75;|&#9408;|&#65323;|&#7728;|&#488;|&#7730;|&#310;|&#7732;|&#408;|&#11369;|&#42816;|&#42818;|&#42820;|&#42914;|[\u004B\u24C0\uFF2B\u1E30\u01E8\u1E32\u0136\u1E34\u0198\u2C69\uA740\uA742\uA744\uA7A2])/g
+}, {
+  base: "L",
+  letters: /(&#76;|&#9409;|&#65324;|&#319;|&#313;|&#317;|&#7734;|&#7736;|&#315;|&#7740;|&#7738;|&#321;|&#573;|&#11362;|&#11360;|&#42824;|&#42822;|&#42880;|[\u004C\u24C1\uFF2C\u013F\u0139\u013D\u1E36\u1E38\u013B\u1E3C\u1E3A\u0141\u023D\u2C62\u2C60\uA748\uA746\uA780])/g
+}, {
+  base: "LJ",
+  letters: /(&#455;|[\u01C7])/g
+}, {
+  base: "Lj",
+  letters: /(&#456;|[\u01C8])/g
+}, {
+  base: "M",
+  letters: /(&#77;|&#9410;|&#65325;|&#7742;|&#7744;|&#7746;|&#11374;|&#412;|[\u004D\u24C2\uFF2D\u1E3E\u1E40\u1E42\u2C6E\u019C])/g
+}, {
+  base: "N",
+  letters: /(&#78;|&#9411;|&#65326;|&#504;|&#323;|&#209;|&#7748;|&#327;|&#7750;|&#325;|&#7754;|&#7752;|&#544;|&#413;|&#42896;|&#42916;|&#330;|[\u004E\u24C3\uFF2E\u01F8\u0143\u00D1\u1E44\u0147\u1E46\u0145\u1E4A\u1E48\u0220\u019D\uA790\uA7A4\u014A])/g
+}, {
+  base: "NJ",
+  letters: /(&#458;|[\u01CA])/g
+}, {
+  base: "Nj",
+  letters: /(&#459;|[\u01CB])/g
+}, {
+  base: "O",
+  letters: /(&#79;|&#9412;|&#65327;|&#210;|&#211;|&#212;|&#7890;|&#7888;|&#7894;|&#7892;|&#213;|&#7756;|&#556;|&#7758;|&#332;|&#7760;|&#7762;|&#334;|&#558;|&#560;|&#214;|&#554;|&#7886;|&#336;|&#465;|&#524;|&#526;|&#416;|&#7900;|&#7898;|&#7904;|&#7902;|&#7906;|&#7884;|&#7896;|&#490;|&#492;|&#216;|&#510;|&#390;|&#415;|&#42826;|&#42828;|[\u004F\u24C4\uFF2F\u00D2\u00D3\u00D4\u1ED2\u1ED0\u1ED6\u1ED4\u00D5\u1E4C\u022C\u1E4E\u014C\u1E50\u1E52\u014E\u022E\u0230\u00D6\u022A\u1ECE\u0150\u01D1\u020C\u020E\u01A0\u1EDC\u1EDA\u1EE0\u1EDE\u1EE2\u1ECC\u1ED8\u01EA\u01EC\u00D8\u01FE\u0186\u019F\uA74A\uA74C])/g
+}, {
+  base: "OE",
+  letters: /(&#338;|[\u0152])/g
+}, {
+  base: "OI",
+  letters: /(&#418;|[\u01A2])/g
+}, {
+  base: "OO",
+  letters: /(&#42830;|[\uA74E])/g
+}, {
+  base: "OU",
+  letters: /(&#546;|[\u0222])/g
+}, {
+  base: "P",
+  letters: /(&#80;|&#9413;|&#65328;|&#7764;|&#7766;|&#420;|&#11363;|&#42832;|&#42834;|&#42836;|[\u0050\u24C5\uFF30\u1E54\u1E56\u01A4\u2C63\uA750\uA752\uA754])/g
+}, {
+  base: "Q",
+  letters: /(&#81;|&#9414;|&#65329;|&#42838;|&#42840;|&#586;|[\u0051\u24C6\uFF31\uA756\uA758\u024A])/g
+}, {
+  base: "R",
+  letters: /(&#82;|&#9415;|&#65330;|&#340;|&#7768;|&#344;|&#528;|&#530;|&#7770;|&#7772;|&#342;|&#7774;|&#588;|&#11364;|&#42842;|&#42918;|&#42882;|[\u0052\u24C7\uFF32\u0154\u1E58\u0158\u0210\u0212\u1E5A\u1E5C\u0156\u1E5E\u024C\u2C64\uA75A\uA7A6\uA782])/g
+}, {
+  base: "S",
+  letters: /(&#83;|&#9416;|&#65331;|&#7838;|&#346;|&#7780;|&#348;|&#7776;|&#352;|&#7782;|&#7778;|&#7784;|&#536;|&#350;|&#11390;|&#42920;|&#42884;|[\u0053\u24C8\uFF33\u1E9E\u015A\u1E64\u015C\u1E60\u0160\u1E66\u1E62\u1E68\u0218\u015E\u2C7E\uA7A8\uA784])/g
+}, {
+  base: "T",
+  letters: /(&#84;|&#9417;|&#65332;|&#7786;|&#356;|&#7788;|&#538;|&#354;|&#7792;|&#7790;|&#358;|&#428;|&#430;|&#574;|&#42886;|[\u0054\u24C9\uFF34\u1E6A\u0164\u1E6C\u021A\u0162\u1E70\u1E6E\u0166\u01AC\u01AE\u023E\uA786])/g
+}, {
+  base: "TH",
+  letters: /(&#222;|[\u00DE])/g
+}, {
+  base: "TZ",
+  letters: /(&#42792;|[\uA728])/g
+}, {
+  base: "U",
+  letters: /(&#85;|&#9418;|&#65333;|&#217;|&#218;|&#219;|&#360;|&#7800;|&#362;|&#7802;|&#364;|&#220;|&#475;|&#471;|&#469;|&#473;|&#7910;|&#366;|&#368;|&#467;|&#532;|&#534;|&#431;|&#7914;|&#7912;|&#7918;|&#7916;|&#7920;|&#7908;|&#7794;|&#370;|&#7798;|&#7796;|&#580;|[\u0055\u24CA\uFF35\u00D9\u00DA\u00DB\u0168\u1E78\u016A\u1E7A\u016C\u00DC\u01DB\u01D7\u01D5\u01D9\u1EE6\u016E\u0170\u01D3\u0214\u0216\u01AF\u1EEA\u1EE8\u1EEE\u1EEC\u1EF0\u1EE4\u1E72\u0172\u1E76\u1E74\u0244])/g
+}, {
+  base: "V",
+  letters: /(&#86;|&#9419;|&#65334;|&#7804;|&#7806;|&#434;|&#42846;|&#581;|[\u0056\u24CB\uFF36\u1E7C\u1E7E\u01B2\uA75E\u0245])/g
+}, {
+  base: "VY",
+  letters: /(&#42848;|[\uA760])/g
+}, {
+  base: "W",
+  letters: /(&#87;|&#9420;|&#65335;|&#7808;|&#7810;|&#372;|&#7814;|&#7812;|&#7816;|&#11378;|[\u0057\u24CC\uFF37\u1E80\u1E82\u0174\u1E86\u1E84\u1E88\u2C72])/g
+}, {
+  base: "X",
+  letters: /(&#88;|&#9421;|&#65336;|&#7818;|&#7820;|[\u0058\u24CD\uFF38\u1E8A\u1E8C])/g
+}, {
+  base: "Y",
+  letters: /(&#89;|&#9422;|&#65337;|&#7922;|&#221;|&#374;|&#7928;|&#562;|&#7822;|&#376;|&#7926;|&#7924;|&#435;|&#590;|&#7934;|[\u0059\u24CE\uFF39\u1EF2\u00DD\u0176\u1EF8\u0232\u1E8E\u0178\u1EF6\u1EF4\u01B3\u024E\u1EFE])/g
+}, {
+  base: "Z",
+  letters: /(&#90;|&#9423;|&#65338;|&#377;|&#7824;|&#379;|&#381;|&#7826;|&#7828;|&#437;|&#548;|&#11391;|&#11371;|&#42850;|[\u005A\u24CF\uFF3A\u0179\u1E90\u017B\u017D\u1E92\u1E94\u01B5\u0224\u2C7F\u2C6B\uA762])/g
+}, {
+  base: "a",
+  letters: /(&#97;|&#9424;|&#65345;|&#7834;|&#224;|&#225;|&#226;|&#7847;|&#7845;|&#7851;|&#7849;|&#227;|&#257;|&#259;|&#7857;|&#7855;|&#7861;|&#7859;|&#551;|&#481;|&#228;|&#479;|&#7843;|&#229;|&#507;|&#462;|&#513;|&#515;|&#7841;|&#7853;|&#7863;|&#7681;|&#261;|&#11365;|&#592;|[\u0061\u24D0\uFF41\u1E9A\u00E0\u00E1\u00E2\u1EA7\u1EA5\u1EAB\u1EA9\u00E3\u0101\u0103\u1EB1\u1EAF\u1EB5\u1EB3\u0227\u01E1\u00E4\u01DF\u1EA3\u00E5\u01FB\u01CE\u0201\u0203\u1EA1\u1EAD\u1EB7\u1E01\u0105\u2C65\u0250])/g
+}, {
+  base: "aa",
+  letters: /(&#42803;|[\uA733])/g
+}, {
+  base: "ae",
+  letters: /(&#230;|&#509;|&#483;|[\u00E6\u01FD\u01E3])/g
+}, {
+  base: "ao",
+  letters: /(&#42805;|[\uA735])/g
+}, {
+  base: "au",
+  letters: /(&#42807;|[\uA737])/g
+}, {
+  base: "av",
+  letters: /(&#42809;|&#42811;|[\uA739\uA73B])/g
+}, {
+  base: "ay",
+  letters: /(&#42813;|[\uA73D])/g
+}, {
+  base: "b",
+  letters: /(&#98;|&#9425;|&#65346;|&#7683;|&#7685;|&#7687;|&#384;|&#387;|&#595;|[\u0062\u24D1\uFF42\u1E03\u1E05\u1E07\u0180\u0183\u0253])/g
+}, {
+  base: "c",
+  letters: /(&#99;|&#9426;|&#65347;|&#263;|&#265;|&#267;|&#269;|&#231;|&#7689;|&#392;|&#572;|&#42815;|&#8580;|[\u0063\u24D2\uFF43\u0107\u0109\u010B\u010D\u00E7\u1E09\u0188\u023C\uA73F\u2184])/g
+}, {
+  base: "d",
+  letters: /(&#100;|&#9427;|&#65348;|&#7691;|&#271;|&#7693;|&#7697;|&#7699;|&#7695;|&#273;|&#396;|&#598;|&#599;|&#42874;|&#240;|[\u0064\u24D3\uFF44\u1E0B\u010F\u1E0D\u1E11\u1E13\u1E0F\u0111\u018C\u0256\u0257\uA77A\u00F0])/g
+}, {
+  base: "dz",
+  letters: /(&#499;|&#454;|[\u01F3\u01C6])/g
+}, {
+  base: "e",
+  letters: /(&#101;|&#9428;|&#65349;|&#232;|&#233;|&#234;|&#7873;|&#7871;|&#7877;|&#7875;|&#7869;|&#275;|&#7701;|&#7703;|&#277;|&#279;|&#235;|&#7867;|&#283;|&#517;|&#519;|&#7865;|&#7879;|&#553;|&#7709;|&#281;|&#7705;|&#7707;|&#583;|&#603;|&#477;|[\u0065\u24D4\uFF45\u00E8\u00E9\u00EA\u1EC1\u1EBF\u1EC5\u1EC3\u1EBD\u0113\u1E15\u1E17\u0115\u0117\u00EB\u1EBB\u011B\u0205\u0207\u1EB9\u1EC7\u0229\u1E1D\u0119\u1E19\u1E1B\u0247\u025B\u01DD])/g
+}, {
+  base: "f",
+  letters: /(&#102;|&#9429;|&#65350;|&#7711;|&#402;|&#42876;|[\u0066\u24D5\uFF46\u1E1F\u0192\uA77C])/g
+}, {
+  base: "g",
+  letters: /(&#103;|&#9430;|&#65351;|&#501;|&#285;|&#7713;|&#287;|&#289;|&#487;|&#291;|&#485;|&#608;|&#42913;|&#7545;|&#42879;|[\u0067\u24D6\uFF47\u01F5\u011D\u1E21\u011F\u0121\u01E7\u0123\u01E5\u0260\uA7A1\u1D79\uA77F])/g
+}, {
+  base: "h",
+  letters: /(&#104;|&#9431;|&#65352;|&#293;|&#7715;|&#7719;|&#543;|&#7717;|&#7721;|&#7723;|&#7830;|&#295;|&#11368;|&#11382;|&#613;|[\u0068\u24D7\uFF48\u0125\u1E23\u1E27\u021F\u1E25\u1E29\u1E2B\u1E96\u0127\u2C68\u2C76\u0265])/g
+}, {
+  base: "hv",
+  letters: /(&#405;|[\u0195])/g
+}, {
+  base: "i",
+  letters: /(&#105;|&#9432;|&#65353;|&#236;|&#237;|&#238;|&#297;|&#299;|&#301;|&#239;|&#7727;|&#7881;|&#464;|&#521;|&#523;|&#7883;|&#303;|&#7725;|&#616;|&#305;|[\u0069\u24D8\uFF49\u00EC\u00ED\u00EE\u0129\u012B\u012D\u00EF\u1E2F\u1EC9\u01D0\u0209\u020B\u1ECB\u012F\u1E2D\u0268\u0131])/g
+}, {
+  base: "ij",
+  letters: /(&#307;|[\u0133])/g
+}, {
+  base: "j",
+  letters: /(&#106;|&#9433;|&#65354;|&#309;|&#496;|&#585;|[\u006A\u24D9\uFF4A\u0135\u01F0\u0249])/g
+}, {
+  base: "k",
+  letters: /(&#107;|&#9434;|&#65355;|&#7729;|&#489;|&#7731;|&#311;|&#7733;|&#409;|&#11370;|&#42817;|&#42819;|&#42821;|&#42915;|[\u006B\u24DA\uFF4B\u1E31\u01E9\u1E33\u0137\u1E35\u0199\u2C6A\uA741\uA743\uA745\uA7A3])/g
+}, {
+  base: "l",
+  letters: /(&#108;|&#9435;|&#65356;|&#320;|&#314;|&#318;|&#7735;|&#7737;|&#316;|&#7741;|&#7739;|&#322;|&#410;|&#619;|&#11361;|&#42825;|&#42881;|&#42823;|[\u006C\u24DB\uFF4C\u0140\u013A\u013E\u1E37\u1E39\u013C\u1E3D\u1E3B\u0142\u019A\u026B\u2C61\uA749\uA781\uA747])/g
+}, {
+  base: "lj",
+  letters: /(&#457;|[\u01C9])/g
+}, {
+  base: "m",
+  letters: /(&#109;|&#9436;|&#65357;|&#7743;|&#7745;|&#7747;|&#625;|&#623;|[\u006D\u24DC\uFF4D\u1E3F\u1E41\u1E43\u0271\u026F])/g
+}, {
+  base: "n",
+  letters: /(&#110;|&#9437;|&#65358;|&#505;|&#324;|&#241;|&#7749;|&#328;|&#7751;|&#326;|&#7755;|&#7753;|&#414;|&#626;|&#329;|&#42897;|&#42917;|&#331;|[\u006E\u24DD\uFF4E\u01F9\u0144\u00F1\u1E45\u0148\u1E47\u0146\u1E4B\u1E49\u019E\u0272\u0149\uA791\uA7A5\u014B])/g
+}, {
+  base: "nj",
+  letters: /(&#460;|[\u01CC])/g
+}, {
+  base: "o",
+  letters: /(&#111;|&#9438;|&#65359;|&#242;|&#243;|&#244;|&#7891;|&#7889;|&#7895;|&#7893;|&#245;|&#7757;|&#557;|&#7759;|&#333;|&#7761;|&#7763;|&#335;|&#559;|&#561;|&#246;|&#555;|&#7887;|&#337;|&#466;|&#525;|&#527;|&#417;|&#7901;|&#7899;|&#7905;|&#7903;|&#7907;|&#7885;|&#7897;|&#491;|&#493;|&#248;|&#511;|&#596;|&#42827;|&#42829;|&#629;|[\u006F\u24DE\uFF4F\u00F2\u00F3\u00F4\u1ED3\u1ED1\u1ED7\u1ED5\u00F5\u1E4D\u022D\u1E4F\u014D\u1E51\u1E53\u014F\u022F\u0231\u00F6\u022B\u1ECF\u0151\u01D2\u020D\u020F\u01A1\u1EDD\u1EDB\u1EE1\u1EDF\u1EE3\u1ECD\u1ED9\u01EB\u01ED\u00F8\u01FF\u0254\uA74B\uA74D\u0275])/g
+}, {
+  base: "oe",
+  letters: /(&#339;|[\u0153])/g
+}, {
+  base: "oi",
+  letters: /(&#419;|[\u01A3])/g
+}, {
+  base: "ou",
+  letters: /(&#547;|[\u0223])/g
+}, {
+  base: "oo",
+  letters: /(&#42831;|[\uA74F])/g
+}, {
+  base: "p",
+  letters: /(&#112;|&#9439;|&#65360;|&#7765;|&#7767;|&#421;|&#7549;|&#42833;|&#42835;|&#42837;|[\u0070\u24DF\uFF50\u1E55\u1E57\u01A5\u1D7D\uA751\uA753\uA755])/g
+}, {
+  base: "q",
+  letters: /(&#113;|&#9440;|&#65361;|&#587;|&#42839;|&#42841;|[\u0071\u24E0\uFF51\u024B\uA757\uA759])/g
+}, {
+  base: "r",
+  letters: /(&#114;|&#9441;|&#65362;|&#341;|&#7769;|&#345;|&#529;|&#531;|&#7771;|&#7773;|&#343;|&#7775;|&#589;|&#637;|&#42843;|&#42919;|&#42883;|[\u0072\u24E1\uFF52\u0155\u1E59\u0159\u0211\u0213\u1E5B\u1E5D\u0157\u1E5F\u024D\u027D\uA75B\uA7A7\uA783])/g
+}, {
+  base: "s",
+  letters: /(&#115;|&#9442;|&#65363;|&#347;|&#7781;|&#349;|&#7777;|&#353;|&#7783;|&#7779;|&#7785;|&#537;|&#351;|&#575;|&#42921;|&#42885;|&#7835;|&#383;|[\u0073\u24E2\uFF53\u015B\u1E65\u015D\u1E61\u0161\u1E67\u1E63\u1E69\u0219\u015F\u023F\uA7A9\uA785\u1E9B\u017F])/g
+}, {
+  base: "ss",
+  letters: /(&#223;|[\u00DF])/g
+}, {
+  base: "t",
+  letters: /(&#116;|&#9443;|&#65364;|&#7787;|&#7831;|&#357;|&#7789;|&#539;|&#355;|&#7793;|&#7791;|&#359;|&#429;|&#648;|&#11366;|&#42887;|[\u0074\u24E3\uFF54\u1E6B\u1E97\u0165\u1E6D\u021B\u0163\u1E71\u1E6F\u0167\u01AD\u0288\u2C66\uA787])/g
+}, {
+  base: "th",
+  letters: /(&#254;|[\u00FE])/g
+}, {
+  base: "tz",
+  letters: /(&#42793;|[\uA729])/g
+}, {
+  base: "u",
+  letters: /(&#117;|&#9444;|&#65365;|&#249;|&#250;|&#251;|&#361;|&#7801;|&#363;|&#7803;|&#365;|&#252;|&#476;|&#472;|&#470;|&#474;|&#7911;|&#367;|&#369;|&#468;|&#533;|&#535;|&#432;|&#7915;|&#7913;|&#7919;|&#7917;|&#7921;|&#7909;|&#7795;|&#371;|&#7799;|&#7797;|&#649;|[\u0075\u24E4\uFF55\u00F9\u00FA\u00FB\u0169\u1E79\u016B\u1E7B\u016D\u00FC\u01DC\u01D8\u01D6\u01DA\u1EE7\u016F\u0171\u01D4\u0215\u0217\u01B0\u1EEB\u1EE9\u1EEF\u1EED\u1EF1\u1EE5\u1E73\u0173\u1E77\u1E75\u0289])/g
+}, {
+  base: "v",
+  letters: /(&#118;|&#9445;|&#65366;|&#7805;|&#7807;|&#651;|&#42847;|&#652;|[\u0076\u24E5\uFF56\u1E7D\u1E7F\u028B\uA75F\u028C])/g
+}, {
+  base: "vy",
+  letters: /(&#42849;|[\uA761])/g
+}, {
+  base: "w",
+  letters: /(&#119;|&#9446;|&#65367;|&#7809;|&#7811;|&#373;|&#7815;|&#7813;|&#7832;|&#7817;|&#11379;|[\u0077\u24E6\uFF57\u1E81\u1E83\u0175\u1E87\u1E85\u1E98\u1E89\u2C73])/g
+}, {
+  base: "x",
+  letters: /(&#120;|&#9447;|&#65368;|&#7819;|&#7821;|[\u0078\u24E7\uFF58\u1E8B\u1E8D])/g
+}, {
+  base: "y",
+  letters: /(&#121;|&#9448;|&#65369;|&#7923;|&#253;|&#375;|&#7929;|&#563;|&#7823;|&#255;|&#7927;|&#7833;|&#7925;|&#436;|&#591;|&#7935;|[\u0079\u24E8\uFF59\u1EF3\u00FD\u0177\u1EF9\u0233\u1E8F\u00FF\u1EF7\u1E99\u1EF5\u01B4\u024F\u1EFF])/g
+}, {
+  base: "z",
+  letters: /(&#122;|&#9449;|&#65370;|&#378;|&#7825;|&#380;|&#382;|&#7827;|&#7829;|&#438;|&#549;|&#576;|&#11372;|&#42851;|[\u007A\u24E9\uFF5A\u017A\u1E91\u017C\u017E\u1E93\u1E95\u01B6\u0225\u0240\u2C6C\uA763])/g
+}];
+var removeAccents = function removeAccents2(str) {
+  var formattedStr = str;
+  lettersDiacritics.forEach(function(letterDiacritics) {
+    formattedStr = formattedStr.replace(letterDiacritics.letters, letterDiacritics.base);
+  });
+  return formattedStr;
+};
+var normalizeString$1 = function normalizeString(str) {
+  return removeAccents(str).toLowerCase();
+};
+var getSubstringIndex = function getSubstringIndex2(str, substr, ignoreAccents) {
+  if (!ignoreAccents) {
+    return str.toLowerCase().indexOf(substr.toLowerCase());
+  }
+  return normalizeString$1(str).indexOf(normalizeString$1(substr));
+};
+var isIE = function isIE2() {
+  return !!document.documentMode;
+};
+var isNumber = function isNumber2(val) {
+  return typeof val === "number";
+};
+var keys$1 = function keys2(obj) {
+  return obj === Object(obj) ? Object.keys(obj) : [];
+};
+var omit2 = function omit3(obj) {
+  var _ref;
+  for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    rest[_key - 1] = arguments[_key];
+  }
+  var keys4 = (_ref = []).concat.apply(_ref, rest);
+  return Object.keys(obj).reduce(function(acc, k) {
+    if (obj.hasOwnProperty(k) && !keys4.includes(k) && obj[k] !== void 0) {
+      acc[k] = obj[k];
+    }
+    return acc;
+  }, {});
+};
+var _excluded = ["style", "className", "classNames"];
+function ownKeys(object, enumerableOnly) {
+  var keys4 = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys4.push.apply(keys4, symbols);
+  }
+  return keys4;
+}
+function _objectSpread(target) {
+  for (var i2 = 1; i2 < arguments.length; i2++) {
+    var source2 = null != arguments[i2] ? arguments[i2] : {};
+    i2 % 2 ? ownKeys(Object(source2), true).forEach(function(key) {
+      _defineProperty(target, key, source2[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source2)) : ownKeys(Object(source2)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source2, key));
+    });
+  }
+  return target;
+}
+function createDefaultStyle(defaultStyle2, getModifiers) {
+  var enhance = function enhance2(ComponentToWrap) {
+    var DefaultStyleEnhancer = function DefaultStyleEnhancer2(_ref) {
+      var style = _ref.style, className = _ref.className, classNames = _ref.classNames, rest = _objectWithoutProperties(_ref, _excluded);
+      var modifiers = getModifiers ? getModifiers(rest) : void 0;
+      var styles = useStyles(defaultStyle2, {
+        style,
+        className,
+        classNames
+      }, modifiers);
+      return /* @__PURE__ */ React.createElement(ComponentToWrap, _extends({}, rest, {
+        style: styles
+      }));
+    };
+    var displayName = ComponentToWrap.displayName || ComponentToWrap.name || "Component";
+    DefaultStyleEnhancer.displayName = "defaultStyle(".concat(displayName, ")");
+    return /* @__PURE__ */ React.forwardRef(function(props, ref) {
+      return DefaultStyleEnhancer(_objectSpread(_objectSpread({}, props), {}, {
+        ref
+      }));
+    });
+  };
+  return enhance;
+}
+var _generateComponentKey = function _generateComponentKey2(usedKeys, id) {
+  if (!usedKeys.hasOwnProperty(id)) {
+    usedKeys[id] = 0;
+  } else {
+    usedKeys[id]++;
+  }
+  return id + "_" + usedKeys[id];
+};
+function Highlighter(_ref) {
+  var selectionStart = _ref.selectionStart, selectionEnd = _ref.selectionEnd, _ref$value = _ref.value, value = _ref$value === void 0 ? "" : _ref$value, onCaretPositionChange = _ref.onCaretPositionChange, containerRef = _ref.containerRef, children = _ref.children;
+  _ref.singleLine;
+  var style = _ref.style;
+  var _useState = reactExports.useState({
+    left: void 0,
+    top: void 0
+  }), _useState2 = _slicedToArray(_useState, 2), position2 = _useState2[0], setPosition = _useState2[1];
+  var _useState3 = reactExports.useState(), _useState4 = _slicedToArray(_useState3, 2), caretElement = _useState4[0], setCaretElement = _useState4[1];
+  reactExports.useEffect(function() {
+    notifyCaretPosition();
+  });
+  var notifyCaretPosition = function notifyCaretPosition2() {
+    if (!caretElement) {
+      return;
+    }
+    var offsetLeft = caretElement.offsetLeft, offsetTop = caretElement.offsetTop;
+    if (position2.left === offsetLeft && position2.top === offsetTop) {
+      return;
+    }
+    var newPosition = {
+      left: offsetLeft,
+      top: offsetTop
+    };
+    setPosition(newPosition);
+    onCaretPositionChange(newPosition);
+  };
+  var config = readConfigFromChildren(children);
+  var caretPositionInMarkup;
+  if (selectionEnd === selectionStart) {
+    caretPositionInMarkup = mapPlainTextIndex(value, config, selectionStart, "START");
+  }
+  var resultComponents = [];
+  var componentKeys = {};
+  var components = resultComponents;
+  var substringComponentKey = 0;
+  var textIteratee = function textIteratee2(substr, index2, indexInPlainText) {
+    if (isNumber(caretPositionInMarkup) && caretPositionInMarkup >= index2 && caretPositionInMarkup <= index2 + substr.length) {
+      var splitIndex = caretPositionInMarkup - index2;
+      components.push(renderSubstring(substr.substring(0, splitIndex), substringComponentKey));
+      components = [renderSubstring(substr.substring(splitIndex), substringComponentKey)];
+    } else {
+      components.push(renderSubstring(substr, substringComponentKey));
+    }
+    substringComponentKey++;
+  };
+  var mentionIteratee = function mentionIteratee2(markup, index2, indexInPlainText, id, display, mentionChildIndex, lastMentionEndIndex) {
+    var key = _generateComponentKey(componentKeys, id);
+    components.push(getMentionComponentForMatch(id, display, mentionChildIndex, key));
+  };
+  var renderSubstring = function renderSubstring2(string2, key) {
+    return /* @__PURE__ */ React.createElement("span", _extends({}, style("substring"), {
+      key
+    }), string2);
+  };
+  var getMentionComponentForMatch = function getMentionComponentForMatch2(id, display, mentionChildIndex, key) {
+    var props = {
+      id,
+      display,
+      key
+    };
+    var child = reactExports.Children.toArray(children)[mentionChildIndex];
+    return /* @__PURE__ */ React.cloneElement(child, props);
+  };
+  var renderHighlighterCaret = function renderHighlighterCaret2(children2) {
+    return /* @__PURE__ */ React.createElement("span", _extends({}, style("caret"), {
+      ref: setCaretElement,
+      key: "caret"
+    }), children2);
+  };
+  iterateMentionsMarkup(value, config, mentionIteratee, textIteratee);
+  components.push(" ");
+  if (components !== resultComponents) {
+    resultComponents.push(renderHighlighterCaret(components));
+  }
+  return /* @__PURE__ */ React.createElement("div", _extends({}, style, {
+    ref: containerRef
+  }), resultComponents);
+}
+Highlighter.propTypes = {
+  selectionStart: PropTypes.number,
+  selectionEnd: PropTypes.number,
+  value: PropTypes.string.isRequired,
+  onCaretPositionChange: PropTypes.func.isRequired,
+  containerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    current: typeof Element === "undefined" ? PropTypes.any : PropTypes.instanceOf(Element)
+  })]),
+  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired
+};
+var styled = createDefaultStyle({
+  position: "relative",
+  boxSizing: "border-box",
+  width: "100%",
+  color: "transparent",
+  overflow: "hidden",
+  whiteSpace: "pre-wrap",
+  wordWrap: "break-word",
+  border: "1px solid transparent",
+  textAlign: "start",
+  "&singleLine": {
+    whiteSpace: "pre",
+    wordWrap: null
+  },
+  substring: {
+    visibility: "hidden"
+  }
+}, function(props) {
+  return {
+    "&singleLine": props.singleLine
+  };
+});
+var Highlighter$1 = styled(Highlighter);
+function Suggestion(_ref) {
+  var id = _ref.id, focused = _ref.focused, ignoreAccents = _ref.ignoreAccents, index2 = _ref.index, onClick = _ref.onClick, onMouseEnter = _ref.onMouseEnter, query = _ref.query, renderSuggestion = _ref.renderSuggestion, suggestion = _ref.suggestion, style = _ref.style;
+  _ref.className;
+  _ref.classNames;
+  var rest = {
+    onClick,
+    onMouseEnter
+  };
+  var renderContent = function renderContent2() {
+    var display = getDisplay();
+    var highlightedDisplay = renderHighlightedDisplay(display);
+    if (renderSuggestion) {
+      return renderSuggestion(suggestion, query, highlightedDisplay, index2, focused);
+    }
+    return highlightedDisplay;
+  };
+  var getDisplay = function getDisplay2() {
+    if (typeof suggestion === "string") {
+      return suggestion;
+    }
+    var id2 = suggestion.id, display = suggestion.display;
+    if (id2 === void 0 || !display) {
+      return id2;
+    }
+    return display;
+  };
+  var renderHighlightedDisplay = function renderHighlightedDisplay2(display) {
+    var i2 = getSubstringIndex(display, query, ignoreAccents);
+    if (i2 === -1) {
+      return /* @__PURE__ */ React.createElement("span", style("display"), display);
+    }
+    return /* @__PURE__ */ React.createElement("span", style("display"), display.substring(0, i2), /* @__PURE__ */ React.createElement("b", style("highlight"), display.substring(i2, i2 + query.length)), display.substring(i2 + query.length));
+  };
+  return /* @__PURE__ */ React.createElement("li", _extends({
+    id,
+    role: "option",
+    "aria-selected": focused
+  }, rest, style), renderContent());
+}
+Suggestion.propTypes = {
+  id: PropTypes.string.isRequired,
+  query: PropTypes.string.isRequired,
+  index: PropTypes.number.isRequired,
+  ignoreAccents: PropTypes.bool,
+  suggestion: PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
+    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+    display: PropTypes.string
+  })]).isRequired,
+  renderSuggestion: PropTypes.func,
+  focused: PropTypes.bool
+};
+var styled$1 = createDefaultStyle({
+  cursor: "pointer"
+}, function(props) {
+  return {
+    "&focused": props.focused
+  };
+});
+var Suggestion$1 = styled$1(Suggestion);
+function LoadingIndicator(_ref) {
+  var style = _ref.style, className = _ref.className, classNames = _ref.classNames;
+  var styles = useStyles(defaultstyle, {
+    style,
+    className,
+    classNames
+  });
+  var spinnerStyles = styles("spinner");
+  return /* @__PURE__ */ React.createElement("div", styles, /* @__PURE__ */ React.createElement("div", spinnerStyles, /* @__PURE__ */ React.createElement("div", spinnerStyles(["element", "element1"])), /* @__PURE__ */ React.createElement("div", spinnerStyles(["element", "element2"])), /* @__PURE__ */ React.createElement("div", spinnerStyles(["element", "element3"])), /* @__PURE__ */ React.createElement("div", spinnerStyles(["element", "element4"])), /* @__PURE__ */ React.createElement("div", spinnerStyles(["element", "element5"]))));
+}
+var defaultstyle = {};
+function SuggestionsOverlay(_ref) {
+  var id = _ref.id, _ref$suggestions = _ref.suggestions, suggestions = _ref$suggestions === void 0 ? {} : _ref$suggestions, a11ySuggestionsListLabel = _ref.a11ySuggestionsListLabel, focusIndex = _ref.focusIndex, position2 = _ref.position, left = _ref.left, right = _ref.right, top = _ref.top, scrollFocusedIntoView = _ref.scrollFocusedIntoView, isLoading = _ref.isLoading, isOpened = _ref.isOpened, _ref$onSelect = _ref.onSelect, onSelect2 = _ref$onSelect === void 0 ? function() {
+    return null;
+  } : _ref$onSelect, ignoreAccents = _ref.ignoreAccents, containerRef = _ref.containerRef, children = _ref.children, style = _ref.style, customSuggestionsContainer = _ref.customSuggestionsContainer, onMouseDown = _ref.onMouseDown, onMouseEnter = _ref.onMouseEnter;
+  var _useState = reactExports.useState(void 0), _useState2 = _slicedToArray(_useState, 2), ulElement = _useState2[0], setUlElement = _useState2[1];
+  reactExports.useEffect(function() {
+    if (!ulElement || ulElement.offsetHeight >= ulElement.scrollHeight || !scrollFocusedIntoView) {
+      return;
+    }
+    var scrollTop = ulElement.scrollTop;
+    var _ulElement$children$f = ulElement.children[focusIndex].getBoundingClientRect(), top2 = _ulElement$children$f.top, bottom = _ulElement$children$f.bottom;
+    var _ulElement$getBoundin = ulElement.getBoundingClientRect(), topContainer = _ulElement$getBoundin.top;
+    top2 = top2 - topContainer + scrollTop;
+    bottom = bottom - topContainer + scrollTop;
+    if (top2 < scrollTop) {
+      ulElement.scrollTop = top2;
+    } else if (bottom > ulElement.offsetHeight) {
+      ulElement.scrollTop = bottom - ulElement.offsetHeight;
+    }
+  }, [focusIndex, scrollFocusedIntoView, ulElement]);
+  var renderSuggestions = function renderSuggestions2() {
+    var suggestionsToRender = /* @__PURE__ */ React.createElement("ul", _extends({
+      ref: setUlElement,
+      id,
+      role: "listbox",
+      "aria-label": a11ySuggestionsListLabel
+    }, style("list")), Object.values(suggestions).reduce(function(accResults, _ref2) {
+      var results = _ref2.results, queryInfo = _ref2.queryInfo;
+      return [].concat(_toConsumableArray(accResults), _toConsumableArray(results.map(function(result, index2) {
+        return renderSuggestion(result, queryInfo, accResults.length + index2);
+      })));
+    }, []));
+    if (customSuggestionsContainer) return customSuggestionsContainer(suggestionsToRender);
+    return suggestionsToRender;
+  };
+  var renderSuggestion = function renderSuggestion2(result, queryInfo, index2) {
+    var isFocused = index2 === focusIndex;
+    var childIndex = queryInfo.childIndex, query = queryInfo.query;
+    var renderSuggestion3 = reactExports.Children.toArray(children)[childIndex].props.renderSuggestion;
+    return /* @__PURE__ */ React.createElement(Suggestion$1, {
+      style: style("item"),
+      key: "".concat(childIndex, "-").concat(getID(result)),
+      id: getSuggestionHtmlId(id, index2),
+      query,
+      index: index2,
+      ignoreAccents,
+      renderSuggestion: renderSuggestion3,
+      suggestion: result,
+      focused: isFocused,
+      onClick: function onClick() {
+        return select(result, queryInfo);
+      },
+      onMouseEnter: function onMouseEnter2() {
+        return handleMouseEnter(index2);
+      }
+    });
+  };
+  var renderLoadingIndicator = function renderLoadingIndicator2() {
+    if (!isLoading) {
+      return;
+    }
+    return /* @__PURE__ */ React.createElement(LoadingIndicator, {
+      style: style("loadingIndicator")
+    });
+  };
+  var handleMouseEnter = function handleMouseEnter2(index2, ev) {
+    if (onMouseEnter) {
+      onMouseEnter(index2);
+    }
+  };
+  var select = function select2(suggestion, queryInfo) {
+    onSelect2(suggestion, queryInfo);
+  };
+  var getID = function getID2(suggestion) {
+    if (typeof suggestion === "string") {
+      return suggestion;
+    }
+    return suggestion.id;
+  };
+  if (!isOpened) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement("div", _extends({}, inline({
+    position: position2 || "absolute",
+    left,
+    right,
+    top
+  }, style), {
+    onMouseDown,
+    ref: containerRef
+  }), renderSuggestions(), renderLoadingIndicator());
+}
+SuggestionsOverlay.propTypes = {
+  id: PropTypes.string.isRequired,
+  suggestions: PropTypes.object.isRequired,
+  a11ySuggestionsListLabel: PropTypes.string,
+  focusIndex: PropTypes.number,
+  position: PropTypes.string,
+  left: PropTypes.number,
+  right: PropTypes.number,
+  top: PropTypes.number,
+  scrollFocusedIntoView: PropTypes.bool,
+  isLoading: PropTypes.bool,
+  isOpened: PropTypes.bool.isRequired,
+  onSelect: PropTypes.func,
+  ignoreAccents: PropTypes.bool,
+  customSuggestionsContainer: PropTypes.func,
+  containerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    current: typeof Element === "undefined" ? PropTypes.any : PropTypes.instanceOf(Element)
+  })])
+};
+var styled$2 = createDefaultStyle({
+  zIndex: 1,
+  backgroundColor: "white",
+  marginTop: 14,
+  minWidth: 100,
+  list: {
+    margin: 0,
+    padding: 0,
+    listStyleType: "none"
+  }
+});
+var SuggestionsOverlay$1 = styled$2(SuggestionsOverlay);
+function ownKeys$1(object, enumerableOnly) {
+  var keys4 = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys4.push.apply(keys4, symbols);
+  }
+  return keys4;
+}
+function _objectSpread$1(target) {
+  for (var i2 = 1; i2 < arguments.length; i2++) {
+    var source2 = null != arguments[i2] ? arguments[i2] : {};
+    i2 % 2 ? ownKeys$1(Object(source2), true).forEach(function(key) {
+      _defineProperty(target, key, source2[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source2)) : ownKeys$1(Object(source2)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source2, key));
+    });
+  }
+  return target;
+}
+function _createSuper(Derived) {
+  var hasNativeReflectConstruct = _isNativeReflectConstruct();
+  return function _createSuperInternal() {
+    var Super = _getPrototypeOf(Derived), result;
+    if (hasNativeReflectConstruct) {
+      var NewTarget = _getPrototypeOf(this).constructor;
+      result = Reflect.construct(Super, arguments, NewTarget);
+    } else {
+      result = Super.apply(this, arguments);
+    }
+    return _possibleConstructorReturn(this, result);
+  };
+}
+function _isNativeReflectConstruct() {
+  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+  if (Reflect.construct.sham) return false;
+  if (typeof Proxy === "function") return true;
+  try {
+    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+    }));
+    return true;
+  } catch (e2) {
+    return false;
+  }
+}
+var makeTriggerRegex = function makeTriggerRegex2(trigger) {
+  var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  if (trigger instanceof RegExp) {
+    return trigger;
+  } else {
+    var allowSpaceInQuery = options.allowSpaceInQuery;
+    var escapedTriggerChar = escapeRegex(trigger);
+    return new RegExp("(?:^|\\s)(".concat(escapedTriggerChar, "([^").concat(allowSpaceInQuery ? "" : "\\s").concat(escapedTriggerChar, "]*))$"));
+  }
+};
+var getDataProvider = function getDataProvider2(data, ignoreAccents) {
+  if (data instanceof Array) {
+    return function(query, callback) {
+      var results = [];
+      for (var i2 = 0, l2 = data.length; i2 < l2; ++i2) {
+        var display = data[i2].display || data[i2].id;
+        if (getSubstringIndex(display, query, ignoreAccents) >= 0) {
+          results.push(data[i2]);
+        }
+      }
+      return results;
+    };
+  } else {
+    return data;
+  }
+};
+var KEY = {
+  TAB: 9,
+  RETURN: 13,
+  ESC: 27,
+  UP: 38,
+  DOWN: 40
+};
+var isComposing = false;
+var propTypes = {
+  /**
+   * If set to `true` a regular text input element will be rendered
+   * instead of a textarea
+   */
+  singleLine: PropTypes.bool,
+  allowSpaceInQuery: PropTypes.bool,
+  allowSuggestionsAboveCursor: PropTypes.bool,
+  forceSuggestionsAboveCursor: PropTypes.bool,
+  ignoreAccents: PropTypes.bool,
+  a11ySuggestionsListLabel: PropTypes.string,
+  value: PropTypes.string,
+  onKeyDown: PropTypes.func,
+  customSuggestionsContainer: PropTypes.func,
+  onSelect: PropTypes.func,
+  onBlur: PropTypes.func,
+  onChange: PropTypes.func,
+  suggestionsPortalHost: typeof Element === "undefined" ? PropTypes.any : PropTypes.PropTypes.instanceOf(Element),
+  inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    current: typeof Element === "undefined" ? PropTypes.any : PropTypes.instanceOf(Element)
+  })]),
+  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired
+};
+var MentionsInput = /* @__PURE__ */ (function(_React$Component) {
+  _inherits(MentionsInput2, _React$Component);
+  var _super = _createSuper(MentionsInput2);
+  function MentionsInput2(_props) {
+    var _this;
+    _classCallCheck(this, MentionsInput2);
+    _this = _super.call(this, _props);
+    _defineProperty(_assertThisInitialized(_this), "setContainerElement", function(el) {
+      _this.containerElement = el;
+    });
+    _defineProperty(_assertThisInitialized(_this), "getInputProps", function() {
+      var _this$props = _this.props, readOnly = _this$props.readOnly, disabled = _this$props.disabled, style = _this$props.style;
+      var props = omit2(
+        _this.props,
+        ["style", "classNames", "className"],
+        // substyle props
+        keys$1(propTypes)
+      );
+      return _objectSpread$1(_objectSpread$1(_objectSpread$1(_objectSpread$1({}, props), style("input")), {}, {
+        value: _this.getPlainText(),
+        onScroll: _this.updateHighlighterScroll
+      }, !readOnly && !disabled && {
+        onChange: _this.handleChange,
+        onSelect: _this.handleSelect,
+        onKeyDown: _this.handleKeyDown,
+        onBlur: _this.handleBlur,
+        onCompositionStart: _this.handleCompositionStart,
+        onCompositionEnd: _this.handleCompositionEnd
+      }), _this.isOpened() && {
+        role: "combobox",
+        "aria-controls": _this.uuidSuggestionsOverlay,
+        "aria-expanded": true,
+        "aria-autocomplete": "list",
+        "aria-haspopup": "listbox",
+        "aria-activedescendant": getSuggestionHtmlId(_this.uuidSuggestionsOverlay, _this.state.focusIndex)
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "renderControl", function() {
+      var _this$props2 = _this.props, singleLine = _this$props2.singleLine, style = _this$props2.style;
+      var inputProps = _this.getInputProps();
+      return /* @__PURE__ */ React.createElement("div", style("control"), _this.renderHighlighter(), singleLine ? _this.renderInput(inputProps) : _this.renderTextarea(inputProps));
+    });
+    _defineProperty(_assertThisInitialized(_this), "renderInput", function(props) {
+      return /* @__PURE__ */ React.createElement("input", _extends({
+        type: "text",
+        ref: _this.setInputRef
+      }, props));
+    });
+    _defineProperty(_assertThisInitialized(_this), "renderTextarea", function(props) {
+      return /* @__PURE__ */ React.createElement("textarea", _extends({
+        ref: _this.setInputRef
+      }, props));
+    });
+    _defineProperty(_assertThisInitialized(_this), "setInputRef", function(el) {
+      _this.inputElement = el;
+      var inputRef = _this.props.inputRef;
+      if (typeof inputRef === "function") {
+        inputRef(el);
+      } else if (inputRef) {
+        inputRef.current = el;
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "setSuggestionsElement", function(el) {
+      _this.suggestionsElement = el;
+    });
+    _defineProperty(_assertThisInitialized(_this), "renderSuggestionsOverlay", function() {
+      if (!isNumber(_this.state.selectionStart)) {
+        return null;
+      }
+      var _this$state$suggestio = _this.state.suggestionsPosition, position2 = _this$state$suggestio.position, left = _this$state$suggestio.left, top = _this$state$suggestio.top, right = _this$state$suggestio.right;
+      var suggestionsNode = /* @__PURE__ */ React.createElement(SuggestionsOverlay$1, {
+        id: _this.uuidSuggestionsOverlay,
+        style: _this.props.style("suggestions"),
+        position: position2,
+        left,
+        top,
+        right,
+        focusIndex: _this.state.focusIndex,
+        scrollFocusedIntoView: _this.state.scrollFocusedIntoView,
+        containerRef: _this.setSuggestionsElement,
+        suggestions: _this.state.suggestions,
+        customSuggestionsContainer: _this.props.customSuggestionsContainer,
+        onSelect: _this.addMention,
+        onMouseDown: _this.handleSuggestionsMouseDown,
+        onMouseEnter: _this.handleSuggestionsMouseEnter,
+        isLoading: _this.isLoading(),
+        isOpened: _this.isOpened(),
+        ignoreAccents: _this.props.ignoreAccents,
+        a11ySuggestionsListLabel: _this.props.a11ySuggestionsListLabel
+      }, _this.props.children);
+      if (_this.props.suggestionsPortalHost) {
+        return /* @__PURE__ */ ReactDOM.createPortal(suggestionsNode, _this.props.suggestionsPortalHost);
+      } else {
+        return suggestionsNode;
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "renderHighlighter", function() {
+      var _this$state = _this.state, selectionStart = _this$state.selectionStart, selectionEnd = _this$state.selectionEnd;
+      var _this$props3 = _this.props, singleLine = _this$props3.singleLine, children = _this$props3.children, value = _this$props3.value, style = _this$props3.style;
+      return /* @__PURE__ */ React.createElement(Highlighter$1, {
+        containerRef: _this.setHighlighterElement,
+        style: style("highlighter"),
+        value,
+        singleLine,
+        selectionStart,
+        selectionEnd,
+        onCaretPositionChange: _this.handleCaretPositionChange
+      }, children);
+    });
+    _defineProperty(_assertThisInitialized(_this), "setHighlighterElement", function(el) {
+      _this.highlighterElement = el;
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleCaretPositionChange", function(position2) {
+      _this.setState({
+        caretPosition: position2
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "getPlainText", function() {
+      return getPlainText(_this.props.value || "", readConfigFromChildren(_this.props.children));
+    });
+    _defineProperty(_assertThisInitialized(_this), "executeOnChange", function(event) {
+      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+        args[_key - 1] = arguments[_key];
+      }
+      if (_this.props.onChange) {
+        var _this$props4;
+        return (_this$props4 = _this.props).onChange.apply(_this$props4, [event].concat(args));
+      }
+      if (_this.props.valueLink) {
+        var _this$props$valueLink;
+        return (_this$props$valueLink = _this.props.valueLink).requestChange.apply(_this$props$valueLink, [event.target.value].concat(args));
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleChange", function(ev) {
+      isComposing = false;
+      if (isIE()) {
+        var currentDocument = document.activeElement && document.activeElement.contentDocument || document;
+        if (currentDocument.activeElement !== ev.target) {
+          return;
+        }
+      }
+      var value = _this.props.value || "";
+      var config = readConfigFromChildren(_this.props.children);
+      var newPlainTextValue = ev.target.value;
+      var selectionStartBefore = _this.state.selectionStart;
+      if (selectionStartBefore == null) {
+        selectionStartBefore = ev.target.selectionStart;
+      }
+      var selectionEndBefore = _this.state.selectionEnd;
+      if (selectionEndBefore == null) {
+        selectionEndBefore = ev.target.selectionEnd;
+      }
+      var newValue = applyChangeToValue(value, newPlainTextValue, {
+        selectionStartBefore,
+        selectionEndBefore,
+        selectionEndAfter: ev.target.selectionEnd
+      }, config);
+      newPlainTextValue = getPlainText(newValue, config);
+      var selectionStart = ev.target.selectionStart;
+      var selectionEnd = ev.target.selectionEnd;
+      var setSelectionAfterMentionChange = false;
+      var startOfMention = findStartOfMentionInPlainText(value, config, selectionStart);
+      if (startOfMention !== void 0 && _this.state.selectionEnd > startOfMention) {
+        selectionStart = startOfMention + (ev.nativeEvent.data ? ev.nativeEvent.data.length : 0);
+        selectionEnd = selectionStart;
+        setSelectionAfterMentionChange = true;
+      }
+      _this.setState({
+        selectionStart,
+        selectionEnd,
+        setSelectionAfterMentionChange
+      });
+      var mentions = getMentions(newValue, config);
+      if (ev.nativeEvent.isComposing && selectionStart === selectionEnd) {
+        _this.updateMentionsQueries(_this.inputElement.value, selectionStart);
+      }
+      var eventMock = {
+        target: {
+          value: newValue
+        }
+      };
+      _this.executeOnChange(eventMock, newValue, newPlainTextValue, mentions);
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleSelect", function(ev) {
+      _this.setState({
+        selectionStart: ev.target.selectionStart,
+        selectionEnd: ev.target.selectionEnd
+      });
+      if (isComposing) return;
+      var el = _this.inputElement;
+      if (ev.target.selectionStart === ev.target.selectionEnd) {
+        _this.updateMentionsQueries(el.value, ev.target.selectionStart);
+      } else {
+        _this.clearSuggestions();
+      }
+      _this.updateHighlighterScroll();
+      _this.props.onSelect(ev);
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function(ev) {
+      var suggestionsCount = countSuggestions(_this.state.suggestions);
+      if (suggestionsCount === 0 || !_this.suggestionsElement) {
+        _this.props.onKeyDown(ev);
+        return;
+      }
+      if (Object.values(KEY).indexOf(ev.keyCode) >= 0) {
+        ev.preventDefault();
+        ev.stopPropagation();
+      }
+      switch (ev.keyCode) {
+        case KEY.ESC: {
+          _this.clearSuggestions();
+          return;
+        }
+        case KEY.DOWN: {
+          _this.shiftFocus(1);
+          return;
+        }
+        case KEY.UP: {
+          _this.shiftFocus(-1);
+          return;
+        }
+        case KEY.RETURN: {
+          _this.selectFocused();
+          return;
+        }
+        case KEY.TAB: {
+          _this.selectFocused();
+          return;
+        }
+        default: {
+          return;
+        }
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "shiftFocus", function(delta) {
+      var suggestionsCount = countSuggestions(_this.state.suggestions);
+      _this.setState({
+        focusIndex: (suggestionsCount + _this.state.focusIndex + delta) % suggestionsCount,
+        scrollFocusedIntoView: true
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "selectFocused", function() {
+      var _this$state2 = _this.state, suggestions = _this$state2.suggestions, focusIndex = _this$state2.focusIndex;
+      var _Object$values$reduce = Object.values(suggestions).reduce(function(acc, _ref) {
+        var results = _ref.results, queryInfo2 = _ref.queryInfo;
+        return [].concat(_toConsumableArray(acc), _toConsumableArray(results.map(function(result2) {
+          return {
+            result: result2,
+            queryInfo: queryInfo2
+          };
+        })));
+      }, [])[focusIndex], result = _Object$values$reduce.result, queryInfo = _Object$values$reduce.queryInfo;
+      _this.addMention(result, queryInfo);
+      _this.setState({
+        focusIndex: 0
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleBlur", function(ev) {
+      var clickedSuggestion = _this._suggestionsMouseDown;
+      _this._suggestionsMouseDown = false;
+      if (!clickedSuggestion) {
+        _this.setState({
+          selectionStart: null,
+          selectionEnd: null
+        });
+      }
+      window.setTimeout(function() {
+        _this.updateHighlighterScroll();
+      }, 1);
+      _this.props.onBlur(ev, clickedSuggestion);
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleSuggestionsMouseDown", function(ev) {
+      _this._suggestionsMouseDown = true;
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleSuggestionsMouseEnter", function(focusIndex) {
+      _this.setState({
+        focusIndex,
+        scrollFocusedIntoView: false
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "updateSuggestionsPosition", function() {
+      var caretPosition = _this.state.caretPosition;
+      var _this$props5 = _this.props, suggestionsPortalHost = _this$props5.suggestionsPortalHost, allowSuggestionsAboveCursor = _this$props5.allowSuggestionsAboveCursor, forceSuggestionsAboveCursor = _this$props5.forceSuggestionsAboveCursor;
+      if (!caretPosition || !_this.suggestionsElement) {
+        return;
+      }
+      var suggestions = _this.suggestionsElement;
+      var highlighter2 = _this.highlighterElement;
+      var caretOffsetParentRect = highlighter2.getBoundingClientRect();
+      var caretHeight = getComputedStyleLengthProp(highlighter2, "font-size");
+      var viewportRelative = {
+        left: caretOffsetParentRect.left + caretPosition.left,
+        top: caretOffsetParentRect.top + caretPosition.top + caretHeight
+      };
+      var viewportHeight = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
+      if (!suggestions) {
+        return;
+      }
+      var position2 = {};
+      if (suggestionsPortalHost) {
+        position2.position = "fixed";
+        var left = viewportRelative.left;
+        var top = viewportRelative.top;
+        left -= getComputedStyleLengthProp(suggestions, "margin-left");
+        top -= getComputedStyleLengthProp(suggestions, "margin-top");
+        left -= highlighter2.scrollLeft;
+        top -= highlighter2.scrollTop;
+        var viewportWidth = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
+        if (left + suggestions.offsetWidth > viewportWidth) {
+          position2.left = Math.max(0, viewportWidth - suggestions.offsetWidth);
+        } else {
+          position2.left = left;
+        }
+        if (allowSuggestionsAboveCursor && top + suggestions.offsetHeight > viewportHeight && suggestions.offsetHeight < top - caretHeight || forceSuggestionsAboveCursor) {
+          position2.top = Math.max(0, top - suggestions.offsetHeight - caretHeight);
+        } else {
+          position2.top = top;
+        }
+      } else {
+        var _left = caretPosition.left - highlighter2.scrollLeft;
+        var _top = caretPosition.top - highlighter2.scrollTop;
+        if (_left + suggestions.offsetWidth > _this.containerElement.offsetWidth) {
+          position2.right = 0;
+        } else {
+          position2.left = _left;
+        }
+        if (allowSuggestionsAboveCursor && viewportRelative.top - highlighter2.scrollTop + suggestions.offsetHeight > viewportHeight && suggestions.offsetHeight < caretOffsetParentRect.top - caretHeight - highlighter2.scrollTop || forceSuggestionsAboveCursor) {
+          position2.top = _top - suggestions.offsetHeight - caretHeight;
+        } else {
+          position2.top = _top;
+        }
+      }
+      if (position2.left === _this.state.suggestionsPosition.left && position2.top === _this.state.suggestionsPosition.top && position2.position === _this.state.suggestionsPosition.position) {
+        return;
+      }
+      _this.setState({
+        suggestionsPosition: position2
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "updateHighlighterScroll", function() {
+      var input = _this.inputElement;
+      var highlighter2 = _this.highlighterElement;
+      if (!input || !highlighter2) {
+        return;
+      }
+      highlighter2.scrollLeft = input.scrollLeft;
+      highlighter2.scrollTop = input.scrollTop;
+      highlighter2.height = input.height;
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleCompositionStart", function() {
+      isComposing = true;
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleCompositionEnd", function() {
+      isComposing = false;
+    });
+    _defineProperty(_assertThisInitialized(_this), "setSelection", function(selectionStart, selectionEnd) {
+      if (selectionStart === null || selectionEnd === null) return;
+      var el = _this.inputElement;
+      if (el.setSelectionRange) {
+        el.setSelectionRange(selectionStart, selectionEnd);
+      } else if (el.createTextRange) {
+        var range = el.createTextRange();
+        range.collapse(true);
+        range.moveEnd("character", selectionEnd);
+        range.moveStart("character", selectionStart);
+        range.select();
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "updateMentionsQueries", function(plainTextValue, caretPosition) {
+      _this._queryId++;
+      _this.suggestions = {};
+      _this.setState({
+        suggestions: {}
+      });
+      var value = _this.props.value || "";
+      var children = _this.props.children;
+      var config = readConfigFromChildren(children);
+      var positionInValue = mapPlainTextIndex(value, config, caretPosition, "NULL");
+      if (positionInValue === null) {
+        return;
+      }
+      var substringStartIndex = getEndOfLastMention(value.substring(0, positionInValue), config);
+      var substring = plainTextValue.substring(substringStartIndex, caretPosition);
+      React.Children.forEach(children, function(child, childIndex) {
+        if (!child) {
+          return;
+        }
+        var regex = makeTriggerRegex(child.props.trigger, _this.props);
+        var match = substring.match(regex);
+        if (match) {
+          var querySequenceStart = substringStartIndex + substring.indexOf(match[1], match.index);
+          _this.queryData(match[2], childIndex, querySequenceStart, querySequenceStart + match[1].length, plainTextValue);
+        }
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "clearSuggestions", function() {
+      _this._queryId++;
+      _this.suggestions = {};
+      _this.setState({
+        suggestions: {},
+        focusIndex: 0
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "queryData", function(query, childIndex, querySequenceStart, querySequenceEnd, plainTextValue) {
+      var _this$props6 = _this.props, children = _this$props6.children, ignoreAccents = _this$props6.ignoreAccents;
+      var mentionChild = reactExports.Children.toArray(children)[childIndex];
+      var provideData = getDataProvider(mentionChild.props.data, ignoreAccents);
+      var syncResult = provideData(query, _this.updateSuggestions.bind(null, _this._queryId, childIndex, query, querySequenceStart, querySequenceEnd, plainTextValue));
+      if (syncResult instanceof Array) {
+        _this.updateSuggestions(_this._queryId, childIndex, query, querySequenceStart, querySequenceEnd, plainTextValue, syncResult);
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "updateSuggestions", function(queryId, childIndex, query, querySequenceStart, querySequenceEnd, plainTextValue, results) {
+      if (queryId !== _this._queryId) return;
+      _this.suggestions = _objectSpread$1(_objectSpread$1({}, _this.suggestions), {}, _defineProperty({}, childIndex, {
+        queryInfo: {
+          childIndex,
+          query,
+          querySequenceStart,
+          querySequenceEnd,
+          plainTextValue
+        },
+        results
+      }));
+      var focusIndex = _this.state.focusIndex;
+      var suggestionsCount = countSuggestions(_this.suggestions);
+      _this.setState({
+        suggestions: _this.suggestions,
+        focusIndex: focusIndex >= suggestionsCount ? Math.max(suggestionsCount - 1, 0) : focusIndex
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "addMention", function(_ref2, _ref3) {
+      var id = _ref2.id, display = _ref2.display;
+      var childIndex = _ref3.childIndex, querySequenceStart = _ref3.querySequenceStart, querySequenceEnd = _ref3.querySequenceEnd, plainTextValue = _ref3.plainTextValue;
+      var value = _this.props.value || "";
+      var config = readConfigFromChildren(_this.props.children);
+      var mentionsChild = reactExports.Children.toArray(_this.props.children)[childIndex];
+      var _mentionsChild$props = mentionsChild.props, markup = _mentionsChild$props.markup, displayTransform2 = _mentionsChild$props.displayTransform, appendSpaceOnAdd = _mentionsChild$props.appendSpaceOnAdd, onAdd2 = _mentionsChild$props.onAdd;
+      var start = mapPlainTextIndex(value, config, querySequenceStart, "START");
+      var end = start + querySequenceEnd - querySequenceStart;
+      var insert = makeMentionsMarkup(markup, id, display);
+      if (appendSpaceOnAdd) {
+        insert += " ";
+      }
+      var newValue = spliceString(value, start, end, insert);
+      _this.inputElement.focus();
+      var displayValue = displayTransform2(id, display);
+      if (appendSpaceOnAdd) {
+        displayValue += " ";
+      }
+      var newCaretPosition = querySequenceStart + displayValue.length;
+      _this.setState({
+        selectionStart: newCaretPosition,
+        selectionEnd: newCaretPosition,
+        setSelectionAfterMentionChange: true
+      });
+      var eventMock = {
+        target: {
+          value: newValue
+        }
+      };
+      var mentions = getMentions(newValue, config);
+      var newPlainTextValue = spliceString(plainTextValue, querySequenceStart, querySequenceEnd, displayValue);
+      _this.executeOnChange(eventMock, newValue, newPlainTextValue, mentions);
+      if (onAdd2) {
+        onAdd2(id, display, start, end);
+      }
+      _this.clearSuggestions();
+    });
+    _defineProperty(_assertThisInitialized(_this), "isLoading", function() {
+      var isLoading = false;
+      React.Children.forEach(_this.props.children, function(child) {
+        isLoading = isLoading || child && child.props.isLoading;
+      });
+      return isLoading;
+    });
+    _defineProperty(_assertThisInitialized(_this), "isOpened", function() {
+      return isNumber(_this.state.selectionStart) && (countSuggestions(_this.state.suggestions) !== 0 || _this.isLoading());
+    });
+    _defineProperty(_assertThisInitialized(_this), "_queryId", 0);
+    _this.suggestions = {};
+    _this.uuidSuggestionsOverlay = Math.random().toString(16).substring(2);
+    _this.handleCopy = _this.handleCopy.bind(_assertThisInitialized(_this));
+    _this.handleCut = _this.handleCut.bind(_assertThisInitialized(_this));
+    _this.handlePaste = _this.handlePaste.bind(_assertThisInitialized(_this));
+    _this.state = {
+      focusIndex: 0,
+      selectionStart: null,
+      selectionEnd: null,
+      suggestions: {},
+      caretPosition: null,
+      suggestionsPosition: {},
+      setSelectionAfterHandlePaste: false
+    };
+    return _this;
+  }
+  _createClass(MentionsInput2, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      document.addEventListener("copy", this.handleCopy);
+      document.addEventListener("cut", this.handleCut);
+      document.addEventListener("paste", this.handlePaste);
+      this.updateSuggestionsPosition();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps, prevState) {
+      if (prevState.suggestionsPosition === this.state.suggestionsPosition) {
+        this.updateSuggestionsPosition();
+      }
+      if (this.state.setSelectionAfterMentionChange) {
+        this.setState({
+          setSelectionAfterMentionChange: false
+        });
+        this.setSelection(this.state.selectionStart, this.state.selectionEnd);
+      }
+      if (this.state.setSelectionAfterHandlePaste) {
+        this.setState({
+          setSelectionAfterHandlePaste: false
+        });
+        this.setSelection(this.state.selectionStart, this.state.selectionEnd);
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      document.removeEventListener("copy", this.handleCopy);
+      document.removeEventListener("cut", this.handleCut);
+      document.removeEventListener("paste", this.handlePaste);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /* @__PURE__ */ React.createElement("div", _extends({
+        ref: this.setContainerElement
+      }, this.props.style), this.renderControl(), this.renderSuggestionsOverlay());
+    }
+  }, {
+    key: "handlePaste",
+    value: function handlePaste(event) {
+      if (event.target !== this.inputElement) {
+        return;
+      }
+      if (!this.supportsClipboardActions(event)) {
+        return;
+      }
+      event.preventDefault();
+      var _this$state3 = this.state, selectionStart = _this$state3.selectionStart, selectionEnd = _this$state3.selectionEnd;
+      var _this$props7 = this.props, value = _this$props7.value, children = _this$props7.children;
+      var config = readConfigFromChildren(children);
+      var markupStartIndex = mapPlainTextIndex(value, config, selectionStart, "START");
+      var markupEndIndex = mapPlainTextIndex(value, config, selectionEnd, "END");
+      var pastedMentions = event.clipboardData.getData("text/react-mentions");
+      var pastedData = event.clipboardData.getData("text/plain");
+      var newValue = spliceString(value, markupStartIndex, markupEndIndex, pastedMentions || pastedData).replace(/\r/g, "");
+      var newPlainTextValue = getPlainText(newValue, config);
+      var eventMock = {
+        target: _objectSpread$1(_objectSpread$1({}, event.target), {}, {
+          value: newValue
+        })
+      };
+      this.executeOnChange(eventMock, newValue, newPlainTextValue, getMentions(newValue, config));
+      var startOfMention = findStartOfMentionInPlainText(value, config, selectionStart);
+      var nextPos = (startOfMention || selectionStart) + getPlainText(pastedMentions || pastedData, config).length;
+      this.setState({
+        selectionStart: nextPos,
+        selectionEnd: nextPos,
+        setSelectionAfterHandlePaste: true
+      });
+    }
+  }, {
+    key: "saveSelectionToClipboard",
+    value: function saveSelectionToClipboard(event) {
+      var selectionStart = this.inputElement.selectionStart;
+      var selectionEnd = this.inputElement.selectionEnd;
+      var _this$props8 = this.props, children = _this$props8.children, value = _this$props8.value;
+      var config = readConfigFromChildren(children);
+      var markupStartIndex = mapPlainTextIndex(value, config, selectionStart, "START");
+      var markupEndIndex = mapPlainTextIndex(value, config, selectionEnd, "END");
+      event.clipboardData.setData("text/plain", event.target.value.slice(selectionStart, selectionEnd));
+      event.clipboardData.setData("text/react-mentions", value.slice(markupStartIndex, markupEndIndex));
+    }
+  }, {
+    key: "supportsClipboardActions",
+    value: function supportsClipboardActions(event) {
+      return !!event.clipboardData;
+    }
+  }, {
+    key: "handleCopy",
+    value: function handleCopy(event) {
+      if (event.target !== this.inputElement) {
+        return;
+      }
+      if (!this.supportsClipboardActions(event)) {
+        return;
+      }
+      event.preventDefault();
+      this.saveSelectionToClipboard(event);
+    }
+  }, {
+    key: "handleCut",
+    value: function handleCut(event) {
+      if (event.target !== this.inputElement) {
+        return;
+      }
+      if (!this.supportsClipboardActions(event)) {
+        return;
+      }
+      event.preventDefault();
+      this.saveSelectionToClipboard(event);
+      var _this$state4 = this.state, selectionStart = _this$state4.selectionStart, selectionEnd = _this$state4.selectionEnd;
+      var _this$props9 = this.props, children = _this$props9.children, value = _this$props9.value;
+      var config = readConfigFromChildren(children);
+      var markupStartIndex = mapPlainTextIndex(value, config, selectionStart, "START");
+      var markupEndIndex = mapPlainTextIndex(value, config, selectionEnd, "END");
+      var newValue = [value.slice(0, markupStartIndex), value.slice(markupEndIndex)].join("");
+      var newPlainTextValue = getPlainText(newValue, config);
+      var eventMock = {
+        target: _objectSpread$1(_objectSpread$1({}, event.target), {}, {
+          value: newPlainTextValue
+        })
+      };
+      this.executeOnChange(eventMock, newValue, newPlainTextValue, getMentions(value, config));
+    }
+    // Handle input element's change event
+  }]);
+  return MentionsInput2;
+})(React.Component);
+_defineProperty(MentionsInput, "propTypes", propTypes);
+_defineProperty(MentionsInput, "defaultProps", {
+  ignoreAccents: false,
+  singleLine: false,
+  allowSuggestionsAboveCursor: false,
+  onKeyDown: function onKeyDown() {
+    return null;
+  },
+  onSelect: function onSelect() {
+    return null;
+  },
+  onBlur: function onBlur() {
+    return null;
+  }
+});
+var getComputedStyleLengthProp = function getComputedStyleLengthProp2(forElement, propertyName) {
+  var length = parseFloat(window.getComputedStyle(forElement, null).getPropertyValue(propertyName));
+  return isFinite(length) ? length : 0;
+};
+var isMobileSafari = typeof navigator !== "undefined" && /iPhone|iPad|iPod/i.test(navigator.userAgent);
+var styled$3 = createDefaultStyle({
+  position: "relative",
+  overflowY: "visible",
+  input: {
+    display: "block",
+    width: "100%",
+    position: "absolute",
+    margin: 0,
+    top: 0,
+    left: 0,
+    boxSizing: "border-box",
+    backgroundColor: "transparent",
+    fontFamily: "inherit",
+    fontSize: "inherit",
+    letterSpacing: "inherit"
+  },
+  "&multiLine": {
+    input: _objectSpread$1({
+      height: "100%",
+      bottom: 0,
+      overflow: "hidden",
+      resize: "none"
+    }, isMobileSafari ? {
+      marginTop: 1,
+      marginLeft: -3
+    } : null)
+  }
+}, function(_ref4) {
+  var singleLine = _ref4.singleLine;
+  return {
+    "&singleLine": singleLine,
+    "&multiLine": !singleLine
+  };
+});
+var MentionsInput$1 = styled$3(MentionsInput);
+var defaultStyle = {
+  fontWeight: "inherit"
+};
+var Mention = function Mention2(_ref) {
+  var display = _ref.display, style = _ref.style, className = _ref.className, classNames = _ref.classNames;
+  var styles = useStyles(defaultStyle, {
+    style,
+    className,
+    classNames
+  });
+  return /* @__PURE__ */ React.createElement("strong", styles, display);
+};
+Mention.propTypes = {
+  /**
+   * Called when a new mention is added in the input
+   *
+   * Example:
+   *
+   * ```js
+   * function(id, display) {
+   *   console.log("user " + display + " was mentioned!");
+   * }
+   * ```
+   */
+  onAdd: PropTypes.func,
+  onRemove: PropTypes.func,
+  renderSuggestion: PropTypes.func,
+  trigger: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(RegExp)]),
+  markup: PropTypes.string,
+  displayTransform: PropTypes.func,
+  /**
+   * If set to `true` spaces will not interrupt matching suggestions
+   */
+  allowSpaceInQuery: PropTypes.bool,
+  isLoading: PropTypes.bool
+};
+Mention.defaultProps = {
+  trigger: "@",
+  markup: "@[__display__](__id__)",
+  displayTransform: function displayTransform(id, display) {
+    return display || id;
+  },
+  onAdd: function onAdd() {
+    return null;
+  },
+  onRemove: function onRemove() {
+    return null;
+  },
+  renderSuggestion: null,
+  isLoading: false,
+  appendSpaceOnAdd: false
+};
 function ok$1() {
 }
 function unreachable() {
 }
-function stringify$1(values, options) {
+function stringify$1(values3, options) {
   const settings = {};
-  const input = values[values.length - 1] === "" ? [...values, ""] : values;
+  const input = values3[values3.length - 1] === "" ? [...values3, ""] : values3;
   return input.join(
     (settings.padRight ? " " : "") + "," + (settings.padLeft === false ? "" : " ")
   ).trim();
@@ -53615,7 +56356,7 @@ class Schema {
 Schema.prototype.normal = {};
 Schema.prototype.property = {};
 Schema.prototype.space = void 0;
-function merge(definitions, space2) {
+function merge2(definitions, space2) {
   const property = {};
   const normal = {};
   for (const definition2 of definitions) {
@@ -53705,9 +56446,9 @@ class DefinedInfo extends Info {
   }
 }
 DefinedInfo.prototype.defined = true;
-function mark(values, key, value) {
+function mark(values3, key, value) {
   if (value) {
-    values[key] = value;
+    values3[key] = value;
   }
 }
 function create(definition2) {
@@ -54794,10 +57535,10 @@ function kebab($0) {
 function camelcase($0) {
   return $0.charAt(1).toUpperCase();
 }
-const html$2 = merge([aria, html$3, xlink, xmlns, xml$1], "html");
-const svg = merge([aria, svg$1, xlink, xmlns, xml$1], "svg");
-function stringify(values) {
-  return values.join(" ").trim();
+const html$2 = merge2([aria, html$3, xlink, xmlns, xml$1], "html");
+const svg = merge2([aria, svg$1, xlink, xmlns, xml$1], "svg");
+function stringify(values3) {
+  return values3.join(" ").trim();
 }
 var cjs$2 = {};
 var cjs$1;
@@ -55642,11 +58383,11 @@ function one(value, includeImageAlt, includeHtml) {
   }
   return "";
 }
-function all(values, includeImageAlt, includeHtml) {
+function all(values3, includeImageAlt, includeHtml) {
   const result = [];
   let index2 = -1;
-  while (++index2 < values.length) {
-    result[index2] = one(values[index2], includeImageAlt, includeHtml);
+  while (++index2 < values3.length) {
+    result[index2] = one(values3[index2], includeImageAlt, includeHtml);
   }
   return result.join("");
 }
@@ -60907,7 +63648,7 @@ const deserializer = ($, _) => {
 const deserialize = (serialized) => deserializer(/* @__PURE__ */ new Map(), serialized)(0);
 const EMPTY = "";
 const { toString } = {};
-const { keys } = Object;
+const { keys: keys3 } = Object;
 const typeOf = (value) => {
   const type = typeof value;
   if (type !== "object" || !value)
@@ -60996,7 +63737,7 @@ const serializer = (strict, json2, $, _) => {
           return pair(value.toJSON());
         const entries = [];
         const index2 = as([TYPE, entries], value);
-        for (const key of keys(value)) {
+        for (const key of keys3(value)) {
           if (strict || !shouldSkip(typeOf(value[key])))
             entries.push([pair(key), pair(value[key])]);
         }
@@ -61393,7 +64134,7 @@ function createState(tree, options) {
     return unknown(state, node2, parent);
   }
   function all2(parent) {
-    const values = [];
+    const values3 = [];
     if ("children" in parent) {
       const nodes = parent.children;
       let index2 = -1;
@@ -61412,14 +64153,14 @@ function createState(tree, options) {
             }
           }
           if (Array.isArray(result)) {
-            values.push(...result);
+            values3.push(...result);
           } else {
-            values.push(result);
+            values3.push(result);
           }
         }
       }
     }
-    return values;
+    return values3;
   }
 }
 function patch(from, to) {
@@ -61530,7 +64271,7 @@ function requireExtend() {
     }
     return toStr.call(arr) === "[object Array]";
   };
-  var isPlainObject2 = function isPlainObject3(obj) {
+  var isPlainObject3 = function isPlainObject4(obj) {
     if (!obj || toStr.call(obj) !== "[object Object]") {
       return false;
     }
@@ -61587,12 +64328,12 @@ function requireExtend() {
           src = getProperty(target, name2);
           copy2 = getProperty(options, name2);
           if (target !== copy2) {
-            if (deep && copy2 && (isPlainObject2(copy2) || (copyIsArray = isArray(copy2)))) {
+            if (deep && copy2 && (isPlainObject3(copy2) || (copyIsArray = isArray(copy2)))) {
               if (copyIsArray) {
                 copyIsArray = false;
                 clone = src && isArray(src) ? src : [];
               } else {
-                clone = src && isPlainObject2(src) ? src : {};
+                clone = src && isPlainObject3(src) ? src : {};
               }
               setProperty(target, { name: name2, newValue: extend2(deep, clone, copy2) });
             } else if (typeof copy2 !== "undefined") {
@@ -61608,7 +64349,7 @@ function requireExtend() {
 }
 var extendExports = requireExtend();
 const extend = /* @__PURE__ */ getDefaultExportFromCjs(extendExports);
-function isPlainObject(value) {
+function isPlainObject2(value) {
   if (typeof value !== "object" || value === null) {
     return false;
   }
@@ -61619,13 +64360,13 @@ function trough() {
   const fns = [];
   const pipeline = { run, use };
   return pipeline;
-  function run(...values) {
+  function run(...values3) {
     let middlewareIndex = -1;
-    const callback = values.pop();
+    const callback = values3.pop();
     if (typeof callback !== "function") {
       throw new TypeError("Expected function as last argument, not " + callback);
     }
-    next(null, ...values);
+    next(null, ...values3);
     function next(error, ...output) {
       const fn = fns[++middlewareIndex];
       let index2 = -1;
@@ -61633,12 +64374,12 @@ function trough() {
         callback(error);
         return;
       }
-      while (++index2 < values.length) {
+      while (++index2 < values3.length) {
         if (output[index2] === null || output[index2] === void 0) {
-          output[index2] = values[index2];
+          output[index2] = values3[index2];
         }
       }
-      values = output;
+      values3 = output;
       if (fn) {
         wrap(fn, next)(...output);
       } else {
@@ -61828,7 +64569,7 @@ function join(...segments) {
 function normalize(path2) {
   assertPath$1(path2);
   const absolute = path2.codePointAt(0) === 47;
-  let value = normalizeString(path2, !absolute);
+  let value = normalizeString2(path2, !absolute);
   if (value.length === 0 && !absolute) {
     value = ".";
   }
@@ -61837,7 +64578,7 @@ function normalize(path2) {
   }
   return absolute ? "/" + value : value;
 }
-function normalizeString(path2, allowAboveRoot) {
+function normalizeString2(path2, allowAboveRoot) {
   let result = "";
   let lastSegmentLength = 0;
   let lastSlash = -1;
@@ -63012,7 +65753,7 @@ class Processor extends CallableInstance {
       } else if (parameters2.length > 0) {
         let [primary, ...rest] = parameters2;
         const currentPrimary = attachers[entryIndex][1];
-        if (isPlainObject(currentPrimary) && isPlainObject(primary)) {
+        if (isPlainObject2(currentPrimary) && isPlainObject2(primary)) {
           primary = extend(true, currentPrimary, primary);
         }
         attachers[entryIndex] = [plugin, primary, ...rest];
@@ -63039,7 +65780,7 @@ function assertUnfrozen(name2, frozen) {
   }
 }
 function assertNode(node2) {
-  if (!isPlainObject(node2) || typeof node2.type !== "string") {
+  if (!isPlainObject2(node2) || typeof node2.type !== "string") {
     throw new TypeError("Expected node, got `" + node2 + "`");
   }
 }
@@ -79522,7 +82263,7 @@ function xml(hljs) {
 function yaml(hljs) {
   const LITERALS2 = "true false yes no null";
   const URI_CHARACTERS = "[\\w#;/?:@&=+$,.~*'()[\\]]+";
-  const KEY = {
+  const KEY2 = {
     className: "attr",
     variants: [
       // added brackets support and special char support
@@ -79627,7 +82368,7 @@ function yaml(hljs) {
     relevance: 0
   };
   const MODES2 = [
-    KEY,
+    KEY2,
     {
       className: "meta",
       begin: "^---\\s*$",
@@ -81680,6 +84421,58 @@ function MarkdownRenderer({ content: content2, className = "" }) {
   );
 }
 const TASK_PROPOSAL_REGEX = /\[TASK_PROPOSAL\]\r?\nFILENAME:\s*(\S+)\r?\nTASKNAME:\s*(\S+)\r?\nCODE:\s*```javascript\s*([\s\S]*?)\s*```\s*\[\/TASK_PROPOSAL\]/;
+const MENTION_REGEX = /@\[([^\]]+)\]\([^)]+\)/g;
+function renderWithMentions(content2) {
+  const parts = [];
+  let lastIndex = 0;
+  let match;
+  const regex = new RegExp(MENTION_REGEX.source, "g");
+  while ((match = regex.exec(content2)) !== null) {
+    if (match.index > lastIndex) {
+      parts.push(content2.slice(lastIndex, match.index));
+    }
+    parts.push(
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "span",
+        {
+          className: "bg-primary/20 text-primary rounded-md px-1",
+          children: [
+            "@",
+            match[1]
+          ]
+        },
+        match.index
+      )
+    );
+    lastIndex = regex.lastIndex;
+  }
+  if (lastIndex < content2.length) {
+    parts.push(content2.slice(lastIndex));
+  }
+  return parts.length > 0 ? parts : content2;
+}
+const mentionsInputStyle = {
+  control: {
+    backgroundColor: "var(--background)",
+    border: "1px solid var(--border)"
+  },
+  highlighter: {
+    overflow: "hidden"
+  },
+  input: {
+    padding: "0.5rem 0.75rem"
+  },
+  suggestions: {
+    marginTop: "1.5rem",
+    list: {
+      backgroundColor: "var(--card)",
+      border: "1px solid var(--border)"
+    },
+    item: {
+      padding: "0.5rem"
+    }
+  }
+};
 function parseTaskProposal(content2) {
   const match = content2.match(TASK_PROPOSAL_REGEX);
   if (!match) return null;
@@ -81732,7 +84525,26 @@ function TaskCreationSidebar({ isOpen, onClose, pipelineSlug }) {
   const [error, setError] = reactExports.useState(null);
   const [taskProposals, setTaskProposals] = reactExports.useState({});
   const [creatingTask, setCreatingTask] = reactExports.useState({});
+  const [artifacts, setArtifacts] = reactExports.useState([]);
+  const [activeTab, setActiveTab] = reactExports.useState("conversation");
   const messagesEndRef = reactExports.useRef(null);
+  reactExports.useEffect(() => {
+    if (!pipelineSlug) return;
+    const fetchArtifacts = async () => {
+      try {
+        const response = await fetch(
+          `/api/pipelines/${pipelineSlug}/artifacts`
+        );
+        if (response.ok) {
+          const data = await response.json();
+          setArtifacts(data.artifacts || []);
+        }
+      } catch (err) {
+        console.error("[TaskCreationSidebar] Failed to fetch artifacts:", err);
+      }
+    };
+    fetchArtifacts();
+  }, [pipelineSlug]);
   reactExports.useEffect(() => {
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [messages]);
@@ -81768,6 +84580,10 @@ function TaskCreationSidebar({ isOpen, onClose, pipelineSlug }) {
     setCreatingTask({});
     onClose();
   };
+  const insertMention = (fileName) => {
+    setInput((prev) => prev + "@" + fileName + " ");
+    setActiveTab("conversation");
+  };
   const handleSend = (e2) => {
     e2.preventDefault();
     if (!input.trim()) return;
@@ -81950,47 +84766,91 @@ function TaskCreationSidebar({ isOpen, onClose, pipelineSlug }) {
       description: "Describe the task you want to create",
       contentClassName: "flex flex-col max-h-screen",
       children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex border-b border-border", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setActiveTab("conversation"),
+              className: `flex-1 px-4 py-2 text-sm font-medium ${activeTab === "conversation" ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:text-foreground"}`,
+              children: "Conversation"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => setActiveTab("files"),
+              className: `flex-1 px-4 py-2 text-sm font-medium ${activeTab === "files" ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:text-foreground"}`,
+              children: [
+                "Files (",
+                artifacts.length,
+                ")"
+              ]
+            }
+          )
+        ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 overflow-y-auto p-6 space-y-4", children: [
-          messages.map((msg, i2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "div",
+          activeTab === "files" ? (
+            /* File List */
+            artifacts.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-muted-foreground text-sm", children: "No artifact files available." }) : artifacts.map((artifact, i2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "button",
               {
-                className: `flex ${msg.role === "user" ? "justify-end" : "justify-start"}`,
-                children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                type: "button",
+                onClick: () => insertMention(artifact.fileName),
+                className: "w-full text-left p-3 rounded-lg border border-border hover:bg-muted transition-colors",
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "font-medium text-foreground", children: artifact.fileName }),
+                  artifact.sources && artifact.sources.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground mt-1", children: artifact.sources.map((s2) => s2.taskName).join(", ") })
+                ]
+              },
+              i2
+            ))
+          ) : (
+            /* Conversation Messages */
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+              messages.map((msg, i2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
                   "div",
                   {
-                    className: `rounded-lg p-3 max-w-full ${msg.role === "user" ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
-                    children: msg.role === "assistant" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(
-                        MarkdownRenderer,
-                        {
-                          content: msg.content.replace(TASK_PROPOSAL_REGEX, "")
-                        }
-                      ),
-                      isWaiting && !msg.content && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-1 text-muted-foreground mt-2", children: Array.from({ length: 5 }).map((_, idx) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-                        "span",
-                        {
-                          className: "animate-bounce-wave",
-                          style: { animationDelay: `${idx * 0.1}s` },
-                          children: "•"
-                        },
-                        idx
-                      )) })
-                    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "whitespace-pre-wrap", children: msg.content })
+                    className: `flex ${msg.role === "user" ? "justify-end" : "justify-start"}`,
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      "div",
+                      {
+                        className: `rounded-lg p-3 max-w-full ${msg.role === "user" ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
+                        children: msg.role === "assistant" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsx(
+                            MarkdownRenderer,
+                            {
+                              content: msg.content.replace(TASK_PROPOSAL_REGEX, "")
+                            }
+                          ),
+                          isWaiting && !msg.content && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-1 text-muted-foreground mt-2", children: Array.from({ length: 5 }).map((_, idx) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+                            "span",
+                            {
+                              className: "animate-bounce-wave",
+                              style: { animationDelay: `${idx * 0.1}s` },
+                              children: "•"
+                            },
+                            idx
+                          )) })
+                        ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "whitespace-pre-wrap", children: renderWithMentions(msg.content) })
+                      }
+                    )
+                  }
+                ),
+                taskProposals[i2] && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  TaskProposalCard,
+                  {
+                    proposal: taskProposals[i2],
+                    isCreating: creatingTask[i2],
+                    onCreate: () => handleCreateTask(i2, taskProposals[i2])
                   }
                 )
-              }
-            ),
-            taskProposals[i2] && /* @__PURE__ */ jsxRuntimeExports.jsx(
-              TaskProposalCard,
-              {
-                proposal: taskProposals[i2],
-                isCreating: creatingTask[i2],
-                onCreate: () => handleCreateTask(i2, taskProposals[i2])
-              }
-            )
-          ] }, i2)),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: messagesEndRef }),
+              ] }, i2)),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: messagesEndRef })
+            ] })
+          ),
           error && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-4 p-4 bg-destructive/10 border border-destructive/20 rounded-lg", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-destructive font-medium mb-2", children: error }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -82020,15 +84880,29 @@ function TaskCreationSidebar({ isOpen, onClose, pipelineSlug }) {
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarFooter, { className: "bg-card", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("form", { onSubmit: handleSend, className: "w-full", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "textarea",
+            MentionsInput$1,
             {
               value: input,
-              onChange: (e2) => setInput(e2.target.value),
+              onChange: (e2, newValue) => setInput(newValue),
               disabled: isSending || isWaiting || isReceiving,
               placeholder: "Describe the task you want to create...",
               rows: 3,
               className: "w-full border rounded-md px-3 py-2 resize-none disabled:bg-muted disabled:cursor-not-allowed mb-3 focus:outline-none focus:ring-2 focus:ring-ring bg-background",
-              "aria-label": "Task description input"
+              "aria-label": "Task description input",
+              style: mentionsInputStyle,
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Mention,
+                {
+                  trigger: "@",
+                  markup: "@[__display__](__id__)",
+                  data: artifacts.map((a2) => ({
+                    id: a2.fileName,
+                    display: a2.fileName
+                  })),
+                  displayTransform: (id, display) => `@${display}`,
+                  className: "bg-primary/20 text-primary rounded-md px-1"
+                }
+              )
             }
           ),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -82515,11 +85389,11 @@ function ToastProvider({ children }) {
     /* @__PURE__ */ jsxRuntimeExports.jsx(ToastContainer, { toasts, onRemove: removeToast })
   ] });
 }
-function ToastContainer({ toasts, onRemove }) {
+function ToastContainer({ toasts, onRemove: onRemove2 }) {
   if (toasts.length === 0) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fixed top-4 right-4 z-50 space-y-2", children: toasts.map((toast) => /* @__PURE__ */ jsxRuntimeExports.jsx(ToastItem, { toast, onRemove }, toast.id)) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fixed top-4 right-4 z-50 space-y-2", children: toasts.map((toast) => /* @__PURE__ */ jsxRuntimeExports.jsx(ToastItem, { toast, onRemove: onRemove2 }, toast.id)) });
 }
-function ToastItem({ toast, onRemove }) {
+function ToastItem({ toast, onRemove: onRemove2 }) {
   const getToastStyles = (type) => {
     switch (type) {
       case "success":
@@ -82558,7 +85432,7 @@ function ToastItem({ toast, onRemove }) {
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
-            onClick: () => onRemove(toast.id),
+            onClick: () => onRemove2(toast.id),
             className: "flex-shrink-0 ml-4 text-sm opacity-60 hover:opacity-100 focus:outline-none focus:opacity-100",
             "aria-label": "Dismiss notification",
             children: "✕"