@rebasepro/app 0.0.1-canary.4829d6e

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Rebase
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,174 @@
+# @rebasepro/app
+
+Framework-agnostic runtime for data-driven admin panels — React hooks, providers, contexts, and shared components used by `@rebasepro/admin` and `@rebasepro/studio`.
+
+## Installation
+
+```bash
+pnpm add @rebasepro/app
+```
+
+**Peer dependencies:** `react >= 19`, `react-dom >= 19`, `react-router ^7`, `react-router-dom ^7`
+
+## What This Package Does
+
+`@rebasepro/app` is the shared runtime layer that powers the Rebase CMS. It provides:
+
+- **App bootstrapping** — `Rebase`, `RebaseRouter`, `RebaseRoutes`, `PluginProviderStack`
+- **React contexts** — auth, data driver, storage, snackbar, dialogs, mode, admin mode, role, analytics, customization
+- **Hooks** — data fetching (`useData`, `useCollection`, `useFetch`), data mutation (`save`, `delete`), auth (`useAuthController`), storage, permissions, i18n, and more
+- **UI components** — `LoginView`, `RebaseAuth`, `ConfirmationDialog`, `ErrorView`, `UserSettingsView`, `BootstrapAdminBanner`, etc.
+- **Utilities** — icon system, snapshot caching, storage upload controller, enums, constants
+- **i18n** — built-in English and Spanish locales via `react-i18next`
+- **Studio Bridge** — shared context for optional CMS↔Studio integration
+
+This package is **framework-agnostic** in the sense that it doesn't depend on any specific data backend — it works with any `DataDriver` implementation (PostgreSQL, Firebase, MongoDB, etc.).
+
+## Key Exports
+
+### App Bootstrapping
+
+| Export | Description |
+|---|---|
+| `Rebase` | Root component — accepts collections, auth, data source config and renders the app |
+| `RebaseRouter` | Router wrapper for react-router integration |
+| `RebaseRoutes` | Route definitions |
+| `PluginProviderStack` | Wraps children with plugin-provided context providers |
+
+### Hooks — Data
+
+| Export | Description |
+|---|---|
+| `useData` | Access the data driver from context |
+| `useCollection` | Fetch a collection with filters, pagination, and realtime |
+| `useFetch` | Fetch a single snapshot by ID |
+| `useRelationSelector` | Relation field selector state |
+| `useUserSelector` | User selector state |
+| `save` utilities | Snapshot save helpers |
+| `delete` utilities | Snapshot delete helpers |
+
+### Hooks — Auth & Permissions
+
+| Export | Description |
+|---|---|
+| `useAuthController` | Access the current auth controller from context |
+| `useAuthSubscription` | Subscribe to auth state changes |
+| `usePermissions` | Check permissions for collections/actions |
+| `useAdminModeController` / `useBuildAdminModeController` | Admin mode toggle |
+| `useEffectiveRoleController` / `useBuildEffectiveRoleController` | Current user's effective role |
+
+### Hooks — UI & State
+
+| Export | Description |
+|---|---|
+| `useRebaseContext` | Access the top-level Rebase context |
+| `useDialogsController` | Programmatic dialog management |
+| `useSnackbarController` | Show snackbar notifications |
+| `useModeController` / `useBuildModeController` | Light/dark mode |
+| `useStorageSource` / `useBackendStorageSource` | Storage source from context |
+| `useRebaseClient` | Access the `RebaseClient` instance |
+| `useLargeLayout` | Responsive layout breakpoint hook |
+| `useClipboard` | Copy-to-clipboard |
+| `useUnsavedChangesDialog` | Prompt user about unsaved changes |
+| `useCustomizationController` | UI customization overrides |
+| `useRebaseRegistry` | Access the collection/plugin registry |
+| `useTranslation` | i18n translation hook |
+| `useAnalyticsController` | Analytics event tracking |
+
+### Hooks — Studio Bridge
+
+| Export | Description |
+|---|---|
+| `useStudioBridge` | Access bridge context for CMS↔Studio communication |
+| `useBridgeRegistration` | Register bridge callbacks (self-assembling) |
+
+### Components
+
+| Export | Description |
+|---|---|
+| `LoginView` | Pre-built login/register form UI |
+| `RebaseAuth` | Auth gate component — handles login flow rendering |
+| `ErrorView` | Error display component |
+| `ConfirmationDialog` | Configurable confirmation dialog |
+| `UnsavedChangesDialog` | "Discard changes?" dialog |
+| `NotFoundPage` | 404 page |
+| `UserSettingsView` | User profile settings page |
+| `UserSelectPopover` / `UserDisplay` | User avatar/name display |
+| `LanguageToggle` | i18n language switcher |
+| `BootstrapAdminBanner` | First-user setup banner |
+| `RebaseLogo` | Rebase branding logo |
+| `UIStyleGuide` / `UIReferenceView` | Debug/reference components |
+
+### Contexts
+
+| Export | Description |
+|---|---|
+| `SnackbarProvider` | Snackbar notification context |
+| `ModeController` | Light/dark mode context |
+| `AdminModeController` | Admin mode context |
+| `EffectiveRoleController` | User role context |
+| `AuthControllerContext` | Auth controller context |
+| `DataDriverContext` | Data driver context |
+| `StorageSourceContext` | Storage source context |
+| `DialogsProvider` | Dialog management context |
+| `RebaseClientInstanceContext` | Client instance context |
+| `CustomizationControllerContext` | UI customization context |
+| `AnalyticsContext` | Analytics context |
+
+### Utilities
+
+| Export | Description |
+|---|---|
+| `iconList` / icon helpers | Full icon set and lookup |
+| `createFormexStub` | Create a form stub for testing |
+| `snapshotCache` | Snapshot LRU cache |
+| `useStorageUploadController` | File upload progress controller |
+| `previews` | Preview rendering utilities |
+| `enums` / `constants` | Shared enums and constant values |
+
+### i18n
+
+| Export | Description |
+|---|---|
+| `RebaseI18nProvider` | i18n context provider |
+| `en` locale | English translations |
+| `es` locale | Spanish translations |
+
+### Vite Plugin
+
+Available as a separate entry point:
+
+```ts
+import { rebaseVitePlugin } from "@rebasepro/app/vitePlugin";
+```
+
+## Quick Start
+
+```tsx
+import { Rebase, useAuthController, useCollection } from "@rebasepro/app";
+
+function App() {
+    return (
+        <Rebase
+            collections={collections}
+            authController={authController}
+            dataSource={dataSource}
+        />
+    );
+}
+
+// Inside any child component:
+function ProductList() {
+    const { data, loading } = useCollection("products", { limit: 20 });
+    // ...
+}
+```
+
+## Related Packages
+
+- [`@rebasepro/admin`](../admin) — CMS views, forms, and routing (built on top of core)
+- [`@rebasepro/ui`](../ui) — Design system components
+- [`@rebasepro/common`](../common) — Shared utilities and collection registry
+- [`@rebasepro/types`](../types) — TypeScript type definitions
+- [`@rebasepro/forms`](../formex) — Form state management
+- [`@rebasepro/client`](../client) — HTTP client SDK

