@design.estate/dees-catalog 3.91.0 → 3.92.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.
- package/dist_bundle/bundle.js +10381 -4788
- package/dist_ts_web/00_commitinfo_data.js +1 -1
- package/dist_ts_web/elements/00group-appui/dees-appui/dees-appui.js +5 -4
- package/dist_ts_web/elements/00group-appui/dees-appui-profiledropdown/dees-appui-profiledropdown.js +6 -7
- package/dist_ts_web/elements/00group-appui/dees-appui-tabs/dees-appui-tabs.js +4 -6
- package/dist_ts_web/elements/00group-button/dees-button/dees-button.d.ts +6 -0
- package/dist_ts_web/elements/00group-button/dees-button/dees-button.demo.js +14 -1
- package/dist_ts_web/elements/00group-button/dees-button/dees-button.js +49 -24
- package/dist_ts_web/elements/00group-chart/dees-chart-log/dees-chart-log.js +1 -1
- package/dist_ts_web/elements/00group-dataview/dees-dataview-codebox/codebox.diff.d.ts +69 -0
- package/dist_ts_web/elements/00group-dataview/dees-dataview-codebox/codebox.diff.js +342 -0
- package/dist_ts_web/elements/00group-dataview/dees-dataview-codebox/dees-dataview-codebox.d.ts +48 -3
- package/dist_ts_web/elements/00group-dataview/dees-dataview-codebox/dees-dataview-codebox.demo.js +128 -39
- package/dist_ts_web/elements/00group-dataview/dees-dataview-codebox/dees-dataview-codebox.js +663 -190
- package/dist_ts_web/elements/00group-dataview/dees-dataview-codebox/index.d.ts +1 -0
- package/dist_ts_web/elements/00group-dataview/dees-dataview-codebox/index.js +2 -1
- package/dist_ts_web/elements/00group-dataview/dees-dataview-statusobject/dees-dataview-statusobject.d.ts +3 -0
- package/dist_ts_web/elements/00group-dataview/dees-dataview-statusobject/dees-dataview-statusobject.js +48 -30
- package/dist_ts_web/elements/00group-dataview/dees-grouped-list/dees-grouped-list.js +1 -1
- package/dist_ts_web/elements/00group-dataview/dees-statsgrid/dees-statsgrid.js +1 -2
- package/dist_ts_web/elements/00group-dataview/dees-storage-browser/dees-storage-keys.js +1 -1
- package/dist_ts_web/elements/00group-dataview/dees-table/styles.js +1 -1
- package/dist_ts_web/elements/00group-feedback/dees-progressbar/dees-progressbar.js +9 -9
- package/dist_ts_web/elements/00group-harness/dees-harness-chat/dees-harness-chat.d.ts +55 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-chat/dees-harness-chat.demo.d.ts +1 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-chat/dees-harness-chat.demo.js +183 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-chat/dees-harness-chat.js +412 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-chat/index.d.ts +1 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-chat/index.js +2 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-composer/dees-harness-composer.d.ts +65 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-composer/dees-harness-composer.demo.d.ts +1 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-composer/dees-harness-composer.demo.js +55 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-composer/dees-harness-composer.js +589 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-composer/index.d.ts +1 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-composer/index.js +2 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-content-blocks/dees-harness-content-blocks.d.ts +21 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-content-blocks/dees-harness-content-blocks.demo.d.ts +1 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-content-blocks/dees-harness-content-blocks.demo.js +41 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-content-blocks/dees-harness-content-blocks.js +215 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-content-blocks/index.d.ts +1 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-content-blocks/index.js +2 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-message/dees-harness-message.d.ts +58 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-message/dees-harness-message.demo.d.ts +1 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-message/dees-harness-message.demo.js +126 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-message/dees-harness-message.js +551 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-message/index.d.ts +1 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-message/index.js +2 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-message-list/dees-harness-message-list.d.ts +50 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-message-list/dees-harness-message-list.demo.d.ts +1 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-message-list/dees-harness-message-list.demo.js +101 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-message-list/dees-harness-message-list.js +424 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-message-list/index.d.ts +1 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-message-list/index.js +2 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-permission-card/dees-harness-permission-card.d.ts +27 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-permission-card/dees-harness-permission-card.demo.d.ts +1 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-permission-card/dees-harness-permission-card.demo.js +46 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-permission-card/dees-harness-permission-card.js +282 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-permission-card/index.d.ts +1 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-permission-card/index.js +2 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-reasoning/dees-harness-reasoning.d.ts +24 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-reasoning/dees-harness-reasoning.demo.d.ts +1 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-reasoning/dees-harness-reasoning.demo.js +32 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-reasoning/dees-harness-reasoning.js +241 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-reasoning/index.d.ts +1 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-reasoning/index.js +2 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-session-list/dees-harness-session-list.d.ts +28 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-session-list/dees-harness-session-list.demo.d.ts +1 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-session-list/dees-harness-session-list.demo.js +56 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-session-list/dees-harness-session-list.js +279 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-session-list/index.d.ts +1 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-session-list/index.js +2 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-status/dees-harness-status.d.ts +30 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-status/dees-harness-status.demo.d.ts +1 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-status/dees-harness-status.demo.js +35 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-status/dees-harness-status.js +235 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-status/index.d.ts +1 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-status/index.js +2 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-todos/dees-harness-todos.d.ts +27 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-todos/dees-harness-todos.demo.d.ts +1 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-todos/dees-harness-todos.demo.js +41 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-todos/dees-harness-todos.js +258 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-todos/index.d.ts +1 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-todos/index.js +2 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-tool-card/dees-harness-tool-card.d.ts +35 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-tool-card/dees-harness-tool-card.demo.d.ts +1 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-tool-card/dees-harness-tool-card.demo.js +162 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-tool-card/dees-harness-tool-card.js +368 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-tool-card/index.d.ts +2 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-tool-card/index.js +3 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-tool-card/renderers.d.ts +5 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-tool-card/renderers.js +183 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-usage/dees-harness-usage.d.ts +19 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-usage/dees-harness-usage.demo.d.ts +1 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-usage/dees-harness-usage.demo.js +25 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-usage/dees-harness-usage.js +148 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-usage/index.d.ts +1 -0
- package/dist_ts_web/elements/00group-harness/dees-harness-usage/index.js +2 -0
- package/dist_ts_web/elements/00group-harness/harness.demodata.d.ts +22 -0
- package/dist_ts_web/elements/00group-harness/harness.demodata.js +94 -0
- package/dist_ts_web/elements/00group-harness/harness.helpers.d.ts +37 -0
- package/dist_ts_web/elements/00group-harness/harness.helpers.js +221 -0
- package/dist_ts_web/elements/00group-harness/harness.markdown.d.ts +25 -0
- package/dist_ts_web/elements/00group-harness/harness.markdown.js +147 -0
- package/dist_ts_web/elements/00group-harness/harness.styles.d.ts +9 -0
- package/dist_ts_web/elements/00group-harness/harness.styles.js +94 -0
- package/dist_ts_web/elements/00group-harness/index.d.ts +18 -0
- package/dist_ts_web/elements/00group-harness/index.js +22 -0
- package/dist_ts_web/elements/00group-harness/interfaces.d.ts +210 -0
- package/dist_ts_web/elements/00group-harness/interfaces.js +11 -0
- package/dist_ts_web/elements/00group-harness/toolregistry.d.ts +76 -0
- package/dist_ts_web/elements/00group-harness/toolregistry.js +210 -0
- package/dist_ts_web/elements/00group-input/dees-input-code/dees-input-code.js +30 -18
- package/dist_ts_web/elements/00group-input/dees-input-datepicker/datepicker-popup.js +73 -46
- package/dist_ts_web/elements/00group-input/dees-input-datepicker/styles.js +15 -16
- package/dist_ts_web/elements/00group-input/dees-input-list/dees-input-list.js +2 -4
- package/dist_ts_web/elements/00group-input/dees-input-tags/dees-input-tags.js +36 -15
- package/dist_ts_web/elements/00group-input/dees-input-toggle/dees-input-toggle.js +5 -4
- package/dist_ts_web/elements/00group-input/dees-input-wysiwyg/blocks/text/code.block.js +10 -89
- package/dist_ts_web/elements/00group-input/dees-input-wysiwyg/dees-input-wysiwyg.js +12 -8
- package/dist_ts_web/elements/00group-layout/dees-chips/dees-chips.js +1 -1
- package/dist_ts_web/elements/00group-layout/dees-pagination/dees-pagination.js +27 -12
- package/dist_ts_web/elements/00group-layout/dees-settings/dees-settings.js +1 -1
- package/dist_ts_web/elements/00group-layout/dees-stepper/dees-stepper.js +14 -18
- package/dist_ts_web/elements/00group-overlay/dees-contextmenu/dees-contextmenu.js +6 -7
- package/dist_ts_web/elements/00group-overlay/dees-modal/dees-modal.js +6 -21
- package/dist_ts_web/elements/00group-overlay/dees-windowlayer/dees-windowlayer.d.ts +2 -1
- package/dist_ts_web/elements/00group-overlay/dees-windowlayer/dees-windowlayer.js +10 -4
- package/dist_ts_web/elements/00group-simple/dees-shopping-productcard/dees-shopping-productcard.js +1 -1
- package/dist_ts_web/elements/00group-simple/dees-simple-appdash/dees-simple-appdash.js +9 -8
- package/dist_ts_web/elements/00group-workspace/dees-workspace/dees-workspace.js +1 -1
- package/dist_ts_web/elements/00group-workspace/dees-workspace-filetree/dees-workspace-filetree.js +3 -4
- package/dist_ts_web/elements/00group-workspace/dees-workspace-markdownoutlet/dees-workspace-markdownoutlet.js +8 -78
- package/dist_ts_web/elements/00syntax.d.ts +28 -0
- package/dist_ts_web/elements/00syntax.js +98 -0
- package/dist_ts_web/elements/00theme.js +26 -14
- package/dist_ts_web/elements/index.d.ts +1 -0
- package/dist_ts_web/elements/index.js +2 -1
- package/dist_watch/bundle.js +233948 -0
- package/dist_watch/bundle.js.map +7 -0
- package/dist_watch/index.html +28 -0
- package/package.json +1 -1
- package/readme.hints.md +7 -1
- package/readme.md +110 -0
- package/readme.playbook.md +10 -0
- package/ts_web/00_commitinfo_data.ts +1 -1
- package/ts_web/elements/00group-appui/dees-appui/dees-appui.ts +4 -3
- package/ts_web/elements/00group-appui/dees-appui-profiledropdown/dees-appui-profiledropdown.ts +5 -6
- package/ts_web/elements/00group-appui/dees-appui-tabs/dees-appui-tabs.ts +3 -5
- package/ts_web/elements/00group-button/dees-button/dees-button.demo.ts +13 -0
- package/ts_web/elements/00group-button/dees-button/dees-button.ts +42 -22
- package/ts_web/elements/00group-chart/dees-chart-log/dees-chart-log.ts +1 -1
- package/ts_web/elements/00group-dataview/dees-dataview-codebox/codebox.diff.ts +401 -0
- package/ts_web/elements/00group-dataview/dees-dataview-codebox/dees-dataview-codebox.demo.ts +132 -38
- package/ts_web/elements/00group-dataview/dees-dataview-codebox/dees-dataview-codebox.ts +649 -187
- package/ts_web/elements/00group-dataview/dees-dataview-codebox/index.ts +1 -0
- package/ts_web/elements/00group-dataview/dees-dataview-statusobject/dees-dataview-statusobject.ts +45 -30
- package/ts_web/elements/00group-dataview/dees-grouped-list/dees-grouped-list.ts +1 -1
- package/ts_web/elements/00group-dataview/dees-statsgrid/dees-statsgrid.ts +0 -1
- package/ts_web/elements/00group-dataview/dees-storage-browser/dees-storage-keys.ts +1 -1
- package/ts_web/elements/00group-dataview/dees-table/styles.ts +1 -1
- package/ts_web/elements/00group-feedback/dees-progressbar/dees-progressbar.ts +9 -9
- package/ts_web/elements/00group-harness/dees-harness-chat/dees-harness-chat.demo.ts +193 -0
- package/ts_web/elements/00group-harness/dees-harness-chat/dees-harness-chat.ts +301 -0
- package/ts_web/elements/00group-harness/dees-harness-chat/index.ts +1 -0
- package/ts_web/elements/00group-harness/dees-harness-composer/dees-harness-composer.demo.ts +56 -0
- package/ts_web/elements/00group-harness/dees-harness-composer/dees-harness-composer.ts +514 -0
- package/ts_web/elements/00group-harness/dees-harness-composer/index.ts +1 -0
- package/ts_web/elements/00group-harness/dees-harness-content-blocks/dees-harness-content-blocks.demo.ts +44 -0
- package/ts_web/elements/00group-harness/dees-harness-content-blocks/dees-harness-content-blocks.ts +172 -0
- package/ts_web/elements/00group-harness/dees-harness-content-blocks/index.ts +1 -0
- package/ts_web/elements/00group-harness/dees-harness-message/dees-harness-message.demo.ts +129 -0
- package/ts_web/elements/00group-harness/dees-harness-message/dees-harness-message.ts +498 -0
- package/ts_web/elements/00group-harness/dees-harness-message/index.ts +1 -0
- package/ts_web/elements/00group-harness/dees-harness-message-list/dees-harness-message-list.demo.ts +105 -0
- package/ts_web/elements/00group-harness/dees-harness-message-list/dees-harness-message-list.ts +342 -0
- package/ts_web/elements/00group-harness/dees-harness-message-list/index.ts +1 -0
- package/ts_web/elements/00group-harness/dees-harness-permission-card/dees-harness-permission-card.demo.ts +47 -0
- package/ts_web/elements/00group-harness/dees-harness-permission-card/dees-harness-permission-card.ts +225 -0
- package/ts_web/elements/00group-harness/dees-harness-permission-card/index.ts +1 -0
- package/ts_web/elements/00group-harness/dees-harness-reasoning/dees-harness-reasoning.demo.ts +32 -0
- package/ts_web/elements/00group-harness/dees-harness-reasoning/dees-harness-reasoning.ts +195 -0
- package/ts_web/elements/00group-harness/dees-harness-reasoning/index.ts +1 -0
- package/ts_web/elements/00group-harness/dees-harness-session-list/dees-harness-session-list.demo.ts +59 -0
- package/ts_web/elements/00group-harness/dees-harness-session-list/dees-harness-session-list.ts +222 -0
- package/ts_web/elements/00group-harness/dees-harness-session-list/index.ts +1 -0
- package/ts_web/elements/00group-harness/dees-harness-status/dees-harness-status.demo.ts +35 -0
- package/ts_web/elements/00group-harness/dees-harness-status/dees-harness-status.ts +187 -0
- package/ts_web/elements/00group-harness/dees-harness-status/index.ts +1 -0
- package/ts_web/elements/00group-harness/dees-harness-todos/dees-harness-todos.demo.ts +43 -0
- package/ts_web/elements/00group-harness/dees-harness-todos/dees-harness-todos.ts +206 -0
- package/ts_web/elements/00group-harness/dees-harness-todos/index.ts +1 -0
- package/ts_web/elements/00group-harness/dees-harness-tool-card/dees-harness-tool-card.demo.ts +166 -0
- package/ts_web/elements/00group-harness/dees-harness-tool-card/dees-harness-tool-card.ts +315 -0
- package/ts_web/elements/00group-harness/dees-harness-tool-card/index.ts +2 -0
- package/ts_web/elements/00group-harness/dees-harness-tool-card/renderers.ts +205 -0
- package/ts_web/elements/00group-harness/dees-harness-usage/dees-harness-usage.demo.ts +25 -0
- package/ts_web/elements/00group-harness/dees-harness-usage/dees-harness-usage.ts +96 -0
- package/ts_web/elements/00group-harness/dees-harness-usage/index.ts +1 -0
- package/ts_web/elements/00group-harness/harness.demodata.ts +113 -0
- package/ts_web/elements/00group-harness/harness.helpers.ts +227 -0
- package/ts_web/elements/00group-harness/harness.markdown.ts +151 -0
- package/ts_web/elements/00group-harness/harness.styles.ts +96 -0
- package/ts_web/elements/00group-harness/index.ts +22 -0
- package/ts_web/elements/00group-harness/interfaces.ts +203 -0
- package/ts_web/elements/00group-harness/toolregistry.ts +264 -0
- package/ts_web/elements/00group-input/dees-input-code/dees-input-code.ts +29 -17
- package/ts_web/elements/00group-input/dees-input-datepicker/datepicker-popup.ts +72 -45
- package/ts_web/elements/00group-input/dees-input-datepicker/styles.ts +14 -15
- package/ts_web/elements/00group-input/dees-input-list/dees-input-list.ts +1 -3
- package/ts_web/elements/00group-input/dees-input-tags/dees-input-tags.ts +35 -14
- package/ts_web/elements/00group-input/dees-input-toggle/dees-input-toggle.ts +4 -3
- package/ts_web/elements/00group-input/dees-input-wysiwyg/blocks/text/code.block.ts +9 -88
- package/ts_web/elements/00group-input/dees-input-wysiwyg/dees-input-wysiwyg.ts +11 -7
- package/ts_web/elements/00group-layout/dees-chips/dees-chips.ts +1 -1
- package/ts_web/elements/00group-layout/dees-pagination/dees-pagination.ts +26 -11
- package/ts_web/elements/00group-layout/dees-settings/dees-settings.ts +1 -1
- package/ts_web/elements/00group-layout/dees-stepper/dees-stepper.ts +13 -17
- package/ts_web/elements/00group-overlay/dees-contextmenu/dees-contextmenu.ts +5 -6
- package/ts_web/elements/00group-overlay/dees-modal/dees-modal.ts +5 -20
- package/ts_web/elements/00group-overlay/dees-windowlayer/dees-windowlayer.ts +10 -3
- package/ts_web/elements/00group-simple/dees-shopping-productcard/dees-shopping-productcard.ts +1 -1
- package/ts_web/elements/00group-simple/dees-simple-appdash/dees-simple-appdash.ts +8 -7
- package/ts_web/elements/00group-workspace/dees-workspace/dees-workspace.ts +1 -1
- package/ts_web/elements/00group-workspace/dees-workspace-filetree/dees-workspace-filetree.ts +2 -3
- package/ts_web/elements/00group-workspace/dees-workspace-markdownoutlet/dees-workspace-markdownoutlet.ts +7 -77
- package/ts_web/elements/00syntax.ts +124 -0
- package/ts_web/elements/00theme.ts +25 -13
- package/ts_web/elements/index.ts +1 -0
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { html } from '@design.estate/dees-element';
|
|
2
|
+
const demoSessions = Array.from({ length: 24 }, (_, index) => ({
|
|
3
|
+
id: `session-${index}`,
|
|
4
|
+
title: [
|
|
5
|
+
'Fix sitemap cache key',
|
|
6
|
+
'Investigate 429s from model endpoint',
|
|
7
|
+
'Refactor workbench layout',
|
|
8
|
+
'Add diff support to codebox',
|
|
9
|
+
'Release 3.91.0',
|
|
10
|
+
'Migrate agent chat to harness group',
|
|
11
|
+
][index % 6],
|
|
12
|
+
createdAt: Date.now() - (index + 2) * 3_600_000,
|
|
13
|
+
updatedAt: Date.now() - (index + 1) * 3_500_000,
|
|
14
|
+
messageCount: 4 + (index % 9),
|
|
15
|
+
preview: 'Latest: the regression test asserts the cache key stays stable across…',
|
|
16
|
+
}));
|
|
17
|
+
const openModal = async () => {
|
|
18
|
+
const { DeesModal } = await import('../../00group-overlay/dees-modal/dees-modal.js');
|
|
19
|
+
const content = document.createElement('dees-harness-session-list');
|
|
20
|
+
content.sessions = demoSessions;
|
|
21
|
+
content.style.height = '420px';
|
|
22
|
+
content.addEventListener('harness-session-open', (event) => {
|
|
23
|
+
console.log('open session', event.detail.session);
|
|
24
|
+
});
|
|
25
|
+
DeesModal.createAndShow({
|
|
26
|
+
heading: 'Conversations',
|
|
27
|
+
content: html `${content}`,
|
|
28
|
+
menuOptions: [],
|
|
29
|
+
});
|
|
30
|
+
};
|
|
31
|
+
export const demoFunc = () => html `
|
|
32
|
+
<style>
|
|
33
|
+
.sessionDemo {
|
|
34
|
+
display: grid;
|
|
35
|
+
grid-template-rows: auto minmax(0, 1fr);
|
|
36
|
+
gap: 12px;
|
|
37
|
+
height: 480px;
|
|
38
|
+
max-width: 420px;
|
|
39
|
+
margin: 40px auto;
|
|
40
|
+
padding: 16px;
|
|
41
|
+
border-radius: var(--dees-radius-xl);
|
|
42
|
+
border: 1px solid var(--dees-color-border-subtle);
|
|
43
|
+
background: var(--dees-color-bg-secondary);
|
|
44
|
+
}
|
|
45
|
+
.sessionDemo dees-harness-session-list { min-height: 0; }
|
|
46
|
+
</style>
|
|
47
|
+
<div class="sessionDemo">
|
|
48
|
+
<dees-button @clicked=${openModal}>Open in a DeesModal</dees-button>
|
|
49
|
+
<dees-harness-session-list
|
|
50
|
+
.sessions=${demoSessions}
|
|
51
|
+
selectedSessionId="session-2"
|
|
52
|
+
@harness-session-select=${(event) => console.log('select', event.detail.session)}
|
|
53
|
+
></dees-harness-session-list>
|
|
54
|
+
</div>
|
|
55
|
+
`;
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1oYXJuZXNzLXNlc3Npb24tbGlzdC5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtaGFybmVzcy9kZWVzLWhhcm5lc3Mtc2Vzc2lvbi1saXN0L2RlZXMtaGFybmVzcy1zZXNzaW9uLWxpc3QuZGVtby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFHbkQsTUFBTSxZQUFZLEdBQTBCLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ3BGLEVBQUUsRUFBRSxXQUFXLEtBQUssRUFBRTtJQUN0QixLQUFLLEVBQUU7UUFDTCx1QkFBdUI7UUFDdkIsc0NBQXNDO1FBQ3RDLDJCQUEyQjtRQUMzQiw2QkFBNkI7UUFDN0IsZ0JBQWdCO1FBQ2hCLHFDQUFxQztLQUN0QyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7SUFDWixTQUFTLEVBQUUsSUFBSSxDQUFDLEdBQUcsRUFBRSxHQUFHLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxHQUFHLFNBQVM7SUFDL0MsU0FBUyxFQUFFLElBQUksQ0FBQyxHQUFHLEVBQUUsR0FBRyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsR0FBRyxTQUFTO0lBQy9DLFlBQVksRUFBRSxDQUFDLEdBQUcsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDO0lBQzdCLE9BQU8sRUFBRSx3RUFBd0U7Q0FDbEYsQ0FBQyxDQUFDLENBQUM7QUFFSixNQUFNLFNBQVMsR0FBRyxLQUFLLElBQUksRUFBRTtJQUMzQixNQUFNLEVBQUUsU0FBUyxFQUFFLEdBQUcsTUFBTSxNQUFNLENBQUMsZ0RBQWdELENBQUMsQ0FBQztJQUNyRixNQUFNLE9BQU8sR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLDJCQUEyQixDQUFDLENBQUM7SUFDcEUsT0FBTyxDQUFDLFFBQVEsR0FBRyxZQUFZLENBQUM7SUFDaEMsT0FBTyxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsT0FBTyxDQUFDO0lBQy9CLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxzQkFBc0IsRUFBRSxDQUFDLEtBQUssRUFBRSxFQUFFO1FBQ3pELE9BQU8sQ0FBQyxHQUFHLENBQUMsY0FBYyxFQUFHLEtBQXFCLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ3JFLENBQUMsQ0FBQyxDQUFDO0lBQ0gsU0FBUyxDQUFDLGFBQWEsQ0FBQztRQUN0QixPQUFPLEVBQUUsZUFBZTtRQUN4QixPQUFPLEVBQUUsSUFBSSxDQUFBLEdBQUcsT0FBTyxFQUFFO1FBQ3pCLFdBQVcsRUFBRSxFQUFFO0tBQ2hCLENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7OzRCQWlCTixTQUFTOztrQkFFbkIsWUFBWTs7Z0NBRUUsQ0FBQyxLQUFrQixFQUFFLEVBQUUsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQzs7O0NBR2xHLENBQUMifQ==
|
package/dist_ts_web/elements/00group-harness/dees-harness-session-list/dees-harness-session-list.js
ADDED
|
@@ -0,0 +1,279 @@
|
|
|
1
|
+
var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
|
|
2
|
+
function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
|
|
3
|
+
var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
|
|
4
|
+
var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
|
|
5
|
+
var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
|
|
6
|
+
var _, done = false;
|
|
7
|
+
for (var i = decorators.length - 1; i >= 0; i--) {
|
|
8
|
+
var context = {};
|
|
9
|
+
for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
|
|
10
|
+
for (var p in contextIn.access) context.access[p] = contextIn.access[p];
|
|
11
|
+
context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
|
|
12
|
+
var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
|
|
13
|
+
if (kind === "accessor") {
|
|
14
|
+
if (result === void 0) continue;
|
|
15
|
+
if (result === null || typeof result !== "object") throw new TypeError("Object expected");
|
|
16
|
+
if (_ = accept(result.get)) descriptor.get = _;
|
|
17
|
+
if (_ = accept(result.set)) descriptor.set = _;
|
|
18
|
+
if (_ = accept(result.init)) initializers.unshift(_);
|
|
19
|
+
}
|
|
20
|
+
else if (_ = accept(result)) {
|
|
21
|
+
if (kind === "field") initializers.unshift(_);
|
|
22
|
+
else descriptor[key] = _;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
if (target) Object.defineProperty(target, contextIn.name, descriptor);
|
|
26
|
+
done = true;
|
|
27
|
+
};
|
|
28
|
+
var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
|
|
29
|
+
var useValue = arguments.length > 2;
|
|
30
|
+
for (var i = 0; i < initializers.length; i++) {
|
|
31
|
+
value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
|
|
32
|
+
}
|
|
33
|
+
return useValue ? value : void 0;
|
|
34
|
+
};
|
|
35
|
+
import { demoFunc } from './dees-harness-session-list.demo.js';
|
|
36
|
+
import { DeesElement, html, css, customElement, property, state, cssManager, } from '@design.estate/dees-element';
|
|
37
|
+
import { themeDefaultStyles } from '../../00theme.js';
|
|
38
|
+
import { harnessFormatRelativeTime } from '../harness.helpers.js';
|
|
39
|
+
import '../../00group-utility/dees-icon/dees-icon.js';
|
|
40
|
+
/**
|
|
41
|
+
* Searchable conversation list, embeddable in a sidebar or a DeesModal.
|
|
42
|
+
* Emits `harness-session-select` on click and `harness-session-open` on
|
|
43
|
+
* double-click or Enter.
|
|
44
|
+
*/
|
|
45
|
+
let DeesHarnessSessionList = (() => {
|
|
46
|
+
let _classDecorators = [customElement('dees-harness-session-list')];
|
|
47
|
+
let _classDescriptor;
|
|
48
|
+
let _classExtraInitializers = [];
|
|
49
|
+
let _classThis;
|
|
50
|
+
let _classSuper = DeesElement;
|
|
51
|
+
let _sessions_decorators;
|
|
52
|
+
let _sessions_initializers = [];
|
|
53
|
+
let _sessions_extraInitializers = [];
|
|
54
|
+
let _selectedSessionId_decorators;
|
|
55
|
+
let _selectedSessionId_initializers = [];
|
|
56
|
+
let _selectedSessionId_extraInitializers = [];
|
|
57
|
+
let _loading_decorators;
|
|
58
|
+
let _loading_initializers = [];
|
|
59
|
+
let _loading_extraInitializers = [];
|
|
60
|
+
let _emptyText_decorators;
|
|
61
|
+
let _emptyText_initializers = [];
|
|
62
|
+
let _emptyText_extraInitializers = [];
|
|
63
|
+
let _search_decorators;
|
|
64
|
+
let _search_initializers = [];
|
|
65
|
+
let _search_extraInitializers = [];
|
|
66
|
+
var DeesHarnessSessionList = class extends _classSuper {
|
|
67
|
+
static { _classThis = this; }
|
|
68
|
+
static {
|
|
69
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
70
|
+
_sessions_decorators = [property({ attribute: false })];
|
|
71
|
+
_selectedSessionId_decorators = [property()];
|
|
72
|
+
_loading_decorators = [property({ type: Boolean })];
|
|
73
|
+
_emptyText_decorators = [property()];
|
|
74
|
+
_search_decorators = [state()];
|
|
75
|
+
__esDecorate(this, null, _sessions_decorators, { kind: "accessor", name: "sessions", static: false, private: false, access: { has: obj => "sessions" in obj, get: obj => obj.sessions, set: (obj, value) => { obj.sessions = value; } }, metadata: _metadata }, _sessions_initializers, _sessions_extraInitializers);
|
|
76
|
+
__esDecorate(this, null, _selectedSessionId_decorators, { kind: "accessor", name: "selectedSessionId", static: false, private: false, access: { has: obj => "selectedSessionId" in obj, get: obj => obj.selectedSessionId, set: (obj, value) => { obj.selectedSessionId = value; } }, metadata: _metadata }, _selectedSessionId_initializers, _selectedSessionId_extraInitializers);
|
|
77
|
+
__esDecorate(this, null, _loading_decorators, { kind: "accessor", name: "loading", static: false, private: false, access: { has: obj => "loading" in obj, get: obj => obj.loading, set: (obj, value) => { obj.loading = value; } }, metadata: _metadata }, _loading_initializers, _loading_extraInitializers);
|
|
78
|
+
__esDecorate(this, null, _emptyText_decorators, { kind: "accessor", name: "emptyText", static: false, private: false, access: { has: obj => "emptyText" in obj, get: obj => obj.emptyText, set: (obj, value) => { obj.emptyText = value; } }, metadata: _metadata }, _emptyText_initializers, _emptyText_extraInitializers);
|
|
79
|
+
__esDecorate(this, null, _search_decorators, { kind: "accessor", name: "search", static: false, private: false, access: { has: obj => "search" in obj, get: obj => obj.search, set: (obj, value) => { obj.search = value; } }, metadata: _metadata }, _search_initializers, _search_extraInitializers);
|
|
80
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
81
|
+
DeesHarnessSessionList = _classThis = _classDescriptor.value;
|
|
82
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
83
|
+
}
|
|
84
|
+
static demo = demoFunc;
|
|
85
|
+
static demoGroups = ['Agent Chat'];
|
|
86
|
+
#sessions_accessor_storage = __runInitializers(this, _sessions_initializers, []);
|
|
87
|
+
get sessions() { return this.#sessions_accessor_storage; }
|
|
88
|
+
set sessions(value) { this.#sessions_accessor_storage = value; }
|
|
89
|
+
#selectedSessionId_accessor_storage = (__runInitializers(this, _sessions_extraInitializers), __runInitializers(this, _selectedSessionId_initializers, ''));
|
|
90
|
+
get selectedSessionId() { return this.#selectedSessionId_accessor_storage; }
|
|
91
|
+
set selectedSessionId(value) { this.#selectedSessionId_accessor_storage = value; }
|
|
92
|
+
#loading_accessor_storage = (__runInitializers(this, _selectedSessionId_extraInitializers), __runInitializers(this, _loading_initializers, false));
|
|
93
|
+
get loading() { return this.#loading_accessor_storage; }
|
|
94
|
+
set loading(value) { this.#loading_accessor_storage = value; }
|
|
95
|
+
#emptyText_accessor_storage = (__runInitializers(this, _loading_extraInitializers), __runInitializers(this, _emptyText_initializers, 'No conversations yet.'));
|
|
96
|
+
get emptyText() { return this.#emptyText_accessor_storage; }
|
|
97
|
+
set emptyText(value) { this.#emptyText_accessor_storage = value; }
|
|
98
|
+
#search_accessor_storage = (__runInitializers(this, _emptyText_extraInitializers), __runInitializers(this, _search_initializers, ''));
|
|
99
|
+
get search() { return this.#search_accessor_storage; }
|
|
100
|
+
set search(value) { this.#search_accessor_storage = value; }
|
|
101
|
+
static styles = [
|
|
102
|
+
themeDefaultStyles,
|
|
103
|
+
cssManager.defaultStyles,
|
|
104
|
+
css `
|
|
105
|
+
:host {
|
|
106
|
+
display: flex;
|
|
107
|
+
flex-direction: column;
|
|
108
|
+
min-height: 0;
|
|
109
|
+
font-family: var(--dees-font-family);
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.searchRow {
|
|
113
|
+
flex: 0 0 auto;
|
|
114
|
+
padding: var(--dees-spacing-sm);
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.searchRow input {
|
|
118
|
+
width: 100%;
|
|
119
|
+
height: var(--dees-control-height-sm);
|
|
120
|
+
padding: 0 var(--dees-spacing-md);
|
|
121
|
+
border: 1px solid var(--dees-color-border-default);
|
|
122
|
+
border-radius: var(--dees-radius-md);
|
|
123
|
+
corner-shape: var(--dees-corner-shape);
|
|
124
|
+
background: var(--dees-color-bg-primary);
|
|
125
|
+
color: var(--dees-color-text-primary);
|
|
126
|
+
font-family: inherit;
|
|
127
|
+
font-size: var(--dees-font-control-size, 13px);
|
|
128
|
+
outline: none;
|
|
129
|
+
box-sizing: border-box;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
.searchRow input:focus {
|
|
133
|
+
border-color: var(--dees-color-accent-primary);
|
|
134
|
+
box-shadow: 0 0 0 3px var(--dees-color-focus-ring);
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
.list {
|
|
138
|
+
flex: 1;
|
|
139
|
+
min-height: 0;
|
|
140
|
+
overflow-y: auto;
|
|
141
|
+
scrollbar-width: thin;
|
|
142
|
+
scrollbar-color: var(--dees-color-scrollbar-thumb) transparent;
|
|
143
|
+
padding: 0 var(--dees-spacing-xs) var(--dees-spacing-xs);
|
|
144
|
+
display: grid;
|
|
145
|
+
gap: 2px;
|
|
146
|
+
align-content: start;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.item {
|
|
150
|
+
width: 100%;
|
|
151
|
+
display: block;
|
|
152
|
+
padding: var(--dees-spacing-xs) var(--dees-spacing-sm);
|
|
153
|
+
border: 0;
|
|
154
|
+
border-radius: var(--dees-radius-md);
|
|
155
|
+
corner-shape: var(--dees-corner-shape);
|
|
156
|
+
background: transparent;
|
|
157
|
+
color: var(--dees-color-text-primary);
|
|
158
|
+
cursor: pointer;
|
|
159
|
+
font-family: inherit;
|
|
160
|
+
text-align: left;
|
|
161
|
+
transition: background var(--dees-transition-fast) var(--dees-ease-standard);
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
.item:hover {
|
|
165
|
+
background: var(--dees-color-hover);
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
.item.selected {
|
|
169
|
+
background: var(--dees-color-active);
|
|
170
|
+
box-shadow: inset 2px 0 0 var(--dees-color-accent-primary);
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
.itemTitle {
|
|
174
|
+
display: flex;
|
|
175
|
+
align-items: baseline;
|
|
176
|
+
gap: var(--dees-spacing-sm);
|
|
177
|
+
font-size: var(--dees-font-control-size-sm, 12px);
|
|
178
|
+
font-weight: 500;
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
.itemTitle .titleText {
|
|
182
|
+
min-width: 0;
|
|
183
|
+
overflow: hidden;
|
|
184
|
+
text-overflow: ellipsis;
|
|
185
|
+
white-space: nowrap;
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
.itemTime {
|
|
189
|
+
margin-left: auto;
|
|
190
|
+
flex: 0 0 auto;
|
|
191
|
+
color: var(--dees-color-text-muted);
|
|
192
|
+
font-size: var(--dees-font-caption2-size, 10px);
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
.itemPreview {
|
|
196
|
+
margin-top: 1px;
|
|
197
|
+
color: var(--dees-color-text-secondary);
|
|
198
|
+
font-size: var(--dees-font-caption1-size, 11px);
|
|
199
|
+
overflow: hidden;
|
|
200
|
+
text-overflow: ellipsis;
|
|
201
|
+
white-space: nowrap;
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
.emptyNote {
|
|
205
|
+
padding: var(--dees-spacing-lg);
|
|
206
|
+
color: var(--dees-color-text-secondary);
|
|
207
|
+
font-size: var(--dees-font-control-size-sm, 12px);
|
|
208
|
+
text-align: center;
|
|
209
|
+
}
|
|
210
|
+
`,
|
|
211
|
+
];
|
|
212
|
+
get filteredSessions() {
|
|
213
|
+
const query = this.search.trim().toLowerCase();
|
|
214
|
+
const sorted = [...this.sessions].sort((left, right) => (right.updatedAt ?? right.createdAt ?? 0) - (left.updatedAt ?? left.createdAt ?? 0));
|
|
215
|
+
if (!query)
|
|
216
|
+
return sorted;
|
|
217
|
+
return sorted.filter((session) => [session.title, session.preview, session.id].filter(Boolean).join(' ').toLowerCase().includes(query));
|
|
218
|
+
}
|
|
219
|
+
focusSearch() {
|
|
220
|
+
this.shadowRoot?.querySelector('.searchRow input')?.focus();
|
|
221
|
+
}
|
|
222
|
+
render() {
|
|
223
|
+
const sessions = this.filteredSessions;
|
|
224
|
+
return html `
|
|
225
|
+
<div class="searchRow">
|
|
226
|
+
<input
|
|
227
|
+
placeholder="Search conversations"
|
|
228
|
+
.value=${this.search}
|
|
229
|
+
@input=${(event) => {
|
|
230
|
+
this.search = event.currentTarget.value;
|
|
231
|
+
}}
|
|
232
|
+
/>
|
|
233
|
+
</div>
|
|
234
|
+
<div class="list">
|
|
235
|
+
${this.loading
|
|
236
|
+
? html `<div class="emptyNote">Loading conversations…</div>`
|
|
237
|
+
: sessions.length
|
|
238
|
+
? sessions.map((session) => this.renderItem(session))
|
|
239
|
+
: html `<div class="emptyNote">${this.sessions.length ? 'No conversations match this search.' : this.emptyText}</div>`}
|
|
240
|
+
</div>
|
|
241
|
+
`;
|
|
242
|
+
}
|
|
243
|
+
renderItem(session) {
|
|
244
|
+
return html `
|
|
245
|
+
<button
|
|
246
|
+
class="item ${session.id === this.selectedSessionId ? 'selected' : ''}"
|
|
247
|
+
type="button"
|
|
248
|
+
@click=${() => this.emit('harness-session-select', session)}
|
|
249
|
+
@dblclick=${() => this.emit('harness-session-open', session)}
|
|
250
|
+
@keydown=${(event) => {
|
|
251
|
+
if (event.key === 'Enter')
|
|
252
|
+
this.emit('harness-session-open', session);
|
|
253
|
+
}}
|
|
254
|
+
>
|
|
255
|
+
<span class="itemTitle">
|
|
256
|
+
<span class="titleText">${session.title || session.id}</span>
|
|
257
|
+
<span class="itemTime">${harnessFormatRelativeTime(session.updatedAt ?? session.createdAt)}</span>
|
|
258
|
+
</span>
|
|
259
|
+
${session.preview
|
|
260
|
+
? html `<span class="itemPreview">${session.preview}${session.messageCount ? ` · ${session.messageCount} messages` : ''}</span>`
|
|
261
|
+
: ''}
|
|
262
|
+
</button>
|
|
263
|
+
`;
|
|
264
|
+
}
|
|
265
|
+
emit(name, session) {
|
|
266
|
+
this.dispatchEvent(new CustomEvent(name, { detail: { session }, bubbles: true, composed: true }));
|
|
267
|
+
}
|
|
268
|
+
constructor() {
|
|
269
|
+
super(...arguments);
|
|
270
|
+
__runInitializers(this, _search_extraInitializers);
|
|
271
|
+
}
|
|
272
|
+
static {
|
|
273
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
274
|
+
}
|
|
275
|
+
};
|
|
276
|
+
return DeesHarnessSessionList = _classThis;
|
|
277
|
+
})();
|
|
278
|
+
export { DeesHarnessSessionList };
|
|
279
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1oYXJuZXNzLXNlc3Npb24tbGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy8wMGdyb3VwLWhhcm5lc3MvZGVlcy1oYXJuZXNzLXNlc3Npb24tbGlzdC9kZWVzLWhhcm5lc3Mtc2Vzc2lvbi1saXN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDL0QsT0FBTyxFQUNMLFdBQVcsRUFDWCxJQUFJLEVBQ0osR0FBRyxFQUNILGFBQWEsRUFFYixRQUFRLEVBQ1IsS0FBSyxFQUNMLFVBQVUsR0FDWCxNQUFNLDZCQUE2QixDQUFDO0FBQ3JDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRXRELE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ2xFLE9BQU8sOENBQThDLENBQUM7QUFRdEQ7Ozs7R0FJRztJQUVVLHNCQUFzQjs0QkFEbEMsYUFBYSxDQUFDLDJCQUEyQixDQUFDOzs7O3NCQUNDLFdBQVc7Ozs7Ozs7Ozs7Ozs7Ozs7c0NBQW5CLFNBQVEsV0FBVzs7OztvQ0FJcEQsUUFBUSxDQUFDLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxDQUFDOzZDQUc5QixRQUFRLEVBQUU7bUNBR1YsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxDQUFDO3FDQUczQixRQUFRLEVBQUU7a0NBR1YsS0FBSyxFQUFFO1lBWFIsNktBQVMsUUFBUSw2QkFBUixRQUFRLDJGQUE2QjtZQUc5Qyx3TUFBUyxpQkFBaUIsNkJBQWpCLGlCQUFpQiw2R0FBYztZQUd4QywwS0FBUyxPQUFPLDZCQUFQLE9BQU8seUZBQWtCO1lBR2xDLGdMQUFTLFNBQVMsNkJBQVQsU0FBUyw2RkFBbUM7WUFHckQsdUtBQVMsTUFB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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './dees-harness-session-list.js';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './dees-harness-session-list.js';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90c193ZWIvZWxlbWVudHMvMDBncm91cC1oYXJuZXNzL2RlZXMtaGFybmVzcy1zZXNzaW9uLWxpc3QvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxnQ0FBZ0MsQ0FBQyJ9
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
|
|
2
|
+
import type { IHarnessStatus } from '../interfaces.js';
|
|
3
|
+
declare global {
|
|
4
|
+
interface HTMLElementTagNameMap {
|
|
5
|
+
'dees-harness-status': DeesHarnessStatus;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* Live status line for an agent run: idle (renders nothing unless
|
|
10
|
+
* showIdle), busy with animated dots, or error. Enter and leave are
|
|
11
|
+
* animated — on a transition to idle the previous status keeps rendering
|
|
12
|
+
* with a leave transition before the element empties, so consumers can
|
|
13
|
+
* bind `.status` directly without orchestrating exit animations.
|
|
14
|
+
* aria-live so screen readers announce transitions.
|
|
15
|
+
*/
|
|
16
|
+
export declare class DeesHarnessStatus extends DeesElement {
|
|
17
|
+
static demo: () => TemplateResult<1>;
|
|
18
|
+
static demoGroups: string[];
|
|
19
|
+
accessor status: IHarnessStatus;
|
|
20
|
+
accessor showIdle: boolean;
|
|
21
|
+
accessor leaving: boolean;
|
|
22
|
+
private lastVisibleStatus;
|
|
23
|
+
private leaveTimeout;
|
|
24
|
+
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
25
|
+
willUpdate(changedProperties: Map<string, any>): void;
|
|
26
|
+
render(): TemplateResult;
|
|
27
|
+
private statusText;
|
|
28
|
+
private clearLeaveTimeout;
|
|
29
|
+
disconnectedCallback(): Promise<void>;
|
|
30
|
+
}
|
package/dist_ts_web/elements/00group-harness/dees-harness-status/dees-harness-status.demo.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const demoFunc: () => import("@design.estate/dees-element").TemplateResult<1>;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { html } from '@design.estate/dees-element';
|
|
2
|
+
export const demoFunc = () => html `
|
|
3
|
+
<style>
|
|
4
|
+
.statusDemo {
|
|
5
|
+
display: grid;
|
|
6
|
+
gap: 16px;
|
|
7
|
+
max-width: 520px;
|
|
8
|
+
margin: 40px auto;
|
|
9
|
+
padding: 24px;
|
|
10
|
+
border-radius: var(--dees-radius-xl);
|
|
11
|
+
background: var(--dees-color-bg-secondary);
|
|
12
|
+
}
|
|
13
|
+
.statusDemo .label {
|
|
14
|
+
color: var(--dees-color-text-muted);
|
|
15
|
+
font-size: 11px;
|
|
16
|
+
text-transform: uppercase;
|
|
17
|
+
letter-spacing: 0.05em;
|
|
18
|
+
}
|
|
19
|
+
</style>
|
|
20
|
+
<div class="statusDemo">
|
|
21
|
+
<div class="label">busy (default message)</div>
|
|
22
|
+
<dees-harness-status .status=${{ type: 'busy' }}></dees-harness-status>
|
|
23
|
+
<div class="label">busy with detail</div>
|
|
24
|
+
<dees-harness-status
|
|
25
|
+
.status=${{ type: 'busy', message: 'Running tests — 3 of 12 files' }}
|
|
26
|
+
></dees-harness-status>
|
|
27
|
+
<div class="label">error</div>
|
|
28
|
+
<dees-harness-status
|
|
29
|
+
.status=${{ type: 'error', message: 'The model endpoint returned 429.' }}
|
|
30
|
+
></dees-harness-status>
|
|
31
|
+
<div class="label">idle with showIdle</div>
|
|
32
|
+
<dees-harness-status .status=${{ type: 'idle' }} showIdle></dees-harness-status>
|
|
33
|
+
</div>
|
|
34
|
+
`;
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1oYXJuZXNzLXN0YXR1cy5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtaGFybmVzcy9kZWVzLWhhcm5lc3Mtc3RhdHVzL2RlZXMtaGFybmVzcy1zdGF0dXMuZGVtby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFbkQsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7bUNBb0JDLEVBQUUsSUFBSSxFQUFFLE1BQWUsRUFBRTs7O2dCQUc1QyxFQUFFLElBQUksRUFBRSxNQUFlLEVBQUUsT0FBTyxFQUFFLCtCQUErQixFQUFFOzs7O2dCQUluRSxFQUFFLElBQUksRUFBRSxPQUFnQixFQUFFLE9BQU8sRUFBRSxrQ0FBa0MsRUFBRTs7O21DQUdwRCxFQUFFLElBQUksRUFBRSxNQUFlLEVBQUU7O0NBRTNELENBQUMifQ==
|
|
@@ -0,0 +1,235 @@
|
|
|
1
|
+
var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
|
|
2
|
+
function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
|
|
3
|
+
var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
|
|
4
|
+
var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
|
|
5
|
+
var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
|
|
6
|
+
var _, done = false;
|
|
7
|
+
for (var i = decorators.length - 1; i >= 0; i--) {
|
|
8
|
+
var context = {};
|
|
9
|
+
for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
|
|
10
|
+
for (var p in contextIn.access) context.access[p] = contextIn.access[p];
|
|
11
|
+
context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
|
|
12
|
+
var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
|
|
13
|
+
if (kind === "accessor") {
|
|
14
|
+
if (result === void 0) continue;
|
|
15
|
+
if (result === null || typeof result !== "object") throw new TypeError("Object expected");
|
|
16
|
+
if (_ = accept(result.get)) descriptor.get = _;
|
|
17
|
+
if (_ = accept(result.set)) descriptor.set = _;
|
|
18
|
+
if (_ = accept(result.init)) initializers.unshift(_);
|
|
19
|
+
}
|
|
20
|
+
else if (_ = accept(result)) {
|
|
21
|
+
if (kind === "field") initializers.unshift(_);
|
|
22
|
+
else descriptor[key] = _;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
if (target) Object.defineProperty(target, contextIn.name, descriptor);
|
|
26
|
+
done = true;
|
|
27
|
+
};
|
|
28
|
+
var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
|
|
29
|
+
var useValue = arguments.length > 2;
|
|
30
|
+
for (var i = 0; i < initializers.length; i++) {
|
|
31
|
+
value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
|
|
32
|
+
}
|
|
33
|
+
return useValue ? value : void 0;
|
|
34
|
+
};
|
|
35
|
+
import { demoFunc } from './dees-harness-status.demo.js';
|
|
36
|
+
import { DeesElement, html, css, customElement, property, state, cssManager, } from '@design.estate/dees-element';
|
|
37
|
+
import { themeDefaultStyles } from '../../00theme.js';
|
|
38
|
+
/** matches --dees-transition-default (0.2s) — the CSS leave transition and the
|
|
39
|
+
* DOM removal below must stay paired */
|
|
40
|
+
const leaveDurationMs = 200;
|
|
41
|
+
/**
|
|
42
|
+
* Live status line for an agent run: idle (renders nothing unless
|
|
43
|
+
* showIdle), busy with animated dots, or error. Enter and leave are
|
|
44
|
+
* animated — on a transition to idle the previous status keeps rendering
|
|
45
|
+
* with a leave transition before the element empties, so consumers can
|
|
46
|
+
* bind `.status` directly without orchestrating exit animations.
|
|
47
|
+
* aria-live so screen readers announce transitions.
|
|
48
|
+
*/
|
|
49
|
+
let DeesHarnessStatus = (() => {
|
|
50
|
+
let _classDecorators = [customElement('dees-harness-status')];
|
|
51
|
+
let _classDescriptor;
|
|
52
|
+
let _classExtraInitializers = [];
|
|
53
|
+
let _classThis;
|
|
54
|
+
let _classSuper = DeesElement;
|
|
55
|
+
let _status_decorators;
|
|
56
|
+
let _status_initializers = [];
|
|
57
|
+
let _status_extraInitializers = [];
|
|
58
|
+
let _showIdle_decorators;
|
|
59
|
+
let _showIdle_initializers = [];
|
|
60
|
+
let _showIdle_extraInitializers = [];
|
|
61
|
+
let _leaving_decorators;
|
|
62
|
+
let _leaving_initializers = [];
|
|
63
|
+
let _leaving_extraInitializers = [];
|
|
64
|
+
var DeesHarnessStatus = class extends _classSuper {
|
|
65
|
+
static { _classThis = this; }
|
|
66
|
+
static {
|
|
67
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
68
|
+
_status_decorators = [property({ attribute: false })];
|
|
69
|
+
_showIdle_decorators = [property({ type: Boolean })];
|
|
70
|
+
_leaving_decorators = [state()];
|
|
71
|
+
__esDecorate(this, null, _status_decorators, { kind: "accessor", name: "status", static: false, private: false, access: { has: obj => "status" in obj, get: obj => obj.status, set: (obj, value) => { obj.status = value; } }, metadata: _metadata }, _status_initializers, _status_extraInitializers);
|
|
72
|
+
__esDecorate(this, null, _showIdle_decorators, { kind: "accessor", name: "showIdle", static: false, private: false, access: { has: obj => "showIdle" in obj, get: obj => obj.showIdle, set: (obj, value) => { obj.showIdle = value; } }, metadata: _metadata }, _showIdle_initializers, _showIdle_extraInitializers);
|
|
73
|
+
__esDecorate(this, null, _leaving_decorators, { kind: "accessor", name: "leaving", static: false, private: false, access: { has: obj => "leaving" in obj, get: obj => obj.leaving, set: (obj, value) => { obj.leaving = value; } }, metadata: _metadata }, _leaving_initializers, _leaving_extraInitializers);
|
|
74
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
75
|
+
DeesHarnessStatus = _classThis = _classDescriptor.value;
|
|
76
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
77
|
+
}
|
|
78
|
+
static demo = demoFunc;
|
|
79
|
+
static demoGroups = ['Agent Chat'];
|
|
80
|
+
#status_accessor_storage = __runInitializers(this, _status_initializers, { type: 'idle' });
|
|
81
|
+
get status() { return this.#status_accessor_storage; }
|
|
82
|
+
set status(value) { this.#status_accessor_storage = value; }
|
|
83
|
+
#showIdle_accessor_storage = (__runInitializers(this, _status_extraInitializers), __runInitializers(this, _showIdle_initializers, false));
|
|
84
|
+
get showIdle() { return this.#showIdle_accessor_storage; }
|
|
85
|
+
set showIdle(value) { this.#showIdle_accessor_storage = value; }
|
|
86
|
+
#leaving_accessor_storage = (__runInitializers(this, _showIdle_extraInitializers), __runInitializers(this, _leaving_initializers, false));
|
|
87
|
+
get leaving() { return this.#leaving_accessor_storage; }
|
|
88
|
+
set leaving(value) { this.#leaving_accessor_storage = value; }
|
|
89
|
+
lastVisibleStatus = (__runInitializers(this, _leaving_extraInitializers), null);
|
|
90
|
+
leaveTimeout = null;
|
|
91
|
+
static styles = [
|
|
92
|
+
themeDefaultStyles,
|
|
93
|
+
cssManager.defaultStyles,
|
|
94
|
+
css `
|
|
95
|
+
:host {
|
|
96
|
+
display: block;
|
|
97
|
+
font-family: var(--dees-font-family);
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
.status {
|
|
101
|
+
display: flex;
|
|
102
|
+
align-items: center;
|
|
103
|
+
margin: var(--dees-spacing-xs) 0;
|
|
104
|
+
gap: var(--dees-spacing-sm);
|
|
105
|
+
color: var(--dees-color-text-secondary);
|
|
106
|
+
font-size: var(--dees-font-control-size-sm, 12px);
|
|
107
|
+
line-height: 1.4;
|
|
108
|
+
white-space: pre-wrap;
|
|
109
|
+
animation: harness-status-enter var(--dees-transition-default) var(--dees-ease-out);
|
|
110
|
+
transition:
|
|
111
|
+
opacity var(--dees-transition-default) var(--dees-ease-in),
|
|
112
|
+
transform var(--dees-transition-default) var(--dees-ease-in);
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
.status.leaving {
|
|
116
|
+
opacity: 0;
|
|
117
|
+
transform: translateY(2px);
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
@keyframes harness-status-enter {
|
|
121
|
+
from {
|
|
122
|
+
opacity: 0;
|
|
123
|
+
transform: translateY(-2px);
|
|
124
|
+
}
|
|
125
|
+
to {
|
|
126
|
+
opacity: 1;
|
|
127
|
+
transform: translateY(0);
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
.status.error {
|
|
132
|
+
color: var(--dees-color-text-error);
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.dots {
|
|
136
|
+
display: inline-flex;
|
|
137
|
+
gap: 3px;
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
.dots span {
|
|
141
|
+
width: 4px;
|
|
142
|
+
height: 4px;
|
|
143
|
+
border-radius: var(--dees-radius-full);
|
|
144
|
+
background: var(--dees-color-accent-primary);
|
|
145
|
+
animation: harness-status-pulse 1.2s ease-in-out infinite;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
.dots span:nth-child(2) {
|
|
149
|
+
animation-delay: 0.15s;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
.dots span:nth-child(3) {
|
|
153
|
+
animation-delay: 0.3s;
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
@keyframes harness-status-pulse {
|
|
157
|
+
0%, 80%, 100% {
|
|
158
|
+
opacity: 0.25;
|
|
159
|
+
transform: scale(0.8);
|
|
160
|
+
}
|
|
161
|
+
40% {
|
|
162
|
+
opacity: 1;
|
|
163
|
+
transform: scale(1);
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
@media (prefers-reduced-motion: reduce) {
|
|
168
|
+
.status {
|
|
169
|
+
animation: none;
|
|
170
|
+
transition: none;
|
|
171
|
+
}
|
|
172
|
+
}
|
|
173
|
+
`,
|
|
174
|
+
];
|
|
175
|
+
willUpdate(changedProperties) {
|
|
176
|
+
super.willUpdate(changedProperties);
|
|
177
|
+
if (!changedProperties.has('status'))
|
|
178
|
+
return;
|
|
179
|
+
if (this.status.type !== 'idle') {
|
|
180
|
+
this.lastVisibleStatus = this.status;
|
|
181
|
+
this.leaving = false;
|
|
182
|
+
this.clearLeaveTimeout();
|
|
183
|
+
}
|
|
184
|
+
else if (this.lastVisibleStatus && !this.showIdle) {
|
|
185
|
+
// keep the previous status rendered while it fades out
|
|
186
|
+
this.leaving = true;
|
|
187
|
+
this.clearLeaveTimeout();
|
|
188
|
+
this.leaveTimeout = setTimeout(() => {
|
|
189
|
+
this.leaveTimeout = null;
|
|
190
|
+
this.lastVisibleStatus = null;
|
|
191
|
+
this.leaving = false;
|
|
192
|
+
}, leaveDurationMs);
|
|
193
|
+
}
|
|
194
|
+
}
|
|
195
|
+
render() {
|
|
196
|
+
if (this.status.type === 'idle' && !this.showIdle && !this.leaving) {
|
|
197
|
+
return html ``;
|
|
198
|
+
}
|
|
199
|
+
const shown = this.leaving ? this.lastVisibleStatus : this.status;
|
|
200
|
+
return html `
|
|
201
|
+
<div class="status ${shown.type} ${this.leaving ? 'leaving' : ''}" aria-live="polite" role="status">
|
|
202
|
+
${shown.type === 'busy'
|
|
203
|
+
? html `<span class="dots"><span></span><span></span><span></span></span>`
|
|
204
|
+
: ''}
|
|
205
|
+
<span>${this.statusText(shown)}</span>
|
|
206
|
+
</div>
|
|
207
|
+
`;
|
|
208
|
+
}
|
|
209
|
+
statusText(status) {
|
|
210
|
+
if (status.message)
|
|
211
|
+
return status.message;
|
|
212
|
+
if (status.type === 'busy')
|
|
213
|
+
return 'Working…';
|
|
214
|
+
if (status.type === 'error')
|
|
215
|
+
return 'Something went wrong.';
|
|
216
|
+
return 'Idle';
|
|
217
|
+
}
|
|
218
|
+
clearLeaveTimeout() {
|
|
219
|
+
if (this.leaveTimeout) {
|
|
220
|
+
clearTimeout(this.leaveTimeout);
|
|
221
|
+
this.leaveTimeout = null;
|
|
222
|
+
}
|
|
223
|
+
}
|
|
224
|
+
async disconnectedCallback() {
|
|
225
|
+
this.clearLeaveTimeout();
|
|
226
|
+
await super.disconnectedCallback();
|
|
227
|
+
}
|
|
228
|
+
static {
|
|
229
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
230
|
+
}
|
|
231
|
+
};
|
|
232
|
+
return DeesHarnessStatus = _classThis;
|
|
233
|
+
})();
|
|
234
|
+
export { DeesHarnessStatus };
|
|
235
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1oYXJuZXNzLXN0YXR1cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy8wMGdyb3VwLWhhcm5lc3MvZGVlcy1oYXJuZXNzLXN0YXR1cy9kZWVzLWhhcm5lc3Mtc3RhdHVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDekQsT0FBTyxFQUNMLFdBQVcsRUFDWCxJQUFJLEVBQ0osR0FBRyxFQUNILGFBQWEsRUFFYixRQUFRLEVBQ1IsS0FBSyxFQUNMLFVBQVUsR0FDWCxNQUFNLDZCQUE2QixDQUFDO0FBQ3JDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBU3REO3dDQUN3QztBQUN4QyxNQUFNLGVBQWUsR0FBRyxHQUFHLENBQUM7QUFFNUI7Ozs7Ozs7R0FPRztJQUVVLGlCQUFpQjs0QkFEN0IsYUFBYSxDQUFDLHFCQUFxQixDQUFDOzs7O3NCQUNFLFdBQVc7Ozs7Ozs7Ozs7aUNBQW5CLFNBQVEsV0FBVzs7OztrQ0FJL0MsUUFBUSxDQUFDLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxDQUFDO29DQUc5QixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLENBQUM7bUNBRzNCLEtBQUssRUFBRTtZQUxSLHVLQUFTLE1BQU0sNkJBQU4sTUFBTSx1RkFBb0M7WUFHbkQsNktBQVMsUUFBUSw2QkFBUixRQUFRLDJGQUFrQjtZQUduQywwS0FBUyxPQUFPLDZCQUFQLE9BQU8seUZBQWtCO1lBWHBDLDZLQXlKQzs7OztRQXhKUSxNQUFNLENBQUMsSUFBSSxHQUFHLFFBQVEsQ0FBQztRQUN2QixNQUFNLENBQUMsVUFBVSxHQUFHLENBQUMsWUFBWSxDQUFDLENBQUM7UUFHMUMseUVBQWtDLEVBQUUsSUFBSSxFQUFFLE1BQU0s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
|