@uipath/apollo-wind 0.9.0 → 0.10.0-pr257.2a4b17b

package/dist/examples/new-project-example.cjs

@@ -27,6 +27,7 @@ __webpack_require__.d(__webpack_exports__, {
     NewProjectExample: ()=>NewProjectExample
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const compiler_runtime_namespaceObject = require("react/compiler-runtime");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
 const button_cjs_namespaceObject = require("../components/ui/button.cjs");
@@ -37,509 +38,840 @@ const label_cjs_namespaceObject = require("../components/ui/label.cjs");
 const textarea_cjs_namespaceObject = require("../components/ui/textarea.cjs");
 const index_cjs_namespaceObject = require("../lib/index.cjs");
 const layout_index_cjs_namespaceObject = require("../components/ui/layout/index.cjs");
-function NewProjectExample({ className, title = "Let's create an agentic process", subtitle = 'Design and orchestrate end-to-end processes with AI agents, robots, and people using BPMN-based diagrams.', templates = [
-    {
-        id: '1',
-        name: 'Invoice processing',
-        description: 'Automate the end-to-end process of capturing, validating, and approving invoices.',
-        usageCount: 3400,
-        category: 'financial',
-        tools: [
-            'office365',
-            'maestro'
-        ]
-    },
-    {
-        id: '2',
-        name: 'Loan processing',
-        description: 'Optimize the evaluation, approval, and disbursement of loans.',
-        usageCount: 1700,
-        category: 'financial',
-        tools: [
-            'google',
-            'maestro'
-        ]
-    },
-    {
-        id: '3',
-        name: 'Supplier onboarding',
-        description: 'Coordinate the registration, verification, and integration of new suppliers.',
-        usageCount: 1200,
-        category: 'other',
-        tools: [
-            'office365',
-            'maestro'
-        ]
-    }
-], categories = [
-    {
-        id: 'financial',
-        label: 'Financial'
-    },
-    {
-        id: 'healthcare',
-        label: 'Healthcare'
-    },
-    {
-        id: 'other',
-        label: 'Other'
-    }
-], tools = [
-    {
-        id: 'office365',
-        label: 'Office365'
-    },
-    {
-        id: 'jira',
-        label: 'Jira'
-    },
-    {
-        id: 'sap-concur',
-        label: 'SAP Concur'
-    },
-    {
-        id: 'slack',
-        label: 'Slack'
-    },
-    {
-        id: 'docusign',
-        label: 'DocuSign'
-    }
-], autopilot, onCreateBlank }) {
-    const [autopilotPrompt, setAutopilotPrompt] = external_react_namespaceObject.useState('');
+function NewProjectExample(t0) {
+    const $ = (0, compiler_runtime_namespaceObject.c)(109);
+    const { className, title: t1, subtitle: t2, templates: t3, categories: t4, tools: t5, autopilot, onCreateBlank } = t0;
+    const title = void 0 === t1 ? "Let's create an agentic process" : t1;
+    const subtitle = void 0 === t2 ? "Design and orchestrate end-to-end processes with AI agents, robots, and people using BPMN-based diagrams." : t2;
+    let t6;
+    if ($[0] !== t3) {
+        t6 = void 0 === t3 ? [
+            {
+                id: "1",
+                name: "Invoice processing",
+                description: "Automate the end-to-end process of capturing, validating, and approving invoices.",
+                usageCount: 3400,
+                category: "financial",
+                tools: [
+                    "office365",
+                    "maestro"
+                ]
+            },
+            {
+                id: "2",
+                name: "Loan processing",
+                description: "Optimize the evaluation, approval, and disbursement of loans.",
+                usageCount: 1700,
+                category: "financial",
+                tools: [
+                    "google",
+                    "maestro"
+                ]
+            },
+            {
+                id: "3",
+                name: "Supplier onboarding",
+                description: "Coordinate the registration, verification, and integration of new suppliers.",
+                usageCount: 1200,
+                category: "other",
+                tools: [
+                    "office365",
+                    "maestro"
+                ]
+            }
+        ] : t3;
+        $[0] = t3;
+        $[1] = t6;
+    } else t6 = $[1];
+    const templates = t6;
+    let t7;
+    if ($[2] !== t4) {
+        t7 = void 0 === t4 ? [
+            {
+                id: "financial",
+                label: "Financial"
+            },
+            {
+                id: "healthcare",
+                label: "Healthcare"
+            },
+            {
+                id: "other",
+                label: "Other"
+            }
+        ] : t4;
+        $[2] = t4;
+        $[3] = t7;
+    } else t7 = $[3];
+    const categories = t7;
+    let t8;
+    if ($[4] !== t5) {
+        t8 = void 0 === t5 ? [
+            {
+                id: "office365",
+                label: "Office365"
+            },
+            {
+                id: "jira",
+                label: "Jira"
+            },
+            {
+                id: "sap-concur",
+                label: "SAP Concur"
+            },
+            {
+                id: "slack",
+                label: "Slack"
+            },
+            {
+                id: "docusign",
+                label: "DocuSign"
+            }
+        ] : t5;
+        $[4] = t5;
+        $[5] = t8;
+    } else t8 = $[5];
+    const tools = t8;
+    const [autopilotPrompt, setAutopilotPrompt] = external_react_namespaceObject.useState("");
     const [drawerOpen, setDrawerOpen] = external_react_namespaceObject.useState(false);
-    const [searchQuery, setSearchQuery] = external_react_namespaceObject.useState('');
-    const [selectedCategories, setSelectedCategories] = external_react_namespaceObject.useState([]);
-    const [selectedTools, setSelectedTools] = external_react_namespaceObject.useState([]);
-    const handleAutopilotSubmit = ()=>{
-        if (autopilot?.onSubmit && autopilotPrompt.trim()) autopilot.onSubmit(autopilotPrompt);
-    };
-    const formatUsageCount = (count)=>{
-        if (count >= 1000) return `${(count / 1000).toFixed(1)}k`;
-        return count.toString();
-    };
-    const toggleCategory = (categoryId)=>{
-        setSelectedCategories((prev)=>prev.includes(categoryId) ? prev.filter((c)=>c !== categoryId) : [
-                ...prev,
-                categoryId
-            ]);
-    };
-    const toggleTool = (toolId)=>{
-        setSelectedTools((prev)=>prev.includes(toolId) ? prev.filter((t)=>t !== toolId) : [
-                ...prev,
-                toolId
-            ]);
-    };
-    const filteredExamples = external_react_namespaceObject.useMemo(()=>templates.filter((template)=>{
-            const matchesSearch = '' === searchQuery || template.name.toLowerCase().includes(searchQuery.toLowerCase()) || template.description.toLowerCase().includes(searchQuery.toLowerCase());
-            const matchesCategory = 0 === selectedCategories.length || template.category && selectedCategories.includes(template.category);
-            const matchesTools = 0 === selectedTools.length || template.tools && template.tools.some((tool)=>selectedTools.includes(tool));
-            return matchesSearch && matchesCategory && matchesTools;
-        }), [
-        templates,
-        searchQuery,
-        selectedCategories,
-        selectedTools
-    ]);
-    const ExampleCard = ({ template })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Column, {
-            className: "group rounded-lg border border-border/30 bg-card p-8 transition-all hover:border-border/60 hover:shadow-sm",
-            children: [
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Column, {
-                    gap: 4,
-                    flex: 1,
-                    className: "mb-8",
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h3", {
-                            className: "text-base font-semibold leading-tight",
-                            children: template.name
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
-                            className: "text-sm text-muted-foreground leading-relaxed",
-                            children: template.description
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
-                            gap: 1.5,
-                            align: "center",
-                            className: "text-xs text-muted-foreground",
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("svg", {
-                                    className: "h-3.5 w-3.5",
-                                    fill: "none",
-                                    stroke: "currentColor",
-                                    viewBox: "0 0 24 24",
-                                    xmlns: "http://www.w3.org/2000/svg",
-                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
-                                        strokeLinecap: "round",
-                                        strokeLinejoin: "round",
-                                        strokeWidth: 2,
-                                        d: "M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"
-                                    })
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                    children: formatUsageCount(template.usageCount)
-                                })
-                            ]
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
-                    variant: "outline",
-                    size: "sm",
-                    className: "h-9 w-full",
-                    onClick: template.onUse,
-                    children: "Use"
-                })
-            ]
-        });
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Column, {
-                minH: "screen",
-                gap: 8,
-                className: (0, index_cjs_namespaceObject.cn)('bg-background px-8 py-16 md:px-16 md:py-20', className),
+    const [searchQuery, setSearchQuery] = external_react_namespaceObject.useState("");
+    let t9;
+    if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+        t9 = [];
+        $[6] = t9;
+    } else t9 = $[6];
+    const [selectedCategories, setSelectedCategories] = external_react_namespaceObject.useState(t9);
+    let t10;
+    if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+        t10 = [];
+        $[7] = t10;
+    } else t10 = $[7];
+    const [selectedTools, setSelectedTools] = external_react_namespaceObject.useState(t10);
+    let t11;
+    if ($[8] !== autopilot || $[9] !== autopilotPrompt) {
+        t11 = ()=>{
+            if (autopilot?.onSubmit && autopilotPrompt.trim()) autopilot.onSubmit(autopilotPrompt);
+        };
+        $[8] = autopilot;
+        $[9] = autopilotPrompt;
+        $[10] = t11;
+    } else t11 = $[10];
+    const handleAutopilotSubmit = t11;
+    const formatUsageCount = _temp;
+    let t12;
+    if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+        t12 = (categoryId)=>{
+            setSelectedCategories((prev)=>prev.includes(categoryId) ? prev.filter((c)=>c !== categoryId) : [
+                    ...prev,
+                    categoryId
+                ]);
+        };
+        $[11] = t12;
+    } else t12 = $[11];
+    const toggleCategory = t12;
+    let t13;
+    if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+        t13 = (toolId)=>{
+            setSelectedTools((prev_0)=>prev_0.includes(toolId) ? prev_0.filter((t)=>t !== toolId) : [
+                    ...prev_0,
+                    toolId
+                ]);
+        };
+        $[12] = t13;
+    } else t13 = $[12];
+    const toggleTool = t13;
+    let t14;
+    if ($[13] !== searchQuery || $[14] !== selectedCategories || $[15] !== selectedTools || $[16] !== templates) {
+        let t15;
+        if ($[18] !== searchQuery || $[19] !== selectedCategories || $[20] !== selectedTools) {
+            t15 = (template)=>{
+                const matchesSearch = "" === searchQuery || template.name.toLowerCase().includes(searchQuery.toLowerCase()) || template.description.toLowerCase().includes(searchQuery.toLowerCase());
+                const matchesCategory = 0 === selectedCategories.length || template.category && selectedCategories.includes(template.category);
+                const matchesTools = 0 === selectedTools.length || template.tools && template.tools.some((tool)=>selectedTools.includes(tool));
+                return matchesSearch && matchesCategory && matchesTools;
+            };
+            $[18] = searchQuery;
+            $[19] = selectedCategories;
+            $[20] = selectedTools;
+            $[21] = t15;
+        } else t15 = $[21];
+        t14 = templates.filter(t15);
+        $[13] = searchQuery;
+        $[14] = selectedCategories;
+        $[15] = selectedTools;
+        $[16] = templates;
+        $[17] = t14;
+    } else t14 = $[17];
+    const filteredExamples = t14;
+    let t15;
+    if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
+        t15 = (t16)=>{
+            const { template: template_0 } = t16;
+            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Column, {
+                className: "group rounded-lg border border-border/30 bg-card p-8 transition-all hover:border-border/60 hover:shadow-sm",
                 children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
-                            justify: "between",
-                            align: "start",
-                            gap: 8,
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Column, {
-                                    flex: 1,
-                                    children: [
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h1", {
-                                            className: "text-3xl font-bold tracking-tight",
-                                            children: title
-                                        }),
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
-                                            className: "mt-4 text-base text-muted-foreground",
-                                            children: subtitle
-                                        })
-                                    ]
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
-                                    variant: "link",
-                                    onClick: ()=>setDrawerOpen(true),
-                                    className: "shrink-0",
-                                    children: "Explore templates"
-                                })
-                            ]
-                        })
-                    }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Grid, {
-                        gap: 8,
-                        cols: 1,
-                        className: "sm:grid-cols-2 lg:grid-cols-4",
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Column, {
+                        gap: 4,
+                        flex: 1,
+                        className: "mb-8",
                         children: [
-                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
-                                className: "group flex cursor-pointer flex-col items-center justify-between rounded-lg border border-dashed border-border/40 bg-card p-8 text-center transition-all hover:border-border/70 hover:shadow-sm",
-                                onClick: onCreateBlank,
-                                children: [
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Column, {
-                                        gap: 4,
-                                        w: "full",
-                                        children: [
-                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h3", {
-                                                className: "text-base font-semibold",
-                                                children: "Blank agentic process"
-                                            }),
-                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
-                                                className: "text-sm text-muted-foreground",
-                                                children: "Start building without a template."
-                                            })
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                                        className: "mt-8 flex h-20 w-20 items-center justify-center rounded-lg border-2 border-dashed border-border/50",
-                                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Plus, {
-                                            className: "h-8 w-8 text-primary"
-                                        })
-                                    })
-                                ]
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h3", {
+                                className: "text-base font-semibold leading-tight",
+                                children: template_0.name
                             }),
