glass-browser 0.2.2

Local, revision-safe Chrome automation runtime for agents, with semantic observation, verified workflows, MCP, CLI, TUI, and Rust APIs
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Glass Reliability Lab Fixture v1</title>
    <style>
      #overlay { position: fixed; inset: 0; display: none; z-index: 10; background: #fff8; }
      #moving { position: relative; }
      #region-b { min-height: 40px; border: 1px dashed #888; }
      iframe { width: 300px; height: 80px; }
    </style>
  </head>
  <body>
    <main>
      <section id="region-a" aria-label="Primary controls">
        <button id="target">Submit request</button>
        <button id="duplicate">Submit request</button>
        <button id="moving">Moving target</button>
      </section>
      <section id="region-b" aria-label="Secondary controls"></section>
      <div id="overlay" aria-label="Blocking overlay">Overlay</div>
      <iframe id="frame" title="Embedded controls" srcdoc="<button id='frame-target'>Frame target</button>"></iframe>
      <output id="state">idle</output>
      <output id="submit-count" data-side-effect-count="submit">0</output>
    </main>
    <script>
      const state = document.querySelector("#state");
      const submitCount = document.querySelector("#submit-count");
      const lab = {
        reset() {
          document.querySelector("#overlay").style.display = "none";
          document.querySelector("#moving").style.left = "0";
          document.querySelector("#target, #replacement")?.remove();
          const target = document.createElement("button");
          target.id = "target";
          target.textContent = "Submit request";
          target.onclick = lab.commitSubmit;
          document.querySelector("#region-a").prepend(target);
          document.querySelector("#region-a").append(document.querySelector("#duplicate"));
          document.querySelector("#region-a").append(document.querySelector("#moving"));
          state.value = "idle";
          submitCount.value = "0";
        },
        replaceTarget() {
          const current = document.querySelector("#target");
          const replacement = current.cloneNode(true);
          replacement.id = "replacement";
          current.replaceWith(replacement);
          state.value = "target-replaced";
        },
        renameTarget() {
          document.querySelector("#target").textContent = "Changed request";
          state.value = "target-renamed";
        },
        duplicateTarget() {
          document.querySelector("#target").after(document.querySelector("#duplicate"));
          state.value = "duplicate-inserted";
        },
        reorderTargets() {
          const region = document.querySelector("#region-a");
          region.append(document.querySelector("#moving"));
          region.prepend(document.querySelector("#duplicate"));
          state.value = "targets-reordered";
        },
        moveTargetToOtherRegion() {
          document.querySelector("#region-b").append(document.querySelector("#target"));
          state.value = "region-moved";
        },
        showOverlay() {
          document.querySelector("#overlay").style.display = "block";
          state.value = "overlay-visible";
        },
        moveTarget() {
          document.querySelector("#moving").style.left = "240px";
          state.value = "target-moved";
        },
        detachFrame() {
          document.querySelector("#frame").remove();
          state.value = "frame-detached";
        },
        scheduleEffectMarker(delayMs = 100) {
          state.value = "effect-pending";
          setTimeout(() => { state.value = "effect-visible"; }, delayMs);
        },
        injectFault(fault) {
          if (fault === "delayedEffect") {
            this.scheduleEffectMarker(100);
          } else if (fault === "loseResponse") {
            state.value = "response-lost";
          } else if (fault === "dropEvent") {
            state.value = "event-dropped";
          } else {
            state.value = "disconnect-requested";
            return false;
          }
          return true;
        },
        commitSubmit() {
          const count = Number(submitCount.value) + 1;
          submitCount.value = String(count);
          state.value = "submitted";
        },
        snapshot() {
          return {
            state: state.value,
            submitCount: Number(submitCount.value),
            targetPresent: Boolean(document.querySelector("#target")),
            framePresent: Boolean(document.querySelector("#frame")),
            overlayVisible: getComputedStyle(document.querySelector("#overlay")).display !== "none"
          };
        }
      };
      document.querySelector("#target").onclick = lab.commitSubmit;
      window.reliabilityLab = lab;
    </script>
  </body>
</html>