npm - agent-devkit - Versions diffs - 0.3.2 → 0.3.4 - Mend

agent-devkit 0.3.2 → 0.3.4

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

package/runtime/vendor/plugins/open-design/_official/examples/html-ppt-testing-safety-alert/example.html DELETED Viewed

@@ -1,408 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<title>Open Design · Local Data Safety Brief</title>
-<style>/* html-ppt :: shared webfonts (only families actually used by this deck) */
-@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800;900&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap');
-</style>
-<style>/* html-ppt :: base.css — reset + shared tokens + layout primitives */
-/* Default tokens. Themes in assets/themes/*.css override the :root block. */
-:root {
-  --bg: #ffffff;
-  --bg-soft: #f7f7f8;
-  --surface: #ffffff;
-  --surface-2: #f2f2f4;
-  --border: rgba(0,0,0,.08);
-  --border-strong: rgba(0,0,0,.16);
-  --text-1: #111216;
-  --text-2: #55596a;
-  --text-3: #8a8f9e;
-  --accent: #c11f33;
-  --accent-2: #c11f33;
-  --accent-3: #b45309;
-  --good: #1a7a4d;
-  --warn: #b45309;
-  --bad:  #c11f33;
-  --grad: none;
-  --grad-soft: none;
-  --radius: 4px;
-  --radius-sm: 3px;
-  --radius-lg: 6px;
-  --shadow: none;
-  --shadow-lg: none;
-  --font-sans: 'Archivo',-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;
-  --font-serif: Georgia,serif;
-  --font-mono: 'IBM Plex Mono',SFMono-Regular,Menlo,monospace;
-  --font-display: var(--font-sans);
-  --letter-tight: -.03em;
-  --letter-normal: -.01em;
-  --ease: cubic-bezier(.4,0,.2,1);
-}
-*,*::before,*::after{box-sizing:border-box}
-html,body{margin:0;padding:0;background:var(--bg);color:var(--text-1);
-  font-family:var(--font-sans);font-weight:400;line-height:1.6;
-  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
-  letter-spacing:var(--letter-normal)}
-img,svg,video{max-width:100%;display:block}
-a{color:var(--accent);text-decoration:none}
-a:hover{text-decoration:underline}
-code,kbd,pre,samp{font-family:var(--font-mono)}
-/* ================= SLIDE SYSTEM ================= */
-.deck{position:relative;width:100vw;height:100vh;overflow:hidden;background:var(--bg)}
-.slide{
-  position:absolute;inset:0;
-  display:flex;flex-direction:column;justify-content:center;
-  padding:72px 96px;
-  box-sizing:border-box;
-  opacity:0;pointer-events:none;
-  transition:opacity .5s var(--ease), transform .5s var(--ease);
-  transform:translateX(30px);
-  overflow:hidden;
-}
-.slide.is-active{opacity:1;pointer-events:auto;transform:translateX(0);z-index:2}
-.slide.is-prev{transform:translateX(-30px)}
-/* single-page standalone (used when a layout file is opened directly) */
-body.single .slide{position:relative;width:100vw;height:100vh;opacity:1;transform:none;pointer-events:auto}
-/* ================= TYPOGRAPHY ================= */
-.eyebrow{font-size:13px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3)}
-.kicker{font-size:14px;font-weight:600;color:var(--accent);letter-spacing:.08em;text-transform:uppercase}
-h1.title,.h1{font-family:var(--font-display);font-size:72px;line-height:1.05;font-weight:800;letter-spacing:var(--letter-tight);margin:0 0 18px;color:var(--text-1)}
-h2.title,.h2{font-family:var(--font-display);font-size:54px;line-height:1.1;font-weight:700;letter-spacing:var(--letter-tight);margin:0 0 14px}
-h3,.h3{font-size:32px;line-height:1.2;font-weight:600;letter-spacing:var(--letter-normal);margin:0 0 10px}
-h4,.h4{font-size:22px;line-height:1.3;font-weight:600;margin:0 0 8px}
-.lede{font-size:22px;line-height:1.55;color:var(--text-2);font-weight:300;max-width:62ch}
-.dim{color:var(--text-2)}
-.dim2{color:var(--text-3)}
-.mono{font-family:var(--font-mono)}
-.serif{font-family:var(--font-serif)}
-.gradient-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
-/* ================= LAYOUT PRIMITIVES ================= */
-.stack>*+*{margin-top:14px}
-.row{display:flex;gap:24px;align-items:center}
-.row.wrap{flex-wrap:wrap}
-.grid{display:grid;gap:24px}
-.g2{grid-template-columns:repeat(2,1fr)}
-.g3{grid-template-columns:repeat(3,1fr)}
-.g4{grid-template-columns:repeat(4,1fr)}
-.center{display:flex;align-items:center;justify-content:center;text-align:center}
-.fill{flex:1}
-.sp-t{padding-top:24px}.sp-b{padding-bottom:24px}
-.mt-s{margin-top:8px}.mt-m{margin-top:18px}.mt-l{margin-top:32px}
-.mb-s{margin-bottom:8px}.mb-m{margin-bottom:18px}.mb-l{margin-bottom:32px}
-/* ================= CARDS ================= */
-.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
-  padding:26px 28px;box-shadow:var(--shadow);position:relative;overflow:hidden}
-.card-soft{background:var(--surface-2);border:1px solid var(--border)}
-.card-outline{background:transparent;border:1.5px solid var(--border-strong);box-shadow:none}
-.card-accent{background:var(--surface);border-top:3px solid var(--accent)}
-.card-hover{transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
-.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
-.pill{display:inline-block;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:500;
-  background:var(--surface-2);color:var(--text-2);border:1px solid var(--border)}
-.pill-accent{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 28%,transparent)}
-/* ================= BARS / DIVIDERS ================= */
-.divider{height:1px;background:var(--border);width:100%}
-.divider-accent{height:3px;width:72px;background:var(--accent);border-radius:2px}
-/* ================= CHROME (header/footer/progress) ================= */
-.deck-header{position:absolute;top:24px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;
-  font-size:12px;color:var(--text-3);letter-spacing:.12em;text-transform:uppercase;z-index:10;pointer-events:none}
-.deck-footer{position:absolute;bottom:24px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;
-  font-size:12px;color:var(--text-3);z-index:10;pointer-events:none}
-.slide-number::before{content:attr(data-current)}
-.slide-number::after{content:" / " attr(data-total)}
-.progress-bar{position:fixed;left:0;right:0;bottom:0;height:3px;background:transparent;z-index:20}
-.progress-bar > span{display:block;height:100%;width:0;background:var(--accent);transition:width .3s var(--ease)}
-/* ================= PRESENTER / OVERVIEW ================= */
-.notes{display:none!important}
-.notes-overlay{position:fixed;inset:auto 0 0 0;max-height:42vh;background:rgba(20,22,30,.95);color:#e8ebf4;
-  padding:20px 32px;font-size:16px;line-height:1.6;border-top:1px solid rgba(255,255,255,.1);transform:translateY(100%);
-  transition:transform .3s var(--ease);z-index:40;overflow:auto;font-family:var(--font-sans)}
-.notes-overlay.open{transform:translateY(0)}
-.overview{position:fixed;inset:0;background:rgba(10,12,18,.92);backdrop-filter:blur(12px);z-index:50;
-  display:none;padding:40px;overflow:auto}
-.overview.open{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-content:start}
-.overview .thumb{background:var(--surface);border:1px solid var(--border);border-radius:12px;
-  aspect-ratio:16/9;overflow:hidden;cursor:pointer;position:relative;color:var(--text-1);padding:16px;
-  font-size:11px;transition:transform .2s var(--ease)}
-.overview .thumb:hover{transform:scale(1.04)}
-.overview .thumb .n{position:absolute;top:8px;left:10px;font-weight:700;font-size:14px;color:var(--text-3)}
-.overview .thumb .t{position:absolute;bottom:10px;left:14px;right:14px;font-weight:600;color:var(--text-1)}
-/* ================= PRESENTER VIEW ================= */
-/* Presenter view opens in a separate popup window (S key).
- * All presenter styles are self-contained in the popup HTML generated by runtime.js.
- * The audience window (this file) is NOT affected — it stays as normal deck view.
- * Only the .notes class below is needed to hide speaker notes from audience. */
-/* ================= UTILITY ================= */
-.hidden{display:none!important}
-.nowrap{white-space:nowrap}
-.tr{text-align:right}.tc{text-align:center}.tl{text-align:left}
-.uppercase{text-transform:uppercase;letter-spacing:.12em}
-/* ================= PRINT ================= */
-@media print{
-  .slide{position:relative;opacity:1!important;transform:none!important;page-break-after:always;height:100vh}
-  .deck-header,.deck-footer,.progress-bar,.notes-overlay,.overview{display:none!important}
-}
-</style>
-<style>/* testing-safety-alert — industrial warning-sign style · hazard stripes + red/amber/green signal system
-   polish pass: Archivo replaces Inter; removed glow shadows / gradient-fill cards; radii tightened to 3-6px;
-   checklist switched to hairline groups; mono for chrome/labels; contrast raised above AA */
-.tpl-testing-safety-alert{
-  --ts-bg:#f7f5f0;
-  --ts-ink:#15151a;
-  --ts-ink2:#43434d;
-  --ts-muted:#73737d;
-  --ts-line:rgba(21,21,26,.14);
-  --ts-line-strong:rgba(21,21,26,.32);
-  --ts-red:#c11f33;
-  --ts-red-soft:#f8e9ea;
-  --ts-amber:#a85408;
-  --ts-amber-soft:#f7eedd;
-  --ts-green:#1a6b45;
-  --ts-green-soft:#e7f1e9;
-  background:var(--ts-bg);
-  color:var(--ts-ink);
-  font-family:'Archivo',-apple-system,sans-serif;
-}
-.tpl-testing-safety-alert .slide{background:var(--ts-bg);color:var(--ts-ink);padding:64px 84px}
-.tpl-testing-safety-alert .ts-stripe{position:absolute;top:0;left:0;right:0;height:14px;background:repeating-linear-gradient(45deg,var(--ts-red) 0 18px,#15151a 18px 36px)}
-.tpl-testing-safety-alert .ts-stripe-b{position:absolute;bottom:0;left:0;right:0;height:5px;background:repeating-linear-gradient(45deg,var(--ts-red) 0 10px,#15151a 10px 20px);opacity:.55}
-.tpl-testing-safety-alert .ts-chrome{display:flex;justify-content:space-between;align-items:center;margin:22px 0 16px}
-.tpl-testing-safety-alert .ts-alert-tag{display:inline-flex;align-items:center;gap:10px;padding:7px 16px;border-radius:3px;font-size:12.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;background:var(--ts-red);color:#fff}
-.tpl-testing-safety-alert .ts-alert-tag::before{content:'⚠\FE0E';font-size:15px}
-.tpl-testing-safety-alert .ts-alert-tag.amber{background:var(--ts-amber)}
-.tpl-testing-safety-alert .ts-alert-tag.green{background:var(--ts-green)}
-.tpl-testing-safety-alert .ts-alert-tag.green::before{content:'✓'}
-.tpl-testing-safety-alert .ts-page{font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--ts-muted);letter-spacing:.15em;font-weight:500}
-.tpl-testing-safety-alert .ts-kicker{font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:600;color:var(--ts-red);letter-spacing:.1em;margin-bottom:10px;text-transform:uppercase}
-.tpl-testing-safety-alert .ts-h1{font-size:clamp(56px,9.5vh,72px);font-weight:800;line-height:1.08;letter-spacing:-.028em;margin:8px 0 14px;color:var(--ts-ink)}
-.tpl-testing-safety-alert .ts-h1 .red{color:var(--ts-red)}
-.tpl-testing-safety-alert .ts-h1 .strike{position:relative;display:inline-block}
-.tpl-testing-safety-alert .ts-h1 .strike::after{content:'';position:absolute;left:-3%;right:-3%;top:52%;height:9px;background:var(--ts-red);transform:skewX(-12deg)}
-.tpl-testing-safety-alert .ts-h2{font-size:52px;font-weight:800;line-height:1.06;letter-spacing:-.024em;margin:0 0 14px}
-.tpl-testing-safety-alert .ts-sub{font-size:19px;line-height:1.55;color:var(--ts-ink2);max-width:62ch;margin-top:8px}
-.tpl-testing-safety-alert .ts-highlight-red{display:inline-block;padding:3px 13px;background:var(--ts-red);color:#fff;border-radius:3px;font-weight:800}
-.tpl-testing-safety-alert .ts-highlight-amber{display:inline-block;padding:3px 13px;background:var(--ts-amber-soft);color:var(--ts-amber);border-radius:3px;font-weight:800;border:1px solid var(--ts-amber)}
-.tpl-testing-safety-alert .ts-highlight-green{display:inline-block;padding:3px 13px;background:var(--ts-green-soft);color:var(--ts-green);border-radius:3px;font-weight:800;border:1px solid var(--ts-green)}
-.tpl-testing-safety-alert .ts-alert-box{border:1.5px solid var(--ts-red);border-left-width:8px;border-radius:4px;padding:20px 26px;background:var(--ts-red-soft);margin-top:22px;position:relative}
-.tpl-testing-safety-alert .ts-alert-box.amber{border-color:var(--ts-amber);background:var(--ts-amber-soft)}
-.tpl-testing-safety-alert .ts-alert-box.green{border-color:var(--ts-green);background:var(--ts-green-soft)}
-.tpl-testing-safety-alert .ts-alert-box h3{font-size:27px;font-weight:800;letter-spacing:-.015em;margin:0 0 8px}
-.tpl-testing-safety-alert .ts-alert-box p{font-size:16px;line-height:1.55;color:var(--ts-ink2);margin:0;max-width:65ch}
-.tpl-testing-safety-alert .ts-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
-.tpl-testing-safety-alert .ts-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:20px}
-.tpl-testing-safety-alert .ts-card{border:1px solid var(--ts-line);border-radius:4px;padding:22px 24px;background:#fdfcfa}
-.tpl-testing-safety-alert .ts-card .lbl{font-family:'IBM Plex Mono',monospace;font-size:11.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--ts-muted);margin-bottom:8px}
-.tpl-testing-safety-alert .ts-card h4{font-size:25px;font-weight:800;letter-spacing:-.015em;line-height:1.18;margin-bottom:8px}
-.tpl-testing-safety-alert .ts-card p{font-size:14px;color:var(--ts-ink2);line-height:1.55}
-.tpl-testing-safety-alert .ts-checklist{display:flex;flex-direction:column;gap:0;margin-top:20px;max-width:920px;border-top:1.5px solid var(--ts-line-strong)}
-.tpl-testing-safety-alert .ts-check{display:flex;gap:16px;align-items:flex-start;padding:13px 4px;border-bottom:1px solid var(--ts-line);background:transparent}
-.tpl-testing-safety-alert .ts-check .box{flex:0 0 30px;height:30px;border-radius:3px;border:2px solid var(--ts-red);display:grid;place-items:center;font-weight:800;color:var(--ts-red);background:var(--ts-red-soft)}
-.tpl-testing-safety-alert .ts-check.ok .box{border-color:var(--ts-green);color:var(--ts-green);background:var(--ts-green-soft)}
-.tpl-testing-safety-alert .ts-check .txt{font-size:17.5px;line-height:1.5;font-weight:500;padding-top:2px}
-.tpl-testing-safety-alert .ts-codebox{background:#15151a;color:#f3efe6;border-radius:4px;padding:14px 22px;font-family:'IBM Plex Mono',monospace;font-size:12px;line-height:1.5;margin-top:14px;border-left:8px solid var(--ts-red);overflow:hidden}
-.tpl-testing-safety-alert .ts-codebox+.ts-stripe-b{display:block}
-.tpl-testing-safety-alert .slide:has(.ts-codebox) .ts-h2{font-size:44px;margin-bottom:8px}
-.tpl-testing-safety-alert .slide:has(.ts-codebox) .ts-chrome{margin:18px 0 10px}
-.tpl-testing-safety-alert .ts-codebox .cm{color:#8d8a82}
-.tpl-testing-safety-alert .ts-codebox .kw{color:#f0a36e}
-.tpl-testing-safety-alert .ts-codebox .st{color:#a9d9b6}
-.tpl-testing-safety-alert .ts-codebox .bad{color:#f08a99;font-weight:700}
-.tpl-testing-safety-alert .ts-footer{position:absolute;left:84px;right:84px;bottom:34px;display:flex;justify-content:space-between;font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--ts-muted);letter-spacing:.08em}
-/* Entrance motion: transform/opacity only, staggered delays, reduced-motion fallback */
-@keyframes ts-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
-.tpl-testing-safety-alert .slide>*{animation:ts-rise .6s cubic-bezier(.16,1,.3,1) both}
-.tpl-testing-safety-alert .slide>:nth-child(3){animation-delay:.06s}
-.tpl-testing-safety-alert .slide>:nth-child(4){animation-delay:.12s}
-.tpl-testing-safety-alert .slide>:nth-child(5){animation-delay:.18s}
-.tpl-testing-safety-alert .slide>:nth-child(6){animation-delay:.24s}
-.tpl-testing-safety-alert .slide>:nth-child(7){animation-delay:.3s}
-.tpl-testing-safety-alert .slide>.ts-stripe,
-.tpl-testing-safety-alert .slide>.ts-stripe-b,
-.tpl-testing-safety-alert .slide>.ts-footer{animation:none}
-@media (prefers-reduced-motion:reduce){.tpl-testing-safety-alert .slide>*{animation:none}}
-</style>
-<style>
-/* Static-preview fallback (runtime.js is absent — keep every slide visible) */
-.deck{height:auto;min-height:100vh;overflow:visible}
-.slide{position:relative;inset:auto;opacity:1;pointer-events:auto;transform:none;height:100vh;page-break-after:always}
-.deck-header,.deck-footer,.slide-number,.progress-bar,.notes-overlay,.overview{pointer-events:none}
-.notes{display:none!important}
-</style></head>
-<body class="tpl-testing-safety-alert">
-<div class="deck">
-  <!-- 1. COVER -->
-  <section class="slide is-active">
-    <div class="ts-stripe"></div>
-    <div class="ts-chrome"><span class="ts-alert-tag">data safety · local-first</span><span class="ts-page">01 / 08</span></div>
-    <div class="ts-kicker">Open Design · Local Data Safety Brief</div>
-    <h1 class="ts-h1" style="font-size:clamp(44px,7.6vh,58px)">Stop sending your designs<br><span class="strike">to someone else's server</span><br><span class="red">Keep data on your machine</span></h1>
-    <p class="ts-sub">The cost of cloud AI design tools isn't just the subscription — your prompts, design files, brand assets, and API keys all pass through someone else's servers.</p>
-    <div class="ts-alert-box">
-      <h3>Open Design: data never leaves your machine</h3>
-      <p>Sessions, memory, and design artifacts all live in SQLite and the filesystem under your local <b>.od/</b> directory; API keys stay local and connect straight to the provider.<br><b>Apache-2.0 open source · Runs locally · BYOK · No sign-up</b>.</p>
-    </div>
-    <div class="ts-stripe-b"></div>
-    <div class="ts-footer"><span>OPEN DESIGN · DATA SAFETY BRIEF · 2026</span><span>01 / 08</span></div>
-  </section>
-  <!-- 2. SECTION -->
-  <section class="slide">
-    <div class="ts-stripe"></div>
-    <div class="ts-chrome"><span class="ts-alert-tag amber">section · data flow</span><span class="ts-page">02 / 08</span></div>
-    <div style="margin:auto 0">
-      <div class="ts-kicker">Chapter One</div>
-      <h1 class="ts-h1" style="font-size:110px">Follow the <span class="red">data</span></h1>
-      <p class="ts-sub" style="font-size:28px">Not every AI design tool treats your data the same way.<br>First separate "data leaves the machine" from "data stays" — then pick a tool.</p>
-    </div>
-    <div class="ts-stripe-b"></div>
-    <div class="ts-footer"><span>section · data flow taxonomy</span><span>02 / 08</span></div>
-  </section>
-  <!-- 3. CONTENT risk levels -->
-  <section class="slide">
-    <div class="ts-stripe"></div>
-    <div class="ts-chrome"><span class="ts-alert-tag">data flow · 3 levels</span><span class="ts-page">03 / 08</span></div>
-    <h2 class="ts-h2">Three flows, three risk profiles</h2>
-    <div class="ts-grid-3">
-      <div class="ts-card" style="border-top:4px solid var(--ts-green)"><div class="lbl">L1 · Green</div><h4>Local-first</h4><p>Open Design: designs, memory, and SQLite all live in your local .od/; BYOK connects straight to the provider.<br><b style="color:var(--ts-green)">Risk: you're in control</b></p></div>
-      <div class="ts-card" style="border-top:4px solid var(--ts-amber)"><div class="lbl">L2 · Amber</div><h4>Partly in the cloud</h4><p>Cloud SaaS design tools: files live with the vendor, export formats are limited, and a shutdown cuts you off.<br><b style="color:var(--ts-amber)">Risk: at the vendor's mercy</b></p></div>
-      <div class="ts-card" style="border-top:4px solid var(--ts-red)"><div class="lbl">L3 · Red</div><h4>Fully in the cloud</h4><p>Closed-source cloud AI design: prompts, artifacts, and keys all pass through a third party, model locked to one vendor.<br><b style="color:var(--ts-red)">Risk: unauditable</b></p></div>
-    </div>
-    <div class="ts-alert-box amber">
-      <h3>Your API key never leaves your machine</h3>
-      <p>In BYOK mode, keys live only in your local .od/media-config.json, and requests go straight to the model provider — no intermediary servers.</p>
-    </div>
-    <div class="ts-stripe-b"></div>
-    <div class="ts-footer"><span>data flow · 3 levels</span><span>03 / 08</span></div>
-  </section>
-  <!-- 4. CODE -->
-  <section class="slide">
-    <div class="ts-stripe"></div>
-    <div class="ts-chrome"><span class="ts-alert-tag">privacy as architecture</span><span class="ts-page">04 / 08</span></div>
-    <div class="ts-kicker">Don't trust the privacy policy · trust the local filesystem</div>
-    <h2 class="ts-h2">Where your data lives,<br><span class="ts-highlight-red">verifiable at a glance</span></h2>
-    <pre class="ts-codebox"><span class="cm"># .od/ · Open Design local data directory · everything stays on your machine</span>
-<span class="kw">local_data</span>:
-  - <span class="st">app.sqlite</span>          <span class="cm"># sessions, memory, preferences</span>
-  - <span class="st">projects/&lt;id&gt;/</span>      <span class="cm"># agent working directories</span>
-  - <span class="st">artifacts/</span>          <span class="cm"># saved design artifacts</span>
-  - <span class="st">media-config.json</span>   <span class="cm"># API keys · local only</span>
-<span class="kw">byok_direct</span>:
-  - providers: [<span class="st">anthropic</span>, <span class="st">openai</span>, <span class="st">azure</span>, <span class="st">google</span>]
-    route: <span class="st">your machine → provider, no servers in between</span>
-<span class="bad">never_uploaded</span>:
-  - <span class="bad">"your prompts"</span>
-  - <span class="bad">"your design files"</span>
-  - <span class="bad">"your API keys"</span></pre>
-    <div class="ts-stripe-b"></div>
-    <div class="ts-footer"><span>privacy · filesystem-as-proof</span><span>04 / 08</span></div>
-  </section>
-  <!-- 5. CHART -->
-  <section class="slide">
-    <div class="ts-stripe"></div>
-    <div class="ts-chrome"><span class="ts-alert-tag amber">cost report · byok</span><span class="ts-page">05 / 08</span></div>
-    <h2 class="ts-h2">Same usage, monthly cost <span class="red">-80%</span></h2>
-    <p class="ts-sub">A Claude Design subscription runs $500/month; Open Design with end-to-end BYOK direct to providers runs ~$73/month.</p>
-    <svg viewBox="0 0 1040 360" style="width:100%;max-width:1040px;margin-top:18px" xmlns="http://www.w3.org/2000/svg">
-      <g font-family="Archivo,sans-serif" font-size="14" fill="#43434d">
-        <line x1="70" y1="320" x2="1000" y2="320" stroke="#15151a" stroke-opacity=".3" stroke-width="1.5"/>
-        <!-- monthly cost columns: Claude Design vs Open Design (BYOK) -->
-        <g transform="translate(180,0)">
-          <rect x="0" y="70" width="120" height="250" fill="#c11f33"/>
-          <text x="60" y="345" text-anchor="middle" font-weight="700">Claude Design</text>
-          <text x="60" y="58" text-anchor="middle" font-weight="800" fill="#15151a">$500 / mo</text>
-        </g>
-        <g transform="translate(460,0)">
-          <rect x="0" y="284" width="120" height="36" fill="#1a6b45"/>
-          <text x="60" y="345" text-anchor="middle" font-weight="700">Open Design</text>
-          <text x="60" y="272" text-anchor="middle" font-weight="800" fill="#15151a">~$73 / mo</text>
-        </g>
-        <!-- legend -->
-        <g transform="translate(720,60)">
-          <rect x="0" y="0" width="16" height="16" fill="#c11f33"/><text x="24" y="13" font-weight="700">Closed cloud subscription · flat fee</text>
-          <rect x="0" y="26" width="16" height="16" fill="#1a6b45"/><text x="24" y="39" font-weight="700">Open Design · BYOK pay-per-use</text>
-          <text x="0" y="74" font-size="13" fill="#73737d">The software itself is Apache-2.0, free and open source;</text>
-          <text x="0" y="92" font-size="13" fill="#73737d">you pay only the model provider for actual usage — over 80% less.</text>
-        </g>
-      </g>
-    </svg>
-    <div class="ts-stripe-b"></div>
-    <div class="ts-footer"><span>cost · byok vs subscription</span><span>05 / 08</span></div>
-  </section>
-  <!-- 6. CHECKLIST -->
-  <section class="slide">
-    <div class="ts-stripe"></div>
-    <div class="ts-chrome"><span class="ts-alert-tag green">tool-audit checklist</span><span class="ts-page">06 / 08</span></div>
-    <h2 class="ts-h2">7 questions to ask <span class="red">before you choose a tool</span></h2>
-    <div class="ts-checklist">
-      <div class="ts-check ok"><div class="box">✓</div><div class="txt">Where do design files live? Can you git diff them? (Open Design: local filesystem)</div></div>
-      <div class="ts-check ok"><div class="box">✓</div><div class="txt">Does your API key pass through third-party servers? (BYOK: stored locally, direct to provider)</div></div>
-      <div class="ts-check"><div class="box">!</div><div class="txt">Cloud tools: will your prompts and artifacts be used for training? Most terms won't say.</div></div>
-      <div class="ts-check ok"><div class="box">✓</div><div class="txt">If you go offline or the vendor shuts down, can you still open past work? (Local files: always)</div></div>
-      <div class="ts-check"><div class="box">!</div><div class="txt">Cloud tools: model locked to one vendor — no agent swapping, no self-hosting, no BYOK.</div></div>
-      <div class="ts-check ok"><div class="box">✓</div><div class="txt">Can you audit the code <b>line by line</b>? (Apache-2.0, fully open — fork, self-host, commercial use all allowed)</div></div>
-      <div class="ts-check"><div class="box">!</div><div class="txt">Cloud tools: can you export your preference and memory data — and truly delete it?</div></div>
-    </div>
-    <div class="ts-stripe-b"></div>
-    <div class="ts-footer"><span>checklist · before you choose</span><span>06 / 08</span></div>
-  </section>
-  <!-- 7. CTA -->
-  <section class="slide">
-    <div class="ts-stripe"></div>
-    <div class="ts-chrome"><span class="ts-alert-tag green">do it tonight</span><span class="ts-page">07 / 08</span></div>
-    <h2 class="ts-h2">Three things to do <span class="ts-highlight-red">tonight</span></h2>
-    <div class="ts-grid-3">
-      <div class="ts-card"><div class="lbl">1 · Download</div><h4>Install<br>Open Design</h4><p>macOS / Windows, runs locally, no sign-up. Apache-2.0 open source.</p></div>
-      <div class="ts-card"><div class="lbl">2 · Connect an agent</div><h4>Zero-config<br>with the CLIs you own</h4><p>Auto-detects 21 coding agents on your PATH, including Claude Code / Codex / Cursor.</p></div>
-      <div class="ts-card"><div class="lbl">3 · BYOK</div><h4>Bring your own key<br>stored locally only</h4><p>Direct connections to Anthropic / OpenAI / Azure / Google — no servers in between.</p></div>
-    </div>
-    <div class="ts-alert-box green">
-      <h3>Real privacy isn't a promise — it's architecture</h3>
-      <p>Your data isn't uploaded because there is no upload path at all. Put the protection in a layer that can't be bypassed.</p>
-    </div>
-    <div class="ts-stripe-b"></div>
-    <div class="ts-footer"><span>cta · tonight</span><span>07 / 08</span></div>
-  </section>
-  <!-- 8. THANKS -->
-  <section class="slide">
-    <div class="ts-stripe"></div>
-    <div class="ts-chrome"><span class="ts-alert-tag amber">open · local · agent-native</span><span class="ts-page">08 / 08</span></div>
-    <div style="margin:auto 0">
-      <div class="ts-kicker">Bringing frontier AI design power back to every creator's desk</div>
-      <h1 class="ts-h1" style="font-size:140px">thank <span class="red">·</span> you</h1>
-      <p class="ts-sub" style="font-size:24px">Download Open Design (macOS / Windows) | Star on GitHub<br>github.com/nexu-io/open-design · discord.gg/9ptkbbqRu · x.com/nexudotio</p>
-    </div>
-    <div class="ts-stripe-b"></div>
-    <div class="ts-footer"><span>end of brief</span><span>08 / 08</span></div>
-  </section>
-</div>
-</body>
-</html>

package/runtime/vendor/plugins/open-design/_official/examples/html-ppt-testing-safety-alert/open-design.json DELETED Viewed

@@ -1,122 +0,0 @@
-{
-  "$schema": "https://open-design.ai/schemas/plugin.v1.json",
-  "specVersion": "1.0.0",
-  "name": "example-html-ppt-testing-safety-alert",
-  "title": "Html Ppt Testing Safety Alert",
-  "title_i18n": {
-    "zh-CN": "Html Ppt Testing Safety Alert",
-    "zh-TW": "Html Ppt Testing Safety Alert",
-    "ja": "Html Ppt Testing Safety Alert",
-    "ko": "Html Ppt Testing Safety Alert",
-    "de": "Html Ppt Testing Safety Alert",
-    "fr": "Html Ppt Testing Safety Alert",
-    "ru": "Html Ppt Testing Safety Alert",
-    "es": "Html Ppt Testing Safety Alert",
-    "pt-BR": "Html Ppt Testing Safety Alert",
-    "it": "Html Ppt Testing Safety Alert",
-    "vi": "Html Ppt Testing Safety Alert",
-    "pl": "Html Ppt Testing Safety Alert",
-    "id": "Html Ppt Testing Safety Alert",
-    "nl": "Html Ppt Testing Safety Alert",
-    "ar": "Html Ppt Testing Safety Alert",
-    "tr": "Html Ppt Testing Safety Alert",
-    "uk": "Html Ppt Testing Safety Alert",
-    "en": "Html Ppt Testing Safety Alert"
-  },
-  "version": "0.1.0",
-  "description": "红琥珀警示 deck — 顶/底 45° 红黑 hazard 条纹、红色删除线否定标题、L1/L2/L3 绿/琥珀/红 tier 卡片、圆点状态 alert box、policy-yaml 代码块（红左边框 + bad 关键词高亮）、红绿 checklist、Q1 事故堆叠柱状图。适合安全 / 风险 / 事故复盘 / 红队 / 上线前 AI 评审 / policy-as-code。",
-  "description_i18n": {
-    "zh-CN": "红琥珀警示 deck — 顶/底 45° 红黑 hazard 条纹、红色删除线否定标题、L1/L2/L3 绿/琥珀/红 tier 卡片、圆点状态 alert box、policy-yaml 代码块（红左边框 + bad 关键词高亮）、红绿 checklist、Q1 事故堆叠柱状图。适合安全 / 风险 / 事故复盘 / 红队 / 上线前 AI 评审 / policy-as-code。",
-    "zh-TW": "紅琥珀警示簡報範本 — 頂/底 45° 紅黑危險條紋、紅色刪除線否定標題、L1/L2/L3 綠/琥珀/紅層級卡片、圓點狀態警示框、policy-yaml 程式碼區塊（紅色左邊框 + bad 關鍵字醒目標示）、紅綠檢查清單、Q1 事故堆疊長條圖。適用於安全/風險/事故覆盤/紅隊/上線前 AI 審查/policy-as-code。",
-    "ja": "安全・リスク・インシデント報告用のアラートデッキテンプレート。赤黄警告ストライプ、階層別カード、ステータスボックス、policy-yaml コードブロック、チェックリスト、事故統計グラフを収録。",
-    "ko": "안전 및 리스크 보고용 경고 덱 템플릿. 빨강-검정 위험 줄무늬, L1/L2/L3 등급 카드, 상태 알림 박스, policy-yaml 코드 블록, 체크리스트, Q1 사고 누적 차트 포함.",
-    "de": "Sicherheits- und Risikowarnungs-Deck-Vorlage mit Hazard-Streifen, Tier-Karten, Alert-Boxen, Policy-YAML-Codeblöcken, Checklisten und Incident-Diagrammen für Security Reviews und Post-Mortems.",
-    "fr": "Modèle de deck d'alerte sécurité avec bandes hazard rouge-noir, cartes par niveau, boîtes d'alerte, blocs de code policy-yaml, checklists et graphiques d'incidents pour revues de sécurité et post-mortems.",
-    "ru": "Шаблон презентации безопасности с красно-черными полосами опасности, многоуровневыми карточками, окнами оповещений, блоками policy-yaml, чеклистами и диаграммами инцидентов для анализа рисков.",
-    "es": "Plantilla de presentación de alertas de seguridad con franjas de peligro, tarjetas por niveles, cuadros de alerta, bloques de código policy-yaml, checklists y gráficos de incidentes para revisiones de seguridad.",
-    "pt-BR": "Template de deck de alerta de segurança com listras de perigo vermelho-preto, cards por nível, caixas de alerta, blocos de código policy-yaml, checklists e gráficos de incidentes para revisões de segurança.",
-    "it": "Template di presentazione per alert di sicurezza con strisce hazard rosso-nero, card a livelli, box di allerta, blocchi di codice policy-yaml, checklist e grafici degli incidenti per review di sicurezza.",
-    "vi": "Mẫu bộ trình chiếu cảnh báo an toàn với sọc nguy hiểm đỏ-đen, thẻ phân cấp, hộp cảnh báo, khối mã policy-yaml, danh sách kiểm tra và biểu đồ sự cố cho đánh giá bảo mật.",
-    "pl": "Szablon prezentacji alertów bezpieczeństwa z pasami ostrzegawczymi, kartami poziomów, polami alertów, blokami kodu policy-yaml, checklistami i wykresami incydentów do przeglądów bezpieczeństwa.",
-    "id": "Template deck peringatan keamanan dengan garis bahaya merah-hitam, kartu tier, kotak alert, blok kode policy-yaml, checklist, dan grafik insiden untuk tinjauan keamanan dan post-mortem.",
-    "nl": "Veiligheidsalarm deck-sjabloon met rood-zwarte hazard-strepen, tier-kaarten, alertboxen, policy-yaml codeblokken, checklists en incidentgrafieken voor beveiligingsreviews en post-mortems.",
-    "ar": "قالب عرض تنبيهات الأمان مع خطوط تحذير حمراء-سوداء وبطاقات متدرجة وصناديق تنبيه وكتل أكواد policy-yaml وقوائم مراجعة ورسوم بيانية للحوادث لمراجعات الأمان.",
-    "tr": "Kırmızı-siyah tehlike şeritleri, katmanlı kartlar, uyarı kutuları, policy-yaml kod blokları, kontrol listeleri ve olay grafikleriyle güvenlik uyarı sunum şablonu.",
-    "uk": "Шаблон презентації попереджень безпеки з червоно-чорними смугами небезпеки, багаторівневими картками, вікнами сповіщень, блоками коду policy-yaml, чеклістами та діаграмами інцидентів для огляду безпеки.",
-    "en": "红琥珀警示 deck — 顶/底 45° 红黑 hazard 条纹、红色删除线否定标题、L1/L2/L3 绿/琥珀/红 tier 卡片、圆点状态 alert box、policy-yaml 代码块（红左边框 + bad 关键词高亮）、红绿 checklist、Q1 事故堆叠柱状图。适合安全 / 风险 / 事故复盘 / 红队 / 上线前 AI 评审 / policy-as-code。"
-  },
-  "license": "MIT",
-  "author": {
-    "name": "Open Design",
-    "url": "https://github.com/nexu-io"
-  },
-  "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-testing-safety-alert",
-  "tags": [
-    "example",
-    "first-party",
-    "deck",
-    "engineering",
-    "web",
-    "safety-alert",
-    "incident",
-    "red-team",
-    "risk-review",
-    "untitled",
-    "policy-as-code"
-  ],
-  "compat": {
-    "agentSkills": [
-      {
-        "path": "./SKILL.md"
-      }
-    ]
-  },
-  "od": {
-    "kind": "scenario",
-    "taskKind": "new-generation",
-    "mode": "deck",
-    "scenario": "engineering",
-    "surface": "web",
-    "preview": {
-      "type": "html",
-      "entry": "./example.html"
-    },
-    "useCase": {
-      "query": {
-        "en": "Use the html-ppt-testing-safety-alert template to create an incident review / safety review deck. Use red-black hazard stripes, red strikethroughs, L1/L2/L3 tier cards, and policy-yaml code blocks. First ask me for the incident timeline, root cause, and impact scope.",
-        "zh-CN": "用 html-ppt-testing-safety-alert 模板做一份事故复盘 / 安全评审 PPT。红黑 hazard 条 + 红色删除线 + L1/L2/L3 tier 卡片 + policy-yaml 代码块。先告诉我事件时间线、根因、影响范围。"
-      },
-      "exampleOutputs": [
-        {
-          "path": "./example.html",
-          "title": "Html Ppt Testing Safety Alert"
-        }
-      ]
-    },
-    "context": {
-      "skills": [
-        {
-          "path": "./SKILL.md"
-        }
-      ],
-      "assets": [
-        "./example.html"
-      ]
-    },
-    "pipeline": {
-      "stages": [
-        {
-          "id": "generate",
-          "atoms": [
-            "file-write",
-            "live-artifact"
-          ]
-        }
-      ]
-    },
-    "capabilities": [
-      "prompt:inject",
-      "fs:write"
-    ]
-  }
-}

package/runtime/vendor/plugins/open-design/_official/examples/html-ppt-weekly-report/SKILL.md DELETED Viewed

@@ -1,78 +0,0 @@
----
-name: html-ppt-weekly-report
-description: Team weekly / status-update deck — corporate clarity, 8-cell KPI grid, shipped list, 8-week bar chart, next-week table. Use for 周报, business reviews, team status updates, and exec dashboards.
-triggers:
-  - "weekly report"
-  - "周报"
-  - "status update"
-  - "team report"
-  - "business review"
-  - "wbr"
-od:
-  mode: deck
-  scenario: operations
-  featured: 23
-  upstream: "https://github.com/lewislulu/html-ppt-skill"
-  preview:
-    type: html
-    entry: index.html
-  design_system:
-    requires: false
-  speaker_notes: true
-  animations: true
-  example_prompt: "用 html-ppt-weekly-report 模板生成一份周报（7 页）。先问我四件事：本周时间范围、3-5 个核心 KPI 数字、本周已发布 / 已完成的事项、下周计划与风险。然后用模板填好 8 周柱状图和下周表格。"
----
-# HTML PPT · Weekly Report
-A focused entry point into the [`html-ppt`](../html-ppt/SKILL.md) master skill that lands the user directly on the **`weekly-report`** full-deck template.
-## When this card is picked
-The Examples gallery wires "Use this prompt" to the example_prompt above. When you accept that prompt, this card is the right pick if the user wants exactly the visual identity of `weekly-report` (see the upstream [full-decks catalog](../html-ppt/references/full-decks.md) for screenshots and rationale).
-## How to author the deck
-1. **Read the master skill first.** All authoring rules live in
-   [`skills/html-ppt/SKILL.md`](../html-ppt/SKILL.md) — content/audience checklist,
-   token rules, layout reuse, presenter mode, the keyboard runtime, and the
-   "never put presenter-only text on the slide" rule.
-2. **Start from the matching template folder:**
-   `skills/html-ppt/templates/full-decks/weekly-report/` — copy `index.html` and
-   `style.css` into the project, keep the `.tpl-weekly-report` body class.
-3. **Bring the shared runtime with the template.** The upstream
-   `index.html` links the shared CSS/JS via `../../../assets/...` because it
-   sits three folders deep inside `skills/html-ppt/templates/full-decks/`.
-   Once you copy `index.html` into the project, those parent-relative URLs
-   no longer resolve and `base.css`, `animations.css`, and `runtime.js`
-   will 404 — meaning the deck never activates and slide navigation is
-   dead. Pick one of these two recipes per project:
-   - **Recipe A — copy + rewrite (preferred):** copy
-     `skills/html-ppt/assets/fonts.css`, `skills/html-ppt/assets/base.css`,
-     `skills/html-ppt/assets/animations/animations.css`, and
-     `skills/html-ppt/assets/runtime.js` into a project-local
-     `assets/` (with `assets/animations/animations.css`), then rewrite the
-     four `<link>`/`<script>` tags in `index.html` from
-     `../../../assets/...` to the matching project-local paths
-     (`assets/fonts.css`, `assets/base.css`,
-     `assets/animations/animations.css`, `assets/runtime.js`).
-   - **Recipe B — inline:** read the same four files and replace each
-     `<link rel="stylesheet" href="../../../assets/...">` with a
-     `<style>...</style>` containing the file's contents, and the
-     `<script src="../../../assets/runtime.js">` with a
-     `<script>...</script>` containing `runtime.js`. Yields a single
-     self-contained `index.html`.
-   Either way, do not ship the upstream `../../../assets/...` URLs
-   verbatim into a project artifact — they only work in-tree.
-4. **Pick a theme.** Default tokens look fine; if the user wants a different
-   feel, swap in any of the 36 themes from `skills/html-ppt/assets/themes/*.css`
-   via `<link id="theme-link">` and let `T` cycle.
-5. **Replace demo content, not classes.** The `.tpl-weekly-report` scoped CSS only
-   recognises the structural classes shipped in the template — keep them.
-6. **Speaker notes go inside `<aside class="notes">` or `<div class="notes">`** — never as visible text on the slide.
-## Attribution
-Visual system, layouts, themes and the runtime keyboard model come from
-the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
-LICENSE file ships at `skills/html-ppt/LICENSE`; please keep it in place when
-redistributing.