-                            templates.slice(0, 3).map((template)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ExampleCard, {
-                                    template: template
-                                }, template.id))
-                        ]
-                    }),
-                    autopilot && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                        className: "mx-auto w-full max-w-3xl",
-                        children: [
-                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h2", {
-                                className: "mb-6 text-lg font-semibold",
-                                children: "Autopilot"
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+                                className: "text-sm text-muted-foreground leading-relaxed",
+                                children: template_0.description
                             }),
-                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                                className: "rounded-lg border border-border/30 bg-card",
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
+                                gap: 1.5,
+                                align: "center",
+                                className: "text-xs text-muted-foreground",
                                 children: [
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                                        className: "relative p-6",
-                                        children: [
-                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(textarea_cjs_namespaceObject.Textarea, {
-                                                placeholder: autopilot.placeholder,
-                                                value: autopilotPrompt,
-                                                onChange: (e)=>setAutopilotPrompt(e.target.value),
-                                                className: "min-h-[120px] resize-none border-0 p-0 pb-12 text-sm placeholder:text-muted-foreground/50 focus-visible:ring-0",
-                                                onKeyDown: (e)=>{
-                                                    if ('Enter' === e.key && (e.metaKey || e.ctrlKey)) {
-                                                        e.preventDefault();
-                                                        handleAutopilotSubmit();
-                                                    }
-                                                }
-                                            }),
-                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                                                className: "absolute bottom-6 left-6 right-6 flex items-center justify-between",
-                                                children: [
-                                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
-                                                        variant: "ghost",
-                                                        size: "icon",
-                                                        className: "h-8 w-8",
-                                                        onClick: ()=>setAutopilotPrompt(''),
-                                                        disabled: !autopilotPrompt,
-                                                        "aria-label": "Clear prompt",
-                                                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Plus, {
-                                                            className: "h-4 w-4"
-                                                        })
-                                                    }),
-                                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
-                                                        variant: "ghost",
-                                                        size: "icon",
-                                                        className: "h-8 w-8",
-                                                        onClick: handleAutopilotSubmit,
-                                                        disabled: !autopilotPrompt.trim(),
-                                                        "aria-label": "Submit prompt",
-                                                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ArrowUp, {
-                                                            className: "h-4 w-4"
-                                                        })
-                                                    })
-                                                ]
-                                            })
-                                        ]
-                                    }),
-                                    autopilot.disclaimer && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                                        className: "border-t border-border/20 px-6 py-3 text-center",
-                                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
-                                            className: "text-xs text-muted-foreground",
-                                            children: autopilot.disclaimer
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("svg", {
+                                        className: "h-3.5 w-3.5",
+                                        fill: "none",
+                                        stroke: "currentColor",
+                                        viewBox: "0 0 24 24",
+                                        xmlns: "http://www.w3.org/2000/svg",
+                                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
+                                            strokeLinecap: "round",
+                                            strokeLinejoin: "round",
+                                            strokeWidth: 2,
+                                            d: "M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"
                                         })
