@decantr/content 3.8.0

package/patterns/lease-manager.json

@@ -0,0 +1,129 @@
+{
+  "$schema": "https://decantr.ai/schemas/pattern.v2.json",
+  "id": "lease-manager",
+  "version": "1.0.0",
+  "decantr_compat": ">=2.0.0",
+  "name": "Lease Manager",
+  "description": "Lease document and term management including summary, editing, documents, amendments, and renewal workflow.",
+  "dependencies": {
+    "patterns": {},
+    "styles": {},
+    "requires_core": {
+      "components": [
+        "Button",
+        "icon",
+        "Badge",
+        "Input",
+        "Select"
+      ],
+      "charts": []
+    }
+  },
+  "components": [
+    "Button",
+    "icon",
+    "Badge",
+    "Input",
+    "Select"
+  ],
+  "default_preset": "overview",
+  "presets": {
+    "overview": {
+      "description": "Lease summary view with key terms",
+      "components": [
+        "Button",
+        "icon",
+        "Badge"
+      ],
+      "layout": {
+        "layout": "stack",
+        "atoms": "_flex _col _gap4",
+        "slots": {
+          "header": "Lease ID, status badge",
+          "parties": "Tenant(s) and property owner",
+          "terms": "Start/end dates, rent, deposit",
+          "documents": "Uploaded lease documents",
+          "actions": "Renew, terminate, amend buttons"
+        }
+      }
+    },
+    "edit": {
+      "description": "Lease term editing form with editable date, rent, and deposit fields plus document upload",
+      "components": [
+        "Button",
+        "icon",
+        "Input",
+        "Select"
+      ],
+      "layout": {
+        "layout": "stack",
+        "atoms": "_flex _col _gap4",
+        "slots": {
+          "form": "Lease term form fields",
+          "documents": "Document upload",
+          "actions": "Save/cancel"
+        }
+      }
+    },
+    "summary": {
+      "description": "Compact lease summary for tenant portal",
+      "components": [
+        "Badge"
+      ],
+      "layout": {
+        "layout": "stack",
+        "atoms": "_flex _col _gap2 _p4",
+        "slots": {
+          "dates": "Start and end dates",
+          "rent": "Monthly rent amount",
+          "status": "Lease status"
+        }
+      }
+    }
+  },
+  "default_layout": {
+    "layout": "stack",
+    "atoms": "_flex _col _gap4",
+    "slots": {
+      "header": "Lease header",
+      "terms": "Lease terms",
+      "documents": "Documents",
+      "actions": "Actions"
+    }
+  },
+  "visual_brief": "Structured lease management view with a header showing lease ID, property address, and status badge (active, expired, pending). Below, a terms section displays key-value pairs: start date, end date, monthly rent, deposit, late fee policy. A documents list shows lease PDFs and amendments as file rows with download buttons. An actions bar provides Edit, Renew, and Terminate buttons. The edit preset switches terms to editable inputs. Summary preset shows a condensed single-card overview. Amendment history appears as a collapsible timeline.",
+  "responsive": {
+    "mobile": "Single-column stacked layout. Terms display as a two-column key-value grid. Documents list is full-width. Action buttons stack vertically.",
+    "tablet": "Standard layout with terms in a comfortable grid. Documents and actions visible without scrolling.",
+    "desktop": "Full layout with generous spacing. Terms, documents, and actions all visible in a single view."
+  },
+  "layout_hints": {
+    "contract_priority": "Lease identity and current legal state come first, followed by financial terms, documents, and lifecycle actions. The pattern should feel like a contractual control surface, not a generic settings form.",
+    "document_role": "Lease documents and amendments should feel like authoritative supporting material attached to the current lease state rather than just a file list.",
+    "summary_consistency": "Overview, edit, and summary variants should preserve the same lease vocabulary so moving between read and write modes does not shift the mental model."
+  },
+  "motion": {
+    "micro": "Action buttons and status affordances may sharpen slightly on hover. Amendment or document rows may reveal controls subtly when focused.",
+    "transitions": "Entering edit mode or expanding amendment history should preserve the sense of one evolving lease record rather than swapping to a separate tool."
+  },
+  "interactions": [
+    "animate-on-mount"
+  ],
+  "accessibility": {
+    "role": "region",
+    "aria-label": "Lease manager",
+    "keyboard": [
+      "Lease actions, term fields, and document rows should be reachable in the same top-to-bottom order in both overview and edit states."
+    ],
+    "announcements": [
+      "Lease status, dates, rent, and document context should be exposed semantically so the record remains understandable without relying on badge color or layout grouping alone."
+    ]
+  },
+  "composition": {
+    "LeaseManager": "Container(d-section, flex-col, gap-4) > [Header + Parties + Terms + Documents + Actions]",
+    "Header": "Row(d-surface) > [LeaseID(mono-data) + StatusBadge(d-annotation)]",
+    "Terms": "Grid(d-data, key-value) > [StartDate + EndDate + Rent(mono-data) + Deposit + LateFee]",
+    "Documents": "List(d-data) > FileRow(d-data-row)[]",
+    "Actions": "Row(d-interactive) > [RenewButton + TerminateButton(variant: destructive) + AmendButton(variant: ghost)]"
+  }
+}

