@datatechsolutions/ui 3.13.0 → 3.14.0

package/dist/{chunk-4VHFGW7I.mjs → chunk-5YCH7FHT.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { Workspace } from './chunk-UXHJS2SH.mjs';
+import { Workspace } from './chunk-33ZWFDVG.mjs';
 import { useLocale } from './chunk-ZEFNBGYI.mjs';
 import { jsx } from 'react/jsx-runtime';
 
@@ -16,5 +16,5 @@ function WorkflowCanvasShell({ graph, messages }) {
 }
 
 export { WorkflowCanvasShell };
-//# sourceMappingURL=chunk-4VHFGW7I.mjs.map
-//# sourceMappingURL=chunk-4VHFGW7I.mjs.map
+//# sourceMappingURL=chunk-5YCH7FHT.mjs.map
+//# sourceMappingURL=chunk-5YCH7FHT.mjs.map

package/dist/{chunk-4VHFGW7I.mjs.map → chunk-5YCH7FHT.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/platform/workflow-canvas-shell.tsx"],"names":[],"mappings":";;;;AAkBO,SAAS,mBAAA,CAAoB,EAAE,KAAA,EAAO,QAAA,EAAS,EAAU;AAC9D,EAAA,MAAM,SAAS,SAAA,EAAU;AACzB,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAc,KAAA;AAAA,MACd,MAAA;AAAA,MACC,GAAI,QAAA,GAAW,EAAE,QAAA,KAAa;AAAC;AAAA,GAClC;AAEJ","file":"chunk-4VHFGW7I.mjs","sourcesContent":["import { useLocale } from '@ui/lib/i18n-context'\nimport { Workspace } from '@ui/astrlabe/workflow-canvas'\nimport type { WorkflowGraph as UiWorkflowGraph } from '@ui/astrlabe'\nimport type { WorkflowCanvasShellProps } from '@datatechsolutions/shared-domain/common'\n\n/**\n * Workflow canvas shell with optional message bundle override.\n *\n * Most apps wrap their tree in `<I18nProvider>` and let the canvas read\n * messages from context — in that case `messages` can be omitted. Apps\n * that need to inject a precomputed bundle (e.g. for tests or app-specific\n * overrides not shipped with shared-domain) can pass it explicitly.\n */\ntype Props = WorkflowCanvasShellProps & {\n  /** Optional override for the messages catalog passed into the canvas. */\n  messages?: Record<string, unknown>\n}\n\nexport function WorkflowCanvasShell({ graph, messages }: Props) {\n  const locale = useLocale()\n  return (\n    <Workspace\n      initialGraph={graph as unknown as UiWorkflowGraph}\n      locale={locale}\n      {...(messages ? { messages } : {})}\n    />\n  )\n}\n"]}
+{"version":3,"sources":["../src/platform/workflow-canvas-shell.tsx"],"names":[],"mappings":";;;;AAkBO,SAAS,mBAAA,CAAoB,EAAE,KAAA,EAAO,QAAA,EAAS,EAAU;AAC9D,EAAA,MAAM,SAAS,SAAA,EAAU;AACzB,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAc,KAAA;AAAA,MACd,MAAA;AAAA,MACC,GAAI,QAAA,GAAW,EAAE,QAAA,KAAa;AAAC;AAAA,GAClC;AAEJ","file":"chunk-5YCH7FHT.mjs","sourcesContent":["import { useLocale } from '@ui/lib/i18n-context'\nimport { Workspace } from '@ui/astrlabe/workflow-canvas'\nimport type { WorkflowGraph as UiWorkflowGraph } from '@ui/astrlabe'\nimport type { WorkflowCanvasShellProps } from '@datatechsolutions/shared-domain/common'\n\n/**\n * Workflow canvas shell with optional message bundle override.\n *\n * Most apps wrap their tree in `<I18nProvider>` and let the canvas read\n * messages from context — in that case `messages` can be omitted. Apps\n * that need to inject a precomputed bundle (e.g. for tests or app-specific\n * overrides not shipped with shared-domain) can pass it explicitly.\n */\ntype Props = WorkflowCanvasShellProps & {\n  /** Optional override for the messages catalog passed into the canvas. */\n  messages?: Record<string, unknown>\n}\n\nexport function WorkflowCanvasShell({ graph, messages }: Props) {\n  const locale = useLocale()\n  return (\n    <Workspace\n      initialGraph={graph as unknown as UiWorkflowGraph}\n      locale={locale}\n      {...(messages ? { messages } : {})}\n    />\n  )\n}\n"]}

package/dist/{chunk-P4RVGMZL.js → chunk-6NBQTIXX.js}

@@ -1,9 +1,9 @@
 "use client";
 'use strict';
 
+var chunkMXQ2EYG2_js = require('./chunk-MXQ2EYG2.js');
 var jsxRuntime = require('react/jsx-runtime');
 
-// src/platform/billing/upgrade-prompt.tsx
 var TIER_DISPLAY_NAMES = {
   free_trial: "Free Trial",
   starter: "Starter",
@@ -59,9 +59,9 @@ function UpgradePrompt({
               )
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: heading }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm text-gray-600 dark:text-gray-300", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-md bg-gray-200/60 px-2 py-0.5 font-medium dark:bg-white/10", children: currentTierName }),
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-slate-900 dark:text-white", children: heading }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm text-slate-600 dark:text-slate-300", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-md bg-slate-200/60 px-2 py-0.5 font-medium dark:bg-white/10", children: currentTierName }),
             requiredTierName && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 "svg",
@@ -69,7 +69,7 @@ function UpgradePrompt({
                   xmlns: "http://www.w3.org/2000/svg",
                   viewBox: "0 0 20 20",
                   fill: "currentColor",
-                  className: "h-4 w-4 text-gray-400 dark:text-gray-500",
+                  className: "h-4 w-4 text-slate-400 dark:text-slate-500",
                   "aria-hidden": "true",
                   children: /* @__PURE__ */ jsxRuntime.jsx(
                     "path",
@@ -86,36 +86,8 @@ function UpgradePrompt({
           ] }),
           children,
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 pt-1", children: [
-            onUpgrade && /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                type: "button",
-                onClick: onUpgrade,
-                className: [
-                  "rounded-xl bg-gradient-to-r from-violet-600 to-blue-600 px-5 py-2 text-sm font-semibold text-white",
-                  "shadow-md shadow-violet-500/25 transition-all",
-                  "hover:from-violet-500 hover:to-blue-500 hover:shadow-lg hover:shadow-violet-500/30",
-                  "focus:outline-none focus:ring-2 focus:ring-violet-500 focus:ring-offset-2",
-                  "active:scale-[0.98]",
-                  "dark:shadow-violet-500/10 dark:hover:shadow-violet-500/20"
-                ].join(" "),
-                children: "Upgrade Now"
-              }
-            ),
-            onDismiss && /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                type: "button",
-                onClick: onDismiss,
-                className: [
-                  "rounded-xl px-4 py-2 text-sm font-medium",
-                  "text-gray-500 transition-colors",
-                  "hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200",
-                  "focus:outline-none focus:ring-2 focus:ring-gray-300 focus:ring-offset-2"
-                ].join(" "),
-                children: "Maybe Later"
-              }
-            )
+            onUpgrade && /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", gradient: true, onClick: onUpgrade, children: "Upgrade Now" }),
+            onDismiss && /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", plain: true, onClick: onDismiss, children: "Maybe Later" })
           ] })
         ] })
       ]
