hazo_ui 4.3.1 → 4.6.0

package/dist/test-harness/index.cjs

@@ -1,14 +1,32 @@
 'use strict';
 
-var React = require('react');
+var React4 = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
+var reactSlot = require('@radix-ui/react-slot');
+var classVarianceAuthority = require('class-variance-authority');
 var client = require('hazo_core/client');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
 
-var React__default = /*#__PURE__*/_interopDefault(React);
+var React4__namespace = /*#__PURE__*/_interopNamespace(React4);
 
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -55,9 +73,9 @@ function AppSidebar({
   pkg,
   navItems
 }) {
-  const [collapsed, set_collapsed] = React.useState(false);
-  const [current_path, set_current_path] = React.useState("/");
-  React__default.default.useEffect(() => {
+  const [collapsed, set_collapsed] = React4.useState(false);
+  const [current_path, set_current_path] = React4.useState("/");
+  React4__namespace.default.useEffect(() => {
     function update_path() {
       set_current_path(window.location.pathname);
     }
@@ -141,7 +159,7 @@ function getRegistry() {
 function clearRegistry() {
   registry.clear();
 }
-var AutoTestContext = React.createContext(null);
+var AutoTestContext = React4.createContext(null);
 function build_initial_state() {
   const registry2 = getRegistry();
   const map = /* @__PURE__ */ new Map();
@@ -163,12 +181,12 @@ function AutoTestProvider({
   pkg: _pkg,
   children
 }) {
-  const [scenarios, set_scenarios] = React.useState(
+  const [scenarios, set_scenarios] = React4.useState(
     () => build_initial_state()
   );
-  const scenarios_ref = React.useRef(scenarios);
+  const scenarios_ref = React4.useRef(scenarios);
   scenarios_ref.current = scenarios;
-  const update_scenario = React.useCallback(
+  const update_scenario = React4.useCallback(
     (id, updater) => {
       set_scenarios((prev) => {
         const next = new Map(prev);
@@ -181,7 +199,7 @@ function AutoTestProvider({
     },
     []
   );
-  const runScenario = React.useCallback(
+  const runScenario = React4.useCallback(
     async (id) => {
       const registry2 = getRegistry();
       const scenario = registry2.get(id);
@@ -236,13 +254,13 @@ function AutoTestProvider({
     },
     [update_scenario]
   );
-  const runAll = React.useCallback(async () => {
+  const runAll = React4.useCallback(async () => {
     const ids = Array.from(getRegistry().keys());
     for (const id of ids) {
       await runScenario(id);
     }
   }, [runScenario]);
-  const reset = React.useCallback(() => {
+  const reset = React4.useCallback(() => {
     set_scenarios(build_initial_state());
   }, []);
   const value = {
@@ -254,12 +272,76 @@ function AutoTestProvider({
   return /* @__PURE__ */ jsxRuntime.jsx(AutoTestContext.Provider, { value, children });
 }
 function useAutoTest() {
-  const ctx = React.useContext(AutoTestContext);
+  const ctx = React4.useContext(AutoTestContext);
   if (!ctx) {
     throw new Error("useAutoTest must be used within an <AutoTestProvider>");
   }
   return ctx;
 }
+var buttonVariants = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React4__namespace.forwardRef(
+  ({ className, variant, size, asChild = false, style, ...props }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "button";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        style,
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var Card = React4__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", className), ...props })
+);
+Card.displayName = "Card";
+var CardHeader = React4__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
+);
+CardHeader.displayName = "CardHeader";
+var CardTitle = React4__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("h3", { ref, className: cn("text-2xl font-semibold leading-none tracking-tight", className), ...props })
+);
+CardTitle.displayName = "CardTitle";
+var CardDescription = React4__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("p", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
+);
+CardDescription.displayName = "CardDescription";
+var CardContent = React4__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-6 pt-0", className), ...props })
+);
+CardContent.displayName = "CardContent";
+var CardFooter = React4__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
+);
+CardFooter.displayName = "CardFooter";
 
 // src/test-harness/scenarios/assertions.ts
 function capture_call_site(stack) {
@@ -761,7 +843,7 @@ async function build_copy_all_text(failed_cases) {
 function CopyAllFailuresButton({
   failedCases
 }) {
-  const [state, set_state] = React.useState("idle");
+  const [state, set_state] = React4.useState("idle");
   async function handle_click() {
     set_state("copying");
     try {
@@ -832,7 +914,7 @@ function CopySinglePromptButton({
   case_result,
   pkg
 }) {
-  const [copied, set_copied] = React.useState(false);
+  const [copied, set_copied] = React4.useState(false);
   async function handle_copy() {
     const scenario = getRegistry().get(scenario_id);
     if (!case_result.error) return;
@@ -866,7 +948,7 @@ function CaseRow({
   scenario_id,
   pkg
 }) {
-  const [expanded, set_expanded] = React.useState(false);
+  const [expanded, set_expanded] = React4.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-2", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
       c.doc && /* @__PURE__ */ jsxRuntime.jsx(
@@ -923,10 +1005,10 @@ function ScenarioRow({
   pkg
 }) {
   const { runScenario } = useAutoTest();
-  const [expanded, set_expanded] = React.useState(false);
+  const [expanded, set_expanded] = React4.useState(false);
   const is_running = scenario.status === "running";
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border border-gray-200 rounded-lg overflow-hidden", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4 py-3 bg-gray-50", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { className: "flex flex-row items-center justify-between px-4 py-3 bg-gray-50 space-y-0", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "button",
@@ -947,19 +1029,17 @@ function ScenarioRow({
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
+        Button,
         {
+          variant: "secondary",
+          size: "sm",
           disabled: is_running,
           onClick: () => runScenario(scenario.id),
-          className: cn(
-            "px-3 py-1 rounded text-xs font-medium transition-colors",
-            is_running ? "bg-gray-100 text-gray-400 cursor-not-allowed" : "bg-blue-600 text-white hover:bg-blue-700 cursor-pointer"
-          ),
           children: is_running ? "Running..." : "Run"
         }
       )
     ] }),
-    expanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-gray-100", children: scenario.cases.map((c, i) => /* @__PURE__ */ jsxRuntime.jsx(CaseRow, { c, scenario_id: scenario.id, pkg }, i)) })
+    expanded && /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: "p-0", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-gray-100", children: scenario.cases.map((c, i) => /* @__PURE__ */ jsxRuntime.jsx(CaseRow, { c, scenario_id: scenario.id, pkg }, i)) }) })
   ] });
 }
 function AutoTestRunner() {
@@ -995,23 +1075,16 @@ function AutoTestRunner() {
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
         failed_cases_flat.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(CopyAllFailuresButton, { failedCases: failed_cases_flat }),
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", size: "sm", onClick: reset, disabled: any_running, children: "Reset" }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            onClick: reset,
-            disabled: any_running,
-            className: "px-3 py-1.5 rounded text-xs font-medium border border-gray-300 text-gray-600 hover:bg-gray-50 disabled:opacity-50",
-            children: "Reset"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
+          Button,
           {
             onClick: runAll,
             disabled: any_running,
+            size: "sm",
             className: cn(
-              "px-4 py-1.5 rounded text-xs font-medium transition-colors",
-              any_running ? "bg-gray-100 text-gray-400 cursor-not-allowed" : "bg-green-600 text-white hover:bg-green-700 cursor-pointer"
+              "bg-green-600 text-white hover:bg-green-700",
+              any_running && "bg-gray-100 text-gray-400 hover:bg-gray-100 cursor-not-allowed"
             ),
             children: any_running ? "Running..." : "Run All"
           }