package/patterns/legal-prose.json

@@ -0,0 +1,120 @@
+{
+  "$schema": "https://decantr.ai/schemas/pattern.v2.json",
+  "id": "legal-prose",
+  "version": "1.0.0",
+  "decantr_compat": ">=2.0.0",
+  "name": "Legal Prose",
+  "description": "Styled legal documents with auto-generated TOC, smooth scroll navigation, collapsible sections, and print-friendly layout.",
+  "dependencies": {
+    "patterns": {},
+    "styles": {},
+    "requires_core": {
+      "components": [
+        "Button",
+        "icon"
+      ],
+      "charts": []
+    }
+  },
+  "components": [
+    "Button",
+    "icon"
+  ],
+  "default_preset": "privacy",
+  "presets": {
+    "privacy": {
+      "description": "Privacy policy document layout",
+      "components": [
+        "Button",
+        "icon"
+      ],
+      "layout": {
+        "layout": "row",
+        "atoms": "_grid _gc1 _lg:gc[1fr_280px] _gap8 _py12 _px6 _maxw[1200px] _mx[auto]",
+        "slots": {
+          "header": "Title and last updated date",
+          "toc": "Sticky table of contents sidebar",
+          "content": "Markdown prose content",
+          "footer": "Contact info and version history"
+        }
+      }
+    },
+    "terms": {
+      "description": "Terms of service document layout",
+      "components": [
+        "Button",
+        "icon"
+      ],
+      "layout": {
+        "layout": "row",
+        "atoms": "_grid _gc1 _lg:gc[1fr_280px] _gap8 _py12 _px6 _maxw[1200px] _mx[auto]",
+        "slots": {
+          "header": "Title, effective date, version",
+          "toc": "Sticky table of contents",
+          "content": "Legal prose with numbered sections",
+          "footer": "Acceptance statement, contact"
+        }
+      }
+    },
+    "cookies": {
+      "description": "Cookie policy with collapsible category sections",
+      "components": [
+        "Button",
+        "icon"
+      ],
+      "layout": {
+        "layout": "stack",
+        "atoms": "_flex _col _gap8 _py12 _px6 _maxw[800px] _mx[auto]",
+        "slots": {
+          "header": "Title and last updated",
+          "intro": "Policy introduction",
+          "categories": "Collapsible cookie category accordions",
+          "footer": "Manage preferences link"
+        }
+      }
+    }
+  },
+  "default_layout": {
+    "layout": "row",
+    "atoms": "_grid _gc1 _lg:gc[1fr_280px] _gap8 _py12 _px6 _maxw[1200px] _mx[auto]",
+    "slots": {
+      "header": "Title and last updated date",
+      "toc": "Auto-generated sticky table of contents",
+      "content": "Markdown prose content",
+      "footer": "Contact, version history"
+    }
+  },
+  "visual_brief": "Long-form legal document layout with a sticky table of contents sidebar on the left and the prose content area on the right. The TOC auto-generates from heading hierarchy with indented sub-sections, highlighting the current section on scroll. The prose area uses comfortable reading typography — constrained line length, generous line height, numbered section headers, and proper paragraph spacing. A header shows the document title and 'Last updated' date. Footer contains contact information and version history link. The document is print-friendly with clean page breaks.",
+  "layout_hints": {
+    "measure": "Keep prose readable with a constrained content column and do not let legal copy stretch edge-to-edge across the viewport.",
+    "toc_behavior": "The table of contents is supportive chrome, not the hero. It should collapse cleanly on smaller screens without obscuring the legal text.",
+    "print_rhythm": "Headings, paragraphs, and section breaks should preserve a sober, stable rhythm in both screen and print contexts."
+  },
+  "responsive": {
+    "mobile": "TOC collapses into a dropdown menu at the top. Prose takes full width with comfortable reading margins. Sections stack with clear heading hierarchy.",
+    "tablet": "TOC as a collapsible left drawer. Prose area takes remaining width with comfortable reading column.",
+    "desktop": "Full two-column layout — sticky TOC sidebar on the left (220px), prose content on the right with max-width for readability."
+  },
+  "motion": {
+    "micro": "TOC highlight changes and smooth-scroll anchors should feel restrained and utility-first.",
+    "transitions": "Collapsible category sections and TOC drawers may animate over 180-220ms, but legal reading surfaces should avoid decorative motion."
+  },
+  "interactions": [
+    "click-select",
+    "animate-on-mount",
+    "keyboard-navigation",
+    "hover-reveal"
+  ],
+  "accessibility": {
+    "role": "document",
+    "aria-label": "Legal document",
+    "keyboard": [
+      "Tab moves through the table of contents and in-document links in source order.",
+      "Keyboard users should be able to reach section headings and jump links without losing context."
+    ],
+    "announcements": [
+      "Document title, effective date, and section headings should be available through semantic heading structure."
+    ],
+    "focus_management": "When TOC links are activated, move focus to the destination heading or ensure the destination heading is programmatically associated with the jump target."
+  }
+}