package/dist/auth/api.d.ts

@@ -0,0 +1,66 @@
+/**
+ * Auth-config fetch helper for the Rebase React frontend.
+ *
+ * The former per-endpoint auth client (login, register, refresh, OAuth,
+ * sessions, …) has been removed: `useRebaseAuthController` now delegates to
+ * the headless SDK's `client.auth` (from `@rebasepro/client`), which is the
+ * single source of truth for the auth session. The only piece that remains
+ * here is the unauthenticated `/api/auth/config` probe used to detect
+ * bootstrap mode and enabled providers before a session exists.
+ */
+import { RebaseApiError } from "@rebasepro/types";
+/**
+ * @deprecated Use {@link RebaseApiError} (from `@rebasepro/types`, re-exported by
+ * `@rebasepro/client`). Kept as an alias so `instanceof` / imports keep working;
+ * errors thrown here now carry `.code` and `.status` on the unified type.
+ */
+export declare const AuthApiError: typeof RebaseApiError;
+/**
+ * Auth config response from the backend
+ */
+export interface AuthConfigResponse {
+    /** True when there are no users in the system and first user setup is needed */
+    needsSetup: boolean;
+    /** Whether new user registration is enabled */
+    registrationEnabled: boolean;
+    /** Whether email service is configured */
+    emailServiceEnabled?: boolean;
+    /** Whether the self-service password reset flow (email link) is supported */
+    passwordReset?: boolean;
+    /**
+     * Whether an admin can reset another user's password, i.e. the adapter
+     * mounts `POST /admin/users/:userId/reset-password`. Absent on backends
+     * predating this field, which the frontend treats as supported.
+     */
+    adminPasswordReset?: boolean;
+    /** Whether email verification is supported */
+    emailVerification?: boolean;
+    /** Complete list of enabled OAuth provider IDs (e.g. ["google", "github", "discord"]) */
+    enabledProviders: string[];
+}
+/**
+ * Cache container for `fetchAuthConfig` — holds both the inflight promise
+ * (to deduplicate concurrent calls) and the cached result.
+ */
+export interface AuthConfigCache {
+    cached: AuthConfigResponse | null;
+    inflight: Promise<AuthConfigResponse> | null;
+}
+/**
+ * Create a fresh `AuthConfigCache` instance.
+ * Callers own the cache object and pass it into `fetchAuthConfig` / `clearAuthConfigCache`.
+ */
+export declare function createAuthConfigCache(): AuthConfigCache;
+/**
+ * Fetch auth configuration / status from the backend
+ * This is an unauthenticated endpoint used to detect bootstrap mode.
+ *
+ * Results are cached for the session lifetime.
+ * Concurrent calls are deduplicated: only one network request is made
+ * and all callers share the same promise.
+ */
+export declare function fetchAuthConfig(apiUrl: string, cache: AuthConfigCache): Promise<AuthConfigResponse>;
+/**
+ * Clear the cached auth config (e.g. on logout or for testing).
+ */
+export declare function clearAuthConfigCache(cache: AuthConfigCache): void;

