console/app/components/showcase/PageColumns.vue at main · agentruntimecontrolprotocol/console · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<template>
  <div class="flex flex-col gap-8">
    <GallerySection title="Basic columns layout">
      <UPageColumns class="w-full">
        <UPageCard
          icon="i-material-symbols-bolt-outline"
          title="Event Ingestion"
          description="High-throughput pipeline receives agent events, applies schema validation, and fans out to downstream consumers in real time."
          variant="outline"
        />
        <UPageCard
          icon="i-material-symbols-route-outline"
          title="Runtime Routing"
          description="Intelligent dispatcher resolves the optimal runtime target for each job based on capability tags and current load."
          variant="outline"
        />
        <UPageCard
          icon="i-material-symbols-timer-outline"
          title="Lease Management"
          description="Distributed lease engine issues and renews time-boxed execution grants, preventing duplicate job processing across nodes."
          variant="outline"
        />
        <UPageCard
          icon="i-material-symbols-monitor-heart-outline"
          title="Health Probing"
          description="Continuous liveness and readiness checks surface unhealthy agents before the scheduler commits a job to them."
          variant="outline"
        />
        <UPageCard
          icon="i-material-symbols-key-outline"
          title="Session Auth"
          description="Short-lived signed tokens authenticate each session, scoped to a single job context with automatic revocation on completion."
          variant="outline"
        />
        <UPageCard
          icon="i-material-symbols-analytics-outline"
          title="Trace Aggregation"
          description="Distributed spans from all runtime nodes are collected, correlated by trace ID, and stored for replay and inspection."
          variant="outline"
        />
      </UPageColumns>
    </GallerySection>

    <GallerySection title="Mixed content — cards + features">
      <UPageColumns class="w-full">
        <UPageCard
          icon="i-material-symbols-rocket-launch-outline"
          title="Job Dispatch"
          description="Submit a structured job payload and receive an execution handle within a single round-trip."
          highlight
          highlight-color="primary"
          variant="outline"
        />
        <UPageFeature
          icon="i-material-symbols-check-circle-outline"
          title="Idempotent submissions"
          description="Duplicate job IDs are deduplicated at the gateway — safe to retry without side effects."
          orientation="horizontal"
        />
        <UPageFeature
          icon="i-material-symbols-swap-horiz"
          title="Bidirectional streaming"
          description="Agents push incremental output back over the same session channel for low-latency consumers."
          orientation="horizontal"
        />
        <UPageCard
          icon="i-material-symbols-security-outline"
          title="Policy Enforcement"
          description="Inline policy engine evaluates every job against tenant rules before the runtime ever sees the payload."
          highlight
          highlight-color="secondary"
          variant="outline"
        />
        <UPageFeature
          icon="i-material-symbols-schedule-outline"
          title="Deferred execution"
          description="Schedule jobs with a not-before timestamp; the scheduler holds them until the window opens."
          orientation="horizontal"
        />
        <UPageFeature
          icon="i-material-symbols-layers-outline"
          title="Priority queuing"
          description="Priority bands let critical runtime jobs preempt lower-priority background workloads."
          orientation="horizontal"
        />
      </UPageColumns>
    </GallerySection>

    <GallerySection title="Highlighted cards">
      <UPageColumns class="w-full">
        <UPageCard
          icon="i-material-symbols-data-object"
          title="Structured Traces"
          description="Every agent action emits an OpenTelemetry span. Traces are queryable by session, job, or custom tag."
          highlight
          highlight-color="success"
          spotlight
          spotlight-color="success"
          variant="outline"
        />
        <UPageCard
          icon="i-material-symbols-warning-outline"
          title="Fault Isolation"
          description="Runtime sandboxes contain failures to a single job — crashes never propagate to sibling sessions."
          highlight
          highlight-color="warning"
          spotlight
          spotlight-color="warning"
          variant="outline"
        />
        <UPageCard
          icon="i-material-symbols-error-outline"
          title="Dead-letter Queue"
          description="Jobs that exhaust retries are moved to the DLQ with full diagnostic context attached for operator review."
          highlight
          highlight-color="error"
          spotlight
          spotlight-color="error"
          variant="outline"
        />
        <UPageCard
          icon="i-material-symbols-info-outline"
          title="Audit Logging"
          description="Immutable audit trail captures every control-plane mutation with principal identity and timestamp."
          highlight
          highlight-color="info"
          spotlight
          spotlight-color="info"
          variant="outline"
        />
      </UPageColumns>
    </GallerySection>
  </div>
</template>