@burdenoff/microfe-workspaces 2026.1014.1 → 2026.1016.2

package/dist/pages/dashboard/DashboardCustomizer.d.ts

@@ -0,0 +1,11 @@
+import { WidgetConfig } from './types';
+interface DashboardCustomizerProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    widgets: WidgetConfig[];
+    onSave: (widgets: WidgetConfig[]) => Promise<void>;
+    isSaving: boolean;
+    productId?: string;
+}
+export declare function DashboardCustomizer({ open, onOpenChange, widgets, onSave, isSaving, productId, }: DashboardCustomizerProps): import('react').JSX.Element;
+export {};

package/dist/pages/dashboard/DashboardGrid.d.ts

@@ -0,0 +1,6 @@
+import { WidgetConfig, WidgetProps } from './types';
+interface DashboardGridProps extends WidgetProps {
+    widgets: WidgetConfig[];
+}
+export declare function DashboardGrid({ widgets, productId, ...widgetProps }: DashboardGridProps): import('react').JSX.Element;
+export {};

package/dist/pages/dashboard/DashboardPage.d.ts

@@ -0,0 +1,19 @@
+interface DashboardPageProps {
+    navigate: (path: string) => void;
+    authToken?: string | null;
+    currentUser?: {
+        id: string;
+        email: string;
+        firstName?: string;
+        lastName?: string;
+        name?: string;
+    } | null;
+    /**
+     * Host product identifier ('workspaces', 'vibecontrols', etc.). Drives
+     * which widgets appear in the registry + default layout. Defaults to
+     * 'workspaces' for legacy callers.
+     */
+    productId?: string;
+}
+export declare function DashboardPage({ navigate, authToken, currentUser: _currentUser, productId, }: DashboardPageProps): import('react').JSX.Element;
+export {};

package/dist/pages/dashboard/WidgetWrapper.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { WidgetSize } from './types';
+interface WidgetWrapperProps {
+    title: string;
+    icon?: ReactNode;
+    size: WidgetSize;
+    isLoading?: boolean;
+    error?: string | null;
+    unavailable?: boolean;
+    headerAction?: ReactNode;
+    children: ReactNode;
+    className?: string;
+}
+export declare function getColSpan(size: WidgetSize): string;
+export declare function WidgetWrapper({ title, icon, size, isLoading, error, unavailable, headerAction, children, className, }: WidgetWrapperProps): import('react').JSX.Element;
+export {};

package/dist/pages/dashboard/config.d.ts

@@ -0,0 +1,27 @@
+import { WidgetConfig, WidgetDefinition } from './types';
+export declare const DEFAULT_PRODUCT_ID = "workspaces";
+export declare const WIDGET_DEFINITIONS: Record<string, WidgetDefinition>;
+export declare const DEFAULT_DASHBOARD_WIDGETS_BY_PRODUCT: Record<string, WidgetConfig[]>;
+/** Backwards-compatible export — kept for callers that don't pass productId. */
+export declare const DEFAULT_DASHBOARD_WIDGETS: WidgetConfig[];
+export declare function isWidgetAvailable(widget: WidgetDefinition, productId?: string): boolean;
+export declare function getDefinitionsForProduct(productId?: string): Record<string, WidgetDefinition>;
+/**
+ * Get the effective widget configuration, merging user prefs with defaults.
+ * Filters out widgets that are not available for the given product.
+ */
+export declare function getEffectiveWidgets(userPrefs: WidgetConfig[] | null | undefined, productId?: string): WidgetConfig[];
+/**
+ * Translate a widget definition's title/description with **literal** keys.
+ *
+ * `WIDGET_DEFINITIONS` is module scope, so it cannot call a hook, and the key
+ * extractor (fluidgrids-app/scripts/extract-i18n-keys.ts) only collects string
+ * literals — so neither a computed key nor a lookup table would ever be
+ * extracted or seeded. Every widget is therefore spelled out. The English text
+ * here stays in sync with `WIDGET_DEFINITIONS` above by being passed in as the
+ * fallback, so it is impossible for the two to silently diverge. [BOFF-5997]
+ */
+export declare function resolveWidgetCopy(tr: (key: string, fallback: string) => string, def: WidgetDefinition): {
+    title: string;
+    description: string;
+};

package/dist/pages/dashboard/hooks/useDashboardData.d.ts

