@inkeep/agents-manage-ui 0.31.4 → 0.31.6

package/src/components/ui/dialog.tsx

@@ -1,9 +1,9 @@
 'use client';
 
 import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { cva, type VariantProps } from 'class-variance-authority';
 import { XIcon } from 'lucide-react';
 import type * as React from 'react';
-
 import { cn } from '@/lib/utils';
 
 function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>) {
@@ -38,25 +38,53 @@ function DialogOverlay({
   );
 }
 
+const dialogContentVariants = cva(
+  'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed z-50 grid w-full max-w-[calc(100%-2rem)]  gap-4 rounded-lg border p-6 shadow-lg duration-200 max-h-[calc(100dvh-1.5rem)] overflow-y-auto scrollbar-thin scrollbar-thumb-muted-foreground/30 dark:scrollbar-thumb-muted-foreground/50 scrollbar-track-transparent',
+  {
+    variants: {
+      variant: {
+        default: '',
+      },
+      position: {
+        top: 'top-3 left-[50%] translate-x-[-50%]',
+        center: 'top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%]',
+        bottom: 'bottom-3 left-[50%] translate-x-[-50%]',
+      },
+      size: {
+        default: 'sm:max-w-lg',
+        sm: 'sm:max-w-md',
+        md: 'sm:max-w-lg',
+        lg: 'sm:max-w-xl',
+        xl: 'sm:max-w-2xl',
+        fullscreen: 'w-screen h-screen',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+      position: 'center',
+      size: 'default',
+    },
+  }
+);
+
 function DialogContent({
   className,
   children,
   showCloseButton = true,
+  variant = 'default',
+  position = 'center',
+  size = 'default',
   ...props
-}: React.ComponentProps<typeof DialogPrimitive.Content> & {
-  showCloseButton?: boolean;
-}) {
+}: React.ComponentProps<typeof DialogPrimitive.Content> &
+  VariantProps<typeof dialogContentVariants> & {
+    showCloseButton?: boolean;
+  }) {
   return (
     <DialogPortal data-slot="dialog-portal">
       <DialogOverlay />
       <DialogPrimitive.Content
         data-slot="dialog-content"
-        className={cn(
-          'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg',
-          'max-h-[calc(100dvh-1.5rem)] overflow-y-auto scrollbar-thin scrollbar-thumb-muted-foreground/30 dark:scrollbar-thumb-muted-foreground/50 scrollbar-track-transparent',
-
-          className
-        )}
+        className={cn(dialogContentVariants({ variant, position, size, className }), className)}
         {...props}
       >
         {children}

package/src/components/ui/tabs.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { cva, type VariantProps } from 'class-variance-authority';
 import type { ComponentProps, FC } from 'react';
 import { cn } from '@/lib/utils';
 
@@ -16,14 +17,33 @@ const TabsList: FC<ComponentProps<typeof TabsPrimitive.List>> = ({ className, ..
   />
 );
 
-const TabsTrigger: FC<ComponentProps<typeof TabsPrimitive.Trigger>> = ({ className, ...props }) => (
-  <TabsPrimitive.Trigger
-    className={cn(
-      'inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm',
-      className
-    )}
-    {...props}
-  />
+const tabsTriggerVariants = cva(
+  'inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
+  {
+    variants: {
+      variant: {
+        default:
+          'data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm font-mono uppercase',
+        underline:
+          'bg-transparent data-[state=active]:border-primary dark:data-[state=active]:border-primary h-full rounded-none border-0 border-b-2 border-transparent data-[state=active]:shadow-none data-[state=active]:text-primary data-[state=active]:bg-transparent uppercase font-mono text-xs mt-0.5 pt-2',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+    },
+  }
+);
+
+export interface TabsTriggerProps
+  extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>,
+    VariantProps<typeof tabsTriggerVariants> {}
+
+const TabsTrigger: FC<ComponentProps<typeof TabsPrimitive.Trigger> & TabsTriggerProps> = ({
+  className,
+  variant,
+  ...props
+}) => (
+  <TabsPrimitive.Trigger className={cn(tabsTriggerVariants({ variant }), className)} {...props} />
 );
 
 const TabsContent: FC<ComponentProps<typeof TabsPrimitive.Content>> = ({ className, ...props }) => (
@@ -36,4 +56,4 @@ const TabsContent: FC<ComponentProps<typeof TabsPrimitive.Content>> = ({ classNa
   />
 );
 
-export { Tabs, TabsList, TabsTrigger, TabsContent };
+export { Tabs, TabsList, TabsTrigger, TabsContent, tabsTriggerVariants };

package/.next/standalone/agents-manage-ui/.next/server/chunks/3058.js

@@ -1 +0,0 @@
-exports.id=3058,exports.ids=[3058],exports.modules={335:(a,b,c)=>{Promise.resolve().then(c.bind(c,84546)),Promise.resolve().then(c.bind(c,15481)),Promise.resolve().then(c.bind(c,52624)),Promise.resolve().then(c.t.bind(c,57787,23))},8583:(a,b,c)=>{Promise.resolve().then(c.bind(c,11776)),Promise.resolve().then(c.bind(c,45399)),Promise.resolve().then(c.bind(c,11569)),Promise.resolve().then(c.t.bind(c,2653,23))},11857:(a,b,c)=>{Promise.resolve().then(c.bind(c,22157)),Promise.resolve().then(c.bind(c,82552))},15481:(a,b,c)=>{"use strict";c.d(b,{Separator:()=>d});let d=(0,c(67268).registerClientReference)(function(){throw Error("Attempted to call Separator() from the server but Separator is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/home/runner/work/agents/agents/agents-manage-ui/src/components/ui/separator.tsx","Separator")},19031:(a,b,c)=>{Promise.resolve().then(c.bind(c,52983))},21585:(a,b,c)=>{Promise.resolve().then(c.bind(c,64171)),Promise.resolve().then(c.bind(c,65846))},33018:(a,b,c)=>{"use strict";c.d(b,{bf:()=>e,dJ:()=>d});let d="http://localhost:3002",e="http://localhost:3080"},39873:(a,b,c)=>{"use strict";c.d(b,{BL:()=>g,cn:()=>f});var d=c(88013),e=c(31565);function f(...a){return(0,e.QP)((0,d.$)(a))}function g(a){return a?a.reduce((a,b)=>(a[b.id]=b,a),{}):{}}},46958:(a,b,c)=>{"use strict";c.d(b,{G:()=>i});var d=c(18432),e=c(23534),f=c(57787),g=c.n(f),h=c(39873);function i({href:a,children:b,className:c,iconClassName:f,...i}){return(0,d.jsxs)(g(),{href:a,target:"_blank",rel:"noreferrer noopener",className:(0,h.cn)("text-sm text-muted-foreground underline underline-offset-2 inline-flex items-center gap-1 hover:text-primary ml-1 group/link font-mono uppercase transition-colors",c),...i,children:[b,(0,d.jsx)(e.A,{className:(0,h.cn)("size-3.5 text-muted-foreground opacity-60 group-hover/link:text-primary",f)})]})}},51243:(a,b,c)=>{"use strict";c.r(b),c.d(b,{default:()=>j});var d=c(18432),e=c(67891),f=c(99689),g=c(61557),h=c(86047),i=c(71133);function j(){return(0,d.jsx)(e.H,{children:(0,d.jsxs)(f.D,{children:[(0,d.jsx)(g.zY,{title:"Projects",description:i.od}),(0,d.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3 md:gap-4",children:Array.from({length:6}).map((a,b)=>(0,d.jsx)(h.E,{className:"h-36 w-full rounded-lg"},`loading-skeleton-${b}`))})]})})}},52983:(a,b,c)=>{"use strict";c.r(b),c.d(b,{default:()=>f});var d=c(96326),e=c(22157);function f({error:a,reset:b}){return(0,d.jsx)(e.default,{error:a,title:"Something went wrong.",description:"An unexpected error occurred. Please try again.",reset:b})}},58783:(a,b,c)=>{Promise.resolve().then(c.bind(c,75725))},61557:(a,b,c)=>{"use strict";c.d(b,{DE:()=>f,RR:()=>h,gp:()=>g,zY:()=>j});var d=c(18432),e=c(39873);function f({className:a,children:b,...c}){return(0,d.jsx)("div",{className:(0,e.cn)("flex flex-row gap-0 p-0 flex-nowrap items-center justify-between mb-8",a),...c,children:b})}function g({className:a,children:b,...c}){return(0,d.jsx)("div",{className:(0,e.cn)("flex flex-col gap-2 p-0 flex-nowrap items-stretch justify-start",a),...c,children:b})}function h({className:a,children:b,...c}){return(0,d.jsx)("h3",{className:(0,e.cn)("text-xl font-light",a),...c,children:b})}function i({className:a,children:b,...c}){return(0,d.jsx)("p",{className:(0,e.cn)("text-muted-foreground text-sm font-normal",a),...c,children:b})}function j({title:a,description:b,action:c,className:e}){return(0,d.jsxs)(f,{className:e,children:[(0,d.jsxs)(g,{children:[(0,d.jsx)(h,{children:a}),b&&(0,d.jsx)(i,{children:b})]}),c]})}},65846:(a,b,c)=>{"use strict";c.d(b,{ProjectProvider:()=>e});var d=c(67268);(0,d.registerClientReference)(function(){throw Error("Attempted to call ProjectContext() from the server but ProjectContext is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/home/runner/work/agents/agents/agents-manage-ui/src/contexts/project-context.tsx","ProjectContext");let e=(0,d.registerClientReference)(function(){throw Error("Attempted to call ProjectProvider() from the server but ProjectProvider is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/home/runner/work/agents/agents/agents-manage-ui/src/contexts/project-context.tsx","ProjectProvider");(0,d.registerClientReference)(function(){throw Error("Attempted to call useProject() from the server but useProject is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/home/runner/work/agents/agents/agents-manage-ui/src/contexts/project-context.tsx","useProject")},67891:(a,b,c)=>{"use strict";c.d(b,{H:()=>j});var d=c(18432);function e({children:a}){return(0,d.jsx)("div",{className:"flex flex-1 flex-col overflow-y-auto scrollbar-thin scrollbar-thumb-muted-foreground/30 dark:scrollbar-thumb-muted-foreground/50 scrollbar-track-transparent h-full w-full min-h-0 bg-muted/20 dark:bg-background",children:(0,d.jsx)("div",{className:"@container/main min-h-0 flex flex-1 flex-col",children:a})})}var f=c(84546),g=c(15481),h=c(52624);function i({breadcrumbs:a}){return(0,d.jsx)("header",{className:"flex h-(--header-height) shrink-0 items-center gap-2 border-b transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height) bg-muted/20 dark:bg-background rounded-t-[14px]",children:(0,d.jsxs)("div",{className:"flex w-full items-center gap-1 px-4 lg:gap-2 lg:px-6",children:[(0,d.jsx)(h.SidebarTrigger,{className:"-ml-1 text-muted-foreground hover:text-foreground hover:bg-accent dark:text-muted-foreground dark:hover:text-foreground dark:hover:bg-accent/50"}),(0,d.jsx)(g.Separator,{orientation:"vertical",className:"mx-2 data-[orientation=vertical]:h-4"}),(0,d.jsx)(f.Breadcrumbs,{items:a})]})})}function j({children:a,breadcrumbs:b}){return(0,d.jsxs)("div",{className:"h-[calc(100vh-16px)] flex flex-col overflow-hidden",children:[(0,d.jsx)(i,{breadcrumbs:b}),(0,d.jsx)(e,{children:a})]})}},68493:(a,b,c)=>{"use strict";c.d(b,{HK:()=>h,WM:()=>j,wV:()=>i});var d=c(96326),e=c(41881),f=c(25196),g=c(69823);function h({className:a,...b}){return(0,d.jsx)(f.YZ,{"data-slot":"resizable-panel-group",className:(0,g.cn)("flex h-full w-full data-[panel-group-direction=vertical]:flex-col",a),...b})}function i(a){return(0,d.jsx)(f.Zk,{"data-slot":"resizable-panel",...a})}function j({withHandle:a,className:b,...c}){return(0,d.jsx)(f.TW,{"data-slot":"resizable-handle",className:(0,g.cn)("bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90",b),...c,children:a&&(0,d.jsx)("div",{className:"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border",children:(0,d.jsx)(e.A,{className:"size-2.5"})})})}},70160:(a,b,c)=>{"use strict";c.r(b),c.d(b,{default:()=>i,dynamic:()=>h});var d=c(18432),e=c(64171),f=c(65846),g=c(59413);let h="force-dynamic";async function i({children:a,params:b}){let{tenantId:c,projectId:h}=await b;try{let b=await (0,g.Sw)(c,h);return(0,d.jsx)(f.ProjectProvider,{value:b.data,children:a})}catch(a){return(0,d.jsx)(e.default,{error:a,context:"project"})}}},71133:(a,b,c)=>{"use strict";c.d(b,{CU:()=>j,M0:()=>l,_g:()=>i,iO:()=>f,lh:()=>g,od:()=>k,yr:()=>h});var d=c(18432),e=c(46958);let f="https://docs.inkeep.com",g=(0,d.jsxs)(d.Fragment,{children:["Artifacts automatically capture and store source information from tool and agent interactions, providing a record of where data originates.","\n",(0,d.jsx)(e.G,{href:`${f}/visual-builder/artifact-components`,children:"Learn more"})]}),h=(0,d.jsxs)(d.Fragment,{children:["Components are structured components that agents can use to display rich data.","\n",(0,d.jsx)(e.G,{href:`${f}/visual-builder/data-components`,children:"Learn more"})]}),i=(0,d.jsxs)(d.Fragment,{children:["Agents are visual representations of the data flow between sub agents and tools.","\n",(0,d.jsx)(e.G,{href:`${f}/visual-builder/agent`,children:"Learn more"})]}),j=(0,d.jsxs)(d.Fragment,{children:["API keys are use to authenticate against the Inkeep Agents Run API. They are associated with an agent and can be used to chat with the agent programmatically.","\n"]}),k=(0,d.jsx)(d.Fragment,{children:"Projects help you organize your agents, tools, and configurations."}),l=(0,d.jsxs)(d.Fragment,{children:[k," Create your first project to get started.","\n",(0,d.jsx)(e.G,{href:`${f}/`,children:"Check out the docs"})]})},75725:(a,b,c)=>{"use strict";c.r(b),c.d(b,{default:()=>d});let d=(0,c(67268).registerClientReference)(function(){throw Error("Attempted to call the default export of \"/home/runner/work/agents/agents/agents-manage-ui/src/app/[tenantId]/projects/error.tsx\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/home/runner/work/agents/agents/agents-manage-ui/src/app/[tenantId]/projects/error.tsx","default")},79994:(a,b,c)=>{"use strict";c.d(b,{BT:()=>i,Wu:()=>j,ZB:()=>h,Zp:()=>f,aR:()=>g,wL:()=>k});var d=c(96326),e=c(69823);function f({className:a,...b}){return(0,d.jsx)("div",{"data-slot":"card",className:(0,e.cn)("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",a),...b})}function g({className:a,...b}){return(0,d.jsx)("div",{"data-slot":"card-header",className:(0,e.cn)("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",a),...b})}function h({className:a,...b}){return(0,d.jsx)("div",{"data-slot":"card-title",className:(0,e.cn)("leading-none font-semibold",a),...b})}function i({className:a,...b}){return(0,d.jsx)("div",{"data-slot":"card-description",className:(0,e.cn)("text-muted-foreground text-sm",a),...b})}function j({className:a,...b}){return(0,d.jsx)("div",{"data-slot":"card-content",className:(0,e.cn)("px-6",a),...b})}function k({className:a,...b}){return(0,d.jsx)("div",{"data-slot":"card-footer",className:(0,e.cn)("flex items-center px-6 [.border-t]:pt-6",a),...b})}},84546:(a,b,c)=>{"use strict";c.d(b,{Breadcrumbs:()=>d});let d=(0,c(67268).registerClientReference)(function(){throw Error("Attempted to call Breadcrumbs() from the server but Breadcrumbs is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/home/runner/work/agents/agents/agents-manage-ui/src/components/ui/breadcrumbs.tsx","Breadcrumbs")},86047:(a,b,c)=>{"use strict";c.d(b,{E:()=>f});var d=c(18432),e=c(39873);function f({className:a,...b}){return(0,d.jsx)("div",{"data-slot":"skeleton",className:(0,e.cn)("bg-accent animate-pulse rounded-md",a),...b})}},99689:(a,b,c)=>{"use strict";c.d(b,{D:()=>g});var d=c(18432),e=c(90945),f=c(39873);let g=(0,e.forwardRef)(({children:a,className:b,...c},e)=>(0,d.jsx)("div",{ref:e,className:(0,f.cn)("p-6",b),...c,children:a}));g.displayName="MainContent"}};

package/.next/standalone/agents-manage-ui/.next/server/chunks/3411.js

@@ -1 +0,0 @@
-"use strict";exports.id=3411,exports.ids=[3411],exports.modules={9163:(a,b,c)=>{c.d(b,{A:()=>d});let d=(0,c(48412).A)("copy",[["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"}]])},12049:(a,b,c)=>{c.d(b,{LM:()=>W,OK:()=>X,VM:()=>x,bL:()=>V,lr:()=>I});var d=c(58215),e=c(56898),f=c(78368),g=c(64051),h=c(53041),i=c(37166),j=c(33222),k=c(96870),l=c(74056),m=c(65882),n=c(96326),o="ScrollArea",[p,q]=(0,g.A)(o),[r,s]=p(o),t=d.forwardRef((a,b)=>{let{__scopeScrollArea:c,type:f="hover",dir:g,scrollHideDelay:i=600,...k}=a,[l,m]=d.useState(null),[o,p]=d.useState(null),[q,s]=d.useState(null),[t,u]=d.useState(null),[v,w]=d.useState(null),[x,y]=d.useState(0),[z,A]=d.useState(0),[B,C]=d.useState(!1),[D,E]=d.useState(!1),F=(0,h.s)(b,a=>m(a)),G=(0,j.jH)(g);return(0,n.jsx)(r,{scope:c,type:f,dir:G,scrollHideDelay:i,scrollArea:l,viewport:o,onViewportChange:p,content:q,onContentChange:s,scrollbarX:t,onScrollbarXChange:u,scrollbarXEnabled:B,onScrollbarXEnabledChange:C,scrollbarY:v,onScrollbarYChange:w,scrollbarYEnabled:D,onScrollbarYEnabledChange:E,onCornerWidthChange:y,onCornerHeightChange:A,children:(0,n.jsx)(e.sG.div,{dir:G,...k,ref:F,style:{position:"relative","--radix-scroll-area-corner-width":x+"px","--radix-scroll-area-corner-height":z+"px",...a.style}})})});t.displayName=o;var u="ScrollAreaViewport",v=d.forwardRef((a,b)=>{let{__scopeScrollArea:c,children:f,nonce:g,...i}=a,j=s(u,c),k=d.useRef(null),l=(0,h.s)(b,k,j.onViewportChange);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:"[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"},nonce:g}),(0,n.jsx)(e.sG.div,{"data-radix-scroll-area-viewport":"",...i,ref:l,style:{overflowX:j.scrollbarXEnabled?"scroll":"hidden",overflowY:j.scrollbarYEnabled?"scroll":"hidden",...a.style},children:(0,n.jsx)("div",{ref:j.onContentChange,style:{minWidth:"100%",display:"table"},children:f})})]})});v.displayName=u;var w="ScrollAreaScrollbar",x=d.forwardRef((a,b)=>{let{forceMount:c,...e}=a,f=s(w,a.__scopeScrollArea),{onScrollbarXEnabledChange:g,onScrollbarYEnabledChange:h}=f,i="horizontal"===a.orientation;return d.useEffect(()=>(i?g(!0):h(!0),()=>{i?g(!1):h(!1)}),[i,g,h]),"hover"===f.type?(0,n.jsx)(y,{...e,ref:b,forceMount:c}):"scroll"===f.type?(0,n.jsx)(z,{...e,ref:b,forceMount:c}):"auto"===f.type?(0,n.jsx)(A,{...e,ref:b,forceMount:c}):"always"===f.type?(0,n.jsx)(B,{...e,ref:b}):null});x.displayName=w;var y=d.forwardRef((a,b)=>{let{forceMount:c,...e}=a,g=s(w,a.__scopeScrollArea),[h,i]=d.useState(!1);return d.useEffect(()=>{let a=g.scrollArea,b=0;if(a){let c=()=>{window.clearTimeout(b),i(!0)},d=()=>{b=window.setTimeout(()=>i(!1),g.scrollHideDelay)};return a.addEventListener("pointerenter",c),a.addEventListener("pointerleave",d),()=>{window.clearTimeout(b),a.removeEventListener("pointerenter",c),a.removeEventListener("pointerleave",d)}}},[g.scrollArea,g.scrollHideDelay]),(0,n.jsx)(f.C,{present:c||h,children:(0,n.jsx)(A,{"data-state":h?"visible":"hidden",...e,ref:b})})}),z=d.forwardRef((a,b)=>{var c;let{forceMount:e,...g}=a,h=s(w,a.__scopeScrollArea),i="horizontal"===a.orientation,j=T(()=>l("SCROLL_END"),100),[k,l]=(c={hidden:{SCROLL:"scrolling"},scrolling:{SCROLL_END:"idle",POINTER_ENTER:"interacting"},interacting:{SCROLL:"interacting",POINTER_LEAVE:"idle"},idle:{HIDE:"hidden",SCROLL:"scrolling",POINTER_ENTER:"interacting"}},d.useReducer((a,b)=>c[a][b]??a,"hidden"));return d.useEffect(()=>{if("idle"===k){let a=window.setTimeout(()=>l("HIDE"),h.scrollHideDelay);return()=>window.clearTimeout(a)}},[k,h.scrollHideDelay,l]),d.useEffect(()=>{let a=h.viewport,b=i?"scrollLeft":"scrollTop";if(a){let c=a[b],d=()=>{let d=a[b];c!==d&&(l("SCROLL"),j()),c=d};return a.addEventListener("scroll",d),()=>a.removeEventListener("scroll",d)}},[h.viewport,i,l,j]),(0,n.jsx)(f.C,{present:e||"hidden"!==k,children:(0,n.jsx)(B,{"data-state":"hidden"===k?"hidden":"visible",...g,ref:b,onPointerEnter:(0,m.mK)(a.onPointerEnter,()=>l("POINTER_ENTER")),onPointerLeave:(0,m.mK)(a.onPointerLeave,()=>l("POINTER_LEAVE"))})})}),A=d.forwardRef((a,b)=>{let c=s(w,a.__scopeScrollArea),{forceMount:e,...g}=a,[h,i]=d.useState(!1),j="horizontal"===a.orientation,k=T(()=>{if(c.viewport){let a=c.viewport.offsetWidth<c.viewport.scrollWidth,b=c.viewport.offsetHeight<c.viewport.scrollHeight;i(j?a:b)}},10);return U(c.viewport,k),U(c.content,k),(0,n.jsx)(f.C,{present:e||h,children:(0,n.jsx)(B,{"data-state":h?"visible":"hidden",...g,ref:b})})}),B=d.forwardRef((a,b)=>{let{orientation:c="vertical",...e}=a,f=s(w,a.__scopeScrollArea),g=d.useRef(null),h=d.useRef(0),[i,j]=d.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),k=O(i.viewport,i.content),l={...e,sizes:i,onSizesChange:j,hasThumb:!!(k>0&&k<1),onThumbChange:a=>g.current=a,onThumbPointerUp:()=>h.current=0,onThumbPointerDown:a=>h.current=a};function m(a,b){return function(a,b,c,d="ltr"){let e=P(c),f=b||e/2,g=c.scrollbar.paddingStart+f,h=c.scrollbar.size-c.scrollbar.paddingEnd-(e-f),i=c.content-c.viewport;return R([g,h],"ltr"===d?[0,i]:[-1*i,0])(a)}(a,h.current,i,b)}return"horizontal"===c?(0,n.jsx)(C,{...l,ref:b,onThumbPositionChange:()=>{if(f.viewport&&g.current){let a=Q(f.viewport.scrollLeft,i,f.dir);g.current.style.transform=`translate3d(${a}px, 0, 0)`}},onWheelScroll:a=>{f.viewport&&(f.viewport.scrollLeft=a)},onDragScroll:a=>{f.viewport&&(f.viewport.scrollLeft=m(a,f.dir))}}):"vertical"===c?(0,n.jsx)(D,{...l,ref:b,onThumbPositionChange:()=>{if(f.viewport&&g.current){let a=Q(f.viewport.scrollTop,i);g.current.style.transform=`translate3d(0, ${a}px, 0)`}},onWheelScroll:a=>{f.viewport&&(f.viewport.scrollTop=a)},onDragScroll:a=>{f.viewport&&(f.viewport.scrollTop=m(a))}}):null}),C=d.forwardRef((a,b)=>{let{sizes:c,onSizesChange:e,...f}=a,g=s(w,a.__scopeScrollArea),[i,j]=d.useState(),k=d.useRef(null),l=(0,h.s)(b,k,g.onScrollbarXChange);return d.useEffect(()=>{k.current&&j(getComputedStyle(k.current))},[k]),(0,n.jsx)(G,{"data-orientation":"horizontal",...f,ref:l,sizes:c,style:{bottom:0,left:"rtl"===g.dir?"var(--radix-scroll-area-corner-width)":0,right:"ltr"===g.dir?"var(--radix-scroll-area-corner-width)":0,"--radix-scroll-area-thumb-width":P(c)+"px",...a.style},onThumbPointerDown:b=>a.onThumbPointerDown(b.x),onDragScroll:b=>a.onDragScroll(b.x),onWheelScroll:(b,c)=>{if(g.viewport){let d=g.viewport.scrollLeft+b.deltaX;a.onWheelScroll(d),function(a,b){return a>0&&a<b}(d,c)&&b.preventDefault()}},onResize:()=>{k.current&&g.viewport&&i&&e({content:g.viewport.scrollWidth,viewport:g.viewport.offsetWidth,scrollbar:{size:k.current.clientWidth,paddingStart:N(i.paddingLeft),paddingEnd:N(i.paddingRight)}})}})}),D=d.forwardRef((a,b)=>{let{sizes:c,onSizesChange:e,...f}=a,g=s(w,a.__scopeScrollArea),[i,j]=d.useState(),k=d.useRef(null),l=(0,h.s)(b,k,g.onScrollbarYChange);return d.useEffect(()=>{k.current&&j(getComputedStyle(k.current))},[k]),(0,n.jsx)(G,{"data-orientation":"vertical",...f,ref:l,sizes:c,style:{top:0,right:"ltr"===g.dir?0:void 0,left:"rtl"===g.dir?0:void 0,bottom:"var(--radix-scroll-area-corner-height)","--radix-scroll-area-thumb-height":P(c)+"px",...a.style},onThumbPointerDown:b=>a.onThumbPointerDown(b.y),onDragScroll:b=>a.onDragScroll(b.y),onWheelScroll:(b,c)=>{if(g.viewport){let d=g.viewport.scrollTop+b.deltaY;a.onWheelScroll(d),function(a,b){return a>0&&a<b}(d,c)&&b.preventDefault()}},onResize:()=>{k.current&&g.viewport&&i&&e({content:g.viewport.scrollHeight,viewport:g.viewport.offsetHeight,scrollbar:{size:k.current.clientHeight,paddingStart:N(i.paddingTop),paddingEnd:N(i.paddingBottom)}})}})}),[E,F]=p(w),G=d.forwardRef((a,b)=>{let{__scopeScrollArea:c,sizes:f,hasThumb:g,onThumbChange:j,onThumbPointerUp:k,onThumbPointerDown:l,onThumbPositionChange:o,onDragScroll:p,onWheelScroll:q,onResize:r,...t}=a,u=s(w,c),[v,x]=d.useState(null),y=(0,h.s)(b,a=>x(a)),z=d.useRef(null),A=d.useRef(""),B=u.viewport,C=f.content-f.viewport,D=(0,i.c)(q),F=(0,i.c)(o),G=T(r,10);function H(a){z.current&&p({x:a.clientX-z.current.left,y:a.clientY-z.current.top})}return d.useEffect(()=>{let a=a=>{let b=a.target;v?.contains(b)&&D(a,C)};return document.addEventListener("wheel",a,{passive:!1}),()=>document.removeEventListener("wheel",a,{passive:!1})},[B,v,C,D]),d.useEffect(F,[f,F]),U(v,G),U(u.content,G),(0,n.jsx)(E,{scope:c,scrollbar:v,hasThumb:g,onThumbChange:(0,i.c)(j),onThumbPointerUp:(0,i.c)(k),onThumbPositionChange:F,onThumbPointerDown:(0,i.c)(l),children:(0,n.jsx)(e.sG.div,{...t,ref:y,style:{position:"absolute",...t.style},onPointerDown:(0,m.mK)(a.onPointerDown,a=>{0===a.button&&(a.target.setPointerCapture(a.pointerId),z.current=v.getBoundingClientRect(),A.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",u.viewport&&(u.viewport.style.scrollBehavior="auto"),H(a))}),onPointerMove:(0,m.mK)(a.onPointerMove,H),onPointerUp:(0,m.mK)(a.onPointerUp,a=>{let b=a.target;b.hasPointerCapture(a.pointerId)&&b.releasePointerCapture(a.pointerId),document.body.style.webkitUserSelect=A.current,u.viewport&&(u.viewport.style.scrollBehavior=""),z.current=null})})})}),H="ScrollAreaThumb",I=d.forwardRef((a,b)=>{let{forceMount:c,...d}=a,e=F(H,a.__scopeScrollArea);return(0,n.jsx)(f.C,{present:c||e.hasThumb,children:(0,n.jsx)(J,{ref:b,...d})})}),J=d.forwardRef((a,b)=>{let{__scopeScrollArea:c,style:f,...g}=a,i=s(H,c),j=F(H,c),{onThumbPositionChange:k}=j,l=(0,h.s)(b,a=>j.onThumbChange(a)),o=d.useRef(void 0),p=T(()=>{o.current&&(o.current(),o.current=void 0)},100);return d.useEffect(()=>{let a=i.viewport;if(a){let b=()=>{p(),o.current||(o.current=S(a,k),k())};return k(),a.addEventListener("scroll",b),()=>a.removeEventListener("scroll",b)}},[i.viewport,p,k]),(0,n.jsx)(e.sG.div,{"data-state":j.hasThumb?"visible":"hidden",...g,ref:l,style:{width:"var(--radix-scroll-area-thumb-width)",height:"var(--radix-scroll-area-thumb-height)",...f},onPointerDownCapture:(0,m.mK)(a.onPointerDownCapture,a=>{let b=a.target.getBoundingClientRect(),c=a.clientX-b.left,d=a.clientY-b.top;j.onThumbPointerDown({x:c,y:d})}),onPointerUp:(0,m.mK)(a.onPointerUp,j.onThumbPointerUp)})});I.displayName=H;var K="ScrollAreaCorner",L=d.forwardRef((a,b)=>{let c=s(K,a.__scopeScrollArea),d=!!(c.scrollbarX&&c.scrollbarY);return"scroll"!==c.type&&d?(0,n.jsx)(M,{...a,ref:b}):null});L.displayName=K;var M=d.forwardRef((a,b)=>{let{__scopeScrollArea:c,...f}=a,g=s(K,c),[h,i]=d.useState(0),[j,k]=d.useState(0),l=!!(h&&j);return U(g.scrollbarX,()=>{let a=g.scrollbarX?.offsetHeight||0;g.onCornerHeightChange(a),k(a)}),U(g.scrollbarY,()=>{let a=g.scrollbarY?.offsetWidth||0;g.onCornerWidthChange(a),i(a)}),l?(0,n.jsx)(e.sG.div,{...f,ref:b,style:{width:h,height:j,position:"absolute",right:"ltr"===g.dir?0:void 0,left:"rtl"===g.dir?0:void 0,bottom:0,...a.style}}):null});function N(a){return a?parseInt(a,10):0}function O(a,b){let c=a/b;return isNaN(c)?0:c}function P(a){let b=O(a.viewport,a.content),c=a.scrollbar.paddingStart+a.scrollbar.paddingEnd;return Math.max((a.scrollbar.size-c)*b,18)}function Q(a,b,c="ltr"){let d=P(b),e=b.scrollbar.paddingStart+b.scrollbar.paddingEnd,f=b.scrollbar.size-e,g=b.content-b.viewport,h=(0,l.q)(a,"ltr"===c?[0,g]:[-1*g,0]);return R([0,g],[0,f-d])(h)}function R(a,b){return c=>{if(a[0]===a[1]||b[0]===b[1])return b[0];let d=(b[1]-b[0])/(a[1]-a[0]);return b[0]+d*(c-a[0])}}var S=(a,b=()=>{})=>{let c={left:a.scrollLeft,top:a.scrollTop},d=0;return!function e(){let f={left:a.scrollLeft,top:a.scrollTop},g=c.left!==f.left,h=c.top!==f.top;(g||h)&&b(),c=f,d=window.requestAnimationFrame(e)}(),()=>window.cancelAnimationFrame(d)};function T(a,b){let c=(0,i.c)(a),e=d.useRef(0);return d.useEffect(()=>()=>window.clearTimeout(e.current),[]),d.useCallback(()=>{window.clearTimeout(e.current),e.current=window.setTimeout(c,b)},[c,b])}function U(a,b){let c=(0,i.c)(b);(0,k.N)(()=>{let b=0;if(a){let d=new ResizeObserver(()=>{cancelAnimationFrame(b),b=window.requestAnimationFrame(c)});return d.observe(a),()=>{window.cancelAnimationFrame(b),d.unobserve(a)}}},[a,c])}var V=t,W=v,X=L}};