@framed-dev/react 0.2.0 → 0.3.1

package/dist/index.d.cts

@@ -1,761 +0,0 @@
-import { ComponentType, ReactNode } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FramedConfig, Session, WidgetDataLayer, SupabaseClient, FramedApiClient, WizardCallbacks, Task, LimitStatus, WidgetFeatures, AuthConfig, FeedbackComment, TaskStatus, SyncResult } from '@framed-dev/core';
-export { AIConfig, AIFeatureResult, AnnotationData, AnnotationMode, Assignment, Attachment, AuthConfig, AuthMode, Comment, ElementInfo, FeedbackComment, FeedbackInfo, FramedApiClient, FramedConfig, LimitStatus, Mention, PageInfo, PendingAttachment, Position, SDKConfig, Session, SyncConfig, SyncResult, Task, TaskInfo, TaskStatus, TaskType, TranslationResult, UsageLimits, ViewportMode, WidgetConfig, WidgetDataLayer, WidgetFeatures, WizardCallbacks, createWizardCallbacks, getUserSupabase, initUserSupabase, isSupabaseInitialized, translateContent, uploadFile, uploadFont, uploadLogo } from '@framed-dev/core';
-import { SupabaseClient as SupabaseClient$1 } from '@supabase/supabase-js';
-export { AIQuestionRenderer, AISuggestionState, AreaAnnotationOverlay, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatModal, ChatModalProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, ElementSelector, ElementSelectorProps, ExportModal, ExportModalProps, FeedbackDrawer, FeedbackDrawerProps, FeedbackOverviewContent, Input, Label, LivePreviewPanelProps, LocalizedContent, MultiSelectOverlay, Phase2Layout, Phase2MobilePreviewTrigger, Phase2MobileSidebarTrigger, Phase2NavigationFooter, Phase2PreviewPanel, Phase2SectionHeader, Phase2Sidebar, Phase2StatusBadge, Phase2StatusIndicator, Phase4Layout, Phase4MobileFeedbackTrigger, Phase4MobileSidebarTrigger, Phase4ReviewLayout, Phase4Sidebar, ProjectContextInput, ProjectIdeaInput, ProjectTypeSelector, QuickInput, QuickInputProps, RegionSelectOverlay, RichTextEditor, RichTextEditorProps, RichTextEditorRef, ScrollArea, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Separator, Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger, Skeleton, TextEditOverlay, TextEditOverlayProps, Textarea, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, Toolbar, ToolbarProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Widget, WidgetProps, cn, toast, useToast } from '@framed/widget-core';
-
-/**
- * Type declarations for the compiled framed-lib bundle.
- *
- * The framed-app library is built without TypeScript declarations (dts: false)
- * due to TipTap type incompatibilities. This file provides type declarations
- * for the SDK to re-export the library.
- */
-
-
-
-// ============================================
-// SUPABASE
-// ============================================
-declare function initSupabase$1(url: string, anonKey: string): any;
-declare function getSupabase$1(): any;
-declare const supabase$1: any;
-
-// ============================================
-// CONTEXTS
-// ============================================
-declare const AuthProvider$1: ComponentType<{ children: ReactNode }>;
-declare function useAuth$1(): any;
-
-// ============================================
-// HOOKS
-// ============================================
-// Core UI hooks
-declare function useIsMobile(): boolean;
-
-// Project & Agency hooks
-declare function useProject(projectId?: string): any;
-declare function useAgency(agencyId?: string | null): any;
-declare function useAutoSave(projectId: string, debounceMs?: number): any;
-declare function usePhaseAccess(project: any, requiredPhase: number, projectId: string): void;
-declare function useProjectAccess(projectId: string): any;
-declare function useProjectMembers(projectId: string): any;
-declare function useProjectSettings(projectId: string): any;
-declare function useProjectShares(projectId: string): any;
-declare function useShareAccess(shareToken?: string): any;
-declare function useModuleUsage(agencyId: string): any;
-
-// Phase 4 hooks
-declare function usePhase2Navigation(pages: any[], onPageSelect: (id: string) => void): any;
-declare function usePhase4Navigation(pages: any[], onPageSelect: (id: string) => void): any;
-declare function useFeedbackValidation(): any;
-
-// Phase 5 hooks
-declare function useMaintenanceItems(projectId: string | undefined, agencyId?: string): any;
-declare function useMeetingNotes(projectId: string): any;
-declare function useTimeTracking(projectId: string): any;
-declare function useChangelog(projectId: string): any;
-declare function useDomainMonitoring(projectId: string): any;
-declare function useUptimeMonitoring(projectId: string): any;
-declare function useMonthlyReports(projectId: string): any;
-declare function useImprovementSuggestions(projectId: string): any;
-declare function useInternalNotes(projectId: string): any;
-declare function useTaskOverview(projectId: string): any;
-declare function useSiteAnalytics(projectId: string): any;
-
-// Monitoring & Analysis hooks
-declare function usePerformanceAnalysis(projectId: string): any;
-declare function useSeoAudit(projectId: string): any;
-
-// Notification hooks
-declare function useNotifications(): any;
-declare function usePushNotifications(): any;
-
-// Session hooks
-declare function useAnonymousSession(): any;
-
-// Super Admin hooks
-declare function useSuperAdminMetrics(): any;
-declare function useAbuseIncidents(): any;
-declare function useCostMetrics(): any;
-declare const Tabs: ComponentType<any>;
-declare const TabsContent: ComponentType<any>;
-declare const TabsList: ComponentType<any>;
-declare const TabsTrigger: ComponentType<any>;
-declare const Checkbox: ComponentType<any>;
-declare const Progress: ComponentType<any>;
-declare const Avatar: ComponentType<any>;
-declare const AvatarFallback: ComponentType<any>;
-declare const AvatarImage: ComponentType<any>;
-declare const DropdownMenuLabel: ComponentType<any>;
-declare const DropdownMenuSeparator: ComponentType<any>;
-declare const Popover: ComponentType<any>;
-declare const PopoverContent: ComponentType<any>;
-declare const PopoverTrigger: ComponentType<any>;
-declare const Switch: ComponentType<any>;
-declare const Table: ComponentType<any>;
-declare const TableBody: ComponentType<any>;
-declare const TableCell: ComponentType<any>;
-declare const TableHead: ComponentType<any>;
-declare const TableHeader: ComponentType<any>;
-declare const TableRow: ComponentType<any>;
-declare const Slider: ComponentType<any>;
-declare const Alert: ComponentType<any>;
-declare const AlertDescription: ComponentType<any>;
-declare const AlertTitle: ComponentType<any>;
-declare const RadioGroup: ComponentType<any>;
-declare const RadioGroupItem: ComponentType<any>;
-
-// Additional UI components
-declare const Calendar: ComponentType<any>;
-declare const Command: ComponentType<any>;
-declare const CommandEmpty: ComponentType<any>;
-declare const CommandGroup: ComponentType<any>;
-declare const CommandInput: ComponentType<any>;
-declare const CommandItem: ComponentType<any>;
-declare const CommandList: ComponentType<any>;
-
-// ============================================
-// PAGE COMPONENTS
-// ============================================
-declare const Dashboard: ComponentType<any>;
-declare const WizardPhase1New: ComponentType<any>;
-declare const WizardPhase2New: ComponentType<any>;
-declare const WizardPhaseOverview: ComponentType<any>;
-declare const WizardPhase4New: ComponentType<any>;
-declare const WizardPhase5New: ComponentType<any>;
-declare const WizardBuildSpec: ComponentType<any>;
-declare const FeedbackRoundManager: ComponentType<any>;
-declare const CommentThreadPanel: ComponentType<any>;
-declare const ScreenshotViewer: ComponentType<any>;
-declare const PageBrowser: ComponentType<any>;
-declare const ImageReviewPanel: ComponentType<any>;
-declare const TextEditPanel: ComponentType<any>;
-declare const DiffViewer: ComponentType<any>;
-declare const FeedbackFilters: ComponentType<any>;
-declare const ApprovalWorkflow: ComponentType<any>;
-
-// ============================================
-// PHASE 5 COMPONENTS
-// ============================================
-declare const KanbanBoard: ComponentType<any>;
-declare const MaintenanceItemCard: ComponentType<any>;
-declare const TimeTrackingPanel: ComponentType<any>;
-declare const HourPackagesPanel: ComponentType<any>;
-declare const ChangelogPanel: ComponentType<any>;
-declare const DomainMonitoringPanel: ComponentType<any>;
-declare const UptimeMonitoringPanel: ComponentType<any>;
-declare const MonthlyReportPanel: ComponentType<any>;
-declare const ImprovementSuggestionsPanel: ComponentType<any>;
-declare const InboxView: ComponentType<any>;
-declare const Phase5Sidebar: ComponentType<any>;
-
-// ============================================
-// BUILD SPEC COMPONENTS
-// ============================================
-declare const BuildSpecEditor: ComponentType<any>;
-declare const ExportToolSelector: ComponentType<any>;
-
-// Comment utilities
-declare function uploadCommentAttachment(file: File, projectId: string, path?: string): Promise<any>;
-declare function deleteCommentAttachment(url: string): Promise<void>;
-declare function extractMentions(text: string): string[];
-declare function formatMentions(text: string, members: any[]): string;
-declare function uploadMaintenanceAttachment(file: File, projectId: string, itemId: string): Promise<any>;
-declare function deleteMaintenanceAttachment(url: string): Promise<void>;
-
-// Storage utilities
-declare function uploadMedia(file: File, options: UploadOptions): Promise<UploadResult>;
-declare function deleteMedia(url: string): Promise<void>;
-declare function listSectionMedia(projectId: string, pageId: string, sectionId: string): Promise<any[]>;
-declare function uploadScreenshot(file: File | Blob, projectId: string, pageId?: string): Promise<UploadResult>;
-declare function formatFileSize(bytes: number): string;
-interface UploadOptions {
-  bucket?: string;
-  path?: string;
-  projectId?: string;
-}
-interface UploadResult {
-  url: string;
-  path: string;
-  size: number;
-  type: string;
-}
-
-// Localized content utilities
-declare function getLocalizedValue(value: any, locale: string): string;
-declare function setLocalizedValue(obj: any, key: string, value: string, locale: string): any;
-declare function createLocalizedString(value: string, locale?: string): any;
-
-// Permission utilities
-declare function canEditProject(user: any, project: any, members?: any[]): boolean;
-declare function hasAdminPrivileges(user: any): boolean;
-declare function canManageTeam(user: any): boolean;
-declare function canAccessPhase(user: any, project: any, phase: number): boolean;
-
-// Module management utilities
-declare function isModuleEnabled(project: any, module: string): boolean;
-declare function isModuleVisible(project: any, module: string): boolean;
-declare function isPhaseEnabled(project: any, phase: number): boolean;
-declare function isPhaseVisible(project: any, phase: number): boolean;
-declare function getFirstAccessiblePhase(project: any): number;
-declare function getFirstVisiblePhase(project: any): number;
-declare function getDefaultModules(project: any): string[];
-declare function getPhaseModule(phase: number): string | null;
-
-// Feature flags
-declare function isFeatureEnabled(feature: string, agency?: any): boolean;
-declare const FEATURE_FLAGS: Record<string, boolean>;
-
-// Date filters
-declare function formatDate(date: Date | string, format?: string): string;
-declare function parseDate(dateString: string): Date;
-declare function isToday(date: Date): boolean;
-declare function isThisWeek(date: Date): boolean;
-declare function isThisMonth(date: Date): boolean;
-
-// Build spec utilities
-declare function generateBuildSpec(project: any): any;
-declare function exportBuildSpec(project: any, format: string): string;
-
-// Prompt generator
-declare function generatePrompt(project: any, tool: string): string;
-declare const SUPPORTED_AI_TOOLS: string[];
-
-// ============================================
-// SERVICES
-// ============================================
-// AI services
-declare function getLayoutSuggestions(project: any, pageId: string): Promise<any>;
-declare function clearSuggestionsCache(): void;
-declare function clearPageSuggestionsCache(pageId: string): void;
-declare function getLayoutById(layoutId: string): any;
-declare function mergeLayoutWithHints(layout: any, hints: any[]): any;
-declare function getAllLayoutsForPage(pageType: string): any[];
-
-declare function generateProjectOverview(project: any): Promise<any>;
-
-declare function analyzeProjectIdea(idea: string): Promise<any>;
-declare function generateDynamicQuestions(context: any): Promise<any>;
-declare function createAIConversation(): any;
-declare function updateConversationWithQuestions(conversation: any, questions: any[]): any;
-
-declare function generateSiteStructure(project: any): Promise<any>;
-declare function convertToPhase2Data(structure: any): any;
-declare function needsStructureGeneration(project: any): boolean;
-declare function mergeStructureWithExisting(structure: any, existing: any): any;
-
-// Performance service
-declare function savePerformanceReport(projectId: string, report: any): Promise<void>;
-declare function getPerformanceReports(projectId: string): Promise<any[]>;
-declare function getPerformanceUsage(agencyId: string): Promise<any>;
-declare function analyzeUrl(url: string): Promise<any>;
-declare function formatMs(ms: number): string;
-declare function formatBytes(bytes: number): string;
-declare function getScoreColor(score: number): string;
-declare function getScoreBgColor(score: number): string;
-
-// Screenshot service
-declare function captureScreenshot(url: string, options?: any): Promise<any>;
-declare function uploadPageScreenshot(projectId: string, pageId: string, screenshot: Blob): Promise<any>;
-
-// SEO service
-declare function runSeoAudit(url: string): Promise<any>;
-declare function getSeoReports(projectId: string): Promise<any[]>;
-declare function getSeoPageReports(projectId: string, pageUrl: string): Promise<any[]>;
-
-// Stripe service
-declare function createCheckoutSession(options: any): Promise<any>;
-declare function createPortalSession(): Promise<any>;
-declare function getSubscriptionStatus(customerId: string): Promise<any>;
-
-// Text content service
-declare function crawlPageTextContent(url: string, options?: any): Promise<any>;
-declare function addLanguageContent(content: any, language: string): any;
-declare function applyBlockEdit(content: any, blockId: string, newText: string): any;
-declare function applyListEdit(content: any, listId: string, items: string[]): any;
-declare function restoreBlockToOriginal(content: any, blockId: string): any;
-declare function computeTextDiff(original: string, modified: string): any[];
-declare function isBlockModified(content: any, blockId: string): boolean;
-declare function getModifiedCount(content: any): number;
-declare function getTotalBlockCount(content: any): number;
-declare function getBlockHistory(content: any, blockId: string): any[];
-declare function getRecentEdits(content: any): any[];
-declare function exportTextChanges(content: any): any;
-declare function getLanguageLabel(code: string): string;
-declare const LANGUAGE_LABELS: Record<string, string>;
-
-// Type exports for services
-interface SectionHint {
-  sectionId: string;
-  hint: string;
-}
-interface LayoutRecommendation {
-  layoutId: string;
-  confidence: number;
-  reasoning: string;
-}
-interface LayoutSuggestionResult {
-  recommendations: LayoutRecommendation[];
-  hints: SectionHint[];
-}
-interface ProjectAnalysisResult {
-  category: string;
-  confidence: number;
-  suggestedPages: string[];
-}
-interface InitialQuestion {
-  id: string;
-  question: string;
-  type: string;
-  options?: string[];
-}
-interface QuestionContext {
-  projectCategory: string;
-  answers: Record<string, any>;
-}
-interface GenerateQuestionsResult {
-  questions: GeneratedQuestion[];
-}
-interface GeneratedQuestion {
-  id: string;
-  question: string;
-  type: string;
-  options?: string[];
-  required?: boolean;
-}
-interface SiteStructureResult {
-  pages: any[];
-  navigation: any;
-}
-interface CrawlProgress {
-  total: number;
-  completed: number;
-  currentUrl: string;
-}
-interface CrawlResult {
-  success: boolean;
-  content: any;
-  error?: string;
-}
-interface DiffPart {
-  value: string;
-  added?: boolean;
-  removed?: boolean;
-}
-interface ExportedChange {
-  blockId: string;
-  original: string;
-  modified: string;
-}
-interface TextChangesExport {
-  changes: ExportedChange[];
-  summary: {
-    totalChanges: number;
-    timestamp: string;
-  };
-}
-
-interface FramedAppProps {
-    /**
-     * Base path for all routes. Defaults to '/framed'.
-     * This should match your Next.js catch-all route path.
-     * Example: If you have `/app/framed/[[...slug]]/page.tsx`, use basename="/framed"
-     */
-    basename?: string;
-    /**
-     * Supabase project URL. Can also be set via NEXT_PUBLIC_SUPABASE_URL env var.
-     */
-    supabaseUrl?: string;
-    /**
-     * Supabase anon key. Can also be set via NEXT_PUBLIC_SUPABASE_ANON_KEY env var.
-     */
-    supabaseKey?: string;
-}
-/**
- * FramedApp - Complete Framed application with routing.
- *
- * This component embeds React Router inside your Next.js app,
- * providing all Framed pages (Dashboard, Phase 4, Phase 5, Build Spec).
- *
- * Usage with Next.js App Router:
- *
- * 1. Create a catch-all route at `/app/framed/[[...slug]]/page.tsx`
- * 2. Import and render FramedApp with matching basename:
- *
- * ```tsx
- * "use client";
- * import { FramedApp } from '@framed-dev/react';
- *
- * export default function FramedPage() {
- *   return <FramedApp basename="/framed" />;
- * }
- * ```
- *
- * The [[...slug]] catch-all route ensures Next.js sends all /framed/* URLs
- * to this page, and React Router handles the routing within.
- */
-declare function FramedApp({ basename, supabaseUrl, supabaseKey, }: FramedAppProps): react_jsx_runtime.JSX.Element | null;
-
-type WidgetVersion = 'latest' | 'v3' | string;
-type WidgetSource = 'cdn' | 'bundled';
-interface FramedProviderConfig extends FramedConfig {
-    widgetVersion?: WidgetVersion;
-    widgetSource?: WidgetSource;
-}
-interface SDKProject {
-    id: string;
-    name: string;
-    status: string;
-    project_type: string;
-    data?: Record<string, unknown>;
-    created_at?: string;
-    updated_at?: string;
-}
-interface FramedContextValue {
-    config: FramedProviderConfig;
-    projectId: string;
-    currentProject: SDKProject | null;
-    isProjectLoading: boolean;
-    projectError: string | null;
-    updateCurrentProject: (updates: Partial<SDKProject>) => Promise<void>;
-    isAuthenticated: boolean;
-    session: Session | null;
-    isAuthLoading: boolean;
-    authError: string | null;
-    login: () => void;
-    logout: () => void;
-    dataLayer: WidgetDataLayer;
-    supabase: SupabaseClient | null;
-    framedApi: FramedApiClient;
-    hasAIFeatures: boolean;
-    callbacks: WizardCallbacks;
-    tasks: Task[];
-    openTasks: Task[];
-    isTasksLoading: boolean;
-    refreshTasks: () => Promise<void>;
-    saveTask: (task: Task) => Promise<void>;
-    updateTask: (id: string, updates: Partial<Task>) => Promise<void>;
-    limits: LimitStatus | null;
-    checkLimits: () => Promise<LimitStatus>;
-    features: WidgetFeatures;
-    isWidgetReady: boolean;
-}
-interface FramedProviderProps {
-    config?: Partial<FramedProviderConfig>;
-    children: ReactNode;
-}
-declare function FramedProvider({ config, children }: FramedProviderProps): react_jsx_runtime.JSX.Element;
-declare function useFramed(): FramedContextValue;
-/**
- * Convenience hook to get just the wizard callbacks.
- * Use this in wizard components that need file upload or translation.
- */
-declare function useFramedCallbacks(): WizardCallbacks;
-/**
- * Hook to check if AI features are available.
- */
-declare function useHasAIFeatures(): boolean;
-/**
- * Hook to access the current SDK project.
- * Returns the auto-loaded/created project for this SDK install.
- */
-declare function useCurrentProject(): {
-    project: SDKProject | null;
-    isLoading: boolean;
-    error: string | null;
-    updateProject: (updates: Partial<SDKProject>) => Promise<void>;
-};
-
-interface AuthContextValue {
-    isAuthenticated: boolean;
-    session: Session | null;
-    isLoading: boolean;
-    error: string | null;
-    login: () => void;
-    logout: () => void;
-}
-interface AuthProviderProps {
-    config?: AuthConfig;
-    projectId: string;
-    apiKey?: string;
-    supabaseUrl?: string;
-    children: ReactNode;
-}
-declare function AuthProvider({ config, projectId, apiKey, supabaseUrl, children, }: AuthProviderProps): react_jsx_runtime.JSX.Element;
-declare function useAuth(): AuthContextValue;
-
-interface FeedbackWidgetProps {
-    /** User's display name for feedback attribution */
-    author?: string;
-    /** Called when a new comment is submitted */
-    onSubmit?: (comment: FeedbackComment) => void;
-    /** Called when a task is created from feedback */
-    onTaskCreated?: (task: Task) => void;
-    /** Called when user takes a screenshot */
-    onScreenshot?: () => void;
-    /** Called when user locates a comment */
-    onLocateComment?: (comment: FeedbackComment) => void;
-    /** Called when user exports summary */
-    onExport?: () => void;
-    /** Called when widget is closed */
-    onClose?: () => void;
-}
-declare function FeedbackWidget({ author, onSubmit, onTaskCreated, onScreenshot, onLocateComment, onExport, onClose, }: FeedbackWidgetProps): react_jsx_runtime.JSX.Element | null;
-
-interface TasksReadyPanelProps {
-    /** Maximum number of tasks to show in preview */
-    maxPreview?: number;
-    /** Called when prompt is copied */
-    onPromptCopied?: () => void;
-    /** Custom class name */
-    className?: string;
-}
-declare function TasksReadyPanel({ maxPreview, onPromptCopied, className, }: TasksReadyPanelProps): react_jsx_runtime.JSX.Element | null;
-
-interface SiteContext {
-    capturedAt: string;
-    capturedBy: 'widget' | 'cli';
-    pages: SitePageInfo[];
-    navigation: NavigationItem[];
-    patterns: SitePatterns;
-    framework: FrameworkInfo;
-    contentMap: ContentMap[];
-}
-interface SitePageInfo {
-    url: string;
-    title: string;
-    description?: string;
-    hasContent: boolean;
-    sections: string[];
-    lastModified?: string;
-}
-interface NavigationItem {
-    label: string;
-    href: string;
-    isActive: boolean;
-    children?: NavigationItem[];
-    location: 'header' | 'footer' | 'sidebar';
-}
-interface SitePatterns {
-    hasBlog: boolean;
-    hasBlogPosts: boolean;
-    hasTeamSection: boolean;
-    hasContactForm: boolean;
-    hasNewsletter: boolean;
-    hasPricing: boolean;
-    hasTestimonials: boolean;
-    hasFAQ: boolean;
-    hasProducts: boolean;
-    hasCart: boolean;
-    hasCheckout: boolean;
-    hasHero: boolean;
-    hasFooter: boolean;
-    hasSidebar: boolean;
-}
-interface FrameworkInfo {
-    detected: 'nextjs-app' | 'nextjs-pages' | 'remix' | 'react-router' | 'astro' | 'unknown';
-    confidence: number;
-    hints: string[];
-}
-interface ContentMap {
-    page: string;
-    sections: {
-        id: string;
-        selector: string;
-        type: 'hero' | 'content' | 'list' | 'form' | 'cta' | 'unknown';
-        hasImages: boolean;
-        hasText: boolean;
-        approximateWords: number;
-    }[];
-}
-declare function scanSiteContext(): Promise<SiteContext>;
-
-interface PromptOptions {
-    apiKey: string;
-    includeContext?: boolean;
-    format?: 'full' | 'compact';
-}
-declare function generateAIPrompt(tasks: Task[], options: PromptOptions, siteContext?: SiteContext): string;
-declare function copyPromptToClipboard(prompt: string): Promise<boolean>;
-
-interface UseFramedTasksResult {
-    tasks: Task[];
-    openTasks: Task[];
-    inProgressTasks: Task[];
-    doneTasks: Task[];
-    isLoading: boolean;
-    openCount: number;
-    totalCount: number;
-    refresh: () => Promise<void>;
-    markDone: (taskId: string) => Promise<void>;
-    updateStatus: (taskId: string, status: TaskStatus) => Promise<void>;
-    generatePrompt: (options?: Partial<PromptOptions>) => Promise<string>;
-    copyPrompt: (options?: Partial<PromptOptions>) => Promise<boolean>;
-}
-declare function useFramedTasks(): UseFramedTasksResult;
-
-declare class LocalDataLayer implements WidgetDataLayer {
-    private projectId;
-    constructor(projectId: string);
-    getSession(): Promise<Session | null>;
-    loadTasks(page?: string): Promise<Task[]>;
-    saveTask(task: Task): Promise<void>;
-    updateTask(id: string, updates: Partial<Task>): Promise<void>;
-    uploadFile(file: File): Promise<{
-        url: string;
-        path: string;
-    }>;
-    checkLimits(): Promise<LimitStatus>;
-    sync: undefined;
-    deleteTask(id: string): Promise<void>;
-    clearAllTasks(): Promise<void>;
-    exportTasks(): Promise<string>;
-}
-
-interface FramedAPIConfig {
-    apiKey: string;
-    supabaseUrl: string;
-}
-interface TasksResponse {
-    tasks: Task[];
-    meta: {
-        total: number;
-        projectId: string;
-        projectName: string;
-    };
-}
-interface UploadResponse {
-    url: string;
-    path: string;
-    expiresAt?: string;
-}
-interface ValidationResult {
-    valid: boolean;
-    session?: Session;
-    error?: string;
-}
-declare class FramedAPIClient {
-    private apiKey;
-    private baseUrl;
-    constructor(config: FramedAPIConfig);
-    private request;
-    getTasks(options?: {
-        status?: 'open' | 'in_progress' | 'done' | 'rejected';
-        page?: string;
-    }): Promise<TasksResponse>;
-    createTask(task: Omit<Task, 'id' | 'meta'>): Promise<Task>;
-    updateTask(taskId: string, updates: Partial<Task>): Promise<Task>;
-    markTaskDone(taskId: string): Promise<{
-        success: boolean;
-        task: Task;
-    }>;
-    uploadFile(file: File): Promise<UploadResponse>;
-    validateMagicToken(token: string): Promise<ValidationResult>;
-    exchangeSessionToken(sessionToken: string): Promise<ValidationResult>;
-    getSession(): Promise<Session | null>;
-}
-
-declare class SyncDataLayer implements WidgetDataLayer {
-    private projectId;
-    private client;
-    private session;
-    constructor(projectId: string, config: FramedAPIConfig);
-    private loadCachedSession;
-    private cacheSession;
-    getSession(): Promise<Session | null>;
-    loadTasks(page?: string): Promise<Task[]>;
-    saveTask(task: Task): Promise<void>;
-    updateTask(id: string, updates: Partial<Task>): Promise<void>;
-    uploadFile(file: File): Promise<{
-        url: string;
-        path: string;
-    }>;
-    private createFormData;
-    checkLimits(): Promise<LimitStatus>;
-    sync(): Promise<SyncResult>;
-    private getPendingTasks;
-    private savePendingTasks;
-    private addPendingTask;
-    validateMagicToken(token: string): Promise<{
-        valid: boolean;
-        session?: Session;
-        error?: string;
-    }>;
-    exchangeSessionToken(sessionToken: string): Promise<{
-        valid: boolean;
-        session?: Session;
-        error?: string;
-    }>;
-    clearSession(): void;
-    markTaskDone(taskId: string): Promise<void>;
-}
-
-/**
- * Supabase stub for widget-sdk
- *
- * This provides a compatibility layer for components that expect Supabase.
- * In SDK mode, we use the FramedAPIClient instead of direct Supabase access.
- *
- * For components that absolutely need Supabase (e.g., real-time subscriptions),
- * users can initialize their own Supabase instance using initSupabase().
- */
-
-/**
- * Get the current Supabase client instance
- * Returns null if not initialized
- */
-declare function getSupabase(): SupabaseClient$1 | null;
-/**
- * Initialize Supabase with user's own credentials
- * This is optional - most SDK features work without it
- *
- * @param url - Supabase project URL
- * @param key - Supabase anon key
- * @returns The Supabase client instance
- */
-declare function initSupabase(url: string, key: string): SupabaseClient$1;
-/**
- * Clear the Supabase instance
- * Useful for cleanup or switching projects
- */
-declare function clearSupabase(): void;
-/**
- * Supabase client proxy
- *
- * When Supabase is not initialized, this returns safe no-op functions
- * that log warnings and return empty results.
- *
- * When Supabase is initialized, it forwards all calls to the real client.
- *
- * @example
- * // Without initialization - logs warning, returns empty results
- * const { data } = await supabase.from('tasks').select('*')
- * // data = null, warning logged
- *
- * // With initialization - works normally
- * initSupabase(url, key)
- * const { data } = await supabase.from('tasks').select('*')
- * // data = actual results
- */
-declare const supabase: SupabaseClient$1<any, "public", "public", any, any>;
-
-declare const framedRoutes: {
-    readonly dashboard: "/framed";
-    readonly login: "/framed/login";
-    readonly project: (id: string) => string;
-    readonly phase1: (projectId: string) => string;
-    readonly phase2: (projectId: string) => string;
-    readonly phase3: (projectId: string) => string;
-    readonly phase4: (projectId: string) => string;
-    readonly phase5: (projectId: string) => string;
-    readonly build: (projectId: string) => string;
-    readonly review: (projectId: string) => string;
-    readonly manage: (projectId: string) => string;
-    readonly buildSpec: (projectId: string) => string;
-    readonly settings: "/framed/settings";
-};
-type FramedRoutes = typeof framedRoutes;
-
-export { Alert, AlertDescription, AlertTitle, ApprovalWorkflow, AuthProvider$1 as AuthProvider, Avatar, AvatarFallback, AvatarImage, BuildSpecEditor, Calendar, ChangelogPanel, Checkbox, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommentThreadPanel, type ContentMap, type CrawlProgress, type CrawlResult, Dashboard, type DiffPart, DiffViewer, DomainMonitoringPanel, DropdownMenuLabel, DropdownMenuSeparator, ExportToolSelector, type ExportedChange, FEATURE_FLAGS, FeedbackFilters, FeedbackRoundManager, FeedbackWidget, type FeedbackWidgetProps, FramedAPIClient, type FramedAPIConfig, FramedApp, type FramedAppProps, FramedProvider, type FramedProviderConfig, type FramedProviderProps, type FramedRoutes, type FrameworkInfo, type GenerateQuestionsResult, type GeneratedQuestion, HourPackagesPanel, ImageReviewPanel, ImprovementSuggestionsPanel, InboxView, type InitialQuestion, KanbanBoard, LANGUAGE_LABELS, type LayoutRecommendation, type LayoutSuggestionResult, LocalDataLayer, MaintenanceItemCard, MonthlyReportPanel, type NavigationItem, PageBrowser, Phase5Sidebar, Popover, PopoverContent, PopoverTrigger, Progress, type ProjectAnalysisResult, type PromptOptions, type QuestionContext, RadioGroup, RadioGroupItem, AuthProvider as SDKAuthProvider, type SDKProject, SUPPORTED_AI_TOOLS, ScreenshotViewer, type SectionHint, type SiteContext, type SitePageInfo, type SitePatterns, type SiteStructureResult, Slider, Switch, SyncDataLayer, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TasksReadyPanel, type TasksReadyPanelProps, type TasksResponse, type TextChangesExport, TextEditPanel, TimeTrackingPanel, type UploadOptions, type UploadResponse, type UploadResult, UptimeMonitoringPanel, type UseFramedTasksResult, type ValidationResult, WizardBuildSpec, WizardPhase1New, WizardPhase2New, WizardPhase4New, WizardPhase5New, WizardPhaseOverview, addLanguageContent, analyzeProjectIdea, analyzeUrl, applyBlockEdit, applyListEdit, canAccessPhase, canEditProject, canManageTeam, captureScreenshot, clearPageSuggestionsCache, clearSuggestionsCache, clearSupabase, computeTextDiff, convertToPhase2Data, copyPromptToClipboard, crawlPageTextContent, createAIConversation, createCheckoutSession, createLocalizedString, createPortalSession, deleteCommentAttachment, deleteMaintenanceAttachment, deleteMedia, exportBuildSpec, exportTextChanges, extractMentions, formatBytes, formatDate, formatFileSize, formatMentions, formatMs, framedRoutes, generateAIPrompt, generateBuildSpec, generateDynamicQuestions, generateProjectOverview, generatePrompt, generateSiteStructure, getAllLayoutsForPage, getBlockHistory, getDefaultModules, getFirstAccessiblePhase, getFirstVisiblePhase, getLanguageLabel, getLayoutById, getLayoutSuggestions, getLocalizedValue, getModifiedCount, getPerformanceReports, getPerformanceUsage, getPhaseModule, getRecentEdits, getSupabase as getSDKSupabase, getScoreBgColor, getScoreColor, getSeoPageReports, getSeoReports, getSubscriptionStatus, getSupabase$1 as getSupabase, getTotalBlockCount, hasAdminPrivileges, initSupabase as initSDKSupabase, initSupabase$1 as initSupabase, isBlockModified, isFeatureEnabled, isModuleEnabled, isModuleVisible, isPhaseEnabled, isPhaseVisible, isThisMonth, isThisWeek, isToday, listSectionMedia, mergeLayoutWithHints, mergeStructureWithExisting, needsStructureGeneration, parseDate, restoreBlockToOriginal, runSeoAudit, savePerformanceReport, scanSiteContext, supabase as sdkSupabase, setLocalizedValue, supabase$1 as supabase, updateConversationWithQuestions, uploadCommentAttachment, uploadMaintenanceAttachment, uploadMedia, uploadPageScreenshot, uploadScreenshot, useAbuseIncidents, useAgency, useAnonymousSession, useAuth$1 as useAuth, useAutoSave, useChangelog, useCostMetrics, useCurrentProject, useDomainMonitoring, useFeedbackValidation, useFramed, useFramedCallbacks, useFramedTasks, useHasAIFeatures, useImprovementSuggestions, useInternalNotes, useIsMobile, useMaintenanceItems, useMeetingNotes, useModuleUsage, useMonthlyReports, useNotifications, usePerformanceAnalysis, usePhase2Navigation, usePhase4Navigation, usePhaseAccess, useProject, useProjectAccess, useProjectMembers, useProjectSettings, useProjectShares, usePushNotifications, useAuth as useSDKAuth, useSeoAudit, useShareAccess, useSiteAnalytics, useSuperAdminMetrics, useTaskOverview, useTimeTracking, useUptimeMonitoring };