loop-canvas 0.1.5 → 0.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cli.mjs +9 -8
- package/package.json +1 -1
- package/public/app.css +1 -1
- package/public/app.js +95 -86
- package/public/index.html +13 -17
- package/server.mjs +26 -24
- package/skills/loop-canvas/SKILL.md +1 -0
package/public/index.html
CHANGED
|
@@ -43,8 +43,8 @@
|
|
|
43
43
|
<div class="top-right">
|
|
44
44
|
<div id="presence" class="presence"></div>
|
|
45
45
|
<button id="comments-btn" class="pill comments-btn" title="All comments"><i data-i="comments"></i><span id="comments-count"></span></button>
|
|
46
|
-
<button id="agent-pill" class="pill"
|
|
47
|
-
<span class="agent-dot"></span><span id="agent-label">Agent</span>
|
|
46
|
+
<button id="agent-pill" class="pill">
|
|
47
|
+
<span class="agent-mark"><svg class="ctx-ring" viewBox="0 0 24 24" aria-hidden="true" hidden><circle class="cr-track" cx="12" cy="12" r="10.5"/><circle class="cr-fill" cx="12" cy="12" r="10.5" pathLength="100"/></svg><span class="agent-logo"></span><span class="agent-dot"></span></span><span id="agent-label">Agent</span><span id="reconnect-btn" class="reconnect-btn" role="button" tabindex="0" hidden>Reconnect</span>
|
|
48
48
|
</button>
|
|
49
49
|
<button id="update-pill" class="pill update-pill" hidden></button>
|
|
50
50
|
<button id="share-btn" class="pill share-btn">Share</button>
|
|
@@ -52,19 +52,15 @@
|
|
|
52
52
|
</header>
|
|
53
53
|
|
|
54
54
|
<div id="agent-menu" class="menu" hidden>
|
|
55
|
-
<div
|
|
56
|
-
<
|
|
57
|
-
<
|
|
58
|
-
<
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
</
|
|
64
|
-
<button class="menu-item" data-mode="inbox">
|
|
65
|
-
<span class="radio"></span>
|
|
66
|
-
<span><b>The chat that launched Loop</b><small>Comments go to that chat, with everything it already knows, and it replies here. If the chat isn't listening, comments carry on in the background.</small></span>
|
|
67
|
-
</button>
|
|
55
|
+
<div id="am-card"></div>
|
|
56
|
+
<div class="am-sec">
|
|
57
|
+
<div class="am-title">Comments go to</div>
|
|
58
|
+
<div class="am-opts">
|
|
59
|
+
<button class="am-opt" data-mode="inbox"><span class="am-ic am-chat"></span><span class="am-txt"><b>Your chat</b><small>Knows the project, replies here</small></span><span class="am-check"></span></button>
|
|
60
|
+
<button class="am-opt" data-mode="headless" data-runner="claude"><span class="am-ic" data-logo="claude"></span><span class="am-txt"><b>Claude Code</b><small>Runs in the background</small></span><span class="am-check"></span></button>
|
|
61
|
+
<button class="am-opt" data-mode="headless" data-runner="codex"><span class="am-ic" data-logo="codex"></span><span class="am-txt"><b>Codex</b><small>Runs in the background</small></span><span class="am-check"></span></button>
|
|
62
|
+
</div>
|
|
63
|
+
</div>
|
|
68
64
|
<div id="agent-allowed" class="agent-allowed" hidden></div>
|
|
69
65
|
</div>
|
|
70
66
|
|
|
@@ -97,7 +93,7 @@
|
|
|
97
93
|
|
|
98
94
|
<nav id="toolbar" aria-label="Tools">
|
|
99
95
|
<div class="tb-group"><button id="move-btn" data-tool="select" title="Select (V)"><i data-i="select"></i></button><button class="tb-caret" id="move-caret" title="Select or Hand"><i data-i="down"></i></button></div>
|
|
100
|
-
<button data-tool="use" title="Interact (
|
|
96
|
+
<button data-tool="use" title="Interact (X)"><i data-i="point"></i></button>
|
|
101
97
|
<button data-tool="pen" title="Draw (P)"><i data-i="pen"></i></button>
|
|
102
98
|
<button data-tool="erase" title="Erase marks (E)"><i data-i="erase"></i></button>
|
|
103
99
|
<button data-tool="comment" title="Point & comment (C)"><i data-i="comment"></i></button>
|
|
@@ -117,7 +113,7 @@
|
|
|
117
113
|
<div id="zoom">
|
|
118
114
|
<button id="theme-btn" title="Light or dark (⇧D)"><i data-i="sun"></i></button>
|
|
119
115
|
<button id="zoom-out" title="Zoom out (−)">−</button>
|
|
120
|
-
<button id="zoom-level" title="Fit
|
|
116
|
+
<button id="zoom-level" title="Fit the selection, or everything (⇧2 / ⇧1)">100%</button>
|
|
121
117
|
<button id="zoom-in" title="Zoom in (+)">+</button>
|
|
122
118
|
</div>
|
|
123
119
|
|