@panphora/clayjs 1.23.0 → 1.24.1

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 (471) hide show
  1. package/dist/all.js +1 -1
  2. package/dist/blockeditor/themes/light-1.css +431 -0
  3. package/dist/clay-dom.js +1 -1
  4. package/dist/clay-events.js +1 -1
  5. package/dist/clay-internals.js +1 -1
  6. package/dist/clay-options.js +1 -1
  7. package/dist/clay-router.js +1 -1
  8. package/dist/clay-ui.js +1 -1
  9. package/dist/clay-utils.js +1 -1
  10. package/dist/clay.js +1 -1
  11. package/dist/clay.standalone.js +30285 -26613
  12. package/dist/m/c-277QP5ET.js +1 -0
  13. package/dist/m/c-2BLVA6IN.js +5 -0
  14. package/dist/m/c-2OJMOUPC.js +1 -0
  15. package/dist/m/c-2PVGJFI5.js +1 -0
  16. package/dist/m/{c-AYVGD6A6.js → c-3UW5EJ77.js} +1 -1
  17. package/dist/m/{c-T5NK2TVY.js → c-42ZNV7LI.js} +1 -1
  18. package/dist/m/{c-3TLG3OLG.js → c-46LJAZZJ.js} +1 -1
  19. package/dist/m/c-47IBJGPQ.js +1 -0
  20. package/dist/m/c-5FXEKU4Y.js +1 -0
  21. package/dist/m/c-5KXDKC5G.js +1 -0
  22. package/dist/m/{c-EUGJVHDD.js → c-5RZNFTWD.js} +1 -1
  23. package/dist/m/c-65LJU2H2.js +72 -0
  24. package/dist/m/{c-NQJRVJ56.js → c-6IJEVE6B.js} +1 -1
  25. package/dist/m/{c-NW54NHKE.js → c-6LEYVQJK.js} +1 -1
  26. package/dist/m/{c-GSRLXYWL.js → c-6Q6RGFBF.js} +1 -1
  27. package/dist/m/c-6RGEQNVV.js +1 -0
  28. package/dist/m/c-7CM4GMTS.js +6 -0
  29. package/dist/m/c-7NCWENHV.js +1 -0
  30. package/dist/m/c-7V6MGMX2.js +1 -0
  31. package/dist/m/{c-LKSL4AUJ.js → c-7WZSUTYP.js} +1 -1
  32. package/dist/m/c-A4L7APIU.js +1 -0
  33. package/dist/m/c-APGHGDZM.js +1 -0
  34. package/dist/m/c-AT7GLQGV.js +34 -0
  35. package/dist/m/{c-ZRXJD4G6.js → c-B7GOFGQR.js} +1 -1
  36. package/dist/m/{c-KDXIJEEF.js → c-BGN7RCTJ.js} +1 -1
  37. package/dist/m/c-BKM46LUJ.js +1 -0
  38. package/dist/m/c-BOMQIQ3V.js +1 -0
  39. package/dist/m/{c-62HZW5DH.js → c-C5AKJVRH.js} +1 -1
  40. package/dist/m/{c-BXYSDKAN.js → c-CJ7QYEWI.js} +1 -1
  41. package/dist/m/c-CTGRDT6E.js +1 -0
  42. package/dist/m/c-CV4T65JE.js +6 -0
  43. package/dist/m/c-CVSWLX3X.js +1 -0
  44. package/dist/m/c-CZHTXGJS.js +1 -0
  45. package/dist/m/c-D7NT5S4F.js +1 -0
  46. package/dist/m/c-DD26VXAP.js +1 -0
  47. package/dist/m/{c-ANNFZFLN.js → c-DDS23EY6.js} +1 -1
  48. package/dist/m/{c-ALDVFPWL.js → c-DFKBGSN2.js} +1 -1
  49. package/dist/m/c-DIKR7H57.js +147 -0
  50. package/dist/m/c-DXPOFLEJ.js +1 -0
  51. package/dist/m/c-EDE45NM7.js +1 -0
  52. package/dist/m/c-EILLN2H2.js +1 -0
  53. package/dist/m/c-EODTTNVA.js +1 -0
  54. package/dist/m/{c-G6COVIZB.js → c-ESK4S67I.js} +1 -1
  55. package/dist/m/c-FDWR3FL7.js +1 -0
  56. package/dist/m/{c-WQZTI5P2.js → c-FEC6LGFF.js} +1 -1
  57. package/dist/m/c-FLEIU6CG.js +1 -0
  58. package/dist/m/c-FQAQRXGK.js +1 -0
  59. package/dist/m/{c-W4JCVLAB.js → c-FSQXFG5T.js} +1 -1
  60. package/dist/m/c-FVPNX2GO.js +135 -0
  61. package/dist/m/c-FYDKYW6E.js +1 -0
  62. package/dist/m/c-GNI7WHKF.js +32 -0
  63. package/dist/m/c-GO635CRU.js +3 -0
  64. package/dist/m/c-H3FNLBHN.js +2 -0
  65. package/dist/m/c-HDVH3MVC.js +72 -0
  66. package/dist/m/c-HIX5H5L7.js +1 -0
  67. package/dist/m/c-HKSLOVU4.js +1 -0
  68. package/dist/m/{c-SGRIYOAJ.js → c-HL6BLJNA.js} +1 -1
  69. package/dist/m/c-HTLYXCUH.js +1 -0
  70. package/dist/m/{c-QIR5CAKM.js → c-IUL7PU4P.js} +1 -1
  71. package/dist/m/c-IXO7EI2Q.js +1 -0
  72. package/dist/m/{c-W5E5P2TZ.js → c-JQF2EUCG.js} +1 -1
  73. package/dist/m/{c-NEL7HQW3.js → c-JWDCQL6J.js} +1 -1
  74. package/dist/m/c-KQKKIVLW.js +20 -0
  75. package/dist/m/c-LATNQ6Q5.js +1 -0
  76. package/dist/m/c-LD6UVV5R.js +1 -0
  77. package/dist/m/c-LS7IVQVW.js +1 -0
  78. package/dist/m/{c-JCOQVZYS.js → c-LSVN3OLG.js} +1 -1
  79. package/dist/m/{c-JDZDF2QM.js → c-LTSPHVAK.js} +1 -1
  80. package/dist/m/c-MFOSMAVM.js +3 -0
  81. package/dist/m/c-MJ7GVE46.js +1 -0
  82. package/dist/m/c-MP6S4AZU.js +6 -0
  83. package/dist/m/c-MQKSKQHG.js +2 -0
  84. package/dist/m/{c-UHUNXWKN.js → c-MQYEDF3Q.js} +1 -1
  85. package/dist/m/{c-IHUWUKIU.js → c-MR75YPRT.js} +1 -1
  86. package/dist/m/c-ND3Q2G2I.js +1 -0
  87. package/dist/m/c-NEQRFC4O.js +1 -0
  88. package/dist/m/{c-5FKRZNJV.js → c-NFQFV7OP.js} +1 -1
  89. package/dist/m/c-NHXOBD6A.js +1 -0
  90. package/dist/m/{c-QIKT6SKM.js → c-NICICT4P.js} +1 -1
  91. package/dist/m/c-NQAPWM7O.js +1 -0
  92. package/dist/m/{c-QUGCKMWF.js → c-NVU3DORS.js} +1 -1
  93. package/dist/m/{c-LWIDDWAR.js → c-OCYG4NBQ.js} +22 -22
  94. package/dist/m/c-OH2FPYSY.js +19 -0
  95. package/dist/m/c-OYHI67B6.js +1 -0
  96. package/dist/m/{c-R2XUODVY.js → c-OYW5MFPZ.js} +1 -1
  97. package/dist/m/{c-5B4YBZXC.js → c-P2HKMJAW.js} +1 -1
  98. package/dist/m/{c-TSBVMWAH.js → c-PCNJETUA.js} +1 -1
  99. package/dist/m/c-PDBNCJCT.js +1 -0
  100. package/dist/m/c-PGSBXHUE.js +1 -0
  101. package/dist/m/{c-5TIZ2I64.js → c-PYG2NGWU.js} +1 -1
  102. package/dist/m/c-Q26XHBLQ.js +1 -0
  103. package/dist/m/c-Q6BG3ZLO.js +1 -0
  104. package/dist/m/c-QENKN7QI.js +1 -0
  105. package/dist/m/c-QQFHEODI.js +1 -0
  106. package/dist/m/c-QTEUO2K6.js +1 -0
  107. package/dist/m/c-R23UHMXG.js +1 -0
  108. package/dist/m/c-RETTCOWO.js +10 -0
  109. package/dist/m/c-SE3SIY7Y.js +7 -0
  110. package/dist/m/{c-XX75FFNL.js → c-SGGGCIVD.js} +1 -1
  111. package/dist/m/c-SGH3UTF3.js +1 -0
  112. package/dist/m/c-SIM7Z3U7.js +1 -0
  113. package/dist/m/{c-X5LNHET5.js → c-SKMIR5HQ.js} +1 -1
  114. package/dist/m/{c-R27DWQKX.js → c-STRI73GQ.js} +1 -1
  115. package/dist/m/c-SUXHUL7U.js +1 -0
  116. package/dist/m/c-SXGEWPFC.js +10 -0
  117. package/dist/m/c-SXNSSHPP.js +1 -0
  118. package/dist/m/c-T3P3AXEW.js +1 -0
  119. package/dist/m/{c-PXLTUYZC.js → c-TFLRT5JX.js} +1 -1
  120. package/dist/m/{c-YCLU4UNT.js → c-TGIMBAWE.js} +1 -1
  121. package/dist/m/c-TGSHHFO6.js +1 -0
  122. package/dist/m/c-U4NTUVDZ.js +1 -0
  123. package/dist/m/c-UOOIF2AL.js +1 -0
  124. package/dist/m/{c-6TYGD5AB.js → c-UOUUI265.js} +1 -1
  125. package/dist/m/c-V2U3F4QX.js +1 -0
  126. package/dist/m/c-V2V5FKXX.js +1 -0
  127. package/dist/m/c-VBXRXTVS.js +26 -0
  128. package/dist/m/c-VHSMPITY.js +1 -0
  129. package/dist/m/c-VPXCXBDT.js +1 -0
  130. package/dist/m/c-WCG6AKA7.js +1 -0
  131. package/dist/m/c-WNOLMHI2.js +1 -0
  132. package/dist/m/{c-CRPIDGXC.js → c-X6MOYATI.js} +1 -1
  133. package/dist/m/{c-FQGHR32O.js → c-X75G43SZ.js} +1 -1
  134. package/dist/m/c-XB6EAIAR.js +13 -0
  135. package/dist/m/c-XMIDHEKF.js +1 -0
  136. package/dist/m/c-XUZMRQ7O.js +4 -0
  137. package/dist/m/{c-2Z22FCFK.js → c-XW5TIYYB.js} +1 -1
  138. package/dist/m/c-YDW4VCHP.js +1 -0
  139. package/dist/m/{c-QGAPG7OM.js → c-YLHTD3KX.js} +1 -1
  140. package/dist/m/c-YNIEIPBS.js +1 -0
  141. package/dist/m/c-Z4G2UK6T.js +4 -0
  142. package/dist/m/c-Z6MROEQ4.js +1 -0
  143. package/dist/m/c-ZFO5RW6G.js +2 -0
  144. package/dist/m/c-ZGCO4J3H.js +8 -0
  145. package/dist/m/c-ZKKAF4UT.js +3 -0
  146. package/dist/m/c-ZRGEN6QQ.js +4 -0
  147. package/dist/m/core/{admin-attrs-U7IJNYBG.js → admin-attrs-ONRWVXPK.js} +1 -1
  148. package/dist/m/core/{autosave-F5YQCKVL.js → autosave-TBKAAAFB.js} +1 -1
  149. package/dist/m/core/conflict-notice-FOEE6I7E.js +1 -0
  150. package/dist/m/core/draft-mode-4MCL3LYI.js +1 -0
  151. package/dist/m/core/{host-permission-6EVJGNPL.js → host-permission-X4BENZEU.js} +1 -1
  152. package/dist/m/core/{is-edit-mode-GCX6767E.js → is-edit-mode-FFHCQ5DR.js} +1 -1
  153. package/dist/m/core/{persist-CJXIL7D4.js → persist-6ILUR34S.js} +1 -1
  154. package/dist/m/core/{recovery-DRFZRJED.js → recovery-APWADU4K.js} +1 -1
  155. package/dist/m/core/save-6HT2LABE.js +1 -0
  156. package/dist/m/core/save-core-EVMNZQ4V.js +1 -0
  157. package/dist/m/core/site-edits-G4BOZMV4.js +1 -0
  158. package/dist/m/core/{unsaved-warning-HNQVTA2D.js → unsaved-warning-ITZDIZ2I.js} +1 -1
  159. package/dist/m/internals/{index-NRPNDTSA.js → index-HS3CQDFW.js} +1 -1
  160. package/dist/m/loader-GLLVDUZA.js +1 -0
  161. package/dist/m/manifest-50FF1C45.js +1 -0
  162. package/dist/m/manifest-edit-BE1A621D.js +1 -0
  163. package/dist/m/manifest.json +2072 -1811
  164. package/dist/m/page/editor-KAZDJNND.js +307 -0
  165. package/dist/m/plugins/ai-edit-LABECCSN.js +6 -0
  166. package/dist/m/plugins/{cms-H7DTMUQX.js → cms-T2HLI7JG.js} +16 -16
  167. package/dist/m/plugins/{demo-42BSYQ7T.js → demo-T7B4RIKL.js} +1 -1
  168. package/dist/m/plugins/{derive-QVI3LI3A.js → derive-6LPJOCAV.js} +1 -1
  169. package/dist/m/plugins/indicator-J4ABFARX.js +1 -0
  170. package/dist/m/plugins/{live-DCUBKXY4.js → live-PGBIEMGB.js} +1 -1
  171. package/dist/m/plugins/menu-YZL3X2AJ.js +1 -0
  172. package/dist/m/plugins/page-WOCNX2IN.js +2 -0
  173. package/dist/m/plugins/page-view-SJODOOGE.js +1 -0
  174. package/dist/m/plugins/{people-5XRNRP5U.js → people-C4TCWFOQ.js} +1 -1
  175. package/dist/m/plugins/{quickcrop-WWF5I422.js → quickcrop-X5MRIBAP.js} +2 -2
  176. package/dist/m/plugins/richclay-Y2NV44NA.js +549 -0
  177. package/dist/m/plugins/sortable-XCHQG65Z.js +1 -0
  178. package/dist/m/plugins/{source-6BKMK4PO.js → source-YK7MO23W.js} +1 -1
  179. package/dist/m/plugins/{undo-3JEYK5QY.js → undo-VLRBQNPN.js} +1 -1
  180. package/dist/m/plugins/upgrade-NNTJBSK2.js +1 -0
  181. package/dist/m/plugins/{upload-TTCQRIM5.js → upload-ZKKJV76X.js} +1 -1
  182. package/dist/m/plugins/visitor-drafts-RTZNONHT.js +20 -0
  183. package/dist/m/plugins/{visitor-drafts-owner-Z5B2OQBR.js → visitor-drafts-owner-LHUHFU3L.js} +1 -1
  184. package/dist/m/plugins/{visitor-menu-4LQMKLPP.js → visitor-menu-FY4KM2SW.js} +1 -1
  185. package/dist/m/plugins/wire-M2NR354P.js +1 -0
  186. package/dist/m/{reader-core-POFQCKRV.js → reader-core-T2S3JC4E.js} +2 -2
  187. package/dist/m/sync/live-sync-Z64YREWQ.js +1 -0
  188. package/dist/m/ui/index-MGTWOW2C.js +1 -0
  189. package/dist/m/vendor/{sap-core.vendor-OA5SKL7Q.js → sap-core.vendor-QAEPMETX.js} +1 -1
  190. package/dist/offline-manifest.json +1250 -1082
  191. package/dist/server/core.cjs +132 -109
  192. package/dist/server/page-compaction-worker.cjs +5 -5
  193. package/dist/server/rooms.mjs +3 -1
  194. package/docs/guide.md +89 -44
  195. package/entries/clay-data.js +1 -1
  196. package/entries/sap.js +1 -1
  197. package/package.json +5 -3
  198. package/src/blockeditor/themes/content.css +70 -0
  199. package/src/blockeditor/themes/light-1.css +431 -0
  200. package/src/blockeditor/themes/light-1.source.css +270 -0
  201. package/src/blockeditor/themes/light-2.css +211 -0
  202. package/src/blockeditor/themes/light-3.css +130 -0
  203. package/src/blockeditor/themes/light-4.css +299 -0
  204. package/src/core/conflict-notice.js +28 -0
  205. package/src/core/draft-mode.js +6 -0
  206. package/src/core/host-meta.js +6 -6
  207. package/src/core/is-edit-mode.js +9 -3
  208. package/src/core/mode-support.js +3 -0
  209. package/src/core/mode-switch.js +4 -4
  210. package/src/core/mode-transition.js +3 -1
  211. package/src/core/page-format-wire.js +1 -1
  212. package/src/core/page-format.js +8 -8
  213. package/src/core/save-accepted.js +6 -7
  214. package/src/core/save-core.js +52 -23
  215. package/src/core/save-failure-notice.js +37 -0
  216. package/src/core/save-feedback.js +6 -0
  217. package/src/core/save-replace.js +1 -1
  218. package/src/core/save-size.js +2 -2
  219. package/src/core/save.js +78 -15
  220. package/src/core/site-edits.js +166 -0
  221. package/src/core/unsaved-warning.js +2 -2
  222. package/src/core/upgrade-run.js +4 -4
  223. package/src/lib/ai-comment.js +23 -0
  224. package/src/lib/effect.js +8 -0
  225. package/src/lib/idb-error-code.js +20 -0
  226. package/src/live/fast-lane.js +10 -10
  227. package/src/live/local-lane.js +10 -10
  228. package/src/live/page-compaction.js +8 -8
  229. package/src/live/server-lane.js +1 -1
  230. package/src/loader-logic.js +48 -18
  231. package/src/loader.js +11 -6
  232. package/src/page/adopt-boot.js +1 -1
  233. package/src/page/adopt.js +2 -2
  234. package/src/page/ai-area.js +182 -0
  235. package/src/page/ai-preview.js +80 -0
  236. package/src/page/ai-surface.js +257 -0
  237. package/src/page/ai-tool.js +308 -145
  238. package/src/page/announce.js +2 -2
  239. package/src/page/awareness.js +18 -18
  240. package/src/page/blocks.js +35 -34
  241. package/src/page/blocksel.js +2 -2
  242. package/src/page/board-drag.js +11 -11
  243. package/src/page/board-face.js +1 -1
  244. package/src/page/board-panel.js +26 -26
  245. package/src/page/board-style.js +127 -127
  246. package/src/page/board-view.js +48 -48
  247. package/src/page/chart.js +29 -29
  248. package/src/page/checkpoint-proof.js +19 -19
  249. package/src/page/chrome.js +74 -65
  250. package/src/page/clipboard-shape.js +1 -1
  251. package/src/page/csv-import.js +4 -4
  252. package/src/page/drag.js +5 -5
  253. package/src/page/editor.js +301 -296
  254. package/src/page/export-html.js +8 -8
  255. package/src/page/features/checklist.js +36 -36
  256. package/src/page/features/export-html.js +19 -19
  257. package/src/page/features/export-markdown.js +10 -10
  258. package/src/page/features/import-markdown.js +13 -13
  259. package/src/page/features/media.js +50 -50
  260. package/src/page/features/table.js +17 -17
  261. package/src/page/features/title-cover.js +17 -17
  262. package/src/page/features/title-icon.js +7 -7
  263. package/src/page/features/toc.js +1 -1
  264. package/src/page/features/tool.js +42 -18
  265. package/src/page/format-command.js +4 -4
  266. package/src/page/format-gate.js +6 -6
  267. package/src/page/format-host.js +6 -6
  268. package/src/page/format-level.js +3 -3
  269. package/src/page/format-native-commands.js +2 -2
  270. package/src/page/highlight-slot.js +1 -1
  271. package/src/page/highlight.js +4 -4
  272. package/src/page/history-intent.js +2 -2
  273. package/src/page/image-actions.js +4 -4
  274. package/src/page/link.js +10 -10
  275. package/src/page/media.js +3 -3
  276. package/src/page/mention-picker.js +7 -7
  277. package/src/page/merge.js +1 -1
  278. package/src/page/placeholder.js +3 -3
  279. package/src/page/projection.js +11 -11
  280. package/src/page/reader-patch.js +2 -2
  281. package/src/page/recover.js +26 -26
  282. package/src/page/recovery-ui.js +28 -28
  283. package/src/page/rich/chart.js +1 -1
  284. package/src/page/rich/page-tool.js +21 -6
  285. package/src/page/rich/tool-runtime.js +3 -2
  286. package/src/page/save-projection.js +2 -2
  287. package/src/page/save-states.js +9 -9
  288. package/src/page/schema.js +9 -9
  289. package/src/page/table-style.js +21 -21
  290. package/src/page/toc-link.js +1 -1
  291. package/src/page/tool-capability.js +8 -3
  292. package/src/page/tool-transport.js +52 -0
  293. package/src/page/tool-views.js +4 -0
  294. package/src/page/tools.js +6 -1
  295. package/src/page/view.js +6 -6
  296. package/src/page/ybind/binding.js +1 -1
  297. package/src/page/ybind/conversion.js +1 -1
  298. package/src/page/ybind/layout.js +4 -4
  299. package/src/page/ybind/migrate.js +1 -1
  300. package/src/page/ybind/origins.js +2 -2
  301. package/src/page/ybind/provider.js +2 -2
  302. package/src/page/ybind/recovery-proof.js +3 -3
  303. package/src/page/ybind/recovery-replay.js +2 -2
  304. package/src/plugins/ai-edit/picker.js +235 -0
  305. package/src/plugins/ai-edit.js +220 -34
  306. package/src/plugins/indicator-chip.js +39 -34
  307. package/src/plugins/indicator.js +13 -4
  308. package/src/plugins/live.js +21 -13
  309. package/src/plugins/menu/actions.js +89 -17
  310. package/src/plugins/menu/seo.js +32 -6
  311. package/src/plugins/menu/shell-style.js +26 -7
  312. package/src/plugins/menu/shell.js +12 -7
  313. package/src/plugins/menu/variants.js +6 -10
  314. package/src/plugins/menu/visitor.js +44 -34
  315. package/src/plugins/menu.js +3 -2
  316. package/src/plugins/page-view.js +2 -2
  317. package/src/plugins/page.js +257 -98
  318. package/src/plugins/sortable.js +7 -0
  319. package/src/plugins/upgrade.js +2 -1
  320. package/src/plugins/visitor-drafts/commit.js +303 -0
  321. package/src/plugins/visitor-drafts/idb.js +221 -0
  322. package/src/plugins/visitor-drafts/intro-style.js +1 -1
  323. package/src/plugins/visitor-drafts/intro.js +8 -25
  324. package/src/plugins/visitor-drafts/prompt.js +30 -4
  325. package/src/plugins/visitor-drafts/session.js +345 -0
  326. package/src/plugins/visitor-drafts/store.js +351 -32
  327. package/src/plugins/visitor-drafts.js +158 -27
  328. package/src/server/checkpoint/index.js +8 -8
  329. package/src/server/rooms/index.js +2 -2
  330. package/src/server/rooms/live-data-rooms.js +35 -35
  331. package/src/server/rooms/live-page-history.js +2 -2
  332. package/src/server/rooms/page-admission.js +34 -6
  333. package/src/server/rooms/page-conversion.js +1 -1
  334. package/src/server/rooms/page-lineage.js +4 -4
  335. package/src/server/rooms/page-rebase.js +4 -4
  336. package/src/server/rooms/page-room-conformance.js +14 -14
  337. package/src/server/rooms/page-state.js +2 -2
  338. package/src/server/rooms/page-write-admission.js +7 -7
  339. package/src/server/rooms/page-write-guard.js +3 -3
  340. package/src/sync/data-guard-notice.js +265 -0
  341. package/src/sync/live-sync.js +54 -11
  342. package/src/sync/page-relay.js +4 -4
  343. package/src/sync/presence-store.js +1 -1
  344. package/src/sync/presence-target.js +3 -3
  345. package/src/sync/presence.js +1 -1
  346. package/src/sync/stream.js +54 -13
  347. package/src/sync/wire-profile.js +8 -3
  348. package/src/ui/bevel.js +1 -1
  349. package/src/ui/index.js +9 -10
  350. package/src/ui/skins/cms.js +1 -1
  351. package/src/ui/skins/quickcrop.js +1 -1
  352. package/src/ui/skins/richclay.js +2 -2
  353. package/src/ui/toast-lazy.js +12 -3
  354. package/src/ui/toast.js +9 -3
  355. package/src/vendor/hyper-html-api-data.vendor.js +1 -1
  356. package/src/vendor/hyper-html-api-upgrade.vendor.js +2 -2
  357. package/src/vendor/hypercms.vendor.js +16 -16
  358. package/src/vendor/richclay.vendor.js +48 -20
  359. package/src/vendor/sap-core.vendor.js +1 -1
  360. package/tool-generation/context.md +44 -0
  361. package/tool-generation/system.md +23 -0
  362. package/dist/m/c-24PMUJIV.js +0 -2
  363. package/dist/m/c-2AYVYEI4.js +0 -1
  364. package/dist/m/c-2AZDZWCK.js +0 -1
  365. package/dist/m/c-2L6O5PDS.js +0 -6
  366. package/dist/m/c-2RYOGUQM.js +0 -2
  367. package/dist/m/c-2ZVOEU4M.js +0 -1
  368. package/dist/m/c-37NAONZA.js +0 -1
  369. package/dist/m/c-3GJ4SDE2.js +0 -1
  370. package/dist/m/c-3O7OBDCM.js +0 -1
  371. package/dist/m/c-5OJ7YF2N.js +0 -1
  372. package/dist/m/c-5WMXEKFH.js +0 -135
  373. package/dist/m/c-6RDOKLN7.js +0 -1
  374. package/dist/m/c-A4IP6MBC.js +0 -1
  375. package/dist/m/c-A6L3FMUS.js +0 -1
  376. package/dist/m/c-ATKAOH23.js +0 -1
  377. package/dist/m/c-B6O7AJYG.js +0 -32
  378. package/dist/m/c-BCGWJYXW.js +0 -1
  379. package/dist/m/c-BGKAT2FL.js +0 -7
  380. package/dist/m/c-BYTKL6UX.js +0 -1
  381. package/dist/m/c-DHBRA6DL.js +0 -1
  382. package/dist/m/c-DTMZ3ZHI.js +0 -1
  383. package/dist/m/c-E3ZXARWA.js +0 -1
  384. package/dist/m/c-EK63G3CG.js +0 -1
  385. package/dist/m/c-ELYIIYRS.js +0 -1
  386. package/dist/m/c-EXKHPOVC.js +0 -3
  387. package/dist/m/c-FCSZ3DC5.js +0 -20
  388. package/dist/m/c-FTWGYI5E.js +0 -1
  389. package/dist/m/c-G4PWUDD5.js +0 -1
  390. package/dist/m/c-GBKB5WDL.js +0 -2
  391. package/dist/m/c-GBTVCJXC.js +0 -1
  392. package/dist/m/c-GC2HICFJ.js +0 -1
  393. package/dist/m/c-GRWMD6O5.js +0 -1
  394. package/dist/m/c-HCNWJE4A.js +0 -4
  395. package/dist/m/c-HG2C77BM.js +0 -4
  396. package/dist/m/c-JGHEACGK.js +0 -1
  397. package/dist/m/c-JGLX6TBK.js +0 -1
  398. package/dist/m/c-JNRKHYWO.js +0 -1
  399. package/dist/m/c-KBS3UV6B.js +0 -1
  400. package/dist/m/c-KQ7E3PYY.js +0 -1
  401. package/dist/m/c-L3F5ZLIV.js +0 -1
  402. package/dist/m/c-L4KMT7FO.js +0 -6
  403. package/dist/m/c-L5VFATT6.js +0 -1
  404. package/dist/m/c-LCYPMULG.js +0 -1
  405. package/dist/m/c-LIGQYZ7M.js +0 -6
  406. package/dist/m/c-LKIWEPAV.js +0 -1
  407. package/dist/m/c-MPSKIU2I.js +0 -1
  408. package/dist/m/c-N7JPUPGC.js +0 -1
  409. package/dist/m/c-NK33MMYF.js +0 -1
  410. package/dist/m/c-NQLWOHLH.js +0 -10
  411. package/dist/m/c-NTHUTABN.js +0 -1
  412. package/dist/m/c-NWX3MFT4.js +0 -1
  413. package/dist/m/c-OKXI52N7.js +0 -1
  414. package/dist/m/c-OPONJ2UK.js +0 -128
  415. package/dist/m/c-OWQWOGYI.js +0 -1
  416. package/dist/m/c-P6Q2ZTFQ.js +0 -1
  417. package/dist/m/c-QEN6HZCA.js +0 -1
  418. package/dist/m/c-QIXT3Q7C.js +0 -28
  419. package/dist/m/c-QM5LXRDT.js +0 -9
  420. package/dist/m/c-QYYUVLVG.js +0 -1
  421. package/dist/m/c-RQRMPZXD.js +0 -1
  422. package/dist/m/c-SBCBXKOZ.js +0 -26
  423. package/dist/m/c-SKF5HL4I.js +0 -4
  424. package/dist/m/c-SRPC3VBE.js +0 -1
  425. package/dist/m/c-TANBH7FI.js +0 -1
  426. package/dist/m/c-THGQQDYY.js +0 -1
  427. package/dist/m/c-UD5JZTDL.js +0 -1
  428. package/dist/m/c-UDGEFWNU.js +0 -1
  429. package/dist/m/c-UGNV5MFB.js +0 -1
  430. package/dist/m/c-VIRFF5HG.js +0 -8
  431. package/dist/m/c-VJYEVRYK.js +0 -1
  432. package/dist/m/c-VQCEOGKH.js +0 -13
  433. package/dist/m/c-VYJ7O4RI.js +0 -34
  434. package/dist/m/c-W7IPVCAA.js +0 -1
  435. package/dist/m/c-WBGWGOM7.js +0 -1
  436. package/dist/m/c-WJ5DRBHT.js +0 -72
  437. package/dist/m/c-X5WC4PX5.js +0 -1
  438. package/dist/m/c-XCFQEWW6.js +0 -3
  439. package/dist/m/c-XGH4GS2T.js +0 -1
  440. package/dist/m/c-XLQ3BDMM.js +0 -1
  441. package/dist/m/c-ZQXNHZZT.js +0 -72
  442. package/dist/m/core/conflict-notice-42H4ASLA.js +0 -1
  443. package/dist/m/core/draft-mode-WSQAT67S.js +0 -1
  444. package/dist/m/core/save-ESPSQPLV.js +0 -1
  445. package/dist/m/core/save-core-6SQHOR6W.js +0 -1
  446. package/dist/m/loader-FBDE2UAB.js +0 -1
  447. package/dist/m/manifest-1D2F5CA5.js +0 -1
  448. package/dist/m/manifest-edit-F7CC5CFD.js +0 -1
  449. package/dist/m/page/editor-OSKOW6RS.js +0 -304
  450. package/dist/m/plugins/ai-edit-VV4QTINH.js +0 -6
  451. package/dist/m/plugins/indicator-WVPGMOZ7.js +0 -1
  452. package/dist/m/plugins/menu-Q4MFFQ6E.js +0 -1
  453. package/dist/m/plugins/page-OAWUJQEL.js +0 -2
  454. package/dist/m/plugins/page-view-DZ26ZDDQ.js +0 -1
  455. package/dist/m/plugins/richclay-PGOOJ4OK.js +0 -517
  456. package/dist/m/plugins/sortable-266HY6TR.js +0 -1
  457. package/dist/m/plugins/upgrade-BNZVFHMZ.js +0 -1
  458. package/dist/m/plugins/visitor-drafts-2AUYKAIJ.js +0 -20
  459. package/dist/m/plugins/wire-W2EV36KZ.js +0 -1
  460. package/dist/m/sync/live-sync-XGUPHI3I.js +0 -1
  461. package/dist/m/ui/index-VGYAKAKI.js +0 -1
  462. package/dist/page/themes/light-1.css +0 -431
  463. package/src/page/themes/content.css +0 -70
  464. package/src/page/themes/light-1.css +0 -431
  465. package/src/page/themes/light-1.source.css +0 -270
  466. package/src/page/themes/light-2.css +0 -211
  467. package/src/page/themes/light-3.css +0 -130
  468. package/src/page/themes/light-4.css +0 -299
  469. /package/dist/m/{c-FILLTJA7.js → c-QTTJYJMA.js} +0 -0
  470. /package/dist/m/plugins/{quickcrop-WWF5I422.js.LEGAL.txt → quickcrop-X5MRIBAP.js.LEGAL.txt} +0 -0
  471. /package/dist/m/plugins/{richclay-PGOOJ4OK.js.LEGAL.txt → richclay-Y2NV44NA.js.LEGAL.txt} +0 -0
