@pstdio/ui 0.0.3 → 0.1.0

package/storybook-static/assets/button.stories-BMVbbb4y.js

@@ -1,72 +0,0 @@
-import{j as a}from"./iframe-B8FSoBNY.js";import{B as t}from"./button-C7it2n8t.js";import{H as l}from"./h-stack-DWHd8f97.js";import{I as r}from"./icon-button-DHiUe7rR.js";import{I as n}from"./icon-C8FN9JqD.js";import{c as p}from"./createLucideIcon-CcBBUKX8.js";import{S as m}from"./settings-DUgg22A7.js";import{T as b}from"./trash-2-BO05slEk.js";import{S as d}from"./stack-CN4X31TA.js";import{T as c}from"./index-cFwdnc0b.js";import{S as g}from"./simple-grid-DIKjhnVI.js";import{B as x}from"./index-B0y2_lLF.js";import"./preload-helper-PPVm8Dsz.js";import"./factory-DAJZwK4o.js";import"./create-recipe-context-BU56IzEo.js";import"./spinner-ZYH_gvW-.js";import"./index-CXwl6T4k.js";import"./grid-7OIKBlfh.js";const S=[["path",{d:"M12 15V3",key:"m9g1x1"}],["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}],["path",{d:"m7 10 5 5 5-5",key:"brsn70"}]],u=p("download",S);const h=[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"M12 5v14",key:"s699le"}]],v=p("plus",h),z=[{label:"Primary",description:"Brand action style using accent tokens.",variant:"primary"},{label:"Solid",description:"Primary calls to action.",variant:"solid"},{label:"Surface",description:"Secondary surfaces with borders.",variant:"surface"},{label:"Outline",description:"Neutral outlines for quiet actions.",variant:"outline"},{label:"Ghost",description:"Low emphasis actions in dense UI.",variant:"ghost"},{label:"Subtle",description:"Low-contrast background actions.",variant:"subtle"},{label:"Plain",description:"Inline link-style actions.",variant:"plain"}],j=[{label:"Small",helper:"Dense toolbars and tables.",size:"sm"},{label:"Medium",helper:"Default buttons across the app.",size:"md"},{label:"Large",helper:"Primary CTAs in dialogs.",size:"lg"},{label:"2XL",helper:"Hero CTAs on landing surfaces.",size:"2xl"}],A={title:"Components/Button",component:t,decorators:[e=>a.jsx(x,{padding:"sm",background:"bg",children:a.jsx(e,{})})]},o={render:()=>a.jsx(g,{columns:{base:1,lg:2},gap:"md",children:z.map(e=>a.jsx(x,{borderWidth:"1px",borderColor:"border.muted",borderRadius:"md",background:"bg",padding:"md",children:a.jsxs(d,{gap:"sm",children:[a.jsxs(d,{gap:"xs",children:[a.jsx(c,{textStyle:"label/L/medium",children:e.label}),a.jsx(c,{textStyle:"label/XS",color:"fg.muted",children:e.description})]}),a.jsxs(l,{gap:"sm",flexWrap:"wrap",children:[a.jsx(t,{variant:e.variant,children:"Run action"}),a.jsx(t,{variant:e.variant,loading:!0,children:"Loading"}),a.jsx(t,{variant:e.variant,disabled:!0,children:"Disabled"})]})]})},e.label))})},i={render:()=>a.jsx(d,{gap:"lg",children:j.map(e=>a.jsxs(l,{alignItems:"center",justifyContent:"space-between",flexWrap:"wrap",gap:"md",padding:"md",borderWidth:"1px",borderColor:"border.muted",borderRadius:"md",background:"bg",children:[a.jsxs(d,{gap:"xs",minWidth:"12rem",children:[a.jsx(c,{textStyle:"label/L/medium",children:e.label}),a.jsx(c,{textStyle:"label/XS",color:"fg.muted",children:e.helper})]}),a.jsxs(l,{gap:"sm",flexWrap:"wrap",children:[a.jsx(t,{size:e.size,variant:"solid",children:"Create new"}),a.jsx(t,{size:e.size,variant:"outline",children:"Secondary"}),a.jsxs(t,{size:e.size,variant:"ghost",children:[a.jsx(n,{as:u,boxSize:"16px"}),"Export"]}),a.jsx(r,{size:e.size,variant:"ghost","aria-label":"Settings",children:a.jsx(n,{as:m,boxSize:"16px"})}),a.jsx(r,{size:e.size,variant:"outline","aria-label":"Delete",children:a.jsx(n,{as:b,boxSize:"16px"})})]})]},e.label))})},s={render:()=>a.jsxs(l,{gap:"sm",flexWrap:"wrap",padding:"md",borderWidth:"1px",borderColor:"border.muted",borderRadius:"md",children:[a.jsx(r,{variant:"solid","aria-label":"Add",children:a.jsx(n,{as:v,boxSize:"icon-sm"})}),a.jsx(r,{variant:"surface","aria-label":"Settings",children:a.jsx(n,{as:m,boxSize:"16px"})}),a.jsx(r,{variant:"outline","aria-label":"Download",children:a.jsx(n,{as:u,boxSize:"16px"})}),a.jsx(r,{variant:"ghost","aria-label":"Delete",children:a.jsx(n,{as:b,boxSize:"16px"})})]})};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
-  render: () => <SimpleGrid columns={{
-    base: 1,
-    lg: 2
-  }} gap="md">
-      {buttonVariants.map(variant => <Box key={variant.label} borderWidth="1px" borderColor="border.muted" borderRadius="md" background="bg" padding="md">
-          <Stack gap="sm">
-            <Stack gap="xs">
-              <Text textStyle="label/L/medium">{variant.label}</Text>
-              <Text textStyle="label/XS" color="fg.muted">
-                {variant.description}
-              </Text>
-            </Stack>
-
-            <HStack gap="sm" flexWrap="wrap">
-              <Button variant={variant.variant as ButtonProps["variant"]}>Run action</Button>
-              <Button variant={variant.variant as ButtonProps["variant"]} loading>
-                Loading
-              </Button>
-              <Button variant={variant.variant as ButtonProps["variant"]} disabled>
-                Disabled
-              </Button>
-            </HStack>
-          </Stack>
-        </Box>)}
-    </SimpleGrid>
-}`,...o.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
-  render: () => <Stack gap="lg">
-      {buttonSizes.map(size => <HStack key={size.label} alignItems="center" justifyContent="space-between" flexWrap="wrap" gap="md" padding="md" borderWidth="1px" borderColor="border.muted" borderRadius="md" background="bg">
-          <Stack gap="xs" minWidth="12rem">
-            <Text textStyle="label/L/medium">{size.label}</Text>
-            <Text textStyle="label/XS" color="fg.muted">
-              {size.helper}
-            </Text>
-          </Stack>
-
-          <HStack gap="sm" flexWrap="wrap">
-            <Button size={size.size} variant="solid">
-              Create new
-            </Button>
-            <Button size={size.size} variant="outline">
-              Secondary
-            </Button>
-            <Button size={size.size} variant="ghost">
-              <Icon as={Download} boxSize="16px" />
-              Export
-            </Button>
-            <IconButton size={size.size} variant="ghost" aria-label="Settings">
-              <Icon as={Settings} boxSize="16px" />
-            </IconButton>
-            <IconButton size={size.size} variant="outline" aria-label="Delete">
-              <Icon as={Trash2} boxSize="16px" />
-            </IconButton>
-          </HStack>
-        </HStack>)}
-    </Stack>
-}`,...i.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
-  render: () => <HStack gap="sm" flexWrap="wrap" padding="md" borderWidth="1px" borderColor="border.muted" borderRadius="md">
-      <IconButton variant="solid" aria-label="Add">
-        <Icon as={Plus} boxSize="icon-sm" />
-      </IconButton>
-      <IconButton variant="surface" aria-label="Settings">
-        <Icon as={Settings} boxSize="16px" />
-      </IconButton>
-      <IconButton variant="outline" aria-label="Download">
-        <Icon as={Download} boxSize="16px" />
-      </IconButton>
-      <IconButton variant="ghost" aria-label="Delete">
-        <Icon as={Trash2} boxSize="16px" />
-      </IconButton>
-    </HStack>
-}`,...s.parameters?.docs?.source}}};const E=["Variants","Sizes","IconOnly"];export{s as IconOnly,i as Sizes,o as Variants,E as __namedExportsOrder,A as default};

package/storybook-static/assets/chat-input-B-915nCM.js

@@ -1 +0,0 @@
-import{j as r,r as E}from"./iframe-B8FSoBNY.js";import{c as ne}from"./compiler-runtime-BXE7OOXE.js";import"./collaborative-markdown-editor-Bj0GvTvv.js";import"./markdown-editor-Y4eMsgVb.js";import{K as ce,a as ee,P as de}from"./prompt-input-BLCttowi.js";import"./rich-message-BIkzo1SM.js";import"./CodeBlockPlugin-C3OWpvP8.js";import{I as me}from"./icon-button-DHiUe7rR.js";import{c as ie}from"./createLucideIcon-CcBBUKX8.js";import{P as ue}from"./portal-CZHfPTRw.js";import{T as pe,a as fe,b as he,c as ge}from"./tooltip-C_a-XGZ8.js";import{T as be}from"./index-cFwdnc0b.js";import{S as xe}from"./resource-badge-Bw5UoU4J.js";import{H as ye}from"./h-stack-DWHd8f97.js";import{F as Se}from"./flex-DAJL4AFZ.js";import{B as Te}from"./index-B0y2_lLF.js";const _e=[["path",{d:"m5 12 7-7 7 7",key:"hav0vg"}],["path",{d:"M12 19V5",key:"x0mq9r"}]],ve=ie("arrow-up",_e);const je=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}]],Ce=ie("square",je),ae=d=>{const e=ne.c(22);let t,l,a,s;e[0]!==d?({title:s,shortcut:a,canInterrupt:t,...l}=d,e[0]=d,e[1]=t,e[2]=l,e[3]=a,e[4]=s):(t=e[1],l=e[2],a=e[3],s=e[4]);const p=l["aria-label"]??s;let f;e[5]!==t?(f=t?r.jsx(Ce,{size:16,strokeWidth:2,fill:"currentColor"}):r.jsx(ve,{size:16,strokeWidth:2}),e[5]=t,e[6]=f):f=e[6];const y=f;let n;e[7]!==p||e[8]!==y||e[9]!==l||e[10]!==s?(n=r.jsx(me,{size:"sm",variant:"solid",borderRadius:"full",colorPalette:"primary","aria-label":p,title:s,...l,children:y}),e[7]=p,e[8]=y,e[9]=l,e[10]=s,e[11]=n):n=e[11];const m=n;if(s){let h;e[12]!==a||e[13]!==s?(h=a?r.jsxs(r.Fragment,{children:[s," ",r.jsx(ce,{fontSize:"xs",children:a})]}):s,e[12]=a,e[13]=s,e[14]=h):h=e[14];const g=h;let c;e[15]!==m?(c=r.jsx(pe,{asChild:!0,children:m}),e[15]=m,e[16]=c):c=e[16];let o;e[17]!==g?(o=r.jsx(ue,{children:r.jsx(fe,{children:r.jsx(he,{children:g})})}),e[17]=g,e[18]=o):o=e[18];let u;return e[19]!==c||e[20]!==o?(u=r.jsxs(ge,{closeDelay:50,openDelay:100,children:[c,o]}),e[19]=c,e[20]=o,e[21]=u):u=e[21],u}return m};ae.__docgenInfo={description:"",methods:[],displayName:"SendButton",props:{shortcut:{required:!1,tsType:{name:"string"},description:""},title:{required:!1,tsType:{name:"string"},description:""},canInterrupt:{required:!0,tsType:{name:"boolean"},description:""}},composes:["IconButtonProps"]};const qe=d=>{const e=ne.c(60),{defaultState:t,onSubmit:l,onInterrupt:a,streaming:s,attachedResources:p,onClearAttachments:f,isDisabled:y,onChange:n,placeholder:m,attachmentList:h,actions:g}=d,c=l===void 0?we:l,o=s===void 0?!1:s;let u;e[0]!==p?(u=p===void 0?[]:p,e[0]=p,e[1]=u):u=e[1];const M=u,b=y===void 0?!1:y,[W,te]=E.useState(!1),[H,re]=E.useState(t),[$,oe]=E.useState(0);let R;e[2]!==t?(R=()=>ee(t),e[2]=t,e[3]=R):R=e[3];const[S,U]=E.useState(R),se=E.useRef(null);let k,B;e[4]!==t||e[5]!==n?(k=()=>{const i=ee(t);re(t),oe(Ie),U(i),n?.(i)},B=[t,n],e[4]=t,e[5]=n,e[6]=k,e[7]=B):(k=e[6],B=e[7]),E.useEffect(k,B);let N;e[8]===Symbol.for("react.memo_cache_sentinel")?(N=()=>{te(!0);const i=se.current?.querySelector('[contenteditable="true"]');i instanceof HTMLElement&&i.focus()},e[8]=N):N=e[8];const le=N;let P;e[9]!==t||e[10]!==n?(P=()=>{re(t),oe(Ee);const i=ee(t);U(i),n?.(i)},e[9]=t,e[10]=n,e[11]=P):P=e[11];const V=P;let z;e[12]!==M||e[13]!==b||e[14]!==f||e[15]!==a||e[16]!==c||e[17]!==V||e[18]!==o||e[19]!==S?(z=()=>{if(b)return;if(o){a?.();return}const i=S.trim();i&&(c(i,M),V(),f?.())},e[12]=M,e[13]=b,e[14]=f,e[15]=a,e[16]=c,e[17]=V,e[18]=o,e[19]=S,e[20]=z):z=e[20];const T=z,x=o&&!!a;let A;e[21]!==m?(A=m?r.jsx(be,{textStyle:"label/M/regular",color:"fg.subtle",pointerEvents:"none",position:"absolute",top:"0",children:m}):void 0,e[21]=m,e[22]=A):A=e[22];const X=A,Y=W?"blue.border":"border.muted",G=W?"mid":"low",J=W?"blue.border":"border";let _;e[23]!==J?(_={borderColor:J,boxShadow:"mid"},e[23]=J,e[24]=_):_=e[24];let D;e[25]===Symbol.for("react.memo_cache_sentinel")?(D={borderColor:"blue.border",boxShadow:"mid"},e[25]=D):D=e[25];let L;e[26]===Symbol.for("react.memo_cache_sentinel")?(L=()=>te(!1),e[26]=L):L=e[26];const O=!b;let v;e[27]!==n?(v=i=>{U(i),n?.(i)},e[27]=n,e[28]=v):v=e[28];let j;e[29]!==$||e[30]!==H||e[31]!==T||e[32]!==X||e[33]!==O||e[34]!==v?(j=r.jsx(de,{defaultState:H,isEditable:O,placeholder:X,onChange:v,onSubmit:T},$),e[29]=$,e[30]=H,e[31]=T,e[32]=X,e[33]=O,e[34]=v,e[35]=j):j=e[35];let F;e[36]===Symbol.for("react.memo_cache_sentinel")?(F=r.jsx(xe,{}),e[36]=F):F=e[36];const Q=x?"Stop Response":"Message Sending",Z=o?void 0:"Enter";let C;e[37]!==x||e[38]!==b||e[39]!==o||e[40]!==S?(C=o&&!x||!o&&!S.trim()||b,e[37]=x,e[38]=b,e[39]=o,e[40]=S,e[41]=C):C=e[41];let q;e[42]!==x||e[43]!==T||e[44]!==Q||e[45]!==Z||e[46]!==C?(q=r.jsx(ae,{canInterrupt:x,title:Q,shortcut:Z,onClick:T,disabled:C}),e[42]=x,e[43]=T,e[44]=Q,e[45]=Z,e[46]=C,e[47]=q):q=e[47];let w;e[48]!==g||e[49]!==q?(w=r.jsxs(ye,{gap:"1",mt:"md",children:[g,F,q]}),e[48]=g,e[49]=q,e[50]=w):w=e[50];let I;e[51]!==h||e[52]!==j||e[53]!==w?(I=r.jsxs(Se,{direction:"column",color:"fg",children:[h,j,w]}),e[51]=h,e[52]=j,e[53]=w,e[54]=I):I=e[54];let K;return e[55]!==Y||e[56]!==G||e[57]!==_||e[58]!==I?(K=r.jsx(Te,{ref:se,width:"100%",paddingX:"lg",paddingY:"md",bg:"bg",borderRadius:"md",borderWidth:"1px",borderStyle:"solid",borderColor:Y,boxShadow:G,transition:"box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out",_hover:_,_focusWithin:D,onClick:le,onBlur:L,children:I}),e[55]=Y,e[56]=G,e[57]=_,e[58]=I,e[59]=K):K=e[59],K};qe.__docgenInfo={description:"",methods:[],displayName:"ChatInput",props:{defaultState:{required:!0,tsType:{name:"string"},description:""},placeholder:{required:!1,tsType:{name:"string"},description:""},onSubmit:{required:!1,tsType:{name:"signature",type:"function",raw:"(text: string, attachments: string[]) => void",signature:{arguments:[{type:{name:"string"},name:"text"},{type:{name:"Array",elements:[{name:"string"}],raw:"string[]"},name:"attachments"}],return:{name:"void"}}},description:""},onInterrupt:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},streaming:{required:!1,tsType:{name:"boolean"},description:""},attachedResources:{required:!1,tsType:{name:"Array",elements:[{name:"string"}],raw:"string[]"},description:""},onClearAttachments:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},isDisabled:{required:!1,tsType:{name:"boolean"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(text: string) => void",signature:{arguments:[{type:{name:"string"},name:"text"}],return:{name:"void"}}},description:""},attachmentList:{required:!1,tsType:{name:"ReactNode"},description:""},actions:{required:!1,tsType:{name:"ReactNode"},description:""}}};function we(){}function Ie(d){return d+1}function Ee(d){return d+1}export{qe as C};

package/storybook-static/assets/chat-input.stories-DrxvpT9p.js

@@ -1,32 +0,0 @@
-import{j as u,r as $}from"./iframe-B8FSoBNY.js";import{c as y}from"./compiler-runtime-BXE7OOXE.js";import{A as w}from"./attachment-list-1p1601I5.js";import{C as f}from"./chat-input-B-915nCM.js";import"./preload-helper-PPVm8Dsz.js";import"./resource-badge-Bw5UoU4J.js";import"./createLucideIcon-CcBBUKX8.js";import"./file-text-D5m8MJlG.js";import"./tooltip-DZxUoouw.js";import"./portal-CZHfPTRw.js";import"./index-DaXC_qY_.js";import"./index-DpB4ozcR.js";import"./normalize-props-D7NI5JRu.js";import"./factory-BR3bc_RM.js";import"./tooltip-C_a-XGZ8.js";import"./create-slot-recipe-context-DAhDE6G_.js";import"./factory-DAJZwK4o.js";import"./create-recipe-context-BU56IzEo.js";import"./use-presence-context-DK2PGZth.js";import"./create-split-props-u5h9OPvL.js";import"./computed-style-C0hzrq9-.js";import"./overflow-CkG1DOya.js";import"./index-cFwdnc0b.js";import"./icon-button-DHiUe7rR.js";import"./button-C7it2n8t.js";import"./spinner-ZYH_gvW-.js";import"./index-CXwl6T4k.js";import"./x-D42ziktz.js";import"./stack-CN4X31TA.js";import"./collaborative-markdown-editor-Bj0GvTvv.js";import"./rich-text-theme-Bkhh9rAZ.js";import"./flex-DAJL4AFZ.js";import"./CodeBlockPlugin-C3OWpvP8.js";import"./index-B0y2_lLF.js";import"./textarea-rqmaWSc5.js";import"./use-field-context-DoxKQlMm.js";import"./table-BKNSzs2r.js";import"./FloatingTextFormatToolbarPlugin-B6jc8xvg.js";import"./markdown-editor-Y4eMsgVb.js";import"./LexicalHistoryPlugin.prod-BQAibkDj.js";import"./TreeViewPlugin-CyVKCrKJ.js";import"./markdown-BLUemkxK.js";import"./prompt-input-BLCttowi.js";import"./rich-message-BIkzo1SM.js";import"./h-stack-DWHd8f97.js";const xt={title:"Chat UI/Chat Input",component:f,parameters:{layout:"centered",actions:{argTypesRegex:"^on(?!Change)[A-Z].*"}}},g=JSON.stringify({root:{children:[{children:[{detail:0,format:0,mode:"normal",style:"",text:"",type:"text",version:1}],direction:"ltr",format:"",indent:0,type:"paragraph",version:1}],direction:"ltr",format:"",indent:0,type:"root",version:1}},null,2),p={args:{defaultState:g,placeholder:"Ask me something...",onSubmit:(e,t)=>{console.log("Submitted text:",e),t.length>0&&console.log("Submitted attachments:",t),alert(`Submitted: ${e}${t.length>0?` with ${t.length} attachments`:""}`)}}};function C(e){const t=y.c(16);let o,a,r;t[0]!==e?({attachedResources:r,onClearAttachments:o,...a}=e,t[0]=e,t[1]=o,t[2]=a,t[3]=r):(o=t[1],a=t[2],r=t[3]);let i;t[4]!==r?(i=r===void 0?[]:r,t[4]=r,t[5]=i):i=t[5];const x=i,[n,S]=$.useState(x);let m;t[6]===Symbol.for("react.memo_cache_sentinel")?(m=b=>{S(A=>A.filter(R=>R!==b))},t[6]=m):m=t[6];let c;t[7]!==n?(c=u.jsx(w,{attachments:n,onSelect:v,onRemove:m}),t[7]=n,t[8]=c):c=t[8];const d=c;let s;t[9]!==o?(s=()=>{S([]),o?.()},t[9]=o,t[10]=s):s=t[10];let l;return t[11]!==n||t[12]!==d||t[13]!==a||t[14]!==s?(l=u.jsx(f,{...a,attachedResources:n,attachmentList:d,onClearAttachments:s}),t[11]=n,t[12]=d,t[13]=a,t[14]=s,t[15]=l):l=t[15],l}function v(e){return console.log("Selected:",e)}const h={render:e=>{const t={...e??{},defaultState:e?.defaultState??g,attachedResources:e?.attachedResources??[]};return u.jsx(C,{...t})},args:{defaultState:g,placeholder:"Summarize the attached files...",attachedResources:["workspace/customer-data.csv","workspace/analysis-report.md"],onSubmit:(e,t)=>{console.log("Submitted text:",e),console.log("Submitted attachments:",t),alert(`Submitted: ${e}${t.length>0?` with ${t.length} attachments`:""}`)}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
-  args: {
-    defaultState: initialState,
-    placeholder: "Ask me something...",
-    onSubmit: (text: string, attachments: string[]) => {
-      console.log("Submitted text:", text);
-      if (attachments.length > 0) {
-        console.log("Submitted attachments:", attachments);
-      }
-      alert(\`Submitted: \${text}\${attachments.length > 0 ? \` with \${attachments.length} attachments\` : ""}\`);
-    }
-  }
-}`,...p.parameters?.docs?.source}}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const rendererArgs: ChatInputProps = {
-      ...(args ?? {}),
-      defaultState: args?.defaultState ?? initialState,
-      attachedResources: args?.attachedResources ?? []
-    };
-    return <WithAttachmentsRenderer {...rendererArgs} />;
-  },
-  args: {
-    defaultState: initialState,
-    placeholder: "Summarize the attached files...",
-    attachedResources: ["workspace/customer-data.csv", "workspace/analysis-report.md"],
-    onSubmit: (text: string, attachments: string[]) => {
-      console.log("Submitted text:", text);
-      console.log("Submitted attachments:", attachments);
-      alert(\`Submitted: \${text}\${attachments.length > 0 ? \` with \${attachments.length} attachments\` : ""}\`);
-    }
-  }
-}`,...h.parameters?.docs?.source}}};const bt=["Default","WithAttachments"];export{p as Default,h as WithAttachments,bt as __namedExportsOrder,xt as default};

