fluxy-bot 0.8.9 → 0.9.0

package/workspace/client/src/components/ui/skeleton.tsx

@@ -1,13 +1,13 @@
-import { cn } from '@/lib/utils';
+import { cn } from "@/lib/utils"
 
-function Skeleton({ className, ...props }: React.ComponentProps<'div'>) {
-    return (
-        <div
-            data-slot="skeleton"
-            className={cn('bg-accent animate-pulse rounded-md', className)}
-            {...props}
-        />
-    );
+function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="skeleton"
+      className={cn("bg-accent animate-pulse rounded-md", className)}
+      {...props}
+    />
+  )
 }
 
-export { Skeleton };
+export { Skeleton }

package/workspace/client/src/components/ui/switch.tsx

@@ -1,33 +1,33 @@
-import * as React from 'react';
-import { Switch as SwitchPrimitive } from 'radix-ui';
+import * as React from "react"
+import { Switch as SwitchPrimitive } from "radix-ui"
 
-import { cn } from '@/lib/utils';
+import { cn } from "@/lib/utils"
 
 function Switch({
-    className,
-    size = 'default',
-    ...props
+  className,
+  size = "default",
+  ...props
 }: React.ComponentProps<typeof SwitchPrimitive.Root> & {
-    size?: 'sm' | 'default';
+  size?: "sm" | "default"
 }) {
-    return (
-        <SwitchPrimitive.Root
-            data-slot="switch"
-            data-size={size}
-            className={cn(
-                'peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 group/switch inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-[1.15rem] data-[size=default]:w-8 data-[size=sm]:h-3.5 data-[size=sm]:w-6',
-                className
-            )}
-            {...props}
-        >
-            <SwitchPrimitive.Thumb
-                data-slot="switch-thumb"
-                className={cn(
-                    'bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block rounded-full ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0'
-                )}
-            />
-        </SwitchPrimitive.Root>
-    );
+  return (
+    <SwitchPrimitive.Root
+      data-slot="switch"
+      data-size={size}
+      className={cn(
+        "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 group/switch inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-[1.15rem] data-[size=default]:w-8 data-[size=sm]:h-3.5 data-[size=sm]:w-6",
+        className
+      )}
+      {...props}
+    >
+      <SwitchPrimitive.Thumb
+        data-slot="switch-thumb"
+        className={cn(
+          "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block rounded-full ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
+        )}
+      />
+    </SwitchPrimitive.Root>
+  )
 }
 
-export { Switch };
+export { Switch }

package/workspace/client/src/components/ui/tabs.tsx

@@ -1,89 +1,89 @@
-import * as React from 'react';
-import { cva, type VariantProps } from 'class-variance-authority';
-import { Tabs as TabsPrimitive } from 'radix-ui';
+import * as React from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+import { Tabs as TabsPrimitive } from "radix-ui"
 