package/patterns/live-room-stage.json

@@ -0,0 +1,63 @@
+{
+  "$schema": "https://decantr.ai/schemas/pattern.v2.json",
+  "id": "live-room-stage",
+  "version": "1.1.0",
+  "decantr_compat": ">=2.0.0",
+  "name": "Live Room Stage",
+  "description": "Live co-production room stage combining voice presence, shared transport, room participants, chat highlights, takes, and synchronized playback state.",
+  "category": "music",
+  "tags": ["2026", "music", "live-room", "collaboration", "voice", "co-production", "session"],
+  "components": ["SpeakerStage", "ParticipantTiles", "SharedTransport", "RoomChatPreview", "TakeQueue", "CueMarkers", "LatencyStatus"],
+  "default_preset": "room",
+  "presets": {
+    "room": {
+      "description": "Full co-production room with speaker stage, participants, shared transport, cue markers, and chat highlights",
+      "layout": { "layout": "grid", "atoms": "_grid _gap-4 _w-full" }
+    },
+    "compact": {
+      "description": "Compact room card/stage for room browser previews",
+      "layout": { "layout": "stack", "atoms": "_flex _flex-col _gap-3 _w-full" }
+    }
+  },
+  "visual_brief": "A live studio room, not a generic video call. The main stage shows current speaker or shared session state, participant presence, talk/mute state, latency, role badges, cue markers, and take queue. A shared transport strip shows everyone locked to the same playhead. Browser-card previews must show host, cue, status, participants, BPM, key, and latency as separated chips or aligned columns; never concatenate room metadata. Chat is present but visually subordinate to session state. The surface should feel like remote co-production software: calm, precise, and music-aware.",
+  "default_layout": {
+    "layout": "grid",
+    "atoms": "_grid _gap-4 _w-full",
+    "slots": {
+      "stage": "Primary room stage with speaker/session focus, talk state, and shared playback.",
+      "participants": "Tiles with avatars, roles, mic state, and edit cursor state.",
+      "session-sync": "Shared transport, latency, cue markers, and take queue.",
+      "chat-preview": "Compact chat/reaction stream with shared track links."
+    }
+  },
+  "composition": {
+    "LiveRoomStage": "Root(grid) > [SpeakerStage + ParticipantTiles + SharedTransport + TakeQueue + RoomChatPreview]",
+    "SpeakerStage": "Panel > [CurrentSpeaker | SharedSessionPreview + LatencyStatus]"
+  },
+  "motion": {
+    "micro": {
+      "speaker-change": "stage border shifts to active speaker color in 160ms",
+      "cue-complete": "take queue item slides into completed state"
+    },
+    "ambient": {
+      "voice-activity": "participant ring pulses to voice level",
+      "shared-playhead": "transport advances while room is playing"
+    }
+  },
+  "interactions": ["real-time-updates", "status-pulse", "hover-reveal", "keyboard-navigation"],
+  "responsive": {
+    "mobile": "Stage first, participant strip horizontally scrolls, chat and take queue become tabs.",
+    "desktop": "Stage and session sync dominate; chat remains a side rail. Room browser layouts can pair preview cards with a monitor sidecar for latency, armed takes, next cue, and master bus status."
+  },
+  "accessibility": {
+    "role": "region",
+    "aria-label": "Live production room",
+    "keyboard": ["Space: toggle shared playback", "V: mute or unmute voice", "C: focus chat", "Q: add cue marker"],
+    "announcements": ["{participant} is speaking", "Room latency {latency} ms", "Cue marker {name} added"]
+  },
+  "layout_hints": {
+    "session_first": "Shared audio session state should visually outrank generic video chat.",
+    "presence": "Participant state must show voice, edit, and sync status clearly.",
+    "metadata_spacing": "BPM, key, and latency should render as individual chips with gap, separator, or aligned columns."
+  }
+}