package/dist/auth/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @rebasepro/app
+ *
+ * React authentication controller for Rebase frontends.
+ * Provides the `useRebaseAuthController` hook and API utilities
+ * for communicating with a Rebase backend's JWT auth endpoints.
+ *
+ * For the generic LoginView and RebaseAuth components, see @rebasepro/app.
+ */
+export type { RebaseAuthController, RebaseAuthControllerProps, AuthTokens, DeviceSession, UserInfo, AuthResponse, RefreshResponse } from "./types";
+export { useRebaseAuthController } from "./useRebaseAuthController";
+export { fetchAuthConfig, clearAuthConfigCache, createAuthConfigCache, AuthApiError } from "./api";
+export type { AuthConfigResponse, AuthConfigCache } from "./api";

package/dist/auth/types.d.ts

@@ -0,0 +1,127 @@
+import { AuthController, User, AuthTokens, DeviceSession, RebaseSession, AuthChangeEvent } from "@rebasepro/types";
+import type { AuthConfigResponse } from "./api";
+/** @deprecated Use `User` from `@rebasepro/types` instead. */
+export type UserInfo = User;
+/** @deprecated Use `DeviceSession` from `@rebasepro/types` instead. */
+export type Session = DeviceSession;
+export type { AuthTokens, DeviceSession };
+/**
+ * Auth controller that extends the base AuthController
+ * with additional methods for email/password and Google login
+ */
+export type RebaseAuthController = AuthController & {
+    /** Login with Google — accepts an ID token, access token, or authorization code payload */
+    googleLogin: (payload: {
+        idToken: string;
+    } | {
+        accessToken: string;
+    } | {
+        code: string;
+        redirectUri: string;
+    }) => Promise<void>;
+    /** Generic OAuth login — works with any provider. Posts payload to /auth/{providerId}. */
+    oauthLogin: (providerId: string, payload: Record<string, unknown>) => Promise<void>;
+    /** Login with email and password */
+    emailPasswordLogin: (email: string, password: string) => Promise<void>;
+    /** Register a new user */
+    register: (email: string, password: string, displayName?: string) => Promise<void>;
+    /** Skip login (for anonymous access if enabled) */
+    skipLogin: () => void;
+    /** Whether login was skipped */
+    loginSkipped: boolean;
+    /** Error from auth provider (login failure details) */
+    authProviderError: Error | null;
+    /** True when there are no users in the system — first-user bootstrap mode */
+    needsSetup: boolean;
+    /** Whether new user registration is enabled (always true during setup) */
+    registrationEnabled: boolean;
+    /** Request password reset email */
+    forgotPassword: (email: string) => Promise<void>;
+    /** Reset password using token from email */
+    resetPassword: (token: string, password: string) => Promise<void>;
+    /** Change password for authenticated user */
+    changePassword: (oldPassword: string, newPassword: string) => Promise<void>;
+    /** Update user profile */
+    updateProfile: (displayName?: string, photoURL?: string) => Promise<User>;
+    /** Fetch active sessions */
+    fetchSessions: () => Promise<DeviceSession[]>;
+    /** Revoke a session */
+    revokeSession: (sessionId: string) => Promise<void>;
+    /** Revoke all active sessions */
+    revokeAllSessions: () => Promise<void>;
+    /** Get internal API URL */
+    getApiUrl?: () => string | undefined;
+    /** Clear the current auth provider error */
+    clearError: () => void;
+    /** Set or clear the auth provider error */
+    setAuthProviderError: (error: Error | null) => void;
+};
+/**
+ * Structural type for the subset of `client.auth` (from `@rebasepro/client`)
+ * that the React hook delegates to. Avoids a hard dependency on
+ * `@rebasepro/client` while remaining fully type-safe.
+ */
+export interface ClientAuth {
+    getSession(): RebaseSession | null;
+    onAuthStateChange(callback: (event: AuthChangeEvent, session: RebaseSession | null) => void): () => void;
+    isInitialized(): Promise<void>;
+    getAuthConfig(): Promise<AuthConfigResponse>;
+    signInWithEmail(email: string, password: string): Promise<unknown>;
+    signOut(): Promise<void>;
+    refreshSession(): Promise<RebaseSession>;
+    signUp(email: string, password: string, displayName?: string): Promise<unknown>;
+    signInWithGoogle(payload: {
+        idToken: string;
+    } | {
+        accessToken: string;
+    } | {
+        code: string;
+        redirectUri: string;
+    }): Promise<unknown>;
+    signInWithOAuth(providerId: string, payload: Record<string, unknown>): Promise<unknown>;
+    resetPasswordForEmail(email: string): Promise<unknown>;
+    resetPassword(token: string, password: string): Promise<unknown>;
+    changePassword(oldPassword: string, newPassword: string): Promise<unknown>;
+    updateUser(updates: {
+        displayName?: string;
+        photoURL?: string;
+    }): Promise<User>;
+    getSessions(): Promise<DeviceSession[]>;
+    revokeSession(sessionId: string): Promise<unknown>;
+    revokeAllSessions(): Promise<unknown>;
+}
+/**
+ * Props for useRebaseAuthController hook
+ */
+export interface RebaseAuthControllerProps {
+    /** The Rebase Client instance */
+    client?: {
+        baseUrl?: string;
+        resolveToken?: () => Promise<string | null>;
+        setAuthTokenGetter?: (getter: () => Promise<string | null>) => void;
+        setOnUnauthorized?: (handler: () => Promise<boolean>) => void;
+        ws?: {
+            setAuthTokenGetter: (getter: () => Promise<string | null>) => void;
+        };
+        auth?: ClientAuth;
+    };
+    /** Google OAuth client ID (optional, enables Google login) */
+    googleClientId?: string;
+    /** Callback when user signs out */
+    onSignOut?: () => void;
+    /** Define roles for a user after login */
+    defineRolesFor?: (user: User) => Promise<string[] | undefined> | string[] | undefined;
+}
+/**
+ * Auth response from backend login/register endpoints
+ */
+export interface AuthResponse {
+    user: User;
+    tokens: AuthTokens;
+}
+/**
+ * Response from token refresh endpoint
+ */
+export interface RefreshResponse {
+    tokens: AuthTokens;
+}

