kaizen-agent 1.34.6 → 1.34.8
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/README.md +12 -0
- package/package.json +1 -1
- package/web/board.html +5 -2
- package/web/notes.html +6 -3
package/README.md
CHANGED
|
@@ -72,6 +72,18 @@ The board opens in your browser. The side menu holds the board, notes, the icebo
|
|
|
72
72
|
|
|
73
73
|
Right after installing, `kaizen setup` walks you through your project, settings, this board and the phone app (it prints a QR code to scan).
|
|
74
74
|
|
|
75
|
+
### Phone app
|
|
76
|
+
|
|
77
|
+
The board is a PWA: installed from the browser, it opens full screen with the kaizen icon. It needs [Tailscale](https://tailscale.com/download) on this PC and on your phone, both signed in to the same account.
|
|
78
|
+
|
|
79
|
+
```bash
|
|
80
|
+
kaizen setup # guided: starts the board, runs tailscale serve, prints a QR code
|
|
81
|
+
```
|
|
82
|
+
|
|
83
|
+
Scan the QR code with your phone camera, then **Add to Home screen** (iOS: Share menu; Android: browser menu, *Install app*).
|
|
84
|
+
|
|
85
|
+
By hand: run `kaizen web`, then `tailscale serve --bg 127.0.0.1:7420`, add `<pc>.<tailnet>.ts.net` to `~/.kaizen/web-hosts`, and open `https://<pc>.<tailnet>.ts.net` on the phone. Details in [docs/guide.md](docs/guide.md#from-your-phone-tailscale). Never use `tailscale funnel` — it publishes the board to the internet.
|
|
86
|
+
|
|
75
87
|
To add a launcher (Spotlight on macOS, the app menu on Linux, a Desktop shortcut on Windows), run `kaizen web --shortcut` once.
|
|
76
88
|
|
|
77
89
|
## Development
|
package/package.json
CHANGED
package/web/board.html
CHANGED
|
@@ -23,7 +23,10 @@
|
|
|
23
23
|
:root{--r:12px;--r-s:8px;--r-pill:999px;--font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;--mono:ui-monospace,"JetBrains Mono","Cascadia Code","SF Mono",Menlo,Consolas,monospace;--on-accent:#fff;--hover:color-mix(in srgb,var(--dim) 12%,transparent);--shade:rgb(12 22 47/.08);--shadow-1:0 1px 2px var(--shade);--shadow-2:0 0 0 1px var(--shade),0 8px 24px -6px var(--shade);--canvas:color-mix(in srgb,var(--bg) 95.5%,var(--ink))}
|
|
24
24
|
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--shade:rgb(0 0 0/.45);--canvas:color-mix(in srgb,var(--bg) 70%,black)}}
|
|
25
25
|
:root[data-theme=dark]{--shade:rgb(0 0 0/.45);--canvas:color-mix(in srgb,var(--bg) 70%,black)}
|
|
26
|
-
body{margin:0;background:var(--canvas);color:var(--ink);font:13px/1.5 var(--font);-webkit-font-smoothing:antialiased
|
|
26
|
+
body{margin:0;background:var(--canvas);color:var(--ink);font:13px/1.5 var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;height:100vh;height:100dvh;overflow:hidden;display:flex}
|
|
27
|
+
html{background:var(--canvas)}
|
|
28
|
+
@media(display-mode:standalone){body{position:fixed;inset:0;height:auto;overscroll-behavior:none}}
|
|
29
|
+
@media(max-width:640px),(display-mode:standalone){body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}
|
|
27
30
|
button,input,select{font:inherit;color:inherit;background:none;border:0;padding:0}
|
|
28
31
|
button{cursor:pointer}
|
|
29
32
|
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
|
|
@@ -56,7 +59,7 @@ svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6;stroke
|
|
|
56
59
|
/* end side menu */
|
|
57
60
|
/* the work area: an inset rounded panel on the canvas the side menu sits on */
|
|
58
61
|
.app{flex:1;min-width:0;display:flex;flex-direction:column;margin:8px 8px 8px 0;background:var(--bg);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
|
|
59
|
-
@media(max-width:640px){.app{margin:0;border:0;border-radius:0}body{
|
|
62
|
+
@media(max-width:640px){.app{margin:0;border:0;border-radius:0}html,body{background:var(--bg)}aside:not(.docked){padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) 0}}
|
|
60
63
|
/* header */
|
|
61
64
|
.hdr{display:flex;align-items:center;gap:12px;padding:10px 20px 10px 28px;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent);flex-wrap:wrap}
|
|
62
65
|
pre.mark{margin:0;font:700 8px/1 var(--mono)}
|
package/web/notes.html
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
<html lang="en">
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="utf-8">
|
|
5
|
-
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
5
|
+
<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
|
|
6
6
|
<title>kaizen notebook</title>
|
|
7
7
|
<link rel="icon" href="/favicon.ico" sizes="any">
|
|
8
8
|
<link rel="icon" type="image/png" href="/logo.png">
|
|
@@ -17,7 +17,10 @@
|
|
|
17
17
|
:root{--r:12px;--r-s:8px;--r-pill:999px;--font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;--mono:ui-monospace,"JetBrains Mono","Cascadia Code","SF Mono",Menlo,Consolas,monospace;--on-accent:#fff;--hover:color-mix(in srgb,var(--dim) 12%,transparent);--shade:rgb(12 22 47/.08);--shadow-1:0 1px 2px var(--shade);--shadow-2:0 0 0 1px var(--shade),0 8px 24px -6px var(--shade);--canvas:color-mix(in srgb,var(--bg) 95.5%,var(--ink))}
|
|
18
18
|
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--shade:rgb(0 0 0/.45);--canvas:color-mix(in srgb,var(--bg) 70%,black)}}
|
|
19
19
|
:root[data-theme=dark]{--shade:rgb(0 0 0/.45);--canvas:color-mix(in srgb,var(--bg) 70%,black)}
|
|
20
|
-
body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased
|
|
20
|
+
body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;height:100vh;height:100dvh;overflow:hidden;display:flex}
|
|
21
|
+
html{background:var(--canvas)}
|
|
22
|
+
@media(display-mode:standalone){body{position:fixed;inset:0;height:auto;overscroll-behavior:none}}
|
|
23
|
+
@media(max-width:640px),(display-mode:standalone){body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}
|
|
21
24
|
button,input,select{font:inherit;color:inherit;background:none;border:0;padding:0}
|
|
22
25
|
button{cursor:pointer}
|
|
23
26
|
a{color:inherit;text-decoration:none}
|
|
@@ -52,7 +55,7 @@ svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6;stroke
|
|
|
52
55
|
/* end side menu */
|
|
53
56
|
/* the work area: an inset rounded panel on the canvas the side menu sits on */
|
|
54
57
|
.app{flex:1;min-width:0;display:flex;flex-direction:column;margin:8px 8px 8px 0;background:var(--bg);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
|
|
55
|
-
@media(max-width:640px){.app{margin:0;border:0;border-radius:0}}
|
|
58
|
+
@media(max-width:640px){.app{margin:0;border:0;border-radius:0}html,body{background:var(--bg)}}
|
|
56
59
|
/* header: the board's */
|
|
57
60
|
.hdr{display:flex;align-items:center;gap:12px;padding:10px 20px 10px 28px;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent);flex-wrap:wrap}
|
|
58
61
|
pre.mark{margin:0;font:700 8px/1 var(--mono)}
|