@builderos/create-agent-os 0.0.2 → 0.0.4

package/bin/cli.js

@@ -91,7 +91,7 @@ async function init() {
 
                 appPkg.dependencies = {
                     ...appPkg.dependencies,
-                    "@antigravity/agent-os-ui": "*", // Use workspace version
+                    "@builderos/agent-os-ui": "*", // Use workspace version
                     "lucide-react": "^0.469.0",
                     "clsx": "^2.1.0",
                     "tailwind-merge": "^2.2.0"

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@builderos/create-agent-os",
-    "version": "0.0.2",
+    "version": "0.0.4",
     "description": "Scaffolding tool for Agent OS applications",
     "type": "module",
     "bin": {

package/src/template/App.tsx

@@ -1,5 +1,5 @@
-import { AgentShell, AgentSidebar, GuidanceCard, ThemeToggle } from '@antigravity/agent-os-ui';
-import '@antigravity/agent-os-ui/style.css';
+import { AgentShell, AgentSidebar, GuidanceCard, ThemeToggle } from '@builderos/agent-os-ui';
+import '@builderos/agent-os-ui/style.css';
 import { Home, Layers, Box } from 'lucide-react';
 import { useState } from 'react';
 

package/src/template/agent-os-ui/README.md

@@ -1,4 +1,4 @@
-# @antigravity/agent-os-ui
+# @builderos/agent-os-ui
 
 The official UI capability for the **Agent OS** workflow.
 Use this library to build the control interface that guides you through the Antigravity development process (Product -> Design -> Build -> Verify).
@@ -6,19 +6,19 @@ Use this library to build the control interface that guides you through the Anti
 ## Installation
 
 ```bash
-npm install @antigravity/agent-os-ui
+npm install @builderos/agent-os-ui
 ```
 
 ## Setup
 
 1. Import the styles:
 ```ts
-import '@antigravity/agent-os-ui/style.css';
+import '@builderos/agent-os-ui/style.css';
 ```
 
 2. Build your Control Dashboard:
 ```tsx
-import { AgentShell, GuidanceCard } from '@antigravity/agent-os-ui';
+import { AgentShell, GuidanceCard } from '@builderos/agent-os-ui';
 
 export function ControlCenter() {
   return (
@@ -48,7 +48,7 @@ export function ControlCenter() {
 ## Example Layout
 
 ```tsx
-import { AgentShell, AgentSidebar, ThemeToggle } from '@antigravity/agent-os-ui';
+import { AgentShell, AgentSidebar, ThemeToggle } from '@builderos/agent-os-ui';
 import { Home, Layers } from 'lucide-react';
 
 export default function App() {

package/src/template/agent-os-ui/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@antigravity/agent-os-ui",
+  "name": "@builderos/agent-os-ui",
   "version": "0.1.0",
   "type": "module",
   "main": "./dist/agent-os-ui.umd.cjs",

package/src/template/control-center/frontend/package.json

@@ -10,7 +10,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@antigravity/agent-os-ui": "file:../../packages/agent-os-ui",
+    "@builderos/agent-os-ui": "*",
     "@tailwindcss/typography": "^0.5.19",
     "axios": "^1.13.2",
     "clsx": "^2.1.1",
@@ -39,4 +39,4 @@
     "typescript-eslint": "^8.46.4",
     "vite": "^7.2.4"
   }
-}
+}

package/src/template/control-center/frontend/src/App.tsx

@@ -2,8 +2,8 @@ import { useEffect, useState } from 'react';
 import axios from 'axios';
 import { Terminal, Layout, Monitor, Layers, FileText, Code, Play, CheckSquare, List, RefreshCw, ArrowRight, X, Loader2, Plus, Trash2, WalletCards, LayoutDashboard, Copy, Package } from 'lucide-react';
 import { useToast } from './components/ui/ToastContext';
-import { ThemeToggle, GuidanceCard } from '@antigravity/agent-os-ui';
-import '@antigravity/agent-os-ui/style.css';
+import { ThemeToggle, GuidanceCard } from '@builderos/agent-os-ui';
+import '@builderos/agent-os-ui/style.css';
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 import remarkBreaks from 'remark-breaks';
@@ -58,7 +58,8 @@ const NextStepCard = ({ state, onOpenDesign, onCreateSpec }: { state: ProjectSta
     state?.product?.techStack?.exists && !state?.product?.techStack?.isBoilerplate &&
     // Roadmap must exist AND have at least one valid item done, OR be non-boilerplate (if we relax strictness)
     // But user specifically asked for step 1 to persist if roadmap is 0/4.
-    state?.product?.roadmap?.exists && (state?.product?.roadmap?.completed ?? 0) > 0;
+    // Roadmap must exist and not be boilerplate
+    state?.product?.roadmap?.exists && !state?.product?.roadmap?.isBoilerplate;
 
   if (!isProductComplete) {
     step = {
@@ -536,9 +537,10 @@ function App() {
 
               <div className="mt-6">
                 <PromptButton
-                  label="Plan Product"
-                  prompt="Antigravity, let's start Phase 1: Product Planning. Please read 'agent-os/commands/plan-product/plan-product.md' and guide me."
+                  label={state?.product?.mission?.exists && !state?.product?.mission?.isBoilerplate && state?.product?.roadmap?.exists && !state?.product?.roadmap?.isBoilerplate && state?.product?.techStack?.exists && !state?.product?.techStack?.isBoilerplate ? "Next: Design System" : "Plan Product"}
+                  prompt={state?.product?.mission?.exists && !state?.product?.mission?.isBoilerplate && state?.product?.roadmap?.exists && !state?.product?.roadmap?.isBoilerplate && state?.product?.techStack?.exists && !state?.product?.techStack?.isBoilerplate ? "Antigravity, please sync my product plan to Design OS. Read 'agent-os/commands/initialize-design/initialize-design.md'." : "Antigravity, let's start Phase 1: Product Planning. Please read 'agent-os/commands/plan-product/plan-product.md' and guide me."}
                   onClick={copyToClipboard}
+                  primary={state?.product?.mission?.exists && !state?.product?.mission?.isBoilerplate && state?.product?.roadmap?.exists && !state?.product?.roadmap?.isBoilerplate && state?.product?.techStack?.exists && !state?.product?.techStack?.isBoilerplate}
                 />
               </div>
             </section>

package/src/template/design/src/components/ExportPage.tsx

@@ -125,7 +125,7 @@ export function ExportPage() {
                       className="inline-flex items-center gap-2 px-4 py-2 bg-white hover:bg-stone-50 border border-stone-200 text-stone-700 font-medium text-sm rounded-md transition-colors shrink-0"
                     >
                       <Download className="w-4 h-4" strokeWidth={2} />
-                      Backup
+                      Download Package
                     </a>
                   </div>
                   <p className="text-sm text-stone-500 dark:text-stone-400">
@@ -197,7 +197,7 @@ export function ExportPage() {
           </CardHeader>
           <CardContent className="space-y-4">
             {/* Option A - Incremental (Recommended) */}
-            <Collapsible>
+            <Collapsible defaultOpen>
               <CollapsibleTrigger className="flex items-start justify-between w-full text-left group">
                 <div className="flex-1">
                   <h4 className="font-medium text-stone-900 dark:text-stone-100">