@synergenius/flow-weaver-pack-weaver 0.9.199 → 0.9.201

package/dist/ui/profile-card.js

@@ -24,16 +24,8 @@ __export(profile_card_exports, {
   default: () => profile_card_default
 });
 module.exports = __toCommonJS(profile_card_exports);
-var React = require("react");
-var {
-  Flex,
-  Typography,
-  Icon,
-  Chip,
-  IconButton,
-  Field,
-  CollapsibleSection
-} = require("@fw/plugin-ui-kit");
+var import_plugin_ui_kit = require("@fw/plugin-ui-kit");
+var import_jsx_runtime = require("react/jsx-runtime");
 var TIER_LABELS = {
   fast: "Fast",
   standard: "Mid",
@@ -69,8 +61,8 @@ function ProfileCard({ profile, activeInstances, onEdit, onDelete }) {
   if (preferences.maxCostPerRun) budgetParts.push(`$${preferences.maxCostPerRun.toFixed(2)}/run`);
   if (preferences.maxCostPerTask) budgetParts.push(`$${preferences.maxCostPerTask.toFixed(2)}/task`);
   const budgetText = budgetParts.length > 0 ? budgetParts.join(" / ") : null;
-  return React.createElement(
-    Flex,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_plugin_ui_kit.Flex,
     {
       variant: "column-stretch-start-nowrap-6",
       style: {
@@ -78,224 +70,107 @@ function ProfileCard({ profile, activeInstances, onEdit, onDelete }) {
         borderRadius: "8px",
         border: "1px solid var(--color-border-default)",
         backgroundColor: "var(--color-surface-elevated)"
-      }
-    },
-    // Header: Icon + Name + Edit/Delete buttons
-    React.createElement(
-      Flex,
-      { variant: "row-center-start-nowrap-8" },
-      React.createElement(
-        Flex,
-        {
-          variant: "row-center-center-nowrap-0",
-          style: { color: `var(--${color})`, flexShrink: 0 }
-        },
-        React.createElement(Icon, { name: icon || "smartToy", size: 18 })
-      ),
-      React.createElement(Typography, {
-        variant: "caption-thick",
-        color: "color-text-high",
-        style: { flex: 1, minWidth: 0 }
-      }, name),
-      onEdit && React.createElement(IconButton, {
-        icon: "edit",
-        size: "xs",
-        variant: "clear",
-        onClick: () => onEdit(id),
-        title: "Edit profile"
-      }),
-      onDelete && React.createElement(IconButton, {
-        icon: "outlinedDelete",
-        size: "xs",
-        variant: "clear",
-        color: "danger",
-        onClick: () => onDelete(id),
-        title: "Delete profile"
-      })
-    ),
-    // Description
-    description && React.createElement(Typography, {
-      variant: "smallCaption-regular",
-      color: "color-text-medium"
-    }, description),
-    // Divider
-    React.createElement("div", {
-      style: { borderTop: "1px solid var(--color-border-default)", margin: "2px 0" }
-    }),
-    // Capabilities
-    capabilities.length > 0 && React.createElement(
-      Field,
-      { label: "Capabilities", labelWidth: 90, align: "start" },
-      React.createElement(
-        Flex,
-        { variant: "row-center-start-wrap-4" },
-        ...capabilities.map(
-          (cap) => React.createElement(
-            "span",
-            { key: cap.name, title: cap.description },
-            React.createElement(Chip, { label: cap.name, size: "small", color: "color-brand-main" })
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "row-center-start-nowrap-8", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_plugin_ui_kit.Flex,
+            {
+              variant: "row-center-center-nowrap-0",
+              style: { color: `var(--${color})`, flexShrink: 0 },
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Icon, { name: icon || "smartToy", size: 18, color: color || "color-text-medium" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_plugin_ui_kit.Typography,
+            {
+              variant: "caption-thick",
+              color: "color-text-high",
+              style: { flex: 1, minWidth: 0 },
+              children: name
+            }
+          ),
+          onEdit && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_plugin_ui_kit.IconButton,
+            {
+              icon: "edit",
+              size: "xs",
+              variant: "clear",
+              onClick: () => onEdit(id),
+              title: "Edit profile"
+            }
+          ),
+          onDelete && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_plugin_ui_kit.IconButton,
+            {
+              icon: "outlinedDelete",
+              size: "xs",
+              variant: "clear",
+              color: "danger",
+              onClick: () => onDelete(id),
+              title: "Delete profile"
+            }
           )
-        )
-      )
-    ),
-    // Knowledge capabilities (from behavior)
-    behavior?.capabilities && behavior.capabilities.length > 0 && React.createElement(
-      Field,
-      { label: "Knowledge", labelWidth: 90, align: "start" },
-      React.createElement(
-        Flex,
-        { variant: "row-center-start-wrap-4" },
-        ...behavior.capabilities.map(
-          (capName) => React.createElement(
-            "span",
-            { key: capName },
-            React.createElement(Chip, { label: capName, size: "small", color: "color-status-info" })
+        ] }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-medium", children: description }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { borderTop: "1px solid var(--color-border-default)", margin: "2px 0" } }),
+        capabilities.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Field, { label: "Capabilities", labelWidth: 90, align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Flex, { variant: "row-center-start-wrap-4", children: capabilities.map((cap) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { title: cap.description, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Chip, { label: cap.name, size: "small", color: "color-brand-main" }) }, cap.name)) }) }),
+        behavior?.capabilities && behavior.capabilities.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Field, { label: "Capabilities", labelWidth: 90, align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Flex, { variant: "row-center-start-wrap-4", children: behavior.capabilities.map((capName) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Chip, { label: capName, size: "small", color: "color-status-info" }) }, capName)) }) }),
+        behavior?.budget && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Field, { label: "Budget", labelWidth: 90, align: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-high", children: `$${behavior.budget.toFixed(2)}/task` }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Field, { label: "Strategy", labelWidth: 90, align: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "row-center-start-nowrap-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Icon, { name: STRATEGY_ICONS[preferences.costStrategy] || "syncAlt", size: 12, color: "color-text-medium" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-high", children: STRATEGY_LABELS[preferences.costStrategy] ?? preferences.costStrategy })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Field, { label: "Instances", labelWidth: 90, align: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "row-center-start-nowrap-8", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-high", children: `${activeInstances}/${maxInstances} active` }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_plugin_ui_kit.Chip,
+            {
+              label: preferences.requireApproval ? "Approval required" : "Auto-approve",
+              size: "small",
+              color: preferences.requireApproval ? "color-status-caution" : "color-status-positive"
+            }
           )