package/dist/auth/useRebaseAuthController.d.ts

@@ -0,0 +1,13 @@
+import { RebaseAuthController, RebaseAuthControllerProps } from "./types";
+/**
+ * Auth controller hook for JWT-based authentication.
+ *
+ * This is a thin React binding over the headless SDK `client.auth`.
+ * It synchronizes React state with the SDK's internal state and delegates
+ * all operations to the SDK to ensure a single source of truth for
+ * authentication sessions across the entire application.
+ *
+ * @param props Configuration options
+ * @returns RebaseAuthController instance
+ */
+export declare function useRebaseAuthController(props?: RebaseAuthControllerProps): RebaseAuthController;

package/dist/components/AIIcon.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+export interface AIIconProps {
+    size?: "smallest" | "small" | "medium" | "large";
+    className?: string;
+}
+/**
+ * AI-styled AutoAwesome icon with gradient coloring.
+ * Used consistently across AI features for visual identification.
+ */
+export declare function AIIcon({ size, className }: AIIconProps): React.JSX.Element;
+/**
+ * Small animated dot indicator for AI-modified elements.
+ * Shows a pulsing gradient dot.
+ */
+export declare function AIModifiedIndicator({ className }: {
+    className?: string;
+}): React.JSX.Element;

package/dist/components/ConfirmationDialog.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export declare function ConfirmationDialog({ open, onAccept, onCancel, title, loading, body }: {
+    open: boolean;
+    onAccept: () => void;
+    onCancel: () => void;
+    loading?: boolean;
+    title: React.ReactNode;
+    body?: React.ReactNode;
+}): React.JSX.Element;

