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

package/src/palindrome.ts

@@ -0,0 +1,14 @@
+/**
+ * Checks if a string is a palindrome.
+ * Case-insensitive, ignores non-alphanumeric characters.
+ *
+ * @param s - The input string to check
+ * @returns true if the string is a palindrome, false otherwise
+ */
+export function isPalindrome(s: string): boolean {
+  // Convert to lowercase and keep only alphanumeric characters
+  const cleaned = s.toLowerCase().replace(/[^a-z0-9]/g, '');
+
+  // Check if the cleaned string is equal to its reverse
+  return cleaned === cleaned.split('').reverse().join('');
+}

package/src/ui/approval-card.tsx

@@ -3,9 +3,8 @@
  * Rendered inside TaskBlock when phase is 'planning' and a plan is available.
  * Uses the workspace context's callTool for approval.
  */
-const React = require('react');
-const { useState, useCallback } = React;
-const {
+import React, { useState, useCallback } from 'react';
+import {
   CollapsibleBlock,
   Flex,
   Typography,
@@ -13,7 +12,7 @@ const {
   Chip,
   Button,
   toast,
-} = require('@fw/plugin-ui-kit');
+} from '@fw/plugin-ui-kit';
 
 interface PlanStep {
   id: string;
@@ -51,66 +50,83 @@ function ApprovalCard({ plan, callTool, onDecision }: ApprovalCardProps) {
   );
 
   if (decided !== null) {
-    return React.createElement(CollapsibleBlock, {
-      status: decided ? 'completed' : 'error',
-      label: React.createElement(Typography, {
-        variant: 'caption-bold',
-        color: decided ? 'color-status-positive' : 'color-status-negative',
-      }, decided ? 'Plan Approved' : 'Plan Rejected'),
-      expanded: false,
-      canExpand: false,
-    });
+    return (
+      <CollapsibleBlock
+        status={decided ? 'completed' : 'error'}
+        label={
+          <Typography
+            variant="caption-bold"
+            color={decided ? 'color-status-positive' : 'color-status-negative'}
+          >
+            {decided ? 'Plan Approved' : 'Plan Rejected'}
+          </Typography>
+        }
+        expanded={false}
+        canExpand={false}
+      />
+    );
   }
 
-  return React.createElement(CollapsibleBlock, {
-    status: 'pending',
-    label: React.createElement(Flex, { variant: 'row-center-start-nowrap-8' },
-      React.createElement(Badge, { variant: 'warning' }, 'Approval Needed'),
-      React.createElement(Typography, { variant: 'caption-bold', color: 'color-text-high' },
-        plan.summary || `${plan.steps.length} step plan`),
-    ),
-    expanded: true,
-    canExpand: false,
-  },
-    React.createElement(Flex, {
-      variant: 'column-start-start-nowrap-6',
-      style: { padding: '10px 12px' },
-    },
-      ...plan.steps.map((step: PlanStep, i: number) =>
-        React.createElement(Flex, {
-          key: step.id || i,
-          variant: 'row-center-start-nowrap-6',
-          style: { fontSize: '11px' },
-        },
-          React.createElement(Chip, { label: step.operation, size: 'small', color: 'color-status-info' }),
-          React.createElement(Typography, {
-            variant: 'smallCaption-regular',
-            color: 'color-text-medium',
-          }, step.description),
-        ),
-      ),
-    ),
-    React.createElement(Flex, {
-      variant: 'row-center-start-nowrap-8',
-      style: { padding: '10px 12px', borderTop: '1px solid var(--color-border-default)' },
-    },
-      React.createElement(Button, {
-        variant: 'fill',
-        color: 'primary',
-        size: 'xs',
-        onClick: () => handleDecision(true),
-        loading: deciding,
-        disabled: deciding,
-      }, 'Approve'),
-      React.createElement(Button, {
-        variant: 'outlined',
-        color: 'danger',
-        size: 'xs',
-        onClick: () => handleDecision(false),
-        loading: deciding,
-        disabled: deciding,
-      }, 'Reject'),
-    ),
+  return (
+    <CollapsibleBlock
+      status="pending"
+      label={
+        <Flex variant="row-center-start-nowrap-8">
+          <Badge variant="warning">Approval Needed</Badge>
+          <Typography variant="caption-bold" color="color-text-high">
+            {plan.summary || `${plan.steps.length} step plan`}
+          </Typography>
+        </Flex>
+      }
+      expanded={true}
+      canExpand={false}
+    >
+      <Flex
+        variant="column-start-start-nowrap-6"
+        style={{ padding: '10px 12px' }}
+      >
+        {plan.steps.map((step: PlanStep, i: number) => (
+          <Flex
+            key={step.id || i}
+            variant="row-center-start-nowrap-6"
+            style={{ fontSize: '11px' }}
+          >
+            <Chip label={step.operation} size="small" color="color-status-info" />
+            <Typography
+              variant="smallCaption-regular"
+              color="color-text-medium"
+            >
+              {step.description}
+            </Typography>
+          </Flex>
+        ))}
+      </Flex>
+      <Flex
+        variant="row-center-start-nowrap-8"
+        style={{ padding: '10px 12px', borderTop: '1px solid var(--color-border-default)' }}
+      >
+        <Button
+          variant="fill"
+          color="primary"
+          size="xs"
+          onClick={() => handleDecision(true)}
+          loading={deciding}
+          disabled={deciding}
+        >
+          Approve
+        </Button>
+        <Button
+          variant="outlined"
+          color="danger"
+          size="xs"
+          onClick={() => handleDecision(false)}
+          loading={deciding}
+          disabled={deciding}
+        >
+          Reject
+        </Button>
+      </Flex>
+    </CollapsibleBlock>
   );
 }
 

package/src/ui/bot-activity.tsx

@@ -3,15 +3,16 @@
  * Shows running bot, queued tasks, recent runs, and KPI bar.
  * Runs in the platform bot-panel sandbox.
  */
-const React = require('react');
-const { useState, useEffect, useCallback, useRef } = React;
-const { Typography } = require('@fw/plugin-ui-kit');
-const { Icon } = require('@fw/plugin-ui-kit');
-const { IconButton } = require('@fw/plugin-ui-kit');
-const { Badge } = require('@fw/plugin-ui-kit');
-const { ScrollArea } = require('@fw/plugin-ui-kit');
-const { LoadingSpinner } = require('@fw/plugin-ui-kit');
-const { styled } = require('@fw/plugin-theme');
+import React, { useState, useEffect, useCallback, useRef } from 'react';
+import {
+  Typography,
+  Icon,
+  IconButton,
+  Badge,
+  ScrollArea,
+  LoadingSpinner,
+} from '@fw/plugin-ui-kit';
+import { styled } from '@fw/plugin-theme';
 
 const REFRESH_INTERVAL = 30_000;
 
@@ -345,4 +346,5 @@ function BotActivity({ packName, botId }: { packName: string; botId: string }) {
   );
 }
 
-module.exports = BotActivity;
+export { BotActivity };
+export default BotActivity;

package/src/ui/bot-config.tsx

@@ -2,15 +2,16 @@
  * Weaver Bot Config Panel — shows active configuration (detected + configured).
  * Runs in the platform bot-panel sandbox.
  */
-const React = require('react');
-const { useState, useEffect, useCallback } = React;
-const { Typography } = require('@fw/plugin-ui-kit');
-const { CollapsibleSection } = require('@fw/plugin-ui-kit');
-const { LoadingSpinner } = require('@fw/plugin-ui-kit');
-const { Banner } = require('@fw/plugin-ui-kit');
-const { IconButton } = require('@fw/plugin-ui-kit');
-const { Badge } = require('@fw/plugin-ui-kit');
-const { styled } = require('@fw/plugin-theme');
+import React, { useState, useEffect, useCallback } from 'react';
+import {
+  Typography,
+  CollapsibleSection,
+  LoadingSpinner,
+  Banner,
+  IconButton,
+  Badge,
+} from '@fw/plugin-ui-kit';
+import { styled } from '@fw/plugin-theme';
 
 const BASE = '/api/pack-tool/@synergenius/flow-weaver-pack-weaver';
 
@@ -147,4 +148,5 @@ function BotConfig({ packName, botId }: { packName: string; botId: string }) {
   );
 }
 
