@astrale-os/adapter-cloudflare 0.2.1 → 0.3.0

package/template/client/src/styles.css

@@ -5,6 +5,8 @@
   --border: #e5e5e5;
   --border-strong: #d4d4d8;
   --card: #ffffff;
+  --surface: #f4f4f5;
+  --surface-strong: #eceff3;
   --accent: #2563eb;
   --accent-soft: rgba(37, 99, 235, 0.1);
   --warn-bg: #fffbeb;
@@ -39,7 +41,7 @@ body {
 }
 
 .wrap {
-  max-width: 42rem;
+  max-width: 64rem;
   margin: 0 auto;
   padding: 1.5rem;
 }
@@ -47,8 +49,9 @@ body {
 .card {
   background: var(--card);
   border: 1px solid var(--border);
-  border-radius: 0.75rem;
+  border-radius: 0.5rem;
   padding: 1.25rem 1.5rem;
+  box-shadow: 0 16px 40px rgba(24, 24, 27, 0.06);
 }
 
 .title {
@@ -92,10 +95,10 @@ body {
 /* ─── Panel ─────────────────────────────────────────────────────────────── */
 
 .panel {
-  background: var(--card);
-  border: 1px solid var(--border);
-  border-radius: 0.7rem;
-  padding: 1.05rem 1.2rem;
+  background: transparent;
+  border: 0;
+  border-radius: 0;
+  padding: 0;
 }
 
 .panel-danger {
@@ -107,11 +110,11 @@ body {
   align-items: center;
   justify-content: space-between;
   gap: 0.75rem;
-  margin-bottom: 0.85rem;
+  margin-bottom: 1rem;
 }
 
 .panel-title {
-  font-size: 1.1rem;
+  font-size: 1.35rem;
   font-weight: 650;
   margin: 0;
 }
@@ -175,14 +178,77 @@ body {
   text-decoration: underline;
 }
 
-/* ─── Status row + badge ────────────────────────────────────────────────── */
+/* ─── Status dashboard + badge ──────────────────────────────────────────── */
 
-.status-row {
-  display: flex;
+.status-dashboard {
+  display: grid;
+  gap: 1rem;
+}
+
+.status-overview {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(16rem, 0.65fr);
+  gap: 1rem;
+  align-items: stretch;
+  padding: 1rem;
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: 0.5rem;
+}
+
+.status-label {
+  font-family: var(--mono);
+  font-size: 0.7rem;
+  color: var(--muted);
+  margin: 0 0 0.55rem;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+}
+
+.summary-grid {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  border: 1px solid var(--border);
+  border-radius: 0.5rem;
+  overflow: hidden;
+  background: var(--card);
+}
+
+.summary-cell {
+  min-width: 0;
+  padding: 0.7rem 0.8rem;
+  border-left: 1px solid var(--border);
+}
+
+.summary-cell:first-child {
+  border-left: 0;
+}
+
+.summary-value {
+  display: block;
+  font-size: 1.25rem;
+  line-height: 1.1;
+  font-weight: 750;
+}
+
+.summary-label {
+  display: block;
+  color: var(--muted);
+  font-size: 0.72rem;
+  margin-top: 0.15rem;
+}
+
+.status-meta {
+  display: grid;
+  grid-template-columns: max-content minmax(0, 1fr) max-content max-content;
+  gap: 0.45rem 0.75rem;
   align-items: center;
-  justify-content: space-between;
-  gap: 0.75rem;
-  margin: 0 0 1rem;
+  color: var(--muted);
+  font-size: 0.76rem;
+}
+
+.status-meta > span:nth-child(odd) {
+  font-family: var(--mono);
 }
 
 .status-badge {
@@ -211,6 +277,116 @@ body {
   background: var(--unknown);
 }
 
+.monitor-section {
+  border-top: 1px solid var(--border);
+  padding-top: 1rem;
+}
+
+.monitor-section-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  margin-bottom: 0.45rem;
+}
+
+.monitor-section-head h3 {
+  font-size: 0.95rem;
+  margin: 0;
+}
+
+.refreshing {
+  font-family: var(--mono);
+  font-size: 0.7rem;
+  color: var(--accent);
+  background: var(--accent-soft);
+  border-radius: 0.35rem;
+  padding: 0.15rem 0.4rem;
+}
+
+.monitor-list {
+  border: 1px solid var(--border);
+  border-radius: 0.5rem;
+  overflow: hidden;
+}
+
+.monitor-row {
+  display: grid;
+  grid-template-columns: 8.5rem minmax(0, 1fr) minmax(17rem, 0.8fr);
+  gap: 1rem;
+  align-items: center;
+  padding: 0.85rem 0.95rem;
+  border-top: 1px solid var(--border);
+  background: var(--card);
+}
+
+.monitor-row:first-child {
+  border-top: 0;
+}
+
+.monitor-status {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 0.4rem;
+}
+
+.monitor-row .status-badge {
+  font-size: 0.72rem;
+  padding: 0.2rem 0.5rem;
+  border-radius: 0.35rem;
+}
+
+.weight {
+  font-family: var(--mono);
+  font-size: 0.68rem;
+  color: var(--muted);
+  background: var(--surface);
+  border-radius: 0.35rem;
+  padding: 0.15rem 0.4rem;
+}
+
+.weight-critical {
+  color: var(--err);
+  background: var(--err-soft);
+}
+
+.monitor-main {
+  min-width: 0;
+}
+
+.monitor-main h4 {
+  margin: 0 0 0.12rem;
+  font-size: 0.95rem;
+}
+
+.monitor-metrics {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 0.5rem;
+  margin: 0;
+}
+
+.monitor-metrics div {
+  min-width: 0;
+  padding: 0.45rem 0.55rem;
+  background: var(--surface);
+  border-radius: 0.4rem;
+}
+
+.monitor-metrics dt {
+  color: var(--muted);
+  font-size: 0.68rem;
+  margin-bottom: 0.1rem;
+}
+
+.monitor-metrics dd {
+  margin: 0;
+  font-family: var(--mono);
+  font-size: 0.75rem;
+  word-break: break-word;
+}
+
 /* ─── Buttons ───────────────────────────────────────────────────────────── */
 
 .check-btn {
@@ -286,3 +462,48 @@ body {
     transform: rotate(360deg);
   }
 }
+
+@media (max-width: 760px) {
+  .wrap {
+    padding: 0.75rem;
+  }
+
+  .card {
+    padding: 1rem;
+  }
+
+  .panel-head,
+  .status-overview,
+  .monitor-row {
+    grid-template-columns: 1fr;
+  }
+
+  .panel-head,
+  .monitor-section-head {
+    align-items: flex-start;
+  }
+
+  .status-meta {
+    grid-template-columns: max-content minmax(0, 1fr);
+  }
+
+  .monitor-metrics {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
+
+@media (max-width: 460px) {
+  .summary-grid,
+  .monitor-metrics {
+    grid-template-columns: 1fr;
+  }
+
+  .summary-cell {
+    border-left: 0;
+    border-top: 1px solid var(--border);
+  }
+
+  .summary-cell:first-child {
+    border-top: 0;
+  }
+}

package/template/client/src/views/status.tsx

@@ -14,7 +14,7 @@ import { StatusCard } from '@/status'
 
 export function StatusView(shell: ShellState) {
   return (
-    <ViewFrame shell={shell} title="Status" subline="astrale view">
+    <ViewFrame shell={shell} title="Status page" subline="monitoring view">
       {(session, nodeId) =>
         nodeId ? (
           // Keyed by node id so a target hot-swap remounts with fresh state.

package/template/core/monitor/index.ts

@@ -1,8 +1,8 @@
 /**
- * The monitor bounded context's PURE core, in one place: schema accessors
+ * The monitoring bounded context's PURE core, in one place: schema accessors
  * (`keys`), the health status rule (`health`), and node identity/layout/seed
  * data (`node`). No I/O, no clock/RNG — all deterministic + testable.
- * `runtime/monitor/` imports the operations' logic from here.
+ * `runtime/monitoring/` imports the operations' logic from here.
  */
 export * from './keys'
 export * from './health'

package/template/core/monitor/node.ts

@@ -5,9 +5,10 @@
  * node writes) stay in `runtime/`, so this file is deterministic and testable.
  */
 
-/** Where each kind of node lives in the graph (domain layout; `seed` creates the folders). */
-export const MONITORS_PARENT = '/monitors'
-export const STATUS_PAGES_PARENT = '/status-pages'
+/** Where monitoring nodes live in the graph (domain layout; `seed` creates the folders). */
+export const MONITORING_PARENT = '/monitoring'
+export const MONITORS_PARENT = `${MONITORING_PARENT}/monitors`
+export const STATUS_PAGES_PARENT = `${MONITORING_PARENT}/pages`
 
 /** Deterministic URL-/name-safe stem (lowercased, non-alnum → `-`, clamped). Pure. */
 export function slugify(text: string): string {
@@ -44,14 +45,19 @@ export interface StarterMonitor {
  * a real site. Fixed slugs keep `seed` idempotent across reinstalls.
  */
 export const STARTERS: readonly StarterMonitor[] = [
-  { slug: 'astrale', name: 'Astrale', url: 'https://astrale.ai', critical: true },
+  {
+    slug: 'astrale',
+    name: 'Astrale homepage',
+    url: 'https://astrale.ai',
+    critical: true,
+  },
   {
     slug: 'httpbin-200',
-    name: 'httpbin (200)',
+    name: 'HTTP 200 smoke check',
     url: 'https://httpbin.org/status/200',
     critical: false,
   },
 ]
 
 /** The status page `seed` creates, watching every starter monitor. */
-export const STARTER_PAGE = { slug: 'status', name: 'Status' } as const
+export const STARTER_PAGE = { slug: 'status', name: 'Public status' } as const

package/template/domain.ts

@@ -1,6 +1,6 @@
 /**
  * domain.ts — the WORKER-SAFE domain definition: what the domain IS (its
- * `schema`, `methods`, `deps`, `views`, `functions`, `client`) plus its identity
+ * `schema`, `methods`, `deps`, `views`, `functions`) plus its identity
  * (`origin` defaults to `schema.domain`; `postInstall`). Everything is wired
  * EXPLICITLY here — a renamed or mistyped module is a compile error at this
  * call, never a silently-missing route. The handlers live in `runtime/` (the
@@ -11,7 +11,7 @@
  * so your folder layout is invisible to it — reorganize freely; only this wiring
  * has to stay put. The deploy adapter is attached separately in
  * `astrale.config.ts` via `deploy(domain, …)`, keeping its node-only code
- * (wrangler, filesystem) out of the worker bundle.
+ * (wrangler, filesystem, frontend builds) out of the worker bundle.
  */
 import { defineDomain } from '@astrale-os/sdk'
 
@@ -27,7 +27,9 @@ export const domain = defineDomain({
   deps,
   views,
   functions,
-  client: { dir: 'client' },
-  postInstall: `/:${schema.domain}:class.Monitor:seed`,
+  // Reference the `seed` function directly — the SDK derives its path from the
+  // `functions` map, so a rename can't leave a stale string. The kernel calls it
+  // once after install, as __SYSTEM__. (A class method would be `'class.X:seed'`.)
+  postInstall: functions.seed,
   requires: [],
 })

package/template/functions/index.ts

@@ -1,9 +1,33 @@
 /**
- * Function registry — one file per standalone Function under `functions/`,
- * listed here. Each becomes a Function node at `/<origin>/core/functions/<key>`
- * whose `binding.remoteUrl` the SDK stamps with the worker's public URL at
- * install. (Note: the `postInstall` hook must be a CLASS-hosted static method —
- * standalone Functions live at tree paths, which the kernel's origin guard
- * refuses for postInstall.)
+ * Standalone-function registry — one entry per callable that is NOT a method of
+ * a class. Each becomes a first-class domain MEMBER: a `Function` node at
+ * `/<origin>/functions/<key>` with an `of_domain` edge (slug `function.<key>`),
+ * so it is addressable by the semantic domain path `/:<origin>:function.<key>`
+ * (e.g. as a `postInstall` target — see `domain.ts`) on top of its worker route
+ * `/functions/<key>`. The SDK stamps `binding.remoteUrl` with the worker's public
+ * URL at install. The map key is the slug (single source of truth).
+ *
+ * A standalone function's `execute` receives the same request context as a
+ * method MINUS `self` (it is not node-bound): `{ params, kernel, deps, auth, … }`.
  */
-export const functions = {}
+import { defineRemoteFunction } from '@astrale-os/sdk'
+import { z } from 'zod'
+
+import type { Deps } from '../deps'
+
+import { monitor } from '../runtime/monitoring'
+
+export const functions = {
+  // Post-install bootstrap, wired as `postInstall` in `domain.ts`. The kernel
+  // calls it ONCE after install, as __SYSTEM__ (its delegation minted for this
+  // function's own identity), so the domain comes up demonstrable. Must stay
+  // idempotent — a re-install runs it again. `auth: 'required'` (the default)
+  // makes `ctx.kernel` non-null; the body delegates to the per-operation seed
+  // logic in `runtime/monitor/seed.ts`.
+  seed: defineRemoteFunction<Record<string, never>, { seeded: number }, Deps>({
+    inputSchema: z.object({}),
+    outputSchema: z.object({ seeded: z.number().int() }),
+    authorize: async () => undefined,
+    execute: ({ kernel, deps }) => monitor.seed(kernel, deps.prober()),
+  }),
+}

package/template/package.json

@@ -14,10 +14,10 @@
     "typecheck": "tsgo --noEmit"
   },
   "dependencies": {
-    "@astrale-os/adapter-cloudflare": ">=0.2.1 <1.0.0",
+    "@astrale-os/adapter-cloudflare": ">=0.3.0 <1.0.0",
     "@astrale-os/kernel-core": ">=0.4.3 <1.0.0",
     "@astrale-os/kernel-dsl": ">=0.1.2 <1.0.0",
-    "@astrale-os/sdk": ">=0.1.9 <1.0.0",
+    "@astrale-os/sdk": ">=0.2.0 <1.0.0",
     "@hono/node-server": "^1.19.0",
     "zod": "^4.3.6"
   },