@@ -0,0 +1,13 @@
+import { WorkspaceDashboardData, GlobalDashboardData, VibeSummary, SessionSummary, AgentFleetSummary } from '../types';
+export declare function useProjectsDashboardData(authToken?: string | null): import('@tanstack/react-query').UseQueryResult<NoInfer<{
+    items: import('../types').ProjectSummary[];
+    total: number;
+}>, Error>;
+export declare function useWorkspaceDashboardData(authToken?: string | null): import('@tanstack/react-query').UseQueryResult<NoInfer<WorkspaceDashboardData>, Error>;
+export interface VibecontrolsDashboardData {
+    recentVibes: VibeSummary[];
+    activeSessions: SessionSummary[];
+    agentFleet: AgentFleetSummary | null;
+}
+export declare function useVibecontrolsDashboardData(authToken?: string | null, enabled?: boolean): import('@tanstack/react-query').UseQueryResult<NoInfer<VibecontrolsDashboardData>, Error>;
+export declare function useGlobalDashboardData(authToken?: string | null): import('@tanstack/react-query').UseQueryResult<NoInfer<GlobalDashboardData>, Error>;

package/dist/pages/dashboard/hooks/useDashboardPreferences.d.ts

@@ -0,0 +1,2 @@
+import { WidgetConfig, DashboardPreferences } from '../types';
+export declare function useUpdateDashboardPreferences(authToken?: string | null): import('@tanstack/react-query').UseMutationResult<DashboardPreferences, Error, WidgetConfig[], unknown>;

package/dist/pages/dashboard/reorder.d.ts

@@ -0,0 +1,26 @@
+import { WidgetConfig } from './types';
+/** Side of the target row the pointer is on, relative to the row midpoint. */
+export type DropPosition = 'above' | 'below';
+/**
+ * Re-number `order` so it is strictly increasing by `ORDER_STEP` from the
+ * given array's order. Returns a fresh array; input is not mutated.
+ */
+export declare function renumberOrders(widgets: WidgetConfig[]): WidgetConfig[];
+/**
+ * Move `fromId` to a position adjacent to `toId`.
+ *
+ * - `position === 'above'` — `fromId` ends up immediately before `toId`.
+ * - `position === 'below'` — `fromId` ends up immediately after `toId`.
+ *
+ * If either id is missing, or `fromId === toId`, the input is returned
+ * unchanged (referential equality preserved). Adjacent swaps are valid
+ * moves — flicker prevention is the caller's responsibility (see
+ * `DashboardCustomizer.handleDragOver`, which tracks the last-applied
+ * move via a ref). [BOFF-7219]
+ */
+export declare function reorderByDropIndex(widgets: WidgetConfig[], fromId: string, toId: string, position: DropPosition): WidgetConfig[];
+/**
+ * Resolve the drop position from a pointer event and a target row's bounding
+ * rect. `clientY` above the midpoint yields 'above', otherwise 'below'.
+ */
+export declare function dropPositionFromPointer(clientY: number, rect: DOMRect): DropPosition;

package/dist/pages/dashboard/types.d.ts