@@ -124,5 +96,5 @@ function UpgradePrompt({
 }
 
 exports.UpgradePrompt = UpgradePrompt;
-//# sourceMappingURL=chunk-P4RVGMZL.js.map
-//# sourceMappingURL=chunk-P4RVGMZL.js.map
+//# sourceMappingURL=chunk-6NBQTIXX.js.map
+//# sourceMappingURL=chunk-6NBQTIXX.js.map

package/dist/chunk-6NBQTIXX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/platform/billing/upgrade-prompt.tsx"],"names":["jsxs","jsx","Fragment","Button"],"mappings":"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","file":"chunk-6NBQTIXX.js","sourcesContent":["// =============================================================================\n// @datatechsolutions/windsock/ui — UpgradePrompt Component\n// Glassmorphism-styled prompt shown when a user hits subscription limits.\n// =============================================================================\n\nimport { type ReactNode } from 'react'\nimport type { SubscriptionTier } from '@datatechsolutions/shared-domain'\nimport { Button } from '@ui/components/button'\n\n/** Human-readable tier display names */\nconst TIER_DISPLAY_NAMES: Record<SubscriptionTier, string> = {\n  free_trial: 'Free Trial',\n  starter: 'Starter',\n  professional: 'Professional',\n  enterprise: 'Enterprise',\n}\n\ninterface UpgradePromptProps {\n  /** The user's current subscription tier */\n  currentTier: SubscriptionTier\n  /** The minimum tier required for access (shown in the prompt) */\n  requiredTier?: SubscriptionTier\n  /** Feature name that triggered the prompt */\n  feature?: string\n  /** Called when the user clicks \"Upgrade Now\" */\n  onUpgrade?: () => void\n  /** Called when the user dismisses the prompt */\n  onDismiss?: () => void\n  /** Optional custom content to render inside the card */\n  children?: ReactNode\n}\n\n/**\n * A glassmorphism-styled upgrade prompt shown when users hit subscription\n * limits or try to access features above their current tier.\n *\n * Renders a card with the current tier, the required tier (or feature name),\n * and action buttons for upgrading or dismissing.\n */\nexport function UpgradePrompt({\n  currentTier,\n  requiredTier,\n  feature,\n  onUpgrade,\n  onDismiss,\n  children,\n}: UpgradePromptProps) {\n  const currentTierName = TIER_DISPLAY_NAMES[currentTier] ?? currentTier\n  const requiredTierName = requiredTier ? TIER_DISPLAY_NAMES[requiredTier] ?? requiredTier : null\n\n  const heading = feature\n    ? `Upgrade to unlock ${feature}`\n    : requiredTierName\n      ? `Upgrade to ${requiredTierName}`\n      : 'Upgrade your plan'\n\n  return (\n    <div\n      className={[\n        'relative overflow-hidden rounded-2xl border border-white/20',\n        'bg-white/10 p-6 backdrop-blur-xl',\n        'shadow-lg shadow-black/5',\n        'dark:border-white/10 dark:bg-white/5 dark:shadow-black/20',\n      ].join(' ')}\n      role=\"alert\"\n      aria-label=\"Subscription upgrade prompt\"\n    >\n      {/* Decorative gradient accent */}\n      <div\n        className=\"pointer-events-none absolute -right-8 -top-8 h-32 w-32 rounded-full bg-gradient-to-br from-violet-500/20 to-blue-500/20 blur-2xl\"\n        aria-hidden=\"true\"\n      />\n\n      <div className=\"relative flex flex-col gap-4\">\n        {/* Icon */}\n        <div className=\"flex h-10 w-10 items-center justify-center rounded-xl bg-gradient-to-br from-violet-500 to-blue-500 text-white\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 24 24\"\n            fill=\"currentColor\"\n            className=\"h-5 w-5\"\n            aria-hidden=\"true\"\n          >\n            <path\n              fillRule=\"evenodd\"\n              d=\"M9 4.5a.75.75 0 0 1 .721.544l.813 2.846a3.75 3.75 0 0 0 2.576 2.576l2.846.813a.75.75 0 0 1 0 1.442l-2.846.813a3.75 3.75 0 0 0-2.576 2.576l-.813 2.846a.75.75 0 0 1-1.442 0l-.813-2.846a3.75 3.75 0 0 0-2.576-2.576l-2.846-.813a.75.75 0 0 1 0-1.442l2.846-.813A3.75 3.75 0 0 0 7.466 7.89l.813-2.846A.75.75 0 0 1 9 4.5ZM18 1.5a.75.75 0 0 1 .728.568l.258 1.036c.236.94.97 1.674 1.91 1.91l1.036.258a.75.75 0 0 1 0 1.456l-1.036.258c-.94.236-1.674.97-1.91 1.91l-.258 1.036a.75.75 0 0 1-1.456 0l-.258-1.036a2.625 2.625 0 0 0-1.91-1.91l-1.036-.258a.75.75 0 0 1 0-1.456l1.036-.258a2.625 2.625 0 0 0 1.91-1.91l.258-1.036A.75.75 0 0 1 18 1.5Z\"\n              clipRule=\"evenodd\"\n            />\n          </svg>\n        </div>\n\n        {/* Heading */}\n        <h3 className=\"text-lg font-semibold text-slate-900 dark:text-white\">\n          {heading}\n        </h3>\n\n        {/* Tier comparison */}\n        <div className=\"flex items-center gap-2 text-sm text-slate-600 dark:text-slate-300\">\n          <span className=\"rounded-md bg-slate-200/60 px-2 py-0.5 font-medium dark:bg-white/10\">\n            {currentTierName}\n          </span>\n          {requiredTierName && (\n            <>\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 20 20\"\n                fill=\"currentColor\"\n                className=\"h-4 w-4 text-slate-400 dark:text-slate-500\"\n                aria-hidden=\"true\"\n              >\n                <path\n                  fillRule=\"evenodd\"\n                  d=\"M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z\"\n                  clipRule=\"evenodd\"\n                />\n              </svg>\n              <span className=\"rounded-md bg-gradient-to-r from-violet-500/10 to-blue-500/10 px-2 py-0.5 font-medium text-violet-700 dark:from-violet-500/20 dark:to-blue-500/20 dark:text-violet-300\">\n                {requiredTierName}\n              </span>\n            </>\n          )}\n        </div>\n\n        {/* Optional custom content */}\n        {children}\n\n        {/* Actions */}\n        <div className=\"flex items-center gap-3 pt-1\">\n          {onUpgrade && (\n            <Button type=\"button\" gradient onClick={onUpgrade}>\n              Upgrade Now\n            </Button>\n          )}\n          {onDismiss && (\n            <Button type=\"button\" plain onClick={onDismiss}>\n              Maybe Later\n            </Button>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport type { UpgradePromptProps }\n"]}

package/dist/{chunk-EZQ2D47U.js → chunk-6NEESZVO.js}

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkBHOT22QL_js = require('./chunk-BHOT22QL.js');
+var chunkMXQ2EYG2_js = require('./chunk-MXQ2EYG2.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function GraphNodeIconBubble({ children, className = "" }) {
@@ -30,12 +30,12 @@ function GraphNodeBadge({ children, className }) {
   if (className) {
     return /* @__PURE__ */ jsxRuntime.jsx("span", { className, children });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { color: "zinc", size: "xs", children });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: "zinc", size: "xs", children });
 }
 
 exports.GraphNodeBadge = GraphNodeBadge;
 exports.GraphNodeHeader = GraphNodeHeader;
 exports.GraphNodeIconBubble = GraphNodeIconBubble;
 exports.GraphNodeMeta = GraphNodeMeta;
-//# sourceMappingURL=chunk-EZQ2D47U.js.map
-//# sourceMappingURL=chunk-EZQ2D47U.js.map
+//# sourceMappingURL=chunk-6NEESZVO.js.map
+//# sourceMappingURL=chunk-6NEESZVO.js.map

