PyPI - htmlgraph - Versions diffs - 0.24.1__py3-none-any.whl → 0.25.0__py3-none-any.whl - Mend

htmlgraph 0.24.1py3-none-any.whl → 0.25.0py3-none-any.whl

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (103) hide show

htmlgraph/__init__.py +20 -1
htmlgraph/agent_detection.py +26 -10
htmlgraph/analytics/cross_session.py +4 -3
htmlgraph/analytics/work_type.py +52 -16
htmlgraph/analytics_index.py +51 -19
htmlgraph/api/__init__.py +3 -0
htmlgraph/api/main.py +2115 -0
htmlgraph/api/static/htmx.min.js +1 -0
htmlgraph/api/static/style-redesign.css +1344 -0
htmlgraph/api/static/style.css +1079 -0
htmlgraph/api/templates/dashboard-redesign.html +812 -0
htmlgraph/api/templates/dashboard.html +783 -0
htmlgraph/api/templates/partials/activity-feed-hierarchical.html +326 -0
htmlgraph/api/templates/partials/activity-feed.html +570 -0
htmlgraph/api/templates/partials/agents-redesign.html +317 -0
htmlgraph/api/templates/partials/agents.html +317 -0
htmlgraph/api/templates/partials/event-traces.html +373 -0
htmlgraph/api/templates/partials/features-kanban-redesign.html +509 -0
htmlgraph/api/templates/partials/features.html +509 -0
htmlgraph/api/templates/partials/metrics-redesign.html +346 -0
htmlgraph/api/templates/partials/metrics.html +346 -0
htmlgraph/api/templates/partials/orchestration-redesign.html +443 -0
htmlgraph/api/templates/partials/orchestration.html +163 -0
htmlgraph/api/templates/partials/spawners.html +375 -0
htmlgraph/atomic_ops.py +560 -0
htmlgraph/builders/base.py +55 -1
htmlgraph/builders/bug.py +17 -2
htmlgraph/builders/chore.py +17 -2
htmlgraph/builders/epic.py +17 -2
htmlgraph/builders/feature.py +25 -2
htmlgraph/builders/phase.py +17 -2
htmlgraph/builders/spike.py +27 -2
htmlgraph/builders/track.py +14 -0
htmlgraph/cigs/__init__.py +4 -0
htmlgraph/cigs/reporter.py +818 -0
htmlgraph/cli.py +1427 -401
htmlgraph/cli_commands/__init__.py +1 -0
htmlgraph/cli_commands/feature.py +195 -0
htmlgraph/cli_framework.py +115 -0
htmlgraph/collections/__init__.py +2 -0
htmlgraph/collections/base.py +21 -0
htmlgraph/collections/session.py +189 -0
htmlgraph/collections/spike.py +7 -1
htmlgraph/collections/task_delegation.py +236 -0
htmlgraph/collections/traces.py +482 -0
htmlgraph/config.py +113 -0
htmlgraph/converter.py +41 -0
htmlgraph/cost_analysis/__init__.py +5 -0
htmlgraph/cost_analysis/analyzer.py +438 -0
htmlgraph/dashboard.html +3315 -492
htmlgraph-0.24.1.data/data/htmlgraph/dashboard.html → htmlgraph/dashboard.html.backup +2246 -248
htmlgraph/dashboard.html.bak +7181 -0
htmlgraph/dashboard.html.bak2 +7231 -0
htmlgraph/dashboard.html.bak3 +7232 -0
htmlgraph/db/__init__.py +38 -0
htmlgraph/db/queries.py +790 -0
htmlgraph/db/schema.py +1334 -0
htmlgraph/deploy.py +26 -27
htmlgraph/docs/API_REFERENCE.md +841 -0
htmlgraph/docs/HTTP_API.md +750 -0
htmlgraph/docs/INTEGRATION_GUIDE.md +752 -0
htmlgraph/docs/ORCHESTRATION_PATTERNS.md +710 -0
htmlgraph/docs/README.md +533 -0
htmlgraph/docs/version_check.py +3 -1
htmlgraph/error_handler.py +544 -0
htmlgraph/event_log.py +2 -0
htmlgraph/hooks/__init__.py +8 -0
htmlgraph/hooks/bootstrap.py +169 -0
htmlgraph/hooks/context.py +271 -0
htmlgraph/hooks/drift_handler.py +521 -0
htmlgraph/hooks/event_tracker.py +405 -15
htmlgraph/hooks/post_tool_use_handler.py +257 -0
htmlgraph/hooks/pretooluse.py +476 -6
htmlgraph/hooks/prompt_analyzer.py +648 -0
htmlgraph/hooks/session_handler.py +583 -0
htmlgraph/hooks/state_manager.py +501 -0
htmlgraph/hooks/subagent_stop.py +309 -0
htmlgraph/hooks/task_enforcer.py +39 -0
htmlgraph/models.py +111 -15
htmlgraph/operations/fastapi_server.py +230 -0
htmlgraph/orchestration/headless_spawner.py +22 -14
htmlgraph/pydantic_models.py +476 -0
htmlgraph/quality_gates.py +350 -0
htmlgraph/repo_hash.py +511 -0
htmlgraph/sdk.py +348 -10
htmlgraph/server.py +194 -0
htmlgraph/session_hooks.py +300 -0
htmlgraph/session_manager.py +131 -1
htmlgraph/session_registry.py +587 -0
htmlgraph/session_state.py +436 -0
htmlgraph/system_prompts.py +449 -0
htmlgraph/templates/orchestration-view.html +350 -0
htmlgraph/track_builder.py +19 -0
htmlgraph/validation.py +115 -0
htmlgraph-0.25.0.data/data/htmlgraph/dashboard.html +7417 -0
{htmlgraph-0.24.1.dist-info → htmlgraph-0.25.0.dist-info}/METADATA +91 -64
{htmlgraph-0.24.1.dist-info → htmlgraph-0.25.0.dist-info}/RECORD +103 -42
{htmlgraph-0.24.1.data → htmlgraph-0.25.0.data}/data/htmlgraph/styles.css +0 -0
{htmlgraph-0.24.1.data → htmlgraph-0.25.0.data}/data/htmlgraph/templates/AGENTS.md.template +0 -0
{htmlgraph-0.24.1.data → htmlgraph-0.25.0.data}/data/htmlgraph/templates/CLAUDE.md.template +0 -0
{htmlgraph-0.24.1.data → htmlgraph-0.25.0.data}/data/htmlgraph/templates/GEMINI.md.template +0 -0
{htmlgraph-0.24.1.dist-info → htmlgraph-0.25.0.dist-info}/WHEEL +0 -0
{htmlgraph-0.24.1.dist-info → htmlgraph-0.25.0.dist-info}/entry_points.txt +0 -0

