@decantr/content 3.8.0

package/patterns/continue-screen-cta.json

@@ -0,0 +1,135 @@
+{
+  "$schema": "https://decantr.ai/schemas/pattern.v2.json",
+  "id": "continue-screen-cta",
+  "version": "1.0.0",
+  "decantr_compat": ">=2.0.0",
+  "name": "Continue Screen CTA",
+  "description": "Final campaign conversion section styled like a retro continue screen with countdown, pledge action, referral prompt, and confidence cues.",
+  "category": "campaign",
+  "tags": [
+    "campaign",
+    "cta",
+    "conversion",
+    "continue-screen",
+    "pledge",
+    "share"
+  ],
+  "components": [
+    "Button",
+    "Badge",
+    "Countdown",
+    "Progress",
+    "icon"
+  ],
+  "contained": false,
+  "default_preset": "continue-screen",
+  "presets": {
+    "continue-screen": {
+      "description": "Full-width final CTA with continue prompt, campaign countdown, pledge/reserve action, and share option.",
+      "components": [
+        "Button",
+        "Badge",
+        "Countdown",
+        "Progress",
+        "icon"
+      ],
+      "layout": {
+        "layout": "stack",
+        "atoms": "_flex _col _items[center] _gap6 _wfull _maxw[64rem] _mx[auto] _text[center] _py16",
+        "slots": {
+          "continue-prompt": "Large direct headline such as Continue the build, Back the first run, or Unlock beta access.",
+          "countdown": "Campaign timer or limited window note.",
+          "confidence-cues": "Short row of guarantee, prototype, shipping, or beta status cues.",
+          "action-row": "Primary pledge/reserve/join action and secondary share/demo action.",
+          "fine-print": "Plain-language fulfillment or launch caveat."
+        }
+      }
+    },
+    "share-after-action": {
+      "description": "Post-conversion continue screen prompting supporters to share, invite, or unlock referral rewards.",
+      "components": [
+        "Button",
+        "Badge",
+        "Progress",
+        "icon"
+      ],
+      "layout": {
+        "layout": "stack",
+        "atoms": "_flex _col _items[center] _gap5 _wfull _maxw[56rem] _mx[auto] _text[center] _py12",
+        "slots": {
+          "success-message": "Thank-you headline.",
+          "referral-progress": "Progress toward referral unlock.",
+          "share-actions": "Copy link, share, email, or social actions.",
+          "next-step": "What happens next."
+        }
+      }
+    }
+  },
+  "default_layout": {
+    "layout": "stack",
+    "atoms": "_flex _col _items[center] _gap6 _wfull _maxw[64rem] _mx[auto] _text[center] _py16",
+    "slots": {
+      "continue-prompt": "Final conversion headline",
+      "countdown": "Campaign timer or urgency cue",
+      "confidence-cues": "Trust cues",
+      "action-row": "Primary and secondary actions",
+      "fine-print": "Fulfillment caveat"
+    }
+  },
+  "visual_brief": "A decisive final CTA that feels like an arcade Continue screen. Use giant readable copy, one primary action, a supporting share/demo action, and confidence cues. Avoid generic centered CTA banners, gradient blobs, or vague marketing copy. The section should close the campaign loop.",
+  "responsive": {
+    "mobile": "Single-column with full-width buttons and compact confidence cue stack.",
+    "tablet": "Centered layout with wrapped action row.",
+    "desktop": "Large centered continue prompt with countdown and action row visible without scrolling within the section."
+  },
+  "layout_hints": {
+    "primary_action": "Only one primary action should dominate.",
+    "copy": "Use direct launch language: Back the first run, Reserve your kit, Join beta, or Share to unlock.",
+    "fine_print": "Keep caveats visible and human."
+  },
+  "motion": {
+    "micro": {
+      "countdown-tick": "LED digit update without layout shift",
+      "button-press": "hard press effect"
+    },
+    "transitions": {
+      "enter": "Continue prompt snaps in with short stagger for cues and actions."
+    }
+  },
+  "interactions": [
+    "click-select",
+    "status-pulse",
+    "keyboard-navigation"
+  ],
+  "composition": {
+    "ContinueScreenCta": "Section > [ContinuePrompt + Countdown? + ConfidenceCues + ActionRow + FinePrint]",
+    "ActionRow": "Flex(wrap) > [PrimaryAction + SecondaryAction?]",
+    "ConfidenceCues": "Rail > CueBadge[]"
+  },
+  "accessibility": {
+    "role": "region",
+    "aria-label": "Campaign final call to action",
+    "keyboard": [
+      "Primary action should be first in the action row focus order.",
+      "Share/copy actions should announce success."
+    ],
+    "announcements": [
+      "Copied campaign link.",
+      "Campaign ends in {time}."
+    ]
+  },
+  "io": {
+    "consumes": [
+      "campaign-countdown",
+      "trust-cues"
+    ],
+    "produces": [
+      "final-conversion-intent"
+    ],
+    "actions": [
+      "pledge-click",
+      "waitlist-click",
+      "share-click"
+    ]
+  }
+}