package/src/page/editor.js CHANGED
@@ -2,9 +2,9 @@
2
2
  // list, toggle, move, collapse and paste behaviour of blocks.js and the chrome
3
3
  // of chrome.js. Local editing only; the live record and sync attach elsewhere.
4
4
  //
5
- // Theming: the base look below is built on --page-* tokens and sits in the
6
- // `page` cascade layer, so a theme is one plain stylesheet that sets tokens on
7
- // .page-shell (and adds scoped rules where it needs to); unlayered theme rules
5
+ // Theming: the base look below is built on --blockeditor-* tokens and sits in the
6
+ // `blockeditor` cascade layer, so a theme is one plain stylesheet that sets tokens on
7
+ // .blockeditor-shell (and adds scoped rules where it needs to); unlayered theme rules
8
8
  // always win. Contract: plans/.../default-page/v1/look/THEME-CONTRACT.md
9
9
  import { state, view as pmView, model, keymap, commands, history, gapcursor, inputrules } from "../vendor/prosemirror.vendor.js";
10
10
  import { schema } from "./schema.js";
@@ -27,317 +27,321 @@ import { checklistKeys } from "./checklist.js";
27
27
  import { csvImportPlugin } from "./csv-import.js";
28
28
  import { styleWithLegacyId } from "../lib/style.js";
