agentsys 5.0.3 → 5.2.0

package/site/assets/css/tokens.css

@@ -1,7 +1,8 @@
 /*
- * ==========================================================================
  * AGENTSYS DESIGN SYSTEM
- * ==========================================================================
+ *
+ * Imports shared tokens and base styles from the monorepo design-system.
+ * Site-specific overrides can be added below the imports.
  *
  * Brand Personality
  * -----------------
@@ -22,472 +23,7 @@
  * 3. INFORMATION DENSITY     - Developers want data, not whitespace
  * 4. GLOW OVER SHADOW        - Light radiates from content, not cast by it
  * 5. MONOCHROME + ONE ACCENT - Near-black canvas, purple-to-cyan signature gradient
- *
- * ==========================================================================
  */
 
-/* --------------------------------------------------------------------------
- * GOOGLE FONTS IMPORT
- * Inter: Designed for screens, excellent legibility at all sizes, precise
- *        metrics for UI text. The industry standard for developer tools.
- * JetBrains Mono: Purpose-built for code. Distinguishes Il1, O0. Ligatures
- *                 for common operators (=>, ->, !=). Feels native to devs.
- * -------------------------------------------------------------------------- */
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap');
-
-/* --------------------------------------------------------------------------
- * ROOT TOKENS
- *
- * Every visual property in the system derives from these tokens.
- * Components should ONLY reference custom properties, never raw values.
- * This enables theming, responsive adjustments, and systematic changes.
- * -------------------------------------------------------------------------- */
-:root {
-
-  /* ========================================================================
-   * COLORS - BACKGROUND SCALE
-   *
-   * Built on zinc-900 tones with a slight blue undertone (#09090b).
-   * NOT pure black - pure black feels dead on screens and creates harsh
-   * contrast with text. The slight warmth adds depth and professionalism.
-   *
-   * Scale: base → surface-1 → surface-2 → surface-3 (increasing elevation)
-   * Each step is ~6-8% lighter, maintaining perceptible but subtle difference.
-   * ======================================================================== */
-  --color-bg-base:       #09090b;    /* Page background - the deepest layer                */
-  --color-bg-surface-1:  #111113;    /* Cards, panels - first elevation above base          */
-  --color-bg-surface-2:  #18181b;    /* Hover states, active panels - second elevation       */
-  --color-bg-surface-3:  #1f1f23;    /* Modals, dropdowns - highest elevation                */
-  --color-bg-code:       #0c0c0e;    /* Code blocks - slightly darker than base for inset    */
-  --color-bg-inset:      #06060a;    /* Deeply recessed areas (code editors, terminals)      */
-
-  /* ========================================================================
-   * COLORS - BORDER SCALE
-   *
-   * Borders are intentionally subtle. The design relies on elevation
-   * (background color steps) and glassmorphism (backdrop-filter) for
-   * separation rather than hard lines. Borders are a last resort.
-   * ======================================================================== */
-  --color-border-subtle:   #1e1e22;  /* Default border - barely visible, structural only    */
-  --color-border-default:  #27272a;  /* Standard border - used when separation is needed     */
-  --color-border-strong:   #3f3f46;  /* Emphasized border - focus rings, active states       */
-  --color-border-accent:   rgba(168, 85, 247, 0.25); /* Accent-tinted border for highlights */
-
-  /* ========================================================================
-   * COLORS - TEXT SCALE
-   *
-   * Four-level hierarchy provides clear visual ranking without bold abuse.
-   * Primary (#fafafa) has 15.4:1 contrast ratio against base - exceeds
-   * WCAG AAA. Even muted (#71717a) hits 4.6:1, meeting WCAG AA.
-   * ======================================================================== */
-  --color-text-primary:    #fafafa;  /* Headings, primary content - near-white, not pure     */
-  --color-text-secondary:  #a1a1aa;  /* Body text, descriptions - comfortable reading         */
-  --color-text-muted:      #71717a;  /* Labels, captions, metadata - deliberately quiet       */
-  --color-text-faint:      #52525b;  /* Disabled states, decorative text                      */
-  --color-text-inverse:    #09090b;  /* Text on light/accent backgrounds                      */
-
-  /* ========================================================================
-   * COLORS - ACCENT GRADIENT (SIGNATURE)
-   *
-   * The purple-to-cyan gradient is the ONE brand color. Everything else is
-   * monochrome. This constraint makes the accent unmistakable.
-   *
-   * Purple (#a855f7): creativity, intelligence, premium feel.
-   * Cyan (#06b6d4): technology, speed, freshness.
-   * Together: AI-powered precision meets developer tooling.
-   *
-   * Used for: CTAs, active states, links, progress indicators, hero elements.
-   * NEVER used for: backgrounds, large surfaces, body text.
-   * ======================================================================== */
-  --color-accent-purple:   #a855f7;  /* Gradient start - violet-500                          */
-  --color-accent-cyan:     #06b6d4;  /* Gradient end - cyan-500                              */
-  --color-accent-mid:      #7c3aed;  /* Midpoint for single-color needs - violet-600         */
-
-  /* RGB components for use in rgba() - enables opacity control with tokens */
-  --color-accent-purple-rgb: 168, 85, 247;
-  --color-accent-cyan-rgb:   6, 182, 212;
-  --color-zinc-rgb:          113, 113, 122;
-  --color-info-rgb:          59, 130, 246;
-
-  /* Pre-composed gradients for consistent use across components */
-  --gradient-accent:       linear-gradient(135deg, #a855f7, #06b6d4);
-  --gradient-accent-hover: linear-gradient(135deg, #c084fc, #22d3ee);
-  --gradient-accent-text:  linear-gradient(135deg, #c084fc, #22d3ee);
-  --gradient-accent-subtle:linear-gradient(135deg, rgba(168, 85, 247, 0.15), rgba(6, 182, 212, 0.15));
-
-  /* Accent as solid colors for simpler contexts */
-  --color-accent-primary:  #a855f7;  /* Primary accent when gradient not possible            */
-  --color-accent-hover:    #c084fc;  /* Lighter on hover - violet-400                        */
-  --color-accent-active:   #9333ea;  /* Darker on press - violet-600                         */
-  --color-accent-muted:    rgba(168, 85, 247, 0.12); /* Accent tint for backgrounds         */
-
-  /* ========================================================================
-   * COLORS - GLOW EFFECTS
-   *
-   * Glows replace traditional shadows in dark UIs. Instead of darkening
-   * beneath elements (invisible on dark bg), we emit colored light.
-   * Creates the "objects emitting light" metaphor that premium dark UIs use.
-   * ======================================================================== */
-  --glow-accent:           0 0 20px rgba(168, 85, 247, 0.15),
-                           0 0 60px rgba(168, 85, 247, 0.05);
-  --glow-accent-strong:    0 0 30px rgba(168, 85, 247, 0.25),
-                           0 0 80px rgba(168, 85, 247, 0.10),
-                           0 0 120px rgba(6, 182, 212, 0.05);
-  --glow-accent-hero:      0 0 40px rgba(168, 85, 247, 0.3),
-                           0 0 100px rgba(168, 85, 247, 0.15),
-                           0 0 200px rgba(6, 182, 212, 0.08);
-  --glow-card-hover:       0 0 0 1px rgba(168, 85, 247, 0.1),
-                           0 4px 20px rgba(168, 85, 247, 0.08),
-                           0 0 60px rgba(168, 85, 247, 0.04);
-  --glow-btn-hover:        0 0 0 1px rgba(168, 85, 247, 0.2),
-                           0 4px 16px rgba(168, 85, 247, 0.2),
-                           0 0 40px rgba(168, 85, 247, 0.08);
-  --glow-cyan:             0 0 20px rgba(6, 182, 212, 0.15),
-                           0 0 60px rgba(6, 182, 212, 0.05);
-
-  /* ========================================================================
-   * COLORS - SEMANTIC (STATUS)
-   *
-   * Standard traffic-light semantic colors, tuned for dark backgrounds.
-   * Slightly desaturated compared to pure hues to feel less alarming and
-   * more "at home" in the dark theme.
-   * ======================================================================== */
-  --color-success:         #22c55e;  /* Green-500 - completed, active, healthy               */
-  --color-success-muted:   rgba(34, 197, 94, 0.12);
-  --color-warning:         #eab308;  /* Yellow-500 - attention needed, in progress            */
-  --color-warning-muted:   rgba(234, 179, 8, 0.12);
-  --color-error:           #ef4444;  /* Red-500 - failed, broken, destructive                 */
-  --color-error-muted:     rgba(239, 68, 68, 0.12);
-  --color-info:            #3b82f6;  /* Blue-500 - informational, neutral highlight           */
-  --color-info-muted:      rgba(59, 130, 246, 0.12);
-
-  /* ========================================================================
-   * TYPOGRAPHY
-   *
-   * Type scale uses a 1.25 ratio (Major Third) - professional and readable
-   * without the dramatic jumps of larger ratios. Each step is clearly
-   * distinct but not jarring.
-   *
-   * Base: 16px (1rem) - browser default, accessible, comfortable.
-   * ======================================================================== */
-  --font-sans:             'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-  --font-mono:             'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'Consolas', monospace;
-
-  /* Size scale - Major Third (1.25) */
-  --text-xs:               0.75rem;   /* 12px - fine print, badges                           */
-  --text-sm:               0.875rem;  /* 14px - secondary text, labels                       */
-  --text-base:             1rem;      /* 16px - body text, default                           */
-  --text-lg:               1.125rem;  /* 18px - lead paragraphs                              */
-  --text-xl:               1.25rem;   /* 20px - section headings                             */
-  --text-2xl:              1.563rem;  /* 25px - page subheadings                             */
-  --text-3xl:              1.953rem;  /* ~31px - page headings                               */
-  --text-4xl:              2.441rem;  /* ~39px - hero subheadings                            */
-  --text-5xl:              3.052rem;  /* ~49px - hero headlines                               */
-  --text-6xl:              3.815rem;  /* ~61px - display text, oversized hero                 */
-
-  /* Font weights - named for intent, not number */
-  --font-normal:           400;       /* Body text                                            */
-  --font-medium:           500;       /* Emphasis within body, nav items                      */
-  --font-semibold:         600;       /* Subheadings, buttons, labels                         */
-  --font-bold:             700;       /* Headings                                             */
-  --font-extrabold:        800;       /* Hero headlines, display text                         */
-
-  /* Line heights - tighter for headings, looser for body */
-  --leading-none:          1;         /* Display text, single-line headings                   */
-  --leading-tight:         1.25;      /* Headings, short text blocks                          */
-  --leading-snug:          1.375;     /* Subheadings, medium text                             */
-  --leading-normal:        1.5;       /* Body text - optimal for readability                  */
-  --leading-relaxed:       1.625;     /* Long-form content, documentation                     */
-  --leading-loose:         2;         /* Spacious text, pull quotes                           */
-
-  /* Letter spacing - tighter for large text, normal/wider for small */
-  --tracking-tighter:     -0.05em;    /* Display/hero text                                   */
-  --tracking-tight:       -0.025em;   /* Headings                                            */
-  --tracking-normal:       0;         /* Body text                                            */
-  --tracking-wide:         0.025em;   /* Labels, overlines, uppercase text                   */
-  --tracking-wider:        0.05em;    /* Small caps, badges                                  */
-  --tracking-widest:       0.1em;     /* All-caps headings                                   */
-
-  /* ========================================================================
-   * SPACING SCALE
-   *
-   * 4px base unit. Every spacing value is a multiple of 4px.
-   * This creates a consistent rhythm throughout the UI that feels
-   * intentional even when users cannot articulate why.
-   *
-   * Named 1-20 (multiply by 4 for px value).
-   * ======================================================================== */
-  --space-0:               0;
-  --space-px:              1px;       /* Hairline borders, 1px adjustments                    */
-  --space-0-5:             0.125rem;  /* 2px  - micro adjustments                             */
-  --space-1:               0.25rem;   /* 4px  - tight padding, icon gaps                      */
-  --space-1-5:             0.375rem;  /* 6px  - small component internal                      */
-  --space-2:               0.5rem;    /* 8px  - standard small gap                            */
-  --space-3:               0.75rem;   /* 12px - component padding                             */
-  --space-4:               1rem;      /* 16px - standard gap, base unit                       */
-  --space-5:               1.25rem;   /* 20px - medium gap                                    */
-  --space-6:               1.5rem;    /* 24px - section padding                               */
-  --space-8:               2rem;      /* 32px - large gap                                     */
-  --space-10:              2.5rem;    /* 40px - section margin                                */
-  --space-12:              3rem;      /* 48px - large section margin                          */
-  --space-16:              4rem;      /* 64px - page section spacing                          */
-  --space-20:              5rem;      /* 80px - hero spacing                                  */
-  --space-24:              6rem;      /* 96px - major section breaks                          */
-  --space-32:              8rem;      /* 128px - page-level vertical rhythm                   */
-
-  /* ========================================================================
-   * BORDER RADIUS
-   *
-   * Slightly rounded corners (not pill-shaped) signal modernity without
-   * feeling playful. Consistent radii across components create cohesion.
-   * ======================================================================== */
-  --radius-none:           0;
-  --radius-sm:             0.25rem;   /* 4px  - badges, small chips                          */
-  --radius-default:        0.375rem;  /* 6px  - buttons, inputs, cards (DEFAULT)              */
-  --radius-md:             0.5rem;    /* 8px  - larger cards, modals                          */
-  --radius-lg:             0.75rem;   /* 12px - panels, major containers                      */
-  --radius-xl:             1rem;      /* 16px - hero cards, feature blocks                    */
-  --radius-2xl:            1.5rem;    /* 24px - large decorative elements                     */
-  --radius-full:           9999px;    /* Pill shape - tags, avatars, toggles                  */
-
-  /* ========================================================================
-   * SHADOWS
-   *
-   * Layered shadows for realistic depth. Each level adds another layer.
-   * On dark backgrounds, traditional shadows are near-invisible, so these
-   * combine subtle downward shadows with slight ambient glow.
-   * ======================================================================== */
-  --shadow-sm:             0 1px 2px rgba(0, 0, 0, 0.3);
-  --shadow-default:        0 1px 3px rgba(0, 0, 0, 0.3),
-                           0 1px 2px rgba(0, 0, 0, 0.2);
-  --shadow-md:             0 4px 6px -1px rgba(0, 0, 0, 0.3),
-                           0 2px 4px -2px rgba(0, 0, 0, 0.2);
-  --shadow-lg:             0 10px 15px -3px rgba(0, 0, 0, 0.3),
-                           0 4px 6px -4px rgba(0, 0, 0, 0.2);
-  --shadow-xl:             0 20px 25px -5px rgba(0, 0, 0, 0.4),
-                           0 8px 10px -6px rgba(0, 0, 0, 0.2);
-  --shadow-2xl:            0 25px 50px -12px rgba(0, 0, 0, 0.5);
-
-  /* ========================================================================
-   * GLASSMORPHISM
-   *
-   * The defining visual technique of the brand. Frosted glass panels
-   * over the dark background create depth and layering without hard edges.
-   *
-   * Key ingredients:
-   * - backdrop-filter: blur() for the frosted effect
-   * - Semi-transparent background for the tint
-   * - Subtle border for edge definition
-   * - Works because our backgrounds have subtle gradients/noise
-   * ======================================================================== */
-  --glass-bg:              rgba(17, 17, 19, 0.7);       /* Standard panel  */
-  --glass-bg-heavy:        rgba(17, 17, 19, 0.85);      /* More opaque     */
-  --glass-bg-light:        rgba(17, 17, 19, 0.4);       /* More see-through */
-  --glass-bg-accent:       rgba(168, 85, 247, 0.05);    /* Accent-tinted   */
-  --glass-blur:            12px;                          /* Standard blur   */
-  --glass-blur-heavy:      24px;                          /* Strong blur     */
-  --glass-blur-light:      6px;                           /* Subtle blur     */
-  --glass-bg-elevated:     rgba(24, 24, 27, 0.6);                 /* Elevated */
-  --glass-border:          1px solid rgba(255, 255, 255, 0.06);  /* Edge    */
-  --glass-border-accent:   1px solid rgba(168, 85, 247, 0.12);  /* Accent  */
-  --glass-border-top-highlight: 1px solid rgba(255, 255, 255, 0.1); /* Top edge highlight */
-
-  /* ========================================================================
-   * ANIMATION
-   *
-   * Motion design principles:
-   * - Enter: ease-out (fast start, gentle landing)
-   * - Exit: ease-in (gentle start, fast departure)
-   * - Move: ease-in-out (smooth both ways)
-   * - Micro-interactions: 150ms (instant feel)
-   * - State transitions: 200-300ms (noticeable but quick)
-   * - Layout changes: 300-500ms (smooth reflow)
-   * - Page transitions: 500ms+ (dramatic but not slow)
-   * ======================================================================== */
-  --duration-instant:      75ms;
-  --duration-fast:         150ms;     /* Hover effects, color changes                        */
-  --duration-normal:       200ms;     /* State transitions, toggles                          */
-  --duration-moderate:     300ms;     /* Panel reveals, expansions                           */
-  --duration-slow:         500ms;     /* Page transitions, hero animations                   */
-  --duration-slower:       700ms;     /* Staggered entrance sequences                        */
-
-  /* Easing curves - custom cubic-beziers for premium feel */
-  --ease-out:              cubic-bezier(0.16, 1, 0.3, 1);     /* Enter: quick start, soft land      */
-  --ease-in:               cubic-bezier(0.7, 0, 0.84, 0);     /* Exit: gentle start, quick leave    */
-  --ease-in-out:           cubic-bezier(0.65, 0, 0.35, 1);    /* Move: symmetrical smooth           */
-  --ease-bounce:           cubic-bezier(0.34, 1.56, 0.64, 1); /* Playful overshoot (use sparingly)  */
-  --ease-spring:           cubic-bezier(0.22, 1.5, 0.36, 1);  /* Subtle spring for micro-interaction*/
-
-  /* Stagger delay for sequential animations */
-  --stagger-delay:         80ms;
-
-  /* ========================================================================
-   * Z-INDEX SCALE
-   *
-   * Named layers prevent z-index wars. Every z-index in the codebase
-   * should reference one of these tokens, never a raw number.
-   * ======================================================================== */
-  --z-behind:             -1;
-  --z-base:                0;
-  --z-raised:              10;       /* Cards, elevated surfaces                              */
-  --z-dropdown:            20;       /* Dropdown menus, popovers                              */
-  --z-sticky:              30;       /* Sticky headers, sidebars                              */
-  --z-overlay:             40;       /* Overlays, backdrops                                   */
-  --z-modal:               50;       /* Modal dialogs                                         */
-  --z-toast:               60;       /* Toast notifications                                   */
-  --z-tooltip:             70;       /* Tooltips (always on top)                              */
-
-  /* ========================================================================
-   * LAYOUT
-   *
-   * Content width constraints and breakpoint-aware sizing.
-   * Max-width prevents ultra-wide unreadable lines.
-   * ======================================================================== */
-  --width-prose:           65ch;      /* Optimal reading width for body text                  */
-  --width-content:         72rem;     /* 1152px - main content area                           */
-  --width-wide:            80rem;     /* 1280px - wide content (tables, grids)                */
-  --width-full:            90rem;     /* 1440px - max page width                              */
-  --width-sidebar:         16rem;     /* 256px - sidebar navigation                           */
-
-  /* ========================================================================
-   * BREAKPOINTS (for reference - use in @media queries)
-   *
-   * Mobile-first: styles apply at the breakpoint and above.
-   * sm:  640px  - Large phones, small tablets
-   * md:  768px  - Tablets, small laptops
-   * lg:  1024px - Standard laptops, desktops
-   * xl:  1280px - Large desktops
-   * 2xl: 1536px - Ultra-wide displays
-   * ======================================================================== */
-}
-
-/* --------------------------------------------------------------------------
- * BASE RESET & DEFAULTS
- *
- * Minimal reset that sets up the token system on actual elements.
- * This ensures tokens flow into the cascade properly.
- * -------------------------------------------------------------------------- */
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-}
-
-html {
-  font-size: 16px;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-rendering: optimizeLegibility;
-  scroll-behavior: smooth;
-}
-
-body {
-  font-family: var(--font-sans);
-  font-size: var(--text-base);
-  font-weight: var(--font-normal);
-  line-height: var(--leading-normal);
-  color: var(--color-text-primary);
-  background-color: var(--color-bg-base);
-}
-
-/* Code elements use the mono stack */
-code,
-kbd,
-samp,
-pre {
-  font-family: var(--font-mono);
-  font-size: 0.9em; /* Slightly smaller than surrounding text to match x-height */
-}
-
-/* Links use the accent color */
-a {
-  color: var(--color-accent-purple);
-  text-decoration: none;
-  transition: color var(--duration-fast) var(--ease-out);
-}
-
-a:hover {
-  color: var(--color-accent-hover);
-}
-
-/* Selection uses accent tint */
-::selection {
-  background-color: rgba(168, 85, 247, 0.3);
-  color: var(--color-text-primary);
-}
-
-/* --------------------------------------------------------------------------
- * UTILITY CLASSES
- *
- * Commonly needed utilities built on the token system.
- * These provide quick access to the most-used patterns.
- * -------------------------------------------------------------------------- */
-
-/* Accent gradient text - for headings and emphasis */
-.text-gradient {
-  background: var(--gradient-accent-text);
-  -webkit-background-clip: text;
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
-}
-
-/* Glass panel - the signature component style */
-.glass {
-  background: var(--glass-bg);
-  backdrop-filter: blur(var(--glass-blur));
-  -webkit-backdrop-filter: blur(var(--glass-blur));
-  border: var(--glass-border);
-  border-radius: var(--radius-lg);
-}
-
-.glass-accent {
-  background: var(--glass-bg-accent);
-  backdrop-filter: blur(var(--glass-blur));
-  -webkit-backdrop-filter: blur(var(--glass-blur));
-  border: var(--glass-border-accent);
-  border-radius: var(--radius-lg);
-}
-
-/* Glow effect - for accent-highlighted elements */
-.glow {
-  box-shadow: var(--glow-accent);
-}
-
-.glow-strong {
-  box-shadow: var(--glow-accent-strong);
-}
-
-/* Accent border gradient (applied via pseudo-element) */
-.border-gradient {
-  position: relative;
-  border-radius: var(--radius-lg);
-}
-
-.border-gradient::before {
-  content: '';
-  position: absolute;
-  inset: 0;
-  padding: 1px;
-  border-radius: inherit;
-  background: var(--gradient-accent);
-  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-  -webkit-mask-composite: xor;
-  mask-composite: exclude;
-  pointer-events: none;
-}
-
-/* Visually hidden but accessible to screen readers */
-.sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0;
-}
+@import './design-system/tokens.css';
+@import './design-system/base.css';

package/site/content.json

@@ -2,10 +2,10 @@
   "meta": {
     "title": "agentsys",
     "description": "A modular runtime and orchestration system for AI agents. 12 plugins, 41 agents, 27 skills — structured pipelines for Claude Code, OpenCode, and Codex CLI.",
-    "url": "https://avifenesh.github.io/agentsys",
-    "repo": "https://github.com/avifenesh/agentsys",
+    "url": "https://agent-sh.github.io/agentsys",
+    "repo": "https://github.com/agent-sh/agentsys",
     "npm": "https://www.npmjs.com/package/agentsys",
-    "version": "5.0.3",
+    "version": "5.2.0",
     "author": "Avi Fenesh",
     "author_url": "https://github.com/avifenesh"
   },
@@ -18,22 +18,22 @@
     },
     "cta_secondary": {
       "text": "View on GitHub",
-      "url": "https://github.com/avifenesh/agentsys"
+      "url": "https://github.com/agent-sh/agentsys"
     }
   },
   "stats": [
     {
-      "value": "12",
+      "value": "0",
       "label": "Plugins",
       "suffix": ""
     },
     {
-      "value": "41",
+      "value": "10",
       "label": "Agents",
       "suffix": ""
     },
     {
-      "value": "27",
+      "value": "0",
       "label": "Skills",
       "suffix": ""
     },
@@ -208,7 +208,7 @@
         "Install the plugins you need"
       ],
       "commands": [
-        "/plugin marketplace add avifenesh/agentsys",
+        "/plugin marketplace add agent-sh/agentsys",
         "/plugin install next-task@agentsys",
         "/plugin install ship@agentsys"
       ]