package/patterns/log-stream.json

@@ -0,0 +1,150 @@
+{
+  "$schema": "https://decantr.ai/schemas/pattern.v2.json",
+  "id": "log-stream",
+  "version": "1.0.0",
+  "decantr_compat": ">=2.0.0",
+  "name": "Log Stream",
+  "description": "Real-time log streaming display with filtering, search, and auto-scroll behavior.",
+  "dependencies": {
+    "patterns": {},
+    "styles": {
+      "terminal": "^1.0.0"
+    },
+    "requires_core": {
+      "components": [
+        "Button",
+        "icon"
+      ],
+      "charts": []
+    }
+  },
+  "components": [
+    "Button",
+    "icon"
+  ],
+  "default_preset": "standard",
+  "presets": {
+    "standard": {
+      "description": "Continuous log stream with auto-scroll",
+      "components": [
+        "Button",
+        "icon"
+      ],
+      "layout": {
+        "layout": "stack",
+        "atoms": "_flex _col _hfull _mono _bgblack _fggreen",
+        "slots": {
+          "header": "Pause/play controls and stats",
+          "stream": "Scrolling log entries",
+          "stats": "Error/warn/info counts"
+        }
+      }
+    },
+    "filtered": {
+      "description": "Log stream with level filter controls",
+      "components": [
+        "Button",
+        "icon"
+      ],
+      "layout": {
+        "layout": "stack",
+        "atoms": "_flex _col _hfull _mono _bgblack _fggreen",
+        "slots": {
+          "header": "Filter controls by log level",
+          "search": "Search/filter input",
+          "stream": "Filtered log entries",
+          "stats": "Count per level"
+        }
+      }
+    },
+    "grouped": {
+      "description": "Logs grouped by source or timestamp",
+      "components": [
+        "Button",
+        "icon"
+      ],
+      "layout": {
+        "layout": "stack",
+        "atoms": "_flex _col _hfull _mono _bgblack _fggreen",
+        "slots": {
+          "groups": "Collapsible log groups",
+          "group-header": "Group label with count",
+          "group-entries": "Log entries within group"
+        }
+      }
+    }
+  },
+  "default_layout": {
+    "layout": "stack",
+    "atoms": "_flex _col _hfull _mono _bgblack _fggreen",
+    "slots": {
+      "header": "Controls and stats",
+      "stream": "Log entries",
+      "search": "Search input"
+    }
+  },
+  "features": [
+    "auto-scroll",
+    "pause-on-hover",
+    "level-filtering",
+    "search-highlight",
+    "timestamp-format",
+    "source-labels",
+    "copy-entry",
+    "export-logs"
+  ],
+  "log_levels": {
+    "DEBUG": {
+      "color": "#666666",
+      "priority": 0
+    },
+    "INFO": {
+      "color": "#00FF00",
+      "priority": 1
+    },
+    "WARN": {
+      "color": "#FFB000",
+      "priority": 2
+    },
+    "ERROR": {
+      "color": "#FF0000",
+      "priority": 3
+    }
+  },
+  "visual_brief": "Terminal-style scrolling log display on a dark background with monospace text. Each log entry is a single line showing a timestamp in muted color, a log level badge (INFO in blue, WARN in yellow, ERROR in red, DEBUG in gray), and the message text. New entries append at the bottom with auto-scroll behavior. A controls header contains a search input, level filter toggles, and a pause/resume button. The filtered preset dims non-matching entries. The grouped preset collapses repeated messages with a count badge. A small stats bar shows entries/second and total count.",
+  "responsive": {
+    "mobile": "Full-width log view. Controls collapse into a top bar with a filter toggle button. Log entries use smaller font. Search is a full-width overlay.",
+    "tablet": "Standard layout with controls visible. Comfortable font size for log entries.",
+    "desktop": "Full log stream with controls bar, search, and stats visible. Wide view accommodates long log messages without wrapping."
+  },
+  "layout_hints": {
+    "terminal_frame": "The pattern owns the terminal-like frame, controls header, and scrolling stream region. Parent layouts should not wrap it in another faux-terminal shell.",
+    "signal_hierarchy": "Lead with the live stream, then controls, then secondary counters. Stats should support stream interpretation, not compete with the entries.",
+    "line_density": "Entries should align in a stable rhythm with timestamp, level, source, and message fields that scan quickly during live updates.",
+    "live_vs_indexed_separation": "When a log explorer renders BOTH a live stream AND a separate searchable historical table, they MUST be visually separated by either: (a) a section eyebrow (\"LIVE STREAM\" + \"INDEXED LOGS\") with explicit headings, OR (b) a tab toggle at the top of the region letting the user choose Live | Indexed. Rendering both views stacked without separation is confusing — users see two log lists and cannot tell why they differ. Section eyebrows + accent left-border are the canonical separator.",
+    "timestamp_continuity": "When live entries (current timestamps) sit above historical entries (older timestamps) in the SAME stream, insert a \"— now —\" or \"— latest —\" annotation row between the two epochs. Sub-second timestamps jumping from 15:25:33 to 10:42:18 with no break is jarring and reads as a bug."
+  },
+  "motion": {
+    "micro": "New entries may fade or slide in subtly at the bottom, and paused state indicators may brighten clearly when active.",
+    "transitions": "Auto-scroll should feel steady and predictable. Filter changes should dim or reveal entries without causing the whole stream frame to jump."
+  },
+  "interactions": [
+    "animate-on-mount",
+    "real-time-updates",
+    "hover-reveal",
+    "scroll-reveal",
+    "keyboard-navigation"
+  ],
+  "accessibility": {
+    "role": "log",
+    "aria-label": "Live log stream",
+    "aria-live": "polite",
+    "keyboard": [
+      "Tab through stream controls, search, and any copy/export actions before entering the log viewport.",
+      "If the log viewport itself is focusable, arrow keys and Page Up/Page Down should preserve readable navigation through entries."
+    ],
+    "announcements": [
+      "New entries, pause state, and active filters should be exposed in a way that does not overwhelm assistive technology with every visual update."
+    ]
+  }
+}

