@inkeep/agents-ui 0.0.0-dev-20260313222128

package/dist/styled/components/index.js

@@ -0,0 +1,28 @@
+import * as r from "./embedded-chat.js";
+import * as a from "./chat-history.js";
+import * as o from "./sidebar-chat.js";
+import * as t from "./chat-bubble.js";
+import * as e from "./embedded-search.js";
+import * as m from "./modal.js";
+import * as d from "./chat-button.js";
+import * as p from "./searchbar.js";
+import { Shadow as i } from "./shadow.js";
+import { LoadingIndicator as x } from "./loading-indicator.js";
+import { widgetToggle as c } from "./ui/recipes/widget-toggle.js";
+import { EmbeddedChatMessagePart as u } from "./message.js";
+import { DataSummaryGroup as g } from "./data-summary-group.js";
+export {
+  t as ChatBubble,
+  d as ChatButton,
+  a as ChatHistory,
+  g as DataSummaryGroup,
+  r as EmbeddedChat,
+  u as EmbeddedChatMessagePart,
+  e as EmbeddedSearch,
+  x as LoadingIndicator,
+  m as Modal,
+  p as SearchBar,
+  i as Shadow,
+  o as SidebarChat,
+  c as widgetToggle
+};

package/dist/styled/components/loading-indicator.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),n=["Thinking","Looking for content","Analyzing"];function o(){const[i,s]=r.useState(0);return r.useEffect(()=>{const e=setInterval(()=>{s(a=>a+1<n.length?a+1:(clearInterval(e),a))},3500);return()=>clearInterval(e)},[]),t.jsxs("div",{className:"flex items-center space-x-2 font-medium text-sm text-gray-700 dark:text-gray-dark-300","aria-live":"polite",children:[t.jsx("span",{className:"animate-shimmer bg-[linear-gradient(to_bottom_right,_var(--ikp-color-gray-700),_var(--ikp-color-gray-400))] dark:bg-[linear-gradient(to_bottom_right,_var(--ikp-color-gray-dark-300),_var(--ikp-color-gray-dark-100))] bg-clip-text text-transparent",children:n[i]}),t.jsx("div",{className:"flex space-x-1",children:[0,1,2].map(e=>t.jsx("span",{className:"animate-bounce-dot opacity-30",style:{animationDelay:`${e*.2}s`},children:"."},e))})]})}exports.LoadingIndicator=o;

package/dist/styled/components/loading-indicator.d.ts

@@ -0,0 +1 @@
+export declare function LoadingIndicator(): import("react/jsx-runtime").JSX.Element;

package/dist/styled/components/loading-indicator.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { useState as o, useEffect as l } from "react";
+const r = ["Thinking", "Looking for content", "Analyzing"];
+function g() {
+  const [n, i] = o(0);
+  return l(() => {
+    const e = setInterval(() => {
+      i((a) => a + 1 < r.length ? a + 1 : (clearInterval(e), a));
+    }, 3500);
+    return () => clearInterval(e);
+  }, []), /* @__PURE__ */ s(
+    "div",
+    {
+      className: "flex items-center space-x-2 font-medium text-sm text-gray-700 dark:text-gray-dark-300",
+      "aria-live": "polite",
+      children: [
+        /* @__PURE__ */ t("span", { className: "animate-shimmer bg-[linear-gradient(to_bottom_right,_var(--ikp-color-gray-700),_var(--ikp-color-gray-400))] dark:bg-[linear-gradient(to_bottom_right,_var(--ikp-color-gray-dark-300),_var(--ikp-color-gray-dark-100))] bg-clip-text text-transparent", children: r[n] }),
+        /* @__PURE__ */ t("div", { className: "flex space-x-1", children: [0, 1, 2].map((e) => /* @__PURE__ */ t(
+          "span",
+          {
+            className: "animate-bounce-dot opacity-30",
+            style: {
+              animationDelay: `${e * 0.2}s`
+            },
+            children: "."
+          },
+          e
+        )) })
+      ]
+    }
+  );
+}
+export {
+  g as LoadingIndicator
+};