-import { cn } from '@/lib/utils';
+import { cn } from "@/lib/utils"
 
 function Tabs({
-    className,
-    orientation = 'horizontal',
-    ...props
+  className,
+  orientation = "horizontal",
+  ...props
 }: React.ComponentProps<typeof TabsPrimitive.Root>) {
-    return (
-        <TabsPrimitive.Root
-            data-slot="tabs"
-            data-orientation={orientation}
-            orientation={orientation}
-            className={cn(
-                'group/tabs flex gap-2 data-[orientation=horizontal]:flex-col',
-                className
-            )}
-            {...props}
-        />
-    );
+  return (
+    <TabsPrimitive.Root
+      data-slot="tabs"
+      data-orientation={orientation}
+      orientation={orientation}
+      className={cn(
+        "group/tabs flex gap-2 data-[orientation=horizontal]:flex-col",
+        className
+      )}
+      {...props}
+    />
+  )
 }
 
 const tabsListVariants = cva(
-    'rounded-lg p-[3px] group-data-[orientation=horizontal]/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col',
-    {
-        variants: {
-            variant: {
-                default: 'bg-muted',
-                line: 'gap-1 bg-transparent'
-            }
-        },
-        defaultVariants: {
-            variant: 'default'
-        }
-    }
-);
+  "rounded-lg p-[3px] group-data-[orientation=horizontal]/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",
+  {
+    variants: {
+      variant: {
+        default: "bg-muted",
+        line: "gap-1 bg-transparent",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
 
 function TabsList({
-    className,
-    variant = 'default',
-    ...props
+  className,
+  variant = "default",
+  ...props
 }: React.ComponentProps<typeof TabsPrimitive.List> &
-    VariantProps<typeof tabsListVariants>) {
-    return (
-        <TabsPrimitive.List
-            data-slot="tabs-list"
-            data-variant={variant}
-            className={cn(tabsListVariants({ variant }), className)}
-            {...props}
-        />
-    );
+  VariantProps<typeof tabsListVariants>) {
+  return (
+    <TabsPrimitive.List
+      data-slot="tabs-list"
+      data-variant={variant}
+      className={cn(tabsListVariants({ variant }), className)}
+      {...props}
+    />
+  )
 }
 
 function TabsTrigger({
-    className,
-    ...props
+  className,
+  ...props
 }: React.ComponentProps<typeof TabsPrimitive.Trigger>) {
-    return (
-        <TabsPrimitive.Trigger
-            data-slot="tabs-trigger"
-            className={cn(
-                "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-                'group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent',
-                'data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground',
-                'after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100',
-                className
-            )}
-            {...props}
-        />
-    );
+  return (
+    <TabsPrimitive.Trigger
+      data-slot="tabs-trigger"
+      className={cn(
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent",
+        "data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground",
+        "after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100",
+        className
+      )}
+      {...props}
+    />
+  )
 }
 
 function TabsContent({
-    className,
-    ...props
+  className,
+  ...props
 }: React.ComponentProps<typeof TabsPrimitive.Content>) {
-    return (
-        <TabsPrimitive.Content
-            data-slot="tabs-content"
-            className={cn('flex-1 outline-none', className)}
-            {...props}
-        />
-    );
+  return (
+    <TabsPrimitive.Content
+      data-slot="tabs-content"
+      className={cn("flex-1 outline-none", className)}
+      {...props}
+    />
+  )
 }
 
-export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants };
+export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants }

package/workspace/client/src/components/ui/textarea.tsx

@@ -1,18 +1,18 @@
-import * as React from 'react';
+import * as React from "react"
 
-import { cn } from '@/lib/utils';
+import { cn } from "@/lib/utils"
 
-function Textarea({ className, ...props }: React.ComponentProps<'textarea'>) {
-    return (
-        <textarea
-            data-slot="textarea"
-            className={cn(
-                'border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
-                className
-            )}
-            {...props}
-        />
-    );
+function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
+  return (
+    <textarea
+      data-slot="textarea"
+      className={cn(
+        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      )}
+      {...props}
+    />
+  )
 }
 
-export { Textarea };
+export { Textarea }

package/workspace/client/src/components/ui/tooltip.tsx

@@ -1,55 +1,55 @@
-import * as React from 'react';
-import { Tooltip as TooltipPrimitive } from 'radix-ui';
+import * as React from "react"
+import { Tooltip as TooltipPrimitive } from "radix-ui"
 
-import { cn } from '@/lib/utils';
+import { cn } from "@/lib/utils"
 
 function TooltipProvider({
-    delayDuration = 0,
-    ...props
+  delayDuration = 0,
+  ...props
 }: React.ComponentProps<typeof TooltipPrimitive.Provider>) {
-    return (
-        <TooltipPrimitive.Provider
-            data-slot="tooltip-provider"
-            delayDuration={delayDuration}
-            {...props}
-        />
-    );
+  return (
+    <TooltipPrimitive.Provider
+      data-slot="tooltip-provider"
+      delayDuration={delayDuration}
+      {...props}
+    />
+  )
 }
 
 function Tooltip({
-    ...props
+  ...props
 }: React.ComponentProps<typeof TooltipPrimitive.Root>) {
-    return <TooltipPrimitive.Root data-slot="tooltip" {...props} />;
+  return <TooltipPrimitive.Root data-slot="tooltip" {...props} />
 }
 
 function TooltipTrigger({
-    ...props
+  ...props
 }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {
-    return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />;
+  return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />
 }
 
 function TooltipContent({
-    className,
-    sideOffset = 0,
-    children,
-    ...props
+  className,
+  sideOffset = 0,
+  children,
+  ...props
 }: React.ComponentProps<typeof TooltipPrimitive.Content>) {
-    return (
-        <TooltipPrimitive.Portal>
-            <TooltipPrimitive.Content
-                data-slot="tooltip-content"
-                sideOffset={sideOffset}
-                className={cn(
-                    'bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance',
-                    className
-                )}
-                {...props}
-            >
-                {children}
-                <TooltipPrimitive.Arrow className="bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" />
-            </TooltipPrimitive.Content>
-        </TooltipPrimitive.Portal>
-    );
+  return (
+    <TooltipPrimitive.Portal>
+      <TooltipPrimitive.Content
+        data-slot="tooltip-content"
+        sideOffset={sideOffset}
+        className={cn(
+          "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+          className
+        )}
+        {...props}
+      >
+        {children}
+        <TooltipPrimitive.Arrow className="bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" />
+      </TooltipPrimitive.Content>
+    </TooltipPrimitive.Portal>
+  )
 }
 
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }

package/workspace/client/src/lib/utils.ts

@@ -2,5 +2,5 @@ import { clsx, type ClassValue } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 
 export function cn(...inputs: ClassValue[]) {
-    return twMerge(clsx(inputs));
+  return twMerge(clsx(inputs));
 }

package/workspace/client/src/main.tsx

@@ -4,7 +4,7 @@ import App from './App';
 import './styles/globals.css';
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
-    <React.StrictMode>
-        <App />
-    </React.StrictMode>
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
 );

