8a:I[903690,["/chat-static/_next/static/immutable/chunks/32axr_pseasmq.js","/chat-static/_next/static/immutable/chunks/39rg-vyko_oef.js","/chat-static/_next/static/immutable/chunks/3xk_70lpaq4rr.js","/chat-static/_next/static/immutable/chunks/1sitju1_d7il0.js","/chat-static/_next/static/immutable/chunks/0sf49n39-457l.js","/chat-static/_next/static/immutable/chunks/0m1kq5rn-0ww-.js","/chat-static/_next/static/immutable/chunks/1lu-4z5bhhz4h.js","/chat-static/_next/static/immutable/chunks/1p5y_zcqvqq8d.js","/chat-static/_next/static/immutable/chunks/01baumogimg6p.js","/chat-static/_next/static/immutable/chunks/258a4ne6m_k4p.js","/chat-static/_next/static/immutable/chunks/0ko_j9ax7y6x0.js","/chat-static/_next/static/immutable/chunks/1nyef2mn0xr6l.js","/chat-static/_next/static/immutable/chunks/0wi_45vocl_-p.js","/chat-static/_next/static/immutable/chunks/0-vsrzeceac3v.js","/chat-static/_next/static/immutable/chunks/2e3p8j58j-2ac.js","/chat-static/_next/static/immutable/chunks/0b4i3dpg7a-jn.js","/chat-static/_next/static/immutable/chunks/0ewqarb2bfu8h.js","/chat-static/_next/static/immutable/chunks/2ic8lww1-lsd6.js","/chat-static/_next/static/immutable/chunks/3knm8li7yvqyy.js","/chat-static/_next/static/immutable/chunks/2q0n9qixaq0be.js","/chat-static/_next/static/immutable/chunks/22ehkuw7gr_st.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/2i3ljaggpd7p4.js","/chat-static/_next/static/immutable/chunks/0jv8_sp12utf0.js","/chat-static/_next/static/immutable/chunks/1e462i1ma5hqc.js","/chat-static/_next/static/immutable/chunks/39g-v5gn16xpu.js","/chat-static/_next/static/immutable/chunks/3e68w17lftq23.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/2lb8tgn9smhmm.js","/chat-static/_next/static/immutable/chunks/1ybmqoirdq34w.js","/chat-static/_next/static/immutable/chunks/1erg8g21a3w0b.js","/chat-static/_next/static/immutable/chunks/28j2izey1ifu8.js","/chat-static/_next/static/immutable/chunks/1lp1y_io08617.js","/chat-static/_next/static/immutable/chunks/0p9rde4dp8mlf.js","/chat-static/_next/static/immutable/chunks/41qt-s4g-5zmi.js","/chat-static/_next/static/immutable/chunks/3b3l5lmcnswqe.js","/chat-static/_next/static/immutable/chunks/1eis6aa_6elvj.js","/chat-static/_next/static/immutable/chunks/0g_lc1s4ll_38.js","/chat-static/_next/static/immutable/chunks/2ixxgji-t_b6p.js","/chat-static/_next/static/immutable/chunks/0w4cll98nyi6w.js","/chat-static/_next/static/immutable/chunks/11jpx637g96mg.js","/chat-static/_next/static/immutable/chunks/1h6vbbfnz7st2.js","/chat-static/_next/static/immutable/chunks/13nl1tyyeg6oj.js","/chat-static/_next/static/immutable/chunks/3czebwmdna5c8.js","/chat-static/_next/static/immutable/chunks/3cvaae3ahu7jg.js","/chat-static/_next/static/immutable/chunks/0e691hxxfgnc-.js","/chat-static/_next/static/immutable/chunks/0z6x5gx309dym.js","/chat-static/_next/static/immutable/chunks/0bli-y2vwpvug.js","/chat-static/_next/static/immutable/chunks/01enxheexz0xq.js","/chat-static/_next/static/immutable/chunks/0bxymcj1of6fi.js","/chat-static/_next/static/immutable/chunks/0ddmyyh5gz33h.js","/chat-static/_next/static/immutable/chunks/15dsuc35dgog1.js"],"ExplicitChatIdProvider"] 8b:I[838238,["/chat-static/_next/static/immutable/chunks/32axr_pseasmq.js","/chat-static/_next/static/immutable/chunks/39rg-vyko_oef.js","/chat-static/_next/static/immutable/chunks/3xk_70lpaq4rr.js","/chat-static/_next/static/immutable/chunks/1sitju1_d7il0.js","/chat-static/_next/static/immutable/chunks/0sf49n39-457l.js","/chat-static/_next/static/immutable/chunks/0m1kq5rn-0ww-.js","/chat-static/_next/static/immutable/chunks/1lu-4z5bhhz4h.js","/chat-static/_next/static/immutable/chunks/1p5y_zcqvqq8d.js","/chat-static/_next/static/immutable/chunks/01baumogimg6p.js","/chat-static/_next/static/immutable/chunks/258a4ne6m_k4p.js","/chat-static/_next/static/immutable/chunks/0ko_j9ax7y6x0.js","/chat-static/_next/static/immutable/chunks/1nyef2mn0xr6l.js","/chat-static/_next/static/immutable/chunks/0wi_45vocl_-p.js","/chat-static/_next/static/immutable/chunks/0-vsrzeceac3v.js","/chat-static/_next/static/immutable/chunks/2e3p8j58j-2ac.js","/chat-static/_next/static/immutable/chunks/0b4i3dpg7a-jn.js","/chat-static/_next/static/immutable/chunks/0ewqarb2bfu8h.js","/chat-static/_next/static/immutable/chunks/2ic8lww1-lsd6.js","/chat-static/_next/static/immutable/chunks/3knm8li7yvqyy.js","/chat-static/_next/static/immutable/chunks/2q0n9qixaq0be.js","/chat-static/_next/static/immutable/chunks/22ehkuw7gr_st.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/2i3ljaggpd7p4.js","/chat-static/_next/static/immutable/chunks/0jv8_sp12utf0.js","/chat-static/_next/static/immutable/chunks/1e462i1ma5hqc.js","/chat-static/_next/static/immutable/chunks/39g-v5gn16xpu.js","/chat-static/_next/static/immutable/chunks/3e68w17lftq23.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/2lb8tgn9smhmm.js","/chat-static/_next/static/immutable/chunks/1ybmqoirdq34w.js","/chat-static/_next/static/immutable/chunks/1erg8g21a3w0b.js","/chat-static/_next/static/immutable/chunks/28j2izey1ifu8.js","/chat-static/_next/static/immutable/chunks/1lp1y_io08617.js","/chat-static/_next/static/immutable/chunks/0p9rde4dp8mlf.js","/chat-static/_next/static/immutable/chunks/41qt-s4g-5zmi.js","/chat-static/_next/static/immutable/chunks/3b3l5lmcnswqe.js","/chat-static/_next/static/immutable/chunks/1eis6aa_6elvj.js","/chat-static/_next/static/immutable/chunks/0g_lc1s4ll_38.js","/chat-static/_next/static/immutable/chunks/2ixxgji-t_b6p.js","/chat-static/_next/static/immutable/chunks/0w4cll98nyi6w.js","/chat-static/_next/static/immutable/chunks/11jpx637g96mg.js","/chat-static/_next/static/immutable/chunks/1h6vbbfnz7st2.js","/chat-static/_next/static/immutable/chunks/13nl1tyyeg6oj.js","/chat-static/_next/static/immutable/chunks/3czebwmdna5c8.js","/chat-static/_next/static/immutable/chunks/3cvaae3ahu7jg.js","/chat-static/_next/static/immutable/chunks/0e691hxxfgnc-.js","/chat-static/_next/static/immutable/chunks/0z6x5gx309dym.js","/chat-static/_next/static/immutable/chunks/0bli-y2vwpvug.js","/chat-static/_next/static/immutable/chunks/01enxheexz0xq.js","/chat-static/_next/static/immutable/chunks/0bxymcj1of6fi.js","/chat-static/_next/static/immutable/chunks/0ddmyyh5gz33h.js","/chat-static/_next/static/immutable/chunks/15dsuc35dgog1.js"],"SWRDataProvider"] 8d:[] 8e:[] 8f:[] 90:[["b_C2Ev70hAUO1","$D2025-08-16T09:03:05.200Z"],["b_GD7x8ItgX9Q","$D2025-08-16T09:04:44.549Z"],["b_3tflVGLaNSe","$D2025-08-16T09:05:31.226Z"],["b_Ux302EUd64i","$D2025-08-16T09:07:19.759Z"],["b_VN2IjJUBMD5","$D2025-08-16T09:08:53.143Z"],["b_k8u3pbr0ljM","$D2025-08-16T09:10:33.245Z"],["b_Lsj5hLHVJVT","$D2025-08-16T09:12:00.799Z"],["b_Y83FZ1OjbmT","$D2025-08-16T10:48:48.935Z"],["b_zSK2hajrnT2","$D2025-08-16T10:51:37.500Z"],["b_muCEuK0lbz4","$D2025-08-16T10:51:58.411Z"],["b_suXk8AfwaAZ","$D2025-08-16T10:53:01.710Z"],["b_KCgNLta3lD3","$D2025-08-16T10:53:48.364Z"],["b_XXzWstcoEsI","$D2025-08-16T10:54:57.086Z"],["b_xws54Cg2rd1","$D2025-08-16T10:55:25.014Z"],["b_i1vGiS2NudL","$D2025-08-16T10:56:31.785Z"],["b_e2pzAuZhRqP","$D2025-08-16T10:57:01.942Z"],["b_Ksfs2tLkAm8","$D2025-08-16T10:58:17.373Z"],["b_C4bbv4AIJKz","$D2025-08-16T11:00:35.799Z"],["b_mRKM6tkr3hB","$D2025-08-16T11:04:53.774Z"],["b_9cbGd8U64JF","$D2025-08-16T11:07:56.457Z"],["b_PrIUwHYtXxu","$D2025-08-16T11:22:23.537Z"],["b_GUXHku5NjOo","$D2025-08-16T11:27:51.210Z"],["b_4pOexMD49c3","$D2025-08-16T11:31:38.770Z"],["b_Uq218bg3dv2","$D2025-08-16T11:33:19.108Z"],["b_BIvyI8eHvNQ","$D2025-08-16T11:34:35.320Z"],["b_WeBn1slrMom","$D2025-08-16T11:35:44.072Z"],["b_uKR394Fh0J2","$D2025-08-16T11:39:07.802Z"],["b_tZHOzhevwUw","$D2025-08-16T11:44:35.529Z"],["b_YFcY1FnGGbH","$D2025-08-16T11:48:15.874Z"],["b_eaKEun9yXlY","$D2025-08-16T11:51:07.172Z"],["b_B8fle3VydF4","$D2025-08-17T08:59:15.260Z"],["b_7PYO0OCnLpu","$D2025-08-17T09:04:39.986Z"],["b_cV13x2wEDGt","$D2025-08-17T09:05:09.275Z"],["b_6yirVkH5bfC","$D2025-08-17T09:09:23.032Z"],["b_DGxhkh1bCbk","$D2025-08-18T05:30:29.141Z"],["b_wDvWKHayrEc","$D2025-08-18T05:31:34.740Z"],["b_I1FkimeylSt","$D2025-08-18T05:35:49.126Z"],["b_UNA359VmgKa","$D2025-08-18T05:44:22.413Z"],["b_nHKnRcAnj2l","$D2025-08-18T05:44:52.381Z"],["b_V7cW2H62PEe","$D2025-08-18T05:45:33.047Z"],["b_cbJFZyqvIE6","$D2025-08-18T05:48:32.407Z"],["b_o5j7OocMlqw","$D2025-08-18T05:50:34.605Z"],["b_Evw2S47yCou","$D2025-08-18T05:52:58.929Z"],["b_NEdiQ5YKwXL","$D2025-08-18T05:57:25.274Z"],["b_yOkk9fMTPXt","$D2025-08-18T05:58:46.526Z"],["b_GZyuW3oN4BY","$D2025-08-18T06:00:55.558Z"],["b_rEKwksYQE4t","$D2025-08-18T06:05:12.475Z"],["b_dPITynNUPhd","$D2025-08-18T06:06:20.405Z"],["b_CoFgOPRoBOE","$D2025-08-18T06:08:25.901Z"],["b_WRG21ybSzt0","$D2025-08-18T06:13:41.953Z"],["b_LqdklCRm4S3","$D2025-08-18T06:15:29.728Z"],["b_Lzli4ngB0yE","$D2025-08-18T06:20:04.254Z"],["b_Z5RoscRcoSz","$D2025-08-18T06:22:39.367Z"],["b_XFND3DHI95h","$D2025-08-18T06:23:36.620Z"],["b_P4Akf3OrCOV","$D2025-08-18T06:25:52.522Z"],["b_vwucgumrSMW","$D2025-08-18T06:28:18.653Z"],["b_YanTZuQu0Vg","$D2025-08-18T06:30:49.173Z"],["b_w65HYz1Xizl","$D2025-08-18T06:34:03.440Z"],["b_vSYX2aF4DdW","$D2025-08-18T06:34:43.849Z"],["b_HdZqUft9v7i","$D2025-08-18T06:38:15.507Z"],["b_k8Ji2R55zbH","$D2025-08-18T06:40:24.310Z"],["b_N6hfS9baODq","$D2025-08-18T06:40:30.749Z"],["b_rdAjMn1BddM","$D2025-08-18T06:41:50.710Z"],["b_A3iwR8iaERZ","$D2025-08-18T06:43:36.489Z"],["b_ZThlI9LD2qm","$D2025-08-18T06:45:28.724Z"],["b_aJcO2S6f1hZ","$D2025-08-18T07:03:57.933Z"],["b_j4lXhnsGyls","$D2025-08-18T07:04:37.912Z"],["b_2yGVkfXgGuB","$D2025-08-18T07:05:54.203Z"],["b_3mHd3GGSVG4","$D2025-08-18T07:07:29.818Z"],["b_Vw48nEsICyI","$D2025-08-18T07:09:12.681Z"],["b_c0SPdxIpaSC","$D2025-08-18T07:10:15.098Z"],["b_0QvIaJTQYjq","$D2025-08-18T07:14:39.290Z"],["b_rS73Vexl4Kq","$D2025-08-18T07:18:21.721Z"],["b_yi6HBZabGhw","$D2025-08-18T07:20:16.830Z"],["b_oFZgDA3aKQo","$D2025-08-18T07:21:23.123Z"],["b_4KRwJLfdX1b","$D2025-08-18T07:21:40.004Z"]] 91:[] 92:[] 93:[] 94:[] 95:[] 96:[] 97:T6940a,[V0_FILE]sql:file="scripts/001_create_database_schema.sql" isMerged="true" -- Cap Table Management Platform Database Schema -- Users table (extends Supabase auth.users) CREATE TABLE IF NOT EXISTS public.users ( id UUID REFERENCES auth.users(id) PRIMARY KEY, email TEXT NOT NULL, full_name TEXT, created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(), updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW() ); -- Companies table CREATE TABLE IF NOT EXISTS public.companies ( id UUID DEFAULT gen_random_uuid() PRIMARY KEY, name TEXT NOT NULL, description TEXT, incorporation_date DATE, jurisdiction TEXT, company_type TEXT DEFAULT 'C-Corp', total_authorized_shares BIGINT DEFAULT 10000000, created_by UUID REFERENCES public.users(id) NOT NULL, created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(), updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW() ); -- Stakeholders table (founders, employees, investors) CREATE TABLE IF NOT EXISTS public.stakeholders ( id UUID DEFAULT gen_random_uuid() PRIMARY KEY, company_id UUID REFERENCES public.companies(id) ON DELETE CASCADE, name TEXT NOT NULL, email TEXT, stakeholder_type TEXT NOT NULL CHECK (stakeholder_type IN ('founder', 'employee', 'investor', 'advisor')), created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(), updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW() ); -- Share classes table (Common, Preferred Series A, B, etc.) CREATE TABLE IF NOT EXISTS public.share_classes ( id UUID DEFAULT gen_random_uuid() PRIMARY KEY, company_id UUID REFERENCES public.companies(id) ON DELETE CASCADE, name TEXT NOT NULL, -- e.g., "Common Stock", "Series A Preferred" class_type TEXT NOT NULL CHECK (class_type IN ('common', 'preferred')), liquidation_preference DECIMAL(10,2) DEFAULT 1.0, participation_rights BOOLEAN DEFAULT FALSE, anti_dilution_protection TEXT CHECK (anti_dilution_protection IN ('none', 'weighted_average', 'full_ratchet')), dividend_rate DECIMAL(5,4) DEFAULT 0.0, voting_rights DECIMAL(5,2) DEFAULT 1.0, created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(), updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW() ); -- Funding rounds table CREATE TABLE IF NOT EXISTS public.funding_rounds ( id UUID DEFAULT gen_random_uuid() PRIMARY KEY, company_id UUID REFERENCES public.companies(id) ON DELETE CASCADE, round_name TEXT NOT NULL, -- e.g., "Seed", "Series A" round_type TEXT NOT NULL CHECK (round_type IN ('pre_seed', 'seed', 'series_a', 'series_b', 'series_c', 'series_d', 'bridge', 'other')), share_class_id UUID REFERENCES public.share_classes(id), total_investment DECIMAL(15,2) NOT NULL, pre_money_valuation DECIMAL(15,2), post_money_valuation DECIMAL(15,2), price_per_share DECIMAL(10,4), shares_issued BIGINT, closing_date DATE, status TEXT DEFAULT 'planned' CHECK (status IN ('planned', 'in_progress', 'closed')), created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(), updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW() ); -- Share ownership table (tracks current and historical ownership) CREATE TABLE IF NOT EXISTS public.share_ownership ( id UUID DEFAULT gen_random_uuid() PRIMARY KEY, company_id UUID REFERENCES public.companies(id) ON DELETE CASCADE, stakeholder_id UUID REFERENCES public.stakeholders(id) ON DELETE CASCADE, share_class_id UUID REFERENCES public.share_classes(id) ON DELETE CASCADE, funding_round_id UUID REFERENCES public.funding_rounds(id), shares_owned BIGINT NOT NULL DEFAULT 0, vesting_schedule TEXT, -- JSON string for vesting details cliff_months INTEGER DEFAULT 0, vesting_months INTEGER DEFAULT 48, grant_date DATE, exercise_price DECIMAL(10,4), is_active BOOLEAN DEFAULT TRUE, created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(), updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW() ); -- Option pool table CREATE TABLE IF NOT EXISTS public.option_pools ( id UUID DEFAULT gen_random_uuid() PRIMARY KEY, company_id UUID REFERENCES public.companies(id) ON DELETE CASCADE, pool_name TEXT NOT NULL DEFAULT 'Employee Stock Option Pool', total_shares BIGINT NOT NULL, allocated_shares BIGINT DEFAULT 0, available_shares BIGINT GENERATED ALWAYS AS (total_shares - allocated_shares) STORED, created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(), updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW() ); -- Scenario modeling table CREATE TABLE IF NOT EXISTS public.scenarios ( id UUID DEFAULT gen_random_uuid() PRIMARY KEY, company_id UUID REFERENCES public.companies(id) ON DELETE CASCADE, name TEXT NOT NULL, description TEXT, exit_valuation DECIMAL(15,2), scenario_type TEXT CHECK (scenario_type IN ('ipo', 'acquisition', 'liquidation')), created_by UUID REFERENCES public.users(id), is_baseline BOOLEAN DEFAULT FALSE, created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(), updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW() ); -- Enable Row Level Security ALTER TABLE public.users ENABLE ROW LEVEL SECURITY; ALTER TABLE public.companies ENABLE ROW LEVEL SECURITY; ALTER TABLE public.stakeholders ENABLE ROW LEVEL SECURITY; ALTER TABLE public.share_classes ENABLE ROW LEVEL SECURITY; ALTER TABLE public.funding_rounds ENABLE ROW LEVEL SECURITY; ALTER TABLE public.share_ownership ENABLE ROW LEVEL SECURITY; ALTER TABLE public.option_pools ENABLE ROW LEVEL SECURITY; ALTER TABLE public.scenarios ENABLE ROW LEVEL SECURITY; -- RLS Policies CREATE POLICY "Users can view own profile" ON public.users FOR SELECT USING (auth.uid() = id); CREATE POLICY "Users can update own profile" ON public.users FOR UPDATE USING (auth.uid() = id); CREATE POLICY "Users can view companies they created or are stakeholders in" ON public.companies FOR SELECT USING ( auth.uid() = created_by OR EXISTS (SELECT 1 FROM public.stakeholders WHERE company_id = companies.id AND email = (SELECT email FROM auth.users WHERE id = auth.uid())) ); CREATE POLICY "Users can create companies" ON public.companies FOR INSERT WITH CHECK (auth.uid() = created_by); CREATE POLICY "Company creators can update their companies" ON public.companies FOR UPDATE USING (auth.uid() = created_by); -- Similar policies for other tables (stakeholders, share_classes, etc.) CREATE POLICY "Users can view stakeholders of their companies" ON public.stakeholders FOR SELECT USING ( EXISTS (SELECT 1 FROM public.companies WHERE id = stakeholders.company_id AND created_by = auth.uid()) ); CREATE POLICY "Users can manage stakeholders of their companies" ON public.stakeholders FOR ALL USING ( EXISTS (SELECT 1 FROM public.companies WHERE id = stakeholders.company_id AND created_by = auth.uid()) ); -- Add indexes for performance CREATE INDEX IF NOT EXISTS idx_companies_created_by ON public.companies(created_by); CREATE INDEX IF NOT EXISTS idx_stakeholders_company_id ON public.stakeholders(company_id); CREATE INDEX IF NOT EXISTS idx_share_ownership_company_id ON public.share_ownership(company_id); CREATE INDEX IF NOT EXISTS idx_share_ownership_stakeholder_id ON public.share_ownership(stakeholder_id); CREATE INDEX IF NOT EXISTS idx_funding_rounds_company_id ON public.funding_rounds(company_id); [V0_FILE]sql:file="scripts/002_seed_sample_data.sql" isMerged="true" -- Sample data for demonstration -- This will create a sample company with realistic cap table data -- Insert sample user (this will be handled by auth, but we need the reference) INSERT INTO public.users (id, email, full_name) VALUES ('550e8400-e29b-41d4-a716-446655440000', 'founder@techstartup.com', 'Sarah Chen') ON CONFLICT (id) DO NOTHING; -- Insert sample company INSERT INTO public.companies (id, name, description, incorporation_date, jurisdiction, total_authorized_shares, created_by) VALUES ('660e8400-e29b-41d4-a716-446655440000', 'TechStartup Inc.', 'AI-powered productivity platform for remote teams', '2023-01-15', 'Delaware', 10000000, '550e8400-e29b-41d4-a716-446655440000') ON CONFLICT (id) DO NOTHING; -- Insert share classes INSERT INTO public.share_classes (id, company_id, name, class_type, liquidation_preference, participation_rights, anti_dilution_protection, voting_rights) VALUES ('770e8400-e29b-41d4-a716-446655440000', '660e8400-e29b-41d4-a716-446655440000', 'Common Stock', 'common', 1.0, FALSE, 'none', 1.0), ('880e8400-e29b-41d4-a716-446655440000', '660e8400-e29b-41d4-a716-446655440000', 'Series A Preferred', 'preferred', 1.0, FALSE, 'weighted_average', 1.0) ON CONFLICT (id) DO NOTHING; -- Insert stakeholders INSERT INTO public.stakeholders (id, company_id, name, email, stakeholder_type) VALUES ('990e8400-e29b-41d4-a716-446655440000', '660e8400-e29b-41d4-a716-446655440000', 'Sarah Chen', 'sarah@techstartup.com', 'founder'), ('aa0e8400-e29b-41d4-a716-446655440000', '660e8400-e29b-41d4-a716-446655440000', 'Michael Rodriguez', 'michael@techstartup.com', 'founder'), ('bb0e8400-e29b-41d4-a716-446655440000', '660e8400-e29b-41d4-a716-446655440000', 'Venture Capital Partners', 'contact@vcpartners.com', 'investor'), ('cc0e8400-e29b-41d4-a716-446655440000', '660e8400-e29b-41d4-a716-446655440000', 'Emily Watson', 'emily@techstartup.com', 'employee') ON CONFLICT (id) DO NOTHING; -- Insert funding rounds INSERT INTO public.funding_rounds (id, company_id, round_name, round_type, share_class_id, total_investment, pre_money_valuation, post_money_valuation, price_per_share, shares_issued, closing_date, status) VALUES ('dd0e8400-e29b-41d4-a716-446655440000', '660e8400-e29b-41d4-a716-446655440000', 'Series A', 'series_a', '880e8400-e29b-41d4-a716-446655440000', 2000000.00, 8000000.00, 10000000.00, 2.50, 800000, '2023-06-15', 'closed') ON CONFLICT (id) DO NOTHING; -- Insert share ownership INSERT INTO public.share_ownership (company_id, stakeholder_id, share_class_id, shares_owned, grant_date, is_active) VALUES ('660e8400-e29b-41d4-a716-446655440000', '990e8400-e29b-41d4-a716-446655440000', '770e8400-e29b-41d4-a716-446655440000', 3500000, '2023-01-15', TRUE), ('660e8400-e29b-41d4-a716-446655440000', 'aa0e8400-e29b-41d4-a716-446655440000', '770e8400-e29b-41d4-a716-446655440000', 2500000, '2023-01-15', TRUE), ('660e8400-e29b-41d4-a716-446655440000', 'bb0e8400-e29b-41d4-a716-446655440000', '880e8400-e29b-41d4-a716-446655440000', 800000, '2023-06-15', TRUE), ('660e8400-e29b-41d4-a716-446655440000', 'cc0e8400-e29b-41d4-a716-446655440000', '770e8400-e29b-41d4-a716-446655440000', 50000, '2023-03-01', TRUE) ON CONFLICT DO NOTHING; -- Insert option pool INSERT INTO public.option_pools (company_id, pool_name, total_shares, allocated_shares) VALUES ('660e8400-e29b-41d4-a716-446655440000', 'Employee Stock Option Pool', 1000000, 50000) ON CONFLICT DO NOTHING; -- Insert sample scenarios INSERT INTO public.scenarios (company_id, name, description, exit_valuation, scenario_type, created_by, is_baseline) VALUES ('660e8400-e29b-41d4-a716-446655440000', 'Conservative Exit', 'Acquisition at 3x current valuation', 30000000.00, 'acquisition', '550e8400-e29b-41d4-a716-446655440000', TRUE), ('660e8400-e29b-41d4-a716-446655440000', 'Optimistic IPO', 'Public offering at 10x current valuation', 100000000.00, 'ipo', '550e8400-e29b-41d4-a716-446655440000', FALSE) ON CONFLICT DO NOTHING; [V0_FILE]typescriptreact:file="lib/supabase/middleware.ts" isMerged="true" import { createMiddlewareClient } from "@supabase/auth-helpers-nextjs" import { NextResponse, type NextRequest } from "next/server" // Check if Supabase environment variables are available export const isSupabaseConfigured = typeof process.env.NEXT_PUBLIC_SUPABASE_URL === "string" && process.env.NEXT_PUBLIC_SUPABASE_URL.length > 0 && typeof process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY === "string" && process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY.length > 0 export async function updateSession(request: NextRequest) { // If Supabase is not configured, just continue without auth if (!isSupabaseConfigured) { return NextResponse.next({ request, }) } const res = NextResponse.next() // Create a Supabase client configured to use cookies const supabase = createMiddlewareClient({ req: request, res }) // Check if this is an auth callback const requestUrl = new URL(request.url) const code = requestUrl.searchParams.get("code") if (code) { // Exchange the code for a session await supabase.auth.exchangeCodeForSession(code) // Redirect to dashboard after successful auth return NextResponse.redirect(new URL("/dashboard", request.url)) } // Refresh session if expired - required for Server Components await supabase.auth.getSession() // Protected routes - redirect to login if not authenticated const isAuthRoute = request.nextUrl.pathname.startsWith("/auth/login") || request.nextUrl.pathname.startsWith("/auth/sign-up") || request.nextUrl.pathname === "/auth/callback" const isProtectedRoute = request.nextUrl.pathname.startsWith("/dashboard") if (isProtectedRoute && !isAuthRoute) { const { data: { session }, } = await supabase.auth.getSession() if (!session) { const redirectUrl = new URL("/auth/login", request.url) return NextResponse.redirect(redirectUrl) } } return res } [V0_FILE]typescriptreact:file="middleware.ts" isMerged="true" import { updateSession } from "@/lib/supabase/middleware" import type { NextRequest } from "next/server" export async function middleware(request: NextRequest) { return await updateSession(request) } export const config = { matcher: [ /* * Match all request paths except for the ones starting with: * - _next/static (static files) * - _next/image (image optimization files) * - favicon.ico (favicon file) * Feel free to modify this pattern to include more paths. */ "/((?!_next/static|_next/image|favicon.ico|.*.(?:svg|png|jpg|jpeg|gif|webp)$).*)", ], } [V0_FILE]typescriptreact:file="app/auth/login/page.tsx" isMerged="true" import LoginForm from "@/components/auth/login-form" import { createClient } from "@/lib/supabase/server" import { redirect } from "next/navigation" export default async function LoginPage() { // Check if user is already logged in const supabase = createClient() const { data: { session }, } = await supabase.auth.getSession() if (session) { redirect("/dashboard") } return } [V0_FILE]typescriptreact:file="app/auth/sign-up/page.tsx" isMerged="true" import SignUpForm from "@/components/auth/sign-up-form" import { createClient } from "@/lib/supabase/server" import { redirect } from "next/navigation" export default async function SignUpPage() { // Check if user is already logged in const supabase = createClient() const { data: { session }, } = await supabase.auth.getSession() if (session) { redirect("/dashboard") } return } [V0_FILE]typescriptreact:file="app/auth/callback/page.tsx" isMerged="true" import { createClient } from "@/lib/supabase/server" import { redirect } from "next/navigation" export default async function AuthCallbackPage({ searchParams, }: { searchParams: { code?: string } }) { const code = searchParams.code if (code) { const supabase = createClient() await supabase.auth.exchangeCodeForSession(code) } // Redirect to dashboard after successful authentication redirect("/dashboard") } [V0_FILE]typescriptreact:file="components/onboarding/onboarding-wizard.tsx" isMerged="true" "use client" import { useState } from "react" import { Card, CardContent } from "@/components/ui/card" import { Progress } from "@/components/ui/progress" import { CheckCircle } from "lucide-react" import CompanyInfoStep from "./steps/company-info-step" import FoundersStep from "./steps/founders-step" import ShareClassesStep from "./steps/share-classes-step" import InitialOwnershipStep from "./steps/initial-ownership-step" import OptionPoolStep from "./steps/option-pool-step" import ReviewStep from "./steps/review-step" const steps = [ { id: 1, title: "Company Information", description: "Basic details about your company", }, { id: 2, title: "Founders", description: "Add founding team members", }, { id: 3, title: "Share Classes", description: "Set up your share structure", }, { id: 4, title: "Initial Ownership", description: "Allocate founder shares", }, { id: 5, title: "Option Pool", description: "Employee stock option pool", }, { id: 6, title: "Review & Complete", description: "Review and finalize setup", }, ] export default function OnboardingWizard() { const [currentStep, setCurrentStep] = useState(1) const [formData, setFormData] = useState({ company: {}, founders: [], shareClasses: [], ownership: [], optionPool: {}, }) const progress = (currentStep / steps.length) * 100 const handleNext = () => { if (currentStep < steps.length) { setCurrentStep(currentStep + 1) } } const handlePrevious = () => { if (currentStep > 1) { setCurrentStep(currentStep - 1) } } const handleStepData = (stepData: any) => { setFormData((prev) => ({ ...prev, ...stepData })) } const renderStep = () => { switch (currentStep) { case 1: return case 2: return ( ) case 3: return ( ) case 4: return ( ) case 5: return ( ) case 6: return default: return null } } return (

{/* Header */}

Set Up Your Cap Table

Let's get your company's equity structure organized in just a few steps

{/* Progress */}

Step {currentStep} of {steps.length} {Math.round(progress)}% Complete

{steps[currentStep - 1].title}

{steps[currentStep - 1].description}

{currentStep === steps.length && }

{/* Step Content */} {renderStep()}

) } [V0_FILE]typescriptreact:file="components/onboarding/steps/company-info-step.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Textarea } from "@/components/ui/textarea" import { ArrowRight } from "lucide-react" interface CompanyInfoStepProps { data: any onNext: () => void onDataChange: (data: any) => void } export default function CompanyInfoStep({ data, onNext, onDataChange }: CompanyInfoStepProps) { const [formData, setFormData] = useState({ name: data.name || "", description: data.description || "", incorporationDate: data.incorporationDate || "", jurisdiction: data.jurisdiction || "", companyType: data.companyType || "C-Corp", totalAuthorizedShares: data.totalAuthorizedShares || "10000000", }) const handleSubmit = (e: React.FormEvent) => { e.preventDefault() onDataChange({ company: formData }) onNext() } const handleChange = (field: string, value: string) => { setFormData((prev) => ({ ...prev, [field]: value })) } return ( Company Information

Company Name * handleChange("name", e.target.value)} placeholder="Acme Inc." required />

Company Type

Incorporation Date * handleChange("incorporationDate", e.target.value)} required />

Jurisdiction

Total Authorized Shares handleChange("totalAuthorizedShares", e.target.value)} placeholder="10000000" />

Company Description

handleChange("description", e.target.value)}
              placeholder="Brief description of your company's business..."
              rows={3}
            />
          </div>

<div className="flex justify-end">
            <Button type="submit" className="bg-blue-600 hover:bg-blue-700">
              Continue
              <ArrowRight className="w-4 h-4 ml-2" />
            </Button>
          </div>
        </form>
      </CardContent>
    </Card>
  )
}
[V0_FILE]typescriptreact:file="components/onboarding/steps/founders-step.tsx" isMerged="true"
"use client"

import type React from "react"

interface FoundersStepProps {
  data: any[]
  onNext: () => void
  onPrevious: () => void
  onDataChange: (data: any) => void
}

export default function FoundersStep({ data, onNext, onPrevious, onDataChange }: FoundersStepProps) {
  const [founders, setFounders] = useState(
    data.length > 0
      ? data
      : [
          {
            id: 1,
            name: "",
            email: "",
            title: "",
          },
        ],
  )

const addFounder = () => {
    setFounders([
      ...founders,
      {
        id: Date.now(),
        name: "",
        email: "",
        title: "",
      },
    ])
  }

const removeFounder = (id: number) => {
    if (founders.length > 1) {
      setFounders(founders.filter((founder) => founder.id !== id))
    }
  }

const updateFounder = (id: number, field: string, value: string) => {
    setFounders(founders.map((founder) => (founder.id === id ? { ...founder, [field]: value } : founder)))
  }

const handleSubmit = (e: React.FormEvent) => {
    e.preventDefault()
    onDataChange({ founders })
    onNext()
  }

return (
    <Card>
      <CardHeader>
        <CardTitle>Founding Team</CardTitle>
      </CardHeader>
      <CardContent>
        <form onSubmit={handleSubmit} className="space-y-6">
          <div className="space-y-4">
            {founders.map((founder, index) => (
              <div key={founder.id} className="p-4 border border-slate-200 rounded-lg">
                <div className="flex items-center justify-between mb-4">
                  <h4 className="font-medium text-slate-900">Founder {index + 1}</h4>
                  {founders.length > 1 && (
                    <Button
                      type="button"
                      variant="ghost"
                      size="sm"
                      onClick={() => removeFounder(founder.id)}
                      className="text-red-600 hover:text-red-700"
                    >
                      <Trash2 className="w-4 h-4" />
                    </Button>
                  )}
                </div>

<div className="grid md:grid-cols-3 gap-4">
                  <div className="space-y-2">
                    <Label>Full Name *</Label>
                    <Input
                      value={founder.name}
                      onChange={(e) => updateFounder(founder.id, "name", e.target.value)}
                      placeholder="John Doe"
                      required
                    />
                  </div>

<div className="space-y-2">
                    <Label>Email *</Label>
                    <Input
                      type="email"
                      value={founder.email}
                      onChange={(e) => updateFounder(founder.id, "email", e.target.value)}
                      placeholder="john@company.com"
                      required
                    />
                  </div>

<div className="space-y-2">
                    <Label>Title</Label>
                    <Input
                      value={founder.title}
                      onChange={(e) => updateFounder(founder.id, "title", e.target.value)}
                      placeholder="CEO, CTO, etc."
                    />
                  </div>
                </div>
              </div>
            ))}
          </div>

<Button type="button" variant="outline" onClick={addFounder} className="w-full bg-transparent">
            <Plus className="w-4 h-4 mr-2" />
            Add Another Founder
          </Button>

<div className="flex justify-between">
            <Button type="button" variant="outline" onClick={onPrevious}>
              <ArrowLeft className="w-4 h-4 mr-2" />
              Previous
            </Button>
            <Button type="submit" className="bg-blue-600 hover:bg-blue-700">
              Continue
              <ArrowRight className="w-4 h-4 ml-2" />
            </Button>
          </div>
        </form>
      </CardContent>
    </Card>
  )
}
[V0_FILE]typescriptreact:file="components/onboarding/steps/share-classes-step.tsx" isMerged="true"
"use client"

import type React from "react"

import { useState } from "react"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Switch } from "@/components/ui/switch"
import { ArrowLeft, ArrowRight, Plus, Trash2 } from "lucide-react"

interface ShareClassesStepProps {
  data: any[]
  onNext: () => void
  onPrevious: () => void
  onDataChange: (data: any) => void
}

export default function ShareClassesStep({ data, onNext, onPrevious, onDataChange }: ShareClassesStepProps) {
  const [shareClasses, setShareClasses] = useState(
    data.length > 0
      ? data
      : [
          {
            id: 1,
            name: "Common Stock",
            classType: "common",
            liquidationPreference: "1.0",
            participationRights: false,
            antiDilutionProtection: "none",
            dividendRate: "0.0",
            votingRights: "1.0",
          },
        ],
  )

const addShareClass = () => {
    setShareClasses([
      ...shareClasses,
      {
        id: Date.now(),
        name: "",
        classType: "preferred",
        liquidationPreference: "1.0",
        participationRights: false,
        antiDilutionProtection: "weighted_average",
        dividendRate: "0.0",
        votingRights: "1.0",
      },
    ])
  }

const removeShareClass = (id: number) => {
    if (shareClasses.length > 1) {
      setShareClasses(shareClasses.filter((shareClass) => shareClass.id !== id))
    }
  }

const updateShareClass = (id: number, field: string, value: string | boolean) => {
    setShareClasses(
      shareClasses.map((shareClass) => (shareClass.id === id ? { ...shareClass, [field]: value } : shareClass)),
    )
  }

const handleSubmit = (e: React.FormEvent) => {
    e.preventDefault()
    onDataChange({ shareClasses })
    onNext()
  }

return (
    <Card>
      <CardHeader>
        <CardTitle>Share Classes</CardTitle>
      </CardHeader>
      <CardContent>
        <form onSubmit={handleSubmit} className="space-y-6">
          <div className="space-y-6">
            {shareClasses.map((shareClass, index) => (
              <div key={shareClass.id} className="p-4 border border-slate-200 rounded-lg">
                <div className="flex items-center justify-between mb-4">
                  <h4 className="font-medium text-slate-900">Share Class {index + 1}</h4>
                  {shareClasses.length > 1 && (
                    <Button
                      type="button"
                      variant="ghost"
                      size="sm"
                      onClick={() => removeShareClass(shareClass.id)}
                      className="text-red-600 hover:text-red-700"
                    >
                      <Trash2 className="w-4 h-4" />
                    </Button>
                  )}
                </div>

<div className="grid md:grid-cols-2 gap-4 mb-4">
                  <div className="space-y-2">
                    <Label>Class Name *</Label>
                    <Input
                      value={shareClass.name}
                      onChange={(e) => updateShareClass(shareClass.id, "name", e.target.value)}
                      placeholder="Common Stock, Series A Preferred"
                      required
                    />
                  </div>

<div className="space-y-2">
                    <Label>Class Type</Label>
                    <Select
                      value={shareClass.classType}
                      onValueChange={(value) => updateShareClass(shareClass.id, "classType", value)}
                    >
                      <SelectTrigger>
                        <SelectValue />
                      </SelectTrigger>
                      <SelectContent>
                        <SelectItem value="common">Common Stock</SelectItem>
                        <SelectItem value="preferred">Preferred Stock</SelectItem>
                      </SelectContent>
                    </Select>
                  </div>

<div className="space-y-2">
                    <Label>Liquidation Preference</Label>
                    <Input
                      type="number"
                      step="0.1"
                      value={shareClass.liquidationPreference}
                      onChange={(e) => updateShareClass(shareClass.id, "liquidationPreference", e.target.value)}
                      placeholder="1.0"
                    />
                  </div>

<div className="space-y-2">
                    <Label>Voting Rights (per share)</Label>
                    <Input
                      type="number"
                      step="0.1"
                      value={shareClass.votingRights}
                      onChange={(e) => updateShareClass(shareClass.id, "votingRights", e.target.value)}
                      placeholder="1.0"
                    />
                  </div>
                </div>

{shareClass.classType === "preferred" && (
                  <div className="grid md:grid-cols-2 gap-4">
                    <div className="flex items-center space-x-2">
                      <Switch
                        checked={shareClass.participationRights}
                        onCheckedChange={(checked) => updateShareClass(shareClass.id, "participationRights", checked)}
                      />
                      <Label>Participation Rights</Label>
                    </div>

<div className="space-y-2">
                      <Label>Anti-Dilution Protection</Label>
                      <Select
                        value={shareClass.antiDilutionProtection}
                        onValueChange={(value) => updateShareClass(shareClass.id, "antiDilutionProtection", value)}
                      >
                        <SelectTrigger>
                          <SelectValue />
                        </SelectTrigger>
                        <SelectContent>
                          <SelectItem value="none">None</SelectItem>
                          <SelectItem value="weighted_average">Weighted Average</SelectItem>
                          <SelectItem value="full_ratchet">Full Ratchet</SelectItem>
                        </SelectContent>
                      </Select>
                    </div>
                  </div>
                )}
              </div>
            ))}
          </div>

<Button type="button" variant="outline" onClick={addShareClass} className="w-full bg-transparent">
            <Plus className="w-4 h-4 mr-2" />
            Add Share Class
          </Button>

<div className="flex justify-between">
            <Button type="button" variant="outline" onClick={onPrevious}>
              <ArrowLeft className="w-4 h-4 mr-2" />
              Previous
            </Button>
            <Button type="submit" className="bg-blue-600 hover:bg-blue-700">
              Continue
              <ArrowRight className="w-4 h-4 ml-2" />
            </Button>
          </div>
        </form>
      </CardContent>
    </Card>
  )
}
[V0_FILE]typescriptreact:file="components/onboarding/steps/initial-ownership-step.tsx" isMerged="true"
"use client"

import type React from "react"

import { useState, useEffect } from "react"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { ArrowLeft, ArrowRight } from "lucide-react"

interface InitialOwnershipStepProps {
  data: any[]
  founders: any[]
  shareClasses: any[]
  onNext: () => void
  onPrevious: () => void
  onDataChange: (data: any) => void
}

export default function InitialOwnershipStep({
  data,
  founders,
  shareClasses,
  onNext,
  onPrevious,
  onDataChange,
}: InitialOwnershipStepProps) {
  const [ownership, setOwnership] = useState(
    data.length > 0
      ? data
      : founders.map((founder) => ({
          founderId: founder.id,
          founderName: founder.name,
          shareClassId: shareClasses.find((sc) => sc.classType === "common")?.id || shareClasses[0]?.id,
          sharesOwned: "",
          vestingMonths: "48",
          cliffMonths: "12",
        })),
  )

const [totalShares, setTotalShares] = useState(0)

useEffect(() => {
    const total = ownership.reduce((sum, item) => sum + (Number.parseInt(item.sharesOwned) || 0), 0)
    setTotalShares(total)
  }, [ownership])

const updateOwnership = (founderId: number, field: string, value: string) => {
    setOwnership(ownership.map((item) => (item.founderId === founderId ? { ...item, [field]: value } : item)))
  }

const handleSubmit = (e: React.FormEvent) => {
    e.preventDefault()
    onDataChange({ ownership })
    onNext()
  }

return (
    <Card>
      <CardHeader>
        <CardTitle>Initial Ownership Allocation</CardTitle>
      </CardHeader>
      <CardContent>
        <form onSubmit={handleSubmit} className="space-y-6">
          <div className="space-y-4">
            {ownership.map((item) => (
              <div key={item.founderId} className="p-4 border border-slate-200 rounded-lg">
                <h4 className="font-medium text-slate-900 mb-4">{item.founderName}</h4>

<div className="grid md:grid-cols-2 lg:grid-cols-4 gap-4">
                  <div className="space-y-2">
                    <Label>Share Class</Label>
                    <Select
                      value={item.shareClassId?.toString()}
                      onValueChange={(value) => updateOwnership(item.founderId, "shareClassId", value)}
                    >
                      <SelectTrigger>
                        <SelectValue />
                      </SelectTrigger>
                      <SelectContent>
                        {shareClasses.map((shareClass) => (
                          <SelectItem key={shareClass.id} value={shareClass.id.toString()}>
                            {shareClass.name}
                          </SelectItem>
                        ))}
                      </SelectContent>
                    </Select>
                  </div>

<div className="space-y-2">
                    <Label>Shares Owned *</Label>
                    <Input
                      type="number"
                      value={item.sharesOwned}
                      onChange={(e) => updateOwnership(item.founderId, "sharesOwned", e.target.value)}
                      placeholder="1000000"
                      required
                    />
                  </div>

<div className="space-y-2">
                    <Label>Vesting Period (months)</Label>
                    <Input
                      type="number"
                      value={item.vestingMonths}
                      onChange={(e) => updateOwnership(item.founderId, "vestingMonths", e.target.value)}
                      placeholder="48"
                    />
                  </div>

<div className="space-y-2">
                    <Label>Cliff Period (months)</Label>
                    <Input
                      type="number"
                      value={item.cliffMonths}
                      onChange={(e) => updateOwnership(item.founderId, "cliffMonths", e.target.value)}
                      placeholder="12"
                    />
                  </div>
                </div>
              </div>
            ))}
          </div>

<div className="bg-slate-50 p-4 rounded-lg">
            <div className="flex justify-between items-center">
              <span className="font-medium text-slate-900">Total Shares Allocated:</span>
              <span className="text-lg font-bold text-blue-600">{totalShares.toLocaleString()}</span>
            </div>
          </div>

import type React from "react"

import { useState } from "react"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Switch } from "@/components/ui/switch"
import { ArrowLeft, ArrowRight } from "lucide-react"

interface OptionPoolStepProps {
  data: any
  onNext: () => void
  onPrevious: () => void
  onDataChange: (data: any) => void
}

export default function OptionPoolStep({ data, onNext, onPrevious, onDataChange }: OptionPoolStepProps) {
  const [optionPool, setOptionPool] = useState({
    createPool: data.createPool ?? true,
    poolName: data.poolName || "Employee Stock Option Pool",
    totalShares: data.totalShares || "1000000",
    percentageOfCompany: data.percentageOfCompany || "15",
  })

const handleChange = (field: string, value: string | boolean) => {
    setOptionPool((prev) => ({ ...prev, [field]: value }))
  }

const handleSubmit = (e: React.FormEvent) => {
    e.preventDefault()
    onDataChange({ optionPool })
    onNext()
  }

return (
    <Card>
      <CardHeader>
        <CardTitle>Employee Stock Option Pool</CardTitle>
      </CardHeader>
      <CardContent>
        <form onSubmit={handleSubmit} className="space-y-6">
          <div className="flex items-center space-x-2">
            <Switch
              checked={optionPool.createPool}
              onCheckedChange={(checked) => handleChange("createPool", checked)}
            />
            <Label>Create an employee stock option pool</Label>
          </div>

{optionPool.createPool && (
            <div className="space-y-4">
              <div className="space-y-2">
                <Label htmlFor="poolName">Pool Name</Label>
                <Input
                  id="poolName"
                  value={optionPool.poolName}
                  onChange={(e) => handleChange("poolName", e.target.value)}
                  placeholder="Employee Stock Option Pool"
                />
              </div>

<div className="grid md:grid-cols-2 gap-4">
                <div className="space-y-2">
                  <Label htmlFor="totalShares">Total Shares in Pool</Label>
                  <Input
                    id="totalShares"
                    type="number"
                    value={optionPool.totalShares}
                    onChange={(e) => handleChange("totalShares", e.target.value)}
                    placeholder="1000000"
                  />
                </div>

<div className="space-y-2">
                  <Label htmlFor="percentageOfCompany">Percentage of Company (%)</Label>
                  <Input
                    id="percentageOfCompany"
                    type="number"
                    step="0.1"
                    value={optionPool.percentageOfCompany}
                    onChange={(e) => handleChange("percentageOfCompany", e.target.value)}
                    placeholder="15"
                  />
                </div>
              </div>

<div className="bg-blue-50 p-4 rounded-lg">
                <h4 className="font-medium text-blue-900 mb-2">Option Pool Guidelines</h4>
                <ul className="text-sm text-blue-800 space-y-1">
                  <li>• Typical option pools range from 10-20% of the company</li>
                  <li>• Consider future hiring needs and growth plans</li>
                  <li>• Pool size affects founder dilution</li>
                  <li>• You can adjust this later as your company grows</li>
                </ul>
              </div>
            </div>
          )}

<div className="flex justify-between">
            <Button type="button" variant="outline" onClick={onPrevious}>
              <ArrowLeft className="w-4 h-4 mr-2" />
              Previous
            </Button>
            <Button type="submit" className="bg-blue-600 hover:bg-blue-700">
              Continue
              <ArrowRight className="w-4 h-4 ml-2" />
            </Button>
          </div>
        </form>
      </CardContent>
    </Card>
  )
}
[V0_FILE]typescriptreact:file="components/onboarding/steps/review-step.tsx" isMerged="true"
"use client"

import { useState } from "react"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { ArrowLeft, CheckCircle, Building, Users, Share, PieChart, Award } from "lucide-react"
import { useRouter } from "next/navigation"

interface ReviewStepProps {
  data: any
  onPrevious: () => void
}

export default function ReviewStep({ data, onPrevious }: ReviewStepProps) {
  const [isSubmitting, setIsSubmitting] = useState(false)
  const router = useRouter()

const handleComplete = async () => {
    setIsSubmitting(true)

try {
      // Here you would submit the data to your API
      console.log("Submitting onboarding data:", data)

// Simulate API call
      await new Promise((resolve) => setTimeout(resolve, 2000))

// Redirect to dashboard
      router.push("/dashboard")
    } catch (error) {
      console.error("Error completing onboarding:", error)
      setIsSubmitting(false)
    }
  }

const { company, founders, shareClasses, ownership, optionPool } = data

return (
    <div className="space-y-6">
      <Card>
        <CardHeader>
          <CardTitle className="flex items-center">
            <Building className="w-5 h-5 mr-2" />
            Company Information
          </CardTitle>
        </CardHeader>
        <CardContent>
          <div className="grid md:grid-cols-2 gap-4 text-sm">
            <div>
              <span className="font-medium">Name:</span> {company.name}
            </div>
            <div>
              <span className="font-medium">Type:</span> {company.companyType}
            </div>
            <div>
              <span className="font-medium">Incorporation:</span> {company.incorporationDate}
            </div>
            <div>
              <span className="font-medium">Jurisdiction:</span> {company.jurisdiction}
            </div>
            <div className="md:col-span-2">
              <span className="font-medium">Authorized Shares:</span>{" "}
              {Number.parseInt(company.totalAuthorizedShares).toLocaleString()}
            </div>
          </div>
        </CardContent>
      </Card>

<Card>
        <CardHeader>
          <CardTitle className="flex items-center">
            <Users className="w-5 h-5 mr-2" />
            Founders ({founders.length})
          </CardTitle>
        </CardHeader>
        <CardContent>
          <div className="space-y-2">
            {founders.map((founder: any, index: number) => (
              <div key={founder.id} className="flex justify-between items-center text-sm">
                <span className="font-medium">{founder.name}</span>
                <span className="text-slate-600">{founder.email}</span>
              </div>
            ))}
          </div>
        </CardContent>
      </Card>

<Card>
        <CardHeader>
          <CardTitle className="flex items-center">
            <Share className="w-5 h-5 mr-2" />
            Share Classes ({shareClasses.length})
          </CardTitle>
        </CardHeader>
        <CardContent>
          <div className="space-y-2">
            {shareClasses.map((shareClass: any) => (
              <div key={shareClass.id} className="flex justify-between items-center text-sm">
                <span className="font-medium">{shareClass.name}</span>
                <span className="text-slate-600 capitalize">{shareClass.classType}</span>
              </div>
            ))}
          </div>
        </CardContent>
      </Card>

<Card>
        <CardHeader>
          <CardTitle className="flex items-center">
            <PieChart className="w-5 h-5 mr-2" />
            Initial Ownership
          </CardTitle>
        </CardHeader>
        <CardContent>
          <div className="space-y-2">
            {ownership.map((item: any) => (
              <div key={item.founderId} className="flex justify-between items-center text-sm">
                <span className="font-medium">{item.founderName}</span>
                <span className="text-slate-600">{Number.parseInt(item.sharesOwned).toLocaleString()} shares</span>
              </div>
            ))}
          </div>
        </CardContent>
      </Card>

{optionPool.createPool && (
        <Card>
          <CardHeader>
            <CardTitle className="flex items-center">
              <Award className="w-5 h-5 mr-2" />
              Option Pool
            </CardTitle>
          </CardHeader>
          <CardContent>
            <div className="grid md:grid-cols-2 gap-4 text-sm">
              <div>
                <span className="font-medium">Pool Name:</span> {optionPool.poolName}
              </div>
              <div>
                <span className="font-medium">Total Shares:</span>{" "}
                {Number.parseInt(optionPool.totalShares).toLocaleString()}
              </div>
            </div>
          </CardContent>
        </Card>
      )}

<div className="flex justify-between">
        <Button type="button" variant="outline" onClick={onPrevious}>
          <ArrowLeft className="w-4 h-4 mr-2" />
          Previous
        </Button>
        <Button onClick={handleComplete} disabled={isSubmitting} className="bg-green-600 hover:bg-green-700">
          {isSubmitting ? (
            "Setting up your cap table..."
          ) : (
            <>
              <CheckCircle className="w-4 h-4 mr-2" />
              Complete Setup
            </>
          )}
        </Button>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/onboarding/page.tsx" isMerged="true"
import OnboardingWizard from "@/components/onboarding/onboarding-wizard"
import { createClient } from "@/lib/supabase/server"
import { redirect } from "next/navigation"

export default async function OnboardingPage() {
  // Check if user is authenticated
  const supabase = createClient()
  const {
    data: { session },
  } = await supabase.auth.getSession()

if (!session) {
    redirect("/auth/login")
  }

return <OnboardingWizard />
}
[V0_FILE]typescriptreact:file="components/dashboard/cap-table-chart.tsx" isMerged="true"
"use client"

import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { PieChart, Pie, Cell, ResponsiveContainer, Legend, Tooltip } from "recharts"

interface CapTableChartProps {
  data: Array<{
    name: string
    value: number
    percentage: number
    color: string
  }>
}

export default function CapTableChart({ data }: CapTableChartProps) {
  const RADIAN = Math.PI / 180
  const renderCustomizedLabel = ({ cx, cy, midAngle, innerRadius, outerRadius, percent }: any) => {
    const radius = innerRadius + (outerRadius - innerRadius) * 0.5
    const x = cx + radius * Math.cos(-midAngle * RADIAN)
    const y = cy + radius * Math.sin(-midAngle * RADIAN)

if (percent < 0.05) return null // Don't show labels for slices < 5%

return (
      <text
        x={x}
        y={y}
        fill="white"
        textAnchor={x > cx ? "start" : "end"}
        dominantBaseline="central"
        className="text-xs font-medium"
      >
        {`${(percent * 100).toFixed(1)}%`}
      </text>
    )
  }

return (
    <Card className="col-span-2">
      <CardHeader>
        <CardTitle>Ownership Distribution</CardTitle>
      </CardHeader>
      <CardContent>
        <div className="h-80">
          <ResponsiveContainer width="100%" height="100%">
            <PieChart>
              <Pie
                data={data}
                cx="50%"
                cy="50%"
                labelLine={false}
                label={renderCustomizedLabel}
                outerRadius={100}
                fill="#8884d8"
                dataKey="value"
              >
                {data.map((entry, index) => (
                  <Cell key={`cell-${index}`} fill={entry.color} />
                ))}
              </Pie>
              <Tooltip formatter={(value: number, name: string) => [`${value.toLocaleString()} shares`, name]} />
              <Legend />
            </PieChart>
          </ResponsiveContainer>
        </div>
      </CardContent>
    </Card>
  )
}
[V0_FILE]typescriptreact:file="components/scenarios/scenario-builder.tsx" isMerged="true"
"use client"

import type React from "react"

import { useState } from "react"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Textarea } from "@/components/ui/textarea"
import { Plus, Calculator } from "lucide-react"

interface ScenarioBuilderProps {
  onCreateScenario: (scenario: any) => void
}

export default function ScenarioBuilder({ onCreateScenario }: ScenarioBuilderProps) {
  const [isOpen, setIsOpen] = useState(false)
  const [formData, setFormData] = useState({
    name: "",
    description: "",
    exitType: "acquisition",
    exitValuation: "",
    exitMultiple: "",
    liquidationExpenses: "",
  })

const handleSubmit = (e: React.FormEvent) => {
    e.preventDefault()
    const scenario = {
      id: Date.now().toString(),
      ...formData,
      exitValuation: Number.parseFloat(formData.exitValuation),
      exitMultiple: Number.parseFloat(formData.exitMultiple) || 1,
      liquidationExpenses: Number.parseFloat(formData.liquidationExpenses) || 0,
      createdAt: new Date().toISOString(),
    }
    onCreateScenario(scenario)
    setFormData({
      name: "",
      description: "",
      exitType: "acquisition",
      exitValuation: "",
      exitMultiple: "",
      liquidationExpenses: "",
    })
    setIsOpen(false)
  }

const handleChange = (field: string, value: string) => {
    setFormData((prev) => ({ ...prev, [field]: value }))
  }

if (!isOpen) {
    return (
      <Button onClick={() => setIsOpen(true)} className="bg-blue-600 hover:bg-blue-700">
        <Plus className="w-4 h-4 mr-2" />
        Create Scenario
      </Button>
    )
  }

return (
    <Card>
      <CardHeader>
        <CardTitle>Create Exit Scenario</CardTitle>
      </CardHeader>
      <CardContent>
        <form onSubmit={handleSubmit} className="space-y-4">
          <div className="grid md:grid-cols-2 gap-4">
            <div className="space-y-2">
              <Label htmlFor="name">Scenario Name *</Label>
              <Input
                id="name"
                value={formData.name}
                onChange={(e) => handleChange("name", e.target.value)}
                placeholder="Conservative Exit"
                required
              />
            </div>

<div className="space-y-2">
              <Label htmlFor="exitType">Exit Type</Label>
              <Select value={formData.exitType} onValueChange={(value) => handleChange("exitType", value)}>
                <SelectTrigger>
                  <SelectValue />
                </SelectTrigger>
                <SelectContent>
                  <SelectItem value="acquisition">Acquisition</SelectItem>
                  <SelectItem value="ipo">IPO</SelectItem>
                  <SelectItem value="liquidation">Liquidation</SelectItem>
                </SelectContent>
              </Select>
            </div>

<div className="space-y-2">
              <Label htmlFor="exitValuation">Exit Valuation ($) *</Label>
              <Input
                id="exitValuation"
                type="number"
                value={formData.exitValuation}
                onChange={(e) => handleChange("exitValuation", e.target.value)}
                placeholder="50000000"
                required
              />
            </div>

<div className="space-y-2">
              <Label htmlFor="exitMultiple">Exit Multiple</Label>
              <Input
                id="exitMultiple"
                type="number"
                step="0.1"
                value={formData.exitMultiple}
                onChange={(e) => handleChange("exitMultiple", e.target.value)}
                placeholder="5.0"
              />
            </div>

<div className="space-y-2">
              <Label htmlFor="liquidationExpenses">Liquidation Expenses ($)</Label>
              <Input
                id="liquidationExpenses"
                type="number"
                value={formData.liquidationExpenses}
                onChange={(e) => handleChange("liquidationExpenses", e.target.value)}
                placeholder="500000"
              />
            </div>
          </div>

<div className="space-y-2">
            <Label htmlFor="description">Description</Label>
            <Textarea
              id="description"
              value={formData.description}
              onChange={(e) => handleChange("description", e.target.value)}
              placeholder="Describe the assumptions for this scenario..."
              rows={3}
            />
          </div>

<div className="flex justify-end space-x-3">
            <Button type="button" variant="outline" onClick={() => setIsOpen(false)}>
              Cancel
            </Button>
            <Button type="submit" className="bg-blue-600 hover:bg-blue-700">
              <Calculator className="w-4 h-4 mr-2" />
              Create & Calculate
            </Button>
          </div>
        </form>
      </CardContent>
    </Card>
  )
}
[V0_FILE]typescriptreact:file="components/scenarios/waterfall-calculator.tsx" isMerged="true"
"use client"

import { useMemo } from "react"

interface WaterfallStep {
  stakeholder: string
  shareClass: string
  liquidationPreference: number
  participationRights: boolean
  shares: number
  payout: number
  percentage: number
}

interface WaterfallCalculatorProps {
  exitValuation: number
  liquidationExpenses: number
  stakeholders: Array<{
    name: string
    shareClass: string
    shares: number
    liquidationPreference: number
    participationRights: boolean
    isPreferred: boolean
  }>
  totalShares: number
}

export function useWaterfallCalculation({
  exitValuation,
  liquidationExpenses,
  stakeholders,
  totalShares,
}: WaterfallCalculatorProps) {
  return useMemo(() => {
    const netProceeds = exitValuation - liquidationExpenses
    const waterfall: WaterfallStep[] = []
    let remainingProceeds = netProceeds

// Step 1: Pay liquidation preferences to preferred shareholders
    const preferredStakeholders = stakeholders.filter((s) => s.isPreferred)
    const commonStakeholders = stakeholders.filter((s) => !s.isPreferred)

// Calculate liquidation preference payouts
    for (const stakeholder of preferredStakeholders) {
      const liquidationAmount = stakeholder.shares * stakeholder.liquidationPreference
      const payout = Math.min(liquidationAmount, remainingProceeds)

waterfall.push({
        stakeholder: stakeholder.name,
        shareClass: stakeholder.shareClass,
        liquidationPreference: stakeholder.liquidationPreference,
        participationRights: stakeholder.participationRights,
        shares: stakeholder.shares,
        payout,
        percentage: (payout / netProceeds) * 100,
      })

remainingProceeds -= payout
    }

// Step 2: Distribute remaining proceeds
    if (remainingProceeds > 0) {
      // Calculate participating preferred rights
      const participatingStakeholders = preferredStakeholders.filter((s) => s.participationRights)
      const nonParticipatingPreferred = preferredStakeholders.filter((s) => !s.participationRights)

// For participating preferred, they get additional pro-rata distribution
      const totalParticipatingShares = [...participatingStakeholders, ...commonStakeholders].reduce(
        (sum, s) => sum + s.shares,
        0,
      )

if (totalParticipatingShares > 0) {
        // Distribute remaining proceeds pro-rata among participating shares
        for (const stakeholder of [...participatingStakeholders, ...commonStakeholders]) {
          const proRataPayout = (stakeholder.shares / totalParticipatingShares) * remainingProceeds

const existingIndex = waterfall.findIndex((w) => w.stakeholder === stakeholder.name)
          if (existingIndex >= 0) {
            waterfall[existingIndex].payout += proRataPayout
            waterfall[existingIndex].percentage = (waterfall[existingIndex].payout / netProceeds) * 100
          } else {
            waterfall.push({
              stakeholder: stakeholder.name,
              shareClass: stakeholder.shareClass,
              liquidationPreference: stakeholder.liquidationPreference,
              participationRights: stakeholder.participationRights,
              shares: stakeholder.shares,
              payout: proRataPayout,
              percentage: (proRataPayout / netProceeds) * 100,
            })
          }
        }
      }

// For non-participating preferred, check if conversion to common is better
      for (const stakeholder of nonParticipatingPreferred) {
        const asIfCommonPayout = (stakeholder.shares / totalShares) * netProceeds
        const existingIndex = waterfall.findIndex((w) => w.stakeholder === stakeholder.name)

if (existingIndex >= 0 && asIfCommonPayout > waterfall[existingIndex].payout) {
          // Convert to common stock treatment
          waterfall[existingIndex].payout = asIfCommonPayout
          waterfall[existingIndex].percentage = (asIfCommonPayout / netProceeds) * 100
        }
      }
    }

// Add any stakeholders with zero payout
    for (const stakeholder of stakeholders) {
      if (!waterfall.find((w) => w.stakeholder === stakeholder.name)) {
        waterfall.push({
          stakeholder: stakeholder.name,
          shareClass: stakeholder.shareClass,
          liquidationPreference: stakeholder.liquidationPreference,
          participationRights: stakeholder.participationRights,
          shares: stakeholder.shares,
          payout: 0,
          percentage: 0,
        })
      }
    }

return {
      waterfall: waterfall.sort((a, b) => b.payout - a.payout),
      totalPayout: waterfall.reduce((sum, w) => sum + w.payout, 0),
      netProceeds,
    }
  }, [exitValuation, liquidationExpenses, stakeholders, totalShares])
}
[V0_FILE]typescriptreact:file="components/scenarios/scenario-results.tsx" isMerged="true"
"use client"

import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer } from "recharts"
import { useWaterfallCalculation } from "./waterfall-calculator"

interface ScenarioResultsProps {
  scenario: {
    id: string
    name: string
    exitType: string
    exitValuation: number
    liquidationExpenses: number
  }
  stakeholders: Array<{
    name: string
    shareClass: string
    shares: number
    liquidationPreference: number
    participationRights: boolean
    isPreferred: boolean
  }>
  totalShares: number
}

export default function ScenarioResults({ scenario, stakeholders, totalShares }: ScenarioResultsProps) {
  const { waterfall, totalPayout, netProceeds } = useWaterfallCalculation({
    exitValuation: scenario.exitValuation,
    liquidationExpenses: scenario.liquidationExpenses,
    stakeholders,
    totalShares,
  })

const formatCurrency = (amount: number) => {
    return new Intl.NumberFormat("en-US", {
      style: "currency",
      currency: "USD",
      minimumFractionDigits: 0,
      maximumFractionDigits: 0,
    }).format(amount)
  }

const chartData = waterfall.map((item) => ({
    name: item.stakeholder,
    payout: item.payout,
    percentage: item.percentage,
  }))

const getExitTypeColor = (type: string) => {
    switch (type) {
      case "ipo":
        return "bg-green-100 text-green-800"
      case "acquisition":
        return "bg-blue-100 text-blue-800"
      case "liquidation":
        return "bg-red-100 text-red-800"
      default:
        return "bg-slate-100 text-slate-800"
    }
  }

return (
    <div className="space-y-6">
      {/* Scenario Header */}
      <Card>
        <CardHeader>
          <div className="flex items-center justify-between">
            <div>
              <CardTitle className="flex items-center space-x-3">
                <span>{scenario.name}</span>
                <Badge className={getExitTypeColor(scenario.exitType)} variant="secondary">
                  {scenario.exitType.toUpperCase()}
                </Badge>
              </CardTitle>
            </div>
            <div className="text-right">
              <div className="text-2xl font-bold text-slate-900">{formatCurrency(scenario.exitValuation)}</div>
              <div className="text-sm text-slate-500">Exit Valuation</div>
            </div>
          </div>
        </CardHeader>
        <CardContent>
          <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
            <div>
              <div className="text-sm text-slate-500">Net Proceeds</div>
              <div className="text-lg font-semibold text-slate-900">{formatCurrency(netProceeds)}</div>
            </div>
            <div>
              <div className="text-sm text-slate-500">Liquidation Expenses</div>
              <div className="text-lg font-semibold text-slate-900">{formatCurrency(scenario.liquidationExpenses)}</div>
            </div>
            <div>
              <div className="text-sm text-slate-500">Total Distributed</div>
              <div className="text-lg font-semibold text-slate-900">{formatCurrency(totalPayout)}</div>
            </div>
          </div>
        </CardContent>
      </Card>

{/* Waterfall Chart */}
      <Card>
        <CardHeader>
          <CardTitle>Payout Distribution</CardTitle>
        </CardHeader>
        <CardContent>
          <div className="h-80">
            <ResponsiveContainer width="100%" height="100%">
              <BarChart data={chartData} margin={{ top: 20, right: 30, left: 20, bottom: 5 }}>
                <CartesianGrid strokeDasharray="3 3" />
                <XAxis dataKey="name" angle={-45} textAnchor="end" height={80} />
                <YAxis tickFormatter={(value) => `$${(value / 1000000).toFixed(1)}M`} />
                <Tooltip formatter={(value: number) => [formatCurrency(value), "Payout"]} />
                <Bar dataKey="payout" fill="#3B82F6" />
              </BarChart>
            </ResponsiveContainer>
          </div>
        </CardContent>
      </Card>

{/* Waterfall Table */}
      <Card>
        <CardHeader>
          <CardTitle>Waterfall Analysis</CardTitle>
        </CardHeader>
        <CardContent>
          <Table>
            <TableHeader>
              <TableRow>
                <TableHead>Stakeholder</TableHead>
                <TableHead>Share Class</TableHead>
                <TableHead className="text-right">Shares</TableHead>
                <TableHead className="text-right">Liquidation Pref</TableHead>
                <TableHead className="text-center">Participation</TableHead>
                <TableHead className="text-right">Payout</TableHead>
                <TableHead className="text-right">% of Proceeds</TableHead>
                <TableHead className="text-right">Multiple</TableHead>
              </TableRow>
            </TableHeader>
            <TableBody>
              {waterfall.map((item, index) => {
                const originalInvestment = item.shares * item.liquidationPreference
                const multiple = originalInvestment > 0 ? item.payout / originalInvestment : 0

return (
                  <TableRow key={index}>
                    <TableCell className="font-medium">{item.stakeholder}</TableCell>
                    <TableCell>{item.shareClass}</TableCell>
                    <TableCell className="text-right font-mono">{item.shares.toLocaleString()}</TableCell>
                    <TableCell className="text-right font-mono">
                      {item.liquidationPreference > 0 ? `${item.liquidationPreference}x` : "-"}
                    </TableCell>
                    <TableCell className="text-center">
                      {item.participationRights ? (
                        <Badge variant="secondary" className="bg-green-100 text-green-800">
                          Yes
                        </Badge>
                      ) : (
                        <Badge variant="secondary" className="bg-slate-100 text-slate-600">
                          No
                        </Badge>
                      )}
                    </TableCell>
                    <TableCell className="text-right font-mono font-semibold">{formatCurrency(item.payout)}</TableCell>
                    <TableCell className="text-right font-mono">{item.percentage.toFixed(1)}%</TableCell>
                    <TableCell className="text-right font-mono">
                      {multiple > 0 ? `${multiple.toFixed(1)}x` : "-"}
                    </TableCell>
                  </TableRow>
                )
              })}
            </TableBody>
          </Table>
        </CardContent>
      </Card>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/dashboard/scenarios/scenarios-client.tsx" isMerged="true"
"use client"

import { useState } from "react"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import ScenarioBuilder from "@/components/scenarios/scenario-builder"
import ScenarioResults from "@/components/scenarios/scenario-results"
import ScenarioComparison from "@/components/scenarios/scenario-comparison"

export default function ScenariosClient() {
  const [scenarios, setScenarios] = useState([
    {
      id: "1",
      name: "Conservative Exit",
      description: "Acquisition at 3x current valuation",
      exitType: "acquisition",
      exitValuation: 30000000,
      exitMultiple: 3,
      liquidationExpenses: 500000,
      createdAt: "2024-01-15T00:00:00Z",
    },
    {
      id: "2",
      name: "Optimistic IPO",
      description: "Public offering at 10x current valuation",
      exitType: "ipo",
      exitValuation: 100000000,
      exitMultiple: 10,
      liquidationExpenses: 2000000,
      createdAt: "2024-01-15T00:00:00Z",
    },
  ])

const [selectedScenario, setSelectedScenario] = useState(scenarios[0])

// Mock stakeholder data with liquidation preferences
  const stakeholders = [
    {
      name: "Sarah Chen",
      shareClass: "Common Stock",
      shares: 3500000,
      liquidationPreference: 0,
      participationRights: false,
      isPreferred: false,
    },
    {
      name: "Michael Rodriguez",
      shareClass: "Common Stock",
      shares: 2500000,
      liquidationPreference: 0,
      participationRights: false,
      isPreferred: false,
    },
    {
      name: "VC Partners",
      shareClass: "Series A Preferred",
      shares: 800000,
      liquidationPreference: 2.5, // $2.50 per share
      participationRights: false,
      isPreferred: true,
    },
    {
      name: "Emily Watson",
      shareClass: "Common Stock",
      shares: 50000,
      liquidationPreference: 0,
      participationRights: false,
      isPreferred: false,
    },
  ]

const totalShares = 6850000

const handleCreateScenario = (newScenario: any) => {
    setScenarios([...scenarios, newScenario])
    setSelectedScenario(newScenario)
  }

return (
    <div className="space-y-6">
      {/* Header */}
      <div className="flex items-center justify-between">
        <div>
          <h1 className="text-2xl font-bold text-slate-900">Exit Scenarios</h1>
          <p className="text-slate-600">Model different exit outcomes and analyze stakeholder returns</p>
        </div>
        <ScenarioBuilder onCreateScenario={handleCreateScenario} />
      </div>

{/* Tabs */}
      <Tabs defaultValue="results" className="space-y-6">
        <TabsList>
          <TabsTrigger value="results">Scenario Results</TabsTrigger>
          <TabsTrigger value="comparison">Compare Scenarios</TabsTrigger>
        </TabsList>

<TabsContent value="results" className="space-y-6">
          {/* Scenario Selector */}
          <div className="flex space-x-2">
            {scenarios.map((scenario) => (
              <button
                key={scenario.id}
                onClick={() => setSelectedScenario(scenario)}
                className={`px-4 py-2 rounded-lg text-sm font-medium transition-colors ${
                  selectedScenario.id === scenario.id
                    ? "bg-blue-100 text-blue-700"
                    : "bg-slate-100 text-slate-600 hover:bg-slate-200"
                }`}
              >
                {scenario.name}
              </button>
            ))}
          </div>

<TabsContent value="comparison">
          <ScenarioComparison scenarios={scenarios} stakeholders={stakeholders} totalShares={totalShares} />
        </TabsContent>
      </Tabs>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/api/ai/scenarios/route.ts" isMerged="true"
import { type NextRequest, NextResponse } from "next/server"
import { createServerActionClient } from "@supabase/auth-helpers-nextjs"
import { cookies } from "next/headers"
import { generateScenarioRecommendations } from "@/lib/ai/gemini-client"

export async function POST(request: NextRequest) {
  try {
    // Verify authentication
    const cookieStore = cookies()
    const supabase = createServerActionClient({ cookies: () => cookieStore })
    const {
      data: { session },
    } = await supabase.auth.getSession()

if (!session) {
      return NextResponse.json({ error: "Unauthorized" }, { status: 401 })
    }

const { scenarioData } = await request.json()

if (!scenarioData) {
      return NextResponse.json({ error: "Scenario data is required" }, { status: 400 })
    }

// Generate AI recommendations
    const recommendations = await generateScenarioRecommendations(scenarioData)

return NextResponse.json({ recommendations })
  } catch (error) {
    console.error("Error in AI scenarios API:", error)
    return NextResponse.json({ error: "Failed to generate recommendations" }, { status: 500 })
  }
}
[V0_FILE]typescriptreact:file="components/ai/market-benchmarks.tsx" isMerged="true"
"use client"

import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Progress } from "@/components/ui/progress"
import { Badge } from "@/components/ui/badge"
import { TrendingUp, TrendingDown, Minus } from "lucide-react"

interface MarketBenchmarksProps {
  companyData: {
    founderEquity: number
    employeePool: number
    investorEquity: number
    stage: string
    industry: string
  }
}

export default function MarketBenchmarks({ companyData }: MarketBenchmarksProps) {
  // Mock benchmark data - in real app, this would come from market data API
  const benchmarks = {
    founderEquity: {
      current: companyData.founderEquity,
      market25th: 45,
      marketMedian: 65,
      market75th: 80,
      recommendation: "Within normal range",
    },
    employeePool: {
      current: companyData.employeePool,
      market25th: 10,
      marketMedian: 15,
      market75th: 20,
      recommendation: "Consider expanding",
    },
    investorEquity: {
      current: companyData.investorEquity,
      market25th: 15,
      marketMedian: 25,
      market75th: 35,
      recommendation: "Healthy investor participation",
    },
  }

const getPerformanceIndicator = (current: number, median: number) => {
    const diff = ((current - median) / median) * 100
    if (Math.abs(diff) < 10) return { icon: Minus, color: "text-slate-500", status: "On target" }
    if (diff > 0) return { icon: TrendingUp, color: "text-green-500", status: "Above market" }
    return { icon: TrendingDown, color: "text-red-500", status: "Below market" }
  }

const BenchmarkRow = ({ title, data }: { title: string; data: any }) => {
    const performance = getPerformanceIndicator(data.current, data.marketMedian)
    const Icon = performance.icon

return (
      <div className="space-y-3">
        <div className="flex items-center justify-between">
          <h4 className="font-medium text-slate-900">{title}</h4>
          <div className="flex items-center space-x-2">
            <Icon className={`w-4 h-4 ${performance.color}`} />
            <Badge variant="secondary" className="text-xs">
              {performance.status}
            </Badge>
          </div>
        </div>

<div className="space-y-2">
          <div className="flex justify-between text-sm">
            <span className="text-slate-600">Your company: {data.current}%</span>
            <span className="text-slate-600">Market median: {data.marketMedian}%</span>
          </div>

<div className="relative">
            <Progress value={(data.current / 100) * 100} className="h-2" />
            <div className="flex justify-between text-xs text-slate-500 mt-1">
              <span>25th: {data.market25th}%</span>
              <span>75th: {data.market75th}%</span>
            </div>
          </div>

<p className="text-xs text-slate-600 italic">{data.recommendation}</p>
        </div>
      </div>
    )
  }

return (
    <Card>
      <CardHeader>
        <CardTitle className="flex items-center">
          <TrendingUp className="w-5 h-5 mr-2 text-blue-600" />
          Market Benchmarks
        </CardTitle>
      </CardHeader>
      <CardContent className="space-y-6">
        <div className="bg-blue-50 p-4 rounded-lg">
          <p className="text-sm text-blue-800">
            <strong>{companyData.stage}</strong> stage companies in <strong>{companyData.industry}</strong>
          </p>
        </div>

<div className="bg-slate-50 p-4 rounded-lg">
          <h4 className="font-medium text-slate-900 mb-2">Key Takeaways</h4>
          <ul className="text-sm text-slate-600 space-y-1">
            <li>• Your founder equity allocation is within typical ranges</li>
            <li>• Consider expanding the employee option pool for future hires</li>
            <li>• Investor participation indicates healthy funding dynamics</li>
          </ul>
        </div>
      </CardContent>
    </Card>
  )
}
[V0_FILE]typescriptreact:file="components/scenarios/scenario-comparison.tsx" isEdit="true" isMerged="true"
"use client"

import { useMemo } from "react"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, Legend } from "recharts"

interface WaterfallStep {
  stakeholder: string
  shareClass: string
  liquidationPreference: number
  participationRights: boolean
  shares: number
  payout: number
  percentage: number
}

interface ScenarioComparisonProps {
  scenarios: Array<{
    id: string
    name: string
    exitValuation: number
    liquidationExpenses: number
  }>
  stakeholders: Array<{
    name: string
    shareClass: string
    shares: number
    liquidationPreference: number
    participationRights: boolean
    isPreferred: boolean
  }>
  totalShares: number
}

function calculateWaterfall({
  exitValuation,
  liquidationExpenses,
  stakeholders,
  totalShares,
}: {
  exitValuation: number
  liquidationExpenses: number
  stakeholders: Array<{
    name: string
    shareClass: string
    shares: number
    liquidationPreference: number
    participationRights: boolean
    isPreferred: boolean
  }>
  totalShares: number
}) {
  const netProceeds = exitValuation - liquidationExpenses
  const waterfall: WaterfallStep[] = []
  let remainingProceeds = netProceeds

// Step 1: Pay liquidation preferences to preferred shareholders
  const preferredStakeholders = stakeholders.filter((s) => s.isPreferred)
  const commonStakeholders = stakeholders.filter((s) => !s.isPreferred)

// Calculate liquidation preference payouts
  for (const stakeholder of preferredStakeholders) {
    const liquidationAmount = stakeholder.shares * stakeholder.liquidationPreference
    const payout = Math.min(liquidationAmount, remainingProceeds)

waterfall.push({
      stakeholder: stakeholder.name,
      shareClass: stakeholder.shareClass,
      liquidationPreference: stakeholder.liquidationPreference,
      participationRights: stakeholder.participationRights,
      shares: stakeholder.shares,
      payout,
      percentage: (payout / netProceeds) * 100,
    })

remainingProceeds -= payout
  }

// Step 2: Distribute remaining proceeds
  if (remainingProceeds > 0) {
    // Calculate participating preferred rights
    const participatingStakeholders = preferredStakeholders.filter((s) => s.participationRights)
    const nonParticipatingPreferred = preferredStakeholders.filter((s) => !s.participationRights)

// For participating preferred, they get additional pro-rata distribution
    const totalParticipatingShares = [...participatingStakeholders, ...commonStakeholders].reduce(
      (sum, s) => sum + s.shares,
      0,
    )

if (totalParticipatingShares > 0) {
      // Distribute remaining proceeds pro-rata among participating shares
      for (const stakeholder of [...participatingStakeholders, ...commonStakeholders]) {
        const proRataPayout = (stakeholder.shares / totalParticipatingShares) * remainingProceeds

const existingIndex = waterfall.findIndex((w) => w.stakeholder === stakeholder.name)
        if (existingIndex >= 0) {
          waterfall[existingIndex].payout += proRataPayout
          waterfall[existingIndex].percentage = (waterfall[existingIndex].payout / netProceeds) * 100
        } else {
          waterfall.push({
            stakeholder: stakeholder.name,
            shareClass: stakeholder.shareClass,
            liquidationPreference: stakeholder.liquidationPreference,
            participationRights: stakeholder.participationRights,
            shares: stakeholder.shares,
            payout: proRataPayout,
            percentage: (proRataPayout / netProceeds) * 100,
          })
        }
      }
    }

// For non-participating preferred, check if conversion to common is better
    for (const stakeholder of nonParticipatingPreferred) {
      const asIfCommonPayout = (stakeholder.shares / totalShares) * netProceeds
      const existingIndex = waterfall.findIndex((w) => w.stakeholder === stakeholder.name)

if (existingIndex >= 0 && asIfCommonPayout > waterfall[existingIndex].payout) {
        // Convert to common stock treatment
        waterfall[existingIndex].payout = asIfCommonPayout
        waterfall[existingIndex].percentage = (asIfCommonPayout / netProceeds) * 100
      }
    }
  }

// Add any stakeholders with zero payout
  for (const stakeholder of stakeholders) {
    if (!waterfall.find((w) => w.stakeholder === stakeholder.name)) {
      waterfall.push({
        stakeholder: stakeholder.name,
        shareClass: stakeholder.shareClass,
        liquidationPreference: stakeholder.liquidationPreference,
        participationRights: stakeholder.participationRights,
        shares: stakeholder.shares,
        payout: 0,
        percentage: 0,
      })
    }
  }

return {
    waterfall: waterfall.sort((a, b) => b.payout - a.payout),
    totalPayout: waterfall.reduce((sum, w) => sum + w.payout, 0),
    netProceeds,
  }
}

export default function ScenarioComparison({ scenarios, stakeholders, totalShares }: ScenarioComparisonProps) {
  const formatCurrency = (amount: number) => {
    return new Intl.NumberFormat("en-US", {
      style: "currency",
      currency: "USD",
      minimumFractionDigits: 0,
      maximumFractionDigits: 0,
    }).format(amount)
  }

const colors = ["#3B82F6", "#10B981", "#8B5CF6", "#F59E0B", "#EF4444"]

const scenarioResults = useMemo(() => {
    return scenarios.map((scenario) => {
      const { waterfall } = calculateWaterfall({
        exitValuation: scenario.exitValuation,
        liquidationExpenses: scenario.liquidationExpenses,
        stakeholders,
        totalShares,
      })
      return { scenario, waterfall }
    })
  }, [scenarios, stakeholders, totalShares])

// Prepare chart data
  const chartData = useMemo(() => {
    return scenarios.map((scenario) => {
      const result = scenarioResults.find((r) => r.scenario.id === scenario.id)
      const dataPoint: any = {
        exitValuation: scenario.exitValuation / 1000000, // Convert to millions
        scenarioName: scenario.name,
      }

// Add each stakeholder's payout
      stakeholders.forEach((stakeholder) => {
        const waterfallItem = result?.waterfall.find((w) => w.stakeholder === stakeholder.name)
        dataPoint[stakeholder.name] = waterfallItem ? waterfallItem.payout / 1000000 : 0
      })

return dataPoint
    })
  }, [scenarios, scenarioResults, stakeholders])

return (
    <div className="space-y-6">
      {/* Comparison Chart */}
      <Card>
        <CardHeader>
          <CardTitle>Scenario Comparison</CardTitle>
        </CardHeader>
        <CardContent>
          <div className="h-80">
            <ResponsiveContainer width="100%" height="100%">
              <LineChart data={chartData} margin={{ top: 20, right: 30, left: 20, bottom: 5 }}>
                <CartesianGrid strokeDasharray="3 3" />
                <XAxis
                  dataKey="exitValuation"
                  tickFormatter={(value) => `$${value}M`}
                  label={{ value: "Exit Valuation", position: "insideBottom", offset: -5 }}
                />
                <YAxis
                  tickFormatter={(value) => `$${value}M`}
                  label={{ value: "Payout", angle: -90, position: "insideLeft" }}
                />
                <Tooltip
                  formatter={(value: number, name: string) => [`$${value.toFixed(1)}M`, name]}
                  labelFormatter={(value) => `Exit Valuation: $${value}M`}
                />
                <Legend />
                {stakeholders.map((stakeholder, index) => (
                  <Line
                    key={stakeholder.name}
                    type="monotone"
                    dataKey={stakeholder.name}
                    stroke={colors[index % colors.length]}
                    strokeWidth={2}
                    dot={{ r: 4 }}
                  />
                ))}
              </LineChart>
            </ResponsiveContainer>
          </div>
        </CardContent>
      </Card>

{/* Comparison Table */}
      <Card>
        <CardHeader>
          <CardTitle>Payout Comparison</CardTitle>
        </CardHeader>
        <CardContent>
          <Table>
            <TableHeader>
              <TableRow>
                <TableHead>Stakeholder</TableHead>
                {scenarios.map((scenario) => (
                  <TableHead key={scenario.id} className="text-right">
                    {scenario.name}
                    <div className="text-xs text-slate-500 font-normal">{formatCurrency(scenario.exitValuation)}</div>
                  </TableHead>
                ))}
              </TableRow>
            </TableHeader>
            <TableBody>
              {stakeholders.map((stakeholder) => (
                <TableRow key={stakeholder.name}>
                  <TableCell className="font-medium">{stakeholder.name}</TableCell>
                  {scenarioResults.map(({ scenario, waterfall }) => {
                    const payout = waterfall.find((w) => w.stakeholder === stakeholder.name)?.payout || 0
                    return (
                      <TableCell key={scenario.id} className="text-right font-mono">
                        {formatCurrency(payout)}
                      </TableCell>
                    )
                  })}
                </TableRow>
              ))}
              <TableRow className="border-t-2 font-semibold">
                <TableCell>Total</TableCell>
                {scenarioResults.map(({ scenario, waterfall }) => {
                  const total = waterfall.reduce((sum, w) => sum + w.payout, 0)
                  return (
                    <TableCell key={scenario.id} className="text-right font-mono">
                      {formatCurrency(total)}
                    </TableCell>
                  )
                })}
              </TableRow>
            </TableBody>
          </Table>
        </CardContent>
      </Card>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/dashboard/stakeholders/page.tsx" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import { useState } from "react"
import { useAppContext } from "@/lib/context/app-context"
import DashboardLayout from "@/components/dashboard/dashboard-layout"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Badge } from "@/components/ui/badge"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import { Avatar, AvatarFallback } from "@/components/ui/avatar"
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"
import { Plus, Search, MoreHorizontal, Mail, Edit, Trash2, UserPlus } from "lucide-react"
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog"
import { Label } from "@/components/ui/label"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"

export default function StakeholdersPage() {
  const { user, company, stakeholders, addStakeholder, updateStakeholder, removeStakeholder } = useAppContext()

const [searchTerm, setSearchTerm] = useState("")
  const [isAddStakeholderOpen, setIsAddStakeholderOpen] = useState(false)
  const [isEditStakeholderOpen, setIsEditStakeholderOpen] = useState(false)
  const [editingStakeholder, setEditingStakeholder] = useState(null)
  const [isLoading, setIsLoading] = useState(false)

const filteredStakeholders = stakeholders.filter(
    (stakeholder) =>
      stakeholder.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
      stakeholder.email.toLowerCase().includes(searchTerm.toLowerCase()),
  )

const totalStakeholders = stakeholders.length
  const founders = stakeholders.filter((s) => s.type === "founder")
  const investors = stakeholders.filter((s) => s.type === "investor")
  const employees = stakeholders.filter((s) => s.type === "employee")

const foundersOwnership = founders.reduce((sum, s) => sum + s.percentage, 0)
  const investorsOwnership = investors.reduce((sum, s) => sum + s.percentage, 0)
  const employeesOwnership = employees.reduce((sum, s) => sum + s.percentage, 0)

const handleAddStakeholder = async (formData) => {
    setIsLoading(true)
    console.log("[v0] Adding new stakeholder:", formData)

const newStakeholder = {
      id: Date.now().toString(),
      name: formData.name,
      email: formData.email,
      type: formData.type,
      shareClass: formData.shareClass,
      shares: Number.parseInt(formData.shares),
      percentage: Number.parseFloat(formData.percentage) || 0,
      fullyDilutedPercentage: Number.parseFloat(formData.percentage) || 0,
      vestingStatus: formData.type === "investor" ? "Fully vested" : "0% vested",
      vestingProgress: formData.type === "investor" ? 100 : 0,
      grantDate: formData.grantDate,
      vestingCliff: formData.type === "investor" ? "N/A" : "1 year",
      vestingSchedule: formData.type === "investor" ? "N/A" : "4 years",
      exercisePrice: Number.parseFloat(formData.exercisePrice) || 0,
      joinDate: formData.grantDate,
      status: "active",
      phone: formData.phone || "",
      address: formData.address || "",
    }

addStakeholder(newStakeholder)
    setIsAddStakeholderOpen(false)
    setIsLoading(false)
  }

const handleEditStakeholder = (stakeholder) => {
    setEditingStakeholder(stakeholder)
    setIsEditStakeholderOpen(true)
  }

const handleUpdateStakeholder = async (formData) => {
    setIsLoading(true)
    const updatedStakeholder = {
      ...editingStakeholder,
      name: formData.name,
      email: formData.email,
      phone: formData.phone,
      address: formData.address,
      shares: Number.parseInt(formData.shares),
      percentage: Number.parseFloat(formData.percentage),
    }

updateStakeholder(editingStakeholder.id, updatedStakeholder)
    setIsEditStakeholderOpen(false)
    setEditingStakeholder(null)
    setIsLoading(false)
  }

const handleRemoveStakeholder = (stakeholderId) => {
    if (confirm("Are you sure you want to remove this stakeholder?")) {
      removeStakeholder(stakeholderId)
    }
  }

const handleSendEmail = (email) => {
    window.open(`mailto:${email}`, "_blank")
  }

const getTypeColor = (type: string) => {
    switch (type) {
      case "founder":
        return "bg-blue-100 text-blue-800"
      case "investor":
        return "bg-purple-100 text-purple-800"
      case "employee":
        return "bg-green-100 text-green-800"
      default:
        return "bg-gray-100 text-gray-800"
    }
  }

const getInitials = (name: string) => {
    return name
      .split(" ")
      .map((n) => n[0])
      .join("")
      .toUpperCase()
  }

return (
    <DashboardLayout user={user} company={company}>
      <div className="space-y-6">
        {/* Header */}
        <div className="flex items-center justify-between">
          <div>
            <h1 className="text-2xl font-bold text-slate-900">Stakeholders</h1>
            <p className="text-slate-600">Manage company stakeholders and their equity information</p>
          </div>
          <Dialog open={isAddStakeholderOpen} onOpenChange={setIsAddStakeholderOpen}>
            <DialogTrigger asChild>
              <Button>
                <Plus className="w-4 h-4 mr-2" />
                Add Stakeholder
              </Button>
            </DialogTrigger>
            <DialogContent className="max-w-md">
              <DialogHeader>
                <DialogTitle>Add New Stakeholder</DialogTitle>
              </DialogHeader>
              <form
                onSubmit={(e) => {
                  e.preventDefault()
                  const formData = new FormData(e.target)
                  handleAddStakeholder({
                    name: formData.get("name"),
                    email: formData.get("email"),
                    type: formData.get("type"),
                    shareClass: formData.get("shareClass"),
                    shares: formData.get("shares"),
                    percentage: formData.get("percentage"),
                    grantDate: formData.get("grantDate"),
                    exercisePrice: formData.get("exercisePrice"),
                    phone: formData.get("phone"),
                    address: formData.get("address"),
                  })
                }}
                className="space-y-4"
              >
                <div className="space-y-3">
                  <div>
                    <Label htmlFor="name">Full Name</Label>
                    <Input id="name" name="name" required />
                  </div>
                  <div>
                    <Label htmlFor="email">Email</Label>
                    <Input id="email" name="email" type="email" required />
                  </div>
                  <div>
                    <Label htmlFor="type">Stakeholder Type</Label>
                    <Select name="type" required>
                      <SelectTrigger>
                        <SelectValue placeholder="Select type" />
                      </SelectTrigger>
                      <SelectContent>
                        <SelectItem value="founder">Founder</SelectItem>
                        <SelectItem value="employee">Employee</SelectItem>
                        <SelectItem value="investor">Investor</SelectItem>
                        <SelectItem value="advisor">Advisor</SelectItem>
                      </SelectContent>
                    </Select>
                  </div>
                  <div>
                    <Label htmlFor="shareClass">Share Class</Label>
                    <Select name="shareClass" required>
                      <SelectTrigger>
                        <SelectValue placeholder="Select share class" />
                      </SelectTrigger>
                      <SelectContent>
                        <SelectItem value="Common Stock">Common Stock</SelectItem>
                        <SelectItem value="Series A Preferred">Series A Preferred</SelectItem>
                      </SelectContent>
                    </Select>
                  </div>
                  <div>
                    <Label htmlFor="shares">Number of Shares</Label>
                    <Input id="shares" name="shares" type="number" required />
                  </div>
                  <div>
                    <Label htmlFor="percentage">Ownership Percentage</Label>
                    <Input id="percentage" name="percentage" type="number" step="0.1" required />
                  </div>
                  <div>
                    <Label htmlFor="grantDate">Grant Date</Label>
                    <Input id="grantDate" name="grantDate" type="date" required />
                  </div>
                  <div>
                    <Label htmlFor="exercisePrice">Exercise Price ($)</Label>
                    <Input id="exercisePrice" name="exercisePrice" type="number" step="0.001" />
                  </div>
                  <div>
                    <Label htmlFor="phone">Phone</Label>
                    <Input id="phone" name="phone" />
                  </div>
                  <div>
                    <Label htmlFor="address">Address</Label>
                    <Input id="address" name="address" />
                  </div>
                </div>
                <Button type="submit" className="w-full" disabled={isLoading}>
                  {isLoading ? "Adding..." : "Add Stakeholder"}
                </Button>
              </form>
            </DialogContent>
          </Dialog>
        </div>

{/* Summary Cards */}
        <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
          <Card>
            <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
              <CardTitle className="text-sm font-medium">Total Stakeholders</CardTitle>
              <UserPlus className="h-4 w-4 text-muted-foreground" />
            </CardHeader>
            <CardContent>
              <div className="text-2xl font-bold">{totalStakeholders}</div>
              <p className="text-xs text-muted-foreground">Active stakeholders</p>
            </CardContent>
          </Card>
          <Card>
            <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
              <CardTitle className="text-sm font-medium">Founders</CardTitle>
            </CardHeader>
            <CardContent>
              <div className="text-2xl font-bold">{founders.length}</div>
              <p className="text-xs text-muted-foreground">{foundersOwnership.toFixed(1)}% ownership</p>
            </CardContent>
          </Card>
          <Card>
            <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
              <CardTitle className="text-sm font-medium">Investors</CardTitle>
            </CardHeader>
            <CardContent>
              <div className="text-2xl font-bold">{investors.length}</div>
              <p className="text-xs text-muted-foreground">{investorsOwnership.toFixed(1)}% ownership</p>
            </CardContent>
          </Card>
          <Card>
            <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
              <CardTitle className="text-sm font-medium">Employees</CardTitle>
            </CardHeader>
            <CardContent>
              <div className="text-2xl font-bold">{employees.length}</div>
              <p className="text-xs text-muted-foreground">{employeesOwnership.toFixed(1)}% ownership</p>
            </CardContent>
          </Card>
        </div>

{/* Search and Filters */}
        <Card>
          <CardHeader>
            <div className="flex items-center space-x-4">
              <div className="relative flex-1">
                <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-slate-400 w-4 h-4" />
                <Input
                  placeholder="Search stakeholders..."
                  className="pl-10"
                  value={searchTerm}
                  onChange={(e) => setSearchTerm(e.target.value)}
                />
              </div>
              <Button variant="outline">Filter</Button>
            </div>
          </CardHeader>
        </Card>

{/* Stakeholders Table */}
        <Card>
          <CardHeader>
            <CardTitle>All Stakeholders</CardTitle>
            <CardDescription>Complete list of company stakeholders and their details</CardDescription>
          </CardHeader>
          <CardContent>
            <Table>
              <TableHeader>
                <TableRow>
                  <TableHead>Stakeholder</TableHead>
                  <TableHead>Type</TableHead>
                  <TableHead>Share Class</TableHead>
                  <TableHead>Shares</TableHead>
                  <TableHead>Ownership</TableHead>
                  <TableHead>Vesting</TableHead>
                  <TableHead>Join Date</TableHead>
                  <TableHead>Status</TableHead>
                  <TableHead></TableHead>
                </TableRow>
              </TableHeader>
              <TableBody>
                {filteredStakeholders.map((stakeholder) => (
                  <TableRow key={stakeholder.id}>
                    <TableCell>
                      <div className="flex items-center space-x-3">
                        <Avatar>
                          <AvatarFallback>{getInitials(stakeholder.name)}</AvatarFallback>
                        </Avatar>
                        <div>
                          <p className="font-medium">{stakeholder.name}</p>
                          <p className="text-sm text-slate-600">{stakeholder.email}</p>
                        </div>
                      </div>
                    </TableCell>
                    <TableCell>
                      <Badge className={getTypeColor(stakeholder.type)}>{stakeholder.type}</Badge>
                    </TableCell>
                    <TableCell>{stakeholder.shareClass}</TableCell>
                    <TableCell>{stakeholder.shares.toLocaleString()}</TableCell>
                    <TableCell>{stakeholder.percentage.toFixed(1)}%</TableCell>
                    <TableCell>
                      <div className="flex items-center space-x-2">
                        <div className="w-16 bg-slate-200 rounded-full h-2">
                          <div
                            className="bg-blue-600 h-2 rounded-full"
                            style={{ width: `${stakeholder.vestingProgress}%` }}
                          />
                        </div>
                        <span className="text-sm text-slate-600">{stakeholder.vestingProgress}%</span>
                      </div>
                    </TableCell>
                    <TableCell>{new Date(stakeholder.joinDate).toLocaleDateString()}</TableCell>
                    <TableCell>
                      <Badge variant={stakeholder.status === "active" ? "default" : "secondary"}>
                        {stakeholder.status}
                      </Badge>
                    </TableCell>
                    <TableCell>
                      <DropdownMenu>
                        <DropdownMenuTrigger asChild>
                          <Button variant="ghost" size="sm">
                            <MoreHorizontal className="w-4 h-4" />
                          </Button>
                        </DropdownMenuTrigger>
                        <DropdownMenuContent align="end">
                          <DropdownMenuItem onClick={() => handleEditStakeholder(stakeholder)}>
                            <Edit className="w-4 h-4 mr-2" />
                            Edit Details
                          </DropdownMenuItem>
                          <DropdownMenuItem onClick={() => handleSendEmail(stakeholder.email)}>
                            <Mail className="w-4 h-4 mr-2" />
                            Send Email
                          </DropdownMenuItem>
                          <DropdownMenuItem
                            className="text-red-600"
                            onClick={() => handleRemoveStakeholder(stakeholder.id)}
                          >
                            <Trash2 className="w-4 h-4 mr-2" />
                            Remove
                          </DropdownMenuItem>
                        </DropdownMenuContent>
                      </DropdownMenu>
                    </TableCell>
                  </TableRow>
                ))}
              </TableBody>
            </Table>
          </CardContent>
        </Card>

{/* Edit Stakeholder Dialog */}
        <Dialog open={isEditStakeholderOpen} onOpenChange={setIsEditStakeholderOpen}>
          <DialogContent className="max-w-md">
            <DialogHeader>
              <DialogTitle>Edit Stakeholder</DialogTitle>
            </DialogHeader>
            {editingStakeholder && (
              <form
                onSubmit={(e) => {
                  e.preventDefault()
                  const formData = new FormData(e.target)
                  handleUpdateStakeholder({
                    name: formData.get("name"),
                    email: formData.get("email"),
                    phone: formData.get("phone"),
                    address: formData.get("address"),
                    shares: formData.get("shares"),
                    percentage: formData.get("percentage"),
                  })
                }}
                className="space-y-4"
              >
                <div className="space-y-3">
                  <div>
                    <Label htmlFor="edit-name">Full Name</Label>
                    <Input id="edit-name" name="name" defaultValue={editingStakeholder.name} required />
                  </div>
                  <div>
                    <Label htmlFor="edit-email">Email</Label>
                    <Input id="edit-email" name="email" type="email" defaultValue={editingStakeholder.email} required />
                  </div>
                  <div>
                    <Label htmlFor="edit-phone">Phone</Label>
                    <Input id="edit-phone" name="phone" defaultValue={editingStakeholder.phone} />
                  </div>
                  <div>
                    <Label htmlFor="edit-address">Address</Label>
                    <Input id="edit-address" name="address" defaultValue={editingStakeholder.address} />
                  </div>
                  <div>
                    <Label htmlFor="edit-shares">Number of Shares</Label>
                    <Input
                      id="edit-shares"
                      name="shares"
                      type="number"
                      defaultValue={editingStakeholder.shares}
                      required
                    />
                  </div>
                  <div>
                    <Label htmlFor="edit-percentage">Ownership Percentage</Label>
                    <Input
                      id="edit-percentage"
                      name="percentage"
                      type="number"
                      step="0.1"
                      defaultValue={editingStakeholder.percentage}
                      required
                    />
                  </div>
                </div>
                <Button type="submit" className="w-full" disabled={isLoading}>
                  {isLoading ? "Updating..." : "Update Stakeholder"}
                </Button>
              </form>
            )}
          </DialogContent>
        </Dialog>
      </div>
    </DashboardLayout>
  )
}
[V0_FILE]typescriptreact:file="app/dashboard/stakeholders/loading.tsx" isFixed="true" isMerged="true"
export default function Loading() {
  return null
}
[V0_FILE]typescriptreact:file="app/dashboard/funding/page.tsx" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import { useState } from "react"
import { useAppContext } from "@/lib/context/app-context"
import DashboardLayout from "@/components/dashboard/dashboard-layout"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Badge } from "@/components/ui/badge"
import {
  LineChart,
  Line,
  XAxis,
  YAxis,
  CartesianGrid,
  Tooltip,
  ResponsiveContainer,
  BarChart,
  Bar,
  Legend,
} from "recharts"
import { Plus, TrendingUp, DollarSign, Calendar, Target } from "lucide-react"
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"

export default function FundingPage() {
  const { user, company, fundingRounds, addFundingRound } = useAppContext()

const [isPlanRoundOpen, setIsPlanRoundOpen] = useState(false)
  const [isLoading, setIsLoading] = useState(false)

const totalRaised = fundingRounds
    .filter((round) => round.status === "closed")
    .reduce((sum, round) => sum + round.amount, 0)

const currentValuation =
    fundingRounds
      .filter((round) => round.status === "closed")
      .sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime())[0]?.valuation || 0

const nextRound = fundingRounds.find((round) => round.status === "planned")

const handlePlanNewRound = async (formData) => {
    setIsLoading(true)
    console.log("[v0] Planning new funding round:", formData)

const newRound = {
      id: Date.now().toString(),
      name: formData.name,
      type: formData.type,
      amount: Number.parseInt(formData.amount),
      valuation: Number.parseInt(formData.valuation),
      date: formData.date,
      status: "planned",
      investors: ["TBD"],
      leadInvestor: "TBD",
      dilution: Number.parseFloat(formData.dilution) || 0,
    }

addFundingRound(newRound)
    setIsPlanRoundOpen(false)
    setIsLoading(false)
    console.log("[v0] Added new funding round to global state:", formData.name)
  }

const valuationHistory = [
    { date: "2022-01", valuation: 1000000, round: "Incorporation" },
    ...fundingRounds.map((round) => ({
      date: round.date.substring(0, 7),
      valuation: round.valuation,
      round: round.name,
    })),
  ]

const dilutionData = [
    { round: "Incorporation", founders: 100, investors: 0, employees: 0 },
    ...fundingRounds.map((round, index) => ({
      round: round.name,
      founders: Math.max(0, 100 - (index + 1) * 20),
      investors: Math.min(100, (index + 1) * 20),
      employees: 0,
    })),
  ]

const getStatusColor = (status: string) => {
    switch (status) {
      case "closed":
        return "bg-green-100 text-green-800"
      case "planned":
        return "bg-blue-100 text-blue-800"
      case "in_progress":
        return "bg-yellow-100 text-yellow-800"
      default:
        return "bg-gray-100 text-gray-800"
    }
  }

{/* Summary Cards */}
        <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
          <Card>
            <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
              <CardTitle className="text-sm font-medium">Total Raised</CardTitle>
              <DollarSign className="h-4 w-4 text-muted-foreground" />
            </CardHeader>
            <CardContent>
              <div className="text-2xl font-bold">${(totalRaised / 1000000).toFixed(2)}M</div>
              <p className="text-xs text-muted-foreground">
                Across {fundingRounds.filter((r) => r.status === "closed").length} rounds
              </p>
            </CardContent>
          </Card>
          <Card>
            <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
              <CardTitle className="text-sm font-medium">Current Valuation</CardTitle>
              <TrendingUp className="h-4 w-4 text-muted-foreground" />
            </CardHeader>
            <CardContent>
              <div className="text-2xl font-bold">${(currentValuation / 1000000).toFixed(0)}M</div>
              <p className="text-xs text-muted-foreground">Post-money latest round</p>
            </CardContent>
          </Card>
          <Card>
            <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
              <CardTitle className="text-sm font-medium">Next Round</CardTitle>
              <Calendar className="h-4 w-4 text-muted-foreground" />
            </CardHeader>
            <CardContent>
              <div className="text-2xl font-bold">{nextRound?.name || "None"}</div>
              <p className="text-xs text-muted-foreground">
                {nextRound ? new Date(nextRound.date).toLocaleDateString() : "No planned rounds"}
              </p>
            </CardContent>
          </Card>
          <Card>
            <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
              <CardTitle className="text-sm font-medium">Runway</CardTitle>
              <Target className="h-4 w-4 text-muted-foreground" />
            </CardHeader>
            <CardContent>
              <div className="text-2xl font-bold">18 mo</div>
              <p className="text-xs text-muted-foreground">At current burn</p>
            </CardContent>
          </Card>
        </div>

{/* Funding Timeline */}
        <Card>
          <CardHeader>
            <CardTitle>Funding Timeline</CardTitle>
            <CardDescription>Historical and planned funding rounds</CardDescription>
          </CardHeader>
          <CardContent>
            <div className="space-y-6">
              {fundingRounds.map((round, index) => (
                <div key={round.id} className="relative">
                  {index < fundingRounds.length - 1 && (
                    <div className="absolute left-4 top-8 w-0.5 h-16 bg-slate-200" />
                  )}
                  <div className="flex items-start space-x-4">
                    <div
                      className={`w-8 h-8 rounded-full flex items-center justify-center ${
                        round.status === "closed"
                          ? "bg-green-100"
                          : round.status === "planned"
                            ? "bg-blue-100"
                            : "bg-yellow-100"
                      }`}
                    >
                      <div
                        className={`w-3 h-3 rounded-full ${
                          round.status === "closed"
                            ? "bg-green-600"
                            : round.status === "planned"
                              ? "bg-blue-600"
                              : "bg-yellow-600"
                        }`}
                      />
                    </div>
                    <div className="flex-1 min-w-0">
                      <div className="flex items-center justify-between">
                        <div>
                          <h3 className="text-lg font-semibold text-slate-900">{round.name}</h3>
                          <p className="text-sm text-slate-600">{new Date(round.date).toLocaleDateString()}</p>
                        </div>
                        <Badge className={getStatusColor(round.status)}>{round.status}</Badge>
                      </div>
                      <div className="mt-2 grid grid-cols-2 md:grid-cols-4 gap-4 text-sm">
                        <div>
                          <p className="text-slate-600">Amount Raised</p>
                          <p className="font-semibold">${(round.amount / 1000000).toFixed(1)}M</p>
                        </div>
                        <div>
                          <p className="text-slate-600">Valuation</p>
                          <p className="font-semibold">${(round.valuation / 1000000).toFixed(1)}M</p>
                        </div>
                        <div>
                          <p className="text-slate-600">Lead Investor</p>
                          <p className="font-semibold">{round.leadInvestor}</p>
                        </div>
                        <div>
                          <p className="text-slate-600">Dilution</p>
                          <p className="font-semibold">{round.dilution}%</p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              ))}
            </div>
          </CardContent>
        </Card>

{/* Charts */}
        <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
          {/* Valuation Growth */}
          <Card>
            <CardHeader>
              <CardTitle>Valuation Growth</CardTitle>
              <CardDescription>Company valuation over time</CardDescription>
            </CardHeader>
            <CardContent>
              <ResponsiveContainer width="100%" height={300}>
                <LineChart data={valuationHistory}>
                  <CartesianGrid strokeDasharray="3 3" />
                  <XAxis dataKey="date" />
                  <YAxis tickFormatter={(value) => `$${value / 1000000}M`} />
                  <Tooltip formatter={(value: number) => [`$${(value / 1000000).toFixed(1)}M`, "Valuation"]} />
                  <Line type="monotone" dataKey="valuation" stroke="#3B82F6" strokeWidth={2} />
                </LineChart>
              </ResponsiveContainer>
            </CardContent>
          </Card>

{/* Dilution Analysis */}
          <Card>
            <CardHeader>
              <CardTitle>Ownership Dilution</CardTitle>
              <CardDescription>How ownership has changed over funding rounds</CardDescription>
            </CardHeader>
            <CardContent>
              <ResponsiveContainer width="100%" height={300}>
                <BarChart data={dilutionData}>
                  <CartesianGrid strokeDasharray="3 3" />
                  <XAxis dataKey="round" />
                  <YAxis />
                  <Tooltip formatter={(value: number) => [`${value}%`, "Ownership"]} />
                  <Legend />
                  <Bar dataKey="founders" stackId="a" fill="#3B82F6" name="Founders" />
                  <Bar dataKey="investors" stackId="a" fill="#8B5CF6" name="Investors" />
                  <Bar dataKey="employees" stackId="a" fill="#10B981" name="Employees" />
                </BarChart>
              </ResponsiveContainer>
            </CardContent>
          </Card>
        </div>
      </div>
    </DashboardLayout>
  )
}
[V0_FILE]typescriptreact:file="app/api/ai/insights/route.ts" isEdit="true" isMerged="true"
import { type NextRequest, NextResponse } from "next/server"
import { generateCapTableInsights } from "@/lib/ai/gemini-client"

export async function POST(request: NextRequest) {
  try {
    const { capTableData } = await request.json()

if (!capTableData) {
      return NextResponse.json({ error: "Cap table data is required" }, { status: 400 })
    }

// Generate AI insights
    const insights = await generateCapTableInsights(capTableData)

return NextResponse.json({ insights })
  } catch (error) {
    console.error("Error in AI insights API:", error)
    return NextResponse.json({
      insights: {
        summary: "AI insights service is currently unavailable. Please try again later.",
        insights: [],
        recommendations: [],
      },
    })
  }
}
[V0_FILE]png:file="public/collaborative-team.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/collaborative-team-9hHZXpmByNzpybdxOcQP2UVtUcbNhY.png" isMerged="true"
[V0_FILE]png:file="public/female-ceo-headshot.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/female-ceo-headshot-eOFRVThrSkaG1VAS8h02UOYft5Sifj.png" isMerged="true"
[V0_FILE]png:file="public/male-founder-headshot.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/male-founder-headshot-4NYGZi9EfNGThhlCvtUSbBs9xT0G1g.png" isMerged="true"
[V0_FILE]png:file="public/female-investor-headshot.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/female-investor-headshot-tBM9gbrmCzUNzF4aC6cYlIDyYhnKnG.png" isMerged="true"
[V0_FILE]png:file="public/placeholder-omb7r.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" isMerged="true"
[V0_FILE]css:file="app/globals.css" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true"
@import "tailwindcss";
@import "tw-animate-css";

@custom-variant dark (&:is(.dark *));

:root {
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);
  --primary: oklch(0.205 0 0);
  --primary-foreground: oklch(0.985 0 0);
  --secondary: oklch(0.97 0 0);
  --secondary-foreground: oklch(0.205 0 0);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.556 0 0);
  --accent: oklch(0.97 0 0);
  --accent-foreground: oklch(0.205 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(0.577 0.245 27.325);
  --border: oklch(0.922 0 0);
  --input: oklch(0.922 0 0);
  --ring: oklch(0.708 0 0);
  --chart-1: oklch(0.646 0.222 41.116);
  --chart-2: oklch(0.6 0.118 184.704);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);
  --radius: 0.625rem;
  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.145 0 0);
  --sidebar-primary: oklch(0.205 0 0);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.97 0 0);
  --sidebar-accent-foreground: oklch(0.205 0 0);
  --sidebar-border: oklch(0.922 0 0);
  --sidebar-ring: oklch(0.708 0 0);
}

.dark {
  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.145 0 0);
  --card-foreground: oklch(0.985 0 0);
  --popover: oklch(0.145 0 0);
  --popover-foreground: oklch(0.985 0 0);
  --primary: oklch(0.985 0 0);
  --primary-foreground: oklch(0.205 0 0);
  --secondary: oklch(0.269 0 0);
  --secondary-foreground: oklch(0.985 0 0);
  --muted: oklch(0.269 0 0);
  --muted-foreground: oklch(0.708 0 0);
  --accent: oklch(0.269 0 0);
  --accent-foreground: oklch(0.985 0 0);
  --destructive: oklch(0.396 0.141 25.723);
  --destructive-foreground: oklch(0.637 0.237 25.331);
  --border: oklch(0.269 0 0);
  --input: oklch(0.269 0 0);
  --ring: oklch(0.439 0 0);
  --chart-1: oklch(0.488 0.243 264.376);
  --chart-2: oklch(0.696 0.17 162.48);
  --chart-3: oklch(0.769 0.188 70.08);
  --chart-4: oklch(0.627 0.265 303.9);
  --chart-5: oklch(0.645 0.246 16.439);
  --sidebar: oklch(0.205 0 0);
  --sidebar-foreground: oklch(0.985 0 0);
  --sidebar-primary: oklch(0.488 0.243 264.376);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.269 0 0);
  --sidebar-accent-foreground: oklch(0.985 0 0);
  --sidebar-border: oklch(0.269 0 0);
  --sidebar-ring: oklch(0.439 0 0);
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.8;
  }
}

@keyframes float {
  0%,
  100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
}

.animate-fade-in-up {
  animation: fadeInUp 0.6s ease-out forwards;
}

.animate-fade-in {
  animation: fadeIn 0.8s ease-out forwards;
}

.animate-slide-in-left {
  animation: slideInLeft 0.6s ease-out forwards;
}

.animate-slide-in-right {
  animation: slideInRight 0.6s ease-out forwards;
}

.animate-float {
  animation: float 3s ease-in-out infinite;
}

.animate-pulse-slow {
  animation: pulse 2s ease-in-out infinite;
}

.animate-delay-100 {
  animation-delay: 0.1s;
}

.animate-delay-200 {
  animation-delay: 0.2s;
}

.animate-delay-300 {
  animation-delay: 0.3s;
}

.animate-delay-400 {
  animation-delay: 0.4s;
}

.animate-delay-500 {
  animation-delay: 0.5s;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover);
  --color-popover-foreground: var(--popover-foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-accent-foreground: var(--accent-foreground);
  --color-destructive: var(--destructive);
  --color-destructive-foreground: var(--destructive-foreground);
  --color-border: var(--border);
  --color-input: var(--input);
  --color-ring: var(--ring);
  --color-chart-1: var(--chart-1);
  --color-chart-2: var(--chart-2);
  --color-chart-3: var(--chart-3);
  --color-chart-4: var(--chart-4);
  --color-chart-5: var(--chart-5);
  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);
  --color-sidebar: var(--sidebar);
  --color-sidebar-foreground: var(--sidebar-foreground);
  --color-sidebar-primary: var(--sidebar-primary);
  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
  --color-sidebar-accent: var(--sidebar-accent);
  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
  --color-sidebar-border: var(--sidebar-border);
  --color-sidebar-ring: var(--sidebar-ring);
}

@layer base {
  * {
    @apply border-border outline-ring/50;
  }
  body {
    @apply bg-background text-foreground;
  }
}
[V0_FILE]typescriptreact:file="components/ai/ai-insights-panel.tsx" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import { useState } from "react"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Badge } from "@/components/ui/badge"
import { Alert, AlertDescription } from "@/components/ui/alert"
import { Sparkles, TrendingUp, AlertTriangle, CheckCircle, Loader2, RefreshCw } from "lucide-react"

interface AIInsightsPanelProps {
  capTableData: any
}

interface Insight {
  category: string
  severity: "low" | "medium" | "high"
  title: string
  description: string
  recommendation: string
}

interface Recommendation {
  priority: "high" | "medium" | "low"
  action: string
  impact: string
}

export default function AIInsightsPanel({ capTableData }: AIInsightsPanelProps) {
  const [insights, setInsights] = useState<{
    summary: string
    insights: Insight[]
    recommendations: Recommendation[]
  } | null>(null)
  const [isLoading, setIsLoading] = useState(false)
  const [error, setError] = useState<string | null>(null)

const generateInsights = async () => {
    setIsLoading(true)
    setError(null)

try {
      const response = await fetch("/api/ai/insights", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },
        body: JSON.stringify({ capTableData }),
      })

if (!response.ok) {
        throw new Error("Failed to generate insights")
      }

const data = await response.json()

let parsedInsights = data.insights

// If insights is a string, try to parse it as JSON
      if (typeof parsedInsights === "string") {
        try {
          parsedInsights = JSON.parse(parsedInsights)
        } catch (parseError) {
          console.error("Failed to parse insights JSON:", parseError)
          throw new Error("Invalid insights format received")
        }
      }

setInsights(parsedInsights)
    } catch (err) {
      setError(err instanceof Error ? err.message : "An error occurred")
    } finally {
      setIsLoading(false)
    }
  }

const getSeverityIcon = (severity: string) => {
    switch (severity) {
      case "high":
        return <AlertTriangle className="w-4 h-4 text-red-500" />
      case "medium":
        return <TrendingUp className="w-4 h-4 text-yellow-500" />
      case "low":
        return <CheckCircle className="w-4 h-4 text-green-500" />
      default:
        return <CheckCircle className="w-4 h-4 text-slate-500" />
    }
  }

const getSeverityColor = (severity: string) => {
    switch (severity) {
      case "high":
        return "bg-red-100 text-red-800"
      case "medium":
        return "bg-yellow-100 text-yellow-800"
      case "low":
        return "bg-green-100 text-green-800"
      default:
        return "bg-slate-100 text-slate-800"
    }
  }

const getPriorityColor = (priority: string) => {
    switch (priority) {
      case "high":
        return "bg-red-100 text-red-800"
      case "medium":
        return "bg-yellow-100 text-yellow-800"
      case "low":
        return "bg-blue-100 text-blue-800"
      default:
        return "bg-slate-100 text-slate-800"
    }
  }

return (
    <Card>
      <CardHeader>
        <div className="flex items-center justify-between">
          <CardTitle className="flex items-center">
            <Sparkles className="w-5 h-5 mr-2 text-purple-600" />
            AI Insights
          </CardTitle>
          <Button
            onClick={generateInsights}
            disabled={isLoading}
            size="sm"
            className="bg-purple-600 hover:bg-purple-700"
          >
            {isLoading ? (
              <>
                <Loader2 className="w-4 h-4 mr-2 animate-spin" />
                Analyzing...
              </>
            ) : (
              <>
                <RefreshCw className="w-4 h-4 mr-2" />
                Generate Insights
              </>
            )}
          </Button>
        </div>
      </CardHeader>
      <CardContent className="space-y-4">
        {error && (
          <Alert variant="destructive">
            <AlertTriangle className="h-4 w-4" />
            <AlertDescription>{error}</AlertDescription>
          </Alert>
        )}

{!insights && !isLoading && (
          <div className="text-center py-8">
            <Sparkles className="w-12 h-12 text-slate-300 mx-auto mb-4" />
            <p className="text-slate-600">Click "Generate Insights" to get AI-powered analysis of your cap table</p>
          </div>
        )}

{insights && (
          <div className="space-y-6">
            {/* Summary */}
            <div className="bg-purple-50 p-4 rounded-lg">
              <h4 className="font-medium text-purple-900 mb-2">Executive Summary</h4>
              <p className="text-purple-800 text-sm">{insights.summary}</p>
            </div>

{/* Insights */}
            {insights.insights.length > 0 && (
              <div>
                <h4 className="font-medium text-slate-900 mb-3">Key Insights</h4>
                <div className="space-y-3">
                  {insights.insights.map((insight, index) => (
                    <div key={index} className="border border-slate-200 rounded-lg p-4">
                      <div className="flex items-start justify-between mb-2">
                        <div className="flex items-center space-x-2">
                          {getSeverityIcon(insight.severity)}
                          <h5 className="font-medium text-slate-900">{insight.title}</h5>
                        </div>
                        <Badge className={getSeverityColor(insight.severity)} variant="secondary">
                          {insight.severity}
                        </Badge>
                      </div>
                      <p className="text-sm text-slate-600 mb-2">{insight.description}</p>
                      <div className="bg-blue-50 p-3 rounded border-l-4 border-blue-400">
                        <p className="text-sm text-blue-800">
                          <strong>Recommendation:</strong> {insight.recommendation}
                        </p>
                      </div>
                    </div>
                  ))}
                </div>
              </div>
            )}

{/* Recommendations */}
            {insights.recommendations.length > 0 && (
              <div>
                <h4 className="font-medium text-slate-900 mb-3">Action Items</h4>
                <div className="space-y-2">
                  {insights.recommendations.map((rec, index) => (
                    <div key={index} className="flex items-start space-x-3 p-3 bg-slate-50 rounded-lg">
                      <Badge className={getPriorityColor(rec.priority)} variant="secondary">
                        {rec.priority}
                      </Badge>
                      <div className="flex-1">
                        <p className="text-sm font-medium text-slate-900">{rec.action}</p>
                        <p className="text-xs text-slate-600 mt-1">{rec.impact}</p>
                      </div>
                    </div>
                  ))}
                </div>
              </div>
            )}
          </div>
        )}
      </CardContent>
    </Card>
  )
}
[V0_FILE]typescriptreact:file="lib/ai/gemini-client.ts" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true"
import { GoogleGenerativeAI } from "@google/generative-ai"

// Initialize Gemini AI client
const genAI = new GoogleGenerativeAI(process.env.GEMINI_API_KEY || "")

export async function generateCapTableInsights(capTableData: any) {
  try {
    const model = genAI.getGenerativeModel({ model: "gemini-1.5-flash" })

const prompt = `
    As a financial advisor specializing in startup equity and cap tables, analyze the following cap table data and provide actionable insights:

Cap Table Data:
    ${JSON.stringify(capTableData, null, 2)}

Please provide insights in the following areas:
    1. Equity Allocation Analysis - Are founder and employee allocations appropriate?
    2. Dilution Risk Assessment - What are the dilution risks for current stakeholders?
    3. Option Pool Optimization - Is the option pool sized appropriately?
    4. Funding Round Recommendations - What should be considered for the next round?
    5. Market Benchmarking - How does this compare to industry standards?

Format your response as JSON with the following structure:
    {
      "summary": "Brief overall assessment",
      "insights": [
        {
          "category": "Equity Allocation",
          "severity": "low|medium|high",
          "title": "Insight title",
          "description": "Detailed analysis",
          "recommendation": "Specific actionable recommendation"
        }
      ],
      "recommendations": [
        {
          "priority": "high|medium|low",
          "action": "Specific action to take",
          "impact": "Expected impact of this action"
        }
      ]
    }
    `

const result = await model.generateContent(prompt)
    const response = await result.response
    const text = response.text()

let jsonText = text.trim()

// Remove markdown code block formatting if present
    if (jsonText.startsWith("```json")) {
      jsonText = jsonText.replace(/^```json\s*/, "").replace(/\s*```$/, "")
    } else if (jsonText.startsWith("```")) {
      jsonText = jsonText.replace(/^```\s*/, "").replace(/\s*```$/, "")
    }

// Parse JSON response
    try {
      const parsedData = JSON.parse(jsonText)

// Ensure the response has the expected structure
      if (parsedData && typeof parsedData === "object") {
        return {
          summary: parsedData.summary || "Analysis completed successfully.",
          insights: Array.isArray(parsedData.insights) ? parsedData.insights : [],
          recommendations: Array.isArray(parsedData.recommendations) ? parsedData.recommendations : [],
        }
      }

throw new Error("Invalid response structure")
    } catch (parseError) {
      console.error("JSON parsing error:", parseError)
      console.error("Raw text:", text)

// Fallback if JSON parsing fails
      return {
        summary: "AI analysis completed, but there was an issue formatting the response. Please try again.",
        insights: [],
        recommendations: [],
      }
    }
  } catch (error) {
    console.error("Error generating AI insights:", error)
    return {
      summary: "AI insights are temporarily unavailable. Please check your API configuration.",
      insights: [
        {
          category: "System Status",
          severity: "medium",
          title: "AI Analysis Unavailable",
          description:
            "The AI insights feature is currently experiencing technical difficulties. This may be due to API configuration issues or service availability.",
          recommendation: "Please verify your Gemini API key is correctly configured and try again later.",
        },
      ],
      recommendations: [
        {
          priority: "medium",
          action: "Check API Configuration",
          impact: "Restore AI-powered insights and recommendations",
        },
      ],
    }
  }
}

export async function generateScenarioRecommendations(scenarioData: any) {
  try {
    const model = genAI.getGenerativeModel({ model: "gemini-1.5-flash" })

const prompt = `
    As a financial advisor, analyze these exit scenarios and provide strategic recommendations:

Scenario Data:
    ${JSON.stringify(scenarioData, null, 2)}

Provide recommendations on:
    1. Scenario probability assessment
    2. Stakeholder impact analysis
    3. Strategic positioning advice
    4. Risk mitigation strategies

Format as JSON with insights and recommendations arrays.
    `

const result = await model.generateContent(prompt)
    const response = await result.response
    const text = response.text()

let jsonText = text.trim()

try {
      const parsedData = JSON.parse(jsonText)

if (parsedData && typeof parsedData === "object") {
        return {
          summary: parsedData.summary || "Scenario analysis completed successfully.",
          insights: Array.isArray(parsedData.insights) ? parsedData.insights : [],
          recommendations: Array.isArray(parsedData.recommendations) ? parsedData.recommendations : [],
        }
      }

throw new Error("Invalid response structure")
    } catch (parseError) {
      console.error("JSON parsing error:", parseError)
      return {
        summary: "Scenario analysis completed, but there was an issue formatting the response.",
        insights: [],
        recommendations: [
          {
            priority: "low",
            action: "Retry scenario analysis",
            impact: "Get properly formatted AI recommendations",
          },
        ],
      }
    }
  } catch (error) {
    console.error("Error generating scenario recommendations:", error)
    return {
      summary: "Scenario analysis is temporarily unavailable due to API issues.",
      insights: [],
      recommendations: [
        {
          priority: "low",
          action: "Retry scenario analysis later",
          impact: "Get AI-powered scenario recommendations when service is restored",
        },
      ],
    }
  }
}
[V0_FILE]typescriptreact:file="components/dashboard/overview-cards.tsx" isEdit="true" isMerged="true"
"use client"

import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { TrendingUp, Users, DollarSign, PieChart } from "lucide-react"

interface OverviewCardsProps {
  data: {
    totalValuation: number
    totalStakeholders: number
    totalShares: number
    lastRoundValuation: number
  }
}

export default function OverviewCards({ data }: OverviewCardsProps) {
  const formatCurrency = (amount: number) => {
    return new Intl.NumberFormat("en-US", {
      style: "currency",
      currency: "USD",
      minimumFractionDigits: 0,
      maximumFractionDigits: 0,
    }).format(amount)
  }

const formatNumber = (num: number) => {
    return new Intl.NumberFormat("en-US").format(num)
  }

return (
    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
      <Card>
        <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
          <CardTitle className="text-sm font-medium text-slate-600">Company Valuation</CardTitle>
          <DollarSign className="h-4 w-4 text-slate-400" />
        </CardHeader>
        <CardContent>
          <div className="text-2xl font-bold text-slate-900">{formatCurrency(data.totalValuation)}</div>
          <p className="text-xs text-slate-500 mt-1">Post-money valuation</p>
        </CardContent>
      </Card>

<Card>
        <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
          <CardTitle className="text-sm font-medium text-slate-600">Total Stakeholders</CardTitle>
          <Users className="h-4 w-4 text-slate-400" />
        </CardHeader>
        <CardContent>
          <div className="text-2xl font-bold text-slate-900">{data.totalStakeholders}</div>
          <p className="text-xs text-slate-500 mt-1">Founders, employees, investors</p>
        </CardContent>
      </Card>

<Card>
        <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
          <CardTitle className="text-sm font-medium text-slate-600">Outstanding Shares</CardTitle>
          <PieChart className="h-4 w-4 text-slate-400" />
        </CardHeader>
        <CardContent>
          <div className="text-2xl font-bold text-slate-900">{formatNumber(data.totalShares)}</div>
          <p className="text-xs text-slate-500 mt-1">Fully diluted shares</p>
        </CardContent>
      </Card>

<Card>
        <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
          <CardTitle className="text-sm font-medium text-slate-600">Last Round</CardTitle>
          <TrendingUp className="h-4 w-4 text-slate-400" />
        </CardHeader>
        <CardContent>
          <div className="text-2xl font-bold text-slate-900">{formatCurrency(data.lastRoundValuation)}</div>
          <p className="text-xs text-slate-500 mt-1">Series A funding</p>
        </CardContent>
      </Card>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/dashboard/funding-timeline.tsx" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import type React from "react"

import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Button } from "@/components/ui/button"
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Plus, Calendar, DollarSign, TrendingUp } from "lucide-react"
import { useState } from "react"

interface FundingTimelineProps {
  rounds: Array<{
    id: string
    name: string
    type: string
    amount: number
    valuation: number
    date: string
    status: string
  }>
  onAddRound?: (roundData: any) => void
}

export default function FundingTimeline({ rounds, onAddRound }: FundingTimelineProps) {
  const [isAddingRound, setIsAddingRound] = useState(false)
  const [isModalOpen, setIsModalOpen] = useState(false)
  const [formData, setFormData] = useState({
    name: "",
    type: "",
    amount: "",
    preMoneyValuation: "",
    postMoneyValuation: "",
    leadInvestor: "",
    closingDate: "",
  })

const getStatusColor = (status: string) => {
    switch (status) {
      case "closed":
        return "bg-green-100 text-green-800"
      case "in_progress":
        return "bg-yellow-100 text-yellow-800"
      case "planned":
        return "bg-blue-100 text-blue-800"
      default:
        return "bg-slate-100 text-slate-800"
    }
  }

const handleAddRound = () => {
    console.log("[v0] Add Round button clicked")
    setIsModalOpen(true)
  }

const handleSubmit = (e: React.FormEvent) => {
    e.preventDefault()
    setIsAddingRound(true)

setTimeout(() => {
      console.log("[v0] New funding round data:", formData)

if (onAddRound) {
        onAddRound(formData)
      }

setIsAddingRound(false)
      setIsModalOpen(false)
      setFormData({
        name: "",
        type: "",
        amount: "",
        preMoneyValuation: "",
        postMoneyValuation: "",
        leadInvestor: "",
        closingDate: "",
      })
    }, 1000)
  }

return (
    <Card>
      <CardHeader className="flex flex-row items-center justify-between">
        <CardTitle>Funding Timeline</CardTitle>
        <Dialog open={isModalOpen} onOpenChange={setIsModalOpen}>
          <DialogTrigger asChild>
            <Button size="sm" className="bg-blue-600 hover:bg-blue-700" onClick={handleAddRound}>
              <Plus className="w-4 h-4 mr-2" />
              Add Round
            </Button>
          </DialogTrigger>
          <DialogContent className="sm:max-w-[500px]">
            <DialogHeader>
              <DialogTitle>Add New Funding Round</DialogTitle>
            </DialogHeader>
            <form onSubmit={handleSubmit} className="space-y-4">
              <div className="grid grid-cols-2 gap-4">
                <div>
                  <Label htmlFor="name">Round Name</Label>
                  <Input
                    id="name"
                    value={formData.name}
                    onChange={(e) => setFormData({ ...formData, name: e.target.value })}
                    placeholder="e.g., Series A"
                    required
                  />
                </div>
                <div>
                  <Label htmlFor="type">Round Type</Label>
                  <Select value={formData.type} onValueChange={(value) => setFormData({ ...formData, type: value })}>
                    <SelectTrigger>
                      <SelectValue placeholder="Select type" />
                    </SelectTrigger>
                    <SelectContent>
                      <SelectItem value="seed">Seed</SelectItem>
                      <SelectItem value="series-a">Series A</SelectItem>
                      <SelectItem value="series-b">Series B</SelectItem>
                      <SelectItem value="series-c">Series C</SelectItem>
                      <SelectItem value="bridge">Bridge</SelectItem>
                    </SelectContent>
                  </Select>
                </div>
              </div>

<div>
                <Label htmlFor="amount">Investment Amount ($)</Label>
                <Input
                  id="amount"
                  type="number"
                  value={formData.amount}
                  onChange={(e) => setFormData({ ...formData, amount: e.target.value })}
                  placeholder="5000000"
                  required
                />
              </div>

<div className="grid grid-cols-2 gap-4">
                <div>
                  <Label htmlFor="preValuation">Pre-Money Valuation ($)</Label>
                  <Input
                    id="preValuation"
                    type="number"
                    value={formData.preMoneyValuation}
                    onChange={(e) => setFormData({ ...formData, preMoneyValuation: e.target.value })}
                    placeholder="20000000"
                  />
                </div>
                <div>
                  <Label htmlFor="postValuation">Post-Money Valuation ($)</Label>
                  <Input
                    id="postValuation"
                    type="number"
                    value={formData.postMoneyValuation}
                    onChange={(e) => setFormData({ ...formData, postMoneyValuation: e.target.value })}
                    placeholder="25000000"
                  />
                </div>
              </div>

<div>
                <Label htmlFor="leadInvestor">Lead Investor</Label>
                <Input
                  id="leadInvestor"
                  value={formData.leadInvestor}
                  onChange={(e) => setFormData({ ...formData, leadInvestor: e.target.value })}
                  placeholder="Venture Capital Firm"
                />
              </div>

<div>
                <Label htmlFor="closingDate">Expected Closing Date</Label>
                <Input
                  id="closingDate"
                  type="date"
                  value={formData.closingDate}
                  onChange={(e) => setFormData({ ...formData, closingDate: e.target.value })}
                />
              </div>

<div className="flex justify-end space-x-2 pt-4">
                <Button type="button" variant="outline" onClick={() => setIsModalOpen(false)}>
                  Cancel
                </Button>
                <Button type="submit" disabled={isAddingRound}>
                  {isAddingRound ? "Adding..." : "Add Round"}
                </Button>
              </div>
            </form>
          </DialogContent>
        </Dialog>
      </CardHeader>
      <CardContent>
        <div className="space-y-4">
          {rounds.map((round, index) => (
            <div key={round.id} className="flex items-start space-x-4 pb-4 border-b border-slate-100 last:border-b-0">
              <div className="flex-shrink-0 w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center">
                <TrendingUp className="w-5 h-5 text-blue-600" />
              </div>
              <div className="flex-1 min-w-0">
                <div className="flex items-center justify-between">
                  <div>
                    <h4 className="text-sm font-medium text-slate-900">{round.name}</h4>
                    <div className="flex items-center space-x-4 mt-1">
                      <div className="flex items-center text-sm text-slate-500">
                        <DollarSign className="w-4 h-4 mr-1" />
                        {formatCurrency(round.amount)}
                      </div>
                      <div className="flex items-center text-sm text-slate-500">
                        <Calendar className="w-4 h-4 mr-1" />
                        {new Date(round.date).toLocaleDateString()}
                      </div>
                    </div>
                  </div>
                  <Badge className={getStatusColor(round.status)} variant="secondary">
                    {round.status.replace("_", " ")}
                  </Badge>
                </div>
                <div className="mt-2 text-sm text-slate-600">
                  Post-money valuation: {formatCurrency(round.valuation)}
                </div>
              </div>
            </div>
          ))}
        </div>
      </CardContent>
    </Card>
  )
}
[V0_FILE]typescriptreact:file="components/dashboard/stakeholders-table.tsx" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import type React from "react"

import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Badge } from "@/components/ui/badge"
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Plus, MoreHorizontal } from "lucide-react"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"
import { useState } from "react"

interface StakeholdersTableProps {
  stakeholders: Array<{
    id: string
    name: string
    email: string
    type: string
    shares: number
    percentage: number
    shareClass: string
  }>
  onAddStakeholder?: (stakeholderData: any) => void
}

export default function StakeholdersTable({ stakeholders, onAddStakeholder }: StakeholdersTableProps) {
  const [isAddingStakeholder, setIsAddingStakeholder] = useState(false)
  const [isModalOpen, setIsModalOpen] = useState(false)
  const [formData, setFormData] = useState({
    name: "",
    email: "",
    type: "",
    shareClass: "",
    shares: "",
    grantDate: "",
    exercisePrice: "",
    vestingSchedule: "",
  })

const getTypeColor = (type: string) => {
    switch (type) {
      case "founder":
        return "bg-blue-100 text-blue-800"
      case "employee":
        return "bg-green-100 text-green-800"
      case "investor":
        return "bg-purple-100 text-purple-800"
      case "advisor":
        return "bg-orange-100 text-orange-800"
      default:
        return "bg-slate-100 text-slate-800"
    }
  }

const handleAddStakeholder = () => {
    console.log("[v0] Add Stakeholder button clicked")
    setIsModalOpen(true)
  }

const handleSubmit = (e: React.FormEvent) => {
    e.preventDefault()
    setIsAddingStakeholder(true)

setTimeout(() => {
      console.log("[v0] New stakeholder data:", formData)

if (onAddStakeholder) {
        onAddStakeholder(formData)
      }

setIsAddingStakeholder(false)
      setIsModalOpen(false)
      setFormData({
        name: "",
        email: "",
        type: "",
        shareClass: "",
        shares: "",
        grantDate: "",
        exercisePrice: "",
        vestingSchedule: "",
      })
    }, 1000)
  }

return (
    <Card>
      <CardHeader className="flex flex-row items-center justify-between">
        <CardTitle>Stakeholders</CardTitle>
        <Dialog open={isModalOpen} onOpenChange={setIsModalOpen}>
          <DialogTrigger asChild>
            <Button size="sm" className="bg-blue-600 hover:bg-blue-700" onClick={handleAddStakeholder}>
              <Plus className="w-4 h-4 mr-2" />
              Add Stakeholder
            </Button>
          </DialogTrigger>
          <DialogContent className="sm:max-w-[500px]">
            <DialogHeader>
              <DialogTitle>Add New Stakeholder</DialogTitle>
            </DialogHeader>
            <form onSubmit={handleSubmit} className="space-y-4">
              <div className="grid grid-cols-2 gap-4">
                <div>
                  <Label htmlFor="name">Full Name</Label>
                  <Input
                    id="name"
                    value={formData.name}
                    onChange={(e) => setFormData({ ...formData, name: e.target.value })}
                    placeholder="John Doe"
                    required
                  />
                </div>
                <div>
                  <Label htmlFor="email">Email Address</Label>
                  <Input
                    id="email"
                    type="email"
                    value={formData.email}
                    onChange={(e) => setFormData({ ...formData, email: e.target.value })}
                    placeholder="john@example.com"
                    required
                  />
                </div>
              </div>

<div className="grid grid-cols-2 gap-4">
                <div>
                  <Label htmlFor="type">Stakeholder Type</Label>
                  <Select value={formData.type} onValueChange={(value) => setFormData({ ...formData, type: value })}>
                    <SelectTrigger>
                      <SelectValue placeholder="Select type" />
                    </SelectTrigger>
                    <SelectContent>
                      <SelectItem value="founder">Founder</SelectItem>
                      <SelectItem value="employee">Employee</SelectItem>
                      <SelectItem value="investor">Investor</SelectItem>
                      <SelectItem value="advisor">Advisor</SelectItem>
                    </SelectContent>
                  </Select>
                </div>
                <div>
                  <Label htmlFor="shareClass">Share Class</Label>
                  <Select
                    value={formData.shareClass}
                    onValueChange={(value) => setFormData({ ...formData, shareClass: value })}
                  >
                    <SelectTrigger>
                      <SelectValue placeholder="Select class" />
                    </SelectTrigger>
                    <SelectContent>
                      <SelectItem value="common">Common Stock</SelectItem>
                      <SelectItem value="preferred">Preferred Stock</SelectItem>
                      <SelectItem value="options">Stock Options</SelectItem>
                    </SelectContent>
                  </Select>
                </div>
              </div>

<div>
                <Label htmlFor="shares">Number of Shares</Label>
                <Input
                  id="shares"
                  type="number"
                  value={formData.shares}
                  onChange={(e) => setFormData({ ...formData, shares: e.target.value })}
                  placeholder="10000"
                  required
                />
              </div>

<div className="grid grid-cols-2 gap-4">
                <div>
                  <Label htmlFor="grantDate">Grant Date</Label>
                  <Input
                    id="grantDate"
                    type="date"
                    value={formData.grantDate}
                    onChange={(e) => setFormData({ ...formData, grantDate: e.target.value })}
                  />
                </div>
                <div>
                  <Label htmlFor="exercisePrice">Exercise Price ($)</Label>
                  <Input
                    id="exercisePrice"
                    type="number"
                    step="0.01"
                    value={formData.exercisePrice}
                    onChange={(e) => setFormData({ ...formData, exercisePrice: e.target.value })}
                    placeholder="1.00"
                  />
                </div>
              </div>

<div>
                <Label htmlFor="vestingSchedule">Vesting Schedule</Label>
                <Select
                  value={formData.vestingSchedule}
                  onValueChange={(value) => setFormData({ ...formData, vestingSchedule: value })}
                >
                  <SelectTrigger>
                    <SelectValue placeholder="Select vesting" />
                  </SelectTrigger>
                  <SelectContent>
                    <SelectItem value="4-year-1-cliff">4 years, 1 year cliff</SelectItem>
                    <SelectItem value="3-year-1-cliff">3 years, 1 year cliff</SelectItem>
                    <SelectItem value="immediate">Immediate vesting</SelectItem>
                    <SelectItem value="custom">Custom schedule</SelectItem>
                  </SelectContent>
                </Select>
              </div>

<div className="flex justify-end space-x-2 pt-4">
                <Button type="button" variant="outline" onClick={() => setIsModalOpen(false)}>
                  Cancel
                </Button>
                <Button type="submit" disabled={isAddingStakeholder}>
                  {isAddingStakeholder ? "Adding..." : "Add Stakeholder"}
                </Button>
              </div>
            </form>
          </DialogContent>
        </Dialog>
      </CardHeader>
      <CardContent>
        <Table>
          <TableHeader>
            <TableRow>
              <TableHead>Name</TableHead>
              <TableHead>Type</TableHead>
              <TableHead>Share Class</TableHead>
              <TableHead className="text-right">Shares</TableHead>
              <TableHead className="text-right">Ownership %</TableHead>
              <TableHead className="w-[50px]"></TableHead>
            </TableRow>
          </TableHeader>
          <TableBody>
            {stakeholders.map((stakeholder) => (
              <TableRow key={stakeholder.id}>
                <TableCell>
                  <div>
                    <div className="font-medium text-slate-900">{stakeholder.name}</div>
                    <div className="text-sm text-slate-500">{stakeholder.email}</div>
                  </div>
                </TableCell>
                <TableCell>
                  <Badge className={getTypeColor(stakeholder.type)} variant="secondary">
                    {stakeholder.type}
                  </Badge>
                </TableCell>
                <TableCell className="text-slate-600">{stakeholder.shareClass}</TableCell>
                <TableCell className="text-right font-mono">{stakeholder.shares.toLocaleString()}</TableCell>
                <TableCell className="text-right font-mono">{stakeholder.percentage.toFixed(2)}%</TableCell>
                <TableCell>
                  <DropdownMenu>
                    <DropdownMenuTrigger asChild>
                      <Button variant="ghost" size="sm">
                        <MoreHorizontal className="w-4 h-4" />
                      </Button>
                    </DropdownMenuTrigger>
                    <DropdownMenuContent align="end">
                      <DropdownMenuItem>Edit</DropdownMenuItem>
                      <DropdownMenuItem>View Details</DropdownMenuItem>
                      <DropdownMenuItem className="text-red-600">Remove</DropdownMenuItem>
                    </DropdownMenuContent>
                  </DropdownMenu>
                </TableCell>
              </TableRow>
            ))}
          </TableBody>
        </Table>
      </CardContent>
    </Card>
  )
}
[V0_FILE]typescriptreact:file="app/dashboard/cap-table/page.tsx" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import { useState } from "react"

import { useAppContext } from "@/lib/context/app-context"
import DashboardLayout from "@/components/dashboard/dashboard-layout"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Badge } from "@/components/ui/badge"
import { Plus, Download, Calculator, TrendingUp, Users, PieChart } from "lucide-react"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { Progress } from "@/components/ui/progress"
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"

export default function CapTablePage() {
  const { user, company, stakeholders, fundingRounds, shareClasses, addStakeholder, updateShareClass, calculations } =
    useAppContext()

const [isAddStakeholderOpen, setIsAddStakeholderOpen] = useState(false)
  const [isModelRoundOpen, setIsModelRoundOpen] = useState(false)
  const [isEditShareClassOpen, setIsEditShareClassOpen] = useState(false)
  const [editingShareClass, setEditingShareClass] = useState(null)
  const [isLoading, setIsLoading] = useState(false)

const capTableData = stakeholders.map((stakeholder) => ({
    stakeholder: stakeholder.name,
    type: stakeholder.type,
    shareClass: stakeholder.shareClass,
    sharesOwned: stakeholder.shares,
    percentage: stakeholder.percentage,
    fullyDilutedPercentage: stakeholder.fullyDilutedPercentage || stakeholder.percentage,
    vestingStatus: stakeholder.vestingStatus || "0% vested",
    vestingProgress: stakeholder.vestingProgress || 0,
    grantDate: stakeholder.grantDate,
    vestingCliff: stakeholder.vestingCliff || "1 year",
    vestingSchedule: stakeholder.vestingSchedule || "4 years",
    exercisePrice: stakeholder.exercisePrice || 0,
  }))

const handleExport = () => {
    console.log("[v0] Export button clicked")
    const csvContent = [
      ["Stakeholder", "Type", "Share Class", "Shares Owned", "Ownership %", "Fully Diluted %", "Vesting Status"],
      ...stakeholders.map((row) => [
        row.name,
        row.type,
        row.shareClass,
        row.shares,
        row.percentage > 0 ? `${row.percentage.toFixed(1)}%` : "-",
        `${row.fullyDilutedPercentage.toFixed(1)}%`,
        row.vestingStatus,
      ]),
    ]
      .map((row) => row.join(","))
      .join("\n")

const blob = new Blob([csvContent], { type: "text/csv" })
    const url = window.URL.createObjectURL(blob)
    const a = document.createElement("a")
    a.href = url
    a.download = "cap-table.csv"
    a.click()
    window.URL.revokeObjectURL(url)
  }

const handleAddStakeholder = async (formData) => {
    setIsLoading(true)
    console.log("[v0] Adding new stakeholder:", formData)

const newStakeholder = {
      id: Date.now().toString(),
      name: formData.name,
      email: formData.email || `${formData.name.toLowerCase().replace(" ", ".")}@company.com`,
      type: formData.type,
      shareClass: formData.shareClass,
      shares: Number.parseInt(formData.shares),
      percentage: (Number.parseInt(formData.shares) / calculations.totalOutstandingShares) * 100,
      fullyDilutedPercentage: (Number.parseInt(formData.shares) / calculations.fullyDilutedShares) * 100,
      vestingStatus: formData.type === "investor" ? "Fully vested" : "0% vested",
      vestingProgress: formData.type === "investor" ? 100 : 0,
      grantDate: formData.grantDate,
      vestingCliff: formData.type === "investor" ? "N/A" : "1 year",
      vestingSchedule: formData.type === "investor" ? "N/A" : "4 years",
      exercisePrice: Number.parseFloat(formData.exercisePrice) || 0,
      joinDate: formData.grantDate,
      status: "active",
      phone: "",
      address: "",
    }

addStakeholder(newStakeholder)
    setIsAddStakeholderOpen(false)
    setIsLoading(false)
    console.log("[v0] Added new stakeholder to global state:", formData.name)
  }

const handleEditShareClass = (shareClass) => {
    console.log("[v0] Edit share class clicked:", shareClass.name)
    setEditingShareClass(shareClass)
    setIsEditShareClassOpen(true)
  }

const handleSaveShareClass = (updates) => {
    if (editingShareClass) {
      updateShareClass(editingShareClass.id, updates)
      setIsEditShareClassOpen(false)
      setEditingShareClass(null)
    }
  }

const getTypeColor = (type) => {
    switch (type) {
      case "founder":
        return "bg-blue-100 text-blue-800"
      case "employee":
        return "bg-green-100 text-green-800"
      case "investor":
        return "bg-purple-100 text-purple-800"
      case "pool":
        return "bg-orange-100 text-orange-800"
      default:
        return "bg-slate-100 text-slate-800"
    }
  }

if (!user) {
    return <div>Loading...</div>
  }

return (
    <DashboardLayout user={user} company={company}>
      <div className="space-y-6">
        {/* Header */}
        <div className="flex items-center justify-between">
          <div>
            <h1 className="text-2xl font-bold text-slate-900">Cap Table</h1>
            <p className="text-slate-600">Current ownership structure and equity distribution</p>
          </div>
          <div className="flex space-x-3">
            <Button variant="outline" onClick={handleExport}>
              <Download className="w-4 h-4 mr-2" />
              Export
            </Button>
            <Dialog open={isModelRoundOpen} onOpenChange={setIsModelRoundOpen}>
              <DialogTrigger asChild>
                <Button variant="outline">
                  <Calculator className="w-4 h-4 mr-2" />
                  Model Round
                </Button>
              </DialogTrigger>
              <DialogContent className="max-w-md">
                <DialogHeader>
                  <DialogTitle>Model Funding Round</DialogTitle>
                </DialogHeader>
                <div className="space-y-4">
                  <p className="text-sm text-slate-600">
                    This feature allows you to model the impact of a new funding round on your cap table, including
                    dilution effects and new ownership percentages.
                  </p>
                  <div className="space-y-3">
                    <div>
                      <Label htmlFor="round-amount">Investment Amount ($)</Label>
                      <Input id="round-amount" placeholder="5,000,000" />
                    </div>
                    <div>
                      <Label htmlFor="pre-money">Pre-money Valuation ($)</Label>
                      <Input id="pre-money" placeholder="20,000,000" />
                    </div>
                    <div>
                      <Label htmlFor="round-type">Round Type</Label>
                      <Select>
                        <SelectTrigger>
                          <SelectValue placeholder="Select round type" />
                        </SelectTrigger>
                        <SelectContent>
                          <SelectItem value="seed">Seed</SelectItem>
                          <SelectItem value="series-a">Series A</SelectItem>
                          <SelectItem value="series-b">Series B</SelectItem>
                          <SelectItem value="series-c">Series C</SelectItem>
                        </SelectContent>
                      </Select>
                    </div>
                  </div>
                  <Button className="w-full" onClick={() => setIsModelRoundOpen(false)}>
                    Run Model
                  </Button>
                </div>
              </DialogContent>
            </Dialog>
            <Dialog open={isAddStakeholderOpen} onOpenChange={setIsAddStakeholderOpen}>
              <DialogTrigger asChild>
                <Button className="bg-blue-600 hover:bg-blue-700">
                  <Plus className="w-4 h-4 mr-2" />
                  Add Stakeholder
                </Button>
              </DialogTrigger>
              <DialogContent className="max-w-md">
                <DialogHeader>
                  <DialogTitle>Add New Stakeholder</DialogTitle>
                </DialogHeader>
                <form
                  onSubmit={(e) => {
                    e.preventDefault()
                    const formData = new FormData(e.target)
                    handleAddStakeholder({
                      name: formData.get("name"),
                      email: formData.get("email"),
                      type: formData.get("type"),
                      shareClass: formData.get("shareClass"),
                      shares: formData.get("shares"),
                      grantDate: formData.get("grantDate"),
                      exercisePrice: formData.get("exercisePrice"),
                    })
                  }}
                  className="space-y-4"
                >
                  <div className="space-y-3">
                    <div>
                      <Label htmlFor="name">Full Name</Label>
                      <Input id="name" name="name" required />
                    </div>
                    <div>
                      <Label htmlFor="email">Email</Label>
                      <Input id="email" name="email" />
                    </div>
                    <div>
                      <Label htmlFor="type">Stakeholder Type</Label>
                      <Select name="type" required>
                        <SelectTrigger>
                          <SelectValue placeholder="Select type" />
                        </SelectTrigger>
                        <SelectContent>
                          <SelectItem value="founder">Founder</SelectItem>
                          <SelectItem value="employee">Employee</SelectItem>
                          <SelectItem value="investor">Investor</SelectItem>
                          <SelectItem value="advisor">Advisor</SelectItem>
                        </SelectContent>
                      </Select>
                    </div>
                    <div>
                      <Label htmlFor="shareClass">Share Class</Label>
                      <Select name="shareClass" required>
                        <SelectTrigger>
                          <SelectValue placeholder="Select share class" />
                        </SelectTrigger>
                        <SelectContent>
                          {shareClasses.map((shareClass) => (
                            <SelectItem key={shareClass.id} value={shareClass.name}>
                              {shareClass.name}
                            </SelectItem>
                          ))}
                        </SelectContent>
                      </Select>
                    </div>
                    <div>
                      <Label htmlFor="shares">Number of Shares</Label>
                      <Input id="shares" name="shares" type="number" required />
                    </div>
                    <div>
                      <Label htmlFor="grantDate">Grant Date</Label>
                      <Input id="grantDate" name="grantDate" type="date" required />
                    </div>
                    <div>
                      <Label htmlFor="exercisePrice">Exercise Price ($)</Label>
                      <Input id="exercisePrice" name="exercisePrice" type="number" step="0.001" />
                    </div>
                  </div>
                  <Button type="submit" className="w-full" disabled={isLoading}>
                    {isLoading ? "Adding..." : "Add Stakeholder"}
                  </Button>
                </form>
              </DialogContent>
            </Dialog>
          </div>
        </div>

<Card>
            <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
              <CardTitle className="text-sm font-medium">Fully Diluted</CardTitle>
              <TrendingUp className="h-4 w-4 text-muted-foreground" />
            </CardHeader>
            <CardContent>
              <div className="text-2xl font-bold">{calculations.fullyDilutedShares.toLocaleString()}</div>
              <p className="text-xs text-muted-foreground">Including option pool</p>
            </CardContent>
          </Card>

<Card>
            <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
              <CardTitle className="text-sm font-medium">Available Options</CardTitle>
              <Users className="h-4 w-4 text-muted-foreground" />
            </CardHeader>
            <CardContent>
              <div className="text-2xl font-bold">{calculations.availableOptions.toLocaleString()}</div>
              <p className="text-xs text-muted-foreground">Unallocated from pool</p>
            </CardContent>
          </Card>

<Card>
            <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
              <CardTitle className="text-sm font-medium">Total Stakeholders</CardTitle>
              <Users className="h-4 w-4 text-muted-foreground" />
            </CardHeader>
            <CardContent>
              <div className="text-2xl font-bold">{calculations.totalStakeholders}</div>
              <p className="text-xs text-muted-foreground">Active stakeholders</p>
            </CardContent>
          </Card>
        </div>

<Tabs defaultValue="ownership" className="space-y-6">
          <TabsList>
            <TabsTrigger value="ownership">Ownership Breakdown</TabsTrigger>
            <TabsTrigger value="vesting">Vesting Details</TabsTrigger>
            <TabsTrigger value="share-classes">Share Classes</TabsTrigger>
          </TabsList>

<TabsContent value="ownership">
            <Card>
              <CardHeader>
                <CardTitle>Current Ownership Structure</CardTitle>
              </CardHeader>
              <CardContent>
                <Table>
                  <TableHeader>
                    <TableRow>
                      <TableHead>Stakeholder</TableHead>
                      <TableHead>Type</TableHead>
                      <TableHead>Share Class</TableHead>
                      <TableHead className="text-right">Shares Owned</TableHead>
                      <TableHead className="text-right">Ownership %</TableHead>
                      <TableHead className="text-right">Fully Diluted %</TableHead>
                      <TableHead>Status</TableHead>
                    </TableRow>
                  </TableHeader>
                  <TableBody>
                    {capTableData.map((row, index) => (
                      <TableRow key={index}>
                        <TableCell className="font-medium text-slate-900">{row.stakeholder}</TableCell>
                        <TableCell>
                          <Badge className={getTypeColor(row.type)} variant="secondary">
                            {row.type}
                          </Badge>
                        </TableCell>
                        <TableCell className="text-slate-600">{row.shareClass}</TableCell>
                        <TableCell className="text-right font-mono">{row.sharesOwned.toLocaleString()}</TableCell>
                        <TableCell className="text-right font-mono">
                          {row.percentage > 0 ? `${row.percentage.toFixed(1)}%` : "-"}
                        </TableCell>
                        <TableCell className="text-right font-mono">{row.fullyDilutedPercentage.toFixed(1)}%</TableCell>
                        <TableCell>
                          <span className="text-sm text-slate-600">{row.vestingStatus}</span>
                        </TableCell>
                      </TableRow>
                    ))}
                  </TableBody>
                </Table>
              </CardContent>
            </Card>
          </TabsContent>

<TabsContent value="vesting">
            <Card>
              <CardHeader>
                <CardTitle>Vesting Schedule Details</CardTitle>
              </CardHeader>
              <CardContent>
                <Table>
                  <TableHeader>
                    <TableRow>
                      <TableHead>Stakeholder</TableHead>
                      <TableHead>Grant Date</TableHead>
                      <TableHead>Vesting Schedule</TableHead>
                      <TableHead>Cliff Period</TableHead>
                      <TableHead>Exercise Price</TableHead>
                      <TableHead>Progress</TableHead>
                      <TableHead>Vested Shares</TableHead>
                    </TableRow>
                  </TableHeader>
                  <TableBody>
                    {capTableData
                      .filter((row) => row.type !== "pool")
                      .map((row, index) => (
                        <TableRow key={index}>
                          <TableCell className="font-medium">{row.stakeholder}</TableCell>
                          <TableCell>{new Date(row.grantDate).toLocaleDateString()}</TableCell>
                          <TableCell>{row.vestingSchedule}</TableCell>
                          <TableCell>{row.vestingCliff}</TableCell>
                          <TableCell className="font-mono">${row.exercisePrice.toFixed(3)}</TableCell>
                          <TableCell>
                            <div className="flex items-center space-x-2">
                              <Progress value={row.vestingProgress} className="w-16" />
                              <span className="text-sm text-slate-600">{row.vestingProgress}%</span>
                            </div>
                          </TableCell>
                          <TableCell className="font-mono">
                            {Math.floor((row.sharesOwned * row.vestingProgress) / 100).toLocaleString()}
                          </TableCell>
                        </TableRow>
                      ))}
                  </TableBody>
                </Table>
              </CardContent>
            </Card>
          </TabsContent>

<TabsContent value="share-classes">
            <Card>
              <CardHeader>
                <CardTitle>Share Class Configuration</CardTitle>
              </CardHeader>
              <CardContent>
                <div className="space-y-6">
                  {shareClasses.map((shareClass, index) => (
                    <div key={index} className="p-4 border rounded-lg">
                      <div className="flex items-center justify-between mb-4">
                        <h3 className="text-lg font-semibold">{shareClass.name}</h3>
                        <Button variant="outline" size="sm" onClick={() => handleEditShareClass(shareClass)}>
                          Edit
                        </Button>
                      </div>
                      <div className="grid grid-cols-2 md:grid-cols-5 gap-4 text-sm">
                        <div>
                          <p className="text-slate-600">Authorized</p>
                          <p className="font-semibold">{shareClass.totalShares.toLocaleString()}</p>
                        </div>
                        <div>
                          <p className="text-slate-600">Outstanding</p>
                          <p className="font-semibold">{shareClass.outstandingShares.toLocaleString()}</p>
                        </div>
                        <div>
                          <p className="text-slate-600">Voting Rights</p>
                          <p className="font-semibold">{shareClass.votingRights}</p>
                        </div>
                        <div>
                          <p className="text-slate-600">Liquidation Pref</p>
                          <p className="font-semibold">{shareClass.liquidationPreference}</p>
                        </div>
                        <div>
                          <p className="text-slate-600">Dividend Rights</p>
                          <p className="font-semibold">{shareClass.dividendRights}</p>
                        </div>
                      </div>
                    </div>
                  ))}
                </div>
              </CardContent>
            </Card>
          </TabsContent>
        </Tabs>

<Dialog open={isEditShareClassOpen} onOpenChange={setIsEditShareClassOpen}>
          <DialogContent className="max-w-md">
            <DialogHeader>
              <DialogTitle>Edit Share Class</DialogTitle>
            </DialogHeader>
            {editingShareClass && (
              <form
                onSubmit={(e) => {
                  e.preventDefault()
                  const formData = new FormData(e.target)
                  handleSaveShareClass({
                    totalShares: Number.parseInt(formData.get("authorizedShares")),
                    votingRights: formData.get("votingRights"),
                    liquidationPreference: formData.get("liquidationPref"),
                    dividendRights: formData.get("dividendRights"),
                  })
                }}
                className="space-y-4"
              >
                <p className="text-sm text-slate-600">Editing configuration for {editingShareClass.name}</p>
                <div className="space-y-3">
                  <div>
                    <Label htmlFor="authorized-shares">Authorized Shares</Label>
                    <Input
                      id="authorized-shares"
                      name="authorizedShares"
                      type="number"
                      defaultValue={editingShareClass.totalShares}
                    />
                  </div>
                  <div>
                    <Label htmlFor="voting-rights">Voting Rights</Label>
                    <Input id="voting-rights" name="votingRights" defaultValue={editingShareClass.votingRights} />
                  </div>
                  <div>
                    <Label htmlFor="liquidation-pref">Liquidation Preference</Label>
                    <Input
                      id="liquidation-pref"
                      name="liquidationPref"
                      defaultValue={editingShareClass.liquidationPreference}
                    />
                  </div>
                  <div>
                    <Label htmlFor="dividend-rights">Dividend Rights</Label>
                    <Input id="dividend-rights" name="dividendRights" defaultValue={editingShareClass.dividendRights} />
                  </div>
                </div>
                <Button type="submit" className="w-full">
                  Save Changes
                </Button>
              </form>
            )}
          </DialogContent>
        </Dialog>
      </div>
    </DashboardLayout>
  )
}
[V0_FILE]typescriptreact:file="components/theme-provider.tsx" isMerged="true"
"use client"
import { ThemeProvider as NextThemesProvider } from "next-themes"
import type { ThemeProviderProps } from "next-themes"

export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
  return <NextThemesProvider {...props}>{children}</NextThemesProvider>
}
[V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" isMerged="true"
import type React from "react"
import type { Metadata } from "next"
import { GeistSans } from "geist/font/sans"
import { GeistMono } from "geist/font/mono"
import { Manrope } from "next/font/google"
import "./globals.css"
import { AppProvider } from "@/lib/context/app-context"
import { ThemeProvider } from "@/components/theme-provider"

const geistSans = GeistSans
const geistMono = GeistMono
const manrope = Manrope({ subsets: ["latin"] })

export const metadata: Metadata = {
  title: "CapTable Pro - Equity Management Platform",
  description: "Professional cap table management for startups",
  generator: "v0.app",
}

export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <html
      lang="en"
      className={`${geistSans.variable} ${geistMono.variable} ${manrope.variable} antialiased`}
      suppressHydrationWarning
    >
      <body>
        <ThemeProvider attribute="class" defaultTheme="light" enableSystem={false} disableTransitionOnChange>
          <AppProvider>{children}</AppProvider>
        </ThemeProvider>
      </body>
    </html>
  )
}
[V0_FILE]typescriptreact:file="app/dashboard/scenarios/page.tsx" isEdit="true" isMerged="true"
"use client"

import { useAppContext } from "@/lib/context/app-context"
import DashboardLayout from "@/components/dashboard/dashboard-layout"
import ScenariosClient from "./scenarios-client"

export default function ScenariosPage() {
  const { user, company } = useAppContext()

return (
    <DashboardLayout user={user} company={company}>
      <ScenariosClient />
    </DashboardLayout>
  )
}
[V0_FILE]typescriptreact:file="app/dashboard/settings/page.tsx" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import { useState } from "react"
import { useAppContext } from "@/lib/context/app-context"
import DashboardLayout from "@/components/dashboard/dashboard-layout"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/ui/textarea"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Switch } from "@/components/ui/switch"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { Separator } from "@/components/ui/separator"
import { Badge } from "@/components/ui/badge"
import { Building2, Users, Bell, Shield, CreditCard, Download, UserPlus, Mail, MoreVertical } from "lucide-react"
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogHeader,
  DialogTitle,
  DialogTrigger,
} from "@/components/ui/dialog"

export default function SettingsPage() {
  const { user, company, updateCompany, stakeholders, fundingRounds } = useAppContext()
  const [isLoading, setIsLoading] = useState(false)
  const [companyData, setCompanyData] = useState({
    name: company.name,
    legalName: "TechStartup Incorporated",
    incorporationDate: "2022-01-15",
    jurisdiction: "delaware",
    ein: "12-3456789",
    industry: "saas",
    address: "123 Main Street\nSan Francisco, CA 94105\nUnited States",
  })
  const [showInviteDialog, setShowInviteDialog] = useState(false)
  const [inviteEmail, setInviteEmail] = useState("")
  const [inviteRole, setInviteRole] = useState("member")

const saveCompanySettings = async () => {
    setIsLoading(true)
    console.log("[v0] Saving company settings:", companyData)

// Simulate API call
    await new Promise((resolve) => setTimeout(resolve, 1000))

updateCompany({ ...company, ...companyData })
    setIsLoading(false)
    alert("Company settings saved successfully!")
  }

const exportAllData = async () => {
    setIsLoading(true)
    console.log("[v0] Exporting all cap table data")

const exportData = {
      company: companyData,
      stakeholders,
      fundingRounds,
      exportedAt: new Date().toISOString(),
      exportedBy: user.user_metadata?.full_name || "Demo User",
    }

const blob = new Blob([JSON.stringify(exportData, null, 2)], { type: "application/json" })
    const url = URL.createObjectURL(blob)
    const a = document.createElement("a")
    a.href = url
    a.download = `cap_table_export_${Date.now()}.json`
    document.body.appendChild(a)
    a.click()
    document.body.removeChild(a)
    URL.revokeObjectURL(url)

setIsLoading(false)
  }

const inviteMember = async () => {
    setIsLoading(true)
    console.log("[v0] Inviting member:", { email: inviteEmail, role: inviteRole })

// Simulate API call
    await new Promise((resolve) => setTimeout(resolve, 1000))

alert(`Invitation sent to ${inviteEmail}`)
    setInviteEmail("")
    setInviteRole("member")
    setShowInviteDialog(false)
    setIsLoading(false)
  }

const removeMember = async (memberId: string, memberName: string) => {
    if (confirm(`Remove ${memberName} from the company?`)) {
      console.log("[v0] Removing member:", memberId)
      alert(`${memberName} has been removed from the company`)
    }
  }

const changeRole = async (memberId: string, memberName: string, newRole: string) => {
    console.log("[v0] Changing role:", { memberId, newRole })
    alert(`${memberName}'s role changed to ${newRole}`)
  }

return (
    <DashboardLayout user={user} company={company}>
      <div className="space-y-6">
        {/* Header */}
        <div>
          <h1 className="text-2xl font-bold text-slate-900">Settings</h1>
          <p className="text-slate-600">Manage your company and account settings</p>
        </div>

{/* Settings Tabs */}
        <Tabs defaultValue="company" className="space-y-6">
          <TabsList className="grid w-full grid-cols-5">
            <TabsTrigger value="company">Company</TabsTrigger>
            <TabsTrigger value="users">Users</TabsTrigger>
            <TabsTrigger value="notifications">Notifications</TabsTrigger>
            <TabsTrigger value="security">Security</TabsTrigger>
            <TabsTrigger value="billing">Billing</TabsTrigger>
          </TabsList>

{/* Company Settings */}
          <TabsContent value="company" className="space-y-6">
            <Card>
              <CardHeader>
                <CardTitle className="flex items-center space-x-2">
                  <Building2 className="w-5 h-5" />
                  <span>Company Information</span>
                </CardTitle>
                <CardDescription>Update your company details and incorporation information</CardDescription>
              </CardHeader>
              <CardContent className="space-y-4">
                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                  <div className="space-y-2">
                    <Label htmlFor="company-name">Company Name</Label>
                    <Input
                      id="company-name"
                      value={companyData.name}
                      onChange={(e) => setCompanyData({ ...companyData, name: e.target.value })}
                    />
                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="legal-name">Legal Name</Label>
                    <Input
                      id="legal-name"
                      value={companyData.legalName}
                      onChange={(e) => setCompanyData({ ...companyData, legalName: e.target.value })}
                    />
                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="incorporation-date">Incorporation Date</Label>
                    <Input
                      id="incorporation-date"
                      type="date"
                      value={companyData.incorporationDate}
                      onChange={(e) => setCompanyData({ ...companyData, incorporationDate: e.target.value })}
                    />
                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="jurisdiction">Jurisdiction</Label>
                    <Select
                      value={companyData.jurisdiction}
                      onValueChange={(value) => setCompanyData({ ...companyData, jurisdiction: value })}
                    >
                      <SelectTrigger>
                        <SelectValue />
                      </SelectTrigger>
                      <SelectContent>
                        <SelectItem value="delaware">Delaware</SelectItem>
                        <SelectItem value="california">California</SelectItem>
                        <SelectItem value="new-york">New York</SelectItem>
                        <SelectItem value="texas">Texas</SelectItem>
                      </SelectContent>
                    </Select>
                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="ein">EIN</Label>
                    <Input
                      id="ein"
                      value={companyData.ein}
                      onChange={(e) => setCompanyData({ ...companyData, ein: e.target.value })}
                    />
                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="industry">Industry</Label>
                    <Select
                      value={companyData.industry}
                      onValueChange={(value) => setCompanyData({ ...companyData, industry: value })}
                    >
                      <SelectTrigger>
                        <SelectValue />
                      </SelectTrigger>
                      <SelectContent>
                        <SelectItem value="saas">SaaS</SelectItem>
                        <SelectItem value="fintech">FinTech</SelectItem>
                        <SelectItem value="healthtech">HealthTech</SelectItem>
                        <SelectItem value="ecommerce">E-commerce</SelectItem>
                        <SelectItem value="other">Other</SelectItem>
                      </SelectContent>
                    </Select>
                  </div>
                </div>
                <div className="space-y-2">
                  <Label htmlFor="address">Business Address</Label>
                  <Textarea
                    id="address"
                    value={companyData.address}
                    onChange={(e) => setCompanyData({ ...companyData, address: e.target.value })}
                  />
                </div>
                <Button onClick={saveCompanySettings} disabled={isLoading}>
                  {isLoading ? "Saving..." : "Save Changes"}
                </Button>
              </CardContent>
            </Card>

<Card>
              <CardHeader>
                <CardTitle>Share Classes Configuration</CardTitle>
                <CardDescription>Manage your company's share classes and their properties</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="space-y-4">
                  <div className="flex items-center justify-between p-4 border rounded-lg">
                    <div>
                      <h4 className="font-medium">Common Stock</h4>
                      <p className="text-sm text-slate-600">Standard equity shares with voting rights</p>
                    </div>
                    <div className="flex items-center space-x-2">
                      <Badge>Active</Badge>
                      <Button variant="outline" size="sm">
                        Edit
                      </Button>
                    </div>
                  </div>
                  <div className="flex items-center justify-between p-4 border rounded-lg">
                    <div>
                      <h4 className="font-medium">Series A Preferred</h4>
                      <p className="text-sm text-slate-600">Preferred shares with liquidation preference</p>
                    </div>
                    <div className="flex items-center space-x-2">
                      <Badge>Active</Badge>
                      <Button variant="outline" size="sm">
                        Edit
                      </Button>
                    </div>
                  </div>
                  <Button variant="outline">
                    <Building2 className="w-4 h-4 mr-2" />
                    Add Share Class
                  </Button>
                </div>
              </CardContent>
            </Card>
          </TabsContent>

{/* Users Settings */}
          <TabsContent value="users" className="space-y-6">
            <Card>
              <CardHeader>
                <CardTitle className="flex items-center space-x-2">
                  <Users className="w-5 h-5" />
                  <span>Company Members</span>
                </CardTitle>
                <CardDescription>Manage who has access to your company's cap table</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="space-y-4">
                  <div className="flex items-center justify-between p-4 border rounded-lg">
                    <div className="flex items-center space-x-3">
                      <div className="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center">
                        <span className="text-sm font-medium text-blue-700">
                          {user?.user_metadata?.full_name
                            ?.split(" ")
                            .map((n) => n[0])
                            .join("") || "U"}
                        </span>
                      </div>
                      <div>
                        <p className="font-medium">{user?.user_metadata?.full_name || "Current User"}</p>
                        <p className="text-sm text-slate-600">{user?.email}</p>
                      </div>
                    </div>
                    <div className="flex items-center space-x-2">
                      <Badge className="bg-yellow-100 text-yellow-800">Owner</Badge>
                    </div>
                  </div>

<div className="flex items-center justify-between p-4 border rounded-lg">
                    <div className="flex items-center space-x-3">
                      <div className="w-10 h-10 bg-green-100 rounded-full flex items-center justify-center">
                        <span className="text-sm font-medium text-green-700">SC</span>
                      </div>
                      <div>
                        <p className="font-medium">Sarah Chen</p>
                        <p className="text-sm text-slate-600">sarah@techstartup.com</p>
                      </div>
                    </div>
                    <div className="flex items-center space-x-2">
                      <Badge className="bg-blue-100 text-blue-800">Admin</Badge>
                      <DropdownMenu>
                        <DropdownMenuTrigger asChild>
                          <Button variant="ghost" size="sm">
                            <MoreVertical className="w-4 h-4" />
                          </Button>
                        </DropdownMenuTrigger>
                        <DropdownMenuContent>
                          <DropdownMenuItem onClick={() => changeRole("2", "Sarah Chen", "member")}>
                            Change to Member
                          </DropdownMenuItem>
                          <DropdownMenuItem onClick={() => changeRole("2", "Sarah Chen", "viewer")}>
                            Change to Viewer
                          </DropdownMenuItem>
                          <DropdownMenuItem onClick={() => removeMember("2", "Sarah Chen")} className="text-red-600">
                            Remove from Company
                          </DropdownMenuItem>
                        </DropdownMenuContent>
                      </DropdownMenu>
                    </div>
                  </div>

<div className="flex items-center justify-between p-4 border rounded-lg">
                    <div className="flex items-center space-x-3">
                      <div className="w-10 h-10 bg-purple-100 rounded-full flex items-center justify-center">
                        <span className="text-sm font-medium text-purple-700">MR</span>
                      </div>
                      <div>
                        <p className="font-medium">Michael Rodriguez</p>
                        <p className="text-sm text-slate-600">michael@techstartup.com</p>
                      </div>
                    </div>
                    <div className="flex items-center space-x-2">
                      <Badge className="bg-green-100 text-green-800">Member</Badge>
                      <DropdownMenu>
                        <DropdownMenuTrigger asChild>
                          <Button variant="ghost" size="sm">
                            <MoreVertical className="w-4 h-4" />
                          </Button>
                        </DropdownMenuTrigger>
                        <DropdownMenuContent>
                          <DropdownMenuItem onClick={() => changeRole("3", "Michael Rodriguez", "admin")}>
                            Change to Admin
                          </DropdownMenuItem>
                          <DropdownMenuItem onClick={() => changeRole("3", "Michael Rodriguez", "viewer")}>
                            Change to Viewer
                          </DropdownMenuItem>
                          <DropdownMenuItem
                            onClick={() => removeMember("3", "Michael Rodriguez")}
                            className="text-red-600"
                          >
                            Remove from Company
                          </DropdownMenuItem>
                        </DropdownMenuContent>
                      </DropdownMenu>
                    </div>
                  </div>

<Dialog open={showInviteDialog} onOpenChange={setShowInviteDialog}>
                    <DialogTrigger asChild>
                      <Button variant="outline">
                        <UserPlus className="w-4 h-4 mr-2" />
                        Invite Team Member
                      </Button>
                    </DialogTrigger>
                    <DialogContent>
                      <DialogHeader>
                        <DialogTitle>Invite Team Member</DialogTitle>
                        <DialogDescription>Send an invitation to join your company's cap table</DialogDescription>
                      </DialogHeader>
                      <div className="space-y-4">
                        <div className="space-y-2">
                          <Label htmlFor="invite-email">Email Address</Label>
                          <Input
                            id="invite-email"
                            type="email"
                            value={inviteEmail}
                            onChange={(e) => setInviteEmail(e.target.value)}
                            placeholder="colleague@company.com"
                          />
                        </div>
                        <div className="space-y-2">
                          <Label htmlFor="invite-role">Role</Label>
                          <Select value={inviteRole} onValueChange={setInviteRole}>
                            <SelectTrigger>
                              <SelectValue />
                            </SelectTrigger>
                            <SelectContent>
                              <SelectItem value="admin">Admin - Full access</SelectItem>
                              <SelectItem value="member">Member - Standard access</SelectItem>
                              <SelectItem value="viewer">Viewer - Read-only access</SelectItem>
                            </SelectContent>
                          </Select>
                        </div>
                        <div className="flex space-x-2">
                          <Button onClick={inviteMember} disabled={isLoading || !inviteEmail}>
                            <Mail className="w-4 h-4 mr-2" />
                            {isLoading ? "Sending..." : "Send Invitation"}
                          </Button>
                          <Button variant="outline" onClick={() => setShowInviteDialog(false)}>
                            Cancel
                          </Button>
                        </div>
                      </div>
                    </DialogContent>
                  </Dialog>
                </div>
              </CardContent>
            </Card>

<Card>
              <CardHeader>
                <CardTitle>Access Permissions</CardTitle>
                <CardDescription>Configure what different user roles can access</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="space-y-4">
                  <div className="flex items-center justify-between">
                    <div>
                      <p className="font-medium">Admin Access</p>
                      <p className="text-sm text-slate-600">Full access to all cap table data and settings</p>
                    </div>
                    <Switch defaultChecked />
                  </div>
                  <Separator />
                  <div className="flex items-center justify-between">
                    <div>
                      <p className="font-medium">Viewer Access</p>
                      <p className="text-sm text-slate-600">Read-only access to cap table information</p>
                    </div>
                    <Switch defaultChecked />
                  </div>
                  <Separator />
                  <div className="flex items-center justify-between">
                    <div>
                      <p className="font-medium">Stakeholder Portal</p>
                      <p className="text-sm text-slate-600">Allow stakeholders to view their own equity</p>
                    </div>
                    <Switch />
                  </div>
                </div>
              </CardContent>
            </Card>
          </TabsContent>

{/* Notifications Settings */}
          <TabsContent value="notifications" className="space-y-6">
            <Card>
              <CardHeader>
                <CardTitle className="flex items-center space-x-2">
                  <Bell className="w-5 h-5" />
                  <span>Email Notifications</span>
                </CardTitle>
                <CardDescription>Choose what notifications you want to receive</CardDescription>
              </CardHeader>
              <CardContent className="space-y-4">
                <div className="flex items-center justify-between">
                  <div>
                    <p className="font-medium">Cap Table Changes</p>
                    <p className="text-sm text-slate-600">Get notified when ownership changes</p>
                  </div>
                  <Switch defaultChecked />
                </div>
                <Separator />
                <div className="flex items-center justify-between">
                  <div>
                    <p className="font-medium">New Funding Rounds</p>
                    <p className="text-sm text-slate-600">Notifications for new funding activities</p>
                  </div>
                  <Switch defaultChecked />
                </div>
                <Separator />
                <div className="flex items-center justify-between">
                  <div>
                    <p className="font-medium">Vesting Milestones</p>
                    <p className="text-sm text-slate-600">Reminders for upcoming vesting events</p>
                  </div>
                  <Switch />
                </div>
                <Separator />
                <div className="flex items-center justify-between">
                  <div>
                    <p className="font-medium">Weekly Reports</p>
                    <p className="text-sm text-slate-600">Weekly cap table summary emails</p>
                  </div>
                  <Switch />
                </div>
              </CardContent>
            </Card>
          </TabsContent>

{/* Security Settings */}
          <TabsContent value="security" className="space-y-6">
            <Card>
              <CardHeader>
                <CardTitle className="flex items-center space-x-2">
                  <Shield className="w-5 h-5" />
                  <span>Security Settings</span>
                </CardTitle>
                <CardDescription>Manage your account security and data protection</CardDescription>
              </CardHeader>
              <CardContent className="space-y-4">
                <div className="space-y-2">
                  <Label htmlFor="current-password">Current Password</Label>
                  <Input id="current-password" type="password" />
                </div>
                <div className="space-y-2">
                  <Label htmlFor="new-password">New Password</Label>
                  <Input id="new-password" type="password" />
                </div>
                <div className="space-y-2">
                  <Label htmlFor="confirm-password">Confirm New Password</Label>
                  <Input id="confirm-password" type="password" />
                </div>
                <Button onClick={() => alert("Password update functionality would be implemented here")}>
                  Update Password
                </Button>
                <Separator />
                <div className="flex items-center justify-between">
                  <div>
                    <p className="font-medium">Two-Factor Authentication</p>
                    <p className="text-sm text-slate-600">Add an extra layer of security to your account</p>
                  </div>
                  <Button variant="outline" onClick={() => alert("2FA setup would be implemented here")}>
                    Enable 2FA
                  </Button>
                </div>
              </CardContent>
            </Card>

<Card>
              <CardHeader>
                <CardTitle>Data Export</CardTitle>
                <CardDescription>Download your cap table data</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="space-y-4">
                  <p className="text-sm text-slate-600">
                    Export all your cap table data including stakeholders, funding rounds, and scenarios.
                  </p>
                  <Button variant="outline" onClick={exportAllData} disabled={isLoading}>
                    <Download className="w-4 h-4 mr-2" />
                    {isLoading ? "Exporting..." : "Export All Data"}
                  </Button>
                </div>
              </CardContent>
            </Card>
          </TabsContent>

{/* Billing Settings */}
          <TabsContent value="billing" className="space-y-6">
            <Card>
              <CardHeader>
                <CardTitle className="flex items-center space-x-2">
                  <CreditCard className="w-5 h-5" />
                  <span>Billing Information</span>
                </CardTitle>
                <CardDescription>Manage your subscription and billing details</CardDescription>
              </CardHeader>
              <CardContent className="space-y-4">
                <div className="p-4 bg-blue-50 rounded-lg">
                  <div className="flex items-center justify-between">
                    <div>
                      <h4 className="font-medium text-blue-900">Pro Plan</h4>
                      <p className="text-sm text-blue-700">$29/month • Unlimited stakeholders and scenarios</p>
                    </div>
                    <Badge className="bg-blue-100 text-blue-800">Active</Badge>
                  </div>
                </div>
                <div className="space-y-2">
                  <Label htmlFor="billing-email">Billing Email</Label>
                  <Input id="billing-email" defaultValue="billing@techstartup.com" />
                </div>
                <div className="space-y-2">
                  <Label htmlFor="billing-address">Billing Address</Label>
                  <Textarea
                    id="billing-address"
                    defaultValue="123 Main Street\nSan Francisco, CA 94105\nUnited States"
                  />
                </div>
                <div className="flex space-x-2">
                  <Button>Update Billing</Button>
                  <Button variant="outline">View Invoices</Button>
                </div>
              </CardContent>
            </Card>
          </TabsContent>
        </Tabs>
      </div>
    </DashboardLayout>
  )
}
[V0_FILE]typescriptreact:file="components/theme-toggle.tsx" isEdit="true" isMerged="true"
"use client"
import { Moon, Sun } from "lucide-react"
import { Button } from "@/components/ui/button"
import { useApp } from "@/lib/context/app-context"

export function ThemeToggle() {
  const { toggleTheme } = useApp()

return (
    <Button variant="ghost" size="sm" onClick={toggleTheme} className="h-9 w-9 px-0">
      <Sun className="h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
      <Moon className="absolute h-4 w-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
      <span className="sr-only">Toggle theme</span>
    </Button>
  )
}
[V0_FILE]typescriptreact:file="app/page.tsx" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true"
import { Button } from "@/components/ui/button"
import { Card, CardContent } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import {
  ArrowRight,
  BarChart3,
  Shield,
  Users,
  TrendingUp,
  Calculator,
  CheckCircle,
  Star,
  Play,
  Target,
  Lightbulb,
  Award,
} from "lucide-react"
import Link from "next/link"

export default function HomePage() {
  return (
    <div className="min-h-screen bg-white">
      {/* Header */}
      <header className="border-b bg-white/95 backdrop-blur-sm sticky top-0 z-50 animate-fade-in">
        <div className="container mx-auto px-4 py-4 flex items-center justify-between">
          <div className="flex items-center space-x-3 animate-slide-in-left">
            <div className="w-10 h-10 bg-blue-600 rounded-xl flex items-center justify-center shadow-lg hover:scale-110 transition-transform duration-300">
              <BarChart3 className="w-6 h-6 text-white" />
            </div>
            <span className="text-2xl font-bold text-slate-900">CapTable Pro</span>
          </div>
          <nav className="hidden md:flex items-center space-x-8 animate-fade-in animate-delay-200">
            <a
              href="#features"
              className="text-slate-600 hover:text-slate-900 transition-colors font-medium hover:scale-105 transform duration-200"
            >
              Features
            </a>
            <a
              href="#how-it-works"
              className="text-slate-600 hover:text-slate-900 transition-colors font-medium hover:scale-105 transform duration-200"
            >
              How It Works
            </a>
            <a
              href="#testimonials"
              className="text-slate-600 hover:text-slate-900 transition-colors font-medium hover:scale-105 transform duration-200"
            >
              Testimonials
            </a>
            <a
              href="#pricing"
              className="text-slate-600 hover:text-slate-900 transition-colors font-medium hover:scale-105 transform duration-200"
            >
              Pricing
            </a>
          </nav>
          <div className="flex items-center space-x-4 animate-slide-in-right">
            <Link href="/auth/login">
              <Button
                variant="ghost"
                className="text-slate-600 hover:text-slate-900 hover:bg-slate-100 hover:scale-105 transition-all duration-200 bg-transparent"
              >
                Sign In
              </Button>
            </Link>
            <Link href="/auth/sign-up">
              <Button className="bg-blue-600 hover:bg-blue-700 text-white shadow-lg hover:shadow-xl hover:scale-105 transition-all duration-300">
                Get Started
                <ArrowRight className="w-4 h-4 ml-2" />
              </Button>
            </Link>
          </div>
        </div>
      </header>

{/* Hero Section */}
      <section className="relative py-24 px-4 overflow-hidden">
        {/* Background Image */}
        <div className="absolute inset-0 z-0">
          <img
            src="/collaborative-team.png"
            alt="Professional team collaborating"
            className="w-full h-full object-cover opacity-10 animate-float"
          />
          <div className="absolute inset-0 bg-gradient-to-br from-white/90 to-slate-100/80"></div>
        </div>

<div className="container mx-auto text-center max-w-5xl relative z-10">
          <Badge className="mb-6 bg-blue-50 text-blue-600 border-blue-200 px-4 py-2 animate-fade-in-up animate-delay-100 hover:scale-105 transition-transform duration-300">
            <Award className="w-4 h-4 mr-2" />
            Trusted by 500+ Startups
          </Badge>

<h1 className="text-6xl md:text-7xl font-black text-slate-900 mb-8 leading-tight animate-fade-in-up animate-delay-200">
            Visualize Your Startup's
            <span className="text-blue-600 block animate-pulse-slow">Equity Journey</span>
          </h1>

<p className="text-xl md:text-2xl text-slate-600 mb-12 max-w-3xl mx-auto leading-relaxed animate-fade-in-up animate-delay-300">
            Build scenarios, track dilution, and calculate exit returns with precision. The most sophisticated cap table
            management platform for modern startups and investors.
          </p>

<div className="flex flex-col sm:flex-row gap-6 justify-center mb-8 animate-fade-in-up animate-delay-400">
            <Link href="/auth/sign-up">
              <Button
                size="lg"
                className="bg-blue-600 hover:bg-blue-700 text-white px-10 py-6 text-xl shadow-xl hover:shadow-2xl hover:scale-105 transition-all duration-300"
              >
                Start Building Your Cap Table
                <ArrowRight className="w-6 h-6 ml-3" />
              </Button>
            </Link>
            <Button
              size="lg"
              variant="outline"
              className="px-10 py-6 text-xl border-2 border-blue-600 text-blue-600 hover:bg-blue-600 hover:text-white bg-transparent hover:scale-105 transition-all duration-300"
            >
              <Play className="w-5 h-5 mr-3" />
              Watch Demo
            </Button>
          </div>

<div className="flex items-center justify-center space-x-8 text-sm text-slate-600 animate-fade-in-up animate-delay-500">
            <div className="flex items-center hover:scale-105 transition-transform duration-200">
              <CheckCircle className="w-4 h-4 text-blue-600 mr-2" />
              No credit card required
            </div>
            <div className="flex items-center hover:scale-105 transition-transform duration-200">
              <CheckCircle className="w-4 h-4 text-blue-600 mr-2" />
              14-day free trial
            </div>
            <div className="flex items-center hover:scale-105 transition-transform duration-200">
              <CheckCircle className="w-4 h-4 text-blue-600 mr-2" />
              Setup in minutes
            </div>
          </div>
        </div>
      </section>

{/* How It Works Section */}
      <section id="how-it-works" className="py-24 px-4 bg-slate-50">
        <div className="container mx-auto max-w-6xl">
          <div className="text-center mb-20 animate-fade-in-up">
            <h2 className="text-4xl md:text-5xl font-black text-slate-900 mb-6">How It Works</h2>
            <p className="text-xl text-slate-600 max-w-2xl mx-auto">
              Three simple steps to master your cap table and plan your equity future
            </p>
          </div>

<div className="grid md:grid-cols-3 gap-12">
            <div className="text-center animate-fade-in-up animate-delay-100">
              <div className="relative mb-8">
                <div className="w-24 h-24 bg-blue-600 rounded-2xl flex items-center justify-center mx-auto shadow-xl hover:scale-110 hover:rotate-3 transition-all duration-300 animate-float">
                  <Target className="w-12 h-12 text-white" />
                </div>
                <div className="absolute -top-2 -right-2 w-8 h-8 bg-orange-500 rounded-full flex items-center justify-center text-white font-bold animate-pulse-slow">
                  1
                </div>
              </div>
              <h3 className="text-2xl font-bold text-slate-900 mb-4">Setup Your Foundation</h3>
              <p className="text-slate-600 leading-relaxed">
                Add founders, initial equity split, and ESOP pool. Our guided setup ensures accuracy from day one.
              </p>
            </div>

<div className="text-center animate-fade-in-up animate-delay-200">
              <div className="relative mb-8">
                <div className="w-24 h-24 bg-blue-600 rounded-2xl flex items-center justify-center mx-auto shadow-xl hover:scale-110 hover:rotate-3 transition-all duration-300 animate-float animate-delay-100">
                  <Calculator className="w-12 h-12 text-white" />
                </div>
                <div className="absolute -top-2 -right-2 w-8 h-8 bg-orange-500 rounded-full flex items-center justify-center text-white font-bold animate-pulse-slow animate-delay-100">
                  2
                </div>
              </div>
              <h3 className="text-2xl font-bold text-slate-900 mb-4">Model Funding Scenarios</h3>
              <p className="text-slate-600 leading-relaxed">
                Create unlimited funding round scenarios and see real-time impact on ownership and dilution.
              </p>
            </div>

<div className="text-center animate-fade-in-up animate-delay-300">
              <div className="relative mb-8">
                <div className="w-24 h-24 bg-blue-600 rounded-2xl flex items-center justify-center mx-auto shadow-xl hover:scale-110 hover:rotate-3 transition-all duration-300 animate-float animate-delay-200">
                  <TrendingUp className="w-12 h-12 text-white" />
                </div>
                <div className="absolute -top-2 -right-2 w-8 h-8 bg-orange-500 rounded-full flex items-center justify-center text-white font-bold animate-pulse-slow animate-delay-200">
                  3
                </div>
              </div>
              <h3 className="text-2xl font-bold text-slate-900 mb-4">Analyze & Optimize</h3>
              <p className="text-slate-600 leading-relaxed">
                Visualize exit scenarios, calculate returns, and get AI-powered insights for optimal equity decisions.
              </p>
            </div>
          </div>
        </div>
      </section>

{/* Features Grid */}
      <section id="features" className="py-24 px-4 bg-white">
        <div className="container mx-auto max-w-7xl">
          <div className="text-center mb-20 animate-fade-in-up">
            <h2 className="text-4xl md:text-5xl font-black text-slate-900 mb-6">
              Everything You Need to Master Equity
            </h2>
            <p className="text-xl text-slate-600 max-w-3xl mx-auto">
              From founding to exit, our enterprise-grade platform grows with your company's equity complexity
            </p>
          </div>

<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
            <Card className="border-2 border-slate-200 hover:border-blue-300 hover:shadow-xl transition-all duration-300 bg-white animate-fade-in-up animate-delay-100 hover:scale-105 hover:-translate-y-2">
              <CardContent className="p-8">
                <div className="w-16 h-16 bg-blue-50 rounded-2xl flex items-center justify-center mb-6 hover:bg-blue-100 transition-colors duration-300">
                  <BarChart3 className="w-8 h-8 text-blue-600" />
                </div>
                <h3 className="text-2xl font-bold text-slate-900 mb-4">Real-Time Cap Table</h3>
                <p className="text-slate-600 leading-relaxed">
                  Track ownership percentages, share classes, and dilution effects across all funding rounds with live
                  calculations and audit trails.
                </p>
              </CardContent>
            </Card>

<Card className="border-2 border-slate-200 hover:border-blue-300 hover:shadow-xl transition-all duration-300 bg-white animate-fade-in-up animate-delay-200 hover:scale-105 hover:-translate-y-2">
              <CardContent className="p-8">
                <div className="w-16 h-16 bg-blue-50 rounded-2xl flex items-center justify-center mb-6 hover:bg-blue-100 transition-colors duration-300">
                  <Calculator className="w-8 h-8 text-blue-600" />
                </div>
                <h3 className="text-2xl font-bold text-slate-900 mb-4">Scenario Modeling</h3>
                <p className="text-slate-600 leading-relaxed">
                  Model unlimited funding scenarios, exit valuations, and their impact on stakeholder returns with
                  enterprise-grade precision.
                </p>
              </CardContent>
            </Card>

<Card className="border-2 border-slate-200 hover:border-blue-300 hover:shadow-xl transition-all duration-300 bg-white animate-fade-in-up animate-delay-300 hover:scale-105 hover:-translate-y-2">
              <CardContent className="p-8">
                <div className="w-16 h-16 bg-blue-50 rounded-2xl flex items-center justify-center mb-6 hover:bg-blue-100 transition-colors duration-300">
                  <TrendingUp className="w-8 h-8 text-blue-600" />
                </div>
                <h3 className="text-2xl font-bold text-slate-900 mb-4">Waterfall Analysis</h3>
                <p className="text-slate-600 leading-relaxed">
                  Understand liquidation preferences, participation rights, and payout distributions across all exit
                  scenarios.
                </p>
              </CardContent>
            </Card>

<Card className="border-2 border-slate-200 hover:border-blue-300 hover:shadow-xl transition-all duration-300 bg-white animate-fade-in-up animate-delay-400 hover:scale-105 hover:-translate-y-2">
              <CardContent className="p-8">
                <div className="w-16 h-16 bg-blue-50 rounded-2xl flex items-center justify-center mb-6 hover:bg-blue-100 transition-colors duration-300">
                  <Users className="w-8 h-8 text-blue-600" />
                </div>
                <h3 className="text-2xl font-bold text-slate-900 mb-4">Stakeholder Portal</h3>
                <p className="text-slate-600 leading-relaxed">
                  Give investors and employees secure access to their equity information with customizable permissions
                  and notifications.
                </p>
              </CardContent>
            </Card>

<Card className="border-2 border-slate-200 hover:border-blue-300 hover:shadow-xl transition-all duration-300 bg-white animate-fade-in-up animate-delay-500 hover:scale-105 hover:-translate-y-2">
              <CardContent className="p-8">
                <div className="w-16 h-16 bg-blue-50 rounded-2xl flex items-center justify-center mb-6 hover:bg-blue-100 transition-colors duration-300">
                  <Shield className="w-8 h-8 text-blue-600" />
                </div>
                <h3 className="text-2xl font-bold text-slate-900 mb-4">Compliance & Audit</h3>
                <p className="text-slate-600 leading-relaxed">
                  Complete transaction history with timestamps, approvals, and document attachments for regulatory
                  compliance.
                </p>
              </CardContent>
            </Card>

<Card className="border-2 border-slate-200 hover:border-blue-300 hover:shadow-xl transition-all duration-300 bg-white animate-fade-in-up animate-delay-500 hover:scale-105 hover:-translate-y-2">
              <CardContent className="p-8">
                <div className="w-16 h-16 bg-blue-50 rounded-2xl flex items-center justify-center mb-6 hover:bg-blue-100 transition-colors duration-300">
                  <Lightbulb className="w-8 h-8 text-blue-600" />
                </div>
                <h3 className="text-2xl font-bold text-slate-900 mb-4">AI-Powered Insights</h3>
                <p className="text-slate-600 leading-relaxed">
                  Get intelligent recommendations on equity allocation, dilution optimization, and market benchmarking
                  powered by AI.
                </p>
              </CardContent>
            </Card>
          </div>
        </div>
      </section>

{/* Testimonials Section */}
      <section id="testimonials" className="py-24 px-4 bg-slate-50">
        <div className="container mx-auto max-w-6xl">
          <div className="text-center mb-20 animate-fade-in-up">
            <h2 className="text-4xl md:text-5xl font-black text-slate-900 mb-6">Trusted by Industry Leaders</h2>
            <p className="text-xl text-slate-600">See what founders and investors are saying about CapTable Pro</p>
          </div>

<div className="grid md:grid-cols-3 gap-8">
            <Card className="bg-white border-2 border-slate-200 shadow-lg animate-fade-in-up animate-delay-100 hover:scale-105 hover:-translate-y-2 transition-all duration-300">
              <CardContent className="p-8">
                <div className="flex items-center mb-4">
                  {[...Array(5)].map((_, i) => (
                    <Star
                      key={i}
                      className="w-5 h-5 text-blue-600 fill-current hover:scale-110 transition-transform duration-200"
                    />
                  ))}
                </div>
                <p className="text-slate-900 mb-6 leading-relaxed">
                  "CapTable Pro transformed how we manage our equity. The scenario modeling helped us make informed
                  decisions during our Series A."
                </p>
                <div className="flex items-center">
                  <img
                    src="/female-ceo-headshot.png"
                    alt="Sarah Chen"
                    className="w-12 h-12 rounded-full mr-4 hover:scale-110 transition-transform duration-300"
                  />
                  <div>
                    <p className="font-bold text-slate-900">Sarah Chen</p>
                    <p className="text-slate-600 text-sm">CEO, TechFlow</p>
                  </div>
                </div>
              </CardContent>
            </Card>

<Card className="bg-white border-2 border-slate-200 shadow-lg animate-fade-in-up animate-delay-200 hover:scale-105 hover:-translate-y-2 transition-all duration-300">
              <CardContent className="p-8">
                <div className="flex items-center mb-4">
                  {[...Array(5)].map((_, i) => (
                    <Star
                      key={i}
                      className="w-5 h-5 text-blue-600 fill-current hover:scale-110 transition-transform duration-200"
                    />
                  ))}
                </div>
                <p className="text-slate-900 mb-6 leading-relaxed">
                  "The waterfall analysis feature is incredible. It helped us understand exactly how different exit
                  scenarios would affect all stakeholders."
                </p>
                <div className="flex items-center">
                  <img
                    src="/male-founder-headshot.png"
                    alt="Michael Rodriguez"
                    className="w-12 h-12 rounded-full mr-4 hover:scale-110 transition-transform duration-300"
                  />
                  <div>
                    <p className="font-bold text-slate-900">Michael Rodriguez</p>
                    <p className="text-slate-600 text-sm">Founder, DataVault</p>
                  </div>
                </div>
              </CardContent>
            </Card>

<Card className="bg-white border-2 border-slate-200 shadow-lg animate-fade-in-up animate-delay-300 hover:scale-105 hover:-translate-y-2 transition-all duration-300">
              <CardContent className="p-8">
                <div className="flex items-center mb-4">
                  {[...Array(5)].map((_, i) => (
                    <Star
                      key={i}
                      className="w-5 h-5 text-blue-600 fill-current hover:scale-110 transition-transform duration-200"
                    />
                  ))}
                </div>
                <p className="text-slate-900 mb-6 leading-relaxed">
                  "As an investor, I love the transparency and accuracy. CapTable Pro gives me confidence in the
                  companies I back."
                </p>
                <div className="flex items-center">
                  <img
                    src="/female-investor-headshot.png"
                    alt="Jessica Park"
                    className="w-12 h-12 rounded-full mr-4 hover:scale-110 transition-transform duration-300"
                  />
                  <div>
                    <p className="font-bold text-slate-900">Jessica Park</p>
                    <p className="text-slate-600 text-sm">Partner, Venture Capital</p>
                  </div>
                </div>
              </CardContent>
            </Card>
          </div>
        </div>
      </section>

{/* Pricing Section */}
      <section id="pricing" className="py-24 px-4 bg-white">
        <div className="container mx-auto max-w-6xl">
          <div className="text-center mb-20 animate-fade-in-up">
            <h2 className="text-4xl md:text-5xl font-black text-slate-900 mb-6">Simple, Transparent Pricing</h2>
            <p className="text-xl text-slate-600 max-w-3xl mx-auto">
              Choose the plan that fits your company's stage. All plans include our core cap table management features.
            </p>
          </div>

<div className="grid md:grid-cols-3 gap-8 max-w-5xl mx-auto">
            {/* Starter Plan */}
            <Card className="border-2 border-slate-200 hover:border-blue-300 hover:shadow-xl transition-all duration-300 bg-white animate-fade-in-up animate-delay-100 hover:scale-105">
              <CardContent className="p-8">
                <div className="text-center mb-8">
                  <h3 className="text-2xl font-bold text-slate-900 mb-2">Starter</h3>
                  <p className="text-slate-600 mb-6">Perfect for early-stage startups</p>
                  <div className="mb-6">
                    <span className="text-4xl font-black text-slate-900">$49</span>
                    <span className="text-slate-600">/month</span>
                  </div>
                </div>

<ul className="space-y-4 mb-8">
                  <li className="flex items-center">
                    <CheckCircle className="w-5 h-5 text-blue-600 mr-3 flex-shrink-0" />
                    <span className="text-slate-900">Up to 25 stakeholders</span>
                  </li>
                  <li className="flex items-center">
                    <CheckCircle className="w-5 h-5 text-blue-600 mr-3 flex-shrink-0" />
                    <span className="text-slate-900">Basic cap table management</span>
                  </li>
                  <li className="flex items-center">
                    <CheckCircle className="w-5 h-5 text-blue-600 mr-3 flex-shrink-0" />
                    <span className="text-slate-900">5 scenario models</span>
                  </li>
                  <li className="flex items-center">
                    <CheckCircle className="w-5 h-5 text-blue-600 mr-3 flex-shrink-0" />
                    <span className="text-slate-900">Email support</span>
                  </li>
                  <li className="flex items-center">
                    <CheckCircle className="w-5 h-5 text-blue-600 mr-3 flex-shrink-0" />
                    <span className="text-slate-900">Standard reports</span>
                  </li>
                </ul>

<Button className="w-full bg-blue-600 hover:bg-blue-700 text-white hover:scale-105 transition-all duration-300">
                  Start Free Trial
                </Button>
              </CardContent>
            </Card>

{/* Growth Plan */}
            <Card className="border-2 border-blue-600 bg-white relative animate-fade-in-up animate-delay-200 hover:scale-105 shadow-xl">
              <div className="absolute -top-4 left-1/2 transform -translate-x-1/2">
                <Badge className="bg-blue-600 text-white px-4 py-1 text-sm font-bold">Most Popular</Badge>
              </div>
              <CardContent className="p-8">
                <div className="text-center mb-8">
                  <h3 className="text-2xl font-bold text-slate-900 mb-2">Growth</h3>
                  <p className="text-slate-600 mb-6">For scaling companies</p>
                  <div className="mb-6">
                    <span className="text-4xl font-black text-slate-900">$149</span>
                    <span className="text-slate-600">/month</span>
                  </div>
                </div>

<ul className="space-y-4 mb-8">
                  <li className="flex items-center">
                    <CheckCircle className="w-5 h-5 text-blue-600 mr-3 flex-shrink-0" />
                    <span className="text-slate-900">Up to 100 stakeholders</span>
                  </li>
                  <li className="flex items-center">
                    <CheckCircle className="w-5 h-5 text-blue-600 mr-3 flex-shrink-0" />
                    <span className="text-slate-900">Advanced cap table features</span>
                  </li>
                  <li className="flex items-center">
                    <CheckCircle className="w-5 h-5 text-blue-600 mr-3 flex-shrink-0" />
                    <span className="text-slate-900">Unlimited scenario models</span>
                  </li>
                  <li className="flex items-center">
                    <CheckCircle className="w-5 h-5 text-blue-600 mr-3 flex-shrink-0" />
                    <span className="text-slate-900">Waterfall analysis</span>
                  </li>
                  <li className="flex items-center">
                    <CheckCircle className="w-5 h-5 text-blue-600 mr-3 flex-shrink-0" />
                    <span className="text-slate-900">AI-powered insights</span>
                  </li>
                  <li className="flex items-center">
                    <CheckCircle className="w-5 h-5 text-blue-600 mr-3 flex-shrink-0" />
                    <span className="text-slate-900">Priority support</span>
                  </li>
                  <li className="flex items-center">
                    <CheckCircle className="w-5 h-5 text-blue-600 mr-3 flex-shrink-0" />
                    <span className="text-slate-900">Custom reports</span>
                  </li>
                </ul>

{/* Enterprise Plan */}
            <Card className="border-2 border-slate-200 hover:border-blue-300 hover:shadow-xl transition-all duration-300 bg-white animate-fade-in-up animate-delay-300 hover:scale-105">
              <CardContent className="p-8">
                <div className="text-center mb-8">
                  <h3 className="text-2xl font-bold text-slate-900 mb-2">Enterprise</h3>
                  <p className="text-slate-600 mb-6">For large organizations</p>
                  <div className="mb-6">
                    <span className="text-4xl font-black text-slate-900">Custom</span>
                  </div>
                </div>

<ul className="space-y-4 mb-8">
                  <li className="flex items-center">
                    <CheckCircle className="w-5 h-5 text-blue-600 mr-3 flex-shrink-0" />
                    <span className="text-slate-900">Unlimited stakeholders</span>
                  </li>
                  <li className="flex items-center">
                    <CheckCircle className="w-5 h-5 text-blue-600 mr-3 flex-shrink-0" />
                    <span className="text-slate-900">White-label solution</span>
                  </li>
                  <li className="flex items-center">
                    <CheckCircle className="w-5 h-5 text-blue-600 mr-3 flex-shrink-0" />
                    <span className="text-slate-900">API access</span>
                  </li>
                  <li className="flex items-center">
                    <CheckCircle className="w-5 h-5 text-blue-600 mr-3 flex-shrink-0" />
                    <span className="text-slate-900">SSO integration</span>
                  </li>
                  <li className="flex items-center">
                    <CheckCircle className="w-5 h-5 text-blue-600 mr-3 flex-shrink-0" />
                    <span className="text-slate-900">Dedicated support</span>
                  </li>
                  <li className="flex items-center">
                    <CheckCircle className="w-5 h-5 text-blue-600 mr-3 flex-shrink-0" />
                    <span className="text-slate-900">Custom integrations</span>
                  </li>
                  <li className="flex items-center">
                    <CheckCircle className="w-5 h-5 text-blue-600 mr-3 flex-shrink-0" />
                    <span className="text-slate-900">SLA guarantee</span>
                  </li>
                </ul>

<Button
                  variant="outline"
                  className="w-full border-2 border-blue-600 text-blue-600 hover:bg-blue-600 hover:text-white hover:scale-105 transition-all duration-300 bg-transparent"
                >
                  Contact Sales
                </Button>
              </CardContent>
            </Card>
          </div>

<div className="text-center mt-16 animate-fade-in-up animate-delay-400">
            <p className="text-slate-600 mb-6">All plans include 14-day free trial • No setup fees • Cancel anytime</p>
            <div className="flex flex-wrap justify-center gap-8 text-sm text-slate-600">
              <div className="flex items-center">
                <Shield className="w-4 h-4 text-blue-600 mr-2" />
                Bank-level security
              </div>
              <div className="flex items-center">
                <CheckCircle className="w-4 h-4 text-blue-600 mr-2" />
                99.9% uptime SLA
              </div>
              <div className="flex items-center">
                <Users className="w-4 h-4 text-blue-600 mr-2" />
                24/7 support
              </div>
            </div>
          </div>
        </div>
      </section>

{/* CTA Section */}
      <section className="py-24 px-4 bg-blue-600 relative overflow-hidden animate-fade-in-up">
        <div className="absolute inset-0">
          <img
            src="/placeholder-omb7r.png"
            alt="Financial background"
            className="w-full h-full object-cover opacity-10 animate-float"
          />
        </div>
        <div className="container mx-auto text-center max-w-4xl relative z-10">
          <h2 className="text-4xl md:text-5xl font-black text-white mb-8 animate-fade-in-up animate-delay-100">
            Ready to Master Your Cap Table?
          </h2>
          <p className="text-xl text-white/90 mb-12 max-w-2xl mx-auto leading-relaxed animate-fade-in-up animate-delay-200">
            Join hundreds of startups and investors who trust CapTable Pro for their equity management needs. Start your
            free trial today and see the difference precision makes.
          </p>
          <Link href="/auth/sign-up">
            <Button
              size="lg"
              className="bg-white hover:bg-gray-100 text-blue-600 px-12 py-6 text-xl shadow-xl hover:shadow-2xl hover:scale-105 transition-all duration-300 animate-fade-in-up animate-delay-300"
            >
              Start Your Free Trial
              <ArrowRight className="w-6 h-6 ml-3" />
            </Button>
          </Link>
          <p className="text-sm text-white/80 mt-6 animate-fade-in-up animate-delay-400">
            14-day free trial • No setup fees • Cancel anytime
          </p>
        </div>
      </section>

{/* Footer */}
      <footer className="bg-white border-t py-16 px-4 animate-fade-in">
        <div className="container mx-auto max-w-6xl">
          <div className="grid md:grid-cols-4 gap-12">
            <div>
              <div className="flex items-center space-x-3 mb-6">
                <div className="w-10 h-10 bg-blue-600 rounded-xl flex items-center justify-center">
                  <BarChart3 className="w-6 h-6 text-white" />
                </div>
                <span className="text-2xl font-bold text-slate-900">CapTable Pro</span>
              </div>
              <p className="text-slate-600 leading-relaxed">
                The most sophisticated cap table management platform for modern startups and investors.
              </p>
            </div>
            <div>
              <h4 className="font-bold text-slate-900 mb-6">Product</h4>
              <ul className="space-y-3 text-slate-600">
                <li>
                  <a href="#features" className="hover:text-slate-900 transition-colors">
                    Features
                  </a>
                </li>
                <li>
                  <a href="#pricing" className="hover:text-slate-900 transition-colors">
                    Pricing
                  </a>
                </li>
                <li>
                  <a href="#" className="hover:text-slate-900 transition-colors">
                    Security
                  </a>
                </li>
                <li>
                  <a href="#" className="hover:text-slate-900 transition-colors">
                    API
                  </a>
                </li>
              </ul>
            </div>
            <div>
              <h4 className="font-bold text-slate-900 mb-6">Company</h4>
              <ul className="space-y-3 text-slate-600">
                <li>
                  <a href="#" className="hover:text-slate-900 transition-colors">
                    About
                  </a>
                </li>
                <li>
                  <a href="#" className="hover:text-slate-900 transition-colors">
                    Blog
                  </a>
                </li>
                <li>
                  <a href="#" className="hover:text-slate-900 transition-colors">
                    Careers
                  </a>
                </li>
                <li>
                  <a href="#" className="hover:text-slate-900 transition-colors">
                    Contact
                  </a>
                </li>
              </ul>
            </div>
            <div>
              <h4 className="font-bold text-slate-900 mb-6">Support</h4>
              <ul className="space-y-3 text-slate-600">
                <li>
                  <a href="#" className="hover:text-slate-900 transition-colors">
                    Help Center
                  </a>
                </li>
                <li>
                  <a href="#" className="hover:text-slate-900 transition-colors">
                    Documentation
                  </a>
                </li>
                <li>
                  <a href="#" className="hover:text-slate-900 transition-colors">
                    Status
                  </a>
                </li>
                <li>
                  <a href="#" className="hover:text-slate-900 transition-colors">
                    Privacy
                  </a>
                </li>
              </ul>
            </div>
          </div>
          <div className="border-t mt-12 pt-8 text-center text-slate-600">
            <p>© 2024 CapTable Pro. All rights reserved.</p>
          </div>
        </div>
      </footer>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/auth/login-form.tsx" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import { useActionState } from "react"
import { useFormStatus } from "react-dom"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Loader2, BarChart3 } from "lucide-react"
import Link from "next/link"
import { useRouter } from "next/navigation"
import { useEffect } from "react"
import { signIn } from "@/lib/actions"

function SubmitButton() {
  const { pending } = useFormStatus()

return (
    <Button
      type="submit"
      disabled={pending}
      className="w-full bg-blue-600 hover:bg-blue-700 text-white py-6 text-lg font-medium rounded-lg h-[60px]"
    >
      {pending ? (
        <>
          <Loader2 className="mr-2 h-4 w-4 animate-spin" />
          Signing in...
        </>
      ) : (
        "Sign In"
      )}
    </Button>
  )
}

export default function LoginForm() {
  const router = useRouter()
  const [state, formAction] = useActionState(signIn, null)

// Handle successful login by redirecting
  useEffect(() => {
    if (state?.success) {
      router.push("/dashboard")
    }
  }, [state, router])

return (
    <div className="min-h-screen bg-gradient-to-br from-slate-50 to-blue-50 flex items-center justify-center p-4">
      <div className="w-full max-w-md">
        {/* Logo */}
        <div className="flex items-center justify-center space-x-2 mb-8">
          <div className="w-10 h-10 bg-blue-600 rounded-lg flex items-center justify-center">
            <BarChart3 className="w-6 h-6 text-white" />
          </div>
          <span className="text-2xl font-bold text-slate-900">CapTable Pro</span>
        </div>

<Card className="border-slate-200 shadow-lg bg-white">
          <CardHeader className="space-y-1 text-center bg-white">
            <CardTitle className="text-2xl font-bold text-slate-900">Welcome back</CardTitle>
            <CardDescription className="text-slate-600">Sign in to your cap table management account</CardDescription>
          </CardHeader>
          <CardContent className="bg-white">
            <form action={formAction} className="space-y-4">
              {state?.error && (
                <div className="bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded-lg text-sm">
                  {state.error}
                </div>
              )}

<div className="space-y-2">
                <label htmlFor="email" className="block text-sm font-medium text-slate-700">
                  Email
                </label>
                <Input
                  id="email"
                  name="email"
                  type="email"
                  placeholder="you@company.com"
                  required
                  className="bg-white border-slate-300 text-slate-900 placeholder:text-slate-500"
                />
              </div>

<div className="space-y-2">
                <label htmlFor="password" className="block text-sm font-medium text-slate-700">
                  Password
                </label>
                <Input
                  id="password"
                  name="password"
                  type="password"
                  required
                  className="bg-white border-slate-300 text-slate-900"
                />
              </div>

<div className="text-center text-slate-600 text-sm">
                Don't have an account?{" "}
                <Link href="/auth/sign-up" className="text-blue-600 hover:text-blue-700 font-medium">
                  Sign up
                </Link>
              </div>
            </form>
          </CardContent>
        </Card>

<div className="text-center mt-6">
          <Link href="/" className="text-slate-600 hover:text-slate-900 text-sm">
            ← Back to homepage
          </Link>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/auth/sign-up-form.tsx" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

function SubmitButton() {
  const { pending } = useFormStatus()

return (
    <Button
      type="submit"
      disabled={pending}
      className="w-full bg-blue-600 hover:bg-blue-700 text-white py-6 text-lg font-medium rounded-lg h-[60px]"
    >
      {pending ? (
        <>
          <Loader2 className="mr-2 h-4 w-4 animate-spin" />
          Creating account...
        </>
      ) : (
        "Create Account"
      )}
    </Button>
  )
}

export default function SignUpForm() {
  const [state, formAction] = useActionState(signUp, null)

<Card className="border-slate-200 shadow-lg bg-white">
          <CardHeader className="space-y-1 text-center bg-white">
            <CardTitle className="text-2xl font-bold text-slate-900">Create your account</CardTitle>
            <CardDescription className="text-slate-600">Start managing your cap table with precision</CardDescription>
          </CardHeader>
          <CardContent className="bg-white">
            <form action={formAction} className="space-y-4">
              {state?.error && (
                <div className="bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded-lg text-sm">
                  {state.error}
                </div>
              )}

{state?.success && (
                <div className="bg-green-50 border border-green-200 text-green-700 px-4 py-3 rounded-lg text-sm">
                  {state.success}
                </div>
              )}

<div className="space-y-2">
                <label htmlFor="password" className="block text-sm font-medium text-slate-700">
                  Password
                </label>
                <Input
                  id="password"
                  name="password"
                  type="password"
                  placeholder="Minimum 8 characters"
                  required
                  className="bg-white border-slate-300 text-slate-900"
                />
              </div>

<div className="text-center text-slate-600 text-sm">
                Already have an account?{" "}
                <Link href="/auth/login" className="text-blue-600 hover:text-blue-700 font-medium">
                  Sign in
                </Link>
              </div>
            </form>
          </CardContent>
        </Card>

<div className="text-center mt-6">
          <Link href="/" className="text-slate-600 hover:text-slate-900 text-sm">
            ← Back to homepage
          </Link>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/dashboard/dashboard-layout.tsx" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import type React from "react"
import { useState } from "react"
import { Button } from "@/components/ui/button"
import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet"
import { BarChart3, Users, TrendingUp, Settings, LogOut, Menu, PieChart, FileText, Target } from "lucide-react"
import Link from "next/link"
import { usePathname } from "next/navigation"
import { signOut } from "@/lib/actions"
import { ThemeToggle } from "@/components/theme-toggle"
import { useApp } from "@/lib/context/app-context"
import { CompanySelector } from "@/components/company-selector"

interface DashboardLayoutProps {
  children: React.ReactNode
  user: any
  company?: any
}

export default function DashboardLayout({ children, user, company }: DashboardLayoutProps) {
  const pathname = usePathname()
  const [sidebarOpen, setSidebarOpen] = useState(false)
  const { user: contextUser, company: contextCompany } = useApp()

const actualUser = user || contextUser
  const actualCompany = company || contextCompany

const companyName = actualCompany?.name || "Your Company"
  const userName = actualUser?.user_metadata?.full_name || actualUser?.email?.split("@")[0] || "User"

const NavItems = () => (
    <>
      {navigation.map((item) => {
        const isActive = pathname === item.href
        return (
          <Link
            key={item.name}
            href={item.href}
            className={`flex items-center px-3 py-2 rounded-lg text-sm font-medium transition-colors ${
              isActive
                ? "bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300"
                : "text-slate-600 hover:text-slate-900 hover:bg-slate-100 dark:text-slate-300 dark:hover:text-slate-100 dark:hover:bg-slate-800"
            }`}
            onClick={() => setSidebarOpen(false)}
          >
            <item.icon className="w-5 h-5 mr-3" />
            {item.name}
          </Link>
        )
      })}
    </>
  )

return (
    <div className="min-h-screen bg-slate-50 dark:bg-slate-900 transition-colors duration-200">
      {/* Mobile sidebar */}
      <Sheet open={sidebarOpen} onOpenChange={setSidebarOpen}>
        <SheetContent side="left" className="w-64 p-0 bg-white dark:bg-slate-800">
          <div className="flex flex-col h-full">
            <div className="p-6 border-b border-slate-200 dark:border-slate-700">
              <div className="flex items-center space-x-2">
                <div className="w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center">
                  <BarChart3 className="w-5 h-5 text-white" />
                </div>
                <span className="text-xl font-bold text-slate-900 dark:text-slate-100">CapTable Pro</span>
              </div>
            </div>
            <nav className="flex-1 p-4 space-y-1">
              <NavItems />
            </nav>
          </div>
        </SheetContent>

{/* Main content */}
        <div className="lg:pl-64">
          {/* Top bar */}
          <div className="sticky top-0 z-40 bg-white dark:bg-slate-800 border-b border-slate-200 dark:border-slate-700 transition-colors duration-200">
            <div className="flex items-center justify-between px-4 py-4 sm:px-6">
              <div className="flex items-center">
                <SheetTrigger asChild>
                  <Button variant="ghost" size="sm" className="lg:hidden text-slate-600 dark:text-slate-300">
                    <Menu className="w-5 h-5" />
                  </Button>
                </SheetTrigger>
                <div className="ml-4 lg:ml-0">
                  <h1 className="text-xl font-semibold text-slate-900 dark:text-slate-100">{companyName}</h1>
                  <p className="text-sm text-slate-600 dark:text-slate-400">Welcome back, {userName}</p>
                </div>
              </div>
              <div className="flex items-center space-x-2">
                <ThemeToggle />
              </div>
            </div>
          </div>

{/* Page content */}
          <main className="p-4 sm:p-6 bg-slate-50 dark:bg-slate-900 min-h-screen transition-colors duration-200">
            {children}
          </main>
        </div>
      </Sheet>

{/* Desktop sidebar */}
      <div className="hidden lg:fixed lg:inset-y-0 lg:flex lg:w-64 lg:flex-col">
        <div className="flex flex-col flex-grow bg-white dark:bg-slate-800 border-r border-slate-200 dark:border-slate-700 transition-colors duration-200">
          <div className="p-6 border-b border-slate-200 dark:border-slate-700">
            <div className="flex items-center space-x-2">
              <div className="w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center">
                <BarChart3 className="w-5 h-5 text-white" />
              </div>
              <span className="text-xl font-bold text-slate-900 dark:text-slate-100">CapTable Pro</span>
            </div>
            <div className="mt-4">
              <CompanySelector />
            </div>
          </div>
          <nav className="flex-1 p-4 space-y-1">
            <NavItems />
          </nav>
          <div className="p-4 border-t dark:border-slate-700">
            <form action={signOut}>
              <Button variant="ghost" type="submit" className="w-full justify-start text-slate-600 dark:text-slate-300">
                <LogOut className="w-5 h-5 mr-3" />
                Sign Out
              </Button>
            </form>
          </div>
        </div>
      </div>
    </div>
  )
}

const navigation = [
  { name: "Overview", href: "/dashboard", icon: BarChart3 },
  { name: "Cap Table", href: "/dashboard/cap-table", icon: PieChart },
  { name: "Stakeholders", href: "/dashboard/stakeholders", icon: Users },
  { name: "Funding Rounds", href: "/dashboard/funding", icon: TrendingUp },
  { name: "Scenarios", href: "/dashboard/scenarios", icon: Target },
  { name: "Reports", href: "/dashboard/reports", icon: FileText },
  { name: "Settings", href: "/dashboard/settings", icon: Settings },
]
[V0_FILE]typescriptreact:file="lib/supabase/server.ts" isEdit="true" isMerged="true"
import { createServerComponentClient } from "@supabase/auth-helpers-nextjs"
import { cookies } from "next/headers"
import { cache } from "react"

// Check if Supabase environment variables are available
export const isSupabaseConfigured =
  typeof process.env.NEXT_PUBLIC_SUPABASE_URL === "string" &&
  process.env.NEXT_PUBLIC_SUPABASE_URL.length > 0 &&
  typeof process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY === "string" &&
  process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY.length > 0

// Create a cached version of the Supabase client for Server Components
export const createClient = cache(() => {
  const cookieStore = cookies()

if (!isSupabaseConfigured) {
    console.warn("Supabase environment variables are not set. Using dummy client.")
    return {
      auth: {
        getUser: () => Promise.resolve({ data: { user: null }, error: null }),
        getSession: () => Promise.resolve({ data: { session: null }, error: null }),
      },
      from: () => ({
        select: () => ({
          eq: () => Promise.resolve({ data: [], error: null }),
        }),
      }),
    }
  }

return createServerComponentClient({ cookies: () => cookieStore })
})
[V0_FILE]typescriptreact:file="lib/supabase/client.ts" isEdit="true" isMerged="true"
import { createClientComponentClient } from "@supabase/auth-helpers-nextjs"

// Create a singleton instance of the Supabase client for Client Components
export const createClient = () => {
  if (!isSupabaseConfigured) {
    console.warn("Supabase environment variables are not set. Using dummy client.")
    return {
      auth: {
        getUser: () => Promise.resolve({ data: { user: null }, error: null }),
        getSession: () => Promise.resolve({ data: { session: null }, error: null }),
        onAuthStateChange: () => ({
          data: {
            subscription: {
              unsubscribe: () => {},
            },
          },
        }),
      },
      from: () => ({
        select: () => ({
          eq: () => Promise.resolve({ data: [], error: null }),
        }),
      }),
    }
  }

return createClientComponentClient()
}

export const supabase = createClient()
[V0_FILE]typescriptreact:file="app/dashboard/reports/page.tsx" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import { useState } from "react"
import { useAppContext } from "@/lib/context/app-context"
import DashboardLayout from "@/components/dashboard/dashboard-layout"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Badge } from "@/components/ui/badge"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import { Download, FileText, Share, Eye, MoreHorizontal } from "lucide-react"
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogHeader,
  DialogTitle,
  DialogTrigger,
} from "@/components/ui/dialog"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Label } from "@/components/ui/label"

export default function ReportsPage() {
  const { user, company, stakeholders, fundingRounds } = useAppContext()
  const [isGenerating, setIsGenerating] = useState(false)
  const [selectedFormat, setSelectedFormat] = useState("PDF")

const generateReport = async (type: string, format: string) => {
    setIsGenerating(true)
    console.log(`[v0] Generating ${type} report in ${format} format`)

// Simulate report generation
    await new Promise((resolve) => setTimeout(resolve, 2000))

// Create and download mock report data
    const reportData = {
      type,
      format,
      generatedAt: new Date().toISOString(),
      stakeholders: stakeholders.length,
      fundingRounds: fundingRounds.length,
      data:
        type === "cap_table" ? stakeholders : type === "funding" ? fundingRounds : { summary: `${type} report data` },
    }

const blob = new Blob([JSON.stringify(reportData, null, 2)], { type: "application/json" })
    const url = URL.createObjectURL(blob)
    const a = document.createElement("a")
    a.href = url
    a.download = `${type}_report_${Date.now()}.${format.toLowerCase()}`
    document.body.appendChild(a)
    a.click()
    document.body.removeChild(a)
    URL.revokeObjectURL(url)

setIsGenerating(false)
  }

const reportTemplates = [
    {
      id: "cap_table",
      name: "Cap Table Summary",
      description: "Complete ownership breakdown with share classes and vesting",
      formats: ["PDF", "CSV", "Excel"],
    },
    {
      id: "stakeholders",
      name: "Stakeholder Directory",
      description: "Contact information and equity details for all stakeholders",
      formats: ["PDF", "CSV"],
    },
    {
      id: "funding",
      name: "Funding History",
      description: "Historical funding rounds, valuations, and investor details",
      formats: ["PDF", "Excel"],
    },
    {
      id: "scenarios",
      name: "Exit Scenarios",
      description: "Waterfall analysis and returns for different exit valuations",
      formats: ["PDF", "Excel"],
    },
    {
      id: "vesting",
      name: "Vesting Schedule",
      description: "Current vesting status and upcoming vesting events",
      formats: ["PDF", "CSV"],
    },
    {
      id: "audit",
      name: "Audit Trail",
      description: "Complete history of cap table changes and transactions",
      formats: ["PDF", "CSV"],
    },
  ]

const getStatusColor = (status: string) => {
    switch (status) {
      case "ready":
        return "bg-green-100 text-green-800"
      case "generating":
        return "bg-yellow-100 text-yellow-800"
      case "failed":
        return "bg-red-100 text-red-800"
      default:
        return "bg-gray-100 text-gray-800"
    }
  }

const getTypeIcon = (type: string) => {
    switch (type) {
      case "cap_table":
        return "📊"
      case "stakeholders":
        return "👥"
      case "funding":
        return "💰"
      case "scenarios":
        return "🎯"
      case "vesting":
        return "⏰"
      case "audit":
        return "📋"
      default:
        return "📄"
    }
  }

const reports = [
    {
      id: "1",
      name: "Cap Table Summary",
      type: "cap_table",
      description: "Complete ownership breakdown with vesting details",
      format: "PDF",
      createdAt: "2024-01-15T10:30:00Z",
      createdBy: user?.user_metadata?.full_name || "Demo User",
      status: "ready",
      size: "2.3 MB",
    },
    {
      id: "2",
      name: "Stakeholder Report",
      type: "stakeholders",
      description: "Detailed stakeholder information and contact details",
      format: "CSV",
      createdAt: "2024-01-14T15:45:00Z",
      createdBy: "Michael Rodriguez",
      status: "ready",
      size: "156 KB",
    },
    {
      id: "3",
      name: "Funding History",
      type: "funding",
      description: "Historical funding rounds and investor information",
      format: "PDF",
      createdAt: "2024-01-13T09:15:00Z",
      createdBy: "Sarah Chen",
      status: "ready",
      size: "1.8 MB",
    },
    {
      id: "4",
      name: "Exit Scenario Analysis",
      type: "scenarios",
      description: "Waterfall analysis for different exit valuations",
      format: "Excel",
      createdAt: "2024-01-12T14:20:00Z",
      createdBy: user?.user_metadata?.full_name || "Demo User",
      status: "generating",
      size: "Processing...",
    },
    {
      id: "5",
      name: "Vesting Schedule Report",
      type: "vesting",
      description: "Current vesting status and upcoming milestones",
      format: "PDF",
      createdAt: "2024-01-10T11:00:00Z",
      createdBy: "Sarah Chen",
      status: "ready",
      size: "945 KB",
    },
  ]

{/* Quick Actions */}
        <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
          <Card className="cursor-pointer hover:shadow-md transition-shadow">
            <CardHeader className="pb-3">
              <div className="flex items-center space-x-2">
                <div className="text-2xl">📊</div>
                <CardTitle className="text-lg">Generate Cap Table</CardTitle>
              </div>
            </CardHeader>
            <CardContent>
              <p className="text-sm text-slate-600 mb-3">Export current ownership breakdown</p>
              <Dialog>
                <DialogTrigger asChild>
                  <Button size="sm" className="w-full">
                    <Download className="w-4 h-4 mr-2" />
                    Generate Report
                  </Button>
                </DialogTrigger>
                <DialogContent>
                  <DialogHeader>
                    <DialogTitle>Generate Cap Table Report</DialogTitle>
                    <DialogDescription>Choose the format for your cap table export</DialogDescription>
                  </DialogHeader>
                  <div className="space-y-4">
                    <div className="space-y-2">
                      <Label>Format</Label>
                      <Select value={selectedFormat} onValueChange={setSelectedFormat}>
                        <SelectTrigger>
                          <SelectValue />
                        </SelectTrigger>
                        <SelectContent>
                          <SelectItem value="PDF">PDF</SelectItem>
                          <SelectItem value="CSV">CSV</SelectItem>
                          <SelectItem value="Excel">Excel</SelectItem>
                        </SelectContent>
                      </Select>
                    </div>
                    <Button
                      onClick={() => generateReport("cap_table", selectedFormat)}
                      disabled={isGenerating}
                      className="w-full"
                    >
                      {isGenerating ? "Generating..." : "Generate Report"}
                    </Button>
                  </div>
                </DialogContent>
              </Dialog>
            </CardContent>
          </Card>

<Card className="cursor-pointer hover:shadow-md transition-shadow">
            <CardHeader className="pb-3">
              <div className="flex items-center space-x-2">
                <div className="text-2xl">🎯</div>
                <CardTitle className="text-lg">Exit Analysis</CardTitle>
              </div>
            </CardHeader>
            <CardContent>
              <p className="text-sm text-slate-600 mb-3">Scenario modeling and waterfall analysis</p>
              <Button size="sm" className="w-full" onClick={() => generateReport("scenarios", "PDF")}>
                <Download className="w-4 h-4 mr-2" />
                Generate Report
              </Button>
            </CardContent>
          </Card>

<Card className="cursor-pointer hover:shadow-md transition-shadow">
            <CardHeader className="pb-3">
              <div className="flex items-center space-x-2">
                <div className="text-2xl">👥</div>
                <CardTitle className="text-lg">Stakeholder List</CardTitle>
              </div>
            </CardHeader>
            <CardContent>
              <p className="text-sm text-slate-600 mb-3">Complete stakeholder directory</p>
              <Button size="sm" className="w-full" onClick={() => generateReport("stakeholders", "CSV")}>
                <Download className="w-4 h-4 mr-2" />
                Generate Report
              </Button>
            </CardContent>
          </Card>
        </div>

{/* Recent Reports */}
        <Card>
          <CardHeader>
            <CardTitle>Recent Reports</CardTitle>
            <CardDescription>Your recently generated reports and exports</CardDescription>
          </CardHeader>
          <CardContent>
            <Table>
              <TableHeader>
                <TableRow>
                  <TableHead>Report</TableHead>
                  <TableHead>Type</TableHead>
                  <TableHead>Format</TableHead>
                  <TableHead>Created</TableHead>
                  <TableHead>Created By</TableHead>
                  <TableHead>Status</TableHead>
                  <TableHead>Size</TableHead>
                  <TableHead></TableHead>
                </TableRow>
              </TableHeader>
              <TableBody>
                {reports.map((report) => (
                  <TableRow key={report.id}>
                    <TableCell>
                      <div className="flex items-center space-x-3">
                        <div className="text-lg">{getTypeIcon(report.type)}</div>
                        <div>
                          <p className="font-medium">{report.name}</p>
                          <p className="text-sm text-slate-600">{report.description}</p>
                        </div>
                      </div>
                    </TableCell>
                    <TableCell>
                      <Badge variant="outline">{report.type.replace("_", " ")}</Badge>
                    </TableCell>
                    <TableCell>{report.format}</TableCell>
                    <TableCell>{new Date(report.createdAt).toLocaleDateString()}</TableCell>
                    <TableCell>{report.createdBy}</TableCell>
                    <TableCell>
                      <Badge className={getStatusColor(report.status)}>{report.status}</Badge>
                    </TableCell>
                    <TableCell>{report.size}</TableCell>
                    <TableCell>
                      <DropdownMenu>
                        <DropdownMenuTrigger asChild>
                          <Button variant="ghost" size="sm">
                            <MoreHorizontal className="w-4 h-4" />
                          </Button>
                        </DropdownMenuTrigger>
                        <DropdownMenuContent align="end">
                          <DropdownMenuItem
                            disabled={report.status !== "ready"}
                            onClick={() => generateReport(report.type, report.format)}
                          >
                            <Download className="w-4 h-4 mr-2" />
                            Download
                          </DropdownMenuItem>
                          <DropdownMenuItem disabled={report.status !== "ready"}>
                            <Eye className="w-4 h-4 mr-2" />
                            Preview
                          </DropdownMenuItem>
                          <DropdownMenuItem disabled={report.status !== "ready"}>
                            <Share className="w-4 h-4 mr-2" />
                            Share
                          </DropdownMenuItem>
                        </DropdownMenuContent>
                      </DropdownMenu>
                    </TableCell>
                  </TableRow>
                ))}
              </TableBody>
            </Table>
          </CardContent>
        </Card>

{/* Report Templates */}
        <Card>
          <CardHeader>
            <CardTitle>Available Reports</CardTitle>
            <CardDescription>Generate new reports from these templates</CardDescription>
          </CardHeader>
          <CardContent>
            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
              {reportTemplates.map((template) => (
                <Card key={template.id} className="cursor-pointer hover:shadow-md transition-shadow">
                  <CardHeader className="pb-3">
                    <div className="flex items-center space-x-2">
                      <div className="text-xl">{getTypeIcon(template.id)}</div>
                      <CardTitle className="text-base">{template.name}</CardTitle>
                    </div>
                  </CardHeader>
                  <CardContent>
                    <p className="text-sm text-slate-600 mb-3">{template.description}</p>
                    <div className="flex flex-wrap gap-1 mb-3">
                      {template.formats.map((format) => (
                        <Badge key={format} variant="secondary" className="text-xs">
                          {format}
                        </Badge>
                      ))}
                    </div>
                    <Button
                      size="sm"
                      className="w-full"
                      onClick={() => generateReport(template.id, template.formats[0])}
                    >
                      <FileText className="w-4 h-4 mr-2" />
                      Generate
                    </Button>
                  </CardContent>
                </Card>
              ))}
            </div>
          </CardContent>
        </Card>
      </div>
    </DashboardLayout>
  )
}
[V0_FILE]sql:file="scripts/003_fix_rls_policies.sql" isMerged="true"
-- Fix RLS policies to allow user registration and proper access control

-- Drop existing policies if they exist
DROP POLICY IF EXISTS "Users can insert their own record" ON users;
DROP POLICY IF EXISTS "Users can view their own record" ON users;
DROP POLICY IF EXISTS "Users can update their own record" ON users;

-- Enable RLS on users table
ALTER TABLE users ENABLE ROW LEVEL SECURITY;

-- Policy to allow users to insert their own record during sign-up
CREATE POLICY "Users can insert their own record" ON users
  FOR INSERT 
  WITH CHECK (auth.uid() = id);

-- Policy to allow users to view their own record
CREATE POLICY "Users can view their own record" ON users
  FOR SELECT 
  USING (auth.uid() = id);

-- Policy to allow users to update their own record
CREATE POLICY "Users can update their own record" ON users
  FOR UPDATE 
  USING (auth.uid() = id)
  WITH CHECK (auth.uid() = id);

-- Fix companies table RLS policies to prevent infinite recursion
DROP POLICY IF EXISTS "Users can view their own companies" ON companies;
DROP POLICY IF EXISTS "Users can insert their own companies" ON companies;
DROP POLICY IF EXISTS "Users can update their own companies" ON companies;

-- Enable RLS on companies table
ALTER TABLE companies ENABLE ROW LEVEL SECURITY;

-- Simple policies for companies table
CREATE POLICY "Users can view their own companies" ON companies
  FOR SELECT 
  USING (created_by = auth.uid());

CREATE POLICY "Users can insert their own companies" ON companies
  FOR INSERT 
  WITH CHECK (created_by = auth.uid());

CREATE POLICY "Users can update their own companies" ON companies
  FOR UPDATE 
  USING (created_by = auth.uid())
  WITH CHECK (created_by = auth.uid());

-- Fix stakeholders table RLS policies
DROP POLICY IF EXISTS "Users can manage stakeholders in their companies" ON stakeholders;

ALTER TABLE stakeholders ENABLE ROW LEVEL SECURITY;

CREATE POLICY "Users can manage stakeholders in their companies" ON stakeholders
  FOR ALL 
  USING (
    company_id IN (
      SELECT id FROM companies WHERE created_by = auth.uid()
    )
  )
  WITH CHECK (
    company_id IN (
      SELECT id FROM companies WHERE created_by = auth.uid()
    )
  );

-- Fix funding_rounds table RLS policies
DROP POLICY IF EXISTS "Users can manage funding rounds in their companies" ON funding_rounds;

ALTER TABLE funding_rounds ENABLE ROW LEVEL SECURITY;

CREATE POLICY "Users can manage funding rounds in their companies" ON funding_rounds
  FOR ALL 
  USING (
    company_id IN (
      SELECT id FROM companies WHERE created_by = auth.uid()
    )
  )
  WITH CHECK (
    company_id IN (
      SELECT id FROM companies WHERE created_by = auth.uid()
    )
  );

-- Fix other related tables
ALTER TABLE share_classes ENABLE ROW LEVEL SECURITY;
ALTER TABLE share_ownership ENABLE ROW LEVEL SECURITY;
ALTER TABLE option_pools ENABLE ROW LEVEL SECURITY;
ALTER TABLE scenarios ENABLE ROW LEVEL SECURITY;

-- Policies for share_classes
DROP POLICY IF EXISTS "Users can manage share classes in their companies" ON share_classes;
CREATE POLICY "Users can manage share classes in their companies" ON share_classes
  FOR ALL 
  USING (
    company_id IN (
      SELECT id FROM companies WHERE created_by = auth.uid()
    )
  )
  WITH CHECK (
    company_id IN (
      SELECT id FROM companies WHERE created_by = auth.uid()
    )
  );

-- Policies for share_ownership
DROP POLICY IF EXISTS "Users can manage share ownership in their companies" ON share_ownership;
CREATE POLICY "Users can manage share ownership in their companies" ON share_ownership
  FOR ALL 
  USING (
    company_id IN (
      SELECT id FROM companies WHERE created_by = auth.uid()
    )
  )
  WITH CHECK (
    company_id IN (
      SELECT id FROM companies WHERE created_by = auth.uid()
    )
  );

-- Policies for option_pools
DROP POLICY IF EXISTS "Users can manage option pools in their companies" ON option_pools;
CREATE POLICY "Users can manage option pools in their companies" ON option_pools
  FOR ALL 
  USING (
    company_id IN (
      SELECT id FROM companies WHERE created_by = auth.uid()
    )
  )
  WITH CHECK (
    company_id IN (
      SELECT id FROM companies WHERE created_by = auth.uid()
    )
  );

-- Policies for scenarios
DROP POLICY IF EXISTS "Users can manage scenarios in their companies" ON scenarios;
CREATE POLICY "Users can manage scenarios in their companies" ON scenarios
  FOR ALL 
  USING (
    company_id IN (
      SELECT id FROM companies WHERE created_by = auth.uid()
    )
  )
  WITH CHECK (
    company_id IN (
      SELECT id FROM companies WHERE created_by = auth.uid()
    )
  );
[V0_FILE]typescriptreact:file="lib/actions.ts" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true"
"use server"

import { createServerActionClient } from "@supabase/auth-helpers-nextjs"
import { cookies } from "next/headers"
import { redirect } from "next/navigation"

// Sign in action
export async function signIn(prevState: any, formData: FormData) {
  // Check if formData is valid
  if (!formData) {
    return { error: "Form data is missing" }
  }

const email = formData.get("email")
  const password = formData.get("password")

// Validate required fields
  if (!email || !password) {
    return { error: "Email and password are required" }
  }

const cookieStore = cookies()
  const supabase = createServerActionClient({ cookies: () => cookieStore })

try {
    const { error } = await supabase.auth.signInWithPassword({
      email: email.toString(),
      password: password.toString(),
    })

if (error) {
      return { error: error.message }
    }

return { success: true }
  } catch (error) {
    console.error("Login error:", error)
    return { error: "An unexpected error occurred. Please try again." }
  }
}

export async function signUp(prevState: any, formData: FormData) {
  // Check if formData is valid
  if (!formData) {
    return { error: "Form data is missing" }
  }

const email = formData.get("email")
  const password = formData.get("password")
  const fullName = formData.get("fullName")

// Validate required fields
  if (!email || !password || !fullName) {
    return { error: "All fields are required" }
  }

const cookieStore = cookies()
  const supabase = createServerActionClient({ cookies: () => cookieStore })

try {
    const { error } = await supabase.auth.signUp({
      email: email.toString(),
      password: password.toString(),
      options: {
        emailRedirectTo:
          process.env.NEXT_PUBLIC_DEV_SUPABASE_REDIRECT_URL ||
          `${process.env.NEXT_PUBLIC_SITE_URL || "http://localhost:3000"}/dashboard`,
        data: {
          full_name: fullName.toString(),
        },
      },
    })

if (error) {
      return { error: error.message }
    }

return { success: "Check your email to confirm your account." }
  } catch (error) {
    console.error("Sign up error:", error)
    return { error: "An unexpected error occurred. Please try again." }
  }
}

export async function signOut() {
  const cookieStore = cookies()
  const supabase = createServerActionClient({ cookies: () => cookieStore })

await supabase.auth.signOut()
  redirect("/auth/login")
}

export async function inviteUser(prevState: any, formData: FormData) {
  if (!formData) {
    return { error: "Form data is missing" }
  }

const email = formData.get("email")
  const role = formData.get("role")
  const companyId = formData.get("companyId")

if (!email || !role || !companyId) {
    return { error: "Email, role, and company are required" }
  }

const cookieStore = cookies()
  const supabase = createServerActionClient({ cookies: () => cookieStore })

try {
    // Check if user has permission to invite (owner or admin)
    const {
      data: { user },
    } = await supabase.auth.getUser()
    if (!user) {
      return { error: "Authentication required" }
    }

const { data: membership } = await supabase
      .from("company_members")
      .select("role")
      .eq("company_id", companyId.toString())
      .eq("user_id", user.id)
      .single()

if (!membership || !["owner", "admin"].includes(membership.role)) {
      return { error: "Insufficient permissions to invite users" }
    }

// Check if user is already a member
    const { data: existingMember } = await supabase
      .from("company_members")
      .select("id")
      .eq("company_id", companyId.toString())
      .eq("user_id", user.id)
      .single()

if (existingMember) {
      return { error: "User is already a member of this company" }
    }

// Check if there's already a pending invitation
    const { data: existingInvitation } = await supabase
      .from("company_invitations")
      .select("id")
      .eq("company_id", companyId.toString())
      .eq("email", email.toString())
      .eq("status", "pending")
      .single()

if (existingInvitation) {
      return { error: "An invitation is already pending for this email" }
    }

// Create invitation
    const { error: inviteError } = await supabase.from("company_invitations").insert({
      company_id: companyId.toString(),
      invited_by: user.id,
      email: email.toString(),
      role: role.toString(),
      status: "pending",
      expires_at: new Date(Date.now() + 7 * 24 * 60 * 60 * 1000).toISOString(), // 7 days
    })

if (inviteError) {
      console.error("Invitation error:", inviteError)
      return { error: "Failed to send invitation" }
    }

// In a real app, you would send an email here
    console.log(`[v0] Invitation sent to ${email} for role ${role}`)

return { success: `Invitation sent to ${email}` }
  } catch (error) {
    console.error("Invite user error:", error)
    return { error: "An unexpected error occurred" }
  }
}

export async function acceptInvitation(token: string) {
  const cookieStore = cookies()
  const supabase = createServerActionClient({ cookies: () => cookieStore })

try {
    const {
      data: { user },
    } = await supabase.auth.getUser()
    if (!user) {
      return { error: "Authentication required" }
    }

// Find the invitation
    const { data: invitation, error: inviteError } = await supabase
      .from("company_invitations")
      .select("*")
      .eq("token", token)
      .eq("status", "pending")
      .single()

if (inviteError || !invitation) {
      return { error: "Invalid or expired invitation" }
    }

// Check if invitation has expired
    if (new Date(invitation.expires_at) < new Date()) {
      return { error: "Invitation has expired" }
    }

// Check if the user's email matches the invitation
    if (user.email !== invitation.email) {
      return { error: "This invitation is for a different email address" }
    }

// Add user to company
    const { error: memberError } = await supabase.from("company_members").insert({
      company_id: invitation.company_id,
      user_id: user.id,
      role: invitation.role,
    })

if (memberError) {
      console.error("Member creation error:", memberError)
      return { error: "Failed to join company" }
    }

// Update invitation status
    const { error: updateError } = await supabase
      .from("company_invitations")
      .update({ status: "accepted" })
      .eq("id", invitation.id)

if (updateError) {
      console.error("Invitation update error:", updateError)
    }

return { success: "Successfully joined the company!" }
  } catch (error) {
    console.error("Accept invitation error:", error)
    return { error: "An unexpected error occurred" }
  }
}

export async function declineInvitation(token: string) {
  const cookieStore = cookies()
  const supabase = createServerActionClient({ cookies: () => cookieStore })

try {
    const { error } = await supabase
      .from("company_invitations")
      .update({ status: "declined" })
      .eq("token", token)
      .eq("status", "pending")

if (error) {
      return { error: "Failed to decline invitation" }
    }

return { success: "Invitation declined" }
  } catch (error) {
    console.error("Decline invitation error:", error)
    return { error: "An unexpected error occurred" }
  }
}

export async function cancelInvitation(invitationId: string) {
  const cookieStore = cookies()
  const supabase = createServerActionClient({ cookies: () => cookieStore })

try {
    const {
      data: { user },
    } = await supabase.auth.getUser()
    if (!user) {
      return { error: "Authentication required" }
    }

// Get invitation details to check permissions
    const { data: invitation } = await supabase
      .from("company_invitations")
      .select("company_id, invited_by")
      .eq("id", invitationId)
      .single()

if (!invitation) {
      return { error: "Invitation not found" }
    }

// Check if user has permission (owner, admin, or the person who sent the invitation)
    const { data: membership } = await supabase
      .from("company_members")
      .select("role")
      .eq("company_id", invitation.company_id)
      .eq("user_id", user.id)
      .single()

const canCancel = (membership && ["owner", "admin"].includes(membership.role)) || invitation.invited_by === user.id

if (!canCancel) {
      return { error: "Insufficient permissions to cancel invitation" }
    }

const { error } = await supabase.from("company_invitations").delete().eq("id", invitationId)

if (error) {
      return { error: "Failed to cancel invitation" }
    }

return { success: "Invitation cancelled" }
  } catch (error) {
    console.error("Cancel invitation error:", error)
    return { error: "An unexpected error occurred" }
  }
}

export async function updateMemberRole(memberId: string, newRole: string) {
  const cookieStore = cookies()
  const supabase = createServerActionClient({ cookies: () => cookieStore })

try {
    const {
      data: { user },
    } = await supabase.auth.getUser()
    if (!user) {
      return { error: "Authentication required" }
    }

// Get member details to check permissions
    const { data: member } = await supabase
      .from("company_members")
      .select("company_id, role")
      .eq("id", memberId)
      .single()

if (!member) {
      return { error: "Member not found" }
    }

// Check if current user has permission (owner or admin)
    const { data: currentUserMembership } = await supabase
      .from("company_members")
      .select("role")
      .eq("company_id", member.company_id)
      .eq("user_id", user.id)
      .single()

if (!currentUserMembership || !["owner", "admin"].includes(currentUserMembership.role)) {
      return { error: "Insufficient permissions to update member role" }
    }

// Prevent non-owners from changing owner roles
    if (member.role === "owner" && currentUserMembership.role !== "owner") {
      return { error: "Only owners can modify owner roles" }
    }

const { error } = await supabase.from("company_members").update({ role: newRole }).eq("id", memberId)

if (error) {
      return { error: "Failed to update member role" }
    }

return { success: "Member role updated successfully" }
  } catch (error) {
    console.error("Update member role error:", error)
    return { error: "An unexpected error occurred" }
  }
}

export async function removeMember(memberId: string) {
  const cookieStore = cookies()
  const supabase = createServerActionClient({ cookies: () => cookieStore })

try {
    const {
      data: { user },
    } = await supabase.auth.getUser()
    if (!user) {
      return { error: "Authentication required" }
    }

// Get member details to check permissions
    const { data: member } = await supabase
      .from("company_members")
      .select("company_id, user_id, role")
      .eq("id", memberId)
      .single()

if (!member) {
      return { error: "Member not found" }
    }

if (!currentUserMembership || !["owner", "admin"].includes(currentUserMembership.role)) {
      return { error: "Insufficient permissions to remove member" }
    }

// Prevent removing owners (unless removing self)
    if (member.role === "owner" && member.user_id !== user.id) {
      return { error: "Cannot remove other owners from the company" }
    }

const { error } = await supabase.from("company_members").delete().eq("id", memberId)

if (error) {
      return { error: "Failed to remove member" }
    }

return { success: "Member removed successfully" }
  } catch (error) {
    console.error("Remove member error:", error)
    return { error: "An unexpected error occurred" }
  }
}
[V0_FILE]sql:file="scripts/004_fix_infinite_recursion_policies.sql" isMerged="true"
-- Fix infinite recursion in RLS policies by dropping and recreating them properly
-- This script removes circular dependencies and implements simple, secure policies

-- Drop all existing RLS policies that are causing infinite recursion
DROP POLICY IF EXISTS "Users can view their own companies" ON companies;
DROP POLICY IF EXISTS "Users can insert their own companies" ON companies;
DROP POLICY IF EXISTS "Users can update their own companies" ON companies;
DROP POLICY IF EXISTS "Users can delete their own companies" ON companies;

DROP POLICY IF EXISTS "Users can view their company stakeholders" ON stakeholders;
DROP POLICY IF EXISTS "Users can insert stakeholders for their company" ON stakeholders;
DROP POLICY IF EXISTS "Users can update stakeholders for their company" ON stakeholders;
DROP POLICY IF EXISTS "Users can delete stakeholders for their company" ON stakeholders;

DROP POLICY IF EXISTS "Users can view their company funding rounds" ON funding_rounds;
DROP POLICY IF EXISTS "Users can insert funding rounds for their company" ON funding_rounds;
DROP POLICY IF EXISTS "Users can update funding rounds for their company" ON funding_rounds;
DROP POLICY IF EXISTS "Users can delete funding rounds for their company" ON funding_rounds;

DROP POLICY IF EXISTS "Users can view their company share classes" ON share_classes;
DROP POLICY IF EXISTS "Users can insert share classes for their company" ON share_classes;
DROP POLICY IF EXISTS "Users can update share classes for their company" ON share_classes;
DROP POLICY IF EXISTS "Users can delete share classes for their company" ON share_classes;

DROP POLICY IF EXISTS "Users can view their company share ownership" ON share_ownership;
DROP POLICY IF EXISTS "Users can insert share ownership for their company" ON share_ownership;
DROP POLICY IF EXISTS "Users can update share ownership for their company" ON share_ownership;
DROP POLICY IF EXISTS "Users can delete share ownership for their company" ON share_ownership;

DROP POLICY IF EXISTS "Users can view their company option pools" ON option_pools;
DROP POLICY IF EXISTS "Users can insert option pools for their company" ON option_pools;
DROP POLICY IF EXISTS "Users can update option pools for their company" ON option_pools;
DROP POLICY IF EXISTS "Users can delete option pools for their company" ON option_pools;

DROP POLICY IF EXISTS "Users can view their company scenarios" ON scenarios;
DROP POLICY IF EXISTS "Users can insert scenarios for their company" ON scenarios;
DROP POLICY IF EXISTS "Users can update scenarios for their company" ON scenarios;
DROP POLICY IF EXISTS "Users can delete scenarios for their company" ON scenarios;

-- Create simple, non-recursive RLS policies
-- Companies table - users can access companies they created
CREATE POLICY "Enable read access for company creators" ON companies
    FOR SELECT USING (auth.uid() = created_by);

CREATE POLICY "Enable insert for authenticated users" ON companies
    FOR INSERT WITH CHECK (auth.uid() = created_by);

CREATE POLICY "Enable update for company creators" ON companies
    FOR UPDATE USING (auth.uid() = created_by);

CREATE POLICY "Enable delete for company creators" ON companies
    FOR DELETE USING (auth.uid() = created_by);

-- Stakeholders table - simple company-based access
CREATE POLICY "Enable read access for company stakeholders" ON stakeholders
    FOR SELECT USING (
        EXISTS (
            SELECT 1 FROM companies 
            WHERE companies.id = stakeholders.company_id 
            AND companies.created_by = auth.uid()
        )
    );

CREATE POLICY "Enable insert for company owners" ON stakeholders
    FOR INSERT WITH CHECK (
        EXISTS (
            SELECT 1 FROM companies 
            WHERE companies.id = stakeholders.company_id 
            AND companies.created_by = auth.uid()
        )
    );

CREATE POLICY "Enable update for company owners" ON stakeholders
    FOR UPDATE USING (
        EXISTS (
            SELECT 1 FROM companies 
            WHERE companies.id = stakeholders.company_id 
            AND companies.created_by = auth.uid()
        )
    );

CREATE POLICY "Enable delete for company owners" ON stakeholders
    FOR DELETE USING (
        EXISTS (
            SELECT 1 FROM companies 
            WHERE companies.id = stakeholders.company_id 
            AND companies.created_by = auth.uid()
        )
    );

-- Funding rounds table
CREATE POLICY "Enable read access for company funding rounds" ON funding_rounds
    FOR SELECT USING (
        EXISTS (
            SELECT 1 FROM companies 
            WHERE companies.id = funding_rounds.company_id 
            AND companies.created_by = auth.uid()
        )
    );

CREATE POLICY "Enable insert for company funding rounds" ON funding_rounds
    FOR INSERT WITH CHECK (
        EXISTS (
            SELECT 1 FROM companies 
            WHERE companies.id = funding_rounds.company_id 
            AND companies.created_by = auth.uid()
        )
    );

CREATE POLICY "Enable update for company funding rounds" ON funding_rounds
    FOR UPDATE USING (
        EXISTS (
            SELECT 1 FROM companies 
            WHERE companies.id = funding_rounds.company_id 
            AND companies.created_by = auth.uid()
        )
    );

CREATE POLICY "Enable delete for company funding rounds" ON funding_rounds
    FOR DELETE USING (
        EXISTS (
            SELECT 1 FROM companies 
            WHERE companies.id = funding_rounds.company_id 
            AND companies.created_by = auth.uid()
        )
    );

-- Share classes table
CREATE POLICY "Enable read access for company share classes" ON share_classes
    FOR SELECT USING (
        EXISTS (
            SELECT 1 FROM companies 
            WHERE companies.id = share_classes.company_id 
            AND companies.created_by = auth.uid()
        )
    );

CREATE POLICY "Enable insert for company share classes" ON share_classes
    FOR INSERT WITH CHECK (
        EXISTS (
            SELECT 1 FROM companies 
            WHERE companies.id = share_classes.company_id 
            AND companies.created_by = auth.uid()
        )
    );

CREATE POLICY "Enable update for company share classes" ON share_classes
    FOR UPDATE USING (
        EXISTS (
            SELECT 1 FROM companies 
            WHERE companies.id = share_classes.company_id 
            AND companies.created_by = auth.uid()
        )
    );

CREATE POLICY "Enable delete for company share classes" ON share_classes
    FOR DELETE USING (
        EXISTS (
            SELECT 1 FROM companies 
            WHERE companies.id = share_classes.company_id 
            AND companies.created_by = auth.uid()
        )
    );

-- Share ownership table
CREATE POLICY "Enable read access for company share ownership" ON share_ownership
    FOR SELECT USING (
        EXISTS (
            SELECT 1 FROM companies 
            WHERE companies.id = share_ownership.company_id 
            AND companies.created_by = auth.uid()
        )
    );

CREATE POLICY "Enable insert for company share ownership" ON share_ownership
    FOR INSERT WITH CHECK (
        EXISTS (
            SELECT 1 FROM companies 
            WHERE companies.id = share_ownership.company_id 
            AND companies.created_by = auth.uid()
        )
    );

CREATE POLICY "Enable update for company share ownership" ON share_ownership
    FOR UPDATE USING (
        EXISTS (
            SELECT 1 FROM companies 
            WHERE companies.id = share_ownership.company_id 
            AND companies.created_by = auth.uid()
        )
    );

CREATE POLICY "Enable delete for company share ownership" ON share_ownership
    FOR DELETE USING (
        EXISTS (
            SELECT 1 FROM companies 
            WHERE companies.id = share_ownership.company_id 
            AND companies.created_by = auth.uid()
        )
    );

-- Option pools table
CREATE POLICY "Enable read access for company option pools" ON option_pools
    FOR SELECT USING (
        EXISTS (
            SELECT 1 FROM companies 
            WHERE companies.id = option_pools.company_id 
            AND companies.created_by = auth.uid()
        )
    );

CREATE POLICY "Enable insert for company option pools" ON option_pools
    FOR INSERT WITH CHECK (
        EXISTS (
            SELECT 1 FROM companies 
            WHERE companies.id = option_pools.company_id 
            AND companies.created_by = auth.uid()
        )
    );

CREATE POLICY "Enable update for company option pools" ON option_pools
    FOR UPDATE USING (
        EXISTS (
            SELECT 1 FROM companies 
            WHERE companies.id = option_pools.company_id 
            AND companies.created_by = auth.uid()
        )
    );

CREATE POLICY "Enable delete for company option pools" ON option_pools
    FOR DELETE USING (
        EXISTS (
            SELECT 1 FROM companies 
            WHERE companies.id = option_pools.company_id 
            AND companies.created_by = auth.uid()
        )
    );

-- Scenarios table
CREATE POLICY "Enable read access for company scenarios" ON scenarios
    FOR SELECT USING (
        EXISTS (
            SELECT 1 FROM companies 
            WHERE companies.id = scenarios.company_id 
            AND companies.created_by = auth.uid()
        )
    );

CREATE POLICY "Enable insert for company scenarios" ON scenarios
    FOR INSERT WITH CHECK (
        EXISTS (
            SELECT 1 FROM companies 
            WHERE companies.id = scenarios.company_id 
            AND companies.created_by = auth.uid()
        )
    );

CREATE POLICY "Enable update for company scenarios" ON scenarios
    FOR UPDATE USING (
        EXISTS (
            SELECT 1 FROM companies 
            WHERE companies.id = scenarios.company_id 
            AND companies.created_by = auth.uid()
        )
    );

CREATE POLICY "Enable delete for company scenarios" ON scenarios
    FOR DELETE USING (
        EXISTS (
            SELECT 1 FROM companies 
            WHERE companies.id = scenarios.company_id 
            AND companies.created_by = auth.uid()
        )
    );

-- Users table - users can only access their own record
CREATE POLICY "Users can view own profile" ON users
    FOR SELECT USING (auth.uid() = id);

CREATE POLICY "Users can insert own profile" ON users
    FOR INSERT WITH CHECK (auth.uid() = id);

CREATE POLICY "Users can update own profile" ON users
    FOR UPDATE USING (auth.uid() = id);

-- Ensure RLS is enabled on all tables
ALTER TABLE companies ENABLE ROW LEVEL SECURITY;
ALTER TABLE stakeholders ENABLE ROW LEVEL SECURITY;
ALTER TABLE funding_rounds ENABLE ROW LEVEL SECURITY;
ALTER TABLE share_classes ENABLE ROW LEVEL SECURITY;
ALTER TABLE share_ownership ENABLE ROW LEVEL SECURITY;
ALTER TABLE option_pools ENABLE ROW LEVEL SECURITY;
ALTER TABLE scenarios ENABLE ROW LEVEL SECURITY;
ALTER TABLE users ENABLE ROW LEVEL SECURITY;
[V0_FILE]typescriptreact:file="app/dashboard/page.tsx" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"
import DashboardLayout from "@/components/dashboard/dashboard-layout"
import OverviewCards from "@/components/dashboard/overview-cards"
import CapTableChart from "@/components/dashboard/cap-table-chart"
import StakeholdersTable from "@/components/dashboard/stakeholders-table"
import FundingTimeline from "@/components/dashboard/funding-timeline"
import AIInsightsPanel from "@/components/ai/ai-insights-panel"
import MarketBenchmarks from "@/components/ai/market-benchmarks"
import { useApp } from "@/lib/context/app-context"

export default function DashboardPage() {
  const {
    user,
    loading,
    stakeholders,
    fundingRounds,
    company,
    addStakeholder: contextAddStakeholder,
    addFundingRound: contextAddFundingRound,
  } = useApp()

const calculateOverviewData = () => {
    if (!stakeholders || !fundingRounds || !company) {
      return {
        totalValuation: 0,
        totalStakeholders: 0,
        totalShares: 0,
        lastRoundValuation: 0,
      }
    }

const totalShares = stakeholders.reduce((sum, stakeholder) => sum + stakeholder.shares, 0)
    const totalStakeholders = stakeholders.length
    const lastRound = fundingRounds.length > 0 ? fundingRounds[fundingRounds.length - 1] : null
    const totalValuation = company.currentValuation

return {
      totalValuation,
      totalStakeholders,
      totalShares,
      lastRoundValuation: lastRound ? lastRound.amount : 0,
    }
  }

const addStakeholder = (stakeholderData: any) => {
    const newStakeholder = {
      id: Date.now().toString(),
      name: stakeholderData.name,
      email: stakeholderData.email,
      type: stakeholderData.type as "founder" | "employee" | "investor" | "advisor",
      shareClass:
        stakeholderData.shareClass === "common"
          ? "Common Stock"
          : stakeholderData.shareClass === "preferred"
            ? "Preferred Stock"
            : "Stock Options",
      shares: Number.parseInt(stakeholderData.shares),
      grantDate: stakeholderData.grantDate || new Date().toISOString().split("T")[0],
      exercisePrice: Number.parseFloat(stakeholderData.exercisePrice) || 0,
      vestingSchedule: stakeholderData.vestingSchedule || "4-year-1-cliff",
      ownershipPercentage: 0, // Will be calculated by reducer
    }

contextAddStakeholder(newStakeholder)
    console.log("[v0] Added new stakeholder:", newStakeholder.name)
  }

const addFundingRound = (roundData: any) => {
    const newRound = {
      id: Date.now().toString(),
      name: roundData.name,
      type: roundData.type,
      amount: Number.parseInt(roundData.amount),
      valuation: Number.parseInt(roundData.postMoneyValuation || roundData.preMoneyValuation),
      date: roundData.closingDate || new Date().toISOString().split("T")[0],
      leadInvestor: roundData.leadInvestor || "TBD",
      status: "planned" as "completed" | "in-progress" | "planned",
    }

contextAddFundingRound(newRound)
    console.log("[v0] Added new funding round:", newRound.name)
  }

if (loading) {
    return <div className="flex items-center justify-center min-h-screen">Loading...</div>
  }

if (!user) {
    return <div className="flex items-center justify-center min-h-screen">Authentication required</div>
  }

const overviewData = calculateOverviewData()

const chartData =
    stakeholders?.map((stakeholder, index) => ({
      name: stakeholder.name,
      value: stakeholder.shares,
      percentage: stakeholder.ownershipPercentage,
      color: ["#3B82F6", "#10B981", "#8B5CF6", "#F59E0B", "#EF4444", "#06B6D4"][index % 6],
    })) || []

const capTableData = {
    company: company || { name: "Demo Company", currentValuation: 0 },
    stakeholders: stakeholders || [],
    fundingRounds: fundingRounds || [],
    totalValuation: overviewData.totalValuation,
    totalShares: overviewData.totalShares,
  }

const companyBenchmarkData = {
    founderEquity:
      stakeholders?.filter((s) => s.type === "founder").reduce((sum, s) => sum + s.ownershipPercentage, 0) || 0,
    employeePool:
      stakeholders?.filter((s) => s.type === "employee").reduce((sum, s) => sum + s.ownershipPercentage, 0) || 0,
    investorEquity:
      stakeholders?.filter((s) => s.type === "investor").reduce((sum, s) => sum + s.ownershipPercentage, 0) || 0,
    stage: "Series A",
    industry: "SaaS",
  }

return (
    <DashboardLayout user={user} company={company || { name: "Demo Company" }}>
      <div className="space-y-6">
        <OverviewCards data={overviewData} />

<StakeholdersTable stakeholders={stakeholders || []} onAddStakeholder={addStakeholder} />
      </div>
    </DashboardLayout>
  )
}
[V0_FILE]sql:file="scripts/005_create_multi_tenancy_schema.sql" isMerged="true"
-- Multi-Tenancy Database Schema
-- This script adds full multi-tenancy support with user-company memberships, roles, and invitations

-- Create roles enum
CREATE TYPE user_role AS ENUM ('owner', 'admin', 'member', 'viewer');

-- Create invitation status enum  
CREATE TYPE invitation_status AS ENUM ('pending', 'accepted', 'declined', 'expired');

-- Create company_members table (many-to-many relationship between users and companies)
CREATE TABLE company_members (
    id UUID DEFAULT gen_random_uuid() PRIMARY KEY,
    company_id UUID NOT NULL REFERENCES companies(id) ON DELETE CASCADE,
    user_id UUID NOT NULL REFERENCES users(id) ON DELETE CASCADE,
    role user_role NOT NULL DEFAULT 'member',
    joined_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
    created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
    updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
    
    -- Ensure unique user-company combinations
    UNIQUE(company_id, user_id)
);

-- Create company_invitations table
CREATE TABLE company_invitations (
    id UUID DEFAULT gen_random_uuid() PRIMARY KEY,
    company_id UUID NOT NULL REFERENCES companies(id) ON DELETE CASCADE,
    invited_by UUID NOT NULL REFERENCES users(id) ON DELETE CASCADE,
    email TEXT NOT NULL,
    role user_role NOT NULL DEFAULT 'member',
    status invitation_status NOT NULL DEFAULT 'pending',
    token UUID DEFAULT gen_random_uuid() UNIQUE,
    expires_at TIMESTAMP WITH TIME ZONE DEFAULT (NOW() + INTERVAL '7 days'),
    created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
    updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
    
    -- Ensure unique pending invitations per email per company
    UNIQUE(company_id, email, status) DEFERRABLE INITIALLY DEFERRED
);

-- Add indexes for performance
CREATE INDEX idx_company_members_company_id ON company_members(company_id);
CREATE INDEX idx_company_members_user_id ON company_members(user_id);
CREATE INDEX idx_company_invitations_company_id ON company_invitations(company_id);
CREATE INDEX idx_company_invitations_email ON company_invitations(email);
CREATE INDEX idx_company_invitations_token ON company_invitations(token);
CREATE INDEX idx_company_invitations_status ON company_invitations(status);

-- Create updated_at triggers
CREATE OR REPLACE FUNCTION update_updated_at_column()
RETURNS TRIGGER AS $$
BEGIN
    NEW.updated_at = NOW();
    RETURN NEW;
END;
$$ language 'plpgsql';

CREATE TRIGGER update_company_members_updated_at 
    BEFORE UPDATE ON company_members 
    FOR EACH ROW EXECUTE FUNCTION update_updated_at_column();

CREATE TRIGGER update_company_invitations_updated_at 
    BEFORE UPDATE ON company_invitations 
    FOR EACH ROW EXECUTE FUNCTION update_updated_at_column();

-- Migrate existing company creators to company_members as owners
INSERT INTO company_members (company_id, user_id, role)
SELECT id, created_by, 'owner'
FROM companies
WHERE created_by IS NOT NULL
ON CONFLICT (company_id, user_id) DO NOTHING;

-- Enable RLS on new tables
ALTER TABLE company_members ENABLE ROW LEVEL SECURITY;
ALTER TABLE company_invitations ENABLE ROW LEVEL SECURITY;

-- RLS Policies for company_members
CREATE POLICY "Users can view company members for companies they belong to" ON company_members
    FOR SELECT USING (
        company_id IN (
            SELECT company_id FROM company_members 
            WHERE user_id = auth.uid()
        )
    );

CREATE POLICY "Company owners and admins can manage members" ON company_members
    FOR ALL USING (
        company_id IN (
            SELECT company_id FROM company_members 
            WHERE user_id = auth.uid() 
            AND role IN ('owner', 'admin')
        )
    );

-- RLS Policies for company_invitations
CREATE POLICY "Users can view invitations for companies they own/admin" ON company_invitations
    FOR SELECT USING (
        company_id IN (
            SELECT company_id FROM company_members 
            WHERE user_id = auth.uid() 
            AND role IN ('owner', 'admin')
        )
    );

CREATE POLICY "Company owners and admins can manage invitations" ON company_invitations
    FOR ALL USING (
        company_id IN (
            SELECT company_id FROM company_members 
            WHERE user_id = auth.uid() 
            AND role IN ('owner', 'admin')
        )
    );

-- Update existing RLS policies to use company_members instead of created_by

-- Companies policy
DROP POLICY IF EXISTS "Users can view their own companies" ON companies;
CREATE POLICY "Users can view companies they are members of" ON companies
    FOR SELECT USING (
        id IN (
            SELECT company_id FROM company_members 
            WHERE user_id = auth.uid()
        )
    );

DROP POLICY IF EXISTS "Users can update their own companies" ON companies;
CREATE POLICY "Company owners and admins can update companies" ON companies
    FOR UPDATE USING (
        id IN (
            SELECT company_id FROM company_members 
            WHERE user_id = auth.uid() 
            AND role IN ('owner', 'admin')
        )
    );

-- Stakeholders policy
DROP POLICY IF EXISTS "Users can view stakeholders for their companies" ON stakeholders;
CREATE POLICY "Users can view stakeholders for companies they belong to" ON stakeholders
    FOR SELECT USING (
        company_id IN (
            SELECT company_id FROM company_members 
            WHERE user_id = auth.uid()
        )
    );

DROP POLICY IF EXISTS "Users can manage stakeholders for their companies" ON stakeholders;
CREATE POLICY "Company owners and admins can manage stakeholders" ON stakeholders
    FOR ALL USING (
        company_id IN (
            SELECT company_id FROM company_members 
            WHERE user_id = auth.uid() 
            AND role IN ('owner', 'admin')
        )
    );

-- Funding rounds policy
DROP POLICY IF EXISTS "Users can view funding rounds for their companies" ON funding_rounds;
CREATE POLICY "Users can view funding rounds for companies they belong to" ON funding_rounds
    FOR SELECT USING (
        company_id IN (
            SELECT company_id FROM company_members 
            WHERE user_id = auth.uid()
        )
    );

DROP POLICY IF EXISTS "Users can manage funding rounds for their companies" ON funding_rounds;
CREATE POLICY "Company owners and admins can manage funding rounds" ON funding_rounds
    FOR ALL USING (
        company_id IN (
            SELECT company_id FROM company_members 
            WHERE user_id = auth.uid() 
            AND role IN ('owner', 'admin')
        )
    );

-- Share classes policy
DROP POLICY IF EXISTS "Users can view share classes for their companies" ON share_classes;
CREATE POLICY "Users can view share classes for companies they belong to" ON share_classes
    FOR SELECT USING (
        company_id IN (
            SELECT company_id FROM company_members 
            WHERE user_id = auth.uid()
        )
    );

DROP POLICY IF EXISTS "Users can manage share classes for their companies" ON share_classes;
CREATE POLICY "Company owners and admins can manage share classes" ON share_classes
    FOR ALL USING (
        company_id IN (
            SELECT company_id FROM company_members 
            WHERE user_id = auth.uid() 
            AND role IN ('owner', 'admin')
        )
    );

-- Share ownership policy
DROP POLICY IF EXISTS "Users can view share ownership for their companies" ON share_ownership;
CREATE POLICY "Users can view share ownership for companies they belong to" ON share_ownership
    FOR SELECT USING (
        company_id IN (
            SELECT company_id FROM company_members 
            WHERE user_id = auth.uid()
        )
    );

DROP POLICY IF EXISTS "Users can manage share ownership for their companies" ON share_ownership;
CREATE POLICY "Company owners and admins can manage share ownership" ON share_ownership
    FOR ALL USING (
        company_id IN (
            SELECT company_id FROM company_members 
            WHERE user_id = auth.uid() 
            AND role IN ('owner', 'admin')
        )
    );

-- Option pools policy
DROP POLICY IF EXISTS "Users can view option pools for their companies" ON option_pools;
CREATE POLICY "Users can view option pools for companies they belong to" ON option_pools
    FOR SELECT USING (
        company_id IN (
            SELECT company_id FROM company_members 
            WHERE user_id = auth.uid()
        )
    );

DROP POLICY IF EXISTS "Users can manage option pools for their companies" ON option_pools;
CREATE POLICY "Company owners and admins can manage option pools" ON option_pools
    FOR ALL USING (
        company_id IN (
            SELECT company_id FROM company_members 
            WHERE user_id = auth.uid() 
            AND role IN ('owner', 'admin')
        )
    );

-- Scenarios policy
DROP POLICY IF EXISTS "Users can view scenarios for their companies" ON scenarios;
CREATE POLICY "Users can view scenarios for companies they belong to" ON scenarios
    FOR SELECT USING (
        company_id IN (
            SELECT company_id FROM company_members 
            WHERE user_id = auth.uid()
        )
    );

DROP POLICY IF EXISTS "Users can manage scenarios for their companies" ON scenarios;
CREATE POLICY "Company owners and admins can manage scenarios" ON scenarios
    FOR ALL USING (
        company_id IN (
            SELECT company_id FROM company_members 
            WHERE user_id = auth.uid() 
            AND role IN ('owner', 'admin')
        )
    );

-- Create helper functions for role checking
CREATE OR REPLACE FUNCTION user_has_company_role(company_uuid UUID, required_role user_role)
RETURNS BOOLEAN AS $$
BEGIN
    RETURN EXISTS (
        SELECT 1 FROM company_members 
        WHERE company_id = company_uuid 
        AND user_id = auth.uid()
        AND (
            role = required_role OR
            (required_role = 'member' AND role IN ('admin', 'owner')) OR
            (required_role = 'admin' AND role = 'owner')
        )
    );
END;
$$ LANGUAGE plpgsql SECURITY DEFINER;

CREATE OR REPLACE FUNCTION user_companies()
RETURNS TABLE(company_id UUID, role user_role) AS $$
BEGIN
    RETURN QUERY
    SELECT cm.company_id, cm.role
    FROM company_members cm
    WHERE cm.user_id = auth.uid();
END;
$$ LANGUAGE plpgsql SECURITY DEFINER;
[V0_FILE]typescriptreact:file="components/company-selector.tsx" isEdit="true" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import { Button } from "@/components/ui/button"
import { Card, CardContent } from "@/components/ui/card"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogHeader,
  DialogTitle,
  DialogTrigger,
} from "@/components/ui/dialog"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Textarea } from "@/components/ui/textarea"
import { Separator } from "@/components/ui/separator"
import { Building2, ChevronDown, Plus, Check, Loader2, Search } from "lucide-react"
import { useApp } from "@/lib/context/app-context"
import { RoleBadge } from "@/components/role-badge"
import { usePermissions } from "@/lib/hooks/use-permissions"
import { PermissionGuard } from "@/components/permission-guard"

interface Company {
  id: string
  name: string
  role: "owner" | "admin" | "member" | "viewer"
  memberCount: number
  description?: string
  lastAccessed?: string
  isActive?: boolean
}

export function CompanySelector() {
  const { user, company: currentCompany, switchCompany, currentUserRole } = useApp()
  const { can } = usePermissions()
  const [isOpen, setIsOpen] = useState(false)
  const [showCreateDialog, setShowCreateDialog] = useState(false)
  const [isCreating, setIsCreating] = useState(false)
  const [isLoading, setIsLoading] = useState(false)
  const [searchQuery, setSearchQuery] = useState("")
  const [userCompanies, setUserCompanies] = useState<Company[]>([])
  const [newCompany, setNewCompany] = useState({
    name: "",
    description: "",
    jurisdiction: "delaware",
    incorporationDate: "",
    totalShares: "10000000",
  })

useEffect(() => {
    loadUserCompanies()
  }, [user])

const loadUserCompanies = async () => {
    setIsLoading(true)
    try {
      // In a real app, this would fetch from the API
      // For now, we'll use enhanced mock data
      const mockCompanies: Company[] = [
        {
          id: "1",
          name: currentCompany?.name || "TechStartup Inc",
          role: currentUserRole,
          memberCount: 5,
          description: "AI-powered SaaS platform for enterprise automation",
          lastAccessed: new Date().toISOString(),
          isActive: true,
        },
        {
          id: "2",
          name: "AI Ventures LLC",
          role: "admin",
          memberCount: 12,
          description: "Venture capital firm focused on AI startups",
          lastAccessed: new Date(Date.now() - 2 * 24 * 60 * 60 * 1000).toISOString(),
          isActive: true,
        },
        {
          id: "3",
          name: "Green Energy Co",
          role: "member",
          memberCount: 8,
          description: "Renewable energy solutions provider",
          lastAccessed: new Date(Date.now() - 7 * 24 * 60 * 60 * 1000).toISOString(),
          isActive: true,
        },
        {
          id: "4",
          name: "FinTech Solutions",
          role: "viewer",
          memberCount: 15,
          description: "Digital banking and payment solutions",
          lastAccessed: new Date(Date.now() - 14 * 24 * 60 * 60 * 1000).toISOString(),
          isActive: false,
        },
      ]

setUserCompanies(mockCompanies)
    } catch (error) {
      console.error("Error loading companies:", error)
    } finally {
      setIsLoading(false)
    }
  }

const filteredCompanies = userCompanies.filter(
    (company) =>
      company.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
      company.description?.toLowerCase().includes(searchQuery.toLowerCase()),
  )

const activeCompanies = filteredCompanies.filter((c) => c.isActive)
  const inactiveCompanies = filteredCompanies.filter((c) => !c.isActive)

const handleCreateCompany = async () => {
    setIsCreating(true)
    console.log("[v0] Creating new company:", newCompany)

try {
      // Simulate API call
      await new Promise((resolve) => setTimeout(resolve, 2000))

const createdCompany: Company = {
        id: Date.now().toString(),
        name: newCompany.name,
        role: "owner",
        memberCount: 1,
        description: newCompany.description,
        lastAccessed: new Date().toISOString(),
        isActive: true,
      }

setUserCompanies((prev) => [createdCompany, ...prev])

// Switch to the new company
      if (switchCompany) {
        switchCompany(createdCompany.id)
      }

setShowCreateDialog(false)
      setNewCompany({
        name: "",
        description: "",
        jurisdiction: "delaware",
        incorporationDate: "",
        totalShares: "10000000",
      })
      setIsOpen(false)
    } catch (error) {
      console.error("Error creating company:", error)
      alert("Failed to create company. Please try again.")
    } finally {
      setIsCreating(false)
    }
  }

const handleSwitchCompany = async (companyId: string) => {
    const company = userCompanies.find((c) => c.id === companyId)
    if (!company) return

setIsLoading(true)
    try {
      console.log("[v0] Switching to company:", company.name, "with role:", company.role)

// Update last accessed time
      setUserCompanies((prev) =>
        prev.map((c) => (c.id === companyId ? { ...c, lastAccessed: new Date().toISOString() } : c)),
      )

if (switchCompany) {
        await switchCompany(companyId)
      }

setIsOpen(false)
    } catch (error) {
      console.error("Error switching company:", error)
      alert("Failed to switch company. Please try again.")
    } finally {
      setIsLoading(false)
    }
  }

const formatLastAccessed = (dateString: string) => {
    const date = new Date(dateString)
    const now = new Date()
    const diffInHours = Math.floor((now.getTime() - date.getTime()) / (1000 * 60 * 60))

if (diffInHours < 1) return "Just now"
    if (diffInHours < 24) return `${diffInHours}h ago`
    if (diffInHours < 168) return `${Math.floor(diffInHours / 24)}d ago`
    return date.toLocaleDateString()
  }

const currentCompanyData = userCompanies.find((c) => c.name === currentCompany?.name)

return (
    <div className="relative">
      <Button
        variant="ghost"
        onClick={() => setIsOpen(!isOpen)}
        className="flex items-center space-x-2 text-left hover:bg-slate-100 dark:hover:bg-slate-800 transition-colors w-full justify-start"
      >
        <div className="flex items-center space-x-2 flex-1 min-w-0">
          <div className="w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center flex-shrink-0">
            <Building2 className="w-4 h-4 text-white" />
          </div>
          <div className="flex-1 min-w-0">
            <p className="text-sm font-medium text-slate-900 dark:text-slate-100 truncate">
              {currentCompany?.name || "Select Company"}
            </p>
            <div className="flex items-center space-x-2">
              <RoleBadge role={currentUserRole} showIcon={false} />
              {currentCompanyData && (
                <span className="text-xs text-slate-500">{currentCompanyData.memberCount} members</span>
              )}
            </div>
          </div>
        </div>
        <ChevronDown className="w-4 h-4 text-slate-400 flex-shrink-0" />
      </Button>

{isOpen && (
        <Card className="absolute top-full left-0 mt-2 w-96 z-50 shadow-lg border border-slate-200 dark:border-slate-700">
          <CardContent className="p-0">
            <div className="p-4 border-b border-slate-200 dark:border-slate-700">
              <div className="flex items-center justify-between mb-3">
                <div>
                  <p className="text-sm font-medium text-slate-900 dark:text-slate-100">Switch Company</p>
                  <p className="text-xs text-slate-600 dark:text-slate-400">
                    {userCompanies.length} companies available
                  </p>
                </div>
                {isLoading && <Loader2 className="w-4 h-4 animate-spin text-blue-600" />}
              </div>

<div className="relative">
                <Search className="w-4 h-4 absolute left-3 top-1/2 transform -translate-y-1/2 text-slate-400" />
                <Input
                  placeholder="Search companies..."
                  value={searchQuery}
                  onChange={(e) => setSearchQuery(e.target.value)}
                  className="pl-9 h-8 text-sm"
                />
              </div>
            </div>

<div className="max-h-80 overflow-y-auto">
              {/* Active Companies */}
              {activeCompanies.length > 0 && (
                <div>
                  <div className="px-4 py-2 bg-slate-50 dark:bg-slate-800">
                    <p className="text-xs font-medium text-slate-600 dark:text-slate-400 uppercase tracking-wide">
                      Active Companies
                    </p>
                  </div>
                  {activeCompanies.map((company) => (
                    <CompanyItem
                      key={company.id}
                      company={company}
                      isSelected={company.name === currentCompany?.name}
                      onSelect={() => handleSwitchCompany(company.id)}
                      formatLastAccessed={formatLastAccessed}
                    />
                  ))}
                </div>
              )}

{/* Inactive Companies */}
              {inactiveCompanies.length > 0 && (
                <div>
                  {activeCompanies.length > 0 && <Separator />}
                  <div className="px-4 py-2 bg-slate-50 dark:bg-slate-800">
                    <p className="text-xs font-medium text-slate-600 dark:text-slate-400 uppercase tracking-wide">
                      Inactive Companies
                    </p>
                  </div>
                  {inactiveCompanies.map((company) => (
                    <CompanyItem
                      key={company.id}
                      company={company}
                      isSelected={false}
                      onSelect={() => handleSwitchCompany(company.id)}
                      formatLastAccessed={formatLastAccessed}
                      isInactive
                    />
                  ))}
                </div>
              )}

{filteredCompanies.length === 0 && searchQuery && (
                <div className="p-8 text-center">
                  <Building2 className="w-12 h-12 text-slate-400 mx-auto mb-4" />
                  <p className="text-slate-600 dark:text-slate-400">No companies found</p>
                  <p className="text-sm text-slate-500">Try adjusting your search</p>
                </div>
              )}
            </div>

<div className="p-3 border-t border-slate-200 dark:border-slate-700">
              <PermissionGuard permission="company.edit">
                <Dialog open={showCreateDialog} onOpenChange={setShowCreateDialog}>
                  <DialogTrigger asChild>
                    <Button variant="outline" className="w-full bg-transparent">
                      <Plus className="w-4 h-4 mr-2" />
                      Create New Company
                    </Button>
                  </DialogTrigger>
                  <DialogContent className="sm:max-w-lg">
                    <DialogHeader>
                      <DialogTitle>Create New Company</DialogTitle>
                      <DialogDescription>Set up a new company to manage its cap table</DialogDescription>
                    </DialogHeader>
                    <div className="space-y-4">
                      <div className="space-y-2">
                        <Label htmlFor="company-name">Company Name *</Label>
                        <Input
                          id="company-name"
                          value={newCompany.name}
                          onChange={(e) => setNewCompany({ ...newCompany, name: e.target.value })}
                          placeholder="Enter company name"
                        />
                      </div>
                      <div className="space-y-2">
                        <Label htmlFor="description">Description</Label>
                        <Textarea
                          id="description"
                          value={newCompany.description}
                          onChange={(e) => setNewCompany({ ...newCompany, description: e.target.value })}
                          placeholder="Brief description of the company"
                          rows={3}
                        />
                      </div>
                      <div className="grid grid-cols-2 gap-4">
                        <div className="space-y-2">
                          <Label htmlFor="jurisdiction">Jurisdiction</Label>
                          <Select
                            value={newCompany.jurisdiction}
                            onValueChange={(value) => setNewCompany({ ...newCompany, jurisdiction: value })}
                          >
                            <SelectTrigger>
                              <SelectValue />
                            </SelectTrigger>
                            <SelectContent>
                              <SelectItem value="delaware">Delaware</SelectItem>
                              <SelectItem value="california">California</SelectItem>
                              <SelectItem value="new-york">New York</SelectItem>
                              <SelectItem value="texas">Texas</SelectItem>
                              <SelectItem value="nevada">Nevada</SelectItem>
                            </SelectContent>
                          </Select>
                        </div>
                        <div className="space-y-2">
                          <Label htmlFor="incorporation-date">Incorporation Date</Label>
                          <Input
                            id="incorporation-date"
                            type="date"
                            value={newCompany.incorporationDate}
                            onChange={(e) => setNewCompany({ ...newCompany, incorporationDate: e.target.value })}
                          />
                        </div>
                      </div>
                      <div className="space-y-2">
                        <Label htmlFor="total-shares">Total Authorized Shares</Label>
                        <Input
                          id="total-shares"
                          type="number"
                          value={newCompany.totalShares}
                          onChange={(e) => setNewCompany({ ...newCompany, totalShares: e.target.value })}
                          placeholder="10000000"
                        />
                      </div>
                      <div className="flex space-x-2">
                        <Button onClick={handleCreateCompany} disabled={isCreating || !newCompany.name}>
                          {isCreating ? (
                            <>
                              <Loader2 className="w-4 h-4 mr-2 animate-spin" />
                              Creating...
                            </>
                          ) : (
                            "Create Company"
                          )}
                        </Button>
                        <Button variant="outline" onClick={() => setShowCreateDialog(false)} disabled={isCreating}>
                          Cancel
                        </Button>
                      </div>
                    </div>
                  </DialogContent>
                </Dialog>
              </PermissionGuard>
            </div>
          </CardContent>
        </Card>
      )}
    </div>
  )
}

interface CompanyItemProps {
  company: Company
  isSelected: boolean
  onSelect: () => void
  formatLastAccessed: (date: string) => string
  isInactive?: boolean
}

function CompanyItem({ company, isSelected, onSelect, formatLastAccessed, isInactive = false }: CompanyItemProps) {
  return (
    <button
      onClick={onSelect}
      className={`w-full p-4 text-left hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors border-b border-slate-100 dark:border-slate-800 last:border-b-0 ${
        isSelected ? "bg-blue-50 dark:bg-blue-900/20" : ""
      } ${isInactive ? "opacity-60" : ""}`}
    >
      <div className="flex items-center justify-between">
        <div className="flex items-center space-x-3 flex-1 min-w-0">
          <div className="w-10 h-10 bg-blue-600 rounded-lg flex items-center justify-center flex-shrink-0">
            <Building2 className="w-5 h-5 text-white" />
          </div>
          <div className="flex-1 min-w-0">
            <div className="flex items-center space-x-2">
              <p className="text-sm font-medium text-slate-900 dark:text-slate-100 truncate">{company.name}</p>
              {isSelected && <Check className="w-4 h-4 text-blue-600 flex-shrink-0" />}
            </div>
            {company.description && (
              <p className="text-xs text-slate-600 dark:text-slate-400 truncate mt-1">{company.description}</p>
            )}
            <div className="flex items-center space-x-3 mt-2">
              <RoleBadge role={company.role} showIcon={true} />
              <span className="text-xs text-slate-500">{company.memberCount} members</span>
              {company.lastAccessed && (
                <span className="text-xs text-slate-500">{formatLastAccessed(company.lastAccessed)}</span>
              )}
            </div>
          </div>
        </div>
      </div>
    </button>
  )
}
[V0_FILE]typescriptreact:file="app/invite/[token]/page.tsx" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import { useParams } from "next/navigation"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Badge } from "@/components/ui/badge"
import { Building2, Check, X, Loader2 } from "lucide-react"
import { acceptInvitation, declineInvitation } from "@/lib/actions"
import Link from "next/link"

interface InvitationData {
  id: string
  company_name: string
  role: string
  invited_by_name: string
  expires_at: string
  status: string
}

export default function InvitationPage() {
  const params = useParams()
  const token = params.token as string
  const [invitation, setInvitation] = useState<InvitationData | null>(null)
  const [loading, setLoading] = useState(true)
  const [processing, setProcessing] = useState(false)
  const [result, setResult] = useState<{ type: "success" | "error"; message: string } | null>(null)

useEffect(() => {
    fetchInvitation()
  }, [token])

const fetchInvitation = async () => {
    try {
      // In a real app, this would be an API call to get invitation details
      // For now, we'll simulate the data
      await new Promise((resolve) => setTimeout(resolve, 1000))

setInvitation({
        id: "1",
        company_name: "TechStartup Inc",
        role: "member",
        invited_by_name: "Sarah Chen",
        expires_at: new Date(Date.now() + 5 * 24 * 60 * 60 * 1000).toISOString(),
        status: "pending",
      })
    } catch (error) {
      setResult({ type: "error", message: "Failed to load invitation" })
    } finally {
      setLoading(false)
    }
  }

const handleAccept = async () => {
    setProcessing(true)
    try {
      const result = await acceptInvitation(token)
      if (result.error) {
        setResult({ type: "error", message: result.error })
      } else {
        setResult({ type: "success", message: result.success || "Invitation accepted!" })
      }
    } catch (error) {
      setResult({ type: "error", message: "Failed to accept invitation" })
    } finally {
      setProcessing(false)
    }
  }

const handleDecline = async () => {
    setProcessing(true)
    try {
      const result = await declineInvitation(token)
      if (result.error) {
        setResult({ type: "error", message: result.error })
      } else {
        setResult({ type: "success", message: result.success || "Invitation declined" })
      }
    } catch (error) {
      setResult({ type: "error", message: "Failed to decline invitation" })
    } finally {
      setProcessing(false)
    }
  }

const getRoleBadge = (role: string) => {
    const colors = {
      owner: "bg-yellow-100 text-yellow-800",
      admin: "bg-blue-100 text-blue-800",
      member: "bg-green-100 text-green-800",
      viewer: "bg-slate-100 text-slate-800",
    }
    return <Badge className={colors[role as keyof typeof colors]}>{role}</Badge>
  }

if (loading) {
    return (
      <div className="min-h-screen bg-slate-50 flex items-center justify-center">
        <Card className="w-full max-w-md">
          <CardContent className="flex items-center justify-center p-8">
            <Loader2 className="w-8 h-8 animate-spin text-blue-600" />
          </CardContent>
        </Card>
      </div>
    )
  }

if (result) {
    return (
      <div className="min-h-screen bg-slate-50 flex items-center justify-center">
        <Card className="w-full max-w-md">
          <CardHeader className="text-center">
            <div
              className={`w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4 ${
                result.type === "success" ? "bg-green-100" : "bg-red-100"
              }`}
            >
              {result.type === "success" ? (
                <Check className="w-8 h-8 text-green-600" />
              ) : (
                <X className="w-8 h-8 text-red-600" />
              )}
            </div>
            <CardTitle className={result.type === "success" ? "text-green-900" : "text-red-900"}>
              {result.type === "success" ? "Success!" : "Error"}
            </CardTitle>
            <CardDescription>{result.message}</CardDescription>
          </CardHeader>
          <CardContent className="text-center">
            {result.type === "success" ? (
              <Link href="/dashboard">
                <Button>Go to Dashboard</Button>
              </Link>
            ) : (
              <Button variant="outline" onClick={() => window.location.reload()}>
                Try Again
              </Button>
            )}
          </CardContent>
        </Card>
      </div>
    )
  }

if (!invitation) {
    return (
      <div className="min-h-screen bg-slate-50 flex items-center justify-center">
        <Card className="w-full max-w-md">
          <CardHeader className="text-center">
            <CardTitle className="text-red-900">Invalid Invitation</CardTitle>
            <CardDescription>This invitation link is invalid or has expired.</CardDescription>
          </CardHeader>
        </Card>
      </div>
    )
  }

const isExpired = new Date(invitation.expires_at) < new Date()

return (
    <div className="min-h-screen bg-slate-50 flex items-center justify-center p-4">
      <Card className="w-full max-w-md">
        <CardHeader className="text-center">
          <div className="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4">
            <Building2 className="w-8 h-8 text-blue-600" />
          </div>
          <CardTitle>Company Invitation</CardTitle>
          <CardDescription>
            You've been invited to join <strong>{invitation.company_name}</strong>
          </CardDescription>
        </CardHeader>
        <CardContent className="space-y-6">
          <div className="space-y-4">
            <div className="flex items-center justify-between p-3 bg-slate-50 rounded-lg">
              <span className="text-sm font-medium text-slate-700">Company</span>
              <span className="text-sm text-slate-900">{invitation.company_name}</span>
            </div>
            <div className="flex items-center justify-between p-3 bg-slate-50 rounded-lg">
              <span className="text-sm font-medium text-slate-700">Role</span>
              {getRoleBadge(invitation.role)}
            </div>
            <div className="flex items-center justify-between p-3 bg-slate-50 rounded-lg">
              <span className="text-sm font-medium text-slate-700">Invited by</span>
              <span className="text-sm text-slate-900">{invitation.invited_by_name}</span>
            </div>
            <div className="flex items-center justify-between p-3 bg-slate-50 rounded-lg">
              <span className="text-sm font-medium text-slate-700">Expires</span>
              <span className="text-sm text-slate-900">{new Date(invitation.expires_at).toLocaleDateString()}</span>
            </div>
          </div>

{isExpired ? (
            <div className="text-center">
              <p className="text-sm text-red-600 mb-4">This invitation has expired.</p>
              <Button variant="outline" disabled>
                Invitation Expired
              </Button>
            </div>
          ) : (
            <div className="flex space-x-3">
              <Button onClick={handleAccept} disabled={processing} className="flex-1">
                {processing ? <Loader2 className="w-4 h-4 animate-spin mr-2" /> : <Check className="w-4 h-4 mr-2" />}
                Accept
              </Button>
              <Button variant="outline" onClick={handleDecline} disabled={processing} className="flex-1 bg-transparent">
                {processing ? <Loader2 className="w-4 h-4 animate-spin mr-2" /> : <X className="w-4 h-4 mr-2" />}
                Decline
              </Button>
            </div>
          )}

<div className="text-center">
            <p className="text-xs text-slate-500">
              Don't have an account?{" "}
              <Link href="/auth/sign-up" className="text-blue-600 hover:underline">
                Sign up
              </Link>{" "}
              first.
            </p>
          </div>
        </CardContent>
      </Card>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/invitation-manager.tsx" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Badge } from "@/components/ui/badge"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogHeader,
  DialogTitle,
  DialogTrigger,
} from "@/components/ui/dialog"
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"
import { Mail, MoreVertical, Clock, Check, X, UserPlus, Copy, Loader2 } from "lucide-react"
import { inviteUser, cancelInvitation } from "@/lib/actions"
import { useApp } from "@/lib/context/app-context"

interface Invitation {
  id: string
  email: string
  role: string
  status: "pending" | "accepted" | "declined" | "expired"
  invited_by_name: string
  created_at: string
  expires_at: string
  token: string
}

export function InvitationManager() {
  const { company } = useApp()
  const [invitations, setInvitations] = useState<Invitation[]>([])
  const [showInviteDialog, setShowInviteDialog] = useState(false)
  const [loading, setLoading] = useState(false)
  const [inviteEmail, setInviteEmail] = useState("")
  const [inviteRole, setInviteRole] = useState("member")

useEffect(() => {
    fetchInvitations()
  }, [])

const fetchInvitations = async () => {
    // In a real app, this would fetch from the API
    // For now, we'll use mock data
    const mockInvitations: Invitation[] = [
      {
        id: "1",
        email: "john@example.com",
        role: "member",
        status: "pending",
        invited_by_name: "Sarah Chen",
        created_at: new Date(Date.now() - 2 * 24 * 60 * 60 * 1000).toISOString(),
        expires_at: new Date(Date.now() + 5 * 24 * 60 * 60 * 1000).toISOString(),
        token: "abc123",
      },
      {
        id: "2",
        email: "jane@example.com",
        role: "admin",
        status: "accepted",
        invited_by_name: "Sarah Chen",
        created_at: new Date(Date.now() - 5 * 24 * 60 * 60 * 1000).toISOString(),
        expires_at: new Date(Date.now() - 1 * 24 * 60 * 60 * 1000).toISOString(),
        token: "def456",
      },
    ]
    setInvitations(mockInvitations)
  }

const handleInvite = async () => {
    if (!inviteEmail || !company?.id) return

setLoading(true)
    const formData = new FormData()
    formData.append("email", inviteEmail)
    formData.append("role", inviteRole)
    formData.append("companyId", company.id)

try {
      const result = await inviteUser(null, formData)
      if (result.error) {
        alert(result.error)
      } else {
        alert(result.success)
        setInviteEmail("")
        setInviteRole("member")
        setShowInviteDialog(false)
        fetchInvitations()
      }
    } catch (error) {
      alert("Failed to send invitation")
    } finally {
      setLoading(false)
    }
  }

const handleCancel = async (invitationId: string) => {
    if (!confirm("Cancel this invitation?")) return

try {
      const result = await cancelInvitation(invitationId)
      if (result.error) {
        alert(result.error)
      } else {
        alert(result.success)
        fetchInvitations()
      }
    } catch (error) {
      alert("Failed to cancel invitation")
    }
  }

const copyInviteLink = (token: string) => {
    const link = `${window.location.origin}/invite/${token}`
    navigator.clipboard.writeText(link)
    alert("Invitation link copied to clipboard!")
  }

const getStatusBadge = (status: string) => {
    const styles = {
      pending: "bg-yellow-100 text-yellow-800",
      accepted: "bg-green-100 text-green-800",
      declined: "bg-red-100 text-red-800",
      expired: "bg-slate-100 text-slate-800",
    }
    const icons = {
      pending: <Clock className="w-3 h-3 mr-1" />,
      accepted: <Check className="w-3 h-3 mr-1" />,
      declined: <X className="w-3 h-3 mr-1" />,
      expired: <X className="w-3 h-3 mr-1" />,
    }
    return (
      <Badge className={styles[status as keyof typeof styles]}>
        {icons[status as keyof typeof icons]}
        {status}
      </Badge>
    )
  }

return (
    <Card>
      <CardHeader>
        <div className="flex items-center justify-between">
          <div>
            <CardTitle className="flex items-center space-x-2">
              <Mail className="w-5 h-5" />
              <span>Pending Invitations</span>
            </CardTitle>
            <CardDescription>Manage invitations sent to join your company</CardDescription>
          </div>
          <Dialog open={showInviteDialog} onOpenChange={setShowInviteDialog}>
            <DialogTrigger asChild>
              <Button>
                <UserPlus className="w-4 h-4 mr-2" />
                Send Invitation
              </Button>
            </DialogTrigger>
            <DialogContent>
              <DialogHeader>
                <DialogTitle>Invite Team Member</DialogTitle>
                <DialogDescription>Send an invitation to join your company's cap table</DialogDescription>
              </DialogHeader>
              <div className="space-y-4">
                <div className="space-y-2">
                  <Label htmlFor="invite-email">Email Address</Label>
                  <Input
                    id="invite-email"
                    type="email"
                    value={inviteEmail}
                    onChange={(e) => setInviteEmail(e.target.value)}
                    placeholder="colleague@company.com"
                  />
                </div>
                <div className="space-y-2">
                  <Label htmlFor="invite-role">Role</Label>
                  <Select value={inviteRole} onValueChange={setInviteRole}>
                    <SelectTrigger>
                      <SelectValue />
                    </SelectTrigger>
                    <SelectContent>
                      <SelectItem value="admin">Admin - Full access</SelectItem>
                      <SelectItem value="member">Member - Standard access</SelectItem>
                      <SelectItem value="viewer">Viewer - Read-only access</SelectItem>
                    </SelectContent>
                  </Select>
                </div>
                <div className="flex space-x-2">
                  <Button onClick={handleInvite} disabled={loading || !inviteEmail}>
                    {loading ? <Loader2 className="w-4 h-4 mr-2 animate-spin" /> : <Mail className="w-4 h-4 mr-2" />}
                    {loading ? "Sending..." : "Send Invitation"}
                  </Button>
                  <Button variant="outline" onClick={() => setShowInviteDialog(false)}>
                    Cancel
                  </Button>
                </div>
              </div>
            </DialogContent>
          </Dialog>
        </div>
      </CardHeader>
      <CardContent>
        {invitations.length === 0 ? (
          <div className="text-center py-8">
            <Mail className="w-12 h-12 text-slate-400 mx-auto mb-4" />
            <p className="text-slate-600">No pending invitations</p>
            <p className="text-sm text-slate-500">Invite team members to get started</p>
          </div>
        ) : (
          <div className="space-y-4">
            {invitations.map((invitation) => (
              <div key={invitation.id} className="flex items-center justify-between p-4 border rounded-lg">
                <div className="flex-1">
                  <div className="flex items-center space-x-3">
                    <div>
                      <p className="font-medium text-slate-900">{invitation.email}</p>
                      <div className="flex items-center space-x-2 mt-1">
                        {getRoleBadge(invitation.role)}
                        {getStatusBadge(invitation.status)}
                      </div>
                    </div>
                  </div>
                  <p className="text-sm text-slate-600 mt-2">
                    Invited by {invitation.invited_by_name} • Expires{" "}
                    {new Date(invitation.expires_at).toLocaleDateString()}
                  </p>
                </div>
                <div className="flex items-center space-x-2">
                  {invitation.status === "pending" && (
                    <>
                      <Button variant="outline" size="sm" onClick={() => copyInviteLink(invitation.token)}>
                        <Copy className="w-4 h-4 mr-1" />
                        Copy Link
                      </Button>
                      <DropdownMenu>
                        <DropdownMenuTrigger asChild>
                          <Button variant="ghost" size="sm">
                            <MoreVertical className="w-4 h-4" />
                          </Button>
                        </DropdownMenuTrigger>
                        <DropdownMenuContent>
                          <DropdownMenuItem onClick={() => handleCancel(invitation.id)}>
                            Cancel Invitation
                          </DropdownMenuItem>
                        </DropdownMenuContent>
                      </DropdownMenu>
                    </>
                  )}
                </div>
              </div>
            ))}
          </div>
        )}
      </CardContent>
    </Card>
  )
}
[V0_FILE]typescriptreact:file="lib/permissions.ts" isMerged="true"
// Role-Based Access Control (RBAC) System
// Defines permissions for different user roles in the cap table platform

export type UserRole = "owner" | "admin" | "member" | "viewer"

export type Permission =
  // Company management
  | "company.view"
  | "company.edit"
  | "company.delete"
  | "company.settings"

// Member management
  | "members.view"
  | "members.invite"
  | "members.edit"
  | "members.remove"

// Stakeholder management
  | "stakeholders.view"
  | "stakeholders.create"
  | "stakeholders.edit"
  | "stakeholders.delete"

// Funding rounds
  | "funding.view"
  | "funding.create"
  | "funding.edit"
  | "funding.delete"

// Cap table
  | "captable.view"
  | "captable.edit"
  | "captable.export"

// Scenarios
  | "scenarios.view"
  | "scenarios.create"
  | "scenarios.edit"
  | "scenarios.delete"

// Reports
  | "reports.view"
  | "reports.generate"
  | "reports.export"

// Share classes
  | "shares.view"
  | "shares.create"
  | "shares.edit"
  | "shares.delete"

// Permission definitions for each role
const ROLE_PERMISSIONS: Record<UserRole, Permission[]> = {
  owner: [
    // Full access to everything
    "company.view",
    "company.edit",
    "company.delete",
    "company.settings",
    "members.view",
    "members.invite",
    "members.edit",
    "members.remove",
    "stakeholders.view",
    "stakeholders.create",
    "stakeholders.edit",
    "stakeholders.delete",
    "funding.view",
    "funding.create",
    "funding.edit",
    "funding.delete",
    "captable.view",
    "captable.edit",
    "captable.export",
    "scenarios.view",
    "scenarios.create",
    "scenarios.edit",
    "scenarios.delete",
    "reports.view",
    "reports.generate",
    "reports.export",
    "shares.view",
    "shares.create",
    "shares.edit",
    "shares.delete",
  ],

admin: [
    // Most permissions except company deletion and some sensitive settings
    "company.view",
    "company.edit",
    "company.settings",
    "members.view",
    "members.invite",
    "members.edit",
    "members.remove",
    "stakeholders.view",
    "stakeholders.create",
    "stakeholders.edit",
    "stakeholders.delete",
    "funding.view",
    "funding.create",
    "funding.edit",
    "funding.delete",
    "captable.view",
    "captable.edit",
    "captable.export",
    "scenarios.view",
    "scenarios.create",
    "scenarios.edit",
    "scenarios.delete",
    "reports.view",
    "reports.generate",
    "reports.export",
    "shares.view",
    "shares.create",
    "shares.edit",
    "shares.delete",
  ],

member: [
    // Standard access - can view and edit most things but not delete or manage members
    "company.view",
    "members.view",
    "stakeholders.view",
    "stakeholders.create",
    "stakeholders.edit",
    "funding.view",
    "funding.create",
    "funding.edit",
    "captable.view",
    "captable.edit",
    "scenarios.view",
    "scenarios.create",
    "scenarios.edit",
    "reports.view",
    "reports.generate",
    "shares.view",
    "shares.create",
    "shares.edit",
  ],

viewer: [
    // Read-only access
    "company.view",
    "members.view",
    "stakeholders.view",
    "funding.view",
    "captable.view",
    "scenarios.view",
    "reports.view",
    "shares.view",
  ],
}

// Check if a role has a specific permission
export function hasPermission(role: UserRole, permission: Permission): boolean {
  return ROLE_PERMISSIONS[role].includes(permission)
}

// Check if a role has any of the specified permissions
export function hasAnyPermission(role: UserRole, permissions: Permission[]): boolean {
  return permissions.some((permission) => hasPermission(role, permission))
}

// Check if a role has all of the specified permissions
export function hasAllPermissions(role: UserRole, permissions: Permission[]): boolean {
  return permissions.every((permission) => hasPermission(role, permission))
}

// Get all permissions for a role
export function getRolePermissions(role: UserRole): Permission[] {
  return ROLE_PERMISSIONS[role]
}

// Check if one role is higher than another (for hierarchy checks)
export function isHigherRole(role1: UserRole, role2: UserRole): boolean {
  const hierarchy: Record<UserRole, number> = {
    viewer: 1,
    member: 2,
    admin: 3,
    owner: 4,
  }

return hierarchy[role1] > hierarchy[role2]
}

// Get role display information
export function getRoleInfo(role: UserRole) {
  const roleInfo = {
    owner: {
      label: "Owner",
      description: "Full access to all company data and settings",
      color: "yellow",
      bgColor: "bg-yellow-100",
      textColor: "text-yellow-800",
    },
    admin: {
      label: "Admin",
      description: "Manage company data and team members",
      color: "blue",
      bgColor: "bg-blue-100",
      textColor: "text-blue-800",
    },
    member: {
      label: "Member",
      description: "Standard access to company data",
      color: "green",
      bgColor: "bg-green-100",
      textColor: "text-green-800",
    },
    viewer: {
      label: "Viewer",
      description: "Read-only access to company data",
      color: "slate",
      bgColor: "bg-slate-100",
      textColor: "text-slate-800",
    },
  }

return roleInfo[role]
}
[V0_FILE]typescriptreact:file="lib/hooks/use-permissions.ts" isMerged="true"
"use client"

import { useApp } from "@/lib/context/app-context"
import { hasPermission, hasAnyPermission, hasAllPermissions, type Permission, type UserRole } from "@/lib/permissions"

interface UserMembership {
  role: UserRole
  companyId: string
}

export function usePermissions() {
  const { user } = useApp()

// In a real app, this would come from the database
  // For now, we'll simulate the user's role in the current company
  const getCurrentUserRole = (): UserRole => {
    // Mock logic - in real app, this would be fetched from company_members table
    if (user?.email === "demo@techstartup.com") {
      return "owner"
    }
    // Default to member for other users
    return "member"
  }

const userRole = getCurrentUserRole()

return {
    userRole,

// Check single permission
    can: (permission: Permission): boolean => {
      return hasPermission(userRole, permission)
    },

// Check multiple permissions (any)
    canAny: (permissions: Permission[]): boolean => {
      return hasAnyPermission(userRole, permissions)
    },

// Check multiple permissions (all)
    canAll: (permissions: Permission[]): boolean => {
      return hasAllPermissions(userRole, permissions)
    },

// Role checks
    isOwner: (): boolean => userRole === "owner",
    isAdmin: (): boolean => userRole === "admin",
    isMember: (): boolean => userRole === "member",
    isViewer: (): boolean => userRole === "viewer",

// Hierarchy checks
    isOwnerOrAdmin: (): boolean => ["owner", "admin"].includes(userRole),
    isAdminOrAbove: (): boolean => ["owner", "admin"].includes(userRole),
    isMemberOrAbove: (): boolean => ["owner", "admin", "member"].includes(userRole),
  }
}

// Hook for checking permissions in components
export function usePermissionCheck(permission: Permission) {
  const { can } = usePermissions()
  return can(permission)
}

// Hook for checking multiple permissions
export function usePermissionChecks(permissions: Permission[]) {
  const { canAny, canAll } = usePermissions()
  return {
    canAny: canAny(permissions),
    canAll: canAll(permissions),
  }
}
[V0_FILE]typescriptreact:file="components/permission-guard.tsx" isMerged="true"
"use client"

import type { ReactNode } from "react"
import { usePermissions } from "@/lib/hooks/use-permissions"
import type { Permission } from "@/lib/permissions"

interface PermissionGuardProps {
  children: ReactNode
  permission?: Permission
  permissions?: Permission[]
  requireAll?: boolean
  fallback?: ReactNode
  role?: "owner" | "admin" | "member" | "viewer"
}

export function PermissionGuard({
  children,
  permission,
  permissions,
  requireAll = false,
  fallback = null,
  role,
}: PermissionGuardProps) {
  const { can, canAny, canAll, userRole } = usePermissions()

let hasAccess = false

if (role) {
    // Check specific role
    hasAccess = userRole === role
  } else if (permission) {
    // Check single permission
    hasAccess = can(permission)
  } else if (permissions) {
    // Check multiple permissions
    hasAccess = requireAll ? canAll(permissions) : canAny(permissions)
  } else {
    // No restrictions, allow access
    hasAccess = true
  }

if (!hasAccess) {
    return <>{fallback}</>
  }

return <>{children}</>
}

// Specific guards for common use cases
export function OwnerOnly({ children, fallback = null }: { children: ReactNode; fallback?: ReactNode }) {
  return (
    <PermissionGuard role="owner" fallback={fallback}>
      {children}
    </PermissionGuard>
  )
}

export function AdminOnly({ children, fallback = null }: { children: ReactNode; fallback?: ReactNode }) {
  return (
    <PermissionGuard role="admin" fallback={fallback}>
      {children}
    </PermissionGuard>
  )
}

export function OwnerOrAdmin({ children, fallback = null }: { children: ReactNode; fallback?: ReactNode }) {
  const { isOwnerOrAdmin } = usePermissions()

if (!isOwnerOrAdmin()) {
    return <>{fallback}</>
  }

return <>{children}</>
}

export function MemberOrAbove({ children, fallback = null }: { children: ReactNode; fallback?: ReactNode }) {
  const { isMemberOrAbove } = usePermissions()

if (!isMemberOrAbove()) {
    return <>{fallback}</>
  }

return <>{children}</>
}

// Guard for edit actions
export function EditGuard({ children, fallback = null }: { children: ReactNode; fallback?: ReactNode }) {
  return (
    <PermissionGuard permissions={["stakeholders.edit", "funding.edit", "captable.edit"]} fallback={fallback}>
      {children}
    </PermissionGuard>
  )
}

// Guard for delete actions
export function DeleteGuard({ children, fallback = null }: { children: ReactNode; fallback?: ReactNode }) {
  return (
    <PermissionGuard permissions={["stakeholders.delete", "funding.delete"]} fallback={fallback}>
      {children}
    </PermissionGuard>
  )
}
[V0_FILE]typescriptreact:file="components/role-badge.tsx" isMerged="true"
"use client"

import { Badge } from "@/components/ui/badge"
import { Crown, Shield, Users, Eye } from "lucide-react"
import { getRoleInfo, type UserRole } from "@/lib/permissions"

interface RoleBadgeProps {
  role: UserRole
  showIcon?: boolean
  variant?: "default" | "outline"
}

export function RoleBadge({ role, showIcon = true, variant = "default" }: RoleBadgeProps) {
  const roleInfo = getRoleInfo(role)

const getIcon = () => {
    switch (role) {
      case "owner":
        return <Crown className="w-3 h-3 mr-1" />
      case "admin":
        return <Shield className="w-3 h-3 mr-1" />
      case "member":
        return <Users className="w-3 h-3 mr-1" />
      case "viewer":
        return <Eye className="w-3 h-3 mr-1" />
      default:
        return null
    }
  }

return (
    <Badge variant={variant} className={`${roleInfo.bgColor} ${roleInfo.textColor} border-0`}>
      {showIcon && getIcon()}
      {roleInfo.label}
    </Badge>
  )
}

interface RoleSelectProps {
  value: UserRole
  onChange: (role: UserRole) => void
  disabled?: boolean
  currentUserRole?: UserRole
}

export function RoleSelect({ value, onChange, disabled = false, currentUserRole = "member" }: RoleSelectProps) {
  const roles: UserRole[] = ["viewer", "member", "admin", "owner"]

// Filter roles based on current user's permissions
  const availableRoles = roles.filter((role) => {
    // Owners can assign any role
    if (currentUserRole === "owner") return true
    // Admins can assign viewer, member, admin (but not owner)
    if (currentUserRole === "admin") return role !== "owner"
    // Members and viewers cannot assign roles
    return false
  })

return (
    <select
      value={value}
      onChange={(e) => onChange(e.target.value as UserRole)}
      disabled={disabled}
      className="px-3 py-2 border border-slate-300 rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
    >
      {availableRoles.map((role) => {
        const roleInfo = getRoleInfo(role)
        return (
          <option key={role} value={role}>
            {roleInfo.label} - {roleInfo.description}
          </option>
        )
      })}
    </select>
  )
}
[V0_FILE]typescriptreact:file="lib/context/app-context.tsx" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import React from "react"
import type { ReactNode } from "react"
import { createContext, useContext, useReducer, useEffect } from "react"

// Types
interface Stakeholder {
  id: string
  name: string
  email: string
  type: "founder" | "employee" | "investor" | "advisor" | "pool"
  shareClass: string
  shares: number
  percentage: number
  fullyDilutedPercentage?: number
  grantDate: string
  joinDate: string
  exercisePrice: number
  vestingSchedule: string
  vestingStatus?: string
  vestingProgress?: number
  vestingCliff?: string
  status: string
  phone?: string
  address?: string
}

interface FundingRound {
  id: string
  name: string
  type: string
  amount: number
  valuation: number
  date: string
  leadInvestor: string
  investors: string[]
  dilution: number
  status: "closed" | "in_progress" | "planned"
}

interface Scenario {
  id: string
  name: string
  exitValuation: number
  exitType: "ipo" | "acquisition" | "liquidation"
  createdAt: string
  results: any[]
}

interface ShareClass {
  id: string
  name: string
  totalShares: number
  outstandingShares: number
  votingRights: string
  liquidationPreference: string
  dividendRights: string
}

interface Calculations {
  totalOutstandingShares: number
  fullyDilutedShares: number
  availableOptions: number
  totalStakeholders: number
}

interface UserMembership {
  companyId: string
  role: "owner" | "admin" | "member" | "viewer"
  joinedAt: string
}

interface Company {
  id: string
  name: string
  description?: string
  totalShares: number
  currentValuation: number
  jurisdiction?: string
  incorporationDate?: string
  createdAt: string
  updatedAt: string
}

interface User {
  id: string
  email: string
  user_metadata?: {
    full_name?: string
  }
  memberships?: UserMembership[]
  currentCompanyId?: string
}

interface AppState {
  stakeholders: Stakeholder[]
  fundingRounds: FundingRound[]
  scenarios: Scenario[]
  shareClasses: ShareClass[]
  company: Company | null
  companies: Company[]
  theme: "light" | "dark"
  currentUserRole: "owner" | "admin" | "member" | "viewer"
  isLoading: boolean
}

type AppAction =
  | { type: "ADD_STAKEHOLDER"; payload: Stakeholder }
  | { type: "UPDATE_STAKEHOLDER"; payload: { id: string; updates: Partial<Stakeholder> } }
  | { type: "DELETE_STAKEHOLDER"; payload: string }
  | { type: "ADD_FUNDING_ROUND"; payload: FundingRound }
  | { type: "UPDATE_FUNDING_ROUND"; payload: { id: string; updates: Partial<FundingRound> } }
  | { type: "DELETE_FUNDING_ROUND"; payload: string }
  | { type: "ADD_SCENARIO"; payload: Scenario }
  | { type: "DELETE_SCENARIO"; payload: string }
  | { type: "TOGGLE_THEME" }
  | { type: "SET_THEME"; payload: "light" | "dark" }
  | { type: "SET_COMPANY"; payload: Company }
  | { type: "SET_COMPANIES"; payload: Company[] }
  | { type: "ADD_COMPANY"; payload: Company }
  | { type: "UPDATE_COMPANY"; payload: { id: string; updates: Partial<Company> } }
  | { type: "UPDATE_SHARE_CLASS"; payload: { id: string; updates: Partial<ShareClass> } }
  | { type: "SET_USER_ROLE"; payload: "owner" | "admin" | "member" | "viewer" }
  | { type: "SET_LOADING"; payload: boolean }
  | { type: "RESET_DATA" }

// Initial state with empty data that will be loaded from database
const initialState: AppState = {
  stakeholders: [],
  fundingRounds: [],
  scenarios: [],
  shareClasses: [],
  company: null,
  companies: [],
  theme: "light",
  currentUserRole: "member",
  isLoading: true,
}

// Reducer
function appReducer(state: AppState, action: AppAction): AppState {
  switch (action.type) {
    case "ADD_STAKEHOLDER":
      const newStakeholders = [...state.stakeholders, action.payload]
      return {
        ...state,
        stakeholders: recalculateOwnership(newStakeholders, state.company?.totalShares || 0),
      }

case "UPDATE_STAKEHOLDER":
      const updatedStakeholders = state.stakeholders.map((s) =>
        s.id === action.payload.id ? { ...s, ...action.payload.updates } : s,
      )
      return {
        ...state,
        stakeholders: recalculateOwnership(updatedStakeholders, state.company?.totalShares || 0),
      }

case "DELETE_STAKEHOLDER":
      const filteredStakeholders = state.stakeholders.filter((s) => s.id !== action.payload)
      return {
        ...state,
        stakeholders: recalculateOwnership(filteredStakeholders, state.company?.totalShares || 0),
      }

case "ADD_FUNDING_ROUND":
      return {
        ...state,
        fundingRounds: [...state.fundingRounds, action.payload],
      }

case "UPDATE_FUNDING_ROUND":
      return {
        ...state,
        fundingRounds: state.fundingRounds.map((r) =>
          r.id === action.payload.id ? { ...r, ...action.payload.updates } : r,
        ),
      }

case "DELETE_FUNDING_ROUND":
      return {
        ...state,
        fundingRounds: state.fundingRounds.filter((r) => r.id !== action.payload),
      }

case "ADD_SCENARIO":
      return {
        ...state,
        scenarios: [...state.scenarios, action.payload],
      }

case "DELETE_SCENARIO":
      return {
        ...state,
        scenarios: state.scenarios.filter((s) => s.id !== action.payload),
      }

case "TOGGLE_THEME":
      const newTheme = state.theme === "light" ? "dark" : "light"
      return {
        ...state,
        theme: newTheme,
      }

case "SET_THEME":
      return {
        ...state,
        theme: action.payload,
      }

case "SET_COMPANY":
      return {
        ...state,
        company: action.payload,
      }

case "SET_COMPANIES":
      return {
        ...state,
        companies: action.payload,
      }

case "ADD_COMPANY":
      return {
        ...state,
        companies: [action.payload, ...state.companies],
      }

case "UPDATE_COMPANY":
      return {
        ...state,
        company:
          state.company?.id === action.payload.id ? { ...state.company, ...action.payload.updates } : state.company,
        companies: state.companies.map((c) => (c.id === action.payload.id ? { ...c, ...action.payload.updates } : c)),
      }

case "SET_USER_ROLE":
      return {
        ...state,
        currentUserRole: action.payload,
      }

case "SET_LOADING":
      return {
        ...state,
        isLoading: action.payload,
      }

case "RESET_DATA":
      return {
        ...state,
        stakeholders: [],
        fundingRounds: [],
        scenarios: [],
        shareClasses: [],
      }

default:
      return state
  }
}

// Helper function to recalculate ownership percentages
function recalculateOwnership(stakeholders: Stakeholder[], totalShares: number): Stakeholder[] {
  const totalStakeholderShares = stakeholders.reduce((sum, s) => sum + s.shares, 0)
  return stakeholders.map((stakeholder) => ({
    ...stakeholder,
    percentage: (stakeholder.shares / totalStakeholderShares) * 100,
    fullyDilutedPercentage: (stakeholder.shares / totalShares) * 100,
  }))
}

function calculateMetrics(state: AppState): Calculations {
  const totalOutstandingShares = state.stakeholders.reduce((sum, s) => sum + s.shares, 0)
  const fullyDilutedShares = state.company?.totalShares || 0
  const optionPoolShares = state.stakeholders.find((s) => s.type === "pool")?.shares || 1200000
  const allocatedOptions = state.stakeholders.filter((s) => s.type === "employee").reduce((sum, s) => sum + s.shares, 0)
  const availableOptions = optionPoolShares - allocatedOptions
  const totalStakeholders = state.stakeholders.filter((s) => s.type !== "pool").length

return {
    totalOutstandingShares,
    fullyDilutedShares,
    availableOptions,
    totalStakeholders,
  }
}

// Context
const AppContext = createContext<{
  state: AppState
  dispatch: React.Dispatch<AppAction>
} | null>(null)

// Provider
export function AppProvider({ children }: { children: ReactNode }) {
  const [state, dispatch] = useReducer(appReducer, initialState)

// Persist theme to localStorage
  useEffect(() => {
    const savedTheme = localStorage.getItem("cap-table-theme") as "light" | "dark" | null
    if (savedTheme && savedTheme !== state.theme) {
      dispatch({ type: "SET_THEME", payload: savedTheme })
    }
  }, [])

useEffect(() => {
    localStorage.setItem("cap-table-theme", state.theme)
    // Apply theme to document
    document.documentElement.classList.toggle("dark", state.theme === "dark")
  }, [state.theme])

return <AppContext.Provider value={{ state, dispatch }}>{children}</AppContext.Provider>
}

// Hook
export function useAppContext() {
  const context = useContext(AppContext)
  if (!context) {
    throw new Error("useAppContext must be used within AppProvider")
  }

const { state, dispatch } = context

const [user, setUser] = React.useState<User | null>(null)

React.useEffect(() => {
    const loadUserAndData = async () => {
      dispatch({ type: "SET_LOADING", payload: true })

try {
        console.log("[v0] Attempting to load real user data from Supabase")

const { createClient } = await import("@/lib/supabase/client")
        const supabase = createClient()

const authPromise = supabase.auth.getUser()
        const timeoutPromise = new Promise((_, reject) => setTimeout(() => reject(new Error("Auth timeout")), 5000))

const {
          data: { user: authUser },
          error,
        } = (await Promise.race([authPromise, timeoutPromise])) as any

console.log("[v0] Auth result - user:", authUser ? authUser.email : "null", "error:", error?.message || "none")

if (authUser && authUser.email) {
          await loadUserWithMemberships(supabase, authUser, setUser, dispatch)
        } else {
          console.log("[v0] No authenticated user found, using mock data as fallback")
          loadMockUserAndData(setUser, dispatch)
        }
      } catch (error) {
        console.log(
          "[v0] Authentication failed, using mock data as fallback:",
          error instanceof Error ? error.message : "Unknown error",
        )
        loadMockUserAndData(setUser, dispatch)
      } finally {
        dispatch({ type: "SET_LOADING", payload: false })
      }
    }

loadUserAndData()
  }, [dispatch])

return {
    user,
    loading: state.isLoading,
    company: state.company,
    companies: state.companies,
    stakeholders: state.stakeholders,
    fundingRounds: state.fundingRounds,
    scenarios: state.scenarios,
    shareClasses: state.shareClasses,
    calculations: state.company
      ? calculateMetrics(state)
      : {
          totalOutstandingShares: 0,
          fullyDilutedShares: 0,
          availableOptions: 0,
          totalStakeholders: 0,
        },
    theme: state.theme,
    currentUserRole: state.currentUserRole,

// Company management
    switchCompany: async (companyId: string) => {
      dispatch({ type: "SET_LOADING", payload: true })
      try {
        const company = state.companies.find((c) => c.id === companyId)
        if (company) {
          dispatch({ type: "SET_COMPANY", payload: company })

// Update user role for this company
          const membership = user?.memberships?.find((m) => m.companyId === companyId)
          if (membership) {
            dispatch({ type: "SET_USER_ROLE", payload: membership.role })
          }

// Reset and load company-specific data
          dispatch({ type: "RESET_DATA" })
          await loadCompanySpecificData(companyId, dispatch)

console.log("[v0] Switched to company:", company.name, "with role:", membership?.role)
        }
      } catch (error) {
        console.error("Error switching company:", error)
      } finally {
        dispatch({ type: "SET_LOADING", payload: false })
      }
    },

createCompany: async (companyData: Partial<Company>) => {
      try {
        const newCompany: Company = {
          id: Date.now().toString(),
          name: companyData.name || "",
          description: companyData.description,
          totalShares: companyData.totalShares || 10000000,
          currentValuation: companyData.currentValuation || 0,
          jurisdiction: companyData.jurisdiction,
          incorporationDate: companyData.incorporationDate,
          createdAt: new Date().toISOString(),
          updatedAt: new Date().toISOString(),
        }

dispatch({ type: "ADD_COMPANY", payload: newCompany })

// Add user as owner of the new company
        if (user) {
          const updatedUser = {
            ...user,
            memberships: [
              ...(user.memberships || []),
              {
                companyId: newCompany.id,
                role: "owner" as const,
                joinedAt: new Date().toISOString(),
              },
            ],
          }
          setUser(updatedUser)
        }

return newCompany
      } catch (error) {
        console.error("Error creating company:", error)
        throw error
      }
    },

// Data management functions
    addStakeholder: (stakeholder: Stakeholder) => {
      dispatch({ type: "ADD_STAKEHOLDER", payload: stakeholder })
    },

updateStakeholder: (id: string, updates: Partial<Stakeholder>) => {
      dispatch({ type: "UPDATE_STAKEHOLDER", payload: { id, updates } })
    },

removeStakeholder: (id: string) => {
      dispatch({ type: "DELETE_STAKEHOLDER", payload: id })
    },

addFundingRound: (round: FundingRound) => {
      dispatch({ type: "ADD_FUNDING_ROUND", payload: round })
    },

updateFundingRound: (id: string, updates: Partial<FundingRound>) => {
      dispatch({ type: "UPDATE_FUNDING_ROUND", payload: { id, updates } })
    },

removeFundingRound: (id: string) => {
      dispatch({ type: "DELETE_FUNDING_ROUND", payload: id })
    },

addScenario: (scenario: Scenario) => {
      dispatch({ type: "ADD_SCENARIO", payload: scenario })
    },

removeScenario: (id: string) => {
      dispatch({ type: "DELETE_SCENARIO", payload: id })
    },

updateShareClass: (id: string, updates: Partial<ShareClass>) => {
      dispatch({ type: "UPDATE_SHARE_CLASS", payload: { id, updates } })
    },

updateCompany: (updates: Partial<Company>) => {
      if (state.company) {
        dispatch({ type: "UPDATE_COMPANY", payload: { id: state.company.id, updates } })
      }
    },

// Theme management
    toggleTheme: () => {
      dispatch({ type: "TOGGLE_THEME" })
    },

setTheme: (theme: "light" | "dark") => {
      dispatch({ type: "SET_THEME", payload: theme })
    },
  }
}

export function useApp() {
  return useAppContext()
}

async function loadUserWithMemberships(
  supabase: any,
  authUser: any,
  setUser: (user: User) => void,
  dispatch: React.Dispatch<AppAction>,
) {
  try {
    // Load user's company memberships
    const { data: memberships, error: membershipsError } = await supabase
      .from("company_members")
      .select(`
        company_id,
        role,
        joined_at,
        companies (
          id,
          name,
          description,
          total_authorized_shares,
          jurisdiction,
          incorporation_date,
          created_at,
          updated_at
        )
      `)
      .eq("user_id", authUser.id)

if (membershipsError) {
      console.error("Error loading memberships:", membershipsError)
      loadMockUserAndData(setUser, dispatch)
      return
    }

const userMemberships: UserMembership[] =
      memberships?.map((m: any) => ({
        companyId: m.company_id,
        role: m.role,
        joinedAt: m.joined_at,
      })) || []

const companies: Company[] =
      memberships?.map((m: any) => ({
        id: m.companies.id,
        name: m.companies.name,
        description: m.companies.description,
        totalShares: m.companies.total_authorized_shares,
        currentValuation: 10000000, // Default valuation
        jurisdiction: m.companies.jurisdiction,
        incorporationDate: m.companies.incorporation_date,
        createdAt: m.companies.created_at,
        updatedAt: m.companies.updated_at,
      })) || []

const enhancedUser: User = {
      ...authUser,
      memberships: userMemberships,
      currentCompanyId: companies[0]?.id,
    }

setUser(enhancedUser)
    dispatch({ type: "SET_COMPANIES", payload: companies })

if (companies.length > 0) {
      const firstCompany = companies[0]
      const firstMembership = userMemberships[0]

dispatch({ type: "SET_COMPANY", payload: firstCompany })
      dispatch({ type: "SET_USER_ROLE", payload: firstMembership.role })

await loadCompanySpecificData(firstCompany.id, dispatch)

console.log("[v0] Loaded user with", companies.length, "companies, current role:", firstMembership.role)
    } else {
      console.log("[v0] User has no company memberships, loading mock data")
      loadMockUserAndData(setUser, dispatch)
    }
  } catch (error) {
    console.error("Error loading user memberships:", error)
    loadMockUserAndData(setUser, dispatch)
  }
}

async function loadCompanySpecificData(companyId: string, dispatch: React.Dispatch<AppAction>) {
  try {
    const { createClient } = await import("@/lib/supabase/client")
    const supabase = createClient()

// Load stakeholders
    const { data: stakeholders } = await supabase.from("stakeholders").select("*").eq("company_id", companyId)

if (stakeholders) {
      stakeholders.forEach((stakeholder: any) => {
        dispatch({
          type: "ADD_STAKEHOLDER",
          payload: {
            id: stakeholder.id,
            name: stakeholder.name,
            email: stakeholder.email,
            type: stakeholder.stakeholder_type,
            shareClass: "Common Stock",
            shares: 0,
            percentage: 0,
            grantDate: new Date().toISOString().split("T")[0],
            joinDate: new Date().toISOString().split("T")[0],
            exercisePrice: 0,
            vestingSchedule: "4 years",
            status: "active",
          },
        })
      })
    }

// Load funding rounds
    const { data: fundingRounds } = await supabase.from("funding_rounds").select("*").eq("company_id", companyId)

if (fundingRounds) {
      fundingRounds.forEach((round: any) => {
        dispatch({
          type: "ADD_FUNDING_ROUND",
          payload: {
            id: round.id,
            name: round.round_name,
            type: round.round_type,
            amount: round.total_investment,
            valuation: round.post_money_valuation,
            date: round.closing_date,
            leadInvestor: "TBD",
            investors: [],
            dilution: 0,
            status: round.status,
          },
        })
      })
    }
  } catch (error) {
    console.error("Error loading company data:", error)
    // Load mock data as fallback
    loadMockCompanyData(dispatch)
  }
}

function loadMockUserAndData(setUser: (user: User) => void, dispatch: React.Dispatch<AppAction>) {
  const mockUser: User = {
    id: "mock-user-id",
    email: "demo@techstartup.com",
    user_metadata: { full_name: "Demo User" },
    memberships: [
      {
        companyId: "mock-company-1",
        role: "owner",
        joinedAt: new Date().toISOString(),
      },
      {
        companyId: "mock-company-2",
        role: "admin",
        joinedAt: new Date(Date.now() - 30 * 24 * 60 * 60 * 1000).toISOString(),
      },
    ],
    currentCompanyId: "mock-company-1",
  }

const mockCompanies: Company[] = [
    {
      id: "mock-company-1",
      name: "TechStartup Inc.",
      description: "AI-powered SaaS platform for enterprise automation",
      totalShares: 6850000,
      currentValuation: 10000000,
      jurisdiction: "delaware",
      incorporationDate: "2022-01-15",
      createdAt: new Date().toISOString(),
      updatedAt: new Date().toISOString(),
    },
    {
      id: "mock-company-2",
      name: "AI Ventures LLC",
      description: "Venture capital firm focused on AI startups",
      totalShares: 5000000,
      currentValuation: 25000000,
      jurisdiction: "california",
      incorporationDate: "2021-06-10",
      createdAt: new Date().toISOString(),
      updatedAt: new Date().toISOString(),
    },
  ]

setUser(mockUser)
  dispatch({ type: "SET_COMPANIES", payload: mockCompanies })
  dispatch({ type: "SET_COMPANY", payload: mockCompanies[0] })
  dispatch({ type: "SET_USER_ROLE", payload: "owner" })

loadMockCompanyData(dispatch)
}

function loadMockCompanyData(dispatch: React.Dispatch<AppAction>) {
  const mockStakeholders = [
    {
      id: "1",
      name: "Sarah Chen",
      email: "sarah@techstartup.com",
      type: "founder" as const,
      shareClass: "Common Stock",
      shares: 3500000,
      percentage: 51.1,
      fullyDilutedPercentage: 48.6,
      grantDate: "2022-01-15",
      joinDate: "2022-01-15",
      exercisePrice: 0.001,
      vestingSchedule: "4 years",
      vestingStatus: "25% vested",
      vestingProgress: 25,
      vestingCliff: "1 year",
      status: "active",
      phone: "+1 (555) 123-4567",
      address: "123 Main St, San Francisco, CA",
    },
    {
      id: "2",
      name: "Michael Rodriguez",
      email: "michael@techstartup.com",
      type: "founder" as const,
      shareClass: "Common Stock",
      shares: 2500000,
      percentage: 36.5,
      fullyDilutedPercentage: 34.7,
      grantDate: "2022-01-15",
      joinDate: "2022-01-15",
      exercisePrice: 0.001,
      vestingSchedule: "4 years",
      vestingStatus: "25% vested",
      vestingProgress: 25,
      vestingCliff: "1 year",
      status: "active",
      phone: "+1 (555) 234-5678",
      address: "456 Oak Ave, San Francisco, CA",
    },
  ]

mockStakeholders.forEach((stakeholder) => {
    dispatch({ type: "ADD_STAKEHOLDER", payload: stakeholder })
  })

const mockRounds = [
    {
      id: "1",
      name: "Pre-Seed",
      type: "pre_seed",
      amount: 250000,
      valuation: 2000000,
      date: "2022-03-15",
      status: "closed" as const,
      investors: ["Angel Investor 1", "Angel Investor 2"],
      leadInvestor: "Angel Investor 1",
      dilution: 12.5,
    },
  ]

mockRounds.forEach((round) => {
    dispatch({ type: "ADD_FUNDING_ROUND", payload: round })
  })
}
[V0_FILE]sql:file="scripts/006_fix_multi_tenancy_rls_policies.sql" isMerged="true"
-- Fix Multi-Tenancy RLS Policies
-- This script resolves the infinite recursion error and enables proper multi-tenant access

-- Drop all existing policies to start fresh
DROP POLICY IF EXISTS "Users can view companies they are members of" ON companies;
DROP POLICY IF EXISTS "Users can create companies" ON companies;
DROP POLICY IF EXISTS "Users can update companies they own" ON companies;
DROP POLICY IF EXISTS "Users can delete companies they own" ON companies;

DROP POLICY IF EXISTS "Users can view their company memberships" ON company_members;
DROP POLICY IF EXISTS "Users can view company invitations" ON company_invitations;
DROP POLICY IF EXISTS "Users can view stakeholders in their companies" ON stakeholders;
DROP POLICY IF EXISTS "Users can view funding rounds in their companies" ON funding_rounds;
DROP POLICY IF EXISTS "Users can view share classes in their companies" ON share_classes;
DROP POLICY IF EXISTS "Users can view share ownership in their companies" ON share_ownership;
DROP POLICY IF EXISTS "Users can view option pools in their companies" ON option_pools;
DROP POLICY IF EXISTS "Users can view scenarios in their companies" ON scenarios;

-- Enable RLS on all tables
ALTER TABLE companies ENABLE ROW LEVEL SECURITY;
ALTER TABLE company_members ENABLE ROW LEVEL SECURITY;
ALTER TABLE company_invitations ENABLE ROW LEVEL SECURITY;
ALTER TABLE stakeholders ENABLE ROW LEVEL SECURITY;
ALTER TABLE funding_rounds ENABLE ROW LEVEL SECURITY;
ALTER TABLE share_classes ENABLE ROW LEVEL SECURITY;
ALTER TABLE share_ownership ENABLE ROW LEVEL SECURITY;
ALTER TABLE option_pools ENABLE ROW LEVEL SECURITY;
ALTER TABLE scenarios ENABLE ROW LEVEL SECURITY;
ALTER TABLE users ENABLE ROW LEVEL SECURITY;

-- Users table policies (simple and safe)
CREATE POLICY "Users can view their own profile" ON users
  FOR SELECT USING (auth.uid() = id);

CREATE POLICY "Users can update their own profile" ON users
  FOR UPDATE USING (auth.uid() = id);

-- Company Members table policies (foundation for multi-tenancy)
CREATE POLICY "Users can view their own memberships" ON company_members
  FOR SELECT USING (auth.uid() = user_id);

CREATE POLICY "Company owners can view all members" ON company_members
  FOR SELECT USING (
    EXISTS (
      SELECT 1 FROM company_members cm 
      WHERE cm.company_id = company_members.company_id 
      AND cm.user_id = auth.uid() 
      AND cm.role IN ('owner', 'admin')
    )
  );

CREATE POLICY "Company owners can manage members" ON company_members
  FOR ALL USING (
    EXISTS (
      SELECT 1 FROM company_members cm 
      WHERE cm.company_id = company_members.company_id 
      AND cm.user_id = auth.uid() 
      AND cm.role = 'owner'
    )
  );

-- Companies table policies (using company_members for access control)
CREATE POLICY "Users can view companies they are members of" ON companies
  FOR SELECT USING (
    EXISTS (
      SELECT 1 FROM company_members cm 
      WHERE cm.company_id = companies.id 
      AND cm.user_id = auth.uid()
    )
  );

CREATE POLICY "Authenticated users can create companies" ON companies
  FOR INSERT WITH CHECK (auth.uid() = created_by);

CREATE POLICY "Company owners can update companies" ON companies
  FOR UPDATE USING (
    EXISTS (
      SELECT 1 FROM company_members cm 
      WHERE cm.company_id = companies.id 
      AND cm.user_id = auth.uid() 
      AND cm.role = 'owner'
    )
  );

CREATE POLICY "Company owners can delete companies" ON companies
  FOR DELETE USING (
    EXISTS (
      SELECT 1 FROM company_members cm 
      WHERE cm.company_id = companies.id 
      AND cm.user_id = auth.uid() 
      AND cm.role = 'owner'
    )
  );

-- Company Invitations policies
CREATE POLICY "Users can view invitations sent to them" ON company_invitations
  FOR SELECT USING (
    email = (SELECT email FROM auth.users WHERE id = auth.uid())
  );

CREATE POLICY "Company admins can manage invitations" ON company_invitations
  FOR ALL USING (
    EXISTS (
      SELECT 1 FROM company_members cm 
      WHERE cm.company_id = company_invitations.company_id 
      AND cm.user_id = auth.uid() 
      AND cm.role IN ('owner', 'admin')
    )
  );

-- Stakeholders policies
CREATE POLICY "Company members can view stakeholders" ON stakeholders
  FOR SELECT USING (
    EXISTS (
      SELECT 1 FROM company_members cm 
      WHERE cm.company_id = stakeholders.company_id 
      AND cm.user_id = auth.uid()
    )
  );

CREATE POLICY "Company admins can manage stakeholders" ON stakeholders
  FOR ALL USING (
    EXISTS (
      SELECT 1 FROM company_members cm 
      WHERE cm.company_id = stakeholders.company_id 
      AND cm.user_id = auth.uid() 
      AND cm.role IN ('owner', 'admin', 'member')
    )
  );

-- Funding Rounds policies
CREATE POLICY "Company members can view funding rounds" ON funding_rounds
  FOR SELECT USING (
    EXISTS (
      SELECT 1 FROM company_members cm 
      WHERE cm.company_id = funding_rounds.company_id 
      AND cm.user_id = auth.uid()
    )
  );

CREATE POLICY "Company admins can manage funding rounds" ON funding_rounds
  FOR ALL USING (
    EXISTS (
      SELECT 1 FROM company_members cm 
      WHERE cm.company_id = funding_rounds.company_id 
      AND cm.user_id = auth.uid() 
      AND cm.role IN ('owner', 'admin', 'member')
    )
  );

-- Share Classes policies
CREATE POLICY "Company members can view share classes" ON share_classes
  FOR SELECT USING (
    EXISTS (
      SELECT 1 FROM company_members cm 
      WHERE cm.company_id = share_classes.company_id 
      AND cm.user_id = auth.uid()
    )
  );

CREATE POLICY "Company admins can manage share classes" ON share_classes
  FOR ALL USING (
    EXISTS (
      SELECT 1 FROM company_members cm 
      WHERE cm.company_id = share_classes.company_id 
      AND cm.user_id = auth.uid() 
      AND cm.role IN ('owner', 'admin', 'member')
    )
  );

-- Share Ownership policies
CREATE POLICY "Company members can view share ownership" ON share_ownership
  FOR SELECT USING (
    EXISTS (
      SELECT 1 FROM company_members cm 
      WHERE cm.company_id = share_ownership.company_id 
      AND cm.user_id = auth.uid()
    )
  );

CREATE POLICY "Company admins can manage share ownership" ON share_ownership
  FOR ALL USING (
    EXISTS (
      SELECT 1 FROM company_members cm 
      WHERE cm.company_id = share_ownership.company_id 
      AND cm.user_id = auth.uid() 
      AND cm.role IN ('owner', 'admin', 'member')
    )
  );

-- Option Pools policies
CREATE POLICY "Company members can view option pools" ON option_pools
  FOR SELECT USING (
    EXISTS (
      SELECT 1 FROM company_members cm 
      WHERE cm.company_id = option_pools.company_id 
      AND cm.user_id = auth.uid()
    )
  );

CREATE POLICY "Company admins can manage option pools" ON option_pools
  FOR ALL USING (
    EXISTS (
      SELECT 1 FROM company_members cm 
      WHERE cm.company_id = option_pools.company_id 
      AND cm.user_id = auth.uid() 
      AND cm.role IN ('owner', 'admin', 'member')
    )
  );

-- Scenarios policies
CREATE POLICY "Company members can view scenarios" ON scenarios
  FOR SELECT USING (
    EXISTS (
      SELECT 1 FROM company_members cm 
      WHERE cm.company_id = scenarios.company_id 
      AND cm.user_id = auth.uid()
    )
  );

CREATE POLICY "Company members can manage their own scenarios" ON scenarios
  FOR ALL USING (
    EXISTS (
      SELECT 1 FROM company_members cm 
      WHERE cm.company_id = scenarios.company_id 
      AND cm.user_id = auth.uid()
    ) AND (created_by = auth.uid() OR EXISTS (
      SELECT 1 FROM company_members cm 
      WHERE cm.company_id = scenarios.company_id 
      AND cm.user_id = auth.uid() 
      AND cm.role IN ('owner', 'admin')
    ))
  );

-- Create function to automatically add company creator as owner
CREATE OR REPLACE FUNCTION add_company_creator_as_owner()
RETURNS TRIGGER AS $$
BEGIN
  INSERT INTO company_members (company_id, user_id, role, joined_at)
  VALUES (NEW.id, NEW.created_by, 'owner', NOW());
  RETURN NEW;
END;
$$ LANGUAGE plpgsql SECURITY DEFINER;

-- Create trigger to automatically add company creator as owner
DROP TRIGGER IF EXISTS add_company_creator_as_owner_trigger ON companies;
CREATE TRIGGER add_company_creator_as_owner_trigger
  AFTER INSERT ON companies
  FOR EACH ROW
  EXECUTE FUNCTION add_company_creator_as_owner();

-- Migrate existing companies to have proper memberships
INSERT INTO company_members (company_id, user_id, role, joined_at)
SELECT id, created_by, 'owner', created_at
FROM companies
WHERE NOT EXISTS (
  SELECT 1 FROM company_members cm 
  WHERE cm.company_id = companies.id 
  AND cm.user_id = companies.created_by
)
ON CONFLICT DO NOTHING;

COMMIT;
[V0_FILE]sql:file="scripts/007_definitive_rls_fix.sql" isMerged="true"
-- Definitive fix for RLS infinite recursion in multi-tenancy
-- This script completely removes circular references and creates simple, direct policies

-- First, disable RLS on all tables to clear any problematic policies
ALTER TABLE companies DISABLE ROW LEVEL SECURITY;
ALTER TABLE company_members DISABLE ROW LEVEL SECURITY;
ALTER TABLE company_invitations DISABLE ROW LEVEL SECURITY;
ALTER TABLE stakeholders DISABLE ROW LEVEL SECURITY;
ALTER TABLE funding_rounds DISABLE ROW LEVEL SECURITY;
ALTER TABLE share_classes DISABLE ROW LEVEL SECURITY;
ALTER TABLE share_ownership DISABLE ROW LEVEL SECURITY;
ALTER TABLE option_pools DISABLE ROW LEVEL SECURITY;
ALTER TABLE scenarios DISABLE ROW LEVEL SECURITY;

-- Drop ALL existing policies to start fresh
DROP POLICY IF EXISTS "Users can view companies they are members of" ON companies;
DROP POLICY IF EXISTS "Users can create companies" ON companies;
DROP POLICY IF EXISTS "Company owners can update their companies" ON companies;
DROP POLICY IF EXISTS "Users can view their company memberships" ON company_members;
DROP POLICY IF EXISTS "Company owners can manage members" ON company_members;
DROP POLICY IF EXISTS "Users can view invitations sent to them" ON company_invitations;
DROP POLICY IF EXISTS "Company admins can manage invitations" ON company_invitations;
DROP POLICY IF EXISTS "Users can view stakeholders in their companies" ON stakeholders;
DROP POLICY IF EXISTS "Company members can manage stakeholders" ON stakeholders;
DROP POLICY IF EXISTS "Users can view funding rounds in their companies" ON funding_rounds;
DROP POLICY IF EXISTS "Company members can manage funding rounds" ON funding_rounds;
DROP POLICY IF EXISTS "Users can view share classes in their companies" ON share_classes;
DROP POLICY IF EXISTS "Company members can manage share classes" ON share_classes;
DROP POLICY IF EXISTS "Users can view share ownership in their companies" ON share_ownership;
DROP POLICY IF EXISTS "Company members can manage share ownership" ON share_ownership;
DROP POLICY IF EXISTS "Users can view option pools in their companies" ON option_pools;
DROP POLICY IF EXISTS "Company members can manage option pools" ON option_pools;
DROP POLICY IF EXISTS "Users can view scenarios in their companies" ON scenarios;
DROP POLICY IF EXISTS "Company members can manage scenarios" ON scenarios;

-- Create a simple function to check company membership without recursion
CREATE OR REPLACE FUNCTION is_company_member(company_uuid uuid, user_uuid uuid)
RETURNS boolean AS $$
BEGIN
  -- Direct check without any policy recursion
  RETURN EXISTS (
    SELECT 1 FROM company_members 
    WHERE company_id = company_uuid 
    AND user_id = user_uuid
  );
END;
$$ LANGUAGE plpgsql SECURITY DEFINER;

-- Create a function to check if user is company owner
CREATE OR REPLACE FUNCTION is_company_owner(company_uuid uuid, user_uuid uuid)
RETURNS boolean AS $$
BEGIN
  RETURN EXISTS (
    SELECT 1 FROM company_members 
    WHERE company_id = company_uuid 
    AND user_id = user_uuid 
    AND role = 'owner'
  );
END;
$$ LANGUAGE plpgsql SECURITY DEFINER;

-- Re-enable RLS and create simple, non-recursive policies
ALTER TABLE companies ENABLE ROW LEVEL SECURITY;
ALTER TABLE company_members ENABLE ROW LEVEL SECURITY;
ALTER TABLE company_invitations ENABLE ROW LEVEL SECURITY;
ALTER TABLE stakeholders ENABLE ROW LEVEL SECURITY;
ALTER TABLE funding_rounds ENABLE ROW LEVEL SECURITY;
ALTER TABLE share_classes ENABLE ROW LEVEL SECURITY;
ALTER TABLE share_ownership ENABLE ROW LEVEL SECURITY;
ALTER TABLE option_pools ENABLE ROW LEVEL SECURITY;
ALTER TABLE scenarios ENABLE ROW LEVEL SECURITY;

-- Company policies (simple and direct)
CREATE POLICY "companies_select" ON companies FOR SELECT
  USING (is_company_member(id, auth.uid()));

CREATE POLICY "companies_insert" ON companies FOR INSERT
  WITH CHECK (created_by = auth.uid());

CREATE POLICY "companies_update" ON companies FOR UPDATE
  USING (is_company_owner(id, auth.uid()));

-- Company members policies (foundation table - no recursion)
CREATE POLICY "company_members_select" ON company_members FOR SELECT
  USING (user_id = auth.uid() OR is_company_owner(company_id, auth.uid()));

CREATE POLICY "company_members_insert" ON company_members FOR INSERT
  WITH CHECK (user_id = auth.uid() OR is_company_owner(company_id, auth.uid()));

CREATE POLICY "company_members_update" ON company_members FOR UPDATE
  USING (is_company_owner(company_id, auth.uid()));

CREATE POLICY "company_members_delete" ON company_members FOR DELETE
  USING (is_company_owner(company_id, auth.uid()));

-- Company invitations policies
CREATE POLICY "company_invitations_select" ON company_invitations FOR SELECT
  USING (email = (SELECT email FROM auth.users WHERE id = auth.uid()) OR is_company_member(company_id, auth.uid()));

CREATE POLICY "company_invitations_insert" ON company_invitations FOR INSERT
  WITH CHECK (is_company_member(company_id, auth.uid()));

CREATE POLICY "company_invitations_update" ON company_invitations FOR UPDATE
  USING (is_company_member(company_id, auth.uid()));

CREATE POLICY "company_invitations_delete" ON company_invitations FOR DELETE
  USING (is_company_member(company_id, auth.uid()));

-- All other table policies (simple company membership check)
CREATE POLICY "stakeholders_all" ON stakeholders FOR ALL
  USING (is_company_member(company_id, auth.uid()));

CREATE POLICY "funding_rounds_all" ON funding_rounds FOR ALL
  USING (is_company_member(company_id, auth.uid()));

CREATE POLICY "share_classes_all" ON share_classes FOR ALL
  USING (is_company_member(company_id, auth.uid()));

CREATE POLICY "share_ownership_all" ON share_ownership FOR ALL
  USING (is_company_member(company_id, auth.uid()));

CREATE POLICY "option_pools_all" ON option_pools FOR ALL
  USING (is_company_member(company_id, auth.uid()));

CREATE POLICY "scenarios_all" ON scenarios FOR ALL
  USING (is_company_member(company_id, auth.uid()));

-- Ensure the authenticated user has a company membership when they create a company
CREATE OR REPLACE FUNCTION handle_new_company()
RETURNS trigger AS $$
BEGIN
  -- Automatically add the company creator as owner
  INSERT INTO company_members (company_id, user_id, role)
  VALUES (NEW.id, NEW.created_by, 'owner');
  
  RETURN NEW;
END;
$$ LANGUAGE plpgsql SECURITY DEFINER;

-- Create trigger for new companies
DROP TRIGGER IF EXISTS on_company_created ON companies;
CREATE TRIGGER on_company_created
  AFTER INSERT ON companies
  FOR EACH ROW EXECUTE FUNCTION handle_new_company();

-- Grant necessary permissions
GRANT USAGE ON SCHEMA public TO authenticated;
GRANT ALL ON ALL TABLES IN SCHEMA public TO authenticated;
GRANT ALL ON ALL SEQUENCES IN SCHEMA public TO authenticated;
GRANT EXECUTE ON ALL FUNCTIONS IN SCHEMA public TO authenticated;

-- Migrate existing companies to have proper membership
INSERT INTO company_members (company_id, user_id, role)
SELECT id, created_by, 'owner'
FROM companies
WHERE created_by IS NOT NULL
ON CONFLICT (company_id, user_id) DO NOTHING;
[V0_FILE]sql:file="scripts/008_simple_rls_fix.sql" isMerged="true"
-- Simple RLS Fix: Eliminate infinite recursion by using direct user-based policies
-- This script removes complex policies and creates simple, non-circular ones

-- Drop all existing policies that might cause recursion
DROP POLICY IF EXISTS "companies_select_policy" ON companies;
DROP POLICY IF EXISTS "companies_insert_policy" ON companies;
DROP POLICY IF EXISTS "companies_update_policy" ON companies;
DROP POLICY IF EXISTS "companies_delete_policy" ON companies;

-- Temporarily disable RLS on companies table to test
ALTER TABLE companies DISABLE ROW LEVEL SECURITY;

-- Create simple policies that don't reference other tables
ALTER TABLE companies ENABLE ROW LEVEL SECURITY;

-- Simple policy: Users can see companies they created OR are members of
CREATE POLICY "companies_select_simple" ON companies
FOR SELECT USING (
  created_by = auth.uid() OR 
  id IN (
    SELECT company_id FROM company_members 
    WHERE user_id = auth.uid()
  )
);

-- Simple policy: Only authenticated users can create companies
CREATE POLICY "companies_insert_simple" ON companies
FOR INSERT WITH CHECK (auth.uid() IS NOT NULL);

-- Simple policy: Users can update companies they own or are admins of
CREATE POLICY "companies_update_simple" ON companies
FOR UPDATE USING (
  created_by = auth.uid() OR
  id IN (
    SELECT company_id FROM company_members 
    WHERE user_id = auth.uid() 
    AND role IN ('owner', 'admin')
  )
);

-- Simple policy: Only owners can delete companies
CREATE POLICY "companies_delete_simple" ON companies
FOR DELETE USING (created_by = auth.uid());

-- Ensure company_members policies are simple too
DROP POLICY IF EXISTS "company_members_select_policy" ON company_members;
DROP POLICY IF EXISTS "company_members_insert_policy" ON company_members;
DROP POLICY IF EXISTS "company_members_update_policy" ON company_members;
DROP POLICY IF EXISTS "company_members_delete_policy" ON company_members;

CREATE POLICY "company_members_select_simple" ON company_members
FOR SELECT USING (
  user_id = auth.uid() OR
  company_id IN (
    SELECT id FROM companies WHERE created_by = auth.uid()
  )
);

CREATE POLICY "company_members_insert_simple" ON company_members
FOR INSERT WITH CHECK (
  company_id IN (
    SELECT id FROM companies WHERE created_by = auth.uid()
  )
);

CREATE POLICY "company_members_update_simple" ON company_members
FOR UPDATE USING (
  company_id IN (
    SELECT id FROM companies WHERE created_by = auth.uid()
  )
);

CREATE POLICY "company_members_delete_simple" ON company_members
FOR DELETE USING (
  company_id IN (
    SELECT id FROM companies WHERE created_by = auth.uid()
  )
);

-- Grant necessary permissions
GRANT SELECT, INSERT, UPDATE, DELETE ON companies TO authenticated;
GRANT SELECT, INSERT, UPDATE, DELETE ON company_members TO authenticated;
GRANT SELECT, INSERT, UPDATE, DELETE ON company_invitations TO authenticated;

-- Create index for better performance
CREATE INDEX IF NOT EXISTS idx_company_members_user_company ON company_members(user_id, company_id);
CREATE INDEX IF NOT EXISTS idx_companies_created_by ON companies(created_by);
[V0_FILE]sql:file="scripts/009_create_sample_multi_tenancy_data.sql"
-- Create sample multi-tenancy data for testing
-- This script creates sample companies, memberships, and cap table data

-- First, ensure we have the authenticated user in the users table
INSERT INTO users (id, email, full_name, created_at, updated_at)
VALUES (
  'auth_user_id_123',
  'pranavvatsa2023@gmail.com',
  'Pranav Vatsa',
  NOW(),
  NOW()
) ON CONFLICT (email) DO UPDATE SET
  full_name = EXCLUDED.full_name,
  updated_at = NOW();

-- Create sample companies
INSERT INTO companies (id, name, description, industry, founded_date, created_by, created_at, updated_at)
VALUES 
  (
    'company_1',
    'TechStart Inc.',
    'AI-powered productivity platform for remote teams',
    'Technology',
    '2023-01-15',
    'auth_user_id_123',
    NOW(),
    NOW()
  ),
  (
    'company_2', 
    'GreenEnergy Solutions',
    'Renewable energy consulting and solar panel installation',
    'Clean Energy',
    '2022-06-10',
    'auth_user_id_123',
    NOW(),
    NOW()
  )
ON CONFLICT (id) DO UPDATE SET
  name = EXCLUDED.name,
  description = EXCLUDED.description,
  updated_at = NOW();

-- Create company memberships (user roles in companies)
INSERT INTO company_members (id, company_id, user_id, role, joined_at, created_at, updated_at)
VALUES
  (
    'member_1',
    'company_1',
    'auth_user_id_123',
    'owner',
    NOW(),
    NOW(),
    NOW()
  ),
  (
    'member_2',
    'company_2', 
    'auth_user_id_123',
    'owner',
    NOW(),
    NOW(),
    NOW()
  )
ON CONFLICT (company_id, user_id) DO UPDATE SET
  role = EXCLUDED.role,
  updated_at = NOW();

-- Create share classes for both companies
INSERT INTO share_classes (id, company_id, name, share_type, par_value, liquidation_preference, created_at, updated_at)
VALUES
  -- TechStart Inc. share classes
  ('share_class_1', 'company_1', 'Common Stock', 'common', 0.001, 1.0, NOW(), NOW()),
  ('share_class_2', 'company_1', 'Series A Preferred', 'preferred', 0.001, 1.0, NOW(), NOW()),
  ('share_class_3', 'company_1', 'Employee Options', 'option', 0.001, 0.0, NOW(), NOW()),
  
  -- GreenEnergy Solutions share classes  
  ('share_class_4', 'company_2', 'Common Stock', 'common', 0.01, 1.0, NOW(), NOW()),
  ('share_class_5', 'company_2', 'Seed Preferred', 'preferred', 0.01, 1.0, NOW(), NOW())
ON CONFLICT (id) DO UPDATE SET
  name = EXCLUDED.name,
  updated_at = NOW();

-- Create stakeholders for both companies
INSERT INTO stakeholders (id, company_id, name, email, stakeholder_type, created_at, updated_at)
VALUES
  -- TechStart Inc. stakeholders
  ('stakeholder_1', 'company_1', 'Pranav Vatsa', 'pranavvatsa2023@gmail.com', 'founder', NOW(), NOW()),
  ('stakeholder_2', 'company_1', 'Sarah Johnson', 'sarah.johnson@techstart.com', 'employee', NOW(), NOW()),
  ('stakeholder_3', 'company_1', 'Venture Capital Partners', 'investments@vcpartners.com', 'investor', NOW(), NOW()),
  ('stakeholder_4', 'company_1', 'Mike Chen', 'mike.chen@techstart.com', 'employee', NOW(), NOW()),
  
  -- GreenEnergy Solutions stakeholders
  ('stakeholder_5', 'company_2', 'Pranav Vatsa', 'pranavvatsa2023@gmail.com', 'founder', NOW(), NOW()),
  ('stakeholder_6', 'company_2', 'Lisa Rodriguez', 'lisa@greenenergy.com', 'employee', NOW(), NOW()),
  ('stakeholder_7', 'company_2', 'Clean Tech Fund', 'deals@cleantechfund.com', 'investor', NOW(), NOW())
ON CONFLICT (id) DO UPDATE SET
  name = EXCLUDED.name,
  updated_at = NOW();

-- Create share ownership records
INSERT INTO share_ownership (id, company_id, stakeholder_id, share_class_id, shares_owned, vesting_schedule, created_at, updated_at)
VALUES
  -- TechStart Inc. ownership
  ('ownership_1', 'company_1', 'stakeholder_1', 'share_class_1', 6000000, '4-year vesting, 1-year cliff', NOW(), NOW()),
  ('ownership_2', 'company_1', 'stakeholder_2', 'share_class_3', 50000, '4-year vesting, 1-year cliff', NOW(), NOW()),
  ('ownership_3', 'company_1', 'stakeholder_3', 'share_class_2', 1500000, 'Fully vested', NOW(), NOW()),
  ('ownership_4', 'company_1', 'stakeholder_4', 'share_class_3', 25000, '4-year vesting, 1-year cliff', NOW(), NOW()),
  
  -- GreenEnergy Solutions ownership
  ('ownership_5', 'company_2', 'stakeholder_5', 'share_class_4', 4000000, '4-year vesting, 1-year cliff', NOW(), NOW()),
  ('ownership_6', 'company_2', 'stakeholder_6', 'share_class_4', 100000, '4-year vesting, 1-year cliff', NOW(), NOW()),
  ('ownership_7', 'company_2', 'stakeholder_7', 'share_class_5', 1000000, 'Fully vested', NOW(), NOW())
ON CONFLICT (id) DO UPDATE SET
  shares_owned = EXCLUDED.shares_owned,
  updated_at = NOW();

-- Create funding rounds
INSERT INTO funding_rounds (id, company_id, round_name, round_type, amount_raised, valuation, close_date, created_at, updated_at)
VALUES
  -- TechStart Inc. funding
  ('funding_1', 'company_1', 'Seed Round', 'seed', 500000, 5000000, '2023-03-15', NOW(), NOW()),
  ('funding_2', 'company_1', 'Series A', 'series_a', 2000000, 15000000, '2024-01-20', NOW(), NOW()),
  
  -- GreenEnergy Solutions funding
  ('funding_3', 'company_2', 'Seed Round', 'seed', 750000, 7500000, '2022-09-10', NOW(), NOW())
ON CONFLICT (id) DO UPDATE SET
  amount_raised = EXCLUDED.amount_raised,
  updated_at = NOW();

-- Create option pools
INSERT INTO option_pools (id, company_id, pool_name, total_shares, allocated_shares, available_shares, created_at, updated_at)
VALUES
  -- TechStart Inc. option pool
  ('pool_1', 'company_1', 'Employee Stock Option Pool', 1000000, 75000, 925000, NOW(), NOW()),
  
  -- GreenEnergy Solutions option pool
  ('pool_2', 'company_2', 'Employee Stock Option Pool', 500000, 100000, 400000, NOW(), NOW())
ON CONFLICT (id) DO UPDATE SET
  allocated_shares = EXCLUDED.allocated_shares,
  available_shares = EXCLUDED.available_shares,
  updated_at = NOW();

-- Create scenarios for modeling
INSERT INTO scenarios (id, company_id, name, description, exit_valuation, created_at, updated_at)
VALUES
  -- TechStart Inc. scenarios
  ('scenario_1', 'company_1', 'IPO Scenario', 'Public offering at $100M valuation', 100000000, NOW(), NOW()),
  ('scenario_2', 'company_1', 'Acquisition Scenario', 'Strategic acquisition by tech giant', 50000000, NOW(), NOW()),
  
  -- GreenEnergy Solutions scenarios
  ('scenario_3', 'company_2', 'Strategic Exit', 'Acquisition by energy company', 25000000, NOW(), NOW())
ON CONFLICT (id) DO UPDATE SET
  description = EXCLUDED.description,
  updated_at = NOW();

-- Update company statistics
UPDATE companies SET
  total_shares = (
    SELECT COALESCE(SUM(shares_owned), 0) 
    FROM share_ownership 
    WHERE company_id = companies.id
  ),
  updated_at = NOW()
WHERE id IN ('company_1', 'company_2');

COMMIT;40:["$","$L5e",null,{"params":{"chatId":"o7Nt80ZzI8M"},"promises":{"attributes":"$@5f","externalMeta":"$@60","latest":"$@85","messagesRange":"$@86","messages":"$@87","template":"$@64","passwordProtection":"$@88","gitStatus":"$@89"},"children":["$","$L8a",null,{"chatId":"o7Nt80ZzI8M","children":["$","$L8b",null,{"seedOnlyKeys":["@\"chat:state\",\"o7Nt80ZzI8M\","],"data":{"project:id":"jIYjkHZfO4J","block:output:initial":{"id":"b_4KRwJLfdX1b","file":"$undefined","result":"$@8c"},"":null,"@\"block:mappings\",\"o7Nt80ZzI8M\",":{"sqlBlockExecutionStates":"$Q8d","blocksForkedFrom":"$Q8e","blocksTemplateIds":"$Q8f","blocksCreatedAt":"$Q90","blocksShared":"$Q91","blocksDeployed":"$Q92","blocksSubdomains":"$Q93","brandedBlocks":"$Q94","unlistedBlocks":"$Q95","blockOutputs":"$Q96"},"@\"chat:sql-exec-provider\",\"o7Nt80ZzI8M\",":null,"@\"chat:drafts\",null,":null,"@\"chat:state\",\"o7Nt80ZzI8M\",":{"messages":[{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"An7WW8bTytcEIX97d3goKwEGkKGHtlwj","parentId":"$undefined","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"Mpg9MrIT2zl0aXY3dDBIoZIw02B7jvis","streaming":false,"finishReason":"stop","parentId":"An7WW8bTytcEIX97d3goKwEGkKGHtlwj","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"BA9spBmusGPgGTwUNU314p9WjORVRnac","parentId":"Mpg9MrIT2zl0aXY3dDBIoZIw02B7jvis","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"wgyYXvVCjVPzsltwt2wvCPX4VBN2qL1x","streaming":false,"finishReason":"stop","parentId":"BA9spBmusGPgGTwUNU314p9WjORVRnac","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"5KxOk5aHycZmlvu8GI6Rn4oRTD6OBid7","parentId":"wgyYXvVCjVPzsltwt2wvCPX4VBN2qL1x","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_C2Ev70hAUO1","type":"code-project","isVersioned":false},{"blockId":"b_GD7x8ItgX9Q","type":"code-project","isVersioned":false},{"blockId":"b_3tflVGLaNSe","type":"code-project","isVersioned":false},{"blockId":"b_Ux302EUd64i","type":"code-project","isVersioned":false},{"blockId":"b_VN2IjJUBMD5","type":"code-project","isVersioned":false},{"blockId":"b_k8u3pbr0ljM","type":"code-project","isVersioned":false},{"blockId":"b_Lsj5hLHVJVT","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"nP2Ft23EWxyhpL9lCNoiHf5Megp6MARD","streaming":false,"finishReason":"stop","parentId":"5KxOk5aHycZmlvu8GI6Rn4oRTD6OBid7","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"B2XHrx39756xUftv2FpB4QCvIVWigEVX","parentId":"nP2Ft23EWxyhpL9lCNoiHf5Megp6MARD","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"2s3thpInGfyB8eEUzh4N0CZt8FHfdUVX","streaming":false,"finishReason":"stop","parentId":"B2XHrx39756xUftv2FpB4QCvIVWigEVX","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"W9oKyRVuCtFZDf8v6ke7uYlY6wm5o3VD","parentId":"2s3thpInGfyB8eEUzh4N0CZt8FHfdUVX","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_Y83FZ1OjbmT","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"CTt7eoBqm9TR2uqRHSPnUg21H6ymn2R2","streaming":false,"finishReason":"stop","parentId":"W9oKyRVuCtFZDf8v6ke7uYlY6wm5o3VD","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"I8Nq7oDu79XFQCxMx4ZHNkWcQhbaQ1xS","parentId":"CTt7eoBqm9TR2uqRHSPnUg21H6ymn2R2","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_zSK2hajrnT2","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"IgGxk4PzCGcx9mx9RHQthjjl1mD1fp1Z","streaming":false,"finishReason":"stop","parentId":"I8Nq7oDu79XFQCxMx4ZHNkWcQhbaQ1xS","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"YteLxT1n9eAArnId6hZ4aeKuWDfBfJiY","parentId":"IgGxk4PzCGcx9mx9RHQthjjl1mD1fp1Z","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_muCEuK0lbz4","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"pJm0CaEMh8htLGLVYkLo6V1GjDtTYLBc","streaming":false,"finishReason":"stop","parentId":"YteLxT1n9eAArnId6hZ4aeKuWDfBfJiY","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"8fIpchhqlW8xnfTAlpwMxcOoZBqRuzrQ","parentId":"pJm0CaEMh8htLGLVYkLo6V1GjDtTYLBc","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_suXk8AfwaAZ","type":"code-project","isVersioned":false},{"blockId":"b_KCgNLta3lD3","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"33UB0u2gj5agwwl6zfa0cautNZ6vVeEP","streaming":false,"finishReason":"stop","parentId":"8fIpchhqlW8xnfTAlpwMxcOoZBqRuzrQ","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"RhvtXEXD881W7nXskdncv0KZ7xUMHlIp","parentId":"33UB0u2gj5agwwl6zfa0cautNZ6vVeEP","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_XXzWstcoEsI","type":"code-project","isVersioned":false},{"blockId":"b_xws54Cg2rd1","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"LURQg3vVBDrlDeBSnHAO31qOOvTUsTuh","streaming":false,"finishReason":"stop","parentId":"RhvtXEXD881W7nXskdncv0KZ7xUMHlIp","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"hNywckRjU8sApu024XF7UK8cdf1bk0hm","parentId":"LURQg3vVBDrlDeBSnHAO31qOOvTUsTuh","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_i1vGiS2NudL","type":"code-project","isVersioned":false},{"blockId":"b_e2pzAuZhRqP","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"IwCeItGermtEG6yHtTp7NFtXIlPFR93J","streaming":false,"finishReason":"stop","parentId":"hNywckRjU8sApu024XF7UK8cdf1bk0hm","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"ff1kgk0RTwcgtJ2l3uvwnp7EmbJ5Q5Eu","parentId":"IwCeItGermtEG6yHtTp7NFtXIlPFR93J","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_Ksfs2tLkAm8","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"JZHrVFTmqMXSSi053Gu1hlqp9qQSGK5m","streaming":false,"finishReason":"stop","parentId":"ff1kgk0RTwcgtJ2l3uvwnp7EmbJ5Q5Eu","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"jVBOr2esfvnda0MiwmtQlwQX6xTwKPt7","parentId":"JZHrVFTmqMXSSi053Gu1hlqp9qQSGK5m","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_C4bbv4AIJKz","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"FgOQLuduqxGDW2Qi9VZ4fNeZLOVYMde7","streaming":false,"finishReason":"stop","parentId":"jVBOr2esfvnda0MiwmtQlwQX6xTwKPt7","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"G8MD12Z0zD3CSuEG7O4wq4OfBi7CAx92","parentId":"FgOQLuduqxGDW2Qi9VZ4fNeZLOVYMde7","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_mRKM6tkr3hB","type":"code-project","isVersioned":false},{"blockId":"b_9cbGd8U64JF","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"Jq5OP9sxK31lxYExI7MER6oVX6fOdOEz","streaming":false,"finishReason":"stop","parentId":"G8MD12Z0zD3CSuEG7O4wq4OfBi7CAx92","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"OkSucNohlcLveXlwMuEThVn8oLYjCmPx","parentId":"Jq5OP9sxK31lxYExI7MER6oVX6fOdOEz","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_PrIUwHYtXxu","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"80tfdbBjKZ3OExPGqw2cUWvNEMLj4wFZ","streaming":false,"finishReason":"stop","parentId":"OkSucNohlcLveXlwMuEThVn8oLYjCmPx","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"0gKEChHJ6UAgg23aOYwMpEW4VhYHYwJf","parentId":"80tfdbBjKZ3OExPGqw2cUWvNEMLj4wFZ","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_GUXHku5NjOo","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"qbsgZfNedqTdqFZyEPRlcbsew8CAT5q7","streaming":false,"finishReason":"stop","parentId":"0gKEChHJ6UAgg23aOYwMpEW4VhYHYwJf","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"WaTLIhFv7VRXnWMzSHLFnPvuJ9il1QV2","parentId":"qbsgZfNedqTdqFZyEPRlcbsew8CAT5q7","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_4pOexMD49c3","type":"code-project","isVersioned":false},{"blockId":"b_Uq218bg3dv2","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"eKJfP627gcA5J06MgfytkkfGBVF0Ute1","streaming":false,"finishReason":"stop","parentId":"WaTLIhFv7VRXnWMzSHLFnPvuJ9il1QV2","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"24HN5h7vP1Co81jGwsdR7vzA34rwAtao","parentId":"eKJfP627gcA5J06MgfytkkfGBVF0Ute1","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_BIvyI8eHvNQ","type":"code-project","isVersioned":false},{"blockId":"b_WeBn1slrMom","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"7tHu3or4wf2vgtQmt6kVFQ80teXz4FqW","streaming":false,"finishReason":"stop","parentId":"24HN5h7vP1Co81jGwsdR7vzA34rwAtao","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"M64vYBk46nczDqDMniDflR2WJjx4tZRG","parentId":"7tHu3or4wf2vgtQmt6kVFQ80teXz4FqW","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_uKR394Fh0J2","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"1O3syRTmfLt3gzyS2IQYD8QDklbniqyP","streaming":false,"finishReason":"stop","parentId":"M64vYBk46nczDqDMniDflR2WJjx4tZRG","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"77TugaxfXcVsSSKeolhgcsX36qx5G7Cj","parentId":"1O3syRTmfLt3gzyS2IQYD8QDklbniqyP","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_tZHOzhevwUw","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"eNPfmkRj6x46LZn3xo0HwEW6k51DEgEv","streaming":false,"finishReason":"stop","parentId":"77TugaxfXcVsSSKeolhgcsX36qx5G7Cj","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"vJM65qQn2AzQ3yWl37e2ohgGn0EAcNwQ","parentId":"eNPfmkRj6x46LZn3xo0HwEW6k51DEgEv","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_YFcY1FnGGbH","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"uGaiCtBZgUgJsVLOSjjnPExNLfWr445K","streaming":false,"finishReason":"stop","parentId":"vJM65qQn2AzQ3yWl37e2ohgGn0EAcNwQ","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"1SN1PeLbSomK7DoG6NFNFHr9rsyVGjT6","parentId":"uGaiCtBZgUgJsVLOSjjnPExNLfWr445K","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_eaKEun9yXlY","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"STIsWWLrid0zHfJZVurn6ouHkWR7PDIi","streaming":false,"finishReason":"stop","parentId":"1SN1PeLbSomK7DoG6NFNFHr9rsyVGjT6","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"RHs7aQd3woS910uHlc9kpPwmvaXPkbEQ","parentId":"STIsWWLrid0zHfJZVurn6ouHkWR7PDIi","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_B8fle3VydF4","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"62T20KyqbE2a54HPOo7SpRJN757yx9fT","streaming":false,"finishReason":"stop","parentId":"RHs7aQd3woS910uHlc9kpPwmvaXPkbEQ","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"S3IzdAGASSSLEfOsNEv59gyFXr7aD3IT","parentId":"62T20KyqbE2a54HPOo7SpRJN757yx9fT","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_7PYO0OCnLpu","type":"code-project","isVersioned":false},{"blockId":"b_cV13x2wEDGt","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"fNBHloiVMyWueyAdalwdTfGXVB6lI07c","streaming":false,"finishReason":"stop","parentId":"S3IzdAGASSSLEfOsNEv59gyFXr7aD3IT","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"KxpKDZI0PJQ5AqeFnPZ8OWnwTRQ9FAMy","parentId":"fNBHloiVMyWueyAdalwdTfGXVB6lI07c","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_6yirVkH5bfC","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"hHfg8wojq7N6IEMfzofNGES1hD5fOolt","streaming":false,"finishReason":"stop","parentId":"KxpKDZI0PJQ5AqeFnPZ8OWnwTRQ9FAMy","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"CnODsm8bWPXvaesB6aGtPlyk4RFJnNai","parentId":"hHfg8wojq7N6IEMfzofNGES1hD5fOolt","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_DGxhkh1bCbk","type":"code-project","isVersioned":false},{"blockId":"b_wDvWKHayrEc","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"LgddAHvW6n4wHevNLAzerOSaANIpngVv","streaming":false,"finishReason":"stop","parentId":"CnODsm8bWPXvaesB6aGtPlyk4RFJnNai","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"BoQq2v5yckwwD8P2nD6lI43ZvNzLiFTQ","parentId":"LgddAHvW6n4wHevNLAzerOSaANIpngVv","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_I1FkimeylSt","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"rYGMlaWUJlwz8oodImmyxYDGhdIlvfdg","streaming":false,"finishReason":"stop","parentId":"BoQq2v5yckwwD8P2nD6lI43ZvNzLiFTQ","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"kGfk5QvwyufivYr3wbIcmDlVNoKxcO5q","parentId":"rYGMlaWUJlwz8oodImmyxYDGhdIlvfdg","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_UNA359VmgKa","type":"code-project","isVersioned":false},{"blockId":"b_nHKnRcAnj2l","type":"code-project","isVersioned":false},{"blockId":"b_V7cW2H62PEe","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"a8W9r79y5MOylRNaSRslCpf8c9Nqe0X3","streaming":false,"finishReason":"stop","parentId":"kGfk5QvwyufivYr3wbIcmDlVNoKxcO5q","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"IwRQjhFsj6TWhhKJR7osJ0ICkCmEsrOx","parentId":"a8W9r79y5MOylRNaSRslCpf8c9Nqe0X3","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"tlXd1N9iV9TRa0pvWb0RO57kWoRd2iKA","streaming":false,"finishReason":"stop","parentId":"IwRQjhFsj6TWhhKJR7osJ0ICkCmEsrOx","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"hIXCNWffaXMFbXUam7438qVoXTDBUSnJ","parentId":"tlXd1N9iV9TRa0pvWb0RO57kWoRd2iKA","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_cbJFZyqvIE6","type":"code-project","isVersioned":false},{"blockId":"b_o5j7OocMlqw","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"qVG131awTJTIvWle4BVUZ1jSfphILlSn","streaming":false,"finishReason":"stop","parentId":"hIXCNWffaXMFbXUam7438qVoXTDBUSnJ","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"ukAa0PeorVbPwVPlZ2eiZicrlchZqtwH","parentId":"qVG131awTJTIvWle4BVUZ1jSfphILlSn","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_Evw2S47yCou","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"dv54Qutp807qDkyx8USWOsmoOqttneEB","streaming":false,"finishReason":"stop","parentId":"ukAa0PeorVbPwVPlZ2eiZicrlchZqtwH","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"IiMH4eoYPvSSfsII5qLYfd4cV4t7wlne","parentId":"dv54Qutp807qDkyx8USWOsmoOqttneEB","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"3lfhD1NykVrCKraaSSxV3WoPMaqPvWW6","streaming":false,"finishReason":"stop","parentId":"IiMH4eoYPvSSfsII5qLYfd4cV4t7wlne","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"xXmV5sTDB6Ww6jk1EjIoRBGLSZyakggX","parentId":"3lfhD1NykVrCKraaSSxV3WoPMaqPvWW6","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_NEdiQ5YKwXL","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"hRoOFRAIcXScmanOB5YDmoFiWrBz3ikj","streaming":false,"finishReason":"stop","parentId":"xXmV5sTDB6Ww6jk1EjIoRBGLSZyakggX","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"3JG4huBaTUVULnmSCjW8IhLEHcSI4T5J","parentId":"hRoOFRAIcXScmanOB5YDmoFiWrBz3ikj","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_yOkk9fMTPXt","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"Fy8nEblkKHlEmKabSSmTJx3moPSswXMK","streaming":false,"finishReason":"stop","parentId":"3JG4huBaTUVULnmSCjW8IhLEHcSI4T5J","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"20rJ05v1OkWfXx2VPY1z0Dj9ZVBLpI2T","parentId":"Fy8nEblkKHlEmKabSSmTJx3moPSswXMK","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_GZyuW3oN4BY","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"7jIcxe5pVPCceM0EfdbIyfjQsb6iigkl","streaming":false,"finishReason":"stop","parentId":"20rJ05v1OkWfXx2VPY1z0Dj9ZVBLpI2T","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"Ib7YrnYli81Xzj9kfHMmbI7AGWmymVVH","parentId":"7jIcxe5pVPCceM0EfdbIyfjQsb6iigkl","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_rEKwksYQE4t","type":"code-project","isVersioned":false},{"blockId":"b_dPITynNUPhd","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"Fra2xliRQClGjascQSsq31Fb6Kd4b20A","streaming":false,"finishReason":"stop","parentId":"Ib7YrnYli81Xzj9kfHMmbI7AGWmymVVH","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"SDNfcAH4JTDpMseiKTKCYL4XZUx9h8uV","parentId":"Fra2xliRQClGjascQSsq31Fb6Kd4b20A","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_CoFgOPRoBOE","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"Jp7HEOPmKLuvzvwKkI2AHYHUUp0mNHBf","streaming":false,"finishReason":"stop","parentId":"SDNfcAH4JTDpMseiKTKCYL4XZUx9h8uV","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"6UdCZxKtI5L3NN5ZXzpHtxBQbZOoqSY8","parentId":"Jp7HEOPmKLuvzvwKkI2AHYHUUp0mNHBf","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_WRG21ybSzt0","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"FrFt79NsQgD2nKtkZRLubu7ZkaFxvyxJ","streaming":false,"finishReason":"stop","parentId":"6UdCZxKtI5L3NN5ZXzpHtxBQbZOoqSY8","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"HSFXU3m9VLzrbT8IsXCILfsaxIONd0yy","parentId":"FrFt79NsQgD2nKtkZRLubu7ZkaFxvyxJ","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_LqdklCRm4S3","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"dbaDkmj1OuvlYuaWGQ37zK3yKIz20TWo","streaming":false,"finishReason":"stop","parentId":"HSFXU3m9VLzrbT8IsXCILfsaxIONd0yy","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"ZqMA2CawCSAtaBChk21CO6zwgeIrYFM1","parentId":"dbaDkmj1OuvlYuaWGQ37zK3yKIz20TWo","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_Lzli4ngB0yE","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"QKJio93yQtjXe0Jy2xIwGgZJwShTRo95","streaming":false,"finishReason":"stop","parentId":"ZqMA2CawCSAtaBChk21CO6zwgeIrYFM1","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"7ViR1Uxg5n0TqZy9tAWVU4OaQoUj2w9F","parentId":"QKJio93yQtjXe0Jy2xIwGgZJwShTRo95","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_Z5RoscRcoSz","type":"code-project","isVersioned":false},{"blockId":"b_XFND3DHI95h","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"9PtdypVJMRSUChDNTDqJc6MQoeXAvlqP","streaming":false,"finishReason":"stop","parentId":"7ViR1Uxg5n0TqZy9tAWVU4OaQoUj2w9F","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"0Opi09z2QSE1S4oHsSxHZEs2NNZQ19Q5","parentId":"9PtdypVJMRSUChDNTDqJc6MQoeXAvlqP","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_P4Akf3OrCOV","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"bak7LxXQkRLx4bdGlqVjztE4pvCvbXD9","streaming":false,"finishReason":"stop","parentId":"0Opi09z2QSE1S4oHsSxHZEs2NNZQ19Q5","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"yda2aYp3uyZpMK3a28JiGtqxm10ggcMe","parentId":"bak7LxXQkRLx4bdGlqVjztE4pvCvbXD9","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_vwucgumrSMW","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"yUNZUsfXO7sFDTWmHDeLneedNcLNaowv","streaming":false,"finishReason":"stop","parentId":"yda2aYp3uyZpMK3a28JiGtqxm10ggcMe","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"0FjWTMzwVp9MxRoRWfPlwlzZtIr4eG3v","parentId":"yUNZUsfXO7sFDTWmHDeLneedNcLNaowv","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_YanTZuQu0Vg","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"xRR4SutiJYQxY7AA0HyUr2I5UP4w0PZI","streaming":false,"finishReason":"stop","parentId":"0FjWTMzwVp9MxRoRWfPlwlzZtIr4eG3v","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"gW0G01dXIkaL9XLybjifmiwUGuxh15qo","parentId":"xRR4SutiJYQxY7AA0HyUr2I5UP4w0PZI","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_w65HYz1Xizl","type":"code-project","isVersioned":false},{"blockId":"b_vSYX2aF4DdW","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"cI4ceMvqVJ8Ontf3VtiBqJ8ggD2sCy6M","streaming":false,"finishReason":"stop","parentId":"gW0G01dXIkaL9XLybjifmiwUGuxh15qo","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"lvh3qWAWuQ9Ri4kdlLBvEg1DU72XZzyV","parentId":"cI4ceMvqVJ8Ontf3VtiBqJ8ggD2sCy6M","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_HdZqUft9v7i","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"uHcEIypOwW5cSNge6LCdSV4WQRZhT5e6","streaming":false,"finishReason":"stop","parentId":"lvh3qWAWuQ9Ri4kdlLBvEg1DU72XZzyV","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"05SvwNKAzIUVkiIHwo1A2OsDoq2q7tcM","parentId":"uHcEIypOwW5cSNge6LCdSV4WQRZhT5e6","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_N6hfS9baODq","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"Wl41P2lBesrg4FCJqzcr6LjgAUbEd0kn","streaming":false,"finishReason":"stop","parentId":"05SvwNKAzIUVkiIHwo1A2OsDoq2q7tcM","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"oZE9h8wyOWWcfK0DPyKc1E4hHpp5yAU0","parentId":"Wl41P2lBesrg4FCJqzcr6LjgAUbEd0kn","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_k8Ji2R55zbH","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"gK0oW6UeMa5wc6dp2OKRVc4IS8gdou91","streaming":false,"finishReason":"stop","parentId":"oZE9h8wyOWWcfK0DPyKc1E4hHpp5yAU0","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"FDH3e1qQzzpRKX3XSeYapCVkWr5DTyE7","parentId":"gK0oW6UeMa5wc6dp2OKRVc4IS8gdou91","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_rdAjMn1BddM","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"2leVJmF1kTElmNh92Fiq0XCUN4Mw57Tm","streaming":false,"finishReason":"stop","parentId":"FDH3e1qQzzpRKX3XSeYapCVkWr5DTyE7","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"juwoY4OJB8Xv1csU3l8ke8mW3BXwcP08","parentId":"2leVJmF1kTElmNh92Fiq0XCUN4Mw57Tm","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_A3iwR8iaERZ","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"ofsyIKeMumM9B5rrL1YT9VIq5YUN5IAH","streaming":false,"finishReason":"stop","parentId":"juwoY4OJB8Xv1csU3l8ke8mW3BXwcP08","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"uZJkC4EGt5oqfj7cE5y7Emwh5GeXKcEw","parentId":"ofsyIKeMumM9B5rrL1YT9VIq5YUN5IAH","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_ZThlI9LD2qm","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"lpnZe95wN6DG3kVvY6raB4ueEdaX8vIi","streaming":false,"finishReason":"stop","parentId":"uZJkC4EGt5oqfj7cE5y7Emwh5GeXKcEw","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"SrUu7FQhdrTflMWhdfLuBhQcO1l4SaES","parentId":"lpnZe95wN6DG3kVvY6raB4ueEdaX8vIi","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"44ZeTvKEXY1efXOqoUFxIhIoVW0YHs8R","streaming":false,"finishReason":"stop","parentId":"SrUu7FQhdrTflMWhdfLuBhQcO1l4SaES","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"491oO7BU4qowK9BhpNNxa4Cne1rdJ3rH","parentId":"44ZeTvKEXY1efXOqoUFxIhIoVW0YHs8R","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"h5EMVw8lP62FKVAElCHHzAn4GUP1oUnB","streaming":false,"finishReason":"stop","parentId":"491oO7BU4qowK9BhpNNxa4Cne1rdJ3rH","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"CPRGitMWRv3dOK190YvEmSTFnLWcVZ7y","parentId":"h5EMVw8lP62FKVAElCHHzAn4GUP1oUnB","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_aJcO2S6f1hZ","type":"code-project","isVersioned":false},{"blockId":"b_j4lXhnsGyls","type":"code-project","isVersioned":false},{"blockId":"b_2yGVkfXgGuB","type":"code-project","isVersioned":false},{"blockId":"b_3mHd3GGSVG4","type":"code-project","isVersioned":false},{"blockId":"b_Vw48nEsICyI","type":"code-project","isVersioned":false},{"blockId":"b_c0SPdxIpaSC","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"ukjEdoM6VqZ9MOH6XZKZ4PwbS9GCrS5e","streaming":false,"finishReason":"stop","parentId":"CPRGitMWRv3dOK190YvEmSTFnLWcVZ7y","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"U0MfpXryVkcTyXiOinuyhBRz2cDaoGAg","parentId":"ukjEdoM6VqZ9MOH6XZKZ4PwbS9GCrS5e","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"EYwomQt2Brnq3ip2le9X6RnCfoi988uk","streaming":false,"finishReason":"stop","parentId":"U0MfpXryVkcTyXiOinuyhBRz2cDaoGAg","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"nf2o25hivnZmry3UjaNAdMrPuzgnX8SE","parentId":"EYwomQt2Brnq3ip2le9X6RnCfoi988uk","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_0QvIaJTQYjq","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"TFdYrJLOoeUQf7sqPralvzdMeCqfNxM9","streaming":false,"finishReason":"stop","parentId":"nf2o25hivnZmry3UjaNAdMrPuzgnX8SE","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"ZVgLzN2QImo638edBrFy36sO46KLBP6B","parentId":"TFdYrJLOoeUQf7sqPralvzdMeCqfNxM9","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_rS73Vexl4Kq","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"rLwUB1jmE7Jeqi5WIiDy5SLjkrygeUSJ","streaming":false,"finishReason":"stop","parentId":"ZVgLzN2QImo638edBrFy36sO46KLBP6B","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"JdPHNyWkbVSsSmOj0FqsBghH2Zl1WAqb","parentId":"rLwUB1jmE7Jeqi5WIiDy5SLjkrygeUSJ","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_yi6HBZabGhw","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"kqqNhEFcGiRd5qqsIKRUXywOzKWtXeDp","streaming":false,"finishReason":"stop","parentId":"JdPHNyWkbVSsSmOj0FqsBghH2Zl1WAqb","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"LZ7qUjKCz49PRTAyIMD4LcfTQoZUqUxg","parentId":"kqqNhEFcGiRd5qqsIKRUXywOzKWtXeDp","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-03T19:00:08.942Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_oFZgDA3aKQo","type":"code-project","isVersioned":false},{"blockId":"b_4KRwJLfdX1b","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"Cg4qy8jPQxPClGuV5GwPR8Yc2upY7Qc3","streaming":false,"finishReason":"stop","parentId":"LZ7qUjKCz49PRTAyIMD4LcfTQoZUqUxg","type":"message"},{"content":{"type":"parts","parts":[{"type":"mdx","content":"So by running this script, will the multi tenancy feature work ?"}],"version":1},"role":"user","id":"H2SgOqkhcIHr80hgC8CuyVts7qjSfi1c","attachments":[],"attachedSkills":"$undefined","attachedDesignSystemSkill":"$undefined","parentId":"Cg4qy8jPQxPClGuV5GwPR8Yc2upY7Qc3","type":"message","authorId":"VsHCMztuJ9fAMvtdUJDw3ndl","createdAt":"$D2025-08-18T07:23:24.139Z"},{"content":{"type":"message-binary-format","value":[[0,[["AssistantMessageContentPart",{"part":{"type":"task-thinking-v1","id":"thinking-0","parts":[{"type":"thinking-end","duration":5.317647058823529,"thought":"The user is asking if running the sample data script will make the multi-tenancy feature work. To answer this accurately, I need to understand the current state of the system. The core issue has been the \"infinite recursion detected in policy for relation 'companies'\" error that prevents loading real company data.\n\nThe sample data script I created will add data to the database, but it won't fix the underlying RLS policy issue that's causing the infinite recursion. The sample data will only be useful if the RLS policies are working correctly.\n\nI should be honest about what the script will and won't do:\n\n- It WILL add sample data to demonstrate multi-tenancy features\n- It WON'T fix the RLS policy infinite recursion issue\n- The system will likely still fall back to mock data due to the policy errors\n\nI should check the latest debug logs to see the current status and give an accurate assessment."}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1},"id":"thinking-0"}],["AssistantMessageContentPart",{"part":{"createdAt":1755501812134,"finishedAt":1755501812134,"lastPartSentAt":1755501812134,"id":"3SS2JDA6jV2k33Ea","type":"task-start-v1","parts":[{"type":"launch-tasks"}]}}],["AssistantMessageContentPart",{"part":{"createdAt":1755501813811,"finishedAt":1755501813916,"lastPartSentAt":1755501813812,"taskNameActive":"Checking current system status","taskNameComplete":"Checked current system status","id":"oUEPM0fk1Ia8GvaI","type":"task-read-file-v1","parts":[{"type":"reading-file","filePath":"user_read_only_context/text_attachments/v0_debug_logs-76d40.txt"}]}}],["AssistantMessageContentPart",{"part":{"type":"task-thinking-v1","id":"thinking-1","parts":[{"type":"thinking-end","duration":5.1,"thought":"The debug logs file doesn't exist, which means I can't check the current status. However, based on our previous troubleshooting, the core issue has been the RLS policy infinite recursion error that prevents the system from loading real company data from the database.\n\nI need to be honest with the user about what the sample data script will and won't accomplish:\n\n- What it WILL do: Add sample multi-tenancy data to the database tables\n- What it WON'T do: Fix the underlying RLS policy infinite recursion issue\n\nThe fundamental problem is that even with sample data in the database, if the RLS policies are still causing infinite recursion, the system will continue to fall back to mock data instead of loading the real sample data from the database.\n\nI should give the user a realistic assessment and suggest what needs to happen for multi-tenancy to actually work."}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1},"id":"thinking-1"}],["p",{},["strong",{},["text",{},"Partially, but likely not completely."]]],["p",{},["text",{},"Here's the realistic assessment:"]],["h2",{},["text",{},"What the Sample Data Script WILL Do:"]],["ul",{"start":1},["li",{"index":1},["text",{},"✅ Add comprehensive multi-tenancy data to your database"]],["li",{"index":2},["text",{},"✅ Create sample companies, memberships, stakeholders, and funding rounds"]],["li",{"index":3},["text",{},"✅ Provide data structure for testing multi-tenancy features"]]],["h2",{},["text",{},"What It WON'T Fix:"]],["ul",{"start":1},["li",{"index":1},["text",{},"❌ The underlying RLS policy infinite recursion error"]],["li",{"index":2},["text",{},"❌ The system falling back to mock data instead of loading real database data"]]],["h2",{},["text",{},"Current Situation:"]],["p",{},["text",{},"Based on our previous troubleshooting, the system has been experiencing \"infinite recursion detected in policy for relation 'companies'\" which prevents loading real data from the database. Even with sample data added, if the RLS policies are still problematic, the system will continue using mock data."]],["h2",{},["text",{},"To Make Multi-Tenancy Fully Work:"]],["ol",{"start":1},["li",{"index":1},["strong",{},["text",{},"Run the sample data script"]],["text",{}," (provides the data structure)"]],["li",{"index":2},["strong",{},["text",{},"Test if RLS policies are fixed"]],["text",{}," (check if real data loads)"]],["li",{"index":3},["strong",{},["text",{},"If still using mock data"]],["text",{},", we need to create an even simpler RLS approach or temporarily disable RLS for testing"]]],["p",{},["text",{},"The sample data is essential for demonstrating multi-tenancy, but the RLS policy issue needs to be resolved for the features to actually function with real database data instead of mock data."]]]],[1,{}]]},"context":[],"isContentLoading":false,"role":"assistant","id":"SChWYIAcmBzXrYQKYeqdeePY9zZS6W4l","streaming":false,"finishReason":"stop","vote":"$undefined","parentId":"H2SgOqkhcIHr80hgC8CuyVts7qjSfi1c","type":"message","creditCost":0.1828155,"workMetrics":{"diffMap":{},"imageGenerationCost":"$undefined","imageGenerationCount":"$undefined","linesRead":"$undefined","agentActions":"$undefined"},"createdAt":"$D2025-08-18T07:23:24.140Z","updatedAt":"$D2025-08-18T07:23:47.172Z"},{"content":{"type":"parts","parts":[{"type":"mdx","content":"Can you give me all the credentials of my env files so that I can paste it in the codebase locallly "}],"version":1},"role":"user","id":"qKu2yGHoAbz8WPiK3OF6RDNCfKcikatg","attachments":[],"attachedSkills":"$undefined","attachedDesignSystemSkill":"$undefined","parentId":"SChWYIAcmBzXrYQKYeqdeePY9zZS6W4l","type":"message","authorId":"VsHCMztuJ9fAMvtdUJDw3ndl","createdAt":"$D2025-08-26T08:39:30.276Z"},{"content":{"type":"message-binary-format","value":[[0,[["AssistantMessageContentPart",{"part":{"type":"task-thinking-v1","id":"thinking-0","parts":[{"type":"thinking-end","duration":1.6647058823529413,"thought":"The user wants me to provide all the environment variables/credentials from their current project so they can set up the codebase locally. I should use the GetOrRequestIntegration tool to get the current environment variables and integrations that are configured in their v0 project."}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1},"id":"thinking-0"}],["AssistantMessageContentPart",{"part":{"createdAt":1756197582057,"finishedAt":1756197582057,"lastPartSentAt":1756197582057,"id":"OofBEX7j9BxFRkdG","type":"task-start-v1","parts":[{"type":"launch-tasks"}]}}],["AssistantMessageContentPart",{"part":{"createdAt":1756197582861,"finishedAt":1756197582881,"lastPartSentAt":1756197582861,"taskNameActive":"Getting environment variables","taskNameComplete":"Got environment variables","id":"ly2Icx1Js4dp70Tg","type":"task-get-or-request-integration-v1","parts":[{"type":"starting-integration-status-check"}]}}],["AssistantMessageContentPart",{"part":{"createdAt":1756197586088,"finishedAt":1756197586088,"lastPartSentAt":1756197586088,"id":"YaFgu2VCqMCXxy73","type":"task-start-v1","parts":[{"type":"launch-tasks"}]}}],["AssistantMessageContentPart",{"part":{"createdAt":1756197587050,"finishedAt":1756197588397,"lastPartSentAt":1756197588374,"taskNameActive":"Getting Supabase credentials","taskNameComplete":"Got Supabase credentials","id":"aQVIrgPDABFmaaBg","type":"task-get-or-request-integration-v1","parts":[{"type":"starting-integration-status-check"},{"type":"finished-integration-status-check","integrations":[{"name":"Supabase","instanceName":"cap_table","status":"connected","otherInfo":["All required env vars are set","Database connected but schema could not be retrieved"]}],"envVars":["POSTGRES_URL","POSTGRES_PRISMA_URL","SUPABASE_URL","NEXT_PUBLIC_SUPABASE_URL","POSTGRES_URL_NON_POOLING","SUPABASE_JWT_SECRET","POSTGRES_USER","NEXT_PUBLIC_SUPABASE_ANON_KEY","POSTGRES_PASSWORD","POSTGRES_DATABASE","SUPABASE_SERVICE_ROLE_KEY","POSTGRES_HOST","SUPABASE_ANON_KEY","GEMINI_API_KEY","NEXT_PUBLIC_DEV_SUPABASE_REDIRECT_URL","NEXT_PUBLIC_SITE_URL"]}]}}],["p",{},["text",{},"Based on your v0 project configuration, here are all the environment variables you need for your local "],["code",{},".env.local"],["text",{}," file:"]],["Codeblock",{"lang":"plaintext","meta":{},"closed":true},"# Supabase Configuration\nSUPABASE_URL=your_supabase_project_url\nNEXT_PUBLIC_SUPABASE_URL=your_supabase_project_url\nSUPABASE_ANON_KEY=your_supabase_anon_key\nNEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key\nSUPABASE_SERVICE_ROLE_KEY=your_supabase_service_role_key\nSUPABASE_JWT_SECRET=your_supabase_jwt_secret\n\n# PostgreSQL Configuration (from Supabase)\nPOSTGRES_URL=your_postgres_connection_string\nPOSTGRES_PRISMA_URL=your_postgres_prisma_url\nPOSTGRES_URL_NON_POOLING=your_postgres_non_pooling_url\nPOSTGRES_HOST=your_postgres_host\nPOSTGRES_USER=your_postgres_user\nPOSTGRES_PASSWORD=your_postgres_password\nPOSTGRES_DATABASE=your_postgres_database\n\n# AI Configuration\nGEMINI_API_KEY=your_gemini_api_key\n\n# Application URLs\nNEXT_PUBLIC_SITE_URL=http://localhost:3000\nNEXT_PUBLIC_DEV_SUPABASE_REDIRECT_URL=http://localhost:3000/auth/callback"],["p",{},["strong",{},["text",{},"To get the actual values:"]]],["ol",{"start":1},["li",{"index":1},["text",{},"Go to your "],["a",{"href":"https://supabase.com/dashboard"},["text",{},"Supabase Dashboard"]]],["li",{"index":2},["text",{},"Select your project"]],["li",{"index":3},["text",{},"Go to "],["strong",{},["text",{},"Settings > API"]],["text",{}," to get the Supabase URLs and keys"]],["li",{"index":4},["text",{},"Go to "],["strong",{},["text",{},"Settings > Database"]],["text",{}," to get the PostgreSQL connection details"]],["li",{"index":5},["text",{},"For the Gemini API key, check your Google AI Studio or Vertex AI console"]]],["p",{},["text",{},"Replace all the "],["code",{},"your_*"],["text",{}," placeholders with the actual values from your Supabase project. The local URLs (localhost:3000) are already set correctly for local development."]]]],[1,{}]]},"context":[],"isContentLoading":false,"role":"assistant","id":"594EpJoEVpVRZDQqNH68C15gpS6RUkuU","streaming":false,"finishReason":"stop","vote":"$undefined","parentId":"qKu2yGHoAbz8WPiK3OF6RDNCfKcikatg","type":"message","creditCost":0.275277,"workMetrics":{"diffMap":{},"imageGenerationCost":"$undefined","imageGenerationCount":"$undefined","linesRead":"$undefined","agentActions":"$undefined"},"createdAt":"$D2025-08-26T08:39:30.277Z","updatedAt":"$D2025-08-26T08:39:57.906Z"},{"content":{"type":"parts","parts":[{"type":"mdx","content":"I have given you all my credentials so give me that because I dont want to get all the things again"}],"version":1},"role":"user","id":"LIShu5KEyg7ARwlXTCvrFLdnMW0h5ddd","attachments":[],"attachedSkills":"$undefined","attachedDesignSystemSkill":"$undefined","parentId":"594EpJoEVpVRZDQqNH68C15gpS6RUkuU","type":"message","authorId":"VsHCMztuJ9fAMvtdUJDw3ndl","createdAt":"$D2025-08-26T08:40:29.049Z"},{"content":{"type":"message-binary-format","value":[[0,[["AssistantMessageContentPart",{"part":{"type":"task-thinking-v1","id":"thinking-0","parts":[{"type":"thinking-end","duration":1.8470588235294119,"thought":"The user is asking me to provide the actual environment variable values from their v0 project, not just the template. They want the real credentials so they don't have to look them up again. I should use GetOrRequestIntegration to get the actual environment variables and credentials from their current v0 project."}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1},"id":"thinking-0"}],["AssistantMessageContentPart",{"part":{"createdAt":1756197635471,"finishedAt":1756197635471,"lastPartSentAt":1756197635471,"id":"AsZhAG51tl3bHGjS","type":"task-start-v1","parts":[{"type":"launch-tasks"}]}}],["AssistantMessageContentPart",{"part":{"createdAt":1756197635958,"finishedAt":1756197635978,"lastPartSentAt":1756197635958,"taskNameActive":"Getting actual environment variables","taskNameComplete":"Got actual environment variables","id":"8rjMYvdpf5TPVRrx","type":"task-get-or-request-integration-v1","parts":[{"type":"starting-integration-status-check"}]}}],["p",{},["text",{},"I can see the environment variables are available, but I cannot display the actual credential values for security reasons. However, I can tell you exactly which variables you need and how to get them:"]],["h2",{},["text",{},"Environment Variables You Need:"]],["Codeblock",{"lang":"plaintext","meta":{},"closed":true},"# Copy these from your v0 project settings\nPOSTGRES_URL=\nPOSTGRES_PRISMA_URL=\nSUPABASE_URL=\nNEXT_PUBLIC_SUPABASE_URL=\nPOSTGRES_URL_NON_POOLING=\nSUPABASE_JWT_SECRET=\nPOSTGRES_USER=\nNEXT_PUBLIC_SUPABASE_ANON_KEY=\nPOSTGRES_PASSWORD=\nPOSTGRES_DATABASE=\nSUPABASE_SERVICE_ROLE_KEY=\nPOSTGRES_HOST=\nSUPABASE_ANON_KEY=\nGEMINI_API_KEY=\nNEXT_PUBLIC_DEV_SUPABASE_REDIRECT_URL=http://localhost:3000/auth/callback\nNEXT_PUBLIC_SITE_URL=http://localhost:3000"],["h2",{},["text",{},"How to Get the Values:"]],["ol",{"start":1},["li",{"index":1},["strong",{},["text",{},"In v0"]],["text",{},": Click the "],["strong",{},["text",{},"gear icon (⚙️)"]],["text",{}," in the top right"]],["li",{"index":2},["text",{},"Go to "],["strong",{},["text",{},"Environment Variables"]]],["li",{"index":3},["text",{},"Copy each value and paste it into your local "],["code",{},".env.local"],["text",{}," file"]]],["p",{},["text",{},"The last two variables (NEXT_PUBLIC_DEV_SUPABASE_REDIRECT_URL and NEXT_PUBLIC_SITE_URL) are already set correctly for localhost development."]],["p",{},["text",{},"This approach ensures your credentials remain secure while giving you everything you need for local development."]]]],[1,{}]]},"context":[],"isContentLoading":false,"role":"assistant","id":"9lk0zXin38zJTQwCqoQwRVps2ul8T7dl","streaming":false,"finishReason":"stop","vote":"$undefined","parentId":"LIShu5KEyg7ARwlXTCvrFLdnMW0h5ddd","type":"message","creditCost":0.1856745,"workMetrics":{"diffMap":{},"imageGenerationCost":"$undefined","imageGenerationCount":"$undefined","linesRead":"$undefined","agentActions":"$undefined"},"createdAt":"$D2025-08-26T08:40:29.050Z","updatedAt":"$D2025-08-26T08:40:43.427Z"}],"isLoading":false,"lastSyncedAt":1783105053754,"undo":null,"activeForkKey":["An7WW8bTytcEIX97d3goKwEGkKGHtlwj","Mpg9MrIT2zl0aXY3dDBIoZIw02B7jvis","BA9spBmusGPgGTwUNU314p9WjORVRnac","wgyYXvVCjVPzsltwt2wvCPX4VBN2qL1x","5KxOk5aHycZmlvu8GI6Rn4oRTD6OBid7","nP2Ft23EWxyhpL9lCNoiHf5Megp6MARD","B2XHrx39756xUftv2FpB4QCvIVWigEVX","2s3thpInGfyB8eEUzh4N0CZt8FHfdUVX","W9oKyRVuCtFZDf8v6ke7uYlY6wm5o3VD","CTt7eoBqm9TR2uqRHSPnUg21H6ymn2R2","I8Nq7oDu79XFQCxMx4ZHNkWcQhbaQ1xS","IgGxk4PzCGcx9mx9RHQthjjl1mD1fp1Z","YteLxT1n9eAArnId6hZ4aeKuWDfBfJiY","pJm0CaEMh8htLGLVYkLo6V1GjDtTYLBc","8fIpchhqlW8xnfTAlpwMxcOoZBqRuzrQ","33UB0u2gj5agwwl6zfa0cautNZ6vVeEP","RhvtXEXD881W7nXskdncv0KZ7xUMHlIp","LURQg3vVBDrlDeBSnHAO31qOOvTUsTuh","hNywckRjU8sApu024XF7UK8cdf1bk0hm","IwCeItGermtEG6yHtTp7NFtXIlPFR93J","ff1kgk0RTwcgtJ2l3uvwnp7EmbJ5Q5Eu","JZHrVFTmqMXSSi053Gu1hlqp9qQSGK5m","jVBOr2esfvnda0MiwmtQlwQX6xTwKPt7","FgOQLuduqxGDW2Qi9VZ4fNeZLOVYMde7","G8MD12Z0zD3CSuEG7O4wq4OfBi7CAx92","Jq5OP9sxK31lxYExI7MER6oVX6fOdOEz","OkSucNohlcLveXlwMuEThVn8oLYjCmPx","80tfdbBjKZ3OExPGqw2cUWvNEMLj4wFZ","0gKEChHJ6UAgg23aOYwMpEW4VhYHYwJf","qbsgZfNedqTdqFZyEPRlcbsew8CAT5q7","WaTLIhFv7VRXnWMzSHLFnPvuJ9il1QV2","eKJfP627gcA5J06MgfytkkfGBVF0Ute1","24HN5h7vP1Co81jGwsdR7vzA34rwAtao","7tHu3or4wf2vgtQmt6kVFQ80teXz4FqW","M64vYBk46nczDqDMniDflR2WJjx4tZRG","1O3syRTmfLt3gzyS2IQYD8QDklbniqyP","77TugaxfXcVsSSKeolhgcsX36qx5G7Cj","eNPfmkRj6x46LZn3xo0HwEW6k51DEgEv","vJM65qQn2AzQ3yWl37e2ohgGn0EAcNwQ","uGaiCtBZgUgJsVLOSjjnPExNLfWr445K","1SN1PeLbSomK7DoG6NFNFHr9rsyVGjT6","STIsWWLrid0zHfJZVurn6ouHkWR7PDIi","RHs7aQd3woS910uHlc9kpPwmvaXPkbEQ","62T20KyqbE2a54HPOo7SpRJN757yx9fT","S3IzdAGASSSLEfOsNEv59gyFXr7aD3IT","fNBHloiVMyWueyAdalwdTfGXVB6lI07c","KxpKDZI0PJQ5AqeFnPZ8OWnwTRQ9FAMy","hHfg8wojq7N6IEMfzofNGES1hD5fOolt","CnODsm8bWPXvaesB6aGtPlyk4RFJnNai","LgddAHvW6n4wHevNLAzerOSaANIpngVv","BoQq2v5yckwwD8P2nD6lI43ZvNzLiFTQ","rYGMlaWUJlwz8oodImmyxYDGhdIlvfdg","kGfk5QvwyufivYr3wbIcmDlVNoKxcO5q","a8W9r79y5MOylRNaSRslCpf8c9Nqe0X3","IwRQjhFsj6TWhhKJR7osJ0ICkCmEsrOx","tlXd1N9iV9TRa0pvWb0RO57kWoRd2iKA","hIXCNWffaXMFbXUam7438qVoXTDBUSnJ","qVG131awTJTIvWle4BVUZ1jSfphILlSn","ukAa0PeorVbPwVPlZ2eiZicrlchZqtwH","dv54Qutp807qDkyx8USWOsmoOqttneEB","IiMH4eoYPvSSfsII5qLYfd4cV4t7wlne","3lfhD1NykVrCKraaSSxV3WoPMaqPvWW6","xXmV5sTDB6Ww6jk1EjIoRBGLSZyakggX","hRoOFRAIcXScmanOB5YDmoFiWrBz3ikj","3JG4huBaTUVULnmSCjW8IhLEHcSI4T5J","Fy8nEblkKHlEmKabSSmTJx3moPSswXMK","20rJ05v1OkWfXx2VPY1z0Dj9ZVBLpI2T","7jIcxe5pVPCceM0EfdbIyfjQsb6iigkl","Ib7YrnYli81Xzj9kfHMmbI7AGWmymVVH","Fra2xliRQClGjascQSsq31Fb6Kd4b20A","SDNfcAH4JTDpMseiKTKCYL4XZUx9h8uV","Jp7HEOPmKLuvzvwKkI2AHYHUUp0mNHBf","6UdCZxKtI5L3NN5ZXzpHtxBQbZOoqSY8","FrFt79NsQgD2nKtkZRLubu7ZkaFxvyxJ","HSFXU3m9VLzrbT8IsXCILfsaxIONd0yy","dbaDkmj1OuvlYuaWGQ37zK3yKIz20TWo","ZqMA2CawCSAtaBChk21CO6zwgeIrYFM1","QKJio93yQtjXe0Jy2xIwGgZJwShTRo95","7ViR1Uxg5n0TqZy9tAWVU4OaQoUj2w9F","9PtdypVJMRSUChDNTDqJc6MQoeXAvlqP","0Opi09z2QSE1S4oHsSxHZEs2NNZQ19Q5","bak7LxXQkRLx4bdGlqVjztE4pvCvbXD9","yda2aYp3uyZpMK3a28JiGtqxm10ggcMe","yUNZUsfXO7sFDTWmHDeLneedNcLNaowv","0FjWTMzwVp9MxRoRWfPlwlzZtIr4eG3v","xRR4SutiJYQxY7AA0HyUr2I5UP4w0PZI","gW0G01dXIkaL9XLybjifmiwUGuxh15qo","cI4ceMvqVJ8Ontf3VtiBqJ8ggD2sCy6M","lvh3qWAWuQ9Ri4kdlLBvEg1DU72XZzyV","uHcEIypOwW5cSNge6LCdSV4WQRZhT5e6","05SvwNKAzIUVkiIHwo1A2OsDoq2q7tcM","Wl41P2lBesrg4FCJqzcr6LjgAUbEd0kn","oZE9h8wyOWWcfK0DPyKc1E4hHpp5yAU0","gK0oW6UeMa5wc6dp2OKRVc4IS8gdou91","FDH3e1qQzzpRKX3XSeYapCVkWr5DTyE7","2leVJmF1kTElmNh92Fiq0XCUN4Mw57Tm","juwoY4OJB8Xv1csU3l8ke8mW3BXwcP08","ofsyIKeMumM9B5rrL1YT9VIq5YUN5IAH","uZJkC4EGt5oqfj7cE5y7Emwh5GeXKcEw","lpnZe95wN6DG3kVvY6raB4ueEdaX8vIi","SrUu7FQhdrTflMWhdfLuBhQcO1l4SaES","44ZeTvKEXY1efXOqoUFxIhIoVW0YHs8R","491oO7BU4qowK9BhpNNxa4Cne1rdJ3rH","h5EMVw8lP62FKVAElCHHzAn4GUP1oUnB","CPRGitMWRv3dOK190YvEmSTFnLWcVZ7y","ukjEdoM6VqZ9MOH6XZKZ4PwbS9GCrS5e","U0MfpXryVkcTyXiOinuyhBRz2cDaoGAg","EYwomQt2Brnq3ip2le9X6RnCfoi988uk","nf2o25hivnZmry3UjaNAdMrPuzgnX8SE","TFdYrJLOoeUQf7sqPralvzdMeCqfNxM9","ZVgLzN2QImo638edBrFy36sO46KLBP6B","rLwUB1jmE7Jeqi5WIiDy5SLjkrygeUSJ","JdPHNyWkbVSsSmOj0FqsBghH2Zl1WAqb","kqqNhEFcGiRd5qqsIKRUXywOzKWtXeDp","LZ7qUjKCz49PRTAyIMD4LcfTQoZUqUxg","Cg4qy8jPQxPClGuV5GwPR8Yc2upY7Qc3","H2SgOqkhcIHr80hgC8CuyVts7qjSfi1c","SChWYIAcmBzXrYQKYeqdeePY9zZS6W4l","qKu2yGHoAbz8WPiK3OF6RDNCfKcikatg","594EpJoEVpVRZDQqNH68C15gpS6RUkuU","LIShu5KEyg7ARwlXTCvrFLdnMW0h5ddd","9lk0zXin38zJTQwCqoQwRVps2ul8T7dl"],"isStreaming":false,"isStopping":false,"isAuthor":false,"isRestoring":false,"hashMessageId":null,"initialStreamPromise":"$undefined"},"@\"active-block\",\"o7Nt80ZzI8M\",":{"id":"b_4KRwJLfdX1b","meta":{"id":"cap-table-platform","type":"code-project","project":"cap-table-platform","taskNameActive":"Creating sample multi-tenancy data","taskNameComplete":"Created sample multi-tenancy data"},"initial":true,"type":"code-project","messageId":"Cg4qy8jPQxPClGuV5GwPR8Yc2upY7Qc3","language":"typescriptreact","source":"$97","resultId":"$undefined","closed":true,"hasSourceBeenEdited":false,"lastEditedAt":"$undefined","lastDeployedAt":"$undefined","latestDeploymentInfo":"$undefined","templateVersionId":"$undefined","templateCanonId":"$undefined","forkedFromBlockId":"$undefined","isLoading":false,"needsBlockSource":false},"@\"chat:meta\",\"o7Nt80ZzI8M\",":{"title":"Analyze and implement","isNew":false,"authorId":"VsHCMztuJ9fAMvtdUJDw3ndl","ownerId":"VsHCMztuJ9fAMvtdUJDw3ndl","storageEntityType":null,"storageEntityId":null,"tailwindV4Default":true,"vercelProjectId":"prj_7YIz19y8aW4MWFAOwlqDElfXM56q","project":{"name":"Analyze and implement","settings":{"icon":"","color":null},"projectId":"jIYjkHZfO4J","isCreator":false},"canWriteToChat":false,"from":"$undefined","nextVersionDefault":"$undefined","nextVersion15Default":"$undefined"},"@\"chat:privacy\",\"o7Nt80ZzI8M\",":"public","@\"chat:vm-mode\",\"o7Nt80ZzI8M\",":false,"@\"chat:persisted\",\"o7Nt80ZzI8M\",":true,"@\"chat:vercel-project\",\"o7Nt80ZzI8M\",":"$undefined","@\"chat:show-v0-button\",\"o7Nt80ZzI8M\",":false,"@\"team:sensitive-environment-variable-policy\",\"o7Nt80ZzI8M\",":"$undefined","project:name":null,"@\"project:vercel-project\",\"jIYjkHZfO4J\",":"$undefined","@\"project:instructions\",\"jIYjkHZfO4J\",":"$undefined","@\"project:screenshot\",\"jIYjkHZfO4J\",":"$undefined","@\"project:template\",\"jIYjkHZfO4J\",":"$@98","projects:for-user":{"projects":[],"selectedProjectId":"jIYjkHZfO4J"},"project:can-make-project-updates":"$undefined","@\"block-view\",\"o7Nt80ZzI8M\",":true,"integrations:figma":"$@99"},"children":["$L9a","$L9b","$L9c","$L9d"]}]}]}]
</article></body></html>