htmlgraph/api/templates/partials/agents-redesign.html ADDED Viewed

@@ -0,0 +1,317 @@
+<div class="view-container agents-view">
+    <div class="view-header">
+        <h2>Agent Fleet Status</h2>
+        <div class="view-description">
+            Real-time performance metrics for all active agents
+        </div>
+    </div>
+    <div class="agents-grid">
+        {% if agents %}
+            {% for agent in agents %}
+            <div class="agent-card">
+                <div class="agent-header">
+                    <div class="agent-icon {{ agent.model|lower }}">
+                        {% if agent.model == 'claude' %}
+                            C
+                        {% elif agent.model == 'gemini' %}
+                            G
+                        {% elif agent.model == 'copilot' %}
+                            M
+                        {% else %}
+                            A
+                        {% endif %}
+                    </div>
+                    <div>
+                        <h4 class="agent-name">{{ agent.name or agent.id }}</h4>
+                        <div class="agent-status {% if agent.status == 'active' %}active{% else %}idle{% endif %}">
+                            <span class="status-dot"></span>
+                            {{ agent.status or 'idle' }}
+                        </div>
+                    </div>
+                </div>
+                <div class="agent-stats">
+                    <div class="stat-item">
+                        <span class="stat-item-label">Model</span>
+                        <span class="stat-item-value">{{ agent.model or 'unknown' }}</span>
+                    </div>
+                    <div class="stat-item">
+                        <span class="stat-item-label">Activity</span>
+                        <span class="stat-item-value">{{ agent.event_count or 0 }}</span>
+                    </div>
+                    <div class="stat-item">
+                        <span class="stat-item-label">Tokens</span>
+                        <span class="stat-item-value">{% if agent.total_tokens %}{{ "{:,}".format(agent.total_tokens) }}{% else %}0{% endif %}</span>
+                    </div>
+                    <div class="stat-item">
+                        <span class="stat-item-label">Avg Time</span>
+                        <span class="stat-item-value">{% if agent.avg_duration %}{{ "%.2f"|format(agent.avg_duration) }}s{% else %}—{% endif %}</span>
+                    </div>
+                </div>
+                <div class="agent-details" style="border-top: 1px solid var(--border-subtle); padding-top: var(--spacing-lg); margin-top: var(--spacing-lg);">
+                    {% if agent.last_activity %}
+                    <div class="detail-row">
+                        <span class="detail-label">Last Activity</span>
+                        <span class="detail-value" data-utc-time="{{ agent.last_activity }}">{{ agent.last_activity }}</span>
+                    </div>
+                    {% endif %}
+                    {% if agent.success_rate %}
+                    <div class="detail-row" style="margin-top: var(--spacing-md);">
+                        <span class="detail-label">Success Rate</span>
+                        <div style="display: flex; align-items: center; gap: var(--spacing-md);">
+                            <div style="flex: 1; height: 6px; background: var(--bg-darker); border-radius: 2px; overflow: hidden;">
+                                <div style="height: 100%; background: linear-gradient(90deg, var(--status-success) 0%, var(--accent-lime) 100%); width: {{ agent.success_rate }}%;"></div>
+                            </div>
+                            <span class="stat-item-value" style="min-width: 50px;">{{ agent.success_rate }}%</span>
+                        </div>
+                    </div>
+                    {% endif %}
+                    {% if agent.error_count %}
+                    <div class="detail-row" style="margin-top: var(--spacing-md);">
+                        <span class="detail-label">Errors</span>
+                        <span class="stat-item-value" style="color: var(--status-blocked);">{{ agent.error_count }}</span>
+                    </div>
+                    {% endif %}
+                </div>
+            </div>
+            {% endfor %}
+        {% else %}
+            <div class="empty-state" style="grid-column: 1 / -1;">
+                <p>No agents found</p>
+                <small>Agent activity will appear here as tasks are delegated</small>
+            </div>
+        {% endif %}
+    </div>
+</div>
+<script>
+    // Convert timestamps after load
+    function convertTimestampsToLocal() {
+        const timestampElements = document.querySelectorAll('[data-utc-time]');
+        timestampElements.forEach(element => {
+            const utcTime = element.getAttribute('data-utc-time');
+            if (utcTime) {
+                try {
+                    const date = new Date(utcTime.replace(' ', 'T') + 'Z');
+                    const localTime = new Intl.DateTimeFormat('en-US', {
+                        year: 'numeric',
+                        month: '2-digit',
+                        day: '2-digit',
+                        hour: '2-digit',
+                        minute: '2-digit',
+                        second: '2-digit',
+                        hour12: false,
+                        timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone
+                    }).format(date);
+                    element.textContent = localTime;
+                    element.setAttribute('title', `UTC: ${utcTime} | Local: ${localTime}`);
+                } catch (err) {
+                    console.warn('Failed to convert timestamp:', utcTime, err);
+                }
+            }
+        });
+    }
+    document.addEventListener('htmx:afterSettle', function(evt) {
+        if (evt.detail.target.id === 'content-area' &&
+            document.querySelector('.agents-view')) {
+            convertTimestampsToLocal();
+        }
+    });
+    if (document.querySelector('.agents-view')) {
+        convertTimestampsToLocal();
+    }
+</script>
+<style>
+    .agents-grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
+        gap: var(--spacing-lg);
+    }
+    .agent-card {
+        background: var(--bg-card);
+        border: 1px solid var(--border-subtle);
+        border-radius: 2px;
+        padding: var(--spacing-xl);
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing-lg);
+        transition: all var(--transition-base);
+    }
+    .agent-card:hover {
+        border-color: var(--accent-lime);
+        box-shadow: var(--shadow-lg);
+        transform: translateY(-4px);
+    }
+    .agent-header {
+        display: flex;
+        align-items: center;
+        gap: var(--spacing-lg);
+        padding-bottom: var(--spacing-lg);
+        border-bottom: 1px solid var(--border-subtle);
+    }
+    .agent-icon {
+        width: 56px;
+        height: 56px;
+        border-radius: 4px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 1.8rem;
+        font-weight: 700;
+        flex-shrink: 0;
+    }
+    .agent-icon.claude {
+        background: rgba(139, 92, 246, 0.2);
+        color: var(--agent-claude);
+    }
+    .agent-icon.gemini {
+        background: rgba(59, 130, 246, 0.2);
+        color: var(--agent-gemini);
+    }
+    .agent-icon.copilot {
+        background: rgba(107, 114, 128, 0.2);
+        color: var(--agent-copilot);
+    }
+    .agent-icon.openai {
+        background: rgba(16, 185, 129, 0.2);
+        color: var(--agent-openai);
+    }
+    .agent-name {
+        color: var(--text-primary);
+        font-size: 1.15rem;
+        font-weight: 700;
+        margin: 0;
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+    }
+    .agent-status {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--spacing-sm);
+        color: var(--status-success);
+        font-size: 0.85rem;
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+    }
+    .agent-status.idle {
+        color: var(--text-muted);
+    }
+    .status-dot {
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+        background: currentColor;
+        animation: pulse-dot 2s infinite;
+    }
+    @keyframes pulse-dot {
+        0%, 100% { opacity: 1; }
+        50% { opacity: 0.5; }
+    }
+    .agent-stats {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        gap: var(--spacing-md);
+    }
+    .stat-item {
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing-xs);
+    }
+    .stat-item-label {
+        font-size: 0.75rem;
+        color: var(--text-muted);
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+    }
+    .stat-item-value {
+        font-size: 1.4rem;
+        color: var(--accent-lime);
+        font-weight: 700;
+        font-family: 'JetBrains Mono', monospace;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+    .agent-details {
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing-md);
+    }
+    .detail-row {
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing-xs);
+    }
+    .detail-label {
+        font-size: 0.75rem;
+        color: var(--text-muted);
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+    }
+    .detail-value {
+        color: var(--text-secondary);
+        font-family: 'Courier New', monospace;
+        word-break: break-all;
+    }
+    .empty-state {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        height: 300px;
+        color: var(--text-muted);
+        text-align: center;
+        background: var(--bg-card);
+        border: 1px solid var(--border-subtle);
+        border-radius: 2px;
+    }
+    .empty-state p {
+        font-size: 1.1rem;
+        margin-bottom: var(--spacing-md);
+    }
+    .empty-state small {
+        color: var(--text-secondary);
+    }
+    @media (max-width: 1024px) {
+        .agents-grid {
+            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+        }
+    }
+    @media (max-width: 768px) {
+        .agents-grid {
+            grid-template-columns: 1fr;
+        }
+    }
+</style>