29
29
  import { historyIntentPlugin } from "./history-intent.js";
30
+ import { aiPreviewPlugin } from "./ai-preview.js";
30
31
  import { createFeatureLoader } from "./feature-loader.js";
31
32
  import { COMMAND_FEATURES, FEATURES, featureForNode } from "./features/registry.js";
32
33
  import { toolViews } from "./tool-views.js";
33
34
 
34
- const STYLE_ID = "page-editor-style";
35
+ const STYLE_ID = "blockeditor-editor-style";
35
36
  const INDENTS = [1, 2, 3, 4, 5, 6, 7, 8];
36
37
 
37
38
  const LIGHT = `
38
- --page-bg: #F7F6F2; --page-ink: #23221F; --page-ink-soft: #6B6862; --page-ink-faint: #9B968C;
39
- --page-rule: rgba(35, 34, 31, 0.10); --page-accent: #2F5E9E; --page-link: #164583; --page-selection: rgba(88, 120, 170, 0.20);
40
- --page-check-border: rgba(35, 34, 31, 0.35); --page-check-fill: #23221F; --page-check-ink: #F7F6F2;
41
- --page-callout-bg: rgba(35, 34, 31, 0.04); --page-code-bg: rgba(35, 34, 31, 0.05);
42
- --page-color-gray: #5B5953; --page-color-brown: #8A5A1E; --page-color-orange: #B4531A; --page-color-yellow: #7A6210; --page-color-green: #3E6A28;
43
- --page-color-blue: #1F5A8A; --page-color-purple: #5E4596; --page-color-pink: #A23E6E; --page-color-red: #9E3B2F;
44
- --page-mark-bg-gray: rgba(35, 34, 31, 0.12); --page-mark-bg-brown: rgba(138, 90, 30, 0.20); --page-mark-bg-orange: rgba(180, 83, 26, 0.20);
45
- --page-mark-bg-yellow: rgba(122, 98, 16, 0.22); --page-mark-bg-green: rgba(62, 106, 40, 0.20); --page-mark-bg-blue: rgba(31, 90, 138, 0.18);
46
- --page-mark-bg-purple: rgba(94, 69, 150, 0.18); --page-mark-bg-pink: rgba(162, 62, 110, 0.18); --page-mark-bg-red: rgba(158, 59, 47, 0.18);
47
- --page-code-token-keyword: #8A3B6E; --page-code-token-constant: #1F5A8A; --page-code-token-string: #3E6A28; --page-code-token-string-expression: #3E6A28; --page-code-token-comment: #8B877E; --page-code-token-function: #5E4596; --page-code-token-parameter: #8A5A1E; --page-code-token-punctuation: var(--page-ink-soft); --page-code-token-link: var(--page-link);
48
- --page-chrome-ink-rest: rgba(35, 34, 31, 0.20); --page-chrome-ink-moved: rgba(35, 34, 31, 0.34);
49
- --page-chrome-bg-rest: rgba(35, 34, 31, 0.02); --page-chrome-bg-moved: rgba(35, 34, 31, 0.04);
50
- --page-chrome-line-rest: rgba(35, 34, 31, 0.06); --page-chrome-line-moved: rgba(35, 34, 31, 0.11);
51
- --page-pop-bg: #FBFAF7; --page-pop-ink: #23221F; --page-pop-muted: #6B6862; --page-pop-line: rgba(35, 34, 31, 0.10);
52
- --page-pop-shadow: 0 1px 2px rgba(35, 34, 31, 0.05), 0 8px 24px rgba(35, 34, 31, 0.08); --page-pop-hover: rgba(35, 34, 31, 0.06);
53
- --page-scrim: rgba(35, 34, 31, 0.12);
54
- --page-danger: #9E3B2F; --page-block-selected: rgba(88, 120, 170, 0.12);`;
39
+ --blockeditor-bg: #F7F6F2; --blockeditor-ink: #23221F; --blockeditor-ink-soft: #6B6862; --blockeditor-ink-faint: #9B968C;
40
+ --blockeditor-rule: rgba(35, 34, 31, 0.10); --blockeditor-accent: #2F5E9E; --blockeditor-link: #164583; --blockeditor-selection: rgba(88, 120, 170, 0.20);
41
+ --blockeditor-check-border: rgba(35, 34, 31, 0.35); --blockeditor-check-fill: #23221F; --blockeditor-check-ink: #F7F6F2;
42
+ --blockeditor-callout-bg: rgba(35, 34, 31, 0.04); --blockeditor-code-bg: rgba(35, 34, 31, 0.05);
43
+ --blockeditor-color-gray: #5B5953; --blockeditor-color-brown: #8A5A1E; --blockeditor-color-orange: #B4531A; --blockeditor-color-yellow: #7A6210; --blockeditor-color-green: #3E6A28;
44
+ --blockeditor-color-blue: #1F5A8A; --blockeditor-color-purple: #5E4596; --blockeditor-color-pink: #A23E6E; --blockeditor-color-red: #9E3B2F;
45
+ --blockeditor-mark-bg-gray: rgba(35, 34, 31, 0.12); --blockeditor-mark-bg-brown: rgba(138, 90, 30, 0.20); --blockeditor-mark-bg-orange: rgba(180, 83, 26, 0.20);
46
+ --blockeditor-mark-bg-yellow: rgba(122, 98, 16, 0.22); --blockeditor-mark-bg-green: rgba(62, 106, 40, 0.20); --blockeditor-mark-bg-blue: rgba(31, 90, 138, 0.18);
47
+ --blockeditor-mark-bg-purple: rgba(94, 69, 150, 0.18); --blockeditor-mark-bg-pink: rgba(162, 62, 110, 0.18); --blockeditor-mark-bg-red: rgba(158, 59, 47, 0.18);
48
+ --blockeditor-code-token-keyword: #8A3B6E; --blockeditor-code-token-constant: #1F5A8A; --blockeditor-code-token-string: #3E6A28; --blockeditor-code-token-string-expression: #3E6A28; --blockeditor-code-token-comment: #8B877E; --blockeditor-code-token-function: #5E4596; --blockeditor-code-token-parameter: #8A5A1E; --blockeditor-code-token-punctuation: var(--blockeditor-ink-soft); --blockeditor-code-token-link: var(--blockeditor-link);
49
+ --blockeditor-chrome-ink-rest: rgba(35, 34, 31, 0.66); --blockeditor-chrome-ink-moved: rgba(35, 34, 31, 0.80);
50
+ --blockeditor-chrome-bg-rest: rgba(35, 34, 31, 0.02); --blockeditor-chrome-bg-moved: rgba(35, 34, 31, 0.04);
51
+ --blockeditor-chrome-line-rest: rgba(35, 34, 31, 0.06); --blockeditor-chrome-line-moved: rgba(35, 34, 31, 0.11);
52
+ --blockeditor-pop-bg: #FBFAF7; --blockeditor-pop-ink: #23221F; --blockeditor-pop-muted: #6B6862; --blockeditor-pop-line: rgba(35, 34, 31, 0.10);
53
+ --blockeditor-pop-shadow: 0 1px 2px rgba(35, 34, 31, 0.05), 0 8px 24px rgba(35, 34, 31, 0.08); --blockeditor-pop-hover: rgba(35, 34, 31, 0.06);
54
+ --blockeditor-scrim: rgba(35, 34, 31, 0.12);
55
+ --blockeditor-danger: #9E3B2F; --blockeditor-block-selected: rgba(88, 120, 170, 0.12);`;
55
56
 
56
57
  const DARK = `
57
- --page-bg: #1A1A18; --page-ink: #E7E4DC; --page-ink-soft: #A3A098; --page-ink-faint: #75726B;
58
- --page-rule: rgba(231, 228, 220, 0.10); --page-accent: #8DB0E6; --page-link: #8DB0E6; --page-selection: rgba(120, 155, 210, 0.28);
59
- --page-check-border: rgba(231, 228, 220, 0.35); --page-check-fill: #E7E4DC; --page-check-ink: #1A1A18;
60
- --page-callout-bg: rgba(231, 228, 220, 0.05); --page-code-bg: rgba(231, 228, 220, 0.06);
61
- --page-color-gray: #A3A098; --page-color-brown: #E0B47A; --page-color-orange: #E8A177; --page-color-yellow: #DEC97A; --page-color-green: #A9C98B;
62
- --page-color-blue: #8DB0E6; --page-color-purple: #BBA6E6; --page-color-pink: #E3A3C4; --page-color-red: #E08A7A;
63
- --page-mark-bg-gray: rgba(231, 228, 220, 0.14); --page-mark-bg-brown: rgba(224, 180, 122, 0.22); --page-mark-bg-orange: rgba(232, 161, 119, 0.22);
64
- --page-mark-bg-yellow: rgba(222, 201, 122, 0.24); --page-mark-bg-green: rgba(169, 201, 139, 0.22); --page-mark-bg-blue: rgba(141, 176, 230, 0.22);
65
- --page-mark-bg-purple: rgba(187, 166, 230, 0.22); --page-mark-bg-pink: rgba(227, 163, 196, 0.22); --page-mark-bg-red: rgba(224, 138, 122, 0.22);
66
- --page-code-token-keyword: #D9A0C8; --page-code-token-constant: #8DB0E6; --page-code-token-string: #A9C98B; --page-code-token-string-expression: #A9C98B; --page-code-token-comment: #75726B; --page-code-token-function: #BBA6E6; --page-code-token-parameter: #E0B47A; --page-code-token-punctuation: var(--page-ink-soft); --page-code-token-link: var(--page-link);
67
- --page-chrome-ink-rest: rgba(231, 228, 220, 0.18); --page-chrome-ink-moved: rgba(231, 228, 220, 0.30);
68
- --page-chrome-bg-rest: rgba(231, 228, 220, 0.02); --page-chrome-bg-moved: rgba(231, 228, 220, 0.04);
69
- --page-chrome-line-rest: rgba(231, 228, 220, 0.06); --page-chrome-line-moved: rgba(231, 228, 220, 0.11);
70
- --page-pop-bg: #222220; --page-pop-ink: #E7E4DC; --page-pop-muted: #A3A098; --page-pop-line: rgba(231, 228, 220, 0.10);
71
- --page-pop-shadow: 0 1px 2px rgba(10, 10, 9, 0.3), 0 10px 28px rgba(10, 10, 9, 0.35); --page-pop-hover: rgba(231, 228, 220, 0.07);
72
- --page-scrim: rgba(10, 10, 9, 0.35);
73
- --page-danger: #E08A7A; --page-block-selected: rgba(120, 155, 210, 0.18);
58
+ --blockeditor-bg: #1A1A18; --blockeditor-ink: #E7E4DC; --blockeditor-ink-soft: #A3A098; --blockeditor-ink-faint: #75726B;
59
+ --blockeditor-rule: rgba(231, 228, 220, 0.10); --blockeditor-accent: #8DB0E6; --blockeditor-link: #8DB0E6; --blockeditor-selection: rgba(120, 155, 210, 0.28);
60
+ --blockeditor-check-border: rgba(231, 228, 220, 0.35); --blockeditor-check-fill: #E7E4DC; --blockeditor-check-ink: #1A1A18;
61
+ --blockeditor-callout-bg: rgba(231, 228, 220, 0.05); --blockeditor-code-bg: rgba(231, 228, 220, 0.06);
62
+ --blockeditor-color-gray: #A3A098; --blockeditor-color-brown: #E0B47A; --blockeditor-color-orange: #E8A177; --blockeditor-color-yellow: #DEC97A; --blockeditor-color-green: #A9C98B;
63
+ --blockeditor-color-blue: #8DB0E6; --blockeditor-color-purple: #BBA6E6; --blockeditor-color-pink: #E3A3C4; --blockeditor-color-red: #E08A7A;
64
+ --blockeditor-mark-bg-gray: rgba(231, 228, 220, 0.14); --blockeditor-mark-bg-brown: rgba(224, 180, 122, 0.22); --blockeditor-mark-bg-orange: rgba(232, 161, 119, 0.22);
65
+ --blockeditor-mark-bg-yellow: rgba(222, 201, 122, 0.24); --blockeditor-mark-bg-green: rgba(169, 201, 139, 0.22); --blockeditor-mark-bg-blue: rgba(141, 176, 230, 0.22);
66
+ --blockeditor-mark-bg-purple: rgba(187, 166, 230, 0.22); --blockeditor-mark-bg-pink: rgba(227, 163, 196, 0.22); --blockeditor-mark-bg-red: rgba(224, 138, 122, 0.22);
67
+ --blockeditor-code-token-keyword: #D9A0C8; --blockeditor-code-token-constant: #8DB0E6; --blockeditor-code-token-string: #A9C98B; --blockeditor-code-token-string-expression: #A9C98B; --blockeditor-code-token-comment: #75726B; --blockeditor-code-token-function: #BBA6E6; --blockeditor-code-token-parameter: #E0B47A; --blockeditor-code-token-punctuation: var(--blockeditor-ink-soft); --blockeditor-code-token-link: var(--blockeditor-link);
68
+ --blockeditor-chrome-ink-rest: rgba(231, 228, 220, 0.58); --blockeditor-chrome-ink-moved: rgba(231, 228, 220, 0.72);
69
+ --blockeditor-chrome-bg-rest: rgba(231, 228, 220, 0.02); --blockeditor-chrome-bg-moved: rgba(231, 228, 220, 0.04);
70
+ --blockeditor-chrome-line-rest: rgba(231, 228, 220, 0.06); --blockeditor-chrome-line-moved: rgba(231, 228, 220, 0.11);
71
+ --blockeditor-pop-bg: #222220; --blockeditor-pop-ink: #E7E4DC; --blockeditor-pop-muted: #A3A098; --blockeditor-pop-line: rgba(231, 228, 220, 0.10);
72
+ --blockeditor-pop-shadow: 0 1px 2px rgba(10, 10, 9, 0.3), 0 10px 28px rgba(10, 10, 9, 0.35); --blockeditor-pop-hover: rgba(231, 228, 220, 0.07);
73
+ --blockeditor-scrim: rgba(10, 10, 9, 0.35);
74
+ --blockeditor-danger: #E08A7A; --blockeditor-block-selected: rgba(120, 155, 210, 0.18);
74
75
  --chart-1: #8DB0E6; --chart-2: #D9A0C8; --chart-3: #A9C98B; --chart-4: #BBA6E6; --chart-5: #E0B47A; --chart-6: #A3A098;`;
75
76
 
