@chaibuilder/pages 0.16.24 → 0.16.25

package/dist/selected-block-display-7n8S3vf1.js

@@ -1,394 +0,0 @@
-import { jsx as s, jsxs as l, Fragment as g } from "react/jsx-runtime";
-import { ArrowDownIcon as P, BrainIcon as $, ChevronDownIcon as D, X as j } from "lucide-react";
-import * as x from "react";
-import { useCallback as G, createContext as E, memo as d, useMemo as Q, useState as w, useEffect as y, useContext as V } from "react";
-import { StickToBottom as R, useStickToBottomContext as F } from "use-stick-to-bottom";
-import { Slot as K } from "@radix-ui/react-slot";
-import { cva as S } from "class-variance-authority";
-import { clsx as Y } from "clsx";
-import { twMerge as J } from "tailwind-merge";
-import * as k from "@radix-ui/react-separator";
-import * as z from "@radix-ui/react-tooltip";
-import { Streamdown as A } from "streamdown";
-import * as b from "@radix-ui/react-collapsible";
-import { useControllableState as T } from "@radix-ui/react-use-controllable-state";
-import { motion as X } from "motion/react";
-import { L as h } from "./index-tgsBai_8.js";
-import { useTranslation as q, useSelectedBlock as H } from "@chaibuilder/sdk";
-import { Button as W } from "@chaibuilder/sdk/ui";
-function a(...e) {
-  return J(Y(e));
-}
-const Z = S(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-10 px-4 py-2",
-        sm: "h-9 rounded-md px-3",
-        lg: "h-11 rounded-md px-8",
-        icon: "h-10 w-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-), U = x.forwardRef(
-  ({ className: e, variant: t, size: o, asChild: n = !1, ...r }, i) => /* @__PURE__ */ s(
-    n ? K : "button",
-    {
-      className: a(Z({ variant: t, size: o, className: e })),
-      ref: i,
-      ...r
-    }
-  )
-);
-U.displayName = "Button";
-const ke = ({ className: e, ...t }) => /* @__PURE__ */ s(
-  R,
-  {
-    className: a("relative flex-1 overflow-y-hidden", e),
-    initial: "smooth",
-    resize: "smooth",
-    role: "log",
-    ...t
-  }
-), ze = ({
-  className: e,
-  ...t
-}) => /* @__PURE__ */ s(
-  R.Content,
-  {
-    className: a("flex flex-col gap-8 p-4", e),
-    ...t
-  }
-), Ae = ({
-  className: e,
-  title: t = "No messages yet",
-  description: o = "Start a conversation to see messages here",
-  icon: n,
-  children: r,
-  ...i
-}) => /* @__PURE__ */ s(
-  "div",
-  {
-    className: a(
-      "flex size-full flex-col items-center justify-center gap-3 p-8 text-center",
-      e
-    ),
-    ...i,
-    children: r ?? /* @__PURE__ */ l(g, { children: [
-      n && /* @__PURE__ */ s("div", { className: "text-muted-foreground", children: n }),
-      /* @__PURE__ */ l("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ s("h3", { className: "font-medium text-sm", children: t }),
-        o && /* @__PURE__ */ s("p", { className: "text-muted-foreground text-sm", children: o })
-      ] })
-    ] })
-  }
-), Ue = ({
-  className: e,
-  ...t
-}) => {
-  const { isAtBottom: o, scrollToBottom: n } = F(), r = G(() => {
-    n();
-  }, [n]);
-  return !o && /* @__PURE__ */ s(
-    U,
-    {
-      className: a(
-        "absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full",
-        e
-      ),
-      onClick: r,
-      size: "icon",
-      type: "button",
-      variant: "outline",
-      ...t,
-      children: /* @__PURE__ */ s(P, { className: "size-4" })
-    }
-  );
-}, ee = x.forwardRef(
-  ({ className: e, orientation: t = "horizontal", decorative: o = !0, ...n }, r) => /* @__PURE__ */ s(
-    k.Root,
-    {
-      ref: r,
-      decorative: o,
-      orientation: t,
-      className: a(
-        "shrink-0 bg-border",
-        t === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-        e
-      ),
-      ...n
-    }
-  )
-);
-ee.displayName = k.Root.displayName;
-S(
-  "flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
-  {
-    variants: {
-      orientation: {
-        horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
-        vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
-      }
-    },
-    defaultVariants: {
-      orientation: "horizontal"
-    }
-  }
-);
-const te = x.forwardRef(({ className: e, sideOffset: t = 4, ...o }, n) => /* @__PURE__ */ s(
-  z.Content,
-  {
-    ref: n,
-    sideOffset: t,
-    className: a(
-      "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md 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 origin-[--radix-tooltip-content-transform-origin]",
-      e
-    ),
-    ...o
-  }
-));
-te.displayName = z.Content.displayName;
-const Me = ({ className: e, from: t, ...o }) => /* @__PURE__ */ s(
-  "div",
-  {
-    className: a(
-      "group flex w-full max-w-[80%] flex-col gap-2",
-      t === "user" ? "is-user ml-auto justify-end" : "is-assistant",
-      e
-    ),
-    ...o
-  }
-), Be = ({ children: e, className: t, ...o }) => /* @__PURE__ */ s(
-  "div",
-  {
-    className: a(
-      "is-user:dark flex w-fit flex-col gap-2 overflow-hidden text-sm",
-      "group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-secondary group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-foreground",
-      "group-[.is-assistant]:text-foreground",
-      t
-    ),
-    ...o,
-    children: e
-  }
-);
-E(null);
-const oe = d(
-  ({ className: e, ...t }) => /* @__PURE__ */ s(A, { className: a("size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", e), ...t }),
-  (e, t) => e.children === t.children
-);
-oe.displayName = "MessageResponse";
-const ne = b.Root, se = b.CollapsibleTrigger, re = b.CollapsibleContent, ae = ({
-  children: e,
-  as: t = "p",
-  className: o,
-  duration: n = 2,
-  spread: r = 2
-}) => {
-  const i = X.create(
-    t
-  ), c = Q(
-    () => ((e == null ? void 0 : e.length) ?? 0) * r,
-    [e, r]
-  );
-  return /* @__PURE__ */ s(
-    i,
-    {
-      animate: { backgroundPosition: "0% center" },
-      className: a(
-        "relative inline-block bg-[length:250%_100%,auto] bg-clip-text text-transparent",
-        "[--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--color-background),#0000_calc(50%+var(--spread)))] [background-repeat:no-repeat,padding-box]",
-        o
-      ),
-      initial: { backgroundPosition: "100% center" },
-      style: {
-        "--spread": `${c}px`,
-        backgroundImage: "var(--bg), linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))"
-      },
-      transition: {
-        repeat: Number.POSITIVE_INFINITY,
-        duration: n,
-        ease: "linear"
-      },
-      children: e
-    }
-  );
-}, M = d(ae), B = E(null), ie = () => {
-  const e = V(B);
-  if (!e)
-    throw new Error("Reasoning components must be used within Reasoning");
-  return e;
-}, le = 1e3, de = 1e3, ce = d(
-  ({
-    className: e,
-    isStreaming: t = !1,
-    open: o,
-    defaultOpen: n = !0,
-    onOpenChange: r,
-    duration: i,
-    children: c,
-    ..._
-  }) => {
-    const [m, u] = T({
-      prop: o,
-      defaultProp: n,
-      onChange: r
-    }), [I, v] = T({
-      prop: i,
-      defaultProp: void 0
-    }), [N, L] = w(!1), [f, C] = w(null);
-    y(() => {
-      t ? f === null && C(Date.now()) : f !== null && (v(Math.ceil((Date.now() - f) / de)), C(null));
-    }, [t, f, v]), y(() => {
-      if (n && !t && m && !N) {
-        const p = setTimeout(() => {
-          u(!1), L(!0);
-        }, le);
-        return () => clearTimeout(p);
-      }
-    }, [t, m, n, u, N]);
-    const O = (p) => {
-      u(p);
-    };
-    return /* @__PURE__ */ s(B.Provider, { value: { isStreaming: t, isOpen: m, setIsOpen: u, duration: I }, children: /* @__PURE__ */ s(
-      ne,
-      {
-        className: a("not-prose mb-4", e),
-        onOpenChange: O,
-        open: m,
-        ..._,
-        children: c
-      }
-    ) });
-  }
-), me = (e, t) => e || t === 0 ? /* @__PURE__ */ s(M, { duration: 1, children: "Thinking..." }) : t === void 0 ? /* @__PURE__ */ s("p", { children: "Thought for a few seconds" }) : /* @__PURE__ */ l("p", { children: [
-  "Thought for ",
-  t,
-  " seconds"
-] }), ue = d(({ className: e, children: t, ...o }) => {
-  const { isStreaming: n, isOpen: r, duration: i } = ie();
-  return /* @__PURE__ */ s(
-    se,
-    {
-      className: a(
-        "flex w-full items-center gap-2 text-sm text-muted-foreground transition-colors hover:text-foreground",
-        e
-      ),
-      ...o,
-      children: t ?? /* @__PURE__ */ l(g, { children: [
-        /* @__PURE__ */ s($, { className: "size-4" }),
-        me(n, i),
-        /* @__PURE__ */ s(D, { className: a("size-4 transition-transform", r ? "rotate-180" : "rotate-0") })
-      ] })
-    }
-  );
-}), fe = d(({ className: e, children: t, ...o }) => /* @__PURE__ */ s(
-  re,
-  {
-    className: a(
-      "mt-4 text-sm",
-      "text-muted-foreground outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2",
-      e
-    ),
-    ...o,
-    children: /* @__PURE__ */ s(A, { ...o, children: t })
-  }
-));
-ce.displayName = "Reasoning";
-ue.displayName = "ReasoningTrigger";
-fe.displayName = "ReasoningContent";
-const _e = ({ className: e, content: t, isLoading: o = !1, ...n }) => /* @__PURE__ */ s("div", { className: a("is-assistant flex w-full max-w-[80%] flex-col gap-2", e), ...n, children: /* @__PURE__ */ s("div", { className: "flex w-fit flex-col gap-2 overflow-hidden text-sm", children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2 rounded-lg border border-muted-foreground/20 bg-muted/50 p-3", children: /* @__PURE__ */ l("div", { className: "flex flex-1 items-center gap-2", children: [
-  o && /* @__PURE__ */ s(M, { duration: 1.5, children: t }),
-  !o && /* @__PURE__ */ s("div", { className: "text-xs text-muted-foreground", children: t })
-] }) }) }) });
-function Ie({
-  userInput: e,
-  language: t = "en",
-  currentHtml: o
-}) {
-  const n = h[t] || "English";
-  return o && o.trim().length > 0 ? `
-MODE: EDIT
-CURRENT HTML:
-${o}
-
-USER REQUEST: ${e}
-Use ${n} language.
-`.trim() : `
-  USER REQUEST: ${e}
-Use ${n} language.
-`.trim();
-}
-function Le({
-  fallbackLang: e,
-  language: t,
-  blocks: o = [],
-  userInput: n
-}) {
-  const r = h[t] || "English";
-  return `
-USER REQUEST: ${n || "Translate the content"}
-LANGUAGE TO TRANSLATE: ${r}
-REQUESTED TRANSLATION LANGUAGE CODE: ${t}
-FALLBACK LANGUAGE: ${h[e]}
-BLOCKS: ${JSON.stringify(o)}`.trim();
-}
-const Oe = ({ onRemove: e, isLoading: t = !1 }) => {
-  const { t: o } = q(), n = H(), r = (n == null ? void 0 : n._type) || "Unknown", i = (n == null ? void 0 : n._name) || r;
-  return /* @__PURE__ */ s(g, { children: /* @__PURE__ */ l("div", { className: "mx-auto flex w-[95%] items-center justify-between rounded-t-md border border-b-0 border-blue-200 bg-blue-50", children: [
-    /* @__PURE__ */ l("div", { className: "flex items-center", children: [
-      /* @__PURE__ */ s("div", { className: "flex h-6 w-6 items-center justify-center rounded-l rounded-bl-none bg-blue-500 text-xs font-semibold text-white", children: "@" }),
-      /* @__PURE__ */ s("div", { className: "flex w-[95%] flex-col", children: n ? /* @__PURE__ */ s(g, { children: /* @__PURE__ */ l("span", { className: "truncate text-xs font-medium text-blue-900", children: [
-        " ",
-        o("Context: "),
-        " ",
-        i
-      ] }) }) : /* @__PURE__ */ l("span", { className: "text-xs font-medium text-blue-900", children: [
-        " ",
-        o("Context: Entire Page")
-      ] }) })
-    ] }),
-    n && /* @__PURE__ */ s(
-      W,
-      {
-        variant: "ghost",
-        size: "icon",
-        onClick: e,
-        disabled: t,
-        className: "h-6 w-6 text-blue-600 hover:bg-blue-100 hover:text-blue-800",
-        title: "Remove block from context",
-        children: /* @__PURE__ */ s(j, { size: 14 })
-      }
-    )
-  ] }) });
-};
-export {
-  U as B,
-  ke as C,
-  Me as M,
-  ce as R,
-  Oe as S,
-  _e as T,
-  ze as a,
-  Ae as b,
-  ue as c,
-  fe as d,
-  Be as e,
-  oe as f,
-  Le as g,
-  Ue as h,
-  Ie as i,
-  a as j
-};

