@genispace/geniapp 0.2.0 → 0.4.0

package/dist/components/internal/workbench/themes/classic.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from './types';
+
+/**
+ * Mirrors `packages/shared-ui/src/styles/base.css` semantic tokens.
+ * Runtime injection is handled by `buildWorkbenchPaletteCss` (see themeUtils classic branch).
+ */
+export declare const classicTheme: Theme;

package/dist/components/internal/workbench/themes/index.d.ts

@@ -0,0 +1,15 @@
+import { Theme } from './types';
+import { classicTheme } from './classic';
+import { inkOnyxTheme } from './inkOnyx';
+
+/** @deprecated Use `inkOnyxTheme`. */
+export declare const financeTheme: Theme;
+export { classicTheme, inkOnyxTheme };
+export type { Theme, ThemeTokenSet, ThemeTokens } from './types';
+export declare const themes: Record<string, Theme>;
+export type ThemeId = string;
+export declare const defaultThemeId: ThemeId;
+/** Normalize server/local persisted `themeId` (maps deprecated keys to the built-in registry). */
+export declare function resolveThemeId(id: string | undefined | null): ThemeId;
+/** Mirrors spec `GET /api/themes`; runs fully client-side against the built-in registry. */
+export declare function listRegisteredThemes(): Theme[];

package/dist/components/internal/workbench/themes/inkOnyx.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from './types';
+
+export declare const inkOnyxTheme: Theme;

package/dist/components/internal/workbench/themes/types.d.ts

@@ -0,0 +1,36 @@
+export interface ThemeTokenSet {
+    '--color-primary': string;
+    '--color-primary-hover': string;
+    '--color-primary-foreground': string;
+    '--color-secondary': string;
+    '--color-secondary-foreground': string;
+    '--color-muted': string;
+    '--color-muted-foreground': string;
+    '--color-accent': string;
+    '--color-accent-foreground': string;
+    '--color-destructive': string;
+    '--color-destructive-foreground': string;
+    '--color-background': string;
+    '--color-foreground': string;
+    '--color-card': string;
+    '--color-card-foreground': string;
+    '--color-popover': string;
+    '--color-popover-foreground': string;
+    '--color-border': string;
+    '--color-input': string;
+    '--color-ring': string;
+    '--radius': string;
+    '--shadow-card': string;
+    '--shadow-dropdown': string;
+}
+export interface ThemeTokens {
+    light: ThemeTokenSet;
+    dark: ThemeTokenSet;
+}
+export interface Theme {
+    id: string;
+    name: string;
+    nameEn: string;
+    preview: string;
+    tokens: ThemeTokens;
+}

package/dist/components/internal/workbench/types/application.d.ts

@@ -0,0 +1,37 @@
+export type ApplicationStatus = string;
+export interface Application {
+    id: string;
+    name: string;
+    [key: string]: unknown;
+}
+export interface ApplicationFilter {
+    [key: string]: unknown;
+}
+export interface CreateApplicationData {
+    [key: string]: unknown;
+}
+export interface ApplicationCategory {
+    id: string;
+    name?: string;
+    [key: string]: unknown;
+}
+export interface ApplicationTemplate {
+    id: string;
+    [key: string]: unknown;
+}
+export interface ApplicationDeployment {
+    id: string;
+    [key: string]: unknown;
+}
+export interface ApplicationReview {
+    id: string;
+    [key: string]: unknown;
+}
+export interface ApplicationOrder {
+    id: string;
+    [key: string]: unknown;
+}
+export interface ApplicationApiKey {
+    id: string;
+    [key: string]: unknown;
+}

package/dist/components/internal/workbench/types/communication.d.ts

