pipeline-moe 0.1.0

package/src/sse.ts

@@ -0,0 +1,86 @@
+// Minimal Server-Sent Events hub. One process-wide hub; every connected client
+// receives every event. Payloads are small and JSON-serialisable.
+
+import type { Response } from "express"
+
+export type SseEventName =
+  | "roster" // full roster snapshot
+  | "message" // a completed transcript line (user or agent)
+  | "token" // a streaming text delta from an agent
+  | "activity" // a tool-call start/end from an agent (live process visibility)
+  | "reasoning" // a streaming thinking delta from an agent (ephemeral)
+  | "status" // a participant status change
+  | "receipt" // a work receipt (filesystem diff)
+  | "notice" // an informational/error notice
+  | "turn" // a routing turn lifecycle marker (phases: start, end, chain, parallel, pause, resume)
+  | "workspace" // live workspace file listing
+  | "circuit_breaker" // agent repeated similar output N times — pipeline aborted
+  | "settings" // room settings change (e.g. chaining toggle)
+  | "routing" // semi/manual routing: a handoff proposal awaiting approval, or its resolution
+  | "transcript" // full transcript replacement (on conversation switch)
+  | "conversations" // saved-conversation list + current id
+  | "providers" // provider auth status changed (after add/remove)
+  | "oauth_progress" // OAuth login progress (device code, success, error)
+  | "room" // room lifecycle event (created, destroyed)
+
+export const DEFAULT_SSE_MAX_CLIENTS = 10
+
+export class SseHub {
+  /**
+   * Map from Response to the roomId this client is subscribed to.
+   * undefined = global subscriber (receives all events).
+   * string    = room-filtered subscriber (receives events for that room + global events).
+   */
+  private clients = new Map<Response, string | undefined>()
+
+  constructor(readonly maxClients: number = DEFAULT_SSE_MAX_CLIENTS) {}
+
+  /**
+   * Register a new SSE client.
+   * @param res  Express response to write events to.
+   * @param roomId  Optional room filter. If set, this client only receives events
+   *                tagged with matching roomId, plus events with no roomId tag (global).
+   */
+  addClient(res: Response, roomId?: string): void {
+    if (this.clients.size >= this.maxClients) {
+      res.writeHead(429, "Too Many SSE Connections")
+      res.end()
+      return
+    }
+    res.setHeader("Content-Type", "text/event-stream")
+    res.setHeader("Cache-Control", "no-cache, no-transform")
+    res.setHeader("Connection", "keep-alive")
+    res.setHeader("X-Accel-Buffering", "no")
+    res.flushHeaders?.()
+    res.write(`: connected\n\n`)
+    this.clients.set(res, roomId)
+    res.on("close", () => this.clients.delete(res))
+  }
+
+  /**
+   * Broadcast an event to subscribers.
+   * @param roomId  Optional originating room. If set, only clients subscribed to
+   *                that room (or global, unfiltered clients) receive it. If omitted,
+   *                the event reaches everyone — used for process-global events like
+   *                room lifecycle (created/destroyed/renamed).
+   */
+  broadcast(event: SseEventName, data: unknown, roomId?: string): void {
+    const frame = `event: ${event}\ndata: ${JSON.stringify(data)}\n\n`
+    for (const [res, clientRoomId] of this.clients) {
+      // Skip if this client has a room filter AND the event targets a different room.
+      // Events with no roomId (global lifecycle events) reach everyone.
+      if (clientRoomId !== undefined && roomId !== undefined && clientRoomId !== roomId) {
+        continue
+      }
+      try {
+        res.write(frame)
+      } catch {
+        this.clients.delete(res)
+      }
+    }
+  }
+
+  get clientCount(): number {
+    return this.clients.size
+  }
+}

package/src/sshfs.ts

