@open-mercato/core 0.5.1-develop.2856.35de414092 → 0.5.1-develop.2874.77704bccbd

package/dist/modules/workflows/components/mobile/MobileWorkflowTimeline.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/components/mobile/MobileWorkflowTimeline.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { NODE_TYPE_ICONS, type NodeType } from '../../lib/node-type-icons'\nimport { CheckCircle2, Circle, AlertCircle, Loader2 } from 'lucide-react'\n\nexport interface TimelineStep {\n  id: string\n  label: string\n  type: string\n  status: 'completed' | 'active' | 'pending' | 'failed' | 'skipped'\n  duration?: string | null\n}\n\ninterface MobileWorkflowTimelineProps {\n  steps: TimelineStep[]\n}\n\nconst STATUS_CONFIG = {\n  completed: {\n    borderColor: 'border-l-emerald-500',\n    bgColor: 'bg-emerald-50 dark:bg-emerald-950/30',\n    icon: CheckCircle2,\n    iconColor: 'text-emerald-600',\n    dotColor: 'bg-emerald-500',\n  },\n  active: {\n    borderColor: 'border-l-blue-500',\n    bgColor: 'bg-blue-50 dark:bg-blue-950/30',\n    icon: Loader2,\n    iconColor: 'text-blue-600',\n    dotColor: 'bg-blue-500',\n  },\n  pending: {\n    borderColor: 'border-l-gray-300 dark:border-l-gray-600',\n    bgColor: 'bg-gray-50 dark:bg-gray-900/30',\n    icon: Circle,\n    iconColor: 'text-gray-400',\n    dotColor: 'bg-gray-300 dark:bg-gray-600',\n  },\n  failed: {\n    borderColor: 'border-l-red-500',\n    bgColor: 'bg-red-50 dark:bg-red-950/30',\n    icon: AlertCircle,\n    iconColor: 'text-red-600',\n    dotColor: 'bg-red-500',\n  },\n  skipped: {\n    borderColor: 'border-l-yellow-400',\n    bgColor: 'bg-yellow-50 dark:bg-yellow-950/30',\n    icon: Circle,\n    iconColor: 'text-yellow-500',\n    dotColor: 'bg-yellow-400',\n  },\n} as const\n\nexport function MobileWorkflowTimeline({ steps }: MobileWorkflowTimelineProps) {\n  const t = useT()\n\n  if (steps.length === 0) {\n    return (\n      <p className=\"text-sm text-muted-foreground py-4 text-center\">\n        {t('workflows.mobile.noSteps', 'No steps defined yet.')}\n      </p>\n    )\n  }\n\n  return (\n    <div className=\"space-y-0\">\n      {steps.map((step, idx) => {\n        const config = STATUS_CONFIG[step.status]\n        const StatusIcon = config.icon\n        const NodeIcon = NODE_TYPE_ICONS[step.type as NodeType] || Circle\n        const isLast = idx === steps.length - 1\n\n        return (\n          <div key={step.id} className=\"relative flex gap-3\">\n            <div className=\"flex flex-col items-center\">\n              <div className={`h-3 w-3 shrink-0 rounded-full ${config.dotColor} mt-3 ring-2 ring-background`} />\n              {!isLast && <div className=\"w-0.5 flex-1 bg-gray-200 dark:bg-gray-700\" />}\n            </div>\n\n            <div className={`mb-2 flex-1 rounded-lg border-l-4 ${config.borderColor} ${config.bgColor} p-3`}>\n              <div className=\"flex items-start justify-between gap-2\">\n                <div className=\"min-w-0 flex-1\">\n                  <div className=\"flex items-center gap-2\">\n                    <NodeIcon className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\" />\n                    <span className=\"truncate text-sm font-medium text-foreground\">{step.label}</span>\n                  </div>\n                  <div className=\"mt-1 flex flex-wrap items-center gap-2\">\n                    <span className=\"inline-flex items-center rounded bg-background/60 px-1.5 py-0.5 text-[10px] font-medium uppercase text-muted-foreground\">\n                      {step.type}\n                    </span>\n                    {step.duration && (\n                      <span className=\"text-[10px] text-muted-foreground\">{step.duration}</span>\n                    )}\n                  </div>\n                </div>\n                <StatusIcon className={`h-4 w-4 shrink-0 ${config.iconColor} ${step.status === 'active' ? 'animate-spin' : ''}`} />\n              </div>\n            </div>\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n"],
-  "mappings": ";AA6DM,cAgBM,YAhBN;AA3DN,SAAS,YAAY;AACrB,SAAS,uBAAsC;AAC/C,SAAS,cAAc,QAAQ,aAAa,eAAe;AAc3D,MAAM,gBAAgB;AAAA,EACpB,WAAW;AAAA,IACT,aAAa;AAAA,IACb,SAAS;AAAA,IACT,MAAM;AAAA,IACN,WAAW;AAAA,IACX,UAAU;AAAA,EACZ;AAAA,EACA,QAAQ;AAAA,IACN,aAAa;AAAA,IACb,SAAS;AAAA,IACT,MAAM;AAAA,IACN,WAAW;AAAA,IACX,UAAU;AAAA,EACZ;AAAA,EACA,SAAS;AAAA,IACP,aAAa;AAAA,IACb,SAAS;AAAA,IACT,MAAM;AAAA,IACN,WAAW;AAAA,IACX,UAAU;AAAA,EACZ;AAAA,EACA,QAAQ;AAAA,IACN,aAAa;AAAA,IACb,SAAS;AAAA,IACT,MAAM;AAAA,IACN,WAAW;AAAA,IACX,UAAU;AAAA,EACZ;AAAA,EACA,SAAS;AAAA,IACP,aAAa;AAAA,IACb,SAAS;AAAA,IACT,MAAM;AAAA,IACN,WAAW;AAAA,IACX,UAAU;AAAA,EACZ;AACF;AAEO,SAAS,uBAAuB,EAAE,MAAM,GAAgC;AAC7E,QAAM,IAAI,KAAK;AAEf,MAAI,MAAM,WAAW,GAAG;AACtB,WACE,oBAAC,OAAE,WAAU,kDACV,YAAE,4BAA4B,uBAAuB,GACxD;AAAA,EAEJ;AAEA,SACE,oBAAC,SAAI,WAAU,aACZ,gBAAM,IAAI,CAAC,MAAM,QAAQ;AACxB,UAAM,SAAS,cAAc,KAAK,MAAM;AACxC,UAAM,aAAa,OAAO;AAC1B,UAAM,WAAW,gBAAgB,KAAK,IAAgB,KAAK;AAC3D,UAAM,SAAS,QAAQ,MAAM,SAAS;AAEtC,WACE,qBAAC,SAAkB,WAAU,uBAC3B;AAAA,2BAAC,SAAI,WAAU,8BACb;AAAA,4BAAC,SAAI,WAAW,iCAAiC,OAAO,QAAQ,gCAAgC;AAAA,QAC/F,CAAC,UAAU,oBAAC,SAAI,WAAU,6CAA4C;AAAA,SACzE;AAAA,MAEA,oBAAC,SAAI,WAAW,qCAAqC,OAAO,WAAW,IAAI,OAAO,OAAO,QACvF,+BAAC,SAAI,WAAU,0CACb;AAAA,6BAAC,SAAI,WAAU,kBACb;AAAA,+BAAC,SAAI,WAAU,2BACb;AAAA,gCAAC,YAAS,WAAU,8CAA6C;AAAA,YACjE,oBAAC,UAAK,WAAU,gDAAgD,eAAK,OAAM;AAAA,aAC7E;AAAA,UACA,qBAAC,SAAI,WAAU,0CACb;AAAA,gCAAC,UAAK,WAAU,2HACb,eAAK,MACR;AAAA,YACC,KAAK,YACJ,oBAAC,UAAK,WAAU,qCAAqC,eAAK,UAAS;AAAA,aAEvE;AAAA,WACF;AAAA,QACA,oBAAC,cAAW,WAAW,oBAAoB,OAAO,SAAS,IAAI,KAAK,WAAW,WAAW,iBAAiB,EAAE,IAAI;AAAA,SACnH,GACF;AAAA,SAxBQ,KAAK,EAyBf;AAAA,EAEJ,CAAC,GACH;AAEJ;",
+  "sourcesContent": ["'use client'\n\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { NODE_TYPE_ICONS, type NodeType } from '../../lib/node-type-icons'\nimport { CheckCircle2, Circle, AlertCircle, Loader2 } from 'lucide-react'\n\nexport interface TimelineStep {\n  id: string\n  label: string\n  type: string\n  status: 'completed' | 'active' | 'pending' | 'failed' | 'skipped'\n  duration?: string | null\n}\n\ninterface MobileWorkflowTimelineProps {\n  steps: TimelineStep[]\n}\n\nconst STATUS_CONFIG = {\n  completed: {\n    borderColor: 'border-l-status-success-border',\n    bgColor: 'bg-status-success-bg',\n    icon: CheckCircle2,\n    iconColor: 'text-status-success-icon',\n    dotColor: 'bg-status-success-icon',\n  },\n  active: {\n    borderColor: 'border-l-status-info-border',\n    bgColor: 'bg-status-info-bg',\n    icon: Loader2,\n    iconColor: 'text-status-info-icon',\n    dotColor: 'bg-status-info-icon',\n  },\n  pending: {\n    borderColor: 'border-l-status-neutral-border',\n    bgColor: 'bg-status-neutral-bg',\n    icon: Circle,\n    iconColor: 'text-status-neutral-icon',\n    dotColor: 'bg-status-neutral-icon',\n  },\n  failed: {\n    borderColor: 'border-l-status-error-border',\n    bgColor: 'bg-status-error-bg',\n    icon: AlertCircle,\n    iconColor: 'text-status-error-icon',\n    dotColor: 'bg-status-error-icon',\n  },\n  skipped: {\n    borderColor: 'border-l-status-warning-border',\n    bgColor: 'bg-status-warning-bg',\n    icon: Circle,\n    iconColor: 'text-status-warning-icon',\n    dotColor: 'bg-status-warning-icon',\n  },\n} as const\n\nexport function MobileWorkflowTimeline({ steps }: MobileWorkflowTimelineProps) {\n  const t = useT()\n\n  if (steps.length === 0) {\n    return (\n      <p className=\"text-sm text-muted-foreground py-4 text-center\">\n        {t('workflows.mobile.noSteps', 'No steps defined yet.')}\n      </p>\n    )\n  }\n\n  return (\n    <div className=\"space-y-0\">\n      {steps.map((step, idx) => {\n        const config = STATUS_CONFIG[step.status]\n        const StatusIcon = config.icon\n        const NodeIcon = NODE_TYPE_ICONS[step.type as NodeType] || Circle\n        const isLast = idx === steps.length - 1\n\n        return (\n          <div key={step.id} className=\"relative flex gap-3\">\n            <div className=\"flex flex-col items-center\">\n              <div className={`h-3 w-3 shrink-0 rounded-full ${config.dotColor} mt-3 ring-2 ring-background`} />\n              {!isLast && <div className=\"w-0.5 flex-1 bg-border\" />}\n            </div>\n\n            <div className={`mb-2 flex-1 rounded-lg border-l-4 ${config.borderColor} ${config.bgColor} p-3`}>\n              <div className=\"flex items-start justify-between gap-2\">\n                <div className=\"min-w-0 flex-1\">\n                  <div className=\"flex items-center gap-2\">\n                    <NodeIcon className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\" />\n                    <span className=\"truncate text-sm font-medium text-foreground\">{step.label}</span>\n                  </div>\n                  <div className=\"mt-1 flex flex-wrap items-center gap-2\">\n                    <span className=\"inline-flex items-center rounded bg-background/80 px-1.5 py-0.5 text-overline font-medium uppercase text-muted-foreground\">\n                      {step.type}\n                    </span>\n                    {step.duration && (\n                      <span className=\"text-overline text-muted-foreground\">{step.duration}</span>\n                    )}\n                  </div>\n                </div>\n                <StatusIcon className={`h-4 w-4 shrink-0 ${config.iconColor} ${step.status === 'active' ? 'animate-spin' : ''}`} />\n              </div>\n            </div>\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n"],
+  "mappings": ";AA6DM,cAgBM,YAhBN;AA3DN,SAAS,YAAY;AACrB,SAAS,uBAAsC;AAC/C,SAAS,cAAc,QAAQ,aAAa,eAAe;AAc3D,MAAM,gBAAgB;AAAA,EACpB,WAAW;AAAA,IACT,aAAa;AAAA,IACb,SAAS;AAAA,IACT,MAAM;AAAA,IACN,WAAW;AAAA,IACX,UAAU;AAAA,EACZ;AAAA,EACA,QAAQ;AAAA,IACN,aAAa;AAAA,IACb,SAAS;AAAA,IACT,MAAM;AAAA,IACN,WAAW;AAAA,IACX,UAAU;AAAA,EACZ;AAAA,EACA,SAAS;AAAA,IACP,aAAa;AAAA,IACb,SAAS;AAAA,IACT,MAAM;AAAA,IACN,WAAW;AAAA,IACX,UAAU;AAAA,EACZ;AAAA,EACA,QAAQ;AAAA,IACN,aAAa;AAAA,IACb,SAAS;AAAA,IACT,MAAM;AAAA,IACN,WAAW;AAAA,IACX,UAAU;AAAA,EACZ;AAAA,EACA,SAAS;AAAA,IACP,aAAa;AAAA,IACb,SAAS;AAAA,IACT,MAAM;AAAA,IACN,WAAW;AAAA,IACX,UAAU;AAAA,EACZ;AACF;AAEO,SAAS,uBAAuB,EAAE,MAAM,GAAgC;AAC7E,QAAM,IAAI,KAAK;AAEf,MAAI,MAAM,WAAW,GAAG;AACtB,WACE,oBAAC,OAAE,WAAU,kDACV,YAAE,4BAA4B,uBAAuB,GACxD;AAAA,EAEJ;AAEA,SACE,oBAAC,SAAI,WAAU,aACZ,gBAAM,IAAI,CAAC,MAAM,QAAQ;AACxB,UAAM,SAAS,cAAc,KAAK,MAAM;AACxC,UAAM,aAAa,OAAO;AAC1B,UAAM,WAAW,gBAAgB,KAAK,IAAgB,KAAK;AAC3D,UAAM,SAAS,QAAQ,MAAM,SAAS;AAEtC,WACE,qBAAC,SAAkB,WAAU,uBAC3B;AAAA,2BAAC,SAAI,WAAU,8BACb;AAAA,4BAAC,SAAI,WAAW,iCAAiC,OAAO,QAAQ,gCAAgC;AAAA,QAC/F,CAAC,UAAU,oBAAC,SAAI,WAAU,0BAAyB;AAAA,SACtD;AAAA,MAEA,oBAAC,SAAI,WAAW,qCAAqC,OAAO,WAAW,IAAI,OAAO,OAAO,QACvF,+BAAC,SAAI,WAAU,0CACb;AAAA,6BAAC,SAAI,WAAU,kBACb;AAAA,+BAAC,SAAI,WAAU,2BACb;AAAA,gCAAC,YAAS,WAAU,8CAA6C;AAAA,YACjE,oBAAC,UAAK,WAAU,gDAAgD,eAAK,OAAM;AAAA,aAC7E;AAAA,UACA,qBAAC,SAAI,WAAU,0CACb;AAAA,gCAAC,UAAK,WAAU,6HACb,eAAK,MACR;AAAA,YACC,KAAK,YACJ,oBAAC,UAAK,WAAU,uCAAuC,eAAK,UAAS;AAAA,aAEzE;AAAA,WACF;AAAA,QACA,oBAAC,cAAW,WAAW,oBAAoB,OAAO,SAAS,IAAI,KAAK,WAAW,WAAW,iBAAiB,EAAE,IAAI;AAAA,SACnH,GACF;AAAA,SAxBQ,KAAK,EAyBf;AAAA,EAEJ,CAAC,GACH;AAEJ;",
   "names": []
 }

package/dist/modules/workflows/frontend/checkout-demo/page.js

@@ -538,7 +538,7 @@ function CheckoutDemoPage() {
     const fieldTitle = fieldSchema.title || fieldName;
     const fieldDescription = fieldSchema.description;
     const enumValues = fieldSchema.enum;
-    const inputClasses = "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-yellow-500 text-sm";
+    const inputClasses = "w-full px-3 py-2 border border-gray-300 rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring text-sm";
     const labelClasses = "block text-sm font-medium text-gray-700 mb-1";
     if (enumValues && Array.isArray(enumValues)) {
       return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
@@ -674,7 +674,7 @@ function CheckoutDemoPage() {
                 id: fieldName,
                 checked: !!formData[fieldName],
                 onChange: (e) => handleFieldChange(fieldName, e.target.checked),
-                className: "w-4 h-4 text-yellow-600 border-gray-300 rounded focus:ring-yellow-500"
+                className: "w-4 h-4 text-yellow-600 border-gray-300 rounded focus-visible:ring-ring"
               }
             ),
             /* @__PURE__ */ jsxs("label", { htmlFor: fieldName, className: "text-sm font-medium text-gray-700", children: [
@@ -732,7 +732,7 @@ function CheckoutDemoPage() {
                   id: "customer-select",
                   value: selectedCustomerId,
                   onChange: (e) => setSelectedCustomerId(e.target.value),
-                  className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm",
+                  className: "w-full px-3 py-2 border border-gray-300 rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring text-sm",
                   children: [
                     /* @__PURE__ */ jsx("option", { value: "", children: t("workflows.checkoutDemo.customer.selectPlaceholder", "-- Select a customer --") }),
                     customers.map((customer) => /* @__PURE__ */ jsx("option", { value: customer.id, children: customer.display_name || customer.id }, customer.id))
@@ -747,7 +747,7 @@ function CheckoutDemoPage() {
                     id: "currency-select",
                     value: selectedCurrency,
                     onChange: (e) => setSelectedCurrency(e.target.value),
-                    className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm",
+                    className: "w-full px-3 py-2 border border-gray-300 rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring text-sm",
                     children: [
                       /* @__PURE__ */ jsx("option", { value: "USD", children: "USD - US Dollar" }),
                       /* @__PURE__ */ jsx("option", { value: "EUR", children: "EUR - Euro" }),
@@ -780,7 +780,7 @@ function CheckoutDemoPage() {
                       e.target.value = "";
                     }
                   },
-                  className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm",
+                  className: "w-full px-3 py-2 border border-gray-300 rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring text-sm",
                   value: "",
                   children: [
                     /* @__PURE__ */ jsx("option", { value: "", children: t("workflows.checkoutDemo.product.selectPlaceholder", "-- Select a product to add --") }),
@@ -1362,7 +1362,7 @@ function CheckoutDemoPage() {
                 "a",
                 {
                   href: `/backend/tasks/${task.id}`,
-                  className: "inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-md text-white bg-yellow-600 hover:bg-yellow-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-yellow-500",
+                  className: "inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-md text-white bg-yellow-600 hover:bg-yellow-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring",
                   children: t("workflows.checkoutDemo.progress.completeTask", "Complete Task \u2192")
                 }
               ) })