Add comprehensive frontend UI and distributed infrastructure

Frontend Enhancements:
- Complete React TypeScript frontend with modern UI components
- Distributed workflows management interface with real-time updates
- Socket.IO integration for live agent status monitoring
- Agent management dashboard with cluster visualization
- Project management interface with metrics and task tracking
- Responsive design with proper error handling and loading states

Backend Infrastructure:
- Distributed coordinator for multi-agent workflow orchestration
- Cluster management API with comprehensive agent operations
- Enhanced database models for agents and projects
- Project service for filesystem-based project discovery
- Performance monitoring and metrics collection
- Comprehensive API documentation and error handling

Documentation:
- Complete distributed development guide (README_DISTRIBUTED.md)
- Comprehensive development report with architecture insights
- System configuration templates and deployment guides

The platform now provides a complete web interface for managing the distributed AI cluster
with real-time monitoring, workflow orchestration, and agent coordination capabilities.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
anthonyrawlins
2025-07-10 08:41:59 +10:00
parent fc0eec91ef
commit 85bf1341f3
28348 changed files with 2646896 additions and 69 deletions

View File

@@ -0,0 +1,317 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.getTickValuesFixedDomain = exports.getTickValues = exports.getNiceTickValues = void 0;
var _decimal = _interopRequireDefault(require("decimal.js-light"));
var _utils = require("./util/utils");
var _arithmetic = _interopRequireDefault(require("./util/arithmetic"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
/**
* Calculate a interval of a minimum value and a maximum value
*
* @param {Number} min The minimum value
* @param {Number} max The maximum value
* @return {Array} An interval
*/
function getValidInterval(_ref) {
var _ref2 = _slicedToArray(_ref, 2),
min = _ref2[0],
max = _ref2[1];
var validMin = min,
validMax = max; // exchange
if (min > max) {
validMin = max;
validMax = min;
}
return [validMin, validMax];
}
/**
* Calculate the step which is easy to understand between ticks, like 10, 20, 25
*
* @param {Decimal} roughStep The rough step calculated by deviding the
* difference by the tickCount
* @param {Boolean} allowDecimals Allow the ticks to be decimals or not
* @param {Integer} correctionFactor A correction factor
* @return {Decimal} The step which is easy to understand between two ticks
*/
function getFormatStep(roughStep, allowDecimals, correctionFactor) {
if (roughStep.lte(0)) {
return new _decimal.default(0);
}
var digitCount = _arithmetic.default.getDigitCount(roughStep.toNumber()); // The ratio between the rough step and the smallest number which has a bigger
// order of magnitudes than the rough step
var digitCountValue = new _decimal.default(10).pow(digitCount);
var stepRatio = roughStep.div(digitCountValue); // When an integer and a float multiplied, the accuracy of result may be wrong
var stepRatioScale = digitCount !== 1 ? 0.05 : 0.1;
var amendStepRatio = new _decimal.default(Math.ceil(stepRatio.div(stepRatioScale).toNumber())).add(correctionFactor).mul(stepRatioScale);
var formatStep = amendStepRatio.mul(digitCountValue);
return allowDecimals ? formatStep : new _decimal.default(Math.ceil(formatStep));
}
/**
* calculate the ticks when the minimum value equals to the maximum value
*
* @param {Number} value The minimum valuue which is also the maximum value
* @param {Integer} tickCount The count of ticks
* @param {Boolean} allowDecimals Allow the ticks to be decimals or not
* @return {Array} ticks
*/
function getTickOfSingleValue(value, tickCount, allowDecimals) {
var step = 1; // calculate the middle value of ticks
var middle = new _decimal.default(value);
if (!middle.isint() && allowDecimals) {
var absVal = Math.abs(value);
if (absVal < 1) {
// The step should be a float number when the difference is smaller than 1
step = new _decimal.default(10).pow(_arithmetic.default.getDigitCount(value) - 1);
middle = new _decimal.default(Math.floor(middle.div(step).toNumber())).mul(step);
} else if (absVal > 1) {
// Return the maximum integer which is smaller than 'value' when 'value' is greater than 1
middle = new _decimal.default(Math.floor(value));
}
} else if (value === 0) {
middle = new _decimal.default(Math.floor((tickCount - 1) / 2));
} else if (!allowDecimals) {
middle = new _decimal.default(Math.floor(value));
}
var middleIndex = Math.floor((tickCount - 1) / 2);
var fn = (0, _utils.compose)((0, _utils.map)(function (n) {
return middle.add(new _decimal.default(n - middleIndex).mul(step)).toNumber();
}), _utils.range);
return fn(0, tickCount);
}
/**
* Calculate the step
*
* @param {Number} min The minimum value of an interval
* @param {Number} max The maximum value of an interval
* @param {Integer} tickCount The count of ticks
* @param {Boolean} allowDecimals Allow the ticks to be decimals or not
* @param {Number} correctionFactor A correction factor
* @return {Object} The step, minimum value of ticks, maximum value of ticks
*/
function calculateStep(min, max, tickCount, allowDecimals) {
var correctionFactor = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
// dirty hack (for recharts' test)
if (!Number.isFinite((max - min) / (tickCount - 1))) {
return {
step: new _decimal.default(0),
tickMin: new _decimal.default(0),
tickMax: new _decimal.default(0)
};
} // The step which is easy to understand between two ticks
var step = getFormatStep(new _decimal.default(max).sub(min).div(tickCount - 1), allowDecimals, correctionFactor); // A medial value of ticks
var middle; // When 0 is inside the interval, 0 should be a tick
if (min <= 0 && max >= 0) {
middle = new _decimal.default(0);
} else {
// calculate the middle value
middle = new _decimal.default(min).add(max).div(2); // minus modulo value
middle = middle.sub(new _decimal.default(middle).mod(step));
}
var belowCount = Math.ceil(middle.sub(min).div(step).toNumber());
var upCount = Math.ceil(new _decimal.default(max).sub(middle).div(step).toNumber());
var scaleCount = belowCount + upCount + 1;
if (scaleCount > tickCount) {
// When more ticks need to cover the interval, step should be bigger.
return calculateStep(min, max, tickCount, allowDecimals, correctionFactor + 1);
}
if (scaleCount < tickCount) {
// When less ticks can cover the interval, we should add some additional ticks
upCount = max > 0 ? upCount + (tickCount - scaleCount) : upCount;
belowCount = max > 0 ? belowCount : belowCount + (tickCount - scaleCount);
}
return {
step: step,
tickMin: middle.sub(new _decimal.default(belowCount).mul(step)),
tickMax: middle.add(new _decimal.default(upCount).mul(step))
};
}
/**
* Calculate the ticks of an interval, the count of ticks will be guraranteed
*
* @param {Number} min, max min: The minimum value, max: The maximum value
* @param {Integer} tickCount The count of ticks
* @param {Boolean} allowDecimals Allow the ticks to be decimals or not
* @return {Array} ticks
*/
function getNiceTickValuesFn(_ref3) {
var _ref4 = _slicedToArray(_ref3, 2),
min = _ref4[0],
max = _ref4[1];
var tickCount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 6;
var allowDecimals = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
// More than two ticks should be return
var count = Math.max(tickCount, 2);
var _getValidInterval = getValidInterval([min, max]),
_getValidInterval2 = _slicedToArray(_getValidInterval, 2),
cormin = _getValidInterval2[0],
cormax = _getValidInterval2[1];
if (cormin === -Infinity || cormax === Infinity) {
var _values = cormax === Infinity ? [cormin].concat(_toConsumableArray((0, _utils.range)(0, tickCount - 1).map(function () {
return Infinity;
}))) : [].concat(_toConsumableArray((0, _utils.range)(0, tickCount - 1).map(function () {
return -Infinity;
})), [cormax]);
return min > max ? (0, _utils.reverse)(_values) : _values;
}
if (cormin === cormax) {
return getTickOfSingleValue(cormin, tickCount, allowDecimals);
} // Get the step between two ticks
var _calculateStep = calculateStep(cormin, cormax, count, allowDecimals),
step = _calculateStep.step,
tickMin = _calculateStep.tickMin,
tickMax = _calculateStep.tickMax;
var values = _arithmetic.default.rangeStep(tickMin, tickMax.add(new _decimal.default(0.1).mul(step)), step);
return min > max ? (0, _utils.reverse)(values) : values;
}
/**
* Calculate the ticks of an interval, the count of ticks won't be guraranteed
*
* @param {Number} min, max min: The minimum value, max: The maximum value
* @param {Integer} tickCount The count of ticks
* @param {Boolean} allowDecimals Allow the ticks to be decimals or not
* @return {Array} ticks
*/
function getTickValuesFn(_ref5) {
var _ref6 = _slicedToArray(_ref5, 2),
min = _ref6[0],
max = _ref6[1];
var tickCount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 6;
var allowDecimals = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
// More than two ticks should be return
var count = Math.max(tickCount, 2);
var _getValidInterval3 = getValidInterval([min, max]),
_getValidInterval4 = _slicedToArray(_getValidInterval3, 2),
cormin = _getValidInterval4[0],
cormax = _getValidInterval4[1];
if (cormin === -Infinity || cormax === Infinity) {
return [min, max];
}
if (cormin === cormax) {
return getTickOfSingleValue(cormin, tickCount, allowDecimals);
}
var step = getFormatStep(new _decimal.default(cormax).sub(cormin).div(count - 1), allowDecimals, 0);
var fn = (0, _utils.compose)((0, _utils.map)(function (n) {
return new _decimal.default(cormin).add(new _decimal.default(n).mul(step)).toNumber();
}), _utils.range);
var values = fn(0, count).filter(function (entry) {
return entry >= cormin && entry <= cormax;
});
return min > max ? (0, _utils.reverse)(values) : values;
}
/**
* Calculate the ticks of an interval, the count of ticks won't be guraranteed,
* but the domain will be guaranteed
*
* @param {Number} min, max min: The minimum value, max: The maximum value
* @param {Integer} tickCount The count of ticks
* @param {Boolean} allowDecimals Allow the ticks to be decimals or not
* @return {Array} ticks
*/
function getTickValuesFixedDomainFn(_ref7, tickCount) {
var _ref8 = _slicedToArray(_ref7, 2),
min = _ref8[0],
max = _ref8[1];
var allowDecimals = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
// More than two ticks should be return
var _getValidInterval5 = getValidInterval([min, max]),
_getValidInterval6 = _slicedToArray(_getValidInterval5, 2),
cormin = _getValidInterval6[0],
cormax = _getValidInterval6[1];
if (cormin === -Infinity || cormax === Infinity) {
return [min, max];
}
if (cormin === cormax) {
return [cormin];
}
var count = Math.max(tickCount, 2);
var step = getFormatStep(new _decimal.default(cormax).sub(cormin).div(count - 1), allowDecimals, 0);
var values = [].concat(_toConsumableArray(_arithmetic.default.rangeStep(new _decimal.default(cormin), new _decimal.default(cormax).sub(new _decimal.default(0.99).mul(step)), step)), [cormax]);
return min > max ? (0, _utils.reverse)(values) : values;
}
var getNiceTickValues = (0, _utils.memoize)(getNiceTickValuesFn);
exports.getNiceTickValues = getNiceTickValues;
var getTickValues = (0, _utils.memoize)(getTickValuesFn);
exports.getTickValues = getTickValues;
var getTickValuesFixedDomain = (0, _utils.memoize)(getTickValuesFixedDomainFn);
exports.getTickValuesFixedDomain = getTickValuesFixedDomain;

25
frontend/node_modules/recharts-scale/lib/index.js generated vendored Normal file
View File

@@ -0,0 +1,25 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "getTickValues", {
enumerable: true,
get: function get() {
return _getNiceTickValues.getTickValues;
}
});
Object.defineProperty(exports, "getNiceTickValues", {
enumerable: true,
get: function get() {
return _getNiceTickValues.getNiceTickValues;
}
});
Object.defineProperty(exports, "getTickValuesFixedDomain", {
enumerable: true,
get: function get() {
return _getNiceTickValues.getTickValuesFixedDomain;
}
});
var _getNiceTickValues = require("./getNiceTickValues");

View File

@@ -0,0 +1,115 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _decimal = _interopRequireDefault(require("decimal.js-light"));
var _utils = require("./utils");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/**
* @fileOverview 一些公用的运算方法
* @author xile611
* @date 2015-09-17
*/
/**
* 获取数值的位数
* 其中绝对值属于区间[0.1, 1) 得到的值为0
* 绝对值属于区间[0.01, 0.1),得到的位数为 -1
* 绝对值属于区间[0.001, 0.01),得到的位数为 -2
*
* @param {Number} value 数值
* @return {Integer} 位数
*/
function getDigitCount(value) {
var result;
if (value === 0) {
result = 1;
} else {
result = Math.floor(new _decimal.default(value).abs().log(10).toNumber()) + 1;
}
return result;
}
/**
* 按照固定的步长获取[start, end)这个区间的数据
* 并且需要处理js计算精度的问题
*
* @param {Decimal} start 起点
* @param {Decimal} end 终点,不包含该值
* @param {Decimal} step 步长
* @return {Array} 若干数值
*/
function rangeStep(start, end, step) {
var num = new _decimal.default(start);
var i = 0;
var result = []; // magic number to prevent infinite loop
while (num.lt(end) && i < 100000) {
result.push(num.toNumber());
num = num.add(step);
i++;
}
return result;
}
/**
* 对数值进行线性插值
*
* @param {Number} a 定义域的极点
* @param {Number} b 定义域的极点
* @param {Number} t [0, 1]内的某个值
* @return {Number} 定义域内的某个值
*/
var interpolateNumber = (0, _utils.curry)(function (a, b, t) {
var newA = +a;
var newB = +b;
return newA + t * (newB - newA);
});
/**
* 线性插值的逆运算
*
* @param {Number} a 定义域的极点
* @param {Number} b 定义域的极点
* @param {Number} x 可以认为是插值后的一个输出值
* @return {Number} 当x在 a ~ b这个范围内时返回值属于[0, 1]
*/
var uninterpolateNumber = (0, _utils.curry)(function (a, b, x) {
var diff = b - +a;
diff = diff || Infinity;
return (x - a) / diff;
});
/**
* 线性插值的逆运算,并且有截断的操作
*
* @param {Number} a 定义域的极点
* @param {Number} b 定义域的极点
* @param {Number} x 可以认为是插值后的一个输出值
* @return {Number} 当x在 a ~ b这个区间内时返回值属于[0, 1]
* 当x不在 a ~ b这个区间时会截断到 a ~ b 这个区间
*/
var uninterpolateTruncation = (0, _utils.curry)(function (a, b, x) {
var diff = b - +a;
diff = diff || Infinity;
return Math.max(0, Math.min(1, (x - a) / diff));
});
var _default = {
rangeStep: rangeStep,
getDigitCount: getDigitCount,
interpolateNumber: interpolateNumber,
uninterpolateNumber: uninterpolateNumber,
uninterpolateTruncation: uninterpolateTruncation
};
exports.default = _default;

155
frontend/node_modules/recharts-scale/lib/util/utils.js generated vendored Normal file
View File

@@ -0,0 +1,155 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.memoize = exports.reverse = exports.compose = exports.map = exports.range = exports.curry = exports.PLACE_HOLDER = void 0;
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
var identity = function identity(i) {
return i;
};
var PLACE_HOLDER = {
'@@functional/placeholder': true
};
exports.PLACE_HOLDER = PLACE_HOLDER;
var isPlaceHolder = function isPlaceHolder(val) {
return val === PLACE_HOLDER;
};
var curry0 = function curry0(fn) {
return function _curried() {
if (arguments.length === 0 || arguments.length === 1 && isPlaceHolder(arguments.length <= 0 ? undefined : arguments[0])) {
return _curried;
}
return fn.apply(void 0, arguments);
};
};
var curryN = function curryN(n, fn) {
if (n === 1) {
return fn;
}
return curry0(function () {
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
var argsLength = args.filter(function (arg) {
return arg !== PLACE_HOLDER;
}).length;
if (argsLength >= n) {
return fn.apply(void 0, args);
}
return curryN(n - argsLength, curry0(function () {
for (var _len2 = arguments.length, restArgs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
restArgs[_key2] = arguments[_key2];
}
var newArgs = args.map(function (arg) {
return isPlaceHolder(arg) ? restArgs.shift() : arg;
});
return fn.apply(void 0, _toConsumableArray(newArgs).concat(restArgs));
}));
});
};
var curry = function curry(fn) {
return curryN(fn.length, fn);
};
exports.curry = curry;
var range = function range(begin, end) {
var arr = [];
for (var i = begin; i < end; ++i) {
arr[i - begin] = i;
}
return arr;
};
exports.range = range;
var map = curry(function (fn, arr) {
if (Array.isArray(arr)) {
return arr.map(fn);
}
return Object.keys(arr).map(function (key) {
return arr[key];
}).map(fn);
});
exports.map = map;
var compose = function compose() {
for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
args[_key3] = arguments[_key3];
}
if (!args.length) {
return identity;
}
var fns = args.reverse(); // first function can receive multiply arguments
var firstFn = fns[0];
var tailsFn = fns.slice(1);
return function () {
return tailsFn.reduce(function (res, fn) {
return fn(res);
}, firstFn.apply(void 0, arguments));
};
};
exports.compose = compose;
var reverse = function reverse(arr) {
if (Array.isArray(arr)) {
return arr.reverse();
} // can be string
return arr.split('').reverse.join('');
};
exports.reverse = reverse;
var memoize = function memoize(fn) {
var lastArgs = null;
var lastResult = null;
return function () {
for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
args[_key4] = arguments[_key4];
}
if (lastArgs && args.every(function (val, i) {
return val === lastArgs[i];
})) {
return lastResult;
}
lastArgs = args;
lastResult = fn.apply(void 0, args);
return lastResult;
};
};
exports.memoize = memoize;