package/storybook-static/assets/chat-panel.stories-D0L6eIte.js

@@ -1,96 +0,0 @@
-import{r as P,j as n}from"./iframe-B8FSoBNY.js";import{c as V}from"./compiler-runtime-BXE7OOXE.js";import{r as ne}from"./full-conversation-normalized-LUbl1coD.js";import{E as ae}from"./empty-state-BXkyq69k.js";import"./collaborative-markdown-editor-Bj0GvTvv.js";import"./markdown-editor-Y4eMsgVb.js";import{g as se}from"./prompt-input-BLCttowi.js";import"./rich-message-BIkzo1SM.js";import"./CodeBlockPlugin-C3OWpvP8.js";import{u as ie,C as L}from"./ai-conversation-DcjS--ee.js";import{C as Y}from"./ai-message-DLdAGhWH.js";import{C as oe}from"./chat-input-B-915nCM.js";import{m as ue,g as le,M as me}from"./message-types-CEyA7Qm7.js";import{S as pe}from"./stack-CN4X31TA.js";import{c as ce}from"./createLucideIcon-CcBBUKX8.js";import{F as Q}from"./flex-DAJL4AFZ.js";import{B as D}from"./index-B0y2_lLF.js";import{H as te}from"./h-stack-DWHd8f97.js";import{T as de}from"./index-cFwdnc0b.js";import{B as U}from"./button-C7it2n8t.js";import"./preload-helper-PPVm8Dsz.js";import"./v-stack-Btoq6OB_.js";import"./create-slot-recipe-context-DAhDE6G_.js";import"./factory-DAJZwK4o.js";import"./create-recipe-context-BU56IzEo.js";import"./rich-text-theme-Bkhh9rAZ.js";import"./index-DaXC_qY_.js";import"./index-DpB4ozcR.js";import"./FloatingTextFormatToolbarPlugin-B6jc8xvg.js";import"./resource-badge-Bw5UoU4J.js";import"./file-text-D5m8MJlG.js";import"./tooltip-DZxUoouw.js";import"./portal-CZHfPTRw.js";import"./normalize-props-D7NI5JRu.js";import"./factory-BR3bc_RM.js";import"./tooltip-C_a-XGZ8.js";import"./use-presence-context-DK2PGZth.js";import"./create-split-props-u5h9OPvL.js";import"./computed-style-C0hzrq9-.js";import"./overflow-CkG1DOya.js";import"./icon-button-DHiUe7rR.js";import"./x-D42ziktz.js";import"./LexicalHistoryPlugin.prod-BQAibkDj.js";import"./TreeViewPlugin-CyVKCrKJ.js";import"./markdown-BLUemkxK.js";import"./textarea-rqmaWSc5.js";import"./use-field-context-DoxKQlMm.js";import"./table-BKNSzs2r.js";import"./ai-response-ySM6s0iN.js";import"./tool-invocation-timeline-B-cS0W6M.js";import"./trash-2-BO05slEk.js";import"./index-CXwl6T4k.js";import"./spinner-ZYH_gvW-.js";import"./mutation-observer-CAfGweIM.js";import"./link-DE5grRtm.js";import"./diff-bubble-_zZypMRt.js";import"./diff-editor-DV9BXqbn.js";const ge=[["path",{d:"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719",key:"1sd12s"}]],ye=ce("message-circle",ge),fe=(t="")=>JSON.stringify(se(t)),ve=t=>{const{previousUserMessageCount:e,userMessageCount:r}=t;return e===0?!1:r>e};function he(t){const e=V.c(4),{userMessageCount:r}=t,{scrollToBottom:o}=ie(),a=P.useRef(r);let s,i;return e[0]!==o||e[1]!==r?(s=()=>{ve({previousUserMessageCount:a.current,userMessageCount:r})&&o(),a.current=r},i=[r,o],e[0]=o,e[1]=r,e[2]=s,e[3]=i):(s=e[2],i=e[3]),P.useEffect(s,i),null}const ke=fe(),Z=t=>{const e=V.c(43),{messages:r,streaming:o,emptyStateTitle:a,emptyStateDescription:s,chatInputPlaceholder:i,onSubmitMessage:l,actions:d,repoMenu:R,attachedResources:C,onClearAttachments:m,attachmentList:T,approvalPrompt:I}=t,p=o===void 0?!1:o;let b,c,g,w,y,f,v,h,k,x;if(e[0]!==s||e[1]!==a||e[2]!==r||e[3]!==p){const E=ue(r),F=E.length>0,N=E.reduce(xe,0);g=Q,f="relative",v="column",h="full",k="full",x="hidden",c=L.Root,y=n.jsx(he,{userMessageCount:N}),b=L.Viewport,w=F?n.jsx(pe,{gap:"sm",children:E.map(B=>{const K=le(B.role);return n.jsx(Y.Root,{from:K,children:n.jsx(Y.Content,{from:K,children:n.jsx(me,{message:B,streaming:p})})},B.id)})}):n.jsx(ae,{icon:n.jsx(ye,{size:48,strokeWidth:1.5}),title:a,description:s}),e[0]=s,e[1]=a,e[2]=r,e[3]=p,e[4]=b,e[5]=c,e[6]=g,e[7]=w,e[8]=y,e[9]=f,e[10]=v,e[11]=h,e[12]=k,e[13]=x}else b=e[4],c=e[5],g=e[6],w=e[7],y=e[8],f=e[9],v=e[10],h=e[11],k=e[12],x=e[13];let q;e[14]!==b||e[15]!==w?(q=n.jsx(b,{children:w}),e[14]=b,e[15]=w,e[16]=q):q=e[16];let j;e[17]===Symbol.for("react.memo_cache_sentinel")?(j=n.jsx(L.ScrollToBottom,{"aria-label":"Scroll to latest message"}),e[17]=j):j=e[17];let u;e[18]!==c||e[19]!==y||e[20]!==q?(u=n.jsxs(c,{children:[y,q,j]}),e[18]=c,e[19]=y,e[20]=q,e[21]=u):u=e[21];let S;e[22]!==d||e[23]!==C||e[24]!==T||e[25]!==i||e[26]!==m||e[27]!==l||e[28]!==p?(S=n.jsx(D,{px:"sm",children:n.jsx(oe,{placeholder:i,defaultState:ke,streaming:p,onSubmit:l,actions:d,attachedResources:C,onClearAttachments:m,attachmentList:T})}),e[22]=d,e[23]=C,e[24]=T,e[25]=i,e[26]=m,e[27]=l,e[28]=p,e[29]=S):S=e[29];let M;e[30]!==R?(M=n.jsx(Q,{p:"2xs",justifyContent:"flex-end",children:R}),e[30]=R,e[31]=M):M=e[31];let A;return e[32]!==g||e[33]!==I||e[34]!==u||e[35]!==S||e[36]!==M||e[37]!==f||e[38]!==v||e[39]!==h||e[40]!==k||e[41]!==x?(A=n.jsxs(g,{position:f,direction:v,w:h,h:k,overflow:x,children:[u,I,S,M]}),e[32]=g,e[33]=I,e[34]=u,e[35]=S,e[36]=M,e[37]=f,e[38]=v,e[39]=h,e[40]=k,e[41]=x,e[42]=A):A=e[42],A};Z.__docgenInfo={description:"",methods:[],displayName:"ChatPanel",props:{messages:{required:!0,tsType:{name:"Array",elements:[{name:"signature",type:"object",raw:`{
-  id: string;
-  role: SessionMessageRole;
-  parts: SessionMessagePart[];
-  index?: number;
-  createdAt?: number;
-  modelId?: string;
-  providerId?: string;
-  tokens?: {
-    input?: number;
-    output?: number;
-    reasoning?: number;
-    cache?: { read?: number; write?: number };
-  };
-}`,signature:{properties:[{key:"id",value:{name:"string",required:!0}},{key:"role",value:{name:"union",raw:'"user" | "assistant" | "tool" | "system" | "developer"',elements:[{name:"literal",value:'"user"'},{name:"literal",value:'"assistant"'},{name:"literal",value:'"tool"'},{name:"literal",value:'"system"'},{name:"literal",value:'"developer"'}],required:!0}},{key:"parts",value:{name:"Array",elements:[{name:"union",raw:`| TextPart
-| ReasoningPart
-| ToolPart
-| StepStartPart
-| StepFinishPart
-| PatchPart
-| FilePart
-| LoadingPart
-| ErrorPart
-| TokenUsagePart`,elements:[{name:"signature",type:"object",raw:'{ type: "text"; text: string }',signature:{properties:[{key:"type",value:{name:"literal",value:'"text"',required:!0}},{key:"text",value:{name:"string",required:!0}}]}},{name:"signature",type:"object",raw:'{ type: "reasoning"; text: string }',signature:{properties:[{key:"type",value:{name:"literal",value:'"reasoning"',required:!0}},{key:"text",value:{name:"string",required:!0}}]}},{name:"signature",type:"object",raw:`{
-  type: "tool";
-  tool: string;
-  callId?: string;
-  actionType?: ToolPartActionType;
-  status?: ToolPartStatus;
-  state?: {
-    status?: string;
-    input?: unknown;
-    output?: unknown;
-    errorText?: string;
-    metadata?: unknown;
-  };
-}`,signature:{properties:[{key:"type",value:{name:"literal",value:'"tool"',required:!0}},{key:"tool",value:{name:"string",required:!0}},{key:"callId",value:{name:"string",required:!1}},{key:"actionType",value:{name:"union",raw:'"read" | "write" | "execute" | "network" | "other"',elements:[{name:"literal",value:'"read"'},{name:"literal",value:'"write"'},{name:"literal",value:'"execute"'},{name:"literal",value:'"network"'},{name:"literal",value:'"other"'}],required:!1}},{key:"status",value:{name:"union",raw:'"pending" | "running" | "completed" | "failed" | "denied"',elements:[{name:"literal",value:'"pending"'},{name:"literal",value:'"running"'},{name:"literal",value:'"completed"'},{name:"literal",value:'"failed"'},{name:"literal",value:'"denied"'}],required:!1}},{key:"state",value:{name:"signature",type:"object",raw:`{
-  status?: string;
-  input?: unknown;
-  output?: unknown;
-  errorText?: string;
-  metadata?: unknown;
-}`,signature:{properties:[{key:"status",value:{name:"string",required:!1}},{key:"input",value:{name:"unknown",required:!1}},{key:"output",value:{name:"unknown",required:!1}},{key:"errorText",value:{name:"string",required:!1}},{key:"metadata",value:{name:"unknown",required:!1}}]},required:!1}}]}},{name:"signature",type:"object",raw:'{ type: "step-start"; snapshot?: string }',signature:{properties:[{key:"type",value:{name:"literal",value:'"step-start"',required:!0}},{key:"snapshot",value:{name:"string",required:!1}}]}},{name:"signature",type:"object",raw:`{
-  type: "step-finish";
-  reason?: string;
-  snapshot?: string;
-  cost?: number;
-  tokens?: unknown;
-}`,signature:{properties:[{key:"type",value:{name:"literal",value:'"step-finish"',required:!0}},{key:"reason",value:{name:"string",required:!1}},{key:"snapshot",value:{name:"string",required:!1}},{key:"cost",value:{name:"number",required:!1}},{key:"tokens",value:{name:"unknown",required:!1}}]}},{name:"signature",type:"object",raw:'{ type: "patch"; hash?: string; files?: unknown }',signature:{properties:[{key:"type",value:{name:"literal",value:'"patch"',required:!0}},{key:"hash",value:{name:"string",required:!1}},{key:"files",value:{name:"unknown",required:!1}}]}},{name:"signature",type:"object",raw:'{ type: "file"; mediaType?: string; filename?: string; url: string }',signature:{properties:[{key:"type",value:{name:"literal",value:'"file"',required:!0}},{key:"mediaType",value:{name:"string",required:!1}},{key:"filename",value:{name:"string",required:!1}},{key:"url",value:{name:"string",required:!0}}]}},{name:"signature",type:"object",raw:'{ type: "loading" }',signature:{properties:[{key:"type",value:{name:"literal",value:'"loading"',required:!0}}]}},{name:"signature",type:"object",raw:'{ type: "error"; errorType: "timeout" | "crash" | "permission" | "other" }',signature:{properties:[{key:"type",value:{name:"literal",value:'"error"',required:!0}},{key:"errorType",value:{name:"union",raw:'"timeout" | "crash" | "permission" | "other"',elements:[{name:"literal",value:'"timeout"'},{name:"literal",value:'"crash"'},{name:"literal",value:'"permission"'},{name:"literal",value:'"other"'}],required:!0}}]}},{name:"signature",type:"object",raw:`{
-  type: "token_usage";
-  inputTokens: number;
-  outputTokens: number;
-  cacheReadTokens?: number;
-  cacheWriteTokens?: number;
-}`,signature:{properties:[{key:"type",value:{name:"literal",value:'"token_usage"',required:!0}},{key:"inputTokens",value:{name:"number",required:!0}},{key:"outputTokens",value:{name:"number",required:!0}},{key:"cacheReadTokens",value:{name:"number",required:!1}},{key:"cacheWriteTokens",value:{name:"number",required:!1}}]}}]}],raw:"SessionMessagePart[]",required:!0}},{key:"index",value:{name:"number",required:!1}},{key:"createdAt",value:{name:"number",required:!1}},{key:"modelId",value:{name:"string",required:!1}},{key:"providerId",value:{name:"string",required:!1}},{key:"tokens",value:{name:"signature",type:"object",raw:`{
-  input?: number;
-  output?: number;
-  reasoning?: number;
-  cache?: { read?: number; write?: number };
-}`,signature:{properties:[{key:"input",value:{name:"number",required:!1}},{key:"output",value:{name:"number",required:!1}},{key:"reasoning",value:{name:"number",required:!1}},{key:"cache",value:{name:"signature",type:"object",raw:"{ read?: number; write?: number }",signature:{properties:[{key:"read",value:{name:"number",required:!1}},{key:"write",value:{name:"number",required:!1}}]},required:!1}}]},required:!1}}]}}],raw:"SessionMessage[]"},description:""},streaming:{required:!1,tsType:{name:"boolean"},description:""},emptyStateTitle:{required:!0,tsType:{name:"string"},description:""},emptyStateDescription:{required:!0,tsType:{name:"string"},description:""},chatInputPlaceholder:{required:!0,tsType:{name:"string"},description:""},onSubmitMessage:{required:!1,tsType:{name:"signature",type:"function",raw:"(text: string, attachments: string[]) => void",signature:{arguments:[{type:{name:"string"},name:"text"},{type:{name:"Array",elements:[{name:"string"}],raw:"string[]"},name:"attachments"}],return:{name:"void"}}},description:""},actions:{required:!1,tsType:{name:"ReactNode"},description:""},repoMenu:{required:!1,tsType:{name:"ReactNode"},description:""},attachedResources:{required:!1,tsType:{name:"Array",elements:[{name:"string"}],raw:"string[]"},description:""},onClearAttachments:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},attachmentList:{required:!1,tsType:{name:"ReactNode"},description:""},approvalPrompt:{required:!1,tsType:{name:"ReactNode"},description:""}}};function xe(t,e){return t+(e.role==="user"?1:0)}const re=ne,At={title:"Chat UI/Chat Panel",component:Z,parameters:{layout:"padded",actions:{argTypesRegex:"^on[A-Z].*"}}},G={w:"960px",maxW:"100%",h:"680px",bg:"bg",borderWidth:"1px",borderColor:"border",borderRadius:"lg",p:"md"},Se=n.jsxs(te,{gap:"2",children:[n.jsx(U,{size:"xs",variant:"subtle",children:"Opencode"}),n.jsx(U,{size:"xs",variant:"subtle",children:"GPT-5.3 Codex"})]}),Te=n.jsxs(te,{gap:"2",children:[n.jsx(de,{textStyle:"label/S/medium",color:"fg.muted",children:"mono"}),n.jsx(U,{size:"xs",variant:"ghost",children:"main"})]}),be=re.slice(-18),X=10,qe=60,Me=t=>{if(!t)return[];const e=[];for(let r=0;r<t.length;r+=X)e.push(t.slice(r,r+X));return e},W=t=>t.type==="text",H=(t,e,r,o)=>t.map(a=>{if(a.id!==e)return a;const s=a.parts[r];if(!s||!W(s))return a;const i=[...a.parts];return i[r]={...s,text:o},{...a,parts:i}}),we=t=>{for(let e=t.length-1;e>=0;e-=1){const r=t[e];if(r.role!=="assistant")continue;const o=r.parts.findIndex(l=>W(l)&&l.text.trim().length>0);if(o===-1)continue;const a=r.parts[o];if(!a||!W(a))continue;const s=a.text;return{seededMessages:H(t,r.id,o,""),messageId:r.id,partIndex:o,sourceText:s}}return null},z=t=>{t.current!==null&&(clearInterval(t.current),t.current=null)},ee=t=>{const{timerRef:e,sourceText:r,onStart:o,onChunk:a,onComplete:s}=t;z(e);const i=Me(r);if(i.length===0){s();return}let l="",d=0;o(),e.current=setInterval(()=>{l+=i[d]??"",a(l),d+=1,d>=i.length&&(z(e),s())},qe)},je=(t,e)=>e.length===0?`Mock response: I received "${t}" and generated a draft answer.`:`Mock response: I received "${t}" with ${e.length} attachment(s): ${e.join(", ")}.`;function J(t){const e=V.c(20),{messages:r,streaming:o,onSubmitMessage:a,emptyStateTitle:s,emptyStateDescription:i,chatInputPlaceholder:l,actions:d,repoMenu:R}=t;let C;e[0]!==r?(C=r===void 0?[]:r,e[0]=r,e[1]=C):C=e[1];const m=C,T=o===void 0?!1:o,[I,p]=P.useState(m),[b,c]=P.useState(T),[g,w]=P.useState(m.length+1),y=P.useRef(null);let f,v;e[2]!==m||e[3]!==T?(f=()=>{if(z(y),w(m.length+1),!T){p(m),c(!1);return}const u=we(m);if(!u){p(m),c(T);return}p(u.seededMessages),ee({timerRef:y,sourceText:u.sourceText,onStart:()=>c(!0),onChunk:S=>{p(M=>H(M,u.messageId,u.partIndex,S))},onComplete:()=>c(!1)})},v=[m,T],e[2]=m,e[3]=T,e[4]=f,e[5]=v):(f=e[4],v=e[5]),P.useEffect(f,v);let h,k;e[6]===Symbol.for("react.memo_cache_sentinel")?(h=()=>()=>{z(y)},k=[],e[6]=h,e[7]=k):(h=e[6],k=e[7]),P.useEffect(h,k);let x;e[8]!==g||e[9]!==a?(x=(u,S)=>{a?.(u,S);const M={id:`message-${g}`,role:"user",parts:[{type:"text",text:u}]},A=je(u,S),E=`message-${g+1}`,F={id:E,role:"assistant",parts:[{type:"text",text:""}]};w(Ce),p(N=>[...N,M,F]),ee({timerRef:y,sourceText:A,onStart:()=>c(!0),onChunk:N=>{p(B=>H(B,E,0,N))},onComplete:()=>c(!1)})},e[8]=g,e[9]=a,e[10]=x):x=e[10];const q=x;let j;return e[11]!==d||e[12]!==l||e[13]!==i||e[14]!==s||e[15]!==q||e[16]!==I||e[17]!==R||e[18]!==b?(j=n.jsx(Z,{messages:I,streaming:b,emptyStateTitle:s,emptyStateDescription:i,chatInputPlaceholder:l,onSubmitMessage:q,actions:d,repoMenu:R}),e[11]=d,e[12]=l,e[13]=i,e[14]=s,e[15]=q,e[16]=I,e[17]=R,e[18]=b,e[19]=j):j=e[19],j}function Ce(t){return t+2}const _={render:t=>n.jsx(D,{...G,children:n.jsx(J,{...t})}),args:{messages:[],streaming:!1,emptyStateTitle:"No active conversations",emptyStateDescription:"Start a conversation to see messages here.",chatInputPlaceholder:"Type a message...",actions:Se,repoMenu:Te,onSubmitMessage:(t,e)=>{console.log("Submitted",{text:t,attachments:e})}}},$={render:t=>n.jsx(D,{...G,children:n.jsx(J,{...t})}),args:{..._.args,messages:re}},O={render:t=>n.jsx(D,{...G,children:n.jsx(J,{...t})}),args:{..._.args,messages:be,streaming:!0}};_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
-  render: args => <Box {...panelContainerStyles}>
-      <MockChatPanelRenderer {...args} />
-    </Box>,
-  args: {
-    messages: [],
-    streaming: false,
-    emptyStateTitle: "No active conversations",
-    emptyStateDescription: "Start a conversation to see messages here.",
-    chatInputPlaceholder: "Type a message...",
-    actions: defaultActions,
-    repoMenu: defaultRepoMenu,
-    onSubmitMessage: (text: string, attachments: string[]) => {
-      console.log("Submitted", {
-        text,
-        attachments
-      });
-    }
-  }
-}`,..._.parameters?.docs?.source}}};$.parameters={...$.parameters,docs:{...$.parameters?.docs,source:{originalSource:`{
-  render: args => <Box {...panelContainerStyles}>
-      <MockChatPanelRenderer {...args} />
-    </Box>,
-  args: {
-    ...Empty.args,
-    messages: conversationMessages
-  }
-}`,...$.parameters?.docs?.source}}};O.parameters={...O.parameters,docs:{...O.parameters?.docs,source:{originalSource:`{
-  render: args => <Box {...panelContainerStyles}>
-      <MockChatPanelRenderer {...args} />
-    </Box>,
-  args: {
-    ...Empty.args,
-    messages: streamingMessages,
-    streaming: true
-  }
-}`,...O.parameters?.docs?.source}}};const Et=["Empty","Conversation","Streaming"];export{$ as Conversation,_ as Empty,O as Streaming,Et as __namedExportsOrder,At as default};

package/storybook-static/assets/chevron-down-BYCAGyCV.js

@@ -1 +0,0 @@
-import{c as o}from"./createLucideIcon-CcBBUKX8.js";const n=[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]],e=o("chevron-down",n);export{e as C};

package/storybook-static/assets/chevron-right-owK1wZnx.js

@@ -1 +0,0 @@
-import{c as o}from"./createLucideIcon-CcBBUKX8.js";const t=[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]],e=o("chevron-right",t);export{e as C};