flexdesk 0.17.17 → 0.18.0

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 (300) hide show
  1. package/CHANGELOG.md +70 -0
  2. package/LICENSE +0 -0
  3. package/README.md +1 -0
  4. package/THIRD_PARTY_LICENSES.md +0 -0
  5. package/canvas.js +0 -0
  6. package/charts.js +0 -0
  7. package/core.js +0 -0
  8. package/css/flexdesk.css +7499 -5851
  9. package/css/reset.css +1 -1
  10. package/css/tokens.css +23 -1
  11. package/dist/canvas.js +0 -0
  12. package/dist/canvas.js.map +0 -0
  13. package/dist/charts.js +10 -6
  14. package/dist/charts.js.map +1 -1
  15. package/dist/chunk-3PHCPZHT.js +0 -0
  16. package/dist/chunk-3PHCPZHT.js.map +0 -0
  17. package/dist/chunk-5W4EEKSK.js +778 -0
  18. package/dist/chunk-5W4EEKSK.js.map +7 -0
  19. package/dist/chunk-DNJ3N4T4.js +82 -0
  20. package/dist/chunk-DNJ3N4T4.js.map +7 -0
  21. package/dist/chunk-FOOS3T5L.js +0 -0
  22. package/dist/chunk-FOOS3T5L.js.map +0 -0
  23. package/dist/chunk-GOQLR5WR.js +0 -0
  24. package/dist/chunk-GOQLR5WR.js.map +0 -0
  25. package/dist/{chunk-JKZLNKG6.js → chunk-HKPB6OFA.js} +90 -25
  26. package/dist/{chunk-JKZLNKG6.js.map → chunk-HKPB6OFA.js.map} +2 -2
  27. package/dist/chunk-HNU6MM2B.js +0 -0
  28. package/dist/chunk-HNU6MM2B.js.map +0 -0
  29. package/dist/{chunk-REJ5HLIM.js → chunk-HYJYYEPK.js} +2 -2
  30. package/dist/chunk-JYWURG5T.js +0 -0
  31. package/dist/chunk-JYWURG5T.js.map +0 -0
  32. package/dist/{chunk-7U4IB65H.js → chunk-LLBJ2SJH.js} +5 -3
  33. package/dist/{chunk-7U4IB65H.js.map → chunk-LLBJ2SJH.js.map} +1 -1
  34. package/dist/chunk-N7HC3ADV.js +0 -0
  35. package/dist/chunk-N7HC3ADV.js.map +0 -0
  36. package/dist/{chunk-7OL6F2AM.js → chunk-P74F6I6P.js} +6 -4
  37. package/dist/{chunk-7OL6F2AM.js.map → chunk-P74F6I6P.js.map} +1 -1
  38. package/dist/chunk-PAI2ZUWV.js +260 -0
  39. package/dist/chunk-PAI2ZUWV.js.map +7 -0
  40. package/dist/chunk-Q7BALEPX.js +527 -0
  41. package/dist/chunk-Q7BALEPX.js.map +7 -0
  42. package/dist/chunk-QXAOTGCC.js +40 -0
  43. package/dist/chunk-QXAOTGCC.js.map +7 -0
  44. package/dist/{chunk-XJNADRGR.js → chunk-RKVYIXDC.js} +664 -91
  45. package/dist/chunk-RKVYIXDC.js.map +7 -0
  46. package/dist/{chunk-2Z2ENHR3.js → chunk-U5GKJUOC.js} +3 -3
  47. package/dist/{chunk-2Z2ENHR3.js.map → chunk-U5GKJUOC.js.map} +1 -1
  48. package/dist/chunk-UKP22RUG.js +219 -0
  49. package/dist/chunk-UKP22RUG.js.map +7 -0
  50. package/dist/chunk-VLOAI3HS.js +43 -0
  51. package/dist/chunk-VLOAI3HS.js.map +7 -0
  52. package/dist/{chunk-WUFLGETN.js → chunk-WVFGV5FT.js} +2 -39
  53. package/dist/{chunk-WUFLGETN.js.map → chunk-WVFGV5FT.js.map} +3 -3
  54. package/dist/{chunk-PGZ4EHSE.js → chunk-ZL3VKINP.js} +41 -390
  55. package/dist/chunk-ZL3VKINP.js.map +7 -0
  56. package/dist/editor.js +3 -2
  57. package/dist/editor.js.map +1 -1
  58. package/dist/flexdesk.css +7499 -5851
  59. package/dist/flow.js +29 -97
  60. package/dist/flow.js.map +3 -3
  61. package/dist/git.js +1356 -0
  62. package/dist/git.js.map +7 -0
  63. package/dist/host.js +0 -0
  64. package/dist/host.js.map +0 -0
  65. package/dist/reset.css +1 -1
  66. package/dist/tile_registry-6WZPTUZV.js +0 -0
  67. package/dist/tile_registry-6WZPTUZV.js.map +0 -0
  68. package/dist/tiles.js +20 -15
  69. package/dist/tiles.js.map +2 -2
  70. package/dist/tokens.css +23 -1
  71. package/dist/widgets.js +3969 -1189
  72. package/dist/widgets.js.map +4 -4
  73. package/dist/wm.js +121 -33
  74. package/dist/wm.js.map +2 -2
  75. package/docs/README.md +9 -4
  76. package/docs/best-practices.md +2 -2
  77. package/docs/components/chat-shell.md +198 -0
  78. package/docs/components/command-palette.md +0 -0
  79. package/docs/components/conversation.md +10 -0
  80. package/docs/components/data-table-grid.md +0 -0
  81. package/docs/components/data-table.md +0 -0
  82. package/docs/components/editor.md +0 -0
  83. package/docs/components/filter-builder.md +246 -0
  84. package/docs/components/flow-canvas-editor.md +0 -0
  85. package/docs/components/flow-editors.md +0 -0
  86. package/docs/components/flow-lane-editor.md +0 -0
  87. package/docs/components/flow-outline-editor.md +0 -0
  88. package/docs/components/forms-and-dialogs.md +22 -0
  89. package/docs/components/git.md +355 -0
  90. package/docs/components/input-fields.md +167 -2
  91. package/docs/components/keymap.md +8 -0
  92. package/docs/components/markdown-and-outline.md +0 -0
  93. package/docs/components/menus.md +120 -3
  94. package/docs/components/panels-and-desktops.md +16 -5
  95. package/docs/components/record-list-and-fact-table.md +0 -0
  96. package/docs/components/settings-view.md +0 -0
  97. package/docs/components/shell.md +104 -1
  98. package/docs/components/wizard.md +0 -0
  99. package/docs/components/workspace-picker.md +149 -0
  100. package/docs/concepts/building-and-packaging.md +2 -2
  101. package/docs/concepts/domain-neutrality.md +0 -0
  102. package/docs/concepts/host-port.md +0 -0
  103. package/docs/concepts/packages-and-entry-points.md +14 -13
  104. package/docs/concepts/peer-dependencies.md +0 -0
  105. package/docs/concepts/state-guard.md +3 -3
  106. package/docs/quickstart.md +1 -1
  107. package/editor.js +0 -0
  108. package/flow.js +0 -0
  109. package/git.js +13 -0
  110. package/host.js +0 -0
  111. package/package.json +6 -1
  112. package/src/canvas/canvas_adapter.js +0 -0
  113. package/src/canvas/edge_router.js +0 -0
  114. package/src/canvas/graph/connector_router.js +0 -0
  115. package/src/canvas/graph/history_service.js +0 -0
  116. package/src/canvas/graph/node_platform.js +0 -0
  117. package/src/canvas/index.js +0 -0
  118. package/src/canvas/layered_layout.js +0 -0
  119. package/src/charts/data_series_plot_window.js +0 -0
  120. package/src/charts/downsample.js +0 -0
  121. package/src/charts/plot_config.js +0 -0
  122. package/src/charts/plotly_wrapper.js +0 -0
  123. package/src/core/event_bus.js +0 -0
  124. package/src/core/logging.js +0 -0
  125. package/src/core/settings.js +0 -0
  126. package/src/core/state_guard.js +0 -0
  127. package/src/core/state_machine.js +0 -0
  128. package/src/editor/editor_pane.js +0 -0
  129. package/src/editor/monaco_editor_factory.js +0 -0
  130. package/src/editor/monaco_loader.js +0 -0
  131. package/src/editor/notebook_search.js +0 -0
  132. package/src/editor/notebook_undo_manager.js +0 -0
  133. package/src/editor/split_pane_container.js +0 -0
  134. package/src/flow/canvas_editor/connections.js +0 -0
  135. package/src/flow/canvas_editor/editor.js +0 -0
  136. package/src/flow/canvas_editor/index.js +0 -0
  137. package/src/flow/canvas_editor/layout.js +0 -0
  138. package/src/flow/canvas_editor/strings.js +0 -0
  139. package/src/flow/kit/always_before.js +0 -0
  140. package/src/flow/kit/catalogue.js +0 -0
  141. package/src/flow/kit/chip_input.js +0 -0
  142. package/src/flow/kit/dom.js +28 -119
  143. package/src/flow/kit/findings.js +0 -0
  144. package/src/flow/kit/history.js +0 -0
  145. package/src/flow/kit/index.js +0 -0
  146. package/src/flow/kit/keys.js +0 -0
  147. package/src/flow/kit/logic_graph.js +0 -0
  148. package/src/flow/kit/references.js +0 -0
  149. package/src/flow/kit/settings_panel.js +0 -0
  150. package/src/flow/kit/settings_schema.js +0 -0
  151. package/src/flow/kit/step_picker.js +1 -1
  152. package/src/flow/kit/strings.js +0 -0
  153. package/src/flow/kit/value_picker.js +1 -1
  154. package/src/flow/kit/widgets.js +0 -0
  155. package/src/flow/lanes/editor.js +0 -0
  156. package/src/flow/lanes/index.js +0 -0
  157. package/src/flow/lanes/layout.js +0 -0
  158. package/src/flow/lanes/pipeline.js +0 -0
  159. package/src/flow/lanes/preview.js +0 -0
  160. package/src/flow/lanes/strings.js +0 -0
  161. package/src/flow/outline/editor.js +0 -0
  162. package/src/flow/outline/index.js +0 -0
  163. package/src/flow/outline/mapping.js +0 -0
  164. package/src/flow/outline/menu.js +1 -1
  165. package/src/flow/outline/operations.js +0 -0
  166. package/src/flow/outline/recognise.js +0 -0
  167. package/src/flow/outline/strings.js +0 -0
  168. package/src/git/diff_viewer.js +212 -0
  169. package/src/git/diff_window.js +51 -0
  170. package/src/git/git_graph.js +401 -0
  171. package/src/git/git_ops.js +61 -0
  172. package/src/git/git_panel.js +755 -0
  173. package/src/git/index.js +9 -0
  174. package/src/git/line_diff.js +202 -0
  175. package/src/help/help_modal.js +0 -0
  176. package/src/help/help_registry.js +0 -0
  177. package/src/host/external_links.js +0 -0
  178. package/src/host/file_picker.js +0 -0
  179. package/src/host/host.js +0 -0
  180. package/src/host/photino_host.js +0 -0
  181. package/src/host/photino_host.md +0 -0
  182. package/src/host/pywebview_host.js +0 -0
  183. package/src/tiles/chart_tiles.js +0 -0
  184. package/src/tiles/config_schema.js +0 -0
  185. package/src/tiles/figure_tile.js +0 -0
  186. package/src/tiles/layout_persistence.js +0 -0
  187. package/src/tiles/list_tiles.js +0 -0
  188. package/src/tiles/scope_picker.js +0 -0
  189. package/src/tiles/tile_base.js +5 -4
  190. package/src/tiles/tile_config_form.js +0 -0
  191. package/src/tiles/tile_registry.js +0 -0
  192. package/src/tiling/bottom_panel_tabs.js +0 -0
  193. package/src/tiling/command_palette.js +0 -0
  194. package/src/tiling/content_registry.js +0 -0
  195. package/src/tiling/desktops.js +10 -8
  196. package/src/tiling/entity_sources.js +0 -0
  197. package/src/tiling/keymap.js +6 -5
  198. package/src/tiling/kind_taxonomy.js +15 -2
  199. package/src/tiling/landing_table.js +0 -0
  200. package/src/tiling/loading_overlay.js +0 -0
  201. package/src/tiling/nav_panel.js +0 -0
  202. package/src/tiling/page_factory.js +0 -0
  203. package/src/tiling/panel_availability.js +0 -0
  204. package/src/tiling/panel_keys.js +0 -0
  205. package/src/tiling/shell.js +124 -17
  206. package/src/tiling/tab_strip.js +0 -0
  207. package/src/tiling/tile_renderer.js +2 -3
  208. package/src/tiling/tile_tab_menu.js +0 -0
  209. package/src/tiling/zoom.js +0 -0
  210. package/src/ui/base/component_base.js +0 -0
  211. package/src/ui/base/controller_base.js +0 -0
  212. package/src/ui/base/page_base.js +0 -0
  213. package/src/ui/components/about_dialog.js +0 -0
  214. package/src/ui/components/action_dropdown.js +4 -78
  215. package/src/ui/components/alert_log.js +0 -0
  216. package/src/ui/components/alerts_pane.js +0 -0
  217. package/src/ui/components/anchored_layer.js +255 -0
  218. package/src/ui/components/attribute_list_editor.js +0 -0
  219. package/src/ui/components/autocomplete_field.js +0 -0
  220. package/src/ui/components/cell_editor_host.js +0 -0
  221. package/src/ui/components/cell_editors.js +0 -0
  222. package/src/ui/components/cell_grid.js +0 -0
  223. package/src/ui/components/cell_paste.js +0 -0
  224. package/src/ui/components/cell_selection.js +0 -0
  225. package/src/ui/components/chat_shell.js +920 -0
  226. package/src/ui/components/chat_state_machine.js +223 -0
  227. package/src/ui/components/choice_controls.js +45 -2
  228. package/src/ui/components/color_field.js +3 -2
  229. package/src/ui/components/color_list_field.js +3 -2
  230. package/src/ui/components/column_fit.js +0 -0
  231. package/src/ui/components/column_groups.js +0 -0
  232. package/src/ui/components/column_order.js +0 -0
  233. package/src/ui/components/combobox.js +422 -0
  234. package/src/ui/components/conversation_view.js +17 -2
  235. package/src/ui/components/crosstab.js +0 -0
  236. package/src/ui/components/data_table.js +2 -2
  237. package/src/ui/components/detail_header.js +0 -0
  238. package/src/ui/components/document_outline.js +0 -0
  239. package/src/ui/components/drag_reorder.js +0 -0
  240. package/src/ui/components/fact_table.js +0 -0
  241. package/src/ui/components/fill_handle.js +0 -0
  242. package/src/ui/components/filter_builder.js +766 -0
  243. package/src/ui/components/filter_model.js +614 -0
  244. package/src/ui/components/gallery_picker.js +0 -0
  245. package/src/ui/components/header_actions.js +0 -0
  246. package/src/ui/components/inline_renamer.js +0 -0
  247. package/src/ui/components/job_progress.js +0 -0
  248. package/src/ui/components/managed_window.js +24 -47
  249. package/src/ui/components/menu_bar.js +101 -24
  250. package/src/ui/components/modal.js +79 -109
  251. package/src/ui/components/option_list.js +160 -0
  252. package/src/ui/components/popover.js +94 -0
  253. package/src/ui/components/progress.js +0 -0
  254. package/src/ui/components/recent_items.js +169 -0
  255. package/src/ui/components/record_list.js +0 -0
  256. package/src/ui/components/row_activation.js +0 -0
  257. package/src/ui/components/section_stack.js +0 -0
  258. package/src/ui/components/select.js +322 -0
  259. package/src/ui/components/series.js +0 -0
  260. package/src/ui/components/settings_view.js +0 -0
  261. package/src/ui/components/slide_out_panel.js +0 -0
  262. package/src/ui/components/slider_field.js +0 -0
  263. package/src/ui/components/sortable_list.js +0 -0
  264. package/src/ui/components/staged_edits.js +0 -0
  265. package/src/ui/components/staged_history.js +0 -0
  266. package/src/ui/components/table_filter_chips.js +0 -0
  267. package/src/ui/components/table_state_store.js +0 -0
  268. package/src/ui/components/table_structure.js +0 -0
  269. package/src/ui/components/table_values.js +0 -0
  270. package/src/ui/components/tabs.js +0 -0
  271. package/src/ui/components/tag_input.js +77 -8
  272. package/src/ui/components/toast.js +0 -0
  273. package/src/ui/components/toggle_field.js +0 -0
  274. package/src/ui/components/tsv.js +0 -0
  275. package/src/ui/components/window_taskbar.js +0 -0
  276. package/src/ui/components/workspace_picker.js +1155 -0
  277. package/src/ui/controllers/window_chrome_controller.js +4 -1
  278. package/src/ui/utils/auto_scrollbars.js +0 -0
  279. package/src/ui/utils/fire_event.js +17 -0
  280. package/src/ui/utils/focusable.js +25 -0
  281. package/src/ui/utils/markdown.js +0 -0
  282. package/src/ui/utils/modal_host.js +27 -0
  283. package/src/ui/utils/native_context_menu.js +0 -0
  284. package/src/ui/utils/overlay_scrollbar.js +0 -0
  285. package/src/ui/utils/raf_resize_observer.js +0 -0
  286. package/src/ui/utils/scroll_lock.js +0 -0
  287. package/src/ui/utils/strip_scroll.js +0 -0
  288. package/src/ui/utils/tooltip_service.js +0 -0
  289. package/tiles.js +0 -0
  290. package/widgets.js +12 -2
  291. package/wm.js +0 -0
  292. package/css/base.css +0 -10527
  293. package/css/overrides.css +0 -2596
  294. package/dist/chunk-7JI7HHSY.js +0 -107
  295. package/dist/chunk-7JI7HHSY.js.map +0 -7
  296. package/dist/chunk-MIW7D6WC.js +0 -526
  297. package/dist/chunk-MIW7D6WC.js.map +0 -7
  298. package/dist/chunk-PGZ4EHSE.js.map +0 -7
  299. package/dist/chunk-XJNADRGR.js.map +0 -7
  300. /package/dist/{chunk-REJ5HLIM.js.map → chunk-HYJYYEPK.js.map} +0 -0
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../src/ui/components/progress.js", "../src/ui/components/job_progress.js", "../src/ui/components/confirm_dialog.js", "../src/ui/components/toast.js"],
4
+ "sourcesContent": ["/**\n * Determinate progress: a bar, a keyed list of bars, and a row of phases.\n * Location: ui/components/progress.js\n *\n * Three primitives for long-running jobs, each a class that owns its own DOM\n * and changes it IN PLACE \u2014 a caller that reports progress twenty times a\n * second gets the same elements back every time, so a row it is hovering, a\n * tooltip anchored to it and a CSS transition on the fill all survive.\n *\n * ProgressBar value/max or a 0..1 fraction, indeterminate, a label, a\n * percent and a count readout, elapsed time, a cancel button,\n * and a final state (done / error / cancelled).\n * ProgressList keyed rows `{ key, name, completed, total?, state }`;\n * `setItems` reconciles by key. A row without `total` is\n * drawn against the largest item in the list.\n * StepProgress ordered phases, each done / active / pending / error, the\n * active one optionally reading \"pass n of m\".\n *\n * Nothing here knows what is being computed: names, labels and the stats line\n * are the caller's text, always set with `textContent`. State lives on the\n * instances; the DOM carries only classes and ARIA.\n */\n\n/** The states a ProgressBar can end in, besides `running`. */\nexport const PROGRESS_STATES = Object.freeze(['running', 'done', 'error', 'cancelled']);\n\n/** The states a ProgressList row can be in. */\nexport const PROGRESS_ITEM_STATES = Object.freeze(['pending', 'running', 'done', 'failed']);\n\n/** The states a StepProgress phase can be in. */\nexport const STEP_STATES = Object.freeze(['pending', 'active', 'done', 'error']);\n\nconst clamp01 = (x) => (x < 0 ? 0 : x > 1 ? 1 : x);\nconst isNum = (x) => typeof x === 'number' && Number.isFinite(x);\n\n/** `m:ss`, or `h:mm:ss` from an hour on. */\nexport function formatElapsed(ms) {\n const s = Math.max(0, Math.floor((ms || 0) / 1000));\n const h = Math.floor(s / 3600);\n const m = Math.floor((s % 3600) / 60);\n const ss = String(s % 60).padStart(2, '0');\n return h ? `${h}:${String(m).padStart(2, '0')}:${ss}` : `${m}:${ss}`;\n}\n\nfunction el(tag, className, text) {\n const n = document.createElement(tag);\n if (className) n.className = className;\n if (text !== undefined) n.textContent = text;\n return n;\n}\n\n/** Set text only when it changed, so an unchanged readout is not a mutation. */\nfunction setText(node, text) {\n const t = text == null ? '' : String(text);\n if (node.textContent !== t) node.textContent = t;\n}\n\nfunction setWidth(node, fraction) {\n const w = `${(clamp01(fraction) * 100).toFixed(2).replace(/\\.?0+$/, '')}%`;\n if (node.style.width !== w) node.style.width = w;\n}\n\n// \u2500\u2500\u2500 ProgressBar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n/**\n * @typedef {Object} ProgressBarOptions\n * @property {number} [value=0] - A count when `max` is given, else a 0..1 fraction.\n * @property {number|null} [max=null] - The count `value` runs to.\n * @property {boolean} [indeterminate=false] - Busy, with no known end.\n * @property {string} [label=''] - Text before the readout.\n * @property {boolean} [showPercent=true] - \"42%\".\n * @property {boolean|null} [showCount=null] - \"21 / 50\"; defaults to on when `max` is given.\n * @property {boolean} [showElapsed=false] - A running \"m:ss\" from construction until a final state.\n * @property {Function|null} [onCancel=null] - Shows a Cancel button; called once when clicked.\n * @property {string} [cancelLabel='Cancel']\n * @property {Function} [now=Date.now] - The clock, for the elapsed readout.\n * @property {string} [className] - Added to the root.\n */\n\nexport class ProgressBar {\n /**\n * @param {HTMLElement|null} host appended to, if given\n * @param {ProgressBarOptions} [options]\n */\n constructor(host, options = {}) {\n const {\n value = 0, max = null, indeterminate = false, label = '',\n showPercent = true, showCount = null, showElapsed = false,\n onCancel = null, cancelLabel = 'Cancel', now = Date.now, className = '',\n } = options;\n this._value = isNum(value) ? value : 0;\n this._max = isNum(max) && max > 0 ? max : null;\n this._indeterminate = !!indeterminate;\n this._label = label || '';\n this._showPercent = showPercent !== false;\n this._showCount = showCount;\n this._showElapsed = !!showElapsed;\n this._state = 'running';\n this._now = typeof now === 'function' ? now : Date.now;\n this._started = this._now();\n this._stopped = null;\n this._timer = null;\n this._onCancel = typeof onCancel === 'function' ? onCancel : null;\n\n const root = el('div', `twm-progress${className ? ` ${className}` : ''}`);\n const head = el('div', 'twm-progress__head');\n this._labelEl = el('span', 'twm-progress__label');\n this._readoutEl = el('span', 'twm-progress__readout');\n head.append(this._labelEl, this._readoutEl);\n if (this._showElapsed) {\n this._elapsedEl = el('span', 'twm-progress__elapsed');\n head.appendChild(this._elapsedEl);\n this._startTimer();\n } else {\n this._elapsedEl = null;\n }\n if (this._onCancel) {\n const btn = el('button', 'twm-progress__cancel', cancelLabel);\n btn.type = 'button';\n btn.addEventListener('click', () => {\n if (btn.disabled || this._state !== 'running') return;\n btn.disabled = true;\n this._onCancel();\n });\n this._cancelBtn = btn;\n head.appendChild(btn);\n } else {\n this._cancelBtn = null;\n }\n this._track = el('div', 'twm-progress__track');\n this._track.setAttribute('role', 'progressbar');\n this._fill = el('div', 'twm-progress__fill');\n this._track.appendChild(this._fill);\n root.append(head, this._track);\n this.element = root;\n this._draw();\n if (host) host.appendChild(root);\n }\n\n /** The bar's fraction 0..1, or null while indeterminate. */\n get fraction() {\n if (this._indeterminate) return null;\n return clamp01(this._max ? this._value / this._max : this._value);\n }\n\n /** `running`, `done`, `error` or `cancelled`. */\n get state() { return this._state; }\n\n /** Milliseconds since construction, frozen at the final state. */\n get elapsed() { return (this._stopped ?? this._now()) - this._started; }\n\n /**\n * Change the bar in place. A number is the new value (a count with `max`,\n * else a fraction); an object may carry `value`, `max`, `label` and\n * `indeterminate`. Ignored once the bar is in a final state.\n */\n update(next) {\n if (this._state !== 'running') return this;\n const o = isNum(next) ? { value: next } : (next || {});\n if ('max' in o) this._max = isNum(o.max) && o.max > 0 ? o.max : null;\n if (isNum(o.value)) { this._value = o.value; if (!('indeterminate' in o)) this._indeterminate = false; }\n if ('indeterminate' in o) this._indeterminate = !!o.indeterminate;\n if ('label' in o) this._label = o.label || '';\n this._draw();\n return this;\n }\n\n /**\n * Put the bar in a final state (`done`, `error`, `cancelled`) or back to\n * `running`. `done` fills it. A final state stops the elapsed clock and\n * disables Cancel; `running` restarts the clock (still counting from\n * construction) and enables Cancel again. `label` replaces the label when\n * given.\n */\n setState(state, { label } = {}) {\n if (!PROGRESS_STATES.includes(state)) throw new Error(`ProgressBar: unknown state \"${state}\"`);\n this._state = state;\n if (label !== undefined) this._label = label || '';\n if (state === 'done') { this._indeterminate = false; this._value = this._max ?? 1; }\n if (state === 'running') {\n this._stopped = null;\n if (this._showElapsed) this._startTimer();\n } else {\n this._stopped = this._now();\n if (this._timer) { clearInterval(this._timer); this._timer = null; }\n }\n if (this._cancelBtn) this._cancelBtn.disabled = state !== 'running';\n this._draw();\n this._drawElapsed();\n return this;\n }\n\n /** Tick the elapsed readout once a second, unless it already ticks. */\n _startTimer() {\n if (!this._timer) this._timer = setInterval(() => this._drawElapsed(), 1000);\n }\n\n /** Stop the elapsed clock and detach. */\n dispose() {\n this._showElapsed = false;\n if (this._timer) { clearInterval(this._timer); this._timer = null; }\n this.element.remove();\n }\n\n _draw() {\n const root = this.element;\n for (const s of PROGRESS_STATES) {\n root.classList.toggle(`twm-progress--${s}`, this._state === s);\n }\n root.classList.toggle('twm-progress--indeterminate', this._indeterminate);\n setText(this._labelEl, this._label);\n const f = this.fraction;\n const parts = [];\n if (f !== null) {\n if (this._showPercent) parts.push(`${Math.floor(f * 100)}%`);\n const count = this._showCount ?? !!this._max;\n if (count && this._max) parts.push(`${fmtCount(this._value)} / ${fmtCount(this._max)}`);\n }\n setText(this._readoutEl, parts.join(' \u00B7 '));\n if (f === null) {\n if (this._fill.style.width) this._fill.style.width = '';\n this._track.removeAttribute('aria-valuenow');\n } else {\n setWidth(this._fill, f);\n this._track.setAttribute('aria-valuenow', String(Math.round(f * 100)));\n }\n this._track.setAttribute('aria-valuemin', '0');\n this._track.setAttribute('aria-valuemax', '100');\n if (this._label) this._track.setAttribute('aria-label', this._label);\n this._drawElapsed();\n }\n\n _drawElapsed() {\n if (this._elapsedEl) setText(this._elapsedEl, formatElapsed(this.elapsed));\n }\n}\n\nfunction fmtCount(n) {\n return Number.isInteger(n) ? String(n) : String(Math.round(n * 100) / 100);\n}\n\n// \u2500\u2500\u2500 ProgressList \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n/**\n * @typedef {Object} ProgressItem\n * @property {string|number} key - Identity across `setItems` calls.\n * @property {string} [name] - Shown as the row's label; defaults to the key.\n * @property {number} [completed=0]\n * @property {number} [total] - Absent: the row is drawn against the largest item.\n * @property {'pending'|'running'|'done'|'failed'} [state='pending']\n * @property {string} [detail] - Extra text after the count.\n */\n\n/**\n * @typedef {Object} ProgressListOptions\n * @property {ProgressItem[]} [items=[]]\n * @property {boolean|Function} [stats=true] - The line under the rows: `true`\n * for the default summary, `false` for none, or `(items) => string`.\n * @property {boolean} [pulse=true] - Running rows pulse.\n * @property {string} [emptyText=''] - Shown when there are no items.\n * @property {string} [className] - Added to the root.\n */\n\nexport class ProgressList {\n /**\n * @param {HTMLElement|null} host appended to, if given\n * @param {ProgressListOptions} [options]\n */\n constructor(host, options = {}) {\n const { items = [], stats = true, pulse = true, emptyText = '', className = '' } = options;\n this._stats = stats;\n this._emptyText = emptyText;\n /** @type {Map<string, {item: ProgressItem, row: HTMLElement, name: HTMLElement, fill: HTMLElement, count: HTMLElement, state: HTMLElement}>} */\n this._rows = new Map();\n this._items = [];\n const root = el('div', `twm-progress-list${pulse ? ' twm-progress-list--pulse' : ''}${className ? ` ${className}` : ''}`);\n this._listEl = el('div', 'twm-progress-list__rows');\n this._listEl.setAttribute('role', 'list');\n this._emptyEl = el('div', 'twm-progress-list__empty');\n this._statsEl = el('div', 'twm-progress-list__stats');\n root.append(this._listEl, this._emptyEl, this._statsEl);\n this.element = root;\n this.setItems(items);\n if (host) host.appendChild(root);\n }\n\n /** The items last given, in order. */\n get items() { return this._items.slice(); }\n\n /**\n * Reconcile the rows with `items` by key: a known key keeps its row and\n * has its text, width and state changed in place; a new key gets a row; a\n * key that is gone loses its row. Rows follow the order given, and a row\n * already in its place is not moved.\n */\n setItems(items) {\n const list = Array.isArray(items) ? items : [];\n const seen = new Set();\n this._items = [];\n for (const it of list) {\n if (!it || it.key == null) continue;\n const k = String(it.key);\n if (seen.has(k)) continue;\n seen.add(k);\n this._items.push(it);\n }\n for (const [k, r] of this._rows) {\n if (!seen.has(k)) { r.row.remove(); this._rows.delete(k); }\n }\n const scale = this._items.reduce((m, it) => {\n const d = isNum(it.total) && it.total > 0 ? it.total : (isNum(it.completed) ? it.completed : 0);\n return d > m ? d : m;\n }, 0);\n let prev = null;\n for (const it of this._items) {\n const k = String(it.key);\n let r = this._rows.get(k);\n if (!r) { r = this._makeRow(); this._rows.set(k, r); }\n this._drawRow(r, it, scale);\n const want = prev ? prev.nextSibling : this._listEl.firstChild;\n if (want !== r.row) this._listEl.insertBefore(r.row, want);\n prev = r.row;\n }\n this._emptyEl.hidden = this._items.length > 0 || !this._emptyText;\n setText(this._emptyEl, this._emptyText);\n const line = this._statsLine();\n this._statsEl.hidden = !line;\n setText(this._statsEl, line);\n return this;\n }\n\n /** The row element for `key`, or null. */\n rowFor(key) { return this._rows.get(String(key))?.row ?? null; }\n\n dispose() { this.element.remove(); this._rows.clear(); }\n\n _makeRow() {\n const row = el('div', 'twm-progress-list__row');\n row.setAttribute('role', 'listitem');\n const name = el('span', 'twm-progress-list__name');\n const track = el('div', 'twm-progress-list__track');\n const fill = el('div', 'twm-progress-list__fill');\n track.appendChild(fill);\n const count = el('span', 'twm-progress-list__count');\n const state = el('span', 'twm-progress-list__state');\n row.append(state, name, track, count);\n return { row, name, fill, count, state };\n }\n\n _drawRow(r, it, scale) {\n const state = PROGRESS_ITEM_STATES.includes(it.state) ? it.state : 'pending';\n for (const s of PROGRESS_ITEM_STATES) {\n r.row.classList.toggle(`twm-progress-list__row--${s}`, s === state);\n }\n const done = isNum(it.completed) ? it.completed : 0;\n const hasTotal = isNum(it.total) && it.total > 0;\n const denom = hasTotal ? it.total : scale;\n setWidth(r.fill, denom > 0 ? done / denom : 0);\n setText(r.name, it.name ?? String(it.key));\n const count = hasTotal ? `${fmtCount(done)} / ${fmtCount(it.total)}` : fmtCount(done);\n setText(r.count, it.detail ? `${count} \u00B7 ${it.detail}` : count);\n if (r.state.title !== state) r.state.title = state;\n }\n\n _statsLine() {\n if (this._stats === false) return '';\n if (typeof this._stats === 'function') return String(this._stats(this.items) ?? '');\n if (!this._items.length) return '';\n const n = { done: 0, running: 0, failed: 0, pending: 0 };\n let completed = 0;\n for (const it of this._items) {\n n[PROGRESS_ITEM_STATES.includes(it.state) ? it.state : 'pending'] += 1;\n if (isNum(it.completed)) completed += it.completed;\n }\n const parts = [`${n.done} / ${this._items.length} done`];\n if (n.running) parts.push(`${n.running} running`);\n if (n.failed) parts.push(`${n.failed} failed`);\n if (n.pending) parts.push(`${n.pending} pending`);\n parts.push(`${fmtCount(completed)} completed`);\n return parts.join(' \u00B7 ');\n }\n}\n\n// \u2500\u2500\u2500 StepProgress \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n/**\n * @typedef {Object} StepDef\n * @property {string} [key] - How `setStep` names it; defaults to its index.\n * @property {string} label\n */\n\nexport class StepProgress {\n /**\n * @param {HTMLElement|null} host appended to, if given\n * @param {{ steps?: Array<StepDef|string>, className?: string }} [options]\n */\n constructor(host, options = {}) {\n const { steps = [], className = '' } = options;\n const root = el('ol', `twm-steps${className ? ` ${className}` : ''}`);\n this.element = root;\n this._steps = steps.map((s, i) => {\n const def = typeof s === 'string' ? { label: s } : (s || {});\n const li = el('li', 'twm-steps__step');\n const marker = el('span', 'twm-steps__marker');\n const label = el('span', 'twm-steps__label', def.label ?? '');\n const pass = el('span', 'twm-steps__pass');\n pass.hidden = true;\n li.append(marker, label, pass);\n root.appendChild(li);\n return { key: def.key != null ? String(def.key) : String(i), label: def.label ?? '', state: 'pending', pass: null, li, passEl: pass };\n });\n this._draw();\n if (host) host.appendChild(root);\n }\n\n /** `[{ key, label, state, pass }]`, in order. */\n get steps() {\n return this._steps.map(({ key, label, state, pass }) => ({ key, label, state, pass }));\n }\n\n /** The index of the active phase, or -1. */\n get activeIndex() { return this._steps.findIndex((s) => s.state === 'active'); }\n\n /**\n * Make one phase active: every phase before it is done, every phase after\n * it pending. `pass` and `passes` read \"pass n of m\" on it.\n * @param {string|number} which - A key, or an index.\n * @param {{ pass?: number, passes?: number }} [opts]\n */\n setStep(which, { pass, passes } = {}) {\n const i = this._index(which);\n this._steps.forEach((s, j) => {\n s.state = j < i ? 'done' : j === i ? 'active' : 'pending';\n s.pass = j === i && isNum(pass) ? { n: pass, of: isNum(passes) ? passes : null } : null;\n });\n this._draw();\n return this;\n }\n\n /** Mark a phase (the active one by default) as failed; phases after it stay pending. */\n fail(which) {\n const i = which === undefined ? this.activeIndex : this._index(which);\n if (i < 0) return this;\n this._steps.forEach((s, j) => {\n if (j < i) s.state = 'done';\n else if (j === i) s.state = 'error';\n else s.state = 'pending';\n if (j !== i) s.pass = null;\n });\n this._draw();\n return this;\n }\n\n /** Every phase done. */\n complete() {\n for (const s of this._steps) { s.state = 'done'; s.pass = null; }\n this._draw();\n return this;\n }\n\n dispose() { this.element.remove(); }\n\n _index(which) {\n const i = typeof which === 'number'\n ? which\n : this._steps.findIndex((s) => s.key === String(which));\n if (!Number.isInteger(i) || i < 0 || i >= this._steps.length) {\n throw new Error(`StepProgress: no step \"${which}\"`);\n }\n return i;\n }\n\n _draw() {\n for (const s of this._steps) {\n for (const st of STEP_STATES) s.li.classList.toggle(`twm-steps__step--${st}`, s.state === st);\n if (s.state === 'active') s.li.setAttribute('aria-current', 'step');\n else s.li.removeAttribute('aria-current');\n const text = s.pass ? (s.pass.of ? `pass ${s.pass.n} of ${s.pass.of}` : `pass ${s.pass.n}`) : '';\n s.passEl.hidden = !text;\n setText(s.passEl, text);\n }\n }\n}\n", "/**\n * The progress block both job dialogs share \u2014 `showRunProgressDialog` and\n * `showComputingWindow` \u2014 so a bar and a row of phases behave the same in\n * either. Internal: not in the `widgets` barrel.\n */\n\nimport { ProgressBar, StepProgress } from './progress.js';\n\n/**\n * Mount the optional phases and bar into `parent`, phases first.\n *\n * @param {HTMLElement} parent\n * @param {{ progress?: boolean|Object, steps?: Array, spinner?: HTMLElement|null }} options\n * `progress`: `true`, or ProgressBar options (its `onCancel` is ignored: the\n * dialog owns cancelling). `steps`: StepProgress steps. `spinner`: hidden\n * while a bar is shown. Both are fixed at mount: `setProgress` throws\n * without `progress` and `setStep` without `steps`, so the window is sized\n * for what it holds from the start.\n */\nexport function mountJobProgress(parent, { progress = null, steps = null, spinner = null } = {}) {\n const stepper = Array.isArray(steps) && steps.length\n ? new StepProgress(parent, { steps, className: 'twm-job-progress__steps' })\n : null;\n let bar = null;\n if (progress) {\n const { onCancel: _ignored, ...rest } = typeof progress === 'object' ? progress : {};\n bar = new ProgressBar(parent, { ...rest, className: 'twm-job-progress__bar' });\n if (spinner) spinner.hidden = true;\n }\n\n return {\n get bar() { return bar; },\n get steps() { return stepper; },\n /** `bar.update(next)`. */\n setProgress(next) {\n if (!bar) throw new Error('setProgress: this dialog was opened without `progress`');\n bar.update(next);\n },\n /** `steps.setStep(which, opts)`. */\n setStep(which, opts) {\n if (!stepper) throw new Error('setStep: this dialog was opened without `steps`');\n stepper.setStep(which, opts);\n },\n /** Put the bar and the phases in their final state. */\n finish(status) {\n if (status === 'done') { bar?.setState('done'); stepper?.complete(); }\n else if (status === 'error') { bar?.setState('error'); stepper?.fail(); }\n else bar?.setState('cancelled');\n },\n };\n}\n", "/**\n * Confirm Dialog Component\n * Location: ui/components/confirm_dialog.js\n *\n * Thin delegator over the canonical modal helpers in\n * `ecoagent/ui/modal.js`. Every dialog signature here is preserved so\n * the 10+ call sites across notebook/data/results/ai pages keep\n * working unchanged; under the hood, all four standard dialogs now\n * flow through `openConfirm` / `openForm` / `openModal` so they\n * inherit the TUI styling (`\u25B8 TITLE` strip, accent-blue primary\n * action, square frame, Tab focus trap).\n *\n * The one custom case is `showRunProgressDialog`, which exposes an\n * imperative `update / setProgress / setStep / complete / cancelled /\n * close` API and a `result` promise, and so\n * stays as a direct `ManagedWindow` build \u2014 but it still benefits\n * from the focus trap + chrome by virtue of `modal: true`.\n */\n\nimport { ManagedWindow } from './managed_window.js';\nimport { mountJobProgress } from './job_progress.js';\nimport {\n openConfirm, openForm, openModal,\n} from './modal.js';\n\n// Counter \u2014 used only by showRunProgressDialog which still builds its\n// own ManagedWindow. The migrated helpers don't need it.\nlet dialogIdCounter = 0;\n\n/**\n * Show a confirmation dialog. Delegates to `openConfirm`.\n * @param {Object} options\n * @param {string} options.title\n * @param {string} options.message\n * @param {string} [options.icon='warning']\n * @param {string} [options.okLabel='OK']\n * @param {string} [options.cancelLabel='Cancel']\n * @param {string} [options.okVariant='primary'] - 'primary' or 'danger'\n * @returns {Promise<boolean>}\n */\nexport async function showConfirmDialog(options = {}) {\n const {\n title = 'Confirm',\n message = 'Are you sure?',\n icon = 'warning',\n okLabel = 'OK',\n cancelLabel = 'Cancel',\n okVariant = 'primary',\n } = options;\n return openConfirm({\n title,\n message,\n icon,\n confirmLabel: okLabel,\n cancelLabel,\n danger: okVariant === 'danger',\n });\n}\n\n/**\n * Show a delete-confirmation dialog. Always danger-styled.\n * @returns {Promise<boolean>}\n */\nexport async function showDeleteConfirmDialog(options = {}) {\n const {\n itemName = '',\n itemType = 'item',\n additionalMessage = '',\n } = options;\n // `openConfirm` renders the message as text, so a user-named item\n // (`<b>x</b>`, an unclosed `<`) is shown exactly as it was typed.\n let message = `Delete ${itemType}`;\n if (itemName) message += ` \"${itemName}\"`;\n message += '?';\n if (additionalMessage) message += `\\n\\n${additionalMessage}`;\n return openConfirm({\n title: `Delete ${capitalize(itemType)}`,\n message,\n icon: 'delete',\n confirmLabel: 'Delete',\n cancelLabel: 'Cancel',\n danger: true,\n });\n}\n\n/**\n * Show a close-confirmation dialog.\n * @returns {Promise<boolean>}\n */\nexport async function showCloseConfirmDialog(options = {}) {\n const {\n itemName = '',\n itemType = 'tab',\n } = options;\n let message = `Close ${itemType}`;\n if (itemName) message += ` \"${itemName}\"`;\n message += '?';\n return openConfirm({\n title: `Close ${capitalize(itemType)}`,\n message,\n icon: 'close',\n confirmLabel: 'Close',\n cancelLabel: 'Cancel',\n });\n}\n\n/**\n * Show a dialog with multiple action buttons. Delegates to `openModal`\n * so each action maps to a button in the canonical footer.\n * @returns {Promise<string|null>}\n */\nexport async function showChoiceDialog(options = {}) {\n const {\n title = 'Choose',\n message = '',\n icon = 'warning',\n actions = [],\n } = options;\n const content = document.createElement('div');\n content.className = 'twm-confirm-dialog__body';\n content.innerHTML = `\n <span class=\"twm-confirm-dialog__icon material-symbols-outlined\">${escapeHtml(icon)}</span>\n <div class=\"twm-confirm-dialog__message\">${escapeHtml(message)}</div>\n `;\n return openModal({\n title,\n icon,\n content,\n width: 480,\n height: 220,\n actions: actions.map((a) => ({\n label: a.label,\n value: a.value,\n primary: a.variant === 'primary',\n danger: a.variant === 'danger',\n })),\n });\n}\n\n/**\n * Show a dialog with a dropdown select + OK/Cancel. Delegates to\n * `openForm` with a single select field.\n * @returns {Promise<string|null>}\n */\nexport async function showSelectDialog(options = {}) {\n const {\n title = 'Select',\n message = '',\n items = [],\n okLabel = 'OK',\n cancelLabel = 'Cancel',\n } = options;\n const fields = [];\n if (message) {\n fields.push({ section: message });\n }\n fields.push({\n name: '_choice',\n label: 'Choice',\n type: 'select',\n default: items[0]?.value || '',\n options: items.map((i) => ({ value: i.value, label: i.label })),\n });\n // NB: cancelLabel is currently hardcoded as \"Cancel\" on openForm.\n // openConfirm has cancelLabel; if a caller really needs custom\n // cancel text on openForm, we'd extend openForm there. The\n // explicit no-op suppresses the unused-arg lint.\n void cancelLabel;\n const data = await openForm({\n title,\n submitLabel: okLabel,\n fields,\n });\n if (!data) return null;\n return data._choice;\n}\n\n\n// \u2500\u2500\u2500 helpers \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nfunction escapeHtml(str) {\n if (!str) return '';\n return String(str)\n .replace(/&/g, '&amp;')\n .replace(/</g, '&lt;')\n .replace(/>/g, '&gt;')\n .replace(/\"/g, '&quot;');\n}\n\nfunction capitalize(str) {\n if (!str) return '';\n return str.charAt(0).toUpperCase() + str.slice(1);\n}\n\n\n// \u2500\u2500\u2500 showRunProgressDialog (custom build) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n//\n// This one exposes an imperative API (`update`, `setProgress`, `setStep`,\n// `complete`, `cancelled`, `close`) that the openModal/openForm/openConfirm\n// helpers don't model \u2014 they're one-shot promise-returning. Keep the direct\n// ManagedWindow build, but it still gets the TUI chrome + focus trap for free\n// via `modal: true`.\n\n/**\n * @typedef {Object} RunProgressResult\n * @property {'done'|'error'|'cancelled'} status\n * @property {string} message\n */\n\n/**\n * Show a run progress dialog with a spinner (or a bar), live message\n * updates, optional phases, and a final status.\n *\n * `progress` (`true` or ProgressBar options) shows a determinate bar in place\n * of the spinner; `steps` (StepProgress steps) shows the phases above it.\n * Both are fixed when the dialog opens: `setProgress` throws if it was opened\n * without `progress`, and `setStep` if it was opened without `steps`.\n * `result` settles once, with the final state: `complete({ok})` gives `done`\n * or `error`, `cancelled()` gives `cancelled`, and so does closing the dialog\n * while it runs (by its \u00D7, Escape or `close()`). Closing never calls\n * `onCancel`: only the Stop button does.\n *\n * @param {Object} [options]\n * @param {string} [options.title='Running Pipeline']\n * @param {string} [options.message='Starting\u2026']\n * @param {Function} [options.onCancel] - Shows a Stop button.\n * @param {boolean|Object} [options.progress] - A ProgressBar, `true` or its options.\n * @param {Array} [options.steps] - StepProgress steps.\n * @returns {{ update(msg: string): void, setProgress(next: number|Object): void,\n * setStep(which: string|number, opts?: {pass?: number, passes?: number}): void,\n * complete(result: {ok: boolean, message: string}): void, cancelled(msg?: string): void,\n * close(): void, result: Promise<RunProgressResult> }}\n */\nexport function showRunProgressDialog(options = {}) {\n const {\n title = 'Running Pipeline',\n message = 'Starting\u2026',\n onCancel,\n progress = null,\n steps = null,\n } = options;\n\n const dialogId = `run-progress-${++dialogIdCounter}`;\n let finished = false;\n let settle;\n const result = new Promise((resolve) => { settle = resolve; });\n\n const contentEl = document.createElement('div');\n contentEl.className = 'twm-confirm-dialog__content run-progress';\n\n const bodyEl = document.createElement('div');\n bodyEl.className = 'twm-run-progress__body';\n const spinnerEl = document.createElement('div');\n spinnerEl.className = 'twm-run-progress__spinner';\n const messageEl = document.createElement('div');\n messageEl.className = 'twm-run-progress__message';\n messageEl.textContent = message;\n bodyEl.append(spinnerEl, messageEl);\n contentEl.appendChild(bodyEl);\n\n const job = mountJobProgress(contentEl, { progress, steps, spinner: spinnerEl });\n\n let stopBtn = null;\n if (typeof onCancel === 'function') {\n const stopActionsEl = document.createElement('div');\n stopActionsEl.className = 'twm-confirm-dialog__actions twm-run-progress__stop-actions';\n stopBtn = document.createElement('button');\n stopBtn.type = 'button';\n stopBtn.className = 'twm-confirm-dialog__btn twm-run-progress__stop-btn';\n stopBtn.innerHTML = '<span class=\"material-symbols-outlined\">stop</span> Stop';\n stopBtn.addEventListener('click', () => {\n stopBtn.disabled = true;\n stopBtn.innerHTML = '<span class=\"material-symbols-outlined\">hourglass_top</span> Stopping\u2026';\n onCancel();\n });\n stopActionsEl.appendChild(stopBtn);\n contentEl.appendChild(stopActionsEl);\n }\n\n const actionsEl = document.createElement('div');\n actionsEl.className = 'twm-confirm-dialog__actions';\n actionsEl.style.display = 'none';\n\n const closeBtn = document.createElement('button');\n closeBtn.type = 'button';\n closeBtn.className = 'twm-confirm-dialog__btn twm-confirm-dialog__btn--primary';\n closeBtn.textContent = 'Close';\n closeBtn.addEventListener('click', () => dialogWindow.close());\n actionsEl.appendChild(closeBtn);\n contentEl.appendChild(actionsEl);\n\n const finish = (status, text, cls) => {\n finished = true;\n spinnerEl.style.display = 'none';\n if (stopBtn) stopBtn.parentElement.style.display = 'none';\n messageEl.textContent = text;\n messageEl.className = `twm-run-progress__message ${cls}`;\n job.finish(status);\n actionsEl.style.display = '';\n settle({ status, message: text });\n };\n\n const dialogWindow = new ManagedWindow({\n id: dialogId,\n title,\n icon: 'play_arrow',\n content: contentEl,\n minWidth: 320,\n minHeight: 120,\n defaultWidth: 420,\n defaultHeight: 200 + (job.bar ? 40 : 0) + (job.steps ? 40 : 0),\n canMinimize: false,\n canMaximize: false,\n canResize: false,\n canDrag: false,\n modal: true,\n // BUG-0053. Focus goes to the window, never to Stop or Cancel: a stray\n // Enter or Space would cancel the run.\n focusOnOpen: 'window',\n onClose: () => {\n if (finished) return;\n finish('cancelled', 'Cancelled.', 'is-cancelled');\n },\n });\n dialogWindow.show();\n\n return {\n result,\n update(msg) {\n if (finished) return;\n messageEl.textContent = msg;\n },\n setProgress(next) {\n if (finished) return;\n job.setProgress(next);\n },\n setStep(which, opts) {\n if (finished) return;\n job.setStep(which, opts);\n },\n complete(res) {\n if (finished) return;\n finish(res?.ok ? 'done' : 'error', res?.message || '', res?.ok ? 'is-ok' : 'is-err');\n },\n cancelled(msg) {\n if (finished) return;\n finish('cancelled', msg || 'Cancelled.', 'is-cancelled');\n },\n close() {\n try { dialogWindow.close(); } catch { /* already closed */ }\n },\n };\n}\n", "/**\n * toast.js \u2014 thin wrapper around the mounted NotificationCenter for\n * callers that don't already hold an eventBus reference.\n *\n * The NotificationCenter (../notification_center.js) subscribes to\n * `toast:show` on its event bus; these helpers emit the same payload shape\n * on the bus they were given. They read no global: `NotificationCenter.mount()`\n * hands its bus to `setToastBus()`, and `dispose()` takes it back. An embedder\n * that wants toasts on some other bus calls `setToastBus(bus)` itself, and\n * `setToastBus(null)` to stop.\n *\n * Usage:\n * import { toastError, toastSuccess, toastWarn, toastInfo } from './toast.js';\n * toastError('Save failed', 'the server refused the change');\n *\n * The 1-arg form treats the string as the message (no title); the\n * 2-arg form is title + message. With no bus (no NotificationCenter mounted\n * yet, isolated test pages) the message goes to the console and nothing throws.\n */\n\nlet toastBus = null;\n\n/**\n * Route the toast helpers to `bus` (anything with `emit(name, payload)`), or\n * to the console with `null`. Returns the bus that was set before.\n */\nexport function setToastBus(bus) {\n const prev = toastBus;\n toastBus = bus && typeof bus.emit === 'function' ? bus : null;\n return prev;\n}\n\n/** The bus the toast helpers currently emit on, or null. */\nexport function getToastBus() {\n return toastBus;\n}\n\nfunction _emit(severity, persistent, titleOrMsg, msg) {\n const bus = toastBus;\n const title = (msg !== undefined) ? titleOrMsg : null;\n const message = (msg !== undefined) ? msg : titleOrMsg;\n if (!bus) {\n // Fall back to console so the message isn't lost if the bus is\n // unavailable (early bootstrap, isolated test pages).\n // eslint-disable-next-line no-console\n (severity === 'error' || severity === 'warn' ? console.warn : console.info)(\n `[toast/${severity}]`, title ? `${title}:` : '', message);\n return;\n }\n bus.emit('toast:show', {\n title, message, severity,\n persistent,\n durationMs: persistent ? 0 : 5000,\n });\n}\n\nexport function toastError(titleOrMsg, msg) { _emit('error', true, titleOrMsg, msg); }\nexport function toastWarn(titleOrMsg, msg) { _emit('warn', false, titleOrMsg, msg); }\nexport function toastInfo(titleOrMsg, msg) { _emit('info', false, titleOrMsg, msg); }\nexport function toastSuccess(titleOrMsg, msg) { _emit('success', false, titleOrMsg, msg); }\n\n/** Coerce a bridge-call result/exception into a user-facing error toast.\n * Drops the toast only if `res?.ok === false` *or* an exception was caught.\n * Returns true if the call succeeded (caller can continue), false otherwise. */\nexport function reportBridgeError(opName, resOrErr) {\n if (!resOrErr) return true;\n if (resOrErr instanceof Error) {\n toastError(opName, resOrErr.message || String(resOrErr));\n return false;\n }\n if (resOrErr && resOrErr.ok === false) {\n toastError(opName, resOrErr.error || 'operation refused');\n return false;\n }\n return true;\n}\n"],
5
+ "mappings": "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",
6
+ "names": []
7
+ }
@@ -0,0 +1,82 @@
1
+ import {
2
+ collectFocusable,
3
+ openAnchoredLayer
4
+ } from "./chunk-Q7BALEPX.js";
5
+
6
+ // src/ui/components/popover.js
7
+ var OPEN = /* @__PURE__ */ new Set();
8
+ var nothingOpened = (toggled) => ({ el: null, close() {
9
+ }, closed: Promise.resolve(), reposition() {
10
+ }, toggled });
11
+ function keepTabInside(el) {
12
+ el.addEventListener("keydown", (ev) => {
13
+ if (ev.key !== "Tab" || ev.defaultPrevented) return;
14
+ const controls = collectFocusable(el);
15
+ if (!controls.length) {
16
+ ev.preventDefault();
17
+ return;
18
+ }
19
+ const first = controls[0];
20
+ const last = controls[controls.length - 1];
21
+ const active = el.ownerDocument.activeElement;
22
+ if (ev.shiftKey ? active === first || active === el : active === last) {
23
+ ev.preventDefault();
24
+ (ev.shiftKey ? last : first).focus();
25
+ }
26
+ });
27
+ }
28
+ function openPopover({
29
+ anchor,
30
+ content,
31
+ label = "",
32
+ className = "",
33
+ focus = null,
34
+ align = "start",
35
+ inside = null,
36
+ onClose = null
37
+ }) {
38
+ for (const open of OPEN) {
39
+ if (anchor && open.anchor === anchor) {
40
+ open.close("toggle");
41
+ return nothingOpened(true);
42
+ }
43
+ }
44
+ const el = document.createElement("div");
45
+ el.className = `twm-popover${className ? ` ${className}` : ""}`;
46
+ el.setAttribute("role", "dialog");
47
+ if (label) el.setAttribute("aria-label", label);
48
+ el.tabIndex = -1;
49
+ el.appendChild(content);
50
+ keepTabInside(el);
51
+ let settle;
52
+ const closed = new Promise((resolve) => {
53
+ settle = resolve;
54
+ });
55
+ const layer = openAnchoredLayer({
56
+ anchor,
57
+ el,
58
+ align,
59
+ gap: 4,
60
+ inside,
61
+ onClose(reason) {
62
+ OPEN.delete(handle);
63
+ anchor?.classList?.remove("twm-is-open");
64
+ anchor?.setAttribute?.("aria-expanded", "false");
65
+ onClose?.(reason);
66
+ settle();
67
+ }
68
+ });
69
+ if (!layer) return nothingOpened(false);
70
+ const handle = { el, anchor, closed, toggled: false, close: layer.close, reposition: layer.place };
71
+ OPEN.add(handle);
72
+ anchor?.classList?.add("twm-is-open");
73
+ if (anchor && !anchor.hasAttribute?.("aria-haspopup")) anchor.setAttribute?.("aria-haspopup", "dialog");
74
+ anchor?.setAttribute?.("aria-expanded", "true");
75
+ (focus || el).focus?.({ preventScroll: true });
76
+ return handle;
77
+ }
78
+
79
+ export {
80
+ openPopover
81
+ };
82
+ //# sourceMappingURL=chunk-DNJ3N4T4.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../src/ui/components/popover.js"],
4
+ "sourcesContent": ["/**\n * A POPOVER \u2014 a panel of rich content hung off the element that opened it. (0.18.0)\n *\n * `role=\"dialog\"`, on an anchored layer (`anchored_layer.js`, which says how it is\n * placed and what closes it). Focus moves into it on open and comes back to the\n * anchor on close. Opening one from the anchor that holds an open one closes it,\n * a toggle; opening one anywhere else closes the open one, unless that one owns\n * the new anchor (`anchored_layer.js`).\n *\n * TAB STAYS INSIDE, cycling the panel's controls, as a modal's and a `CategoryPicker`'s\n * do. The panel is mounted at the end of the page, so past its edge lies whatever comes\n * next in the document, which is not the anchor's neighbour and, over a modal, is behind\n * it. Escape is the way out.\n */\nimport { openAnchoredLayer } from './anchored_layer.js';\nimport { collectFocusable } from '../utils/focusable.js';\n\n/** The open popovers, to find the one an anchor holds. */\nconst OPEN = new Set();\n\n/** What a call answers when nothing opened. */\nconst nothingOpened = (toggled) => ({ el: null, close() {}, closed: Promise.resolve(), reposition() {}, toggled });\n\n/** Tab at the panel's edge goes round to the other edge. */\nfunction keepTabInside(el) {\n el.addEventListener('keydown', (ev) => {\n if (ev.key !== 'Tab' || ev.defaultPrevented) return;\n const controls = collectFocusable(el);\n if (!controls.length) { ev.preventDefault(); return; }\n const first = controls[0];\n const last = controls[controls.length - 1];\n const active = el.ownerDocument.activeElement;\n if (ev.shiftKey ? (active === first || active === el) : active === last) {\n ev.preventDefault();\n (ev.shiftKey ? last : first).focus();\n }\n });\n}\n\n/**\n * @param {object} o\n * @param {HTMLElement} o.anchor What opened it; focus returns here.\n * @param {HTMLElement} o.content The popover's body.\n * @param {string} [o.label] Its accessible name.\n * @param {string} [o.className] Extra classes on the panel.\n * @param {HTMLElement} [o.focus] What takes focus on open; else the panel.\n * @param {'start'|'end'} [o.align] Which anchor edge it lines up with first.\n * @param {string} [o.inside] A selector for floating things of your own that\n * are not \"outside\" it.\n * @param {(reason: string) => void} [o.onClose] After it is gone.\n * @returns {{el: HTMLElement|null, close: (reason?: string) => void, closed: Promise<void>,\n * reposition: () => void, toggled: boolean}}\n * `el` is null when nothing opened, and `onClose` is not called for it: `toggled`\n * is true when the call only CLOSED the popover its anchor held, false when\n * the anchor has left the document.\n */\nexport function openPopover({ anchor, content, label = '', className = '', focus = null, align = 'start',\n inside = null, onClose = null }) {\n for (const open of OPEN) {\n if (anchor && open.anchor === anchor) {\n open.close('toggle');\n return nothingOpened(true);\n }\n }\n\n const el = document.createElement('div');\n el.className = `twm-popover${className ? ` ${className}` : ''}`;\n el.setAttribute('role', 'dialog');\n if (label) el.setAttribute('aria-label', label);\n el.tabIndex = -1;\n el.appendChild(content);\n keepTabInside(el);\n\n let settle;\n const closed = new Promise((resolve) => { settle = resolve; });\n const layer = openAnchoredLayer({\n anchor, el, align, gap: 4, inside,\n onClose(reason) {\n OPEN.delete(handle);\n anchor?.classList?.remove('twm-is-open');\n anchor?.setAttribute?.('aria-expanded', 'false');\n onClose?.(reason);\n settle();\n },\n });\n if (!layer) return nothingOpened(false);\n const handle = { el, anchor, closed, toggled: false, close: layer.close, reposition: layer.place };\n OPEN.add(handle);\n anchor?.classList?.add('twm-is-open');\n if (anchor && !anchor.hasAttribute?.('aria-haspopup')) anchor.setAttribute?.('aria-haspopup', 'dialog');\n anchor?.setAttribute?.('aria-expanded', 'true');\n (focus || el).focus?.({ preventScroll: true });\n return handle;\n}\n"],
5
+ "mappings": ";;;;;;AAkBA,IAAM,OAAO,oBAAI,IAAI;AAGrB,IAAM,gBAAgB,CAAC,aAAa,EAAE,IAAI,MAAM,QAAQ;AAAC,GAAG,QAAQ,QAAQ,QAAQ,GAAG,aAAa;AAAC,GAAG,QAAQ;AAGhH,SAAS,cAAc,IAAI;AACvB,KAAG,iBAAiB,WAAW,CAAC,OAAO;AACnC,QAAI,GAAG,QAAQ,SAAS,GAAG,iBAAkB;AAC7C,UAAM,WAAW,iBAAiB,EAAE;AACpC,QAAI,CAAC,SAAS,QAAQ;AAAE,SAAG,eAAe;AAAG;AAAA,IAAQ;AACrD,UAAM,QAAQ,SAAS,CAAC;AACxB,UAAM,OAAO,SAAS,SAAS,SAAS,CAAC;AACzC,UAAM,SAAS,GAAG,cAAc;AAChC,QAAI,GAAG,WAAY,WAAW,SAAS,WAAW,KAAM,WAAW,MAAM;AACrE,SAAG,eAAe;AAClB,OAAC,GAAG,WAAW,OAAO,OAAO,MAAM;AAAA,IACvC;AAAA,EACJ,CAAC;AACL;AAmBO,SAAS,YAAY;AAAA,EAAE;AAAA,EAAQ;AAAA,EAAS,QAAQ;AAAA,EAAI,YAAY;AAAA,EAAI,QAAQ;AAAA,EAAM,QAAQ;AAAA,EACnE,SAAS;AAAA,EAAM,UAAU;AAAK,GAAG;AAC3D,aAAW,QAAQ,MAAM;AACrB,QAAI,UAAU,KAAK,WAAW,QAAQ;AAClC,WAAK,MAAM,QAAQ;AACnB,aAAO,cAAc,IAAI;AAAA,IAC7B;AAAA,EACJ;AAEA,QAAM,KAAK,SAAS,cAAc,KAAK;AACvC,KAAG,YAAY,cAAc,YAAY,IAAI,SAAS,KAAK,EAAE;AAC7D,KAAG,aAAa,QAAQ,QAAQ;AAChC,MAAI,MAAO,IAAG,aAAa,cAAc,KAAK;AAC9C,KAAG,WAAW;AACd,KAAG,YAAY,OAAO;AACtB,gBAAc,EAAE;AAEhB,MAAI;AACJ,QAAM,SAAS,IAAI,QAAQ,CAAC,YAAY;AAAE,aAAS;AAAA,EAAS,CAAC;AAC7D,QAAM,QAAQ,kBAAkB;AAAA,IAC5B;AAAA,IAAQ;AAAA,IAAI;AAAA,IAAO,KAAK;AAAA,IAAG;AAAA,IAC3B,QAAQ,QAAQ;AACZ,WAAK,OAAO,MAAM;AAClB,cAAQ,WAAW,OAAO,aAAa;AACvC,cAAQ,eAAe,iBAAiB,OAAO;AAC/C,gBAAU,MAAM;AAChB,aAAO;AAAA,IACX;AAAA,EACJ,CAAC;AACD,MAAI,CAAC,MAAO,QAAO,cAAc,KAAK;AACtC,QAAM,SAAS,EAAE,IAAI,QAAQ,QAAQ,SAAS,OAAO,OAAO,MAAM,OAAO,YAAY,MAAM,MAAM;AACjG,OAAK,IAAI,MAAM;AACf,UAAQ,WAAW,IAAI,aAAa;AACpC,MAAI,UAAU,CAAC,OAAO,eAAe,eAAe,EAAG,QAAO,eAAe,iBAAiB,QAAQ;AACtG,UAAQ,eAAe,iBAAiB,MAAM;AAC9C,GAAC,SAAS,IAAI,QAAQ,EAAE,eAAe,KAAK,CAAC;AAC7C,SAAO;AACX;",
6
+ "names": []
7
+ }
File without changes
File without changes
File without changes
File without changes
@@ -1389,6 +1389,8 @@ function installHelpShortcut({ target = document } = {}) {
1389
1389
  var SEL_TITLE = ".twm-menubar__title";
1390
1390
  var SEL_ITEM = ".twm-menubar__item";
1391
1391
  var SEL_MENU = ".twm-menubar__menu";
1392
+ var STYLES = ["bar", "hamburger"];
1393
+ var HAMBURGER = "twm-menubar:hamburger";
1392
1394
  function createMenuBar(el, opts) {
1393
1395
  return new MenuBar(el, opts);
1394
1396
  }
@@ -1400,16 +1402,22 @@ var MenuBar = class {
1400
1402
  * @param {Function} [opts.onAction] `(id, { item, checked }) => void`
1401
1403
  * @param {string} [opts.label] the bar's accessible name ('Menu')
1402
1404
  * @param {string} [opts.emptyLabel] the disabled row an empty submenu shows ('Empty')
1405
+ * @param {string} [opts.style] 'bar' (a title per menu, the default) or 'hamburger' (one button)
1406
+ * @param {string} [opts.icon] the hamburger's Material Symbols icon ('menu')
1403
1407
  */
1404
- constructor(el, { menus, onAction = null, label = "Menu", emptyLabel = "Empty" } = {}) {
1408
+ constructor(el, { menus, onAction = null, label = "Menu", emptyLabel = "Empty", style = "bar", icon = "menu" } = {}) {
1405
1409
  if (!el || typeof el.appendChild !== "function") {
1406
1410
  throw new TypeError("createMenuBar: `el` must be an element");
1407
1411
  }
1408
1412
  _validateMenus(menus);
1413
+ _validateStyle(style);
1409
1414
  this.el = el;
1410
1415
  this.menus = menus;
1411
1416
  this._onAction = typeof onAction === "function" ? onAction : null;
1412
1417
  this._emptyLabel = emptyLabel;
1418
+ this._label = label;
1419
+ this._icon = icon;
1420
+ this._style = style;
1413
1421
  this._doc = el.ownerDocument;
1414
1422
  this._disabled = /* @__PURE__ */ new Map();
1415
1423
  this._checked = /* @__PURE__ */ new Map();
@@ -1420,26 +1428,10 @@ var MenuBar = class {
1420
1428
  this._active = false;
1421
1429
  this._returnTo = null;
1422
1430
  this._altArmed = false;
1423
- el.innerHTML = "";
1424
1431
  el.classList.add("twm-menubar");
1425
1432
  el.setAttribute("role", "menubar");
1426
1433
  el.setAttribute("aria-label", label);
1427
- this._titles = menus.map((m, i) => {
1428
- const entry = this._doc.createElement("div");
1429
- entry.className = "twm-menubar__entry";
1430
- entry.setAttribute("role", "none");
1431
- const btn = this._doc.createElement("button");
1432
- btn.type = "button";
1433
- btn.className = "twm-menubar__title";
1434
- btn.setAttribute("role", "menuitem");
1435
- btn.setAttribute("aria-haspopup", "menu");
1436
- btn.setAttribute("aria-expanded", "false");
1437
- btn.tabIndex = i === 0 ? 0 : -1;
1438
- btn.textContent = m.label;
1439
- entry.appendChild(btn);
1440
- el.appendChild(entry);
1441
- return btn;
1442
- });
1434
+ this._renderTitles();
1443
1435
  this._h = {
1444
1436
  mousedown: (e) => this._onMouseDown(e),
1445
1437
  click: (e) => this._onClick(e),
@@ -1473,12 +1465,37 @@ var MenuBar = class {
1473
1465
  isOpen() {
1474
1466
  return this._openIdx >= 0;
1475
1467
  }
1476
- /** Open the menu with this id (focus on its title, or on its first item). */
1468
+ /** Open the menu with this id (focus on its title, or on its first item).
1469
+ * A hamburger opens with that menu flown out (focus on its row, or on
1470
+ * the menu's first item). */
1477
1471
  open(menuId, { focusItem = false } = {}) {
1478
1472
  const i = this.menus.findIndex((m) => m.id === menuId);
1479
1473
  if (i < 0) return;
1480
1474
  this._enter();
1481
- this._open(i, focusItem ? "first" : null);
1475
+ if (this._style !== "hamburger") {
1476
+ this._open(i, focusItem ? "first" : null);
1477
+ return;
1478
+ }
1479
+ this._open(0, null);
1480
+ const row = this._itemsIn(this._stack[0].menu).find((b) => this._models.get(b)?.id === `${HAMBURGER}:${menuId}`);
1481
+ if (!row) return;
1482
+ row.focus({ preventScroll: true });
1483
+ this._openSub(row, focusItem ? "first" : null);
1484
+ }
1485
+ /** 'bar' or 'hamburger'. */
1486
+ get style() {
1487
+ return this._style;
1488
+ }
1489
+ /** Draw the menus as a bar or as one hamburger button. Whatever is open
1490
+ * closes; the model and every setEnabled / setChecked stay. */
1491
+ setStyle(style) {
1492
+ _validateStyle(style);
1493
+ if (style === this._style) return;
1494
+ const hadFocus = this.el.contains(this._doc.activeElement);
1495
+ this._deactivate();
1496
+ this._style = style;
1497
+ this._renderTitles();
1498
+ if (hadFocus) this._focusTitle(0);
1482
1499
  }
1483
1500
  /** Close every open menu. Focus stays in the bar if it was there. */
1484
1501
  close() {
@@ -1546,7 +1563,7 @@ var MenuBar = class {
1546
1563
  this._doc.removeEventListener("mousedown", this._h.docMousedown, true);
1547
1564
  this._doc.defaultView?.removeEventListener("blur", this._h.winBlur);
1548
1565
  this.el.innerHTML = "";
1549
- this.el.classList.remove("twm-menubar");
1566
+ this.el.classList.remove("twm-menubar", "twm-menubar--hamburger");
1550
1567
  this.el.removeAttribute("role");
1551
1568
  this.el.removeAttribute("aria-label");
1552
1569
  }
@@ -1616,6 +1633,48 @@ var MenuBar = class {
1616
1633
  btn.setAttribute("aria-checked", this._isChecked(item) ? "true" : "false");
1617
1634
  }
1618
1635
  }
1636
+ // ── titles ────────────────────────────────────────────────────────
1637
+ /** The titles for the current style. `_top` is what they open: the
1638
+ * menus themselves, or the hamburger's one menu that lists them. */
1639
+ _renderTitles() {
1640
+ const d = this._doc;
1641
+ const burger = this._style === "hamburger";
1642
+ this.el.innerHTML = "";
1643
+ this.el.classList.toggle("twm-menubar--hamburger", burger);
1644
+ this._top = burger ? [{ id: HAMBURGER, label: this._label, items: this.menus.map((m) => ({
1645
+ id: `${HAMBURGER}:${m.id}`,
1646
+ label: m.label,
1647
+ submenu: m.items
1648
+ })) }] : this.menus;
1649
+ this._titles = this._top.map((m, i) => {
1650
+ const entry = d.createElement("div");
1651
+ entry.className = "twm-menubar__entry";
1652
+ entry.setAttribute("role", "none");
1653
+ const btn = d.createElement("button");
1654
+ btn.type = "button";
1655
+ btn.className = "twm-menubar__title";
1656
+ btn.setAttribute("role", "menuitem");
1657
+ btn.setAttribute("aria-haspopup", "menu");
1658
+ btn.setAttribute("aria-expanded", "false");
1659
+ btn.tabIndex = i === 0 ? 0 : -1;
1660
+ if (burger) {
1661
+ btn.classList.add("twm-menubar__title--icon", "twm-has-tooltip");
1662
+ btn.setAttribute("aria-label", m.label);
1663
+ btn.dataset.tooltip = m.label;
1664
+ btn.dataset.tooltipPlacement = "bottom";
1665
+ const icon = d.createElement("span");
1666
+ icon.className = "material-symbols-outlined";
1667
+ icon.setAttribute("aria-hidden", "true");
1668
+ icon.textContent = this._icon;
1669
+ btn.appendChild(icon);
1670
+ } else {
1671
+ btn.textContent = m.label;
1672
+ }
1673
+ entry.appendChild(btn);
1674
+ this.el.appendChild(entry);
1675
+ return btn;
1676
+ });
1677
+ }
1619
1678
  // ── open / close ──────────────────────────────────────────────────
1620
1679
  _setRoving(i) {
1621
1680
  this._titles.forEach((t, j) => {
@@ -1652,7 +1711,7 @@ var MenuBar = class {
1652
1711
  i = (i % n + n) % n;
1653
1712
  this._focusTitle(i);
1654
1713
  this._closeAll();
1655
- const m = this.menus[i];
1714
+ const m = this._top[i];
1656
1715
  const title = this._titles[i];
1657
1716
  const menu = this._buildMenu(m.items, m.label);
1658
1717
  title.parentElement.appendChild(menu);
@@ -1875,6 +1934,7 @@ var MenuBar = class {
1875
1934
  _titleKey(key, i) {
1876
1935
  const n = this._titles.length;
1877
1936
  const open = this._openIdx >= 0;
1937
+ if (n === 1 && (key === "ArrowRight" || key === "ArrowLeft" || key === "Home" || key === "End")) return true;
1878
1938
  switch (key) {
1879
1939
  case "ArrowRight":
1880
1940
  open ? this._open(i + 1, null) : this._focusTitle((i + 1) % n);
@@ -1934,11 +1994,11 @@ var MenuBar = class {
1934
1994
  return true;
1935
1995
  case "ArrowRight":
1936
1996
  if (item?.submenu != null && !this._isDisabled(item)) this._openSub(btn, "first");
1937
- else this._open(this._openIdx + 1, "first");
1997
+ else if (this._titles.length > 1) this._open(this._openIdx + 1, "first");
1938
1998
  return true;
1939
1999
  case "ArrowLeft":
1940
2000
  if (level > 0) this._closeFrom(level);
1941
- else this._open(this._openIdx - 1, "first");
2001
+ else if (this._titles.length > 1) this._open(this._openIdx - 1, "first");
1942
2002
  return true;
1943
2003
  case "Enter":
1944
2004
  case " ":
@@ -1991,6 +2051,11 @@ function _kind(item) {
1991
2051
  if (typeof item.checked === "boolean") return "menuitemcheckbox";
1992
2052
  return "menuitem";
1993
2053
  }
2054
+ function _validateStyle(style) {
2055
+ if (!STYLES.includes(style)) {
2056
+ throw new TypeError(`createMenuBar: \`style\` must be ${STYLES.map((s) => `'${s}'`).join(" or ")}`);
2057
+ }
2058
+ }
1994
2059
  function _validateMenus(menus) {
1995
2060
  if (!Array.isArray(menus) || !menus.length) {
1996
2061
  throw new TypeError("createMenuBar: `menus` must be a non-empty array");
@@ -2038,4 +2103,4 @@ export {
2038
2103
  createMenuBar,
2039
2104
  MenuBar
2040
2105
  };
2041
- //# sourceMappingURL=chunk-JKZLNKG6.js.map
2106
+ //# sourceMappingURL=chunk-HKPB6OFA.js.map