@@ -0,0 +1,197 @@
+/**
+ * Dashboard Types
+ *
+ * Type definitions for the comprehensive workspace dashboard.
+ */
+export type WidgetSize = 'small' | 'medium' | 'large';
+export interface WidgetConfig {
+    widgetId: string;
+    enabled: boolean;
+    order: number;
+    size: WidgetSize;
+}
+export interface WidgetDefinition {
+    id: string;
+    title: string;
+    description: string;
+    icon: string;
+    defaultSize: WidgetSize;
+    /** Whether this widget can be removed from the dashboard */
+    removable: boolean;
+    /** Minimum data source needed: 'workspace' | 'global' | 'static' */
+    dataSource: 'workspace' | 'global' | 'static';
+    /**
+     * When set, the widget is only available to hosts that pass a matching
+     * productId. Omitted = universal (legacy default; treats as 'workspaces').
+     */
+    availableInProducts?: string[];
+}
+export interface WorkspaceSummary {
+    id: string;
+    name: string;
+    status: string;
+    type: string;
+    createdAt: string;
+}
+export interface ProjectSummary {
+    id: string;
+    name: string;
+    key: string;
+    status: string;
+    workspaceId: string;
+    createdAt: string;
+}
+export interface ActivityItem {
+    id: string;
+    action: string;
+    resourceType: string;
+    resourceId: string;
+    userId: string;
+    description?: string;
+    details?: Record<string, unknown>;
+    timestamp: string;
+}
+export interface CalendarEventSummary {
+    id: string;
+    title: string;
+    startTime: string;
+    endTime: string;
+    calendarId: string;
+    allDay?: boolean;
+}
+export interface TagSummary {
+    id: string;
+    label: string;
+    key: string;
+    vocabularyId?: string;
+}
+export interface GroupSummary {
+    id: string;
+    name: string;
+    description?: string;
+    memberCount?: number;
+}
+export interface WorkflowStatsSummary {
+    activeWorkflowsCount: number;
+    archivedWorkflowsCount: number;
+    /**
+     * FluidGrids dashboard fields — selected alongside the counts above since
+     * both come from the same `dashboardSummary` query. The generic
+     * 'workflows' widget (products other than fluidgrids) only reads
+     * activeWorkflowsCount/archivedWorkflowsCount/recentRuns.
+     */
+    workflowsCount?: number;
+    runsCountTotal?: number;
+    runsRunningCount?: number;
+    runsFailedLast24h?: number;
+    workflowSuccessRate?: number | null;
+    recentWorkflows?: Array<{
+        workflowKey: string;
+        name: string;
+        version: string;
+        updatedAt: string;
+    }>;
+    recentRuns: Array<{
+        id: string;
+        status: string;
+        workflowKey: string;
+        startedAt: string;
+    }>;
+}
+export interface StorageInfo {
+    usedBytes: number;
+    totalBytes: number;
+    fileCount?: number | null;
+}
+export interface VibeSummary {
+    id: string;
+    name: string;
+    status?: string | null;
+    workspaceId?: string | null;
+    updatedAt: string;
+}
+export interface SessionSummary {
+    id: string;
+    name?: string | null;
+    status: string;
+    agent?: {
+        id: string;
+        name?: string | null;
+    } | null;
+    startedAt?: string | null;
+    vibeId?: string | null;
+}
+export interface AgentFleetSummary {
+    total: number;
+    online: number;
+    offline: number;
+    degraded: number;
+    lastSeenAt?: string | null;
+}
+export interface WorkspaceDashboardData {
+    workspaces: {
+        items: WorkspaceSummary[];
+        total: number;
+    };
+    projects: {
+        items: ProjectSummary[];
+        total: number;
+    };
+    recentActivities: ActivityItem[];
+    upcomingEvents: CalendarEventSummary[];
+    tags: {
+        items: TagSummary[];
+        total: number;
+    };
+    groups: {
+        items: GroupSummary[];
+        totalCount: number;
+    };
+    workflowStats: WorkflowStatsSummary | null;
+    storageUsage: StorageInfo | null;
+    /** VibeControls-only surfaces. Only populated when productId === 'vibecontrols'. */
+    recentVibes?: VibeSummary[];
+    activeSessions?: SessionSummary[];
+    agentFleet?: AgentFleetSummary | null;
+}
+export interface CurrentUserInfo {
+    id: string;
+    email: string;
+    firstName?: string;
+    lastName?: string;
+    name?: string;
+    role?: string;
+    createdAt?: string;
+}
+export interface GlobalDashboardData {
+    currentUser: CurrentUserInfo | null;
+    dashboardPreferences: DashboardPreferences | null;
+    /** Workspaces from the global tenant service (where data actually lives) */
+    workspaces: {
+        items: WorkspaceSummary[];
+        total: number;
+    };
+    /** Organizations from the global tenant service */
+    organizations: {
+        items: Array<{
+            id: string;
+            name: string;
+            status: string;
+            type: string;
+            createdAt: string;
+        }>;
+        total: number;
+    };
+}
+export interface DashboardPreferences {
+    widgets: WidgetConfig[];
+    updatedAt?: string;
+}
+export interface WidgetProps {
+    workspaceData: WorkspaceDashboardData | null;
+    globalData: GlobalDashboardData | null;
+    isLoading: boolean;
+    navigate: (path: string) => void;
+    /** Host product identifier ('workspaces', 'vibecontrols', etc.). */
+    productId?: string;
+}

package/dist/pages/dashboard/widgets/AgentsWidget.d.ts

@@ -0,0 +1,2 @@
+import { WidgetProps } from '../types';
+export declare function AgentsWidget({ workspaceData, isLoading, navigate }: WidgetProps): import('react').JSX.Element;

package/dist/pages/dashboard/widgets/GroupsWidget.d.ts

@@ -0,0 +1,2 @@
+import { WidgetProps } from '../types';
+export declare function GroupsWidget({ workspaceData, isLoading, navigate }: WidgetProps): import('react').JSX.Element;

package/dist/pages/dashboard/widgets/MembersWidget.d.ts

@@ -0,0 +1,2 @@
+import { WidgetProps } from '../types';
+export declare function MembersWidget({ workspaceData, globalData, isLoading, navigate }: WidgetProps): import('react').JSX.Element;

