@astrale-os/adapter-cloudflare 0.4.4 → 0.4.6

package/template/client/src/styles.css

@@ -1,509 +1,78 @@
-:root {
-  --bg: #fafafa;
-  --fg: #171717;
-  --muted: #737373;
-  --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;
-  --warn-border: #fde68a;
-  --warn-fg: #92400e;
-  --err: #dc2626;
-  --err-soft: rgba(220, 38, 38, 0.1);
-  --up: #16a34a;
-  --degraded: #d97706;
-  --down: #dc2626;
-  --unknown: #737373;
-  --mono: ui-monospace, SFMono-Regular, Menlo, monospace;
-}
-
-* {
-  box-sizing: border-box;
-}
-
-body {
-  margin: 0;
-  background: var(--bg);
-  color: var(--fg);
-  font:
-    14px/1.6 system-ui,
-    -apple-system,
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-}
-
-#root {
-  min-height: 100vh;
-}
-
-.wrap {
-  max-width: 64rem;
-  margin: 0 auto;
-  padding: 1.5rem;
-}
-
-.card {
-  background: var(--card);
-  border: 1px solid var(--border);
-  border-radius: 0.5rem;
-  padding: 1.25rem 1.5rem;
-  box-shadow: 0 16px 40px rgba(24, 24, 27, 0.06);
-}
-
-.title {
-  font-size: 1.4rem;
-  font-weight: 600;
-  margin: 0;
-}
-
-.subline {
-  font-family: var(--mono);
-  font-size: 0.72rem;
-  color: var(--muted);
-  margin: 0.25rem 0 1rem;
-  word-break: break-all;
-}
-
-.body {
-  white-space: pre-wrap;
-  margin: 0 0 1rem;
-}
-
-/* ─── Banners ───────────────────────────────────────────────────────────── */
-
-.banner {
-  border: 1px solid var(--warn-border);
-  background: var(--warn-bg);
-  color: var(--warn-fg);
-  border-radius: 0.5rem;
-  padding: 0.6rem 0.85rem;
-  font-size: 0.8rem;
-  margin-bottom: 1rem;
-}
-
-.banner-error {
-  border-color: var(--err);
-  background: var(--err-soft);
-  color: var(--err);
-  word-break: break-word;
-}
-
-/* ─── Panel ─────────────────────────────────────────────────────────────── */
-
-.panel {
-  background: transparent;
-  border: 0;
-  border-radius: 0;
-  padding: 0;
-}
-
-.panel-danger {
-  border-color: color-mix(in srgb, var(--err) 45%, var(--border));
-}
-
-.panel-head {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 0.75rem;
-  margin-bottom: 1rem;
-}
-
-.panel-title {
-  font-size: 1.35rem;
-  font-weight: 650;
-  margin: 0;
-}
-
-.panel-danger .panel-title {
-  color: var(--err);
-}
-
-.panel-actions {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-
-/* ─── Key/value ─────────────────────────────────────────────────────────── */
-
-.kv {
-  border: 1px solid var(--border);
-  border-radius: 0.5rem;
-  overflow: hidden;
-  font-family: var(--mono);
-  font-size: 0.72rem;
-}
-
-.kv-row {
-  display: grid;
-  grid-template-columns: 9rem 1fr;
-  gap: 0.75rem;
-  padding: 0.4rem 0.7rem;
-  border-top: 1px solid var(--border);
-}
-
-.kv-row:first-child {
-  border-top: 0;
-}
-
-.kv-key {
-  color: var(--muted);
-}
-
-.kv-val {
-  word-break: break-all;
-  min-width: 0;
-}
-
-.muted {
-  color: var(--muted);
-}
-
-.mono {
-  font-family: var(--mono);
-  font-size: 0.78rem;
-}
-
-.link {
-  color: var(--accent);
-  text-decoration: none;
-}
-
-.link:hover {
-  text-decoration: underline;
-}
-
-/* ─── Status dashboard + badge ──────────────────────────────────────────── */
-
-.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;
-  color: var(--muted);
-  font-size: 0.76rem;
-}
-
-.status-meta > span:nth-child(odd) {
-  font-family: var(--mono);
-}
-
-.status-badge {
-  display: inline-block;
-  font-weight: 700;
-  font-size: 1rem;
-  letter-spacing: 0.04em;
-  padding: 0.3rem 0.85rem;
-  border-radius: 0.5rem;
-  color: #ffffff;
-}
+@import 'tailwindcss';
+@import 'tw-animate-css';
+@import 'shadcn/tailwind.css';
+@import '@fontsource-variable/instrument-sans';
+@import '@fontsource/ibm-plex-mono/400.css';
 
