update styling

Author: Oskar Schiedewitz

src/components/WidgetWorkbench.tsx

@@ -22,7 +22,9 @@ export function WidgetWorkbench({
     (w) => w.elements?.composer ?? (w as any)?.composer
   );
   const defaultKey =
-    composerWidgets[0]?.registryName ?? composerWidgets[0]?.type ?? ADD_WIDGET_KEY;
+    composerWidgets[0]?.registryName ??
+    composerWidgets[0]?.type ??
+    ADD_WIDGET_KEY;
   const [mode, setMode] = useState<string>(defaultKey);
   const [removeNotice, setRemoveNotice] = useState<string>("");
 
@@ -101,7 +103,7 @@ export function WidgetWorkbench({
               }`}
               onClick={() => setMode(ADD_WIDGET_KEY)}
             >
-              +
+              ➕
             </button>
             <button
               type="button"
@@ -110,7 +112,7 @@ export function WidgetWorkbench({
               }`}
               onClick={() => setMode(DEMO_TAB_KEY)}
             >
-              Demo
+              🔎
             </button>
             {composerWidgets.map((w) => (
               <div

src/styles/workbench.css

@@ -12,6 +12,13 @@
   margin: 0;
 }
 
+.pill-row {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: var(--space-2);
+}
+
 /* Full-page workbench modal */
 .workbench-modal {
   background: var(--surface);
@@ -442,6 +449,19 @@
   gap: 0;
 }
 
+.pill-row .pill-toggle,
+.pill-row .pill-group__label,
+.pill-row .pill-group__remove {
+  box-shadow: none;
+}
+
+.pill-row .pill-toggle:hover,
+.pill-row .pill-group__label:hover,
+.pill-row .pill-group__remove:hover {
+  box-shadow: none;
+  transform: none;
+}
+
 .pill-group__label,
 .pill-group__remove {
   background: transparent;

src/widgets/demoDiagnostics.ts

@@ -71,7 +71,8 @@ export const HEURISTIC_RULES: HeuristicRule[] = [
       hit:
         action.action === "addVote" &&
         action.added.length === 0 &&
-        action.deleted.length === 0,
+        action.deleted.length === 0 &&
+        action.beforeCount === action.afterCount,
       detail: "Action returned but did not persist a vote",
     }),
   },
@@ -199,6 +200,7 @@ export const DEMO_STREAMS: Record<string, DemoStream[]> = {
         };
 
         const pollId = await createAndResolveId(prompt, options);
+        await wait(5);
         const pollId2 = await createAndResolveId(prompt2, options2);
 
         await wait(5);