@kitn.ai/ui 0.25.2 → 0.27.0

package/dist/context-BY8V-Nlp.js

@@ -0,0 +1 @@
+import{k as o,c as n,S as a,i as s,a as d,b as f,B,G as N,t as u,d as j,m as P}from"./define-CGGX-7Vg.js";import{H as M,a as $,b as E}from"./hover-card-DaeiYrTA.js";import{c as h}from"./cn-DN5AWfiS.js";import{B as G}from"./button-BH6rN0U-.js";import{P as H}from"./progress-bar-BvYX0aoy.js";var O=u('<svg aria-label="Model context usage"height=20 role=img viewBox="0 0 24 24"width=20 style=color:currentcolor><circle cx=12 cy=12 fill=none opacity=0.25 r=10 stroke=currentColor stroke-width=2></circle><circle cx=12 cy=12 fill=none opacity=0.7 r=10 stroke=currentColor stroke-linecap=round stroke-width=2 style=transform:rotate(-90deg);transform-origin:center>'),R=u('<span class="font-medium text-muted-foreground">'),q=u('<div class="flex items-center justify-between gap-3 text-xs"><p></p><p class="font-mono text-muted-foreground"> / '),z=u("<div class=space-y-2>"),T=u("<div>"),A=u("<span class=text-muted-foreground>Total cost"),S=u("<span>"),J=u("<div><span class=text-muted-foreground>Input"),K=u("<div><span class=text-muted-foreground>Output"),L=u("<div><span class=text-muted-foreground>Reasoning"),Q=u("<div><span class=text-muted-foreground>Cache");const V=10,v=.7,b=.9;function W(e,t=v,r=b){return e>r?"danger":e>t?"warn":"ok"}const I=B();function g(){const e=N(I);if(!e)throw new Error("Context components must be used within Context");return e}const y=new Intl.NumberFormat("en-US",{notation:"compact"}),D=new Intl.NumberFormat("en-US",{maximumFractionDigits:1,style:"percent"}),_=new Intl.NumberFormat("en-US",{currency:"USD",style:"currency"});function X(e){const t=o(()=>({usedTokens:e.usedTokens,maxTokens:e.maxTokens,inputTokens:e.inputTokens,outputTokens:e.outputTokens,reasoningTokens:e.reasoningTokens,cacheTokens:e.cacheTokens,estimatedCost:e.estimatedCost,warnThreshold:e.warnThreshold??v,dangerThreshold:e.dangerThreshold??b}));return n(I.Provider,{get value(){return t()},get children(){return n(M,{openDelay:0,get children(){return e.children}})}})}function Y(){const e=g(),t=2*Math.PI*V,r=o(()=>e.usedTokens/e.maxTokens),c=o(()=>t*(1-r()));return(()=>{var i=O(),p=i.firstChild,k=p.nextSibling;return j(k,"stroke-dasharray",`${t} ${t}`),d(()=>j(k,"stroke-dashoffset",c())),i})()}function Z(e){const t=g(),r=o(()=>t.usedTokens/t.maxTokens),c=o(()=>D.format(r()));return n($,{get children(){return n(a,{get when(){return!e.children},get fallback(){return e.children},get children(){return n(G,{type:"button",variant:"ghost",get class(){return e.class},get children(){return[(()=>{var i=R();return s(i,c),i})(),n(Y,{})]}})}})}})}function ee(e){return n(E,{get class(){return h("min-w-60 divide-y divide-border overflow-hidden",e.class)},get children(){return e.children}})}function te(e){const t=g(),r=o(()=>t.usedTokens/t.maxTokens),c=o(()=>D.format(r())),i=o(()=>y.format(t.usedTokens)),p=o(()=>y.format(t.maxTokens)),k=o(()=>{const l=r();return l>t.dangerThreshold?"danger":l>t.warnThreshold?"warn":"ok"}),F=o(()=>{const l=k();return l==="danger"?"error":l==="warn"?"warning":"primary"});return(()=>{var l=T();return s(l,n(a,{get when(){return!e.children},get fallback(){return e.children},get children(){return[(()=>{var m=q(),C=m.firstChild,w=C.nextSibling,U=w.firstChild;return s(C,c),s(w,i,U),s(w,p,null),m})(),(()=>{var m=z();return s(m,n(H,{get value(){return t.usedTokens},get max(){return t.maxTokens},get tone(){return F()},"aria-label":"Context usage"})),m})()]}})),d(()=>f(l,h("w-full space-y-2 p-3",e.class))),l})()}function re(e){return(()=>{var t=T();return s(t,()=>e.children),d(()=>f(t,h("w-full p-3",e.class))),t})()}function ne(e){const t=g(),r=o(()=>_.format(t.estimatedCost??0));return(()=>{var c=T();return s(c,n(a,{get when(){return!e.children},get fallback(){return e.children},get children(){return[A(),(()=>{var i=S();return s(i,r),i})()]}})),d(()=>f(c,h("flex w-full items-center justify-between gap-3 bg-muted p-3 text-xs",e.class))),c})()}function x(e){return(()=>{var t=S();return s(t,(()=>{var r=P(()=>e.tokens===void 0);return()=>r()?"\u2014":y.format(e.tokens)})()),t})()}function se(e){const t=g();return n(a,{get when(){return e.children||t.inputTokens},get children(){return n(a,{get when(){return!e.children},get fallback(){return e.children},get children(){var r=J();return r.firstChild,s(r,n(x,{get tokens(){return t.inputTokens}}),null),d(()=>f(r,h("flex items-center justify-between text-xs",e.class))),r}})}})}function oe(e){const t=g();return n(a,{get when(){return e.children||t.outputTokens},get children(){return n(a,{get when(){return!e.children},get fallback(){return e.children},get children(){var r=K();return r.firstChild,s(r,n(x,{get tokens(){return t.outputTokens}}),null),d(()=>f(r,h("flex items-center justify-between text-xs",e.class))),r}})}})}function ae(e){const t=g();return n(a,{get when(){return e.children||t.reasoningTokens},get children(){return n(a,{get when(){return!e.children},get fallback(){return e.children},get children(){var r=L();return r.firstChild,s(r,n(x,{get tokens(){return t.reasoningTokens}}),null),d(()=>f(r,h("flex items-center justify-between text-xs",e.class))),r}})}})}function ue(e){const t=g();return n(a,{get when(){return e.children||t.cacheTokens},get children(){return n(a,{get when(){return!e.children},get fallback(){return e.children},get children(){var r=Q();return r.firstChild,s(r,n(x,{get tokens(){return t.cacheTokens}}),null),d(()=>f(r,h("flex items-center justify-between text-xs",e.class))),r}})}})}export{X as C,v as D,Z as a,ee as b,te as c,re as d,se as e,oe as f,ne as g,W as h,ae as i,ue as j,b as k};

