From 66ac622136fdb13c04d209465534438a6e5e4fa1 Mon Sep 17 00:00:00 2001
From: galister <22305755+galister@users.noreply.github.com>
Date: Wed, 18 Jun 2025 19:03:21 +0900
Subject: [PATCH] bar + watch

---
 wgui/uidev-vk/assets/bar/add.svg              |  1 +
 wgui/uidev-vk/assets/bar/background-off.svg   |  1 +
 wgui/uidev-vk/assets/bar/background.svg       |  1 +
 wgui/uidev-vk/assets/bar/cancel.svg           |  1 +
 wgui/uidev-vk/assets/bar/checkbox-checked.svg |  1 +
 wgui/uidev-vk/assets/bar/checkbox.svg         |  1 +
 wgui/uidev-vk/assets/bar/delete.svg           |  1 +
 wgui/uidev-vk/assets/bar/fade.svg             |  1 +
 wgui/uidev-vk/assets/bar/inout.svg            |  1 +
 wgui/uidev-vk/assets/bar/lock.svg             |  1 +
 wgui/uidev-vk/assets/bar/lock_open.svg        |  1 +
 wgui/uidev-vk/assets/bar/mouse.svg            |  1 +
 wgui/uidev-vk/assets/bar/mouse_lock.svg       |  1 +
 wgui/uidev-vk/assets/bar/move-all.svg         |  1 +
 wgui/uidev-vk/assets/bar/move-horizontal.svg  |  1 +
 wgui/uidev-vk/assets/bar/resize.svg           |  1 +
 wgui/uidev-vk/assets/bar/screen-add.svg       |  1 +
 wgui/uidev-vk/assets/bar/screen-options.svg   |  1 +
 wgui/uidev-vk/assets/bar/screen-remove.svg    |  1 +
 wgui/uidev-vk/assets/gui/bar.xml              | 50 +++++++++++++++++++
 wgui/uidev-vk/assets/gui/watch.xml            | 50 +++++++++++++++++++
 wgui/uidev-vk/assets/watch/controller.svg     |  1 +
 wgui/uidev-vk/assets/watch/hmd.svg            |  1 +
 wgui/uidev-vk/assets/watch/keyboard.svg       |  1 +
 wgui/uidev-vk/assets/watch/settings.svg       |  1 +
 wgui/uidev-vk/assets/watch/track.svg          |  1 +
 wgui/uidev-vk/assets/watch/track2.svg         |  1 +
 wgui/uidev-vk/assets/watch/track3.svg         |  1 +
 wgui/uidev-vk/src/main.rs                     |  5 +-
 wgui/uidev-vk/src/testbed/mod.rs              |  1 +
 wgui/uidev-vk/src/testbed/testbed_any.rs      | 33 ++++++++++++
 31 files changed, 163 insertions(+), 2 deletions(-)
 create mode 100644 wgui/uidev-vk/assets/bar/add.svg
 create mode 100644 wgui/uidev-vk/assets/bar/background-off.svg
 create mode 100644 wgui/uidev-vk/assets/bar/background.svg
 create mode 100644 wgui/uidev-vk/assets/bar/cancel.svg
 create mode 100644 wgui/uidev-vk/assets/bar/checkbox-checked.svg
 create mode 100644 wgui/uidev-vk/assets/bar/checkbox.svg
 create mode 100644 wgui/uidev-vk/assets/bar/delete.svg
 create mode 100644 wgui/uidev-vk/assets/bar/fade.svg
 create mode 100644 wgui/uidev-vk/assets/bar/inout.svg
 create mode 100644 wgui/uidev-vk/assets/bar/lock.svg
 create mode 100644 wgui/uidev-vk/assets/bar/lock_open.svg
 create mode 100644 wgui/uidev-vk/assets/bar/mouse.svg
 create mode 100644 wgui/uidev-vk/assets/bar/mouse_lock.svg
 create mode 100644 wgui/uidev-vk/assets/bar/move-all.svg
 create mode 100644 wgui/uidev-vk/assets/bar/move-horizontal.svg
 create mode 100644 wgui/uidev-vk/assets/bar/resize.svg
 create mode 100644 wgui/uidev-vk/assets/bar/screen-add.svg
 create mode 100644 wgui/uidev-vk/assets/bar/screen-options.svg
 create mode 100644 wgui/uidev-vk/assets/bar/screen-remove.svg
 create mode 100644 wgui/uidev-vk/assets/gui/bar.xml
 create mode 100644 wgui/uidev-vk/assets/gui/watch.xml
 create mode 100644 wgui/uidev-vk/assets/watch/controller.svg
 create mode 100644 wgui/uidev-vk/assets/watch/hmd.svg
 create mode 100644 wgui/uidev-vk/assets/watch/keyboard.svg
 create mode 100644 wgui/uidev-vk/assets/watch/settings.svg
 create mode 100644 wgui/uidev-vk/assets/watch/track.svg
 create mode 100644 wgui/uidev-vk/assets/watch/track2.svg
 create mode 100644 wgui/uidev-vk/assets/watch/track3.svg
 create mode 100644 wgui/uidev-vk/src/testbed/testbed_any.rs