package/dist/components/Debug/UIReferenceView.d.ts

@@ -0,0 +1,13 @@
+/**
+ * UIReferenceView — hidden debug route at /debug/ui
+ *
+ * This file is a STATIC reference of the real UI patterns used across the app.
+ * All markup / styles are copied verbatim from source files.
+ * DO NOT add invented styles. Only copy from actual source files.
+ *
+ * Sources:
+ *   DefaultDrawer.tsx, DefaultAppBar.tsx, DrawerNavigationItem.tsx,
+ *   DrawerNavigationGroup.tsx, UsersView.tsx, RolesView.tsx
+ */
+import React from "react";
+export declare function UIReferenceView(): React.JSX.Element;

package/dist/components/Debug/UIStyleGuide.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const UIStyleGuide: () => React.JSX.Element;

package/dist/components/Debug/collection-views/CardViewDemo.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function CardViewDemo(): React.JSX.Element;

package/dist/components/Debug/collection-views/CollectionTableDemo.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function CollectionTableDemo(): React.JSX.Element;

package/dist/components/Debug/collection-views/KanbanBoardDemo.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function KanbanBoardDemo(): React.JSX.Element;

package/dist/components/Debug/collection-views/index.d.ts

@@ -0,0 +1,3 @@
+export { CollectionTableDemo } from "./CollectionTableDemo";
+export { CardViewDemo } from "./CardViewDemo";
+export { KanbanBoardDemo } from "./KanbanBoardDemo";

package/dist/components/Debug/collection-views/sample_data.d.ts

@@ -0,0 +1,23 @@
+export type ProjectStatus = "backlog" | "in_progress" | "in_review" | "done";
+export type ProjectPriority = "low" | "medium" | "high" | "critical";
+export interface SampleProject {
+    id: string;
+    name: string;
+    description: string;
+    status: ProjectStatus;
+    priority: ProjectPriority;
+    assignee: string;
+    tags: string[];
+    dueDate: string;
+    progress: number;
+    createdAt: string;
+}
+export declare const STATUS_CONFIG: Record<ProjectStatus, {
+    label: string;
+    color: string;
+}>;
+export declare const PRIORITY_CONFIG: Record<ProjectPriority, {
+    label: string;
+    color: string;
+}>;
+export declare const SAMPLE_PROJECTS: SampleProject[];

package/dist/components/Debug/crm-dashboard/CalendarWidget.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+interface TaskEntity {
+    id: string;
+    values: {
+        title: string;
+        status: string;
+        dueDate: string | null;
+        stageId: string | null;
+        priority?: string | null;
+        clientId: string | null;
+        client?: {
+            name?: string;
+        } | null;
+    };
+}
+export interface CalendarWidgetProps {
+    loading: boolean;
+    tasks: TaskEntity[];
+    onOpenTask: (taskId: string) => void;
+}
+export declare function CalendarWidget({ loading, tasks, onOpenTask }: CalendarWidgetProps): React.JSX.Element;
+export {};