@@ -0,0 +1,139 @@
+// SSHFS room scope — mount a remote directory (user@host:/path) as a local
+// FUSE mountpoint so a room can be scoped to a directory on another machine.
+//
+// The mount is transparent to everything downstream: the sandbox, work-receipt
+// snapshots, and the workspace listing all see a plain local directory. Only
+// the mount/unmount lifecycle lives here.
+//
+// Caveat: bash still runs LOCALLY with the mountpoint as cwd. File I/O (read,
+// write, edit, grep, find) traverses FUSE to the remote host, but processes
+// (node, python, git) execute on this machine. This is "Option A" — remote
+// files, local execution. Remote execution would be a different architecture.
+
+import { execFile } from "node:child_process"
+import { promisify } from "node:util"
+import { mkdir, rmdir, readdir } from "node:fs/promises"
+import { join } from "node:path"
+
+const execFileAsync = promisify(execFile)
+
+/** Base directory under which per-room mountpoints are created. */
+export const MOUNT_BASE = "/tmp/pipeline-moe-mounts"
+
+/** Mount metadata recorded for an sshfs-scoped room. */
+export interface RoomMount {
+  /** Local FUSE mountpoint used as the room's workspaceDir. */
+  mountpoint: string
+  /** The original user@host:/path target, for display/diagnostics. */
+  sshTarget: string
+}
+
+/** Matches an sshfs target: user@host:/path (path may be absolute or relative). */
+const SSH_TARGET_RE = /^[^@\s]+@[^:\s]+:.+$/
+
+/** True when the string looks like an sshfs target (user@host:/path), not a
+ *  local path. A local path (absolute or relative) has no `user@host:` prefix. */
+export function isSshTarget(s: string): boolean {
+  return SSH_TARGET_RE.test(s.trim())
+}
+
+/** The deterministic local mountpoint for a room. roomId is already sanitised
+ *  upstream ([a-zA-Z0-9_-] only), so this cannot escape MOUNT_BASE. */
+export function mountpointFor(roomId: string): string {
+  return join(MOUNT_BASE, roomId)
+}
+
+/** Whether the sshfs binary is available on this machine. */
+export async function sshfsAvailable(): Promise<boolean> {
+  try {
+    await execFileAsync("sshfs", ["--version"])
+    return true
+  } catch {
+    return false
+  }
+}
+
+/**
+ * Mount an sshfs target at the room's deterministic mountpoint and return the
+ * local mountpoint path (to be used as the room's workspaceDir).
+ *
+ * Throws with a clear message when:
+ *  - the target is not a valid user@host:/path string
+ *  - sshfs is not installed
+ *  - the mount command fails (key auth, unreachable host, bad remote path)
+ *
+ * On mount failure the empty mountpoint dir is removed so we don't leak it.
+ */
+export async function mountSshfs(roomId: string, sshTarget: string): Promise<string> {
+  const target = sshTarget.trim()
+  if (!isSshTarget(target)) {
+    throw new Error(`"${target}" is not a valid SSH target (expected user@host:/path)`)
+  }
+  if (!(await sshfsAvailable())) {
+    throw new Error("sshfs is not installed — run `sudo pacman -S sshfs`")
+  }
+
+  const mountpoint = mountpointFor(roomId)
+  // A previous run may have left a live/stale mount at this deterministic path
+  // (e.g. the process was SIGKILLed before teardown). Mounting over a leftover
+  // FUSE mount fails with "fusermount3: … Permission denied", so clear it
+  // best-effort first. Safe: duplicate roomIds are rejected upstream, so no
+  // active room owns this mountpoint when we reach here.
+  await unmountSshfs(mountpoint).catch(() => {})
+  await mkdir(mountpoint, { recursive: true })
+
+  try {
+    await execFileAsync("sshfs", [
+      target,
+      mountpoint,
+      // BatchMode: fail immediately on auth prompt (no hanging on password).
+      // reconnect + keepalive: survive WireGuard blips without dropping the mount.
+      "-o",
+      "BatchMode=yes,reconnect,ServerAliveInterval=15,ServerAliveCountMax=3",
+    ])
+  } catch (err) {
+    // Roll back the empty mountpoint dir so a failed mount leaves no trace.
+    await rmdir(mountpoint).catch(() => {})
+    const msg = err instanceof Error ? err.message : String(err)
+    throw new Error(`sshfs mount failed for "${target}": ${msg}`)
+  }
+
+  return mountpoint
+}
+
+/**
+ * Unmount an sshfs mountpoint and remove the (now empty) mountpoint dir.
+ * Idempotent and best-effort: a mountpoint that is already unmounted or never
+ * existed does not throw — teardown must always succeed.
+ */
+export async function unmountSshfs(mountpoint: string): Promise<void> {
+  try {
+    await execFileAsync("fusermount3", ["-u", mountpoint])
+  } catch {
+    // Fall back to fusermount (non-suffixed) on systems without fusermount3.
+    try {
+      await execFileAsync("fusermount", ["-u", mountpoint])
+    } catch {
+      // Already unmounted, never mounted, or binary missing — nothing to do.
+    }
+  }
+  // Remove the empty mountpoint dir. Fails harmlessly if still busy or gone.
+  await rmdir(mountpoint).catch(() => {})
+}
+
+/**
+ * Unmount every leftover mountpoint under MOUNT_BASE. Run once at startup to
+ * clear mounts leaked by a prior process that didn't tear down cleanly (a crash
+ * or SIGKILL skips the normal unmount, so the sshfs mount survives and blocks a
+ * later re-mount at the same deterministic path). restoreRooms() then re-mounts
+ * the rooms that are still valid.
+ */
+export async function cleanupStaleMounts(): Promise<void> {
+  let entries: string[]
+  try {
+    entries = await readdir(MOUNT_BASE)
+  } catch {
+    return // base dir absent — nothing to clean
+  }
+  await Promise.all(entries.map((e) => unmountSshfs(join(MOUNT_BASE, e))))
+}

package/src/store.ts

@@ -0,0 +1,79 @@
+// Conversation persistence: one JSON file per group discussion under
+// config.sessionsDir. The store knows nothing about live sessions — it only
+// reads/writes Conversation snapshots. The Room owns the live<->disk mapping.
+
+import { mkdir, readdir, readFile, rename, unlink, writeFile } from "node:fs/promises"
+import { join } from "node:path"
+import { assertInside } from "./path-guard.js"
+import { config } from "./config.js"
+import type { Conversation, ConversationMeta } from "./types.js"
+
+export function conversationMeta(conv: Conversation): ConversationMeta {
+  return {
+    id: conv.id,
+    title: conv.title,
+    createdAt: conv.createdAt,
+    updatedAt: conv.updatedAt,
+    messageCount: conv.transcript.length,
+  }
+}
+
+export class ConversationStore {
+  constructor(private readonly dir: string = config.sessionsDir) {}
+
+  async init(): Promise<void> {
+    await mkdir(this.dir, { recursive: true })
+  }
+
+  private file(id: string): string {
+    const path = join(this.dir, `${id}.json`)
+    assertInside(this.dir, path)
+    return path
+  }
+
+  /** All saved conversations as metadata, most-recently-updated first. */
+  async list(): Promise<ConversationMeta[]> {
+    let names: string[]
+    try {
+      names = await readdir(this.dir)
+    } catch {
+      return []
+    }
+    const metas: ConversationMeta[] = []
+    for (const name of names) {
+      // meta.json is per-room metadata (RoomManager), not a conversation snapshot.
+      if (!name.endsWith(".json") || name === "meta.json") continue
+      try {
+        const conv = JSON.parse(await readFile(join(this.dir, name), "utf8")) as Conversation
+        metas.push(conversationMeta(conv))
+      } catch {
+        // Skip unreadable / half-written files rather than crashing the list.
+      }
+    }
+    metas.sort((a, b) => b.updatedAt - a.updatedAt)
+    return metas
+  }
+
+  async read(id: string): Promise<Conversation | null> {
+    try {
+      return JSON.parse(await readFile(this.file(id), "utf8")) as Conversation
+    } catch {
+      return null
+    }
+  }
+
+  /** Atomic write (tmp + rename) so the list never sees a partial file. */
+  async write(conv: Conversation): Promise<void> {
+    const tmp = `${this.file(conv.id)}.tmp`
+    await writeFile(tmp, JSON.stringify(conv, null, 2), "utf8")
+    await rename(tmp, this.file(conv.id))
+  }
+
+  async remove(id: string): Promise<void> {
+    try {
+      await unlink(this.file(id))
+    } catch {
+      // Already gone — fine.
+    }
+  }
+}