@@ -307,8 +307,8 @@
     }
   ],
   "agents": {
-    "total": 41,
-    "file_based": 31,
+    "total": 10,
+    "file_based": 0,
     "role_based": 10,
     "by_model": [
       {
@@ -445,9 +445,9 @@
   "footer": {
     "license": "MIT",
     "author": "Avi Fenesh",
-    "github_url": "https://github.com/avifenesh/agentsys",
+    "github_url": "https://github.com/agent-sh/agentsys",
     "npm_url": "https://www.npmjs.com/package/agentsys",
-    "issues_url": "https://github.com/avifenesh/agentsys/issues",
-    "discussions_url": "https://github.com/avifenesh/agentsys/discussions"
+    "issues_url": "https://github.com/agent-sh/agentsys/issues",
+    "discussions_url": "https://github.com/agent-sh/agentsys/discussions"
   }
 }

package/site/index.html

@@ -10,15 +10,15 @@
   <!-- Open Graph -->
   <meta property="og:title" content="AgentSys">
   <meta property="og:description" content="A modular runtime and orchestration system for AI agents. 12 plugins, 41 agents, 27 skills.">
-  <meta property="og:image" content="https://avifenesh.github.io/agentsys/assets/logo.png">
-  <meta property="og:url" content="https://avifenesh.github.io/agentsys/">
+  <meta property="og:image" content="https://agent-sh.github.io/agentsys/assets/logo.png">
+  <meta property="og:url" content="https://agent-sh.github.io/agentsys/">
   <meta property="og:type" content="website">
 
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:title" content="AgentSys">
   <meta name="twitter:description" content="AI workflow automation. 11 plugins, 40 agents, 26 skills.">
-  <meta name="twitter:image" content="https://avifenesh.github.io/agentsys/assets/logo.png">
+  <meta name="twitter:image" content="https://agent-sh.github.io/agentsys/assets/logo.png">
 
   <!-- Content Security Policy -->
   <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src https://fonts.gstatic.com; img-src 'self' data:; connect-src 'self'; object-src 'none'; base-uri 'self'; frame-ancestors 'none'">
@@ -26,6 +26,7 @@
   <!-- Font preconnect for faster loading -->
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap">
 
   <!-- Favicon -->
   <link rel="icon" type="image/svg+xml" href="assets/favicon.svg">
@@ -76,7 +77,7 @@
         <a href="#install" class="nav__link" data-section="install">Install</a>
       </div>
 
-      <a href="https://github.com/avifenesh/agentsys" class="nav__cta" target="_blank" rel="noopener noreferrer" aria-label="View AgentSys on GitHub">
+      <a href="https://github.com/agent-sh/agentsys" class="nav__cta" target="_blank" rel="noopener noreferrer" aria-label="View AgentSys on GitHub">
         <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/></svg>
         <span>GitHub</span>
       </a>
@@ -98,7 +99,7 @@
       <a href="#how-it-works" class="mobile-menu__link">How It Works</a>
       <a href="#agents-skills" class="mobile-menu__link">Agents</a>
       <a href="#install" class="mobile-menu__link">Install</a>
-      <a href="https://github.com/avifenesh/agentsys" class="mobile-menu__link" target="_blank" rel="noopener noreferrer">GitHub</a>
+      <a href="https://github.com/agent-sh/agentsys" class="mobile-menu__link" target="_blank" rel="noopener noreferrer">GitHub</a>
     </div>
   </div>
 
@@ -119,7 +120,7 @@
           </p>
           <div class="hero__ctas anim-fade-up" data-delay="500">
             <a href="#install" class="btn btn--primary">Get Started</a>
-            <a href="https://github.com/avifenesh/agentsys" class="btn btn--ghost" target="_blank" rel="noopener noreferrer">View on GitHub</a>
+            <a href="https://github.com/agent-sh/agentsys" class="btn btn--ghost" target="_blank" rel="noopener noreferrer">View on GitHub</a>
           </div>
         </div>
 
@@ -634,12 +635,12 @@
           <div class="tabs__panel tabs__panel--active" role="tabpanel" id="install-panel-0" aria-labelledby="install-tab-0">
             <p class="install__label">Recommended</p>
             <div class="code-block">
-              <button class="code-block__copy" aria-label="Copy code to clipboard" data-code="/plugin marketplace add avifenesh/agentsys
+              <button class="code-block__copy" aria-label="Copy code to clipboard" data-code="/plugin marketplace add agent-sh/agentsys
 /plugin install next-task@agentsys
 /plugin install ship@agentsys">
                 <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 010 1.5h-1.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-1.5a.75.75 0 011.5 0v1.5A1.75 1.75 0 019.25 16h-7.5A1.75 1.75 0 010 14.25v-7.5z"/><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25v-7.5zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25h-7.5z"/></svg>
               </button>
-              <pre><code><span class="code-prompt">$</span> /plugin marketplace add avifenesh/agentsys
+              <pre><code><span class="code-prompt">$</span> /plugin marketplace add agent-sh/agentsys
 <span class="code-prompt">$</span> /plugin install next-task@agentsys
 <span class="code-prompt">$</span> /plugin install ship@agentsys</code></pre>
             </div>
@@ -658,12 +659,12 @@
           <div class="tabs__panel" role="tabpanel" id="install-panel-2" aria-labelledby="install-tab-2" hidden>
             <p class="install__label">Clone and install from source</p>
             <div class="code-block">
-              <button class="code-block__copy" aria-label="Copy code to clipboard" data-code="git clone https://github.com/avifenesh/agentsys.git
+              <button class="code-block__copy" aria-label="Copy code to clipboard" data-code="git clone https://github.com/agent-sh/agentsys.git
 cd agentsys
 npm install">
                 <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 010 1.5h-1.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-1.5a.75.75 0 011.5 0v1.5A1.75 1.75 0 019.25 16h-7.5A1.75 1.75 0 010 14.25v-7.5z"/><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25v-7.5zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25h-7.5z"/></svg>
               </button>
-              <pre><code><span class="code-prompt">$</span> git clone https://github.com/avifenesh/agentsys.git
+              <pre><code><span class="code-prompt">$</span> git clone https://github.com/agent-sh/agentsys.git
 <span class="code-prompt">$</span> cd agentsys
 <span class="code-prompt">$</span> npm install</code></pre>
             </div>
@@ -683,10 +684,10 @@ npm install">
         <span class="footer__license">MIT License</span>
       </div>
       <div class="footer__links">
-        <a href="https://github.com/avifenesh/agentsys" target="_blank" rel="noopener noreferrer">GitHub</a>
+        <a href="https://github.com/agent-sh/agentsys" target="_blank" rel="noopener noreferrer">GitHub</a>
         <a href="https://www.npmjs.com/package/agentsys" target="_blank" rel="noopener noreferrer">npm</a>
-        <a href="https://github.com/avifenesh/agentsys/issues" target="_blank" rel="noopener noreferrer">Issues</a>
-        <a href="https://github.com/avifenesh/agentsys/discussions" target="_blank" rel="noopener noreferrer">Discussions</a>
+        <a href="https://github.com/agent-sh/agentsys/issues" target="_blank" rel="noopener noreferrer">Issues</a>
+        <a href="https://github.com/agent-sh/agentsys/discussions" target="_blank" rel="noopener noreferrer">Discussions</a>
       </div>
       <div class="footer__meta">
         <span class="footer__version" id="site-version">v5.0.0</span>