1import{r as h,j as e,W as U}from"./react-vendor--NTErjm9.js";import{g as G}from"./index-C-DTSdcd.js";import{Z as m,L as b,D as T,a1 as p,S as y,e as w,aJ as u,aK as A,at as D,ap as j,c as E,o as S,G as N,aL as $,aM as V,au as k,h as P,aN as f,B as C,ah as z,t as L,b as v,x,ay as q,s as c,z as F,l as M,R as Q,aO as H,d as R,aP as Y,aC as _,ai as K,F as Z,aQ as X,a0 as J,av as ee,al as ae}from"./lucide-C-bhrV8E.js";import"./blocknote-B9VnDy1p.js";import"./supabase-DFdX1Aey.js";import"./diagrams-Ca91hQu2.js";import"./monaco-XrjR5adK.js";const Ee=h.memo(function(){const[t]=G(),i=t.get("section"),[l,n]=h.useState(i||"getting-started"),[d,B]=h.useState("");h.useEffect(()=>{i&&n(i)},[i]);const I=h.useMemo(()=>[{id:"getting-started",title:"Getting Started",icon:m,component:re},{id:"workspaces",title:"Workspaces",icon:b,component:te,badge:"Updated"},{id:"schema-input",title:"Schema Input",icon:T,component:se},{id:"visual-designer",title:"Visual Designer",icon:p,component:ie},{id:"er-diagrams",title:"ER Diagrams",icon:y,component:de},{id:"intelligence",title:"AI Intelligence",icon:w,component:oe,badge:"New"},{id:"database-notes",title:"Database Notes",icon:u,component:le,badge:"New"},{id:"roadmap",title:"Backend Roadmap",icon:A,component:ne,badge:"New"},{id:"collaboration",title:"Live Collaboration",icon:D,component:ce,badge:"Updated"},{id:"chat",title:"Workspace Chat",icon:j,component:me},{id:"documentation",title:"Documentation & AI",icon:E,component:xe},{id:"exports",title:"Exports & Downloads",icon:S,component:ge,badge:"Updated"},{id:"versioning",title:"Version Control",icon:N,component:he},{id:"shortcuts",title:"Keyboard Shortcuts",icon:$,component:be},{id:"plans",title:"Plans & Pricing",icon:V,component:pe},{id:"security",title:"Security & Privacy",icon:k,component:ue},{id:"faq",title:"FAQ",icon:P,component:ke},{id:"contact",title:"Contact & Support",icon:f,component:ve}],[]),W=I.filter(s=>s.title.toLowerCase().includes(d.toLowerCase())),o=I.find(s=>s.id===l);return e.jsxs("div",{className:"min-h-screen bg-[#FDFDFF] dark:bg-[#0B0C10]",children:[e.jsxs("div",{className:"fixed inset-0 pointer-events-none overflow-hidden",children:[e.jsx("div",{className:"absolute top-[-10%] right-[-10%] w-[500px] h-[500px] bg-indigo-100/30 dark:bg-indigo-900/10 rounded-full blur-[120px]"}),e.jsx("div",{className:"absolute bottom-[-10%] left-[-10%] w-[500px] h-[500px] bg-purple-100/30 dark:bg-purple-900/10 rounded-full blur-[120px]"})]}),e.jsxs("div",{className:"flex h-screen relative z-10",children:[e.jsxs("aside",{className:"w-80 bg-white/70 dark:bg-[#151720]/70 backdrop-blur-xl border-r border-slate-200/60 dark:border-[#2A2D36] overflow-y-auto flex flex-col",children:[e.jsxs("div",{className:"p-8 border-b border-slate-100/80 dark:border-[#2A2D36]",children:[e.jsxs("div",{className:"flex items-center gap-4 mb-6",children:[e.jsx("div",{className:"w-12 h-12 bg-gray-900 dark:bg-[#1E2029] rounded-2xl flex items-center justify-center shadow-xl shadow-gray-200 dark:shadow-none rotation-12",children:e.jsx(C,{className:"w-6 h-6 text-indigo-400"})}),e.jsxs("div",{children:[e.jsx("h1",{className:"text-xl font-black text-slate-900 dark:text-white tracking-tighter leading-none",children:"Help Hub"}),e.jsx("p",{className:"text-[10px] text-slate-400 dark:text-gray-500 uppercase tracking-widest font-black mt-1",children:"Version 3.0"})]})]}),e.jsxs("div",{className:"relative group",children:[e.jsx("div",{className:"absolute inset-0 bg-indigo-500/5 dark:bg-indigo-500/10 rounded-2xl blur-md opacity-0 group-focus-within:opacity-100 transition-opacity"}),e.jsx(z,{className:"absolute left-4 top-1/2 -translate-y-1/2 w-4 h-4 text-slate-400 dark:text-gray-500 group-focus-within:text-indigo-500 transition-colors"}),e.jsx("input",{type:"text",placeholder:"What can we help with?",value:d,onChange:s=>B(s.target.value),className:"relative w-full pl-11 pr-4 py-3 bg-slate-50/50 dark:bg-[#0B0C10] border border-slate-200/60 dark:border-[#2A2D36] rounded-2xl text-sm font-medium focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-400 focus:bg-white dark:focus:bg-[#1E2029] transition-all placeholder:text-slate-400 dark:placeholder:text-gray-600"})]})]}),e.jsx("nav",{className:"flex-1 p-4 space-y-1 overflow-y-auto custom-scrollbar",children:W.map(s=>{const O=s.icon,g=l===s.id;return e.jsxs("button",{onClick:()=>n(s.id),className:`w-full flex items-center gap-3 px-4 py-3.5 rounded-2xl text-sm font-bold transition-all group ${g?"bg-slate-900 dark:bg-[#1E2029] text-white shadow-xl shadow-slate-200 dark:shadow-none scale-[1.02]":"text-slate-500 dark:text-gray-400 hover:bg-slate-50 dark:hover:bg-[#1E2029] hover:text-slate-900 dark:hover:text-white active:scale-95"}`,children:[e.jsx("div",{className:`p-2 rounded-xl transition-colors ${g?"bg-white/10 dark:bg-white/5":"bg-slate-100 dar
1k:bg-[#0B0C10] group-hover:bg-white dark:group-hover:bg-[#151720] border border-slate-200/50 dark:border-[#2A2D36]"}`,children:e.jsx(O,{className:`w-4 h-4 ${g?"text-indigo-300":"text-slate-500 dark:text-gray-400 group-hover:text-indigo-600 dark:group-hover:text-indigo-400"}`})}),e.jsx("span",{className:"flex-1 text-left tracking-tight",children:s.title}),s.badge&&e.jsx("span",{className:`px-2 py-0.5 rounded-lg text-[8px] font-black uppercase tracking-wider ${s.badge==="New"?"bg-emerald-500 text-white":g?"bg-indigo-500 text-white":"bg-amber-100 text-amber-700"}`,children:s.badge}),g&&e.jsx("div",{className:"w-1.5 h-1.5 rounded-full bg-indigo-400 animate-pulse ml-1"})]},s.id)})}),e.jsx("div",{className:"p-6",children:e.jsxs("div",{className:"p-6 bg-gradient-to-br from-indigo-600 via-indigo-700 to-purple-700 rounded-3xl text-white shadow-xl shadow-indigo-200 dark:shadow-none relative overflow-hidden group",children:[e.jsx("div",{className:"absolute top-0 right-0 w-24 h-24 bg-white/10 rounded-full -mr-8 -mt-8 blur-2xl group-hover:bg-white/20 transition-all"}),e.jsxs("div",{className:"relative z-10",children:[e.jsx(j,{className:"w-6 h-6 text-indigo-200 mb-3"}),e.jsx("p",{className:"text-xs font-black uppercase tracking-widest text-indigo-200 mb-1",children:"Direct Support"}),e.jsx("p",{className:"text-sm font-medium leading-snug text-white/90",children:"Talk to our engineering team directly."}),e.jsxs("a",{href:"https://mail.google.com/mail/?view=cm&[email protected]",target:"_blank",rel:"noopener noreferrer",className:"mt-4 flex items-center justify-center gap-2 w-full py-2.5 bg-white/10 hover:bg-white/20 border border-white/20 rounded-xl text-xs font-black transition-all",children:["Send Email",e.jsx(L,{className:"w-3 h-3"})]})]})]})})]}),e.jsx("main",{className:"flex-1 overflow-y-auto",children:e.jsx("div",{className:"max-w-4xl mx-auto px-12 py-16",children:o&&e.jsxs("div",{className:"animate-in fade-in slide-in-from-bottom-4 duration-300",children:[e.jsxs("div",{className:"flex items-center gap-6 mb-12",children:[e.jsx("div",{className:"w-16 h-16 bg-white dark:bg-[#151720] border-2 border-slate-100 dark:border-[#2A2D36] rounded-3xl flex items-center justify-center shadow-xl shadow-slate-100 dark:shadow-none",children:o.icon&&e.jsx(o.icon,{className:"w-8 h-8 text-indigo-600 dark:text-indigo-400"})}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("h2",{className:"text-4xl font-black text-slate-900 dark:text-white tracking-tighter",children:o.title}),o.badge&&e.jsx("span",{className:"px-3 py-1 bg-indigo-50 dark:bg-indigo-900/20 text-indigo-600 dark:text-indigo-400 rounded-xl text-[10px] font-black uppercase tracking-widest border border-indigo-100 dark:border-indigo-800",children:o.badge})]}),e.jsx("p",{className:"text-slate-400 dark:text-gray-500 font-bold text-sm mt-1 uppercase tracking-widest",children:"Vizora Documentation Guide"})]})]}),e.jsx("div",{className:"prose prose-slate dark:prose-invert prose-p:text-slate-600 dark:prose-p:text-gray-300 prose-headings:text-slate-900 dark:prose-headings:text-white prose-headings:font-black prose-headings:tracking-tighter max-w-none",children:o.component&&e.jsx(o.component,{})})]})})})]})]})});function re(){return e.jsxs("div",{className:"space-y-12",children:[e.jsxs("div",{className:"relative overflow-hidden bg-gray-900 dark:bg-[#151720] rounded-[2.5rem] p-12 text-white shadow-2xl shadow-indigo-100 dark:shadow-none",children:[e.jsx("div",{className:"absolute top-0 right-0 w-[400px] h-[400px] bg-indigo-500/20 rounded-full blur-[100px] -mr-32 -mt-32"}),e.jsx("div",{className:"absolute bottom-0 left-0 w-[300px] h-[300px] bg-purple-500/10 rounded-full blur-[80px] -ml-20 -mb-20"}),e.jsxs("div",{className:"relative z-10",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[e.jsx("div",{className:"p-2 bg-indigo-500/20 rounded-lg backdrop-blur-md border border-indigo-500/20",children:e.jsx(v,{className:"w-5 h-5 text-indigo-300"})}),e.jsx("span",{className:"text-xs font-black uppercase tracking-[0.2em] text-indigo-300",children:"Welcome to vizora"})]}),e.jsxs("h3",{className:"text-4xl font-black mb-6 tracking-tighter leading-[1.1]",children:["Transform Your Database ",e.jsx("br",{}),e.jsx("span",{className:"text-transparent bg-clip-text bg-gradient-to-r from-indigo-300 via-purple-300 to-pink-300",children:"Into Living Documentation"})]}),e.jsx("p",{className:"text-slate-300 text-lg leading-relaxed max-w-2xl font-medium",children:"Vizora is a schema-first platform that generates interactive ER diagrams, AI-powered explanations, intelligent schema analysis, and beautiful documentationâall without connecting to your production database."}),e.jsxs("div",{className:"mt-10 flex items-center gap-4",children:[e.jsx("button",{className:"px-8 py-3 bg-white text-gray-900 rounded-2xl font-black text-sm hover:bg-indigo-50 transition-all shadow-xl shadow-white/5",children:"Get Started"}),e.jsx("button",{className:"px-8 py-3 bg-white/10 text-white rounded-2xl font-black text-sm hover:bg-white/20 transition-all border border-white/10",children:"View Demo"})]})]})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-8",children:[e.jsxs("h3",{className:"text-2xl font-black text-slate-900 dark:text-white tracking-tighter flex items-center gap-3",children:[e.jsx("div",{className:"w-10 h-10 bg-amber-100 dar
1k:bg-amber-900/20 rounded-xl flex items-center justify-center",children:e.jsx(m,{className:"w-5 h-5 text-amber-600 dark:text-amber-400"})}),"Quick Start Sequence"]}),e.jsx("div",{className:"h-px flex-1 bg-slate-100 dark:bg-[#2A2D36] mx-8"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[{step:"01",title:"Create Workspace",desc:'Click "New Workspace" from the sidebar to create your first project space.',icon:b,bgClass:"bg-indigo-500/5 dark:bg-indigo-500/10 group-hover:bg-indigo-500/10 dark:group-hover:bg-indigo-500/20",badgeClass:"bg-indigo-600 shadow-indigo-200/50",iconClass:"text-indigo-300"},{step:"02",title:"Paste Your Schema",desc:"Open the Workspace Editor and paste your SQL DDL, Prisma, or Drizzle schema.",icon:x,bgClass:"bg-purple-500/5 dark:bg-purple-500/10 group-hover:bg-purple-500/10 dark:group-hover:bg-purple-500/20",badgeClass:"bg-purple-600 shadow-purple-200/50",iconClass:"text-purple-300"},{step:"03",title:"Save a Version",desc:'Click "Save Version" to create an immutable snapshot. This triggers AI analysis.',icon:N,bgClass:"bg-pink-500/5 dark:bg-pink-500/10 group-hover:bg-pink-500/10 dark:group-hover:bg-pink-500/20",badgeClass:"bg-pink-600 shadow-pink-200/50",iconClass:"text-pink-300"},{step:"04",title:"Ask & Explore",desc:"Use AI Intelligence to ask questions, review your schema, and generate team guides.",icon:w,bgClass:"bg-emerald-500/5 dark:bg-emerald-500/10 group-hover:bg-emerald-500/10 dark:group-hover:bg-emerald-500/20",badgeClass:"bg-emerald-600 shadow-emerald-200/50",iconClass:"text-emerald-300"}].map(a=>e.jsxs("div",{className:"group relative p-6 bg-white dark:bg-[#151720] border border-slate-100 dark:border-[#2A2D36] rounded-[2rem] hover:shadow-2xl hover:shadow-slate-200 dark:hover:shadow-none transition-all duration-500 overflow-hidden",children:[e.jsx("div",{className:`absolute top-0 right-0 w-32 h-32 rounded-full -mr-16 -mt-16 blur-2xl transition-all duration-500 ${a.bgClass}`}),e.jsxs("div",{className:"flex gap-5 relative z-10",children:[e.jsx("div",{className:`w-14 h-14 rounded-2xl text-white flex items-center justify-center font-black text-xl shrink-0 shadow-lg group-hover:scale-110 group-hover:rotate-3 transition-all duration-500 ${a.badgeClass}`,children:a.step}),e.jsxs("div",{className:"flex-1 pt-1",children:[e.jsxs("h4",{className:"font-black text-slate-900 dark:text-white text-lg tracking-tight flex items-center gap-2 mb-1",children:[a.title,e.jsx(a.icon,{className:`w-4 h-4 opacity-0 group-hover:opacity-100 group-hover:translate-x-1 transition-all ${a.iconClass}`})]}),e.jsx("p",{className:"text-sm text-slate-500 dark:text-gray-400 leading-relaxed font-medium",children:a.desc})]})]})]},a.step))})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-6",children:[{title:"ER Diagrams",desc:"Auto-generated interactive relationship diagrams",icon:y,gradient:"from-indigo-500 to-indigo-600",shadowClass:"shadow-indigo-100"},{title:"AI Intelligence",desc:"Ask questions, review schema quality, and generate onboarding guides",icon:w,gradient:"from-purple-500 to-purple-600",shadowClass:"shadow-purple-100"},{title:"Live Collaboration",desc:"Real-time editing with your team",icon:D,gradient:"from-pink-500 to-pink-600",shadowClass:"shadow-pink-100"},{title:"Database Notes",desc:"Notion-style notes tied to your schema structure",icon:u,gradient:"from-emerald-500 to-emerald-600",shadowClass:"shadow-emerald-100"},{title:"Version Control",desc:"Immutable schema snapshots with diff comparison",icon:N,gradient:"from-amber-500 to-amber-600",shadowClass:"shadow-amber-100"},{title:"Backend Roadmap",desc:"Kanban board for schema change planning",icon:A,gradient:"from-rose-500 to-rose-600",shadowClass:"shadow-rose-100"}].map(a=>e.jsxs("div",{className:"p-8 rounded-[2rem] bg-white dark:bg-[#151720] border border-slate-100 dark:border-[#2A2D36] hover:border-transparent hover:shadow-2xl hover:shadow-slate-200 dark:hover:shadow-none transition-all duration-500 group",children:[e.jsx("div",{className:`w-14 h-14 rounded-2xl bg-gradient-to-br ${a.gradient} flex items-center justify-center mb-6 shadow-lg dark:shadow-none group-hover:scale-110 transition-transform ${a.shadowClass}`,children:e.jsx(a.icon,{className:"w-7 h-7 text-white"})}),e.jsx("h4",{className:"font-black text-slate-900 dark:text-white text-lg mb-2 tracking-tight",children:a.title}),e.jsx("p",{className:"text-sm text-slate-500 dark:text-gray-400 leading-relaxed font-medium",children:a.desc})]},a.title))})]})}function te(){return e.jsxs("div",{className:"space-y-12",children:[e.jsxs("div",{className:"relative p-10 bg-gradient-to-br from-indigo-50/50 to-white dark:from-[#1E2029] dark:to-[#151720] rounded-[2.5rem] border border-indigo-100/50 dark:border-[#2A2D36] shadow-sm overflow-hidden group",children:[e.jsx("div",{className:"absolute top-0 right-0 w-64 h-64 bg-indigo-500/5 dark:bg-indigo-500/10 rounded-full blur-3xl -mr-32 -mt-32 transition-all opacity-0 group-hover:opacity-100"}),e.jsxs("div",{className:"relative z-10",children:[e.jsx("h3",{className:"text-2xl font-black text-slate-900 dark:text-white mb-4 tracking-tighter",children:"The Workspace Concept"}
1),e.jsx("p",{className:"text-slate-600 dark:text-gray-300 text-lg leading-relaxed font-medium",children:"A Workspace is your project container. It holds your schema code, version history, team members, real-time chat, and all generated artifacts like diagrams and documentation. Think of it as your project's command center."})]})]}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"flex items-center gap-4 px-2",children:[e.jsx("h3",{className:"text-xl font-black text-slate-900 dark:text-white tracking-tighter",children:"Core Capabilities"}),e.jsx("div",{className:"h-px flex-1 bg-slate-100 dark:bg-[#2A2D36]"})]}),e.jsxs("div",{className:"grid gap-6",children:[e.jsx(r,{icon:x,color:"indigo",title:"Collaborative Schema Editor",description:"A Monaco-powered editor with syntax highlighting for SQL, Prisma, and Drizzle. Supports live collaboration with real-time cursor tracking and edit attribution."}),e.jsx(r,{icon:N,color:"purple",title:"Snapshot Engine",description:"Every save creates an immutable version. Compare any two versions side-by-side with our diff viewer. View author information for every change."}),e.jsx(r,{icon:D,color:"pink",title:"Permission Control",description:"Invite team members as Admin or Member. Admins can manage workspace settings and team; members focus on the schema."}),e.jsx(r,{icon:j,color:"emerald",title:"Real-time Team Chat",description:"Built-in workspace chat for discussing changes with your team. Ephemeral messages ensure your privacy remains a top priority."}),e.jsx(r,{icon:q,color:"amber",title:"Version Activity Feed",description:"Track who saved what and when. The version history shows author avatars, timestamps, and schema diff counts for every snapshot."})]})]}),e.jsxs("div",{className:"p-8 bg-gray-900 dark:bg-[#1E2029] rounded-[2.5rem] text-white shadow-2xl shadow-indigo-100/20 dark:shadow-none relative overflow-hidden group",children:[e.jsx("div",{className:"absolute top-0 right-0 w-48 h-48 bg-indigo-500/10 rounded-full blur-3xl group-hover:bg-indigo-500/20 transition-all duration-700"}),e.jsxs("div",{className:"relative z-10",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx("div",{className:"p-2 bg-indigo-500/20 rounded-lg",children:e.jsx(m,{className:"w-5 h-5 text-indigo-400"})}),e.jsx("h4",{className:"text-xs font-black uppercase tracking-[0.2em] text-indigo-300",children:"Designer Secret"})]}),e.jsxs("p",{className:"text-slate-300 leading-relaxed font-medium",children:["Use"," ",e.jsx("kbd",{className:"px-3 py-1 bg-white/10 border border-white/10 rounded-lg text-xs font-mono text-indigo-200 mx-1",children:"Ctrl + S"})," ","to quickly save a new version while in the editor. The version modal will appear instantly for you to describe your changes."]})]})]})]})}function se(){return e.jsxs("div",{className:"space-y-12",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-xl font-black text-slate-900 dark:text-white mb-6 tracking-tighter",children:"Native Format Support"}),e.jsx("div",{className:"flex flex-wrap gap-3",children:["PostgreSQL","MySQL","Prisma","Drizzle","DuckDB","SQLite"].map(a=>e.jsx("div",{className:"px-6 py-3 bg-white dark:bg-[#151720] border border-slate-100 dark:border-[#2A2D36] rounded-2xl text-sm font-black text-slate-700 dark:text-gray-300 shadow-sm hover:shadow-md hover:border-indigo-100 dark:hover:border-indigo-500/50 transition-all cursor-default group",children:e.jsx("span",{className:"group-hover:text-indigo-600 dark:group-hover:text-indigo-400 transition-colors",children:a})},a))})]}),e.jsxs("div",{className:"space-y-6",children:[e.jsx("h3",{className:"text-xl font-black text-slate-900 dark:text-white tracking-tighter",children:"The Designer's Playbook"}),e.jsxs("div",{className:"grid gap-4",children:[e.jsxs("div",{className:"group flex items-start gap-5 p-6 bg-emerald-50/50 dark:bg-emerald-900/10 border border-emerald-100 dark:border-emerald-800 rounded-[2rem] hover:bg-emerald-50 dark:hover:bg-emerald-900/20 transition-all",children:[e.jsx("div",{className:"w-12 h-12 bg-white dark:bg-[#1E2029] rounded-2xl flex items-center justify-center shadow-sm shrink-0 border border-emerald-100 dark:border-emerald-800",children:e.jsx(c,{className:"w-6 h-6 text-emerald-600 dark:text-emerald-400"})}),e.jsxs("div",{children:[e.jsx("p",{className:"font-black text-emerald-950 dark:text-emerald-50 text-lg tracking-tight",children:"Include FOREIGN KEY constraints"}),e.jsx("p",{className:"text-sm text-emerald-700/80 dark:text-emerald-400/80 mt-1 font-medium leading-relaxed",children:`This is how Vizora automatically builds the relationship graph between your tables. It's the "link" in y
1our ER diagram.`})]})]}),e.jsxs("div",{className:"group flex items-start gap-5 p-6 bg-indigo-50/50 dark:bg-indigo-900/10 border border-indigo-100 dark:border-indigo-800 rounded-[2rem] hover:bg-indigo-50 dark:hover:bg-indigo-900/20 transition-all",children:[e.jsx("div",{className:"w-12 h-12 bg-white dark:bg-[#1E2029] rounded-2xl flex items-center justify-center shadow-sm shrink-0 border border-indigo-100 dark:border-indigo-800",children:e.jsx(c,{className:"w-6 h-6 text-indigo-600 dark:text-indigo-400"})}),e.jsxs("div",{children:[e.jsx("p",{className:"font-black text-indigo-950 dark:text-indigo-50 text-lg tracking-tight",children:"Define PRIMARY KEYs explicitly"}),e.jsx("p",{className:"text-sm text-indigo-700/80 dark:text-indigo-400/80 mt-1 font-medium leading-relaxed",children:"Every table needs a unique identifier. We use this for entity mapping, scaling, and precise diagram generation."})]})]}),e.jsxs("div",{className:"group flex items-start gap-5 p-6 bg-rose-50/50 dark:bg-rose-900/10 border border-rose-100 dark:border-rose-800 rounded-[2rem] hover:bg-rose-50 dark:hover:bg-rose-900/20 transition-all",children:[e.jsx("div",{className:"w-12 h-12 bg-white dark:bg-[#1E2029] rounded-2xl flex items-center justify-center shadow-sm shrink-0 border border-rose-100 dark:border-rose-800",children:e.jsx(F,{className:"w-6 h-6 text-rose-600 dar
1k:text-rose-400"})}),e.jsxs("div",{children:[e.jsx("p",{className:"font-black text-rose-950 dark:text-rose-50 text-lg tracking-tight",children:"Omit INSERT data & Sensitive Info"}),e.jsx("p",{className:"text-sm text-rose-700/80 dark:text-rose-400/80 mt-1 font-medium leading-relaxed",children:"We only need your DDL (schema structure). Business data is never required. Keep your environment clean and secure."})]})]})]})]}),e.jsxs("div",{className:"relative group",children:[e.jsx("div",{className:"absolute -inset-1 bg-gradient-to-r from-indigo-500 to-purple-500 rounded-[2.5rem] blur opacity-10 group-hover:opacity-20 transition duration-1000"}),e.jsxs("div",{className:"relative p-8 bg-gray-950 rounded-[2rem] border border-white/5 shadow-2xl",children:[e.jsxs("div",{className:"flex items-center justify-between mb-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-3 h-3 rounded-full bg-rose-500/50"}),e.jsx("div",{className:"w-3 h-3 rounded-full bg-amber-500/50"}),e.jsx("div",{className:"w-3 h-3 rounded-full bg-emerald-500/50"})]}),e.jsx("span",{className:"text-[10px] font-black text-gray-500 uppercase tracking-widest",children:"PostgreSQL Schema Example"})]}),e.jsx("pre",{className:"text-sm font-mono text-indigo-200/90 overflow-x-auto leading-relaxed custom-scrollbar",children:`CREATE TABLE users ( 2 id UUID PRIMARY KEY DEFAULT gen_random_uuid(), 3 email TEXT UNIQUE NOT NULL, 4 username TEXT UNIQUE, 5 created_at TIMESTAMPTZ DEFAULT NOW() 6); 7 8CREATE TABLE posts ( 9 id UUID PRIMARY KEY DEFAULT gen_random_uuid(), 10 title TEXT NOT NULL, 11 content TEXT, 12 author_id UUID REFERENCES users(id) ON DELETE CASCADE, 13 published BOOLEAN DEFAULT FALSE, 14 created_at TIMESTAMPTZ DEFAULT NOW() 15);`})]})]})]})}function ie(){return e.jsxs("div",{className:"space-y-12",children:[e.jsxs("div",{className:"p-8 bg-slate-900 dark:bg-[#151720] rounded-[2.5rem] text-white overflow-hidden relative group",children:[e.jsx("div",{className:"absolute top-0 right-0 w-48 h-48 bg-indigo-500/20 rounded-full blur-3xl -mr-24 -mt-24 group-hover:bg-indigo-500/30 transition-all"}),e.jsx("div",{className:"relative z-10",children:e.jsx("p",{className:"text-slate-300 dark:text-gray-300 text-lg leading-relaxed font-medium",children:"The Visual Schema Designer is a collaborative infinity canvas for architects. Design your database structure visually, and Vizora handles the SQL."})})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsx(r,{icon:p,color:"indigo",title:"Drag & Drop Infinity",description:"Reposition tables anywhere on the infinite canvas. Layouts are auto-saved and synced across your entire team instantly."}),e.jsx(r,{icon:b,color:"purple",title:"Smart Entity Builder",description:"Use the floating toolbar to add tables. A dedicated properties panel lets you configure types, defaults, and keys with ease."}),e.jsx(r,{icon:y,color:"pink",title:"Visual Relationships",description:"Drag from one column handle to another to create foreign keys. Vizora automatically renders Crow's Foot cardinality markers."}),e.jsx(r,{icon:x,color:"emerald",title:"DDL Code Generation",description:"Convert your visual design into production-ready SQL, Prisma, or Drizzle code with a single click in the export panel."})]}),e.jsxs("div",{className:"p-10 bg-white dark:bg-[#151720] border border-slate-100 dark:border-[#2A2D36] rounded-[2.5rem] shadow-sm",children:[e.jsxs("h4",{className:"text-sm font-black uppercase tracking-[0.2em] text-slate-400 dark:text-gray-500 mb-8 flex items-center gap-2",children:[e.jsx("div",{className:"w-1 h-1 rounded-full bg-slate-400 dark:bg-gray-500"}),"Designer Command Center"]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-8",children:[{cmd:"Select",desc:"Click/drag to move tables",kbd:"Click"},{cmd:"Pan Canvas",desc:"Navigate the infinity space",kbd:"Space + Drag"},{cmd:"Add Table",desc:"Initialize new database entity",kbd:"Toolbar"},{cmd:"Auto Layout",desc:"Algorithmic organization",kbd:"Magic Wand"}].map(a=>e.jsxs("div",{className:"flex items-center justify-between group",children:[e.jsxs("div",{className:"flex flex-col",children:[e.jsx("span",{className:"font-black text-slate-900 dark:text-white tracking-tight",children:a.cmd}),e.jsx("span",{className:"text-xs text-slate-400 dark:text-gray-500 font-medium",children:a.desc})]}
vendor: 4,654 bytes, line 15
15),e.jsx("kbd",{className:"px-3 py-1.5 bg-slate-100 dark:bg-[#1E2029] border border-slate-200 dark:border-[#2A2D36] rounded-xl text-[10px] font-black text-slate-700 dark:text-gray-300 shadow-sm group-hover:bg-indigo-600 group-hover:text-white group-hover:border-indigo-600 transition-all",children:a.kbd})]},a.cmd))})]})]})}function de(){return e.jsxs("div",{className:"space-y-12",children:[e.jsxs("div",{className:"relative p-10 bg-indigo-600 rounded-[2.5rem] text-white shadow-2xl shadow-indigo-100 overflow-hidden group",children:[e.jsx("div",{className:"absolute bottom-0 left-0 w-64 h-64 bg-white/10 rounded-full blur-3xl -ml-24 -mb-24 group-hover:bg-white/20 transition-all"}),e.jsxs("div",{className:"relative z-10",children:[e.jsx("h3",{className:"text-2xl font-black mb-4 tracking-tighter",children:"Architectural Clarity"}),e.jsx("p",{className:"text-indigo-100 text-lg leading-relaxed font-medium",children:"ER Diagrams provide a high-fidelity visualization of your schema truth. Perfect for technical deep-dives, architectural reviews, and professional documentation."})]})]}),e.jsxs("div",{className:"grid gap-6",children:[e.jsx(r,{icon:M,color:"indigo",title:"Contextual Highlighting",description:"Hover over tables to instantly highlight all connected entities. Navigate complex schemas without losing focus."}),e.jsx(r,{icon:S,color:"purple",title:"Studio-Grade Exports",description:"Download your diagrams as crystal-clear PNG or JPG files. Perfect for inclusion in internal wikis or presentations."}),e.jsx(r,{icon:Q,color:"pink",title:"Live Schema Sync",description:"Diagrams are alive. Every time you save a new schema version, your diagrams update automatically across the entire workspace."})]}),e.jsxs("div",{className:"p-10 bg-slate-50 dark:bg-[#151720] border border-slate-200 dark:border-[#2A2D36] rounded-[2.5rem]",children:[e.jsx("h4",{className:"text-sm font-black text-slate-400 dark:text-gray-500 uppercase tracking-[0.2em] mb-6",children:"Notation Standards"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-8",children:[e.jsxs("div",{className:"flex items-center gap-5 p-5 bg-white dark:bg-[#1E2029] rounded-3xl border border-slate-100 dark:border-[#2A2D36] shadow-sm",children:[e.jsx("div",{className:"w-12 h-12 bg-indigo-50 dark:bg-indigo-900/20 rounded-2xl flex items-center justify-center font-mono text-indigo-600 dark:text-indigo-400 font-black text-xl",children:"ââ||"}),e.jsxs("div",{children:[e.jsx("p",{className:"font-black text-slate-900 dark:text-white tracking-tight",children:"One (Mandatory)"}),e.jsx("p",{className:"text-xs text-slate-500 dark:text-gray-400 font-medium",children:"Strict 1:1 or 1:N requirement"})]})]}),e.jsxs("div",{className:"flex items-center gap-5 p-5 bg-white dark:bg-[#1E2029] rounded-3xl border border-slate-100 dark:border-[#2A2D36] shadow-sm",children:[e.jsx("div",{className:"w-12 h-12 bg-purple-50 dark:bg-purple-900/20 rounded-2xl flex items-center justify-center font-mono text-purple-600 dark:text-purple-400 font-black text-xl",children:"ââ<"}),e.jsxs("div",{children:[e.jsx("p",{className:"font-black text-slate-900 dark:text-white tracking-tight",children:"Many (Optional/Mandatory)"}),e.jsx("p",{className:"text-xs text-slate-500 dark:text-gray-400 font-medium",children:"Standard relationship mapping"})]})]})]})]})]})}function oe(){return e.jsxs("div",{className:"space-y-12",children:[e.jsxs("div",{className:"relative p-10 bg-gradient-to-br from-purple-900 via-indigo-900 to-slate-900 rounded-[2.5rem] text-white shadow-2xl shadow-purple-100 dark:shadow-none overflow-hidden group",children:[e.jsx("div",{className:"absolute top-0 right-0 w-64 h-64 bg-purple-500/20 rounded-full blur-3xl -mr-32 -mt-32 group-hover:bg-purple-500/30 transition-all"}),e.jsxs("div",{className:"relative z-10 flex items-center gap-8",children:[e.jsx("div",{className:"w-20 h-20 bg-white/10 backdrop-blur-md rounded-3xl flex items-center justify-center border border-white/20 shadow-xl shrink-0",children:e.jsx(w,{className:"w-10 h-10 text-white"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-3xl font-black mb-2 tracking-tighter",children:"AI Intelligence Suite"}),e.jsx("p",{className:"text-purple-100/90 text-lg font-medium leading-relaxed max-w-xl",children:"Three powerful AI tools that understand your schema deeplyânot just the text, but the relationships, risks, and architectural patterns."})]})]})]}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"flex items-center gap-4 px-2",children:[e.jsx("h3",{className:"text-xl font-black text-slate-900 dark:text-white tracking-tighter",children:"The Three Intelligence Tools"}
15),e.jsx("div",{className:"h-px flex-1 bg-slate-100 dark:bg-[#2A2D36]"})]}),e.jsxs("div",{className:"p-8 bg-white dark:bg-[#151720] border border-slate-100 dark:border-[#2A2D36] rounded-[2.5rem] shadow-sm relative overflow-hidden group",children:[e.jsx("div",{className:"absolute top-0 right-0 w-48 h-48 bg-indigo-500/5 dark:bg-indigo-500/10 rounded-full blur-3xl -mr-24 -mt-24 group-hover:bg-indigo-500/10 dark:group-hover:bg-indigo-500/20 transition-all"}),e.jsxs("div",{className:"relative z-10",children:[e.jsxs("div",{className:"flex items-center gap-4 mb-6",children:[e.jsx("div",{className:"w-14 h-14 bg-gradient-to-br from-indigo-600 to-purple-600 rounded-2xl flex items-center justify-center shadow-lg shadow-indigo-100 dark:shadow-none",children:e.jsx(H,{className:"w-7 h-7 text-white"})}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("h4",{className:"text-xl font-black text-slate-900 dark:text-white tracking-tight",children:"Ask Schema"}),e.jsx("span",{className:"px-2 py-0.5 bg-slate-900 dark:bg-slate-700 text-white text-[9px] font-black uppercase tracking-widest rounded-lg",children:"Verified"})]}),e.jsx("p",{className:"text-sm text-slate-500 dark:text-gray-400 font-medium",children:"Route: Intelligence â Ask Schema"})]})]}),e.jsx("p",{className:"text-slate-600 dark:text-gray-300 font-medium leading-relaxed mb-6",children:"A schema-aware chat interface where every answer includes verifiable evidence, a risk assessment, and a full reasoning trace. Zero hallucinationsâif the schema doesn't say it, the AI won't make it up."}),e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-3",children:[{icon:R,label:"No Hallucinations"},{icon:Y,label:"Intent Parsing"},{icon:F,label:"Risk Scoring"},{icon:m,label:"Reasoning Trace"}].map(a=>e.jsxs("div",{className:"flex items-center gap-2 p-3 bg-slate-50 dark:bg-[#1E2029] border border-slate-100 dark:border-[#2A2D36] rounded-xl",children:[e.jsx(a.icon,{className:"w-4 h-4 text-indigo-500 shrink-0"}),e.jsx("span",{className:"text-xs font-bold text-slate-600 dark:text-gray-300",children:a.label})]},a.label))}),e.jsxs("div",{className:"mt-6 p-5 bg-gray-950 rounded-2xl",children:[e.jsx("p",{className:"text-[10px] font-black text-gray-500 uppercase tracking-widest mb-3",children:"Sample Questions"}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-2",children:["What breaks if I delete the orders table?","Which tables reference users?","What are all the foreign key relationships?","What is the impact of removing user_id from posts?"].map(a=>e.jsxs("div",{className:"p-2.5 bg-white/5 border border-white/5 rounded-xl text-[11px] font-medium text-gray-300",children:['"',a,'"']},a))})]})]})]}),e.jsxs("div",{className:"p-8 bg-white dark:bg-[#151720] border border-slate-100 dark:border-[#2A2D36] rounded-[2.5rem] shadow-sm relative overflow-hidden group",children:[e.jsx("div",{className:"absolute top-0 right-0 w-48 h-48 bg-amber-500/5 dark:bg-amber-500/10 rounded-full blur-3xl -mr-24 -mt-24 group-hover:bg-amber-500/10 dark:group-hover:bg-amber-500/20 transition-all"}),e.jsxs("div",{className:"relative z-10",children:[e.jsxs("div",{className:"flex items-center gap-4 mb-6",children:[e.jsx("div",{className:"w-14 h-14 bg-gradient-to-br from-amber-500 to-orange-600 rounded-2xl flex items-center justify-center shadow-lg shadow-amber-100 dark:shadow-none",children:e.jsx(R,{className:"w-7 h-7 text-white"})}),e.jsxs("div",{children:[e.jsx("h4",{className:"text-xl font-black text-slate-900 dark:text-white tracking-tight",children:"Schema Review"}),e.jsx("p",{className:"text-sm text-slate-500 dark:text-gray-400 font-medium",children:"Route: Intelligence â Schema Review"})]})]}),e.jsx("p",{className:"text-slate-600 dark:text-gray-300 font-medium leading-relaxed mb-6",children:"Automated design & risk analysis. Scans your schema for normalization errors, missing indexes, risky patterns, and architectural anti-patterns. Results are organized into Critical, Warnings, and Suggestions."}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[{label:"Critical Issues",color:"rose",desc:"Immediate fixes required"},{label:"Warnings",color:"amber",desc:"Should be addressed soon"},{label:"Suggestions",color:"blue",desc:"Improvements to consider"}].map(a=>e.jsxs("div",{className:`p-4 bg-${a.color}-50 dark:bg-${a.color}-900/10 border border-${a.color}-100 dark:border-${a.color}-900/30 rounded-2xl`,children:[e.jsx("p",{className:`text-sm font-black text-${a.color}-900 dark:text-${a.color}-200 mb-1`,children:a.label}),e.jsx("p",{className:`text-xs text-${a.color}-700 dark:text-${a.color}-400 font-medium`,children:a.desc})]},a.label))})]})]}),e.jsxs("div",{className:"p-8 bg-white dark:bg-[#151720] border border-slate-100 dar
15k:border-[#2A2D36] rounded-[2.5rem] shadow-sm relative overflow-hidden group",children:[e.jsx("div",{className:"absolute top-0 right-0 w-48 h-48 bg-emerald-500/5 dark:bg-emerald-500/10 rounded-full blur-3xl -mr-24 -mt-24 group-hover:bg-emerald-500/10 dark:group-hover:bg-emerald-500/20 transition-all"}),e.jsxs("div",{className:"relative z-10",children:[e.jsxs("div",{className:"flex items-center gap-4 mb-6",children:[e.jsx("div",{className:"w-14 h-14 bg-gradient-to-br from-emerald-500 to-teal-600 rounded-2xl flex items-center justify-center shadow-lg shadow-emerald-100 dark:shadow-none",children:e.jsx(C,{className:"w-7 h-7 text-white"})}),e.jsxs("div",{children:[e.jsx("h4",{className:"text-xl font-black text-slate-900 dark:text-white tracking-tight",children:"Onboarding Guide"}),e.jsx("p",{className:"text-sm text-slate-500 dark:text-gray-400 font-medium",children:"Route: Intelligence â Onboarding Guide"})]})]}),e.jsx("p",{className:"text-slate-600 dark:text-gray-300 font-medium leading-relaxed mb-6",children:"Generates a full technical architecture walkthrough of your databaseâautomatically. Perfect for onboarding new engineers or creating system documentation. Exported as Markdown or PDF."}),e.jsx("div",{className:"flex flex-wrap gap-3",children:["AI-generated markdown","Copy to clipboard","Print / Export PDF","Regenerate on demand","Architecture walkthroughs"].map(a=>e.jsxs("div",{className:"flex items-center gap-2 px-4 py-2 bg-emerald-50 dark:bg-emerald-900/10 border border-emerald-100 dark:border-emerald-900/30 rounded-2xl",children:[e.jsx(c,{className:"w-3.5 h-3.5 text-emerald-600 dark:text-emerald-400"}),e.jsx("span",{className:"text-xs font-bold text-emerald-700 dark:text-emerald-300",children:a})]},a))})]})]})]}),e.jsxs("div",{className:"p-8 bg-amber-50/50 dark:bg-amber-900/10 border border-amber-100 dark:border-amber-800/30 rounded-[2.5rem] flex items-start gap-6",children:[e.jsx("div",{className:"p-4 bg-white dark:bg-[#1E2029] rounded-2xl shadow-sm border border-amber-100 dark:border-amber-800/30 shrink-0",children:e.jsx(_,{className:"w-6 h-6 text-amber-500"})}),e.jsxs("div",{children:[e.jsx("h4",{className:"font-black text-amber-900 dark:text-amber-50 text-lg tracking-tight mb-2",children:"Intelligence Pro Tip"}),e.jsx("p",{className:"text-sm text-amber-800/80 dark:text-amber-400/80 font-medium leading-relaxed",children:"Intelligence features require at least one saved schema version. Save your schema first, then activate AI features. The AI always references the latest normalized versionâso the more structured your schema, the deeper the analysis."})]})]})]})}function le(){return e.jsxs("div",{className:"space-y-12",children:[e.jsxs("div",{className:"p-10 bg-gradient-to-br from-violet-900 via-purple-900 to-indigo-900 rounded-[2.5rem] text-white shadow-2xl shadow-violet-100 dark:shadow-none overflow-hidden relative group",children:[e.jsx("div",{className:"absolute top-0 right-0 w-64 h-64 bg-violet-500/20 rounded-full blur-3xl -mr-32 -mt-32 group-hover:bg-violet-500/30 transition-all"}),e.jsxs("div",{className:"relative z-10",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx("div",{className:"p-2 bg-violet-500/20 rounded-lg border border-violet-500/20",children:e.jsx(u,{className:"w-5 h-5 text-violet-300"})}),e.jsx("span",{className:"text-xs font-black uppercase tracking-[0.2em] text-violet-300",children:"Database Notes"})]}),e.jsx("h3",{className:"text-3xl font-black mb-4 tracking-tighter",children:"Notion-Style Notes for Databases"}),e.jsx("p",{className:"text-violet-100/90 text-lg font-medium leading-relaxed max-w-2xl",children:"Write long-form database knowledge, tie it to real schema objects, organize in folders, and visualize your schema as an interactive graphâall inside Vizora."})]})]}),e.jsxs("div",{className:"grid gap-6",children:[e.jsx(r,{icon:K,color:"violet",title:"Notion-Style Rich Editor",description:"Write notes in a rich block editor with markdown support. Create headings, bullet lists, code blocks, and more with a familiar editing experience."}),e.jsx(r,{icon:Z,color:"purple",title:"Folder Organization",description:"Organize notes into nested folders. Each folder auto-generates a README.md template to guide documentation structure. Drag-and-drop file imports supported."}),e.jsx(r,{icon:X,color:"indigo",title:"Schema Graph Sidebar",description:"A live mini visualization of your schema graph is embedded in the sidebar. Click to open a full interactive SchemaUniverse view as a tab."}),e.jsx(r,{icon:T,color:"emerald",title:"Schema Object References",description:"Drag tables, columns, and relationships from the Schema Sidebar directly into your note. References stay anchored to your schema even between versions."})]}),e.jsxs("div",{className:"p-8 bg-gray-950 dark:bg-[#0B0C10] border dark:border-[#2A2D36] rounded-[2.5rem] text-white",children:[e.jsx("h4",{className:"text-xs font-black uppercase tracking-[0.2em] text-violet-400 mb-6 px-1",children:"Schema Reference Tokens"}),e.jsx("div",{className:"grid gap-3",children:[{token:"@table(users)",desc:"Reference a table directly from the schema"},{token:"@column(users.email)",desc:"Reference a specific column"},{token:"@relation(orders.user_id â users.id)",desc:"Reference a foreign key relationship"}].map(a=>e.jsxs("div",{className:"flex items-center gap-4 p-4 bg-white/5 border border-white/5 rounded-2xl",children:[e.jsx("code",{className:"text-sm font-mono text-violet-300 font-bold bg-vi
15olet-900/30 px-3 py-1 rounded-xl shrink-0",children:a.token}),e.jsx("span",{className:"text-sm text-slate-400 font-medium",children:a.desc})]},a.token))})]}),e.jsxs("div",{className:"p-8 bg-white dark:bg-[#151720] border border-slate-100 dark:border-[#2A2D36] rounded-[2.5rem] shadow-sm",children:[e.jsx("h4",{className:"text-sm font-black uppercase tracking-[0.2em] text-slate-400 dark:text-gray-500 mb-6",children:"Export Formats"}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[{format:"Markdown (.md)",desc:"Schema tokens converted to readable headers"},{format:"Plain Text (.txt)",desc:"Clean, portable text format"},{format:"PDF (Print)",desc:"Professional print-ready export"}].map(a=>e.jsxs("div",{className:"p-4 bg-slate-50 dark:bg-[#1E2029] border border-slate-100 dark:border-[#2A2D36] rounded-2xl",children:[e.jsx("p",{className:"text-sm font-black text-slate-900 dark:text-white mb-1",children:a.format}),e.jsx("p",{className:"text-xs text-slate-500 dark:text-gray-400 font-medium",children:a.desc})]},a.format))})]})]})}function ne(){return e.jsxs("div",{className:"space-y-12",children:[e.jsxs("div",{className:"p-10 bg-gradient-to-br from-slate-900 to-indigo-950 rounded-[2.5rem] text-white shadow-2xl shadow-indigo-100 dark:shadow-none overflow-hidden relative group",children:[e.jsx("div",{className:"absolute top-0 right-0 w-64 h-64 bg-indigo-500/10 rounded-full blur-3xl -mr-32 -mt-32 group-hover:bg-indigo-500/20 transition-all"}),e.jsxs("div",{className:"relative z-10",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx("div",{className:"p-2 bg-indigo-500/20 rounded-lg border border-indigo-500/20",children:e.jsx(A,{className:"w-5 h-5 text-indigo-300"})}),e.jsx("span",{className:"text-xs font-black uppercase tracking-[0.2em] text-indigo-300",children:"Backend Roadmap"})]}),e.jsx("h3",{className:"text-3xl font-black mb-4 tracking-tighter",children:"Schema Change Planning Board"}),e.jsx("p",{className:"text-slate-300 text-lg font-medium leading-relaxed max-w-2xl",children:"A Kanban board designed specifically for backend engineers to plan, track, and review schema changes, technical debt, and refactoring work."})]})]}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"flex items-center gap-4 px-2",children:[e.jsx("h3",{className:"text-xl font-black text-slate-900 dark:text-white tracking-tighter",children:"Kanban Column States"}),e.jsx("div",{className:"h-px flex-1 bg-slate-100 dark:bg-[#2A2D36]"})]}),e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-3 gap-4",children:[{id:"PLANNED",label:"Planned",color:"slate"},{id:"IN_DESIGN",label:"In Design",color:"indigo"},{id:"IN_DEVELOPMENT",label:"In Development",color:"blue"},{id:"REVIEW",label:"Review",color:"amber"},{id:"DONE",label:"Done",color:"emerald"},{id:"DEFERRED",label:"Deferred",color:"rose"}].map(a=>e.jsxs("div",{className:`p-4 bg-${a.color}-50 dark:bg-${a.color}-900/10 border border-${a.color}-100 dark:border-${a.color}-900/30 rounded-2xl`,children:[e.jsx("div",{className:`w-2 h-2 rounded-full bg-${a.color}-500 mb-2`}),e.jsx("p",{className:`text-sm font-black text-${a.color}-900 dark:text-${a.color}-200`,children:a.label})]},a.id))})]}),e.jsxs("div",{className:"p-10 bg-white dark:bg-[#151720] border border-slate-100 dark:border-[#2A2D36] rounded-[2.5rem] shadow-sm",children:[e.jsx("h4",{className:"text-sm font-black uppercase tracking-[0.2em] text-slate-400 dark:text-gray-500 mb-8",children:"Item Structure"}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[{field:"Title",desc:"Short name for the change task"},{field:"Type",desc:"SCHEMA / PERFORMANCE / REFACTOR / FEATURE / TECH_DEBT"},{field:"Reason (WHY)",desc:"Why this change is necessary"},{field:"Implementation Plan",desc:"How the change will be done"},{field:"Impact Area",desc:"SCHEMA / API / PERFORMANCE / RELIABILITY"},{field:"Risk Level",desc:"LOW / MEDIUM / HIGH"},{field:"Owner",desc:"Engineer responsible for this item"},{field:"Dependencies",desc:"Other items that must complete first"}].map(a=>e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("span",{className:"text-xs font-black text-slate-900 dark:text-white uppercase tracking-wider",children:a.field}),e.jsx("span",{className:"text-sm text-slate-500 dark:text-gray-400 font-medium",children:a.desc})]},a.field))})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsx(r,{icon:p,color:"indigo",title:"Drag & Drop Movement",description:"Drag cards between columns to update their status. The board reflects real workflow progression instantly."}),e.jsx(r,{icon:z,color:"purple",title:"Search & Filter",description:"Search by title or reason. Filter by status and type to focus on what matters most for your sprint."}),e.jsx(r,{icon:M,color:"pink",title:"Detail Panel",description:"Click any card to open a full detail slide-over with complete implementation plan and dependency list."}),e.jsx(r,{icon:b,color:"emerald",title:"Fullscreen Mode",description:"Expand the board to fullscreen for deep planning sessions without UI distractions."})]})]})}function ce(){return e.jsxs("div",{className:"space-y-12",children:[e.jsxs("div",{className:"relative p-10 bg-gradient-to-r from-indigo-700 to-purple-800 rounded-[2.5rem] text-white shadow-2xl shadow-indigo-100 dark:shadow-none overflow-hidden group",children:[e.jsx("div",{className:"absolute top-0 right-0 w-64 h-64 bg-white/10 rounded-full blur-3xl group-hover:bg-white/20 transition-all -mr-32 -mt-32"}),e.jsxs("div",{className:"relative z-10 flex flex-col md:flex-row items-center gap-8",children:[e.jsx("div",{className:"w-20 h-20 bg-white/10 backdrop-blur-md rounded-3xl flex items-center justify-center border border-white/20 shadow-xl rotation-3",children:e.jsx(D,{className:"w-10 h-10 text-white"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-3xl font-black mb-2 tracking-tighter",children:"Multiplayer Engineering"}),e.jsx("p",{className:"text-indigo-100/90 text-lg font-medium leading-relaxed max-w-xl",children:"Building complex systems is a team sport. Vizora brings real-time collaboration to database architecture."})]})]})]}),e.jsxs("div",{className:"grid gap-6",children:[e.jsx(r,{icon:p,color:"indigo",title:"Real-Time Presence",description:"See exactly where your teammates are with unique colored cursors and selection ghosts that sync in under 50ms."}),e.jsx(r,{icon:x,color:"purple",title:"Atomically Synced Code",description:"No more merge conflicts. Every character edit is broadcasted via WebSocket using Yjs CRDTs for perfect consistency."}),e.jsx(r,{icon:v,color:"pink",title:"Live Edit Attribution",description:"Every single line of code is attributed. Inline indicators show 'âââ @username' for active editing sessions."}),e.jsx(r,{icon:k,color:"emerald",title:"Role-Based Presence",description:"Admins, Members, and Viewers all have distinct visual markers. Know exactly who is watching and who is building."})]}),e.jsxs("div",{className:"p-8 bg-amber-50/50 dark:bg-amber-900/10 border border-amber-100 dar
15k:border-amber-800/30 rounded-[2.5rem] flex items-start gap-6",children:[e.jsx("div",{className:"p-4 bg-white dark:bg-[#1E2029] rounded-2xl shadow-sm border border-amber-100 dark:border-amber-800/30 shrink-0",children:e.jsx(m,{className:"w-6 h-6 text-amber-500"})}),e.jsxs("div",{children:[e.jsx("h4",{className:"font-black text-amber-900 dark:text-amber-50 text-lg tracking-tight mb-2",children:"Connectivity Intelligence"}),e.jsx("p",{className:"text-sm text-amber-800/80 dark:text-amber-400/80 font-medium leading-relaxed",children:"Vizora uses a sophisticated state-recovery system. If you lose connection, your local changes are queued and atomically applied the moment you reconnectâensuring zero data loss for your team."})]})]})]})}function me(){return e.jsxs("div",{className:"space-y-12",children:[e.jsxs("div",{className:"p-10 bg-white dark:bg-[#151720] border border-slate-100 dark:border-[#2A2D36] rounded-[2.5rem] shadow-sm relative overflow-hidden group",children:[e.jsx("div",{className:"absolute top-0 right-0 w-64 h-64 bg-indigo-500/5 dark:bg-indigo-500/10 rounded-full blur-3xl -mr-32 -mt-32 group-hover:bg-indigo-500/10 dark:group-hover:bg-indigo-500/20 transition-all duration-700"}),e.jsxs("div",{className:"relative z-10",children:[e.jsxs("div",{className:"flex items-center gap-4 mb-6",children:[e.jsx("div",{className:"w-14 h-14 bg-indigo-600 rounded-3xl flex items-center justify-center shadow-xl shadow-indigo-100 dark:shadow-none border-4 border-white dark:border-[#2A2D36]",children:e.jsx(j,{className:"w-7 h-7 text-white"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-2xl font-black text-slate-900 dark:text-white tracking-tighter leading-none",children:"Contextual Chat"}),e.jsx("p",{className:"text-[10px] text-slate-400 dark:text-gray-500 font-black uppercase tracking-widest mt-2 px-2 py-0.5 bg-slate-50 dark:bg-[#0B0C10] border border-slate-100 dark:border-[#2A2D36] rounded-lg inline-block",children:"Session Ephemeral"})]})]}),e.jsx("p",{className:"text-slate-600 dark:text-gray-300 text-lg leading-relaxed font-medium",children:"Discuss architectural decisions in real-time without leaving your workspace. Chat history disappears when everyone leaves, keeping your intellectual property safe."})]})]}),e.jsxs("div",{className:"grid gap-6",children:[e.jsx(r,{icon:p,color:"indigo",title:"Draggable Floating Hub",description:"Position your team chat anywhere on screen. Minimize it during deep work, and expand it for collaborative sessions."}
15),e.jsx(r,{icon:m,color:"purple",title:"Sub-10ms Latency",description:"Powered by Socket.io, messages arrive before you can even think about them. Includes native emoji support and typing indicators."}),e.jsx(r,{icon:k,color:"pink",title:"Secure-by-Design",description:"Messages are never persisted to the central database. They live in memory only for the duration of your collaboration."})]}),e.jsxs("div",{className:"p-8 bg-gray-950 dark:bg-[#0B0C10] border dark:border-[#2A2D36] rounded-[2.5rem] text-white",children:[e.jsx("h4",{className:"text-xs font-black uppercase tracking-[0.2em] text-indigo-400 mb-6 px-1",children:"Native Capabilities"}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:["Real-time typing indicators","System status notifications","Emoji reaction system","Role-based messaging permissions","Ephemeral session clearing","Integrated sound alerts"].map(a=>e.jsxs("div",{className:"flex items-center gap-3 p-4 bg-white/5 border border-white/5 rounded-2xl hover:bg-white/10 transition-colors",children:[e.jsx("div",{className:"w-2 h-2 rounded-full bg-indigo-500"}),e.jsx("span",{className:"text-sm font-bold text-slate-300",children:a})]},a))})]})]})}function xe(){return e.jsxs("div",{className:"space-y-12",children:[e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-8",children:[e.jsxs("div",{className:"p-10 bg-gradient-to-br from-white to-indigo-50/50 dark:from-[#151720] dark:to-[#1E2029] border border-indigo-100 dark:border-[#2A2D36] rounded-[2.5rem] shadow-sm group",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[e.jsx("div",{className:"p-3 bg-emerald-500 text-white rounded-2xl shadow-lg shadow-emerald-100 dark:shadow-none",children:e.jsx(v,{className:"w-5 h-5"})}),e.jsx("h4",{className:"text-xl font-black text-slate-900 dark:text-white tracking-tighter",children:"AI Explanations"})]}),e.jsx("p",{className:"text-slate-600 dark:text-gray-300 font-medium leading-relaxed mb-8",children:"Our LLMs analyze your DDL architecture to explain table purposes, business logic patterns, and hidden architectural risks."}),e.jsx("div",{className:"space-y-3",children:["Entity Analysis","Risk Identification","Business Context"].map(a=>e.jsxs("div",{className:"flex items-center gap-3 text-sm font-black text-slate-400 uppercase tracking-widest",children:[e.jsx(c,{className:"w-4 h-4 text-emerald-500"})," ",a]},a))})]}),e.jsxs("div",{className:"p-10 bg-gradient-to-br from-white to-purple-50/50 dark:from-[#151720] dark:to-[#1E2029] border border-purple-100 dark:border-[#2A2D36] rounded-[2.5rem] shadow-sm group",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[e.jsx("div",{className:"p-3 bg-indigo-600 text-white rounded-2xl shadow-lg shadow-indigo-100 dark:shadow-none",children:e.jsx(E,{className:"w-5 h-5"})}),e.jsx("h4",{className:"text-xl font-black text-slate-900 dark:text-white tracking-tighter",children:"Auto-Spec Docs"})]}),e.jsx("p",{className:"text-slate-600 dark:text-gray-300 font-medium leading-relaxed mb-8",children:"Comprehensive professional documentation designed to onboard new team members to your database architecture in minutes."}),e.jsx("div",{className:"space-y-3",children:["PDF Generation","Markdown Support","Interactive Navigation"].map(a=>e.jsxs("div",{className:"flex items-center gap-3 text-sm font-black text-slate-400 uppercase tracking-widest",children:[e.jsx(c,{className:"w-4 h-4 text-indigo-500"})," ",a]},a))})]})]}),e.jsxs("div",{className:"p-10 bg-gray-900 dark:bg-[#151720] rounded-[2.5rem] text-white shadow-2xl shadow-indigo-100/20 dark:shadow-none overflow-hidden relative group border border-[#2A2D36]",children:[e.jsx("div",{className:"absolute bottom-0 right-0 w-64 h-64 bg-indigo-500/10 rounded-full blur-[80px] -mr-32 -mb-32 transition-all duration-1000 group-hover:bg-indigo-500/20"}),e.jsxs("div",{className:"relative z-10",children:[e.jsx("h4",{className:"text-sm font-black uppercase tracking-[0.2em] text-indigo-400 mb-8",children:"The AI Advantage"}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-x-12 gap-y-6",children:["Full relationship context analysis","Detection of anti-p
15atterns","Normalization factor calculations","Automatic index suggestions","Privacy compliance scanning","Multi-dialect SQL parsing"].map(a=>e.jsxs("div",{className:"flex items-center gap-4 group/item",children:[e.jsx("div",{className:"w-2 h-2 rounded-full bg-indigo-500 group-hover/item:scale-125 transition-transform"}),e.jsx("span",{className:"text-sm font-bold text-slate-300 dark:text-gray-400 transition-colors group-hover/item:text-white",children:a})]},a))})]})]})]})}function ge(){return e.jsxs("div",{className:"space-y-12",children:[e.jsx("p",{className:"text-slate-500 dark:text-gray-300 text-lg font-medium leading-relaxed max-w-2xl bg-slate-50 dark:bg-[#151720] p-8 rounded-[2rem] border border-slate-100 dark:border-[#2A2D36] shadow-sm shadow-slate-50 dark:shadow-none",children:"Vizora supports high-performance exports designed for every engineer. From high-resolution images for Stakeholders to production SQL for DevOps."}),e.jsxs("div",{className:"grid gap-6",children:[e.jsx(r,{icon:S,color:"indigo",title:"Visual Artifacts (PNG/JPG)",description:"Export ER diagrams and designs as high-fidelity images. Native browser file pickers let you choose exact save locations."}),e.jsx(r,{icon:E,color:"purple",title:"Engineering Reports (PDF)",description:"Professional grade PDF documentation that hides session elements (like chat) for a clean, report-ready finish."}),e.jsx(r,{icon:x,color:"pink",title:"DDL Dialect Specifics",description:"Download schema definitions directly as .sql, .prisma, or .ts files. Ready-to-go for your production pipeline."}),e.jsx(r,{icon:u,color:"emerald",title:"Database Notes Export",description:"Export any note as Markdown (.md), Plain Text (.txt), or PDF. Schema tokens are automatically converted to readable labels."}),e.jsx(r,{icon:C,color:"amber",title:"Onboarding Guide Export",description:"The AI-generated onboarding guide can be copied as Markdown or printed as PDF for sharing with new team members."})]}),e.jsxs("div",{className:"p-10 bg-indigo-50 dark:bg-indigo-900/10 rounded-[2.5rem] border-2 border-dashed border-indigo-200 dark:border-indigo-800/30 flex flex-col items-center text-center",children:[e.jsx("div",{className:"w-16 h-16 bg-white dark:bg-[#1E2029] rounded-3xl flex items-center justify-center shadow-xl shadow-indigo-100 dark:shadow-none mb-6 rotation-6",children:e.jsx(v,{className:"w-8 h-8 text-indigo-600 dark:text-indigo-400"})}),e.jsx("h4",{className:"text-2xl font-black text-slate-900 dark:text-white tracking-tighter mb-4",children:"Professional Artifact Tracking"}),e.jsx("p",{className:"text-slate-600 dark:text-gray-300 font-medium max-w-lg mb-8",children:"Every export is tagged with a timestamp and version ID. Your documentation always stays synchronized with your schema truth."})]})]})}function he(){return e.jsx("div",{className:"space-y-8",children:e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute left-6 top-0 bottom-0 w-0.5 bg-slate-200 dark:bg-[#2A2D36] rounded-full"}),e.jsx("div",{className:"space-y-8 relative",children:[{title:"Immutable Snapshots",content:"Every time you save, we create a complete, immutable snapshot of your schema. Nothing is ever lost."},{title:"Semantic Diff Engine",content:"Our diff engine identifies exactly what changedâadded columns, renamed tables, modified typesâand highlights them visually."},{title:"Enhanced Version Compare",content:"Compare any two versions side-by-side with our Monaco-powered diff viewer. The enhanced compare view tracks column-level changes."},{title:"One-Click Rollback",content:'Restoring a previous version is as simple as clicking "Restore". The entire project state resets, including diagrams.'},{title:"Author Attribution",content:"Every version records who made the save, at what time, and how many changes were made. Full audit trail for team accountability."}].map((a,t)=>e.jsxs("div",{className:"flex gap-6 items-start",children:[e.jsx("div",{className:"w-12 h-12 rounded-full bg-slate-900 dark:bg-[#1E2029] text-white flex items-center justify-center font-black shrink-0 shadow-lg border-4 border-white dark:border-[#2A2D36]",children:t+1}),e.jsxs("div",{className:"pt-2",children:[e.jsx("h4",{className:"text-base font-black text-slate-900 dark:text-white mb-2",children:a.title}),e.jsx("p",{className:"text-sm leading-relaxed text-slate-500 dark:text-gray-400",children:a.content})]})]},t))})]})})}function be(){const a=[{category:"Editor",icon:x,color:"indigo",items:[{keys:["Ctrl","S"],action:"Save version"},{keys:["Ctrl","Z"],action:"Undo"},{keys:["Ctrl","Shift","Z"],action:"Redo"},{keys:["Ctrl","F"],action:"Find"},{keys:["Ctrl","H"],action:"Find and Replace"}]},{category:"Designer",icon:y,color:"purple",items:[{keys:["Space","Drag"],action:"Pan canvas"},{keys:["Ctrl","K"],action:"Open command palette"},{keys:["Delete"],action:"Delete selected item"},{keys:["Ctrl","Z"],action:"Undo change"}]},{category:"Navigation",icon:b,color:"pink",items:[{keys:["Ctrl","Click"],action:"Open link in new tab"},{keys:["Esc"],action:"Close modal/panel"}]},{category:"Notes",icon:u,color:"violet",items:[{keys:["Ctrl","N"],action:"New note in current folder"},{keys:["Ctrl","Enter"],action:"Create new block"},{keys:["Tab"],action:"Indent / Nest block"}]}];return e.jsxs("div",{className:"space-y-10",children:[e.jsx("p",{className:"text-slate-500 dark:text-gray-300 font-medium leading-relaxed bg-slate-50 dark:bg-[#151720] p-6 rounded-2xl border border-slate-100 dar
15k:border-[#2A2D36]",children:"Master these keyboard shortcuts to navigate and edit with professional speed."}),e.jsx("div",{className:"grid gap-8",children:a.map(t=>e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3 px-2",children:[e.jsx("div",{className:`p-2 bg-${t.color}-100 dark:bg-${t.color}-900/20 rounded-lg`,children:e.jsx(t.icon,{className:`w-4 h-4 text-${t.color}-600 dark:text-${t.color}-400`})}),e.jsx("h4",{className:"text-sm font-black text-slate-900 dark:text-white uppercase tracking-widest",children:t.category})]}),e.jsx("div",{className:"bg-white dark:bg-[#151720] border border-slate-100 dark:border-[#2A2D36] rounded-[2rem] overflow-hidden shadow-sm",children:t.items.map((i,l)=>e.jsxs("div",{className:`flex items-center justify-between p-5 ${l!==t.items.length-1?"border-b border-slate-50 dark:border-[#2A2D36]":""} hover:bg-slate-50/50 dark:hover:bg-[#1E2029] transition-colors`,children:[e.jsx("span",{className:"text-sm font-bold text-slate-600 dark:text-gray-300",children:i.action}),e.jsx("div",{className:"flex gap-1.5",children:i.keys.map((n,d)=>e.jsxs(U.Fragment,{children:[e.jsx("kbd",{className:"px-3 py-1.5 bg-white dark:bg-[#1E2029] border border-slate-200 dark:border-[#2A2D36] rounded-xl text-[10px] font-black font-mono text-slate-900 dark:text-white shadow-sm",children:n}),d<i.keys.length-1&&e.jsx("span",{className:"text-slate-300 self-center",children:"+"})]},d))})]},l))})]},t.category))})]})}function pe(){return e.jsxs("div",{className:"space-y-12",children:[e.jsxs("div",{className:"p-10 bg-slate-900 dark:bg-[#151720] rounded-[2.5rem] text-white relative overflow-hidden shadow-2xl shadow-indigo-100 dark:shadow-none border dark:border-[#2A2D36]",children:[e.jsx("div",{className:"absolute top-0 right-0 w-64 h-64 bg-indigo-500/20 rounded-full blur-[100px] -mr-32 -mt-32"}),e.jsxs("div",{className:"relative z-10",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[e.jsx("div",{className:"p-2 bg-indigo-500/20 rounded-lg backdrop-blur-md",children:e.jsx(v,{className:"w-5 h-5 text-indigo-300"})}),e.jsx("span",{className:"text-xs font-black uppercase tracking-[0.2em] text-indigo-300",children:"Plans & Pricing"})]}),e.jsx("h3",{className:"text-3xl font-black mb-4 tracking-tighter",children:"Simple, Transparent Pricing"}),e.jsx("p",{className:"text-slate-300 dark:text-gray-300 text-lg leading-relaxed max-w-2xl font-medium",children:"Choose the plan that fits your needs. All core features are included in every plan."})]})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-8",children:[e.jsxs("div",{className:"p-8 bg-white dark:bg-[#151720] border border-slate-100 dark:border-[#2A2D36] rounded-[2rem] shadow-sm",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[e.jsx("div",{className:"w-10 h-10 bg-indigo-50 dark:bg-indigo-900/20 rounded-xl flex items-center justify-center",children:e.jsx(k,{className:"w-5 h-5 text-indigo-600 dark:text-indigo-400"})}),e.jsx("h4",{className:"text-sm font-black text-slate-900 dark:text-white uppercase tracking-widest",children:"Available Plans"})]}),e.jsx("div",{className:"space-y-4",children:[{label:"Free",value:"â¹0/mo",desc:"1 workspace, core features"},{label:"Pro",value:"â¹1,499/mo",desc:"Unlimited workspaces, AI tools"},{label:"Team",value:"â¹4,999/mo",desc:"Unlimited team members, priority support"}].map(a=>e.jsxs("div",{className:"flex items-center justify-between p-4 bg-slate-50 dark:bg-[#1E2029] rounded-2xl",children:[e.jsxs("div",{children:[e.jsx("span",{className:"text-sm font-bold text-slate-700 dark:text-gray-200 block",children:a.label}),e.jsx("span",{className:"text-xs text-slate-400 dark:text-gray-500 font-medium",children:a.desc})]}),e.jsx("span",{className:"text-sm font-black text-indigo-600 dark:text-indigo-400",children:a.value})]},a.label))})]}),e.jsxs("div",{className:"p-8 bg-white dark:bg-[#151720] border border-slate-100 dark:border-[#2A2D36] rounded-[2rem] shadow-sm",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[e.jsx("div",{className:"w-10 h-10 bg-amber-50 dark:bg-amber-900/20 rounded-xl flex items-center justify-center",children:e.jsx(J,{className:"w-5 h-5 text-amber-600 dar
15k:text-amber-400"})}),e.jsx("h4",{className:"text-sm font-black text-slate-900 dark:text-white uppercase tracking-widest",children:"Coming Soon"})]}),e.jsx("div",{className:"space-y-3",children:["GitHub Integration","Advanced RBAC Permissions","Migration Script Generation","API Access","Slack Notifications","SSO / SAML"].map(a=>e.jsxs("div",{className:"flex items-center gap-3 p-3 text-sm font-bold text-slate-600 dark:text-gray-300",children:[e.jsx("div",{className:"w-2 h-2 rounded-full bg-amber-400"}),a]},a))})]})]})]})}function ue(){return e.jsxs("div",{className:"space-y-12",children:[e.jsxs("div",{className:"p-10 bg-emerald-950 dark:bg-[#061B16] rounded-[2.5rem] text-white relative overflow-hidden shadow-2xl shadow-emerald-100 dark:shadow-none border dark:border-emerald-900/30",children:[e.jsx("div",{className:"absolute top-0 right-0 w-64 h-64 bg-emerald-500/10 rounded-full blur-[100px] -mr-32 -mt-32"}),e.jsxs("div",{className:"relative z-10 flex items-center gap-8",children:[e.jsx("div",{className:"p-6 bg-emerald-500/20 rounded-[2rem] backdrop-blur-md shrink-0 border border-emerald-500/20 shadow-xl",children:e.jsx(k,{className:"w-10 h-10 text-emerald-400"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-2xl font-black mb-2 tracking-tighter",children:"Zero-Trust Architecture"}),e.jsx("p",{className:"text-emerald-100/80 text-lg font-medium leading-relaxed",children:"Vizora only processes architectural patterns. We never touch, store, or access your live business data or connection secrets."})]})]})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-8",children:[e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"flex items-center gap-3 px-2",children:[e.jsx("h3",{className:"text-sm font-black text-slate-900 dark:text-white uppercase tracking-[0.2em]",children:"What We Store"}),e.jsx("div",{className:"h-px flex-1 bg-slate-100 dark:bg-[#2A2D36]"})]}),e.jsx("div",{className:"p-8 bg-white dark:bg-[#151720] border border-slate-100 dark:border-[#2A2D36] rounded-[2.5rem] space-y-4 shadow-sm",children:["Schema structure (DDL statements)","Immutable version snapshots","AI-generated documentation","Interactive diagram metadata","Database notes content","Workspace & team membership"].map(a=>e.jsxs("div",{className:"flex items-center gap-4 p-4 bg-emerald-50/30 dark:bg-emerald-900/10 rounded-2xl",children:[e.jsx("div",{className:"w-6 h-6 bg-emerald-100 dark:bg-emerald-900/20 rounded-full flex items-center justify-center shrink-0",children:e.jsx(c,{className:"w-3.5 h-3.5 text-emerald-600 dark:text-emerald-400"})}),e.jsx("span",{className:"text-sm font-bold text-slate-700 dark:text-gray-300",children:a})]},a))})]}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"flex items-center gap-3 px-2",children:[e.jsx("h3",{className:"text-sm font-black text-slate-900 dark:text-white uppercase tracking-[0.2em]",children:"Off Limits"}),e.jsx("div",{className:"h-px flex-1 bg-slate-100 dark:bg-[#2A2D36]"})]}),e.jsx("div",{className:"p-8 bg-rose-50/30 dark:bg-rose-900/10 border border-rose-100 dark:border-rose-900/30 rounded-[2.5rem] space-y-4",children:["Business data (Rows / Records)","Database connection strings","Production access credentials","Live database tunneling"].map(a=>e.jsxs("div",{className:"flex items-center gap-4 p-4 bg-white/50 dark:bg-[#1E2029]/50 rounded-2xl border border-rose-100/50 dark:border-rose-900/30",children:[e.jsx("div",{className:"w-6 h-6 bg-rose-100 dark:bg-rose-900/20 rounded-full flex items-center justify-center shrink-0",children:e.jsx(ee,{className:"w-3.5 h-3.5 text-rose-600 dar
15k:text-rose-400"})}),e.jsx("span",{className:"text-sm font-bold text-rose-800 dark:text-rose-200",children:a})]},a))}),e.jsxs("div",{className:"p-6 bg-slate-50 dark:bg-[#1E2029] border border-slate-100 dark:border-[#2A2D36] rounded-2xl",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx(ae,{className:"w-4 h-4 text-slate-500 dark:text-gray-400"}),e.jsx("span",{className:"text-xs font-black text-slate-500 dark:text-gray-400 uppercase tracking-widest",children:"AI Chat Messages"})]}),e.jsx("p",{className:"text-sm text-slate-600 dark:text-gray-300 font-medium",children:"Workspace chat messages are never persisted to the database. They are ephemeral by designâcleared when all members leave."})]})]})]})]})}function ke(){const a=[{q:"Is my production database safe?",a:"Absolutely. We never connect to your live infrastructure. You only paste schema definitionsâno credentials or data involved."},{q:"What formats are supported?",a:"PostgreSQL, MySQL, SQLite, Prisma, and Drizzle are fully supported. We parse CREATE TABLE statements and model definitions."},{q:"How many people can collaborate?",a:"Depending on your plan, you can invite your entire team to a workspace. Our Team plan supports unlimited collaborators with real-time sync and cursor tracking."},{q:"Do you support dark mode?",a:"Yes! The Workspace Editor, Schema Designer, ER Diagrams, Database Notes, and the Intelligence Suite all support dark mode themes."},{q:"Can I delete my data permanently?",a:"Yes. You can delete individual workspaces or your entire account from Settings. All data is permanently removed."},{q:"How does version control work?",a:"Every save creates an immutable snapshot. You can compare any two versions and roll back with one click."},{q:"What is the Intelligence Suite?",a:"It's a set of three AI tools: Ask Schema (chat with your database structure), Schema Review (automated quality analysis), and Onboarding Guide (auto-generated team documentation)."},{q:"Are Database Notes saved to the cloud?",a:"Database Notes are currently session-local and stored in your browser. Cloud sync for notes is on our roadmap."},{q:"Is there an API?",a:"Not yet, but a REST API for programmatic access is on our roadmap. Stay tuned!"}];return e.jsx("div",{className:"grid gap-4",children:a.map((t,i)=>e.jsxs("div",{className:"group relative",children:[e.jsx("div",{className:"absolute -inset-0.5 bg-gradient-to-r from-indigo-500 to-purple-500 rounded-[2rem] blur opacity-0 group-hover:opacity-10 transition duration-500"}),e.jsx("div",{className:"relative p-8 bg-white dark:bg-[#151720] border border-slate-100 dark:border-[#2A2D36] rounded-[2rem] hover:border-transparent dark:hover:border-transparent transition-all duration-500 shadow-sm hover:shadow-xl hover:shadow-indigo-50/50 dark:hover:shadow-none",children:e.jsxs("div",{className:"flex gap-4 items-start",children:[e.jsx("div",{className:"w-10 h-10 bg-indigo-50 dark:bg-indigo-900/20 rounded-xl flex items-center justify-center shrink-0 group-hover:bg-indigo-600 transition-colors duration-500",children:e.jsx(P,{className:"w-5 h-5 text-indigo-600 group-hover:text-white dark:group-hover:text-white dark:text-indigo-400"})}),e.jsxs("div",{children:[e.jsx("h4",{className:"font-black text-slate-900 dark:text-white text-lg mb-2 tracking-tight transition-colors duration-500",children:t.q}),e.jsx("p",{className:"text-slate-500 dark:text-gray-400 font-medium leading-relaxed",children:t.a})]})]})})]},i))})}function ve(){return e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"bg-slate-900 dark:bg-[#151720] border dark:border-[#2A2D36] rounded-3xl p-10 text-white relative overflow-hidden shadow-2xl shadow-indigo-100 dark:shadow-none",children:[e.jsxs("div",{className:"relative z-10 flex flex-col md:flex-row items-center gap-10",children:[e.jsx("div",{className:"p-6 bg-slate-800 dark:bg-[#1E2029] rounded-3xl",children:e.jsx(f,{className:"w-10 h-10 text-white"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-2xl font-black mb-2",children:"Get in Touch"}),e.jsx("p",{className:"text-slate-400 text-sm font-medium leading-relaxed max-w-sm mb-4",children:"Need help with something? Our team is here to assist you."}),e.jsxs("a",{href:"https://mail.google.com/mail/?view=cm&[email protected]",target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-2 text-lg font-bold text-white hover:text-indigo-400 transition-colors",children:["[email protected]",e.jsx(L,{className:"w-4 h-4"})]})]})]}),e.jsx("div",{className:"absolute top-0 right-0 w-64 h-64 bg-indigo-500/10 blur-[100px] rounded-full"})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("a",{href:"https://mail.google.com/mail/?view=cm&[email protected]&su=Bug+Report",target:"_blank",rel:"noopener noreferrer",className:"p-6 border border-slate-100 dar
15k:border-[#2A2D36] rounded-2xl bg-white dark:bg-[#151720] hover:border-indigo-200 dark:hover:border-indigo-500/50 hover:shadow-lg dark:hover:shadow-none transition-all group",children:[e.jsxs("h4",{className:"font-bold text-slate-900 dark:text-white mb-2 flex items-center gap-2",children:["Report a Bug",e.jsx(f,{className:"w-4 h-4 text-slate-400 dark:text-gray-500 group-hover:text-indigo-500 transition-colors"})]}),e.jsx("p",{className:"text-sm text-slate-500 dark:text-gray-400",children:"Found an issue? Email us directly and we'll investigate right away."})]}),e.jsxs("a",{href:"https://mail.google.com/mail/?view=cm&[email protected]&su=Feature+Request",target:"_blank",rel:"noopener noreferrer",className:"p-6 border border-slate-100 dark:border-[#2A2D36] rounded-2xl bg-white dark:bg-[#151720] hover:border-purple-200 dark:hover:border-purple-500/50 hover:shadow-lg dark:hover:shadow-none transition-all group",children:[e.jsxs("h4",{className:"font-bold text-slate-900 dark:text-white mb-2 flex items-center gap-2",children:["Request a Feature",e.jsx(f,{className:"w-4 h-4 text-slate-400 dark:text-gray-500 group-hover:text-purple-500 transition-colors"})]}),e.jsx("p",{className:"text-sm text-slate-500 dark:text-gray-400",children:"Have an idea for a new feature? We'd love to hear from you."})]})]})]})}function r({icon:a,title:t,description:i,color:l="indigo"}){const n={indigo:{bgBlob:"bg-indigo-500/5 dark:bg-indigo-500/10 group-hover:bg-indigo-500/10 dark:group-hover:bg-indigo-500/20",bgIcon:"bg-indigo-50 dark:bg-indigo-900/20",textIcon:"text-indigo-600 dark:text-indigo-400"},purple:{bgBlob:"bg-purple-500/5 dark:bg-purple-500/10 group-hover:bg-purple-500/10 dark:group-hover:bg-purple-500/20",bgIcon:"bg-purple-50 dark:bg-purple-900/20",textIcon:"text-purple-600 dark:text-purple-400"},pink:{bgBlob:"bg-pink-500/5 dark:bg-pink-500/10 group-hover:bg-pink-500/10 dark:group-hover:bg-pink-500/20",bgIcon:"bg-pink-50 dark:bg-pink-900/20",textIcon:"text-pink-600 dark:text-pink-400"},emerald:{bgBlob:"bg-emerald-500/5 dark:bg-emerald-500/10 group-hover:bg-emerald-500/10 dark:group-hover:bg-emerald-500/20",bgIcon:"bg-emerald-50 dark:bg-emerald-900/20",textIcon:"text-emerald-600 dark:text-emerald-400"},amber:{bgBlob:"bg-amber-500/5 dark:bg-amber-500/10 group-hover:bg-amber-500/10 dark:group-hover:bg-amber-500/20",bgIcon:"bg-amber-50 dark:bg-amber-900/20",textIcon:"text-amber-600 dark:text-amber-400"},rose:{bgBlob:"bg-rose-500/5 dark:bg-rose-500/10 group-hover:bg-rose-500/10 dark:group-hover:bg-rose-500/20",bgIcon:"bg-rose-50 dark:bg-rose-900/20",textIcon:"text-rose-600 dar
15k:text-rose-400"},cyan:{bgBlob:"bg-cyan-500/5 dark:bg-cyan-500/10 group-hover:bg-cyan-500/10 dark:group-hover:bg-cyan-500/20",bgIcon:"bg-cyan-50 dark:bg-cyan-900/20",textIcon:"text-cyan-600 dark:text-cyan-400"},blue:{bgBlob:"bg-blue-500/5 dark:bg-blue-500/10 group-hover:bg-blue-500/10 dark:group-hover:bg-blue-500/20",bgIcon:"bg-blue-50 dark:bg-blue-900/20",textIcon:"text-blue-600 dark:text-blue-400"}},d=n[l]||n.indigo;return e.jsxs("div",{className:"group flex items-start gap-6 p-8 bg-white dark:bg-[#1E2029] border border-slate-100 dark:border-[#2A2D36] rounded-[2.5rem] hover:shadow-2xl hover:shadow-slate-200 dark:hover:shadow-none transition-all duration-500 overflow-hidden relative",children:[e.jsx("div",{className:`absolute top-0 right-0 w-32 h-32 rounded-full -mr-16 -mt-16 blur-3xl transition-all duration-700 ${d.bgBlob}`}),e.jsx("div",{className:`w-14 h-14 rounded-2xl flex items-center justify-center shrink-0 group-hover:scale-110 transition-transform duration-500 relative z-10 ${d.bgIcon}`,children:e.jsx(a,{className:`w-7 h-7 ${d.textIcon}`})}),e.jsxs("div",{className:"relative z-10",children:[e.jsx("h4",{className:"text-lg font-black text-slate-900 dark:text-white mb-2 tracking-tight group-hover:text-indigo-600 dark:group-hover:text-indigo-400 transition-colors",children:t}),e.jsx("p",{className:"text-sm text-slate-500 dark:text-gray-400 font-medium leading-relaxed",children:i})]})]})}export{Ee as Help,Ee as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.