+                                    }),
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                        children: formatUsageCount(template_0.usageCount)
                                     })
                                 ]
                             })
                         ]
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
+                        variant: "outline",
+                        size: "sm",
+                        className: "h-9 w-full",
+                        onClick: template_0.onUse,
+                        children: "Use"
                     })
                 ]
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(drawer_cjs_namespaceObject.Drawer, {
-                open: drawerOpen,
-                onOpenChange: setDrawerOpen,
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(drawer_cjs_namespaceObject.DrawerContent, {
-                    className: "max-h-[75vh]",
+            });
+        };
+        $[22] = t15;
+    } else t15 = $[22];
+    const ExampleCard = t15;
+    let t16;
+    if ($[23] !== className) {
+        t16 = (0, index_cjs_namespaceObject.cn)("bg-background px-8 py-16 md:px-16 md:py-20", className);
+        $[23] = className;
+        $[24] = t16;
+    } else t16 = $[24];
+    let t17;
+    if ($[25] !== title) {
+        t17 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h1", {
+            className: "text-3xl font-bold tracking-tight",
+            children: title
+        });
+        $[25] = title;
+        $[26] = t17;
+    } else t17 = $[26];
+    let t18;
+    if ($[27] !== subtitle) {
+        t18 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+            className: "mt-4 text-base text-muted-foreground",
+            children: subtitle
+        });
+        $[27] = subtitle;
+        $[28] = t18;
+    } else t18 = $[28];
+    let t19;
+    if ($[29] !== t17 || $[30] !== t18) {
+        t19 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Column, {
+            flex: 1,
+            children: [
+                t17,
+                t18
+            ]
+        });
+        $[29] = t17;
+        $[30] = t18;
+        $[31] = t19;
+    } else t19 = $[31];
+    let t20;
+    if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
+        t20 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
+            variant: "link",
+            onClick: ()=>setDrawerOpen(true),
+            className: "shrink-0",
+            children: "Explore templates"
+        });
+        $[32] = t20;
+    } else t20 = $[32];
+    let t21;
+    if ($[33] !== t19) {
+        t21 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
+                justify: "between",
+                align: "start",
+                gap: 8,
+                children: [
+                    t19,
+                    t20
+                ]
+            })
+        });
+        $[33] = t19;
+        $[34] = t21;
+    } else t21 = $[34];
+    let t22;
+    if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
+        t22 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Column, {
+            gap: 4,
+            w: "full",
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h3", {
+                    className: "text-base font-semibold",
+                    children: "Blank agentic process"
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+                    className: "text-sm text-muted-foreground",
+                    children: "Start building without a template."
+                })
+            ]
+        });
+        $[35] = t22;
+    } else t22 = $[35];
+    let t23;
+    if ($[36] === Symbol.for("react.memo_cache_sentinel")) {
+        t23 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: "mt-8 flex h-20 w-20 items-center justify-center rounded-lg border-2 border-dashed border-border/50",
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Plus, {
+                className: "h-8 w-8 text-primary"
+            })
+        });
+        $[36] = t23;
+    } else t23 = $[36];
+    let t24;
+    if ($[37] !== onCreateBlank) {
+        t24 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
+            className: "group flex cursor-pointer flex-col items-center justify-between rounded-lg border border-dashed border-border/40 bg-card p-8 text-center transition-all hover:border-border/70 hover:shadow-sm",
+            onClick: onCreateBlank,
+            children: [
+                t22,
+                t23
+            ]
+        });
+        $[37] = onCreateBlank;
+        $[38] = t24;
+    } else t24 = $[38];
+    let t25;
+    if ($[39] !== templates) {
+        let t26;
+        if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
+            t26 = (template_1)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ExampleCard, {
+                    template: template_1
+                }, template_1.id);
+            $[41] = t26;
+        } else t26 = $[41];
+        t25 = templates.slice(0, 3).map(t26);
+        $[39] = templates;
+        $[40] = t25;
+    } else t25 = $[40];
+    let t26;
+    if ($[42] !== t24 || $[43] !== t25) {
+        t26 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Grid, {
+            gap: 8,
+            cols: 1,
+            className: "sm:grid-cols-2 lg:grid-cols-4",
+            children: [
+                t24,
+                t25
+            ]
+        });
+        $[42] = t24;
+        $[43] = t25;
+        $[44] = t26;
+    } else t26 = $[44];
+    let t27;
+    if ($[45] !== autopilot || $[46] !== autopilotPrompt || $[47] !== handleAutopilotSubmit) {
+        t27 = autopilot && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+            className: "mx-auto w-full max-w-3xl",
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h2", {
+                    className: "mb-6 text-lg font-semibold",
+                    children: "Autopilot"
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                    className: "rounded-lg border border-border/30 bg-card",
                     children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(drawer_cjs_namespaceObject.DrawerHeader, {
-                            className: "border-b px-4 py-2 md:px-6 md:py-3",
-                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
-                                justify: "between",
-                                align: "start",
-                                children: [
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                                        children: [
-                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(drawer_cjs_namespaceObject.DrawerTitle, {
-                                                className: "text-base md:text-lg",
-                                                children: "Explore templates"
-                                            }),
-                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(drawer_cjs_namespaceObject.DrawerDescription, {
-                                                className: "text-xs md:text-sm",
-                                                children: "Build, customise and deploy an Agentic Process starting from a template."
-                                            })
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(drawer_cjs_namespaceObject.DrawerClose, {
-                                        asChild: true,
-                                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(button_cjs_namespaceObject.Button, {
-                                            variant: "ghost",
-                                            size: "icon",
-                                            className: "h-7 w-7 md:h-8 md:w-8 shrink-0",
-                                            children: [
-                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {
-                                                    className: "h-3 w-3 md:h-4 md:w-4"
-                                                }),
-                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                                    className: "sr-only",
-                                                    children: "Close"
-                                                })
-                                            ]
-                                        })
-                                    })
-                                ]
-                            })
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
-                            overflow: "hidden",
-                            className: "h-[calc(75vh-80px)]",
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                            className: "relative p-6",
                             children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                                    className: "hidden w-56 border-r bg-muted/20 p-3 md:block",