diff --git a/wgui/uidev-vk/assets/bar/add.svg b/wgui/uidev-vk/assets/bar/add.svg
new file mode 100644
index 00000000..ea953031
--- /dev/null
+++ b/wgui/uidev-vk/assets/bar/add.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="white" d="M11 17h2v-4h4v-2h-4V7h-2v4H7v2h4zm-6 4q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21z"/></svg>
diff --git a/wgui/uidev-vk/assets/bar/background-off.svg b/wgui/uidev-vk/assets/bar/background-off.svg
new file mode 100644
index 00000000..b757f501
--- /dev/null
+++ b/wgui/uidev-vk/assets/bar/background-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="white" d="M7.5 18q.625 0 1.063-.437T9 16.5t-.437-1.062T7.5 15t-1.062.438T6 16.5t.438 1.063T7.5 18m0-9q.625 0 1.063-.437T9 7.5t-.437-1.062T7.5 6t-1.062.438T6 7.5t.438 1.063T7.5 9m0 4.5q.625 0 1.063-.437T9 12t-.437-1.062T7.5 10.5t-1.062.438T6 12t.438 1.063T7.5 13.5m9 4.5q.625 0 1.063-.437T18 16.5t-.437-1.062T16.5 15t-1.062.438T15 16.5t.438 1.063T16.5 18m0-9q.625 0 1.063-.437T18 7.5t-.437-1.062T16.5 6t-1.062.438T15 7.5t.438 1.063T16.5 9M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21zm0-2h14V5H5zM5 5v14zm11.5 8.5q.625 0 1.063-.437T18 12t-.437-1.062T16.5 10.5t-1.062.438T15 12t.438 1.063t1.062.437M12 9q.625 0 1.063-.437T13.5 7.5t-.437-1.062T12 6t-1.062.438T10.5 7.5t.438 1.063T12 9m0 9q.625 0 1.063-.437T13.5 16.5t-.437-1.062T12 15t-1.062.438T10.5 16.5t.438 1.063T12 18m0-4.5q.625 0 1.063-.437T13.5 12t-.437-1.062T12 10.5t-1.062.438T10.5 12t.438 1.063T12 13.5"/></svg>
diff --git a/wgui/uidev-vk/assets/bar/background.svg b/wgui/uidev-vk/assets/bar/background.svg
new file mode 100644
index 00000000..0b2f7563
--- /dev/null
+++ b/wgui/uidev-vk/assets/bar/background.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="white" d="M7.5 18q.625 0 1.063-.437T9 16.5t-.437-1.062T7.5 15t-1.062.438T6 16.5t.438 1.063T7.5 18m0-9q.625 0 1.063-.437T9 7.5t-.437-1.062T7.5 6t-1.062.438T6 7.5t.438 1.063T7.5 9m0 4.5q.625 0 1.063-.437T9 12t-.437-1.062T7.5 10.5t-1.062.438T6 12t.438 1.063T7.5 13.5m9 4.5q.625 0 1.063-.437T18 16.5t-.437-1.062T16.5 15t-1.062.438T15 16.5t.438 1.063T16.5 18m0-9q.625 0 1.063-.437T18 7.5t-.437-1.062T16.5 6t-1.062.438T15 7.5t.438 1.063T16.5 9M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21zm11.5-7.5q.625 0 1.063-.437T18 12t-.437-1.062T16.5 10.5t-1.062.438T15 12t.438 1.063t1.062.437M12 9q.625 0 1.063-.437T13.5 7.5t-.437-1.062T12 6t-1.062.438T10.5 7.5t.438 1.063T12 9m0 9q.625 0 1.063-.437T13.5 16.5t-.437-1.062T12 15t-1.062.438T10.5 16.5t.438 1.063T12 18m0-4.5q.625 0 1.063-.437T13.5 12t-.437-1.062T12 10.5t-1.062.438T10.5 12t.438 1.063T12 13.5"/></svg>
diff --git a/wgui/uidev-vk/assets/bar/cancel.svg b/wgui/uidev-vk/assets/bar/cancel.svg
new file mode 100644
index 00000000..1bcb38ee
--- /dev/null
+++ b/wgui/uidev-vk/assets/bar/cancel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="white" d="m8.4 17l3.6-3.6l3.6 3.6l1.4-1.4l-3.6-3.6L17 8.4L15.6 7L12 10.6L8.4 7L7 8.4l3.6 3.6L7 15.6zm3.6 5q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22"/></svg>
diff --git a/wgui/uidev-vk/assets/bar/checkbox-checked.svg b/wgui/uidev-vk/assets/bar/checkbox-checked.svg
new file mode 100644
index 00000000..c29bcad3
--- /dev/null
+++ b/wgui/uidev-vk/assets/bar/checkbox-checked.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="white" d="m10.6 16.2l7.05-7.05l-1.4-1.4l-5.65 5.65l-2.85-2.85l-1.4 1.4zM5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21z"/></svg>
diff --git a/wgui/uidev-vk/assets/bar/checkbox.svg b/wgui/uidev-vk/assets/bar/checkbox.svg
new file mode 100644
index 00000000..39b464f8
--- /dev/null
+++ b/wgui/uidev-vk/assets/bar/checkbox.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="white" d="M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21zm0-2h14V5H5z"/></svg>
diff --git a/wgui/uidev-vk/assets/bar/delete.svg b/wgui/uidev-vk/assets/bar/delete.svg
new file mode 100644
index 00000000..a24e9167
--- /dev/null
+++ b/wgui/uidev-vk/assets/bar/delete.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="white" d="M7 21q-.825 0-1.412-.587T5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413T17 21zm2-4h2V8H9zm4 0h2V8h-2z"/></svg>
diff --git a/wgui/uidev-vk/assets/bar/fade.svg b/wgui/uidev-vk/assets/bar/fade.svg
new file mode 100644
index 00000000..492cc337
--- /dev/null
+++ b/wgui/uidev-vk/assets/bar/fade.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="white" d="M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h5v18zm7 0q-.425 0-.712-.288T11 20t.288-.712T12 19t.713.288T13 20t-.288.713T12 21m0-4q-.425 0-.712-.288T11 16t.288-.712T12 15t.713.288T13 16t-.288.713T12 17m0-4q-.425 0-.712-.288T11 12t.288-.712T12 11t.713.288T13 12t-.288.713T12 13m0-4q-.425 0-.712-.288T11 8t.288-.712T12 7t.713.288T13 8t-.288.713T12 9m0-4q-.425 0-.712-.288T11 4t.288-.712T12 3t.713.288T13 4t-.288.713T12 5m2 14q-.425 0-.712-.288T13 18t.288-.712T14 17t.713.288T15 18t-.288.713T14 19m0-4q-.425 0-.712-.288T13 14t.288-.712T14 13t.713.288T15 14t-.288.713T14 15m0-4q-.425 0-.712-.288T13 10t.288-.712T14 9t.713.288T15 10t-.288.713T14 11m0-4q-.425 0-.712-.288T13 6t.288-.712T14 5t.713.288T15 6t-.288.713T14 7m2 14q-.425 0-.712-.288T15 20t.288-.712T16 19t.713.288T17 20t-.288.713T16 21m0-4q-.425 0-.712-.288T15 16t.288-.712T16 15t.713.288T17 16t-.288.713T16 17m0-4q-.425 0-.712-.288T15 12t.288-.712T16 11t.713.288T17 12t-.288.713T16 13m0-4q-.425 0-.712-.288T15 8t.288-.712T16 7t.713.288T17 8t-.288.713T16 9m0-4q-.425 0-.712-.288T15 4t.288-.712T16 3t.713.288T17 4t-.288.713T16 5m2 14q-.425 0-.712-.288T17 18t.288-.712T18 17t.713.288T19 18t-.288.713T18 19m0-4q-.425 0-.712-.288T17 14t.288-.712T18 13t.713.288T19 14t-.288.713T18 15m0-4q-.425 0-.712-.288T17 10t.288-.712T18 9t.713.288T19 10t-.288.713T18 11m0-4q-.425 0-.712-.288T17 6t.288-.712T18 5t.713.288T19 6t-.288.713T18 7m2 14q-.425 0-.712-.288T19 20t.288-.712T20 19t.713.288T21 20t-.288.713T20 21m0-4q-.425 0-.712-.288T19 16t.288-.712T20 15t.713.288T21 16t-.288.713T20 17m0-4q-.425 0-.712-.288T19 12t.288-.712T20 11t.713.288T21 12t-.288.713T20 13m0-4q-.425 0-.712-.288T19 8t.288-.712T20 7t.713.288T21 8t-.288.713T20 9m0-4q-.425 0-.712-.288T19 4t.288-.712T20 3t.713.288T21 4t-.288.713T20 5"/></svg>
diff --git a/wgui/uidev-vk/assets/bar/inout.svg b/wgui/uidev-vk/assets/bar/inout.svg
new file mode 100644
index 00000000..0490d958
--- /dev/null
+++ b/wgui/uidev-vk/assets/bar/inout.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="white" d="M8 13V5.825L5.425 8.4L4 7l5-5l5 5l-1.425 1.4L10 5.825V13zm7 9l-5-5l1.425-1.4L14 18.175V11h2v7.175l2.575-2.575L20 17z"/></svg>
diff --git a/wgui/uidev-vk/assets/bar/lock.svg b/wgui/uidev-vk/assets/bar/lock.svg
new file mode 100644
index 00000000..e83811be
--- /dev/null
+++ b/wgui/uidev-vk/assets/bar/lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="white" d="M6 22q-.825 0-1.412-.587T4 20V10q0-.825.588-1.412T6 8h1V6q0-2.075 1.463-3.537T12 1t3.538 1.463T17 6v2h1q.825 0 1.413.588T20 10v10q0 .825-.587 1.413T18 22zm6-5q.825 0 1.413-.587T14 15t-.587-1.412T12 13t-1.412.588T10 15t.588 1.413T12 17M9 8h6V6q0-1.25-.875-2.125T12 3t-2.125.875T9 6z"/></svg>
diff --git a/wgui/uidev-vk/assets/bar/lock_open.svg b/wgui/uidev-vk/assets/bar/lock_open.svg
new file mode 100644
index 00000000..977433fa
--- /dev/null
+++ b/wgui/uidev-vk/assets/bar/lock_open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="white" d="M6 8h9V6q0-1.25-.875-2.125T12 3t-2.125.875T9 6H7q0-2.075 1.463-3.537T12 1t3.538 1.463T17 6v2h1q.825 0 1.413.588T20 10v10q0 .825-.587 1.413T18 22H6q-.825 0-1.412-.587T4 20V10q0-.825.588-1.412T6 8m6 9q.825 0 1.413-.587T14 15t-.587-1.412T12 13t-1.412.588T10 15t.588 1.413T12 17"/></svg>
diff --git a/wgui/uidev-vk/assets/bar/mouse.svg b/wgui/uidev-vk/assets/bar/mouse.svg
new file mode 100644
index 00000000..978985dc
--- /dev/null
+++ b/wgui/uidev-vk/assets/bar/mouse.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="white" d="M12 22q-2.925 0-4.962-2.037T5 15v-4h14v4q0 2.925-2.037 4.963T12 22M5 9q0-2.625 1.7-4.587T11 2.074V9zm8 0V2.075q2.6.375 4.3 2.338T19 9z"/></svg>
diff --git a/wgui/uidev-vk/assets/bar/mouse_lock.svg b/wgui/uidev-vk/assets/bar/mouse_lock.svg
new file mode 100644
index 00000000..5f865757
--- /dev/null
+++ b/wgui/uidev-vk/assets/bar/mouse_lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="white" d="M15.85 22q-.35 0-.6-.25t-.25-.6v-3.3q0-.35.25-.6t.6-.25H16v-1q0-.825.588-1.412T18 14t1.413.588T20 16v1h.15q.35 0 .6.25t.25.6v3.3q0 .35-.25.6t-.6.25zM17 17h2v-1q0-.425-.288-.712T18 15t-.712.288T17 16zM5 9q0-2.625 1.7-4.587T11 2.074V9zm8 0V2.075q2.6.375 4.3 2.338T19 9zm-1 13q-2.925 0-4.962-2.037T5 15v-4h14v1.1q-.25-.05-.488-.075T18 12q-2.075 0-3.537 1.463T13 17v4.925q-.25.05-.488.063T12 22"/></svg>
diff --git a/wgui/uidev-vk/assets/bar/move-all.svg b/wgui/uidev-vk/assets/bar/move-all.svg
new file mode 100644
index 00000000..1c1ad5cf
--- /dev/null
+++ b/wgui/uidev-vk/assets/bar/move-all.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="white" d="M3 21v-6h2v2.6l3.1-3.1l1.4 1.4L6.4 19H9v2zm12 0v-2h2.6l-3.1-3.1l1.4-1.4l3.1 3.1V15h2v6zM8.1 9.5L5 6.4V9H3V3h6v2H6.4l3.1 3.1zm7.8 0l-1.4-1.4L17.6 5H15V3h6v6h-2V6.4zM12 14q-.825 0-1.412-.587T10 12t.588-1.412T12 10t1.413.588T14 12t-.587 1.413T12 14"/></svg>
diff --git a/wgui/uidev-vk/assets/bar/move-horizontal.svg b/wgui/uidev-vk/assets/bar/move-horizontal.svg
new file mode 100644
index 00000000..3ccc67a2
--- /dev/null
+++ b/wgui/uidev-vk/assets/bar/move-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="white" d="m7 17l-5-5l5-5l1.4 1.4L5.825 11h12.35L15.6 8.4L17 7l5 5l-5 5l-1.4-1.4l2.575-2.6H5.825L8.4 15.6z"/></svg>
diff --git a/wgui/uidev-vk/assets/bar/resize.svg b/wgui/uidev-vk/assets/bar/resize.svg
new file mode 100644
index 00000000..ed581c28
--- /dev/null
+++ b/wgui/uidev-vk/assets/bar/resize.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="white" d="M4 5q-.425 0-.712-.288T3 4t.288-.712T4 3t.713.288T5 4t-.288.713T4 5m4 0q-.425 0-.712-.288T7 4t.288-.712T8 3t.713.288T9 4t-.288.713T8 5m4 0q-.425 0-.712-.288T11 4t.288-.712T12 3t.713.288T13 4t-.288.713T12 5M4 9q-.425 0-.712-.288T3 8t.288-.712T4 7t.713.288T5 8t-.288.713T4 9m0 4q-.425 0-.712-.288T3 12t.288-.712T4 11t.713.288T5 12t-.288.713T4 13m16 0q-.425 0-.712-.288T19 12t.288-.712T20 11t.713.288T21 12t-.288.713T20 13m0 4q-.425 0-.712-.288T19 16t.288-.712T20 15t.713.288T21 16t-.288.713T20 17m-8 4q-.425 0-.712-.288T11 20t.288-.712T12 19t.713.288T13 20t-.288.713T12 21m4 0q-.425 0-.712-.288T15 20t.288-.712T16 19t.713.288T17 20t-.288.713T16 21m4 0q-.425 0-.712-.288T19 20t.288-.712T20 19t.713.288T21 20t-.288.713T20 21M19 8V5h-3q-.425 0-.712-.288T15 4t.288-.712T16 3h3q.825 0 1.413.588T21 5v3q0 .425-.288.713T20 9t-.712-.288T19 8M3 19v-3q0-.425.288-.712T4 15t.713.288T5 16v3h3q.425 0 .713.288T9 20t-.288.713T8 21H5q-.825 0-1.412-.587T3 19"/></svg>
diff --git a/wgui/uidev-vk/assets/bar/screen-add.svg b/wgui/uidev-vk/assets/bar/screen-add.svg
new file mode 100644
index 00000000..96d15de0
--- /dev/null
+++ b/wgui/uidev-vk/assets/bar/screen-add.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="white" d="M11 15h2v-3h3v-2h-3V7h-2v3H8v2h3zm-3 6v-2H4q-.825 0-1.412-.587T2 17V5q0-.825.588-1.412T4 3h16q.825 0 1.413.588T22 5v12q0 .825-.587 1.413T20 19h-4v2z"/></svg>
diff --git a/wgui/uidev-vk/assets/bar/screen-options.svg b/wgui/uidev-vk/assets/bar/screen-options.svg
new file mode 100644
index 00000000..99b6fd34
--- /dev/null
+++ b/wgui/uidev-vk/assets/bar/screen-options.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="white" d="M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.587 1.413T20 20zm7-3h2l.3-1.5q.3-.125.563-.262t.537-.338l1.45.45l1-1.7l-1.15-1q.05-.325.05-.65t-.05-.65l1.15-1l-1-1.7l-1.45.45q-.275-.2-.537-.338T13.3 8.5L13 7h-2l-.3 1.5q-.3.125-.562.263T9.6 9.1l-1.45-.45l-1 1.7l1.15 1q-.05.325-.05.65t.05.65l-1.15 1l1 1.7l1.45-.45q.275.2.538.338t.562.262zm1-3q-.825 0-1.412-.587T10 12t.588-1.412T12 10t1.413.588T14 12t-.587 1.413T12 14"/></svg>
diff --git a/wgui/uidev-vk/assets/bar/screen-remove.svg b/wgui/uidev-vk/assets/bar/screen-remove.svg
new file mode 100644
index 00000000..6fab54cf
--- /dev/null
+++ b/wgui/uidev-vk/assets/bar/screen-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="white" d="M8 12h8v-2H8zm0 9v-2H4q-.825 0-1.412-.587T2 17V5q0-.825.588-1.412T4 3h16q.825 0 1.413.588T22 5v12q0 .825-.587 1.413T20 19h-4v2z"/></svg>
diff --git a/wgui/uidev-vk/assets/gui/bar.xml b/wgui/uidev-vk/assets/gui/bar.xml
new file mode 100644
index 00000000..eaab8fd8
--- /dev/null
+++ b/wgui/uidev-vk/assets/gui/bar.xml
@@ -0,0 +1,50 @@
+<layout>
+  <theme>
+    <var key="bg_color" value="#24273a" />
+    <var key="bg_color_active" value="#44475a" />
+    <var key="device_color" value="#666666" />
+    <var key="text_color" value="#dddddd" />
+    <var key="slider_bg_color" value="#666666" />
+    <var key="slider_fg_color" value="#ffffff" />
+    <var key="slider_text_color" value="#000000" />
+  </theme>
+
+  <elements>
+    <div box_sizing="content_box" flex_direction="column" justify_content="center" align_content="center">
+      <rectangle padding="10" gap="8" round="100%" color="~bg_color" justify_content="center" align_content="center">
+        <rectangle color="~bg_color" padding="8" round="50%">
+          <sprite color="~device_color" width="48" height="48" src="bar/lock_open.svg" />
+        </rectangle>
+        <rectangle color="~bg_color" padding="8" round="50%">
+          <sprite color="~device_color" width="48" height="48" src="bar/mouse.svg" />
+        </rectangle>
+        <rectangle color="~bg_color_active" padding="8" round="50%">
+          <sprite color="~device_color" width="48" height="48" src="bar/fade.svg" />
+        </rectangle>
+        <rectangle color="~bg_color" padding="8" round="50%">
+          <sprite color="~device_color" width="48" height="48" src="bar/move-all.svg" />
+        </rectangle>
+        <rectangle color="~bg_color" padding="8" round="50%">
+          <sprite color="~device_color" width="48" height="48" src="bar/resize.svg" />
+        </rectangle>
+        <rectangle color="~bg_color" padding="8" round="50%">
+          <sprite color="~device_color" width="48" height="48" src="bar/inout.svg" />
+        </rectangle>
+        <rectangle color="~bg_color" padding="8" round="50%">
+          <sprite color="~device_color" width="48" height="48" src="bar/delete.svg" />
+        </rectangle>
+      </rectangle>
+      <rectangle padding="8" gap="8" round="100%" color="~bg_color_active" justify_content="center" align_content="center">
+        <label size="18" text="Opacity" color="~text_color" />
+        <label size="18" text="100%" color="~text_color" weight="bold" />
+        <rectangle width="200" height="20" round="100%" color="~slider_bg_color">
+          <div width="150" />
+          <rectangle width="50" round="100%" color="~slider_fg_color" justify_content="center" align_content="center">
+          </rectangle>
+        </rectangle>
+        <label size="18" text="Additive:" color="~text_color" />
+        <sprite color="~device_color" width="20" height="20" src="bar/checkbox-checked.svg" />
+      </rectangle>
+    </div>
+  </elements>
+</layout>
diff --git a/wgui/uidev-vk/assets/gui/watch.xml b/wgui/uidev-vk/assets/gui/watch.xml
new file mode 100644
index 00000000..7641ca6f
--- /dev/null
+++ b/wgui/uidev-vk/assets/gui/watch.xml
@@ -0,0 +1,50 @@
+<layout>
+  <theme>
+    <var key="border" value="2" />
+    <var key="bg_color" value="#24273a" />
+    <var key="kbd_color" value="#a6da95" />
+    <var key="set_color" value="#cad3f5" />
+    <var key="set_color" value="#dddddd" />
+    <var key="device_color" value="#666666" />
+    <var key="clock0_color" value="#cad3f5" />
+    <var key="clock0_size" value="46" />
+    <var key="clock0_date_size" value="14" />
+    <var key="clock0_dow_size" value="14" />
+    <var key="clock_alt1_color" value="#8bd5ca" />
+    <var key="clock_alt2_color" value="#b7bdf8" />
+    <var key="clock_alt_size" value="24" />
+    <var key="clock_alt_tz_size" value="14" />
+  </theme>
+
+  <elements>
+    <div width="400" height="200">
+      <rectangle width="100%" height="100%" padding="4" box_sizing="content_box" flex_wrap="wrap" gap="16" color="~bg_color">
+        <div width="100%" flex_direction="row">
+          <sprite color="~device_color" width="48" height="48" src="watch/hmd.svg" />
+          <sprite color="~device_color" width="48" height="48" src="watch/controller.svg" />
+          <sprite color="~device_color" width="48" height="48" src="watch/controller.svg" />
+          <sprite color="~device_color" width="48" height="48" src="watch/track3.svg" />
+          <sprite color="~device_color" width="48" height="48" src="watch/track3.svg" />
+          <sprite color="~device_color" width="48" height="48" src="watch/track3.svg" />
+        </div>
+        <div flex_direction="row">
+          <div id="clock_main" flex_direction="column" padding="4">
+            <label text="23:59" id="clock0" color="~clock0_color" size="~clock0_size" weight="bold" />
+            <label text="22/2/2022" id="clock0_date" color="~clock0_color" size="~clock0_date_size" weight="bold" />
+            <div width="100%" padding="2"/>
+            <label text="Friday" id="clock0_dow" color="~clock0_color" size="~clock0_dow_size" weight="bold" />
+          </div>
+          <div width="10" height="100%" />
+          <div id="clock_alt" flex_direction="column" padding="4">
+            <label text="Paris" id="clock1_tz" color="~clock_alt1_color" size="~clock_alt_tz_size" weight="bold" />
+            <div width="100%" padding="2"/>
+            <label text="23:59" id="clock1_time" color="~clock_alt1_color" size="~clock_alt_size" weight="bold" />
+            <label text="Chicago" id="clock2_tz" color="~clock_alt2_color" size="~clock_alt_tz_size" weight="bold" />
+            <div width="100%" padding="2"/>
+            <label text="23:59" id="clock2_time" color="~clock_alt2_color" size="~clock_alt_size" weight="bold" />
+          </div>
+        </div>
+      </rectangle>
+    </div>
+  </elements>
+</layout>
diff --git a/wgui/uidev-vk/assets/watch/controller.svg b/wgui/uidev-vk/assets/watch/controller.svg
new file mode 100644
index 00000000..b788296a
--- /dev/null
+++ b/wgui/uidev-vk/assets/watch/controller.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="white" d="M11 18q-1.65 0-2.825-1.175T7 14q-2.5.025-4.25-1.737T1 8q0-.825.588-1.412T3 6h4V5H5V3h6v2H9v1h3.175q.4 0 .763.15t.637.425l8.375 8.375Q23 16 23 17.45t-1.05 2.5t-2.5 1.05t-2.5-1.05L15 18zm0-4H8.975q0 .825.588 1.413T11 16h2z"/></svg>
diff --git a/wgui/uidev-vk/assets/watch/hmd.svg b/wgui/uidev-vk/assets/watch/hmd.svg
new file mode 100644
index 00000000..7d94e3b9
--- /dev/null
+++ b/wgui/uidev-vk/assets/watch/hmd.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="white" d="M7.5 18q-1.65 0-2.825-1.175T3.5 14V9.925q0-1.275.8-2.238T6.35 6.5q1.425-.275 2.825-.387T12 6t2.838.113t2.812.387q1.25.25 2.05 1.2t.8 2.225V14q0 1.65-1.175 2.825T16.5 18h-1q-.325 0-.65-.038t-.625-.162l-1.6-.55q-.3-.125-.625-.125t-.625.125l-1.6.55q-.3.125-.625.162T8.5 18zm0-2h1q.175 0 .338-.025t.312-.075q.725-.225 1.413-.475t1.437-.25t1.45.238t1.4.487q.15.05.313.075T15.5 16h1q.825 0 1.413-.587T18.5 14V9.925q0-.55-.35-.95t-.875-.525q-1.3-.275-2.613-.362T12 8t-2.65.1t-2.625.35q-.525.1-.875.513t-.35.962V14q0 .825.588 1.413T7.5 16M1 14v-4h1.5v4zm20.5 0v-4H23v4zm-14 2q-.825 0-1.412-.587T5.5 14V9.925q0-.55.35-.962t.875-.513Q8.05 8.2 9.35 8.1T12 8t2.663.088t2.612.362q.525.125.875.525t.35.95V14q0 .825-.587 1.413T16.5 16h-1q-.175 0-.337-.025t-.313-.075q-.7-.25-1.4-.488T12 15.176t-1.437.25t-1.413.475q-.15.05-.312.075T8.5 16z"/></svg>
diff --git a/wgui/uidev-vk/assets/watch/keyboard.svg b/wgui/uidev-vk/assets/watch/keyboard.svg
new file mode 100644
index 00000000..fb614bfb
--- /dev/null
+++ b/wgui/uidev-vk/assets/watch/keyboard.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="white" d="M4 19q-.825 0-1.412-.587T2 17V7q0-.825.588-1.412T4 5h16q.825 0 1.413.588T22 7v10q0 .825-.587 1.413T20 19zm4-3h8v-2H8zm-3-3h2v-2H5zm3 0h2v-2H8zm3 0h2v-2h-2zm3 0h2v-2h-2zm3 0h2v-2h-2zM5 10h2V8H5zm3 0h2V8H8zm3 0h2V8h-2zm3 0h2V8h-2zm3 0h2V8h-2z"/></svg>
diff --git a/wgui/uidev-vk/assets/watch/settings.svg b/wgui/uidev-vk/assets/watch/settings.svg
new file mode 100644
index 00000000..94122609
--- /dev/null
+++ b/wgui/uidev-vk/assets/watch/settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="white" d="m9.25 22l-.4-3.2q-.325-.125-.612-.3t-.563-.375L4.7 19.375l-2.75-4.75l2.575-1.95Q4.5 12.5 4.5 12.338v-.675q0-.163.025-.338L1.95 9.375l2.75-4.75l2.975 1.25q.275-.2.575-.375t.6-.3l.4-3.2h5.5l.4 3.2q.325.125.613.3t.562.375l2.975-1.25l2.75 4.75l-2.575 1.95q.025.175.025.338v.674q0 .163-.05.338l2.575 1.95l-2.75 4.75l-2.95-1.25q-.275.2-.575.375t-.6.3l-.4 3.2zm2.8-6.5q1.45 0 2.475-1.025T15.55 12t-1.025-2.475T12.05 8.5q-1.475 0-2.488 1.025T8.55 12t1.013 2.475T12.05 15.5"/></svg>
diff --git a/wgui/uidev-vk/assets/watch/track.svg b/wgui/uidev-vk/assets/watch/track.svg
new file mode 100644
index 00000000..508603f3
--- /dev/null
+++ b/wgui/uidev-vk/assets/watch/track.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="white" d="M11 23v-2q-3.125-.35-5.363-2.588T3.05 13.05h-2v-2h2q.35-3.125 2.588-5.363T11 3.1v-2h2v2q3.125.35 5.363 2.588t2.587 5.362h2v2h-2q-.35 3.125-2.587 5.363T13 21v2zm1-3.95q2.9 0 4.95-2.05T19 12.05T16.95 7.1T12 5.05T7.05 7.1T5 12.05T7.05 17T12 19.05"/></svg>
diff --git a/wgui/uidev-vk/assets/watch/track2.svg b/wgui/uidev-vk/assets/watch/track2.svg
new file mode 100644
index 00000000..2f10406f
--- /dev/null
+++ b/wgui/uidev-vk/assets/watch/track2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="white" d="M11 22.95v-2q-3.125-.35-5.363-2.587T3.05 13h-2v-2h2q.35-3.125 2.588-5.363T11 3.05v-2h2v2q3.125.35 5.363 2.588T20.95 11h2v2h-2q-.35 3.125-2.587 5.363T13 20.95v2zM12 19q2.9 0 4.95-2.05T19 12t-2.05-4.95T12 5T7.05 7.05T5 12t2.05 4.95T12 19m0-3q-1.65 0-2.825-1.175T8 12t1.175-2.825T12 8t2.825 1.175T16 12t-1.175 2.825T12 16"/></svg>
diff --git a/wgui/uidev-vk/assets/watch/track3.svg b/wgui/uidev-vk/assets/watch/track3.svg
new file mode 100644
index 00000000..3e1b821b
--- /dev/null
+++ b/wgui/uidev-vk/assets/watch/track3.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="white" d="M8 19q-2.925 0-4.962-2.037T1 12t2.038-4.962T8 5h8q2.925 0 4.963 2.038T23 12t-2.037 4.963T16 19zm.75-7.75q0 1.525 1.025 2.663T12 16q1.2-.95 2.225-2.087t1.025-2.663q0-1.35-.95-2.3T12 8t-2.3.95t-.95 2.3M12 12q-.425 0-.712-.288T11 11t.288-.712T12 10t.713.288T13 11t-.288.713T12 12"/></svg>
diff --git a/wgui/uidev-vk/src/main.rs b/wgui/uidev-vk/src/main.rs
index 18e879ec..4f7d7bd1 100644
--- a/wgui/uidev-vk/src/main.rs
+++ b/wgui/uidev-vk/src/main.rs
@@ -1,6 +1,6 @@
 use glam::{Vec2, vec2};
 use std::sync::Arc;
