npm - @stacksjs/ts-cloud - Versions diffs - 0.5.26 → 0.5.28 - Mend

@stacksjs/ts-cloud 0.5.26 → 0.5.28

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 (79) hide show

package/dist/bin/cli.js +1223 -7366
package/dist/deploy/dashboard-data-server.d.ts +27 -5
package/dist/deploy/dashboard-database.d.ts +38 -0
package/dist/deploy/dashboard-database.test.d.ts +1 -0
package/dist/deploy/dashboard-operations.d.ts +48 -0
package/dist/deploy/dashboard-operations.test.d.ts +1 -0
package/dist/deploy/index.d.ts +1 -0
package/dist/deploy/local-dashboard-server.d.ts +31 -0
package/dist/deploy/management-dashboard.d.ts +21 -1
package/dist/deploy/site-config-editor.d.ts +37 -0
package/dist/deploy/site-target.d.ts +3 -1
package/dist/deploy/ssh-config-editor.d.ts +22 -0
package/dist/deploy/ssh-config-editor.test.d.ts +1 -0
package/dist/drivers/factory.d.ts +4 -0
package/dist/drivers/index.d.ts +1 -0
package/dist/drivers/local-box/driver.d.ts +20 -0
package/dist/drivers/shared/compute-deploy.d.ts +2 -0
package/dist/drivers/shared/deploy-script.d.ts +28 -12
package/dist/drivers/shared/rpx-gateway.d.ts +99 -2
package/dist/index.d.ts +2 -0
package/dist/index.js +3381 -210
package/dist/ui/index.html +83 -1
package/dist/ui/server/actions.html +1193 -0
package/dist/ui/server/activity.html +1132 -0
package/dist/ui/server/backups.html +57 -1
package/dist/ui/server/database.html +1208 -0
package/dist/ui/server/deployments.html +79 -1
package/dist/ui/server/diagnostics.html +1132 -0
package/dist/ui/server/logs.html +1165 -0
package/dist/ui/server/metrics.html +1 -1
package/dist/ui/server/security.html +1132 -0
package/dist/ui/server/services.html +57 -1
package/dist/ui/server/sites.html +141 -1
package/dist/ui/server/ssh-keys.html +58 -1
package/dist/ui/server/workers.html +57 -1
package/dist/ui/serverless/assets.html +1 -1
package/dist/ui/serverless/cost.html +1 -1
package/dist/ui/serverless/data.html +1 -1
package/dist/ui/serverless/deployments.html +1 -1
package/dist/ui/serverless/firewall.html +1 -1
package/dist/ui/serverless/functions.html +1 -1
package/dist/ui/serverless/logs.html +1165 -0
package/dist/ui/serverless/metrics.html +1 -1
package/dist/ui/serverless/queues.html +1 -1
package/dist/ui/serverless/scheduler.html +1 -1
package/dist/ui/serverless/secrets.html +1 -1
package/dist/ui/serverless.html +1 -1
package/dist/ui-src/package.json +5 -0
package/dist/ui-src/pages/index.stx +308 -0
package/dist/ui-src/pages/partials/head.stx +294 -0
package/dist/ui-src/pages/partials/nav.stx +54 -0
package/dist/ui-src/pages/partials/op-confirm.stx +7 -0
package/dist/ui-src/pages/server/actions.stx +60 -0
package/dist/ui-src/pages/server/activity.stx +55 -0
package/dist/ui-src/pages/server/backups.stx +91 -0
package/dist/ui-src/pages/server/database.stx +119 -0
package/dist/ui-src/pages/server/deployments.stx +106 -0
package/dist/ui-src/pages/server/diagnostics.stx +88 -0
package/dist/ui-src/pages/server/logs.stx +84 -0
package/dist/ui-src/pages/server/metrics.stx +183 -0
package/dist/ui-src/pages/server/security.stx +127 -0
package/dist/ui-src/pages/server/services.stx +82 -0
package/dist/ui-src/pages/server/sites.stx +143 -0
package/dist/ui-src/pages/server/ssh-keys.stx +93 -0
package/dist/ui-src/pages/server/workers.stx +99 -0
package/dist/ui-src/pages/serverless/assets.stx +66 -0
package/dist/ui-src/pages/serverless/cost.stx +149 -0
package/dist/ui-src/pages/serverless/data.stx +76 -0
package/dist/ui-src/pages/serverless/deployments.stx +56 -0
package/dist/ui-src/pages/serverless/firewall.stx +58 -0
package/dist/ui-src/pages/serverless/functions.stx +118 -0
package/dist/ui-src/pages/serverless/logs.stx +84 -0
package/dist/ui-src/pages/serverless/metrics.stx +76 -0
package/dist/ui-src/pages/serverless/queues.stx +81 -0
package/dist/ui-src/pages/serverless/scheduler.stx +60 -0
package/dist/ui-src/pages/serverless/secrets.stx +55 -0
package/dist/ui-src/pages/serverless.stx +222 -0
package/dist/ui-src/src/charts.ts +17333 -0
package/package.json +3 -3