package/patterns/contract-diff.json

@@ -0,0 +1,110 @@
+{
+  "id": "contract-diff",
+  "$schema": "https://decantr.ai/schemas/pattern.v2.json",
+  "version": "1.0.0",
+  "decantr_compat": ">=2.0.0",
+  "name": "Contract Diff",
+  "description": "A side-by-side contract comparison view with synchronized scrolling, inline change markers, addition and deletion highlighting, and a clause navigation sidebar.",
+  "category": "legal",
+  "tags": [
+    "2026",
+    "legal",
+    "contract",
+    "diff",
+    "comparison",
+    "redline",
+    "review"
+  ],
+  "components": [
+    "DiffPane",
+    "ChangeMarker",
+    "AdditionText",
+    "DeletionText",
+    "ClauseNav",
+    "ChangeCount"
+  ],
+  "default_preset": "split",
+  "presets": {
+    "split": {
+      "description": "Two document panes arranged side by side with synchronized scrolling and corresponding change markers aligned horizontally across both panes",
+      "layout": {
+        "layout": "split-horizontal",
+        "atoms": "_grid _grid-cols-2 _gap-4 _w100 _h-full _p-4"
+      }
+    },
+    "inline": {
+      "description": "Single unified column showing deletions struck through and additions highlighted inline for a continuous reading-flow comparison",
+      "layout": {
+        "layout": "single-column",
+        "atoms": "_flex _flex-col _w100 _max-w-3xl _mx-auto _p-6"
+      }
+    },
+    "summary": {
+      "description": "Changes-only list view enumerating every insertion, deletion, and modification as a compact review checklist without full document context",
+      "layout": {
+        "layout": "list",
+        "atoms": "_flex _flex-col _gap-2 _w100 _p-6"
+      }
+    }
+  },
+  "visual_brief": "Two document panes rendered as scrollable text surfaces positioned side by side. Left pane shows the original version, right pane shows the revised. Both use a serif document font at comfortable reading size with generous line-height. Addition text appears with a pale green (#DCFCE7) background and green underline. Deletion text shows with pale red (#FEE2E2) background and strikethrough. Both panes share a synchronized vertical scroll — scrolling one scrolls the other. A gutter between the panes contains connecting lines and change markers (small colored chevrons: green for add, red for delete, amber for modify) linking related changes across panes. A left-docked clause navigation sidebar lists all changed sections by clause number with change-type icons, clickable for jump-to navigation. Top header shows aggregate change count ('37 changes: 18 additions, 12 deletions, 7 modifications').",
+  "layout_hints": {
+    "container": "d-section",
+    "note": "Document panes must use serif font-family. Preserve legal document whitespace/indentation. Sync scroll is mandatory in split preset.",
+    "change_semantics": "Additions always green, deletions always red, modifications always amber. Do not invert."
+  },
+  "default_layout": {
+    "layout": "split-horizontal",
+    "atoms": "_grid _grid-cols-2 _gap-4 _w100 _h-full _p-4",
+    "slots": {
+      "diff-pane": "Scrollable document pane rendering contract text with inline change highlights. Repeats twice in split preset.",
+      "change-marker": "Small colored chevron or bar in the pane gutter indicating a change at that line position.",
+      "addition-text": "Inline text span with green background and underline decoration wrapping added content.",
+      "deletion-text": "Inline text span with red background and strikethrough wrapping removed content.",
+      "clause-nav": "Left-docked sidebar list of clauses containing changes, with type icons and jump links.",
+      "change-count": "Top header badge showing aggregate counts of additions, deletions, and modifications."
+    }
+  },
+  "accessibility": {
+    "role": "region",
+    "aria-label": "Contract version comparison",
+    "announcements": [
+      "Change {n} of {total}: {type} at clause {clause}",
+      "Navigated to clause {clause}"
+    ],
+    "keyboard": [
+      "J / K: next / previous change",
+      "G: jump to clause navigator",
+      "A: accept focused change (if editable)",
+      "R: reject focused change (if editable)",
+      "Escape: close clause nav"
+    ]
+  },
+  "responsive": {
+    "mobile": "Split preset collapses to inline preset automatically. Clause nav becomes slide-out drawer.",
+    "tablet": "Split retained with narrower panes. Clause nav collapses to icon strip."
+  },
+  "motion": {
+    "micro": {
+      "marker-hover": "chevron scale(1.2) + brightness 150ms ease-out"
+    },
+    "transitions": {
+      "jump-to-change": "smooth scroll to target 400ms ease-in-out",
+      "preset-switch": "cross-fade 300ms"
+    },
+    "ambient": {
+      "sync-indicator": "subtle gutter-line glow pulse 2s ease-in-out infinite"
+    }
+  },
+  "interactions": [
+    "hover-reveal",
+    "click-select",
+    "scroll-reveal"
+  ],
+  "composition": {
+    "ContractDiff": "Section(d-section) > [ChangeCount(header) + ClauseNav(sidebar) + DiffPane[](d-surface) > [LineNumber + ChangeMarker + [AdditionText | DeletionText | NormalText]]]",
+    "DiffPane": "ScrollContainer(sync-scroll) > DocumentText(serif) > Line[] > [Gutter + ChangeMarker? + TextContent]",
+    "ClauseNav": "Panel(d-surface) > ClauseItem[] > [ClauseNumber + ChangeTypeIcon + ClauseLabel]",
+    "ChangeCount": "Header(d-annotation) > [TotalBadge + AdditionsBadge + DeletionsBadge + ModificationsBadge]"
+  }
+}