package/dist/{chunk-EZQ2D47U.js.map → chunk-6NEESZVO.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/astrlabe/components/nodes/graph-node-primitives.tsx"],"names":["jsxs","jsx","Badge"],"mappings":";;;;;AAQO,SAAS,mBAAA,CAAoB,EAAE,QAAA,EAAU,SAAA,GAAY,IAAG,EAA6B;AAC1F,EAAA,sCACG,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,gEAAA,EAAmE,SAAS,IACzF,QAAA,EACH,CAAA;AAEJ;AAUO,SAAS,eAAA,CAAgB;AAAA,EAC9B,IAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA,GAAU,KAAA;AAAA,EACV;AACF,CAAA,EAAyB;AACvB,EAAA,uBACEA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wBAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,aAAA,EAAgB,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,oBACrCD,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,qDAAA,EAAuD,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,MAC1E,CAAC,OAAA,IAAW,WAAA,mCAAgB,GAAA,EAAA,EAAE,SAAA,EAAU,mDAAmD,QAAA,EAAA,WAAA,EAAY;AAAA,KAAA,EAC1G;AAAA,GAAA,EACF,CAAA;AAEJ;AAOO,SAAS,aAAA,CAAc,EAAE,OAAA,GAAU,KAAA,EAAO,UAAS,EAAuB;AAC/E,EAAA,IAAI,SAAS,OAAO,IAAA;AACpB,EAAA,uBAAOA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wCAAA,EAA0C,QAAA,EAAS,CAAA;AAC3E;AAOO,SAAS,cAAA,CAAe,EAAE,QAAA,EAAU,SAAA,EAAU,EAAwB;AAK3E,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,uBAAOA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAuB,QAAA,EAAS,CAAA;AAAA,EAC/C;AACA,EAAA,sCAAQC,sBAAA,EAAA,EAAM,KAAA,EAAM,MAAA,EAAO,IAAA,EAAK,MAAM,QAAA,EAAS,CAAA;AACjD","file":"chunk-EZQ2D47U.js","sourcesContent":["import type { ReactNode } from 'react'\nimport { Badge } from '@ui/components/badge'\n\ninterface GraphNodeIconBubbleProps {\n  children: ReactNode\n  className?: string\n}\n\nexport function GraphNodeIconBubble({ children, className = '' }: GraphNodeIconBubbleProps) {\n  return (\n    <div className={`flex h-10 w-10 items-center justify-center rounded-xl shadow-lg ${className}`}>\n      {children}\n    </div>\n  )\n}\n\ninterface GraphNodeHeaderProps {\n  icon: ReactNode\n  title: string\n  description?: string\n  compact?: boolean\n  iconClassName?: string\n}\n\nexport function GraphNodeHeader({\n  icon,\n  title,\n  description,\n  compact = false,\n  iconClassName,\n}: GraphNodeHeaderProps) {\n  return (\n    <div className=\"flex items-start gap-3\">\n      <div className={iconClassName}>{icon}</div>\n      <div className=\"min-w-0 flex-1\">\n        <h3 className=\"text-sm font-semibold text-gray-900 dark:text-white\">{title}</h3>\n        {!compact && description && <p className=\"mt-0.5 text-xs text-gray-500 dark:text-gray-400\">{description}</p>}\n      </div>\n    </div>\n  )\n}\n\ninterface GraphNodeMetaProps {\n  compact?: boolean\n  children: ReactNode\n}\n\nexport function GraphNodeMeta({ compact = false, children }: GraphNodeMetaProps) {\n  if (compact) return null\n  return <div className=\"mt-2 flex items-center justify-between\">{children}</div>\n}\n\ninterface GraphNodeBadgeProps {\n  children: ReactNode\n  className?: string\n}\n\nexport function GraphNodeBadge({ children, className }: GraphNodeBadgeProps) {\n  // When the caller hands us a pre-built className (the legacy\n  // tone-driven pipeline in NodeCardBadge), respect it verbatim. The\n  // bare fallback flows through the canonical Badge primitive so any\n  // future no-className call gets the design-system chrome for free.\n  if (className) {\n    return <span className={className}>{children}</span>\n  }\n  return <Badge color=\"zinc\" size=\"xs\">{children}</Badge>\n}\n"]}
+{"version":3,"sources":["../src/astrlabe/components/nodes/graph-node-primitives.tsx"],"names":["jsxs","jsx","Badge"],"mappings":";;;;;AAQO,SAAS,mBAAA,CAAoB,EAAE,QAAA,EAAU,SAAA,GAAY,IAAG,EAA6B;AAC1F,EAAA,sCACG,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,gEAAA,EAAmE,SAAS,IACzF,QAAA,EACH,CAAA;AAEJ;AAUO,SAAS,eAAA,CAAgB;AAAA,EAC9B,IAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA,GAAU,KAAA;AAAA,EACV;AACF,CAAA,EAAyB;AACvB,EAAA,uBACEA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wBAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,aAAA,EAAgB,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,oBACrCD,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,qDAAA,EAAuD,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,MAC1E,CAAC,OAAA,IAAW,WAAA,mCAAgB,GAAA,EAAA,EAAE,SAAA,EAAU,mDAAmD,QAAA,EAAA,WAAA,EAAY;AAAA,KAAA,EAC1G;AAAA,GAAA,EACF,CAAA;AAEJ;AAOO,SAAS,aAAA,CAAc,EAAE,OAAA,GAAU,KAAA,EAAO,UAAS,EAAuB;AAC/E,EAAA,IAAI,SAAS,OAAO,IAAA;AACpB,EAAA,uBAAOA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wCAAA,EAA0C,QAAA,EAAS,CAAA;AAC3E;AAOO,SAAS,cAAA,CAAe,EAAE,QAAA,EAAU,SAAA,EAAU,EAAwB;AAK3E,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,uBAAOA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAuB,QAAA,EAAS,CAAA;AAAA,EAC/C;AACA,EAAA,sCAAQC,sBAAA,EAAA,EAAM,KAAA,EAAM,MAAA,EAAO,IAAA,EAAK,MAAM,QAAA,EAAS,CAAA;AACjD","file":"chunk-6NEESZVO.js","sourcesContent":["import type { ReactNode } from 'react'\nimport { Badge } from '@ui/components/badge'\n\ninterface GraphNodeIconBubbleProps {\n  children: ReactNode\n  className?: string\n}\n\nexport function GraphNodeIconBubble({ children, className = '' }: GraphNodeIconBubbleProps) {\n  return (\n    <div className={`flex h-10 w-10 items-center justify-center rounded-xl shadow-lg ${className}`}>\n      {children}\n    </div>\n  )\n}\n\ninterface GraphNodeHeaderProps {\n  icon: ReactNode\n  title: string\n  description?: string\n  compact?: boolean\n  iconClassName?: string\n}\n\nexport function GraphNodeHeader({\n  icon,\n  title,\n  description,\n  compact = false,\n  iconClassName,\n}: GraphNodeHeaderProps) {\n  return (\n    <div className=\"flex items-start gap-3\">\n      <div className={iconClassName}>{icon}</div>\n      <div className=\"min-w-0 flex-1\">\n        <h3 className=\"text-sm font-semibold text-gray-900 dark:text-white\">{title}</h3>\n        {!compact && description && <p className=\"mt-0.5 text-xs text-gray-500 dark:text-gray-400\">{description}</p>}\n      </div>\n    </div>\n  )\n}\n\ninterface GraphNodeMetaProps {\n  compact?: boolean\n  children: ReactNode\n}\n\nexport function GraphNodeMeta({ compact = false, children }: GraphNodeMetaProps) {\n  if (compact) return null\n  return <div className=\"mt-2 flex items-center justify-between\">{children}</div>\n}\n\ninterface GraphNodeBadgeProps {\n  children: ReactNode\n  className?: string\n}\n\nexport function GraphNodeBadge({ children, className }: GraphNodeBadgeProps) {\n  // When the caller hands us a pre-built className (the legacy\n  // tone-driven pipeline in NodeCardBadge), respect it verbatim. The\n  // bare fallback flows through the canonical Badge primitive so any\n  // future no-className call gets the design-system chrome for free.\n  if (className) {\n    return <span className={className}>{children}</span>\n  }\n  return <Badge color=\"zinc\" size=\"xs\">{children}</Badge>\n}\n"]}

package/dist/{chunk-N4YT3QA5.js → chunk-72XZ7DSF.js}

@@ -1,10 +1,10 @@
 "use client";
 'use strict';
 
-var chunkWOTKBKS6_js = require('./chunk-WOTKBKS6.js');
-var chunkSDYKXLCU_js = require('./chunk-SDYKXLCU.js');
-var chunkK5567JM5_js = require('./chunk-K5567JM5.js');
-var chunk5ETT54QS_js = require('./chunk-5ETT54QS.js');
+var chunkYFMMZHL5_js = require('./chunk-YFMMZHL5.js');
+var chunkFHGWXWVZ_js = require('./chunk-FHGWXWVZ.js');
+var chunkAUCS2KF4_js = require('./chunk-AUCS2KF4.js');
+var chunkFZUV7GNB_js = require('./chunk-FZUV7GNB.js');
 var chunkY5VN4SPH_js = require('./chunk-Y5VN4SPH.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -18,7 +18,7 @@ function PlatformSettings({
   billing
 }) {
   const t = chunkY5VN4SPH_js.useTranslations("windsock");
-  const { status } = chunk5ETT54QS_js.useAuth();
+  const { status } = chunkFZUV7GNB_js.useAuth();
   const visibleSections = react.useMemo(() => {
     return sections.filter((section) => {
       if (section === "organization") {
@@ -54,7 +54,7 @@ function PlatformSettings({
     };
   }, [activeSection, adminClient, organizationId, organization?.id]);
   if (status === "loading") {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.InlineSpinner, {}) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.InlineSpinner, {}) });
   }
   if (status !== "authenticated") {
     return null;
@@ -68,7 +68,7 @@ function PlatformSettings({
   }));
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
     visibleSections.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5ETT54QS_js.SegmentedControl,
+      chunkFZUV7GNB_js.SegmentedControl,
       {
         segments,
         value: activeSection,
@@ -76,9 +76,9 @@ function PlatformSettings({
         fullWidth: true
       }
     ),
-    activeSection === "account" && /* @__PURE__ */ jsxRuntime.jsx(chunkSDYKXLCU_js.UserProfile, {}),
+    activeSection === "account" && /* @__PURE__ */ jsxRuntime.jsx(chunkFHGWXWVZ_js.UserProfile, {}),
     activeSection === "organization" && adminClient && organizationId && (organization ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunkWOTKBKS6_js.AdminOrganizationDetail,
+      chunkYFMMZHL5_js.AdminOrganizationDetail,
       {
         client: adminClient,
         organization
@@ -90,11 +90,11 @@ function PlatformSettings({
         className: "rounded-xl border border-red-300/40 bg-red-50/80 px-4 py-3 text-sm text-red-700 dark:border-red-500/30 dark:bg-red-500/10 dark:text-red-300",
         children: orgLoadError
       }
-    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.InlineSpinner, {}) })),
-    activeSection === "billing" && /* @__PURE__ */ jsxRuntime.jsx(chunkK5567JM5_js.BillingPanel, { ...billing })
+    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.InlineSpinner, {}) })),
+    activeSection === "billing" && /* @__PURE__ */ jsxRuntime.jsx(chunkAUCS2KF4_js.BillingPanel, { ...billing })
   ] });
 }
 
 exports.PlatformSettings = PlatformSettings;
-//# sourceMappingURL=chunk-N4YT3QA5.js.map
-//# sourceMappingURL=chunk-N4YT3QA5.js.map
+//# sourceMappingURL=chunk-72XZ7DSF.js.map
+//# sourceMappingURL=chunk-72XZ7DSF.js.map

