antigravity-ide 4.2.1 → 4.3.3

package/web/src/app/docs/guide/examples/preview/page.mdx

@@ -1,77 +0,0 @@
-export const metadata = {
-  title: "Example: Preview Management | Antigravity Kit",
-  description: "Learn how to use the /preview workflow to manage your local development server.",
-};
-
-import { Callout, StepList, Step, Terminal, TerminalLine, TerminalBlock, ProTips, Tip, FeatureGrid, Feature } from '@/components/mdx'
-
-# Preview Management
-
-Manage your local development server with the `/preview` workflow.
-
-## Overview
-
-The `/preview` command manages your local development server.
-Start, stop, restart, or check the status with simple commands.
-
-<FeatureGrid>
-  <Feature title="start" description="Launch server" />
-  <Feature title="stop" description="Kill server" />
-  <Feature title="restart" description="Reload" />
-  <Feature title="check" description="Health" />
-</FeatureGrid>
-
-## The Process
-
-<StepList>
-  <Step number={1} title="Start Server">
-    ```bash
-    /preview start
-    ```
-  </Step>
-  <Step number={2} title="Check Status">
-    ```bash
-    /preview
-    ```
-  </Step>
-  <Step number={3} title="Stop Server">
-    ```bash
-    /preview stop
-    ```
-  </Step>
-</StepList>
-
-## Example Session
-
-<Terminal>
-  <TerminalLine type="user">/preview start</TerminalLine>
-
-  <TerminalBlock>
-    <TerminalLine type="agent">**🚀 Starting preview...**</TerminalLine>
-    <div className="text-xs mt-2">
-      Port: 3000<br/>
-      Type: Next.js
-    </div>
-  </TerminalBlock>
-
-  <TerminalBlock highlight>
-    <TerminalLine type="agent">**✅ Preview ready!**</TerminalLine>
-    URL: <span className="text-blue-400">http://localhost:3000</span>
-  </TerminalBlock>
-</Terminal>
-
-## Pro Tips
-
-<ProTips>
-  <Tip title="Auto-detection">
-    Automatically detects Next.js, Vite, etc.
-  </Tip>
-  <Tip title="Port Conflict">
-    Suggests alternatives if port 3000 is busy.
-  </Tip>
-</ProTips>
-
-## Next Steps
-
-- Run `/preview start` to launch your dev server
-- See [Deployment](/docs/guide/examples/deployment) to go live

package/web/src/app/docs/guide/examples/status/page.mdx

@@ -1,78 +0,0 @@
-export const metadata = {
-  title: "Example: Project Status | Antigravity Kit",
-  description: "Learn how to use the /status workflow to view your project and agent status at a glance.",
-};
-
-import { Callout, StepList, Step, Terminal, TerminalLine, TerminalBlock, ProTips, Tip, FeatureGrid, Feature } from '@/components/mdx'
-
-# Project Status
-
-Get a complete overview of your project with the `/status` workflow.
-
-## Overview
-
-The `/status` command gives you a **complete dashboard view** of your project.
-See project info, tech stack, completed features, agent activity, and preview status.
-
-<FeatureGrid>
-  <Feature title="Project" description="Info & Stack" />
-  <Feature title="Agents" description="Status Board" />
-  <Feature title="Files" description="Statistics" />
-  <Feature title="Preview" description="Health Check" />
-</FeatureGrid>
-
-## The Process
-
-<StepList>
-  <Step number={1} title="Run Command">
-    Simply run the command to see your project dashboard.
-
-    ```bash
-    /status
-    ```
-  </Step>
-</StepList>
-
-## Example Session
-
-<Terminal>
-  <TerminalLine type="user">/status</TerminalLine>
-
-  <TerminalBlock>
-    <div className="text-yellow-400 mb-2">=== Project Status ===</div>
-    <div className="space-y-1 mb-4">
-      <div>📁 Project: my-ecommerce</div>
-      <div>🏷️ Type: nextjs-ecommerce</div>
-      <div>📄 Files: 73 created, 12 modified</div>
-    </div>
-
-    <div className="text-yellow-400 mb-2">=== Agent Status ===</div>
-    <div className="space-y-1 mb-4">
-      <div><span className="text-green-400">✅</span> database-architect → Completed</div>
-      <div><span className="text-green-400">✅</span> backend-specialist → Completed</div>
-      <div><span className="text-blue-400">🔄</span> frontend-specialist → 60%</div>
-    </div>
-
-    <div className="text-yellow-400 mb-2">=== Preview ===</div>
-    <div className="space-y-1">
-      <div>🌐 URL: <span className="text-blue-400">http://localhost:3000</span></div>
-      <div>💚 Health: <span className="text-green-400">OK</span></div>
-    </div>
-  </TerminalBlock>
-</Terminal>
-
-## Pro Tips
-
-<ProTips>
-  <Tip title="Before Deploy">
-    Check status to ensure all agents completed.
-  </Tip>
-  <Tip title="Track Progress">
-    Monitor multi-agent orchestration in real-time.
-  </Tip>
-</ProTips>
-
-## Next Steps
-
-- Run `/status` to check project state
-- See [Deployment](/docs/guide/examples/deployment) when ready to ship