package/patterns/contract-explorer.json

@@ -0,0 +1,119 @@
+{
+  "$schema": "https://decantr.ai/schemas/pattern.v2.json",
+  "id": "contract-explorer",
+  "version": "1.0.0",
+  "decantr_compat": ">=2.0.0",
+  "name": "Contract Explorer",
+  "description": "Interactive inspector for Decantr contract artifacts such as essence files, execution packs, Project Health reports, schema snippets, and remediation prompts.",
+  "dependencies": {
+    "patterns": {},
+    "styles": {},
+    "requires_core": {
+      "components": [
+        "Tabs",
+        "Tree",
+        "CodeBlock",
+        "Badge",
+        "Button",
+        "icon"
+      ],
+      "charts": []
+    }
+  },
+  "components": [
+    "Tabs",
+    "Tree",
+    "CodeBlock",
+    "Badge",
+    "Button",
+    "icon"
+  ],
+  "contained": false,
+  "default_preset": "inspector",
+  "presets": {
+    "inspector": {
+      "description": "Split-pane contract inspector with artifact tabs, tree or section navigation, selected JSON/markdown preview, and copy/open actions.",
+      "components": [
+        "Tabs",
+        "Tree",
+        "CodeBlock",
+        "Badge",
+        "Button",
+        "icon"
+      ],
+      "layout": {
+        "layout": "grid",
+        "atoms": "_grid _gc1 _xl:gc[18rem_1fr] _gap4 _minh[28rem]",
+        "slots": {
+          "artifact-tabs": "Tabs for Essence, Packs, Health, Schema, or Prompt.",
+          "artifact-tree": "Optional tree of sections, pages, findings, or schema nodes.",
+          "preview": "Code or markdown preview of the selected artifact.",
+          "action-bar": "Copy, open, download, or prompt actions."
+        }
+      }
+    }
+  },
+  "default_layout": {
+    "layout": "grid",
+    "atoms": "_grid _gc1 _xl:gc[18rem_1fr] _gap4",
+    "slots": {
+      "artifact-tabs": "Artifact type tabs",
+      "artifact-tree": "Selectable artifact outline",
+      "preview": "JSON or markdown preview",
+      "action-bar": "Copy or open actions"
+    }
+  },
+  "visual_brief": "A small but powerful developer inspector that makes Decantr contracts feel inspectable and trustworthy. The left side should help users navigate contract structure; the right side should render selected JSON, markdown, health findings, or prompts with clear copy/open actions. It should feel like a local studio or internal developer tool, not a decorative code block.",
+  "responsive": {
+    "mobile": "Tabs appear first, tree collapses into a select or disclosure, preview scrolls horizontally inside its own region.",
+    "tablet": "Tabs plus stacked tree and preview.",
+    "desktop": "Split-pane inspector with fixed navigation width and flexible preview region."
+  },
+  "layout_hints": {
+    "preview_containment": "Code/markdown preview must scroll inside its own region and never force page overflow.",
+    "artifact_scope": "Keep selected artifact context visible through a title, breadcrumb, or badge.",
+    "actions": "Copy and prompt actions should be icon+label or icon-only with tooltips and aria labels."
+  },
+  "motion": {
+    "micro": "Selection changes can cross-fade preview content. Copy actions should show a brief confirmation.",
+    "transitions": "Avoid animated code reflow; preserve reading position when possible."
+  },
+  "interactions": [
+    "click-select",
+    "keyboard-navigation",
+    "hover-tooltip",
+    "inline-edit"
+  ],
+  "accessibility": {
+    "role": "region",
+    "aria-label": "Contract explorer",
+    "keyboard": [
+      "Tabs and tree items should follow standard keyboard behavior.",
+      "Preview region should be focusable when it scrolls."
+    ],
+    "announcements": [
+      "Selection changes should announce the selected artifact title."
+    ],
+    "focus_management": "Copy/open buttons should remain reachable after the preview title and before long code content."
+  },
+  "composition": {
+    "ContractExplorer": "InspectorShell > [ArtifactTabs + OutlinePane + PreviewPane + ActionBar]",
+    "OutlinePane": "TreeOrList > ArtifactNode[]",
+    "PreviewPane": "Panel > [SelectedTitle + Badges + CodeBlockOrMarkdown]",
+    "ActionBar": "Flex > [CopyButton + OpenButton? + PromptButton?]"
+  },
+  "io": {
+    "consumes": [
+      "contract-artifacts"
+    ],
+    "produces": [
+      "selected-artifact",
+      "copied-snippet"
+    ],
+    "actions": [
+      "artifact-select",
+      "copy-snippet",
+      "prompt-open"
+    ]
+  }
+}

