musehub/templates/musehub/pages/domain_detail.html · gabriel/musehub

1

{% extends "musehub/base.html" %}

2

3

{% block title %}{{ domain.display_name }} · Muse Domain{% endblock %}

4

5

{# Strip container padding — hero is full-bleed, we control padding internally #}

6

{% block container_extra_class %} page-container{% endblock %}

7

8

{% block page_json %}{"page": "domain-detail", "domainSlug": {{ domain.slug | tojson }}, "domainId": {{ domain.domain_id | tojson }}, "viewerType": {{ domain.viewer_type | tojson }}, "dimensions": {{ domain.dimensions | tojson }}}{% endblock %}

{% block content %}

{# ── Hero ────────────────────────────────────────────────────────────────── #}

<span class="domain-badge">{{ domain.scoped_id }}</span>

20

{% if domain.is_verified %}<span class="dd-verified-badge">{{ icon("check", 11) }} Verified</span>{% endif %}

21

{% if domain.is_deprecated %}<span class="dd-deprecated-badge">{{ icon("alert", 11) }} Deprecated</span>{% endif %}

22

<span class="dd-version">v{{ domain.version }}</span>

</div>

{% if domain.slug == 'midi' %}

27

28

{% elif domain.slug == 'code' %}

{% else %}

{% endif %}

</span>

</h1>

<p class="ph-hero-sub">{{ domain.description }}</p>

Install Domain

</button>

JSON API

</a>

</div>

</div>

</div>

</div>

{# ── Stats strip ─────────────────────────────────────────────────────────── #}

52

53

54

<span class="ph-stat-value">{{ domain.dimensions | length }}</span>

55

<span class="ph-stat-label">Dimensions</span>

56

</div>

57

58

<span class="ph-stat-value">{{ repos_total }}</span>

59

<span class="ph-stat-label">Repositories</span>

60

</div>

61

62

<span class="ph-stat-value">{{ domain.viewer_type | replace("_", " ") | title }}</span>

63

<span class="ph-stat-label">Viewer</span>

64

</div>

65

66

<span class="ph-stat-value">{{ domain.merge_semantics | upper if domain.merge_semantics else "—" }}</span>

67

<span class="ph-stat-label">Merge</span>

68

</div>

69

{% if domain.kinds %}

70

71

<span class="ph-stat-value">{{ domain.kinds | length }}</span>

72

<span class="ph-stat-label">Kinds</span>

73

</div>

74

{% endif %}

75

{% if domain.supported_commands %}

76

77

<span class="ph-stat-value">{{ domain.supported_commands | length }}</span>

78

<span class="ph-stat-label">CLI Commands</span>

</div>

{% endif %}

</div>

{# ── Body: content (narrow left), sidebar (wide right) ─────────────────── #}

84

85

86

{# ── Main content — col 1: 240px narrow left ───────────────────────────── #}

87

88

89

{# Live viewer preview — musehub#117 DOM_09/DOM_10/DOM_11. Renders the

90

domain's actual palette viewer (symbol_graph/piano_roll/generic),

91

parameterized only by the declared dimensions below — no per-domain

92

executable code runs here, ever. #}

Live Preview

</div>

How this domain's {{ domain.viewer_type | replace("_", " ") }} viewer renders

100

its declared dimensions.

</p>

</section>

{# Dimensions #}

{% if domain.dimensions %}

Dimensions

<span class="ph-count">{{ domain.dimensions | length }}</span>

112

</div>

113

114

Each dimension is independently mergeable — two agents editing different

115

dimensions of the same snapshot never produce a conflict.

116

</p>

117

118

{% for dim in domain.dimensions %}

119

{% set _icon_map = {'symbol': 'symbols', 'file': 'file-code', 'directory': 'folder', 'sequence': 'layers', 'harmony': 'music', 'structure': 'braces'} %}

{% if dim.unit %}<span class="dd-dim-card__unit">{{ dim.unit }}</span>{% endif %}

125

</div>

126

{% if dim.description %}<p class="dd-dim-card__desc">{{ dim.description }}</p>{% endif %}

</div>

{% endfor %}

</div>

</section>

{% endif %}

</div>{# /ph-content #}

134

135

{# ── Sidebar — col 2: 1fr wide right ───────────────────────────────────── #}

136

137

138

{# Repos — wide grid needs the full right column #}

Public Repositories

<span class="ph-count">{{ repos_total }}</span>

</div>

{% if repos %}

{% for repo in repos %}

148

{% set enc = enrichments.get(repo.repo_id) if enrichments else none %}

149

{% include "musehub/partials/repo_card_enriched.html" %}

150

{% endfor %}

151

</div>

152

{% if repos_total > repos | length %}

153

154

155

See all {{ repos_total }} repositories

</a>

</div>

{% endif %}

{% else %}

</div>

<p>No public repositories using this domain yet.</p>

</div>

{% endif %}

</section>

<div class="ph-sidebar-heading">Install</div>

172

<p class="dd-sidebar-desc">Add this domain plugin to your Muse workspace.</p>

</div>

<pre class="dd-terminal__body" id="install-cmd">muse domains use {{ domain.scoped_id }}</pre>

</div>

</div>

{% if domain.supported_commands %}

CLI Commands

</div>

</div>

<pre class="dd-terminal__body" id="cli-commands">{% for cmd in domain.supported_commands %}$ {{ cmd }}{% if not loop.last %}

199

{% endif %}{% endfor %}</pre>

</div>

</div>

{% endif %}

Agent & MCP

</div>

<p class="dd-sidebar-desc">Agents can discover and use this domain through the MuseHub MCP server — no configuration needed.</p>

</div>

<pre class="dd-terminal__body" id="mcp-snippet">// MCP tool — preferred for AI agents

219

musehub_read_domain(scoped_id="{{ domain.scoped_id }}")

220

221

// REST API — for programmatic access

222

GET /api/domains/{{ domain.scoped_id }}

223

GET /api/domains/{{ domain.scoped_id }}/repos

224

225

// MCP resource URI

226

muse://domains/{{ domain.author_slug }}/{{ domain.slug }}

227

228

// Create a repo using this domain

musehub_create_repo(

name="my-project",

owner="myuser",

domain="{{ domain.scoped_id }}"

)</pre>

</div>

</div>

{% if domain.kinds %}

238

239

<div class="ph-sidebar-heading">Kinds</div>

240

241

{% for kind in domain.kinds %}

{% endfor %}

</div>

</div>

{% endif %}

{% if domain.manifest_hash %}

249

250

<div class="ph-sidebar-heading">Manifest Hash</div>

251

<p class="dd-sidebar-desc">Pin to this exact capability definition.</p>

252

253

<code class="dd-hash-code" id="manifest-hash">sha256:{{ domain.manifest_hash }}</code>

</div>

</div>

{% endif %}

<div class="ph-sidebar-heading">MCP Resource URI</div>

261

262

<code class="dd-hash-code" id="mcp-uri">muse://domains/{{ domain.author_slug }}/{{ domain.slug }}</code>

</div>

</div>

<div class="ph-sidebar-heading">Details</div>

269

270

<dt>Author</dt><dd>@{{ domain.author_slug }}</dd>

271

<dt>Version</dt><dd>{{ domain.version }}</dd>

272

<dt>Viewer</dt><dd>{{ domain.viewer_type | replace("_", " ") | title }}</dd>

273

{% if domain.merge_semantics %}<dt>Merge</dt><dd>{{ domain.merge_semantics | upper }}</dd>{% endif %}

274

{% if domain.created_at %}<dt>Registered</dt><dd>{{ domain.created_at[:10] }}</dd>{% endif %}

</dl>

</div>

</aside>

</div>{# /ph-body #}

</div>{# /dd-page #}

{% endblock %}