package/web/src/app/docs/guide/examples/test/page.mdx

@@ -1,80 +0,0 @@
-export const metadata = {
-  title: "Example: Test Generation & Execution | Antigravity Kit",
-  description: "Learn how to use the /test workflow to generate and run tests for your code.",
-};
-
-import { Callout, StepList, Step, Terminal, TerminalLine, TerminalBlock, ProTips, Tip, FeatureGrid, Feature } from '@/components/mdx'
-
-# Test Generation & Execution
-
-Generate and run tests with the `/test` workflow.
-
-## Overview
-
-The `/test` command handles **test generation and execution**.
-Analyze code, create test suites, run tests, or check coverage.
-
-<FeatureGrid>
-  <Feature title="run" description="Execute tests" />
-  <Feature title="generate" description="Create tests" />
-  <Feature title="coverage" description="Report" />
-  <Feature title="watch" description="Live mode" />
-</FeatureGrid>
-
-## The Process
-
-<StepList>
-  <Step number={1} title="Run All Tests">
-    ```bash
-    /test
-    ```
-  </Step>
-  <Step number={2} title="Generate Tests for File">
-    ```bash
-    /test src/auth.ts
-    ```
-  </Step>
-  <Step number={3} title="Check Coverage">
-    ```bash
-    /test coverage
-    ```
-  </Step>
-</StepList>
-
-## Example Session
-
-<Terminal>
-  <TerminalLine type="user">/test src/services/auth.ts</TerminalLine>
-
-  <TerminalBlock>
-    <TerminalLine type="agent">**Analyzing auth.ts...**</TerminalLine>
-    <div className="text-xs mt-2">
-      Found 4 functions: login, register, verifyToken, resetPassword
-    </div>
-  </TerminalBlock>
-
-  <TerminalBlock highlight>
-    <TerminalLine type="agent">**✅ Tests Generated!**</TerminalLine>
-    <div className="text-xs mt-2">
-      Created: `tests/auth.test.ts`<br/>
-      Test cases: 12<br/>
-      Coverage: 95%
-    </div>
-  </TerminalBlock>
-</Terminal>
-
-## Pro Tips
-
-<ProTips>
-  <Tip title="Test Behavior">
-    Focus on what functions do, not implementation.
-  </Tip>
-  <Tip title="Edge Cases">
-    Always test errors, empty inputs, boundaries.
-  </Tip>
-</ProTips>
-
-## Next Steps
-
-- Run `/test` to execute your test suite
-- See [Deployment](/docs/guide/examples/deployment) which runs tests automatically

package/web/src/app/docs/guide/examples/ui-design/page.mdx

