public/bluebey-studio: 戻す/やり直すをタブの上へ、口パクをうごきへ

元に戻す・やり直すをパネル上部の常時表示バー（アイコン）に移し、どのタブでも使えるようにした。同じバーに「すべてをランダムに」（スタイル・ポーズ・顔・テーマ）を追加。

「口パク」を顔タブから「うごき」の中へ統合した。

「顔をランダムに」が口の高さ・傾き・はば・頭の模様も変えるようにした。

1 files changed, 11 insertions, 0 deletions

diff --git a/public/bluebey-studio/src/ui.js b/public/bluebey-studio/src/ui.js
index 46c5adb..b4c7d24 100644
--- a/public/bluebey-studio/src/ui.js
+++ b/public/bluebey-studio/src/ui.js
@@ -95,6 +95,17 @@ function secIcon(d) {
 }
 
 /**
+ * A standalone 24x24 stroke icon (the same drawing as a tab's), for a plain
+ * button that has no label of its own.
+ */
+export function icon(d, size = 18) {
+  const svg = tabIcon(d);
+  svg.setAttribute('width', String(size));
+  svg.setAttribute('height', String(size));
+  return svg;
+}
+
+/**
  * Tabbed container: returns the per-tab panels to fill in. When a definition
  * carries an `icon` (an SVG path `d`) the tab shows only that icon, and the
  * label becomes its tooltip and accessible name; without one the label shows.