need to fix window message

website/src/repl/components/panel/Forms.jsx

@@ -0,0 +1,23 @@
+import cx from '@src/cx.mjs';
+
+export function ButtonGroup({ value, onChange, items }) {
+  return (
+    <div className="flex max-w-lg">
+      {Object.entries(items).map(([key, label], i, arr) => (
+        <button
+          key={key}
+          onClick={() => onChange(key)}
+          className={cx(
+            'px-2 border-b h-8 whitespace-nowrap',
+            // i === 0 && 'rounded-l-md',
+            // i === arr.length - 1 && 'rounded-r-md',
+            // value === key ? 'bg-background' : 'bg-lineHighlight',
+            value === key ? 'border-foreground' : 'border-transparent',
+          )}
+        >
+          {label.toLowerCase()}
+        </button>
+      ))}
+    </div>
+  );
+}