package/dist/selected-block-display-DDC1_UC8.cjs

@@ -1,16 +0,0 @@
-"use strict";const o=require("react/jsx-runtime"),g=require("lucide-react"),i=require("react"),h=require("use-stick-to-bottom"),L=require("@radix-ui/react-slot"),T=require("class-variance-authority"),G=require("clsx"),I=require("tailwind-merge"),$=require("@radix-ui/react-separator"),F=require("@radix-ui/react-tooltip"),R=require("streamdown"),V=require("@radix-ui/react-collapsible"),w=require("@radix-ui/react-use-controllable-state"),Q=require("motion/react"),p=require("./index-Bre43r-W.cjs"),y=require("@chaibuilder/sdk"),K=require("@chaibuilder/sdk/ui");function f(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,n.get?n:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const b=f(i),E=f($),k=f(F),v=f(V);function a(...e){return I.twMerge(G.clsx(e))}const Y=T.cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}}),N=b.forwardRef(({className:e,variant:t,size:s,asChild:n=!1,...r},l)=>{const c=n?L.Slot:"button";return o.jsx(c,{className:a(Y({variant:t,size:s,className:e})),ref:l,...r})});N.displayName="Button";const J=({className:e,...t})=>o.jsx(h.StickToBottom,{className:a("relative flex-1 overflow-y-hidden",e),initial:"smooth",resize:"smooth",role:"log",...t}),X=({className:e,...t})=>o.jsx(h.StickToBottom.Content,{className:a("flex flex-col gap-8 p-4",e),...t}),H=({className:e,title:t="No messages yet",description:s="Start a conversation to see messages here",icon:n,children:r,...l})=>o.jsx("div",{className:a("flex size-full flex-col items-center justify-center gap-3 p-8 text-center",e),...l,children:r??o.jsxs(o.Fragment,{children:[n&&o.jsx("div",{className:"text-muted-foreground",children:n}),o.jsxs("div",{className:"space-y-1",children:[o.jsx("h3",{className:"font-medium text-sm",children:t}),s&&o.jsx("p",{className:"text-muted-foreground text-sm",children:s})]})]})}),W=({className:e,...t})=>{const{isAtBottom:s,scrollToBottom:n}=h.useStickToBottomContext(),r=i.useCallback(()=>{n()},[n]);return!s&&o.jsx(N,{className:a("absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full",e),onClick:r,size:"icon",type:"button",variant:"outline",...t,children:o.jsx(g.ArrowDownIcon,{className:"size-4"})})},Z=b.forwardRef(({className:e,orientation:t="horizontal",decorative:s=!0,...n},r)=>o.jsx(E.Root,{ref:r,decorative:s,orientation:t,className:a("shrink-0 bg-border",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...n}));Z.displayName=E.Root.displayName;T.cva("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",{variants:{orientation:{horizontal:"[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",vertical:"flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"}},defaultVariants:{orientation:"horizontal"}});const ee=b.forwardRef(({className:e,sideOffset:t=4,...s},n)=>o.jsx(k.Content,{ref:n,sideOffset:t,className:a("z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md 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 origin-[--radix-tooltip-content-transform-origin]",e),...s}));ee.displayName=k.Content.displayName;const te=({className:e,from:t,...s})=>o.jsx("div",{className:a("group flex w-full max-w-[80%] flex-col gap-2",t==="user"?"is-user ml-auto justify-end":"is-assistant",e),...s}),oe=({children:e,className:t,...s})=>o.jsx("div",{className:a("is-user:dark flex w-fit flex-col gap-2 overflow-hidden text-sm","group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-secondary group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-foreground","group-[.is-assistant]:text-foreground",t),...s,children:e});i.createContext(null);const A=i.memo(({className:e,...t})=>o.jsx(R.Streamdown,{className:a("size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0",e),...t}),(e,t)=>e.children===t.children);A.displayName="MessageResponse";const se=v.Root,ne=v.CollapsibleTrigger,re=v.CollapsibleContent,ae=({children:e,as:t="p",className:s,duration:n=2,spread:r=2})=>{const l=Q.motion.create(t),c=i.useMemo(()=>((e==null?void 0:e.length)??0)*r,[e,r]);return o.jsx(l,{animate:{backgroundPosition:"0% center"},className:a("relative inline-block bg-[length:250%_100%,auto] bg-clip-text text-transparent","[--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--color-background),#0000_calc(50%+var(--spread)))] [background-repeat:no-repeat,padding-box]",s),initial:{backgroundPosition:"100% center"},style:{"--spread":`${c}px`,backgroundImage:"var(--bg), linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))"},transition:{repeat:Number.POSITIVE_INFINITY,duration:n,ease:"linear"},children:e})},U=i.memo(ae),_=i.createContext(null),ie=()=>{const e=i.useContext(_);if(!e)throw new Error("Reasoning components must be used within Reasoning");return e},le=1e3,ce=1e3,z=i.memo(({className:e,isStreaming:t=!1,open:s,defaultOpen:n=!0,onOpenChange:r,duration:l,children:c,...q})=>{const[d,u]=w.useControllableState({prop:s,defaultProp:n,onChange:r}),[O,C]=w.useControllableState({prop:l,defaultProp:void 0}),[j,B]=i.useState(!1),[m,S]=i.useState(null);i.useEffect(()=>{t?m===null&&S(Date.now()):m!==null&&(C(Math.ceil((Date.now()-m)/ce)),S(null))},[t,m,C]),i.useEffect(()=>{if(n&&!t&&d&&!j){const x=setTimeout(()=>{u(!1),B(!0)},le);return()=>clearTimeout(x)}},[t,d,n,u,j]);const D=x=>{u(x)};return o.jsx(_.Provider,{value:{isStreaming:t,isOpen:d,setIsOpen:u,duration:O},children:o.jsx(se,{className:a("not-prose mb-4",e),onOpenChange:D,open:d,...q,children:c})})}),de=(e,t)=>e||t===0?o.jsx(U,{duration:1,children:"Thinking..."}):t===void 0?o.jsx("p",{children:"Thought for a few seconds"}):o.jsxs("p",{children:["Thought for ",t," seconds"]}),M=i.memo(({className:e,children:t,...s})=>{const{isStreaming:n,isOpen:r,duration:l}=ie();return o.jsx(ne,{className:a("flex w-full items-center gap-2 text-sm text-muted-foreground transition-colors hover:text-foreground",e),...s,children:t??o.jsxs(o.Fragment,{children:[o.jsx(g.BrainIcon,{className:"size-4"}),de(n,l),o.jsx(g.ChevronDownIcon,{className:a("size-4 transition-transform",r?"rotate-180":"rotate-0")})]})})}),P=i.memo(({className:e,children:t,...s})=>o.jsx(re,{className:a("mt-4 text-sm","text-muted-foreground outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2",e),...s,children:o.jsx(R.Streamdown,{...s,children:t})}));z.displayName="Reasoning";M.displayName="ReasoningTrigger";P.displayName="ReasoningContent";const ue=({className:e,content:t,isLoading:s=!1,...n})=>o.jsx("div",{className:a("is-assistant flex w-full max-w-[80%] flex-col gap-2",e),...n,children:o.jsx("div",{className:"flex w-fit flex-col gap-2 overflow-hidden text-sm",children:o.jsx("div",{className:"flex items-center gap-2 rounded-lg border border-muted-foreground/20 bg-muted/50 p-3",children:o.jsxs("div",{className:"flex flex-1 items-center gap-2",children:[s&&o.jsx(U,{duration:1.5,children:t}),!s&&o.jsx("div",{className:"text-xs text-muted-foreground",children:t})]})})})});function me({userInput:e,language:t="en",currentHtml:s}){const n=p.LANGUAGES[t]||"English";return s&&s.trim().length>0?`
-MODE: EDIT
-CURRENT HTML:
-${s}
-
-USER REQUEST: ${e}
-Use ${n} language.
-`.trim():`
-  USER REQUEST: ${e}
-Use ${n} language.
-`.trim()}function ge({fallbackLang:e,language:t,blocks:s=[],userInput:n}){const r=p.LANGUAGES[t]||"English";return`
-USER REQUEST: ${n||"Translate the content"}
-LANGUAGE TO TRANSLATE: ${r}
-REQUESTED TRANSLATION LANGUAGE CODE: ${t}
-FALLBACK LANGUAGE: ${p.LANGUAGES[e]}
-BLOCKS: ${JSON.stringify(s)}`.trim()}const fe=({onRemove:e,isLoading:t=!1})=>{const{t:s}=y.useTranslation(),n=y.useSelectedBlock(),r=(n==null?void 0:n._type)||"Unknown",l=(n==null?void 0:n._name)||r;return o.jsx(o.Fragment,{children:o.jsxs("div",{className:"mx-auto flex w-[95%] items-center justify-between rounded-t-md border border-b-0 border-blue-200 bg-blue-50",children:[o.jsxs("div",{className:"flex items-center",children:[o.jsx("div",{className:"flex h-6 w-6 items-center justify-center rounded-l rounded-bl-none bg-blue-500 text-xs font-semibold text-white",children:"@"}),o.jsx("div",{className:"flex w-[95%] flex-col",children:n?o.jsx(o.Fragment,{children:o.jsxs("span",{className:"truncate text-xs font-medium text-blue-900",children:[" ",s("Context: ")," ",l]})}):o.jsxs("span",{className:"text-xs font-medium text-blue-900",children:[" ",s("Context: Entire Page")]})})]}),n&&o.jsx(K.Button,{variant:"ghost",size:"icon",onClick:e,disabled:t,className:"h-6 w-6 text-blue-600 hover:bg-blue-100 hover:text-blue-800",title:"Remove block from context",children:o.jsx(g.X,{size:14})})]})})};exports.Button=N;exports.Conversation=J;exports.ConversationContent=X;exports.ConversationEmptyState=H;exports.ConversationScrollButton=W;exports.Message=te;exports.MessageContent=oe;exports.MessageResponse=A;exports.Reasoning=z;exports.ReasoningContent=P;exports.ReasoningTrigger=M;exports.SelectedBlockDisplay=fe;exports.TaskMessage=ue;exports.cn=a;exports.getTranslationUserPrompt=ge;exports.getUserPrompt=me;