package/dist/ui-src/pages/serverless/functions.stx ADDED Viewed

@@ -0,0 +1,118 @@
+<script server>
+let __d = null
+try { __d = JSON.parse(process.env.TSCLOUD_DASHBOARD_DATA || '') } catch { __d = null }
+const app = __d?.app ?? { name: 'acme', env: 'production' }
+const functions = __d?.functionsDetail ?? [
+  {
+    key: 'http', name: 'acme-production-http', runtime: 'provided.al2023', arch: 'x86_64',
+    memory: 1024, timeout: 28, ephemeral: 512, version: '$LATEST', concurrency: '—',
+    invocations: 171200, errors: 21, throttles: 0, p50: 32, p95: 86, p99: 180, maxMem: 184,
+    spark: [40, 52, 48, 61, 73, 66, 80, 72, 95, 88, 70, 64],
+    env: ['APP_ENV', 'ASSET_URL', 'TSCLOUD_CACHE_TABLE', 'DB_HOST', 'QUEUE_CONNECTION'],
+    recent: [
+      { ts: '01:42:09', msg: 'GET / 200 31ms', err: false },
+      { ts: '01:42:03', msg: 'GET /pricing 200 28ms', err: false },
+      { ts: '01:41:58', msg: 'POST /checkout 500 timeout', err: true },
+    ],
+  },
+  {
+    key: 'queue', name: 'acme-production-queue', runtime: 'provided.al2023', arch: 'x86_64',
+    memory: 1024, timeout: 120, ephemeral: 512, version: '$LATEST', concurrency: 10,
+    invocations: 12840, errors: 3, throttles: 0, p50: 120, p95: 240, p99: 410, maxMem: 256,
+    spark: [12, 18, 9, 22, 31, 28, 19, 24, 33, 27, 20, 14],
+    env: ['APP_ENV', 'QUEUE_CONNECTION', 'TSCLOUD_SQS_RECORD'],
+    recent: [
+      { ts: '01:41:40', msg: 'job App\\Jobs\\SendInvoice ok 210ms', err: false },
+      { ts: '01:40:12', msg: 'job App\\Jobs\\Resize failed → DLQ', err: true },
+    ],
+  },
+  {
+    key: 'cli', name: 'acme-production-cli', runtime: 'provided.al2023', arch: 'x86_64',
+    memory: 1024, timeout: 900, ephemeral: 512, version: '$LATEST', concurrency: '—',
+    invocations: 1440, errors: 0, throttles: 0, p50: 800, p95: 1100, p99: 1400, maxMem: 312,
+    spark: [2, 1, 1, 1, 2, 1, 1, 1, 1, 2, 1, 1],
+    env: ['APP_ENV', 'TSCLOUD_SCHEDULER'],
+    recent: [
+      { ts: '01:42:00', msg: 'schedule:run ok 740ms', err: false },
+      { ts: '01:41:00', msg: 'schedule:run ok 690ms', err: false },
+    ],
+  },
+]
+function fmt(n) { return n >= 1000 ? `${(n / 1000).toFixed(n >= 10000 ? 0 : 1)}k` : String(n) }
+</script>
+<!DOCTYPE html>
+<html lang="en" data-theme="dark">
+<head>
+  @include('../partials/head', { title: 'ts-cloud — Functions' })
+</head>
+<body>
+  @include('../partials/nav', { active: 'serverless', name: app.name, env: app.env })
+  <div class="wrap">
+    <div class="crumbs"><a href="/serverless">Serverless</a> <span class="sep">/</span> Functions</div>
+    <header class="page">
+      <div>
+        <h1>Functions</h1>
+        <p>The three Lambda functions sharing one artifact — HTTP, queue worker, and CLI/scheduler.</p>
+      </div>
+    </header>
+    @foreach (functions as fn)
+      <div class="section">
+        <h2><span class="tag">{{ fn.key }}</span> <span class="mono">{{ fn.name }}</span></h2>
+        <div class="cols">
+          <div class="panel">
+            <h3>Invocations (24h)</h3>
+            <div class="stat">{{ fmt(fn.invocations) }}</div>
+            <div class="spark">
+              @foreach (fn.spark as h)
+                <i style="height: {{ h }}%"></i>
+              @endforeach
+            </div>
+            <div style="display:flex; gap:24px; margin-top:16px; flex-wrap:wrap;">
+              <div><h3>Errors</h3><div style="font-size:18px;font-weight:700;margin-top:4px;">@if (fn.errors > 0)<span style="color:var(--bad)">{{ fn.errors }}</span>@else<span style="color:var(--txt3)">0</span>@endif</div></div>
+              <div><h3>Throttles</h3><div style="font-size:18px;font-weight:700;margin-top:4px;">{{ fn.throttles }}</div></div>
+              <div><h3>p50 / p95 / p99</h3><div class="mono" style="font-size:14px;margin-top:6px;">{{ fn.p50 }} / {{ fn.p95 }} / {{ fn.p99 }} ms</div></div>
+              <div><h3>Max memory</h3><div style="font-size:18px;font-weight:700;margin-top:4px;">{{ fn.maxMem }} <small style="font-size:12px;color:var(--txt2)">/ {{ fn.memory }} MB</small></div></div>
+            </div>
+          </div>
+          <div class="panel">
+            <h3>Configuration</h3>
+            <div style="margin-top:10px;">
+              <div class="kv"><span>runtime</span> <b class="mono">{{ fn.runtime }}</b></div>
+              <div class="kv"><span>architecture</span> <b class="mono">{{ fn.arch }}</b></div>
+              <div class="kv"><span>memory</span> <b>{{ fn.memory }} MB</b></div>
+              <div class="kv"><span>timeout</span> <b>{{ fn.timeout }}s</b></div>
+              <div class="kv"><span>ephemeral /tmp</span> <b>{{ fn.ephemeral }} MB</b></div>
+              <div class="kv"><span>live version</span> <b class="mono">{{ fn.version }}</b></div>
+              <div class="kv"><span>reserved concurrency</span> <b>{{ fn.concurrency }}</b></div>
+            </div>
+          </div>
+        </div>
+        <div class="cols" style="margin-top:16px;">
+          <div class="panel">
+            <h3>Recent activity</h3>
+            <div class="logs" style="margin-top:10px;">
+              @foreach (fn.recent as r)
+                <div>@if (r.err)<span class="ts">{{ r.ts }}</span> <span class="err">{{ r.msg }}</span>@else<span class="ts">{{ r.ts }}</span> {{ r.msg }}@endif</div>
+              @endforeach
+            </div>
+            <p class="note">Tail live with <span class="mono">cloud logs --function {{ fn.key }} --tail</span></p>
+          </div>
+          <div class="panel">
+            <h3>Environment ({{ fn.env.length }} vars)</h3>
+            <div style="margin-top:10px;">
+              @foreach (fn.env as e)
+                <div class="secret"><b class="mono">{{ e }}</b><span class="val">••••••••</span></div>
+              @endforeach
+            </div>
+            <p class="note">Pull/edit with <span class="mono">cloud env:pull --function {{ fn.key }}</span></p>
+          </div>
+        </div>
+      </div>
+    @endforeach
+  </div>
+</body>
+</html>

