paracosm 0.9.1020 → 0.9.1022

package/README.md

@@ -512,18 +512,17 @@ Paracosm uses [AgentOS](https://agentos.sh/en) for agent orchestration, LLM disp
 
 ---
 
-## Open source vs hosted
+## Hosted demo or your own install
 
-|                  | Open source (Apache-2.0)                                           | Hosted (planned)                                                      |
-|------------------|--------------------------------------------------------------------|------------------------------------------------------------------------|
-| Actors           | Unlimited via API. Dashboard renders the full cohort side-by-side, constellation view past 50. | Fleet management UI on top.                          |
-| Simulations      | In-process parallelism via the bounded worker pool.                | Distributed parallelization across worker nodes.                       |
-| Scenarios        | JSON + compiler, unlimited.                                         | Visual scenario editor, team sharing, version control.                |
-| Agent chat       | Available after the first turn completes.                           | Persistent agents with durable memory across sessions.                |
-| Cost             | Free forever. The user supplies LLM API keys.                       | Tiered pricing for teams, organizations, and government agencies.     |
-| Support          | Community via Discord and GitHub.                                   | SLA, dedicated support, private deployment.                            |
+| | Hosted demo | Your own install (Apache-2.0) |
+|---|---|---|
+| Where | [paracosm.agentos.sh/sim](https://paracosm.agentos.sh/sim), in the browser, without an account. | Your machine or server: `npm install paracosm` for the SDK and the CLI, `paracosm dashboard` for the same dashboard at `http://localhost:3456`. |
+| Model keys | The host's keys, or your own OpenAI or Anthropic key entered in Settings. | Your own keys, from the environment or a `.env` file. |
+| Limits | Runs on the host's keys are capped in turns, population and departments, and each IP address has a daily run limit. Your own key lifts both. | None in the SDK and `paracosm run`. The dashboard server limits runs on its own keys to `RATE_LIMIT` per IP address per day (1 when unset); `RATE_LIMIT=0` turns the limit off. |
+| Cost | Free to try. | Free. You pay your model provider for the runs you make. |
+| Support | Community via Discord and GitHub. | Community via Discord and GitHub. |
 
-The open-source engine is the permanent foundation. The hosted product targets organizations that need to run dozens or hundreds of simulations in parallel: defense agencies stress-testing doctrine, corporations modeling leadership scenarios, game studios generating divergent NPC civilizations at scale. Contact [team@frame.dev](mailto:team@frame.dev) for early access.
+Commercial, partnership and sponsorship inquiries go to [team@frame.dev](mailto:team@frame.dev).
 
 ---
 
@@ -534,6 +533,8 @@ The open-source engine is the permanent foundation. The hosted product targets o
 | Live demo      | [paracosm.agentos.sh/sim](https://paracosm.agentos.sh/sim)   |
 | Landing page   | [paracosm.agentos.sh](https://paracosm.agentos.sh)           |
 | API docs       | [paracosm.agentos.sh/docs](https://paracosm.agentos.sh/docs) |
+| HTTP API       | [docs/HTTP_API.md](https://github.com/framerslab/paracosm/blob/master/docs/HTTP_API.md) |
+| Cookbook       | [docs/COOKBOOK.md](https://github.com/framerslab/paracosm/blob/master/docs/COOKBOOK.md) |
 | npm            | [npmjs.com/package/paracosm](https://www.npmjs.com/package/paracosm) |
 | AgentOS        | [agentos.sh](https://agentos.sh/en)                              |
 | Discord        | [wilds.ai/discord](https://wilds.ai/discord)                  |

package/assets/landing.css

@@ -979,199 +979,6 @@ section p a,
 
 /* ── CTA Banner ───────────────────────────────────────────────────────────── */
 
-/* ── Whitepaper "coming soon" CTA ───────────────────────────────────────── */
-
-.whitepaper-sec { padding: 80px 24px; }
-.whitepaper-inner { max-width: 1040px; margin: 0 auto; }
-
-.whitepaper-card {
-  position: relative;
-  border-radius: 24px;
-  border: 1px solid var(--border);
-  background:
-    linear-gradient(135deg, color-mix(in oklab, var(--bg2) 92%, transparent) 0%, color-mix(in oklab, var(--bg3) 88%, transparent) 100%);
-  padding: 48px 40px;
-  overflow: hidden;
-  isolation: isolate;
-}
-
-.whitepaper-card::before {
-  /* Subtle hex-grid texture overlay matching the agentos.sh whitepaper card */
-  content: '';
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-  opacity: 0.05;
-  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='52' viewBox='0 0 60 52'><path d='M 30 0 L 60 17 L 60 35 L 30 52 L 0 35 L 0 17 Z' fill='none' stroke='%23e8b44a' stroke-width='0.6' /></svg>");
-  background-repeat: repeat;
-  z-index: 0;
-}
-
-.whitepaper-card::after {
-  /* Bottom gradient hairline accent */
-  content: '';
-  position: absolute;
-  inset: auto 0 0 0;
-  height: 3px;
-  background: linear-gradient(90deg, var(--rust) 0%, var(--amber) 50%, var(--teal) 100%);
-  z-index: 0;
-}
-
-.whitepaper-card > * { position: relative; z-index: 1; }
-
-.whitepaper-pill {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  padding: 6px 14px;
-  border-radius: 999px;
-  border: 1px solid color-mix(in oklab, var(--amber) 50%, transparent);
-  background: color-mix(in oklab, var(--amber) 10%, transparent);
-  color: var(--amber);
-  font-family: var(--mono);
-  font-size: var(--font-2xs);
-  font-weight: 700;
-  letter-spacing: 0.2em;
-  margin-bottom: 20px;
-}
-
-.whitepaper-pill-icon {
-  width: 14px;
-  height: 14px;
-}
-
-.whitepaper-title {
-  margin: 0 0 16px;
-  font-family: var(--mono);
-  font-size: clamp(28px, 4.2vw, 40px);
-  font-weight: 800;
-  line-height: 1.15;
-  background: linear-gradient(135deg, var(--rust) 0%, var(--amber) 50%, var(--teal) 100%);
-  -webkit-background-clip: text;
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
-  color: transparent;
-}
-
-.whitepaper-dek {
-  margin: 0 0 32px;
-  max-width: 640px;
-  font-size: var(--font-lg);
-  line-height: 1.7;
-  color: var(--t2);
-}
-
-.whitepaper-dek code {
-  font-family: var(--mono);
-  font-size: 0.9em;
-  padding: 0.1em 0.35em;
-  border-radius: 3px;
-  background: color-mix(in oklab, var(--bg) 60%, transparent);
-  border: 1px solid var(--border);
-}
-
-.whitepaper-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
-  gap: 16px;
-  margin-bottom: 36px;
-}
-
-.whitepaper-grid-item {
-  border-radius: 14px;
-  border: 1px solid var(--border);
-  background: color-mix(in oklab, var(--bg) 50%, transparent);
-  padding: 18px 20px;
-}
-
-.whitepaper-grid-label {
-  font-family: var(--mono);
-  font-size: var(--font-2xs);
-  font-weight: 700;
-  letter-spacing: 0.18em;
-  text-transform: uppercase;
-  color: var(--amber);
-  margin-bottom: 8px;
-}
-
-.whitepaper-grid-body {
-  font-size: var(--font-md);
-  line-height: 1.6;
-  color: var(--t2);
-}
-
-.whitepaper-cta-row {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 12px;
-  align-items: center;
-}
-
-.whitepaper-cta-disabled {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  padding: 12px 22px;
-  border-radius: 999px;
-  border: 1px solid color-mix(in oklab, var(--amber) 60%, transparent);
-  background: color-mix(in oklab, var(--amber) 18%, transparent);
-  color: var(--amber);
-  font-family: var(--mono);
-  font-size: var(--font-md);
-  font-weight: 700;
-  letter-spacing: 0.06em;
-  cursor: not-allowed;
-  opacity: 0.85;
-  position: relative;
-}
-
-.whitepaper-cta-disabled::after {
-  content: '';
-  position: absolute;
-  inset: -2px;
-  border-radius: inherit;
-  border: 1px dashed color-mix(in oklab, var(--amber) 35%, transparent);
-  pointer-events: none;
-}
-
-.whitepaper-cta-notify {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  padding: 12px 22px;
-  border-radius: 999px;
-  background: var(--rust);
-  color: #fff;
-  font-family: var(--mono);
-  font-size: var(--font-md);
-  font-weight: 700;
-  text-decoration: none;
-  transition: background 0.2s ease, transform 0.2s ease;
-}
-
-.whitepaper-cta-notify:hover {
-  background: color-mix(in oklab, var(--rust) 80%, var(--amber));
-  transform: translateY(-1px);
-}
-
-.whitepaper-cta-secondary {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  padding: 12px 18px;
-  border-radius: 999px;
-  border: 1px solid var(--border);
-  color: var(--t2);
-  font-size: var(--font-md);
-  text-decoration: none;
-  transition: border-color 0.2s ease, color 0.2s ease;
-}
-
-.whitepaper-cta-secondary:hover {
-  border-color: var(--amber);
-  color: var(--t1);
-}
-
 .banner { text-align: center; padding: 100px 24px; position: relative; }
 .banner::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: var(--grad); opacity: .3; }
 .banner h2 { font-family: var(--mono); font-size: clamp(22px, 4vw, 32px); font-weight: 800; margin-bottom: 14px; }
@@ -1477,17 +1284,6 @@ html:not(.js) .rv {
   .sec { padding: 64px 16px; }
   .hero { padding: 80px 16px 56px; }
   .arch-row { padding: 18px 18px; }
-  /* Whitepaper card: shrinks horizontal padding and stacks the CTA row
-     so each pill button fills the card width instead of wrapping into
-     an awkward 2/3-column hybrid on phones. */
-  .whitepaper-sec { padding: 56px 16px; }
-  .whitepaper-card { padding: 32px 22px; border-radius: 18px; }
-  .whitepaper-grid { grid-template-columns: 1fr; gap: 12px; margin-bottom: 28px; }
-  .whitepaper-grid-item { padding: 16px 18px; }
-  .whitepaper-cta-row { flex-direction: column; align-items: stretch; gap: 10px; }
-  .whitepaper-cta-disabled,
-  .whitepaper-cta-notify,
-  .whitepaper-cta-secondary { justify-content: center; padding: 12px 18px; }
   /* Banner: mobile users were seeing 100px of empty padding above and
      below the headline, pushing the CTA below the fold on most phones. */
   .banner { padding: 64px 16px; }
@@ -1659,277 +1455,6 @@ html:not(.js) .rv {
   background: rgba(232, 180, 74, 0.08) !important;
 }
 
-/* ═══════════════════════════════════════════════════════════════════════════
-   Waitlist section
-   ═══════════════════════════════════════════════════════════════════════════ */
-.waitlist-section {
-  position: relative;
-  padding: 96px 24px 72px;
-  border-top: 1px solid rgba(232, 180, 74, 0.12);
-  background:
-    radial-gradient(ellipse at 20% 0%, rgba(224, 101, 48, 0.10) 0%, transparent 55%),
-    radial-gradient(ellipse at 80% 100%, rgba(76, 168, 168, 0.08) 0%, transparent 55%),
-    linear-gradient(180deg, rgba(232, 180, 74, 0.04) 0%, transparent 60%);
-  scroll-margin-top: 80px;
-  overflow: hidden;
-}
-/* Subtle paracosm orbit-line accent — top hairline, gradient amber→rust→teal */
-.waitlist-section::before {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 50%;
-  transform: translateX(-50%);
-  width: min(80%, 480px);
-  height: 1px;
-  background: linear-gradient(90deg,
-    transparent 0%,
-    var(--rust) 25%,
-    var(--amber) 50%,
-    var(--teal) 75%,
-    transparent 100%);
-  opacity: 0.5;
-}
-.waitlist-inner {
-  position: relative;
-  max-width: 640px;
-  margin: 0 auto;
-  text-align: center;
-}
-.waitlist-eyebrow {
-  display: inline-block;
-  font-family: var(--mono);
-  font-size: var(--font-xs);
-  font-weight: 700;
-  letter-spacing: 2px;
-  color: var(--rust);
-  text-transform: uppercase;
-  margin-bottom: 18px;
-  padding: 6px 14px;
-  border: 1px solid rgba(224, 101, 48, 0.3);
-  border-radius: 999px;
-  background: rgba(224, 101, 48, 0.06);
-}
-.waitlist-heading {
-  font-size: clamp(32px, 5vw, 48px);
-  font-weight: 800;
-  margin: 0 0 14px;
-  color: var(--t1);
-  letter-spacing: -0.02em;
-  line-height: 1.1;
-}
-.waitlist-heading-accent {
-  background: linear-gradient(135deg, var(--rust), var(--amber));
-  -webkit-background-clip: text;
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
-  color: transparent;
-}
-.waitlist-sub {
-  font-size: 17px;
-  line-height: 1.6;
-  color: var(--t2);
-  margin: 0 auto 36px;
-  max-width: 520px;
-}
-.waitlist-form {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  text-align: left;
-}
-.waitlist-field {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-.waitlist-field > span {
-  font-family: var(--mono);
-  font-size: 12px;
-  letter-spacing: 1px;
-  color: var(--t3);
-  text-transform: uppercase;
-}
-.waitlist-required {
-  color: var(--rust);
-}
-.waitlist-field input,
-.waitlist-field textarea,
-.waitlist-field select {
-  background: var(--waitlist-input-bg, rgba(0, 0, 0, 0.28));
-  border: 1px solid var(--border);
-  border-radius: 8px;
-  padding: 13px 16px;
-  font-size: 15px;
-  color: var(--t1);
-  font-family: inherit;
-  transition: border-color 120ms ease, box-shadow 120ms ease, background 120ms ease;
-  resize: vertical;
-}
-/* Light mode: input fields go to a clean off-white card-style background
-   so they don't blend into the sepia section bg the way the dark-mode
-   "blackish overlay" does. */
-html.light .waitlist-field input,
-html.light .waitlist-field textarea,
-html.light .waitlist-field select {
-  background: #fbf7ee;
-  box-shadow: 0 1px 0 rgba(60, 40, 10, 0.04) inset;
-}
-html.light .waitlist-field input:hover,
-html.light .waitlist-field textarea:hover,
-html.light .waitlist-field select:hover {
-  background: #fff;
-}
-html.light .waitlist-field input:focus,
-html.light .waitlist-field textarea:focus,
-html.light .waitlist-field select:focus {
-  background: #fff;
-  box-shadow: 0 0 0 3px rgba(142, 44, 12, 0.12);
-}
-.waitlist-field input::placeholder,
-.waitlist-field textarea::placeholder {
-  color: var(--t3);
-  opacity: 0.7;
-}
-.waitlist-field input:hover,
-.waitlist-field textarea:hover,
-.waitlist-field select:hover {
-  border-color: var(--border-hl);
-}
-.waitlist-field input:focus,
-.waitlist-field textarea:focus,
-.waitlist-field select:focus {
-  outline: none;
-  border-color: var(--amber);
-  box-shadow: 0 0 0 3px rgba(232, 180, 74, 0.15);
-  background: rgba(0, 0, 0, 0.18);
-}
-.waitlist-field select {
-  appearance: none;
-  -webkit-appearance: none;
-  background-image:
-    linear-gradient(45deg, transparent 50%, var(--t3) 50%),
-    linear-gradient(135deg, var(--t3) 50%, transparent 50%);
-  background-position: calc(100% - 18px) 50%, calc(100% - 13px) 50%;
-  background-size: 5px 5px, 5px 5px;
-  background-repeat: no-repeat;
-  padding-right: 36px;
-  cursor: pointer;
-}
-.waitlist-submit {
-  background: linear-gradient(135deg, var(--rust), var(--amber));
-  color: #0a0806;
-  border: none;
-  border-radius: 6px;
-  padding: 14px 20px;
-  font-size: 15px;
-  font-weight: 700;
-  letter-spacing: 0.5px;
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  transition: transform 80ms ease, opacity 120ms ease;
-  margin-top: 4px;
-}
-.waitlist-submit:hover { transform: translateY(-1px); }
-.waitlist-submit:disabled { opacity: 0.6; cursor: wait; transform: none; }
-.waitlist-submit svg { width: 14px; height: 14px; }
-.waitlist-fineprint {
-  font-size: 12px;
-  color: var(--t3);
-  margin: 4px 0 0;
-  text-align: center;
-}
-.waitlist-fineprint code {
-  background: rgba(232, 180, 74, 0.08);
-  padding: 1px 5px;
-  border-radius: 3px;
-  font-size: 11px;
-  color: var(--amber);
-}
-/* Real-time field validation (the JS sets data-validity="ok|err|empty"
-   on each .waitlist-field element on input/blur). The static :invalid
-   pseudo-class fires too eagerly — it lights up empty required inputs
-   on first paint, which looks broken to first-time visitors. The
-   data-attribute lets us only show error state AFTER the user has
-   actually typed something. */
-.waitlist-field[data-validity="ok"] input,
-.waitlist-field[data-validity="ok"] textarea,
-.waitlist-field[data-validity="ok"] select {
-  border-color: var(--green, #305a10);
-  padding-right: 38px;
-}
-.waitlist-field[data-validity="ok"] {
-  position: relative;
-}
-.waitlist-field[data-validity="ok"]::after {
-  content: '✓';
-  position: absolute;
-  right: 14px;
-  bottom: 14px;
-  color: var(--green, #5a8a30);
-  font-weight: 700;
-  font-size: 14px;
-  pointer-events: none;
-}
-.waitlist-field[data-validity="err"] input,
-.waitlist-field[data-validity="err"] textarea {
-  border-color: var(--rust);
-  background: rgba(196, 106, 58, 0.05);
-}
-.waitlist-field-hint {
-  font-size: 11.5px;
-  color: var(--t3);
-  margin: 4px 2px 0;
-  font-family: var(--mono);
-  letter-spacing: 0.3px;
-  min-height: 14px;
-  transition: color 120ms ease;
-}
-.waitlist-field[data-validity="err"] .waitlist-field-hint {
-  color: var(--rust);
-}
-.waitlist-success {
-  text-align: center;
-  padding: 32px 16px;
-}
-.waitlist-success-icon {
-  width: 56px;
-  height: 56px;
-  border-radius: 50%;
-  background: linear-gradient(135deg, var(--rust), var(--amber));
-  color: #0a0806;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 28px;
-  font-weight: 700;
-  margin: 0 auto 16px;
-}
-.waitlist-success h3 {
-  font-size: 22px;
-  margin: 0 0 8px;
-  color: var(--t1);
-}
-.waitlist-success p {
-  margin: 0;
-  color: var(--t2);
-  font-size: 15px;
-  line-height: 1.5;
-}
-.waitlist-error {
-  margin-top: 12px;
-  padding: 12px 14px;
-  background: rgba(224, 101, 48, 0.12);
-  border: 1px solid rgba(224, 101, 48, 0.4);
-  border-radius: 6px;
-  color: var(--t1);
-  font-size: 14px;
-}
-.waitlist-error strong { color: var(--rust); margin-right: 6px; }
-
 /* Mobile: stack hero CTAs vertically below 640px */
 @media (max-width: 640px) {
   .hero-ctas {
@@ -1940,12 +1465,11 @@ html.light .waitlist-field select:focus {
     width: 100%;
     justify-content: center;
   }
-  .waitlist-section { padding: 64px 20px 40px; }
 }
 
 /* Mobile hero trim — page is 27k+ px tall on phones because the hero
    stacks logo + tagline + 3 CTAs + 5 prompt chips + demo video + sub-
-   paragraph + waitlist before the visitor reaches the explainer. The
+   paragraph before the visitor reaches the explainer. The
    demo video + redundant sub-paragraph collectively eat ~700-900px of
    vertical real estate on a 375px-wide phone for content that's also
    covered by the prompts and the page below. Show a tappable "Watch