package/dist/{chunk-N4YT3QA5.js.map → chunk-72XZ7DSF.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/platform/settings/platform-settings.tsx"],"names":["useTranslations","useAuth","useMemo","useState","useEffect","jsx","InlineSpinner","jsxs","SegmentedControl","UserProfile","AdminOrganizationDetail","BillingPanel"],"mappings":"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","file":"chunk-N4YT3QA5.js","sourcesContent":["// =============================================================================\n// @datatechsolutions/windsock/ui — PlatformSettings\n// Unified settings shell consumed by every product (astrlabe, kori).\n// Composes existing building blocks:\n//   - `<UserProfile>`             — Profile / Security / Sessions / Linked accounts\n//   - `<AdminOrganizationDetail>` — Members / Invitations / Domains\n//   - `<BillingPanel>`            — Current subscription + plan catalogue\n// Apps mount this at their `/settings` route; feature toggles hide sections\n// that a given user's role cannot access.\n// =============================================================================\n\nimport { useEffect, useMemo, useState } from 'react'\nimport { useTranslations } from '@ui/lib/i18n-context'\nimport { SegmentedControl, InlineSpinner } from '@ui/index'\nimport type { AdminClient, AuthOrganization } from '@datatechsolutions/shared-domain'\n\nimport { useAuth } from '../../_auth'\nimport { UserProfile } from '../auth/user-profile'\nimport { AdminOrganizationDetail } from '../admin/admin-organization-detail'\nimport { BillingPanel, type BillingPanelProps } from '../billing/billing-panel'\n\nexport type PlatformSettingsSection = 'account' | 'organization' | 'billing'\n\nexport interface PlatformSettingsProps {\n  /**\n   * Sections to surface to the current user. The host app is responsible for\n   * picking the right set based on RBAC — e.g. hide `organization` for users\n   * without `org:manage` and hide `billing` for users without `billing:read`.\n   * Defaults to all three.\n   */\n  sections?: PlatformSettingsSection[]\n  /** Starting section. Defaults to the first item in `sections`. */\n  defaultSection?: PlatformSettingsSection\n  /**\n   * Windsock admin API client. Required when `organization` is in `sections`.\n   * Create it once with `createAdminClient({ issuer, authClient })` and reuse.\n   */\n  adminClient?: AdminClient\n  /**\n   * Current organization id (usually `ctx.organizationId` from the JWT).\n   * Required when `organization` is in `sections`.\n   */\n  organizationId?: string\n  /** Forwarded to `<BillingPanel>` — e.g. redirect handler, billing interval. */\n  billing?: BillingPanelProps\n}\n\nconst DEFAULT_SECTIONS: PlatformSettingsSection[] = ['account', 'organization', 'billing']\n\nexport function PlatformSettings({\n  sections = DEFAULT_SECTIONS,\n  defaultSection,\n  adminClient,\n  organizationId,\n  billing,\n}: PlatformSettingsProps) {\n  const t = useTranslations('windsock')\n  const { status } = useAuth()\n\n  const visibleSections = useMemo(() => {\n    // Drop `organization` if the caller didn't pass an admin client + org id.\n    return sections.filter((section) => {\n      if (section === 'organization') {\n        return Boolean(adminClient && organizationId)\n      }\n      return true\n    })\n  }, [sections, adminClient, organizationId])\n\n  const initialSection: PlatformSettingsSection = (\n    defaultSection && visibleSections.includes(defaultSection)\n      ? defaultSection\n      : visibleSections[0] ?? 'account'\n  )\n\n  const [activeSection, setActiveSection] = useState<PlatformSettingsSection>(initialSection)\n  const [organization, setOrganization] = useState<AuthOrganization | null>(null)\n  const [orgLoadError, setOrgLoadError] = useState<string | null>(null)\n\n  // Resolve the org detail record (AdminOrganizationDetail needs the full\n  // AuthOrganization, not just the id). Fires once the organization tab is\n  // first selected so the listOrganizations round-trip is lazy.\n  useEffect(() => {\n    if (activeSection !== 'organization') return\n    if (!adminClient || !organizationId) return\n    if (organization?.id === organizationId) return\n\n    let cancelled = false\n    setOrgLoadError(null)\n    void adminClient.listOrganizations()\n      .then((orgs) => {\n        if (cancelled) return\n        const match = orgs.find((org) => org.id === organizationId)\n        if (match) {\n          setOrganization(match)\n        } else {\n          setOrgLoadError('Organization not found')\n        }\n      })\n      .catch((loadError: unknown) => {\n        if (cancelled) return\n        setOrgLoadError(loadError instanceof Error ? loadError.message : String(loadError))\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [activeSection, adminClient, organizationId, organization?.id])\n\n  if (status === 'loading') {\n    return (\n      <div className=\"flex items-center justify-center py-12\">\n        <InlineSpinner />\n      </div>\n    )\n  }\n\n  if (status !== 'authenticated') {\n    return null\n  }\n\n  if (visibleSections.length === 0) {\n    return null\n  }\n\n  const segments = visibleSections.map((section) => ({\n    value: section,\n    label: t(`platformSettings.sections.${section}`),\n  }))\n\n  return (\n    <div className=\"space-y-6\">\n      {visibleSections.length > 1 && (\n        <SegmentedControl\n          segments={segments}\n          value={activeSection}\n          onChange={(value: string) => setActiveSection(value as PlatformSettingsSection)}\n          fullWidth\n        />\n      )}\n\n      {activeSection === 'account' && <UserProfile />}\n\n      {activeSection === 'organization' && adminClient && organizationId && (\n        organization ? (\n          <AdminOrganizationDetail\n            client={adminClient}\n            organization={organization}\n          />\n        ) : orgLoadError ? (\n          <div\n            role=\"alert\"\n            className=\"rounded-xl border border-red-300/40 bg-red-50/80 px-4 py-3 text-sm text-red-700 dark:border-red-500/30 dark:bg-red-500/10 dark:text-red-300\"\n          >\n            {orgLoadError}\n          </div>\n        ) : (\n          <div className=\"flex items-center justify-center py-12\">\n            <InlineSpinner />\n          </div>\n        )\n      )}\n\n      {activeSection === 'billing' && <BillingPanel {...billing} />}\n    </div>\n  )\n}\n"]}
+{"version":3,"sources":["../src/platform/settings/platform-settings.tsx"],"names":["useTranslations","useAuth","useMemo","useState","useEffect","jsx","InlineSpinner","jsxs","SegmentedControl","UserProfile","AdminOrganizationDetail","BillingPanel"],"mappings":"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","file":"chunk-72XZ7DSF.js","sourcesContent":["// =============================================================================\n// @datatechsolutions/windsock/ui — PlatformSettings\n// Unified settings shell consumed by every product (astrlabe, kori).\n// Composes existing building blocks:\n//   - `<UserProfile>`             — Profile / Security / Sessions / Linked accounts\n//   - `<AdminOrganizationDetail>` — Members / Invitations / Domains\n//   - `<BillingPanel>`            — Current subscription + plan catalogue\n// Apps mount this at their `/settings` route; feature toggles hide sections\n// that a given user's role cannot access.\n// =============================================================================\n\nimport { useEffect, useMemo, useState } from 'react'\nimport { useTranslations } from '@ui/lib/i18n-context'\nimport { SegmentedControl, InlineSpinner } from '@ui/index'\nimport type { AdminClient, AuthOrganization } from '@datatechsolutions/shared-domain'\n\nimport { useAuth } from '../../_auth'\nimport { UserProfile } from '../auth/user-profile'\nimport { AdminOrganizationDetail } from '../admin/admin-organization-detail'\nimport { BillingPanel, type BillingPanelProps } from '../billing/billing-panel'\n\nexport type PlatformSettingsSection = 'account' | 'organization' | 'billing'\n\nexport interface PlatformSettingsProps {\n  /**\n   * Sections to surface to the current user. The host app is responsible for\n   * picking the right set based on RBAC — e.g. hide `organization` for users\n   * without `org:manage` and hide `billing` for users without `billing:read`.\n   * Defaults to all three.\n   */\n  sections?: PlatformSettingsSection[]\n  /** Starting section. Defaults to the first item in `sections`. */\n  defaultSection?: PlatformSettingsSection\n  /**\n   * Windsock admin API client. Required when `organization` is in `sections`.\n   * Create it once with `createAdminClient({ issuer, authClient })` and reuse.\n   */\n  adminClient?: AdminClient\n  /**\n   * Current organization id (usually `ctx.organizationId` from the JWT).\n   * Required when `organization` is in `sections`.\n   */\n  organizationId?: string\n  /** Forwarded to `<BillingPanel>` — e.g. redirect handler, billing interval. */\n  billing?: BillingPanelProps\n}\n\nconst DEFAULT_SECTIONS: PlatformSettingsSection[] = ['account', 'organization', 'billing']\n\nexport function PlatformSettings({\n  sections = DEFAULT_SECTIONS,\n  defaultSection,\n  adminClient,\n  organizationId,\n  billing,\n}: PlatformSettingsProps) {\n  const t = useTranslations('windsock')\n  const { status } = useAuth()\n\n  const visibleSections = useMemo(() => {\n    // Drop `organization` if the caller didn't pass an admin client + org id.\n    return sections.filter((section) => {\n      if (section === 'organization') {\n        return Boolean(adminClient && organizationId)\n      }\n      return true\n    })\n  }, [sections, adminClient, organizationId])\n\n  const initialSection: PlatformSettingsSection = (\n    defaultSection && visibleSections.includes(defaultSection)\n      ? defaultSection\n      : visibleSections[0] ?? 'account'\n  )\n\n  const [activeSection, setActiveSection] = useState<PlatformSettingsSection>(initialSection)\n  const [organization, setOrganization] = useState<AuthOrganization | null>(null)\n  const [orgLoadError, setOrgLoadError] = useState<string | null>(null)\n\n  // Resolve the org detail record (AdminOrganizationDetail needs the full\n  // AuthOrganization, not just the id). Fires once the organization tab is\n  // first selected so the listOrganizations round-trip is lazy.\n  useEffect(() => {\n    if (activeSection !== 'organization') return\n    if (!adminClient || !organizationId) return\n    if (organization?.id === organizationId) return\n\n    let cancelled = false\n    setOrgLoadError(null)\n    void adminClient.listOrganizations()\n      .then((orgs) => {\n        if (cancelled) return\n        const match = orgs.find((org) => org.id === organizationId)\n        if (match) {\n          setOrganization(match)\n        } else {\n          setOrgLoadError('Organization not found')\n        }\n      })\n      .catch((loadError: unknown) => {\n        if (cancelled) return\n        setOrgLoadError(loadError instanceof Error ? loadError.message : String(loadError))\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [activeSection, adminClient, organizationId, organization?.id])\n\n  if (status === 'loading') {\n    return (\n      <div className=\"flex items-center justify-center py-12\">\n        <InlineSpinner />\n      </div>\n    )\n  }\n\n  if (status !== 'authenticated') {\n    return null\n  }\n\n  if (visibleSections.length === 0) {\n    return null\n  }\n\n  const segments = visibleSections.map((section) => ({\n    value: section,\n    label: t(`platformSettings.sections.${section}`),\n  }))\n\n  return (\n    <div className=\"space-y-6\">\n      {visibleSections.length > 1 && (\n        <SegmentedControl\n          segments={segments}\n          value={activeSection}\n          onChange={(value: string) => setActiveSection(value as PlatformSettingsSection)}\n          fullWidth\n        />\n      )}\n\n      {activeSection === 'account' && <UserProfile />}\n\n      {activeSection === 'organization' && adminClient && organizationId && (\n        organization ? (\n          <AdminOrganizationDetail\n            client={adminClient}\n            organization={organization}\n          />\n        ) : orgLoadError ? (\n          <div\n            role=\"alert\"\n            className=\"rounded-xl border border-red-300/40 bg-red-50/80 px-4 py-3 text-sm text-red-700 dark:border-red-500/30 dark:bg-red-500/10 dark:text-red-300\"\n          >\n            {orgLoadError}\n          </div>\n        ) : (\n          <div className=\"flex items-center justify-center py-12\">\n            <InlineSpinner />\n          </div>\n        )\n      )}\n\n      {activeSection === 'billing' && <BillingPanel {...billing} />}\n    </div>\n  )\n}\n"]}

package/dist/{chunk-QGRTV35L.mjs → chunk-7NHJSD4A.mjs}

@@ -1,8 +1,8 @@
 "use client";
-import { AdminOrganizationDetail } from './chunk-ANFSQJNI.mjs';
-import { UserProfile } from './chunk-CSOMZ5UM.mjs';
-import { BillingPanel } from './chunk-7TYNV6SY.mjs';
-import { useAuth, InlineSpinner, SegmentedControl } from './chunk-MSKKNPRE.mjs';
+import { AdminOrganizationDetail } from './chunk-N6SGVUTR.mjs';
+import { UserProfile } from './chunk-PO66V2PN.mjs';
+import { BillingPanel } from './chunk-Q2FUNDCP.mjs';
+import { useAuth, InlineSpinner, SegmentedControl } from './chunk-F4KHAKTP.mjs';
 import { useTranslations } from './chunk-ZEFNBGYI.mjs';
 import { useMemo, useState, useEffect } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -94,5 +94,5 @@ function PlatformSettings({
 }
 
 export { PlatformSettings };
-//# sourceMappingURL=chunk-QGRTV35L.mjs.map
-//# sourceMappingURL=chunk-QGRTV35L.mjs.map
+//# sourceMappingURL=chunk-7NHJSD4A.mjs.map
+//# sourceMappingURL=chunk-7NHJSD4A.mjs.map

package/dist/{chunk-QGRTV35L.mjs.map → chunk-7NHJSD4A.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/platform/settings/platform-settings.tsx"],"names":[],"mappings":"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","file":"chunk-QGRTV35L.mjs","sourcesContent":["// =============================================================================\n// @datatechsolutions/windsock/ui — PlatformSettings\n// Unified settings shell consumed by every product (astrlabe, kori).\n// Composes existing building blocks:\n//   - `<UserProfile>`             — Profile / Security / Sessions / Linked accounts\n//   - `<AdminOrganizationDetail>` — Members / Invitations / Domains\n//   - `<BillingPanel>`            — Current subscription + plan catalogue\n// Apps mount this at their `/settings` route; feature toggles hide sections\n// that a given user's role cannot access.\n// =============================================================================\n\nimport { useEffect, useMemo, useState } from 'react'\nimport { useTranslations } from '@ui/lib/i18n-context'\nimport { SegmentedControl, InlineSpinner } from '@ui/index'\nimport type { AdminClient, AuthOrganization } from '@datatechsolutions/shared-domain'\n\nimport { useAuth } from '../../_auth'\nimport { UserProfile } from '../auth/user-profile'\nimport { AdminOrganizationDetail } from '../admin/admin-organization-detail'\nimport { BillingPanel, type BillingPanelProps } from '../billing/billing-panel'\n\nexport type PlatformSettingsSection = 'account' | 'organization' | 'billing'\n\nexport interface PlatformSettingsProps {\n  /**\n   * Sections to surface to the current user. The host app is responsible for\n   * picking the right set based on RBAC — e.g. hide `organization` for users\n   * without `org:manage` and hide `billing` for users without `billing:read`.\n   * Defaults to all three.\n   */\n  sections?: PlatformSettingsSection[]\n  /** Starting section. Defaults to the first item in `sections`. */\n  defaultSection?: PlatformSettingsSection\n  /**\n   * Windsock admin API client. Required when `organization` is in `sections`.\n   * Create it once with `createAdminClient({ issuer, authClient })` and reuse.\n   */\n  adminClient?: AdminClient\n  /**\n   * Current organization id (usually `ctx.organizationId` from the JWT).\n   * Required when `organization` is in `sections`.\n   */\n  organizationId?: string\n  /** Forwarded to `<BillingPanel>` — e.g. redirect handler, billing interval. */\n  billing?: BillingPanelProps\n}\n\nconst DEFAULT_SECTIONS: PlatformSettingsSection[] = ['account', 'organization', 'billing']\n\nexport function PlatformSettings({\n  sections = DEFAULT_SECTIONS,\n  defaultSection,\n  adminClient,\n  organizationId,\n  billing,\n}: PlatformSettingsProps) {\n  const t = useTranslations('windsock')\n  const { status } = useAuth()\n\n  const visibleSections = useMemo(() => {\n    // Drop `organization` if the caller didn't pass an admin client + org id.\n    return sections.filter((section) => {\n      if (section === 'organization') {\n        return Boolean(adminClient && organizationId)\n      }\n      return true\n    })\n  }, [sections, adminClient, organizationId])\n\n  const initialSection: PlatformSettingsSection = (\n    defaultSection && visibleSections.includes(defaultSection)\n      ? defaultSection\n      : visibleSections[0] ?? 'account'\n  )\n\n  const [activeSection, setActiveSection] = useState<PlatformSettingsSection>(initialSection)\n  const [organization, setOrganization] = useState<AuthOrganization | null>(null)\n  const [orgLoadError, setOrgLoadError] = useState<string | null>(null)\n\n  // Resolve the org detail record (AdminOrganizationDetail needs the full\n  // AuthOrganization, not just the id). Fires once the organization tab is\n  // first selected so the listOrganizations round-trip is lazy.\n  useEffect(() => {\n    if (activeSection !== 'organization') return\n    if (!adminClient || !organizationId) return\n    if (organization?.id === organizationId) return\n\n    let cancelled = false\n    setOrgLoadError(null)\n    void adminClient.listOrganizations()\n      .then((orgs) => {\n        if (cancelled) return\n        const match = orgs.find((org) => org.id === organizationId)\n        if (match) {\n          setOrganization(match)\n        } else {\n          setOrgLoadError('Organization not found')\n        }\n      })\n      .catch((loadError: unknown) => {\n        if (cancelled) return\n        setOrgLoadError(loadError instanceof Error ? loadError.message : String(loadError))\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [activeSection, adminClient, organizationId, organization?.id])\n\n  if (status === 'loading') {\n    return (\n      <div className=\"flex items-center justify-center py-12\">\n        <InlineSpinner />\n      </div>\n    )\n  }\n\n  if (status !== 'authenticated') {\n    return null\n  }\n\n  if (visibleSections.length === 0) {\n    return null\n  }\n\n  const segments = visibleSections.map((section) => ({\n    value: section,\n    label: t(`platformSettings.sections.${section}`),\n  }))\n\n  return (\n    <div className=\"space-y-6\">\n      {visibleSections.length > 1 && (\n        <SegmentedControl\n          segments={segments}\n          value={activeSection}\n          onChange={(value: string) => setActiveSection(value as PlatformSettingsSection)}\n          fullWidth\n        />\n      )}\n\n      {activeSection === 'account' && <UserProfile />}\n\n      {activeSection === 'organization' && adminClient && organizationId && (\n        organization ? (\n          <AdminOrganizationDetail\n            client={adminClient}\n            organization={organization}\n          />\n        ) : orgLoadError ? (\n          <div\n            role=\"alert\"\n            className=\"rounded-xl border border-red-300/40 bg-red-50/80 px-4 py-3 text-sm text-red-700 dark:border-red-500/30 dark:bg-red-500/10 dark:text-red-300\"\n          >\n            {orgLoadError}\n          </div>\n        ) : (\n          <div className=\"flex items-center justify-center py-12\">\n            <InlineSpinner />\n          </div>\n        )\n      )}\n\n      {activeSection === 'billing' && <BillingPanel {...billing} />}\n    </div>\n  )\n}\n"]}
+{"version":3,"sources":["../src/platform/settings/platform-settings.tsx"],"names":[],"mappings":";;;;;;;;AA+CA,IAAM,gBAAA,GAA8C,CAAC,SAAA,EAAW,cAAA,EAAgB,SAAS,CAAA;AAElF,SAAS,gBAAA,CAAiB;AAAA,EAC/B,QAAA,GAAW,gBAAA;AAAA,EACX,cAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,EAA0B;AACxB,EAAA,MAAM,CAAA,GAAI,gBAAgB,UAAU,CAAA;AACpC,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,OAAA,EAAQ;AAE3B,EAAA,MAAM,eAAA,GAAkB,QAAQ,MAAM;AAEpC,IAAA,OAAO,QAAA,CAAS,MAAA,CAAO,CAAC,OAAA,KAAY;AAClC,MAAA,IAAI,YAAY,cAAA,EAAgB;AAC9B,QAAA,OAAO,OAAA,CAAQ,eAAe,cAAc,CAAA;AAAA,MAC9C;AACA,MAAA,OAAO,IAAA;AAAA,IACT,CAAC,CAAA;AAAA,EACH,CAAA,EAAG,CAAC,QAAA,EAAU,WAAA,EAAa,cAAc,CAAC,CAAA;AAE1C,EAAA,MAAM,cAAA,GACJ,kBAAkB,eAAA,CAAgB,QAAA,CAAS,cAAc,CAAA,GACrD,cAAA,GACA,eAAA,CAAgB,CAAC,CAAA,IAAK,SAAA;AAG5B,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAkC,cAAc,CAAA;AAC1F,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAkC,IAAI,CAAA;AAC9E,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAwB,IAAI,CAAA;AAKpE,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,kBAAkB,cAAA,EAAgB;AACtC,IAAA,IAAI,CAAC,WAAA,IAAe,CAAC,cAAA,EAAgB;AACrC,IAAA,IAAI,YAAA,EAAc,OAAO,cAAA,EAAgB;AAEzC,IAAA,IAAI,SAAA,GAAY,KAAA;AAChB,IAAA,eAAA,CAAgB,IAAI,CAAA;AACpB,IAAA,KAAK,WAAA,CAAY,iBAAA,EAAkB,CAChC,IAAA,CAAK,CAAC,IAAA,KAAS;AACd,MAAA,IAAI,SAAA,EAAW;AACf,MAAA,MAAM,QAAQ,IAAA,CAAK,IAAA,CAAK,CAAC,GAAA,KAAQ,GAAA,CAAI,OAAO,cAAc,CAAA;AAC1D,MAAA,IAAI,KAAA,EAAO;AACT,QAAA,eAAA,CAAgB,KAAK,CAAA;AAAA,MACvB,CAAA,MAAO;AACL,QAAA,eAAA,CAAgB,wBAAwB,CAAA;AAAA,MAC1C;AAAA,IACF,CAAC,CAAA,CACA,KAAA,CAAM,CAAC,SAAA,KAAuB;AAC7B,MAAA,IAAI,SAAA,EAAW;AACf,MAAA,eAAA,CAAgB,qBAAqB,KAAA,GAAQ,SAAA,CAAU,OAAA,GAAU,MAAA,CAAO,SAAS,CAAC,CAAA;AAAA,IACpF,CAAC,CAAA;AACH,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,GAAY,IAAA;AAAA,IACd,CAAA;AAAA,EACF,GAAG,CAAC,aAAA,EAAe,aAAa,cAAA,EAAgB,YAAA,EAAc,EAAE,CAAC,CAAA;AAEjE,EAAA,IAAI,WAAW,SAAA,EAAW;AACxB,IAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAU,wCAAA,EACb,QAAA,kBAAA,GAAA,CAAC,iBAAc,CAAA,EACjB,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,WAAW,eAAA,EAAiB;AAC9B,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,IAAI,eAAA,CAAgB,WAAW,CAAA,EAAG;AAChC,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,QAAA,GAAW,eAAA,CAAgB,GAAA,CAAI,CAAC,OAAA,MAAa;AAAA,IACjD,KAAA,EAAO,OAAA;AAAA,IACP,KAAA,EAAO,CAAA,CAAE,CAAA,0BAAA,EAA6B,OAAO,CAAA,CAAE;AAAA,GACjD,CAAE,CAAA;AAEF,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACZ,QAAA,EAAA;AAAA,IAAA,eAAA,CAAgB,SAAS,CAAA,oBACxB,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,QAAA;AAAA,QACA,KAAA,EAAO,aAAA;AAAA,QACP,QAAA,EAAU,CAAC,KAAA,KAAkB,gBAAA,CAAiB,KAAgC,CAAA;AAAA,QAC9E,SAAA,EAAS;AAAA;AAAA,KACX;AAAA,IAGD,aAAA,KAAkB,SAAA,oBAAa,GAAA,CAAC,WAAA,EAAA,EAAY,CAAA;AAAA,IAE5C,aAAA,KAAkB,cAAA,IAAkB,WAAA,IAAe,cAAA,KAClD,YAAA,mBACE,GAAA;AAAA,MAAC,uBAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,WAAA;AAAA,QACR;AAAA;AAAA,QAEA,YAAA,mBACF,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,OAAA;AAAA,QACL,SAAA,EAAU,6IAAA;AAAA,QAET,QAAA,EAAA;AAAA;AAAA,wBAGH,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wCAAA,EACb,QAAA,kBAAA,GAAA,CAAC,iBAAc,CAAA,EACjB,CAAA,CAAA;AAAA,IAIH,aAAA,KAAkB,SAAA,oBAAa,GAAA,CAAC,YAAA,EAAA,EAAc,GAAG,OAAA,EAAS;AAAA,GAAA,EAC7D,CAAA;AAEJ","file":"chunk-7NHJSD4A.mjs","sourcesContent":["// =============================================================================\n// @datatechsolutions/windsock/ui — PlatformSettings\n// Unified settings shell consumed by every product (astrlabe, kori).\n// Composes existing building blocks:\n//   - `<UserProfile>`             — Profile / Security / Sessions / Linked accounts\n//   - `<AdminOrganizationDetail>` — Members / Invitations / Domains\n//   - `<BillingPanel>`            — Current subscription + plan catalogue\n// Apps mount this at their `/settings` route; feature toggles hide sections\n// that a given user's role cannot access.\n// =============================================================================\n\nimport { useEffect, useMemo, useState } from 'react'\nimport { useTranslations } from '@ui/lib/i18n-context'\nimport { SegmentedControl, InlineSpinner } from '@ui/index'\nimport type { AdminClient, AuthOrganization } from '@datatechsolutions/shared-domain'\n\nimport { useAuth } from '../../_auth'\nimport { UserProfile } from '../auth/user-profile'\nimport { AdminOrganizationDetail } from '../admin/admin-organization-detail'\nimport { BillingPanel, type BillingPanelProps } from '../billing/billing-panel'\n\nexport type PlatformSettingsSection = 'account' | 'organization' | 'billing'\n\nexport interface PlatformSettingsProps {\n  /**\n   * Sections to surface to the current user. The host app is responsible for\n   * picking the right set based on RBAC — e.g. hide `organization` for users\n   * without `org:manage` and hide `billing` for users without `billing:read`.\n   * Defaults to all three.\n   */\n  sections?: PlatformSettingsSection[]\n  /** Starting section. Defaults to the first item in `sections`. */\n  defaultSection?: PlatformSettingsSection\n  /**\n   * Windsock admin API client. Required when `organization` is in `sections`.\n   * Create it once with `createAdminClient({ issuer, authClient })` and reuse.\n   */\n  adminClient?: AdminClient\n  /**\n   * Current organization id (usually `ctx.organizationId` from the JWT).\n   * Required when `organization` is in `sections`.\n   */\n  organizationId?: string\n  /** Forwarded to `<BillingPanel>` — e.g. redirect handler, billing interval. */\n  billing?: BillingPanelProps\n}\n\nconst DEFAULT_SECTIONS: PlatformSettingsSection[] = ['account', 'organization', 'billing']\n\nexport function PlatformSettings({\n  sections = DEFAULT_SECTIONS,\n  defaultSection,\n  adminClient,\n  organizationId,\n  billing,\n}: PlatformSettingsProps) {\n  const t = useTranslations('windsock')\n  const { status } = useAuth()\n\n  const visibleSections = useMemo(() => {\n    // Drop `organization` if the caller didn't pass an admin client + org id.\n    return sections.filter((section) => {\n      if (section === 'organization') {\n        return Boolean(adminClient && organizationId)\n      }\n      return true\n    })\n  }, [sections, adminClient, organizationId])\n\n  const initialSection: PlatformSettingsSection = (\n    defaultSection && visibleSections.includes(defaultSection)\n      ? defaultSection\n      : visibleSections[0] ?? 'account'\n  )\n\n  const [activeSection, setActiveSection] = useState<PlatformSettingsSection>(initialSection)\n  const [organization, setOrganization] = useState<AuthOrganization | null>(null)\n  const [orgLoadError, setOrgLoadError] = useState<string | null>(null)\n\n  // Resolve the org detail record (AdminOrganizationDetail needs the full\n  // AuthOrganization, not just the id). Fires once the organization tab is\n  // first selected so the listOrganizations round-trip is lazy.\n  useEffect(() => {\n    if (activeSection !== 'organization') return\n    if (!adminClient || !organizationId) return\n    if (organization?.id === organizationId) return\n\n    let cancelled = false\n    setOrgLoadError(null)\n    void adminClient.listOrganizations()\n      .then((orgs) => {\n        if (cancelled) return\n        const match = orgs.find((org) => org.id === organizationId)\n        if (match) {\n          setOrganization(match)\n        } else {\n          setOrgLoadError('Organization not found')\n        }\n      })\n      .catch((loadError: unknown) => {\n        if (cancelled) return\n        setOrgLoadError(loadError instanceof Error ? loadError.message : String(loadError))\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [activeSection, adminClient, organizationId, organization?.id])\n\n  if (status === 'loading') {\n    return (\n      <div className=\"flex items-center justify-center py-12\">\n        <InlineSpinner />\n      </div>\n    )\n  }\n\n  if (status !== 'authenticated') {\n    return null\n  }\n\n  if (visibleSections.length === 0) {\n    return null\n  }\n\n  const segments = visibleSections.map((section) => ({\n    value: section,\n    label: t(`platformSettings.sections.${section}`),\n  }))\n\n  return (\n    <div className=\"space-y-6\">\n      {visibleSections.length > 1 && (\n        <SegmentedControl\n          segments={segments}\n          value={activeSection}\n          onChange={(value: string) => setActiveSection(value as PlatformSettingsSection)}\n          fullWidth\n        />\n      )}\n\n      {activeSection === 'account' && <UserProfile />}\n\n      {activeSection === 'organization' && adminClient && organizationId && (\n        organization ? (\n          <AdminOrganizationDetail\n            client={adminClient}\n            organization={organization}\n          />\n        ) : orgLoadError ? (\n          <div\n            role=\"alert\"\n            className=\"rounded-xl border border-red-300/40 bg-red-50/80 px-4 py-3 text-sm text-red-700 dark:border-red-500/30 dark:bg-red-500/10 dark:text-red-300\"\n          >\n            {orgLoadError}\n          </div>\n        ) : (\n          <div className=\"flex items-center justify-center py-12\">\n            <InlineSpinner />\n          </div>\n        )\n      )}\n\n      {activeSection === 'billing' && <BillingPanel {...billing} />}\n    </div>\n  )\n}\n"]}

package/dist/{chunk-PPIUMCUZ.js → chunk-7SDB2VC2.js}

@@ -1,14 +1,14 @@
 "use client";
 'use strict';
 
-var chunkD5OTZGA2_js = require('./chunk-D5OTZGA2.js');
+var chunk5SCZB5UI_js = require('./chunk-5SCZB5UI.js');
 var chunkY5VN4SPH_js = require('./chunk-Y5VN4SPH.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function WorkflowCanvasShell({ graph, messages }) {
   const locale = chunkY5VN4SPH_js.useLocale();
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkD5OTZGA2_js.Workspace,
+    chunk5SCZB5UI_js.Workspace,
     {
       initialGraph: graph,
       locale,
@@ -18,5 +18,5 @@ function WorkflowCanvasShell({ graph, messages }) {
 }
 
 exports.WorkflowCanvasShell = WorkflowCanvasShell;
-//# sourceMappingURL=chunk-PPIUMCUZ.js.map
-//# sourceMappingURL=chunk-PPIUMCUZ.js.map
+//# sourceMappingURL=chunk-7SDB2VC2.js.map
+//# sourceMappingURL=chunk-7SDB2VC2.js.map

package/dist/{chunk-PPIUMCUZ.js.map → chunk-7SDB2VC2.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/platform/workflow-canvas-shell.tsx"],"names":["useLocale","jsx","Workspace"],"mappings":";;;;;;AAkBO,SAAS,mBAAA,CAAoB,EAAE,KAAA,EAAO,QAAA,EAAS,EAAU;AAC9D,EAAA,MAAM,SAASA,0BAAA,EAAU;AACzB,EAAA,uBACEC,cAAA;AAAA,IAACC,0BAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAc,KAAA;AAAA,MACd,MAAA;AAAA,MACC,GAAI,QAAA,GAAW,EAAE,QAAA,KAAa;AAAC;AAAA,GAClC;AAEJ","file":"chunk-PPIUMCUZ.js","sourcesContent":["import { useLocale } from '@ui/lib/i18n-context'\nimport { Workspace } from '@ui/astrlabe/workflow-canvas'\nimport type { WorkflowGraph as UiWorkflowGraph } from '@ui/astrlabe'\nimport type { WorkflowCanvasShellProps } from '@datatechsolutions/shared-domain/common'\n\n/**\n * Workflow canvas shell with optional message bundle override.\n *\n * Most apps wrap their tree in `<I18nProvider>` and let the canvas read\n * messages from context — in that case `messages` can be omitted. Apps\n * that need to inject a precomputed bundle (e.g. for tests or app-specific\n * overrides not shipped with shared-domain) can pass it explicitly.\n */\ntype Props = WorkflowCanvasShellProps & {\n  /** Optional override for the messages catalog passed into the canvas. */\n  messages?: Record<string, unknown>\n}\n\nexport function WorkflowCanvasShell({ graph, messages }: Props) {\n  const locale = useLocale()\n  return (\n    <Workspace\n      initialGraph={graph as unknown as UiWorkflowGraph}\n      locale={locale}\n      {...(messages ? { messages } : {})}\n    />\n  )\n}\n"]}
+{"version":3,"sources":["../src/platform/workflow-canvas-shell.tsx"],"names":["useLocale","jsx","Workspace"],"mappings":";;;;;;AAkBO,SAAS,mBAAA,CAAoB,EAAE,KAAA,EAAO,QAAA,EAAS,EAAU;AAC9D,EAAA,MAAM,SAASA,0BAAA,EAAU;AACzB,EAAA,uBACEC,cAAA;AAAA,IAACC,0BAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAc,KAAA;AAAA,MACd,MAAA;AAAA,MACC,GAAI,QAAA,GAAW,EAAE,QAAA,KAAa;AAAC;AAAA,GAClC;AAEJ","file":"chunk-7SDB2VC2.js","sourcesContent":["import { useLocale } from '@ui/lib/i18n-context'\nimport { Workspace } from '@ui/astrlabe/workflow-canvas'\nimport type { WorkflowGraph as UiWorkflowGraph } from '@ui/astrlabe'\nimport type { WorkflowCanvasShellProps } from '@datatechsolutions/shared-domain/common'\n\n/**\n * Workflow canvas shell with optional message bundle override.\n *\n * Most apps wrap their tree in `<I18nProvider>` and let the canvas read\n * messages from context — in that case `messages` can be omitted. Apps\n * that need to inject a precomputed bundle (e.g. for tests or app-specific\n * overrides not shipped with shared-domain) can pass it explicitly.\n */\ntype Props = WorkflowCanvasShellProps & {\n  /** Optional override for the messages catalog passed into the canvas. */\n  messages?: Record<string, unknown>\n}\n\nexport function WorkflowCanvasShell({ graph, messages }: Props) {\n  const locale = useLocale()\n  return (\n    <Workspace\n      initialGraph={graph as unknown as UiWorkflowGraph}\n      locale={locale}\n      {...(messages ? { messages } : {})}\n    />\n  )\n}\n"]}

package/dist/{chunk-QGLGQXJE.js → chunk-A5OMGPMR.js}

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkBHOT22QL_js = require('./chunk-BHOT22QL.js');
+var chunkMXQ2EYG2_js = require('./chunk-MXQ2EYG2.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function OtpInput({
@@ -32,7 +32,7 @@ function OtpInput({
         onChange: handleChange,
         disabled,
         autoFocus,
-        className: `w-full rounded-xl border px-4 py-3 text-center font-mono text-2xl tracking-[0.5em] transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 ${error ? "border-red-500 bg-red-50 dark:border-red-400 dark:bg-red-900/20" : "border-gray-300 bg-white dark:border-white/20 dark:bg-white/5"} ${disabled ? "opacity-50 cursor-not-allowed" : ""}`,
+        className: `w-full rounded-xl border px-4 py-3 text-center font-mono text-2xl tracking-[0.5em] transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 ${error ? "border-red-500 bg-red-50 dark:border-red-400 dark:bg-red-900/20" : "border-slate-300 bg-white dark:border-white/20 dark:bg-white/5"} ${disabled ? "opacity-50 cursor-not-allowed" : ""}`,
         "aria-invalid": !!error
       }
     ),
@@ -51,18 +51,18 @@ function PasswordStrengthMeter({
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-1", children: Array.from({ length: 4 }, (_, index) => /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: `h-1 flex-1 rounded-full transition-colors ${index <= strength - 1 ? colors[strength] : "bg-gray-200 dark:bg-white/10"}`
+        className: `h-1 flex-1 rounded-full transition-colors ${index <= strength - 1 ? colors[strength] : "bg-slate-200 dark:bg-white/10"}`
       },
       index
     )) }),
-    showRequirements && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: labels[strength] })
+    showRequirements && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: labels[strength] })
   ] });
 }
 function BackupCodeGrid({ codes, revealed = false }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2", children: codes.map((code, index) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: "rounded-lg border border-gray-200 bg-gray-50 px-3 py-2 text-center font-mono text-sm dark:border-white/10 dark:bg-white/5",
+      className: "rounded-lg border border-slate-200 bg-slate-50 px-3 py-2 text-center font-mono text-sm dark:border-white/10 dark:bg-white/5",
       children: revealed ? code : "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022"
     },
     index