package/src/types.ts

@@ -0,0 +1,131 @@
+// Shared types for the Pipeline-MoE backend.
+
+/** A persona/agent definition. `tools` is a pi built-in tool allowlist. */
+export interface Persona {
+  /** Stable slug, also used as @mention handle (lowercase). */
+  id: string
+  /** Display name. */
+  name: string
+  /** Hex color for the UI avatar. */
+  color: string
+  /** Emoji/icon for the UI avatar. */
+  icon: string
+  /** pi built-in tool allowlist: read, bash, edit, write, grep, find, ls. */
+  tools: string[]
+  /** Persona instructions appended to pi's default system prompt. */
+  systemPrompt: string
+  /** Optional per-agent model as "provider/id". Undefined → the process default
+   *  (PIPELINE_MODEL / first local). Lets each role run on its own architecture. */
+  model?: string
+  /** Per-agent thinking/effort level. Undefined → inherit from global PIPELINE_THINKING. */
+  thinkingLevel?: "off" | "minimal" | "low" | "medium" | "high" | "xhigh"
+  /** Custom instructions for context compaction — tells the summarizer what to preserve vs discard for this role. */
+  compactionInstructions?: string
+}
+
+export type ParticipantStatus = "idle" | "active" | "thinking" | "working" | "compacting" | "retrying"
+
+/** One tool call an agent made during a turn — what it did, not just the result. */
+export interface ToolActivity {
+  /** Stable id from pi, used to match the start event with its end. */
+  toolCallId: string
+  /** e.g. "bash", "read", "write", "edit". */
+  toolName: string
+  /** The arguments the agent passed (command, path, …). */
+  args?: unknown
+  status: "running" | "ok" | "error"
+  /** Truncated string form of the tool result, set on completion. */
+  result?: string
+  ts: number
+}
+
+/** A transcript line in the shared room. */
+export interface TranscriptEntry {
+  /** Monotonic index into the room transcript. */
+  index: number
+  /** Author: "user" or a participant id. */
+  author: string
+  /** Display name of the author. */
+  authorName: string
+  text: string
+  ts: number
+  /** Tool calls made while producing this message (agent messages only). */
+  activity?: ToolActivity[]
+  /** Reasoning trace, if any (agent messages only). */
+  reasoning?: string
+  /** Paths to saved images (relative to workspace), e.g. "media/abc123.png". */
+  images?: string[]
+  /** If this message is a question posed to the user via ask_user, the question text. */
+  question?: string
+}
+
+/** A file-change receipt produced by diffing the workspace around an agent turn. */
+export interface WorkReceipt {
+  participantId: string
+  created: string[]
+  modified: string[]
+  deleted: string[]
+}
+
+/** A persona plus its runtime flags, as persisted inside a conversation. */
+export interface PersonaState extends Persona {
+  active: boolean
+  /** May run concurrently with adjacent parallel-flagged agents (lane-capped:
+   *  local agents still serialize on the single llama slot). Optional for
+   *  back-compat with conversations saved before this existed. */
+  parallel?: boolean
+}
+
+/** A saved group conversation: its roster, transcript, and settings. */
+/** How agent→agent handoffs are routed within a room.
+ *  - `auto`   — @mentions chain directly (default).
+ *  - `semi`   — each proposed handoff pauses for human approval before dispatch.
+ *  - `manual` — no agent→agent chaining; the human routes every step. */
+export type RoutingMode = "auto" | "semi" | "manual"
+
+/** A human decision on a proposed handoff (semi/manual routing). */
+export interface RouteDecision {
+  action: "approve" | "redirect" | "drop"
+  /** For 'redirect': the agent id(s) to route to instead of the proposal. */
+  targetIds?: string[]
+}
+
+export interface Conversation {
+  id: string
+  title: string
+  createdAt: number
+  updatedAt: number
+  /** Whether agent→agent chaining was on for this discussion. Derived from
+   *  `routingMode` (auto/semi → true, manual → false); kept for back-compat. */
+  chaining: boolean
+  /** Routing mode for this discussion. Absent in older saved conversations —
+   *  derived from `chaining` on load. */
+  routingMode?: RoutingMode
+  /** Agent that receives messages with no @mention. null = first active. */
+  defaultAgent: string | null
+  /** Agent that receives routing fallback when no @mention is found in an agent's reply. null = disabled. */
+  fallbackAgent?: string | null
+  /** Whether the circuit breaker was enabled for this discussion. Defaults to
+   *  config.circuitBreaker when absent (back-compat). */
+  circuitBreaker?: boolean
+  /** Default thinking level for agents without a per-agent override.
+   *  Defaults to config.thinkingLevel when absent. */
+  defaultThinkingLevel?: "off" | "minimal" | "low" | "medium" | "high" | "xhigh"
+  /** Whether cloud models are allowed in this discussion.
+   *  Defaults to config.allowCloud when absent. */
+  allowCloud?: boolean
+  /** Reserve tokens for auto-compaction. Defaults to 38000 when absent. */
+  compactionReserveTokens?: number
+  /** The roster (personas + active flags) this discussion ran with. */
+  personas: PersonaState[]
+  transcript: TranscriptEntry[]
+}
+
+/** Lightweight conversation descriptor for the UI picker. */
+export interface ConversationMeta {
+  id: string
+  title: string
+  createdAt: number
+  updatedAt: number
+  messageCount: number
+}

package/src/validation.ts