-                                    children: [
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                                            className: "mb-3",
-                                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                                                className: "relative",
-                                                children: [
-                                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Search, {
-                                                        className: "absolute left-2 top-1/2 h-3 w-3 -translate-y-1/2 text-muted-foreground"
-                                                    }),
-                                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_cjs_namespaceObject.Input, {
-                                                        placeholder: "Search",
-                                                        value: searchQuery,
-                                                        onChange: (e)=>setSearchQuery(e.target.value),
-                                                        className: "h-8 pl-7 text-xs"
-                                                    })
-                                                ]
-                                            })
-                                        }),
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Column, {
-                                            gap: 3,
-                                            children: [
-                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                                                    children: [
-                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
-                                                            justify: "between",
-                                                            align: "center",
-                                                            className: "mb-1.5",
-                                                            children: [
-                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h4", {
-                                                                    className: "text-xs font-semibold",
-                                                                    children: "Category"
-                                                                }),
-                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
-                                                                    variant: "ghost",
-                                                                    size: "sm",
-                                                                    className: "h-auto p-0 text-[10px]",
-                                                                    onClick: ()=>setSelectedCategories([]),
-                                                                    children: "Clear"
-                                                                })
-                                                            ]
-                                                        }),
-                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Column, {
-                                                            gap: 1.5,
-                                                            children: categories.map((category)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
-                                                                    gap: 2,
-                                                                    align: "center",
-                                                                    children: [
-                                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(checkbox_cjs_namespaceObject.Checkbox, {
-                                                                            id: `category-${category.id}`,
-                                                                            checked: selectedCategories.includes(category.id),
-                                                                            onCheckedChange: ()=>toggleCategory(category.id),
-                                                                            className: "h-3 w-3"
-                                                                        }),
-                                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.Label, {
-                                                                            htmlFor: `category-${category.id}`,
-                                                                            className: "cursor-pointer text-xs font-normal",
-                                                                            children: category.label
-                                                                        })
-                                                                    ]
-                                                                }, category.id))
-                                                        })
-                                                    ]
-                                                }),
-                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                                                    children: [
-                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
-                                                            justify: "between",
-                                                            align: "center",
-                                                            className: "mb-1.5",
-                                                            children: [
-                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h4", {
-                                                                    className: "text-xs font-semibold",
-                                                                    children: "Tool"
-                                                                }),
-                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
-                                                                    variant: "ghost",
-                                                                    size: "sm",
-                                                                    className: "h-auto p-0 text-[10px]",
-                                                                    onClick: ()=>setSelectedTools([]),
-                                                                    children: "Clear"
-                                                                })
-                                                            ]
-                                                        }),
-                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Column, {
-                                                            gap: 1.5,
-                                                            children: tools.map((tool)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
-                                                                    gap: 2,
-                                                                    align: "center",
-                                                                    children: [
-                                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(checkbox_cjs_namespaceObject.Checkbox, {
-                                                                            id: `tool-${tool.id}`,
-                                                                            checked: selectedTools.includes(tool.id),
-                                                                            onCheckedChange: ()=>toggleTool(tool.id),
-                                                                            className: "h-3 w-3"
-                                                                        }),
-                                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.Label, {
-                                                                            htmlFor: `tool-${tool.id}`,
-                                                                            className: "cursor-pointer text-xs font-normal",
-                                                                            children: tool.label
-                                                                        })
-                                                                    ]
-                                                                }, tool.id))
-                                                        })
-                                                    ]
-                                                }),
-                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
-                                                    variant: "link",
-                                                    size: "sm",
-                                                    className: "h-auto p-0 text-[10px]",
-                                                    children: "Show more"
-                                                })
-                                            ]
-                                        })
-                                    ]
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(textarea_cjs_namespaceObject.Textarea, {
+                                    placeholder: autopilot.placeholder,
+                                    value: autopilotPrompt,
+                                    onChange: (e)=>setAutopilotPrompt(e.target.value),
+                                    className: "min-h-[120px] resize-none border-0 p-0 pb-12 text-sm placeholder:text-muted-foreground/50 focus-visible:ring-0",
+                                    onKeyDown: (e_0)=>{
+                                        if ("Enter" === e_0.key && (e_0.metaKey || e_0.ctrlKey)) {
+                                            e_0.preventDefault();
+                                            handleAutopilotSubmit();
+                                        }
+                                    }
                                 }),
                                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                                    className: "flex-1 overflow-y-auto p-3 md:p-4",
