feat: workflow elements

apps/www/README.md

@@ -1,6 +1,6 @@
 # Docs
 
-This is the documentation for [AI Elements Vue](https://github.com/cwandev/ai-elements-vue).
+This is the documentation for [AI Elements Vue](https://github.com/vuepont/ai-elements-vue).
 
 ## Setup
 

apps/www/app.config.ts

@@ -27,17 +27,17 @@ export default defineAppConfig({
         links: [{
           title: 'Getting Started',
           to: '/overview/introduction',
-          description: 'Introduction to AI Elements Vue',
+          description: 'What is AI Elements Vue and why you should use it',
           target: '_self',
         }, {
-          title: 'Setup',
-          to: '/overview/setup',
-          description: 'Follow the step-by-step guide to install AI Elements Vue in your project',
+          title: 'Examples',
+          to: '/examples',
+          description: 'Real-world examples showing how to build applications with AI Elements Vue',
           target: '_self',
         }, {
-          title: 'Usage',
-          to: '/overview/usage',
-          description: 'Learn how to use AI Elements Vue in your project',
+          title: 'Components',
+          to: '/components/chatbot',
+          description: 'Explore the components and usage examples of AI Elements Vue',
           target: '_self',
         }],
       }, {
@@ -57,44 +57,71 @@ export default defineAppConfig({
         title: 'Community',
         links: [{
           title: 'GitHub',
-          to: 'https://github.com/cwandev/ai-elements-vue',
-          description: 'Source code for AI Elements Vue',
+          to: 'https://github.com/vuepont/ai-elements-vue',
+          description: 'View the source code on GitHub',
+          target: '_blank',
+        }, {
+          title: 'Discord',
+          to: 'https://discord.gg/SWzhwGMxsZ',
+          description: 'Join our Discord server to get help and connect with other developers',
           target: '_blank',
         }],
       }],
       links: [{
         icon: 'lucide:github',
-        to: 'https://github.com/cwandev/ai-elements-vue',
+        to: 'https://github.com/vuepont/ai-elements-vue',
         target: '_blank',
       }],
     },
     aside: {
-      useLevel: false,
-      collapse: false,
+      useLevel: true,
+      levelStyle: 'aside',
+      collapse: true,
+      collapseLevel: 1,
+      folderStyle: 'default',
     },
     main: {
+      padded: true,
       breadCrumb: true,
       showTitle: true,
+      codeCopyToast: false,
+      codeCopyIcon: 'lucide:clipboard',
+      editLink: {
+        enable: true,
+        pattern: 'https://github.com/vuepont/ai-elements-vue/edit/main/apps/www/content/:path',
+        text: 'Edit this page',
+        icon: 'lucide:square-pen',
+        placement: ['docsFooter'],
+      },
+      backToTop: true,
     },
     footer: {
       credits: 'Copyright © 2025',
       links: [{
         icon: 'lucide:github',
-        to: 'https://github.com/cwandev/ai-elements-vue',
+        to: 'https://github.com/vuepont/ai-elements-vue',
+        target: '_blank',
+      }, {
+        icon: 'simple-icons:discord',
+        to: 'https://discord.gg/SWzhwGMxsZ',
         target: '_blank',
       }],
     },
     toc: {
       enable: true,
+      enableInMobile: true,
+      enableInHomepage: false,
+      progressBar: true,
+      title: 'On this page',
       links: [{
         title: 'Star on GitHub',
         icon: 'lucide:star',
-        to: 'https://github.com/cwandev/ai-elements-vue',
+        to: 'https://github.com/vuepont/ai-elements-vue',
         target: '_blank',
       }, {
         title: 'Create Issues',
         icon: 'lucide:circle-dot',
-        to: 'https://github.com/cwandev/ai-elements-vue/issues',
+        to: 'https://github.com/vuepont/ai-elements-vue/issues',
         target: '_blank',
       }],
     },

apps/www/assets/css/tailwind.css

@@ -68,6 +68,8 @@
     --input: 214.3 31.8% 91.4%;
     --ring: 221.2 83.2% 53.3%;
     --radius: 0.5rem;
+
+    --shadcn-ring: oklch(0.708 0 0);
   }
 
   .dark {
@@ -98,6 +100,8 @@
     --border: 217.2 32.6% 17.5%;
     --input: 217.2 32.6% 17.5%;
     --ring: 224.3 76.3% 48%;
+
+    --shadcn-ring: oklch(0.439 0 0);
   }
 }
 
@@ -109,13 +113,17 @@
   body {
     @apply bg-background text-foreground;
   }
+
   :root {
     --color-background: hsl(var(--background));
     --color-muted-foreground: hsl(var(--muted-foreground));
+    --color-ring: var(--shadcn-ring);
   }
+
   .dark {
     --color-background: hsl(var(--background));
     --color-muted-foreground: hsl(var(--muted-foreground));
+    --color-ring: var(--shadcn-ring);
   }
 }
 

apps/www/components/CodeViewerTab.vue

@@ -94,7 +94,7 @@ function updateImportPaths(code: string) {
     :code="rawString"
   >
     <CodeCopy
-      class="absolute -top-10 right-0"
+      class="absolute -top-12 right-0"
       :code="rawString"
     />
     <code class="min-w-full overflow-auto px-2 leading-4">

apps/www/content/1.overview/1.Introduction.md

@@ -4,7 +4,7 @@ description:
 icon: lucide:info
 ---
 
-[AI Elements Vue](https://github.com/cwandev/ai-elements-vue) is the Vue port of [AI-Elements](https://github.com/vercel/ai-elements), a component library and custom registry built on top of [shadcn-vue](https://shadcn-vue.com/) to help you build AI-native applications faster. It provides pre-built components like conversations, messages and more.
+[AI Elements Vue](https://github.com/vuepont/ai-elements-vue) is the Vue port of [AI-Elements](https://github.com/vercel/ai-elements), a component library and custom registry built on top of [shadcn-vue](https://shadcn-vue.com/) to help you build AI-native applications faster. It provides pre-built components like conversations, messages and more.
 
 You can install it with:
 
@@ -66,4 +66,4 @@ You can install it with:
 :::ComponentLoader{label="CodeBlock" componentName="CodeBlock"}
 :::
 
-View the [source code](https://github.com/cwandev/ai-elements-vue) for all components on GitHub.
+View the [source code](https://github.com/vuepont/ai-elements-vue) for all components on GitHub.

apps/www/content/2.examples/_dir.yml

@@ -0,0 +1,3 @@
+title: Examples
+icon: lucide:code
+navigation.redirect: /examples/workflow