@decantr/content 3.8.0

package/patterns/org-governance-panel.json

@@ -0,0 +1,101 @@
+{
+  "$schema": "https://decantr.ai/schemas/pattern.v2.json",
+  "id": "org-governance-panel",
+  "version": "1.0.0",
+  "decantr_compat": ">=2.0.0",
+  "name": "Org Governance Panel",
+  "description": "Organization governance workspace for managing approval policy, reviewing pending packages, and scanning the audit trail inside a shared dashboard shell.",
+  "dependencies": {
+    "patterns": {
+      "search-filter-bar": "^1.0.0"
+    },
+    "styles": {},
+    "requires_core": {
+      "components": [
+        "Card",
+        "Badge",
+        "Button",
+        "Select",
+        "icon"
+      ],
+      "charts": []
+    }
+  },
+  "components": [
+    "Card",
+    "Badge",
+    "Button",
+    "Select",
+    "icon"
+  ],
+  "default_preset": "workspace",
+  "presets": {
+    "workspace": {
+      "description": "Governance control surface with an overview header, policy controls, pending approvals list, and compact audit log.",
+      "components": [
+        "Card",
+        "Badge",
+        "Button",
+        "Select",
+        "icon"
+      ],
+      "layout": {
+        "layout": "stack",
+        "atoms": "_flex _col _gap4",
+        "slots": {
+          "workspace-header": "Primary governance intro card with organization selector, status badges, and contextual CTA rail",
+          "kpi-strip": "Optional KPI row for approvals, private packages, seats, and recent approval actions",
+          "policy-panel": "Policy control panel with toggle rows and supporting copy",
+          "approval-panel": "Pending approval queue with item summary and approve/reject actions",
+          "audit-panel": "Compact audit log panel with scope/action filters and chronological entries"
+        }
+      }
+    }
+  },
+  "visual_brief": "A calm but authoritative governance workspace. The top card should read like a control room rather than a generic form: organization identity chips, role/tier context, and a strong action rail to adjacent workspaces. Policy controls should feel deliberate and readable, with each rule presented as a decision row instead of raw checkbox clutter. Approval items should read like compact review cards with a clear split between package identity and decision actions. The audit area should feel dense but structured, with filters aligned into a tidy control band and event entries stacked in a subtle bordered log.",
+  "responsive": {
+    "mobile": "Everything stacks vertically. Header CTA rail wraps beneath context chips. Policy rows and approval cards turn into single-column cards before controls crowd. Audit filters stack.",
+    "tablet": "Header and audit controls may use split rows, but decision controls still break cleanly before feeling compressed.",
+    "desktop": "Workspace header can use a split layout with context on the left and org selector / CTA rail on the right. Policy, approvals, and audit remain visually compact without feeling dense."
+  },
+  "motion": {
+    "micro": "Policy toggles, approval actions, and audit filter controls may animate softly over 150-200ms, but the workspace should remain composed and administrative.",
+    "transitions": "Approval queues and audit log filters should update with light cross-fades or row reveals instead of abrupt reflows."
+  },
+  "interactions": [
+    "animate-on-mount"
+  ],
+  "layout_hints": {
+    "cta_treatment": "Header actions should read like strong workspace transitions, not secondary ghost text. Use icon-led CTA rails or compact button groups with one clear primary action.",
+    "policy_rows": "Each rule should have explanatory copy on the left and the control on the right. On narrow widths, the control drops beneath the copy without losing alignment.",
+    "audit_filters": "Filters belong in a compact action band. Avoid ad hoc select sizing and preserve consistent x-axis insets across title, filters, and log entries."
+  },
+  "accessibility": {
+    "role": "region",
+    "aria-label": "Organization governance panel",
+    "keyboard": [
+      "Tab moves through policy rows, approval actions, and audit filters in operational order."
+    ],
+    "announcements": [
+      "Policy changes, approval outcomes, and audit filter updates should be announced clearly."
+    ],
+    "focus_management": "When filters or decisions update the panel, keep focus on the initiating control or move it to the refreshed heading so the operator keeps context."
+  },
+  "composition": {
+    "OrgGovernancePanel": "Stack > [WorkspaceHeader + KpiStrip? + PolicyPanel + ApprovalPanel + AuditPanel]",
+    "WorkspaceHeader": "Card(d-surface, raised) > [IntroCopy + ContextBadges + OrgSelector + ActionRail]",
+    "PolicyPanel": "Card(d-surface) > [PanelTitle + PolicyRow[] + GovernanceHint?]",
+    "ApprovalPanel": "Card(d-surface) > [PanelTitle + PendingBadge + ApprovalCard[]]",
+    "AuditPanel": "Card(d-surface) > [PanelTitle + FilterBand + AuditEntry[]]"
+  },
+  "io": {
+    "consumes": [],
+    "produces": [],
+    "actions": [
+      "policy-toggle",
+      "approve-content",
+      "reject-content",
+      "filter-audit-log"
+    ]
+  }
+}