@@ -0,0 +1,94 @@
+export interface ComponentTrigger {
+    key: string;
+    label: string;
+    description: string;
+    category: 'success' | 'error' | 'change' | 'action' | 'lifecycle';
+    dataType: 'timestamp' | 'object' | 'string' | 'number' | 'boolean';
+    defaultParameters?: string[];
+    icon?: string;
+    /**
+     * Marker for triggers that are derived at runtime from per-instance data
+     * (e.g. one trigger per Table global action). Only the editor UI needs
+     * to know; runtime consumers can ignore it.
+     */
+    dynamic?: boolean;
+}
+export interface ComponentTypeDefinition {
+    type: string;
+    displayName: string;
+    description: string;
+    triggers: ComponentTrigger[];
+    defaultListenParameters?: string[];
+    category: 'input' | 'display' | 'action' | 'container';
+}
+export interface TriggerConfig {
+    enabled: boolean;
+    parameters: string[];
+    customParameters?: Record<string, any>;
+    debounceTime?: number;
+}
+export interface ParameterHandler {
+    action: 'refresh' | 'update' | 'custom' | 'none';
+    customCode?: string;
+    debounceTime?: number;
+}
+export type TreeCustomEmitField = {
+    fieldName?: string;
+    displayName?: string;
+};
+export interface ExtendedCommunicationConfig {
+    enableCommunication?: boolean;
+    enableEmit?: boolean;
+    triggers?: Record<string, TriggerConfig>;
+    customEmitFields?: Record<string, TreeCustomEmitField[]>;
+    enableListen?: boolean;
+    listenToParameters?: string[];
+    parameterHandlers?: Record<string, ParameterHandler>;
+    enableParameterReceiving?: boolean;
+    parameterMapping?: Record<string, any>;
+    dataSourceFilters?: Array<{
+        field: string;
+        operator: string;
+        value: string | {
+            type: string;
+            value: string;
+        };
+    }>;
+    enableDebugLog?: boolean;
+    customEventPrefix?: string;
+}
+export interface CommunicationEvent {
+    eventId: string;
+    timestamp: number;
+    sourceComponentId: string;
+    sourceComponentType: string;
+    triggerKey: string;
+    parameters: Record<string, any>;
+    pageId?: string;
+    tabId?: string;
+    metadata?: Record<string, any>;
+}
+export interface ParameterDefinition {
+    key: string;
+    label: string;
+    description: string;
+    dataType: 'timestamp' | 'object' | 'string' | 'number' | 'boolean' | 'array';
+    category: 'data' | 'trigger' | 'state' | 'event';
+    isCommon?: boolean;
+    relatedTriggers?: string[];
+}
+export interface CommunicationState {
+    isEmitting: boolean;
+    isListening: boolean;
+    lastEmittedEvent?: CommunicationEvent;
+    lastReceivedEvents?: CommunicationEvent[];
+    errorCount: number;
+    lastError?: Error;
+}
+export interface CommunicationStats {
+    totalEventsSent: number;
+    totalEventsReceived: number;
+    triggerStats: Record<string, number>;
+    parameterStats: Record<string, number>;
+    errorRate: number;
+}

package/dist/components/internal/workbench/types/components.d.ts