@@ -0,0 +1,36 @@
+// Validation utilities extracted from server.ts for testability.
+
+import type { Persona } from "./types.js"
+
+export const VALID_TOOLS = new Set(["read", "bash", "edit", "write", "grep", "find", "ls", "web_search", "web_read", "youtube_transcript", "arxiv_search", "youcom_search"])
+
+function slug(s: string): string {
+  return s
+    .toLowerCase()
+    .trim()
+    .replace(/[^a-z0-9]+/g, "-")
+    .replace(/^-+|-+$/g, "")
+}
+
+export function parsePersona(body: Record<string, unknown>): Persona {
+  const name = String(body.name ?? "").trim()
+  if (!name) throw new Error("`name` is required")
+  const id = slug(String(body.id ?? name))
+  if (!id) throw new Error("could not derive a valid id from name")
+
+  const tools = Array.isArray(body.tools)
+    ? body.tools.map(String).filter((t) => VALID_TOOLS.has(t))
+    : ["read", "grep", "find", "ls"]
+
+  const systemPrompt = String(body.systemPrompt ?? "").trim()
+  if (!systemPrompt) throw new Error("`systemPrompt` is required")
+
+  return {
+    id,
+    name,
+    color: String(body.color ?? "#888888"),
+    icon: String(body.icon ?? "🤖"),
+    tools,
+    systemPrompt,
+  }
+}

package/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
+    "lib": ["ES2022"],
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "resolveJsonModule": true,
+    "noEmit": true,
+    "types": ["node"]
+  },
+  "include": ["src"]
+}

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

