agentar 0.1.0

package/web/assets/index-w9OTr571.css

@@ -0,0 +1 @@
+:root{--bg:#0f1116;--panel:#14171fdb;--panel-border:#ffffff14;--surface:#ffffff0d;--surface-hover:#ffffff17;--text:#e9edf3;--muted:#9aa3b2;--accent:#7ce0c3;--accent-ink:#0d2a22;--danger:#ff8a80;--radius:10px;--panel-width:360px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;margin:0;overflow:hidden}#stage{inset:0;right:var(--panel-width);transition:right .25s;position:fixed}body.panel-hidden #stage,body.stage-mode #stage{right:0}.panel{width:var(--panel-width);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-left:1px solid var(--panel-border);z-index:10;flex-direction:column;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;right:0}body.panel-hidden .panel{transform:translate(calc(100% - 28px))}body.panel-hidden .panel .collapse{transform:rotate(180deg)}.panel header{grid-template-columns:1fr auto;gap:6px 10px;padding:14px 16px 10px 36px;display:grid;position:relative}.brand{align-items:baseline;gap:8px;min-width:0;display:flex}.logo{letter-spacing:.02em;color:var(--accent);font-size:18px;font-weight:800}.name-input{min-width:0;color:var(--text);font:inherit;background:0 0;border:1px solid #0000;border-radius:6px;flex:1;padding:2px 6px;font-size:16px;font-weight:600}.name-input:hover,.name-input:focus{border-color:var(--panel-border);background:var(--surface);outline:none}.status{color:var(--muted);grid-column:1/-1;align-items:center;gap:8px;font-size:12px;display:flex}.dot{background:#d7b84a;border-radius:50%;width:8px;height:8px}.dot[data-state=open]{background:var(--accent);box-shadow:0 0 8px var(--accent)}.dot[data-state=closed]{background:var(--danger)}.collapse{border-radius:6px;width:24px;height:24px;padding:0;transition:transform .25s;position:absolute;top:14px;left:4px}.tabs{border-bottom:1px solid var(--panel-border);scrollbar-width:none;gap:2px;padding:0 12px;display:flex;overflow-x:auto}.tabs button{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:none;padding:10px 8px}.tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent)}.tab-bodies{flex:1;padding:14px 16px 24px;overflow-y:auto}.tab-body{flex-direction:column;gap:14px;display:flex}button{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--panel-border);cursor:pointer;border-radius:8px;padding:7px 12px}button:hover:not(:disabled){background:var(--surface-hover)}button:disabled{opacity:.45;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:650}button.primary:hover:not(:disabled){background:#9aead3}button.ghost{background:0 0;padding:4px 8px;font-size:12px}.field{flex-direction:column;gap:6px;display:flex}.label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px}select,textarea,input[type=text]{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--panel-border);border-radius:8px;width:100%;padding:8px 10px}textarea{resize:vertical;line-height:1.45}select option{background:#1b1f28}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hint{color:var(--muted);margin-left:auto;font-size:12px}.note{color:var(--muted);margin:-6px 0 0;font-size:12px;line-height:1.45}.note:empty{display:none}.note.error{color:var(--danger)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{text-transform:capitalize;border-radius:999px;padding:5px 10px}.chips button.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.slider{align-items:center;gap:10px;display:flex}.slider input{accent-color:var(--accent);flex:1}.slider output{text-align:right;width:48px;color:var(--muted);font-variant-numeric:tabular-nums}.color-row{align-items:center;gap:8px;display:flex}input[type=color]{border:1px solid var(--panel-border);cursor:pointer;background:0 0;border-radius:6px;width:34px;height:28px;padding:0}input[type=color].unset{opacity:.35}.swatches{flex-wrap:wrap;flex:1;gap:4px;display:flex}.swatch{border:1px solid #fff3;border-radius:50%;width:20px;height:20px;padding:0}.check{cursor:pointer;align-items:center;gap:8px;display:flex}.check input{accent-color:var(--accent)}.snippets{flex-direction:column;gap:14px;display:flex}.snippet-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.snippet pre{border:1px solid var(--panel-border);white-space:pre-wrap;word-break:break-all;background:#00000059;border-radius:8px;margin:0 0 8px;padding:10px;font-size:12px;line-height:1.4}.copy{padding:3px 8px;font-size:12px}#overlay{inset:0;right:var(--panel-width);pointer-events:none;z-index:5;place-items:center;display:grid;position:fixed}body.panel-hidden #overlay,body.stage-mode #overlay{right:0}#overlay[hidden],#unlock[hidden]{display:none}.overlay-card{border-radius:var(--radius);background:var(--panel);border:1px solid var(--panel-border);text-align:center;pointer-events:auto;max-width:420px;padding:18px 22px}.overlay-card p{margin:0 0 10px;line-height:1.5}progress{width:100%;accent-color:var(--accent)}#unlock{transform:translateX(calc(-50% - var(--panel-width) / 2));z-index:20;background:var(--accent);color:var(--accent-ink);border:none;font-weight:650;position:fixed;top:20px;left:50%;box-shadow:0 6px 24px #0006}body.panel-hidden #unlock,body.stage-mode #unlock{transform:translate(-50%)}#caption{left:24px;right:calc(var(--panel-width) + 24px);text-align:center;color:#fff;text-shadow:0 2px 8px #000c;opacity:0;pointer-events:none;z-index:4;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:760px;margin:0 auto;font-size:18px;line-height:1.45;transition:opacity .3s;display:-webkit-box;position:fixed;bottom:28px;overflow:hidden}body.panel-hidden #caption,body.stage-mode #caption{right:24px}body.captions #caption.visible{opacity:1}@media (max-width:760px){:root{--panel-width:0px}.panel{border-left:none;border-top:1px solid var(--panel-border);width:100%;height:46vh;top:auto;left:0}#stage{bottom:46vh}body.panel-hidden #stage{bottom:0}body.panel-hidden .panel{transform:translateY(calc(100% - 44px))}#caption{bottom:calc(46vh + 16px)}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.tab-body[hidden]{display:none}

package/web/favicon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect width="64" height="64" rx="14" fill="#14171f"/><circle cx="32" cy="26" r="12" fill="#7ce0c3"/><path d="M12 56c2-11 10-17 20-17s18 6 20 17" fill="#7ce0c3"/><path d="M26 29q6 5 12 0" stroke="#14171f" stroke-width="3" fill="none" stroke-linecap="round"/></svg>

package/web/index.html

@@ -0,0 +1,22 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <title>agentar</title>
+    <script type="module" crossorigin src="/assets/index-DgcJBIKV.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-w9OTr571.css">
+  </head>
+  <body>
+    <main id="stage" aria-label="Avatar view"></main>
+    <div id="caption" aria-live="polite"></div>
+    <div id="overlay" hidden>
+      <div class="overlay-card">
+        <p id="overlay-text">Loading…</p>
+        <progress id="progress" max="1" value="0"></progress>
+      </div>
+    </div>
+    <button id="unlock" type="button" hidden>🔊 Click anywhere to enable your agent's voice</button>
+  </body>
+</html>