package/patterns/page-tree.json

@@ -0,0 +1,143 @@
+{
+  "$schema": "https://decantr.ai/schemas/pattern.v2.json",
+  "id": "page-tree",
+  "version": "1.0.0",
+  "decantr_compat": ">=2.0.0",
+  "name": "Page Tree",
+  "description": "Hierarchical page navigation with drag-and-drop reordering, inline rename, and nested page support. Used in workspace sidebars.",
+  "dependencies": {
+    "patterns": {},
+    "styles": {},
+    "requires_core": {
+      "components": [
+        "Button",
+        "Input",
+        "icon"
+      ],
+      "charts": []
+    }
+  },
+  "components": [
+    "Button",
+    "Input",
+    "icon"
+  ],
+  "default_preset": "standard",
+  "presets": {
+    "standard": {
+      "description": "Full tree with icons, expand/collapse, and context menus",
+      "components": [
+        "Button",
+        "Input",
+        "icon"
+      ],
+      "layout": {
+        "layout": "column",
+        "atoms": "_flex _col _gap0.5",
+        "slots": {
+          "search": "Filter pages by name",
+          "favorites": "Pinned pages section",
+          "tree": "Nested page items",
+          "new-button": "Create new page button"
+        }
+      }
+    },
+    "compact": {
+      "description": "Dense tree with smaller text and tighter row spacing for narrow sidebar containers",
+      "components": [
+        "Button",
+        "icon"
+      ],
+      "layout": {
+        "layout": "column",
+        "atoms": "_flex _col _gap0",
+        "slots": {
+          "tree": "Dense nested page items"
+        }
+      }
+    },
+    "flat": {
+      "description": "Single-level page list without hierarchy",
+      "components": [
+        "Button",
+        "icon"
+      ],
+      "layout": {
+        "layout": "column",
+        "atoms": "_flex _col _gap1",
+        "slots": {
+          "search": "Filter input",
+          "pages": "Flat page list"
+        }
+      }
+    }
+  },
+  "default_layout": {
+    "layout": "column",
+    "atoms": "_flex _col _gap0.5",
+    "slots": {
+      "search": "Filter pages by name",
+      "favorites": "Pinned/favorite pages section",
+      "tree": "Nested page items with expand/collapse",
+      "item-actions": "Per-item context menu (rename, delete, duplicate)",
+      "new-button": "Create new page button"
+    }
+  },
+  "io": {
+    "consumes": [
+      "pages",
+      "currentPageId",
+      "favorites"
+    ],
+    "produces": [
+      "page-select",
+      "page-reorder"
+    ],
+    "actions": [
+      "new-page",
+      "rename-page",
+      "delete-page",
+      "duplicate-page",
+      "reorder",
+      "toggle-favorite"
+    ]
+  },
+  "visual_brief": "Sidebar navigation tree with nested page items. Each item shows a document icon, page title, and an expand/collapse chevron for nested children. Indentation increases per nesting level with a thin vertical guide line. Hovering a page reveals action icons (three-dot menu for rename, duplicate, delete). A 'Favorites' section at the top shows pinned pages with a star icon. A search input at the very top filters pages by name. A 'New Page' button at the bottom (or a plus icon at the top) creates new pages. The compact preset reduces row height and font size. The flat preset removes nesting and shows all pages in a flat alphabetical list.",
+  "layout_hints": {
+    "tree_hierarchy": "Nested structure should remain obvious through indentation, guide lines, and expand/collapse affordances. Do not flatten the mental model just to save horizontal space.",
+    "action_reveal": "Row actions should feel contextual and low-noise. They may reveal on hover or focus, but must remain reachable for keyboard users.",
+    "editor_context": "The tree is a navigation and structure surface, not a content card list. Keep row density operational and calm."
+  },
+  "responsive": {
+    "mobile": "Page tree renders as a full-screen drawer or sheet. Larger touch targets for tree items. Drag-to-reorder uses long-press. Actions in swipe menus.",
+    "tablet": "Sidebar at 260px width. Standard row heights. Drag-to-reorder functional.",
+    "desktop": "Sidebar at 280px width with comfortable spacing. Full keyboard navigation. Drag-and-drop reordering."
+  },
+  "motion": {
+    "micro": "Expand/collapse chevrons, hover states, and pinned/favorite toggles may animate subtly over 120-180ms.",
+    "transitions": "Nested branch expansion, drag-reorder previews, and drawer transitions should feel smooth and structured rather than flashy."
+  },
+  "interactions": [
+    "animate-on-mount",
+    "click-select"
+  ],
+  "accessibility": {
+    "role": "tree",
+    "aria-label": "Page tree",
+    "keyboard": [
+      "Arrow keys expand, collapse, and move between tree items.",
+      "Enter activates the focused page."
+    ],
+    "announcements": [
+      "Expanded and collapsed branch states should be announced clearly.",
+      "Pinned or favorite state changes should be announced semantically."
+    ],
+    "focus_management": "When a branch expands or collapses, keep focus on the controlling tree item rather than jumping to a different depth unexpectedly."
+  },
+  "composition": {
+    "PageTree": "Panel(d-section, flex-col) > [SearchInput(d-control) + FavoritesSection? + TreeList + NewPageButton(d-interactive)]",
+    "FavoritesSection": "Section > [SectionLabel(d-annotation) + PageItem(icon: star)[]]",
+    "TreeList": "List(flex-col) > TreeItem(d-data-row)[]",
+    "TreeItem": "Row(hoverable, indent: level) > [ExpandChevron? + DocIcon + PageTitle(ellipsis) + ActionsMenu?(d-interactive, show-on-hover)]"
+  }
+}