+                                    className: "absolute bottom-6 left-6 right-6 flex items-center justify-between",
                                     children: [
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                                            className: "mb-3 md:hidden",
-                                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                                                className: "relative",
-                                                children: [
-                                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Search, {
-                                                        className: "absolute left-2 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"
-                                                    }),
-                                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_cjs_namespaceObject.Input, {
-                                                        placeholder: "Search",
-                                                        value: searchQuery,
-                                                        onChange: (e)=>setSearchQuery(e.target.value),
-                                                        className: "pl-8 text-sm"
-                                                    })
-                                                ]
+                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
+                                            variant: "ghost",
+                                            size: "icon",
+                                            className: "h-8 w-8",
+                                            onClick: ()=>setAutopilotPrompt(""),
+                                            disabled: !autopilotPrompt,
+                                            "aria-label": "Clear prompt",
+                                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Plus, {
+                                                className: "h-4 w-4"
                                             })
                                         }),
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Grid, {
-                                            gap: 3,
-                                            cols: 1,
-                                            className: "sm:grid-cols-2 lg:grid-cols-3",
-                                            children: filteredExamples.map((template)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ExampleCard, {
-                                                    template: template
-                                                }, template.id))
-                                        }),
-                                        0 === filteredExamples.length && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Row, {
-                                            h: 32,
-                                            justify: "center",
-                                            align: "center",
-                                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
-                                                className: "text-sm text-muted-foreground",
-                                                children: "No templates found"
+                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
+                                            variant: "ghost",
+                                            size: "icon",
+                                            className: "h-8 w-8",
+                                            onClick: handleAutopilotSubmit,
+                                            disabled: !autopilotPrompt.trim(),
+                                            "aria-label": "Submit prompt",
+                                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ArrowUp, {
+                                                className: "h-4 w-4"
                                             })
                                         })
                                     ]
                                 })
                             ]
