@skillre/dsh-plugin-sticky-wall 0.0.0-stage → 0.2.2

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.
Files changed (28) hide show
  1. package/LICENSE +21 -0
  2. package/README.en.md +154 -0
  3. package/README.md +164 -2
  4. package/UNINSTALL.md +26 -0
  5. package/compatibility.json +83 -0
  6. package/cordis.patch.yml +10 -0
  7. package/docs/DETAIL.md +1 -0
  8. package/docs/DETAIL.zh.md +1 -0
  9. package/docs/PREVIEW.md +39 -0
  10. package/docs/preview.svg +170 -0
  11. package/docs/preview.zh.svg +170 -0
  12. package/icon.svg +15 -0
  13. package/lib/client.js +1694 -0
  14. package/lib/config.d.ts +22 -0
  15. package/lib/config.js +21 -0
  16. package/lib/index.d.ts +23 -0
  17. package/lib/index.js +184 -0
  18. package/lib/layout.d.ts +76 -0
  19. package/lib/layout.js +259 -0
  20. package/lib/store.d.ts +182 -0
  21. package/lib/store.js +452 -0
  22. package/lib/transport.d.ts +48 -0
  23. package/lib/transport.js +174 -0
  24. package/lib/types.d.ts +172 -0
  25. package/lib/types.js +64 -0
  26. package/locale/en.json +7 -0
  27. package/locale/zh.json +7 -0
  28. package/package.json +116 -4