package/patterns/payment-history.json

@@ -0,0 +1,130 @@
+{
+  "$schema": "https://decantr.ai/schemas/pattern.v2.json",
+  "id": "payment-history",
+  "version": "1.0.0",
+  "decantr_compat": ">=2.0.0",
+  "name": "Payment History",
+  "description": "Payment records table with date range filtering, export, and receipt generation. Supports tenant, property, and portfolio views.",
+  "dependencies": {
+    "patterns": {},
+    "styles": {},
+    "requires_core": {
+      "components": [
+        "Button",
+        "icon",
+        "Badge",
+        "Input",
+        "Select"
+      ],
+      "charts": []
+    }
+  },
+  "components": [
+    "Button",
+    "icon",
+    "Badge",
+    "Input",
+    "Select"
+  ],
+  "default_preset": "portfolio",
+  "presets": {
+    "portfolio": {
+      "description": "All payments across the full property portfolio with date range filters and export controls",
+      "components": [
+        "Button",
+        "icon",
+        "Badge",
+        "Input",
+        "Select"
+      ],
+      "layout": {
+        "layout": "stack",
+        "atoms": "_flex _col _gap4",
+        "slots": {
+          "header": "Title, date range picker, export",
+          "filters": "Payment type, status, property filters",
+          "summary": "Total for period",
+          "table": "Payment records"
+        }
+      }
+    },
+    "tenant": {
+      "description": "Single tenant payment history filtered to one tenant with simplified columns and receipt links",
+      "components": [
+        "Button",
+        "icon",
+        "Badge"
+      ],
+      "layout": {
+        "layout": "stack",
+        "atoms": "_flex _col _gap4",
+        "slots": {
+          "header": "Title",
+          "table": "Tenant's payment records"
+        }
+      }
+    },
+    "property": {
+      "description": "Property-wide payment history aggregating all tenant payments for a single property",
+      "components": [
+        "Button",
+        "icon",
+        "Badge",
+        "Select"
+      ],
+      "layout": {
+        "layout": "stack",
+        "atoms": "_flex _col _gap4",
+        "slots": {
+          "header": "Title and filters",
+          "table": "Property payment records"
+        }
+      }
+    }
+  },
+  "default_layout": {
+    "layout": "stack",
+    "atoms": "_flex _col _gap4",
+    "slots": {
+      "header": "Title and controls",
+      "filters": "Date and type filters",
+      "table": "Payment records",
+      "summary": "Totals"
+    }
+  },
+  "visual_brief": "Data table of payment records with columns: date, description, property/unit, payer, amount (green for received, red for refunded), and status badge (completed, pending, failed). A header row contains the title, date range filter (date pickers or preset buttons like 30d/90d/1y), and an export button. A summary row at the top or bottom shows total received, total outstanding, and period comparison. The portfolio preset adds a property column. The tenant preset filters to a single tenant. The property preset filters to a single property.",
+  "responsive": {
+    "mobile": "Table becomes a card list — each payment as a stacked card showing date, description, amount, and status. Filters collapse to a filter button. Export moves to a menu.",
+    "tablet": "Table with horizontal scroll for extra columns. Date range filter visible in the header.",
+    "desktop": "Full table with all columns visible. Summary row and filters always visible."
+  },
+  "layout_hints": {
+    "financial_priority": "Keep collected totals, date range, and current payment status easy to scan first. Secondary metadata like method or payer should support that read, not compete with it.",
+    "table_discipline": "The pattern owns the payments table and filter rhythm. Parent finance pages should place broader KPI framing above it rather than nesting this inside another table-like shell.",
+    "mobile_translation": "When collapsing to cards, keep date, amount, and status grouped in a way that still feels like a ledger rather than a generic feed."
+  },
+  "motion": {
+    "micro": "Summary values or status badges may brighten subtly on hover and filter interactions may clarify the active state without distracting from the ledger.",
+    "transitions": "Date-range or filter changes should cross-fade rows or update totals smoothly so the payment history still feels stable and trustworthy."
+  },
+  "interactions": [
+    "animate-on-mount"
+  ],
+  "accessibility": {
+    "role": "region",
+    "aria-label": "Payment history",
+    "keyboard": [
+      "Tab through filters, export actions, and then the payment rows or cards in reading order."
+    ],
+    "announcements": [
+      "Amount, date, status, and payer/property context should be exposed semantically so payment records remain understandable without table styling alone."
+    ]
+  },
+  "composition": {
+    "PaymentHistory": "Container(d-section, flex-col, gap-4) > [Header + Filters? + SummaryRow? + PaymentTable]",
+    "Header": "Row(d-control, space-between) > [Title + DateRangePicker(d-control) + ExportButton(d-interactive)]",
+    "SummaryRow": "Row(d-data) > [TotalReceived(mono-data, color: success) + TotalOutstanding(mono-data, color: warning)]",
+    "PaymentTable": "Table(d-data) > PaymentRow[]",
+    "PaymentRow": "Row(d-data-row) > [Date + Description + Property? + Payer + Amount(mono-data, color: status) + StatusBadge(d-annotation)]"
+  }
+}