-module.exports = BotConfig;
+export { BotConfig };
+export default BotConfig;

package/src/ui/bot-dashboard.tsx

@@ -2,16 +2,17 @@
  * Weaver Bot Dashboard — persistent overview with health, trust, costs, insights, and run history.
  * Runs in the platform bot-panel sandbox. Refreshes every 30 seconds.
  */
-const React = require('react');
-const { useState, useEffect, useCallback, useRef } = React;
-const { Typography } = require('@fw/plugin-ui-kit');
-const { Icon } = require('@fw/plugin-ui-kit');
-const { Badge } = require('@fw/plugin-ui-kit');
-const { CollapsibleSection } = require('@fw/plugin-ui-kit');
-const { LoadingSpinner } = require('@fw/plugin-ui-kit');
-const { Banner } = require('@fw/plugin-ui-kit');
-const { IconButton } = require('@fw/plugin-ui-kit');
-const { styled } = require('@fw/plugin-theme');
+import React, { useState, useEffect, useCallback, useRef } from 'react';
+import {
+  Typography,
+  Icon,
+  Badge,
+  CollapsibleSection,
+  LoadingSpinner,
+  Banner,
+  IconButton,
+} from '@fw/plugin-ui-kit';
+import { styled } from '@fw/plugin-theme';
 
 const BASE = '/api/pack-tool/@synergenius/flow-weaver-pack-weaver';
 
@@ -254,4 +255,5 @@ function BotDashboard({ packName, botId }: { packName: string; botId: string })
   );
 }
 
-module.exports = BotDashboard;
+export { BotDashboard };
+export default BotDashboard;