package/dist/ui-src/pages/serverless/logs.stx ADDED Viewed

@@ -0,0 +1,84 @@
+<script server>
+let __d = null
+try { __d = JSON.parse(process.env.TSCLOUD_DASHBOARD_DATA || '') } catch { __d = null }
+const app = __d?.app ?? { name: 'acme', env: 'production' }
+const initialLogs = __d?.serverlessLogs ?? []
+const emptyReason = __d?.serverlessLogsEmptyReason ?? 'No function logs are available yet.'
+</script>
+<script client>
+// Reactive aggregated CloudWatch logs across the functions, with level + function
+// filtering and auto-refresh — seeded from build-time data (stx server→client
+// bridge), then live-refreshed. Signals + directives only (no manual DOM).
+const logs = state(initialLogs)
+const level = state('all')
+const source = state('all')
+const sources = derived(() => [...new Set(logs().map(l => l.source).filter(Boolean))])
+const filtered = derived(() => logs().filter(l =>
+  (level() === 'all' || l.level === level()) && (source() === 'all' || l.source === source())))
+function tone(l) { return l === 'error' ? 'bad' : (l === 'warn' ? 'warn' : 'ok') }
+async function refresh() {
+  try {
+    const res = await fetch('/api/dashboard-data')
+    if (!res.ok) return
+    const data = await res.json()
+    if (Array.isArray(data.serverlessLogs)) logs.set(data.serverlessLogs)
+  } catch {}
+}
+onMount(() => { refresh(); const id = setInterval(refresh, 8000); return () => clearInterval(id) })
+</script>
+<!DOCTYPE html>
+<html lang="en" data-theme="dark">
+<head>@include('../partials/head', { title: 'ts-cloud — Function logs' })</head>
+<body>
+  @include('../partials/nav', { active: 'serverless', name: app.name, env: app.env })
+  <div class="wrap">
+    <div class="crumbs"><a href="/serverless">Serverless</a> <span class="sep">/</span> Logs</div>
+    <header class="page">
+      <div>
+        <h1>Function logs</h1>
+        <p>Aggregated CloudWatch logs across the {{ app.name }} functions ({{ app.env }}).</p>
+      </div>
+      <div class="cmds header-actions"><span class="accent cmd">cloud logs --env {{ app.env }}</span></div>
+    </header>
+    <div class="section">
+      <div class="panel">
+        <div class="filters">
+          <div class="segmented" role="group" aria-label="Filter log level">
+            <button type="button" :class="{ active: level() === 'all' }" @click="level.set('all')">All</button>
+            <button type="button" :class="{ active: level() === 'error' }" @click="level.set('error')">Errors</button>
+            <button type="button" :class="{ active: level() === 'warn' }" @click="level.set('warn')">Warnings</button>
+            <button type="button" :class="{ active: level() === 'info' }" @click="level.set('info')">Info</button>
+          </div>
+          <label class="select-filter">
+            <span>Function</span>
+            <select :value="source()" @change="source.set($event.target.value)">
+              <option value="all">All functions</option>
+              <template :for="s in sources()">
+                <option :value="s">{{ s }}</option>
+              </template>
+            </select>
+          </label>
+        </div>
+        <div class="log-list">
+          <template :for="log in filtered()">
+            <article class="log-row" :class="log.level">
+              <div class="log-meta">
+                <span class="pill" :class="tone(log.level)">{{ log.level }}</span>
+                <span class="mono">{{ log.source }}</span>
+                <span>{{ log.when }}</span>
+              </div>
+              <pre>{{ log.message }}</pre>
+            </article>
+          </template>
+        </div>
+        <div class="compact empty" @show="logs().length > 0 && filtered().length === 0"><strong>No matching logs</strong><span>Try a different level or function filter.</span></div>
+        <div class="empty" @show="logs().length === 0"><strong>No logs available</strong><span>{{ emptyReason }}</span></div>
+        <p class="note">Live CloudWatch logs (REPORT/START/END boilerplate stripped) across <span class="mono">http</span>, <span class="mono">queue</span>, <span class="mono">cli</span> and scheduler functions. Auto-refreshes every 8s.</p>
+      </div>
+    </div>
+  </div>
+</body>
+</html>