package/patterns/payout-settings.json

@@ -0,0 +1,130 @@
+{
+  "$schema": "https://decantr.ai/schemas/pattern.v2.json",
+  "id": "payout-settings",
+  "version": "1.0.0",
+  "decantr_compat": ">=2.0.0",
+  "name": "Payout Settings",
+  "description": "Bank/payment configuration form with payout method selection, bank details, schedule settings, and payout history.",
+  "dependencies": {
+    "patterns": {},
+    "styles": {},
+    "requires_core": {
+      "components": [
+        "Button",
+        "Card",
+        "Input",
+        "Select",
+        "Badge",
+        "Radio",
+        "icon"
+      ],
+      "charts": []
+    }
+  },
+  "components": [
+    "Button",
+    "Card",
+    "Input",
+    "Select",
+    "Badge",
+    "Radio",
+    "icon"
+  ],
+  "default_preset": "standard",
+  "presets": {
+    "standard": {
+      "description": "Full payout setup with all options",
+      "components": [
+        "Button",
+        "Card",
+        "Input",
+        "Select",
+        "Badge",
+        "Radio",
+        "icon"
+      ],
+      "layout": {
+        "layout": "stack",
+        "atoms": "_flex _col _gap6",
+        "slots": {
+          "method-select": "Bank, PayPal, Stripe selection",
+          "bank-form": "Bank account details form",
+          "payout-schedule": "Weekly/monthly selection",
+          "threshold": "Minimum payout amount",
+          "history": "Past payouts table"
+        }
+      }
+    },
+    "readonly": {
+      "description": "Display current payout settings",
+      "components": [
+        "Card",
+        "Badge",
+        "icon"
+      ],
+      "layout": {
+        "layout": "stack",
+        "atoms": "_flex _col _gap4",
+        "slots": {
+          "method": "Current payout method",
+          "schedule": "Payout schedule",
+          "next-payout": "Next payout info"
+        }
+      }
+    }
+  },
+  "default_layout": {
+    "layout": "stack",
+    "atoms": "_flex _col _gap6",
+    "slots": {
+      "method": "Payout method selection",
+      "details": "Account details",
+      "schedule": "Schedule settings",
+      "history": "Payout history"
+    }
+  },
+  "io": {
+    "produces": [
+      "settings-saved"
+    ],
+    "consumes": [
+      "payout-settings",
+      "payout-history"
+    ]
+  },
+  "visual_brief": "Settings form with a payout method selector at the top (radio cards for Bank Transfer/ACH, PayPal, Stripe, with icons). Below, a details section shows the selected method's account fields (bank name, routing number, account number — masked with reveal toggle). A schedule section has radio buttons or toggles for payout frequency (weekly, bi-weekly, monthly) with a next payout date indicator. A payout history list at the bottom shows recent payouts with date, amount, status, and method. The readonly preset disables all inputs and shows data in display-only mode.",
+  "responsive": {
+    "mobile": "Method cards stack vertically. Account fields are full-width. Schedule options stack. Payout history becomes a card list.",
+    "tablet": "Method cards in a 2x2 grid. Standard form layout. History table visible.",
+    "desktop": "Method cards in a single row. Account and schedule sections side by side. Full history table."
+  },
+  "layout_hints": {
+    "payout_priority": "Lead with current payout method and schedule first so creators immediately understand how and when they get paid. History and deeper configuration are secondary.",
+    "trust_clarity": "Masked account identity, next payout timing, and payout state should stay visible and calm to reinforce confidence in the setup.",
+    "readonly_translation": "Readonly mode should preserve the same structural hierarchy as edit mode so reviewing payout settings never feels like a different component."
+  },
+  "motion": {
+    "micro": "Method selection and reveal toggles may confirm state changes subtly without making financial settings feel playful.",
+    "transitions": "Switching payout methods or schedules should feel deliberate and trustworthy, especially around sensitive banking information."
+  },
+  "interactions": [
+    "animate-on-mount"
+  ],
+  "accessibility": {
+    "role": "region",
+    "aria-label": "Payout settings",
+    "keyboard": [
+      "Method selection, account fields, schedule controls, and payout history should follow a clear top-to-bottom order."
+    ],
+    "announcements": [
+      "Current payout method, schedule, and payout status should be exposed semantically so the setup remains understandable without relying on card or badge styling alone."
+    ]
+  },
+  "composition": {
+    "PayoutSettings": "Container(d-section, flex-col, gap-6) > [MethodSelect + BankForm + ScheduleSection + PayoutHistory?]",
+    "MethodSelect": "Row(d-control) > RadioCard(d-surface, icon, selectable)[]",
+    "BankForm": "Section(d-surface) > [BankName(d-control) + RoutingNumber(d-control, masked) + AccountNumber(d-control, masked) + RevealToggle(d-interactive)]",
+    "ScheduleSection": "Section(d-surface) > [FrequencyRadio(d-control) > Option[] + NextPayoutDate(d-annotation) + ThresholdInput(d-control)]",
+    "PayoutHistory": "Table(d-data) > PayoutRow(d-data-row)[]"
+  }
+}

