flowstudio 0.0.30 → 0.0.32

package/dist/globals.css

@@ -0,0 +1,264 @@
+@import "tailwindcss";
+@source "./**/*.{ts,tsx,js,jsx}";
+
+@variant dark (&:is(.dark *));
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-geist-sans);
+  --font-mono: var(--font-geist-mono);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar: var(--sidebar);
+  --color-chart-5: var(--chart-5);
+  --color-chart-4: var(--chart-4);
+  --color-chart-3: var(--chart-3);
+  --color-chart-2: var(--chart-2);
+  --color-chart-1: var(--chart-1);
+  --color-ring: var(--ring);
+  --color-input: var(--input);
+  --color-border: var(--border);
+  --color-destructive: var(--destructive);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-accent: var(--accent);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-muted: var(--muted);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-secondary: var(--secondary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-primary: var(--primary);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-popover: var(--popover);
+  --color-card-foreground: var(--card-foreground);
+  --color-card: var(--card);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+}
+
+.flowstudio-root {
+  --radius: 0.625rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.546 0.245 262.881);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --secondary-deep: color-mix(in hsl, var(--secondary), black 10%);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.546 0.245 262.881);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.546 0.245 262.881);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+
+.flowstudio-root.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.205 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.707 0.165 254.624);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --secondary-deep: color-mix(in hsl, var(--secondary), black 10%);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.707 0.165 254.624);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.556 0 0);
+}
+
+@layer base {
+  * {
+    @apply border-border ring-0;
+  }
+
+  /* Remove default focus outline */
+  *:focus {
+    outline: none;
+  }
+
+  *:focus-visible {
+    outline: none;
+  }
+
+  html {
+    transition: color-scheme 0.2s ease-in-out;
+  }
+
+  body {
+    @apply bg-background text-foreground;
+    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+  }
+
+  /* Smooth transitions for all theme-dependent elements */
+  *,
+  *::before,
+  *::after {
+    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out,
+      color 0.2s ease-in-out, fill 0.2s ease-in-out, stroke 0.2s ease-in-out,
+      opacity 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+  }
+
+  /* Exclude shadcn components from global transitions */
+  [data-radix-popper-content-wrapper],
+  [data-radix-dropdown-menu-content],
+  [data-radix-hover-card-content],
+  [data-radix-tooltip-content],
+  [data-radix-popover-content],
+  [data-radix-select-content],
+  [data-radix-dialog-content],
+  [data-radix-sheet-content] {
+    transition: none !important;
+  }
+
+  /* Ensure tooltip arrows are visible */
+  [data-radix-tooltip-content] {
+    overflow: visible !important;
+  }
+
+  /* Prevent transitions on page load */
+  .preload * {
+    transition: none !important;
+  }
+
+  /* Portal container — portals render here so they inherit .flowstudio-root CSS variables */
+  .flowstudio-portal-root {
+    position: fixed;
+    inset: 0;
+    pointer-events: none;
+    z-index: 50;
+  }
+  .flowstudio-portal-root > * {
+    pointer-events: auto;
+  }
+
+  /* Isolate flowstudio pane containers */
+  .flowstudio-pane-container {
+    position: relative;
+    isolation: isolate;
+    overflow: hidden;
+  }
+
+  /* Ensure portals within pane containers are positioned correctly */
+  .flowstudio-pane-container [data-radix-popper-content-wrapper],
+  .flowstudio-pane-container [data-radix-portal] {
+    position: absolute;
+  }
+
+  /* Scope toaster to container */
+  .flowstudio-pane-container [data-sonner-toaster] {
+    position: absolute !important;
+    top: 10px !important;
+    left: 10px !important;
+    right: 10px !important;
+    bottom: 10px !important;
+    pointer-events: none;
+  }
+
+  .flowstudio-pane-container [data-sonner-toast] {
+    pointer-events: auto;
+  }
+
+  /* Hide flowstudio toaster from global scope - only show in container */
+  .flowstudio-toaster:not(.flowstudio-pane-container .flowstudio-toaster) {
+    display: none !important;
+  }
+
+  /* Only show FlowStudio toasts in FlowStudio toaster */
+  .flowstudio-pane-container .flowstudio-toaster [data-sonner-toast]:not(.flowstudio-toast) {
+    display: none !important;
+  }
+
+  /* Hide FlowStudio toasts from host toaster */
+  [data-sonner-toaster]:not(.flowstudio-toaster) .flowstudio-toast {
+    display: none !important;
+  }
+
+  /* Scope sheets to container */
+  .flowstudio-pane-container [data-slot="sheet-overlay"] {
+    position: absolute !important;
+    inset: 0 !important;
+    will-change: opacity;
+    backface-visibility: hidden;
+  }
+
+  .flowstudio-pane-container [data-slot="sheet-content"] {
+    position: absolute !important;
+    will-change: transform, opacity;
+    backface-visibility: hidden;
+  }
+
+  /* Ensure sheet portal renders within container */
+  .flowstudio-pane-container [data-slot="sheet-portal"] {
+    position: absolute;
+    inset: 0;
+    pointer-events: none;
+    contain: layout style paint;
+  }
+
+  .flowstudio-pane-container [data-slot="sheet-portal"] > * {
+    pointer-events: auto;
+  }
+
+  /* Prevent ReactFlow from being affected by sheet animations */
+  .flowstudio-pane-container .react-flow {
+    transform: translateZ(0);
+    backface-visibility: hidden;
+    contain: layout style paint;
+  }
+
+  /* Remove any transform overrides - let inline styles handle it */
+
+  .flowstudio-pane-container [data-slot="sheet-overlay"] {
+    transition: opacity 250ms ease-in-out !important;
+  }
+}