package/dist/ui-src/pages/serverless/metrics.stx ADDED Viewed

@@ -0,0 +1,76 @@
+<script server>
+let __d = null
+try { __d = JSON.parse(process.env.TSCLOUD_DASHBOARD_DATA || '') } catch { __d = null }
+const app = __d?.app ?? { name: 'acme', env: 'production' }
+const window = '24h'
+const totals = __d?.metricsTotals ?? { invocations: 184320, errors: 24, errorRatePct: 0.13, p95Ms: 92, throttles: 0, coldStartPct: 1.8, estCostUsd: 7.4, concurrency: 42 }
+const perFn = __d?.metricsPerFn ?? [
+  { key: 'http', invocations: 171200, errors: 21, throttles: 0, avgMs: 41, maxMs: 282, costUsd: 6.1 },
+  { key: 'queue', invocations: 12840, errors: 3, throttles: 0, avgMs: 168, maxMs: 410, costUsd: 1.0 },
+  { key: 'cli', invocations: 1440, errors: 0, throttles: 0, avgMs: 760, maxMs: 1400, costUsd: 0.3 },
+]
+const invSpark = __d?.invSpark ?? [60, 72, 68, 81, 95, 88, 102, 94, 120, 110, 90, 84, 78, 96, 130, 122, 100, 92, 88, 104, 140, 132, 108, 100]
+function fmt(n) { return n >= 1000 ? `${(n / 1000).toFixed(n >= 10000 ? 0 : 1)}k` : String(n) }
+function pct(v, max) { return Math.round((v / max) * 100) }
+</script>
+<!DOCTYPE html>
+<html lang="en" data-theme="dark">
+<head>
+  @include('../partials/head', { title: 'ts-cloud — Metrics' })
+</head>
+<body>
+  @include('../partials/nav', { active: 'serverless', name: app.name, env: app.env })
+  <div class="wrap">
+    <div class="crumbs"><a href="/serverless">Serverless</a> <span class="sep">/</span> Metrics</div>
+    <header class="page">
+      <div>
+        <h1>Metrics</h1>
+        <p>CloudWatch metrics across the function trio, last {{ window }}.</p>
+      </div>
+    </header>
+    <div class="grid cards">
+      <div class="panel"><h3>Invocations</h3><div class="stat">{{ fmt(totals.invocations) }}</div><p class="note">{{ totals.concurrency }} concurrent now</p></div>
+      <div class="panel"><h3>Error rate</h3><div class="stat">{{ totals.errorRatePct }}%</div><div class="bar"><i style="width: {{ Math.min(100, totals.errorRatePct * 10) }}%"></i></div></div>
+      <div class="panel"><h3>p95 latency</h3><div class="stat">{{ totals.p95Ms }} <small>ms</small></div><p class="note">{{ totals.coldStartPct }}% cold starts</p></div>
+      <div class="panel"><h3>Est. cost</h3><div class="stat">${{ totals.estCostUsd }}</div><p class="note">{{ totals.throttles }} throttles</p></div>
+    </div>
+    <div class="section">
+      <h2>Invocations over time</h2>
+      <div class="panel">
+        <div class="spark" style="height:96px">
+          @foreach (invSpark as h)
+            <i style="height: {{ pct(h, 140) }}%"></i>
+          @endforeach
+        </div>
+        <p class="note">hourly buckets · last {{ window }}</p>
+      </div>
+    </div>
+    <div class="section">
+      <h2>Per function</h2>
+      <div class="panel">
+        <table>
+          <thead><tr><th>Function</th><th>Invocations</th><th>Errors</th><th>Error rate</th><th>Throttles</th><th>Avg</th><th>Max</th><th>Est. cost</th></tr></thead>
+          <tbody>
+            @foreach (perFn as f)
+              <tr>
+                <td><span class="tag">{{ f.key }}</span></td>
+                <td>{{ fmt(f.invocations) }}</td>
+                <td>@if (f.errors > 0)<span class="bad pill">{{ f.errors }}</span>@else<span style="color:var(--txt3)">0</span>@endif</td>
+                <td class="mono">{{ (f.errors / f.invocations * 100).toFixed(2) }}%</td>
+                <td>{{ f.throttles }}</td>
+                <td class="mono">{{ f.avgMs }}ms</td>
+                <td class="mono">{{ f.maxMs }}ms</td>
+                <td style="color:var(--txt2)">${{ f.costUsd }}</td>
+              </tr>
+            @endforeach
+          </tbody>
+        </table>
+        <p class="note">Live: <span class="mono">cloud metrics --since {{ window }}</span> · open in console with <span class="mono">cloud metrics:dashboard</span></p>
+      </div>
+    </div>
+  </div>
+</body>
+</html>

