omni-playground 0.1.0

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -0,0 +1,73 @@
+# omni-playground
+
+A local web playground for **multimodal generation** — chat, text-to-image, image editing and
+video generation against a [vLLM-omni](https://github.com/vllm-project/vllm-omni) server.
+Ships as a single npm package with zero runtime dependencies: run one command, get a UI.
+
+```
+npx omni-playground --target http://<your-vllm-omni-host>:8091
+```
+
+Then open <http://127.0.0.1:3888>.
+
+## What you get
+
+| Page  | Endpoint                              | Highlights                                                                 |
+| ----- | ------------------------------------- | -------------------------------------------------------------------------- |
+| Chat  | `POST /v1/chat/completions`           | SSE streaming, image & audio attachments, sampling controls, markdown       |
+| Image | `POST /v1/images/generations`         | negative prompt, steps / guidance / cfg / seed, gallery + download          |
+| Edit  | `POST /v1/images/edits`               | multi-image upload (multipart), strength, source vs. result comparison      |
+| Video | `POST /v1/videos` (async jobs)        | t2v / i2v via reference image, live progress polling, inline playback, download, per-stage timing & peak-memory metrics |
+| Audio | `POST /v1/audio/speech` · `/v1/audio/generate` · `WS /v1/audio/speech/stream` | TTS with voice picker (`/v1/audio/voices`), speed, zero-shot voice clone (ref audio + transcript), voice library upload/delete; text-to-sound with length / steps / guidance; optional streaming TTS with progressive per-sentence playback |
+| Realtime | `WS /v1/realtime`                     | Voice chat — mic in (PCM16 @ 16 kHz) → text + voice reply (PCM16 @ 24 kHz), with an inline player + WAV download per reply. **Auto mode** uses client-side VAD for hands-free turns (speech starts a turn, silence ends it, auto re-arm); **push-to-talk** mode for manual control. The endpoint itself has no server VAD (`session.update` → `commit` → `append` → `commit final`) |
+| Vid Chat | `WS /v1/video/chat/stream` · `WS /v1/realtime/video` | **Chat:** sample frames from an uploaded clip in-browser, stream them up, get a text + spoken reply. **Generate:** prompt → generated video streamed back as fragmented-MP4 chunks (needs a video-generation model) |
+
+All requests are proxied through the local server (`/api/* → target`), so the browser never talks
+to the inference host directly and no CORS configuration is needed on the vLLM side. WebSocket
+upgrades on `/api/*` are tunneled through the same gateway, so the realtime/streaming endpoints
+work with no extra setup.
+
+The four streaming endpoints (`/v1/realtime`, `/v1/audio/speech/stream`, `/v1/video/chat/stream`,
+`/v1/realtime/video`) are **WebSocket** routes — they don't appear in the target's `openapi.json`
+(FastAPI omits WebSocket routes). Their event protocols are implemented in `web/src/lib/realtime.ts`
+(realtime voice) and `web/src/lib/streams.ts` (the other three).
+
+## CLI
+
+```
+omni-playground [options]
+
+  -t, --target <url>   vLLM-omni base URL   (default http://127.0.0.1:8091, env OMNI_TARGET)
+  -p, --port <port>    port to listen on    (default 3888, env OMNI_PORT)
+  -H, --host <host>    host to bind         (default 127.0.0.1, env OMNI_HOST)
+      --open           open the browser after start
+```
+
+The target can also be changed at runtime from the **Settings** drawer in the UI. An optional API
+key set in Settings is forwarded as a `Bearer` token. The Settings drawer also has **GPU memory**
+controls (`/v1/omni/sleep` · `/v1/omni/wakeup`) to offload/reload pipeline stages between runs; the
+per-stage acks are surfaced, so you can tell when a backend doesn't support sleep.
+
+## Development
+
+```bash
+npm install
+OMNI_TARGET=http://127.0.0.1:8091 npm run dev   # vite dev server on :3889, /api proxied
+npm run build                                   # type-check + build to dist/web
+npm start -- --target http://127.0.0.1:8091     # run the packaged CLI locally
+```
+
+The upstream API surface is captured in
+[`docs/vllm-omni-openapi.json`](https://github.com/FayeSpica/omni-playground/blob/main/docs/vllm-omni-openapi.json);
+`web/src/lib/types.ts` is hand-distilled from it.
+
+## Notes
+
+- Which pages actually produce output depends on what the target server has loaded: an omni chat
+  model serves the Chat page, diffusion models serve the Image/Edit/Video pages. Endpoints that
+  are not backed by a loaded model return an error, which the UI surfaces verbatim.
+- Node.js ≥ 18 is required.
+
+## License
+
+Apache-2.0

package/bin/omni-playground.js

@@ -0,0 +1,62 @@
+#!/usr/bin/env node
+import { startServer } from '../server/index.js'
+
+const HELP = `
+omni-playground — local web playground for vLLM-omni
+
+Usage:
+  omni-playground [options]
+
+Options:
+  -t, --target <url>   vLLM-omni base URL (default: http://127.0.0.1:8091, env: OMNI_TARGET)
+  -p, --port <port>    port to listen on (default: 3888, env: OMNI_PORT)
+  -H, --host <host>    host to bind (default: 127.0.0.1, env: OMNI_HOST)
+      --open           open the browser after start
+  -h, --help           show this help
+`
+
+function parseArgs(argv) {
+  const opts = {
+    target: process.env.OMNI_TARGET || 'http://127.0.0.1:8091',
+    port: Number(process.env.OMNI_PORT || 3888),
+    host: process.env.OMNI_HOST || '127.0.0.1',
+    open: false,
+  }
+  for (let i = 0; i < argv.length; i++) {
+    const a = argv[i]
+    if (a === '-t' || a === '--target') opts.target = argv[++i]
+    else if (a === '-p' || a === '--port') opts.port = Number(argv[++i])
+    else if (a === '-H' || a === '--host') opts.host = argv[++i]
+    else if (a === '--open') opts.open = true
+    else if (a === '-h' || a === '--help') {
+      console.log(HELP)
+      process.exit(0)
+    } else {
+      console.error(`unknown option: ${a}`)
+      console.log(HELP)
+      process.exit(1)
+    }
+  }
+  if (!Number.isInteger(opts.port) || opts.port <= 0 || opts.port > 65535) {
+    console.error(`invalid port: ${opts.port}`)
+    process.exit(1)
+  }
+  try {
+    new URL(opts.target)
+  } catch {
+    console.error(`invalid target URL: ${opts.target}`)
+    process.exit(1)
+  }
+  return opts
+}
+
+const opts = parseArgs(process.argv.slice(2))
+startServer(opts).then(({ url }) => {
+  if (opts.open) {
+    const cmd =
+      process.platform === 'darwin' ? 'open' : process.platform === 'win32' ? 'start' : 'xdg-open'
+    import('node:child_process').then(({ spawn }) =>
+      spawn(cmd, [url], { stdio: 'ignore', detached: true }).unref()
+    )
+  }
+})

package/dist/web/assets/index-B56r5dOo.css

@@ -0,0 +1 @@
+@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bricolage-grotesque-vietnamese-400-normal-B7Iv8-Rg.woff2)format("woff2"),url(/assets/bricolage-grotesque-vietnamese-400-normal-Sle7MYWg.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bricolage-grotesque-latin-ext-400-normal-D42HmrHD.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-ext-400-normal-BH175q6o.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bricolage-grotesque-latin-400-normal-A6LyuA6R.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-400-normal-D89K-qEP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/bricolage-grotesque-vietnamese-600-normal-Ipewt4hn.woff2)format("woff2"),url(/assets/bricolage-grotesque-vietnamese-600-normal-BppAn7jL.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/bricolage-grotesque-latin-ext-600-normal-CN5JKkBm.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-ext-600-normal-DF26P3Q7.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/bricolage-grotesque-latin-600-normal-nxTgbNFE.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-600-normal-Bw0J83-2.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/bricolage-grotesque-vietnamese-700-normal-BLYPkJbo.woff2)format("woff2"),url(/assets/bricolage-grotesque-vietnamese-700-normal-CHrFuVHU.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/bricolage-grotesque-latin-ext-700-normal-fBkt-7fi.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-ext-700-normal-BXpPFNFj.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/bricolage-grotesque-latin-700-normal-gtcctNPv.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-700-normal-DvJDmrLu.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-sans-latin-ext-400-normal-Q_nF8v4l.woff2)format("woff2"),url(/assets/instrument-sans-latin-ext-400-normal-r32jotim.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-sans-latin-400-normal-DRC__1Mx.woff2)format("woff2"),url(/assets/instrument-sans-latin-400-normal-D1W7dsQl.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/instrument-sans-latin-ext-500-normal-CTEe1bJa.woff2)format("woff2"),url(/assets/instrument-sans-latin-ext-500-normal-CAxz3nsc.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/instrument-sans-latin-500-normal-Dk9ku72i.woff2)format("woff2"),url(/assets/instrument-sans-latin-500-normal-Z6ESRlEs.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/instrument-sans-latin-ext-600-normal-BsaQcF38.woff2)format("woff2"),url(/assets/instrument-sans-latin-ext-600-normal-DMks36a2.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/instrument-sans-latin-600-normal-B7fBEWYG.woff2)format("woff2"),url(/assets/instrument-sans-latin-600-normal-B9e8oLYv.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg0:#100f0d;--bg1:#17150f;--bg2:#1e1b15;--bg3:#262218;--line:#2b261d;--line-strong:#3d362a;--text:#ece7db;--text-dim:#a29a8a;--text-faint:#6e6759;--amber:#ffb224;--amber-dim:#b97d12;--amber-glow:#ffb22424;--green:#93d95e;--red:#ff6b57;--cyan:#6fc7d8;--font-display:"Bricolage Grotesque", "Instrument Sans", sans-serif;--font-body:"Instrument Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--radius:6px;--rail-w:216px;--form-w:360px}*{box-sizing:border-box}input[type=range],input[type=checkbox]{accent-color:var(--amber)}html,body,#root{height:100%;margin:0}body{background:var(--bg0);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.55}::selection{background:var(--amber);color:#100f0d}body:after{content:"";pointer-events:none;z-index:999;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);border:2px solid var(--bg0);border-radius:5px}::-webkit-scrollbar-track{background:0 0}.app{grid-template-columns:var(--rail-w) 1fr;height:100%;display:grid}.rail{border-right:1px solid var(--line);background:radial-gradient(420px 260px at -60px -80px, var(--amber-glow), transparent 70%), var(--bg1);flex-direction:column;gap:4px;padding:20px 14px 14px;display:flex}.rail__brand{font-family:var(--font-display);letter-spacing:.01em;padding:2px 10px 18px;font-size:17px;font-weight:700;line-height:1.15}.rail__brand em{color:var(--amber);font-style:normal}.rail__brand small{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.14em;text-transform:uppercase;margin-top:5px;font-size:10px;font-weight:400;display:block}.rail__nav{flex-direction:column;gap:2px;display:flex}.rail__item{border-radius:var(--radius);color:var(--text-dim);font-family:var(--font-body);text-align:left;cursor:pointer;background:0 0;border:0;align-items:baseline;gap:10px;padding:9px 10px;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.rail__item:hover{color:var(--text);background:var(--bg2)}.rail__item.is-active{color:var(--amber);background:linear-gradient(90deg, var(--amber-glow), transparent 85%);box-shadow:inset 2px 0 0 var(--amber)}.rail__item .idx{font-family:var(--font-mono);color:var(--text-faint);width:18px;font-size:10px}.rail__item.is-active .idx{color:var(--amber-dim)}.rail__foot{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin-top:auto;padding-top:12px;display:flex}.rail__conn{font-family:var(--font-mono);color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;padding:4px 10px;font-size:10.5px;display:flex;overflow:hidden}.led{background:var(--text-faint);border-radius:50%;flex:none;width:8px;height:8px}.led--on{background:var(--green);animation:3s ease-in-out infinite breathe;box-shadow:0 0 8px #93d95e99}.led--off{background:var(--red);box-shadow:0 0 6px #ff6b5780}@keyframes breathe{50%{opacity:.55}}.main{flex-direction:column;min-width:0;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:var(--bg1);align-items:center;gap:16px;padding:14px 24px;display:flex}.topbar h1{font-family:var(--font-display);letter-spacing:.005em;margin:0;font-size:21px;font-weight:600}.topbar__sub{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;padding-top:4px;font-size:10.5px}.topbar__right{align-items:center;gap:10px;margin-left:auto;display:flex}.workbench{grid-template-columns:var(--form-w) 1fr;flex:1;min-height:0;display:grid}.workbench__form{border-right:1px solid var(--line);background:var(--bg1);flex-direction:column;gap:16px;padding:20px;display:flex;overflow-y:auto}.workbench__results{min-width:0;padding:24px;overflow-y:auto}.field{flex-direction:column;gap:6px;display:flex}.field__label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);justify-content:space-between;align-items:baseline;font-size:10px;font-weight:500;display:flex}.field__label .hint{color:var(--text-faint);letter-spacing:.04em;text-transform:none}.input,.textarea,.select{background:var(--bg0);border:1px solid var(--line-strong);border-radius:var(--radius);width:100%;color:var(--text);font-family:var(--font-body);outline:none;padding:8px 10px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.input:focus,.textarea:focus,.select:focus{border-color:var(--amber-dim);box-shadow:0 0 0 3px var(--amber-glow)}.textarea{resize:vertical;min-height:84px;line-height:1.5}.input--mono{font-family:var(--font-mono);font-size:12.5px}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%236e6759'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:26px}.row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.row--3{grid-template-columns:1fr 1fr 1fr}.btn{border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--bg2);color:var(--text);font-family:var(--font-body);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:13.5px;font-weight:600;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex}.btn:hover{border-color:var(--text-faint)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--amber);border-color:var(--amber);color:#16130c}.btn--primary:hover{background:#ffc14d;border-color:#ffc14d}.btn--primary:disabled{background:var(--bg3);border-color:var(--bg3);color:var(--text-faint);cursor:not-allowed}.btn--ghost{background:0 0}.btn--sm{padding:5px 10px;font-size:12px}.btn--danger:hover{border-color:var(--red);color:var(--red)}.adv{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg0)}.adv summary{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;padding:9px 12px;font-size:10px;list-style:none}.adv summary:before{content:"▸ ";color:var(--amber-dim)}.adv[open] summary:before{content:"▾ "}.adv__body{flex-direction:column;gap:12px;padding:4px 12px 14px;display:flex}.drop{border:1px dashed var(--line-strong);border-radius:var(--radius);text-align:center;color:var(--text-faint);cursor:pointer;padding:18px 12px;font-size:12.5px;transition:border-color .15s,background .15s}.drop:hover,.drop.is-over{border-color:var(--amber-dim);background:var(--amber-glow);color:var(--text-dim)}.drop__thumbs{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.drop__thumb{border:1px solid var(--line-strong);border-radius:4px;width:72px;height:72px;position:relative;overflow:hidden}.drop__thumb img,.drop__thumb video{object-fit:cover;width:100%;height:100%}.drop__thumb .rm{width:18px;height:18px;color:var(--red);cursor:pointer;background:#000000b3;border:0;border-radius:3px;font-size:11px;line-height:1;position:absolute;top:2px;right:2px}.drop__file{font-family:var(--font-mono);color:var(--text-dim);background:var(--bg2);border:1px solid var(--line-strong);border-radius:4px;align-items:center;gap:8px;padding:4px 8px;font-size:11px;display:inline-flex}.chip{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line-strong);color:var(--text-dim);border-radius:999px;align-items:center;gap:6px;padding:3px 8px;font-size:10px;display:inline-flex}.chip:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.chip--queued{color:var(--text-dim)}.chip--in_progress{color:var(--amber);border-color:var(--amber-dim);animation:1.6s ease-in-out infinite breathe}.chip--completed{color:var(--green);border-color:#93d95e66}.chip--failed{color:var(--red);border-color:#ff6b5766}.progress{background:var(--bg0);border:1px solid var(--line);border-radius:4px;height:8px;overflow:hidden}.progress__bar{background:repeating-linear-gradient(-55deg, var(--amber), var(--amber) 6px, var(--amber-dim) 6px, var(--amber-dim) 12px);background-size:200% 100%;height:100%;transition:width .5s;animation:1.2s linear infinite filmroll}@keyframes filmroll{to{background-position:-17px 0}}.results-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;display:grid}.card{background:var(--bg1);border:1px solid var(--line);border-radius:8px;animation:.35s both cardin;overflow:hidden}@keyframes cardin{0%{opacity:0;transform:translateY(8px)}}.card__media{background:#000;width:100%;display:block}.card__media img,.card__media video{object-fit:contain;width:100%;max-height:420px;display:block}.card__body{flex-direction:column;gap:8px;padding:10px 12px 12px;display:flex}.card__prompt{color:var(--text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;display:-webkit-box;overflow:hidden}.card__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.meta{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.03em;font-size:10px}.meta b{color:var(--text-dim);font-weight:500}.chat{grid-template-columns:1fr var(--form-w);flex:1;min-height:0;display:grid}.chat__main{flex-direction:column;min-width:0;min-height:0;display:flex}.chat__scroll{flex-direction:column;flex:1;gap:18px;padding:24px 28px;display:flex;overflow-y:auto}.chat__aside{border-left:1px solid var(--line);background:var(--bg1);flex-direction:column;gap:16px;padding:20px;display:flex;overflow-y:auto}.msg{max-width:78%;animation:.25s both cardin}.msg--user{align-self:flex-end}.msg--assistant{align-self:flex-start}.msg__who{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin-bottom:4px;font-size:9.5px}.msg--user .msg__who{text-align:right;color:var(--amber-dim)}.msg__bubble{border-radius:10px;padding:10px 14px;font-size:14px}.msg--user .msg__bubble{background:var(--bg3);border:1px solid var(--line-strong);border-bottom-right-radius:3px}.msg--assistant .msg__bubble{background:var(--bg1);border:1px solid var(--line);border-bottom-left-radius:3px}.msg__bubble>:first-child{margin-top:0}.msg__bubble>:last-child{margin-bottom:0}.msg__bubble pre{background:var(--bg0);border:1px solid var(--line);font-family:var(--font-mono);border-radius:6px;padding:10px 12px;font-size:12px;overflow-x:auto}.msg__bubble code{font-family:var(--font-mono);background:var(--bg0);border-radius:4px;padding:1px 5px;font-size:.9em}.msg__bubble pre code{background:0 0;padding:0}.msg__atts{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-bottom:6px;display:flex}.msg__atts img{border:1px solid var(--line-strong);border-radius:6px;max-width:140px;max-height:140px}.msg__audio{align-items:center;gap:8px;margin-top:8px;display:flex}.msg__audio audio{flex:1;min-width:220px;height:34px}.msg__genimg{border:1px solid var(--line-strong);border-radius:6px;max-width:100%;max-height:360px;margin-top:8px;display:block}.cursor-blink:after{content:"▌";color:var(--amber);animation:.9s step-end infinite blink}@keyframes blink{50%{opacity:0}}.chat__composer{border-top:1px solid var(--line);background:var(--bg1);flex-direction:column;gap:8px;padding:14px 20px 16px;display:flex}.chat__inputrow{align-items:flex-end;gap:10px;display:flex}.chat__inputrow .textarea{min-height:44px;max-height:200px}.empty{height:100%;min-height:220px;color:var(--text-faint);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.empty__mark{border:2px solid var(--line-strong);border-radius:50%;width:44px;height:44px;position:relative}.empty__mark:after{content:"";background:var(--amber-dim);opacity:.5;border-radius:50%;position:absolute;inset:13px}.empty p{max-width:340px;margin:0;font-size:13px}.empty .k{font-family:var(--font-mono);font-size:11px}.drawer-veil{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40;background:#08070599;animation:.2s fadein;position:fixed;inset:0}@keyframes fadein{0%{opacity:0}}.drawer{background:var(--bg1);border-left:1px solid var(--line-strong);z-index:41;flex-direction:column;gap:18px;width:380px;padding:24px;animation:.25s cubic-bezier(.2,.8,.2,1) slidein;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes slidein{0%{opacity:0;transform:translate(30px)}}.drawer h2{font-family:var(--font-display);margin:0;font-size:18px;font-weight:600}.drawer__note{color:var(--text-faint);font-size:12px;line-height:1.5}.error-banner{color:var(--red);border-radius:var(--radius);font-family:var(--font-mono);word-break:break-all;white-space:pre-wrap;background:#ff6b5714;border:1px solid #ff6b5766;max-height:130px;padding:9px 12px;font-size:11.5px;overflow-y:auto}.section-title{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);border-bottom:1px solid var(--line);justify-content:space-between;margin:6px 0 14px;padding-bottom:6px;font-size:10px;display:flex}.rt-meter{background:var(--bg3);border:1px solid var(--line);border-radius:999px;flex:1;height:8px;overflow:hidden}.rt-meter__fill{background:linear-gradient(90deg, var(--amber-dim), var(--amber));height:100%;transition:width 80ms linear}.rt-cam{aspect-ratio:16/9;background:var(--bg0);border:1px solid var(--line);border-radius:var(--radius);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.rt-cam video{object-fit:cover;width:100%;height:100%}.rt-cam__off{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);font-size:11px;position:absolute}