package/dist/styled/components/message.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),Q=require("../../primitives/providers/base-events-provider.cjs"),Y=require("../../primitives/providers/config-provider.cjs"),Z=require("../../primitives/providers/message-provider.cjs"),k=require("../../primitives/components/embedded-chat.cjs"),ee=require("../../primitives/components/embedded-chat/chat-provider.cjs"),te=require("merge-anything"),T=require("../utils.cjs"),ae=require("./ui/markdown-styles.cjs"),se=require("../../primitives/components/embedded-chat/use-stream-processor.cjs"),re=require("./data-summary-group.cjs"),r=require("react"),D=require("./embedded-chat.cjs"),l=require("lucide-react"),z=require("./ui/recipes/button.cjs"),ne={"input-streaming":"Pending","input-available":"Running","approval-requested":"Awaiting Approval","approval-responded":"Responded","output-available":"Completed","output-error":"Error","output-denied":"Denied"};function oe(a){if(!a||typeof a!="object")return!1;const s=a;return typeof s.type=="string"&&s.type.startsWith("tool-")}const ie=a=>{if(!a||typeof a!="object"||!("status"in a))return;const s=a.status;return typeof s=="string"?s:void 0},le=()=>e.jsx("div",{className:"flex space-x-1",children:[0,1,2].map(a=>e.jsx("span",{className:"animate-bounce-dot opacity-30",style:{animationDelay:`${a*.2}s`},children:"."},a))}),J=({name:a,Icon:s,props:n,componentType:c})=>e.jsxs("div",{className:"border rounded-lg bg-gray-50 dark:bg-gray-dark-800 mb-3",children:[e.jsxs("div",{className:"flex justify-between px-4 py-2 text-xs",children:[e.jsxs("div",{className:"font-medium flex items-center gap-2",children:[e.jsx(s,{className:"w-3 h-3 text-gray-600 dark:text-white-alpha-600"}),e.jsx("span",{children:a})]}),e.jsx("div",{className:"flex items-center px-1.5 py-0.5 rounded-md text-2xs uppercase tracking-wider bg-gray-200 dark:bg-white-alpha-200 font-medium text-gray-700 dark:text-white-alpha-700 font-mono",children:c})]}),e.jsx("pre",{className:"whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 font-mono px-4 py-2",children:JSON.stringify(n,null,2)})]}),ce=({name:a,props:s})=>e.jsx(J,{name:a,Icon:l.ComponentIcon,props:s,componentType:"component"}),de=({name:a,props:s})=>e.jsx(J,{name:a,Icon:l.Library,props:s,componentType:"artifact"}),pe=({tool:a,componentDef:s,renderText:n,approvalId:c,messagePartsLength:h,setApprovalDelayPending:i,addToolApprovalResponse:o,sendMessage:p,conversationId:u})=>{const f=r.useRef(p);f.current=p;const g=r.useRef(o);g.current=o;const m=r.useRef(i);m.current=i;const b=r.useCallback(async(M=!0)=>{c&&(m.current({partCount:h}),g.current({id:c,approved:M}),await f.current(void 0,{body:{conversationId:u}}))},[c,h,u]),y=r.useMemo(()=>({tool:a,approve:b,renderMarkdown:n}),[a]),N=s?D.DynamicComponent:ue;return e.jsx(N,{name:a.type,props:y,componentDef:s})},ue=({props:a,isDebug:s=!1})=>{const{tool:n,approve:c}=a,h=n.type,i=h.startsWith("tool-")?h.slice(5):h,o=n.state,p=n.approval?.id,u=!!p,f=o==="approval-requested",g=ie(n.output),[m,b]=r.useState(u||s),y=o?ne[o]??o:"tool";r.useEffect(()=>{f&&b(!0)},[f]);const N=()=>{switch(o){case"input-streaming":return e.jsx(l.Circle,{className:"w-3 h-3"});case"input-available":return e.jsx(l.Loader2,{className:"w-3 h-3 animate-spin"});case"approval-requested":return e.jsx(l.Clock,{className:"w-3 h-3"});case"approval-responded":return e.jsx(l.CheckCircle,{className:"w-3 h-3"});case"output-available":return e.jsx(l.CheckCircle,{className:"w-3 h-3"});case"output-error":return e.jsx(l.XCircle,{className:"w-3 h-3"});case"output-denied":return e.jsx(l.XCircle,{className:"w-3 h-3"});default:return null}};return e.jsxs("div",{className:"border rounded-lg mb-3 overflow-hidden",children:[(!u||s)&&e.jsxs("button",{type:"button",className:"inline-flex items-center group gap-2 text-xs text-gray-700 dark:text-white-alpha-700 hover:text-gray-800 dark:hover:text-white-alpha-800 transition-colors cursor-pointer w-full justify-between px-4 py-2",onClick:()=>b(!m),"data-expanded":m,children:[e.jsx("div",{className:"flex items-center gap-2",children:e.jsxs("div",{className:"font-medium flex items-center gap-2",children:[e.jsx(l.Hammer,{className:"w-3 h-3 text-gray-600 dark:text-white-alpha-600"}),e.jsx("span",{children:i})]})}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("div",{className:"flex items-center gap-1.5 px-1.5 py-0.5 rounded-md text-2xs uppercase tracking-wider bg-gray-100 dark:bg-white-alpha-100 font-medium text-gray-700 dark:text-white-alpha-700 font-mono",children:[N(),y]}),e.jsx(l.ChevronDown,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 transform rotate-0 group-data-[expanded=true]:rotate-180"})]})]}),e.jsx("div",{"data-expanded":m,className:T.cn("relative",'before:content-[""] before:absolute before:inset-x-0 before:-top-px before:h-3 before:pointer-events-none before:z-10','after:content-[""] after:absolute after:inset-x-0 after:bottom-0 after:h-3 after:pointer-events-none after:z-10',"before:bg-[linear-gradient(white,_transparent)] after:bg-[linear-gradient(transparent,_white)]","dark:before:bg-[linear-gradient(var(--ikp-color-gray-dark-950),_transparent)] dark:after:bg-[linear-gradient(transparent,_var(--ikp-color-gray-dark-950))]","data-[expanded=false]:before:opacity-0 data-[expanded=false]:after:opacity-0"),children:e.jsxs("div",{"data-expanded":m,className:T.cn("px-4 data-[expanded=true]:pb-3 [scrollbar-width:thin] overflow-hidden transition-all duration-300 ease-in-out data-[expanded=true]:opacity-100 data-[expanded=false]:max-h-0 data-[expanded=false]:opacity-0 max-w-full",u?"":"data-[expanded=true]:max-h-48 data-[expanded=true]:overflow-y-auto"),children:[n.input!=null&&e.jsx("pre",{className:"whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 font-mono py-2",children:JSON.stringify(n.input,null,2)}),!s&&u&&e.jsxs("div",{className:"whitespace-pre-wrap text-sm text-gray-700 dark:text-white-alpha-700 py-2",children:["Approval is needed to run ",e.jsx("strong",{children:i}),"."]}),f&&p&&e.jsxs("div",{className:"flex justify-end gap-2 pt-1",children:[e.jsx("button",{type:"button",className:T.cn(z.button({size:"xs",variant:"outline"}),"px-2 py-1 rounded-md text-xs text-gray-700 dark:text-white-alpha-700"),onClick:()=>c(!1),children:"Deny"}),e.jsxs("button",{type:"button",className:T.cn(z.button({size:"xs",variant:"primaryFilled"}),"px-2 py-1 rounded-md text-xs gap-1"),onClick:()=>c(!0),children:[e.jsx(l.Check,{className:"w-3 h-3"}),"Approve"]})]}),o==="output-available"&&n.output!=null&&!s&&e.jsxs("div",{className:"flex justify-end items-center gap-1 whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 capitalize",children:[g==="approved"&&e.jsx(l.Check,{className:"w-3 h-3"}),g]}),o==="output-denied"&&!s&&e.jsxs("div",{className:"flex justify-end items-center gap-1 whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 capitalize",children:[e.jsx(l.X,{className:"w-3 h-3"}),y]}),o==="output-available"&&n.output!=null&&s&&e.jsx("pre",{className:"whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 font-mono py-2",children:typeof n.output=="string"?n.output:JSON.stringify(n.output,null,2)})]})})]})},me=({className:a,componentStyles:s,children:n,isLast:c,...h})=>{const{message:i}=Z.useMessage(),{logEvent:o}=Q.useBaseEvents(),{conversationId:p,isStreaming:u,isLoading:f,setError:g,addToolApprovalResponse:m,sendMessage:b}=ee.useChat(),{aiChatSettings:{components:y,artifacts:N,headers:M}}=Y.useInkeepConfig(),X=M?.["x-emit-operations"]==="true",B=i.role==="user",F=(u||f)&&c&&i.role==="assistant",{processedParts:G,summaryTimings:K,shouldShowInitialLoading:U,shouldShowStreamDelayLoading:W}=se.useStreamProcessor(i.parts,F,g),[S,R]=r.useState(null),[H,q]=r.useState(!1),x=r.useRef(null);r.useEffect(()=>{if(!S){q(!1),x.current&&(clearTimeout(x.current),x.current=null);return}return q(!1),x.current&&clearTimeout(x.current),x.current=window.setTimeout(()=>{q(!0)},1e3),()=>{x.current&&(clearTimeout(x.current),x.current=null)}},[S]),r.useEffect(()=>{S&&(!c||i.parts.length>S.partCount)&&R(null)},[S,c,i.parts.length]);const _=r.useMemo(()=>i.parts.filter(t=>t.type==="data-artifact"&&t.data?.type?.toLowerCase()==="citation"),[i.parts]),I=r.useMemo(()=>te.merge(ae.markdownStyles,s??{}),[s]),$=r.useCallback((t,d)=>{o({eventName:"assistant_message_inline_link_opened",properties:{title:d?.toString(),url:t}})},[o]),O=r.useCallback((t,d)=>{o({eventName:"assistant_code_block_copied",properties:{conversationId:p,language:t,code:d}})},[o,p]),E=r.useCallback(t=>e.jsx(k.EmbeddedChatPrimitiveMarkdown,{text:t,componentStyles:I,onLinkClick:$,onCodeCopy:O,artifacts:_}),[I,$,O,_]),V=r.useMemo(()=>T.cn("data-[role=user]:whitespace-pre-wrap mb-3 data-[role=user]:mb-0 [&[data-role=user]>p]:mb-0 max-w-full",a),[a]);return e.jsxs(e.Fragment,{children:[G.map((t,d)=>{const j={"data-role":i.role,"data-type":t?.type==="data-component"?t.data.type:t?.type,...h,className:V};switch(t?.type){case"text":return e.jsx(k.PrimitiveMessagePart,{...j,children:B?t.text:E(t.text||"")},d);case"data-component":{const{type:v}=t.data;switch(v){case"text":return e.jsx("div",{...j,children:E(t.data.text||"")},d);default:{const C=t.data,{name:w,props:A}=C,P=y?.[w],L=P?D.DynamicComponent:ce;return e.jsx(k.PrimitiveMessagePart,{...j,children:e.jsx(L,{name:w,props:A,componentDef:P})},`${w}-${d}`)}}}case"data-artifact":{const v=t.data,{name:C,type:w,artifactSummary:A}=v,P=N?.[w],L=P?D.DynamicComponent:de;return e.jsx(k.PrimitiveMessagePart,{...j,children:e.jsx(L,{name:w,props:A,componentDef:P})},`${C}-${d}`)}case"summary-group":{const v=K.get(t.groupKey)||{isCompleted:!1};return e.jsx(k.PrimitiveMessagePart,{...j,children:e.jsx(re.DataSummaryGroup,{summaries:t.summaries||[],isCompleted:v.isCompleted})},`${t.groupKey}-${d}`)}default:{if(!oe(t))return null;const v=t,C=t.approval?.id;return X||C?e.jsx(k.PrimitiveMessagePart,{...j,children:e.jsx(pe,{tool:v,componentDef:y?.IkpTool,renderText:E,approvalId:C,messagePartsLength:i.parts.length,setApprovalDelayPending:R,addToolApprovalResponse:m,sendMessage:b,conversationId:p})},t.toolCallId??`${t.type}-${d}`):null}}}),U&&e.jsx(D.MessageLoading,{}),(W||H)&&e.jsx(le,{})]})};exports.EmbeddedChatMessagePart=me;

package/dist/styled/components/message.d.ts

@@ -0,0 +1,4 @@
+import { EmbeddedChatPrimitiveMessagePartProps } from '../../primitives/components/embedded-chat';
+export declare const EmbeddedChatMessagePart: ({ className, componentStyles, children, isLast, ...rest }: EmbeddedChatPrimitiveMessagePartProps & {
+    isLast: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/styled/components/message.js

@@ -0,0 +1,333 @@
+"use client";
+import { jsx as e, jsxs as i, Fragment as ne } from "react/jsx-runtime";
+import { useBaseEvents as oe } from "../../primitives/providers/base-events-provider.js";
+import { useInkeepConfig as se } from "../../primitives/providers/config-provider.js";
+import { useMessage as ie } from "../../primitives/providers/message-provider.js";
+import { EmbeddedChatPrimitiveMarkdown as le, PrimitiveMessagePart as S } from "../../primitives/components/embedded-chat.js";
+import { useChat as pe } from "../../primitives/components/embedded-chat/chat-provider.js";
+import { merge as ce } from "merge-anything";
+import { cn as T } from "../utils.js";
+import { markdownStyles as de } from "./ui/markdown-styles.js";
+import { useStreamProcessor as ue } from "../../primitives/components/embedded-chat/use-stream-processor.js";
+import { DataSummaryGroup as me } from "./data-summary-group.js";
+import { useState as j, useRef as D, useEffect as $, useMemo as L, useCallback as P } from "react";
+import { DynamicComponent as R, MessageLoading as he } from "./embedded-chat.js";
+import { Library as fe, ComponentIcon as ge, Hammer as xe, ChevronDown as ye, Check as F, X as we, XCircle as K, CheckCircle as U, Clock as ve, Loader2 as be, Circle as Ce } from "lucide-react";
+import { button as W } from "./ui/recipes/button.js";
+const ke = {
+  "input-streaming": "Pending",
+  "input-available": "Running",
+  "approval-requested": "Awaiting Approval",
+  "approval-responded": "Responded",
+  "output-available": "Completed",
+  "output-error": "Error",
+  "output-denied": "Denied"
+};
+function Ne(a) {
+  if (!a || typeof a != "object") return !1;
+  const r = a;
+  return typeof r.type == "string" && r.type.startsWith("tool-");
+}
+const Se = (a) => {
+  if (!a || typeof a != "object" || !("status" in a)) return;
+  const r = a.status;
+  return typeof r == "string" ? r : void 0;
+}, Te = () => /* @__PURE__ */ e("div", { className: "flex space-x-1", children: [0, 1, 2].map((a) => /* @__PURE__ */ e(
+  "span",
+  {
+    className: "animate-bounce-dot opacity-30",
+    style: {
+      animationDelay: `${a * 0.2}s`
+    },
+    children: "."
+  },
+  a
+)) }), X = ({ name: a, Icon: r, props: n, componentType: l }) => /* @__PURE__ */ i("div", { className: "border rounded-lg bg-gray-50 dark:bg-gray-dark-800 mb-3", children: [
+  /* @__PURE__ */ i("div", { className: "flex justify-between px-4 py-2 text-xs", children: [
+    /* @__PURE__ */ i("div", { className: "font-medium flex items-center gap-2", children: [
+      /* @__PURE__ */ e(r, { className: "w-3 h-3 text-gray-600 dark:text-white-alpha-600" }),
+      /* @__PURE__ */ e("span", { children: a })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "flex items-center px-1.5 py-0.5 rounded-md text-2xs uppercase tracking-wider bg-gray-200 dark:bg-white-alpha-200 font-medium text-gray-700 dark:text-white-alpha-700 font-mono", children: l })
+  ] }),
+  /* @__PURE__ */ e("pre", { className: "whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 font-mono px-4 py-2", children: JSON.stringify(n, null, 2) })
+] }), De = ({ name: a, props: r }) => /* @__PURE__ */ e(X, { name: a, Icon: ge, props: r, componentType: "component" }), Le = ({ name: a, props: r }) => /* @__PURE__ */ e(X, { name: a, Icon: fe, props: r, componentType: "artifact" }), Pe = ({
+  tool: a,
+  componentDef: r,
+  renderText: n,
+  approvalId: l,
+  messagePartsLength: h,
+  setApprovalDelayPending: s,
+  addToolApprovalResponse: o,
+  sendMessage: c,
+  conversationId: d
+}) => {
+  const f = D(c);
+  f.current = c;
+  const g = D(o);
+  g.current = o;
+  const u = D(s);
+  u.current = s;
+  const v = P(
+    async (A = !0) => {
+      l && (u.current({ partCount: h }), g.current({ id: l, approved: A }), await f.current(void 0, { body: { conversationId: d } }));
+    },
+    [l, h, d]
+  ), x = L(() => ({ tool: a, approve: v, renderMarkdown: n }), [a]);
+  return /* @__PURE__ */ e(r ? R : Ee, { name: a.type, props: x, componentDef: r });
+}, Ee = ({ props: a, isDebug: r = !1 }) => {
+  const { tool: n, approve: l } = a, h = n.type, s = h.startsWith("tool-") ? h.slice(5) : h, o = n.state, c = n.approval?.id, d = !!c, f = o === "approval-requested", g = Se(n.output), [u, v] = j(d || r), x = o ? ke[o] ?? o : "tool";
+  return $(() => {
+    f && v(!0);
+  }, [f]), /* @__PURE__ */ i("div", { className: "border rounded-lg mb-3 overflow-hidden", children: [
+    (!d || r) && /* @__PURE__ */ i(
+      "button",
+      {
+        type: "button",
+        className: "inline-flex items-center group gap-2 text-xs text-gray-700 dark:text-white-alpha-700 hover:text-gray-800 dark:hover:text-white-alpha-800 transition-colors cursor-pointer w-full justify-between px-4 py-2",
+        onClick: () => v(!u),
+        "data-expanded": u,
+        children: [
+          /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ i("div", { className: "font-medium flex items-center gap-2", children: [
+            /* @__PURE__ */ e(xe, { className: "w-3 h-3 text-gray-600 dark:text-white-alpha-600" }),
+            /* @__PURE__ */ e("span", { children: s })
+          ] }) }),
+          /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ i("div", { className: "flex items-center gap-1.5 px-1.5 py-0.5 rounded-md text-2xs uppercase tracking-wider bg-gray-100 dark:bg-white-alpha-100 font-medium text-gray-700 dark:text-white-alpha-700 font-mono", children: [
+              (() => {
+                switch (o) {
+                  case "input-streaming":
+                    return /* @__PURE__ */ e(Ce, { className: "w-3 h-3" });
+                  case "input-available":
+                    return /* @__PURE__ */ e(be, { className: "w-3 h-3 animate-spin" });
+                  case "approval-requested":
+                    return /* @__PURE__ */ e(ve, { className: "w-3 h-3" });
+                  case "approval-responded":
+                    return /* @__PURE__ */ e(U, { className: "w-3 h-3" });
+                  case "output-available":
+                    return /* @__PURE__ */ e(U, { className: "w-3 h-3" });
+                  case "output-error":
+                    return /* @__PURE__ */ e(K, { className: "w-3 h-3" });
+                  case "output-denied":
+                    return /* @__PURE__ */ e(K, { className: "w-3 h-3" });
+                  default:
+                    return null;
+                }
+              })(),
+              x
+            ] }),
+            /* @__PURE__ */ e(ye, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 transform rotate-0 group-data-[expanded=true]:rotate-180" })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        "data-expanded": u,
+        className: T(
+          "relative",
+          'before:content-[""] before:absolute before:inset-x-0 before:-top-px before:h-3 before:pointer-events-none before:z-10',
+          'after:content-[""] after:absolute after:inset-x-0 after:bottom-0 after:h-3 after:pointer-events-none after:z-10',
+          "before:bg-[linear-gradient(white,_transparent)] after:bg-[linear-gradient(transparent,_white)]",
+          "dark:before:bg-[linear-gradient(var(--ikp-color-gray-dark-950),_transparent)] dark:after:bg-[linear-gradient(transparent,_var(--ikp-color-gray-dark-950))]",
+          "data-[expanded=false]:before:opacity-0 data-[expanded=false]:after:opacity-0"
+        ),
+        children: /* @__PURE__ */ i(
+          "div",
+          {
+            "data-expanded": u,
+            className: T(
+              "px-4 data-[expanded=true]:pb-3 [scrollbar-width:thin] overflow-hidden transition-all duration-300 ease-in-out data-[expanded=true]:opacity-100 data-[expanded=false]:max-h-0 data-[expanded=false]:opacity-0 max-w-full",
+              d ? "" : "data-[expanded=true]:max-h-48 data-[expanded=true]:overflow-y-auto"
+            ),
+            children: [
+              n.input != null && /* @__PURE__ */ e("pre", { className: "whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 font-mono py-2", children: JSON.stringify(n.input, null, 2) }),
+              !r && d && /* @__PURE__ */ i("div", { className: "whitespace-pre-wrap text-sm text-gray-700 dark:text-white-alpha-700 py-2", children: [
+                "Approval is needed to run ",
+                /* @__PURE__ */ e("strong", { children: s }),
+                "."
+              ] }),
+              f && c && /* @__PURE__ */ i("div", { className: "flex justify-end gap-2 pt-1", children: [
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    className: T(
+                      W({ size: "xs", variant: "outline" }),
+                      "px-2 py-1 rounded-md text-xs text-gray-700 dark:text-white-alpha-700"
+                    ),
+                    onClick: () => l(!1),
+                    children: "Deny"
+                  }
+                ),
+                /* @__PURE__ */ i(
+                  "button",
+                  {
+                    type: "button",
+                    className: T(
+                      W({ size: "xs", variant: "primaryFilled" }),
+                      "px-2 py-1 rounded-md text-xs gap-1"
+                    ),
+                    onClick: () => l(!0),
+                    children: [
+                      /* @__PURE__ */ e(F, { className: "w-3 h-3" }),
+                      "Approve"
+                    ]
+                  }
+                )
+              ] }),
+              o === "output-available" && n.output != null && !r && /* @__PURE__ */ i("div", { className: "flex justify-end items-center gap-1 whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 capitalize", children: [
+                g === "approved" && /* @__PURE__ */ e(F, { className: "w-3 h-3" }),
+                g
+              ] }),
+              o === "output-denied" && !r && /* @__PURE__ */ i("div", { className: "flex justify-end items-center gap-1 whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 capitalize", children: [
+                /* @__PURE__ */ e(we, { className: "w-3 h-3" }),
+                x
+              ] }),
+              o === "output-available" && n.output != null && r && /* @__PURE__ */ e("pre", { className: "whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 font-mono py-2", children: typeof n.output == "string" ? n.output : JSON.stringify(n.output, null, 2) })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}, We = ({
+  className: a,
+  componentStyles: r,
+  children: n,
+  isLast: l,
+  ...h
+}) => {
+  const { message: s } = ie(), { logEvent: o } = oe(), { conversationId: c, isStreaming: d, isLoading: f, setError: g, addToolApprovalResponse: u, sendMessage: v } = pe(), {
+    aiChatSettings: { components: x, artifacts: E, headers: A }
+  } = se(), G = A?.["x-emit-operations"] === "true", H = s.role === "user", V = (d || f) && l && s.role === "assistant", { processedParts: Q, summaryTimings: Y, shouldShowInitialLoading: Z, shouldShowStreamDelayLoading: ee } = ue(s.parts, V, g), [k, O] = j(null), [te, _] = j(!1), m = D(null);
+  $(() => {
+    if (!k) {
+      _(!1), m.current && (clearTimeout(m.current), m.current = null);
+      return;
+    }
+    return _(!1), m.current && clearTimeout(m.current), m.current = window.setTimeout(() => {
+      _(!0);
+    }, 1e3), () => {
+      m.current && (clearTimeout(m.current), m.current = null);
+    };
+  }, [k]), $(() => {
+    k && (!l || s.parts.length > k.partCount) && O(null);
+  }, [k, l, s.parts.length]);
+  const z = L(
+    () => s.parts.filter(
+      (t) => t.type === "data-artifact" && t.data?.type?.toLowerCase() === "citation"
+    ),
+    [s.parts]
+  ), q = L(
+    () => ce(de, r ?? {}),
+    [r]
+  ), J = P(
+    (t, p) => {
+      o({
+        eventName: "assistant_message_inline_link_opened",
+        properties: {
+          title: p?.toString(),
+          url: t
+        }
+      });
+    },
+    [o]
+  ), B = P(
+    (t, p) => {
+      o({
+        eventName: "assistant_code_block_copied",
+        properties: {
+          conversationId: c,
+          language: t,
+          code: p
+        }
+      });
+    },
+    [o, c]
+  ), I = P(
+    (t) => /* @__PURE__ */ e(
+      le,
+      {
+        text: t,
+        componentStyles: q,
+        onLinkClick: J,
+        onCodeCopy: B,
+        artifacts: z
+      }
+    ),
+    [q, J, B, z]
+  ), ae = L(
+    () => T(
+      "data-[role=user]:whitespace-pre-wrap mb-3 data-[role=user]:mb-0 [&[data-role=user]>p]:mb-0 max-w-full",
+      a
+    ),
+    [a]
+  );
+  return /* @__PURE__ */ i(ne, { children: [
+    Q.map((t, p) => {
+      const b = {
+        "data-role": s.role,
+        "data-type": t?.type === "data-component" ? t.data.type : t?.type,
+        ...h,
+        className: ae
+      };
+      switch (t?.type) {
+        case "text":
+          return /* @__PURE__ */ e(S, { ...b, children: H ? t.text : I(t.text || "") }, p);
+        case "data-component": {
+          const { type: y } = t.data;
+          switch (y) {
+            case "text":
+              return /* @__PURE__ */ e("div", { ...b, children: I(t.data.text || "") }, p);
+            default: {
+              const C = t.data, { name: w, props: M } = C, N = x?.[w];
+              return /* @__PURE__ */ e(S, { ...b, children: /* @__PURE__ */ e(N ? R : De, { name: w, props: M, componentDef: N }) }, `${w}-${p}`);
+            }
+          }
+        }
+        case "data-artifact": {
+          const y = t.data, { name: C, type: w, artifactSummary: M } = y, N = E?.[w];
+          return /* @__PURE__ */ e(S, { ...b, children: /* @__PURE__ */ e(N ? R : Le, { name: w, props: M, componentDef: N }) }, `${C}-${p}`);
+        }
+        case "summary-group": {
+          const y = Y.get(t.groupKey) || {
+            isCompleted: !1
+          };
+          return /* @__PURE__ */ e(S, { ...b, children: /* @__PURE__ */ e(
+            me,
+            {
+              summaries: t.summaries || [],
+              isCompleted: y.isCompleted
+            }
+          ) }, `${t.groupKey}-${p}`);
+        }
+        default: {
+          if (!Ne(t))
+            return null;
+          const y = t, C = t.approval?.id;
+          return G || C ? /* @__PURE__ */ e(S, { ...b, children: /* @__PURE__ */ e(
+            Pe,
+            {
+              tool: y,
+              componentDef: x?.IkpTool,
+              renderText: I,
+              approvalId: C,
+              messagePartsLength: s.parts.length,
+              setApprovalDelayPending: O,
+              addToolApprovalResponse: u,
+              sendMessage: v,
+              conversationId: c
+            }
+          ) }, t.toolCallId ?? `${t.type}-${p}`) : null;
+        }
+      }
+    }),
+    Z && /* @__PURE__ */ e(he, {}),
+    (ee || te) && /* @__PURE__ */ e(Te, {})
+  ] });
+};
+export {
+  We as EmbeddedChatMessagePart
+};

package/dist/styled/components/modal.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("../../primitives/components/modal.cjs"),s=require("../utils.cjs"),l=require("./ui/recipes/button.cjs"),n=require("./ui/recipes/modal.cjs"),r=o.Modal,i=({className:t,...e})=>a.jsx(o.Overlay,{className:s.cn(n.modal({slot:"overlay"}),t),...e}),d=({className:t,...e})=>a.jsx(o.Content,{className:s.cn(n.modal({slot:"content"}),"w-[min(90vw,720px)]","has-[[data-dual-pane-search-expanded]]:w-[min(90vw,1000px)] transition-width duration-300",t),...e}),c=({className:t,...e})=>a.jsx(o.Close,{className:s.cn(n.modal({slot:"close"}),l.button({variant:"ghost",size:"xs"}),"relative inset-[unset] w-6 ml-auto text-lg text-gray-500 dark:text-white-alpha-500 px-0","md:hidden",t),...e});exports.Close=c;exports.Content=d;exports.Overlay=i;exports.Root=r;

package/dist/styled/components/modal.d.ts

@@ -0,0 +1,6 @@
+import { ModalPrimitive } from '../../primitives';
+declare const Modal: (props: ModalPrimitive.PrimitiveModalProps) => import("react/jsx-runtime").JSX.Element;
+declare const ModalOverlay: ({ className, ...props }: React.ComponentPropsWithRef<typeof ModalPrimitive.Overlay>) => import("react/jsx-runtime").JSX.Element;
+declare const ModalContent: ({ className, ...props }: React.ComponentPropsWithRef<typeof ModalPrimitive.Content>) => import("react/jsx-runtime").JSX.Element;
+declare const ModalClose: ({ className, ...props }: React.ComponentPropsWithRef<typeof ModalPrimitive.Close>) => import("react/jsx-runtime").JSX.Element;
+export { Modal as Root, ModalOverlay as Overlay, ModalContent as Content, ModalClose as Close };

package/dist/styled/components/modal.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { Modal as l, Overlay as i, Content as n, Close as r } from "../../primitives/components/modal.js";
+import { cn as e } from "../utils.js";
+import { button as m } from "./ui/recipes/button.js";
+import { modal as s } from "./ui/recipes/modal.js";
+const M = l, C = ({
+  className: t,
+  ...a
+}) => /* @__PURE__ */ o(i, { className: e(s({ slot: "overlay" }), t), ...a }), h = ({
+  className: t,
+  ...a
+}) => /* @__PURE__ */ o(
+  n,
+  {
+    className: e(
+      s({ slot: "content" }),
+      "w-[min(90vw,720px)]",
+      // Dual pane
+      "has-[[data-dual-pane-search-expanded]]:w-[min(90vw,1000px)] transition-width duration-300",
+      t
+    ),
+    ...a
+  }
+), w = ({
+  className: t,
+  ...a
+}) => /* @__PURE__ */ o(
+  r,
+  {
+    className: e(
+      s({ slot: "close" }),
+      m({ variant: "ghost", size: "xs" }),
+      "relative inset-[unset] w-6 ml-auto text-lg text-gray-500 dark:text-white-alpha-500 px-0",
+      "md:hidden",
+      t
+    ),
+    ...a
+  }
+);
+export {
+  w as Close,
+  h as Content,
+  C as Overlay,
+  M as Root
+};

package/dist/styled/components/searchbar.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("../utils.cjs"),c=require("../../primitives/components/searchbar.cjs"),n=({className:e,...r})=>a.jsx(c.SearchBarContainer,{className:t.cn("md:min-w-[min(320px,100%)] w-full h-full min-h-9",e),...r}),s=({className:e,...r})=>a.jsx(c.SearchBarButton,{className:t.cn("rounded-md border px-3 min-w-0 min-h-9 flex items-center justify-between gap-2 h-full w-full hover:border-gray-300 dark:hover:border-white-alpha-300 transition-colors",e),...r}),o=({className:e,...r})=>a.jsx(c.SearchBarContentWrapper,{className:t.cn("flex items-center gap-2 min-w-0",e),...r}),h=({className:e,...r})=>a.jsx(c.SearchBarText,{className:t.cn("text-md text-gray-500 dark:text-white-alpha-600",e),...r}),i=({className:e,...r})=>a.jsx(c.SearchBarIcon,{className:t.cn("text-gray-500 dark:text-white-alpha-600 text-xl",e),...r}),l=({className:e,...r})=>a.jsx(c.SearchBarKbdWrapper,{className:t.cn("text-sm text-gray-400 dark:text-white-alpha-500 font-bold flex items-center gap-0.5",e),...r}),S=({className:e,...r})=>a.jsx(c.SearchBarKbdModifier,{className:t.cn("",e),...r}),d=({className:e,...r})=>a.jsx(c.SearchBarKbdShortcutKey,{className:t.cn("",e),...r});exports.SearchBarButton=s;exports.SearchBarContainer=n;exports.SearchBarContentWrapper=o;exports.SearchBarIcon=i;exports.SearchBarKbdModifier=S;exports.SearchBarKbdShortcutKey=d;exports.SearchBarKbdWrapper=l;exports.SearchBarText=h;

package/dist/styled/components/searchbar.d.ts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithRef } from 'react';
+import { SearchBarPrimitive } from '../../primitives';
+declare const SearchBarContainer: ({ className, ...props }: ComponentPropsWithRef<typeof SearchBarPrimitive.SearchBarContainer>) => import("react/jsx-runtime").JSX.Element;
+declare const SearchBarButton: ({ className, ...props }: ComponentPropsWithRef<typeof SearchBarPrimitive.SearchBarButton>) => import("react/jsx-runtime").JSX.Element;
+declare const SearchBarContentWrapper: ({ className, ...props }: ComponentPropsWithRef<typeof SearchBarPrimitive.SearchBarContentWrapper>) => import("react/jsx-runtime").JSX.Element;
+declare const SearchBarText: ({ className, ...props }: ComponentPropsWithRef<typeof SearchBarPrimitive.SearchBarText>) => import("react/jsx-runtime").JSX.Element;
+declare const SearchBarIcon: ({ className, ...props }: ComponentPropsWithRef<typeof SearchBarPrimitive.SearchBarIcon>) => import("react/jsx-runtime").JSX.Element;
+declare const SearchBarKbdWrapper: ({ className, ...props }: ComponentPropsWithRef<typeof SearchBarPrimitive.SearchBarKbdWrapper>) => import("react/jsx-runtime").JSX.Element;
+declare const SearchBarKbdModifier: ({ className, ...props }: ComponentPropsWithRef<typeof SearchBarPrimitive.SearchBarKbdModifier>) => import("react/jsx-runtime").JSX.Element;
+declare const SearchBarKbdShortcutKey: ({ className, ...props }: ComponentPropsWithRef<typeof SearchBarPrimitive.SearchBarKbdShortcutKey>) => import("react/jsx-runtime").JSX.Element;
+export { SearchBarContainer, SearchBarButton, SearchBarContentWrapper, SearchBarText, SearchBarIcon, SearchBarKbdWrapper, SearchBarKbdModifier, SearchBarKbdShortcutKey, };

package/dist/styled/components/searchbar.js

@@ -0,0 +1,81 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { cn as t } from "../utils.js";
+import { SearchBarContainer as c, SearchBarButton as i, SearchBarContentWrapper as o, SearchBarText as n, SearchBarIcon as h, SearchBarKbdWrapper as s, SearchBarKbdModifier as m, SearchBarKbdShortcutKey as l } from "../../primitives/components/searchbar.js";
+const p = ({
+  className: r,
+  ...a
+}) => /* @__PURE__ */ e(
+  c,
+  {
+    className: t("md:min-w-[min(320px,100%)] w-full h-full min-h-9", r),
+    ...a
+  }
+), x = ({
+  className: r,
+  ...a
+}) => /* @__PURE__ */ e(
+  i,
+  {
+    className: t(
+      "rounded-md border px-3 min-w-0 min-h-9 flex items-center justify-between gap-2 h-full w-full hover:border-gray-300 dark:hover:border-white-alpha-300 transition-colors",
+      r
+    ),
+    ...a
+  }
+), f = ({
+  className: r,
+  ...a
+}) => /* @__PURE__ */ e(
+  o,
+  {
+    className: t("flex items-center gap-2 min-w-0", r),
+    ...a
+  }
+), b = ({
+  className: r,
+  ...a
+}) => /* @__PURE__ */ e(
+  n,
+  {
+    className: t("text-md text-gray-500 dark:text-white-alpha-600", r),
+    ...a
+  }
+), u = ({
+  className: r,
+  ...a
+}) => /* @__PURE__ */ e(
+  h,
+  {
+    className: t("text-gray-500 dark:text-white-alpha-600 text-xl", r),
+    ...a
+  }
+), K = ({
+  className: r,
+  ...a
+}) => /* @__PURE__ */ e(
+  s,
+  {
+    className: t(
+      "text-sm text-gray-400 dark:text-white-alpha-500 font-bold flex items-center gap-0.5",
+      r
+    ),
+    ...a
+  }
+), w = ({
+  className: r,
+  ...a
+}) => /* @__PURE__ */ e(m, { className: t("", r), ...a }), v = ({
+  className: r,
+  ...a
+}) => /* @__PURE__ */ e(l, { className: t("", r), ...a });
+export {
+  x as SearchBarButton,
+  p as SearchBarContainer,
+  f as SearchBarContentWrapper,
+  u as SearchBarIcon,
+  w as SearchBarKbdModifier,
+  v as SearchBarKbdShortcutKey,
+  K as SearchBarKbdWrapper,
+  b as SearchBarText
+};

package/dist/styled/components/shadow.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("../inkeep.css.cjs"),o=require("../../primitives/atoms/shadow/context.cjs"),r=e=>t.jsx(o.InkeepShadow,{styles:n.default,...e});exports.Shadow=r;

package/dist/styled/components/shadow.d.ts

@@ -0,0 +1,3 @@
+import { InkeepShadow } from '../../primitives';
+export type ShadowProps = React.ComponentPropsWithRef<typeof InkeepShadow>;
+export declare const Shadow: (props: ShadowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/styled/components/shadow.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import t from "../inkeep.css.js";
+import { InkeepShadow as e } from "../../primitives/atoms/shadow/context.js";
+const i = (o) => /* @__PURE__ */ r(e, { styles: t, ...o });
+export {
+  i as Shadow
+};

package/dist/styled/components/sidebar-chat.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("../../primitives/components/sidebar-chat/index.cjs"),i=require("../utils.cjs"),o=require("./ui/recipes/button.cjs"),s=require("./ui/recipes/scrollable.cjs"),n=({className:t,...e})=>a.jsx(r.SidebarChatPrimitiveRoot,{...e,className:i.cn("w-[--width] h-full relative bg-white dark:bg-gray-dark-950","data-[position=left]:pr-1 data-[position=left]:border-r data-[position=left]:mr-1","data-[position=right]:pl-1 data-[position=right]:border-l data-[position=right]:ml-1","data-[state=open]:data-[position=left]:animate-sidebar-in-left","data-[state=open]:data-[position=right]:animate-sidebar-in-right","data-[state=closed]:data-[position=left]:animate-sidebar-out-left","data-[state=closed]:data-[position=right]:animate-sidebar-out-right",t)}),l=({className:t,...e})=>a.jsx(r.SidebarChatPrimitiveResizer,{className:i.cn("px-1 bg-transparent opacity-0 hover:opacity-100","cursor-ew-resize","absolute top-0 bottom-0 z-[1]",'[[data-position="left"]>&]:-right-1','[[data-position="right"]>&]:-left-1','after:content-[""] after:absolute after:top-0 after:bottom-0 after:w-0.5 after:bg-inkeep-primary-medium dark:after:bg-inkeep-primary-light [[data-position="right"]>&]:after:right-1 [[data-position="left"]>&]:after:left-1',"data-[state=closed]:opacity-0 data-[state=closed]:pointer-events-none","data-[state=open]:pointer-events-auto","transition-opacity duration-200",t),...e}),d=({className:t,...e})=>a.jsx(r.Header,{className:i.cn(s.scrollable({section:"header"}),"w-full flex flex-row items-center px-3 py-3","bg-white dark:bg-gray-dark-950","after:absolute","after:left-0","after:top-full","after:h-3","after:w-full","after:text-white","after:dark:text-gray-dark-950","after:bg-[linear-gradient(currentColor,_transparent)]","after:z-start",t),...e}),p=({className:t,...e})=>a.jsx(r.CloseButton,{className:i.cn(o.button({variant:"ghost",size:"xs"}),"relative inset-[unset] w-6 ml-auto text-lg text-gray-500 dark:text-white-alpha-500 px-0",t),...e});exports.CloseButton=p;exports.Header=d;exports.Resizer=l;exports.Root=n;

package/dist/styled/components/sidebar-chat.d.ts

@@ -0,0 +1,6 @@
+import { SidebarChatPrimitive } from '../../primitives';
+declare const SidebarChatRoot: ({ className, ...props }: React.ComponentPropsWithRef<typeof SidebarChatPrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
+declare const SidebarChatResizer: ({ className, ...props }: React.ComponentPropsWithRef<typeof SidebarChatPrimitive.Resizer>) => import("react/jsx-runtime").JSX.Element;
+declare const SidebarChatHeader: ({ className, ...props }: React.ComponentPropsWithRef<typeof SidebarChatPrimitive.Header>) => import("react/jsx-runtime").JSX.Element;
+declare const SidebarChatCloseButton: ({ className, ...props }: React.ComponentPropsWithRef<typeof SidebarChatPrimitive.CloseButton>) => import("react/jsx-runtime").JSX.Element;
+export { SidebarChatRoot as Root, SidebarChatResizer as Resizer, SidebarChatCloseButton as CloseButton, SidebarChatHeader as Header, };