-        )
-      )
-    ),
-    // Budget (from behavior)
-    behavior?.budget && React.createElement(
-      Field,
-      { label: "Budget", labelWidth: 90, align: "center" },
-      React.createElement(Typography, {
-        variant: "smallCaption-regular",
-        color: "color-text-high"
-      }, `$${behavior.budget.toFixed(2)}/task`)
-    ),
-    // Strategy
-    React.createElement(
-      Field,
-      { label: "Strategy", labelWidth: 90, align: "center" },
-      React.createElement(
-        Flex,
-        { variant: "row-center-start-nowrap-6" },
-        React.createElement(Icon, { name: STRATEGY_ICONS[preferences.costStrategy] || "syncAlt", size: 12 }),
-        React.createElement(Typography, {
-          variant: "smallCaption-regular",
-          color: "color-text-high"
-        }, STRATEGY_LABELS[preferences.costStrategy] ?? preferences.costStrategy)
-      )
-    ),
-    // Instances + Approval
-    React.createElement(
-      Field,
-      { label: "Instances", labelWidth: 90, align: "center" },
-      React.createElement(
-        Flex,
-        { variant: "row-center-start-nowrap-8" },
-        React.createElement(Typography, {
-          variant: "smallCaption-regular",
-          color: "color-text-high"
-        }, `${activeInstances}/${maxInstances} active`),
-        React.createElement(Chip, {
-          label: preferences.requireApproval ? "Approval required" : "Auto-approve",
-          size: "small",
-          color: preferences.requireApproval ? "color-status-caution" : "color-status-positive"
-        })
-      )
-    ),
-    // Budget
-    budgetText && React.createElement(
-      Field,
-      { label: "Budget", labelWidth: 90, align: "center" },
-      React.createElement(Typography, {
-        variant: "smallCaption-regular",
-        color: "color-text-high"
-      }, budgetText)
-    ),
-    // --- Behavior section (new) ---
-    behavior && React.createElement(
-      React.Fragment,
-      null,
-      // Phase pills
-      React.createElement(
-        Field,
-        { label: "Phases", labelWidth: 90, align: "start" },
-        React.createElement(
-          Flex,
-          { variant: "row-center-start-wrap-4" },
-          ...Object.entries(behavior.phases).map(([phaseName, phase]) => {
+        ] }) }),
+        budgetText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Field, { label: "Budget", labelWidth: 90, align: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-high", children: budgetText }) }),
+        behavior && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Field, { label: "Phases", labelWidth: 90, align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Flex, { variant: "row-center-start-wrap-4", children: Object.entries(behavior.phases).map(([phaseName, phase]) => {
             const enabled = phase?.enabled !== false;
             const isLlmPhase = phase?.tier !== void 0;
             const label = isLlmPhase && enabled ? `${phaseName} (${tierLabel(phase)})` : phaseName;
-            return React.createElement(
-              "span",
-              { key: phaseName },
-              React.createElement(Chip, {
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_plugin_ui_kit.Chip,
+              {
                 label,
                 size: "small",
                 color: enabled ? "color-status-positive" : "color-status-info",
                 disabled: !enabled
-              })
-            );
-          })
-        )
-      ),
-      // Escalation
-      React.createElement(
-        Field,
-        { label: "Escalation", labelWidth: 90, align: "center" },
-        React.createElement(Typography, {
-          variant: "smallCaption-regular",
-          color: "color-text-high"
-        }, `${behavior.escalation.maxAttempts} attempts, then ${behavior.escalation.onExhausted}`)
-      ),
-      // Scope (if set)
-      behavior.scope && (behavior.scope.allowedPaths?.length || behavior.scope.blockedPaths?.length) && React.createElement(
-        Field,
-        { label: "Scope", labelWidth: 90, align: "start" },
-        React.createElement(
-          Flex,
-          { variant: "column-stretch-start-nowrap-2" },
-          behavior.scope.blockedPaths?.length && React.createElement(
-            Flex,
-            { variant: "row-center-start-wrap-4" },
-            React.createElement(Typography, {
-              variant: "smallCaption-regular",
-              color: "color-text-subtle"
-            }, "Blocked:"),
-            ...behavior.scope.blockedPaths.map(
-              (p) => React.createElement(
-                "span",
-                { key: p },
-                React.createElement(Chip, { label: p, size: "small", color: "color-status-negative" })
-              )
-            )
-          ),
-          behavior.scope.allowedPaths?.length && React.createElement(
-            Flex,
-            { variant: "row-center-start-wrap-4" },
-            React.createElement(Typography, {
-              variant: "smallCaption-regular",
-              color: "color-text-subtle"
-            }, "Allowed:"),
-            ...behavior.scope.allowedPaths.map(
-              (p) => React.createElement(
-                "span",
-                { key: p },
-                React.createElement(Chip, { label: p, size: "small", color: "color-status-positive" })
-              )
-            )
-          )
-        )
-      )
-    ),
-    // Instructions — collapsible
-    preferences.instructions && React.createElement(
-      CollapsibleSection,
-      {
-        title: "Protocol",
-        variant: "list",
-        defaultExpanded: false
-      },
-      React.createElement(Typography, {
-        variant: "smallCaption-regular",
-        color: "color-text-subtle",
-        style: { whiteSpace: "pre-wrap", lineHeight: "1.5", padding: "4px 0" }
-      }, preferences.instructions)
-    )
+              }
+            ) }, phaseName);
+          }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Field, { label: "Escalation", labelWidth: 90, align: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-high", children: `${behavior.escalation.maxAttempts} attempts, then ${behavior.escalation.onExhausted}` }) }),
+          behavior.scope && (behavior.scope.allowedPaths?.length || behavior.scope.blockedPaths?.length) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Field, { label: "Scope", labelWidth: 90, align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "column-stretch-start-nowrap-2", children: [
+            behavior.scope.blockedPaths?.length && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "row-center-start-wrap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: "Blocked:" }),
+              behavior.scope.blockedPaths.map((p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Chip, { label: p, size: "small", color: "color-status-negative" }) }, p))
+            ] }),
+            behavior.scope.allowedPaths?.length && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "row-center-start-wrap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: "Allowed:" }),
+              behavior.scope.allowedPaths.map((p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Chip, { label: p, size: "small", color: "color-status-positive" }) }, p))
+            ] })
+          ] }) })
+        ] }),
+        preferences.instructions && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.CollapsibleSection, { title: "Protocol", variant: "list", defaultExpanded: false, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_plugin_ui_kit.Typography,
+          {
+            variant: "smallCaption-regular",
+            color: "color-text-subtle",
+            style: { whiteSpace: "pre-wrap", lineHeight: "1.5", padding: "4px 0" },
+            children: preferences.instructions
+          }
+        ) })
+      ]
+    }
   );
 }
 var profile_card_default = ProfileCard;
-module.exports = ProfileCard;