@@ -1,90 +0,0 @@
-export const metadata = {
-  title: "Example: Advanced UI Design | Antigravity Kit",
-  description: "Learn how to build high-conversion landing pages using the /ui-ux-pro-max workflow and style prompts.",
-};
-
-import { Callout, StepList, Step, Terminal, TerminalLine, TerminalBlock, ProTips, Tip } from '@/components/mdx'
-
-# Advanced UI Design
-
-Create stunning, high-conversion landing pages instantly with the `/ui-ux-pro-max` workflow.
-
-## Overview
-
-This is a standardized workflow designed specifically for **Rapid Landing Page Development**.
-
-<Callout type="info">
-  **Powered by NextLevelBuilder:** This workflow is optimized to work with the curated style prompts from [nextlevelbuilder.io](https://ui-ux-pro-max-skill.nextlevelbuilder.io/#styles). You pick a style, and the AI handles the execution.
-</Callout>
-
-## The Process
-
-<StepList>
-  <Step number={1} title="Choose Your Style">
-    Visit [nextlevelbuilder.io](https://ui-ux-pro-max-skill.nextlevelbuilder.io/#styles) and copy a style prompt (e.g., "Modern SaaS - Dark Mode").
-  </Step>
-  <Step number={2} title="Run the Command">
-    Paste the style prompt and your content requirements.
-
-    ```bash
-    /ui-ux-pro-max Create a friendly pet grooming service landing page with claymorphism cards,
-    service packages, pet gallery, booking system, and testimonials from pet owners.
-    Use playful warm colors.
-    ```
-  </Step>
-  <Step number={3} title="The Construction">
-    The agent automatically builds the entire page structure.
-
-    <div className="grid grid-cols-1 md:grid-cols-3 gap-4 mt-4">
-      <div className="bg-zinc-50 dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 rounded-lg p-3">
-        <h4 className="text-sm font-semibold mb-1">📐 Structure</h4>
-        <p className="text-xs text-zinc-500 dark:text-zinc-400 m-0">Semantic HTML5 & SEO hierarchy</p>
-      </div>
-      <div className="bg-zinc-50 dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 rounded-lg p-3">
-        <h4 className="text-sm font-semibold mb-1">🧩 Components</h4>
-        <p className="text-xs text-zinc-500 dark:text-zinc-400 m-0">Reusable, accessible UI blocks</p>
-      </div>
-      <div className="bg-zinc-50 dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 rounded-lg p-3">
-        <h4 className="text-sm font-semibold mb-1">✨ Interactivity</h4>
-        <p className="text-xs text-zinc-500 dark:text-zinc-400 m-0">Micro-animations & responsiveness</p>
-      </div>
-    </div>
-  </Step>
-</StepList>
-
-## Example Session
-
-<Terminal>
-  <TerminalLine type="user">/ui-ux-pro-max Create a friendly pet grooming service landing page with claymorphism cards, service packages, pet gallery, booking system, and testimonials from pet owners. Use playful warm colors</TerminalLine>
-
-  <TerminalBlock>
-    <TerminalLine type="agent">**Analyzing Style...**</TerminalLine>
-    Loading "Modern SaaS"...<br/>
-    <div className="text-xs text-zinc-500 mt-2">
-      <div>🎨 <strong>Colors:</strong> Indigo-500 primary, Slate-900 bg</div>
-      <div>✨ <strong>Effects:</strong> Glassmorphism cards</div>
-    </div>
-  </TerminalBlock>
-
-  <TerminalBlock highlight>
-    <TerminalLine type="agent">**✅ Page Complete!**</TerminalLine>
-    Created `app/page.tsx`<br/>
-    <span className="text-green-400">Run `/preview start` to view.</span>
-  </TerminalBlock>
-</Terminal>
-
-## Pro Tips
-
-<ProTips>
-  <Tip title="Be Specific">
-    Instead of "nice design", use "glassmorphism dark mode with neon accents".
-  </Tip>
-  <Tip title="List Sections">
-    Explicitly list "Hero, Features, Pricing, FAQ" to ensure a complete layout.
-  </Tip>
-</ProTips>
-
-## Next Steps
-
-- Browse styles at [NextLevelBuilder Style Gallery](https://ui-ux-pro-max-skill.nextlevelbuilder.io/#styles)
-- See [Production Deployment](/docs/guide/examples/deployment) to ship your page

package/web/src/components/mdx/Callout.tsx

@@ -1,60 +0,0 @@
-import { ReactNode } from "react";
-import { Info, AlertTriangle, AlertCircle, Lightbulb } from "lucide-react";
-
-type CalloutType = "info" | "warning" | "error" | "tip";
-
-interface CalloutProps {
-  type?: CalloutType;
-  title?: string;
-  children: ReactNode;
-}
-
-const calloutStyles: Record<CalloutType, { bg: string; border: string; icon: typeof Info; iconColor: string }> = {
-  info: {
-    bg: "bg-blue-50 dark:bg-blue-950/30",
-    border: "border-blue-200 dark:border-blue-800",
-    icon: Info,
-    iconColor: "text-blue-600 dark:text-blue-400",
-  },
-  warning: {
-    bg: "bg-yellow-50 dark:bg-yellow-950/30",
-    border: "border-yellow-200 dark:border-yellow-800",
-    icon: AlertTriangle,
-    iconColor: "text-yellow-600 dark:text-yellow-400",
-  },
-  error: {
-    bg: "bg-red-50 dark:bg-red-950/30",
-    border: "border-red-200 dark:border-red-800",
-    icon: AlertCircle,
-    iconColor: "text-red-600 dark:text-red-400",
-  },
-  tip: {
-    bg: "bg-zinc-50 dark:bg-zinc-900/50",
-    border: "border-zinc-200 dark:border-zinc-800",
-    icon: Lightbulb,
-    iconColor: "text-zinc-600 dark:text-zinc-400",
-  },
-};
-
-export function Callout({ type = "info", title, children }: CalloutProps) {
-  const styles = calloutStyles[type];
-  const Icon = styles.icon;
-
-  return (
-    <div className={`${styles.bg} ${styles.border} border rounded-lg p-4 mb-4`}>
-      <div className="flex items-start gap-3">
-        <Icon className={`w-5 h-5 mt-0.5 shrink-0 ${styles.iconColor}`} />
-        <div className="flex-1">
-          {title && (
-            <h4 className="text-sm font-semibold text-zinc-900 dark:text-zinc-50 mb-1">
-              {title}
-            </h4>
-          )}
-          <div className="text-sm text-zinc-700 dark:text-zinc-300 [&>p]:mb-0">
-            {children}
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}

package/web/src/components/mdx/FeatureGrid.tsx

@@ -1,38 +0,0 @@
-import { ReactNode } from "react";
-
-interface FeatureProps {
-  title: string;
-  description?: string;
-  children?: ReactNode;
-}
-
-export function Feature({ title, description, children }: FeatureProps) {
-  return (
-    <div className="p-3 bg-white dark:bg-zinc-900 rounded border border-zinc-100 dark:border-zinc-800 text-center">
-      <div className="font-bold text-xs mb-1">{title}</div>
-      {description && (
-        <div className="text-[10px] text-zinc-500">{description}</div>
-      )}
-      {children}
-    </div>
-  );
-}
-
-interface FeatureGridProps {
-  cols?: 2 | 3 | 4;
-  children: ReactNode;
-}
-
-export function FeatureGrid({ cols = 4, children }: FeatureGridProps) {
-  const colsClass = {
-    2: "grid-cols-2",
-    3: "grid-cols-3",
-    4: "grid-cols-2 md:grid-cols-4",
-  };
-
-  return (
-    <div className="bg-zinc-50 dark:bg-zinc-900/50 border border-zinc-200 dark:border-zinc-800 rounded-lg p-4 mb-6">
-      <div className={`grid ${colsClass[cols]} gap-4`}>{children}</div>
-    </div>
-  );
-}

package/web/src/components/mdx/ProTips.tsx

@@ -1,29 +0,0 @@
-import { ReactNode } from "react";
-
-interface TipProps {
-  title: string;
-  children: ReactNode;
-}
-
-export function Tip({ title, children }: TipProps) {
-  return (
-    <div className="bg-zinc-50 dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 rounded-lg p-4">
-      <h4 className="text-sm font-semibold text-zinc-900 dark:text-zinc-50 mb-2">
-        {title}
-      </h4>
-      <div className="text-sm text-zinc-600 dark:text-zinc-400 [&>p]:mb-0">
-        {children}
-      </div>
-    </div>
-  );
-}
-
-interface ProTipsProps {
-  children: ReactNode;
-}
-
-export function ProTips({ children }: ProTipsProps) {
-  return (
-    <div className="grid grid-cols-1 md:grid-cols-2 gap-4 mb-8">{children}</div>
-  );
-}

package/web/src/components/mdx/StepList.tsx

@@ -1,33 +0,0 @@
-import { ReactNode } from "react";
-
-interface StepProps {
-  number: number;
-  title: string;
-  children: ReactNode;
-}
-
-export function Step({ number, title, children }: StepProps) {
-  return (
-    <div className="flex gap-4">
-      <div className="flex-none w-8 h-8 rounded-full bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center text-blue-600 dark:text-blue-400 font-bold text-sm">
-        {number}
-      </div>
-      <div className="flex-1 pb-6">
-        <h3 className="font-semibold text-zinc-900 dark:text-zinc-50 mt-0 mb-2">
-          {title}
-        </h3>
-        <div className="text-zinc-600 dark:text-zinc-400 text-sm [&>p]:mb-2">
-          {children}
-        </div>
-      </div>
-    </div>
-  );
-}
-
-interface StepListProps {
-  children: ReactNode;
-}
-
-export function StepList({ children }: StepListProps) {
-  return <div className="space-y-2 mb-8">{children}</div>;
-}

package/web/src/components/mdx/Terminal.tsx

@@ -1,58 +0,0 @@
-import { ReactNode } from "react";
-
-interface TerminalProps {
-  children: ReactNode;
-}
-
-export function Terminal({ children }: TerminalProps) {
-  return (
-    <div className="bg-zinc-950 rounded-lg p-4 font-mono text-sm text-zinc-300 mb-6 overflow-x-auto">
-      {children}
-    </div>
-  );
-}
-
-interface TerminalLineProps {
-  type?: "user" | "agent" | "system";
-  children: ReactNode;
-}
-
-export function TerminalLine({ type = "system", children }: TerminalLineProps) {
-  const colors = {
-    user: "text-green-400",
-    agent: "text-blue-400",
-    system: "text-zinc-400",
-  };
-
-  const labels = {
-    user: "User:",
-    agent: "Agent:",
-    system: "",
-  };
-
-  return (
-    <div className="mb-2">
-      {labels[type] && (
-        <span className={`${colors[type]} font-semibold`}>{labels[type]} </span>
-      )}
-      {children}
-    </div>
-  );
-}
-
-interface TerminalBlockProps {
-  highlight?: boolean;
-  children: ReactNode;
-}
-
-export function TerminalBlock({ highlight, children }: TerminalBlockProps) {
-  return (
-    <div
-      className={`pl-4 border-l-2 ${
-        highlight ? "border-green-800" : "border-zinc-800"
-      } mb-4`}
-    >
-      {children}
-    </div>
-  );
-}

package/web/src/components/mdx/index.ts

@@ -1,5 +0,0 @@
-export { Callout } from "./Callout";
-export { StepList, Step } from "./StepList";
-export { Terminal, TerminalLine, TerminalBlock } from "./Terminal";
-export { ProTips, Tip } from "./ProTips";
-export { FeatureGrid, Feature } from "./FeatureGrid";

package/web/src/mdx-components.tsx

@@ -1,98 +0,0 @@
-import type { MDXComponents } from "mdx/types";
-import Link from "next/link";
-
-export function useMDXComponents(components: MDXComponents): MDXComponents {
-  return {
-    h1: ({ children }) => (
-      <h1 className="text-4xl font-bold tracking-tight text-zinc-900 dark:text-zinc-50 mb-2">
-        {children}
-      </h1>
-    ),
-    h2: ({ children }) => (
-      <h2 className="text-2xl font-semibold text-zinc-900 dark:text-zinc-50 mb-4 mt-8">
-        {children}
-      </h2>
-    ),
-    h3: ({ children }) => (
-      <h3 className="text-xl font-semibold text-zinc-900 dark:text-zinc-50 mb-3 mt-6">
-        {children}
-      </h3>
-    ),
-    h4: ({ children }) => (
-      <h4 className="text-lg font-semibold text-zinc-900 dark:text-zinc-50 mb-2 mt-4">
-        {children}
-      </h4>
-    ),
-    p: ({ children }) => (
-      <p className="text-zinc-700 dark:text-zinc-300 mb-4">{children}</p>
-    ),
-    a: ({ href, children }) => {
-      const isExternal = href?.startsWith("http");
-      if (isExternal) {
-        return (
-          <a
-            href={href}
-            target="_blank"
-            rel="noopener noreferrer"
-            className="text-blue-600 dark:text-blue-400 hover:underline"
-          >
-            {children}
-          </a>
-        );
-      }
-      return (
-        <Link
-          href={href || "#"}
-          className="text-blue-600 dark:text-blue-400 hover:underline"
-        >
-          {children}
-        </Link>
-      );
-    },
-    ul: ({ children }) => (
-      <ul className="list-disc list-inside text-zinc-700 dark:text-zinc-300 space-y-2 mb-4">
-        {children}
-      </ul>
-    ),
-    ol: ({ children }) => (
-      <ol className="list-decimal list-inside text-zinc-700 dark:text-zinc-300 space-y-2 mb-4">
-        {children}
-      </ol>
-    ),
-    li: ({ children }) => <li>{children}</li>,
-    code: ({ children }) => (
-      <code className="px-1.5 py-0.5 rounded bg-zinc-100 dark:bg-zinc-800 text-sm font-mono text-zinc-900 dark:text-zinc-100">
-        {children}
-      </code>
-    ),
-    pre: ({ children }) => (
-      <pre className="p-4 rounded-lg bg-zinc-950 overflow-x-auto mb-4 text-sm">
-        {children}
-      </pre>
-    ),
-    blockquote: ({ children }) => (
-      <blockquote className="border-l-4 border-zinc-300 dark:border-zinc-700 pl-4 italic text-zinc-600 dark:text-zinc-400 mb-4">
-        {children}
-      </blockquote>
-    ),
-    hr: () => <hr className="border-zinc-200 dark:border-zinc-800 my-8" />,
-    table: ({ children }) => (
-      <div className="overflow-x-auto mb-4">
-        <table className="min-w-full divide-y divide-zinc-200 dark:divide-zinc-800">
-          {children}
-        </table>
-      </div>
-    ),
-    th: ({ children }) => (
-      <th className="px-4 py-2 text-left text-sm font-semibold text-zinc-900 dark:text-zinc-50 bg-zinc-50 dark:bg-zinc-900">
-        {children}
-      </th>
-    ),
-    td: ({ children }) => (
-      <td className="px-4 py-2 text-sm text-zinc-700 dark:text-zinc-300 border-t border-zinc-200 dark:border-zinc-800">
-        {children}
-      </td>
-    ),
-    ...components,
-  };
-}