@nikitadmitrieff/feedback-chat 0.1.0

package/dist/client/index.js

@@ -0,0 +1,2294 @@
+"use client";
+
+// src/client/feedback-panel.tsx
+import { useState as useState8, useEffect as useEffect4, useRef as useRef4, useCallback as useCallback4 } from "react";
+import { DefaultChatTransport } from "ai";
+import { AssistantRuntimeProvider, useThreadRuntime as useThreadRuntime3 } from "@assistant-ui/react";
+import { useChatRuntime } from "@assistant-ui/react-ai-sdk";
+import { ArrowUp, PanelRight, X as X3, AlertCircle, ArrowRight, Loader2 as Loader22, Lightbulb } from "lucide-react";
+
+// src/client/attachment.tsx
+import { useEffect, useState } from "react";
+import { XIcon as XIcon2, PlusIcon, FileText } from "lucide-react";
+import {
+  AttachmentPrimitive,
+  ComposerPrimitive,
+  MessagePrimitive,
+  useAuiState,
+  useAui
+} from "@assistant-ui/react";
+
+// ../../node_modules/zustand/esm/vanilla/shallow.mjs
+var isIterable = (obj) => Symbol.iterator in obj;
+var hasIterableEntries = (value) => (
+  // HACK: avoid checking entries type
+  "entries" in value
+);
+var compareEntries = (valueA, valueB) => {
+  const mapA = valueA instanceof Map ? valueA : new Map(valueA.entries());
+  const mapB = valueB instanceof Map ? valueB : new Map(valueB.entries());
+  if (mapA.size !== mapB.size) {
+    return false;
+  }
+  for (const [key, value] of mapA) {
+    if (!mapB.has(key) || !Object.is(value, mapB.get(key))) {
+      return false;
+    }
+  }
+  return true;
+};
+var compareIterables = (valueA, valueB) => {
+  const iteratorA = valueA[Symbol.iterator]();
+  const iteratorB = valueB[Symbol.iterator]();
+  let nextA = iteratorA.next();
+  let nextB = iteratorB.next();
+  while (!nextA.done && !nextB.done) {
+    if (!Object.is(nextA.value, nextB.value)) {
+      return false;
+    }
+    nextA = iteratorA.next();
+    nextB = iteratorB.next();
+  }
+  return !!nextA.done && !!nextB.done;
+};
+function shallow(valueA, valueB) {
+  if (Object.is(valueA, valueB)) {
+    return true;
+  }
+  if (typeof valueA !== "object" || valueA === null || typeof valueB !== "object" || valueB === null) {
+    return false;
+  }
+  if (Object.getPrototypeOf(valueA) !== Object.getPrototypeOf(valueB)) {
+    return false;
+  }
+  if (isIterable(valueA) && isIterable(valueB)) {
+    if (hasIterableEntries(valueA) && hasIterableEntries(valueB)) {
+      return compareEntries(valueA, valueB);
+    }
+    return compareIterables(valueA, valueB);
+  }
+  return compareEntries(
+    { entries: () => Object.entries(valueA) },
+    { entries: () => Object.entries(valueB) }
+  );
+}
+
+// ../../node_modules/zustand/esm/react/shallow.mjs
+import React from "react";
+function useShallow(selector) {
+  const prev = React.useRef(void 0);
+  return (state) => {
+    const next = selector(state);
+    return shallow(prev.current, next) ? prev.current : prev.current = next;
+  };
+}
+
+// src/client/ui/tooltip.tsx
+import { Tooltip as TooltipPrimitive } from "radix-ui";
+
+// src/client/ui/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/client/ui/tooltip.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Tooltip({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
+}
+function TooltipTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+    TooltipPrimitive.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn(
+        "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+      ]
+    }
+  ) });
+}
+
+// src/client/ui/dialog.tsx
+import { XIcon } from "lucide-react";
+import { Dialog as DialogPrimitive } from "radix-ui";
+
+// src/client/ui/button.tsx
+import { cva } from "class-variance-authority";
+import { Slot } from "radix-ui";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot.Root : "button";
+  return /* @__PURE__ */ jsx2(
+    Comp,
+    {
+      "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+// src/client/ui/dialog.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function Dialog({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx3(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+}
+function DialogTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx3(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx3(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx3(
+    DialogPrimitive.Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs2(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ jsx3(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs2(
+      DialogPrimitive.Content,
+      {
+        "data-slot": "dialog-content",
+        className: cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs2(
+            DialogPrimitive.Close,
+            {
+              "data-slot": "dialog-close",
+              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+              children: [
+                /* @__PURE__ */ jsx3(XIcon, {}),
+                /* @__PURE__ */ jsx3("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function DialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx3(
+    DialogPrimitive.Title,
+    {
+      "data-slot": "dialog-title",
+      className: cn("text-lg leading-none font-semibold", className),
+      ...props
+    }
+  );
+}
+
+// src/client/ui/avatar.tsx
+import { Avatar as AvatarPrimitive } from "radix-ui";
+import { jsx as jsx4 } from "react/jsx-runtime";
+function Avatar({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx4(
+    AvatarPrimitive.Root,
+    {
+      "data-slot": "avatar",
+      "data-size": size,
+      className: cn(
+        "group/avatar relative flex size-8 shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarImage({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx4(
+    AvatarPrimitive.Image,
+    {
+      "data-slot": "avatar-image",
+      className: cn("aspect-square size-full", className),
+      ...props
+    }
+  );
+}
+function AvatarFallback({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx4(
+    AvatarPrimitive.Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      className: cn(
+        "bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/client/tooltip-icon-button.tsx
+import { forwardRef as forwardRef2 } from "react";
+
+// ../../node_modules/@radix-ui/react-slot/dist/index.mjs
+import * as React2 from "react";
+import { Fragment as Fragment2, jsx as jsx5 } from "react/jsx-runtime";
+var use = React2[" use ".trim().toString()];
+var SLOTTABLE_IDENTIFIER = /* @__PURE__ */ Symbol("radix.slottable");
+// @__NO_SIDE_EFFECTS__
+function createSlottable(ownerName) {
+  const Slottable2 = ({ children }) => {
+    return /* @__PURE__ */ jsx5(Fragment2, { children });
+  };
+  Slottable2.displayName = `${ownerName}.Slottable`;
+  Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
+  return Slottable2;
+}
+var Slottable = /* @__PURE__ */ createSlottable("Slottable");
+
+// src/client/tooltip-icon-button.tsx
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+var TooltipIconButton = forwardRef2(({ children, tooltip, side = "bottom", className, ...rest }, ref) => {
+  return /* @__PURE__ */ jsxs3(Tooltip, { children: [
+    /* @__PURE__ */ jsx6(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs3(
+      Button,
+      {
+        variant: "ghost",
+        size: "icon",
+        ...rest,
+        className: cn("aui-button-icon size-6 p-1", className),
+        ref,
+        children: [
+          /* @__PURE__ */ jsx6(Slottable, { children }),
+          /* @__PURE__ */ jsx6("span", { className: "aui-sr-only sr-only", children: tooltip })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx6(TooltipContent, { side, children: tooltip })
+  ] });
+});
+TooltipIconButton.displayName = "TooltipIconButton";
+
+// src/client/attachment.tsx
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+var useFileSrc = (file) => {
+  const [src, setSrc] = useState(void 0);
+  useEffect(() => {
+    if (!file) return;
+    const objectUrl = URL.createObjectURL(file);
+    setSrc(objectUrl);
+    return () => {
+      URL.revokeObjectURL(objectUrl);
+      setSrc(void 0);
+    };
+  }, [file]);
+  return src;
+};
+var useAttachmentSrc = () => {
+  const { file, src } = useAuiState(
+    useShallow((s) => {
+      if (s.attachment.type !== "image") return {};
+      if (s.attachment.file) return { file: s.attachment.file };
+      const src2 = s.attachment.content?.filter((c) => c.type === "image")[0]?.image;
+      if (!src2) return {};
+      return { src: src2 };
+    })
+  );
+  return useFileSrc(file) ?? src;
+};
+var AttachmentPreview = ({ src }) => {
+  const [isLoaded, setIsLoaded] = useState(false);
+  return /* @__PURE__ */ jsx7(
+    "img",
+    {
+      src,
+      alt: "Image Preview",
+      className: cn(
+        "block h-auto max-h-[80vh] w-auto max-w-full object-contain",
+        isLoaded ? "aui-attachment-preview-image-loaded" : "aui-attachment-preview-image-loading invisible"
+      ),
+      onLoad: () => setIsLoaded(true)
+    }
+  );
+};
+var AttachmentPreviewDialog = ({ children }) => {
+  const src = useAttachmentSrc();
+  if (!src) return children;
+  return /* @__PURE__ */ jsxs4(Dialog, { children: [
+    /* @__PURE__ */ jsx7(
+      DialogTrigger,
+      {
+        className: "aui-attachment-preview-trigger cursor-pointer transition-colors hover:bg-accent/50",
+        asChild: true,
+        children
+      }
+    ),
+    /* @__PURE__ */ jsxs4(DialogContent, { className: "aui-attachment-preview-dialog-content p-2 sm:max-w-3xl [&>button]:rounded-full [&>button]:bg-foreground/60 [&>button]:p-1 [&>button]:opacity-100 [&>button]:ring-0! [&_svg]:text-background [&>button]:hover:[&_svg]:text-destructive", children: [
+      /* @__PURE__ */ jsx7(DialogTitle, { className: "aui-sr-only sr-only", children: "Image Attachment Preview" }),
+      /* @__PURE__ */ jsx7("div", { className: "aui-attachment-preview relative mx-auto flex max-h-[80dvh] w-full items-center justify-center overflow-hidden bg-background", children: /* @__PURE__ */ jsx7(AttachmentPreview, { src }) })
+    ] })
+  ] });
+};
+var AttachmentThumb = () => {
+  const isImage = useAuiState((s) => s.attachment.type === "image");
+  const src = useAttachmentSrc();
+  return /* @__PURE__ */ jsxs4(Avatar, { className: "aui-attachment-tile-avatar h-full w-full rounded-none", children: [
+    /* @__PURE__ */ jsx7(
+      AvatarImage,
+      {
+        src,
+        alt: "Attachment preview",
+        className: "aui-attachment-tile-image object-cover"
+      }
+    ),
+    /* @__PURE__ */ jsx7(AvatarFallback, { delayMs: isImage ? 200 : 0, children: /* @__PURE__ */ jsx7(FileText, { className: "aui-attachment-tile-fallback-icon size-8 text-muted-foreground" }) })
+  ] });
+};
+var AttachmentUI = () => {
+  const aui = useAui();
+  const isComposer = aui.attachment.source === "composer";
+  const isImage = useAuiState((s) => s.attachment.type === "image");
+  const typeLabel = useAuiState((s) => {
+    const type = s.attachment.type;
+    switch (type) {
+      case "image":
+        return "Image";
+      case "document":
+        return "Document";
+      case "file":
+        return "File";
+      default:
+        const _exhaustiveCheck = type;
+        throw new Error(`Unknown attachment type: ${_exhaustiveCheck}`);
+    }
+  });
+  return /* @__PURE__ */ jsxs4(Tooltip, { children: [
+    /* @__PURE__ */ jsxs4(
+      AttachmentPrimitive.Root,
+      {
+        className: cn(
+          "aui-attachment-root relative",
+          isImage && "aui-attachment-root-composer only:[&>#attachment-tile]:size-24"
+        ),
+        children: [
+          /* @__PURE__ */ jsx7(AttachmentPreviewDialog, { children: /* @__PURE__ */ jsx7(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx7(
+            "div",
+            {
+              className: cn(
+                "aui-attachment-tile size-14 cursor-pointer overflow-hidden rounded-[14px] border bg-muted transition-opacity hover:opacity-75",
+                isComposer && "aui-attachment-tile-composer border-foreground/20"
+              ),
+              role: "button",
+              id: "attachment-tile",
+              "aria-label": `${typeLabel} attachment`,
+              children: /* @__PURE__ */ jsx7(AttachmentThumb, {})
+            }
+          ) }) }),
+          isComposer && /* @__PURE__ */ jsx7(AttachmentRemove, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx7(TooltipContent, { side: "top", children: /* @__PURE__ */ jsx7(AttachmentPrimitive.Name, {}) })
+  ] });
+};
+var AttachmentRemove = () => {
+  return /* @__PURE__ */ jsx7(AttachmentPrimitive.Remove, { asChild: true, children: /* @__PURE__ */ jsx7(
+    TooltipIconButton,
+    {
+      tooltip: "Remove file",
+      className: "aui-attachment-tile-remove absolute top-1.5 right-1.5 size-3.5 rounded-full bg-white text-muted-foreground opacity-100 shadow-sm hover:bg-white! [&_svg]:text-black hover:[&_svg]:text-destructive",
+      side: "top",
+      children: /* @__PURE__ */ jsx7(XIcon2, { className: "aui-attachment-remove-icon size-3 dark:stroke-[2.5px]" })
+    }
+  ) });
+};
+var UserMessageAttachments = () => {
+  return /* @__PURE__ */ jsx7("div", { className: "aui-user-message-attachments-end col-span-full col-start-1 row-start-1 flex w-full flex-row justify-end gap-2", children: /* @__PURE__ */ jsx7(MessagePrimitive.Attachments, { components: { Attachment: AttachmentUI } }) });
+};
+var ComposerAttachments = () => {
+  return /* @__PURE__ */ jsx7("div", { className: "aui-composer-attachments mb-2 flex w-full flex-row items-center gap-2 overflow-x-auto px-1.5 pt-0.5 pb-1 empty:hidden", children: /* @__PURE__ */ jsx7(
+    ComposerPrimitive.Attachments,
+    {
+      components: { Attachment: AttachmentUI }
+    }
+  ) });
+};
+var ComposerAddAttachment = () => {
+  return /* @__PURE__ */ jsx7(ComposerPrimitive.AddAttachment, { asChild: true, children: /* @__PURE__ */ jsx7(
+    TooltipIconButton,
+    {
+      tooltip: "Add Attachment",
+      side: "bottom",
+      variant: "ghost",
+      size: "icon",
+      className: "aui-composer-add-attachment size-8.5 rounded-full p-1 font-semibold text-xs hover:bg-muted-foreground/15 dark:border-muted-foreground/15 dark:hover:bg-muted-foreground/30",
+      "aria-label": "Add Attachment",
+      children: /* @__PURE__ */ jsx7(PlusIcon, { className: "aui-attachment-add-icon size-5 stroke-[1.5px]" })
+    }
+  ) });
+};
+
+// src/client/markdown-text.tsx
+import "@assistant-ui/react-markdown/styles/dot.css";
+import {
+  MarkdownTextPrimitive,
+  unstable_memoizeMarkdownComponents as memoizeMarkdownComponents,
+  useIsMarkdownCodeBlock
+} from "@assistant-ui/react-markdown";
+import remarkGfm from "remark-gfm";
+import { memo, useState as useState2 } from "react";
+import { CheckIcon, CopyIcon } from "lucide-react";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+var MarkdownTextImpl = () => {
+  return /* @__PURE__ */ jsx8(
+    MarkdownTextPrimitive,
+    {
+      remarkPlugins: [remarkGfm],
+      className: "aui-md",
+      components: defaultComponents
+    }
+  );
+};
+var MarkdownText = memo(MarkdownTextImpl);
+var CodeHeader = ({ language, code }) => {
+  const { isCopied, copyToClipboard } = useCopyToClipboard();
+  const onCopy = () => {
+    if (!code || isCopied) return;
+    copyToClipboard(code);
+  };
+  return /* @__PURE__ */ jsxs5("div", { className: "aui-code-header-root mt-2.5 flex items-center justify-between rounded-t-lg border border-border/50 border-b-0 bg-muted/50 px-3 py-1.5 text-xs", children: [
+    /* @__PURE__ */ jsx8("span", { className: "aui-code-header-language font-medium text-muted-foreground lowercase", children: language }),
+    /* @__PURE__ */ jsxs5(TooltipIconButton, { tooltip: "Copy", onClick: onCopy, children: [
+      !isCopied && /* @__PURE__ */ jsx8(CopyIcon, {}),
+      isCopied && /* @__PURE__ */ jsx8(CheckIcon, {})
+    ] })
+  ] });
+};
+var useCopyToClipboard = ({
+  copiedDuration = 3e3
+} = {}) => {
+  const [isCopied, setIsCopied] = useState2(false);
+  const copyToClipboard = (value) => {
+    if (!value) return;
+    navigator.clipboard.writeText(value).then(() => {
+      setIsCopied(true);
+      setTimeout(() => setIsCopied(false), copiedDuration);
+    });
+  };
+  return { isCopied, copyToClipboard };
+};
+var defaultComponents = memoizeMarkdownComponents({
+  h1: ({ className, ...props }) => /* @__PURE__ */ jsx8(
+    "h1",
+    {
+      className: cn(
+        "aui-md-h1 mb-2 scroll-m-20 font-semibold text-base first:mt-0 last:mb-0",
+        className
+      ),
+      ...props
+    }
+  ),
+  h2: ({ className, ...props }) => /* @__PURE__ */ jsx8(
+    "h2",
+    {
+      className: cn(
+        "aui-md-h2 mt-3 mb-1.5 scroll-m-20 font-semibold text-sm first:mt-0 last:mb-0",
+        className
+      ),
+      ...props
+    }
+  ),
+  h3: ({ className, ...props }) => /* @__PURE__ */ jsx8(
+    "h3",
+    {
+      className: cn(
+        "aui-md-h3 mt-2.5 mb-1 scroll-m-20 font-semibold text-sm first:mt-0 last:mb-0",
+        className
+      ),
+      ...props
+    }
+  ),
+  h4: ({ className, ...props }) => /* @__PURE__ */ jsx8(
+    "h4",
+    {
+      className: cn(
+        "aui-md-h4 mt-2 mb-1 scroll-m-20 font-medium text-sm first:mt-0 last:mb-0",
+        className
+      ),
+      ...props
+    }
+  ),
+  h5: ({ className, ...props }) => /* @__PURE__ */ jsx8(
+    "h5",
+    {
+      className: cn(
+        "aui-md-h5 mt-2 mb-1 font-medium text-sm first:mt-0 last:mb-0",
+        className
+      ),
+      ...props
+    }
+  ),
+  h6: ({ className, ...props }) => /* @__PURE__ */ jsx8(
+    "h6",
+    {
+      className: cn(
+        "aui-md-h6 mt-2 mb-1 font-medium text-sm first:mt-0 last:mb-0",
+        className
+      ),
+      ...props
+    }
+  ),
+  p: ({ className, ...props }) => /* @__PURE__ */ jsx8(
+    "p",
+    {
+      className: cn(
+        "aui-md-p my-2.5 leading-normal first:mt-0 last:mb-0",
+        className
+      ),
+      ...props
+    }
+  ),
+  a: ({ className, ...props }) => /* @__PURE__ */ jsx8(
+    "a",
+    {
+      className: cn(
+        "aui-md-a text-primary underline underline-offset-2 hover:text-primary/80",
+        className
+      ),
+      ...props
+    }
+  ),
+  blockquote: ({ className, ...props }) => /* @__PURE__ */ jsx8(
+    "blockquote",
+    {
+      className: cn(
+        "aui-md-blockquote my-2.5 border-muted-foreground/30 border-l-2 pl-3 text-muted-foreground italic",
+        className
+      ),
+      ...props
+    }
+  ),
+  ul: ({ className, ...props }) => /* @__PURE__ */ jsx8(
+    "ul",
+    {
+      className: cn(
+        "aui-md-ul my-2 ml-4 list-disc marker:text-muted-foreground [&>li]:mt-1",
+        className
+      ),
+      ...props
+    }
+  ),
+  ol: ({ className, ...props }) => /* @__PURE__ */ jsx8(
+    "ol",
+    {
+      className: cn(
+        "aui-md-ol my-2 ml-4 list-decimal marker:text-muted-foreground [&>li]:mt-1",
+        className
+      ),
+      ...props
+    }
+  ),
+  hr: ({ className, ...props }) => /* @__PURE__ */ jsx8(
+    "hr",
+    {
+      className: cn("aui-md-hr my-2 border-muted-foreground/20", className),
+      ...props
+    }
+  ),
+  table: ({ className, ...props }) => /* @__PURE__ */ jsx8(
+    "table",
+    {
+      className: cn(
+        "aui-md-table my-2 w-full border-separate border-spacing-0 overflow-y-auto",
+        className
+      ),
+      ...props
+    }
+  ),
+  th: ({ className, ...props }) => /* @__PURE__ */ jsx8(
+    "th",
+    {
+      className: cn(
+        "aui-md-th bg-muted px-2 py-1 text-left font-medium first:rounded-tl-lg last:rounded-tr-lg [[align=center]]:text-center [[align=right]]:text-right",
+        className
+      ),
+      ...props
+    }
+  ),
+  td: ({ className, ...props }) => /* @__PURE__ */ jsx8(
+    "td",
+    {
+      className: cn(
+        "aui-md-td border-muted-foreground/20 border-b border-l px-2 py-1 text-left last:border-r [[align=center]]:text-center [[align=right]]:text-right",
+        className
+      ),
+      ...props
+    }
+  ),
+  tr: ({ className, ...props }) => /* @__PURE__ */ jsx8(
+    "tr",
+    {
+      className: cn(
+        "aui-md-tr m-0 border-b p-0 first:border-t [&:last-child>td:first-child]:rounded-bl-lg [&:last-child>td:last-child]:rounded-br-lg",
+        className
+      ),
+      ...props
+    }
+  ),
+  li: ({ className, ...props }) => /* @__PURE__ */ jsx8("li", { className: cn("aui-md-li leading-normal", className), ...props }),
+  sup: ({ className, ...props }) => /* @__PURE__ */ jsx8(
+    "sup",
+    {
+      className: cn("aui-md-sup [&>a]:text-xs [&>a]:no-underline", className),
+      ...props
+    }
+  ),
+  pre: ({ className, ...props }) => /* @__PURE__ */ jsx8(
+    "pre",
+    {
+      className: cn(
+        "aui-md-pre overflow-x-auto rounded-t-none rounded-b-lg border border-border/50 border-t-0 bg-muted/30 p-3 text-xs leading-relaxed",
+        className
+      ),
+      ...props
+    }
+  ),
+  code: function Code({ className, ...props }) {
+    const isCodeBlock = useIsMarkdownCodeBlock();
+    return /* @__PURE__ */ jsx8(
+      "code",
+      {
+        className: cn(
+          !isCodeBlock && "aui-md-inline-code rounded-md border border-border/50 bg-muted/50 px-1.5 py-0.5 font-mono text-[0.85em]",
+          className
+        ),
+        ...props
+      }
+    );
+  },
+  CodeHeader
+});
+
+// src/client/tool-fallback.tsx
+import { memo as memo2, useCallback, useRef, useState as useState3 } from "react";
+import {
+  AlertCircleIcon,
+  CheckIcon as CheckIcon2,
+  ChevronDownIcon,
+  LoaderIcon,
+  XCircleIcon
+} from "lucide-react";
+import {
+  useScrollLock
+} from "@assistant-ui/react";
+
+// src/client/ui/collapsible.tsx
+import { Collapsible as CollapsiblePrimitive } from "radix-ui";
+import { jsx as jsx9 } from "react/jsx-runtime";
+function Collapsible({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx9(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
+}
+function CollapsibleTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx9(
+    CollapsiblePrimitive.CollapsibleTrigger,
+    {
+      "data-slot": "collapsible-trigger",
+      ...props
+    }
+  );
+}
+function CollapsibleContent({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx9(
+    CollapsiblePrimitive.CollapsibleContent,
+    {
+      "data-slot": "collapsible-content",
+      ...props
+    }
+  );
+}
+
+// src/client/tool-fallback.tsx
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+var ANIMATION_DURATION = 200;
+function ToolFallbackRoot({
+  className,
+  open: controlledOpen,
+  onOpenChange: controlledOnOpenChange,
+  defaultOpen = false,
+  children,
+  ...props
+}) {
+  const collapsibleRef = useRef(null);
+  const [uncontrolledOpen, setUncontrolledOpen] = useState3(defaultOpen);
+  const lockScroll = useScrollLock(collapsibleRef, ANIMATION_DURATION);
+  const isControlled = controlledOpen !== void 0;
+  const isOpen = isControlled ? controlledOpen : uncontrolledOpen;
+  const handleOpenChange = useCallback(
+    (open) => {
+      if (!open) {
+        lockScroll();
+      }
+      if (!isControlled) {
+        setUncontrolledOpen(open);
+      }
+      controlledOnOpenChange?.(open);
+    },
+    [lockScroll, isControlled, controlledOnOpenChange]
+  );
+  return /* @__PURE__ */ jsx10(
+    Collapsible,
+    {
+      ref: collapsibleRef,
+      "data-slot": "tool-fallback-root",
+      open: isOpen,
+      onOpenChange: handleOpenChange,
+      className: cn(
+        "aui-tool-fallback-root group/tool-fallback-root w-full rounded-lg border py-3",
+        className
+      ),
+      style: {
+        "--animation-duration": `${ANIMATION_DURATION}ms`
+      },
+      ...props,
+      children
+    }
+  );
+}
+var statusIconMap = {
+  running: LoaderIcon,
+  complete: CheckIcon2,
+  incomplete: XCircleIcon,
+  "requires-action": AlertCircleIcon
+};
+function ToolFallbackTrigger({
+  toolName,
+  status,
+  className,
+  ...props
+}) {
+  const statusType = status?.type ?? "complete";
+  const isRunning = statusType === "running";
+  const isCancelled = status?.type === "incomplete" && status.reason === "cancelled";
+  const Icon = statusIconMap[statusType];
+  const label = isCancelled ? "Cancelled tool" : "Used tool";
+  return /* @__PURE__ */ jsxs6(
+    CollapsibleTrigger,
+    {
+      "data-slot": "tool-fallback-trigger",
+      className: cn(
+        "aui-tool-fallback-trigger group/trigger flex w-full items-center gap-2 px-4 text-sm transition-colors",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx10(
+          Icon,
+          {
+            "data-slot": "tool-fallback-trigger-icon",
+            className: cn(
+              "aui-tool-fallback-trigger-icon size-4 shrink-0",
+              isCancelled && "text-muted-foreground",
+              isRunning && "animate-spin"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxs6(
+          "span",
+          {
+            "data-slot": "tool-fallback-trigger-label",
+            className: cn(
+              "aui-tool-fallback-trigger-label-wrapper relative inline-block grow text-left leading-none",
+              isCancelled && "text-muted-foreground line-through"
+            ),
+            children: [
+              /* @__PURE__ */ jsxs6("span", { children: [
+                label,
+                ": ",
+                /* @__PURE__ */ jsx10("b", { children: toolName })
+              ] }),
+              isRunning && /* @__PURE__ */ jsxs6(
+                "span",
+                {
+                  "aria-hidden": true,
+                  "data-slot": "tool-fallback-trigger-shimmer",
+                  className: "aui-tool-fallback-trigger-shimmer shimmer pointer-events-none absolute inset-0 motion-reduce:animate-none",
+                  children: [
+                    label,
+                    ": ",
+                    /* @__PURE__ */ jsx10("b", { children: toolName })
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx10(
+          ChevronDownIcon,
+          {
+            "data-slot": "tool-fallback-trigger-chevron",
+            className: cn(
+              "aui-tool-fallback-trigger-chevron size-4 shrink-0",
+              "transition-transform duration-(--animation-duration) ease-out",
+              "group-data-[state=closed]/trigger:-rotate-90",
+              "group-data-[state=open]/trigger:rotate-0"
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function ToolFallbackContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx10(
+    CollapsibleContent,
+    {
+      "data-slot": "tool-fallback-content",
+      className: cn(
+        "aui-tool-fallback-content relative overflow-hidden text-sm outline-none",
+        "group/collapsible-content ease-out",
+        "data-[state=closed]:animate-collapsible-up",
+        "data-[state=open]:animate-collapsible-down",
+        "data-[state=closed]:fill-mode-forwards",
+        "data-[state=closed]:pointer-events-none",
+        "data-[state=open]:duration-(--animation-duration)",
+        "data-[state=closed]:duration-(--animation-duration)",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx10("div", { className: "mt-3 flex flex-col gap-2 border-t pt-2", children })
+    }
+  );
+}
+function ToolFallbackArgs({
+  argsText,
+  className,
+  ...props
+}) {
+  if (!argsText) return null;
+  return /* @__PURE__ */ jsx10(
+    "div",
+    {
+      "data-slot": "tool-fallback-args",
+      className: cn("aui-tool-fallback-args px-4", className),
+      ...props,
+      children: /* @__PURE__ */ jsx10("pre", { className: "aui-tool-fallback-args-value whitespace-pre-wrap", children: argsText })
+    }
+  );
+}
+function ToolFallbackResult({
+  result,
+  className,
+  ...props
+}) {
+  if (result === void 0) return null;
+  return /* @__PURE__ */ jsxs6(
+    "div",
+    {
+      "data-slot": "tool-fallback-result",
+      className: cn(
+        "aui-tool-fallback-result border-t border-dashed px-4 pt-2",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx10("p", { className: "aui-tool-fallback-result-header font-semibold", children: "Result:" }),
+        /* @__PURE__ */ jsx10("pre", { className: "aui-tool-fallback-result-content whitespace-pre-wrap", children: typeof result === "string" ? result : JSON.stringify(result, null, 2) })
+      ]
+    }
+  );
+}
+function ToolFallbackError({
+  status,
+  className,
+  ...props
+}) {
+  if (status?.type !== "incomplete") return null;
+  const error = status.error;
+  const errorText = error ? typeof error === "string" ? error : JSON.stringify(error) : null;
+  if (!errorText) return null;
+  const isCancelled = status.reason === "cancelled";
+  const headerText = isCancelled ? "Cancelled reason:" : "Error:";
+  return /* @__PURE__ */ jsxs6(
+    "div",
+    {
+      "data-slot": "tool-fallback-error",
+      className: cn("aui-tool-fallback-error px-4", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx10("p", { className: "aui-tool-fallback-error-header font-semibold text-muted-foreground", children: headerText }),
+        /* @__PURE__ */ jsx10("p", { className: "aui-tool-fallback-error-reason text-muted-foreground", children: errorText })
+      ]
+    }
+  );
+}
+var ToolFallbackImpl = ({
+  toolName,
+  argsText,
+  result,
+  status
+}) => {
+  const isCancelled = status?.type === "incomplete" && status.reason === "cancelled";
+  return /* @__PURE__ */ jsxs6(
+    ToolFallbackRoot,
+    {
+      className: cn(isCancelled && "border-muted-foreground/30 bg-muted/30"),
+      children: [
+        /* @__PURE__ */ jsx10(ToolFallbackTrigger, { toolName, status }),
+        /* @__PURE__ */ jsxs6(ToolFallbackContent, { children: [
+          /* @__PURE__ */ jsx10(ToolFallbackError, { status }),
+          /* @__PURE__ */ jsx10(
+            ToolFallbackArgs,
+            {
+              argsText,
+              className: cn(isCancelled && "opacity-60")
+            }
+          ),
+          !isCancelled && /* @__PURE__ */ jsx10(ToolFallbackResult, { result })
+        ] })
+      ]
+    }
+  );
+};
+var ToolFallback = memo2(
+  ToolFallbackImpl
+);
+ToolFallback.displayName = "ToolFallback";
+ToolFallback.Root = ToolFallbackRoot;
+ToolFallback.Trigger = ToolFallbackTrigger;
+ToolFallback.Content = ToolFallbackContent;
+ToolFallback.Args = ToolFallbackArgs;
+ToolFallback.Result = ToolFallbackResult;
+ToolFallback.Error = ToolFallbackError;
+
+// src/client/thread.tsx
+import {
+  ActionBarMorePrimitive,
+  ActionBarPrimitive,
+  AuiIf,
+  BranchPickerPrimitive,
+  ComposerPrimitive as ComposerPrimitive2,
+  ErrorPrimitive,
+  MessagePrimitive as MessagePrimitive2,
+  SuggestionPrimitive,
+  ThreadPrimitive
+} from "@assistant-ui/react";
+import {
+  ArrowDownIcon,
+  ArrowUpIcon,
+  CheckIcon as CheckIcon3,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  CopyIcon as CopyIcon2,
+  DownloadIcon,
+  MoreHorizontalIcon,
+  PencilIcon,
+  RefreshCwIcon,
+  SquareIcon
+} from "lucide-react";
+import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+var Thread = () => {
+  return /* @__PURE__ */ jsx11(
+    ThreadPrimitive.Root,
+    {
+      className: "aui-root aui-thread-root @container flex h-full flex-col bg-transparent",
+      style: {
+        ["--thread-max-width"]: "44rem"
+      },
+      children: /* @__PURE__ */ jsxs7(
+        ThreadPrimitive.Viewport,
+        {
+          turnAnchor: "top",
+          className: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-scroll scroll-smooth px-4 pt-4",
+          children: [
+            /* @__PURE__ */ jsx11(AuiIf, { condition: (s) => s.thread.isEmpty, children: /* @__PURE__ */ jsx11(ThreadWelcome, {}) }),
+            /* @__PURE__ */ jsx11(
+              ThreadPrimitive.Messages,
+              {
+                components: {
+                  UserMessage,
+                  EditComposer,
+                  AssistantMessage
+                }
+              }
+            ),
+            /* @__PURE__ */ jsxs7(ThreadPrimitive.ViewportFooter, { className: "aui-thread-viewport-footer sticky bottom-0 mx-auto mt-auto flex w-full max-w-(--thread-max-width) flex-col gap-4 overflow-visible pb-3", children: [
+              /* @__PURE__ */ jsx11(ThreadScrollToBottom, {}),
+              /* @__PURE__ */ jsx11(Composer, {})
+            ] })
+          ]
+        }
+      )
+    }
+  );
+};
+var ThreadScrollToBottom = () => {
+  return /* @__PURE__ */ jsx11(ThreadPrimitive.ScrollToBottom, { asChild: true, children: /* @__PURE__ */ jsx11(
+    TooltipIconButton,
+    {
+      tooltip: "Scroll to bottom",
+      variant: "outline",
+      className: "aui-thread-scroll-to-bottom absolute -top-12 z-10 self-center rounded-full p-4 disabled:invisible dark:bg-background dark:hover:bg-accent",
+      children: /* @__PURE__ */ jsx11(ArrowDownIcon, {})
+    }
+  ) });
+};
+var ThreadWelcome = () => {
+  return /* @__PURE__ */ jsxs7("div", { className: "aui-thread-welcome-root mx-auto my-auto flex w-full max-w-(--thread-max-width) grow flex-col", children: [
+    /* @__PURE__ */ jsx11("div", { className: "aui-thread-welcome-center flex w-full grow flex-col items-center justify-center", children: /* @__PURE__ */ jsxs7("div", { className: "aui-thread-welcome-message flex size-full flex-col items-center justify-center gap-1 px-4 text-center", children: [
+      /* @__PURE__ */ jsx11("h1", { className: "aui-thread-welcome-message-inner fade-in slide-in-from-bottom-1 animate-in fill-mode-both text-sm font-medium text-foreground duration-200", children: "Share an idea" }),
+      /* @__PURE__ */ jsx11("p", { className: "aui-thread-welcome-message-inner fade-in slide-in-from-bottom-1 animate-in fill-mode-both text-muted-foreground text-xs delay-75 duration-200", children: "Describe what you'd like to improve." })
+    ] }) }),
+    /* @__PURE__ */ jsx11(ThreadSuggestions, {})
+  ] });
+};
+var ThreadSuggestions = () => {
+  return /* @__PURE__ */ jsx11("div", { className: "aui-thread-welcome-suggestions grid w-full @md:grid-cols-2 gap-2 pb-4", children: /* @__PURE__ */ jsx11(
+    ThreadPrimitive.Suggestions,
+    {
+      components: {
+        Suggestion: ThreadSuggestionItem
+      }
+    }
+  ) });
+};
+var ThreadSuggestionItem = () => {
+  return /* @__PURE__ */ jsx11("div", { className: "aui-thread-welcome-suggestion-display fade-in slide-in-from-bottom-2 @md:nth-[n+3]:block nth-[n+3]:hidden animate-in fill-mode-both duration-200", children: /* @__PURE__ */ jsx11(SuggestionPrimitive.Trigger, { send: true, asChild: true, children: /* @__PURE__ */ jsxs7(
+    Button,
+    {
+      variant: "ghost",
+      className: "aui-thread-welcome-suggestion h-auto w-full @md:flex-col flex-wrap items-start justify-start gap-1 rounded-2xl border px-4 py-3 text-left text-sm transition-colors hover:bg-muted",
+      children: [
+        /* @__PURE__ */ jsx11("span", { className: "aui-thread-welcome-suggestion-text-1 font-medium", children: /* @__PURE__ */ jsx11(SuggestionPrimitive.Title, {}) }),
+        /* @__PURE__ */ jsx11("span", { className: "aui-thread-welcome-suggestion-text-2 text-muted-foreground", children: /* @__PURE__ */ jsx11(SuggestionPrimitive.Description, {}) })
+      ]
+    }
+  ) }) });
+};
+var Composer = () => {
+  return /* @__PURE__ */ jsx11(ComposerPrimitive2.Root, { className: "aui-composer-root relative flex w-full flex-col", children: /* @__PURE__ */ jsxs7(ComposerPrimitive2.AttachmentDropzone, { className: "aui-composer-attachment-dropzone flex w-full flex-col rounded-3xl border border-border bg-card px-2 pt-2 shadow-[0_8px_30px_rgba(0,0,0,0.24)] outline-none transition-all duration-300 has-[textarea:focus-visible]:border-ring has-[textarea:focus-visible]:ring-2 has-[textarea:focus-visible]:ring-ring/20 data-[dragging=true]:border-ring data-[dragging=true]:border-dashed data-[dragging=true]:bg-accent/50", children: [
+    /* @__PURE__ */ jsx11(ComposerAttachments, {}),
+    /* @__PURE__ */ jsx11(
+      ComposerPrimitive2.Input,
+      {
+        placeholder: "Describe your idea...",
+        className: "aui-composer-input mb-1 max-h-32 min-h-14 w-full resize-none bg-transparent px-4 pt-2 pb-3 text-sm outline-none placeholder:text-muted-foreground focus-visible:ring-0",
+        rows: 1,
+        autoFocus: true,
+        "aria-label": "Message input"
+      }
+    ),
+    /* @__PURE__ */ jsx11(ComposerAction, {})
+  ] }) });
+};
+var ComposerAction = () => {
+  return /* @__PURE__ */ jsxs7("div", { className: "aui-composer-action-wrapper relative mx-2 mb-2 flex items-center justify-between", children: [
+    /* @__PURE__ */ jsx11(ComposerAddAttachment, {}),
+    /* @__PURE__ */ jsx11(AuiIf, { condition: (s) => !s.thread.isRunning, children: /* @__PURE__ */ jsx11(ComposerPrimitive2.Send, { asChild: true, children: /* @__PURE__ */ jsx11(
+      TooltipIconButton,
+      {
+        tooltip: "Send message",
+        side: "bottom",
+        type: "submit",
+        variant: "default",
+        size: "icon",
+        className: "aui-composer-send size-8 rounded-full",
+        "aria-label": "Send message",
+        children: /* @__PURE__ */ jsx11(ArrowUpIcon, { className: "aui-composer-send-icon size-4" })
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx11(AuiIf, { condition: (s) => s.thread.isRunning, children: /* @__PURE__ */ jsx11(ComposerPrimitive2.Cancel, { asChild: true, children: /* @__PURE__ */ jsx11(
+      Button,
+      {
+        type: "button",
+        variant: "default",
+        size: "icon",
+        className: "aui-composer-cancel size-8 rounded-full",
+        "aria-label": "Stop generating",
+        children: /* @__PURE__ */ jsx11(SquareIcon, { className: "aui-composer-cancel-icon size-3 fill-current" })
+      }
+    ) }) })
+  ] });
+};
+var MessageError = () => {
+  return /* @__PURE__ */ jsx11(MessagePrimitive2.Error, { children: /* @__PURE__ */ jsx11(ErrorPrimitive.Root, { className: "aui-message-error-root mt-2 rounded-xl border border-destructive bg-destructive/10 p-3 text-destructive text-sm dark:bg-destructive/5 dark:text-red-200", children: /* @__PURE__ */ jsx11(ErrorPrimitive.Message, { className: "aui-message-error-message line-clamp-2" }) }) });
+};
+var AssistantMessage = () => {
+  return /* @__PURE__ */ jsxs7(
+    MessagePrimitive2.Root,
+    {
+      className: "aui-assistant-message-root fade-in slide-in-from-bottom-1 relative mx-auto w-full max-w-(--thread-max-width) animate-in py-2 duration-150",
+      "data-role": "assistant",
+      children: [
+        /* @__PURE__ */ jsxs7("div", { className: "aui-assistant-message-content wrap-break-word px-2 text-[13px] text-foreground leading-relaxed", children: [
+          /* @__PURE__ */ jsx11(
+            MessagePrimitive2.Parts,
+            {
+              components: {
+                Text: MarkdownText,
+                tools: { Fallback: ToolFallback }
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx11(MessageError, {})
+        ] }),
+        /* @__PURE__ */ jsxs7("div", { className: "aui-assistant-message-footer mt-0.5 ml-2 flex", children: [
+          /* @__PURE__ */ jsx11(BranchPicker, {}),
+          /* @__PURE__ */ jsx11(AssistantActionBar, {})
+        ] })
+      ]
+    }
+  );
+};
+var AssistantActionBar = () => {
+  return /* @__PURE__ */ jsxs7(
+    ActionBarPrimitive.Root,
+    {
+      hideWhenRunning: true,
+      autohide: "not-last",
+      autohideFloat: "single-branch",
+      className: "aui-assistant-action-bar-root col-start-3 row-start-2 -ml-1 flex gap-1 text-muted-foreground data-floating:absolute data-floating:rounded-xl data-floating:border data-floating:bg-background data-floating:p-1 data-floating:shadow-sm",
+      children: [
+        /* @__PURE__ */ jsx11(ActionBarPrimitive.Copy, { asChild: true, children: /* @__PURE__ */ jsxs7(TooltipIconButton, { tooltip: "Copy", children: [
+          /* @__PURE__ */ jsx11(AuiIf, { condition: (s) => s.message.isCopied, children: /* @__PURE__ */ jsx11(CheckIcon3, {}) }),
+          /* @__PURE__ */ jsx11(AuiIf, { condition: (s) => !s.message.isCopied, children: /* @__PURE__ */ jsx11(CopyIcon2, {}) })
+        ] }) }),
+        /* @__PURE__ */ jsx11(ActionBarPrimitive.Reload, { asChild: true, children: /* @__PURE__ */ jsx11(TooltipIconButton, { tooltip: "Refresh", children: /* @__PURE__ */ jsx11(RefreshCwIcon, {}) }) }),
+        /* @__PURE__ */ jsxs7(ActionBarMorePrimitive.Root, { children: [
+          /* @__PURE__ */ jsx11(ActionBarMorePrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ jsx11(
+            TooltipIconButton,
+            {
+              tooltip: "More",
+              className: "data-[state=open]:bg-accent",
+              children: /* @__PURE__ */ jsx11(MoreHorizontalIcon, {})
+            }
+          ) }),
+          /* @__PURE__ */ jsx11(
+            ActionBarMorePrimitive.Content,
+            {
+              side: "bottom",
+              align: "start",
+              className: "aui-action-bar-more-content z-50 min-w-32 overflow-hidden rounded-xl border bg-popover p-1 text-popover-foreground shadow-md",
+              children: /* @__PURE__ */ jsx11(ActionBarPrimitive.ExportMarkdown, { asChild: true, children: /* @__PURE__ */ jsxs7(ActionBarMorePrimitive.Item, { className: "aui-action-bar-more-item flex cursor-pointer select-none items-center gap-2 rounded-lg px-2 py-1.5 text-sm outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground", children: [
+                /* @__PURE__ */ jsx11(DownloadIcon, { className: "size-4" }),
+                "Export as Markdown"
+              ] }) })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+var UserMessage = () => {
+  return /* @__PURE__ */ jsxs7(
+    MessagePrimitive2.Root,
+    {
+      className: "aui-user-message-root fade-in slide-in-from-bottom-1 mx-auto grid w-full max-w-(--thread-max-width) animate-in auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] content-start gap-y-2 px-2 py-2 duration-150 [&:where(>*)]:col-start-2",
+      "data-role": "user",
+      children: [
+        /* @__PURE__ */ jsx11(UserMessageAttachments, {}),
+        /* @__PURE__ */ jsxs7("div", { className: "aui-user-message-content-wrapper relative col-start-2 min-w-0", children: [
+          /* @__PURE__ */ jsx11("div", { className: "aui-user-message-content wrap-break-word rounded-2xl bg-muted px-3 py-2 text-[13px] text-foreground", children: /* @__PURE__ */ jsx11(MessagePrimitive2.Parts, {}) }),
+          /* @__PURE__ */ jsx11("div", { className: "aui-user-action-bar-wrapper absolute top-1/2 left-0 -translate-x-full -translate-y-1/2 pr-2", children: /* @__PURE__ */ jsx11(UserActionBar, {}) })
+        ] }),
+        /* @__PURE__ */ jsx11(BranchPicker, { className: "aui-user-branch-picker col-span-full col-start-1 row-start-3 -mr-1 justify-end" })
+      ]
+    }
+  );
+};
+var UserActionBar = () => {
+  return /* @__PURE__ */ jsx11(
+    ActionBarPrimitive.Root,
+    {
+      hideWhenRunning: true,
+      autohide: "not-last",
+      className: "aui-user-action-bar-root flex flex-col items-end",
+      children: /* @__PURE__ */ jsx11(ActionBarPrimitive.Edit, { asChild: true, children: /* @__PURE__ */ jsx11(TooltipIconButton, { tooltip: "Edit", className: "aui-user-action-edit p-4", children: /* @__PURE__ */ jsx11(PencilIcon, {}) }) })
+    }
+  );
+};
+var EditComposer = () => {
+  return /* @__PURE__ */ jsx11(MessagePrimitive2.Root, { className: "aui-edit-composer-wrapper mx-auto flex w-full max-w-(--thread-max-width) flex-col px-2 py-3", children: /* @__PURE__ */ jsxs7(ComposerPrimitive2.Root, { className: "aui-edit-composer-root ml-auto flex w-full max-w-[85%] flex-col rounded-3xl bg-card", children: [
+    /* @__PURE__ */ jsx11(
+      ComposerPrimitive2.Input,
+      {
+        className: "aui-edit-composer-input min-h-14 w-full resize-none bg-transparent p-4 text-foreground text-sm outline-none",
+        autoFocus: true
+      }
+    ),
+    /* @__PURE__ */ jsxs7("div", { className: "aui-edit-composer-footer mx-3 mb-3 flex items-center gap-2 self-end", children: [
+      /* @__PURE__ */ jsx11(ComposerPrimitive2.Cancel, { asChild: true, children: /* @__PURE__ */ jsx11(Button, { variant: "ghost", size: "sm", children: "Cancel" }) }),
+      /* @__PURE__ */ jsx11(ComposerPrimitive2.Send, { asChild: true, children: /* @__PURE__ */ jsx11(Button, { size: "sm", children: "Update" }) })
+    ] })
+  ] }) });
+};
+var BranchPicker = ({
+  className,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsxs7(
+    BranchPickerPrimitive.Root,
+    {
+      hideWhenSingleBranch: true,
+      className: cn(
+        "aui-branch-picker-root mr-2 -ml-2 inline-flex items-center text-muted-foreground text-xs",
+        className
+      ),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx11(BranchPickerPrimitive.Previous, { asChild: true, children: /* @__PURE__ */ jsx11(TooltipIconButton, { tooltip: "Previous", children: /* @__PURE__ */ jsx11(ChevronLeftIcon, {}) }) }),
+        /* @__PURE__ */ jsxs7("span", { className: "aui-branch-picker-state font-medium", children: [
+          /* @__PURE__ */ jsx11(BranchPickerPrimitive.Number, {}),
+          " / ",
+          /* @__PURE__ */ jsx11(BranchPickerPrimitive.Count, {})
+        ] }),
+        /* @__PURE__ */ jsx11(BranchPickerPrimitive.Next, { asChild: true, children: /* @__PURE__ */ jsx11(TooltipIconButton, { tooltip: "Next", children: /* @__PURE__ */ jsx11(ChevronRightIcon, {}) }) })
+      ]
+    }
+  );
+};
+
+// src/client/use-conversations.ts
+import { useState as useState4, useEffect as useEffect2, useRef as useRef2, useCallback as useCallback2, useMemo } from "react";
+import { useThreadRuntime } from "@assistant-ui/react";
+var CONV_INDEX_KEY = "feedback_conversations";
+var CONV_PREFIX = "feedback_conv_";
+var ACTIVE_CONV_KEY = "feedback_active_conv";
+var MAX_CONVERSATIONS = 10;
+var AUTOSAVE_DELAY = 400;
+var DEFAULT_TITLE = "New chat";
+function loadIndex() {
+  try {
+    const raw = localStorage.getItem(CONV_INDEX_KEY);
+    return raw ? JSON.parse(raw) : [];
+  } catch {
+    return [];
+  }
+}
+function saveIndex(conversations) {
+  localStorage.setItem(CONV_INDEX_KEY, JSON.stringify(conversations));
+}
+function loadState(id) {
+  try {
+    const raw = localStorage.getItem(CONV_PREFIX + id);
+    return raw ? JSON.parse(raw) : null;
+  } catch {
+    return null;
+  }
+}
+function saveState(id, state) {
+  localStorage.setItem(CONV_PREFIX + id, JSON.stringify(state));
+}
+function deleteMessages(id) {
+  localStorage.removeItem(CONV_PREFIX + id);
+}
+function makeConversation() {
+  const now = (/* @__PURE__ */ new Date()).toISOString();
+  return {
+    id: crypto.randomUUID(),
+    title: DEFAULT_TITLE,
+    createdAt: now,
+    updatedAt: now
+  };
+}
+function useConversations() {
+  const threadRuntime = useThreadRuntime();
+  const [conversations, setConversations] = useState4([]);
+  const [activeId, setActiveId] = useState4("");
+  const activeIdRef = useRef2(activeId);
+  const conversationsRef = useRef2(conversations);
+  useEffect2(() => {
+    activeIdRef.current = activeId;
+    conversationsRef.current = conversations;
+  });
+  function saveCurrent() {
+    try {
+      const state = threadRuntime.exportExternalState();
+      if (state && state.messages.length > 0) {
+        saveState(activeIdRef.current, state);
+        updateTitleIfNeeded(activeIdRef.current, state);
+      }
+    } catch {
+    }
+  }
+  function restoreOrReset(id) {
+    const saved = loadState(id);
+    if (saved && saved.messages.length > 0) {
+      try {
+        threadRuntime.importExternalState(saved);
+      } catch {
+        threadRuntime.reset();
+      }
+    } else {
+      threadRuntime.reset();
+    }
+  }
+  function activate(id) {
+    setActiveId(id);
+    localStorage.setItem(ACTIVE_CONV_KEY, id);
+  }
+  const initialized = useRef2(false);
+  useEffect2(() => {
+    if (initialized.current) return;
+    initialized.current = true;
+    let index = loadIndex();
+    let currentId = localStorage.getItem(ACTIVE_CONV_KEY);
+    if (index.length === 0) {
+      const first = makeConversation();
+      index = [first];
+      currentId = first.id;
+      saveIndex(index);
+      localStorage.setItem(ACTIVE_CONV_KEY, currentId);
+    } else if (!currentId || !index.some((c) => c.id === currentId)) {
+      currentId = index[0].id;
+      localStorage.setItem(ACTIVE_CONV_KEY, currentId);
+    }
+    setConversations(index);
+    setActiveId(currentId);
+    const saved = loadState(currentId);
+    if (saved && saved.messages.length > 0) {
+      try {
+        threadRuntime.importExternalState(saved);
+      } catch {
+      }
+    }
+  }, [threadRuntime]);
+  const switchTo = useCallback2(
+    (id) => {
+      if (id === activeIdRef.current) return;
+      saveCurrent();
+      restoreOrReset(id);
+      activate(id);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- helpers use refs, only threadRuntime matters
+    [threadRuntime]
+  );
+  const create = useCallback2(() => {
+    saveCurrent();
+    const newConv = makeConversation();
+    let updated = [newConv, ...conversationsRef.current];
+    if (updated.length > MAX_CONVERSATIONS) {
+      const removed = updated.slice(MAX_CONVERSATIONS);
+      for (const c of removed) deleteMessages(c.id);
+      updated = updated.slice(0, MAX_CONVERSATIONS);
+    }
+    setConversations(updated);
+    saveIndex(updated);
+    threadRuntime.reset();
+    activate(newConv.id);
+  }, [threadRuntime]);
+  const remove = useCallback2(
+    (id) => {
+      const current = conversationsRef.current;
+      const filtered = current.filter((c) => c.id !== id);
+      deleteMessages(id);
+      if (filtered.length === 0) {
+        const fresh = makeConversation();
+        setConversations([fresh]);
+        saveIndex([fresh]);
+        threadRuntime.reset();
+        activate(fresh.id);
+        return;
+      }
+      if (id === activeIdRef.current) {
+        const oldIndex = current.findIndex((c) => c.id === id);
+        const nextIndex = Math.min(oldIndex, filtered.length - 1);
+        const nextId = filtered[nextIndex].id;
+        restoreOrReset(nextId);
+        activate(nextId);
+      }
+      setConversations(filtered);
+      saveIndex(filtered);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- helpers use refs, only threadRuntime matters
+    [threadRuntime]
+  );
+  const save = useCallback2(() => {
+    const id = activeIdRef.current;
+    if (!id) return;
+    try {
+      const state = threadRuntime.exportExternalState();
+      if (state && state.messages.length > 0) {
+        saveState(id, state);
+        updateTitleIfNeeded(id, state);
+      }
+    } catch {
+    }
+    setConversations(loadIndex());
+  }, [threadRuntime]);
+  useEffect2(() => {
+    let timeoutId = null;
+    const unsubscribe = threadRuntime.subscribe(() => {
+      if (timeoutId) clearTimeout(timeoutId);
+      timeoutId = setTimeout(save, AUTOSAVE_DELAY);
+    });
+    return () => {
+      unsubscribe();
+      if (timeoutId) clearTimeout(timeoutId);
+      save();
+    };
+  }, [threadRuntime, save]);
+  const sorted = useMemo(
+    () => [...conversations].sort(
+      (a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()
+    ),
+    [conversations]
+  );
+  return { conversations: sorted, activeId, switchTo, create, remove, save };
+}
+function updateTitleIfNeeded(id, state) {
+  const index = loadIndex();
+  const conv = index.find((c) => c.id === id);
+  if (!conv) return;
+  if (conv.title === DEFAULT_TITLE && state.messages.length > 0) {
+    const firstUserMsg = state.messages.find((m) => m.message?.role === "user");
+    if (firstUserMsg?.message) {
+      const msg = firstUserMsg.message;
+      const textPart = msg.parts?.find(
+        (p) => p.type === "text" && !!p.text
+      );
+      const text = textPart?.text ?? (typeof msg.content === "string" ? msg.content : "");
+      if (text) {
+        conv.title = text.slice(0, 40);
+      }
+    }
+  }
+  conv.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
+  saveIndex(index);
+}
+
+// src/client/conversation-tabs.tsx
+import { Plus, X } from "lucide-react";
+import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+function ConversationTabs({
+  conversations,
+  activeId,
+  onSwitch,
+  onCreate,
+  onRemove,
+  onClose
+}) {
+  const canDelete = conversations.length > 1;
+  return /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-1.5 shrink-0", children: [
+    /* @__PURE__ */ jsx12("div", { className: "flex items-center gap-1 overflow-x-auto [&::-webkit-scrollbar]:hidden min-w-0 flex-1", children: conversations.map((conv) => {
+      const isActive = conv.id === activeId;
+      return /* @__PURE__ */ jsxs8(
+        "button",
+        {
+          role: "tab",
+          "aria-selected": isActive,
+          onClick: () => onSwitch(conv.id),
+          className: `feedback-tab group relative flex items-center gap-1 px-2.5 h-8 text-[12px] whitespace-nowrap rounded-lg transition-all ${isActive ? "feedback-tab-active" : "feedback-tab-inactive"}`,
+          children: [
+            /* @__PURE__ */ jsx12("span", { className: "max-w-[100px] truncate", children: conv.title }),
+            canDelete && /* @__PURE__ */ jsx12(
+              "span",
+              {
+                role: "button",
+                "aria-label": `Delete ${conv.title}`,
+                onClick: (e) => {
+                  e.stopPropagation();
+                  onRemove(conv.id);
+                },
+                className: "ml-0.5 hidden h-4 w-4 shrink-0 items-center justify-center rounded-md group-hover:inline-flex hover:bg-white/10",
+                children: /* @__PURE__ */ jsx12(X, { className: "h-2.5 w-2.5" })
+              }
+            )
+          ]
+        },
+        conv.id
+      );
+    }) }),
+    /* @__PURE__ */ jsxs8("div", { className: "flex items-center shrink-0 gap-1", children: [
+      /* @__PURE__ */ jsx12(
+        "button",
+        {
+          onClick: onCreate,
+          className: "feedback-tab-button flex h-7 w-7 items-center justify-center rounded-lg transition-all",
+          "aria-label": "New chat",
+          children: /* @__PURE__ */ jsx12(Plus, { className: "h-3.5 w-3.5" })
+        }
+      ),
+      /* @__PURE__ */ jsx12(
+        "button",
+        {
+          onClick: onClose,
+          className: "feedback-tab-button flex h-7 w-7 items-center justify-center rounded-lg transition-all",
+          "aria-label": "Close feedback",
+          children: /* @__PURE__ */ jsx12(X, { className: "h-3.5 w-3.5" })
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/client/present-options-tool-ui.tsx
+import { useState as useState5 } from "react";
+import { makeAssistantToolUI } from "@assistant-ui/react";
+import { useThreadRuntime as useThreadRuntime2 } from "@assistant-ui/react";
+import { Check } from "lucide-react";
+import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+var PresentOptionsToolUI = makeAssistantToolUI({
+  toolName: "present_options",
+  render: function PresentOptions({ args }) {
+    const threadRuntime = useThreadRuntime2();
+    const [selected, setSelected] = useState5(null);
+    if (!args.options) return null;
+    if (selected) {
+      return /* @__PURE__ */ jsxs9("div", { className: "inline-flex items-center gap-1.5 rounded-full bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground", children: [
+        /* @__PURE__ */ jsx13(Check, { className: "h-3.5 w-3.5" }),
+        selected
+      ] });
+    }
+    return /* @__PURE__ */ jsx13("div", { className: "flex flex-wrap gap-2 py-2", children: args.options.map((option, i) => /* @__PURE__ */ jsx13(
+      "button",
+      {
+        onClick: () => {
+          setSelected(option);
+          threadRuntime.append({
+            role: "user",
+            content: [{ type: "text", text: option }]
+          });
+        },
+        className: "rounded-full border border-border bg-background px-4 py-2 text-sm font-medium transition-all hover:border-foreground/20 hover:bg-muted active:scale-95",
+        children: option
+      },
+      i
+    )) });
+  }
+});
+
+// src/client/submit-request-tool-ui.tsx
+import { useState as useState7 } from "react";
+import { makeAssistantToolUI as makeAssistantToolUI2 } from "@assistant-ui/react";
+import { Check as Check3, Copy, ChevronRight } from "lucide-react";
+
+// src/client/pipeline-tracker.tsx
+import { useState as useState6, useEffect as useEffect3, useCallback as useCallback3, useRef as useRef3 } from "react";
+import { Check as Check2, X as X2, Loader2, ExternalLink, RotateCcw, Eye, MessageSquare } from "lucide-react";
+import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+var STEPS = [
+  { label: "Issue created", stage: "created" },
+  { label: "Queued", stage: "queued" },
+  { label: "Agent running", stage: "running" },
+  { label: "Validating", stage: "validating" },
+  { label: "Preview ready", stage: "preview_ready" },
+  { label: "Deployed", stage: "deployed" }
+];
+var STAGE_INDEX = {
+  created: 0,
+  queued: 1,
+  running: 2,
+  validating: 3,
+  preview_ready: 4,
+  deployed: 5,
+  failed: -1,
+  rejected: -1
+};
+var TERMINAL_STAGES = ["deployed", "failed", "rejected"];
+var POLL_INTERVAL_MS = 5e3;
+var PREVIEW_POLL_INTERVAL_MS = 15e3;
+var ACTIVE_PIPELINE_KEY = "feedback_active_pipeline";
+function setPipelineActive(issueNumber, stage) {
+  if (TERMINAL_STAGES.includes(stage)) {
+    localStorage.removeItem(ACTIVE_PIPELINE_KEY);
+  } else {
+    localStorage.setItem(ACTIVE_PIPELINE_KEY, JSON.stringify({ issueNumber, stage }));
+  }
+  window.dispatchEvent(new Event("pipeline-status"));
+}
+function getPassword() {
+  return sessionStorage.getItem("feedback_password") ?? "";
+}
+function getFailedStepIndex(previousStage) {
+  if (previousStage && previousStage !== "failed") {
+    return STAGE_INDEX[previousStage];
+  }
+  return 2;
+}
+function deriveStepState(stepIndex, currentIndex, failedAtIndex, stage) {
+  const isFailed = stage === "failed";
+  const isDeployed = stage === "deployed";
+  if (isFailed && stepIndex === failedAtIndex) return "failed";
+  if (isFailed && stepIndex < failedAtIndex) return "completed";
+  if (isFailed) return "future";
+  if (isDeployed) return "completed";
+  if (currentIndex > stepIndex) return "completed";
+  if (currentIndex === stepIndex) return "active";
+  return "future";
+}
+var STEP_DOT_CLASS = {
+  completed: "h-[7px] w-[7px] rounded-full bg-emerald-500",
+  active: "h-[7px] w-[7px] rounded-full bg-foreground animate-pulse",
+  failed: "h-[7px] w-[7px] rounded-full bg-destructive",
+  future: "h-[5px] w-[5px] rounded-full bg-muted-foreground/25"
+};
+function StepDot({ state }) {
+  return /* @__PURE__ */ jsx14("div", { className: "flex h-4 w-4 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsx14("div", { className: STEP_DOT_CLASS[state] }) });
+}
+var STEP_LABEL_CLASS = {
+  completed: "text-muted-foreground",
+  active: "text-foreground",
+  failed: "text-destructive",
+  future: "text-muted-foreground/40"
+};
+function PipelineTracker({
+  issueUrl,
+  statusEndpoint = "/api/feedback/status"
+}) {
+  const issueNumber = parseInt(issueUrl.split("/").pop() ?? "0", 10);
+  const [status, setStatus] = useState6({
+    stage: "created",
+    issueNumber,
+    issueUrl
+  });
+  const [polling, setPolling] = useState6(true);
+  const [actionLoading, setActionLoading] = useState6(null);
+  const [showChangeInput, setShowChangeInput] = useState6(false);
+  const [changeComment, setChangeComment] = useState6("");
+  const [confirmReject, setConfirmReject] = useState6(false);
+  const previousStageRef = useRef3(null);
+  const fetchStatus = useCallback3(async () => {
+    try {
+      const res = await fetch(`${statusEndpoint}?issue=${issueNumber}`);
+      if (!res.ok) return;
+      const data = await res.json();
+      setStatus(data);
+      setPipelineActive(issueNumber, data.stage);
+      if (TERMINAL_STAGES.includes(data.stage)) {
+        setPolling(false);
+      }
+    } catch {
+    }
+  }, [statusEndpoint, issueNumber]);
+  useEffect3(() => {
+    if (status.stage !== "failed") {
+      previousStageRef.current = status.stage;
+    }
+  }, [status.stage]);
+  useEffect3(() => {
+    setPipelineActive(issueNumber, "created");
+    fetchStatus();
+    if (!polling) return;
+    const interval = setInterval(
+      fetchStatus,
+      status.stage === "preview_ready" ? PREVIEW_POLL_INTERVAL_MS : POLL_INTERVAL_MS
+    );
+    return () => clearInterval(interval);
+  }, [fetchStatus, polling, issueNumber, status.stage]);
+  async function handleAction(action, extraBody) {
+    setActionLoading(action);
+    try {
+      const res = await fetch(`${statusEndpoint}?issue=${issueNumber}&action=${action}`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ password: getPassword(), ...extraBody })
+      });
+      if (!res.ok) return;
+      switch (action) {
+        case "retry":
+        case "request_changes":
+          setStatus({ stage: "created", issueNumber, issueUrl });
+          setPipelineActive(issueNumber, "created");
+          setPolling(true);
+          setChangeComment("");
+          setShowChangeInput(false);
+          break;
+        case "approve":
+          setStatus((prev) => ({ ...prev, stage: "deployed" }));
+          setPipelineActive(issueNumber, "deployed");
+          setPolling(false);
+          break;
+        case "reject":
+          setStatus((prev) => ({ ...prev, stage: "rejected" }));
+          setPipelineActive(issueNumber, "rejected");
+          setPolling(false);
+          break;
+      }
+    } finally {
+      setActionLoading(null);
+      setConfirmReject(false);
+    }
+  }
+  const currentIndex = STAGE_INDEX[status.stage];
+  const isFailed = status.stage === "failed";
+  const failedAtIndex = isFailed ? getFailedStepIndex(previousStageRef.current) : -1;
+  return /* @__PURE__ */ jsxs10("div", { className: "rounded-2xl border border-border bg-card p-3 space-y-2", children: [
+    /* @__PURE__ */ jsx14("div", { className: "space-y-0", children: STEPS.map((step, i) => {
+      const state = deriveStepState(i, currentIndex, failedAtIndex, status.stage);
+      return /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2 h-6", children: [
+        /* @__PURE__ */ jsx14(StepDot, { state }),
+        /* @__PURE__ */ jsx14("span", { className: `text-xs ${STEP_LABEL_CLASS[state]}`, children: state === "failed" && status.failReason ? status.failReason : step.label }),
+        i === 0 && /* @__PURE__ */ jsxs10("span", { className: "ml-auto text-[11px] text-muted-foreground/60", children: [
+          "#",
+          issueNumber
+        ] })
+      ] }, step.stage);
+    }) }),
+    status.stage === "preview_ready" && status.previewUrl && /* @__PURE__ */ jsxs10("div", { className: "space-y-2.5 pt-2 border-t border-border", children: [
+      /* @__PURE__ */ jsxs10(
+        "a",
+        {
+          href: status.previewUrl,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "group flex items-center gap-2.5 rounded-lg border border-border px-3 py-2.5 transition-all hover:border-emerald-500/30 hover:bg-emerald-500/5",
+          children: [
+            /* @__PURE__ */ jsx14("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-emerald-500/10", children: /* @__PURE__ */ jsx14(Eye, { className: "h-3.5 w-3.5 text-emerald-400" }) }),
+            /* @__PURE__ */ jsxs10("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsx14("span", { className: "block text-xs font-medium text-foreground", children: "View preview" }),
+              /* @__PURE__ */ jsx14("span", { className: "block text-[10px] text-muted-foreground truncate", children: status.previewUrl.replace(/^https?:\/\//, "") })
+            ] }),
+            /* @__PURE__ */ jsx14(ExternalLink, { className: "h-3 w-3 shrink-0 text-muted-foreground/50 transition-colors group-hover:text-foreground/70" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs10("div", { className: "flex items-stretch gap-1.5", children: [
+        /* @__PURE__ */ jsxs10(
+          "button",
+          {
+            onClick: () => handleAction("approve"),
+            disabled: actionLoading !== null,
+            className: "flex-1 inline-flex items-center justify-center gap-1.5 rounded-lg bg-emerald-500/15 px-2 py-2 text-[11px] font-medium text-emerald-400 transition-all hover:bg-emerald-500/25 disabled:opacity-50",
+            children: [
+              actionLoading === "approve" ? /* @__PURE__ */ jsx14(Loader2, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ jsx14(Check2, { className: "h-3 w-3" }),
+              "Approve"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs10(
+          "button",
+          {
+            onClick: () => setShowChangeInput((v) => !v),
+            disabled: actionLoading !== null,
+            className: `flex-1 inline-flex items-center justify-center gap-1.5 rounded-lg border px-2 py-2 text-[11px] font-medium transition-all disabled:opacity-50 ${showChangeInput ? "border-foreground/20 bg-foreground/5 text-foreground" : "border-border text-muted-foreground hover:border-foreground/15 hover:text-foreground"}`,
+            children: [
+              /* @__PURE__ */ jsx14(MessageSquare, { className: "h-3 w-3" }),
+              "Changes"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs10(
+          "button",
+          {
+            onClick: () => {
+              if (confirmReject) {
+                handleAction("reject");
+              } else {
+                setConfirmReject(true);
+              }
+            },
+            disabled: actionLoading !== null,
+            className: `flex-1 inline-flex items-center justify-center gap-1.5 rounded-lg px-2 py-2 text-[11px] font-medium transition-all disabled:opacity-50 ${confirmReject ? "bg-red-500/20 text-red-400" : "border border-border text-muted-foreground hover:border-red-500/20 hover:text-red-400"}`,
+            children: [
+              actionLoading === "reject" ? /* @__PURE__ */ jsx14(Loader2, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ jsx14(X2, { className: "h-3 w-3" }),
+              confirmReject ? "Confirm" : "Reject"
+            ]
+          }
+        )
+      ] }),
+      showChangeInput && /* @__PURE__ */ jsxs10("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx14(
+          "textarea",
+          {
+            value: changeComment,
+            onChange: (e) => setChangeComment(e.target.value),
+            placeholder: "Describe the changes you want...",
+            className: "w-full rounded-lg border border-border bg-background px-2.5 py-2 text-xs text-foreground placeholder:text-muted-foreground/50 focus:outline-none focus:border-foreground/20 resize-none",
+            rows: 3
+          }
+        ),
+        /* @__PURE__ */ jsxs10(
+          "button",
+          {
+            onClick: () => handleAction("request_changes", { comment: changeComment }),
+            disabled: actionLoading !== null || changeComment.trim() === "",
+            className: "inline-flex items-center gap-1.5 rounded-lg bg-foreground px-3 py-1.5 text-[11px] font-medium text-background transition-colors hover:bg-foreground/90 disabled:opacity-50",
+            children: [
+              actionLoading === "request_changes" ? /* @__PURE__ */ jsx14(Loader2, { className: "h-3 w-3 animate-spin" }) : null,
+              "Send"
+            ]
+          }
+        )
+      ] })
+    ] }),
+    status.stage === "rejected" && /* @__PURE__ */ jsx14("p", { className: "text-xs text-muted-foreground", children: "Request rejected" }),
+    /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2 pt-1 border-t border-border", children: [
+      isFailed && /* @__PURE__ */ jsxs10(
+        "button",
+        {
+          onClick: () => handleAction("retry"),
+          disabled: actionLoading !== null,
+          className: "inline-flex items-center gap-1 text-[11px] text-muted-foreground transition-colors hover:text-foreground disabled:opacity-50",
+          children: [
+            actionLoading === "retry" ? /* @__PURE__ */ jsx14(Loader2, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ jsx14(RotateCcw, { className: "h-3 w-3" }),
+            "Retry"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs10(
+        "a",
+        {
+          href: issueUrl,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "inline-flex items-center gap-1 text-[11px] text-muted-foreground transition-colors hover:text-foreground",
+          children: [
+            /* @__PURE__ */ jsx14(ExternalLink, { className: "h-3 w-3" }),
+            "View on GitHub"
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/client/submit-request-tool-ui.tsx
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+var SubmitRequestToolUI = makeAssistantToolUI2({
+  toolName: "submit_request",
+  render: function SubmitRequest({ args, result, status }) {
+    if (status.type === "running") {
+      return /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 py-2 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx15("div", { className: "h-3 w-3 animate-spin rounded-full border-[1.5px] border-current border-t-transparent" }),
+        "Submitting..."
+      ] });
+    }
+    if (status.type === "incomplete") {
+      return /* @__PURE__ */ jsx15("div", { className: "rounded-xl bg-destructive/10 px-3 py-2 text-xs text-destructive", children: "An error occurred while submitting." });
+    }
+    if (!args.summary) return null;
+    return /* @__PURE__ */ jsx15("div", { className: "my-3", children: /* @__PURE__ */ jsx15(SubmissionResult, { args, result }) });
+  }
+});
+function SubmissionResult({ args, result }) {
+  const [copied, setCopied] = useState7(false);
+  const [promptExpanded, setPromptExpanded] = useState7(false);
+  async function handleCopy(text) {
+    await navigator.clipboard.writeText(text);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  }
+  return /* @__PURE__ */ jsxs11("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx15("div", { className: "rounded-xl bg-muted/50 px-3 py-2.5", children: /* @__PURE__ */ jsx15("p", { className: "text-[13px] leading-relaxed", children: args.summary }) }),
+    result?.github_issue_url && /* @__PURE__ */ jsx15(PipelineTracker, { issueUrl: result.github_issue_url }),
+    /* @__PURE__ */ jsxs11("div", { className: "rounded-xl border border-border overflow-hidden", children: [
+      /* @__PURE__ */ jsxs11(
+        "button",
+        {
+          onClick: () => setPromptExpanded(!promptExpanded),
+          className: "flex w-full items-center gap-1.5 px-3 py-2 text-[11px] font-medium text-muted-foreground transition-colors hover:text-foreground",
+          children: [
+            /* @__PURE__ */ jsx15(
+              ChevronRight,
+              {
+                className: "h-3 w-3 transition-transform duration-150",
+                style: { transform: promptExpanded ? "rotate(90deg)" : void 0 }
+              }
+            ),
+            "Generated prompt",
+            /* @__PURE__ */ jsxs11(
+              "button",
+              {
+                onClick: (e) => {
+                  e.stopPropagation();
+                  handleCopy(args.generated_prompt);
+                },
+                className: "ml-auto inline-flex items-center gap-1 rounded-lg px-1.5 py-0.5 text-[11px] text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+                children: [
+                  copied ? /* @__PURE__ */ jsx15(Check3, { className: "h-2.5 w-2.5" }) : /* @__PURE__ */ jsx15(Copy, { className: "h-2.5 w-2.5" }),
+                  copied ? "Copied" : "Copy"
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      promptExpanded && /* @__PURE__ */ jsx15(
+        "pre",
+        {
+          className: "max-h-40 overflow-auto border-t border-border bg-[#0a0a0a] px-3 py-2.5 text-[11px] leading-relaxed text-zinc-400",
+          style: { fontFamily: "'JetBrains Mono', monospace" },
+          children: args.generated_prompt
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/client/feedback-panel.tsx
+import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+var STORAGE_KEY = "feedback_password";
+function FeedbackPanel({ isOpen, onToggle, apiUrl = "/api/feedback/chat" }) {
+  const [authenticated, setAuthenticated] = useState8(
+    () => typeof window !== "undefined" && sessionStorage.getItem(STORAGE_KEY) !== null
+  );
+  const [pendingMessage, setPendingMessage] = useState8("");
+  const [triggerInput, setTriggerInput] = useState8("");
+  const panelRef = useRef4(null);
+  const [pipelineActive, setPipelineActive2] = useState8(false);
+  useEffect4(() => {
+    function check() {
+      setPipelineActive2(localStorage.getItem("feedback_active_pipeline") !== null);
+    }
+    check();
+    window.addEventListener("pipeline-status", check);
+    window.addEventListener("storage", check);
+    return () => {
+      window.removeEventListener("pipeline-status", check);
+      window.removeEventListener("storage", check);
+    };
+  }, []);
+  useEffect4(() => {
+    if (!isOpen) return;
+    function handleMouseDown(e) {
+      if (panelRef.current && !panelRef.current.contains(e.target)) {
+        onToggle();
+      }
+    }
+    document.addEventListener("mousedown", handleMouseDown);
+    return () => document.removeEventListener("mousedown", handleMouseDown);
+  }, [isOpen, onToggle]);
+  function handleTriggerSubmit(e) {
+    e.preventDefault();
+    if (!triggerInput.trim()) return;
+    setPendingMessage(triggerInput.trim());
+    setTriggerInput("");
+    if (!isOpen) onToggle();
+  }
+  const clearPendingMessage = useCallback4(() => {
+    setPendingMessage("");
+  }, []);
+  return /* @__PURE__ */ jsxs12(Fragment3, { children: [
+    /* @__PURE__ */ jsx16(
+      "div",
+      {
+        className: `feedback-trigger-bar fixed bottom-6 left-1/2 z-50 w-full -translate-x-1/2 transition-all duration-300 ${isOpen ? "pointer-events-none translate-y-4 opacity-0" : "translate-y-0 opacity-100"}`,
+        children: /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxs12(
+            "form",
+            {
+              onSubmit: handleTriggerSubmit,
+              className: "feedback-trigger-input flex flex-1 items-center gap-3 rounded-2xl px-5 py-1",
+              children: [
+                /* @__PURE__ */ jsx16(
+                  "input",
+                  {
+                    type: "text",
+                    value: triggerInput,
+                    onChange: (e) => setTriggerInput(e.target.value),
+                    placeholder: "Share an idea...",
+                    className: "flex-1 bg-transparent py-3 text-sm text-[#e8eaed] outline-none placeholder:text-[#8b8d93]",
+                    "aria-label": "Share an idea"
+                  }
+                ),
+                /* @__PURE__ */ jsx16(
+                  "button",
+                  {
+                    type: "submit",
+                    className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-white/10 transition-colors hover:bg-white/15",
+                    "aria-label": "Send",
+                    children: /* @__PURE__ */ jsx16(ArrowUp, { className: "h-3.5 w-3.5 text-[#8b8d93]" })
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx16(
+            "button",
+            {
+              type: "button",
+              onClick: onToggle,
+              className: "feedback-trigger-button flex h-[46px] w-[46px] shrink-0 items-center justify-center rounded-2xl",
+              "aria-label": "Open panel",
+              children: /* @__PURE__ */ jsx16(PanelRight, { className: "h-4 w-4" })
+            }
+          ),
+          pipelineActive && /* @__PURE__ */ jsx16("div", { className: "flex h-[46px] w-[46px] shrink-0 items-center justify-center", title: "Pipeline running", children: /* @__PURE__ */ jsxs12("span", { className: "relative flex h-2.5 w-2.5", children: [
+            /* @__PURE__ */ jsx16("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-emerald-400 opacity-75" }),
+            /* @__PURE__ */ jsx16("span", { className: "relative inline-flex h-2.5 w-2.5 rounded-full bg-emerald-500" })
+          ] }) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx16(
+      "div",
+      {
+        ref: panelRef,
+        className: `feedback-panel fixed right-0 top-0 z-50 h-full p-3 transition-transform duration-300 ease-out ${isOpen ? "translate-x-0" : "translate-x-full"}`,
+        children: /* @__PURE__ */ jsx16("div", { className: "flex h-full w-[400px] flex-col text-foreground", children: authenticated ? /* @__PURE__ */ jsx16(
+          ChatContent,
+          {
+            isOpen,
+            onClose: onToggle,
+            pendingMessage,
+            onPendingMessageSent: clearPendingMessage,
+            apiUrl
+          }
+        ) : /* @__PURE__ */ jsx16("div", { className: "feedback-panel-glass flex h-full flex-col overflow-hidden", children: /* @__PURE__ */ jsx16(PasswordGate, { onAuth: () => setAuthenticated(true), onClose: onToggle, apiUrl }) }) })
+      }
+    )
+  ] });
+}
+function ChatContent({
+  isOpen,
+  onClose,
+  pendingMessage,
+  onPendingMessageSent,
+  apiUrl
+}) {
+  const runtime = useChatRuntime({
+    transport: new DefaultChatTransport({
+      api: apiUrl,
+      body: () => ({ password: sessionStorage.getItem(STORAGE_KEY) || "" })
+    })
+  });
+  return /* @__PURE__ */ jsxs12(AssistantRuntimeProvider, { runtime, children: [
+    /* @__PURE__ */ jsx16(
+      ConversationManager,
+      {
+        isOpen,
+        onClose,
+        pendingMessage,
+        onPendingMessageSent
+      }
+    ),
+    /* @__PURE__ */ jsx16(PresentOptionsToolUI, {}),
+    /* @__PURE__ */ jsx16(SubmitRequestToolUI, {})
+  ] });
+}
+function ConversationManager({
+  isOpen,
+  onClose,
+  pendingMessage,
+  onPendingMessageSent
+}) {
+  const { conversations, activeId, switchTo, create, remove, save } = useConversations();
+  const threadRuntime = useThreadRuntime3();
+  const onSentRef = useRef4(onPendingMessageSent);
+  onSentRef.current = onPendingMessageSent;
+  const prevOpenRef = useRef4(isOpen);
+  useEffect4(() => {
+    if (prevOpenRef.current && !isOpen) {
+      save();
+    }
+    prevOpenRef.current = isOpen;
+  }, [isOpen, save]);
+  useEffect4(() => {
+    if (!pendingMessage || !activeId) return;
+    create();
+    const timer = setTimeout(() => {
+      try {
+        threadRuntime.composer.setText(pendingMessage);
+      } catch {
+        return;
+      }
+      requestAnimationFrame(() => {
+        try {
+          threadRuntime.composer.send();
+        } catch {
+        }
+        onSentRef.current();
+      });
+    }, 600);
+    return () => clearTimeout(timer);
+  }, [pendingMessage]);
+  return /* @__PURE__ */ jsxs12("div", { className: "flex h-full flex-col gap-2", children: [
+    /* @__PURE__ */ jsx16(
+      ConversationTabs,
+      {
+        conversations,
+        activeId,
+        onSwitch: switchTo,
+        onCreate: create,
+        onRemove: remove,
+        onClose
+      }
+    ),
+    /* @__PURE__ */ jsx16("div", { className: "feedback-panel-glass flex flex-1 flex-col overflow-hidden", children: /* @__PURE__ */ jsx16(Thread, {}) })
+  ] });
+}
+function PasswordGate({ onAuth, onClose, apiUrl }) {
+  const [password, setPassword] = useState8("");
+  const [error, setError] = useState8(null);
+  const [loading, setLoading] = useState8(false);
+  async function handleSubmit(e) {
+    e.preventDefault();
+    setError(null);
+    setLoading(true);
+    try {
+      const res = await fetch(apiUrl, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ messages: [], password })
+      });
+      if (res.status === 401) {
+        setError("Incorrect password.");
+        return;
+      }
+      sessionStorage.setItem(STORAGE_KEY, password);
+      onAuth();
+    } catch {
+      setError("Connection error. Try again.");
+    } finally {
+      setLoading(false);
+    }
+  }
+  return /* @__PURE__ */ jsxs12("div", { className: "relative flex h-full flex-col items-center justify-center px-8", children: [
+    /* @__PURE__ */ jsx16(
+      "button",
+      {
+        onClick: onClose,
+        className: "absolute top-3 right-3 flex h-6 w-6 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+        "aria-label": "Close",
+        children: /* @__PURE__ */ jsx16(X3, { className: "h-3.5 w-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsx16("div", { className: "mb-5 flex h-14 w-14 items-center justify-center rounded-full bg-muted", children: /* @__PURE__ */ jsx16(Lightbulb, { className: "h-6 w-6 text-muted-foreground" }) }),
+    /* @__PURE__ */ jsx16("p", { className: "mb-8 text-center text-sm text-muted-foreground", children: "Share your ideas to improve the app" }),
+    error && /* @__PURE__ */ jsxs12(
+      "div",
+      {
+        role: "alert",
+        className: "mb-4 flex w-full items-center gap-2 rounded-xl bg-destructive/10 px-4 py-3 text-sm text-destructive",
+        children: [
+          /* @__PURE__ */ jsx16(AlertCircle, { className: "h-4 w-4 shrink-0" }),
+          error
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs12("form", { onSubmit: handleSubmit, className: "w-full space-y-3", children: [
+      /* @__PURE__ */ jsx16(
+        "input",
+        {
+          type: "password",
+          autoComplete: "off",
+          placeholder: "Password",
+          "aria-label": "Password",
+          value: password,
+          onChange: (e) => setPassword(e.target.value),
+          className: "h-10 w-full rounded-xl border border-border bg-background px-4 text-sm text-foreground placeholder:text-muted-foreground focus:border-ring focus:outline-none focus:ring-2 focus:ring-ring/20"
+        }
+      ),
+      /* @__PURE__ */ jsx16(
+        "button",
+        {
+          type: "submit",
+          disabled: loading || !password,
+          className: "flex h-10 w-full items-center justify-center gap-2 rounded-xl bg-primary text-sm font-semibold text-primary-foreground transition-colors hover:bg-primary/90 disabled:opacity-50",
+          children: loading ? /* @__PURE__ */ jsx16(Loader22, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxs12(Fragment3, { children: [
+            "Access",
+            /* @__PURE__ */ jsx16(ArrowRight, { className: "h-3.5 w-3.5" })
+          ] })
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  FeedbackPanel,
+  PipelineTracker,
+  useConversations
+};