package/dist/components/Debug/crm-dashboard/CrmDashboardDemo.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function CrmDashboardDemo(): React.JSX.Element;

package/dist/components/Debug/crm-dashboard/DashboardMetrics.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+interface InsightsData {
+    activeClients: number;
+    potentialRevenue: number;
+    contractedRevenue: number;
+    overdueTaskCount: number;
+}
+export interface DashboardMetricsProps {
+    loading: boolean;
+    insights: InsightsData | null;
+    totalInPipeline: number;
+    totalRevenue: number;
+}
+export declare function DashboardMetrics({ loading, insights, totalInPipeline, totalRevenue }: DashboardMetricsProps): React.JSX.Element;
+export {};

package/dist/components/Debug/crm-dashboard/PipelineOverview.d.ts

@@ -0,0 +1,34 @@
+import React from "react";
+interface PipelineStage {
+    stageKey: string;
+    label: string;
+    shortLabel: string;
+    color: string;
+    icon: string;
+    sortOrder: number;
+    isTerminal: boolean;
+    isLostStage: boolean;
+    count: number;
+}
+interface PipelineOption {
+    id: string;
+    name: string;
+    isDefault: boolean;
+    color: string;
+}
+export interface PipelineOverviewProps {
+    loading: boolean;
+    insights: {
+        pipelines: PipelineOption[];
+    } | null;
+    selectedPipelineId: string | null;
+    onPipelineChange: (newPipelineId: string) => void;
+    onNavigate: (path: string) => void;
+    sortedStages: PipelineStage[];
+    activeStages: PipelineStage[];
+    closedStages: PipelineStage[];
+    totalInPipeline: number;
+    resolveColor: (colorName: string) => string;
+}
+export declare function PipelineOverview({ loading, insights, selectedPipelineId, onPipelineChange, onNavigate, sortedStages, activeStages, closedStages, totalInPipeline, resolveColor }: PipelineOverviewProps): React.JSX.Element;
+export {};

package/dist/components/Debug/crm-dashboard/RecentActivity.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+export interface RecentActivityProps {
+    activities: any[];
+    activitiesLoading: boolean;
+    tasksMap: Map<string, any>;
+    onCompleteTask: (activity: any) => void;
+    onViewEmail: (activity: any) => void;
+    onOpenTask: (activity: any) => void;
+    emailViewerOpen: boolean;
+    onEmailViewerOpenChange: (open: boolean) => void;
+    selectedEmail: {
+        to: string;
+        subject: string;
+        body: string;
+        html?: string;
+        mode?: string;
+    } | null;
+}
+export declare function RecentActivity({ activities, activitiesLoading, tasksMap, onCompleteTask, onViewEmail, onOpenTask, emailViewerOpen, onEmailViewerOpenChange, selectedEmail }: RecentActivityProps): React.JSX.Element;

package/dist/components/Debug/crm-dashboard/TaskFilters.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+type QuickFilter = "all" | "overdue";
+export interface TaskFiltersProps {
+    quickFilter: QuickFilter;
+    onQuickFilterChange: (filter: QuickFilter) => void;
+    stageFilter: string | null;
+    onStageFilterChange: (stage: string | null) => void;
+    clientFilter: string | null;
+    onClientFilterChange: (clientId: string | null) => void;
+    searchText: string;
+    onSearchTextChange: (text: string) => void;
+    hasActiveFilter: boolean;
+    onClearAllFilters: () => void;
+    overdueTasks: {
+        length: number;
+    };
+    pendingTasks: {
+        length: number;
+    };
+    stageLabels: Record<string, string>;
+    stageFilterOrder: string[];
+    stageCounts: Record<string, number>;
+    activeClientIds: string[];
+    clientsMap: Map<string, {
+        name: string;
+        picture?: string;
+    }>;
+}
+export declare function TaskFilters({ quickFilter, onQuickFilterChange, stageFilter, onStageFilterChange, clientFilter, onClientFilterChange, searchText, onSearchTextChange, hasActiveFilter, onClearAllFilters, overdueTasks, pendingTasks, stageLabels, stageFilterOrder, stageCounts, activeClientIds, clientsMap }: TaskFiltersProps): React.JSX.Element;
+export {};