package/dist/ui-src/pages/serverless/queues.stx ADDED Viewed

@@ -0,0 +1,81 @@
+<script server>
+let __d = null
+try { __d = JSON.parse(process.env.TSCLOUD_DASHBOARD_DATA || '') } catch { __d = null }
+const app = __d?.app ?? { name: 'acme', env: 'production' }
+const queues = __d?.queuesDetail ?? [
+  { name: 'acme-production-default', short: 'default', visible: 0, inFlight: 2, delayed: 0, processed: 12830, oldestSec: 0, concurrency: 10, tries: 3, visTimeout: 720, dlq: 0 },
+  { name: 'acme-production-emails', short: 'emails', visible: 4, inFlight: 1, delayed: 0, processed: 9210, oldestSec: 14, concurrency: 5, tries: 3, visTimeout: 720, dlq: 1 },
+]
+const dlqItems = __d?.dlqItems ?? [
+  { id: 'b1f3…9a', queue: 'emails', job: 'App\\Jobs\\SendInvoice', failed: '2h ago', attempts: 3, error: 'SMTP timeout' },
+]
+function fmt(n) { return n >= 1000 ? `${(n / 1000).toFixed(n >= 10000 ? 0 : 1)}k` : String(n) }
+</script>
+<!DOCTYPE html>
+<html lang="en" data-theme="dark">
+<head>
+  @include('../partials/head', { title: 'ts-cloud — Queues' })
+</head>
+<body>
+  @include('../partials/nav', { active: 'serverless', name: app.name, env: app.env })
+  <div class="wrap">
+    <div class="crumbs"><a href="/serverless">Serverless</a> <span class="sep">/</span> Queues</div>
+    <header class="page">
+      <div>
+        <h1>Queues</h1>
+        <p>SQS queues feeding the queue worker (one job per invocation) with a shared dead-letter queue.</p>
+      </div>
+    </header>
+    <div class="section">
+      <div class="panel">
+        <table>
+          <thead><tr><th>Queue</th><th>Visible</th><th>In-flight</th><th>Oldest</th><th>Concurrency</th><th>Tries</th><th>Vis. timeout</th><th>Processed</th><th>DLQ</th></tr></thead>
+          <tbody>
+            @foreach (queues as q)
+              <tr>
+                <td><b>{{ q.short }}</b><div class="mono" style="font-size:11px;color:var(--txt3)">{{ q.name }}</div></td>
+                <td>{{ q.visible }}</td>
+                <td>{{ q.inFlight }}</td>
+                <td class="mono">{{ q.oldestSec }}s</td>
+                <td>{{ q.concurrency }}</td>
+                <td>{{ q.tries }}</td>
+                <td class="mono">{{ q.visTimeout }}s</td>
+                <td style="color:var(--txt2)">{{ fmt(q.processed) }}</td>
+                <td>@if (q.dlq > 0)<span class="bad pill">{{ q.dlq }}</span>@else<span style="color:var(--txt3)">0</span>@endif</td>
+              </tr>
+            @endforeach
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div class="section">
+      <h2>Dead-letter queue</h2>
+      <div class="panel">
+        @if (dlqItems.length === 0)
+          <p style="color:var(--txt3)">No failed messages. 🎉</p>
+        @else
+          <table>
+            <thead><tr><th>Message</th><th>Queue</th><th>Job</th><th>Attempts</th><th>Error</th><th>Failed</th><th></th></tr></thead>
+            <tbody>
+              @foreach (dlqItems as m)
+                <tr>
+                  <td class="mono">{{ m.id }}</td>
+                  <td>{{ m.queue }}</td>
+                  <td class="mono">{{ m.job }}</td>
+                  <td>{{ m.attempts }}</td>
+                  <td><span style="color:var(--bad)">{{ m.error }}</span></td>
+                  <td style="color:var(--txt3)">{{ m.failed }}</td>
+                  <td><span class="cmd">cloud queue:redrive {{ m.queue }}</span></td>
+                </tr>
+              @endforeach
+            </tbody>
+          </table>
+        @endif
+        <p class="note">Inspect with <span class="mono">cloud queue:stats</span> · purge with <span class="mono">cloud queue:purge &lt;name&gt;</span></p>
+      </div>
+    </div>
+  </div>
+</body>
+</html>