package/dist/home.d.ts

@@ -1 +1 @@
-export default function HomePage({ api_key, userId, projects, projectsPending, refetch, providers, provider }: any): import("react/jsx-runtime").JSX.Element;
+export default function HomePage({ api_key, userId, project_categories, project_templates, projects, projectsPending, templatesPending, categoriesPending, refetch, providers, provider, quota }: any): import("react").JSX.Element;

package/dist/home.js

@@ -1,34 +1,39 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Flex, TextField, Text, Button, Box, Card, Skeleton, Separator } from "@radix-ui/themes";
 import ProjectWidget from "./project_widget";
 import { FaPlus } from "react-icons/fa";
-import { BiSearch } from "react-icons/bi";
 import { useEffect, useState } from "react";
-import { useConfigStore } from "./zustand/store";
 import NewProject from "./new_project";
-import { Link } from "next-view-transitions";
-export default function HomePage({ api_key, userId, projects, projectsPending, refetch, providers, provider }) {
-    var _a;
+import { Card, CardContent, CardFooter } from "@osanim/shared";
+import { Button } from "@osanim/shared";
+import { Skeleton } from "@osanim/shared";
+import { Separator } from "@osanim/shared";
+import { InputGroup, InputGroupAddon, InputGroupInput } from "@osanim/shared";
+import { Tabs, TabsList, TabsTrigger } from "@osanim/shared";
+import { GSheet } from "@osanim/shared";
+import { useConfigStore } from "./zustand/store";
+import { Plus, SearchIcon, Clock, ChevronRight, LayoutTemplate, Zap, ArrowRight, Activity, } from "lucide-react";
+const steps = [
+    { n: 1, title: "Create a new app", desc: "Start from scratch or use a template", color: "text-primary border-primary" },
+    { n: 2, title: "Add triggers & actions", desc: "Drag and drop to build your flow", color: "text-violet-400 border-violet-400" },
+    { n: 3, title: "Connect & automate", desc: "Test and turn on your workflow", color: "text-green-400 border-green-400" },
+];
+export default function HomePage({ api_key, userId, project_categories, project_templates, projects, projectsPending, templatesPending, categoriesPending, refetch, providers, provider, quota }) {
+    var _a, _b, _c, _d;
+    const { openTemplates, setOpenTemplates } = useConfigStore();
     const [getData, setData] = useState([]);
     const [getSearch, setSearch] = useState('');
-    const { openNewProject, setOpenNewProject } = useConfigStore();
-    // useEffect(()=>{
-    //   refetch()
-    // }, [])
+    const [selectedCategory, setSelectedCategory] = useState('all');
     useEffect(() => {
         var _a, _b;
         if (getSearch && ((_a = projects === null || projects === void 0 ? void 0 : projects.results) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-            let searchedData = (_b = projects === null || projects === void 0 ? void 0 : projects.results) === null || _b === void 0 ? void 0 : _b.filter((val) => {
+            const searchedData = (_b = projects === null || projects === void 0 ? void 0 : projects.results) === null || _b === void 0 ? void 0 : _b.filter((val) => {
                 var _a, _b, _c;
-                if ((getSearch === null || getSearch === void 0 ? void 0 : getSearch.toLowerCase()) === '') {
+                if ((getSearch === null || getSearch === void 0 ? void 0 : getSearch.toLowerCase()) === '')
                     return val;
-                }
-                else if (((_a = val === null || val === void 0 ? void 0 : val.name) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(getSearch === null || getSearch === void 0 ? void 0 : getSearch.toLowerCase())) ||
+                return (((_a = val === null || val === void 0 ? void 0 : val.name) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(getSearch === null || getSearch === void 0 ? void 0 : getSearch.toLowerCase())) ||
                     ((_b = val === null || val === void 0 ? void 0 : val.description) === null || _b === void 0 ? void 0 : _b.toLowerCase().includes(getSearch === null || getSearch === void 0 ? void 0 : getSearch.toLowerCase())) ||
-                    ((_c = val === null || val === void 0 ? void 0 : val.created) === null || _c === void 0 ? void 0 : _c.toLowerCase().includes(getSearch === null || getSearch === void 0 ? void 0 : getSearch.toLowerCase()))) {
-                    return val;
-                }
+                    ((_c = val === null || val === void 0 ? void 0 : val.created) === null || _c === void 0 ? void 0 : _c.toLowerCase().includes(getSearch === null || getSearch === void 0 ? void 0 : getSearch.toLowerCase())));
             });
             setData(searchedData);
         }
@@ -36,14 +41,47 @@ export default function HomePage({ api_key, userId, projects, projectsPending, r
             setData(projects === null || projects === void 0 ? void 0 : projects.results);
         }
     }, [getSearch, projects]);
-    return (_jsxs(Flex, { direction: 'column', gap: '5', p: '5', width: '100%', children: [_jsxs(Flex, { justify: 'between', align: 'center', children: [_jsx(Text, { children: "Dashboard" }), _jsxs(Flex, { align: 'center', gap: '3', children: [_jsx(TextField.Root, { type: 'search', placeholder: "Search Apps", onChange: ((event) => { if (event.target.value == '') {
-                                    setSearch('');
-                                }
-                                else {
-                                    setSearch(event.target.value);
-                                } }), style: { maxWidth: '130px' }, children: _jsx(TextField.Slot, { children: _jsx(BiSearch, {}) }) }), _jsxs(NewProject, { api_key: api_key, userId: userId, projects: projects, refetch: refetch, providers: providers, provider: provider, highContrast: true, align: 'end', children: [_jsx(FaPlus, {}), " ", _jsx(Box, { as: 'span', display: { initial: 'none', md: 'inline-block' }, children: "New" })] })] })] }), projectsPending &&
-                _jsx(Flex, { wrap: 'wrap', gap: "5", children: Array.from({ length: 18 }).map((_, ind) => (_jsx(Card, { style: { width: '150px' }, children: _jsxs(Flex, { direction: 'column', gap: '2', children: [_jsx(Skeleton, { style: { height: '90px', width: '100%' } }), _jsx(Separator, { size: '4' }), _jsx(Skeleton, { style: { height: '20px', width: '100%' } })] }) }, ind))) }), !projectsPending && (getData === null || getData === void 0 ? void 0 : getData.length) > 0 &&
-                _jsx(Flex, { wrap: 'wrap', gap: "5", children: getData === null || getData === void 0 ? void 0 : getData.map((val, ind) => (_jsx(ProjectWidget, { api_key: api_key, identifier: val.identifier, name: val.name }, ind))) }), ((_a = projects === null || projects === void 0 ? void 0 : projects.results) === null || _a === void 0 ? void 0 : _a.length) == 0 && getSearch == '' &&
-                _jsx(Flex, { justify: 'center', align: 'center', gap: '5', p: { initial: '5', md: '9' }, width: '100%', style: {}, children: _jsx(Card, { size: '5', style: { width: '100%', maxWidth: '500px' }, children: _jsxs(Flex, { direction: 'column', gap: '5', justify: 'center', align: 'center', height: '100%', children: [_jsx(Text, { weight: 'bold', children: "There are no Flow Apps" }), _jsxs(Flex, { gap: '5', justify: 'center', align: 'center', children: [_jsxs(NewProject, { api_key: api_key, userId: userId, projects: projects, refetch: refetch, providers: providers, highContrast: true, size: '2', children: [_jsx(FaPlus, {}), " ", _jsx(Box, { as: 'span', display: { initial: 'none', md: 'inline-block' }, children: "Create First App" })] }), _jsx(Link, { href: 'https://flowstudio-docs.vercel.app', target: '_blank', children: _jsx(Button, { size: '2', variant: 'ghost', children: "Learn More" }) })] })] }) }) })] }));
+    const filteredTemplates = selectedCategory === 'all'
+        ? project_templates === null || project_templates === void 0 ? void 0 : project_templates.results
+        : (_a = project_templates === null || project_templates === void 0 ? void 0 : project_templates.results) === null || _a === void 0 ? void 0 : _a.filter((template) => (template === null || template === void 0 ? void 0 : template.category) === selectedCategory);
+    const categoryMap = Object.fromEntries(((_b = project_categories === null || project_categories === void 0 ? void 0 : project_categories.results) !== null && _b !== void 0 ? _b : []).map((c) => [c.identifier, c.name]));
+    return (_jsxs("div", { className: 'flex flex-col gap-0 w-full h-full overflow-y-auto', children: [_jsxs("div", { className: "w-full max-w-[1360px] mx-auto px-5 py-5 space-y-6", children: [_jsxs("div", { className: "relative overflow-hidden rounded-lg border bg-card", children: [_jsx("div", { className: "absolute inset-0 pointer-events-none opacity-30", style: {
+                                    backgroundImage: `radial-gradient(circle, hsl(var(--border)) 1px, transparent 1px)`,
+                                    backgroundSize: '24px 24px',
+                                } }), _jsx("div", { className: "absolute inset-0 bg-linear-to-r from-background via-background/60 to-transparent pointer-events-none" }), _jsxs("div", { className: "relative flex flex-col md:flex-row items-center gap-6 p-6", children: [_jsx("div", { className: "shrink-0 hidden sm:flex w-24 h-24 items-center justify-center rounded-xl bg-primary/10 border border-primary/20", children: _jsxs("svg", { viewBox: "0 0 64 64", className: "w-14 h-14", fill: "none", children: [_jsx("rect", { x: "4", y: "22", width: "20", height: "20", rx: "4", fill: "hsl(220 90% 56%)" }), _jsx("circle", { cx: "44", cy: "16", r: "10", fill: "hsl(270 70% 60%)" }), _jsx("rect", { x: "38", y: "42", width: "18", height: "16", rx: "3", fill: "hsl(35 90% 55%)" }), _jsx("path", { d: "M24 32 Q34 20 34 16", stroke: "hsl(140 60% 50%)", strokeWidth: "2.5", strokeLinecap: "round", fill: "none" }), _jsx("path", { d: "M24 32 Q34 44 38 50", stroke: "hsl(140 60% 50%)", strokeWidth: "2.5", strokeLinecap: "round", fill: "none" }), _jsx("circle", { cx: "34", cy: "32", r: "3", fill: "hsl(140 60% 50%)" })] }) }), _jsxs("div", { className: "flex-1 space-y-2 text-center md:text-left", children: [_jsxs("h2", { className: "text-xl font-semibold", children: ["Welcome to ", _jsx("span", { className: "text-primary", children: "FlowApp Studio" })] }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Build. Connect. Automate." }), _jsx("p", { className: "text-xs text-muted-foreground max-w-md", children: "Create powerful logic apps with our intuitive drag & drop builder. No code. Just flow." }), _jsxs("div", { className: "flex flex-wrap gap-3 pt-1 justify-center md:justify-start", children: [_jsxs(NewProject, { api_key: api_key, userId: userId, projects: projects, refetch: refetch, providers: providers, provider: provider, size: 'sm', children: [_jsx(Plus, { className: "w-3.5 h-3.5" }), " Create Your First App"] }), _jsxs(Button, { size: "sm", variant: "outline", className: "gap-1.5 text-xs", onClick: () => setOpenTemplates(true), children: [_jsx(LayoutTemplate, { className: "w-3 h-3" }), " Templates"] })] })] }), _jsxs("div", { className: "hidden lg:flex flex-col gap-3 shrink-0 min-w-[220px]", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider", children: "Get started in 3 easy steps" }), steps.map((s) => (_jsxs("div", { className: "flex items-start gap-3", children: [_jsx("span", { className: `w-6 h-6 rounded-full border-2 flex items-center justify-center text-xs font-bold shrink-0 ${s.color}`, children: s.n }), _jsxs("div", { children: [_jsx("p", { className: "text-xs font-medium leading-tight", children: s.title }), _jsx("p", { className: "text-[11px] text-muted-foreground leading-tight", children: s.desc })] })] }, s.n)))] }), quota && _jsx(SessionsWidget, { quota: quota })] })] }), _jsxs("section", { className: "space-y-3 pb-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Clock, { className: "w-4 h-4 text-muted-foreground" }), _jsx("span", { className: "text-sm font-medium", children: "Recent Apps" }), ((_c = projects === null || projects === void 0 ? void 0 : projects.count) !== null && _c !== void 0 ? _c : 0) > 9 && (_jsxs(Button, { variant: "ghost", size: "sm", className: "text-xs gap-1 h-7", children: ["View all ", _jsx(ChevronRight, { className: "w-3 h-3" })] }))] }), _jsxs(InputGroup, { className: "w-[180px]", children: [_jsx(InputGroupInput, { className: "text-xs", placeholder: "Search ...", onChange: (event) => setSearch(event.target.value === '' ? '' : event.target.value) }), _jsx(InputGroupAddon, { children: _jsx(SearchIcon, {}) })] })] }), _jsxs("div", { className: "w-full grid grid-cols-2 xs:grid-cols-3 sm:grid-cols-3 lg:grid-cols-5 xl:grid-cols-6 2xl:grid-cols-7 gap-4", children: [projectsPending && Array.from({ length: 9 }).map((_, ind) => (_jsx(Card, { className: 'gap-0 p-0', children: _jsxs(CardContent, { className: 'flex flex-col gap-2 p-4', children: [_jsx(Skeleton, { className: 'h-[80px] w-full rounded' }), _jsx(Separator, {}), _jsx(Skeleton, { className: 'h-4 w-full' })] }) }, ind))), !projectsPending && (getData === null || getData === void 0 ? void 0 : getData.map((val, ind) => (_jsx(ProjectWidget, { api_key: api_key, identifier: val.identifier, name: val.name }, ind)))), !projectsPending && (projects === null || projects === void 0 ? void 0 : projects.count) === 0 && getSearch === '' && (_jsxs("div", { className: "col-span-full flex flex-col items-center justify-center py-12 gap-4 text-center", children: [_jsx("div", { className: "w-14 h-14 rounded-full bg-muted flex items-center justify-center", children: _jsx(LayoutTemplate, { className: "w-7 h-7 text-muted-foreground" }) }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium", children: "No apps yet" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Create your first app to get started" })] }), _jsxs("div", { className: "flex gap-3", children: [_jsxs(NewProject, { api_key: api_key, userId: userId, projects: projects, refetch: refetch, providers: providers, size: "sm", children: [_jsx(FaPlus, {}), " Create First App"] }), _jsx(Button, { size: "sm", variant: "ghost", onClick: () => setOpenTemplates(true), children: "Browse Templates" })] })] }))] })] })] }), _jsx(GSheet, { open: openTemplates, setOpen: setOpenTemplates, title: "Templates", showCloseBtn: true, side: "right", maxWidth: "750px", children: _jsxs("div", { className: "flex-1 overflow-y-auto px-5 py-5 flex flex-col gap-5", children: [_jsx(Tabs, { value: selectedCategory, onValueChange: setSelectedCategory, children: _jsxs(TabsList, { className: "h-auto bg-transparent p-0 flex-wrap gap-1 justify-start", children: [_jsx(TabsTrigger, { value: "all", className: "text-xs rounded-full px-3 py-1 border border-transparent data-[state=active]:border-primary data-[state=active]:bg-primary data-[state=active]:text-primary-foreground", children: "All Templates" }), categoriesPending && Array.from({ length: 5 }).map((_, ind) => (_jsx(Skeleton, { className: "h-7 w-20 rounded-full" }, ind))), !categoriesPending && ((_d = project_categories === null || project_categories === void 0 ? void 0 : project_categories.results) === null || _d === void 0 ? void 0 : _d.map((val, ind) => (_jsx(TabsTrigger, { value: val === null || val === void 0 ? void 0 : val.identifier, className: "text-xs rounded-full px-3 py-1 border border-transparent data-[state=active]:border-primary data-[state=active]:bg-primary data-[state=active]:text-primary-foreground", children: val === null || val === void 0 ? void 0 : val.name }, ind))))] }) }), _jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [templatesPending && Array.from({ length: 6 }).map((_, ind) => (_jsxs(Card, { className: "flex flex-col gap-0 p-0", children: [_jsxs(CardContent, { className: "flex flex-1 flex-col gap-3 p-4", children: [_jsx(Skeleton, { className: "h-12 w-12 rounded-lg" }), _jsxs("div", { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-4 w-3/4" }), _jsx(Skeleton, { className: "h-3 w-full" }), _jsx(Skeleton, { className: "h-3 w-2/3" })] })] }), _jsxs(CardFooter, { className: "flex items-center justify-between px-4 pb-4 pt-0", children: [_jsx(Skeleton, { className: "h-5 w-16 rounded" }), _jsx(Skeleton, { className: "h-7 w-24 rounded" })] })] }, ind))), filteredTemplates === null || filteredTemplates === void 0 ? void 0 : filteredTemplates.map((val, ind) => {
+                                    var _a, _b, _c, _d, _e;
+                                    const catColor = getCategoryColor((_b = (_a = val === null || val === void 0 ? void 0 : val.category) !== null && _a !== void 0 ? _a : val === null || val === void 0 ? void 0 : val.title) !== null && _b !== void 0 ? _b : '');
+                                    const categoryName = (_d = (_c = categoryMap[val === null || val === void 0 ? void 0 : val.category]) !== null && _c !== void 0 ? _c : val === null || val === void 0 ? void 0 : val.category_name) !== null && _d !== void 0 ? _d : val === null || val === void 0 ? void 0 : val.category;
+                                    return (_jsxs(Card, { className: "flex flex-col gap-0 p-0 hover:shadow-md transition-shadow", children: [_jsxs(CardContent, { className: "flex flex-1 flex-col gap-3 p-4", children: [_jsx("div", { className: "w-12 h-12 rounded-lg flex items-center justify-center shrink-0", style: { backgroundColor: catColor }, children: _jsx(LayoutTemplate, { className: "w-6 h-6 text-white/80" }) }), _jsxs("div", { className: "space-y-1 flex-1", children: [_jsx("h4", { className: "text-sm font-semibold leading-tight", children: val === null || val === void 0 ? void 0 : val.title }), _jsx("p", { className: "text-xs text-muted-foreground line-clamp-3", children: val === null || val === void 0 ? void 0 : val.description })] })] }), _jsxs(CardFooter, { className: "flex items-center justify-between px-4 pb-4 pt-0 gap-2", children: [categoryName ? (_jsx("span", { className: "text-[10px] text-muted-foreground border rounded px-2 py-0.5 shrink-0", children: categoryName })) : _jsx("span", {}), _jsxs(NewProject, { api_key: api_key, userId: userId, defaultProject: { name: val === null || val === void 0 ? void 0 : val.title, description: val === null || val === void 0 ? void 0 : val.description, flow: val === null || val === void 0 ? void 0 : val.flow, flow_draft: val === null || val === void 0 ? void 0 : val.flow }, projects: projects, refetch: refetch, providers: providers, size: "xs", children: ["Use Template ", _jsx(ArrowRight, { className: "w-3 h-3" })] })] })] }, (_e = val === null || val === void 0 ? void 0 : val.identifier) !== null && _e !== void 0 ? _e : ind));
+                                })] }), !templatesPending && (_jsxs("div", { className: "rounded-lg border bg-card p-5 flex flex-col sm:flex-row items-center gap-4 justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center shrink-0", children: _jsx(Zap, { className: "w-5 h-5 text-primary" }) }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-semibold", children: "Can't find what you need?" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Start from scratch or explore our help center for more examples." })] })] }), _jsxs("div", { className: "flex gap-3 shrink-0", children: [_jsx(NewProject, { api_key: api_key, userId: userId, projects: projects, refetch: refetch, providers: providers, size: "sm", children: "Start Blank App" }), _jsx("a", { href: "https://flowstudio-docs.vercel.app", target: "_blank", rel: "noreferrer", children: _jsxs(Button, { variant: "outline", size: "sm", className: "gap-1.5 text-xs", children: ["Visit Help Center ", _jsx(ArrowRight, { className: "w-3 h-3" })] }) })] })] }))] }) })] }));
+}
+function SessionsWidget({ quota }) {
+    var _a, _b, _c, _d, _e, _f;
+    const used = (_b = (_a = quota === null || quota === void 0 ? void 0 : quota.usage) === null || _a === void 0 ? void 0 : _a.sessions_this_month) !== null && _b !== void 0 ? _b : 0;
+    const max = (_d = (_c = quota === null || quota === void 0 ? void 0 : quota.plan_limits) === null || _c === void 0 ? void 0 : _c.max_sessions) !== null && _d !== void 0 ? _d : -1;
+    const unlimited = max === -1;
+    const remaining = unlimited ? null : Math.max(0, max - used);
+    const pct = unlimited ? 0 : Math.min(100, Math.round((used / max) * 100));
+    const planName = (_f = (_e = quota === null || quota === void 0 ? void 0 : quota.plan_limits) === null || _e === void 0 ? void 0 : _e.name) !== null && _f !== void 0 ? _f : 'Free';
+    const barColor = !unlimited && pct >= 90 ? 'bg-red-500' :
+        !unlimited && pct >= 70 ? 'bg-yellow-500' :
+            'bg-primary';
+    return (_jsxs("div", { className: "hidden xl:flex flex-col gap-2 shrink-0 min-w-[180px] border rounded-lg px-4 py-3 bg-muted/30", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(Activity, { className: "w-3.5 h-3.5 text-muted-foreground" }), _jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider", children: "Sessions" }), _jsx("span", { className: "ml-auto text-[10px] border rounded px-1.5 py-0.5", children: planName })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-baseline justify-between gap-1", children: [_jsx("span", { className: "text-lg font-bold leading-none", children: unlimited ? '∞' : remaining === null || remaining === void 0 ? void 0 : remaining.toLocaleString() }), _jsx("span", { className: "text-[11px] text-muted-foreground", children: unlimited ? 'unlimited' : `of ${max.toLocaleString()} remaining` })] }), !unlimited && (_jsx("div", { className: "h-1.5 w-full rounded-full bg-muted overflow-hidden", children: _jsx("div", { className: `h-full rounded-full transition-all ${barColor}`, style: { width: `${pct}%` } }) })), _jsxs("p", { className: "text-[10px] text-muted-foreground", children: [used.toLocaleString(), " used this month"] })] })] }));
+}
+const CATEGORY_COLORS = [
+    'hsl(262 83% 58%)',
+    'hsl(221 83% 53%)',
+    'hsl(142 71% 45%)',
+    'hsl(38 92% 50%)',
+    'hsl(346 77% 49%)',
+    'hsl(197 71% 52%)',
+    'hsl(291 64% 42%)',
+    'hsl(162 63% 41%)',
+];
+function getCategoryColor(str) {
+    let h = 0;
+    for (let i = 0; i < str.length; i++)
+        h = str.charCodeAt(i) + ((h << 5) - h);
+    return CATEGORY_COLORS[Math.abs(h) % CATEGORY_COLORS.length];
 }
 //# sourceMappingURL=home.js.map

package/dist/home.js.map

@@ -1 +1 @@
-{"version":3,"file":"home.js","sourceRoot":"","sources":["../src/home.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"home.js","sourceRoot":"","sources":["../src/home.tsx"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -1,10 +1,26 @@
 import '@xyflow/react/dist/style.css';
-import '@radix-ui/themes/styles.css';
+import './globals.css';
 type ThemeProps = 'dark' | 'light';
-export default function FlowStudio({ api_key, providerId, language, theme }: {
+interface QuotaData {
+    plan_limits?: {
+        name?: string;
+        code?: string;
+        max_sessions?: number;
+        max_apps?: number;
+        max_team_members?: number;
+    };
+    usage?: {
+        sessions_this_month?: number;
+        active_apps?: number;
+        team_members?: number;
+    };
+}
+export default function FlowStudio({ api_key, providerId, language, theme, primaryColor, quota }: {
     api_key: string;
     providerId?: string;
     language?: string;
     theme?: ThemeProps;
-}): import("react/jsx-runtime").JSX.Element;
+    primaryColor?: string;
+    quota?: QuotaData;
+}): import("react").JSX.Element;
 export {};