@astryxdesign/cli 0.3.0-canary.d1b7d82 → 0.3.0-canary.f6cba81

package/assets/docs/layout.doc.dense.mjs

@@ -64,7 +64,7 @@ export const docsDense = {
             'no Card-wrapped list items (card soup)',
             'no stacked full-width Cards as page structure',
             'no Cards in Cards',
-            'no decorative Badge — counts/enums only; StatusDot/Token for status',
+            'no decorative Badge: counts/enums only; StatusDot/Token for status',
           ],
         },
       ],

package/assets/templates/pages/login/page.tsx

@@ -17,7 +17,6 @@ import {CubeIcon} from '@heroicons/react/24/outline';
 const pageStyle: CSSProperties = {
   minHeight: '100%',
   backgroundColor: 'var(--color-background-body)',
-  padding: 'var(--spacing-6)',
 };
 // Cap the column at 400px but let it shrink to fit narrow screens (Stack
 // has no maxWidth prop, so it's set here).
@@ -43,7 +42,7 @@ export default function LoginPage() {
   };
 
   return (
-    <Center axis="both" style={pageStyle}>
+    <Center axis="both" padding={6} style={pageStyle}>
       <VStack gap={4} hAlign="center" style={contentStyle}>
         {/* Logo */}
         <VStack gap={2} hAlign="center">

package/assets/templates/pages/login-card/page.tsx

@@ -58,7 +58,6 @@ const GoogleIcon = (props: React.SVGProps<SVGSVGElement>) => (
 const pageStyle: CSSProperties = {
   minHeight: '100%',
   backgroundColor: 'var(--color-background-body)',
-  padding: 'var(--spacing-6)',
 };
 // Cap the column at 400px but let it shrink to fit narrow screens (Stack
 // has no maxWidth prop, so it's set here).
@@ -87,7 +86,7 @@ export default function LoginSimple() {
   };
 
   return (
-    <Center axis="both" style={pageStyle}>
+    <Center axis="both" padding={6} style={pageStyle}>
       <VStack gap={4} hAlign="center" style={contentStyle}>
         {/* Logo */}
         <VStack gap={2} hAlign="center">

package/assets/templates/pages/login-split/page.tsx

@@ -33,11 +33,10 @@ const COLUMN_MIN_WIDTH = 240;
 // tightens the inset at that same point, keyed to the card width (not the
 // window) so it never desyncs.
 // minHeight:100% fills the host so the centered card never leaves an unpainted
-// band; padding keeps it off the surface edges.
+// band; Center's padding prop keeps it off the surface edges.
 const pageStyle: CSSProperties = {
   minHeight: '100%',
   backgroundColor: 'var(--color-background-body)',
-  padding: 'var(--spacing-6)',
 };
 const cardWrap: CSSProperties = {
   width: '100%',
@@ -98,7 +97,7 @@ export default function LoginTwoColumn() {
   };
 
   return (
-    <Center axis="both" style={pageStyle}>
+    <Center axis="both" padding={6} style={pageStyle}>
       <style>{LOGIN_SPLIT_CSS}</style>
       <VStack gap={4} width="100%">
         <div style={cardWrap}>

package/assets/templates/pages/login-sso/page.tsx

@@ -27,7 +27,6 @@ const pageStyle: CSSProperties = {
   backgroundImage: `url(${BG_URL})`,
   backgroundSize: 'cover',
   backgroundPosition: 'center',
-  padding: 'var(--spacing-6)',
 };
 
 type SSOProvider = {
@@ -98,7 +97,7 @@ export default function LoginSSO() {
   };
 
   return (
-    <Center axis="both" style={pageStyle}>
+    <Center axis="both" padding={6} style={pageStyle}>
       <Card padding={8} width="100%" maxWidth={400}>
         <VStack gap={4} hAlign="stretch">
           {/* ── Step 1: Email entry ── */}

package/foundation/agent-docs/agent-docs.mjs

@@ -341,10 +341,9 @@ export function generateCompressedIndex(version, {coreDir, invocation = getCliIn
 
   // Rules — the top error-preventers.
   lines.push('RULES:');
-  lines.push('- No <div> — components do all layout/spacing. Full page → AppShell; sidebar nav → SideNav.');
-  lines.push('- Frame first: pick the shell (AppShell / Layout+LayoutPanel) and budget regions in px BEFORE writing content (`astryx docs layout`).');
-  lines.push('- Dense data = rows (Table, List/Item) edge-to-edge — never Card-wrapped list items. Card = dashboard widgets, galleries, settings groups only.');
-  lines.push('- Status → StatusDot/Token; Badge only for counts and enumerated states, never decoration.');
+  lines.push('- No <div> — components do all layout/spacing, page frame included.');
+  lines.push('- Frame first: read `astryx docs layout` before writing any page or screen — page frame, region widths, breakpoint behavior.');
+  lines.push('- Dense data = rows (Table, List/Item), never Card-wrapped list items; Card is for standalone widgets. Status = StatusDot/Token; Badge = counts only.');
   // Styling guidance tailored to the project's configured system — never
   // recommend a path that isn't compiled here (xstyle needs the StyleX compiler;
   // utilities need Tailwind). Tokens are always the source of truth.

package/foundation/agent-docs/agent-docs.test.mjs

@@ -46,6 +46,14 @@ describe('generateCompressedIndex', () => {
     expect(result).toMatch(/never override --color-/);
   });
 
+  it('sends frame choice to the layout doc rather than naming a shell', () => {
+    const result = generateCompressedIndex('1.0.0');
+    const frameRule = result.split('\n').find(l => l.includes('Frame first'));
+    expect(frameRule).toContain('astryx docs layout');
+    expect(result).not.toMatch(/AppShell/);
+    expect(frameRule).not.toMatch(/https?:/);
+  });
+
   it('includes the post-generation self-check rule', () => {
     const result = generateCompressedIndex('1.0.0');
     expect(result).toContain('SELF-CHECK before you finish');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astryxdesign/cli",
-  "version": "0.3.0-canary.d1b7d82",
+  "version": "0.3.0-canary.f6cba81",
   "displayName": "CLI",
   "description": "Scaffold projects, browse templates, generate themes, and get agent-ready docs from the command line.",
   "author": "Meta Open Source",
@@ -84,10 +84,10 @@
     "zod": "^4.4.3"
   },
   "peerDependencies": {
-    "@astryxdesign/charts": "0.3.0-canary.d1b7d82",
-    "@astryxdesign/core": "0.3.0-canary.d1b7d82",
-    "@astryxdesign/lab": "0.3.0-canary.d1b7d82",
-    "@astryxdesign/theme-neutral": "0.3.0-canary.d1b7d82",
+    "@astryxdesign/charts": "0.3.0-canary.f6cba81",
+    "@astryxdesign/core": "0.3.0-canary.f6cba81",
+    "@astryxdesign/lab": "0.3.0-canary.f6cba81",
+    "@astryxdesign/theme-neutral": "0.3.0-canary.f6cba81",
     "gpt-tokenizer": "^3.4.0"
   },
   "peerDependenciesMeta": {
@@ -105,10 +105,10 @@
     }
   },
   "devDependencies": {
-    "@astryxdesign/charts": "0.3.0-canary.d1b7d82",
-    "@astryxdesign/core": "0.3.0-canary.d1b7d82",
-    "@astryxdesign/lab": "0.3.0-canary.d1b7d82",
-    "@astryxdesign/theme-neutral": "0.3.0-canary.d1b7d82",
+    "@astryxdesign/charts": "0.3.0-canary.f6cba81",
+    "@astryxdesign/core": "0.3.0-canary.f6cba81",
+    "@astryxdesign/lab": "0.3.0-canary.f6cba81",
+    "@astryxdesign/theme-neutral": "0.3.0-canary.f6cba81",
     "gpt-tokenizer": "^3.4.0"
   },
   "scripts": {