-.status-up {
-  background: var(--up);
-}
-
-.status-degraded {
-  background: var(--degraded);
-}
-
-.status-down {
-  background: var(--down);
-}
-
-.status-unknown {
-  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;
-}
+@custom-variant dark (&:is(.dark *));
 
-.monitor-metrics dd {
-  margin: 0;
-  font-family: var(--mono);
-  font-size: 0.75rem;
-  word-break: break-word;
-}
-
-/* ─── Buttons ───────────────────────────────────────────────────────────── */
-
-.check-btn {
-  font: inherit;
-  font-weight: 600;
-  color: #ffffff;
-  background: var(--accent);
-  border: 0;
-  border-radius: 0.5rem;
-  padding: 0.4rem 0.85rem;
-  cursor: pointer;
-}
-
-.check-btn:hover:not(:disabled) {
-  opacity: 0.9;
-}
-
-.check-btn:disabled {
-  opacity: 0.55;
-  cursor: default;
-}
-
-/* ─── Empty state ───────────────────────────────────────────────────────── */
-
-.empty {
-  border: 1px dashed var(--border-strong);
-  border-radius: 0.6rem;
-  padding: 1.4rem 1.2rem;
-  text-align: center;
-  display: flex;
-  flex-direction: column;
-  gap: 0.6rem;
-  align-items: center;
-}
-
-.empty-text {
-  margin: 0;
-  color: var(--muted);
-  font-size: 0.85rem;
-}
-
-.empty-hint {
-  font-family: var(--mono);
-  font-size: 0.72rem;
-  color: var(--muted);
-  background: var(--bg);
-  border: 1px solid var(--border);
-  border-radius: 0.4rem;
-  padding: 0.3rem 0.6rem;
-  word-break: break-all;
-}
-
-/* ─── Loading ───────────────────────────────────────────────────────────── */
-
-.loading-line {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  margin: 0;
-}
-
-.spinner {
-  width: 0.85rem;
-  height: 0.85rem;
-  border-radius: 50%;
-  border: 2px solid var(--border-strong);
-  border-top-color: var(--accent);
-  animation: spin 0.8s linear infinite;
-}
-
-@keyframes spin {
-  to {
-    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;
+:root {
+  color-scheme: dark;
+  --background: oklch(0.145 0.008 65);
+  --foreground: oklch(0.93 0.012 78);
+  --card: oklch(0.18 0.009 65);
+  --card-foreground: var(--foreground);
+  --popover: oklch(0.19 0.009 65);
+  --popover-foreground: var(--foreground);
+  --primary: oklch(0.76 0.12 75);
+  --primary-foreground: oklch(0.17 0.01 65);
+  --secondary: oklch(0.23 0.01 65);
+  --secondary-foreground: var(--foreground);
+  --muted: oklch(0.22 0.008 65);
+  --muted-foreground: oklch(0.66 0.012 75);
+  --accent: oklch(0.25 0.012 65);
+  --accent-foreground: var(--foreground);
+  --destructive: oklch(0.65 0.18 25);
+  --border: oklch(0.285 0.01 65);
+  --input: oklch(0.29 0.01 65);
+  --ring: var(--primary);
+  --radius: 0.625rem;
+  --font-sans: 'Instrument Sans Variable', sans-serif;
+  --font-mono: 'IBM Plex Mono', monospace;
+}
+
+@theme inline {
+  --font-sans: var(--font-sans);
+  --font-mono: var(--font-mono);
+  --color-ring: var(--ring);
+  --color-input: var(--input);
+  --color-border: var(--border);
+  --color-destructive: var(--destructive);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-accent: var(--accent);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-muted: var(--muted);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-secondary: var(--secondary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-primary: var(--primary);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-popover: var(--popover);
+  --color-card-foreground: var(--card-foreground);
+  --color-card: var(--card);
+  --color-foreground: var(--foreground);
+  --color-background: var(--background);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
   }
-
-  .status-meta {
-    grid-template-columns: max-content minmax(0, 1fr);
+  html,
+  body,
+  #root {
+    min-height: 100%;
   }
-
-  .monitor-metrics {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
+  body {
+    @apply bg-background text-foreground font-sans antialiased;
+    margin: 0;
   }
-}
-
-@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;
+  code,
+  kbd {
+    @apply font-mono;
   }
 }

package/template/client/vite.config.ts

@@ -1,27 +1,11 @@
+import tailwindcss from '@tailwindcss/vite'
 import viteReact from '@vitejs/plugin-react'
 import { fileURLToPath } from 'node:url'
 import { defineConfig } from 'vite'
 
-/**
- * Client SPA for the domain's Views. Built into `../.dist/`, served by the
- * generated worker via its `ASSETS` binding (`.astrale/`).
- *
- * `base: '/ui/'` + `outDir: '../.dist'`: Vite emits asset refs as
- * `/ui/assets/<hash>.js`; the worker strips the `/ui` prefix before delegating
- * to `ASSETS`, so files resolve from the directory root. `index.html` is the
- * SPA fallback for `/ui/<anything>` — `src/app.tsx` routes on the mount path.
- *
- * Consumes `@astrale-os/shell` for the child handshake + the real kernel client:
- * `src/shell/use-shell.ts` boots `createShell({ mode: 'sandboxed' })` and the
- * feature hooks call kernel methods through `shell.kernel` (token refresh, codec
- * negotiation, redirect following, delegation — all handled by the SDK).
- *
- * `@` is aliased to `src/` (mirrors tsconfig `paths`) so feature code imports
- * `@/shell`, `@/ui`, `@/status`.
- */
 export default defineConfig({
   base: '/ui/',
-  plugins: [viteReact()],
+  plugins: [viteReact(), tailwindcss()],
   resolve: { alias: { '@': fileURLToPath(new URL('./src', import.meta.url)) } },
   build: {
     outDir: '../.dist',

package/template/client/vitest.config.ts

@@ -2,12 +2,6 @@ import viteReact from '@vitejs/plugin-react'
 import { fileURLToPath } from 'node:url'
 import { defineConfig } from 'vitest/config'
 
-/**
- * Vitest config for the client SPA. A DOM env (`happy-dom`) backs the React
- * render + the shell handshake the tests exercise. Kept separate from
- * `vite.config.ts` (which sets the `/ui/` base + `../.dist` build) so tests
- * don't inherit the SPA build options.
- */
 export default defineConfig({
   plugins: [viteReact()],
   resolve: { alias: { '@': fileURLToPath(new URL('./src', import.meta.url)) } },

package/template/core/README.md

@@ -1,23 +1,7 @@
-# core/ — pure domain logic
+# Core
 
-This folder holds the **pure, transport-agnostic logic** for each bounded
-context — no I/O, no `fetch`, no clock/RNG, no kernel session. Just functions
-over plain data that `runtime/` handlers call. Being pure makes it the easy part
-to unit-test.
+Pure, deterministic domain logic only. Organize it by bounded context and keep kernel calls, network
+I/O, clocks, randomness, and environment access in `runtime/` or `integrations/`.
 
-A context usually gets its own subfolder:
-
-```
-core/<context>/
-  keys.ts     compiled-schema accessors (class paths, prop keys) — the ONE
-              place graph-facing strings come from; read them off `D` from
-              `schema/`, never hand-write them
-  logic.ts    the pure rules (validation, computation, state transitions)
-  index.ts    re-export the context's surface
-```
-
-Keep the impure bits (network calls, kernel reads/writes, entropy) out of here —
-those live behind a port in `integrations/` and in the `runtime/` handlers.
-
-Delete this README once you add your first context. Load the `astrale-domain`
-skill for the modeling patterns.
+Paths, domain errors, defaults, validation, and projections belong with the bounded context that owns
+them. Delete this file after adding the first context.

package/template/deps.ts

@@ -1,27 +1,9 @@
 import type { Env } from './env'
 
-/**
- * env → handler dependency container — the ONE place the worker env becomes the
- * typed `ctx.deps` every method reads. `defineDomain({ deps })` mounts it; the
- * generated worker imports it. Runs ONCE per cold isolate (NOT per request), so
- * it's where ports/clients are wired once instead of being re-derived in every
- * handler.
- *
- * It starts as a PASSTHROUGH — handlers get the raw `Env` as `ctx.deps`.
- * Transform here the moment a handler should depend on a PORT (built from
- * `integrations/`) instead of raw config — that's the whole point of this seam:
- *
- *   import { buildExampleRegistry, type ExampleRegistry } from './integrations/example/registry'
- *   export interface Deps extends ExampleRegistry {}
- *   export function deps(env: Env): Deps {
- *     return buildExampleRegistry(env)
- *   }
- */
-
-/** Typed dependency container handed to every method as `ctx.deps`. */
+/** Typed dependencies available to runtime methods, functions, and views. */
 export interface Deps extends Env {}
 
-/** Map the worker env to the handler deps (the seam `defineDomain({ deps })` mounts). */
+/** Build long-lived ports and adapters here when the first integration is added. */
 export function deps(env: Env): Deps {
   return env
 }