@redsift/ds-mcp-server 12.6.4 → 12.6.5

package/data/docs/components/design-system/AppContainer.json

@@ -25,11 +25,12 @@
     },
     {
       "name": "product",
-      "description": "Product theme to apply to everything within. This overrides the CSS variables automatically.",
+      "description": "Product name and logo for the app shell. Hardenize uses the same styling as ASM.",
       "type": [
         "\"asm\"",
         "\"brand-trust\"",
         "\"certificates\"",
+        "\"hardenize\"",
         "\"ondmarc\"",
         "\"pulse\"",
         "\"radar\"",
@@ -63,5 +64,16 @@
     }
   ],
   "examples": [],
-  "tags": {}
+  "tags": {},
+  "usageRules": [
+    "AppContainer is the top-level shell for Red Sift apps. It provides ThemeProvider, product branding, and layout scaffolding.",
+    "Must import @redsift/design-system/style/index.css at the app entry point BEFORE rendering any DS components.",
+    "Children should be AppSidePanel, AppBar, and AppContent — the shell layout components.",
+    "Accepts `theme?: \"light\" | \"dark\"` to set the theme for all descendants via React context."
+  ],
+  "keywords": [
+    "app shell",
+    "app layout",
+    "root container"
+  ]
 }

package/data/docs/components/design-system/Icon.json

@@ -40,6 +40,7 @@
         "\"asm\"",
         "\"brand-trust\"",
         "\"certificates\"",
+        "\"hardenize\"",
         "\"ondmarc\"",
         "\"pulse\"",
         "\"radar\"",

package/data/docs/components/table/TextCell.json

@@ -39,6 +39,7 @@
         "\"asm\"",
         "\"brand-trust\"",
         "\"certificates\"",
+        "\"hardenize\"",
         "\"ondmarc\"",
         "\"pulse\"",
         "\"radar\"",
@@ -78,6 +79,7 @@
         "\"asm\"",
         "\"brand-trust\"",
         "\"certificates\"",
+        "\"hardenize\"",
         "\"ondmarc\"",
         "\"pulse\"",
         "\"radar\"",

package/data/docs/components/table-pro/TextCell.json

@@ -39,6 +39,7 @@
         "\"asm\"",
         "\"brand-trust\"",
         "\"certificates\"",
+        "\"hardenize\"",
         "\"ondmarc\"",
         "\"pulse\"",
         "\"radar\"",
@@ -78,6 +79,7 @@
         "\"asm\"",
         "\"brand-trust\"",
         "\"certificates\"",
+        "\"hardenize\"",
         "\"ondmarc\"",
         "\"pulse\"",
         "\"radar\"",

package/data/docs/components-index.json

@@ -25,6 +25,18 @@
       "navigation bar"
     ]
   },