package/dist/pages/dashboard/widgets/ProjectsWidget.d.ts

@@ -0,0 +1,2 @@
+import { WidgetProps } from '../types';
+export declare function ProjectsWidget({ workspaceData, isLoading, navigate }: WidgetProps): import('react').JSX.Element;

package/dist/pages/dashboard/widgets/QuickActionsWidget.d.ts

@@ -0,0 +1,2 @@
+import { WidgetProps } from '../types';
+export declare function QuickActionsWidget({ navigate, isLoading, productId }: WidgetProps): import('react').JSX.Element;

package/dist/pages/dashboard/widgets/RecentActivityWidget.d.ts

@@ -0,0 +1,2 @@
+import { WidgetProps } from '../types';
+export declare function RecentActivityWidget({ workspaceData, isLoading, navigate }: WidgetProps): import('react').JSX.Element;

package/dist/pages/dashboard/widgets/SessionsWidget.d.ts

@@ -0,0 +1,2 @@
+import { WidgetProps } from '../types';
+export declare function SessionsWidget({ workspaceData, isLoading, navigate }: WidgetProps): import('react').JSX.Element;

package/dist/pages/dashboard/widgets/StorageWidget.d.ts

@@ -0,0 +1,2 @@
+import { WidgetProps } from '../types';
+export declare function StorageWidget({ workspaceData, isLoading }: WidgetProps): import('react').JSX.Element;

package/dist/pages/dashboard/widgets/StorageWidget.js