htmlgraph/api/templates/partials/agents.html ADDED Viewed

@@ -0,0 +1,317 @@
+<div class="view-container agents-view">
+    <div class="view-header">
+        <h2>Agent Fleet Status</h2>
+        <div class="view-description">
+            Real-time performance metrics for all active agents
+        </div>
+    </div>
+    <div class="agents-grid">
+        {% if agents %}
+            {% for agent in agents %}
+            <div class="agent-card">
+                <div class="agent-header">
+                    <div class="agent-icon {{ agent.model|lower }}">
+                        {% if agent.model == 'claude' %}
+                            C
+                        {% elif agent.model == 'gemini' %}
+                            G
+                        {% elif agent.model == 'copilot' %}
+                            M
+                        {% else %}
+                            A
+                        {% endif %}
+                    </div>
+                    <div>
+                        <h4 class="agent-name">{{ agent.name or agent.id }}</h4>
+                        <div class="agent-status {% if agent.status == 'active' %}active{% else %}idle{% endif %}">
+                            <span class="status-dot"></span>
+                            {{ agent.status or 'idle' }}
+                        </div>
+                    </div>
+                </div>
+                <div class="agent-stats">
+                    <div class="stat-item">
+                        <span class="stat-item-label">Model</span>
+                        <span class="stat-item-value">{{ agent.model or 'unknown' }}</span>
+                    </div>
+                    <div class="stat-item">
+                        <span class="stat-item-label">Activity</span>
+                        <span class="stat-item-value">{{ agent.event_count or 0 }}</span>
+                    </div>
+                    <div class="stat-item">
+                        <span class="stat-item-label">Tokens</span>
+                        <span class="stat-item-value">{% if agent.total_tokens %}{{ "{:,}".format(agent.total_tokens) }}{% else %}0{% endif %}</span>
+                    </div>
+                    <div class="stat-item">
+                        <span class="stat-item-label">Avg Time</span>
+                        <span class="stat-item-value">{% if agent.avg_duration %}{{ "%.2f"|format(agent.avg_duration) }}s{% else %}—{% endif %}</span>
+                    </div>
+                </div>
+                <div class="agent-details" style="border-top: 1px solid var(--border-subtle); padding-top: var(--spacing-lg); margin-top: var(--spacing-lg);">
+                    {% if agent.last_activity %}
+                    <div class="detail-row">
+                        <span class="detail-label">Last Activity</span>
+                        <span class="detail-value" data-utc-time="{{ agent.last_activity }}">{{ agent.last_activity }}</span>
+                    </div>
+                    {% endif %}
+                    {% if agent.success_rate %}
+                    <div class="detail-row" style="margin-top: var(--spacing-md);">
+                        <span class="detail-label">Success Rate</span>
+                        <div style="display: flex; align-items: center; gap: var(--spacing-md);">
+                            <div style="flex: 1; height: 6px; background: var(--bg-darker); border-radius: 2px; overflow: hidden;">
+                                <div style="height: 100%; background: linear-gradient(90deg, var(--status-success) 0%, var(--accent-lime) 100%); width: {{ agent.success_rate }}%;"></div>
+                            </div>
+                            <span class="stat-item-value" style="min-width: 50px;">{{ agent.success_rate }}%</span>
+                        </div>
+                    </div>
+                    {% endif %}
+                    {% if agent.error_count %}
+                    <div class="detail-row" style="margin-top: var(--spacing-md);">
+                        <span class="detail-label">Errors</span>
+                        <span class="stat-item-value" style="color: var(--status-blocked);">{{ agent.error_count }}</span>
+                    </div>
+                    {% endif %}
+                </div>
+            </div>
+            {% endfor %}
+        {% else %}
+            <div class="empty-state" style="grid-column: 1 / -1;">
+                <p>No agents found</p>
+                <small>Agent activity will appear here as tasks are delegated</small>
+            </div>
+        {% endif %}
+    </div>
+</div>
+<script>
+    // Convert timestamps after load
+    function convertTimestampsToLocal() {
+        const timestampElements = document.querySelectorAll('[data-utc-time]');
+        timestampElements.forEach(element => {
+            const utcTime = element.getAttribute('data-utc-time');
+            if (utcTime) {
+                try {
+                    const date = new Date(utcTime.replace(' ', 'T') + 'Z');
+                    const localTime = new Intl.DateTimeFormat('en-US', {
+                        year: 'numeric',
+                        month: '2-digit',
+                        day: '2-digit',
+                        hour: '2-digit',
+                        minute: '2-digit',
+                        second: '2-digit',
+                        hour12: false,
+                        timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone
+                    }).format(date);
+                    element.textContent = localTime;
+                    element.setAttribute('title', `UTC: ${utcTime} | Local: ${localTime}`);
+                } catch (err) {
+                    console.warn('Failed to convert timestamp:', utcTime, err);
+                }
+            }
+        });
+    }
+    document.addEventListener('htmx:afterSettle', function(evt) {
+        if (evt.detail.target.id === 'content-area' &&
+            document.querySelector('.agents-view')) {
+            convertTimestampsToLocal();
+        }
+    });
+    if (document.querySelector('.agents-view')) {
+        convertTimestampsToLocal();
+    }
+</script>
+<style>
+    .agents-grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
+        gap: var(--spacing-lg);
+    }
+    .agent-card {
+        background: var(--bg-card);
+        border: 1px solid var(--border-subtle);
+        border-radius: 2px;
+        padding: var(--spacing-xl);
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing-lg);
+        transition: all var(--transition-base);
+    }
+    .agent-card:hover {
+        border-color: var(--accent-lime);
+        box-shadow: var(--shadow-lg);
+        transform: translateY(-4px);
+    }
+    .agent-header {
+        display: flex;
+        align-items: center;
+        gap: var(--spacing-lg);
+        padding-bottom: var(--spacing-lg);
+        border-bottom: 1px solid var(--border-subtle);
+    }
+    .agent-icon {
+        width: 56px;
+        height: 56px;
+        border-radius: 4px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 1.8rem;
+        font-weight: 700;
+        flex-shrink: 0;
+    }
+    .agent-icon.claude {
+        background: rgba(139, 92, 246, 0.2);
+        color: var(--agent-claude);
+    }
+    .agent-icon.gemini {
+        background: rgba(59, 130, 246, 0.2);
+        color: var(--agent-gemini);
+    }
+    .agent-icon.copilot {
+        background: rgba(107, 114, 128, 0.2);
+        color: var(--agent-copilot);
+    }
+    .agent-icon.openai {
+        background: rgba(16, 185, 129, 0.2);
+        color: var(--agent-openai);
+    }
+    .agent-name {
+        color: var(--text-primary);
+        font-size: 1.15rem;
+        font-weight: 700;
+        margin: 0;
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+    }
+    .agent-status {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--spacing-sm);
+        color: var(--status-success);
+        font-size: 0.85rem;
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+    }
+    .agent-status.idle {
+        color: var(--text-muted);
+    }
+    .status-dot {
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+        background: currentColor;
+        animation: pulse-dot 2s infinite;
+    }
+    @keyframes pulse-dot {
+        0%, 100% { opacity: 1; }
+        50% { opacity: 0.5; }
+    }
+    .agent-stats {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        gap: var(--spacing-md);
+    }
+    .stat-item {
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing-xs);
+    }
+    .stat-item-label {
+        font-size: 0.75rem;
+        color: var(--text-muted);
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+    }
+    .stat-item-value {
+        font-size: 1.4rem;
+        color: var(--accent-lime);
+        font-weight: 700;
+        font-family: 'JetBrains Mono', monospace;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+    .agent-details {
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing-md);
+    }
+    .detail-row {
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing-xs);
+    }
+    .detail-label {
+        font-size: 0.75rem;
+        color: var(--text-muted);
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+    }
+    .detail-value {
+        color: var(--text-secondary);
+        font-family: 'Courier New', monospace;
+        word-break: break-all;
+    }
+    .empty-state {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        height: 300px;
+        color: var(--text-muted);
+        text-align: center;
+        background: var(--bg-card);
+        border: 1px solid var(--border-subtle);
+        border-radius: 2px;
+    }
+    .empty-state p {
+        font-size: 1.1rem;
+        margin-bottom: var(--spacing-md);
+    }
+    .empty-state small {
+        color: var(--text-secondary);
+    }
+    @media (max-width: 1024px) {
+        .agents-grid {
+            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+        }
+    }
+    @media (max-width: 768px) {
+        .agents-grid {
+            grid-template-columns: 1fr;
+        }
+    }
+</style>

htmlgraph 0.24.1__py3-none-any.whl → 0.25.0__py3-none-any.whl

htmlgraph 0.24.1py3-none-any.whl → 0.25.0py3-none-any.whl