package/dist/ui-src/pages/serverless/scheduler.stx ADDED Viewed

@@ -0,0 +1,60 @@
+<script server>
+let __d = null
+try { __d = JSON.parse(process.env.TSCLOUD_DASHBOARD_DATA || '') } catch { __d = null }
+const app = __d?.app ?? { name: 'acme', env: 'production' }
+const scheduler = { ...{ enabled: true, mode: 'sub-minute', expression: 'rate(1 minute)', lastRun: '36s ago', nextRun: '24s' }, ...(__d?.scheduler ?? {}) }
+// Tasks Laravel's schedule:run would fire (illustrative — discovered from the app).
+const tasks = __d?.schedulerTasks ?? [
+  { command: 'emails:digest', cron: '0 8 * * *', desc: 'Daily 08:00', lastRun: '8h ago', lastStatus: 'ok' },
+  { command: 'metrics:rollup', cron: '*/5 * * * *', desc: 'Every 5 min', lastRun: '3m ago', lastStatus: 'ok' },
+  { command: 'subscriptions:renew', cron: '*/1 * * * *', desc: 'Every minute', lastRun: '36s ago', lastStatus: 'ok' },
+  { command: 'cleanup:temp', cron: '30 3 * * *', desc: 'Daily 03:30', lastRun: '5h ago', lastStatus: 'failed' },
+]
+function tone(s) { return s === 'ok' ? 'ok' : (s === 'failed' ? 'bad' : 'warn') }
+</script>
+<!DOCTYPE html>
+<html lang="en" data-theme="dark">
+<head>
+  @include('../partials/head', { title: 'ts-cloud — Scheduler' })
+</head>
+<body>
+  @include('../partials/nav', { active: 'serverless', name: app.name, env: app.env })
+  <div class="wrap">
+    <div class="crumbs"><a href="/serverless">Serverless</a> <span class="sep">/</span> Scheduler</div>
+    <header class="page">
+      <div>
+        <h1>Scheduler</h1>
+        <p>An EventBridge rule invokes the CLI function with <span class="mono">schedule:run</span> every minute.</p>
+      </div>
+    </header>
+    <div class="grid cards">
+      <div class="panel"><h3>State</h3><div style="margin-top:10px">@if (scheduler.enabled)<span class="ok pill">on</span>@else<span class="pill warn">off</span>@endif</div></div>
+      <div class="panel"><h3>Mode</h3><div class="stat" style="font-size:20px">{{ scheduler.mode }}</div></div>
+      <div class="panel"><h3>Trigger</h3><div class="mono" style="margin-top:12px">{{ scheduler.expression }}</div></div>
+      <div class="panel"><h3>Last run</h3><div class="stat" style="font-size:20px">{{ scheduler.lastRun }}</div><p class="note">next in ~{{ scheduler.nextRun }}</p></div>
+    </div>
+    <div class="section">
+      <h2>Scheduled tasks</h2>
+      <div class="panel">
+        <table>
+          <thead><tr><th>Command</th><th>Schedule</th><th>Cron</th><th>Last run</th><th>Status</th></tr></thead>
+          <tbody>
+            @foreach (tasks as t)
+              <tr>
+                <td class="mono">{{ t.command }}</td>
+                <td>{{ t.desc }}</td>
+                <td class="mono" style="color:var(--txt3)">{{ t.cron }}</td>
+                <td style="color:var(--txt2)">{{ t.lastRun }}</td>
+                <td><span class="pill {{ tone(t.lastStatus) }}">{{ t.lastStatus }}</span></td>
+              </tr>
+            @endforeach
+          </tbody>
+        </table>
+        <p class="note">Sub-minute mode loops <span class="mono">schedule:run</span> within each invocation. Run manually: <span class="mono">cloud command "schedule:run"</span></p>
+      </div>
+    </div>
+  </div>
+</body>
+</html>