@@ -0,0 +1,346 @@
+import { DataSource } from './datasource';
+import { AppConfig } from '../types';
+
+export interface CustomStylesConfig {
+    rootStyles?: React.CSSProperties;
+    childStyles?: {
+        [selector: string]: React.CSSProperties;
+    };
+    stateStyles?: {
+        [state: string]: React.CSSProperties;
+    };
+    responsiveStyles?: {
+        [breakpoint: string]: React.CSSProperties;
+    };
+    customCss?: string;
+}
+export type ComponentTypeName = 'Form' | 'Table' | 'EditableTable' | 'Chart' | 'StatisticGroup' | 'DataGridCard' | 'Container' | 'Tabs' | 'Typography' | 'HeroCard' | 'MetricCarousel' | 'CollapsePanel' | 'AnalyticsTable' | 'ProductReport' | 'ProductDetail' | 'TileGrid' | 'RingStat' | 'PublishHistory' | 'PublishPreviewEntry' | 'NavTile' | 'AppIdentityList' | 'IdentityAttributeAssign' | 'WorkflowComponent' | 'CustomContent' | 'Card' | 'List' | 'TaskInput' | 'ServiceDeskReporter' | 'Tree' | 'FilterPanel' | 'EChartsChart' | 'MapChart' | 'RadarChart';
+export interface BaseComponent {
+    type: string;
+    id: string;
+    props: Record<string, any>;
+    dataSource?: DataSource;
+    mockData?: any[];
+}
+export type LayoutType = 'fluid' | 'fixed' | 'card';
+export type ChartType = 'line' | 'column' | 'pie';
+export type TagColor = 'blue' | 'orange' | 'green' | 'red' | 'gold' | 'default';
+export type TagStatus = 'active' | 'inactive' | 'vip' | 'interviewing' | 'matching' | 'offered' | 'pending' | 'closed';
+/** 24-column grid layout (page or container / tab). */
+export type Grid24Preset = 'single' | 'two-equal' | 'three-equal' | 'two-ratio-1-2' | 'two-ratio-2-1' | 'two-ratio-3-1' | 'four-equal' | 'top-bottom' | 'top-three-bottom' | 'dashboard' | 'custom';
+export interface Grid24Component {
+    id: string;
+    colStart: number;
+    colSpan: number;
+    rowStart: number;
+    rowSpan: number;
+}
+export interface Grid24LayoutConfig {
+    type: 'grid-24';
+    preset?: Grid24Preset;
+    columns: 24;
+    gap: number;
+    rowGap: number;
+    rowHeight: number;
+    components: Grid24Component[];
+    /** Mobile stacked-flow display order (top-level component ids). Absent =
+        grid reading order (rowStart, then colStart). Edited in the studio's
+        phone preset; never affects the desktop grid. */
+    mobileOrder?: string[];
+}
+export interface TabItem {
+    key: string;
+    label: string;
+    children?: React.ReactNode;
+    component?: any;
+    components?: any[];
+    render?: () => React.ReactNode;
+    /** Per-tab layout when using 24-column grid inside Tabs. */
+    layout?: Grid24LayoutConfig;
+    componentConfig?: {
+        type: 'single' | 'multiple';
+        data?: any;
+        props?: Record<string, any>;
+    };
+}
+export interface StatisticItem {
+    key: string;
+    title: string;
+    value: number;
+    icon: string;
+    statisticType?: 'manual' | 'count' | 'sum' | 'avg' | 'max' | 'min' | 'column';
+    statisticField?: string;
+    statisticCondition?: string;
+    datasetId?: string;
+    databaseDataSourceConfig?: import('./databaseDataSource').DatabaseDataSourceConfig | null;
+    useCustomDataSource?: boolean;
+    trend?: {
+        enabled?: boolean;
+        trendCondition?: string;
+        suffix?: string;
+        description?: string;
+        upStyle?: 'success' | 'warning' | 'error';
+        downStyle?: 'success' | 'warning' | 'error';
+        value?: number;
+        type?: 'up' | 'down';
+        status?: 'success' | 'warning' | 'error';
+    };
+    [key: string]: unknown;
+}
+export interface TableColumn {
+    title: string;
+    dataIndex: string;
+    key: string;
+    primary?: boolean;
+    secondary?: boolean;
+    searchable?: boolean;
+    filterable?: boolean;
+    filterSearch?: boolean;
+    editable?: boolean;
+    hidden?: boolean;
+    sorter?: boolean;
+    filterOptions?: {
+        text: string;
+        value: string;
+    }[];
+    render?: {
+        type: 'Tag' | 'Progress';
+        props?: {
+            color?: Record<string, TagColor>;
+            textColor?: Record<string, TagColor>;
+            text?: Record<string, string>;
+            status?: string;
+            showInfo?: boolean;
+            size?: 'small' | 'default' | 'large';
+        };
+    };
+}
+export interface PageRefreshConfig {
+    enabled: boolean;
+    interval: number;
+}
+export interface PageComingSoonConfig {
+    enabled: boolean;
+}
+export interface PageFullscreenConfig {
+    enabled: boolean;
+    backgroundColor?: string;
+    header?: {
+        enabled: boolean;
+        backgroundColor?: string;
+        textColor?: string;
+        platformLogoPath?: string;
+        showPlatformName?: boolean;
+        platformNameText?: string;
+        platformNameColor?: string;
+        platformNameFontSize?: number;
+        showPlatformLogo?: boolean;
+        showWorkbenchName?: boolean;
+        workbenchNameText?: string;
+        showWorkbenchLogo?: boolean;
+        showRefreshRate?: boolean;
+    };
+}
+export interface PageConfig {
+    title: string;
+    description?: string;
+    layout: LayoutType;
+    components: Component[];
+    /** Optional page-root styles; absent keeps the legacy page appearance. */
+    customStyles?: CustomStylesConfig;
+    fullscreen?: PageFullscreenConfig;
+    autoRefresh?: PageRefreshConfig;
+    comingSoon?: PageComingSoonConfig;
+}
+export interface WorkbenchConfig {
+    appConfig: AppConfig;
+    pages: Record<string, PageConfig>;
+    themeId?: string;
+    metadata?: {
+        locales?: Record<string, {
+            appConfig?: Record<string, unknown>;
+            pages?: Record<string, {
+                title?: string;
+                description?: string;
+                components?: Record<string, Record<string, unknown>>;
+            }>;
+        }>;
+    };
+}
+export interface BaseComponentConfig {
+    id: string;
+    type: ComponentTypeName;
+    props?: Record<string, any>;
+    dataSource?: DataSource;
+    mockData?: any[];
+    customStyles?: CustomStylesConfig;
+}
+export interface ComponentWithStyles extends BaseComponentConfig {
+    customStyles?: CustomStylesConfig;
+}
+export type Component = ({
+    type: 'Table';
+    id: string;
+    props: any;
+    dataSource?: DataSource;
+    mockData?: any[];
+    customStyles?: CustomStylesConfig;
+}) | ({
+    type: 'EditableTable';
+    id: string;
+    props: any;
+    dataSource?: DataSource;
+    mockData?: any[];
+    customStyles?: CustomStylesConfig;
+}) | ({
+    type: 'Chart';
+    id: string;
+    props: any;
+    dataSource?: DataSource;
+    mockData?: any[];
+    customStyles?: CustomStylesConfig;
+}) | ({
+    type: 'StatisticGroup';
+    id: string;
+    props: any;
+    dataSource?: DataSource;
+    mockData?: any[];
+    customStyles?: CustomStylesConfig;
+}) | ({
+    type: 'DataGridCard';
+    id: string;
+    props: any;
+    dataSource?: DataSource;
+    mockData?: any[];
+    customStyles?: CustomStylesConfig;
+}) | ({
+    type: 'Container';
+    id: string;
+    props: any;
+    children: Component[];
+    customStyles?: CustomStylesConfig;
+}) | ({
+    type: 'Tabs';
+    id: string;
+    props: any;
+    customStyles?: CustomStylesConfig;
+}) | ({
+    type: 'Typography';
+    id: string;
+    props: any;
+    customStyles?: CustomStylesConfig;
+}) | ({
+    type: 'HeroCard';
+    id: string;
+    props: any;
+    mockData?: any[];
+    customStyles?: CustomStylesConfig;
+    databaseDataSourceConfig?: import('./databaseDataSource').DatabaseDataSourceConfig;
+}) | ({
+    type: 'NavTile';
+    id: string;
+    props: any;
+    customStyles?: CustomStylesConfig;
+}) | ({
+    type: 'AppIdentityList';
+    id: string;
+    props: any;
+    customStyles?: CustomStylesConfig;
+}) | ({
+    type: 'IdentityAttributeAssign';
+    id: string;
+    props: any;
+    customStyles?: CustomStylesConfig;
+}) | ({
+    type: 'WorkflowComponent';
+    id: string;
+    props: any;
+    customStyles?: CustomStylesConfig;
+}) | ({
+    type: 'CustomContent';
+    id: string;
+    props: any;
+    customStyles?: CustomStylesConfig;
+}) | ({
+    type: 'Card';
+    id: string;
+    props: any;
+    customStyles?: CustomStylesConfig;
+}) | ({
+    type: 'List';
+    id: string;
+    props: any;
+    dataSource?: DataSource;
+    mockData?: any[];
+    customStyles?: CustomStylesConfig;
+}) | ({
+    type: 'TaskInput';
+    id: string;
+    props: any;
+    customStyles?: CustomStylesConfig;
+}) | ({
+    type: 'ServiceDeskReporter';
+    id: string;
+    props: any;
+    customStyles?: CustomStylesConfig;
+}) | ({
+    type: 'Tree';
+    id: string;
+    props: any;
+    dataSource?: DataSource;
+    mockData?: any[];
+    customStyles?: CustomStylesConfig;
+}) | ({
+    type: 'Form';
+    id: string;
+    props: any;
+    dataSource?: DataSource;
+    mockData?: any[];
+    customStyles?: CustomStylesConfig;
+}) | ({
+    type: 'MapChart';
+    id: string;
+    props: any;
+    dataSource?: DataSource;
+    mockData?: any[];
+    customStyles?: CustomStylesConfig;
+}) | ({
+    type: 'RadarChart';
+    id: string;
+    props: any;
+    dataSource?: DataSource;
+    mockData?: any[];
+    customStyles?: CustomStylesConfig;
+}) | ({
+    type: 'EChartsChart';
+    id: string;
+    props: any;
+    dataSource?: DataSource;
+    mockData?: any[];
+    customStyles?: CustomStylesConfig;
+}) | ({
+    type: 'RingStat';
+    id: string;
+    props: any;
+    dataSource?: DataSource;
+    mockData?: any[];
+    customStyles?: CustomStylesConfig;
+    databaseDataSourceConfig?: import('./databaseDataSource').DatabaseDataSourceConfig;
+}) | ({
+    type: 'PublishHistory';
+    id: string;
+    props: any;
+    customStyles?: CustomStylesConfig;
+}) | ({
+    type: 'PublishPreviewEntry';
+    id: string;
+    props: any;
+    customStyles?: CustomStylesConfig;
+}) | ({
+    type: 'FilterPanel';
+    id: string;
+    props: any;
+    dataSource?: DataSource;
+    mockData?: any[];
+    customStyles?: CustomStylesConfig;
+});