-use testbed::Testbed;
+use testbed::{Testbed, testbed_any::TestbedAny};
 use timestep::Timestep;
 use tracing_subscriber::EnvFilter;
 use tracing_subscriber::filter::LevelFilter;
@@ -56,7 +56,8 @@ fn load_testbed() -> anyhow::Result<Box<dyn Testbed>> {
 	let name = std::env::var("TESTBED").unwrap_or_default();
 	Ok(match name.as_str() {
 		"dashboard" => Box::new(TestbedDashboard::new()?),
-		_ => Box::new(TestbedGeneric::new()?),
+		"" => Box::new(TestbedGeneric::new()?),
+		_ => Box::new(TestbedAny::new(&name)?),
 	})
 }
 
diff --git a/wgui/uidev-vk/src/testbed/mod.rs b/wgui/uidev-vk/src/testbed/mod.rs
index f57d0cfd..cdf6c234 100644
--- a/wgui/uidev-vk/src/testbed/mod.rs
+++ b/wgui/uidev-vk/src/testbed/mod.rs
@@ -1,5 +1,6 @@
 use wgui::layout::Layout;
 
+pub mod testbed_any;
 pub mod testbed_dashboard;
 pub mod testbed_generic;
 
diff --git a/wgui/uidev-vk/src/testbed/testbed_any.rs b/wgui/uidev-vk/src/testbed/testbed_any.rs
new file mode 100644
index 00000000..7faa135e
--- /dev/null
+++ b/wgui/uidev-vk/src/testbed/testbed_any.rs
@@ -0,0 +1,33 @@
+use crate::{assets, testbed::Testbed};
+use glam::Vec2;
+use wgui::layout::Layout;
+
+pub struct TestbedAny {
+	pub layout: Layout,
+}
+
+impl TestbedAny {
+	pub fn new(name: &str) -> anyhow::Result<Self> {
+		let path = format!("gui/{name}.xml");
+		let mut layout = Layout::new(Box::new(assets::Asset {}))?;
+
+		let parent = layout.root_widget;
+
+		let _res = wgui::parser::parse_from_assets(&mut layout, parent, &path)?;
+
+		Ok(Self { layout })
+	}
+}
+
+impl Testbed for TestbedAny {
+	fn update(&mut self, width: f32, height: f32, timestep_alpha: f32) -> anyhow::Result<()> {
+		self
+			.layout
+			.update(Vec2::new(width, height), timestep_alpha)?;
+		Ok(())
+	}
+
+	fn layout(&mut self) -> &mut Layout {
+		&mut self.layout
+	}
+}