+  {
+    "name": "AppContainer",
+    "package": "@redsift/design-system",
+    "description": "The AppContainer component.",
+    "propsCount": 5,
+    "hasExamples": false,
+    "keywords": [
+      "app shell",
+      "app layout",
+      "root container"
+    ]
+  },
   {
     "name": "AppContent",
     "package": "@redsift/design-system",

package/data/docs/components.json

@@ -1,8 +1,8 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
   "name": "Red Sift Design System",
-  "version": "12.6.2",
-  "generated": "2026-10-02T12:21:38.120Z",
+  "version": "12.6.4",
+  "generated": "2026-10-08T15:36:25.003Z",
   "repository": "https://github.com/redsift/design-system",
   "documentation": "https://design-system.redsift.io",
   "packages": [
@@ -980,6 +980,79 @@
           "examples": [],
           "tags": {}
         },
+        {
+          "name": "AppContainer",
+          "description": "The AppContainer component.",
+          "filePath": "packages/design-system/src/components/app-container/AppContainer.tsx",
+          "props": [
+            {
+              "name": "isFullScreen",
+              "description": "Whether the App takes the entire screen or not.",
+              "type": [
+                "false",
+                "true"
+              ],
+              "required": false,
+              "defaultValue": "false",
+              "category": "props"
+            },
+            {
+              "name": "locale",
+              "description": "The locale to apply to the children.",
+              "type": "string",
+              "required": false,
+              "defaultValue": null,
+              "category": "props"
+            },
+            {
+              "name": "product",
+              "description": "Product name and logo for the app shell. Hardenize uses the same styling as ASM.",
+              "type": [
+                "\"asm\"",
+                "\"brand-trust\"",
+                "\"certificates\"",
+                "\"hardenize\"",
+                "\"ondmarc\"",
+                "\"pulse\"",
+                "\"radar\"",
+                "\"rojo-ds\"",
+                "\"vendor-secure\"",
+                "\"website\"",
+                "{ name: string; logo?: ReactElement<any, string | JSXElementConstructor<any>> | undefined; }"
+              ],
+              "required": false,
+              "defaultValue": null,
+              "category": "props"
+            },
+            {
+              "name": "storageKey",
+              "description": "When set, persists the side panel collapse/expand state in localStorage under this key.\nThe `hidden` variant (from `isFullScreen`) is never persisted.",
+              "type": "string",
+              "required": false,
+              "defaultValue": null,
+              "category": "props"
+            },
+            {
+              "name": "theme",
+              "description": "Overall theme.",
+              "type": [
+                "\"light\"",
+                "\"dark\""
+              ],
+              "required": false,
+              "defaultValue": null,
+              "category": "props"
+            }
+          ],
+          "examples": [],
+          "tags": {},
+          "usageRules": [
+            "AppContainer is the top-level shell for Red Sift apps. It provides ThemeProvider, product branding, and layout scaffolding.",
+            "Must import @redsift/design-system/style/index.css at the app entry point BEFORE rendering any DS components.",
+            "Children should be AppSidePanel, AppBar, and AppContent — the shell layout components.",
+            "Accepts `theme?: \"light\" | \"dark\"` to set the theme for all descendants via React context."
+          ]
+        },
         {
           "name": "AppContent",
           "description": "AppContent is the main content area of a Red Sift application. It automatically\nadjusts its position and width based on the side panel's collapsed state.\n\nMust be used within an `AppContainer` to work properly.",
@@ -10022,6 +10095,7 @@
                 "\"asm\"",
                 "\"brand-trust\"",
                 "\"certificates\"",
+                "\"hardenize\"",
                 "\"ondmarc\"",
                 "\"pulse\"",
                 "\"radar\"",
@@ -41917,6 +41991,7 @@
                 "\"asm\"",
                 "\"brand-trust\"",
                 "\"certificates\"",
+                "\"hardenize\"",
                 "\"ondmarc\"",
                 "\"pulse\"",
                 "\"radar\"",
@@ -41956,6 +42031,7 @@
                 "\"asm\"",
                 "\"brand-trust\"",
                 "\"certificates\"",
+                "\"hardenize\"",
                 "\"ondmarc\"",
                 "\"pulse\"",
                 "\"radar\"",
@@ -42515,6 +42591,7 @@
                 "\"asm\"",
                 "\"brand-trust\"",
                 "\"certificates\"",
+                "\"hardenize\"",
                 "\"ondmarc\"",
                 "\"pulse\"",
                 "\"radar\"",
@@ -42554,6 +42631,7 @@
                 "\"asm\"",
                 "\"brand-trust\"",
                 "\"certificates\"",
+                "\"hardenize\"",
                 "\"ondmarc\"",
                 "\"pulse\"",
                 "\"radar\"",
@@ -49251,9 +49329,9 @@
   ],
   "summary": {
     "totalPackages": 8,
-    "totalComponents": 164,
+    "totalComponents": 165,
     "componentsByPackage": {
-      "design-system": 61,
+      "design-system": 62,
       "popovers": 22,
       "pickers": 21,
       "charts": 14,

package/data/docs/llms-full.txt

@@ -3,8 +3,8 @@
 This file contains comprehensive documentation for all components in the Red Sift Design System.
 It is optimized for LLM consumption and includes props, types, defaults, and usage examples.
 
-Generated: 2026-10-02T12:21:38.107Z
-Total Components: 164
+Generated: 2026-10-08T15:36:24.992Z
+Total Components: 165
 
 ---
 
@@ -182,6 +182,32 @@ Automatically adjusts its position based on the side panel's collapsed state.
 
 ---
 
+### AppContainer
+
+The AppContainer component.
+
+**Package:** @redsift/design-system
+**File:** packages/design-system/src/components/app-container/AppContainer.tsx
+
+#### Props
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| isFullScreen | false \| true | No | false | Whether the App takes the entire screen or not. |
+| locale | string | No | - | The locale to apply to the children. |
+| product | "asm" \| "brand-trust" \| "certificates" \| "hardenize" \| "ondmarc" \| "pulse" \| "radar" \| "rojo-ds" \| "vendor-secure" \| "website" \| { name: string; logo?: ReactElement<any, string \| JSXElementConstructor<any>> \| undefined; } | No | - | Product name and logo for the app shell. Hardenize uses the same styling as ASM. |
+| storageKey | string | No | - | When set, persists the side panel collapse/expand state in localStorage under this key. The `hidden` variant (from `isFullScreen`) is never persisted. |
+| theme | "light" \| "dark" | No | - | Overall theme. |
+
+#### Usage Rules
+
+- ⚠️ AppContainer is the top-level shell for Red Sift apps. It provides ThemeProvider, product branding, and layout scaffolding.
+- ⚠️ Must import @redsift/design-system/style/index.css at the app entry point BEFORE rendering any DS components.
+- ⚠️ Children should be AppSidePanel, AppBar, and AppContent — the shell layout components.
+- ⚠️ Accepts `theme?: "light" | "dark"` to set the theme for all descendants via React context.
+
+---
+
 ### AppContent
 
 AppContent is the main content area of a Red Sift application. It automatically
@@ -1249,7 +1275,7 @@ Colors: notification palette (`success`, `error`, `warning`, `info`, `question`,
 |------|------|----------|---------|-------------|
 | aria-hidden | false \| true \| "false" \| "true" | No | - | Indicates whether the element is exposed to an accessibility API. |
 | aria-label | string | No | - | A screen reader only label for the Icon. |
-| color | "primary" \| "secondary" \| "error" \| "success" \| "warning" \| "info" \| "question" \| "no-data" \| "asm" \| "brand-trust" \| "certificates" \| "ondmarc" \| "pulse" \| "radar" \| "rojo-ds" \| "vendor-secure" \| "website" \| string & {} | No | - | Color variant. Either from color palette or hex or rgb strings. |
+| color | "primary" \| "secondary" \| "error" \| "success" \| "warning" \| "info" \| "question" \| "no-data" \| "asm" \| "brand-trust" \| "certificates" \| "hardenize" \| "ondmarc" \| "pulse" \| "radar" \| "rojo-ds" \| "vendor-secure" \| "website" \| string & {} | No | - | Color variant. Either from color palette or hex or rgb strings. |
 | badge | ReactElement<any, string \| JSXElementConstructor<any>> | No | - | Whether the icon has a badge attached to it. |
 | icon | string \| string[] \| ReactElement<any, string \| JSXElementConstructor<any>> | Yes | - | Can be a string or an array of strings containing `d` property of the `path` SVG element.<br /> Can also be a ReactElement. |
 | size | "xsmall" \| "small" \| "medium" \| "large" \| "xlarge" \| "xxlarge" \| IconDimensions | No | 'medium' | Icon size. |
@@ -5038,9 +5064,9 @@ The Cell component.
 |------|------|----------|---------|-------------|
 | badge | ReactNode | No | - | Including Badge Component. |
 | leftIcon | string \| string[] \| ReactElement<any, string \| JSXElementConstructor<any>> | No | - | Can be a string or an array of strings containing `d` property of the `path` SVG element.<br /> Can also be a ReactElement. |
-| leftIconColor | "primary" \| "secondary" \| "error" \| "success" \| "warning" \| "info" \| "question" \| "no-data" \| "asm" \| "brand-trust" \| "certificates" \| "ondmarc" \| "pulse" \| "radar" \| "rojo-ds" \| "vendor-secure" \| "website" \| string & {} | No | - | Left Icon Color variant. |
+| leftIconColor | "primary" \| "secondary" \| "error" \| "success" \| "warning" \| "info" \| "question" \| "no-data" \| "asm" \| "brand-trust" \| "certificates" \| "hardenize" \| "ondmarc" \| "pulse" \| "radar" \| "rojo-ds" \| "vendor-secure" \| "website" \| string & {} | No | - | Left Icon Color variant. |
 | rightIcon | string \| string[] \| ReactElement<any, string \| JSXElementConstructor<any>> | No | - | Can be a string or an array of strings containing `d` property of the `path` SVG element.<br /> Can also be a ReactElement. |
-| rightIconColor | "primary" \| "secondary" \| "error" \| "success" \| "warning" \| "info" \| "question" \| "no-data" \| "asm" \| "brand-trust" \| "certificates" \| "ondmarc" \| "pulse" \| "radar" \| "rojo-ds" \| "vendor-secure" \| "website" \| string & {} | No | - | Right Icon Color variant. |
+| rightIconColor | "primary" \| "secondary" \| "error" \| "success" \| "warning" \| "info" \| "question" \| "no-data" \| "asm" \| "brand-trust" \| "certificates" \| "hardenize" \| "ondmarc" \| "pulse" \| "radar" \| "rojo-ds" \| "vendor-secure" \| "website" \| string & {} | No | - | Right Icon Color variant. |
 | shieldVariant | "success" \| "warning" \| "question" \| "successLocked" \| "successUnlocked" \| "fail" \| "failLocked" \| "failUnlocked" \| "warningLocked" \| "warningUnlocked" \| "ignored" \| "noData" \| "email" | No | - | Shield variant. |
 
 ---
@@ -5207,9 +5233,9 @@ The Cell component.
 |------|------|----------|---------|-------------|
 | badge | ReactNode | No | - | Including Badge Component. |
 | leftIcon | string \| string[] \| ReactElement<any, string \| JSXElementConstructor<any>> | No | - | Can be a string or an array of strings containing `d` property of the `path` SVG element.<br /> Can also be a ReactElement. |
-| leftIconColor | "primary" \| "secondary" \| "error" \| "success" \| "warning" \| "info" \| "question" \| "no-data" \| "asm" \| "brand-trust" \| "certificates" \| "ondmarc" \| "pulse" \| "radar" \| "rojo-ds" \| "vendor-secure" \| "website" \| string & {} | No | - | Left Icon Color variant. |
+| leftIconColor | "primary" \| "secondary" \| "error" \| "success" \| "warning" \| "info" \| "question" \| "no-data" \| "asm" \| "brand-trust" \| "certificates" \| "hardenize" \| "ondmarc" \| "pulse" \| "radar" \| "rojo-ds" \| "vendor-secure" \| "website" \| string & {} | No | - | Left Icon Color variant. |
 | rightIcon | string \| string[] \| ReactElement<any, string \| JSXElementConstructor<any>> | No | - | Can be a string or an array of strings containing `d` property of the `path` SVG element.<br /> Can also be a ReactElement. |
-| rightIconColor | "primary" \| "secondary" \| "error" \| "success" \| "warning" \| "info" \| "question" \| "no-data" \| "asm" \| "brand-trust" \| "certificates" \| "ondmarc" \| "pulse" \| "radar" \| "rojo-ds" \| "vendor-secure" \| "website" \| string & {} | No | - | Right Icon Color variant. |
+| rightIconColor | "primary" \| "secondary" \| "error" \| "success" \| "warning" \| "info" \| "question" \| "no-data" \| "asm" \| "brand-trust" \| "certificates" \| "hardenize" \| "ondmarc" \| "pulse" \| "radar" \| "rojo-ds" \| "vendor-secure" \| "website" \| string & {} | No | - | Right Icon Color variant. |
 | shieldVariant | "success" \| "warning" \| "question" \| "successLocked" \| "successUnlocked" \| "fail" \| "failLocked" \| "failUnlocked" \| "warningLocked" \| "warningUnlocked" \| "ignored" \| "noData" \| "email" | No | - | Shield variant. |
 
 ---

package/data/docs/llms.txt

@@ -12,7 +12,7 @@ The Red Sift Design System provides reusable UI components including forms, navi
 
 ## Packages
 
-- **@redsift/design-system** (61 components): Core UI components (buttons, forms, navigation, layout)
+- **@redsift/design-system** (62 components): Core UI components (buttons, forms, navigation, layout)
 - **@redsift/popovers** (22 components): Popover, tooltip, dialog, and toast components
 - **@redsift/pickers** (21 components): Selection components (combobox, menu button, select)
 - **@redsift/charts** (14 components): D3.js-based chart components (bar, line, pie, scatter)
@@ -47,6 +47,7 @@ The Red Sift Design System provides reusable UI components including forms, navi
 - **ActiveDescendantListbox** (19 props)
 - **Alert** (7 props): Alert displays a short, important message that attracts the user's attention
 - **AppBar** (6 props): AppBar is the top navigation bar of the application. It displays the page title
+- **AppContainer** (5 props): The AppContainer component.
 - **AppContent** (11 props): AppContent is the main content area of a Red Sift application. It automatically
 - **AppSidePanel** (8 props): AppSidePanel is the collapsible side navigation panel of a Red Sift application.
 - **Badge** (5 props): Badge displays a small status indicator or count. Badges have two variants:

package/data/metadata.json

@@ -1,4 +1,4 @@
 {
-  "generatedAt": "2026-10-08T14:39:41.801Z",
-  "commitSha": "9ce0836c585db8c0c4c4e705108b0a553aa06b8e"
+  "generatedAt": "2026-10-08T16:16:05.895Z",
+  "commitSha": "1e0cf6ea0ec54952f19a17e55068b7d4e7a31ff2"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redsift/ds-mcp-server",
-  "version": "12.6.4",
+  "version": "12.6.5",
   "private": false,
   "type": "module",
   "description": "MCP server for the Red Sift Design System — provides component lookup, prop documentation, and code generation tools for AI assistants.",
@@ -37,5 +37,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9ce0836c585db8c0c4c4e705108b0a553aa06b8e"
+  "gitHead": "1e0cf6ea0ec54952f19a17e55068b7d4e7a31ff2"
 }