package/dist/ui-src/pages/serverless/secrets.stx ADDED Viewed

@@ -0,0 +1,55 @@
+<script server>
+let __d = null
+try { __d = JSON.parse(process.env.TSCLOUD_DASHBOARD_DATA || '') } catch { __d = null }
+const app = __d?.app ?? { name: 'acme', env: 'production' }
+// Secret keys (names only — values never leave Secrets Manager).
+const secrets = __d?.secretsList ?? [
+  { key: 'APP_KEY', source: 'acme/production/app-key', updated: '14d ago' },
+  { key: 'DB_PASSWORD', source: 'acme/production/db', updated: '14d ago' },
+  { key: 'STRIPE_SECRET', source: 'acme/production/stripe', updated: '3d ago' },
+  { key: 'MAIL_PASSWORD', source: 'acme/production/mail', updated: '21d ago' },
+]
+</script>
+<!DOCTYPE html>
+<html lang="en" data-theme="dark">
+<head>
+  @include('../partials/head', { title: 'ts-cloud — Secrets' })
+</head>
+<body>
+  @include('../partials/nav', { active: 'serverless', name: app.name, env: app.env })
+  <div class="wrap">
+    <div class="crumbs"><a href="/serverless">Serverless</a> <span class="sep">/</span> Secrets</div>
+    <header class="page">
+      <div>
+        <h1>Secrets</h1>
+        <p>Stored in AWS Secrets Manager and injected into the functions at deploy. Values are never displayed.</p>
+      </div>
+    </header>
+    <div class="section">
+      <div class="panel">
+        <table>
+          <thead><tr><th>Key</th><th>Secret source</th><th>Value</th><th>Updated</th><th></th></tr></thead>
+          <tbody>
+            @foreach (secrets as s)
+              <tr>
+                <td class="mono"><b>{{ s.key }}</b></td>
+                <td class="mono" style="color:var(--txt3)">{{ s.source }}</td>
+                <td class="mono" style="letter-spacing:2px;color:var(--txt3)">••••••••</td>
+                <td style="color:var(--txt3)">{{ s.updated }}</td>
+                <td><span class="cmd">cloud secrets:set {{ s.key }} &lt;value&gt;</span></td>
+              </tr>
+            @endforeach
+          </tbody>
+        </table>
+        <div class="cmds" style="margin-top:14px;">
+          <span class="accent cmd">cloud secrets:set KEY value</span>
+          <span class="cmd">cloud secrets:list</span>
+          <span class="cmd">cloud env:pull</span>
+        </div>
+        <p class="note">Secrets are set from the CLI (the dashboard is a read-only static site). Rotate by re-setting; remove with <span class="mono">cloud secrets:delete KEY</span>.</p>
+      </div>
+    </div>
+  </div>
+</body>
+</html>