@@ -80,7 +80,7 @@ function GoogleIcon() {
   ] });
 }
 function GitHubIcon() {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "h-5 w-5 shrink-0 text-gray-800 dark:text-white", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z" }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "h-5 w-5 shrink-0 text-slate-800 dark:text-white", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z" }) });
 }
 function MicrosoftIcon() {
   return /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "h-5 w-5 shrink-0", viewBox: "0 0 24 24", children: [
@@ -91,7 +91,7 @@ function MicrosoftIcon() {
   ] });
 }
 function AppleIcon() {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "h-5 w-5 shrink-0 text-gray-800 dark:text-white", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17.05 20.28c-.98.95-2.05.88-3.08.4-1.09-.5-2.08-.48-3.24 0-1.44.62-2.2.44-3.06-.4C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z" }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "h-5 w-5 shrink-0 text-slate-800 dark:text-white", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17.05 20.28c-.98.95-2.05.88-3.08.4-1.09-.5-2.08-.48-3.24 0-1.44.62-2.2.44-3.06-.4C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z" }) });
 }
 function AmazonIcon() {
   return /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "h-5 w-5 shrink-0", viewBox: "0 0 24 24", children: [
@@ -120,7 +120,7 @@ function SocialLoginButtons({
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2.5", children: providers.map((provider) => {
     const { label, Icon } = PROVIDER_CONFIG[provider];
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkBHOT22QL_js.Button,
+      chunkMXQ2EYG2_js.Button,
       {
         type: "button",
         color: "ios-glass-blue",
@@ -144,5 +144,5 @@ exports.BackupCodeGrid = BackupCodeGrid;
 exports.OtpInput = OtpInput;
 exports.PasswordStrengthMeter = PasswordStrengthMeter;
 exports.SocialLoginButtons = SocialLoginButtons;
-//# sourceMappingURL=chunk-QGLGQXJE.js.map
-//# sourceMappingURL=chunk-QGLGQXJE.js.map
+//# sourceMappingURL=chunk-A5OMGPMR.js.map
+//# sourceMappingURL=chunk-A5OMGPMR.js.map

package/dist/chunk-A5OMGPMR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/platform/auth/components.tsx"],"names":["jsxs","jsx","Button"],"mappings":"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","file":"chunk-A5OMGPMR.js","sourcesContent":["import React, { type ReactNode } from 'react'\nimport { Button } from '@ui/index'\n\n// =============================================================================\n// Stub UI components for windsock auth flows\n// These components are not exported by @datatechsolutions/ui and are defined\n// locally with minimal implementations.\n// =============================================================================\n\n// ── SocialProvider type ─────────────────────────────────────────────────────\n\nexport type SocialProvider = 'google' | 'github' | 'discord' | 'microsoft' | 'apple' | 'amazon'\n\n// ── OtpInput ────────────────────────────────────────────────────────────────\n\nexport interface OtpInputProps {\n  value: string\n  onChange: (value: string) => void\n  onComplete?: (code: string) => void\n  error?: string\n  disabled?: boolean\n  autoFocus?: boolean\n  length?: number\n}\n\nexport function OtpInput({\n  value,\n  onChange,\n  onComplete,\n  error,\n  disabled = false,\n  autoFocus = false,\n  length = 6,\n}: OtpInputProps) {\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = event.target.value.replace(/\\D/g, '').slice(0, length)\n    onChange(newValue)\n    if (newValue.length === length && onComplete) {\n      onComplete(newValue)\n    }\n  }\n\n  return (\n    <div className=\"space-y-1\">\n      <input\n        type=\"text\"\n        inputMode=\"numeric\"\n        pattern=\"[0-9]*\"\n        maxLength={length}\n        value={value}\n        onChange={handleChange}\n        disabled={disabled}\n        autoFocus={autoFocus}\n        className={`w-full rounded-xl border px-4 py-3 text-center font-mono text-2xl tracking-[0.5em] transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 ${\n          error\n            ? 'border-red-500 bg-red-50 dark:border-red-400 dark:bg-red-900/20'\n            : 'border-slate-300 bg-white dark:border-white/20 dark:bg-white/5'\n        } ${disabled ? 'opacity-50 cursor-not-allowed' : ''}`}\n        aria-invalid={!!error}\n      />\n      {error && (\n        <p className=\"text-xs text-red-600 dark:text-red-400 text-center\">{error}</p>\n      )}\n    </div>\n  )\n}\n\n// ── PasswordStrengthMeter ───────────────────────────────────────────────────\n\nexport interface PasswordStrengthMeterProps {\n  password: string\n  policy?: unknown\n  showRequirements?: boolean\n}\n\nexport function PasswordStrengthMeter({\n  password,\n  showRequirements = false,\n}: PasswordStrengthMeterProps) {\n  const strength = Math.min(4, Math.floor(password.length / 3))\n  const colors = ['bg-red-500', 'bg-orange-500', 'bg-yellow-500', 'bg-lime-500', 'bg-green-500']\n  const labels = ['Very weak', 'Weak', 'Fair', 'Strong', 'Very strong']\n\n  if (!password) return null\n\n  return (\n    <div className=\"space-y-1.5\">\n      <div className=\"flex gap-1\">\n        {Array.from({ length: 4 }, (_, index) => (\n          <div\n            key={index}\n            className={`h-1 flex-1 rounded-full transition-colors ${\n              index <= strength - 1 ? colors[strength] : 'bg-slate-200 dark:bg-white/10'\n            }`}\n          />\n        ))}\n      </div>\n      {showRequirements && (\n        <p className=\"text-xs text-slate-500 dark:text-slate-400\">{labels[strength]}</p>\n      )}\n    </div>\n  )\n}\n\n// ── BackupCodeGrid ──────────────────────────────────────────────────────────\n\nexport interface BackupCodeGridProps {\n  codes: string[]\n  revealed?: boolean\n}\n\nexport function BackupCodeGrid({ codes, revealed = false }: BackupCodeGridProps) {\n  return (\n    <div className=\"grid grid-cols-2 gap-2\">\n      {codes.map((code, index) => (\n        <div\n          key={index}\n          className=\"rounded-lg border border-slate-200 bg-slate-50 px-3 py-2 text-center font-mono text-sm dark:border-white/10 dark:bg-white/5\"\n        >\n          {revealed ? code : '\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022'}\n        </div>\n      ))}\n    </div>\n  )\n}\n\n// ── AuthLayout ──────────────────────────────────────────────────────────────\n\nexport interface AuthLayoutProps {\n  children: ReactNode\n  heroPanel?: unknown\n}\n\nexport function AuthLayout({ children }: AuthLayoutProps) {\n  return (\n    <div className=\"w-full max-w-md mx-auto\">\n      {children}\n    </div>\n  )\n}\n\n// ── SocialLoginButtons ──────────────────────────────────────────────────────\n\nexport interface SocialLoginButtonsProps {\n  providers: SocialProvider[]\n  onProviderClick: (provider: SocialProvider) => void\n  loading?: SocialProvider | null\n  disabled?: boolean\n}\n\nfunction GoogleIcon() {\n  return (\n    <svg className=\"h-5 w-5 shrink-0\" viewBox=\"0 0 24 24\">\n      <path d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z\" fill=\"#4285F4\" />\n      <path d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" fill=\"#34A853\" />\n      <path d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\" fill=\"#FBBC05\" />\n      <path d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" fill=\"#EA4335\" />\n    </svg>\n  )\n}\n\nfunction GitHubIcon() {\n  return (\n    <svg className=\"h-5 w-5 shrink-0 text-slate-800 dark:text-white\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path d=\"M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z\" />\n    </svg>\n  )\n}\n\nfunction MicrosoftIcon() {\n  return (\n    <svg className=\"h-5 w-5 shrink-0\" viewBox=\"0 0 24 24\">\n      <rect x=\"1\" y=\"1\" width=\"10\" height=\"10\" fill=\"#F25022\" />\n      <rect x=\"13\" y=\"1\" width=\"10\" height=\"10\" fill=\"#7FBA00\" />\n      <rect x=\"1\" y=\"13\" width=\"10\" height=\"10\" fill=\"#00A4EF\" />\n      <rect x=\"13\" y=\"13\" width=\"10\" height=\"10\" fill=\"#FFB900\" />\n    </svg>\n  )\n}\n\nfunction AppleIcon() {\n  return (\n    <svg className=\"h-5 w-5 shrink-0 text-slate-800 dark:text-white\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path d=\"M17.05 20.28c-.98.95-2.05.88-3.08.4-1.09-.5-2.08-.48-3.24 0-1.44.62-2.2.44-3.06-.4C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z\" />\n    </svg>\n  )\n}\n\nfunction AmazonIcon() {\n  return (\n    <svg className=\"h-5 w-5 shrink-0\" viewBox=\"0 0 24 24\">\n      <path d=\"M13.958 10.09c0 1.232.029 2.256-.591 3.351-.502.891-1.301 1.438-2.186 1.438-1.214 0-1.922-.924-1.922-2.292 0-2.692 2.415-3.182 4.7-3.182v.685zm3.186 7.705a.66.66 0 0 1-.753.077c-1.06-.876-1.25-1.283-1.828-2.119-1.748 1.783-2.986 2.317-5.249 2.317-2.681 0-4.768-1.653-4.768-4.96 0-2.583 1.4-4.34 3.392-5.2 1.727-.753 4.14-.886 5.98-1.094v-.408c0-.748.058-1.634-.383-2.28-.383-.579-1.117-.816-1.765-.816-1.2 0-2.266.615-2.527 1.89a.556.556 0 0 1-.481.482l-2.7-.291c-.224-.05-.474-.231-.41-.574C6.41 1.62 9.647.5 12.564.5c1.476 0 3.406.393 4.573 1.51 1.476 1.38 1.336 3.224 1.336 5.229v4.736c0 1.423.59 2.047 1.145 2.816.196.275.24.604-.01.807-.626.524-1.74 1.499-2.352 2.044l-.112.062z\" fill=\"#FF9900\" />\n      <path d=\"M21.558 18.494c-1.94 1.432-4.753 2.195-7.178 2.195-3.396 0-6.453-1.255-8.765-3.344-.182-.164-.02-.389.199-.261 2.497 1.453 5.584 2.328 8.773 2.328 2.152 0 4.517-.446 6.694-1.37.328-.14.603.216.277.452z\" fill=\"#FF9900\" />\n      <path d=\"M22.323 17.168c-.247-.317-1.636-.15-2.261-.076-.19.022-.219-.142-.048-.261 1.107-.777 2.923-.553 3.134-.293.212.264-.055 2.087-1.095 2.959-.16.134-.312.063-.241-.114.234-.583.758-1.899.511-2.215z\" fill=\"#FF9900\" />\n    </svg>\n  )\n}\n\nfunction DiscordIcon() {\n  return (\n    <svg className=\"h-5 w-5 shrink-0\" viewBox=\"0 0 24 24\">\n      <path d=\"M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z\" fill=\"#5865F2\" />\n    </svg>\n  )\n}\n\nconst PROVIDER_CONFIG: Record<SocialProvider, { label: string; Icon: React.FC }> = {\n  google: { label: 'Google', Icon: GoogleIcon },\n  github: { label: 'GitHub', Icon: GitHubIcon },\n  microsoft: { label: 'Microsoft', Icon: MicrosoftIcon },\n  apple: { label: 'Apple', Icon: AppleIcon },\n  amazon: { label: 'Amazon', Icon: AmazonIcon },\n  discord: { label: 'Discord', Icon: DiscordIcon },\n}\n\nexport function SocialLoginButtons({\n  providers,\n  onProviderClick,\n  loading,\n  disabled = false,\n}: SocialLoginButtonsProps) {\n  return (\n    <div className=\"flex flex-col gap-2.5\">\n      {providers.map((provider) => {\n        const { label, Icon } = PROVIDER_CONFIG[provider]\n        return (\n          <Button\n            key={provider}\n            type=\"button\"\n            color=\"ios-glass-blue\"\n            size=\"lg\"\n            fullWidth\n            onClick={() => onProviderClick(provider)}\n            disabled={disabled || (loading != null && loading !== provider)}\n            loading={loading === provider}\n          >\n            {loading !== provider && <Icon />}\n            {label}\n          </Button>\n        )\n      })}\n    </div>\n  )\n}\n"]}