@vuer-ai/vuer-uikit 0.0.109 → 0.0.113

package/dist/chunk-BI4QZVVB.cjs

@@ -0,0 +1,82 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/ui/spinner.tsx
+var Ring = ({ size = 24, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    height: size,
+    stroke: "currentColor",
+    viewBox: "0 0 44 44",
+    width: size,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("title", { children: "Loading..." }),
+      /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: "none", fillRule: "evenodd", strokeWidth: "2", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("circle", { cx: "22", cy: "22", r: "1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "animate",
+            {
+              attributeName: "r",
+              begin: "0s",
+              calcMode: "spline",
+              dur: "1.8s",
+              keySplines: "0.165, 0.84, 0.44, 1",
+              keyTimes: "0; 1",
+              repeatCount: "indefinite",
+              values: "1; 20"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "animate",
+            {
+              attributeName: "stroke-opacity",
+              begin: "0s",
+              calcMode: "spline",
+              dur: "1.8s",
+              keySplines: "0.3, 0.61, 0.355, 1",
+              keyTimes: "0; 1",
+              repeatCount: "indefinite",
+              values: "1; 0"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("circle", { cx: "22", cy: "22", r: "1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "animate",
+            {
+              attributeName: "r",
+              begin: "-0.9s",
+              calcMode: "spline",
+              dur: "1.8s",
+              keySplines: "0.165, 0.84, 0.44, 1",
+              keyTimes: "0; 1",
+              repeatCount: "indefinite",
+              values: "1; 20"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "animate",
+            {
+              attributeName: "stroke-opacity",
+              begin: "-0.9s",
+              calcMode: "spline",
+              dur: "1.8s",
+              keySplines: "0.3, 0.61, 0.355, 1",
+              keyTimes: "0; 1",
+              repeatCount: "indefinite",
+              values: "1; 0"
+            }
+          )
+        ] })
+      ] })
+    ]
+  }
+);
+var Spinner = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Ring, { ...props });
+};
+
+exports.Spinner = Spinner;

