{ "$schema": "mesh.commons/catalog@1", "origin": "https://components.mesh.eco", "loaderSource": { "url": "https://components.mesh.eco/components/", "name": "commons", "mapFile": "map.json" }, "authoredFrom": [ "mutual.app/components", "mesh.art/components (shell)" ], "counts": { "total": 238, "described": 238, "byCategory": { "core": 73, "view": 58, "test": 5, "controls": 1, "field-widgets": 23, "fields": 39, "guidelets": 18, "mesh.messaging": 1, "mesh": 1, "messages": 14, "shell": 5 } }, "components": [ { "id": "404", "tag": "m-404", "source": "mutual.app", "file": "components/404.mutual", "url": "/components/404.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 73, "purpose": "A centered full-screen 'component not found' error page shown when documentation for a requested component cannot be located.", "usageIdea": "Reuse as the fallback view in any seed or routed surface that needs a friendly not-found state with a button back to the entry point.", "features": [ "full-screen centered layout", "large 404 headline", "explanatory message", "back-to-home button via m-button", "dark mode support" ], "adaptability": "none", "searchText": "404 core a centered full-screen 'component not found' error page shown when documentation for a requested component cannot be located. reuse as the fallback view in any seed or routed surface that needs a friendly not-found state with a button back to the entry point. full-screen centered layout large 404 headline explanatory message back-to-home button via m-button dark mode support" }, { "id": "action-buttons", "tag": "m-action-buttons", "source": "mutual.app", "file": "components/action-buttons.mutual", "url": "/components/action-buttons.mutual", "category": "core", "attributes": [ "size" ], "slots": [], "hasScript": true, "hasStyle": true, "loc": 475, "purpose": "Renders confidence-scored action buttons from recognized intents, showing a primary call-to-action plus optional alternatives.", "usageIdea": "Reuse when a seed or synthesis step needs to surface AI-recommended next actions with confidence indicators and let the user pick one.", "features": [ "Primary plus alternative action buttons", "Confidence badges and indicator bar", "Collapsible alternatives toggle", "Executing/loading state", "Dispatches action-execute events to flow layer" ], "adaptability": "configurable", "searchText": "action-buttons core renders confidence-scored action buttons from recognized intents, showing a primary call-to-action plus optional alternatives. reuse when a seed or synthesis step needs to surface ai-recommended next actions with confidence indicators and let the user pick one. primary plus alternative action buttons confidence badges and indicator bar collapsible alternatives toggle executing/loading state dispatches action-execute events to flow layer size" }, { "id": "agent-autonomy-settings-view", "tag": "m-agent-autonomy-settings-view", "source": "mutual.app", "file": "components/agent-autonomy-settings-view.mutual", "url": "/components/agent-autonomy-settings-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 396, "purpose": "A settings screen for configuring what each AI agent is allowed to observe, suggest, propose, or act on, plus global confirmation and budget controls.", "usageIdea": "Reuse when a seed needs a governance/control surface for autonomous agents, letting users set per-agent autonomy levels, kill switches, budgets, and review an audit log.", "features": [ "Per-agent autonomy matrix across domains (observe/suggest/propose/act)", "Per-agent kill switch with emergency disable", "Confirmation window slider and destructive-action policy display", "Monthly credit budget ceilings per agent", "Agent audit log with rollback of applied actions" ], "adaptability": "none", "searchText": "agent-autonomy-settings-view view a settings screen for configuring what each ai agent is allowed to observe, suggest, propose, or act on, plus global confirmation and budget controls. reuse when a seed needs a governance/control surface for autonomous agents, letting users set per-agent autonomy levels, kill switches, budgets, and review an audit log. per-agent autonomy matrix across domains (observe/suggest/propose/act) per-agent kill switch with emergency disable confirmation window slider and destructive-action policy display monthly credit budget ceilings per agent agent audit log with rollback of applied actions" }, { "id": "agent-hierarchy-test-view", "tag": "m-agent-hierarchy-test-view", "source": "mutual.app", "file": "components/agent-hierarchy-test-view.mutual", "url": "/components/agent-hierarchy-test-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 809, "purpose": "A developer test console for exercising the AI agent commissioning chain — main orchestrator, commissioning, engagement/expert agents, budget hierarchy, kill switch, and runtime registry.", "usageIdea": "Reused during a synthesis or QA step to manually verify that agent lifecycle, budget propagation, and termination wiring behave correctly before relying on them in a seed.", "features": [ "Collapsible test sections for each agent tier", "Init orchestrator, start monitoring, assess portfolio", "Score/validate/allocate/commission engagement budgets", "Budget envelope table with consume and rebalance", "Kill switch with single-terminate and emergency stop all", "Per-tier runtime registry queries and budget summary" ], "adaptability": "none", "searchText": "agent-hierarchy-test-view view a developer test console for exercising the ai agent commissioning chain — main orchestrator, commissioning, engagement/expert agents, budget hierarchy, kill switch, and runtime registry. reused during a synthesis or qa step to manually verify that agent lifecycle, budget propagation, and termination wiring behave correctly before relying on them in a seed. collapsible test sections for each agent tier init orchestrator, start monitoring, assess portfolio score/validate/allocate/commission engagement budgets budget envelope table with consume and rebalance kill switch with single-terminate and emergency stop all per-tier runtime registry queries and budget summary" }, { "id": "agent-inspector-view", "tag": "m-agent-inspector-view", "source": "mutual.app", "file": "components/agent-inspector-view.mutual", "url": "/components/agent-inspector-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 574, "purpose": "A live admin panel that inspects the agent runtime's running handlers, their lifecycle state, budget consumption, and feasibility verdicts.", "usageIdea": "Reused by a synthesis or operations step that needs to observe, debug, or emergency-stop autonomous agent handlers and their budget usage.", "features": [ "Handler table with tier, status, budget bars and feasibility badges", "Per-handler detail: evaluation history, current tension, convergence verdict", "Budget overview totals plus per-tier consumption bars", "Kill switch to terminate individual handlers or emergency-stop all", "Auto-refreshes runtime state every 2 seconds" ], "adaptability": "none", "searchText": "agent-inspector-view view a live admin panel that inspects the agent runtime's running handlers, their lifecycle state, budget consumption, and feasibility verdicts. reused by a synthesis or operations step that needs to observe, debug, or emergency-stop autonomous agent handlers and their budget usage. handler table with tier, status, budget bars and feasibility badges per-handler detail: evaluation history, current tension, convergence verdict budget overview totals plus per-tier consumption bars kill switch to terminate individual handlers or emergency-stop all auto-refreshes runtime state every 2 seconds" }, { "id": "api-services-test-suite", "tag": "m-api-services-test-suite", "source": "mutual.app", "file": "components/api-services-test-suite.mutual", "url": "/components/api-services-test-suite.mutual", "category": "test", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 1213, "purpose": "An interactive test-runner panel that exercises the full api.mutual.ai gateway endpoint surface and reports pass/fail/skip results live.", "usageIdea": "Reused in a dev/diagnostics seed or a verification step to confirm api.mutual.ai services (forward, entities, flow, channel, page, you, audio, embedding, simpleAI, admin) are reachable and healthy.", "features": [ "Run-all runner across ~55 endpoint tests grouped by phase (GW, ENT, FLW, CHN, PG, YOU, AUD, EMB, SAI, ADM)", "Live progress bar with passed/failed/skipped counts and per-test timing", "Config panel for base URL, API key fallback, and AI tier selection", "JWT identity (MeshAuth) auth with API-key fallback and auth-source status", "Health/readiness status bar and graceful skip for undeployed endpoints" ], "adaptability": "configurable", "searchText": "api-services-test-suite test an interactive test-runner panel that exercises the full api.mutual.ai gateway endpoint surface and reports pass/fail/skip results live. reused in a dev/diagnostics seed or a verification step to confirm api.mutual.ai services (forward, entities, flow, channel, page, you, audio, embedding, simpleai, admin) are reachable and healthy. run-all runner across ~55 endpoint tests grouped by phase (gw, ent, flw, chn, pg, you, aud, emb, sai, adm) live progress bar with passed/failed/skipped counts and per-test timing config panel for base url, api key fallback, and ai tier selection jwt identity (meshauth) auth with api-key fallback and auth-source status health/readiness status bar and graceful skip for undeployed endpoints" }, { "id": "api-services-test-view", "tag": "m-api-services-test-view", "source": "mutual.app", "file": "components/api-services-test-view.mutual", "url": "/components/api-services-test-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 1762, "purpose": "An interactive multi-section test console for exercising every api.mutual.ai plugin endpoint (gateway, entities, flow, channels, page, audio, embedding, SimpleAI, admin) with live status and results.", "usageIdea": "Reuse during a synthesis or planting step when a developer needs to manually probe and validate api.mutual.ai service endpoints with auth, tier, and BYOK options.", "features": [ "collapsible endpoint sections", "API/auth/queue/plugin status bar", "JWT or API-key auth config", "tier and BYOK selectors", "per-section request forms and result panels", "streaming response handling" ], "adaptability": "none", "searchText": "api-services-test-view view an interactive multi-section test console for exercising every api.mutual.ai plugin endpoint (gateway, entities, flow, channels, page, audio, embedding, simpleai, admin) with live status and results. reuse during a synthesis or planting step when a developer needs to manually probe and validate api.mutual.ai service endpoints with auth, tier, and byok options. collapsible endpoint sections api/auth/queue/plugin status bar jwt or api-key auth config tier and byok selectors per-section request forms and result panels streaming response handling" }, { "id": "api-test-view", "tag": "m-api-test-view", "source": "mutual.app", "file": "components/api-test-view.mutual", "url": "/components/api-test-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 2512, "purpose": "Developer console that visualizes the global $selection API across user, engagement, app, and system scopes with live counts and CRUD modals.", "usageIdea": "Reuse during development or a debugging planting step to inspect, select, create, update, and delete entities across the full $selection type hierarchy.", "features": [ "Scoped, collapsible domain tree (user/engagement/app/system)", "Live counts and selection state per type", "CRUD create/update/delete modals", "Cascade and hierarchy reference docs", "$selection method reference panel" ], "adaptability": "none", "searchText": "api-test-view view developer console that visualizes the global $selection api across user, engagement, app, and system scopes with live counts and crud modals. reuse during development or a debugging planting step to inspect, select, create, update, and delete entities across the full $selection type hierarchy. scoped, collapsible domain tree (user/engagement/app/system) live counts and selection state per type crud create/update/delete modals cascade and hierarchy reference docs $selection method reference panel" }, { "id": "app", "tag": "m-app", "source": "mutual.app", "file": "components/app.mutual", "url": "/components/app.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": false, "hasStyle": false, "loc": 26, "purpose": "The root application shell that mounts portals, route views, and globally registered user-feature modals into the main content area.", "usageIdea": "Reuse as the top-level container when bootstrapping a full Mutual app surface that needs routing, portals, and drag-and-drop app.json loading wired up.", "features": [ "Mounts portals and route view templates", "Hosts premise-gated user feature modals (entity detail, prompt stats, flow box)", "App-wide app.json drag-and-drop handling", "Includes auth mount and profile-completion components" ], "adaptability": "none", "searchText": "app core the root application shell that mounts portals, route views, and globally registered user-feature modals into the main content area. reuse as the top-level container when bootstrapping a full mutual app surface that needs routing, portals, and drag-and-drop app.json loading wired up. mounts portals and route view templates hosts premise-gated user feature modals (entity detail, prompt stats, flow box) app-wide app.json drag-and-drop handling includes auth mount and profile-completion components" }, { "id": "badge", "tag": "m-badge", "source": "mutual.app", "file": "components/badge.mutual", "url": "/components/badge.mutual", "category": "core", "attributes": [ "count", "icon", "variant" ], "slots": [ "default" ], "hasScript": true, "hasStyle": true, "loc": 138, "purpose": "A small inline status badge that shows a label (via slot) with an optional icon and numeric count pill, styled by semantic colour variant.", "usageIdea": "Reused anywhere a seed or synthesized view needs to flag status, type, or counts (e.g. AI tasks, recording state, error tags) with consistent colour coding.", "features": [ "Nine colour variants (success, warning, error, info, brand, ai, recording, processing, creative)", "Optional Font Awesome icon", "Optional numeric count pill", "Slotted label content" ], "adaptability": "configurable", "searchText": "badge core a small inline status badge that shows a label (via slot) with an optional icon and numeric count pill, styled by semantic colour variant. reused anywhere a seed or synthesized view needs to flag status, type, or counts (e.g. ai tasks, recording state, error tags) with consistent colour coding. nine colour variants (success, warning, error, info, brand, ai, recording, processing, creative) optional font awesome icon optional numeric count pill slotted label content count icon variant" }, { "id": "bot-test-view", "tag": "m-bot-test-view", "source": "mutual.app", "file": "components/bot-test-view.mutual", "url": "/components/bot-test-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 456, "purpose": "A test chat console that loads client-side RiveScript persona or topic bot brains from mesh.directory and lets you converse with them.", "usageIdea": "Reused by a development or QA step to manually exercise and validate a persona/topic bot's brain before promoting it.", "features": [ "Persona/topic brain selector populated from a remote brain index", "Loads and streams RiveScript brains, counting loaded brains and triggers", "Chat message thread with user/bot bubbles and tier badges", "Detects no-match/error replies and flags them", "Clear-chat control and live status badges" ], "adaptability": "none", "searchText": "bot-test-view view a test chat console that loads client-side rivescript persona or topic bot brains from mesh.directory and lets you converse with them. reused by a development or qa step to manually exercise and validate a persona/topic bot's brain before promoting it. persona/topic brain selector populated from a remote brain index loads and streams rivescript brains, counting loaded brains and triggers chat message thread with user/bot bubbles and tier badges detects no-match/error replies and flags them clear-chat control and live status badges" }, { "id": "button", "tag": "m-button", "source": "mutual.app", "file": "components/button.mutual", "url": "/components/button.mutual", "category": "core", "attributes": [ "disabled", "icon", "importance", "loading", "pulse", "size", "type", "variant" ], "slots": [ "default" ], "hasScript": true, "hasStyle": true, "loc": 873, "purpose": "A themeable button element supporting visual variants, semantic importance levels, sizes, icons, and loading/pulse states.", "usageIdea": "Reused anywhere a seed or synthesis step needs a consistent, design-token-driven action control with the right emphasis and state.", "features": [ "Six visual variants (filled, elevated, tonal, outlined, ghost, fab)", "Semantic importance colors (neutral, success, error, warning, info, cta) with default icons", "Three sizes plus icon-only and FAB geometry", "Animated loading dots and optional pulse animation", "Slotted label with Font Awesome icon (left/right/icon-only) and live attribute observation" ], "adaptability": "adaptable", "searchText": "button core a themeable button element supporting visual variants, semantic importance levels, sizes, icons, and loading/pulse states. reused anywhere a seed or synthesis step needs a consistent, design-token-driven action control with the right emphasis and state. six visual variants (filled, elevated, tonal, outlined, ghost, fab) semantic importance colors (neutral, success, error, warning, info, cta) with default icons three sizes plus icon-only and fab geometry animated loading dots and optional pulse animation slotted label with font awesome icon (left/right/icon-only) and live attribute observation disabled icon importance loading pulse size type variant" }, { "id": "card", "tag": "m-card", "source": "mutual.app", "file": "components/card.mutual", "url": "/components/card.mutual", "category": "core", "attributes": [ "accent", "disabled", "icon", "loading", "selected", "subtitle", "title", "variant" ], "slots": [ "default" ], "hasScript": true, "hasStyle": true, "loc": 514, "purpose": "A foundational surface container that presents titled, icon-bearing content with header/body/footer zones across several visual variants (default, interactive, stat, media, entity).", "usageIdea": "Reuse whenever a seed needs a consistent boxed content surface — for entity summaries, stats, media, or clickable selectable tiles.", "features": [ "header/body/footer slots", "variant styling (interactive/stat/media/entity)", "accent bar color", "selected and disabled states", "loading skeleton overlay", "click and select events" ], "adaptability": "adaptable", "searchText": "card core a foundational surface container that presents titled, icon-bearing content with header/body/footer zones across several visual variants (default, interactive, stat, media, entity). reuse whenever a seed needs a consistent boxed content surface — for entity summaries, stats, media, or clickable selectable tiles. header/body/footer slots variant styling (interactive/stat/media/entity) accent bar color selected and disabled states loading skeleton overlay click and select events accent disabled icon loading selected subtitle title variant" }, { "id": "chart", "tag": "m-chart", "source": "mutual.app", "file": "components/chart.mutual", "url": "/components/chart.mutual", "category": "core", "attributes": [ "colors", "data", "height", "labels", "title", "type", "width" ], "slots": [], "hasScript": true, "hasStyle": true, "loc": 594, "purpose": "Dependency-free inline-SVG chart renderer supporting bar, line, area, pie, donut, radar, gauge, and sparkline types.", "usageIdea": "Reuse whenever a seed or synthesis-presentation step needs to visualize numeric data without pulling in an external charting library.", "features": [ "Eight chart types from one component", "JSON data/labels attributes", "Optional legend, grid, and labels", "19-color strip palette with theme sync", "Animated render and responsive viewBox SVG" ], "adaptability": "configurable", "searchText": "chart core dependency-free inline-svg chart renderer supporting bar, line, area, pie, donut, radar, gauge, and sparkline types. reuse whenever a seed or synthesis-presentation step needs to visualize numeric data without pulling in an external charting library. eight chart types from one component json data/labels attributes optional legend, grid, and labels 19-color strip palette with theme sync animated render and responsive viewbox svg colors data height labels title type width" }, { "id": "collapsible-section", "tag": "m-collapsible-section", "source": "mutual.app", "file": "components/collapsible-section.mutual", "url": "/components/collapsible-section.mutual", "category": "core", "attributes": [ "icon", "title" ], "slots": [ "default" ], "hasScript": true, "hasStyle": true, "loc": 104, "purpose": "A reusable expand/collapse section with an icon, title header, and slotted content that animates open and closed.", "usageIdea": "Reuse to group any related content into a titled, toggleable panel, including nesting sections within other sections.", "features": [ "Slotted content area for arbitrary children", "Configurable icon and title via attributes", "Expanded-by-default via the expanded attribute", "Animated collapse with rotating chevron", "Supports nested sections with reduced styling" ], "adaptability": "adaptable", "searchText": "collapsible-section core a reusable expand/collapse section with an icon, title header, and slotted content that animates open and closed. reuse to group any related content into a titled, toggleable panel, including nesting sections within other sections. slotted content area for arbitrary children configurable icon and title via attributes expanded-by-default via the expanded attribute animated collapse with rotating chevron supports nested sections with reduced styling icon title" }, { "id": "concepts-analysis-view", "tag": "m-concepts-analysis-view", "source": "mutual.app", "file": "components/concepts-analysis-view.mutual", "url": "/components/concepts-analysis-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 615, "purpose": "An AI analysis hub that lets users select engagement items and run clustering, refinement, structuring, or full-analysis passes, then view and save the markdown results.", "usageIdea": "Reused as a planting/synthesis step where accumulated thoughts and ideas for an engagement need to be AI-clustered, refined, or structured into a coherent result entity.", "features": [ "Engagement and analysis-mode selection", "Item list with type filters and multi-select", "Batch analysis via SSE streaming with progress bar", "Markdown-rendered results panel", "Save result as a conceptsThought entity", "Analysis history list with replay" ], "adaptability": "none", "searchText": "concepts-analysis-view view an ai analysis hub that lets users select engagement items and run clustering, refinement, structuring, or full-analysis passes, then view and save the markdown results. reused as a planting/synthesis step where accumulated thoughts and ideas for an engagement need to be ai-clustered, refined, or structured into a coherent result entity. engagement and analysis-mode selection item list with type filters and multi-select batch analysis via sse streaming with progress bar markdown-rendered results panel save result as a conceptsthought entity analysis history list with replay" }, { "id": "concepts-architecture-view", "tag": "m-concepts-architecture-view", "source": "mutual.app", "file": "components/concepts-architecture-view.mutual", "url": "/components/concepts-architecture-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 436, "purpose": "A multi-section editable architecture document view, scoped per engagement, that renders markdown content with linked source chips.", "usageIdea": "Reused by a planting or synthesis step that needs to author and maintain a structured architecture document tied to an engagement.", "features": [ "Engagement selector scoping the section set", "Add, edit, reorder and delete markdown sections", "Inline markdown rendering of section content", "Linked source chips per section", "Persists sections as conceptsThought entities via companion or network" ], "adaptability": "none", "searchText": "concepts-architecture-view view a multi-section editable architecture document view, scoped per engagement, that renders markdown content with linked source chips. reused by a planting or synthesis step that needs to author and maintain a structured architecture document tied to an engagement. engagement selector scoping the section set add, edit, reorder and delete markdown sections inline markdown rendering of section content linked source chips per section persists sections as conceptsthought entities via companion or network" }, { "id": "concepts-components-view", "tag": "m-concepts-components-view", "source": "mutual.app", "file": "components/concepts-components-view.mutual", "url": "/components/concepts-components-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 1039, "purpose": "A management view for concept 'component' entities — units composed from features — with browse, lifecycle, feature-linking, and change-request handling.", "usageIdea": "Reused in a concept-authoring or planning seed to track implementable components, their linked features, and change requests across an engagement.", "features": [ "Grid and table views with search, status filter, sort, and pagination", "Component lifecycle transitions (proposal → in-progress → implemented → deprecated)", "Detail panel with spec/implementation/dev-guide/user-guide markdown tabs", "Link/unlink features and manage change requests per component", "Create-component modal and batch delete with confirmation" ], "adaptability": "configurable", "searchText": "concepts-components-view view a management view for concept 'component' entities — units composed from features — with browse, lifecycle, feature-linking, and change-request handling. reused in a concept-authoring or planning seed to track implementable components, their linked features, and change requests across an engagement. grid and table views with search, status filter, sort, and pagination component lifecycle transitions (proposal → in-progress → implemented → deprecated) detail panel with spec/implementation/dev-guide/user-guide markdown tabs link/unlink features and manage change requests per component create-component modal and batch delete with confirmation" }, { "id": "concepts-costs-view", "tag": "m-concepts-costs-view", "source": "mutual.app", "file": "components/concepts-costs-view.mutual", "url": "/components/concepts-costs-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 786, "purpose": "A cost-tracking dashboard view that visualizes expenses, burn rate, runway, budget utilization per category, and revenue-gated hiring for an engagement.", "usageIdea": "Reuse as the cost/financial monitoring surface in a seed that manages engagement budgets and needs burn-rate and runway visualization.", "features": [ "category cards with budget vs actual", "waterfall spend chart", "burn rate and runway calculator", "revenue-gated hiring list", "engagement selector and search", "add-cost-item modal" ], "adaptability": "none", "searchText": "concepts-costs-view view a cost-tracking dashboard view that visualizes expenses, burn rate, runway, budget utilization per category, and revenue-gated hiring for an engagement. reuse as the cost/financial monitoring surface in a seed that manages engagement budgets and needs burn-rate and runway visualization. category cards with budget vs actual waterfall spend chart burn rate and runway calculator revenue-gated hiring list engagement selector and search add-cost-item modal" }, { "id": "concepts-creator-economics-view", "tag": "m-concepts-creator-economics-view", "source": "mutual.app", "file": "components/concepts-creator-economics-view.mutual", "url": "/components/concepts-creator-economics-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 469, "purpose": "Engagement-scoped view that analyzes creator economics — revenue share, earnings, and viability thresholds across subscription tiers.", "usageIdea": "Reuse in a planting or synthesis step that needs to model and visualize how creators earn across tiers within an engagement.", "features": [ "Per-tier revenue-share and earnings cards", "Adjustable part-time/full-time viability thresholds", "Engagement selector", "Creator counts and average earnings", "Currency formatting helpers" ], "adaptability": "none", "searchText": "concepts-creator-economics-view view engagement-scoped view that analyzes creator economics — revenue share, earnings, and viability thresholds across subscription tiers. reuse in a planting or synthesis step that needs to model and visualize how creators earn across tiers within an engagement. per-tier revenue-share and earnings cards adjustable part-time/full-time viability thresholds engagement selector creator counts and average earnings currency formatting helpers" }, { "id": "concepts-diagram-view", "tag": "m-concepts-diagram-view", "source": "mutual.app", "file": "components/concepts-diagram-view.mutual", "url": "/components/concepts-diagram-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 985, "purpose": "A diagram-export workbench that turns selected concept and component pipeline items into mesh.sketch DSL and syncs them to a live mesh.sketch server for visual architecture diagrams.", "usageIdea": "Reuse in a synthesis step that needs to visualize an engagement's concepts and components as a connected architecture diagram, exportable or pushed to a sketch tool.", "features": [ "Engagement-scoped list of selectable concepts and components", "Generates mesh.sketch DSL with inferred node types and feature lists", "Infers connections between concepts and components via shared features", "Live WebSocket sync to mesh.sketch plus download and clipboard export", "Split visual (iframe) vs DSL preview with per-item preview modal" ], "adaptability": "none", "searchText": "concepts-diagram-view view a diagram-export workbench that turns selected concept and component pipeline items into mesh.sketch dsl and syncs them to a live mesh.sketch server for visual architecture diagrams. reuse in a synthesis step that needs to visualize an engagement's concepts and components as a connected architecture diagram, exportable or pushed to a sketch tool. engagement-scoped list of selectable concepts and components generates mesh.sketch dsl with inferred node types and feature lists infers connections between concepts and components via shared features live websocket sync to mesh.sketch plus download and clipboard export split visual (iframe) vs dsl preview with per-item preview modal" }, { "id": "concepts-editor-view", "tag": "m-concepts-editor-view", "source": "mutual.app", "file": "components/concepts-editor-view.mutual", "url": "/components/concepts-editor-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 1139, "purpose": "A full markdown authoring workspace for concept entities, with live preview, formatting toolbar, table of contents, metadata sidebar, AI assist, and entity deep-linking.", "usageIdea": "Reused as the editing surface whenever a seed's thought/idea/concept document needs rich authoring with AI rewriting, annotation, and references.", "features": [ "Split markdown editor with live preview and resizable panes", "Formatting toolbar, in-document search, autosave", "Table of contents and metadata sidebar (tags, sources, references, annotations)", "Selection and paragraph AI actions (rewrite, enhance, correct, expand, condense)", "Entity deep-link autocomplete via [[ ]]", "Prompt dock for asking AI about the document" ], "adaptability": "none", "searchText": "concepts-editor-view view a full markdown authoring workspace for concept entities, with live preview, formatting toolbar, table of contents, metadata sidebar, ai assist, and entity deep-linking. reused as the editing surface whenever a seed's thought/idea/concept document needs rich authoring with ai rewriting, annotation, and references. split markdown editor with live preview and resizable panes formatting toolbar, in-document search, autosave table of contents and metadata sidebar (tags, sources, references, annotations) selection and paragraph ai actions (rewrite, enhance, correct, expand, condense) entity deep-link autocomplete via [[ ]] prompt dock for asking ai about the document" }, { "id": "concepts-features-view", "tag": "m-concepts-features-view", "source": "mutual.app", "file": "components/concepts-features-view.mutual", "url": "/components/concepts-features-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 874, "purpose": "A filterable, sortable feature browser that lists actionable capabilities extracted from concepts in grid or table form.", "usageIdea": "Reused by a planning or synthesis step to triage, prioritize, and assign concept-derived features to components.", "features": [ "Engagement, concept, priority, significance and status filters plus search", "Grid and table view modes with sortable columns and pagination", "Inline priority/status editing and component assignment", "Batch set-field and batch delete with confirmation", "Resolves linked parent concept and component names" ], "adaptability": "none", "searchText": "concepts-features-view view a filterable, sortable feature browser that lists actionable capabilities extracted from concepts in grid or table form. reused by a planning or synthesis step to triage, prioritize, and assign concept-derived features to components. engagement, concept, priority, significance and status filters plus search grid and table view modes with sortable columns and pagination inline priority/status editing and component assignment batch set-field and batch delete with confirmation resolves linked parent concept and component names" }, { "id": "concepts-feedback-view", "tag": "m-concepts-feedback-view", "source": "mutual.app", "file": "components/concepts-feedback-view.mutual", "url": "/components/concepts-feedback-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 613, "purpose": "A view for triaging feedback items and routing each to the right destination (architecture, style guide, concept, or new idea).", "usageIdea": "Reused in a concept/observation workflow seed to convert observations into feedback and dispatch them to downstream destinations.", "features": [ "Grid and table views with search, route-status, and destination filters", "Route modal that sets a destination plus notes and spawns the target entity", "Engagement selector with shared-selection fallback defaults", "Severity and destination badges, pagination, and batch delete", "Sortable columns and per-page sizing" ], "adaptability": "configurable", "searchText": "concepts-feedback-view view a view for triaging feedback items and routing each to the right destination (architecture, style guide, concept, or new idea). reused in a concept/observation workflow seed to convert observations into feedback and dispatch them to downstream destinations. grid and table views with search, route-status, and destination filters route modal that sets a destination plus notes and spawns the target entity engagement selector with shared-selection fallback defaults severity and destination badges, pagination, and batch delete sortable columns and per-page sizing" }, { "id": "concepts-funding-view", "tag": "m-concepts-funding-view", "source": "mutual.app", "file": "components/concepts-funding-view.mutual", "url": "/components/concepts-funding-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 462, "purpose": "A funding and investment dashboard view that displays investment tranches with draw progress, milestone conditions, and an interactive runway calculator.", "usageIdea": "Reuse as the funding monitoring surface in a seed that tracks investment tranches, drawdowns, and cash runway for an engagement.", "features": [ "tranche cards with status and draw progress", "milestone conditions list", "runway calculator with cash/burn/revenue inputs", "net burn and months-remaining computation", "color-coded runway status" ], "adaptability": "none", "searchText": "concepts-funding-view view a funding and investment dashboard view that displays investment tranches with draw progress, milestone conditions, and an interactive runway calculator. reuse as the funding monitoring surface in a seed that tracks investment tranches, drawdowns, and cash runway for an engagement. tranche cards with status and draw progress milestone conditions list runway calculator with cash/burn/revenue inputs net burn and months-remaining computation color-coded runway status" }, { "id": "concepts-ideas-view", "tag": "m-concepts-ideas-view", "source": "mutual.app", "file": "components/concepts-ideas-view.mutual", "url": "/components/concepts-ideas-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 861, "purpose": "Engagement-scoped management view for atomic idea propositions extracted from thoughts, with classify-and-promote workflow.", "usageIdea": "Reuse when a seed needs a filterable, searchable workspace for triaging and promoting captured ideas through proposed/validated/ready states.", "features": [ "Classification and status filters", "Full-text search and sorting", "Engagement selector", "Classify and promote ideas", "List of extracted propositions" ], "adaptability": "none", "searchText": "concepts-ideas-view view engagement-scoped management view for atomic idea propositions extracted from thoughts, with classify-and-promote workflow. reuse when a seed needs a filterable, searchable workspace for triaging and promoting captured ideas through proposed/validated/ready states. classification and status filters full-text search and sorting engagement selector classify and promote ideas list of extracted propositions" }, { "id": "concepts-items-view", "tag": "m-concepts-items-view", "source": "mutual.app", "file": "components/concepts-items-view.mutual", "url": "/components/concepts-items-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 639, "purpose": "A unified browser for all concept-pipeline items (thoughts, ideas, concepts) with filtering, sorting, pagination, grid/table views, and batch actions.", "usageIdea": "Reuse as the central management surface whenever a seed needs to browse, filter, and bulk-manage pipeline entities across stages.", "features": [ "Search and filter by engagement, stage, visibility, and tag", "Grid and table view modes with sortable columns", "Pagination with configurable page size", "Batch promote, tag, and delete on selected items", "Author resolution and relative date formatting" ], "adaptability": "none", "searchText": "concepts-items-view view a unified browser for all concept-pipeline items (thoughts, ideas, concepts) with filtering, sorting, pagination, grid/table views, and batch actions. reuse as the central management surface whenever a seed needs to browse, filter, and bulk-manage pipeline entities across stages. search and filter by engagement, stage, visibility, and tag grid and table view modes with sortable columns pagination with configurable page size batch promote, tag, and delete on selected items author resolution and relative date formatting" }, { "id": "concepts-nmi-view", "tag": "m-concepts-nmi-view", "source": "mutual.app", "file": "components/concepts-nmi-view.mutual", "url": "/components/concepts-nmi-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 448, "purpose": "A dashboard that visualizes the Network Maturity Index — an overall ecosystem-independence score across six weighted dimensions with phase tracking, milestones, privilege revocations, and revenue impact.", "usageIdea": "Reused as a status/progress surface in a seed that needs to show how far an ecosystem has progressed toward decentralization across its maturity dimensions.", "features": [ "Overall NMI score circle with phase colour coding", "Four-phase progress bar with position marker", "Six weighted maturity dimension cards with trends and targets", "Phase milestone cards (achieved/pending/next)", "Irreversible privilege revocation list at NMI 60", "Phase-by-phase revenue stream impact table" ], "adaptability": "none", "searchText": "concepts-nmi-view view a dashboard that visualizes the network maturity index — an overall ecosystem-independence score across six weighted dimensions with phase tracking, milestones, privilege revocations, and revenue impact. reused as a status/progress surface in a seed that needs to show how far an ecosystem has progressed toward decentralization across its maturity dimensions. overall nmi score circle with phase colour coding four-phase progress bar with position marker six weighted maturity dimension cards with trends and targets phase milestone cards (achieved/pending/next) irreversible privilege revocation list at nmi 60 phase-by-phase revenue stream impact table" }, { "id": "concepts-observations-view", "tag": "m-concepts-observations-view", "source": "mutual.app", "file": "components/concepts-observations-view.mutual", "url": "/components/concepts-observations-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 643, "purpose": "A view for logging, filtering and tracking observations and bugs against components within an engagement.", "usageIdea": "Reused by a review or synthesis step that needs to capture findings against components and optionally escalate them into feedback.", "features": [ "Type, severity, component filters plus search and sort", "Grid and table views with pagination", "Create-observation modal with type, severity and component fields", "Convert an observation into a feedback-stage entity", "Batch select and bulk delete" ], "adaptability": "none", "searchText": "concepts-observations-view view a view for logging, filtering and tracking observations and bugs against components within an engagement. reused by a review or synthesis step that needs to capture findings against components and optionally escalate them into feedback. type, severity, component filters plus search and sort grid and table views with pagination create-observation modal with type, severity and component fields convert an observation into a feedback-stage entity batch select and bulk delete" }, { "id": "concepts-pipeline-view", "tag": "m-concepts-pipeline-view", "source": "mutual.app", "file": "components/concepts-pipeline-view.mutual", "url": "/components/concepts-pipeline-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 689, "purpose": "A kanban-style pipeline view for capturing thoughts and promoting them through stages (thought → idea → concept).", "usageIdea": "Reused in an ideation or concept-development seed where raw thoughts are captured, refined, and advanced toward concepts.", "features": [ "Quick-capture textarea with visibility (private/shared/public) selector", "Drag-and-drop kanban columns for thought/idea/concept stages", "Per-card promote, edit, tagging, and author (human vs APEX) badges", "Batch promote, tag, and delete with a selection bar", "Engagement selector scoping the pipeline items" ], "adaptability": "configurable", "searchText": "concepts-pipeline-view view a kanban-style pipeline view for capturing thoughts and promoting them through stages (thought → idea → concept). reused in an ideation or concept-development seed where raw thoughts are captured, refined, and advanced toward concepts. quick-capture textarea with visibility (private/shared/public) selector drag-and-drop kanban columns for thought/idea/concept stages per-card promote, edit, tagging, and author (human vs apex) badges batch promote, tag, and delete with a selection bar engagement selector scoping the pipeline items" }, { "id": "concepts-pricing-view", "tag": "m-concepts-pricing-view", "source": "mutual.app", "file": "components/concepts-pricing-view.mutual", "url": "/components/concepts-pricing-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 565, "purpose": "A dynamic-pricing dashboard view that lets users model pricing mechanics (provider cost, uplift, compression) and compare tier discounts and margins.", "usageIdea": "Reuse as the pricing-analysis surface in a seed that needs to simulate customer price, margin, and tier-discount comparisons for an engagement.", "features": [ "pricing mechanics inputs with sliders", "computed customer price and effective margin", "tier discount comparison table", "engagement selector", "competitive analysis layout" ], "adaptability": "none", "searchText": "concepts-pricing-view view a dynamic-pricing dashboard view that lets users model pricing mechanics (provider cost, uplift, compression) and compare tier discounts and margins. reuse as the pricing-analysis surface in a seed that needs to simulate customer price, margin, and tier-discount comparisons for an engagement. pricing mechanics inputs with sliders computed customer price and effective margin tier discount comparison table engagement selector competitive analysis layout" }, { "id": "concepts-revenue-view", "tag": "m-concepts-revenue-view", "source": "mutual.app", "file": "components/concepts-revenue-view.mutual", "url": "/components/concepts-revenue-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 687, "purpose": "Engagement-scoped revenue planning view that tracks and projects revenue streams across the four NMI phases.", "usageIdea": "Reuse in a financial-planning planting step that needs phased revenue stream cards plus actual-vs-projected comparison.", "features": [ "NMI phase progress indicator", "Stream cards and actual-vs-projected views", "Create/add revenue items", "Engagement selector and search", "Alerts for revenue items" ], "adaptability": "none", "searchText": "concepts-revenue-view view engagement-scoped revenue planning view that tracks and projects revenue streams across the four nmi phases. reuse in a financial-planning planting step that needs phased revenue stream cards plus actual-vs-projected comparison. nmi phase progress indicator stream cards and actual-vs-projected views create/add revenue items engagement selector and search alerts for revenue items" }, { "id": "concepts-roadmap-view", "tag": "m-concepts-roadmap-view", "source": "mutual.app", "file": "components/concepts-roadmap-view.mutual", "url": "/components/concepts-roadmap-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 402, "purpose": "A progress dashboard that computes and displays weighted completion across engagement milestones (concepts, features, components, testing, docs, change requests).", "usageIdea": "Reuse to give a seed or engagement an at-a-glance roadmap showing how far each delivery milestone has progressed toward completion.", "features": [ "Weighted overall completion percentage with color coding", "Per-milestone progress bars across six delivery dimensions", "Feature status breakdown (done/partial/in-progress/not-started)", "Engagement selector with refresh", "Computes metrics from companion or network entity data" ], "adaptability": "none", "searchText": "concepts-roadmap-view view a progress dashboard that computes and displays weighted completion across engagement milestones (concepts, features, components, testing, docs, change requests). reuse to give a seed or engagement an at-a-glance roadmap showing how far each delivery milestone has progressed toward completion. weighted overall completion percentage with color coding per-milestone progress bars across six delivery dimensions feature status breakdown (done/partial/in-progress/not-started) engagement selector with refresh computes metrics from companion or network entity data" }, { "id": "concepts-scenarios-view", "tag": "m-concepts-scenarios-view", "source": "mutual.app", "file": "components/concepts-scenarios-view.mutual", "url": "/components/concepts-scenarios-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 570, "purpose": "A financial scenario modeler that computes 24-month revenue/cost projections across four editable scenarios, with break-even detection, sensitivity analysis, and side-by-side comparison.", "usageIdea": "Reused as a planning step in a seed where founders need to model and compare financial scenarios, tweak assumptions, and see runway/break-even outcomes.", "features": [ "Four scenario tabs (conservative, pessimistic, catastrophic, optimistic)", "Editable assumption inputs with live recalculation", "24-month projection table with break-even highlighting", "Sensitivity analysis at +/-20% per assumption", "Side-by-side scenario comparison mode", "Save scenario forecast as an entity" ], "adaptability": "none", "searchText": "concepts-scenarios-view view a financial scenario modeler that computes 24-month revenue/cost projections across four editable scenarios, with break-even detection, sensitivity analysis, and side-by-side comparison. reused as a planning step in a seed where founders need to model and compare financial scenarios, tweak assumptions, and see runway/break-even outcomes. four scenario tabs (conservative, pessimistic, catastrophic, optimistic) editable assumption inputs with live recalculation 24-month projection table with break-even highlighting sensitivity analysis at +/-20% per assumption side-by-side scenario comparison mode save scenario forecast as an entity" }, { "id": "concepts-search-view", "tag": "m-concepts-search-view", "source": "mutual.app", "file": "components/concepts-search-view.mutual", "url": "/components/concepts-search-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 428, "purpose": "A full-text paragraph search across pipeline items (thoughts, ideas, concepts) with highlighted matches grouped by item.", "usageIdea": "Reused by a synthesis or discovery step that needs to locate matching passages across concept-pipeline content.", "features": [ "Keyword search scoped by engagement and stage", "Paragraph-level matching with highlighted terms", "Results grouped per item with match counts", "Author DID resolution and result metadata", "Click-through navigation to the concept editor" ], "adaptability": "none", "searchText": "concepts-search-view view a full-text paragraph search across pipeline items (thoughts, ideas, concepts) with highlighted matches grouped by item. reused by a synthesis or discovery step that needs to locate matching passages across concept-pipeline content. keyword search scoped by engagement and stage paragraph-level matching with highlighted terms results grouped per item with match counts author did resolution and result metadata click-through navigation to the concept editor" }, { "id": "concepts-styleguide-view", "tag": "m-concepts-styleguide-view", "source": "mutual.app", "file": "components/concepts-styleguide-view.mutual", "url": "/components/concepts-styleguide-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 546, "purpose": "An editable style-guide reference view organizing visual-language and interaction-pattern sections with markdown content.", "usageIdea": "Reused in a design-system or concept seed to author and maintain ordered style-guide sections per engagement.", "features": [ "Add, reorder (move up/down), and delete style-guide sections", "Inline markdown editing of section title and content", "Markdown rendering with click-to-edit placeholders", "Linked source chips referencing originating items", "Engagement selector with auto-created default sections" ], "adaptability": "configurable", "searchText": "concepts-styleguide-view view an editable style-guide reference view organizing visual-language and interaction-pattern sections with markdown content. reused in a design-system or concept seed to author and maintain ordered style-guide sections per engagement. add, reorder (move up/down), and delete style-guide sections inline markdown editing of section title and content markdown rendering with click-to-edit placeholders linked source chips referencing originating items engagement selector with auto-created default sections" }, { "id": "concepts-thoughts-view", "tag": "m-concepts-thoughts-view", "source": "mutual.app", "file": "components/concepts-thoughts-view.mutual", "url": "/components/concepts-thoughts-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 746, "purpose": "A thought-capture dashboard view that is the entry point of the pipeline — quick-capturing raw thoughts (typed or dictated) and browsing them in grid or table form.", "usageIdea": "Reuse as the capture/ideation surface in a seed where users jot raw thoughts that feed downstream synthesis steps.", "features": [ "quick text capture with enter-to-add", "voice dictation toggle", "engagement filter and search", "sort and grid/table view toggle", "pagination with page-size control" ], "adaptability": "none", "searchText": "concepts-thoughts-view view a thought-capture dashboard view that is the entry point of the pipeline — quick-capturing raw thoughts (typed or dictated) and browsing them in grid or table form. reuse as the capture/ideation surface in a seed where users jot raw thoughts that feed downstream synthesis steps. quick text capture with enter-to-add voice dictation toggle engagement filter and search sort and grid/table view toggle pagination with page-size control" }, { "id": "concepts-vision-view", "tag": "m-concepts-vision-view", "source": "mutual.app", "file": "components/concepts-vision-view.mutual", "url": "/components/concepts-vision-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 457, "purpose": "Engagement-scoped view that generates, displays, and edits an auto-synthesized vision document from an engagement's thoughts and concepts.", "usageIdea": "Reuse in a synthesis step that needs to produce and refine a markdown vision document with regeneration and freshness tracking.", "features": [ "AI-generated vision document", "Markdown render and inline edit mode", "Freshness badge", "Regenerate on demand", "Engagement selector" ], "adaptability": "none", "searchText": "concepts-vision-view view engagement-scoped view that generates, displays, and edits an auto-synthesized vision document from an engagement's thoughts and concepts. reuse in a synthesis step that needs to produce and refine a markdown vision document with regeneration and freshness tracking. ai-generated vision document markdown render and inline edit mode freshness badge regenerate on demand engagement selector" }, { "id": "confirm-modal", "tag": "m-confirm-modal", "source": "mutual.app", "file": "components/confirm-modal.mutual", "url": "/components/confirm-modal.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 459, "purpose": "A reusable promise-based confirmation dialog with danger/warning/info styling and optional typed-input confirmation, driven by a global MutualConfirm API.", "usageIdea": "Reuse whenever a step needs the user to confirm a destructive or important action before proceeding, optionally requiring a typed match.", "features": [ "Three semantic types (danger/warning/info) with matching icons and colors", "Promise-based MutualConfirm.show/danger/warning/info API", "Optional required input with exact-match-to-confirm gating", "Configurable title, message, and button labels", "Backdrop, keyboard, and central modal-manager integration" ], "adaptability": "configurable", "searchText": "confirm-modal core a reusable promise-based confirmation dialog with danger/warning/info styling and optional typed-input confirmation, driven by a global mutualconfirm api. reuse whenever a step needs the user to confirm a destructive or important action before proceeding, optionally requiring a typed match. three semantic types (danger/warning/info) with matching icons and colors promise-based mutualconfirm.show/danger/warning/info api optional required input with exact-match-to-confirm gating configurable title, message, and button labels backdrop, keyboard, and central modal-manager integration" }, { "id": "container", "tag": "m-container", "source": "mutual.app", "file": "components/container.mutual", "url": "/components/container.mutual", "category": "core", "attributes": [ "emptyMessage", "height", "heightMode", "icon", "title", "width" ], "slots": [ "default" ], "hasScript": true, "hasStyle": true, "loc": 514, "purpose": "A reusable column/panel container with a titled icon header, slotted content area, header-action slot, optional close button, and an automatic empty-state placeholder.", "usageIdea": "Reused as the structural wrapper for any column, panel, or modal body in a seed where titled, sized, optionally-closable content regions are needed.", "features": [ "Configurable icon, title, and empty message", "Sizing via width/height with fixed/auto/max height modes", "Layout modes: grid, list, compact", "Header-actions slot and optional close button", "Automatic empty-state detection via slot observer", "Drag-over drop-target styling" ], "adaptability": "adaptable", "searchText": "container core a reusable column/panel container with a titled icon header, slotted content area, header-action slot, optional close button, and an automatic empty-state placeholder. reused as the structural wrapper for any column, panel, or modal body in a seed where titled, sized, optionally-closable content regions are needed. configurable icon, title, and empty message sizing via width/height with fixed/auto/max height modes layout modes: grid, list, compact header-actions slot and optional close button automatic empty-state detection via slot observer drag-over drop-target styling emptymessage height heightmode icon title width" }, { "id": "toast", "tag": "m-toast", "source": "mutual.app", "file": "components/controls/toast.mutual", "url": "/components/controls/toast.mutual", "category": "controls", "attributes": [ "duration", "max", "position" ], "slots": [], "hasScript": true, "hasStyle": true, "loc": 477, "purpose": "A global toast notification container that displays transient success, error, warning and info messages.", "usageIdea": "Reused by virtually any seed or step needing to surface ephemeral user feedback messages.", "features": [ "Six position variants and configurable max stack size", "Auto-dismiss with optional animated progress bar", "Type-styled icons and theme-aware colors (dark/light/high-contrast)", "Global window.MutualToast API and mutual-toast event listener", "Click or close-button dismissal" ], "adaptability": "configurable", "searchText": "toast controls a global toast notification container that displays transient success, error, warning and info messages. reused by virtually any seed or step needing to surface ephemeral user feedback messages. six position variants and configurable max stack size auto-dismiss with optional animated progress bar type-styled icons and theme-aware colors (dark/light/high-contrast) global window.mutualtoast api and mutual-toast event listener click or close-button dismissal duration max position" }, { "id": "create-framework-modal", "tag": "m-create-framework-modal", "source": "mutual.app", "file": "components/create-framework-modal.mutual", "url": "/components/create-framework-modal.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": false, "hasStyle": false, "loc": 81, "purpose": "A modal dialog form for creating or editing a 'framework' concept entity with definition, situation, approach, and storage scope.", "usageIdea": "Reused in a concept-authoring seed when synthesizing selected ideas into a structured framework entity.", "features": [ "Create/edit modes for framework entities", "Title, definition, situation, and approach text fields", "Source-ideas provenance list from selected ideas", "Storage mode selector (private/team/public)", "Save and cancel actions wired to the host data context" ], "adaptability": "configurable", "searchText": "create-framework-modal core a modal dialog form for creating or editing a 'framework' concept entity with definition, situation, approach, and storage scope. reused in a concept-authoring seed when synthesizing selected ideas into a structured framework entity. create/edit modes for framework entities title, definition, situation, and approach text fields source-ideas provenance list from selected ideas storage mode selector (private/team/public) save and cancel actions wired to the host data context" }, { "id": "demo-code", "tag": "m-demo-code", "source": "mutual.app", "file": "components/demo-code.mutual", "url": "/components/demo-code.mutual", "category": "core", "attributes": [], "slots": [ "default" ], "hasScript": true, "hasStyle": true, "loc": 700, "purpose": "A documentation demo widget that renders a live example (iframe, direct box, or Mermaid diagram) alongside a toggleable, syntax-highlighted, copyable code block.", "usageIdea": "Reuse in any documentation or guideline surface that needs to show a runnable example next to its source code.", "features": [ "view/hide code toggle", "copy-to-clipboard", "iframe / box / mermaid render modes", "highlight.js syntax coloring", "code-only or preview-only modes", "auto iframe height adjustment" ], "adaptability": "configurable", "searchText": "demo-code core a documentation demo widget that renders a live example (iframe, direct box, or mermaid diagram) alongside a toggleable, syntax-highlighted, copyable code block. reuse in any documentation or guideline surface that needs to show a runnable example next to its source code. view/hide code toggle copy-to-clipboard iframe / box / mermaid render modes highlight.js syntax coloring code-only or preview-only modes auto iframe height adjustment" }, { "id": "dev-genesis-context", "tag": "m-dev-genesis-context", "source": "mutual.app", "file": "components/dev-genesis-context.mutual", "url": "/components/dev-genesis-context.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 440, "purpose": "Developer panel that assembles and displays the mesh.genesis context — mounted seeds, active views, tier, device, network, and trust-zone circumstances — with a computed context hash.", "usageIdea": "Reuse during development to inspect the live context a seed/genesis run sees, including its deterministic context hash.", "features": [ "Mounted seeds and active views listing", "Circumstances grid (tier/device/network/trust zone)", "Computed context hash with copy", "Collapsible sections", "Refresh on demand" ], "adaptability": "none", "searchText": "dev-genesis-context core developer panel that assembles and displays the mesh.genesis context — mounted seeds, active views, tier, device, network, and trust-zone circumstances — with a computed context hash. reuse during development to inspect the live context a seed/genesis run sees, including its deterministic context hash. mounted seeds and active views listing circumstances grid (tier/device/network/trust zone) computed context hash with copy collapsible sections refresh on demand" }, { "id": "dev-genesis-economics", "tag": "m-dev-genesis-economics", "source": "mutual.app", "file": "components/dev-genesis-economics.mutual", "url": "/components/dev-genesis-economics.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 391, "purpose": "A developer test view that interactively simulates the mesh.genesis economics engine — creator-rate calculation, revenue streams, recovery, and rate weights.", "usageIdea": "Reuse in a dev/test step to validate and visualize how the genesis economics engine prices creator contributions and distributes revenue.", "features": [ "7-factor creator-rate calculator with live sliders", "Three revenue-stream simulations (synthesis-time, usage-time, recovery)", "First-synthesizer cost-recovery breakdown with progress", "Revenue flow diagram and rate-weight constants display", "Runs against @mutual/network economics functions with local fallback" ], "adaptability": "none", "searchText": "dev-genesis-economics core a developer test view that interactively simulates the mesh.genesis economics engine — creator-rate calculation, revenue streams, recovery, and rate weights. reuse in a dev/test step to validate and visualize how the genesis economics engine prices creator contributions and distributes revenue. 7-factor creator-rate calculator with live sliders three revenue-stream simulations (synthesis-time, usage-time, recovery) first-synthesizer cost-recovery breakdown with progress revenue flow diagram and rate-weight constants display runs against @mutual/network economics functions with local fallback" }, { "id": "dev-genesis-pipeline", "tag": "m-dev-genesis-pipeline", "source": "mutual.app", "file": "components/dev-genesis-pipeline.mutual", "url": "/components/dev-genesis-pipeline.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 485, "purpose": "A developer test view that runs and visualizes the full mesh.genesis seed pipeline stage-by-stage, showing the compiled seed entity and its dependency DAG.", "usageIdea": "Reused during QA or a synthesis step to verify that the genesis seed compilation pipeline runs through all stages and produces a valid seed and dependency graph.", "features": [ "Run/reset controls for the full pipeline", "Per-stage status cards with progress bars", "Collapsible compiled seed entity JSON preview", "Dependency DAG node listing with priorities" ], "adaptability": "none", "searchText": "dev-genesis-pipeline core a developer test view that runs and visualizes the full mesh.genesis seed pipeline stage-by-stage, showing the compiled seed entity and its dependency dag. reused during qa or a synthesis step to verify that the genesis seed compilation pipeline runs through all stages and produces a valid seed and dependency graph. run/reset controls for the full pipeline per-stage status cards with progress bars collapsible compiled seed entity json preview dependency dag node listing with priorities" }, { "id": "dev-genesis-security", "tag": "m-dev-genesis-security", "source": "mutual.app", "file": "components/dev-genesis-security.mutual", "url": "/components/dev-genesis-security.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 379, "purpose": "A developer sandbox that statically analyzes module code for prohibited patterns and validates it against a soil-type security contract.", "usageIdea": "Reused by a genesis or validation step that needs to vet candidate module code before it is admitted into the system.", "features": [ "Soil-type selector loading capability/security contracts", "Static scan for 17 prohibited patterns (eval, fetch, innerHTML, etc.)", "Contract validation across structural, behavioral, capability, security and adaptability layers", "Sandbox capability display of allowed vs denied APIs", "Sample-code loader and pass/fail summaries" ], "adaptability": "none", "searchText": "dev-genesis-security core a developer sandbox that statically analyzes module code for prohibited patterns and validates it against a soil-type security contract. reused by a genesis or validation step that needs to vet candidate module code before it is admitted into the system. soil-type selector loading capability/security contracts static scan for 17 prohibited patterns (eval, fetch, innerhtml, etc.) contract validation across structural, behavioral, capability, security and adaptability layers sandbox capability display of allowed vs denied apis sample-code loader and pass/fail summaries" }, { "id": "dev-genesis-soils", "tag": "m-dev-genesis-soils", "source": "mutual.app", "file": "components/dev-genesis-soils.mutual", "url": "/components/dev-genesis-soils.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 285, "purpose": "A developer registry view that lists mesh.genesis soil types with their contracts and lets you run synthesis tests against each.", "usageIdea": "Reused in a genesis/dev diagnostics seed to inspect available soil types and verify their synthesis maturity and contracts.", "features": [ "Soil-type grid with name, category, contract version, and foundation module counts", "Category filter chips and registry reload", "Synthesis-maturity badges (autonomous/assisted/templated)", "Per-soil 'Test Synthesis' action with result indicator", "Summary stats bar counting maturity tiers and tests passed" ], "adaptability": "configurable", "searchText": "dev-genesis-soils core a developer registry view that lists mesh.genesis soil types with their contracts and lets you run synthesis tests against each. reused in a genesis/dev diagnostics seed to inspect available soil types and verify their synthesis maturity and contracts. soil-type grid with name, category, contract version, and foundation module counts category filter chips and registry reload synthesis-maturity badges (autonomous/assisted/templated) per-soil 'test synthesis' action with result indicator summary stats bar counting maturity tiers and tests passed" }, { "id": "divider", "tag": "m-divider", "source": "mutual.app", "file": "components/divider.mutual", "url": "/components/divider.mutual", "category": "core", "attributes": [ "variant", "vertical" ], "slots": [], "hasScript": true, "hasStyle": true, "loc": 124, "purpose": "A separator element that draws a thin line, a spaced gap, or a multi-color theme palette strip, in horizontal or vertical orientation.", "usageIdea": "Reuse anywhere a seed needs to visually separate content sections or render a brand color-palette strip.", "features": [ "thin line variant", "spaced-gap variant", "theme palette strip variant", "horizontal or vertical orientation", "theme-color reactive" ], "adaptability": "configurable", "searchText": "divider core a separator element that draws a thin line, a spaced gap, or a multi-color theme palette strip, in horizontal or vertical orientation. reuse anywhere a seed needs to visually separate content sections or render a brand color-palette strip. thin line variant spaced-gap variant theme palette strip variant horizontal or vertical orientation theme-color reactive variant vertical" }, { "id": "domain-layout1", "tag": "m-domain-layout1", "source": "mutual.app", "file": "components/domain-layout1.mutual", "url": "/components/domain-layout1.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 91, "purpose": "Fullscreen domain layout shell that hosts eight named portal slots (mesh, home, source, play, space, time, social, story) and cross-fades to the active one.", "usageIdea": "Reuse as the top-level layout when a seed needs a single-active fullscreen surface switched between named domain regions.", "features": [ "Eight named portal slots", "Single active slot with opacity cross-fade", "Fullscreen 100vw/100vh container", "Slot activation via activeSlot state" ], "adaptability": "adaptable", "searchText": "domain-layout1 core fullscreen domain layout shell that hosts eight named portal slots (mesh, home, source, play, space, time, social, story) and cross-fades to the active one. reuse as the top-level layout when a seed needs a single-active fullscreen surface switched between named domain regions. eight named portal slots single active slot with opacity cross-fade fullscreen 100vw/100vh container slot activation via activeslot state" }, { "id": "dropdown", "tag": "m-dropdown", "source": "mutual.app", "file": "components/dropdown.mutual", "url": "/components/dropdown.mutual", "category": "core", "attributes": [ "position", "trigger" ], "slots": [ "default" ], "hasScript": true, "hasStyle": true, "loc": 197, "purpose": "A reusable dropdown menu that toggles a floating panel of slotted options below or above a slotted trigger element.", "usageIdea": "Reuse anywhere a step needs a compact action or option menu attached to a trigger, with keyboard navigation and click-away dismissal.", "features": [ "Trigger and content slots for arbitrary markup", "Configurable panel position (bottom/top, start/end)", "Keyboard navigation (arrows, enter, escape)", "Click-away and escape-to-close behavior", "Supports option items and separators" ], "adaptability": "adaptable", "searchText": "dropdown core a reusable dropdown menu that toggles a floating panel of slotted options below or above a slotted trigger element. reuse anywhere a step needs a compact action or option menu attached to a trigger, with keyboard navigation and click-away dismissal. trigger and content slots for arbitrary markup configurable panel position (bottom/top, start/end) keyboard navigation (arrows, enter, escape) click-away and escape-to-close behavior supports option items and separators position trigger" }, { "id": "empty-state", "tag": "m-empty-state", "source": "mutual.app", "file": "components/empty-state.mutual", "url": "/components/empty-state.mutual", "category": "core", "attributes": [ "description", "icon", "title" ], "slots": [], "hasScript": true, "hasStyle": true, "loc": 107, "purpose": "A centered placeholder shown when a list or view has no content, with an icon, title, description, and optional call-to-action button.", "usageIdea": "Reused wherever a seed view or list may be empty and needs a friendly prompt plus an action to create or add the first item.", "features": [ "Optional Font Awesome icon, title, and description", "Optional action button with icon", "Emits empty-state-action event on click", "Composes the m-button component" ], "adaptability": "configurable", "searchText": "empty-state core a centered placeholder shown when a list or view has no content, with an icon, title, description, and optional call-to-action button. reused wherever a seed view or list may be empty and needs a friendly prompt plus an action to create or add the first item. optional font awesome icon, title, and description optional action button with icon emits empty-state-action event on click composes the m-button component description icon title" }, { "id": "engagement-proposal", "tag": "m-engagement-proposal", "source": "mutual.app", "file": "components/engagement-proposal.mutual", "url": "/components/engagement-proposal.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 349, "purpose": "A modal card that proposes starting a recognized engagement, showing match confidence and letting the user pick personal or group scope.", "usageIdea": "Reused whenever the companion recognizes a potential engagement and a seed needs to prompt the user to confirm or dismiss starting it.", "features": [ "Listens for companion:engagement-proposal events to appear", "Confidence badge with high/medium/low styling", "Personal vs group scope selector", "Confirm and reject actions dispatching engagement proposal events", "Shows candidate name, dimension, category and description" ], "adaptability": "none", "searchText": "engagement-proposal core a modal card that proposes starting a recognized engagement, showing match confidence and letting the user pick personal or group scope. reused whenever the companion recognizes a potential engagement and a seed needs to prompt the user to confirm or dismiss starting it. listens for companion:engagement-proposal events to appear confidence badge with high/medium/low styling personal vs group scope selector confirm and reject actions dispatching engagement proposal events shows candidate name, dimension, category and description" }, { "id": "entity-card-refactored", "tag": "m-entity-card-refactored", "source": "mutual.app", "file": "components/entity-card.mutual", "url": "/components/entity-card.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 609, "purpose": "A rich read-only detail card that displays a project-like entity with status, priority, dates, budget, owner, and team members.", "usageIdea": "Reused in a dashboard or detail seed to present an entity's key attributes and people in a single polished card.", "features": [ "Title, description, and status/priority badges", "Start/due dates and formatted budget info grid", "Owner card with avatar initials and email", "Team-members grid with avatars", "Edit and close events emitted to the host" ], "adaptability": "configurable", "searchText": "entity-card-refactored core a rich read-only detail card that displays a project-like entity with status, priority, dates, budget, owner, and team members. reused in a dashboard or detail seed to present an entity's key attributes and people in a single polished card. title, description, and status/priority badges start/due dates and formatted budget info grid owner card with avatar initials and email team-members grid with avatars edit and close events emitted to the host" }, { "id": "entity-focus-field", "tag": "m-entity-focus-field", "source": "mutual.app", "file": "components/entity-focus-field.mutual", "url": "/components/entity-focus-field.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 391, "purpose": "A field router that renders the appropriate entity-field editor (text, textarea, markdown, json, number, slider, stepper, range, toggle, checkbox, date, etc.) based on a field's declared widget type.", "usageIdea": "Reuse whenever a seed needs to render a single editable entity field and have the correct widget chosen automatically from the field's schema.", "features": [ "widget-to-component mapping", "field label rendering", "delegates to entity-field-* components", "schema-driven widget selection" ], "adaptability": "configurable", "searchText": "entity-focus-field core a field router that renders the appropriate entity-field editor (text, textarea, markdown, json, number, slider, stepper, range, toggle, checkbox, date, etc.) based on a field's declared widget type. reuse whenever a seed needs to render a single editable entity field and have the correct widget chosen automatically from the field's schema. widget-to-component mapping field label rendering delegates to entity-field-* components schema-driven widget selection" }, { "id": "entity-import-modals", "tag": "m-entity-import-modals", "source": "mutual.app", "file": "components/entity-import-modals.mutual", "url": "/components/entity-import-modals.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": false, "hasStyle": false, "loc": 120, "purpose": "Bundle of file-import modal dialogs for bringing markdown files in as thought and idea entities, showing per-file success/error results.", "usageIdea": "Reuse when a seed or planting step needs a ready-made UI to bulk-import .md files into entities and report import outcomes.", "features": [ "Thought and idea import modals", "Multi-file .md/.markdown picker", "Per-file success/error result list", "Delegates parsing to handleFileImport in framework layer" ], "adaptability": "none", "searchText": "entity-import-modals core bundle of file-import modal dialogs for bringing markdown files in as thought and idea entities, showing per-file success/error results. reuse when a seed or planting step needs a ready-made ui to bulk-import .md files into entities and report import outcomes. thought and idea import modals multi-file .md/.markdown picker per-file success/error result list delegates parsing to handlefileimport in framework layer" }, { "id": "entity-preview-card", "tag": "m-entity-preview-card", "source": "mutual.app", "file": "components/entity-preview-card.mutual", "url": "/components/entity-preview-card.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": false, "hasStyle": true, "loc": 315, "purpose": "A compact card that previews a single entity with its avatar/initials, name, type badge, and excerpt, supporting selection and click events.", "usageIdea": "Reuse to render an entity in a list, picker, or grid where a clickable, optionally selectable summary card is needed.", "features": [ "Loads entity by id from the store or accepts inline entity-data JSON", "Avatar image with initials fallback", "Name, type badge, and two-line excerpt", "Optional checkbox and selected-state styling", "Reactive store updates and click event dispatch" ], "adaptability": "configurable", "searchText": "entity-preview-card core a compact card that previews a single entity with its avatar/initials, name, type badge, and excerpt, supporting selection and click events. reuse to render an entity in a list, picker, or grid where a clickable, optionally selectable summary card is needed. loads entity by id from the store or accepts inline entity-data json avatar image with initials fallback name, type badge, and two-line excerpt optional checkbox and selected-state styling reactive store updates and click event dispatch" }, { "id": "entity-test-suite", "tag": "m-entity-test-suite", "source": "mutual.app", "file": "components/entity-test-suite.mutual", "url": "/components/entity-test-suite.mutual", "category": "test", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 484, "purpose": "A test-runner dashboard for the entity framework that executes phased local and networked tests, showing live status, peer count, backend status, and pass/fail/skip progress.", "usageIdea": "Reused as a QA surface to validate entity CRUD and replication behavior before relying on the entity framework in a seed.", "features": [ "Run-all and local-only test modes", "Status bar with phase, peer count, backend status", "Progress bar with pass/fail/skip counts", "Per-test rows with phase badges and statuses" ], "adaptability": "none", "searchText": "entity-test-suite test a test-runner dashboard for the entity framework that executes phased local and networked tests, showing live status, peer count, backend status, and pass/fail/skip progress. reused as a qa surface to validate entity crud and replication behavior before relying on the entity framework in a seed. run-all and local-only test modes status bar with phase, peer count, backend status progress bar with pass/fail/skip counts per-test rows with phase badges and statuses" }, { "id": "entity-test-view", "tag": "m-entity-test-view", "source": "mutual.app", "file": "components/entity-test-view.mutual", "url": "/components/entity-test-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 606, "purpose": "An integration test harness that runs CRUD, schema, sync and meta tests against the @mutual/network entity framework.", "usageIdea": "Reused by a development or QA step to verify the entity framework's lifecycle, validation, CRDT replication and reference resolution.", "features": [ "Grouped test sections (CRUD, schema, sync, meta) with pass/fail counts", "Probes the live @mutual/network API surface for entity operations", "Validates entity reference format ($ref/$type) and schema rules", "Skips gracefully when an API is not exposed", "Emits test-log events for an external log panel" ], "adaptability": "none", "searchText": "entity-test-view view an integration test harness that runs crud, schema, sync and meta tests against the @mutual/network entity framework. reused by a development or qa step to verify the entity framework's lifecycle, validation, crdt replication and reference resolution. grouped test sections (crud, schema, sync, meta) with pass/fail counts probes the live @mutual/network api surface for entity operations validates entity reference format ($ref/$type) and schema rules skips gracefully when an api is not exposed emits test-log events for an external log panel" }, { "id": "entity-type-edit-form", "tag": "m-entity-type-edit-form", "source": "mutual.app", "file": "components/entity-type-edit-form.mutual", "url": "/components/entity-type-edit-form.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 1868, "purpose": "A form for defining and editing entity-type metadata such as type name, label, description, icon, and color.", "usageIdea": "Reused in an entity-schema/admin seed when creating or refining the entity types that drive the framework's data model.", "features": [ "Type-name (ID) field with slug normalization, locked for existing types", "Display label and description fields with live preview emission", "FontAwesome icon input with inline preview", "Color input with swatch preview", "New-vs-edit mode handling for entity-type metadata" ], "adaptability": "configurable", "searchText": "entity-type-edit-form core a form for defining and editing entity-type metadata such as type name, label, description, icon, and color. reused in an entity-schema/admin seed when creating or refining the entity types that drive the framework's data model. type-name (id) field with slug normalization, locked for existing types display label and description fields with live preview emission fontawesome icon input with inline preview color input with swatch preview new-vs-edit mode handling for entity-type metadata" }, { "id": "entity-type-edit-modal", "tag": "m-entity-type-edit-modal", "source": "mutual.app", "file": "components/entity-type-edit-modal.mutual", "url": "/components/entity-type-edit-modal.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 119, "purpose": "A modal wrapper that hosts the entity-type edit form for creating or editing an entity type definition, opened via events or a global function.", "usageIdea": "Reuse when a seed needs a dialog surface to create or edit entity-type schemas without building modal plumbing.", "features": [ "modal hosting of entity-type-edit-form", "create vs edit title switching", "event- and window-based open triggers", "global open function registration", "save and cancel handling" ], "adaptability": "configurable", "searchText": "entity-type-edit-modal core a modal wrapper that hosts the entity-type edit form for creating or editing an entity type definition, opened via events or a global function. reuse when a seed needs a dialog surface to create or edit entity-type schemas without building modal plumbing. modal hosting of entity-type-edit-form create vs edit title switching event- and window-based open triggers global open function registration save and cancel handling" }, { "id": "expandable", "tag": "m-expandable", "source": "mutual.app", "file": "components/expandable.mutual", "url": "/components/expandable.mutual", "category": "core", "attributes": [ "icon", "open", "title" ], "slots": [ "default" ], "hasScript": true, "hasStyle": true, "loc": 128, "purpose": "Collapsible container with a clickable header (title plus optional icon) that expands and collapses its slotted content.", "usageIdea": "Reuse anywhere a seed needs to tuck secondary content behind a togglable header, such as advanced settings or detail sections.", "features": [ "Click-to-toggle header", "Optional Font Awesome header icon", "Initially-open attribute", "Animated max-height expansion", "Slotted arbitrary content" ], "adaptability": "adaptable", "searchText": "expandable core collapsible container with a clickable header (title plus optional icon) that expands and collapses its slotted content. reuse anywhere a seed needs to tuck secondary content behind a togglable header, such as advanced settings or detail sections. click-to-toggle header optional font awesome header icon initially-open attribute animated max-height expansion slotted arbitrary content icon open title" }, { "id": "extract-ideas-modal", "tag": "m-extract-ideas-modal", "source": "mutual.app", "file": "components/extract-ideas-modal.mutual", "url": "/components/extract-ideas-modal.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": false, "hasStyle": false, "loc": 220, "purpose": "A tabbed modal for extracting structured ideas from source thoughts, either by manually authoring idea forms or by selecting thoughts to run through an idea-extraction flow.", "usageIdea": "Reuse in the concepts pipeline when a step turns raw thoughts into structured ideas (and optionally frameworks) via manual entry or an automated flow.", "features": [ "Tabbed Flow vs Ideas modes with collapsible tab bar", "Multi-idea form authoring with title, description, and confidence", "Thought-flow selection list with select-all and selection summary", "Triggers extract-ideas-only or extract-ideas-and-frameworks flows", "Edit existing idea or create new idea from a source thought" ], "adaptability": "none", "searchText": "extract-ideas-modal core a tabbed modal for extracting structured ideas from source thoughts, either by manually authoring idea forms or by selecting thoughts to run through an idea-extraction flow. reuse in the concepts pipeline when a step turns raw thoughts into structured ideas (and optionally frameworks) via manual entry or an automated flow. tabbed flow vs ideas modes with collapsible tab bar multi-idea form authoring with title, description, and confidence thought-flow selection list with select-all and selection summary triggers extract-ideas-only or extract-ideas-and-frameworks flows edit existing idea or create new idea from a source thought" }, { "id": "w-checkbox", "tag": "m-w-checkbox", "source": "mutual.app", "file": "components/field-widgets/widget-checkbox.mutual", "url": "/components/field-widgets/widget-checkbox.mutual", "category": "field-widgets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 251, "purpose": "A boolean form field widget rendering as a toggle switch, checkbox, or button, with label, status text, validation, and entity-field binding.", "usageIdea": "Reused inside entity edit forms or seed authoring flows whenever a boolean/on-off value needs a configurable input bound to an entity field.", "features": [ "Three visual styles: toggle, checkbox, button", "Configurable label, position, on/off labels, status text", "Required validation with error display", "Binds to entity-field config and emits widget:change/validate", "Form reset support" ], "adaptability": "configurable", "searchText": "w-checkbox field-widgets a boolean form field widget rendering as a toggle switch, checkbox, or button, with label, status text, validation, and entity-field binding. reused inside entity edit forms or seed authoring flows whenever a boolean/on-off value needs a configurable input bound to an entity field. three visual styles: toggle, checkbox, button configurable label, position, on/off labels, status text required validation with error display binds to entity-field config and emits widget:change/validate form reset support" }, { "id": "w-color", "tag": "m-w-color", "source": "mutual.app", "file": "components/field-widgets/widget-color.mutual", "url": "/components/field-widgets/widget-color.mutual", "category": "field-widgets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 427, "purpose": "A color-picker field widget combining a native color swatch, hex input, preset and recent swatches, and validation.", "usageIdea": "Reused by an entity form or synthesis step that needs to capture or edit a color value bound to an entity field.", "features": [ "Native color picker plus validated hex text input", "Configurable preset swatches and persisted recent colors", "Optional RGB format display", "Required/disabled states with inline error messages", "Binds to entity field data and emits widget change/blur/validate events" ], "adaptability": "configurable", "searchText": "w-color field-widgets a color-picker field widget combining a native color swatch, hex input, preset and recent swatches, and validation. reused by an entity form or synthesis step that needs to capture or edit a color value bound to an entity field. native color picker plus validated hex text input configurable preset swatches and persisted recent colors optional rgb format display required/disabled states with inline error messages binds to entity field data and emits widget change/blur/validate events" }, { "id": "w-country", "tag": "m-w-country", "source": "mutual.app", "file": "components/field-widgets/widget-country.mutual", "url": "/components/field-widgets/widget-country.mutual", "category": "field-widgets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 423, "purpose": "A searchable country-picker field widget with flags, dial codes, popular shortcuts, and form validation.", "usageIdea": "Reused as the input widget bound to a country-type entity field in any entity form or seed data-entry step.", "features": [ "Searchable dropdown over a built-in country list with flag emojis", "Popular-countries shortcut section (configurable)", "Optional code display and selected-country detail (code, dial code)", "Required-field validation with error and description hints", "Binds to entity field config and emits widget:change/validate events" ], "adaptability": "configurable", "searchText": "w-country field-widgets a searchable country-picker field widget with flags, dial codes, popular shortcuts, and form validation. reused as the input widget bound to a country-type entity field in any entity form or seed data-entry step. searchable dropdown over a built-in country list with flag emojis popular-countries shortcut section (configurable) optional code display and selected-country detail (code, dial code) required-field validation with error and description hints binds to entity field config and emits widget:change/validate events" }, { "id": "w-currency", "tag": "m-w-currency", "source": "mutual.app", "file": "components/field-widgets/widget-currency.mutual", "url": "/components/field-widgets/widget-currency.mutual", "category": "field-widgets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 490, "purpose": "A composite currency field widget pairing a searchable currency-code selector with a formatted amount input.", "usageIdea": "Reuse as the editing widget for any money/currency entity field that needs both a currency choice and an amount.", "features": [ "searchable currency dropdown", "currency symbol display", "amount input with placeholder", "disabled state", "hover/selected styling" ], "adaptability": "configurable", "searchText": "w-currency field-widgets a composite currency field widget pairing a searchable currency-code selector with a formatted amount input. reuse as the editing widget for any money/currency entity field that needs both a currency choice and an amount. searchable currency dropdown currency symbol display amount input with placeholder disabled state hover/selected styling" }, { "id": "w-date-range", "tag": "m-w-date-range", "source": "mutual.app", "file": "components/field-widgets/widget-date-range.mutual", "url": "/components/field-widgets/widget-date-range.mutual", "category": "field-widgets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 474, "purpose": "Form field widget for picking a start/end date range with quick presets, duration display, and validation.", "usageIdea": "Reuse as the date-range field in any entity form or filter where a user must select a bounded time span.", "features": [ "Linked start and end date inputs", "Quick presets (today/week/month/quarter/year)", "Duration and formatted-range display", "Relative min/max date resolution", "Validation and widget:change events" ], "adaptability": "configurable", "searchText": "w-date-range field-widgets form field widget for picking a start/end date range with quick presets, duration display, and validation. reuse as the date-range field in any entity form or filter where a user must select a bounded time span. linked start and end date inputs quick presets (today/week/month/quarter/year) duration and formatted-range display relative min/max date resolution validation and widget:change events" }, { "id": "w-date", "tag": "m-w-date", "source": "mutual.app", "file": "components/field-widgets/widget-date.mutual", "url": "/components/field-widgets/widget-date.mutual", "category": "field-widgets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 338, "purpose": "A date-picker field widget with quick-set buttons, formatted display, validation, and binding to an entity field.", "usageIdea": "Reuse as the date input within entity forms or anywhere a step needs a validated, quick-selectable date field.", "features": [ "Native date input with min/max and quick buttons (today, +1w, +1m)", "Formatted date display in short/medium/long styles", "Relative-date resolution and required/min/max validation", "Binds to entity field config and emits widget change/focus/blur events", "Disabled and readonly states with form:reset support" ], "adaptability": "configurable", "searchText": "w-date field-widgets a date-picker field widget with quick-set buttons, formatted display, validation, and binding to an entity field. reuse as the date input within entity forms or anywhere a step needs a validated, quick-selectable date field. native date input with min/max and quick buttons (today, +1w, +1m) formatted date display in short/medium/long styles relative-date resolution and required/min/max validation binds to entity field config and emits widget change/focus/blur events disabled and readonly states with form:reset support" }, { "id": "w-document", "tag": "m-w-document", "source": "mutual.app", "file": "components/field-widgets/widget-document.mutual", "url": "/components/field-widgets/widget-document.mutual", "category": "field-widgets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 513, "purpose": "A document file form field widget with drag-and-drop upload, URL entry, type/size validation, file-type icons, and inline PDF preview.", "usageIdea": "Reused in entity forms or seed authoring where a document attachment (PDF, Office, text) needs to be uploaded, referenced by URL, previewed, or downloaded.", "features": [ "Drag-and-drop or click-to-upload with file-type/size validation", "Optional URL entry as document source", "File-type icon, colour, size display", "Inline PDF preview iframe", "Open/download/remove actions", "Binds to entity-field config and emits widget:change/validate" ], "adaptability": "configurable", "searchText": "w-document field-widgets a document file form field widget with drag-and-drop upload, url entry, type/size validation, file-type icons, and inline pdf preview. reused in entity forms or seed authoring where a document attachment (pdf, office, text) needs to be uploaded, referenced by url, previewed, or downloaded. drag-and-drop or click-to-upload with file-type/size validation optional url entry as document source file-type icon, colour, size display inline pdf preview iframe open/download/remove actions binds to entity-field config and emits widget:change/validate" }, { "id": "w-entity", "tag": "m-w-entity", "source": "mutual.app", "file": "components/field-widgets/widget-entity.mutual", "url": "/components/field-widgets/widget-entity.mutual", "category": "field-widgets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 547, "purpose": "An entity-reference field widget that searches for, selects and displays a linked entity as a {$ref,$type} reference.", "usageIdea": "Reused by an entity form or synthesis step that needs to let the user pick or link another entity for a reference field.", "features": [ "Debounced entity search with keyboard-navigable results dropdown", "Selected-entity card with avatar/icon, view and clear actions", "Optional create-new-entity affordance", "Type-aware icons and configurable display/subtitle fields", "Required/disabled validation and widget change events" ], "adaptability": "configurable", "searchText": "w-entity field-widgets an entity-reference field widget that searches for, selects and displays a linked entity as a {$ref,$type} reference. reused by an entity form or synthesis step that needs to let the user pick or link another entity for a reference field. debounced entity search with keyboard-navigable results dropdown selected-entity card with avatar/icon, view and clear actions optional create-new-entity affordance type-aware icons and configurable display/subtitle fields required/disabled validation and widget change events" }, { "id": "w-icon", "tag": "m-w-icon", "source": "mutual.app", "file": "components/field-widgets/widget-icon.mutual", "url": "/components/field-widgets/widget-icon.mutual", "category": "field-widgets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 485, "purpose": "An icon-picker field widget that searches and selects Font Awesome (or custom) icons with category filtering and live preview.", "usageIdea": "Reused as the input widget bound to an icon-type entity field wherever a seed or form needs the user to choose an icon.", "features": [ "Searchable icon grid with category tabs (Solid/Regular/Brands)", "Large live preview of the selected icon and its class", "Custom icon set support via attribute/field config", "Clear-selection control and required-field validation", "Binds to entity field config and emits widget:change/validate/focus events" ], "adaptability": "configurable", "searchText": "w-icon field-widgets an icon-picker field widget that searches and selects font awesome (or custom) icons with category filtering and live preview. reused as the input widget bound to an icon-type entity field wherever a seed or form needs the user to choose an icon. searchable icon grid with category tabs (solid/regular/brands) large live preview of the selected icon and its class custom icon set support via attribute/field config clear-selection control and required-field validation binds to entity field config and emits widget:change/validate/focus events" }, { "id": "w-json", "tag": "m-w-json", "source": "mutual.app", "file": "components/field-widgets/widget-json.mutual", "url": "/components/field-widgets/widget-json.mutual", "category": "field-widgets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 449, "purpose": "A JSON field widget that edits/views JSON in either a tree view or a raw text view, with format and copy actions.", "usageIdea": "Reuse as the editing widget for any entity field holding structured JSON data that benefits from both tree and raw editing.", "features": [ "tree/raw view toggle", "format/prettify JSON", "copy-to-clipboard with confirmation", "mode-aware styling" ], "adaptability": "configurable", "searchText": "w-json field-widgets a json field widget that edits/views json in either a tree view or a raw text view, with format and copy actions. reuse as the editing widget for any entity field holding structured json data that benefits from both tree and raw editing. tree/raw view toggle format/prettify json copy-to-clipboard with confirmation mode-aware styling" }, { "id": "w-markdown", "tag": "m-w-markdown", "source": "mutual.app", "file": "components/field-widgets/widget-markdown.mutual", "url": "/components/field-widgets/widget-markdown.mutual", "category": "field-widgets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 384, "purpose": "Form field widget providing a markdown editor with formatting toolbar, live preview, and optional AI auto-fill.", "usageIdea": "Reuse as the rich-text/markdown field in entity forms where users author formatted long-form content.", "features": [ "Bold/italic/heading/link/code/list/quote toolbar", "Edit and preview modes", "Character count and length validation", "Optional auto-fill request event", "Keyboard shortcuts and widget:change events" ], "adaptability": "configurable", "searchText": "w-markdown field-widgets form field widget providing a markdown editor with formatting toolbar, live preview, and optional ai auto-fill. reuse as the rich-text/markdown field in entity forms where users author formatted long-form content. bold/italic/heading/link/code/list/quote toolbar edit and preview modes character count and length validation optional auto-fill request event keyboard shortcuts and widget:change events" }, { "id": "w-media", "tag": "m-w-media", "source": "mutual.app", "file": "components/field-widgets/widget-media.mutual", "url": "/components/field-widgets/widget-media.mutual", "category": "field-widgets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 473, "purpose": "A media field widget for attaching images, video, or audio via file upload (drag-and-drop) or URL, with inline preview and validation.", "usageIdea": "Reuse as the media input within entity forms or any step needing a user to upload or link an image/video/audio asset with preview.", "features": [ "File upload with drag-and-drop or URL entry modes", "Inline image/video/audio preview with remove", "Configurable media types, max size, and accepted formats", "Size and type validation with error messages", "Binds to entity field config and emits widget change events" ], "adaptability": "configurable", "searchText": "w-media field-widgets a media field widget for attaching images, video, or audio via file upload (drag-and-drop) or url, with inline preview and validation. reuse as the media input within entity forms or any step needing a user to upload or link an image/video/audio asset with preview. file upload with drag-and-drop or url entry modes inline image/video/audio preview with remove configurable media types, max size, and accepted formats size and type validation with error messages binds to entity field config and emits widget change events" }, { "id": "w-number", "tag": "m-w-number", "source": "mutual.app", "file": "components/field-widgets/widget-number.mutual", "url": "/components/field-widgets/widget-number.mutual", "category": "field-widgets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 322, "purpose": "A numeric form field widget with stepper buttons, min/max/step constraints, prefix/suffix affixes, range indicator, validation, and optional AI auto-fill.", "usageIdea": "Reused in entity forms or seed authoring whenever a bounded numeric value needs a configurable spinner-style input bound to an entity field.", "features": [ "Increment/decrement stepper buttons with min/max clamping", "Prefix and suffix affixes", "Min/max range indicator", "Keyboard arrow stepping", "Optional AI auto-fill trigger", "Validation with error display and entity-field binding" ], "adaptability": "configurable", "searchText": "w-number field-widgets a numeric form field widget with stepper buttons, min/max/step constraints, prefix/suffix affixes, range indicator, validation, and optional ai auto-fill. reused in entity forms or seed authoring whenever a bounded numeric value needs a configurable spinner-style input bound to an entity field. increment/decrement stepper buttons with min/max clamping prefix and suffix affixes min/max range indicator keyboard arrow stepping optional ai auto-fill trigger validation with error display and entity-field binding" }, { "id": "w-perception", "tag": "m-w-perception", "source": "mutual.app", "file": "components/field-widgets/widget-perception.mutual", "url": "/components/field-widgets/widget-perception.mutual", "category": "field-widgets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 346, "purpose": "A perception/rating field widget that captures a value on a scale (Likert, NPS, satisfaction, yes/no or custom) rendered as icons, numbers, emoji or gradient.", "usageIdea": "Reused by an entity form or feedback step that needs to capture a rating or sentiment on a configurable scale.", "features": [ "Built-in likert5, nps, satisfaction and yesno scales plus custom options", "Icon, number, emoji and gradient display styles", "Optional end labels, selected-value display and clear/toggle", "Required validation with inline errors", "Binds to entity field and emits widget change/validate events" ], "adaptability": "configurable", "searchText": "w-perception field-widgets a perception/rating field widget that captures a value on a scale (likert, nps, satisfaction, yes/no or custom) rendered as icons, numbers, emoji or gradient. reused by an entity form or feedback step that needs to capture a rating or sentiment on a configurable scale. built-in likert5, nps, satisfaction and yesno scales plus custom options icon, number, emoji and gradient display styles optional end labels, selected-value display and clear/toggle required validation with inline errors binds to entity field and emits widget change/validate events" }, { "id": "w-progress", "tag": "m-w-progress", "source": "mutual.app", "file": "components/field-widgets/widget-progress.mutual", "url": "/components/field-widgets/widget-progress.mutual", "category": "field-widgets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 421, "purpose": "A progress/completion field widget rendering a colored progress bar with optional milestone markers and slider or stepper input.", "usageIdea": "Reused as the input widget bound to a numeric progress/percentage entity field in a form or seed data-entry step.", "features": [ "Animated fill bar with threshold-based color", "Configurable milestones with markers and labels", "Slider or number (increment/decrement) input modes", "Min/max/step bounds and value display", "Binds to entity field config with validation and change events" ], "adaptability": "configurable", "searchText": "w-progress field-widgets a progress/completion field widget rendering a colored progress bar with optional milestone markers and slider or stepper input. reused as the input widget bound to a numeric progress/percentage entity field in a form or seed data-entry step. animated fill bar with threshold-based color configurable milestones with markers and labels slider or number (increment/decrement) input modes min/max/step bounds and value display binds to entity field config with validation and change events" }, { "id": "w-range", "tag": "m-w-range", "source": "mutual.app", "file": "components/field-widgets/widget-range.mutual", "url": "/components/field-widgets/widget-range.mutual", "category": "field-widgets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 430, "purpose": "A dual-thumb range slider widget for selecting a minimum and maximum value within a configured bound.", "usageIdea": "Reuse as the editing widget for any entity field that captures a numeric min/max range.", "features": [ "dual min/max thumbs", "active range highlight track", "min/max/step bounds", "disabled and readonly states", "focus tracking per thumb" ], "adaptability": "configurable", "searchText": "w-range field-widgets a dual-thumb range slider widget for selecting a minimum and maximum value within a configured bound. reuse as the editing widget for any entity field that captures a numeric min/max range. dual min/max thumbs active range highlight track min/max/step bounds disabled and readonly states focus tracking per thumb" }, { "id": "w-rating", "tag": "m-w-rating", "source": "mutual.app", "file": "components/field-widgets/widget-rating.mutual", "url": "/components/field-widgets/widget-rating.mutual", "category": "field-widgets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 294, "purpose": "Form field widget for star/icon rating input with hover preview, optional half-steps, labels, and clear.", "usageIdea": "Reuse as the rating field wherever an entity form or feedback step captures a 1-to-N score.", "features": [ "Clickable star/icon rating with hover preview", "Configurable max, size, icons, and colors", "Optional half-ratings and value/max display", "Per-value text labels", "Clear button and validation" ], "adaptability": "configurable", "searchText": "w-rating field-widgets form field widget for star/icon rating input with hover preview, optional half-steps, labels, and clear. reuse as the rating field wherever an entity form or feedback step captures a 1-to-n score. clickable star/icon rating with hover preview configurable max, size, icons, and colors optional half-ratings and value/max display per-value text labels clear button and validation" }, { "id": "w-selector", "tag": "m-w-selector", "source": "mutual.app", "file": "components/field-widgets/widget-selector.mutual", "url": "/components/field-widgets/widget-selector.mutual", "category": "field-widgets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 442, "purpose": "A versatile single/multi option selector field widget that renders as dropdown, pills, radio, button-group, cards, or checkbox-list depending on configuration.", "usageIdea": "Reuse as the choice input within entity forms whenever a step needs the user to pick one or many options in a style suited to the context.", "features": [ "Six selection styles (dropdown, pills, radio, button-group, cards, checkbox-list)", "Single and multiple selection modes", "Options as strings or objects with label/icon/description", "Clearable single-select and required validation", "Binds to entity field config and emits widget change/focus/blur events" ], "adaptability": "configurable", "searchText": "w-selector field-widgets a versatile single/multi option selector field widget that renders as dropdown, pills, radio, button-group, cards, or checkbox-list depending on configuration. reuse as the choice input within entity forms whenever a step needs the user to pick one or many options in a style suited to the context. six selection styles (dropdown, pills, radio, button-group, cards, checkbox-list) single and multiple selection modes options as strings or objects with label/icon/description clearable single-select and required validation binds to entity field config and emits widget change/focus/blur events" }, { "id": "w-signature", "tag": "m-w-signature", "source": "mutual.app", "file": "components/field-widgets/widget-signature.mutual", "url": "/components/field-widgets/widget-signature.mutual", "category": "field-widgets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 508, "purpose": "A signature capture form field widget with a draw-on canvas (mouse and touch), clear/undo, ink colour picker, optional typed signature, and signature line.", "usageIdea": "Reused in entity forms or seed authoring where a handwritten or typed signature needs to be captured and stored against an entity field.", "features": [ "Canvas drawing with mouse and touch support", "Clear and undo stroke controls", "Ink colour picker", "Optional type-to-sign mode", "Signature line and placeholder", "Entity-field binding with validation" ], "adaptability": "configurable", "searchText": "w-signature field-widgets a signature capture form field widget with a draw-on canvas (mouse and touch), clear/undo, ink colour picker, optional typed signature, and signature line. reused in entity forms or seed authoring where a handwritten or typed signature needs to be captured and stored against an entity field. canvas drawing with mouse and touch support clear and undo stroke controls ink colour picker optional type-to-sign mode signature line and placeholder entity-field binding with validation" }, { "id": "w-tags", "tag": "m-w-tags", "source": "mutual.app", "file": "components/field-widgets/widget-tags.mutual", "url": "/components/field-widgets/widget-tags.mutual", "category": "field-widgets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 446, "purpose": "A tag-input field widget for entering, pasting and removing a list of tags with autocomplete suggestions.", "usageIdea": "Reused by an entity form or synthesis step that needs to capture a list of keywords, labels or categories.", "features": [ "Add tags via Enter, Tab, comma or paste; backspace to remove", "Autocomplete suggestions with keyboard navigation", "Max/min tags, max length, duplicate and restrict-to-suggestions rules", "Configurable colors, tag icon and count display", "Binds to entity field and emits widget change/validate events" ], "adaptability": "configurable", "searchText": "w-tags field-widgets a tag-input field widget for entering, pasting and removing a list of tags with autocomplete suggestions. reused by an entity form or synthesis step that needs to capture a list of keywords, labels or categories. add tags via enter, tab, comma or paste; backspace to remove autocomplete suggestions with keyboard navigation max/min tags, max length, duplicate and restrict-to-suggestions rules configurable colors, tag icon and count display binds to entity field and emits widget change/validate events" }, { "id": "w-text", "tag": "m-w-text", "source": "mutual.app", "file": "components/field-widgets/widget-text.mutual", "url": "/components/field-widgets/widget-text.mutual", "category": "field-widgets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 513, "purpose": "A versatile text-input field widget supporting typed patterns (text, password, email, url) with contextual action buttons.", "usageIdea": "Reused as the default input widget bound to a string entity field wherever a seed or form captures text.", "features": [ "Pattern-aware input (text/password/email/url) with HTML validation attributes", "Optional icon prefix and clear button", "Password visibility toggle, copy-to-clipboard, and open-URL actions", "Optional auto-fill request action", "Binds to entity field config with focus/blur/input change events" ], "adaptability": "configurable", "searchText": "w-text field-widgets a versatile text-input field widget supporting typed patterns (text, password, email, url) with contextual action buttons. reused as the default input widget bound to a string entity field wherever a seed or form captures text. pattern-aware input (text/password/email/url) with html validation attributes optional icon prefix and clear button password visibility toggle, copy-to-clipboard, and open-url actions optional auto-fill request action binds to entity field config with focus/blur/input change events" }, { "id": "w-time-range", "tag": "m-w-time-range", "source": "mutual.app", "file": "components/field-widgets/widget-time-range.mutual", "url": "/components/field-widgets/widget-time-range.mutual", "category": "field-widgets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 396, "purpose": "A time-range widget pairing start and end time inputs with optional quick presets for selecting a time span.", "usageIdea": "Reuse as the editing widget for any entity field capturing a from/to time window.", "features": [ "start and end time inputs", "configurable labels", "min/max time bounds and step", "quick preset buttons", "disabled and readonly states" ], "adaptability": "configurable", "searchText": "w-time-range field-widgets a time-range widget pairing start and end time inputs with optional quick presets for selecting a time span. reuse as the editing widget for any entity field capturing a from/to time window. start and end time inputs configurable labels min/max time bounds and step quick preset buttons disabled and readonly states" }, { "id": "w-time", "tag": "m-w-time", "source": "mutual.app", "file": "components/field-widgets/widget-time.mutual", "url": "/components/field-widgets/widget-time.mutual", "category": "field-widgets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 382, "purpose": "Form field widget for time-of-day input with quick buttons, 12h/24h formatting, and optional duration vs a reference time.", "usageIdea": "Reuse as the time field in entity forms or scheduling steps where a user picks a clock time.", "features": [ "Native time input with min/max/step", "Quick buttons (now/noon/midnight/offsets)", "12h or 24h formatted display", "Duration relative to a reference time", "Validation and widget:change events" ], "adaptability": "configurable", "searchText": "w-time field-widgets form field widget for time-of-day input with quick buttons, 12h/24h formatting, and optional duration vs a reference time. reuse as the time field in entity forms or scheduling steps where a user picks a clock time. native time input with min/max/step quick buttons (now/noon/midnight/offsets) 12h or 24h formatted display duration relative to a reference time validation and widget:change events" }, { "id": "entity-field-button-group", "tag": "m-entity-field-button-group", "source": "mutual.app", "file": "components/fields/entity-field-button-group.mutual", "url": "/components/fields/entity-field-button-group.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 231, "purpose": "A segmented-control entity field that renders an enum as connected toggle buttons for single-value selection with deselect support.", "usageIdea": "Reuse for an entity enum field with 2-4 options where a compact segmented control reads better than a dropdown.", "features": [ "Renders entity field enum as equal-width connected buttons", "Single selection with click-to-deselect toggle", "Selected-state check icon and selection summary", "Label formatting and disabled (system-only) handling", "Inline validation error and description hint" ], "adaptability": "none", "searchText": "entity-field-button-group fields a segmented-control entity field that renders an enum as connected toggle buttons for single-value selection with deselect support. reuse for an entity enum field with 2-4 options where a compact segmented control reads better than a dropdown. renders entity field enum as equal-width connected buttons single selection with click-to-deselect toggle selected-state check icon and selection summary label formatting and disabled (system-only) handling inline validation error and description hint" }, { "id": "entity-field-card", "tag": "m-entity-field-card", "source": "mutual.app", "file": "components/fields/entity-field-card.mutual", "url": "/components/fields/entity-field-card.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 167, "purpose": "An entity field input for credit-card numbers that auto-formats digits into groups, shows a card brand icon, and surfaces validation errors.", "usageIdea": "Reused in entity detail/edit forms where a payment card number field needs masked grouping and inline validation bound to the entity schema.", "features": [ "Auto-formats card number into 4-digit groups", "Card brand icon and error icon", "Reads field config and errors from the entity store", "System-only/disabled handling", "Inline error and description hints" ], "adaptability": "configurable", "searchText": "entity-field-card fields an entity field input for credit-card numbers that auto-formats digits into groups, shows a card brand icon, and surfaces validation errors. reused in entity detail/edit forms where a payment card number field needs masked grouping and inline validation bound to the entity schema. auto-formats card number into 4-digit groups card brand icon and error icon reads field config and errors from the entity store system-only/disabled handling inline error and description hints" }, { "id": "entity-field-category", "tag": "m-entity-field-category", "source": "mutual.app", "file": "components/fields/entity-field-category.mutual", "url": "/components/fields/entity-field-category.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 206, "purpose": "An entity-field select for choosing a category, with a colored icon reflecting the chosen value and inline validation.", "usageIdea": "Reused inside an entity detail form to edit a category field, either from the schema enum or a default category list.", "features": [ "Dropdown driven by the field's enum or default categories", "Per-category icon and color indicator", "Reads/writes the bound entity field via EntityFieldUtils", "Inline error message and schema description hint", "Disabled state for system-only fields" ], "adaptability": "none", "searchText": "entity-field-category fields an entity-field select for choosing a category, with a colored icon reflecting the chosen value and inline validation. reused inside an entity detail form to edit a category field, either from the schema enum or a default category list. dropdown driven by the field's enum or default categories per-category icon and color indicator reads/writes the bound entity field via entityfieldutils inline error message and schema description hint disabled state for system-only fields" }, { "id": "entity-field-checkbox-list", "tag": "m-entity-field-checkbox-list", "source": "mutual.app", "file": "components/fields/entity-field-checkbox-list.mutual", "url": "/components/fields/entity-field-checkbox-list.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 346, "purpose": "An entity-field editor that renders a multi-select checkbox list from a field's enum options.", "usageIdea": "Reused in entity detail/edit forms to let users pick multiple values for an enum-backed array field.", "features": [ "Checkbox list generated from the field's enum values", "Select-all and clear-all bulk actions for longer lists", "Selected-state styling with brand-colored highlights", "System-only field detection that disables editing", "Reads field schema and entity data from the detail context" ], "adaptability": "configurable", "searchText": "entity-field-checkbox-list fields an entity-field editor that renders a multi-select checkbox list from a field's enum options. reused in entity detail/edit forms to let users pick multiple values for an enum-backed array field. checkbox list generated from the field's enum values select-all and clear-all bulk actions for longer lists selected-state styling with brand-colored highlights system-only field detection that disables editing reads field schema and entity data from the detail context" }, { "id": "entity-field-checkbox", "tag": "m-entity-field-checkbox", "source": "mutual.app", "file": "components/fields/entity-field-checkbox.mutual", "url": "/components/fields/entity-field-checkbox.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 209, "purpose": "A multi-select checkbox group field that renders one styled checkbox per enum option of an entity field.", "usageIdea": "Reuse as the editing widget for an entity field whose schema declares an enum of selectable options.", "features": [ "enum-driven checkbox list", "custom styled checkboxes with checkmark", "selected-state styling", "system-only/disabled handling", "hidden inputs for form compatibility" ], "adaptability": "configurable", "searchText": "entity-field-checkbox fields a multi-select checkbox group field that renders one styled checkbox per enum option of an entity field. reuse as the editing widget for an entity field whose schema declares an enum of selectable options. enum-driven checkbox list custom styled checkboxes with checkmark selected-state styling system-only/disabled handling hidden inputs for form compatibility" }, { "id": "entity-field-color", "tag": "m-entity-field-color", "source": "mutual.app", "file": "components/fields/entity-field-color.mutual", "url": "/components/fields/entity-field-color.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 423, "purpose": "Entity-form field that edits a color value via a native color picker plus a synced hex input.", "usageIdea": "Reuse as the color field whenever an entity schema has a color attribute that the user must set.", "features": [ "Native color picker with live preview", "Hex text input synced to picker", "System-only/read-only handling", "Binds to detailEntity.data field" ], "adaptability": "configurable", "searchText": "entity-field-color fields entity-form field that edits a color value via a native color picker plus a synced hex input. reuse as the color field whenever an entity schema has a color attribute that the user must set. native color picker with live preview hex text input synced to picker system-only/read-only handling binds to detailentity.data field" }, { "id": "entity-field-country", "tag": "m-entity-field-country", "source": "mutual.app", "file": "components/fields/entity-field-country.mutual", "url": "/components/fields/entity-field-country.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 198, "purpose": "A country-picker entity field rendering a flag-prefixed dropdown of countries, bound to an entity field with validation.", "usageIdea": "Reuse for an entity field that captures a country, giving users a flagged select restricted to an enum or a built-in country list.", "features": [ "Flag-prefixed country dropdown with built-in country list", "Honors field enum to restrict available countries", "Binds to entity field data with validate-on-blur", "Inline error icon, error message, and description hint", "Disabled handling for system-only fields" ], "adaptability": "none", "searchText": "entity-field-country fields a country-picker entity field rendering a flag-prefixed dropdown of countries, bound to an entity field with validation. reuse for an entity field that captures a country, giving users a flagged select restricted to an enum or a built-in country list. flag-prefixed country dropdown with built-in country list honors field enum to restrict available countries binds to entity field data with validate-on-blur inline error icon, error message, and description hint disabled handling for system-only fields" }, { "id": "entity-field-currency", "tag": "m-entity-field-currency", "source": "mutual.app", "file": "components/fields/entity-field-currency.mutual", "url": "/components/fields/entity-field-currency.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 168, "purpose": "An entity field input for monetary amounts that formats the value as currency, shows a currency symbol, and surfaces validation errors.", "usageIdea": "Reused in entity detail/edit forms where a price or money field needs currency formatting and inline validation bound to the entity schema.", "features": [ "Currency formatting on the bound entity field", "Currency symbol and error icon", "Reads field config and errors from the entity store", "System-only/disabled handling", "Inline error and description hints" ], "adaptability": "configurable", "searchText": "entity-field-currency fields an entity field input for monetary amounts that formats the value as currency, shows a currency symbol, and surfaces validation errors. reused in entity detail/edit forms where a price or money field needs currency formatting and inline validation bound to the entity schema. currency formatting on the bound entity field currency symbol and error icon reads field config and errors from the entity store system-only/disabled handling inline error and description hints" }, { "id": "entity-field-date", "tag": "m-entity-field-date", "source": "mutual.app", "file": "components/fields/entity-field-date.mutual", "url": "/components/fields/entity-field-date.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 152, "purpose": "An entity-field datetime input that edits a date value, converting between ISO 8601 storage and the datetime-local format.", "usageIdea": "Reused inside an entity detail form to edit a date/time field bound to the current entity.", "features": [ "Native datetime-local input bound to the entity field", "ISO 8601 <-> datetime-local conversion", "Inline error message and schema description hint", "Reads field/entity from the app store via EntityFieldUtils", "Disabled/readonly for system-only fields" ], "adaptability": "none", "searchText": "entity-field-date fields an entity-field datetime input that edits a date value, converting between iso 8601 storage and the datetime-local format. reused inside an entity detail form to edit a date/time field bound to the current entity. native datetime-local input bound to the entity field iso 8601 <-> datetime-local conversion inline error message and schema description hint reads field/entity from the app store via entityfieldutils disabled/readonly for system-only fields" }, { "id": "entity-field-daterange", "tag": "m-entity-field-daterange", "source": "mutual.app", "file": "components/fields/entity-field-daterange.mutual", "url": "/components/fields/entity-field-daterange.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": false, "hasStyle": true, "loc": 605, "purpose": "An entity-field editor for a start/end date range with day/month/year inputs and a calendar picker.", "usageIdea": "Reused in entity detail/edit forms to capture a date-range field such as a project's start and due dates.", "features": [ "Separate day/month/year inputs for start and end dates with clamping", "Calendar popup picker selecting start then end", "Loads and writes a {start, end} value on the entity field", "Schema-driven description and field-error display", "System-only field detection that disables editing" ], "adaptability": "configurable", "searchText": "entity-field-daterange fields an entity-field editor for a start/end date range with day/month/year inputs and a calendar picker. reused in entity detail/edit forms to capture a date-range field such as a project's start and due dates. separate day/month/year inputs for start and end dates with clamping calendar popup picker selecting start then end loads and writes a {start, end} value on the entity field schema-driven description and field-error display system-only field detection that disables editing" }, { "id": "entity-field-datetime", "tag": "m-entity-field-datetime", "source": "mutual.app", "file": "components/fields/entity-field-datetime.mutual", "url": "/components/fields/entity-field-datetime.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 327, "purpose": "A datetime field editor with a native datetime-local input plus 'Now' and clear action buttons and inline error display.", "usageIdea": "Reuse as the editing widget for an entity field holding a date-and-time value.", "features": [ "datetime-local input", "set-to-now button", "clear button", "inline error icon", "hover/focus/disabled states" ], "adaptability": "configurable", "searchText": "entity-field-datetime fields a datetime field editor with a native datetime-local input plus 'now' and clear action buttons and inline error display. reuse as the editing widget for an entity field holding a date-and-time value. datetime-local input set-to-now button clear button inline error icon hover/focus/disabled states" }, { "id": "entity-field-email", "tag": "m-entity-field-email", "source": "mutual.app", "file": "components/fields/entity-field-email.mutual", "url": "/components/fields/entity-field-email.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 184, "purpose": "Entity-form field for email input with an envelope icon, inline validation, and error display.", "usageIdea": "Reuse as the email field in entity forms where a validated email address must be captured.", "features": [ "Email input with envelope icon", "Inline validation and error icon/message", "Hover/focus styling states", "System-only/read-only handling", "Binds to detailEntity.data field" ], "adaptability": "configurable", "searchText": "entity-field-email fields entity-form field for email input with an envelope icon, inline validation, and error display. reuse as the email field in entity forms where a validated email address must be captured. email input with envelope icon inline validation and error icon/message hover/focus styling states system-only/read-only handling binds to detailentity.data field" }, { "id": "entity-field-entities-autocomplete", "tag": "m-entity-field-entities-autocomplete", "source": "mutual.app", "file": "components/fields/entity-field-entities-autocomplete.mutual", "url": "/components/fields/entity-field-entities-autocomplete.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 563, "purpose": "A multi-select entity-reference field with autocomplete search, chip display, keyboard navigation, and optional inline creation of new target entities.", "usageIdea": "Reuse for an entity field that links to many other entities of a target type, letting users search, add, remove, and create references.", "features": [ "Autocomplete search over a target entity type with chip/tag display", "Multi-select with add/remove and already-selected exclusion", "Keyboard navigation (arrows, enter, escape) and click-away close", "Inline quick-create of new target entities", "Stores entity-reference objects ($ref/$type/$cid) with validation" ], "adaptability": "none", "searchText": "entity-field-entities-autocomplete fields a multi-select entity-reference field with autocomplete search, chip display, keyboard navigation, and optional inline creation of new target entities. reuse for an entity field that links to many other entities of a target type, letting users search, add, remove, and create references. autocomplete search over a target entity type with chip/tag display multi-select with add/remove and already-selected exclusion keyboard navigation (arrows, enter, escape) and click-away close inline quick-create of new target entities stores entity-reference objects ($ref/$type/$cid) with validation" }, { "id": "entity-field-entities-cards", "tag": "m-entity-field-entities-cards", "source": "mutual.app", "file": "components/fields/entity-field-entities-cards.mutual", "url": "/components/fields/entity-field-entities-cards.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 448, "purpose": "An entity-field for multi-selecting linked entities as a grid or list of preview cards, producing an array of {$ref,$type} references.", "usageIdea": "Reused inside an entity detail form to attach many related entities of a target type to a reference-array field.", "features": [ "Grid or list of m-entity-preview-card with checkbox selection", "Select-all and clear-all bulk actions with live selection count", "Inline quick-create card for new target-type entities", "Loads candidate entities by targetType via the entity system", "Writes {$ref,$type,$cid} array to the entity field with validation" ], "adaptability": "none", "searchText": "entity-field-entities-cards fields an entity-field for multi-selecting linked entities as a grid or list of preview cards, producing an array of {$ref,$type} references. reused inside an entity detail form to attach many related entities of a target type to a reference-array field. grid or list of m-entity-preview-card with checkbox selection select-all and clear-all bulk actions with live selection count inline quick-create card for new target-type entities loads candidate entities by targettype via the entity system writes {$ref,$type,$cid} array to the entity field with validation" }, { "id": "entity-field-entities", "tag": "m-entity-field-entities", "source": "mutual.app", "file": "components/fields/entity-field-entities.mutual", "url": "/components/fields/entity-field-entities.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 399, "purpose": "A multi-entity reference field that lets users pick and attach several related entities (of a target type) to the current entity, with quick-create support.", "usageIdea": "Reuse as the editing widget for an entity field that holds a list of references to other entities of a given type.", "features": [ "multi-select entity references", "target-type filtered loading", "add/remove selected entities", "quick-create modal", "loading and error states" ], "adaptability": "configurable", "searchText": "entity-field-entities fields a multi-entity reference field that lets users pick and attach several related entities (of a target type) to the current entity, with quick-create support. reuse as the editing widget for an entity field that holds a list of references to other entities of a given type. multi-select entity references target-type filtered loading add/remove selected entities quick-create modal loading and error states" }, { "id": "entity-field-entity-autocomplete", "tag": "m-entity-field-entity-autocomplete", "source": "mutual.app", "file": "components/fields/entity-field-entity-autocomplete.mutual", "url": "/components/fields/entity-field-entity-autocomplete.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 516, "purpose": "A single-select entity-reference field with autocomplete search, selected-entity display with clear, and optional inline creation of a new target entity.", "usageIdea": "Reuse for an entity field that links to exactly one other entity of a target type, letting users search, select, clear, and create the reference.", "features": [ "Autocomplete search over a target entity type", "Single selection with selected-entity display and clear button", "Keyboard navigation (arrows, enter, escape) and click-away close", "Inline quick-create of a new target entity", "Stores an entity-reference object ($ref/$type/$cid) with validation" ], "adaptability": "none", "searchText": "entity-field-entity-autocomplete fields a single-select entity-reference field with autocomplete search, selected-entity display with clear, and optional inline creation of a new target entity. reuse for an entity field that links to exactly one other entity of a target type, letting users search, select, clear, and create the reference. autocomplete search over a target entity type single selection with selected-entity display and clear button keyboard navigation (arrows, enter, escape) and click-away close inline quick-create of a new target entity stores an entity-reference object ($ref/$type/$cid) with validation" }, { "id": "entity-field-entity-cards", "tag": "m-entity-field-entity-cards", "source": "mutual.app", "file": "components/fields/entity-field-entity-cards.mutual", "url": "/components/fields/entity-field-entity-cards.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 394, "purpose": "An entity-field for selecting a single linked entity from a grid or list of preview cards, producing one {$ref,$type} reference.", "usageIdea": "Reused inside an entity detail form to attach one related entity of a target type to a reference field.", "features": [ "Grid or list of m-entity-preview-card with single-select toggle", "Clear-selection control and selected-count header", "Inline quick-create card for new target-type entities", "Loads candidate entities by targetType via the entity system", "Writes one {$ref,$type,$cid} reference to the entity field with validation" ], "adaptability": "none", "searchText": "entity-field-entity-cards fields an entity-field for selecting a single linked entity from a grid or list of preview cards, producing one {$ref,$type} reference. reused inside an entity detail form to attach one related entity of a target type to a reference field. grid or list of m-entity-preview-card with single-select toggle clear-selection control and selected-count header inline quick-create card for new target-type entities loads candidate entities by targettype via the entity system writes one {$ref,$type,$cid} reference to the entity field with validation" }, { "id": "entity-field-entity", "tag": "m-entity-field-entity", "source": "mutual.app", "file": "components/fields/entity-field-entity.mutual", "url": "/components/fields/entity-field-entity.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 343, "purpose": "A single-entity reference field that lets users select one related entity (of a target type) for the current entity, with quick-create support.", "usageIdea": "Reuse as the editing widget for an entity field that holds a single reference to another entity of a given type.", "features": [ "single entity reference selection", "target-type filtered loading", "clear selection", "quick-create modal", "loading and error states" ], "adaptability": "configurable", "searchText": "entity-field-entity fields a single-entity reference field that lets users select one related entity (of a target type) for the current entity, with quick-create support. reuse as the editing widget for an entity field that holds a single reference to another entity of a given type. single entity reference selection target-type filtered loading clear selection quick-create modal loading and error states" }, { "id": "entity-field-file", "tag": "m-entity-field-file", "source": "mutual.app", "file": "components/fields/entity-field-file.mutual", "url": "/components/fields/entity-field-file.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 454, "purpose": "A single-file upload entity field with drag-and-drop, upload progress, image/non-image preview, download, and delete, persisting file metadata to the entity.", "usageIdea": "Reuse for an entity field that stores one attached file, giving users upload-with-progress, preview, download, and confirmed deletion.", "features": [ "Drag-and-drop or click-to-upload with progress bar", "Image-card vs generic-file preview layouts", "Download and confirmed delete of stored file", "Accept-type and max-size validation", "Stores file metadata (OPFS/IndexedDB) on the entity field" ], "adaptability": "none", "searchText": "entity-field-file fields a single-file upload entity field with drag-and-drop, upload progress, image/non-image preview, download, and delete, persisting file metadata to the entity. reuse for an entity field that stores one attached file, giving users upload-with-progress, preview, download, and confirmed deletion. drag-and-drop or click-to-upload with progress bar image-card vs generic-file preview layouts download and confirmed delete of stored file accept-type and max-size validation stores file metadata (opfs/indexeddb) on the entity field" }, { "id": "entity-field-files", "tag": "m-entity-field-files", "source": "mutual.app", "file": "components/fields/entity-field-files.mutual", "url": "/components/fields/entity-field-files.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": false, "hasStyle": true, "loc": 564, "purpose": "An entity field for attaching multiple files, with drag-and-drop upload, an upload queue, and binding of the file list to the entity's data.", "usageIdea": "Reused in entity forms or seed authoring where a field holds a collection of file attachments that users upload and manage.", "features": [ "Multi-file drag-and-drop upload", "Upload queue tracking", "Resolves field/entity from parent scope or entity store", "Binds file list to the entity field", "Error and description hints" ], "adaptability": "configurable", "searchText": "entity-field-files fields an entity field for attaching multiple files, with drag-and-drop upload, an upload queue, and binding of the file list to the entity's data. reused in entity forms or seed authoring where a field holds a collection of file attachments that users upload and manage. multi-file drag-and-drop upload upload queue tracking resolves field/entity from parent scope or entity store binds file list to the entity field error and description hints" }, { "id": "entity-field-gaussiandistribution", "tag": "m-entity-field-gaussiandistribution", "source": "mutual.app", "file": "components/fields/entity-field-gaussiandistribution.mutual", "url": "/components/fields/entity-field-gaussiandistribution.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": false, "hasStyle": true, "loc": 439, "purpose": "An entity-field that visually edits a Gaussian distribution's mean (μ) and standard deviation (σ) via a draggable interactive bell-curve SVG.", "usageIdea": "Reused inside an entity detail form to capture a normal-distribution parameter pair through a visual, drag-based control.", "features": [ "Interactive SVG bell curve with draggable mean and sigma handles", "Live μ and σ readouts plus peak height and curve width", "Standard-deviation markers with empirical-rule percentages", "Writes {mu,sigma} to the entity field with validation", "Touch and mouse drag support; disabled for system-only fields" ], "adaptability": "none", "searchText": "entity-field-gaussiandistribution fields an entity-field that visually edits a gaussian distribution's mean (μ) and standard deviation (σ) via a draggable interactive bell-curve svg. reused inside an entity detail form to capture a normal-distribution parameter pair through a visual, drag-based control. interactive svg bell curve with draggable mean and sigma handles live μ and σ readouts plus peak height and curve width standard-deviation markers with empirical-rule percentages writes {mu,sigma} to the entity field with validation touch and mouse drag support; disabled for system-only fields" }, { "id": "entity-field-hypeadoption", "tag": "m-entity-field-hypeadoption", "source": "mutual.app", "file": "components/fields/entity-field-hypeadoption.mutual", "url": "/components/fields/entity-field-hypeadoption.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 514, "purpose": "An entity-field editor that places a draggable marker on a Gartner-style hype/adoption curve to capture a 0-100 position.", "usageIdea": "Reused in entity edit forms to record where an item sits on the hype cycle (e.g., a technology's maturity).", "features": [ "SVG hype-cycle curve with five named stages", "Draggable marker mapping pixel position to a 0-100 value", "Derived current-stage and adoption-level readouts", "Writes the numeric position to the entity field", "Schema-driven description and field-error display" ], "adaptability": "configurable", "searchText": "entity-field-hypeadoption fields an entity-field editor that places a draggable marker on a gartner-style hype/adoption curve to capture a 0-100 position. reused in entity edit forms to record where an item sits on the hype cycle (e.g., a technology's maturity). svg hype-cycle curve with five named stages draggable marker mapping pixel position to a 0-100 value derived current-stage and adoption-level readouts writes the numeric position to the entity field schema-driven description and field-error display" }, { "id": "entity-field-icon", "tag": "m-entity-field-icon", "source": "mutual.app", "file": "components/fields/entity-field-icon.mutual", "url": "/components/fields/entity-field-icon.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 316, "purpose": "An icon-picker field that shows the selected Font Awesome icon and opens a searchable grid dropdown to choose a new one.", "usageIdea": "Reuse as the editing widget for an entity field that stores an icon identifier.", "features": [ "selected icon preview with name", "searchable icon dropdown", "icon grid selector", "field label rendering", "system-only/disabled state" ], "adaptability": "configurable", "searchText": "entity-field-icon fields an icon-picker field that shows the selected font awesome icon and opens a searchable grid dropdown to choose a new one. reuse as the editing widget for an entity field that stores an icon identifier. selected icon preview with name searchable icon dropdown icon grid selector field label rendering system-only/disabled state" }, { "id": "entity-field-image", "tag": "m-entity-field-image", "source": "mutual.app", "file": "components/fields/entity-field-image.mutual", "url": "/components/fields/entity-field-image.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 451, "purpose": "Entity-form field for setting an image value via either file upload or a URL, with preview.", "usageIdea": "Reuse as the image field whenever an entity attribute holds an image that the user uploads or links.", "features": [ "Upload-file vs URL mode toggle", "File picker (image/*) and URL input", "Image preview", "System-only/read-only handling", "Binds to detailEntity image field" ], "adaptability": "configurable", "searchText": "entity-field-image fields entity-form field for setting an image value via either file upload or a url, with preview. reuse as the image field whenever an entity attribute holds an image that the user uploads or links. upload-file vs url mode toggle file picker (image/*) and url input image preview system-only/read-only handling binds to detailentity image field" }, { "id": "entity-field-images", "tag": "m-entity-field-images", "source": "mutual.app", "file": "components/fields/entity-field-images.mutual", "url": "/components/fields/entity-field-images.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": false, "hasStyle": true, "loc": 939, "purpose": "A multi-image entity field that uploads or links images as image entities, showing an orderable gallery with per-image edit, reorder, and remove.", "usageIdea": "Reuse for an entity field holding an ordered collection of images, supporting batch upload, URL add, reordering, and metadata editing.", "features": [ "Multi-file upload (drag-and-drop) or URL add modes", "Per-upload progress overlays with status and preview", "Orderable gallery with move up/down, edit, and remove", "Creates image entities and stores ordered entity references", "10MB per-image size and image-type validation" ], "adaptability": "none", "searchText": "entity-field-images fields a multi-image entity field that uploads or links images as image entities, showing an orderable gallery with per-image edit, reorder, and remove. reuse for an entity field holding an ordered collection of images, supporting batch upload, url add, reordering, and metadata editing. multi-file upload (drag-and-drop) or url add modes per-upload progress overlays with status and preview orderable gallery with move up/down, edit, and remove creates image entities and stores ordered entity references 10mb per-image size and image-type validation" }, { "id": "entity-field-input", "tag": "m-entity-field-input", "source": "mutual.app", "file": "components/fields/entity-field-input.mutual", "url": "/components/fields/entity-field-input.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": false, "hasStyle": true, "loc": 215, "purpose": "A generic single-line text entity-field that edits a string value bound to an entity's data or top-level property.", "usageIdea": "Reused inside an entity detail form as the default text input for string fields.", "features": [ "Two-way text input bound to entity data or top-level fields (name/type)", "Inline validation with error icon and message", "Schema description hint", "Hover/focus/disabled styling via EntityFieldUtils", "Reacts to entity switching via $watch" ], "adaptability": "none", "searchText": "entity-field-input fields a generic single-line text entity-field that edits a string value bound to an entity's data or top-level property. reused inside an entity detail form as the default text input for string fields. two-way text input bound to entity data or top-level fields (name/type) inline validation with error icon and message schema description hint hover/focus/disabled styling via entityfieldutils reacts to entity switching via $watch" }, { "id": "entity-field-json", "tag": "m-entity-field-json", "source": "mutual.app", "file": "components/fields/entity-field-json.mutual", "url": "/components/fields/entity-field-json.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 346, "purpose": "An entity-field editor providing a JSON text area with live validation, line count, and format/minify tools.", "usageIdea": "Reused in entity edit forms to edit a structured/JSON-typed field with syntax-validity feedback.", "features": [ "Textarea bound to a JSON-valued field", "Live valid/invalid status with line count", "Format (pretty-print) and minify actions", "Configurable rows and placeholder from field UI schema", "System-only field detection that disables editing" ], "adaptability": "configurable", "searchText": "entity-field-json fields an entity-field editor providing a json text area with live validation, line count, and format/minify tools. reused in entity edit forms to edit a structured/json-typed field with syntax-validity feedback. textarea bound to a json-valued field live valid/invalid status with line count format (pretty-print) and minify actions configurable rows and placeholder from field ui schema system-only field detection that disables editing" }, { "id": "entity-field-label", "tag": "m-entity-field-label", "source": "mutual.app", "file": "components/fields/entity-field-label.mutual", "url": "/components/fields/entity-field-label.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": false, "hasStyle": true, "loc": 59, "purpose": "A small label element that renders an entity field's label text with a required-field asterisk, reading the field from parent scope.", "usageIdea": "Reuse inside any entity-field widget that needs a consistent field label with required indicator.", "features": [ "field label text from parent scope", "required-field asterisk", "semibold label styling" ], "adaptability": "none", "searchText": "entity-field-label fields a small label element that renders an entity field's label text with a required-field asterisk, reading the field from parent scope. reuse inside any entity-field widget that needs a consistent field label with required indicator. field label text from parent scope required-field asterisk semibold label styling" }, { "id": "entity-field-list", "tag": "m-entity-field-list", "source": "mutual.app", "file": "components/fields/entity-field-list.mutual", "url": "/components/fields/entity-field-list.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 251, "purpose": "Schema-driven renderer that iterates an entity type's fields and mounts the matching m-w-* widget for each one.", "usageIdea": "Reuse as the dynamic form body for any entity detail view, automatically rendering the right field widget per schema field.", "features": [ "Reads entity schema to build the form", "Maps field type to widget (text/markdown/number/slider/switch/date/date-range/time/etc.)", "Per-field context wrapper and label", "Composes the field-widget library", "Driven by detailEntity store" ], "adaptability": "adaptable", "searchText": "entity-field-list fields schema-driven renderer that iterates an entity type's fields and mounts the matching m-w-* widget for each one. reuse as the dynamic form body for any entity detail view, automatically rendering the right field widget per schema field. reads entity schema to build the form maps field type to widget (text/markdown/number/slider/switch/date/date-range/time/etc.) per-field context wrapper and label composes the field-widget library driven by detailentity store" }, { "id": "entity-field-markdown", "tag": "m-entity-field-markdown", "source": "mutual.app", "file": "components/fields/entity-field-markdown.mutual", "url": "/components/fields/entity-field-markdown.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 430, "purpose": "A markdown entity field with a formatting toolbar, edit textarea, and live HTML preview toggle, bound to an entity field.", "usageIdea": "Reuse for an entity field that captures rich text in markdown, giving users quick formatting buttons and a rendered preview.", "features": [ "Formatting toolbar (bold, italic, code, link, heading)", "Edit/preview toggle with simple markdown-to-HTML rendering", "Selection-preserving markdown insertion", "Binds to entity field with validate-on-blur", "Inline error message and description hint" ], "adaptability": "none", "searchText": "entity-field-markdown fields a markdown entity field with a formatting toolbar, edit textarea, and live html preview toggle, bound to an entity field. reuse for an entity field that captures rich text in markdown, giving users quick formatting buttons and a rendered preview. formatting toolbar (bold, italic, code, link, heading) edit/preview toggle with simple markdown-to-html rendering selection-preserving markdown insertion binds to entity field with validate-on-blur inline error message and description hint" }, { "id": "entity-field-multiselect", "tag": "m-entity-field-multiselect", "source": "mutual.app", "file": "components/fields/entity-field-multiselect.mutual", "url": "/components/fields/entity-field-multiselect.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 145, "purpose": "An entity field that renders an enum as a native multi-select list, letting users pick several values with a selected-count helper.", "usageIdea": "Reused in entity forms or seed authoring where a field holds multiple values drawn from a fixed enum of options.", "features": [ "Native multi-select over the field's enum options", "Capitalized option labels and selected count", "Binds selected values to the entity field", "System-only/disabled handling", "Inline error and description hints" ], "adaptability": "configurable", "searchText": "entity-field-multiselect fields an entity field that renders an enum as a native multi-select list, letting users pick several values with a selected-count helper. reused in entity forms or seed authoring where a field holds multiple values drawn from a fixed enum of options. native multi-select over the field's enum options capitalized option labels and selected count binds selected values to the entity field system-only/disabled handling inline error and description hints" }, { "id": "entity-field-name", "tag": "m-entity-field-name", "source": "mutual.app", "file": "components/fields/entity-field-name.mutual", "url": "/components/fields/entity-field-name.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 187, "purpose": "An entity-field text input specialized for editing a name value, with a leading user icon and inline validation.", "usageIdea": "Reused inside an entity detail form as the input for a name field.", "features": [ "Text input bound to the entity's name field with a user icon", "Inline validation error icon and message", "Schema description hint", "Hover/focus/disabled styling via EntityFieldUtils", "Disabled for system-only fields" ], "adaptability": "none", "searchText": "entity-field-name fields an entity-field text input specialized for editing a name value, with a leading user icon and inline validation. reused inside an entity detail form as the input for a name field. text input bound to the entity's name field with a user icon inline validation error icon and message schema description hint hover/focus/disabled styling via entityfieldutils disabled for system-only fields" }, { "id": "entity-field-number", "tag": "m-entity-field-number", "source": "mutual.app", "file": "components/fields/entity-field-number.mutual", "url": "/components/fields/entity-field-number.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": false, "hasStyle": true, "loc": 183, "purpose": "An entity-field editor for a numeric value with hover/focus states, validation, and schema-driven description.", "usageIdea": "Reused in entity edit forms to capture a number-typed field, writing a parsed Number (or null) back to the entity.", "features": [ "Numeric input bound to the entity field via parent data context", "Parses empty input to null and other input to Number", "Field-error display and clearing on input", "Description sourced from the field schema", "Re-initializes when the detail entity changes (edit/create)" ], "adaptability": "configurable", "searchText": "entity-field-number fields an entity-field editor for a numeric value with hover/focus states, validation, and schema-driven description. reused in entity edit forms to capture a number-typed field, writing a parsed number (or null) back to the entity. numeric input bound to the entity field via parent data context parses empty input to null and other input to number field-error display and clearing on input description sourced from the field schema re-initializes when the detail entity changes (edit/create)" }, { "id": "entity-field-options", "tag": "m-entity-field-options", "source": "mutual.app", "file": "components/fields/entity-field-options.mutual", "url": "/components/fields/entity-field-options.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 316, "purpose": "An option-card selector field that renders each choice as a clickable card (with optional icon/color) and toggles selection with a checkmark.", "usageIdea": "Reuse as the editing widget for an entity field whose choices are best presented as selectable visual cards rather than a plain dropdown.", "features": [ "card-grid option layout", "per-option color and icon", "selected checkmark badge", "configurable card width", "system-only/disabled state" ], "adaptability": "configurable", "searchText": "entity-field-options fields an option-card selector field that renders each choice as a clickable card (with optional icon/color) and toggles selection with a checkmark. reuse as the editing widget for an entity field whose choices are best presented as selectable visual cards rather than a plain dropdown. card-grid option layout per-option color and icon selected checkmark badge configurable card width system-only/disabled state" }, { "id": "entity-field-password-simple", "tag": "m-entity-field-password-simple", "source": "mutual.app", "file": "components/fields/entity-field-password-simple.mutual", "url": "/components/fields/entity-field-password-simple.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 152, "purpose": "Entity-form field for password input with a show/hide toggle and inline validation.", "usageIdea": "Reuse as the password field in entity forms where a masked secret must be entered and optionally revealed.", "features": [ "Masked password input with reveal toggle", "Inline validation and error icon/message", "Hover/focus styling states", "System-only/read-only handling", "Binds to detailEntity.data field" ], "adaptability": "configurable", "searchText": "entity-field-password-simple fields entity-form field for password input with a show/hide toggle and inline validation. reuse as the password field in entity forms where a masked secret must be entered and optionally revealed. masked password input with reveal toggle inline validation and error icon/message hover/focus styling states system-only/read-only handling binds to detailentity.data field" }, { "id": "entity-field-password", "tag": "m-entity-field-password", "source": "mutual.app", "file": "components/fields/entity-field-password.mutual", "url": "/components/fields/entity-field-password.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 217, "purpose": "A password entity field with a lock icon, show/hide visibility toggle, and validation, bound to an entity field.", "usageIdea": "Reuse for an entity field that captures a secret/password with masked input and a reveal toggle.", "features": [ "Masked password input with show/hide toggle", "Lock icon and error-state icon", "Binds to entity field data with validate-on-blur", "Inline error message and description hint", "Disabled handling for system-only fields" ], "adaptability": "none", "searchText": "entity-field-password fields a password entity field with a lock icon, show/hide visibility toggle, and validation, bound to an entity field. reuse for an entity field that captures a secret/password with masked input and a reveal toggle. masked password input with show/hide toggle lock icon and error-state icon binds to entity field data with validate-on-blur inline error message and description hint disabled handling for system-only fields" }, { "id": "entity-field-perception", "tag": "m-entity-field-perception", "source": "mutual.app", "file": "components/fields/entity-field-perception.mutual", "url": "/components/fields/entity-field-perception.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 174, "purpose": "An entity field for capturing sentiment/perception as a 1-5 rating chosen from five coloured emoji-face icon buttons.", "usageIdea": "Reused in entity forms or feedback flows where a field captures a sentiment rating from very negative to very positive.", "features": [ "Five emoji-face rating buttons (very negative to very positive)", "Per-level colour and hover scaling", "Stores numeric 1-5 value on the entity field", "System-only/disabled handling", "Inline error and description hints" ], "adaptability": "configurable", "searchText": "entity-field-perception fields an entity field for capturing sentiment/perception as a 1-5 rating chosen from five coloured emoji-face icon buttons. reused in entity forms or feedback flows where a field captures a sentiment rating from very negative to very positive. five emoji-face rating buttons (very negative to very positive) per-level colour and hover scaling stores numeric 1-5 value on the entity field system-only/disabled handling inline error and description hints" }, { "id": "entity-field-phone", "tag": "m-entity-field-phone", "source": "mutual.app", "file": "components/fields/entity-field-phone.mutual", "url": "/components/fields/entity-field-phone.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 207, "purpose": "An entity-field input for phone numbers that auto-formats digits as (+1) XXX XXX XXXX while storing raw digits.", "usageIdea": "Reused inside an entity detail form as the input for a phone-number field.", "features": [ "Live phone formatting on input, raw digits stored", "Phone icon that swaps to an error icon on validation failure", "Inline error message and schema description hint", "Hover/focus/disabled styling via EntityFieldUtils", "Disabled for system-only fields" ], "adaptability": "none", "searchText": "entity-field-phone fields an entity-field input for phone numbers that auto-formats digits as (+1) xxx xxx xxxx while storing raw digits. reused inside an entity detail form as the input for a phone-number field. live phone formatting on input, raw digits stored phone icon that swaps to an error icon on validation failure inline error message and schema description hint hover/focus/disabled styling via entityfieldutils disabled for system-only fields" }, { "id": "entity-field-pills", "tag": "m-entity-field-pills", "source": "mutual.app", "file": "components/fields/entity-field-pills.mutual", "url": "/components/fields/entity-field-pills.mutual", "category": "fields", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 255, "purpose": "An entity-field editor presenting enum options as rounded pill toggles for single- or multi-select.", "usageIdea": "Reused in entity edit forms to pick one or several values from an enum field via tappable pills.", "features": [ "Pill buttons generated from the field's enum values", "Single-select or multi-select modes", "Check/remove icons and selection count in multi-select", "Formatted labels and selected-state styling", "System-only field detection that disables editing" ], "adaptability": "configurable", "searchText": "entity-field-pills fields an entity-field editor presenting enum options as rounded pill toggles for single- or multi-select. reused in entity edit forms to pick one or several values from an enum field via tappable pills. pill buttons generated from the field's enum values single-select or multi-select modes check/remove icons and selection count in multi-select formatted labels and selected-state styling system-only field detection that disables editing" }, { "id": "fieldset", "tag": "m-fieldset", "source": "mutual.app", "file": "components/fieldset.mutual", "url": "/components/fieldset.mutual", "category": "core", "attributes": [ "collapsed", "collapsible", "column", "icon", "layout", "subtitle", "title" ], "slots": [ "default" ], "hasScript": true, "hasStyle": true, "loc": 327, "purpose": "A grouping container that wraps related fields under a styled header with icon, title, subtitle, and optional collapse toggle.", "usageIdea": "Reuse whenever a seed needs to visually group and optionally collapse a set of form fields or content into a labeled section.", "features": [ "titled header with icon and subtitle", "collapsible/collapsed toggle", "column and layout variants", "slot for grouped content" ], "adaptability": "adaptable", "searchText": "fieldset core a grouping container that wraps related fields under a styled header with icon, title, subtitle, and optional collapse toggle. reuse whenever a seed needs to visually group and optionally collapse a set of form fields or content into a labeled section. titled header with icon and subtitle collapsible/collapsed toggle column and layout variants slot for grouped content collapsed collapsible column icon layout subtitle title" }, { "id": "flow-test-view", "tag": "m-flow-test-view", "source": "mutual.app", "file": "components/flow-test-view.mutual", "url": "/components/flow-test-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 967, "purpose": "Developer console for testing AI flow components, with a live queue monitor across local, mesh, and cloud inference providers.", "usageIdea": "Reuse during development to watch inference queue/slot status and exercise AI flow components in real time.", "features": [ "Live SSE-connected queue monitor", "Per-provider panels (local/mesh/cloud)", "Slot, active, and queued job counts", "Availability refresh", "AI component test harness" ], "adaptability": "none", "searchText": "flow-test-view view developer console for testing ai flow components, with a live queue monitor across local, mesh, and cloud inference providers. reuse during development to watch inference queue/slot status and exercise ai flow components in real time. live sse-connected queue monitor per-provider panels (local/mesh/cloud) slot, active, and queued job counts availability refresh ai component test harness" }, { "id": "form-elements", "tag": "m-form-elements", "source": "mutual.app", "file": "components/form-elements.mutual", "url": "/components/form-elements.mutual", "category": "core", "attributes": [], "slots": [ "default" ], "hasScript": false, "hasStyle": true, "loc": 48, "purpose": "A lightweight form-styling wrapper that provides consistent form-group, label, input, textarea, and select styling to its slotted children.", "usageIdea": "Reuse to wrap a block of form fields so they inherit standard Mutual form styling without restating CSS.", "features": [ "Slot for arbitrary form markup", "Standard .form-group/.form-label styling", "Styled .form-input/.form-textarea/.form-select with focus states", "Token-based spacing, borders, and typography" ], "adaptability": "adaptable", "searchText": "form-elements core a lightweight form-styling wrapper that provides consistent form-group, label, input, textarea, and select styling to its slotted children. reuse to wrap a block of form fields so they inherit standard mutual form styling without restating css. slot for arbitrary form markup standard .form-group/.form-label styling styled .form-input/.form-textarea/.form-select with focus states token-based spacing, borders, and typography" }, { "id": "genesis-foundation-test-suite", "tag": "m-genesis-foundation-test-suite", "source": "mutual.app", "file": "components/genesis-foundation-test-suite.mutual", "url": "/components/genesis-foundation-test-suite.mutual", "category": "test", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 413, "purpose": "A test-runner dashboard for the mesh.genesis foundation layer that runs phased local and networked tests with live phase, peer, backend status and pass/fail/skip progress.", "usageIdea": "Reused as a QA surface to validate the genesis foundation primitives before building seeds on top of them.", "features": [ "Run-all and local-only test modes", "Status bar with phase, peer count, backend status", "Progress bar with pass/fail/skip counts", "Per-test rows with phase badges and statuses" ], "adaptability": "none", "searchText": "genesis-foundation-test-suite test a test-runner dashboard for the mesh.genesis foundation layer that runs phased local and networked tests with live phase, peer, backend status and pass/fail/skip progress. reused as a qa surface to validate the genesis foundation primitives before building seeds on top of them. run-all and local-only test modes status bar with phase, peer count, backend status progress bar with pass/fail/skip counts per-test rows with phase badges and statuses" }, { "id": "genesis-foundation-test-view", "tag": "m-genesis-foundation-test-view", "source": "mutual.app", "file": "components/genesis-foundation-test-view.mutual", "url": "/components/genesis-foundation-test-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 505, "purpose": "A test/inspection view for the mesh.genesis foundation layer: browses the foundation manifest, inspects soil contracts, shows genesis seed metadata and audits the infrastructure boundary.", "usageIdea": "Reused by a development or genesis step to verify and explore the foundation manifest, soil-type contracts and genesis seed exports.", "features": [ "Foundation manifest browser grouped by soil type with category filter", "Soil contract inspector across 23 types showing facets", "Genesis seed v1 metadata readout (DID, author, version, counts)", "Test suites for manifest, contracts, genesis and boundary exports", "Pass/fail counts via @mutual/network probing" ], "adaptability": "none", "searchText": "genesis-foundation-test-view view a test/inspection view for the mesh.genesis foundation layer: browses the foundation manifest, inspects soil contracts, shows genesis seed metadata and audits the infrastructure boundary. reused by a development or genesis step to verify and explore the foundation manifest, soil-type contracts and genesis seed exports. foundation manifest browser grouped by soil type with category filter soil contract inspector across 23 types showing facets genesis seed v1 metadata readout (did, author, version, counts) test suites for manifest, contracts, genesis and boundary exports pass/fail counts via @mutual/network probing" }, { "id": "graphic", "tag": "m-graphic", "source": "mutual.app", "file": "components/graphic.mutual", "url": "/components/graphic.mutual", "category": "core", "attributes": [ "animate", "data", "height", "title", "type", "width" ], "slots": [], "hasScript": true, "hasStyle": true, "loc": 546, "purpose": "A declarative SVG diagram renderer that draws nodes and connectors from a data spec with optional staggered animation.", "usageIdea": "Reused wherever a seed or presentation step needs a lightweight, themeable node-and-connector graphic (block/flow diagrams).", "features": [ "Renders SVG nodes, labels, and solid/dashed connectors with arrowheads", "Data-driven via a type and JSON data attribute", "Configurable title, width, height, and animation toggle", "Staggered fade-in and stroke-draw animations", "Responsive scaling via viewBox" ], "adaptability": "configurable", "searchText": "graphic core a declarative svg diagram renderer that draws nodes and connectors from a data spec with optional staggered animation. reused wherever a seed or presentation step needs a lightweight, themeable node-and-connector graphic (block/flow diagrams). renders svg nodes, labels, and solid/dashed connectors with arrowheads data-driven via a type and json data attribute configurable title, width, height, and animation toggle staggered fade-in and stroke-draw animations responsive scaling via viewbox animate data height title type width" }, { "id": "grid", "tag": "m-grid", "source": "mutual.app", "file": "components/grid.mutual", "url": "/components/grid.mutual", "category": "core", "attributes": [ "align", "columns", "gap", "loading", "minwidth", "padding", "rows", "variant" ], "slots": [ "default" ], "hasScript": true, "hasStyle": true, "loc": 457, "purpose": "A responsive grid layout container that arranges slotted children into auto-filling columns with loading skeletons and an empty state.", "usageIdea": "Reuse whenever a seed needs to lay out a collection of cards or items in a responsive, configurable grid.", "features": [ "auto-fill responsive columns", "configurable columns/min-width/gap/padding", "loading skeleton placeholders", "empty state with icon and message", "content slot" ], "adaptability": "adaptable", "searchText": "grid core a responsive grid layout container that arranges slotted children into auto-filling columns with loading skeletons and an empty state. reuse whenever a seed needs to lay out a collection of cards or items in a responsive, configurable grid. auto-fill responsive columns configurable columns/min-width/gap/padding loading skeleton placeholders empty state with icon and message content slot align columns gap loading minwidth padding rows variant" }, { "id": "celebration-guidelet", "tag": "m-celebration-guidelet", "source": "mutual.app", "file": "components/guidelets/celebration-guidelet.mutual", "url": "/components/guidelets/celebration-guidelet.mutual", "category": "guidelets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 376, "purpose": "Guidelet that celebrates a milestone or goal completion with an icon, message, optional badge, progress summary, and confetti.", "usageIdea": "Reuse at the end of a flow or planting step to acknowledge achievement and offer continue/share actions.", "features": [ "Celebration icon/emoji and title", "Optional achievement badge and progress summary", "Confetti canvas effect", "Continue and optional share actions", "Driven by a guidelet config object" ], "adaptability": "configurable", "searchText": "celebration-guidelet guidelets guidelet that celebrates a milestone or goal completion with an icon, message, optional badge, progress summary, and confetti. reuse at the end of a flow or planting step to acknowledge achievement and offer continue/share actions. celebration icon/emoji and title optional achievement badge and progress summary confetti canvas effect continue and optional share actions driven by a guidelet config object" }, { "id": "clarification-guidelet", "tag": "m-clarification-guidelet", "source": "mutual.app", "file": "components/guidelets/clarification-guidelet.mutual", "url": "/components/guidelets/clarification-guidelet.mutual", "category": "guidelets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 899, "purpose": "An inline clarification dialog that asks the user a targeted question with options and/or free text, with optional AI rephrasing and suggestions, then emits the answer.", "usageIdea": "Reuse when a flow or synthesis step needs to ask the user to clarify a factor, milestone, goal, or other ambiguity before proceeding.", "features": [ "Question with predefined or AI-generated options plus free-text input", "Placeholder expansion ({{path}}) and AI question rephrasing", "Optional AI answer suggestion and contextual help", "Single/multi-select, skippable, with target-typed icon and label", "Emits guidelet-satisfied/guidelet-dismissed events with the answer" ], "adaptability": "configurable", "searchText": "clarification-guidelet guidelets an inline clarification dialog that asks the user a targeted question with options and/or free text, with optional ai rephrasing and suggestions, then emits the answer. reuse when a flow or synthesis step needs to ask the user to clarify a factor, milestone, goal, or other ambiguity before proceeding. question with predefined or ai-generated options plus free-text input placeholder expansion ({{path}}) and ai question rephrasing optional ai answer suggestion and contextual help single/multi-select, skippable, with target-typed icon and label emits guidelet-satisfied/guidelet-dismissed events with the answer" }, { "id": "comparison-matrix-guidelet", "tag": "m-comparison-matrix-guidelet", "source": "mutual.app", "file": "components/guidelets/comparison-matrix-guidelet.mutual", "url": "/components/guidelets/comparison-matrix-guidelet.mutual", "category": "guidelets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 762, "purpose": "A guidelet that renders an entities-by-factors comparison heatmap with adjustable factor-weight sliders, success-factor highlighting, and AI-generated objective ratings.", "usageIdea": "Reused as an inline decision-aid where several candidate entities need to be scored and compared across weighted factors during a synthesis or planting step.", "features": [ "Entities x factors matrix heatmap", "Per-factor importance weight sliders", "Milestone success-factor highlighting", "AI-generated objective ratings", "Dismissable inline guidelet" ], "adaptability": "configurable", "searchText": "comparison-matrix-guidelet guidelets a guidelet that renders an entities-by-factors comparison heatmap with adjustable factor-weight sliders, success-factor highlighting, and ai-generated objective ratings. reused as an inline decision-aid where several candidate entities need to be scored and compared across weighted factors during a synthesis or planting step. entities x factors matrix heatmap per-factor importance weight sliders milestone success-factor highlighting ai-generated objective ratings dismissable inline guidelet" }, { "id": "entity-collection-guidelet", "tag": "m-entity-collection-guidelet", "source": "mutual.app", "file": "components/guidelets/entity-collection-guidelet.mutual", "url": "/components/guidelets/entity-collection-guidelet.mutual", "category": "guidelets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 402, "purpose": "A guidelet for collecting named instances of an entity type, showing existing entries as removable chips with optional AI generation.", "usageIdea": "Reused during an engagement flow when a step needs the user to enumerate instances of a given entity type (e.g. options being compared).", "features": [ "Name input that adds entity instances on Enter/Add", "Existing entities shown as removable chips", "Optional AI-generate-options button when companion pipeline is present", "Dispatches guidelet-satisfied/dismissed/action events", "Live count feedback, configured via a guidelet JSON attribute" ], "adaptability": "configurable", "searchText": "entity-collection-guidelet guidelets a guidelet for collecting named instances of an entity type, showing existing entries as removable chips with optional ai generation. reused during an engagement flow when a step needs the user to enumerate instances of a given entity type (e.g. options being compared). name input that adds entity instances on enter/add existing entities shown as removable chips optional ai-generate-options button when companion pipeline is present dispatches guidelet-satisfied/dismissed/action events live count feedback, configured via a guidelet json attribute" }, { "id": "entity-variable-guidelet", "tag": "m-entity-variable-guidelet", "source": "mutual.app", "file": "components/guidelets/entity-variable-guidelet.mutual", "url": "/components/guidelets/entity-variable-guidelet.mutual", "category": "guidelets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 365, "purpose": "An inline conversational prompt (guidelet) that asks the user to supply a value for an entity variable via enum, number, or text input.", "usageIdea": "Reused in an assistant/flow seed when a step needs the user to fill a required entity-variable value before continuing.", "features": [ "Polymorphic input rendering (enum buttons, number, or text)", "Title contextualized to the variable and its instance", "Min/max validation for numeric input", "Submit and dismiss actions with satisfied state", "Driven by a guidelet variable definition" ], "adaptability": "configurable", "searchText": "entity-variable-guidelet guidelets an inline conversational prompt (guidelet) that asks the user to supply a value for an entity variable via enum, number, or text input. reused in an assistant/flow seed when a step needs the user to fill a required entity-variable value before continuing. polymorphic input rendering (enum buttons, number, or text) title contextualized to the variable and its instance min/max validation for numeric input submit and dismiss actions with satisfied state driven by a guidelet variable definition" }, { "id": "fieldset-guidelet", "tag": "m-fieldset-guidelet", "source": "mutual.app", "file": "components/guidelets/fieldset-guidelet.mutual", "url": "/components/guidelets/fieldset-guidelet.mutual", "category": "guidelets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 428, "purpose": "A guidelet that collects structured data by rendering a set of entity fields (single or two-column rows) under a dismissible titled header.", "usageIdea": "Reuse as a guided data-collection step in a flow where a user must fill in a defined group of entity fields.", "features": [ "schema-driven field rows", "one- and two-column layouts", "satisfied/focused states", "dismiss button", "delegates to entity-focus-field" ], "adaptability": "configurable", "searchText": "fieldset-guidelet guidelets a guidelet that collects structured data by rendering a set of entity fields (single or two-column rows) under a dismissible titled header. reuse as a guided data-collection step in a flow where a user must fill in a defined group of entity fields. schema-driven field rows one- and two-column layouts satisfied/focused states dismiss button delegates to entity-focus-field" }, { "id": "guidelet-host", "tag": "m-guidelet-host", "source": "mutual.app", "file": "components/guidelets/guidelet-host.mutual", "url": "/components/guidelets/guidelet-host.mutual", "category": "guidelets", "attributes": [ "context", "maxVisible" ], "slots": [ "default" ], "hasScript": true, "hasStyle": true, "loc": 375, "purpose": "Container that manages and renders active guidelets, dispatching each to the right guidelet component (fieldset, suggestion, nudge, celebration, or custom) by type.", "usageIdea": "Reuse as the mount point in a view that needs contextual guidance, allowing the framework to push guidelets into a UI region.", "features": [ "Renders active guidelets by type", "Custom .guide component override support", "Max-visible and context attributes", "Relays satisfied/dismissed/action events to framework", "Composes the guidelet family" ], "adaptability": "adaptable", "searchText": "guidelet-host guidelets container that manages and renders active guidelets, dispatching each to the right guidelet component (fieldset, suggestion, nudge, celebration, or custom) by type. reuse as the mount point in a view that needs contextual guidance, allowing the framework to push guidelets into a ui region. renders active guidelets by type custom .guide component override support max-visible and context attributes relays satisfied/dismissed/action events to framework composes the guidelet family context maxvisible" }, { "id": "inference-progress-guidelet", "tag": "m-inference-progress-guidelet", "source": "mutual.app", "file": "components/guidelets/inference-progress-guidelet.mutual", "url": "/components/guidelets/inference-progress-guidelet.mutual", "category": "guidelets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 515, "purpose": "An inline progress panel showing real-time inference-plan execution — status, node progress, active WTM dimensions, budget consumption, and elapsed time.", "usageIdea": "Reuse to surface live progress while a synthesis/inference plan runs, giving the user visibility into nodes, dimensions, and budget spend.", "features": [ "Status badge (planning/executing/completed/failed) with icon", "Node progress bar and completed/total count", "Active WTM dimension badges", "Budget consumption bar with over-budget warning", "Live elapsed timer driven by plan progress events" ], "adaptability": "configurable", "searchText": "inference-progress-guidelet guidelets an inline progress panel showing real-time inference-plan execution — status, node progress, active wtm dimensions, budget consumption, and elapsed time. reuse to surface live progress while a synthesis/inference plan runs, giving the user visibility into nodes, dimensions, and budget spend. status badge (planning/executing/completed/failed) with icon node progress bar and completed/total count active wtm dimension badges budget consumption bar with over-budget warning live elapsed timer driven by plan progress events" }, { "id": "guidelet-inference-progress", "tag": "m-guidelet-inference-progress", "source": "mutual.app", "file": "components/guidelets/inference-progress.mutual", "url": "/components/guidelets/inference-progress.mutual", "category": "guidelets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 118, "purpose": "A compact guidelet that visualizes the live progress of an AI inference plan — task completion, active dimensions, budget consumption, elapsed time, and per-node detail.", "usageIdea": "Reused inline wherever a seed or synthesis step runs a multi-node inference plan and the user should see its progress and cost in real time.", "features": [ "Status badge and task progress bar", "Active dimension badges", "Budget used/total in compute credits", "Elapsed time display", "Collapsible active-node detail list" ], "adaptability": "none", "searchText": "guidelet-inference-progress guidelets a compact guidelet that visualizes the live progress of an ai inference plan — task completion, active dimensions, budget consumption, elapsed time, and per-node detail. reused inline wherever a seed or synthesis step runs a multi-node inference plan and the user should see its progress and cost in real time. status badge and task progress bar active dimension badges budget used/total in compute credits elapsed time display collapsible active-node detail list" }, { "id": "insight-guidelet", "tag": "m-insight-guidelet", "source": "mutual.app", "file": "components/guidelets/insight-guidelet.mutual", "url": "/components/guidelets/insight-guidelet.mutual", "category": "guidelets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 396, "purpose": "A collapsible guidelet that surfaces a learning tip, best practice or warning with optional example, links and helpfulness feedback.", "usageIdea": "Reused during an engagement flow to surface contextual tips or best practices the user can rate or suppress.", "features": [ "Expandable card with variant styling (tip/learn/best-practice/warning)", "Body text, optional example block and related links", "Helpful/not-helpful feedback buttons", "Don't-show-again suppression with dispatched event", "Configured via a guidelet JSON attribute, telemetry on view" ], "adaptability": "configurable", "searchText": "insight-guidelet guidelets a collapsible guidelet that surfaces a learning tip, best practice or warning with optional example, links and helpfulness feedback. reused during an engagement flow to surface contextual tips or best practices the user can rate or suppress. expandable card with variant styling (tip/learn/best-practice/warning) body text, optional example block and related links helpful/not-helpful feedback buttons don't-show-again suppression with dispatched event configured via a guidelet json attribute, telemetry on view" }, { "id": "milestone-guidelet", "tag": "m-milestone-guidelet", "source": "mutual.app", "file": "components/guidelets/milestone-guidelet.mutual", "url": "/components/guidelets/milestone-guidelet.mutual", "category": "guidelets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 911, "purpose": "An inline guidelet form for creating or editing a milestone (name, description, intention, position, status).", "usageIdea": "Reused in an engagement/planning flow seed when a step needs the user to define or refine a milestone.", "features": [ "Create and edit modes with status icon and meta header", "Name, description, and intention fields with validation", "Optional AI-assist to generate a description", "Position selector relative to sibling milestones", "Delete action and loading state" ], "adaptability": "configurable", "searchText": "milestone-guidelet guidelets an inline guidelet form for creating or editing a milestone (name, description, intention, position, status). reused in an engagement/planning flow seed when a step needs the user to define or refine a milestone. create and edit modes with status icon and meta header name, description, and intention fields with validation optional ai-assist to generate a description position selector relative to sibling milestones delete action and loading state" }, { "id": "nudge-guidelet", "tag": "m-nudge-guidelet", "source": "mutual.app", "file": "components/guidelets/nudge-guidelet.mutual", "url": "/components/guidelets/nudge-guidelet.mutual", "category": "guidelets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 351, "purpose": "A small proactive nudge prompt that surfaces a titled hint with an optional action button and auto-dismiss progress when a user seems stuck.", "usageIdea": "Reuse to display a contextual, dismissible hint or call-to-action during a flow when guidance is needed.", "features": [ "icon and title/description", "optional action button", "auto-dismiss with progress bar", "pause on hover", "close button", "variant styling" ], "adaptability": "configurable", "searchText": "nudge-guidelet guidelets a small proactive nudge prompt that surfaces a titled hint with an optional action button and auto-dismiss progress when a user seems stuck. reuse to display a contextual, dismissible hint or call-to-action during a flow when guidance is needed. icon and title/description optional action button auto-dismiss with progress bar pause on hover close button variant styling" }, { "id": "opinion-guidelet", "tag": "m-opinion-guidelet", "source": "mutual.app", "file": "components/guidelets/opinion-guidelet.mutual", "url": "/components/guidelets/opinion-guidelet.mutual", "category": "guidelets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 307, "purpose": "Guidelet that captures an opinion on a factor using a 1-to-10 scale with negative/balanced/positive reference-frame labels.", "usageIdea": "Reuse when a flow or feedback step needs to elicit a scaled opinion rating against a named factor.", "features": [ "1-10 scale buttons with range coloring", "Factor name and prompt question", "Negative/balanced/positive scale labels", "Selection feedback text", "Dismissable" ], "adaptability": "configurable", "searchText": "opinion-guidelet guidelets guidelet that captures an opinion on a factor using a 1-to-10 scale with negative/balanced/positive reference-frame labels. reuse when a flow or feedback step needs to elicit a scaled opinion rating against a named factor. 1-10 scale buttons with range coloring factor name and prompt question negative/balanced/positive scale labels selection feedback text dismissable" }, { "id": "placeholder-guidelet", "tag": "m-placeholder-guidelet", "source": "mutual.app", "file": "components/guidelets/placeholder-guidelet.mutual", "url": "/components/guidelets/placeholder-guidelet.mutual", "category": "guidelets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 323, "purpose": "An inline guidelet that prompts the user to fill an engagement-level placeholder value via enum buttons or a text/number input.", "usageIdea": "Reuse when a flow needs the user to supply a single template placeholder value (a choice or a typed value) before continuing.", "features": [ "Enum button options or text/number input based on field definition", "Auto-focus and enter-to-submit input", "Dismiss action", "Emits guidelet-satisfied/guidelet-dismissed events with the value", "Satisfied-state styling" ], "adaptability": "configurable", "searchText": "placeholder-guidelet guidelets an inline guidelet that prompts the user to fill an engagement-level placeholder value via enum buttons or a text/number input. reuse when a flow needs the user to supply a single template placeholder value (a choice or a typed value) before continuing. enum button options or text/number input based on field definition auto-focus and enter-to-submit input dismiss action emits guidelet-satisfied/guidelet-dismissed events with the value satisfied-state styling" }, { "id": "progress-guidelet", "tag": "m-progress-guidelet", "source": "mutual.app", "file": "components/guidelets/progress-guidelet.mutual", "url": "/components/guidelets/progress-guidelet.mutual", "category": "guidelets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 335, "purpose": "A guidelet that shows progress toward a milestone or engagement goal as a current/target bar with milestone markers, status message, and a reward preview.", "usageIdea": "Reused inline to nudge users toward completing a goal in a seed, showing how far they are and what reward awaits.", "features": [ "Current/target progress bar with glow", "Milestone markers with reached state", "Status message or description", "Reward preview while incomplete", "Complete state styling" ], "adaptability": "configurable", "searchText": "progress-guidelet guidelets a guidelet that shows progress toward a milestone or engagement goal as a current/target bar with milestone markers, status message, and a reward preview. reused inline to nudge users toward completing a goal in a seed, showing how far they are and what reward awaits. current/target progress bar with glow milestone markers with reached state status message or description reward preview while incomplete complete state styling" }, { "id": "strategy-guidelet", "tag": "m-strategy-guidelet", "source": "mutual.app", "file": "components/guidelets/strategy-guidelet.mutual", "url": "/components/guidelets/strategy-guidelet.mutual", "category": "guidelets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 1152, "purpose": "A guidelet for selecting or changing an engagement's strategy, showing current vs suggested strategies, factor-impact previews and custom/AI options.", "usageIdea": "Reused during an engagement flow when a step needs the user to pick, change or accept a recommended strategy.", "features": [ "Lists available strategies with factor modifiers and impact badges", "Shows suggested-strategy change with reason and impact preview", "Optional AI recommendation and AI-generated hybrid strategy", "Custom strategy definition (name + description)", "Applies via MutualEntity and dispatches strategy-changed/complete events" ], "adaptability": "configurable", "searchText": "strategy-guidelet guidelets a guidelet for selecting or changing an engagement's strategy, showing current vs suggested strategies, factor-impact previews and custom/ai options. reused during an engagement flow when a step needs the user to pick, change or accept a recommended strategy. lists available strategies with factor modifiers and impact badges shows suggested-strategy change with reason and impact preview optional ai recommendation and ai-generated hybrid strategy custom strategy definition (name + description) applies via mutualentity and dispatches strategy-changed/complete events" }, { "id": "suggestion-guidelet", "tag": "m-suggestion-guidelet", "source": "mutual.app", "file": "components/guidelets/suggestion-guidelet.mutual", "url": "/components/guidelets/suggestion-guidelet.mutual", "category": "guidelets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 268, "purpose": "A compact suggestion card that recommends an action with a title, optional description, and an act/dismiss button pair.", "usageIdea": "Reused in an assistant/flow seed to surface a recommended next action the user can take or dismiss.", "features": [ "Priority-colored icon and title/description content", "Primary action button with configurable label/icon", "Dismiss control (unless suppression disabled)", "Compact mode for suggestion bars", "Driven by a JSON guidelet attribute with live updates" ], "adaptability": "configurable", "searchText": "suggestion-guidelet guidelets a compact suggestion card that recommends an action with a title, optional description, and an act/dismiss button pair. reused in an assistant/flow seed to surface a recommended next action the user can take or dismiss. priority-colored icon and title/description content primary action button with configurable label/icon dismiss control (unless suppression disabled) compact mode for suggestion bars driven by a json guidelet attribute with live updates" }, { "id": "welcome-guidelet", "tag": "m-welcome-guidelet", "source": "mutual.app", "file": "components/guidelets/welcome-guidelet.mutual", "url": "/components/guidelets/welcome-guidelet.mutual", "category": "guidelets", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 1442, "purpose": "A first-interaction welcome panel that greets the user (optionally personalized), asks a goal question, and shows classification/engagement-creation progress as they respond.", "usageIdea": "Reuse as the onboarding entry prompt after activation, capturing a user's first goal to kick off a flow.", "features": [ "personalized animated title", "goal question with textarea", "ctrl/cmd-enter submit", "classification status indicator", "engagement-creation progress bar" ], "adaptability": "configurable", "searchText": "welcome-guidelet guidelets a first-interaction welcome panel that greets the user (optionally personalized), asks a goal question, and shows classification/engagement-creation progress as they respond. reuse as the onboarding entry prompt after activation, capturing a user's first goal to kick off a flow. personalized animated title goal question with textarea ctrl/cmd-enter submit classification status indicator engagement-creation progress bar" }, { "id": "headline", "tag": "m-headline", "source": "mutual.app", "file": "components/headline.mutual", "url": "/components/headline.mutual", "category": "core", "attributes": [ "align", "icon", "level", "subtitle", "tagline" ], "slots": [ "default" ], "hasScript": true, "hasStyle": true, "loc": 236, "purpose": "Semantic heading block rendering h1-h4 with optional section number, icon, tagline, and subtitle, with left/center alignment.", "usageIdea": "Reuse as the standard section/page heading anywhere a seed needs a styled, leveled title with supporting text.", "features": [ "Configurable heading level h1-h4", "Optional section number, icon, tagline, subtitle", "Left or center alignment", "Slotted heading text", "Themed typography tokens" ], "adaptability": "adaptable", "searchText": "headline core semantic heading block rendering h1-h4 with optional section number, icon, tagline, and subtitle, with left/center alignment. reuse as the standard section/page heading anywhere a seed needs a styled, leveled title with supporting text. configurable heading level h1-h4 optional section number, icon, tagline, subtitle left or center alignment slotted heading text themed typography tokens align icon level subtitle tagline" }, { "id": "init", "tag": "m-init", "source": "mutual.app", "file": "components/init.mutual", "url": "/components/init.mutual", "category": "core", "attributes": [ "domain", "show", "tagline" ], "slots": [], "hasScript": true, "hasStyle": true, "loc": 504, "purpose": "A full-screen initialization/splash screen showing a 3D mesh logo, domain name, tagline, and color strip, that fades out and self-destructs when the app is ready.", "usageIdea": "Reuse as the boot splash for any Mutual app surface, parameterized with the domain and tagline, while initialization progresses.", "features": [ "Configurable domain, tagline, and show attributes", "3D mesh logo with fade-in animation and color strip", "Listens to init/app:ready events to update progress and hide", "Minimum-display timing then fade-out and full DOM/WebGL teardown", "Global updateLoading() progress hook" ], "adaptability": "configurable", "searchText": "init core a full-screen initialization/splash screen showing a 3d mesh logo, domain name, tagline, and color strip, that fades out and self-destructs when the app is ready. reuse as the boot splash for any mutual app surface, parameterized with the domain and tagline, while initialization progresses. configurable domain, tagline, and show attributes 3d mesh logo with fade-in animation and color strip listens to init/app:ready events to update progress and hide minimum-display timing then fade-out and full dom/webgl teardown global updateloading() progress hook domain show tagline" }, { "id": "loading-strip", "tag": "m-loading-strip", "source": "mutual.app", "file": "components/loading-strip.mutual", "url": "/components/loading-strip.mutual", "category": "core", "attributes": [ "height", "mode", "position" ], "slots": [], "hasScript": true, "hasStyle": true, "loc": 406, "purpose": "A thin multi-segment loading/status strip pinned to the top, bottom, or inline, where each colour segment reflects a loading group's status with a hover popup of module detail.", "usageIdea": "Reused as the app-wide boot/health indicator, or in a seed shell to surface module loading status and restrictions at a glance.", "features": [ "Configurable height, position (top/bottom/relative), and mode (init/footer)", "Per-segment status visuals (pending, loading, operational, warning, error, blocked, skipped)", "Hover popup with module versions, progress, and restrictions", "Reads colours from theme and status from MutualLoadingRegistry", "Click emits loading:toggle-panel event" ], "adaptability": "configurable", "searchText": "loading-strip core a thin multi-segment loading/status strip pinned to the top, bottom, or inline, where each colour segment reflects a loading group's status with a hover popup of module detail. reused as the app-wide boot/health indicator, or in a seed shell to surface module loading status and restrictions at a glance. configurable height, position (top/bottom/relative), and mode (init/footer) per-segment status visuals (pending, loading, operational, warning, error, blocked, skipped) hover popup with module versions, progress, and restrictions reads colours from theme and status from mutualloadingregistry click emits loading:toggle-panel event height mode position" }, { "id": "loading", "tag": "m-loading", "source": "mutual.app", "file": "components/loading.mutual", "url": "/components/loading.mutual", "category": "core", "attributes": [ "icons", "id", "tagline", "title" ], "slots": [ "default" ], "hasScript": true, "hasStyle": true, "loc": 218, "purpose": "A full-screen loading splash with animated icon logo, title, progress bar and step messages, controllable via events and a global API.", "usageIdea": "Reused by any seed or app shell as the startup/transition loading screen while resources initialize.", "features": [ "Animated multi-icon logo plus configurable title and tagline", "Progress bar and step-message area driven by loading:update events", "Global window.updateLoading and show/hide event API", "Slot for custom content", "Hides and marks #app ready when complete" ], "adaptability": "adaptable", "searchText": "loading core a full-screen loading splash with animated icon logo, title, progress bar and step messages, controllable via events and a global api. reused by any seed or app shell as the startup/transition loading screen while resources initialize. animated multi-icon logo plus configurable title and tagline progress bar and step-message area driven by loading:update events global window.updateloading and show/hide event api slot for custom content hides and marks #app ready when complete icons id tagline title" }, { "id": "logo", "tag": "m-logo", "source": "mutual.app", "file": "components/logo.mutual", "url": "/components/logo.mutual", "category": "core", "attributes": [ "height", "width" ], "slots": [], "hasScript": true, "hasStyle": true, "loc": 391, "purpose": "An animated 3D mesh logo rendered with THREE.js and GSAP into a sized container.", "usageIdea": "Reused on landing/splash or branding surfaces of a seed that wants the animated mesh identity mark.", "features": [ "THREE.js-rendered 3D logo with GSAP animation", "Configurable width/height attributes with viewport-based default", "Loading indicator until dependencies/render are ready", "Guards against duplicate initialization", "Transparent canvas overlay" ], "adaptability": "configurable", "searchText": "logo core an animated 3d mesh logo rendered with three.js and gsap into a sized container. reused on landing/splash or branding surfaces of a seed that wants the animated mesh identity mark. three.js-rendered 3d logo with gsap animation configurable width/height attributes with viewport-based default loading indicator until dependencies/render are ready guards against duplicate initialization transparent canvas overlay height width" }, { "id": "cascade-unmount-prompt", "tag": "m-cascade-unmount-prompt", "source": "mutual.app", "file": "components/m-cascade-unmount-prompt.mutual", "url": "/components/m-cascade-unmount-prompt.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 111, "purpose": "A confirmation dialog warning that unmounting a seed will cascade-unmount its dependent seeds, listing each dependent before confirming.", "usageIdea": "Reuse when a seed-management surface needs to confirm a cascading unmount and show the user which dependent seeds are affected.", "features": [ "modal dialog with backdrop", "dependent seed list", "cascade count in confirm button", "preserved-entities note", "confirm/cancel response" ], "adaptability": "configurable", "searchText": "cascade-unmount-prompt core a confirmation dialog warning that unmounting a seed will cascade-unmount its dependent seeds, listing each dependent before confirming. reuse when a seed-management surface needs to confirm a cascading unmount and show the user which dependent seeds are affected. modal dialog with backdrop dependent seed list cascade count in confirm button preserved-entities note confirm/cancel response" }, { "id": "consent-prompt", "tag": "m-consent-prompt", "source": "mutual.app", "file": "components/m-consent-prompt.mutual", "url": "/components/m-consent-prompt.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 160, "purpose": "Modal permission-request dialog that asks the user to approve or deny a seed's capability request, showing capability, purpose, scope, and side effects.", "usageIdea": "Reuse whenever a seed attempts a gated capability and the runtime must obtain explicit user consent before proceeding.", "features": [ "Modal dialog with backdrop", "Shows capability, description, scope, side effects, consent class", "Approve-once/always and deny-once/always responses", "Per-seed identification", "Emits response back to consent system" ], "adaptability": "configurable", "searchText": "consent-prompt core modal permission-request dialog that asks the user to approve or deny a seed's capability request, showing capability, purpose, scope, and side effects. reuse whenever a seed attempts a gated capability and the runtime must obtain explicit user consent before proceeding. modal dialog with backdrop shows capability, description, scope, side effects, consent class approve-once/always and deny-once/always responses per-seed identification emits response back to consent system" }, { "id": "revocation-prompt", "tag": "m-revocation-prompt", "source": "mutual.app", "file": "components/m-revocation-prompt.mutual", "url": "/components/m-revocation-prompt.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 163, "purpose": "A modal dialog that warns the user a mounted seed has been revoked or deprecated and asks whether to keep it mounted (at their risk) or unmount it now.", "usageIdea": "Reused when a seed bundle is flagged (security, advisory, or deprecation) and the user must decide to keep or unmount it, optionally pointing to a successor.", "features": [ "Severity-coloured warning header (security/advisory/deprecated)", "Shows seed name, bundle version, and reason", "Advisory issuer badge and override note", "Successor/supersession pointer", "Keep-mounted vs unmount-now actions" ], "adaptability": "none", "searchText": "revocation-prompt core a modal dialog that warns the user a mounted seed has been revoked or deprecated and asks whether to keep it mounted (at their risk) or unmount it now. reused when a seed bundle is flagged (security, advisory, or deprecation) and the user must decide to keep or unmount it, optionally pointing to a successor. severity-coloured warning header (security/advisory/deprecated) shows seed name, bundle version, and reason advisory issuer badge and override note successor/supersession pointer keep-mounted vs unmount-now actions" }, { "id": "seed-mount", "tag": "m-seed-mount", "source": "mutual.app", "file": "components/m-seed-mount.mutual", "url": "/components/m-seed-mount.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 425, "purpose": "A seeds panel that lists mounted and available synthesis seeds, lets the user mount/unmount them, and choose a gentle vs immersive mounting mode.", "usageIdea": "Reuse to manage which synthesis seeds are active for a user, surfacing discovered seeds and their mounted modules.", "features": [ "Mounted and available seed sections with counts", "Mount/unmount actions per seed", "Gentle vs immersive mounting-mode toggle", "Per-seed module count display", "Reacts to seed-discovery events and synthesis store state" ], "adaptability": "none", "searchText": "seed-mount core a seeds panel that lists mounted and available synthesis seeds, lets the user mount/unmount them, and choose a gentle vs immersive mounting mode. reuse to manage which synthesis seeds are active for a user, surfacing discovered seeds and their mounted modules. mounted and available seed sections with counts mount/unmount actions per seed gentle vs immersive mounting-mode toggle per-seed module count display reacts to seed-discovery events and synthesis store state" }, { "id": "m-storage-mode", "tag": "m-m-storage-mode", "source": "mutual.app", "file": "components/m-storage-mode.mutual", "url": "/components/m-storage-mode.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 370, "purpose": "A storage-mode indicator and toggle for an entity, switching between private (local), shared (team), and public (IPFS).", "usageIdea": "Reused on entity detail/edit surfaces of a seed to show and change where an entity is stored and who can access it.", "features": [ "Shows current mode with icon and label", "Dropdown selector for private/shared/public modes", "Mode availability gated by metatype (can-share/public)", "Compact icon-only and full layouts", "Readonly mode for display-only contexts" ], "adaptability": "configurable", "searchText": "m-storage-mode core a storage-mode indicator and toggle for an entity, switching between private (local), shared (team), and public (ipfs). reused on entity detail/edit surfaces of a seed to show and change where an entity is stored and who can access it. shows current mode with icon and label dropdown selector for private/shared/public modes mode availability gated by metatype (can-share/public) compact icon-only and full layouts readonly mode for display-only contexts" }, { "id": "markdown-preview", "tag": "m-markdown-preview", "source": "mutual.app", "file": "components/markdown-preview.mutual", "url": "/components/markdown-preview.mutual", "category": "core", "attributes": [], "slots": [ "default" ], "hasScript": true, "hasStyle": true, "loc": 2380, "purpose": "A markdown renderer/editor that displays slotted markdown as formatted HTML with a sticky table-of-contents popup and an optional Editor.js edit mode.", "usageIdea": "Reuse anywhere a seed needs to render markdown content with navigation, or provide an inline rich-text editing surface.", "features": [ "markdown to HTML rendering", "preview/edit mode toggle", "sticky table-of-contents popup", "heading navigation", "Editor.js editing" ], "adaptability": "configurable", "searchText": "markdown-preview core a markdown renderer/editor that displays slotted markdown as formatted html with a sticky table-of-contents popup and an optional editor.js edit mode. reuse anywhere a seed needs to render markdown content with navigation, or provide an inline rich-text editing surface. markdown to html rendering preview/edit mode toggle sticky table-of-contents popup heading navigation editor.js editing" }, { "id": "mesh-layout1", "tag": "m-mesh-layout1", "source": "mutual.app", "file": "components/mesh-layout1.mutual", "url": "/components/mesh-layout1.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": false, "hasStyle": true, "loc": 299, "purpose": "Overlay layout shell that arranges many named portal slots (user, apps, flow, menubar, search, submenu, navigation, prompt, test/device menubars, etc.) around the screen edges.", "usageIdea": "Reuse as the primary mesh app chrome layout into which the framework projects UI regions via named portals.", "features": [ "Edge-positioned named portal slots", "User/apps/flow/search/menubar/navigation regions", "Prompt and submenu slots", "Test and device menubar slots", "Pure presentational slot arrangement" ], "adaptability": "adaptable", "searchText": "mesh-layout1 core overlay layout shell that arranges many named portal slots (user, apps, flow, menubar, search, submenu, navigation, prompt, test/device menubars, etc.) around the screen edges. reuse as the primary mesh app chrome layout into which the framework projects ui regions via named portals. edge-positioned named portal slots user/apps/flow/search/menubar/navigation regions prompt and submenu slots test and device menubar slots pure presentational slot arrangement" }, { "id": "mesh-view", "tag": "m-mesh-view", "source": "mutual.app", "file": "components/mesh-view.mutual", "url": "/components/mesh-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 3402, "purpose": "An interactive 3D force-directed graph that visualizes entities, factors, and their relationships, with rich controls for forces, colors, similarity, and node inspection.", "usageIdea": "Reuse to explore the relationship structure among entities and factors as a navigable 3D mesh whenever a seed needs spatial graph visualization.", "features": [ "3D force graph of entity, factor, and type nodes with six link-type forces", "Per-link and per-node color/opacity/visibility controls", "Matrix vs cosine similarity modes with adjustable threshold", "Selected-node detail panel, legend, and live stats", "Persists graph state and publishes mesh:available premises" ], "adaptability": "none", "searchText": "mesh-view view an interactive 3d force-directed graph that visualizes entities, factors, and their relationships, with rich controls for forces, colors, similarity, and node inspection. reuse to explore the relationship structure among entities and factors as a navigable 3d mesh whenever a seed needs spatial graph visualization. 3d force graph of entity, factor, and type nodes with six link-type forces per-link and per-node color/opacity/visibility controls matrix vs cosine similarity modes with adjustable threshold selected-node detail panel, legend, and live stats persists graph state and publishes mesh:available premises" }, { "id": "linkedin-import", "tag": "m-linkedin-import", "source": "mutual.app", "file": "components/mesh.messaging/linkedin-import.mutual", "url": "/components/mesh.messaging/linkedin-import.mutual", "category": "mesh.messaging", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 294, "purpose": "A view for importing a LinkedIn data-export ZIP entirely in-browser, turning connections, followers, and optionally conversations into private contact entities (and optional Matrix rooms).", "usageIdea": "Reused as an onboarding/ingestion step where a user seeds their network by importing their LinkedIn archive into mutual.app contacts.", "features": [ "Step-by-step archive download instructions", "Drag-and-drop or file-picker ZIP intake", "Options for conversations import and Matrix room creation", "In-browser processing with phased progress bar", "Self-name field for own-message detection" ], "adaptability": "none", "searchText": "linkedin-import mesh.messaging a view for importing a linkedin data-export zip entirely in-browser, turning connections, followers, and optionally conversations into private contact entities (and optional matrix rooms). reused as an onboarding/ingestion step where a user seeds their network by importing their linkedin archive into mutual.app contacts. step-by-step archive download instructions drag-and-drop or file-picker zip intake options for conversations import and matrix room creation in-browser processing with phased progress bar self-name field for own-message detection" }, { "id": "inline-number-edit", "tag": "m-inline-number-edit", "source": "mutual.app", "file": "components/mesh/ui-forms/inline-number-edit.mutual", "url": "/components/mesh/ui-forms/inline-number-edit.mutual", "category": "mesh", "attributes": [ "decimals", "onchange", "unit", "value", "width" ], "slots": [], "hasScript": true, "hasStyle": true, "loc": 142, "purpose": "A compact inline numeric text field with locale (German) formatting, unit suffix and an onchange callback into the parent Alpine context.", "usageIdea": "Reused inside calculators or tables where a number needs to be edited in place with formatting and a unit label.", "features": [ "Inline editable number with de-DE thousands/decimal formatting", "Configurable width, decimals and unit attributes", "Reformats on blur and commits the parsed value", "Runs an onchange expression in the parent Alpine scope", "Supports static or bound :value with external-change watching" ], "adaptability": "configurable", "searchText": "inline-number-edit mesh a compact inline numeric text field with locale (german) formatting, unit suffix and an onchange callback into the parent alpine context. reused inside calculators or tables where a number needs to be edited in place with formatting and a unit label. inline editable number with de-de thousands/decimal formatting configurable width, decimals and unit attributes reformats on blur and commits the parsed value runs an onchange expression in the parent alpine scope supports static or bound :value with external-change watching decimals onchange unit value width" }, { "id": "assistant-message", "tag": "m-assistant-message", "source": "mutual.app", "file": "components/messages/assistant-message.mutual", "url": "/components/messages/assistant-message.mutual", "category": "messages", "attributes": [ "actions", "entities", "text", "timestamp", "type" ], "slots": [], "hasScript": true, "hasStyle": true, "loc": 407, "purpose": "A chat bubble for an AI assistant message with markdown body, optional entity cards, and action buttons.", "usageIdea": "Reused in a conversational/assistant seed to render assistant turns that may reference entities and offer follow-up actions.", "features": [ "Avatar, sender label, and timestamp header", "Markdown-rendered message body", "Inline entity cards with show-more and click-to-open", "Action buttons that emit/execute actions", "Slide-in entrance animation" ], "adaptability": "configurable", "searchText": "assistant-message messages a chat bubble for an ai assistant message with markdown body, optional entity cards, and action buttons. reused in a conversational/assistant seed to render assistant turns that may reference entities and offer follow-up actions. avatar, sender label, and timestamp header markdown-rendered message body inline entity cards with show-more and click-to-open action buttons that emit/execute actions slide-in entrance animation actions entities text timestamp type" }, { "id": "system-flow-processing", "tag": "m-system-flow-processing", "source": "mutual.app", "file": "components/messages/system-flow-processing.mutual", "url": "/components/messages/system-flow-processing.mutual", "category": "messages", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 142, "purpose": "A chat-style system message bubble that shows an in-progress flow with a spinning icon, status text, timestamp, and an optional prompt preview.", "usageIdea": "Reuse in a conversation/feed surface to indicate that the system is processing a flow step.", "features": [ "spinning processing avatar", "status text and timestamp", "prompt preview snippet", "system message bubble styling" ], "adaptability": "none", "searchText": "system-flow-processing messages a chat-style system message bubble that shows an in-progress flow with a spinning icon, status text, timestamp, and an optional prompt preview. reuse in a conversation/feed surface to indicate that the system is processing a flow step. spinning processing avatar status text and timestamp prompt preview snippet system message bubble styling" }, { "id": "system-flow-result", "tag": "m-system-flow-result", "source": "mutual.app", "file": "components/messages/system-flow-result.mutual", "url": "/components/messages/system-flow-result.mutual", "category": "messages", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 209, "purpose": "Chat-style system message that reports a flow execution result, listing any created entities and run statistics.", "usageIdea": "Reuse to render the outcome of a flow/AI run inside a conversation or activity stream, with clickable output entities.", "features": [ "System message with avatar and timestamp", "Result text and created-entity count", "Clickable output entity chips", "Duration/stats display", "Driven by a message data object" ], "adaptability": "configurable", "searchText": "system-flow-result messages chat-style system message that reports a flow execution result, listing any created entities and run statistics. reuse to render the outcome of a flow/ai run inside a conversation or activity stream, with clickable output entities. system message with avatar and timestamp result text and created-entity count clickable output entity chips duration/stats display driven by a message data object" }, { "id": "system-flow-step", "tag": "m-system-flow-step", "source": "mutual.app", "file": "components/messages/system-flow-step.mutual", "url": "/components/messages/system-flow-step.mutual", "category": "messages", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 103, "purpose": "A chat-thread message bubble that renders a numbered processing-step from a flow, showing its text and optional completion progress.", "usageIdea": "Reuse to display individual flow/pipeline execution steps inline within a conversation thread.", "features": [ "Numbered step avatar and processing label", "Step text from the message data", "Optional progress bar with percent-complete", "Relative timestamp formatting", "Reads message from the threadMessages store" ], "adaptability": "none", "searchText": "system-flow-step messages a chat-thread message bubble that renders a numbered processing-step from a flow, showing its text and optional completion progress. reuse to display individual flow/pipeline execution steps inline within a conversation thread. numbered step avatar and processing label step text from the message data optional progress bar with percent-complete relative timestamp formatting reads message from the threadmessages store" }, { "id": "team-entity-create", "tag": "m-team-entity-create", "source": "mutual.app", "file": "components/messages/team-entity-create.mutual", "url": "/components/messages/team-entity-create.mutual", "category": "messages", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 252, "purpose": "A chat message bubble that announces a team agent created an entity, showing its type, name, originating prompt, and a click-through to open it.", "usageIdea": "Reused in a team/agent conversation feed to surface entity-creation events as clickable message cards.", "features": [ "Create operation badge", "Entity type, name, and prompt text", "Click to open the created entity", "Team avatar and timestamp" ], "adaptability": "none", "searchText": "team-entity-create messages a chat message bubble that announces a team agent created an entity, showing its type, name, originating prompt, and a click-through to open it. reused in a team/agent conversation feed to surface entity-creation events as clickable message cards. create operation badge entity type, name, and prompt text click to open the created entity team avatar and timestamp" }, { "id": "team-entity-delete", "tag": "m-team-entity-delete", "source": "mutual.app", "file": "components/messages/team-entity-delete.mutual", "url": "/components/messages/team-entity-delete.mutual", "category": "messages", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 207, "purpose": "A chat-style message bubble announcing that a team member deleted an entity, showing the entity type, name, and a delete badge.", "usageIdea": "Reuse in an activity feed or conversation to surface a team entity-deletion event with a click-through to the entity.", "features": [ "delete operation badge", "entity type and name display", "clickable entity link", "team avatar and timestamp" ], "adaptability": "none", "searchText": "team-entity-delete messages a chat-style message bubble announcing that a team member deleted an entity, showing the entity type, name, and a delete badge. reuse in an activity feed or conversation to surface a team entity-deletion event with a click-through to the entity. delete operation badge entity type and name display clickable entity link team avatar and timestamp" }, { "id": "team-entity-share", "tag": "m-team-entity-share", "source": "mutual.app", "file": "components/messages/team-entity-share.mutual", "url": "/components/messages/team-entity-share.mutual", "category": "messages", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 76, "purpose": "Chat-style message showing that a team member shared an entity, with a clickable entity card.", "usageIdea": "Reuse to render entity-share events from teammates in a conversation or activity feed.", "features": [ "Team message with actor and timestamp", "Share operation badge", "Clickable entity type/name card", "Opens the shared entity on click", "Reads from threadMessages store" ], "adaptability": "none", "searchText": "team-entity-share messages chat-style message showing that a team member shared an entity, with a clickable entity card. reuse to render entity-share events from teammates in a conversation or activity feed. team message with actor and timestamp share operation badge clickable entity type/name card opens the shared entity on click reads from threadmessages store" }, { "id": "team-entity-update", "tag": "m-team-entity-update", "source": "mutual.app", "file": "components/messages/team-entity-update.mutual", "url": "/components/messages/team-entity-update.mutual", "category": "messages", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 252, "purpose": "A chat-thread message bubble announcing that a team member updated an entity, with a clickable card linking to the affected entity.", "usageIdea": "Reuse to surface team entity-update activity inline in a conversation thread, letting users jump to the updated entity.", "features": [ "Update operation badge and team avatar", "Clickable entity card with type, name, and optional prompt text", "Resolves related entity and message from the entity store", "Opens the entity on click via event dispatch", "Relative/absolute timestamp formatting" ], "adaptability": "none", "searchText": "team-entity-update messages a chat-thread message bubble announcing that a team member updated an entity, with a clickable card linking to the affected entity. reuse to surface team entity-update activity inline in a conversation thread, letting users jump to the updated entity. update operation badge and team avatar clickable entity card with type, name, and optional prompt text resolves related entity and message from the entity store opens the entity on click via event dispatch relative/absolute timestamp formatting" }, { "id": "team-prompt-message", "tag": "m-team-prompt-message", "source": "mutual.app", "file": "components/messages/team-prompt-message.mutual", "url": "/components/messages/team-prompt-message.mutual", "category": "messages", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 162, "purpose": "A chat-thread message bubble rendering a team member's prompt text, with truncate/expand and optional flow metadata.", "usageIdea": "Reused inside an engagement/team conversation thread to render a member's prompt as a message.", "features": [ "Team-styled message bubble with author label, timestamp and avatar", "Long-text truncation with more/less toggle", "Optional flow-name metadata footer", "Relative/absolute time formatting", "Reads the message from the threadMessages store" ], "adaptability": "none", "searchText": "team-prompt-message messages a chat-thread message bubble rendering a team member's prompt text, with truncate/expand and optional flow metadata. reused inside an engagement/team conversation thread to render a member's prompt as a message. team-styled message bubble with author label, timestamp and avatar long-text truncation with more/less toggle optional flow-name metadata footer relative/absolute time formatting reads the message from the threadmessages store" }, { "id": "user-entity-create", "tag": "m-user-entity-create", "source": "mutual.app", "file": "components/messages/user-entity-create.mutual", "url": "/components/messages/user-entity-create.mutual", "category": "messages", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 265, "purpose": "A chat-style message bubble announcing that the user created an entity, showing the entity type, name, originating prompt, and a create badge.", "usageIdea": "Reuse in an activity feed or conversation to surface a user entity-creation event with a click-through to the entity.", "features": [ "create operation badge", "entity type and name display", "prompt text display", "clickable entity link", "user avatar and timestamp" ], "adaptability": "none", "searchText": "user-entity-create messages a chat-style message bubble announcing that the user created an entity, showing the entity type, name, originating prompt, and a create badge. reuse in an activity feed or conversation to surface a user entity-creation event with a click-through to the entity. create operation badge entity type and name display prompt text display clickable entity link user avatar and timestamp" }, { "id": "user-entity-delete", "tag": "m-user-entity-delete", "source": "mutual.app", "file": "components/messages/user-entity-delete.mutual", "url": "/components/messages/user-entity-delete.mutual", "category": "messages", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 207, "purpose": "Chat-style message showing that the current user deleted an entity, with a clickable entity card. (backup variant of the message component)", "usageIdea": "Reuse to render the user's own entity-deletion events in a conversation or activity feed.", "features": [ "User message with timestamp", "Delete operation badge", "Clickable entity type/name card", "Opens the entity on click", "Driven by a message data object" ], "adaptability": "none", "searchText": "user-entity-delete messages chat-style message showing that the current user deleted an entity, with a clickable entity card. (backup variant of the message component) reuse to render the user's own entity-deletion events in a conversation or activity feed. user message with timestamp delete operation badge clickable entity type/name card opens the entity on click driven by a message data object" }, { "id": "user-entity-share", "tag": "m-user-entity-share", "source": "mutual.app", "file": "components/messages/user-entity-share.mutual", "url": "/components/messages/user-entity-share.mutual", "category": "messages", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 79, "purpose": "A chat message bubble that announces the current user shared an entity, showing its type and name with a click-through to open it.", "usageIdea": "Reused in a conversation thread to surface a user's entity-share action as a clickable message card.", "features": [ "Share operation badge", "Entity type and name from message metadata", "Click to open the shared entity via event", "User avatar and timestamp" ], "adaptability": "none", "searchText": "user-entity-share messages a chat message bubble that announces the current user shared an entity, showing its type and name with a click-through to open it. reused in a conversation thread to surface a user's entity-share action as a clickable message card. share operation badge entity type and name from message metadata click to open the shared entity via event user avatar and timestamp" }, { "id": "user-entity-update", "tag": "m-user-entity-update", "source": "mutual.app", "file": "components/messages/user-entity-update.mutual", "url": "/components/messages/user-entity-update.mutual", "category": "messages", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 268, "purpose": "A chat-thread message bubble announcing that the current user updated an entity, with a clickable entity reference.", "usageIdea": "Reused inside an engagement/team conversation thread to render the user's entity-update events as messages.", "features": [ "User-styled message bubble with timestamp and avatar", "'Updated' operation badge", "Clickable entity card showing type and name, opening the entity", "Shows the originating prompt text if present", "Loads message and related entity via the entity framework and reacts to updates" ], "adaptability": "none", "searchText": "user-entity-update messages a chat-thread message bubble announcing that the current user updated an entity, with a clickable entity reference. reused inside an engagement/team conversation thread to render the user's entity-update events as messages. user-styled message bubble with timestamp and avatar 'updated' operation badge clickable entity card showing type and name, opening the entity shows the originating prompt text if present loads message and related entity via the entity framework and reacts to updates" }, { "id": "user-prompt-message", "tag": "m-user-prompt-message", "source": "mutual.app", "file": "components/messages/user-prompt-message.mutual", "url": "/components/messages/user-prompt-message.mutual", "category": "messages", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 162, "purpose": "A chat-style message bubble showing a user's prompt text with truncation/expand for long text and an optional originating-flow label.", "usageIdea": "Reuse in a conversation/feed surface to display the user's own prompt entries.", "features": [ "prompt text display", "truncate with more/less toggle", "timestamp", "flow-name label", "user avatar" ], "adaptability": "none", "searchText": "user-prompt-message messages a chat-style message bubble showing a user's prompt text with truncation/expand for long text and an optional originating-flow label. reuse in a conversation/feed surface to display the user's own prompt entries. prompt text display truncate with more/less toggle timestamp flow-name label user avatar" }, { "id": "modal-portal", "tag": "m-modal-portal", "source": "mutual.app", "file": "components/modal-portal.mutual", "url": "/components/modal-portal.mutual", "category": "core", "attributes": [ "height", "width" ], "slots": [], "hasScript": true, "hasStyle": true, "loc": 93, "purpose": "Fullscreen modal backdrop that centers and renders whatever is projected into its named 'modal' portal slot, with configurable width/height.", "usageIdea": "Reuse as the host whenever a seed needs to display arbitrary content in a top-most centered modal overlay.", "features": [ "Fullscreen blurred backdrop", "Named modal portal slot", "Width/height attributes", "Max z-index stacking context", "Pure presentational shell" ], "adaptability": "adaptable", "searchText": "modal-portal core fullscreen modal backdrop that centers and renders whatever is projected into its named 'modal' portal slot, with configurable width/height. reuse as the host whenever a seed needs to display arbitrary content in a top-most centered modal overlay. fullscreen blurred backdrop named modal portal slot width/height attributes max z-index stacking context pure presentational shell height width" }, { "id": "modal", "tag": "m-modal", "source": "mutual.app", "file": "components/modal.mutual", "url": "/components/modal.mutual", "category": "core", "attributes": [ "forEach" ], "slots": [ "default" ], "hasScript": false, "hasStyle": true, "loc": 136, "purpose": "A named, full-screen modal shell driven by the central modal manager that wraps slotted content in an m-container with configurable chrome.", "usageIdea": "Reuse to present any content as a centrally-managed overlay dialog, opened/closed by name through the app modal store.", "features": [ "Named modal activated via the central modal manager", "Slot for arbitrary modal content", "Configurable width, height, layout, icon, title, and close button", "Reactive attribute updates via MutationObserver", "Backdrop click and close-request handling" ], "adaptability": "adaptable", "searchText": "modal core a named, full-screen modal shell driven by the central modal manager that wraps slotted content in an m-container with configurable chrome. reuse to present any content as a centrally-managed overlay dialog, opened/closed by name through the app modal store. named modal activated via the central modal manager slot for arbitrary modal content configurable width, height, layout, icon, title, and close button reactive attribute updates via mutationobserver backdrop click and close-request handling foreach" }, { "id": "model-analysis-view", "tag": "m-model-analysis-view", "source": "mutual.app", "file": "components/model-analysis-view.mutual", "url": "/components/model-analysis-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 711, "purpose": "An AI analysis hub for pipeline items offering clustering, contradiction scanning, redundancy detection, and custom-prompt analysis over a selected engagement.", "usageIdea": "Reused as a synthesis step to analyze the items in a model/pipeline engagement and surface clusters, contradictions, and redundancies.", "features": [ "Engagement selector and analysis-mode tabs", "Item list with stage filters and multi-select (all/none)", "Clustering, contradiction, redundancy, and custom-prompt modes", "Two-panel item/result layout" ], "adaptability": "none", "searchText": "model-analysis-view view an ai analysis hub for pipeline items offering clustering, contradiction scanning, redundancy detection, and custom-prompt analysis over a selected engagement. reused as a synthesis step to analyze the items in a model/pipeline engagement and surface clusters, contradictions, and redundancies. engagement selector and analysis-mode tabs item list with stage filters and multi-select (all/none) clustering, contradiction, redundancy, and custom-prompt modes two-panel item/result layout" }, { "id": "model-architecture-view", "tag": "m-model-architecture-view", "source": "mutual.app", "file": "components/model-architecture-view.mutual", "url": "/components/model-architecture-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 636, "purpose": "A multi-section architecture document editor (per engagement) with predefined sections, live markdown preview, source-idea chips and resonance-impact detection.", "usageIdea": "Reused by a synthesis or modelling step that authors a structured architecture document and wants to see how edits propagate downstream.", "features": [ "Auto-creates predefined sections (overview, NFR, decisions, etc.) per engagement", "Split markdown editor with live preview", "Add/reorder/delete custom sections", "Linked source-idea chips resolved from the entity store", "Resonance impact check showing affected downstream items" ], "adaptability": "none", "searchText": "model-architecture-view view a multi-section architecture document editor (per engagement) with predefined sections, live markdown preview, source-idea chips and resonance-impact detection. reused by a synthesis or modelling step that authors a structured architecture document and wants to see how edits propagate downstream. auto-creates predefined sections (overview, nfr, decisions, etc.) per engagement split markdown editor with live preview add/reorder/delete custom sections linked source-idea chips resolved from the entity store resonance impact check showing affected downstream items" }, { "id": "model-composer-view", "tag": "m-model-composer-view", "source": "mutual.app", "file": "components/model-composer-view.mutual", "url": "/components/model-composer-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 753, "purpose": "A Seed Composer (Genesis Bridge) view that composes features into a compilable seed model and publishes it.", "usageIdea": "Reused when authoring a new seed — selecting features, compiling them into a seed model, and publishing the result.", "features": [ "Three-panel layout with searchable available-features selector", "Seed class, model version, and engagement controls", "Compile and publish actions with disabled-state gating", "Multi-stage compilation pipeline progress with status icons", "Compilation result badge with error count" ], "adaptability": "configurable", "searchText": "model-composer-view view a seed composer (genesis bridge) view that composes features into a compilable seed model and publishes it. reused when authoring a new seed — selecting features, compiling them into a seed model, and publishing the result. three-panel layout with searchable available-features selector seed class, model version, and engagement controls compile and publish actions with disabled-state gating multi-stage compilation pipeline progress with status icons compilation result badge with error count" }, { "id": "model-concepts-view", "tag": "m-model-concepts-view", "source": "mutual.app", "file": "components/model-concepts-view.mutual", "url": "/components/model-concepts-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 552, "purpose": "A concept-studio view with a two-panel layout (concept list plus editor) for authoring and structuring concepts and tracking their genesis readiness.", "usageIdea": "Reuse as the concept-authoring surface in a seed where concepts are prepared and assessed for readiness before genesis.", "features": [ "concept list with selection", "genesis-readiness badges", "completeness percentage", "engagement filter", "two-panel list/editor layout" ], "adaptability": "none", "searchText": "model-concepts-view view a concept-studio view with a two-panel layout (concept list plus editor) for authoring and structuring concepts and tracking their genesis readiness. reuse as the concept-authoring surface in a seed where concepts are prepared and assessed for readiness before genesis. concept list with selection genesis-readiness badges completeness percentage engagement filter two-panel list/editor layout" }, { "id": "model-economics-view", "tag": "m-model-economics-view", "source": "mutual.app", "file": "components/model-economics-view.mutual", "url": "/components/model-economics-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 588, "purpose": "Tabbed economics dashboard showing revenue streams, costs, pricing, creator economics, and network maturity for an engagement.", "usageIdea": "Reuse as the economics analysis surface when a seed or planting step needs a multi-tab financial overview.", "features": [ "Tab navigation across economics dimensions", "Revenue stream table with phase/status", "Engagement selector", "Loading state", "Reads model economics data" ], "adaptability": "none", "searchText": "model-economics-view view tabbed economics dashboard showing revenue streams, costs, pricing, creator economics, and network maturity for an engagement. reuse as the economics analysis surface when a seed or planting step needs a multi-tab financial overview. tab navigation across economics dimensions revenue stream table with phase/status engagement selector loading state reads model economics data" }, { "id": "model-features-view", "tag": "m-model-features-view", "source": "mutual.app", "file": "components/model-features-view.mutual", "url": "/components/model-features-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 601, "purpose": "A feature-inventory management view for prioritizing, classifying by soil type, filtering, and batch-editing pipeline features, with acceptance criteria editing.", "usageIdea": "Reuse as the workbench for triaging and organizing a model's features — setting priority, soil type, criteria, and seed assignments.", "features": [ "Filter by engagement, priority, soil type, and search; grid/table views", "Priority, significance, soil-type, and issue-flag badges", "Batch re-prioritize, reassign soil type, and delete selected features", "Inline acceptance-criteria editing per feature", "Opens features in the concepts editor" ], "adaptability": "none", "searchText": "model-features-view view a feature-inventory management view for prioritizing, classifying by soil type, filtering, and batch-editing pipeline features, with acceptance criteria editing. reuse as the workbench for triaging and organizing a model's features — setting priority, soil type, criteria, and seed assignments. filter by engagement, priority, soil type, and search; grid/table views priority, significance, soil-type, and issue-flag badges batch re-prioritize, reassign soil type, and delete selected features inline acceptance-criteria editing per feature opens features in the concepts editor" }, { "id": "model-feedback-view", "tag": "m-model-feedback-view", "source": "mutual.app", "file": "components/model-feedback-view.mutual", "url": "/components/model-feedback-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 451, "purpose": "A feedback router that lists observations, bugs, and feedback and routes them to upstream correction points, filterable by engagement, severity, type, and search.", "usageIdea": "Reused as a triage step where pipeline feedback needs to be filtered and routed to the right upstream stage for correction.", "features": [ "Filters by engagement, severity, type, and free-text search", "Propagation count indicator", "Routes feedback to upstream correction points", "Result bar with filtered list" ], "adaptability": "none", "searchText": "model-feedback-view view a feedback router that lists observations, bugs, and feedback and routes them to upstream correction points, filterable by engagement, severity, type, and search. reused as a triage step where pipeline feedback needs to be filtered and routed to the right upstream stage for correction. filters by engagement, severity, type, and free-text search propagation count indicator routes feedback to upstream correction points result bar with filtered list" }, { "id": "model-health-view", "tag": "m-model-health-view", "source": "mutual.app", "file": "components/model-health-view.mutual", "url": "/components/model-health-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 590, "purpose": "A resonance-health dashboard showing six pipeline invariants, a resonance graph, stale-artifact alerts and cross-repository health.", "usageIdea": "Reused by an audit or operations step to monitor the health and coherence of the concept-to-seed pipeline across repos.", "features": [ "Six invariant cards (coherence, wholeness, connectedness, freshness, singularity, integrity)", "Canvas resonance graph of items by stage with predecessor links", "Stale-artifact list with re-verify action", "Cross-repository health table (tests, coverage)", "Engagement filter and active-propagation indicator" ], "adaptability": "none", "searchText": "model-health-view view a resonance-health dashboard showing six pipeline invariants, a resonance graph, stale-artifact alerts and cross-repository health. reused by an audit or operations step to monitor the health and coherence of the concept-to-seed pipeline across repos. six invariant cards (coherence, wholeness, connectedness, freshness, singularity, integrity) canvas resonance graph of items by stage with predecessor links stale-artifact list with re-verify action cross-repository health table (tests, coverage) engagement filter and active-propagation indicator" }, { "id": "model-ideas-view", "tag": "m-model-ideas-view", "source": "mutual.app", "file": "components/model-ideas-view.mutual", "url": "/components/model-ideas-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 523, "purpose": "An Idea Workshop view for classifying, validating, and promoting ideas through the concept pipeline.", "usageIdea": "Reused in an ideation seed to triage ideas by classification/status and gauge their seed potential before promotion.", "features": [ "Idea cards with classification and status badges", "Engagement, classification, and status filters", "Seed-potential meter per idea", "Duplicate and contradiction warning badges", "Inline classification controls and visibility indicators" ], "adaptability": "configurable", "searchText": "model-ideas-view view an idea workshop view for classifying, validating, and promoting ideas through the concept pipeline. reused in an ideation seed to triage ideas by classification/status and gauge their seed potential before promotion. idea cards with classification and status badges engagement, classification, and status filters seed-potential meter per idea duplicate and contradiction warning badges inline classification controls and visibility indicators" }, { "id": "model-items-view", "tag": "m-model-items-view", "source": "mutual.app", "file": "components/model-items-view.mutual", "url": "/components/model-items-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 690, "purpose": "A unified browser of all pipeline model items across every stage (thoughts, ideas, concepts, features, seeds, observations, feedback) with filtering and search.", "usageIdea": "Reuse as the cross-stage overview surface for inspecting and filtering all items flowing through the model pipeline.", "features": [ "unified multi-stage item list", "stage and tag filters", "full-text search", "engagement filter" ], "adaptability": "none", "searchText": "model-items-view view a unified browser of all pipeline model items across every stage (thoughts, ideas, concepts, features, seeds, observations, feedback) with filtering and search. reuse as the cross-stage overview surface for inspecting and filtering all items flowing through the model pipeline. unified multi-stage item list stage and tag filters full-text search engagement filter" }, { "id": "model-pipeline-view", "tag": "m-model-pipeline-view", "source": "mutual.app", "file": "components/model-pipeline-view.mutual", "url": "/components/model-pipeline-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 421, "purpose": "Five-stage kanban board for promoting model items (thoughts/ideas/concepts) between adjacent pipeline stages via drag-and-drop.", "usageIdea": "Reuse as the pipeline/kanban surface when a seed needs to move items through ordered stages with drag-to-promote.", "features": [ "Five-column kanban with per-column counts", "Drag-and-drop promotion between stages", "Per-column average-age stats", "Engagement selector", "Total item count" ], "adaptability": "none", "searchText": "model-pipeline-view view five-stage kanban board for promoting model items (thoughts/ideas/concepts) between adjacent pipeline stages via drag-and-drop. reuse as the pipeline/kanban surface when a seed needs to move items through ordered stages with drag-to-promote. five-column kanban with per-column counts drag-and-drop promotion between stages per-column average-age stats engagement selector total item count" }, { "id": "model-roadmap-view", "tag": "m-model-roadmap-view", "source": "mutual.app", "file": "components/model-roadmap-view.mutual", "url": "/components/model-roadmap-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 552, "purpose": "A pipeline roadmap dashboard showing weighted completion across stages (thoughts→ideas→concepts→features→seeds→modules) with gap detection, trend sparklines, and engagement comparison.", "usageIdea": "Reuse to track a model's full pipeline throughput and spot stage-to-stage bottlenecks across one or several engagements.", "features": [ "Overall weighted progress with per-stage progress cards", "Throughput-drop gap detection between stages", "Per-stage trend sparklines persisted in localStorage", "Engagement comparison with mini bar charts", "Engagement selector and refresh" ], "adaptability": "none", "searchText": "model-roadmap-view view a pipeline roadmap dashboard showing weighted completion across stages (thoughts→ideas→concepts→features→seeds→modules) with gap detection, trend sparklines, and engagement comparison. reuse to track a model's full pipeline throughput and spot stage-to-stage bottlenecks across one or several engagements. overall weighted progress with per-stage progress cards throughput-drop gap detection between stages per-stage trend sparklines persisted in localstorage engagement comparison with mini bar charts engagement selector and refresh" }, { "id": "model-search-view", "tag": "m-model-search-view", "source": "mutual.app", "file": "components/model-search-view.mutual", "url": "/components/model-search-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 500, "purpose": "A full-text paragraph search view across all pipeline stages with term highlighting, scope (current engagement vs global), and per-stage filtering.", "usageIdea": "Reused as a discovery step to find paragraphs or items across pipeline stages by keyword during synthesis or review.", "features": [ "Debounced full-text search with term highlighting", "Current-engagement vs global scope toggle", "Per-stage filter checkboxes", "Engagement selector" ], "adaptability": "none", "searchText": "model-search-view view a full-text paragraph search view across all pipeline stages with term highlighting, scope (current engagement vs global), and per-stage filtering. reused as a discovery step to find paragraphs or items across pipeline stages by keyword during synthesis or review. debounced full-text search with term highlighting current-engagement vs global scope toggle per-stage filter checkboxes engagement selector" }, { "id": "model-seeds-view", "tag": "m-model-seeds-view", "source": "mutual.app", "file": "components/model-seeds-view.mutual", "url": "/components/model-seeds-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 513, "purpose": "A seed gallery for browsing, filtering, mounting and managing compiled seed models, with seed-discovery suggestions and lineage view.", "usageIdea": "Reused as the management surface where a user browses compiled seeds, mounts/unmounts them, sets visibility and traces their lineage.", "features": [ "Filter/sort/search seeds by engagement, status and name", "Seed cards with status, class, soil/module counts, author and feedback", "Mount/unmount toggle and visibility (private/shared/public) control", "Seed-discovery list of high-potential ideas with compose action", "Lineage modal tracing thought→idea→concept→features→seed" ], "adaptability": "none", "searchText": "model-seeds-view view a seed gallery for browsing, filtering, mounting and managing compiled seed models, with seed-discovery suggestions and lineage view. reused as the management surface where a user browses compiled seeds, mounts/unmounts them, sets visibility and traces their lineage. filter/sort/search seeds by engagement, status and name seed cards with status, class, soil/module counts, author and feedback mount/unmount toggle and visibility (private/shared/public) control seed-discovery list of high-potential ideas with compose action lineage modal tracing thought→idea→concept→features→seed" }, { "id": "model-styleguide-view", "tag": "m-model-styleguide-view", "source": "mutual.app", "file": "components/model-styleguide-view.mutual", "url": "/components/model-styleguide-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 644, "purpose": "A style-guide view for visual-language sections with markdown content, style-token previews, and conflict detection.", "usageIdea": "Reused in a design-system seed to author ordered style-guide sections and surface conflicts between them.", "features": [ "Add, reorder, and delete style-guide sections per engagement", "Inline markdown editing with click-to-edit content", "Style-token preview grid per section", "Conflict-warning banner across sections", "Predefined-section badges and timestamps" ], "adaptability": "configurable", "searchText": "model-styleguide-view view a style-guide view for visual-language sections with markdown content, style-token previews, and conflict detection. reused in a design-system seed to author ordered style-guide sections and surface conflicts between them. add, reorder, and delete style-guide sections per engagement inline markdown editing with click-to-edit content style-token preview grid per section conflict-warning banner across sections predefined-section badges and timestamps" }, { "id": "model-synthesis-view", "tag": "m-model-synthesis-view", "source": "mutual.app", "file": "components/model-synthesis-view.mutual", "url": "/components/model-synthesis-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 644, "purpose": "A synthesis-monitor dashboard that tracks synthesis operations, probation status, verification results, errors, costs, and history with progress indicators.", "usageIdea": "Reuse as the monitoring surface for observing synthesis pipeline operations and their verification/probation state.", "features": [ "active operation cards with progress bars", "section switcher (probation/verification/errors/costs/history)", "engagement filter", "refresh control" ], "adaptability": "none", "searchText": "model-synthesis-view view a synthesis-monitor dashboard that tracks synthesis operations, probation status, verification results, errors, costs, and history with progress indicators. reuse as the monitoring surface for observing synthesis pipeline operations and their verification/probation state. active operation cards with progress bars section switcher (probation/verification/errors/costs/history) engagement filter refresh control" }, { "id": "model-thoughts-view", "tag": "m-model-thoughts-view", "source": "mutual.app", "file": "components/model-thoughts-view.mutual", "url": "/components/model-thoughts-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 558, "purpose": "Quick-entry thought-capture view to record, filter, tag, and promote raw thoughts with visibility and source controls.", "usageIdea": "Reuse as the capture surface when a seed needs fast inbox-style entry of thoughts before they are triaged or promoted.", "features": [ "Enter-to-submit quick capture", "Visibility (private/shared/public) and source tagging", "Filters (recent/week/promotion-ready)", "Engagement selector", "Promote raw thoughts" ], "adaptability": "none", "searchText": "model-thoughts-view view quick-entry thought-capture view to record, filter, tag, and promote raw thoughts with visibility and source controls. reuse as the capture surface when a seed needs fast inbox-style entry of thoughts before they are triaged or promoted. enter-to-submit quick capture visibility (private/shared/public) and source tagging filters (recent/week/promotion-ready) engagement selector promote raw thoughts" }, { "id": "model-vision-view", "tag": "m-model-vision-view", "source": "mutual.app", "file": "components/model-vision-view.mutual", "url": "/components/model-vision-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 549, "purpose": "An AI-generated vision-document view per engagement, with markdown view/edit, freshness detection by content hash, regeneration, and roadmap progression metrics.", "usageIdea": "Reuse to synthesize, display, and edit a vision document from an engagement's items, surfacing how stale it is versus current content.", "features": [ "Generate/regenerate vision via inference over engagement items", "Markdown view and split edit/preview mode", "Hash-based freshness badge (fresh/stale/very-stale)", "Six roadmap progression metric cards", "Engagement selector with refresh" ], "adaptability": "none", "searchText": "model-vision-view view an ai-generated vision-document view per engagement, with markdown view/edit, freshness detection by content hash, regeneration, and roadmap progression metrics. reuse to synthesize, display, and edit a vision document from an engagement's items, surfacing how stale it is versus current content. generate/regenerate vision via inference over engagement items markdown view and split edit/preview mode hash-based freshness badge (fresh/stale/very-stale) six roadmap progression metric cards engagement selector with refresh" }, { "id": "network-test-suite", "tag": "m-network-test-suite", "source": "mutual.app", "file": "components/network-test-suite.mutual", "url": "/components/network-test-suite.mutual", "category": "test", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 1011, "purpose": "A two-device test-runner dashboard for the P2P network layer, operating as orchestrator (Device A) or responder (Device B), with live phase/peer/backend status and a shareable responder link.", "usageIdea": "Reused as a QA surface to validate cross-device CRDT replication and network behavior before relying on @mutual/network in a seed.", "features": [ "Orchestrator/responder mode with mode badge", "Run-all and local-only test modes", "Status bar (phase, peers, backend, responder connection)", "Progress bar with pass/fail/skip counts", "Copyable responder link for the second device" ], "adaptability": "none", "searchText": "network-test-suite test a two-device test-runner dashboard for the p2p network layer, operating as orchestrator (device a) or responder (device b), with live phase/peer/backend status and a shareable responder link. reused as a qa surface to validate cross-device crdt replication and network behavior before relying on @mutual/network in a seed. orchestrator/responder mode with mode badge run-all and local-only test modes status bar (phase, peers, backend, responder connection) progress bar with pass/fail/skip counts copyable responder link for the second device" }, { "id": "network-test-view", "tag": "m-network-test-view", "source": "mutual.app", "file": "components/network-test-view.mutual", "url": "/components/network-test-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 1652, "purpose": "A network sync test room that exercises @mutual/network features through the NetworkSyncManager and reports status, peers, backend and CRDT distribution coverage.", "usageIdea": "Reused by a development or QA step to verify P2P sync, distribution coverage and network capabilities are working.", "features": [ "Status bar: SyncManager readiness, network phase, online state, peers, backend type", "Distribution infrastructure coverage (CRDT vs volatile vs missing)", "Collapsible test sections with refresh", "Live peer/user status reporting", "Probes NetworkSyncManager for sync features" ], "adaptability": "none", "searchText": "network-test-view view a network sync test room that exercises @mutual/network features through the networksyncmanager and reports status, peers, backend and crdt distribution coverage. reused by a development or qa step to verify p2p sync, distribution coverage and network capabilities are working. status bar: syncmanager readiness, network phase, online state, peers, backend type distribution infrastructure coverage (crdt vs volatile vs missing) collapsible test sections with refresh live peer/user status reporting probes networksyncmanager for sync features" }, { "id": "paged-grid", "tag": "m-paged-grid", "source": "mutual.app", "file": "components/paged-grid.mutual", "url": "/components/paged-grid.mutual", "category": "core", "attributes": [], "slots": [ "default" ], "hasScript": true, "hasStyle": true, "loc": 292, "purpose": "A pure layout wrapper that arranges slotted children in a CSS grid and paginates them with prev/next controls.", "usageIdea": "Reused to display any collection of slotted cards/items in fixed-size pages without custom pagination logic.", "features": [ "CSS-grid layout of arbitrary slotted content", "Automatic page-count calculation from content", "Previous/next pagination with page indicator", "Hides content until pagination is computed to avoid layout shift", "Responsive control sizing" ], "adaptability": "adaptable", "searchText": "paged-grid core a pure layout wrapper that arranges slotted children in a css grid and paginates them with prev/next controls. reused to display any collection of slotted cards/items in fixed-size pages without custom pagination logic. css-grid layout of arbitrary slotted content automatic page-count calculation from content previous/next pagination with page indicator hides content until pagination is computed to avoid layout shift responsive control sizing" }, { "id": "pipeline-dashboard", "tag": "m-pipeline-dashboard", "source": "mutual.app", "file": "components/pipeline-dashboard.mutual", "url": "/components/pipeline-dashboard.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 77, "purpose": "A kanban-style board visualizing the knowledge pipeline lifecycle (Thought to Idea to Concept to Feature to Seed) with item counts per stage column.", "usageIdea": "Reuse as an at-a-glance overview surface showing how items are distributed across the full pipeline lifecycle.", "features": [ "five-stage column board", "per-column item count", "item cards with title and date", "empty-column placeholder", "responsive column collapse" ], "adaptability": "none", "searchText": "pipeline-dashboard core a kanban-style board visualizing the knowledge pipeline lifecycle (thought to idea to concept to feature to seed) with item counts per stage column. reuse as an at-a-glance overview surface showing how items are distributed across the full pipeline lifecycle. five-stage column board per-column item count item cards with title and date empty-column placeholder responsive column collapse" }, { "id": "portals", "tag": "m-portals", "source": "mutual.app", "file": "components/portals.mutual", "url": "/components/portals.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": false, "hasStyle": false, "loc": 58, "purpose": "Declarative registry that projects core app components (search bar, mobile tabbar, test/device menubars, engagement selector, guidance surface, flow button, footer) into named portal targets.", "usageIdea": "Reuse/extend as the wiring layer that places base app chrome into a layout's portal slots, optionally gated by premises.", "features": [ "Maps components to named portal targets", "Priority-ordered contributions", "Premise-gated projections", "Composes search/menubar/guidance/flow chrome", "Coordinates with seed portal contributions" ], "adaptability": "adaptable", "searchText": "portals core declarative registry that projects core app components (search bar, mobile tabbar, test/device menubars, engagement selector, guidance surface, flow button, footer) into named portal targets. reuse/extend as the wiring layer that places base app chrome into a layout's portal slots, optionally gated by premises. maps components to named portal targets priority-ordered contributions premise-gated projections composes search/menubar/guidance/flow chrome coordinates with seed portal contributions" }, { "id": "progress-bar", "tag": "m-progress-bar", "source": "mutual.app", "file": "components/progress-bar.mutual", "url": "/components/progress-bar.mutual", "category": "core", "attributes": [ "indeterminate", "label", "value", "variant" ], "slots": [], "hasScript": true, "hasStyle": true, "loc": 144, "purpose": "A reusable progress bar with optional label, percentage, color variants, and an indeterminate shimmer mode.", "usageIdea": "Reuse anywhere a step needs to show determinate or indeterminate progress with a consistent styled bar.", "features": [ "Value 0-100 with optional label and percentage", "Color variants (default, success, processing)", "Indeterminate shimmer animation mode", "Reactive value/indeterminate attribute updates", "Smooth width transition" ], "adaptability": "configurable", "searchText": "progress-bar core a reusable progress bar with optional label, percentage, color variants, and an indeterminate shimmer mode. reuse anywhere a step needs to show determinate or indeterminate progress with a consistent styled bar. value 0-100 with optional label and percentage color variants (default, success, processing) indeterminate shimmer animation mode reactive value/indeterminate attribute updates smooth width transition indeterminate label value variant" }, { "id": "provenance-viewer-modal", "tag": "m-provenance-viewer-modal", "source": "mutual.app", "file": "components/provenance-viewer-modal.mutual", "url": "/components/provenance-viewer-modal.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": false, "hasStyle": false, "loc": 30, "purpose": "A modal that renders the provenance chain of an entity, showing its title, icon, and the rendered lineage tree of where it came from.", "usageIdea": "Reused wherever a user needs to inspect an entity's origin and derivation history during review or synthesis.", "features": [ "Modal overlay with header and close actions", "Entity icon and title display", "Rendered provenance lineage tree", "Click-outside and close-button dismissal" ], "adaptability": "none", "searchText": "provenance-viewer-modal core a modal that renders the provenance chain of an entity, showing its title, icon, and the rendered lineage tree of where it came from. reused wherever a user needs to inspect an entity's origin and derivation history during review or synthesis. modal overlay with header and close actions entity icon and title display rendered provenance lineage tree click-outside and close-button dismissal" }, { "id": "relay-admin-view", "tag": "m-relay-admin-view", "source": "mutual.app", "file": "components/relay-admin-view.mutual", "url": "/components/relay-admin-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 515, "purpose": "An authenticated admin console for managing mesh.relay nodes: status, roles and other operations across selected or all nodes.", "usageIdea": "Reused by an operator to authenticate with their DID and inspect/manage relay infrastructure nodes.", "features": [ "Operator DID authentication gate", "All-nodes / per-node selector tabs with auth-status dots", "Collapsible status panel (uptime, peers, active roles, sync services)", "Role and other management panels per node", "Per-node and aggregate refresh actions" ], "adaptability": "none", "searchText": "relay-admin-view view an authenticated admin console for managing mesh.relay nodes: status, roles and other operations across selected or all nodes. reused by an operator to authenticate with their did and inspect/manage relay infrastructure nodes. operator did authentication gate all-nodes / per-node selector tabs with auth-status dots collapsible status panel (uptime, peers, active roles, sync services) role and other management panels per node per-node and aggregate refresh actions" }, { "id": "relay-test-view", "tag": "m-relay-test-view", "source": "mutual.app", "file": "components/relay-test-view.mutual", "url": "/components/relay-test-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 307, "purpose": "A relay-network health dashboard showing infrastructure node connectivity, sync coverage, roles, peers, and latency.", "usageIdea": "Reused in an ops/diagnostics seed to monitor the mesh relay fleet and run connectivity checks.", "features": [ "Network overview stats (healthy nodes, peers, avg sync, active roles)", "Per-node cards with mode, peers, roles, sync bar, and latency", "Check-all and connectivity-test actions", "Auto-refresh toggle (30s)", "Status-colored node indicators" ], "adaptability": "configurable", "searchText": "relay-test-view view a relay-network health dashboard showing infrastructure node connectivity, sync coverage, roles, peers, and latency. reused in an ops/diagnostics seed to monitor the mesh relay fleet and run connectivity checks. network overview stats (healthy nodes, peers, avg sync, active roles) per-node cards with mode, peers, roles, sync bar, and latency check-all and connectivity-test actions auto-refresh toggle (30s) status-colored node indicators" }, { "id": "search", "tag": "m-search", "source": "mutual.app", "file": "components/search.mutual", "url": "/components/search.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": false, "hasStyle": true, "loc": 169, "purpose": "A global search bar for querying all entities, with a clear button, keyboard shortcut hint, and a results-count summary.", "usageIdea": "Reuse as the top-level entity search input on any surface that needs global find-as-you-type across entities.", "features": [ "search input with clear button", "Cmd/Ctrl-K shortcut hint", "results count summary", "escape-to-clear" ], "adaptability": "none", "searchText": "search core a global search bar for querying all entities, with a clear button, keyboard shortcut hint, and a results-count summary. reuse as the top-level entity search input on any surface that needs global find-as-you-type across entities. search input with clear button cmd/ctrl-k shortcut hint results count summary escape-to-clear" }, { "id": "seed-composer", "tag": "m-seed-composer", "source": "mutual.app", "file": "components/seed-composer.mutual", "url": "/components/seed-composer.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 137, "purpose": "An authoring form for composing a new seed definition (DID, name, version, class, entity types, dependencies) with draft saving and validation.", "usageIdea": "Reused as the entry step when a creator wants to author and structurally validate a new seed before publishing.", "features": [ "Form for seed DID, name, version, class, description, entity types and dependencies", "Save/load drafts in localStorage with a drafts list", "Structural validation (DID pattern, semver, required fields)", "Status banner for ok/error feedback", "Hand-off to the seed publisher view" ], "adaptability": "none", "searchText": "seed-composer core an authoring form for composing a new seed definition (did, name, version, class, entity types, dependencies) with draft saving and validation. reused as the entry step when a creator wants to author and structurally validate a new seed before publishing. form for seed did, name, version, class, description, entity types and dependencies save/load drafts in localstorage with a drafts list structural validation (did pattern, semver, required fields) status banner for ok/error feedback hand-off to the seed publisher view" }, { "id": "seed-contents", "tag": "m-seed-contents", "source": "mutual.app", "file": "components/seed-contents.mutual", "url": "/components/seed-contents.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 228, "purpose": "A detail view that inventories everything bundled in a seed — entity types, blobs, components, and views.", "usageIdea": "Reused in the Seed Manager to inspect what a given seed declares before planting or publishing it.", "features": [ "Structured-contents panel listing entity types with counts", "Unstructured-contents panel listing bundled blobs/media", "Components panel showing component ids and their soil", "Views panel listing declared views and paths", "Back navigation, loading, and empty states" ], "adaptability": "configurable", "searchText": "seed-contents core a detail view that inventories everything bundled in a seed — entity types, blobs, components, and views. reused in the seed manager to inspect what a given seed declares before planting or publishing it. structured-contents panel listing entity types with counts unstructured-contents panel listing bundled blobs/media components panel showing component ids and their soil views panel listing declared views and paths back navigation, loading, and empty states" }, { "id": "seed-gallery", "tag": "m-seed-gallery", "source": "mutual.app", "file": "components/seed-gallery.mutual", "url": "/components/seed-gallery.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 100, "purpose": "A gallery view listing every seed available to the installation as cards, grouped by class with status, version, author, and mount state.", "usageIdea": "Reuse as the browse/discover surface for available seeds, letting users filter by class and search before mounting.", "features": [ "seed cards with class pills", "mounted-state indicator", "class filter dropdown", "text search", "version and author display", "empty state" ], "adaptability": "none", "searchText": "seed-gallery core a gallery view listing every seed available to the installation as cards, grouped by class with status, version, author, and mount state. reuse as the browse/discover surface for available seeds, letting users filter by class and search before mounting. seed cards with class pills mounted-state indicator class filter dropdown text search version and author display empty state" }, { "id": "seed-manager", "tag": "m-seed-manager", "source": "mutual.app", "file": "components/seed-manager.mutual", "url": "/components/seed-manager.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 715, "purpose": "Management view for mounting and unmounting domain seeds, grouped by category, with filtering and per-seed metadata cards.", "usageIdea": "Reuse as the surface where a user browses the seed registry and brings a seed's entities, components, and content into mutual.app.", "features": [ "Lists base/available/mounted seeds in sections", "Mount and unmount controls", "Filter by name/DID/description", "Per-seed cards with version and component counts", "Protects the foundational mesh.model seed" ], "adaptability": "none", "searchText": "seed-manager core management view for mounting and unmounting domain seeds, grouped by category, with filtering and per-seed metadata cards. reuse as the surface where a user browses the seed registry and brings a seed's entities, components, and content into mutual.app. lists base/available/mounted seeds in sections mount and unmount controls filter by name/did/description per-seed cards with version and component counts protects the foundational mesh.model seed" }, { "id": "seed-publisher", "tag": "m-seed-publisher", "source": "mutual.app", "file": "components/seed-publisher.mutual", "url": "/components/seed-publisher.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 155, "purpose": "A view for signing a validated seed draft and publishing it to the mesh network at a chosen visibility through SynthesisSync.", "usageIdea": "Reused as the final publish-and-announce step of a seed's lifecycle, where a composed draft is signed and pushed to the mesh.", "features": [ "Shows draft summary (DID, name, version, class, status)", "Visibility selector (private/shared/public)", "Sign and publish-to-mesh actions", "Publish enablement gating and status feedback", "Empty state when no draft is selected" ], "adaptability": "none", "searchText": "seed-publisher core a view for signing a validated seed draft and publishing it to the mesh network at a chosen visibility through synthesissync. reused as the final publish-and-announce step of a seed's lifecycle, where a composed draft is signed and pushed to the mesh. shows draft summary (did, name, version, class, status) visibility selector (private/shared/public) sign and publish-to-mesh actions publish enablement gating and status feedback empty state when no draft is selected" }, { "id": "seed-test-suite", "tag": "m-seed-test-suite", "source": "mutual.app", "file": "components/seed-test-suite.mutual", "url": "/components/seed-test-suite.mutual", "category": "test", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 375, "purpose": "A test-runner panel for the seed-management test suite, showing phase/peer/backend status, progress, and per-test pass/fail/skip results.", "usageIdea": "Reuse as the developer test view for running and observing seed-management test scenarios locally or across peers.", "features": [ "run-all and local-only buttons", "phase/peers/backend status bar", "progress bar with pass/fail/skip tallies", "per-test rows with status icons and durations" ], "adaptability": "none", "searchText": "seed-test-suite test a test-runner panel for the seed-management test suite, showing phase/peer/backend status, progress, and per-test pass/fail/skip results. reuse as the developer test view for running and observing seed-management test scenarios locally or across peers. run-all and local-only buttons phase/peers/backend status bar progress bar with pass/fail/skip tallies per-test rows with status icons and durations" }, { "id": "seed-test-view", "tag": "m-seed-test-view", "source": "mutual.app", "file": "components/seed-test-view.mutual", "url": "/components/seed-test-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 402, "purpose": "Developer test view for mesh.genesis seed management, running and reporting tests across seed entity creation and the multi-stage compilation pipeline.", "usageIdea": "Reuse during development to verify seed creation and the compilation pipeline, with pass/fail counts per section.", "features": [ "Run-all test runner with pass/total counts", "Collapsible test sections by area", "Per-test pass/fail/pending status", "Compile-sample-seed control", "Six-stage compilation pipeline checks" ], "adaptability": "none", "searchText": "seed-test-view view developer test view for mesh.genesis seed management, running and reporting tests across seed entity creation and the multi-stage compilation pipeline. reuse during development to verify seed creation and the compilation pipeline, with pass/fail counts per section. run-all test runner with pass/total counts collapsible test sections by area per-test pass/fail/pending status compile-sample-seed control six-stage compilation pipeline checks" }, { "id": "seed-validator", "tag": "m-seed-validator", "source": "mutual.app", "file": "components/seed-validator.mutual", "url": "/components/seed-validator.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 116, "purpose": "A validator view that runs structural and rule checks (DID, name, semver, author, class, dependency resolution, removability) against a selected seed.", "usageIdea": "Reused as the verification step before publishing a seed, to confirm it passes schema and dependency rules.", "features": [ "Seed picker populated from the global seed registry", "Per-check rows with pass/fail icons and detail", "Validates DID pattern, semver, author DID, class and dependency resolution", "Enforces genesis-seed non-removability rule", "Overall valid/invalid verdict banner" ], "adaptability": "none", "searchText": "seed-validator core a validator view that runs structural and rule checks (did, name, semver, author, class, dependency resolution, removability) against a selected seed. reused as the verification step before publishing a seed, to confirm it passes schema and dependency rules. seed picker populated from the global seed registry per-check rows with pass/fail icons and detail validates did pattern, semver, author did, class and dependency resolution enforces genesis-seed non-removability rule overall valid/invalid verdict banner" }, { "id": "selection-toggle", "tag": "m-selection-toggle", "source": "mutual.app", "file": "components/selection-toggle.mutual", "url": "/components/selection-toggle.mutual", "category": "core", "attributes": [ "active" ], "slots": [], "hasScript": true, "hasStyle": true, "loc": 147, "purpose": "A small toggle button that enters or exits multi-select mode for galleries and lists, with active highlighting and a tooltip.", "usageIdea": "Reused in any gallery or list toolbar in a seed where users need to switch into a bulk-selection mode.", "features": [ "Toggles selection mode on/off", "Active-state highlighting and hover tooltip", "Emits selection-mode-changed event", "Initial state via active attribute, programmatic setActive" ], "adaptability": "configurable", "searchText": "selection-toggle core a small toggle button that enters or exits multi-select mode for galleries and lists, with active highlighting and a tooltip. reused in any gallery or list toolbar in a seed where users need to switch into a bulk-selection mode. toggles selection mode on/off active-state highlighting and hover tooltip emits selection-mode-changed event initial state via active attribute, programmatic setactive active" }, { "id": "art-footer", "tag": "m-art-footer", "source": "mesh.art", "file": "components/shell/art-footer.mutual", "url": "/components/shell/art-footer.mutual", "category": "shell", "attributes": [], "slots": [], "hasScript": false, "hasStyle": false, "loc": 12, "purpose": "The shared global site footer, branded per site via the site attribute.", "usageIdea": "Mandatory shell chrome — closes every page with the shared footer.", "features": [ "global footer", "per-site branding", "shared links" ], "adaptability": "configurable", "searchText": "art-footer shell the shared global site footer, branded per site via the site attribute. mandatory shell chrome — closes every page with the shared footer. global footer per-site branding shared links" }, { "id": "art-menu", "tag": "m-art-menu", "source": "mesh.art", "file": "components/shell/art-menu.mutual", "url": "/components/shell/art-menu.mutual", "category": "shell", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 1118, "purpose": "The shell's expandable section/menu drawer that the top bar opens.", "usageIdea": "Pairs with m-art-topbar to give every site the shared navigation drawer.", "features": [ "section menu drawer", "nav links", "open/close from topbar", "responsive" ], "adaptability": "configurable", "searchText": "art-menu shell the shell's expandable section/menu drawer that the top bar opens. pairs with m-art-topbar to give every site the shared navigation drawer. section menu drawer nav links open/close from topbar responsive" }, { "id": "art-page-footer", "tag": "m-art-page-footer", "source": "mesh.art", "file": "components/shell/art-page-footer.mutual", "url": "/components/shell/art-page-footer.mutual", "category": "shell", "attributes": [], "slots": [], "hasScript": false, "hasStyle": false, "loc": 12, "purpose": "A compact page-level footer variant of the shell footer.", "usageIdea": "Use within a content page for a lighter footer than the global m-art-footer.", "features": [ "compact page footer", "shared styling" ], "adaptability": "configurable", "searchText": "art-page-footer shell a compact page-level footer variant of the shell footer. use within a content page for a lighter footer than the global m-art-footer. compact page footer shared styling" }, { "id": "art-scroll-nav", "tag": "m-art-scroll-nav", "source": "mesh.art", "file": "components/shell/art-scroll-nav.mutual", "url": "/components/shell/art-scroll-nav.mutual", "category": "shell", "attributes": [], "slots": [], "hasScript": false, "hasStyle": false, "loc": 26, "purpose": "In-page scroll-spy navigation for long shell pages — sticky section anchors that track scroll position.", "usageIdea": "Add to a multi-section page for in-page section navigation within the shell.", "features": [ "scroll-spy", "section anchors", "sticky nav", "smooth scroll" ], "adaptability": "configurable", "searchText": "art-scroll-nav shell in-page scroll-spy navigation for long shell pages — sticky section anchors that track scroll position. add to a multi-section page for in-page section navigation within the shell. scroll-spy section anchors sticky nav smooth scroll" }, { "id": "art-topbar", "tag": "m-art-topbar", "source": "mesh.art", "file": "components/shell/art-topbar.mutual", "url": "/components/shell/art-topbar.mutual", "category": "shell", "attributes": [ "groups", "page" ], "slots": [], "hasScript": false, "hasStyle": true, "loc": 255, "purpose": "The global shell top bar — brand/logo, page + section nav groups, and identity/sign-in; the shared header chrome of every mesh site.", "usageIdea": "Mandatory shell chrome — every site renders for the shared top navigation.", "features": [ "brand/logo", "section nav groups", "active-page highlight", "identity / sign-in", "responsive" ], "adaptability": "configurable", "searchText": "art-topbar shell the global shell top bar — brand/logo, page + section nav groups, and identity/sign-in; the shared header chrome of every mesh site. mandatory shell chrome — every site renders for the shared top navigation. brand/logo section nav groups active-page highlight identity / sign-in responsive groups page" }, { "id": "status-dot", "tag": "m-status-dot", "source": "mutual.app", "file": "components/status-dot.mutual", "url": "/components/status-dot.mutual", "category": "core", "attributes": [ "label", "state" ], "slots": [], "hasScript": true, "hasStyle": true, "loc": 93, "purpose": "A small status indicator dot with optional label, color-coded for connected, error, syncing or inactive states.", "usageIdea": "Reused anywhere a compact connection/sync status needs to be shown inline (e.g. node lists, headers).", "features": [ "Four states: connected, error, syncing (pulsing), inactive", "Optional text label beside the dot", "Color and glow per state via CSS", "Configured via state and label attributes" ], "adaptability": "configurable", "searchText": "status-dot core a small status indicator dot with optional label, color-coded for connected, error, syncing or inactive states. reused anywhere a compact connection/sync status needs to be shown inline (e.g. node lists, headers). four states: connected, error, syncing (pulsing), inactive optional text label beside the dot color and glow per state via css configured via state and label attributes label state" }, { "id": "status", "tag": "m-status", "source": "mutual.app", "file": "components/status.mutual", "url": "/components/status.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": false, "hasStyle": true, "loc": 121, "purpose": "A fixed sticky status bar of icon buttons reflecting IPFS, team/network sync, flows, and node health, each opening a detail modal.", "usageIdea": "Reused as a persistent app-level health/status tray that surfaces connectivity and lets the user open the relevant management panels.", "features": [ "IPFS, team, flows, and node-status indicator buttons", "Color-coded health states (ok/warning/danger)", "Opens public-info, team-management, flows, and node-status modals", "Fixed bottom-right placement with hover affordance", "Reflects network phase and sync/queue state" ], "adaptability": "configurable", "searchText": "status core a fixed sticky status bar of icon buttons reflecting ipfs, team/network sync, flows, and node health, each opening a detail modal. reused as a persistent app-level health/status tray that surfaces connectivity and lets the user open the relevant management panels. ipfs, team, flows, and node-status indicator buttons color-coded health states (ok/warning/danger) opens public-info, team-management, flows, and node-status modals fixed bottom-right placement with hover affordance reflects network phase and sync/queue state" }, { "id": "strip", "tag": "m-strip", "source": "mutual.app", "file": "components/strip.mutual", "url": "/components/strip.mutual", "category": "core", "attributes": [ "height", "position", "shadow" ], "slots": [], "hasScript": true, "hasStyle": true, "loc": 325, "purpose": "A thin fixed color-palette strip (top or bottom of screen) that renders the brand colors and an animated processing sweep overlay.", "usageIdea": "Reuse as a persistent brand accent bar that also signals processing/activity state at the edge of the viewport.", "features": [ "brand color row", "top/bottom fixed positioning", "configurable height and shadow", "animated processing sweep overlay", "completing animation state" ], "adaptability": "configurable", "searchText": "strip core a thin fixed color-palette strip (top or bottom of screen) that renders the brand colors and an animated processing sweep overlay. reuse as a persistent brand accent bar that also signals processing/activity state at the edge of the viewport. brand color row top/bottom fixed positioning configurable height and shadow animated processing sweep overlay completing animation state height position shadow" }, { "id": "table", "tag": "m-table", "source": "mutual.app", "file": "components/table.mutual", "url": "/components/table.mutual", "category": "core", "attributes": [ "selectable", "striped", "variant" ], "slots": [ "default" ], "hasScript": true, "hasStyle": true, "loc": 480, "purpose": "Reusable table shell with slotted columns/body/footer, optional row selection, striping, and sticky header.", "usageIdea": "Reuse as the base table wherever a seed needs to lay out tabular data with optional select-all and sticky headers.", "features": [ "Slotted columns, body, and footer", "Optional row selection with select-all/indeterminate", "Striped and variant styling", "Sticky header option", "Horizontal scroll wrapper" ], "adaptability": "adaptable", "searchText": "table core reusable table shell with slotted columns/body/footer, optional row selection, striping, and sticky header. reuse as the base table wherever a seed needs to lay out tabular data with optional select-all and sticky headers. slotted columns, body, and footer optional row selection with select-all/indeterminate striped and variant styling sticky header option horizontal scroll wrapper selectable striped variant" }, { "id": "tag", "tag": "m-tag", "source": "mutual.app", "file": "components/tag.mutual", "url": "/components/tag.mutual", "category": "core", "attributes": [ "active", "icon", "removable" ], "slots": [ "default" ], "hasScript": true, "hasStyle": true, "loc": 109, "purpose": "A small pill/tag chip with optional icon, active highlight, and a removable X button that dispatches a removal event.", "usageIdea": "Reuse to display labels, topics, or selectable chips anywhere a step needs compact taggable items.", "features": [ "Slotted tag text with optional Font Awesome icon", "Active highlight state", "Optional removable X button", "Dispatches tag-remove event and self-removes", "Token-based styling" ], "adaptability": "adaptable", "searchText": "tag core a small pill/tag chip with optional icon, active highlight, and a removable x button that dispatches a removal event. reuse to display labels, topics, or selectable chips anywhere a step needs compact taggable items. slotted tag text with optional font awesome icon active highlight state optional removable x button dispatches tag-remove event and self-removes token-based styling active icon removable" }, { "id": "team-selector-modal", "tag": "m-team-selector-modal", "source": "mutual.app", "file": "components/team-selector-modal.mutual", "url": "/components/team-selector-modal.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": false, "hasStyle": false, "loc": 114, "purpose": "A modal for choosing which teams to share an entity with, listing teams with selectable checkboxes and per-team read/write/delete permission toggles.", "usageIdea": "Reused in sharing flows where a user grants one or more teams scoped access to an entity in a seed.", "features": [ "Selectable team list with member counts and creation dates", "Per-team read/write/delete permission toggles shown when selected", "Multi-team selection", "Modal overlay with header and close" ], "adaptability": "none", "searchText": "team-selector-modal core a modal for choosing which teams to share an entity with, listing teams with selectable checkboxes and per-team read/write/delete permission toggles. reused in sharing flows where a user grants one or more teams scoped access to an entity in a seed. selectable team list with member counts and creation dates per-team read/write/delete permission toggles shown when selected multi-team selection modal overlay with header and close" }, { "id": "test-log-panel", "tag": "m-test-log-panel", "source": "mutual.app", "file": "components/test-log-panel.mutual", "url": "/components/test-log-panel.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 577, "purpose": "A slide-out side panel that aggregates test-log events from test views, with level filtering, copy and clear, shown only on test routes.", "usageIdea": "Reused as the shared log surface that any test view emits to, for observing and exporting test output.", "features": [ "Listens for test-log and test-log:batch events and a global TestLogPanel API", "Level-colored log lines with all/errors/pass filters and counts", "Copy-to-clipboard and clear actions", "Resizable, route-aware (only on -test views), auto-clears on navigation", "Toggle tab with entry/error badge when closed" ], "adaptability": "none", "searchText": "test-log-panel core a slide-out side panel that aggregates test-log events from test views, with level filtering, copy and clear, shown only on test routes. reused as the shared log surface that any test view emits to, for observing and exporting test output. listens for test-log and test-log:batch events and a global testlogpanel api level-colored log lines with all/errors/pass filters and counts copy-to-clipboard and clear actions resizable, route-aware (only on -test views), auto-clears on navigation toggle tab with entry/error badge when closed" }, { "id": "test-menubar", "tag": "m-test-menubar", "source": "mutual.app", "file": "components/test-menubar.mutual", "url": "/components/test-menubar.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 623, "purpose": "A full-screen test-launcher overlay that groups dev test views into clusters and runs their automated suites.", "usageIdea": "Reused as the developer entry point to navigate to test views and run/track automated test suites across the app.", "features": [ "Clustered grid of test-view cards with status dots", "Run-all and per-suite run controls with live pass/total summary", "Navigate to a test view or run its suite individually", "Test-log panel toggle and stop control", "Trigger icon with keyboard (Esc) close" ], "adaptability": "configurable", "searchText": "test-menubar core a full-screen test-launcher overlay that groups dev test views into clusters and runs their automated suites. reused as the developer entry point to navigate to test views and run/track automated test suites across the app. clustered grid of test-view cards with status dots run-all and per-suite run controls with live pass/total summary navigate to a test view or run its suite individually test-log panel toggle and stop control trigger icon with keyboard (esc) close" }, { "id": "text", "tag": "m-text", "source": "mutual.app", "file": "components/text.mutual", "url": "/components/text.mutual", "category": "core", "attributes": [ "align", "variant" ], "slots": [ "default" ], "hasScript": true, "hasStyle": true, "loc": 319, "purpose": "A typographic prose container that styles slotted text content with readable paragraph defaults and lead/caption variants and alignment options.", "usageIdea": "Reuse to wrap body copy or prose anywhere a seed needs consistent, readable text styling.", "features": [ "prose paragraph styling", "lead and caption variants", "left/center/right alignment", "configurable max-width", "content slot" ], "adaptability": "configurable", "searchText": "text core a typographic prose container that styles slotted text content with readable paragraph defaults and lead/caption variants and alignment options. reuse to wrap body copy or prose anywhere a seed needs consistent, readable text styling. prose paragraph styling lead and caption variants left/center/right alignment configurable max-width content slot align variant" }, { "id": "tooltip", "tag": "m-tooltip", "source": "mutual.app", "file": "components/tooltip.mutual", "url": "/components/tooltip.mutual", "category": "core", "attributes": [ "delay", "position", "text" ], "slots": [ "default" ], "hasScript": true, "hasStyle": true, "loc": 163, "purpose": "A hover/focus tooltip wrapper that shows positioned text with an arrow and a configurable show delay around its slotted trigger.", "usageIdea": "Reuse to attach an accessible explanatory tooltip to any element or component.", "features": [ "Slot for the trigger element", "Configurable text, position (top/bottom/left/right), and delay", "Show on hover/focus, hide on leave/blur", "Positioned arrow and fade transition", "Token-based styling" ], "adaptability": "adaptable", "searchText": "tooltip core a hover/focus tooltip wrapper that shows positioned text with an arrow and a configurable show delay around its slotted trigger. reuse to attach an accessible explanatory tooltip to any element or component. slot for the trigger element configurable text, position (top/bottom/left/right), and delay show on hover/focus, hide on leave/blur positioned arrow and fade transition token-based styling delay position text" }, { "id": "trust-zones-view", "tag": "m-trust-zones-view", "source": "mutual.app", "file": "components/trust-zones-view.mutual", "url": "/components/trust-zones-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 1090, "purpose": "A view that lists and manages trust zones with header stats (active zones, members, trust score), type filtering, sorting, and a connect action.", "usageIdea": "Reused as the surface for browsing and joining trust zones a participant belongs to within the mesh trust model.", "features": [ "Header stats: active zones, member count, trust score", "Type filter tabs and sort control", "Connect-to-zone action", "Loading state", "Zone listing scoped by filter" ], "adaptability": "none", "searchText": "trust-zones-view view a view that lists and manages trust zones with header stats (active zones, members, trust score), type filtering, sorting, and a connect action. reused as the surface for browsing and joining trust zones a participant belongs to within the mesh trust model. header stats: active zones, member count, trust score type filter tabs and sort control connect-to-zone action loading state zone listing scoped by filter" }, { "id": "m-typeahead", "tag": "m-m-typeahead", "source": "mutual.app", "file": "components/typeahead.mutual", "url": "/components/typeahead.mutual", "category": "core", "attributes": [ "maxResults", "mode", "placeholder" ], "slots": [], "hasScript": true, "hasStyle": true, "loc": 745, "purpose": "A command/search typeahead input with grouped, scored suggestions, CQUD operation detection and SIAO context preview.", "usageIdea": "Reused as the universal search/command bar where users type queries or commands and pick from ranked, grouped suggestions.", "features": [ "Debounced search with grouped, domain-badged, scored suggestions", "Keyboard navigation and match highlighting", "Detected CQUD operation badge and SIAO context preview", "Clear button and loading indicator", "Configurable placeholder, mode and max results; rebuildable index" ], "adaptability": "configurable", "searchText": "m-typeahead core a command/search typeahead input with grouped, scored suggestions, cqud operation detection and siao context preview. reused as the universal search/command bar where users type queries or commands and pick from ranked, grouped suggestions. debounced search with grouped, domain-badged, scored suggestions keyboard navigation and match highlighting detected cqud operation badge and siao context preview clear button and loading indicator configurable placeholder, mode and max results; rebuildable index maxresults mode placeholder" }, { "id": "views", "tag": "m-views", "source": "mutual.app", "file": "components/views.mutual", "url": "/components/views.mutual", "category": "core", "attributes": [], "slots": [], "hasScript": true, "hasStyle": false, "loc": 69, "purpose": "An invisible mounting component that injects route view templates from domain.json into the DOM and re-triggers navigation.", "usageIdea": "Reused once at app shell level so a seed's declared routes/views are registered and direct-URL navigation resolves correctly.", "features": [ "Injects route templates via ViewRenderer into a container", "Waits for domain config readiness with polling/observer fallbacks", "Re-triggers router navigation for direct hash-URL access", "Handles race between route registration and Alpine processing", "No visible UI of its own" ], "adaptability": "none", "searchText": "views core an invisible mounting component that injects route view templates from domain.json into the dom and re-triggers navigation. reused once at app shell level so a seed's declared routes/views are registered and direct-url navigation resolves correctly. injects route templates via viewrenderer into a container waits for domain config readiness with polling/observer fallbacks re-triggers router navigation for direct hash-url access handles race between route registration and alpine processing no visible ui of its own" }, { "id": "wtm-explorer-view", "tag": "m-wtm-explorer-view", "source": "mutual.app", "file": "components/wtm-explorer-view.mutual", "url": "/components/wtm-explorer-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 35709, "purpose": "A World Topic Model explorer that visualizes the topic hierarchy as a tree or interactive 3D force graph, with search, importance sizing, layer focus, segment overlays, persona filters, and a companion/reading sidebar.", "usageIdea": "Reuse as the primary surface for browsing and navigating the World Topic Model and its opinionated layers.", "features": [ "tree and 3D force-graph view modes", "global topic search", "importance-based node sizing", "layer focus/greyscale/hide-base toggles", "segment overlay with granularity levels", "persona and factor filters", "loading splash with progress" ], "adaptability": "none", "searchText": "wtm-explorer-view view a world topic model explorer that visualizes the topic hierarchy as a tree or interactive 3d force graph, with search, importance sizing, layer focus, segment overlays, persona filters, and a companion/reading sidebar. reuse as the primary surface for browsing and navigating the world topic model and its opinionated layers. tree and 3d force-graph view modes global topic search importance-based node sizing layer focus/greyscale/hide-base toggles segment overlay with granularity levels persona and factor filters loading splash with progress" }, { "id": "you-test-view", "tag": "m-you-test-view", "source": "mutual.app", "file": "components/you-test-view.mutual", "url": "/components/you-test-view.mutual", "category": "view", "attributes": [], "slots": [], "hasScript": true, "hasStyle": true, "loc": 300, "purpose": "Developer integration-test view showcasing the mesh.you component family (profile view, reputation display, editors) with sample renders.", "usageIdea": "Reuse during development to preview and verify the mesh.you components in isolation outside production context.", "features": [ "Catalogs you-* components with descriptions", "Sample reputation meter render", "Component and guide counts", "Per-component sections and notes", "Standalone preview harness" ], "adaptability": "none", "searchText": "you-test-view view developer integration-test view showcasing the mesh.you component family (profile view, reputation display, editors) with sample renders. reuse during development to preview and verify the mesh.you components in isolation outside production context. catalogs you-* components with descriptions sample reputation meter render component and guide counts per-component sections and notes standalone preview harness" } ] }