package/patterns/conversation-list.json

@@ -0,0 +1,109 @@
+{
+  "$schema": "https://decantr.ai/schemas/pattern.v2.json",
+  "id": "conversation-list",
+  "version": "1.0.0",
+  "decantr_compat": ">=2.0.0",
+  "name": "Conversation List",
+  "description": "Sidebar conversation history with search, new chat button, and conversation items showing unread indicators and actions.",
+  "dependencies": {
+    "patterns": {},
+    "styles": {},
+    "requires_core": {
+      "components": [
+        "Button",
+        "Avatar",
+        "Badge",
+        "icon"
+      ],
+      "charts": []
+    }
+  },
+  "components": [
+    "Button",
+    "Avatar",
+    "Badge",
+    "icon"
+  ],
+  "default_preset": "standard",
+  "presets": {
+    "standard": {
+      "description": "Full conversation list with search and details",
+      "components": [
+        "Button",
+        "Avatar",
+        "Badge",
+        "icon"
+      ],
+      "layout": {
+        "layout": "stack",
+        "atoms": "_flex _col _hfull",
+        "slots": {
+          "search": "Filter/search conversations input",
+          "new-button": "Create new conversation button",
+          "items": "List of conversation rows"
+        }
+      }
+    },
+    "compact": {
+      "description": "Icon-only list for collapsed sidebar rail",
+      "components": [
+        "Button",
+        "Avatar",
+        "icon"
+      ],
+      "layout": {
+        "layout": "stack",
+        "atoms": "_flex _col _aic _gap2 _py2",
+        "slots": {
+          "new-button": "Icon-only new chat button",
+          "items": "Avatar/icon-only conversation items"
+        }
+      }
+    }
+  },
+  "default_layout": {
+    "layout": "stack",
+    "atoms": "_flex _col _hfull",
+    "slots": {
+      "search": "Filter conversations input",
+      "new-button": "Create new conversation",
+      "items": "Conversation rows with icon, title, date, unread-indicator, actions"
+    }
+  },
+  "visual_brief": "Vertical sidebar panel with a search input at the top (magnifying glass icon, 'Search conversations' placeholder), a 'New Chat' button below it, and a scrollable list of conversation items. Each item shows a chat icon or model avatar, the conversation title (truncating with ellipsis), a last-message date in small muted text, and an unread count badge (colored circle with number) when applicable. The active conversation has a highlighted surface background. Hovering reveals a three-dot menu for rename and delete actions. Compact preset reduces row height and hides dates.",
+  "responsive": {
+    "mobile": "Conversation list takes full screen as a page. Selecting an item navigates to the chat view. New Chat button is a floating action button.",
+    "tablet": "Sidebar panel at 280px width. Standard row heights.",
+    "desktop": "Sidebar panel at 300px width with comfortable spacing. Full dates visible. Hover actions on each row."
+  },
+  "layout_hints": {
+    "list_priority": "The active conversation and unread state should be immediately legible. Search and new-chat actions support the list but should not compete with it visually.",
+    "row_density": "Keep row metadata concise so titles remain dominant and the sidebar does not become noisy. Compact mode should still preserve active-state clarity.",
+    "mobile_translation": "On small screens, treat the list as its own route-level selection surface rather than a cramped embedded sidebar."
+  },
+  "motion": {
+    "micro": "Active rows may sharpen or lift slightly, and unread indicators may pulse gently only when newly changed.",
+    "transitions": "Search filtering and conversation switching should feel immediate and stable, with no heavy motion that disrupts scan flow."
+  },
+  "interactions": [
+    "click-select",
+    "hover-reveal",
+    "real-time-updates",
+    "animate-on-mount"
+  ],
+  "accessibility": {
+    "role": "navigation",
+    "aria-label": "Conversation list",
+    "keyboard": [
+      "Conversation rows and their overflow actions should follow a predictable top-to-bottom order."
+    ],
+    "announcements": [
+      "Unread state, active conversation, title, and recency should be exposed semantically so the list remains understandable without hover or color cues."
+    ]
+  },
+  "composition": {
+    "ConversationList": "Panel(d-surface, flex-col, full-height) > [SearchInput(d-control, icon: search) + NewChatButton(d-interactive, variant: primary) + ItemList]",
+    "ItemList": "List(flex-col, scrollable) > ConversationItem[]",
+    "ConversationItem": "Row(d-data-row, hoverable, active?: highlighted) > [ChatIcon + Title(ellipsis) + Date(text-muted, text-xs) + UnreadBadge?(d-annotation, accent)]"
+  }
+}