package/dist/{chunk-ZRRCYQ53.cjs → chunk-BTXD3NAG.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkLQGXG373_cjs = require('./chunk-LQGXG373.cjs');
+var chunkWB43VEZA_cjs = require('./chunk-WB43VEZA.cjs');
 var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -37,7 +37,7 @@ var ColorInput = react.forwardRef(function ColorInput2({ className, value, defau
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLQGXG373_cjs.InputRoot,
+      chunkWB43VEZA_cjs.InputRoot,
       {
         ...props,
         size: "sm",
@@ -48,7 +48,7 @@ var ColorInput = react.forwardRef(function ColorInput2({ className, value, defau
           setColor(e.currentTarget.value);
           onChange?.(e);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsx(chunkLQGXG373_cjs.InputSlot, { children: "#" })
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunkWB43VEZA_cjs.InputSlot, { children: "#" })
       }
     )
   ] });

package/dist/{chunk-7RHQ6DVU.cjs → chunk-CGBEPOL4.cjs}

@@ -2,19 +2,19 @@
 
 var chunkWJL5HMO6_cjs = require('./chunk-WJL5HMO6.cjs');
 var chunkRJ7I6ZQK_cjs = require('./chunk-RJ7I6ZQK.cjs');
-var chunkYXFHJKNW_cjs = require('./chunk-YXFHJKNW.cjs');
 var chunk5MNZYCN2_cjs = require('./chunk-5MNZYCN2.cjs');
 var chunkZ6UDRPC2_cjs = require('./chunk-Z6UDRPC2.cjs');
-var chunkEEGQLTSQ_cjs = require('./chunk-EEGQLTSQ.cjs');
 var chunk2J75MYQA_cjs = require('./chunk-2J75MYQA.cjs');
 var chunkUTS56UA5_cjs = require('./chunk-UTS56UA5.cjs');
 var chunkJWVH6R35_cjs = require('./chunk-JWVH6R35.cjs');
 var chunkMVAFOQ67_cjs = require('./chunk-MVAFOQ67.cjs');
 var chunkTUYG6BYZ_cjs = require('./chunk-TUYG6BYZ.cjs');
+var chunkYXFHJKNW_cjs = require('./chunk-YXFHJKNW.cjs');
 var chunkG2ZYONQO_cjs = require('./chunk-G2ZYONQO.cjs');
-var chunk5JPYU5A6_cjs = require('./chunk-5JPYU5A6.cjs');
+var chunkLV4XJY75_cjs = require('./chunk-LV4XJY75.cjs');
 var chunkHAVTMZR3_cjs = require('./chunk-HAVTMZR3.cjs');
-var chunkLFSCJLL2_cjs = require('./chunk-LFSCJLL2.cjs');
+var chunkEEGQLTSQ_cjs = require('./chunk-EEGQLTSQ.cjs');
+var chunkBDAKLXXX_cjs = require('./chunk-BDAKLXXX.cjs');
 var chunkG5JZGNKY_cjs = require('./chunk-G5JZGNKY.cjs');
 var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var chunkG4FJGNY5_cjs = require('./chunk-G4FJGNY5.cjs');
@@ -78,13 +78,25 @@ function Waterfall({
     onTemporalCursorChange,
     temporalCursor
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkLFSCJLL2_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkG4FJGNY5_cjs.SyncScrollProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkBDAKLXXX_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkG4FJGNY5_cjs.SyncScrollProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       className: chunkOHIB3TEN_cjs.cn(
-        "bg-bg-primary liquid-dark:liquid-dark-bg liquid-light:liquid-light-bg",
-        "text-text-primary rounded-uk-md",
-        "mx-auto flex w-full flex-col overflow-hidden font-sans",
+        "bg-bg-primary",
+        "liquid-dark:liquid-dark-bg",
+        "liquid-dark:border-[0.9px]",
+        "liquid-dark:border-[rgba(85,85,85,100)]",
+        "liquid-light:liquid-light-bg",
+        "liquid-light:border-[0.8px]",
+        "liquid-light:border-[white]",
+        "text-text-primary",
+        "rounded-uk-lg",
+        "mx-auto",
+        "flex",
+        "w-full",
+        "flex-col",
+        "overflow-hidden",
+        "font-sans",
         "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
         className
       ),
@@ -96,7 +108,7 @@ function Waterfall({
             style: { width: panelWidth },
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunk5JPYU5A6_cjs.TreeSearchBar,
+                chunkLV4XJY75_cjs.TreeSearchBar,
                 {
                   className: "p-1",
                   searchQuery,

package/dist/{chunk-QZUTRJSP.mjs → chunk-DHMLQTQ6.mjs}

@@ -1,5 +1,5 @@
-import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-5MBEK77I.mjs';
-import { InputRoot, InputSlot } from './chunk-LRSDE62T.mjs';
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-57MAUYQZ.mjs';
+import { InputRoot, InputSlot } from './chunk-XMQULAAU.mjs';
 import { SyncScroll } from './chunk-PDOFOJ4P.mjs';
 import { cn } from './chunk-HMN4IKTG.mjs';
 import { Search, CaseSensitive, Regex, ChevronDown } from 'lucide-react';

package/dist/{chunk-OLVOIUCE.mjs → chunk-DT2LGZ5H.mjs}

@@ -1,9 +1,9 @@
-import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-5MBEK77I.mjs';
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-57MAUYQZ.mjs';
 import { Skeleton } from './chunk-DWWM2TV3.mjs';
 import { Separator } from './chunk-OWGKZAOO.mjs';
 import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from './chunk-7NOBQH7O.mjs';
-import { InputRoot } from './chunk-LRSDE62T.mjs';
-import { Button } from './chunk-CZ4GQOXG.mjs';
+import { InputRoot } from './chunk-XMQULAAU.mjs';
+import { Button } from './chunk-AAFU2FII.mjs';
 import { useIsMobile } from './chunk-XHJDRQD7.mjs';
 import { cn } from './chunk-HMN4IKTG.mjs';
 import { Slot } from '@radix-ui/react-slot';

package/dist/{chunk-KBC7VNER.mjs → chunk-ECOYNCWG.mjs}

@@ -1,4 +1,4 @@
-import { buttonVariants } from './chunk-CZ4GQOXG.mjs';
+import { buttonVariants } from './chunk-AAFU2FII.mjs';
 import { useTabsCursor, TabsCursorProvider } from './chunk-XMG3IVGZ.mjs';
 import { cn } from './chunk-HMN4IKTG.mjs';
 import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react';

package/dist/{chunk-SVWS4AL6.cjs → chunk-F4Z5KATZ.cjs}

@@ -2,5 +2,7 @@
 
 // src/auth/localstorage-key.ts
 var bearerToken = "bearer_token";
+var JWTToken = "JWT_token";
 
+exports.JWTToken = JWTToken;
 exports.bearerToken = bearerToken;

package/dist/{chunk-NRQJX772.mjs → chunk-FB5MYIVE.mjs}

@@ -10,6 +10,7 @@ function FormLayout({
   children
 }) {
   const Com = asChild ? Slot : "div";
+  console.log("layout", orientation);
   return /* @__PURE__ */ jsx(
     Com,
     {

package/dist/chunk-FRAD2Z2G.mjs

@@ -0,0 +1,43 @@
+import { cn } from './chunk-HMN4IKTG.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+function Toolbar({ className, children, variant = "default", size = "md" }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex items-center gap-2",
+        "liquid-dark:liquid-dark-bg",
+        "liquid-dark:border-[0.9px]",
+        "liquid-dark:border-[rgba(85,85,85,100)]",
+        "liquid-light:liquid-light-bg",
+        "liquid-light:border-[0.8px]",
+        "liquid-light:border-[white]",
+        "liquid:shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
+        // Base styles for non-floating variants
+        variant !== "floating" && "bg-bg-primary",
+        // Size-based border radius for non-floating variants
+        variant !== "floating" && size === "sm" && "rounded-uk-md p-1.5",
+        variant !== "floating" && size === "md" && "rounded-uk-lg p-1.5",
+        variant !== "floating" && size === "lg" && "rounded-uk-xl p-1.5",
+        // Floating variant styles
+        variant === "floating" && [
+          "rounded-[var(--radius-uk-md)] bg-white dark:bg-gray-900",
+          size === "sm" && "px-1 py-1",
+          size === "md" && "px-[0.6em] py-2",
+          size === "lg" && "px-3 py-3"
+        ],
+        className
+      ),
+      children
+    }
+  );
+}
+function ToolbarGroup({ className, children }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex items-center gap-1", className), children });
+}
+function ToolbarSeparator({ className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("bg-line-primary mx-2 h-3.5 w-0.75 rounded-full", className) });
+}
+
+export { Toolbar, ToolbarGroup, ToolbarSeparator };

package/dist/chunk-FROQ45MN.mjs

@@ -0,0 +1,6 @@
+import { createContext } from 'react';
+
+// src/auth/context/user-context.ts
+var UserContext = createContext(null);
+
+export { UserContext };

package/dist/chunk-G6ATG2WV.mjs

@@ -0,0 +1,28 @@
+import { useUser } from './chunk-VSFPXAGN.mjs';
+import { signInHandler } from './chunk-V4KDK3BN.mjs';
+import { useState, useCallback, useMemo } from 'react';
+
+var useSignIn = () => {
+  const { refetch, baseURL } = useUser();
+  const [isPending, setIsPending] = useState(false);
+  const signInHandle = useCallback(
+    async (props) => {
+      try {
+        setIsPending(true);
+        await signInHandler({ ...props, baseURL });
+        const result = await refetch();
+        setIsPending(false);
+        return result;
+      } catch (e) {
+        console.error(e);
+        return null;
+      }
+    },
+    [baseURL, refetch]
+  );
+  return useMemo(() => {
+    return { isPending, signIn: signInHandle };
+  }, [isPending, signInHandle]);
+};
+
+export { useSignIn };

package/dist/chunk-GBERXSLI.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
+var ProgressPrimitive = require('@radix-ui/react-progress');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
+
+function Progress({
+  className,
+  value,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ProgressPrimitive__namespace.Root,
+    {
+      "data-slot": "progress",
+      className: chunkOHIB3TEN_cjs.cn(
+        "bg-bg-secondary relative h-2 w-full overflow-hidden rounded-uk-xl",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        ProgressPrimitive__namespace.Indicator,
+        {
+          "data-slot": "progress-indicator",
+          className: "bg-brand-primary h-full w-full flex-1 transition-all",
+          style: { transform: `translateX(-${100 - (value || 0)}%)` }
+        }
+      )
+    }
+  );
+}
+
+exports.Progress = Progress;

package/dist/{chunk-TPAV6PXI.mjs → chunk-GF7EZ6DO.mjs}

@@ -2,8 +2,8 @@ import { cn } from './chunk-HMN4IKTG.mjs';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var DIAL_PACKAGE_NAME = "@vuer-ai/dial-cli" ;
-var DIAL_PACKAGE_VERSION = "0.0.12" ;
-var DIAL_GIT_HASH = "48d7a7a" ;
+var DIAL_PACKAGE_VERSION = "0.0.14" ;
+var DIAL_GIT_HASH = "2cdbaa6" ;
 function DialBadge({
   className,
   package: showPackage = true,

package/dist/{chunk-EXQQRW7T.mjs → chunk-GSQE4JVF.mjs}

@@ -1,4 +1,4 @@
-import { InputRoot, InputSlot } from './chunk-LRSDE62T.mjs';
+import { InputRoot, InputSlot } from './chunk-XMQULAAU.mjs';
 import { cn } from './chunk-HMN4IKTG.mjs';
 import { forwardRef, useState } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-5HS4PMUR.mjs → chunk-GUSUTH7D.mjs}

@@ -1,18 +1,23 @@
-import { getSession } from './chunk-T57VFBIC.mjs';
-import { AuthContext } from './chunk-TC3W4VRO.mjs';
-import { bearerToken } from './chunk-276VJZCV.mjs';
+import { UserContext } from './chunk-FROQ45MN.mjs';
+import { getSession } from './chunk-SO2UTKSV.mjs';
+import { bearerToken } from './chunk-UT7B4TLZ.mjs';
 import { useState, useCallback, useEffect, useMemo } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
-function VuerAuthProvider({ children, baseURL }) {
+function VuerUserProvider({ children, baseURL }) {
   const [isPending, setIsPending] = useState(true);
   const [session, setSession] = useState(null);
   const refetchHandle = useCallback(async () => {
-    setIsPending(true);
-    const data = await getSession(baseURL);
-    setSession(data);
-    setIsPending(false);
-    return data;
+    try {
+      setIsPending(true);
+      const data = await getSession(baseURL);
+      setSession(data);
+      setIsPending(false);
+      return data;
+    } catch (e) {
+      console.error(e);
+      return null;
+    }
   }, [baseURL]);
   useEffect(() => {
     const searchParams = new URLSearchParams(window.location.search);
@@ -27,7 +32,7 @@ function VuerAuthProvider({ children, baseURL }) {
     refetchHandle().then(() => console.log("Init session"));
   }, [refetchHandle]);
   return /* @__PURE__ */ jsx(
-    AuthContext.Provider,
+    UserContext.Provider,
     {
       value: useMemo(() => {
         return {
@@ -42,4 +47,4 @@ function VuerAuthProvider({ children, baseURL }) {
   );
 }
 
-export { VuerAuthProvider };
+export { VuerUserProvider };

package/dist/{chunk-IXNXSECD.mjs → chunk-H2AJ2CLT.mjs}

@@ -1,4 +1,4 @@
-import { VectorInput } from './chunk-VEWWUO2N.mjs';
+import { VectorInput } from './chunk-ZDSN4IFT.mjs';
 import { forwardRef, useMemo } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-SHT4BJOB.cjs → chunk-H7H6MSWG.cjs}

@@ -4,9 +4,9 @@ var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
 
-var PACKAGE_VERSION = "0.0.109" ;
+var PACKAGE_VERSION = "0.0.113" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
-var GIT_HASH = "08eb0b9" ;
+var GIT_HASH = "ddc95b1" ;
 function PackageBadge({
   className,
   packageName,

package/dist/{chunk-SUEFWFPX.mjs → chunk-HFGRTWTD.mjs}

@@ -1,5 +1,5 @@
-import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-5MBEK77I.mjs';
-import { InputRoot, InputSlot } from './chunk-LRSDE62T.mjs';
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-57MAUYQZ.mjs';
+import { InputRoot, InputSlot } from './chunk-XMQULAAU.mjs';
 import { cn } from './chunk-HMN4IKTG.mjs';
 import { Search, CaseSensitive, Regex } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/chunk-HOMAESTR.mjs

@@ -0,0 +1,12 @@
+import { fetchAuth } from './chunk-PXDT5GFJ.mjs';
+
+// src/auth/handler/sign-out-handler.ts
+var signOutHandler = async (baseURL) => {
+  const res = await fetchAuth(`${baseURL}/api/auth/sign-out`, {
+    method: "POST",
+    credentials: "include"
+  });
+  return await res.json();
+};
+
+export { signOutHandler };

package/dist/{chunk-T2D6PSA6.cjs → chunk-I2YVC4AE.cjs}

@@ -1,26 +1,31 @@
 'use strict';
 
-var chunkWTYBTOLO_cjs = require('./chunk-WTYBTOLO.cjs');
-var chunkZULCZ5L6_cjs = require('./chunk-ZULCZ5L6.cjs');
-var chunkSVWS4AL6_cjs = require('./chunk-SVWS4AL6.cjs');
+var chunk3WMO5QJJ_cjs = require('./chunk-3WMO5QJJ.cjs');
+var chunkMRMSCW3P_cjs = require('./chunk-MRMSCW3P.cjs');
+var chunkF4Z5KATZ_cjs = require('./chunk-F4Z5KATZ.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
-function VuerAuthProvider({ children, baseURL }) {
+function VuerUserProvider({ children, baseURL }) {
   const [isPending, setIsPending] = react.useState(true);
   const [session, setSession] = react.useState(null);
   const refetchHandle = react.useCallback(async () => {
-    setIsPending(true);
-    const data = await chunkWTYBTOLO_cjs.getSession(baseURL);
-    setSession(data);
-    setIsPending(false);
-    return data;
+    try {
+      setIsPending(true);
+      const data = await chunkMRMSCW3P_cjs.getSession(baseURL);
+      setSession(data);
+      setIsPending(false);
+      return data;
+    } catch (e) {
+      console.error(e);
+      return null;
+    }
   }, [baseURL]);
   react.useEffect(() => {
     const searchParams = new URLSearchParams(window.location.search);
     const session2 = searchParams.get("token");
     if (session2) {
-      localStorage.setItem(chunkSVWS4AL6_cjs.bearerToken, encodeURIComponent(session2));
+      localStorage.setItem(chunkF4Z5KATZ_cjs.bearerToken, encodeURIComponent(session2));
       refetchHandle().then(() => console.log("Sign in session"));
       window.history.replaceState({}, "", window.location.pathname);
     }
@@ -29,7 +34,7 @@ function VuerAuthProvider({ children, baseURL }) {
     refetchHandle().then(() => console.log("Init session"));
   }, [refetchHandle]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkZULCZ5L6_cjs.AuthContext.Provider,
+    chunk3WMO5QJJ_cjs.UserContext.Provider,
     {
       value: react.useMemo(() => {
         return {
@@ -44,4 +49,4 @@ function VuerAuthProvider({ children, baseURL }) {
   );
 }
 
-exports.VuerAuthProvider = VuerAuthProvider;
+exports.VuerUserProvider = VuerUserProvider;

package/dist/{chunk-4JGGLCXT.mjs → chunk-JH5NAW2V.mjs}

@@ -1,4 +1,4 @@
-import { InputNumbers } from './chunk-7HOEFGEO.mjs';
+import { InputNumbers } from './chunk-MGFG7EXC.mjs';
 import { forwardRef, useCallback } from 'react';
 import { jsx } from 'react/jsx-runtime';