+                        }),
+                        autopilot.disclaimer && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                            className: "border-t border-border/20 px-6 py-3 text-center",
+                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+                                className: "text-xs text-muted-foreground",
+                                children: autopilot.disclaimer
+                            })
+                        })
+                    ]
+                })
+            ]
+        });
+        $[45] = autopilot;
+        $[46] = autopilotPrompt;
+        $[47] = handleAutopilotSubmit;
+        $[48] = t27;
+    } else t27 = $[48];
+    let t28;
+    if ($[49] !== t16 || $[50] !== t21 || $[51] !== t26 || $[52] !== t27) {
+        t28 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Column, {
+            minH: "screen",
+            gap: 8,
+            className: t16,
+            children: [
+                t21,
+                t26,
+                t27
+            ]
+        });
+        $[49] = t16;
+        $[50] = t21;
+        $[51] = t26;
+        $[52] = t27;
+        $[53] = t28;
+    } else t28 = $[53];
+    let t29;
+    if ($[54] === Symbol.for("react.memo_cache_sentinel")) {
+        t29 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(drawer_cjs_namespaceObject.DrawerTitle, {
+                    className: "text-base md:text-lg",
+                    children: "Explore templates"
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(drawer_cjs_namespaceObject.DrawerDescription, {
+                    className: "text-xs md:text-sm",
+                    children: "Build, customise and deploy an Agentic Process starting from a template."
+                })
+            ]
+        });
+        $[54] = t29;
+    } else t29 = $[54];
+    let t30;
+    if ($[55] === Symbol.for("react.memo_cache_sentinel")) {
+        t30 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(drawer_cjs_namespaceObject.DrawerHeader, {
+            className: "border-b px-4 py-2 md:px-6 md:py-3",
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
+                justify: "between",
+                align: "start",
+                children: [
+                    t29,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(drawer_cjs_namespaceObject.DrawerClose, {
+                        asChild: true,
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(button_cjs_namespaceObject.Button, {
+                            variant: "ghost",
+                            size: "icon",
+                            className: "h-7 w-7 md:h-8 md:w-8 shrink-0",
+                            children: [
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {
+                                    className: "h-3 w-3 md:h-4 md:w-4"
+                                }),
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                    className: "sr-only",
+                                    children: "Close"
+                                })
+                            ]
+                        })
+                    })
+                ]
+            })
+        });
+        $[55] = t30;
+    } else t30 = $[55];
+    let t31;
+    if ($[56] === Symbol.for("react.memo_cache_sentinel")) {
+        t31 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Search, {
+            className: "absolute left-2 top-1/2 h-3 w-3 -translate-y-1/2 text-muted-foreground"
+        });
+        $[56] = t31;
+    } else t31 = $[56];
+    let t32;
+    if ($[57] === Symbol.for("react.memo_cache_sentinel")) {
+        t32 = (e_1)=>setSearchQuery(e_1.target.value);
+        $[57] = t32;
+    } else t32 = $[57];
+    let t33;
+    if ($[58] !== searchQuery) {
+        t33 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: "mb-3",
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "relative",
+                children: [
+                    t31,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_cjs_namespaceObject.Input, {
+                        placeholder: "Search",
+                        value: searchQuery,
+                        onChange: t32,
+                        className: "h-8 pl-7 text-xs"
+                    })
+                ]
+            })
+        });
+        $[58] = searchQuery;
+        $[59] = t33;
+    } else t33 = $[59];
+    let t34;
+    if ($[60] === Symbol.for("react.memo_cache_sentinel")) {
+        t34 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h4", {
+            className: "text-xs font-semibold",
+            children: "Category"
+        });
+        $[60] = t34;
+    } else t34 = $[60];
+    let t35;
+    if ($[61] === Symbol.for("react.memo_cache_sentinel")) {
+        t35 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
+            justify: "between",
+            align: "center",
+            className: "mb-1.5",
+            children: [
+                t34,
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
+                    variant: "ghost",
+                    size: "sm",
+                    className: "h-auto p-0 text-[10px]",
+                    onClick: ()=>setSelectedCategories([]),
+                    children: "Clear"
+                })
+            ]
+        });
+        $[61] = t35;
+    } else t35 = $[61];
+    let t36;
+    if ($[62] !== categories || $[63] !== selectedCategories) {
+        let t37;
+        if ($[65] !== selectedCategories) {
+            t37 = (category)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
+                    gap: 2,
+                    align: "center",
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(checkbox_cjs_namespaceObject.Checkbox, {
+                            id: `category-${category.id}`,
+                            checked: selectedCategories.includes(category.id),
+                            onCheckedChange: ()=>toggleCategory(category.id),
+                            className: "h-3 w-3"
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.Label, {
+                            htmlFor: `category-${category.id}`,
+                            className: "cursor-pointer text-xs font-normal",
+                            children: category.label
+                        })
+                    ]
+                }, category.id);
+            $[65] = selectedCategories;
+            $[66] = t37;
+        } else t37 = $[66];
+        t36 = categories.map(t37);
+        $[62] = categories;
+        $[63] = selectedCategories;
+        $[64] = t36;
+    } else t36 = $[64];
+    let t37;
+    if ($[67] !== t36) {
+        t37 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+            children: [
+                t35,
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Column, {
+                    gap: 1.5,
+                    children: t36
+                })
+            ]
+        });
+        $[67] = t36;
+        $[68] = t37;
+    } else t37 = $[68];
+    let t38;
+    if ($[69] === Symbol.for("react.memo_cache_sentinel")) {
+        t38 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h4", {
+            className: "text-xs font-semibold",
+            children: "Tool"
+        });
+        $[69] = t38;
+    } else t38 = $[69];
+    let t39;
+    if ($[70] === Symbol.for("react.memo_cache_sentinel")) {
+        t39 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
+            justify: "between",
+            align: "center",
+            className: "mb-1.5",
+            children: [
+                t38,
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
+                    variant: "ghost",
+                    size: "sm",
+                    className: "h-auto p-0 text-[10px]",
+                    onClick: ()=>setSelectedTools([]),
+                    children: "Clear"
+                })
+            ]
+        });
+        $[70] = t39;
+    } else t39 = $[70];
+    let t40;
+    if ($[71] !== selectedTools || $[72] !== tools) {
+        let t41;
+        if ($[74] !== selectedTools) {
+            t41 = (tool_0)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
+                    gap: 2,
+                    align: "center",
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(checkbox_cjs_namespaceObject.Checkbox, {
+                            id: `tool-${tool_0.id}`,
+                            checked: selectedTools.includes(tool_0.id),
+                            onCheckedChange: ()=>toggleTool(tool_0.id),
+                            className: "h-3 w-3"
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.Label, {
+                            htmlFor: `tool-${tool_0.id}`,
+                            className: "cursor-pointer text-xs font-normal",
+                            children: tool_0.label
                         })
                     ]
+                }, tool_0.id);
+            $[74] = selectedTools;
+            $[75] = t41;
+        } else t41 = $[75];
+        t40 = tools.map(t41);
+        $[71] = selectedTools;
+        $[72] = tools;
+        $[73] = t40;
+    } else t40 = $[73];
+    let t41;
+    if ($[76] !== t40) {
+        t41 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+            children: [
+                t39,
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Column, {
+                    gap: 1.5,
+                    children: t40
                 })
+            ]
+        });
+        $[76] = t40;
+        $[77] = t41;
+    } else t41 = $[77];
+    let t42;
+    if ($[78] === Symbol.for("react.memo_cache_sentinel")) {
+        t42 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
+            variant: "link",
+            size: "sm",
+            className: "h-auto p-0 text-[10px]",
+            children: "Show more"
+        });
+        $[78] = t42;
+    } else t42 = $[78];
+    let t43;
+    if ($[79] !== t37 || $[80] !== t41) {
+        t43 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Column, {
+            gap: 3,
+            children: [
+                t37,
+                t41,
+                t42
+            ]
+        });
+        $[79] = t37;
+        $[80] = t41;
+        $[81] = t43;
+    } else t43 = $[81];
+    let t44;
+    if ($[82] !== t33 || $[83] !== t43) {
+        t44 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+            className: "hidden w-56 border-r bg-muted/20 p-3 md:block",
+            children: [
+                t33,
+                t43
+            ]
+        });
+        $[82] = t33;
+        $[83] = t43;
+        $[84] = t44;
+    } else t44 = $[84];
+    let t45;
+    if ($[85] === Symbol.for("react.memo_cache_sentinel")) {
+        t45 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Search, {
+            className: "absolute left-2 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"
+        });
+        $[85] = t45;
+    } else t45 = $[85];
+    let t46;
+    if ($[86] === Symbol.for("react.memo_cache_sentinel")) {
+        t46 = (e_2)=>setSearchQuery(e_2.target.value);
+        $[86] = t46;
+    } else t46 = $[86];
+    let t47;
+    if ($[87] !== searchQuery) {
+        t47 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: "mb-3 md:hidden",
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "relative",
+                children: [
+                    t45,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_cjs_namespaceObject.Input, {
+                        placeholder: "Search",
+                        value: searchQuery,
+                        onChange: t46,
+                        className: "pl-8 text-sm"
+                    })
+                ]
+            })
+        });
+        $[87] = searchQuery;
+        $[88] = t47;
+    } else t47 = $[88];
+    let t48;
+    if ($[89] !== filteredExamples) {
+        let t49;
+        if ($[91] === Symbol.for("react.memo_cache_sentinel")) {
+            t49 = (template_2)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ExampleCard, {
+                    template: template_2
+                }, template_2.id);
+            $[91] = t49;
+        } else t49 = $[91];
+        t48 = filteredExamples.map(t49);
+        $[89] = filteredExamples;
+        $[90] = t48;
+    } else t48 = $[90];
+    let t49;
+    if ($[92] !== t48) {
+        t49 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Grid, {
+            gap: 3,
+            cols: 1,
+            className: "sm:grid-cols-2 lg:grid-cols-3",
+            children: t48
+        });
+        $[92] = t48;
+        $[93] = t49;
+    } else t49 = $[93];
+    let t50;
+    if ($[94] !== filteredExamples.length) {
+        t50 = 0 === filteredExamples.length && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Row, {
+            h: 32,
+            justify: "center",
+            align: "center",
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+                className: "text-sm text-muted-foreground",
+                children: "No templates found"
             })
