netizen-cli 0.10.0__py3-none-any.whl

netizen_cli/admin/queries.py

@@ -0,0 +1,337 @@
+"""Admin query values and filter-bound pagination cursors."""
+
+from __future__ import annotations
+
+import base64
+import hashlib
+import json
+import re
+from collections.abc import Mapping, Sequence
+from datetime import UTC, datetime
+
+from .errors import AdminWebError
+from ..bindings import BindingCursor, SideTopicCursor
+from ..domain import ScopeKind
+from ..management import SessionInventoryState
+
+
+_MAX_TEXT_BYTES = 4_096
+_SESSION_PAGE_SIZES = frozenset((10, 20, 50, 100))
+_ISO_INSTANT_PATTERN = re.compile(
+    r"\A[0-9]{4}-[0-9]{2}-[0-9]{2}T[0-9]{2}:[0-9]{2}"
+    r"(?::[0-9]{2}(?:\.[0-9]{1,6})?)?(?:Z|[+-][0-9]{2}:[0-9]{2})\Z"
+)
+
+
+def _optional_one(values: Mapping[str, list[str]], name: str) -> str | None:
+    items = values.get(name)
+    if items is None:
+        return None
+    if len(items) != 1 or not items[0]:
+        raise AdminWebError(400, "invalid_query", f"查询参数 {name} 无效。")
+    return items[0]
+
+
+def _require_query_keys(
+    values: Mapping[str, list[str]],
+    allowed: set[str],
+) -> None:
+    unknown = values.keys() - allowed
+    if unknown:
+        raise AdminWebError(400, "invalid_query", "包含未知查询参数。")
+
+
+def _page_size(values: Mapping[str, list[str]]) -> int:
+    raw = _optional_one(values, "pageSize")
+    if raw is None:
+        return 25
+    try:
+        value = int(raw, 10)
+    except ValueError:
+        raise AdminWebError(400, "invalid_page_size", "分页大小无效。") from None
+    if not 1 <= value <= 50:
+        raise AdminWebError(400, "invalid_page_size", "分页大小必须为 1 到 50。")
+    return value
+
+
+def _session_page_size(values: Mapping[str, list[str]]) -> int:
+    raw = _optional_one(values, "pageSize")
+    if raw is None:
+        return 20
+    try:
+        value = int(raw, 10)
+    except ValueError:
+        raise AdminWebError(400, "invalid_page_size", "分页大小无效。") from None
+    if value not in _SESSION_PAGE_SIZES:
+        raise AdminWebError(
+            400,
+            "invalid_page_size",
+            "Sessions 分页大小必须为 10、20、50 或 100。",
+        )
+    return value
+
+
+def _optional_text_query(
+    values: Mapping[str, list[str]],
+    name: str,
+    *,
+    maximum: int = _MAX_TEXT_BYTES,
+) -> str | None:
+    value = _optional_one(values, name)
+    if value is None:
+        return None
+    if len(value.encode("utf-8")) > maximum or value.strip() != value:
+        raise AdminWebError(400, "invalid_query", f"查询参数 {name} 无效。")
+    return value
+
+
+def _text_set_query(
+    values: Mapping[str, list[str]],
+    name: str,
+) -> tuple[str, ...] | None:
+    items = values.get(name)
+    if items is None:
+        return None
+    if not items or any(
+        not item
+        or item.strip() != item
+        or len(item.encode("utf-8")) > _MAX_TEXT_BYTES
+        for item in items
+    ):
+        raise AdminWebError(400, "invalid_query", f"查询参数 {name} 无效。")
+    return tuple(sorted(set(items)))
+
+
+def _created_range_query(
+    values: Mapping[str, list[str]],
+) -> tuple[str | None, str | None]:
+    created_from = _optional_created_time_query(values, "createdFrom")
+    created_before = _optional_created_time_query(values, "createdBefore")
+    if (
+        created_from is not None
+        and created_before is not None
+        and created_from >= created_before
+    ):
+        raise AdminWebError(
+            400,
+            "invalid_time_range",
+            "创建时间的开始时间必须早于结束时间。",
+        )
+    return created_from, created_before
+
+
+def _optional_created_time_query(
+    values: Mapping[str, list[str]],
+    name: str,
+) -> str | None:
+    raw = _optional_text_query(values, name, maximum=64)
+    if raw is None:
+        return None
+    if _ISO_INSTANT_PATTERN.fullmatch(raw) is None:
+        raise AdminWebError(
+            400,
+            "invalid_time",
+            f"查询参数 {name} 必须是带时区的 ISO-8601 时间。",
+        )
+    try:
+        parsed = datetime.fromisoformat(raw.replace("Z", "+00:00"))
+        if parsed.utcoffset() is None:
+            raise ValueError("timezone is required")
+        return parsed.astimezone(UTC).isoformat(timespec="microseconds")
+    except (OverflowError, ValueError):
+        raise AdminWebError(
+            400,
+            "invalid_time",
+            f"查询参数 {name} 必须是带时区的 ISO-8601 时间。",
+        ) from None
+
+
+def _optional_bool_query(
+    values: Mapping[str, list[str]],
+    name: str,
+) -> bool | None:
+    value = _optional_one(values, name)
+    if value is None:
+        return None
+    if value == "true":
+        return True
+    if value == "false":
+        return False
+    raise AdminWebError(400, "invalid_query", f"查询参数 {name} 必须是布尔值。")
+
+
+def _scope_kinds_query(
+    values: Mapping[str, list[str]],
+) -> tuple[ScopeKind, ...] | None:
+    raw = _text_set_query(values, "scopeKind")
+    if raw is None:
+        return None
+    try:
+        kinds = tuple(ScopeKind(value) for value in raw)
+    except ValueError:
+        raise AdminWebError(400, "invalid_scope_kind", "Scope 类型无效。") from None
+    return None if set(kinds) == set(ScopeKind) else kinds
+
+
+def _current_query(values: Mapping[str, list[str]]) -> bool | None:
+    raw = _text_set_query(values, "current")
+    if raw is None:
+        return None
+    if any(value not in {"true", "false"} for value in raw):
+        raise AdminWebError(400, "invalid_query", "查询参数 current 必须是布尔值。")
+    return raw[0] == "true" if len(raw) == 1 else None
+
+
+def _session_inventory_states(
+    values: Mapping[str, list[str]],
+) -> tuple[SessionInventoryState, ...] | None:
+    raw = _text_set_query(values, "inventoryState")
+    if raw is None:
+        return (
+            SessionInventoryState.ACTIVE,
+            SessionInventoryState.LAZY,
+            SessionInventoryState.UNKNOWN,
+        )
+    if raw == ("all",):
+        return None
+    try:
+        states = tuple(SessionInventoryState(value) for value in raw)
+    except ValueError:
+        raise AdminWebError(
+            400,
+            "invalid_inventory_state",
+            "会话状态无效。",
+        ) from None
+    return None if set(states) == set(SessionInventoryState) else states
+
+
+def _id_query(values: Mapping[str, list[str]], name: str) -> tuple[str, ...]:
+    raw_values = values.get(name, [])
+    result: list[str] = []
+    for raw in raw_values:
+        for value in raw.split(","):
+            if not value or value.strip() != value or len(value.encode("utf-8")) > 256:
+                raise AdminWebError(400, "invalid_ids", f"{name} 包含无效 ID。")
+            result.append(value)
+    return tuple(result)
+
+
+def _fingerprint(route: str, filters: object) -> str:
+    canonical = json.dumps(
+        {"route": route, "filters": filters},
+        ensure_ascii=False,
+        separators=(",", ":"),
+        sort_keys=True,
+    ).encode("utf-8")
+    return hashlib.sha256(canonical).hexdigest()[:32]
+
+
+def _encode_cursor(kind: str, values: Sequence[str], fingerprint: str) -> str:
+    payload = json.dumps(
+        {"v": 1, "t": kind, "k": list(values), "f": fingerprint},
+        separators=(",", ":"),
+        sort_keys=True,
+    ).encode("utf-8")
+    return base64.urlsafe_b64encode(payload).rstrip(b"=").decode("ascii")
+
+
+def _decode_cursor(
+    encoded: str | None,
+    *,
+    kind: str,
+    length: int,
+    fingerprint: str,
+) -> tuple[str, ...] | None:
+    if encoded is None:
+        return None
+    if len(encoded) > 2_048:
+        raise AdminWebError(400, "invalid_cursor", "分页游标无效。")
+    try:
+        padding = "=" * (-len(encoded) % 4)
+        raw = base64.b64decode(
+            encoded + padding,
+            altchars=b"-_",
+            validate=True,
+        )
+        payload = json.loads(raw)
+    except (ValueError, json.JSONDecodeError):
+        raise AdminWebError(400, "invalid_cursor", "分页游标无效。") from None
+    if (
+        not isinstance(payload, dict)
+        or set(payload) != {"v", "t", "k", "f"}
+        or payload["v"] != 1
+        or payload["t"] != kind
+        or payload["f"] != fingerprint
+        or not isinstance(payload["k"], list)
+        or len(payload["k"]) != length
+        or any(not isinstance(value, str) or not value for value in payload["k"])
+    ):
+        raise AdminWebError(400, "invalid_cursor", "分页游标与当前筛选不匹配。")
+    canonical = _encode_cursor(kind, payload["k"], fingerprint)
+    if canonical != encoded:
+        raise AdminWebError(400, "invalid_cursor", "分页游标无效。")
+    return tuple(payload["k"])
+
+
+def _encode_binding_cursor(
+    cursor: BindingCursor | None,
+    fingerprint: str,
+) -> str | None:
+    if cursor is None:
+        return None
+    return _encode_cursor(
+        "binding",
+        (cursor.created_at, cursor.binding_id),
+        fingerprint,
+    )
+
+
+def _decode_binding_cursor(
+    encoded: str | None,
+    fingerprint: str,
+) -> BindingCursor | None:
+    values = _decode_cursor(
+        encoded,
+        kind="binding",
+        length=2,
+        fingerprint=fingerprint,
+    )
+    return BindingCursor(*values) if values is not None else None
+
+
+def _encode_side_cursor(
+    cursor: SideTopicCursor | None,
+    fingerprint: str,
+) -> str | None:
+    if cursor is None:
+        return None
+    return _encode_cursor("side", (cursor.created_at, cursor.side_id), fingerprint)
+
+
+def _decode_side_cursor(
+    encoded: str | None,
+    fingerprint: str,
+) -> SideTopicCursor | None:
+    values = _decode_cursor(
+        encoded,
+        kind="side",
+        length=2,
+        fingerprint=fingerprint,
+    )
+    return SideTopicCursor(*values) if values is not None else None
+
+
+def _encode_project_cursor(cursor: str | None, fingerprint: str) -> str | None:
+    if cursor is None:
+        return None
+    return _encode_cursor("project", (cursor,), fingerprint)
+
+
+def _decode_project_cursor(encoded: str | None, fingerprint: str) -> str | None:
+    values = _decode_cursor(
+        encoded,
+        kind="project",
+        length=1,
+        fingerprint=fingerprint,
+    )
+    return values[0] if values is not None else None

