| 1 | <script type="module"> |
| 2 | import { store } from "/plugins/_context_window/webui/context-window-store.js"; |
| 3 | </script> |
| 4 | |
| 5 | <div x-data> |
| 6 | <template x-if="$store.settings.uiVisibility"> |
| 7 | <div class="ui-visibility-row"> |
| 8 | <div class="ui-visibility-control"> |
| 9 | <x-icon aria-hidden="true" name="donut_large"></x-icon> |
| 10 | <div> |
| 11 | <div class="field-title">Context window</div> |
| 12 | <div class="ui-visibility-state" x-text="$store.settings.uiControlVisibilityLabel('contextWindowUsage')"></div> |
| 13 | </div> |
| 14 | </div> |
| 15 | |
| 16 | <div class="ui-device-selector" aria-label="Context window visibility"> |
| 17 | <button type="button" |
| 18 | class="ui-device-button" |
| 19 | :class="{ 'is-visible': $store.settings.isUiControlVisible('contextWindowUsage', 'mobile') }" |
| 20 | aria-label="Show context window on mobile" |
| 21 | :aria-pressed="$store.settings.isUiControlVisible('contextWindowUsage', 'mobile').toString()" |
| 22 | :title="$store.settings.isUiControlVisible('contextWindowUsage', 'mobile') ? 'Shown on mobile' : 'Hidden on mobile'" |
| 23 | @click="$store.settings.toggleUiControl('contextWindowUsage', 'mobile')"> |
| 24 | <x-icon aria-hidden="true" name="smartphone"></x-icon> |
| 25 | <span>Mobile</span> |
| 26 | </button> |
| 27 | <button type="button" |
| 28 | class="ui-device-button" |
| 29 | :class="{ 'is-visible': $store.settings.isUiControlVisible('contextWindowUsage', 'desktop') }" |
| 30 | aria-label="Show context window on desktop" |
| 31 | :aria-pressed="$store.settings.isUiControlVisible('contextWindowUsage', 'desktop').toString()" |
| 32 | :title="$store.settings.isUiControlVisible('contextWindowUsage', 'desktop') ? 'Shown on desktop' : 'Hidden on desktop'" |
| 33 | @click="$store.settings.toggleUiControl('contextWindowUsage', 'desktop')"> |
| 34 | <x-icon aria-hidden="true" name="desktop_windows"></x-icon> |
| 35 | <span>Desktop</span> |
| 36 | </button> |
| 37 | </div> |
| 38 | </div> |
| 39 | </template> |
| 40 | </div> |