package/dist/components/internal/workbench/types/conditionMapperTypes.d.ts

@@ -0,0 +1,60 @@
+import { UpdateDatabaseConfig } from '.';
+import { DatasourceField } from '../utils/dataConfigUtils';
+
+export interface BaseConditionMapperProps {
+    updateConditions: UpdateDatabaseConfig['updateConditions'];
+    onChange: (conditions: UpdateDatabaseConfig['updateConditions']) => void;
+    availableParameters?: Array<{
+        label: string;
+        value: string;
+        type?: string;
+    }>;
+    className?: string;
+}
+export interface ColumnConfig {
+    title: string;
+    dataIndex: string;
+    fieldType?: string;
+}
+export interface FormFieldConfig {
+    label: string;
+    value: string;
+    type?: string;
+}
+export interface InputSchemaParameter {
+    name: string;
+    type: string;
+    title?: string;
+    description?: string;
+    required?: boolean;
+    defaultValue?: string | number | boolean;
+}
+export interface DatabaseConditionMapperProps extends BaseConditionMapperProps {
+    availableColumns?: ColumnConfig[];
+    availableFormFields?: FormFieldConfig[];
+    inputSchemaParameters?: InputSchemaParameter[];
+}
+export interface SchemaConditionMapperProps extends BaseConditionMapperProps {
+    availableFields?: DatasourceField[];
+    availableColumns?: ColumnConfig[];
+}
+export interface ConditionStats {
+    total: number;
+    hasStatic: boolean;
+    hasParameter: boolean;
+    hasColumn: boolean;
+    hasInputField: boolean;
+}
+export interface ConditionValidationResult {
+    isValid: boolean;
+    errors: string[];
+}
+export interface OperatorOption {
+    value: string;
+    label: string;
+}
+export interface SourceOption {
+    value: string;
+    label: string;
+    icon: 'Table' | 'Database' | 'Settings';
+}