@synergenius/flow-weaver-pack-weaver 0.9.19 → 0.9.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/ui/bot-config.js +27 -5
  2. package/flowweaver.manifest.json +1 -1
  3. package/package.json +1 -1
  4. package/src/ui/bot-config.tsx +23 -6
package/dist/ui/bot-config.js CHANGED
@@ -6,12 +6,19 @@ var React = require("react");
6
6
  var { useState, useEffect, useCallback } = React;
7
7
  var { Typography } = require("@fw/plugin-ui-kit");
8
8
  var { Icon } = require("@fw/plugin-ui-kit");
9
- var { KeyValueRow } = require("@fw/plugin-ui-kit");
10
9
  var { CollapsibleSection } = require("@fw/plugin-ui-kit");
11
10
  var { LoadingSpinner } = require("@fw/plugin-ui-kit");
12
11
  var { Banner } = require("@fw/plugin-ui-kit");
13
- var { Badge } = require("@fw/plugin-ui-kit");
14
12
  var { IconButton } = require("@fw/plugin-ui-kit");
13
+ var { styled } = require("@fw/plugin-theme");
14
+ var ConfigRow = styled.div({
15
+ display: "flex",
16
+ justifyContent: "space-between",
17
+ alignItems: "center",
18
+ padding: "6px 0",
19
+ borderBottom: "1px solid $color-border-default",
20
+ "&:last-of-type": { borderBottom: "none" }
21
+ });
15
22
  var TOOL_URL = "/api/pack-tool/@synergenius/flow-weaver-pack-weaver/fw_weaver_insights";
16
23
  function BotConfig({ packName, botId }) {
17
24
  const [data, setData] = useState(null);
@@ -54,9 +61,24 @@ function BotConfig({ packName, botId }) {
54
61
  const approval = bot?.approvalMode ?? "auto";
55
62
  const hasBots = (data?.bots?.length ?? 0) > 0;
56
63
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleSection, { title: "Configuration", defaultExpanded: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { padding: "4px 12px 12px" }, children: [
57
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(KeyValueRow, { keyName: "Provider", value: provider }),
58
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(KeyValueRow, { keyName: "Approval", value: approval }),
59
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(KeyValueRow, { keyName: "Trust Phase", value: `P${data?.trust?.phase ?? "?"} (${data?.trust?.score ?? 0}/100)` }),
64
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ConfigRow, { children: [
65
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "smallCaption-bold", color: "color-text-subtle", children: "Provider" }),
66
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "caption-regular", color: "color-text-high", children: provider })
67
+ ] }),
68
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ConfigRow, { children: [
69
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "smallCaption-bold", color: "color-text-subtle", children: "Approval" }),
70
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "caption-regular", color: "color-text-high", children: approval })
71
+ ] }),
72
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ConfigRow, { children: [
73
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "smallCaption-bold", color: "color-text-subtle", children: "Trust Phase" }),
74
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Typography, { variant: "caption-regular", color: "color-text-high", children: [
75
+ "P",
76
+ data?.trust?.phase ?? "?",
77
+ " (",
78
+ data?.trust?.score ?? 0,
79
+ "/100)"
80
+ ] })
81
+ ] }),
60
82
  !hasBots && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { marginTop: 12 }, children: [
61
83
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Banner, { status: "info", size: "small", children: "No .weaver.json detected. Create one to configure providers and approval modes." }),
62
84
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "caption-regular", color: "color-text-subtle", style: { marginTop: 6, fontFamily: "var(--typography-family-mono)" }, children: "npx flow-weaver weaver init" })
package/flowweaver.manifest.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "manifestVersion": 2,
3
3
  "name": "@synergenius/flow-weaver-pack-weaver",
4
- "version": "0.9.19",
4
+ "version": "0.9.20",
5
5
  "description": "AI bot for Flow Weaver. Execute tasks, run workflows, evolve autonomously.",
6
6
  "engineVersion": ">=0.22.10",
7
7
  "categories": [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synergenius/flow-weaver-pack-weaver",
3
- "version": "0.9.19",
3
+ "version": "0.9.20",
4
4
  "description": "AI bot for Flow Weaver. Execute tasks, run workflows, evolve autonomously.",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
package/src/ui/bot-config.tsx CHANGED
@@ -6,12 +6,20 @@ const React = require('react');
6
6
  const { useState, useEffect, useCallback } = React;
7
7
  const { Typography } = require('@fw/plugin-ui-kit');
8
8
  const { Icon } = require('@fw/plugin-ui-kit');
9
- const { KeyValueRow } = require('@fw/plugin-ui-kit');
10
9
  const { CollapsibleSection } = require('@fw/plugin-ui-kit');
11
10
  const { LoadingSpinner } = require('@fw/plugin-ui-kit');
12
11
  const { Banner } = require('@fw/plugin-ui-kit');
13
- const { Badge } = require('@fw/plugin-ui-kit');
14
12
  const { IconButton } = require('@fw/plugin-ui-kit');
13
+ const { styled } = require('@fw/plugin-theme');
14
+
15
+ const ConfigRow = styled.div({
16
+ display: 'flex',
17
+ justifyContent: 'space-between',
18
+ alignItems: 'center',
19
+ padding: '6px 0',
20
+ borderBottom: '1px solid $color-border-default',
21
+ '&:last-of-type': { borderBottom: 'none' },
22
+ });
15
23
 
16
24
  const TOOL_URL = '/api/pack-tool/@synergenius/flow-weaver-pack-weaver/fw_weaver_insights';
17
25
 
@@ -56,7 +64,7 @@ function BotConfig({ packName, botId }: { packName: string; botId: string }) {
56
64
  </div>
57
65
  );
58
66
 
59
- const bot = data?.bots?.find(b => b.name === botId) ?? data?.bots?.[0];
67
+ const bot = data?.bots?.find((b: any) => b.name === botId) ?? data?.bots?.[0];
60
68
  const provider = bot?.provider ?? 'Not configured';
61
69
  const approval = bot?.approvalMode ?? 'auto';
62
70
  const hasBots = (data?.bots?.length ?? 0) > 0;
@@ -64,9 +72,18 @@ function BotConfig({ packName, botId }: { packName: string; botId: string }) {
64
72
  return (
65
73
  <CollapsibleSection title="Configuration" defaultExpanded>
66
74
  <div style={{ padding: '4px 12px 12px' }}>
67
- <KeyValueRow keyName="Provider" value={provider} />
68
- <KeyValueRow keyName="Approval" value={approval} />
69
- <KeyValueRow keyName="Trust Phase" value={`P${data?.trust?.phase ?? '?'} (${data?.trust?.score ?? 0}/100)`} />
75
+ <ConfigRow>
76
+ <Typography variant="smallCaption-bold" color="color-text-subtle">Provider</Typography>
77
+ <Typography variant="caption-regular" color="color-text-high">{provider}</Typography>
78
+ </ConfigRow>
79
+ <ConfigRow>
80
+ <Typography variant="smallCaption-bold" color="color-text-subtle">Approval</Typography>
81
+ <Typography variant="caption-regular" color="color-text-high">{approval}</Typography>
82
+ </ConfigRow>
83
+ <ConfigRow>
84
+ <Typography variant="smallCaption-bold" color="color-text-subtle">Trust Phase</Typography>
85
+ <Typography variant="caption-regular" color="color-text-high">P{data?.trust?.phase ?? '?'} ({data?.trust?.score ?? 0}/100)</Typography>
86
+ </ConfigRow>
70
87
 
71
88
  {!hasBots && (
72
89
  <div style={{ marginTop: 12 }}>