package/workspace/client/src/styles/globals.css

@@ -1,125 +1,116 @@
-@import 'tailwindcss';
+@import "tailwindcss";
 
 @custom-variant dark (&:is(.dark *));
 
 @theme inline {
-    --color-background: #212121;
-    --color-foreground: #f5f5f5;
-    --color-card: #2a2a2a;
-    --color-card-foreground: #f5f5f5;
-    --color-popover: #2a2a2a;
-    --color-popover-foreground: #f5f5f5;
-    --color-primary: #3c8fff;
-    --color-primary-foreground: #ffffff;
-    --color-secondary: #333333;
-    --color-secondary-foreground: #f5f5f5;
-    --color-muted: #333333;
-    --color-muted-foreground: #999999;
-    --color-accent: #333333;
-    --color-accent-foreground: #f5f5f5;
-    --color-destructive: #fd486b;
-    --color-destructive-foreground: #ffffff;
-    --color-border: #3a3a3a;
-    --color-input: #3a3a3a;
-    --color-ring: #3c8fff;
-    --color-chart-1: #3c8fff;
-    --color-chart-2: #fd486b;
-    --color-chart-3: #f59e0b;
-    --color-chart-4: #8b5cf6;
-    --color-chart-5: #10b981;
-    --color-sidebar: #1c1c1c;
-    --color-sidebar-foreground: #f5f5f5;
-    --color-sidebar-primary: #3c8fff;
-    --color-sidebar-primary-foreground: #ffffff;
-    --color-sidebar-accent: #282828;
-    --color-sidebar-accent-foreground: #f5f5f5;
-    --color-sidebar-border: #3a3a3a;
-    --color-sidebar-ring: #3c8fff;
-    --radius: 0.75rem;
+  --color-background: #212121;
+  --color-foreground: #f5f5f5;
+  --color-card: #2a2a2a;
+  --color-card-foreground: #f5f5f5;
+  --color-popover: #2a2a2a;
+  --color-popover-foreground: #f5f5f5;
+  --color-primary: #3C8FFF;
+  --color-primary-foreground: #ffffff;
+  --color-secondary: #333333;
+  --color-secondary-foreground: #f5f5f5;
+  --color-muted: #333333;
+  --color-muted-foreground: #999999;
+  --color-accent: #333333;
+  --color-accent-foreground: #f5f5f5;
+  --color-destructive: #FD486B;
+  --color-destructive-foreground: #ffffff;
+  --color-border: #3a3a3a;
+  --color-input: #3a3a3a;
+  --color-ring: #3C8FFF;
+  --color-chart-1: #3C8FFF;
+  --color-chart-2: #FD486B;
+  --color-chart-3: #F59E0B;
+  --color-chart-4: #8B5CF6;
+  --color-chart-5: #10B981;
+  --color-sidebar: #1c1c1c;
+  --color-sidebar-foreground: #f5f5f5;
+  --color-sidebar-primary: #3C8FFF;
+  --color-sidebar-primary-foreground: #ffffff;
+  --color-sidebar-accent: #282828;
+  --color-sidebar-accent-foreground: #f5f5f5;
+  --color-sidebar-border: #3a3a3a;
+  --color-sidebar-ring: #3C8FFF;
+  --radius: 0.75rem;
 }
 
 html {
-    touch-action: manipulation;
-    -ms-touch-action: manipulation;
+  touch-action: manipulation;
+  -ms-touch-action: manipulation;
 }
 
 body {
-    background-color: var(--color-background);
-    color: var(--color-foreground);
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    overscroll-behavior: none;
+  background-color: var(--color-background);
+  color: var(--color-foreground);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  overscroll-behavior: none;
 }
 
 ::selection {
-    background-color: rgba(175, 39, 227, 0.25);
+  background-color: rgba(175, 39, 227, 0.25);
 }
 