76
77
  export const PAGE_EDITOR_CSS = `
77
- @layer page {
78
- :where(article[data-page], .page-shell) {${LIGHT}
78
+ @layer blockeditor {
79
+ :where(article[data-blockeditor], .blockeditor-shell) {${LIGHT}
79
80
  --chart-1: #2F5E9E; --chart-2: #164583; --chart-3: #5B5953; --chart-4: #8A3B6E; --chart-5: #3E6A28; --chart-6: #8A5A1E;
80
- --page-ink-strong: var(--page-ink); --page-caret: var(--page-accent);
81
- --page-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --page-font-display: var(--page-font); --page-font-heading: var(--page-font);
82
- --page-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
83
- --page-font-size: 17px; --page-line-height: 1.65; --page-measure: 680px; --page-pad-top: 72px;
84
- --page-h1-size: 34px; --page-h1-weight: 600; --page-h1-tracking: -0.01em; --page-h1-line: 1.2;
85
- --page-h2-size: 21px; --page-h2-weight: 600; --page-h3-size: 17px; --page-h3-weight: 600;
86
- --page-block-gap: 0.35em; --page-indent: 1.6em;
87
- --page-marker: var(--page-ink-soft); --page-bullet-size: 0.36em; --page-check-size: 16px; --page-check-radius: 4px; --page-done-ink: var(--page-ink-faint);
88
- --page-toggle-ink: var(--page-ink-soft); --page-callout-line: transparent; --page-code-ink: var(--page-ink);
89
- --page-chrome-shadow-rest: none; --page-chrome-shadow-moved: none; --page-chrome-radius: 7px; --page-plus-size: 24px; --page-fade: 240ms;
90
- --page-pop-radius: 10px; --page-bar-bg: var(--page-pop-bg); --page-bar-ink: var(--page-pop-ink);
81
+ --blockeditor-ink-strong: var(--blockeditor-ink); --blockeditor-caret: var(--blockeditor-accent);
82
+ --blockeditor-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --blockeditor-font-display: var(--blockeditor-font); --blockeditor-font-heading: var(--blockeditor-font);
83
+ --blockeditor-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
84
+ --blockeditor-font-size: 17px; --blockeditor-line-height: 1.65; --blockeditor-measure: 680px; --blockeditor-pad-top: 72px;
85
+ --blockeditor-h1-size: 34px; --blockeditor-h1-weight: 600; --blockeditor-h1-tracking: -0.01em; --blockeditor-h1-line: 1.2;
86
+ --blockeditor-h2-size: 21px; --blockeditor-h2-weight: 600; --blockeditor-h3-size: 17px; --blockeditor-h3-weight: 600;
87
+ --blockeditor-block-gap: 0.35em; --blockeditor-indent: 1.6em;
88
+ --blockeditor-marker: var(--blockeditor-ink-soft); --blockeditor-bullet-size: 0.36em; --blockeditor-check-size: 16px; --blockeditor-check-radius: 4px; --blockeditor-done-ink: var(--blockeditor-ink-faint);
89
+ --blockeditor-toggle-ink: var(--blockeditor-ink-soft); --blockeditor-callout-line: transparent; --blockeditor-code-ink: var(--blockeditor-ink);
90
+ --blockeditor-chrome-shadow-rest: none; --blockeditor-chrome-shadow-moved: none; --blockeditor-chrome-radius: 7px; --blockeditor-plus-size: 24px; --blockeditor-fade: 240ms;
91
+ --blockeditor-pop-radius: 10px; --blockeditor-bar-bg: var(--blockeditor-pop-bg); --blockeditor-bar-ink: var(--blockeditor-pop-ink);
91
92
  }
92
- @media (prefers-color-scheme: dark) { :where(:root:not([data-theme="light"]) :is(article[data-page], .page-shell)) {${DARK} } }
93
- :where(:root[data-theme="dark"] :is(article[data-page], .page-shell)) {${DARK} }
94
-
95
- .page-shell { position: relative; background: var(--page-bg); color: var(--page-ink); font-family: var(--page-font); font-size: var(--page-font-size); line-height: var(--page-line-height); padding: 0 16px; }
96
- .page-editor { max-width: var(--page-measure); margin: 0 auto; padding: var(--page-pad-top) 0 30vh; outline: none; white-space: pre-wrap; overflow-wrap: break-word; caret-color: var(--page-caret); }
97
- :where(article[data-page], .page-editor) ::selection { background: var(--page-selection); }
98
- :where(article[data-page], .page-editor) > * { margin: var(--page-block-gap) 0; margin-inline-start: calc(var(--page-depth, 0) * var(--page-indent)); }
99
- :where(article[data-page], .page-editor) > h1 { font-family: var(--page-font-display); font-size: var(--page-h1-size); font-weight: var(--page-h1-weight); letter-spacing: var(--page-h1-tracking); line-height: var(--page-h1-line); color: var(--page-ink-strong); margin-block: 0 0.6em; }
100
- :where(article[data-page], .page-editor) > h2 { font-family: var(--page-font-heading); font-size: var(--page-h2-size); font-weight: var(--page-h2-weight); color: var(--page-ink-strong); line-height: 1.35; margin-block-start: 1.4em; }
101
- :where(article[data-page], .page-editor) > h3 { font-family: var(--page-font-heading); font-size: var(--page-h3-size); font-weight: var(--page-h3-weight); color: var(--page-ink-strong); margin-block-start: 1.2em; }
102
- :where(article[data-page], .page-editor) a { color: var(--page-link, var(--page-accent)); }
103
- :where(article[data-page], .page-editor) code { font-family: var(--page-font-mono); font-size: 0.88em; background: var(--page-code-bg); color: var(--page-code-ink); border-radius: 4px; padding: 0.1em 0.3em; }
104
- :where(article[data-page], .page-editor) pre { font-family: var(--page-font-mono); font-size: 0.88em; background: var(--page-code-bg); color: var(--page-code-ink); border-radius: 8px; padding: 12px 14px; }
105
- :where(article[data-page], .page-editor) pre code { background: none; padding: 0; font-size: inherit; }
106
- :where(article[data-page], .page-editor) pre { position: relative; padding-top: 32px; white-space: pre-wrap; overflow-wrap: anywhere; }
107
- :where(article[data-page], .page-editor) pre[data-lang] { white-space: pre; overflow-wrap: normal; }
108
- :where(article[data-page], .page-editor) pre[data-lang] > code { display: block; overflow-x: auto; }
109
- .page-code-lang { position: absolute; top: 5px; inset-inline-end: 6px; max-width: 120px; height: 24px; padding: 0 4px; border: 0; border-radius: 5px; background: none; color: var(--page-ink-faint); font: 12px/1 var(--page-font); opacity: 0; cursor: pointer; transition: opacity var(--page-fade); }
110
- .page-editor pre:hover .page-code-lang, .page-editor pre:focus-within .page-code-lang, .page-code-lang:focus-visible, .page-editor pre[data-lang] .page-code-lang { opacity: 1; }
111
- .page-code-lang:hover, .page-code-lang:focus-visible { background: var(--page-pop-hover); color: var(--page-ink-soft); }
112
- :where(article[data-page], .page-editor) .page-callout { background: var(--page-callout-bg); border: 1px solid var(--page-callout-line); border-radius: 8px; padding: 10px 14px; }
93
+ @media (prefers-color-scheme: dark) { :where(:root:not([data-theme="light"]) :is(article[data-blockeditor], .blockeditor-shell)) {${DARK} } }
94
+ :where(:root[data-theme="dark"] :is(article[data-blockeditor], .blockeditor-shell)) {${DARK} }
95
+
96
+ .blockeditor-shell { position: relative; background: var(--blockeditor-bg); color: var(--blockeditor-ink); font-family: var(--blockeditor-font); font-size: var(--blockeditor-font-size); line-height: var(--blockeditor-line-height); padding: 0 16px; }
97
+ .blockeditor-editor { max-width: var(--blockeditor-measure); margin: 0 auto; padding: var(--blockeditor-pad-top) 0 30vh; outline: none; white-space: pre-wrap; overflow-wrap: break-word; caret-color: var(--blockeditor-caret); }
98
+ :where(article[data-blockeditor], .blockeditor-editor) ::selection { background: var(--blockeditor-selection); }
99
+ :where(article[data-blockeditor], .blockeditor-editor) > * { margin: var(--blockeditor-block-gap) 0; margin-inline-start: calc(var(--blockeditor-depth, 0) * var(--blockeditor-indent)); }
100
+ :where(article[data-blockeditor], .blockeditor-editor) > h1 { font-family: var(--blockeditor-font-display); font-size: var(--blockeditor-h1-size); font-weight: var(--blockeditor-h1-weight); letter-spacing: var(--blockeditor-h1-tracking); line-height: var(--blockeditor-h1-line); color: var(--blockeditor-ink-strong); margin-block: 0 0.6em; }
101
+ :where(article[data-blockeditor], .blockeditor-editor) > h2 { font-family: var(--blockeditor-font-heading); font-size: var(--blockeditor-h2-size); font-weight: var(--blockeditor-h2-weight); color: var(--blockeditor-ink-strong); line-height: 1.35; margin-block-start: 1.4em; }
102
+ :where(article[data-blockeditor], .blockeditor-editor) > h3 { font-family: var(--blockeditor-font-heading); font-size: var(--blockeditor-h3-size); font-weight: var(--blockeditor-h3-weight); color: var(--blockeditor-ink-strong); margin-block-start: 1.2em; }
103
+ :where(article[data-blockeditor], .blockeditor-editor) a { color: var(--blockeditor-link, var(--blockeditor-accent)); }
104
+ :where(article[data-blockeditor], .blockeditor-editor) code { font-family: var(--blockeditor-font-mono); font-size: 0.88em; background: var(--blockeditor-code-bg); color: var(--blockeditor-code-ink); border-radius: 4px; padding: 0.1em 0.3em; }
105
+ :where(article[data-blockeditor], .blockeditor-editor) pre { font-family: var(--blockeditor-font-mono); font-size: 0.88em; background: var(--blockeditor-code-bg); color: var(--blockeditor-code-ink); border-radius: 8px; padding: 12px 14px; }
106
+ :where(article[data-blockeditor], .blockeditor-editor) pre code { background: none; padding: 0; font-size: inherit; }
107
+ :where(article[data-blockeditor], .blockeditor-editor) pre { position: relative; padding-top: 32px; white-space: pre-wrap; overflow-wrap: anywhere; }
108
+ :where(article[data-blockeditor], .blockeditor-editor) pre[data-lang] { white-space: pre; overflow-wrap: normal; }
109
+ :where(article[data-blockeditor], .blockeditor-editor) pre[data-lang] > code { display: block; overflow-x: auto; }
110
+ .blockeditor-code-lang { position: absolute; top: 5px; inset-inline-end: 6px; max-width: 120px; height: 24px; padding: 0 4px; border: 0; border-radius: 5px; background: none; color: var(--blockeditor-ink-faint); font: 12px/1 var(--blockeditor-font); opacity: 0; cursor: pointer; transition: opacity var(--blockeditor-fade); }
111
+ .blockeditor-editor pre:hover .blockeditor-code-lang, .blockeditor-editor pre:focus-within .blockeditor-code-lang, .blockeditor-code-lang:focus-visible, .blockeditor-editor pre[data-lang] .blockeditor-code-lang { opacity: 1; }
112
+ .blockeditor-code-lang:hover, .blockeditor-code-lang:focus-visible { background: var(--blockeditor-pop-hover); color: var(--blockeditor-ink-soft); }
113
+ :where(article[data-blockeditor], .blockeditor-editor) .blockeditor-callout { background: var(--blockeditor-callout-bg); border: 1px solid var(--blockeditor-callout-line); border-radius: 8px; padding: 10px 14px; }
113
114
  /* The four floor-1 formats. A quote is set apart by its own inset and ink, with
114
115
  no left-border accent; the palette's keys are fixed tokens, in both themes. */
115
- :where(article[data-page], .page-editor) blockquote { padding-inline-start: var(--page-indent); color: var(--page-ink-soft); }
116
- :where(article[data-page], .page-editor) hr { border: 0; border-top: 1px solid var(--page-rule); margin-block: 1.2em; }
117
- :where(article[data-page], .page-editor) .page-hidden { display: none; }
118
- :where(article[data-page], .page-editor) .page-li { position: relative; --li-indent: 0; padding-inline-start: calc((var(--li-indent) + 1) * var(--page-indent)); }
119
- ${INDENTS.map((n) => `:where(article[data-page], .page-editor) .page-li[data-indent="${n}"] { --li-indent: ${n}; }`).join("\n")}
120
- :where(article[data-page], .page-editor) .page-li::before { position: absolute; inset-inline-start: calc(var(--li-indent) * var(--page-indent)); width: var(--page-indent); text-align: center; color: var(--page-marker); content: "\\2022"; }
121
- :where(article[data-page], .page-editor) .page-li[data-kind="bullet"]::before { content: ""; box-sizing: border-box; width: var(--page-bullet-size); height: var(--page-bullet-size); top: calc((1em * var(--page-line-height) - var(--page-bullet-size)) / 2); inset-inline-start: calc(var(--li-indent) * var(--page-indent) + (var(--page-indent) - var(--page-bullet-size)) / 2); border-radius: 50%; background: currentColor; }
122
- :where(article[data-page], .page-editor) .page-li[data-kind="ordered"]::before { content: attr(data-marker); font-variant-numeric: tabular-nums; }
123
- :where(article[data-page], .page-editor) .page-li[data-kind="check"]::before { content: ""; box-sizing: border-box; width: var(--page-check-size); height: var(--page-check-size); top: calc((1em * var(--page-line-height) - var(--page-check-size)) / 2); inset-inline-start: calc(var(--li-indent) * var(--page-indent) + (var(--page-indent) - var(--page-check-size)) / 2); border: 1px solid var(--page-check-border); border-radius: var(--page-check-radius); cursor: pointer; }
124
- :where(article[data-page], .page-editor) .page-li[data-kind="check"][data-checked="true"]::before { background: var(--page-check-fill); border-color: var(--page-check-fill); }
125
- :where(article[data-page], .page-editor) .page-li[data-kind="check"][data-checked="true"]::after { content: ""; position: absolute; width: var(--page-check-size); height: var(--page-check-size); top: calc((1em * var(--page-line-height) - var(--page-check-size)) / 2); inset-inline-start: calc(var(--li-indent) * var(--page-indent) + (var(--page-indent) - var(--page-check-size)) / 2); background: var(--page-check-ink); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.8 8.4l2.9 2.9 5.5-6.4' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 72% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.8 8.4l2.9 2.9 5.5-6.4' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 72% no-repeat; pointer-events: none; }
126
- :where(article[data-page], .page-editor) .page-li[data-kind="check"][data-checked="true"] { color: var(--page-done-ink); text-decoration: line-through; }
127
- :where(article[data-page], .page-editor) .page-toggle { position: relative; padding-inline-start: var(--page-indent); }
128
- .page-editor .page-toggle-button { position: absolute; inset-inline-start: 0; top: 0; width: var(--page-indent); height: calc(1em * var(--page-line-height)); display: grid; place-items: center; border: 0; padding: 0; background: none; color: var(--page-toggle-ink); font: inherit; line-height: 1; cursor: pointer; transition: transform var(--page-fade); }
129
- .page-editor .page-toggle-button::before { content: "\\25B8"; font-size: 1.4em; }
130
- .page-editor .page-toggle[aria-expanded="true"] > .page-toggle-button { transform: rotate(90deg); }
131
-
132
- .page-dock, .page-plus { color: var(--page-chrome-ink-rest); background: var(--page-chrome-bg-rest); border: 1px solid var(--page-chrome-line-rest); box-shadow: var(--page-chrome-shadow-rest); border-radius: var(--page-chrome-radius); transition: color var(--page-fade), background-color var(--page-fade), border-color var(--page-fade), box-shadow var(--page-fade); }
133
- .page-shell.is-moved .page-dock, .page-shell.is-moved .page-plus { color: var(--page-chrome-ink-moved); background: var(--page-chrome-bg-moved); border-color: var(--page-chrome-line-moved); box-shadow: var(--page-chrome-shadow-moved); }
134
- .page-dock { position: sticky; top: 12px; z-index: 3; display: flex; align-items: center; gap: 2px; width: max-content; margin: 12px auto 0; padding: 3px; }
116
+ :where(article[data-blockeditor], .blockeditor-editor) blockquote { padding-inline-start: var(--blockeditor-indent); color: var(--blockeditor-ink-soft); }
117
+ :where(article[data-blockeditor], .blockeditor-editor) hr { border: 0; border-top: 1px solid var(--blockeditor-rule); margin-block: 1.2em; }
118
+ :where(article[data-blockeditor], .blockeditor-editor) .blockeditor-hidden { display: none; }
119
+ :where(article[data-blockeditor], .blockeditor-editor) .blockeditor-li { position: relative; --li-indent: 0; padding-inline-start: calc((var(--li-indent) + 1) * var(--blockeditor-indent)); }
120
+ ${INDENTS.map((n) => `:where(article[data-blockeditor], .blockeditor-editor) .blockeditor-li[data-indent="${n}"] { --li-indent: ${n}; }`).join("\n")}
121
+ :where(article[data-blockeditor], .blockeditor-editor) .blockeditor-li::before { position: absolute; inset-inline-start: calc(var(--li-indent) * var(--blockeditor-indent)); width: var(--blockeditor-indent); text-align: center; color: var(--blockeditor-marker); content: "\\2022"; }
122
+ :where(article[data-blockeditor], .blockeditor-editor) .blockeditor-li[data-kind="bullet"]::before { content: ""; box-sizing: border-box; width: var(--blockeditor-bullet-size); height: var(--blockeditor-bullet-size); top: calc((1em * var(--blockeditor-line-height) - var(--blockeditor-bullet-size)) / 2); inset-inline-start: calc(var(--li-indent) * var(--blockeditor-indent) + (var(--blockeditor-indent) - var(--blockeditor-bullet-size)) / 2); border-radius: 50%; background: currentColor; }
123
+ :where(article[data-blockeditor], .blockeditor-editor) .blockeditor-li[data-kind="ordered"]::before { content: attr(data-marker); font-variant-numeric: tabular-nums; }
124
+ :where(article[data-blockeditor], .blockeditor-editor) .blockeditor-li[data-kind="check"]::before { content: ""; box-sizing: border-box; width: var(--blockeditor-check-size); height: var(--blockeditor-check-size); top: calc((1em * var(--blockeditor-line-height) - var(--blockeditor-check-size)) / 2); inset-inline-start: calc(var(--li-indent) * var(--blockeditor-indent) + (var(--blockeditor-indent) - var(--blockeditor-check-size)) / 2); border: 1px solid var(--blockeditor-check-border); border-radius: var(--blockeditor-check-radius); cursor: pointer; }
125
+ :where(article[data-blockeditor], .blockeditor-editor) .blockeditor-li[data-kind="check"][data-checked="true"]::before { background: var(--blockeditor-check-fill); border-color: var(--blockeditor-check-fill); }
126
+ :where(article[data-blockeditor], .blockeditor-editor) .blockeditor-li[data-kind="check"][data-checked="true"]::after { content: ""; position: absolute; width: var(--blockeditor-check-size); height: var(--blockeditor-check-size); top: calc((1em * var(--blockeditor-line-height) - var(--blockeditor-check-size)) / 2); inset-inline-start: calc(var(--li-indent) * var(--blockeditor-indent) + (var(--blockeditor-indent) - var(--blockeditor-check-size)) / 2); background: var(--blockeditor-check-ink); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.8 8.4l2.9 2.9 5.5-6.4' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 72% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.8 8.4l2.9 2.9 5.5-6.4' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 72% no-repeat; pointer-events: none; }
127
+ :where(article[data-blockeditor], .blockeditor-editor) .blockeditor-li[data-kind="check"][data-checked="true"] { color: var(--blockeditor-done-ink); text-decoration: line-through; }
128
+ :where(article[data-blockeditor], .blockeditor-editor) .blockeditor-toggle { position: relative; padding-inline-start: var(--blockeditor-indent); }
129
+ .blockeditor-editor .blockeditor-toggle-button { position: absolute; inset-inline-start: 0; top: 0; width: var(--blockeditor-indent); height: calc(1em * var(--blockeditor-line-height)); display: grid; place-items: center; border: 0; padding: 0; background: none; color: var(--blockeditor-toggle-ink); font: inherit; line-height: 1; cursor: pointer; transition: transform var(--blockeditor-fade); }
130
+ .blockeditor-editor .blockeditor-toggle-button::before { content: "\\25B8"; font-size: 1.4em; }
131
+ .blockeditor-editor .blockeditor-toggle[data-expanded="true"] > .blockeditor-toggle-button { transform: rotate(90deg); }
132
+
133
+ .blockeditor-dock, .blockeditor-plus { color: var(--blockeditor-chrome-ink-rest); background: var(--blockeditor-chrome-bg-rest); border: 1px solid var(--blockeditor-chrome-line-rest); box-shadow: var(--blockeditor-chrome-shadow-rest); border-radius: var(--blockeditor-chrome-radius); transition: color var(--blockeditor-fade), background-color var(--blockeditor-fade), border-color var(--blockeditor-fade), box-shadow var(--blockeditor-fade); }
134
+ .blockeditor-shell.is-moved .blockeditor-dock, .blockeditor-shell.is-moved .blockeditor-plus { color: var(--blockeditor-chrome-ink-moved); background: var(--blockeditor-chrome-bg-moved); border-color: var(--blockeditor-chrome-line-moved); box-shadow: var(--blockeditor-chrome-shadow-moved); }
135
+ .blockeditor-dock { position: sticky; top: 12px; z-index: 3; display: flex; align-items: center; gap: 2px; width: max-content; margin: 12px auto 0; padding: 3px; }
135
136
  /* One formatting bar at a time: the selection bar covers what the fixed bar offers. Hidden, not removed, so the page does not shift under the selection. */
136
- .page-shell:has(.page-bubble:not([hidden])) .page-dock { visibility: hidden; }
137
- .page-dock, .page-shell.is-moved .page-dock { background: var(--page-pop-bg); }
138
- .page-dock + .page-editor { padding-top: max(16px, calc(var(--page-pad-top) - 48px)); }
139
- .page-tool { display: inline-flex; align-items: center; justify-content: center; min-width: 28px; height: 28px; padding: 0 6px; border: 0; border-radius: 5px; background: none; color: inherit; font: 500 13px/1 var(--page-font); cursor: pointer; }
140
- .page-tool:hover, .page-tool[aria-pressed="true"] { background: var(--page-pop-hover); }
141
- .page-tool-turn { gap: 4px; padding: 0 8px; }
137
+ .blockeditor-shell:has(.blockeditor-bubble:not([hidden])) .blockeditor-dock { visibility: hidden; }
138
+ .blockeditor-dock, .blockeditor-shell.is-moved .blockeditor-dock { background: var(--blockeditor-pop-bg); }
139
+ .blockeditor-dock + .blockeditor-editor { padding-top: max(16px, calc(var(--blockeditor-pad-top) - 48px)); }
140
+ .blockeditor-tool { display: inline-flex; align-items: center; justify-content: center; min-width: 28px; height: 28px; padding: 0 6px; border: 0; border-radius: 5px; background: none; color: inherit; font: 500 13px/1 var(--blockeditor-font); cursor: pointer; }
141
+ .blockeditor-tool:hover, .blockeditor-tool[aria-pressed="true"] { background: var(--blockeditor-pop-hover); }
142
+ .blockeditor-tool-turn { gap: 4px; padding: 0 8px; }
142
143
  /* The phone's fourth control folds away everything the narrow bar hides; on a desktop it
143
144
  holds what has no button of its own (colors, icon and cover, the exports). */
144
- .page-tool-sep { width: 1px; height: 16px; margin: 0 3px; background: currentColor; opacity: 0.5; }
145
- .page-safe-probe { position: fixed; left: 0; bottom: 0; width: 0; height: 0; padding-bottom: env(safe-area-inset-bottom); visibility: hidden; pointer-events: none; }
146
- .page-plus { position: absolute; z-index: 2; top: calc(var(--page-plus-top, 0px) - var(--page-plus-size) / 2); left: calc(var(--page-plus-left, 0px) - var(--page-plus-size) - 12px); width: var(--page-plus-size); height: var(--page-plus-size); display: grid; place-items: center; padding: 0; cursor: pointer; }
147
- .page-plus[aria-expanded="true"] { color: var(--page-chrome-ink-moved); background: var(--page-chrome-bg-moved); }
148
- .page-grip { position: absolute; z-index: 2; top: calc(var(--page-plus-top, 0px) - var(--page-grip-size, var(--page-plus-size)) / 2); left: calc(var(--page-plus-left, 0px) - var(--page-plus-size) - 12px - var(--page-grip-size, var(--page-plus-size)) - 2px); width: var(--page-grip-size, var(--page-plus-size)); height: var(--page-grip-size, var(--page-plus-size)); display: grid; place-items: center; padding: 0; border: 0; border-radius: var(--page-chrome-radius); background: none; color: var(--page-chrome-ink-moved); opacity: 0; cursor: grab; touch-action: none; transition: opacity var(--page-fade); }
149
- .page-shell.is-moved .page-grip, .page-grip.is-on, .page-grip:focus-visible, .page-grip[aria-expanded="true"] { opacity: 1; }
150
- .page-bubble, .page-menu { position: absolute; z-index: 4; background: var(--page-pop-bg); color: var(--page-pop-ink); border: 1px solid var(--page-pop-line); box-shadow: var(--page-pop-shadow); border-radius: var(--page-pop-radius); }
151
- .page-bubble { display: flex; gap: 1px; padding: 3px; left: var(--page-pop-x, 0px); top: var(--page-pop-y, 0px); transform: translate(-50%, calc(-100% - 8px)); }
152
- .page-menu { left: var(--page-pop-x, 0px); top: var(--page-pop-y, 0px); width: 260px; max-height: 340px; overflow-y: auto; padding: 6px; font-size: 14px; }
153
- .page-settings { position: absolute; z-index: 4; box-sizing: border-box; left: var(--page-pop-x, 0px); top: var(--page-pop-y, 0px); width: min(264px, calc(100vw - 28px)); padding: 9px 11px; background: var(--page-pop-bg); color: var(--page-pop-ink); border: 1px solid var(--page-pop-line); border-radius: var(--page-pop-radius); box-shadow: var(--page-pop-shadow); font-size: 13px; }
154
- .page-settings-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 6px; margin-bottom: 2px; border-bottom: 1px solid var(--page-pop-line); }
155
- .page-settings-title { font-size: 12.5px; font-weight: 600; color: var(--page-pop-ink); }
156
- .page-settings-close { display: inline-grid; place-content: center; width: 20px; height: 20px; padding: 0; border: 1px solid transparent; border-radius: 5px; background: none; color: var(--page-pop-muted); cursor: pointer; }
157
- .page-settings-close:hover { background: var(--page-pop-hover); color: var(--page-pop-ink); }
158
- .page-settings-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 6px 0; }
159
- .page-settings-name { min-width: 0; font-weight: 500; line-height: 1.3; }
160
- .page-settings-switch { position: relative; flex: 0 0 30px; box-sizing: border-box; width: 30px; height: 18px; padding: 0; border: 0; border-radius: 9px; background: var(--page-chrome-line-moved); cursor: pointer; transition: background-color var(--page-fade); }
161
- .page-settings-switch[aria-checked="true"] { background: var(--page-accent); }
162
- .page-settings-knob { position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%; background: var(--page-pop-bg); transition: transform var(--page-fade); }
163
- .page-settings-switch[aria-checked="true"] .page-settings-knob { transform: translateX(12px); }
164
- .page-settings-note { margin: 4px 0 2px; color: var(--page-pop-muted); font-size: 11px; line-height: 1.4; }
165
- .page-menu-title { padding: 4px 10px 6px; color: var(--page-pop-muted); font-size: 12px; }
166
- .page-menu-item { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 34px; padding: 4px 10px; border: 0; border-radius: 7px; background: none; color: inherit; font: inherit; text-align: start; cursor: pointer; }
167
- .page-menu-item[aria-selected="true"], .page-menu-item.is-active, .page-menu-item:hover { background: var(--page-pop-hover); }
168
- .page-menu-icon { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid var(--page-pop-line); border-radius: 6px; color: var(--page-pop-muted); font-size: 12px; flex: none; }
169
- .page-menu-icon svg { display: block; }
170
- .page-menu-hint { margin-inline-start: auto; color: var(--page-pop-muted); font-size: 12px; }
171
- .page-menu-text { display: flex; flex-direction: column; min-width: 0; }
172
- .page-menu-desc { color: var(--page-pop-muted); font-size: 12px; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
173
- .page-menu-empty { padding: 8px 10px; color: var(--page-pop-muted); font-size: 13px; }
174
- .page-shell.is-dragging, .page-shell.is-dragging .page-grip { cursor: grabbing; }
175
- .page-shell[data-drop="none"] { cursor: no-drop; }
176
- .page-drop { position: absolute; z-index: 3; left: var(--page-drop-x, 0px); top: var(--page-drop-y, 0px); width: var(--page-drop-w, 0px); height: 2px; margin-top: -1px; border-radius: 1px; background: var(--page-drop, var(--page-accent)); pointer-events: none; }
177
- .page-shell.is-dragging .page-block-selected { opacity: 0.45; }
178
- .page-editor.ProseMirror-hideselection { caret-color: transparent; }
179
- .page-editor.ProseMirror-hideselection *::selection { background: transparent; }
180
- .page-editor .page-block-selected { background: var(--page-block-selected, rgba(88, 120, 170, 0.12)); box-shadow: -6px 0 0 var(--page-block-selected, rgba(88, 120, 170, 0.12)), 6px 0 0 var(--page-block-selected, rgba(88, 120, 170, 0.12)); border-radius: 4px; }
181
- .page-editor .page-link-pending { background: var(--page-selection); }
182
- .page-link { position: absolute; z-index: 4; left: var(--page-pop-x, 0px); top: var(--page-pop-y, 0px); display: flex; align-items: center; gap: 2px; padding: 4px; max-width: min(420px, calc(100% - 32px)); background: var(--page-pop-bg); color: var(--page-pop-ink); border: 1px solid var(--page-pop-line); box-shadow: var(--page-pop-shadow); border-radius: var(--page-pop-radius); font-size: 14px; }
183
- .page-link-input { flex: 1; min-width: 220px; height: 30px; padding: 0 8px; border: 0; border-radius: 6px; background: var(--page-pop-hover); color: inherit; font: inherit; outline: none; }
184
- .page-link-input[aria-invalid="true"] { box-shadow: inset 0 0 0 1px var(--page-danger, #9E3B2F); }
185
- .page-link-url { max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 8px; color: var(--page-pop-muted); text-decoration: none; }
186
- .page-link-btn { display: inline-grid; place-items: center; min-width: 30px; height: 30px; padding: 0 6px; border: 0; border-radius: 6px; background: none; color: inherit; font: inherit; cursor: pointer; }
187
- .page-link-btn:hover { background: var(--page-pop-hover); }
188
- .page-live { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
189
- .ProseMirror-focused .page-placeholder::before { content: attr(data-placeholder); float: left; height: 0; color: var(--page-ink-faint); pointer-events: none; }
190
- .page-editor .page-title-placeholder::before { content: attr(data-placeholder); float: left; height: 0; color: var(--page-ink-faint); pointer-events: none; }
191
- .page-csv-error { margin: 8px 0; color: var(--page-danger); font-size: 14px; }
192
- .page-editor .page-table { max-width: 100%; min-width: 0; border: 1px solid var(--page-rule); border-radius: 8px; }
193
- .page-editor .page-chart { position: relative; max-width: 100%; min-width: 0; margin-inline: 0; border: 1px solid var(--page-rule); border-radius: var(--page-chrome-radius); color: var(--page-ink); }
194
- .page-chart-plot svg { display: block; width: 100%; height: auto; color: var(--chart-text, var(--page-ink-soft)); font: 12px var(--page-font); }
195
- .page-chart-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 10px 12px; border-bottom: 1px solid var(--page-rule); }
196
- .page-chart-title { min-width: 0; margin-inline-end: auto; font-size: 14px; font-weight: 600; line-height: 1.3; }
197
- .page-chart-title.is-empty { color: var(--page-ink-faint); font-weight: 500; }
198
- .page-chart-source { display: inline-flex; align-items: center; gap: 5px; box-sizing: border-box; height: 22px; padding: 0 7px; border: 1px solid var(--page-pop-line); border-radius: var(--page-chrome-radius); background: var(--page-pop-bg); color: var(--page-pop-muted); font: inherit; font-size: 11.5px; cursor: pointer; }
199
- .page-chart-source:hover { color: var(--page-ink); border-color: var(--page-chrome-line-moved); }
200
- .page-chart-source svg, .page-chart-edit svg, .page-chart-remove svg { flex: none; }
201
- .page-chart-edit { display: inline-flex; align-items: center; gap: 6px; box-sizing: border-box; height: 28px; padding: 0 10px; border: 1px solid var(--page-rule); border-radius: var(--page-chrome-radius); background: none; color: var(--page-ink); font: inherit; font-size: 12.5px; font-weight: 500; cursor: pointer; }
202
- .page-chart-edit:hover, .page-chart-edit[aria-expanded="true"] { background: var(--page-pop-hover); }
203
- .page-chart-panel { position: absolute; z-index: 5; top: 46px; inset-inline-end: 10px; box-sizing: border-box; width: 304px; padding: 12px; border: 1px solid var(--page-pop-line); border-radius: var(--page-pop-radius); background: var(--page-pop-bg); box-shadow: var(--page-pop-shadow); color: var(--page-pop-ink); font-family: var(--page-font); font-size: 13px; text-align: start; }
204
- .page-chart-panel:focus { outline: none; }
205
- .page-chart-row { display: flex; flex-direction: column; gap: 4px; margin-bottom: 10px; }
206
- .page-chart-row:last-child { margin-bottom: 0; }
207
- .page-chart-label { color: var(--page-pop-muted); font-size: 12px; font-weight: 500; }
208
- .page-chart-types { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; }
209
- .page-chart-type, .page-chart-remove, .page-chart-done { display: inline-flex; align-items: center; justify-content: center; gap: 6px; box-sizing: border-box; height: 28px; padding: 0 10px; border: 1px solid var(--page-pop-line); border-radius: var(--page-chrome-radius); background: none; color: var(--page-pop-ink); font: inherit; font-size: 12.5px; font-weight: 500; cursor: pointer; }
210
- .page-chart-type:hover, .page-chart-remove:hover, .page-chart-done:hover { background: var(--page-pop-hover); }
211
- .page-chart-type[aria-pressed="true"] { border-color: var(--page-chrome-line-moved); background: var(--page-pop-hover); font-weight: 600; }
212
- .page-chart-select, .page-chart-title-input { box-sizing: border-box; width: 100%; height: 28px; padding: 0 8px; border: 1px solid var(--page-pop-line); border-radius: var(--page-chrome-radius); background: var(--page-pop-bg); color: var(--page-pop-ink); font: inherit; font-size: 12.5px; }
213
- .page-chart-values { display: flex; flex-direction: column; gap: 1px; padding: 5px 6px; border: 1px solid var(--page-pop-line); border-radius: var(--page-chrome-radius); }
214
- .page-chart-value { display: flex; align-items: center; gap: 7px; padding: 2px 4px; font-size: 12.5px; cursor: pointer; }
215
- .page-chart-value:hover { background: var(--page-pop-hover); }
216
- .page-chart-value input { margin: 0; accent-color: var(--page-accent); }
217
- .page-chart-swatch { flex: none; width: 10px; height: 10px; border-radius: 2px; }
218
- .page-chart-hint { color: var(--page-pop-muted); font-size: 11px; line-height: 1.4; }
219
- .page-chart-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 10px; padding-top: 8px; border-top: 1px solid var(--page-pop-line); }
220
- .page-chart-remove { color: var(--page-danger); }
221
- .page-chart-broken { box-sizing: border-box; padding: 16px; border: 1px solid var(--page-pop-line); border-radius: var(--page-chrome-radius); background: var(--page-pop-hover); font-family: var(--page-font); text-align: start; }
222
- .page-chart-broken[hidden] { display: none; }
223
- .page-chart-plot[hidden] { display: none; }
224
- .page-chart-broken-head { margin-bottom: 4px; font-size: 13.5px; font-weight: 600; line-height: 1.3; }
225
- .page-chart-broken-text { margin: 0 0 12px; color: var(--page-pop-muted); font-size: 12.5px; line-height: 1.45; }
226
- .page-chart-broken-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
227
- .page-chart-use, .page-chart-delete { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; height: 28px; padding: 0 10px; border: 1px solid var(--page-pop-line); border-radius: var(--page-chrome-radius); background: var(--page-pop-bg); color: var(--page-pop-ink); font: inherit; font-size: 12.5px; font-weight: 500; cursor: pointer; }
228
- .page-chart-use:hover, .page-chart-delete:hover { background: var(--page-pop-bg); border-color: var(--page-chrome-line-moved); }
229
- .page-chart-delete { color: var(--page-danger); }
230
- .page-chart-broken-actions .page-chart-select { width: auto; min-width: 0; flex: 1 1 140px; }
145
+ .blockeditor-tool-sep { width: 1px; height: 16px; margin: 0 3px; background: currentColor; opacity: 0.5; }
146
+ .blockeditor-safe-probe { position: fixed; left: 0; bottom: 0; width: 0; height: 0; padding-bottom: env(safe-area-inset-bottom); visibility: hidden; pointer-events: none; }
147
+ .blockeditor-plus { position: absolute; z-index: 2; top: calc(var(--blockeditor-plus-top, 0px) - var(--blockeditor-plus-size) / 2); left: calc(var(--blockeditor-plus-left, 0px) - var(--blockeditor-plus-size) - 12px); width: var(--blockeditor-plus-size); height: var(--blockeditor-plus-size); display: grid; place-items: center; padding: 0; cursor: pointer; }
148
+ .blockeditor-plus[aria-expanded="true"] { color: var(--blockeditor-chrome-ink-moved); background: var(--blockeditor-chrome-bg-moved); }
149
+ .blockeditor-grip { position: absolute; z-index: 2; top: calc(var(--blockeditor-plus-top, 0px) - var(--blockeditor-grip-size, var(--blockeditor-plus-size)) / 2); left: calc(var(--blockeditor-plus-left, 0px) - var(--blockeditor-plus-size) - 12px - var(--blockeditor-grip-size, var(--blockeditor-plus-size)) - 2px); width: var(--blockeditor-grip-size, var(--blockeditor-plus-size)); height: var(--blockeditor-grip-size, var(--blockeditor-plus-size)); display: grid; place-items: center; padding: 0; border: 0; border-radius: var(--blockeditor-chrome-radius); background: none; color: var(--blockeditor-chrome-ink-moved); opacity: 0; cursor: grab; touch-action: none; transition: opacity var(--blockeditor-fade); }
150
+ .blockeditor-shell.is-moved .blockeditor-grip, .blockeditor-grip.is-on, .blockeditor-grip:focus-visible, .blockeditor-grip[aria-expanded="true"] { opacity: 1; }
151
+ .blockeditor-bubble, .blockeditor-menu { position: absolute; z-index: 4; background: var(--blockeditor-pop-bg); color: var(--blockeditor-pop-ink); border: 1px solid var(--blockeditor-pop-line); box-shadow: var(--blockeditor-pop-shadow); border-radius: var(--blockeditor-pop-radius); }
152
+ .blockeditor-bubble { display: flex; gap: 1px; padding: 3px; left: var(--blockeditor-pop-x, 0px); top: var(--blockeditor-pop-y, 0px); transform: translate(-50%, calc(-100% - 8px)); }
153
+ .blockeditor-menu { left: var(--blockeditor-pop-x, 0px); top: var(--blockeditor-pop-y, 0px); width: 260px; max-height: 340px; overflow-y: auto; padding: 6px; font-size: 14px; }
154
+ .blockeditor-settings { position: absolute; z-index: 4; box-sizing: border-box; left: var(--blockeditor-pop-x, 0px); top: var(--blockeditor-pop-y, 0px); width: min(264px, calc(100vw - 28px)); padding: 9px 11px; background: var(--blockeditor-pop-bg); color: var(--blockeditor-pop-ink); border: 1px solid var(--blockeditor-pop-line); border-radius: var(--blockeditor-pop-radius); box-shadow: var(--blockeditor-pop-shadow); font-size: 13px; }
155
+ .blockeditor-settings-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 6px; margin-bottom: 2px; border-bottom: 1px solid var(--blockeditor-pop-line); }
156
+ .blockeditor-settings-title { font-size: 12.5px; font-weight: 600; color: var(--blockeditor-pop-ink); }
157
+ .blockeditor-settings-close { display: inline-grid; place-content: center; width: 20px; height: 20px; padding: 0; border: 1px solid transparent; border-radius: 5px; background: none; color: var(--blockeditor-pop-muted); cursor: pointer; }
158
+ .blockeditor-settings-close:hover { background: var(--blockeditor-pop-hover); color: var(--blockeditor-pop-ink); }
159
+ .blockeditor-settings-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 6px 0; }
160
+ .blockeditor-settings-name { min-width: 0; font-weight: 500; line-height: 1.3; }
161
+ .blockeditor-settings-switch { position: relative; flex: 0 0 30px; box-sizing: border-box; width: 30px; height: 18px; padding: 0; border: 0; border-radius: 9px; background: var(--blockeditor-chrome-line-moved); cursor: pointer; transition: background-color var(--blockeditor-fade); }
162
+ .blockeditor-settings-switch[aria-checked="true"] { background: var(--blockeditor-accent); }
163
+ .blockeditor-settings-knob { position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%; background: var(--blockeditor-pop-bg); transition: transform var(--blockeditor-fade); }
164
+ .blockeditor-settings-switch[aria-checked="true"] .blockeditor-settings-knob { transform: translateX(12px); }
165
+ .blockeditor-settings-note { margin: 4px 0 2px; color: var(--blockeditor-pop-muted); font-size: 11px; line-height: 1.4; }
166
+ .blockeditor-menu-title { padding: 4px 10px 6px; color: var(--blockeditor-pop-muted); font-size: 12px; }
167
+ .blockeditor-menu-item { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 34px; padding: 4px 10px; border: 0; border-radius: 7px; background: none; color: inherit; font: inherit; text-align: start; cursor: pointer; }
168
+ .blockeditor-menu-item[aria-selected="true"], .blockeditor-menu-item.is-active, .blockeditor-menu-item:hover { background: var(--blockeditor-pop-hover); }
169
+ .blockeditor-menu-icon { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid var(--blockeditor-pop-line); border-radius: 6px; color: var(--blockeditor-pop-muted); font-size: 12px; flex: none; }
170
+ .blockeditor-menu-icon svg { display: block; }
171
+ .blockeditor-menu-hint { margin-inline-start: auto; color: var(--blockeditor-pop-muted); font-size: 12px; }
172
+ .blockeditor-menu-text { display: flex; flex-direction: column; min-width: 0; }
173
+ .blockeditor-menu-desc { color: var(--blockeditor-pop-muted); font-size: 12px; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
174
+ .blockeditor-menu-empty { padding: 8px 10px; color: var(--blockeditor-pop-muted); font-size: 13px; }
175
+ .blockeditor-menu-note { padding: 8px 10px; color: var(--blockeditor-pop-muted); font-size: 13px; }
176
+ .blockeditor-shell.is-dragging, .blockeditor-shell.is-dragging .blockeditor-grip { cursor: grabbing; }
177
+ .blockeditor-shell[data-drop="none"] { cursor: no-drop; }
178
+ .blockeditor-drop { position: absolute; z-index: 3; left: var(--blockeditor-drop-x, 0px); top: var(--blockeditor-drop-y, 0px); width: var(--blockeditor-drop-w, 0px); height: 2px; margin-top: -1px; border-radius: 1px; background: var(--blockeditor-drop, var(--blockeditor-accent)); pointer-events: none; }
179
+ .blockeditor-shell.is-dragging .blockeditor-block-selected { opacity: 0.45; }
180
+ .blockeditor-editor.ProseMirror-hideselection { caret-color: transparent; }
181
+ .blockeditor-editor.ProseMirror-hideselection *::selection { background: transparent; }
182
+ .blockeditor-editor .blockeditor-block-selected { background: var(--blockeditor-block-selected, rgba(88, 120, 170, 0.12)); box-shadow: -6px 0 0 var(--blockeditor-block-selected, rgba(88, 120, 170, 0.12)), 6px 0 0 var(--blockeditor-block-selected, rgba(88, 120, 170, 0.12)); border-radius: 4px; }
183
+ .blockeditor-ai-hidden { display: none; }
184
+ .blockeditor-ai-preview { margin: var(--blockeditor-block-gap) 0; padding: 2px 8px; border-radius: 4px; background: var(--blockeditor-block-selected, rgba(88, 120, 170, 0.12)); }
185
+ .blockeditor-editor .blockeditor-link-pending { background: var(--blockeditor-selection); }
186
+ .blockeditor-link { position: absolute; z-index: 4; left: var(--blockeditor-pop-x, 0px); top: var(--blockeditor-pop-y, 0px); display: flex; align-items: center; gap: 2px; padding: 4px; max-width: min(420px, calc(100% - 32px)); background: var(--blockeditor-pop-bg); color: var(--blockeditor-pop-ink); border: 1px solid var(--blockeditor-pop-line); box-shadow: var(--blockeditor-pop-shadow); border-radius: var(--blockeditor-pop-radius); font-size: 14px; }
187
+ .blockeditor-link-input { flex: 1; min-width: 220px; height: 30px; padding: 0 8px; border: 0; border-radius: 6px; background: var(--blockeditor-pop-hover); color: inherit; font: inherit; outline: none; }
188
+ .blockeditor-link-input[aria-invalid="true"] { box-shadow: inset 0 0 0 1px var(--blockeditor-danger, #9E3B2F); }
189
+ .blockeditor-link-url { max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 8px; color: var(--blockeditor-pop-muted); text-decoration: none; }
190
+ .blockeditor-link-btn { display: inline-grid; place-items: center; min-width: 30px; height: 30px; padding: 0 6px; border: 0; border-radius: 6px; background: none; color: inherit; font: inherit; cursor: pointer; }
191
+ .blockeditor-link-btn:hover { background: var(--blockeditor-pop-hover); }
192
+ .blockeditor-live { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
193
+ .ProseMirror-focused .blockeditor-placeholder::before { content: attr(data-placeholder); float: left; height: 0; color: var(--blockeditor-ink-faint); pointer-events: none; }
194
+ .blockeditor-editor .blockeditor-title-placeholder::before { content: attr(data-placeholder); float: left; height: 0; color: var(--blockeditor-ink-faint); pointer-events: none; }
195
+ .blockeditor-csv-error { margin: 8px 0; color: var(--blockeditor-danger); font-size: 14px; }
196
+ .blockeditor-editor .blockeditor-table { max-width: 100%; min-width: 0; border: 1px solid var(--blockeditor-rule); border-radius: 8px; }
197
+ .blockeditor-editor .blockeditor-chart { position: relative; max-width: 100%; min-width: 0; margin-inline: 0; border: 1px solid var(--blockeditor-rule); border-radius: var(--blockeditor-chrome-radius); color: var(--blockeditor-ink); }
198
+ .blockeditor-chart-plot svg { display: block; width: 100%; height: auto; color: var(--chart-text, var(--blockeditor-ink-soft)); font: 12px var(--blockeditor-font); }
199
+ .blockeditor-chart-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 10px 12px; border-bottom: 1px solid var(--blockeditor-rule); }
200
+ .blockeditor-chart-title { min-width: 0; margin-inline-end: auto; font-size: 14px; font-weight: 600; line-height: 1.3; }
201
+ .blockeditor-chart-title.is-empty { color: var(--blockeditor-ink-faint); font-weight: 500; }
202
+ .blockeditor-chart-source { display: inline-flex; align-items: center; gap: 5px; box-sizing: border-box; height: 22px; padding: 0 7px; border: 1px solid var(--blockeditor-pop-line); border-radius: var(--blockeditor-chrome-radius); background: var(--blockeditor-pop-bg); color: var(--blockeditor-pop-muted); font: inherit; font-size: 11.5px; cursor: pointer; }
203
+ .blockeditor-chart-source:hover { color: var(--blockeditor-ink); border-color: var(--blockeditor-chrome-line-moved); }
204
+ .blockeditor-chart-source svg, .blockeditor-chart-edit svg, .blockeditor-chart-remove svg { flex: none; }
205
+ .blockeditor-chart-edit { display: inline-flex; align-items: center; gap: 6px; box-sizing: border-box; height: 28px; padding: 0 10px; border: 1px solid var(--blockeditor-rule); border-radius: var(--blockeditor-chrome-radius); background: none; color: var(--blockeditor-ink); font: inherit; font-size: 12.5px; font-weight: 500; cursor: pointer; }
206
+ .blockeditor-chart-edit:hover, .blockeditor-chart-edit[aria-expanded="true"] { background: var(--blockeditor-pop-hover); }
207
+ .blockeditor-chart-panel { position: absolute; z-index: 5; top: 46px; inset-inline-end: 10px; box-sizing: border-box; width: 304px; padding: 12px; border: 1px solid var(--blockeditor-pop-line); border-radius: var(--blockeditor-pop-radius); background: var(--blockeditor-pop-bg); box-shadow: var(--blockeditor-pop-shadow); color: var(--blockeditor-pop-ink); font-family: var(--blockeditor-font); font-size: 13px; text-align: start; }
208
+ .blockeditor-chart-panel:focus { outline: none; }
209
+ .blockeditor-chart-row { display: flex; flex-direction: column; gap: 4px; margin-bottom: 10px; }
210
+ .blockeditor-chart-row:last-child { margin-bottom: 0; }
211
+ .blockeditor-chart-label { color: var(--blockeditor-pop-muted); font-size: 12px; font-weight: 500; }
212
+ .blockeditor-chart-types { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; }
213
+ .blockeditor-chart-type, .blockeditor-chart-remove, .blockeditor-chart-done { display: inline-flex; align-items: center; justify-content: center; gap: 6px; box-sizing: border-box; height: 28px; padding: 0 10px; border: 1px solid var(--blockeditor-pop-line); border-radius: var(--blockeditor-chrome-radius); background: none; color: var(--blockeditor-pop-ink); font: inherit; font-size: 12.5px; font-weight: 500; cursor: pointer; }
214
+ .blockeditor-chart-type:hover, .blockeditor-chart-remove:hover, .blockeditor-chart-done:hover { background: var(--blockeditor-pop-hover); }
215
+ .blockeditor-chart-type[aria-pressed="true"] { border-color: var(--blockeditor-chrome-line-moved); background: var(--blockeditor-pop-hover); font-weight: 600; }
216
+ .blockeditor-chart-select, .blockeditor-chart-title-input { box-sizing: border-box; width: 100%; height: 28px; padding: 0 8px; border: 1px solid var(--blockeditor-pop-line); border-radius: var(--blockeditor-chrome-radius); background: var(--blockeditor-pop-bg); color: var(--blockeditor-pop-ink); font: inherit; font-size: 12.5px; }
217
+ .blockeditor-chart-values { display: flex; flex-direction: column; gap: 1px; padding: 5px 6px; border: 1px solid var(--blockeditor-pop-line); border-radius: var(--blockeditor-chrome-radius); }
218
+ .blockeditor-chart-value { display: flex; align-items: center; gap: 7px; padding: 2px 4px; font-size: 12.5px; cursor: pointer; }
219
+ .blockeditor-chart-value:hover { background: var(--blockeditor-pop-hover); }
220
+ .blockeditor-chart-value input { margin: 0; accent-color: var(--blockeditor-accent); }
221
+ .blockeditor-chart-swatch { flex: none; width: 10px; height: 10px; border-radius: 2px; }
222
+ .blockeditor-chart-hint { color: var(--blockeditor-pop-muted); font-size: 11px; line-height: 1.4; }
223
+ .blockeditor-chart-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 10px; padding-top: 8px; border-top: 1px solid var(--blockeditor-pop-line); }
224
+ .blockeditor-chart-remove { color: var(--blockeditor-danger); }
225
+ .blockeditor-chart-broken { box-sizing: border-box; padding: 16px; border: 1px solid var(--blockeditor-pop-line); border-radius: var(--blockeditor-chrome-radius); background: var(--blockeditor-pop-hover); font-family: var(--blockeditor-font); text-align: start; }
226
+ .blockeditor-chart-broken[hidden] { display: none; }
227
+ .blockeditor-chart-plot[hidden] { display: none; }
228
+ .blockeditor-chart-broken-head { margin-bottom: 4px; font-size: 13.5px; font-weight: 600; line-height: 1.3; }
229
+ .blockeditor-chart-broken-text { margin: 0 0 12px; color: var(--blockeditor-pop-muted); font-size: 12.5px; line-height: 1.45; }
230
+ .blockeditor-chart-broken-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
231
+ .blockeditor-chart-use, .blockeditor-chart-delete { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; height: 28px; padding: 0 10px; border: 1px solid var(--blockeditor-pop-line); border-radius: var(--blockeditor-chrome-radius); background: var(--blockeditor-pop-bg); color: var(--blockeditor-pop-ink); font: inherit; font-size: 12.5px; font-weight: 500; cursor: pointer; }
232
+ .blockeditor-chart-use:hover, .blockeditor-chart-delete:hover { background: var(--blockeditor-pop-bg); border-color: var(--blockeditor-chrome-line-moved); }
233
+ .blockeditor-chart-delete { color: var(--blockeditor-danger); }
234
+ .blockeditor-chart-broken-actions .blockeditor-chart-select { width: auto; min-width: 0; flex: 1 1 140px; }
231
235
  @media (max-width: 560px) {
232
- .page-chart-panel { position: static; inset-inline-end: auto; width: auto; border: 0; border-top: 1px solid var(--page-pop-line); border-radius: 0; box-shadow: none; }
233
- .page-chart-use, .page-chart-delete, .page-chart-broken-actions .page-chart-select { height: 44px; }
236
+ .blockeditor-chart-panel { position: static; inset-inline-end: auto; width: auto; border: 0; border-top: 1px solid var(--blockeditor-pop-line); border-radius: 0; box-shadow: none; }
237
+ .blockeditor-chart-use, .blockeditor-chart-delete, .blockeditor-chart-broken-actions .blockeditor-chart-select { height: 44px; }
234
238
  }
235
- .page-table-scroll { max-width: 100%; overflow-x: auto; }
236
- .page-table table { border-collapse: collapse; min-width: max-content; width: 100%; table-layout: auto; }
237
- .page-table th, .page-table td { min-width: 120px; padding: 6px 10px; border-inline-end: 1px solid var(--page-rule); border-block-end: 1px solid var(--page-rule); text-align: start; white-space: pre-wrap; }
238
- .page-table th { background: var(--page-code-bg); color: var(--page-ink-soft); font-weight: 600; }
239
- .page-table th[data-kind="number"], .page-table td[data-kind="number"] { text-align: end; }
240
- .page-table th[aria-sort="ascending"] button::after { content: " ↑"; }
241
- .page-table th[aria-sort="descending"] button::after { content: " ↓"; }
242
- .page-table th button, .page-table-row-menu { border: 0; border-radius: 5px; background: none; color: inherit; font: inherit; cursor: pointer; }
243
- .page-table th button:hover, .page-table-row-menu:hover { background: var(--page-pop-hover); }
244
- .page-editor td > span { display: block; }
245
- .page-table-row-menu { float: inline-end; margin-inline-start: 4px; opacity: 0; font-size: 12px; color: var(--page-ink-soft); display: inline-grid; place-items: center; width: 22px; height: 22px; padding: 0; }
246
- .page-table tr:hover .page-table-row-menu, .page-table tr:focus-within .page-table-row-menu, .page-table-row-menu:focus-visible { opacity: 1; }
239
+ .blockeditor-table-scroll { max-width: 100%; overflow-x: auto; }
240
+ .blockeditor-table table { border-collapse: collapse; min-width: max-content; width: 100%; table-layout: auto; }
241
+ .blockeditor-table th, .blockeditor-table td { min-width: 120px; padding: 6px 10px; border-inline-end: 1px solid var(--blockeditor-rule); border-block-end: 1px solid var(--blockeditor-rule); text-align: start; white-space: pre-wrap; }
242
+ .blockeditor-table th { background: var(--blockeditor-code-bg); color: var(--blockeditor-ink-soft); font-weight: 600; }
243
+ .blockeditor-table th[data-kind="number"], .blockeditor-table td[data-kind="number"] { text-align: end; }
244
+ .blockeditor-table th[aria-sort="ascending"] button::after { content: " ↑"; }
245
+ .blockeditor-table th[aria-sort="descending"] button::after { content: " ↓"; }
246
+ .blockeditor-table th button, .blockeditor-table-row-menu { border: 0; border-radius: 5px; background: none; color: inherit; font: inherit; cursor: pointer; }
247
+ .blockeditor-table th button:hover, .blockeditor-table-row-menu:hover { background: var(--blockeditor-pop-hover); }
248
+ .blockeditor-editor td > span { display: block; }
249
+ .blockeditor-table-row-menu { float: inline-end; margin-inline-start: 4px; opacity: 0; font-size: 12px; color: var(--blockeditor-ink-soft); display: inline-grid; place-items: center; width: 22px; height: 22px; padding: 0; }
250
+ .blockeditor-table tr:hover .blockeditor-table-row-menu, .blockeditor-table tr:focus-within .blockeditor-table-row-menu, .blockeditor-table-row-menu:focus-visible { opacity: 1; }
247
251
  /* The tags float to the end of the item's first line, so long text wraps beside and
248
252
  below them without the text's own marks being pulled apart. The item's whole line
249
253
  stays the click target for an empty item, which has no text of its own. */
250
- .page-li.page-check-placeholder::after { content: attr(data-placeholder); position: absolute; inset-inline-start: calc((var(--li-indent) + 1) * var(--page-indent)); color: var(--page-ink-faint); pointer-events: none; }
251
- .page-check-controls { display: inline-flex; float: inline-end; flex-wrap: wrap; align-items: center; gap: 5px; margin-inline-start: 10px; text-decoration: none; }
252
- .page-check-chip { display: inline-flex; align-items: center; gap: 4px; box-sizing: border-box; height: 23px; padding: 0 7px; border: 1px solid var(--page-rule); border-radius: var(--page-check-radius); background: transparent; color: var(--page-ink-soft); font: 400 12px/1 var(--page-font); white-space: nowrap; cursor: pointer; }
253
- .page-check-chip svg { flex: none; }
254
- .page-check-chip:hover { background: var(--page-pop-hover); }
255
- .page-check-chip[data-filled="true"] { border-color: transparent; background: var(--page-chrome-bg-moved); color: var(--page-ink); font-weight: 500; }
256
- .page-check-chip[data-overdue="true"] { border-color: var(--page-danger); color: var(--page-danger); }
257
- .page-li[data-checked="true"] .page-check-controls { opacity: 0.62; }
258
- [data-assignees="false"] .page-check-chip[data-check="owner"], [data-dates="false"] .page-check-chip[data-check="date"] { display: none; }
259
- [data-assignees="false"][data-dates="false"] .page-check-controls { display: none; }
260
- .page-check-popup { display: inline-flex; gap: 4px; padding: 4px; background: var(--page-pop-bg); color: var(--page-pop-ink); border: 1px solid var(--page-pop-line); border-radius: var(--page-pop-radius); box-shadow: var(--page-pop-shadow); }
261
- .page-check-popup input { font: inherit; color: inherit; background: var(--page-pop-bg); border: 1px solid var(--page-pop-line); }
262
- .page-check-popup.page-check-owner, .page-check-popup.page-check-date { position: absolute; z-index: 5; display: block; box-sizing: border-box; width: min(264px, calc(100vw - 28px)); padding: 8px; background: var(--page-pop-bg); color: var(--page-pop-ink); border: 1px solid var(--page-pop-line); border-radius: var(--page-pop-radius); box-shadow: var(--page-pop-shadow); font-family: var(--page-font); }
263
- .page-check-search { box-sizing: border-box; width: 100%; height: 28px; padding: 0 8px; border: 1px solid var(--page-pop-line); border-radius: 7px; background: var(--page-pop-bg); color: var(--page-pop-ink); font: inherit; font-size: 12.5px; }
264
- .page-check-search::placeholder { color: var(--page-ink-faint); }
265
- .page-check-subhead { padding: 7px 4px 4px; color: var(--page-pop-muted); font-size: 11.5px; font-weight: 500; }
266
- .page-check-people { display: flex; flex-direction: column; gap: 1px; }
267
- .page-check-person { display: flex; align-items: center; gap: 7px; width: 100%; padding: 5px 6px; border: 0; background: none; color: var(--page-pop-ink); font: inherit; font-size: 12.5px; text-align: start; cursor: pointer; }
268
- .page-check-person:hover { background: var(--page-pop-hover); }
269
- .page-check-person[aria-pressed="true"] { font-weight: 500; }
270
- .page-check-person .page-board-face { flex: 0 0 18px; width: 18px; height: 18px; }
271
- .page-check-person-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
272
- .page-check-person-meta { margin-inline-start: auto; color: var(--page-pop-muted); font-size: 11px; }
273
- .page-check-person svg { flex: none; }
274
- .page-check-divider { height: 1px; margin: 6px 0; background: var(--page-pop-line); }
275
- .page-check-danger { color: var(--page-danger); }
276
- .page-check-danger:hover { background: var(--page-pop-hover); }
277
- .page-check-danger[disabled] { opacity: 0.45; background: none; cursor: default; }
278
- .page-check-quick { display: flex; flex-direction: column; gap: 1px; }
279
- .page-check-quick-row { display: flex; align-items: center; gap: 7px; width: 100%; padding: 5px 6px; border: 0; background: none; color: var(--page-pop-ink); font: inherit; font-size: 12.5px; text-align: start; cursor: pointer; }
280
- .page-check-quick-row:hover { background: var(--page-pop-hover); }
281
- .page-check-quick-row svg { flex: none; }
282
- .page-check-quick-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
283
- .page-check-quick-meta { margin-inline-start: auto; color: var(--page-pop-muted); font-family: var(--page-font-mono); font-size: 11px; font-variant-numeric: tabular-nums; }
284
- .page-check-cal { margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--page-pop-line); }
285
- .page-check-cal-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px; padding: 0 2px; }
286
- .page-check-cal-month { color: var(--page-pop-ink); font-size: 12px; font-weight: 600; }
287
- .page-check-cal-year { font-family: var(--page-font-mono); font-size: 11.5px; font-variant-numeric: tabular-nums; }
288
- .page-check-cal-nav { display: inline-flex; gap: 3px; }
289
- .page-check-cal-btn { display: inline-grid; place-content: center; width: 22px; height: 22px; padding: 0; border: 1px solid var(--page-pop-line); border-radius: var(--page-check-radius); background: none; color: var(--page-pop-ink); cursor: pointer; }
290
- .page-check-cal-btn:hover { background: var(--page-pop-hover); }
291
- .page-check-cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; text-align: center; }
292
- .page-check-cal-dow { padding: 2px 0; color: var(--page-pop-muted); font-size: 10.5px; font-weight: 500; }
293
- .page-check-cal-day { height: 28px; padding: 0; border: 1px solid transparent; border-radius: var(--page-check-radius); background: transparent; color: var(--page-pop-ink); font-family: var(--page-font-mono); font-size: 11.5px; font-variant-numeric: tabular-nums; cursor: pointer; }
294
- .page-check-cal-day:hover { background: var(--page-pop-hover); }
295
- .page-check-cal-day[data-outside="true"] { opacity: 0.5; }
296
- .page-check-cal-day[data-today="true"] { border-color: var(--page-accent); font-weight: 500; }
297
- .page-check-cal-day[aria-pressed="true"] { background: var(--page-chrome-bg-moved); font-weight: 500; }
298
- .page-board-owners { display: flex; flex-direction: column; gap: 6px; min-width: 0; padding-inline: 8px; }
299
- .page-board-people { display: flex; flex-wrap: wrap; gap: 4px; }
300
- .page-board-person { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px 0 4px; border: 1px solid var(--page-rule); border-radius: 14px; background: var(--page-pop-bg); color: var(--page-pop-ink); font: inherit; font-size: 13px; cursor: pointer; transition: background-color var(--page-fade), border-color var(--page-fade); }
301
- .page-board-person.is-none { padding-inline-start: 10px; color: var(--page-pop-muted); }
302
- .page-board-person:hover { background: var(--page-pop-hover); }
303
- .page-board-person[aria-pressed="true"] { border-color: var(--page-accent); background: var(--page-selection); color: var(--page-pop-ink); }
304
- .page-board-owner-input { width: 100%; height: 32px; box-sizing: border-box; padding: 0 8px; border: 1px solid var(--page-pop-line); border-radius: 7px; background: var(--page-pop-bg); color: var(--page-pop-ink); font: inherit; font-size: 14px; }
305
- .page-board-owner-input::placeholder { color: var(--page-ink-faint); }
306
- .page-board-face { flex: none; display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--page-code-bg); box-shadow: inset 0 0 0 1px var(--page-rule); color: var(--page-ink-soft); font-size: 10.5px; font-weight: 600; line-height: 1; }
307
- .page-scrim { display: none; }
308
- .page-shell [hidden] { display: none !important; }
254
+ .blockeditor-li.blockeditor-check-placeholder::after { content: attr(data-placeholder); position: absolute; inset-inline-start: calc((var(--li-indent) + 1) * var(--blockeditor-indent)); color: var(--blockeditor-ink-faint); pointer-events: none; }
255
+ .blockeditor-check-controls { display: inline-flex; float: inline-end; flex-wrap: wrap; align-items: center; gap: 5px; margin-inline-start: 10px; text-decoration: none; }
256
+ .blockeditor-check-chip { display: inline-flex; align-items: center; gap: 4px; box-sizing: border-box; height: 23px; padding: 0 7px; border: 1px solid var(--blockeditor-rule); border-radius: var(--blockeditor-check-radius); background: transparent; color: var(--blockeditor-ink-soft); font: 400 12px/1 var(--blockeditor-font); white-space: nowrap; cursor: pointer; }
257
+ .blockeditor-check-chip svg { flex: none; }
258
+ .blockeditor-check-chip:hover { background: var(--blockeditor-pop-hover); }
259
+ .blockeditor-check-chip[data-filled="true"] { border-color: transparent; background: var(--blockeditor-chrome-bg-moved); color: var(--blockeditor-ink); font-weight: 500; }
260
+ .blockeditor-check-chip[data-overdue="true"] { border-color: var(--blockeditor-danger); color: var(--blockeditor-danger); }
261
+ .blockeditor-li[data-checked="true"] .blockeditor-check-controls { opacity: 0.62; }
262
+ [data-assignees="false"] .blockeditor-check-chip[data-check="owner"], [data-dates="false"] .blockeditor-check-chip[data-check="date"] { display: none; }
263
+ [data-assignees="false"][data-dates="false"] .blockeditor-check-controls { display: none; }
264
+ .blockeditor-check-popup { display: inline-flex; gap: 4px; padding: 4px; background: var(--blockeditor-pop-bg); color: var(--blockeditor-pop-ink); border: 1px solid var(--blockeditor-pop-line); border-radius: var(--blockeditor-pop-radius); box-shadow: var(--blockeditor-pop-shadow); }
265
+ .blockeditor-check-popup input { font: inherit; color: inherit; background: var(--blockeditor-pop-bg); border: 1px solid var(--blockeditor-pop-line); }
266
+ .blockeditor-check-popup.blockeditor-check-owner, .blockeditor-check-popup.blockeditor-check-date { position: absolute; z-index: 5; display: block; box-sizing: border-box; width: min(264px, calc(100vw - 28px)); padding: 8px; background: var(--blockeditor-pop-bg); color: var(--blockeditor-pop-ink); border: 1px solid var(--blockeditor-pop-line); border-radius: var(--blockeditor-pop-radius); box-shadow: var(--blockeditor-pop-shadow); font-family: var(--blockeditor-font); }
267
+ .blockeditor-check-search { box-sizing: border-box; width: 100%; height: 28px; padding: 0 8px; border: 1px solid var(--blockeditor-pop-line); border-radius: 7px; background: var(--blockeditor-pop-bg); color: var(--blockeditor-pop-ink); font: inherit; font-size: 12.5px; }
268
+ .blockeditor-check-search::placeholder { color: var(--blockeditor-ink-faint); }
269
+ .blockeditor-check-subhead { padding: 7px 4px 4px; color: var(--blockeditor-pop-muted); font-size: 11.5px; font-weight: 500; }
270
+ .blockeditor-check-people { display: flex; flex-direction: column; gap: 1px; }
271
+ .blockeditor-check-person { display: flex; align-items: center; gap: 7px; width: 100%; padding: 5px 6px; border: 0; background: none; color: var(--blockeditor-pop-ink); font: inherit; font-size: 12.5px; text-align: start; cursor: pointer; }
272
+ .blockeditor-check-person:hover { background: var(--blockeditor-pop-hover); }
273
+ .blockeditor-check-person[aria-pressed="true"] { font-weight: 500; }
274
+ .blockeditor-check-person .blockeditor-board-face { flex: 0 0 18px; width: 18px; height: 18px; }
275
+ .blockeditor-check-person-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
276
+ .blockeditor-check-person-meta { margin-inline-start: auto; color: var(--blockeditor-pop-muted); font-size: 11px; }
277
+ .blockeditor-check-person svg { flex: none; }
278
+ .blockeditor-check-divider { height: 1px; margin: 6px 0; background: var(--blockeditor-pop-line); }
279
+ .blockeditor-check-danger { color: var(--blockeditor-danger); }
280
+ .blockeditor-check-danger:hover { background: var(--blockeditor-pop-hover); }
281
+ .blockeditor-check-danger[disabled] { opacity: 0.45; background: none; cursor: default; }
282
+ .blockeditor-check-quick { display: flex; flex-direction: column; gap: 1px; }
283
+ .blockeditor-check-quick-row { display: flex; align-items: center; gap: 7px; width: 100%; padding: 5px 6px; border: 0; background: none; color: var(--blockeditor-pop-ink); font: inherit; font-size: 12.5px; text-align: start; cursor: pointer; }
284
+ .blockeditor-check-quick-row:hover { background: var(--blockeditor-pop-hover); }
285
+ .blockeditor-check-quick-row svg { flex: none; }
286
+ .blockeditor-check-quick-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
287
+ .blockeditor-check-quick-meta { margin-inline-start: auto; color: var(--blockeditor-pop-muted); font-family: var(--blockeditor-font-mono); font-size: 11px; font-variant-numeric: tabular-nums; }
288
+ .blockeditor-check-cal { margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--blockeditor-pop-line); }
289
+ .blockeditor-check-cal-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px; padding: 0 2px; }
290
+ .blockeditor-check-cal-month { color: var(--blockeditor-pop-ink); font-size: 12px; font-weight: 600; }
291
+ .blockeditor-check-cal-year { font-family: var(--blockeditor-font-mono); font-size: 11.5px; font-variant-numeric: tabular-nums; }
292
+ .blockeditor-check-cal-nav { display: inline-flex; gap: 3px; }
293
+ .blockeditor-check-cal-btn { display: inline-grid; place-content: center; width: 22px; height: 22px; padding: 0; border: 1px solid var(--blockeditor-pop-line); border-radius: var(--blockeditor-check-radius); background: none; color: var(--blockeditor-pop-ink); cursor: pointer; }
294
+ .blockeditor-check-cal-btn:hover { background: var(--blockeditor-pop-hover); }
295
+ .blockeditor-check-cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; text-align: center; }
296
+ .blockeditor-check-cal-dow { padding: 2px 0; color: var(--blockeditor-pop-muted); font-size: 10.5px; font-weight: 500; }
297
+ .blockeditor-check-cal-day { height: 28px; padding: 0; border: 1px solid transparent; border-radius: var(--blockeditor-check-radius); background: transparent; color: var(--blockeditor-pop-ink); font-family: var(--blockeditor-font-mono); font-size: 11.5px; font-variant-numeric: tabular-nums; cursor: pointer; }
298
+ .blockeditor-check-cal-day:hover { background: var(--blockeditor-pop-hover); }
299
+ .blockeditor-check-cal-day[data-outside="true"] { opacity: 0.5; }
300
+ .blockeditor-check-cal-day[data-today="true"] { border-color: var(--blockeditor-accent); font-weight: 500; }
301
+ .blockeditor-check-cal-day[aria-pressed="true"] { background: var(--blockeditor-chrome-bg-moved); font-weight: 500; }
302
+ .blockeditor-board-owners { display: flex; flex-direction: column; gap: 6px; min-width: 0; padding-inline: 8px; }
303
+ .blockeditor-board-people { display: flex; flex-wrap: wrap; gap: 4px; }
304
+ .blockeditor-board-person { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px 0 4px; border: 1px solid var(--blockeditor-rule); border-radius: 14px; background: var(--blockeditor-pop-bg); color: var(--blockeditor-pop-ink); font: inherit; font-size: 13px; cursor: pointer; transition: background-color var(--blockeditor-fade), border-color var(--blockeditor-fade); }
305
+ .blockeditor-board-person.is-none { padding-inline-start: 10px; color: var(--blockeditor-pop-muted); }
306
+ .blockeditor-board-person:hover { background: var(--blockeditor-pop-hover); }
307
+ .blockeditor-board-person[aria-pressed="true"] { border-color: var(--blockeditor-accent); background: var(--blockeditor-selection); color: var(--blockeditor-pop-ink); }
308
+ .blockeditor-board-owner-input { width: 100%; height: 32px; box-sizing: border-box; padding: 0 8px; border: 1px solid var(--blockeditor-pop-line); border-radius: 7px; background: var(--blockeditor-pop-bg); color: var(--blockeditor-pop-ink); font: inherit; font-size: 14px; }
309
+ .blockeditor-board-owner-input::placeholder { color: var(--blockeditor-ink-faint); }
310
+ .blockeditor-board-face { flex: none; display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--blockeditor-code-bg); box-shadow: inset 0 0 0 1px var(--blockeditor-rule); color: var(--blockeditor-ink-soft); font-size: 10.5px; font-weight: 600; line-height: 1; }
311
+ .blockeditor-scrim { display: none; }
312
+ .blockeditor-shell [hidden] { display: none !important; }
309
313
  @media (max-width: 560px) {
310
314
  /* One fixed bar over the visual viewport, with the four controls a phone keeps.
311
315
  The bubble and the desktop-only tools stand down so nothing is doubled. */
312
- .page-dock { display: flex; position: fixed; left: 0; top: 8px; width: 204px; min-width: 204px; box-sizing: border-box; align-items: center; justify-content: center; gap: 4px; margin: 0; padding: 8px; z-index: 3; }
313
- .page-tool-desk { display: none; }
314
- .page-dock .page-tool-more { display: inline-flex; }
315
- .page-dock .page-tool { min-width: 44px; height: 44px; }
316
- .page-shell:has(.page-bubble:not([hidden])) .page-dock { visibility: visible; }
317
- .page-dock + .page-editor { padding-bottom: calc(72px + env(safe-area-inset-bottom)); }
318
- .page-plus { position: fixed; top: auto; left: 16px; bottom: calc(16px + env(safe-area-inset-bottom)); width: 44px; height: 44px; border-radius: 22px; }
319
- .page-grip { position: fixed; top: auto; left: 68px; bottom: calc(16px + var(--page-grip-lift, 0px) + env(safe-area-inset-bottom)); width: 44px; height: 44px; border-radius: 22px; opacity: 1; color: var(--page-chrome-ink-rest); background: var(--page-chrome-bg-rest); border: 1px solid var(--page-chrome-line-rest); }
320
- .page-bubble { display: none; }
321
- .page-scrim { display: block; position: fixed; inset: 0; z-index: 4; background: var(--page-scrim); }
322
- .page-menu { position: fixed; left: 0; top: 0; width: var(--page-pop-width, min(280px, calc(100vw - 16px))); max-height: min(70vh, var(--page-pop-max, 70vh)); overflow-y: auto; transform: translate(var(--page-pop-x, 0px), var(--page-pop-y, 0px)); z-index: 5; }
323
- .page-settings { position: fixed; left: 0; top: 0; transform: translate(var(--page-pop-x, 0px), var(--page-pop-y, 0px)); z-index: 5; }
324
- .page-menu-item { min-height: 48px; font-size: 16px; }
325
- .page-link { position: fixed; left: 0; right: 0; top: auto; bottom: 0; max-width: none; padding: 8px 16px calc(8px + env(safe-area-inset-bottom)); border-radius: 0; border-width: 1px 0 0; }
326
- .page-link-input { min-width: 0; height: 44px; font-size: 16px; }
327
- .page-link-btn, .page-upload-btn { min-width: 44px; height: 44px; }
328
- .page-image-frame { width: 100% !important; }
329
- .page-image-handle { display: none; }
330
- .page-table th button, .page-table-row-menu, .page-check-chip, .page-check-popup button, .page-menu-item { min-height: 44px; }
331
- .page-check-person { min-height: 44px; }
332
- .page-check-popup .page-check-quick-row { min-height: 44px; }
333
- .page-check-popup .page-check-cal-day { height: 40px; min-height: 40px; }
334
- .page-board-owner-input { font-size: 16px; height: 44px; }
335
- .page-check-search { font-size: 16px; height: 44px; }
336
- .page-check-popup .page-check-cal-btn { width: 44px; height: 44px; }
337
- .page-board-person { height: 44px; border-radius: 22px; }
316
+ .blockeditor-dock { display: flex; position: fixed; left: 0; top: 8px; width: 204px; min-width: 204px; box-sizing: border-box; align-items: center; justify-content: center; gap: 4px; margin: 0; padding: 8px; z-index: 3; }
317
+ .blockeditor-tool-desk { display: none; }
318
+ .blockeditor-dock .blockeditor-tool-more { display: inline-flex; }
319
+ .blockeditor-dock .blockeditor-tool { min-width: 44px; height: 44px; }
320
+ .blockeditor-shell:has(.blockeditor-bubble:not([hidden])) .blockeditor-dock { visibility: visible; }
321
+ .blockeditor-dock + .blockeditor-editor { padding-bottom: calc(72px + env(safe-area-inset-bottom)); }
322
+ .blockeditor-plus { position: fixed; top: auto; left: 16px; bottom: calc(16px + env(safe-area-inset-bottom)); width: 44px; height: 44px; border-radius: 22px; }
323
+ .blockeditor-grip { position: fixed; top: auto; left: 68px; bottom: calc(16px + var(--blockeditor-grip-lift, 0px) + env(safe-area-inset-bottom)); width: 44px; height: 44px; border-radius: 22px; opacity: 1; color: var(--blockeditor-chrome-ink-rest); background: var(--blockeditor-chrome-bg-rest); border: 1px solid var(--blockeditor-chrome-line-rest); }
324
+ .blockeditor-bubble { display: none; }
325
+ .blockeditor-scrim { display: block; position: fixed; inset: 0; z-index: 4; background: var(--blockeditor-scrim); }
326
+ .blockeditor-menu { position: fixed; left: 0; top: 0; width: var(--blockeditor-pop-width, min(280px, calc(100vw - 16px))); max-height: min(70vh, var(--blockeditor-pop-max, 70vh)); overflow-y: auto; transform: translate(var(--blockeditor-pop-x, 0px), var(--blockeditor-pop-y, 0px)); z-index: 5; }
327
+ .blockeditor-settings { position: fixed; left: 0; top: 0; transform: translate(var(--blockeditor-pop-x, 0px), var(--blockeditor-pop-y, 0px)); z-index: 5; }
328
+ .blockeditor-menu-item { min-height: 48px; font-size: 16px; }
329
+ .blockeditor-link { position: fixed; left: 0; right: 0; top: auto; bottom: 0; max-width: none; padding: 8px 16px calc(8px + env(safe-area-inset-bottom)); border-radius: 0; border-width: 1px 0 0; }
330
+ .blockeditor-link-input { min-width: 0; height: 44px; font-size: 16px; }
331
+ .blockeditor-link-btn, .blockeditor-upload-btn { min-width: 44px; height: 44px; }
332
+ .blockeditor-image-frame { width: 100% !important; }
333
+ .blockeditor-image-handle { display: none; }
334
+ .blockeditor-table th button, .blockeditor-table-row-menu, .blockeditor-check-chip, .blockeditor-check-popup button, .blockeditor-menu-item { min-height: 44px; }
335
+ .blockeditor-check-person { min-height: 44px; }
336
+ .blockeditor-check-popup .blockeditor-check-quick-row { min-height: 44px; }
337
+ .blockeditor-check-popup .blockeditor-check-cal-day { height: 40px; min-height: 40px; }
338
+ .blockeditor-board-owner-input { font-size: 16px; height: 44px; }
339
+ .blockeditor-check-search { font-size: 16px; height: 44px; }
340
+ .blockeditor-check-popup .blockeditor-check-cal-btn { width: 44px; height: 44px; }
341
+ .blockeditor-board-person { height: 44px; border-radius: 22px; }
338
342
  }
339
343
  @media (prefers-reduced-motion: reduce) {
340
- .page-dock, .page-plus, .page-grip, .page-toggle-button, .page-image-handle, .page-upload-bar > span, .page-board-person { transition: none; }
344
+ .blockeditor-dock, .blockeditor-plus, .blockeditor-grip, .blockeditor-toggle-button, .blockeditor-image-handle, .blockeditor-upload-bar > span, .blockeditor-board-person { transition: none; }
341
345
  }
342
346
  }
343
347
  `;