package/patterns/logo-strip.json

@@ -0,0 +1,93 @@
+{
+  "$schema": "https://decantr.ai/schemas/pattern.v2.json",
+  "id": "logo-strip",
+  "version": "1.0.0",
+  "decantr_compat": ">=2.0.0",
+  "name": "Logo Strip",
+  "description": "Scrolling or static partner logo strip used for trust-building sections on marketing pages.",
+  "dependencies": {
+    "patterns": {},
+    "styles": {},
+    "requires_core": {
+      "components": [
+        "Badge",
+        "icon"
+      ],
+      "charts": []
+    }
+  },
+  "contained": false,
+  "components": [
+    "Badge",
+    "icon"
+  ],
+  "default_preset": "marquee",
+  "presets": {
+    "marquee": {
+      "description": "Single horizontal strip of muted partner logos scrolling slowly across the viewport.",
+      "layout": {
+        "layout": "row",
+        "atoms": "_flex _aic _gap8 _overflowhidden _py4",
+        "slots": {
+          "eyebrow": "Optional trust label such as Trusted by leading teams",
+          "logo-row": "Continuous row of logo marks or wordmarks",
+          "logo-item": "Single low-contrast logo tile"
+        }
+      }
+    },
+    "static": {
+      "description": "Wrapped static grid of partner logos for lighter-weight landing pages.",
+      "layout": {
+        "layout": "grid",
+        "atoms": "_grid _gc2 _md:gc4 _lg:gc6 _gap4 _aic",
+        "slots": {
+          "eyebrow": "Optional trust label",
+          "logo-item": "Centered logo mark or wordmark tile"
+        }
+      }
+    }
+  },
+  "default_layout": {
+    "layout": "row",
+    "atoms": "_flex _aic _gap8 _overflowhidden _py4",
+    "slots": {
+      "eyebrow": "Optional trust label",
+      "logo-row": "Horizontal logo strip",
+      "logo-item": "Single logo tile"
+    }
+  },
+  "visual_brief": "Low-noise trust strip with monochrome or softly muted brand marks sitting on a clean background. Logos should read as social proof, not as primary content. Spacing is generous, alignment is precise, and the overall effect is polished and calm rather than flashy.",
+  "responsive": {
+    "mobile": "Reduce visible logo count and prefer static wrapping if marquee would feel cramped. Keep marks legible and centered.",
+    "tablet": "Marquee or static grid both work. Maintain even spacing and avoid oversized logo marks.",
+    "desktop": "Wide horizontal strip with balanced breathing room between logos and an optional understated eyebrow label."
+  },
+  "layout_hints": {
+    "trust_hierarchy": "The strip is supportive proof between primary narrative sections. It should never overwhelm the hero or compete with main CTAs.",
+    "logo_treatment": "Use consistent box alignment and normalized visual weight across logos. Avoid loud color unless the theme explicitly calls for it.",
+    "section_rhythm": "Parent marketing layout owns the space around the strip. This pattern owns the internal row or wrapped grid only."
+  },
+  "motion": {
+    "micro": "Logo opacity may lift slightly on hover or focus when the marks are interactive.",
+    "transitions": "Marquee motion should be slow, linear, and unobtrusive. Static variants may fade in gently with the rest of the page."
+  },
+  "interactions": [
+    "animate-on-mount",
+    "stagger-children",
+    "scroll-reveal"
+  ],
+  "accessibility": {
+    "role": "region",
+    "aria-label": "Partner and customer logos",
+    "keyboard": [
+      "If logos link outward, tab through them in reading order with clear focus styles."
+    ],
+    "announcements": [
+      "Expose logo names as accessible labels rather than relying on decorative images alone."
+    ]
+  },
+  "composition": {
+    "LogoStrip": "Row(d-section, trust-strip) > [Eyebrow?(d-label) + LogoRow(d-data, marquee|grid) > LogoItem[]]",
+    "LogoItem": "Tile(d-surface|minimal) > [Wordmark | LogoMark]"
+  }
+}