package/dist/controllable-D43BKmtX.js

@@ -0,0 +1 @@
+import{g as c}from"./define-CGGX-7Vg.js";function i(t,o){const[r,n]=c(o);return[()=>t()??r(),a=>n(a)]}export{i as c};

package/dist/conversation-list-D4lLU_yS.js

@@ -0,0 +1 @@
+import{c as i,q as K,s as I,i as u,S as p,a as y,d as b,b as k,t as h,k as C,e as D,g as B,o as L,u as P,F as $,m as R}from"./define-CGGX-7Vg.js";import{c as w}from"./cn-DN5AWfiS.js";import{a as T,b as U,C as F}from"./collapsible-CPJbf6FM.js";import{B as M}from"./button-BH6rN0U-.js";import{B as H}from"./badge-BpUbq8c0.js";import{S as E}from"./scroll-area-emVmWP4K.js";import{m as G}from"./message-square-Cxnwgkns.js";import{I as J}from"./Icon-BnFKqqtY.js";var Q=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M9 3v18",key:"fh3hqa"}],["path",{d:"m14 9 3 3-3 3",key:"8010ee"}]],V=s=>i(J,K(s,{name:"PanelLeftOpen",iconNode:Q})),W=V,X=h('<span part=leading class="flex shrink-0 items-center text-muted-foreground">'),Y=h('<div part=meta class="mt-0.5 truncate text-xs text-muted-foreground">'),Z=h('<span part=menu data-kai-item-menu class="ml-auto flex shrink-0 items-center">'),_=h('<div part=row><div part=body role=button data-kai-item-body class="flex min-w-0 flex-1 cursor-pointer items-center gap-2.5 rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"><div class="min-w-0 flex-1"><div part=title>'),z=h('<span part=trailing class="ml-auto shrink-0 text-xs text-muted-foreground">'),ee=h('<div class="flex items-center gap-2.5"><span>'),te=h("<button>"),re=h('<div class="flex items-center gap-2"><div>'),ne=h("<div> messages");function oe(s,e=Date.now()){if(!s)return"";const g=Date.parse(s);if(Number.isNaN(g))return"";const l=Math.max(0,Math.round((e-g)/1e3));if(l<60)return"just now";const o=Math.floor(l/60);if(o<60)return`${o}m ago`;const v=Math.floor(o/60);return v<24?`${v}h ago`:`${Math.floor(v/24)}d ago`}function ae(s){const[e]=I(s,["conversationId","active","compact","leading","meta","menu","children","hostSemantics","onActivate","class"]);return(()=>{var g=_(),l=g.firstChild,o=l.firstChild,v=o.firstChild;return l.$$keydown=t=>{e.onActivate&&(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),e.onActivate())},l.$$click=()=>{var t;return(t=e.onActivate)==null?void 0:t.call(e)},u(l,i(p,{get when(){return e.leading},get children(){var t=X();return u(t,()=>e.leading),t}}),o),u(v,()=>e.children),u(o,i(p,{get when(){return e.meta},get children(){var t=Y();return u(t,()=>e.meta),t}}),null),u(g,i(p,{get when(){return e.menu},get children(){var t=Z();return u(t,()=>e.menu),t}}),null),y(t=>{var a=e.hostSemantics?"presentation":"listitem",n=e.active?"":void 0,f=e.conversationId,m=w("flex w-full items-center gap-2.5 rounded-lg text-left transition-colors",e.compact?"px-2.5 py-1.5":"px-2.5 py-2",e.active?"bg-muted":"hover:bg-muted/50",e.class),c=e.active?"true":"false",r=e.onActivate?0:void 0,d=w("truncate text-sm",e.active?"font-medium text-foreground":"text-foreground/80");return a!==t.e&&b(g,"role",t.e=a),n!==t.t&&b(g,"data-active",t.t=n),f!==t.a&&b(g,"data-conversation-id",t.a=f),m!==t.o&&k(g,t.o=m),c!==t.i&&b(l,"aria-current",t.i=c),r!==t.n&&b(l,"tabindex",t.n=r),d!==t.s&&k(v,t.s=d),t},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0,s:void 0}),g})()}function j(s){const[e]=I(s,["conversation","isActive","onSelect","compact","class"]),g=C(()=>e.conversation.trailing??oe(e.conversation.updatedAt??e.conversation.lastMessageAt));return(()=>{var l=te();return l.$$click=()=>e.onSelect(e.conversation.id),u(l,i(p,{get when(){return e.compact},get fallback(){return[(()=>{var o=re(),v=o.firstChild;return u(v,()=>e.conversation.title),u(o,i(p,{get when(){return g()},get children(){var t=z();return u(t,g),t}}),null),y(()=>k(v,w("min-w-0 flex-1 truncate text-sm",e.isActive?"font-medium text-foreground":"text-foreground/80"))),o})(),(()=>{var o=ne(),v=o.firstChild;return u(o,()=>e.conversation.messageCount,v),y(()=>k(o,w("mt-0.5 truncate text-xs",e.isActive?"text-foreground/70":"text-muted-foreground"))),o})()]},get children(){var o=ee(),v=o.firstChild;return u(o,i(G,{get class(){return w("size-3.5 shrink-0",e.isActive?"text-foreground":"text-muted-foreground")}}),v),u(v,()=>e.conversation.title),u(o,i(p,{get when(){return g()},get children(){var t=z();return u(t,g),t}}),null),y(()=>k(v,w("min-w-0 flex-1 truncate text-sm",e.isActive?"font-medium text-foreground":"text-foreground/80"))),o}})),y(o=>{var v=e.conversation.id,t=e.isActive?"true":void 0,a=w("w-full rounded-lg text-left transition-colors",e.compact?"px-2.5 py-1.5":"px-2.5 py-2",e.isActive?"bg-muted":"hover:bg-muted/50",e.class);return v!==o.e&&b(l,"data-conversation-id",o.e=v),t!==o.t&&b(l,"aria-current",o.t=t),a!==o.a&&k(l,o.a=a),o},{e:void 0,t:void 0,a:void 0}),l})()}D(["click","keydown"]);var ie=h('<div class="px-3 pb-2"><div class="flex items-center gap-2 rounded-md bg-surface-strong px-2.5 py-1.5"><svg width=13 height=13 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 class=text-muted-foreground><circle cx=11 cy=11 r=8></circle><line x1=21 y1=21 x2=16.65 y2=16.65></line></svg><input type=text placeholder="Search chats..."aria-label="Search chats"class="bg-transparent text-compact text-foreground placeholder:text-muted-foreground rounded-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring w-full">'),se=h('<div role=list aria-label=Conversations part=items class="space-y-0.5 py-1">'),ce=h('<div class="flex flex-1 flex-col items-center justify-center gap-1 p-6 text-center text-sm text-muted-foreground">No conversations match your search'),le=h('<div class="space-y-0.5 py-1">'),ue=h('<div class="shrink-0 border-t border-border">'),de=h("<div>"),ge=h('<svg width=16 height=16 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><line x1=3 y1=12 x2=21 y2=12></line><line x1=3 y1=6 x2=21 y2=6></line><line x1=3 y1=18 x2=21 y2=18>'),ve=h('<svg width=16 height=16 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><line x1=12 y1=5 x2=12 y2=19></line><line x1=5 y1=12 x2=19 y2=12>'),fe=h('<div class="flex items-center justify-between p-3 pb-2"><div class="flex items-center gap-2"><span class="text-sm font-semibold text-foreground">Chats'),me=h('<div class="flex flex-1 flex-col items-center justify-center gap-1 p-6 text-center text-sm text-muted-foreground">No conversations yet'),he=h('<svg width=10 height=10 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><polyline points="6 9 12 15 18 9">'),pe=h("<span>"),xe=h('<div class="pl-2 mt-0.5 space-y-0.5">');function we(s){return i(M,{variant:"ghost",size:"icon-sm","aria-label":"Open sidebar",get class(){return w("rounded-full bg-card/80 shadow-sm backdrop-blur",s.class)},get onClick(){return s.onExpand},get children(){return i(W,{class:"size-4"})}})}function A(s){const e=s.conversationId;return typeof e=="string"&&e?e:s.getAttribute("conversation-id")??s.id}function ye(s){var e;return((e=s.parentElement)==null?void 0:e.localName)!=="kai-conversations"}function be(s){const e=a=>{const n=s.getItems();return a.composedPath().find(f=>n.includes(f))},g=a=>{var n;return((n=a.shadowRoot)==null?void 0:n.querySelector("[data-kai-item-body]"))??a},l=a=>a.composedPath().some(n=>n instanceof Element&&(n.hasAttribute("data-kai-item-menu")||n.getAttribute("slot")==="menu")),o=(a,n,f)=>{a.getAttribute(n)!==f&&a.setAttribute(n,f)},v=a=>{const n=new Map;for(const f of a){const m=g(f);m===f&&f.localName.includes("-")||n.set(f,m)}return n},t=(a,n)=>{for(const[f,m]of v(a))o(m,"tabindex",f===n?"0":"-1")};return{sync:()=>{const a=s.getItems(),n=s.getActiveId(),f=v(a);let m;for(const[c,r]of f){const d=n!==void 0&&A(c)===n;r.hasAttribute("role")||r.setAttribute("role","button"),o(r,"aria-current",d?"true":"false");const x=c;x.active!==d&&(x.active=d),d&&(m=c)}t(a,m??f.keys().next().value)},handleClick(a){const n=e(a);!n||l(a)||s.onSelect(A(n))},handleKeyDown(a){const n=s.getItems();if(n.length===0)return;const f=e(a);if(a.key==="Enter"||a.key===" "){if(!f||l(a))return;a.preventDefault(),s.onSelect(A(f));return}let m;const c=f?n.indexOf(f):n.findIndex(r=>g(r).getAttribute("tabindex")==="0");a.key==="ArrowDown"?m=n[Math.min(c+1,n.length-1)]:a.key==="ArrowUp"?m=n[Math.max(c-1,0)]:a.key==="Home"?m=n[0]:a.key==="End"&&(m=n[n.length-1]),m&&(a.preventDefault(),t(n,m),g(m).focus())}}}function ke(s){const[e]=I(s,["groups","conversations","activeId","onSelect","onNewChat","onToggleSidebar","header","footer","empty","compact","onSearchChange","controllerRef","items","itemsKeyDown","itemsClick","class"]),[g,l]=B(""),o=C(()=>e.items!=null),v=C(()=>e.conversations.length===0);let t;const a=c=>{var r;l(c),(r=e.onSearchChange)==null||r.call(e,c)};L(()=>{var c;(c=e.controllerRef)==null||c.call(e,{focus:r=>t?.focus(r),clearSearch:()=>a("")})});const n=C(()=>{const c=g().toLowerCase();return c?e.conversations.filter(r=>r.title.toLowerCase().includes(c)):e.conversations}),f=C(()=>{const c=new Map;for(const r of n()){const d=r.groupId;c.has(d)||c.set(d,[]),c.get(d).push(r)}return c}),m=C(()=>{const c=new Set((e.groups??[]).map(r=>r.id));return n().filter(r=>r.groupId==null||!c.has(r.groupId))});return(()=>{var c=de();return u(c,i(p,{get when(){return e.header},get fallback(){return(()=>{var r=fe(),d=r.firstChild,x=d.firstChild;return u(d,i(M,{variant:"ghost",size:"icon-sm","aria-label":"Toggle sidebar",get onClick(){return e.onToggleSidebar},get children(){return ge()}}),x),u(r,i(M,{variant:"ghost",size:"icon-sm","aria-label":"New chat",get onClick(){return e.onNewChat},get children(){return ve()}}),null),r})()},get children(){return e.header}}),null),u(c,i(p,{get when(){return o()||!v()},get children(){var r=ie(),d=r.firstChild,x=d.firstChild,S=x.nextSibling;S.$$input=q=>a(q.currentTarget.value);var N=t;return typeof N=="function"?P(N,S):t=S,y(()=>S.value=g()),r}}),null),u(c,i(p,{get when(){return o()},get children(){return i(E,{class:"flex-1 px-2",get children(){var r=se();return r.$$click=d=>{var x;return(x=e.itemsClick)==null?void 0:x.call(e,d)},r.$$keydown=d=>{var x;return(x=e.itemsKeyDown)==null?void 0:x.call(e,d)},u(r,()=>e.items),r}})}}),null),u(c,i(p,{get when(){return R(()=>!o())()&&!v()},get fallback(){return i(p,{get when(){return!o()},get children(){return i(p,{get when(){return e.empty},get fallback(){return me()},get children(){return e.empty}})}})},get children(){return[i(p,{get when(){return n().length===0},get children(){return ce()}}),i(p,{get when(){return n().length>0},get children(){return i(E,{class:"flex-1 px-2",get children(){return[i($,{get each(){return e.groups},children:r=>{const d=C(()=>f().get(r.id)??[]);return i(p,{get when(){return d().length>0},get children(){return i(O,{get name(){return r.name},get count(){return d().length},get conversations(){return d()},get activeId(){return e.activeId},get onSelect(){return e.onSelect},get compact(){return e.compact}})}})}}),i(p,{get when(){return m().length>0},get children(){return i(p,{get when(){return e.compact},get fallback(){return i(O,{name:"Ungrouped",get count(){return m().length},get conversations(){return m()},get activeId(){return e.activeId},get onSelect(){return e.onSelect}})},get children(){var r=le();return u(r,i($,{get each(){return m()},children:d=>i(j,{conversation:d,get isActive(){return d.id===e.activeId},get onSelect(){return e.onSelect},compact:!0})})),r}})}})]}})}})]}}),null),u(c,i(p,{get when(){return e.footer},get children(){var r=ue();return u(r,()=>e.footer),r}}),null),y(()=>k(c,w("flex flex-col h-full bg-sidebar",e.class))),c})()}function O(s){const[e,g]=B(!0);return i(F,{get open(){return e()},onOpenChange:g,get children(){return[i(T,{class:"flex items-center gap-1.5 w-full px-1.5 py-1 rounded-md text-compact text-muted-foreground font-medium hover:bg-muted/30 transition-colors cursor-pointer mt-1.5",get children(){return[(()=>{var l=he();return y(()=>b(l,"class",w("transition-transform",!e()&&"-rotate-90"))),l})(),(()=>{var l=pe();return u(l,()=>s.name),l})(),i(H,{variant:"count",class:"ml-auto text-caption",get children(){return s.count}})]}}),i(U,{get children(){var l=xe();return u(l,i($,{get each(){return s.conversations},children:o=>i(j,{conversation:o,get isActive(){return o.id===s.activeId},get onSelect(){return s.onSelect},get compact(){return s.compact}})})),l}})]}})}D(["input","keydown","click"]);export{ke as C,ae as S,we as a,be as c,ye as i,A as r};

package/dist/copy-B6DO4PqB.js

@@ -0,0 +1 @@
+import{I as a}from"./Icon-BnFKqqtY.js";import{c as o,q as c}from"./define-CGGX-7Vg.js";var e=[["rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2",key:"17jyea"}],["path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",key:"zix9uf"}]],t=r=>o(a,c(r,{name:"Copy",iconNode:e})),i=t;export{i as c};