85bf1341f3
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>
76 lines
3.0 KiB
TypeScript
76 lines
3.0 KiB
TypeScript
import { type ElementType, type ReactElement, type Ref } from 'react';
|
|
import type { Expand, Props, XOR, __ } from '../types.js';
|
|
export declare enum Features {
|
|
/** No features at all */
|
|
None = 0,
|
|
/**
|
|
* When used, this will allow us to use one of the render strategies.
|
|
*
|
|
* **The render strategies are:**
|
|
* - **Unmount** _(Will unmount the component.)_
|
|
* - **Hidden** _(Will hide the component using the [hidden] attribute.)_
|
|
*/
|
|
RenderStrategy = 1,
|
|
/**
|
|
* When used, this will allow the user of our component to be in control. This can be used when
|
|
* you want to transition based on some state.
|
|
*/
|
|
Static = 2
|
|
}
|
|
export declare enum RenderStrategy {
|
|
Unmount = 0,
|
|
Hidden = 1
|
|
}
|
|
type PropsForFeature<TPassedInFeatures extends Features, TForFeature extends Features, TProps> = {
|
|
[P in TPassedInFeatures]: P extends TForFeature ? TProps : __;
|
|
}[TPassedInFeatures];
|
|
export type PropsForFeatures<T extends Features> = XOR<PropsForFeature<T, Features.Static, {
|
|
static?: boolean;
|
|
}>, PropsForFeature<T, Features.RenderStrategy, {
|
|
unmount?: boolean;
|
|
}>>;
|
|
export declare function render<TFeature extends Features, TTag extends ElementType, TSlot>({ ourProps, theirProps, slot, defaultTag, features, visible, name, mergeRefs, }: {
|
|
ourProps: Expand<Props<TTag, TSlot, any> & PropsForFeatures<TFeature>> & {
|
|
ref?: Ref<HTMLElement | ElementType>;
|
|
};
|
|
theirProps: Expand<Props<TTag, TSlot, any>>;
|
|
slot?: TSlot;
|
|
defaultTag: ElementType;
|
|
features?: TFeature;
|
|
visible?: boolean;
|
|
name: string;
|
|
mergeRefs?: ReturnType<typeof useMergeRefsFn>;
|
|
}): ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|
|
/**
|
|
* This is a singleton hook. **You can ONLY call the returned
|
|
* function *once* to produce expected results.** If you need
|
|
* to call `mergeRefs()` multiple times you need to create a
|
|
* separate function for each invocation. This happens as we
|
|
* store the list of `refs` to update and always return the
|
|
* same function that refers to that list of refs.
|
|
*
|
|
* You shouldn't normally read refs during render but this
|
|
* should actually be okay because React itself is calling
|
|
* the `function` that updates these refs and can only do
|
|
* so once the ref that contains the list is updated.
|
|
*/
|
|
export declare function useMergeRefsFn(): (...refs: any[]) => ((value: any) => void) | undefined;
|
|
export type HasDisplayName = {
|
|
displayName: string;
|
|
};
|
|
export type RefProp<T extends Function> = T extends (props: any, ref: Ref<infer RefType>) => any ? {
|
|
ref?: Ref<RefType>;
|
|
} : never;
|
|
/**
|
|
* This is a hack, but basically we want to keep the full 'API' of the component, but we do want to
|
|
* wrap it in a forwardRef so that we _can_ passthrough the ref
|
|
*/
|
|
export declare function forwardRefWithAs<T extends {
|
|
name: string;
|
|
displayName?: string;
|
|
}>(component: T): T & {
|
|
displayName: string;
|
|
};
|
|
export declare function compact<T extends Record<any, any>>(object: T): {} & T;
|
|
export {};
|