-::-webkit-scrollbar {
-    width: 6px;
-}
-::-webkit-scrollbar-track {
-    background: transparent;
-}
-::-webkit-scrollbar-thumb {
-    background: #3a3a3a;
-    border-radius: 3px;
-}
-::-webkit-scrollbar-thumb:hover {
-    background: #4a4a4a;
-}
+::-webkit-scrollbar { width: 6px; }
+::-webkit-scrollbar-track { background: transparent; }
+::-webkit-scrollbar-thumb { background: #3a3a3a; border-radius: 3px; }
+::-webkit-scrollbar-thumb:hover { background: #4a4a4a; }
 
 .text-gradient {
-    background-clip: text;
-    -webkit-background-clip: text;
-    color: transparent;
-    -webkit-text-fill-color: transparent;
-    background-image: linear-gradient(135deg, #04d1fe, #af27e3, #fb4072);
+  background-clip: text;
+  -webkit-background-clip: text;
+  color: transparent;
+  -webkit-text-fill-color: transparent;
+  background-image: linear-gradient(135deg, #04D1FE, #AF27E3, #FB4072);
 }
 
 .bg-gradient-brand {
-    background-image: linear-gradient(135deg, #04d1fe, #af27e3, #fb4072);
+  background-image: linear-gradient(135deg, #04D1FE, #AF27E3, #FB4072);
 }
 
 .glow-border {
-    box-shadow:
-        0 0 0 1px rgba(175, 39, 227, 0.1),
-        0 0 20px -5px rgba(175, 39, 227, 0.15);
+  box-shadow: 0 0 0 1px rgba(175, 39, 227, 0.1),
+              0 0 20px -5px rgba(175, 39, 227, 0.15);
 }
 
 .animated-border {
-    position: relative;
-    overflow: hidden;
+  position: relative;
+  overflow: hidden;
 }
 .animated-border::before {
-    content: '';
-    position: absolute;
-    inset: -150%;
-    background: conic-gradient(from 0deg, #04d1fe, #af27e3, #fb4072, #04d1fe);
-    animation: border-spin 3s linear infinite;
+  content: '';
+  position: absolute;
+  inset: -150%;
+  background: conic-gradient(
+    from 0deg,
+    #04D1FE,
+    #AF27E3,
+    #FB4072,
+    #04D1FE
+  );
+  animation: border-spin 3s linear infinite;
 }
 .animated-border > * {
-    position: relative;
-    z-index: 1;
+  position: relative;
+  z-index: 1;
 }
 
 .animated-border-slow::before {
-    animation-duration: 5s;
+  animation-duration: 5s;
 }
 
 .input-glow:focus {
-    border-color: rgba(175, 39, 227, 0.4);
-    box-shadow:
-        0 0 0 1px rgba(175, 39, 227, 0.15),
-        0 0 20px -5px rgba(175, 39, 227, 0.25),
-        0 0 4px -1px rgba(4, 209, 254, 0.1);
+  border-color: rgba(175, 39, 227, 0.4);
+  box-shadow: 0 0 0 1px rgba(175, 39, 227, 0.15),
+              0 0 20px -5px rgba(175, 39, 227, 0.25),
+              0 0 4px -1px rgba(4, 209, 254, 0.1);
 }
 
 @keyframes border-spin {
-    0% {
-        transform: rotate(0deg);
-    }
-    100% {
-        transform: rotate(360deg);
-    }
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
 }

package/workspace/skills/code-reviewer/.claude-plugin/plugin.json

@@ -1,5 +1,5 @@
 {
-    "name": "code-reviewer",
-    "version": "1.0.0",
-    "description": "Reviews code changes and provides improvement suggestions."
+  "name": "code-reviewer",
+  "version": "1.0.0",
+  "description": "Reviews code changes and provides improvement suggestions."
 }

package/workspace/skills/code-reviewer/skills/code-reviewer/SKILL.md

@@ -6,11 +6,9 @@ description: Reviews code changes, provides suggestions for improvement, identif
 # Code Reviewer
 
 ## Overview
-
 This skill helps review code in the Fluxy workspace — identifying bugs, suggesting improvements, and enforcing best practices for the React + Express stack.
 
 ## When to Activate
-
 - User asks to "review", "check", or "audit" code
 - User asks for feedback on their changes
 - User asks about code quality, best practices, or potential issues
@@ -18,7 +16,6 @@ This skill helps review code in the Fluxy workspace — identifying bugs, sugges
 ## Review Checklist
 
 ### Frontend (React + Tailwind)
-
 1. Component structure: proper use of props, state, and effects
 2. Performance: unnecessary re-renders, missing memoization
 3. Accessibility: semantic HTML, ARIA attributes, keyboard navigation
@@ -26,7 +23,6 @@ This skill helps review code in the Fluxy workspace — identifying bugs, sugges
 5. Error handling: error boundaries, loading states, fallbacks
 
 ### Backend (Express + SQLite)
-
 1. Route structure: proper HTTP methods, status codes, error responses
 2. Input validation: sanitize user input, check required fields
 3. Database: parameterized queries, proper error handling
@@ -34,9 +30,7 @@ This skill helps review code in the Fluxy workspace — identifying bugs, sugges
 5. Performance: avoid N+1 queries, use appropriate indexes
 
 ## Output Format
-
 When reviewing code, provide:
-
 - **Issues**: Bugs or potential problems (with severity)
 - **Suggestions**: Improvements that would help (with rationale)
 - **Praise**: Things done well (reinforces good patterns)