netizen_cli/admin/static/admin.css

@@ -0,0 +1,260 @@
+:root {
+  color-scheme: light;
+  --ink: #18202f;
+  --muted: #647083;
+  --line: #dce1e9;
+  --paper: #ffffff;
+  --wash: #f3f6fa;
+  --blue: #1858d7;
+  --blue-soft: #e9f0ff;
+  --danger: #b42318;
+  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+}
+* { box-sizing: border-box; }
+body { margin: 0; color: var(--ink); background: var(--wash); }
+body.time-range-modal-open { overflow: hidden; }
+button, input, select, textarea { font: inherit; }
+button { cursor: pointer; }
+.topbar { display: flex; justify-content: space-between; align-items: center; padding: 24px clamp(20px, 4vw, 56px); background: #10213f; color: white; }
+h1, h2, h3, p { margin-top: 0; }
+h1 { margin-bottom: 0; letter-spacing: -0.03em; }
+.eyebrow { margin-bottom: 5px; font-size: 11px; font-weight: 750; letter-spacing: .14em; color: #86a9ec; }
+.instance-root { overflow-wrap: anywhere; font-family: monospace; font-size: 13px; }
+.tabs { display: flex; gap: 6px; padding: 12px clamp(20px, 4vw, 56px); background: var(--paper); border-bottom: 1px solid var(--line); }
+.tab, .quiet, .refresh, .next { border: 1px solid var(--line); border-radius: 8px; background: white; padding: 8px 13px; color: var(--ink); }
+.tab.active { border-color: var(--blue); color: var(--blue); background: var(--blue-soft); }
+.quiet { background: transparent; color: white; border-color: #52627d; }
+main { max-width: 1500px; margin: 0 auto; padding: 24px clamp(14px, 3vw, 42px) 56px; }
+.status { min-height: 24px; color: var(--muted); }
+.status.error { color: var(--danger); }
+.panel { background: var(--paper); border: 1px solid var(--line); border-radius: 14px; padding: clamp(16px, 2.5vw, 28px); box-shadow: 0 8px 28px rgb(23 39 68 / 6%); }
+.section-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
+.section-head h2 { margin-bottom: 0; }
+.forms-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; margin: 22px 0; }
+.card-form { border: 1px solid var(--line); border-radius: 10px; padding: 16px; }
+.card-form label, .filter-bar label { display: grid; gap: 5px; color: var(--muted); font-size: 13px; }
+input, select, textarea { min-width: 0; border: 1px solid #bac3d0; border-radius: 7px; padding: 8px 9px; background: white; color: var(--ink); }
+.card-form input { width: 100%; margin: 5px 0 12px; }
+.card-form button, .filter-bar > button[type="submit"], .action { border: 0; border-radius: 7px; padding: 8px 11px; background: var(--blue); color: white; }
+.filter-bar { display: grid; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); align-items: end; gap: 10px; margin: 20px 0; }
+.multi-filter { position: relative; min-width: 0; margin: 0; padding: 0; border: 0; }
+.multi-filter legend { margin-bottom: 5px; padding: 0; color: var(--muted); font-size: 13px; }
+.multi-filter-trigger { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; min-height: 36px; border: 1px solid #bac3d0; border-radius: 7px; padding: 8px 10px; background: white; color: var(--ink); text-align: left; }
+.multi-filter-trigger[aria-expanded="true"] { border-color: var(--blue); box-shadow: 0 0 0 2px rgb(24 88 215 / 12%); }
+.multi-filter-summary { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.multi-filter-popover[hidden] { display: none; }
+.multi-filter-popover { position: absolute; z-index: 102; top: calc(100% + 8px); left: 0; width: max(100%, 240px); max-width: calc(100vw - 40px); padding: 10px; border: 1px solid var(--line); border-radius: 9px; background: white; box-shadow: 0 12px 32px rgb(23 39 68 / 18%); }
+.multi-filter-search { width: 100%; margin-bottom: 8px; }
+.multi-filter-clear { width: 100%; margin-bottom: 5px; border: 0; border-radius: 5px; padding: 7px 8px; background: var(--blue-soft); color: var(--blue); text-align: left; }
+.multi-filter-options { display: grid; max-height: 240px; overflow-y: auto; }
+.filter-bar .multi-filter-option { display: flex; align-items: center; gap: 8px; padding: 8px; color: var(--ink); cursor: pointer; overflow-wrap: anywhere; }
+.filter-bar .multi-filter-option[hidden] { display: none; }
+.multi-filter-option:hover { background: var(--wash); border-radius: 5px; }
+.multi-filter-option input { width: 16px; height: 16px; flex: 0 0 auto; margin: 0; accent-color: var(--blue); }
+.multi-filter-empty { margin: 8px; color: var(--muted); font-size: 13px; }
+.time-range-filter { position: relative; min-width: 0; margin: 0; padding: 0; border: 0; grid-column: span 2; }
+.time-range-filter legend { margin-bottom: 5px; padding: 0; color: var(--muted); font-size: 13px; }
+.time-range-control { position: relative; }
+.time-range-trigger { width: 100%; min-height: 36px; display: flex; align-items: center; gap: 9px; border: 1px solid #bac3d0; border-radius: 7px; padding: 8px 10px; background: white; color: var(--ink); text-align: left; }
+.time-range-trigger:hover { border-color: #8290a3; }
+.time-range-trigger[aria-expanded="true"] { border-color: var(--blue); box-shadow: 0 0 0 2px rgb(24 88 215 / 12%); }
+.time-range-trigger.has-value { padding-right: 58px; }
+.time-range-calendar-icon { position: relative; width: 15px; height: 14px; flex: 0 0 auto; border: 1.5px solid currentColor; border-radius: 3px; color: var(--muted); }
+.time-range-calendar-icon::before { content: ""; position: absolute; left: -1.5px; right: -1.5px; top: 3px; border-top: 1.5px solid currentColor; }
+.time-range-calendar-icon::after { content: ""; position: absolute; width: 2px; height: 2px; left: 3px; top: 7px; border-radius: 50%; background: currentColor; box-shadow: 4px 0 currentColor, 8px 0 currentColor; }
+.time-range-summary { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.time-range-chevron { flex: 0 0 auto; color: var(--muted); font-size: 16px; line-height: 1; }
+.time-range-quick-clear { position: absolute; z-index: 1; top: 50%; right: 30px; width: 24px; height: 24px; transform: translateY(-50%); border: 0; border-radius: 50%; padding: 0; background: transparent; color: var(--muted); font-size: 18px; line-height: 22px; }
+.time-range-quick-clear:hover { background: #edf1f6; color: var(--ink); }
+.time-range-popover[hidden], .time-range-backdrop[hidden] { display: none; }
+.time-range-popover { position: absolute; z-index: 101; top: calc(100% + 8px); right: 0; width: min(620px, calc(100vw - 48px)); display: grid; grid-template-columns: 172px minmax(0, 1fr); overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: white; box-shadow: 0 18px 48px rgb(23 39 68 / 20%); color: var(--ink); }
+.time-range-presets { padding: 18px 14px; border-right: 1px solid var(--line); background: #f7f9fc; }
+.time-range-presets h3, .time-range-custom h3 { margin: 0; font-size: 14px; }
+.time-range-presets > p { margin: 14px 4px 7px; color: var(--muted); font-size: 11px; font-weight: 700; letter-spacing: .05em; }
+.time-range-preset-list { display: grid; gap: 3px; }
+.time-range-preset-list button { width: 100%; border: 0; border-radius: 6px; padding: 8px 9px; background: transparent; color: var(--ink); text-align: left; }
+.time-range-preset-list button:hover { background: #e9edf4; }
+.time-range-preset-list button[aria-pressed="true"] { background: var(--blue-soft); color: var(--blue); font-weight: 700; }
+.time-range-custom { min-width: 0; padding: 18px; }
+.time-range-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 15px; }
+.time-range-fields input { width: 100%; }
+.time-range-hint, .time-range-zone, .time-range-error { margin: 9px 0 0; font-size: 12px; line-height: 1.4; }
+.time-range-hint, .time-range-zone { color: var(--muted); }
+.time-range-error { min-height: 17px; color: var(--danger); }
+.time-range-footer { display: flex; align-items: center; gap: 8px; margin-top: 14px; }
+.time-range-footer-spacer { flex: 1; }
+.time-range-footer button { border: 1px solid var(--line); border-radius: 7px; padding: 7px 11px; background: white; color: var(--ink); }
+.time-range-footer .time-range-clear { border-color: transparent; color: var(--muted); }
+.time-range-footer .time-range-done { border-color: var(--blue); background: var(--blue); color: white; }
+.time-range-footer button:disabled { opacity: .48; }
+.time-range-backdrop { display: none; }
+.table-wrap { overflow: auto; border: 1px solid var(--line); border-radius: 9px; }
+table { width: 100%; border-collapse: collapse; min-width: 900px; }
+#sessions table { min-width: 1250px; table-layout: fixed; }
+#sessions th:nth-child(1) { width: 14%; }
+#sessions th:nth-child(2) { width: 5%; }
+#sessions th:nth-child(3) { width: 26%; }
+#sessions th:nth-child(4) { width: 10%; }
+#sessions th:nth-child(5) { width: 6%; }
+#sessions th:nth-child(6) { width: 6%; }
+#sessions th:nth-child(7) { width: 8%; }
+#sessions th:nth-child(8) { width: 10%; }
+#sessions th:nth-child(9) { width: 15%; }
+th, td { padding: 11px 12px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; font-size: 13px; }
+th { position: sticky; top: 0; background: #f7f9fc; color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .04em; }
+tr:last-child td { border-bottom: 0; }
+.id { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; color: var(--muted); word-break: break-all; }
+.chat-link { color: var(--blue); font-weight: 700; text-decoration: none; }
+.chat-link:hover { text-decoration: underline; }
+.meta-line { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-top: 5px; }
+.preview { max-width: 380px; margin-top: 4px; color: var(--muted); line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.runtime-subscription { color: var(--muted); }
+.badge { display: inline-block; border-radius: 999px; padding: 3px 7px; background: #edf1f6; font-size: 11px; }
+.badge.on { background: #e5f6ed; color: #136c3c; }
+.badge.warn { background: #fff2df; color: #925400; }
+.actions { display: flex; flex-wrap: wrap; gap: 5px; }
+.project-delete-result { margin: 16px 0; padding: 14px 16px; border: 1px solid var(--line); border-radius: 9px; background: var(--wash); font-size: 13px; line-height: 1.6; }
+.project-delete-result.error { border-color: #e3b8b4; color: var(--danger); }
+.project-delete-result p { margin: 0; white-space: pre-line; }
+.project-delete-result ul { margin: 10px 0 0; padding-left: 20px; overflow-wrap: anywhere; }
+.action { padding: 5px 8px; font-size: 12px; }
+.action.danger { background: var(--danger); }
+.next { margin-top: 14px; }
+button:disabled { cursor: default; opacity: .48; }
+.pagination { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 14px; color: var(--muted); font-size: 13px; }
+.pagination .next { margin-top: 0; }
+.update-versions { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin: 28px 0 20px; }
+.update-versions p { margin: 8px 0; color: var(--muted); font-size: 13px; }
+.update-versions strong { font-size: 24px; overflow-wrap: anywhere; }
+.update-operation { padding: 16px; margin: 20px 0; border-radius: 9px; background: var(--wash); }
+.update-operation p { margin: 8px 0 0; line-height: 1.6; }
+.update-warning { color: var(--muted); font-size: 13px; line-height: 1.6; }
+.update-actions { gap: 10px; }
+.update-actions .action { padding: 8px 13px; font-size: inherit; }
+.update-help { margin-top: 16px; font-size: 13px; }
+.service-restart { margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--line); }
+.service-restart p { line-height: 1.6; }
+#updates a { color: var(--blue); }
+.update-notes { margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--line); }
+#update-notes { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.6; }
+button:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid #8cb4ff; outline-offset: 2px; }
+.login-body { min-height: 100vh; display: grid; place-items: center; padding: 20px; }
+.login-card { width: min(420px, 100%); background: white; border: 1px solid var(--line); border-radius: 14px; padding: 28px; }
+.login-card label { display: grid; gap: 7px; }
+.login-card input { margin-bottom: 14px; }
+.login-card button { width: 100%; border: 0; border-radius: 8px; padding: 10px; background: var(--blue); color: white; }
+@media (max-width: 650px) {
+  .topbar { padding: 18px; }
+  .tabs { overflow-x: auto; padding: 10px 14px; }
+  main { padding: 14px 8px 40px; }
+  .panel { border-radius: 9px; padding: 12px; }
+  .time-range-filter { grid-column: 1 / -1; }
+  .time-range-backdrop { position: fixed; z-index: 100; inset: 0; display: block; background: rgb(16 33 63 / 38%); }
+  .time-range-popover { position: fixed; z-index: 101; top: auto; right: 10px; bottom: 10px; left: 10px; width: auto; max-height: calc(100dvh - 20px); display: block; overflow-y: auto; border-radius: 14px; }
+  .time-range-presets { border-right: 0; border-bottom: 1px solid var(--line); padding: 16px; }
+  .time-range-presets > p { margin-top: 11px; }
+  .time-range-preset-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
+  .time-range-custom { padding: 16px; }
+  .time-range-fields { grid-template-columns: 1fr; }
+}
+.schedule-help { margin-top: 18px; color: var(--muted); }
+body.schedule-drawer-open, body.defaults-drawer-open { overflow: hidden; }
+.editor-drawer { position: fixed; inset: 0 0 0 auto; margin: 0; padding: 0; width: min(720px, 100vw); max-width: 100vw; height: 100dvh; max-height: 100dvh; border: 0; color: var(--ink); background: var(--paper); box-shadow: -12px 0 40px rgb(23 39 68 / 16%); }
+.editor-drawer::backdrop { background: rgb(16 33 63 / 35%); }
+#schedule-editor { height: 100%; display: flex; flex-direction: column; border: 0; border-radius: 0; padding: 0; margin: 0; }
+.schedule-editor-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 24px; border-bottom: 1px solid var(--line); }
+.schedule-editor-head h3 { margin: 0; font-size: 22px; }
+.schedule-editor-head .eyebrow { color: var(--muted); }
+#schedule-editor #schedule-close { padding: 4px 12px; font-size: 28px; background: transparent; color: var(--muted); }
+#schedule-editor #schedule-fields { flex: 1; min-height: 0; display: flex; flex-direction: column; }
+.schedule-editor-body { flex: 1; overflow-y: auto; padding: 24px; }
+.schedule-editor-body h4 { margin: 24px 0 12px; }
+.schedule-editor-footer { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 16px 24px; border-top: 1px solid var(--line); background: var(--paper); }
+#schedule-editor #schedule-cancel, #schedule-editor #schedule-preview { color: var(--ink); background: white; border: 1px solid var(--line); }
+#schedule-editor input { margin: 0; }
+#schedule-timezone-note { margin-bottom: 14px; }
+#schedule-filter { grid-template-columns: minmax(160px, 260px) repeat(2, minmax(120px, 180px)) max-content; justify-content: start; }
+#schedules-body td { min-width: 90px; }
+#schedules-body td:first-child { min-width: 150px; }
+#schedules-body .schedule-time { min-width: 200px; }
+#schedules-body .schedule-state { min-width: 118px; white-space: pre-line; }
+#schedules-body .schedule-execution { min-width: 150px; white-space: pre-line; }
+#schedules-body .schedule-time, #schedules-body .schedule-target { overflow-wrap: anywhere; }
+#schedules-body .schedule-note { display: block; margin-top: 7px; color: var(--muted); font-size: 12px; line-height: 1.5; }
+@media (max-width: 540px) {
+  .schedule-editor-head, .schedule-editor-body { padding: 16px; }
+  .schedule-editor-footer { padding: 12px 16px; flex-wrap: wrap; }
+  #schedule-filter { grid-template-columns: 1fr; }
+}
+#schedule-editor[hidden], #schedule-detail[hidden] { display: none; }
+#schedule-fields { border: 0; padding: 0; margin: 0; min-width: 0; }
+.schedule-form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; margin-bottom: 14px; }
+.schedule-form-grid [hidden], #schedule-weekdays[hidden], #schedule-end-condition[hidden] { display: none; }
+#schedule-end-condition { border: 1px solid var(--line); border-radius: 8px; margin: 14px 0; padding: 12px; }
+#schedule-end-condition .schedule-form-grid { margin-bottom: 10px; }
+#schedule-end-condition .meta-line { margin: 8px 0 0; }
+#schedule-weekdays { display: flex; flex-wrap: wrap; gap: 12px; border: 1px solid var(--line); margin: 0 0 14px; }
+#schedule-weekdays label, #schedule-editor .schedule-checkbox { display: flex; align-items: center; gap: 7px; }
+#schedule-weekdays input, #schedule-editor .schedule-checkbox input { width: auto; margin: 0; }
+#schedule-editor .schedule-checkbox { margin: 14px 0; }
+#schedule-instructions { width: 100%; resize: vertical; }
+#schedule-editor button:disabled { opacity: .5; cursor: default; }
+#schedule-preview-message { margin: 14px 0 0; }
+#schedule-preview-message.error { color: var(--danger); }
+.schedule-detail { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); }
+#schedule-detail-instructions { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; background: var(--wash); padding: 14px; border-radius: 8px; }
+.preserve-lines { white-space: pre-line; overflow-wrap: anywhere; }
+@media (max-width: 700px) { .tabs { flex-wrap: wrap; } }
+.schedule-session-settings { margin-top: 16px; padding: 12px; border: 1px solid var(--line); border-radius: 8px; }
+.schedule-session-settings summary { cursor: pointer; overflow-wrap: anywhere; }
+.drawer-form { height: 100%; display: flex; flex-direction: column; border: 0; border-radius: 0; padding: 0; margin: 0; }
+.drawer-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 24px; border-bottom: 1px solid var(--line); }
+.drawer-head h3 { margin: 0; font-size: 22px; }
+.drawer-head .eyebrow { color: var(--muted); }
+.drawer-form .drawer-close { padding: 4px 12px; font-size: 28px; background: transparent; color: var(--muted); }
+.drawer-body { flex: 1; min-height: 0; overflow-y: auto; padding: 24px; }
+.drawer-body h4 { margin: 24px 0 12px; }
+.drawer-body h4:first-child { margin-top: 0; }
+.drawer-footer { display: flex; justify-content: flex-end; gap: 10px; padding: 16px 24px; border-top: 1px solid var(--line); }
+.drawer-form .drawer-cancel { color: var(--ink); background: white; border: 1px solid var(--line); }
+.drawer-form input { margin: 0; }
+#defaults [hidden], #defaults-editor[hidden], #defaults-editor [hidden] { display: none; }
+.defaults-help, .defaults-order-help, .defaults-field-help { color: var(--muted); font-size: 13px; line-height: 1.6; }
+.defaults-help { margin: 12px 0 24px; }
+.defaults-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 18px; }
+.defaults-toolbar > .action { padding: 8px 13px; font-size: 13px; }
+.defaults-tabs { display: flex; gap: 4px; padding: 4px; border-radius: 9px; background: var(--wash); }
+.defaults-tab { border: 0; border-radius: 6px; padding: 8px 16px; background: transparent; color: var(--muted); white-space: nowrap; }
+.defaults-tab[aria-selected="true"] { background: var(--paper); color: var(--blue); box-shadow: 0 1px 4px rgb(23 39 68 / 12%); font-weight: 600; }
+.defaults-tab:hover { color: var(--blue); }
+.defaults-order-help { margin-bottom: 14px; }
+.defaults-field-help { margin: 8px 0 0; }
+#defaults-note { margin-top: 24px; }
+#defaults-fields { border: 0; padding: 0; margin: 0; min-width: 0; }
+#defaults-fields:disabled { opacity: .6; }
+.defaults-feedback { display: flex; flex-wrap: wrap; gap: 18px; }
+.defaults-feedback label { display: flex; align-items: center; gap: 7px; }
+.drawer-form .defaults-feedback input { width: 16px; height: 16px; margin: 0; accent-color: var(--blue); }
+#defaults-note.error { color: var(--danger); }
+#defaults table { table-layout: fixed; }
+#defaults th:first-child { width: 25%; }
+#defaults th:nth-child(2) { width: 16%; }
+#defaults th:last-child { width: 17%; }
+#defaults-panel-group_name th:first-child { width: 8%; }
+#defaults-panel-group_name th:nth-child(2) { width: 22%; }
+#defaults-panel-group_name th:nth-child(3) { width: 14%; }
+#defaults-panel-group_name th:last-child { width: 23%; }
+#defaults td { overflow-wrap: anywhere; line-height: 1.6; }
+#defaults td.actions { display: table-cell; }
+#defaults .action.secondary { border: 1px solid var(--line); background: white; color: var(--ink); }
+#defaults .action.secondary.danger { color: var(--danger); }
+#defaults .default-settings-detail { margin-top: 5px; color: var(--muted); font-size: 12px; }
+#defaults .defaults-empty { padding: 42px 20px; text-align: center; }
+.defaults-empty p { margin: 0 0 14px; color: var(--muted); }
+@media (max-width: 650px) {
+  .drawer-head, .drawer-body { padding: 16px; }
+  .drawer-footer { padding: 12px 16px; }
+  .defaults-toolbar { flex-wrap: wrap; gap: 12px; }
+  .defaults-tab { padding: 8px 12px; }
+}
+#schedule-session-note { color: var(--muted); margin: 12px 0; font-size: 13px; }