@@ -0,0 +1 @@
+:root{--bg: #0c0e14;--bg2: #11141d;--bg3: #161a26;--border: #232838;--text: #d7dbe7;--muted: #7d8499;--accent: #5dcaa5;--danger: #f0726a;font-family:ui-monospace,JetBrains Mono,SF Mono,Menlo,monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-size:13px}.app{display:grid;grid-template-columns:232px 1fr 260px;height:100vh;overflow:hidden}.sidebar{display:flex;flex-direction:column;background:var(--bg2);border-right:1px solid var(--border);min-height:0}.roster{display:flex;flex-direction:column;flex:1;min-height:0}.roster-head{padding:14px 14px 10px;border-bottom:1px solid var(--border)}.roster-title{color:var(--accent);font-weight:700;letter-spacing:.08em;font-size:12px}.roster-sub{color:var(--muted);font-size:11px;margin-top:4px;display:flex;align-items:center;gap:6px}.dot{width:7px;height:7px;border-radius:50%}.dot-on{background:var(--accent)}.dot-off{background:var(--danger)}.roster-list{display:flex;flex-direction:column;gap:8px;flex:1;overflow:auto;padding:8px}.roster-item{display:flex;align-items:flex-start;gap:9px;padding:12px 10px;border-radius:8px}.roster-item:hover{background:var(--bg3)}.roster-item.inactive{opacity:.45}.roster-item.dragging{opacity:.4}.roster-item.drag-over{background:var(--bg3);box-shadow:inset 0 2px 0 var(--accent)}.drag-handle{flex-shrink:0;cursor:grab;color:var(--muted);font-size:13px;line-height:1;padding:2px 1px;opacity:0;transition:opacity .12s;-webkit-user-select:none;user-select:none}.roster-item:hover .drag-handle{opacity:.6}.drag-handle:hover{opacity:1!important}.drag-handle:active{cursor:grabbing}.avatar{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;font-size:15px;flex-shrink:0;padding-top:2px}.roster-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.roster-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.roster-name-btn{display:flex;align-items:center;gap:5px;min-width:0;background:transparent;border:none;padding:0;cursor:pointer;font-family:inherit;text-align:left}.roster-name-btn:hover .roster-name{text-decoration:underline}.roster-name{font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-default{color:#f5c84b;font-size:11px;flex-shrink:0}.badge-parallel{color:var(--muted);font-size:10px;line-height:1.3;border:1px solid var(--border);border-radius:3px;padding:0 3px;flex-shrink:0}.agent-menu{position:relative;flex-shrink:0}.agent-menu-btn{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:16px;line-height:1;padding:2px 6px;border-radius:4px}.agent-menu-btn:hover{color:var(--text);background:var(--bg3)}.agent-menu-dropdown{position:fixed;z-index:200;min-width:184px;padding:4px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 32px #00000080}.agent-menu-item{display:flex;align-items:center;gap:9px;width:100%;background:transparent;border:none;color:var(--text);font-family:inherit;font-size:12px;text-align:left;padding:6px 8px;border-radius:5px;cursor:pointer}.agent-menu-item:hover:not(:disabled){background:var(--bg3)}.agent-menu-item:disabled{opacity:.4;cursor:default}.agent-menu-item.danger{color:var(--danger)}.agent-menu-item.danger:hover:not(:disabled){background:#f0726a1f}.agent-menu-icon{width:16px;text-align:center;flex-shrink:0}.agent-menu-label{flex:1}.agent-menu-check{color:var(--accent);font-size:11px}.agent-menu-sep{height:1px;background:var(--border);margin:4px 6px}.roster-status{font-size:10px;color:var(--muted);text-transform:lowercase}.retry-info{color:#f59e0b;font-size:10px}.roster-model{display:inline-block;padding:1px 4px;border-radius:3px;background:var(--bg3);border:1px solid var(--border);color:var(--muted);font-size:9px;text-transform:none;white-space:nowrap}.roster-model.cloud{color:#e6c07b;border-color:#5a4f2c}.ctx-bar{display:flex;align-items:center;gap:6px;margin-top:6px}.ctx-fill-wrap{flex:1;height:4px;border-radius:2px;background:var(--border);overflow:hidden}.ctx-fill{height:100%;border-radius:2px;transition:width .3s ease,background .3s ease}.ctx-green{background:#5dcaa5}.ctx-yellow{background:#e6c07b}.ctx-orange{background:#e08a5e}.ctx-red{background:#f0726a}.ctx-label{flex-shrink:0;font-size:10px;color:var(--muted)}.session-stats{font-size:10px;color:var(--muted);opacity:.8}.ctx-warning .ctx-fill{animation:ctx-pulse 1.5s ease-in-out infinite}@keyframes ctx-pulse{0%,to{opacity:1}50%{opacity:.5}}.ca-model-label{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--muted)}.ca-model{width:100%}.ca-model-hint{font-size:10px;color:var(--muted);opacity:.8}.status-active,.status-working{color:var(--accent)}.status-working:before{content:"● "}.roster-actions{display:flex;gap:3px}.mini{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:5px;width:22px;height:22px;cursor:pointer;font-size:13px}.mini:hover{color:var(--text);border-color:var(--muted)}.mini.danger:hover{color:var(--danger);border-color:var(--danger)}.mini.star-on{color:#e6c07b;border-color:#5a4f2c}.mini.par-on{color:var(--accent);border-color:var(--accent);font-weight:700}.mini:disabled{opacity:.35;cursor:default}.roster-foot{padding:10px;border-top:1px solid var(--border)}.center{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--bg)}.topbar{height:42px;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid var(--border)}.brand{font-weight:700}.topbar-sub{color:var(--muted);font-size:11px}.chain-toggle{margin-left:auto;background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:7px;padding:5px 10px;font:inherit;font-size:11px;cursor:pointer}.chain-toggle.on{color:var(--accent);border-color:var(--accent)}.topbar-routing{margin-left:auto;display:flex;flex-direction:row-reverse;align-items:center;gap:8px}.mode-select{display:inline-flex;border:1px solid var(--border);border-radius:7px;overflow:hidden}.mode-opt{background:transparent;border:none;color:var(--muted);font:inherit;font-size:11px;padding:5px 10px;cursor:pointer;text-transform:capitalize}.mode-opt:not(:last-child){border-right:1px solid var(--border)}.mode-opt.on{background:var(--accent);color:#06281f;font-weight:600}.mode-opt:hover:not(.on){color:var(--text)}.route-approval{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 12px 8px;padding:9px 12px;background:var(--bg2);border:1px solid var(--accent);border-left-width:3px;border-radius:9px;font-size:12.5px}.route-label{font-weight:600;color:var(--text)}.route-hops{display:flex;flex-wrap:wrap;gap:4px 12px;color:var(--muted)}.route-hop b{color:var(--accent);font-weight:600}.route-actions{display:flex;gap:6px;margin-left:auto}.route-select{background:var(--bg3);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:4px 8px;font:inherit;font-size:12px}.route-btn{background:var(--bg3);border:1px solid var(--border);border-radius:6px;color:var(--text);font:inherit;font-size:12px;padding:4px 10px;cursor:pointer}.route-btn:hover:not(:disabled){border-color:var(--accent)}.route-btn:disabled{opacity:.5;cursor:default}.route-btn.approve{background:var(--accent);color:#06281f;border-color:var(--accent);font-weight:600}.route-btn.drop{color:#e0707a}.route-btn.ghost{color:var(--muted)}.chain-hops{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:4px}.chain-hops input{width:48px;background:var(--bg);border:1px solid var(--border);color:var(--fg);border-radius:4px;padding:3px 6px;font:inherit;font-size:11px}.hops-apply{background:var(--accent);color:#06281f;border:none;border-radius:4px;width:20px;height:20px;line-height:1;font-size:11px;font-weight:700;cursor:pointer;padding:0;flex-shrink:0}.hops-apply:hover{filter:brightness(1.1)}.conv-bar{position:relative}.conv-trigger{display:flex;align-items:center;gap:6px;background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:7px;padding:5px 9px;font:inherit;font-size:12px;cursor:pointer;max-width:240px}.conv-trigger:hover{border-color:var(--muted)}.conv-trigger-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-caret{color:var(--muted);font-size:10px}.conv-menu{position:absolute;top:100%;left:0;margin-top:6px;width:280px;background:var(--bg3);border:1px solid var(--border);border-radius:9px;box-shadow:0 8px 24px #00000080;z-index:60;overflow:hidden}.conv-list{max-height:320px;overflow:auto;padding:6px}.conv-empty{color:var(--muted);padding:10px;font-size:12px}.conv-item{display:flex;align-items:center;gap:4px;border-radius:6px;padding:2px 4px}.conv-item:hover{background:var(--bg)}.conv-item.active{background:var(--bg2)}.conv-item.active .conv-name-text{color:var(--accent)}.conv-name{flex:1;min-width:0;display:flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--text);font:inherit;font-size:12px;text-align:left;padding:6px;cursor:pointer}.conv-name:disabled{opacity:.4;cursor:default}.conv-name-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-count{color:var(--muted);font-size:10px;flex-shrink:0}.conv-edit{flex:1;min-width:0;background:var(--bg);border:1px solid var(--accent);color:var(--text);border-radius:5px;padding:5px 6px;font:inherit;font-size:12px}.conv-item-actions{display:flex;gap:2px;flex-shrink:0}.conv-new{width:100%;background:transparent;border:none;border-top:1px solid var(--border);color:var(--accent);font:inherit;font-size:12px;font-weight:600;padding:9px;cursor:pointer;text-align:left}.conv-new:hover:not(:disabled){background:var(--bg)}.conv-new:disabled{opacity:.4;cursor:default}.preset-bar{position:relative}.preset-trigger{display:flex;align-items:center;gap:4px;background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:5px 10px;color:var(--text);font:inherit;font-size:12px;cursor:pointer}.preset-trigger:hover{border-color:var(--muted)}.preset-caret{color:var(--muted);font-size:10px}.preset-menu{position:absolute;top:100%;right:0;margin-top:6px;width:280px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px #00000080;z-index:100;overflow:hidden}.preset-section{padding:8px}.preset-section+.preset-section{border-top:1px solid var(--border)}.preset-label{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.preset-save-row{display:flex;gap:6px}.preset-input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:5px 8px;color:var(--text);font:inherit;font-size:12px}.preset-input:focus{outline:none;border-color:var(--accent)}.preset-save-btn{background:var(--accent);border:none;border-radius:5px;padding:5px 12px;color:var(--bg);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.preset-save-btn:disabled{opacity:.4;cursor:default}.preset-empty{color:var(--muted);padding:10px;font-size:12px}.preset-item{display:flex;align-items:center;gap:4px;border-radius:6px;padding:4px 6px}.preset-item:hover{background:var(--bg)}.preset-item-info{flex:1;min-width:0;display:flex;align-items:center;gap:6px}.preset-name{font-weight:600;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-agent-count{color:var(--muted);font-size:11px}.preset-cloud{font-size:12px;color:var(--muted)}.preset-item-actions{display:flex;gap:2px;flex-shrink:0}.preset-loading{color:var(--muted);font-size:11px;padding:4px 6px}.transcript{flex:1;overflow:auto;padding:18px 20px;display:flex;flex-direction:column;gap:16px}.row{display:flex;flex-direction:column;max-width:760px}.row.user{align-self:flex-end;align-items:flex-end}.row.agent{align-self:flex-start}.image-gallery{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}.image-thumb{max-width:200px;max-height:180px;border-radius:8px;border:1px solid var(--border);object-fit:contain;cursor:pointer;transition:transform .15s}.image-thumb:hover{transform:scale(1.03)}.agent-head{display:flex;align-items:center;gap:6px;font-weight:700;font-size:12px;margin-bottom:5px}.bubble{border-radius:10px;padding:11px 14px;white-space:pre-wrap;word-break:break-word;line-height:1.5}.bubble-user{background:var(--bg3);border:1px solid var(--border)}.bubble-agent{background:var(--bg2);border-left:3px solid var(--accent)}.bubble-agent.streaming{opacity:.92}.caret{display:inline-block;width:7px;height:14px;margin-left:2px;background:currentColor;opacity:.6;vertical-align:text-bottom;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.receipt{margin-top:8px}.receipt-label{color:var(--muted);font-size:10px;letter-spacing:.06em;margin-bottom:5px}.receipt-chips{display:flex;flex-wrap:wrap;gap:6px}.chip-file{font-size:11px;padding:3px 7px;border-radius:6px;border:1px solid var(--border)}.kind-add{color:var(--accent);border-color:#2c5a48}.kind-mod{color:#e6c07b;border-color:#5a4f2c}.kind-del{color:var(--danger);border-color:#5a2c2c}.composer{position:relative;border-top:1px solid var(--border);padding:12px 16px;background:var(--bg2)}.composer-row{display:flex;gap:10px;align-items:flex-end}.composer-input{flex:1;resize:none;background:var(--bg3);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:11px 13px;font:inherit;max-height:160px;min-height:84px}.composer-input:focus{outline:none;border-color:var(--accent)}.image-preview-strip{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.image-preview-thumb{position:relative;width:64px;height:64px;border-radius:6px;overflow:hidden;border:1px solid var(--border)}.image-preview-thumb img{width:100%;height:100%;object-fit:cover}.image-preview-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border:none;border-radius:50%;background:#000000bf;color:var(--danger);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.image-preview-remove:hover{background:var(--danger);color:#fff}.ask-banner{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;background:#1a2535;border:1px solid #3b82f6;border-radius:6px;margin-bottom:8px;animation:askBannerIn .2s ease-out}.ask-banner-icon{font-size:18px;flex-shrink:0;margin-top:1px}.ask-banner-body{display:flex;flex-direction:column;gap:2px}.ask-banner-who{font-size:11px;font-weight:600;color:#60a5fa;text-transform:uppercase;letter-spacing:.04em}.ask-banner-text{font-size:13px;color:#e2e8f0;font-style:italic;line-height:1.4}@keyframes askBannerIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ask-callout{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;background:#111827;border-left:3px solid #3b82f6;border-radius:4px;margin-top:6px;font-size:13px;color:#93c5fd;font-style:italic}.ask-callout-icon{flex-shrink:0;font-style:normal}.ask-callout-text{line-height:1.4}.steer-flash{position:absolute;bottom:100%;left:0;right:0;padding:4px 16px;background:#d97706;color:#1c0f00;font-size:11px;text-align:center;animation:steerFadeIn .2s ease-out;pointer-events:none}@keyframes steerFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.mention-pop{position:absolute;bottom:100%;left:16px;margin-bottom:6px;background:var(--bg3);border:1px solid var(--border);border-radius:9px;min-width:220px;overflow:hidden;box-shadow:0 8px 24px #00000080}.mention-item{display:flex;align-items:center;gap:8px;padding:8px 11px;cursor:pointer}.mention-item.active,.mention-item:hover{background:var(--bg)}.mention-hint{margin-left:auto;color:var(--muted);font-size:10px}.btn{border:none;border-radius:9px;padding:10px 16px;font:inherit;font-weight:600;cursor:pointer}.btn-send{background:var(--accent);color:#06281f}.btn-stop{background:var(--danger);color:#2a0a08}.btn-steer{background:#d97706;color:#1c0f00}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text)}.btn.full{width:100%}.btn:disabled{opacity:.5;cursor:default}.create-agent{display:flex;flex-direction:column;gap:8px}.ca-input{background:var(--bg3);border:1px solid var(--border);border-radius:7px;color:var(--text);padding:7px 9px;font:inherit}.ca-row{display:flex;gap:8px}.ca-icon{width:48px;text-align:center}.ca-color{flex:1;padding:2px;height:32px}.ca-tools{display:flex;flex-wrap:wrap;gap:5px}.chip{font-size:11px;padding:3px 7px;border-radius:6px;border:1px solid var(--border);color:var(--muted);cursor:pointer}.chip.on{color:var(--accent);border-color:var(--accent)}.chip input{display:none}.ca-actions{display:flex;gap:8px;justify-content:flex-end}.add-agent{display:flex;flex-direction:column;gap:8px}.add-agent-head{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.add-agent-list{display:flex;flex-direction:column;gap:5px;max-height:320px;overflow-y:auto}.add-agent-empty{color:var(--muted);font-size:12px;padding:6px 2px}.add-agent-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:var(--bg3);border:1px solid var(--border);border-radius:7px;padding:7px 9px;cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s}.add-agent-item:hover:not(:disabled){border-color:var(--accent);background:var(--bg2)}.add-agent-item:disabled{opacity:.5;cursor:default}.aa-icon{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.aa-body{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.aa-name{font-size:12.5px;font-weight:600;color:var(--text)}.aa-meta{font-size:10.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aa-add{color:var(--accent);font-size:15px;font-weight:700;flex-shrink:0}.add-agent-custom{background:transparent;border:1px dashed var(--border);border-radius:7px;color:var(--muted);font-family:inherit;font-size:12px;padding:7px;cursor:pointer}.add-agent-custom:hover{color:var(--accent);border-color:var(--accent)}.workspace{background:var(--bg2);border-left:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.workspace-head{padding:14px;border-bottom:1px solid var(--border)}.workspace-title{color:var(--accent);font-weight:700;letter-spacing:.08em;font-size:12px}.workspace-sub{color:var(--muted);font-size:11px;margin-top:4px}.workspace-list{flex:1;overflow:auto;padding:8px}.workspace-empty{color:var(--muted);padding:10px}.workspace-file{display:flex;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:6px}.workspace-file:hover{background:var(--bg3)}.wf-path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.wf-size{color:var(--muted);font-size:11px;flex-shrink:0}.side-tabs{display:flex;gap:4px}.side-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--muted);font-family:inherit;font-weight:700;letter-spacing:.08em;font-size:12px;text-transform:uppercase;cursor:pointer;padding:2px 6px 4px}.side-tab:hover{color:var(--text)}.side-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.presets-panel{display:flex;flex-direction:column;gap:6px}.presets-error{color:var(--danger);font-size:11px;padding:8px 10px}.presets-warn{color:#e0a23a;font-size:11px;padding:6px 10px;line-height:1.4}.preset-card-warn,.pm-warn{color:#e0a23a;font-weight:700;font-size:11px}.preset-card-warn{margin-left:2px}.pm-warn{margin-left:4px}.preset-card{border:1px solid var(--border);border-radius:6px;background:var(--bg3);overflow:hidden}.preset-card.open{border-color:var(--accent)}.preset-card-head{display:flex;align-items:center;gap:8px;width:100%;background:transparent;border:none;cursor:pointer;font-family:inherit;padding:8px 10px;color:var(--text)}.preset-card-head:hover{background:var(--bg2)}.preset-card-caret{color:var(--muted);font-size:10px;width:10px}.preset-card-name{font-size:12.5px;font-weight:600;flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-card-count{color:var(--muted);font-size:11px;background:var(--bg);border-radius:10px;padding:1px 7px}.preset-card-cloud{font-size:11px}.preset-members{display:flex;flex-direction:column;gap:4px;padding:4px 8px 8px;border-top:1px solid var(--border)}.preset-member{display:flex;gap:8px;padding:6px 4px;border-radius:5px}.preset-member:hover{background:var(--bg2)}.preset-member.inactive{opacity:.5}.pm-icon{font-size:15px;line-height:1.4;flex-shrink:0}.pm-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.pm-line1{display:flex;align-items:center;gap:6px}.pm-name{font-size:12px;font-weight:600;color:var(--text)}.pm-badge{font-size:10px;color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:0 4px}.pm-badge.off{color:var(--danger);border-color:var(--danger)}.pm-line2{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-model{color:var(--text)}.pm-think{margin-left:4px}.pm-tools{display:flex;flex-wrap:wrap;gap:3px;margin-top:3px}.pm-tool{font-size:10px;color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:0 5px;line-height:1.5}.preset-card-actions{display:flex;gap:6px;padding:6px 4px 2px;border-top:1px dashed var(--border);margin-top:2px}.preset-card-actions .mini{font-size:11px;padding:3px 8px;width:auto}.notices{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:50}.notice{padding:9px 14px;border-radius:8px;font-size:12px;border:1px solid var(--border);background:var(--bg3)}.notice-error{border-color:var(--danger);color:var(--danger)}.activity{margin:6px 0;border:1px solid var(--border);border-radius:8px;background:var(--bg2);font-size:12px}.activity-summary{cursor:pointer;padding:5px 9px;color:var(--muted);letter-spacing:.02em;-webkit-user-select:none;user-select:none}.activity-summary:hover{color:var(--text)}.activity-list{padding:4px 9px 8px;display:flex;flex-direction:column;gap:6px}.activity-item{border-left:2px solid var(--border);padding-left:8px}.activity-item.status-error{border-left-color:var(--danger)}.activity-item.status-ok{border-left-color:#2c5a48}.activity-item.status-running{border-left-color:#e6c07b}.activity-line{display:flex;align-items:center;gap:8px}.activity-tool{color:var(--text);font-weight:600;white-space:nowrap}.activity-icon{margin-right:3px}.activity-args{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.activity-badge{font-size:10px;padding:1px 6px;border-radius:5px;border:1px solid var(--border);color:var(--muted)}.badge-ok{color:var(--accent);border-color:#2c5a48}.badge-error{color:var(--danger);border-color:#5a2c2c}.badge-running{color:#e6c07b;border-color:#5a4f2c}.activity-result{margin-top:4px}.activity-result>summary{cursor:pointer;color:var(--muted);font-size:11px}.activity-result pre{margin:4px 0 0;padding:6px 8px;background:var(--bg);border:1px solid var(--border);border-radius:6px;max-height:220px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:11px;color:var(--text)}.reasoning-live{margin:6px 0;font-size:12px}.reasoning-live>summary{cursor:pointer;color:var(--muted);font-style:italic}.reasoning-live pre{margin:4px 0 0;padding:6px 8px;background:var(--bg2);border:1px dashed var(--border);border-radius:6px;max-height:180px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:11px;color:var(--muted)}.reasoning-done{margin:6px 0;font-size:12px}.reasoning-done>summary{cursor:pointer;color:var(--muted);font-style:italic}.reasoning-done pre{margin:4px 0 0;padding:6px 8px;background:var(--bg2);border:1px dashed var(--border);border-radius:6px;max-height:180px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:11px;color:var(--muted)}.roster-item.editing{background:var(--bg3)}.ca-editing{color:var(--accent);font-size:11px;letter-spacing:.04em;margin-bottom:2px}.providers-panel{border-top:1px solid var(--border);padding:10px 12px;font-size:12px}.providers-panel h3{margin:0 0 8px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.provider-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;gap:8px}.provider-row.local{color:var(--muted)}.provider-name{font-weight:600;font-size:12px}.provider-info{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.provider-badge{font-size:9px;background:var(--bg3);color:var(--muted);padding:1px 5px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.provider-models{font-size:10px;color:var(--muted)}.provider-status{font-size:11px}.provider-status.configured{color:var(--accent)}.provider-actions{display:flex;align-items:center;gap:4px}.confirm-remove{display:flex;gap:4px}.add-key-row{padding:4px 0}.api-key-input{flex:1;min-width:0;background:var(--bg3);border:1px solid var(--border);border-radius:6px;padding:5px 10px;color:var(--text);font-size:12px;font-family:inherit;outline:none}.api-key-input:focus{border-color:var(--accent)}.api-key-input::placeholder{color:var(--muted)}.btn-small{border:none;border-radius:6px;padding:4px 10px;font-size:11px;cursor:pointer;background:var(--bg3);color:var(--text);font-family:inherit;white-space:nowrap}.btn-small:hover{background:var(--border)}.btn-small.primary{background:var(--accent);color:#06281f}.btn-small.danger{color:var(--danger)}.btn-small.danger:hover{background:#f0726a1a}.add-provider-toggle{width:100%;background:transparent;border:none;color:var(--muted);font-size:11px;font-family:inherit;cursor:pointer;padding:4px 0;text-align:left}.add-provider-toggle:hover{color:var(--text)}.unconfigured-list{margin-top:2px;max-height:40vh;overflow-y:auto}.room-tabs{display:flex;align-items:center;gap:2px;padding:4px 8px;border-bottom:1px solid var(--border);background:var(--bg2);min-height:34px;overflow-x:auto;flex-shrink:0}.room-tab{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--muted);font-family:inherit;font-size:12px;cursor:pointer;white-space:nowrap;transition:color .15s,background .15s}.room-tab:hover{color:var(--text);background:var(--bg3)}.room-tab.active{color:var(--text);background:var(--bg3);border-color:var(--border)}.room-tab-name{max-width:120px;overflow:hidden;text-overflow:ellipsis}.room-tab-status{font-size:10px;color:var(--muted)}.room-tab-close{font-size:14px;line-height:1;color:var(--muted);cursor:pointer;border-radius:3px;padding:0 2px;margin-left:2px}.room-tab-close:hover{color:var(--danger);background:#f0726a1f}.room-tab-stop{font-size:11px;line-height:1;color:var(--muted);cursor:pointer;border-radius:3px;padding:1px 3px;margin-left:2px}.room-tab-stop:hover{color:#f0b86e;background:#f0b86e24}.room-tab-new{padding:3px 8px;border-radius:6px;border:1px dashed var(--border);background:transparent;color:var(--muted);font-family:inherit;font-size:11px;cursor:pointer;margin-left:4px;white-space:nowrap}.room-tab-new:hover{color:var(--accent);border-color:var(--accent)}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--muted)}.status-dot.running{background:var(--accent);animation:pulse-dot 1.5s ease-in-out infinite}.status-dot.completed{background:#5b8af5}.status-dot.failed{background:var(--danger)}.status-dot.cancelled{background:#f0b86e}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000}.create-room-dialog{background:var(--bg2);border:1px solid var(--border);border-radius:10px;width:440px;max-width:90vw;box-shadow:0 20px 60px #00000080}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.dialog-title{font-size:13px;font-weight:700;color:var(--accent);letter-spacing:.06em;text-transform:uppercase}.dialog-tabs{display:flex;gap:4px}.dialog-tab{background:transparent;border:none;color:var(--muted);font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;padding:4px 8px;border-radius:5px;border-bottom:2px solid transparent}.dialog-tab:hover{color:var(--text);background:var(--bg3)}.dialog-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.resume-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto}.resume-item{display:flex;flex-direction:column;gap:3px;width:100%;text-align:left;background:var(--bg3);border:1px solid var(--border);border-radius:6px;padding:8px 10px;cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s}.resume-item:hover:not(:disabled){border-color:var(--accent);background:var(--bg2)}.resume-item:disabled{opacity:.5;cursor:default}.resume-name{font-size:12.5px;font-weight:600;color:var(--text)}.resume-meta{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog-close{background:transparent;border:none;color:var(--muted);font-size:18px;cursor:pointer;line-height:1;padding:2px 4px;border-radius:4px}.dialog-close:hover{color:var(--text);background:var(--bg3)}.dialog-body{padding:16px;display:flex;flex-direction:column;gap:12px}.dialog-field{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}.dialog-input{background:var(--bg3);border:1px solid var(--border);border-radius:6px;padding:7px 10px;color:var(--text);font-family:inherit;font-size:12px;outline:none;transition:border-color .15s}.dialog-input:focus{border-color:var(--accent)}.dialog-hint{font-size:11px;line-height:1.4}.dialog-hint code{font-family:var(--mono, monospace);font-size:10.5px;background:var(--bg3);padding:1px 4px;border-radius:3px}.dialog-textarea{resize:vertical;min-height:60px}.dialog-error{color:var(--danger);font-size:12px}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:4px}.btn-primary{background:var(--accent);color:#06281f;border:none;border-radius:6px;padding:7px 16px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg3);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:7px 14px;font-family:inherit;font-size:12px;cursor:pointer}.btn-secondary:hover:not(:disabled){background:var(--border)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.muted{color:var(--muted)}.settings-panel{display:flex;flex-direction:column;gap:14px;padding:10px}.settings-section{display:flex;flex-direction:column;gap:10px}.settings-section-title{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--muted);margin:0;padding:0}.settings-field{display:flex;flex-direction:column;gap:4px}.settings-label{font-size:13px;color:var(--text)}.settings-select,.settings-input{width:100%;padding:5px 8px;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--text);font-family:inherit;font-size:13px}.settings-select:disabled,.settings-input:disabled{opacity:.5}.settings-hint{font-size:11px;color:var(--muted);line-height:1.3}.settings-value{font-size:13px;color:var(--text);font-variant-numeric:tabular-nums}.toggle{position:relative;display:inline-flex;align-items:center;width:36px;height:20px;cursor:pointer}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:10px;transition:background .15s}.toggle input:checked+.toggle-track{background:var(--accent)}.toggle input:disabled+.toggle-track{opacity:.5;cursor:not-allowed}.toggle-knob{position:absolute;left:3px;top:3px;width:14px;height:14px;background:var(--text);border-radius:50%;transition:left .15s}.toggle input:checked~.toggle-knob{left:19px}.settings-section:not(:last-child){border-bottom:1px solid var(--border);padding-bottom:14px}.settings-section:last-child{padding-bottom:0}.settings-select,.settings-input{box-sizing:border-box}