From 4d84afd65be80918dd6b56ae027f44a540671319 Mon Sep 17 00:00:00 2001
From: theoriginalcheese <41898282+theoriginalcheese@users.noreply.github.com>
Date: Wed, 5 Aug 2026 19:54:28 +0100
Subject: [PATCH] Windows Nebula WebView2 MCQ (glass default, Cursor-safe).
Frameless pywebview dialog with glass theme + starfield; freeze hardening under Cursor; Edge/tk fallbacks; docs and skill updates for Windows.
---
README.md | 3 +-
docs/WINDOWS.md | 41 +-
pyproject.toml | 1 +
scripts/test_windows_backend.py | 9 +-
skills/ask-multiple-choice/SKILL.md | 97 +--
src/ask_question_mcp/assets/dialog/dialog.css | 795 ++++++++++++++++++
src/ask_question_mcp/assets/dialog/dialog.js | 427 ++++++++++
src/ask_question_mcp/assets/dialog/entry.html | 133 +++
src/ask_question_mcp/assets/dialog/index.html | 69 ++
.../assets/dialog/manifest.webmanifest | 10 +
src/ask_question_mcp/assets/dialog/tokens.css | 102 +++
src/ask_question_mcp/capabilities.py | 5 +-
src/ask_question_mcp/doctor.py | 135 ++-
src/ask_question_mcp/platform_info.py | 2 +-
src/ask_question_mcp/win_edge_ask.py | 747 ++++++++++++++++
src/ask_question_mcp/win_list_ask.py | 39 +-
src/ask_question_mcp/win_webview_ask.py | 448 ++++++++++
src/ask_question_mcp/win_webview_entry_ask.py | 264 ++++++
src/ask_question_mcp/zenity_ask.py | 398 +++++++--
uv.lock | 192 ++++-
20 files changed, 3748 insertions(+), 169 deletions(-)
create mode 100644 src/ask_question_mcp/assets/dialog/dialog.css
create mode 100644 src/ask_question_mcp/assets/dialog/dialog.js
create mode 100644 src/ask_question_mcp/assets/dialog/entry.html
create mode 100644 src/ask_question_mcp/assets/dialog/index.html
create mode 100644 src/ask_question_mcp/assets/dialog/manifest.webmanifest
create mode 100644 src/ask_question_mcp/assets/dialog/tokens.css
create mode 100644 src/ask_question_mcp/win_edge_ask.py
create mode 100644 src/ask_question_mcp/win_webview_ask.py
create mode 100644 src/ask_question_mcp/win_webview_entry_ask.py
diff --git a/README.md b/README.md
index f3f5b2b..1917627 100644
--- a/README.md
+++ b/README.md
@@ -127,7 +127,8 @@ Full table: [Dialog UX (humans)](docs/AGENTS.md#dialog-ux-humans).
|-------|------|----|-------|--------|
| Ubuntu 24.04 + GNOME + PipeWire | Cursor | Yes | Yes | **Verified** (2026-07) |
| Same stack | Claude Code | Yes | Text-only | **Verified** (2026-07) — [@jackghx](https://github.com/jackghx) |
-| Windows 10/11 + tkinter | Cursor | Text | No | Phase 1 — **not yet reported** |
+| Windows 10/11 + WebView2 | Cursor | Text (Nebula UI) | No | Phase 2 UI — **Anthony laptop** |
+| Windows 10/11 + tkinter | Cursor | Text | No | Fallback if pywebview missing |
| macOS / headless CI | — | No | No | Unsupported / N/A |
More rows & how to report: [CONTRIBUTING.md](CONTRIBUTING.md).
diff --git a/docs/WINDOWS.md b/docs/WINDOWS.md
index c1db673..8ebf0bd 100644
--- a/docs/WINDOWS.md
+++ b/docs/WINDOWS.md
@@ -1,4 +1,4 @@
-# Windows (Anthony / Cursor) — Phase 1 handoff
+# Windows (Anthony / Cursor) — WebView2 Nebula dialog
Target user: **Anthony** ([@TheRealCheese](https://github.com/TheRealCheese)).
Goal: text-only `ask_multiple_choice` on **Cursor for Windows** without WSL.
@@ -6,19 +6,28 @@ Goal: text-only `ask_multiple_choice` on **Cursor for Windows** without WSL.
Canonical install steps: this file (and a one-line pointer from the
[README](../README.md#quick-start-linux)).
+## UI backend
+
+| Priority | Backend | Notes |
+| --- | --- | --- |
+| 1 (default) | **WebView2 + pywebview** | Nebula-styled floating dialog (`win_webview_ask.py`) |
+| 2 | tkinter | Fallback (`win_list_ask.py`) if pywebview missing |
+
+Force with env: `ASK_QUESTION_WIN_UI=webview` or `ASK_QUESTION_WIN_UI=tk`.
+
## Checklist for Anthony
-1. Python 3.12+ from python.org with **tcl/tk** → `python -c "import tkinter; print('ok')"`.
+1. Python 3.12+ (python.org). Edge WebView2 is already on Windows 11.
2. Install uv → `where uv` (absolute path to `uv.exe`).
-3. `git clone https://github.com/DynamicDevices/ask-question-mcp.git` then:
+3. In the checkout:
```bat
uv sync
uv run ask-question-install --host cursor --skill
```
- (or `git pull` + the same if you already have a clone).
4. Cursor → **Developer: Reload Window**.
-5. Ask the agent: call **`check_setup`** (expect `ready.ui` / `ready.text_mcq` true; `audio_mode` text_only).
-6. Smoke **`ask_multiple_choice`** — dialog should appear on top; pick an option.
+5. Ask the agent: call **`check_setup`** (expect `ready.ui` / `ready.text_mcq` true;
+ `webview` ok; `audio_mode` text_only).
+6. Smoke **`ask_multiple_choice`** — Nebula WebView2 dialog on top; pick an option.
7. Smoke **keyboard** — labels show `1 · …`; press **2**, wait for OK to arm,
**Enter**. **Esc** cancels. Footer hint: `1–8 select · Enter OK · Esc cancel`.
8. Smoke **Something else** — every MCQ should include a freeform row / entry; typing
@@ -37,30 +46,22 @@ Manual mcp.json edit is still fine if you skip the installer — use absolute
## Behaviour parity (vs Linux)
-Shared path (`zenity_ask` → `win_list_ask.py`):
-
-| Behaviour | Windows Phase 1 |
+| Behaviour | Windows |
| --- | --- |
| Something else always offered | Yes (same as Linux; `allow_other` ignored) |
| Danger mark **⛔** + confirm arm | Yes (`danger_arm.py`) |
| Danger banner wording | **⛔ Confirm** + lead ask (pink banner) |
-| Lead / detail (ask visible; tall referent scrolls) | Yes (`split_lead_detail`) |
+| Lead / detail (ask visible; tall referent scrolls) | Yes (`split_lead_detail` on tk; WebView body scrolls) |
| Red OK on danger | Yes |
| Voice / duck / STT | No (text-only) |
-| Image / images preview | No (ignored; text-only) |
-| Gtk footer / scroll layout fixes | N/A (tkinter layout) |
+| Image / images preview | No (ignored; text-only for now) |
| 1–8 hotkeys + Enter / Esc | Yes |
| Remember size/position | Yes (`prefs.window`) |
-| Scrollable options | Yes |
+| Aesthetic | Nebula glass WebView2 (frameless); tk fallback; optional Edge `--app` |
-## Out of scope (Phase 1)
+## Out of scope
- Spoken questions / mic answers / media duck
- WSL as the supported path
- macOS
-
-## After Anthony verifies
-
-Maintainers: update README Tested platforms Windows row to **Verified**, and
-optionally add a `VERIFIED_PLATFORMS` entry with `"system": "windows"` in
-[`platform_info.py`](../src/ask_question_mcp/platform_info.py).
+- Hosting the dialog *inside* the Cursor chat chrome (MCP has no custom panel API yet)
diff --git a/pyproject.toml b/pyproject.toml
index a1160ca..0739489 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -11,6 +11,7 @@ authors = [
]
dependencies = [
"mcp[cli]>=1.9.0",
+ "pywebview>=5.0",
]
[project.urls]
diff --git a/scripts/test_windows_backend.py b/scripts/test_windows_backend.py
index aa00b60..5f08973 100644
--- a/scripts/test_windows_backend.py
+++ b/scripts/test_windows_backend.py
@@ -15,6 +15,8 @@
from ask_question_mcp.zenity_ask import (
_WIN_ENTRY_ASK,
_WIN_LIST_ASK,
+ _WIN_WEBVIEW_ASK,
+ _WIN_WEBVIEW_ENTRY_ASK,
ui_backend,
)
@@ -22,6 +24,8 @@
def main() -> None:
assert _WIN_LIST_ASK.is_file(), _WIN_LIST_ASK
assert _WIN_ENTRY_ASK.is_file(), _WIN_ENTRY_ASK
+ assert _WIN_WEBVIEW_ASK.is_file(), _WIN_WEBVIEW_ASK
+ assert _WIN_WEBVIEW_ENTRY_ASK.is_file(), _WIN_WEBVIEW_ENTRY_ASK
if sys.platform == "win32":
assert ui_backend() == "win"
@@ -75,7 +79,10 @@ def main() -> None:
assert caps.audio_mode == "text_only"
assert caps.speak_active is False
assert caps.listen_active is False
- assert any("Windows Phase 1" in n for n in caps.notes)
+ assert any(
+ "Windows" in n and ("WebView2" in n or "Phase 1" in n or "tkinter" in n)
+ for n in caps.notes
+ )
# Ensure Linux UI-ready still requires DISPLAY when not Windows.
if sys.platform != "win32":
diff --git a/skills/ask-multiple-choice/SKILL.md b/skills/ask-multiple-choice/SKILL.md
index f5df775..6ac5020 100644
--- a/skills/ask-multiple-choice/SKILL.md
+++ b/skills/ask-multiple-choice/SKILL.md
@@ -1,19 +1,27 @@
---
name: ask-multiple-choice
description: >-
- Prefer desktop MCP ask_multiple_choice for decision forks — not markdown
- A/B/C. Use when choosing or confirming. Pass image=/images= when the human
- must judge a still in the dialog.
+ Desktop MCP ask_multiple_choice for every decision fork — Anthony's opinion
+ when stuck, choosing paths, confirming work, or picking options. Prefer this
+ over markdown A/B/C or host AskQuestion. Supports multi-select and optional
+ image= / images= previews. Use whenever the ask-question MCP is available
+ and a human choice is needed.
---
# Ask multiple choice (desktop MCP)
-**Need-band:** freedom — faster decisions without chat A/B/C noise.
+Cursor stand-in for Claude Code **AskUserQuestion**. **Need-band:** freedom —
+faster decisions without chat A/B/C noise.
-## When (auto)
+## When (auto — do not wait to be asked)
-Any **decision fork**: ship/wait, pick a path, confirm irreversible work,
-choose among options the human must decide.
+Any fork that needs **Anthony's opinion**, including when you are **stuck**:
+
+- ship / wait / pick a path
+- confirm irreversible or risky work
+- choose among concrete options
+- several answers may apply together → multi-select
+- preference unknown — ask; do not guess
## Do
@@ -27,63 +35,36 @@ choose among options the human must decide.
(always fully visible); put Command/To+body/path **before** meta notes.
Do **not** dump process templates, PATTERN blocks, or long meta into routine
forks. No meta about dialogs/voice.
-4. **Permission / action asks (Alex 2026-07-30):** state **what** Briar will do
- **and why** (one sentence each is enough). Opaque “run Task agents?” /
- “proceed?” without purpose is not enough — Alex must understand the aim.
+4. **Permission / action asks:** state **what** will happen **and why** (one
+ sentence each is enough). Opaque “proceed?” without purpose is not enough.
Pattern: `mcq-permission-what-and-why`.
-5. Mark preferred only as **`Label (recommended)`** + **`recommended_id`**.
-6. **`dangerous=true`** for irreversible / high-risk forks.
-7. **Images the human must judge** (Alex loves this — signed-off 2026-08-03):
- pass **`image=`** (one path / `file://` URI) or **`images=`** (list, max 4).
- Chat `Read` of a PNG does **not** put pixels in the MCQ — agents **must**
- pass the path into the dialog. Linux Gtk: opens large on the **primary**
- usable workarea (not the largest secondary); human can **click the preview**
- (large ↔ compact ~320px) and **maximize** (header button or **F**).
- **P0 — multi-image must never exceed primary usable resolution** (stack
- shares one height budget / scrolls inside). Text-only MCQs stay compact.
- Pattern: `mcq-with-image`.
-8. Wait for the JSON result. On cancel → stop. On freeform → use **`freeform_text`**.
-
-Humans use the dialog keyboard (**1–8**, Enter, Esc; **F** maximize when images);
-do not put hotkey instructions in `question`. Detail: repo `docs/AGENTS.md`
-(Dialog UX).
-
-## Voice — who is “I”? (Alex 2026-07-30)
-
-MCQs must not use ambiguous **I** / **you** for actions.
-
-| Role | How to refer |
-|------|----------------|
-| Human | **Alex** (or “Alex will…”) |
-| This assistant | **Briar** (or “Briar will…”) |
-
-**Do:** `Briar will restart the webhook` · `Alex approves the send` · option
-labels like `Briar sends now` / `Alex will edit first`.
-**Don't:** `I'll capture…` / `you refresh…` / `I mean the agent…` when either
-party could be “I”.
-
-Casual chat outside MCQs may still use normal I/you; **MCQ question + option
-labels** stay role-named. Pattern: `mcq-named-roles-alex-briar`.
+5. Mark preferred only as **`Label (recommended)`** + **`recommended_id`**
+ (or **`recommended_ids`** for multi).
+6. Set **`allow_multiple=true`** when more than one option can be correct together
+ (checklist). Default single-select otherwise.
+7. **`dangerous=true`** for irreversible / high-risk forks.
+8. **Images the human must judge:** pass **`image=`** (one path / `file://`) or
+ **`images=`** (list). Chat `Read` of a PNG does **not** put pixels in the MCQ.
+ Linux Gtk shows the preview in-dialog; Windows WebView path may ignore images
+ until wired.
+9. Wait for the JSON result.
+ - Cancel → **stop** (do not invent a choice).
+ - Freeform → honour **`freeform_text`**.
+ - Multi → use **`ids`** / **`labels`**.
+
+Humans use dialog keys (**1–8**, Enter, Esc); do not put hotkey text in
+`question`. Detail: repo `docs/AGENTS.md` (Dialog UX).
## Don't
- Markdown A/B/C, numbered lists, or host AskQuestion when this MCP is available
-- Desktop MCQ for clarifications / next steps when the ask originated over
- **WhatsApp admin inbound** — keep those on WhatsApp (Charlize voice or short
- text) per `cursor-pa-whatsapp` SOUL; desktop MCQ is for Cursor-session forks
- not originated on WA (unless Alex opts in). P0 send-gates to third parties
- may still use desktop MCQ.
-- Asking Alex to judge a still that exists only in chat when the dialog can take
- **`image=`** / **`images=`**
-- “Send now?” / “Ship it?” with no body/path when the human has not seen the draft
-- Permission MCQs that name a tool/action but omit **why** (Task agents, long
- scans, enable MCP, restart services, etc.)
-- Stuffing PATTERN/PROPOSAL/OWNS walls into every MCQ
-- Soft MCQs before a send-gate (“draft OK?”, “ready?”, “shall Briar send?”) —
- draft in chat, then **one** send-gate only (`email-one-send-gate`)
+- Asking the human to judge a still that exists only in chat when the dialog can
+ take **`image=`** / **`images=`**
+- Soft MCQs before a real send-gate — draft in chat, then one confirm
- `check_setup` before routine MCQs (only first enable, dialog failure, or before voice)
- Invent a choice after `cancelled: true`
-- Ambiguous **I/you** in MCQ question or option labels (use Alex / Briar)
+- Skip the dialog because the skill wasn't @-mentioned — the always-on user rule
+ still applies when the MCP is loaded
## Setup (humans)
@@ -92,4 +73,4 @@ cd /path/to/ask-question-mcp && uv sync
uv run ask-question-install --host cursor --skill
```
-Then reload the host. Detail: repo `docs/AGENTS.md`.
+Then reload the host. Windows: see `docs/WINDOWS.md`. Detail: `docs/AGENTS.md`.
diff --git a/src/ask_question_mcp/assets/dialog/dialog.css b/src/ask_question_mcp/assets/dialog/dialog.css
new file mode 100644
index 0000000..bd30353
--- /dev/null
+++ b/src/ask_question_mcp/assets/dialog/dialog.css
@@ -0,0 +1,795 @@
+*,
+*::before,
+*::after {
+ box-sizing: border-box;
+}
+
+html,
+body {
+ margin: 0;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ background: var(--ground);
+ font-family: var(--font-ui);
+ color: var(--text);
+ color-scheme: dark;
+ -webkit-font-smoothing: antialiased;
+ user-select: none;
+ -webkit-user-select: none;
+ scrollbar-width: none;
+}
+
+*::-webkit-scrollbar {
+ width: 0;
+ height: 0;
+ display: none;
+}
+
+body {
+ display: grid;
+ place-items: stretch;
+ position: relative;
+}
+
+/* Atmosphere lives inside .app so stars show through translucent .core. */
+.aura {
+ position: absolute;
+ inset: 0;
+ pointer-events: none;
+ z-index: 0;
+ overflow: hidden;
+}
+
+.aura-grain {
+ position: absolute;
+ inset: 0;
+ pointer-events: none;
+ z-index: 2;
+ opacity: 0.04;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
+ mix-blend-mode: overlay;
+}
+
+.aura::before,
+.aura::after {
+ content: "";
+ position: absolute;
+ border-radius: 50%;
+ filter: blur(64px);
+ opacity: 0.35;
+ will-change: transform;
+ animation: aura-drift 18s var(--ease-spring) infinite alternate;
+}
+
+.aura::before {
+ width: 55vmin;
+ height: 55vmin;
+ top: -12%;
+ right: -8%;
+ background: rgb(var(--orb-a) / 0.45);
+}
+
+.aura::after {
+ width: 48vmin;
+ height: 48vmin;
+ bottom: -18%;
+ left: -12%;
+ background: rgb(var(--orb-b) / 0.28);
+ animation-delay: -6s;
+ animation-duration: 22s;
+}
+
+[data-theme="ink"] .aura::before,
+[data-theme="ink"] .aura::after {
+ opacity: 0.12;
+ filter: blur(80px);
+}
+
+@keyframes aura-drift {
+ from {
+ transform: translate(0, 0) scale(1);
+ }
+ to {
+ transform: translate(-4%, 6%) scale(1.08);
+ }
+}
+
+/* Nebula star dust — one box-shadow field per layer, shared wind gust
+ (from nebula/spike/web). Height 200% + path to -50% Y for seamless wrap. */
+.stars {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 200%;
+ pointer-events: none;
+ animation: wind-drift var(--star-speed-near, 90s) linear infinite;
+}
+
+.stars.near {
+ animation-duration: var(--star-speed-near, 90s);
+}
+
+.stars.far {
+ animation-duration: var(--star-speed-far, 150s);
+ animation-delay: calc(var(--star-speed-far, 150s) * -0.32);
+ opacity: 0.78;
+}
+
+@keyframes wind-drift {
+ 0% {
+ transform: translate3d(0, 0, 0);
+ }
+ 18% {
+ transform: translate3d(18px, -9%, 0);
+ }
+ 38% {
+ transform: translate3d(32px, -19%, 0);
+ }
+ 58% {
+ transform: translate3d(20px, -31%, 0);
+ }
+ 78% {
+ transform: translate3d(3px, -41%, 0);
+ }
+ 100% {
+ transform: translate3d(-10px, -50%, 0);
+ }
+}
+
+.star {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 1px;
+ height: 1px;
+ background: transparent;
+ border-radius: 50%;
+}
+
+.star-dot {
+ position: absolute;
+ width: 3px;
+ height: 3px;
+ border-radius: 999px;
+ background: rgb(210 200 255 / 0.9);
+ box-shadow: 0 0 10px rgb(180 160 255 / 0.65);
+ opacity: 0.9;
+}
+
+.star-dot.is-far {
+ width: 2px;
+ height: 2px;
+ opacity: 0.55;
+ box-shadow: 0 0 6px rgb(180 160 255 / 0.4);
+}
+
+.star-dot.is-bright {
+ width: 4px;
+ height: 4px;
+ background: #fff;
+ box-shadow: 0 0 14px rgb(200 180 255 / 0.85);
+ opacity: 1;
+}
+
+.app {
+ position: relative;
+ z-index: 1;
+ width: 100%;
+ height: 100%;
+ padding: 0;
+ background: transparent;
+ border: 0;
+ border-radius: 0;
+ opacity: 0;
+ transform: translateY(16px);
+ transition:
+ opacity var(--enter-ms) var(--ease),
+ transform var(--enter-ms) var(--ease);
+}
+
+.app.is-ready {
+ opacity: 1;
+ transform: translateY(0);
+}
+
+.app.is-leaving {
+ opacity: 0;
+ transform: translateY(12px) scale(0.985);
+ pointer-events: none;
+ transition:
+ opacity var(--leave-ms) var(--ease),
+ transform var(--leave-ms) var(--ease);
+}
+
+.core {
+ position: relative;
+ z-index: 1;
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ height: 100%;
+ min-height: 0;
+ border-radius: 0;
+ background:
+ linear-gradient(180deg, rgb(255 255 255 / 0.035), transparent 32%),
+ rgb(var(--ground-rgb) / 0.55);
+ box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.06);
+ overflow: hidden;
+}
+
+.chrome {
+ flex: 0 0 auto;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 12px;
+ padding: 16px 18px 10px;
+ cursor: default;
+ background: transparent;
+ opacity: 0;
+ transform: translateY(8px);
+ transition:
+ opacity 640ms var(--ease),
+ transform 640ms var(--ease);
+ transition-delay: 40ms;
+}
+
+.app.is-ready .chrome {
+ opacity: 1;
+ transform: translateY(0);
+}
+
+.chrome-left {
+ display: flex;
+ align-items: center;
+ gap: 10px;
+ min-width: 0;
+}
+
+.eyebrow {
+ display: inline-flex;
+ align-items: center;
+ gap: 6px;
+ padding: 5px 11px;
+ border-radius: 999px;
+ font-size: 10px;
+ font-weight: 600;
+ letter-spacing: 0.18em;
+ text-transform: uppercase;
+ color: var(--accent-text);
+ background: rgb(var(--accent-rgb) / 0.12);
+ border: 1px solid rgb(var(--accent-rgb) / 0.22);
+ box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08);
+}
+
+.eyebrow.is-danger {
+ color: var(--danger-text);
+ background: var(--danger-bg);
+ border-color: var(--danger-border);
+}
+
+.agent {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ font-size: 12.5px;
+ font-weight: 500;
+ letter-spacing: 0.01em;
+ color: var(--text-secondary);
+}
+
+.close-btn {
+ width: 30px;
+ height: 30px;
+ border: 0;
+ border-radius: 999px;
+ background: rgb(var(--hairline-rgb) / 0.06);
+ color: var(--text-secondary);
+ cursor: pointer;
+ display: grid;
+ place-items: center;
+ box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.06);
+ transition:
+ background var(--hover-ms) var(--ease),
+ color var(--hover-ms) var(--ease),
+ transform var(--press-ms) var(--ease);
+}
+
+.close-btn:hover {
+ background: rgb(var(--hairline-rgb) / 0.12);
+ color: var(--text);
+}
+
+.close-btn:active {
+ transform: scale(var(--press-scale));
+}
+
+.close-btn svg {
+ width: 12px;
+ height: 12px;
+ stroke: currentColor;
+ stroke-width: 1.15;
+ fill: none;
+ stroke-linecap: round;
+}
+
+.body {
+ flex: 1;
+ min-height: 0;
+ display: flex;
+ flex-direction: column;
+ gap: 16px;
+ padding: 6px 18px 0;
+ overflow: hidden;
+}
+
+.question {
+ margin: 0;
+ font-size: 19px;
+ font-weight: 560;
+ letter-spacing: -0.03em;
+ line-height: 1.32;
+ color: var(--text);
+ opacity: 0;
+ transform: translateY(12px);
+ transition:
+ opacity 720ms var(--ease),
+ transform 720ms var(--ease);
+ transition-delay: 90ms;
+}
+
+.app.is-ready .question {
+ opacity: 1;
+ transform: translateY(0);
+}
+
+[data-theme="ink"] .question,
+[data-theme="hybrid"] .question {
+ font-weight: 520;
+ letter-spacing: -0.035em;
+}
+
+.banner {
+ display: none;
+ align-items: stretch;
+ gap: 0;
+ padding: 2px;
+ border-radius: calc(var(--r-tile) + 2px);
+ background: rgb(var(--ember-rgb) / 0.12);
+ border: 1px solid rgb(var(--ember-rgb) / 0.22);
+ overflow: hidden;
+}
+
+.banner.is-on {
+ display: flex;
+}
+
+.banner-inner {
+ display: flex;
+ flex: 1;
+ border-radius: var(--r-tile);
+ overflow: hidden;
+ background: var(--danger-bg);
+}
+
+.banner-accent {
+ width: 3px;
+ background: var(--ember);
+ flex: 0 0 auto;
+}
+
+.banner-copy {
+ padding: 11px 13px;
+ font-size: 12.5px;
+ line-height: 1.4;
+ color: var(--danger-text);
+}
+
+.options {
+ flex: 1 1 auto;
+ min-height: 48px;
+ overflow: auto;
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+ padding: 2px 2px 8px;
+ scrollbar-width: none;
+ -ms-overflow-style: none;
+}
+
+/* Double-bezel option tiles */
+.option-shell {
+ padding: 2px;
+ border-radius: calc(var(--r-tile) + 2px);
+ background: rgb(var(--hairline-rgb) / 0.04);
+ border: 1px solid rgb(var(--hairline-rgb) / 0.07);
+ opacity: 0;
+ transform: translateY(14px);
+ transition:
+ opacity 700ms var(--ease),
+ transform 700ms var(--ease),
+ border-color var(--hover-ms) var(--ease),
+ background var(--hover-ms) var(--ease);
+}
+
+.app.is-ready .option-shell {
+ opacity: 1;
+ transform: translateY(0);
+}
+
+.option-shell.is-selected {
+ background: rgb(var(--accent-rgb) / 0.14);
+ border-color: rgb(var(--accent-rgb) / 0.32);
+}
+
+.option-shell.is-danger.is-selected {
+ background: rgb(var(--ember-rgb) / 0.12);
+ border-color: rgb(var(--ember-rgb) / 0.32);
+}
+
+.option {
+ position: relative;
+ display: flex;
+ align-items: center;
+ gap: 12px;
+ width: 100%;
+ padding: 13px 14px;
+ border: 0;
+ border-radius: var(--r-tile-inner);
+ background: rgb(var(--card-core-rgb) / 0.88);
+ color: var(--text);
+ text-align: left;
+ cursor: pointer;
+ box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.07);
+ transition:
+ background var(--hover-ms) var(--ease),
+ transform var(--press-ms) var(--ease),
+ box-shadow var(--hover-ms) var(--ease);
+}
+
+.option:hover {
+ background: rgb(var(--raised-rgb) / 0.72);
+}
+
+.option:active {
+ transform: scale(var(--press-scale));
+}
+
+.option-shell.is-selected .option {
+ background: rgb(var(--accent-rgb) / 0.14);
+ box-shadow:
+ inset 0 1px 0 rgb(255 255 255 / 0.1),
+ 0 0 0 1px rgb(var(--accent-rgb) / 0.08);
+}
+
+[data-theme="signal"] .option-shell.is-selected .option {
+ box-shadow:
+ inset 0 1px 0 rgb(255 255 255 / 0.1),
+ 0 0 24px rgb(var(--accent-rgb) / 0.18);
+}
+
+.option-shell.is-danger.is-selected .option {
+ background: rgb(var(--ember-rgb) / 0.12);
+}
+
+.hotkey {
+ flex: 0 0 auto;
+ width: 24px;
+ height: 24px;
+ border-radius: 8px;
+ display: grid;
+ place-items: center;
+ font-size: 11px;
+ font-weight: 600;
+ font-family: var(--font-mono);
+ color: var(--text-tertiary);
+ background: rgb(var(--hairline-rgb) / 0.05);
+ border: 1px solid rgb(var(--hairline-rgb) / 0.08);
+ transition:
+ color var(--hover-ms) var(--ease),
+ background var(--hover-ms) var(--ease),
+ border-color var(--hover-ms) var(--ease);
+}
+
+.option-shell.is-selected .hotkey {
+ color: var(--accent-text);
+ background: rgb(var(--accent-rgb) / 0.18);
+ border-color: rgb(var(--accent-rgb) / 0.28);
+}
+
+.option-label {
+ flex: 1;
+ min-width: 0;
+ font-size: 13.5px;
+ line-height: 1.35;
+ letter-spacing: -0.01em;
+}
+
+.rec-pill {
+ flex: 0 0 auto;
+ padding: 4px 9px;
+ border-radius: 999px;
+ font-size: 9px;
+ font-weight: 650;
+ letter-spacing: 0.16em;
+ text-transform: uppercase;
+ color: var(--accent-text);
+ background: rgb(var(--accent-rgb) / 0.14);
+ border: 1px solid rgb(var(--accent-rgb) / 0.22);
+}
+
+.mark {
+ flex: 0 0 auto;
+ font-size: 12px;
+ opacity: 0.9;
+}
+
+.freeform {
+ flex: 0 0 auto;
+ flex-shrink: 0;
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+ padding: 12px 18px 0;
+ border-top: 1px solid rgb(var(--hairline-rgb) / 0.06);
+ opacity: 0;
+ transform: translateY(10px);
+ transition:
+ opacity 680ms var(--ease),
+ transform 680ms var(--ease);
+ transition-delay: 160ms;
+}
+
+.app.is-ready .freeform {
+ opacity: 1;
+ transform: translateY(0);
+}
+
+.freeform-label {
+ font-size: 10.5px;
+ letter-spacing: 0.14em;
+ text-transform: uppercase;
+ color: var(--text-eyebrow);
+}
+
+.freeform-shell {
+ padding: 3px;
+ border-radius: calc(var(--r-control) + 3px);
+ background: rgb(var(--hairline-rgb) / 0.045);
+ border: 1px solid rgb(var(--hairline-rgb) / 0.08);
+}
+
+.freeform-input {
+ width: 100%;
+ min-height: 58px;
+ max-height: 120px;
+ padding: 11px 13px;
+ border: 0;
+ border-radius: var(--r-control);
+ background: rgb(var(--card-core-rgb) / 0.92);
+ color: var(--text);
+ font: inherit;
+ font-size: 13px;
+ line-height: 1.45;
+ outline: none;
+ resize: vertical;
+ box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.05);
+ transition: box-shadow var(--hover-ms) var(--ease);
+ user-select: text;
+ -webkit-user-select: text;
+}
+
+.freeform-input::placeholder {
+ color: var(--text-tertiary);
+}
+
+.freeform-input:focus {
+ box-shadow:
+ inset 0 1px 0 rgb(255 255 255 / 0.05),
+ 0 0 0 2px rgb(var(--accent-rgb) / 0.32);
+}
+
+.footer {
+ flex: 0 0 auto;
+ flex-shrink: 0;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 12px;
+ padding: 14px 18px 16px;
+ opacity: 0;
+ transform: translateY(10px);
+ transition:
+ opacity 680ms var(--ease),
+ transform 680ms var(--ease);
+ transition-delay: 200ms;
+}
+
+.app.is-ready .footer {
+ opacity: 1;
+ transform: translateY(0);
+}
+
+.hint {
+ font-size: 11px;
+ color: var(--text-tertiary);
+ letter-spacing: 0.01em;
+}
+
+.actions {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+}
+
+.btn {
+ display: inline-flex;
+ align-items: center;
+ gap: 8px;
+ height: 42px;
+ padding: 0 18px 0 20px;
+ border: 0;
+ border-radius: 999px;
+ font: inherit;
+ font-size: 13px;
+ font-weight: 550;
+ letter-spacing: -0.01em;
+ cursor: pointer;
+ transition:
+ background var(--hover-ms) var(--ease),
+ color var(--hover-ms) var(--ease),
+ transform var(--press-ms) var(--ease),
+ opacity var(--hover-ms) var(--ease),
+ box-shadow var(--hover-ms) var(--ease);
+}
+
+.btn:active:not(:disabled) {
+ transform: scale(var(--press-scale));
+}
+
+.btn:disabled {
+ opacity: 0.42;
+ cursor: default;
+}
+
+.btn-ghost {
+ background: rgb(var(--hairline-rgb) / 0.06);
+ color: var(--text-secondary);
+ box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.05);
+}
+
+.btn-ghost:hover:not(:disabled) {
+ background: rgb(var(--hairline-rgb) / 0.1);
+ color: var(--text);
+}
+
+.option-check {
+ flex: 0 0 auto;
+ width: 18px;
+ height: 18px;
+ border-radius: 999px;
+ border: 1px solid rgb(var(--hairline-rgb) / 0.14);
+ background: transparent;
+ display: grid;
+ place-items: center;
+ opacity: 0;
+ transform: scale(0.7);
+ transition:
+ opacity var(--hover-ms) var(--ease),
+ transform var(--hover-ms) var(--ease),
+ background var(--hover-ms) var(--ease),
+ border-color var(--hover-ms) var(--ease);
+}
+
+.option-check svg {
+ width: 10px;
+ height: 10px;
+ stroke: var(--ground-deep);
+ stroke-width: 2;
+ fill: none;
+ stroke-linecap: round;
+ stroke-linejoin: round;
+}
+
+.option-shell.is-selected .option-check {
+ opacity: 1;
+ transform: scale(1);
+ background: var(--accent-text);
+ border-color: transparent;
+}
+
+.btn-primary {
+ position: relative;
+ overflow: hidden;
+ background: var(--text);
+ color: var(--ground-deep);
+ box-shadow: 0 8px 28px rgb(0 0 0 / 0.22);
+}
+
+.btn-primary .arm-fill {
+ position: absolute;
+ inset: 0 auto 0 0;
+ width: 0%;
+ background: rgb(var(--accent-rgb) / 0.22);
+ pointer-events: none;
+ transition: width 200ms linear;
+}
+
+.btn-primary.is-arming .arm-fill {
+ transition: width linear;
+}
+
+.btn-primary .btn-label,
+.btn-primary .btn-icon {
+ position: relative;
+ z-index: 1;
+}
+
+.btn-primary:hover:not(:disabled) {
+ background: #fff;
+}
+
+.btn-primary.is-danger {
+ background: var(--ember);
+ color: #1a0610;
+}
+
+.btn-primary.is-danger:hover:not(:disabled) {
+ background: #ff7a94;
+}
+
+.btn-icon {
+ width: 28px;
+ height: 28px;
+ margin-right: -8px;
+ border-radius: 999px;
+ display: grid;
+ place-items: center;
+ background: rgb(0 0 0 / 0.12);
+ transition: transform var(--hover-ms) var(--ease);
+}
+
+.btn-primary:hover:not(:disabled) .btn-icon {
+ transform: translate(1px, -1px) scale(1.06);
+}
+
+.btn-icon svg {
+ width: 12px;
+ height: 12px;
+ stroke: currentColor;
+ stroke-width: 1.35;
+ fill: none;
+ stroke-linecap: round;
+ stroke-linejoin: round;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .aura::before,
+ .aura::after,
+ .stars,
+ .app,
+ .chrome,
+ .question,
+ .option-shell,
+ .freeform,
+ .footer,
+ .btn,
+ .btn-icon,
+ .close-btn,
+ .option {
+ animation: none !important;
+ transition: none !important;
+ }
+
+ .app,
+ .chrome,
+ .question,
+ .option-shell,
+ .freeform,
+ .footer {
+ opacity: 1;
+ transform: none;
+ }
+}
diff --git a/src/ask_question_mcp/assets/dialog/dialog.js b/src/ask_question_mcp/assets/dialog/dialog.js
new file mode 100644
index 0000000..0099d84
--- /dev/null
+++ b/src/ask_question_mcp/assets/dialog/dialog.js
@@ -0,0 +1,427 @@
+(() => {
+ const OTHER_IDS = new Set(["other", "something_else", "something-else"]);
+ const state = {
+ payload: null,
+ selected: new Set(),
+ armed: false,
+ typing: false,
+ };
+
+ const $ = (sel) => document.querySelector(sel);
+
+ function esc(s) {
+ return String(s)
+ .replaceAll("&", "&")
+ .replaceAll("<", "<")
+ .replaceAll(">", ">")
+ .replaceAll('"', """);
+ }
+
+ function stripHotkeyPrefix(label) {
+ return String(label || "").replace(/^\d+\s*[·.]\s*/, "").trim();
+ }
+
+ async function apiCall(name, ...args) {
+ // Edge --app / localhost bridge (no pywebview — killable, no destroy hang).
+ const bridge = window.__ASK_BRIDGE__;
+ if (bridge && typeof bridge === "string") {
+ if (name === "content_ready" || name === "resize_to") {
+ try {
+ await fetch(`${bridge}/event`, {
+ method: "POST",
+ headers: { "Content-Type": "application/json" },
+ body: JSON.stringify({ name, args }),
+ });
+ } catch (_) {
+ /* ignore */
+ }
+ return null;
+ }
+ const res = await fetch(`${bridge}/api`, {
+ method: "POST",
+ headers: { "Content-Type": "application/json" },
+ body: JSON.stringify({ name, args }),
+ });
+ if (!res.ok) {
+ throw new Error(`bridge api.${name} HTTP ${res.status}`);
+ }
+ const data = await res.json();
+ return data.result;
+ }
+
+ const api = window.pywebview && window.pywebview.api;
+ if (!api || typeof api[name] !== "function") {
+ throw new Error(`pywebview api.${name} unavailable`);
+ }
+ return api[name](...args);
+ }
+
+ function setArmed(armed) {
+ state.armed = armed;
+ const ok = $("#ok-btn");
+ if (!ok) return;
+ ok.disabled = !armed;
+ ok.classList.toggle("is-arming", !armed);
+ const danger = ok.classList.contains("is-danger");
+ if (armed) {
+ const fill = ok.querySelector(".arm-fill");
+ if (fill) fill.style.width = "100%";
+ ok.innerHTML = `
+
+ OK
+
+ `;
+ if (danger) ok.classList.add("is-danger");
+ }
+ }
+
+ function armCountdown(ms) {
+ const ok = $("#ok-btn");
+ if (ms <= 0) {
+ setArmed(true);
+ return;
+ }
+ setArmed(false);
+ ok.innerHTML = `
+
+ OK
+
+ `;
+ const fill = ok.querySelector(".arm-fill");
+ const started = performance.now();
+ const tick = (now) => {
+ if (state.armed) return;
+ const t = Math.min(1, (now - started) / ms);
+ if (fill) fill.style.width = `${(t * 100).toFixed(1)}%`;
+ if (t >= 1) {
+ setArmed(true);
+ return;
+ }
+ requestAnimationFrame(tick);
+ };
+ requestAnimationFrame(tick);
+ }
+
+ function spawnDots() {
+ if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
+ return;
+ }
+ const layers = [
+ { sel: "#stars-near", n: 48, cls: "star-dot is-near" },
+ { sel: "#stars-far", n: 36, cls: "star-dot is-far" },
+ ];
+ layers.forEach(({ sel, n, cls }) => {
+ const el = $(sel);
+ if (!el) {
+ apiCall("debug", `stars missing ${sel}`).catch(() => {});
+ return;
+ }
+ el.innerHTML = "";
+ for (let i = 0; i < n; i += 1) {
+ const d = document.createElement("span");
+ d.className = cls;
+ if (i % 9 === 0) d.classList.add("is-bright");
+ d.style.left = `${(Math.random() * 100).toFixed(2)}%`;
+ d.style.top = `${(Math.random() * 100).toFixed(2)}%`;
+ el.appendChild(d);
+ }
+ apiCall("debug", `stars baked ${sel} n=${n}`).catch(() => {});
+ });
+ }
+
+ function renderOptions() {
+ const p = state.payload;
+ const box = $("#options");
+ box.innerHTML = "";
+ const dangerIds = new Set(p.danger_ids || []);
+ const recommended = new Set(p.recommended_ids || []);
+
+ (p.ids || []).forEach((id, i) => {
+ const shell = document.createElement("div");
+ shell.className = "option-shell";
+ shell.dataset.id = id;
+ shell.style.transitionDelay = `${100 + i * 70}ms`;
+ if (dangerIds.has(id)) shell.classList.add("is-danger");
+ if (state.selected.has(id)) shell.classList.add("is-selected");
+
+ const btn = document.createElement("button");
+ btn.type = "button";
+ btn.className = "option";
+ btn.dataset.id = id;
+ if (dangerIds.has(id)) btn.classList.add("is-danger");
+
+ const rawLabel = stripHotkeyPrefix(p.labels?.[id] || id);
+ const raw = rawLabel.replace(/\s*\(recommended\)\s*/gi, " ").trim() || rawLabel;
+ const mark = dangerIds.has(id) ? '⛔' : "";
+ const rec = recommended.has(id)
+ ? 'Recommended'
+ : "";
+ btn.innerHTML = `
+ ${i + 1}
+ ${esc(raw)}
+ ${rec}
+ ${mark}
+
+
+
+ `;
+ btn.addEventListener("click", () => onPick(id));
+ shell.appendChild(btn);
+ box.appendChild(shell);
+ });
+ }
+
+ function syncSelectionUi() {
+ document.querySelectorAll(".option-shell").forEach((el) => {
+ el.classList.toggle("is-selected", state.selected.has(el.dataset.id));
+ });
+ }
+
+ function onPick(id) {
+ const multi = !!state.payload.allow_multiple;
+ if (multi) {
+ if (state.selected.has(id)) state.selected.delete(id);
+ else state.selected.add(id);
+ } else {
+ state.selected = new Set([id]);
+ }
+ syncSelectionUi();
+ }
+
+ function freeformText() {
+ return ($("#freeform-input")?.value || "").trim();
+ }
+
+ async function leaveGently() {
+ const app = $("#app");
+ if (!app || app.classList.contains("is-leaving")) return;
+ app.classList.add("is-leaving");
+ await new Promise((r) => setTimeout(r, 280));
+ }
+
+ async function submit() {
+ if (!state.armed) return;
+ const typed = freeformText();
+ let ids = [...state.selected];
+ if (typed) {
+ const other = (state.payload.ids || []).find((id) => OTHER_IDS.has(id));
+ if (other && !ids.includes(other)) ids = [other];
+ if (!other) ids = ids.length ? ids : ["other"];
+ }
+ if (!ids.length) return;
+ await leaveGently();
+ try {
+ await apiCall("submit", ids, typed || null);
+ } catch (err) {
+ console.error(err);
+ }
+ try {
+ window.close();
+ } catch (_) {
+ /* Edge --app may ignore */
+ }
+ }
+
+ async function cancel(reason = "user cancelled") {
+ await leaveGently();
+ try {
+ await apiCall("cancel", reason);
+ } catch (err) {
+ console.error(err);
+ }
+ try {
+ window.close();
+ } catch (_) {
+ /* ignore */
+ }
+ }
+
+ function onKey(e) {
+ const typing =
+ document.activeElement &&
+ document.activeElement.id === "freeform-input";
+ if (e.key === "Escape") {
+ e.preventDefault();
+ cancel();
+ return;
+ }
+ if (e.key === "Enter" && !e.shiftKey) {
+ if (typing) {
+ // Enter submits; Shift+Enter inserts a newline in the textarea.
+ e.preventDefault();
+ const other = (state.payload.ids || []).find((id) => OTHER_IDS.has(id));
+ if (freeformText() && other) state.selected = new Set([other]);
+ submit();
+ return;
+ }
+ e.preventDefault();
+ submit();
+ return;
+ }
+ if (typing) return;
+ if (/^[1-8]$/.test(e.key)) {
+ const idx = Number(e.key) - 1;
+ const id = state.payload.ids?.[idx];
+ if (id) {
+ e.preventDefault();
+ onPick(id);
+ }
+ }
+ }
+
+ function mount(payload) {
+ state.payload = payload;
+ spawnDots();
+ const theme = String(payload.theme || "glass").toLowerCase();
+ const app = $("#app");
+ if (app) {
+ app.dataset.theme = ["glass", "ink", "signal", "hybrid"].includes(theme)
+ ? theme
+ : "glass";
+ }
+ const pre = payload.preselect || payload.recommended_ids || [];
+ state.selected = new Set(
+ pre.length ? pre.map(String) : payload.ids?.[0] ? [payload.ids[0]] : [],
+ );
+
+ const dangerous = !!(payload.dangerous || (payload.danger_ids || []).length);
+ $("#eyebrow").textContent = dangerous ? "Confirm" : "Decide";
+ $("#eyebrow").classList.toggle("is-danger", dangerous);
+ $("#title-agent").textContent = payload.agent_hint || payload.title || "";
+ $("#question").textContent = payload.question || "";
+
+ const banner = $("#banner");
+ banner.classList.toggle("is-on", dangerous);
+ $("#banner-copy").textContent = dangerous
+ ? `⛔ Confirm — ${payload.question || ""}`
+ : "";
+
+ const ok = $("#ok-btn");
+ ok.classList.toggle("is-danger", dangerous);
+
+ const showOther = payload.allow_other !== false;
+ $("#freeform").hidden = !showOther;
+ if (showOther) {
+ $("#freeform-input").addEventListener("input", () => {
+ const typed = freeformText();
+ if (!typed) return;
+ const other = (payload.ids || []).find((id) => OTHER_IDS.has(id));
+ if (other) {
+ state.selected = new Set([other]);
+ syncSelectionUi();
+ }
+ });
+ }
+
+ renderOptions();
+
+ const n = Math.min(8, (payload.ids || []).length);
+ const hint = $("#hint");
+ if (hint) {
+ hint.textContent =
+ n <= 1
+ ? "Enter OK · Esc cancel"
+ : `1–${n} select · Enter OK · Esc cancel · Shift+Enter newline`;
+ }
+
+ document.addEventListener("keydown", onKey);
+ $("#cancel-btn").addEventListener("click", () => cancel());
+ $("#close-btn").addEventListener("click", () => cancel());
+ $("#ok-btn").addEventListener("click", () => submit());
+
+ const armMs =
+ typeof payload.arm_ms === "number"
+ ? payload.arm_ms
+ : dangerous
+ ? 4000
+ : 1000;
+ armCountdown(armMs);
+ apiCall("debug", `mount:arm_ms=${armMs}`).catch(() => {});
+
+ // Visible before raise — opacity:0 + raise looked like a black void,
+ // and Edge --app throttles rAF when unfocused.
+ $("#app").classList.add("is-ready");
+ apiCall("content_ready").catch(() => {});
+ apiCall("debug", "mount:content_ready_sent").catch(() => {});
+ requestAnimationFrame(() => fitWindow());
+
+ if (payload.timeout_sec > 0) {
+ setTimeout(() => cancel("timeout"), payload.timeout_sec * 1000);
+ }
+ }
+
+ function fitWindow() {
+ const chrome = document.querySelector(".chrome");
+ const banner = document.getElementById("banner");
+ const question = document.getElementById("question");
+ const options = document.getElementById("options");
+ const freeform = document.getElementById("freeform");
+ const footer = document.querySelector(".footer");
+ let h = 28;
+ [chrome, question, freeform, footer].forEach((el) => {
+ if (el && !el.hidden) h += el.offsetHeight;
+ });
+ if (banner && banner.classList.contains("is-on")) {
+ h += banner.offsetHeight + 8;
+ }
+ // Gaps in .body
+ h += 42;
+ let optsH = 0;
+ if (options) {
+ options.querySelectorAll(".option").forEach((o) => {
+ optsH += o.offsetHeight + 8;
+ });
+ // Scroll options beyond this — keep freeform + footer on screen.
+ h += Math.min(optsH, 420);
+ }
+ const w = Math.max(520, Math.min(760, window.outerWidth || 560));
+ apiCall("resize_to", w, Math.ceil(h)).catch(() => {});
+ }
+
+ async function boot() {
+ const waitApi = () =>
+ new Promise((resolve, reject) => {
+ const tryNow = () => {
+ if (window.__ASK_BRIDGE__) {
+ resolve();
+ return true;
+ }
+ if (window.pywebview && window.pywebview.api) {
+ resolve();
+ return true;
+ }
+ return false;
+ };
+ if (tryNow()) return;
+ window.addEventListener("pywebviewready", () => tryNow());
+ let n = 0;
+ const iv = setInterval(() => {
+ n += 1;
+ if (tryNow()) {
+ clearInterval(iv);
+ return;
+ }
+ if (n > 100) {
+ clearInterval(iv);
+ reject(new Error("dialog bridge unavailable (pywebview / Edge)"));
+ }
+ }, 50);
+ });
+
+ await waitApi();
+ apiCall("debug", "boot:api_ready").catch(() => {});
+ const payload = await apiCall("get_payload");
+ apiCall("debug", `boot:payload n=${(payload && payload.ids || []).length}`).catch(
+ () => {},
+ );
+ mount(payload || {});
+ apiCall("debug", "boot:mounted").catch(() => {});
+ }
+
+ boot().catch((err) => {
+ console.error(err);
+ document.body.innerHTML = `${esc(
+ String(err),
+ )}`;
+ });
+})();
\ No newline at end of file
diff --git a/src/ask_question_mcp/assets/dialog/entry.html b/src/ask_question_mcp/assets/dialog/entry.html
new file mode 100644
index 0000000..b5a293b
--- /dev/null
+++ b/src/ask_question_mcp/assets/dialog/entry.html
@@ -0,0 +1,133 @@
+
+
+
+
+
+ Something else
+
+
+
+
+
+
+
+
+
+ Something else
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Decide
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+