@krak-stack/registry 0.1.2 → 0.1.3

package/dist/services/agent/client/index.js

@@ -0,0 +1,2239 @@
+// ../../src/services/agent/client/atom.ts
+import { Effect, Layer, Stream } from "effect";
+import { Atom } from "effect/unstable/reactivity";
+var initialAgentState = {
+  context: undefined,
+  contextLocked: false,
+  messages: [],
+  pending: false
+};
+var updateTool = (messages, toolCallId, update) => messages.map((message) => ({
+  ...message,
+  tools: message.tools.map((tool) => tool.toolCallId === toolCallId ? update(tool) : tool)
+}));
+var failAgentState = (state, error) => {
+  const lastMessage = state.messages.at(-1);
+  const messages = lastMessage?.role === "assistant" && !lastMessage.text && lastMessage.tools.length === 0 ? state.messages.slice(0, -1) : state.messages;
+  return { ...state, messages, error };
+};
+var reduceAgentEvent = (state, event) => {
+  switch (event.type) {
+    case "message-start":
+      return {
+        ...state,
+        messages: [
+          ...state.messages,
+          { id: event.messageId, role: "assistant", text: "", tools: [] }
+        ]
+      };
+    case "tool-call":
+      return {
+        ...state,
+        messages: state.messages.map((message) => message.id === event.messageId ? {
+          ...message,
+          tools: [...message.tools, { ...event, status: "running" }]
+        } : message)
+      };
+    case "tool-result":
+      return {
+        ...state,
+        messages: updateTool(state.messages, event.toolCallId, (tool) => ({
+          ...tool,
+          status: event.isFailure ? "failed" : "completed"
+        }))
+      };
+    case "approval-required":
+      return {
+        ...state,
+        messages: updateTool(state.messages, event.toolCallId, (tool) => ({
+          ...tool,
+          approvalId: event.approvalId,
+          status: "approval-required"
+        }))
+      };
+    case "text-delta":
+      return {
+        ...state,
+        messages: state.messages.map((message) => message.id === event.messageId ? { ...message, text: message.text + event.delta } : message)
+      };
+    case "history":
+      return { ...state, history: event.value };
+    case "error":
+      return failAgentState(state, event.code);
+    case "finish":
+      return state;
+  }
+};
+var defaultErrorCode = (error) => {
+  if (error && typeof error === "object") {
+    const code = Reflect.get(error, "code");
+    if (code === "stream-failed" || code === "unavailable")
+      return code;
+  }
+  return "unavailable";
+};
+var makeAgentAtoms = ({
+  errorCode = defaultErrorCode,
+  reactivityKeys,
+  runtime = Atom.runtime(Layer.empty),
+  stream
+}) => {
+  const state = Atom.family((_scope) => Atom.make(initialAgentState));
+  const submit = runtime.fn()((input, get) => {
+    const submitAction = input.action;
+    const stateAtom = state(input.scope);
+    const current = get(stateAtom);
+    const context = current.contextLocked ? current.context : input.context;
+    const approvalStatus = submitAction.type === "approval" ? submitAction.approved ? "approved" : "denied" : undefined;
+    const messages = submitAction.type === "message" ? [
+      ...current.messages,
+      {
+        id: crypto.randomUUID(),
+        role: "user",
+        text: submitAction.text,
+        tools: []
+      }
+    ] : current.messages.map((message) => ({
+      ...message,
+      tools: message.tools.map((tool) => tool.toolCallId === submitAction.toolCallId ? { ...tool, status: approvalStatus ?? tool.status } : tool)
+    }));
+    get.set(stateAtom, {
+      ...current,
+      context,
+      contextLocked: true,
+      messages,
+      pending: true,
+      error: undefined
+    });
+    const action = submitAction.type === "message" ? submitAction : {
+      type: submitAction.type,
+      approvalId: submitAction.approvalId,
+      approved: submitAction.approved
+    };
+    return stream(get, {
+      action,
+      context: context ? { label: context.label, resource: context.resource } : undefined,
+      history: current.history
+    }).pipe(Effect.flatMap(Stream.runForEach((event) => Effect.sync(() => get.set(stateAtom, reduceAgentEvent(get(stateAtom), event))))), Effect.catch((error) => Effect.sync(() => get.set(stateAtom, failAgentState(get(stateAtom), errorCode(error))))), Effect.ensuring(Effect.sync(() => get.set(stateAtom, { ...get(stateAtom), pending: false }))));
+  }, { reactivityKeys });
+  const reset = Atom.fnSync()((scope, get) => {
+    get.set(state(scope), initialAgentState);
+  });
+  const removeContext = Atom.fnSync()((scope, get) => {
+    const stateAtom = state(scope);
+    get.set(stateAtom, {
+      ...get(stateAtom),
+      context: undefined,
+      contextLocked: true
+    });
+  });
+  return { removeContext, reset, state, submit };
+};
+// ../../src/services/agent/client/widget.tsx
+import { useEffect, useId, useRef, useState } from "react";
+import { Dialog as DialogPrimitive2 } from "@base-ui/react/dialog";
+import { code } from "@streamdown/code";
+import {
+  ArrowDownIcon as ArrowDownIcon2,
+  BotIcon,
+  ChevronDownIcon,
+  Maximize2Icon,
+  MessageCircleDashedIcon,
+  Minimize2Icon,
+  MinusIcon,
+  SendIcon,
+  SquareIcon,
+  XIcon as XIcon2
+} from "lucide-react";
+import { Streamdown } from "streamdown";
+
+// ../../src/components/ui/alert.tsx
+import { cva } from "class-variance-authority";
+
+// ../../src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// ../../src/components/ui/alert.tsx
+import { jsxDEV } from "react/jsx-dev-runtime";
+var alertVariants = cva("group/alert relative grid w-full gap-0.5 rounded-lg border px-4 py-3 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4", {
+  variants: {
+    variant: {
+      default: "bg-card text-card-foreground",
+      destructive: "bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function Alert({
+  className,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    "data-slot": "alert",
+    role: "alert",
+    className: cn(alertVariants({ variant }), className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function AlertTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    "data-slot": "alert-title",
+    className: cn("font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function AlertDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    "data-slot": "alert-description",
+    className: cn("text-sm text-balance text-muted-foreground md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+
+// ../../src/components/ui/badge.tsx
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { cva as cva2 } from "class-variance-authority";
+var badgeVariants = cva2("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!", {
+  variants: {
+    variant: {
+      default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+      secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+      destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+      outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+      ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+      link: "text-primary underline-offset-4 hover:underline"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function Badge({
+  className,
+  variant = "default",
+  render,
+  ...props
+}) {
+  return useRender({
+    defaultTagName: "span",
+    props: mergeProps({
+      className: cn(badgeVariants({ variant }), className)
+    }, props),
+    render,
+    state: {
+      slot: "badge",
+      variant
+    }
+  });
+}
+
+// ../../src/components/ui/bubble.tsx
+import { mergeProps as mergeProps2 } from "@base-ui/react/merge-props";
+import { useRender as useRender2 } from "@base-ui/react/use-render";
+import { cva as cva3 } from "class-variance-authority";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+var bubbleVariants = cva3("group/bubble relative flex w-fit max-w-[80%] min-w-0 flex-col gap-1 group-data-[align=end]/message:self-end data-[align=end]:self-end data-[variant=ghost]:max-w-full", {
+  variants: {
+    variant: {
+      default: "*:data-[slot=bubble-content]:bg-primary *:data-[slot=bubble-content]:text-primary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-primary/80",
+      secondary: "*:data-[slot=bubble-content]:bg-secondary *:data-[slot=bubble-content]:text-secondary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)]",
+      muted: "*:data-[slot=bubble-content]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--muted),var(--foreground)_5%)]",
+      tinted: "*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.93_calc(c*0.4)_h)] *:data-[slot=bubble-content]:text-foreground dark:*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.3_calc(c*0.4)_h)] [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.88_calc(c*0.5)_h)] dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.35_calc(c*0.5)_h)]",
+      outline: "*:data-[slot=bubble-content]:border-border *:data-[slot=bubble-content]:bg-background [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-input/30",
+      ghost: "border-none *:data-[slot=bubble-content]:rounded-none *:data-[slot=bubble-content]:bg-transparent *:data-[slot=bubble-content]:p-0 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted/50",
+      destructive: "*:data-[slot=bubble-content]:bg-destructive/10 *:data-[slot=bubble-content]:text-destructive dark:*:data-[slot=bubble-content]:bg-destructive/20 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/20 dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/30"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function Bubble({
+  variant = "default",
+  align = "start",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2("div", {
+    "data-slot": "bubble",
+    "data-variant": variant,
+    "data-align": align,
+    className: cn(bubbleVariants({ variant }), className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function BubbleContent({
+  className,
+  render,
+  ...props
+}) {
+  return useRender2({
+    defaultTagName: "div",
+    props: mergeProps2({
+      className: cn("w-fit max-w-full min-w-0 overflow-hidden rounded-xl border border-transparent px-3 py-2 text-sm leading-relaxed wrap-break-word group-data-[align=end]/bubble:self-end [button]:text-left [button,a]:transition-colors [button,a]:outline-none [button,a]:focus-visible:border-ring [button,a]:focus-visible:ring-3 [button,a]:focus-visible:ring-ring/50", className)
+    }, props),
+    render,
+    state: {
+      slot: "bubble-content"
+    }
+  });
+}
+var bubbleReactionsVariants = cva3("absolute z-10 flex w-fit shrink-0 items-center justify-center gap-1 rounded-full bg-muted px-1.5 py-0.5 text-sm ring-3 ring-card has-[button]:p-0", {
+  variants: {
+    side: {
+      top: "top-0 -translate-y-3/4",
+      bottom: "bottom-0 translate-y-3/4"
+    },
+    align: {
+      start: "left-3",
+      end: "right-3"
+    }
+  },
+  defaultVariants: {
+    side: "bottom",
+    align: "end"
+  }
+});
+
+// ../../src/components/ui/button.tsx
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import { cva as cva4 } from "class-variance-authority";
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+var buttonVariants = cva4("group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+  variants: {
+    variant: {
+      default: "bg-primary text-primary-foreground hover:bg-primary/80",
+      outline: "border-border bg-background shadow-xs hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+      secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+      ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+      destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+      link: "text-primary underline-offset-4 hover:underline"
+    },
+    size: {
+      default: "h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+      xs: "h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+      sm: "h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5",
+      lg: "h-10 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+      icon: "size-9",
+      "icon-xs": "size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3",
+      "icon-sm": "size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md",
+      "icon-lg": "size-10"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV3(ButtonPrimitive, {
+    "data-slot": "button",
+    className: cn(buttonVariants({ variant, size, className })),
+    ...props
+  }, undefined, false, undefined, this);
+}
+
+// ../../src/components/ui/card.tsx
+import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+function Card({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV4("div", {
+    "data-slot": "card",
+    "data-size": size,
+    className: cn("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl bg-card py-(--card-spacing) text-sm text-card-foreground shadow-xs ring-1 ring-foreground/10 [--card-spacing:--spacing(6)] has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(4)] *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV4("div", {
+    "data-slot": "card-header",
+    className: cn("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV4("div", {
+    "data-slot": "card-title",
+    className: cn("text-base leading-normal font-medium group-data-[size=sm]/card:text-sm", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV4("div", {
+    "data-slot": "card-description",
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV4("div", {
+    "data-slot": "card-content",
+    className: cn("px-(--card-spacing)", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV4("div", {
+    "data-slot": "card-footer",
+    className: cn("flex items-center rounded-b-xl px-(--card-spacing) [.border-t]:pt-(--card-spacing)", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+
+// ../../src/components/ui/collapsible.tsx
+import { Collapsible as CollapsiblePrimitive } from "@base-ui/react/collapsible";
+import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
+function Collapsible({ ...props }) {
+  return /* @__PURE__ */ jsxDEV5(CollapsiblePrimitive.Root, {
+    "data-slot": "collapsible",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function CollapsibleTrigger({ ...props }) {
+  return /* @__PURE__ */ jsxDEV5(CollapsiblePrimitive.Trigger, {
+    "data-slot": "collapsible-trigger",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function CollapsibleContent({ ...props }) {
+  return /* @__PURE__ */ jsxDEV5(CollapsiblePrimitive.Panel, {
+    "data-slot": "collapsible-content",
+    ...props
+  }, undefined, false, undefined, this);
+}
+
+// ../../src/components/ui/command.tsx
+import { Command as CommandPrimitive } from "cmdk";
+import { SearchIcon } from "lucide-react";
+
+// ../../src/components/ui/dialog.tsx
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+import { XIcon } from "lucide-react";
+import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
+function Dialog({ ...props }) {
+  return /* @__PURE__ */ jsxDEV6(DialogPrimitive.Root, {
+    "data-slot": "dialog",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function DialogTrigger({ ...props }) {
+  return /* @__PURE__ */ jsxDEV6(DialogPrimitive.Trigger, {
+    "data-slot": "dialog-trigger",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function DialogPortal({ ...props }) {
+  return /* @__PURE__ */ jsxDEV6(DialogPrimitive.Portal, {
+    "data-slot": "dialog-portal",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function DialogClose({ ...props }) {
+  return /* @__PURE__ */ jsxDEV6(DialogPrimitive.Close, {
+    "data-slot": "dialog-close",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV6("div", {
+    "data-slot": "dialog-header",
+    className: cn("grid gap-1.5", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function DialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV6(DialogPrimitive.Title, {
+    "data-slot": "dialog-title",
+    className: cn("text-lg font-medium", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+
+// ../../src/components/ui/command.tsx
+import { jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
+function Command({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV7(CommandPrimitive, {
+    "data-slot": "command",
+    className: cn("flex size-full flex-col overflow-hidden rounded-xl bg-popover p-1 text-popover-foreground", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function CommandList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV7(CommandPrimitive.List, {
+    "data-slot": "command-list",
+    className: cn("max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto outline-none", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function CommandEmpty({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV7(CommandPrimitive.Empty, {
+    "data-slot": "command-empty",
+    className: cn("py-6 text-center text-sm", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function CommandGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV7(CommandPrimitive.Group, {
+    "data-slot": "command-group",
+    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
+  }, undefined, false, undefined, this);
+}
+function CommandItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV7(CommandPrimitive.Item, {
+    "data-slot": "command-item",
+    className: cn("group/command-item relative flex cursor-default items-center gap-2 rounded-lg px-2 py-1.5 text-sm outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-selected:bg-muted data-selected:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+
+// ../../src/components/ui/empty.tsx
+import { cva as cva5 } from "class-variance-authority";
+import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
+function Empty({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV8("div", {
+    "data-slot": "empty",
+    className: cn("flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-lg border-dashed p-12 text-center text-balance", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function EmptyHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV8("div", {
+    "data-slot": "empty-header",
+    className: cn("flex max-w-sm flex-col items-center gap-2", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+var emptyMediaVariants = cva5("mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+  variants: {
+    variant: {
+      default: "bg-transparent",
+      icon: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function EmptyMedia({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV8("div", {
+    "data-slot": "empty-icon",
+    "data-variant": variant,
+    className: cn(emptyMediaVariants({ variant, className })),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function EmptyTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV8("div", {
+    "data-slot": "empty-title",
+    className: cn("text-lg font-medium tracking-tight", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function EmptyDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV8("div", {
+    "data-slot": "empty-description",
+    className: cn("text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+
+// ../../src/components/ui/input-group.tsx
+import { cva as cva6 } from "class-variance-authority";
+
+// ../../src/components/ui/input.tsx
+import { Input as InputPrimitive } from "@base-ui/react/input";
+import { jsxDEV as jsxDEV9 } from "react/jsx-dev-runtime";
+
+// ../../src/components/ui/textarea.tsx
+import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
+function Textarea({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV10("textarea", {
+    "data-slot": "textarea",
+    className: cn("flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-2.5 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+
+// ../../src/components/ui/input-group.tsx
+import { jsxDEV as jsxDEV11 } from "react/jsx-dev-runtime";
+function InputGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV11("div", {
+    "data-slot": "input-group",
+    role: "group",
+    className: cn("group/input-group relative flex h-9 w-full min-w-0 items-center rounded-md border border-input shadow-xs transition-[color,box-shadow] outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+var inputGroupAddonVariants = cva6("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
+  variants: {
+    align: {
+      "inline-start": "order-first pl-2 has-[>button]:-ml-1 has-[>kbd]:ml-[-0.15rem]",
+      "inline-end": "order-last pr-2 has-[>button]:-mr-1 has-[>kbd]:mr-[-0.15rem]",
+      "block-start": "order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2",
+      "block-end": "order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2"
+    }
+  },
+  defaultVariants: { align: "inline-start" }
+});
+function InputGroupAddon({
+  className,
+  align = "inline-start",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV11("div", {
+    role: "group",
+    "data-slot": "input-group-addon",
+    "data-align": align,
+    className: cn(inputGroupAddonVariants({ align }), className),
+    onClick: (event) => {
+      if (event.target.closest("button"))
+        return;
+      event.currentTarget.parentElement?.querySelector("input")?.focus();
+    },
+    ...props
+  }, undefined, false, undefined, this);
+}
+var inputGroupButtonVariants = cva6("flex items-center gap-2 text-sm shadow-none", {
+  variants: {
+    size: {
+      xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
+      sm: "",
+      "icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
+      "icon-sm": "size-8 p-0 has-[>svg]:p-0"
+    }
+  },
+  defaultVariants: { size: "xs" }
+});
+function InputGroupButton({
+  className,
+  type = "button",
+  variant = "ghost",
+  size = "xs",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV11(Button, {
+    type,
+    "data-size": size,
+    variant,
+    className: cn(inputGroupButtonVariants({ size }), className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function InputGroupTextarea({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV11(Textarea, {
+    "data-slot": "input-group-control",
+    className: cn("flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+
+// ../../src/components/ui/marker.tsx
+import { mergeProps as mergeProps3 } from "@base-ui/react/merge-props";
+import { useRender as useRender3 } from "@base-ui/react/use-render";
+import { cva as cva7 } from "class-variance-authority";
+import { jsxDEV as jsxDEV12 } from "react/jsx-dev-runtime";
+var markerVariants = cva7("group/marker relative flex min-h-4 w-full items-center gap-2 text-left text-sm text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [a]:underline [a]:underline-offset-3 [a]:hover:text-foreground", {
+  variants: {
+    variant: {
+      default: "",
+      separator: "before:mr-1 before:h-px before:min-w-0 before:flex-1 before:bg-border after:ml-1 after:h-px after:min-w-0 after:flex-1 after:bg-border",
+      border: "border-b border-border pb-2"
+    }
+  }
+});
+function Marker({
+  className,
+  variant = "default",
+  render,
+  ...props
+}) {
+  return useRender3({
+    defaultTagName: "div",
+    props: mergeProps3({
+      className: cn(markerVariants({ variant, className }))
+    }, props),
+    render,
+    state: {
+      slot: "marker",
+      variant
+    }
+  });
+}
+function MarkerContent({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV12("span", {
+    "data-slot": "marker-content",
+    className: cn("min-w-0 wrap-break-word group-data-[variant=separator]/marker:flex-none group-data-[variant=separator]/marker:text-center *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+
+// ../../src/components/ui/message.tsx
+import { jsxDEV as jsxDEV13 } from "react/jsx-dev-runtime";
+function Message({
+  className,
+  align = "start",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV13("div", {
+    "data-slot": "message",
+    "data-align": align,
+    className: cn("group/message relative flex w-full min-w-0 gap-2 text-sm data-[align=end]:flex-row-reverse", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function MessageContent({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV13("div", {
+    "data-slot": "message-content",
+    className: cn("flex w-full min-w-0 flex-col gap-2.5 wrap-break-word group-data-[align=end]/message:*:data-slot:self-end", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+
+// ../../src/components/ui/message-scroller.tsx
+import {
+  MessageScroller as MessageScrollerPrimitive,
+  useMessageScroller,
+  useMessageScrollerScrollable,
+  useMessageScrollerVisibility
+} from "@shadcn/react/message-scroller";
+import { ArrowDownIcon } from "lucide-react";
+import { jsxDEV as jsxDEV14, Fragment } from "react/jsx-dev-runtime";
+function MessageScrollerProvider(props) {
+  return /* @__PURE__ */ jsxDEV14(MessageScrollerPrimitive.Provider, {
+    ...props
+  }, undefined, false, undefined, this);
+}
+function MessageScroller({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV14(MessageScrollerPrimitive.Root, {
+    "data-slot": "message-scroller",
+    className: cn("group/message-scroller relative flex size-full min-h-0 flex-col overflow-hidden", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function MessageScrollerViewport({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV14(MessageScrollerPrimitive.Viewport, {
+    "data-slot": "message-scroller-viewport",
+    className: cn("size-full min-h-0 min-w-0 scroll-fade-b scrollbar-thin scrollbar-gutter-stable overflow-y-auto overscroll-contain contain-content data-autoscrolling:scrollbar-thumb-transparent data-autoscrolling:scrollbar-track-transparent", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function MessageScrollerContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV14(MessageScrollerPrimitive.Content, {
+    "data-slot": "message-scroller-content",
+    className: cn("flex h-max min-h-full flex-col gap-8", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function MessageScrollerItem({
+  className,
+  scrollAnchor = false,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV14(MessageScrollerPrimitive.Item, {
+    "data-slot": "message-scroller-item",
+    scrollAnchor,
+    className: cn("min-w-0 shrink-0 [contain-intrinsic-size:auto_10rem] [content-visibility:auto]", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function MessageScrollerButton({
+  direction = "end",
+  className,
+  children,
+  render,
+  variant = "secondary",
+  size = "icon-sm",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV14(MessageScrollerPrimitive.Button, {
+    "data-slot": "message-scroller-button",
+    "data-direction": direction,
+    "data-variant": variant,
+    "data-size": size,
+    direction,
+    className: cn("absolute inset-s-1/2 -translate-x-1/2 border-border bg-background text-foreground transition-[translate,scale,opacity] duration-200 hover:bg-muted hover:text-foreground data-[active=false]:pointer-events-none data-[active=false]:scale-95 data-[active=false]:opacity-0 data-[active=false]:duration-400 data-[active=false]:ease-[cubic-bezier(0.7,0,0.84,0)] data-[active=true]:translate-y-0 data-[active=true]:scale-100 data-[active=true]:opacity-100 data-[active=true]:ease-[cubic-bezier(0.23,1,0.32,1)] data-[direction=end]:bottom-4 data-[direction=end]:data-[active=false]:translate-y-full data-[direction=start]:top-4 data-[direction=start]:data-[active=false]:-translate-y-full rtl:translate-x-1/2 data-[direction=start]:[&_svg]:rotate-180", className),
+    render: render ?? /* @__PURE__ */ jsxDEV14(Button, {
+      variant,
+      size
+    }, undefined, false, undefined, this),
+    ...props,
+    children: children ?? /* @__PURE__ */ jsxDEV14(Fragment, {
+      children: [
+        /* @__PURE__ */ jsxDEV14(ArrowDownIcon, {}, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV14("span", {
+          className: "sr-only",
+          children: direction === "end" ? "Scroll to end" : "Scroll to start"
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// ../../src/components/ui/popover.tsx
+import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
+import { jsxDEV as jsxDEV15 } from "react/jsx-dev-runtime";
+function Popover({ ...props }) {
+  return /* @__PURE__ */ jsxDEV15(PopoverPrimitive.Root, {
+    "data-slot": "popover",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function PopoverTrigger({ ...props }) {
+  return /* @__PURE__ */ jsxDEV15(PopoverPrimitive.Trigger, {
+    "data-slot": "popover-trigger",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function PopoverContent({
+  className,
+  align = "center",
+  alignOffset = 0,
+  side = "bottom",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV15(PopoverPrimitive.Portal, {
+    children: /* @__PURE__ */ jsxDEV15(PopoverPrimitive.Positioner, {
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ jsxDEV15(PopoverPrimitive.Popup, {
+        "data-slot": "popover-content",
+        className: cn("z-50 flex w-72 origin-(--transform-origin) flex-col gap-4 rounded-md bg-popover p-4 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+        ...props
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// ../../src/components/ui/tooltip.tsx
+import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
+import { jsxDEV as jsxDEV16 } from "react/jsx-dev-runtime";
+"use client";
+function Tooltip({ ...props }) {
+  return /* @__PURE__ */ jsxDEV16(TooltipPrimitive.Root, {
+    "data-slot": "tooltip",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function TooltipTrigger({ ...props }) {
+  return /* @__PURE__ */ jsxDEV16(TooltipPrimitive.Trigger, {
+    "data-slot": "tooltip-trigger",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function TooltipContent({
+  className,
+  side = "top",
+  sideOffset = 4,
+  align = "center",
+  alignOffset = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV16(TooltipPrimitive.Portal, {
+    children: /* @__PURE__ */ jsxDEV16(TooltipPrimitive.Positioner, {
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ jsxDEV16(TooltipPrimitive.Popup, {
+        "data-slot": "tooltip-content",
+        className: cn("z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxDEV16(TooltipPrimitive.Arrow, {
+            className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// ../../src/paraglide/runtime.js
+import"@inlang/paraglide-js/urlpattern-polyfill";
+var baseLocale = "en";
+var locales = ["en", "fr"];
+var cookieName = "locale";
+var cookieMaxAge = 34560000;
+var cookieDomain = "";
+var localStorageKey = "PARAGLIDE_LOCALE";
+var strategy = [
+  "url",
+  "cookie",
+  "preferredLanguage",
+  "baseLocale"
+];
+var routeStrategies = [
+  {
+    match: "/api/:path(.*)?",
+    exclude: true
+  }
+];
+var urlPatterns = [
+  {
+    pattern: "/:path(.*)?",
+    localized: [
+      [
+        "en",
+        "/en/:path(.*)?"
+      ],
+      [
+        "fr",
+        "/fr/:path(.*)?"
+      ]
+    ]
+  }
+];
+var cachedRouteStrategyUrl;
+var cachedRouteStrategy;
+function findMatchingRouteStrategy(url) {
+  if (routeStrategies.length === 0) {
+    return;
+  }
+  const urlString = typeof url === "string" ? url : url.href;
+  if (cachedRouteStrategyUrl === urlString) {
+    return cachedRouteStrategy;
+  }
+  const urlObject = new URL(urlString, "http://dummy.com");
+  let match;
+  for (const routeStrategy of routeStrategies) {
+    const pattern = new URLPattern(routeStrategy.match, urlObject.href);
+    if (pattern.exec(urlObject.href)) {
+      match = routeStrategy;
+      break;
+    }
+  }
+  cachedRouteStrategyUrl = urlString;
+  cachedRouteStrategy = match;
+  return match;
+}
+function getStrategyForUrl(url) {
+  const routeStrategy = findMatchingRouteStrategy(url);
+  if (routeStrategy && routeStrategy.exclude !== true && Array.isArray(routeStrategy.strategy)) {
+    return routeStrategy.strategy;
+  }
+  return strategy;
+}
+var serverAsyncLocalStorage = undefined;
+var isServer = import.meta.env?.SSR ?? typeof window === "undefined";
+var experimentalStaticLocale = undefined;
+var TREE_SHAKE_COOKIE_STRATEGY_USED = true;
+var TREE_SHAKE_URL_STRATEGY_USED = true;
+var TREE_SHAKE_GLOBAL_VARIABLE_STRATEGY_USED = false;
+var TREE_SHAKE_PREFERRED_LANGUAGE_STRATEGY_USED = true;
+var TREE_SHAKE_DEFAULT_URL_PATTERN_USED = false;
+var TREE_SHAKE_LOCAL_STORAGE_STRATEGY_USED = false;
+globalThis.__paraglide = globalThis.__paraglide ?? {};
+globalThis.__paraglide.ssr = globalThis.__paraglide.ssr ?? {};
+var _locale;
+var localeInitiallySet = false;
+var getLocale = () => {
+  if (experimentalStaticLocale !== undefined) {
+    return experimentalStaticLocale;
+  }
+  if (serverAsyncLocalStorage) {
+    const locale = serverAsyncLocalStorage?.getStore()?.locale;
+    if (locale) {
+      return locale;
+    }
+  }
+  let strategyToUse = strategy;
+  if (!isServer && typeof window !== "undefined" && window.location?.href) {
+    strategyToUse = getStrategyForUrl(window.location.href);
+  }
+  const resolved = resolveLocaleWithStrategies(strategyToUse, typeof window !== "undefined" ? window.location?.href : undefined);
+  if (resolved) {
+    if (!localeInitiallySet) {
+      _locale = resolved;
+      localeInitiallySet = true;
+      setLocale(resolved, { reload: false });
+    }
+    return resolved;
+  }
+  throw new Error("No locale found. Read the docs https://paraglidejs.com/errors#no-locale-found");
+};
+function resolveLocaleWithStrategies(strategyToUse, urlForUrlStrategy) {
+  let locale;
+  for (const strat of strategyToUse) {
+    if (TREE_SHAKE_COOKIE_STRATEGY_USED && strat === "cookie") {
+      locale = extractLocaleFromCookie();
+    } else if (strat === "baseLocale") {
+      locale = baseLocale;
+    } else if (TREE_SHAKE_URL_STRATEGY_USED && strat === "url" && !isServer && typeof urlForUrlStrategy === "string") {
+      locale = extractLocaleFromUrl(urlForUrlStrategy);
+    } else if (TREE_SHAKE_GLOBAL_VARIABLE_STRATEGY_USED && strat === "globalVariable" && _locale !== undefined) {
+      locale = _locale;
+    } else if (TREE_SHAKE_PREFERRED_LANGUAGE_STRATEGY_USED && strat === "preferredLanguage" && !isServer) {
+      locale = extractLocaleFromNavigator();
+    } else if (TREE_SHAKE_LOCAL_STORAGE_STRATEGY_USED && strat === "localStorage" && !isServer) {
+      locale = localStorage.getItem(localStorageKey) ?? undefined;
+    } else if (isCustomStrategy(strat) && customClientStrategies.has(strat)) {
+      const handler = customClientStrategies.get(strat);
+      if (handler) {
+        const result = handler.getLocale();
+        if (result instanceof Promise) {
+          continue;
+        }
+        if (result !== undefined) {
+          return assertIsLocale(result);
+        }
+      }
+    }
+    const matchedLocale = toLocale(locale);
+    if (matchedLocale) {
+      return matchedLocale;
+    }
+  }
+  return;
+}
+var rtlLanguages = new Set([
+  "ar",
+  "dv",
+  "fa",
+  "he",
+  "ks",
+  "ku",
+  "ps",
+  "sd",
+  "ug",
+  "ur",
+  "yi"
+]);
+var navigateOrReload = (newLocation) => {
+  if (newLocation) {
+    window.location.href = newLocation;
+  } else {
+    window.location.reload();
+  }
+};
+var setLocale = (newLocale, options) => {
+  const optionsWithDefaults = {
+    reload: true,
+    ...options
+  };
+  let currentLocale;
+  try {
+    currentLocale = getLocale();
+  } catch {}
+  const customSetLocalePromises = [];
+  let newLocation = undefined;
+  let strategyToUse = strategy;
+  if (!isServer && typeof window !== "undefined" && window.location?.href) {
+    strategyToUse = getStrategyForUrl(window.location.href);
+  }
+  for (const strat of strategyToUse) {
+    if (TREE_SHAKE_GLOBAL_VARIABLE_STRATEGY_USED && strat === "globalVariable") {
+      _locale = newLocale;
+    } else if (TREE_SHAKE_COOKIE_STRATEGY_USED && strat === "cookie") {
+      if (isServer || typeof document === "undefined" || typeof window === "undefined") {
+        continue;
+      }
+      const cookieString = `${cookieName}=${newLocale}; path=/; max-age=${cookieMaxAge}`;
+      document.cookie = cookieDomain ? `${cookieString}; domain=${cookieDomain}` : cookieString;
+    } else if (strat === "baseLocale") {
+      continue;
+    } else if (TREE_SHAKE_URL_STRATEGY_USED && strat === "url" && typeof window !== "undefined") {
+      newLocation = localizeUrl(window.location.href, {
+        locale: newLocale
+      }).href;
+    } else if (TREE_SHAKE_LOCAL_STORAGE_STRATEGY_USED && strat === "localStorage" && typeof window !== "undefined") {
+      localStorage.setItem(localStorageKey, newLocale);
+    } else if (isCustomStrategy(strat) && customClientStrategies.has(strat)) {
+      const handler = customClientStrategies.get(strat);
+      if (handler) {
+        let result = handler.setLocale(newLocale);
+        if (result instanceof Promise) {
+          result = result.catch((error) => {
+            throw new Error(`Custom strategy "${strat}" setLocale failed.`, {
+              cause: error
+            });
+          });
+          customSetLocalePromises.push(result);
+        }
+      }
+    }
+  }
+  const runReload = () => {
+    if (!isServer && optionsWithDefaults.reload && window.location && newLocale !== currentLocale) {
+      navigateOrReload(newLocation);
+    }
+  };
+  if (customSetLocalePromises.length) {
+    return Promise.all(customSetLocalePromises).then(() => {
+      runReload();
+    });
+  }
+  runReload();
+  return;
+};
+var getUrlOrigin = () => {
+  if (serverAsyncLocalStorage) {
+    return serverAsyncLocalStorage.getStore()?.origin ?? "http://fallback.com";
+  } else if (typeof window !== "undefined") {
+    return window.location.origin;
+  }
+  return "http://fallback.com";
+};
+function toLocale(value) {
+  if (typeof value !== "string") {
+    return;
+  }
+  const lowerValue = value.toLowerCase();
+  for (const locale of locales) {
+    if (locale.toLowerCase() === lowerValue) {
+      return locale;
+    }
+  }
+  return;
+}
+function assertIsLocale(input) {
+  const locale = toLocale(input);
+  if (locale)
+    return locale;
+  throw new Error(`Invalid locale: ${input}. Expected one of: ${locales.join(", ")}`);
+}
+function extractLocaleFromCookie() {
+  if (typeof document === "undefined" || !document.cookie) {
+    return;
+  }
+  const match = document.cookie.match(new RegExp(`(^| )${cookieName}=([^;]+)`));
+  const locale = match?.[2];
+  return toLocale(locale);
+}
+function extractLocaleFromNavigator() {
+  if (!navigator?.languages?.length) {
+    return;
+  }
+  const languages = navigator.languages.map((lang) => ({
+    fullTag: lang,
+    baseTag: lang.split("-")[0]
+  }));
+  for (const lang of languages) {
+    const fullLocale = toLocale(lang.fullTag);
+    if (fullLocale) {
+      return fullLocale;
+    }
+    const baseLocale2 = toLocale(lang.baseTag);
+    if (baseLocale2) {
+      return baseLocale2;
+    }
+  }
+  return;
+}
+var cachedUrl;
+var cachedLocale;
+function extractLocaleFromUrl(url) {
+  const urlString = typeof url === "string" ? url : url.href;
+  if (cachedUrl === urlString) {
+    return cachedLocale;
+  }
+  let result;
+  if (TREE_SHAKE_DEFAULT_URL_PATTERN_USED) {
+    result = defaultUrlPatternExtractLocale(url);
+  } else {
+    const urlObj = typeof url === "string" ? new URL(url) : url;
+    for (const element of urlPatterns) {
+      for (const [locale, localizedPattern] of element.localized) {
+        const match = new URLPattern(localizedPattern, urlObj.href).exec(urlObj.href);
+        if (match) {
+          result = locale;
+          break;
+        }
+      }
+      if (result)
+        break;
+    }
+  }
+  cachedUrl = urlString;
+  cachedLocale = result;
+  return result;
+}
+function defaultUrlPatternExtractLocale(url) {
+  const urlObj = new URL(url, "http://dummy.com");
+  const pathSegments = urlObj.pathname.split("/").filter(Boolean);
+  return toLocale(pathSegments[0]) || baseLocale;
+}
+function localizeUrl(url, options) {
+  const targetLocale = options?.locale ? assertIsLocale(options?.locale) : getLocale();
+  if (TREE_SHAKE_DEFAULT_URL_PATTERN_USED) {
+    return localizeUrlDefaultPattern(url, targetLocale);
+  }
+  const urlObj = typeof url === "string" ? new URL(url) : url;
+  for (const element of urlPatterns) {
+    for (const [, localizedPattern] of element.localized) {
+      const match = new URLPattern(localizedPattern, urlObj.href).exec(urlObj.href);
+      if (!match) {
+        continue;
+      }
+      const targetPattern = element.localized.find(([locale]) => locale === targetLocale)?.[1];
+      if (!targetPattern) {
+        continue;
+      }
+      const localizedUrl = fillPattern(targetPattern, aggregateGroups(match), urlObj.origin);
+      return fillMissingUrlParts(localizedUrl, match);
+    }
+    const unlocalizedMatch = new URLPattern(element.pattern, urlObj.href).exec(urlObj.href);
+    if (unlocalizedMatch) {
+      const targetPattern = element.localized.find(([locale]) => locale === targetLocale)?.[1];
+      if (targetPattern) {
+        const localizedUrl = fillPattern(targetPattern, aggregateGroups(unlocalizedMatch), urlObj.origin);
+        return fillMissingUrlParts(localizedUrl, unlocalizedMatch);
+      }
+    }
+  }
+  return urlObj;
+}
+function localizeUrlDefaultPattern(url, locale) {
+  const urlObj = typeof url === "string" ? new URL(url, getUrlOrigin()) : new URL(url);
+  const currentLocale = extractLocaleFromUrl(urlObj);
+  if (currentLocale === locale) {
+    return urlObj;
+  }
+  const pathSegments = urlObj.pathname.split("/").filter(Boolean);
+  if (pathSegments.length > 0 && toLocale(pathSegments[0])) {
+    pathSegments.shift();
+  }
+  if (locale === baseLocale) {
+    urlObj.pathname = "/" + pathSegments.join("/");
+  } else {
+    urlObj.pathname = "/" + locale + "/" + pathSegments.join("/");
+  }
+  return urlObj;
+}
+function fillMissingUrlParts(url, match) {
+  if (match.protocol.groups["0"]) {
+    url.protocol = match.protocol.groups["0"] ?? "";
+  }
+  if (match.hostname.groups["0"]) {
+    url.hostname = match.hostname.groups["0"] ?? "";
+  }
+  if (match.username.groups["0"]) {
+    url.username = match.username.groups["0"] ?? "";
+  }
+  if (match.password.groups["0"]) {
+    url.password = match.password.groups["0"] ?? "";
+  }
+  if (match.port.groups["0"]) {
+    url.port = match.port.groups["0"] ?? "";
+  }
+  if (match.pathname.groups["0"]) {
+    url.pathname = match.pathname.groups["0"] ?? "";
+  }
+  if (match.search.groups["0"]) {
+    url.search = match.search.groups["0"] ?? "";
+  }
+  if (match.hash.groups["0"]) {
+    url.hash = match.hash.groups["0"] ?? "";
+  }
+  return url;
+}
+function fillPattern(pattern, values, origin) {
+  let processedPattern = pattern.replace(/(https?:\/\/[^:/]+):(\d+)(\/|$)/g, (_, protocol, port, slash) => {
+    return `${protocol}#PORT-${port}#${slash}`;
+  });
+  let processedGroupDelimiters = processedPattern.replace(/\{([^{}]*)\}([?+*]?)/g, (_, content, modifier) => {
+    if (modifier === "?") {
+      return content;
+    }
+    return content;
+  });
+  let filled = processedGroupDelimiters.replace(/(\/?):([a-zA-Z0-9_]+)(\([^)]*\))?([?+*]?)/g, (_, slash, name, __, modifier) => {
+    const value = values[name];
+    if (value === null) {
+      return "";
+    }
+    if (modifier === "?") {
+      return value !== undefined ? `${slash}${value}` : "";
+    }
+    if (modifier === "+" || modifier === "*") {
+      if (value === undefined && modifier === "+") {
+        throw new Error(`Missing value for "${name}" (one or more required)`);
+      }
+      return value ? `${slash}${value}` : "";
+    }
+    if (value === undefined) {
+      throw new Error(`Missing value for "${name}"`);
+    }
+    return `${slash}${value}`;
+  });
+  filled = filled.replace(/#PORT-(\d+)#/g, ":$1");
+  return new URL(filled, origin);
+}
+function aggregateGroups(match) {
+  return {
+    ...match.hash.groups,
+    ...match.hostname.groups,
+    ...match.password.groups,
+    ...match.pathname.groups,
+    ...match.port.groups,
+    ...match.protocol.groups,
+    ...match.search.groups,
+    ...match.username.groups
+  };
+}
+var customServerStrategies = new Map;
+var customClientStrategies = new Map;
+function isCustomStrategy(strategy2) {
+  return typeof strategy2 === "string" && /^custom-[A-Za-z0-9_-]+$/.test(strategy2);
+}
+
+// ../../src/services/agent/schema.ts
+import { Schema } from "effect";
+import {
+  HttpApiEndpoint,
+  HttpApiError,
+  HttpApiGroup,
+  HttpApiSchema,
+  OpenApi
+} from "effect/unstable/httpapi";
+var AgentMessageText = Schema.String.check(Schema.isLengthBetween(1, 4000)).annotate({
+  identifier: "AgentMessageText",
+  title: "Agent message",
+  description: "A user message sent to the agent."
+});
+var AgentReferenceLabel = Schema.String.check(Schema.isLengthBetween(1, 500));
+var AGENT_REFERENCE_LIMIT = 20;
+var AgentToolMetadata = Schema.Struct({
+  title: Schema.optional(Schema.String),
+  description: Schema.optional(Schema.String),
+  destructive: Schema.Boolean
+}).annotate({ identifier: "AgentToolMetadata" });
+var AgentEvent = Schema.Union([
+  Schema.Struct({
+    type: Schema.Literal("message-start"),
+    messageId: Schema.String
+  }),
+  Schema.Struct({
+    type: Schema.Literal("text-delta"),
+    messageId: Schema.String,
+    delta: Schema.String
+  }),
+  Schema.Struct({
+    type: Schema.Literal("tool-call"),
+    messageId: Schema.String,
+    toolCallId: Schema.String,
+    name: Schema.String,
+    input: Schema.Unknown,
+    metadata: AgentToolMetadata
+  }),
+  Schema.Struct({
+    type: Schema.Literal("tool-result"),
+    toolCallId: Schema.String,
+    name: Schema.String,
+    isFailure: Schema.Boolean
+  }),
+  Schema.Struct({
+    type: Schema.Literal("approval-required"),
+    approvalId: Schema.String,
+    toolCallId: Schema.String
+  }),
+  Schema.Struct({
+    type: Schema.Literal("history"),
+    value: Schema.String
+  }),
+  Schema.Struct({ type: Schema.Literal("finish") }),
+  Schema.Struct({
+    type: Schema.Literal("error"),
+    code: Schema.Literals([
+      "unavailable",
+      "invalid-request",
+      "round-limit",
+      "stream-failed"
+    ])
+  })
+]).annotate({
+  identifier: "AgentEvent",
+  title: "Agent stream event",
+  description: "An event emitted by the agent endpoint."
+});
+var AgentStreamError = Schema.Struct({
+  code: Schema.Literals(["unavailable", "stream-failed"])
+}).annotate({
+  identifier: "AgentStreamError",
+  title: "Agent stream error",
+  description: "A recoverable agent stream failure."
+});
+
+// ../../src/services/agent/client/widget.tsx
+import { jsxDEV as jsxDEV17 } from "react/jsx-dev-runtime";
+var messages = {
+  en: {
+    approve: "Approve",
+    approvalDestructive: "This may permanently remove data. Check the action before continuing.",
+    approvalDestructiveLabel: "Destructive",
+    approvalRequired: "The assistant needs your confirmation before making this change.",
+    cancel: "Cancel",
+    close: "Close",
+    copied: "Copied",
+    copy: "Copy",
+    description: "Ask questions and use available tools to get things done.",
+    errorInvalidRequest: "The request could not be processed. Start a new conversation and try again.",
+    errorRoundLimit: "The assistant stopped after too many API steps. Try a more specific request.",
+    errorStreamFailed: "The response was interrupted. Please try again.",
+    errorUnavailable: "The assistant is currently unavailable.",
+    maximize: "Maximize assistant",
+    minimize: "Minimize assistant",
+    noReferences: "No references found.",
+    open: "Open AI Assistant",
+    placeholder: "Ask a question...",
+    removeContext: "Remove context",
+    references: "References",
+    restore: "Restore assistant window",
+    scrollLatest: "Scroll to latest message",
+    send: "Send message",
+    stop: "Stop response",
+    title: "AI Assistant",
+    toolDenied: "Cancelled",
+    toolFailed: "Failed",
+    toolRunning: "Checking the API",
+    toolWorked: (seconds) => `Worked for ${seconds} ${seconds === 1 ? "second" : "seconds"}`,
+    viewLess: "View less",
+    viewMore: "View more",
+    welcome: "How can I help?"
+  },
+  fr: {
+    approve: "Approuver",
+    approvalDestructive: "Cette action peut supprimer définitivement des données. Vérifiez-la avant de continuer.",
+    approvalDestructiveLabel: "Destructif",
+    approvalRequired: "L'assistant a besoin de votre confirmation avant d'effectuer cette modification.",
+    cancel: "Annuler",
+    close: "Fermer",
+    copied: "Copié",
+    copy: "Copier",
+    description: "Posez des questions et utilisez les outils disponibles pour accomplir vos tâches.",
+    errorInvalidRequest: "La demande n'a pas pu être traitée. Commencez une nouvelle conversation et réessayez.",
+    errorRoundLimit: "L'assistant s'est arrêté après trop d'étapes d'API. Essayez une demande plus précise.",
+    errorStreamFailed: "La réponse a été interrompue. Veuillez réessayer.",
+    errorUnavailable: "L'assistant est actuellement indisponible.",
+    maximize: "Agrandir l'assistant",
+    minimize: "Réduire l'assistant",
+    noReferences: "Aucune référence trouvée.",
+    open: "Ouvrir l'assistant IA",
+    placeholder: "Posez une question...",
+    removeContext: "Supprimer le contexte",
+    references: "Références",
+    restore: "Restaurer la fenêtre de l'assistant",
+    scrollLatest: "Défiler jusqu'au dernier message",
+    send: "Envoyer le message",
+    stop: "Arrêter la réponse",
+    title: "Assistant IA",
+    toolDenied: "Annulé",
+    toolFailed: "Échec",
+    toolRunning: "Consultation de l'API",
+    toolWorked: (seconds) => `A travaillé pendant ${seconds} ${seconds === 1 ? "seconde" : "secondes"}`,
+    viewLess: "Voir moins",
+    viewMore: "Voir plus",
+    welcome: "Comment puis-je vous aider?"
+  }
+};
+var agentWidgetMessages = (locale = getLocale(), overrides) => ({
+  ...locale.startsWith("fr") ? messages.fr : messages.en,
+  ...overrides
+});
+var errorMessage = (code2, labels) => {
+  switch (code2) {
+    case "invalid-request":
+      return labels.errorInvalidRequest;
+    case "round-limit":
+      return labels.errorRoundLimit;
+    case "stream-failed":
+      return labels.errorStreamFailed;
+    case "unavailable":
+      return labels.errorUnavailable;
+  }
+};
+var inputCodeBlock = (input) => {
+  const value = JSON.stringify(input, null, 2) ?? String(input);
+  const longestFence = Math.max(0, ...value.match(/`+/g)?.map((fence2) => fence2.length) ?? []);
+  const fence = "`".repeat(Math.max(3, longestFence + 1));
+  return `${fence}json
+${value}
+${fence}`;
+};
+var escapeRegExp = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+var referenceMentionPattern = (label) => new RegExp(`@${escapeRegExp(label)}(?![\\p{L}\\p{N}_-])`, "u");
+var hasReferenceMention = (input, label) => referenceMentionPattern(label).test(input);
+var highlightedInput = (input, references) => {
+  const mentions = references.map(({ label }) => `@${label}`).sort((left, right) => right.length - left.length);
+  if (mentions.length === 0)
+    return input;
+  const mentionPattern = new RegExp(`(${mentions.map(escapeRegExp).join("|")})(?![\\p{L}\\p{N}_-])`, "gu");
+  const mentionSet = new Set(mentions);
+  return input.split(mentionPattern).map((part, index) => mentionSet.has(part) ? /* @__PURE__ */ jsxDEV17("span", {
+    className: "text-primary",
+    children: part
+  }, `${part}:${index}`, false, undefined, this) : part);
+};
+var referenceSearchQuery = (input) => input.match(/(?:^|\s)@([^@\n]*)$/)?.[1].trimEnd();
+var ToolLabel = ({
+  description,
+  label
+}) => {
+  if (!description)
+    return label;
+  return /* @__PURE__ */ jsxDEV17(Tooltip, {
+    children: [
+      /* @__PURE__ */ jsxDEV17(TooltipTrigger, {
+        render: /* @__PURE__ */ jsxDEV17("span", {
+          className: "cursor-help",
+          tabIndex: 0
+        }, undefined, false, undefined, this),
+        children: label
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV17(TooltipContent, {
+        className: "max-w-sm",
+        children: description
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+function ToolActivityCard({
+  disabled,
+  labels,
+  onApproval,
+  tool
+}) {
+  const [detailsOpen, setDetailsOpen] = useState(false);
+  const requiresApproval = tool.status === "approval-required";
+  const label = tool.metadata.title ?? tool.name;
+  if (!requiresApproval) {
+    return /* @__PURE__ */ jsxDEV17(Marker, {
+      children: [
+        /* @__PURE__ */ jsxDEV17(MarkerContent, {
+          children: /* @__PURE__ */ jsxDEV17("span", {
+            className: cn("block w-fit max-w-full", tool.status === "running" && "shimmer"),
+            children: /* @__PURE__ */ jsxDEV17(ToolLabel, {
+              description: tool.metadata.description,
+              label
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this),
+        tool.status === "failed" || tool.status === "denied" ? /* @__PURE__ */ jsxDEV17(Badge, {
+          variant: "destructive",
+          children: tool.status === "failed" ? labels.toolFailed : labels.toolDenied
+        }, undefined, false, undefined, this) : null
+      ]
+    }, undefined, true, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV17(Collapsible, {
+    className: "mx-1",
+    open: detailsOpen,
+    onOpenChange: setDetailsOpen,
+    children: /* @__PURE__ */ jsxDEV17(Card, {
+      size: "sm",
+      className: "w-full border shadow-none ring-0",
+      children: [
+        /* @__PURE__ */ jsxDEV17(CardHeader, {
+          children: [
+            /* @__PURE__ */ jsxDEV17(CardTitle, {
+              className: "flex items-center gap-2",
+              children: [
+                /* @__PURE__ */ jsxDEV17(ToolLabel, {
+                  description: tool.metadata.description,
+                  label
+                }, undefined, false, undefined, this),
+                tool.metadata.destructive ? /* @__PURE__ */ jsxDEV17(Badge, {
+                  variant: "destructive",
+                  children: labels.approvalDestructiveLabel
+                }, undefined, false, undefined, this) : null
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV17(CardDescription, {
+              children: tool.metadata.destructive ? labels.approvalDestructive : labels.approvalRequired
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsxDEV17(CollapsibleContent, {
+          children: /* @__PURE__ */ jsxDEV17(CardContent, {
+            className: "min-w-0 overflow-hidden border-y py-3",
+            children: /* @__PURE__ */ jsxDEV17(Streamdown, {
+              className: "min-w-0 text-xs",
+              controls: {
+                code: { copy: true, download: false },
+                mermaid: false,
+                table: false
+              },
+              linkSafety: { enabled: false },
+              plugins: { code },
+              translations: {
+                copied: labels.copied,
+                copyCode: labels.copy
+              },
+              children: inputCodeBlock(tool.input)
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV17(CardFooter, {
+          className: "flex flex-wrap gap-2",
+          children: [
+            /* @__PURE__ */ jsxDEV17(Button, {
+              size: "sm",
+              variant: tool.metadata.destructive ? "destructive" : "default",
+              disabled,
+              onClick: () => onApproval(tool, true),
+              children: labels.approve
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV17(Button, {
+              size: "sm",
+              variant: "outline",
+              disabled,
+              onClick: () => onApproval(tool, false),
+              children: labels.cancel
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV17(CollapsibleTrigger, {
+              render: /* @__PURE__ */ jsxDEV17(Button, {
+                variant: "ghost",
+                size: "sm",
+                className: "ml-auto",
+                children: [
+                  detailsOpen ? labels.viewLess : labels.viewMore,
+                  /* @__PURE__ */ jsxDEV17(ChevronDownIcon, {
+                    "data-icon": "inline-end",
+                    className: cn("transition-transform", detailsOpen && "rotate-180")
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function ToolActivityLog({
+  disabled,
+  labels,
+  onApproval,
+  pending,
+  tools,
+  workedSeconds
+}) {
+  const [logOpen, setLogOpen] = useState(false);
+  const currentTool = tools.at(-1);
+  if (!currentTool) {
+    return /* @__PURE__ */ jsxDEV17(Marker, {
+      children: /* @__PURE__ */ jsxDEV17(MarkerContent, {
+        children: /* @__PURE__ */ jsxDEV17("span", {
+          className: "shimmer block w-fit max-w-full",
+          children: labels.toolRunning
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  const label = currentTool.metadata.title ?? currentTool.name;
+  const showWorkedSummary = workedSeconds !== undefined && currentTool.status !== "approval-required";
+  const isWorking = pending && workedSeconds === undefined && currentTool.status !== "approval-required";
+  const loggedTools = showWorkedSummary ? tools : tools.slice(0, -1);
+  if (currentTool.status === "approval-required") {
+    return /* @__PURE__ */ jsxDEV17("div", {
+      className: "flex flex-col gap-2",
+      children: [
+        loggedTools.length > 0 ? /* @__PURE__ */ jsxDEV17(Collapsible, {
+          open: logOpen,
+          onOpenChange: setLogOpen,
+          children: [
+            /* @__PURE__ */ jsxDEV17(CollapsibleTrigger, {
+              render: /* @__PURE__ */ jsxDEV17(Button, {
+                variant: "ghost",
+                size: "sm",
+                className: "ml-auto"
+              }, undefined, false, undefined, this),
+              children: [
+                logOpen ? labels.viewLess : labels.viewMore,
+                /* @__PURE__ */ jsxDEV17(ChevronDownIcon, {
+                  "data-icon": "inline-end",
+                  className: cn("transition-transform", logOpen && "rotate-180")
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV17(CollapsibleContent, {
+              className: "mt-2 ml-2 flex flex-col gap-2 border-l pl-3",
+              children: loggedTools.map((tool) => /* @__PURE__ */ jsxDEV17(ToolActivityCard, {
+                disabled,
+                labels,
+                onApproval,
+                tool
+              }, tool.toolCallId, false, undefined, this))
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this) : null,
+        /* @__PURE__ */ jsxDEV17(ToolActivityCard, {
+          disabled,
+          labels,
+          onApproval,
+          tool: currentTool
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV17(Collapsible, {
+    open: logOpen,
+    onOpenChange: setLogOpen,
+    children: [
+      /* @__PURE__ */ jsxDEV17(CollapsibleTrigger, {
+        render: /* @__PURE__ */ jsxDEV17(Marker, {
+          className: "focus-visible:ring-ring/50 cursor-pointer rounded-sm outline-none focus-visible:ring-3",
+          render: /* @__PURE__ */ jsxDEV17("button", {
+            type: "button"
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this),
+        children: [
+          /* @__PURE__ */ jsxDEV17(MarkerContent, {
+            className: "flex-1",
+            children: /* @__PURE__ */ jsxDEV17("span", {
+              className: cn("block w-fit max-w-full", isWorking && "shimmer"),
+              children: showWorkedSummary ? labels.toolWorked(workedSeconds) : label
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this),
+          currentTool.status === "failed" || currentTool.status === "denied" ? /* @__PURE__ */ jsxDEV17(Badge, {
+            variant: "destructive",
+            children: currentTool.status === "failed" ? labels.toolFailed : labels.toolDenied
+          }, undefined, false, undefined, this) : null,
+          /* @__PURE__ */ jsxDEV17(ChevronDownIcon, {
+            className: cn("transition-transform", logOpen && "rotate-180")
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV17("span", {
+            className: "sr-only",
+            children: logOpen ? labels.viewLess : labels.viewMore
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV17(CollapsibleContent, {
+        className: "mt-2 ml-2 flex flex-col gap-2 border-l pl-3",
+        children: [
+          /* @__PURE__ */ jsxDEV17(Marker, {
+            children: /* @__PURE__ */ jsxDEV17(MarkerContent, {
+              children: labels.toolRunning
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this),
+          loggedTools.map((tool) => /* @__PURE__ */ jsxDEV17(ToolActivityCard, {
+            disabled,
+            labels,
+            onApproval,
+            tool
+          }, tool.toolCallId, false, undefined, this))
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function AgentMessageRow({
+  disabled,
+  labels,
+  message,
+  onApproval,
+  pending
+}) {
+  const isUser = message.role === "user";
+  const activeStartedAt = useRef(undefined);
+  const activeMilliseconds = useRef(0);
+  const wasPending = useRef(pending);
+  const [workedSeconds, setWorkedSeconds] = useState();
+  const hasPendingApproval = message.tools.some((tool) => tool.status === "approval-required");
+  useEffect(() => {
+    const isWorking = pending && !hasPendingApproval;
+    if (isWorking) {
+      wasPending.current = true;
+      activeStartedAt.current ??= Date.now();
+      return;
+    }
+    if (activeStartedAt.current !== undefined) {
+      activeMilliseconds.current += Date.now() - activeStartedAt.current;
+      activeStartedAt.current = undefined;
+    }
+    const completed = !isUser && message.tools.length > 0 && !hasPendingApproval && (message.text.length > 0 || !pending);
+    if (!completed || !wasPending.current || workedSeconds !== undefined) {
+      return;
+    }
+    setWorkedSeconds(Math.max(1, Math.round(activeMilliseconds.current / 1000)));
+  }, [
+    hasPendingApproval,
+    isUser,
+    message.text,
+    message.tools.length,
+    pending,
+    workedSeconds
+  ]);
+  return /* @__PURE__ */ jsxDEV17(Message, {
+    align: isUser ? "end" : "start",
+    children: /* @__PURE__ */ jsxDEV17(MessageContent, {
+      children: [
+        !isUser && (message.tools.length > 0 || pending && !message.text) ? /* @__PURE__ */ jsxDEV17(ToolActivityLog, {
+          disabled,
+          labels,
+          onApproval,
+          pending,
+          tools: message.tools,
+          workedSeconds
+        }, undefined, false, undefined, this) : null,
+        message.text ? isUser ? /* @__PURE__ */ jsxDEV17(Bubble, {
+          align: "end",
+          children: /* @__PURE__ */ jsxDEV17(BubbleContent, {
+            className: "whitespace-pre-wrap",
+            children: message.text
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV17(Streamdown, {
+          animated: true,
+          className: "w-full",
+          controls: {
+            code: { copy: true, download: false },
+            mermaid: false,
+            table: false
+          },
+          isAnimating: pending,
+          linkSafety: { enabled: false },
+          plugins: { code },
+          translations: {
+            copied: labels.copied,
+            copyCode: labels.copy
+          },
+          children: message.text
+        }, undefined, false, undefined, this) : null
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function AgentWidget({
+  availableReferences = [],
+  context,
+  messages: messageOverrides,
+  onInterrupt,
+  onRemoveContext,
+  onReset,
+  onSubmit,
+  state
+}) {
+  const labels = agentWidgetMessages(getLocale(), messageOverrides);
+  const referenceInputId = useId();
+  const referenceListId = `${referenceInputId}-list`;
+  const [open, setOpen] = useState(false);
+  const [maximized, setMaximized] = useState(false);
+  const [referencePickerOpen, setReferencePickerOpen] = useState(false);
+  const [activeReferenceKey, setActiveReferenceKey] = useState("");
+  const [input, setInput] = useState("");
+  const [references, setReferences] = useState([]);
+  const activeContext = state.contextLocked ? state.context ? {
+    ...state.context,
+    icon: availableReferences.find(({ key }) => key === state.context?.key)?.icon
+  } : undefined : context;
+  const referenceQuery = referenceSearchQuery(input);
+  const selectedKeys = new Set(references.map(({ key }) => key));
+  const selectedLabels = new Set(references.map(({ label }) => label));
+  const selectableReferences = availableReferences.filter((reference) => references.length < AGENT_REFERENCE_LIMIT && reference.key !== activeContext?.key && !selectedKeys.has(reference.key) && !selectedLabels.has(reference.label));
+  const matchingReferences = selectableReferences.filter((reference) => referenceQuery === undefined ? false : `${reference.label} ${reference.key}`.toLocaleLowerCase().includes(referenceQuery.toLocaleLowerCase()));
+  const activeReferenceIndex = Math.max(0, matchingReferences.findIndex((reference) => reference.key === activeReferenceKey));
+  const activeReference = matchingReferences[activeReferenceIndex];
+  const hasPendingApproval = state.messages.some((message) => message.tools.some((tool) => tool.status === "approval-required"));
+  const sendMessage = () => {
+    const text = input.trim();
+    if (!text || state.pending || hasPendingApproval)
+      return;
+    setInput("");
+    setReferences([]);
+    setReferencePickerOpen(false);
+    onSubmit({
+      type: "message",
+      text,
+      ...references.length > 0 ? {
+        references: references.map(({ label, resource }) => ({
+          label,
+          resource
+        }))
+      } : {}
+    });
+  };
+  const respondToApproval = (tool, approved) => {
+    if (!tool.approvalId || state.pending)
+      return;
+    onSubmit({
+      type: "approval",
+      approvalId: tool.approvalId,
+      toolCallId: tool.toolCallId,
+      approved
+    });
+  };
+  const selectReference = (reference) => {
+    setReferences((current) => [...current, reference]);
+    setInput((current) => current.replace(/@[^@\n]*$/, `@${reference.label}`));
+    setReferencePickerOpen(false);
+  };
+  const clearConversation = () => {
+    onInterrupt();
+    onReset();
+    setInput("");
+    setReferences([]);
+    setReferencePickerOpen(false);
+  };
+  const handleOpenChange = (nextOpen) => {
+    if (!nextOpen) {
+      clearConversation();
+      setMaximized(false);
+    }
+    setOpen(nextOpen);
+  };
+  return /* @__PURE__ */ jsxDEV17(Dialog, {
+    open,
+    onOpenChange: handleOpenChange,
+    modal: false,
+    disablePointerDismissal: true,
+    children: [
+      /* @__PURE__ */ jsxDEV17(DialogTrigger, {
+        render: /* @__PURE__ */ jsxDEV17(Button, {
+          size: "icon-lg",
+          className: "fixed right-4 bottom-4 z-9999 rounded-full shadow-lg md:right-6 md:bottom-6"
+        }, undefined, false, undefined, this),
+        children: [
+          /* @__PURE__ */ jsxDEV17(BotIcon, {}, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV17("span", {
+            className: "sr-only",
+            children: labels.open
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV17(DialogPortal, {
+        children: /* @__PURE__ */ jsxDEV17(DialogPrimitive2.Popup, {
+          "data-slot": "dialog-content",
+          className: cn("bg-popover text-popover-foreground ring-foreground/10 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 fixed z-50 flex flex-col gap-0 overflow-hidden rounded-xl text-sm shadow-lg ring-1 duration-100 outline-none", maximized ? "inset-4 max-h-none max-w-none md:inset-6" : "right-4 bottom-20 h-[min(42rem,calc(100svh-6rem))] w-[calc(100%-2rem)] max-w-md md:right-6"),
+          children: [
+            /* @__PURE__ */ jsxDEV17(DialogHeader, {
+              className: "shrink-0 border-b p-4",
+              children: /* @__PURE__ */ jsxDEV17("div", {
+                className: "flex items-center gap-1",
+                children: [
+                  /* @__PURE__ */ jsxDEV17(DialogTitle, {
+                    className: "min-w-0 flex-1 truncate",
+                    children: labels.title
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV17(Button, {
+                    variant: "ghost",
+                    size: "icon-sm",
+                    onClick: () => setOpen(false),
+                    children: [
+                      /* @__PURE__ */ jsxDEV17(MinusIcon, {}, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV17("span", {
+                        className: "sr-only",
+                        children: labels.minimize
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV17(Button, {
+                    variant: "ghost",
+                    size: "icon-sm",
+                    onClick: () => setMaximized((current) => !current),
+                    children: [
+                      maximized ? /* @__PURE__ */ jsxDEV17(Minimize2Icon, {}, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV17(Maximize2Icon, {}, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV17("span", {
+                        className: "sr-only",
+                        children: maximized ? labels.restore : labels.maximize
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV17(DialogClose, {
+                    render: /* @__PURE__ */ jsxDEV17(Button, {
+                      variant: "ghost",
+                      size: "icon-sm"
+                    }, undefined, false, undefined, this),
+                    children: [
+                      /* @__PURE__ */ jsxDEV17(XIcon2, {}, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV17("span", {
+                        className: "sr-only",
+                        children: labels.close
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV17("div", {
+              className: "min-h-0 flex-1",
+              children: state.messages.length === 0 && !state.error ? /* @__PURE__ */ jsxDEV17(Empty, {
+                className: "h-full",
+                children: /* @__PURE__ */ jsxDEV17(EmptyHeader, {
+                  children: [
+                    /* @__PURE__ */ jsxDEV17(EmptyMedia, {
+                      variant: "icon",
+                      children: /* @__PURE__ */ jsxDEV17(MessageCircleDashedIcon, {}, undefined, false, undefined, this)
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV17(EmptyTitle, {
+                      children: labels.welcome
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV17(EmptyDescription, {
+                      children: labels.description
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV17(MessageScrollerProvider, {
+                autoScroll: true,
+                children: /* @__PURE__ */ jsxDEV17(MessageScroller, {
+                  children: [
+                    /* @__PURE__ */ jsxDEV17(MessageScrollerViewport, {
+                      "aria-label": labels.title,
+                      children: /* @__PURE__ */ jsxDEV17(MessageScrollerContent, {
+                        "aria-busy": state.pending,
+                        className: "p-4",
+                        children: [
+                          state.messages.map((message, index) => /* @__PURE__ */ jsxDEV17(MessageScrollerItem, {
+                            messageId: message.id,
+                            scrollAnchor: message.role === "user",
+                            children: /* @__PURE__ */ jsxDEV17(AgentMessageRow, {
+                              disabled: state.pending,
+                              labels,
+                              message,
+                              onApproval: respondToApproval,
+                              pending: state.pending && index === state.messages.length - 1
+                            }, undefined, false, undefined, this)
+                          }, message.id, false, undefined, this)),
+                          state.error ? /* @__PURE__ */ jsxDEV17(MessageScrollerItem, {
+                            messageId: "error",
+                            children: /* @__PURE__ */ jsxDEV17(Alert, {
+                              variant: "destructive",
+                              children: [
+                                /* @__PURE__ */ jsxDEV17(AlertTitle, {
+                                  children: labels.title
+                                }, undefined, false, undefined, this),
+                                /* @__PURE__ */ jsxDEV17(AlertDescription, {
+                                  children: errorMessage(state.error, labels)
+                                }, undefined, false, undefined, this)
+                              ]
+                            }, undefined, true, undefined, this)
+                          }, undefined, false, undefined, this) : null
+                        ]
+                      }, undefined, true, undefined, this)
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV17(MessageScrollerButton, {
+                      children: [
+                        /* @__PURE__ */ jsxDEV17(ArrowDownIcon2, {}, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV17("span", {
+                          className: "sr-only",
+                          children: labels.scrollLatest
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV17("form", {
+              className: "shrink-0 border-t p-3",
+              onSubmit: (event) => {
+                event.preventDefault();
+                sendMessage();
+              },
+              children: /* @__PURE__ */ jsxDEV17(InputGroup, {
+                children: [
+                  activeContext ? /* @__PURE__ */ jsxDEV17(InputGroupAddon, {
+                    align: "block-start",
+                    className: "bg-background rounded-t-[calc(var(--radius-md)-1px)] border-b",
+                    children: [
+                      activeContext.icon,
+                      /* @__PURE__ */ jsxDEV17("span", {
+                        className: "min-w-0 flex-1 truncate text-left",
+                        children: activeContext.label
+                      }, undefined, false, undefined, this),
+                      onRemoveContext ? /* @__PURE__ */ jsxDEV17(InputGroupButton, {
+                        size: "icon-xs",
+                        "aria-label": `${labels.removeContext}: ${activeContext.label}`,
+                        onClick: onRemoveContext,
+                        children: /* @__PURE__ */ jsxDEV17(XIcon2, {}, undefined, false, undefined, this)
+                      }, undefined, false, undefined, this) : null
+                    ]
+                  }, undefined, true, undefined, this) : null,
+                  /* @__PURE__ */ jsxDEV17("div", {
+                    className: "relative w-full min-w-0 self-stretch text-left",
+                    children: [
+                      /* @__PURE__ */ jsxDEV17("div", {
+                        "aria-hidden": "true",
+                        className: "text-foreground pointer-events-none absolute inset-0 overflow-hidden px-2.5 py-2 text-left font-[inherit] text-base break-words whitespace-pre-wrap md:text-sm",
+                        children: highlightedInput(input, references)
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV17(Popover, {
+                        open: referencePickerOpen,
+                        triggerId: referenceInputId,
+                        children: [
+                          /* @__PURE__ */ jsxDEV17(PopoverTrigger, {
+                            id: referenceInputId,
+                            render: /* @__PURE__ */ jsxDEV17(InputGroupTextarea, {
+                              className: "caret-foreground selection:bg-primary selection:text-primary-foreground relative w-full text-left text-transparent",
+                              value: input,
+                              placeholder: labels.placeholder,
+                              "aria-label": labels.placeholder,
+                              "aria-activedescendant": referencePickerOpen && activeReference ? `${referenceInputId}-reference-${activeReferenceIndex}` : undefined,
+                              "aria-autocomplete": "list",
+                              "aria-controls": referenceListId,
+                              "aria-expanded": referencePickerOpen,
+                              disabled: state.pending || hasPendingApproval,
+                              role: "combobox",
+                              rows: 2,
+                              onChange: (event) => {
+                                const value = event.target.value;
+                                setInput(value);
+                                setReferences((current) => current.filter(({ label }) => hasReferenceMention(value, label)));
+                                const query = referenceSearchQuery(value);
+                                const startsReferenceQuery = query !== undefined && value.lastIndexOf("@") > input.lastIndexOf("@");
+                                setReferencePickerOpen((current) => current || startsReferenceQuery && selectableReferences.length > 0);
+                              },
+                              onKeyDown: (event) => {
+                                if (event.key === "Escape" && referencePickerOpen) {
+                                  event.preventDefault();
+                                  setReferencePickerOpen(false);
+                                  return;
+                                }
+                                if (referencePickerOpen && (event.key === "ArrowDown" || event.key === "ArrowUp") && matchingReferences.length > 0) {
+                                  event.preventDefault();
+                                  const offset = event.key === "ArrowDown" ? 1 : -1;
+                                  const nextIndex = Math.min(matchingReferences.length - 1, Math.max(0, activeReferenceIndex + offset));
+                                  setActiveReferenceKey(matchingReferences[nextIndex].key);
+                                  return;
+                                }
+                                if (event.key === "Enter" && !event.shiftKey && referencePickerOpen && activeReference) {
+                                  event.preventDefault();
+                                  selectReference(activeReference);
+                                  return;
+                                }
+                                if (event.key === "Enter" && !event.shiftKey) {
+                                  event.preventDefault();
+                                  event.currentTarget.form?.requestSubmit();
+                                }
+                              }
+                            }, undefined, false, undefined, this)
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV17(PopoverContent, {
+                            align: "start",
+                            initialFocus: false,
+                            side: "top",
+                            className: "w-[min(24rem,calc(100vw-2rem))] p-0",
+                            children: /* @__PURE__ */ jsxDEV17(Command, {
+                              shouldFilter: false,
+                              value: activeReference?.key ?? "",
+                              onValueChange: setActiveReferenceKey,
+                              children: /* @__PURE__ */ jsxDEV17(CommandList, {
+                                id: referenceListId,
+                                children: [
+                                  /* @__PURE__ */ jsxDEV17(CommandEmpty, {
+                                    children: labels.noReferences
+                                  }, undefined, false, undefined, this),
+                                  /* @__PURE__ */ jsxDEV17(CommandGroup, {
+                                    heading: labels.references,
+                                    children: matchingReferences.map((reference, index) => /* @__PURE__ */ jsxDEV17(CommandItem, {
+                                      id: `${referenceInputId}-reference-${index}`,
+                                      value: reference.key,
+                                      onSelect: () => selectReference(reference),
+                                      children: [
+                                        reference.icon,
+                                        /* @__PURE__ */ jsxDEV17("span", {
+                                          className: "truncate",
+                                          children: reference.label
+                                        }, undefined, false, undefined, this)
+                                      ]
+                                    }, reference.key, true, undefined, this))
+                                  }, undefined, false, undefined, this)
+                                ]
+                              }, undefined, true, undefined, this)
+                            }, undefined, false, undefined, this)
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV17(InputGroupAddon, {
+                    align: "block-end",
+                    className: "justify-end",
+                    children: state.pending ? /* @__PURE__ */ jsxDEV17(InputGroupButton, {
+                      size: "icon-xs",
+                      onClick: onInterrupt,
+                      children: [
+                        /* @__PURE__ */ jsxDEV17(SquareIcon, {}, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV17("span", {
+                          className: "sr-only",
+                          children: labels.stop
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV17(InputGroupButton, {
+                      type: "submit",
+                      size: "icon-xs",
+                      disabled: !input.trim() || hasPendingApproval,
+                      children: [
+                        /* @__PURE__ */ jsxDEV17(SendIcon, {}, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV17("span", {
+                          className: "sr-only",
+                          children: labels.send
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this)
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+export {
+  reduceAgentEvent,
+  makeAgentAtoms,
+  initialAgentState,
+  agentWidgetMessages,
+  AgentWidget
+};