package/patterns/permission-matrix.json

@@ -0,0 +1,129 @@
+{
+  "$schema": "https://decantr.ai/schemas/pattern.v2.json",
+  "id": "permission-matrix",
+  "version": "1.0.0",
+  "decantr_compat": ">=2.0.0",
+  "name": "Permission Matrix",
+  "description": "Role-based access control grid showing permissions by role. Used for workspace settings and team management.",
+  "dependencies": {
+    "patterns": {},
+    "styles": {},
+    "requires_core": {
+      "components": [
+        "Button",
+        "Checkbox",
+        "Tooltip",
+        "icon"
+      ],
+      "charts": []
+    }
+  },
+  "components": [
+    "Button",
+    "Checkbox",
+    "Tooltip",
+    "icon"
+  ],
+  "default_preset": "simple",
+  "presets": {
+    "simple": {
+      "description": "Basic viewer/editor/admin permissions",
+      "components": [
+        "Checkbox",
+        "Tooltip",
+        "icon"
+      ],
+      "layout": {
+        "layout": "table",
+        "atoms": "_w[full] _border _r2 _overflow[hidden]",
+        "slots": {
+          "header": "Role names as column headers",
+          "rows": "Permission names as row labels",
+          "cells": "Checkbox for each role×permission"
+        }
+      }
+    },
+    "granular": {
+      "description": "Detailed per-feature permissions with categories",
+      "components": [
+        "Button",
+        "Checkbox",
+        "Tooltip",
+        "icon"
+      ],
+      "layout": {
+        "layout": "table",
+        "atoms": "_w[full]",
+        "slots": {
+          "header": "Role columns",
+          "category-rows": "Permission category headers",
+          "permission-rows": "Individual permissions within categories"
+        }
+      }
+    }
+  },
+  "default_layout": {
+    "layout": "table",
+    "atoms": "_w[full] _border _r2",
+    "slots": {
+      "roles": "Column headers with role names",
+      "permissions": "Row labels with permission names and descriptions",
+      "cells": "Checkbox/toggle for each role×permission intersection",
+      "add-role": "Button to create custom role"
+    }
+  },
+  "io": {
+    "consumes": [
+      "roles",
+      "permissions",
+      "values"
+    ],
+    "produces": [
+      "permission-change"
+    ],
+    "actions": [
+      "toggle-permission",
+      "add-role",
+      "delete-role",
+      "save",
+      "revert"
+    ]
+  },
+  "visual_brief": "Grid table with role names as column headers and permission categories as row labels. Each cell contains a checkbox or toggle indicating whether that role has that permission. Permission rows are grouped by category (Content, Users, Settings, Billing) with bold category headers. The simple preset shows a reduced set of roles and permissions. The granular preset shows every permission with sub-categories. An 'Add Custom Role' button appears after the last column header. Hovering a permission row shows a description tooltip. Changed but unsaved permissions are highlighted with a subtle accent background.",
+  "responsive": {
+    "mobile": "Matrix transposes — each role becomes a section with permission checkboxes listed vertically. Role selector at top switches between roles. Horizontal scroll alternative for small matrices.",
+    "tablet": "Standard matrix with horizontal scroll if more than 4 roles. Touch-friendly checkbox sizes.",
+    "desktop": "Full matrix grid with all roles and permissions visible. Sticky left column for permission names. Sticky header row for role names."
+  },
+  "layout_hints": {
+    "matrix_priority": "Role headers and permission groupings should make the matrix legible before the user starts toggling controls. Preserve strong row/column orientation cues at all times.",
+    "change_visibility": "Unsaved or changed cells should be noticeable but not visually louder than the permission structure itself.",
+    "mobile_translation": "When the matrix collapses into role-by-role sections, preserve the same permission grouping and naming so users do not lose conceptual continuity."
+  },
+  "motion": {
+    "micro": "Permission toggles may confirm changes with subtle state transitions, and unsaved indicators may fade in gently when cells change.",
+    "transitions": "Role switching or expanding granular categories should preserve orientation rather than redrawing the matrix abruptly."
+  },
+  "interactions": [
+    "click-select",
+    "hover-reveal",
+    "animate-on-mount",
+    "keyboard-navigation"
+  ],
+  "accessibility": {
+    "role": "table",
+    "aria-label": "Permission matrix",
+    "keyboard": [
+      "Keyboard users should be able to move predictably through role headers, permission rows, and toggle cells without losing row/column context."
+    ],
+    "announcements": [
+      "Role, permission name, and checked state should be exposed together so matrix navigation is understandable without relying on visual alignment."
+    ]
+  },
+  "composition": {
+    "PermissionMatrix": "Container(d-section) > [MatrixTable + AddRoleButton?(d-interactive)]",
+    "MatrixTable": "Table(d-data, full-width) > [HeaderRow > RoleHeader[] + CategoryGroup[]]",
+    "CategoryGroup": "Group > [CategoryHeader(d-annotation, font-bold) + PermissionRow[]]",
+    "PermissionRow": "Row(d-data-row) > [PermissionLabel + PermissionCell(d-control) > Checkbox[] + Tooltip?(d-annotation)]"
+  }
+}