@alquimia-ai/ui 1.9.3 → 2.2.1

package/dist/components/genui/index.mjs

@@ -0,0 +1,4622 @@
+"use client";
+// src/components/genui/renderer.tsx
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _non_iterable_spread() {
+    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 _object_destructuring_empty(o) {
+    if (o === null || o === void 0) throw new TypeError("Cannot destructure " + o);
+    return o;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+function _ts_generator(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    };
+    return g = {
+        next: verb(0),
+        "throw": verb(1),
+        "return": verb(2)
+    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(_)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
+import * as React from "react";
+import { getPointer, setPointer, classifyAction, resolveDynamic, isPathRef } from "@alquimia-ai/tools/genui";
+import { Fragment as Fragment2, jsx, jsxs } from "react/jsx-runtime";
+function A2uiRenderer(param) {
+    var surface = param.surface, registry = param.registry, onAgentAction = param.onAgentAction, onLocalAction = param.onLocalAction;
+    var _surface_dataModel;
+    var _React_useState = _sliced_to_array(React.useState((_surface_dataModel = surface.dataModel) !== null && _surface_dataModel !== void 0 ? _surface_dataModel : {}), 2), model = _React_useState[0], setModel = _React_useState[1];
+    React.useEffect(function() {
+        var _surface_dataModel;
+        setModel((_surface_dataModel = surface.dataModel) !== null && _surface_dataModel !== void 0 ? _surface_dataModel : {});
+    }, [
+        surface.surfaceId
+    ]);
+    var byId = React.useMemo(function() {
+        var m = /* @__PURE__ */ new Map();
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+        try {
+            for(var _iterator = surface.components[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                var c = _step.value;
+                m.set(c.id, c);
+            }
+        } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                }
+            } finally{
+                if (_didIteratorError) {
+                    throw _iteratorError;
+                }
+            }
+        }
+        return m;
+    }, [
+        surface
+    ]);
+    var emitAction = function(node, action) {
+        var kind = classifyAction(action);
+        var ui = {
+            surfaceId: surface.surfaceId,
+            componentId: node.id,
+            action: action.name,
+            kind: kind,
+            payload: kind === "agent-bound" ? model : void 0
+        };
+        if (kind === "agent-bound") onAgentAction(ui);
+        else onLocalAction === null || onLocalAction === void 0 ? void 0 : onLocalAction(ui);
+    };
+    var renderNode = function(id, seen) {
+        if (seen.has(id)) return null;
+        var node = byId.get(id);
+        if (!node) return null;
+        var nextSeen = new Set(seen).add(id);
+        var _node_children;
+        var childIds = (_node_children = node.children) !== null && _node_children !== void 0 ? _node_children : node.child ? [
+            node.child
+        ] : [];
+        var children = childIds.map(function(cid) {
+            return /* @__PURE__ */ jsx(React.Fragment, {
+                children: renderNode(cid, nextSeen)
+            }, cid);
+        });
+        var Comp = registry[node.component];
+        if (!Comp) {
+            return /* @__PURE__ */ jsxs("p", {
+                className: "text-muted-foreground text-sm",
+                "data-a2ui-fallback": node.component,
+                children: [
+                    "[unsupported component: ",
+                    node.component,
+                    "]"
+                ]
+            });
+        }
+        var _node_binding;
+        var boundPath = (_node_binding = node.binding) !== null && _node_binding !== void 0 ? _node_binding : isPathRef(node.value) ? node.value.path : void 0;
+        var value = boundPath !== void 0 ? getPointer(model, boundPath) : node.value !== void 0 ? resolveDynamic(node.value, model) : void 0;
+        var onChange = boundPath !== void 0 ? function(v) {
+            return setModel(function(m) {
+                return setPointer(m, boundPath, v);
+            });
+        } : void 0;
+        var onAction = node.action ? function(a) {
+            return emitAction(node, a);
+        } : void 0;
+        return /* @__PURE__ */ jsx(Comp, {
+            node: node,
+            value: value,
+            onChange: onChange,
+            onAction: onAction,
+            children: children.length ? children : void 0
+        });
+    };
+    var rootId = byId.has("root") ? "root" : surface.root;
+    if (!rootId) return null;
+    return /* @__PURE__ */ jsx(Fragment2, {
+        children: renderNode(rootId, /* @__PURE__ */ new Set())
+    });
+}
+// src/components/genui/components/layout.tsx
+import * as React6 from "react";
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn() {
+    for(var _len = arguments.length, inputs = new Array(_len), _key = 0; _key < _len; _key++){
+        inputs[_key] = arguments[_key];
+    }
+    return twMerge(clsx(inputs));
+}
+function hasToolResult(data) {
+    var _data_tool_output;
+    return (data === null || data === void 0 ? void 0 : (_data_tool_output = data.tool_output) === null || _data_tool_output === void 0 ? void 0 : _data_tool_output.result) && Object.keys(data.tool_output.result).length > 0;
+}
+function getErrorMessage(error_code) {
+    switch(error_code){
+        case "STREAM_ERROR":
+            return "Connection lost. Please try again.";
+        case "REQUEST_ERROR":
+            return "There was a problem with your request. Please try again.";
+        case "401":
+        case "403":
+            return "You are not authorized. Please try again.";
+        case "404":
+            return "Resource not found.";
+        case "500":
+            return "Server error. Please try again later.";
+        default:
+            return "We have an internal error, please try again later.";
+    }
+}
+// src/components/genui/style-props.ts
+var TONE = {
+    default: "text-foreground",
+    muted: "text-muted-foreground",
+    primary: "text-primary",
+    success: "text-emerald-600 dark:text-emerald-400",
+    warning: "text-amber-600 dark:text-amber-400",
+    danger: "text-destructive"
+};
+var SIZE = {
+    sm: "text-sm",
+    md: "text-base",
+    lg: "text-lg"
+};
+var ALIGN = {
+    start: "text-left",
+    center: "text-center",
+    end: "text-right"
+};
+var DENSITY = {
+    compact: "gap-2",
+    comfortable: "gap-4"
+};
+function styleProps(node) {
+    return cn(typeof node.tone === "string" ? TONE[node.tone] : void 0, typeof node.size === "string" ? SIZE[node.size] : void 0, typeof node.align === "string" ? ALIGN[node.align] : void 0, typeof node.density === "string" ? DENSITY[node.density] : void 0, node.emphasis === "high" ? "font-semibold" : node.emphasis === "medium" ? "font-medium" : void 0);
+}
+// src/components/atoms/ui/card.tsx
+import * as React2 from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Card = React2.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx2("div", _object_spread({
+        ref: ref,
+        className: cn("rounded-lg", " border", "bg-card", "text-card-foreground", "shadow-raised", className)
+    }, props));
+});
+Card.displayName = "Card";
+var CardHeader = React2.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx2("div", _object_spread({
+        ref: ref,
+        className: cn("flex flex-col space-y-1.5 p-6", className)
+    }, props));
+});
+CardHeader.displayName = "CardHeader";
+var CardTitle = React2.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx2("h3", _object_spread({
+        ref: ref,
+        className: cn("alq--typography-heading4", className)
+    }, props));
+});
+CardTitle.displayName = "CardTitle";
+var CardDescription = React2.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx2("p", _object_spread({
+        ref: ref,
+        className: cn("text-sm text-muted-foreground", className)
+    }, props));
+});
+CardDescription.displayName = "CardDescription";
+var CardContent = React2.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx2("div", _object_spread({
+        ref: ref,
+        className: cn("p-6 pt-0", className)
+    }, props));
+});
+CardContent.displayName = "CardContent";
+var CardFooter = React2.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx2("div", _object_spread({
+        ref: ref,
+        className: cn("flex items-center p-6 pt-0", className)
+    }, props));
+});
+CardFooter.displayName = "CardFooter";
+// src/components/atoms/ui/separator.tsx
+import * as React3 from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Separator = React3.forwardRef(function(_param, ref) {
+    var className = _param.className, _param_orientation = _param.orientation, orientation = _param_orientation === void 0 ? "horizontal" : _param_orientation, _param_decorative = _param.decorative, decorative = _param_decorative === void 0 ? true : _param_decorative, props = _object_without_properties(_param, [
+        "className",
+        "orientation",
+        "decorative"
+    ]);
+    return /* @__PURE__ */ jsx3(SeparatorPrimitive.Root, _object_spread({
+        ref: ref,
+        decorative: decorative,
+        orientation: orientation,
+        className: cn("shrink-0 bg-border", orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", className, "alq--separator")
+    }, props));
+});
+Separator.displayName = SeparatorPrimitive.Root.displayName;
+// src/components/atoms/ui/tabs.tsx
+import * as React4 from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var Tabs = TabsPrimitive.Root;
+var TabsList = React4.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx4(TabsPrimitive.List, _object_spread({
+        ref: ref,
+        className: cn("inline-flex h-10 items-center justify-center rounded-md  p-1 text-muted-foreground", className, "alq--tabs")
+    }, props));
+});
+TabsList.displayName = TabsPrimitive.List.displayName;
+var TabsTrigger = React4.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx4(TabsPrimitive.Trigger, _object_spread({
+        ref: ref,
+        className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:border-b-2 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:border-b-2 data-[state=active]:text-foreground data-[state=active]:shadow-sm", className)
+    }, props));
+});
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+var TabsContent = React4.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx4(TabsPrimitive.Content, _object_spread({
+        ref: ref,
+        className: cn("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", className)
+    }, props));
+});
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+// src/components/atoms/ui/accordion.tsx
+import * as React5 from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDown } from "lucide-react";
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var Accordion = AccordionPrimitive.Root;
+var AccordionItem = React5.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx5(AccordionPrimitive.Item, _object_spread({
+        ref: ref,
+        className: cn("border-b", className)
+    }, props));
+});
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = React5.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return /* @__PURE__ */ jsx5(AccordionPrimitive.Header, {
+        className: "flex",
+        children: /* @__PURE__ */ jsxs2(AccordionPrimitive.Trigger, _object_spread_props(_object_spread({
+            ref: ref,
+            className: cn("flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180", className)
+        }, props), {
+            children: [
+                children,
+                /* @__PURE__ */ jsx5(ChevronDown, {
+                    className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"
+                })
+            ]
+        }))
+    });
+});
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+var AccordionContent = React5.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return /* @__PURE__ */ jsx5(AccordionPrimitive.Content, _object_spread_props(_object_spread({
+        ref: ref,
+        className: "overflow-hidden text-sm text-muted-foreground data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
+    }, props), {
+        children: /* @__PURE__ */ jsx5("div", {
+            className: cn("pb-4 pt-0", className),
+            children: children
+        })
+    }));
+});
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+// src/components/genui/components/layout.tsx
+import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+var gapClass = function(g) {
+    return g === "lg" ? "gap-6" : g === "sm" ? "gap-2" : "gap-4";
+};
+var Stack = function(param) {
+    var node = param.node, children = param.children;
+    return /* @__PURE__ */ jsx6("div", {
+        className: cn("flex", node.direction === "horizontal" ? "flex-row" : "flex-col", gapClass(node.gap), styleProps(node)),
+        children: children
+    });
+};
+var Row = function(param) {
+    var node = param.node, children = param.children;
+    return /* @__PURE__ */ jsx6("div", {
+        className: cn("flex flex-row", node.wrap ? "flex-wrap" : "", gapClass(node.gap), styleProps(node)),
+        children: children
+    });
+};
+var Column = function(param) {
+    var node = param.node, children = param.children;
+    return /* @__PURE__ */ jsx6("div", {
+        className: cn("flex flex-col", gapClass(node.gap), styleProps(node)),
+        children: children
+    });
+};
+var Grid = function(param) {
+    var node = param.node, children = param.children;
+    var cols = typeof node.columns === "number" ? Math.min(Math.max(node.columns, 1), 6) : 2;
+    var colClass = [
+        "",
+        "grid-cols-1",
+        "grid-cols-2",
+        "grid-cols-3",
+        "grid-cols-4",
+        "grid-cols-5",
+        "grid-cols-6"
+    ][cols];
+    return /* @__PURE__ */ jsx6("div", {
+        className: cn("grid", colClass, gapClass(node.gap), styleProps(node)),
+        children: children
+    });
+};
+var Divider = function(param) {
+    var node = param.node;
+    return typeof node.label === "string" ? /* @__PURE__ */ jsxs3("div", {
+        className: "flex items-center gap-3 text-xs text-muted-foreground",
+        children: [
+            /* @__PURE__ */ jsx6(Separator, {
+                className: "flex-1"
+            }),
+            /* @__PURE__ */ jsx6("span", {
+                children: node.label
+            }),
+            /* @__PURE__ */ jsx6(Separator, {
+                className: "flex-1"
+            })
+        ]
+    }) : /* @__PURE__ */ jsx6(Separator, {});
+};
+var Spacer = function(param) {
+    var node = param.node;
+    var h = node.size === "lg" ? "h-8" : node.size === "sm" ? "h-2" : "h-4";
+    return /* @__PURE__ */ jsx6("div", {
+        className: h,
+        "aria-hidden": true
+    });
+};
+var CardNode = function(param) {
+    var node = param.node, children = param.children;
+    var variant = node.variant === "ghost" ? "border-transparent shadow-none bg-transparent" : node.variant === "outline" ? "shadow-none" : "";
+    return /* @__PURE__ */ jsxs3(Card, {
+        className: cn(variant, styleProps(node)),
+        children: [
+            (typeof node.title === "string" || typeof node.description === "string") && /* @__PURE__ */ jsxs3(CardHeader, {
+                children: [
+                    typeof node.title === "string" && /* @__PURE__ */ jsx6(CardTitle, {
+                        children: node.title
+                    }),
+                    typeof node.description === "string" && /* @__PURE__ */ jsx6(CardDescription, {
+                        children: node.description
+                    })
+                ]
+            }),
+            /* @__PURE__ */ jsx6(CardContent, {
+                children: children
+            })
+        ]
+    });
+};
+var TabsNode = function(param) {
+    var node = param.node, children = param.children;
+    var _tabs_;
+    var tabs = Array.isArray(node.tabs) ? node.tabs : [];
+    var kids = React6.Children.toArray(children);
+    if (!tabs.length) return /* @__PURE__ */ jsx6(Fragment3, {
+        children: children
+    });
+    return /* @__PURE__ */ jsxs3(Tabs, {
+        defaultValue: (_tabs_ = tabs[0]) === null || _tabs_ === void 0 ? void 0 : _tabs_.value,
+        className: cn(styleProps(node)),
+        children: [
+            /* @__PURE__ */ jsx6(TabsList, {
+                children: tabs.map(function(t) {
+                    return /* @__PURE__ */ jsx6(TabsTrigger, {
+                        value: t.value,
+                        children: t.label
+                    }, t.value);
+                })
+            }),
+            tabs.map(function(t, i) {
+                var _kids_i;
+                return /* @__PURE__ */ jsx6(TabsContent, {
+                    value: t.value,
+                    children: (_kids_i = kids[i]) !== null && _kids_i !== void 0 ? _kids_i : null
+                }, t.value);
+            })
+        ]
+    });
+};
+var AccordionNode = function(param) {
+    var node = param.node, children = param.children;
+    var items = Array.isArray(node.items) ? node.items : [];
+    var kids = React6.Children.toArray(children);
+    if (!items.length) return /* @__PURE__ */ jsx6("div", {
+        className: cn("flex flex-col gap-2", styleProps(node)),
+        children: children
+    });
+    return /* @__PURE__ */ jsx6(Accordion, {
+        type: "single",
+        collapsible: true,
+        className: cn("rounded-md border border-border px-4", styleProps(node)),
+        children: items.map(function(it, i) {
+            var _kids_i;
+            return /* @__PURE__ */ jsxs3(AccordionItem, {
+                value: it.value,
+                children: [
+                    /* @__PURE__ */ jsx6(AccordionTrigger, {
+                        children: it.title
+                    }),
+                    /* @__PURE__ */ jsx6(AccordionContent, {
+                        children: (_kids_i = kids[i]) !== null && _kids_i !== void 0 ? _kids_i : null
+                    })
+                ]
+            }, it.value);
+        })
+    });
+};
+// src/components/genui/components/content.tsx
+import * as React9 from "react";
+import { icons } from "lucide-react";
+// src/components/atoms/ui/alert.tsx
+import * as React7 from "react";
+import { cva } from "class-variance-authority";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var alertVariants = cva("relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground", {
+    variants: {
+        variant: {
+            default: "bg-background text-foreground",
+            destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
+        }
+    },
+    defaultVariants: {
+        variant: "default"
+    }
+});
+var Alert = React7.forwardRef(function(_param, ref) {
+    var className = _param.className, variant = _param.variant, props = _object_without_properties(_param, [
+        "className",
+        "variant"
+    ]);
+    return /* @__PURE__ */ jsx7("div", _object_spread({
+        ref: ref,
+        role: "alert",
+        className: cn(alertVariants({
+            variant: variant
+        }), className)
+    }, props));
+});
+Alert.displayName = "Alert";
+var AlertTitle = React7.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx7("h5", _object_spread({
+        ref: ref,
+        className: cn("mb-1 font-medium leading-none tracking-tight", className)
+    }, props));
+});
+AlertTitle.displayName = "AlertTitle";
+var AlertDescription = React7.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx7("div", _object_spread({
+        ref: ref,
+        className: cn("text-sm [&_p]:leading-relaxed", className)
+    }, props));
+});
+AlertDescription.displayName = "AlertDescription";
+// src/components/atoms/ui/badge.tsx
+import { cva as cva2 } from "class-variance-authority";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var badgeVariants = cva2("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
+    variants: {
+        variant: {
+            default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+            secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+            destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+            outline: "text-foreground"
+        }
+    },
+    defaultVariants: {
+        variant: "default"
+    }
+});
+function Badge(_param) {
+    var className = _param.className, variant = _param.variant, props = _object_without_properties(_param, [
+        "className",
+        "variant"
+    ]);
+    return /* @__PURE__ */ jsx8("div", _object_spread({
+        className: cn(badgeVariants({
+            variant: variant
+        }), className, "alq--badge")
+    }, props));
+}
+// src/components/atoms/ui/avatar.tsx
+import * as React8 from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var Avatar = React8.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx9(AvatarPrimitive.Root, _object_spread({
+        ref: ref,
+        className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className)
+    }, props));
+});
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+var AvatarImage = React8.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx9(AvatarPrimitive.Image, _object_spread({
+        ref: ref,
+        className: cn("aspect-square h-full w-full", className)
+    }, props));
+});
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+var AvatarFallback = React8.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx9(AvatarPrimitive.Fallback, _object_spread({
+        ref: ref,
+        className: cn("flex h-full w-full items-center justify-center rounded-full bg-muted", className)
+    }, props));
+});
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+// src/components/atoms/ui/rich-text.tsx
+import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+import { jsx as jsx10 } from "react/jsx-runtime";
+function RichText(param) {
+    var content = param.content, className = param.className;
+    return /* @__PURE__ */ jsx10(ReactMarkdown, {
+        className: cn(className),
+        remarkPlugins: [
+            remarkGfm
+        ],
+        children: content
+    });
+}
+// src/components/genui/components/content.tsx
+import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
+var SAFE_IMG = /^data:image\/(png|jpe?g|gif|webp|svg\+xml);/i;
+var Text = function(param) {
+    var node = param.node;
+    var variant = node.variant === "muted" || node.variant === "caption" ? "text-muted-foreground" : "text-foreground";
+    var size = node.variant === "lead" ? "text-lg" : node.variant === "caption" ? "text-xs" : "";
+    var _node_text;
+    return /* @__PURE__ */ jsx11("p", {
+        className: cn(variant, size, styleProps(node)),
+        children: String((_node_text = node.text) !== null && _node_text !== void 0 ? _node_text : "")
+    });
+};
+var Heading = function(param) {
+    var node = param.node;
+    var level = typeof node.level === "number" ? Math.min(Math.max(node.level, 1), 4) : 1;
+    var Tag = [
+        "h1",
+        "h2",
+        "h3",
+        "h4"
+    ][level - 1];
+    var size = [
+        "text-2xl",
+        "text-xl",
+        "text-lg",
+        "text-base"
+    ][level - 1];
+    var _node_text;
+    return /* @__PURE__ */ jsx11(Tag, {
+        className: cn("font-semibold text-foreground", size, styleProps(node)),
+        children: String((_node_text = node.text) !== null && _node_text !== void 0 ? _node_text : "")
+    });
+};
+var Markdown = function(param) {
+    var node = param.node;
+    var _node_text;
+    return /* @__PURE__ */ jsx11(RichText, {
+        content: String((_node_text = node.text) !== null && _node_text !== void 0 ? _node_text : ""),
+        className: cn("prose prose-sm dark:prose-invert max-w-none", styleProps(node))
+    });
+};
+var ImageNode = function(param) {
+    var node = param.node;
+    var src = typeof node.src === "string" ? node.src : "";
+    if (!SAFE_IMG.test(src)) return /* @__PURE__ */ jsx11("span", {
+        className: "text-muted-foreground text-sm",
+        children: "[image omitted]"
+    });
+    return /* @__PURE__ */ jsx11("img", {
+        src: src,
+        alt: typeof node.alt === "string" ? node.alt : "",
+        className: cn("max-w-full rounded-md", styleProps(node))
+    });
+};
+var IconNode = function(param) {
+    var node = param.node;
+    var name = typeof node.name === "string" ? node.name : "";
+    var Cmp = icons[name];
+    if (!Cmp) return null;
+    return /* @__PURE__ */ jsx11(Cmp, {
+        className: cn("h-4 w-4", styleProps(node))
+    });
+};
+var BADGE_VARIANT = {
+    solid: "default",
+    outline: "outline",
+    subtle: "secondary"
+};
+var BadgeNode = function(param) {
+    var node = param.node;
+    var _node_variant, _BADGE_VARIANT_String, _node_text;
+    return /* @__PURE__ */ jsx11(Badge, {
+        variant: (_BADGE_VARIANT_String = BADGE_VARIANT[String((_node_variant = node.variant) !== null && _node_variant !== void 0 ? _node_variant : "solid")]) !== null && _BADGE_VARIANT_String !== void 0 ? _BADGE_VARIANT_String : "default",
+        className: styleProps(node),
+        children: String((_node_text = node.text) !== null && _node_text !== void 0 ? _node_text : "")
+    });
+};
+var AvatarNode = function(param) {
+    var node = param.node;
+    var src = typeof node.src === "string" && SAFE_IMG.test(node.src) ? node.src : void 0;
+    var fallback = typeof node.fallback === "string" ? node.fallback.slice(0, 2).toUpperCase() : "?";
+    return /* @__PURE__ */ jsxs4(Avatar, {
+        className: styleProps(node),
+        children: [
+            src && /* @__PURE__ */ jsx11(AvatarImage, {
+                src: src
+            }),
+            /* @__PURE__ */ jsx11(AvatarFallback, {
+                children: fallback
+            })
+        ]
+    });
+};
+var ALERT_VARIANT = {
+    info: "default",
+    success: "default",
+    warning: "default",
+    danger: "destructive"
+};
+var AlertNode = function(param) {
+    var node = param.node;
+    var _node_variant, _ALERT_VARIANT_String, _node_text;
+    return /* @__PURE__ */ jsxs4(Alert, {
+        variant: (_ALERT_VARIANT_String = ALERT_VARIANT[String((_node_variant = node.variant) !== null && _node_variant !== void 0 ? _node_variant : "info")]) !== null && _ALERT_VARIANT_String !== void 0 ? _ALERT_VARIANT_String : "default",
+        className: styleProps(node),
+        children: [
+            typeof node.title === "string" && /* @__PURE__ */ jsx11(AlertTitle, {
+                children: node.title
+            }),
+            /* @__PURE__ */ jsx11(AlertDescription, {
+                children: String((_node_text = node.text) !== null && _node_text !== void 0 ? _node_text : "")
+            })
+        ]
+    });
+};
+var Stat = function(param) {
+    var node = param.node;
+    var _node_label;
+    var label = (_node_label = node.label) !== null && _node_label !== void 0 ? _node_label : node.title;
+    var _node_value;
+    var value = (_node_value = node.value) !== null && _node_value !== void 0 ? _node_value : node.text;
+    return /* @__PURE__ */ jsxs4("div", {
+        className: cn("flex flex-col", styleProps(node)),
+        children: [
+            label != null && /* @__PURE__ */ jsx11("span", {
+                className: "text-sm text-muted-foreground",
+                children: String(label)
+            }),
+            /* @__PURE__ */ jsx11("span", {
+                className: "text-2xl font-semibold text-foreground",
+                children: String(value !== null && value !== void 0 ? value : "")
+            }),
+            typeof node.delta === "string" && /* @__PURE__ */ jsx11("span", {
+                className: "text-sm text-muted-foreground",
+                children: node.delta
+            })
+        ]
+    });
+};
+var KeyValueNode = function(param) {
+    var node = param.node, value = param.value;
+    var src = value && (typeof value === "undefined" ? "undefined" : _type_of(value)) === "object" ? value : node.data && _type_of(node.data) === "object" ? node.data : {};
+    var obj = src;
+    return /* @__PURE__ */ jsx11("dl", {
+        className: cn("grid grid-cols-2 gap-x-4 gap-y-1", styleProps(node)),
+        children: Object.entries(obj).map(function(param) {
+            var _param = _sliced_to_array(param, 2), k = _param[0], v = _param[1];
+            return /* @__PURE__ */ jsxs4(React9.Fragment, {
+                children: [
+                    /* @__PURE__ */ jsx11("dt", {
+                        className: "text-muted-foreground",
+                        children: k
+                    }),
+                    /* @__PURE__ */ jsx11("dd", {
+                        className: "text-foreground",
+                        children: String(v)
+                    })
+                ]
+            }, k);
+        })
+    });
+};
+var ListNode = function(param) {
+    var node = param.node, value = param.value;
+    var items = Array.isArray(value) ? value : Array.isArray(node.items) ? node.items : [];
+    var ordered = node.ordered === true;
+    var Tag = ordered ? "ol" : "ul";
+    return /* @__PURE__ */ jsx11(Tag, {
+        className: cn(ordered ? "list-decimal" : "list-disc", "pl-5", styleProps(node)),
+        children: items.map(function(it, i) {
+            return /* @__PURE__ */ jsx11("li", {
+                children: String(it)
+            }, i);
+        })
+    });
+};
+var Quote = function(param) {
+    var node = param.node;
+    var _node_text;
+    return /* @__PURE__ */ jsxs4("blockquote", {
+        className: cn("border-l-2 border-border pl-4 italic text-muted-foreground", styleProps(node)),
+        children: [
+            String((_node_text = node.text) !== null && _node_text !== void 0 ? _node_text : ""),
+            typeof node.cite === "string" && /* @__PURE__ */ jsxs4("footer", {
+                className: "mt-1 text-xs not-italic",
+                children: [
+                    "\u2014 ",
+                    node.cite
+                ]
+            })
+        ]
+    });
+};
+// src/components/genui/components/inputs.tsx
+import * as React21 from "react";
+import { format } from "date-fns";
+import { Star } from "lucide-react";
+// src/components/atoms/ui/input.tsx
+import { forwardRef as forwardRef7 } from "react";
+import { jsx as jsx12 } from "react/jsx-runtime";
+var Input = forwardRef7(function(_param, ref) {
+    var className = _param.className, type = _param.type, props = _object_without_properties(_param, [
+        "className",
+        "type"
+    ]);
+    return /* @__PURE__ */ jsx12("input", _object_spread({
+        type: type,
+        className: cn("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className, "alq--input"),
+        ref: ref
+    }, props));
+});
+Input.displayName = "Input";
+// src/components/atoms/ui/textarea.tsx
+import * as React10 from "react";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var Textarea = React10.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx13("textarea", _object_spread({
+        className: cn("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className, "alq--textarea"),
+        ref: ref
+    }, props));
+});
+Textarea.displayName = "Textarea";
+// src/components/atoms/ui/label.tsx
+import * as React11 from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva as cva3 } from "class-variance-authority";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var labelVariants = cva3("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
+var Label = React11.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx14(LabelPrimitive.Root, _object_spread({
+        ref: ref,
+        className: cn(labelVariants(), className, "alq--label")
+    }, props));
+});
+Label.displayName = LabelPrimitive.Root.displayName;
+// src/components/atoms/ui/checkbox.tsx
+import * as React12 from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Check } from "lucide-react";
+import { jsx as jsx15 } from "react/jsx-runtime";
+var Checkbox = React12.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx15(CheckboxPrimitive.Root, _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground", className, "alq--checkbox")
+    }, props), {
+        children: /* @__PURE__ */ jsx15(CheckboxPrimitive.Indicator, {
+            className: cn("flex items-center justify-center text-current"),
+            children: /* @__PURE__ */ jsx15(Check, {
+                className: "h-4 w-4"
+            })
+        })
+    }));
+});
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+// src/components/atoms/ui/switch.tsx
+import * as React13 from "react";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+import { jsx as jsx16 } from "react/jsx-runtime";
+var Switch = React13.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx16(SwitchPrimitives.Root, _object_spread_props(_object_spread({
+        className: cn("peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", className, "alq--switch")
+    }, props), {
+        ref: ref,
+        children: /* @__PURE__ */ jsx16(SwitchPrimitives.Thumb, {
+            className: cn("pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0")
+        })
+    }));
+});
+Switch.displayName = SwitchPrimitives.Root.displayName;
+// src/components/atoms/ui/slider.tsx
+import * as React14 from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import { jsx as jsx17, jsxs as jsxs5 } from "react/jsx-runtime";
+var Slider = React14.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsxs5(SliderPrimitive.Root, _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("relative flex w-44 touch-none select-none items-center", className, "alq--slider")
+    }, props), {
+        children: [
+            /* @__PURE__ */ jsx17(SliderPrimitive.Track, {
+                className: "relative h-2 w-44 grow overflow-hidden rounded-full bg-primary",
+                children: /* @__PURE__ */ jsx17(SliderPrimitive.Range, {
+                    className: "absolute h-full bg-secondary"
+                })
+            }),
+            /* @__PURE__ */ jsx17(SliderPrimitive.Thumb, {
+                className: "block h-5 w-5 rounded-full border-2 border-gray bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
+            })
+        ]
+    }));
+});
+Slider.displayName = SliderPrimitive.Root.displayName;
+// src/components/atoms/ui/button.tsx
+import * as React15 from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva as cva4 } from "class-variance-authority";
+import { jsx as jsx18 } from "react/jsx-runtime";
+var buttonVariants = cva4("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground hover:bg-primary/90",
+            destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+            outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+            ghost: "hover:bg-accent hover:text-accent-foreground",
+            link: "text-primary underline-offset-4 hover:underline"
+        },
+        size: {
+            default: "h-10 px-4 py-2",
+            sm: "h-9 rounded-md px-3",
+            lg: "h-11 rounded-md px-8",
+            icon: "h-10 w-10"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default"
+    }
+});
+var Button = React15.forwardRef(function(_param, ref) {
+    var className = _param.className, variant = _param.variant, size = _param.size, _param_asChild = _param.asChild, asChild = _param_asChild === void 0 ? false : _param_asChild, props = _object_without_properties(_param, [
+        "className",
+        "variant",
+        "size",
+        "asChild"
+    ]);
+    var Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx18(Comp, _object_spread({
+        className: cn(buttonVariants({
+            variant: variant,
+            size: size,
+            className: className
+        })),
+        ref: ref
+    }, props));
+});
+Button.displayName = "Button";
+// src/components/atoms/ui/calendar.tsx
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { DayPicker } from "react-day-picker";
+import { jsx as jsx19 } from "react/jsx-runtime";
+function Calendar(_param) {
+    var className = _param.className, classNames = _param.classNames, _param_showOutsideDays = _param.showOutsideDays, showOutsideDays = _param_showOutsideDays === void 0 ? true : _param_showOutsideDays, props = _object_without_properties(_param, [
+        "className",
+        "classNames",
+        "showOutsideDays"
+    ]);
+    return /* @__PURE__ */ jsx19(DayPicker, _object_spread({
+        showOutsideDays: showOutsideDays,
+        className: cn("p-3", className),
+        classNames: _object_spread({
+            months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
+            month: "space-y-4",
+            caption: "flex justify-center pt-1 relative items-center",
+            caption_label: "text-sm font-medium",
+            nav: "space-x-1 flex items-center",
+            nav_button: cn(buttonVariants({
+                variant: "outline"
+            }), "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"),
+            nav_button_previous: "absolute left-1",
+            nav_button_next: "absolute right-1",
+            table: "w-full border-collapse space-y-1",
+            head_row: "flex",
+            head_cell: "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
+            row: "flex w-full mt-2",
+            cell: "h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
+            day: cn(buttonVariants({
+                variant: "ghost"
+            }), "h-9 w-9 p-0 font-normal aria-selected:opacity-100"),
+            day_range_end: "day-range-end",
+            day_selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
+            day_today: "bg-accent text-accent-foreground",
+            day_outside: "day-outside text-muted-foreground opacity-50",
+            day_disabled: "text-muted-foreground opacity-50",
+            day_range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
+            day_hidden: "invisible"
+        }, classNames),
+        components: {
+            IconLeft: function() {
+                return /* @__PURE__ */ jsx19(ChevronLeft, {
+                    className: "h-4 w-4"
+                });
+            },
+            IconRight: function() {
+                return /* @__PURE__ */ jsx19(ChevronRight, {
+                    className: "h-4 w-4"
+                });
+            }
+        }
+    }, props));
+}
+Calendar.displayName = "Calendar";
+// src/components/atoms/ui/radio-group.tsx
+import * as React16 from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { Circle } from "lucide-react";
+import { jsx as jsx20 } from "react/jsx-runtime";
+var RadioGroup = React16.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx20(RadioGroupPrimitive.Root, _object_spread({
+        ref: ref,
+        className: cn("grid gap-2", className)
+    }, props));
+});
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+var RadioGroupItem = React16.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx20(RadioGroupPrimitive.Item, _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className)
+    }, props), {
+        children: /* @__PURE__ */ jsx20(RadioGroupPrimitive.Indicator, {
+            className: "flex items-center justify-center",
+            children: /* @__PURE__ */ jsx20(Circle, {
+                className: "h-2.5 w-2.5 fill-current text-current"
+            })
+        })
+    }));
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+// src/components/atoms/ui/popover.tsx
+import * as React17 from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { jsx as jsx21 } from "react/jsx-runtime";
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverContent = React17.forwardRef(function(_param, ref) {
+    var className = _param.className, _param_align = _param.align, align = _param_align === void 0 ? "center" : _param_align, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, props = _object_without_properties(_param, [
+        "className",
+        "align",
+        "sideOffset"
+    ]);
+    return /* @__PURE__ */ jsx21(PopoverPrimitive.Portal, {
+        children: /* @__PURE__ */ jsx21(PopoverPrimitive.Content, _object_spread({
+            ref: ref,
+            align: align,
+            sideOffset: sideOffset,
+            className: cn("z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className)
+        }, props))
+    });
+});
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+// src/components/atoms/ui/select.tsx
+import * as React18 from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { Check as Check2, ChevronDown as ChevronDown2, ChevronUp } from "lucide-react";
+import { jsx as jsx22, jsxs as jsxs6 } from "react/jsx-runtime";
+var Select = SelectPrimitive.Root;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React18.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return /* @__PURE__ */ jsxs6(SelectPrimitive.Trigger, _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", className, "alq--select")
+    }, props), {
+        children: [
+            children,
+            /* @__PURE__ */ jsx22(SelectPrimitive.Icon, {
+                asChild: true,
+                children: /* @__PURE__ */ jsx22(ChevronDown2, {
+                    className: "h-4 w-4 opacity-50"
+                })
+            })
+        ]
+    }));
+});
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React18.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx22(SelectPrimitive.ScrollUpButton, _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("flex cursor-default items-center justify-center py-1", className)
+    }, props), {
+        children: /* @__PURE__ */ jsx22(ChevronUp, {
+            className: "h-4 w-4"
+        })
+    }));
+});
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React18.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx22(SelectPrimitive.ScrollDownButton, _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("flex cursor-default items-center justify-center py-1", className)
+    }, props), {
+        children: /* @__PURE__ */ jsx22(ChevronDown2, {
+            className: "h-4 w-4"
+        })
+    }));
+});
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React18.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, _param_position = _param.position, position = _param_position === void 0 ? "popper" : _param_position, props = _object_without_properties(_param, [
+        "className",
+        "children",
+        "position"
+    ]);
+    return /* @__PURE__ */ jsx22(SelectPrimitive.Portal, {
+        children: /* @__PURE__ */ jsxs6(SelectPrimitive.Content, _object_spread_props(_object_spread({
+            ref: ref,
+            className: cn("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+            position: position
+        }, props), {
+            children: [
+                /* @__PURE__ */ jsx22(SelectScrollUpButton, {}),
+                /* @__PURE__ */ jsx22(SelectPrimitive.Viewport, {
+                    className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
+                    children: children
+                }),
+                /* @__PURE__ */ jsx22(SelectScrollDownButton, {})
+            ]
+        }))
+    });
+});
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React18.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx22(SelectPrimitive.Label, _object_spread({
+        ref: ref,
+        className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className)
+    }, props));
+});
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React18.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return /* @__PURE__ */ jsxs6(SelectPrimitive.Item, _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className)
+    }, props), {
+        children: [
+            /* @__PURE__ */ jsx22("span", {
+                className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+                children: /* @__PURE__ */ jsx22(SelectPrimitive.ItemIndicator, {
+                    children: /* @__PURE__ */ jsx22(Check2, {
+                        className: "h-4 w-4"
+                    })
+                })
+            }),
+            /* @__PURE__ */ jsx22(SelectPrimitive.ItemText, {
+                children: children
+            })
+        ]
+    }));
+});
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React18.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx22(SelectPrimitive.Separator, _object_spread({
+        ref: ref,
+        className: cn("-mx-1 my-1 h-px bg-muted", className)
+    }, props));
+});
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+// src/components/atoms/ui/command.tsx
+import * as React20 from "react";
+import { Command as CommandPrimitive } from "cmdk";
+import { Search } from "lucide-react";
+// src/components/atoms/ui/dialog.tsx
+import * as React19 from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { X } from "lucide-react";
+import { jsx as jsx23, jsxs as jsxs7 } from "react/jsx-runtime";
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogOverlay = React19.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx23(DialogPrimitive.Overlay, _object_spread({
+        ref: ref,
+        className: cn("fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className)
+    }, props));
+});
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var DialogContent = React19.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return /* @__PURE__ */ jsxs7(DialogPortal, {
+        children: [
+            /* @__PURE__ */ jsx23(DialogOverlay, {}),
+            /* @__PURE__ */ jsxs7(DialogPrimitive.Content, _object_spread_props(_object_spread({
+                ref: ref,
+                className: cn("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", className, "alq--dialog-content")
+            }, props), {
+                children: [
+                    children,
+                    /* @__PURE__ */ jsxs7(DialogPrimitive.Close, {
+                        className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
+                        children: [
+                            /* @__PURE__ */ jsx23(X, {
+                                className: "h-4 w-4"
+                            }),
+                            /* @__PURE__ */ jsx23("span", {
+                                className: "sr-only",
+                                children: "Close"
+                            })
+                        ]
+                    })
+                ]
+            }))
+        ]
+    });
+});
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = function(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx23("div", _object_spread({
+        className: cn("flex flex-col space-y-1.5 text-center sm:text-left text-foreground", className, "alq--dialog-header")
+    }, props));
+};
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = function(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx23("div", _object_spread({
+        className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)
+    }, props));
+};
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React19.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx23(DialogPrimitive.Title, _object_spread({
+        ref: ref,
+        className: cn("text-lg font-semibold leading-none tracking-tight text-foreground", className, "alq--dialog-title")
+    }, props));
+});
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React19.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx23(DialogPrimitive.Description, _object_spread({
+        ref: ref,
+        className: cn("text-sm text-muted-foreground", className)
+    }, props));
+});
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+// src/components/atoms/ui/command.tsx
+import { jsx as jsx24, jsxs as jsxs8 } from "react/jsx-runtime";
+var Command = React20.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx24(CommandPrimitive, _object_spread({
+        ref: ref,
+        className: cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", className)
+    }, props));
+});
+Command.displayName = CommandPrimitive.displayName;
+var CommandInput = React20.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsxs8("div", {
+        className: "flex items-center border-b px-3",
+        "cmdk-input-wrapper": "",
+        children: [
+            /* @__PURE__ */ jsx24(Search, {
+                className: "mr-2 h-4 w-4 shrink-0 opacity-50"
+            }),
+            /* @__PURE__ */ jsx24(CommandPrimitive.Input, _object_spread({
+                ref: ref,
+                className: cn("flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", className)
+            }, props))
+        ]
+    });
+});
+CommandInput.displayName = CommandPrimitive.Input.displayName;
+var CommandList = React20.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx24(CommandPrimitive.List, _object_spread({
+        ref: ref,
+        className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className)
+    }, props));
+});
+CommandList.displayName = CommandPrimitive.List.displayName;
+var CommandEmpty = React20.forwardRef(function(props, ref) {
+    return /* @__PURE__ */ jsx24(CommandPrimitive.Empty, _object_spread({
+        ref: ref,
+        className: "py-6 text-center text-sm"
+    }, props));
+});
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
+var CommandGroup = React20.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx24(CommandPrimitive.Group, _object_spread({
+        ref: ref,
+        className: cn("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", className)
+    }, props));
+});
+CommandGroup.displayName = CommandPrimitive.Group.displayName;
+var CommandSeparator = React20.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx24(CommandPrimitive.Separator, _object_spread({
+        ref: ref,
+        className: cn("-mx-1 h-px bg-border", className)
+    }, props));
+});
+CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
+var CommandItem = React20.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx24(CommandPrimitive.Item, _object_spread({
+        ref: ref,
+        className: cn("relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", className)
+    }, props));
+});
+CommandItem.displayName = CommandPrimitive.Item.displayName;
+var CommandShortcut = function(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx24("span", _object_spread({
+        className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className)
+    }, props));
+};
+CommandShortcut.displayName = "CommandShortcut";
+// src/components/genui/components/inputs.tsx
+import { jsx as jsx25, jsxs as jsxs9 } from "react/jsx-runtime";
+var opts = function(node) {
+    return Array.isArray(node.options) ? node.options.map(function(o) {
+        return typeof o === "string" || typeof o === "number" ? {
+            label: String(o),
+            value: o
+        } : o;
+    }) : [];
+};
+var toDate = function(v) {
+    if (typeof v !== "string" || !v) return void 0;
+    var d = new Date(v);
+    return isNaN(d.getTime()) ? void 0 : d;
+};
+var Field = function(param) {
+    var id = param.id, label = param.label, node = param.node, children = param.children;
+    return /* @__PURE__ */ jsxs9("div", {
+        className: cn("flex flex-col gap-1.5", styleProps(node)),
+        children: [
+            typeof label === "string" && /* @__PURE__ */ jsx25(Label, {
+                htmlFor: id,
+                children: label
+            }),
+            children
+        ]
+    });
+};
+var TextField = function(param) {
+    var node = param.node, value = param.value, onChange = param.onChange;
+    var id = "f-".concat(node.id);
+    return /* @__PURE__ */ jsx25(Field, {
+        id: id,
+        label: node.label,
+        node: node,
+        children: /* @__PURE__ */ jsx25(Input, {
+            id: id,
+            placeholder: typeof node.placeholder === "string" ? node.placeholder : void 0,
+            value: typeof value === "string" ? value : "",
+            onChange: function(e) {
+                return onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
+            }
+        })
+    });
+};
+var TextArea = function(param) {
+    var node = param.node, value = param.value, onChange = param.onChange;
+    var id = "f-".concat(node.id);
+    return /* @__PURE__ */ jsx25(Field, {
+        id: id,
+        label: node.label,
+        node: node,
+        children: /* @__PURE__ */ jsx25(Textarea, {
+            id: id,
+            rows: typeof node.rows === "number" ? node.rows : void 0,
+            placeholder: typeof node.placeholder === "string" ? node.placeholder : void 0,
+            value: typeof value === "string" ? value : "",
+            onChange: function(e) {
+                return onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
+            }
+        })
+    });
+};
+var NumberField = function(param) {
+    var node = param.node, value = param.value, onChange = param.onChange;
+    var id = "f-".concat(node.id);
+    return /* @__PURE__ */ jsx25(Field, {
+        id: id,
+        label: node.label,
+        node: node,
+        children: /* @__PURE__ */ jsx25(Input, {
+            id: id,
+            type: "number",
+            min: typeof node.min === "number" ? node.min : void 0,
+            max: typeof node.max === "number" ? node.max : void 0,
+            step: typeof node.step === "number" ? node.step : void 0,
+            value: typeof value === "number" ? value : "",
+            onChange: function(e) {
+                return onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value === "" ? void 0 : Number(e.target.value));
+            }
+        })
+    });
+};
+var SelectNode = function(param) {
+    var node = param.node, value = param.value, onChange = param.onChange;
+    var id = "f-".concat(node.id);
+    return /* @__PURE__ */ jsx25(Field, {
+        id: id,
+        label: node.label,
+        node: node,
+        children: /* @__PURE__ */ jsxs9(Select, {
+            value: value != null ? String(value) : void 0,
+            onValueChange: function(v) {
+                return onChange === null || onChange === void 0 ? void 0 : onChange(v);
+            },
+            children: [
+                /* @__PURE__ */ jsx25(SelectTrigger, {
+                    id: id,
+                    children: /* @__PURE__ */ jsx25(SelectValue, {
+                        placeholder: typeof node.placeholder === "string" ? node.placeholder : void 0
+                    })
+                }),
+                /* @__PURE__ */ jsx25(SelectContent, {
+                    children: opts(node).map(function(o) {
+                        return /* @__PURE__ */ jsx25(SelectItem, {
+                            value: String(o.value),
+                            children: o.label
+                        }, String(o.value));
+                    })
+                })
+            ]
+        })
+    });
+};
+var MultiSelect = function(param) {
+    var node = param.node, value = param.value, onChange = param.onChange;
+    var selected = Array.isArray(value) ? value : [];
+    var toggle = function(v) {
+        return onChange === null || onChange === void 0 ? void 0 : onChange(selected.includes(v) ? selected.filter(function(x) {
+            return x !== v;
+        }) : _to_consumable_array(selected).concat([
+            v
+        ]));
+    };
+    return /* @__PURE__ */ jsx25(Field, {
+        id: "f-".concat(node.id),
+        label: node.label,
+        node: node,
+        children: /* @__PURE__ */ jsx25("div", {
+            className: "flex flex-col gap-1.5",
+            children: opts(node).map(function(o) {
+                return /* @__PURE__ */ jsxs9("label", {
+                    className: "flex items-center gap-2 text-sm",
+                    children: [
+                        /* @__PURE__ */ jsx25(Checkbox, {
+                            checked: selected.includes(o.value),
+                            onCheckedChange: function() {
+                                return toggle(o.value);
+                            }
+                        }),
+                        o.label
+                    ]
+                }, String(o.value));
+            })
+        })
+    });
+};
+var Combobox = function(param) {
+    var node = param.node, value = param.value, onChange = param.onChange;
+    var _React21_useState = _sliced_to_array(React21.useState(false), 2), open = _React21_useState[0], setOpen = _React21_useState[1];
+    var selected = opts(node).find(function(o) {
+        return o.value === value;
+    });
+    var placeholder = typeof node.placeholder === "string" ? node.placeholder : "Select\u2026";
+    return /* @__PURE__ */ jsx25(Field, {
+        id: "f-".concat(node.id),
+        label: node.label,
+        node: node,
+        children: /* @__PURE__ */ jsxs9(Popover, {
+            open: open,
+            onOpenChange: setOpen,
+            children: [
+                /* @__PURE__ */ jsx25(PopoverTrigger, {
+                    asChild: true,
+                    children: /* @__PURE__ */ jsx25(Button, {
+                        variant: "outline",
+                        role: "combobox",
+                        className: "justify-between font-normal",
+                        children: selected ? selected.label : placeholder
+                    })
+                }),
+                /* @__PURE__ */ jsx25(PopoverContent, {
+                    className: "w-[--radix-popover-trigger-width] p-0",
+                    children: /* @__PURE__ */ jsxs9(Command, {
+                        children: [
+                            /* @__PURE__ */ jsx25(CommandInput, {
+                                placeholder: "Search\u2026"
+                            }),
+                            /* @__PURE__ */ jsxs9(CommandList, {
+                                children: [
+                                    /* @__PURE__ */ jsx25(CommandEmpty, {
+                                        children: "No results."
+                                    }),
+                                    opts(node).map(function(o) {
+                                        return /* @__PURE__ */ jsx25(CommandItem, {
+                                            value: o.label,
+                                            onSelect: function() {
+                                                onChange === null || onChange === void 0 ? void 0 : onChange(o.value);
+                                                setOpen(false);
+                                            },
+                                            children: o.label
+                                        }, String(o.value));
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                })
+            ]
+        })
+    });
+};
+var CheckboxNode = function(param) {
+    var node = param.node, value = param.value, onChange = param.onChange;
+    var id = "f-".concat(node.id);
+    return /* @__PURE__ */ jsxs9("div", {
+        className: cn("flex items-center gap-2", styleProps(node)),
+        children: [
+            /* @__PURE__ */ jsx25(Checkbox, {
+                id: id,
+                checked: value === true,
+                onCheckedChange: function(c) {
+                    return onChange === null || onChange === void 0 ? void 0 : onChange(c === true);
+                }
+            }),
+            typeof node.label === "string" && /* @__PURE__ */ jsx25(Label, {
+                htmlFor: id,
+                children: node.label
+            })
+        ]
+    });
+};
+var CheckboxGroup = function(param) {
+    var node = param.node, value = param.value, onChange = param.onChange;
+    var selected = Array.isArray(value) ? value : [];
+    var toggle = function(v) {
+        return onChange === null || onChange === void 0 ? void 0 : onChange(selected.includes(v) ? selected.filter(function(x) {
+            return x !== v;
+        }) : _to_consumable_array(selected).concat([
+            v
+        ]));
+    };
+    return /* @__PURE__ */ jsx25(Field, {
+        id: "f-".concat(node.id),
+        label: node.label,
+        node: node,
+        children: /* @__PURE__ */ jsx25("div", {
+            className: "flex flex-col gap-1.5",
+            children: opts(node).map(function(o) {
+                return /* @__PURE__ */ jsxs9("label", {
+                    className: "flex items-center gap-2 text-sm",
+                    children: [
+                        /* @__PURE__ */ jsx25(Checkbox, {
+                            checked: selected.includes(o.value),
+                            onCheckedChange: function() {
+                                return toggle(o.value);
+                            }
+                        }),
+                        o.label
+                    ]
+                }, String(o.value));
+            })
+        })
+    });
+};
+var Radio = function(param) {
+    var node = param.node, value = param.value, onChange = param.onChange;
+    return /* @__PURE__ */ jsx25(Field, {
+        id: "f-".concat(node.id),
+        label: node.label,
+        node: node,
+        children: /* @__PURE__ */ jsx25(RadioGroup, {
+            value: value != null ? String(value) : void 0,
+            onValueChange: function(v) {
+                var match = opts(node).find(function(o) {
+                    return String(o.value) === v;
+                });
+                onChange === null || onChange === void 0 ? void 0 : onChange(match ? match.value : v);
+            },
+            children: opts(node).map(function(o) {
+                var id = "r-".concat(node.id, "-").concat(o.value);
+                return /* @__PURE__ */ jsxs9("div", {
+                    className: "flex items-center gap-2 text-sm",
+                    children: [
+                        /* @__PURE__ */ jsx25(RadioGroupItem, {
+                            id: id,
+                            value: String(o.value)
+                        }),
+                        /* @__PURE__ */ jsx25(Label, {
+                            htmlFor: id,
+                            className: "font-normal",
+                            children: o.label
+                        })
+                    ]
+                }, String(o.value));
+            })
+        })
+    });
+};
+var SwitchNode = function(param) {
+    var node = param.node, value = param.value, onChange = param.onChange;
+    var id = "f-".concat(node.id);
+    return /* @__PURE__ */ jsxs9("div", {
+        className: cn("flex items-center gap-2", styleProps(node)),
+        children: [
+            /* @__PURE__ */ jsx25(Switch, {
+                id: id,
+                checked: value === true,
+                onCheckedChange: function(c) {
+                    return onChange === null || onChange === void 0 ? void 0 : onChange(c === true);
+                }
+            }),
+            typeof node.label === "string" && /* @__PURE__ */ jsx25(Label, {
+                htmlFor: id,
+                children: node.label
+            })
+        ]
+    });
+};
+var SliderNode = function(param) {
+    var node = param.node, value = param.value, onChange = param.onChange;
+    var min = typeof node.min === "number" ? node.min : 0;
+    var max = typeof node.max === "number" ? node.max : 100;
+    var step = typeof node.step === "number" ? node.step : 1;
+    var v = typeof value === "number" ? value : min;
+    return /* @__PURE__ */ jsx25(Field, {
+        id: "f-".concat(node.id),
+        label: node.label,
+        node: node,
+        children: /* @__PURE__ */ jsx25(Slider, {
+            min: min,
+            max: max,
+            step: step,
+            value: [
+                v
+            ],
+            onValueChange: function(vals) {
+                return onChange === null || onChange === void 0 ? void 0 : onChange(vals[0]);
+            }
+        })
+    });
+};
+var DatePicker = function(param) {
+    var node = param.node, value = param.value, onChange = param.onChange;
+    var selected = toDate(value);
+    var label = selected ? format(selected, "PPP") : "Pick a date";
+    return /* @__PURE__ */ jsx25(Field, {
+        id: "f-".concat(node.id),
+        label: node.label,
+        node: node,
+        children: /* @__PURE__ */ jsxs9(Popover, {
+            children: [
+                /* @__PURE__ */ jsx25(PopoverTrigger, {
+                    asChild: true,
+                    children: /* @__PURE__ */ jsx25(Button, {
+                        variant: "outline",
+                        className: "justify-start font-normal",
+                        children: label
+                    })
+                }),
+                /* @__PURE__ */ jsx25(PopoverContent, {
+                    className: "w-auto p-0",
+                    children: /* @__PURE__ */ jsx25(Calendar, {
+                        mode: "single",
+                        selected: selected,
+                        onSelect: function(d) {
+                            return d && (onChange === null || onChange === void 0 ? void 0 : onChange(d.toISOString()));
+                        }
+                    })
+                })
+            ]
+        })
+    });
+};
+var DateRange = function(param) {
+    var node = param.node, value = param.value, onChange = param.onChange;
+    var parsed = value && (typeof value === "undefined" ? "undefined" : _type_of(value)) === "object" ? value : void 0;
+    var from = toDate(parsed === null || parsed === void 0 ? void 0 : parsed.from);
+    var to = toDate(parsed === null || parsed === void 0 ? void 0 : parsed.to);
+    var selected = from ? {
+        from: from,
+        to: to
+    } : void 0;
+    var label = from ? "".concat(format(from, "PP"), " – ").concat(to ? format(to, "PP") : "\u2026") : "Pick a range";
+    return /* @__PURE__ */ jsx25(Field, {
+        id: "f-".concat(node.id),
+        label: node.label,
+        node: node,
+        children: /* @__PURE__ */ jsxs9(Popover, {
+            children: [
+                /* @__PURE__ */ jsx25(PopoverTrigger, {
+                    asChild: true,
+                    children: /* @__PURE__ */ jsx25(Button, {
+                        variant: "outline",
+                        className: "justify-start font-normal",
+                        children: label
+                    })
+                }),
+                /* @__PURE__ */ jsx25(PopoverContent, {
+                    className: "w-auto p-0",
+                    children: /* @__PURE__ */ jsx25(Calendar, {
+                        mode: "range",
+                        selected: selected,
+                        onSelect: function(r) {
+                            var _r_from, _r_to;
+                            var _r_from_toISOString, _r_to_toISOString;
+                            return onChange === null || onChange === void 0 ? void 0 : onChange({
+                                from: (_r_from_toISOString = r === null || r === void 0 ? void 0 : (_r_from = r.from) === null || _r_from === void 0 ? void 0 : _r_from.toISOString()) !== null && _r_from_toISOString !== void 0 ? _r_from_toISOString : null,
+                                to: (_r_to_toISOString = r === null || r === void 0 ? void 0 : (_r_to = r.to) === null || _r_to === void 0 ? void 0 : _r_to.toISOString()) !== null && _r_to_toISOString !== void 0 ? _r_to_toISOString : null
+                            });
+                        }
+                    })
+                })
+            ]
+        })
+    });
+};
+var FileUpload = function(param) {
+    var node = param.node, onChange = param.onChange;
+    var id = "f-".concat(node.id);
+    return /* @__PURE__ */ jsx25(Field, {
+        id: id,
+        label: node.label,
+        node: node,
+        children: /* @__PURE__ */ jsx25(Input, {
+            id: id,
+            type: "file",
+            accept: typeof node.accept === "string" ? node.accept : void 0,
+            multiple: node.multiple === true,
+            onChange: function(e) {
+                var _e_target_files;
+                return onChange === null || onChange === void 0 ? void 0 : onChange(Array.from((_e_target_files = e.target.files) !== null && _e_target_files !== void 0 ? _e_target_files : []).map(function(f) {
+                    return {
+                        name: f.name,
+                        size: f.size,
+                        type: f.type
+                    };
+                }));
+            }
+        })
+    });
+};
+var Rating = function(param) {
+    var node = param.node, value = param.value, onChange = param.onChange;
+    var max = typeof node.max === "number" ? node.max : 5;
+    var current = typeof value === "number" ? value : 0;
+    return /* @__PURE__ */ jsx25(Field, {
+        id: "f-".concat(node.id),
+        label: node.label,
+        node: node,
+        children: /* @__PURE__ */ jsx25("div", {
+            className: "flex items-center gap-1",
+            role: "radiogroup",
+            "aria-label": "rating",
+            children: Array.from({
+                length: max
+            }, function(_, i) {
+                return i + 1;
+            }).map(function(n) {
+                return /* @__PURE__ */ jsx25("button", {
+                    type: "button",
+                    "aria-label": "".concat(n, " star").concat(n > 1 ? "s" : ""),
+                    onClick: function() {
+                        return onChange === null || onChange === void 0 ? void 0 : onChange(n);
+                    },
+                    className: "text-amber-500",
+                    children: /* @__PURE__ */ jsx25(Star, {
+                        className: cn("h-5 w-5", n <= current ? "fill-current" : "opacity-40")
+                    })
+                }, n);
+            })
+        })
+    });
+};
+// src/components/genui/components/data.tsx
+import * as React24 from "react";
+import { useReactTable, getCoreRowModel, getSortedRowModel, flexRender } from "@tanstack/react-table";
+import { BarChart, Bar, LineChart, Line, AreaChart, Area, PieChart, Pie, Cell, Tooltip as Tooltip2, Legend as Legend2 } from "recharts";
+// src/components/atoms/ui/table.tsx
+import * as React22 from "react";
+import { jsx as jsx26 } from "react/jsx-runtime";
+var Table = React22.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx26("div", {
+        className: "relative w-full overflow-auto",
+        children: /* @__PURE__ */ jsx26("table", _object_spread({
+            ref: ref,
+            className: cn("w-full caption-bottom text-sm text-foreground bg-background", className, "alq--table")
+        }, props))
+    });
+});
+Table.displayName = "Table";
+var TableHeader = React22.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx26("thead", _object_spread({
+        ref: ref,
+        className: cn("[&_tr]:border-b border-border bg-muted", className, "alq--table-header")
+    }, props));
+});
+TableHeader.displayName = "TableHeader";
+var TableBody = React22.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx26("tbody", _object_spread({
+        ref: ref,
+        className: cn("[&_tr:last-child]:border-0 [&_tr]:border-b border-border", className, "alq--table-body")
+    }, props));
+});
+TableBody.displayName = "TableBody";
+var TableFooter = React22.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx26("tfoot", _object_spread({
+        ref: ref,
+        className: cn("border-t border-border bg-muted/50 font-medium [&>tr]:last:border-b-0", className, "alq--table-footer")
+    }, props));
+});
+TableFooter.displayName = "TableFooter";
+var TableRow = React22.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx26("tr", _object_spread({
+        ref: ref,
+        className: cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className)
+    }, props));
+});
+TableRow.displayName = "TableRow";
+var TableHead = React22.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx26("th", _object_spread({
+        ref: ref,
+        className: cn("h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0", className)
+    }, props));
+});
+TableHead.displayName = "TableHead";
+var TableCell = React22.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx26("td", _object_spread({
+        ref: ref,
+        className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)
+    }, props));
+});
+TableCell.displayName = "TableCell";
+var TableCaption = React22.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx26("caption", _object_spread({
+        ref: ref,
+        className: cn("mt-4 text-sm text-muted-foreground", className)
+    }, props));
+});
+TableCaption.displayName = "TableCaption";
+// src/components/atoms/ui/progress.tsx
+import * as React23 from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+import { jsx as jsx27 } from "react/jsx-runtime";
+var Progress = React23.forwardRef(function(_param, ref) {
+    var className = _param.className, value = _param.value, props = _object_without_properties(_param, [
+        "className",
+        "value"
+    ]);
+    return /* @__PURE__ */ jsx27(ProgressPrimitive.Root, _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("relative h-2 w-full overflow-hidden rounded-full bg-muted", className)
+    }, props), {
+        children: /* @__PURE__ */ jsx27(ProgressPrimitive.Indicator, {
+            className: "h-full w-full flex-1 bg-primary transition-all",
+            style: {
+                transform: "translateX(-".concat(100 - (value || 0), "%)")
+            }
+        })
+    }));
+});
+Progress.displayName = ProgressPrimitive.Root.displayName;
+// src/components/atoms/ui/chart.tsx
+import { ResponsiveContainer, CartesianGrid, XAxis, YAxis, Tooltip, Legend } from "recharts";
+import { Fragment as Fragment5, jsx as jsx28, jsxs as jsxs10 } from "react/jsx-runtime";
+var CHART_PALETTE = [
+    "hsl(var(--chart-1))",
+    "hsl(var(--chart-2))",
+    "hsl(var(--chart-3))",
+    "hsl(var(--chart-4))",
+    "hsl(var(--chart-5))"
+];
+function Chart(param) {
+    var className = param.className, _param_height = param.height, height = _param_height === void 0 ? 300 : _param_height, children = param.children;
+    return /* @__PURE__ */ jsx28("div", {
+        className: cn("w-full", className),
+        style: {
+            height: height
+        },
+        children: /* @__PURE__ */ jsx28(ResponsiveContainer, {
+            width: "100%",
+            height: "100%",
+            children: children
+        })
+    });
+}
+Chart.displayName = "Chart";
+function themedChartAxes(x) {
+    return /* @__PURE__ */ jsxs10(Fragment5, {
+        children: [
+            /* @__PURE__ */ jsx28(CartesianGrid, {
+                strokeDasharray: "3 3",
+                className: "stroke-border"
+            }),
+            /* @__PURE__ */ jsx28(XAxis, {
+                dataKey: x,
+                className: "text-xs"
+            }),
+            /* @__PURE__ */ jsx28(YAxis, {
+                className: "text-xs"
+            }),
+            /* @__PURE__ */ jsx28(Tooltip, {}),
+            /* @__PURE__ */ jsx28(Legend, {})
+        ]
+    });
+}
+// src/components/genui/components/data.tsx
+import { jsx as jsx29, jsxs as jsxs11 } from "react/jsx-runtime";
+var PALETTE = CHART_PALETTE;
+var TableNode = function(param) {
+    var node = param.node, value = param.value, onAction = param.onAction;
+    var data = Array.isArray(value) ? value : Array.isArray(node.rows) ? node.rows : Array.isArray(node.data) ? node.data : [];
+    var cols = (Array.isArray(node.columns) ? node.columns : []).map(function(c) {
+        return typeof c === "string" ? {
+            key: c,
+            header: c
+        } : c;
+    });
+    if (!cols.some(function(c) {
+        return c.key;
+    }) && data.length) {
+        cols = Object.keys(data[0]).map(function(k) {
+            return {
+                key: k,
+                header: k
+            };
+        });
+    }
+    var sortable = node.sortable === true;
+    var _React24_useState = _sliced_to_array(React24.useState([]), 2), sorting = _React24_useState[0], setSorting = _React24_useState[1];
+    var columns = React24.useMemo(function() {
+        return cols.map(function(c, i) {
+            var _c_key;
+            var id = String((_c_key = c.key) !== null && _c_key !== void 0 ? _c_key : "col_".concat(i));
+            var _c_header, _ref;
+            var header = String((_ref = (_c_header = c.header) !== null && _c_header !== void 0 ? _c_header : c.key) !== null && _ref !== void 0 ? _ref : "Column ".concat(i + 1));
+            return c.key ? {
+                id: id,
+                accessorKey: c.key,
+                header: header
+            } : {
+                id: id,
+                accessorFn: function() {
+                    return "";
+                },
+                header: header
+            };
+        });
+    }, // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+        node
+    ]);
+    var table = useReactTable({
+        data: data,
+        columns: columns,
+        state: {
+            sorting: sorting
+        },
+        onSortingChange: setSorting,
+        getCoreRowModel: getCoreRowModel(),
+        getSortedRowModel: getSortedRowModel(),
+        enableSorting: sortable
+    });
+    return /* @__PURE__ */ jsxs11(Table, {
+        className: styleProps(node),
+        children: [
+            /* @__PURE__ */ jsx29(TableHeader, {
+                children: table.getHeaderGroups().map(function(hg) {
+                    return /* @__PURE__ */ jsx29(TableRow, {
+                        children: hg.headers.map(function(h) {
+                            return /* @__PURE__ */ jsx29(TableHead, {
+                                children: sortable ? /* @__PURE__ */ jsx29("button", {
+                                    type: "button",
+                                    onClick: function() {
+                                        h.column.toggleSorting();
+                                        onAction === null || onAction === void 0 ? void 0 : onAction({
+                                            name: "sort",
+                                            wantResponse: false
+                                        });
+                                    },
+                                    children: flexRender(h.column.columnDef.header, h.getContext())
+                                }) : flexRender(h.column.columnDef.header, h.getContext())
+                            }, h.id);
+                        })
+                    }, hg.id);
+                })
+            }),
+            /* @__PURE__ */ jsx29(TableBody, {
+                children: table.getRowModel().rows.map(function(r) {
+                    return /* @__PURE__ */ jsx29(TableRow, {
+                        children: r.getVisibleCells().map(function(c) {
+                            var _c_getValue;
+                            return /* @__PURE__ */ jsx29(TableCell, {
+                                children: String((_c_getValue = c.getValue()) !== null && _c_getValue !== void 0 ? _c_getValue : "")
+                            }, c.id);
+                        })
+                    }, r.id);
+                })
+            })
+        ]
+    });
+};
+var ChartNode = function(param) {
+    var node = param.node, value = param.value;
+    var data = Array.isArray(value) ? value : Array.isArray(node.data) ? node.data : [];
+    var series = (Array.isArray(node.series) ? node.series : []).map(function(s) {
+        return typeof s === "string" ? {
+            key: s
+        } : s;
+    });
+    var _data_;
+    var first = (_data_ = data[0]) !== null && _data_ !== void 0 ? _data_ : {};
+    var _node_x, _ref;
+    var x = String((_ref = (_node_x = node.x) !== null && _node_x !== void 0 ? _node_x : Object.keys(first).find(function(k) {
+        return typeof first[k] !== "number";
+    })) !== null && _ref !== void 0 ? _ref : "");
+    if (!series.length && data.length) {
+        series = Object.keys(first).filter(function(k) {
+            return k !== x && typeof first[k] === "number";
+        }).map(function(k) {
+            return {
+                key: k
+            };
+        });
+    }
+    var _node_kind;
+    var kind = String((_node_kind = node.kind) !== null && _node_kind !== void 0 ? _node_kind : "bar");
+    if (!data.length || !series.length) {
+        return /* @__PURE__ */ jsx29("p", {
+            className: "text-muted-foreground text-sm",
+            children: "No data to display"
+        });
+    }
+    var axes = themedChartAxes(x);
+    return /* @__PURE__ */ jsxs11("div", {
+        className: cn("w-full", styleProps(node)),
+        children: [
+            typeof node.title === "string" && /* @__PURE__ */ jsx29("p", {
+                className: "mb-2 font-medium",
+                children: node.title
+            }),
+            /* @__PURE__ */ jsx29(Chart, {
+                height: 300,
+                children: kind === "line" ? /* @__PURE__ */ jsxs11(LineChart, {
+                    data: data,
+                    children: [
+                        axes,
+                        series.map(function(s, i) {
+                            var _s_label;
+                            return /* @__PURE__ */ jsx29(Line, {
+                                dataKey: s.key,
+                                name: (_s_label = s.label) !== null && _s_label !== void 0 ? _s_label : s.key,
+                                stroke: PALETTE[i % PALETTE.length]
+                            }, s.key);
+                        })
+                    ]
+                }) : kind === "area" ? /* @__PURE__ */ jsxs11(AreaChart, {
+                    data: data,
+                    children: [
+                        axes,
+                        series.map(function(s, i) {
+                            var _s_label;
+                            return /* @__PURE__ */ jsx29(Area, {
+                                dataKey: s.key,
+                                name: (_s_label = s.label) !== null && _s_label !== void 0 ? _s_label : s.key,
+                                stroke: PALETTE[i % PALETTE.length],
+                                fill: PALETTE[i % PALETTE.length],
+                                fillOpacity: 0.2
+                            }, s.key);
+                        })
+                    ]
+                }) : kind === "pie" ? /* @__PURE__ */ jsxs11(PieChart, {
+                    children: [
+                        /* @__PURE__ */ jsx29(Tooltip2, {}),
+                        /* @__PURE__ */ jsx29(Legend2, {}),
+                        /* @__PURE__ */ jsx29(Pie, {
+                            data: data,
+                            dataKey: series[0].key,
+                            nameKey: x,
+                            label: true,
+                            children: data.map(function(_, i) {
+                                return /* @__PURE__ */ jsx29(Cell, {
+                                    fill: PALETTE[i % PALETTE.length]
+                                }, i);
+                            })
+                        })
+                    ]
+                }) : /* @__PURE__ */ jsxs11(BarChart, {
+                    data: data,
+                    children: [
+                        axes,
+                        series.map(function(s, i) {
+                            var _s_label;
+                            return /* @__PURE__ */ jsx29(Bar, {
+                                dataKey: s.key,
+                                name: (_s_label = s.label) !== null && _s_label !== void 0 ? _s_label : s.key,
+                                fill: PALETTE[i % PALETTE.length]
+                            }, s.key);
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+var Progress2 = function(param) {
+    var node = param.node;
+    var max = typeof node.max === "number" && node.max > 0 ? node.max : 100;
+    var value = typeof node.value === "number" ? Math.min(Math.max(node.value, 0), max) : 0;
+    var pct = Math.round(value / max * 100);
+    return /* @__PURE__ */ jsxs11("div", {
+        className: cn("flex flex-col gap-1", styleProps(node)),
+        children: [
+            typeof node.label === "string" && /* @__PURE__ */ jsxs11("div", {
+                className: "flex justify-between text-sm text-muted-foreground",
+                children: [
+                    /* @__PURE__ */ jsx29("span", {
+                        children: node.label
+                    }),
+                    /* @__PURE__ */ jsxs11("span", {
+                        children: [
+                            pct,
+                            "%"
+                        ]
+                    })
+                ]
+            }),
+            /* @__PURE__ */ jsx29(Progress, {
+                value: pct
+            })
+        ]
+    });
+};
+var Timeline = function(param) {
+    var node = param.node;
+    var items = Array.isArray(node.items) ? node.items : [];
+    return /* @__PURE__ */ jsx29("ol", {
+        className: cn("relative ml-2 border-l border-border", styleProps(node)),
+        children: items.map(function(it, i) {
+            return /* @__PURE__ */ jsxs11("li", {
+                className: "mb-4 ml-4",
+                children: [
+                    /* @__PURE__ */ jsx29("span", {
+                        className: "absolute -left-1.5 mt-1 h-3 w-3 rounded-full bg-primary"
+                    }),
+                    /* @__PURE__ */ jsx29("div", {
+                        className: "text-sm font-medium text-foreground",
+                        children: it.title
+                    }),
+                    it.timestamp && /* @__PURE__ */ jsx29("div", {
+                        className: "text-xs text-muted-foreground",
+                        children: it.timestamp
+                    }),
+                    it.description && /* @__PURE__ */ jsx29("div", {
+                        className: "text-sm text-muted-foreground",
+                        children: it.description
+                    })
+                ]
+            }, i);
+        })
+    });
+};
+// src/components/genui/components/actions.tsx
+import { jsx as jsx30 } from "react/jsx-runtime";
+var BUTTON_VARIANT = {
+    solid: "default",
+    outline: "outline",
+    ghost: "ghost",
+    link: "link"
+};
+var BUTTON_SIZE = {
+    sm: "sm",
+    lg: "lg"
+};
+var ButtonNode = function(param) {
+    var node = param.node, onAction = param.onAction;
+    var _node_text, _ref, _ref1;
+    var caption = (_ref1 = (_ref = (_node_text = node.text) !== null && _node_text !== void 0 ? _node_text : node.label) !== null && _ref !== void 0 ? _ref : node.title) !== null && _ref1 !== void 0 ? _ref1 : "";
+    var _node_variant, _BUTTON_VARIANT_String;
+    return /* @__PURE__ */ jsx30(Button, {
+        variant: (_BUTTON_VARIANT_String = BUTTON_VARIANT[String((_node_variant = node.variant) !== null && _node_variant !== void 0 ? _node_variant : "solid")]) !== null && _BUTTON_VARIANT_String !== void 0 ? _BUTTON_VARIANT_String : "default",
+        size: typeof node.size === "string" ? BUTTON_SIZE[node.size] : void 0,
+        className: node.emphasis === "high" ? "font-semibold" : void 0,
+        onClick: function() {
+            return node.action && (onAction === null || onAction === void 0 ? void 0 : onAction(node.action));
+        },
+        children: String(caption)
+    });
+};
+var ButtonGroup = function(param) {
+    var node = param.node, children = param.children;
+    return /* @__PURE__ */ jsx30("div", {
+        className: cn("flex flex-row gap-2", styleProps(node)),
+        children: children
+    });
+};
+var SAFE_HREF = /^(\/|https:\/\/)/i;
+var LinkNode = function(param) {
+    var node = param.node;
+    var href = typeof node.href === "string" && SAFE_HREF.test(node.href) ? node.href : void 0;
+    var _node_text;
+    var text = String((_node_text = node.text) !== null && _node_text !== void 0 ? _node_text : "");
+    if (!href) return /* @__PURE__ */ jsx30("span", {
+        className: cn("text-muted-foreground", styleProps(node)),
+        children: text
+    });
+    return /* @__PURE__ */ jsx30("a", {
+        href: href,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: cn("text-primary underline underline-offset-2", styleProps(node)),
+        children: text
+    });
+};
+// src/components/genui/registry.tsx
+var coreUiRegistry = {
+    // layout
+    Stack: Stack,
+    Row: Row,
+    Column: Column,
+    Grid: Grid,
+    Divider: Divider,
+    Spacer: Spacer,
+    Card: CardNode,
+    Tabs: TabsNode,
+    Accordion: AccordionNode,
+    // content
+    Text: Text,
+    Heading: Heading,
+    Markdown: Markdown,
+    Image: ImageNode,
+    Icon: IconNode,
+    Badge: BadgeNode,
+    Avatar: AvatarNode,
+    Alert: AlertNode,
+    Stat: Stat,
+    KeyValue: KeyValueNode,
+    List: ListNode,
+    Quote: Quote,
+    // inputs
+    TextField: TextField,
+    TextArea: TextArea,
+    NumberField: NumberField,
+    Select: SelectNode,
+    MultiSelect: MultiSelect,
+    Combobox: Combobox,
+    Checkbox: CheckboxNode,
+    CheckboxGroup: CheckboxGroup,
+    Radio: Radio,
+    Switch: SwitchNode,
+    Slider: SliderNode,
+    DatePicker: DatePicker,
+    DateRange: DateRange,
+    FileUpload: FileUpload,
+    Rating: Rating,
+    // data
+    Table: TableNode,
+    Chart: ChartNode,
+    Progress: Progress2,
+    Timeline: Timeline,
+    // actions
+    Button: ButtonNode,
+    ButtonGroup: ButtonGroup,
+    Link: LinkNode
+};
+// src/components/genui/assistant-chat.tsx
+import * as React43 from "react";
+import { Check as Check3 } from "lucide-react";
+// src/components/organisms/assistant.tsx
+import * as React42 from "react";
+import { useCallback as useCallback3, useEffect as useEffect10, useRef as useRef2, useState as useState13 } from "react";
+// src/components/atoms/ui/scroll-area.tsx
+import * as React25 from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { jsx as jsx31, jsxs as jsxs12 } from "react/jsx-runtime";
+var ScrollArea = React25.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return /* @__PURE__ */ jsxs12(ScrollAreaPrimitive.Root, _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("relative overflow-hidden", className)
+    }, props), {
+        children: [
+            /* @__PURE__ */ jsx31(ScrollAreaPrimitive.Viewport, {
+                className: "h-full w-full rounded-[inherit]",
+                children: children
+            }),
+            /* @__PURE__ */ jsx31(ScrollBar, {}),
+            /* @__PURE__ */ jsx31(ScrollAreaPrimitive.Corner, {})
+        ]
+    }));
+});
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+var ScrollBar = React25.forwardRef(function(_param, ref) {
+    var className = _param.className, _param_orientation = _param.orientation, orientation = _param_orientation === void 0 ? "vertical" : _param_orientation, props = _object_without_properties(_param, [
+        "className",
+        "orientation"
+    ]);
+    return /* @__PURE__ */ jsx31(ScrollAreaPrimitive.ScrollAreaScrollbar, _object_spread_props(_object_spread({
+        ref: ref,
+        orientation: orientation,
+        className: cn("flex touch-none select-none transition-colors", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]", className)
+    }, props), {
+        children: /* @__PURE__ */ jsx31(ScrollAreaPrimitive.ScrollAreaThumb, {
+            className: "relative flex-1 rounded-full bg-border"
+        })
+    }));
+});
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+// src/components/atoms/ui/skeleton.tsx
+import { jsx as jsx32 } from "react/jsx-runtime";
+// src/components/atoms/ui/drawer.tsx
+import * as React26 from "react";
+import { Drawer as DrawerPrimitive } from "vaul";
+import { jsx as jsx33, jsxs as jsxs13 } from "react/jsx-runtime";
+var Drawer = function(_param) {
+    var _param_shouldScaleBackground = _param.shouldScaleBackground, shouldScaleBackground = _param_shouldScaleBackground === void 0 ? true : _param_shouldScaleBackground, props = _object_without_properties(_param, [
+        "shouldScaleBackground"
+    ]);
+    return /* @__PURE__ */ jsx33(DrawerPrimitive.Root, _object_spread({
+        shouldScaleBackground: shouldScaleBackground
+    }, props));
+};
+Drawer.displayName = "Drawer";
+var DrawerTrigger = DrawerPrimitive.Trigger;
+var DrawerPortal = DrawerPrimitive.Portal;
+var DrawerClose = DrawerPrimitive.Close;
+var DrawerOverlay = React26.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx33(DrawerPrimitive.Overlay, _object_spread({
+        ref: ref,
+        className: cn("fixed inset-0 z-50 bg-black/80", className)
+    }, props));
+});
+DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
+var DrawerContent = React26.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return /* @__PURE__ */ jsxs13(DrawerPortal, {
+        children: [
+            /* @__PURE__ */ jsx33(DrawerOverlay, {}),
+            /* @__PURE__ */ jsxs13(DrawerPrimitive.Content, _object_spread_props(_object_spread({
+                ref: ref,
+                className: cn("fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border border-border bg-background text-foreground alq--drawer-content", className)
+            }, props), {
+                children: [
+                    /* @__PURE__ */ jsx33("div", {
+                        className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted"
+                    }),
+                    children
+                ]
+            }))
+        ]
+    });
+});
+DrawerContent.displayName = "DrawerContent";
+var DrawerHeader = function(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx33("div", _object_spread({
+        className: cn("grid gap-1.5 p-4 text-center sm:text-left", className, "alq--drawer-header")
+    }, props));
+};
+DrawerHeader.displayName = "DrawerHeader";
+var DrawerFooter = function(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx33("div", _object_spread({
+        className: cn("mt-auto flex flex-col gap-2 p-4", className, "alq--drawer-footer")
+    }, props));
+};
+DrawerFooter.displayName = "DrawerFooter";
+var DrawerTitle = React26.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx33(DrawerPrimitive.Title, _object_spread({
+        ref: ref,
+        className: cn("text-lg font-semibold leading-none tracking-tight", className, "alq--drawer-title")
+    }, props));
+});
+DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
+var DrawerDescription = React26.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx33(DrawerPrimitive.Description, _object_spread({
+        ref: ref,
+        className: cn("text-sm text-muted-foreground", className, "alq--drawer-description")
+    }, props));
+});
+DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
+// src/components/atoms/ui/typography/index.tsx
+import { forwardRef as forwardRef23 } from "react";
+import { jsx as jsx34 } from "react/jsx-runtime";
+var Typography = forwardRef23(function(_param, ref) {
+    var tmp = _param.as, Component = tmp === void 0 ? "p" : tmp, typeStyle = _param.typeStyle, props = _object_without_properties(_param, [
+        "as",
+        "typeStyle"
+    ]);
+    return /* @__PURE__ */ jsx34(Component, _object_spread_props(_object_spread({}, props), {
+        className: cn(props.className, "alq--typography-".concat(typeStyle)),
+        ref: ref
+    }));
+});
+Typography.displayName = "Typography";
+// src/components/atoms/ui/toggle.tsx
+import * as React27 from "react";
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+import { cva as cva5 } from "class-variance-authority";
+import { jsx as jsx35 } from "react/jsx-runtime";
+var toggleVariants = cva5("inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground", {
+    variants: {
+        variant: {
+            default: "bg-transparent",
+            outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
+        },
+        size: {
+            default: "h-10 px-3",
+            sm: "h-9 px-2.5",
+            lg: "h-11 px-5"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default"
+    }
+});
+var Toggle = React27.forwardRef(function(_param, ref) {
+    var className = _param.className, variant = _param.variant, size = _param.size, props = _object_without_properties(_param, [
+        "className",
+        "variant",
+        "size"
+    ]);
+    return /* @__PURE__ */ jsx35(TogglePrimitive.Root, _object_spread({
+        ref: ref,
+        className: cn(toggleVariants({
+            variant: variant,
+            size: size,
+            className: className
+        }), "alq--toggle")
+    }, props));
+});
+Toggle.displayName = TogglePrimitive.Root.displayName;
+// src/components/atoms/ui/aspect-ratio.tsx
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+// src/components/atoms/ui/breadcrumb.tsx
+import * as React28 from "react";
+import { Slot as Slot2 } from "@radix-ui/react-slot";
+import { ChevronRight as ChevronRight2, MoreHorizontal } from "lucide-react";
+import { jsx as jsx36, jsxs as jsxs14 } from "react/jsx-runtime";
+var Breadcrumb = React28.forwardRef(function(_param, ref) {
+    var props = _extends({}, _object_destructuring_empty(_param));
+    return /* @__PURE__ */ jsx36("nav", _object_spread({
+        ref: ref,
+        "aria-label": "breadcrumb"
+    }, props));
+});
+Breadcrumb.displayName = "Breadcrumb";
+var BreadcrumbList = React28.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx36("ol", _object_spread({
+        ref: ref,
+        className: cn("flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5", className)
+    }, props));
+});
+BreadcrumbList.displayName = "BreadcrumbList";
+var BreadcrumbItem = React28.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx36("li", _object_spread({
+        ref: ref,
+        className: cn("inline-flex items-center gap-1.5", className)
+    }, props));
+});
+BreadcrumbItem.displayName = "BreadcrumbItem";
+var BreadcrumbLink = React28.forwardRef(function(_param, ref) {
+    var asChild = _param.asChild, className = _param.className, props = _object_without_properties(_param, [
+        "asChild",
+        "className"
+    ]);
+    var Comp = asChild ? Slot2 : "a";
+    return /* @__PURE__ */ jsx36(Comp, _object_spread({
+        ref: ref,
+        className: cn("transition-colors hover:text-foreground", className)
+    }, props));
+});
+BreadcrumbLink.displayName = "BreadcrumbLink";
+var BreadcrumbPage = React28.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx36("span", _object_spread({
+        ref: ref,
+        role: "link",
+        "aria-disabled": "true",
+        "aria-current": "page",
+        className: cn("font-normal text-foreground", className)
+    }, props));
+});
+BreadcrumbPage.displayName = "BreadcrumbPage";
+var BreadcrumbSeparator = function(_param) {
+    var children = _param.children, className = _param.className, props = _object_without_properties(_param, [
+        "children",
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx36("li", _object_spread_props(_object_spread({
+        role: "presentation",
+        "aria-hidden": "true",
+        className: cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className)
+    }, props), {
+        children: children !== null && children !== void 0 ? children : /* @__PURE__ */ jsx36(ChevronRight2, {})
+    }));
+};
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+var BreadcrumbEllipsis = function(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsxs14("span", _object_spread_props(_object_spread({
+        role: "presentation",
+        "aria-hidden": "true",
+        className: cn("flex h-9 w-9 items-center justify-center", className)
+    }, props), {
+        children: [
+            /* @__PURE__ */ jsx36(MoreHorizontal, {
+                className: "h-4 w-4"
+            }),
+            /* @__PURE__ */ jsx36("span", {
+                className: "sr-only",
+                children: "More"
+            })
+        ]
+    }));
+};
+BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
+// src/components/molecules/alert-dialog.tsx
+import * as React29 from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import { jsx as jsx37, jsxs as jsxs15 } from "react/jsx-runtime";
+var AlertDialogPortal = AlertDialogPrimitive.Portal;
+var AlertDialogOverlay = React29.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx37(AlertDialogPrimitive.Overlay, _object_spread_props(_object_spread({
+        className: cn("fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className)
+    }, props), {
+        ref: ref
+    }));
+});
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+var AlertDialogContent = React29.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsxs15(AlertDialogPortal, {
+        children: [
+            /* @__PURE__ */ jsx37(AlertDialogOverlay, {}),
+            /* @__PURE__ */ jsx37(AlertDialogPrimitive.Content, _object_spread({
+                ref: ref,
+                className: cn("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", className)
+            }, props))
+        ]
+    });
+});
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+var AlertDialogHeader = function(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx37("div", _object_spread({
+        className: cn("flex flex-col space-y-2 text-center sm:text-left", className)
+    }, props));
+};
+AlertDialogHeader.displayName = "AlertDialogHeader";
+var AlertDialogFooter = function(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx37("div", _object_spread({
+        className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)
+    }, props));
+};
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogTitle = React29.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx37(AlertDialogPrimitive.Title, _object_spread({
+        ref: ref,
+        className: cn("text-lg font-semibold", className)
+    }, props));
+});
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+var AlertDialogDescription = React29.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx37(AlertDialogPrimitive.Description, _object_spread({
+        ref: ref,
+        className: cn("text-sm text-muted-foreground", className)
+    }, props));
+});
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+var AlertDialogAction = React29.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx37(AlertDialogPrimitive.Action, _object_spread({
+        ref: ref,
+        className: cn(buttonVariants(), className)
+    }, props));
+});
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+var AlertDialogCancel = React29.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx37(AlertDialogPrimitive.Cancel, _object_spread({
+        ref: ref,
+        className: cn(buttonVariants({
+            variant: "outline"
+        }), "mt-2 sm:mt-0", className)
+    }, props));
+});
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+// src/components/atoms/ui/toast.tsx
+import * as React30 from "react";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+import { cva as cva6 } from "class-variance-authority";
+import { X as X2 } from "lucide-react";
+import { jsx as jsx38 } from "react/jsx-runtime";
+var ToastViewport = React30.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx38(ToastPrimitives.Viewport, _object_spread({
+        ref: ref,
+        className: cn("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]", className)
+    }, props));
+});
+ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
+var toastVariants = cva6("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full", {
+    variants: {
+        variant: {
+            default: "border bg-background text-foreground",
+            destructive: "destructive group border-destructive bg-destructive text-destructive-foreground"
+        }
+    },
+    defaultVariants: {
+        variant: "default"
+    }
+});
+var Toast = React30.forwardRef(function(_param, ref) {
+    var className = _param.className, variant = _param.variant, props = _object_without_properties(_param, [
+        "className",
+        "variant"
+    ]);
+    return /* @__PURE__ */ jsx38(ToastPrimitives.Root, _object_spread({
+        ref: ref,
+        className: cn(toastVariants({
+            variant: variant
+        }), className)
+    }, props));
+});
+Toast.displayName = ToastPrimitives.Root.displayName;
+var ToastAction = React30.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx38(ToastPrimitives.Action, _object_spread({
+        ref: ref,
+        className: cn("inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive", className)
+    }, props));
+});
+ToastAction.displayName = ToastPrimitives.Action.displayName;
+var ToastClose = React30.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx38(ToastPrimitives.Close, _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600", className),
+        "toast-close": ""
+    }, props), {
+        children: /* @__PURE__ */ jsx38(X2, {
+            className: "h-4 w-4"
+        })
+    }));
+});
+ToastClose.displayName = ToastPrimitives.Close.displayName;
+var ToastTitle = React30.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx38(ToastPrimitives.Title, _object_spread({
+        ref: ref,
+        className: cn("text-sm font-semibold", className)
+    }, props));
+});
+ToastTitle.displayName = ToastPrimitives.Title.displayName;
+var ToastDescription = React30.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx38(ToastPrimitives.Description, _object_spread({
+        ref: ref,
+        className: cn("text-sm opacity-90", className)
+    }, props));
+});
+ToastDescription.displayName = ToastPrimitives.Description.displayName;
+// src/components/atoms/ui/loader.tsx
+import * as React31 from "react";
+import { cva as cva7 } from "class-variance-authority";
+import { Loader2 } from "lucide-react";
+import { jsx as jsx39 } from "react/jsx-runtime";
+var loaderVariants = cva7("flex justify-center items-center w-full", {
+    variants: {
+        size: {
+            small: "h-6 w-6",
+            medium: "h-8 w-8",
+            large: "h-12 w-12",
+            xl: "h-24 w-24"
+        },
+        colorVariant: {
+            default: "text-primary",
+            primary: "text-primary",
+            secondary: "text-secondary",
+            destructive: "text-destructive"
+        }
+    },
+    defaultVariants: {
+        size: "medium",
+        colorVariant: "default"
+    }
+});
+var Loader = React31.forwardRef(function(_param, ref) {
+    var className = _param.className, size = _param.size, colorVariant = _param.colorVariant, props = _object_without_properties(_param, [
+        "className",
+        "size",
+        "colorVariant"
+    ]);
+    return /* @__PURE__ */ jsx39("div", _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn(loaderVariants({
+            size: size,
+            colorVariant: colorVariant
+        }), "flex justify-center items-center h-full w-full", className)
+    }, props), {
+        children: /* @__PURE__ */ jsx39(Loader2, {
+            className: "animate-spin"
+        })
+    }));
+});
+Loader.displayName = "Loader";
+// src/components/hooks/use-toast.ts
+import * as React32 from "react";
+// src/components/atoms/ui/toaster.tsx
+import { jsx as jsx40, jsxs as jsxs16 } from "react/jsx-runtime";
+// src/components/atoms/ui/think-indicator.tsx
+import * as React33 from "react";
+import { useState as useState5, useEffect as useEffect3 } from "react";
+import { cva as cva8 } from "class-variance-authority";
+import { jsx as jsx41, jsxs as jsxs17 } from "react/jsx-runtime";
+var thinkIndicatorVariants = cva8("flex items-center gap-3", {
+    variants: {
+        variant: {
+            default: "text-muted-foreground",
+            primary: "text-primary",
+            secondary: "text-secondary"
+        },
+        size: {
+            default: "gap-3",
+            sm: "gap-2",
+            lg: "gap-4"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default"
+    }
+});
+var ThinkIndicator = React33.forwardRef(function(_param, ref) {
+    var className = _param.className, variant = _param.variant, size = _param.size, _param_thoughts = _param.thoughts, thoughts = _param_thoughts === void 0 ? [
+        "Analyzing your request...",
+        "Processing information...",
+        "Formulating response..."
+    ] : _param_thoughts, _param_interval = _param.interval, interval = _param_interval === void 0 ? 5e3 : _param_interval, loader = _param.loader, props = _object_without_properties(_param, [
+        "className",
+        "variant",
+        "size",
+        "thoughts",
+        "interval",
+        "loader"
+    ]);
+    var _useState5 = _sliced_to_array(useState5(0), 2), currentThoughtIndex = _useState5[0], setCurrentThoughtIndex = _useState5[1];
+    var _useState51 = _sliced_to_array(useState5(false), 2), isAnimating = _useState51[0], setIsAnimating = _useState51[1];
+    useEffect3(function() {
+        var timer = setInterval(function() {
+            setIsAnimating(true);
+            setTimeout(function() {
+                setCurrentThoughtIndex(function(prev) {
+                    return prev < thoughts.length - 1 ? prev + 1 : prev;
+                });
+                setIsAnimating(false);
+            }, 300);
+        }, interval);
+        if (currentThoughtIndex === thoughts.length - 1) {
+            clearInterval(timer);
+        }
+        return function() {
+            return clearInterval(timer);
+        };
+    }, [
+        thoughts,
+        interval,
+        currentThoughtIndex
+    ]);
+    return /* @__PURE__ */ jsxs17("div", _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn(thinkIndicatorVariants({
+            variant: variant,
+            size: size
+        }), className, "alq--think-indicator")
+    }, props), {
+        children: [
+            loader || /* @__PURE__ */ jsx41(Loader, {
+                className: cn(size === "sm" ? "h-3 w-3" : size === "lg" ? "h-5 w-5" : "h-4 w-4")
+            }),
+            /* @__PURE__ */ jsx41("div", {
+                className: cn("alq--think-indicator-text", "transition-all duration-300", isAnimating ? "opacity-0 -translate-y-2" : "opacity-100 translate-y-0"),
+                children: thoughts[currentThoughtIndex]
+            })
+        ]
+    }));
+});
+ThinkIndicator.displayName = "ThinkIndicator";
+// src/components/molecules/page-container.tsx
+import { forwardRef as forwardRef30 } from "react";
+import { jsx as jsx42 } from "react/jsx-runtime";
+var PageContainer = forwardRef30(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx42("div", _object_spread({
+        ref: ref,
+        className: cn(className, "alq--page-container")
+    }, props));
+});
+PageContainer.displayName = "PageContainer";
+// src/components/molecules/assistant-button.tsx
+import * as React34 from "react";
+import { useState as useState6 } from "react";
+import { jsx as jsx43, jsxs as jsxs18 } from "react/jsx-runtime";
+var AssistantSuggestions = React34.forwardRef(function(param, ref) {
+    var suggestions = param.suggestions, showSuggestions = param.showSuggestions, className = param.className;
+    return /* @__PURE__ */ jsx43("div", {
+        ref: ref,
+        className: cn("absolute bottom-[calc(100%+0.5rem)] right-0 pb-2 mb-4 alq--assistant-suggestions-container", "transition-all duration-300", showSuggestions ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4", className),
+        children: /* @__PURE__ */ jsx43("div", {
+            className: "rounded-lg p-2 pr-0 w-64",
+            children: suggestions.map(function(suggestion, index) {
+                return /* @__PURE__ */ jsxs18("button", {
+                    onClick: function() {
+                        var _suggestion_action;
+                        return (_suggestion_action = suggestion.action) === null || _suggestion_action === void 0 ? void 0 : _suggestion_action.call(suggestion);
+                    },
+                    style: {
+                        transitionDelay: showSuggestions ? "".concat(index * 50, "ms") : "0ms"
+                    },
+                    className: cn("bg-background flex items-center gap-2 border p-2 pr-4 my-2 rounded-full ml-auto", "text-primary hover:bg-secondary", "transition-all duration-100", "origin-bottom w-fit", "alq--assistant-suggestion", showSuggestions ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4"),
+                    children: [
+                        /* @__PURE__ */ jsx43(suggestion.icon, {
+                            className: "w-5 h-5 text-primary"
+                        }),
+                        /* @__PURE__ */ jsx43("span", {
+                            className: "text-xs whitespace-nowrap font-normal",
+                            children: suggestion.label
+                        })
+                    ]
+                }, index);
+            })
+        })
+    });
+});
+AssistantSuggestions.displayName = "Suggestions";
+var AssistantButton = React34.forwardRef(function(param, ref) {
+    var Icon2 = param.icon, clickAction = param.clickAction, className = param.className, _param_suggestions = param.suggestions, suggestions = _param_suggestions === void 0 ? [] : _param_suggestions;
+    var _useState6 = _sliced_to_array(useState6(false), 2), isVisible = _useState6[0], setIsVisible = _useState6[1];
+    var _useState61 = _sliced_to_array(useState6(false), 2), showSuggestions = _useState61[0], setShowSuggestions = _useState61[1];
+    var handleMouseEnter = function() {
+        setIsVisible(true);
+        requestAnimationFrame(function() {
+            requestAnimationFrame(function() {
+                setShowSuggestions(true);
+            });
+        });
+    };
+    var handleMouseLeave = function() {
+        setShowSuggestions(false);
+        setTimeout(function() {
+            return setIsVisible(false);
+        }, 300);
+    };
+    return /* @__PURE__ */ jsx43("div", {
+        ref: ref,
+        className: cn("fixed bottom-8 right-4 z-50", "alq--assistant-button-container", className),
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        children: /* @__PURE__ */ jsxs18("div", {
+            className: "relative group",
+            children: [
+                isVisible && suggestions.length > 0 && /* @__PURE__ */ jsx43(AssistantSuggestions, {
+                    suggestions: suggestions,
+                    showSuggestions: showSuggestions
+                }),
+                /* @__PURE__ */ jsx43(Button, {
+                    variant: "outline",
+                    size: "sm",
+                    className: cn("fixed hover:bg-opacity-70 transition-all duration-300", "bottom-4 h-12 w-12 right-4 z-50 rounded-full p-2", "shadow-md", "hover:shadow-lg", showSuggestions ? "scale-110" : "hover:scale-105", "alq--assistant-button"),
+                    onClick: clickAction,
+                    children: /* @__PURE__ */ jsx43(Icon2, {
+                        style: {
+                            width: "22px",
+                            height: "22px"
+                        },
+                        className: "text-primary"
+                    })
+                })
+            ]
+        })
+    });
+});
+AssistantButton.displayName = "AssistantButton";
+// src/components/molecules/carousel.tsx
+import * as React35 from "react";
+import useEmblaCarousel from "embla-carousel-react";
+import { ArrowLeft, ArrowRight } from "lucide-react";
+import { jsx as jsx44, jsxs as jsxs19 } from "react/jsx-runtime";
+var CarouselContext = React35.createContext(null);
+function useCarousel() {
+    var context = React35.useContext(CarouselContext);
+    if (!context) {
+        throw new Error("useCarousel must be used within a <Carousel />");
+    }
+    return context;
+}
+var Carousel = React35.forwardRef(function(_param, ref) {
+    var _param_orientation = _param.orientation, orientation = _param_orientation === void 0 ? "horizontal" : _param_orientation, opts2 = _param.opts, setApi = _param.setApi, plugins = _param.plugins, className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "orientation",
+        "opts",
+        "setApi",
+        "plugins",
+        "className",
+        "children"
+    ]);
+    var _useEmblaCarousel = _sliced_to_array(useEmblaCarousel(_object_spread_props(_object_spread({}, opts2), {
+        axis: orientation === "horizontal" ? "x" : "y"
+    }), plugins), 2), carouselRef = _useEmblaCarousel[0], api = _useEmblaCarousel[1];
+    var _React35_useState = _sliced_to_array(React35.useState(false), 2), canScrollPrev = _React35_useState[0], setCanScrollPrev = _React35_useState[1];
+    var _React35_useState1 = _sliced_to_array(React35.useState(false), 2), canScrollNext = _React35_useState1[0], setCanScrollNext = _React35_useState1[1];
+    var onSelect = React35.useCallback(function(api2) {
+        if (!api2) {
+            return;
+        }
+        setCanScrollPrev(api2.canScrollPrev());
+        setCanScrollNext(api2.canScrollNext());
+    }, []);
+    var scrollPrev = React35.useCallback(function() {
+        api === null || api === void 0 ? void 0 : api.scrollPrev();
+    }, [
+        api
+    ]);
+    var scrollNext = React35.useCallback(function() {
+        api === null || api === void 0 ? void 0 : api.scrollNext();
+    }, [
+        api
+    ]);
+    var handleKeyDown = React35.useCallback(function(event) {
+        if (event.key === "ArrowLeft") {
+            event.preventDefault();
+            scrollPrev();
+        } else if (event.key === "ArrowRight") {
+            event.preventDefault();
+            scrollNext();
+        }
+    }, [
+        scrollPrev,
+        scrollNext
+    ]);
+    React35.useEffect(function() {
+        if (!api || !setApi) {
+            return;
+        }
+        setApi(api);
+    }, [
+        api,
+        setApi
+    ]);
+    React35.useEffect(function() {
+        if (!api) {
+            return;
+        }
+        onSelect(api);
+        api.on("reInit", onSelect);
+        api.on("select", onSelect);
+        return function() {
+            api === null || api === void 0 ? void 0 : api.off("select", onSelect);
+        };
+    }, [
+        api,
+        onSelect
+    ]);
+    return /* @__PURE__ */ jsx44(CarouselContext.Provider, {
+        value: {
+            carouselRef: carouselRef,
+            api: api,
+            opts: opts2,
+            orientation: orientation || ((opts2 === null || opts2 === void 0 ? void 0 : opts2.axis) === "y" ? "vertical" : "horizontal"),
+            scrollPrev: scrollPrev,
+            scrollNext: scrollNext,
+            canScrollPrev: canScrollPrev,
+            canScrollNext: canScrollNext
+        },
+        children: /* @__PURE__ */ jsx44("div", _object_spread_props(_object_spread({
+            ref: ref,
+            onKeyDownCapture: handleKeyDown,
+            className: cn("relative", className),
+            role: "region",
+            "aria-roledescription": "carousel"
+        }, props), {
+            children: children
+        }))
+    });
+});
+Carousel.displayName = "Carousel";
+var CarouselContent = React35.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    var _useCarousel = useCarousel(), carouselRef = _useCarousel.carouselRef, orientation = _useCarousel.orientation;
+    return /* @__PURE__ */ jsx44("div", {
+        ref: carouselRef,
+        className: "overflow-hidden",
+        children: /* @__PURE__ */ jsx44("div", _object_spread({
+            ref: ref,
+            className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className)
+        }, props))
+    });
+});
+CarouselContent.displayName = "CarouselContent";
+var CarouselItem = React35.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    var orientation = useCarousel().orientation;
+    return /* @__PURE__ */ jsx44("div", _object_spread({
+        ref: ref,
+        role: "group",
+        "aria-roledescription": "slide",
+        className: cn("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className)
+    }, props));
+});
+CarouselItem.displayName = "CarouselItem";
+var CarouselPrevious = React35.forwardRef(function(_param, ref) {
+    var className = _param.className, _param_variant = _param.variant, variant = _param_variant === void 0 ? "outline" : _param_variant, _param_size = _param.size, size = _param_size === void 0 ? "icon" : _param_size, props = _object_without_properties(_param, [
+        "className",
+        "variant",
+        "size"
+    ]);
+    var _useCarousel = useCarousel(), orientation = _useCarousel.orientation, scrollPrev = _useCarousel.scrollPrev, canScrollPrev = _useCarousel.canScrollPrev;
+    return /* @__PURE__ */ jsxs19(Button, _object_spread_props(_object_spread({
+        ref: ref,
+        variant: variant,
+        size: size,
+        className: cn("absolute  h-8 w-8 rounded-full", orientation === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className),
+        disabled: !canScrollPrev,
+        onClick: scrollPrev
+    }, props), {
+        children: [
+            /* @__PURE__ */ jsx44(ArrowLeft, {
+                className: "h-4 w-4"
+            }),
+            /* @__PURE__ */ jsx44("span", {
+                className: "sr-only",
+                children: "Previous slide"
+            })
+        ]
+    }));
+});
+CarouselPrevious.displayName = "CarouselPrevious";
+var CarouselNext = React35.forwardRef(function(_param, ref) {
+    var className = _param.className, _param_variant = _param.variant, variant = _param_variant === void 0 ? "outline" : _param_variant, _param_size = _param.size, size = _param_size === void 0 ? "icon" : _param_size, props = _object_without_properties(_param, [
+        "className",
+        "variant",
+        "size"
+    ]);
+    var _useCarousel = useCarousel(), orientation = _useCarousel.orientation, scrollNext = _useCarousel.scrollNext, canScrollNext = _useCarousel.canScrollNext;
+    return /* @__PURE__ */ jsxs19(Button, _object_spread_props(_object_spread({
+        ref: ref,
+        variant: variant,
+        size: size,
+        className: cn("absolute h-8 w-8 rounded-full", orientation === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className),
+        disabled: !canScrollNext,
+        onClick: scrollNext
+    }, props), {
+        children: [
+            /* @__PURE__ */ jsx44(ArrowRight, {
+                className: "h-4 w-4"
+            }),
+            /* @__PURE__ */ jsx44("span", {
+                className: "sr-only",
+                children: "Next slide"
+            })
+        ]
+    }));
+});
+CarouselNext.displayName = "CarouselNext";
+// src/components/molecules/navigation-menu.tsx
+import * as React36 from "react";
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import { cva as cva9 } from "class-variance-authority";
+import { ChevronDown as ChevronDown3 } from "lucide-react";
+import { jsx as jsx45, jsxs as jsxs20 } from "react/jsx-runtime";
+var NavigationMenu = React36.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return /* @__PURE__ */ jsxs20(NavigationMenuPrimitive.Root, _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("relative z-10 flex max-w-max flex-1 items-center justify-center", className)
+    }, props), {
+        children: [
+            children,
+            /* @__PURE__ */ jsx45(NavigationMenuViewport, {})
+        ]
+    }));
+});
+NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
+var NavigationMenuList = React36.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx45(NavigationMenuPrimitive.List, _object_spread({
+        ref: ref,
+        className: cn("group flex flex-1 list-none items-center justify-center space-x-1", className)
+    }, props));
+});
+NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
+var navigationMenuTriggerStyle = cva9("group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50");
+var NavigationMenuTrigger = React36.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return /* @__PURE__ */ jsxs20(NavigationMenuPrimitive.Trigger, _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn(navigationMenuTriggerStyle(), "group", className)
+    }, props), {
+        children: [
+            children,
+            " ",
+            /* @__PURE__ */ jsx45(ChevronDown3, {
+                className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
+                "aria-hidden": "true"
+            })
+        ]
+    }));
+});
+NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
+var NavigationMenuContent = React36.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx45(NavigationMenuPrimitive.Content, _object_spread({
+        ref: ref,
+        className: cn("left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto ", className)
+    }, props));
+});
+NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
+var NavigationMenuViewport = React36.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx45("div", {
+        className: cn("absolute left-0 top-full flex justify-center"),
+        children: /* @__PURE__ */ jsx45(NavigationMenuPrimitive.Viewport, _object_spread({
+            className: cn("origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]", className),
+            ref: ref
+        }, props))
+    });
+});
+NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
+var NavigationMenuIndicator = React36.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx45(NavigationMenuPrimitive.Indicator, _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in", className)
+    }, props), {
+        children: /* @__PURE__ */ jsx45("div", {
+            className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md"
+        })
+    }));
+});
+NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
+// src/components/molecules/sidebar.tsx
+import * as React37 from "react";
+import { cva as cva10 } from "class-variance-authority";
+import { jsx as jsx46, jsxs as jsxs21 } from "react/jsx-runtime";
+var sidebarVariants = cva10("flex flex-col border-r", {
+    variants: {
+        size: {
+            sm: "w-48",
+            default: "w-64",
+            lg: "w-72"
+        }
+    },
+    defaultVariants: {
+        size: "default"
+    }
+});
+var SidebarFooter = React37.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return /* @__PURE__ */ jsx46("div", _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("p-4", className)
+    }, props), {
+        children: children
+    }));
+});
+SidebarFooter.displayName = "SidebarFooter";
+var Sidebar = React37.forwardRef(function(_param, ref) {
+    var className = _param.className, items = _param.items, selectedSection = _param.selectedSection, onSelect = _param.onSelect, footerContent = _param.footerContent, _param_size = _param.size, size = _param_size === void 0 ? "default" : _param_size, _param_selectedVariant = _param.selectedVariant, selectedVariant = _param_selectedVariant === void 0 ? "secondary" : _param_selectedVariant, _param_defaultVariant = _param.defaultVariant, defaultVariant = _param_defaultVariant === void 0 ? "ghost" : _param_defaultVariant, buttonClassName = _param.buttonClassName, props = _object_without_properties(_param, [
+        "className",
+        "items",
+        "selectedSection",
+        "onSelect",
+        "footerContent",
+        "size",
+        "selectedVariant",
+        "defaultVariant",
+        "buttonClassName"
+    ]);
+    return /* @__PURE__ */ jsx46("div", _object_spread_props(_object_spread({
+        className: cn(className, "alq--navigation-sidebar h-full"),
+        ref: ref
+    }, props), {
+        children: /* @__PURE__ */ jsxs21("aside", {
+            className: cn(sidebarVariants({
+                size: size
+            }), "h-full"),
+            children: [
+                /* @__PURE__ */ jsx46(ScrollArea, {
+                    className: "flex-grow justify-between",
+                    children: /* @__PURE__ */ jsx46("div", {
+                        className: "flex flex-col gap-2 p-4",
+                        children: items.map(function(item) {
+                            return /* @__PURE__ */ jsxs21(Button, {
+                                variant: (selectedSection === null || selectedSection === void 0 ? void 0 : selectedSection.name) === item.name ? selectedVariant : defaultVariant,
+                                className: cn("justify-start", buttonClassName),
+                                disabled: item.disabled,
+                                onClick: function() {
+                                    if (onSelect) {
+                                        onSelect(item);
+                                    }
+                                },
+                                children: [
+                                    item.icon && /* @__PURE__ */ jsx46(item.icon, {
+                                        className: "mr-2 h-4 w-4"
+                                    }),
+                                    item.name
+                                ]
+                            }, item.name);
+                        })
+                    })
+                }),
+                footerContent && /* @__PURE__ */ jsx46(SidebarFooter, {
+                    children: footerContent
+                })
+            ]
+        })
+    }));
+});
+// src/components/molecules/sonner.tsx
+import { Toaster as Sonner } from "sonner";
+// src/providers/theme-context.ts
+import { createContext as createContext2, useContext as useContext2 } from "react";
+var ThemeContext = createContext2({
+    theme: "system",
+    setTheme: function() {}
+});
+// src/components/molecules/sonner.tsx
+import { jsx as jsx47 } from "react/jsx-runtime";
+// src/components/molecules/rating-stars.tsx
+import * as React38 from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { Star as Star2 } from "lucide-react";
+import { jsx as jsx48, jsxs as jsxs22 } from "react/jsx-runtime";
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip3 = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipContent = React38.forwardRef(function(_param, ref) {
+    var className = _param.className, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, props = _object_without_properties(_param, [
+        "className",
+        "sideOffset"
+    ]);
+    return /* @__PURE__ */ jsx48(TooltipPrimitive.Content, _object_spread({
+        ref: ref,
+        sideOffset: sideOffset,
+        className: cn("z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground shadow-lg animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className)
+    }, props));
+});
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+var StarRating = React38.forwardRef(function(param, ref) {
+    var rating = param.rating, onRate = param.onRate;
+    return /* @__PURE__ */ jsx48("div", {
+        ref: ref,
+        className: "flex",
+        children: [
+            1,
+            2,
+            3,
+            4,
+            5
+        ].map(function(star) {
+            return /* @__PURE__ */ jsx48(Button, {
+                onClick: function() {
+                    return onRate(star);
+                },
+                variant: "link",
+                className: "p-1 transition-colors [&_svg]:size-5 h-5",
+                "aria-label": "Rate ".concat(star, " star").concat(star !== 1 ? "s" : ""),
+                children: /* @__PURE__ */ jsx48(Star2, {
+                    className: cn("w-5 h-5", star <= rating ? "alq-rating-star-active fill-current stroke-current" : "alq-rating-star-inactive")
+                })
+            }, star);
+        })
+    });
+});
+StarRating.displayName = "StarRating";
+var RatingStars = React38.forwardRef(function(param, ref) {
+    var _param_currentRating = param.currentRating, currentRating = _param_currentRating === void 0 ? 0 : _param_currentRating, onRate = param.onRate, className = param.className, isLoading = param.isLoading;
+    var _React38_useState = _sliced_to_array(React38.useState(false), 2), open = _React38_useState[0], setOpen = _React38_useState[1];
+    var _React38_useState1 = _sliced_to_array(React38.useState(false), 2), animate = _React38_useState1[0], setAnimate = _React38_useState1[1];
+    var handleRate = function(rating) {
+        onRate(rating);
+        setOpen(false);
+    };
+    React38.useEffect(function() {
+        if (currentRating > 0) {
+            setAnimate(true);
+            var timer = setTimeout(function() {
+                return setAnimate(false);
+            }, 150);
+            return function() {
+                return clearTimeout(timer);
+            };
+        }
+    }, [
+        currentRating
+    ]);
+    var hasRated = currentRating > 0;
+    return /* @__PURE__ */ jsx48(TooltipProvider, {
+        children: /* @__PURE__ */ jsxs22(Tooltip3, {
+            open: open,
+            onOpenChange: setOpen,
+            children: [
+                /* @__PURE__ */ jsx48(TooltipTrigger, {
+                    asChild: true,
+                    children: /* @__PURE__ */ jsx48(Button, {
+                        ref: ref,
+                        variant: "link",
+                        className: cn("inline-flex items-center justify-center rounded-md text-sm font-medium [&_svg]:size-5  transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", className),
+                        disabled: isLoading,
+                        onClick: function() {
+                            return setOpen(!open);
+                        },
+                        children: /* @__PURE__ */ jsx48(Star2, {
+                            className: cn("w-5 h-5 transition-all duration-500", animate && "animate-ping", isLoading && "animate-pulse", hasRated ? "alq-rating-star-active fill-current stroke-current" : "alq-rating-star-inactive")
+                        })
+                    })
+                }),
+                /* @__PURE__ */ jsx48(TooltipContent, {
+                    side: "top",
+                    align: "center",
+                    className: "p-0",
+                    children: /* @__PURE__ */ jsx48("div", {
+                        className: "p-2 bg-background",
+                        children: /* @__PURE__ */ jsx48(StarRating, {
+                            rating: currentRating,
+                            onRate: handleRate
+                        })
+                    })
+                })
+            ]
+        })
+    });
+});
+RatingStars.displayName = "RatingStars";
+// src/components/molecules/rating-thumbs.tsx
+import * as React39 from "react";
+import { ThumbsUp, ThumbsDown } from "lucide-react";
+import { jsx as jsx49, jsxs as jsxs23 } from "react/jsx-runtime";
+var RatingThumbs = React39.forwardRef(function(param, ref) {
+    var currentRating = param.currentRating, onRate = param.onRate, _param_direction = param.direction, direction = _param_direction === void 0 ? "row" : _param_direction, className = param.className, isLoading = param.isLoading;
+    var _React39_useState = _sliced_to_array(React39.useState(false), 2), animate = _React39_useState[0], setAnimate = _React39_useState[1];
+    React39.useEffect(function() {
+        if (currentRating) {
+            setAnimate(true);
+            var timer = setTimeout(function() {
+                return setAnimate(false);
+            }, 150);
+            return function() {
+                return clearTimeout(timer);
+            };
+        }
+    }, [
+        currentRating
+    ]);
+    return /* @__PURE__ */ jsxs23("div", {
+        ref: ref,
+        className: cn("inline-flex", direction === "column" ? "flex-col" : "flex-row", "space-x-1 gap-4", className),
+        children: [
+            /* @__PURE__ */ jsx49(Button, {
+                variant: "link",
+                onClick: function() {
+                    return onRate(currentRating === "thumbsUp" ? "" : "thumbsUp");
+                },
+                className: cn("p-1 transition-colors disabled:opacity-50 [&_svg]:size-5", "hover:alq-rating-thumbsup/10"),
+                "aria-label": "Thumbs up",
+                disabled: isLoading,
+                children: /* @__PURE__ */ jsx49(ThumbsUp, {
+                    className: cn("w-5 h-5 transition-all duration-500", animate && currentRating === "thumbsUp" && "animate-ping", isLoading && "animate-pulse", currentRating === "thumbsUp" ? "alq-rating-thumbsup fill-current stroke-current" : "alq-rating-thumbs-inactive fill-transparent")
+                })
+            }),
+            /* @__PURE__ */ jsx49(Button, {
+                variant: "link",
+                onClick: function() {
+                    return onRate(currentRating === "thumbsDown" ? "" : "thumbsDown");
+                },
+                className: cn("p-1 transition-colors disabled:opacity-50 mt-0.5 [&_svg]:size-5", "hover:bg-alq-rating-thumbsdown/10"),
+                "aria-label": "Thumbs down",
+                disabled: isLoading,
+                children: /* @__PURE__ */ jsx49(ThumbsDown, {
+                    className: cn("w-5 h-5 transition-all duration-500", animate && currentRating === "thumbsDown" && "animate-ping", isLoading && "animate-pulse", currentRating === "thumbsDown" ? "alq-rating-thumbsdown fill-current stroke-current" : "alq-rating-thumbs-inactive fill-transparent")
+                })
+            })
+        ]
+    });
+});
+RatingThumbs.displayName = "RatingThumbs";
+// src/components/molecules/rating-comment.tsx
+import * as React40 from "react";
+import { Book } from "lucide-react";
+import { jsx as jsx50, jsxs as jsxs24 } from "react/jsx-runtime";
+var RatingComment = React40.forwardRef(function(param, ref) {
+    var currentRating = param.currentRating, onRate = param.onRate, className = param.className, isLoading = param.isLoading;
+    var _React40_useState = _sliced_to_array(React40.useState(false), 2), open = _React40_useState[0], setOpen = _React40_useState[1];
+    var _React40_useState1 = _sliced_to_array(React40.useState(""), 2), comment = _React40_useState1[0], setComment = _React40_useState1[1];
+    var _React40_useState2 = _sliced_to_array(React40.useState(false), 2), animate = _React40_useState2[0], setAnimate = _React40_useState2[1];
+    var handleRate = function() {
+        onRate(comment);
+        setOpen(false);
+    };
+    React40.useEffect(function() {
+        if (currentRating) {
+            setAnimate(true);
+            var timer = setTimeout(function() {
+                return setAnimate(false);
+            }, 150);
+            return function() {
+                return clearTimeout(timer);
+            };
+        }
+    }, [
+        currentRating
+    ]);
+    React40.useEffect(function() {
+        setComment("");
+    }, [
+        open
+    ]);
+    return /* @__PURE__ */ jsxs24(Dialog, {
+        open: open,
+        onOpenChange: setOpen,
+        children: [
+            /* @__PURE__ */ jsx50(DialogTrigger, {
+                asChild: true,
+                children: /* @__PURE__ */ jsx50(Button, {
+                    ref: ref,
+                    variant: "link",
+                    size: "lg",
+                    className: cn("inline-flex p-2 items-center justify-center rounded-md text-sm font-medium transition-colors [&_svg]:size-5  focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring bg-transparent hover:none disabled:pointer-events-none disabled:opacity-50", className),
+                    disabled: isLoading,
+                    children: /* @__PURE__ */ jsx50(Book, {
+                        className: cn("w-5 h-5 transition-all duration-500", animate && "animate-ping", isLoading && "animate-pulse", "".concat(comment ? "alq-rating-comment" : "stroke-gray-400"))
+                    })
+                })
+            }),
+            /* @__PURE__ */ jsx50(DialogOverlay, {
+                className: "fixed inset-0 bg-black bg-opacity-50"
+            }),
+            /* @__PURE__ */ jsxs24(DialogContent, {
+                "aria-describedby": void 0,
+                children: [
+                    /* @__PURE__ */ jsx50(DialogTitle, {
+                        className: "text-lg font-medium",
+                        children: "Deja un comentario"
+                    }),
+                    /* @__PURE__ */ jsx50("textarea", {
+                        className: "mt-4 w-full p-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-primary",
+                        rows: 4,
+                        value: comment,
+                        onChange: function(e) {
+                            return setComment(e.target.value);
+                        }
+                    }),
+                    /* @__PURE__ */ jsx50("div", {
+                        className: "mt-4 flex justify-end",
+                        children: /* @__PURE__ */ jsx50(Button, {
+                            onClick: handleRate,
+                            disabled: !comment,
+                            children: "Enviar"
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+});
+RatingComment.displayName = "RatingComment";
+// src/components/molecules/call-out.tsx
+import * as React41 from "react";
+import { ChevronDown as ChevronDown4, ChevronUp as ChevronUp2 } from "lucide-react";
+// src/components/hooks/use-text-streaming.ts
+import { useState as useState11, useEffect as useEffect9, useRef, useCallback as useCallback2 } from "react";
+var CHAR_DELAY = 15;
+var PUNCTUATION_DELAY = 300;
+function useTextStreaming(content, shouldStream, handleIsTextStreaming) {
+    var _useState11 = _sliced_to_array(useState11(""), 2), displayedText = _useState11[0], setDisplayedText = _useState11[1];
+    var contentRef = useRef(content);
+    var indexRef = useRef(0);
+    var timerRef = useRef(null);
+    var hasStartedStreaming = useRef(false);
+    useEffect9(function() {
+        contentRef.current = content;
+        if (hasStartedStreaming.current && !timerRef.current && indexRef.current < contentRef.current.length) {
+            typeNext();
+        }
+    }, [
+        content
+    ]);
+    var typeNext = useCallback2(function() {
+        if (indexRef.current < contentRef.current.length) {
+            var nextChar = contentRef.current.charAt(indexRef.current);
+            setDisplayedText(function(prev) {
+                return prev + nextChar;
+            });
+            indexRef.current++;
+            var delay = /[.!?;:]/.test(nextChar) ? PUNCTUATION_DELAY : CHAR_DELAY;
+            timerRef.current = setTimeout(function() {
+                timerRef.current = null;
+                typeNext();
+            }, delay);
+        } else {
+            handleIsTextStreaming === null || handleIsTextStreaming === void 0 ? void 0 : handleIsTextStreaming(false);
+        }
+    }, []);
+    useEffect9(function() {
+        if (!shouldStream && !hasStartedStreaming.current) {
+            setDisplayedText(contentRef.current);
+            indexRef.current = contentRef.current.length;
+            if (timerRef.current) {
+                clearTimeout(timerRef.current);
+                timerRef.current = null;
+            }
+            handleIsTextStreaming === null || handleIsTextStreaming === void 0 ? void 0 : handleIsTextStreaming(false);
+        } else {
+            if (indexRef.current < contentRef.current.length && !timerRef.current) {
+                handleIsTextStreaming === null || handleIsTextStreaming === void 0 ? void 0 : handleIsTextStreaming(true);
+                hasStartedStreaming.current = true;
+                typeNext();
+            }
+        }
+        return function() {
+            if (timerRef.current) {
+                clearTimeout(timerRef.current);
+                timerRef.current = null;
+            }
+        };
+    }, [
+        shouldStream,
+        typeNext
+    ]);
+    return displayedText;
+}
+// src/components/molecules/call-out.tsx
+import { jsx as jsx51, jsxs as jsxs25 } from "react/jsx-runtime";
+var CallOut = React41.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, role = _param.role, props = _object_without_properties(_param, [
+        "className",
+        "children",
+        "role"
+    ]);
+    return /* @__PURE__ */ jsx51("div", _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("alq--callout-box", className),
+        "data-role": role
+    }, props), {
+        children: children
+    }));
+});
+var CallOutDate = React41.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return /* @__PURE__ */ jsx51("div", _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("alq--callout-date", "text-sm text-muted-foreground", className)
+    }, props), {
+        children: children
+    }));
+});
+var CallOutActions = React41.forwardRef(function(_param, ref) {
+    var className = _param.className, actions = _param.actions, role = _param.role, message = _param.message, props = _object_without_properties(_param, [
+        "className",
+        "actions",
+        "role",
+        "message"
+    ]);
+    var _React41_useState = _sliced_to_array(React41.useState(false), 2), isLoading = _React41_useState[0], setIsLoading = _React41_useState[1];
+    var _React41_useState1 = _sliced_to_array(React41.useState(false), 2), isClicked = _React41_useState1[0], setIsClicked = _React41_useState1[1];
+    if (role === "user") {
+        return null;
+    }
+    return /* @__PURE__ */ jsx51("div", _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("alq--callout-actions", className)
+    }, props), {
+        children: actions.map(function(action) {
+            var _action_component;
+            return action.custom ? /* @__PURE__ */ jsx51(React41.Fragment, {
+                children: (_action_component = action.component) === null || _action_component === void 0 ? void 0 : _action_component.call(action, {
+                    message: message
+                })
+            }, action.label) : /* @__PURE__ */ jsxs25("button", {
+                className: cn("alq--callout-action", {
+                    "alq--callout-animate-action": isLoading
+                }, {
+                    "alq--callout-clicked-action": isClicked
+                }),
+                type: "button",
+                title: action.label,
+                onClick: function() {
+                    setIsLoading(true);
+                    action.onClick(message).then(function() {
+                        setIsLoading(false);
+                        setIsClicked(true);
+                    });
+                },
+                children: [
+                    /* @__PURE__ */ jsx51("span", {
+                        className: cn("alq-action-icon-wrapper", {
+                            "alq--callout-animate-action": isLoading
+                        }),
+                        children: action.icon
+                    }),
+                    /* @__PURE__ */ jsx51("label", {
+                        children: action.label
+                    })
+                ]
+            }, action.label);
+        })
+    }));
+});
+var CallOutResponse = React41.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, role = _param.role, additionalInfo = _param.additionalInfo, toggleAdditionalInfo = _param.toggleAdditionalInfo, isStreaming = _param.isStreaming, handleIsTextStreaming = _param.handleIsTextStreaming, props = _object_without_properties(_param, [
+        "className",
+        "children",
+        "role",
+        "additionalInfo",
+        "toggleAdditionalInfo",
+        "isStreaming",
+        "handleIsTextStreaming"
+    ]);
+    var _React41_useState = _sliced_to_array(React41.useState(false), 2), isAdditionalInfoOpen = _React41_useState[0], setIsAdditionalInfoOpen = _React41_useState[1];
+    var content = String(children || "");
+    var shouldStream = role === "assistant" && isStreaming;
+    var displayedContent = useTextStreaming(content, shouldStream !== null && shouldStream !== void 0 ? shouldStream : false, handleIsTextStreaming);
+    var showAsToggle = additionalInfo && toggleAdditionalInfo;
+    var showInline = additionalInfo && !toggleAdditionalInfo;
+    return /* @__PURE__ */ jsxs25("div", _object_spread_props(_object_spread({
+        ref: ref,
+        "data-role": role,
+        className: cn("alq--callout-response", "max-w-none", "text-foreground", className)
+    }, props), {
+        children: [
+            /* @__PURE__ */ jsx51(RichText, {
+                content: displayedContent
+            }),
+            showInline && /* @__PURE__ */ jsx51("div", {
+                className: cn("alq--callout-response-additional-info", "mt-2 text-sm text-muted-foreground whitespace-pre-line", "border-t border-border pt-2"),
+                children: additionalInfo
+            }),
+            showAsToggle && /* @__PURE__ */ jsxs25("div", {
+                className: cn("alq--callout-response-additional-info", "mt-2 border-t border-border pt-2"),
+                children: [
+                    /* @__PURE__ */ jsxs25(Button, {
+                        type: "button",
+                        variant: "ghost",
+                        size: "sm",
+                        className: "h-auto py-1.5 px-0 text-xs text-muted-foreground hover:bg-transparent hover:text-muted-foreground -ml-1",
+                        onClick: function() {
+                            return setIsAdditionalInfoOpen(function(prev) {
+                                return !prev;
+                            });
+                        },
+                        "aria-expanded": isAdditionalInfoOpen,
+                        children: [
+                            isAdditionalInfoOpen ? /* @__PURE__ */ jsx51(ChevronUp2, {
+                                className: "h-4 w-4 mr-1.5 shrink-0 transition-transform"
+                            }) : /* @__PURE__ */ jsx51(ChevronDown4, {
+                                className: "h-4 w-4 mr-1.5 shrink-0 transition-transform"
+                            }),
+                            isAdditionalInfoOpen ? "Hide details" : "Show details"
+                        ]
+                    }),
+                    /* @__PURE__ */ jsx51("div", {
+                        className: cn("grid transition-[grid-template-rows] duration-200 ease-out", isAdditionalInfoOpen ? "grid-rows-[1fr]" : "grid-rows-[0fr]"),
+                        children: /* @__PURE__ */ jsx51("div", {
+                            className: "overflow-hidden",
+                            children: /* @__PURE__ */ jsx51("div", {
+                                className: "text-sm text-muted-foreground pt-1 whitespace-pre-line",
+                                children: additionalInfo
+                            })
+                        })
+                    })
+                ]
+            })
+        ]
+    }));
+});
+CallOut.displayName = "CallOut";
+CallOutDate.displayName = "CallOutDate";
+CallOutActions.displayName = "CallOutActions";
+CallOutResponse.displayName = "CallOutResponse";
+// src/components/organisms/assistant.tsx
+import { Send } from "lucide-react";
+import { jsx as jsx52, jsxs as jsxs26 } from "react/jsx-runtime";
+var Assistant = React42.forwardRef(function(_param, ref) {
+    var className = _param.className, sdk = _param.sdk, title = _param.title, description = _param.description, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "sdk",
+        "title",
+        "description",
+        "children"
+    ]);
+    return /* @__PURE__ */ jsxs26("div", _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("flex flex-col h-full bg-background text-foreground", className)
+    }, props), {
+        children: [
+            (title || description) && /* @__PURE__ */ jsxs26(AssistantHeader, {
+                children: [
+                    title && /* @__PURE__ */ jsx52(AssistantTitle, {
+                        title: title
+                    }),
+                    description && /* @__PURE__ */ jsx52(AssistantDescription, {
+                        description: description
+                    })
+                ]
+            }),
+            children
+        ]
+    }));
+});
+Assistant.displayName = "Assistant";
+var AssistantTitle = React42.forwardRef(function(_param, ref) {
+    var className = _param.className, title = _param.title, props = _object_without_properties(_param, [
+        "className",
+        "title"
+    ]);
+    return /* @__PURE__ */ jsx52("div", _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("text-foreground", className)
+    }, props), {
+        children: /* @__PURE__ */ jsx52(Typography, {
+            typeStyle: "heading1",
+            as: "h1",
+            children: title
+        })
+    }));
+});
+AssistantTitle.displayName = "AssistantTitle";
+var AssistantDescription = React42.forwardRef(function(_param, ref) {
+    var className = _param.className, description = _param.description, props = _object_without_properties(_param, [
+        "className",
+        "description"
+    ]);
+    return /* @__PURE__ */ jsx52("div", _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("text-foreground", className)
+    }, props), {
+        children: /* @__PURE__ */ jsx52(Typography, {
+            typeStyle: "display",
+            as: "p",
+            children: description
+        })
+    }));
+});
+AssistantDescription.displayName = "AssistantDescription";
+var AssistantHeader = React42.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return /* @__PURE__ */ jsx52("div", _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("bg-background text-foreground", className)
+    }, props), {
+        children: children
+    }));
+});
+AssistantHeader.displayName = "AssistantHeader";
+var AssistantMessageArea = React42.forwardRef(function(_param, ref) {
+    var className = _param.className, messages = _param.messages, messagesEndRef = _param.messagesEndRef, actions = _param.actions, streamingMessageId = _param.streamingMessageId, thinkIndicator = _param.thinkIndicator, handleIsTextStreaming = _param.handleIsTextStreaming, toolFactory = _param.toolFactory, isLoading = _param.isLoading, showDetailedErrors = _param.showDetailedErrors, interleave = _param.interleave, awaitingUser = _param.awaitingUser, _isMessageStreaming = _param.isMessageStreaming, props = _object_without_properties(_param, [
+        "className",
+        "messages",
+        "messagesEndRef",
+        "actions",
+        "streamingMessageId",
+        "thinkIndicator",
+        "handleIsTextStreaming",
+        "toolFactory",
+        "isLoading",
+        "showDetailedErrors",
+        "interleave",
+        "awaitingUser",
+        "isMessageStreaming"
+    ]);
+    useEffect10(function() {
+        var _messagesEndRef_current;
+        (_messagesEndRef_current = messagesEndRef.current) === null || _messagesEndRef_current === void 0 ? void 0 : _messagesEndRef_current.scrollIntoView({
+            behavior: "instant"
+        });
+    }, []);
+    return /* @__PURE__ */ jsxs26("div", _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("p-6 overflow-y-auto flex-grow bg-background", className)
+    }, props), {
+        children: [
+            interleave === null || interleave === void 0 ? void 0 : interleave(0),
+            messages.map(function(message, index) {
+                var _message_tooler;
+                return /* @__PURE__ */ jsxs26("div", {
+                    children: [
+                        /* @__PURE__ */ jsxs26(CallOut, {
+                            role: message.role,
+                            message: message,
+                            children: [
+                                streamingMessageId === message.id && (isLoading || message.content.length === 0) && !message.error_code && !awaitingUser && /* @__PURE__ */ jsx52("div", {
+                                    children: thinkIndicator !== null && thinkIndicator !== void 0 ? thinkIndicator : /* @__PURE__ */ jsx52(ThinkIndicator, {})
+                                }),
+                                message.error_code && /* @__PURE__ */ jsx52(CallOutResponse, {
+                                    role: "assistant",
+                                    "data-error-code": message.error_code,
+                                    additionalInfo: showDetailedErrors ? "".concat(message.error_detail).concat(message.taskid ? "\ntask id: ".concat(message.taskid) : "") : void 0,
+                                    toggleAdditionalInfo: true,
+                                    children: getErrorMessage(message.error_code)
+                                }),
+                                !message.error_code && ((_message_tooler = message.tooler) === null || _message_tooler === void 0 ? void 0 : _message_tooler.filter(hasToolResult).map(function(tool, index2) {
+                                    var _tool_tool_summary, _tool_tool_summary1;
+                                    return /* @__PURE__ */ jsx52(React42.Fragment, {
+                                        children: toolFactory === null || toolFactory === void 0 ? void 0 : toolFactory.createTool(((_tool_tool_summary = tool.tool_summary) === null || _tool_tool_summary === void 0 ? void 0 : _tool_tool_summary.name) || "", tool.tool_output)
+                                    }, tool.control_id || "".concat((_tool_tool_summary1 = tool.tool_summary) === null || _tool_tool_summary1 === void 0 ? void 0 : _tool_tool_summary1.name, "-").concat(index2));
+                                })),
+                                message.content && !message.error_code && /* @__PURE__ */ jsxs26("div", {
+                                    "data-role": message.role,
+                                    className: "alq--callout-message-container",
+                                    children: [
+                                        message.created_at && streamingMessageId !== message.id && /* @__PURE__ */ jsx52("div", {
+                                            className: "text-xs text-muted-foreground/80 pb-1 alq--callout-message-date",
+                                            children: new Date(Number(message.created_at)).toLocaleString("es-ES", {
+                                                hour: "2-digit",
+                                                minute: "2-digit",
+                                                hour12: false
+                                            })
+                                        }),
+                                        /* @__PURE__ */ jsx52(CallOutResponse, {
+                                            role: message.role,
+                                            isStreaming: streamingMessageId === message.id,
+                                            handleIsTextStreaming: handleIsTextStreaming,
+                                            additionalInfo: streamingMessageId !== message.id ? message === null || message === void 0 ? void 0 : message.additionalInfo : void 0,
+                                            children: message.content
+                                        }),
+                                        actions && streamingMessageId !== message.id && /* @__PURE__ */ jsx52(CallOutActions, {
+                                            actions: actions,
+                                            message: message,
+                                            role: message.role
+                                        }, message.id)
+                                    ]
+                                })
+                            ]
+                        }, message.id),
+                        interleave === null || interleave === void 0 ? void 0 : interleave(index + 1)
+                    ]
+                }, message.id);
+            }),
+            /* @__PURE__ */ jsx52("div", {
+                ref: messagesEndRef
+            })
+        ]
+    }));
+});
+AssistantMessageArea.displayName = "AssistantMessageArea";
+var AssistantInput = React42.forwardRef(function(_param, ref) {
+    var className = _param.className, sendMessageFunc = _param.sendMessageFunc, isButtonDisabled = _param.isButtonDisabled, input = _param.input, handleInputChange = _param.handleInputChange, isMessageStreaming = _param.isMessageStreaming, speechToTextComponent = _param.speechToTextComponent, userToolboxComponent = _param.userToolboxComponent, placeholders = _param.placeholders, onFileDrop = _param.onFileDrop, attachmentsSlot = _param.attachmentsSlot, props = _object_without_properties(_param, [
+        "className",
+        "sendMessageFunc",
+        "isButtonDisabled",
+        "input",
+        "handleInputChange",
+        "isMessageStreaming",
+        "speechToTextComponent",
+        "userToolboxComponent",
+        "placeholders",
+        "onFileDrop",
+        "attachmentsSlot"
+    ]);
+    var _useState13 = _sliced_to_array(useState13(false), 2), isDragging = _useState13[0], setIsDragging = _useState13[1];
+    var dragCounterRef = useRef2(0);
+    var handleDragEnter = useCallback3(function(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        dragCounterRef.current += 1;
+        if (e.dataTransfer.types.includes("Files")) {
+            setIsDragging(true);
+        }
+    }, []);
+    var handleDragOver = useCallback3(function(e) {
+        e.preventDefault();
+        e.stopPropagation();
+    }, []);
+    var handleDragLeave = useCallback3(function(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        dragCounterRef.current -= 1;
+        if (dragCounterRef.current === 0) {
+            setIsDragging(false);
+        }
+    }, []);
+    var handleDrop = useCallback3(function(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        dragCounterRef.current = 0;
+        setIsDragging(false);
+        var files = Array.from(e.dataTransfer.files);
+        if (files.length > 0) {
+            onFileDrop === null || onFileDrop === void 0 ? void 0 : onFileDrop(files);
+        }
+    }, [
+        onFileDrop
+    ]);
+    var placeholder = placeholders ? isMessageStreaming ? placeholders[0] : placeholders[1] : isMessageStreaming ? "Processing..." : "Type your message here...";
+    return /* @__PURE__ */ jsxs26("form", _object_spread_props(_object_spread({
+        onSubmit: sendMessageFunc,
+        className: cn("flex flex-col relative rounded-lg border border-input bg-background", "focus-within:ring-2 focus-within:ring-ring", onFileDrop && isDragging && "ring-2 ring-primary/50 alq--assistant-input-dragover", className),
+        ref: ref,
+        onDragEnter: onFileDrop ? handleDragEnter : void 0,
+        onDragOver: onFileDrop ? handleDragOver : void 0,
+        onDragLeave: onFileDrop ? handleDragLeave : void 0,
+        onDrop: onFileDrop ? handleDrop : void 0
+    }, props), {
+        children: [
+            attachmentsSlot,
+            /* @__PURE__ */ jsx52("textarea", {
+                disabled: isButtonDisabled,
+                value: input,
+                onChange: handleInputChange,
+                placeholder: placeholder,
+                className: cn("flex-1 min-w-0 text-sm p-3 focus:outline-none w-full resize-none", "bg-transparent text-foreground", "placeholder:text-muted-foreground", "disabled:opacity-50 disabled:cursor-not-allowed"),
+                onKeyDown: function(e) {
+                    if (e.key === "Enter" && !e.shiftKey) {
+                        e.preventDefault();
+                        sendMessageFunc(e);
+                    }
+                }
+            }),
+            /* @__PURE__ */ jsxs26("div", {
+                className: "flex items-center relative alq--assistant-actions",
+                children: [
+                    userToolboxComponent,
+                    speechToTextComponent,
+                    /* @__PURE__ */ jsx52("button", {
+                        type: "submit",
+                        "aria-label": "Send",
+                        disabled: isButtonDisabled,
+                        className: cn("w-10 h-10 rounded-full flex items-center justify-center alq--assistant-button-send", isButtonDisabled ? "bg-muted text-muted-foreground" : "bg-primary text-primary-foreground hover:bg-primary/90"),
+                        children: /* @__PURE__ */ jsx52(Send, {
+                            className: "w-5 h-5"
+                        })
+                    })
+                ]
+            })
+        ]
+    }));
+});
+AssistantInput.displayName = "AssistantInput";
+// src/components/genui/assistant-chat.tsx
+import { jsx as jsx53, jsxs as jsxs27 } from "react/jsx-runtime";
+function TypingDots() {
+    return /* @__PURE__ */ jsx53("div", {
+        className: "flex w-fit items-center gap-1.5 rounded-2xl rounded-bl-md border border-border/60 bg-card px-4 py-3 shadow-sm",
+        children: [
+            0,
+            1,
+            2
+        ].map(function(i) {
+            return /* @__PURE__ */ jsx53("span", {
+                className: "h-2 w-2 animate-bounce rounded-full bg-primary",
+                style: {
+                    animationDelay: "".concat(i * 0.15, "s"),
+                    animationDuration: "0.9s"
+                }
+            }, i);
+        })
+    });
+}
+function AssistantChat(param) {
+    var alquimia = param.alquimia, _param_registry = param.registry, registry = _param_registry === void 0 ? coreUiRegistry : _param_registry, conversationId = param.conversationId, _param_placeholder = param.placeholder, placeholder = _param_placeholder === void 0 ? "Ask the agent to build something\u2026" : _param_placeholder, _param_suggestions = param.suggestions, suggestions = _param_suggestions === void 0 ? [] : _param_suggestions, className = param.className, thinkIndicator = param.thinkIndicator;
+    var endRef = React43.useRef(null);
+    var messages = alquimia.messages, input = alquimia.input, handleInputChange = alquimia.handleInputChange, handleSubmit = alquimia.handleSubmit, handleLoadingCancel = alquimia.handleLoadingCancel, isLoading = alquimia.isLoading, isMessageStreaming = alquimia.isMessageStreaming, streamingMessageId = alquimia.streamingMessageId, genui = alquimia.genui;
+    var _genui_surfaces;
+    var surfaces = (_genui_surfaces = genui === null || genui === void 0 ? void 0 : genui.surfaces) !== null && _genui_surfaces !== void 0 ? _genui_surfaces : [];
+    var _genui_awaitingUser;
+    var awaitingUser = (_genui_awaitingUser = genui === null || genui === void 0 ? void 0 : genui.awaitingUser) !== null && _genui_awaitingUser !== void 0 ? _genui_awaitingUser : false;
+    var isBusy = !!(isLoading || isMessageStreaming);
+    var hasContent = messages.some(function(m) {
+        var _m_content;
+        return m.role === "user" || m.role !== "system" && ((_m_content = m.content) !== null && _m_content !== void 0 ? _m_content : "").trim().length > 0;
+    });
+    var isEmpty = !hasContent && surfaces.length === 0;
+    React43.useEffect(function() {
+        var _endRef_current;
+        (_endRef_current = endRef.current) === null || _endRef_current === void 0 ? void 0 : _endRef_current.scrollIntoView({
+            behavior: "smooth"
+        });
+    }, [
+        messages,
+        surfaces
+    ]);
+    var renderSurface = function(item) {
+        return /* @__PURE__ */ jsxs27("div", {
+            className: "my-3 flex flex-col items-start gap-1.5",
+            children: [
+                /* @__PURE__ */ jsxs27("div", {
+                    className: cn("relative w-full max-w-[95%] rounded-2xl border border-border/60 bg-card p-5 shadow-sm duration-500 animate-in fade-in slide-in-from-bottom-2", item.submitted && "opacity-70"),
+                    children: [
+                        item.submitted && /* @__PURE__ */ jsxs27("div", {
+                            className: "absolute right-3 top-3 z-10 flex items-center gap-1 rounded-full bg-emerald-500/10 px-2 py-0.5 text-xs font-medium text-emerald-600 dark:text-emerald-400",
+                            children: [
+                                /* @__PURE__ */ jsx53(Check3, {
+                                    className: "h-3 w-3"
+                                }),
+                                item.dismissedWith ? "Skipped" : "Submitted"
+                            ]
+                        }),
+                        /* @__PURE__ */ jsx53("div", {
+                            className: cn(item.submitted && "pointer-events-none select-none"),
+                            "aria-disabled": item.submitted,
+                            children: /* @__PURE__ */ jsx53(A2uiRenderer, {
+                                surface: item.surface,
+                                registry: registry,
+                                onAgentAction: genui ? genui.onAgentAction(item.controlId) : function() {}
+                            })
+                        })
+                    ]
+                }),
+                item.dismissedWith && /* @__PURE__ */ jsxs27("p", {
+                    className: "alq--surface-dismissed max-w-[95%] pl-1 text-sm text-muted-foreground",
+                    children: [
+                        /* @__PURE__ */ jsx53("span", {
+                            className: "font-medium text-foreground",
+                            children: "You replied:"
+                        }),
+                        " ",
+                        item.dismissedWith
+                    ]
+                })
+            ]
+        }, "s-".concat(item.controlId));
+    };
+    var byCount = /* @__PURE__ */ new Map();
+    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+    try {
+        for(var _iterator = surfaces[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+            var s = _step.value;
+            var _byCount_get;
+            var arr = (_byCount_get = byCount.get(s.afterCount)) !== null && _byCount_get !== void 0 ? _byCount_get : [];
+            arr.push(s);
+            byCount.set(s.afterCount, arr);
+        }
+    } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+            }
+        } finally{
+            if (_didIteratorError) {
+                throw _iteratorError;
+            }
+        }
+    }
+    var interleave = function(afterIndex) {
+        var _byCount_get;
+        var nodes = ((_byCount_get = byCount.get(afterIndex)) !== null && _byCount_get !== void 0 ? _byCount_get : []).map(renderSurface);
+        if (afterIndex === 0 && isEmpty) {
+            nodes.unshift(/* @__PURE__ */ jsxs27("div", {
+                className: "flex min-h-full flex-col items-center justify-center gap-4 py-16 text-center",
+                children: [
+                    /* @__PURE__ */ jsx53("p", {
+                        className: "max-w-sm text-muted-foreground",
+                        children: "Ask the agent to build an interface."
+                    }),
+                    /* @__PURE__ */ jsx53("div", {
+                        className: "flex flex-col items-center gap-2",
+                        children: suggestions.map(function(s) {
+                            return /* @__PURE__ */ jsx53("button", {
+                                type: "button",
+                                onClick: function() {
+                                    return handleInputChange({
+                                        target: {
+                                            value: s
+                                        }
+                                    });
+                                },
+                                className: "rounded-full border border-border/70 bg-card px-4 py-2 text-sm text-foreground/80 transition hover:border-primary/40 hover:shadow-sm",
+                                children: s
+                            }, s);
+                        })
+                    })
+                ]
+            }, "empty"));
+        }
+        return nodes.length ? nodes : null;
+    };
+    var onSubmit = /*#__PURE__*/ function() {
+        var _ref = _async_to_generator(function(e) {
+            var e1;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        e.preventDefault();
+                        if (!input.trim()) return [
+                            2
+                        ];
+                        if (awaitingUser && (genui === null || genui === void 0 ? void 0 : genui.dismiss)) {
+                            genui.dismiss(input);
+                            return [
+                                2
+                            ];
+                        }
+                        if (isBusy) return [
+                            2
+                        ];
+                        _state.label = 1;
+                    case 1:
+                        _state.trys.push([
+                            1,
+                            3,
+                            ,
+                            4
+                        ]);
+                        return [
+                            4,
+                            handleSubmit(e, void 0, conversationId !== null && conversationId !== void 0 ? conversationId : void 0)
+                        ];
+                    case 2:
+                        _state.sent();
+                        return [
+                            3,
+                            4
+                        ];
+                    case 3:
+                        e1 = _state.sent();
+                        handleLoadingCancel === null || handleLoadingCancel === void 0 ? void 0 : handleLoadingCancel();
+                        return [
+                            3,
+                            4
+                        ];
+                    case 4:
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function onSubmit(e) {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    return /* @__PURE__ */ jsxs27(Assistant, {
+        className: cn("mx-auto flex h-full w-full max-w-2xl flex-col bg-transparent px-4", className),
+        children: [
+            /* @__PURE__ */ jsx53(AssistantMessageArea, {
+                className: "bg-transparent",
+                messages: messages,
+                messagesEndRef: endRef,
+                isLoading: !!isLoading,
+                streamingMessageId: streamingMessageId !== null && streamingMessageId !== void 0 ? streamingMessageId : null,
+                interleave: interleave,
+                awaitingUser: awaitingUser,
+                thinkIndicator: thinkIndicator !== null && thinkIndicator !== void 0 ? thinkIndicator : /* @__PURE__ */ jsx53(TypingDots, {})
+            }),
+            /* @__PURE__ */ jsx53(AssistantInput, {
+                className: "mb-5 mt-2 rounded-2xl border-border/60 bg-card/90 shadow-lg backdrop-blur",
+                sendMessageFunc: onSubmit,
+                isButtonDisabled: isBusy && !awaitingUser,
+                input: input,
+                handleInputChange: handleInputChange,
+                isMessageStreaming: !!isMessageStreaming,
+                placeholders: [
+                    placeholder,
+                    placeholder
+                ]
+            })
+        ]
+    });
+}
+export { A2uiRenderer, AssistantChat, coreUiRegistry };
+//# sourceMappingURL=index.mjs.map