makersclaw 0.7.0 → 0.8.1

package/templates/next/template.json

@@ -20,6 +20,8 @@
       "components/ui/*",
       "components/parts/*",
       "check/run.mjs",
+      "check/automation-format.ts",
+      "check/automation-package.ts",
       "proxy.js",
       "next.config.mjs",
       "postcss.config.mjs"
@@ -32,7 +34,8 @@
   "modes": {
     "browser": {
       "overlay": "browser",
-      "drop": ["proxy.js", "app/claw-alive/route.js", "lib/db.js", "lib/brain-server.js"]
+      "drop": ["proxy.js", "app/claw-alive/route.js", "lib/db.js", "lib/brain-server.js"],
+      "dropScripts": ["start"]
     }
   },
   "components": [
@@ -55,8 +58,8 @@
     {
       "name": "notice",
       "type": "component",
-      "title": "Card, Notice, Badge, Kicker, Empty",
-      "description": "Containers and signals: Card (padding md · sm · none; titleSize md · lg), Notice (tone neutral · info · success · warning · danger), Badge (tone neutral · primary · success · warning · danger · info; variant label — small caps · soft — sentence case, every tone tinted, primary included · outline — sentence case, a hairline on no fill · code — the mono face in its own case for a version tag or a commit hash; hue 1..5 a categorical colour from --color-chart-N for kinds of things, never status: soft a hue tint with a hue dot, label filled, outline a hue hairline, the text always readable), Kicker (the small line above a heading), Empty (a search or filter with no matches).",
+      "title": "Card, ActionCard, Notice, Badge, Kicker, Empty",
+      "description": "Containers and signals: Card (padding md · sm · none; titleSize md · lg), ActionCard (one step: icon, title, description, status {tone, children} above one full-width action; stacked, never stretched to a neighbour), Notice (tone neutral · info · success · warning · danger), Badge (tone neutral · primary · success · warning · danger · info; variant label — small caps · soft — sentence case, every tone tinted, primary included · outline — sentence case, a hairline on no fill · code — the mono face in its own case for a version tag or a commit hash; hue 1..5 a categorical colour from --color-chart-N for kinds of things, never status: soft a hue tint with a hue dot, label filled, outline a hue hairline, the text always readable), Kicker (the small line above a heading), Empty (a search or filter with no matches).",
       "tags": ["card", "alert", "notice", "badge", "empty state", "status"],
       "files": ["components/ui/notice.jsx"]
     },
@@ -332,6 +335,22 @@
       "tags": ["scroll", "scroll area", "overflow", "list", "carousel", "rail"],
       "files": ["components/ui/scroll-area.jsx"]
     },
+    {
+      "name": "layout",
+      "type": "component",
+      "title": "AppLayout, DocumentLayout",
+      "description": "Who owns the window's height, and who scrolls. AppLayout is the app frame, the one viewport owner (the outermost; one inside another fills its slot instead): header (the top bar, in view), navigation (a rail from md, navigationWidth px, 176; below md a Sheet behind the menu button, navigationLabel), the content (contentMode scroll: its region scrolls · fill: a bounded column for a canvas or a grid that scrolls itself; contentLabel, contentClassName for spacing, scrollKey = the route to scroll back to the top), inspector (beside the content from inspectorAt md · lg · xl of the window's width, or with inspectorIn frame of the body's own width between the rail and the dock: 42, 48, 64 rem; inspectorWidth px, 360, 240 to 560; below it the content and the inspector share one scroll in scroll mode, and in fill mode the inspector is a bounded pane under the content), footer (under the content, in view), height viewport · parent. In print it lets go. DocumentLayout is a page that flows, for print and export: toolbar (held at the top, never printed), width prose · page (A4) · letter · full, paper, align start · center. Nothing in an app sizes itself by the window: npm run check refuses min-h-dvh, h-screen, 100vh and h-[80vh] outside the kit.",
+      "tags": ["layout", "app frame", "shell", "viewport", "scroll", "inspector", "sidebar", "navigation", "footer", "fill", "canvas", "document", "print", "export", "page"],
+      "files": ["components/ui/layout.jsx"]
+    },
+    {
+      "name": "page-layout",
+      "type": "component",
+      "title": "PageLayout",
+      "description": "A screen's main area with an optional side column, taking the full height of the content it sits in (inside an AppLayout, ideally contentMode fill with no padding on the content). The main is the column that scrolls; the side is the fixed one, holding its place with its divider running top to bottom, and it is short (a summary, the next step, a few facts, a small panel; never a long form or a long list, which belong in the main). side (the side column), sideWidth px (304, 220 to 560), sideAt md · lg · xl (the page's own width from which the side sits beside the main: 42, 48, 64 rem; a measure of the page, not the window, so an open agent dock does not squeeze it; narrower, the side goes under the main in one scroll), mainLabel and sideLabel (names for a screen reader), padded (p-4 sm:p-6 on the main, p-4 on the side), fill (the main is a flex column, so a child with flex-1 grows into the height), className, mainClassName, sideClassName (spacing and tokens, never a height). Screens use it instead of a hand-drawn grid with a ruled aside, which is only as tall as its words: npm run check refuses that (rule page), and refuses a side column that holds a form or a long list (rule sidelong).",
+      "tags": ["page layout", "side column", "two column", "main and side", "split", "height", "fill", "scroll", "divider", "inspector", "aside", "master detail", "layout"],
+      "files": ["components/ui/page.jsx"]
+    },
     {
       "name": "toast",
       "type": "component",