@@ -18,12 +18,12 @@ function l(t) {
 function u(t, n) {
 	if (n === 0) return `0 ${e(t, "dashboard.storage.unitBytes", "B")}`;
 	let r = 1024, i = l(t), a = Math.floor(Math.log(n) / Math.log(r));
-	return `${parseFloat((n / r ** +a).toFixed(1))} ${i[a]}`;
+	return `${parseFloat((n / r ** a).toFixed(1))} ${i[a]}`;
 }
 function d(e, t, n) {
 	let r = 1024, i = l(e);
 	if (n <= 0) return u(e, t);
-	let a = Math.min(Math.floor(Math.log(n) / Math.log(r)), i.length - 1), o = t / r ** +a;
+	let a = Math.min(Math.floor(Math.log(n) / Math.log(r)), i.length - 1), o = t / r ** a;
 	return `${Number.isInteger(o) ? o.toString() : o.toFixed(1)} ${i[a]}`;
 }
 function f({ workspaceData: l, isLoading: f }) {

package/dist/pages/dashboard/widgets/TagCloudWidget.d.ts

@@ -0,0 +1,2 @@
+import { WidgetProps } from '../types';
+export declare function TagCloudWidget({ workspaceData, isLoading, navigate }: WidgetProps): import('react').JSX.Element;

package/dist/pages/dashboard/widgets/TipsWidget.d.ts

@@ -0,0 +1,2 @@
+import { WidgetProps } from '../types';
+export declare function TipsWidget({ navigate, isLoading, productId }: WidgetProps): import('react').JSX.Element;

package/dist/pages/dashboard/widgets/UpcomingEventsWidget.d.ts

@@ -0,0 +1,2 @@
+import { WidgetProps } from '../types';
+export declare function UpcomingEventsWidget({ workspaceData, isLoading, navigate }: WidgetProps): import('react').JSX.Element;

package/dist/pages/dashboard/widgets/VibesWidget.d.ts

@@ -0,0 +1,2 @@
+import { WidgetProps } from '../types';
+export declare function VibesWidget({ workspaceData, isLoading, navigate }: WidgetProps): import('react').JSX.Element;

package/dist/pages/dashboard/widgets/WelcomeWidget.d.ts

@@ -0,0 +1,2 @@
+import { WidgetProps } from '../types';
+export declare function WelcomeWidget({ workspaceData, globalData, isLoading, navigate }: WidgetProps): import('react').JSX.Element;

package/dist/pages/dashboard/widgets/WorkflowRunsWidget.d.ts

@@ -0,0 +1,2 @@
+import { WidgetProps } from '../types';
+export declare function WorkflowRunsWidget({ workspaceData, isLoading, navigate }: WidgetProps): import('react').JSX.Element;

package/dist/pages/dashboard/widgets/WorkflowStatsWidget.d.ts

@@ -0,0 +1,2 @@
+import { WidgetProps } from '../types';
+export declare function WorkflowStatsWidget({ workspaceData, isLoading, navigate }: WidgetProps): import('react').JSX.Element;

package/dist/pages/dashboard/widgets/WorkflowsOverviewWidget.d.ts

@@ -0,0 +1,2 @@
+import { WidgetProps } from '../types';
+export declare function WorkflowsOverviewWidget({ workspaceData, isLoading, navigate }: WidgetProps): import('react').JSX.Element;

package/dist/pages/dashboard/widgets/WorkspacesWidget.d.ts

@@ -0,0 +1,2 @@
+import { WidgetProps } from '../types';
+export declare function WorkspacesWidget({ workspaceData, isLoading, navigate }: WidgetProps): import('react').JSX.Element;

package/dist/providers/WorkspacesProvider.d.ts

@@ -0,0 +1,11 @@
+import { FC, PropsWithChildren } from 'react';
+import { WorkspacesRootProps } from '../types';
+/**
+ * Hook to access Workspaces context
+ */
+export declare const useWorkspacesContext: () => WorkspacesRootProps;
+/**
+ * Provider component for Workspaces microfrontend
+ * Sets up context and dependencies including permission management
+ */
+export declare const WorkspacesProvider: FC<PropsWithChildren<WorkspacesRootProps>>;

package/dist/store/workspacesStore.d.ts

@@ -0,0 +1,80 @@
+import { ViewMode, SortBy, SortDirection, WorkspaceFilters, ProjectFilters, MemberFilters, Workspace } from '../types';
+interface WorkspacesState {
+    viewMode: ViewMode;
+    sortBy: SortBy;
+    sortDirection: SortDirection;
+    workspaceFilters: WorkspaceFilters;
+    projectFilters: ProjectFilters;
+    memberFilters: MemberFilters;
+    selectedWorkspaceIds: Set<string>;
+    selectedProjectIds: Set<string>;
+    selectedMemberIds: Set<string>;
+    isCreateWorkspaceDialogOpen: boolean;
+    isCreateProjectDialogOpen: boolean;
+    isInviteMemberDialogOpen: boolean;
+    currentWorkspace: Workspace | null;
+    currentWorkspaceId: string | null;
+    setViewMode: (mode: ViewMode) => void;
+    setSortBy: (sortBy: SortBy) => void;
+    toggleSortDirection: () => void;
+    setWorkspaceFilters: (filters: Partial<WorkspaceFilters>) => void;
+    clearWorkspaceFilters: () => void;
+    setProjectFilters: (filters: Partial<ProjectFilters>) => void;
+    clearProjectFilters: () => void;
+    setMemberFilters: (filters: Partial<MemberFilters>) => void;
+    clearMemberFilters: () => void;
+    toggleWorkspaceSelection: (id: string) => void;
+    clearWorkspaceSelection: () => void;
+    toggleProjectSelection: (id: string) => void;
+    clearProjectSelection: () => void;
+    toggleMemberSelection: (id: string) => void;
+    clearMemberSelection: () => void;
+    openCreateWorkspaceDialog: () => void;
+    closeCreateWorkspaceDialog: () => void;
+    openCreateProjectDialog: (workspace: Workspace) => void;
+    closeCreateProjectDialog: () => void;
+    openInviteMemberDialog: (workspace: Workspace) => void;
+    closeInviteMemberDialog: () => void;
+    setCurrentWorkspace: (workspace: Workspace | null) => void;
+    reset: () => void;
+}
+export declare const useWorkspacesStore: import('zustand').UseBoundStore<Omit<Omit<import('zustand').StoreApi<WorkspacesState>, "setState" | "devtools"> & {
+    setState(partial: WorkspacesState | Partial<WorkspacesState> | ((state: WorkspacesState) => WorkspacesState | Partial<WorkspacesState>), replace?: false | undefined, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    setState(state: WorkspacesState | ((state: WorkspacesState) => WorkspacesState), replace: true, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    devtools: {
+        cleanup: () => void;
+    };
+}, "setState" | "persist"> & {
+    setState(partial: WorkspacesState | Partial<WorkspacesState> | ((state: WorkspacesState) => WorkspacesState | Partial<WorkspacesState>), replace?: false | undefined, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): unknown;
+    setState(state: WorkspacesState | ((state: WorkspacesState) => WorkspacesState), replace: true, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): unknown;
+    persist: {
+        setOptions: (options: Partial<import('zustand/middleware').PersistOptions<WorkspacesState, unknown, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: WorkspacesState) => void) => () => void;
+        onFinishHydration: (fn: (state: WorkspacesState) => void) => () => void;
+        getOptions: () => Partial<import('zustand/middleware').PersistOptions<WorkspacesState, unknown, unknown>>;
+    };
+}>;
+export {};