-        ]
-    });
+        });
+        $[94] = filteredExamples.length;
+        $[95] = t50;
+    } else t50 = $[95];
+    let t51;
+    if ($[96] !== t47 || $[97] !== t49 || $[98] !== t50) {
+        t51 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+            className: "flex-1 overflow-y-auto p-3 md:p-4",
+            children: [
+                t47,
+                t49,
+                t50
+            ]
+        });
+        $[96] = t47;
+        $[97] = t49;
+        $[98] = t50;
+        $[99] = t51;
+    } else t51 = $[99];
+    let t52;
+    if ($[100] !== t44 || $[101] !== t51) {
+        t52 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(drawer_cjs_namespaceObject.DrawerContent, {
+            className: "max-h-[75vh]",
+            children: [
+                t30,
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
+                    overflow: "hidden",
+                    className: "h-[calc(75vh-80px)]",
+                    children: [
+                        t44,
+                        t51
+                    ]
+                })
+            ]
+        });
+        $[100] = t44;
+        $[101] = t51;
+        $[102] = t52;
+    } else t52 = $[102];
+    let t53;
+    if ($[103] !== drawerOpen || $[104] !== t52) {
+        t53 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(drawer_cjs_namespaceObject.Drawer, {
+            open: drawerOpen,
+            onOpenChange: setDrawerOpen,
+            children: t52
+        });
+        $[103] = drawerOpen;
+        $[104] = t52;
+        $[105] = t53;
+    } else t53 = $[105];
+    let t54;
+    if ($[106] !== t28 || $[107] !== t53) {
+        t54 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+            children: [
+                t28,
+                t53
+            ]
+        });
+        $[106] = t28;
+        $[107] = t53;
+        $[108] = t54;
+    } else t54 = $[108];
+    return t54;
+}
+function _temp(count) {
+    if (count >= 1000) return `${(count / 1000).toFixed(1)}k`;
+    return count.toString();
 }
 exports.NewProjectExample = __webpack_exports__.NewProjectExample;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [