@utopia-studio-design/design-system-cli 0.7.1 → 0.8.0

package/data/manifests/blocks.json

@@ -122,8 +122,14 @@
       "bundlePath": "blocks/database-workspace",
       "sourcePath": "blocks/database-workspace/DatabaseWorkspaceBlocks.tsx",
       "exportName": "DatabaseToolbar",
-      "requiredImports": ["@utopia-studio-design/design-system/Database"],
-      "contracts": ["query controls", "saved view context", "permission-aware create action"],
+      "requiredImports": [
+        "@utopia-studio-design/design-system/Database"
+      ],
+      "contracts": [
+        "query controls",
+        "saved view context",
+        "permission-aware create action"
+      ],
       "rtlReady": true,
       "reducedMotion": true,
       "responsiveMinimum": "320px"
@@ -137,8 +143,15 @@
       "bundlePath": "blocks/database-workspace",
       "sourcePath": "blocks/database-workspace/DatabaseWorkspaceBlocks.tsx",
       "exportName": "DatabaseTableBlock",
-      "requiredImports": ["@utopia-studio-design/design-system/Database"],
-      "contracts": ["schema-driven properties", "grid keyboard model", "virtualization", "optimistic recovery"],
+      "requiredImports": [
+        "@utopia-studio-design/design-system/Database"
+      ],
+      "contracts": [
+        "schema-driven properties",
+        "grid keyboard model",
+        "virtualization",
+        "optimistic recovery"
+      ],
       "rtlReady": true,
       "reducedMotion": true,
       "responsiveMinimum": "320px"
@@ -152,8 +165,13 @@
       "bundlePath": "blocks/database-workspace",
       "sourcePath": "blocks/database-workspace/DatabaseWorkspaceBlocks.tsx",
       "exportName": "SavedViewsBar",
-      "requiredImports": ["@utopia-studio-design/design-system/Database"],
-      "contracts": ["controlled active view", "current view semantics"],
+      "requiredImports": [
+        "@utopia-studio-design/design-system/Database"
+      ],
+      "contracts": [
+        "controlled active view",
+        "current view semantics"
+      ],
       "rtlReady": true,
       "reducedMotion": true,
       "responsiveMinimum": "320px"
@@ -167,8 +185,14 @@
       "bundlePath": "blocks/database-workspace",
       "sourcePath": "blocks/database-workspace/DatabaseWorkspaceBlocks.tsx",
       "exportName": "RecordDetailDrawer",
-      "requiredImports": ["@utopia-studio-design/design-system/Database"],
-      "contracts": ["dialog semantics", "complete property detail", "logical inline-end placement"],
+      "requiredImports": [
+        "@utopia-studio-design/design-system/Database"
+      ],
+      "contracts": [
+        "dialog semantics",
+        "complete property detail",
+        "logical inline-end placement"
+      ],
       "rtlReady": true,
       "reducedMotion": true,
       "responsiveMinimum": "320px"
@@ -182,8 +206,14 @@
       "bundlePath": "blocks/database-workspace",
       "sourcePath": "blocks/database-workspace/DatabaseWorkspaceBlocks.tsx",
       "exportName": "BulkActionBar",
-      "requiredImports": ["@utopia-studio-design/design-system/Button"],
-      "contracts": ["selection count", "clear selection", "bulk mutation action"],
+      "requiredImports": [
+        "@utopia-studio-design/design-system/Button"
+      ],
+      "contracts": [
+        "selection count",
+        "clear selection",
+        "bulk mutation action"
+      ],
       "rtlReady": true,
       "reducedMotion": true,
       "responsiveMinimum": "320px"
@@ -197,8 +227,15 @@
       "bundlePath": "blocks/calendar-application",
       "sourcePath": "blocks/calendar-application/CalendarApplicationBlocks.tsx",
       "exportName": "SchedulerShell",
-      "requiredImports": ["@utopia-studio-design/design-system/Calendar"],
-      "contracts": ["controlled events and adapter", "accessible agenda", "keyboard and touch move alternatives", "responsive view transition"],
+      "requiredImports": [
+        "@utopia-studio-design/design-system/Calendar"
+      ],
+      "contracts": [
+        "controlled events and adapter",
+        "accessible agenda",
+        "keyboard and touch move alternatives",
+        "responsive view transition"
+      ],
       "rtlReady": true,
       "reducedMotion": true,
       "responsiveMinimum": "320px"
@@ -212,8 +249,14 @@
       "bundlePath": "blocks/calendar-application",
       "sourcePath": "blocks/calendar-application/CalendarApplicationBlocks.tsx",
       "exportName": "CalendarSidebar",
-      "requiredImports": ["@utopia-studio-design/design-system/Calendar"],
-      "contracts": ["controlled date", "resource visibility", "logical sidebar placement"],
+      "requiredImports": [
+        "@utopia-studio-design/design-system/Calendar"
+      ],
+      "contracts": [
+        "controlled date",
+        "resource visibility",
+        "logical sidebar placement"
+      ],
       "rtlReady": true,
       "reducedMotion": true,
       "responsiveMinimum": "320px"
@@ -227,8 +270,17 @@
       "bundlePath": "blocks/calendar-application",
       "sourcePath": "blocks/calendar-application/CalendarApplicationBlocks.tsx",
       "exportName": "EventEditorDrawer",
-      "requiredImports": ["@utopia-studio-design/design-system/Calendar"],
-      "contracts": ["modal focus and scroll lock", "Escape dismissal", "recurrence edit scope", "required and chronological date validation", "async save recovery with preserved draft", "controlled save and delete"],
+      "requiredImports": [
+        "@utopia-studio-design/design-system/Calendar"
+      ],
+      "contracts": [
+        "modal focus and scroll lock",
+        "Escape dismissal",
+        "recurrence edit scope",
+        "required and chronological date validation",
+        "async save recovery with preserved draft",
+        "controlled save and delete"
+      ],
       "rtlReady": true,
       "reducedMotion": true,
       "responsiveMinimum": "320px"
@@ -242,8 +294,14 @@
       "bundlePath": "blocks/calendar-application",
       "sourcePath": "blocks/calendar-application/CalendarApplicationBlocks.tsx",
       "exportName": "AgendaPanel",
-      "requiredImports": ["@utopia-studio-design/design-system/Calendar"],
-      "contracts": ["chronological event order", "screen-reader names", "equivalent event activation"],
+      "requiredImports": [
+        "@utopia-studio-design/design-system/Calendar"
+      ],
+      "contracts": [
+        "chronological event order",
+        "screen-reader names",
+        "equivalent event activation"
+      ],
       "rtlReady": true,
       "reducedMotion": true,
       "responsiveMinimum": "320px"
@@ -257,8 +315,14 @@
       "bundlePath": "blocks/calendar-application",
       "sourcePath": "blocks/calendar-application/CalendarApplicationBlocks.tsx",
       "exportName": "TimezoneSelector",
-      "requiredImports": ["@utopia-studio-design/design-system/Calendar"],
-      "contracts": ["IANA timezone values", "controlled selection", "visible display context"],
+      "requiredImports": [
+        "@utopia-studio-design/design-system/Calendar"
+      ],
+      "contracts": [
+        "IANA timezone values",
+        "controlled selection",
+        "visible display context"
+      ],
       "rtlReady": true,
       "reducedMotion": true,
       "responsiveMinimum": "320px"
@@ -352,7 +416,9 @@
       "bundlePath": "blocks/dashboard-composer",
       "sourcePath": "blocks/dashboard-composer/DashboardComposerBlocks.tsx",
       "exportName": "CeramicDashboardRenderer",
