Entrada por texto (teclado ademas de voz) y escote cirurgico con parche de piel en runtime

chunk-4t726cmy.css

@@ -1 +1,2 @@
-:root{--bg:#050506;--bg-elev:#13151c;--bg-elev-2:#1b1e29;--border:#ffffff14;--border-strong:#ffffff29;--text:#f5f6fa;--text-dim:#f5f6faa6;--text-faint:#f5f6fa6b;--error:#ff6a75;--live:#22d3ee;--font-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--radius-sm:8px;--radius-md:14px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);overflow:hidden;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#app{position:relative;height:100dvh}#stage{position:absolute;background:#050506;inset:0}#stage canvas{display:block}[hidden]{display:none!important}#loading{position:absolute;display:grid;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);background:var(--bg);pointer-events:none;place-items: center;transition:opacity .6s;font-size:12px;font-weight:500;inset:0}#loading.done{opacity:0}#topbar{position:absolute;display:flex;pointer-events:none;justify-content:space-between;align-items: flex-start;padding:18px 20px;top:0;left:0;right:0}#topbar>*{pointer-events:auto}#identity h1{letter-spacing:.01em;margin:0;font-size:15px;font-weight:600}#identity p{color:var(--text-faint);max-width:340px;margin:4px 0 0;font-size:12px;line-height:1.45}#identity strong{color:var(--text-dim);font-weight:500}.icon-btn{display:grid;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev);color:var(--text-dim);cursor:pointer;touch-action:manipulation;place-items: center;width:36px;height:36px;padding:0;transition:color .15s,border-color .15s}.icon-btn:hover{color:var(--text);border-color:var(--border-strong)}.icon-btn.active{color:var(--error);border-color:var(--border-strong)}#main-btn{background:var(--text);color:var(--bg);cursor:pointer;touch-action:manipulation;border:none;border-radius:23px;min-width:190px;height:46px;padding:0 26px;transition:transform .12s,opacity .15s;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:14px;font-weight:600}#main-btn:hover:not(:disabled){transform:translateY(-1px)}#main-btn:disabled{pointer-events:none;opacity:.45;cursor:default}#main-btn.live{background:var(--bg-elev);color:var(--text);border:1px solid var(--border-strong)}#controls{position:absolute;display:flex;padding:0 20px calc(22px + env(safe-area-inset-bottom));flex-direction:column;align-items: center;gap:14px;bottom:0;left:0;right:0}#buttons{display:flex;align-items: center;gap:10px}#caption{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);transition:color .2s;font-size:11px;font-weight:500}#caption.live{color:var(--live)}#caption.error{color:var(--error);text-align:center;max-width:560px;line-height:1.5}#progress{background:var(--border-strong);overflow:hidden;border-radius:1px;width:min(240px,60vw);height:2px}#progress-fill{background:var(--text-dim);width:0;height:100%;transition:width .3s}#subtitles{position:absolute;border-radius:var(--radius-md);backdrop-filter:blur(6px);border:1px solid var(--border);text-align:center;text-wrap:balance;color:var(--text);opacity:0;pointer-events:none;display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;background:#0a0b10b8;-webkit-box-orient:vertical;max-width:min(640px,100vw - 48px);padding:10px 16px;transition:opacity .25s;font-size:15px;line-height:1.5;bottom:118px;left:50%;transform:translate(-50%)}#subtitles.visible{opacity:1}#settings{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-elev);color:var(--text);width:min(440px,100vw - 40px);padding:22px;box-shadow:0 4px 18px #00000052}#settings::backdrop{backdrop-filter:blur(2px);background:#05060999}#settings h2{margin:0 0 16px;font-size:15px;font-weight:600}#settings label{display:block;color:var(--text-dim);margin-bottom:14px;font-size:12px}#settings select,#settings textarea,#settings input{display:block;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev-2);color:var(--text);width:100%;margin-top:6px;padding:9px 11px;font-family:inherit;font-size:13px}#settings select:focus-visible{outline:1px solid var(--text-dim);outline-offset:1px}#settings textarea:focus-visible{outline:1px solid var(--text-dim);outline-offset:1px}#settings input:focus-visible{outline:1px solid var(--text-dim);outline-offset:1px}#settings textarea{resize:vertical}#settings .hint{display:block;margin-top:6px;font-size:11px;line-height:1.4}#settings .check-row{display:flex;align-items: center;gap:9px}#settings .check-row input{display:inline-block;accent-color:var(--text);width:auto;margin:0}.dialog-actions{display:flex;justify-content:space-between;gap:12px;margin-top:6px}#reset-prompt{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:9px 0;font-size:13px}#reset-prompt:hover{color:var(--text)}.dialog-actions .primary{border-radius:var(--radius-sm);background:var(--text);color:var(--bg);cursor:pointer;border:none;padding:9px 20px;font-size:13px;font-weight:600}button:focus-visible{outline:2px solid var(--text-dim);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}@media (max-width:600px){#identity p{display:none}#subtitles{font-size:14px;bottom:128px}}
+:root{--bg:#050506;--bg-elev:#13151c;--bg-elev-2:#1b1e29;--border:#ffffff14;--border-strong:#ffffff29;--text:#f5f6fa;--text-dim:#f5f6faa6;--text-faint:#f5f6fa6b;--error:#ff6a75;--live:#22d3ee;--font-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--radius-sm:8px;--radius-md:14px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);overflow:hidden;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#app{position:relative;height:100dvh}#stage{position:absolute;background:#050506;inset:0}#stage canvas{display:block}[hidden]{display:none!important}#loading{position:absolute;display:grid;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);background:var(--bg);pointer-events:none;place-items: center;transition:opacity .6s;font-size:12px;font-weight:500;inset:0}#loading.done{opacity:0}#topbar{position:absolute;display:flex;pointer-events:none;justify-content:space-between;align-items: flex-start;padding:18px 20px;top:0;left:0;right:0}#topbar>*{pointer-events:auto}#identity h1{letter-spacing:.01em;margin:0;font-size:15px;font-weight:600}#identity p{color:var(--text-faint);max-width:340px;margin:4px 0 0;font-size:12px;line-height:1.45}#identity strong{color:var(--text-dim);font-weight:500}.icon-btn{display:grid;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev);color:var(--text-dim);cursor:pointer;touch-action:manipulation;place-items: center;width:36px;height:36px;padding:0;transition:color .15s,border-color .15s}.icon-btn:hover{color:var(--text);border-color:var(--border-strong)}.icon-btn.active{color:var(--error);border-color:var(--border-strong)}#main-btn{background:var(--text);color:var(--bg);cursor:pointer;touch-action:manipulation;border:none;border-radius:23px;min-width:190px;height:46px;padding:0 26px;transition:transform .12s,opacity .15s;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:14px;font-weight:600}#main-btn:hover:not(:disabled){transform:translateY(-1px)}#main-btn:disabled{pointer-events:none;opacity:.45;cursor:default}#main-btn.live{background:var(--bg-elev);color:var(--text);border:1px solid var(--border-strong)}#controls{position:absolute;display:flex;padding:0 20px calc(22px + env(safe-area-inset-bottom));flex-direction:column;align-items: center;gap:14px;bottom:0;left:0;right:0}#buttons{display:flex;align-items: center;gap:10px}#caption{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);transition:color .2s;font-size:11px;font-weight:500}#caption.live{color:var(--live)}#caption.error{color:var(--error);text-align:center;max-width:560px;line-height:1.5}#progress{background:var(--border-strong);overflow:hidden;border-radius:1px;width:min(240px,60vw);height:2px}#progress-fill{background:var(--text-dim);width:0;height:100%;transition:width .3s}#subtitles{position:absolute;border-radius:var(--radius-md);backdrop-filter:blur(6px);border:1px solid var(--border);text-align:center;text-wrap:balance;color:var(--text);opacity:0;pointer-events:none;display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;background:#0a0b10b8;-webkit-box-orient:vertical;max-width:min(640px,100vw - 48px);padding:10px 16px;transition:opacity .25s;font-size:15px;line-height:1.5;bottom:118px;left:50%;transform:translate(-50%)}#subtitles.visible{opacity:1}#settings{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-elev);color:var(--text);width:min(440px,100vw - 40px);padding:22px;box-shadow:0 4px 18px #00000052}#settings::backdrop{backdrop-filter:blur(2px);background:#05060999}#settings h2{margin:0 0 16px;font-size:15px;font-weight:600}#settings label{display:block;color:var(--text-dim);margin-bottom:14px;font-size:12px}#settings select,#settings textarea,#settings input{display:block;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev-2);color:var(--text);width:100%;margin-top:6px;padding:9px 11px;font-family:inherit;font-size:13px}#settings select:focus-visible{outline:1px solid var(--text-dim);outline-offset:1px}#settings textarea:focus-visible{outline:1px solid var(--text-dim);outline-offset:1px}#settings input:focus-visible{outline:1px solid var(--text-dim);outline-offset:1px}#settings textarea{resize:vertical}#settings .hint{display:block;margin-top:6px;font-size:11px;line-height:1.4}#settings .check-row{display:flex;align-items: center;gap:9px}#settings .check-row input{display:inline-block;accent-color:var(--text);width:auto;margin:0}.dialog-actions{display:flex;justify-content:space-between;gap:12px;margin-top:6px}#reset-prompt{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:9px 0;font-size:13px}#reset-prompt:hover{color:var(--text)}.dialog-actions .primary{border-radius:var(--radius-sm);background:var(--text);color:var(--bg);cursor:pointer;border:none;padding:9px 20px;font-size:13px;font-weight:600}button:focus-visible{outline:2px solid var(--text-dim);outline-offset:2px}#type-form{display:flex;gap:8px;align-items:center;margin:0 0 10px;justify-content:center}#type-input{background:var(--bg-elev);border:1px solid var(--border);border-radius:23px;color:var(--text);font-family:inherit;font-size:14px;padding:0 16px;height:46px;width:min(340px,72vw);outline:none;transition:border-color .15s;touch-action:manipulation}#type-input:focus{border-color:var(--border-strong)}#type-input::placeholder{color:var(--text-faint)}#send-btn{display:grid;place-items:center;background:var(--bg-elev);border:1px solid var(--border);border-radius:23px;color:var(--text-dim);cursor:pointer;touch-action:manipulation;width:46px;height:46px;padding:0;transition:color .15s,border-color .15s}#send-btn:hover{color:var(--text);border-color:var(--border-strong)}#send-btn:focus-visible{outline:2px solid var(--text-dim);outline-offset:2px}
+@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}@media (max-width:600px){#identity p{display:none}#subtitles{font-size:14px;bottom:128px}}

chunk-p1yb2ca4.js

@@ -34416,6 +34416,198 @@ function Ji(e, t) {
     if (e[i] !== void 0) n[i] = e[i]?.clone && !e[i].isTexture ? e[i].clone() : e[i];
   return Object.assign(n, t);
 }
+function mq(c) {
+  let i = c.Wolf3D_Outfit_Top;
+  if (!i) return;
+  let h = new URLSearchParams(location.search),
+    y = h.get("neck") ?? "v";
+  if (y === "off") return;
+  if (h.get("collar") === "off" && c.Ava_Collar) c.Ava_Collar.visible = !1;
+  let p = Number(h.get("neckDepth") ?? 0.1),
+    g = Number(h.get("neckW") ?? 0.108),
+    M = Number(h.get("neckTop") ?? 1.5015),
+    F = Number(h.get("neckFront") ?? 0.014),
+    T = y === "u" ? 0 : 1,
+    b = i.geometry.attributes,
+    R = b.position,
+    _ = b.normal,
+    x = b.skinIndex,
+    P = b.skinWeight;
+  if (!R || !_) return;
+  let K = 10,
+    se = (u, v, w2) => {
+      let S = [],
+        px = 0,
+        py = 0,
+        pz = 0,
+        nx = 0,
+        ny = 0,
+        nz = 0,
+        ch = 0;
+      for (let j2 = 0; j2 < R.count; j2++) {
+        let m = {
+          d:
+            (R.array[j2 * 3] - u) ** 2 +
+            (R.array[j2 * 3 + 1] - v) ** 2 +
+            (R.array[j2 * 3 + 2] - w2) ** 2,
+          j: j2,
+        };
+        if (S.length < K) S.push(m);
+        else if (m.d < S[K - 1].d) ((S[K - 1] = m), S.sort((B, D) => B.d - D.d));
+      }
+      for (let m of S) {
+        let j2 = m.j,
+          q = 1 / (m.d + 1e-6);
+        (ch += q),
+          (px += R.array[j2 * 3] * q),
+          (py += R.array[j2 * 3 + 1] * q),
+          (pz += R.array[j2 * 3 + 2] * q),
+          (nx += _.array[j2 * 3] * q),
+          (ny += _.array[j2 * 3 + 1] * q),
+          (nz += _.array[j2 * 3 + 2] * q);
+      }
+      let acc = new Map();
+      if (x && P)
+        for (let m of S) {
+          let j2 = m.j,
+            q = 1 / (m.d + 1e-6);
+          for (let k4 = 0; k4 < 4; k4++) {
+            let bone = x.array[j2 * 4 + k4],
+              bw = P.array[j2 * 4 + k4] * q;
+            acc.set(bone, (acc.get(bone) ?? 0) + bw);
+          }
+        }
+      let bs = [...acc.entries()].sort((B, D) => D[1] - B[1]).slice(0, 4),
+        wsum = bs.reduce((B, D) => B + D[1], 0) || 1;
+      return {
+        p: [px / ch, py / ch, pz / ch],
+        n: [nx / ch, ny / ch, nz / ch],
+        idx: bs.map((B) => B[0]),
+        w: bs.map((B) => B[1] / wsum),
+      };
+    },
+    Q = (u) => (u <= 0.04045 ? u / 12.92 : ((u + 0.055) / 1.055) ** 2.4),
+    tone = null;
+  try {
+    let img = c.Wolf3D_Head?.material?.map?.image;
+    if (img?.width) {
+      let cv = document.createElement("canvas"),
+        cx = cv.getContext("2d", { willReadFrequently: !0 });
+      cv.width = img.width;
+      cv.height = img.height;
+      cx.drawImage(img, 0, 0);
+      let [l0, m0, l1, m1] = $t.lids_uv,
+        px = Math.round(((l0 + l1) / 2) * img.width),
+        py = Math.round(((m0 + m1) / 2) * img.height),
+        dtd = cx.getImageData(Math.max(0, px - 12), Math.max(0, py - 12), 24, 24).data,
+        rr = 0,
+        gg = 0,
+        bb = 0,
+        n5 = dtd.length / 4;
+      for (let k5 = 0; k5 < dtd.length; k5 += 4) (rr += dtd[k5]), (gg += dtd[k5 + 1]), (bb += dtd[k5 + 2]);
+      tone = new re(Q(rr / n5 / 255), Q(gg / n5 / 255), Q(bb / n5 / 255));
+    }
+  } catch {}
+  let sk = tone ?? new re(0.6, 0.34, 0.26);
+  {
+    let ubc = i.material.onBeforeCompile,
+      U1 = { value: new Ye(M, p, g, T) },
+      U2 = { value: new ve(F, 0) };
+    let V3 = (sh, cxA) => {
+      ubc?.(sh, cxA);
+      Object.assign(sh.uniforms, { uNeck: U1, uNeckF: U2 });
+      sh.vertexShader = sh.vertexShader
+        .replace("#include <common>", `#include <common>
+varying vec3 vBindN;`)
+        .replace("#include <begin_vertex>", `#include <begin_vertex>
+vBindN = position;`);
+      sh.fragmentShader = sh.fragmentShader
+        .replace("#include <common>", `#include <common>
+varying vec3 vBindN; uniform vec4 uNeck; uniform vec2 uNeckF;`)
+        .replace(
+          "#include <clipping_planes_fragment>",
+          `#include <clipping_planes_fragment>
+{
+  float rel = abs(vBindN.x) / uNeck.z;
+  if (vBindN.z > uNeckF.x && vBindN.y > uNeck.x - uNeck.y - 0.012 && vBindN.y < uNeck.x + 0.001) {
+    if (uNeck.w > 0.5) { if ((uNeck.x - vBindN.y) > uNeck.y * rel) discard; }
+    else { if ((uNeck.x - vBindN.y) > uNeck.y * sqrt(max(0.0, 1.0 - rel * rel))) discard; }
+  }
+}`,
+        );
+    };
+    ((i.material.onBeforeCompile = V3),
+      (i.material.customProgramCacheKey = () => `ava-neck-cut-${i.material.uuid}`),
+      (i.material.needsUpdate = !0));
+  }
+  let GX = 40,
+    GY = 16,
+    padX = 0.02,
+    padY = 0.012,
+    yUp = M + 0.0025,
+    yBot = M - p - padY,
+    gW = g + padX,
+    pos = [],
+    nor = [],
+    js = [],
+    ws = [],
+    vm = [],
+    insideM =
+      y === "u"
+        ? (xx, yy) => yy < M + 0.0025 - 1e-4 && yy > M - p * Math.max(0, 1 - (xx / g) ** 2) ** 0.5 - padY && Math.abs(xx) < gW
+        : (xx, yy) => yy < M + 0.0025 - 1e-4 && yy > yBot && (M - yy) > (p * Math.abs(xx)) / g && Math.abs(xx) < gW;
+  for (let gy = 0; gy < GY; gy++) {
+    let vv = yUp - ((yUp - yBot) * gy) / (GY - 1);
+    for (let gx = 0; gx < GX; gx++) {
+      let uu = (-gW + (2 * gW * gx) / (GX - 1)),
+        sm = se(uu, vv, 0),
+        nx2 = sm.n,
+        nn = (nx2[0] ** 2 + nx2[1] ** 2 + nx2[2] ** 2) ** 0.5 || 1;
+      (pos.push(sm.p[0] - (nx2[0] / nn) * 0.0035, sm.p[1] - (nx2[1] / nn) * 0.0035, sm.p[2] - (nx2[2] / nn) * 0.0035),
+        nor.push(nx2[0] / nn, nx2[1] / nn, nx2[2] / nn));
+      for (let k6 = 0; k6 < 4; k6++) (js.push(sm.idx[k6] ?? 0), ws.push(sm.w[k6] ?? 0));
+      vm.push(insideM(uu, vv) ? 1 : 0);
+    }
+  }
+  let geo = new Et();
+  (geo.setAttribute("position", new at(pos, 3)),
+    geo.setAttribute("normal", new at(nor, 3)),
+    x && P && (geo.setAttribute("skinIndex", new er(js, 4)), geo.setAttribute("skinWeight", new at(ws, 4))));
+  let idx = [];
+  for (let gy = 0; gy < GY - 1; gy++)
+    for (let gx = 0; gx < GX - 1; gx++) {
+      let a1 = gy * GX + gx,
+        q1 = a1 + 1,
+        v1 = a1 + GX,
+        y1 = v1 + 1;
+      if (vm[a1] && vm[q1] && vm[v1] && vm[y1]) idx.push(a1, v1, q1, q1, v1, y1);
+    }
+  geo.setIndex(idx);
+  let mat = new tn({
+      side: Yt,
+      color: sk,
+      roughness: 0.48,
+      metalness: 0,
+      specularIntensity: 0.4,
+      sheen: 0.4,
+      sheenColor: new re(1, 0.96, 0.92),
+      sheenRoughness: 0.7,
+      clearcoat: 0.05,
+      clearcoatRoughness: 0.35,
+    }),
+    mk = new Bi(geo, mat);
+  (t1(mat),
+    mk.bind(i.skeleton, i.bindMatrix),
+    mk.position.copy(i.position),
+    mk.quaternion.copy(i.quaternion),
+    mk.scale.copy(i.scale),
+    mk.updateMatrix(),
+    (mk.castShadow = !1),
+    (mk.receiveShadow = !0),
+    (mk.frustumCulled = !1),
+    mk.matrixAutoUpdate && mk.updateMatrixWorld(!0),
+    i.parent.add(mk));
+}
 function vp(e, t = {}) {
   let { studio: n = !0, materials: i = !0, shadows: s = !0 } = t,
     { renderer: r, scene: o, armature: a } = e,
@@ -34621,6 +34813,7 @@ varying float vShellX; uniform vec2 lidBlink;`,
         envMapIntensity: 0.35,
       });
   }
+  mq(c);
   a.traverse((h) => {
     if (!h.isMesh) return;
     for (let u of [h.material.map, h.material.normalMap, h.material.roughnessMap])
@@ -34967,6 +35160,31 @@ class uh extends EventTarget {
       this._setStatus("processing"),
       this.model.respond(t, e));
   }
+  sendText(e) {
+    if (!this._closed && (e = (e ?? "").trim())) {
+      if (this.turn) this._interrupt();
+      (this.voice.beginTurn(),
+        (this.turn = {
+          id: this.nextTurnId++,
+          finished: !1,
+          reply: "",
+          metric: {
+            id: this.nextTurnId - 1,
+            userSeconds: null,
+            speechEndedAt: performance.now(),
+            firstTextMs: null,
+            firstAudioMs: null,
+            replySeconds: 0,
+            reply: "",
+            tools: [],
+            outcome: "streaming",
+          },
+        }),
+        this.metrics.push(this.turn.metric),
+        this.model.respond(this.turn.id, null, e),
+        this.dispatchEvent(new CustomEvent("user-text", { detail: { text: e } })));
+    }
+  }
   onText(e, t) {
     let n = this.turn;
     if (!n || n.id !== e) return;
@@ -35282,7 +35500,7 @@ function Ap() {
           w1(t);
           break;
         case "ready":
-          if (((Es = !0), Rn?.finished(), Gn)) Vp();
+          if (((Es = !0), Aq(), Rn?.finished(), Gn)) Vp();
           (xr?.configure(t.sampleRate),
             Object.assign(rn, { device: t.device, modelSampleRate: t.sampleRate }),
             (Sh.hidden = !0),
@@ -35404,7 +35622,10 @@ async function T1() {
     l = new uh({
       voice: a,
       model: {
-        respond: (c, h) => ts.postMessage({ kind: "respond", id: c, audio: h }, [h.buffer]),
+        respond: (c, h, w) =>
+          h != null
+            ? ts.postMessage({ kind: "respond", id: c, audio: h }, [h.buffer])
+            : ts.postMessage({ kind: "respond", id: c, text: w }),
         abort: (c) => ts.postMessage({ kind: "abort", id: c }),
         reset: () => ts.postMessage({ kind: "reset" }),
       },
@@ -35434,6 +35655,9 @@ async function T1() {
       (yt.endOfReply(), Fp());
     }),
     l.addEventListener("interrupted", () => Ts.classList.remove("visible")),
+    l.addEventListener("user-text", (c) => {
+      if (Ln.subtitles) (Np(`Tú: ${c.detail.text}`), Fp(3200));
+    }),
     l.addEventListener("error", (c) => {
       let { error: h } = c.detail;
       if ((console.error("generation failed:", h), h.fatal))
@@ -35444,8 +35668,30 @@ async function T1() {
     no.classList.remove("active"),
     ai("stop", "End conversation"),
     Ia("connected"),
+    Aq(),
     yt.setConversationState("connected"));
 }
+function Aq() {
+  if (Es && Ht && typedPending) {
+    let e = typedPending;
+    ((typedPending = null), Ht.sendText(e));
+  }
+}
+var typedPending = null,
+  typedFormEl = on("#type-form"),
+  typedInputEl = on("#type-input");
+typedFormEl?.addEventListener("submit", (e) => {
+  e.preventDefault();
+  let t = (typedInputEl.value ?? "").trim();
+  if (!t) return;
+  if (!Es) return Jt(vh(ws));
+  if (Ht) {
+    if (Ht.status === "closed") return;
+    (Ht.sendText(t), (typedInputEl.value = ""));
+  } else if (xh !== "busy") {
+    ((typedPending = t), T1());
+  } else typedPending = t;
+});
 async function Wp(e = !1) {
   let t = Ht;
   if (((Ht = null), t?.close(), yt.setConversationState("idle"), Ts.classList.remove("visible"), !e)) Jt(Pa.idle);

index.html

@@ -57,6 +57,15 @@
       <footer id="controls">
         <div id="progress" hidden><div id="progress-fill"></div></div>
         <div id="caption">LOADING…</div>
+        <form id="type-form" autocomplete="off">
+          <input id="type-input" type="text" enterkeyhint="send" maxlength="2000" placeholder="O escríbele aquí…" />
+          <button id="send-btn" type="submit" aria-label="Enviar mensaje" title="Enviar">
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+              <line x1="22" y1="2" x2="11" y2="13"></line>
+              <polygon points="22 2 15 22 11 13 2 9 22 2"></polygon>
+            </svg>
+          </button>
+        </form>
         <div id="buttons">
           <button id="main-btn" disabled>
             <span id="main-btn-label">Loading…</span>

workers/model-worker.js

@@ -7,6 +7,7 @@
  * main -> worker:
  *   { kind: "load", model, system }
  *   { kind: "respond", id, audio }   a user turn, 16 kHz Float32
+ *   { kind: "respond", id, text }    a user turn typed in the chat box
  *   { kind: "abort", id }            barge-in: stop generating this turn
  *   { kind: "system", system }       new persona / instructions
  *   { kind: "reset" }                forget the conversation
@@ -121,8 +122,12 @@ async function load({ model: modelId, system: sys }) {
   post({ kind: "failed", name: lastErr?.name ?? "Error", message: lastErr?.message ?? String(lastErr) });
 }
 
-/** One user turn. */
-async function respond({ id, audio }) {
+/** One user turn: spoken (audio) or typed (text). */
+async function respond({ id, audio, text }) {
+  if (!audio && !text) {
+    post({ kind: "finished", id, reason: "noop" });
+    return;
+  }
   const controller = new AbortController();
   running.set(id, controller);
   const { signal } = controller;
@@ -137,7 +142,7 @@ async function respond({ id, audio }) {
   try {
     await prior;
     signal.throwIfAborted();
-    history.push({ role: "user", content: [{ type: "audio", audio }] });
+    history.push(audio ? { role: "user", content: [{ type: "audio", audio }] } : { role: "user", content: text });
 
     for (;;) {
       const stream = session.generate(messages(), { generation_mode: "interleaved", signal });