package/patterns/creator-profile.json

@@ -0,0 +1,127 @@
+{
+  "$schema": "https://decantr.ai/schemas/pattern.v2.json",
+  "id": "creator-profile",
+  "version": "1.0.0",
+  "decantr_compat": ">=2.0.0",
+  "name": "Creator Profile",
+  "description": "Public creator page layout with hero, tiers, content feed, and about section. Tab-based navigation.",
+  "dependencies": {
+    "patterns": {
+      "storefront-hero": "^1.0.0",
+      "tier-card": "^1.0.0",
+      "content-feed": "^1.0.0"
+    },
+    "styles": {},
+    "requires_core": {
+      "components": [
+        "Button",
+        "Card",
+        "Tabs",
+        "icon"
+      ],
+      "charts": []
+    }
+  },
+  "components": [
+    "Button",
+    "Card",
+    "Tabs",
+    "icon"
+  ],
+  "default_preset": "standard",
+  "presets": {
+    "standard": {
+      "description": "Full creator profile page with hero banner, tabbed navigation for posts, memberships, and about",
+      "components": [
+        "Button",
+        "Card",
+        "Tabs",
+        "icon"
+      ],
+      "layout": {
+        "layout": "stack",
+        "atoms": "_flex _col",
+        "slots": {
+          "hero": "Storefront hero pattern",
+          "tabs": "Posts, About, Tiers navigation",
+          "content": "Tab content area",
+          "tiers-sidebar": "Optional tier cards sidebar"
+        }
+      }
+    },
+    "embed": {
+      "description": "Compact embeddable widget with avatar, subscriber count, and subscribe CTA for external sites",
+      "components": [
+        "Button",
+        "Card",
+        "icon"
+      ],
+      "layout": {
+        "layout": "card",
+        "atoms": "studio-card _p4 _flex _gap4",
+        "slots": {
+          "avatar": "Small avatar",
+          "info": "Name, subscribers",
+          "cta": "Subscribe button"
+        }
+      }
+    }
+  },
+  "default_layout": {
+    "layout": "stack",
+    "atoms": "_flex _col",
+    "slots": {
+      "hero": "Profile hero",
+      "tabs": "Navigation tabs",
+      "content": "Tab content"
+    }
+  },
+  "io": {
+    "produces": [
+      "subscribe-click",
+      "tab-changed"
+    ],
+    "consumes": [
+      "creator-data",
+      "tier-data",
+      "post-data"
+    ]
+  },
+  "visual_brief": "Full-width creator page starting with a storefront hero section (cover image, avatar, creator name, bio, follower count, subscribe CTA). Below the hero, a horizontal tab bar with tabs for Posts, Memberships, About, and Community. The tab content area fills the remaining space — Posts tab shows a content feed, Memberships tab shows tier cards, About tab shows a rich text bio with social links. Embed preset removes the hero and shows a compact card version suitable for embedding on external sites.",
+  "responsive": {
+    "mobile": "Hero cover image reduces in height. Tabs become horizontally scrollable. Content feed is single-column full-width.",
+    "tablet": "Standard hero proportions. Tabs fit in a single row. Content area has comfortable margins.",
+    "desktop": "Full-width hero with generous cover image. Content area centered with max-width constraint. All tabs visible."
+  },
+  "layout_hints": {
+    "hero_priority": "Lead with creator identity, subscribe intent, and social proof in the hero. The rest of the page should feel like a structured deepening of that first impression.",
+    "tab_rhythm": "Tabs should act as the structural switch between content modes, not as decorative navigation. Keep the active tab visually obvious and the tab content frame stable.",
+    "embed_scope": "Embed mode should behave like a focused conversion unit. Strip away broad profile storytelling and preserve only the identity, subscriber signal, and clear CTA."
+  },
+  "motion": {
+    "micro": "Subscribe CTA and tab hover states may sharpen slightly, while hero metrics or follower counts may reveal with a restrained fade or count-up.",
+    "transitions": "Tab changes should preserve orientation with soft fades or slides rather than jarring full-surface swaps."
+  },
+  "interactions": [
+    "animate-on-mount",
+    "stagger-children",
+    "hover-reveal"
+  ],
+  "accessibility": {
+    "role": "region",
+    "aria-label": "Creator profile",
+    "keyboard": [
+      "Tab through hero actions, then tablist, then the currently active panel content.",
+      "Tabs should support standard arrow-key navigation and clearly expose the active panel relationship."
+    ],
+    "announcements": [
+      "Creator name, subscriber context, and active tab state should be available semantically and not rely on visual prominence alone."
+    ]
+  },
+  "composition": {
+    "CreatorProfile": "Container(d-section, flex-col) > [Hero + TabBar(d-control) + TabContent]",
+    "Hero": "Section(full-width) > [CoverImage + Avatar(large) + CreatorName(heading2) + Bio(text-muted) + Stats + SubscribeCTA(d-interactive)]",
+    "TabBar": "Row(d-control) > Tab(d-interactive)[]",
+    "TabContent": "Panel(d-surface) > [PostsFeed? + TierCards? + AboutSection?]"
+  }
+}