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>
70 lines
4.0 KiB
TypeScript
70 lines
4.0 KiB
TypeScript
import React, { type ElementType, type MutableRefObject, type Ref } from 'react';
|
|
import type { Props } from '../../types.js';
|
|
import { type HasDisplayName, type PropsForFeatures, type RefProp } from '../../utils/render.js';
|
|
import { _internal_ComponentDescription } from '../description/description.js';
|
|
declare let DEFAULT_DIALOG_TAG: "div";
|
|
interface DialogRenderPropArg {
|
|
open: boolean;
|
|
}
|
|
type DialogPropsWeControl = 'aria-describedby' | 'aria-labelledby' | 'aria-modal';
|
|
declare let DialogRenderFeatures: number;
|
|
export type DialogProps<TTag extends ElementType> = Props<TTag, DialogRenderPropArg, DialogPropsWeControl, PropsForFeatures<typeof DialogRenderFeatures> & {
|
|
open?: boolean;
|
|
onClose(value: boolean): void;
|
|
initialFocus?: MutableRefObject<HTMLElement | null>;
|
|
role?: 'dialog' | 'alertdialog';
|
|
__demoMode?: boolean;
|
|
}>;
|
|
declare function DialogFn<TTag extends ElementType = typeof DEFAULT_DIALOG_TAG>(props: DialogProps<TTag>, ref: Ref<HTMLDivElement>): JSX.Element;
|
|
declare let DEFAULT_OVERLAY_TAG: "div";
|
|
interface OverlayRenderPropArg {
|
|
open: boolean;
|
|
}
|
|
type OverlayPropsWeControl = 'aria-hidden';
|
|
export type DialogOverlayProps<TTag extends ElementType> = Props<TTag, OverlayRenderPropArg, OverlayPropsWeControl>;
|
|
declare function OverlayFn<TTag extends ElementType = typeof DEFAULT_OVERLAY_TAG>(props: DialogOverlayProps<TTag>, ref: Ref<HTMLDivElement>): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
declare let DEFAULT_BACKDROP_TAG: "div";
|
|
interface BackdropRenderPropArg {
|
|
open: boolean;
|
|
}
|
|
type BackdropPropsWeControl = 'aria-hidden';
|
|
export type DialogBackdropProps<TTag extends ElementType> = Props<TTag, BackdropRenderPropArg, BackdropPropsWeControl>;
|
|
declare function BackdropFn<TTag extends ElementType = typeof DEFAULT_BACKDROP_TAG>(props: DialogBackdropProps<TTag>, ref: Ref<HTMLDivElement>): JSX.Element;
|
|
declare let DEFAULT_PANEL_TAG: "div";
|
|
interface PanelRenderPropArg {
|
|
open: boolean;
|
|
}
|
|
export type DialogPanelProps<TTag extends ElementType> = Props<TTag, PanelRenderPropArg>;
|
|
declare function PanelFn<TTag extends ElementType = typeof DEFAULT_PANEL_TAG>(props: DialogPanelProps<TTag>, ref: Ref<HTMLDivElement>): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
declare let DEFAULT_TITLE_TAG: "h2";
|
|
interface TitleRenderPropArg {
|
|
open: boolean;
|
|
}
|
|
export type DialogTitleProps<TTag extends ElementType> = Props<TTag, TitleRenderPropArg>;
|
|
declare function TitleFn<TTag extends ElementType = typeof DEFAULT_TITLE_TAG>(props: DialogTitleProps<TTag>, ref: Ref<HTMLHeadingElement>): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
export interface _internal_ComponentDialog extends HasDisplayName {
|
|
<TTag extends ElementType = typeof DEFAULT_DIALOG_TAG>(props: DialogProps<TTag> & RefProp<typeof DialogFn>): JSX.Element;
|
|
}
|
|
export interface _internal_ComponentDialogBackdrop extends HasDisplayName {
|
|
<TTag extends ElementType = typeof DEFAULT_BACKDROP_TAG>(props: DialogBackdropProps<TTag> & RefProp<typeof BackdropFn>): JSX.Element;
|
|
}
|
|
export interface _internal_ComponentDialogPanel extends HasDisplayName {
|
|
<TTag extends ElementType = typeof DEFAULT_PANEL_TAG>(props: DialogPanelProps<TTag> & RefProp<typeof PanelFn>): JSX.Element;
|
|
}
|
|
export interface _internal_ComponentDialogOverlay extends HasDisplayName {
|
|
<TTag extends ElementType = typeof DEFAULT_OVERLAY_TAG>(props: DialogOverlayProps<TTag> & RefProp<typeof OverlayFn>): JSX.Element;
|
|
}
|
|
export interface _internal_ComponentDialogTitle extends HasDisplayName {
|
|
<TTag extends ElementType = typeof DEFAULT_TITLE_TAG>(props: DialogTitleProps<TTag> & RefProp<typeof TitleFn>): JSX.Element;
|
|
}
|
|
export interface _internal_ComponentDialogDescription extends _internal_ComponentDescription {
|
|
}
|
|
export declare let Dialog: _internal_ComponentDialog & {
|
|
Backdrop: _internal_ComponentDialogBackdrop;
|
|
Panel: _internal_ComponentDialogPanel;
|
|
Overlay: _internal_ComponentDialogOverlay;
|
|
Title: _internal_ComponentDialogTitle;
|
|
Description: _internal_ComponentDialogDescription;
|
|
};
|
|
export {};
|