@hanzo/team 0.1.16 → 0.1.18

package/dist/assets/ModelPickerMenu-Dx9FATCv.js

@@ -1,2 +0,0 @@
-import{a as e}from"./rolldown-runtime-B0Z9INg1.js";import{D as t,Et as n,Ot as r,R as i,a,n as o,z as s}from"./react-DIaL9_ob.js";import{B as c,C as l,H as u,L as d,Q as f,V as ee,_ as p,a as m,b as h,c as te,d as g,f as _,g as v,h as ne,i as y,l as re,m as b,n as ie,o as ae,p as x,r as S,s as oe,t as C,u as se,x as ce,y as le}from"./catalog-BM2B7gTj.js";import{t as w}from"./Anchor-Avsca6-o.js";import{G as T,J as E,U as D,W as O,Y as k,at as ue,q as A,rt as j}from"./index-BSvxo5-z.js";var M=e(r(),1),N=n();function P(e,t,n,r=()=>!1){if(n<=0)return-1;let i=e=>Math.max(0,Math.min(n-1,e)),a,o;switch(e){case`ArrowDown`:a=i(t+1),o=1;break;case`ArrowUp`:a=t<0?0:i(t-1),o=-1;break;case`Home`:a=0,o=1;break;case`End`:a=n-1,o=-1;break;case`PageDown`:a=i((t<0?0:t)+10),o=1;break;case`PageUp`:a=i((t<0?0:t)-10),o=-1}for(let e of[o,-o])for(let t=a;t>=0&&t<n;t+=e)if(!r(t))return t;return-1}var F=[{id:`zen7`,owned_by:`zenlm`,family:`zen`,name:`Zen 7`,access:`research`,request:`https://hanzo.ai/research-access`,description:a(`The next open-weight generation after Zen 6, in research preview.`)}];function I(e){let t=new Set(e.map(e=>e.id));return[...e,...F.filter(e=>!t.has(e.id))]}var de=`agents:not`,L=e=>e.access!==`research`;function R(e,t,n,r=!1){let i=I(e).filter(e=>!b(e)&&v(e,t)),a=i.filter(e=>!n||m(e,n)),o=[],s=h(a).sort((e,t)=>Number(t.id===S)-Number(e.id===S)),c=new Set,l=s.filter(e=>{let t=`${g(e)}:${p(e).toLowerCase()}`;return!c.has(t)&&(c.add(t),!0)});for(let e of x(l)){o.push({kind:`group`,key:e.key,label:e.label,count:e.models.length});for(let t of e.models)o.push({kind:`model`,model:t})}if(n===`agent`){let e=h(i.filter(e=>!m(e,`agent`)&&e.access!==`research`)).map(e=>({model:e,gap:y(e)})).filter(e=>e.gap!==null&&e.gap!==`decision`&&e.gap!==`comparison`);if(e.length&&(o.push({kind:`group`,key:de,label:``,count:e.length,fold:r?`open`:`shut`}),r))for(let t of e)o.push({kind:`model`,model:t.model,gap:t.gap})}return o}var fe=e=>e.filter(e=>e.kind===`model`).length,z=(e,t)=>{let n=e[t];return n?.kind===`group`?n.fold!==void 0:n?.kind===`model`&&L(n.model)&&!n.gap};function B(e,t,n){return ce(e)&&n?n(e.id)?`pick`:`top-up`:t&&!t(e.id)?`upgrade`:`pick`}function pe(e,t,n,r,i=8){if(r<=0||n<=0)return{start:0,end:0};let a=Math.floor(Math.max(0,e)/n),o=Math.ceil((Math.max(0,e)+Math.max(0,t))/n);return{start:Math.max(0,a-i),end:Math.min(r,o+i)}}function me(e,t,n,r){let i=e*r;return i<t?i:i+r>t+n?i+r-n:null}var V=360,H=360,he=new Set([`ArrowDown`,`ArrowUp`,`Home`,`End`,`PageDown`,`PageUp`]);function U({models:e,value:n,onChange:r,onClose:a,scope:h,limits:g,loading:v,error:y,name:b,sheet:x,row:S,granted:T,onUpgrade:E,funded:D,balance:O,onTopUp:k}){let{t:A}=o(),[I,de]=(0,M.useState)(``),[H,U]=(0,M.useState)(-1),[W,G]=(0,M.useState)(0),[ge,_e]=(0,M.useState)(!1),[K,ve]=(0,M.useState)(V),ye=(0,M.useRef)(null),be=(0,M.useRef)(null),xe=(0,M.useId)(),Se=`${xe}-list`,q=e=>`${xe}-opt-${e}`,J=(0,M.useMemo)(()=>R(e,I,h,ge),[e,I,h,ge]),Y=(0,M.useMemo)(()=>fe(J),[J]),X=(0,M.useMemo)(()=>F.filter(e=>J.some(t=>t.kind===`model`&&t.model.id===e.id)),[J]),Ce=(0,M.useMemo)(()=>{let e=[],t=0;for(let n of J)e.push(n.kind===`model`?++t:0);return e},[J]),Z=(0,M.useCallback)(e=>{ye.current?.scrollTo?.({y:e,animated:!1}),G(e)},[]);(0,M.useEffect)(()=>{let t=R(e,``,h),r=t.findIndex(e=>e.kind===`model`&&e.model.id===n),i=t.findIndex((e,n)=>z(t,n)),a=r>=0?r:i;U(a);let o=a>=0?Math.max(0,a*S-K/2+S/2):0;be.current?.focus(),requestAnimationFrame(()=>Z(o))},[]);let we=(0,M.useRef)(!1);(0,M.useEffect)(()=>{if(!we.current){we.current=!0;return}U(J.findIndex((e,t)=>z(J,t))),Z(0)},[I]);let Te=(0,M.useCallback)(e=>{let t=me(e,W,K,S);t!==null&&Z(t)},[W,K,S,Z]),Q=(0,M.useCallback)(e=>{if(e?.kind===`group`){e.fold&&_e(e=>!e);return}if(e?.kind!==`model`||!L(e.model)||e.gap)return;let t=B(e.model,T,D);t===`top-up`?k?.(e.model.id):t===`upgrade`?E?.(e.model.id):r(e.model.id),a()},[r,a,T,E,D,k]),Ee=e=>{let t=e.key;if(he.has(t)){if((t===`Home`||t===`End`)&&I)return;e.preventDefault?.();let n=P(t,H,J.length,e=>!z(J,e));U(n),n>=0&&Te(n);return}if(e.key===`Enter`){e.preventDefault?.(),Q(J[H]);return}e.key===`Escape`&&(e.preventDefault?.(),a())},$=pe(W,K,S,J.length),De=J.slice($.start,$.end);return(0,N.jsxs)(s,{...d(`model-picker-body`),flex:x?1:void 0,minH:0,gap:`$1`,children:[(0,N.jsxs)(i,{...d(`model-picker-search`),height:x?40:32,px:`$2`,gap:`$2`,items:`center`,rounded:`$2`,borderWidth:1,borderColor:`$rim`,bg:`$background`,focusWithinStyle:{borderColor:`$outlineColor`},children:[(0,N.jsx)(j,{size:14,color:`$soft`,"aria-hidden":!0}),(0,N.jsx)(u,{ref:be,...d(`model-picker-input`),unstyled:!0,flex:1,minW:0,height:x?38:30,p:0,borderWidth:0,bg:`transparent`,fontSize:x?`$3`:`$2`,color:`$ink`,placeholderTextColor:`$placeholderColor`,placeholder:A(`Search models`),value:I,onChangeText:de,role:`combobox`,"aria-label":A(`Search models`),"aria-expanded":!0,"aria-controls":Se,"aria-autocomplete":`list`,"aria-activedescendant":H>=0&&J[H]?q(H):void 0,autoComplete:`off`,spellCheck:!1,onKeyDown:Ee}),(0,N.jsx)(t,{...d(`model-picker-count`),size:`$1`,color:`$soft`,shrink:0,"aria-live":`polite`,children:v&&!e.length?A(`Loading`):A(Y===1?`{n} model`:`{n} models`,{n:Y})})]}),y?(0,N.jsx)(i,{...d(`model-picker-error`),px:`$2`,py:`$1.5`,role:`alert`,children:(0,N.jsx)(t,{size:`$2`,color:`$bad`,children:y})}):null,(0,N.jsxs)(f,{ref:ye,height:x?void 0:Math.min(V,Math.max(S*3,J.length*S)),flex:x?1:void 0,showsVerticalScrollIndicator:!0,scrollEventThrottle:16,onScroll:e=>G(e.nativeEvent?.contentOffset?.y??0),onLayout:e=>{let t=e.nativeEvent?.layout?.height;t&&ve(t)},children:[(0,N.jsxs)(s,{...d(`model-picker-list`),id:Se,role:`listbox`,"aria-label":b,height:J.length*S,children:[(0,N.jsx)(s,{height:$.start*S}),De.map((r,a)=>{let o=$.start+a;if(r.kind===`group`&&r.fold)return(0,N.jsxs)(i,{...d(`model-picker-fold`),id:q(o),role:`button`,"aria-expanded":r.fold===`open`,"aria-label":A(`Not available for agents`),height:S,px:`$2`,gap:`$2`,items:`center`,rounded:`$2`,cursor:`pointer`,bg:o===H?`$raised`:`transparent`,focusVisibleStyle:l,onHoverIn:()=>U(o),onPress:()=>Q(r),children:[r.fold===`open`?(0,N.jsx)(ue,{size:14,color:`$soft`,"aria-hidden":!0}):(0,N.jsx)(c,{size:14,color:`$soft`,"aria-hidden":!0}),(0,N.jsx)(t,{size:`$1`,color:`$soft`,fontWeight:`600`,numberOfLines:1,flex:1,children:A(`Not available for agents`)}),(0,N.jsx)(t,{size:`$1`,color:`$soft`,fontVariant:[`tabular-nums`],children:r.count})]},r.key);if(r.kind===`group`)return(0,N.jsxs)(i,{...d(`model-picker-group`),role:`presentation`,height:S,px:`$2`,gap:`$2`,items:`flex-end`,pb:`$1.5`,children:[(0,N.jsx)(t,{size:`$1`,color:`$soft`,fontWeight:`600`,numberOfLines:1,flex:1,children:r.label}),(0,N.jsx)(t,{size:`$1`,color:`$soft`,fontVariant:[`tabular-nums`],children:r.count})]},r.key);let s=r.model,u=!L(s),f=r.gap,v=!u&&!f&&ne(s,g),y=u||f?`pick`:B(s,T,D),b=y===`upgrade`,w=y===`top-up`,E=s.id===n,O=ce(s)?re(s.pricing?.input_per_million,A):``,k=[te(s.context_window),O&&s.pricing?.input_per_million?A(`{price} / 1M`,{price:O}):``].filter(Boolean).join(` · `),j=p(s),M=h||m(s,`chat`)?null:ae(s)[0],P=le(s,e),F=oe(s,A);return(0,N.jsxs)(i,{...d(`model-picker-option`),id:q(o),role:`option`,"aria-selected":E,"aria-disabled":u||f!==void 0||void 0,"aria-setsize":Y,"aria-posinset":Ce[o],"aria-label":u?A(`{model}, {group}, research preview`,{model:j,group:_(s)}):f?A(`{model}, {group}, not available for agents: {why}`,{model:j,group:_(s),why:A(C[f])}):A(w?`{model}, {group}, top up to use`:v?`{model}, {group}, paused`:`{model}, {group}`,{model:j,group:_(s)}),"data-model":s.id,"data-class":s.class,"data-paused":v||void 0,height:S,px:`$2`,gap:`$2`,items:`center`,rounded:`$2`,cursor:u||f?`default`:`pointer`,bg:o===H?`$raised`:`transparent`,onHoverIn:()=>U(o),onPress:()=>Q(r),children:[(0,N.jsx)(ee,{size:14,color:`$ink`,shrink:0,opacity:+!!E,"aria-hidden":!0}),(0,N.jsx)(t,{size:x?`$3`:`$2`,color:`$ink`,opacity:u||f?.5:1,numberOfLines:1,flex:1,minW:0,children:j}),s.class===`premium`?(0,N.jsx)(t,{size:`$1`,color:`$soft`,shrink:0,"aria-hidden":!0,children:`✦`}):null,u||f||b||w||v||P||F||M||k?(0,N.jsx)(t,{size:`$1`,color:`$soft`,shrink:0,maxW:`60%`,numberOfLines:1,fontVariant:[`tabular-nums`],children:u?A(`Research preview`):f?A(C[f]):w?k?`${A(`Top up`)} · ${k}`:A(`Top up`):b?A(`Upgrade`):v?A(`Paused`):P?se(P,A):F||(M?A(ie[M]):k)}):null]},s.id)})]}),J.length===0&&!y?(0,N.jsx)(i,{...d(`model-picker-empty`),px:`$2`,py:`$2`,role:`status`,children:(0,N.jsx)(t,{size:`$2`,color:`$soft`,children:v?A(`Loading models…`):I?A(`No models match “{query}”.`,{query:I}):A(`No models to choose from.`)})}):null]}),O!==void 0||k?(0,N.jsxs)(i,{...d(`model-picker-balance`),px:`$2`,py:`$1.5`,gap:`$2`,items:`center`,justify:`space-between`,children:[(0,N.jsx)(t,{size:`$1`,color:`$soft`,numberOfLines:1,flex:1,minW:0,children:O===void 0?``:A(`Balance {amount}`,{amount:O})}),k?(0,N.jsx)(i,{render:`button`,role:`button`,"aria-label":A(`Top up`),cursor:`pointer`,rounded:`$2`,px:`$1.5`,focusVisibleStyle:l,onPress:()=>{k(),a()},children:(0,N.jsx)(t,{size:`$1`,color:`$ink`,textDecorationLine:`underline`,children:A(`Top up`)})}):null]}):null,X.length?(0,N.jsxs)(i,{...d(`model-picker-research`),px:`$2`,py:`$1.5`,gap:`$1.5`,items:`center`,flexWrap:`wrap`,children:[(0,N.jsx)(t,{size:`$1`,color:`$soft`,children:X.length===1?A(`{models} is in research preview.`,{models:X.map(p).join(`, `)}):A(`{models} are in research preview.`,{models:X.map(p).join(`, `)})}),(0,N.jsx)(w,{href:X[0].request,target:`_blank`,rel:`noopener noreferrer`,size:`$1`,color:`$ink`,textDecorationLine:`underline`,children:A(`Request access`)})]}):null]})}function W({trigger:e,open:t,onOpen:n,disabled:r,width:i,focusTrigger:a,...o}){let s=t?(0,N.jsx)(U,{...o}):null;return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsxs)(A,{open:t&&!o.sheet,onOpenChange:e=>e?n():o.onClose(),placement:`bottom-start`,allowFlip:!0,stayInFrame:!0,children:[(0,N.jsx)(k,{asChild:!0,disabled:r,children:e}),o.sheet?null:(0,N.jsx)(E,{...d(`model-picker-panel`),sideOffset:6,width:Math.max(i,H),maxW:`92vw`,p:`$1.5`,items:`stretch`,trapFocus:!0,onOpenAutoFocus:e=>e.preventDefault(),onCloseAutoFocus:e=>{e.preventDefault(),a()},children:s})]}),o.sheet?(0,N.jsx)(D,{open:t,onOpenChange:e=>e?n():o.onClose(),children:(0,N.jsxs)(O,{...d(`model-picker-sheet`),side:`bottom`,height:`85%`,maxH:`85%`,p:`$3`,gap:`$2`,onOpenAutoFocus:e=>e.preventDefault(),children:[(0,N.jsx)(T,{size:`$4`,children:o.name}),s]})}):null]})}export{W as ModelPickerMenu,W as default};
-//# sourceMappingURL=ModelPickerMenu-Dx9FATCv.js.map