package/docs/preview.svg ADDED
@@ -0,0 +1,170 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="1280" height="600" viewBox="0 0 1280 600">
2
+ <defs>
3
+ <linearGradient id="board" x1="0" y1="0" x2="1" y2="1">
4
+ <stop offset="0" stop-color="#1a1d24"/>
5
+ <stop offset="0.55" stop-color="#14161b"/>
6
+ <stop offset="1" stop-color="#0f1115"/>
7
+ </linearGradient>
8
+ <linearGradient id="glow" x1="0" y1="0" x2="0.7" y2="1">
9
+ <stop offset="0" stop-color="#4d7cfe" stop-opacity="0.15"/>
10
+ <stop offset="1" stop-color="#4d7cfe" stop-opacity="0"/>
11
+ </linearGradient>
12
+ <filter id="cardShadow" x="-30%" y="-30%" width="160%" height="180%">
13
+ <feDropShadow dx="0" dy="10" stdDeviation="12" flood-color="#000000" flood-opacity="0.45"/>
14
+ </filter>
15
+ </defs>
16
+
17
+ <!-- The app frame: the wall is the centre column of the DSH shell. -->
18
+ <rect x="0" y="0" width="1280" height="600" fill="url(#board)"/>
19
+ <rect x="28" y="34" width="1224" height="532" rx="18" fill="#ffffff" fill-opacity="0.02" stroke="#ffffff" stroke-opacity="0.07" stroke-width="1"/>
20
+ <rect x="28" y="34" width="1224" height="170" fill="url(#glow)"/>
21
+
22
+
23
+ <rect x="28" y="34" width="72" height="532" rx="16" fill="#ffffff" fill-opacity="0.05" stroke="#ffffff" stroke-opacity="0.09" stroke-width="1"/>
24
+ <circle cx="64" cy="66" r="10" fill="#4d7cfe" fill-opacity="1"/>
25
+ <g transform="translate(56 56)" fill="none" stroke="#ffffff" stroke-opacity="0.95" stroke-width="1.4" stroke-linecap="round">
26
+ <rect x="1" y="5" width="13" height="13" rx="2.4"/>
27
+ <path d="M5.4 2.6h9a2.4 2.4 0 0 1 2.4 2.4v9"/>
28
+ </g>
29
+ <text x="64" y="94" font-size="10.5" fill="#ffffff" fill-opacity="0.58" text-anchor="middle" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">Notes</text>
30
+
31
+ <rect x="44" y="124" width="40" height="26" rx="8" fill="#ffffff" fill-opacity="0.15"/>
32
+ <rect x="44" y="158" width="40" height="26" rx="8" fill="#ffffff" fill-opacity="0.05"/>
33
+ <rect x="44" y="192" width="40" height="26" rx="8" fill="#ffffff" fill-opacity="0.05"/>
34
+
35
+ <!-- Paper dot grid on the canvas. Dots, not a pattern: the parser rejects patterns. -->
36
+ <g fill="#ffffff" fill-opacity="0.05">
37
+ <circle cx="148" cy="176" r="1.6"/><circle cx="198" cy="176" r="1.6"/><circle cx="248" cy="176" r="1.6"/><circle cx="298" cy="176" r="1.6"/><circle cx="348" cy="176" r="1.6"/><circle cx="398" cy="176" r="1.6"/><circle cx="448" cy="176" r="1.6"/><circle cx="498" cy="176" r="1.6"/><circle cx="548" cy="176" r="1.6"/><circle cx="598" cy="176" r="1.6"/><circle cx="648" cy="176" r="1.6"/><circle cx="698" cy="176" r="1.6"/><circle cx="748" cy="176" r="1.6"/><circle cx="798" cy="176" r="1.6"/><circle cx="848" cy="176" r="1.6"/><circle cx="898" cy="176" r="1.6"/><circle cx="948" cy="176" r="1.6"/><circle cx="998" cy="176" r="1.6"/><circle cx="1048" cy="176" r="1.6"/><circle cx="1098" cy="176" r="1.6"/><circle cx="1148" cy="176" r="1.6"/><circle cx="1198" cy="176" r="1.6"/>
38
+ <circle cx="148" cy="212" r="1.6"/><circle cx="198" cy="212" r="1.6"/><circle cx="248" cy="212" r="1.6"/><circle cx="298" cy="212" r="1.6"/><circle cx="348" cy="212" r="1.6"/><circle cx="398" cy="212" r="1.6"/><circle cx="448" cy="212" r="1.6"/><circle cx="498" cy="212" r="1.6"/><circle cx="548" cy="212" r="1.6"/><circle cx="598" cy="212" r="1.6"/><circle cx="648" cy="212" r="1.6"/><circle cx="698" cy="212" r="1.6"/><circle cx="748" cy="212" r="1.6"/><circle cx="798" cy="212" r="1.6"/><circle cx="848" cy="212" r="1.6"/><circle cx="898" cy="212" r="1.6"/><circle cx="948" cy="212" r="1.6"/><circle cx="998" cy="212" r="1.6"/><circle cx="1048" cy="212" r="1.6"/><circle cx="1098" cy="212" r="1.6"/><circle cx="1148" cy="212" r="1.6"/><circle cx="1198" cy="212" r="1.6"/>
39
+ <circle cx="148" cy="248" r="1.6"/><circle cx="198" cy="248" r="1.6"/><circle cx="248" cy="248" r="1.6"/><circle cx="298" cy="248" r="1.6"/><circle cx="348" cy="248" r="1.6"/><circle cx="398" cy="248" r="1.6"/><circle cx="448" cy="248" r="1.6"/><circle cx="498" cy="248" r="1.6"/><circle cx="548" cy="248" r="1.6"/><circle cx="598" cy="248" r="1.6"/><circle cx="648" cy="248" r="1.6"/><circle cx="698" cy="248" r="1.6"/><circle cx="748" cy="248" r="1.6"/><circle cx="798" cy="248" r="1.6"/><circle cx="848" cy="248" r="1.6"/><circle cx="898" cy="248" r="1.6"/><circle cx="948" cy="248" r="1.6"/><circle cx="998" cy="248" r="1.6"/><circle cx="1048" cy="248" r="1.6"/><circle cx="1098" cy="248" r="1.6"/><circle cx="1148" cy="248" r="1.6"/><circle cx="1198" cy="248" r="1.6"/>
40
+ <circle cx="148" cy="284" r="1.6"/><circle cx="198" cy="284" r="1.6"/><circle cx="248" cy="284" r="1.6"/><circle cx="298" cy="284" r="1.6"/><circle cx="348" cy="284" r="1.6"/><circle cx="398" cy="284" r="1.6"/><circle cx="448" cy="284" r="1.6"/><circle cx="498" cy="284" r="1.6"/><circle cx="548" cy="284" r="1.6"/><circle cx="598" cy="284" r="1.6"/><circle cx="648" cy="284" r="1.6"/><circle cx="698" cy="284" r="1.6"/><circle cx="748" cy="284" r="1.6"/><circle cx="798" cy="284" r="1.6"/><circle cx="848" cy="284" r="1.6"/><circle cx="898" cy="284" r="1.6"/><circle cx="948" cy="284" r="1.6"/><circle cx="998" cy="284" r="1.6"/><circle cx="1048" cy="284" r="1.6"/><circle cx="1098" cy="284" r="1.6"/><circle cx="1148" cy="284" r="1.6"/><circle cx="1198" cy="284" r="1.6"/>
41
+ <circle cx="148" cy="320" r="1.6"/><circle cx="198" cy="320" r="1.6"/><circle cx="248" cy="320" r="1.6"/><circle cx="298" cy="320" r="1.6"/><circle cx="348" cy="320" r="1.6"/><circle cx="398" cy="320" r="1.6"/><circle cx="448" cy="320" r="1.6"/><circle cx="498" cy="320" r="1.6"/><circle cx="548" cy="320" r="1.6"/><circle cx="598" cy="320" r="1.6"/><circle cx="648" cy="320" r="1.6"/><circle cx="698" cy="320" r="1.6"/><circle cx="748" cy="320" r="1.6"/><circle cx="798" cy="320" r="1.6"/><circle cx="848" cy="320" r="1.6"/><circle cx="898" cy="320" r="1.6"/><circle cx="948" cy="320" r="1.6"/><circle cx="998" cy="320" r="1.6"/><circle cx="1048" cy="320" r="1.6"/><circle cx="1098" cy="320" r="1.6"/><circle cx="1148" cy="320" r="1.6"/><circle cx="1198" cy="320" r="1.6"/>
42
+ <circle cx="148" cy="356" r="1.6"/><circle cx="198" cy="356" r="1.6"/><circle cx="248" cy="356" r="1.6"/><circle cx="298" cy="356" r="1.6"/><circle cx="348" cy="356" r="1.6"/><circle cx="398" cy="356" r="1.6"/><circle cx="448" cy="356" r="1.6"/><circle cx="498" cy="356" r="1.6"/><circle cx="548" cy="356" r="1.6"/><circle cx="598" cy="356" r="1.6"/><circle cx="648" cy="356" r="1.6"/><circle cx="698" cy="356" r="1.6"/><circle cx="748" cy="356" r="1.6"/><circle cx="798" cy="356" r="1.6"/><circle cx="848" cy="356" r="1.6"/><circle cx="898" cy="356" r="1.6"/><circle cx="948" cy="356" r="1.6"/><circle cx="998" cy="356" r="1.6"/><circle cx="1048" cy="356" r="1.6"/><circle cx="1098" cy="356" r="1.6"/><circle cx="1148" cy="356" r="1.6"/><circle cx="1198" cy="356" r="1.6"/>
43
+ <circle cx="148" cy="392" r="1.6"/><circle cx="198" cy="392" r="1.6"/><circle cx="248" cy="392" r="1.6"/><circle cx="298" cy="392" r="1.6"/><circle cx="348" cy="392" r="1.6"/><circle cx="398" cy="392" r="1.6"/><circle cx="448" cy="392" r="1.6"/><circle cx="498" cy="392" r="1.6"/><circle cx="548" cy="392" r="1.6"/><circle cx="598" cy="392" r="1.6"/><circle cx="648" cy="392" r="1.6"/><circle cx="698" cy="392" r="1.6"/><circle cx="748" cy="392" r="1.6"/><circle cx="798" cy="392" r="1.6"/><circle cx="848" cy="392" r="1.6"/><circle cx="898" cy="392" r="1.6"/><circle cx="948" cy="392" r="1.6"/><circle cx="998" cy="392" r="1.6"/><circle cx="1048" cy="392" r="1.6"/><circle cx="1098" cy="392" r="1.6"/><circle cx="1148" cy="392" r="1.6"/><circle cx="1198" cy="392" r="1.6"/>
44
+ <circle cx="148" cy="428" r="1.6"/><circle cx="198" cy="428" r="1.6"/><circle cx="248" cy="428" r="1.6"/><circle cx="298" cy="428" r="1.6"/><circle cx="348" cy="428" r="1.6"/><circle cx="398" cy="428" r="1.6"/><circle cx="448" cy="428" r="1.6"/><circle cx="498" cy="428" r="1.6"/><circle cx="548" cy="428" r="1.6"/><circle cx="598" cy="428" r="1.6"/><circle cx="648" cy="428" r="1.6"/><circle cx="698" cy="428" r="1.6"/><circle cx="748" cy="428" r="1.6"/><circle cx="798" cy="428" r="1.6"/><circle cx="848" cy="428" r="1.6"/><circle cx="898" cy="428" r="1.6"/><circle cx="948" cy="428" r="1.6"/><circle cx="998" cy="428" r="1.6"/><circle cx="1048" cy="428" r="1.6"/><circle cx="1098" cy="428" r="1.6"/><circle cx="1148" cy="428" r="1.6"/><circle cx="1198" cy="428" r="1.6"/>
45
+ <circle cx="148" cy="464" r="1.6"/><circle cx="198" cy="464" r="1.6"/><circle cx="248" cy="464" r="1.6"/><circle cx="298" cy="464" r="1.6"/><circle cx="348" cy="464" r="1.6"/><circle cx="398" cy="464" r="1.6"/><circle cx="448" cy="464" r="1.6"/><circle cx="498" cy="464" r="1.6"/><circle cx="548" cy="464" r="1.6"/><circle cx="598" cy="464" r="1.6"/><circle cx="648" cy="464" r="1.6"/><circle cx="698" cy="464" r="1.6"/><circle cx="748" cy="464" r="1.6"/><circle cx="798" cy="464" r="1.6"/><circle cx="848" cy="464" r="1.6"/><circle cx="898" cy="464" r="1.6"/><circle cx="948" cy="464" r="1.6"/><circle cx="998" cy="464" r="1.6"/><circle cx="1048" cy="464" r="1.6"/><circle cx="1098" cy="464" r="1.6"/><circle cx="1148" cy="464" r="1.6"/><circle cx="1198" cy="464" r="1.6"/>
46
+ <circle cx="148" cy="500" r="1.6"/><circle cx="198" cy="500" r="1.6"/><circle cx="248" cy="500" r="1.6"/><circle cx="298" cy="500" r="1.6"/><circle cx="348" cy="500" r="1.6"/><circle cx="398" cy="500" r="1.6"/><circle cx="448" cy="500" r="1.6"/><circle cx="498" cy="500" r="1.6"/><circle cx="548" cy="500" r="1.6"/><circle cx="598" cy="500" r="1.6"/><circle cx="648" cy="500" r="1.6"/><circle cx="698" cy="500" r="1.6"/><circle cx="748" cy="500" r="1.6"/><circle cx="798" cy="500" r="1.6"/><circle cx="848" cy="500" r="1.6"/><circle cx="898" cy="500" r="1.6"/><circle cx="948" cy="500" r="1.6"/><circle cx="998" cy="500" r="1.6"/><circle cx="1048" cy="500" r="1.6"/><circle cx="1098" cy="500" r="1.6"/><circle cx="1148" cy="500" r="1.6"/><circle cx="1198" cy="500" r="1.6"/>
47
+ <circle cx="148" cy="536" r="1.6"/><circle cx="198" cy="536" r="1.6"/><circle cx="248" cy="536" r="1.6"/><circle cx="298" cy="536" r="1.6"/><circle cx="348" cy="536" r="1.6"/><circle cx="398" cy="536" r="1.6"/><circle cx="448" cy="536" r="1.6"/><circle cx="498" cy="536" r="1.6"/><circle cx="548" cy="536" r="1.6"/><circle cx="598" cy="536" r="1.6"/><circle cx="648" cy="536" r="1.6"/><circle cx="698" cy="536" r="1.6"/><circle cx="748" cy="536" r="1.6"/><circle cx="798" cy="536" r="1.6"/><circle cx="848" cy="536" r="1.6"/><circle cx="898" cy="536" r="1.6"/><circle cx="948" cy="536" r="1.6"/><circle cx="998" cy="536" r="1.6"/><circle cx="1048" cy="536" r="1.6"/><circle cx="1098" cy="536" r="1.6"/><circle cx="1148" cy="536" r="1.6"/><circle cx="1198" cy="536" r="1.6"/>
48
+ </g>
49
+
50
+
51
+ <text x="128" y="72" font-size="19" font-weight="700" fill="#ffffff" fill-opacity="0.95" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">Sticky Wall</text>
52
+ <text x="128" y="94" font-size="11.5" fill="#ffffff" fill-opacity="0.44" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">Ideas, before they evaporate.</text>
53
+ <rect x="128" y="112" width="296" height="34" rx="10" fill="#ffffff" fill-opacity="0.07" stroke="#ffffff" stroke-opacity="0.12" stroke-width="1"/>
54
+ <circle cx="148" cy="127" r="5.5" fill="none" stroke="#ffffff" stroke-opacity="0.42" stroke-width="1.6"/>
55
+ <path d="M152.4 131.4l4.4 4.4" stroke="#ffffff" stroke-opacity="0.42" stroke-width="1.6" stroke-linecap="round"/>
56
+ <text x="166" y="133" font-size="12" fill="#ffffff" fill-opacity="0.36" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">Search notes…</text>
57
+
58
+ <rect x="436" y="112" width="68" height="34" rx="17" fill="#ffffff" fill-opacity="0.92"/>
59
+ <text x="470" y="134" font-size="12" font-weight="650" fill="#191b21" fill-opacity="1" text-anchor="middle" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">All</text>
60
+ <rect x="512" y="112" width="68" height="34" rx="17" fill="#ffffff" fill-opacity="0.07" stroke="#ffffff" stroke-opacity="0.12" stroke-width="1"/>
61
+ <text x="546" y="134" font-size="12" font-weight="500" fill="#ffffff" fill-opacity="0.58" text-anchor="middle" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">Pinned</text>
62
+ <rect x="588" y="112" width="68" height="34" rx="17" fill="#ffffff" fill-opacity="0.07" stroke="#ffffff" stroke-opacity="0.12" stroke-width="1"/>
63
+ <text x="622" y="134" font-size="12" font-weight="500" fill="#ffffff" fill-opacity="0.58" text-anchor="middle" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">Archived</text>
64
+ <rect x="1080" y="112" width="72" height="34" rx="10" fill="#ffffff" fill-opacity="0.07" stroke="#ffffff" stroke-opacity="0.12" stroke-width="1"/>
65
+ <text x="1116" y="134" font-size="12" font-weight="500" fill="#ffffff" fill-opacity="0.68" text-anchor="middle" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">Tidy</text>
66
+ <rect x="1162" y="112" width="90" height="34" rx="10" fill="#4d7cfe"/>
67
+ <text x="1207" y="134" font-size="12" font-weight="600" fill="#ffffff" text-anchor="middle" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">+ New</text>
68
+
69
+ <g transform="translate(168 194) rotate(-4.5 126 86)">
70
+ <rect x="0" y="0" width="252" height="172" rx="14" fill="#fdf7dc" stroke="#ecdc9e" stroke-width="1.5" filter="url(#cardShadow)"/>
71
+
72
+ <rect x="0" y="16" width="3" height="72" rx="1.5" fill="#e0b53a"/>
73
+ <circle cx="20" cy="24" r="4" fill="#e0b53a" fill-opacity="1"/>
74
+ <text x="236" y="28" font-size="10.5" font-weight="600" fill="#4a3d12" fill-opacity="0.5" text-anchor="end" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">★ pinned</text>
75
+ <text x="18" y="52" font-size="17" font-weight="700" fill="#4a3d12" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">Ship it small</text>
76
+ <text x="18" y="78" font-size="13" font-weight="650" fill="#4a3d12" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">One page, one idea.</text>
77
+
78
+ <text x="18" y="100" font-size="12" font-weight="400" fill="#4a3d12" fill-opacity="0.8" text-anchor="start" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">Write the smallest thing</text>
79
+ <text x="18" y="117" font-size="12" font-weight="400" fill="#4a3d12" fill-opacity="0.8" text-anchor="start" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">that proves it works.</text>
80
+
81
+ <rect x="18" y="138" width="52" height="21" rx="10.5" fill="#e0b53a"/>
82
+ <text x="44" y="152.525" font-size="11.5" font-weight="500" fill="#8a6a0d" text-anchor="middle" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">#idea</text>
83
+
84
+ <rect x="76" y="138" width="52" height="21" rx="10.5" fill="#e0b53a"/>
85
+ <text x="102" y="152.525" font-size="11.5" font-weight="500" fill="#8a6a0d" text-anchor="middle" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">#today</text>
86
+ </g>
87
+ <g transform="translate(444 176) rotate(3.2 99 79)">
88
+ <rect x="0" y="0" width="198" height="158" rx="14" fill="#fde9ef" stroke="#f2c9d6" stroke-width="1.5" filter="url(#cardShadow)"/>
89
+
90
+ <text x="18" y="36" font-size="15" font-weight="650" fill="#5a2437" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">Reading list</text>
91
+
92
+ <circle cx="22" cy="62" r="3.2" fill="#e78aa8" fill-opacity="1"/>
93
+ <text x="34" y="66" font-size="12.5" fill="#5a2437" fill-opacity="0.86" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">Cut the scope</text>
94
+ <circle cx="22" cy="89" r="3.2" fill="#e78aa8" fill-opacity="1"/>
95
+ <text x="34" y="93" font-size="12.5" fill="#5a2437" fill-opacity="0.86" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">Ship on Friday</text>
96
+ <circle cx="22" cy="116" r="3.2" fill="#e78aa8" fill-opacity="1"/>
97
+ <text x="34" y="120" font-size="12.5" fill="#5a2437" fill-opacity="0.86" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">Tell one person</text>
98
+ <text x="182" y="144" font-size="10.5" fill="#5a2437" fill-opacity="0.42" text-anchor="end" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">3d</text>
99
+ </g>
100
+ <g transform="translate(668 212) rotate(-2.4 120 66)">
101
+ <rect x="0" y="0" width="240" height="132" rx="14" fill="#e6f1fd" stroke="#c2daf1" stroke-width="1.5" filter="url(#cardShadow)"/>
102
+
103
+ <text x="18" y="34" font-size="15" font-weight="650" fill="#1b3550" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">Ship notes</text>
104
+ <text x="224" y="34" font-size="10.5" fill="#1b3550" fill-opacity="0.42" text-anchor="end" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">3d</text>
105
+ <rect x="14" y="48" width="212" height="56" rx="8" fill="#1b3550" fill-opacity="0.09" stroke="#1b3550" stroke-opacity="0.16" stroke-width="1"/>
106
+
107
+ <text x="26" y="70" font-size="11.5" font-weight="500" fill="#1b3550" fill-opacity="0.88" text-anchor="start" font-family="ui-monospace, SFMono-Regular, Menlo, monospace">pnpm build</text>
108
+ <text x="26" y="90" font-size="11.5" font-weight="500" fill="#1b3550" fill-opacity="0.88" text-anchor="start" font-family="ui-monospace, SFMono-Regular, Menlo, monospace">then drag me</text>
109
+ </g>
110
+ <g transform="translate(924 168) rotate(4.6 92 70)">
111
+ <rect x="0" y="0" width="184" height="140" rx="14" fill="#e7f6ea" stroke="#c3e5cd" stroke-width="1.5" filter="url(#cardShadow)"/>
112
+
113
+ <text x="18" y="36" font-size="15" font-weight="650" fill="#1d3f27" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">A quiet corner</text>
114
+
115
+ <rect x="18" y="54" width="13" height="13" rx="3" fill="#55b874" stroke="none" stroke-opacity="0.4" stroke-width="1.2"/>
116
+ <path d="M21 60 l2.6 2.6 l4.6 -5.2" stroke="#2c7a47" stroke-width="1.7" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
117
+ <text x="40" y="65" font-size="12.5" fill="#1d3f27" fill-opacity="0.55" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">Draft</text>
118
+ <rect x="18" y="84" width="13" height="13" rx="3" fill="none" stroke="#1d3f27" stroke-opacity="0.4" stroke-width="1.2"/>
119
+
120
+ <text x="40" y="95" font-size="12.5" fill="#1d3f27" fill-opacity="0.86" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">Review</text>
121
+ <text x="168" y="126" font-size="10.5" fill="#1d3f27" fill-opacity="0.42" text-anchor="end" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">3d</text>
122
+ </g>
123
+ <g transform="translate(296 396) rotate(2.8 107 50)">
124
+ <rect x="0" y="0" width="214" height="100" rx="14" fill="#efe9fd" stroke="#d6c9f2" stroke-width="1.5" filter="url(#cardShadow)"/>
125
+
126
+ <rect x="16" y="20" width="2.5" height="60" rx="1.25" fill="#9b81e0"/>
127
+ <text x="30" y="55" font-size="12.5" font-style="italic" fill="#36264f" fill-opacity="0.84" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">Tools should disappear.</text>
128
+ </g>
129
+ <g transform="translate(556 386) rotate(-5.2 86 58)">
130
+ <rect x="0" y="0" width="172" height="116" rx="14" fill="#fdeee0" stroke="#f1d3b4" stroke-width="1.5" filter="url(#cardShadow)"/>
131
+
132
+ <text x="18" y="36" font-size="15" font-weight="650" fill="#4f2d12" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">Morning pages</text>
133
+
134
+ <text x="18" y="60" font-size="12.5" font-weight="400" fill="#4f2d12" fill-opacity="0.84" text-anchor="start" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">Three lines</text>
135
+ <text x="18" y="79" font-size="12.5" font-weight="400" fill="#4f2d12" fill-opacity="0.84" text-anchor="start" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">before coffee.</text>
136
+ </g>
137
+ <g transform="translate(770 372) rotate(1.8 93 62)">
138
+ <rect x="0" y="0" width="186" height="124" rx="14" fill="#fdf7dc" stroke="#ecdc9e" stroke-width="1.5" filter="url(#cardShadow)"/>
139
+
140
+ <text x="18" y="34" font-size="15" font-weight="650" fill="#4a3d12" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">Sprint</text>
141
+ <text x="18" y="64" font-size="11.5" font-weight="650" fill="#4a3d12" fill-opacity="0.9" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">Plan</text>
142
+ <text x="92" y="64" font-size="11.5" font-weight="650" fill="#4a3d12" fill-opacity="0.9" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">Days</text>
143
+ <line x1="16" y1="72" x2="170" y2="72" stroke="#4a3d12" stroke-opacity="0.3" stroke-width="1"/>
144
+ <text x="18" y="92" font-size="11.5" fill="#4a3d12" fill-opacity="0.78" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">Write</text>
145
+ <text x="92" y="92" font-size="11.5" fill="#4a3d12" fill-opacity="0.78" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">2</text>
146
+ </g>
147
+ <g transform="translate(998 344) rotate(-3.6 86 64)">
148
+ <rect x="0" y="0" width="172" height="128" rx="14" fill="#fde9ef" stroke="#f2c9d6" stroke-width="1.5" filter="url(#cardShadow)"/>
149
+
150
+ <text x="18" y="36" font-size="15" font-weight="650" fill="#5a2437" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">Slow is smooth</text>
151
+
152
+ <text x="18" y="62" font-size="12.5" font-weight="400" fill="#5a2437" fill-opacity="0.8" text-anchor="start" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">Nothing here</text>
153
+ <text x="18" y="81" font-size="12.5" font-weight="400" fill="#5a2437" fill-opacity="0.8" text-anchor="start" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">is urgent.</text>
154
+ <text x="156" y="114" font-size="10.5" fill="#5a2437" fill-opacity="0.42" text-anchor="end" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">3d</text>
155
+ </g>
156
+
157
+ <!-- Drag cue: the dashed drop target and a pointer on the hero card's corner. -->
158
+ <rect x="176" y="202" width="252" height="172" rx="14" fill="none" stroke="#ffffff" stroke-opacity="0.3" stroke-width="1.4" stroke-dasharray="7 7" transform="rotate(-4.5 302 288)"/>
159
+ <g transform="translate(404 356)">
160
+ <path d="M0 0v20l5.2-5.2 3.6 8.4 4.2-1.8-3.6-8.2 7-.2z" fill="#ffffff" fill-opacity="0.92" stroke="#191c22" stroke-width="1.4" stroke-linejoin="round"/>
161
+ <rect x="15" y="18" width="54" height="20" rx="10" fill="#ffffff" fill-opacity="0.14" stroke="#ffffff" stroke-opacity="0.22" stroke-width="1"/>
162
+ <text x="42" y="32" font-size="10.5" fill="#ffffff" fill-opacity="0.78" text-anchor="middle" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">drag</text>
163
+ </g>
164
+
165
+
166
+ <rect x="128" y="522" width="128" height="32" rx="16" fill="#ffffff" fill-opacity="0.09" stroke="#ffffff" stroke-opacity="0.14" stroke-width="1"/>
167
+ <text x="150" y="543" font-size="13" fill="#ffffff" fill-opacity="0.6" text-anchor="middle" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">−</text>
168
+ <text x="192" y="542" font-size="11" fill="#ffffff" fill-opacity="0.52" text-anchor="middle" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">100%</text>
169
+ <text x="234" y="543" font-size="13" fill="#ffffff" fill-opacity="0.6" text-anchor="middle" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">+</text>
170
+ </svg>
package/docs/preview.zh.svg ADDED
@@ -0,0 +1,170 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="1280" height="600" viewBox="0 0 1280 600">
2
+ <defs>
3
+ <linearGradient id="board" x1="0" y1="0" x2="1" y2="1">
4
+ <stop offset="0" stop-color="#1a1d24"/>
5
+ <stop offset="0.55" stop-color="#14161b"/>
6
+ <stop offset="1" stop-color="#0f1115"/>
7
+ </linearGradient>
8
+ <linearGradient id="glow" x1="0" y1="0" x2="0.7" y2="1">
9
+ <stop offset="0" stop-color="#4d7cfe" stop-opacity="0.15"/>
10
+ <stop offset="1" stop-color="#4d7cfe" stop-opacity="0"/>
11
+ </linearGradient>
12
+ <filter id="cardShadow" x="-30%" y="-30%" width="160%" height="180%">
13
+ <feDropShadow dx="0" dy="10" stdDeviation="12" flood-color="#000000" flood-opacity="0.45"/>
14
+ </filter>
15
+ </defs>
16
+
17
+ <!-- The app frame: the wall is the centre column of the DSH shell. -->
18
+ <rect x="0" y="0" width="1280" height="600" fill="url(#board)"/>
19
+ <rect x="28" y="34" width="1224" height="532" rx="18" fill="#ffffff" fill-opacity="0.02" stroke="#ffffff" stroke-opacity="0.07" stroke-width="1"/>
20
+ <rect x="28" y="34" width="1224" height="170" fill="url(#glow)"/>
21
+
22
+
23
+ <rect x="28" y="34" width="72" height="532" rx="16" fill="#ffffff" fill-opacity="0.05" stroke="#ffffff" stroke-opacity="0.09" stroke-width="1"/>
24
+ <circle cx="64" cy="66" r="10" fill="#4d7cfe" fill-opacity="1"/>
25
+ <g transform="translate(56 56)" fill="none" stroke="#ffffff" stroke-opacity="0.95" stroke-width="1.4" stroke-linecap="round">
26
+ <rect x="1" y="5" width="13" height="13" rx="2.4"/>
27
+ <path d="M5.4 2.6h9a2.4 2.4 0 0 1 2.4 2.4v9"/>
28
+ </g>
29
+ <text x="64" y="94" font-size="10.5" fill="#ffffff" fill-opacity="0.58" text-anchor="middle" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">便签墙</text>
30
+
31
+ <rect x="44" y="124" width="40" height="26" rx="8" fill="#ffffff" fill-opacity="0.15"/>
32
+ <rect x="44" y="158" width="40" height="26" rx="8" fill="#ffffff" fill-opacity="0.05"/>
33
+ <rect x="44" y="192" width="40" height="26" rx="8" fill="#ffffff" fill-opacity="0.05"/>
34
+
35
+ <!-- Paper dot grid on the canvas. Dots, not a pattern: the parser rejects patterns. -->
36
+ <g fill="#ffffff" fill-opacity="0.05">
37
+ <circle cx="148" cy="176" r="1.6"/><circle cx="198" cy="176" r="1.6"/><circle cx="248" cy="176" r="1.6"/><circle cx="298" cy="176" r="1.6"/><circle cx="348" cy="176" r="1.6"/><circle cx="398" cy="176" r="1.6"/><circle cx="448" cy="176" r="1.6"/><circle cx="498" cy="176" r="1.6"/><circle cx="548" cy="176" r="1.6"/><circle cx="598" cy="176" r="1.6"/><circle cx="648" cy="176" r="1.6"/><circle cx="698" cy="176" r="1.6"/><circle cx="748" cy="176" r="1.6"/><circle cx="798" cy="176" r="1.6"/><circle cx="848" cy="176" r="1.6"/><circle cx="898" cy="176" r="1.6"/><circle cx="948" cy="176" r="1.6"/><circle cx="998" cy="176" r="1.6"/><circle cx="1048" cy="176" r="1.6"/><circle cx="1098" cy="176" r="1.6"/><circle cx="1148" cy="176" r="1.6"/><circle cx="1198" cy="176" r="1.6"/>
38
+ <circle cx="148" cy="212" r="1.6"/><circle cx="198" cy="212" r="1.6"/><circle cx="248" cy="212" r="1.6"/><circle cx="298" cy="212" r="1.6"/><circle cx="348" cy="212" r="1.6"/><circle cx="398" cy="212" r="1.6"/><circle cx="448" cy="212" r="1.6"/><circle cx="498" cy="212" r="1.6"/><circle cx="548" cy="212" r="1.6"/><circle cx="598" cy="212" r="1.6"/><circle cx="648" cy="212" r="1.6"/><circle cx="698" cy="212" r="1.6"/><circle cx="748" cy="212" r="1.6"/><circle cx="798" cy="212" r="1.6"/><circle cx="848" cy="212" r="1.6"/><circle cx="898" cy="212" r="1.6"/><circle cx="948" cy="212" r="1.6"/><circle cx="998" cy="212" r="1.6"/><circle cx="1048" cy="212" r="1.6"/><circle cx="1098" cy="212" r="1.6"/><circle cx="1148" cy="212" r="1.6"/><circle cx="1198" cy="212" r="1.6"/>
39
+ <circle cx="148" cy="248" r="1.6"/><circle cx="198" cy="248" r="1.6"/><circle cx="248" cy="248" r="1.6"/><circle cx="298" cy="248" r="1.6"/><circle cx="348" cy="248" r="1.6"/><circle cx="398" cy="248" r="1.6"/><circle cx="448" cy="248" r="1.6"/><circle cx="498" cy="248" r="1.6"/><circle cx="548" cy="248" r="1.6"/><circle cx="598" cy="248" r="1.6"/><circle cx="648" cy="248" r="1.6"/><circle cx="698" cy="248" r="1.6"/><circle cx="748" cy="248" r="1.6"/><circle cx="798" cy="248" r="1.6"/><circle cx="848" cy="248" r="1.6"/><circle cx="898" cy="248" r="1.6"/><circle cx="948" cy="248" r="1.6"/><circle cx="998" cy="248" r="1.6"/><circle cx="1048" cy="248" r="1.6"/><circle cx="1098" cy="248" r="1.6"/><circle cx="1148" cy="248" r="1.6"/><circle cx="1198" cy="248" r="1.6"/>
40
+ <circle cx="148" cy="284" r="1.6"/><circle cx="198" cy="284" r="1.6"/><circle cx="248" cy="284" r="1.6"/><circle cx="298" cy="284" r="1.6"/><circle cx="348" cy="284" r="1.6"/><circle cx="398" cy="284" r="1.6"/><circle cx="448" cy="284" r="1.6"/><circle cx="498" cy="284" r="1.6"/><circle cx="548" cy="284" r="1.6"/><circle cx="598" cy="284" r="1.6"/><circle cx="648" cy="284" r="1.6"/><circle cx="698" cy="284" r="1.6"/><circle cx="748" cy="284" r="1.6"/><circle cx="798" cy="284" r="1.6"/><circle cx="848" cy="284" r="1.6"/><circle cx="898" cy="284" r="1.6"/><circle cx="948" cy="284" r="1.6"/><circle cx="998" cy="284" r="1.6"/><circle cx="1048" cy="284" r="1.6"/><circle cx="1098" cy="284" r="1.6"/><circle cx="1148" cy="284" r="1.6"/><circle cx="1198" cy="284" r="1.6"/>
41
+ <circle cx="148" cy="320" r="1.6"/><circle cx="198" cy="320" r="1.6"/><circle cx="248" cy="320" r="1.6"/><circle cx="298" cy="320" r="1.6"/><circle cx="348" cy="320" r="1.6"/><circle cx="398" cy="320" r="1.6"/><circle cx="448" cy="320" r="1.6"/><circle cx="498" cy="320" r="1.6"/><circle cx="548" cy="320" r="1.6"/><circle cx="598" cy="320" r="1.6"/><circle cx="648" cy="320" r="1.6"/><circle cx="698" cy="320" r="1.6"/><circle cx="748" cy="320" r="1.6"/><circle cx="798" cy="320" r="1.6"/><circle cx="848" cy="320" r="1.6"/><circle cx="898" cy="320" r="1.6"/><circle cx="948" cy="320" r="1.6"/><circle cx="998" cy="320" r="1.6"/><circle cx="1048" cy="320" r="1.6"/><circle cx="1098" cy="320" r="1.6"/><circle cx="1148" cy="320" r="1.6"/><circle cx="1198" cy="320" r="1.6"/>
42
+ <circle cx="148" cy="356" r="1.6"/><circle cx="198" cy="356" r="1.6"/><circle cx="248" cy="356" r="1.6"/><circle cx="298" cy="356" r="1.6"/><circle cx="348" cy="356" r="1.6"/><circle cx="398" cy="356" r="1.6"/><circle cx="448" cy="356" r="1.6"/><circle cx="498" cy="356" r="1.6"/><circle cx="548" cy="356" r="1.6"/><circle cx="598" cy="356" r="1.6"/><circle cx="648" cy="356" r="1.6"/><circle cx="698" cy="356" r="1.6"/><circle cx="748" cy="356" r="1.6"/><circle cx="798" cy="356" r="1.6"/><circle cx="848" cy="356" r="1.6"/><circle cx="898" cy="356" r="1.6"/><circle cx="948" cy="356" r="1.6"/><circle cx="998" cy="356" r="1.6"/><circle cx="1048" cy="356" r="1.6"/><circle cx="1098" cy="356" r="1.6"/><circle cx="1148" cy="356" r="1.6"/><circle cx="1198" cy="356" r="1.6"/>
43
+ <circle cx="148" cy="392" r="1.6"/><circle cx="198" cy="392" r="1.6"/><circle cx="248" cy="392" r="1.6"/><circle cx="298" cy="392" r="1.6"/><circle cx="348" cy="392" r="1.6"/><circle cx="398" cy="392" r="1.6"/><circle cx="448" cy="392" r="1.6"/><circle cx="498" cy="392" r="1.6"/><circle cx="548" cy="392" r="1.6"/><circle cx="598" cy="392" r="1.6"/><circle cx="648" cy="392" r="1.6"/><circle cx="698" cy="392" r="1.6"/><circle cx="748" cy="392" r="1.6"/><circle cx="798" cy="392" r="1.6"/><circle cx="848" cy="392" r="1.6"/><circle cx="898" cy="392" r="1.6"/><circle cx="948" cy="392" r="1.6"/><circle cx="998" cy="392" r="1.6"/><circle cx="1048" cy="392" r="1.6"/><circle cx="1098" cy="392" r="1.6"/><circle cx="1148" cy="392" r="1.6"/><circle cx="1198" cy="392" r="1.6"/>
44
+ <circle cx="148" cy="428" r="1.6"/><circle cx="198" cy="428" r="1.6"/><circle cx="248" cy="428" r="1.6"/><circle cx="298" cy="428" r="1.6"/><circle cx="348" cy="428" r="1.6"/><circle cx="398" cy="428" r="1.6"/><circle cx="448" cy="428" r="1.6"/><circle cx="498" cy="428" r="1.6"/><circle cx="548" cy="428" r="1.6"/><circle cx="598" cy="428" r="1.6"/><circle cx="648" cy="428" r="1.6"/><circle cx="698" cy="428" r="1.6"/><circle cx="748" cy="428" r="1.6"/><circle cx="798" cy="428" r="1.6"/><circle cx="848" cy="428" r="1.6"/><circle cx="898" cy="428" r="1.6"/><circle cx="948" cy="428" r="1.6"/><circle cx="998" cy="428" r="1.6"/><circle cx="1048" cy="428" r="1.6"/><circle cx="1098" cy="428" r="1.6"/><circle cx="1148" cy="428" r="1.6"/><circle cx="1198" cy="428" r="1.6"/>
45
+ <circle cx="148" cy="464" r="1.6"/><circle cx="198" cy="464" r="1.6"/><circle cx="248" cy="464" r="1.6"/><circle cx="298" cy="464" r="1.6"/><circle cx="348" cy="464" r="1.6"/><circle cx="398" cy="464" r="1.6"/><circle cx="448" cy="464" r="1.6"/><circle cx="498" cy="464" r="1.6"/><circle cx="548" cy="464" r="1.6"/><circle cx="598" cy="464" r="1.6"/><circle cx="648" cy="464" r="1.6"/><circle cx="698" cy="464" r="1.6"/><circle cx="748" cy="464" r="1.6"/><circle cx="798" cy="464" r="1.6"/><circle cx="848" cy="464" r="1.6"/><circle cx="898" cy="464" r="1.6"/><circle cx="948" cy="464" r="1.6"/><circle cx="998" cy="464" r="1.6"/><circle cx="1048" cy="464" r="1.6"/><circle cx="1098" cy="464" r="1.6"/><circle cx="1148" cy="464" r="1.6"/><circle cx="1198" cy="464" r="1.6"/>
46
+ <circle cx="148" cy="500" r="1.6"/><circle cx="198" cy="500" r="1.6"/><circle cx="248" cy="500" r="1.6"/><circle cx="298" cy="500" r="1.6"/><circle cx="348" cy="500" r="1.6"/><circle cx="398" cy="500" r="1.6"/><circle cx="448" cy="500" r="1.6"/><circle cx="498" cy="500" r="1.6"/><circle cx="548" cy="500" r="1.6"/><circle cx="598" cy="500" r="1.6"/><circle cx="648" cy="500" r="1.6"/><circle cx="698" cy="500" r="1.6"/><circle cx="748" cy="500" r="1.6"/><circle cx="798" cy="500" r="1.6"/><circle cx="848" cy="500" r="1.6"/><circle cx="898" cy="500" r="1.6"/><circle cx="948" cy="500" r="1.6"/><circle cx="998" cy="500" r="1.6"/><circle cx="1048" cy="500" r="1.6"/><circle cx="1098" cy="500" r="1.6"/><circle cx="1148" cy="500" r="1.6"/><circle cx="1198" cy="500" r="1.6"/>
47
+ <circle cx="148" cy="536" r="1.6"/><circle cx="198" cy="536" r="1.6"/><circle cx="248" cy="536" r="1.6"/><circle cx="298" cy="536" r="1.6"/><circle cx="348" cy="536" r="1.6"/><circle cx="398" cy="536" r="1.6"/><circle cx="448" cy="536" r="1.6"/><circle cx="498" cy="536" r="1.6"/><circle cx="548" cy="536" r="1.6"/><circle cx="598" cy="536" r="1.6"/><circle cx="648" cy="536" r="1.6"/><circle cx="698" cy="536" r="1.6"/><circle cx="748" cy="536" r="1.6"/><circle cx="798" cy="536" r="1.6"/><circle cx="848" cy="536" r="1.6"/><circle cx="898" cy="536" r="1.6"/><circle cx="948" cy="536" r="1.6"/><circle cx="998" cy="536" r="1.6"/><circle cx="1048" cy="536" r="1.6"/><circle cx="1098" cy="536" r="1.6"/><circle cx="1148" cy="536" r="1.6"/><circle cx="1198" cy="536" r="1.6"/>
48
+ </g>
49
+
50
+
51
+ <text x="128" y="72" font-size="19" font-weight="700" fill="#ffffff" fill-opacity="0.95" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">便签墙</text>
52
+ <text x="128" y="94" font-size="11.5" fill="#ffffff" fill-opacity="0.44" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">灵感还没溜走的时候。</text>
53
+ <rect x="128" y="112" width="296" height="34" rx="10" fill="#ffffff" fill-opacity="0.07" stroke="#ffffff" stroke-opacity="0.12" stroke-width="1"/>
54
+ <circle cx="148" cy="127" r="5.5" fill="none" stroke="#ffffff" stroke-opacity="0.42" stroke-width="1.6"/>
55
+ <path d="M152.4 131.4l4.4 4.4" stroke="#ffffff" stroke-opacity="0.42" stroke-width="1.6" stroke-linecap="round"/>
56
+ <text x="166" y="133" font-size="12" fill="#ffffff" fill-opacity="0.36" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">搜索便签…</text>
57
+
58
+ <rect x="436" y="112" width="68" height="34" rx="17" fill="#ffffff" fill-opacity="0.92"/>
59
+ <text x="470" y="134" font-size="12" font-weight="650" fill="#191b21" fill-opacity="1" text-anchor="middle" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">全部</text>
60
+ <rect x="512" y="112" width="68" height="34" rx="17" fill="#ffffff" fill-opacity="0.07" stroke="#ffffff" stroke-opacity="0.12" stroke-width="1"/>
61
+ <text x="546" y="134" font-size="12" font-weight="500" fill="#ffffff" fill-opacity="0.58" text-anchor="middle" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">置顶</text>
62
+ <rect x="588" y="112" width="68" height="34" rx="17" fill="#ffffff" fill-opacity="0.07" stroke="#ffffff" stroke-opacity="0.12" stroke-width="1"/>
63
+ <text x="622" y="134" font-size="12" font-weight="500" fill="#ffffff" fill-opacity="0.58" text-anchor="middle" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">归档</text>
64
+ <rect x="1080" y="112" width="72" height="34" rx="10" fill="#ffffff" fill-opacity="0.07" stroke="#ffffff" stroke-opacity="0.12" stroke-width="1"/>
65
+ <text x="1116" y="134" font-size="12" font-weight="500" fill="#ffffff" fill-opacity="0.68" text-anchor="middle" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">整理</text>
66
+ <rect x="1162" y="112" width="90" height="34" rx="10" fill="#4d7cfe"/>
67
+ <text x="1207" y="134" font-size="12" font-weight="600" fill="#ffffff" text-anchor="middle" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">+ 新建</text>
68
+
69
+ <g transform="translate(168 194) rotate(-4.5 126 86)">
70
+ <rect x="0" y="0" width="252" height="172" rx="14" fill="#fdf7dc" stroke="#ecdc9e" stroke-width="1.5" filter="url(#cardShadow)"/>
71
+
72
+ <rect x="0" y="16" width="3" height="72" rx="1.5" fill="#e0b53a"/>
73
+ <circle cx="20" cy="24" r="4" fill="#e0b53a" fill-opacity="1"/>
74
+ <text x="236" y="28" font-size="10.5" font-weight="600" fill="#4a3d12" fill-opacity="0.5" text-anchor="end" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">★ 已置顶</text>
75
+ <text x="18" y="52" font-size="17" font-weight="700" fill="#4a3d12" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">先做小一点</text>
76
+ <text x="18" y="78" font-size="13" font-weight="650" fill="#4a3d12" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">一页纸，一个想法。</text>
77
+
78
+ <text x="18" y="100" font-size="12" font-weight="400" fill="#4a3d12" fill-opacity="0.8" text-anchor="start" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">写下能证明它成立</text>
79
+ <text x="18" y="117" font-size="12" font-weight="400" fill="#4a3d12" fill-opacity="0.8" text-anchor="start" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">的最小版本。</text>
80
+
81
+ <rect x="18" y="138" width="52" height="21" rx="10.5" fill="#e0b53a"/>
82
+ <text x="44" y="152.525" font-size="11.5" font-weight="500" fill="#8a6a0d" text-anchor="middle" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">#灵感</text>
83
+
84
+ <rect x="76" y="138" width="52" height="21" rx="10.5" fill="#e0b53a"/>
85
+ <text x="102" y="152.525" font-size="11.5" font-weight="500" fill="#8a6a0d" text-anchor="middle" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">#今天</text>
86
+ </g>
87
+ <g transform="translate(444 176) rotate(3.2 99 79)">
88
+ <rect x="0" y="0" width="198" height="158" rx="14" fill="#fde9ef" stroke="#f2c9d6" stroke-width="1.5" filter="url(#cardShadow)"/>
89
+
90
+ <text x="18" y="36" font-size="15" font-weight="650" fill="#5a2437" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">待读清单</text>
91
+
92
+ <circle cx="22" cy="62" r="3.2" fill="#e78aa8" fill-opacity="1"/>
93
+ <text x="34" y="66" font-size="12.5" fill="#5a2437" fill-opacity="0.86" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">砍掉范围</text>
94
+ <circle cx="22" cy="89" r="3.2" fill="#e78aa8" fill-opacity="1"/>
95
+ <text x="34" y="93" font-size="12.5" fill="#5a2437" fill-opacity="0.86" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">周五发布</text>
96
+ <circle cx="22" cy="116" r="3.2" fill="#e78aa8" fill-opacity="1"/>
97
+ <text x="34" y="120" font-size="12.5" fill="#5a2437" fill-opacity="0.86" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">告诉一个人</text>
98
+ <text x="182" y="144" font-size="10.5" fill="#5a2437" fill-opacity="0.42" text-anchor="end" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">3 天</text>
99
+ </g>
100
+ <g transform="translate(668 212) rotate(-2.4 120 66)">
101
+ <rect x="0" y="0" width="240" height="132" rx="14" fill="#e6f1fd" stroke="#c2daf1" stroke-width="1.5" filter="url(#cardShadow)"/>
102
+
103
+ <text x="18" y="34" font-size="15" font-weight="650" fill="#1b3550" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">发布便签</text>
104
+ <text x="224" y="34" font-size="10.5" fill="#1b3550" fill-opacity="0.42" text-anchor="end" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">3 天</text>
105
+ <rect x="14" y="48" width="212" height="56" rx="8" fill="#1b3550" fill-opacity="0.09" stroke="#1b3550" stroke-opacity="0.16" stroke-width="1"/>
106
+
107
+ <text x="26" y="70" font-size="11.5" font-weight="500" fill="#1b3550" fill-opacity="0.88" text-anchor="start" font-family="ui-monospace, SFMono-Regular, Menlo, monospace">pnpm build</text>
108
+ <text x="26" y="90" font-size="11.5" font-weight="500" fill="#1b3550" fill-opacity="0.88" text-anchor="start" font-family="ui-monospace, SFMono-Regular, Menlo, monospace">然后把我拖走</text>
109
+ </g>
110
+ <g transform="translate(924 168) rotate(4.6 92 70)">
111
+ <rect x="0" y="0" width="184" height="140" rx="14" fill="#e7f6ea" stroke="#c3e5cd" stroke-width="1.5" filter="url(#cardShadow)"/>
112
+
113
+ <text x="18" y="36" font-size="15" font-weight="650" fill="#1d3f27" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">安静的角落</text>
114
+
115
+ <rect x="18" y="54" width="13" height="13" rx="3" fill="#55b874" stroke="none" stroke-opacity="0.4" stroke-width="1.2"/>
116
+ <path d="M21 60 l2.6 2.6 l4.6 -5.2" stroke="#2c7a47" stroke-width="1.7" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
117
+ <text x="40" y="65" font-size="12.5" fill="#1d3f27" fill-opacity="0.55" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">起草</text>
118
+ <rect x="18" y="84" width="13" height="13" rx="3" fill="none" stroke="#1d3f27" stroke-opacity="0.4" stroke-width="1.2"/>
119
+
120
+ <text x="40" y="95" font-size="12.5" fill="#1d3f27" fill-opacity="0.86" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">复看</text>
121
+ <text x="168" y="126" font-size="10.5" fill="#1d3f27" fill-opacity="0.42" text-anchor="end" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">3 天</text>
122
+ </g>
123
+ <g transform="translate(296 396) rotate(2.8 107 50)">
124
+ <rect x="0" y="0" width="214" height="100" rx="14" fill="#efe9fd" stroke="#d6c9f2" stroke-width="1.5" filter="url(#cardShadow)"/>
125
+
126
+ <rect x="16" y="20" width="2.5" height="60" rx="1.25" fill="#9b81e0"/>
127
+ <text x="30" y="55" font-size="12.5" font-style="italic" fill="#36264f" fill-opacity="0.84" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">工具应该消失。</text>
128
+ </g>
129
+ <g transform="translate(556 386) rotate(-5.2 86 58)">
130
+ <rect x="0" y="0" width="172" height="116" rx="14" fill="#fdeee0" stroke="#f1d3b4" stroke-width="1.5" filter="url(#cardShadow)"/>
131
+
132
+ <text x="18" y="36" font-size="15" font-weight="650" fill="#4f2d12" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">晨间三行</text>
133
+
134
+ <text x="18" y="60" font-size="12.5" font-weight="400" fill="#4f2d12" fill-opacity="0.84" text-anchor="start" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">咖啡之前</text>
135
+ <text x="18" y="79" font-size="12.5" font-weight="400" fill="#4f2d12" fill-opacity="0.84" text-anchor="start" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">先写三行。</text>
136
+ </g>
137
+ <g transform="translate(770 372) rotate(1.8 93 62)">
138
+ <rect x="0" y="0" width="186" height="124" rx="14" fill="#fdf7dc" stroke="#ecdc9e" stroke-width="1.5" filter="url(#cardShadow)"/>
139
+
140
+ <text x="18" y="34" font-size="15" font-weight="650" fill="#4a3d12" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">本周</text>
141
+ <text x="18" y="64" font-size="11.5" font-weight="650" fill="#4a3d12" fill-opacity="0.9" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">计划</text>
142
+ <text x="92" y="64" font-size="11.5" font-weight="650" fill="#4a3d12" fill-opacity="0.9" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">天</text>
143
+ <line x1="16" y1="72" x2="170" y2="72" stroke="#4a3d12" stroke-opacity="0.3" stroke-width="1"/>
144
+ <text x="18" y="92" font-size="11.5" fill="#4a3d12" fill-opacity="0.78" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">写作</text>
145
+ <text x="92" y="92" font-size="11.5" fill="#4a3d12" fill-opacity="0.78" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">2</text>
146
+ </g>
147
+ <g transform="translate(998 344) rotate(-3.6 86 64)">
148
+ <rect x="0" y="0" width="172" height="128" rx="14" fill="#fde9ef" stroke="#f2c9d6" stroke-width="1.5" filter="url(#cardShadow)"/>
149
+
150
+ <text x="18" y="36" font-size="15" font-weight="650" fill="#5a2437" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">慢就是稳</text>
151
+
152
+ <text x="18" y="62" font-size="12.5" font-weight="400" fill="#5a2437" fill-opacity="0.8" text-anchor="start" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">这里没有</text>
153
+ <text x="18" y="81" font-size="12.5" font-weight="400" fill="#5a2437" fill-opacity="0.8" text-anchor="start" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">什么急事。</text>
154
+ <text x="156" y="114" font-size="10.5" fill="#5a2437" fill-opacity="0.42" text-anchor="end" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">3 天</text>
155
+ </g>
156
+
157
+ <!-- Drag cue: the dashed drop target and a pointer on the hero card's corner. -->
158
+ <rect x="176" y="202" width="252" height="172" rx="14" fill="none" stroke="#ffffff" stroke-opacity="0.3" stroke-width="1.4" stroke-dasharray="7 7" transform="rotate(-4.5 302 288)"/>
159
+ <g transform="translate(404 356)">
160
+ <path d="M0 0v20l5.2-5.2 3.6 8.4 4.2-1.8-3.6-8.2 7-.2z" fill="#ffffff" fill-opacity="0.92" stroke="#191c22" stroke-width="1.4" stroke-linejoin="round"/>
161
+ <rect x="15" y="18" width="54" height="20" rx="10" fill="#ffffff" fill-opacity="0.14" stroke="#ffffff" stroke-opacity="0.22" stroke-width="1"/>
162
+ <text x="42" y="32" font-size="10.5" fill="#ffffff" fill-opacity="0.78" text-anchor="middle" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">拖动</text>
163
+ </g>
164
+
165
+
166
+ <rect x="128" y="522" width="128" height="32" rx="16" fill="#ffffff" fill-opacity="0.09" stroke="#ffffff" stroke-opacity="0.14" stroke-width="1"/>
167
+ <text x="150" y="543" font-size="13" fill="#ffffff" fill-opacity="0.6" text-anchor="middle" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">−</text>
168
+ <text x="192" y="542" font-size="11" fill="#ffffff" fill-opacity="0.52" text-anchor="middle" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">100%</text>
169
+ <text x="234" y="543" font-size="13" fill="#ffffff" fill-opacity="0.6" text-anchor="middle" font-family="Inter, 'Noto Sans SC', system-ui, sans-serif">+</text>
170
+ </svg>
package/icon.svg ADDED
@@ -0,0 +1,15 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" width="96" height="96" role="img" aria-label="Sticky Wall">
2
+ <defs>
3
+ <linearGradient id="skw-bg" x1="0" y1="0" x2="1" y2="1">
4
+ <stop offset="0" stop-color="#f7d774" />
5
+ <stop offset="1" stop-color="#f0b93f" />
6
+ </linearGradient>
7
+ </defs>
8
+ <rect x="6" y="6" width="84" height="84" rx="20" fill="url(#skw-bg)" />
9
+ <!-- Back note, offset up-right -->
10
+ <rect x="40" y="20" width="34" height="34" rx="7" fill="#ffffff" opacity="0.55" />
11
+ <!-- Front note with a folded corner -->
12
+ <path d="M20 34h34l10 10v24a6 6 0 0 1-6 6H20a6 6 0 0 1-6-6V40a6 6 0 0 1 6-6z" fill="#ffffff" />
13
+ <path d="M54 34l10 10h-8a2 2 0 0 1-2-2z" fill="#e9d9a0" />
14
+ <path d="M24 50h24M24 58h18M24 66h20" stroke="#c9a13a" stroke-width="3.2" stroke-linecap="round" />
15
+ </svg>