@@ -428,7 +432,7 @@ export function installPageFeature({ view, upload, toolHost, board = null, undo
428
432
  const feature = mod.createFeature({ view, upload, toolHost, board, undo, redo, revise, highlight });
429
433
  const registry = nodeViewRegistries.get(view);
430
434
  const apply = () => {
431
- if (feature.css) styleWithLegacyId(`page-feature-${id}`, feature.css, `page-feature-${id}`, ["editor-ui"]);
435
+ if (feature.css) styleWithLegacyId(`blockeditor-feature-${id}`, feature.css, `blockeditor-feature-${id}`, ["editor-ui"]);
432
436
  if (!feature.nodeViews) return;
433
437
  const types = Object.keys(feature.nodeViews);
434
438
  for (const type of types) registry.set(type, feature.nodeViews[type]);
@@ -617,10 +621,10 @@ function toolFollowPlugin(toolHost) {
617
621
  });
618
622
  }
619
623
 
620
- export function pagePlugins({ upload = defaultUpload, highlight, history: useHistory = true, undo, redo, onAiTool = null, toolHost = null, features = null, commandHost = null } = {}) {
624
+ export function pagePlugins({ upload = defaultUpload, highlight, history: useHistory = true, undo, redo, onAiTool = null, mediaNote = null, toolHost = null, features = null, commandHost = null } = {}) {
621
625
  return [
622
626
  announcementPlugin(),
623
- chromePlugin({ onAiTool }),
627
+ chromePlugin({ onAiTool, mediaNote }),
624
628
  commandHost ? commandWatchPlugin(commandHost) : null,
625
629
  slashRangePlugin(),
626
630
  toolFollowPlugin(toolHost),
@@ -646,6 +650,7 @@ export function pagePlugins({ upload = defaultUpload, highlight, history: useHis
646
650
  mediaPlugin({ upload, features }),
647
651
  highlightSlot(),
648
652
  pastePlugin(),
653
+ aiPreviewPlugin(),
649
654
  historyIntentPlugin(),
650
655
  useHistory ? history.history() : null,
651
656
  gapcursor.gapCursor(),
@@ -654,7 +659,7 @@ export function pagePlugins({ upload = defaultUpload, highlight, history: useHis
654
659
  ].filter(Boolean);
655
660
  }
656
661
 
657
- export function pageState(blocks, options = {}) {
662
+ export function blockeditorState(blocks, options = {}) {
658
663
  const record = blocks && Object.keys(blocks).length ? blocks : { [newId()]: { t: "paragraph", pos: keyBetween(), c: "" } };
659
664
  const doc = options.doc ?? docFromBlocks(schema, record);
660
665
  return state.EditorState.create({ doc, plugins: pagePlugins(options) });
@@ -688,7 +693,7 @@ export function setEditorActive(view, active, { quiesce = false } = {}) {
688
693
  // Clicking a checklist box (drawn by ::before in the item's start gutter)
689
694
  // toggles `checked`.
690
695
  function checkboxClick(view, event) {
691
- const li = event.target.closest?.('.page-li[data-kind="check"]');
696
+ const li = event.target.closest?.('.blockeditor-li[data-kind="check"]');
692
697
  if (!li || !view.dom.contains(li)) return false;
693
698
  const box = li.getBoundingClientRect();
694
699
  const start = parseFloat(getComputedStyle(li).paddingInlineStart) || 0;
@@ -702,16 +707,16 @@ function checkboxClick(view, event) {
702
707
  return true;
703
708
  }
704
709
 
705
- // Mounts the editor in `mount`, inside a .page-shell wrapper (the surface a
710
+ // Mounts the editor in `mount`, inside a .blockeditor-shell wrapper (the surface a
706
711
  // theme styles). `onChange(record)` gets the block record (blockMap) after
707
712
  // every transaction that changed the document.
708
- export function createPageEditor(mount, { blocks = null, onChange = null, upload, highlight, doc: initialDoc, dispatch, history: useHistory = true, undo, redo, editable = true, toolHost = null, onAiTool = null, reviseTool = null, board = null, features: providedFeatures = null, formatGate = null } = {}) {
713
+ export function createPageEditor(mount, { blocks = null, onChange = null, upload, highlight, doc: initialDoc, dispatch, history: useHistory = true, undo, redo, editable = true, toolHost = null, onAiTool = null, mediaNote = null, reviseTool = null, board = null, features: providedFeatures = null, formatGate = null } = {}) {
709
714
  const doc = mount.ownerDocument;
710
715
  // Editor chrome, injected on every edit-mode boot and kept out of the saved file:
711
716
  // the reader theme <link> styles the page for visitors.
712
717
  styleWithLegacyId(STYLE_ID, PAGE_EDITOR_CSS, STYLE_ID, ["editor-ui"]);
713
718
  const shell = doc.createElement("div");
714
- shell.className = "page-shell";
719
+ shell.className = "blockeditor-shell";
715
720
  shell.setAttribute("clay", "editor-ui");
716
721
  shell.setAttribute("sap-ignore", "");
717
722
  mount.appendChild(shell);
@@ -736,8 +741,8 @@ export function createPageEditor(mount, { blocks = null, onChange = null, upload
736
741
  };
737
742
  }
738
743
  view = new pmView.EditorView(shell, {
739
- state: pageState(blocks, { upload, highlight, doc: initialDoc, history: useHistory, undo, redo, onAiTool, toolHost, features, commandHost }),
740
- attributes: { class: "page-editor" },
744
+ state: blockeditorState(blocks, { upload, highlight, doc: initialDoc, history: useHistory, undo, redo, onAiTool, mediaNote, toolHost, features, commandHost }),
745
+ attributes: { class: "blockeditor-editor" },
741
746
  // The phone keeps a fixed bar and the plus and grip at the bottom: a caret scrolled into
742
747
  // view stops clear of them.
743
748
  scrollMargin: { top: 16, bottom: 96, left: 5, right: 5 },
@@ -787,7 +792,7 @@ export function createPageEditor(mount, { blocks = null, onChange = null, upload
787
792
  };
788
793
  view.runFormatCommand = async (apply) => {
789
794
  if (disposed) return { status: "disposed", retry: false };
790
- if (!formatGate) return { status: "unsupported-host", code: "page-format-unsupported", retry: false };
795
+ if (!formatGate) return { status: "unsupported-host", code: "blockeditor-format-unsupported", retry: false };
791
796
  const gate = await heldGate();
792
797
  if (disposed) {
793
798
  gate.dispose?.();