-      "requiredImports": ["@utopia-studio-design/design-system/Composition"],
+      "requiredImports": [
+        "@utopia-studio-design/design-system/Composition"
+      ],
       "contracts": [
         "versioned layout validation",
         "product-supplied renderer map",
@@ -387,6 +453,149 @@
       "rtlReady": true,
       "reducedMotion": true,
       "responsiveMinimum": "320px"
+    },
+    {
+      "id": "pattern-choice-cards",
+      "title": "Choice cards",
+      "status": "available",
+      "category": "semantic-ui-part",
+      "purpose": "A small set of mutually exclusive choices needs explanation.",
+      "bundlePath": "blocks/semantic-pattern-parts",
+      "sourcePath": "blocks/semantic-pattern-parts/ChoiceCards.tsx",
+      "exportName": "ChoiceCards",
+      "requiredImports": [
+        "@utopia-studio-design/design-system"
+      ],
+      "contracts": [
+        "selected",
+        "unselected",
+        "Product-owned options and selected id",
+        "Server permission checks for access-affecting roles"
+      ],
+      "rtlReady": true,
+      "reducedMotion": true,
+      "responsiveMinimum": "320px"
+    },
+    {
+      "id": "pattern-validated-field",
+      "title": "Validated input",
+      "status": "available",
+      "category": "semantic-ui-part",
+      "purpose": "A field needs a visible label, hint and validation feedback.",
+      "bundlePath": "blocks/semantic-pattern-parts",
+      "sourcePath": "blocks/semantic-pattern-parts/ValidatedField.tsx",
+      "exportName": "ValidatedField",
+      "requiredImports": [
+        "@utopia-studio-design/design-system"
+      ],
+      "contracts": [
+        "empty",
+        "filled",
+        "invalid",
+        "Host validation policy",
+        "Form state and submit callback"
+      ],
+      "rtlReady": true,
+      "reducedMotion": true,
+      "responsiveMinimum": "320px"
+    },
+    {
+      "id": "pattern-list-filters",
+      "title": "List filters",
+      "status": "available",
+      "category": "semantic-ui-part",
+      "purpose": "A list needs text search, one status filter and reset.",
+      "bundlePath": "blocks/semantic-pattern-parts",
+      "sourcePath": "blocks/semantic-pattern-parts/ListFilters.tsx",
+      "exportName": "ListFilters",
+      "requiredImports": [
+        "@utopia-studio-design/design-system"
+      ],
+      "contracts": [
+        "default",
+        "filtered",
+        "reset",
+        "Shared host query/status state",
+        "Filtered or server-paginated data query",
+        "First option is the reset/all value"
+      ],
+      "rtlReady": true,
+      "reducedMotion": true,
+      "responsiveMinimum": "320px"
+    },
+    {
+      "id": "pattern-review-list",
+      "title": "Review list",
+      "status": "available",
+      "category": "semantic-ui-part",
+      "purpose": "Authorized users inspect items with statuses and assignees.",
+      "bundlePath": "blocks/semantic-pattern-parts",
+      "sourcePath": "blocks/semantic-pattern-parts/ReviewList.tsx",
+      "exportName": "ReviewList",
+      "requiredImports": [
+        "@utopia-studio-design/design-system"
+      ],
+      "contracts": [
+        "ready",
+        "empty",
+        "loading",
+        "error",
+        "retry",
+        "Authorized row query",
+        "Review callback must not auto-approve",
+        "Localized labels",
+        "Host filtering and retry"
+      ],
+      "rtlReady": true,
+      "reducedMotion": true,
+      "responsiveMinimum": "320px"
+    },
+    {
+      "id": "pattern-progress-steps",
+      "title": "Progress steps",
+      "status": "available",
+      "category": "semantic-ui-part",
+      "purpose": "An ordered task has known prerequisites and a current step.",
+      "bundlePath": "blocks/semantic-pattern-parts",
+      "sourcePath": "blocks/semantic-pattern-parts/ProgressSteps.tsx",
+      "exportName": "ProgressSteps",
+      "requiredImports": [
+        "@utopia-studio-design/design-system"
+      ],
+      "contracts": [
+        "done",
+        "current",
+        "locked",
+        "Host prerequisite rules",
+        "Current step",
+        "Navigation callback"
+      ],
+      "rtlReady": true,
+      "reducedMotion": true,
+      "responsiveMinimum": "320px"
+    },
+    {
+      "id": "pattern-outcome-notice",
+      "title": "Outcome and next action",
+      "status": "available",
+      "category": "semantic-ui-part",
+      "purpose": "A confirmed result or recoverable issue needs a next action.",
+      "bundlePath": "blocks/semantic-pattern-parts",
+      "sourcePath": "blocks/semantic-pattern-parts/OutcomeNotice.tsx",
+      "exportName": "OutcomeNotice",
+      "requiredImports": [
+        "@utopia-studio-design/design-system"
+      ],
+      "contracts": [
+        "info",
+        "success",
+        "warning",
+        "Confirmed result",
+        "Meaningful next-action/retry callback"
+      ],
+      "rtlReady": true,
+      "reducedMotion": true,
+      "responsiveMinimum": "320px"
     }
   ]
 }

package/data/manifests/brandbook-skill.json

@@ -0,0 +1,33 @@
+{
+  "version": 1,
+  "id": "ceramic-brandbook",
+  "name": "Ceramic Brandbook",
+  "repository": "https://github.com/The-Utopia-Studio/Ceramic-Brandbook",
+  "branch": "main",
+  "revision": "8b4e0fe9bbf33c0e9e2aee9a17d48b9e47d31108",
+  "skillPath": "skills/ceramic-brandbook/SKILL.md",
+  "sourceDocument": "BRAND.md",
+  "workflow": [
+    "read-room-context-and-assets",
+    "present-three-directions-a-b-c",
+    "refine-selected-direction-with-user",
+    "write-one-brand-md",
+    "produce-or-register-assets",
+    "validate-and-build",
+    "save-versioned-room-bundle"
+  ],
+  "rules": {
+    "logoOptional": true,
+    "requiredDirectionCount": 3,
+    "defaultLocales": ["en", "ar"],
+    "imageProvider": "Use the active chat's native image generator by default. Use another provider only when the user names it or the operation requires it.",
+    "solution": {
+      "minimumShowcases": 1,
+      "maximumShowcases": 3,
+      "types": ["phone", "desktop", "environment"],
+      "selection": "Choose only applications that fit the brand and supplied assets.",
+      "imagery": "Generate a dedicated scene for every photographic desktop or environment application with the active image skill; do not reuse general brand photography.",
+      "presentation": "Place mockups directly on the semantic brand canvas. Do not add generic backing panels or caption overlays."
+    }
+  }
+}

package/data/manifests/catalog.json

@@ -16,6 +16,7 @@
             "Getting Started",
             "What's New",
             "Connect MCP",
+            "Create a Brandbook",
             "Create a Theme",
             "Create a Logo",
             "Use Templates",