diff --git a/assets/AiCodeExplainer-CE0_1KFz.js b/assets/AiCodeExplainer-CE0_1KFz.js
new file mode 100644
index 0000000000000000000000000000000000000000..3160a941267082dbd41c2dd0473ed338806a67a1
--- /dev/null
+++ b/assets/AiCodeExplainer-CE0_1KFz.js
@@ -0,0 +1,12 @@
+import{r as s,j as e}from"./react-DKy9e2uO.js";import{e as w,C,L as j,M as S}from"./index-Ck8YGBbR.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const k=`const bubbleSort = (arr) => {
+  for (let i = 0; i < arr.length; i++) {
+    for (let j = 0; j < arr.length - i - 1; j++) {
+      if (arr[j] > arr[j + 1]) {
+        [arr[j], arr[j + 1]] = [arr[j + 1], arr[j]];
+      }
+    }
+  }
+  return arr;
+};`,L=a=>a.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/\b(const|let|var|function|return|if|for|=>|import|from|export|default)\b/g,'<span class="text-indigo-600 font-semibold">$1</span>').replace(/(\`|'|")(.*?)(\`|'|")/g,'<span class="text-emerald-700">$1$2$3</span>').replace(/(\/\/.*)/g,'<span class="text-gray-500 italic">$1</span>').replace(/(\{|\}|\(|\)|\[|\])/g,'<span class="text-gray-600">$1</span>'),F=({initialCode:a})=>{const[n,p]=s.useState(a||k),[t,u]=s.useState(null),[o,f]=s.useState(!1),[d,x]=s.useState(""),[h,g]=s.useState("summary"),c=s.useRef(null),i=s.useRef(null),m=s.useCallback(async r=>{if(!r.trim()){x("Please enter some code to explain.");return}f(!0),x(""),u(null),g("summary");try{const l=await w(r);u(l)}catch(l){const v=l instanceof Error?l.message:"An unknown error occurred.";x(`Failed to get explanation: ${v}`)}finally{f(!1)}},[]);s.useEffect(()=>{a&&(p(a),m(a))},[a,m]);const y=()=>{i.current&&c.current&&(i.current.scrollTop=c.current.scrollTop,i.current.scrollLeft=c.current.scrollLeft)},b=s.useMemo(()=>L(n),[n]),N=()=>{if(!t)return null;switch(h){case"summary":return e.jsx(S,{content:t.summary});case"lineByLine":return e.jsx("div",{className:"space-y-3",children:t.lineByLine.map((r,l)=>e.jsxs("div",{className:"p-3 bg-background rounded-md border border-border",children:[e.jsxs("p",{className:"font-mono text-xs text-primary mb-1",children:["Lines: ",r.lines]}),e.jsx("p",{className:"text-sm",children:r.explanation})]},l))});case"complexity":return e.jsxs("div",{children:[e.jsxs("p",{children:[e.jsx("strong",{children:"Time Complexity:"})," ",e.jsx("span",{className:"font-mono text-amber-600",children:t.complexity.time})]}),e.jsxs("p",{children:[e.jsx("strong",{children:"Space Complexity:"})," ",e.jsx("span",{className:"font-mono text-amber-600",children:t.complexity.space})]})]});case"suggestions":return e.jsx("ul",{className:"list-disc list-inside space-y-2",children:t.suggestions.map((r,l)=>e.jsx("li",{children:r},l))})}};return e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6 flex-shrink-0",children:[e.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[e.jsx(C,{}),e.jsx("span",{className:"ml-3",children:"AI Code Explainer"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Get a detailed, structured analysis of any code snippet."})]}),e.jsxs("div",{className:"flex-grow flex flex-col lg:flex-row gap-6 min-h-0",children:[e.jsxs("div",{className:"flex flex-col min-h-0 lg:w-1/2",children:[e.jsx("label",{htmlFor:"code-input",className:"text-sm font-medium text-text-secondary mb-2",children:"Your Code"}),e.jsxs("div",{className:"relative flex-grow bg-surface border border-border rounded-md focus-within:ring-2 focus-within:ring-primary overflow-hidden",children:[e.jsx("textarea",{ref:c,id:"code-input",value:n,onChange:r=>p(r.target.value),onScroll:y,placeholder:"Paste your code here...",spellCheck:"false",className:"absolute inset-0 w-full h-full p-4 bg-transparent resize-none font-mono text-sm text-transparent caret-primary outline-none z-10"}),e.jsx("pre",{ref:i,"aria-hidden":"true",className:"absolute inset-0 w-full h-full p-4 font-mono text-sm text-text-primary pointer-events-none z-0 whitespace-pre-wrap overflow-auto no-scrollbar",dangerouslySetInnerHTML:{__html:b+`
+`}})]}),e.jsx("div",{className:"mt-4 flex-shrink-0",children:e.jsx("button",{onClick:()=>m(n),disabled:o,className:"btn-primary w-full flex items-center justify-center px-6 py-3",children:o?e.jsx(j,{}):"Analyze Code"})})]}),e.jsxs("div",{className:"flex flex-col min-h-0 lg:w-1/2",children:[e.jsx("label",{className:"text-sm font-medium text-text-secondary mb-2",children:"AI Analysis"}),e.jsxs("div",{className:"relative flex-grow flex flex-col bg-surface border border-border rounded-md overflow-hidden",children:[e.jsx("div",{className:"flex-shrink-0 flex border-b border-border",children:["summary","lineByLine","complexity","suggestions"].map(r=>e.jsx("button",{onClick:()=>g(r),disabled:!t,className:`px-4 py-2 text-sm font-medium capitalize transition-colors ${h===r?"bg-background text-primary font-semibold":"text-text-secondary hover:bg-gray-100 disabled:text-gray-400"}`,children:r.replace(/([A-Z])/g," $1")},r))}),e.jsxs("div",{className:"p-4 flex-grow overflow-y-auto",children:[o&&e.jsx("div",{className:"flex items-center justify-center h-full",children:e.jsx(j,{})}),d&&e.jsx("p",{className:"text-red-500",children:d}),t&&!o&&N(),!o&&!t&&!d&&e.jsx("div",{className:"text-text-secondary h-full flex items-center justify-center",children:"The analysis will appear here."})]})]})]})]})]})};export{F as AiCodeExplainer};
+//# sourceMappingURL=AiCodeExplainer-CE0_1KFz.js.map
diff --git a/assets/AiCodeExplainer-CE0_1KFz.js.map b/assets/AiCodeExplainer-CE0_1KFz.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..42dafca334881d67696529dbd4f3239e90f4ae79
--- /dev/null
+++ b/assets/AiCodeExplainer-CE0_1KFz.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"AiCodeExplainer-CE0_1KFz.js","sources":["../../components/features/AiCodeExplainer.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect, useMemo, useRef } from 'react';\nimport { explainCodeStructured } from '../../services/index.ts';\nimport type { StructuredExplanation } from '../../types.ts';\nimport { CpuChipIcon } from '../icons.tsx';\nimport { MarkdownRenderer, LoadingSpinner } from '../shared/index.tsx';\n\nconst exampleCode = `const bubbleSort = (arr) => {\n  for (let i = 0; i < arr.length; i++) {\n    for (let j = 0; j < arr.length - i - 1; j++) {\n      if (arr[j] > arr[j + 1]) {\n        [arr[j], arr[j + 1]] = [arr[j + 1], arr[j]];\n      }\n    }\n  }\n  return arr;\n};`;\n\ntype ExplanationTab = 'summary' | 'lineByLine' | 'complexity' | 'suggestions';\n\nconst simpleSyntaxHighlight = (code: string) => {\n    const escapedCode = code\n        .replace(/&/g, '&amp;')\n        .replace(/</g, '&lt;')\n        .replace(/>/g, '&gt;');\n\n    return escapedCode\n        .replace(/\\b(const|let|var|function|return|if|for|=>|import|from|export|default)\\b/g, '<span class=\"text-indigo-600 font-semibold\">$1</span>')\n        .replace(/(\\`|'|\")(.*?)(\\`|'|\")/g, '<span class=\"text-emerald-700\">$1$2$3</span>')\n        .replace(/(\\/\\/.*)/g, '<span class=\"text-gray-500 italic\">$1</span>')\n        .replace(/(\\{|\\}|\\(|\\)|\\[|\\])/g, '<span class=\"text-gray-600\">$1</span>');\n};\n\nexport const AiCodeExplainer: React.FC<{ initialCode?: string }> = ({ initialCode }) => {\n    const [code, setCode] = useState<string>(initialCode || exampleCode);\n    const [explanation, setExplanation] = useState<StructuredExplanation | null>(null);\n    const [isLoading, setIsLoading] = useState<boolean>(false);\n    const [error, setError] = useState<string>('');\n    const [activeTab, setActiveTab] = useState<ExplanationTab>('summary');\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n    const preRef = useRef<HTMLPreElement>(null);\n\n    const handleExplain = useCallback(async (codeToExplain: string) => {\n        if (!codeToExplain.trim()) {\n            setError('Please enter some code to explain.');\n            return;\n        }\n        setIsLoading(true);\n        setError('');\n        setExplanation(null);\n        setActiveTab('summary');\n        try {\n            const result = await explainCodeStructured(codeToExplain);\n            setExplanation(result);\n        } catch (err) {\n            const errorMessage = err instanceof Error ? err.message : 'An unknown error occurred.';\n            setError(`Failed to get explanation: ${errorMessage}`);\n        } finally {\n            setIsLoading(false);\n        }\n    }, []);\n    \n    useEffect(() => {\n        if (initialCode) {\n            setCode(initialCode);\n            handleExplain(initialCode);\n        }\n    }, [initialCode, handleExplain]);\n\n    const handleScroll = () => {\n        if (preRef.current && textareaRef.current) {\n            preRef.current.scrollTop = textareaRef.current.scrollTop;\n            preRef.current.scrollLeft = textareaRef.current.scrollLeft;\n        }\n    };\n\n    const highlightedCode = useMemo(() => simpleSyntaxHighlight(code), [code]);\n\n    const renderTabContent = () => {\n        if (!explanation) return null;\n        switch(activeTab) {\n            case 'summary':\n                return <MarkdownRenderer content={explanation.summary} />;\n            case 'lineByLine':\n                return (\n                    <div className=\"space-y-3\">\n                        {explanation.lineByLine.map((item, index) => (\n                            <div key={index} className=\"p-3 bg-background rounded-md border border-border\">\n                                <p className=\"font-mono text-xs text-primary mb-1\">Lines: {item.lines}</p>\n                                <p className=\"text-sm\">{item.explanation}</p>\n                            </div>\n                        ))}\n                    </div>\n                );\n            case 'complexity':\n                return (\n                    <div>\n                        <p><strong>Time Complexity:</strong> <span className=\"font-mono text-amber-600\">{explanation.complexity.time}</span></p>\n                        <p><strong>Space Complexity:</strong> <span className=\"font-mono text-amber-600\">{explanation.complexity.space}</span></p>\n                    </div>\n                );\n            case 'suggestions':\n                return (\n                     <ul className=\"list-disc list-inside space-y-2\">\n                        {explanation.suggestions.map((item, index) => <li key={index}>{item}</li>)}\n                    </ul>\n                );\n        }\n    }\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6 flex-shrink-0\">\n                <h1 className=\"text-3xl font-bold flex items-center\">\n                    <CpuChipIcon />\n                    <span className=\"ml-3\">AI Code Explainer</span>\n                </h1>\n                <p className=\"text-text-secondary mt-1\">Get a detailed, structured analysis of any code snippet.</p>\n            </header>\n            <div className=\"flex-grow flex flex-col lg:flex-row gap-6 min-h-0\">\n                \n                {/* Left Column: Code Input */}\n                <div className=\"flex flex-col min-h-0 lg:w-1/2\">\n                    <label htmlFor=\"code-input\" className=\"text-sm font-medium text-text-secondary mb-2\">Your Code</label>\n                    <div className=\"relative flex-grow bg-surface border border-border rounded-md focus-within:ring-2 focus-within:ring-primary overflow-hidden\">\n                        <textarea\n                            ref={textareaRef}\n                            id=\"code-input\"\n                            value={code}\n                            onChange={(e) => setCode(e.target.value)}\n                            onScroll={handleScroll}\n                            placeholder=\"Paste your code here...\"\n                            spellCheck=\"false\"\n                            className=\"absolute inset-0 w-full h-full p-4 bg-transparent resize-none font-mono text-sm text-transparent caret-primary outline-none z-10\"\n                        />\n                        <pre \n                            ref={preRef}\n                            aria-hidden=\"true\"\n                            className=\"absolute inset-0 w-full h-full p-4 font-mono text-sm text-text-primary pointer-events-none z-0 whitespace-pre-wrap overflow-auto no-scrollbar\"\n                            dangerouslySetInnerHTML={{ __html: highlightedCode + '\\n' }}\n                        />\n                    </div>\n                    <div className=\"mt-4 flex-shrink-0\">\n                        <button\n                            onClick={() => handleExplain(code)}\n                            disabled={isLoading}\n                            className=\"btn-primary w-full flex items-center justify-center px-6 py-3\"\n                        >\n                            {isLoading ? <LoadingSpinner/> : 'Analyze Code'}\n                        </button>\n                    </div>\n                </div>\n\n                {/* Right Column: AI Analysis */}\n                <div className=\"flex flex-col min-h-0 lg:w-1/2\">\n                    <label className=\"text-sm font-medium text-text-secondary mb-2\">AI Analysis</label>\n                    <div className=\"relative flex-grow flex flex-col bg-surface border border-border rounded-md overflow-hidden\">\n                        <div className=\"flex-shrink-0 flex border-b border-border\">\n                           {(['summary', 'lineByLine', 'complexity', 'suggestions'] as ExplanationTab[]).map(tab => (\n                               <button key={tab} onClick={() => setActiveTab(tab)} disabled={!explanation}\n                                className={`px-4 py-2 text-sm font-medium capitalize transition-colors ${activeTab === tab ? 'bg-background text-primary font-semibold' : 'text-text-secondary hover:bg-gray-100 disabled:text-gray-400'}`}>\n                                   {tab.replace(/([A-Z])/g, ' $1')}\n                               </button>\n                           ))}\n                        </div>\n                        <div className=\"p-4 flex-grow overflow-y-auto\">\n                            {isLoading && <div className=\"flex items-center justify-center h-full\"><LoadingSpinner /></div>}\n                            {error && <p className=\"text-red-500\">{error}</p>}\n                            {explanation && !isLoading && renderTabContent()}\n                            {!isLoading && !explanation && !error && <div className=\"text-text-secondary h-full flex items-center justify-center\">The analysis will appear here.</div>}\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};"],"names":["exampleCode","simpleSyntaxHighlight","code","AiCodeExplainer","initialCode","setCode","useState","explanation","setExplanation","isLoading","setIsLoading","error","setError","activeTab","setActiveTab","textareaRef","useRef","preRef","handleExplain","useCallback","codeToExplain","result","explainCodeStructured","err","errorMessage","useEffect","handleScroll","highlightedCode","useMemo","renderTabContent","jsx","MarkdownRenderer","item","index","jsxs","CpuChipIcon","e","LoadingSpinner","tab"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/AiCodeMigrator-BXc_JDlt.js b/assets/AiCodeMigrator-BXc_JDlt.js
new file mode 100644
index 0000000000000000000000000000000000000000..4e36765a1499ff732df89be160fde7788b545b2c
--- /dev/null
+++ b/assets/AiCodeMigrator-BXc_JDlt.js
@@ -0,0 +1,8 @@
+import{r as s,j as e}from"./react-DKy9e2uO.js";import{z as L,E as A,L as w,M}from"./index-Ck8YGBbR.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const k=["SASS","CSS","JavaScript","TypeScript","Python","Go","React","Vue","Angular","Tailwind CSS"],E=`// SASS
+$primary-color: #333;
+
+body {
+  color: $primary-color;
+  font-family: sans-serif;
+}`,V=({inputCode:a,fromLang:o,toLang:l})=>{const[p,g]=s.useState(a||E),[m,h]=s.useState(""),[j,S]=s.useState(o||"SASS"),[b,y]=s.useState(l||"CSS"),[n,N]=s.useState(!1),[x,u]=s.useState(""),i=s.useCallback(async(t,f,r)=>{if(!t.trim()){u("Please enter some code to migrate.");return}N(!0),u(""),h("");try{const c=L(t,f,r);let d="";for await(const C of c)d+=C,h(d)}catch(c){const d=c instanceof Error?c.message:"An unknown error occurred.";u(`Failed to migrate code: ${d}`)}finally{N(!1)}},[]);s.useEffect(()=>{a&&o&&l&&(g(a),S(o),y(l),i(a,o,l))},[a,o,l,i]);const v=({value:t,onChange:f})=>e.jsx("select",{value:t,onChange:r=>f(r.target.value),className:"w-full px-3 py-2 rounded-md bg-surface border border-border",children:k.map(r=>e.jsx("option",{value:r,children:r},r))});return e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6",children:[e.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[e.jsx(A,{}),e.jsx("span",{className:"ml-3",children:"AI Code Migrator"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Translate code between languages, frameworks, and syntax styles."})]}),e.jsxs("div",{className:"flex-grow flex flex-col min-h-0",children:[e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6 flex-grow min-h-0",children:[e.jsxs("div",{className:"flex flex-col h-full",children:[e.jsxs("div",{className:"mb-2",children:[e.jsx("label",{className:"text-sm font-medium text-text-secondary",children:"From:"}),e.jsx(v,{value:j,onChange:S})]}),e.jsx("textarea",{value:p,onChange:t=>g(t.target.value),placeholder:"Paste your source code here...",className:"flex-grow p-4 bg-surface border border-border rounded-md resize-none font-mono text-sm"})]}),e.jsxs("div",{className:"flex flex-col h-full",children:[e.jsxs("div",{className:"mb-2",children:[e.jsx("label",{className:"text-sm font-medium text-text-secondary",children:"To:"}),e.jsx(v,{value:b,onChange:y})]}),e.jsxs("div",{className:"flex-grow p-1 bg-background border border-border rounded-md overflow-y-auto",children:[n&&e.jsx("div",{className:"flex items-center justify-center h-full",children:e.jsx(w,{})}),x&&e.jsx("p",{className:"p-4 text-red-500",children:x}),m&&!n&&e.jsx(M,{content:m}),!n&&!m&&!x&&e.jsx("div",{className:"text-text-secondary h-full flex items-center justify-center",children:"Migrated code will appear here."})]})]})]}),e.jsx("button",{onClick:()=>i(p,j,b),disabled:n,className:"btn-primary mt-4 w-full max-w-sm mx-auto flex items-center justify-center px-6 py-3",children:n?e.jsx(w,{}):"Migrate Code"})]})]})};export{V as AiCodeMigrator};
+//# sourceMappingURL=AiCodeMigrator-BXc_JDlt.js.map
diff --git a/assets/AiCodeMigrator-BXc_JDlt.js.map b/assets/AiCodeMigrator-BXc_JDlt.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..e42fce15c44478f4f6730de7bb821a3592f81db4
--- /dev/null
+++ b/assets/AiCodeMigrator-BXc_JDlt.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"AiCodeMigrator-BXc_JDlt.js","sources":["../../components/features/AiCodeMigrator.tsx"],"sourcesContent":["\n\nimport React, { useState, useCallback, useEffect } from 'react';\nimport { migrateCodeStream } from '../../services/index.ts';\nimport { ArrowPathIcon } from '../icons.tsx';\nimport { LoadingSpinner } from '../shared/index.tsx';\nimport { MarkdownRenderer } from '../shared/index.tsx';\n\nconst languages = ['SASS', 'CSS', 'JavaScript', 'TypeScript', 'Python', 'Go', 'React', 'Vue', 'Angular', 'Tailwind CSS'];\n\nconst exampleCode = `// SASS\n$primary-color: #333;\n\nbody {\n  color: $primary-color;\n  font-family: sans-serif;\n}`;\n\nexport const AiCodeMigrator: React.FC<{ inputCode?: string, fromLang?: string, toLang?: string }> = ({ inputCode: initialCode, fromLang: initialFrom, toLang: initialTo }) => {\n    const [inputCode, setInputCode] = useState<string>(initialCode || exampleCode);\n    const [outputCode, setOutputCode] = useState<string>('');\n    const [fromLang, setFromLang] = useState(initialFrom || 'SASS');\n    const [toLang, setToLang] = useState(initialTo || 'CSS');\n    const [isLoading, setIsLoading] = useState<boolean>(false);\n    const [error, setError] = useState<string>('');\n\n    const handleMigrate = useCallback(async (code: string, from: string, to: string) => {\n        if (!code.trim()) {\n            setError('Please enter some code to migrate.');\n            return;\n        }\n        setIsLoading(true);\n        setError('');\n        setOutputCode('');\n        try {\n            const stream = migrateCodeStream(code, from, to);\n            let fullResponse = '';\n            for await (const chunk of stream) {\n                fullResponse += chunk;\n                setOutputCode(fullResponse);\n            }\n        } catch (err) {\n            const errorMessage = err instanceof Error ? err.message : 'An unknown error occurred.';\n            setError(`Failed to migrate code: ${errorMessage}`);\n        } finally {\n            setIsLoading(false);\n        }\n    }, []);\n\n    useEffect(() => {\n        if (initialCode && initialFrom && initialTo) {\n            setInputCode(initialCode);\n            setFromLang(initialFrom);\n            setToLang(initialTo);\n            handleMigrate(initialCode, initialFrom, initialTo);\n        }\n    }, [initialCode, initialFrom, initialTo, handleMigrate]);\n\n    const LanguageSelector: React.FC<{ value: string, onChange: (val: string) => void }> = ({ value, onChange }) => (\n        <select value={value} onChange={e => onChange(e.target.value)} className=\"w-full px-3 py-2 rounded-md bg-surface border border-border\">\n            {languages.map(lang => <option key={lang} value={lang}>{lang}</option>)}\n        </select>\n    );\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6\">\n                <h1 className=\"text-3xl font-bold flex items-center\"><ArrowPathIcon /><span className=\"ml-3\">AI Code Migrator</span></h1>\n                <p className=\"text-text-secondary mt-1\">Translate code between languages, frameworks, and syntax styles.</p>\n            </header>\n            <div className=\"flex-grow flex flex-col min-h-0\">\n                <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6 flex-grow min-h-0\">\n                    <div className=\"flex flex-col h-full\">\n                        <div className=\"mb-2\">\n                            <label className=\"text-sm font-medium text-text-secondary\">From:</label>\n                            <LanguageSelector value={fromLang} onChange={setFromLang} />\n                        </div>\n                        <textarea\n                            value={inputCode}\n                            onChange={(e) => setInputCode(e.target.value)}\n                            placeholder=\"Paste your source code here...\"\n                            className=\"flex-grow p-4 bg-surface border border-border rounded-md resize-none font-mono text-sm\"\n                        />\n                    </div>\n                    <div className=\"flex flex-col h-full\">\n                        <div className=\"mb-2\">\n                            <label className=\"text-sm font-medium text-text-secondary\">To:</label>\n                            <LanguageSelector value={toLang} onChange={setToLang} />\n                        </div>\n                        <div className=\"flex-grow p-1 bg-background border border-border rounded-md overflow-y-auto\">\n                           {isLoading && <div className=\"flex items-center justify-center h-full\"><LoadingSpinner /></div>}\n                            {error && <p className=\"p-4 text-red-500\">{error}</p>}\n                            {outputCode && !isLoading && <MarkdownRenderer content={outputCode} />}\n                            {!isLoading && !outputCode && !error && <div className=\"text-text-secondary h-full flex items-center justify-center\">Migrated code will appear here.</div>}\n                        </div>\n                    </div>\n                </div>\n                 <button\n                    onClick={() => handleMigrate(inputCode, fromLang, toLang)}\n                    disabled={isLoading}\n                    className=\"btn-primary mt-4 w-full max-w-sm mx-auto flex items-center justify-center px-6 py-3\"\n                >\n                    {isLoading ? <LoadingSpinner /> : 'Migrate Code'}\n                </button>\n            </div>\n        </div>\n    );\n};"],"names":["languages","exampleCode","AiCodeMigrator","initialCode","initialFrom","initialTo","inputCode","setInputCode","useState","outputCode","setOutputCode","fromLang","setFromLang","toLang","setToLang","isLoading","setIsLoading","error","setError","handleMigrate","useCallback","code","from","to","stream","migrateCodeStream","fullResponse","chunk","err","errorMessage","useEffect","LanguageSelector","value","onChange","jsx","e","lang","jsxs","ArrowPathIcon","LoadingSpinner","MarkdownRenderer"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/AiCodingChallenge-BPl6fZNR.js b/assets/AiCodingChallenge-BPl6fZNR.js
new file mode 100644
index 0000000000000000000000000000000000000000..72221fd25a6263cde545e621a01df4be45499d5f
--- /dev/null
+++ b/assets/AiCodingChallenge-BPl6fZNR.js
@@ -0,0 +1,2 @@
+import{r as t,j as e}from"./react-DKy9e2uO.js";import{o as f,B as h,L as m,M as u}from"./index-Ck8YGBbR.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const v=()=>{const[a,o]=t.useState(""),[s,c]=t.useState(!1),[l,i]=t.useState(""),d=t.useCallback(async()=>{c(!0),i(""),o("");try{const r=f(null);let n="";for await(const x of r)n+=x,o(n)}catch(r){const n=r instanceof Error?r.message:"An unknown error occurred.";i(`Failed to generate challenge: ${n}`)}finally{c(!1)}},[]);return t.useEffect(()=>{d()},[]),e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6 flex justify-between items-center",children:[e.jsxs("div",{children:[e.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[e.jsx(h,{}),e.jsx("span",{className:"ml-3",children:"AI Coding Challenge Generator"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Generate a unique coding problem to test your skills."})]}),e.jsx("button",{onClick:d,disabled:s,className:"btn-primary flex items-center justify-center px-6 py-3",children:s?e.jsx(m,{}):"Generate New Challenge"})]}),e.jsxs("div",{className:"flex-grow p-4 bg-surface border border-border rounded-md overflow-y-auto",children:[s&&e.jsx("div",{className:"flex items-center justify-center h-full",children:e.jsx(m,{})}),l&&e.jsx("p",{className:"text-red-500",children:l}),a&&!s&&e.jsx(u,{content:a}),!s&&!a&&!l&&e.jsx("div",{className:"text-text-secondary h-full flex items-center justify-center",children:'Click "Generate New Challenge" to start.'})]})]})};export{v as AiCodingChallenge};
+//# sourceMappingURL=AiCodingChallenge-BPl6fZNR.js.map
diff --git a/assets/AiCodingChallenge-BPl6fZNR.js.map b/assets/AiCodingChallenge-BPl6fZNR.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..82f4d9417b89ce68733ba9da07da20202698b1a0
--- /dev/null
+++ b/assets/AiCodingChallenge-BPl6fZNR.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"AiCodingChallenge-BPl6fZNR.js","sources":["../../components/features/AiCodingChallenge.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from 'react';\nimport { generateCodingChallengeStream } from '../../services/index.ts';\nimport { BeakerIcon } from '../icons.tsx';\nimport { LoadingSpinner } from '../shared/index.tsx';\nimport { MarkdownRenderer } from '../shared/index.tsx';\n\nexport const AiCodingChallenge: React.FC = () => {\n    const [challenge, setChallenge] = useState<string>('');\n    const [isLoading, setIsLoading] = useState<boolean>(false);\n    const [error, setError] = useState<string>('');\n\n    const handleGenerate = useCallback(async () => {\n        setIsLoading(true);\n        setError('');\n        setChallenge('');\n        try {\n            const stream = generateCodingChallengeStream(null);\n            let fullResponse = '';\n            for await (const chunk of stream) {\n                fullResponse += chunk;\n                setChallenge(fullResponse);\n            }\n        } catch (err) {\n            const errorMessage = err instanceof Error ? err.message : 'An unknown error occurred.';\n            setError(`Failed to generate challenge: ${errorMessage}`);\n        } finally {\n            setIsLoading(false);\n        }\n    }, []);\n\n    useEffect(() => {\n        // Generate a challenge on initial load for a better user experience\n        handleGenerate();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6 flex justify-between items-center\">\n                <div>\n                    <h1 className=\"text-3xl font-bold flex items-center\">\n                        <BeakerIcon />\n                        <span className=\"ml-3\">AI Coding Challenge Generator</span>\n                    </h1>\n                    <p className=\"text-text-secondary mt-1\">Generate a unique coding problem to test your skills.</p>\n                </div>\n                <button\n                    onClick={handleGenerate}\n                    disabled={isLoading}\n                    className=\"btn-primary flex items-center justify-center px-6 py-3\"\n                >\n                    {isLoading ? <LoadingSpinner /> : 'Generate New Challenge'}\n                </button>\n            </header>\n            <div className=\"flex-grow p-4 bg-surface border border-border rounded-md overflow-y-auto\">\n                {isLoading && (\n                     <div className=\"flex items-center justify-center h-full\">\n                        <LoadingSpinner />\n                     </div>\n                )}\n                {error && <p className=\"text-red-500\">{error}</p>}\n                {challenge && !isLoading && (\n                    <MarkdownRenderer content={challenge} />\n                )}\n                 {!isLoading && !challenge && !error && (\n                    <div className=\"text-text-secondary h-full flex items-center justify-center\">\n                        Click \"Generate New Challenge\" to start.\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n};"],"names":["AiCodingChallenge","challenge","setChallenge","useState","isLoading","setIsLoading","error","setError","handleGenerate","useCallback","stream","generateCodingChallengeStream","fullResponse","chunk","err","errorMessage","useEffect","jsxs","jsx","BeakerIcon","LoadingSpinner","MarkdownRenderer"],"mappings":"8TAMO,MAAMA,EAA8B,IAAM,CAC7C,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAiB,EAAE,EAC/C,CAACC,EAAWC,CAAY,EAAIF,EAAAA,SAAkB,EAAK,EACnD,CAACG,EAAOC,CAAQ,EAAIJ,EAAAA,SAAiB,EAAE,EAEvCK,EAAiBC,EAAAA,YAAY,SAAY,CAC3CJ,EAAa,EAAI,EACjBE,EAAS,EAAE,EACXL,EAAa,EAAE,EACf,GAAI,CACA,MAAMQ,EAASC,EAA8B,IAAI,EACjD,IAAIC,EAAe,GACnB,gBAAiBC,KAASH,EACtBE,GAAgBC,EAChBX,EAAaU,CAAY,CAEjC,OAASE,EAAK,CACV,MAAMC,EAAeD,aAAe,MAAQA,EAAI,QAAU,6BAC1DP,EAAS,iCAAiCQ,CAAY,EAAE,CAC5D,QAAA,CACIV,EAAa,EAAK,CACtB,CACJ,EAAG,CAAA,CAAE,EAELW,OAAAA,EAAAA,UAAU,IAAM,CAEZR,EAAA,CAEJ,EAAG,CAAA,CAAE,EAGDS,EAAAA,KAAC,MAAA,CAAI,UAAU,2DACX,SAAA,CAAAA,EAAAA,KAAC,SAAA,CAAO,UAAU,yCACd,SAAA,CAAAA,OAAC,MAAA,CACG,SAAA,CAAAA,EAAAA,KAAC,KAAA,CAAG,UAAU,uCACV,SAAA,CAAAC,EAAAA,IAACC,EAAA,EAAW,EACZD,EAAAA,IAAC,OAAA,CAAK,UAAU,OAAO,SAAA,+BAAA,CAA6B,CAAA,EACxD,EACAA,EAAAA,IAAC,IAAA,CAAE,UAAU,2BAA2B,SAAA,uDAAA,CAAqD,CAAA,EACjG,EACAA,EAAAA,IAAC,SAAA,CACG,QAASV,EACT,SAAUJ,EACV,UAAU,yDAET,SAAAA,EAAYc,EAAAA,IAACE,EAAA,CAAA,CAAe,EAAK,wBAAA,CAAA,CACtC,EACJ,EACAH,EAAAA,KAAC,MAAA,CAAI,UAAU,2EACV,SAAA,CAAAb,SACK,MAAA,CAAI,UAAU,0CACZ,SAAAc,MAACE,IAAe,EACnB,EAEJd,GAASY,EAAAA,IAAC,IAAA,CAAE,UAAU,eAAgB,SAAAZ,EAAM,EAC5CL,GAAa,CAACG,GACXc,EAAAA,IAACG,EAAA,CAAiB,QAASpB,EAAW,EAExC,CAACG,GAAa,CAACH,GAAa,CAACK,GAC3BY,EAAAA,IAAC,MAAA,CAAI,UAAU,8DAA8D,SAAA,0CAAA,CAE7E,CAAA,CAAA,CAER,CAAA,EACJ,CAER"}
\ No newline at end of file
diff --git a/assets/AiCommitGenerator-C6eo_GuV.js b/assets/AiCommitGenerator-C6eo_GuV.js
new file mode 100644
index 0000000000000000000000000000000000000000..44e5a19f8c6b420a534cf8382e2ea41c18f29bb5
--- /dev/null
+++ b/assets/AiCommitGenerator-C6eo_GuV.js
@@ -0,0 +1,14 @@
+import{r,j as e}from"./react-DKy9e2uO.js";import{b,G as y,L as u,A as N,j as w}from"./index-Ck8YGBbR.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const v=`diff --git a/src/components/Button.tsx b/src/components/Button.tsx
+index 1b2c3d4..5e6f7g8 100644
+--- a/src/components/Button.tsx
++++ b/src/components/Button.tsx
+@@ -1,7 +1,7 @@
+ import React from 'react';
+
+ interface ButtonProps {
+-  text: string;
++  label: string;
+   onClick: () => void;
+ }
+`,L=({diff:a})=>{const[x,d]=r.useState(a||v),[s,f]=r.useState(""),[t,p]=r.useState(!1),[c,i]=r.useState(""),m=r.useCallback(async n=>{if(!n.trim()){i("Please paste a diff to generate a message.");return}p(!0),i(""),f("");try{const o=b(n);let l="";for await(const j of o)l+=j,f(l)}catch(o){const l=o instanceof Error?o.message:"An unknown error occurred.";i(`Failed to generate message: ${l}`)}finally{p(!1)}},[]);r.useEffect(()=>{a&&(d(a),m(a))},[a,m]);const h=()=>{navigator.clipboard.writeText(s)},g=()=>{w(s,"commit_message.txt","text/plain")};return e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6",children:[e.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[e.jsx(y,{}),e.jsx("span",{className:"ml-3",children:"AI Commit Message Generator"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Paste your diff and let Gemini craft the perfect commit message."})]}),e.jsxs("div",{className:"flex-grow flex flex-col gap-4 min-h-0",children:[e.jsxs("div",{className:"flex flex-col flex-1 min-h-0",children:[e.jsx("label",{htmlFor:"diff-input",className:"text-sm font-medium text-text-secondary mb-2",children:"Git Diff"}),e.jsx("textarea",{id:"diff-input",value:x,onChange:n=>d(n.target.value),placeholder:"Paste your git diff here...",className:"flex-grow p-4 bg-surface border border-border rounded-md resize-none font-mono text-sm text-text-primary focus:ring-2 focus:ring-primary focus:outline-none"})]}),e.jsx("div",{className:"flex-shrink-0",children:e.jsx("button",{onClick:()=>m(x),disabled:t,className:"btn-primary w-full max-w-xs mx-auto flex items-center justify-center px-6 py-3",children:t?e.jsx(u,{}):"Generate Commit Message"})}),e.jsxs("div",{className:"flex flex-col flex-1 min-h-0",children:[e.jsxs("div",{className:"flex justify-between items-center mb-2",children:[e.jsx("label",{className:"text-sm font-medium text-text-secondary",children:"Generated Message"}),s&&!t&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("button",{onClick:h,className:"px-3 py-1 bg-gray-100 text-xs rounded-md hover:bg-gray-200",children:"Copy"}),e.jsxs("button",{onClick:g,className:"flex items-center gap-1 px-3 py-1 bg-gray-100 text-xs rounded-md hover:bg-gray-200",children:[e.jsx(N,{className:"w-4 h-4"})," Download"]})]})]}),e.jsxs("div",{className:"relative flex-grow p-4 bg-surface border border-border rounded-md overflow-y-auto",children:[t&&e.jsx("div",{className:"flex items-center justify-center h-full",children:e.jsx(u,{})}),c&&e.jsx("p",{className:"text-red-500",children:c}),s&&!t&&e.jsx("pre",{className:"whitespace-pre-wrap font-sans text-text-primary",children:s}),!t&&!s&&!c&&e.jsx("div",{className:"text-text-secondary h-full flex items-center justify-center",children:"The commit message will appear here."})]})]})]})]})};export{L as AiCommitGenerator};
+//# sourceMappingURL=AiCommitGenerator-C6eo_GuV.js.map
diff --git a/assets/AiCommitGenerator-C6eo_GuV.js.map b/assets/AiCommitGenerator-C6eo_GuV.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..6574378aaa3f6f68d2ae3b8b48d9df4b6ba8d983
--- /dev/null
+++ b/assets/AiCommitGenerator-C6eo_GuV.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"AiCommitGenerator-C6eo_GuV.js","sources":["../../components/features/AiCommitGenerator.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from 'react';\nimport { generateCommitMessageStream, downloadFile } from '../../services/index.ts';\nimport { GitBranchIcon, ArrowDownTrayIcon } from '../icons.tsx';\nimport { LoadingSpinner } from '../shared/index.tsx';\n\nconst exampleDiff = `diff --git a/src/components/Button.tsx b/src/components/Button.tsx\nindex 1b2c3d4..5e6f7g8 100644\n--- a/src/components/Button.tsx\n+++ b/src/components/Button.tsx\n@@ -1,7 +1,7 @@\n import React from 'react';\n\n interface ButtonProps {\n-  text: string;\n+  label: string;\n   onClick: () => void;\n }\n`;\n\nexport const AiCommitGenerator: React.FC<{ diff?: string }> = ({ diff: initialDiff }) => {\n    const [diff, setDiff] = useState<string>(initialDiff || exampleDiff);\n    const [message, setMessage] = useState<string>('');\n    const [isLoading, setIsLoading] = useState<boolean>(false);\n    const [error, setError] = useState<string>('');\n\n    const handleGenerate = useCallback(async (diffToAnalyze: string) => {\n        if (!diffToAnalyze.trim()) {\n            setError('Please paste a diff to generate a message.');\n            return;\n        }\n        setIsLoading(true);\n        setError('');\n        setMessage('');\n        try {\n            const stream = generateCommitMessageStream(diffToAnalyze);\n            let fullResponse = '';\n            for await (const chunk of stream) {\n                fullResponse += chunk;\n                setMessage(fullResponse);\n            }\n        } catch (err) {\n            const errorMessage = err instanceof Error ? err.message : 'An unknown error occurred.';\n            setError(`Failed to generate message: ${errorMessage}`);\n        } finally {\n            setIsLoading(false);\n        }\n    }, []);\n\n    useEffect(() => {\n        if (initialDiff) {\n            setDiff(initialDiff);\n            handleGenerate(initialDiff);\n        }\n    }, [initialDiff, handleGenerate]);\n    \n    const handleCopy = () => {\n        navigator.clipboard.writeText(message);\n    };\n    \n    const handleDownload = () => {\n        downloadFile(message, 'commit_message.txt', 'text/plain');\n    };\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6\">\n                <h1 className=\"text-3xl font-bold flex items-center\">\n                    <GitBranchIcon />\n                    <span className=\"ml-3\">AI Commit Message Generator</span>\n                </h1>\n                <p className=\"text-text-secondary mt-1\">Paste your diff and let Gemini craft the perfect commit message.</p>\n            </header>\n            <div className=\"flex-grow flex flex-col gap-4 min-h-0\">\n                <div className=\"flex flex-col flex-1 min-h-0\">\n                    <label htmlFor=\"diff-input\" className=\"text-sm font-medium text-text-secondary mb-2\">Git Diff</label>\n                    <textarea\n                        id=\"diff-input\"\n                        value={diff}\n                        onChange={(e) => setDiff(e.target.value)}\n                        placeholder=\"Paste your git diff here...\"\n                        className=\"flex-grow p-4 bg-surface border border-border rounded-md resize-none font-mono text-sm text-text-primary focus:ring-2 focus:ring-primary focus:outline-none\"\n                    />\n                </div>\n                <div className=\"flex-shrink-0\">\n                    <button\n                        onClick={() => handleGenerate(diff)}\n                        disabled={isLoading}\n                        className=\"btn-primary w-full max-w-xs mx-auto flex items-center justify-center px-6 py-3\"\n                    >\n                        {isLoading ? <LoadingSpinner /> : 'Generate Commit Message'}\n                    </button>\n                </div>\n                <div className=\"flex flex-col flex-1 min-h-0\">\n                    <div className=\"flex justify-between items-center mb-2\">\n                        <label className=\"text-sm font-medium text-text-secondary\">Generated Message</label>\n                        {message && !isLoading && (\n                            <div className=\"flex items-center gap-2\">\n                                <button onClick={handleCopy} className=\"px-3 py-1 bg-gray-100 text-xs rounded-md hover:bg-gray-200\">Copy</button>\n                                <button onClick={handleDownload} className=\"flex items-center gap-1 px-3 py-1 bg-gray-100 text-xs rounded-md hover:bg-gray-200\">\n                                    <ArrowDownTrayIcon className=\"w-4 h-4\" /> Download\n                                </button>\n                            </div>\n                        )}\n                    </div>\n                    <div className=\"relative flex-grow p-4 bg-surface border border-border rounded-md overflow-y-auto\">\n                        {isLoading && (\n                             <div className=\"flex items-center justify-center h-full\">\n                                <LoadingSpinner />\n                             </div>\n                        )}\n                        {error && <p className=\"text-red-500\">{error}</p>}\n                        {message && !isLoading && (\n                           <pre className=\"whitespace-pre-wrap font-sans text-text-primary\">{message}</pre>\n                        )}\n                         {!isLoading && !message && !error && (\n                            <div className=\"text-text-secondary h-full flex items-center justify-center\">\n                                The commit message will appear here.\n                            </div>\n                        )}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};"],"names":["exampleDiff","AiCommitGenerator","initialDiff","diff","setDiff","useState","message","setMessage","isLoading","setIsLoading","error","setError","handleGenerate","useCallback","diffToAnalyze","stream","generateCommitMessageStream","fullResponse","chunk","err","errorMessage","useEffect","handleCopy","handleDownload","downloadFile","jsxs","jsx","GitBranchIcon","e","LoadingSpinner","ArrowDownTrayIcon"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/AiFeatureBuilder-qJcM7Vps.js b/assets/AiFeatureBuilder-qJcM7Vps.js
new file mode 100644
index 0000000000000000000000000000000000000000..ab2b701e70fe7c49bbf6d58cd2d26f42b90d7e34
--- /dev/null
+++ b/assets/AiFeatureBuilder-qJcM7Vps.js
@@ -0,0 +1,8 @@
+import{r,j as e}from"./react-DKy9e2uO.js";import{c as O,g as D,s as I,a as P,b as A,C as $,D as w,B as G,G as B,L as v,d as L,M as N}from"./index-Ck8YGBbR.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const V=()=>{const[i,S]=r.useState('A simple "Hello World" React component with a button that shows an alert.'),[f,x]=r.useState([]),[p,u]=r.useState(""),[h,b]=r.useState(""),[n,c]=r.useState(null),[d,g]=r.useState(!1),[j,m]=r.useState(""),[o,l]=r.useState("CODE");r.useEffect(()=>{(async()=>{const s=await L();x(s),s.length>0&&c(s[0])})()},[]);const k=r.useCallback(async()=>{if(!i.trim()){m("Please enter a feature description.");return}g(!0),m(""),await O(),x([]),u(""),b(""),c(null),l("CODE");try{const t=await D(i);for(const s of t)await I(s);if(x(t),t.length>0){const s=t.find(a=>a.filePath.endsWith(".tsx")||a.filePath.endsWith(".jsx"));if(c(s||t[0]),s){const a=P(s.content);let C="";for await(const M of a)C+=M,u(C)}const T=t.map(a=>`File: ${a.filePath}
+
+${a.content}`).join(`
+---
+`),E=A(T);let y="";for await(const a of E)y+=a,b(y)}}catch(t){const s=t instanceof Error?t.message:"An unknown error occurred.";m(`Failed to generate feature: ${s}`)}finally{g(!1)}},[i]),F=()=>{switch(o){case"TESTS":return e.jsx(N,{content:p});case"COMMIT":return e.jsx("pre",{className:"w-full h-full p-4 whitespace-pre-wrap font-sans text-sm text-text-primary",children:h});case"CODE":default:return n?e.jsx(N,{content:`\`\`\`tsx
+${n.content}
+\`\`\``}):e.jsx("div",{className:"flex items-center justify-center h-full text-text-secondary",children:"Select a file to view its content."})}};return e.jsxs("div",{className:"h-full flex flex-col text-text-primary bg-surface",children:[e.jsx("header",{className:"p-4 border-b border-border flex-shrink-0",children:e.jsxs("h1",{className:"text-xl font-bold flex items-center",children:[e.jsx($,{}),e.jsx("span",{className:"ml-3",children:"AI Feature Builder"})]})}),e.jsxs("div",{className:"flex-grow flex min-h-0",children:[e.jsxs("aside",{className:"w-64 bg-surface border-r border-border p-4 flex flex-col",children:[e.jsx("h2",{className:"text-sm font-semibold text-text-secondary mb-2",children:"Generated Files"}),e.jsx("div",{className:"overflow-y-auto space-y-1",children:f.map(t=>e.jsxs("div",{onClick:()=>{c(t),l("CODE")},className:`flex items-center space-x-2 p-2 rounded-md cursor-pointer text-sm ${(n==null?void 0:n.filePath)===t.filePath&&o==="CODE"?"bg-primary/10 text-primary":"hover:bg-gray-100"}`,children:[e.jsx(w,{}),e.jsx("span",{children:t.filePath.split("/").pop()})]},t.filePath))})]}),e.jsxs("main",{className:"flex-1 flex flex-col min-w-0",children:[e.jsxs("div",{className:"flex-grow flex flex-col bg-background",children:[e.jsxs("div",{className:"border-b border-border flex items-center bg-surface",children:[e.jsxs("button",{onClick:()=>l("CODE"),className:`flex items-center gap-2 px-4 py-2 text-sm ${o==="CODE"?"bg-background border-b-2 border-primary text-text-primary":"text-text-secondary hover:bg-gray-50"}`,children:[e.jsx(w,{})," Code"]}),p&&e.jsxs("button",{onClick:()=>l("TESTS"),className:`flex items-center gap-2 px-4 py-2 text-sm ${o==="TESTS"?"bg-background border-b-2 border-primary text-text-primary":"text-text-secondary hover:bg-gray-50"}`,children:[e.jsx(G,{})," Tests"]}),h&&e.jsxs("button",{onClick:()=>l("COMMIT"),className:`flex items-center gap-2 px-4 py-2 text-sm ${o==="COMMIT"?"bg-background border-b-2 border-primary text-text-primary":"text-text-secondary hover:bg-gray-50"}`,children:[e.jsx(B,{})," Commit"]})]}),e.jsx("div",{className:"flex-grow p-2 overflow-auto",children:d&&!f.length?e.jsx("div",{className:"flex justify-center items-center h-full",children:e.jsx(v,{})}):F()})]}),e.jsxs("div",{className:"flex-shrink-0 p-4 border-t border-border bg-surface",children:[e.jsx("textarea",{value:i,onChange:t=>S(t.target.value),placeholder:"e.g., A user profile card with an avatar, name, and bio.",className:"w-full p-2 bg-background border border-border rounded-md resize-none text-sm h-20"}),e.jsx("button",{onClick:k,disabled:d,className:"btn-primary mt-2 w-full flex items-center justify-center gap-2 px-4 py-2",children:d?e.jsxs(e.Fragment,{children:[e.jsx(v,{})," Generating..."]}):"Generate Feature"}),j&&e.jsx("p",{className:"text-red-600 text-xs mt-2 text-center",children:j})]})]})]})]})};export{V as AiFeatureBuilder};
+//# sourceMappingURL=AiFeatureBuilder-qJcM7Vps.js.map
diff --git a/assets/AiFeatureBuilder-qJcM7Vps.js.map b/assets/AiFeatureBuilder-qJcM7Vps.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..352773b53ecd7a0fa188f74bb200b6ed0c951fd8
--- /dev/null
+++ b/assets/AiFeatureBuilder-qJcM7Vps.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"AiFeatureBuilder-qJcM7Vps.js","sources":["../../components/features/AiFeatureBuilder.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from 'react';\nimport type { GeneratedFile } from '../../types.ts';\nimport { generateFeature, generateUnitTestsStream, generateCommitMessageStream, saveFile, getAllFiles, clearAllFiles } from '../../services/index.ts';\nimport { CpuChipIcon, DocumentTextIcon, BeakerIcon, GitBranchIcon } from '../icons.tsx';\nimport { LoadingSpinner, MarkdownRenderer } from '../shared/index.tsx';\n\ntype ActiveTab = 'CODE' | 'TESTS' | 'COMMIT';\n\nexport const AiFeatureBuilder: React.FC = () => {\n    const [prompt, setPrompt] = useState<string>('A simple \"Hello World\" React component with a button that shows an alert.');\n    const [generatedFiles, setGeneratedFiles] = useState<GeneratedFile[]>([]);\n    const [unitTests, setUnitTests] = useState<string>('');\n    const [commitMessage, setCommitMessage] = useState<string>('');\n    const [selectedFile, setSelectedFile] = useState<GeneratedFile | null>(null);\n    const [isLoading, setIsLoading] = useState<boolean>(false);\n    const [error, setError] = useState<string>('');\n    const [activeTab, setActiveTab] = useState<ActiveTab>('CODE');\n    \n    useEffect(() => {\n        const loadFiles = async () => {\n            const files = await getAllFiles();\n            setGeneratedFiles(files);\n            if (files.length > 0) setSelectedFile(files[0]);\n        };\n        loadFiles();\n    }, []);\n\n    const handleGenerate = useCallback(async () => {\n        if (!prompt.trim()) { setError('Please enter a feature description.'); return; }\n        setIsLoading(true);\n        setError('');\n        await clearAllFiles(); // Start fresh for each generation\n        setGeneratedFiles([]);\n        setUnitTests('');\n        setCommitMessage('');\n        setSelectedFile(null);\n        setActiveTab('CODE');\n\n        try {\n            const resultFiles = await generateFeature(prompt);\n            for (const file of resultFiles) { await saveFile(file); }\n            setGeneratedFiles(resultFiles);\n\n            if (resultFiles.length > 0) {\n                const componentFile = resultFiles.find(f => f.filePath.endsWith('.tsx') || f.filePath.endsWith('.jsx'));\n                setSelectedFile(componentFile || resultFiles[0]);\n\n                if (componentFile) {\n                    const testStream = generateUnitTestsStream(componentFile.content);\n                    let tests = '';\n                    for await (const chunk of testStream) { tests += chunk; setUnitTests(tests); }\n                }\n\n                const diffContext = resultFiles.map(f => `File: ${f.filePath}\\n\\n${f.content}`).join('\\n---\\n');\n                const commitStream = generateCommitMessageStream(diffContext);\n                let commit = '';\n                for await (const chunk of commitStream) { commit += chunk; setCommitMessage(commit); }\n            }\n        } catch (err) {\n            const errorMessage = err instanceof Error ? err.message : 'An unknown error occurred.';\n            setError(`Failed to generate feature: ${errorMessage}`);\n        } finally {\n            setIsLoading(false);\n        }\n    }, [prompt]);\n    \n    const renderContent = () => {\n        switch (activeTab) {\n            case 'TESTS': return <MarkdownRenderer content={unitTests} />;\n            case 'COMMIT': return <pre className=\"w-full h-full p-4 whitespace-pre-wrap font-sans text-sm text-text-primary\">{commitMessage}</pre>;\n            case 'CODE':\n            default:\n                 return selectedFile ? <MarkdownRenderer content={`\\`\\`\\`tsx\\n${selectedFile.content}\\n\\`\\`\\``} /> : <div className=\"flex items-center justify-center h-full text-text-secondary\">Select a file to view its content.</div>;\n        }\n    }\n\n    return (\n        <div className=\"h-full flex flex-col text-text-primary bg-surface\">\n            <header className=\"p-4 border-b border-border flex-shrink-0\">\n                <h1 className=\"text-xl font-bold flex items-center\"><CpuChipIcon /><span className=\"ml-3\">AI Feature Builder</span></h1>\n            </header>\n\n            <div className=\"flex-grow flex min-h-0\">\n                <aside className=\"w-64 bg-surface border-r border-border p-4 flex flex-col\">\n                    <h2 className=\"text-sm font-semibold text-text-secondary mb-2\">Generated Files</h2>\n                    <div className=\"overflow-y-auto space-y-1\">\n                        {generatedFiles.map(file => (\n                            <div key={file.filePath} onClick={() => { setSelectedFile(file); setActiveTab('CODE'); }} className={`flex items-center space-x-2 p-2 rounded-md cursor-pointer text-sm ${selectedFile?.filePath === file.filePath && activeTab === 'CODE' ? 'bg-primary/10 text-primary' : 'hover:bg-gray-100'}`}>\n                                <DocumentTextIcon /><span>{file.filePath.split('/').pop()}</span>\n                            </div>\n                        ))}\n                    </div>\n                </aside>\n\n                <main className=\"flex-1 flex flex-col min-w-0\">\n                    <div className=\"flex-grow flex flex-col bg-background\">\n                         <div className=\"border-b border-border flex items-center bg-surface\">\n                            <button onClick={() => setActiveTab('CODE')} className={`flex items-center gap-2 px-4 py-2 text-sm ${activeTab === 'CODE' ? 'bg-background border-b-2 border-primary text-text-primary' : 'text-text-secondary hover:bg-gray-50'}`}><DocumentTextIcon /> Code</button>\n                            {unitTests && <button onClick={() => setActiveTab('TESTS')} className={`flex items-center gap-2 px-4 py-2 text-sm ${activeTab === 'TESTS' ? 'bg-background border-b-2 border-primary text-text-primary' : 'text-text-secondary hover:bg-gray-50'}`}><BeakerIcon /> Tests</button>}\n                            {commitMessage && <button onClick={() => setActiveTab('COMMIT')} className={`flex items-center gap-2 px-4 py-2 text-sm ${activeTab === 'COMMIT' ? 'bg-background border-b-2 border-primary text-text-primary' : 'text-text-secondary hover:bg-gray-50'}`}><GitBranchIcon /> Commit</button>}\n                        </div>\n                        <div className=\"flex-grow p-2 overflow-auto\">\n                            {isLoading && !generatedFiles.length ? <div className=\"flex justify-center items-center h-full\"><LoadingSpinner/></div> : renderContent()}\n                        </div>\n                    </div>\n                    \n                    <div className=\"flex-shrink-0 p-4 border-t border-border bg-surface\">\n                        <textarea value={prompt} onChange={(e) => setPrompt(e.target.value)} placeholder=\"e.g., A user profile card with an avatar, name, and bio.\" className=\"w-full p-2 bg-background border border-border rounded-md resize-none text-sm h-20\"/>\n                         <button onClick={handleGenerate} disabled={isLoading} className=\"btn-primary mt-2 w-full flex items-center justify-center gap-2 px-4 py-2\">\n                            {isLoading ? <><LoadingSpinner /> Generating...</> : 'Generate Feature'}\n                        </button>\n                         {error && <p className=\"text-red-600 text-xs mt-2 text-center\">{error}</p>}\n                    </div>\n                </main>\n            </div>\n        </div>\n    );\n};"],"names":["AiFeatureBuilder","prompt","setPrompt","useState","generatedFiles","setGeneratedFiles","unitTests","setUnitTests","commitMessage","setCommitMessage","selectedFile","setSelectedFile","isLoading","setIsLoading","error","setError","activeTab","setActiveTab","useEffect","files","getAllFiles","handleGenerate","useCallback","clearAllFiles","resultFiles","generateFeature","file","saveFile","componentFile","f","testStream","generateUnitTestsStream","tests","chunk","diffContext","commitStream","generateCommitMessageStream","commit","err","errorMessage","renderContent","jsx","MarkdownRenderer","jsxs","CpuChipIcon","DocumentTextIcon","BeakerIcon","GitBranchIcon","LoadingSpinner","e","Fragment"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/AiImageGenerator-BYtIGaX5.js b/assets/AiImageGenerator-BYtIGaX5.js
new file mode 100644
index 0000000000000000000000000000000000000000..11835490f0978cba16e4923e9195708de3f155be
--- /dev/null
+++ b/assets/AiImageGenerator-BYtIGaX5.js
@@ -0,0 +1,2 @@
+import{r as o,j as e}from"./react-DKy9e2uO.js";import{J as f,K as b,L as m,S as j,A as y}from"./index-Ck8YGBbR.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const p=["A majestic lion wearing a crown, painted in the style of Van Gogh.","A futuristic cityscape on another planet with two moons in the sky.","A cozy, magical library inside a giant tree.","A surreal image of a ship sailing on a sea of clouds.","An astronaut riding a space-themed bicycle on the moon."],E=()=>{const[t,i]=o.useState("A photorealistic image of a futuristic city at sunset, with flying cars."),[s,c]=o.useState(null),[a,d]=o.useState(!1),[n,l]=o.useState(""),u=o.useCallback(async()=>{if(!t.trim()){l("Please enter a prompt to generate an image.");return}d(!0),l(""),c(null);try{const r=await f(t);c(r)}catch(r){const h=r instanceof Error?r.message:"An unknown error occurred.";l(`Failed to generate image: ${h}`)}finally{d(!1)}},[t]),g=()=>{const r=p[Math.floor(Math.random()*p.length)];i(r)},x=()=>{if(!s)return;const r=document.createElement("a");r.href=s,r.download=`${t.slice(0,30).replace(/\s/g,"_")}.png`,document.body.appendChild(r),r.click(),document.body.removeChild(r)};return e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6",children:[e.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[e.jsx(b,{}),e.jsx("span",{className:"ml-3",children:"AI Image Generator"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Generate stunning, high-quality images from text prompts using Imagen 3."})]}),e.jsxs("div",{className:"flex flex-col gap-4 mb-4",children:[e.jsx("label",{htmlFor:"prompt-input",className:"text-sm font-medium text-text-secondary",children:"Your Prompt"}),e.jsx("textarea",{id:"prompt-input",value:t,onChange:r=>i(r.target.value),placeholder:"e.g., A cute cat wearing a wizard hat",className:"w-full p-3 rounded-md bg-surface border border-border focus:ring-2 focus:ring-primary focus:outline-none resize-y",rows:3}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx("button",{onClick:u,disabled:a,className:"btn-primary w-full flex items-center justify-center px-6 py-3",children:a?e.jsx(m,{}):"Generate Image"}),e.jsx("button",{onClick:g,disabled:a,className:"px-4 py-3 bg-surface border border-border rounded-md hover:bg-gray-100 transition-colors",title:"Surprise Me!",children:e.jsx(j,{})})]})]}),e.jsxs("div",{className:"flex-grow flex items-center justify-center bg-background border-2 border-dashed border-border rounded-lg p-4 relative overflow-auto",children:[a&&e.jsx(m,{}),n&&e.jsx("p",{className:"text-red-500 text-center",children:n}),s&&!a&&e.jsxs(e.Fragment,{children:[e.jsx("img",{src:s,alt:t||"Generated by AI",className:"max-w-full max-h-full object-contain rounded-md shadow-lg"}),e.jsx("button",{onClick:x,className:"absolute top-4 right-4 p-2 bg-black/30 text-white rounded-full hover:bg-black/50 backdrop-blur-sm",title:"Download Image",children:e.jsx(y,{})})]}),!a&&!s&&!n&&e.jsx("div",{className:"text-center text-text-secondary",children:e.jsx("p",{children:"Your generated image will appear here."})})]})]})};export{E as AiImageGenerator};
+//# sourceMappingURL=AiImageGenerator-BYtIGaX5.js.map
diff --git a/assets/AiImageGenerator-BYtIGaX5.js.map b/assets/AiImageGenerator-BYtIGaX5.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..ea0acc69d65b1e02ea3ea6af708fdefe86d9cb70
--- /dev/null
+++ b/assets/AiImageGenerator-BYtIGaX5.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"AiImageGenerator-BYtIGaX5.js","sources":["../../components/features/AiImageGenerator.tsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport { generateImage } from '../../services/index.ts';\nimport { ImageGeneratorIcon, SparklesIcon } from '../icons.tsx';\nimport { LoadingSpinner } from '../shared/index.tsx';\nimport { ArrowDownTrayIcon } from '../icons.tsx';\n\nconst surprisePrompts = [\n    'A majestic lion wearing a crown, painted in the style of Van Gogh.',\n    'A futuristic cityscape on another planet with two moons in the sky.',\n    'A cozy, magical library inside a giant tree.',\n    'A surreal image of a ship sailing on a sea of clouds.',\n    'An astronaut riding a space-themed bicycle on the moon.',\n];\n\nexport const AiImageGenerator: React.FC = () => {\n    const [prompt, setPrompt] = useState<string>('A photorealistic image of a futuristic city at sunset, with flying cars.');\n    const [imageUrl, setImageUrl] = useState<string | null>(null);\n    const [isLoading, setIsLoading] = useState<boolean>(false);\n    const [error, setError] = useState<string>('');\n\n    const handleGenerate = useCallback(async () => {\n        if (!prompt.trim()) {\n            setError('Please enter a prompt to generate an image.');\n            return;\n        }\n        setIsLoading(true);\n        setError('');\n        setImageUrl(null);\n        try {\n            const resultUrl = await generateImage(prompt);\n            setImageUrl(resultUrl);\n        } catch (err) {\n            const errorMessage = err instanceof Error ? err.message : 'An unknown error occurred.';\n            setError(`Failed to generate image: ${errorMessage}`);\n        } finally {\n            setIsLoading(false);\n        }\n    }, [prompt]);\n\n    const handleSurpriseMe = () => {\n        const randomPrompt = surprisePrompts[Math.floor(Math.random() * surprisePrompts.length)];\n        setPrompt(randomPrompt);\n    };\n    \n    const handleDownload = () => {\n        if (!imageUrl) return;\n        const link = document.createElement('a');\n        link.href = imageUrl;\n        link.download = `${prompt.slice(0, 30).replace(/\\s/g, '_')}.png`;\n        document.body.appendChild(link);\n        link.click();\n        document.body.removeChild(link);\n    }\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6\">\n                <h1 className=\"text-3xl font-bold flex items-center\">\n                    <ImageGeneratorIcon />\n                    <span className=\"ml-3\">AI Image Generator</span>\n                </h1>\n                <p className=\"text-text-secondary mt-1\">Generate stunning, high-quality images from text prompts using Imagen 3.</p>\n            </header>\n            \n            <div className=\"flex flex-col gap-4 mb-4\">\n                <label htmlFor=\"prompt-input\" className=\"text-sm font-medium text-text-secondary\">Your Prompt</label>\n                <textarea\n                    id=\"prompt-input\"\n                    value={prompt}\n                    onChange={(e) => setPrompt(e.target.value)}\n                    placeholder=\"e.g., A cute cat wearing a wizard hat\"\n                    className=\"w-full p-3 rounded-md bg-surface border border-border focus:ring-2 focus:ring-primary focus:outline-none resize-y\"\n                    rows={3}\n                />\n                <div className=\"flex gap-2\">\n                    <button\n                        onClick={handleGenerate}\n                        disabled={isLoading}\n                        className=\"btn-primary w-full flex items-center justify-center px-6 py-3\"\n                    >\n                        {isLoading ? <LoadingSpinner /> : 'Generate Image'}\n                    </button>\n                    <button\n                        onClick={handleSurpriseMe}\n                        disabled={isLoading}\n                        className=\"px-4 py-3 bg-surface border border-border rounded-md hover:bg-gray-100 transition-colors\"\n                        title=\"Surprise Me!\"\n                    >\n                        <SparklesIcon />\n                    </button>\n                </div>\n            </div>\n\n            <div className=\"flex-grow flex items-center justify-center bg-background border-2 border-dashed border-border rounded-lg p-4 relative overflow-auto\">\n                {isLoading && <LoadingSpinner />}\n                {error && <p className=\"text-red-500 text-center\">{error}</p>}\n                {imageUrl && !isLoading && (\n                    <>\n                        <img src={imageUrl} alt={prompt || \"Generated by AI\"} className=\"max-w-full max-h-full object-contain rounded-md shadow-lg\" />\n                        <button \n                          onClick={handleDownload}\n                          className=\"absolute top-4 right-4 p-2 bg-black/30 text-white rounded-full hover:bg-black/50 backdrop-blur-sm\"\n                          title=\"Download Image\"\n                        >\n                            <ArrowDownTrayIcon />\n                        </button>\n                    </>\n                )}\n                {!isLoading && !imageUrl && !error && (\n                    <div className=\"text-center text-text-secondary\">\n                        <p>Your generated image will appear here.</p>\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n};"],"names":["surprisePrompts","AiImageGenerator","prompt","setPrompt","useState","imageUrl","setImageUrl","isLoading","setIsLoading","error","setError","handleGenerate","useCallback","resultUrl","generateImage","err","errorMessage","handleSurpriseMe","randomPrompt","handleDownload","link","jsxs","jsx","ImageGeneratorIcon","e","LoadingSpinner","SparklesIcon","Fragment","ArrowDownTrayIcon"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/AiPullRequestAssistant-auR4G7bZ.js b/assets/AiPullRequestAssistant-auR4G7bZ.js
new file mode 100644
index 0000000000000000000000000000000000000000..32439be0e319ef103eb39634ef901dae2c5ed3c9
--- /dev/null
+++ b/assets/AiPullRequestAssistant-auR4G7bZ.js
@@ -0,0 +1,25 @@
+import{r as t,j as e}from"./react-DKy9e2uO.js";import{c as k}from"./diff-DcU-ljqw.js";import{q as $,v as T,L as A}from"./index-Ck8YGBbR.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const P=`function Greeter(props) {
+  return <h1>Hello, {props.name}!</h1>;
+}`,B=`function Greeter({ name, enthusiasmLevel = 1 }) {
+  const punctuation = '!'.repeat(enthusiasmLevel);
+  return <h1>Hello, {name}{punctuation}</h1>;
+}`,O=()=>{const[a,v]=t.useState(P),[o,N]=t.useState(B),[x,u]=t.useState(!1),[p,l]=t.useState(""),[n,h]=t.useState(""),[c,f]=t.useState(""),[b,L]=t.useState("feature/new-logic"),[g,R]=t.useState("main"),[i,y]=t.useState("feat"),[d,G]=t.useState(""),[m,w]=t.useState(`1. 
+2. 
+3.`),S=t.useCallback(async()=>{if(!a.trim()&&!o.trim()){l("Please provide code to generate a summary.");return}u(!0),l("");try{const s=k("component.tsx",a,o),r=await $(s);h(r.title),f(`${r.summary}
+
+**Key Changes:**
+${r.changes.map(C=>`- ${C}`).join(`
+`)}`)}catch(s){const r=s instanceof Error?s.message:"An unknown error occurred.";l(`Failed to generate summary: ${r}`)}finally{u(!1)}},[a,o]),j=t.useMemo(()=>`
+# ${i}: ${n}
+${d?`
+**Closes:** ${d}
+`:""}
+**Branch:** \`${b}\` -> \`${g}\`
+
+## Description
+${c}
+
+## Testing Steps
+${m}
+        `.trim(),[n,c,b,g,i,d,m]);return e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6",children:[e.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[e.jsx(T,{}),e.jsx("span",{className:"ml-3",children:"AI Pull Request Assistant"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Generate a PR summary from code changes and populate a full template."})]}),e.jsxs("div",{className:"flex-grow grid grid-cols-1 lg:grid-cols-2 gap-6 min-h-0",children:[e.jsxs("div",{className:"flex flex-col gap-4 min-h-0",children:[e.jsxs("div",{className:"flex flex-col flex-1 min-h-0",children:[e.jsx("label",{htmlFor:"before-code",className:"text-sm font-medium text-text-secondary mb-2",children:"Before"}),e.jsx("textarea",{id:"before-code",value:a,onChange:s=>v(s.target.value),className:"flex-grow p-4 bg-surface border border-border rounded-md resize-none font-mono text-sm"})]}),e.jsxs("div",{className:"flex flex-col flex-1 min-h-0",children:[e.jsx("label",{htmlFor:"after-code",className:"text-sm font-medium text-text-secondary mb-2",children:"After"}),e.jsx("textarea",{id:"after-code",value:o,onChange:s=>N(s.target.value),className:"flex-grow p-4 bg-surface border border-border rounded-md resize-none font-mono text-sm"})]}),e.jsx("button",{onClick:S,disabled:x,className:"btn-primary w-full flex items-center justify-center px-6 py-3",children:x?e.jsx(A,{}):"Generate Title & Description"}),p&&e.jsx("p",{className:"text-red-500 text-xs text-center",children:p})]}),e.jsxs("div",{className:"flex flex-col gap-4 min-h-0",children:[e.jsxs("form",{className:"flex flex-col gap-2 overflow-y-auto pr-2 bg-surface border border-border p-4 rounded-lg h-1/2",children:[e.jsxs("div",{className:"flex gap-2",children:[e.jsxs("div",{className:"w-1/4",children:[e.jsx("label",{className:"block text-xs",children:"Type"}),e.jsxs("select",{value:i,onChange:s=>y(s.target.value),className:"w-full mt-1 p-1 rounded bg-background border border-border text-sm",children:[e.jsx("option",{children:"feat"}),e.jsx("option",{children:"fix"}),e.jsx("option",{children:"chore"}),e.jsx("option",{children:"docs"}),e.jsx("option",{children:"refactor"})]})]}),e.jsxs("div",{className:"w-3/4",children:[e.jsx("label",{className:"block text-xs",children:"Title"}),e.jsx("input",{type:"text",value:n,onChange:s=>h(s.target.value),className:"w-full mt-1 p-1 rounded bg-background border border-border text-sm"})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs",children:"Description"}),e.jsx("textarea",{value:c,onChange:s=>f(s.target.value),className:"w-full mt-1 p-1 rounded bg-background border border-border resize-y h-24 text-sm"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs",children:"Testing Steps"}),e.jsx("textarea",{value:m,onChange:s=>w(s.target.value),className:"w-full mt-1 p-1 rounded bg-background border border-border resize-y h-16 text-sm"})]})]}),e.jsxs("div",{className:"flex flex-col h-1/2",children:[e.jsxs("div",{className:"flex justify-between items-center mb-2",children:[e.jsx("label",{className:"text-sm font-medium text-text-secondary",children:"Markdown Preview"}),e.jsx("button",{onClick:()=>navigator.clipboard.writeText(j),className:"px-3 py-1 bg-gray-100 text-xs rounded-md hover:bg-gray-200",children:"Copy Markdown"})]}),e.jsx("div",{className:"relative flex-grow",children:e.jsx("pre",{className:"w-full h-full bg-background border border-border p-4 rounded-md text-sm overflow-auto whitespace-pre-wrap",children:j})})]})]})]})]})};export{O as AiPullRequestAssistant};
+//# sourceMappingURL=AiPullRequestAssistant-auR4G7bZ.js.map
diff --git a/assets/AiPullRequestAssistant-auR4G7bZ.js.map b/assets/AiPullRequestAssistant-auR4G7bZ.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..d3873c0c183f5de6220300450f45ded9c2dd8f3c
--- /dev/null
+++ b/assets/AiPullRequestAssistant-auR4G7bZ.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"AiPullRequestAssistant-auR4G7bZ.js","sources":["../../components/features/AiPullRequestAssistant.tsx"],"sourcesContent":["import React, { useState, useMemo, useCallback } from 'react';\nimport * as Diff from 'diff';\nimport { generatePrSummaryStructured } from '../../services/index.ts';\nimport type { StructuredPrSummary } from '../../types.ts';\nimport { AiPullRequestAssistantIcon } from '../icons.tsx';\nimport { LoadingSpinner } from '../shared/index.tsx';\n\nconst exampleBefore = `function Greeter(props) {\n  return <h1>Hello, {props.name}!</h1>;\n}`;\nconst exampleAfter = `function Greeter({ name, enthusiasmLevel = 1 }) {\n  const punctuation = '!'.repeat(enthusiasmLevel);\n  return <h1>Hello, {name}{punctuation}</h1>;\n}`;\n\nexport const AiPullRequestAssistant: React.FC = () => {\n    const [beforeCode, setBeforeCode] = useState<string>(exampleBefore);\n    const [afterCode, setAfterCode] = useState<string>(exampleAfter);\n    const [isLoading, setIsLoading] = useState<boolean>(false);\n    const [error, setError] = useState<string>('');\n\n    // Form state\n    const [title, setTitle] = useState('');\n    const [description, setDescription] = useState('');\n    const [fromBranch, setFromBranch] = useState('feature/new-logic');\n    const [toBranch, setToBranch] = useState('main');\n    const [changeType, setChangeType] = useState('feat');\n    const [relatedIssue, setRelatedIssue] = useState('');\n    const [testingSteps, setTestingSteps] = useState('1. \\n2. \\n3.');\n\n    const handleGenerateSummary = useCallback(async () => {\n        if (!beforeCode.trim() && !afterCode.trim()) {\n            setError('Please provide code to generate a summary.');\n            return;\n        }\n        setIsLoading(true);\n        setError('');\n        \n        try {\n            const diff = Diff.createPatch('component.tsx', beforeCode, afterCode);\n            const result: StructuredPrSummary = await generatePrSummaryStructured(diff);\n            setTitle(result.title);\n            setDescription(`${result.summary}\\n\\n**Key Changes:**\\n${result.changes.map(c => `- ${c}`).join('\\n')}`);\n        } catch (err) {\n            const errorMessage = err instanceof Error ? err.message : 'An unknown error occurred.';\n            setError(`Failed to generate summary: ${errorMessage}`);\n        } finally {\n            setIsLoading(false);\n        }\n    }, [beforeCode, afterCode]);\n\n    const markdownPreview = useMemo(() => {\n        return `\n# ${changeType}: ${title}\n${relatedIssue ? `\\n**Closes:** ${relatedIssue}\\n` : ''}\n**Branch:** \\`${fromBranch}\\` -> \\`${toBranch}\\`\n\n## Description\n${description}\n\n## Testing Steps\n${testingSteps}\n        `.trim();\n    }, [title, description, fromBranch, toBranch, changeType, relatedIssue, testingSteps]);\n    \n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6\">\n                <h1 className=\"text-3xl font-bold flex items-center\">\n                    <AiPullRequestAssistantIcon />\n                    <span className=\"ml-3\">AI Pull Request Assistant</span>\n                </h1>\n                <p className=\"text-text-secondary mt-1\">Generate a PR summary from code changes and populate a full template.</p>\n            </header>\n            <div className=\"flex-grow grid grid-cols-1 lg:grid-cols-2 gap-6 min-h-0\">\n                {/* Left side: Inputs and Generator */}\n                <div className=\"flex flex-col gap-4 min-h-0\">\n                    <div className=\"flex flex-col flex-1 min-h-0\">\n                        <label htmlFor=\"before-code\" className=\"text-sm font-medium text-text-secondary mb-2\">Before</label>\n                        <textarea id=\"before-code\" value={beforeCode} onChange={e => setBeforeCode(e.target.value)} className=\"flex-grow p-4 bg-surface border border-border rounded-md resize-none font-mono text-sm\" />\n                    </div>\n                    <div className=\"flex flex-col flex-1 min-h-0\">\n                        <label htmlFor=\"after-code\" className=\"text-sm font-medium text-text-secondary mb-2\">After</label>\n                        <textarea id=\"after-code\" value={afterCode} onChange={e => setAfterCode(e.target.value)} className=\"flex-grow p-4 bg-surface border border-border rounded-md resize-none font-mono text-sm\" />\n                    </div>\n                    <button onClick={handleGenerateSummary} disabled={isLoading} className=\"btn-primary w-full flex items-center justify-center px-6 py-3\">\n                        {isLoading ? <LoadingSpinner /> : 'Generate Title & Description'}\n                    </button>\n                    {error && <p className=\"text-red-500 text-xs text-center\">{error}</p>}\n                </div>\n\n                {/* Right side: Form and Preview */}\n                <div className=\"flex flex-col gap-4 min-h-0\">\n                    <form className=\"flex flex-col gap-2 overflow-y-auto pr-2 bg-surface border border-border p-4 rounded-lg h-1/2\">\n                        <div className=\"flex gap-2\">\n                            <div className=\"w-1/4\"><label className=\"block text-xs\">Type</label><select value={changeType} onChange={e => setChangeType(e.target.value)} className=\"w-full mt-1 p-1 rounded bg-background border border-border text-sm\"><option>feat</option><option>fix</option><option>chore</option><option>docs</option><option>refactor</option></select></div>\n                            <div className=\"w-3/4\"><label className=\"block text-xs\">Title</label><input type=\"text\" value={title} onChange={e => setTitle(e.target.value)} className=\"w-full mt-1 p-1 rounded bg-background border border-border text-sm\"/></div>\n                        </div>\n                        <div><label className=\"block text-xs\">Description</label><textarea value={description} onChange={e => setDescription(e.target.value)} className=\"w-full mt-1 p-1 rounded bg-background border border-border resize-y h-24 text-sm\"/></div>\n                        <div><label className=\"block text-xs\">Testing Steps</label><textarea value={testingSteps} onChange={e => setTestingSteps(e.target.value)} className=\"w-full mt-1 p-1 rounded bg-background border border-border resize-y h-16 text-sm\"/></div>\n                    </form>\n                    <div className=\"flex flex-col h-1/2\">\n                        <div className=\"flex justify-between items-center mb-2\">\n                            <label className=\"text-sm font-medium text-text-secondary\">Markdown Preview</label>\n                            <button onClick={() => navigator.clipboard.writeText(markdownPreview)} className=\"px-3 py-1 bg-gray-100 text-xs rounded-md hover:bg-gray-200\">Copy Markdown</button>\n                        </div>\n                        <div className=\"relative flex-grow\"><pre className=\"w-full h-full bg-background border border-border p-4 rounded-md text-sm overflow-auto whitespace-pre-wrap\">{markdownPreview}</pre></div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};"],"names":["exampleBefore","exampleAfter","AiPullRequestAssistant","beforeCode","setBeforeCode","useState","afterCode","setAfterCode","isLoading","setIsLoading","error","setError","title","setTitle","description","setDescription","fromBranch","setFromBranch","toBranch","setToBranch","changeType","setChangeType","relatedIssue","setRelatedIssue","testingSteps","setTestingSteps","handleGenerateSummary","useCallback","diff","Diff.createPatch","result","generatePrSummaryStructured","c","err","errorMessage","markdownPreview","useMemo","jsxs","jsx","AiPullRequestAssistantIcon","e","LoadingSpinner"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/AiStyleTransfer-DgF2wuEc.js b/assets/AiStyleTransfer-DgF2wuEc.js
new file mode 100644
index 0000000000000000000000000000000000000000..a0cf1ce7061bd62824eb7623384c7156844858ae
--- /dev/null
+++ b/assets/AiStyleTransfer-DgF2wuEc.js
@@ -0,0 +1,4 @@
+import{r as s,j as e}from"./react-DKy9e2uO.js";import{t as y,S as j,L as x,M as b}from"./index-Ck8YGBbR.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const g="function my_func(x,y){return x+y;}",N=`- Use camelCase for function names.
+- Add a space after commas in argument lists.
+- Use semicolons at the end of statements.`,E=()=>{const[r,f]=s.useState(g),[a,u]=s.useState(N),[l,d]=s.useState(""),[o,m]=s.useState(!1),[i,c]=s.useState(""),p=s.useCallback(async()=>{if(!r.trim()||!a.trim()){c("Please provide both code and a style guide.");return}m(!0),c(""),d("");try{const t=y({code:r,styleGuide:a});let n="";for await(const h of t)n+=h,d(n)}catch(t){const n=t instanceof Error?t.message:"An unknown error occurred.";c(`Failed to transfer style: ${n}`)}finally{m(!1)}},[r,a]);return e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6",children:[e.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[e.jsx(j,{}),e.jsx("span",{className:"ml-3",children:"AI Code Style Transfer"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Rewrite code to match a specific style guide using AI."})]}),e.jsxs("div",{className:"flex-grow flex flex-col gap-4 min-h-0",children:[e.jsxs("div",{className:"flex flex-col flex-1 min-h-0",children:[e.jsx("label",{htmlFor:"input-code",className:"text-sm font-medium text-text-secondary mb-2",children:"Original Code"}),e.jsx("textarea",{id:"input-code",value:r,onChange:t=>f(t.target.value),className:"flex-grow p-4 bg-surface border border-border rounded-md resize-y font-mono text-sm"})]}),e.jsxs("div",{className:"flex flex-col flex-1 min-h-0",children:[e.jsx("label",{htmlFor:"style-guide",className:"text-sm font-medium text-text-secondary mb-2",children:"Style Guide"}),e.jsx("textarea",{id:"style-guide",value:a,onChange:t=>u(t.target.value),className:"flex-grow p-4 bg-surface border border-border rounded-md resize-y font-mono text-sm"})]}),e.jsx("div",{className:"flex-shrink-0",children:e.jsx("button",{onClick:p,disabled:o,className:"btn-primary w-full max-w-xs mx-auto flex items-center justify-center px-6 py-3",children:o?e.jsx(x,{}):"Rewrite Code"})}),e.jsxs("div",{className:"flex flex-col flex-1 min-h-0",children:[e.jsx("label",{className:"text-sm font-medium text-text-secondary mb-2",children:"Rewritten Code"}),e.jsxs("div",{className:"flex-grow p-1 bg-background border border-border rounded-md overflow-y-auto",children:[o&&!l&&e.jsx("div",{className:"flex items-center justify-center h-full",children:e.jsx(x,{})}),i&&e.jsx("p",{className:"p-4 text-red-500",children:i}),l&&e.jsx(b,{content:l}),!o&&!l&&!i&&e.jsx("div",{className:"text-text-secondary h-full flex items-center justify-center",children:"Rewritten code will appear here."})]})]})]})]})};export{E as AiStyleTransfer};
+//# sourceMappingURL=AiStyleTransfer-DgF2wuEc.js.map
diff --git a/assets/AiStyleTransfer-DgF2wuEc.js.map b/assets/AiStyleTransfer-DgF2wuEc.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..654256e0ff998437beaebd55bae2a433a6b89d20
--- /dev/null
+++ b/assets/AiStyleTransfer-DgF2wuEc.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"AiStyleTransfer-DgF2wuEc.js","sources":["../../components/features/AiStyleTransfer.tsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport { transferCodeStyleStream } from '../../services/index.ts';\nimport { SparklesIcon } from '../icons.tsx';\nimport { LoadingSpinner } from '../shared/index.tsx';\nimport { MarkdownRenderer } from '../shared/index.tsx';\n\nconst exampleCode = `function my_func(x,y){return x+y;}`;\nconst exampleStyleGuide = `- Use camelCase for function names.\n- Add a space after commas in argument lists.\n- Use semicolons at the end of statements.`;\n\nexport const AiStyleTransfer: React.FC = () => {\n    const [inputCode, setInputCode] = useState<string>(exampleCode);\n    const [styleGuide, setStyleGuide] = useState<string>(exampleStyleGuide);\n    const [outputCode, setOutputCode] = useState<string>('');\n    const [isLoading, setIsLoading] = useState<boolean>(false);\n    const [error, setError] = useState<string>('');\n\n    const handleGenerate = useCallback(async () => {\n        if (!inputCode.trim() || !styleGuide.trim()) {\n            setError('Please provide both code and a style guide.');\n            return;\n        }\n        setIsLoading(true);\n        setError('');\n        setOutputCode('');\n        try {\n            const stream = transferCodeStyleStream({ code: inputCode, styleGuide });\n            let fullResponse = '';\n            for await (const chunk of stream) {\n                fullResponse += chunk;\n                setOutputCode(fullResponse);\n            }\n        } catch (err) {\n            const errorMessage = err instanceof Error ? err.message : 'An unknown error occurred.';\n            setError(`Failed to transfer style: ${errorMessage}`);\n        } finally {\n            setIsLoading(false);\n        }\n    }, [inputCode, styleGuide]);\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6\">\n                <h1 className=\"text-3xl font-bold flex items-center\">\n                    <SparklesIcon />\n                    <span className=\"ml-3\">AI Code Style Transfer</span>\n                </h1>\n                <p className=\"text-text-secondary mt-1\">Rewrite code to match a specific style guide using AI.</p>\n            </header>\n            <div className=\"flex-grow flex flex-col gap-4 min-h-0\">\n                <div className=\"flex flex-col flex-1 min-h-0\">\n                    <label htmlFor=\"input-code\" className=\"text-sm font-medium text-text-secondary mb-2\">Original Code</label>\n                    <textarea\n                        id=\"input-code\"\n                        value={inputCode}\n                        onChange={(e) => setInputCode(e.target.value)}\n                        className=\"flex-grow p-4 bg-surface border border-border rounded-md resize-y font-mono text-sm\"\n                    />\n                </div>\n                 <div className=\"flex flex-col flex-1 min-h-0\">\n                    <label htmlFor=\"style-guide\" className=\"text-sm font-medium text-text-secondary mb-2\">Style Guide</label>\n                    <textarea\n                        id=\"style-guide\"\n                        value={styleGuide}\n                        onChange={(e) => setStyleGuide(e.target.value)}\n                        className=\"flex-grow p-4 bg-surface border border-border rounded-md resize-y font-mono text-sm\"\n                    />\n                </div>\n                 <div className=\"flex-shrink-0\">\n                    <button\n                        onClick={handleGenerate}\n                        disabled={isLoading}\n                        className=\"btn-primary w-full max-w-xs mx-auto flex items-center justify-center px-6 py-3\"\n                    >\n                        {isLoading ? <LoadingSpinner /> : 'Rewrite Code'}\n                    </button>\n                </div>\n                <div className=\"flex flex-col flex-1 min-h-0\">\n                    <label className=\"text-sm font-medium text-text-secondary mb-2\">Rewritten Code</label>\n                    <div className=\"flex-grow p-1 bg-background border border-border rounded-md overflow-y-auto\">\n                        {isLoading && !outputCode && <div className=\"flex items-center justify-center h-full\"><LoadingSpinner /></div>}\n                        {error && <p className=\"p-4 text-red-500\">{error}</p>}\n                        {outputCode && <MarkdownRenderer content={outputCode} />}\n                         {!isLoading && !outputCode && !error && <div className=\"text-text-secondary h-full flex items-center justify-center\">Rewritten code will appear here.</div>}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};"],"names":["exampleCode","exampleStyleGuide","AiStyleTransfer","inputCode","setInputCode","useState","styleGuide","setStyleGuide","outputCode","setOutputCode","isLoading","setIsLoading","error","setError","handleGenerate","useCallback","stream","transferCodeStyleStream","fullResponse","chunk","err","errorMessage","jsxs","jsx","SparklesIcon","e","LoadingSpinner","MarkdownRenderer"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/AiUnitTestGenerator-Bawbasui.js b/assets/AiUnitTestGenerator-Bawbasui.js
new file mode 100644
index 0000000000000000000000000000000000000000..8177bbcabcebec680093613cf2a0f767092dc6cb
--- /dev/null
+++ b/assets/AiUnitTestGenerator-Bawbasui.js
@@ -0,0 +1,9 @@
+import{r as a,j as e}from"./react-DKy9e2uO.js";import{a as h,B as g,L as m,j,A as b,M as y}from"./index-Ck8YGBbR.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const N=`import React from 'react';
+
+export const Greeting = ({ name }) => {
+  if (!name) {
+    return <div>Hello, Guest!</div>;
+  }
+  return <div>Hello, {name}!</div>;
+};`,E=()=>{const[n,f]=a.useState(N),[s,i]=a.useState(""),[r,d]=a.useState(!1),[l,c]=a.useState(""),p=a.useCallback(async()=>{if(!n.trim()){c("Please enter some code to generate tests for.");return}d(!0),c(""),i("");try{const t=h(n);let o="";for await(const u of t)o+=u,i(o)}catch(t){const o=t instanceof Error?t.message:"An unknown error occurred.";c(`Failed to generate tests: ${o}`)}finally{d(!1)}},[n]),x=t=>t.replace(/^```(?:\w+\n)?/,"").replace(/```$/,"");return e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6",children:[e.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[e.jsx(g,{}),e.jsx("span",{className:"ml-3",children:"AI Unit Test Generator"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Provide a function or component and let AI write the tests."})]}),e.jsxs("div",{className:"flex-grow flex flex-col gap-4 min-h-0",children:[e.jsxs("div",{className:"flex flex-col flex-1 min-h-0",children:[e.jsx("label",{htmlFor:"code-input",className:"text-sm font-medium text-text-secondary mb-2",children:"Source Code"}),e.jsx("textarea",{id:"code-input",value:n,onChange:t=>f(t.target.value),placeholder:"Paste your source code here...",className:"flex-grow p-4 bg-surface border border-border rounded-md resize-none font-mono text-sm focus:ring-2 focus:ring-primary focus:outline-none"})]}),e.jsx("div",{className:"flex-shrink-0",children:e.jsx("button",{onClick:p,disabled:r,className:"btn-primary w-full max-w-xs mx-auto flex items-center justify-center px-6 py-3",children:r?e.jsx(m,{}):"Generate Unit Tests"})}),e.jsxs("div",{className:"flex flex-col flex-1 min-h-0",children:[e.jsxs("div",{className:"flex justify-between items-center mb-2",children:[e.jsx("label",{className:"text-sm font-medium text-text-secondary",children:"Generated Tests"}),s&&!r&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("button",{onClick:()=>navigator.clipboard.writeText(x(s)),className:"px-3 py-1 bg-gray-100 text-xs rounded-md hover:bg-gray-200",children:"Copy Code"}),e.jsxs("button",{onClick:()=>j(x(s),"tests.tsx","text/typescript"),className:"flex items-center gap-1 px-3 py-1 bg-gray-100 text-xs rounded-md hover:bg-gray-200",children:[e.jsx(b,{className:"w-4 h-4"})," Download"]})]})]}),e.jsxs("div",{className:"flex-grow p-1 bg-background border border-border rounded-md overflow-y-auto",children:[r&&!s&&e.jsx("div",{className:"flex items-center justify-center h-full",children:e.jsx(m,{})}),l&&e.jsx("p",{className:"p-4 text-red-500",children:l}),s&&e.jsx(y,{content:s}),!r&&!s&&!l&&e.jsx("div",{className:"text-text-secondary h-full flex items-center justify-center",children:"The generated tests will appear here."})]})]})]})]})};export{E as AiUnitTestGenerator};
+//# sourceMappingURL=AiUnitTestGenerator-Bawbasui.js.map
diff --git a/assets/AiUnitTestGenerator-Bawbasui.js.map b/assets/AiUnitTestGenerator-Bawbasui.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..580fae3ea3ebbea5cb29a30bf2c49771cae57dc8
--- /dev/null
+++ b/assets/AiUnitTestGenerator-Bawbasui.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"AiUnitTestGenerator-Bawbasui.js","sources":["../../components/features/AiUnitTestGenerator.tsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport { generateUnitTestsStream, downloadFile } from '../../services/index.ts';\nimport { BeakerIcon, ArrowDownTrayIcon } from '../icons.tsx';\nimport { LoadingSpinner } from '../shared/index.tsx';\nimport { MarkdownRenderer } from '../shared/index.tsx';\n\nconst exampleCode = `import React from 'react';\n\nexport const Greeting = ({ name }) => {\n  if (!name) {\n    return <div>Hello, Guest!</div>;\n  }\n  return <div>Hello, {name}!</div>;\n};`;\n\nexport const AiUnitTestGenerator: React.FC = () => {\n    const [code, setCode] = useState<string>(exampleCode);\n    const [tests, setTests] = useState<string>('');\n    const [isLoading, setIsLoading] = useState<boolean>(false);\n    const [error, setError] = useState<string>('');\n\n    const handleGenerate = useCallback(async () => {\n        if (!code.trim()) {\n            setError('Please enter some code to generate tests for.');\n            return;\n        }\n        setIsLoading(true);\n        setError('');\n        setTests('');\n        try {\n            const stream = generateUnitTestsStream(code);\n            let fullResponse = '';\n            for await (const chunk of stream) {\n                fullResponse += chunk;\n                setTests(fullResponse);\n            }\n        } catch (err) {\n            const errorMessage = err instanceof Error ? err.message : 'An unknown error occurred.';\n            setError(`Failed to generate tests: ${errorMessage}`);\n        } finally {\n            setIsLoading(false);\n        }\n    }, [code]);\n    \n    const cleanCodeForDownload = (markdown: string) => {\n        return markdown.replace(/^```(?:\\w+\\n)?/, '').replace(/```$/, '');\n    }\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6\">\n                <h1 className=\"text-3xl font-bold flex items-center\">\n                    <BeakerIcon />\n                    <span className=\"ml-3\">AI Unit Test Generator</span>\n                </h1>\n                <p className=\"text-text-secondary mt-1\">Provide a function or component and let AI write the tests.</p>\n            </header>\n            <div className=\"flex-grow flex flex-col gap-4 min-h-0\">\n                <div className=\"flex flex-col flex-1 min-h-0\">\n                    <label htmlFor=\"code-input\" className=\"text-sm font-medium text-text-secondary mb-2\">Source Code</label>\n                    <textarea\n                        id=\"code-input\"\n                        value={code}\n                        onChange={(e) => setCode(e.target.value)}\n                        placeholder=\"Paste your source code here...\"\n                        className=\"flex-grow p-4 bg-surface border border-border rounded-md resize-none font-mono text-sm focus:ring-2 focus:ring-primary focus:outline-none\"\n                    />\n                </div>\n                <div className=\"flex-shrink-0\">\n                    <button\n                        onClick={handleGenerate}\n                        disabled={isLoading}\n                        className=\"btn-primary w-full max-w-xs mx-auto flex items-center justify-center px-6 py-3\"\n                    >\n                        {isLoading ? <LoadingSpinner /> : 'Generate Unit Tests'}\n                    </button>\n                </div>\n                <div className=\"flex flex-col flex-1 min-h-0\">\n                    <div className=\"flex justify-between items-center mb-2\">\n                        <label className=\"text-sm font-medium text-text-secondary\">Generated Tests</label>\n                        {tests && !isLoading && (\n                            <div className=\"flex items-center gap-2\">\n                                <button onClick={() => navigator.clipboard.writeText(cleanCodeForDownload(tests))} className=\"px-3 py-1 bg-gray-100 text-xs rounded-md hover:bg-gray-200\">Copy Code</button>\n                                <button onClick={() => downloadFile(cleanCodeForDownload(tests), 'tests.tsx', 'text/typescript')} className=\"flex items-center gap-1 px-3 py-1 bg-gray-100 text-xs rounded-md hover:bg-gray-200\">\n                                    <ArrowDownTrayIcon className=\"w-4 h-4\" /> Download\n                                </button>\n                            </div>\n                        )}\n                    </div>\n                    <div className=\"flex-grow p-1 bg-background border border-border rounded-md overflow-y-auto\">\n                        {isLoading && !tests && (\n                            <div className=\"flex items-center justify-center h-full\">\n                                <LoadingSpinner />\n                            </div>\n                        )}\n                        {error && <p className=\"p-4 text-red-500\">{error}</p>}\n                        {tests && <MarkdownRenderer content={tests} />}\n                        {!isLoading && !tests && !error && (\n                            <div className=\"text-text-secondary h-full flex items-center justify-center\">\n                                The generated tests will appear here.\n                            </div>\n                        )}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};"],"names":["exampleCode","AiUnitTestGenerator","code","setCode","useState","tests","setTests","isLoading","setIsLoading","error","setError","handleGenerate","useCallback","stream","generateUnitTestsStream","fullResponse","chunk","err","errorMessage","cleanCodeForDownload","markdown","jsxs","jsx","BeakerIcon","e","LoadingSpinner","downloadFile","ArrowDownTrayIcon","MarkdownRenderer"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/AsyncCallTreeViewer-D_OioVtl.js b/assets/AsyncCallTreeViewer-D_OioVtl.js
new file mode 100644
index 0000000000000000000000000000000000000000..d2b88cd223ccf8b6c12c1c113f689e175042bd8c
--- /dev/null
+++ b/assets/AsyncCallTreeViewer-D_OioVtl.js
@@ -0,0 +1,23 @@
+import{r as d,j as e,R as h}from"./react-DKy9e2uO.js";import{N as u}from"./index-Ck8YGBbR.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const p=`{
+    "name": "startApp",
+    "duration": 500,
+    "children": [
+        {
+            "name": "fetchUserData",
+            "duration": 300,
+            "children": [
+                { "name": "authenticate", "duration": 100 },
+                { "name": "fetchProfile", "duration": 150 }
+            ]
+        },
+        {
+            "name": "loadInitialAssets",
+            "duration": 450,
+            "children": [
+                { "name": "loadImage.png", "duration": 200 },
+                { "name": "loadScript.js", "duration": 250 }
+            ]
+        }
+    ]
+}`,x=({node:t,level:i,maxDuration:s})=>{const[a,c]=h.useState(!0),n=t.children&&t.children.length>0;return e.jsxs("div",{className:"my-1",children:[e.jsxs("div",{className:"flex items-center p-2 rounded-md hover:bg-gray-100",style:{paddingLeft:`${i*20+8}px`},children:[n&&e.jsx("button",{onClick:()=>c(!a),className:`mr-2 text-text-secondary w-4 h-4 flex-shrink-0 transform transition-transform ${a?"rotate-90":""}`,children:"▶"}),!n&&e.jsx("div",{className:"w-6 mr-2 flex-shrink-0"}),e.jsxs("div",{className:"flex-grow flex items-center justify-between gap-4",children:[e.jsx("span",{className:"truncate",children:t.name}),e.jsxs("div",{className:"flex items-center gap-2 flex-shrink-0",children:[e.jsx("div",{className:"w-24 h-4 bg-gray-200 rounded-full overflow-hidden",children:e.jsx("div",{className:"h-4 bg-primary",style:{width:`${t.duration/s*100}%`}})}),e.jsxs("span",{className:"text-primary w-16 text-right",children:[t.duration.toFixed(0),"ms"]})]})]})]}),a&&n&&e.jsx("div",{children:t.children.map((r,l)=>e.jsx(x,{node:r,level:i+1,maxDuration:s},l))})]})},I=()=>{const[t,i]=d.useState(p),[s,a]=d.useState(""),{treeData:c,maxDuration:n}=d.useMemo(()=>{try{const r=JSON.parse(t);let l=0;const m=o=>{o.duration>l&&(l=o.duration),o.children&&o.children.forEach(m)};return m(r),a(""),{treeData:r,maxDuration:l}}catch{return a("Invalid JSON format."),{treeData:null,maxDuration:0}}},[t]);return e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6",children:[e.jsxs("h1",{className:"text-3xl flex items-center",children:[e.jsx(u,{}),e.jsx("span",{className:"ml-3",children:"Async Call Tree Viewer"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Paste a JSON structure to visualize an asynchronous function call tree."})]}),e.jsxs("div",{className:"flex-grow flex flex-col gap-4 min-h-0",children:[e.jsxs("div",{className:"flex flex-col h-2/5 min-h-[200px]",children:[e.jsx("label",{htmlFor:"json-input",className:"text-sm font-medium text-text-secondary mb-2",children:"JSON Input"}),e.jsx("textarea",{id:"json-input",value:t,onChange:r=>i(r.target.value),className:`flex-grow p-4 bg-surface border ${s?"border-red-500":"border-border"} rounded-md resize-y font-mono text-sm`,spellCheck:"false"}),s&&e.jsx("p",{className:"text-red-500 text-xs mt-1",children:s})]}),e.jsxs("div",{className:"flex flex-col flex-grow min-h-0",children:[e.jsx("label",{className:"text-sm font-medium text-text-secondary mb-2",children:"Visual Tree"}),e.jsx("div",{className:"flex-grow bg-surface p-4 rounded-lg text-sm overflow-y-auto border border-border",children:c?e.jsx(x,{node:c,level:0,maxDuration:n}):e.jsx("div",{className:"text-text-secondary",children:s||"Enter valid JSON to see the tree."})})]})]})]})};export{I as AsyncCallTreeViewer};
+//# sourceMappingURL=AsyncCallTreeViewer-D_OioVtl.js.map
diff --git a/assets/AsyncCallTreeViewer-D_OioVtl.js.map b/assets/AsyncCallTreeViewer-D_OioVtl.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..eabecbe3dc699c85a19b6b9f99ec8742872f4609
--- /dev/null
+++ b/assets/AsyncCallTreeViewer-D_OioVtl.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"AsyncCallTreeViewer-D_OioVtl.js","sources":["../../components/features/AsyncCallTreeViewer.tsx"],"sourcesContent":["\n\nimport React, { useState, useMemo } from 'react';\nimport { ChartBarIcon } from '../icons.tsx';\n\ninterface CallNode {\n    name: string;\n    duration: number;\n    children?: CallNode[];\n}\n\nconst exampleJson = `{\n    \"name\": \"startApp\",\n    \"duration\": 500,\n    \"children\": [\n        {\n            \"name\": \"fetchUserData\",\n            \"duration\": 300,\n            \"children\": [\n                { \"name\": \"authenticate\", \"duration\": 100 },\n                { \"name\": \"fetchProfile\", \"duration\": 150 }\n            ]\n        },\n        {\n            \"name\": \"loadInitialAssets\",\n            \"duration\": 450,\n            \"children\": [\n                { \"name\": \"loadImage.png\", \"duration\": 200 },\n                { \"name\": \"loadScript.js\", \"duration\": 250 }\n            ]\n        }\n    ]\n}`;\n\n\nconst TreeNode: React.FC<{ node: CallNode, level: number, maxDuration: number }> = ({ node, level, maxDuration }) => {\n    const [isOpen, setIsOpen] = React.useState(true);\n    const hasChildren = node.children && node.children.length > 0;\n\n    return (\n        <div className=\"my-1\">\n            <div\n                className=\"flex items-center p-2 rounded-md hover:bg-gray-100\"\n                style={{ paddingLeft: `${level * 20 + 8}px` }}\n            >\n                {hasChildren && (\n                    <button onClick={() => setIsOpen(!isOpen)} className={`mr-2 text-text-secondary w-4 h-4 flex-shrink-0 transform transition-transform ${isOpen ? 'rotate-90' : ''}`}>\n                       ▶\n                    </button>\n                )}\n                 {!hasChildren && <div className=\"w-6 mr-2 flex-shrink-0\" />}\n                 <div className=\"flex-grow flex items-center justify-between gap-4\">\n                    <span className=\"truncate\">{node.name}</span>\n                    <div className=\"flex items-center gap-2 flex-shrink-0\">\n                         <div className=\"w-24 h-4 bg-gray-200 rounded-full overflow-hidden\">\n                            <div className=\"h-4 bg-primary\" style={{ width: `${(node.duration / maxDuration) * 100}%` }}/>\n                         </div>\n                        <span className=\"text-primary w-16 text-right\">{node.duration.toFixed(0)}ms</span>\n                    </div>\n                </div>\n            </div>\n            {isOpen && hasChildren && (\n                <div>\n                    {node.children!.map((child, index) => (\n                        <TreeNode key={index} node={child} level={level + 1} maxDuration={maxDuration} />\n                    ))}\n                </div>\n            )}\n        </div>\n    );\n};\n\n\nexport const AsyncCallTreeViewer: React.FC = () => {\n    const [jsonInput, setJsonInput] = useState(exampleJson);\n    const [error, setError] = useState('');\n\n    const { treeData, maxDuration } = useMemo(() => {\n        try {\n            const data: CallNode = JSON.parse(jsonInput);\n             let max = 0;\n            const findMax = (node: CallNode) => {\n                if (node.duration > max) max = node.duration;\n                if (node.children) node.children.forEach(findMax);\n            };\n            findMax(data);\n            setError('');\n            return { treeData: data, maxDuration: max };\n        } catch (e) {\n            setError('Invalid JSON format.');\n            return { treeData: null, maxDuration: 0 };\n        }\n    }, [jsonInput]);\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6\">\n                <h1 className=\"text-3xl flex items-center\">\n                    <ChartBarIcon />\n                    <span className=\"ml-3\">Async Call Tree Viewer</span>\n                </h1>\n                <p className=\"text-text-secondary mt-1\">Paste a JSON structure to visualize an asynchronous function call tree.</p>\n            </header>\n            <div className=\"flex-grow flex flex-col gap-4 min-h-0\">\n                <div className=\"flex flex-col h-2/5 min-h-[200px]\">\n                    <label htmlFor=\"json-input\" className=\"text-sm font-medium text-text-secondary mb-2\">JSON Input</label>\n                    <textarea\n                        id=\"json-input\"\n                        value={jsonInput}\n                        onChange={e => setJsonInput(e.target.value)}\n                        className={`flex-grow p-4 bg-surface border ${error ? 'border-red-500' : 'border-border'} rounded-md resize-y font-mono text-sm`}\n                        spellCheck=\"false\"\n                    />\n                    {error && <p className=\"text-red-500 text-xs mt-1\">{error}</p>}\n                </div>\n                <div className=\"flex flex-col flex-grow min-h-0\">\n                    <label className=\"text-sm font-medium text-text-secondary mb-2\">Visual Tree</label>\n                    <div className=\"flex-grow bg-surface p-4 rounded-lg text-sm overflow-y-auto border border-border\">\n                        {treeData ? <TreeNode node={treeData} level={0} maxDuration={maxDuration} /> : <div className=\"text-text-secondary\">{error || 'Enter valid JSON to see the tree.'}</div>}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};"],"names":["exampleJson","TreeNode","node","level","maxDuration","isOpen","setIsOpen","React","hasChildren","jsxs","jsx","child","index","AsyncCallTreeViewer","jsonInput","setJsonInput","useState","error","setError","treeData","useMemo","data","max","findMax","ChartBarIcon","e"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/AudioToCode-DhNgjuEC.js b/assets/AudioToCode-DhNgjuEC.js
new file mode 100644
index 0000000000000000000000000000000000000000..fea25e987049e8bc06b8c05f3f4b75322bb6be65
--- /dev/null
+++ b/assets/AudioToCode-DhNgjuEC.js
@@ -0,0 +1,2 @@
+import{r as t,j as e}from"./react-DKy9e2uO.js";import{O as y,Q as R,R as v,L as h,M as N}from"./index-Ck8YGBbR.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const B=()=>{const[o,x]=t.useState(!1),[n,d]=t.useState(!1),[c,f]=t.useState(""),[u,i]=t.useState(""),r=t.useRef(null),l=t.useRef([]),g=async()=>{if(i(""),f(""),!navigator.mediaDevices||!navigator.mediaDevices.getUserMedia){i("Audio recording is not supported by your browser.");return}try{const s=await navigator.mediaDevices.getUserMedia({audio:!0});r.current=new MediaRecorder(s),r.current.ondataavailable=a=>{l.current.push(a.data)},r.current.onstop=j,r.current.start(),x(!0)}catch{i("Microphone access was denied. Please enable it in your browser settings.")}},b=()=>{r.current&&o&&(r.current.stop(),r.current.stream.getTracks().forEach(s=>s.stop()),x(!1),d(!0))},j=t.useCallback(async()=>{if(l.current.length===0){d(!1);return}const s=new Blob(l.current,{type:"audio/webm"});l.current=[];try{const a=await y(s),m=R(a,"audio/webm");let p="";for await(const w of m)p+=w,f(p)}catch(a){const m=a instanceof Error?a.message:"An unknown error occurred.";i(`Failed to transcribe audio: ${m}`)}finally{d(!1)}},[]);return e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6 text-center",children:[e.jsxs("h1",{className:"text-3xl font-bold flex items-center justify-center",children:[e.jsx(v,{}),e.jsx("span",{className:"ml-3",children:"AI Audio-to-Code"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Speak your programming ideas and watch them turn into code."})]}),e.jsxs("div",{className:"flex-grow flex flex-col items-center gap-6 min-h-0",children:[e.jsxs("div",{className:"flex flex-col items-center justify-center bg-surface p-6 rounded-lg w-full max-w-lg border border-border",children:[e.jsx("button",{onClick:o?b:g,className:`w-24 h-24 rounded-full flex items-center justify-center text-white font-bold text-lg transition-all ${o?"bg-red-500 animate-pulse":"bg-primary"}`,disabled:n,children:n?e.jsx(h,{}):o?"Stop":"Record"}),e.jsx("p",{className:"mt-4 text-text-secondary",children:n?"Transcribing...":o?"Recording in progress...":"Click to start recording"})]}),e.jsxs("div",{className:"flex flex-col h-full w-full max-w-3xl",children:[e.jsx("label",{className:"text-sm font-medium text-text-secondary mb-2",children:"Generated Code"}),e.jsxs("div",{className:"flex-grow p-1 bg-background border border-border rounded-md overflow-y-auto min-h-[200px]",children:[n&&!c&&e.jsx("div",{className:"flex items-center justify-center h-full",children:e.jsx(h,{})}),u&&e.jsx("p",{className:"p-4 text-red-500",children:u}),c&&e.jsx(N,{content:c}),!n&&!c&&!u&&e.jsx("div",{className:"text-text-secondary h-full flex items-center justify-center",children:"Code will appear here."})]})]})]})]})};export{B as AudioToCode};
+//# sourceMappingURL=AudioToCode-DhNgjuEC.js.map
diff --git a/assets/AudioToCode-DhNgjuEC.js.map b/assets/AudioToCode-DhNgjuEC.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..2c01d5ec9621d5b306601716b13b330777dc9377
--- /dev/null
+++ b/assets/AudioToCode-DhNgjuEC.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"AudioToCode-DhNgjuEC.js","sources":["../../components/features/AudioToCode.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback } from 'react';\nimport { transcribeAudioToCodeStream, blobToBase64 } from '../../services/index.ts';\nimport { MicrophoneIcon } from '../icons.tsx';\nimport { LoadingSpinner } from '../shared/index.tsx';\nimport { MarkdownRenderer } from '../shared/index.tsx';\n\nexport const AudioToCode: React.FC = () => {\n    const [isRecording, setIsRecording] = useState(false);\n    const [isLoading, setIsLoading] = useState(false);\n    const [code, setCode] = useState('');\n    const [error, setError] = useState('');\n    const mediaRecorderRef = useRef<MediaRecorder | null>(null);\n    const audioChunksRef = useRef<Blob[]>([]);\n\n    const handleStartRecording = async () => {\n        setError('');\n        setCode('');\n        if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {\n            setError('Audio recording is not supported by your browser.');\n            return;\n        }\n        try {\n            const stream = await navigator.mediaDevices.getUserMedia({ audio: true });\n            mediaRecorderRef.current = new MediaRecorder(stream);\n            mediaRecorderRef.current.ondataavailable = event => {\n                audioChunksRef.current.push(event.data);\n            };\n            mediaRecorderRef.current.onstop = handleTranscribe;\n            mediaRecorderRef.current.start();\n            setIsRecording(true);\n        } catch (err) {\n            setError('Microphone access was denied. Please enable it in your browser settings.');\n        }\n    };\n\n    const handleStopRecording = () => {\n        if (mediaRecorderRef.current && isRecording) {\n            mediaRecorderRef.current.stop();\n            mediaRecorderRef.current.stream.getTracks().forEach(track => track.stop());\n            setIsRecording(false);\n            setIsLoading(true);\n        }\n    };\n\n    const handleTranscribe = useCallback(async () => {\n        if (audioChunksRef.current.length === 0) {\n            setIsLoading(false);\n            return;\n        }\n        const audioBlob = new Blob(audioChunksRef.current, { type: 'audio/webm' });\n        audioChunksRef.current = [];\n        try {\n            const base64Audio = await blobToBase64(audioBlob);\n            const stream = transcribeAudioToCodeStream(base64Audio, 'audio/webm');\n            let fullResponse = '';\n            for await (const chunk of stream) {\n                fullResponse += chunk;\n                setCode(fullResponse);\n            }\n        } catch (err) {\n            const errorMessage = err instanceof Error ? err.message : 'An unknown error occurred.';\n            setError(`Failed to transcribe audio: ${errorMessage}`);\n        } finally {\n            setIsLoading(false);\n        }\n    }, []);\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6 text-center\">\n                <h1 className=\"text-3xl font-bold flex items-center justify-center\">\n                    <MicrophoneIcon />\n                    <span className=\"ml-3\">AI Audio-to-Code</span>\n                </h1>\n                <p className=\"text-text-secondary mt-1\">Speak your programming ideas and watch them turn into code.</p>\n            </header>\n            <div className=\"flex-grow flex flex-col items-center gap-6 min-h-0\">\n                <div className=\"flex flex-col items-center justify-center bg-surface p-6 rounded-lg w-full max-w-lg border border-border\">\n                     <button\n                        onClick={isRecording ? handleStopRecording : handleStartRecording}\n                        className={`w-24 h-24 rounded-full flex items-center justify-center text-white font-bold text-lg transition-all ${isRecording ? 'bg-red-500 animate-pulse' : 'bg-primary'}`}\n                        disabled={isLoading}\n                    >\n                        {isLoading ? <LoadingSpinner/> : isRecording ? 'Stop' : 'Record'}\n                    </button>\n                    <p className=\"mt-4 text-text-secondary\">\n                        {isLoading ? 'Transcribing...' : isRecording ? 'Recording in progress...' : 'Click to start recording'}\n                    </p>\n                </div>\n                 <div className=\"flex flex-col h-full w-full max-w-3xl\">\n                    <label className=\"text-sm font-medium text-text-secondary mb-2\">Generated Code</label>\n                    <div className=\"flex-grow p-1 bg-background border border-border rounded-md overflow-y-auto min-h-[200px]\">\n                        {isLoading && !code && (\n                            <div className=\"flex items-center justify-center h-full\"><LoadingSpinner /></div>\n                        )}\n                        {error && <p className=\"p-4 text-red-500\">{error}</p>}\n                        {code && <MarkdownRenderer content={code} />}\n                        {!isLoading && !code && !error && (\n                            <div className=\"text-text-secondary h-full flex items-center justify-center\">Code will appear here.</div>\n                        )}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};"],"names":["AudioToCode","isRecording","setIsRecording","useState","isLoading","setIsLoading","code","setCode","error","setError","mediaRecorderRef","useRef","audioChunksRef","handleStartRecording","stream","event","handleTranscribe","handleStopRecording","track","useCallback","audioBlob","base64Audio","blobToBase64","transcribeAudioToCodeStream","fullResponse","chunk","err","errorMessage","jsxs","jsx","MicrophoneIcon","LoadingSpinner","MarkdownRenderer"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/ChangelogGenerator-DhzKekFT.js b/assets/ChangelogGenerator-DhzKekFT.js
new file mode 100644
index 0000000000000000000000000000000000000000..782dc0dd4618843f367f4bc4d48cb59c031a7f00
--- /dev/null
+++ b/assets/ChangelogGenerator-DhzKekFT.js
@@ -0,0 +1,13 @@
+import{r as a,j as e}from"./react-DKy9e2uO.js";import{w as u,G as f,L as x,M as p}from"./index-Ck8YGBbR.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const b=`commit 3a4b5c...
+Author: Dev One <dev.one@example.com>
+Date:   Mon Jul 15 11:30:00 2024 -0400
+
+    feat: add user login page
+
+commit 1a2b3c...
+Author: Dev Two <dev.two@example.com>
+Date:   Mon Jul 15 10:00:00 2024 -0400
+
+    fix: correct typo in header
+`,S=()=>{const[s,d]=a.useState(b),[r,n]=a.useState(""),[o,c]=a.useState(!1),[i,l]=a.useState(""),g=a.useCallback(async()=>{if(!s.trim()){l("Please paste your git log output.");return}c(!0),l(""),n("");try{const t=u(s);let m="";for await(const h of t)m+=h,n(m)}catch(t){l(t instanceof Error?t.message:"An unknown error occurred.")}finally{c(!1)}},[s]);return e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6",children:[e.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[e.jsx(f,{}),e.jsx("span",{className:"ml-3",children:"AI Changelog Generator"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Generate a markdown changelog from your raw git log."})]}),e.jsxs("div",{className:"flex-grow flex flex-col gap-4 min-h-0",children:[e.jsxs("div",{className:"flex flex-col flex-1 min-h-0",children:[e.jsx("label",{htmlFor:"commit-input",className:"text-sm font-medium text-text-secondary mb-2",children:"Raw Git Log"}),e.jsx("textarea",{id:"commit-input",value:s,onChange:t=>d(t.target.value),className:"flex-grow p-4 bg-surface border border-border rounded-md resize-none font-mono text-sm"})]}),e.jsx("div",{className:"flex-shrink-0",children:e.jsx("button",{onClick:g,disabled:o,className:"btn-primary w-full max-w-xs mx-auto flex items-center justify-center px-6 py-3",children:o?e.jsx(x,{}):"Generate Changelog"})}),e.jsxs("div",{className:"flex flex-col flex-1 min-h-0",children:[e.jsx("label",{className:"text-sm font-medium text-text-secondary mb-2",children:"Generated Changelog.md"}),e.jsxs("div",{className:"relative flex-grow p-4 bg-background border border-border rounded-md overflow-y-auto",children:[o&&!r&&e.jsx("div",{className:"flex items-center justify-center h-full",children:e.jsx(x,{})}),i&&e.jsx("p",{className:"text-red-500",children:i}),r&&e.jsx(p,{content:r}),!o&&r&&e.jsx("button",{onClick:()=>navigator.clipboard.writeText(r),className:"absolute top-2 right-2 px-2 py-1 bg-gray-100 text-xs rounded-md hover:bg-gray-200",children:"Copy"})]})]})]})]})};export{S as ChangelogGenerator};
+//# sourceMappingURL=ChangelogGenerator-DhzKekFT.js.map
diff --git a/assets/ChangelogGenerator-DhzKekFT.js.map b/assets/ChangelogGenerator-DhzKekFT.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..bfd8c110bd84ec03dca8a75d934e96a5833e4ca3
--- /dev/null
+++ b/assets/ChangelogGenerator-DhzKekFT.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"ChangelogGenerator-DhzKekFT.js","sources":["../../components/features/ChangelogGenerator.tsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport { generateChangelogFromLogStream } from '../../services/index.ts';\nimport { GitBranchIcon } from '../icons.tsx';\nimport { LoadingSpinner } from '../shared/index.tsx';\nimport { MarkdownRenderer } from '../shared/index.tsx';\n\nconst exampleLog = `commit 3a4b5c...\nAuthor: Dev One <dev.one@example.com>\nDate:   Mon Jul 15 11:30:00 2024 -0400\n\n    feat: add user login page\n\ncommit 1a2b3c...\nAuthor: Dev Two <dev.two@example.com>\nDate:   Mon Jul 15 10:00:00 2024 -0400\n\n    fix: correct typo in header\n`;\n\nexport const ChangelogGenerator: React.FC = () => {\n    const [log, setLog] = useState(exampleLog);\n    const [changelog, setChangelog] = useState('');\n    const [isLoading, setIsLoading] = useState(false);\n    const [error, setError] = useState('');\n\n    const handleGenerate = useCallback(async () => {\n        if (!log.trim()) {\n            setError('Please paste your git log output.');\n            return;\n        }\n        setIsLoading(true);\n        setError('');\n        setChangelog('');\n        try {\n            const stream = generateChangelogFromLogStream(log);\n            let fullResponse = '';\n            for await (const chunk of stream) {\n                fullResponse += chunk;\n                setChangelog(fullResponse);\n            }\n        } catch (err) {\n            setError(err instanceof Error ? err.message : 'An unknown error occurred.');\n        } finally {\n            setIsLoading(false);\n        }\n    }, [log]);\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6\">\n                <h1 className=\"text-3xl font-bold flex items-center\">\n                    <GitBranchIcon />\n                    <span className=\"ml-3\">AI Changelog Generator</span>\n                </h1>\n                <p className=\"text-text-secondary mt-1\">Generate a markdown changelog from your raw git log.</p>\n            </header>\n            <div className=\"flex-grow flex flex-col gap-4 min-h-0\">\n                <div className=\"flex flex-col flex-1 min-h-0\">\n                    <label htmlFor=\"commit-input\" className=\"text-sm font-medium text-text-secondary mb-2\">Raw Git Log</label>\n                    <textarea\n                        id=\"commit-input\"\n                        value={log}\n                        onChange={(e) => setLog(e.target.value)}\n                        className=\"flex-grow p-4 bg-surface border border-border rounded-md resize-none font-mono text-sm\"\n                    />\n                </div>\n                <div className=\"flex-shrink-0\">\n                    <button onClick={handleGenerate} disabled={isLoading} className=\"btn-primary w-full max-w-xs mx-auto flex items-center justify-center px-6 py-3\">\n                        {isLoading ? <LoadingSpinner /> : 'Generate Changelog'}\n                    </button>\n                </div>\n                <div className=\"flex flex-col flex-1 min-h-0\">\n                    <label className=\"text-sm font-medium text-text-secondary mb-2\">Generated Changelog.md</label>\n                    <div className=\"relative flex-grow p-4 bg-background border border-border rounded-md overflow-y-auto\">\n                        {isLoading && !changelog && <div className=\"flex items-center justify-center h-full\"><LoadingSpinner /></div>}\n                        {error && <p className=\"text-red-500\">{error}</p>}\n                        {changelog && <MarkdownRenderer content={changelog} />}\n                        {!isLoading && changelog && <button onClick={() => navigator.clipboard.writeText(changelog)} className=\"absolute top-2 right-2 px-2 py-1 bg-gray-100 text-xs rounded-md hover:bg-gray-200\">Copy</button>}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};"],"names":["exampleLog","ChangelogGenerator","log","setLog","useState","changelog","setChangelog","isLoading","setIsLoading","error","setError","handleGenerate","useCallback","stream","generateChangelogFromLogStream","fullResponse","chunk","err","jsxs","jsx","GitBranchIcon","e","LoadingSpinner","MarkdownRenderer"],"mappings":"8TAMA,MAAMA,EAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaNC,EAA+B,IAAM,CAC9C,KAAM,CAACC,EAAKC,CAAM,EAAIC,EAAAA,SAASJ,CAAU,EACnC,CAACK,EAAWC,CAAY,EAAIF,EAAAA,SAAS,EAAE,EACvC,CAACG,EAAWC,CAAY,EAAIJ,EAAAA,SAAS,EAAK,EAC1C,CAACK,EAAOC,CAAQ,EAAIN,EAAAA,SAAS,EAAE,EAE/BO,EAAiBC,EAAAA,YAAY,SAAY,CAC3C,GAAI,CAACV,EAAI,OAAQ,CACbQ,EAAS,mCAAmC,EAC5C,MACJ,CACAF,EAAa,EAAI,EACjBE,EAAS,EAAE,EACXJ,EAAa,EAAE,EACf,GAAI,CACA,MAAMO,EAASC,EAA+BZ,CAAG,EACjD,IAAIa,EAAe,GACnB,gBAAiBC,KAASH,EACtBE,GAAgBC,EAChBV,EAAaS,CAAY,CAEjC,OAASE,EAAK,CACVP,EAASO,aAAe,MAAQA,EAAI,QAAU,4BAA4B,CAC9E,QAAA,CACIT,EAAa,EAAK,CACtB,CACJ,EAAG,CAACN,CAAG,CAAC,EAER,OACIgB,EAAAA,KAAC,MAAA,CAAI,UAAU,2DACX,SAAA,CAAAA,EAAAA,KAAC,SAAA,CAAO,UAAU,OACd,SAAA,CAAAA,EAAAA,KAAC,KAAA,CAAG,UAAU,uCACV,SAAA,CAAAC,EAAAA,IAACC,EAAA,EAAc,EACfD,EAAAA,IAAC,OAAA,CAAK,UAAU,OAAO,SAAA,wBAAA,CAAsB,CAAA,EACjD,EACAA,EAAAA,IAAC,IAAA,CAAE,UAAU,2BAA2B,SAAA,sDAAA,CAAoD,CAAA,EAChG,EACAD,EAAAA,KAAC,MAAA,CAAI,UAAU,wCACX,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,+BACX,SAAA,CAAAC,MAAC,QAAA,CAAM,QAAQ,eAAe,UAAU,+CAA+C,SAAA,cAAW,EAClGA,EAAAA,IAAC,WAAA,CACG,GAAG,eACH,MAAOjB,EACP,SAAWmB,GAAMlB,EAAOkB,EAAE,OAAO,KAAK,EACtC,UAAU,wFAAA,CAAA,CACd,EACJ,QACC,MAAA,CAAI,UAAU,gBACX,SAAAF,EAAAA,IAAC,UAAO,QAASR,EAAgB,SAAUJ,EAAW,UAAU,iFAC3D,SAAAA,QAAae,EAAA,EAAe,EAAK,qBACtC,EACJ,EACAJ,EAAAA,KAAC,MAAA,CAAI,UAAU,+BACX,SAAA,CAAAC,EAAAA,IAAC,QAAA,CAAM,UAAU,+CAA+C,SAAA,yBAAsB,EACtFD,EAAAA,KAAC,MAAA,CAAI,UAAU,uFACV,SAAA,CAAAX,GAAa,CAACF,GAAac,EAAAA,IAAC,MAAA,CAAI,UAAU,0CAA0C,SAAAA,EAAAA,IAACG,IAAe,CAAA,CAAE,EACtGb,GAASU,EAAAA,IAAC,IAAA,CAAE,UAAU,eAAgB,SAAAV,EAAM,EAC5CJ,GAAac,EAAAA,IAACI,EAAA,CAAiB,QAASlB,CAAA,CAAW,EACnD,CAACE,GAAaF,GAAac,EAAAA,IAAC,UAAO,QAAS,IAAM,UAAU,UAAU,UAAUd,CAAS,EAAG,UAAU,oFAAoF,SAAA,MAAA,CAAI,CAAA,CAAA,CACnM,CAAA,CAAA,CACJ,CAAA,CAAA,CACJ,CAAA,EACJ,CAER"}
\ No newline at end of file
diff --git a/assets/CodeDiffGhost-Q06Vp3v6.js b/assets/CodeDiffGhost-Q06Vp3v6.js
new file mode 100644
index 0000000000000000000000000000000000000000..ba67f5bc374a9d55a93f30f6b24e993636c1a43e
--- /dev/null
+++ b/assets/CodeDiffGhost-Q06Vp3v6.js
@@ -0,0 +1,18 @@
+import{r,j as e}from"./react-DKy9e2uO.js";import{U as u}from"./index-Ck8YGBbR.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const x=`function UserProfile({ user }) {
+  return (
+    <div className="profile">
+      <h1>{user.name}</h1>
+      <p>{user.email}</p>
+    </div>
+  );
+}`,h=`function UserProfile({ user }) {
+  const { name, email, avatar } = user;
+  return (
+    <div className="profile-card">
+      <img src={avatar} alt={name} />
+      <h2>{name}</h2>
+      <a href={\`mailto:\${email}\`}>{email}</a>
+    </div>
+  );
+}`,z=()=>{const[c,d]=r.useState(x),[a,m]=r.useState(h),[n,i]=r.useState(""),[l,o]=r.useState(!1),s=r.useRef(null),f=()=>{s.current&&clearInterval(s.current),o(!0),i(""),s.current=window.setInterval(()=>{i(t=>t.length<a.length?a.substring(0,t.length+1):(s.current&&clearInterval(s.current),o(!1),a))},15)};return r.useEffect(()=>()=>{s.current&&clearInterval(s.current)},[]),e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6",children:[e.jsxs("h1",{className:"text-3xl flex items-center",children:[e.jsx(u,{}),e.jsx("span",{className:"ml-3",children:"Code Diff Ghost"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:'Visualize code changes with a "ghost typing" effect.'})]}),e.jsx("div",{className:"flex justify-center mb-4",children:e.jsx("button",{onClick:f,disabled:l,className:"btn-primary px-6 py-2",children:l?"Visualizing...":"Show Changes"})}),e.jsxs("div",{className:"flex-grow grid grid-cols-1 lg:grid-cols-2 gap-6 h-full overflow-hidden font-mono text-sm",children:[e.jsxs("div",{className:"flex flex-col h-full",children:[e.jsx("label",{htmlFor:"before-code",className:"text-sm font-medium text-text-secondary mb-2",children:"Before"}),e.jsx("textarea",{id:"before-code",value:c,onChange:t=>d(t.target.value),className:"flex-grow p-4 bg-surface border border-border rounded-md text-red-600 whitespace-pre-wrap resize-none",spellCheck:"false"})]}),e.jsxs("div",{className:"flex flex-col h-full",children:[e.jsx("label",{htmlFor:"after-code",className:"text-sm font-medium text-text-secondary mb-2",children:"After"}),e.jsxs("div",{className:"relative flex-grow",children:[e.jsx("textarea",{id:"after-code",value:a,onChange:t=>m(t.target.value),className:"absolute inset-0 w-full h-full p-4 bg-surface border border-border rounded-md text-emerald-700 whitespace-pre-wrap resize-none z-0",spellCheck:"false"}),(l||n)&&e.jsxs("pre",{className:"absolute inset-0 w-full h-full p-4 bg-surface pointer-events-none text-emerald-700 whitespace-pre-wrap z-10",children:[n,l&&e.jsx("span",{className:"animate-pulse",children:"|"})]})]})]})]})]})};export{z as CodeDiffGhost};
+//# sourceMappingURL=CodeDiffGhost-Q06Vp3v6.js.map
diff --git a/assets/CodeDiffGhost-Q06Vp3v6.js.map b/assets/CodeDiffGhost-Q06Vp3v6.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..f28af8e5e4c4fa182d117ad8f43ac3e7efa1e809
--- /dev/null
+++ b/assets/CodeDiffGhost-Q06Vp3v6.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"CodeDiffGhost-Q06Vp3v6.js","sources":["../../components/features/CodeDiffGhost.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport { EyeIcon } from '../icons.tsx';\n\nconst initialOldCode = `function UserProfile({ user }) {\n  return (\n    <div className=\"profile\">\n      <h1>{user.name}</h1>\n      <p>{user.email}</p>\n    </div>\n  );\n}`;\n\nconst initialNewCode = `function UserProfile({ user }) {\n  const { name, email, avatar } = user;\n  return (\n    <div className=\"profile-card\">\n      <img src={avatar} alt={name} />\n      <h2>{name}</h2>\n      <a href={\\`mailto:\\${email}\\`}>{email}</a>\n    </div>\n  );\n}`;\n\nexport const CodeDiffGhost: React.FC = () => {\n    const [oldCode, setOldCode] = useState(initialOldCode);\n    const [newCode, setNewCode] = useState(initialNewCode);\n    const [typedCode, setTypedCode] = useState('');\n    const [isRunning, setIsRunning] = useState(false);\n    const intervalRef = useRef<number | null>(null);\n\n    const startAnimation = () => {\n        if (intervalRef.current) clearInterval(intervalRef.current);\n        setIsRunning(true);\n        setTypedCode('');\n        \n        intervalRef.current = window.setInterval(() => {\n            setTypedCode(prev => {\n                if (prev.length < newCode.length) {\n                    return newCode.substring(0, prev.length + 1);\n                }\n                if (intervalRef.current) clearInterval(intervalRef.current);\n                setIsRunning(false);\n                return newCode;\n            });\n        }, 15);\n    };\n\n    useEffect(() => {\n        return () => {\n            if (intervalRef.current) clearInterval(intervalRef.current);\n        };\n    }, []);\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6\">\n                <h1 className=\"text-3xl flex items-center\">\n                    <EyeIcon />\n                    <span className=\"ml-3\">Code Diff Ghost</span>\n                </h1>\n                <p className=\"text-text-secondary mt-1\">Visualize code changes with a \"ghost typing\" effect.</p>\n            </header>\n            <div className=\"flex justify-center mb-4\">\n                <button\n                    onClick={startAnimation}\n                    disabled={isRunning}\n                    className=\"btn-primary px-6 py-2\"\n                >\n                    {isRunning ? 'Visualizing...' : 'Show Changes'}\n                </button>\n            </div>\n            <div className=\"flex-grow grid grid-cols-1 lg:grid-cols-2 gap-6 h-full overflow-hidden font-mono text-sm\">\n                <div className=\"flex flex-col h-full\">\n                    <label htmlFor=\"before-code\" className=\"text-sm font-medium text-text-secondary mb-2\">Before</label>\n                    <textarea\n                        id=\"before-code\"\n                        value={oldCode}\n                        onChange={e => setOldCode(e.target.value)}\n                        className=\"flex-grow p-4 bg-surface border border-border rounded-md text-red-600 whitespace-pre-wrap resize-none\"\n                        spellCheck=\"false\"\n                    />\n                </div>\n                 <div className=\"flex flex-col h-full\">\n                    <label htmlFor=\"after-code\" className=\"text-sm font-medium text-text-secondary mb-2\">After</label>\n                     <div className=\"relative flex-grow\">\n                        <textarea\n                            id=\"after-code\"\n                            value={newCode}\n                            onChange={e => setNewCode(e.target.value)}\n                            className=\"absolute inset-0 w-full h-full p-4 bg-surface border border-border rounded-md text-emerald-700 whitespace-pre-wrap resize-none z-0\"\n                            spellCheck=\"false\"\n                        />\n                        {(isRunning || typedCode) && (\n                            <pre className=\"absolute inset-0 w-full h-full p-4 bg-surface pointer-events-none text-emerald-700 whitespace-pre-wrap z-10\">\n                                {typedCode}{isRunning && <span className=\"animate-pulse\">|</span>}\n                            </pre>\n                        )}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};"],"names":["initialOldCode","initialNewCode","CodeDiffGhost","oldCode","setOldCode","useState","newCode","setNewCode","typedCode","setTypedCode","isRunning","setIsRunning","intervalRef","useRef","startAnimation","prev","useEffect","jsxs","jsx","EyeIcon","e"],"mappings":"oSAGA,MAAMA,EAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASjBC,EAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWVC,EAA0B,IAAM,CACzC,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAASL,CAAc,EAC/C,CAACM,EAASC,CAAU,EAAIF,EAAAA,SAASJ,CAAc,EAC/C,CAACO,EAAWC,CAAY,EAAIJ,EAAAA,SAAS,EAAE,EACvC,CAACK,EAAWC,CAAY,EAAIN,EAAAA,SAAS,EAAK,EAC1CO,EAAcC,EAAAA,OAAsB,IAAI,EAExCC,EAAiB,IAAM,CACrBF,EAAY,SAAS,cAAcA,EAAY,OAAO,EAC1DD,EAAa,EAAI,EACjBF,EAAa,EAAE,EAEfG,EAAY,QAAU,OAAO,YAAY,IAAM,CAC3CH,EAAaM,GACLA,EAAK,OAAST,EAAQ,OACfA,EAAQ,UAAU,EAAGS,EAAK,OAAS,CAAC,GAE3CH,EAAY,SAAS,cAAcA,EAAY,OAAO,EAC1DD,EAAa,EAAK,EACXL,EACV,CACL,EAAG,EAAE,CACT,EAEAU,OAAAA,EAAAA,UAAU,IACC,IAAM,CACLJ,EAAY,SAAS,cAAcA,EAAY,OAAO,CAC9D,EACD,CAAA,CAAE,EAGDK,EAAAA,KAAC,MAAA,CAAI,UAAU,2DACX,SAAA,CAAAA,EAAAA,KAAC,SAAA,CAAO,UAAU,OACd,SAAA,CAAAA,EAAAA,KAAC,KAAA,CAAG,UAAU,6BACV,SAAA,CAAAC,EAAAA,IAACC,EAAA,EAAQ,EACTD,EAAAA,IAAC,OAAA,CAAK,UAAU,OAAO,SAAA,iBAAA,CAAe,CAAA,EAC1C,EACAA,EAAAA,IAAC,IAAA,CAAE,UAAU,2BAA2B,SAAA,sDAAA,CAAoD,CAAA,EAChG,EACAA,EAAAA,IAAC,MAAA,CAAI,UAAU,2BACX,SAAAA,EAAAA,IAAC,SAAA,CACG,QAASJ,EACT,SAAUJ,EACV,UAAU,wBAET,WAAY,iBAAmB,cAAA,CAAA,EAExC,EACAO,EAAAA,KAAC,MAAA,CAAI,UAAU,2FACX,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,uBACX,SAAA,CAAAC,MAAC,QAAA,CAAM,QAAQ,cAAc,UAAU,+CAA+C,SAAA,SAAM,EAC5FA,EAAAA,IAAC,WAAA,CACG,GAAG,cACH,MAAOf,EACP,SAAUiB,GAAKhB,EAAWgB,EAAE,OAAO,KAAK,EACxC,UAAU,wGACV,WAAW,OAAA,CAAA,CACf,EACJ,EACCH,EAAAA,KAAC,MAAA,CAAI,UAAU,uBACZ,SAAA,CAAAC,MAAC,QAAA,CAAM,QAAQ,aAAa,UAAU,+CAA+C,SAAA,QAAK,EACzFD,EAAAA,KAAC,MAAA,CAAI,UAAU,qBACZ,SAAA,CAAAC,EAAAA,IAAC,WAAA,CACG,GAAG,aACH,MAAOZ,EACP,SAAUc,GAAKb,EAAWa,EAAE,OAAO,KAAK,EACxC,UAAU,qIACV,WAAW,OAAA,CAAA,GAEbV,GAAaF,IACXS,EAAAA,KAAC,MAAA,CAAI,UAAU,8GACV,SAAA,CAAAT,EAAWE,GAAaQ,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,GAAA,CAAC,CAAA,CAAA,CAC9D,CAAA,CAAA,CAER,CAAA,CAAA,CACJ,CAAA,CAAA,CACJ,CAAA,EACJ,CAER"}
\ No newline at end of file
diff --git a/assets/CodeFormatter-B5J1ivDG.js b/assets/CodeFormatter-B5J1ivDG.js
new file mode 100644
index 0000000000000000000000000000000000000000..20e4cf76f6aed5ccfbd03173d1c79cabcdd401c0
--- /dev/null
+++ b/assets/CodeFormatter-B5J1ivDG.js
@@ -0,0 +1,8 @@
+import{r,j as e}from"./react-DKy9e2uO.js";import{k as p,i as h,L as d,M as j}from"./index-Ck8YGBbR.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const g=`const MyComponent = (props) => {
+  const {name, items}=props
+    if(!items || items.length === 0){
+  return <p>No items found for {name}</p>;
+    }
+  return <ul>{items.map(item=> <li key={item.id}>{item.name}</li>)}</ul>
+}`,I=()=>{const[s,x]=r.useState(g),[o,i]=r.useState(""),[a,c]=r.useState(!1),[n,m]=r.useState(""),f=r.useCallback(async()=>{if(!s.trim()){m("Please enter some code to format.");return}c(!0),m(""),i("");try{const t=p(s);let l="";for await(const u of t)l+=u,i(l)}catch(t){const l=t instanceof Error?t.message:"An unknown error occurred.";m(`Failed to format code: ${l}`)}finally{c(!1)}},[s]);return e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6",children:[e.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[e.jsx(h,{}),e.jsx("span",{className:"ml-3",children:"AI Code Formatter"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Clean up your code with AI-powered formatting, like a smart Prettier."})]}),e.jsxs("div",{className:"flex-grow flex flex-col min-h-0",children:[e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6 flex-grow min-h-0",children:[e.jsxs("div",{className:"flex flex-col h-full",children:[e.jsx("label",{htmlFor:"code-input",className:"text-sm font-medium text-text-secondary mb-2",children:"Input"}),e.jsx("textarea",{id:"code-input",value:s,onChange:t=>x(t.target.value),placeholder:"Paste your unformatted code here...",className:"flex-grow p-4 bg-surface border border-border rounded-md resize-none font-mono text-sm"})]}),e.jsxs("div",{className:"flex flex-col h-full",children:[e.jsx("label",{className:"text-sm font-medium text-text-secondary mb-2",children:"Output"}),e.jsxs("div",{className:"flex-grow p-1 bg-background border border-border rounded-md overflow-y-auto",children:[a&&!o&&e.jsx("div",{className:"flex items-center justify-center h-full",children:e.jsx(d,{})}),n&&e.jsx("p",{className:"p-4 text-red-500",children:n}),o&&e.jsx(j,{content:o}),!a&&!o&&!n&&e.jsx("div",{className:"text-text-secondary h-full flex items-center justify-center",children:"Formatted code will appear here."})]})]})]}),e.jsx("button",{onClick:f,disabled:a,className:"btn-primary mt-4 w-full max-w-sm mx-auto flex items-center justify-center px-6 py-3",children:a?e.jsx(d,{}):"Format Code"})]})]})};export{I as CodeFormatter};
+//# sourceMappingURL=CodeFormatter-B5J1ivDG.js.map
diff --git a/assets/CodeFormatter-B5J1ivDG.js.map b/assets/CodeFormatter-B5J1ivDG.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..297af64eef96f74587d6e8b3a75deb29139f0292
--- /dev/null
+++ b/assets/CodeFormatter-B5J1ivDG.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"CodeFormatter-B5J1ivDG.js","sources":["../../components/features/CodeFormatter.tsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport { formatCodeStream } from '../../services/index.ts';\nimport { CodeBracketSquareIcon } from '../icons.tsx';\nimport { LoadingSpinner } from '../shared/index.tsx';\nimport { MarkdownRenderer } from '../shared/index.tsx';\n\nconst exampleCode = `const MyComponent = (props) => {\n  const {name, items}=props\n    if(!items || items.length === 0){\n  return <p>No items found for {name}</p>;\n    }\n  return <ul>{items.map(item=> <li key={item.id}>{item.name}</li>)}</ul>\n}`;\n\nexport const CodeFormatter: React.FC = () => {\n    const [inputCode, setInputCode] = useState<string>(exampleCode);\n    const [formattedCode, setFormattedCode] = useState<string>('');\n    const [isLoading, setIsLoading] = useState<boolean>(false);\n    const [error, setError] = useState<string>('');\n\n    const handleFormat = useCallback(async () => {\n        if (!inputCode.trim()) {\n            setError('Please enter some code to format.');\n            return;\n        }\n        setIsLoading(true);\n        setError('');\n        setFormattedCode('');\n        try {\n            const stream = formatCodeStream(inputCode);\n            let fullResponse = '';\n            for await (const chunk of stream) {\n                fullResponse += chunk;\n                setFormattedCode(fullResponse);\n            }\n        } catch (err) {\n            const errorMessage = err instanceof Error ? err.message : 'An unknown error occurred.';\n            setError(`Failed to format code: ${errorMessage}`);\n        } finally {\n            setIsLoading(false);\n        }\n    }, [inputCode]);\n    \n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6\">\n                <h1 className=\"text-3xl font-bold flex items-center\">\n                    <CodeBracketSquareIcon />\n                    <span className=\"ml-3\">AI Code Formatter</span>\n                </h1>\n                <p className=\"text-text-secondary mt-1\">Clean up your code with AI-powered formatting, like a smart Prettier.</p>\n            </header>\n            <div className=\"flex-grow flex flex-col min-h-0\">\n                <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6 flex-grow min-h-0\">\n                    <div className=\"flex flex-col h-full\">\n                        <label htmlFor=\"code-input\" className=\"text-sm font-medium text-text-secondary mb-2\">Input</label>\n                        <textarea\n                            id=\"code-input\"\n                            value={inputCode}\n                            onChange={(e) => setInputCode(e.target.value)}\n                            placeholder=\"Paste your unformatted code here...\"\n                            className=\"flex-grow p-4 bg-surface border border-border rounded-md resize-none font-mono text-sm\"\n                        />\n                    </div>\n                    <div className=\"flex flex-col h-full\">\n                        <label className=\"text-sm font-medium text-text-secondary mb-2\">Output</label>\n                        <div className=\"flex-grow p-1 bg-background border border-border rounded-md overflow-y-auto\">\n                           {isLoading && !formattedCode && (\n                                <div className=\"flex items-center justify-center h-full\">\n                                    <LoadingSpinner />\n                                </div>\n                            )}\n                            {error && <p className=\"p-4 text-red-500\">{error}</p>}\n                            {formattedCode && <MarkdownRenderer content={formattedCode} />}\n                            {!isLoading && !formattedCode && !error && (\n                                <div className=\"text-text-secondary h-full flex items-center justify-center\">\n                                    Formatted code will appear here.\n                                </div>\n                            )}\n                        </div>\n                    </div>\n                </div>\n                 <button\n                    onClick={handleFormat}\n                    disabled={isLoading}\n                    className=\"btn-primary mt-4 w-full max-w-sm mx-auto flex items-center justify-center px-6 py-3\"\n                >\n                    {isLoading ? <LoadingSpinner /> : 'Format Code'}\n                </button>\n            </div>\n        </div>\n    );\n};"],"names":["exampleCode","CodeFormatter","inputCode","setInputCode","useState","formattedCode","setFormattedCode","isLoading","setIsLoading","error","setError","handleFormat","useCallback","stream","formatCodeStream","fullResponse","chunk","err","errorMessage","jsxs","jsx","CodeBracketSquareIcon","e","LoadingSpinner","MarkdownRenderer"],"mappings":"yTAMA,MAAMA,EAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQPC,EAA0B,IAAM,CACzC,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAiBJ,CAAW,EACxD,CAACK,EAAeC,CAAgB,EAAIF,EAAAA,SAAiB,EAAE,EACvD,CAACG,EAAWC,CAAY,EAAIJ,EAAAA,SAAkB,EAAK,EACnD,CAACK,EAAOC,CAAQ,EAAIN,EAAAA,SAAiB,EAAE,EAEvCO,EAAeC,EAAAA,YAAY,SAAY,CACzC,GAAI,CAACV,EAAU,OAAQ,CACnBQ,EAAS,mCAAmC,EAC5C,MACJ,CACAF,EAAa,EAAI,EACjBE,EAAS,EAAE,EACXJ,EAAiB,EAAE,EACnB,GAAI,CACA,MAAMO,EAASC,EAAiBZ,CAAS,EACzC,IAAIa,EAAe,GACnB,gBAAiBC,KAASH,EACtBE,GAAgBC,EAChBV,EAAiBS,CAAY,CAErC,OAASE,EAAK,CACV,MAAMC,EAAeD,aAAe,MAAQA,EAAI,QAAU,6BAC1DP,EAAS,0BAA0BQ,CAAY,EAAE,CACrD,QAAA,CACIV,EAAa,EAAK,CACtB,CACJ,EAAG,CAACN,CAAS,CAAC,EAEd,OACIiB,EAAAA,KAAC,MAAA,CAAI,UAAU,2DACX,SAAA,CAAAA,EAAAA,KAAC,SAAA,CAAO,UAAU,OACd,SAAA,CAAAA,EAAAA,KAAC,KAAA,CAAG,UAAU,uCACV,SAAA,CAAAC,EAAAA,IAACC,EAAA,EAAsB,EACvBD,EAAAA,IAAC,OAAA,CAAK,UAAU,OAAO,SAAA,mBAAA,CAAiB,CAAA,EAC5C,EACAA,EAAAA,IAAC,IAAA,CAAE,UAAU,2BAA2B,SAAA,uEAAA,CAAqE,CAAA,EACjH,EACAD,EAAAA,KAAC,MAAA,CAAI,UAAU,kCACX,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,0DACX,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,uBACX,SAAA,CAAAC,MAAC,QAAA,CAAM,QAAQ,aAAa,UAAU,+CAA+C,SAAA,QAAK,EAC1FA,EAAAA,IAAC,WAAA,CACG,GAAG,aACH,MAAOlB,EACP,SAAWoB,GAAMnB,EAAamB,EAAE,OAAO,KAAK,EAC5C,YAAY,sCACZ,UAAU,wFAAA,CAAA,CACd,EACJ,EACAH,EAAAA,KAAC,MAAA,CAAI,UAAU,uBACX,SAAA,CAAAC,EAAAA,IAAC,QAAA,CAAM,UAAU,+CAA+C,SAAA,SAAM,EACtED,EAAAA,KAAC,MAAA,CAAI,UAAU,8EACX,SAAA,CAAAZ,GAAa,CAACF,GACVe,EAAAA,IAAC,MAAA,CAAI,UAAU,0CACX,SAAAA,EAAAA,IAACG,IAAe,CAAA,CACpB,EAEHd,GAASW,EAAAA,IAAC,IAAA,CAAE,UAAU,mBAAoB,SAAAX,EAAM,EAChDJ,GAAiBe,EAAAA,IAACI,EAAA,CAAiB,QAASnB,CAAA,CAAe,EAC3D,CAACE,GAAa,CAACF,GAAiB,CAACI,GAC9BW,EAAAA,IAAC,MAAA,CAAI,UAAU,8DAA8D,SAAA,kCAAA,CAE7E,CAAA,CAAA,CAER,CAAA,CAAA,CACJ,CAAA,EACJ,EACCA,EAAAA,IAAC,SAAA,CACE,QAAST,EACT,SAAUJ,EACV,UAAU,sFAET,SAAAA,EAAYa,EAAAA,IAACG,EAAA,CAAA,CAAe,EAAK,aAAA,CAAA,CACtC,CAAA,CACJ,CAAA,EACJ,CAER"}
\ No newline at end of file
diff --git a/assets/CodeReviewBot-2UF5jWqT.js b/assets/CodeReviewBot-2UF5jWqT.js
new file mode 100644
index 0000000000000000000000000000000000000000..3682d69d2fdd6c036f33b4d46640d2e1ffcf9c95
--- /dev/null
+++ b/assets/CodeReviewBot-2UF5jWqT.js
@@ -0,0 +1,12 @@
+import{r,j as e}from"./react-DKy9e2uO.js";import{r as p,C as h,L as m,M as j}from"./index-Ck8YGBbR.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const v=`function UserList(users) {
+  if (users.length = 0) {
+    return "no users";
+  } else {
+    return (
+      users.map(u => {
+        return <li>{u.name}</li>
+      })
+    )
+  }
+}`,L=()=>{const[t,x]=r.useState(v),[a,c]=r.useState(""),[o,d]=r.useState(!1),[n,i]=r.useState(""),u=r.useCallback(async()=>{if(!t.trim()){i("Please enter some code to review.");return}d(!0),i(""),c("");try{const s=p(t);let l="";for await(const f of s)l+=f,c(l)}catch(s){const l=s instanceof Error?s.message:"An unknown error occurred.";i(`Failed to get review: ${l}`)}finally{d(!1)}},[t]);return e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6",children:[e.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[e.jsx(h,{}),e.jsx("span",{className:"ml-3",children:"AI Code Review Bot"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Get an automated code review from Gemini."})]}),e.jsxs("div",{className:"flex-grow flex flex-col gap-4 min-h-0",children:[e.jsxs("div",{className:"flex flex-col flex-1 min-h-0",children:[e.jsx("label",{htmlFor:"code-input",className:"text-sm font-medium text-text-secondary mb-2",children:"Code to Review"}),e.jsx("textarea",{id:"code-input",value:t,onChange:s=>x(s.target.value),placeholder:"Paste your code here...",className:"flex-grow p-4 bg-surface border border-border rounded-md resize-none font-mono text-sm"})]}),e.jsx("div",{className:"flex-shrink-0",children:e.jsx("button",{onClick:u,disabled:o,className:"btn-primary w-full max-w-xs mx-auto flex items-center justify-center px-6 py-3",children:o?e.jsx(m,{}):"Request Review"})}),e.jsxs("div",{className:"flex flex-col flex-1 min-h-0",children:[e.jsx("label",{className:"text-sm font-medium text-text-secondary mb-2",children:"AI Feedback"}),e.jsxs("div",{className:"flex-grow p-4 bg-background border border-border rounded-md overflow-y-auto",children:[o&&!a&&e.jsx("div",{className:"flex items-center justify-center h-full",children:e.jsx(m,{})}),n&&e.jsx("p",{className:"text-red-500",children:n}),a&&e.jsx(j,{content:a}),!o&&!a&&!n&&e.jsx("div",{className:"text-text-secondary h-full flex items-center justify-center",children:"Review will appear here."})]})]})]})]})};export{L as CodeReviewBot};
+//# sourceMappingURL=CodeReviewBot-2UF5jWqT.js.map
diff --git a/assets/CodeReviewBot-2UF5jWqT.js.map b/assets/CodeReviewBot-2UF5jWqT.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..ff535a7e34c59c5636aebe6662105e0236e10412
--- /dev/null
+++ b/assets/CodeReviewBot-2UF5jWqT.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"CodeReviewBot-2UF5jWqT.js","sources":["../../components/features/CodeReviewBot.tsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport { reviewCodeStream } from '../../services/index.ts';\nimport { CpuChipIcon } from '../icons.tsx';\nimport { LoadingSpinner } from '../shared/index.tsx';\nimport { MarkdownRenderer } from '../shared/index.tsx';\n\nconst exampleCode = `function UserList(users) {\n  if (users.length = 0) {\n    return \"no users\";\n  } else {\n    return (\n      users.map(u => {\n        return <li>{u.name}</li>\n      })\n    )\n  }\n}`;\n\nexport const CodeReviewBot: React.FC = () => {\n    const [code, setCode] = useState<string>(exampleCode);\n    const [review, setReview] = useState<string>('');\n    const [isLoading, setIsLoading] = useState<boolean>(false);\n    const [error, setError] = useState<string>('');\n\n    const handleGenerate = useCallback(async () => {\n        if (!code.trim()) {\n            setError('Please enter some code to review.');\n            return;\n        }\n        setIsLoading(true);\n        setError('');\n        setReview('');\n        try {\n            const stream = reviewCodeStream(code);\n            let fullResponse = '';\n            for await (const chunk of stream) {\n                fullResponse += chunk;\n                setReview(fullResponse);\n            }\n        } catch (err) {\n            const errorMessage = err instanceof Error ? err.message : 'An unknown error occurred.';\n            setError(`Failed to get review: ${errorMessage}`);\n        } finally {\n            setIsLoading(false);\n        }\n    }, [code]);\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6\">\n                <h1 className=\"text-3xl font-bold flex items-center\">\n                    <CpuChipIcon />\n                    <span className=\"ml-3\">AI Code Review Bot</span>\n                </h1>\n                <p className=\"text-text-secondary mt-1\">Get an automated code review from Gemini.</p>\n            </header>\n            <div className=\"flex-grow flex flex-col gap-4 min-h-0\">\n                <div className=\"flex flex-col flex-1 min-h-0\">\n                    <label htmlFor=\"code-input\" className=\"text-sm font-medium text-text-secondary mb-2\">Code to Review</label>\n                    <textarea\n                        id=\"code-input\"\n                        value={code}\n                        onChange={(e) => setCode(e.target.value)}\n                        placeholder=\"Paste your code here...\"\n                        className=\"flex-grow p-4 bg-surface border border-border rounded-md resize-none font-mono text-sm\"\n                    />\n                </div>\n                 <div className=\"flex-shrink-0\">\n                    <button\n                        onClick={handleGenerate}\n                        disabled={isLoading}\n                        className=\"btn-primary w-full max-w-xs mx-auto flex items-center justify-center px-6 py-3\"\n                    >\n                        {isLoading ? <LoadingSpinner /> : 'Request Review'}\n                    </button>\n                </div>\n                <div className=\"flex flex-col flex-1 min-h-0\">\n                    <label className=\"text-sm font-medium text-text-secondary mb-2\">AI Feedback</label>\n                    <div className=\"flex-grow p-4 bg-background border border-border rounded-md overflow-y-auto\">\n                        {isLoading && !review && <div className=\"flex items-center justify-center h-full\"><LoadingSpinner /></div>}\n                        {error && <p className=\"text-red-500\">{error}</p>}\n                        {review && <MarkdownRenderer content={review} />}\n                         {!isLoading && !review && !error && <div className=\"text-text-secondary h-full flex items-center justify-center\">Review will appear here.</div>}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};"],"names":["exampleCode","CodeReviewBot","code","setCode","useState","review","setReview","isLoading","setIsLoading","error","setError","handleGenerate","useCallback","stream","reviewCodeStream","fullResponse","chunk","err","errorMessage","jsxs","jsx","CpuChipIcon","e","LoadingSpinner","MarkdownRenderer"],"mappings":"yTAMA,MAAMA,EAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYPC,EAA0B,IAAM,CACzC,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAAiBJ,CAAW,EAC9C,CAACK,EAAQC,CAAS,EAAIF,EAAAA,SAAiB,EAAE,EACzC,CAACG,EAAWC,CAAY,EAAIJ,EAAAA,SAAkB,EAAK,EACnD,CAACK,EAAOC,CAAQ,EAAIN,EAAAA,SAAiB,EAAE,EAEvCO,EAAiBC,EAAAA,YAAY,SAAY,CAC3C,GAAI,CAACV,EAAK,OAAQ,CACdQ,EAAS,mCAAmC,EAC5C,MACJ,CACAF,EAAa,EAAI,EACjBE,EAAS,EAAE,EACXJ,EAAU,EAAE,EACZ,GAAI,CACA,MAAMO,EAASC,EAAiBZ,CAAI,EACpC,IAAIa,EAAe,GACnB,gBAAiBC,KAASH,EACtBE,GAAgBC,EAChBV,EAAUS,CAAY,CAE9B,OAASE,EAAK,CACV,MAAMC,EAAeD,aAAe,MAAQA,EAAI,QAAU,6BAC1DP,EAAS,yBAAyBQ,CAAY,EAAE,CACpD,QAAA,CACIV,EAAa,EAAK,CACtB,CACJ,EAAG,CAACN,CAAI,CAAC,EAET,OACIiB,EAAAA,KAAC,MAAA,CAAI,UAAU,2DACX,SAAA,CAAAA,EAAAA,KAAC,SAAA,CAAO,UAAU,OACd,SAAA,CAAAA,EAAAA,KAAC,KAAA,CAAG,UAAU,uCACV,SAAA,CAAAC,EAAAA,IAACC,EAAA,EAAY,EACbD,EAAAA,IAAC,OAAA,CAAK,UAAU,OAAO,SAAA,oBAAA,CAAkB,CAAA,EAC7C,EACAA,EAAAA,IAAC,IAAA,CAAE,UAAU,2BAA2B,SAAA,2CAAA,CAAyC,CAAA,EACrF,EACAD,EAAAA,KAAC,MAAA,CAAI,UAAU,wCACX,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,+BACX,SAAA,CAAAC,MAAC,QAAA,CAAM,QAAQ,aAAa,UAAU,+CAA+C,SAAA,iBAAc,EACnGA,EAAAA,IAAC,WAAA,CACG,GAAG,aACH,MAAOlB,EACP,SAAWoB,GAAMnB,EAAQmB,EAAE,OAAO,KAAK,EACvC,YAAY,0BACZ,UAAU,wFAAA,CAAA,CACd,EACJ,EACCF,EAAAA,IAAC,MAAA,CAAI,UAAU,gBACZ,SAAAA,EAAAA,IAAC,SAAA,CACG,QAAST,EACT,SAAUJ,EACV,UAAU,iFAET,SAAAA,EAAYa,EAAAA,IAACG,EAAA,CAAA,CAAe,EAAK,gBAAA,CAAA,EAE1C,EACAJ,EAAAA,KAAC,MAAA,CAAI,UAAU,+BACX,SAAA,CAAAC,EAAAA,IAAC,QAAA,CAAM,UAAU,+CAA+C,SAAA,cAAW,EAC3ED,EAAAA,KAAC,MAAA,CAAI,UAAU,8EACV,SAAA,CAAAZ,GAAa,CAACF,GAAUe,EAAAA,IAAC,MAAA,CAAI,UAAU,0CAA0C,SAAAA,EAAAA,IAACG,IAAe,CAAA,CAAE,EACnGd,GAASW,EAAAA,IAAC,IAAA,CAAE,UAAU,eAAgB,SAAAX,EAAM,EAC5CJ,GAAUe,EAAAA,IAACI,EAAA,CAAiB,QAASnB,CAAA,CAAQ,EAC5C,CAACE,GAAa,CAACF,GAAU,CAACI,GAASW,EAAAA,IAAC,MAAA,CAAI,UAAU,8DAA8D,SAAA,0BAAA,CAAwB,CAAA,CAAA,CAC9I,CAAA,CAAA,CACJ,CAAA,CAAA,CACJ,CAAA,EACJ,CAER"}
\ No newline at end of file
diff --git a/assets/CodeSpellChecker-BolIHiVP.js b/assets/CodeSpellChecker-BolIHiVP.js
new file mode 100644
index 0000000000000000000000000000000000000000..7d1246778c3790d4f1c31ae44c4da2a2a0eeb98c
--- /dev/null
+++ b/assets/CodeSpellChecker-BolIHiVP.js
@@ -0,0 +1,6 @@
+import{r as o,j as e,R as c}from"./react-DKy9e2uO.js";import{B as l}from"./index-Ck8YGBbR.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const i=["funtion","functoin","funciton","contructor","cosntructor","consle","conosle","cosnole","varable","varaible","vairable","docment","docuemnt","docmunet","componnet","componenet","compnent","retunr","retrun","asnyc","asycn","awai","awiat","promse","resolv","rejct","catach","thne","lenght","lengt","prperty","undefinded","nul","booleon","numbar","srtring","arrya","objcet","elemnt","attriubte","eveent","listner","handeler","clieck","submitt","resposne","requset","stauts","eror","sucess","implemnt","overide","extned","pbulic","prvate","procted","statci","abstact","interace","enmu","moduel","packge","importt","exprot","defualt","namspace","tyep","clsas","whiel","swich","cse","brek","contiune","thrwo","finnaly"],r=new RegExp(`\\b(${i.join("|")})\\b`,"gi"),m=c.memo(({text:t})=>{const s=o.useMemo(()=>t.split(r).map((n,a)=>r.test(n)?e.jsx("span",{className:"underline decoration-red-500 decoration-wavy",title:"Possible typo",children:n},a):n),[t]);return e.jsx(e.Fragment,{children:s})}),j=()=>{const[t,s]=o.useState(`funtion myFunction() {
+  consle.log("Hello World");
+  const myVarable = docment.getElementById("root");
+  // This is a React componnet
+}`);return e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6",children:[e.jsxs("h1",{className:"text-3xl flex items-center",children:[e.jsx(l,{}),e.jsx("span",{className:"ml-3",children:"Code Spell Checker"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"A simple tool that finds and highlights common typos in code."})]}),e.jsxs("div",{className:"relative flex-grow font-mono text-sm bg-surface border border-border rounded-lg p-4 overflow-auto",children:[e.jsx("textarea",{value:t,onChange:n=>s(n.target.value),className:"absolute inset-0 w-full h-full p-4 bg-transparent text-transparent caret-primary resize-none z-10",spellCheck:"false"}),e.jsx("pre",{className:"absolute inset-0 w-full h-full p-4 pointer-events-none whitespace-pre-wrap","aria-hidden":"true",children:e.jsx(m,{text:t})})]}),e.jsx("p",{className:"text-xs text-text-secondary mt-2 text-center",children:"This checker uses a predefined list of common typos and does not use AI."})]})};export{j as CodeSpellChecker};
+//# sourceMappingURL=CodeSpellChecker-BolIHiVP.js.map
diff --git a/assets/CodeSpellChecker-BolIHiVP.js.map b/assets/CodeSpellChecker-BolIHiVP.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..4bd86ed65b2f51ec2c2b7a6d43c71b10c3924d03
--- /dev/null
+++ b/assets/CodeSpellChecker-BolIHiVP.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"CodeSpellChecker-BolIHiVP.js","sources":["../../components/features/CodeSpellChecker.tsx"],"sourcesContent":["import React, { useState, useMemo } from 'react';\nimport { BeakerIcon } from '../icons.tsx';\n\nconst commonTypos = [\n    'funtion', 'functoin', 'funciton', 'contructor', 'cosntructor',\n    'consle', 'conosle', 'cosnole', 'varable', 'varaible', 'vairable',\n    'docment', 'docuemnt', 'docmunet', 'componnet', 'componenet', 'compnent',\n    'retunr', 'retrun', 'asnyc', 'asycn', 'awai', 'awiat', 'promse',\n    'resolv', 'rejct', 'catach', 'thne', 'lenght', 'lengt', 'prperty',\n    'undefinded', 'nul', 'booleon', 'numbar', 'srtring', 'arrya', 'objcet',\n    'elemnt', 'attriubte', 'eveent', 'listner', 'handeler', 'clieck',\n    'submitt', 'resposne', 'requset', 'stauts', 'eror', 'sucess',\n    'implemnt', 'overide', 'extned', 'pbulic', 'prvate', 'procted',\n    'statci', 'abstact', 'interace', 'enmu', 'moduel', 'packge',\n    'importt', 'exprot', 'defualt', 'namspace', 'tyep', 'clsas',\n    'whiel', 'swich', 'cse', 'brek', 'contiune', 'thrwo', 'finnaly'\n];\n\nconst typoRegex = new RegExp(`\\\\b(${commonTypos.join('|')})\\\\b`, 'gi');\n\nconst HighlightedText: React.FC<{ text: string }> = React.memo(({ text }) => {\n    const parts = useMemo(() => {\n        return text.split(typoRegex).map((part, i) => {\n            if (typoRegex.test(part)) {\n                return <span key={i} className=\"underline decoration-red-500 decoration-wavy\" title={`Possible typo`}>{part}</span>;\n            }\n            return part;\n        });\n    }, [text]);\n\n    return <>{parts}</>;\n});\n\nexport const CodeSpellChecker: React.FC = () => {\n    const [code, setCode] = useState('funtion myFunction() {\\n  consle.log(\"Hello World\");\\n  const myVarable = docment.getElementById(\"root\");\\n  // This is a React componnet\\n}');\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6\">\n                <h1 className=\"text-3xl flex items-center\">\n                    <BeakerIcon />\n                    <span className=\"ml-3\">Code Spell Checker</span>\n                </h1>\n                <p className=\"text-text-secondary mt-1\">A simple tool that finds and highlights common typos in code.</p>\n            </header>\n            <div className=\"relative flex-grow font-mono text-sm bg-surface border border-border rounded-lg p-4 overflow-auto\">\n                <textarea\n                    value={code}\n                    onChange={(e) => setCode(e.target.value)}\n                    className=\"absolute inset-0 w-full h-full p-4 bg-transparent text-transparent caret-primary resize-none z-10\"\n                    spellCheck=\"false\"\n                />\n                <pre className=\"absolute inset-0 w-full h-full p-4 pointer-events-none whitespace-pre-wrap\" aria-hidden=\"true\">\n                    <HighlightedText text={code} />\n                </pre>\n            </div>\n             <p className=\"text-xs text-text-secondary mt-2 text-center\">This checker uses a predefined list of common typos and does not use AI.</p>\n        </div>\n    );\n};"],"names":["commonTypos","typoRegex","HighlightedText","React","text","parts","useMemo","part","i","CodeSpellChecker","code","setCode","useState","jsxs","jsx","BeakerIcon","e"],"mappings":"gTAGA,MAAMA,EAAc,CAChB,UAAW,WAAY,WAAY,aAAc,cACjD,SAAU,UAAW,UAAW,UAAW,WAAY,WACvD,UAAW,WAAY,WAAY,YAAa,aAAc,WAC9D,SAAU,SAAU,QAAS,QAAS,OAAQ,QAAS,SACvD,SAAU,QAAS,SAAU,OAAQ,SAAU,QAAS,UACxD,aAAc,MAAO,UAAW,SAAU,UAAW,QAAS,SAC9D,SAAU,YAAa,SAAU,UAAW,WAAY,SACxD,UAAW,WAAY,UAAW,SAAU,OAAQ,SACpD,WAAY,UAAW,SAAU,SAAU,SAAU,UACrD,SAAU,UAAW,WAAY,OAAQ,SAAU,SACnD,UAAW,SAAU,UAAW,WAAY,OAAQ,QACpD,QAAS,QAAS,MAAO,OAAQ,WAAY,QAAS,SAC1D,EAEMC,EAAY,IAAI,OAAO,OAAOD,EAAY,KAAK,GAAG,CAAC,OAAQ,IAAI,EAE/DE,EAA8CC,EAAM,KAAK,CAAC,CAAE,KAAAC,KAAW,CACzE,MAAMC,EAAQC,EAAAA,QAAQ,IACXF,EAAK,MAAMH,CAAS,EAAE,IAAI,CAACM,EAAMC,IAChCP,EAAU,KAAKM,CAAI,QACX,OAAA,CAAa,UAAU,+CAA+C,MAAO,gBAAkB,YAArFC,CAA0F,EAEzGD,CACV,EACF,CAACH,CAAI,CAAC,EAET,yBAAU,SAAAC,CAAA,CAAM,CACpB,CAAC,EAEYI,EAA6B,IAAM,CAC5C,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAAS;AAAA;AAAA;AAAA;AAAA,EAA8I,EAE/K,OACIC,EAAAA,KAAC,MAAA,CAAI,UAAU,2DACX,SAAA,CAAAA,EAAAA,KAAC,SAAA,CAAO,UAAU,OACd,SAAA,CAAAA,EAAAA,KAAC,KAAA,CAAG,UAAU,6BACV,SAAA,CAAAC,EAAAA,IAACC,EAAA,EAAW,EACZD,EAAAA,IAAC,OAAA,CAAK,UAAU,OAAO,SAAA,oBAAA,CAAkB,CAAA,EAC7C,EACAA,EAAAA,IAAC,IAAA,CAAE,UAAU,2BAA2B,SAAA,+DAAA,CAA6D,CAAA,EACzG,EACAD,EAAAA,KAAC,MAAA,CAAI,UAAU,oGACX,SAAA,CAAAC,EAAAA,IAAC,WAAA,CACG,MAAOJ,EACP,SAAWM,GAAML,EAAQK,EAAE,OAAO,KAAK,EACvC,UAAU,oGACV,WAAW,OAAA,CAAA,EAEfF,EAAAA,IAAC,MAAA,CAAI,UAAU,6EAA6E,cAAY,OACpG,SAAAA,EAAAA,IAACZ,EAAA,CAAgB,KAAMQ,CAAA,CAAM,CAAA,CACjC,CAAA,EACJ,EACCI,EAAAA,IAAC,IAAA,CAAE,UAAU,+CAA+C,SAAA,0EAAA,CAAwE,CAAA,EACzI,CAER"}
\ No newline at end of file
diff --git a/assets/ColorPaletteGenerator-Cvsu53-R.js b/assets/ColorPaletteGenerator-Cvsu53-R.js
new file mode 100644
index 0000000000000000000000000000000000000000..0d6de2f70783ccb76f3e0ce7b7e08b76b6aa8aa1
--- /dev/null
+++ b/assets/ColorPaletteGenerator-Cvsu53-R.js
@@ -0,0 +1,2 @@
+import{r,j as e}from"./react-DKy9e2uO.js";import{Z as u}from"./react-colorful-4Kqy2sC7.js";import{V as b,S as h,L as c}from"./index-Ck8YGBbR.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const A=()=>{const[s,i]=r.useState("#0047AB"),[d,m]=r.useState(["#0047AB","#3366CC","#6688D1","#99AADD","#CCD3E8","#F0F2F5"]),[a,o]=r.useState(!1),[l,n]=r.useState(""),x=r.useCallback(async()=>{o(!0),n("");try{const t=await b(s);m(t.colors)}catch(t){const f=t instanceof Error?t.message:"An unknown error occurred.";n(`Failed to generate palette: ${f}`)}finally{o(!1)}},[s]),p=t=>{navigator.clipboard.writeText(t)};return e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6 text-center",children:[e.jsxs("h1",{className:"text-3xl font-bold flex items-center justify-center",children:[e.jsx(h,{}),e.jsx("span",{className:"ml-3",children:"AI Color Palette Generator"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Pick a base color and let Gemini design a beautiful palette for you."})]}),e.jsxs("div",{className:"flex-grow flex flex-col md:flex-row items-center justify-center gap-8",children:[e.jsxs("div",{className:"flex flex-col items-center gap-4",children:[e.jsx(u,{color:s,onChange:i,className:"!w-64 !h-64"}),e.jsx("div",{className:"p-2 bg-surface rounded-md font-mono text-lg border border-border",style:{color:s},children:s}),e.jsx("button",{onClick:x,disabled:a,className:"btn-primary w-full flex items-center justify-center px-6 py-3",children:a?e.jsx(c,{}):"Generate Palette"}),l&&e.jsx("p",{className:"text-red-500 text-sm mt-2",children:l})]}),e.jsxs("div",{className:"flex flex-col gap-2 w-full max-w-sm",children:[e.jsx("label",{className:"text-sm font-medium text-text-secondary mb-2",children:"Generated Palette:"}),a?e.jsx("div",{className:"flex items-center justify-center h-48",children:e.jsx(c,{})}):d.map(t=>e.jsxs("div",{className:"group flex items-center justify-between p-4 rounded-md shadow-md border border-border",style:{backgroundColor:t},children:[e.jsx("span",{className:"font-mono font-bold text-black/70 mix-blend-overlay",children:t}),e.jsx("button",{onClick:()=>p(t),className:"opacity-0 group-hover:opacity-100 transition-opacity bg-white/30 hover:bg-white/50 px-3 py-1 rounded text-xs text-black font-semibold backdrop-blur-sm",children:"Copy"})]},t))]})]})]})};export{A as ColorPaletteGenerator};
+//# sourceMappingURL=ColorPaletteGenerator-Cvsu53-R.js.map
diff --git a/assets/ColorPaletteGenerator-Cvsu53-R.js.map b/assets/ColorPaletteGenerator-Cvsu53-R.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..6829ca09b0744b9e3ff733daa1f9fc388d809bd4
--- /dev/null
+++ b/assets/ColorPaletteGenerator-Cvsu53-R.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"ColorPaletteGenerator-Cvsu53-R.js","sources":["../../components/features/ColorPaletteGenerator.tsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport { HexColorPicker } from 'react-colorful';\nimport { generateColorPalette } from '../../services/index.ts';\nimport { SparklesIcon } from '../icons.tsx';\nimport { LoadingSpinner } from '../shared/index.tsx';\n\nexport const ColorPaletteGenerator: React.FC = () => {\n    const [baseColor, setBaseColor] = useState(\"#0047AB\");\n    const [palette, setPalette] = useState<string[]>(['#0047AB', '#3366CC', '#6688D1', '#99AADD', '#CCD3E8', '#F0F2F5']);\n    const [isLoading, setIsLoading] = useState<boolean>(false);\n    const [error, setError] = useState<string>('');\n\n    const handleGenerate = useCallback(async () => {\n        setIsLoading(true);\n        setError('');\n        try {\n            const result = await generateColorPalette(baseColor);\n            setPalette(result.colors);\n        } catch (err) {\n            const errorMessage = err instanceof Error ? err.message : 'An unknown error occurred.';\n            setError(`Failed to generate palette: ${errorMessage}`);\n        } finally {\n            setIsLoading(false);\n        }\n    }, [baseColor]);\n\n    const handleCopy = (color: string) => {\n        navigator.clipboard.writeText(color);\n    };\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6 text-center\">\n                <h1 className=\"text-3xl font-bold flex items-center justify-center\">\n                    <SparklesIcon />\n                    <span className=\"ml-3\">AI Color Palette Generator</span>\n                </h1>\n                <p className=\"text-text-secondary mt-1\">Pick a base color and let Gemini design a beautiful palette for you.</p>\n            </header>\n            <div className=\"flex-grow flex flex-col md:flex-row items-center justify-center gap-8\">\n                <div className=\"flex flex-col items-center gap-4\">\n                     <HexColorPicker color={baseColor} onChange={setBaseColor} className=\"!w-64 !h-64\"/>\n                     <div className=\"p-2 bg-surface rounded-md font-mono text-lg border border-border\" style={{color: baseColor}}>{baseColor}</div>\n                      <button\n                        onClick={handleGenerate}\n                        disabled={isLoading}\n                        className=\"btn-primary w-full flex items-center justify-center px-6 py-3\"\n                    >\n                        {isLoading ? <LoadingSpinner /> : 'Generate Palette'}\n                    </button>\n                    {error && <p className=\"text-red-500 text-sm mt-2\">{error}</p>}\n                </div>\n                <div className=\"flex flex-col gap-2 w-full max-w-sm\">\n                    <label className=\"text-sm font-medium text-text-secondary mb-2\">Generated Palette:</label>\n                    {isLoading ? (\n                         <div className=\"flex items-center justify-center h-48\"><LoadingSpinner /></div>\n                    ) : (\n                        palette.map((color) => (\n                            <div key={color} className=\"group flex items-center justify-between p-4 rounded-md shadow-md border border-border\" style={{ backgroundColor: color }}>\n                                <span className=\"font-mono font-bold text-black/70 mix-blend-overlay\">{color}</span>\n                                <button\n                                    onClick={() => handleCopy(color)}\n                                    className=\"opacity-0 group-hover:opacity-100 transition-opacity bg-white/30 hover:bg-white/50 px-3 py-1 rounded text-xs text-black font-semibold backdrop-blur-sm\">\n                                    Copy\n                                </button>\n                            </div>\n                        ))\n                    )}\n                </div>\n            </div>\n        </div>\n    );\n};"],"names":["ColorPaletteGenerator","baseColor","setBaseColor","useState","palette","setPalette","isLoading","setIsLoading","error","setError","handleGenerate","useCallback","result","generateColorPalette","err","errorMessage","handleCopy","color","jsxs","jsx","SparklesIcon","HexColorPicker","LoadingSpinner"],"mappings":"mWAMO,MAAMA,EAAkC,IAAM,CACjD,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,SAAS,EAC9C,CAACC,EAASC,CAAU,EAAIF,EAAAA,SAAmB,CAAC,UAAW,UAAW,UAAW,UAAW,UAAW,SAAS,CAAC,EAC7G,CAACG,EAAWC,CAAY,EAAIJ,EAAAA,SAAkB,EAAK,EACnD,CAACK,EAAOC,CAAQ,EAAIN,EAAAA,SAAiB,EAAE,EAEvCO,EAAiBC,EAAAA,YAAY,SAAY,CAC3CJ,EAAa,EAAI,EACjBE,EAAS,EAAE,EACX,GAAI,CACA,MAAMG,EAAS,MAAMC,EAAqBZ,CAAS,EACnDI,EAAWO,EAAO,MAAM,CAC5B,OAASE,EAAK,CACV,MAAMC,EAAeD,aAAe,MAAQA,EAAI,QAAU,6BAC1DL,EAAS,+BAA+BM,CAAY,EAAE,CAC1D,QAAA,CACIR,EAAa,EAAK,CACtB,CACJ,EAAG,CAACN,CAAS,CAAC,EAERe,EAAcC,GAAkB,CAClC,UAAU,UAAU,UAAUA,CAAK,CACvC,EAEA,OACIC,EAAAA,KAAC,MAAA,CAAI,UAAU,2DACX,SAAA,CAAAA,EAAAA,KAAC,SAAA,CAAO,UAAU,mBACd,SAAA,CAAAA,EAAAA,KAAC,KAAA,CAAG,UAAU,sDACV,SAAA,CAAAC,EAAAA,IAACC,EAAA,EAAa,EACdD,EAAAA,IAAC,OAAA,CAAK,UAAU,OAAO,SAAA,4BAAA,CAA0B,CAAA,EACrD,EACAA,EAAAA,IAAC,IAAA,CAAE,UAAU,2BAA2B,SAAA,sEAAA,CAAoE,CAAA,EAChH,EACAD,EAAAA,KAAC,MAAA,CAAI,UAAU,wEACX,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,mCACV,SAAA,CAAAC,MAACE,GAAe,MAAOpB,EAAW,SAAUC,EAAc,UAAU,cAAa,EACjFiB,EAAAA,IAAC,OAAI,UAAU,mEAAmE,MAAO,CAAC,MAAOlB,CAAA,EAAa,SAAAA,CAAA,CAAU,EACvHkB,EAAAA,IAAC,SAAA,CACC,QAAST,EACT,SAAUJ,EACV,UAAU,gEAET,SAAAA,EAAYa,EAAAA,IAACG,EAAA,CAAA,CAAe,EAAK,kBAAA,CAAA,EAErCd,GAASW,EAAAA,IAAC,IAAA,CAAE,UAAU,4BAA6B,SAAAX,CAAA,CAAM,CAAA,EAC9D,EACAU,EAAAA,KAAC,MAAA,CAAI,UAAU,sCACX,SAAA,CAAAC,EAAAA,IAAC,QAAA,CAAM,UAAU,+CAA+C,SAAA,qBAAkB,EACjFb,QACK,MAAA,CAAI,UAAU,wCAAwC,SAAAa,MAACG,EAAA,CAAA,CAAe,EAAE,EAE1ElB,EAAQ,IAAKa,UACR,MAAA,CAAgB,UAAU,wFAAwF,MAAO,CAAE,gBAAiBA,CAAA,EACzI,SAAA,CAAAE,EAAAA,IAAC,OAAA,CAAK,UAAU,sDAAuD,SAAAF,EAAM,EAC7EE,EAAAA,IAAC,SAAA,CACG,QAAS,IAAMH,EAAWC,CAAK,EAC/B,UAAU,yJAAyJ,SAAA,MAAA,CAAA,CAEvK,CAAA,EANMA,CAOV,CACH,CAAA,CAAA,CAET,CAAA,CAAA,CACJ,CAAA,EACJ,CAER"}
\ No newline at end of file
diff --git a/assets/CronJobBuilder-DxMd1_TG.js b/assets/CronJobBuilder-DxMd1_TG.js
new file mode 100644
index 0000000000000000000000000000000000000000..2b47c2d564354fec75d99a13dc5a8a7c72e94a0a
--- /dev/null
+++ b/assets/CronJobBuilder-DxMd1_TG.js
@@ -0,0 +1,2 @@
+import{r as t,j as e}from"./react-DKy9e2uO.js";import{x as C,y as N,L as S,S as k}from"./index-Ck8YGBbR.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const c=({label:o,value:n,onChange:i,options:l})=>e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-text-secondary",children:o}),e.jsxs("select",{value:n,onChange:a=>i(a.target.value),className:"w-full mt-1 px-3 py-2 rounded-md bg-surface border border-border",children:[e.jsx("option",{value:"*",children:"* (every)"}),l.map(a=>e.jsx("option",{value:a,children:a},a))]})]}),$=({initialPrompt:o})=>{const[n,i]=t.useState("0"),[l,a]=t.useState("17"),[d,p]=t.useState("*"),[x,h]=t.useState("*"),[m,g]=t.useState("1-5"),[b,y]=t.useState(o||"every weekday at 5pm"),[f,j]=t.useState(!1),v=t.useMemo(()=>`${n} ${l} ${d} ${x} ${m}`,[n,l,d,x,m]),u=t.useCallback(async r=>{if(r){j(!0);try{const s=await C(r);i(s.minute),a(s.hour),p(s.dayOfMonth),h(s.month),g(s.dayOfWeek)}catch(s){console.error(s)}finally{j(!1)}}},[]);return t.useEffect(()=>{o&&(y(o),u(o))},[o,u]),e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6",children:[e.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[e.jsx(N,{}),e.jsx("span",{className:"ml-3",children:"AI Cron Job Builder"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Visually construct a cron expression or describe it in plain English."})]}),e.jsxs("div",{className:"flex gap-2 mb-6",children:[e.jsx("input",{type:"text",value:b,onChange:r=>y(r.target.value),placeholder:"Describe a schedule...",className:"flex-grow px-3 py-1.5 rounded-md bg-surface border border-border text-sm"}),e.jsxs("button",{onClick:()=>u(b),disabled:f,className:"btn-primary px-4 py-1.5 flex items-center gap-2",children:[f?e.jsx(S,{}):e.jsx(k,{})," AI Generate"]})]}),e.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-5 gap-4 mb-6",children:[e.jsx(c,{label:"Minute",value:n,onChange:i,options:Array.from({length:60},(r,s)=>s)}),e.jsx(c,{label:"Hour",value:l,onChange:a,options:Array.from({length:24},(r,s)=>s)}),e.jsx(c,{label:"Day (Month)",value:d,onChange:p,options:Array.from({length:31},(r,s)=>s+1)}),e.jsx(c,{label:"Month",value:x,onChange:h,options:Array.from({length:12},(r,s)=>s+1)}),e.jsx(c,{label:"Day (Week)",value:m,onChange:g,options:Array.from({length:7},(r,s)=>s)})]}),e.jsxs("div",{className:"bg-surface p-4 rounded-lg text-center border border-border",children:[e.jsx("p",{className:"text-text-secondary text-sm",children:"Generated Expression"}),e.jsx("p",{className:"font-mono text-primary text-2xl mt-1",children:v}),e.jsx("button",{onClick:()=>navigator.clipboard.writeText(v),className:"mt-4 px-3 py-1 bg-gray-100 hover:bg-gray-200 rounded-md text-xs",children:"Copy"})]})]})};export{$ as CronJobBuilder};
+//# sourceMappingURL=CronJobBuilder-DxMd1_TG.js.map
diff --git a/assets/CronJobBuilder-DxMd1_TG.js.map b/assets/CronJobBuilder-DxMd1_TG.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..4c0ac8fbc4717d137a41bc9a44133c85515c0f77
--- /dev/null
+++ b/assets/CronJobBuilder-DxMd1_TG.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"CronJobBuilder-DxMd1_TG.js","sources":["../../components/features/CronJobBuilder.tsx"],"sourcesContent":["import React, { useState, useMemo, useCallback, useEffect } from 'react';\nimport { CommandLineIcon, SparklesIcon } from '../icons.tsx';\nimport { generateCronFromDescription, CronParts } from '../../services/index.ts';\nimport { LoadingSpinner } from '../shared/index.tsx';\n\nconst CronPartSelector: React.FC<{ label: string, value: string, onChange: (value: string) => void, options: (string|number)[] }> = ({ label, value, onChange, options }) => {\n    return (\n        <div>\n            <label className=\"block text-sm font-medium text-text-secondary\">{label}</label>\n            <select value={value} onChange={e => onChange(e.target.value)} className=\"w-full mt-1 px-3 py-2 rounded-md bg-surface border border-border\">\n                <option value=\"*\">* (every)</option>\n                {options.map(o => <option key={o} value={o}>{o}</option>)}\n            </select>\n        </div>\n    );\n};\n\nexport const CronJobBuilder: React.FC<{ initialPrompt?: string }> = ({ initialPrompt }) => {\n    const [minute, setMinute] = useState('0');\n    const [hour, setHour] = useState('17');\n    const [dayOfMonth, setDayOfMonth] = useState('*');\n    const [month, setMonth] = useState('*');\n    const [dayOfWeek, setDayOfWeek] = useState('1-5');\n    const [aiPrompt, setAiPrompt] = useState(initialPrompt || 'every weekday at 5pm');\n    const [isLoading, setIsLoading] = useState(false);\n    \n    const cronExpression = useMemo(() => {\n        return `${minute} ${hour} ${dayOfMonth} ${month} ${dayOfWeek}`;\n    }, [minute, hour, dayOfMonth, month, dayOfWeek]);\n\n    const handleAiGenerate = useCallback(async (p: string) => {\n        if (!p) return;\n        setIsLoading(true);\n        try {\n            const result: CronParts = await generateCronFromDescription(p);\n            setMinute(result.minute);\n            setHour(result.hour);\n            setDayOfMonth(result.dayOfMonth);\n            setMonth(result.month);\n            setDayOfWeek(result.dayOfWeek);\n        } catch (e) {\n            console.error(e);\n        } finally {\n            setIsLoading(false);\n        }\n    }, []);\n\n    useEffect(() => {\n        if (initialPrompt) {\n            setAiPrompt(initialPrompt);\n            handleAiGenerate(initialPrompt);\n        }\n    }, [initialPrompt, handleAiGenerate]);\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6\">\n                <h1 className=\"text-3xl font-bold flex items-center\">\n                    <CommandLineIcon />\n                    <span className=\"ml-3\">AI Cron Job Builder</span>\n                </h1>\n                <p className=\"text-text-secondary mt-1\">Visually construct a cron expression or describe it in plain English.</p>\n            </header>\n             <div className=\"flex gap-2 mb-6\">\n                <input type=\"text\" value={aiPrompt} onChange={e => setAiPrompt(e.target.value)} placeholder=\"Describe a schedule...\" className=\"flex-grow px-3 py-1.5 rounded-md bg-surface border border-border text-sm\"/>\n                <button onClick={() => handleAiGenerate(aiPrompt)} disabled={isLoading} className=\"btn-primary px-4 py-1.5 flex items-center gap-2\">\n                    {isLoading ? <LoadingSpinner /> : <SparklesIcon />} AI Generate\n                </button>\n            </div>\n            <div className=\"grid grid-cols-2 md:grid-cols-5 gap-4 mb-6\">\n                <CronPartSelector label=\"Minute\" value={minute} onChange={setMinute} options={Array.from({length: 60}, (_, i) => i)} />\n                <CronPartSelector label=\"Hour\" value={hour} onChange={setHour} options={Array.from({length: 24}, (_, i) => i)} />\n                <CronPartSelector label=\"Day (Month)\" value={dayOfMonth} onChange={setDayOfMonth} options={Array.from({length: 31}, (_, i) => i + 1)} />\n                <CronPartSelector label=\"Month\" value={month} onChange={setMonth} options={Array.from({length: 12}, (_, i) => i + 1)} />\n                <CronPartSelector label=\"Day (Week)\" value={dayOfWeek} onChange={setDayOfWeek} options={Array.from({length: 7}, (_, i) => i)} />\n            </div>\n            <div className=\"bg-surface p-4 rounded-lg text-center border border-border\">\n                <p className=\"text-text-secondary text-sm\">Generated Expression</p>\n                <p className=\"font-mono text-primary text-2xl mt-1\">{cronExpression}</p>\n                 <button onClick={() => navigator.clipboard.writeText(cronExpression)} className=\"mt-4 px-3 py-1 bg-gray-100 hover:bg-gray-200 rounded-md text-xs\">Copy</button>\n            </div>\n        </div>\n    );\n};"],"names":["CronPartSelector","label","value","onChange","options","jsx","jsxs","e","o","CronJobBuilder","initialPrompt","minute","setMinute","useState","hour","setHour","dayOfMonth","setDayOfMonth","month","setMonth","dayOfWeek","setDayOfWeek","aiPrompt","setAiPrompt","isLoading","setIsLoading","cronExpression","useMemo","handleAiGenerate","useCallback","p","result","generateCronFromDescription","useEffect","CommandLineIcon","LoadingSpinner","SparklesIcon","_","i"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/CssGridEditor-Tggo3uo4.js b/assets/CssGridEditor-Tggo3uo4.js
new file mode 100644
index 0000000000000000000000000000000000000000..b3d7d8f7a349d2381561409b2894d5bba6f07ac6
--- /dev/null
+++ b/assets/CssGridEditor-Tggo3uo4.js
@@ -0,0 +1,7 @@
+import{r as n,j as e}from"./react-DKy9e2uO.js";import{i as y,A as f,j}from"./index-Ck8YGBbR.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const r={rows:3,cols:4,rowGap:1,colGap:1},F=()=>{const[a,c]=n.useState(r.rows),[t,i]=n.useState(r.cols),[l,m]=n.useState(r.rowGap),[o,x]=n.useState(r.colGap),g={display:"grid",gridTemplateColumns:`repeat(${t}, 1fr)`,gridTemplateRows:`repeat(${a}, 1fr)`,gap:`${l}rem ${o}rem`,height:"100%",width:"100%"},d=n.useMemo(()=>`.grid-container {
+  display: grid;
+  grid-template-columns: repeat(${t}, 1fr);
+  grid-template-rows: repeat(${a}, 1fr);
+  gap: ${l}rem ${o}rem;
+}`,[a,t,l,o]),u=()=>{navigator.clipboard.writeText(d)},h=()=>{j(d,"grid.css","text/css")},b=()=>{c(r.rows),i(r.cols),m(r.rowGap),x(r.colGap)};return e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6",children:[e.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[e.jsx(y,{}),e.jsx("span",{className:"ml-3",children:"CSS Grid Visual Editor"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Configure your grid layout and copy the generated CSS."})]}),e.jsxs("div",{className:"flex-grow grid grid-cols-1 lg:grid-cols-3 gap-6 min-h-0",children:[e.jsxs("div",{className:"lg:col-span-1 flex flex-col gap-4 bg-surface border border-border p-6 rounded-lg overflow-y-auto",children:[e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx("h3",{className:"text-xl font-bold",children:"Controls"}),e.jsx("button",{onClick:b,className:"text-xs px-3 py-1 bg-gray-100 hover:bg-gray-200 rounded-md",children:"Reset"})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsxs("label",{htmlFor:"rows",className:"block text-sm font-medium text-text-secondary",children:["Rows (",a,")"]}),e.jsx("input",{id:"rows",type:"range",min:"1",max:"12",value:a,onChange:s=>c(Number(s.target.value)),className:"w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer"})]}),e.jsxs("div",{children:[e.jsxs("label",{htmlFor:"cols",className:"block text-sm font-medium text-text-secondary",children:["Columns (",t,")"]}),e.jsx("input",{id:"cols",type:"range",min:"1",max:"12",value:t,onChange:s=>i(Number(s.target.value)),className:"w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer"})]}),e.jsxs("div",{children:[e.jsxs("label",{htmlFor:"rowGap",className:"block text-sm font-medium text-text-secondary",children:["Row Gap (",l,"rem)"]}),e.jsx("input",{id:"rowGap",type:"range",min:"0",max:"8",step:"0.25",value:l,onChange:s=>m(Number(s.target.value)),className:"w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer"})]}),e.jsxs("div",{children:[e.jsxs("label",{htmlFor:"colGap",className:"block text-sm font-medium text-text-secondary",children:["Column Gap (",o,"rem)"]}),e.jsx("input",{id:"colGap",type:"range",min:"0",max:"8",step:"0.25",value:o,onChange:s=>x(Number(s.target.value)),className:"w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer"})]})]}),e.jsxs("div",{className:"flex-grow mt-4 flex flex-col min-h-[150px]",children:[e.jsxs("div",{className:"flex justify-between items-center mb-2",children:[e.jsx("label",{className:"text-sm font-medium text-text-secondary",children:"Generated CSS"}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx("button",{onClick:u,className:"px-2 py-1 bg-gray-100 hover:bg-gray-200 rounded-md text-xs",children:"Copy"}),e.jsxs("button",{onClick:h,className:"flex items-center gap-1 px-2 py-1 bg-gray-100 hover:bg-gray-200 rounded-md text-xs",children:[e.jsx(f,{className:"w-4 h-4"})," Download"]})]})]}),e.jsx("div",{className:"relative flex-grow",children:e.jsx("pre",{className:"bg-background p-4 rounded-md text-primary text-sm overflow-auto h-full w-full absolute",children:d})})]})]}),e.jsx("div",{className:"lg:col-span-2 bg-background rounded-lg p-4 border-2 border-dashed border-border",children:e.jsx("div",{style:g,children:Array.from({length:a*t}).map((s,p)=>e.jsx("div",{className:"bg-primary/10 rounded-lg border-2 border-dashed border-primary/50 flex items-center justify-center text-primary",children:e.jsx("span",{className:"text-xs opacity-70",children:p+1})},p))})})]})]})};export{F as CssGridEditor};
+//# sourceMappingURL=CssGridEditor-Tggo3uo4.js.map
diff --git a/assets/CssGridEditor-Tggo3uo4.js.map b/assets/CssGridEditor-Tggo3uo4.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..3a1b33c4ee26bc3b2a24681a1b9657b9888d63a6
--- /dev/null
+++ b/assets/CssGridEditor-Tggo3uo4.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"CssGridEditor-Tggo3uo4.js","sources":["../../components/features/CssGridEditor.tsx"],"sourcesContent":["import React, { useState, useMemo } from 'react';\nimport { CodeBracketSquareIcon, ArrowDownTrayIcon } from '../icons.tsx';\nimport { downloadFile } from '../../services/index.ts';\n\nconst initialSettings = { rows: 3, cols: 4, rowGap: 1, colGap: 1 };\n\nexport const CssGridEditor: React.FC = () => {\n    const [rows, setRows] = useState(initialSettings.rows);\n    const [cols, setCols] = useState(initialSettings.cols);\n    const [rowGap, setRowGap] = useState(initialSettings.rowGap);\n    const [colGap, setColGap] = useState(initialSettings.colGap);\n\n    const gridStyle = {\n        display: 'grid',\n        gridTemplateColumns: `repeat(${cols}, 1fr)`,\n        gridTemplateRows: `repeat(${rows}, 1fr)`,\n        gap: `${rowGap}rem ${colGap}rem`,\n        height: '100%',\n        width: '100%'\n    };\n\n    const cssCode = useMemo(() => {\n        return `.grid-container {\n  display: grid;\n  grid-template-columns: repeat(${cols}, 1fr);\n  grid-template-rows: repeat(${rows}, 1fr);\n  gap: ${rowGap}rem ${colGap}rem;\n}`;\n    }, [rows, cols, rowGap, colGap]);\n    \n    const handleCopy = () => {\n        navigator.clipboard.writeText(cssCode);\n    };\n    \n    const handleDownload = () => {\n        downloadFile(cssCode, 'grid.css', 'text/css');\n    };\n\n    const handleReset = () => {\n        setRows(initialSettings.rows);\n        setCols(initialSettings.cols);\n        setRowGap(initialSettings.rowGap);\n        setColGap(initialSettings.colGap);\n    };\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6\">\n                <h1 className=\"text-3xl font-bold flex items-center\">\n                    <CodeBracketSquareIcon />\n                    <span className=\"ml-3\">CSS Grid Visual Editor</span>\n                </h1>\n                <p className=\"text-text-secondary mt-1\">Configure your grid layout and copy the generated CSS.</p>\n            </header>\n            <div className=\"flex-grow grid grid-cols-1 lg:grid-cols-3 gap-6 min-h-0\">\n                <div className=\"lg:col-span-1 flex flex-col gap-4 bg-surface border border-border p-6 rounded-lg overflow-y-auto\">\n                    <div className=\"flex justify-between items-center\">\n                        <h3 className=\"text-xl font-bold\">Controls</h3>\n                        <button onClick={handleReset} className=\"text-xs px-3 py-1 bg-gray-100 hover:bg-gray-200 rounded-md\">Reset</button>\n                    </div>\n                    <div className=\"space-y-4\">\n                        <div>\n                            <label htmlFor=\"rows\" className=\"block text-sm font-medium text-text-secondary\">Rows ({rows})</label>\n                            <input id=\"rows\" type=\"range\" min=\"1\" max=\"12\" value={rows} onChange={e => setRows(Number(e.target.value))} className=\"w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer\" />\n                        </div>\n                        <div>\n                            <label htmlFor=\"cols\" className=\"block text-sm font-medium text-text-secondary\">Columns ({cols})</label>\n                            <input id=\"cols\" type=\"range\" min=\"1\" max=\"12\" value={cols} onChange={e => setCols(Number(e.target.value))} className=\"w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer\" />\n                        </div>\n                         <div>\n                            <label htmlFor=\"rowGap\" className=\"block text-sm font-medium text-text-secondary\">Row Gap ({rowGap}rem)</label>\n                            <input id=\"rowGap\" type=\"range\" min=\"0\" max=\"8\" step=\"0.25\" value={rowGap} onChange={e => setRowGap(Number(e.target.value))} className=\"w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer\" />\n                        </div>\n                         <div>\n                            <label htmlFor=\"colGap\" className=\"block text-sm font-medium text-text-secondary\">Column Gap ({colGap}rem)</label>\n                            <input id=\"colGap\" type=\"range\" min=\"0\" max=\"8\" step=\"0.25\" value={colGap} onChange={e => setColGap(Number(e.target.value))} className=\"w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer\" />\n                        </div>\n                    </div>\n                     <div className=\"flex-grow mt-4 flex flex-col min-h-[150px]\">\n                        <div className=\"flex justify-between items-center mb-2\">\n                            <label className=\"text-sm font-medium text-text-secondary\">Generated CSS</label>\n                            <div className=\"flex gap-2\">\n                                <button onClick={handleCopy} className=\"px-2 py-1 bg-gray-100 hover:bg-gray-200 rounded-md text-xs\">Copy</button>\n                                <button onClick={handleDownload} className=\"flex items-center gap-1 px-2 py-1 bg-gray-100 hover:bg-gray-200 rounded-md text-xs\"><ArrowDownTrayIcon className=\"w-4 h-4\"/> Download</button>\n                            </div>\n                        </div>\n                        <div className=\"relative flex-grow\">\n                            <pre className=\"bg-background p-4 rounded-md text-primary text-sm overflow-auto h-full w-full absolute\">{cssCode}</pre>\n                        </div>\n                    </div>\n                </div>\n                <div className=\"lg:col-span-2 bg-background rounded-lg p-4 border-2 border-dashed border-border\">\n                    <div style={gridStyle}>\n                        {Array.from({ length: rows * cols }).map((_, i) => (\n                            <div key={i} className=\"bg-primary/10 rounded-lg border-2 border-dashed border-primary/50 flex items-center justify-center text-primary\">\n                                <span className=\"text-xs opacity-70\">{i + 1}</span>\n                            </div>\n                        ))}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};"],"names":["initialSettings","CssGridEditor","rows","setRows","useState","cols","setCols","rowGap","setRowGap","colGap","setColGap","gridStyle","cssCode","useMemo","handleCopy","handleDownload","downloadFile","handleReset","jsxs","jsx","CodeBracketSquareIcon","e","ArrowDownTrayIcon","_","i"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/DigitalWhiteboard-mqmKu9Bh.js b/assets/DigitalWhiteboard-mqmKu9Bh.js
new file mode 100644
index 0000000000000000000000000000000000000000..6eb20a63af73ab0801a5f0c072218793f8c318dd
--- /dev/null
+++ b/assets/DigitalWhiteboard-mqmKu9Bh.js
@@ -0,0 +1,3 @@
+import{r as c,j as t}from"./react-DKy9e2uO.js";import{u as v,m as k,n as S,S as C,L as z,M}from"./index-Ck8YGBbR.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const d=["bg-yellow-400","bg-green-400","bg-blue-400","bg-pink-400","bg-purple-400","bg-orange-400"],D=["text-yellow-900","text-green-900","text-blue-900","text-pink-900","text-purple-900","text-orange-900"],W=()=>{const[s,m]=v("devcore_whiteboard_notes",[]),[a,g]=c.useState(null),[n,p]=c.useState(!1),[u,l]=c.useState(""),h=c.useCallback(async()=>{if(s.length!==0){p(!0),l("");try{const e=s.map(i=>`- ${i.text}`).join(`
+`),r=k(e);let o="";for await(const i of r)o+=i,l(o)}catch(e){console.error(e),l("Sorry, an error occurred while summarizing.")}finally{p(!1)}}},[s]),y=()=>{const e={id:Date.now(),text:"New idea...",x:50,y:50,color:d[s.length%d.length]};m([...s,e])},j=(e,r)=>{r.stopPropagation(),m(s.filter(o=>o.id!==e))},x=(e,r)=>{m(s.map(o=>o.id===e?{...o,...r}:o))},N=(e,r)=>{const o=e.target;if(o.tagName==="TEXTAREA"||o.dataset.role==="button")return;const b=e.currentTarget.getBoundingClientRect();g({id:r,offsetX:e.clientX-b.left,offsetY:e.clientY-b.top})},w=e=>{if(!a)return;const r=e.currentTarget.getBoundingClientRect();x(a.id,{x:e.clientX-a.offsetX-r.left,y:e.clientY-a.offsetY-r.top})},f=()=>g(null);return t.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[t.jsxs("header",{className:"mb-6 flex justify-between items-center",children:[t.jsxs("div",{children:[t.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[t.jsx(S,{}),t.jsx("span",{className:"ml-3",children:"Digital Whiteboard"})]}),t.jsx("p",{className:"text-text-secondary mt-1",children:"Organize your ideas with interactive sticky notes and AI summaries."})]}),t.jsxs("div",{className:"flex gap-2",children:[t.jsxs("button",{onClick:h,disabled:n||s.length===0,className:"btn-primary flex items-center gap-2 px-4 py-2",children:[t.jsx(C,{})," ",n?"Summarizing...":"AI Summarize"]}),t.jsx("button",{onClick:y,className:"btn-primary px-6 py-2",children:"Add Note"})]})]}),t.jsx("div",{className:"relative flex-grow bg-background border-2 border-dashed border-border rounded-lg overflow-hidden",onMouseMove:w,onMouseUp:f,onMouseLeave:f,children:s.map(e=>t.jsxs("div",{className:`group absolute w-56 h-56 p-2 flex flex-col shadow-lg cursor-grab active:cursor-grabbing rounded-md transition-transform duration-100 border border-black/40 ${e.color} ${D[d.indexOf(e.color)]}`,style:{top:e.y,left:e.x,transform:(a==null?void 0:a.id)===e.id?"scale(1.05)":"scale(1)"},onMouseDown:r=>N(r,e.id),children:[t.jsx("button",{"data-role":"button",onClick:r=>j(e.id,r),className:"absolute -top-2 -right-2 w-6 h-6 rounded-full bg-gray-700 text-white font-bold text-xs flex items-center justify-center opacity-0 group-hover:opacity-100 hover:bg-red-500 transition-all",children:"×"}),t.jsx("textarea",{value:e.text,onChange:r=>x(e.id,{text:r.target.value}),className:"w-full h-full bg-transparent resize-none focus:outline-none font-medium p-1"}),t.jsx("div",{"data-role":"button",className:"flex-shrink-0 flex justify-center gap-1 p-1 opacity-0 group-hover:opacity-100 transition-opacity",children:d.map((r,o)=>t.jsx("button",{onClick:()=>x(e.id,{color:r}),className:`w-4 h-4 rounded-full ${r} border border-black/20 ${e.color===r?"ring-2 ring-offset-1 ring-black/50":""}`},r))})]},e.id))}),(n||u)&&t.jsx("div",{className:"fixed inset-0 bg-gray-900/80 backdrop-blur-sm z-50 flex items-center justify-center",onClick:()=>l(""),children:t.jsxs("div",{className:"w-full max-w-2xl bg-surface border border-border rounded-lg shadow-2xl p-6",onClick:e=>e.stopPropagation(),children:[t.jsx("h2",{className:"text-xl font-bold mb-4",children:"AI Summary of Notes"}),n&&!u?t.jsx(z,{}):t.jsx(M,{content:u})]})})]})};export{W as DigitalWhiteboard};
+//# sourceMappingURL=DigitalWhiteboard-mqmKu9Bh.js.map
diff --git a/assets/DigitalWhiteboard-mqmKu9Bh.js.map b/assets/DigitalWhiteboard-mqmKu9Bh.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..3a094f26c701d92a65fb7f9ced7a2990c9127a7d
--- /dev/null
+++ b/assets/DigitalWhiteboard-mqmKu9Bh.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"DigitalWhiteboard-mqmKu9Bh.js","sources":["../../components/features/DigitalWhiteboard.tsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport { SparklesIcon, DigitalWhiteboardIcon } from '../icons.tsx';\nimport { useLocalStorage } from '../../hooks/useLocalStorage.ts';\nimport { summarizeNotesStream } from '../../services/index.ts';\nimport { LoadingSpinner } from '../shared/index.tsx';\nimport { MarkdownRenderer } from '../shared/index.tsx';\n\ninterface Note {\n    id: number;\n    text: string;\n    x: number;\n    y: number;\n    color: string;\n}\n\nconst colors = ['bg-yellow-400', 'bg-green-400', 'bg-blue-400', 'bg-pink-400', 'bg-purple-400', 'bg-orange-400'];\nconst textColors = ['text-yellow-900', 'text-green-900', 'text-blue-900', 'text-pink-900', 'text-purple-900', 'text-orange-900'];\n\nexport const DigitalWhiteboard: React.FC = () => {\n    const [notes, setNotes] = useLocalStorage<Note[]>('devcore_whiteboard_notes', []);\n    const [dragging, setDragging] = useState<{ id: number; offsetX: number; offsetY: number } | null>(null);\n    const [isSummarizing, setIsSummarizing] = useState(false);\n    const [summary, setSummary] = useState('');\n\n    const handleSummarize = useCallback(async () => {\n        if (notes.length === 0) return;\n        setIsSummarizing(true);\n        setSummary('');\n        try {\n            const allNotesText = notes.map((n: Note) => `- ${n.text}`).join('\\n');\n            const stream = summarizeNotesStream(allNotesText);\n            let fullResponse = '';\n            for await (const chunk of stream) {\n                fullResponse += chunk;\n                setSummary(fullResponse);\n            }\n        } catch (error) {\n            console.error(error);\n            setSummary('Sorry, an error occurred while summarizing.');\n        } finally {\n            setIsSummarizing(false);\n        }\n    }, [notes]);\n\n    const addNote = () => {\n        const newNote: Note = {\n            id: Date.now(),\n            text: 'New idea...',\n            x: 50,\n            y: 50,\n            color: colors[notes.length % colors.length],\n        };\n        setNotes([...notes, newNote]);\n    };\n    \n    const deleteNote = (id: number, e: React.MouseEvent) => {\n        e.stopPropagation();\n        setNotes(notes.filter((n) => n.id !== id));\n    };\n\n    const updateNote = (id: number, updates: Partial<Note>) => {\n        setNotes(notes.map((n) => n.id === id ? { ...n, ...updates } : n));\n    };\n\n    const onMouseDown = (e: React.MouseEvent<HTMLDivElement>, id: number) => {\n        const target = e.target as HTMLElement;\n        if (target.tagName === 'TEXTAREA' || target.dataset.role === 'button') return;\n        \n        const noteElement = e.currentTarget;\n        const rect = noteElement.getBoundingClientRect();\n        setDragging({ id, offsetX: e.clientX - rect.left, offsetY: e.clientY - rect.top });\n    };\n\n    const onMouseMove = (e: React.MouseEvent<HTMLDivElement>) => {\n        if (!dragging) return;\n        const boardRect = e.currentTarget.getBoundingClientRect();\n        updateNote(dragging.id, {\n            x: e.clientX - dragging.offsetX - boardRect.left,\n            y: e.clientY - dragging.offsetY - boardRect.top\n        });\n    };\n\n    const onMouseUp = () => setDragging(null);\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6 flex justify-between items-center\">\n                 <div>\n                    <h1 className=\"text-3xl font-bold flex items-center\"><DigitalWhiteboardIcon /><span className=\"ml-3\">Digital Whiteboard</span></h1>\n                    <p className=\"text-text-secondary mt-1\">Organize your ideas with interactive sticky notes and AI summaries.</p>\n                </div>\n                <div className=\"flex gap-2\">\n                    <button onClick={handleSummarize} disabled={isSummarizing || notes.length === 0} className=\"btn-primary flex items-center gap-2 px-4 py-2\">\n                        <SparklesIcon/> {isSummarizing ? 'Summarizing...' : 'AI Summarize'}\n                    </button>\n                    <button onClick={addNote} className=\"btn-primary px-6 py-2\">Add Note</button>\n                </div>\n            </header>\n            <div\n                className=\"relative flex-grow bg-background border-2 border-dashed border-border rounded-lg overflow-hidden\"\n                onMouseMove={onMouseMove} onMouseUp={onMouseUp} onMouseLeave={onMouseUp}\n            >\n                {notes.map((note) => (\n                    <div\n                        key={note.id}\n                        className={`group absolute w-56 h-56 p-2 flex flex-col shadow-lg cursor-grab active:cursor-grabbing rounded-md transition-transform duration-100 border border-black/40 ${note.color} ${textColors[colors.indexOf(note.color)]}`}\n                        style={{ top: note.y, left: note.x, transform: dragging?.id === note.id ? 'scale(1.05)' : 'scale(1)' }}\n                        onMouseDown={e => onMouseDown(e, note.id)}\n                    >\n                        <button data-role=\"button\" onClick={(e) => deleteNote(note.id, e)} className=\"absolute -top-2 -right-2 w-6 h-6 rounded-full bg-gray-700 text-white font-bold text-xs flex items-center justify-center opacity-0 group-hover:opacity-100 hover:bg-red-500 transition-all\">&times;</button>\n                        <textarea\n                            value={note.text}\n                            onChange={(e) => updateNote(note.id, { text: e.target.value })}\n                            className=\"w-full h-full bg-transparent resize-none focus:outline-none font-medium p-1\"\n                        />\n                        <div data-role=\"button\" className=\"flex-shrink-0 flex justify-center gap-1 p-1 opacity-0 group-hover:opacity-100 transition-opacity\">\n                            {colors.map((c, i) => <button key={c} onClick={() => updateNote(note.id, { color: c })} className={`w-4 h-4 rounded-full ${c} border border-black/20 ${note.color === c ? 'ring-2 ring-offset-1 ring-black/50' : ''}`}/>)}\n                        </div>\n                    </div>\n                ))}\n            </div>\n             {(isSummarizing || summary) && (\n                 <div className=\"fixed inset-0 bg-gray-900/80 backdrop-blur-sm z-50 flex items-center justify-center\" onClick={() => setSummary('')}>\n                    <div className=\"w-full max-w-2xl bg-surface border border-border rounded-lg shadow-2xl p-6\" onClick={e => e.stopPropagation()}>\n                        <h2 className=\"text-xl font-bold mb-4\">AI Summary of Notes</h2>\n                        {isSummarizing && !summary ? <LoadingSpinner /> : <MarkdownRenderer content={summary} />}\n                    </div>\n                </div>\n            )}\n        </div>\n    );\n};"],"names":["colors","textColors","DigitalWhiteboard","notes","setNotes","useLocalStorage","dragging","setDragging","useState","isSummarizing","setIsSummarizing","summary","setSummary","handleSummarize","useCallback","allNotesText","n","stream","summarizeNotesStream","fullResponse","chunk","error","addNote","newNote","deleteNote","id","e","updateNote","updates","onMouseDown","target","rect","onMouseMove","boardRect","onMouseUp","jsxs","jsx","DigitalWhiteboardIcon","SparklesIcon","note","c","i","LoadingSpinner","MarkdownRenderer"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/JsonTreeNavigator-wiByc32v.js b/assets/JsonTreeNavigator-wiByc32v.js
new file mode 100644
index 0000000000000000000000000000000000000000..99d8d2ac595fe465e288004527144f226af76655
--- /dev/null
+++ b/assets/JsonTreeNavigator-wiByc32v.js
@@ -0,0 +1,13 @@
+import{r as p,j as e}from"./react-DKy9e2uO.js";import{F as f}from"./index-Ck8YGBbR.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const u=({data:s,nodeKey:l,isRoot:n=!1})=>{const[r,c]=p.useState(n),i=typeof s=="object"&&s!==null,o=()=>c(!r);if(!i)return e.jsxs("div",{className:"ml-4 pl-4 border-l border-border",children:[e.jsxs("span",{className:"text-purple-700",children:[l,": "]}),e.jsx("span",{className:typeof s=="string"?"text-green-700":"text-orange-700",children:typeof s=="string"?`"${s}"`:String(s)})]});const x=Object.entries(s),a=Array.isArray(s)?"[]":"{}";return e.jsxs("div",{className:`ml-4 ${n?"":"pl-4 border-l border-border"}`,children:[e.jsxs("button",{onClick:o,className:"flex items-center cursor-pointer hover:bg-gray-100 rounded px-1",children:[e.jsx("span",{className:`transform transition-transform ${r?"rotate-90":"rotate-0"}`,children:"▶"}),e.jsxs("span",{className:"ml-1 text-purple-700",children:[l,":"]}),e.jsx("span",{className:"ml-2 text-text-secondary",children:a[0]}),!r&&e.jsxs("span",{className:"text-text-secondary",children:["...",a[1]]})]}),r&&e.jsxs("div",{children:[x.map(([d,t])=>e.jsx(u,{nodeKey:d,data:t},d)),e.jsx("div",{className:"text-text-secondary ml-4",children:a[1]})]})]})},S=({initialData:s})=>{const l=`{
+  "id": "devcore-001",
+  "active": true,
+  "features": [
+    "ai-explainer",
+    "api-tester"
+  ],
+  "config": {
+    "theme": "dark",
+    "version": 1
+  }
+}`,[n,r]=p.useState(s?JSON.stringify(s,null,2):l),[c,i]=p.useState(()=>{try{return JSON.parse(n)}catch{return null}}),[o,x]=p.useState(""),a=t=>{try{const m=JSON.parse(t);i(m),x("")}catch(m){m instanceof Error&&x(m.message),i(null)}},d=t=>{r(t.target.value),a(t.target.value)};return e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6",children:[e.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[e.jsx(f,{}),e.jsx("span",{className:"ml-3",children:"JSON Tree Navigator"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Paste your JSON data to visualize it as a collapsible tree."})]}),e.jsxs("div",{className:"flex-grow flex flex-col gap-4 min-h-0",children:[e.jsxs("div",{className:"flex flex-col h-2/5 min-h-[200px]",children:[e.jsx("label",{htmlFor:"json-input",className:"text-sm font-medium text-text-secondary mb-2",children:"JSON Input"}),e.jsx("textarea",{id:"json-input",value:n,onChange:d,className:`flex-grow p-4 bg-surface border ${o?"border-red-500":"border-border"} rounded-md resize-y font-mono text-sm focus:ring-2 focus:ring-primary focus:outline-none`}),o&&e.jsx("p",{className:"text-red-500 text-xs mt-1",children:o})]}),e.jsxs("div",{className:"flex flex-col flex-grow min-h-0",children:[e.jsx("label",{className:"text-sm font-medium text-text-secondary mb-2",children:"Tree View"}),e.jsx("div",{className:"flex-grow p-4 bg-surface border border-border rounded-md overflow-y-auto font-mono text-sm",children:c?e.jsx(u,{data:c,nodeKey:"root",isRoot:!0}):e.jsx("div",{className:"text-text-secondary",children:"Enter valid JSON to view"})})]})]})]})};export{S as JsonTreeNavigator};
+//# sourceMappingURL=JsonTreeNavigator-wiByc32v.js.map
diff --git a/assets/JsonTreeNavigator-wiByc32v.js.map b/assets/JsonTreeNavigator-wiByc32v.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..7c6990d12da41f34e97b62049269712f3a953d6a
--- /dev/null
+++ b/assets/JsonTreeNavigator-wiByc32v.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"JsonTreeNavigator-wiByc32v.js","sources":["../../components/features/JsonTreeNavigator.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { FileCodeIcon } from '../icons.tsx';\n\ninterface JsonNodeProps {\n    data: any;\n    nodeKey: string;\n    isRoot?: boolean;\n}\n\nconst JsonNode: React.FC<JsonNodeProps> = ({ data, nodeKey, isRoot = false }) => {\n    const [isOpen, setIsOpen] = useState(isRoot);\n    const isObject = typeof data === 'object' && data !== null;\n\n    const toggleOpen = () => setIsOpen(!isOpen);\n\n    if (!isObject) {\n        return (\n            <div className=\"ml-4 pl-4 border-l border-border\">\n                <span className=\"text-purple-700\">{nodeKey}: </span>\n                <span className={typeof data === 'string' ? 'text-green-700' : 'text-orange-700'}>\n                    {typeof data === 'string' ? `\"${data}\"` : String(data)}\n                </span>\n            </div>\n        );\n    }\n\n    const entries = Object.entries(data);\n    const bracket = Array.isArray(data) ? '[]' : '{}';\n\n    return (\n        <div className={`ml-4 ${!isRoot ? 'pl-4 border-l border-border' : ''}`}>\n            <button onClick={toggleOpen} className=\"flex items-center cursor-pointer hover:bg-gray-100 rounded px-1\">\n                <span className={`transform transition-transform ${isOpen ? 'rotate-90' : 'rotate-0'}`}>▶</span>\n                <span className=\"ml-1 text-purple-700\">{nodeKey}:</span>\n                <span className=\"ml-2 text-text-secondary\">{bracket[0]}</span>\n                {!isOpen && <span className=\"text-text-secondary\">...{bracket[1]}</span>}\n            </button>\n            {isOpen && (\n                <div>\n                    {entries.map(([key, value]) => (\n                        <JsonNode key={key} nodeKey={key} data={value} />\n                    ))}\n                    <div className=\"text-text-secondary ml-4\">{bracket[1]}</div>\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport const JsonTreeNavigator: React.FC<{ initialData?: object }> = ({ initialData }) => {\n    const defaultJson = '{\\n  \"id\": \"devcore-001\",\\n  \"active\": true,\\n  \"features\": [\\n    \"ai-explainer\",\\n    \"api-tester\"\\n  ],\\n  \"config\": {\\n    \"theme\": \"dark\",\\n    \"version\": 1\\n  }\\n}';\n    const [jsonInput, setJsonInput] = useState(initialData ? JSON.stringify(initialData, null, 2) : defaultJson);\n    const [parsedData, setParsedData] = useState<any>(() => {\n        try {\n            return JSON.parse(jsonInput);\n        } catch {\n            return null;\n        }\n    });\n    const [error, setError] = useState('');\n\n    const parseJson = (input: string) => {\n        try {\n            const parsed = JSON.parse(input);\n            setParsedData(parsed);\n            setError('');\n        } catch (e) {\n            if (e instanceof Error) setError(e.message);\n            setParsedData(null);\n        }\n    };\n\n    const handleInputChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n        setJsonInput(e.target.value);\n        parseJson(e.target.value);\n    }\n    \n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6\">\n                <h1 className=\"text-3xl font-bold flex items-center\">\n                    <FileCodeIcon />\n                    <span className=\"ml-3\">JSON Tree Navigator</span>\n                </h1>\n                <p className=\"text-text-secondary mt-1\">Paste your JSON data to visualize it as a collapsible tree.</p>\n            </header>\n            <div className=\"flex-grow flex flex-col gap-4 min-h-0\">\n                <div className=\"flex flex-col h-2/5 min-h-[200px]\">\n                    <label htmlFor=\"json-input\" className=\"text-sm font-medium text-text-secondary mb-2\">JSON Input</label>\n                    <textarea\n                        id=\"json-input\"\n                        value={jsonInput}\n                        onChange={handleInputChange}\n                        className={`flex-grow p-4 bg-surface border ${error ? 'border-red-500' : 'border-border'} rounded-md resize-y font-mono text-sm focus:ring-2 focus:ring-primary focus:outline-none`}\n                    />\n                    {error && <p className=\"text-red-500 text-xs mt-1\">{error}</p>}\n                </div>\n                 <div className=\"flex flex-col flex-grow min-h-0\">\n                    <label className=\"text-sm font-medium text-text-secondary mb-2\">Tree View</label>\n                    <div className=\"flex-grow p-4 bg-surface border border-border rounded-md overflow-y-auto font-mono text-sm\">\n                        {parsedData ? <JsonNode data={parsedData} nodeKey=\"root\" isRoot /> : <div className=\"text-text-secondary\">Enter valid JSON to view</div>}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};"],"names":["JsonNode","data","nodeKey","isRoot","isOpen","setIsOpen","useState","isObject","toggleOpen","jsxs","entries","bracket","jsx","key","value","JsonTreeNavigator","initialData","defaultJson","jsonInput","setJsonInput","parsedData","setParsedData","error","setError","parseJson","input","parsed","e","handleInputChange","FileCodeIcon"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/LogicFlowBuilder-iHo46zDC.js b/assets/LogicFlowBuilder-iHo46zDC.js
new file mode 100644
index 0000000000000000000000000000000000000000..6e8c1e9ea1b47d9ecf92579bb214d5c46a3095c5
--- /dev/null
+++ b/assets/LogicFlowBuilder-iHo46zDC.js
@@ -0,0 +1,2 @@
+import{r as x,j as e,R as M}from"./react-DKy9e2uO.js";import{l as D,W as g}from"./index-Ck8YGBbR.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const L=new Map(g.map(s=>[s.id,s])),S=({feature:s,onDragStart:l})=>e.jsxs("div",{draggable:!0,onDragStart:m=>l(m,s.id),className:"p-3 rounded-md bg-gray-50 border border-border flex items-center gap-3 cursor-grab hover:bg-gray-100 transition-colors",children:[e.jsx("div",{className:"text-primary flex-shrink-0",children:s.icon}),e.jsxs("div",{children:[e.jsx("h4",{className:"font-bold text-sm text-text-primary",children:s.name}),e.jsx("p",{className:"text-xs text-text-secondary",children:s.category})]})]}),P=({node:s,feature:l,onMouseDown:m,onLinkStart:h,onLinkEnd:d})=>e.jsxs("div",{className:"absolute w-52 bg-surface rounded-lg shadow-md border-2 border-border cursor-grab active:cursor-grabbing flex flex-col",style:{left:s.x,top:s.y,transform:"translate(-50%, -50%)"},onMouseDown:i=>m(i,s.id),onMouseUp:i=>d(i,s.id),children:[e.jsxs("div",{className:"p-2 flex items-center gap-2 border-b border-border",children:[e.jsx("div",{className:"w-5 h-5 text-primary",children:l.icon}),e.jsx("span",{className:"text-sm font-semibold truncate text-text-primary",children:l.name})]}),e.jsxs("div",{className:"relative p-3 text-xs text-text-secondary min-h-[40px] flex items-center justify-center",children:["Workflow Node",e.jsx("div",{onMouseDown:i=>h(i,s.id),className:"absolute right-[-9px] top-1/2 -translate-y-1/2 w-4 h-4 bg-primary rounded-full border-2 border-surface cursor-crosshair hover:scale-125 transition-transform",title:"Drag to connect"})]})]}),R=M.memo(()=>e.jsxs("svg",{width:"100%",height:"100%",className:"absolute inset-0",children:[e.jsxs("defs",{children:[e.jsx("pattern",{id:"smallGrid",width:"10",height:"10",patternUnits:"userSpaceOnUse",children:e.jsx("path",{d:"M 10 0 L 0 0 0 10",fill:"none",stroke:"rgba(0, 0, 0, 0.05)",strokeWidth:"0.5"})}),e.jsxs("pattern",{id:"grid",width:"50",height:"50",patternUnits:"userSpaceOnUse",children:[e.jsx("rect",{width:"50",height:"50",fill:"url(#smallGrid)"}),e.jsx("path",{d:"M 50 0 L 0 0 0 50",fill:"none",stroke:"rgba(0, 0, 0, 0.1)",strokeWidth:"1"})]})]}),e.jsx("rect",{width:"100%",height:"100%",fill:"url(#grid)"})]})),G=()=>{const[s,l]=x.useState([]),[m,h]=x.useState([]),[d,i]=x.useState(null),[n,p]=x.useState(null),c=x.useRef(null),b=(t,r)=>{t.dataTransfer.setData("application/json",JSON.stringify({featureId:r}))},j=t=>{if(t.preventDefault(),!c.current)return;const{featureId:r}=JSON.parse(t.dataTransfer.getData("application/json")),o=c.current.getBoundingClientRect(),a={id:Date.now(),featureId:r,x:t.clientX-o.left,y:t.clientY-o.top};l(k=>[...k,a])},y=(t,r)=>{const o=s.find(a=>a.id===r);!o||t.target.title==="Drag to connect"||i({id:r,offsetX:t.clientX-o.x,offsetY:t.clientY-o.y})},v=t=>{if(d&&c.current&&l(s.map(r=>r.id===d.id?{...r,x:t.clientX-d.offsetX,y:t.clientY-d.offsetY}:r)),n&&c.current){const r=c.current.getBoundingClientRect();p({...n,toPos:{x:t.clientX-r.left,y:t.clientY-r.top}})}},f=()=>{i(null),p(null)},N=(t,r)=>{t.stopPropagation();const o=s.find(a=>a.id===r);o&&p({from:r,fromPos:{x:o.x,y:o.y},toPos:{x:o.x,y:o.y}})},w=(t,r)=>{t.stopPropagation(),n&&n.from!==r&&h(o=>[...o,{from:n.from,to:r}]),p(null)},u=x.useMemo(()=>new Map(s.map(t=>[t.id,{x:t.x,y:t.y}])),[s]);return e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6",children:[e.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[e.jsx(D,{}),e.jsx("span",{className:"ml-3",children:"Logic Flow Builder"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Visually build application logic flows and development pipelines."})]}),e.jsxs("div",{className:"flex-grow flex gap-6 min-h-0",children:[e.jsxs("aside",{className:"w-72 flex-shrink-0 bg-surface border border-border p-4 rounded-lg flex flex-col",children:[e.jsx("h3",{className:"font-bold mb-3 text-lg",children:"Features"}),e.jsx("div",{className:"flex-grow overflow-y-auto space-y-3 pr-2",children:g.map(t=>e.jsx(S,{feature:t,onDragStart:b},t.id))})]}),e.jsxs("main",{ref:c,className:"flex-grow relative bg-background border-2 border-dashed border-border rounded-lg overflow-hidden",onDrop:j,onDragOver:t=>t.preventDefault(),onMouseMove:v,onMouseUp:f,onMouseLeave:f,children:[e.jsx(R,{}),e.jsxs("svg",{width:"100%",height:"100%",className:"absolute inset-0 pointer-events-none",children:[m.map((t,r)=>{const o=u.get(t.from),a=u.get(t.to);return!o||!a?null:e.jsx("line",{x1:o.x,y1:o.y,x2:a.x,y2:a.y,stroke:"var(--color-primary)",strokeWidth:"2",markerEnd:"url(#arrow)"},r)}),n&&e.jsx("line",{x1:n.fromPos.x,y1:n.fromPos.y,x2:n.toPos.x,y2:n.toPos.y,stroke:"var(--color-primary)",strokeWidth:"2",strokeDasharray:"5,5"}),e.jsx("defs",{children:e.jsx("marker",{id:"arrow",viewBox:"0 0 10 10",refX:"8",refY:"5",markerWidth:"6",markerHeight:"6",orient:"auto-start-reverse",children:e.jsx("path",{d:"M 0 0 L 10 5 L 0 10 z",fill:"var(--color-primary)"})})})]}),s.map(t=>{const r=L.get(t.featureId);return r?e.jsx(P,{node:t,feature:r,onMouseDown:y,onLinkStart:N,onLinkEnd:w},t.id):null})]})]})]})};export{G as LogicFlowBuilder};
+//# sourceMappingURL=LogicFlowBuilder-iHo46zDC.js.map
diff --git a/assets/LogicFlowBuilder-iHo46zDC.js.map b/assets/LogicFlowBuilder-iHo46zDC.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..68bbd77dcb325af86d1b4183dd6c21c960e80590
--- /dev/null
+++ b/assets/LogicFlowBuilder-iHo46zDC.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"LogicFlowBuilder-iHo46zDC.js","sources":["../../components/features/LogicFlowBuilder.tsx"],"sourcesContent":["import React, { useState, useRef, useMemo, useCallback } from 'react';\nimport { ALL_FEATURES } from '../features/index.ts';\nimport type { Feature } from '../../types.ts';\nimport { MapIcon } from '../icons.tsx';\n\ninterface Node {\n    id: number;\n    featureId: string;\n    x: number;\n    y: number;\n}\n\ninterface Link {\n    from: number;\n    to: number;\n}\n\nconst featuresMap = new Map(ALL_FEATURES.map(f => [f.id, f]));\n\nconst FeaturePaletteItem: React.FC<{ feature: Feature, onDragStart: (e: React.DragEvent, featureId: string) => void }> = ({ feature, onDragStart }) => (\n    <div\n        draggable\n        onDragStart={e => onDragStart(e, feature.id)}\n        className=\"p-3 rounded-md bg-gray-50 border border-border flex items-center gap-3 cursor-grab hover:bg-gray-100 transition-colors\"\n    >\n        <div className=\"text-primary flex-shrink-0\">{feature.icon}</div>\n        <div>\n            <h4 className=\"font-bold text-sm text-text-primary\">{feature.name}</h4>\n            <p className=\"text-xs text-text-secondary\">{feature.category}</p>\n        </div>\n    </div>\n);\n\nconst NodeComponent: React.FC<{\n    node: Node;\n    feature: Feature;\n    onMouseDown: (e: React.MouseEvent, id: number) => void;\n    onLinkStart: (e: React.MouseEvent, id: number) => void;\n    onLinkEnd: (e: React.MouseEvent, id: number) => void;\n}> = ({ node, feature, onMouseDown, onLinkStart, onLinkEnd }) => (\n    <div\n        className=\"absolute w-52 bg-surface rounded-lg shadow-md border-2 border-border cursor-grab active:cursor-grabbing flex flex-col\"\n        style={{ left: node.x, top: node.y, transform: 'translate(-50%, -50%)' }}\n        onMouseDown={e => onMouseDown(e, node.id)}\n        onMouseUp={e => onLinkEnd(e, node.id)}\n    >\n        <div className=\"p-2 flex items-center gap-2 border-b border-border\">\n            <div className=\"w-5 h-5 text-primary\">{feature.icon}</div>\n            <span className=\"text-sm font-semibold truncate text-text-primary\">{feature.name}</span>\n        </div>\n        <div className=\"relative p-3 text-xs text-text-secondary min-h-[40px] flex items-center justify-center\">\n            Workflow Node\n            <div\n                onMouseDown={e => onLinkStart(e, node.id)}\n                className=\"absolute right-[-9px] top-1/2 -translate-y-1/2 w-4 h-4 bg-primary rounded-full border-2 border-surface cursor-crosshair hover:scale-125 transition-transform\"\n                title=\"Drag to connect\"\n            />\n        </div>\n    </div>\n);\n\nconst SVGGrid: React.FC = React.memo(() => (\n    <svg width=\"100%\" height=\"100%\" className=\"absolute inset-0\">\n        <defs>\n            <pattern id=\"smallGrid\" width=\"10\" height=\"10\" patternUnits=\"userSpaceOnUse\">\n                <path d=\"M 10 0 L 0 0 0 10\" fill=\"none\" stroke=\"rgba(0, 0, 0, 0.05)\" strokeWidth=\"0.5\"/>\n            </pattern>\n            <pattern id=\"grid\" width=\"50\" height=\"50\" patternUnits=\"userSpaceOnUse\">\n                <rect width=\"50\" height=\"50\" fill=\"url(#smallGrid)\"/>\n                <path d=\"M 50 0 L 0 0 0 50\" fill=\"none\" stroke=\"rgba(0, 0, 0, 0.1)\" strokeWidth=\"1\"/>\n            </pattern>\n        </defs>\n        <rect width=\"100%\" height=\"100%\" fill=\"url(#grid)\" />\n    </svg>\n));\n\nexport const LogicFlowBuilder: React.FC = () => {\n    const [nodes, setNodes] = useState<Node[]>([]);\n    const [links, setLinks] = useState<Link[]>([]);\n    const [draggingNode, setDraggingNode] = useState<{ id: number; offsetX: number; offsetY: number } | null>(null);\n    const [linking, setLinking] = useState<{ from: number; fromPos: { x: number; y: number }; toPos: { x: number; y: number } } | null>(null);\n    const canvasRef = useRef<HTMLDivElement>(null);\n\n    const handleDragStart = (e: React.DragEvent, featureId: string) => {\n        e.dataTransfer.setData('application/json', JSON.stringify({ featureId }));\n    };\n\n    const handleDrop = (e: React.DragEvent) => {\n        e.preventDefault();\n        if (!canvasRef.current) return;\n        const { featureId } = JSON.parse(e.dataTransfer.getData('application/json'));\n        const canvasRect = canvasRef.current.getBoundingClientRect();\n        const newNode: Node = {\n            id: Date.now(),\n            featureId,\n            x: e.clientX - canvasRect.left,\n            y: e.clientY - canvasRect.top,\n        };\n        setNodes(prev => [...prev, newNode]);\n    };\n\n    const handleNodeMouseDown = (e: React.MouseEvent, id: number) => {\n        const node = nodes.find(n => n.id === id);\n        if (!node || (e.target as HTMLElement).title === 'Drag to connect') return;\n        setDraggingNode({ id, offsetX: e.clientX - node.x, offsetY: e.clientY - node.y });\n    };\n\n    const handleCanvasMouseMove = (e: React.MouseEvent) => {\n        if (draggingNode && canvasRef.current) {\n            setNodes(nodes.map(n => n.id === draggingNode.id ? { ...n, x: e.clientX - draggingNode.offsetX, y: e.clientY - draggingNode.offsetY } : n));\n        }\n        if (linking && canvasRef.current) {\n            const canvasRect = canvasRef.current.getBoundingClientRect();\n            setLinking({ ...linking, toPos: { x: e.clientX - canvasRect.left, y: e.clientY - canvasRect.top } });\n        }\n    };\n\n    const handleCanvasMouseUp = () => {\n        setDraggingNode(null);\n        setLinking(null);\n    };\n\n    const handleLinkStart = (e: React.MouseEvent, id: number) => {\n        e.stopPropagation();\n        const fromNode = nodes.find(n => n.id === id);\n        if (!fromNode) return;\n        setLinking({ from: id, fromPos: { x: fromNode.x, y: fromNode.y }, toPos: { x: fromNode.x, y: fromNode.y } });\n    };\n\n    const handleLinkEnd = (e: React.MouseEvent, id: number) => {\n        e.stopPropagation();\n        if (linking && linking.from !== id) {\n            setLinks(prev => [...prev, { from: linking.from, to: id }]);\n        }\n        setLinking(null);\n    };\n\n    const nodePositions = useMemo(() => new Map(nodes.map(n => [n.id, { x: n.x, y: n.y }])), [nodes]);\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6\">\n                <h1 className=\"text-3xl font-bold flex items-center\"><MapIcon /><span className=\"ml-3\">Logic Flow Builder</span></h1>\n                <p className=\"text-text-secondary mt-1\">Visually build application logic flows and development pipelines.</p>\n            </header>\n            <div className=\"flex-grow flex gap-6 min-h-0\">\n                <aside className=\"w-72 flex-shrink-0 bg-surface border border-border p-4 rounded-lg flex flex-col\">\n                    <h3 className=\"font-bold mb-3 text-lg\">Features</h3>\n                    <div className=\"flex-grow overflow-y-auto space-y-3 pr-2\">\n                        {ALL_FEATURES.map(feature => <FeaturePaletteItem key={feature.id} feature={feature} onDragStart={handleDragStart} />)}\n                    </div>\n                </aside>\n                <main\n                    ref={canvasRef}\n                    className=\"flex-grow relative bg-background border-2 border-dashed border-border rounded-lg overflow-hidden\"\n                    onDrop={handleDrop}\n                    onDragOver={e => e.preventDefault()}\n                    onMouseMove={handleCanvasMouseMove}\n                    onMouseUp={handleCanvasMouseUp}\n                    onMouseLeave={handleCanvasMouseUp}\n                >\n                    <SVGGrid />\n                    <svg width=\"100%\" height=\"100%\" className=\"absolute inset-0 pointer-events-none\">\n                        {links.map((link, i) => {\n                            const fromNode = nodePositions.get(link.from);\n                            const toNode = nodePositions.get(link.to);\n                            if (!fromNode || !toNode) return null;\n                            return <line key={i} x1={fromNode.x} y1={fromNode.y} x2={toNode.x} y2={toNode.y} stroke=\"var(--color-primary)\" strokeWidth=\"2\" markerEnd=\"url(#arrow)\" />;\n                        })}\n                        {linking && <line x1={linking.fromPos.x} y1={linking.fromPos.y} x2={linking.toPos.x} y2={linking.toPos.y} stroke=\"var(--color-primary)\" strokeWidth=\"2\" strokeDasharray=\"5,5\" />}\n                        <defs><marker id=\"arrow\" viewBox=\"0 0 10 10\" refX=\"8\" refY=\"5\" markerWidth=\"6\" markerHeight=\"6\" orient=\"auto-start-reverse\"><path d=\"M 0 0 L 10 5 L 0 10 z\" fill=\"var(--color-primary)\" /></marker></defs>\n                    </svg>\n                    {nodes.map(node => {\n                        const feature = featuresMap.get(node.featureId);\n                        return feature ? <NodeComponent key={node.id} node={node} feature={feature} onMouseDown={handleNodeMouseDown} onLinkStart={handleLinkStart} onLinkEnd={handleLinkEnd} /> : null;\n                    })}\n                </main>\n            </div>\n        </div>\n    );\n};"],"names":["featuresMap","ALL_FEATURES","f","FeaturePaletteItem","feature","onDragStart","jsxs","e","jsx","NodeComponent","node","onMouseDown","onLinkStart","onLinkEnd","SVGGrid","React","LogicFlowBuilder","nodes","setNodes","useState","links","setLinks","draggingNode","setDraggingNode","linking","setLinking","canvasRef","useRef","handleDragStart","featureId","handleDrop","canvasRect","newNode","prev","handleNodeMouseDown","id","n","handleCanvasMouseMove","handleCanvasMouseUp","handleLinkStart","fromNode","handleLinkEnd","nodePositions","useMemo","MapIcon","link","i","toNode"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/MarkdownSlides-JjWHLefE.js b/assets/MarkdownSlides-JjWHLefE.js
new file mode 100644
index 0000000000000000000000000000000000000000..c3f62343bbd27de873a0b5c1e90b30a6cb715c67
--- /dev/null
+++ b/assets/MarkdownSlides-JjWHLefE.js
@@ -0,0 +1,24 @@
+import{r as t,j as e}from"./react-DKy9e2uO.js";import{m as p}from"./marked-CesSW9Du.js";import{P as g}from"./index-Ck8YGBbR.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./jszip-s56H2EZ-.js";const b=`# Slide 1: Welcome
+
+This is a slide deck generated from Markdown.
+
+- Use standard markdown syntax
+- Like lists, headers, and **bold** text.
+
+---
+
+# Slide 2: Features
+
+Navigate using the buttons below.
+
+\`\`\`javascript
+console.log("Code blocks work too!");
+\`\`\`
+
+---
+
+# Slide 3: The End
+
+Easy to create and present.
+`,C=()=>{const[n,m]=t.useState(b),[l,c]=t.useState(0),[u,x]=t.useState(""),a=t.useRef(null),r=t.useMemo(()=>n.split(/^-{3,}\s*$/m),[n]);t.useEffect(()=>{(async()=>{const o=r[l]||"",h=await p.parse(o);x(h)})()},[r,l]);const d=t.useCallback(()=>c(s=>Math.min(s+1,r.length-1)),[r.length]),i=t.useCallback(()=>c(s=>Math.max(s-1,0)),[]),f=()=>{var s;(s=a.current)==null||s.requestFullscreen()};return t.useEffect(()=>{const s=o=>{document.fullscreenElement===a.current&&((o.key==="ArrowRight"||o.key===" ")&&d(),o.key==="ArrowLeft"&&i())};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[d,i]),e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6",children:[e.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[e.jsx(g,{}),e.jsx("span",{className:"ml-3",children:"Markdown to Slides"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Write markdown, present it as a slideshow. Use '---' to separate slides."})]}),e.jsxs("div",{className:"flex-grow grid grid-cols-1 lg:grid-cols-2 gap-6 h-full overflow-hidden",children:[e.jsxs("div",{className:"flex flex-col h-full",children:[e.jsx("label",{htmlFor:"md-input",className:"text-sm font-medium text-text-secondary mb-2",children:"Markdown Editor"}),e.jsx("textarea",{id:"md-input",value:n,onChange:s=>m(s.target.value),className:"flex-grow p-4 bg-surface border border-border rounded-md resize-none font-mono text-sm focus:ring-2 focus:ring-primary focus:outline-none"})]}),e.jsxs("div",{ref:a,className:"flex flex-col h-full bg-surface fullscreen:bg-background border border-border rounded-md",children:[e.jsx("div",{className:"flex-shrink-0 flex justify-end items-center p-2 border-b border-border",children:e.jsx("button",{onClick:f,className:"px-3 py-1 bg-gray-100 rounded-md text-xs hover:bg-gray-200",children:"Fullscreen"})}),e.jsxs("div",{className:"relative flex-grow flex flex-col justify-center items-center p-8 overflow-y-auto",children:[e.jsx("div",{className:"prose prose-lg max-w-none w-full",dangerouslySetInnerHTML:{__html:u}}),e.jsx("button",{onClick:i,disabled:l===0,className:"absolute left-4 top-1/2 -translate-y-1/2 p-2 bg-gray-200/50 rounded-full disabled:opacity-30 hover:bg-gray-300/50",children:"◀"}),e.jsx("button",{onClick:d,disabled:l===r.length-1,className:"absolute right-4 top-1/2 -translate-y-1/2 p-2 bg-gray-200/50 rounded-full disabled:opacity-30 hover:bg-gray-300/50",children:"▶"}),e.jsxs("div",{className:"absolute bottom-4 right-4 text-xs bg-black/50 px-2 py-1 rounded-md text-white",children:[l+1," / ",r.length]})]})]})]})]})};export{C as MarkdownSlides};
+//# sourceMappingURL=MarkdownSlides-JjWHLefE.js.map
diff --git a/assets/MarkdownSlides-JjWHLefE.js.map b/assets/MarkdownSlides-JjWHLefE.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..f4d6d5484e248465fae1544f5ad39f4b6abe3178
--- /dev/null
+++ b/assets/MarkdownSlides-JjWHLefE.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownSlides-JjWHLefE.js","sources":["../../components/features/MarkdownSlides.tsx"],"sourcesContent":["import React, { useState, useMemo, useEffect, useRef, useCallback } from 'react';\nimport { marked } from 'marked';\nimport { PhotoIcon } from '../icons.tsx';\n\nconst exampleMarkdown = `# Slide 1: Welcome\n\nThis is a slide deck generated from Markdown.\n\n- Use standard markdown syntax\n- Like lists, headers, and **bold** text.\n\n---\n\n# Slide 2: Features\n\nNavigate using the buttons below.\n\n\\`\\`\\`javascript\nconsole.log(\"Code blocks work too!\");\n\\`\\`\\`\n\n---\n\n# Slide 3: The End\n\nEasy to create and present.\n`;\n\nexport const MarkdownSlides: React.FC = () => {\n    const [markdown, setMarkdown] = useState(exampleMarkdown);\n    const [currentSlide, setCurrentSlide] = useState(0);\n    const [slideHtml, setSlideHtml] = useState<string | TrustedHTML>('');\n    const presentationRef = useRef<HTMLDivElement>(null);\n\n    const slides = useMemo(() => markdown.split(/^-{3,}\\s*$/m), [markdown]);\n\n    useEffect(() => {\n        const parse = async () => {\n            const currentSlideContent = slides[currentSlide] || '';\n            const html = await marked.parse(currentSlideContent);\n            setSlideHtml(html);\n        };\n        parse();\n    }, [slides, currentSlide]);\n\n    const goToNext = useCallback(() => setCurrentSlide(s => Math.min(s + 1, slides.length - 1)), [slides.length]);\n    const goToPrev = useCallback(() => setCurrentSlide(s => Math.max(s - 1, 0)), []);\n\n    const handleFullscreen = () => {\n        presentationRef.current?.requestFullscreen();\n    };\n    \n    useEffect(() => {\n        const handleKeyDown = (e: KeyboardEvent) => {\n            if (document.fullscreenElement === presentationRef.current) {\n                if (e.key === 'ArrowRight' || e.key === ' ') goToNext();\n                if (e.key === 'ArrowLeft') goToPrev();\n            }\n        };\n        document.addEventListener('keydown', handleKeyDown);\n        return () => document.removeEventListener('keydown', handleKeyDown);\n    }, [goToNext, goToPrev]);\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6\">\n                <h1 className=\"text-3xl font-bold flex items-center\"><PhotoIcon /><span className=\"ml-3\">Markdown to Slides</span></h1>\n                <p className=\"text-text-secondary mt-1\">Write markdown, present it as a slideshow. Use '---' to separate slides.</p>\n            </header>\n            <div className=\"flex-grow grid grid-cols-1 lg:grid-cols-2 gap-6 h-full overflow-hidden\">\n                <div className=\"flex flex-col h-full\">\n                     <label htmlFor=\"md-input\" className=\"text-sm font-medium text-text-secondary mb-2\">Markdown Editor</label>\n                     <textarea id=\"md-input\" value={markdown} onChange={e => setMarkdown(e.target.value)} className=\"flex-grow p-4 bg-surface border border-border rounded-md resize-none font-mono text-sm focus:ring-2 focus:ring-primary focus:outline-none\"/>\n                </div>\n                 <div ref={presentationRef} className=\"flex flex-col h-full bg-surface fullscreen:bg-background border border-border rounded-md\">\n                    <div className=\"flex-shrink-0 flex justify-end items-center p-2 border-b border-border\">\n                        <button onClick={handleFullscreen} className=\"px-3 py-1 bg-gray-100 rounded-md text-xs hover:bg-gray-200\">Fullscreen</button>\n                    </div>\n                    <div className=\"relative flex-grow flex flex-col justify-center items-center p-8 overflow-y-auto\">\n                        <div className=\"prose prose-lg max-w-none w-full\" dangerouslySetInnerHTML={{ __html: slideHtml }} />\n                         <button onClick={goToPrev} disabled={currentSlide === 0} className=\"absolute left-4 top-1/2 -translate-y-1/2 p-2 bg-gray-200/50 rounded-full disabled:opacity-30 hover:bg-gray-300/50\">◀</button>\n                         <button onClick={goToNext} disabled={currentSlide === slides.length - 1} className=\"absolute right-4 top-1/2 -translate-y-1/2 p-2 bg-gray-200/50 rounded-full disabled:opacity-30 hover:bg-gray-300/50\">▶</button>\n                         <div className=\"absolute bottom-4 right-4 text-xs bg-black/50 px-2 py-1 rounded-md text-white\">\n                            {currentSlide + 1} / {slides.length}\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};"],"names":["exampleMarkdown","MarkdownSlides","markdown","setMarkdown","useState","currentSlide","setCurrentSlide","slideHtml","setSlideHtml","presentationRef","useRef","slides","useMemo","useEffect","currentSlideContent","html","marked","goToNext","useCallback","goToPrev","handleFullscreen","_a","handleKeyDown","e","jsxs","jsx","PhotoIcon"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/MetaTagEditor-uPETDQxa.js b/assets/MetaTagEditor-uPETDQxa.js
new file mode 100644
index 0000000000000000000000000000000000000000..4e9766b6269a47a3025f248bc240bee1c0cfb6fb
--- /dev/null
+++ b/assets/MetaTagEditor-uPETDQxa.js
@@ -0,0 +1,17 @@
+import{r as o,j as e}from"./react-DKy9e2uO.js";import{i}from"./index-Ck8YGBbR.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const n=({meta:t})=>e.jsxs("div",{className:"w-full max-w-md mx-auto bg-surface border border-border rounded-2xl overflow-hidden shadow-lg",children:[e.jsx("div",{className:"h-52 bg-gray-100 flex items-center justify-center",children:t.image?e.jsx("img",{src:t.image,alt:"Preview",className:"w-full h-full object-cover",onError:a=>a.currentTarget.style.display="none"}):e.jsx("span",{className:"text-text-secondary",children:"Image Preview"})}),e.jsxs("div",{className:"p-4",children:[e.jsx("p",{className:"text-xs text-text-secondary truncate",children:new URL(t.url||"https://example.com").hostname}),e.jsx("h3",{className:"font-bold text-text-primary truncate mt-1",children:t.title||"Your Title Here"}),e.jsx("p",{className:"text-sm text-text-secondary mt-1 line-clamp-2",children:t.description||"A concise description of your content will appear here."})]})]}),j=()=>{const[t,a]=o.useState({title:"DevCore AI Toolkit",description:"The ultimate toolkit for modern developers, powered by Gemini.",image:"https://storage.googleapis.com/maker-studio-project-images-prod/programming_power_on_a_laptop_3a8f0bb1_39a9_4c2b_81f0_a74551480f2c.png",url:"https://devcore.example.com"}),r=s=>{a({...t,[s.target.name]:s.target.value})},l=o.useMemo(()=>`<!-- Primary Meta Tags -->
+<title>${t.title}</title>
+<meta name="title" content="${t.title}" />
+<meta name="description" content="${t.description}" />
+<!-- Open Graph / Facebook -->
+<meta property="og:type" content="website" />
+<meta property="og:url" content="${t.url}" />
+<meta property="og:title" content="${t.title}" />
+<meta property="og:description" content="${t.description}" />
+<meta property="og:image" content="${t.image}" />
+<!-- Twitter -->
+<meta property="twitter:card" content="summary_large_image" />
+<meta property="twitter:url" content="${t.url}" />
+<meta property="twitter:title" content="${t.title}" />
+<meta property="twitter:description" content="${t.description}" />
+<meta property="twitter:image" content="${t.image}" />`,[t]);return e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6",children:[e.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[e.jsx(i,{}),e.jsx("span",{className:"ml-3",children:"Meta Tag Editor"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Generate SEO & social media meta tags with a live preview."})]}),e.jsxs("div",{className:"flex-grow grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-6 min-h-0",children:[e.jsxs("div",{className:"xl:col-span-1 flex flex-col gap-4 bg-surface border border-border p-6 rounded-lg overflow-y-auto",children:[e.jsx("h3",{className:"text-xl font-bold",children:"Metadata"}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm",children:"Title"}),e.jsx("input",{type:"text",name:"title",value:t.title,onChange:r,className:"w-full mt-1 p-2 rounded bg-background border border-border"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm",children:"Description"}),e.jsx("input",{type:"text",name:"description",value:t.description,onChange:r,className:"w-full mt-1 p-2 rounded bg-background border border-border"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm",children:"Canonical URL"}),e.jsx("input",{type:"text",name:"url",value:t.url,onChange:r,className:"w-full mt-1 p-2 rounded bg-background border border-border"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm",children:"Social Image URL"}),e.jsx("input",{type:"text",name:"image",value:t.image,onChange:r,className:"w-full mt-1 p-2 rounded bg-background border border-border"})]})]}),e.jsxs("div",{className:"xl:col-span-1 flex flex-col",children:[e.jsx("label",{className:"text-sm font-medium text-text-secondary mb-2",children:"Generated HTML"}),e.jsxs("div",{className:"relative flex-grow",children:[e.jsx("pre",{className:"w-full h-full bg-background p-4 rounded-md text-primary text-sm overflow-auto",children:l}),e.jsx("button",{onClick:()=>navigator.clipboard.writeText(l),className:"absolute top-2 right-2 px-2 py-1 bg-gray-100 hover:bg-gray-200 rounded-md text-xs",children:"Copy"})]})]}),e.jsxs("div",{className:"hidden xl:flex flex-col items-center justify-center",children:[e.jsx("label",{className:"text-sm font-medium text-text-secondary mb-2",children:"Live Preview"}),e.jsx(n,{meta:t})]})]})]})};export{j as MetaTagEditor};
+//# sourceMappingURL=MetaTagEditor-uPETDQxa.js.map
diff --git a/assets/MetaTagEditor-uPETDQxa.js.map b/assets/MetaTagEditor-uPETDQxa.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..c09f009e12c835c84752429201114dbe7192f4ce
--- /dev/null
+++ b/assets/MetaTagEditor-uPETDQxa.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"MetaTagEditor-uPETDQxa.js","sources":["../../components/features/MetaTagEditor.tsx"],"sourcesContent":["import React, { useState, useMemo } from 'react';\nimport { CodeBracketSquareIcon } from '../icons.tsx';\n\ninterface MetaData {\n    title: string;\n    description: string;\n    image: string;\n    url: string;\n}\n\nconst SocialCardPreview: React.FC<{ meta: MetaData }> = ({ meta }) => (\n    <div className=\"w-full max-w-md mx-auto bg-surface border border-border rounded-2xl overflow-hidden shadow-lg\">\n        <div className=\"h-52 bg-gray-100 flex items-center justify-center\">\n            {meta.image ? <img src={meta.image} alt=\"Preview\" className=\"w-full h-full object-cover\" onError={(e) => e.currentTarget.style.display='none'}/> : <span className=\"text-text-secondary\">Image Preview</span>}\n        </div>\n        <div className=\"p-4\">\n            <p className=\"text-xs text-text-secondary truncate\">{new URL(meta.url || 'https://example.com').hostname}</p>\n            <h3 className=\"font-bold text-text-primary truncate mt-1\">{meta.title || 'Your Title Here'}</h3>\n            <p className=\"text-sm text-text-secondary mt-1 line-clamp-2\">{meta.description || 'A concise description of your content will appear here.'}</p>\n        </div>\n    </div>\n);\n\nexport const MetaTagEditor: React.FC = () => {\n    const [meta, setMeta] = useState<MetaData>({\n        title: 'DevCore AI Toolkit', description: 'The ultimate toolkit for modern developers, powered by Gemini.',\n        image: 'https://storage.googleapis.com/maker-studio-project-images-prod/programming_power_on_a_laptop_3a8f0bb1_39a9_4c2b_81f0_a74551480f2c.png',\n        url: 'https://devcore.example.com'\n    });\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        setMeta({ ...meta, [e.target.name]: e.target.value });\n    };\n\n    const generatedHtml = useMemo(() => {\n        return `<!-- Primary Meta Tags -->\n<title>${meta.title}</title>\n<meta name=\"title\" content=\"${meta.title}\" />\n<meta name=\"description\" content=\"${meta.description}\" />\n<!-- Open Graph / Facebook -->\n<meta property=\"og:type\" content=\"website\" />\n<meta property=\"og:url\" content=\"${meta.url}\" />\n<meta property=\"og:title\" content=\"${meta.title}\" />\n<meta property=\"og:description\" content=\"${meta.description}\" />\n<meta property=\"og:image\" content=\"${meta.image}\" />\n<!-- Twitter -->\n<meta property=\"twitter:card\" content=\"summary_large_image\" />\n<meta property=\"twitter:url\" content=\"${meta.url}\" />\n<meta property=\"twitter:title\" content=\"${meta.title}\" />\n<meta property=\"twitter:description\" content=\"${meta.description}\" />\n<meta property=\"twitter:image\" content=\"${meta.image}\" />`;\n    }, [meta]);\n    \n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6\"><h1 className=\"text-3xl font-bold flex items-center\"><CodeBracketSquareIcon /><span className=\"ml-3\">Meta Tag Editor</span></h1><p className=\"text-text-secondary mt-1\">Generate SEO & social media meta tags with a live preview.</p></header>\n            <div className=\"flex-grow grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-6 min-h-0\">\n                <div className=\"xl:col-span-1 flex flex-col gap-4 bg-surface border border-border p-6 rounded-lg overflow-y-auto\">\n                    <h3 className=\"text-xl font-bold\">Metadata</h3>\n                    <div><label className=\"block text-sm\">Title</label><input type=\"text\" name=\"title\" value={meta.title} onChange={handleChange} className=\"w-full mt-1 p-2 rounded bg-background border border-border\"/></div>\n                    <div><label className=\"block text-sm\">Description</label><input type=\"text\" name=\"description\" value={meta.description} onChange={handleChange} className=\"w-full mt-1 p-2 rounded bg-background border border-border\"/></div>\n                    <div><label className=\"block text-sm\">Canonical URL</label><input type=\"text\" name=\"url\" value={meta.url} onChange={handleChange} className=\"w-full mt-1 p-2 rounded bg-background border border-border\"/></div>\n                    <div><label className=\"block text-sm\">Social Image URL</label><input type=\"text\" name=\"image\" value={meta.image} onChange={handleChange} className=\"w-full mt-1 p-2 rounded bg-background border border-border\"/></div>\n                </div>\n                <div className=\"xl:col-span-1 flex flex-col\">\n                     <label className=\"text-sm font-medium text-text-secondary mb-2\">Generated HTML</label>\n                     <div className=\"relative flex-grow\"><pre className=\"w-full h-full bg-background p-4 rounded-md text-primary text-sm overflow-auto\">{generatedHtml}</pre><button onClick={() => navigator.clipboard.writeText(generatedHtml)} className=\"absolute top-2 right-2 px-2 py-1 bg-gray-100 hover:bg-gray-200 rounded-md text-xs\">Copy</button></div>\n                </div>\n                 <div className=\"hidden xl:flex flex-col items-center justify-center\">\n                    <label className=\"text-sm font-medium text-text-secondary mb-2\">Live Preview</label>\n                    <SocialCardPreview meta={meta} />\n                </div>\n            </div>\n        </div>\n    );\n};"],"names":["SocialCardPreview","meta","jsxs","jsx","e","MetaTagEditor","setMeta","useState","handleChange","generatedHtml","useMemo","CodeBracketSquareIcon"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/NetworkVisualizer-Cx-AAdTT.js b/assets/NetworkVisualizer-Cx-AAdTT.js
new file mode 100644
index 0000000000000000000000000000000000000000..eec6f902320376f9b65926286efdd16e8e62a26f
--- /dev/null
+++ b/assets/NetworkVisualizer-Cx-AAdTT.js
@@ -0,0 +1,2 @@
+import{r as l,j as e}from"./react-DKy9e2uO.js";import{N as g}from"./index-Ck8YGBbR.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const d=({title:a,value:m})=>e.jsxs("div",{className:"bg-surface border border-border p-3 rounded-lg text-center",children:[e.jsx("p",{className:"text-xs text-text-secondary",children:a}),e.jsx("p",{className:"text-xl font-bold text-text-primary",children:m})]}),F=()=>{const[a,m]=l.useState([]),[i,h]=l.useState("duration"),[c,p]=l.useState("desc");l.useEffect(()=>{const t=performance.getEntriesByType("resource");m(t)},[]);const f=l.useMemo(()=>[...a].sort((t,r)=>{const s=t[i],o=r[i];return s<o?c==="asc"?-1:1:s>o?c==="asc"?1:-1:0}),[a,i,c]),{totalSize:j,totalDuration:x,maxDuration:b}=l.useMemo(()=>{const t=a.reduce((s,o)=>s+o.transferSize,0),r=Math.max(...a.map(s=>s.startTime+s.duration),0);return{totalSize:t,totalDuration:r,maxDuration:Math.max(...a.map(s=>s.duration),0)}},[a]),N=t=>{p(i===t&&c==="desc"?"asc":"desc"),h(t)},u=t=>{if(t===0)return"0 B";const r=1024,s=["B","KB","MB"],o=Math.floor(Math.log(t)/Math.log(r));return parseFloat((t/Math.pow(r,o)).toFixed(1))+" "+s[o]},n=({skey:t,label:r,className:s})=>e.jsxs("th",{onClick:()=>N(t),className:`p-2 text-left cursor-pointer hover:bg-gray-100 ${s}`,children:[r," ",i===t&&(c==="asc"?"▲":"▼")]});return e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6",children:[e.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[e.jsx(g,{}),e.jsx("span",{className:"ml-3",children:"Network Visualizer"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Inspect network resources with a summary and waterfall chart."})]}),e.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4 mb-4",children:[e.jsx(d,{title:"Total Requests",value:a.length}),e.jsx(d,{title:"Total Transferred",value:u(j)}),e.jsx(d,{title:"Finish Time",value:`${x.toFixed(0)}ms`}),e.jsx(d,{title:"Longest Request",value:`${b.toFixed(0)}ms`})]}),e.jsx("div",{className:"flex-grow overflow-auto bg-surface rounded-lg border border-border",children:e.jsxs("table",{className:"w-full text-sm text-left table-fixed",children:[e.jsx("thead",{className:"sticky top-0 bg-surface z-10",children:e.jsxs("tr",{className:"border-b border-border",children:[e.jsx(n,{skey:"name",label:"Name",className:"w-2/5"}),e.jsx(n,{skey:"initiatorType",label:"Type",className:"w-1/5"}),e.jsx(n,{skey:"transferSize",label:"Size",className:"w-1/5"}),e.jsx(n,{skey:"duration",label:"Time / Waterfall",className:"w-1/5"})]})}),e.jsx("tbody",{children:f.map((t,r)=>e.jsxs("tr",{className:"border-b border-border hover:bg-gray-50",children:[e.jsx("td",{className:"p-2 text-primary truncate",title:t.name,children:t.name.split("/").pop()}),e.jsx("td",{className:"p-2",children:t.initiatorType}),e.jsx("td",{className:"p-2",children:u(t.transferSize)}),e.jsx("td",{className:"p-2",children:e.jsxs("div",{className:"flex items-center",children:[e.jsxs("span",{className:"w-12",children:[t.duration.toFixed(0),"ms"]}),e.jsx("div",{className:"flex-grow h-4 bg-gray-200 rounded overflow-hidden",children:e.jsx("div",{className:"h-4 bg-primary rounded",style:{marginLeft:`${t.startTime/x*100}%`,width:`${t.duration/x*100}%`},title:`Start: ${t.startTime.toFixed(0)}ms`})})]})})]},r))})]})})]})};export{F as NetworkVisualizer};
+//# sourceMappingURL=NetworkVisualizer-Cx-AAdTT.js.map
diff --git a/assets/NetworkVisualizer-Cx-AAdTT.js.map b/assets/NetworkVisualizer-Cx-AAdTT.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..f7cca1868f1a9a2af2120e536feace75d9bc856d
--- /dev/null
+++ b/assets/NetworkVisualizer-Cx-AAdTT.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"NetworkVisualizer-Cx-AAdTT.js","sources":["../../components/features/NetworkVisualizer.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from 'react';\nimport { ChartBarIcon } from '../icons.tsx';\n\ntype SortKey = 'name' | 'initiatorType' | 'transferSize' | 'duration';\ntype SortDirection = 'asc' | 'desc';\n\nconst SummaryCard: React.FC<{ title: string, value: string | number }> = ({ title, value }) => (\n    <div className=\"bg-surface border border-border p-3 rounded-lg text-center\">\n        <p className=\"text-xs text-text-secondary\">{title}</p>\n        <p className=\"text-xl font-bold text-text-primary\">{value}</p>\n    </div>\n);\n\nexport const NetworkVisualizer: React.FC = () => {\n    const [requests, setRequests] = useState<PerformanceResourceTiming[]>([]);\n    const [sortKey, setSortKey] = useState<SortKey>('duration');\n    const [sortDirection, setSortDirection] = useState<SortDirection>('desc');\n\n    useEffect(() => {\n        const entries = performance.getEntriesByType(\"resource\") as PerformanceResourceTiming[];\n        setRequests(entries);\n    }, []);\n    \n    const sortedRequests = useMemo(() => {\n        return [...requests].sort((a, b) => {\n            const valA = a[sortKey];\n            const valB = b[sortKey];\n            if (valA < valB) return sortDirection === 'asc' ? -1 : 1;\n            if (valA > valB) return sortDirection === 'asc' ? 1 : -1;\n            return 0;\n        });\n    }, [requests, sortKey, sortDirection]);\n\n    const { totalSize, totalDuration, maxDuration } = useMemo(() => {\n        const totalSize = requests.reduce((acc, req) => acc + req.transferSize, 0);\n        const maxFinish = Math.max(...requests.map(r => r.startTime + r.duration), 0);\n        return { totalSize, totalDuration: maxFinish, maxDuration: Math.max(...requests.map(r => r.duration), 0) };\n    }, [requests]);\n\n    const handleSort = (key: SortKey) => {\n        setSortDirection(sortKey === key && sortDirection === 'desc' ? 'asc' : 'desc');\n        setSortKey(key);\n    };\n    \n    const formatBytes = (bytes: number) => {\n        if (bytes === 0) return '0 B';\n        const k = 1024; const sizes = ['B', 'KB', 'MB'];\n        const i = Math.floor(Math.log(bytes) / Math.log(k));\n        return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + ' ' + sizes[i];\n    };\n\n    const SortableHeader: React.FC<{ skey: SortKey, label: string; className?: string }> = ({ skey, label, className }) => (\n        <th onClick={() => handleSort(skey)} className={`p-2 text-left cursor-pointer hover:bg-gray-100 ${className}`}>\n            {label} {sortKey === skey && (sortDirection === 'asc' ? '▲' : '▼')}\n        </th>\n    );\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6\"><h1 className=\"text-3xl font-bold flex items-center\"><ChartBarIcon /><span className=\"ml-3\">Network Visualizer</span></h1><p className=\"text-text-secondary mt-1\">Inspect network resources with a summary and waterfall chart.</p></header>\n            <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4 mb-4\">\n                <SummaryCard title=\"Total Requests\" value={requests.length} />\n                <SummaryCard title=\"Total Transferred\" value={formatBytes(totalSize)} />\n                <SummaryCard title=\"Finish Time\" value={`${totalDuration.toFixed(0)}ms`} />\n                <SummaryCard title=\"Longest Request\" value={`${maxDuration.toFixed(0)}ms`} />\n            </div>\n            <div className=\"flex-grow overflow-auto bg-surface rounded-lg border border-border\">\n                <table className=\"w-full text-sm text-left table-fixed\">\n                    <thead className=\"sticky top-0 bg-surface z-10\"><tr className=\"border-b border-border\">\n                        <SortableHeader skey=\"name\" label=\"Name\" className=\"w-2/5\"/>\n                        <SortableHeader skey=\"initiatorType\" label=\"Type\" className=\"w-1/5\" />\n                        <SortableHeader skey=\"transferSize\" label=\"Size\" className=\"w-1/5\"/>\n                        <SortableHeader skey=\"duration\" label=\"Time / Waterfall\" className=\"w-1/5\"/>\n                    </tr></thead>\n                    <tbody>{sortedRequests.map((req, i) => (<tr key={i} className=\"border-b border-border hover:bg-gray-50\">\n                        <td className=\"p-2 text-primary truncate\" title={req.name}>{req.name.split('/').pop()}</td>\n                        <td className=\"p-2\">{req.initiatorType}</td>\n                        <td className=\"p-2\">{formatBytes(req.transferSize)}</td>\n                        <td className=\"p-2\"><div className=\"flex items-center\">\n                            <span className=\"w-12\">{req.duration.toFixed(0)}ms</span>\n                            <div className=\"flex-grow h-4 bg-gray-200 rounded overflow-hidden\">\n                                <div className=\"h-4 bg-primary rounded\" style={{ marginLeft: `${(req.startTime / totalDuration) * 100}%`, width: `${(req.duration / totalDuration) * 100}%` }} title={`Start: ${req.startTime.toFixed(0)}ms`}></div>\n                            </div>\n                        </div></td>\n                    </tr>))}</tbody>\n                </table>\n            </div>\n        </div>\n    );\n};"],"names":["SummaryCard","title","value","jsxs","jsx","NetworkVisualizer","requests","setRequests","useState","sortKey","setSortKey","sortDirection","setSortDirection","useEffect","entries","sortedRequests","useMemo","a","b","valA","valB","totalSize","totalDuration","maxDuration","acc","req","maxFinish","r","handleSort","key","formatBytes","bytes","k","sizes","i","SortableHeader","skey","label","className","ChartBarIcon"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/PromptCraftPad-CLnFwMOJ.js b/assets/PromptCraftPad-CLnFwMOJ.js
new file mode 100644
index 0000000000000000000000000000000000000000..09250baafd7ddab8479984bb2ebcf8648cf21156
--- /dev/null
+++ b/assets/PromptCraftPad-CLnFwMOJ.js
@@ -0,0 +1,2 @@
+import{r as l,j as t}from"./react-DKy9e2uO.js";import{u as y,S as w}from"./index-Ck8YGBbR.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const R=()=>{const[a,d]=y("devcore_prompts",[{id:1,name:"React Component Generator",text:"Generate a React component named {name} that {description}. Style it with Tailwind CSS."}]),[r,o]=l.useState(a[0]||null),[b,x]=l.useState(null),[m,u]=l.useState(""),[i,f]=l.useState({}),c=l.useMemo(()=>r?[...r.text.matchAll(/\{(\w+)\}/g)].map(e=>e[1]):[],[r]),h=l.useMemo(()=>r?c.reduce((e,s)=>e.replace(new RegExp(`\\{${s}\\}`,"g"),i[s]||`{${s}}`),r.text):"",[r,i,c]);l.useEffect(()=>{!r&&a.length>0&&o(a[0]),r&&o(a.find(e=>e.id===r.id)||null)},[a,r]);const g=e=>{if(!r)return;const s={...r,text:e.target.value};d(a.map(n=>n.id===s.id?s:n))},p=(e,s)=>{d(a.map(n=>n.id===e?{...n,name:s}:n)),x(null)},j=()=>{const e={id:Date.now(),name:"New Untitled Prompt",text:""};d([...a,e]),o(e)},N=e=>{d(a.filter(s=>s.id!==e)),(r==null?void 0:r.id)===e&&o(a.length>1?a[0]:null)};return t.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[t.jsxs("header",{className:"mb-6",children:[t.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[t.jsx(w,{}),t.jsx("span",{className:"ml-3",children:"Prompt Craft Pad"})]}),t.jsx("p",{className:"text-text-secondary mt-1",children:"Create, save, and manage your favorite AI prompts."})]}),t.jsxs("div",{className:"flex-grow flex gap-6 min-h-0",children:[t.jsxs("aside",{className:"w-1/3 bg-surface border border-border p-4 rounded-lg flex flex-col",children:[t.jsx("h3",{className:"font-bold mb-2",children:"My Prompts"}),t.jsx("ul",{className:"space-y-2 flex-grow overflow-y-auto",children:a.map(e=>t.jsxs("li",{className:"group flex items-center justify-between",children:[t.jsx("div",{className:`w-full text-left rounded-md ${(r==null?void 0:r.id)===e.id?"bg-primary/10":""}`,children:t.jsxs("button",{onClick:()=>o(e),onDoubleClick:()=>{x(e.id),u(e.name)},className:`w-full text-left px-3 py-2 ${(r==null?void 0:r.id)===e.id?"text-primary":"hover:bg-gray-100"}`,children:[" ",b===e.id?t.jsx("input",{autoFocus:!0,value:m,onChange:s=>u(s.target.value),onBlur:()=>p(e.id,m),onKeyDown:s=>s.key==="Enter"&&p(e.id,m),className:"bg-gray-100 text-text-primary w-full"}):e.name," "]})}),t.jsx("button",{onClick:()=>N(e.id),className:"ml-2 p-1 text-text-secondary hover:text-red-500 opacity-0 group-hover:opacity-100",children:"×"})]},e.id))}),t.jsx("div",{className:"mt-4 pt-4 border-t border-border",children:t.jsx("button",{onClick:j,className:"btn-primary w-full text-sm py-2",children:"Add New Prompt"})})]}),t.jsx("main",{className:"w-2/3 flex flex-col gap-4",children:r?t.jsxs(t.Fragment,{children:[t.jsx("textarea",{value:r.text,onChange:g,className:"flex-grow p-4 bg-surface border border-border rounded-md resize-none font-mono text-sm focus:ring-2 focus:ring-primary focus:outline-none"}),c.length>0&&t.jsxs("div",{className:"flex-shrink-0 bg-surface border border-border p-4 rounded-lg",children:[t.jsx("h4",{className:"font-bold mb-2",children:"Test Variables"}),t.jsx("div",{className:"grid grid-cols-2 gap-2",children:c.map(e=>t.jsxs("div",{children:[t.jsx("label",{className:"text-xs",children:e}),t.jsx("input",{type:"text",value:i[e]||"",onChange:s=>f({...i,[e]:s.target.value}),className:"w-full bg-background border border-border px-2 py-1 rounded text-sm"})]},e))}),t.jsx("h4",{className:"font-bold mt-4 mb-2",children:"Live Preview"}),t.jsx("p",{className:"text-sm p-2 bg-background rounded border border-border",children:h})]})]}):t.jsx("div",{className:"flex-grow flex items-center justify-center bg-background rounded-lg text-text-secondary border border-border",children:"Select a prompt or create a new one."})})]})]})};export{R as PromptCraftPad};
+//# sourceMappingURL=PromptCraftPad-CLnFwMOJ.js.map
diff --git a/assets/PromptCraftPad-CLnFwMOJ.js.map b/assets/PromptCraftPad-CLnFwMOJ.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..197aa69bc3db47696378df75b0f21e001cee144f
--- /dev/null
+++ b/assets/PromptCraftPad-CLnFwMOJ.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"PromptCraftPad-CLnFwMOJ.js","sources":["../../components/features/PromptCraftPad.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from 'react';\nimport { SparklesIcon } from '../icons.tsx';\nimport { useLocalStorage } from '../../hooks/useLocalStorage.ts';\n\ninterface Prompt {\n    id: number;\n    name: string;\n    text: string;\n}\n\nexport const PromptCraftPad: React.FC = () => {\n    const [prompts, setPrompts] = useLocalStorage<Prompt[]>('devcore_prompts', [\n        { id: 1, name: 'React Component Generator', text: 'Generate a React component named {name} that {description}. Style it with Tailwind CSS.'}\n    ]);\n    const [activePrompt, setActivePrompt] = useState<Prompt | null>(prompts[0] || null);\n    const [editingId, setEditingId] = useState<number | null>(null);\n    const [tempName, setTempName] = useState('');\n    const [variables, setVariables] = useState<Record<string, string>>({});\n\n    const variableNames = useMemo(() => {\n        if (!activePrompt) return [];\n        return [...activePrompt.text.matchAll(/\\{(\\w+)\\}/g)].map(match => match[1]);\n    }, [activePrompt]);\n\n    const renderedPrompt = useMemo(() => {\n        if (!activePrompt) return '';\n        return variableNames.reduce((acc, varName) => {\n            return acc.replace(new RegExp(`\\\\{${varName}\\\\}`, 'g'), variables[varName] || `{${varName}}`);\n        }, activePrompt.text);\n    }, [activePrompt, variables, variableNames]);\n    \n    useEffect(() => {\n        if(!activePrompt && prompts.length > 0) setActivePrompt(prompts[0]);\n        if (activePrompt) setActivePrompt(prompts.find((p: Prompt) => p.id === activePrompt.id) || null);\n    }, [prompts, activePrompt]);\n\n    const handleTextChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n        if (!activePrompt) return;\n        const updatedPrompt = { ...activePrompt, text: e.target.value };\n        setPrompts(prompts.map((p: Prompt) => p.id === updatedPrompt.id ? updatedPrompt : p));\n    };\n    \n    const handleNameUpdate = (id: number, newName: string) => {\n        setPrompts(prompts.map((p: Prompt) => p.id === id ? {...p, name: newName} : p));\n        setEditingId(null);\n    };\n\n    const handleAddNew = () => {\n        const newPrompt = { id: Date.now(), name: 'New Untitled Prompt', text: '' };\n        setPrompts([...prompts, newPrompt]);\n        setActivePrompt(newPrompt);\n    };\n    \n    const handleDelete = (id: number) => {\n        setPrompts(prompts.filter((p: Prompt) => p.id !== id));\n        if(activePrompt?.id === id) setActivePrompt(prompts.length > 1 ? prompts[0] : null);\n    }\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6\"><h1 className=\"text-3xl font-bold flex items-center\"><SparklesIcon /><span className=\"ml-3\">Prompt Craft Pad</span></h1><p className=\"text-text-secondary mt-1\">Create, save, and manage your favorite AI prompts.</p></header>\n            <div className=\"flex-grow flex gap-6 min-h-0\">\n                <aside className=\"w-1/3 bg-surface border border-border p-4 rounded-lg flex flex-col\">\n                    <h3 className=\"font-bold mb-2\">My Prompts</h3>\n                    <ul className=\"space-y-2 flex-grow overflow-y-auto\">{prompts.map((p: Prompt) => (<li key={p.id} className=\"group flex items-center justify-between\"><div className={`w-full text-left rounded-md ${activePrompt?.id === p.id ? 'bg-primary/10' : ''}`}><button onClick={() => setActivePrompt(p)} onDoubleClick={() => {setEditingId(p.id); setTempName(p.name);}} className={`w-full text-left px-3 py-2 ${activePrompt?.id === p.id ? 'text-primary' : 'hover:bg-gray-100'}`}> {editingId === p.id ? <input autoFocus value={tempName} onChange={e => setTempName(e.target.value)} onBlur={() => handleNameUpdate(p.id, tempName)} onKeyDown={e => e.key === 'Enter' && handleNameUpdate(p.id, tempName)} className=\"bg-gray-100 text-text-primary w-full\"/> : p.name} </button></div><button onClick={() => handleDelete(p.id)} className=\"ml-2 p-1 text-text-secondary hover:text-red-500 opacity-0 group-hover:opacity-100\">&times;</button></li>))}</ul>\n                    <div className=\"mt-4 pt-4 border-t border-border\"><button onClick={handleAddNew} className=\"btn-primary w-full text-sm py-2\">Add New Prompt</button></div>\n                </aside>\n                <main className=\"w-2/3 flex flex-col gap-4\">\n                    {activePrompt ? (<>\n                        <textarea value={activePrompt.text} onChange={handleTextChange} className=\"flex-grow p-4 bg-surface border border-border rounded-md resize-none font-mono text-sm focus:ring-2 focus:ring-primary focus:outline-none\"/>\n                        {variableNames.length > 0 && <div className=\"flex-shrink-0 bg-surface border border-border p-4 rounded-lg\"><h4 className=\"font-bold mb-2\">Test Variables</h4><div className=\"grid grid-cols-2 gap-2\">{variableNames.map(v => (<div key={v}><label className=\"text-xs\">{v}</label><input type=\"text\" value={variables[v] || ''} onChange={e => setVariables({...variables, [v]: e.target.value})} className=\"w-full bg-background border border-border px-2 py-1 rounded text-sm\"/></div>))}</div><h4 className=\"font-bold mt-4 mb-2\">Live Preview</h4><p className=\"text-sm p-2 bg-background rounded border border-border\">{renderedPrompt}</p></div>}\n                    </>) : (<div className=\"flex-grow flex items-center justify-center bg-background rounded-lg text-text-secondary border border-border\">Select a prompt or create a new one.</div>)}\n                </main>\n            </div>\n        </div>\n    );\n};"],"names":["PromptCraftPad","prompts","setPrompts","useLocalStorage","activePrompt","setActivePrompt","useState","editingId","setEditingId","tempName","setTempName","variables","setVariables","variableNames","useMemo","match","renderedPrompt","acc","varName","useEffect","p","handleTextChange","updatedPrompt","handleNameUpdate","id","newName","handleAddNew","newPrompt","handleDelete","jsxs","jsx","SparklesIcon","e","Fragment","v"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/PwaManifestEditor-CDkRs4zs.js b/assets/PwaManifestEditor-CDkRs4zs.js
new file mode 100644
index 0000000000000000000000000000000000000000..b870a795675638c9afafa8b9c1566bc433ffffde
--- /dev/null
+++ b/assets/PwaManifestEditor-CDkRs4zs.js
@@ -0,0 +1,2 @@
+import{r as a,j as e}from"./react-DKy9e2uO.js";import{i as n,A as c}from"./index-Ck8YGBbR.js";import{d}from"./fileUtils-Bw7t6Hrv.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const i=({manifest:s})=>e.jsxs("div",{className:"w-full max-w-xs mx-auto flex flex-col items-center",children:[e.jsxs("div",{className:"w-72 h-[550px] bg-gray-800 rounded-[40px] border-[10px] border-black shadow-2xl p-4 flex flex-col",children:[e.jsxs("div",{className:"flex-shrink-0 h-6 flex justify-between items-center px-4",children:[e.jsx("span",{className:"text-xs font-bold",style:{color:s.theme_color},children:"9:41"}),e.jsx("div",{className:"w-16 h-4 bg-black rounded-full"}),e.jsx("span",{className:"text-xs font-bold",style:{color:s.theme_color},children:"100%"})]}),e.jsx("div",{className:"flex-grow grid grid-cols-4 gap-4 p-4",children:e.jsxs("div",{className:"flex flex-col items-center gap-1",children:[e.jsx("div",{className:"w-14 h-14 bg-white rounded-xl flex items-center justify-center text-3xl",style:{backgroundColor:s.background_color},children:e.jsx("span",{style:{color:s.theme_color},children:s.short_name[0]})}),e.jsx("p",{className:"text-xs text-center text-white truncate w-full",children:s.short_name})]})})]}),e.jsx("p",{className:"text-xs text-text-secondary mt-2 text-center",children:"Home Screen Preview"})]}),v=()=>{const[s,t]=a.useState({name:"DevCore Progressive Web App",short_name:"DevCore",start_url:"/",scope:"/",display:"standalone",orientation:"any",background_color:"#F5F7FA",theme_color:"#0047AB"}),l=r=>{t({...s,[r.target.name]:r.target.value})},o=a.useMemo(()=>{const r={...s,icons:[{src:"icon-192.png",type:"image/png",sizes:"192x192"},{src:"icon-512.png",type:"image/png",sizes:"512x512"}]};return JSON.stringify(r,null,2)},[s]);return e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6",children:[e.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[e.jsx(n,{}),e.jsx("span",{className:"ml-3",children:"PWA Manifest Editor"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Configure and generate the `manifest.json` file for your PWA."})]}),e.jsxs("div",{className:"flex-grow grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-6 min-h-0",children:[e.jsxs("div",{className:"xl:col-span-1 flex flex-col gap-4 bg-surface border border-border p-6 rounded-lg overflow-y-auto",children:[e.jsx("h3",{className:"text-xl font-bold",children:"Configuration"}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm",children:"App Name"}),e.jsx("input",{type:"text",name:"name",value:s.name,onChange:l,className:"w-full mt-1 p-2 rounded bg-background border border-border"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm",children:"Short Name"}),e.jsx("input",{type:"text",name:"short_name",value:s.short_name,onChange:l,className:"w-full mt-1 p-2 rounded bg-background border border-border"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm",children:"Start URL"}),e.jsx("input",{type:"text",name:"start_url",value:s.start_url,onChange:l,className:"w-full mt-1 p-2 rounded bg-background border border-border"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm",children:"Scope"}),e.jsx("input",{type:"text",name:"scope",value:s.scope,onChange:l,className:"w-full mt-1 p-2 rounded bg-background border border-border"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm",children:"Display Mode"}),e.jsxs("select",{name:"display",value:s.display,onChange:l,className:"w-full mt-1 p-2 rounded bg-background border border-border",children:[e.jsx("option",{children:"standalone"}),e.jsx("option",{children:"fullscreen"}),e.jsx("option",{children:"minimal-ui"}),e.jsx("option",{children:"browser"})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm",children:"Orientation"}),e.jsxs("select",{name:"orientation",value:s.orientation,onChange:l,className:"w-full mt-1 p-2 rounded bg-background border border-border",children:[e.jsx("option",{children:"any"}),e.jsx("option",{children:"natural"}),e.jsx("option",{children:"landscape"}),e.jsx("option",{children:"portrait"})]})]}),e.jsxs("div",{className:"flex gap-4",children:[e.jsxs("div",{className:"w-1/2",children:[e.jsx("label",{className:"block text-sm",children:"Background Color"}),e.jsx("input",{type:"color",name:"background_color",value:s.background_color,onChange:l,className:"w-full mt-1 h-10 rounded bg-background border border-border"})]}),e.jsxs("div",{className:"w-1/2",children:[e.jsx("label",{className:"block text-sm",children:"Theme Color"}),e.jsx("input",{type:"color",name:"theme_color",value:s.theme_color,onChange:l,className:"w-full mt-1 h-10 rounded bg-background border border-border"})]})]})]}),e.jsxs("div",{className:"xl:col-span-1 flex flex-col",children:[e.jsxs("div",{className:"flex justify-between items-center mb-2",children:[e.jsx("label",{className:"text-sm font-medium text-text-secondary",children:"Generated manifest.json"}),e.jsxs("button",{onClick:()=>d(o,"manifest.json","application/json"),className:"flex items-center gap-1 px-3 py-1 bg-gray-100 text-xs rounded-md hover:bg-gray-200",children:[e.jsx(c,{className:"w-4 h-4"})," Download"]})]}),e.jsx("div",{className:"relative flex-grow",children:e.jsx("pre",{className:"w-full h-full bg-background p-4 rounded-md text-primary text-sm overflow-auto",children:o})})]}),e.jsxs("div",{className:"hidden xl:flex flex-col items-center justify-center",children:[e.jsx("label",{className:"text-sm font-medium text-text-secondary mb-2",children:"Live Preview"}),e.jsx(i,{manifest:s})]})]})]})};export{v as PwaManifestEditor};
+//# sourceMappingURL=PwaManifestEditor-CDkRs4zs.js.map
diff --git a/assets/PwaManifestEditor-CDkRs4zs.js.map b/assets/PwaManifestEditor-CDkRs4zs.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..09e1107e9dbefe9dbae6d8ce769c8bd60ab4142a
--- /dev/null
+++ b/assets/PwaManifestEditor-CDkRs4zs.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"PwaManifestEditor-CDkRs4zs.js","sources":["../../components/features/PwaManifestEditor.tsx"],"sourcesContent":["import React, { useState, useMemo } from 'react';\nimport { CodeBracketSquareIcon, ArrowDownTrayIcon } from '../icons.tsx';\nimport { downloadFile } from '../../services/fileUtils.ts';\n\ninterface ManifestData {\n    name: string;\n    short_name: string;\n    start_url: string;\n    scope: string;\n    display: 'standalone' | 'fullscreen' | 'minimal-ui' | 'browser';\n    orientation: 'any' | 'natural' | 'landscape' | 'portrait';\n    background_color: string;\n    theme_color: string;\n}\n\nconst HomeScreenPreview: React.FC<{ manifest: ManifestData }> = ({ manifest }) => (\n    <div className=\"w-full max-w-xs mx-auto flex flex-col items-center\">\n        <div className=\"w-72 h-[550px] bg-gray-800 rounded-[40px] border-[10px] border-black shadow-2xl p-4 flex flex-col\">\n            <div className=\"flex-shrink-0 h-6 flex justify-between items-center px-4\">\n                <span className=\"text-xs font-bold\" style={{color: manifest.theme_color}}>9:41</span>\n                <div className=\"w-16 h-4 bg-black rounded-full\" />\n                <span className=\"text-xs font-bold\" style={{color: manifest.theme_color}}>100%</span>\n            </div>\n            <div className=\"flex-grow grid grid-cols-4 gap-4 p-4\">\n                <div className=\"flex flex-col items-center gap-1\">\n                    <div className=\"w-14 h-14 bg-white rounded-xl flex items-center justify-center text-3xl\" style={{backgroundColor: manifest.background_color}}>\n                        <span style={{color: manifest.theme_color}}>{manifest.short_name[0]}</span>\n                    </div>\n                    <p className=\"text-xs text-center text-white truncate w-full\">{manifest.short_name}</p>\n                </div>\n            </div>\n        </div>\n         <p className=\"text-xs text-text-secondary mt-2 text-center\">Home Screen Preview</p>\n    </div>\n);\n\n\nexport const PwaManifestEditor: React.FC = () => {\n    const [manifest, setManifest] = useState<ManifestData>({\n        name: 'DevCore Progressive Web App', short_name: 'DevCore', start_url: '/', scope: '/',\n        display: 'standalone', orientation: 'any', background_color: '#F5F7FA', theme_color: '#0047AB',\n    });\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>) => {\n        setManifest({ ...manifest, [e.target.name]: e.target.value });\n    };\n\n    const generatedJson = useMemo(() => {\n        const fullManifest = { ...manifest, icons: [{\"src\": \"icon-192.png\", \"type\": \"image/png\", \"sizes\": \"192x192\"}, {\"src\": \"icon-512.png\", \"type\": \"image/png\", \"sizes\": \"512x512\"}] };\n        return JSON.stringify(fullManifest, null, 2);\n    }, [manifest]);\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6\"><h1 className=\"text-3xl font-bold flex items-center\"><CodeBracketSquareIcon /><span className=\"ml-3\">PWA Manifest Editor</span></h1><p className=\"text-text-secondary mt-1\">Configure and generate the `manifest.json` file for your PWA.</p></header>\n            <div className=\"flex-grow grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-6 min-h-0\">\n                <div className=\"xl:col-span-1 flex flex-col gap-4 bg-surface border border-border p-6 rounded-lg overflow-y-auto\">\n                    <h3 className=\"text-xl font-bold\">Configuration</h3>\n                    <div><label className=\"block text-sm\">App Name</label><input type=\"text\" name=\"name\" value={manifest.name} onChange={handleChange} className=\"w-full mt-1 p-2 rounded bg-background border border-border\"/></div>\n                    <div><label className=\"block text-sm\">Short Name</label><input type=\"text\" name=\"short_name\" value={manifest.short_name} onChange={handleChange} className=\"w-full mt-1 p-2 rounded bg-background border border-border\"/></div>\n                    <div><label className=\"block text-sm\">Start URL</label><input type=\"text\" name=\"start_url\" value={manifest.start_url} onChange={handleChange} className=\"w-full mt-1 p-2 rounded bg-background border border-border\"/></div>\n                    <div><label className=\"block text-sm\">Scope</label><input type=\"text\" name=\"scope\" value={manifest.scope} onChange={handleChange} className=\"w-full mt-1 p-2 rounded bg-background border border-border\"/></div>\n                    <div><label className=\"block text-sm\">Display Mode</label><select name=\"display\" value={manifest.display} onChange={handleChange} className=\"w-full mt-1 p-2 rounded bg-background border border-border\"><option>standalone</option><option>fullscreen</option><option>minimal-ui</option><option>browser</option></select></div>\n                    <div><label className=\"block text-sm\">Orientation</label><select name=\"orientation\" value={manifest.orientation} onChange={handleChange} className=\"w-full mt-1 p-2 rounded bg-background border border-border\"><option>any</option><option>natural</option><option>landscape</option><option>portrait</option></select></div>\n                     <div className=\"flex gap-4\">\n                        <div className=\"w-1/2\"><label className=\"block text-sm\">Background Color</label><input type=\"color\" name=\"background_color\" value={manifest.background_color} onChange={handleChange} className=\"w-full mt-1 h-10 rounded bg-background border border-border\"/></div>\n                        <div className=\"w-1/2\"><label className=\"block text-sm\">Theme Color</label><input type=\"color\" name=\"theme_color\" value={manifest.theme_color} onChange={handleChange} className=\"w-full mt-1 h-10 rounded bg-background border border-border\"/></div>\n                     </div>\n                </div>\n                <div className=\"xl:col-span-1 flex flex-col\">\n                    <div className=\"flex justify-between items-center mb-2\">\n                         <label className=\"text-sm font-medium text-text-secondary\">Generated manifest.json</label>\n                         <button onClick={() => downloadFile(generatedJson, 'manifest.json', 'application/json')} className=\"flex items-center gap-1 px-3 py-1 bg-gray-100 text-xs rounded-md hover:bg-gray-200\">\n                            <ArrowDownTrayIcon className=\"w-4 h-4\"/> Download\n                        </button>\n                    </div>\n                     <div className=\"relative flex-grow\"><pre className=\"w-full h-full bg-background p-4 rounded-md text-primary text-sm overflow-auto\">{generatedJson}</pre></div>\n                </div>\n                <div className=\"hidden xl:flex flex-col items-center justify-center\">\n                    <label className=\"text-sm font-medium text-text-secondary mb-2\">Live Preview</label>\n                    <HomeScreenPreview manifest={manifest} />\n                </div>\n            </div>\n        </div>\n    );\n};"],"names":["HomeScreenPreview","manifest","jsxs","jsx","PwaManifestEditor","setManifest","useState","handleChange","e","generatedJson","useMemo","fullManifest","CodeBracketSquareIcon","downloadFile","ArrowDownTrayIcon"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/RegexSandbox-7zc7R8DT.js b/assets/RegexSandbox-7zc7R8DT.js
new file mode 100644
index 0000000000000000000000000000000000000000..0b7e2908c257244d1d0edad34a9461e7b2298702
--- /dev/null
+++ b/assets/RegexSandbox-7zc7R8DT.js
@@ -0,0 +1,2 @@
+import{r as l,j as e}from"./react-DKy9e2uO.js";import{g as b}from"./geminiService-Cgwdboli.js";import{B as N}from"./index-Ck8YGBbR.js";import{L as y}from"./LoadingSpinner-B20BJ_HS.js";import"./bottleneck-Cpj98o6Y.js";import"./@google-D80DdW2m.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const v=[{name:"Email",pattern:"/[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}/g"},{name:"URL",pattern:"/https?:\\/\\/(www\\.)?[-a-zA-Z0-9@:%._\\+~#=]{1,256}\\.[a-zA-Z0-9()]{1,6}\\b([-a-zA-Z0-9()@:%_\\+.~#?&//=]*)/g"},{name:"IPv4 Address",pattern:"/((25[0-5]|(2[0-4]|1\\d|[1-9]|)\\d)\\.?\\b){4}/g"},{name:"Date (YYYY-MM-DD)",pattern:"/\\d{4}-\\d{2}-\\d{2}/g"}],w=()=>e.jsxs("div",{className:"bg-surface border border-border p-4 rounded-lg",children:[e.jsx("h3",{className:"text-lg font-bold mb-2",children:"Regex Cheat Sheet"}),e.jsxs("div",{className:"grid grid-cols-2 gap-x-4 gap-y-1 text-xs font-mono",children:[e.jsxs("p",{children:[e.jsx("span",{className:"text-primary",children:"."})," - Any character"]}),e.jsxs("p",{children:[e.jsx("span",{className:"text-primary",children:"\\d"})," - Any digit"]}),e.jsxs("p",{children:[e.jsx("span",{className:"text-primary",children:"\\w"})," - Word character"]}),e.jsxs("p",{children:[e.jsx("span",{className:"text-primary",children:"\\s"})," - Whitespace"]}),e.jsxs("p",{children:[e.jsx("span",{className:"text-primary",children:"[abc]"})," - a, b, or c"]}),e.jsxs("p",{children:[e.jsx("span",{className:"text-primary",children:"[^abc]"})," - Not a, b, or c"]}),e.jsxs("p",{children:[e.jsx("span",{className:"text-primary",children:"*"})," - 0 or more"]}),e.jsxs("p",{children:[e.jsx("span",{className:"text-primary",children:"+"})," - 1 or more"]}),e.jsxs("p",{children:[e.jsx("span",{className:"text-primary",children:"?"})," - 0 or one"]}),e.jsxs("p",{children:[e.jsx("span",{className:"text-primary",children:"^"})," - Start of string"]}),e.jsxs("p",{children:[e.jsx("span",{className:"text-primary",children:"$"})," - End of string"]}),e.jsxs("p",{children:[e.jsx("span",{className:"text-primary",children:"\\b"})," - Word boundary"]})]})]}),I=({initialPrompt:d})=>{const[i,x]=l.useState("/\\b([A-Z][a-z]+)\\s(\\w+)\\b/g"),[o,u]=l.useState("The quick Brown Fox jumps over the Lazy Dog."),[p,f]=l.useState(d||"find capitalized words and the word after"),[h,g]=l.useState(!1),{matches:a,error:c}=l.useMemo(()=>{try{const r=i.match(/^\/(.*)\/([gimyus]*)$/);if(!r)return{matches:null,error:"Invalid regex literal. Use /pattern/flags."};const[,t,s]=r,n=new RegExp(t,s);return{matches:[...o.matchAll(n)],error:null}}catch(r){return{matches:null,error:r instanceof Error?r.message:"Unknown error."}}},[i,o]),m=l.useCallback(async r=>{if(r){g(!0);try{const t=b(r);let s="";for await(const n of t)s+=n;x(s.trim().replace(/^`+|`+$/g,""))}finally{g(!1)}}},[]);l.useEffect(()=>{d&&m(d)},[d,m]);const j=l.useMemo(()=>{if(!a||a.length===0||c)return o;let r=0;const t=[];return a.forEach((s,n)=>{s.index!==void 0&&(t.push(o.substring(r,s.index)),t.push(e.jsx("mark",{className:"bg-primary/20 text-primary rounded px-1",children:s[0]},n)),r=s.index+s[0].length)}),t.push(o.substring(r)),t},[a,o,c]);return e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6",children:[e.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[e.jsx(N,{}),e.jsx("span",{className:"ml-3",children:"RegEx Sandbox"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Test your regular expressions and generate them with AI."})]}),e.jsxs("div",{className:"flex-grow grid grid-cols-1 lg:grid-cols-3 gap-6 min-h-0",children:[e.jsxs("div",{className:"lg:col-span-2 flex flex-col gap-4",children:[e.jsxs("div",{className:"flex gap-2",children:[e.jsx("input",{type:"text",value:p,onChange:r=>f(r.target.value),placeholder:"Describe the pattern to find...",className:"flex-grow px-3 py-1.5 rounded-md bg-surface border border-border text-sm focus:ring-2 focus:ring-primary"}),e.jsx("button",{onClick:()=>m(p),disabled:h,className:"btn-primary px-4 py-1.5 flex items-center",children:h?e.jsx(y,{}):"Generate"})]}),e.jsxs("div",{children:[e.jsx("label",{htmlFor:"regex-pattern",className:"text-sm font-medium text-text-secondary",children:"Regular Expression"}),e.jsx("input",{id:"regex-pattern",type:"text",value:i,onChange:r=>x(r.target.value),className:`w-full mt-1 px-3 py-2 rounded-md bg-surface border ${c?"border-red-500":"border-border"} font-mono text-sm focus:ring-2 focus:ring-primary`}),c&&e.jsx("p",{className:"text-red-500 text-xs mt-1",children:c})]}),e.jsxs("div",{className:"flex flex-col flex-grow min-h-0",children:[e.jsx("label",{htmlFor:"test-string",className:"text-sm font-medium text-text-secondary",children:"Test String"}),e.jsx("textarea",{id:"test-string",value:o,onChange:r=>u(r.target.value),className:"w-full mt-1 p-3 rounded-md bg-surface border border-border font-mono text-sm resize-y h-32"}),e.jsx("div",{className:"mt-2 p-3 bg-background rounded-md border border-border min-h-[50px] whitespace-pre-wrap",children:j})]}),e.jsxs("div",{className:"flex-shrink-0",children:[e.jsxs("h3",{className:"text-lg font-bold",children:["Match Groups (",(a==null?void 0:a.length)||0,")"]}),e.jsx("div",{className:"mt-2 p-2 bg-surface rounded-md overflow-y-auto max-h-48 font-mono text-xs border border-border",children:a&&a.length>0?a.map((r,t)=>e.jsxs("details",{className:"p-2 border-b border-border",children:[e.jsxs("summary",{className:"cursor-pointer text-green-700",children:["Match ",t+1,': "',r[0],'"']}),e.jsx("div",{className:"pl-4 mt-1",children:Array.from(r).map((s,n)=>e.jsxs("p",{className:"text-text-secondary",children:["Group ",n,": ",e.jsx("span",{className:"text-amber-700",children:String(s)})]},n))})]},t)):e.jsx("p",{className:"text-text-secondary text-sm p-2",children:"No matches found."})})]})]}),e.jsxs("div",{className:"lg:col-span-1 space-y-4",children:[e.jsx(w,{}),e.jsxs("div",{className:"bg-surface border border-border p-4 rounded-lg",children:[e.jsx("h3",{className:"text-lg font-bold mb-2",children:"Common Patterns"}),e.jsx("div",{className:"flex flex-col items-start gap-2",children:v.map(r=>e.jsx("button",{onClick:()=>x(r.pattern),className:"text-left text-sm text-primary hover:underline",children:r.name},r.name))})]})]})]})]})};export{I as RegexSandbox};
+//# sourceMappingURL=RegexSandbox-7zc7R8DT.js.map
diff --git a/assets/RegexSandbox-7zc7R8DT.js.map b/assets/RegexSandbox-7zc7R8DT.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..0f777c7f33da3e46f732f18436db7cd815625a6f
--- /dev/null
+++ b/assets/RegexSandbox-7zc7R8DT.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"RegexSandbox-7zc7R8DT.js","sources":["../../components/features/RegexSandbox.tsx"],"sourcesContent":["import React, { useState, useMemo, useCallback, useEffect } from 'react';\nimport { generateRegExStream } from '../../services/geminiService.ts';\nimport { BeakerIcon } from '../icons.tsx';\nimport { LoadingSpinner } from './shared/LoadingSpinner.tsx';\n\nconst commonPatterns = [\n    { name: 'Email', pattern: '/[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\\\.[a-zA-Z]{2,}/g' },\n    { name: 'URL', pattern: '/https?:\\\\/\\\\/(www\\\\.)?[-a-zA-Z0-9@:%._\\\\+~#=]{1,256}\\\\.[a-zA-Z0-9()]{1,6}\\\\b([-a-zA-Z0-9()@:%_\\\\+.~#?&//=]*)/g' },\n    { name: 'IPv4 Address', pattern: '/((25[0-5]|(2[0-4]|1\\\\d|[1-9]|)\\\\d)\\\\.?\\\\b){4}/g' },\n    { name: 'Date (YYYY-MM-DD)', pattern: '/\\\\d{4}-\\\\d{2}-\\\\d{2}/g' },\n];\n\nconst CheatSheet = () => (\n    <div className=\"bg-surface border border-border p-4 rounded-lg\">\n        <h3 className=\"text-lg font-bold mb-2\">Regex Cheat Sheet</h3>\n        <div className=\"grid grid-cols-2 gap-x-4 gap-y-1 text-xs font-mono\">\n            <p><span className=\"text-primary\">.</span> - Any character</p>\n            <p><span className=\"text-primary\">\\d</span> - Any digit</p>\n            <p><span className=\"text-primary\">\\w</span> - Word character</p>\n            <p><span className=\"text-primary\">\\s</span> - Whitespace</p>\n            <p><span className=\"text-primary\">[abc]</span> - a, b, or c</p>\n            <p><span className=\"text-primary\">[^abc]</span> - Not a, b, or c</p>\n            <p><span className=\"text-primary\">*</span> - 0 or more</p>\n            <p><span className=\"text-primary\">+</span> - 1 or more</p>\n            <p><span className=\"text-primary\">?</span> - 0 or one</p>\n            <p><span className=\"text-primary\">^</span> - Start of string</p>\n            <p><span className=\"text-primary\">$</span> - End of string</p>\n            <p><span className=\"text-primary\">\\b</span> - Word boundary</p>\n        </div>\n    </div>\n);\n\nexport const RegexSandbox: React.FC<{ initialPrompt?: string }> = ({ initialPrompt }) => {\n    const [pattern, setPattern] = useState<string>('/\\\\b([A-Z][a-z]+)\\\\s(\\\\w+)\\\\b/g');\n    const [testString, setTestString] = useState<string>('The quick Brown Fox jumps over the Lazy Dog.');\n    const [aiPrompt, setAiPrompt] = useState<string>(initialPrompt || 'find capitalized words and the word after');\n    const [isAiLoading, setIsAiLoading] = useState<boolean>(false);\n\n    const { matches, error } = useMemo(() => {\n        try {\n            const patternParts = pattern.match(/^\\/(.*)\\/([gimyus]*)$/);\n            if (!patternParts) return { matches: null, error: 'Invalid regex literal. Use /pattern/flags.' };\n            const [, regexBody, regexFlags] = patternParts;\n            const regex = new RegExp(regexBody, regexFlags);\n            return { matches: [...testString.matchAll(regex)], error: null };\n        } catch (e) { return { matches: null, error: e instanceof Error ? e.message : 'Unknown error.' }; }\n    }, [pattern, testString]);\n    \n    const handleGenerateRegex = useCallback(async (p: string) => {\n        if (!p) return;\n        setIsAiLoading(true);\n        try {\n            const stream = generateRegExStream(p);\n            let fullResponse = '';\n            for await (const chunk of stream) { fullResponse += chunk; }\n            setPattern(fullResponse.trim().replace(/^`+|`+$/g, ''));\n        } finally { setIsAiLoading(false); }\n    }, []);\n\n    useEffect(() => { if (initialPrompt) handleGenerateRegex(initialPrompt); }, [initialPrompt, handleGenerateRegex]);\n\n    const highlightedString = useMemo(() => {\n        if (!matches || matches.length === 0 || error) return testString;\n        let lastIndex = 0;\n        const parts: (string | JSX.Element)[] = [];\n        matches.forEach((match, i) => {\n            if (match.index === undefined) return;\n            parts.push(testString.substring(lastIndex, match.index));\n            parts.push(<mark key={i} className=\"bg-primary/20 text-primary rounded px-1\">{match[0]}</mark>);\n            lastIndex = match.index + match[0].length;\n        });\n        parts.push(testString.substring(lastIndex));\n        return parts;\n    }, [matches, testString, error]);\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6\"><h1 className=\"text-3xl font-bold flex items-center\"><BeakerIcon /><span className=\"ml-3\">RegEx Sandbox</span></h1><p className=\"text-text-secondary mt-1\">Test your regular expressions and generate them with AI.</p></header>\n            <div className=\"flex-grow grid grid-cols-1 lg:grid-cols-3 gap-6 min-h-0\">\n                <div className=\"lg:col-span-2 flex flex-col gap-4\">\n                    <div className=\"flex gap-2\"><input type=\"text\" value={aiPrompt} onChange={(e) => setAiPrompt(e.target.value)} placeholder=\"Describe the pattern to find...\" className=\"flex-grow px-3 py-1.5 rounded-md bg-surface border border-border text-sm focus:ring-2 focus:ring-primary\" /><button onClick={() => handleGenerateRegex(aiPrompt)} disabled={isAiLoading} className=\"btn-primary px-4 py-1.5 flex items-center\">{isAiLoading ? <LoadingSpinner/> : 'Generate'}</button></div>\n                    <div><label htmlFor=\"regex-pattern\" className=\"text-sm font-medium text-text-secondary\">Regular Expression</label><input id=\"regex-pattern\" type=\"text\" value={pattern} onChange={(e) => setPattern(e.target.value)} className={`w-full mt-1 px-3 py-2 rounded-md bg-surface border ${error ? 'border-red-500' : 'border-border'} font-mono text-sm focus:ring-2 focus:ring-primary`} />{error && <p className=\"text-red-500 text-xs mt-1\">{error}</p>}</div>\n                    <div className=\"flex flex-col flex-grow min-h-0\"><label htmlFor=\"test-string\" className=\"text-sm font-medium text-text-secondary\">Test String</label><textarea id=\"test-string\" value={testString} onChange={(e) => setTestString(e.target.value)} className=\"w-full mt-1 p-3 rounded-md bg-surface border border-border font-mono text-sm resize-y h-32\" /><div className=\"mt-2 p-3 bg-background rounded-md border border-border min-h-[50px] whitespace-pre-wrap\">{highlightedString}</div></div>\n                    <div className=\"flex-shrink-0\"><h3 className=\"text-lg font-bold\">Match Groups ({matches?.length || 0})</h3><div className=\"mt-2 p-2 bg-surface rounded-md overflow-y-auto max-h-48 font-mono text-xs border border-border\">{matches && matches.length > 0 ? (matches.map((match, i) => (<details key={i} className=\"p-2 border-b border-border\"><summary className=\"cursor-pointer text-green-700\">Match {i + 1}: \"{match[0]}\"</summary><div className=\"pl-4 mt-1\">{Array.from(match).map((group, gIndex) => <p key={gIndex} className=\"text-text-secondary\">Group {gIndex}: <span className=\"text-amber-700\">{String(group)}</span></p>)}</div></details>))) : (<p className=\"text-text-secondary text-sm p-2\">No matches found.</p>)}</div></div>\n                </div>\n                <div className=\"lg:col-span-1 space-y-4\">\n                    <CheatSheet />\n                    <div className=\"bg-surface border border-border p-4 rounded-lg\">\n                        <h3 className=\"text-lg font-bold mb-2\">Common Patterns</h3>\n                        <div className=\"flex flex-col items-start gap-2\">\n                            {commonPatterns.map(p => (\n                                <button key={p.name} onClick={() => setPattern(p.pattern)} className=\"text-left text-sm text-primary hover:underline\">\n                                    {p.name}\n                                </button>\n                            ))}\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};"],"names":["commonPatterns","CheatSheet","jsxs","jsx","RegexSandbox","initialPrompt","pattern","setPattern","useState","testString","setTestString","aiPrompt","setAiPrompt","isAiLoading","setIsAiLoading","matches","error","useMemo","patternParts","regexBody","regexFlags","regex","e","handleGenerateRegex","useCallback","p","stream","generateRegExStream","fullResponse","chunk","useEffect","highlightedString","lastIndex","parts","match","i","BeakerIcon","LoadingSpinner","group","gIndex"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/ResponsiveTester-DppCccuL.js b/assets/ResponsiveTester-DppCccuL.js
new file mode 100644
index 0000000000000000000000000000000000000000..a86b0ca2ec71be7b7b174e1ae56139b1c08a674f
--- /dev/null
+++ b/assets/ResponsiveTester-DppCccuL.js
@@ -0,0 +1,2 @@
+import{r as o,j as e}from"./react-DKy9e2uO.js";import{U as p}from"./index-Ck8YGBbR.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const a={"iPhone 12":{width:390,height:844},"Pixel 5":{width:393,height:851},"iPad Air":{width:820,height:1180},"Surface Duo":{width:540,height:720},Laptop:{width:1366,height:768},Desktop:{width:1920,height:1080},Auto:{width:"100%",height:"100%"}},j=()=>{const[s,n]=o.useState("https://react.dev"),[d,h]=o.useState(s),[t,i]=o.useState(a.Auto);o.useEffect(()=>{const r=()=>{t.width==="100%"&&i({width:"100%",height:"100%"})};return window.addEventListener("resize",r),()=>window.removeEventListener("resize",r)},[t.width]);const l=r=>{r.preventDefault(),h(s.startsWith("http")?s:`https://${s}`)},m=()=>{typeof t.width=="number"&&typeof t.height=="number"&&i({width:t.height,height:t.width})};return e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6",children:[e.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[e.jsx(p,{}),e.jsx("span",{className:"ml-3",children:"Responsive Tester"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Preview your web pages at different screen sizes."})]}),e.jsxs("form",{onSubmit:l,className:"flex items-center gap-2 mb-2",children:[e.jsx("input",{type:"text",value:s,onChange:r=>n(r.target.value),placeholder:"https://example.com",className:"flex-grow px-4 py-2 rounded-md bg-surface border border-border focus:ring-2 focus:ring-primary focus:outline-none"}),e.jsx("button",{type:"submit",className:"btn-primary px-6 py-2",children:"Load"})]}),e.jsxs("div",{className:"bg-surface p-2 rounded-lg flex flex-wrap justify-center items-center gap-2 mb-4 border border-border",children:[Object.keys(a).map(r=>e.jsx("button",{onClick:()=>i(a[r]),className:`px-3 py-1 rounded-md text-sm ${JSON.stringify(t)===JSON.stringify(a[r])?"bg-primary/10 text-primary font-semibold":"hover:bg-gray-100"}`,children:r},r)),e.jsxs("div",{className:"flex items-center gap-1 ml-4",children:[e.jsx("input",{type:"number",value:typeof t.width=="number"?t.width:"",onChange:r=>i({...t,width:Number(r.target.value)}),className:"w-20 px-2 py-1 bg-gray-100 border border-border rounded-md text-sm"}),e.jsx("span",{className:"text-sm text-text-secondary",children:"x"}),e.jsx("input",{type:"number",value:typeof t.height=="number"?t.height:"",onChange:r=>i({...t,height:Number(r.target.value)}),className:"w-20 px-2 py-1 bg-gray-100 border border-border rounded-md text-sm"})]}),e.jsx("button",{onClick:m,className:"px-3 py-1 rounded-md text-sm hover:bg-gray-100",title:"Rotate",children:"🔄"})]}),e.jsx("div",{className:"flex-grow bg-background rounded-lg p-4 overflow-auto border border-border",children:e.jsx("iframe",{src:d,style:{width:t.width,height:t.height},className:"bg-white border-4 border-gray-300 rounded-md transition-all duration-300 shadow-lg mx-auto",title:"Responsive Preview"},d)})]})};export{j as ResponsiveTester};
+//# sourceMappingURL=ResponsiveTester-DppCccuL.js.map
diff --git a/assets/ResponsiveTester-DppCccuL.js.map b/assets/ResponsiveTester-DppCccuL.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..e4b43489844e479125e88855d1481bf6144cb522
--- /dev/null
+++ b/assets/ResponsiveTester-DppCccuL.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"ResponsiveTester-DppCccuL.js","sources":["../../components/features/ResponsiveTester.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { EyeIcon } from '../icons.tsx';\n\nconst devices = {\n    'iPhone 12': { width: 390, height: 844 },\n    'Pixel 5': { width: 393, height: 851 },\n    'iPad Air': { width: 820, height: 1180 },\n    'Surface Duo': { width: 540, height: 720 },\n    'Laptop': { width: 1366, height: 768 },\n    'Desktop': { width: 1920, height: 1080 },\n    'Auto': { width: '100%', height: '100%' },\n};\n\ntype DeviceName = keyof typeof devices;\n\nexport const ResponsiveTester: React.FC = () => {\n    const [url, setUrl] = useState('https://react.dev');\n    const [displayUrl, setDisplayUrl] = useState(url);\n    const [size, setSize] = useState<{width: number | string, height: number | string}>(devices['Auto']);\n\n    useEffect(() => {\n        const handleResize = () => {\n            if (size.width === '100%') {\n                setSize({ width: '100%', height: '100%' });\n            }\n        };\n        window.addEventListener('resize', handleResize);\n        return () => window.removeEventListener('resize', handleResize);\n    }, [size.width]);\n\n    const handleUrlSubmit = (e: React.FormEvent) => {\n        e.preventDefault();\n        setDisplayUrl(url.startsWith('http') ? url : `https://${url}`);\n    };\n\n    const handleRotate = () => {\n        if(typeof size.width === 'number' && typeof size.height === 'number') {\n            setSize({ width: size.height, height: size.width });\n        }\n    };\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6\"><h1 className=\"text-3xl font-bold flex items-center\"><EyeIcon /><span className=\"ml-3\">Responsive Tester</span></h1><p className=\"text-text-secondary mt-1\">Preview your web pages at different screen sizes.</p></header>\n            <form onSubmit={handleUrlSubmit} className=\"flex items-center gap-2 mb-2\">\n                <input type=\"text\" value={url} onChange={(e) => setUrl(e.target.value)} placeholder=\"https://example.com\" className=\"flex-grow px-4 py-2 rounded-md bg-surface border border-border focus:ring-2 focus:ring-primary focus:outline-none\"/>\n                <button type=\"submit\" className=\"btn-primary px-6 py-2\">Load</button>\n            </form>\n            <div className=\"bg-surface p-2 rounded-lg flex flex-wrap justify-center items-center gap-2 mb-4 border border-border\">\n                {Object.keys(devices).map(name => (\n                    <button key={name} onClick={() => setSize(devices[name as DeviceName])} className={`px-3 py-1 rounded-md text-sm ${JSON.stringify(size) === JSON.stringify(devices[name as DeviceName]) ? 'bg-primary/10 text-primary font-semibold' : 'hover:bg-gray-100'}`}>{name}</button>\n                ))}\n                <div className=\"flex items-center gap-1 ml-4\">\n                    <input type=\"number\" value={typeof size.width === 'number' ? size.width : ''} onChange={e => setSize({ ...size, width: Number(e.target.value) })} className=\"w-20 px-2 py-1 bg-gray-100 border border-border rounded-md text-sm\"/>\n                    <span className=\"text-sm text-text-secondary\">x</span>\n                    <input type=\"number\" value={typeof size.height === 'number' ? size.height : ''} onChange={e => setSize({ ...size, height: Number(e.target.value) })} className=\"w-20 px-2 py-1 bg-gray-100 border border-border rounded-md text-sm\"/>\n                </div>\n                 <button onClick={handleRotate} className=\"px-3 py-1 rounded-md text-sm hover:bg-gray-100\" title=\"Rotate\">🔄</button>\n            </div>\n            <div className=\"flex-grow bg-background rounded-lg p-4 overflow-auto border border-border\">\n                <iframe key={displayUrl} src={displayUrl} style={{ width: size.width, height: size.height }} className=\"bg-white border-4 border-gray-300 rounded-md transition-all duration-300 shadow-lg mx-auto\" title=\"Responsive Preview\"/>\n            </div>\n        </div>\n    );\n};"],"names":["devices","ResponsiveTester","url","setUrl","useState","displayUrl","setDisplayUrl","size","setSize","useEffect","handleResize","handleUrlSubmit","e","handleRotate","jsxs","jsx","EyeIcon","name"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/SassScssCompiler-C-9XrEq1.js b/assets/SassScssCompiler-C-9XrEq1.js
new file mode 100644
index 0000000000000000000000000000000000000000..d8c4a866cd3541defdaf9aeffcc3b8621678d903
--- /dev/null
+++ b/assets/SassScssCompiler-C-9XrEq1.js
@@ -0,0 +1,25 @@
+import{r as u,j as s}from"./react-DKy9e2uO.js";import{i as S}from"./index-Ck8YGBbR.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const h=`$primary-color: #0047AB;
+$font-size: 16px;
+
+.container {
+  padding: 20px;
+  background-color: #f0f0f0;
+
+  .title {
+    color: $primary-color;
+    font-size: $font-size * 1.5;
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+  
+  > p {
+    margin-top: 10px;
+  }
+}`,g=c=>c.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),b=c=>{try{let e=c;e=e.replace(/\/\/.*$/gm,"");const i={};e=e.replace(/\$([\w-]+):\s*(.*?);/g,(t,r,o)=>(i[r]=o.trim(),""));for(let t=0;t<5;t++)Object.entries(i).forEach(([r,o])=>{e=e.replace(new RegExp(`\\$${g(r)}`,"g"),o)});e=e.replace(/([\d.]+)(px|rem|em|%)\s*([*\/])\s*([\d.]+)/g,(t,r,o,m,n)=>{const p=parseFloat(r),x=parseFloat(n);return`${m==="*"?p*x:p/x}${o}`});const a=(t,r="")=>{let o="",m="";const n=[],p=/((?:[\w-:.#&>+~*\s,]+|\([^)]*\))\s*\{[^{}]*\})|((?:[\w-]+\s*:[^;]+;))/g,x=t.substring(t.indexOf("{")+1,t.lastIndexOf("}"));let l;for(;(l=p.exec(x))!==null;)if(l[1]){const d=l[1].substring(0,l[1].indexOf("{")).trim(),f=d.includes("&")?d.replace(/&/g,r):`${r} ${d}`.trim();m+=a(l[1],f)}else l[2]&&n.push(`  ${l[2].trim()}`);return n.length>0&&(o=`${r} {
+${n.join(`
+`)}
+}
+`),o+m};return a(`root{${e}}`,"").trim().replace(/root\s*\{\s*\}/,"").trim()}catch(e){return console.error("SCSS Compilation Error:",e),"/* Error compiling SCSS. Check console for details. */"}},O=()=>{const[c,e]=u.useState(h),i=u.useMemo(()=>b(c),[c]);return s.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[s.jsxs("header",{className:"mb-6",children:[s.jsxs("h1",{className:"text-3xl flex items-center",children:[s.jsx(S,{}),s.jsx("span",{className:"ml-3",children:"SASS/SCSS Compiler"})]}),s.jsx("p",{className:"text-text-secondary mt-1",children:"A real-time SASS/SCSS to CSS compiler."})]}),s.jsxs("div",{className:"flex-grow flex flex-col gap-4 min-h-0",children:[s.jsxs("div",{className:"flex flex-col flex-1 min-h-0",children:[s.jsx("label",{htmlFor:"scss-input",className:"text-sm font-medium text-text-secondary mb-2",children:"SASS/SCSS Input"}),s.jsx("textarea",{id:"scss-input",value:c,onChange:a=>e(a.target.value),className:"flex-grow p-4 bg-surface border border-border rounded-md resize-y font-mono text-sm text-pink-600",spellCheck:"false"})]}),s.jsxs("div",{className:"flex flex-col flex-1 min-h-0",children:[s.jsx("label",{className:"text-sm font-medium text-text-secondary mb-2",children:"Compiled CSS Output"}),s.jsx("pre",{className:"flex-grow p-4 bg-background border border-border rounded-md overflow-y-auto text-blue-700 font-mono text-sm whitespace-pre-wrap",children:i})]})]})]})};export{O as SassScssCompiler};
+//# sourceMappingURL=SassScssCompiler-C-9XrEq1.js.map
diff --git a/assets/SassScssCompiler-C-9XrEq1.js.map b/assets/SassScssCompiler-C-9XrEq1.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..a33f85eaf9d3bbff06db9311ea1331ff60733235
--- /dev/null
+++ b/assets/SassScssCompiler-C-9XrEq1.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"SassScssCompiler-C-9XrEq1.js","sources":["../../components/features/SassScssCompiler.tsx"],"sourcesContent":["import React, { useState, useMemo } from 'react';\nimport { CodeBracketSquareIcon } from '../icons.tsx';\n\nconst initialScss = `$primary-color: #0047AB;\n$font-size: 16px;\n\n.container {\n  padding: 20px;\n  background-color: #f0f0f0;\n\n  .title {\n    color: $primary-color;\n    font-size: $font-size * 1.5;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n  \n  > p {\n    margin-top: 10px;\n  }\n}`;\n\nconst escapeRegExp = (string: string): string => {\n    // $& means the whole matched string\n    return string.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n};\n\nconst compileScss = (scss: string): string => {\n    try {\n        let css = scss;\n        css = css.replace(/\\/\\/.*$/gm, '');\n        \n        const variables: Record<string, string> = {};\n        css = css.replace(/\\$([\\w-]+):\\s*(.*?);/g, (_, name, value) => {\n            variables[name] = value.trim(); return '';\n        });\n\n        for (let i = 0; i < 5; i++) {\n            Object.entries(variables).forEach(([name, value]) => {\n                css = css.replace(new RegExp(`\\\\$${escapeRegExp(name)}`, 'g'), value);\n            });\n        }\n        \n        css = css.replace(/([\\d.]+)(px|rem|em|%)\\s*([*\\/])\\s*([\\d.]+)/g, (_, n1, unit, op, n2) => {\n            const num1 = parseFloat(n1); const num2 = parseFloat(n2);\n            const result = op === '*' ? num1 * num2 : num1 / num2;\n            return `${result}${unit}`;\n        });\n\n        const processBlock = (block: string, parentSelector: string = ''): string => {\n            let currentCss = '';\n            let nestedCss = '';\n            const properties = [];\n            \n            const regex = /((?:[\\w-:.#&>+~*\\s,]+|\\([^)]*\\))\\s*\\{[^{}]*\\})|((?:[\\w-]+\\s*:[^;]+;))/g;\n            const content = block.substring(block.indexOf('{') + 1, block.lastIndexOf('}'));\n            let match;\n            while ((match = regex.exec(content)) !== null) {\n                if (match[1]) {\n                    const nestedSelector = match[1].substring(0, match[1].indexOf('{')).trim();\n                    const fullSelector = nestedSelector.includes('&') ? nestedSelector.replace(/&/g, parentSelector) : `${parentSelector} ${nestedSelector}`.trim();\n                    nestedCss += processBlock(match[1], fullSelector);\n                } else if (match[2]) {\n                    properties.push(`  ${match[2].trim()}`);\n                }\n            }\n            \n            if (properties.length > 0) {\n                currentCss = `${parentSelector} {\\n${properties.join('\\n')}\\n}\\n`;\n            }\n\n            return currentCss + nestedCss;\n        };\n        \n        let result = processBlock(`root{${css}}`, '').trim();\n        return result.replace(/root\\s*\\{\\s*\\}/, '').trim();\n\n    } catch(e) {\n        console.error(\"SCSS Compilation Error:\", e);\n        return \"/* Error compiling SCSS. Check console for details. */\";\n    }\n};\n\n\nexport const SassScssCompiler: React.FC = () => {\n    const [scss, setScss] = useState(initialScss);\n    const compiledCss = useMemo(() => compileScss(scss), [scss]);\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6\">\n                <h1 className=\"text-3xl flex items-center\"><CodeBracketSquareIcon /><span className=\"ml-3\">SASS/SCSS Compiler</span></h1>\n                <p className=\"text-text-secondary mt-1\">A real-time SASS/SCSS to CSS compiler.</p>\n            </header>\n            <div className=\"flex-grow flex flex-col gap-4 min-h-0\">\n                <div className=\"flex flex-col flex-1 min-h-0\">\n                    <label htmlFor=\"scss-input\" className=\"text-sm font-medium text-text-secondary mb-2\">SASS/SCSS Input</label>\n                    <textarea id=\"scss-input\" value={scss} onChange={(e) => setScss(e.target.value)} className=\"flex-grow p-4 bg-surface border border-border rounded-md resize-y font-mono text-sm text-pink-600\" spellCheck=\"false\" />\n                </div>\n                <div className=\"flex flex-col flex-1 min-h-0\">\n                    <label className=\"text-sm font-medium text-text-secondary mb-2\">Compiled CSS Output</label>\n                    <pre className=\"flex-grow p-4 bg-background border border-border rounded-md overflow-y-auto text-blue-700 font-mono text-sm whitespace-pre-wrap\">{compiledCss}</pre>\n                </div>\n            </div>\n        </div>\n    );\n};"],"names":["initialScss","escapeRegExp","string","compileScss","scss","css","variables","_","name","value","i","n1","unit","op","n2","num1","num2","processBlock","block","parentSelector","currentCss","nestedCss","properties","regex","content","match","nestedSelector","fullSelector","SassScssCompiler","setScss","useState","compiledCss","useMemo","jsxs","jsx","CodeBracketSquareIcon","e"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/SchemaDesigner-DAGfu-WA.js b/assets/SchemaDesigner-DAGfu-WA.js
new file mode 100644
index 0000000000000000000000000000000000000000..5b1cf0079fd1c21626e2d1b93aaff506e6b30899
--- /dev/null
+++ b/assets/SchemaDesigner-DAGfu-WA.js
@@ -0,0 +1,7 @@
+import{r as i,j as e}from"./react-DKy9e2uO.js";import{l as g,A as x}from"./index-Ck8YGBbR.js";import{d as p}from"./fileUtils-Bw7t6Hrv.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const h=n=>n.map(l=>{const t=l.columns.map(o=>`  "${o.name}" ${o.type.toUpperCase()}`).join(`,
+`);return`CREATE TABLE "${l.name}" (
+${t}
+);`}).join(`
+
+`),M=()=>{const[n,l]=i.useState([{id:1,name:"users",columns:[{id:1,name:"id",type:"INTEGER PRIMARY KEY"},{id:2,name:"username",type:"VARCHAR(255)"}],x:50,y:50},{id:2,name:"posts",columns:[{id:1,name:"id",type:"INTEGER PRIMARY KEY"},{id:2,name:"user_id",type:"INTEGER"},{id:3,name:"content",type:"TEXT"}],x:300,y:100}]),[t,o]=i.useState(null),a=i.useRef(null),u=(s,r)=>{const m=s.currentTarget.getBoundingClientRect();o({id:r,offsetX:s.clientX-m.left,offsetY:s.clientY-m.top})},f=s=>{if(!t||!a.current)return;const r=a.current.getBoundingClientRect();l(n.map(c=>c.id===t.id?{...c,x:s.clientX-t.offsetX-r.left+a.current.scrollLeft,y:s.clientY-t.offsetY-r.top+a.current.scrollTop}:c))},d=()=>o(null);return e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6",children:[e.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[e.jsx(g,{}),e.jsx("span",{className:"ml-3",children:"Schema Designer"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Visually design your database schema with drag-and-drop."})]}),e.jsxs("div",{className:"flex-grow flex gap-6 min-h-0",children:[e.jsx("main",{ref:a,className:"flex-grow relative bg-background rounded-lg border-2 border-dashed border-border overflow-auto",onMouseMove:f,onMouseUp:d,onMouseLeave:d,children:n.map(s=>e.jsxs("div",{className:`absolute w-64 bg-surface rounded-lg shadow-xl border cursor-grab active:cursor-grabbing ${(t==null?void 0:t.id)===s.id?"border-primary":"border-border"}`,style:{top:s.y,left:s.x},onMouseDown:r=>u(r,s.id),children:[e.jsx("h3",{className:"font-bold text-primary text-lg p-2 bg-gray-50 rounded-t-lg border-b border-border",children:s.name}),e.jsx("div",{className:"p-2 space-y-1 font-mono text-xs",children:s.columns.map(r=>e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx("span",{className:"text-text-primary",children:r.name}),e.jsx("span",{className:"text-text-secondary",children:r.type})]},r.id))})]},s.id))}),e.jsxs("aside",{className:"w-80 flex-shrink-0 flex flex-col gap-4",children:[e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxs("button",{onClick:()=>p(JSON.stringify(n,null,2),"schema.json","application/json"),className:"flex-1 text-sm py-2 bg-gray-100 border border-border rounded-md flex items-center justify-center gap-2 hover:bg-gray-200",children:[e.jsx(x,{className:"w-4 h-4"})," Download JSON"]}),e.jsxs("button",{onClick:()=>p(h(n),"schema.sql","application/sql"),className:"btn-primary flex-1 text-sm py-2 flex items-center justify-center gap-2",children:[e.jsx(x,{className:"w-4 h-4"})," Download SQL"]})]}),e.jsxs("div",{className:"flex-grow bg-surface border border-border p-4 rounded-lg overflow-y-auto",children:[e.jsx("h3",{className:"font-bold mb-2",children:"Editor"}),e.jsx("p",{className:"text-xs text-text-secondary",children:"Schema editing coming soon!"})]})]})]})]})};export{M as SchemaDesigner};
+//# sourceMappingURL=SchemaDesigner-DAGfu-WA.js.map
diff --git a/assets/SchemaDesigner-DAGfu-WA.js.map b/assets/SchemaDesigner-DAGfu-WA.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..3b9ea49155c1be0266be871d738d79a820ae0dfc
--- /dev/null
+++ b/assets/SchemaDesigner-DAGfu-WA.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"SchemaDesigner-DAGfu-WA.js","sources":["../../components/features/SchemaDesigner.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { MapIcon, ArrowDownTrayIcon } from '../icons.tsx';\nimport { downloadFile } from '../../services/fileUtils.ts';\n\ninterface Column { id: number; name: string; type: string; }\ninterface Table { id: number; name: string; columns: Column[]; x: number; y: number; }\n\nconst exportToSQL = (tables: Table[]) => {\n    return tables.map(table => {\n        const columnsSQL = table.columns.map(col => `  \"${col.name}\" ${col.type.toUpperCase()}`).join(',\\n');\n        return `CREATE TABLE \"${table.name}\" (\\n${columnsSQL}\\n);`;\n    }).join('\\n\\n');\n};\n\nexport const SchemaDesigner: React.FC = () => {\n    const [tables, setTables] = useState<Table[]>([\n        { id: 1, name: 'users', columns: [{ id: 1, name: 'id', type: 'INTEGER PRIMARY KEY' }, {id: 2, name: 'username', type: 'VARCHAR(255)'}], x: 50, y: 50 },\n        { id: 2, name: 'posts', columns: [{ id: 1, name: 'id', type: 'INTEGER PRIMARY KEY' }, {id: 2, name: 'user_id', type: 'INTEGER'}, {id: 3, name: 'content', type: 'TEXT'}], x: 300, y: 100 },\n    ]);\n    const [dragging, setDragging] = useState<{ id: number; offsetX: number; offsetY: number } | null>(null);\n    const canvasRef = useRef<HTMLDivElement>(null);\n\n    const onMouseDown = (e: React.MouseEvent<HTMLDivElement>, id: number) => {\n        const tableElement = e.currentTarget;\n        const rect = tableElement.getBoundingClientRect();\n        setDragging({ id, offsetX: e.clientX - rect.left, offsetY: e.clientY - rect.top });\n    };\n\n    const onMouseMove = (e: React.MouseEvent<HTMLDivElement>) => {\n        if (!dragging || !canvasRef.current) return;\n        const canvasRect = canvasRef.current.getBoundingClientRect();\n        setTables(tables.map(t => t.id === dragging.id ? { ...t, x: e.clientX - dragging.offsetX - canvasRect.left + canvasRef.current.scrollLeft, y: e.clientY - dragging.offsetY - canvasRect.top + canvasRef.current.scrollTop } : t));\n    };\n\n    const onMouseUp = () => setDragging(null);\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6\"><h1 className=\"text-3xl font-bold flex items-center\"><MapIcon /><span className=\"ml-3\">Schema Designer</span></h1><p className=\"text-text-secondary mt-1\">Visually design your database schema with drag-and-drop.</p></header>\n            <div className=\"flex-grow flex gap-6 min-h-0\">\n                <main ref={canvasRef} className=\"flex-grow relative bg-background rounded-lg border-2 border-dashed border-border overflow-auto\" onMouseMove={onMouseMove} onMouseUp={onMouseUp} onMouseLeave={onMouseUp}>\n                    {tables.map(table => (\n                        <div key={table.id} className={`absolute w-64 bg-surface rounded-lg shadow-xl border cursor-grab active:cursor-grabbing ${dragging?.id === table.id ? 'border-primary' : 'border-border'}`} style={{ top: table.y, left: table.x }} onMouseDown={e => onMouseDown(e, table.id)}>\n                            <h3 className=\"font-bold text-primary text-lg p-2 bg-gray-50 rounded-t-lg border-b border-border\">{table.name}</h3>\n                            <div className=\"p-2 space-y-1 font-mono text-xs\">\n                                {table.columns.map(col => (<div key={col.id} className=\"flex justify-between items-center\"><span className=\"text-text-primary\">{col.name}</span><span className=\"text-text-secondary\">{col.type}</span></div>))}\n                            </div>\n                        </div>\n                    ))}\n                </main>\n                <aside className=\"w-80 flex-shrink-0 flex flex-col gap-4\">\n                    <div className=\"flex flex-col gap-2\">\n                         <button onClick={() => downloadFile(JSON.stringify(tables, null, 2), 'schema.json', 'application/json')} className=\"flex-1 text-sm py-2 bg-gray-100 border border-border rounded-md flex items-center justify-center gap-2 hover:bg-gray-200\">\n                            <ArrowDownTrayIcon className=\"w-4 h-4\"/> Download JSON\n                        </button>\n                         <button onClick={() => downloadFile(exportToSQL(tables), 'schema.sql', 'application/sql')} className=\"btn-primary flex-1 text-sm py-2 flex items-center justify-center gap-2\">\n                            <ArrowDownTrayIcon className=\"w-4 h-4\"/> Download SQL\n                         </button>\n                    </div>\n                    <div className=\"flex-grow bg-surface border border-border p-4 rounded-lg overflow-y-auto\">\n                        <h3 className=\"font-bold mb-2\">Editor</h3>\n                        <p className=\"text-xs text-text-secondary\">Schema editing coming soon!</p>\n                    </div>\n                </aside>\n            </div>\n        </div>\n    );\n};"],"names":["exportToSQL","tables","table","columnsSQL","col","SchemaDesigner","setTables","useState","dragging","setDragging","canvasRef","useRef","onMouseDown","e","id","rect","onMouseMove","canvasRect","t","onMouseUp","jsxs","jsx","MapIcon","downloadFile","ArrowDownTrayIcon"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/ScreenshotToComponent-S_UZI9HE.js b/assets/ScreenshotToComponent-S_UZI9HE.js
new file mode 100644
index 0000000000000000000000000000000000000000..1926e7b33e00a03cb5279616af97feaaf355de4a
--- /dev/null
+++ b/assets/ScreenshotToComponent-S_UZI9HE.js
@@ -0,0 +1,4 @@
+import{r,j as e}from"./react-DKy9e2uO.js";import{a as b}from"./geminiService-Cgwdboli.js";import{P as w,A as N,M as y}from"./index-Ck8YGBbR.js";import{L as C}from"./LoadingSpinner-B20BJ_HS.js";import{d as v,b as I,f as P}from"./fileUtils-Bw7t6Hrv.js";import"./bottleneck-Cpj98o6Y.js";import"./@google-D80DdW2m.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const M=()=>{const[d,h]=r.useState(null),[l,m]=r.useState(""),[o,x]=r.useState(!1),[c,i]=r.useState(""),p=r.useRef(null),u=async t=>{x(!0),i(""),m("");try{const s=b(t);let a="";for await(const n of s)a+=n,m(a.replace(/^```(?:\w+\n)?/,"").replace(/```$/,""))}catch(s){i(s instanceof Error?s.message:"An unknown error occurred.")}finally{x(!1)}},f=async t=>{try{const[s,a]=await Promise.all([I(t),P(t)]);h(s),u(a)}catch{i("Could not process the image.")}},g=r.useCallback(async t=>{const s=t.clipboardData.items;for(const a of s)if(a.type.indexOf("image")!==-1){const n=a.getAsFile();n&&await f(n);return}},[]),j=async t=>{var a;const s=(a=t.target.files)==null?void 0:a[0];s&&await f(s)};return e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8",children:[e.jsxs("header",{className:"mb-6",children:[e.jsxs("h1",{className:"text-3xl font-bold text-slate-100 flex items-center",children:[e.jsx(w,{}),e.jsx("span",{className:"ml-3",children:"AI Screenshot-to-Component"})]}),e.jsx("p",{className:"text-slate-400 mt-1",children:"Paste or upload a screenshot of a UI element to generate React/Tailwind code."})]}),e.jsxs("div",{className:"flex-grow grid grid-cols-1 lg:grid-cols-2 gap-6 min-h-0",children:[e.jsx("div",{onPaste:g,className:"flex flex-col items-center justify-center bg-slate-800/50 p-6 rounded-lg border-2 border-dashed border-slate-700 focus:outline-none focus:border-cyan-500 overflow-y-auto",tabIndex:0,children:d?e.jsx("img",{src:d,alt:"Pasted content",className:"max-w-full max-h-full object-contain rounded-md shadow-lg"}):e.jsxs("div",{className:"text-center text-slate-400",children:[e.jsx("h2",{className:"text-xl font-bold",children:"Paste an image here"}),e.jsx("p",{className:"mb-2",children:"(Cmd/Ctrl + V)"}),e.jsx("p",{className:"text-sm",children:"or"}),e.jsx("button",{onClick:()=>{var t;return(t=p.current)==null?void 0:t.click()},className:"mt-2 btn-primary px-4 py-2 text-sm",children:"Upload File"}),e.jsx("input",{type:"file",ref:p,onChange:j,accept:"image/*",className:"hidden"})]})}),e.jsxs("div",{className:"flex flex-col h-full",children:[e.jsxs("div",{className:"flex justify-between items-center mb-2",children:[e.jsx("label",{className:"text-sm font-medium text-slate-400",children:"Generated Code"}),l&&!o&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("button",{onClick:()=>navigator.clipboard.writeText(l),className:"px-3 py-1 bg-slate-700 text-xs rounded-md hover:bg-slate-600",children:"Copy Code"}),e.jsxs("button",{onClick:()=>v(l,"Component.tsx","text/typescript"),className:"flex items-center gap-1 px-3 py-1 bg-slate-700 text-xs rounded-md hover:bg-slate-600",children:[e.jsx(N,{className:"w-4 h-4"})," Download"]})]})]}),e.jsxs("div",{className:"flex-grow bg-slate-900 border border-slate-700 rounded-md overflow-y-auto",children:[o&&e.jsx("div",{className:"flex items-center justify-center h-full",children:e.jsx(C,{})}),c&&e.jsx("p",{className:"p-4 text-red-400",children:c}),l&&!o&&e.jsx(y,{content:`\`\`\`tsx
+${l}
+\`\`\``}),!o&&!l&&!c&&e.jsx("div",{className:"text-slate-500 h-full flex items-center justify-center",children:"Generated component code will appear here."})]})]})]})]})};export{M as ScreenshotToComponent};
+//# sourceMappingURL=ScreenshotToComponent-S_UZI9HE.js.map
diff --git a/assets/ScreenshotToComponent-S_UZI9HE.js.map b/assets/ScreenshotToComponent-S_UZI9HE.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..6624128642aa0d626a564cf73bd906165b0efa07
--- /dev/null
+++ b/assets/ScreenshotToComponent-S_UZI9HE.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"ScreenshotToComponent-S_UZI9HE.js","sources":["../../components/features/ScreenshotToComponent.tsx"],"sourcesContent":["import React, { useState, useCallback, useRef } from 'react';\nimport { generateComponentFromImageStream } from '../../services/geminiService.ts';\nimport { PhotoIcon, ArrowDownTrayIcon } from '../icons.tsx';\nimport { LoadingSpinner } from './shared/LoadingSpinner.tsx';\nimport { MarkdownRenderer } from '../shared/index.tsx';\nimport { fileToBase64, blobToDataURL, downloadFile } from '../../services/fileUtils.ts';\n\nexport const ScreenshotToComponent: React.FC = () => {\n    const [previewImage, setPreviewImage] = useState<string | null>(null);\n    const [rawCode, setRawCode] = useState('');\n    const [isLoading, setIsLoading] = useState(false);\n    const [error, setError] = useState('');\n    const fileInputRef = useRef<HTMLInputElement>(null);\n\n    const handleGenerate = async (base64Image: string) => {\n        setIsLoading(true);\n        setError('');\n        setRawCode('');\n        try {\n            const stream = generateComponentFromImageStream(base64Image);\n            let fullResponse = '';\n            for await (const chunk of stream) {\n                fullResponse += chunk;\n                setRawCode(fullResponse.replace(/^```(?:\\w+\\n)?/, '').replace(/```$/, ''));\n            }\n        } catch (err) {\n            setError(err instanceof Error ? err.message : 'An unknown error occurred.');\n        } finally {\n            setIsLoading(false);\n        }\n    };\n\n    const processImageBlob = async (blob: Blob) => {\n        try {\n            const [dataUrl, base64Image] = await Promise.all([blobToDataURL(blob), fileToBase64(blob as File)]);\n            setPreviewImage(dataUrl);\n            handleGenerate(base64Image);\n        } catch (e) {\n            setError('Could not process the image.');\n        }\n    };\n    \n    const handlePaste = useCallback(async (event: React.ClipboardEvent) => {\n        const items = event.clipboardData.items;\n        for (const item of items) {\n            if (item.type.indexOf('image') !== -1) {\n                const blob = item.getAsFile();\n                if (blob) await processImageBlob(blob);\n                return;\n            }\n        }\n    }, []);\n\n    const handleFileChange = async (event: React.ChangeEvent<HTMLInputElement>) => {\n        const file = event.target.files?.[0];\n        if (file) await processImageBlob(file);\n    };\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8\">\n            <header className=\"mb-6\"><h1 className=\"text-3xl font-bold text-slate-100 flex items-center\"><PhotoIcon /><span className=\"ml-3\">AI Screenshot-to-Component</span></h1><p className=\"text-slate-400 mt-1\">Paste or upload a screenshot of a UI element to generate React/Tailwind code.</p></header>\n            <div className=\"flex-grow grid grid-cols-1 lg:grid-cols-2 gap-6 min-h-0\">\n                <div onPaste={handlePaste} className=\"flex flex-col items-center justify-center bg-slate-800/50 p-6 rounded-lg border-2 border-dashed border-slate-700 focus:outline-none focus:border-cyan-500 overflow-y-auto\" tabIndex={0}>\n                    {previewImage ? (<img src={previewImage} alt=\"Pasted content\" className=\"max-w-full max-h-full object-contain rounded-md shadow-lg\" />) : (<div className=\"text-center text-slate-400\">\n                            <h2 className=\"text-xl font-bold\">Paste an image here</h2>\n                            <p className=\"mb-2\">(Cmd/Ctrl + V)</p>\n                            <p className=\"text-sm\">or</p>\n                            <button onClick={() => fileInputRef.current?.click()} className=\"mt-2 btn-primary px-4 py-2 text-sm\">Upload File</button>\n                            <input type=\"file\" ref={fileInputRef} onChange={handleFileChange} accept=\"image/*\" className=\"hidden\"/>\n                        </div>)}\n                </div>\n                <div className=\"flex flex-col h-full\">\n                    <div className=\"flex justify-between items-center mb-2\">\n                        <label className=\"text-sm font-medium text-slate-400\">Generated Code</label>\n                        {rawCode && !isLoading && (\n                            <div className=\"flex items-center gap-2\">\n                                <button onClick={() => navigator.clipboard.writeText(rawCode)} className=\"px-3 py-1 bg-slate-700 text-xs rounded-md hover:bg-slate-600\">Copy Code</button>\n                                <button onClick={() => downloadFile(rawCode, 'Component.tsx', 'text/typescript')} className=\"flex items-center gap-1 px-3 py-1 bg-slate-700 text-xs rounded-md hover:bg-slate-600\">\n                                    <ArrowDownTrayIcon className=\"w-4 h-4\" /> Download\n                                </button>\n                            </div>\n                        )}\n                    </div>\n                    <div className=\"flex-grow bg-slate-900 border border-slate-700 rounded-md overflow-y-auto\">\n                        {isLoading && (<div className=\"flex items-center justify-center h-full\"><LoadingSpinner /></div>)}\n                        {error && <p className=\"p-4 text-red-400\">{error}</p>}\n                        {rawCode && !isLoading && <MarkdownRenderer content={`\\`\\`\\`tsx\\n${rawCode}\\n\\`\\`\\``} />}\n                        {!isLoading && !rawCode && !error && (<div className=\"text-slate-500 h-full flex items-center justify-center\">Generated component code will appear here.</div>)}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};"],"names":["ScreenshotToComponent","previewImage","setPreviewImage","useState","rawCode","setRawCode","isLoading","setIsLoading","error","setError","fileInputRef","useRef","handleGenerate","base64Image","stream","generateComponentFromImageStream","fullResponse","chunk","err","processImageBlob","blob","dataUrl","blobToDataURL","fileToBase64","handlePaste","useCallback","event","items","item","handleFileChange","file","_a","jsxs","jsx","PhotoIcon","downloadFile","ArrowDownTrayIcon","LoadingSpinner","MarkdownRenderer"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/SnippetVault-Cq8pB43n.js b/assets/SnippetVault-Cq8pB43n.js
new file mode 100644
index 0000000000000000000000000000000000000000..bddc11b03c1d569a915f7963f7d197935aea73ff
--- /dev/null
+++ b/assets/SnippetVault-Cq8pB43n.js
@@ -0,0 +1,7 @@
+import{r as l,j as t}from"./react-DKy9e2uO.js";import{u as v,f as C,h as S,T as k,S as T,A as E}from"./index-Ck8YGBbR.js";import{e as D}from"./geminiService-Cgwdboli.js";import{d as I}from"./fileUtils-Bw7t6Hrv.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const A={javascript:"js",typescript:"ts",python:"py",css:"css",html:"html",json:"json",markdown:"md",plaintext:"txt"},q=()=>{const[r,d]=v("devcore_snippets",[{id:1,name:"React Hook Boilerplate",language:"javascript",code:`import { useState } from 'react';
+
+const useCustomHook = () => {
+  const [value, setValue] = useState(null);
+  return { value, setValue };
+};`,tags:["react","hook"]}]),[s,n]=l.useState(null),[u,x]=l.useState(!1),[c,g]=l.useState(""),[f,m]=l.useState(!1),o=l.useMemo(()=>{if(!c)return r;const e=c.toLowerCase();return r.filter(a=>a.name.toLowerCase().includes(e)||a.code.toLowerCase().includes(e)||a.tags&&a.tags.some(p=>p.toLowerCase().includes(e)))},[r,c]);l.useEffect(()=>{!s&&o.length>0&&n(o[0]),s&&n(r.find(e=>e.id===s.id)||null)},[r,s,o]);const i=e=>{d(r.map(a=>a.id===e.id?e:a)),n(e)},h=async()=>{if(s){x(!0);try{const e=D(s.code);let a="";for await(const p of e)a+=p,i({...s,code:a.replace(/^```(?:\w+\n)?/,"").replace(/```$/,"")})}finally{x(!1)}}},b=()=>{const e={id:Date.now(),name:"New Snippet",language:"plaintext",code:"",tags:[]};d([...r,e]),n(e)},y=e=>{d(r.filter(a=>a.id!==e)),(s==null?void 0:s.id)===e&&n(o.length>1?o[0]:null)},j=()=>{if(!s)return;const e=A[s.language]||"txt",a=`${s.name.replace(/\s/g,"_")}.${e}`;I(s.code,a)},w=e=>{s&&i({...s,name:e.target.value})},N=e=>{if(e.key==="Enter"&&s){const a=e.currentTarget.value.trim();a&&!s.tags.includes(a)&&i({...s,tags:[...s.tags??[],a]}),e.currentTarget.value=""}};return t.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[t.jsxs("header",{className:"mb-6",children:[t.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[t.jsx(C,{}),t.jsx("span",{className:"ml-3",children:"Snippet Vault"})]}),t.jsx("p",{className:"text-text-secondary mt-1",children:"Store, search, tag, and enhance your reusable code snippets with AI."})]}),t.jsxs("div",{className:"flex-grow flex gap-6 min-h-0",children:[t.jsxs("aside",{className:"w-1/3 bg-surface border border-border p-4 rounded-lg flex flex-col",children:[t.jsx("input",{type:"text",placeholder:"Search snippets...",value:c,onChange:e=>g(e.target.value),className:"w-full px-3 py-1.5 mb-3 rounded-md bg-background border border-border text-sm"}),t.jsx("ul",{className:"space-y-2 flex-grow overflow-y-auto pr-2",children:o.map(e=>t.jsxs("li",{className:"group flex items-center justify-between",children:[t.jsx("button",{onClick:()=>n(e),className:`w-full text-left px-3 py-2 rounded-md ${(s==null?void 0:s.id)===e.id?"bg-primary/10 text-primary":"hover:bg-gray-100"}`,children:e.name}),t.jsxs("div",{className:"flex opacity-0 group-hover:opacity-100 transition-opacity",children:[t.jsx("button",{onClick:()=>navigator.clipboard.writeText(e.code),className:"ml-2 p-1 text-text-secondary hover:text-primary",title:"Copy",children:t.jsx(S,{})}),t.jsx("button",{onClick:()=>y(e.id),className:"ml-2 p-1 text-text-secondary hover:text-red-500",title:"Delete",children:t.jsx(k,{})})]})]},e.id))}),t.jsx("div",{className:"mt-4 pt-4 border-t border-border",children:t.jsx("button",{onClick:b,className:"btn-primary w-full text-sm py-2",children:"Add New Snippet"})})]}),t.jsx("main",{className:"w-2/3 flex flex-col",children:s?t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"flex justify-between items-center mb-2",children:[f?t.jsx("input",{type:"text",value:s.name,onChange:w,onBlur:()=>m(!1),autoFocus:!0,className:"text-lg font-bold bg-gray-100 rounded px-2"}):t.jsx("h3",{onDoubleClick:()=>m(!0),className:"text-lg font-bold cursor-pointer",children:s.name}),t.jsxs("div",{className:"flex gap-2",children:[t.jsxs("button",{onClick:h,disabled:u,className:"flex items-center gap-2 px-3 py-1 bg-purple-500 text-white font-bold text-xs rounded-md disabled:bg-gray-400",children:[t.jsx(T,{})," AI Enhance"]}),t.jsx("button",{onClick:()=>navigator.clipboard.writeText(s.code),className:"px-3 py-1 bg-gray-100 text-xs rounded-md",children:"Copy"}),t.jsxs("button",{onClick:j,className:"flex items-center gap-1 px-3 py-1 bg-gray-100 text-xs rounded-md",children:[t.jsx(E,{className:"w-4 h-4"})," Download"]})]})]}),t.jsx("textarea",{value:s.code,onChange:e=>i({...s,code:e.target.value}),className:"flex-grow p-4 bg-surface border border-border rounded-md resize-none font-mono text-sm focus:ring-2 focus:ring-primary focus:outline-none"}),t.jsx("div",{className:"mt-2 text-xs text-text-secondary",children:t.jsxs("div",{className:"flex items-center gap-2 flex-wrap",children:[t.jsx("span",{className:"font-bold",children:"Tags:"})," ",(s.tags??[]).map(e=>t.jsx("span",{className:"bg-gray-200 px-2 py-0.5 rounded-full",children:e},e)),t.jsx("input",{type:"text",placeholder:"+ Add tag",onKeyDown:N,className:"bg-transparent border-b border-border focus:outline-none focus:border-primary w-24 text-xs px-1"})]})})]}):t.jsx("div",{className:"flex-grow flex items-center justify-center bg-background border border-border rounded-lg text-text-secondary",children:"Select a snippet or create a new one."})})]})]})};export{q as SnippetVault};
+//# sourceMappingURL=SnippetVault-Cq8pB43n.js.map
diff --git a/assets/SnippetVault-Cq8pB43n.js.map b/assets/SnippetVault-Cq8pB43n.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..d486f6ac04f14cf6e59cb5c827b5a7cc7a3a5a42
--- /dev/null
+++ b/assets/SnippetVault-Cq8pB43n.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"SnippetVault-Cq8pB43n.js","sources":["../../components/features/SnippetVault.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from 'react';\nimport { LockClosedIcon, SparklesIcon, TrashIcon, ClipboardDocumentIcon, ArrowDownTrayIcon } from '../icons.tsx';\nimport { useLocalStorage } from '../../hooks/useLocalStorage.ts';\nimport { enhanceSnippetStream } from '../../services/geminiService.ts';\nimport { LoadingSpinner } from '../shared/LoadingSpinner.tsx';\nimport { downloadFile } from '../../services/fileUtils.ts';\n\ninterface Snippet {\n    id: number; name: string; code: string; language: string; tags: string[];\n}\n\nconst langToExt: Record<string, string> = {\n    javascript: 'js',\n    typescript: 'ts',\n    python: 'py',\n    css: 'css',\n    html: 'html',\n    json: 'json',\n    markdown: 'md',\n    plaintext: 'txt',\n};\n\nexport const SnippetVault: React.FC = () => {\n    const [snippets, setSnippets] = useLocalStorage<Snippet[]>('devcore_snippets', [{ id: 1, name: 'React Hook Boilerplate', language: 'javascript', code: `import { useState } from 'react';\\n\\nconst useCustomHook = () => {\\n  const [value, setValue] = useState(null);\\n  return { value, setValue };\\n};`, tags: ['react', 'hook'] }]);\n    const [activeSnippet, setActiveSnippet] = useState<Snippet | null>(null);\n    const [isEnhancing, setIsEnhancing] = useState(false);\n    const [searchTerm, setSearchTerm] = useState('');\n    const [isEditingName, setIsEditingName] = useState(false);\n\n    const filteredSnippets = useMemo(() => {\n        if (!searchTerm) return snippets;\n        const lowerSearch = searchTerm.toLowerCase();\n        return snippets.filter((s: Snippet) => \n            s.name.toLowerCase().includes(lowerSearch) || \n            s.code.toLowerCase().includes(lowerSearch) ||\n            (s.tags && s.tags.some(t => t.toLowerCase().includes(lowerSearch)))\n        );\n    }, [snippets, searchTerm]);\n\n    useEffect(() => {\n        if (!activeSnippet && filteredSnippets.length > 0) setActiveSnippet(filteredSnippets[0]);\n        if (activeSnippet) setActiveSnippet(snippets.find((s: Snippet) => s.id === activeSnippet.id) || null);\n    }, [snippets, activeSnippet, filteredSnippets]);\n\n    const updateSnippet = (snippet: Snippet) => {\n        setSnippets(snippets.map((s: Snippet) => s.id === snippet.id ? snippet : s));\n        setActiveSnippet(snippet);\n    };\n\n    const handleEnhance = async () => {\n        if (!activeSnippet) return;\n        setIsEnhancing(true);\n        try {\n            const stream = enhanceSnippetStream(activeSnippet.code);\n            let fullResponse = '';\n            for await (const chunk of stream) {\n                fullResponse += chunk;\n                updateSnippet({ ...activeSnippet, code: fullResponse.replace(/^```(?:\\w+\\n)?/, '').replace(/```$/, '') });\n            }\n        } finally { setIsEnhancing(false); }\n    };\n\n    const handleAddNew = () => {\n        const newSnippet: Snippet = { id: Date.now(), name: 'New Snippet', language: 'plaintext', code: '', tags: [] };\n        setSnippets([...snippets, newSnippet]);\n        setActiveSnippet(newSnippet);\n    };\n    \n    const handleDelete = (id: number) => {\n        setSnippets(snippets.filter((s: Snippet) => s.id !== id));\n        if(activeSnippet?.id === id) setActiveSnippet(filteredSnippets.length > 1 ? filteredSnippets[0] : null);\n    };\n    \n    const handleDownload = () => {\n        if(!activeSnippet) return;\n        const extension = langToExt[activeSnippet.language] || 'txt';\n        const filename = `${activeSnippet.name.replace(/\\s/g, '_')}.${extension}`;\n        downloadFile(activeSnippet.code, filename);\n    }\n\n    const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (activeSnippet) updateSnippet({...activeSnippet, name: e.target.value});\n    };\n    \n    const handleTagsChange = (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === 'Enter' && activeSnippet) {\n            const newTag = e.currentTarget.value.trim();\n            if (newTag && !activeSnippet.tags.includes(newTag)) {\n                updateSnippet({...activeSnippet, tags: [...(activeSnippet.tags ?? []), newTag]});\n            }\n            e.currentTarget.value = '';\n        }\n    };\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6\"><h1 className=\"text-3xl font-bold flex items-center\"><LockClosedIcon /><span className=\"ml-3\">Snippet Vault</span></h1><p className=\"text-text-secondary mt-1\">Store, search, tag, and enhance your reusable code snippets with AI.</p></header>\n            <div className=\"flex-grow flex gap-6 min-h-0\">\n                <aside className=\"w-1/3 bg-surface border border-border p-4 rounded-lg flex flex-col\">\n                    <input type=\"text\" placeholder=\"Search snippets...\" value={searchTerm} onChange={e => setSearchTerm(e.target.value)} className=\"w-full px-3 py-1.5 mb-3 rounded-md bg-background border border-border text-sm\"/>\n                    <ul className=\"space-y-2 flex-grow overflow-y-auto pr-2\">{filteredSnippets.map((s: Snippet) => (<li key={s.id} className=\"group flex items-center justify-between\"><button onClick={() => setActiveSnippet(s)} className={`w-full text-left px-3 py-2 rounded-md ${activeSnippet?.id === s.id ? 'bg-primary/10 text-primary' : 'hover:bg-gray-100'}`}>{s.name}</button><div className=\"flex opacity-0 group-hover:opacity-100 transition-opacity\"><button onClick={() => navigator.clipboard.writeText(s.code)} className=\"ml-2 p-1 text-text-secondary hover:text-primary\" title=\"Copy\"><ClipboardDocumentIcon /></button><button onClick={() => handleDelete(s.id)} className=\"ml-2 p-1 text-text-secondary hover:text-red-500\" title=\"Delete\"><TrashIcon/></button></div></li>))}</ul>\n                    <div className=\"mt-4 pt-4 border-t border-border\"><button onClick={handleAddNew} className=\"btn-primary w-full text-sm py-2\">Add New Snippet</button></div>\n                </aside>\n                <main className=\"w-2/3 flex flex-col\">\n                    {activeSnippet ? (<>\n                        <div className=\"flex justify-between items-center mb-2\">\n                            {isEditingName ? <input type=\"text\" value={activeSnippet.name} onChange={handleNameChange} onBlur={() => setIsEditingName(false)} autoFocus className=\"text-lg font-bold bg-gray-100 rounded px-2\"/> : <h3 onDoubleClick={() => setIsEditingName(true)} className=\"text-lg font-bold cursor-pointer\">{activeSnippet.name}</h3>}\n                            <div className=\"flex gap-2\">\n                                <button onClick={handleEnhance} disabled={isEnhancing} className=\"flex items-center gap-2 px-3 py-1 bg-purple-500 text-white font-bold text-xs rounded-md disabled:bg-gray-400\"><SparklesIcon /> AI Enhance</button>\n                                <button onClick={() => navigator.clipboard.writeText(activeSnippet.code)} className=\"px-3 py-1 bg-gray-100 text-xs rounded-md\">Copy</button>\n                                <button onClick={handleDownload} className=\"flex items-center gap-1 px-3 py-1 bg-gray-100 text-xs rounded-md\"><ArrowDownTrayIcon className=\"w-4 h-4\"/> Download</button>\n                            </div>\n                        </div>\n                        <textarea value={activeSnippet.code} onChange={e => updateSnippet({...activeSnippet, code: e.target.value})} className=\"flex-grow p-4 bg-surface border border-border rounded-md resize-none font-mono text-sm focus:ring-2 focus:ring-primary focus:outline-none\"/>\n                        <div className=\"mt-2 text-xs text-text-secondary\">\n                           <div className=\"flex items-center gap-2 flex-wrap\">\n                             <span className=\"font-bold\">Tags:</span> {(activeSnippet.tags ?? []).map(t => <span key={t} className=\"bg-gray-200 px-2 py-0.5 rounded-full\">{t}</span>)}\n                             <input type=\"text\" placeholder=\"+ Add tag\" onKeyDown={handleTagsChange} className=\"bg-transparent border-b border-border focus:outline-none focus:border-primary w-24 text-xs px-1\"/>\n                           </div>\n                        </div>\n                    </>) : (<div className=\"flex-grow flex items-center justify-center bg-background border border-border rounded-lg text-text-secondary\">Select a snippet or create a new one.</div>)}\n                </main>\n            </div>\n        </div>\n    );\n};"],"names":["langToExt","SnippetVault","snippets","setSnippets","useLocalStorage","activeSnippet","setActiveSnippet","useState","isEnhancing","setIsEnhancing","searchTerm","setSearchTerm","isEditingName","setIsEditingName","filteredSnippets","useMemo","lowerSearch","s","t","useEffect","updateSnippet","snippet","handleEnhance","stream","enhanceSnippetStream","fullResponse","chunk","handleAddNew","newSnippet","handleDelete","id","handleDownload","extension","filename","downloadFile","handleNameChange","handleTagsChange","newTag","jsxs","jsx","LockClosedIcon","ClipboardDocumentIcon","TrashIcon","Fragment","SparklesIcon","ArrowDownTrayIcon"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/SvgPathEditor-CNIEkpCa.js b/assets/SvgPathEditor-CNIEkpCa.js
new file mode 100644
index 0000000000000000000000000000000000000000..d3385959b4cb6064e3868cd7964a2cf9036a6d10
--- /dev/null
+++ b/assets/SvgPathEditor-CNIEkpCa.js
@@ -0,0 +1,4 @@
+import{r as u,j as e}from"./react-DKy9e2uO.js";import{i as y,A as N}from"./index-Ck8YGBbR.js";import{d as P}from"./fileUtils-Bw7t6Hrv.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const M="M 20 80 Q 100 20 180 80 T 340 80",k=o=>(o.match(/[a-df-z][^a-df-z]*/ig)||[]).map((s,d)=>{const c=s[0],a=s.slice(1).trim().split(/[\s,]+/).map(parseFloat).filter(r=>!isNaN(r)),m=[];for(let r=0;r<a.length;r+=2)m.push({x:a[r],y:a[r+1]});return{id:d,command:c,points:m}}),C=o=>o.map(i=>`${i.command} ${i.points.map(s=>`${s.x} ${s.y}`).join(" ")}`).join(" "),G=()=>{const[o,i]=u.useState(M),s=u.useRef(null),[d,c]=u.useState(null),a=k(o),m=(t,n,l)=>{t.stopPropagation(),c({cmdIndex:n,pointIndex:l})},r=t=>{var p;if(!d||!s.current)return;const l=new DOMPoint(t.clientX,t.clientY).matrixTransform((p=s.current.getScreenCTM())==null?void 0:p.inverse()),x=a.map((h,v)=>{if(v===d.cmdIndex){const w=h.points.map((b,j)=>j===d.pointIndex?{x:Math.round(l.x),y:Math.round(l.y)}:b);return{...h,points:w}}return h});i(C(x))},f=()=>c(null),g=()=>{const t=`<svg viewBox="0 0 400 160" xmlns="http://www.w3.org/2000/svg">
+  <path d="${o}" stroke="black" fill="transparent" stroke-width="2"/>
+</svg>`;P(t,"path.svg","image/svg+xml")};return e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6",children:[e.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[e.jsx(y,{}),e.jsx("span",{className:"ml-3",children:"SVG Path Editor"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Visually create and manipulate SVG path data by dragging points."})]}),e.jsxs("div",{className:"flex-grow grid grid-cols-1 lg:grid-cols-2 gap-6 h-full overflow-hidden",children:[e.jsxs("div",{className:"flex flex-col h-full overflow-y-auto",children:[e.jsxs("div",{className:"flex justify-between items-center mb-2",children:[e.jsx("label",{htmlFor:"path-input",className:"text-sm font-medium text-text-secondary",children:"Path Data (d attribute)"}),e.jsxs("button",{onClick:g,className:"flex items-center gap-1 px-3 py-1 bg-gray-100 text-xs rounded-md hover:bg-gray-200",children:[e.jsx(N,{className:"w-4 h-4"})," Download SVG"]})]}),e.jsx("textarea",{id:"path-input",value:o,onChange:t=>i(t.target.value),className:"h-24 p-4 bg-surface border border-border rounded-md resize-y font-mono text-sm text-primary"}),e.jsx("div",{className:"flex-grow mt-4 p-4 bg-surface border-2 border-dashed border-border rounded-md overflow-hidden flex items-center justify-center min-h-[200px]",children:e.jsxs("svg",{ref:s,viewBox:"0 0 400 160",className:"w-full h-full cursor-crosshair",onMouseMove:r,onMouseUp:f,onMouseLeave:f,children:[e.jsx("rect",{width:"400",height:"160",fill:"var(--color-background)"}),e.jsx("path",{d:o,stroke:"var(--color-primary)",fill:"transparent",strokeWidth:"2"}),a.flatMap((t,n)=>t.points.map((l,x)=>e.jsx("circle",{cx:l.x,cy:l.y,r:"5",fill:t.command.toLowerCase()==="c"||t.command.toLowerCase()==="q"||t.command.toLowerCase()==="s"||t.command.toLowerCase()==="t"?"#fde047":"#f87171",stroke:"var(--color-surface)",strokeWidth:"2",className:"cursor-move hover:stroke-white",onMouseDown:p=>m(p,n,x)},`${t.id}-${x}`)))]})})]}),e.jsxs("div",{className:"flex flex-col h-full",children:[e.jsx("label",{className:"text-sm font-medium text-text-secondary mb-2",children:"Parsed Commands"}),e.jsx("div",{className:"flex-grow p-2 bg-background border border-border rounded-md overflow-y-auto font-mono text-xs space-y-2",children:a.map(t=>e.jsxs("div",{className:"p-2 bg-surface rounded",children:[e.jsx("span",{className:"font-bold text-amber-600",children:t.command}),e.jsxs("span",{className:"text-text-secondary",children:[" ",t.points.map(n=>`(${n.x},${n.y})`).join(" ")]})]},t.id))})]})]})]})};export{G as SvgPathEditor};
+//# sourceMappingURL=SvgPathEditor-CNIEkpCa.js.map
diff --git a/assets/SvgPathEditor-CNIEkpCa.js.map b/assets/SvgPathEditor-CNIEkpCa.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..ab29ade2144523deec3355212f624306ae8a2778
--- /dev/null
+++ b/assets/SvgPathEditor-CNIEkpCa.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"SvgPathEditor-CNIEkpCa.js","sources":["../../components/features/SvgPathEditor.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { CodeBracketSquareIcon, ArrowDownTrayIcon } from '../icons.tsx';\nimport { downloadFile } from '../../services/fileUtils.ts';\n\nconst initialPath = \"M 20 80 Q 100 20 180 80 T 340 80\";\n\nconst parsePath = (d: string) => {\n    const commands = d.match(/[a-df-z][^a-df-z]*/ig) || [];\n    return commands.map((cmdStr, i) => {\n        const command = cmdStr[0];\n        const args = cmdStr.slice(1).trim().split(/[\\s,]+/).map(parseFloat).filter(n => !isNaN(n));\n        const points = [];\n        for (let j = 0; j < args.length; j += 2) {\n            points.push({ x: args[j], y: args[j + 1] });\n        }\n        return { id: i, command, points };\n    });\n};\nconst buildPath = (parsed: any[]) => {\n    return parsed.map(cmd => `${cmd.command} ${cmd.points.map((p:any) => `${p.x} ${p.y}`).join(' ')}`).join(' ');\n};\n\nexport const SvgPathEditor: React.FC = () => {\n    const [pathData, setPathData] = useState(initialPath);\n    const svgRef = useRef<SVGSVGElement>(null);\n    const [draggingPoint, setDraggingPoint] = useState<any>(null);\n    const parsedPath = parsePath(pathData);\n\n    const handleMouseDown = (e: React.MouseEvent, cmdIndex: number, pointIndex: number) => {\n        e.stopPropagation();\n        setDraggingPoint({ cmdIndex, pointIndex });\n    };\n\n    const handleMouseMove = (e: React.MouseEvent) => {\n        if (!draggingPoint || !svgRef.current) return;\n        const pt = new DOMPoint(e.clientX, e.clientY);\n        const svgPoint = pt.matrixTransform(svgRef.current.getScreenCTM()?.inverse());\n        \n        const newParsedPath = parsedPath.map((cmd, cIdx) => {\n            if (cIdx === draggingPoint.cmdIndex) {\n                const newPoints = cmd.points.map((p, pIdx) => {\n                    if (pIdx === draggingPoint.pointIndex) {\n                        return { x: Math.round(svgPoint.x), y: Math.round(svgPoint.y) };\n                    }\n                    return p;\n                });\n                return { ...cmd, points: newPoints };\n            }\n            return cmd;\n        });\n        setPathData(buildPath(newParsedPath));\n    };\n    \n    const handleMouseUp = () => setDraggingPoint(null);\n    \n    const handleDownload = () => {\n        const svgContent = `<svg viewBox=\"0 0 400 160\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"${pathData}\" stroke=\"black\" fill=\"transparent\" stroke-width=\"2\"/>\n</svg>`;\n        downloadFile(svgContent, 'path.svg', 'image/svg+xml');\n    };\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6\"><h1 className=\"text-3xl font-bold flex items-center\"><CodeBracketSquareIcon /><span className=\"ml-3\">SVG Path Editor</span></h1><p className=\"text-text-secondary mt-1\">Visually create and manipulate SVG path data by dragging points.</p></header>\n            <div className=\"flex-grow grid grid-cols-1 lg:grid-cols-2 gap-6 h-full overflow-hidden\">\n                <div className=\"flex flex-col h-full overflow-y-auto\">\n                    <div className=\"flex justify-between items-center mb-2\">\n                        <label htmlFor=\"path-input\" className=\"text-sm font-medium text-text-secondary\">Path Data (d attribute)</label>\n                         <button onClick={handleDownload} className=\"flex items-center gap-1 px-3 py-1 bg-gray-100 text-xs rounded-md hover:bg-gray-200\">\n                            <ArrowDownTrayIcon className=\"w-4 h-4\"/> Download SVG\n                        </button>\n                    </div>\n                    <textarea id=\"path-input\" value={pathData} onChange={(e) => setPathData(e.target.value)} className=\"h-24 p-4 bg-surface border border-border rounded-md resize-y font-mono text-sm text-primary\" />\n                     <div className=\"flex-grow mt-4 p-4 bg-surface border-2 border-dashed border-border rounded-md overflow-hidden flex items-center justify-center min-h-[200px]\">\n                        <svg ref={svgRef} viewBox=\"0 0 400 160\" className=\"w-full h-full cursor-crosshair\" onMouseMove={handleMouseMove} onMouseUp={handleMouseUp} onMouseLeave={handleMouseUp}>\n                           <rect width=\"400\" height=\"160\" fill=\"var(--color-background)\" />\n                            <path d={pathData} stroke=\"var(--color-primary)\" fill=\"transparent\" strokeWidth=\"2\" />\n                            {parsedPath.flatMap((cmd, cmdIndex) => \n                                cmd.points.map((p, pointIndex) => (\n                                    <circle\n                                        key={`${cmd.id}-${pointIndex}`}\n                                        cx={p.x}\n                                        cy={p.y}\n                                        r=\"5\"\n                                        fill={cmd.command.toLowerCase() === 'c' || cmd.command.toLowerCase() === 'q' || cmd.command.toLowerCase() === 's' || cmd.command.toLowerCase() === 't' ? '#fde047' : '#f87171'}\n                                        stroke=\"var(--color-surface)\"\n                                        strokeWidth=\"2\"\n                                        className=\"cursor-move hover:stroke-white\"\n                                        onMouseDown={(e) => handleMouseDown(e, cmdIndex, pointIndex)}\n                                    />\n                                ))\n                            )}\n                        </svg>\n                    </div>\n                </div>\n                <div className=\"flex flex-col h-full\">\n                    <label className=\"text-sm font-medium text-text-secondary mb-2\">Parsed Commands</label>\n                    <div className=\"flex-grow p-2 bg-background border border-border rounded-md overflow-y-auto font-mono text-xs space-y-2\">\n                        {parsedPath.map(cmd => (\n                            <div key={cmd.id} className=\"p-2 bg-surface rounded\">\n                                <span className=\"font-bold text-amber-600\">{cmd.command}</span>\n                                <span className=\"text-text-secondary\"> {cmd.points.map(p => `(${p.x},${p.y})`).join(' ')}</span>\n                            </div>\n                        ))}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};"],"names":["initialPath","parsePath","d","cmdStr","i","command","args","n","points","j","buildPath","parsed","cmd","p","SvgPathEditor","pathData","setPathData","useState","svgRef","useRef","draggingPoint","setDraggingPoint","parsedPath","handleMouseDown","e","cmdIndex","pointIndex","handleMouseMove","svgPoint","_a","newParsedPath","cIdx","newPoints","pIdx","handleMouseUp","handleDownload","svgContent","downloadFile","jsxs","jsx","CodeBracketSquareIcon","ArrowDownTrayIcon"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/ThemeDesigner-BdQC6qrK.js b/assets/ThemeDesigner-BdQC6qrK.js
new file mode 100644
index 0000000000000000000000000000000000000000..7a26ae748f8c26fa1e0167c89c3fda79190113c9
--- /dev/null
+++ b/assets/ThemeDesigner-BdQC6qrK.js
@@ -0,0 +1,21 @@
+import{j as e,r as a}from"./react-DKy9e2uO.js";import{S as v,A as y}from"./index-Ck8YGBbR.js";import{b as w}from"./geminiService-Cgwdboli.js";import{Z as k}from"./react-colorful-4Kqy2sC7.js";import{d as g}from"./fileUtils-Bw7t6Hrv.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const C=()=>e.jsxs("div",{className:"flex items-center justify-center space-x-1","aria-label":"Loading",children:[e.jsx("div",{className:"w-2 h-2 rounded-full bg-current animate-pulse",style:{animationDelay:"0s"}}),e.jsx("div",{className:"w-2 h-2 rounded-full bg-current animate-pulse",style:{animationDelay:"0.2s"}}),e.jsx("div",{className:"w-2 h-2 rounded-full bg-current animate-pulse",style:{animationDelay:"0.4s"}})]}),d=({label:t,color:r,onChange:i})=>{const[n,l]=a.useState(!1);return e.jsxs("div",{className:"relative",children:[e.jsxs("div",{onClick:()=>l(!n),className:"flex items-center justify-between p-3 bg-background rounded-md cursor-pointer border-2 border-border hover:border-gray-300",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-6 h-6 rounded border border-border",style:{backgroundColor:r}}),e.jsx("span",{className:"text-sm font-medium text-text-primary",children:t})]}),e.jsx("span",{className:"font-mono text-sm text-text-secondary",children:r})]}),n&&e.jsxs("div",{className:"absolute z-10 top-full mt-2 right-0",children:[e.jsx("div",{className:"fixed inset-0",onClick:()=>l(!1)}),e.jsx(k,{color:r,onChange:i})]})]})},f=["A serene forest at dawn","A retro 8-bit video game","A cyberpunk cityscape at night","A warm, cozy coffee shop","An arctic expedition with icy blues","A vibrant coral reef"],R=({initialPrompt:t})=>{const[r,i]=a.useState({primary:"#0047AB",background:"#F5F7FA",surface:"#FFFFFF",textPrimary:"#111827",textSecondary:"#6B7280"}),[n,l]=a.useState(t||"A professional and clean corporate blue theme."),[x,h]=a.useState(!1),[u,p]=a.useState(""),m=a.useCallback(async s=>{if(!s.trim()){p("Please enter a description.");return}h(!0),p("");try{const o=await w(s);i(o)}catch(o){p(o instanceof Error?o.message:"An unknown error occurred.")}finally{h(!1)}},[]),j=()=>{const s=f[Math.floor(Math.random()*f.length)];l(s),m(s)},c=(s,o)=>{i(N=>({...N,[s]:o}))},b=s=>s==="css"?`:root {
+  --primary: ${r.primary};
+  --background: ${r.background};
+  --surface: ${r.surface};
+  --text-primary: ${r.textPrimary};
+  --text-secondary: ${r.textSecondary};
+}`:`// tailwind.config.js
+module.exports = {
+  theme: {
+    extend: {
+      colors: {
+        primary: '${r.primary}',
+        background: '${r.background}',
+        surface: '${r.surface}',
+        'text-primary': '${r.textPrimary}',
+        'text-secondary': '${r.textSecondary}',
+      },
+    },
+  },
+};`;return a.useEffect(()=>{t&&m(t)},[t,m]),e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6",children:[e.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[e.jsx(v,{}),e.jsx("span",{className:"ml-3",children:"AI Theme Designer"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Describe, generate, fine-tune, and export a color theme for your application."})]}),e.jsxs("div",{className:"flex-grow grid grid-cols-1 lg:grid-cols-3 gap-6 min-h-0",children:[e.jsxs("div",{className:"lg:col-span-1 flex flex-col gap-4 bg-surface border border-border p-6 rounded-lg overflow-y-auto",children:[e.jsx("h3",{className:"text-xl font-bold",children:"Describe your theme"}),e.jsx("textarea",{value:n,onChange:s=>l(s.target.value),className:"p-2 bg-background border border-border rounded-md resize-none text-sm h-24",placeholder:"e.g., A light, airy theme for a blog"}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx("button",{onClick:()=>m(n),disabled:x,className:"btn-primary w-full flex items-center justify-center gap-2 px-4 py-2",children:x?e.jsx(C,{}):"Generate Theme"}),e.jsx("button",{onClick:j,disabled:x,className:"px-4 py-2 bg-gray-100 border border-border rounded-md hover:bg-gray-200",title:"Random Theme",children:"🎲"})]}),u&&e.jsx("p",{className:"text-red-500 text-xs text-center",children:u}),e.jsxs("div",{className:"mt-4 border-t border-border pt-4 space-y-2 flex-grow overflow-y-auto pr-2",children:[e.jsx("h3",{className:"text-lg font-bold",children:"Fine-Tune Palette"}),e.jsx(d,{label:"Primary",color:r.primary,onChange:s=>c("primary",s)}),e.jsx(d,{label:"Background",color:r.background,onChange:s=>c("background",s)}),e.jsx(d,{label:"Surface",color:r.surface,onChange:s=>c("surface",s)}),e.jsx(d,{label:"Text Primary",color:r.textPrimary,onChange:s=>c("textPrimary",s)}),e.jsx(d,{label:"Text Secondary",color:r.textSecondary,onChange:s=>c("textSecondary",s)})]}),e.jsxs("div",{className:"flex-shrink-0 pt-4 border-t border-border flex flex-col gap-2",children:[e.jsxs("button",{onClick:()=>g(b("css"),"theme.css","text/css"),className:"flex-1 text-sm py-2 bg-gray-100 border border-border rounded-md flex items-center justify-center gap-2 hover:bg-gray-200",children:[e.jsx(y,{className:"w-4 h-4"})," Download CSS"]}),e.jsxs("button",{onClick:()=>g(b("tailwind"),"tailwind.config.js","application/javascript"),className:"flex-1 text-sm py-2 bg-gray-100 border border-border rounded-md flex items-center justify-center gap-2 hover:bg-gray-200",children:[e.jsx(y,{className:"w-4 h-4"})," Download Tailwind Config"]})]})]}),e.jsxs("div",{className:"lg:col-span-2 rounded-lg p-8 overflow-y-auto border border-border",style:{backgroundColor:r.background,color:r.textPrimary},children:[e.jsx("h3",{className:"text-2xl font-bold mb-6",style:{color:r.textPrimary},children:"Live Preview"}),e.jsxs("div",{className:"p-6 rounded-lg grid grid-cols-1 md:grid-cols-2 gap-6",style:{backgroundColor:r.surface},children:[e.jsxs("div",{className:"space-y-4",children:[e.jsx("h4",{className:"text-lg font-bold",children:"Sample Card"}),e.jsx("p",{className:"text-sm",style:{color:r.textSecondary},children:"This is a sample card to demonstrate the theme colors. It contains a primary button and some secondary text."}),e.jsx("button",{className:"px-4 py-2 rounded-md font-bold transition-colors",style:{backgroundColor:r.primary,color:r.textSecondary.includes("#F")?"#000":"#FFF"},children:"Primary Button"})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsx("input",{type:"text",placeholder:"Text input",className:"w-full px-3 py-2 rounded-md border",style:{backgroundColor:r.background,borderColor:r.primary,color:r.textPrimary}}),e.jsx("div",{className:"p-3 border rounded",style:{borderColor:r.primary,color:r.textSecondary},children:e.jsx("p",{children:"A bordered container."})})]})]}),e.jsxs("div",{className:"mt-6",children:[e.jsx("h4",{className:"text-lg font-bold mb-2",children:"Typography"}),e.jsx("h1",{children:"Heading 1"}),e.jsx("h2",{children:"Heading 2"}),e.jsx("p",{style:{color:r.textPrimary},children:"This is a paragraph of primary text. Lorem ipsum dolor sit amet, consectetur adipiscing elit."}),e.jsx("p",{style:{color:r.textSecondary},children:"This is secondary text, for descriptions or less important information."})]})]})]})]})};export{R as ThemeDesigner};
+//# sourceMappingURL=ThemeDesigner-BdQC6qrK.js.map
diff --git a/assets/ThemeDesigner-BdQC6qrK.js.map b/assets/ThemeDesigner-BdQC6qrK.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..50a66a37730a260beea594cb50d0095c348e329d
--- /dev/null
+++ b/assets/ThemeDesigner-BdQC6qrK.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"ThemeDesigner-BdQC6qrK.js","sources":["../../components/shared/LoadingSpinner.tsx","../../components/features/ThemeDesigner.tsx"],"sourcesContent":["\nimport React from 'react';\n\nexport const LoadingSpinner: React.FC = () => (\n    <div className=\"flex items-center justify-center space-x-1\" aria-label=\"Loading\">\n        <div className=\"w-2 h-2 rounded-full bg-current animate-pulse\" style={{ animationDelay: '0s' }}></div>\n        <div className=\"w-2 h-2 rounded-full bg-current animate-pulse\" style={{ animationDelay: '0.2s' }}></div>\n        <div className=\"w-2 h-2 rounded-full bg-current animate-pulse\" style={{ animationDelay: '0.4s' }}></div>\n    </div>\n);\n","import React, { useState, useCallback, useEffect } from 'react';\nimport { SparklesIcon, ArrowDownTrayIcon } from '../icons.tsx';\nimport { generateThemeFromDescription } from '../../services/geminiService.ts';\nimport type { ColorTheme } from '../../types.ts';\nimport { LoadingSpinner } from '../shared/LoadingSpinner.tsx';\nimport { HexColorPicker } from 'react-colorful';\nimport { downloadFile } from '../../services/fileUtils.ts';\n\nconst ColorInput: React.FC<{ label: string; color: string; onChange: (color: string) => void; }> = ({ label, color, onChange }) => {\n    const [isOpen, setIsOpen] = useState(false);\n    return (\n         <div className=\"relative\">\n             <div onClick={() => setIsOpen(!isOpen)} className=\"flex items-center justify-between p-3 bg-background rounded-md cursor-pointer border-2 border-border hover:border-gray-300\">\n                <div className=\"flex items-center gap-3\">\n                     <div className=\"w-6 h-6 rounded border border-border\" style={{ backgroundColor: color }} />\n                     <span className=\"text-sm font-medium text-text-primary\">{label}</span>\n                </div>\n                <span className=\"font-mono text-sm text-text-secondary\">{color}</span>\n            </div>\n            {isOpen && (\n                <div className=\"absolute z-10 top-full mt-2 right-0\">\n                     <div className=\"fixed inset-0\" onClick={() => setIsOpen(false)} />\n                    <HexColorPicker color={color} onChange={onChange} />\n                </div>\n            )}\n        </div>\n    );\n};\n\nconst randomPrompts = [\n    'A serene forest at dawn',\n    'A retro 8-bit video game',\n    'A cyberpunk cityscape at night',\n    'A warm, cozy coffee shop',\n    'An arctic expedition with icy blues',\n    'A vibrant coral reef',\n];\n\nexport const ThemeDesigner: React.FC<{ initialPrompt?: string }> = ({ initialPrompt }) => {\n    const [theme, setTheme] = useState<ColorTheme>({\n        primary: '#0047AB', background: '#F5F7FA', surface: '#FFFFFF', textPrimary: '#111827', textSecondary: '#6B7280',\n    });\n    const [prompt, setPrompt] = useState(initialPrompt || 'A professional and clean corporate blue theme.');\n    const [isLoading, setIsLoading] = useState(false);\n    const [error, setError] = useState('');\n\n    const handleGenerate = useCallback(async (p: string) => {\n        if (!p.trim()) { setError('Please enter a description.'); return; }\n        setIsLoading(true); setError('');\n        try {\n            const newTheme = await generateThemeFromDescription(p);\n            setTheme(newTheme);\n        } catch (err) {\n            setError(err instanceof Error ? err.message : \"An unknown error occurred.\");\n        } finally {\n            setIsLoading(false);\n        }\n    }, []);\n\n    const handleRandom = () => {\n        const randomPrompt = randomPrompts[Math.floor(Math.random() * randomPrompts.length)];\n        setPrompt(randomPrompt);\n        handleGenerate(randomPrompt);\n    };\n\n    const handleColorChange = (key: keyof ColorTheme, color: string) => {\n        setTheme(prev => ({...prev, [key]: color}));\n    };\n    \n    const getExportContent = (type: 'css' | 'tailwind') => {\n        if (type === 'css') {\n            return `:root {\\n` +\n                   `  --primary: ${theme.primary};\\n` +\n                   `  --background: ${theme.background};\\n` +\n                   `  --surface: ${theme.surface};\\n` +\n                   `  --text-primary: ${theme.textPrimary};\\n` +\n                   `  --text-secondary: ${theme.textSecondary};\\n` +\n                   `}`;\n        }\n        return `// tailwind.config.js\nmodule.exports = {\n  theme: {\n    extend: {\n      colors: {\n        primary: '${theme.primary}',\n        background: '${theme.background}',\n        surface: '${theme.surface}',\n        'text-primary': '${theme.textPrimary}',\n        'text-secondary': '${theme.textSecondary}',\n      },\n    },\n  },\n};`;\n    };\n\n    useEffect(() => {\n        if (initialPrompt) handleGenerate(initialPrompt);\n    }, [initialPrompt, handleGenerate]);\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6\">\n                <h1 className=\"text-3xl font-bold flex items-center\"><SparklesIcon /><span className=\"ml-3\">AI Theme Designer</span></h1>\n                <p className=\"text-text-secondary mt-1\">Describe, generate, fine-tune, and export a color theme for your application.</p>\n            </header>\n            <div className=\"flex-grow grid grid-cols-1 lg:grid-cols-3 gap-6 min-h-0\">\n                <div className=\"lg:col-span-1 flex flex-col gap-4 bg-surface border border-border p-6 rounded-lg overflow-y-auto\">\n                    <h3 className=\"text-xl font-bold\">Describe your theme</h3>\n                    <textarea value={prompt} onChange={e => setPrompt(e.target.value)} className=\"p-2 bg-background border border-border rounded-md resize-none text-sm h-24\" placeholder=\"e.g., A light, airy theme for a blog\" />\n                     <div className=\"flex gap-2\">\n                         <button onClick={() => handleGenerate(prompt)} disabled={isLoading} className=\"btn-primary w-full flex items-center justify-center gap-2 px-4 py-2\">\n                            {isLoading ? <LoadingSpinner /> : 'Generate Theme'}\n                        </button>\n                         <button onClick={handleRandom} disabled={isLoading} className=\"px-4 py-2 bg-gray-100 border border-border rounded-md hover:bg-gray-200\" title=\"Random Theme\">🎲</button>\n                     </div>\n                    {error && <p className=\"text-red-500 text-xs text-center\">{error}</p>}\n\n                    <div className=\"mt-4 border-t border-border pt-4 space-y-2 flex-grow overflow-y-auto pr-2\">\n                         <h3 className=\"text-lg font-bold\">Fine-Tune Palette</h3>\n                         <ColorInput label=\"Primary\" color={theme.primary} onChange={c => handleColorChange('primary', c)} />\n                         <ColorInput label=\"Background\" color={theme.background} onChange={c => handleColorChange('background', c)} />\n                         <ColorInput label=\"Surface\" color={theme.surface} onChange={c => handleColorChange('surface', c)} />\n                         <ColorInput label=\"Text Primary\" color={theme.textPrimary} onChange={c => handleColorChange('textPrimary', c)} />\n                         <ColorInput label=\"Text Secondary\" color={theme.textSecondary} onChange={c => handleColorChange('textSecondary', c)} />\n                    </div>\n                    <div className=\"flex-shrink-0 pt-4 border-t border-border flex flex-col gap-2\">\n                        <button onClick={() => downloadFile(getExportContent('css'), 'theme.css', 'text/css')} className=\"flex-1 text-sm py-2 bg-gray-100 border border-border rounded-md flex items-center justify-center gap-2 hover:bg-gray-200\">\n                            <ArrowDownTrayIcon className=\"w-4 h-4\"/> Download CSS\n                        </button>\n                        <button onClick={() => downloadFile(getExportContent('tailwind'), 'tailwind.config.js', 'application/javascript')} className=\"flex-1 text-sm py-2 bg-gray-100 border border-border rounded-md flex items-center justify-center gap-2 hover:bg-gray-200\">\n                             <ArrowDownTrayIcon className=\"w-4 h-4\"/> Download Tailwind Config\n                        </button>\n                    </div>\n                </div>\n                <div className=\"lg:col-span-2 rounded-lg p-8 overflow-y-auto border border-border\" style={{ backgroundColor: theme.background, color: theme.textPrimary }}>\n                     <h3 className=\"text-2xl font-bold mb-6\" style={{ color: theme.textPrimary }}>Live Preview</h3>\n                     <div className=\"p-6 rounded-lg grid grid-cols-1 md:grid-cols-2 gap-6\" style={{ backgroundColor: theme.surface }}>\n                        <div className=\"space-y-4\">\n                            <h4 className=\"text-lg font-bold\">Sample Card</h4>\n                            <p className=\"text-sm\" style={{color: theme.textSecondary}}>This is a sample card to demonstrate the theme colors. It contains a primary button and some secondary text.</p>\n                            <button className=\"px-4 py-2 rounded-md font-bold transition-colors\" style={{ backgroundColor: theme.primary, color: theme.textSecondary.includes('#F') ? '#000' : '#FFF' }}>Primary Button</button>\n                        </div>\n                         <div className=\"space-y-4\">\n                            <input type=\"text\" placeholder=\"Text input\" className=\"w-full px-3 py-2 rounded-md border\" style={{backgroundColor: theme.background, borderColor: theme.primary, color: theme.textPrimary}} />\n                            <div className=\"p-3 border rounded\" style={{borderColor: theme.primary, color: theme.textSecondary}}>\n                                <p>A bordered container.</p>\n                            </div>\n                         </div>\n                     </div>\n                     <div className=\"mt-6\">\n                        <h4 className=\"text-lg font-bold mb-2\">Typography</h4>\n                        <h1>Heading 1</h1>\n                        <h2>Heading 2</h2>\n                        <p style={{color: theme.textPrimary}}>This is a paragraph of primary text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>\n                        <p style={{color: theme.textSecondary}}>This is secondary text, for descriptions or less important information.</p>\n                     </div>\n                </div>\n            </div>\n        </div>\n    );\n};"],"names":["LoadingSpinner","jsxs","jsx","ColorInput","label","color","onChange","isOpen","setIsOpen","useState","HexColorPicker","randomPrompts","ThemeDesigner","initialPrompt","theme","setTheme","prompt","setPrompt","isLoading","setIsLoading","error","setError","handleGenerate","useCallback","p","newTheme","generateThemeFromDescription","err","handleRandom","randomPrompt","handleColorChange","key","prev","getExportContent","type","useEffect","SparklesIcon","e","c","downloadFile","ArrowDownTrayIcon"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/TypographyLab-Db6ABU3D.js b/assets/TypographyLab-Db6ABU3D.js
new file mode 100644
index 0000000000000000000000000000000000000000..ab9d72cda184e44c4b48e1d9e4da97223c731939
--- /dev/null
+++ b/assets/TypographyLab-Db6ABU3D.js
@@ -0,0 +1,2 @@
+import{r as n,j as e}from"./react-DKy9e2uO.js";import{p as u}from"./index-Ck8YGBbR.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const b=["Roboto","Open Sans","Lato","Montserrat","Oswald","Source Sans Pro","Raleway","Poppins","Nunito","Merriweather","Playfair Display","Lora","Noto Sans","Ubuntu","PT Sans","Slabo 27px"],S=()=>{const[t,x]=n.useState("Oswald"),[o,g]=n.useState("Roboto");n.useEffect(()=>{const a=[t,o].filter(Boolean).join("|");if(a){const l="font-pairing-stylesheet";let s=document.getElementById(l);s||(s=document.createElement("link"),s.id=l,s.rel="stylesheet",document.head.appendChild(s)),s.href=`https://fonts.googleapis.com/css?family=${a.replace(/ /g,"+")}:400,700&display=swap`}},[t,o]);const i=({label:a,value:l,onChange:s})=>e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-text-secondary",children:a}),e.jsx("select",{value:l,onChange:r=>s(r.target.value),className:"w-full mt-1 px-3 py-2 rounded-md bg-surface border border-border",children:b.map(r=>e.jsx("option",{value:r,children:r},r))})]}),d=`@import url('https://fonts.googleapis.com/css?family=${t.replace(/ /g,"+")}:700&display=swap');`,c=`@import url('https://fonts.googleapis.com/css?family=${o.replace(/ /g,"+")}:400&display=swap');`,m=`font-family: '${t}', sans-serif;`,p=`font-family: '${o}', sans-serif;`;return e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6",children:[e.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[e.jsx(u,{}),e.jsx("span",{className:"ml-3",children:"Typography Lab"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Preview font pairings and get the necessary CSS rules."})]}),e.jsxs("div",{className:"flex-grow grid grid-cols-1 lg:grid-cols-3 gap-6 min-h-0",children:[e.jsxs("div",{className:"lg:col-span-1 flex flex-col gap-4 bg-surface border border-border p-6 rounded-lg",children:[e.jsx("h3",{className:"text-xl font-bold",children:"Controls"}),e.jsx(i,{label:"Heading Font",value:t,onChange:x}),e.jsx(i,{label:"Body Font",value:o,onChange:g}),e.jsxs("div",{className:"space-y-2 mt-4 pt-4 border-t border-border",children:[e.jsx("label",{className:"block text-sm font-medium text-text-secondary",children:"CSS Rules"}),e.jsxs("div",{className:"relative",children:[e.jsx("pre",{className:"bg-background p-2 rounded-md text-primary text-xs overflow-x-auto",children:d}),e.jsx("button",{onClick:()=>navigator.clipboard.writeText(d),className:"absolute top-1 right-1 px-2 py-0.5 bg-gray-100 hover:bg-gray-200 rounded-md text-xs",children:"Copy"})]}),e.jsxs("div",{className:"relative",children:[e.jsx("pre",{className:"bg-background p-2 rounded-md text-primary text-xs overflow-x-auto",children:m}),e.jsx("button",{onClick:()=>navigator.clipboard.writeText(m),className:"absolute top-1 right-1 px-2 py-0.5 bg-gray-100 hover:bg-gray-200 rounded-md text-xs",children:"Copy"})]}),e.jsxs("div",{className:"relative",children:[e.jsx("pre",{className:"bg-background p-2 rounded-md text-primary text-xs overflow-x-auto",children:c}),e.jsx("button",{onClick:()=>navigator.clipboard.writeText(c),className:"absolute top-1 right-1 px-2 py-0.5 bg-gray-100 hover:bg-gray-200 rounded-md text-xs",children:"Copy"})]}),e.jsxs("div",{className:"relative",children:[e.jsx("pre",{className:"bg-background p-2 rounded-md text-primary text-xs overflow-x-auto",children:p}),e.jsx("button",{onClick:()=>navigator.clipboard.writeText(p),className:"absolute top-1 right-1 px-2 py-0.5 bg-gray-100 hover:bg-gray-200 rounded-md text-xs",children:"Copy"})]})]})]}),e.jsxs("div",{className:"lg:col-span-2 bg-background border border-border rounded-lg p-8 overflow-y-auto",children:[e.jsx("h2",{className:"text-4xl font-bold mb-4",style:{fontFamily:`'${t}', sans-serif`},children:"The Quick Brown Fox Jumps Over the Lazy Dog"}),e.jsx("p",{className:"text-lg",style:{fontFamily:`'${o}', sans-serif`},children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat."})]})]})]})};export{S as TypographyLab};
+//# sourceMappingURL=TypographyLab-Db6ABU3D.js.map
diff --git a/assets/TypographyLab-Db6ABU3D.js.map b/assets/TypographyLab-Db6ABU3D.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..688f4b773a8813ec83019c4960fc8b940e2ad8c2
--- /dev/null
+++ b/assets/TypographyLab-Db6ABU3D.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"TypographyLab-Db6ABU3D.js","sources":["../../components/features/TypographyLab.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { TypographyLabIcon } from '../icons.tsx';\n\nconst popularFonts = [\n    'Roboto', 'Open Sans', 'Lato', 'Montserrat', 'Oswald', 'Source Sans Pro', 'Raleway', 'Poppins', 'Nunito', 'Merriweather',\n    'Playfair Display', 'Lora', 'Noto Sans', 'Ubuntu', 'PT Sans', 'Slabo 27px'\n];\n\nexport const TypographyLab: React.FC = () => {\n    const [headingFont, setHeadingFont] = useState('Oswald');\n    const [bodyFont, setBodyFont] = useState('Roboto');\n\n    useEffect(() => {\n        const fontsToLoad = [headingFont, bodyFont].filter(Boolean).join('|');\n        if (fontsToLoad) {\n            const linkId = 'font-pairing-stylesheet';\n            let link = document.getElementById(linkId) as HTMLLinkElement;\n            if (!link) {\n                link = document.createElement('link');\n                link.id = linkId;\n                link.rel = 'stylesheet';\n                document.head.appendChild(link);\n            }\n            link.href = `https://fonts.googleapis.com/css?family=${fontsToLoad.replace(/ /g, '+')}:400,700&display=swap`;\n        }\n    }, [headingFont, bodyFont]);\n    \n    const FontSelector: React.FC<{ label: string, value: string, onChange: (font: string) => void }> = ({ label, value, onChange }) => (\n        <div>\n            <label className=\"block text-sm font-medium text-text-secondary\">{label}</label>\n            <select value={value} onChange={e => onChange(e.target.value)} className=\"w-full mt-1 px-3 py-2 rounded-md bg-surface border border-border\">\n                {popularFonts.map(font => <option key={font} value={font}>{font}</option>)}\n            </select>\n        </div>\n    );\n\n    const headingImport = `@import url('https://fonts.googleapis.com/css?family=${headingFont.replace(/ /g, '+')}:700&display=swap');`;\n    const bodyImport = `@import url('https://fonts.googleapis.com/css?family=${bodyFont.replace(/ /g, '+')}:400&display=swap');`;\n    const headingRule = `font-family: '${headingFont}', sans-serif;`;\n    const bodyRule = `font-family: '${bodyFont}', sans-serif;`;\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6\">\n                <h1 className=\"text-3xl font-bold flex items-center\">\n                    <TypographyLabIcon />\n                    <span className=\"ml-3\">Typography Lab</span>\n                </h1>\n                <p className=\"text-text-secondary mt-1\">Preview font pairings and get the necessary CSS rules.</p>\n            </header>\n            <div className=\"flex-grow grid grid-cols-1 lg:grid-cols-3 gap-6 min-h-0\">\n                <div className=\"lg:col-span-1 flex flex-col gap-4 bg-surface border border-border p-6 rounded-lg\">\n                    <h3 className=\"text-xl font-bold\">Controls</h3>\n                    <FontSelector label=\"Heading Font\" value={headingFont} onChange={setHeadingFont} />\n                    <FontSelector label=\"Body Font\" value={bodyFont} onChange={setBodyFont} />\n                    <div className=\"space-y-2 mt-4 pt-4 border-t border-border\">\n                        <label className=\"block text-sm font-medium text-text-secondary\">CSS Rules</label>\n                        <div className=\"relative\"><pre className=\"bg-background p-2 rounded-md text-primary text-xs overflow-x-auto\">{headingImport}</pre><button onClick={() => navigator.clipboard.writeText(headingImport)} className=\"absolute top-1 right-1 px-2 py-0.5 bg-gray-100 hover:bg-gray-200 rounded-md text-xs\">Copy</button></div>\n                        <div className=\"relative\"><pre className=\"bg-background p-2 rounded-md text-primary text-xs overflow-x-auto\">{headingRule}</pre><button onClick={() => navigator.clipboard.writeText(headingRule)} className=\"absolute top-1 right-1 px-2 py-0.5 bg-gray-100 hover:bg-gray-200 rounded-md text-xs\">Copy</button></div>\n                        <div className=\"relative\"><pre className=\"bg-background p-2 rounded-md text-primary text-xs overflow-x-auto\">{bodyImport}</pre><button onClick={() => navigator.clipboard.writeText(bodyImport)} className=\"absolute top-1 right-1 px-2 py-0.5 bg-gray-100 hover:bg-gray-200 rounded-md text-xs\">Copy</button></div>\n                        <div className=\"relative\"><pre className=\"bg-background p-2 rounded-md text-primary text-xs overflow-x-auto\">{bodyRule}</pre><button onClick={() => navigator.clipboard.writeText(bodyRule)} className=\"absolute top-1 right-1 px-2 py-0.5 bg-gray-100 hover:bg-gray-200 rounded-md text-xs\">Copy</button></div>\n                    </div>\n                </div>\n                <div className=\"lg:col-span-2 bg-background border border-border rounded-lg p-8 overflow-y-auto\">\n                    <h2 className=\"text-4xl font-bold mb-4\" style={{ fontFamily: `'${headingFont}', sans-serif` }}>\n                        The Quick Brown Fox Jumps Over the Lazy Dog\n                    </h2>\n                    <p className=\"text-lg\" style={{ fontFamily: `'${bodyFont}', sans-serif` }}>\n                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat.\n                    </p>\n                </div>\n            </div>\n        </div>\n    );\n};"],"names":["popularFonts","TypographyLab","headingFont","setHeadingFont","useState","bodyFont","setBodyFont","useEffect","fontsToLoad","linkId","link","FontSelector","label","value","onChange","jsx","e","font","headingImport","bodyImport","headingRule","bodyRule","jsxs","TypographyLabIcon"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/VisualGitTree-CpR-Akou.js b/assets/VisualGitTree-CpR-Akou.js
new file mode 100644
index 0000000000000000000000000000000000000000..22c48945fa9d029a0063de5de6c3bf556923b4de
--- /dev/null
+++ b/assets/VisualGitTree-CpR-Akou.js
@@ -0,0 +1,23 @@
+import{r as i,j as e}from"./react-DKy9e2uO.js";import{G as g,A as j,M as y}from"./index-Ck8YGBbR.js";import{d as b}from"./geminiService-Cgwdboli.js";import{L as f}from"./LoadingSpinner-B20BJ_HS.js";import{d as v}from"./fileUtils-Bw7t6Hrv.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const N=`* commit 3a4b5c6d7e8f9g0h1i2j3k4l5m6n7o8p9q0r (HEAD -> main, origin/main)
+|\\  Merge: 1a2b3c4 2d3e4f5
+| | Author: Dev One <dev.one@example.com>
+| | Date:   Mon Jul 15 11:30:00 2024 -0400
+| |
+| |     feat: Implement collapsible sidebar navigation
+| |
+* | commit 2d3e4f5g6h7i8j9k0l1m2n3o4p5q6r7s8t9u (feature/new-sidebar)
+| | Author: Dev Two <dev.two@example.com>
+| | Date:   Mon Jul 15 10:00:00 2024 -0400
+| |
+| |     feat: Add icons to sidebar items
+| |
+* | commit 1a2b3c4d5e6f7g8h9i0j1k2l3m4n5o6p7q8r
+|/  Author: Dev One <dev.one@example.com>
+|   Date:   Fri Jul 12 16:45:00 2024 -0400
+|
+|       fix: Correct user authentication bug`,w=({logInput:l})=>{const n=i.useMemo(()=>{const s=l.split(`
+`),a=[];let r=null;return s.forEach(t=>{const o=t.match(/^.?[\\|/ ]*\* commit (\w+)(.*)/);o?(r&&a.push(r),r={hash:o[1],shortHash:o[1].substring(0,7),refs:o[2].trim(),message:"",author:""}):r&&(t.includes("Author:")?r.author=t.split("Author:")[1].trim():t.trim().length>0&&!t.match(/^[\\|/ ]*[\\|/ ]/)&&(r.message+=t.trim()+" "))}),r&&a.push(r),a.map((t,o)=>({...t,x:50,y:50+o*60}))},[l]);return e.jsx("svg",{width:"100%",height:50+n.length*60,className:"min-h-[200px]",children:n.map((s,a)=>{const r=n[a+1];return e.jsxs("g",{children:[r&&e.jsx("line",{x1:s.x,y1:s.y,x2:r.x,y2:r.y,stroke:"var(--color-border)",strokeWidth:"2"}),e.jsxs("g",{className:"group cursor-pointer",children:[e.jsx("circle",{cx:s.x,cy:s.y,r:"8",fill:"var(--color-primary)",stroke:"var(--color-surface)",strokeWidth:"3"}),e.jsx("foreignObject",{x:s.x+20,y:s.y-25,width:"350",height:"50",children:e.jsxs("div",{className:"text-sm p-1",children:[e.jsx("p",{className:"font-bold truncate text-text-primary",children:s.message}),e.jsxs("p",{className:"text-xs text-text-secondary font-mono",children:[s.shortHash," ",e.jsx("span",{className:"text-amber-600",children:s.refs})]})]})}),e.jsx("title",{children:`Commit: ${s.hash}
+Author: ${s.author}
+
+${s.message}`})]})]},s.hash)})})},O=({logInput:l})=>{const[n,s]=i.useState(l||N),[a,r]=i.useState(""),[t,o]=i.useState(!1),[x,h]=i.useState(""),u=i.useCallback(async c=>{if(!c.trim()){h("Please paste git log output.");return}o(!0),h(""),r("");try{const m=b(c);let d="";for await(const p of m)d+=p,r(d)}catch(m){const d=m instanceof Error?m.message:"An unknown error occurred.";h(`Failed to analyze log: ${d}`)}finally{o(!1)}},[]);return i.useEffect(()=>{l&&(s(l),u(l))},[l,u]),e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6",children:[e.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[e.jsx(g,{}),e.jsx("span",{className:"ml-3",children:"Visual Git Tree"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Paste your `git log --graph` output to visualize the history and get an AI summary."})]}),e.jsxs("div",{className:"flex-grow grid grid-cols-1 lg:grid-cols-2 gap-6 h-full overflow-hidden",children:[e.jsxs("div",{className:"flex flex-col h-full",children:[e.jsx("label",{htmlFor:"log-input",className:"text-sm font-medium text-text-secondary mb-2",children:"Git Log Output"}),e.jsx("textarea",{id:"log-input",value:n,onChange:c=>s(c.target.value),placeholder:"Paste your git log output here...",className:"flex-grow p-4 bg-surface border border-border rounded-md resize-none font-mono text-sm"}),e.jsx("button",{onClick:()=>u(n),disabled:t,className:"btn-primary mt-4 w-full flex items-center justify-center px-6 py-3",children:t?e.jsx(f,{}):"Analyze & Summarize"})]}),e.jsxs("div",{className:"flex flex-col h-full gap-4",children:[e.jsxs("div",{className:"flex flex-col h-1/2",children:[e.jsx("label",{className:"text-sm font-medium text-text-secondary mb-2",children:"Commit Graph"}),e.jsx("div",{className:"flex-grow p-2 bg-surface border border-border rounded-md overflow-auto",children:e.jsx(w,{logInput:n})})]}),e.jsxs("div",{className:"flex flex-col h-1/2",children:[e.jsxs("div",{className:"flex justify-between items-center mb-2",children:[e.jsx("label",{className:"text-sm font-medium text-text-secondary",children:"AI Summary"}),a&&!t&&e.jsxs("button",{onClick:()=>v(a,"summary.md","text/markdown"),className:"flex items-center gap-1 px-3 py-1 bg-gray-100 text-xs rounded-md hover:bg-gray-200",children:[e.jsx(j,{className:"w-4 h-4"})," Download Summary"]})]}),e.jsxs("div",{className:"flex-grow p-4 bg-background border border-border rounded-md overflow-y-auto",children:[t&&e.jsx("div",{className:"flex items-center justify-center h-full",children:e.jsx(f,{})}),x&&e.jsx("p",{className:"text-red-500",children:x}),a&&!t&&e.jsx(y,{content:a}),!t&&!a&&!x&&e.jsx("div",{className:"text-text-secondary h-full flex items-center justify-center",children:"AI summary will appear here."})]})]})]})]})]})};export{O as VisualGitTree};
+//# sourceMappingURL=VisualGitTree-CpR-Akou.js.map
diff --git a/assets/VisualGitTree-CpR-Akou.js.map b/assets/VisualGitTree-CpR-Akou.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..b25ba4befd29cf5ce0d3967ca5f5e215d70b3ee0
--- /dev/null
+++ b/assets/VisualGitTree-CpR-Akou.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"VisualGitTree-CpR-Akou.js","sources":["../../components/features/VisualGitTree.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect, useMemo } from 'react';\nimport { GitBranchIcon, ArrowDownTrayIcon } from '../icons.tsx';\nimport { generateChangelogFromLogStream } from '../../services/geminiService.ts';\nimport { LoadingSpinner } from './shared/LoadingSpinner.tsx';\nimport { MarkdownRenderer } from '../shared/index.tsx';\nimport { downloadFile } from '../../services/fileUtils.ts';\n\nconst exampleLog = `* commit 3a4b5c6d7e8f9g0h1i2j3k4l5m6n7o8p9q0r (HEAD -> main, origin/main)\n|\\\\  Merge: 1a2b3c4 2d3e4f5\n| | Author: Dev One <dev.one@example.com>\n| | Date:   Mon Jul 15 11:30:00 2024 -0400\n| |\n| |     feat: Implement collapsible sidebar navigation\n| |\n* | commit 2d3e4f5g6h7i8j9k0l1m2n3o4p5q6r7s8t9u (feature/new-sidebar)\n| | Author: Dev Two <dev.two@example.com>\n| | Date:   Mon Jul 15 10:00:00 2024 -0400\n| |\n| |     feat: Add icons to sidebar items\n| |\n* | commit 1a2b3c4d5e6f7g8h9i0j1k2l3m4n5o6p7q8r\n|/  Author: Dev One <dev.one@example.com>\n|   Date:   Fri Jul 12 16:45:00 2024 -0400\n|\n|       fix: Correct user authentication bug`;\n\nconst CommitGraph = ({ logInput }: { logInput: string }) => {\n    const commits = useMemo(() => {\n        const lines = logInput.split('\\n');\n        const parsedCommits: any[] = [];\n        let currentCommit: any = null;\n\n        lines.forEach(line => {\n            const commitMatch = line.match(/^.?[\\\\|/ ]*\\* commit (\\w+)(.*)/);\n            if (commitMatch) {\n                if (currentCommit) parsedCommits.push(currentCommit);\n                currentCommit = {\n                    hash: commitMatch[1],\n                    shortHash: commitMatch[1].substring(0, 7),\n                    refs: commitMatch[2].trim(),\n                    message: '',\n                    author: '',\n                };\n            } else if (currentCommit) {\n                 if (line.includes('Author:')) currentCommit.author = line.split('Author:')[1].trim();\n                 else if (line.trim().length > 0 && !line.match(/^[\\\\|/ ]*[\\\\|/ ]/)) {\n                     currentCommit.message += line.trim() + ' ';\n                 }\n            }\n        });\n        if (currentCommit) parsedCommits.push(currentCommit);\n        \n        return parsedCommits.map((c, i) => ({ ...c, x: 50, y: 50 + i * 60 }));\n    }, [logInput]);\n\n    return (\n         <svg width=\"100%\" height={50 + commits.length * 60} className=\"min-h-[200px]\">\n            {commits.map((commit, i) => {\n                const parent = commits[i + 1];\n                return (\n                    <g key={commit.hash}>\n                        {parent && <line x1={commit.x} y1={commit.y} x2={parent.x} y2={parent.y} stroke=\"var(--color-border)\" strokeWidth=\"2\" />}\n                        <g className=\"group cursor-pointer\">\n                            <circle cx={commit.x} cy={commit.y} r=\"8\" fill=\"var(--color-primary)\" stroke=\"var(--color-surface)\" strokeWidth=\"3\" />\n                            <foreignObject x={commit.x + 20} y={commit.y - 25} width=\"350\" height=\"50\">\n                                <div className=\"text-sm p-1\">\n                                    <p className=\"font-bold truncate text-text-primary\">{commit.message}</p>\n                                    <p className=\"text-xs text-text-secondary font-mono\">{commit.shortHash} <span className=\"text-amber-600\">{commit.refs}</span></p>\n                                </div>\n                            </foreignObject>\n                            <title>{`Commit: ${commit.hash}\\nAuthor: ${commit.author}\\n\\n${commit.message}`}</title>\n                        </g>\n                    </g>\n                );\n            })}\n        </svg>\n    );\n};\n\nexport const VisualGitTree: React.FC<{ logInput?: string }> = ({ logInput: initialLogInput }) => {\n    const [logInput, setLogInput] = useState(initialLogInput || exampleLog);\n    const [analysis, setAnalysis] = useState('');\n    const [isLoading, setIsLoading] = useState(false);\n    const [error, setError] = useState('');\n\n    const handleAnalyze = useCallback(async (logToAnalyze: string) => {\n        if (!logToAnalyze.trim()) {\n            setError('Please paste git log output.');\n            return;\n        }\n        setIsLoading(true);\n        setError('');\n        setAnalysis('');\n        try {\n            const stream = generateChangelogFromLogStream(logToAnalyze);\n            let fullResponse = '';\n            for await (const chunk of stream) {\n                fullResponse += chunk;\n                setAnalysis(fullResponse);\n            }\n        } catch (err) {\n            const errorMessage = err instanceof Error ? err.message : 'An unknown error occurred.';\n            setError(`Failed to analyze log: ${errorMessage}`);\n        } finally {\n            setIsLoading(false);\n        }\n    }, []);\n\n    useEffect(() => {\n        if (initialLogInput) {\n            setLogInput(initialLogInput);\n            handleAnalyze(initialLogInput);\n        }\n    }, [initialLogInput, handleAnalyze]);\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6\">\n                <h1 className=\"text-3xl font-bold flex items-center\">\n                    <GitBranchIcon />\n                    <span className=\"ml-3\">Visual Git Tree</span>\n                </h1>\n                <p className=\"text-text-secondary mt-1\">Paste your `git log --graph` output to visualize the history and get an AI summary.</p>\n            </header>\n            <div className=\"flex-grow grid grid-cols-1 lg:grid-cols-2 gap-6 h-full overflow-hidden\">\n                <div className=\"flex flex-col h-full\">\n                    <label htmlFor=\"log-input\" className=\"text-sm font-medium text-text-secondary mb-2\">Git Log Output</label>\n                    <textarea\n                        id=\"log-input\"\n                        value={logInput}\n                        onChange={(e) => setLogInput(e.target.value)}\n                        placeholder=\"Paste your git log output here...\"\n                        className=\"flex-grow p-4 bg-surface border border-border rounded-md resize-none font-mono text-sm\"\n                    />\n                    <button\n                        onClick={() => handleAnalyze(logInput)}\n                        disabled={isLoading}\n                        className=\"btn-primary mt-4 w-full flex items-center justify-center px-6 py-3\"\n                    >\n                        {isLoading ? <LoadingSpinner /> : 'Analyze & Summarize'}\n                    </button>\n                </div>\n                <div className=\"flex flex-col h-full gap-4\">\n                    <div className=\"flex flex-col h-1/2\">\n                        <label className=\"text-sm font-medium text-text-secondary mb-2\">Commit Graph</label>\n                        <div className=\"flex-grow p-2 bg-surface border border-border rounded-md overflow-auto\">\n                            <CommitGraph logInput={logInput} />\n                        </div>\n                    </div>\n                     <div className=\"flex flex-col h-1/2\">\n                        <div className=\"flex justify-between items-center mb-2\">\n                            <label className=\"text-sm font-medium text-text-secondary\">AI Summary</label>\n                            {analysis && !isLoading && (\n                                <button onClick={() => downloadFile(analysis, 'summary.md', 'text/markdown')} className=\"flex items-center gap-1 px-3 py-1 bg-gray-100 text-xs rounded-md hover:bg-gray-200\">\n                                    <ArrowDownTrayIcon className=\"w-4 h-4\"/> Download Summary\n                                </button>\n                            )}\n                        </div>\n                        <div className=\"flex-grow p-4 bg-background border border-border rounded-md overflow-y-auto\">\n                            {isLoading && <div className=\"flex items-center justify-center h-full\"><LoadingSpinner /></div>}\n                            {error && <p className=\"text-red-500\">{error}</p>}\n                            {analysis && !isLoading && <MarkdownRenderer content={analysis} />}\n                            {!isLoading && !analysis && !error && <div className=\"text-text-secondary h-full flex items-center justify-center\">AI summary will appear here.</div>}\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};"],"names":["exampleLog","CommitGraph","logInput","commits","useMemo","lines","parsedCommits","currentCommit","line","commitMatch","c","i","jsx","commit","parent","jsxs","VisualGitTree","initialLogInput","setLogInput","useState","analysis","setAnalysis","isLoading","setIsLoading","error","setError","handleAnalyze","useCallback","logToAnalyze","stream","generateChangelogFromLogStream","fullResponse","chunk","err","errorMessage","useEffect","GitBranchIcon","e","LoadingSpinner","downloadFile","ArrowDownTrayIcon","MarkdownRenderer"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/WorkerThreadDebugger-9JXvIaJw.js b/assets/WorkerThreadDebugger-9JXvIaJw.js
new file mode 100644
index 0000000000000000000000000000000000000000..45ad2ce403973c78d48f89944eadbb6a7dd50e6a
--- /dev/null
+++ b/assets/WorkerThreadDebugger-9JXvIaJw.js
@@ -0,0 +1,34 @@
+import{r as s,j as e}from"./react-DKy9e2uO.js";import{H as j,A as y,M as g}from"./index-Ck8YGBbR.js";import{f as b}from"./geminiService-Cgwdboli.js";import{L as p}from"./LoadingSpinner-B20BJ_HS.js";import{d as w}from"./fileUtils-Bw7t6Hrv.js";import"./bottleneck-Cpj98o6Y.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./@google-D80DdW2m.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const k=`// main.js
+const worker = new Worker('worker.js');
+
+// This object is sent back and forth.
+// A race condition can occur because both threads
+// read the counter, increment it, and send it back.
+// The final value depends on which thread's message
+// is processed last.
+const data = { counter: 0 };
+
+worker.onmessage = function(e) {
+  // Main thread reads and updates
+  data.counter = e.data.counter;
+  console.log('Main received:', data.counter);
+  data.counter++;
+  worker.postMessage(data);
+};
+
+// Start the process
+console.log('Main starting with:', data.counter);
+data.counter++;
+worker.postMessage(data);
+
+
+// worker.js
+// onmessage = function(e) {
+//   // Worker reads and updates
+//   let receivedCounter = e.data.counter;
+//   console.log('Worker received:', receivedCounter);
+//   receivedCounter++;
+//   postMessage({ counter: receivedCounter });
+// }
+`,F=({codeInput:t})=>{const[m,x]=s.useState(t||k),[a,u]=s.useState(""),[r,f]=s.useState(!1),[l,d]=s.useState(""),i=s.useCallback(async o=>{if(!o.trim()){d("Please paste some code to analyze.");return}f(!0),d(""),u("");try{const n=b(o);let c="";for await(const h of n)c+=h,u(c)}catch(n){const c=n instanceof Error?n.message:"An unknown error occurred.";d(`Failed to analyze code: ${c}`)}finally{f(!1)}},[]);return s.useEffect(()=>{t&&(x(t),i(t))},[t,i]),e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6",children:[e.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[e.jsx(j,{}),e.jsx("span",{className:"ml-3",children:"AI Concurrency Analyzer"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Analyze JavaScript code for potential Web Worker concurrency issues."})]}),e.jsxs("div",{className:"flex-grow flex flex-col gap-4 min-h-0",children:[e.jsxs("div",{className:"flex flex-col flex-1 min-h-0",children:[e.jsx("label",{htmlFor:"code-input",className:"text-sm font-medium text-text-secondary mb-2",children:"JavaScript Code"}),e.jsx("textarea",{id:"code-input",value:m,onChange:o=>x(o.target.value),placeholder:"Paste your worker-related JS code here...",className:"flex-grow p-4 bg-surface border border-border rounded-md resize-none font-mono text-sm"})]}),e.jsx("div",{className:"flex-shrink-0",children:e.jsx("button",{onClick:()=>i(m),disabled:r,className:"btn-primary w-full max-w-xs mx-auto flex items-center justify-center px-6 py-3",children:r?e.jsx(p,{}):"Analyze Code"})}),e.jsxs("div",{className:"flex flex-col flex-1 min-h-0",children:[e.jsxs("div",{className:"flex justify-between items-center mb-2",children:[e.jsx("label",{className:"text-sm font-medium text-text-secondary",children:"AI Analysis"}),a&&!r&&e.jsxs("button",{onClick:()=>w(a,"analysis.md","text/markdown"),className:"flex items-center gap-1 px-3 py-1 bg-gray-100 text-xs rounded-md hover:bg-gray-200",children:[e.jsx(y,{className:"w-4 h-4"})," Download"]})]}),e.jsxs("div",{className:"flex-grow p-4 bg-background border border-border rounded-md overflow-y-auto",children:[r&&e.jsx("div",{className:"flex items-center justify-center h-full",children:e.jsx(p,{})}),l&&e.jsx("p",{className:"text-red-500",children:l}),a&&!r&&e.jsx(g,{content:a}),!r&&!a&&!l&&e.jsx("div",{className:"text-text-secondary h-full flex items-center justify-center",children:"Analysis will appear here."})]})]})]})]})};export{F as WorkerThreadDebugger};
+//# sourceMappingURL=WorkerThreadDebugger-9JXvIaJw.js.map
diff --git a/assets/WorkerThreadDebugger-9JXvIaJw.js.map b/assets/WorkerThreadDebugger-9JXvIaJw.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..0d30eb450bcc22b808997a4c45736546981c3989
--- /dev/null
+++ b/assets/WorkerThreadDebugger-9JXvIaJw.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"WorkerThreadDebugger-9JXvIaJw.js","sources":["../../components/features/WorkerThreadDebugger.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from 'react';\nimport { BugAntIcon, ArrowDownTrayIcon } from '../icons.tsx';\nimport { analyzeConcurrencyStream } from '../../services/geminiService.ts';\nimport { LoadingSpinner } from './shared/LoadingSpinner.tsx';\nimport { MarkdownRenderer } from '../shared/index.tsx';\nimport { downloadFile } from '../../services/fileUtils.ts';\n\nconst exampleCode = `// main.js\nconst worker = new Worker('worker.js');\n\n// This object is sent back and forth.\n// A race condition can occur because both threads\n// read the counter, increment it, and send it back.\n// The final value depends on which thread's message\n// is processed last.\nconst data = { counter: 0 };\n\nworker.onmessage = function(e) {\n  // Main thread reads and updates\n  data.counter = e.data.counter;\n  console.log('Main received:', data.counter);\n  data.counter++;\n  worker.postMessage(data);\n};\n\n// Start the process\nconsole.log('Main starting with:', data.counter);\ndata.counter++;\nworker.postMessage(data);\n\n\n// worker.js\n// onmessage = function(e) {\n//   // Worker reads and updates\n//   let receivedCounter = e.data.counter;\n//   console.log('Worker received:', receivedCounter);\n//   receivedCounter++;\n//   postMessage({ counter: receivedCounter });\n// }\n`;\n\nexport const WorkerThreadDebugger: React.FC<{ codeInput?: string }> = ({ codeInput: initialCode }) => {\n    const [codeInput, setCodeInput] = useState(initialCode || exampleCode);\n    const [analysis, setAnalysis] = useState('');\n    const [isLoading, setIsLoading] = useState(false);\n    const [error, setError] = useState('');\n\n    const handleAnalyze = useCallback(async (codeToAnalyze: string) => {\n        if (!codeToAnalyze.trim()) {\n            setError('Please paste some code to analyze.');\n            return;\n        }\n        setIsLoading(true);\n        setError('');\n        setAnalysis('');\n        try {\n            const stream = analyzeConcurrencyStream(codeToAnalyze);\n            let fullResponse = '';\n            for await (const chunk of stream) {\n                fullResponse += chunk;\n                setAnalysis(fullResponse);\n            }\n        } catch (err) {\n            const errorMessage = err instanceof Error ? err.message : 'An unknown error occurred.';\n            setError(`Failed to analyze code: ${errorMessage}`);\n        } finally {\n            setIsLoading(false);\n        }\n    }, []);\n\n    useEffect(() => {\n        if (initialCode) {\n            setCodeInput(initialCode);\n            handleAnalyze(initialCode);\n        }\n    }, [initialCode, handleAnalyze]);\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6\">\n                <h1 className=\"text-3xl font-bold flex items-center\">\n                    <BugAntIcon />\n                    <span className=\"ml-3\">AI Concurrency Analyzer</span>\n                </h1>\n                <p className=\"text-text-secondary mt-1\">Analyze JavaScript code for potential Web Worker concurrency issues.</p>\n            </header>\n            <div className=\"flex-grow flex flex-col gap-4 min-h-0\">\n                <div className=\"flex flex-col flex-1 min-h-0\">\n                    <label htmlFor=\"code-input\" className=\"text-sm font-medium text-text-secondary mb-2\">JavaScript Code</label>\n                    <textarea\n                        id=\"code-input\"\n                        value={codeInput}\n                        onChange={(e) => setCodeInput(e.target.value)}\n                        placeholder=\"Paste your worker-related JS code here...\"\n                        className=\"flex-grow p-4 bg-surface border border-border rounded-md resize-none font-mono text-sm\"\n                    />\n                </div>\n                 <div className=\"flex-shrink-0\">\n                    <button\n                        onClick={() => handleAnalyze(codeInput)}\n                        disabled={isLoading}\n                        className=\"btn-primary w-full max-w-xs mx-auto flex items-center justify-center px-6 py-3\"\n                    >\n                        {isLoading ? <LoadingSpinner /> : 'Analyze Code'}\n                    </button>\n                </div>\n                <div className=\"flex flex-col flex-1 min-h-0\">\n                    <div className=\"flex justify-between items-center mb-2\">\n                        <label className=\"text-sm font-medium text-text-secondary\">AI Analysis</label>\n                        {analysis && !isLoading && (\n                             <button onClick={() => downloadFile(analysis, 'analysis.md', 'text/markdown')} className=\"flex items-center gap-1 px-3 py-1 bg-gray-100 text-xs rounded-md hover:bg-gray-200\">\n                                <ArrowDownTrayIcon className=\"w-4 h-4\"/> Download\n                            </button>\n                        )}\n                    </div>\n                    <div className=\"flex-grow p-4 bg-background border border-border rounded-md overflow-y-auto\">\n                        {isLoading && <div className=\"flex items-center justify-center h-full\"><LoadingSpinner /></div>}\n                        {error && <p className=\"text-red-500\">{error}</p>}\n                        {analysis && !isLoading && <MarkdownRenderer content={analysis} />}\n                        {!isLoading && !analysis && !error && <div className=\"text-text-secondary h-full flex items-center justify-center\">Analysis will appear here.</div>}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};"],"names":["exampleCode","WorkerThreadDebugger","initialCode","codeInput","setCodeInput","useState","analysis","setAnalysis","isLoading","setIsLoading","error","setError","handleAnalyze","useCallback","codeToAnalyze","stream","analyzeConcurrencyStream","fullResponse","chunk","err","errorMessage","useEffect","jsxs","jsx","BugAntIcon","e","LoadingSpinner","downloadFile","ArrowDownTrayIcon","MarkdownRenderer"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/XbrlConverter-B5wI7w13.js b/assets/XbrlConverter-B5wI7w13.js
new file mode 100644
index 0000000000000000000000000000000000000000..6e5e9d15393082179b2219c9b07875e0ca60fef4
--- /dev/null
+++ b/assets/XbrlConverter-B5wI7w13.js
@@ -0,0 +1,14 @@
+import{r as s,j as e}from"./react-DKy9e2uO.js";import{c as j}from"./geminiService-Cgwdboli.js";import{X as b,M as v}from"./index-Ck8YGBbR.js";import{L as d}from"./LoadingSpinner-B20BJ_HS.js";import"./bottleneck-Cpj98o6Y.js";import"./@google-D80DdW2m.js";import"./react-dom-CpxHE_eW.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./marked-CesSW9Du.js";import"./jszip-s56H2EZ-.js";const g=`{
+  "company": "ExampleCorp",
+  "year": 2024,
+  "quarter": 2,
+  "revenue": {
+    "amount": 1500000,
+    "currency": "USD"
+  },
+  "profit": {
+    "amount": 250000,
+    "currency": "USD"
+  }
+}`,R=({jsonInput:u})=>{const[i,p]=s.useState(u||g),[t,m]=s.useState(""),[r,x]=s.useState(!1),[l,c]=s.useState(""),f=s.useCallback(async n=>{if(!n.trim()){c("Please enter valid JSON to convert.");return}x(!0),c(""),m("");try{const o=j(n);let a="";for await(const h of o)a+=h,m(a)}catch(o){const a=o instanceof Error?o.message:"An unknown error occurred.";c(`Failed to convert: ${a}`)}finally{x(!1)}},[]);return e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6",children:[e.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[e.jsx(b,{}),e.jsx("span",{className:"ml-3",children:"JSON to XBRL Converter"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Convert JSON data into a simplified XBRL-like XML format using AI."})]}),e.jsxs("div",{className:"flex-grow flex flex-col gap-4 min-h-0",children:[e.jsxs("div",{className:"flex flex-col flex-1 min-h-0",children:[e.jsx("label",{htmlFor:"json-input",className:"text-sm font-medium text-text-secondary mb-2",children:"JSON Input"}),e.jsx("textarea",{id:"json-input",value:i,onChange:n=>p(n.target.value),placeholder:"Paste your JSON here...",className:"flex-grow p-4 bg-surface border border-border rounded-md resize-none font-mono text-sm"})]}),e.jsx("div",{className:"flex-shrink-0",children:e.jsx("button",{onClick:()=>f(i),disabled:r,className:"btn-primary w-full max-w-xs mx-auto flex items-center justify-center px-6 py-3",children:r?e.jsx(d,{}):"Convert to XBRL"})}),e.jsxs("div",{className:"flex flex-col flex-1 min-h-0",children:[e.jsx("label",{className:"text-sm font-medium text-text-secondary mb-2",children:"XBRL-like XML Output"}),e.jsxs("div",{className:"relative flex-grow p-1 bg-background border border-border rounded-md overflow-y-auto",children:[r&&!t&&e.jsx("div",{className:"flex items-center justify-center h-full",children:e.jsx(d,{})}),l&&e.jsx("p",{className:"p-4 text-red-500",children:l}),t&&e.jsx(v,{content:"```xml\n"+t.replace(/```xml\n|```/g,"")+"\n```"}),!r&&t&&e.jsx("button",{onClick:()=>navigator.clipboard.writeText(t),className:"absolute top-2 right-2 px-2 py-1 bg-gray-100 hover:bg-gray-200 rounded-md text-xs",children:"Copy XML"}),!r&&!t&&!l&&e.jsx("div",{className:"text-text-secondary h-full flex items-center justify-center",children:"Output will appear here."})]})]})]})]})};export{R as XbrlConverter};
+//# sourceMappingURL=XbrlConverter-B5wI7w13.js.map
diff --git a/assets/XbrlConverter-B5wI7w13.js.map b/assets/XbrlConverter-B5wI7w13.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..e211e8d80afb4cba6410ad3531713aa89cb2fa1b
--- /dev/null
+++ b/assets/XbrlConverter-B5wI7w13.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"XbrlConverter-B5wI7w13.js","sources":["../../components/features/XbrlConverter.tsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport { convertJsonToXbrlStream } from '../../services/geminiService.ts';\nimport { XbrlConverterIcon } from '../icons.tsx';\nimport { LoadingSpinner } from './shared/LoadingSpinner.tsx';\nimport { MarkdownRenderer } from '../shared/index.tsx';\n\nconst exampleJson = `{\n  \"company\": \"ExampleCorp\",\n  \"year\": 2024,\n  \"quarter\": 2,\n  \"revenue\": {\n    \"amount\": 1500000,\n    \"currency\": \"USD\"\n  },\n  \"profit\": {\n    \"amount\": 250000,\n    \"currency\": \"USD\"\n  }\n}`;\n\nexport const XbrlConverter: React.FC<{ jsonInput?: string }> = ({ jsonInput: initialJsonInput }) => {\n    const [jsonInput, setJsonInput] = useState<string>(initialJsonInput || exampleJson);\n    const [xbrlOutput, setXbrlOutput] = useState<string>('');\n    const [isLoading, setIsLoading] = useState<boolean>(false);\n    const [error, setError] = useState<string>('');\n\n    const handleConvert = useCallback(async (jsonToConvert: string) => {\n        if (!jsonToConvert.trim()) {\n            setError('Please enter valid JSON to convert.');\n            return;\n        }\n        setIsLoading(true);\n        setError('');\n        setXbrlOutput('');\n        try {\n            const stream = convertJsonToXbrlStream(jsonToConvert);\n            let fullResponse = '';\n            for await (const chunk of stream) {\n                fullResponse += chunk;\n                setXbrlOutput(fullResponse);\n            }\n        } catch (err) {\n            const errorMessage = err instanceof Error ? err.message : 'An unknown error occurred.';\n            setError(`Failed to convert: ${errorMessage}`);\n        } finally {\n            setIsLoading(false);\n        }\n    }, []);\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6\">\n                <h1 className=\"text-3xl font-bold flex items-center\">\n                    <XbrlConverterIcon />\n                    <span className=\"ml-3\">JSON to XBRL Converter</span>\n                </h1>\n                <p className=\"text-text-secondary mt-1\">Convert JSON data into a simplified XBRL-like XML format using AI.</p>\n            </header>\n            <div className=\"flex-grow flex flex-col gap-4 min-h-0\">\n                <div className=\"flex flex-col flex-1 min-h-0\">\n                    <label htmlFor=\"json-input\" className=\"text-sm font-medium text-text-secondary mb-2\">JSON Input</label>\n                    <textarea\n                        id=\"json-input\"\n                        value={jsonInput}\n                        onChange={(e) => setJsonInput(e.target.value)}\n                        placeholder=\"Paste your JSON here...\"\n                        className=\"flex-grow p-4 bg-surface border border-border rounded-md resize-none font-mono text-sm\"\n                    />\n                </div>\n                 <div className=\"flex-shrink-0\">\n                    <button\n                        onClick={() => handleConvert(jsonInput)}\n                        disabled={isLoading}\n                        className=\"btn-primary w-full max-w-xs mx-auto flex items-center justify-center px-6 py-3\"\n                    >\n                        {isLoading ? <LoadingSpinner /> : 'Convert to XBRL'}\n                    </button>\n                </div>\n                <div className=\"flex flex-col flex-1 min-h-0\">\n                    <label className=\"text-sm font-medium text-text-secondary mb-2\">XBRL-like XML Output</label>\n                    <div className=\"relative flex-grow p-1 bg-background border border-border rounded-md overflow-y-auto\">\n                        {isLoading && !xbrlOutput && <div className=\"flex items-center justify-center h-full\"><LoadingSpinner /></div>}\n                        {error && <p className=\"p-4 text-red-500\">{error}</p>}\n                        {xbrlOutput && <MarkdownRenderer content={'```xml\\n' + xbrlOutput.replace(/```xml\\n|```/g, '') + '\\n```'} />}\n                        {!isLoading && xbrlOutput && <button onClick={() => navigator.clipboard.writeText(xbrlOutput)} className=\"absolute top-2 right-2 px-2 py-1 bg-gray-100 hover:bg-gray-200 rounded-md text-xs\">Copy XML</button>}\n                        {!isLoading && !xbrlOutput && !error && <div className=\"text-text-secondary h-full flex items-center justify-center\">Output will appear here.</div>}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};"],"names":["exampleJson","XbrlConverter","initialJsonInput","jsonInput","setJsonInput","useState","xbrlOutput","setXbrlOutput","isLoading","setIsLoading","error","setError","handleConvert","useCallback","jsonToConvert","stream","convertJsonToXbrlStream","fullResponse","chunk","err","errorMessage","jsxs","jsx","XbrlConverterIcon","e","LoadingSpinner","MarkdownRenderer"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/geminiService-Cgwdboli.js b/assets/geminiService-Cgwdboli.js
new file mode 100644
index 0000000000000000000000000000000000000000..223054b81e20264556a901db70bc715358f86cc1
--- /dev/null
+++ b/assets/geminiService-Cgwdboli.js
@@ -0,0 +1,17 @@
+import{G as l,T as a}from"./@google-D80DdW2m.js";import{I as c}from"./index-Ck8YGBbR.js";const d="AIzaSyCl4hPv_njJ9qLytv1QNPE3MmCFZJr9Wgk",s=new l({apiKey:d});async function*t(e,o,i=.5){try{const r=await s.models.generateContentStream({model:"gemini-2.5-flash",contents:e,config:{systemInstruction:o,temperature:i}});for await(const n of r)yield n.text}catch(r){console.error("Error streaming from AI model:",r),c(r,{prompt:e,systemInstruction:o}),r instanceof Error?yield`An error occurred while communicating with the AI model: ${r.message}`:yield"An unknown error occurred while generating the response."}}async function p(e,o,i,r=.2){try{const n=await s.models.generateContent({model:"gemini-2.5-flash",contents:e,config:{systemInstruction:o,responseMimeType:"application/json",responseSchema:i,temperature:r}});return JSON.parse(n.text.trim())}catch(n){throw console.error("Error generating JSON from AI model:",n),c(n,{prompt:e,systemInstruction:o}),n}}const h=e=>t(`Generate a single valid JavaScript regex literal (e.g., /abc/gi) for the following description. Respond with ONLY the regex literal and nothing else: "${e}"`,"You are an expert in regular expressions. You only output valid JavaScript regex literals.",.7),f=e=>t({parts:[{text:"Generate a single-file React component using Tailwind CSS that looks like this image. Respond with only the code in a markdown block."},{inlineData:{mimeType:"image/png",data:e}}]},"You are an expert frontend developer specializing in React and Tailwind CSS. You create clean, functional components from screenshots."),u=e=>t(`Analyze this git log and create a changelog:
+
+\`\`\`
+${e}
+\`\`\``,"You are a git expert and project manager. Analyze the provided git log and generate a clean, categorized changelog in Markdown format. Group changes under 'Features' and 'Fixes'.",.6),y=e=>t(`Enhance this code snippet. Add comments, improve variable names, and refactor for clarity or performance if possible.
+
+\`\`\`
+${e}
+\`\`\``,"You are a senior software engineer who excels at improving code. Respond with only the enhanced code in a markdown block.",.5),S=e=>t(`Analyze this JavaScript code for potential concurrency issues, especially related to Web Workers. Identify race conditions, deadlocks, or inefficient data passing.
+
+\`\`\`javascript
+${e}
+\`\`\``,"You are an expert in JavaScript concurrency, web workers, and multi-threaded programming concepts.",.6),x=e=>t(`Convert the following JSON to a simplified, XBRL-like XML format. Use meaningful tags based on the JSON keys. The root element should be <xbrl>. Do not include XML declarations or namespaces.
+
+JSON:
+${e}`,"You are an expert in data formats who converts JSON to clean, XBRL-like XML."),w=async e=>{const o="You are a UI/UX design expert specializing in color theory. Generate a color theme based on the user's description. Provide hex codes for each color.",i=`Generate a color theme for: "${e}"`,r={type:a.OBJECT,properties:{primary:{type:a.STRING,description:"The primary accent color."},background:{type:a.STRING,description:"The main background color."},surface:{type:a.STRING,description:"The color for card backgrounds or surfaces."},textPrimary:{type:a.STRING,description:"The color for primary text."},textSecondary:{type:a.STRING,description:"The color for secondary or muted text."}},required:["primary","background","surface","textPrimary","textSecondary"]};return p(i,o,r)};export{f as a,w as b,x as c,u as d,y as e,S as f,h as g};
+//# sourceMappingURL=geminiService-Cgwdboli.js.map
diff --git a/assets/geminiService-Cgwdboli.js.map b/assets/geminiService-Cgwdboli.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..e428377d1689db3003142ede47011be26384b0fe
--- /dev/null
+++ b/assets/geminiService-Cgwdboli.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"geminiService-Cgwdboli.js","sources":["../../services/geminiService.ts"],"sourcesContent":["import { GoogleGenAI, Type, GenerateContentResponse, FunctionDeclaration, FunctionCall, Part } from \"@google/genai\";\nimport type { GeneratedFile, StructuredPrSummary, StructuredExplanation, ColorTheme } from '../types.ts';\nimport { logError } from './telemetryService.ts';\n\nconst API_KEY = process.env.GEMINI_API_KEY;\n\nif (!API_KEY) {\n  throw new Error(\"Gemini API key not found. Please set the GEMINI_API_KEY environment variable.\");\n}\nconst ai = new GoogleGenAI({ apiKey: API_KEY });\n\nconst sleep = (ms: number) => new Promise(resolve => setTimeout(resolve, ms));\n\n// --- Unified AI Helpers ---\n\nasync function* streamContent(prompt: string | { parts: any[] }, systemInstruction: string, temperature = 0.5) {\n    try {\n        const response = await ai.models.generateContentStream({\n            model: 'gemini-2.5-flash',\n            contents: prompt as any, // Cast to any to handle both string and parts object\n            config: { systemInstruction, temperature }\n        });\n\n        for await (const chunk of response) {\n            yield chunk.text;\n        }\n    } catch (error) {\n        console.error(\"Error streaming from AI model:\", error);\n        logError(error as Error, { prompt, systemInstruction });\n        if (error instanceof Error) {\n            yield `An error occurred while communicating with the AI model: ${error.message}`;\n        } else {\n            yield \"An unknown error occurred while generating the response.\";\n        }\n    }\n}\n\nasync function generateContent(prompt: string, systemInstruction: string, temperature = 0.5): Promise<string> {\n    try {\n        const response = await ai.models.generateContent({\n            model: 'gemini-2.5-flash',\n            contents: prompt,\n            config: { systemInstruction, temperature }\n        });\n        return response.text;\n    } catch (error) {\n         console.error(\"Error generating content from AI model:\", error);\n        logError(error as Error, { prompt, systemInstruction });\n        throw error;\n    }\n}\n\n\nasync function generateJson<T>(prompt: string, systemInstruction: string, schema: any, temperature = 0.2): Promise<T> {\n    try {\n        const response = await ai.models.generateContent({\n            model: \"gemini-2.5-flash\",\n            contents: prompt,\n            config: {\n                systemInstruction,\n                responseMimeType: \"application/json\",\n                responseSchema: schema,\n                temperature,\n            }\n        });\n        return JSON.parse(response.text.trim());\n    } catch (error) {\n        console.error(\"Error generating JSON from AI model:\", error);\n        logError(error as Error, { prompt, systemInstruction });\n        throw error;\n    }\n}\n\n\n// --- Unified Feature Functions (Streaming) ---\n\nexport const explainCodeStream = (code: string) => streamContent(\n    `Please explain the following code snippet:\\n\\n\\`\\`\\`\\n${code}\\n\\`\\`\\``,\n    \"You are an expert software engineer providing a clear, concise explanation of code.\"\n);\n\nexport const generateRegExStream = (description: string) => streamContent(\n    `Generate a single valid JavaScript regex literal (e.g., /abc/gi) for the following description. Respond with ONLY the regex literal and nothing else: \"${description}\"`,\n    \"You are an expert in regular expressions. You only output valid JavaScript regex literals.\",\n    0.7\n);\n\nexport const generateCommitMessageStream = (diff: string) => streamContent(\n    `Generate a conventional commit message for the following context of new files being added:\\n\\n${diff}`,\n    \"You are an expert programmer who writes excellent, conventional commit messages. The response should be only the commit message text.\",\n    0.8\n);\n\nexport const generateUnitTestsStream = (code: string) => streamContent(\n    `Generate Vitest unit tests for this React component code:\\n\\n\\`\\`\\`tsx\\n${code}\\n\\`\\`\\``,\n    \"You are a software quality engineer specializing in writing comprehensive and clear unit tests using Vitest and React Testing Library.\",\n    0.6\n);\n\nexport const formatCodeStream = (code: string) => streamContent(\n    `Format this code:\\n\\n\\`\\`\\`javascript\\n${code}\\n\\`\\`\\``,\n    \"You are a code formatter. Your only purpose is to format code. Respond with only the formatted code, enclosed in a single markdown block.\",\n    0.2\n);\n\nexport const generateComponentFromImageStream = (base64Image: string) => streamContent(\n    {\n        parts: [\n            { text: \"Generate a single-file React component using Tailwind CSS that looks like this image. Respond with only the code in a markdown block.\" },\n            { inlineData: { mimeType: 'image/png', data: base64Image } }\n        ]\n    },\n    \"You are an expert frontend developer specializing in React and Tailwind CSS. You create clean, functional components from screenshots.\"\n);\n\nexport const transcribeAudioToCodeStream = (base64Audio: string, mimeType: string) => streamContent(\n    {\n        parts: [\n            { text: \"Transcribe my speech into a code snippet. If I describe a function or component, write it out.\" },\n            { inlineData: { mimeType, data: base64Audio } }\n        ]\n    },\n    \"You are an expert programmer. You listen to a user's voice and transcribe their ideas into code.\"\n);\n\nexport const transferCodeStyleStream = (args: { code: string, styleGuide: string }) => streamContent(\n    `Rewrite the following code to match the provided style guide.\\n\\nStyle Guide:\\n${args.styleGuide}\\n\\nCode to rewrite:\\n\\`\\`\\`\\n${args.code}\\n\\`\\`\\``,\n    \"You are an AI assistant that rewrites code to match a specific style guide. Respond with only the rewritten code in a markdown block.\",\n    0.3\n);\n\nexport const generateCodingChallengeStream = (_: any) => streamContent(\n    `Generate a new, interesting coding challenge suitable for an intermediate developer. Include a clear problem description, one or two examples, and any constraints. Format it in markdown.`,\n    \"You are an AI that creates unique and interesting coding challenges for software developers.\",\n    0.9\n);\n\nexport const reviewCodeStream = (code: string) => streamContent(\n    `Please perform a detailed code review on the following code snippet. Identify potential bugs, suggest improvements for readability and performance, and point out any anti-patterns. Structure your feedback with clear headings.\\n\\n\\`\\`\\`\\n${code}\\n\\`\\`\\``,\n    \"You are a senior software engineer performing a code review. You are meticulous, helpful, and provide constructive feedback.\",\n    0.6\n);\n\nexport const generateChangelogFromLogStream = (log: string) => streamContent(\n    `Analyze this git log and create a changelog:\\n\\n\\`\\`\\`\\n${log}\\n\\`\\`\\``,\n    \"You are a git expert and project manager. Analyze the provided git log and generate a clean, categorized changelog in Markdown format. Group changes under 'Features' and 'Fixes'.\",\n    0.6\n);\n\nexport const enhanceSnippetStream = (code: string) => streamContent(\n    `Enhance this code snippet. Add comments, improve variable names, and refactor for clarity or performance if possible.\\n\\n\\`\\`\\`\\n${code}\\n\\`\\`\\``,\n    \"You are a senior software engineer who excels at improving code. Respond with only the enhanced code in a markdown block.\",\n    0.5\n);\n\nexport const summarizeNotesStream = (notes: string) => streamContent(\n    `Summarize these developer notes into a bulleted list of key points and action items:\\n\\n${notes}`,\n    \"You are a productivity assistant who is an expert at summarizing technical notes.\",\n    0.7\n);\n\nexport const migrateCodeStream = (code: string, from: string, to: string) => streamContent(\n    `Translate this ${from} code to ${to}. Respond with only the translated code in a markdown block.\\n\\n\\`\\`\\`\\n${code}\\n\\`\\`\\``,\n    `You are an expert polyglot programmer who specializes in migrating code between languages and frameworks.`,\n    0.4\n);\n\nexport const analyzeConcurrencyStream = (code: string) => streamContent(\n    `Analyze this JavaScript code for potential concurrency issues, especially related to Web Workers. Identify race conditions, deadlocks, or inefficient data passing.\\n\\n\\`\\`\\`javascript\\n${code}\\n\\`\\`\\``,\n    \"You are an expert in JavaScript concurrency, web workers, and multi-threaded programming concepts.\",\n    0.6\n);\n\nexport const debugErrorStream = (error: Error) => streamContent(\n    `I encountered an error in my React application. Here are the details:\n    \n    Message: ${error.message}\n    \n    Stack Trace:\n    ${error.stack}\n    \n    Please analyze this error. Provide a brief explanation of the likely cause, followed by a bulleted list of potential solutions or debugging steps. Structure your response in clear, concise markdown.`,\n    \"You are an expert software engineer specializing in debugging React applications. You provide clear, actionable advice to help developers solve errors.\"\n);\n\nexport const convertJsonToXbrlStream = (json: string) => streamContent(\n    `Convert the following JSON to a simplified, XBRL-like XML format. Use meaningful tags based on the JSON keys. The root element should be <xbrl>. Do not include XML declarations or namespaces.\\n\\nJSON:\\n${json}`,\n    \"You are an expert in data formats who converts JSON to clean, XBRL-like XML.\"\n);\n\n// --- Simple Generate Content ---\nexport const generateUnitTests = (code: string): Promise<string> => generateContent(\n    `Generate Vitest unit tests for this React component code:\\n\\n\\`\\`\\`tsx\\n${code}\\n\\`\\`\\``,\n    \"You are a software quality engineer specializing in writing unit tests. Respond with only the test code in a markdown block.\",\n    0.6\n);\n\nexport const generateCommitMessage = (diff: string): Promise<string> => generateContent(\n    `Generate a commit message for the following context of new files being added:\\n\\n${diff}`,\n    \"You are an expert programmer who writes excellent, conventional commit messages.\",\n    0.8\n);\n\n\n// --- STRUCTURED JSON ---\n\nexport const explainCodeStructured = async (code: string): Promise<StructuredExplanation> => {\n    const systemInstruction = \"You are an expert software engineer providing a structured analysis of a code snippet.\";\n    const prompt = `Analyze this code: \\n\\n\\`\\`\\`\\n${code}\\n\\`\\`\\``;\n    const schema = {\n        type: Type.OBJECT,\n        properties: {\n            summary: { type: Type.STRING, description: \"A high-level summary of what the code does.\" },\n            lineByLine: {\n                type: Type.ARRAY,\n                description: \"A line-by-line or block-by-block explanation.\",\n                items: {\n                    type: Type.OBJECT,\n                    properties: {\n                        lines: { type: Type.STRING, description: \"The line range, e.g., '1-5'.\" },\n                        explanation: { type: Type.STRING, description: \"The explanation for that line range.\" }\n                    },\n                    required: [\"lines\", \"explanation\"]\n                }\n            },\n            complexity: {\n                type: Type.OBJECT,\n                description: \"Big O notation for time and space complexity.\",\n                properties: {\n                    time: { type: Type.STRING, description: \"e.g., O(n^2)\" },\n                    space: { type: Type.STRING, description: \"e.g., O(1)\" }\n                },\n                required: [\"time\", \"space\"]\n            },\n            suggestions: {\n                type: Type.ARRAY,\n                description: \"Suggestions for improvement or alternatives.\",\n                items: { type: Type.STRING }\n            }\n        },\n        required: [\"summary\", \"lineByLine\", \"complexity\", \"suggestions\"]\n    };\n\n    return generateJson(prompt, systemInstruction, schema);\n}\n\nexport const generateThemeFromDescription = async (description: string): Promise<ColorTheme> => {\n    const systemInstruction = \"You are a UI/UX design expert specializing in color theory. Generate a color theme based on the user's description. Provide hex codes for each color.\";\n    const prompt = `Generate a color theme for: \"${description}\"`;\n    const schema = {\n        type: Type.OBJECT,\n        properties: {\n            primary: { type: Type.STRING, description: \"The primary accent color.\" },\n            background: { type: Type.STRING, description: \"The main background color.\" },\n            surface: { type: Type.STRING, description: \"The color for card backgrounds or surfaces.\" },\n            textPrimary: { type: Type.STRING, description: \"The color for primary text.\" },\n            textSecondary: { type: Type.STRING, description: \"The color for secondary or muted text.\" }\n        },\n        required: [\"primary\", \"background\", \"surface\", \"textPrimary\", \"textSecondary\"]\n    };\n    return generateJson(prompt, systemInstruction, schema);\n};\n\nexport const generatePrSummaryStructured = (diff: string): Promise<StructuredPrSummary> => {\n    const systemInstruction = \"You are an expert programmer who writes excellent PR summaries.\";\n    const prompt = `Generate a PR summary for the following diff:\\n\\n\\`\\`\\`diff\\n${diff}\\n\\`\\`\\``;\n    const schema = {\n        type: Type.OBJECT,\n        properties: {\n            title: { type: Type.STRING, description: \"A concise, conventional PR title.\" },\n            summary: { type: Type.STRING, description: \"A one or two sentence summary of the changes.\" },\n            changes: { type: Type.ARRAY, items: { type: Type.STRING }, description: \"A bulleted list of the most important changes.\" }\n        },\n        required: [\"title\", \"summary\", \"changes\"]\n    };\n    return generateJson(prompt, systemInstruction, schema);\n};\n\nexport const generateFeature = (prompt: string): Promise<GeneratedFile[]> => {\n    const systemInstruction = \"You are an AI that generates complete, production-ready React components. Create all necessary files (component, styles, etc.).\";\n    const userPrompt = `Generate the files for the following feature request: \"${prompt}\". Make sure to include a .tsx component file.`;\n    const schema = {\n        type: Type.ARRAY,\n        items: {\n            type: Type.OBJECT,\n            properties: {\n                filePath: { type: Type.STRING, description: \"The full path of the file, e.g., 'src/components/MyComponent.tsx'.\" },\n                content: { type: Type.STRING, description: \"The complete code content of the file.\" },\n                description: { type: Type.STRING, description: \"A brief description of what this file does.\" }\n            },\n            required: [\"filePath\", \"content\", \"description\"]\n        }\n    };\n    return generateJson(userPrompt, systemInstruction, schema);\n};\n\nexport interface CronParts {\n    minute: string;\n    hour: string;\n    dayOfMonth: string;\n    month: string;\n    dayOfWeek: string;\n}\nexport const generateCronFromDescription = (description: string): Promise<CronParts> => {\n    const systemInstruction = \"You are an expert in cron expressions. Convert the user's description into a valid cron expression parts.\";\n    const prompt = `Convert this schedule to a cron expression: \"${description}\"`;\n    const schema = {\n        type: Type.OBJECT,\n        properties: {\n            minute: { type: Type.STRING },\n            hour: { type: Type.STRING },\n            dayOfMonth: { type: Type.STRING },\n            month: { type: Type.STRING },\n            dayOfWeek: { type: Type.STRING }\n        },\n        required: [\"minute\", \"hour\", \"dayOfMonth\", \"month\", \"dayOfWeek\"]\n    };\n    return generateJson(prompt, systemInstruction, schema);\n};\n\nexport const generateColorPalette = (baseColor: string): Promise<{ colors: string[] }> => {\n    const systemInstruction = \"You are a color theory expert. Generate a 6-color palette based on the given base color.\";\n    const prompt = `Generate a harmonious 6-color palette based on the color ${baseColor}.`;\n    const schema = {\n        type: Type.OBJECT,\n        properties: {\n            colors: { type: Type.ARRAY, items: { type: Type.STRING } }\n        },\n        required: [\"colors\"]\n    };\n    return generateJson(prompt, systemInstruction, schema);\n};\n\n// --- FUNCTION CALLING ---\nexport interface CommandResponse {\n    text: string;\n    functionCalls?: { name: string; args: any; }[];\n}\n\nexport const getInferenceFunction = async (prompt: string, functionDeclarations: FunctionDeclaration[], knowledgeBase: string): Promise<CommandResponse> => {\n    try {\n        const systemInstruction = `You are a helpful assistant for a developer tool. The user will ask you to perform a task.\n        Based on your knowledge base of available tools, you must decide which function to call to satisfy the user's request.\n        If no specific tool seems appropriate, you can respond with text.\n        \n        Knowledge Base of Available Tools:\n        ${knowledgeBase}`;\n\n        const response: GenerateContentResponse = await ai.models.generateContent({\n            model: \"gemini-2.5-flash\",\n            contents: prompt,\n            config: {\n                systemInstruction,\n                tools: [{ functionDeclarations }],\n            }\n        });\n\n        const functionCalls: { name: string, args: any }[] = [];\n        const parts: Part[] = response.candidates?.[0]?.content?.parts ?? [];\n        \n        for (const part of parts) {\n            if (part.functionCall) {\n                functionCalls.push({\n                    name: part.functionCall.name,\n                    args: part.functionCall.args,\n                });\n            }\n        }\n        \n        return {\n            text: response.text,\n            functionCalls: functionCalls.length > 0 ? functionCalls : undefined,\n        };\n\n    } catch (error) {\n        logError(error as Error, { prompt });\n        throw error;\n    }\n};\n\n\n/**\n * Generates an image from a text prompt using the Gemini API via fetch.\n * Includes a retry mechanism with exponential backoff for improved reliability.\n * @param prompt A text description of the image to generate.\n * @returns A promise that resolves with the data URL of the generated image.\n */\nexport const generateImage = async (prompt: string): Promise<string> => {\n    const API_URL = \"https://generativelanguage.googleapis.com/v1beta/models/gemini-2.0-flash-preview-image-generation:generateContent\";\n    const API_KEY = process.env.GEMINI_API_KEY;\n\n    if (!API_KEY) {\n        throw new Error(\"Gemini API key not found.\");\n    }\n\n    const body = {\n        \"contents\": [{\n            \"parts\": [\n                { \"text\": prompt }\n            ]\n        }],\n        \"generationConfig\": { \"responseModalities\": [\"TEXT\", \"IMAGE\"] }\n    };\n\n    const MAX_RETRIES = 3;\n    let lastError: Error | null = null;\n\n    for (let i = 0; i < MAX_RETRIES; i++) {\n        try {\n            const response = await fetch(API_URL, {\n                method: 'POST',\n                headers: {\n                    'x-goog-api-key': API_KEY,\n                    'Content-Type': 'application/json',\n                },\n                body: JSON.stringify(body),\n            });\n\n            if (!response.ok) {\n                const errorText = await response.text();\n                throw new Error(`API request failed with status ${response.status}: ${errorText}`);\n            }\n\n            const data = await response.json();\n\n            const imagePart = data.candidates?.[0]?.content?.parts?.find(\n                (part: any) => part.inlineData && part.inlineData.mimeType.startsWith('image/')\n            );\n\n            if (imagePart && imagePart.inlineData.data) {\n                const base64Image = imagePart.inlineData.data;\n                const mimeType = imagePart.inlineData.mimeType;\n                return `data:${mimeType};base64,${base64Image}`;\n            }\n\n            const textResponse = data.candidates?.[0]?.content?.parts?.find((p: any) => p.text)?.text;\n            if (textResponse) {\n                 throw new Error(`API returned text instead of an image: ${textResponse}`);\n            }\n            throw new Error(\"API response did not contain valid image data.\");\n\n        } catch (error) {\n            lastError = error instanceof Error ? error : new Error(String(error));\n            logError(lastError, { context: 'generateImageFetch', attempt: i + 1, prompt });\n            console.warn(`Attempt ${i + 1} failed. Retrying in ${Math.pow(2, i)}s...`);\n            if (i < MAX_RETRIES - 1) {\n                await sleep(1000 * Math.pow(2, i)); // Exponential backoff: 1s, 2s\n            }\n        }\n    }\n\n    throw new Error(`Failed to generate image after ${MAX_RETRIES} attempts. The service may be busy or the prompt may have been blocked. Please try again with a different prompt. Last error: ${lastError?.message}`);\n};"],"names":["API_KEY","ai","GoogleGenAI","streamContent","prompt","systemInstruction","temperature","response","chunk","error","logError","generateJson","schema","generateRegExStream","description","generateComponentFromImageStream","base64Image","generateChangelogFromLogStream","log","enhanceSnippetStream","code","analyzeConcurrencyStream","convertJsonToXbrlStream","json","generateThemeFromDescription","Type"],"mappings":"yFAIA,MAAMA,EAAU,0CAKVC,EAAK,IAAIC,EAAY,CAAE,OAAQF,EAAS,EAM9C,eAAgBG,EAAcC,EAAmCC,EAA2BC,EAAc,GAAK,CAC3G,GAAI,CACA,MAAMC,EAAW,MAAMN,EAAG,OAAO,sBAAsB,CACnD,MAAO,mBACP,SAAUG,EACV,OAAQ,CAAE,kBAAAC,EAAmB,YAAAC,CAAA,CAAY,CAC5C,EAED,gBAAiBE,KAASD,EACtB,MAAMC,EAAM,IAEpB,OAASC,EAAO,CACZ,QAAQ,MAAM,iCAAkCA,CAAK,EACrDC,EAASD,EAAgB,CAAE,OAAAL,EAAQ,kBAAAC,CAAA,CAAmB,EAClDI,aAAiB,MACjB,KAAM,4DAA4DA,EAAM,OAAO,GAE/E,KAAM,0DAEd,CACJ,CAkBA,eAAeE,EAAgBP,EAAgBC,EAA2BO,EAAaN,EAAc,GAAiB,CAClH,GAAI,CACA,MAAMC,EAAW,MAAMN,EAAG,OAAO,gBAAgB,CAC7C,MAAO,mBACP,SAAUG,EACV,OAAQ,CACJ,kBAAAC,EACA,iBAAkB,mBAClB,eAAgBO,EAChB,YAAAN,CAAA,CACJ,CACH,EACD,OAAO,KAAK,MAAMC,EAAS,KAAK,MAAM,CAC1C,OAASE,EAAO,CACZ,cAAQ,MAAM,uCAAwCA,CAAK,EAC3DC,EAASD,EAAgB,CAAE,OAAAL,EAAQ,kBAAAC,CAAA,CAAmB,EAChDI,CACV,CACJ,CAUO,MAAMI,EAAuBC,GAAwBX,EACxD,0JAA0JW,CAAW,IACrK,6FACA,EACJ,EAoBaC,EAAoCC,GAAwBb,EACrE,CACI,MAAO,CACH,CAAE,KAAM,uIAAA,EACR,CAAE,WAAY,CAAE,SAAU,YAAa,KAAMa,EAAY,CAAE,CAC/D,EAEJ,wIACJ,EA8BaC,EAAkCC,GAAgBf,EAC3D;AAAA;AAAA;AAAA,EAA2De,CAAG;AAAA,QAC9D,qLACA,EACJ,EAEaC,EAAwBC,GAAiBjB,EAClD;AAAA;AAAA;AAAA,EAAoIiB,CAAI;AAAA,QACxI,4HACA,EACJ,EAcaC,EAA4BD,GAAiBjB,EACtD;AAAA;AAAA;AAAA,EAA4LiB,CAAI;AAAA,QAChM,qGACA,EACJ,EAcaE,EAA2BC,GAAiBpB,EACrD;AAAA;AAAA;AAAA,EAA6MoB,CAAI,GACjN,8EACJ,EA0DaC,EAA+B,MAAOV,GAA6C,CAC5F,MAAMT,EAAoB,wJACpBD,EAAS,gCAAgCU,CAAW,IACpDF,EAAS,CACX,KAAMa,EAAK,OACX,WAAY,CACR,QAAS,CAAE,KAAMA,EAAK,OAAQ,YAAa,2BAAA,EAC3C,WAAY,CAAE,KAAMA,EAAK,OAAQ,YAAa,4BAAA,EAC9C,QAAS,CAAE,KAAMA,EAAK,OAAQ,YAAa,6CAAA,EAC3C,YAAa,CAAE,KAAMA,EAAK,OAAQ,YAAa,6BAAA,EAC/C,cAAe,CAAE,KAAMA,EAAK,OAAQ,YAAa,wCAAA,CAAyC,EAE9F,SAAU,CAAC,UAAW,aAAc,UAAW,cAAe,eAAe,CAAA,EAEjF,OAAOd,EAAaP,EAAQC,EAAmBO,CAAM,CACzD"}
\ No newline at end of file
diff --git a/assets/index-Ck8YGBbR.js b/assets/index-Ck8YGBbR.js
new file mode 100644
index 0000000000000000000000000000000000000000..143441b3b6fe297f1874788eb592fad3cfdfdaf7
--- /dev/null
+++ b/assets/index-Ck8YGBbR.js
@@ -0,0 +1,57 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/AiCodeExplainer-CE0_1KFz.js","assets/react-DKy9e2uO.js","assets/bottleneck-Cpj98o6Y.js","assets/react-dom-CpxHE_eW.js","assets/scheduler-DYLXRpC5.js","assets/idb-Dob3nYDb.js","assets/@google-D80DdW2m.js","assets/marked-CesSW9Du.js","assets/jszip-s56H2EZ-.js","assets/AiFeatureBuilder-qJcM7Vps.js","assets/RegexSandbox-7zc7R8DT.js","assets/geminiService-Cgwdboli.js","assets/LoadingSpinner-B20BJ_HS.js","assets/SnippetVault-Cq8pB43n.js","assets/fileUtils-Bw7t6Hrv.js","assets/CssGridEditor-Tggo3uo4.js","assets/AiCommitGenerator-C6eo_GuV.js","assets/JsonTreeNavigator-wiByc32v.js","assets/XbrlConverter-B5wI7w13.js","assets/AiUnitTestGenerator-Bawbasui.js","assets/PromptCraftPad-CLnFwMOJ.js","assets/CodeFormatter-B5J1ivDG.js","assets/SchemaDesigner-DAGfu-WA.js","assets/PwaManifestEditor-CDkRs4zs.js","assets/MarkdownSlides-JjWHLefE.js","assets/ScreenshotToComponent-S_UZI9HE.js","assets/DigitalWhiteboard-mqmKu9Bh.js","assets/ThemeDesigner-BdQC6qrK.js","assets/react-colorful-4Kqy2sC7.js","assets/SvgPathEditor-CNIEkpCa.js","assets/AiStyleTransfer-DgF2wuEc.js","assets/AiCodingChallenge-BPl6fZNR.js","assets/TypographyLab-Db6ABU3D.js","assets/CodeReviewBot-2UF5jWqT.js","assets/AiPullRequestAssistant-auR4G7bZ.js","assets/diff-DcU-ljqw.js","assets/ChangelogGenerator-DhzKekFT.js","assets/CronJobBuilder-DxMd1_TG.js","assets/AiCodeMigrator-BXc_JDlt.js","assets/VisualGitTree-CpR-Akou.js","assets/WorkerThreadDebugger-9JXvIaJw.js","assets/AiImageGenerator-BYtIGaX5.js","assets/AsyncCallTreeViewer-D_OioVtl.js","assets/AudioToCode-DhNgjuEC.js","assets/CodeDiffGhost-Q06Vp3v6.js","assets/CodeSpellChecker-BolIHiVP.js","assets/ColorPaletteGenerator-Cvsu53-R.js","assets/LogicFlowBuilder-iHo46zDC.js","assets/MetaTagEditor-uPETDQxa.js","assets/NetworkVisualizer-Cx-AAdTT.js","assets/ResponsiveTester-DppCccuL.js","assets/SassScssCompiler-C-9XrEq1.js"])))=>i.map(i=>d[i]);
+import{r as x,j as e,R as u}from"./react-DKy9e2uO.js";import{c as le}from"./react-dom-CpxHE_eW.js";import{o as ce}from"./idb-Dob3nYDb.js";import{G as de,T as g}from"./@google-D80DdW2m.js";import{m as me}from"./marked-CesSW9Du.js";import{J as he}from"./jszip-s56H2EZ-.js";import"./bottleneck-Cpj98o6Y.js";import"./scheduler-DYLXRpC5.js";(function(){const r=document.createElement("link").relList;if(r&&r.supports&&r.supports("modulepreload"))return;for(const s of document.querySelectorAll('link[rel="modulepreload"]'))a(s);new MutationObserver(s=>{for(const n of s)if(n.type==="childList")for(const i of n.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&a(i)}).observe(document,{childList:!0,subtree:!0});function o(s){const n={};return s.integrity&&(n.integrity=s.integrity),s.referrerPolicy&&(n.referrerPolicy=s.referrerPolicy),s.crossOrigin==="use-credentials"?n.credentials="include":s.crossOrigin==="anonymous"?n.credentials="omit":n.credentials="same-origin",n}function a(s){if(s.ep)return;s.ep=!0;const n=o(s);fetch(s.href,n)}})();const pe=!0,X=t=>{const r={};for(const o in t)if(Object.prototype.hasOwnProperty.call(t,o)){const a=t[o];typeof a=="string"&&a.length>500?r[o]=`${a.substring(0,100)}... (truncated)`:r[o]=a}return r},E=(t,r={})=>{console.log(`%c[TELEMETRY EVENT]%c ${t}`,"color: #84cc16; font-weight: bold;","color: inherit;",X(r))},C=(t,r={})=>{console.error(`%c[TELEMETRY ERROR]%c ${t.message}`,"color: #ef4444; font-weight: bold;","color: inherit;",{error:t,context:X(r),stack:t.stack})},R=async(t,r)=>{const o=performance.now();try{const a=await r(),n=performance.now()-o;return pe&&console.log(`%c[TELEMETRY PERF]%c ${t}`,"color: #3b82f6; font-weight: bold;","color: inherit;",{duration:`${n.toFixed(2)}ms`}),a}catch(a){const n=performance.now()-o;throw console.warn(`%c[TELEMETRY PERF FAILED]%c ${t}`,"color: #f97316; font-weight: bold;","color: inherit;",{duration:`${n.toFixed(2)}ms`,error:a}),a}};let F=null;const M=()=>{if(!F)throw new Error("Octokit has not been initialized. Please authenticate first.");return F},ue=async()=>(E("logout"),F=null,Promise.resolve()),Y=async()=>R("getRepos",async()=>{E("getRepos_start");try{const t=M(),{data:r}=await t.request("GET /user/repos",{type:"owner",sort:"updated",per_page:100});return E("getRepos_success",{count:r.length}),r}catch(t){throw C(t,{context:"getRepos"}),new Error(`Failed to fetch repositories: ${t.message}`)}}),xe=async(t,r)=>R("deleteRepo",async()=>{E("deleteRepo_start",{owner:t,repo:r});try{await M().request("DELETE /repos/{owner}/{repo}",{owner:t,repo:r}),E("deleteRepo_success",{owner:t,repo:r})}catch(o){throw C(o,{context:"deleteRepo",owner:t,repo:r}),new Error(`Failed to delete repository: ${o.message}`)}}),ge=async(t,r)=>R("getRepoTree",async()=>{E("getRepoTree_start",{owner:t,repo:r});try{const o=M(),{data:a}=await o.request("GET /repos/{owner}/{repo}",{owner:t,repo:r}),s=a.default_branch,{data:n}=await o.request("GET /repos/{owner}/{repo}/branches/{branch}",{owner:t,repo:r,branch:s}),i=n.commit.commit.tree.sha,{data:c}=await o.request("GET /repos/{owner}/{repo}/git/trees/{tree_sha}",{owner:t,repo:r,tree_sha:i,recursive:"true"}),l={name:r,type:"folder",path:"",children:[]};return c.tree.forEach(h=>{if(!h.path)return;const m=h.path.split("/");let y=l;m.forEach((k,v)=>{y.children||(y.children=[]);let b=y.children.find(p=>p.name===k);if(!b){const p=v===m.length-1;b={name:k,path:m.slice(0,v+1).join("/"),type:p?h.type==="tree"?"folder":"file":"folder"},b.type==="folder"&&(b.children=[]),y.children.push(b)}y=b})}),E("getRepoTree_success",{owner:t,repo:r,items:c.tree.length}),l}catch(o){throw C(o,{context:"getRepoTree",owner:t,repo:r}),new Error(`Failed to fetch repository tree: ${o.message}`)}}),fe=async(t,r,o)=>R("getFileContent",async()=>{E("getFileContent_start",{owner:t,repo:r,path:o});try{const a=M(),{data:s}=await a.request("GET /repos/{owner}/{repo}/contents/{path}",{owner:t,repo:r,path:o});if(Array.isArray(s)||s.type!=="file"||typeof s.content!="string")throw new Error("Path did not point to a valid file or content was missing.");const n=atob(s.content);return E("getFileContent_success",{owner:t,repo:r,path:o,size:n.length}),n}catch(a){throw C(a,{context:"getFileContent",owner:t,repo:r,path:o}),new Error(`Failed to fetch file content for "${o}": ${a.message}`)}}),we=async(t,r,o,a,s="main")=>R("commitFiles",async()=>{E("commitFiles_start",{owner:t,repo:r,fileCount:o.length,branch:s});const n=M();try{const{data:i}=await n.request("GET /repos/{owner}/{repo}/git/ref/{ref}",{owner:t,repo:r,ref:`heads/${s}`}),c=i.object.sha,{data:l}=await n.request("GET /repos/{owner}/{repo}/git/commits/{commit_sha}",{owner:t,repo:r,commit_sha:c}),h=l.tree.sha,m=o.map(p=>n.request("POST /repos/{owner}/{repo}/git/blobs",{owner:t,repo:r,content:p.content,encoding:"utf-8"})),k=(await Promise.all(m)).map((p,j)=>({path:o[j].filePath,mode:"100644",type:"blob",sha:p.data.sha})),{data:v}=await n.request("POST /repos/{owner}/{repo}/git/trees",{owner:t,repo:r,base_tree:h,tree:k}),{data:b}=await n.request("POST /repos/{owner}/{repo}/git/commits",{owner:t,repo:r,message:a,tree:v.sha,parents:[c]});return await n.request("PATCH /repos/{owner}/{repo}/git/refs/{ref}",{owner:t,repo:r,ref:`heads/${s}`,sha:b.sha}),E("commitFiles_success",{commitUrl:b.html_url}),b.html_url}catch(i){throw C(i,{context:"commitFiles",owner:t,repo:r,branch:s}),new Error(`Failed to commit files: ${i.message}`)}}),ye="AIzaSyCl4hPv_njJ9qLytv1QNPE3MmCFZJr9Wgk",W=new de({apiKey:ye}),ve=t=>new Promise(r=>setTimeout(r,t));async function*I(t,r,o=.5){try{const a=await W.models.generateContentStream({model:"gemini-2.5-flash",contents:t,config:{systemInstruction:r,temperature:o}});for await(const s of a)yield s.text}catch(a){console.error("Error streaming from AI model:",a),C(a,{prompt:t,systemInstruction:r}),a instanceof Error?yield`An error occurred while communicating with the AI model: ${a.message}`:yield"An unknown error occurred while generating the response."}}async function P(t,r,o,a=.2){try{const s=await W.models.generateContent({model:"gemini-2.5-flash",contents:t,config:{systemInstruction:r,responseMimeType:"application/json",responseSchema:o,temperature:a}});return JSON.parse(s.text.trim())}catch(s){throw console.error("Error generating JSON from AI model:",s),C(s,{prompt:t,systemInstruction:r}),s}}const ur=t=>I(`Generate a conventional commit message for the following context of new files being added:
+
+${t}`,"You are an expert programmer who writes excellent, conventional commit messages. The response should be only the commit message text.",.8),xr=t=>I(`Generate Vitest unit tests for this React component code:
+
+\`\`\`tsx
+${t}
+\`\`\``,"You are a software quality engineer specializing in writing comprehensive and clear unit tests using Vitest and React Testing Library.",.6),gr=t=>I(`Format this code:
+
+\`\`\`javascript
+${t}
+\`\`\``,"You are a code formatter. Your only purpose is to format code. Respond with only the formatted code, enclosed in a single markdown block.",.2),fr=(t,r)=>I({parts:[{text:"Transcribe my speech into a code snippet. If I describe a function or component, write it out."},{inlineData:{mimeType:r,data:t}}]},"You are an expert programmer. You listen to a user's voice and transcribe their ideas into code."),wr=t=>I(`Rewrite the following code to match the provided style guide.
+
+Style Guide:
+${t.styleGuide}
+
+Code to rewrite:
+\`\`\`
+${t.code}
+\`\`\``,"You are an AI assistant that rewrites code to match a specific style guide. Respond with only the rewritten code in a markdown block.",.3),yr=t=>I("Generate a new, interesting coding challenge suitable for an intermediate developer. Include a clear problem description, one or two examples, and any constraints. Format it in markdown.","You are an AI that creates unique and interesting coding challenges for software developers.",.9),vr=t=>I(`Please perform a detailed code review on the following code snippet. Identify potential bugs, suggest improvements for readability and performance, and point out any anti-patterns. Structure your feedback with clear headings.
+
+\`\`\`
+${t}
+\`\`\``,"You are a senior software engineer performing a code review. You are meticulous, helpful, and provide constructive feedback.",.6),jr=t=>I(`Analyze this git log and create a changelog:
+
+\`\`\`
+${t}
+\`\`\``,"You are a git expert and project manager. Analyze the provided git log and generate a clean, categorized changelog in Markdown format. Group changes under 'Features' and 'Fixes'.",.6),br=t=>I(`Summarize these developer notes into a bulleted list of key points and action items:
+
+${t}`,"You are a productivity assistant who is an expert at summarizing technical notes.",.7),kr=(t,r,o)=>I(`Translate this ${r} code to ${o}. Respond with only the translated code in a markdown block.
+
+\`\`\`
+${t}
+\`\`\``,"You are an expert polyglot programmer who specializes in migrating code between languages and frameworks.",.4),je=t=>I(`I encountered an error in my React application. Here are the details:
+    
+    Message: ${t.message}
+    
+    Stack Trace:
+    ${t.stack}
+    
+    Please analyze this error. Provide a brief explanation of the likely cause, followed by a bulleted list of potential solutions or debugging steps. Structure your response in clear, concise markdown.`,"You are an expert software engineer specializing in debugging React applications. You provide clear, actionable advice to help developers solve errors."),Cr=async t=>P(`Analyze this code: 
+
+\`\`\`
+${t}
+\`\`\``,"You are an expert software engineer providing a structured analysis of a code snippet.",{type:g.OBJECT,properties:{summary:{type:g.STRING},lineByLine:{type:g.ARRAY,items:{type:g.OBJECT,properties:{lines:{type:g.STRING},explanation:{type:g.STRING}},required:["lines","explanation"]}},complexity:{type:g.OBJECT,properties:{time:{type:g.STRING},space:{type:g.STRING}},required:["time","space"]},suggestions:{type:g.ARRAY,items:{type:g.STRING}}},required:["summary","lineByLine","complexity","suggestions"]}),Er=t=>P(`Generate a PR summary for the following diff:
+
+\`\`\`diff
+${t}
+\`\`\``,"You are an expert programmer who writes excellent PR summaries.",{type:g.OBJECT,properties:{title:{type:g.STRING},summary:{type:g.STRING},changes:{type:g.ARRAY,items:{type:g.STRING}}},required:["title","summary","changes"]}),Ir=t=>P(`Generate the files for the following feature request: "${t}". Make sure to include a .tsx component file.`,"You are an AI that generates complete, production-ready React components. Create all necessary files (component, styles, etc.).",{type:g.ARRAY,items:{type:g.OBJECT,properties:{filePath:{type:g.STRING},content:{type:g.STRING},description:{type:g.STRING}},required:["filePath","content","description"]}}),Ar=t=>P(`Convert this schedule to a cron expression: "${t}"`,"You are an expert in cron expressions. Convert the user's description into a valid cron expression parts.",{type:g.OBJECT,properties:{minute:{type:g.STRING},hour:{type:g.STRING},dayOfMonth:{type:g.STRING},month:{type:g.STRING},dayOfWeek:{type:g.STRING}},required:["minute","hour","dayOfMonth","month","dayOfWeek"]}),_r=t=>P(`Generate a harmonious 6-color palette based on the color ${t}.`,"You are a color theory expert. Generate a 6-color palette based on the given base color.",{type:g.OBJECT,properties:{colors:{type:g.ARRAY,items:{type:g.STRING}}},required:["colors"]}),be=async(t,r,o)=>{var a,s,n;try{const i=await W.models.generateContent({model:"gemini-2.5-flash",contents:t,config:{systemInstruction:`You are a helpful assistant for a developer tool. The user will ask you to perform a task.
+        Based on your knowledge base of available tools, you must decide which function to call to satisfy the user's request.
+        If no specific tool seems appropriate, you can respond with text.
+        
+        Knowledge Base of Available Tools:
+        ${o}`,tools:[{functionDeclarations:r}]}}),c=[],l=((n=(s=(a=i.candidates)==null?void 0:a[0])==null?void 0:s.content)==null?void 0:n.parts)??[];for(const h of l)h.functionCall&&c.push({name:h.functionCall.name,args:h.functionCall.args});return{text:i.text,functionCalls:c.length>0?c:void 0}}catch(i){throw C(i,{prompt:t}),i}},Tr=async t=>{var i,c,l,h,m,y,k,v,b;const r="https://generativelanguage.googleapis.com/v1beta/models/gemini-2.0-flash-preview-image-generation:generateContent",o="AIzaSyCl4hPv_njJ9qLytv1QNPE3MmCFZJr9Wgk",a={contents:[{parts:[{text:t}]}],generationConfig:{responseModalities:["TEXT","IMAGE"]}},s=3;let n=null;for(let p=0;p<s;p++)try{const j=await fetch(r,{method:"POST",headers:{"x-goog-api-key":o,"Content-Type":"application/json"},body:JSON.stringify(a)});if(!j.ok){const L=await j.text();throw new Error(`API request failed with status ${j.status}: ${L}`)}const A=await j.json(),S=(h=(l=(c=(i=A.candidates)==null?void 0:i[0])==null?void 0:c.content)==null?void 0:l.parts)==null?void 0:h.find(L=>L.inlineData&&L.inlineData.mimeType.startsWith("image/"));if(S&&S.inlineData.data)return`data:${S.inlineData.mimeType};base64,${S.inlineData.data}`;const J=(b=(v=(k=(y=(m=A.candidates)==null?void 0:m[0])==null?void 0:y.content)==null?void 0:k.parts)==null?void 0:v.find(L=>L.text))==null?void 0:b.text;throw J?new Error(`API returned text instead of an image: ${J}`):new Error("API response did not contain valid image data.")}catch(j){n=j instanceof Error?j:new Error(String(j)),C(n,{context:"generateImageFetch",attempt:p+1,prompt:t}),console.warn(`Attempt ${p+1} failed. Retrying in ${Math.pow(2,p)}s...`),p<s-1&&await ve(1e3*Math.pow(2,p))}throw new Error(`Failed to generate image after ${s} attempts. The service may be busy or the prompt may have been blocked. Please try again with a different prompt. Last error: ${n==null?void 0:n.message}`)},ke="devcore-db",Ce=1,O="generated-files",$=ce(ke,Ce,{upgrade(t){t.createObjectStore(O,{keyPath:"filePath"}).createIndex("by-filePath","filePath")}}),Sr=async t=>{await(await $).put(O,t)},U=async()=>(await $).getAll(O),Ee=async()=>{await(await $).clear(O)},Ie=t=>{let r="";const o=new Uint8Array(t),a=o.byteLength;for(let s=0;s<a;s++)r+=String.fromCharCode(o[s]);return window.btoa(r)},Lr=t=>new Promise((r,o)=>{const a=new FileReader;a.onloadend=()=>{r(Ie(a.result))},a.onerror=s=>o(s),a.readAsArrayBuffer(t)}),Nr=(t,r,o="text/plain")=>{const a=new Blob([t],{type:o}),s=URL.createObjectURL(a),n=document.createElement("a");n.href=s,n.download=r,document.body.appendChild(n),n.click(),document.body.removeChild(n),URL.revokeObjectURL(s)},Ae=[{id:"ai-command-center",name:"AI Command Center",description:"The main entry point. Use natural language to navigate and control the entire toolkit. Can call other tools.",category:"Core",inputs:"A natural language prompt describing what the user wants to do. Examples: 'explain this code: ...', 'design a theme with space vibes'."},{id:"ai-code-explainer",name:"AI Code Explainer",description:"Accepts a code snippet and provides a detailed, structured analysis including summary, line-by-line breakdown, time/space complexity, and suggestions for improvement.",category:"AI Tools",inputs:"A string containing a code snippet."},{id:"theme-designer",name:"AI Theme Designer",description:"Generates a complete UI color theme (primary, background, text colors) from a simple text description.",category:"AI Tools",inputs:"A string describing the desired aesthetic. Example: 'a calm, minimalist theme for a blog'."},{id:"regex-sandbox",name:"RegEx Sandbox",description:"Generates a regular expression from a natural language description. Also allows testing expressions against a string.",category:"Testing",inputs:"A string describing the pattern to match. Example: 'find all email addresses'."},{id:"pr-summary-generator",name:"AI PR Summary Generator",description:"Takes 'before' and 'after' code snippets, calculates the diff, and generates a structured pull request summary including a title, a prose description, and a bulleted list of changes.",category:"AI Tools",inputs:"Two strings: 'beforeCode' and 'afterCode'."},{id:"visual-git-tree",name:"AI Git Log Analyzer",description:"Intelligently parses a raw 'git log' output to create a categorized and well-formatted changelog, separating new features from bug fixes.",category:"Git",inputs:"A string containing the raw output of a 'git log' command."},{id:"cron-job-builder",name:"AI Cron Job Builder",description:"Generates a valid cron expression from a natural language description of a schedule.",category:"Deployment",inputs:"A string describing a schedule. Example: 'every weekday at 5pm'."},{id:"ai-code-migrator",name:"AI Code Migrator",description:"Translate code between languages & frameworks.",category:"AI Tools",inputs:"A string of code to convert, a string for the source language, and a string for the target language. e.g. 'migrate this SASS to CSS: ...'"},{id:"ai-commit-generator",name:"AI Commit Message Generator",description:"Generates a conventional commit message from a git diff.",category:"AI Tools",inputs:"A string containing a git diff."},{id:"worker-thread-debugger",name:"AI Concurrency Analyzer",description:"Analyzes JavaScript code for potential Web Worker concurrency issues like race conditions.",category:"Testing",inputs:"A string of JavaScript code to analyze for concurrency issues."},{id:"xbrl-converter",name:"XBRL Converter",description:"Converts a JSON object into a simplified XBRL-like XML format.",category:"Data",inputs:"A string containing valid JSON."}],f=(t,r)=>x.lazy(async()=>{for(let s=0;s<3;s++)try{const n=await t();if(n[r])return{default:n[r]};throw new Error(`Named export '${r}' not found in module.`)}catch(n){if(console.error(n),s<2)await new Promise(i=>setTimeout(i,1e3));else throw console.error("Failed to load component after multiple retries. Reloading page."),window.location.reload(),n}throw new Error("Component failed to load and retries were exhausted.")}),d=({children:t,className:r})=>e.jsx("div",{className:r??"w-6 h-6",children:t}),Rr=()=>e.jsx(d,{children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8.25 3v1.5M4.5 8.25H3m18 0h-1.5M8.25 21v-1.5M4.5 15.75H3m18 0h-1.5M21 8.25v7.5A2.25 2.25 0 0 1 18.75 18H5.25A2.25 2.25 0 0 1 3 15.75v-7.5A2.25 2.25 0 0 1 5.25 6h13.5A2.25 2.25 0 0 1 21 8.25ZM12 18V6"})})}),_e=()=>e.jsx(d,{children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"})})}),z=()=>e.jsx(d,{children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"})})}),Te=()=>e.jsx(d,{children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244"})})}),Mr=()=>e.jsx(d,{children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 0 1-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 0 1 1.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876C9.083 2.25 6.105 5.106 6.105 9.125v3.375c0 .621.504 1.125 1.125 1.125h9.75Z"})})}),Se=({className:t})=>e.jsx(d,{className:t,children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3"})})}),Le=({className:t})=>e.jsx(d,{className:t,children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18 18 6M6 6l12 12"})})}),D=()=>e.jsx(d,{children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.134-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.067-2.09 1.02-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0"})})}),Ne=()=>e.jsx(d,{children:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:[e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.594 3.94c.09-.542.56-1.008 1.11-1.212l2.39-1.062a1.25 1.25 0 0 1 1.415.602l.62 1.24a1.25 1.25 0 0 0 1.282.693l2.394-.852a1.25 1.25 0 0 1 1.415 1.415l-.852 2.394a1.25 1.25 0 0 0 .693 1.282l1.24.62a1.25 1.25 0 0 1 .602 1.415l-1.062 2.39a1.25 1.25 0 0 0-1.212 1.11l-.22 1.319a1.25 1.25 0 0 1-1.393 1.053l-2.32-.82a1.25 1.25 0 0 0-1.353 0l-2.32.82a1.25 1.25 0 0 1-1.393-1.053l-.22-1.319a1.25 1.25 0 0 0-1.212-1.11l-1.062-2.39a1.25 1.25 0 0 1 .602-1.415l1.24-.62a1.25 1.25 0 0 0 .693-1.282l-.852-2.394a1.25 1.25 0 0 1 1.415-1.415l2.394.852a1.25 1.25 0 0 0 1.282-.693l.62-1.24a1.25 1.25 0 0 1 1.415-.602l-2.39 1.062a1.25 1.25 0 0 0-1.11 1.212Z"}),e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"})]})}),Re=()=>e.jsx(d,{children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h7.5"})})}),K=()=>e.jsx(d,{children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.75 9V5.25A2.25 2.25 0 0 0 13.5 3h-6a2.25 2.25 0 0 0-2.25 2.25v13.5A2.25 2.25 0 0 0 7.5 21h6a2.25 2.25 0 0 0 2.25-2.25V15m-3 0-3-3m0 0 3-3m-3 3H5"})})}),Pr=()=>e.jsx(d,{children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"})})}),Me=()=>e.jsx(d,{children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 3v4a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3V3M6 21v-4a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v4M12 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"})})}),Pe=()=>e.jsx(d,{children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456Z"})})}),Or=()=>e.jsx(d,{children:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:[e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M2.036 12.322a1.012 1.012 0 0 1 0-.639l4.368-7.28A1.012 1.012 0 0 1 7.105 4.5h9.79a1.012 1.012 0 0 1 .701.293l4.368 7.28c.15.25.228.538.228.828s-.078.578-.228.828l-4.368 7.28a1.012 1.012 0 0 1-.701.293h-9.79a1.012 1.012 0 0 1-.701-.293l-4.368-7.28Z"}),e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"})]})}),Dr=()=>e.jsx(d,{children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 6.75V15m6-6v8.25m.5-10.5h-7a.5.5 0 0 0-.5.5v13.5a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5V4.25a.5.5 0 0 0-.5-.5Z"})})}),Gr=()=>e.jsx(d,{children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.75 3.104v5.714a2.25 2.25 0 0 1-.659 1.591L5 14.5M9.75 3.104c.139-.02.28-.032.427-.032.147 0 .288.012.427.032M5 14.5h14M14.25 3.104v5.714c0 .822-.394 1.573-.986 2.05l-2.014.915a2.25 2.25 0 0 0-.659 1.591v5.714m-3.468-18.222.01.001"})})}),Oe=()=>e.jsx(d,{children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6.75 7.5 3 11.25l3.75 3.75M17.25 7.5 21 11.25l-3.75 3.75"})})}),Vr=()=>e.jsx(d,{children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M16.5 10.5V6.75a4.5 4.5 0 0 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"})})}),Br=()=>e.jsx(d,{children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M14.25 9.75 16.5 12l-2.25 2.25m-4.5 0L7.5 12l2.25-2.25M6 20.25h12A2.25 2.25 0 0 0 20.25 18V6A2.25 2.25 0 0 0 18 3.75H6A2.25 2.25 0 0 0 3.75 6v12A2.25 2.25 0 0 0 6 20.25Z"})})}),Fr=()=>e.jsx(d,{children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"})})}),De=()=>e.jsx(d,{children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0"})})}),Wr=()=>e.jsx(d,{children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875v-6.75ZM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V8.625Zm6.75-5.25c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V3.375Z"})})}),$r=()=>e.jsx(d,{children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m15.182 16.318A4.5 4.5 0 0 0 18 12a4.5 4.5 0 0 0-3.818-4.318m-3.564 4.318a4.5 4.5 0 0 1 3.564 0M6 12a4.5 4.5 0 0 1 3.818-4.318M12 12a4.5 4.5 0 0 1-3.818-4.318m0 8.636a4.5 4.5 0 0 1 3.818 0M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm0 0a8.949 8.949 0 0 0 5.482-1.611m-10.964 0A8.949 8.949 0 0 1 12 21Zm0 0a8.949 8.949 0 0 0-5.482-1.611m10.964 0A8.949 8.949 0 0 0 12 21Zm-5.482 1.61a8.973 8.973 0 0 1-2.18-1.001m10.342 0a8.973 8.973 0 0 0-2.18-1.001m-6-1.611a8.973 8.973 0 0 1-2.18-1.001M18 12a8.973 8.973 0 0 0-2.18-1.001m-6 0a8.973 8.973 0 0 1-2.18-1.001M6 12a8.973 8.973 0 0 0-2.18-1.001m10.342 0a8.973 8.973 0 0 0-2.18-1.001M12 3a8.973 8.973 0 0 1 2.18 1.001m-4.36 0A8.973 8.973 0 0 1 12 3m0 18a8.973 8.973 0 0 0 2.18-1.001m-4.36 0A8.973 8.973 0 0 0 12 21Zm0-18a8.973 8.973 0 0 0-2.18-1.001m4.36 0A8.973 8.973 0 0 0 12 3Z"})})}),zr=()=>e.jsx(d,{children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 11.667 0l3.181-3.183m-4.991-2.691V5.25a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75"})})}),Hr=()=>e.jsx(d,{children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"})})}),Jr=()=>e.jsx(d,{children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 18.75a6 6 0 0 0 6-6v-1.5m-6 7.5a6 6 0 0 1-6-6v-1.5m12 4.5v-1.5a6 6 0 0 0-12 0v1.5m12 0v-1.5a6 6 0 0 0-12 0v1.5m6 3.75a3 3 0 0 1-3-3V6.75a3 3 0 0 1 6 0v6a3 3 0 0 1-3 3Z"})})}),Ge=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("path",{d:"M10 9V5l-7 7 7 7v-4.5",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M14 14.5V19l7-7-7-7v4.5",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("circle",{cx:"12",cy:"12",r:"3",fill:"currentColor",opacity:"0.4"})]})}),Ve=()=>e.jsx(d,{children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3.75 9.75h16.5m-16.5 4.5h16.5m-16.5 4.5h16.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"})})}),Be=()=>e.jsx(d,{children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244"})})}),Fe=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("path",{d:"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"}),e.jsx("path",{d:"M14 2v6h6"}),e.jsx("circle",{cx:"12",cy:"15",r:"3"}),e.jsx("path",{d:"M12 18v2"})]})}),We=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("path",{d:"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5"}),e.jsx("path",{d:"M2 12l10 5 10-5"}),e.jsx("path",{d:"M17 8.5l-5 2.5-5-2.5"}),e.jsx("path",{d:"M12 17.5V14"})]})}),$e=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("path",{d:"M10 22H5a2 2 0 01-2-2V4a2 2 0 012-2h5"}),e.jsx("path",{d:"M14 2h5a2 2 0 012 2v16a2 2 0 01-2 2h-5"}),e.jsx("path",{d:"M7 8h2m-2 4h4m-4 4h2"})]})}),ze=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("path",{d:"M12 2a10 10 0 000 20z"}),e.jsx("path",{d:"M22 12c-5.523 0-10-4.477-10-10"})]})}),He=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("rect",{x:"3",y:"4",width:"18",height:"16",rx:"2",ry:"2"}),e.jsx("circle",{cx:"12",cy:"12",r:"3"}),e.jsx("path",{d:"M8 12h8m-4-4v8"})]})}),Je=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2",ry:"2"}),e.jsx("path",{d:"M7 8h4m-4 4h8m-8 4h6"})]})}),Ye=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("path",{d:"M4.5 12.5l3-3 3 3 6-6"}),e.jsx("path",{d:"M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})]})}),Ue=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("path",{d:"M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2"}),e.jsx("rect",{x:"8",y:"2",width:"8",height:"4",rx:"1",ry:"1"})]})}),qe=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("path",{d:"M6 3v18"}),e.jsx("path",{d:"M18 3v18"}),e.jsx("path",{d:"M12 3v18"}),e.jsx("circle",{cx:"6",cy:"6",r:"3",fill:"currentColor",opacity:"0.4"}),e.jsx("circle",{cx:"12",cy:"12",r:"3",fill:"currentColor",opacity:"0.4"}),e.jsx("circle",{cx:"18",cy:"18",r:"3",fill:"currentColor",opacity:"0.4"})]})}),Ze=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("path",{d:"M18 6l-6 6-6-6"}),e.jsx("path",{d:"M18 18l-6-6-6 6"})]})}),Xe=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("path",{d:"M15 4l-8 16"}),e.jsx("path",{d:"M22 12H2"}),e.jsx("path",{d:"M10 3L6 21"})]})}),Ke=()=>e.jsx(d,{children:e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:e.jsx("path",{d:"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"})})}),Qe=()=>e.jsx(d,{children:e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:e.jsx("path",{d:"M3 6h3m-3 6h3m-3 6h3M9 6h12M9 12h12M9 18h12"})})}),et=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("path",{d:"M10 21v-4a2 2 0 012-2h8"}),e.jsx("path",{d:"M10 17H5a2 2 0 01-2-2V5a2 2 0 012-2h8a2 2 0 012 2v2"}),e.jsx("rect",{x:"2",y:"2",width:"20",height:"20",rx:"2",ry:"2",opacity:"0.2"})]})}),tt=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("path",{d:"M8 8l-4 4 4 4m8-8l4 4-4-4",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M14.5 5.5l-5 13",strokeLinecap:"round"})]})}),rt=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("rect",{x:"3",y:"3",width:"7",height:"7"}),e.jsx("rect",{x:"14",y:"3",width:"7",height:"7"}),e.jsx("rect",{x:"14",y:"14",width:"7",height:"7"}),e.jsx("rect",{x:"3",y:"14",width:"7",height:"7"})]})}),ot=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("path",{d:"M4 7V4h16v3"}),e.jsx("path",{d:"M4 12h16"}),e.jsx("path",{d:"M4 17h16"}),e.jsx("rect",{x:"2",y:"2",width:"20",height:"20",rx:"2",ry:"2",opacity:"0.2"})]})}),nt=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("path",{d:"M12 22a10 10 0 100-20 10 10 0 000 20z"}),e.jsx("path",{d:"M12 12l4-4m-4 8l-4-4"})]})}),st=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("path",{d:"M20 3H4a2 2 0 00-2 2v14a2 2 0 002 2h16a2 2 0 002-2V5a2 2 0 00-2-2z"}),e.jsx("path",{d:"M9 16V8h6"})]})}),at=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("path",{d:"M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"}),e.jsx("path",{d:"M7 10l5-5 5 5m-5 8v-13"})]})}),it=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("path",{d:"M4 7V4h16v3"}),e.jsx("path",{d:"M4 17h16"}),e.jsx("rect",{x:"2",y:"2",width:"20",height:"20",rx:"2",ry:"2",opacity:"0.2"})]})}),lt=()=>e.jsx(d,{children:e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:e.jsx("path",{d:"M12 20.9l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 20.9z"})})}),ct=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("path",{d:"M12 2.69l.94-2.69.94 2.69L16.5 3l-2.69.94L13 6.58 12 4l-1 2.58L8.31 4 5.62 3l2.69.94.94 2.69.94-2.69z"}),e.jsx("path",{d:"M12 2.69l.94-2.69.94 2.69L16.5 3l-2.69.94L13 6.58 12 4l-1 2.58L8.31 4 5.62 3l2.69.94.94 2.69.94-2.69zM12 2.69l.94-2.69.94 2.69L16.5 3l-2.69.94L13 6.58 12 4l-1 2.58L8.31 4 5.62 3l2.69.94.94 2.69.94-2.69zM3.5 13.5c0-4.694 3.806-8.5 8.5-8.5s8.5 3.806 8.5 8.5-3.806 8.5-8.5 8.5-8.5-3.806-8.5-8.5z"})]})}),dt=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("path",{d:"M12 8V6m0 12v-2m-4-6H6m12 0h-2m-2-4l-1.5-1.5M18 18l-1.5-1.5M6 18l1.5-1.5M6 6l1.5 1.5"}),e.jsx("circle",{cx:"12",cy:"12",r:"3"})]})}),mt=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("path",{d:"M12 20V10m0 0V4m0 6h8m-8 0H4"}),e.jsx("path",{d:"M12 20a8 8 0 100-16 8 8 0 000 16z"})]})}),ht=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("path",{d:"M13 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V9z"}),e.jsx("path",{d:"M13 2v7h7"}),e.jsx("path",{d:"M17.5 2.5l-2-2m2 2l2-2m-2 2v4"})]})}),pt=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("path",{d:"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"}),e.jsx("path",{d:"M14 2v6h6"}),e.jsx("path",{d:"M16 13H8m8 4H8m-1-8l-2-2-2 2"})]})}),ut=()=>e.jsx(d,{children:e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:e.jsx("path",{d:"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"})})}),xt=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("path",{d:"M3 6h18M3 12h18M3 18h18"}),e.jsx("path",{d:"M6 3v18m12-18v18"})]})}),gt=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("path",{d:"M12 1a3 3 0 00-3 3v8a3 3 0 006 0V4a3 3 0 00-3-3z"}),e.jsx("path",{d:"M19 10v2a7 7 0 01-14 0v-2"}),e.jsx("path",{d:"M12 19v4"})]})}),ft=()=>e.jsx(d,{children:e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:e.jsx("path",{d:"M16 16l-4-4 4-4m-8 8l4-4-4-4"})})}),wt=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("path",{d:"M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.72"}),e.jsx("path",{d:"M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.72-1.72"})]})}),yt=()=>e.jsx(d,{children:e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:e.jsx("path",{d:"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"})})}),vt=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("path",{d:"M3 6h18m-9 6H3m9 6H3"}),e.jsx("path",{d:"M8 3v18m8-18v18"})]})}),jt=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("path",{d:"M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z"}),e.jsx("path",{d:"M7 7h.01"})]})}),bt=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("path",{d:"M18 10h4V6h-4V2l-4 4 4 4zM6 14H2v4h4v4l4-4-4-4z"}),e.jsx("path",{d:"M10 14v-4h4v4"})]})}),kt=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("path",{d:"M21 12a9 9 0 11-18 0 9 9 0 0118 0z"}),e.jsx("path",{d:"M21 12a9 9 0 00-9-9m9 9a9 9 0 01-9 9"})]})}),Ct=()=>e.jsx(d,{children:e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:e.jsx("path",{d:"M21.168 18.168A10 10 0 118.832 2.832m12.336 15.336L8.832 2.832"})})}),Et=()=>e.jsx(d,{children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2",ry:"2"}),e.jsx("circle",{cx:"8.5",cy:"8.5",r:"1.5"}),e.jsx("path",{d:"M21 15l-5-5L5 21"})]})}),Q=()=>e.jsx(d,{children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:e.jsx("path",{fillRule:"evenodd",d:"M12 2C6.477 2 2 6.477 2 12c0 4.418 2.865 8.168 6.839 9.492.5.092.682-.217.682-.482 0-.237-.009-.868-.014-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.031-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.203 2.398.1 2.651.64.7 1.03 1.595 1.03 2.688 0 3.848-2.338 4.695-4.566 4.942.359.308.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.001 10.001 0 0022 12c0-5.523-4.477-10-10-10z",clipRule:"evenodd"})})}),_=()=>e.jsxs("div",{className:"flex items-center justify-center space-x-1","aria-label":"Loading",children:[e.jsx("div",{className:"w-2 h-2 rounded-full bg-current animate-pulse",style:{animationDelay:"0s"}}),e.jsx("div",{className:"w-2 h-2 rounded-full bg-current animate-pulse",style:{animationDelay:"0.2s"}}),e.jsx("div",{className:"w-2 h-2 rounded-full bg-current animate-pulse",style:{animationDelay:"0.4s"}})]}),It=({content:t})=>{const[r,o]=x.useState("");return x.useEffect(()=>{(async()=>{if(t){const s=await me.parse(t);o(s)}else o("")})()},[t]),e.jsx("div",{className:"prose prose-sm max-w-none prose-headings:text-text-primary prose-p:text-text-primary prose-strong:text-text-primary prose-code:text-primary prose-code:before:content-none prose-code:after:content-none prose-pre:bg-gray-50 prose-pre:border prose-pre:border-border prose-pre:p-4 prose-pre:m-0",dangerouslySetInnerHTML:{__html:r}})};class At extends u.Component{constructor(r){super(r),this.handleRevert=()=>{window.location.reload()},this.handleAskAi=async()=>{if(this.state.error){this.setState({isAiLoading:!0,aiHelp:""});try{const o=je(this.state.error);let a="";for await(const s of o)a+=s,this.setState({aiHelp:a})}catch(o){this.setState({aiHelp:"Sorry, the AI assistant could not be reached."}),C(o,{context:"AI Error Debugging"})}finally{this.setState({isAiLoading:!1})}}},this.state={hasError:!1,error:null,aiHelp:"",isAiLoading:!1}}static getDerivedStateFromError(r){return{hasError:!0,error:r}}componentDidCatch(r,o){C(r,{componentStack:o.componentStack})}render(){var r;return this.state.hasError?e.jsx("div",{className:"w-full h-full flex flex-col items-center justify-center p-4 sm:p-6 lg:p-8 bg-background text-text-primary",children:e.jsxs("div",{className:"w-full max-w-4xl bg-surface border border-border rounded-lg p-6 shadow-2xl grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"flex flex-col",children:[e.jsx("h1",{className:"text-2xl font-bold text-red-600 mb-2",children:"An Unexpected Error Occurred"}),e.jsx("p",{className:"text-text-secondary mb-4",children:"A component has crashed. You can try reloading or ask the AI for debugging help."}),e.jsxs("details",{className:"text-left bg-gray-50 p-2 rounded-md max-w-xl text-xs font-mono mb-4 flex-grow overflow-auto border border-border",children:[e.jsx("summary",{className:"cursor-pointer",children:"Error Details"}),e.jsx("pre",{className:"mt-2 whitespace-pre-wrap",children:(r=this.state.error)==null?void 0:r.stack})]}),e.jsxs("div",{className:"flex gap-4 mt-auto",children:[e.jsx("button",{onClick:this.handleRevert,className:"flex-1 px-4 py-2 bg-yellow-400 text-yellow-900 font-bold rounded-md hover:bg-yellow-300 transition-colors",children:"Reload Application"}),e.jsxs("button",{onClick:this.handleAskAi,disabled:this.state.isAiLoading,className:"btn-primary flex-1 px-4 py-2 flex items-center justify-center gap-2",children:[e.jsx(Pe,{}),this.state.isAiLoading?"Analyzing...":"Ask AI for Help"]})]})]}),e.jsxs("div",{className:"flex flex-col bg-gray-50 rounded-lg p-4 border border-border",children:[e.jsx("h2",{className:"text-lg font-bold text-text-primary mb-2",children:"AI Assistant"}),e.jsxs("div",{className:"flex-grow overflow-y-auto",children:[this.state.isAiLoading&&e.jsx("div",{className:"flex justify-center items-center h-full",children:e.jsx(_,{})}),this.state.aiHelp&&e.jsx(It,{content:this.state.aiHelp}),!this.state.isAiLoading&&!this.state.aiHelp&&e.jsx("p",{className:"text-text-secondary text-center pt-10",children:'Click "Ask AI" to get debugging suggestions.'})]})]})]})}):this.props.children}}const H={activeView:"ai-command-center",viewProps:{},theme:"light",hiddenFeatures:[],isAuthenticated:!1,user:null,token:null,isGithubConnected:!1,isHuggingFaceConnected:!1,projectFiles:null,selectedRepo:null},_t=(t,r)=>{switch(r.type){case"SET_VIEW":return{...t,activeView:r.payload.view,viewProps:r.payload.props||{}};case"TOGGLE_FEATURE_VISIBILITY":{const{featureId:o}=r.payload,s=t.hiddenFeatures.includes(o)?t.hiddenFeatures.filter(n=>n!==o):[...t.hiddenFeatures,o];return{...t,hiddenFeatures:s}}case"LOGIN":return{...t,isAuthenticated:!0,user:r.payload.user,token:r.payload.token,isGithubConnected:!0};case"LOGOUT":return{...H,theme:t.theme,hiddenFeatures:t.hiddenFeatures,isAuthenticated:!1,user:null,token:null,isGithubConnected:!1,selectedRepo:null,projectFiles:null};case"SET_GITHUB_CONNECTED":return{...t,isGithubConnected:r.payload};case"SET_HUGGINGFACE_CONNECTED":return{...t,isHuggingFaceConnected:r.payload};case"LOAD_PROJECT_FILES":return{...t,projectFiles:r.payload};case"SET_SELECTED_REPO":return{...t,selectedRepo:r.payload,projectFiles:null};default:return t}},ee=x.createContext({state:H,dispatch:()=>null}),q="devcore_snapshot",Tt="devcore_ls_consent",St=({children:t})=>{const r=(()=>{try{return localStorage.getItem(Tt)==="granted"}catch{return!1}})(),[o,a]=x.useReducer(_t,H,s=>{if(!r)return s;try{const n=localStorage.getItem(q);if(!n)return s;const i=JSON.parse(n),c={...s};return i.token&&(c.token=i.token),i.selectedRepo&&(c.selectedRepo=i.selectedRepo),i.activeView&&(c.activeView=i.activeView),i.hiddenFeatures&&(c.hiddenFeatures=i.hiddenFeatures),c}catch(n){return console.error("Failed to parse state from localStorage",n),s}});return x.useEffect(()=>{if(!r)return;const s=setTimeout(()=>{try{const n={token:o.token,selectedRepo:o.selectedRepo,activeView:o.activeView,hiddenFeatures:o.hiddenFeatures};localStorage.setItem(q,JSON.stringify(n))}catch(n){console.error("Failed to save state to localStorage",n)}},500);return()=>clearTimeout(s)},[o,r]),e.jsx(ee.Provider,{value:{state:o,dispatch:a},children:t})},T=()=>x.useContext(ee),te=t=>{const r={};for(const o in t)if(Object.prototype.hasOwnProperty.call(t,o)){const a=t[o];typeof a=="string"&&a.length>500?r[o]=`${a.substring(0,100)}... (truncated)`:r[o]=a}return r},Lt=(t,r={})=>{console.log(`%c[TELEMETRY EVENT]%c ${t}`,"color: #84cc16; font-weight: bold;","color: inherit;",te(r))},Yr=(t,r={})=>{console.error(`%c[TELEMETRY ERROR]%c ${t.message}`,"color: #ef4444; font-weight: bold;","color: inherit;",{error:t,context:te(r),stack:t.stack})},Nt="modulepreload",Rt=function(t){return"/"+t},Z={},w=function(r,o,a){let s=Promise.resolve();if(o&&o.length>0){document.getElementsByTagName("link");const i=document.querySelector("meta[property=csp-nonce]"),c=(i==null?void 0:i.nonce)||(i==null?void 0:i.getAttribute("nonce"));s=Promise.allSettled(o.map(l=>{if(l=Rt(l),l in Z)return;Z[l]=!0;const h=l.endsWith(".css"),m=h?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${l}"]${m}`))return;const y=document.createElement("link");if(y.rel=h?"stylesheet":Nt,h||(y.as="script"),y.crossOrigin="",y.href=l,c&&y.setAttribute("nonce",c),document.head.appendChild(y),h)return new Promise((k,v)=>{y.addEventListener("load",k),y.addEventListener("error",()=>v(new Error(`Unable to preload CSS for ${l}`)))})}))}function n(i){const c=new Event("vite:preloadError",{cancelable:!0});if(c.payload=i,window.dispatchEvent(c),!c.defaultPrevented)throw i}return s.then(i=>{for(const c of i||[])c.status==="rejected"&&n(c.reason);return r().catch(n)})},re=[{id:"ai-command-center",name:"AI Command Center",description:"Use natural language to navigate and control the toolkit.",icon:u.createElement(Ge),category:"Core"},{id:"project-explorer",name:"Project Explorer",description:"Manage and edit files from your connected repositories.",icon:u.createElement(Ve),category:"Core"},{id:"connections",name:"Connections",description:"Connect to GitHub, Hugging Face, and other services.",icon:u.createElement(Be),category:"Core"},{id:"ai-image-generator",name:"AI Image Generator",description:"Generate high-quality images from a text prompt.",icon:u.createElement(Et),category:"AI Tools"},{id:"ai-code-explainer",name:"AI Code Explainer",description:"Get a structured analysis of code, including complexity.",icon:u.createElement(Fe),category:"AI Tools"},{id:"ai-feature-builder",name:"AI Feature Builder",description:"Generate code, tests, and commit messages.",icon:u.createElement(We),category:"AI Tools"},{id:"ai-code-migrator",name:"AI Code Migrator",description:"Translate code between languages & frameworks.",icon:u.createElement($e),category:"AI Tools"},{id:"theme-designer",name:"AI Theme Designer",description:"Generate, fine-tune, and export UI color themes from a text description.",icon:u.createElement(ze),category:"AI Tools"},{id:"portable-snippet-vault",name:"Snippet Vault",description:"Store, search, tag, and enhance reusable code snippets with AI.",icon:u.createElement(He),category:"Productivity"},{id:"digital-whiteboard",name:"Digital Whiteboard",description:"Organize ideas with interactive sticky notes and get AI-powered summaries.",icon:u.createElement(Je),category:"Productivity"},{id:"ai-unit-test-generator",name:"AI Unit Test Generator",description:"Generate unit tests from source code.",icon:u.createElement(Ye),category:"AI Tools"},{id:"ai-commit-generator",name:"AI Commit Message Generator",description:"Smart, conventional commits via AI.",icon:u.createElement(Ue),category:"AI Tools"},{id:"visual-git-tree",name:"Visual Git Tree",description:"Visually trace your git commit history with an interactive graph and an AI-powered summary.",icon:u.createElement(qe),category:"Git"},{id:"worker-thread-debugger",name:"AI Concurrency Analyzer",description:"Analyze JS for Web Worker issues like race conditions.",icon:u.createElement(Ze),category:"Testing"},{id:"regex-sandbox",name:"RegEx Sandbox",description:"Visually test regular expressions, generate them with AI, and inspect match groups.",icon:u.createElement(Xe),category:"Testing"},{id:"prompt-craft-pad",name:"Prompt Craft Pad",description:"Save, edit, and manage your custom AI prompts with variable testing.",icon:u.createElement(Ke),category:"AI Tools"},{id:"linter-formatter",name:"AI Code Formatter",description:"AI-powered, real-time code formatting.",icon:u.createElement(Qe),category:"Core"},{id:"json-tree-navigator",name:"JSON Tree Navigator",description:"Navigate large JSON objects as a collapsible tree.",icon:u.createElement(et),category:"Core"},{id:"xbrl-converter",name:"XBRL Converter",description:"Convert JSON data to a simplified XBRL-like XML format using AI.",icon:u.createElement(tt),category:"Data"},{id:"css-grid-editor",name:"CSS Grid Visual Editor",description:"Drag-based layout builder for CSS Grid.",icon:u.createElement(rt),category:"Frontend"},{id:"schema-designer",name:"Schema Designer",description:"Visually design a database schema with a drag-and-drop interface and SQL export.",icon:u.createElement(ot),category:"Database"},{id:"pwa-manifest-editor",name:"PWA Manifest Editor",description:"Configure and preview Progressive Web App manifests with a home screen simulator.",icon:u.createElement(nt),category:"Frontend"},{id:"markdown-slides-generator",name:"Markdown Slides",description:"Turn markdown into a fullscreen presentation with an interactive overlay.",icon:u.createElement(st),category:"Productivity"},{id:"screenshot-to-component",name:"Screenshot-to-Component",description:"Turn UI screenshots into functional code via paste or upload.",icon:u.createElement(at),category:"AI Tools"},{id:"typography-lab",name:"Typography Lab",description:"Preview font pairings and get CSS import rules.",icon:u.createElement(it),category:"Frontend"},{id:"svg-path-editor",name:"SVG Path Editor",description:"Visually create and manipulate SVG path data with an interactive canvas.",icon:u.createElement(lt),category:"Frontend"},{id:"ai-style-transfer",name:"AI Code Style Transfer",description:"Rewrite code to match a specific style guide.",icon:u.createElement(ct),category:"AI Tools"},{id:"ai-coding-challenge",name:"AI Coding Challenge Generator",description:"Generate unique coding exercises.",icon:u.createElement(dt),category:"AI Tools"},{id:"code-review-bot",name:"AI Code Review Bot",description:"Get an automated code review from an AI.",icon:u.createElement(mt),category:"AI Tools"},{id:"ai-pull-request-assistant",name:"AI Pull Request Assistant",description:"Generate a structured PR summary from code diffs and populate a full template.",icon:u.createElement(ht),category:"AI Tools"},{id:"changelog-generator",name:"AI Changelog Generator",description:"Auto-build changelogs from raw git logs.",icon:u.createElement(pt),category:"Git"},{id:"cron-job-builder",name:"AI Cron Job Builder",description:"Visually tool to configure cron jobs, with AI.",icon:u.createElement(ut),category:"Deployment"},{id:"async-call-tree-viewer",name:"Async Call Tree Viewer",description:"Visualize a tree of asynchronous function calls from JSON data.",icon:u.createElement(xt),category:"Testing"},{id:"audio-to-code",name:"AI Audio-to-Code",description:"Speak your programming ideas and watch them turn into code.",icon:u.createElement(gt),category:"AI Tools"},{id:"code-diff-ghost",name:"Code Diff Ghost",description:"Visualize code changes with a 'ghost typing' effect.",icon:u.createElement(ft),category:"Git"},{id:"code-spell-checker",name:"Code Spell Checker",description:"A spell checker that finds common typos in code.",icon:u.createElement(wt),category:"Testing"},{id:"color-palette-generator",name:"AI Color Palette Generator",description:"Pick a base color and let Gemini design a beautiful palette.",icon:u.createElement(yt),category:"Frontend"},{id:"logic-flow-builder",name:"Logic Flow Builder",description:"A visual tool for building application logic flows.",icon:u.createElement(vt),category:"Workflow"},{id:"meta-tag-editor",name:"Meta Tag Editor",description:"Generate SEO/social media meta tags with a live social card preview.",icon:u.createElement(jt),category:"Frontend"},{id:"network-visualizer",name:"Network Visualizer",description:"Inspect network resources with a summary and visual waterfall chart.",icon:u.createElement(bt),category:"Testing"},{id:"responsive-tester",name:"Responsive Tester",description:"Preview your web pages at different screen sizes and custom resolutions.",icon:u.createElement(kt),category:"Frontend"},{id:"sass-scss-compiler",name:"SASS/SCSS Compiler",description:"A real-time SASS/SCSS to CSS compiler.",icon:u.createElement(Ct),category:"Frontend"}];re.map(t=>t.id);const Mt={"ai-command-center":f(()=>w(()=>Promise.resolve().then(()=>Ut),void 0),"AiCommandCenter"),"project-explorer":f(()=>w(()=>Promise.resolve().then(()=>Kt),void 0),"ProjectExplorer"),connections:f(()=>w(()=>Promise.resolve().then(()=>tr),void 0),"Connections"),"ai-code-explainer":f(()=>w(()=>import("./AiCodeExplainer-CE0_1KFz.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8])),"AiCodeExplainer"),"ai-feature-builder":f(()=>w(()=>import("./AiFeatureBuilder-qJcM7Vps.js"),__vite__mapDeps([9,1,2,3,4,5,6,7,8])),"AiFeatureBuilder"),"regex-sandbox":f(()=>w(()=>import("./RegexSandbox-7zc7R8DT.js"),__vite__mapDeps([10,1,2,11,6,12,3,4,5,7,8])),"RegexSandbox"),"portable-snippet-vault":f(()=>w(()=>import("./SnippetVault-Cq8pB43n.js"),__vite__mapDeps([13,1,2,11,6,14,3,4,5,7,8])),"SnippetVault"),"css-grid-editor":f(()=>w(()=>import("./CssGridEditor-Tggo3uo4.js"),__vite__mapDeps([15,1,2,3,4,5,6,7,8])),"CssGridEditor"),"ai-commit-generator":f(()=>w(()=>import("./AiCommitGenerator-C6eo_GuV.js"),__vite__mapDeps([16,1,2,3,4,5,6,7,8])),"AiCommitGenerator"),"json-tree-navigator":f(()=>w(()=>import("./JsonTreeNavigator-wiByc32v.js"),__vite__mapDeps([17,1,2,3,4,5,6,7,8])),"JsonTreeNavigator"),"xbrl-converter":f(()=>w(()=>import("./XbrlConverter-B5wI7w13.js"),__vite__mapDeps([18,1,2,11,6,12,3,4,5,7,8])),"XbrlConverter"),"ai-unit-test-generator":f(()=>w(()=>import("./AiUnitTestGenerator-Bawbasui.js"),__vite__mapDeps([19,1,2,3,4,5,6,7,8])),"AiUnitTestGenerator"),"prompt-craft-pad":f(()=>w(()=>import("./PromptCraftPad-CLnFwMOJ.js"),__vite__mapDeps([20,1,2,3,4,5,6,7,8])),"PromptCraftPad"),"linter-formatter":f(()=>w(()=>import("./CodeFormatter-B5J1ivDG.js"),__vite__mapDeps([21,1,2,3,4,5,6,7,8])),"CodeFormatter"),"schema-designer":f(()=>w(()=>import("./SchemaDesigner-DAGfu-WA.js"),__vite__mapDeps([22,1,2,14,3,4,5,6,7,8])),"SchemaDesigner"),"pwa-manifest-editor":f(()=>w(()=>import("./PwaManifestEditor-CDkRs4zs.js"),__vite__mapDeps([23,1,2,14,3,4,5,6,7,8])),"PwaManifestEditor"),"markdown-slides-generator":f(()=>w(()=>import("./MarkdownSlides-JjWHLefE.js"),__vite__mapDeps([24,1,2,7,3,4,5,6,8])),"MarkdownSlides"),"screenshot-to-component":f(()=>w(()=>import("./ScreenshotToComponent-S_UZI9HE.js"),__vite__mapDeps([25,1,2,11,6,12,14,3,4,5,7,8])),"ScreenshotToComponent"),"digital-whiteboard":f(()=>w(()=>import("./DigitalWhiteboard-mqmKu9Bh.js"),__vite__mapDeps([26,1,2,3,4,5,6,7,8])),"DigitalWhiteboard"),"theme-designer":f(()=>w(()=>import("./ThemeDesigner-BdQC6qrK.js"),__vite__mapDeps([27,1,2,11,6,28,14,3,4,5,7,8])),"ThemeDesigner"),"svg-path-editor":f(()=>w(()=>import("./SvgPathEditor-CNIEkpCa.js"),__vite__mapDeps([29,1,2,14,3,4,5,6,7,8])),"SvgPathEditor"),"ai-style-transfer":f(()=>w(()=>import("./AiStyleTransfer-DgF2wuEc.js"),__vite__mapDeps([30,1,2,3,4,5,6,7,8])),"AiStyleTransfer"),"ai-coding-challenge":f(()=>w(()=>import("./AiCodingChallenge-BPl6fZNR.js"),__vite__mapDeps([31,1,2,3,4,5,6,7,8])),"AiCodingChallenge"),"typography-lab":f(()=>w(()=>import("./TypographyLab-Db6ABU3D.js"),__vite__mapDeps([32,1,2,3,4,5,6,7,8])),"TypographyLab"),"code-review-bot":f(()=>w(()=>import("./CodeReviewBot-2UF5jWqT.js"),__vite__mapDeps([33,1,2,3,4,5,6,7,8])),"CodeReviewBot"),"ai-pull-request-assistant":f(()=>w(()=>import("./AiPullRequestAssistant-auR4G7bZ.js"),__vite__mapDeps([34,1,2,35,3,4,5,6,7,8])),"AiPullRequestAssistant"),"changelog-generator":f(()=>w(()=>import("./ChangelogGenerator-DhzKekFT.js"),__vite__mapDeps([36,1,2,3,4,5,6,7,8])),"ChangelogGenerator"),"cron-job-builder":f(()=>w(()=>import("./CronJobBuilder-DxMd1_TG.js"),__vite__mapDeps([37,1,2,3,4,5,6,7,8])),"CronJobBuilder"),"ai-code-migrator":f(()=>w(()=>import("./AiCodeMigrator-BXc_JDlt.js"),__vite__mapDeps([38,1,2,3,4,5,6,7,8])),"AiCodeMigrator"),"visual-git-tree":f(()=>w(()=>import("./VisualGitTree-CpR-Akou.js"),__vite__mapDeps([39,1,2,11,6,12,14,3,4,5,7,8])),"VisualGitTree"),"worker-thread-debugger":f(()=>w(()=>import("./WorkerThreadDebugger-9JXvIaJw.js"),__vite__mapDeps([40,1,2,11,6,12,14,3,4,5,7,8])),"WorkerThreadDebugger"),"ai-image-generator":f(()=>w(()=>import("./AiImageGenerator-BYtIGaX5.js"),__vite__mapDeps([41,1,2,3,4,5,6,7,8])),"AiImageGenerator"),"async-call-tree-viewer":f(()=>w(()=>import("./AsyncCallTreeViewer-D_OioVtl.js"),__vite__mapDeps([42,1,2,3,4,5,6,7,8])),"AsyncCallTreeViewer"),"audio-to-code":f(()=>w(()=>import("./AudioToCode-DhNgjuEC.js"),__vite__mapDeps([43,1,2,3,4,5,6,7,8])),"AudioToCode"),"code-diff-ghost":f(()=>w(()=>import("./CodeDiffGhost-Q06Vp3v6.js"),__vite__mapDeps([44,1,2,3,4,5,6,7,8])),"CodeDiffGhost"),"code-spell-checker":f(()=>w(()=>import("./CodeSpellChecker-BolIHiVP.js"),__vite__mapDeps([45,1,2,3,4,5,6,7,8])),"CodeSpellChecker"),"color-palette-generator":f(()=>w(()=>import("./ColorPaletteGenerator-Cvsu53-R.js"),__vite__mapDeps([46,1,2,28,3,4,5,6,7,8])),"ColorPaletteGenerator"),"logic-flow-builder":f(()=>w(()=>import("./LogicFlowBuilder-iHo46zDC.js"),__vite__mapDeps([47,1,2,3,4,5,6,7,8])),"LogicFlowBuilder"),"meta-tag-editor":f(()=>w(()=>import("./MetaTagEditor-uPETDQxa.js"),__vite__mapDeps([48,1,2,3,4,5,6,7,8])),"MetaTagEditor"),"network-visualizer":f(()=>w(()=>import("./NetworkVisualizer-Cx-AAdTT.js"),__vite__mapDeps([49,1,2,3,4,5,6,7,8])),"NetworkVisualizer"),"responsive-tester":f(()=>w(()=>import("./ResponsiveTester-DppCccuL.js"),__vite__mapDeps([50,1,2,3,4,5,6,7,8])),"ResponsiveTester"),"sass-scss-compiler":f(()=>w(()=>import("./SassScssCompiler-C-9XrEq1.js"),__vite__mapDeps([51,1,2,3,4,5,6,7,8])),"SassScssCompiler")},Pt={"ai-code-explainer":{model:"gemini-2.5-flash"},"ai-feature-builder":{model:"gemini-2.5-flash"},"ai-commit-generator":{model:"gemini-2.5-flash"},"ai-unit-test-generator":{model:"gemini-2.5-flash"},"regex-sandbox":{model:"gemini-2.5-flash"},"screenshot-to-component":{model:"gemini-2.5-flash"},"theme-designer":{model:"gemini-2.5-flash"},"ai-style-transfer":{model:"gemini-2.5-flash"},"ai-coding-challenge":{model:"gemini-2.5-flash"},"code-review-bot":{model:"gemini-2.5-flash"},"ai-pull-request-assistant":{model:"gemini-2.5-flash"},"ai-code-migrator":{model:"gemini-2.5-flash"},"visual-git-tree":{model:"gemini-2.5-flash"},"worker-thread-debugger":{model:"gemini-2.5-flash"},"ai-command-center":{model:"gemini-2.5-flash"},"ai-image-generator":{model:"imagen-3.0-generate-002"},"audio-to-code":{model:"gemini-2.5-flash"},"color-palette-generator":{model:"gemini-2.5-flash"},"xbrl-converter":{model:"gemini-2.5-flash"},"digital-whiteboard":{model:"gemini-2.5-flash"},"project-explorer":{model:"gemini-2.5-flash"}},N=re.map(t=>({...t,component:Mt[t.id],aiConfig:Pt[t.id]})),Ot=new Map(N.map(t=>[t.id,t])),Dt=({fileCount:t,repoName:r,onCommit:o,onClose:a,isLoading:s})=>{const[n,i]=x.useState(`feat: Add ${t} new files via DevCore AI`),c=l=>{l.preventDefault(),n.trim()&&o(n)};return e.jsx("div",{className:"fixed inset-0 bg-gray-900/80 backdrop-blur-sm z-40 flex items-center justify-center fade-in",children:e.jsxs("form",{onSubmit:c,className:"bg-surface border border-border rounded-2xl shadow-2xl w-full max-w-lg m-4 p-6 animate-pop-in relative",children:[e.jsx("button",{type:"button",onClick:a,className:"absolute top-3 right-3 p-1 text-text-secondary hover:bg-gray-100 rounded-full",children:e.jsx(Le,{className:"w-6 h-6"})}),e.jsx("h2",{className:"text-xl font-bold mb-2",children:"Commit to Repository"}),e.jsxs("p",{className:"text-text-secondary mb-4",children:["You are committing ",e.jsxs("span",{className:"font-bold text-primary",children:[t," file(s)"]})," to ",e.jsx("span",{className:"font-bold text-primary",children:r}),"."]}),e.jsx("label",{htmlFor:"commit-message",className:"block text-sm font-medium text-text-secondary mb-1",children:"Commit Message"}),e.jsx("textarea",{id:"commit-message",value:n,onChange:l=>i(l.target.value),required:!0,className:"w-full h-28 p-2 bg-background border border-border rounded-md text-sm",placeholder:"Enter your commit message..."}),e.jsxs("div",{className:"mt-6 flex justify-end gap-3",children:[e.jsx("button",{type:"button",onClick:a,className:"px-6 py-2 bg-gray-200 text-gray-800 font-semibold rounded-lg hover:bg-gray-300",children:"Cancel"}),e.jsx("button",{type:"submit",disabled:s,className:"btn-primary px-6 py-2 flex items-center justify-center min-w-[100px]",children:s?e.jsx(_,{}):"Commit Files"})]})]})})},Gt=()=>{const{state:t}=T(),[r,o]=x.useState(null),[a,s]=x.useState(!1),[n,i]=x.useState([]),c=async()=>{o("zip");try{const m=await U();if(m.length===0){alert("No files have been generated to download.");return}const y=new he;m.forEach(b=>{const p=b.filePath.split("/").filter(A=>A);let j=y;if(p.length>1)for(let A=0;A<p.length-1;A++){const S=p[A];j&&(j=j.folder(S))}j&&j.file(p[p.length-1],b.content)});const k=await y.generateAsync({type:"blob"}),v=document.createElement("a");v.href=URL.createObjectURL(k),v.download="devcore-project.zip",document.body.appendChild(v),v.click(),document.body.removeChild(v)}catch(m){console.error("Failed to create ZIP file",m),alert(`Error creating ZIP: ${m instanceof Error?m.message:"Unknown error"}`)}finally{o(null)}},l=async()=>{if(!t.selectedRepo){alert("Please select a repository in the 'Connections' tab first.");return}o("repo-check");const m=await U();if(m.length===0){alert("No files have been generated to save."),o(null);return}i(m),s(!0),o(null)},h=async m=>{if(t.selectedRepo){o("repo-commit");try{await we(t.selectedRepo.owner,t.selectedRepo.repo,n,m),alert(`Successfully committed ${n.length} files to ${t.selectedRepo.owner}/${t.selectedRepo.repo}.`),s(!1)}catch(y){console.error("Failed to save to repository",y),alert(`Error saving to repository: ${y instanceof Error?y.message:"Unknown error"}`)}finally{o(null)}}};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"absolute bottom-[calc(theme(spacing.4)_+_24px)] right-6 z-10 flex flex-col gap-3",children:[e.jsx("button",{onClick:l,disabled:!!r||!t.selectedRepo,className:"w-14 h-14 bg-[#24292e] text-white rounded-full flex items-center justify-center shadow-lg hover:bg-[#333] transition-colors disabled:bg-slate-600 disabled:cursor-not-allowed","aria-label":"Save generated files to repository",title:"Save to Repository",children:r==="repo-check"?e.jsx(_,{}):e.jsx(Q,{})}),e.jsx("button",{onClick:c,disabled:!!r,className:"w-14 h-14 bg-primary text-text-on-primary rounded-full flex items-center justify-center shadow-lg hover:opacity-90 transition-colors disabled:bg-slate-600","aria-label":"Download Project as ZIP",title:"Download Project as ZIP (Save to Drive)",children:r==="zip"?e.jsx(_,{}):e.jsx(Se,{})})]}),a&&t.selectedRepo&&e.jsx(Dt,{fileCount:n.length,repoName:`${t.selectedRepo.owner}/${t.selectedRepo.repo}`,onCommit:h,onClose:()=>s(!1),isLoading:r==="repo-commit"})]})},G=({text:t,children:r})=>e.jsxs("div",{className:"group relative flex justify-center",children:[r,e.jsx("span",{className:"absolute left-14 p-2 scale-0 transition-all rounded bg-gray-800 border border-gray-900 text-xs text-white group-hover:scale-100 whitespace-nowrap z-50",children:t})]}),Vt=({items:t,activeView:r,onNavigate:o})=>{const{state:a,dispatch:s}=T(),{user:n}=a,i=async()=>{await ue(),s({type:"LOGOUT"})};return e.jsxs("nav",{className:"w-20 h-full bg-surface border-r border-border flex flex-col py-4 px-2",children:[e.jsx("div",{className:"flex-shrink-0 flex justify-center p-2 mb-4",children:e.jsx("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"text-primary",children:e.jsx("path",{d:"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),e.jsx("div",{className:"flex-1 overflow-y-auto no-scrollbar flex flex-col items-center gap-2 pt-4",children:t.map(c=>{const l=r===c.view;return e.jsx(G,{text:c.label,children:e.jsx("button",{onClick:()=>{c.action?c.action():o(c.view,c.props)},className:`flex items-center justify-center w-12 h-12 rounded-lg transition-colors duration-200
+                  ${l?"bg-primary/10 text-primary":"text-text-secondary hover:bg-gray-100"}`,children:c.icon})},c.id)})}),e.jsxs("div",{className:"mt-auto flex-shrink-0 flex flex-col items-center gap-2",children:[n&&e.jsx(G,{text:n.name||n.login,children:e.jsx("img",{src:n.avatar_url,alt:n.login,className:"w-10 h-10 rounded-full border-2 border-border"})}),e.jsx(G,{text:"Logout",children:e.jsx("button",{onClick:i,className:"flex items-center justify-center w-12 h-12 rounded-lg text-text-secondary hover:bg-gray-100",children:e.jsx(K,{})})})]})]})},Bt=({status:t})=>{const[r,o]=x.useState(!0);return x.useEffect(()=>{if(o(!0),t==="error"){const a=setTimeout(()=>o(!1),5e3);return()=>clearTimeout(a)}},[t]),!r||t==="loaded"?null:t==="loading"?e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx("div",{className:"w-2 h-2 rounded-full bg-primary animate-pulse"}),e.jsx("span",{children:"Generating background..."})]}):t==="error"?e.jsx("div",{className:"flex items-center space-x-2 text-yellow-600",children:e.jsx("span",{children:"Background failed. Using fallback."})}):null},Ft=()=>{const[t,r]=x.useState(()=>new Date);return x.useEffect(()=>{const o=setInterval(()=>{r(new Date)},1e3);return()=>clearInterval(o)},[]),e.jsx("span",{children:t.toLocaleTimeString()})},Wt=({bgImageStatus:t})=>e.jsxs("footer",{className:"w-full bg-surface/70 backdrop-blur-sm border-t border-border px-4 py-1 flex items-center justify-between text-xs text-text-secondary",children:[e.jsxs("div",{className:"flex items-center space-x-4",children:[e.jsxs("div",{className:"flex items-center space-x-1 cursor-pointer hover:text-primary transition-colors",children:[e.jsx(Me,{}),e.jsx("span",{children:"main"})]}),e.jsx(Bt,{status:t})]}),e.jsxs("div",{className:"flex items-center space-x-4",children:[e.jsx(Ft,{}),e.jsx("span",{className:"hidden sm:block",children:"Ready"}),e.jsxs("div",{className:"flex items-center space-x-1 cursor-pointer hover:text-primary transition-colors",children:[e.jsx(De,{}),e.jsx("span",{children:"0"})]}),e.jsx("span",{className:"hidden sm:block",children:"Powered by Gemini"})]})]}),$t=({isOpen:t,onClose:r,onSelect:o})=>{const[a,s]=x.useState(""),[n,i]=x.useState(0);x.useEffect(()=>{t||(s(""),i(0))},[t]);const c=x.useMemo(()=>{const l=[{id:"ai-feature-builder",name:"Go to AI Builder",category:"Navigation",icon:e.jsx("span",{}),description:""}],h=N.map(m=>({...m,name:`Open: ${m.name}`}));return[...l,...h].filter(m=>m.name.toLowerCase().includes(a.toLowerCase())||m.category.toLowerCase().includes(a.toLowerCase()))},[a]);return x.useEffect(()=>{i(0)},[c.length]),x.useEffect(()=>{const l=h=>{if(t){if(h.key==="ArrowDown")h.preventDefault(),i(m=>(m+1)%c.length);else if(h.key==="ArrowUp")h.preventDefault(),i(m=>(m-1+c.length)%c.length);else if(h.key==="Enter"){h.preventDefault();const m=c[n];m&&o(m.id)}}};return window.addEventListener("keydown",l),()=>window.removeEventListener("keydown",l)},[t,c,n,o]),t?e.jsx("div",{className:"fixed inset-0 bg-gray-900/80 backdrop-blur-sm z-50 flex items-start justify-center pt-20",onClick:r,children:e.jsxs("div",{className:"w-full max-w-xl bg-surface border border-border rounded-lg shadow-2xl overflow-hidden",onClick:l=>l.stopPropagation(),children:[e.jsx("input",{type:"text",placeholder:"Type a command or search...",value:a,onChange:l=>s(l.target.value),autoFocus:!0,className:"w-full p-4 bg-surface text-text-primary text-lg focus:outline-none border-b border-border"}),e.jsx("ul",{className:"max-h-96 overflow-y-auto p-2",children:c.length>0?c.map((l,h)=>e.jsxs("li",{onMouseDown:()=>{o(l.id)},className:`flex items-center justify-between p-3 rounded-md cursor-pointer ${n===h?"bg-primary/10 text-primary":"hover:bg-gray-100"}`,children:[e.jsxs("div",{className:"flex items-center space-x-3",children:[e.jsx("div",{className:"text-text-secondary",children:l.icon}),e.jsx("span",{className:"text-text-primary",children:l.name})]}),e.jsx("span",{className:"text-xs text-text-secondary bg-gray-100 px-2 py-1 rounded",children:l.category})]},l.id+h)):e.jsx("li",{className:"p-4 text-center text-text-secondary",children:"No results found."})})]})}):null},V=(t,r)=>{const[o,a]=x.useState(()=>{try{if(window.localStorage.getItem("devcore_ls_consent")!=="granted")return r;const i=window.localStorage.getItem(t);return i?JSON.parse(i):r}catch(n){return console.error(`Error reading localStorage key “${t}”:`,n),r}});return[o,n=>{try{if(window.localStorage.getItem("devcore_ls_consent")!=="granted"){const l=n instanceof Function?n(o):n;a(l);return}const c=n instanceof Function?n(o):n;a(c),window.localStorage.setItem(t,JSON.stringify(c))}catch(i){console.error(`Error setting localStorage key “${t}”:`,i)}}]},zt=({checked:t,onChange:r})=>e.jsx("button",{role:"switch","aria-checked":t,onClick:r,className:`${t?"bg-primary":"bg-gray-300"} relative inline-flex h-6 w-11 items-center rounded-full transition-colors`,children:e.jsx("span",{className:`${t?"translate-x-6":"translate-x-1"} inline-block h-4 w-4 transform rounded-full bg-white transition-transform`})}),Ht=()=>{const{state:t,dispatch:r}=T(),[,o]=V("devcore_snippets",[]),[,a]=V("devcore_moodboard",[]),[,s]=V("devcore_notes",[]),n=()=>{window.confirm("Are you sure you want to log out?")&&(window.google&&window.google.accounts.id.disableAutoSelect(),r({type:"LOGOUT"}))},i=async()=>{window.confirm("Are you sure you want to delete all AI-generated files? This cannot be undone.")&&(await Ee(),alert("Generated files cleared."))},c=()=>{window.confirm("Are you sure you want to delete all saved snippets? This cannot be undone.")&&(o([]),alert("Snippets cleared."))},l=()=>{window.confirm("Are you sure you want to delete all notes and moodboard items? This cannot be undone.")&&(a([]),s([]),alert("Notes & Moodboard cleared."))};return e.jsxs("div",{className:"w-full text-text-primary",children:[e.jsx("header",{className:"sticky top-0 z-10 p-4 sm:p-6 lg:p-8 border-b border-border bg-surface/80 backdrop-blur-sm",children:e.jsxs("div",{className:"max-w-4xl mx-auto w-full",children:[e.jsx("h1",{className:"text-4xl font-extrabold tracking-tight",children:"Settings"}),e.jsx("p",{className:"mt-2 text-lg text-text-secondary",children:"Manage application preferences and data."})]})}),e.jsxs("div",{className:"p-4 sm:p-6 lg:p-8 space-y-8 max-w-4xl mx-auto w-full",children:[e.jsxs("section",{children:[e.jsx("h2",{className:"text-2xl font-bold border-b border-border pb-2 mb-4",children:"Appearance"}),e.jsxs("div",{className:"flex items-center justify-between p-4 bg-surface border border-border rounded-lg",children:[e.jsx("span",{className:"font-medium",children:"Theme"}),e.jsx("p",{className:"text-sm text-text-secondary",children:"Light mode is enforced in the current version."})]})]}),e.jsxs("section",{children:[e.jsx("h2",{className:"text-2xl font-bold border-b border-border pb-2 mb-4",children:"Feature Visibility"}),e.jsx("p",{className:"text-sm text-text-secondary mb-4",children:"Hide or show features in the main sidebar. This does not disable them; they can still be accessed via the AI Command Center."}),e.jsx("div",{className:"space-y-2",children:N.filter(h=>h.id!=="ai-command-center").map(h=>{const m=!t.hiddenFeatures.includes(h.id);return e.jsxs("div",{className:"flex items-center justify-between p-4 bg-surface border border-border rounded-lg",children:[e.jsxs("div",{children:[e.jsx("p",{className:"font-medium",children:h.name}),e.jsx("p",{className:"text-sm text-text-secondary",children:h.description})]}),e.jsx(zt,{checked:m,onChange:()=>r({type:"TOGGLE_FEATURE_VISIBILITY",payload:{featureId:h.id}})})]},h.id)})})]}),e.jsxs("section",{children:[e.jsx("h2",{className:"text-2xl font-bold border-b border-border pb-2 mb-4",children:"Account"}),e.jsxs("div",{className:"flex items-center justify-between p-4 bg-surface border border-border rounded-lg",children:[e.jsxs("div",{children:[e.jsx("p",{className:"font-medium",children:"Sign Out"}),e.jsx("p",{className:"text-sm text-text-secondary",children:t.user?`Logged in as ${t.user.login}`:"Not logged in"})]}),e.jsxs("button",{onClick:n,className:"flex items-center gap-2 px-4 py-2 rounded-md bg-red-500/10 text-red-600 hover:bg-red-500/20 transition-colors",children:[e.jsx(K,{})," Logout"]})]})]}),e.jsxs("section",{children:[e.jsx("h2",{className:"text-2xl font-bold border-b border-border pb-2 mb-4",children:"Data Management"}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center justify-between p-4 bg-surface border border-border rounded-lg",children:[e.jsxs("div",{children:[e.jsx("p",{className:"font-medium",children:"Clear Generated Files"}),e.jsx("p",{className:"text-sm text-text-secondary",children:"Removes all files created by the AI Feature Builder."})]}),e.jsxs("button",{onClick:i,className:"flex items-center gap-2 px-4 py-2 rounded-md bg-red-500/10 text-red-600 hover:bg-red-500/20 transition-colors",children:[e.jsx(D,{})," Clear"]})]}),e.jsxs("div",{className:"flex items-center justify-between p-4 bg-surface border border-border rounded-lg",children:[e.jsxs("div",{children:[e.jsx("p",{className:"font-medium",children:"Clear Snippet Vault"}),e.jsx("p",{className:"text-sm text-text-secondary",children:"Removes all saved code snippets."})]}),e.jsxs("button",{onClick:c,className:"flex items-center gap-2 px-4 py-2 rounded-md bg-red-500/10 text-red-600 hover:bg-red-500/20 transition-colors",children:[e.jsx(D,{})," Clear"]})]}),e.jsxs("div",{className:"flex items-center justify-between p-4 bg-surface border border-border rounded-lg",children:[e.jsxs("div",{children:[e.jsx("p",{className:"font-medium",children:"Clear Notes & Moodboard"}),e.jsx("p",{className:"text-sm text-text-secondary",children:"Removes all items from Dev Notes and Moodboard."})]}),e.jsxs("button",{onClick:l,className:"flex items-center gap-2 px-4 py-2 rounded-md bg-red-500/10 text-red-600 hover:bg-red-500/20 transition-colors",children:[e.jsx(D,{})," Clear"]})]})]})]}),e.jsxs("section",{children:[e.jsx("h2",{className:"text-2xl font-bold border-b border-border pb-2 mb-4",children:"About"}),e.jsxs("div",{className:"p-4 bg-surface border border-border rounded-lg text-text-secondary",children:[e.jsx("p",{children:e.jsx("strong",{children:"DevCore AI Toolkit"})}),e.jsx("p",{children:"Version 1.1.0"}),e.jsx("p",{children:"Created by James Burvel O'Callaghan III for Citibank Demo Business Inc Powered by Google Gemini"})]})]})]})]})},Jt=[{name:"navigateTo",description:"Navigates to a specific feature page.",parameters:{type:g.OBJECT,properties:{featureId:{type:g.STRING,description:"The ID of the feature to navigate to.",enum:N.map(t=>t.id)}},required:["featureId"]}},{name:"runFeatureWithInput",description:"Navigates to a feature and passes initial data to it.",parameters:{type:g.OBJECT,properties:{featureId:{type:g.STRING,description:"The ID of the feature to run.",enum:N.map(t=>t.id)},props:{type:g.OBJECT,description:"An object containing the initial properties for the feature, based on its required inputs.",properties:{initialCode:{type:g.STRING},initialPrompt:{type:g.STRING},beforeCode:{type:g.STRING},afterCode:{type:g.STRING},logInput:{type:g.STRING},diff:{type:g.STRING},codeInput:{type:g.STRING},jsonInput:{type:g.STRING}}}},required:["featureId","props"]}}],Yt=Ae.map(t=>`- ${t.name} (${t.id}): ${t.description} Inputs: ${t.inputs}`).join(`
+`),B=({text:t,onClick:r})=>e.jsx("button",{onClick:()=>r(t),className:"px-3 py-1.5 bg-surface border border-border rounded-full text-xs hover:bg-gray-100 transition-colors",children:t}),oe=()=>{const{dispatch:t}=T(),[r,o]=x.useState(""),[a,s]=x.useState(!1),[n,i]=x.useState(""),c=x.useCallback(async()=>{if(r.trim()){s(!0),i("");try{const m=await be(r,Jt,Yt);if(m.functionCalls&&m.functionCalls.length>0){const y=m.functionCalls[0],{name:k,args:v}=y;switch(i(`Understood! Executing command: ${k}`),k){case"navigateTo":t({type:"SET_VIEW",payload:{view:v.featureId}});break;case"runFeatureWithInput":t({type:"SET_VIEW",payload:{view:v.featureId,props:v.props}});break;default:i(`Unknown command: ${k}`)}o("")}else i(m.text)}catch(m){C(m,{prompt:r}),i(m instanceof Error?m.message:"An unknown error occurred.")}finally{s(!1)}}},[r,t]),l=m=>{m.key==="Enter"&&!m.shiftKey&&(m.preventDefault(),c())},h=m=>{o(m)};return e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6 text-center",children:[e.jsxs("h1",{className:"text-4xl font-extrabold tracking-tight flex items-center justify-center",children:[e.jsx(Oe,{}),e.jsx("span",{className:"ml-3",children:"AI Command Center"})]}),e.jsx("p",{className:"mt-2 text-lg text-text-secondary",children:"What would you like to do?"})]}),e.jsxs("div",{className:"flex-grow flex flex-col justify-end max-w-3xl w-full mx-auto",children:[n&&e.jsx("div",{className:"mb-4 p-4 bg-surface rounded-lg text-text-primary border border-border",children:e.jsxs("p",{children:[e.jsx("strong",{children:"AI:"})," ",n]})}),e.jsxs("div",{className:"relative",children:[e.jsx("textarea",{value:r,onChange:m=>o(m.target.value),onKeyDown:l,disabled:a,placeholder:'Try "explain this code: const a = 1;" or "open the theme designer"',className:"w-full p-4 pr-28 rounded-lg bg-surface border border-border focus:ring-2 focus:ring-primary focus:outline-none resize-none shadow-sm",rows:2}),e.jsx("button",{onClick:c,disabled:a,className:"btn-primary absolute right-3 top-1/2 -translate-y-1/2 px-4 py-2",children:a?e.jsx(_,{}):"Send"})]}),e.jsxs("div",{className:"flex flex-wrap items-center justify-center gap-2 mt-4",children:[e.jsx(B,{text:"Open Theme Designer",onClick:h}),e.jsx(B,{text:"Generate a commit for a bug fix",onClick:h}),e.jsx(B,{text:"Create a regex for email validation",onClick:h})]}),e.jsx("p",{className:"text-xs text-text-secondary text-center mt-2",children:"Press Enter to send, Shift+Enter for new line."})]})]})},Ut=Object.freeze(Object.defineProperty({__proto__:null,AiCommandCenter:oe},Symbol.toStringTag,{value:"Module"})),qt="Ov23li6nSMUkwPE2HTBX",Zt=window.location.origin,Xt=()=>{const t=()=>{const r=`https://github.com/login/oauth/authorize?client_id=${qt}&redirect_uri=${encodeURIComponent(Zt)}&scope=repo,read:user`;window.location.href=r};return e.jsx("div",{className:"h-screen w-screen flex items-center justify-center bg-background text-text-primary font-sans",children:e.jsxs("div",{className:"bg-surface p-8 sm:p-12 rounded-2xl shadow-2xl text-center border border-border animate-pop-in max-w-lg m-4",children:[e.jsx("svg",{width:"48",height:"48",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"text-primary mx-auto mb-4",children:e.jsx("path",{d:"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),e.jsx("h1",{className:"text-3xl font-extrabold tracking-tight mb-2",children:"Welcome to DevCore AI"}),e.jsx("p",{className:"text-text-secondary mb-8",children:"Sign in with GitHub to continue to your AI-powered toolkit."}),e.jsxs("button",{onClick:t,className:"bg-[#24292e] text-white border-none px-6 py-3 font-semibold text-lg rounded-lg cursor-pointer flex items-center justify-center gap-3 w-full hover:bg-[#333] transition-colors","aria-label":"Login with GitHub",children:[e.jsx("svg",{viewBox:"0 0 24 24","aria-hidden":"true",className:"fill-white w-6 h-6",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 0C5.372 0 0 5.372 0 12c0 5.302 3.438 9.8 8.205 11.387.6.113.82-.26.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61-.546-1.387-1.333-1.757-1.333-1.757-1.09-.745.083-.73.083-.73 1.205.084 1.84 1.236 1.84 1.236 1.07 1.835 2.807 1.305 3.492.997.108-.776.418-1.305.76-1.605-2.665-.3-5.466-1.335-5.466-5.93 0-1.31.47-2.38 1.235-3.22-.123-.303-.535-1.523.117-3.176 0 0 1.008-.322 3.3 1.23a11.5 11.5 0 0 1 3-.404c1.02.005 2.045.138 3 .404 2.29-1.552 3.296-1.23 3.296-1.23.653 1.653.24 2.873.12 3.176.77.84 1.232 1.91 1.232 3.22 0 4.61-2.807 5.625-5.48 5.92.43.372.823 1.103.823 2.222 0 1.606-.015 2.896-.015 3.286 0 .32.218.694.825.576C20.565 21.795 24 17.298 24 12c0-6.628-5.372-12-12-12z"})}),"Login with GitHub"]})]})})},ne=({node:t,onFileSelect:r,level:o=0})=>{const[a,s]=x.useState(o<2),n=t.type==="folder",i=()=>{n&&s(!a)},c=l=>{l.stopPropagation(),n?i():r(t.path)};return e.jsxs("div",{className:"text-sm",children:[e.jsxs("div",{className:"flex items-center p-1 rounded-md cursor-pointer hover:bg-gray-100",onClick:c,style:{paddingLeft:`${o*16}px`},children:[n?e.jsx(z,{}):e.jsx(_e,{}),e.jsx("span",{className:"ml-2 truncate",children:t.name})]}),n&&a&&t.children&&e.jsx("div",{children:t.children.sort((l,h)=>l.type==="folder"?-1:1).map(l=>e.jsx(ne,{node:l,onFileSelect:r,level:o+1},l.path))})]})},se=()=>{const{state:t,dispatch:r}=T(),{selectedRepo:o,projectFiles:a}=t,[s,n]=x.useState(!1),[i,c]=x.useState(null),[l,h]=x.useState(null),[m,y]=x.useState(null);x.useEffect(()=>{o&&!a?(n(!0),y(null),ge(o.owner,o.repo).then(v=>r({type:"LOAD_PROJECT_FILES",payload:v})).catch(v=>{console.error(v),y("Could not load repository file tree. It might be empty or you may not have access.")}).finally(()=>n(!1))):!o&&a&&r({type:"LOAD_PROJECT_FILES",payload:null})},[o,a,r]);const k=x.useCallback(async v=>{if(o){n(!0),h(v),c(null),y(null);try{const b=await fe(o.owner,o.repo,v);c(b)}catch(b){console.error(b),y(`Could not load file: ${v}`),c(null)}finally{n(!1)}}},[o]);return o?s&&!a?e.jsxs("div",{className:"h-full flex items-center justify-center",children:[e.jsx(_,{}),e.jsx("span",{className:"ml-2 text-text-secondary",children:"Loading repository tree..."})]}):m&&!a?e.jsxs("div",{className:"h-full flex flex-col items-center justify-center text-red-500 p-4",children:[e.jsx("h2",{className:"text-lg font-semibold",children:"Error Loading Repository"}),e.jsx("p",{children:m})]}):e.jsxs("div",{className:"h-full flex",children:[e.jsx("aside",{className:"w-1/3 max-w-xs bg-surface border-r border-border p-2 overflow-y-auto",children:a&&e.jsx(ne,{node:a,onFileSelect:k})}),e.jsxs("main",{className:"flex-1 bg-background p-4 overflow-y-auto",children:[s&&l&&e.jsxs("div",{className:"h-full flex items-center justify-center",children:[e.jsx(_,{}),e.jsxs("span",{className:"ml-2 text-text-secondary",children:["Loading ",l,"..."]})]}),m&&l&&e.jsx("div",{className:"p-4 text-red-500",children:m}),!s&&i!==null&&e.jsxs("div",{className:"h-full flex flex-col",children:[e.jsx("h3",{className:"font-mono text-sm mb-2 text-text-secondary flex-shrink-0",children:l}),e.jsx("div",{className:"flex-grow bg-surface rounded-md border border-border overflow-auto",children:e.jsx("pre",{className:"p-4 text-sm whitespace-pre-wrap",children:e.jsx("code",{children:i})})})]}),!s&&i===null&&!m&&e.jsx("div",{className:"h-full flex items-center justify-center text-text-secondary",children:e.jsx("p",{children:"Select a file to view its content."})})]})]}):e.jsxs("div",{className:"h-full flex flex-col items-center justify-center text-center text-text-secondary p-4",children:[e.jsx(z,{}),e.jsx("h2",{className:"text-lg font-semibold mt-2",children:"No Repository Selected"}),e.jsx("p",{children:"Please select a repository in the 'Connections' tab to explore its files."})]})},Kt=Object.freeze(Object.defineProperty({__proto__:null,ProjectExplorer:se},Symbol.toStringTag,{value:"Module"})),Qt=({name:t,icon:r,isConnected:o,userLogin:a,onDisconnect:s})=>e.jsxs("div",{className:"bg-surface border border-border rounded-lg p-6 flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:"w-10 h-10",children:r}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg font-bold text-text-primary",children:t}),e.jsx("p",{className:`text-sm ${o?"text-green-600":"text-text-secondary"}`,children:o?`Connected as ${a}`:"Not Connected"})]})]}),o&&e.jsx("button",{onClick:s,className:"px-4 py-2 bg-red-100 text-red-700 font-semibold rounded-md hover:bg-red-200",children:"Disconnect"})]}),er=()=>{const{state:t,dispatch:r}=T(),[o,a]=x.useState([]),[s,n]=x.useState(!1);x.useEffect(()=>{t.isGithubConnected&&(n(!0),Y().then(a).finally(()=>n(!1)))},[t.isGithubConnected]);const i=l=>{if(!l){r({type:"SET_SELECTED_REPO",payload:null}),r({type:"LOAD_PROJECT_FILES",payload:null});return}const[h,m]=l.split("/");r({type:"SET_SELECTED_REPO",payload:{owner:h,repo:m}})},c=async()=>{if(!t.selectedRepo)return;const{owner:l,repo:h}=t.selectedRepo;if(window.confirm(`Are you sure you want to PERMANENTLY DELETE the repository "${l}/${h}"? This action cannot be undone.`))try{await xe(l,h),r({type:"SET_SELECTED_REPO",payload:null}),r({type:"LOAD_PROJECT_FILES",payload:null}),n(!0),Y().then(a).finally(()=>n(!1))}catch{alert("Failed to delete repository.")}};return e.jsxs("div",{className:"bg-surface border border-border rounded-lg p-6",children:[e.jsx("h3",{className:"text-lg font-bold text-text-primary mb-2",children:"Active Repository"}),e.jsx("p",{className:"text-sm text-text-secondary mb-4",children:"Select a repository for the AI to interact with in the Project Explorer and other tools."}),s?e.jsx(_,{}):e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("select",{value:t.selectedRepo?`${t.selectedRepo.owner}/${t.selectedRepo.repo}`:"",onChange:l=>i(l.target.value),className:"flex-grow p-2 rounded bg-background border border-border",children:[e.jsx("option",{value:"",children:"-- Select a Repository --"}),o.map(l=>e.jsx("option",{value:l.full_name,children:l.full_name},l.id))]}),t.selectedRepo&&e.jsx("button",{onClick:c,className:"px-4 py-2 bg-red-100 text-red-700 font-semibold rounded-md hover:bg-red-200",children:"Delete"})]})]})},ae=()=>{const{state:t,dispatch:r}=T(),{isGithubConnected:o,user:a}=t,s=()=>{r({type:"LOGOUT"})};return e.jsx("div",{className:"h-full p-4 sm:p-6 lg:p-8",children:e.jsxs("div",{className:"max-w-4xl mx-auto",children:[e.jsxs("header",{className:"mb-8",children:[e.jsx("h1",{className:"text-4xl font-extrabold tracking-tight",children:"Connections"}),e.jsx("p",{className:"mt-2 text-lg text-text-secondary",children:"Manage your GitHub connection to unlock powerful workflows."})]}),e.jsxs("div",{className:"space-y-6",children:[e.jsx(Qt,{name:"GitHub",icon:e.jsx(Q,{}),isConnected:o,userLogin:a==null?void 0:a.login,onDisconnect:s}),o&&e.jsx(er,{})]})]})})},tr=Object.freeze(Object.defineProperty({__proto__:null,Connections:ae},Symbol.toStringTag,{value:"Module"})),rr=()=>e.jsx("div",{className:"w-full h-full flex items-center justify-center bg-surface",children:e.jsxs("div",{className:"flex items-center justify-center space-x-2",children:[e.jsx("div",{className:"w-4 h-4 rounded-full bg-primary animate-pulse",style:{animationDelay:"0s"}}),e.jsx("div",{className:"w-4 h-4 rounded-full bg-primary animate-pulse",style:{animationDelay:"0.2s"}}),e.jsx("div",{className:"w-4 h-4 rounded-full bg-primary animate-pulse",style:{animationDelay:"0.4s"}}),e.jsx("span",{className:"text-text-secondary ml-2",children:"Loading Feature..."})]})}),or=({onAccept:t,onDecline:r})=>e.jsx("div",{className:"fixed inset-0 bg-gray-900/80 backdrop-blur-sm z-50 flex items-center justify-center fade-in",children:e.jsxs("div",{className:"bg-surface border border-border rounded-2xl shadow-2xl shadow-black/50 w-full max-w-md m-4 p-8 text-center animate-pop-in",children:[e.jsx("h2",{className:"text-2xl mb-4",children:"Store Data Locally?"}),e.jsx("p",{className:"text-text-secondary mb-6",children:"This application uses your browser's local storage to save your settings and remember your progress between sessions. This data stays on your computer and is not shared."}),e.jsxs("div",{className:"flex justify-center gap-4",children:[e.jsx("button",{onClick:r,className:"px-6 py-2 bg-surface border border-border text-text-primary font-bold rounded-md hover:bg-gray-100 transition-colors",children:"Decline"}),e.jsx("button",{onClick:t,className:"btn-primary px-6 py-2",children:"Accept"})]})]})}),nr=()=>{const{state:t,dispatch:r}=T(),{activeView:o,viewProps:a,hiddenFeatures:s,isAuthenticated:n}=t,[i,c]=x.useState(!1),[l,h]=x.useState(!1);x.useEffect(()=>{try{localStorage.getItem("devcore_ls_consent")||h(!0)}catch(p){console.warn("Could not access localStorage.",p)}},[]),x.useEffect(()=>{const p=j=>{(j.metaKey||j.ctrlKey)&&j.key==="k"&&(j.preventDefault(),c(A=>!A))};return window.addEventListener("keydown",p),()=>window.removeEventListener("keydown",p)},[]);const m=()=>{try{localStorage.setItem("devcore_ls_consent","granted"),window.location.reload()}catch(p){console.error("Could not write to localStorage.",p),h(!1)}},y=()=>{try{localStorage.setItem("devcore_ls_consent","denied")}catch(p){console.error("Could not write to localStorage.",p)}h(!1)},k=x.useCallback((p,j={})=>{r({type:"SET_VIEW",payload:{view:p,props:j}}),Lt("view_changed",{view:p}),c(!1)},[r]),v=x.useMemo(()=>[{id:"ai-command-center",label:"Command Center",icon:e.jsx(Re,{}),view:"ai-command-center"},{id:"project-explorer",label:"Project Explorer",icon:e.jsx(z,{}),view:"project-explorer"},...N.filter(p=>!s.includes(p.id)&&!["ai-command-center","project-explorer","connections"].includes(p.id)).map(p=>({id:p.id,label:p.name,icon:p.icon,view:p.id})),{id:"connections",label:"Connections",icon:e.jsx(Te,{}),view:"connections"},{id:"settings",label:"Settings",icon:e.jsx(Ne,{}),view:"settings"}],[s]),b=x.useMemo(()=>{var p;return o==="settings"?Ht:o==="project-explorer"?se:o==="connections"?ae:((p=Ot.get(o))==null?void 0:p.component)??oe},[o]);return n?e.jsxs("div",{className:"h-screen w-screen font-sans overflow-hidden bg-background",children:[l&&e.jsx(or,{onAccept:m,onDecline:y}),e.jsxs("div",{className:"relative flex h-full w-full",children:[e.jsx(Vt,{items:v,activeView:t.activeView,onNavigate:k}),e.jsx("div",{className:"flex-1 flex min-w-0",children:e.jsxs("div",{className:"flex-1 flex flex-col min-w-0",children:[e.jsxs("main",{className:"relative flex-1 min-w-0 bg-surface/50 overflow-y-auto",children:[e.jsx(At,{children:e.jsx(x.Suspense,{fallback:e.jsx(rr,{}),children:e.jsx("div",{className:"fade-in w-full h-full",children:e.jsx(b,{...a})},o)})}),e.jsx(Gt,{})]}),e.jsx(Wt,{bgImageStatus:"loaded"})]})}),e.jsx($t,{isOpen:i,onClose:()=>c(!1),onSelect:k})]})]}):e.jsx(Xt,{})},ie=document.getElementById("root");if(!ie)throw new Error("Could not find root element to mount to");const sr=le.createRoot(ie);sr.render(e.jsx(u.StrictMode,{children:e.jsx(St,{children:e.jsx(nr,{})})}));export{Se as A,Gr as B,Rr as C,Hr as D,zr as E,Pr as F,Me as G,$r as H,Yr as I,Tr as J,Et as K,_ as L,It as M,Wr as N,Lr as O,Fr as P,fr as Q,Jr as R,Pe as S,D as T,Or as U,_r as V,N as W,tt as X,xr as a,ur as b,Ee as c,U as d,Cr as e,Vr as f,Ir as g,Mr as h,Br as i,Nr as j,gr as k,Dr as l,br as m,Je as n,yr as o,it as p,Er as q,vr as r,Sr as s,wr as t,V as u,ht as v,jr as w,Ar as x,Oe as y,kr as z};
+//# sourceMappingURL=index-Ck8YGBbR.js.map
diff --git a/assets/index-Ck8YGBbR.js.map b/assets/index-Ck8YGBbR.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..9ee8587cb702a3d96e36d22ec946fa7ef17828b6
--- /dev/null
+++ b/assets/index-Ck8YGBbR.js.map
@@ -0,0 +1 @@
+{"version":3,"mappings":"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","names":["isTelemetryEnabled","sanitizePayload","payload","sanitized","key","value","logEvent","eventName","logError","error","context","measurePerformance","metricName","operation","start","result","duration","octokitInstance","getOctokit","logout","getRepos","octokit","data","deleteRepo","owner","repo","getRepoTree","repoData","defaultBranch","branch","treeSha","treeData","root","item","pathParts","currentNode","part","index","childNode","child","isLastPart","getFileContent","path","content","commitFiles","files","message","refData","latestCommitSha","commitData","baseTreeSha","blobPromises","file","tree","blob","newTree","newCommit","API_KEY","ai","GoogleGenAI","sleep","ms","resolve","streamContent","prompt","systemInstruction","temperature","response","chunk","generateJson","schema","generateCommitMessageStream","diff","generateUnitTestsStream","code","formatCodeStream","transcribeAudioToCodeStream","base64Audio","mimeType","transferCodeStyleStream","args","generateCodingChallengeStream","_","reviewCodeStream","generateChangelogFromLogStream","log","summarizeNotesStream","notes","migrateCodeStream","from","to","debugErrorStream","explainCodeStructured","Type","generatePrSummaryStructured","generateFeature","generateCronFromDescription","description","generateColorPalette","baseColor","getInferenceFunction","functionDeclarations","knowledgeBase","functionCalls","parts","_c","_b","_a","generateImage","API_URL","body","MAX_RETRIES","lastError","i","errorText","imagePart","_d","textResponse","_i","_h","_g","_f","_e","p","DB_NAME","DB_VERSION","STORE_NAME","dbPromise","openDB","db","saveFile","getAllFiles","clearAllFiles","arrayBufferToBase64","buffer","binary","bytes","len","blobToBase64","reject","reader","downloadFile","filename","url","a","FEATURE_TAXONOMY","lazyWithRetry","componentImport","exportName","lazy","module","IconWrapper","children","className","jsx","CpuChipIcon","DocumentIcon","FolderIcon","LinkIcon","ClipboardDocumentIcon","ArrowDownTrayIcon","XMarkIcon","TrashIcon","Cog6ToothIcon","HomeIcon","ArrowLeftOnRectangleIcon","FileCodeIcon","GitBranchIcon","SparklesIcon","EyeIcon","MapIcon","BeakerIcon","CommandLineIcon","LockClosedIcon","CodeBracketSquareIcon","PhotoIcon","BellIcon","ChartBarIcon","BugAntIcon","ArrowPathIcon","DocumentTextIcon","MicrophoneIcon","CommandCenterIcon","jsxs","ProjectExplorerIcon","ConnectionsIcon","CodeExplainerIcon","FeatureBuilderIcon","CodeMigratorIcon","ThemeDesignerIcon","SnippetVaultIcon","DigitalWhiteboardIcon","UnitTestGeneratorIcon","CommitGeneratorIcon","GitLogAnalyzerIcon","ConcurrencyAnalyzerIcon","RegexSandboxIcon","PromptCraftPadIcon","CodeFormatterIcon","JsonTreeIcon","XbrlConverterIcon","CssGridEditorIcon","SchemaDesignerIcon","PwaManifestEditorIcon","MarkdownSlidesIcon","ScreenshotToComponentIcon","TypographyLabIcon","SvgPathEditorIcon","StyleTransferIcon","CodingChallengeIcon","CodeReviewBotIcon","AiPullRequestAssistantIcon","ChangelogGeneratorIcon","CronJobBuilderIcon","AsyncCallTreeIcon","AudioToCodeIcon","CodeDiffGhostIcon","CodeSpellCheckerIcon","ColorPaletteGeneratorIcon","LogicFlowBuilderIcon","MetaTagEditorIcon","NetworkVisualizerIcon","ResponsiveTesterIcon","SassCompilerIcon","ImageGeneratorIcon","GithubIcon","LoadingSpinner","MarkdownRenderer","sanitizedHtml","setSanitizedHtml","useState","useEffect","html","marked","ErrorBoundary","React","props","stream","fullResponse","e","errorInfo","initialState","reducer","state","action","featureId","newHiddenFeatures","id","GlobalStateContext","createContext","LOCAL_STORAGE_KEY","CONSENT_KEY","GlobalStateProvider","canPersist","dispatch","useReducer","initial","storedStateJSON","storedState","hydratedState","handler","stateToSave","useGlobalState","useContext","RAW_FEATURES","f","componentMap","__vitePreload","AiCommandCenter$1","ProjectExplorer$1","Connections$1","aiConfigMap","ALL_FEATURES","feature","FEATURES_MAP","CommitModal","fileCount","repoName","onCommit","onClose","isLoading","commitMessage","setCommitMessage","handleSubmit","ActionManager","setIsLoading","isCommitModalOpen","setCommitModalOpen","filesToCommit","setFilesToCommit","handleDownloadZip","zip","JSZip","currentFolder","folderName","zipBlob","link","handleOpenCommitModal","handleCommit","Fragment","Tooltip","text","LeftSidebar","items","activeView","onNavigate","user","handleLogout","isActive","StatusMessage","status","visible","setVisible","timer","Clock","time","setTime","timerId","StatusBar","bgImageStatus","CommandPalette","isOpen","onSelect","searchTerm","setSearchTerm","selectedIndex","setSelectedIndex","commandOptions","useMemo","navigationCommands","featureCommands","handleKeyDown","prev","selected","useLocalStorage","initialValue","storedValue","setStoredValue","valueToStore","ToggleSwitch","checked","onChange","SettingsView","setSnippets","setNotes","setDevNotes","handleClearGeneratedFiles","handleClearSnippets","handleClearNotes","isVisible","ExamplePromptButton","onClick","AiCommandCenter","setPrompt","lastResponse","setLastResponse","handleCommand","useCallback","call","name","err","handleExampleClick","CLIENT_ID","REDIRECT_URI","LoginView","handleLogin","githubAuthURL","FileTree","node","onFileSelect","level","setIsOpen","isFolder","handleToggle","handleFileClick","b","ProjectExplorer","selectedRepo","projectFiles","activeFileContent","setActiveFileContent","activeFilePath","setActiveFilePath","setError","handleFileSelect","ConnectionCard","icon","isConnected","userLogin","onDisconnect","RepoSelector","repos","setRepos","handleSelectRepo","fullName","handleDeleteRepo","r","Connections","isGithubConnected","handleDisconnectGitHub","LoadingIndicator","LocalStorageConsentModal","onAccept","onDecline","App","viewProps","hiddenFeatures","isAuthenticated","isCommandPaletteOpen","setCommandPaletteOpen","showConsentModal","setShowConsentModal","handleAcceptConsent","handleDeclineConsent","handleViewChange","view","sidebarItems","ActiveComponent","Suspense","rootElement","ReactDOM"],"ignoreList":[],"sources":["../../services/index.ts","../../components/icons.tsx","../../components/shared/index.tsx","../../components/ErrorBoundary.tsx","../../contexts/GlobalStateContext.tsx","../../services/telemetryService.ts","../../constants.ts","../../components/features/index.ts","../../components/ActionManager.tsx","../../components/LeftSidebar.tsx","../../components/StatusBar.tsx","../../components/CommandPalette.tsx","../../hooks/useLocalStorage.ts","../../components/SettingsView.tsx","../../components/features/AiCommandCenter.tsx","../../components/LoginView.tsx","../../components/features/ProjectExplorer.tsx","../../components/features/Connections.tsx","../../App.tsx","../../index.tsx"],"sourcesContent":["import React, { lazy } from 'react';\nimport { Octokit } from 'octokit';\nimport { openDB, DBSchema } from 'idb';\nimport { GoogleGenAI, Type, GenerateContentResponse, FunctionDeclaration } from \"@google/genai\";\nimport type { User, Repo, FileNode, GeneratedFile, StructuredPrSummary, StructuredExplanation, ColorTheme } from '../types.ts';\n\n// --- Telemetry Service ---\nconst isTelemetryEnabled = true;\n\nconst sanitizePayload = (payload: Record<string, any>): Record<string, any> => {\n    const sanitized: Record<string, any> = {};\n    for (const key in payload) {\n        if (Object.prototype.hasOwnProperty.call(payload, key)) {\n            const value = payload[key];\n            if (typeof value === 'string' && value.length > 500) {\n                sanitized[key] = `${value.substring(0, 100)}... (truncated)`;\n            } else {\n                sanitized[key] = value;\n            }\n        }\n    }\n    return sanitized;\n};\n\nexport const logEvent = (eventName: string, payload: Record<string, any> = {}) => {\n  if (!isTelemetryEnabled) return;\n  console.log(`%c[TELEMETRY EVENT]%c ${eventName}`, 'color: #84cc16; font-weight: bold;', 'color: inherit;', sanitizePayload(payload));\n};\n\nexport const logError = (error: Error, context: Record<string, any> = {}) => {\n  if (!isTelemetryEnabled) return;\n  console.error(`%c[TELEMETRY ERROR]%c ${error.message}`, 'color: #ef4444; font-weight: bold;', 'color: inherit;', { error, context: sanitizePayload(context), stack: error.stack });\n};\n\nexport const measurePerformance = async <T>(metricName: string, operation: () => Promise<T>): Promise<T> => {\n  const start = performance.now();\n  try {\n    const result = await operation();\n    const end = performance.now();\n    const duration = end - start;\n    if (isTelemetryEnabled) {\n      console.log(`%c[TELEMETRY PERF]%c ${metricName}`, 'color: #3b82f6; font-weight: bold;', 'color: inherit;', { duration: `${duration.toFixed(2)}ms` });\n    }\n    return result;\n  } catch (error) {\n    const end = performance.now();\n    const duration = end - start;\n     if (isTelemetryEnabled) {\n        console.warn(`%c[TELEMETRY PERF FAILED]%c ${metricName}`, 'color: #f97316; font-weight: bold;', 'color: inherit;', { duration: `${duration.toFixed(2)}ms`, error });\n      }\n    throw error;\n  }\n};\n\n\n// --- Auth Service ---\nconst TOKEN_EXCHANGE_PROXY_URL = 'https://citibankdemobusiness.dev/oauth/callback.php';\n\ninterface AuthResult {\n    user: User;\n    token: string;\n}\n\nlet octokitInstance: Octokit | null = null;\n\nconst getAccessToken = async (code: string): Promise<string> => {\n    logEvent('auth_token_exchange_start');\n    const response = await fetch(`${TOKEN_EXCHANGE_PROXY_URL}?code=${code}`, { method: 'GET', headers: { 'Accept': 'application/json' } });\n    if (!response.ok) {\n        const errorBody = await response.text();\n        logError(new Error(`Token exchange failed: ${response.status}`), { context: 'getAccessToken', errorBody });\n        throw new Error(`Token exchange failed with status ${response.status}. Please check the proxy endpoint.`);\n    }\n    const data = await response.json();\n    if (data.error || !data.access_token) {\n        logError(new Error('Invalid token response from proxy'), { context: 'getAccessToken', responseData: data });\n        throw new Error(data.error_description || 'Backend proxy failed to retrieve a valid access token.');\n    }\n    logEvent('auth_token_exchange_success');\n    return data.access_token;\n};\n\nconst initializeOctokit = (token: string): void => {\n    octokitInstance = new Octokit({ auth: token, request: { headers: { 'X-GitHub-Api-Version': '2022-11-28' } } });\n    logEvent('octokit_initialized');\n};\n\nexport const getOctokit = (): Octokit => {\n    if (!octokitInstance) { throw new Error(\"Octokit has not been initialized. Please authenticate first.\"); }\n    return octokitInstance;\n};\n\nexport const handleGitHubCallback = async (code: string): Promise<AuthResult> => {\n    return measurePerformance('handleGitHubCallback', async () => {\n        try {\n            const token = await getAccessToken(code);\n            initializeOctokit(token);\n            const octokit = getOctokit();\n            logEvent('fetch_user_profile_start');\n            const { data: user } = await octokit.request('GET /user');\n            logEvent('fetch_user_profile_success', { username: user.login });\n            return { user: user as unknown as User, token };\n        } catch (error) {\n            logError(error as Error, { context: 'handleGitHubCallback', code });\n            throw new Error(`Authentication failed: ${(error as Error).message}`);\n        }\n    });\n};\n\nexport const checkSession = async (token: string | null): Promise<AuthResult | null> => {\n    if (!token) return null;\n    return measurePerformance('checkSession', async () => {\n        logEvent('session_check_start');\n        try {\n            initializeOctokit(token);\n            const octokit = getOctokit();\n            const { data: user } = await octokit.request('GET /user');\n            logEvent('session_check_success', { username: user.login });\n            return { user: user as unknown as User, token };\n        } catch (error) {\n            logError(error as Error, { context: 'checkSession', message: \"Token validation failed, session is invalid.\" });\n            octokitInstance = null;\n            return null;\n        }\n    });\n};\n\nexport const logout = async (): Promise<void> => {\n    logEvent('logout');\n    octokitInstance = null;\n    return Promise.resolve();\n};\n\n// --- GitHub Service ---\nexport const getRepos = async (): Promise<Repo[]> => {\n    return measurePerformance('getRepos', async () => {\n        logEvent('getRepos_start');\n        try {\n            const octokit = getOctokit();\n            const { data } = await octokit.request('GET /user/repos', { type: 'owner', sort: 'updated', per_page: 100 });\n            logEvent('getRepos_success', { count: data.length });\n            return data as Repo[];\n        } catch (error) {\n            logError(error as Error, { context: 'getRepos' });\n            throw new Error(`Failed to fetch repositories: ${(error as Error).message}`);\n        }\n    });\n};\n\nexport const deleteRepo = async (owner: string, repo: string): Promise<void> => {\n     return measurePerformance('deleteRepo', async () => {\n        logEvent('deleteRepo_start', { owner, repo });\n        try {\n            const octokit = getOctokit();\n            await octokit.request('DELETE /repos/{owner}/{repo}', { owner, repo });\n            logEvent('deleteRepo_success', { owner, repo });\n        } catch (error) {\n            logError(error as Error, { context: 'deleteRepo', owner, repo });\n            throw new Error(`Failed to delete repository: ${(error as Error).message}`);\n        }\n    });\n};\n\nexport const getRepoTree = async (owner: string, repo: string): Promise<FileNode> => {\n     return measurePerformance('getRepoTree', async () => {\n        logEvent('getRepoTree_start', { owner, repo });\n        try {\n            const octokit = getOctokit();\n            const { data: repoData } = await octokit.request('GET /repos/{owner}/{repo}', { owner, repo });\n            const defaultBranch = repoData.default_branch;\n            const { data: branch } = await octokit.request('GET /repos/{owner}/{repo}/branches/{branch}', { owner, repo, branch: defaultBranch });\n            const treeSha = branch.commit.commit.tree.sha;\n            const { data: treeData } = await octokit.request('GET /repos/{owner}/{repo}/git/trees/{tree_sha}', { owner, repo, tree_sha: treeSha, recursive: 'true' });\n            const root: FileNode = { name: repo, type: 'folder', path: '', children: [] };\n            treeData.tree.forEach((item: any) => {\n                if (!item.path) return;\n                const pathParts = item.path.split('/');\n                let currentNode = root;\n                pathParts.forEach((part, index) => {\n                    if (!currentNode.children) { currentNode.children = []; }\n                    let childNode = currentNode.children.find(child => child.name === part);\n                    if (!childNode) {\n                        const isLastPart = index === pathParts.length - 1;\n                        childNode = { name: part, path: pathParts.slice(0, index + 1).join('/'), type: isLastPart ? (item.type === 'tree' ? 'folder' : 'file') : 'folder' };\n                         if (childNode.type === 'folder') { childNode.children = []; }\n                        currentNode.children.push(childNode);\n                    }\n                    currentNode = childNode;\n                });\n            });\n            logEvent('getRepoTree_success', { owner, repo, items: treeData.tree.length });\n            return root;\n        } catch (error) {\n            logError(error as Error, { context: 'getRepoTree', owner, repo });\n            throw new Error(`Failed to fetch repository tree: ${(error as Error).message}`);\n        }\n    });\n};\n\nexport const getFileContent = async (owner: string, repo: string, path: string): Promise<string> => {\n    return measurePerformance('getFileContent', async () => {\n        logEvent('getFileContent_start', { owner, repo, path });\n        try {\n            const octokit = getOctokit();\n            const { data } = await octokit.request('GET /repos/{owner}/{repo}/contents/{path}', { owner, repo, path });\n            if (Array.isArray(data) || data.type !== 'file' || typeof data.content !== 'string') { throw new Error(\"Path did not point to a valid file or content was missing.\"); }\n            const content = atob(data.content);\n            logEvent('getFileContent_success', { owner, repo, path, size: content.length });\n            return content;\n        } catch (error) {\n             logError(error as Error, { context: 'getFileContent', owner, repo, path });\n             throw new Error(`Failed to fetch file content for \"${path}\": ${(error as Error).message}`);\n        }\n    });\n};\n\nexport const commitFiles = async (\n    owner: string,\n    repo: string,\n    files: { filePath: string; content: string }[],\n    message: string,\n    branch: string = 'main'\n): Promise<string> => {\n    return measurePerformance('commitFiles', async () => {\n        logEvent('commitFiles_start', { owner, repo, fileCount: files.length, branch });\n        const octokit = getOctokit();\n\n        try {\n            // 1. Get the latest commit SHA of the branch.\n            const { data: refData } = await octokit.request('GET /repos/{owner}/{repo}/git/ref/{ref}', {\n                owner,\n                repo,\n                ref: `heads/${branch}`,\n            });\n            const latestCommitSha = refData.object.sha;\n\n            // 2. Get the base tree SHA from that commit.\n            const { data: commitData } = await octokit.request('GET /repos/{owner}/{repo}/git/commits/{commit_sha}', {\n                owner,\n                repo,\n                commit_sha: latestCommitSha,\n            });\n            const baseTreeSha = commitData.tree.sha;\n\n            // 3. Create new blob(s) for the file content.\n            const blobPromises = files.map(file =>\n                octokit.request('POST /repos/{owner}/{repo}/git/blobs', {\n                    owner,\n                    repo,\n                    content: file.content,\n                    encoding: 'utf-8',\n                })\n            );\n            const blobs = await Promise.all(blobPromises);\n            \n            // 4. Create the tree object.\n            const tree = blobs.map((blob, index) => ({\n                path: files[index].filePath,\n                mode: '100644' as const, // file mode\n                type: 'blob' as const,\n                sha: blob.data.sha,\n            }));\n\n            const { data: newTree } = await octokit.request('POST /repos/{owner}/{repo}/git/trees', {\n                owner,\n                repo,\n                base_tree: baseTreeSha,\n                tree,\n            });\n\n            // 5. Create a new commit pointing to the new tree.\n            const { data: newCommit } = await octokit.request('POST /repos/{owner}/{repo}/git/commits', {\n                owner,\n                repo,\n                message,\n                tree: newTree.sha,\n                parents: [latestCommitSha],\n            });\n\n            // 6. Update the branch reference to point to the new commit.\n            await octokit.request('PATCH /repos/{owner}/{repo}/git/refs/{ref}', {\n                owner,\n                repo,\n                ref: `heads/${branch}`,\n                sha: newCommit.sha,\n            });\n\n            logEvent('commitFiles_success', { commitUrl: newCommit.html_url });\n            return newCommit.html_url;\n\n        } catch (error) {\n            logError(error as Error, { context: 'commitFiles', owner, repo, branch });\n            throw new Error(`Failed to commit files: ${(error as Error).message}`);\n        }\n    });\n};\n\n// --- Gemini Service ---\nconst API_KEY = process.env.GEMINI_API_KEY;\nif (!API_KEY) { throw new Error(\"Gemini API key not found. Please set the GEMINI_API_KEY environment variable.\"); }\nconst ai = new GoogleGenAI({ apiKey: API_KEY });\nconst sleep = (ms: number) => new Promise(resolve => setTimeout(resolve, ms));\n\nasync function* streamContent(prompt: string | { parts: any[] }, systemInstruction: string, temperature = 0.5) {\n    try {\n        const response = await ai.models.generateContentStream({ model: 'gemini-2.5-flash', contents: prompt as any, config: { systemInstruction, temperature } });\n        for await (const chunk of response) { yield chunk.text; }\n    } catch (error) {\n        console.error(\"Error streaming from AI model:\", error);\n        logError(error as Error, { prompt, systemInstruction });\n        if (error instanceof Error) { yield `An error occurred while communicating with the AI model: ${error.message}`; } else { yield \"An unknown error occurred while generating the response.\"; }\n    }\n}\n\nasync function generateContent(prompt: string, systemInstruction: string, temperature = 0.5): Promise<string> {\n    try {\n        const response = await ai.models.generateContent({ model: 'gemini-2.5-flash', contents: prompt, config: { systemInstruction, temperature } });\n        return response.text;\n    } catch (error) {\n         console.error(\"Error generating content from AI model:\", error);\n        logError(error as Error, { prompt, systemInstruction });\n        throw error;\n    }\n}\n\nasync function generateJson<T>(prompt: string, systemInstruction: string, schema: any, temperature = 0.2): Promise<T> {\n    try {\n        const response = await ai.models.generateContent({ model: \"gemini-2.5-flash\", contents: prompt, config: { systemInstruction, responseMimeType: \"application/json\", responseSchema: schema, temperature } });\n        return JSON.parse(response.text.trim());\n    } catch (error) {\n        console.error(\"Error generating JSON from AI model:\", error);\n        logError(error as Error, { prompt, systemInstruction });\n        throw error;\n    }\n}\n\nexport const explainCodeStream = (code: string) => streamContent(`Please explain the following code snippet:\\n\\n\\`\\`\\`\\n${code}\\n\\`\\`\\``, \"You are an expert software engineer providing a clear, concise explanation of code.\");\nexport const generateRegExStream = (description: string) => streamContent(`Generate a single valid JavaScript regex literal (e.g., /abc/gi) for the following description. Respond with ONLY the regex literal and nothing else: \"${description}\"`, \"You are an expert in regular expressions. You only output valid JavaScript regex literals.\", 0.7);\nexport const generateCommitMessageStream = (diff: string) => streamContent(`Generate a conventional commit message for the following context of new files being added:\\n\\n${diff}`, \"You are an expert programmer who writes excellent, conventional commit messages. The response should be only the commit message text.\", 0.8);\nexport const generateUnitTestsStream = (code: string) => streamContent(`Generate Vitest unit tests for this React component code:\\n\\n\\`\\`\\`tsx\\n${code}\\n\\`\\`\\``, \"You are a software quality engineer specializing in writing comprehensive and clear unit tests using Vitest and React Testing Library.\", 0.6);\nexport const formatCodeStream = (code: string) => streamContent(`Format this code:\\n\\n\\`\\`\\`javascript\\n${code}\\n\\`\\`\\``, \"You are a code formatter. Your only purpose is to format code. Respond with only the formatted code, enclosed in a single markdown block.\", 0.2);\nexport const generateComponentFromImageStream = (base64Image: string) => streamContent({ parts: [{ text: \"Generate a single-file React component using Tailwind CSS that looks like this image. Respond with only the code in a markdown block.\" }, { inlineData: { mimeType: 'image/png', data: base64Image } }] }, \"You are an expert frontend developer specializing in React and Tailwind CSS. You create clean, functional components from screenshots.\");\nexport const transcribeAudioToCodeStream = (base64Audio: string, mimeType: string) => streamContent({ parts: [{ text: \"Transcribe my speech into a code snippet. If I describe a function or component, write it out.\" }, { inlineData: { mimeType, data: base64Audio } }] }, \"You are an expert programmer. You listen to a user's voice and transcribe their ideas into code.\");\nexport const transferCodeStyleStream = (args: { code: string, styleGuide: string }) => streamContent(`Rewrite the following code to match the provided style guide.\\n\\nStyle Guide:\\n${args.styleGuide}\\n\\nCode to rewrite:\\n\\`\\`\\`\\n${args.code}\\n\\`\\`\\``, \"You are an AI assistant that rewrites code to match a specific style guide. Respond with only the rewritten code in a markdown block.\", 0.3);\nexport const generateCodingChallengeStream = (_: any) => streamContent(`Generate a new, interesting coding challenge suitable for an intermediate developer. Include a clear problem description, one or two examples, and any constraints. Format it in markdown.`, \"You are an AI that creates unique and interesting coding challenges for software developers.\", 0.9);\nexport const reviewCodeStream = (code: string) => streamContent(`Please perform a detailed code review on the following code snippet. Identify potential bugs, suggest improvements for readability and performance, and point out any anti-patterns. Structure your feedback with clear headings.\\n\\n\\`\\`\\`\\n${code}\\n\\`\\`\\``, \"You are a senior software engineer performing a code review. You are meticulous, helpful, and provide constructive feedback.\", 0.6);\nexport const generateChangelogFromLogStream = (log: string) => streamContent(`Analyze this git log and create a changelog:\\n\\n\\`\\`\\`\\n${log}\\n\\`\\`\\``, \"You are a git expert and project manager. Analyze the provided git log and generate a clean, categorized changelog in Markdown format. Group changes under 'Features' and 'Fixes'.\", 0.6);\nexport const enhanceSnippetStream = (code: string) => streamContent(`Enhance this code snippet. Add comments, improve variable names, and refactor for clarity or performance if possible.\\n\\n\\`\\`\\`\\n${code}\\n\\`\\`\\``, \"You are a senior software engineer who excels at improving code. Respond with only the enhanced code in a markdown block.\", 0.5);\nexport const summarizeNotesStream = (notes: string) => streamContent(`Summarize these developer notes into a bulleted list of key points and action items:\\n\\n${notes}`, \"You are a productivity assistant who is an expert at summarizing technical notes.\", 0.7);\nexport const migrateCodeStream = (code: string, from: string, to: string) => streamContent(`Translate this ${from} code to ${to}. Respond with only the translated code in a markdown block.\\n\\n\\`\\`\\`\\n${code}\\n\\`\\`\\``, `You are an expert polyglot programmer who specializes in migrating code between languages and frameworks.`, 0.4);\nexport const analyzeConcurrencyStream = (code: string) => streamContent(`Analyze this JavaScript code for potential concurrency issues, especially related to Web Workers. Identify race conditions, deadlocks, or inefficient data passing.\\n\\n\\`\\`\\`javascript\\n${code}\\n\\`\\`\\``, \"You are an expert in JavaScript concurrency, web workers, and multi-threaded programming concepts.\", 0.6);\nexport const debugErrorStream = (error: Error) => streamContent(`I encountered an error in my React application. Here are the details:\\n    \\n    Message: ${error.message}\\n    \\n    Stack Trace:\\n    ${error.stack}\\n    \\n    Please analyze this error. Provide a brief explanation of the likely cause, followed by a bulleted list of potential solutions or debugging steps. Structure your response in clear, concise markdown.`, \"You are an expert software engineer specializing in debugging React applications. You provide clear, actionable advice to help developers solve errors.\");\nexport const convertJsonToXbrlStream = (json: string) => streamContent(`Convert the following JSON to a simplified, XBRL-like XML format. Use meaningful tags based on the JSON keys. The root element should be <xbrl>. Do not include XML declarations or namespaces.\\n\\nJSON:\\n${json}`, \"You are an expert in data formats who converts JSON to clean, XBRL-like XML.\");\nexport const generateUnitTests = (code: string): Promise<string> => generateContent(`Generate Vitest unit tests for this React component code:\\n\\n\\`\\`\\`tsx\\n${code}\\n\\`\\`\\``, \"You are a software quality engineer specializing in writing unit tests. Respond with only the test code in a markdown block.\", 0.6);\nexport const generateCommitMessage = (diff: string): Promise<string> => generateContent(`Generate a commit message for the following context of new files being added:\\n\\n${diff}`, \"You are an expert programmer who writes excellent, conventional commit messages.\", 0.8);\n\nexport const explainCodeStructured = async (code: string): Promise<StructuredExplanation> => generateJson(`Analyze this code: \\n\\n\\`\\`\\`\\n${code}\\n\\`\\`\\``, \"You are an expert software engineer providing a structured analysis of a code snippet.\", { type: Type.OBJECT, properties: { summary: { type: Type.STRING }, lineByLine: { type: Type.ARRAY, items: { type: Type.OBJECT, properties: { lines: { type: Type.STRING }, explanation: { type: Type.STRING } }, required: [\"lines\", \"explanation\"] } }, complexity: { type: Type.OBJECT, properties: { time: { type: Type.STRING }, space: { type: Type.STRING } }, required: [\"time\", \"space\"] }, suggestions: { type: Type.ARRAY, items: { type: Type.STRING } } }, required: [\"summary\", \"lineByLine\", \"complexity\", \"suggestions\"] });\nexport const generateThemeFromDescription = async (description: string): Promise<ColorTheme> => generateJson(`Generate a color theme for: \"${description}\"`, \"You are a UI/UX design expert specializing in color theory. Generate a color theme based on the user's description. Provide hex codes for each color.\", { type: Type.OBJECT, properties: { primary: { type: Type.STRING }, background: { type: Type.STRING }, surface: { type: Type.STRING }, textPrimary: { type: Type.STRING }, textSecondary: { type: Type.STRING } }, required: [\"primary\", \"background\", \"surface\", \"textPrimary\", \"textSecondary\"] });\nexport const generatePrSummaryStructured = (diff: string): Promise<StructuredPrSummary> => generateJson(`Generate a PR summary for the following diff:\\n\\n\\`\\`\\`diff\\n${diff}\\n\\`\\`\\``, \"You are an expert programmer who writes excellent PR summaries.\", { type: Type.OBJECT, properties: { title: { type: Type.STRING }, summary: { type: Type.STRING }, changes: { type: Type.ARRAY, items: { type: Type.STRING } } }, required: [\"title\", \"summary\", \"changes\"] });\nexport const generateFeature = (prompt: string): Promise<GeneratedFile[]> => generateJson(`Generate the files for the following feature request: \"${prompt}\". Make sure to include a .tsx component file.`, \"You are an AI that generates complete, production-ready React components. Create all necessary files (component, styles, etc.).\", { type: Type.ARRAY, items: { type: Type.OBJECT, properties: { filePath: { type: Type.STRING }, content: { type: Type.STRING }, description: { type: Type.STRING } }, required: [\"filePath\", \"content\", \"description\"] } });\nexport interface CronParts { minute: string; hour: string; dayOfMonth: string; month: string; dayOfWeek: string; }\nexport const generateCronFromDescription = (description: string): Promise<CronParts> => generateJson(`Convert this schedule to a cron expression: \"${description}\"`, \"You are an expert in cron expressions. Convert the user's description into a valid cron expression parts.\", { type: Type.OBJECT, properties: { minute: { type: Type.STRING }, hour: { type: Type.STRING }, dayOfMonth: { type: Type.STRING }, month: { type: Type.STRING }, dayOfWeek: { type: Type.STRING } }, required: [\"minute\", \"hour\", \"dayOfMonth\", \"month\", \"dayOfWeek\"] });\nexport const generateColorPalette = (baseColor: string): Promise<{ colors: string[] }> => generateJson(`Generate a harmonious 6-color palette based on the color ${baseColor}.`, \"You are a color theory expert. Generate a 6-color palette based on the given base color.\", { type: Type.OBJECT, properties: { colors: { type: Type.ARRAY, items: { type: Type.STRING } } }, required: [\"colors\"] });\n\nexport interface CommandResponse { text: string; functionCalls?: { name: string; args: any; }[]; }\nexport const getInferenceFunction = async (prompt: string, functionDeclarations: FunctionDeclaration[], knowledgeBase: string): Promise<CommandResponse> => {\n    try {\n        const response: GenerateContentResponse = await ai.models.generateContent({ model: \"gemini-2.5-flash\", contents: prompt, config: { systemInstruction: `You are a helpful assistant for a developer tool. The user will ask you to perform a task.\\n        Based on your knowledge base of available tools, you must decide which function to call to satisfy the user's request.\\n        If no specific tool seems appropriate, you can respond with text.\\n        \\n        Knowledge Base of Available Tools:\\n        ${knowledgeBase}`, tools: [{ functionDeclarations }] } });\n        const functionCalls: { name: string, args: any }[] = [];\n        const parts = response.candidates?.[0]?.content?.parts ?? [];\n        for (const part of parts) { if (part.functionCall) { functionCalls.push({ name: part.functionCall.name, args: part.functionCall.args }); } }\n        return { text: response.text, functionCalls: functionCalls.length > 0 ? functionCalls : undefined };\n    } catch (error) {\n        logError(error as Error, { prompt });\n        throw error;\n    }\n};\n\nexport const generateImage = async (prompt: string): Promise<string> => {\n    const API_URL = \"https://generativelanguage.googleapis.com/v1beta/models/gemini-2.0-flash-preview-image-generation:generateContent\";\n    const API_KEY = process.env.GEMINI_API_KEY;\n    if (!API_KEY) { throw new Error(\"Gemini API key not found.\"); }\n    const body = { \"contents\": [{ \"parts\": [{ \"text\": prompt }] }], \"generationConfig\": { \"responseModalities\": [\"TEXT\", \"IMAGE\"] } };\n    const MAX_RETRIES = 3; let lastError: Error | null = null;\n    for (let i = 0; i < MAX_RETRIES; i++) {\n        try {\n            const response = await fetch(API_URL, { method: 'POST', headers: { 'x-goog-api-key': API_KEY, 'Content-Type': 'application/json' }, body: JSON.stringify(body) });\n            if (!response.ok) { const errorText = await response.text(); throw new Error(`API request failed with status ${response.status}: ${errorText}`); }\n            const data = await response.json();\n            const imagePart = data.candidates?.[0]?.content?.parts?.find((part: any) => part.inlineData && part.inlineData.mimeType.startsWith('image/'));\n            if (imagePart && imagePart.inlineData.data) { return `data:${imagePart.inlineData.mimeType};base64,${imagePart.inlineData.data}`; }\n            const textResponse = data.candidates?.[0]?.content?.parts?.find((p: any) => p.text)?.text;\n            if (textResponse) { throw new Error(`API returned text instead of an image: ${textResponse}`); }\n            throw new Error(\"API response did not contain valid image data.\");\n        } catch (error) {\n            lastError = error instanceof Error ? error : new Error(String(error));\n            logError(lastError, { context: 'generateImageFetch', attempt: i + 1, prompt });\n            console.warn(`Attempt ${i + 1} failed. Retrying in ${Math.pow(2, i)}s...`);\n            if (i < MAX_RETRIES - 1) { await sleep(1000 * Math.pow(2, i)); }\n        }\n    }\n    throw new Error(`Failed to generate image after ${MAX_RETRIES} attempts. The service may be busy or the prompt may have been blocked. Please try again with a different prompt. Last error: ${lastError?.message}`);\n};\n\n// --- DB Service ---\nconst DB_NAME = 'devcore-db';\nconst DB_VERSION = 1;\nconst STORE_NAME = 'generated-files';\ninterface DevCoreDB extends DBSchema { [STORE_NAME]: { key: string; value: GeneratedFile; indexes: { 'by-filePath': string }; }; }\nconst dbPromise = openDB<DevCoreDB>(DB_NAME, DB_VERSION, { upgrade(db) { const store = db.createObjectStore(STORE_NAME, { keyPath: 'filePath' }); store.createIndex('by-filePath', 'filePath'); } });\nexport const saveFile = async (file: GeneratedFile): Promise<void> => { const db = await dbPromise; await db.put(STORE_NAME, file); };\nexport const getAllFiles = async (): Promise<GeneratedFile[]> => { const db = await dbPromise; return db.getAll(STORE_NAME); };\nexport const clearAllFiles = async (): Promise<void> => { const db = await dbPromise; await db.clear(STORE_NAME); };\n\n// --- File Utils ---\nconst arrayBufferToBase64 = (buffer: ArrayBuffer): string => {\n    let binary = ''; const bytes = new Uint8Array(buffer); const len = bytes.byteLength;\n    for (let i = 0; i < len; i++) { binary += String.fromCharCode(bytes[i]); }\n    return window.btoa(binary);\n};\nexport const blobToBase64 = (blob: Blob): Promise<string> => {\n    return new Promise((resolve, reject) => {\n        const reader = new FileReader();\n        reader.onloadend = () => { resolve(arrayBufferToBase64(reader.result as ArrayBuffer)); };\n        reader.onerror = (error) => reject(error);\n        reader.readAsArrayBuffer(blob);\n    });\n};\nexport const fileToBase64 = (file: File): Promise<string> => blobToBase64(file);\nexport const blobToDataURL = (blob: Blob): Promise<string> => {\n    return new Promise((resolve, reject) => {\n        const reader = new FileReader();\n        reader.onloadend = () => { const base64 = arrayBufferToBase64(reader.result as ArrayBuffer); resolve(`data:${blob.type};base64,${base64}`); };\n        reader.onerror = (error) => reject(error);\n        reader.readAsArrayBuffer(blob);\n    });\n};\nexport const downloadFile = (content: string, filename: string, mimeType: string = 'text/plain') => {\n    const blob = new Blob([content], { type: mimeType }); const url = URL.createObjectURL(blob); const a = document.createElement('a');\n    a.href = url; a.download = filename; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url);\n};\n\n// --- Taxonomy Service ---\nexport interface FeatureTaxonomy { id: string; name: string; description: string; category: string; inputs: string; }\nexport const FEATURE_TAXONOMY: FeatureTaxonomy[] = [\n    { id: \"ai-command-center\", name: \"AI Command Center\", description: \"The main entry point. Use natural language to navigate and control the entire toolkit. Can call other tools.\", category: \"Core\", inputs: \"A natural language prompt describing what the user wants to do. Examples: 'explain this code: ...', 'design a theme with space vibes'.\" },\n    { id: \"ai-code-explainer\", name: \"AI Code Explainer\", description: \"Accepts a code snippet and provides a detailed, structured analysis including summary, line-by-line breakdown, time/space complexity, and suggestions for improvement.\", category: \"AI Tools\", inputs: \"A string containing a code snippet.\" },\n    { id: \"theme-designer\", name: \"AI Theme Designer\", description: \"Generates a complete UI color theme (primary, background, text colors) from a simple text description.\", category: \"AI Tools\", inputs: \"A string describing the desired aesthetic. Example: 'a calm, minimalist theme for a blog'.\" },\n    { id: \"regex-sandbox\", name: \"RegEx Sandbox\", description: \"Generates a regular expression from a natural language description. Also allows testing expressions against a string.\", category: \"Testing\", inputs: \"A string describing the pattern to match. Example: 'find all email addresses'.\" },\n    { id: \"pr-summary-generator\", name: \"AI PR Summary Generator\", description: \"Takes 'before' and 'after' code snippets, calculates the diff, and generates a structured pull request summary including a title, a prose description, and a bulleted list of changes.\", category: \"AI Tools\", inputs: \"Two strings: 'beforeCode' and 'afterCode'.\" },\n    { id: \"visual-git-tree\", name: \"AI Git Log Analyzer\", description: \"Intelligently parses a raw 'git log' output to create a categorized and well-formatted changelog, separating new features from bug fixes.\", category: \"Git\", inputs: \"A string containing the raw output of a 'git log' command.\" },\n    { id: \"cron-job-builder\", name: \"AI Cron Job Builder\", description: \"Generates a valid cron expression from a natural language description of a schedule.\", category: \"Deployment\", inputs: \"A string describing a schedule. Example: 'every weekday at 5pm'.\" },\n    { id: \"ai-code-migrator\", name: \"AI Code Migrator\", description: \"Translate code between languages & frameworks.\", category: \"AI Tools\", inputs: \"A string of code to convert, a string for the source language, and a string for the target language. e.g. 'migrate this SASS to CSS: ...'\" },\n    { id: \"ai-commit-generator\", name: \"AI Commit Message Generator\", description: \"Generates a conventional commit message from a git diff.\", category: \"AI Tools\", inputs: \"A string containing a git diff.\" },\n    { id: \"worker-thread-debugger\", name: \"AI Concurrency Analyzer\", description: \"Analyzes JavaScript code for potential Web Worker concurrency issues like race conditions.\", category: \"Testing\", inputs: \"A string of JavaScript code to analyze for concurrency issues.\" },\n    { id: \"xbrl-converter\", name: \"XBRL Converter\", description: \"Converts a JSON object into a simplified XBRL-like XML format.\", category: \"Data\", inputs: \"A string containing valid JSON.\" }\n];\n\n// --- Component Loader ---\nexport const lazyWithRetry = <T extends React.ComponentType<any>>(componentImport: () => Promise<{ [key: string]: T }>, exportName: string) => {\n    return lazy(async () => {\n        const MAX_RETRIES = 3; const RETRY_DELAY_MS = 1000;\n        for (let i = 0; i < MAX_RETRIES; i++) {\n            try {\n                const module = await componentImport();\n                if (module[exportName]) { return { default: module[exportName] }; }\n                throw new Error(`Named export '${exportName}' not found in module.`);\n            } catch (error) {\n                console.error(error);\n                if (i < MAX_RETRIES - 1) { await new Promise(resolve => setTimeout(resolve, RETRY_DELAY_MS)); } else {\n                    console.error(\"Failed to load component after multiple retries. Reloading page.\");\n                    window.location.reload();\n                    throw error;\n                }\n            }\n        }\n        throw new Error('Component failed to load and retries were exhausted.');\n    });\n};","import React from 'react';\n\nconst IconWrapper: React.FC<{children: React.ReactNode; className?: string}> = ({ children, className }) => (\n    <div className={className ?? 'w-6 h-6'}>{children}</div>\n);\n\n// --- From InterfaceIcons.tsx ---\nexport const CpuChipIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M8.25 3v1.5M4.5 8.25H3m18 0h-1.5M8.25 21v-1.5M4.5 15.75H3m18 0h-1.5M21 8.25v7.5A2.25 2.25 0 0 1 18.75 18H5.25A2.25 2.25 0 0 1 3 15.75v-7.5A2.25 2.25 0 0 1 5.25 6h13.5A2.25 2.25 0 0 1 21 8.25ZM12 18V6\" /></svg></IconWrapper>;\nexport const DocumentIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z\" /></svg></IconWrapper>;\nexport const FolderIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z\" /></svg></IconWrapper>;\nexport const LinkIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244\" /></svg></IconWrapper>;\nexport const ArchiveBoxIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"m20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5M10 11.25h4M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z\" /></svg></IconWrapper>;\nexport const ClipboardDocumentIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 0 1-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 0 1 1.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876C9.083 2.25 6.105 5.106 6.105 9.125v3.375c0 .621.504 1.125 1.125 1.125h9.75Z\" /></svg></IconWrapper>;\nexport const ArrowDownTrayIcon: React.FC<{className?: string}> = ({className}) => <IconWrapper className={className}><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3\" /></svg></IconWrapper>;\nexport const XMarkIcon: React.FC<{className?: string}> = ({className}) => <IconWrapper className={className}><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18 18 6M6 6l12 12\" /></svg></IconWrapper>;\nexport const PlusIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\" /></svg></IconWrapper>;\nexport const TrashIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.134-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.067-2.09 1.02-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0\" /></svg></IconWrapper>;\nexport const PencilIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 0 1 1.13-1.897L16.863 4.487Zm0 0L19.5 7.125\" /></svg></IconWrapper>;\nexport const MagnifyingGlassIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z\" /></svg></IconWrapper>;\nexport const Cog6ToothIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9.594 3.94c.09-.542.56-1.008 1.11-1.212l2.39-1.062a1.25 1.25 0 0 1 1.415.602l.62 1.24a1.25 1.25 0 0 0 1.282.693l2.394-.852a1.25 1.25 0 0 1 1.415 1.415l-.852 2.394a1.25 1.25 0 0 0 .693 1.282l1.24.62a1.25 1.25 0 0 1 .602 1.415l-1.062 2.39a1.25 1.25 0 0 0-1.212 1.11l-.22 1.319a1.25 1.25 0 0 1-1.393 1.053l-2.32-.82a1.25 1.25 0 0 0-1.353 0l-2.32.82a1.25 1.25 0 0 1-1.393-1.053l-.22-1.319a1.25 1.25 0 0 0-1.212-1.11l-1.062-2.39a1.25 1.25 0 0 1 .602-1.415l1.24-.62a1.25 1.25 0 0 0 .693-1.282l-.852-2.394a1.25 1.25 0 0 1 1.415-1.415l2.394.852a1.25 1.25 0 0 0 1.282-.693l.62-1.24a1.25 1.25 0 0 1 1.415-.602l-2.39 1.062a1.25 1.25 0 0 0-1.11 1.212Z\" /><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" /></svg></IconWrapper>;\nexport const HomeIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h7.5\" /></svg></IconWrapper>;\nexport const ChevronDownIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"m19.5 8.25-7.5 7.5-7.5-7.5\" /></svg></IconWrapper>;\nexport const SunIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z\" /></svg></IconWrapper>;\nexport const MoonIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z\" /></svg></IconWrapper>;\nexport const ArrowLeftOnRectangleIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M15.75 9V5.25A2.25 2.25 0 0 0 13.5 3h-6a2.25 2.25 0 0 0-2.25 2.25v13.5A2.25 2.25 0 0 0 7.5 21h6a2.25 2.25 0 0 0 2.25-2.25V15m-3 0-3-3m0 0 3-3m-3 3H5\" /></svg></IconWrapper>;\nexport const ArrowUpOnSquareIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3v12\" /></svg></IconWrapper>;\nconst WindowIconWrapper: React.FC<{ children: React.ReactNode }> = ({ children }) => (<div className=\"w-4 h-4\">{children}</div>);\nexport const MinimizeIcon: React.FC = () => <WindowIconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={3} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 12h14\" /></svg></WindowIconWrapper>;\nexport const MaximizeIcon: React.FC = () => <WindowIconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={3} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M4.5 4.5h15v15h-15z\" /></svg></WindowIconWrapper>;\nexport const RestoreIcon: React.FC = () => <WindowIconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={3} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M8.5 8.5h11v11h-11z M4.5 4.5h11v11h-11z\" /></svg></WindowIconWrapper>;\n\n// --- From FeatureIcons.tsx ---\nexport const FileCodeIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z\" /></svg></IconWrapper>;\nexport const GitBranchIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 3v4a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3V3M6 21v-4a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v4M12 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4z\" /></svg></IconWrapper>;\nexport const SparklesIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456Z\" /></svg></IconWrapper>;\nexport const EyeIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M2.036 12.322a1.012 1.012 0 0 1 0-.639l4.368-7.28A1.012 1.012 0 0 1 7.105 4.5h9.79a1.012 1.012 0 0 1 .701.293l4.368 7.28c.15.25.228.538.228.828s-.078.578-.228.828l-4.368 7.28a1.012 1.012 0 0 1-.701.293h-9.79a1.012 1.012 0 0 1-.701-.293l-4.368-7.28Z\" /><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" /></svg></IconWrapper>;\nexport const MapIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 6.75V15m6-6v8.25m.5-10.5h-7a.5.5 0 0 0-.5.5v13.5a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5V4.25a.5.5 0 0 0-.5-.5Z\" /></svg></IconWrapper>;\nexport const BeakerIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9.75 3.104v5.714a2.25 2.25 0 0 1-.659 1.591L5 14.5M9.75 3.104c.139-.02.28-.032.427-.032.147 0 .288.012.427.032M5 14.5h14M14.25 3.104v5.714c0 .822-.394 1.573-.986 2.05l-2.014.915a2.25 2.25 0 0 0-.659 1.591v5.714m-3.468-18.222.01.001\" /></svg></IconWrapper>;\nexport const CommandLineIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6.75 7.5 3 11.25l3.75 3.75M17.25 7.5 21 11.25l-3.75 3.75\" /></svg></IconWrapper>;\nexport const LockClosedIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M16.5 10.5V6.75a4.5 4.5 0 0 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z\" /></svg></IconWrapper>;\nexport const CodeBracketSquareIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M14.25 9.75 16.5 12l-2.25 2.25m-4.5 0L7.5 12l2.25-2.25M6 20.25h12A2.25 2.25 0 0 0 20.25 18V6A2.25 2.25 0 0 0 18 3.75H6A2.25 2.25 0 0 0 3.75 6v12A2.25 2.25 0 0 0 6 20.25Z\" /></svg></IconWrapper>;\nexport const PhotoIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z\" /></svg></IconWrapper>;\nexport const BellIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0\" /></svg></IconWrapper>;\nexport const ChartBarIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875v-6.75ZM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V8.625Zm6.75-5.25c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V3.375Z\" /></svg></IconWrapper>;\nexport const BugAntIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"m15.182 16.318A4.5 4.5 0 0 0 18 12a4.5 4.5 0 0 0-3.818-4.318m-3.564 4.318a4.5 4.5 0 0 1 3.564 0M6 12a4.5 4.5 0 0 1 3.818-4.318M12 12a4.5 4.5 0 0 1-3.818-4.318m0 8.636a4.5 4.5 0 0 1 3.818 0M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm0 0a8.949 8.949 0 0 0 5.482-1.611m-10.964 0A8.949 8.949 0 0 1 12 21Zm0 0a8.949 8.949 0 0 0-5.482-1.611m10.964 0A8.949 8.949 0 0 0 12 21Zm-5.482 1.61a8.973 8.973 0 0 1-2.18-1.001m10.342 0a8.973 8.973 0 0 0-2.18-1.001m-6-1.611a8.973 8.973 0 0 1-2.18-1.001M18 12a8.973 8.973 0 0 0-2.18-1.001m-6 0a8.973 8.973 0 0 1-2.18-1.001M6 12a8.973 8.973 0 0 0-2.18-1.001m10.342 0a8.973 8.973 0 0 0-2.18-1.001M12 3a8.973 8.973 0 0 1 2.18 1.001m-4.36 0A8.973 8.973 0 0 1 12 3m0 18a8.973 8.973 0 0 0 2.18-1.001m-4.36 0A8.973 8.973 0 0 0 12 21Zm0-18a8.973 8.973 0 0 0-2.18-1.001m4.36 0A8.973 8.973 0 0 0 12 3Z\" /></svg></IconWrapper>;\nexport const TerminalIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6.75 7.5l3.75 3.75L6.75 15m6-7.5h4.5\" /></svg></IconWrapper>;\nexport const ServerStackIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 20.25h12m-7.5-3.75v3.75m3.75-3.75v3.75M12 3c-5.12 0-9.25 4.13-9.25 9.25s4.13 9.25 9.25 9.25 9.25-4.13 9.25-9.25S17.12 3 12 3Z\" /></svg></IconWrapper>;\nexport const CloudIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M2.25 15a4.5 4.5 0 0 0 4.5 4.5H18a3.75 3.75 0 0 0 1.332-7.257 3 3 0 0 0-5.056-2.287 4.5 4.5 0 0 0-8.25-2.287 4.5 4.5 0 0 0-1.25 8.25Z\" /></svg></IconWrapper>;\nexport const PaperAirplaneIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 12 3.269 3.125A59.769 59.769 0 0 1 21.485 12 59.768 59.768 0 0 1 3.27 20.875L5.999 12Zm0 0h7.5\" /></svg></IconWrapper>;\nexport const ShieldCheckIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 12.75 11.25 15 15 9.75m-3-7.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.286Z\" /></svg></IconWrapper>;\nexport const ArrowPathIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 11.667 0l3.181-3.183m-4.991-2.691V5.25a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75\" /></svg></IconWrapper>;\nexport const RectangleGroupIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M2.25 7.125A2.25 2.25 0 0 1 4.5 4.875h15A2.25 2.25 0 0 1 21.75 7.125v10.5A2.25 2.25 0 0 1 19.5 19.875h-15A2.25 2.25 0 0 1 2.25 17.625v-10.5ZM11.25 4.875v10.5a2.25 2.25 0 0 1-2.25 2.25h-1.5a2.25 2.25 0 0 1-2.25-2.25v-10.5a2.25 2.25 0 0 1 2.25-2.25h1.5a2.25 2.25 0 0 1 2.25 2.25Z\" /></svg></IconWrapper>;\nexport const MusicalNoteIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 9V4.5M9 9c0 .54.06.913.175 1.313M9 9H4.5M9.175 10.313C9.06 10.087 9 9.85 9 9.6V4.5a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75v5.1a.75.75 0 0 1-.75.75h-.625a.75.75 0 0 1-.75-.75V9.75\" /></svg></IconWrapper>;\nexport const VideoCameraIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"m15.75 10.5 4.72-4.72a.75.75 0 0 1 1.28.53v11.38a.75.75 0 0 1-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 0 0 2.25-2.25v-9A2.25 2.25 0 0 0 13.5 5.25h-9A2.25 2.25 0 0 0 2.25 7.5v9A2.25 2.25 0 0 0 4.5 18.75Z\" /></svg></IconWrapper>;\nexport const DocumentTextIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z\" /></svg></IconWrapper>;\nexport const PaintBrushIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\" /></svg></IconWrapper>;\nexport const PuzzlePieceIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M14.25 6.087c0-1.036-.84-1.875-1.875-1.875s-1.875.84-1.875 1.875v.563c-1.036 0-1.875.84-1.875 1.875v1.5c0 1.036.84 1.875 1.875 1.875h1.5c1.036 0 1.875-.84 1.875-1.875v-1.5c0-1.036-.84-1.875-1.875-1.875v-.563Zm-4.5 0v.563c-1.036 0-1.875.84-1.875 1.875v1.5c0 1.036.84 1.875 1.875 1.875h1.5c1.036 0 1.875-.84 1.875-1.875v-1.5c0-1.036-.84-1.875-1.875-1.875v-.563a1.875 1.875 0 0 0-3.75 0Z\" /></svg></IconWrapper>;\nexport const MicrophoneIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M12 18.75a6 6 0 0 0 6-6v-1.5m-6 7.5a6 6 0 0 1-6-6v-1.5m12 4.5v-1.5a6 6 0 0 0-12 0v1.5m12 0v-1.5a6 6 0 0 0-12 0v1.5m6 3.75a3 3 0 0 1-3-3V6.75a3 3 0 0 1 6 0v6a3 3 0 0 1-3 3Z\" /></svg></IconWrapper>;\n\n// --- From CustomFeatureIcons.tsx ---\nexport const CommandCenterIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M10 9V5l-7 7 7 7v-4.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/><path d=\"M14 14.5V19l7-7-7-7v4.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/><circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"currentColor\" opacity=\"0.4\"/></svg></IconWrapper>;\nexport const ProjectExplorerIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M3.75 9.75h16.5m-16.5 4.5h16.5m-16.5 4.5h16.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z\" /></svg></IconWrapper>;\nexport const ConnectionsIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244\" /></svg></IconWrapper>;\nexport const CodeExplainerIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\"/><path d=\"M14 2v6h6\"/><circle cx=\"12\" cy=\"15\" r=\"3\"/><path d=\"M12 18v2\"/></svg></IconWrapper>;\nexport const FeatureBuilderIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5\"/><path d=\"M2 12l10 5 10-5\"/><path d=\"M17 8.5l-5 2.5-5-2.5\"/><path d=\"M12 17.5V14\"/></svg></IconWrapper>;\nexport const CodeMigratorIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M10 22H5a2 2 0 01-2-2V4a2 2 0 012-2h5\"/><path d=\"M14 2h5a2 2 0 012 2v16a2 2 0 01-2 2h-5\"/><path d=\"M7 8h2m-2 4h4m-4 4h2\"/></svg></IconWrapper>;\nexport const ThemeDesignerIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 2a10 10 0 000 20z\"/><path d=\"M22 12c-5.523 0-10-4.477-10-10\"/></svg></IconWrapper>;\nexport const SnippetVaultIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\" ry=\"2\"/><circle cx=\"12\" cy=\"12\" r=\"3\"/><path d=\"M8 12h8m-4-4v8\"/></svg></IconWrapper>;\nexport const DigitalWhiteboardIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" /><path d=\"M7 8h4m-4 4h8m-8 4h6\" /></svg></IconWrapper>;\nexport const UnitTestGeneratorIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M4.5 12.5l3-3 3 3 6-6\"/><path d=\"M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"/></svg></IconWrapper>;\nexport const CommitGeneratorIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2\"/><rect x=\"8\" y=\"2\" width=\"8\" height=\"4\" rx=\"1\" ry=\"1\"/></svg></IconWrapper>;\nexport const GitLogAnalyzerIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M6 3v18\"/><path d=\"M18 3v18\"/><path d=\"M12 3v18\"/><circle cx=\"6\" cy=\"6\" r=\"3\" fill=\"currentColor\" opacity=\"0.4\"/><circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"currentColor\" opacity=\"0.4\"/><circle cx=\"18\" cy=\"18\" r=\"3\" fill=\"currentColor\" opacity=\"0.4\"/></svg></IconWrapper>;\nexport const ConcurrencyAnalyzerIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M18 6l-6 6-6-6\"/><path d=\"M18 18l-6-6-6 6\"/></svg></IconWrapper>;\nexport const RegexSandboxIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M15 4l-8 16\"/><path d=\"M22 12H2\"/><path d=\"M10 3L6 21\"/></svg></IconWrapper>;\nexport const PromptCraftPadIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\"/></svg></IconWrapper>;\nexport const CodeFormatterIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M3 6h3m-3 6h3m-3 6h3M9 6h12M9 12h12M9 18h12\"/></svg></IconWrapper>;\nexport const JsonTreeIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M10 21v-4a2 2 0 012-2h8\"/><path d=\"M10 17H5a2 2 0 01-2-2V5a2 2 0 012-2h8a2 2 0 012 2v2\"/><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"2\" ry=\"2\" opacity=\"0.2\"/></svg></IconWrapper>;\nexport const XbrlConverterIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M8 8l-4 4 4 4m8-8l4 4-4-4\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/><path d=\"M14.5 5.5l-5 13\" strokeLinecap=\"round\"/></svg></IconWrapper>;\nexport const CssGridEditorIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"/></svg></IconWrapper>;\nexport const SchemaDesignerIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M4 7V4h16v3\"/><path d=\"M4 12h16\"/><path d=\"M4 17h16\"/><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"2\" ry=\"2\" opacity=\"0.2\"/></svg></IconWrapper>;\nexport const PwaManifestEditorIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M12 22a10 10 0 100-20 10 10 0 000 20z\"/><path d=\"M12 12l4-4m-4 8l-4-4\"/></svg></IconWrapper>;\nexport const MarkdownSlidesIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M20 3H4a2 2 0 00-2 2v14a2 2 0 002 2h16a2 2 0 002-2V5a2 2 0 00-2-2z\"/><path d=\"M9 16V8h6\"/></svg></IconWrapper>;\nexport const ScreenshotToComponentIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4\"/><path d=\"M7 10l5-5 5 5m-5 8v-13\"/></svg></IconWrapper>;\nexport const TypographyLabIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M4 7V4h16v3\"/><path d=\"M4 17h16\"/><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"2\" ry=\"2\" opacity=\"0.2\"/></svg></IconWrapper>;\nexport const SvgPathEditorIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M12 20.9l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 20.9z\"/></svg></IconWrapper>;\nexport const StyleTransferIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M12 2.69l.94-2.69.94 2.69L16.5 3l-2.69.94L13 6.58 12 4l-1 2.58L8.31 4 5.62 3l2.69.94.94 2.69.94-2.69z\"/><path d=\"M12 2.69l.94-2.69.94 2.69L16.5 3l-2.69.94L13 6.58 12 4l-1 2.58L8.31 4 5.62 3l2.69.94.94 2.69.94-2.69zM12 2.69l.94-2.69.94 2.69L16.5 3l-2.69.94L13 6.58 12 4l-1 2.58L8.31 4 5.62 3l2.69.94.94 2.69.94-2.69zM3.5 13.5c0-4.694 3.806-8.5 8.5-8.5s8.5 3.806 8.5 8.5-3.806 8.5-8.5 8.5-8.5-3.806-8.5-8.5z\"/></svg></IconWrapper>;\nexport const CodingChallengeIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M12 8V6m0 12v-2m-4-6H6m12 0h-2m-2-4l-1.5-1.5M18 18l-1.5-1.5M6 18l1.5-1.5M6 6l1.5 1.5\"/><circle cx=\"12\" cy=\"12\" r=\"3\"/></svg></IconWrapper>;\nexport const CodeReviewBotIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M12 20V10m0 0V4m0 6h8m-8 0H4\"/><path d=\"M12 20a8 8 0 100-16 8 8 0 000 16z\"/></svg></IconWrapper>;\nexport const AiPullRequestAssistantIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M13 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V9z\"/><path d=\"M13 2v7h7\"/><path d=\"M17.5 2.5l-2-2m2 2l2-2m-2 2v4\"/></svg></IconWrapper>;\nexport const ChangelogGeneratorIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\"/><path d=\"M14 2v6h6\"/><path d=\"M16 13H8m8 4H8m-1-8l-2-2-2 2\"/></svg></IconWrapper>;\nexport const CronJobBuilderIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"/></svg></IconWrapper>;\nexport const AsyncCallTreeIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M3 6h18M3 12h18M3 18h18\"/><path d=\"M6 3v18m12-18v18\"/></svg></IconWrapper>;\nexport const AudioToCodeIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M12 1a3 3 0 00-3 3v8a3 3 0 006 0V4a3 3 0 00-3-3z\"/><path d=\"M19 10v2a7 7 0 01-14 0v-2\"/><path d=\"M12 19v4\"/></svg></IconWrapper>;\nexport const CodeDiffGhostIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M16 16l-4-4 4-4m-8 8l4-4-4-4\"/></svg></IconWrapper>;\nexport const CodeSpellCheckerIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.72\"/><path d=\"M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.72-1.72\"/></svg></IconWrapper>;\nexport const ColorPaletteGeneratorIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"/></svg></IconWrapper>;\nexport const LogicFlowBuilderIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M3 6h18m-9 6H3m9 6H3\"/><path d=\"M8 3v18m8-18v18\"/></svg></IconWrapper>;\nexport const MetaTagEditorIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z\"/><path d=\"M7 7h.01\"/></svg></IconWrapper>;\nexport const NetworkVisualizerIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M18 10h4V6h-4V2l-4 4 4 4zM6 14H2v4h4v4l4-4-4-4z\"/><path d=\"M10 14v-4h4v4\"/></svg></IconWrapper>;\nexport const ResponsiveTesterIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"/><path d=\"M21 12a9 9 0 00-9-9m9 9a9 9 0 01-9 9\"/></svg></IconWrapper>;\nexport const SassCompilerIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><path d=\"M21.168 18.168A10 10 0 118.832 2.832m12.336 15.336L8.832 2.832\"/></svg></IconWrapper>;\nexport const ImageGeneratorIcon: React.FC = () => <IconWrapper><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"/><path d=\"M21 15l-5-5L5 21\"/></svg></IconWrapper>;\nexport const GithubIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fillRule=\"evenodd\" d=\"M12 2C6.477 2 2 6.477 2 12c0 4.418 2.865 8.168 6.839 9.492.5.092.682-.217.682-.482 0-.237-.009-.868-.014-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.031-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.203 2.398.1 2.651.64.7 1.03 1.595 1.03 2.688 0 3.848-2.338 4.695-4.566 4.942.359.308.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.001 10.001 0 0022 12c0-5.523-4.477-10-10-10z\" clipRule=\"evenodd\" /></svg></IconWrapper>;\nexport const HuggingFaceIcon: React.FC = () => <IconWrapper><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20.25,4.01A2.25,2.25,0,0,0,18,1.76H6A2.25,2.25,0,0,0,3.75,4.01V15.5A2.25,2.25,0,0,0,6,17.75H8.6l3.4,3.4,3.4-3.4H18a2.25,2.25,0,0,0,2.25-2.25V4.01ZM8.5,12.06a1,1,0,0,1,1,1,1,1,0,0,1-2,0,1,1,0,0,1,1-1Zm4.9,0a1,1,0,0,1,1,1,1,1,0,0,1-2,0,1,1,0,0,1,1-1Zm2.6,3.44a3.25,3.25,0,0,1-6,0,.75.75,0,0,1,1.5,0,1.75,1.75,0,0,0,3,0,.75.75,0,0,1,1.5,0Z\"/></svg></IconWrapper>;\n","import React, { useState, useEffect } from 'react';\nimport { marked } from 'marked';\n\nexport const LoadingSpinner: React.FC = () => (\n    <div className=\"flex items-center justify-center space-x-1\" aria-label=\"Loading\">\n        <div className=\"w-2 h-2 rounded-full bg-current animate-pulse\" style={{ animationDelay: '0s' }}></div>\n        <div className=\"w-2 h-2 rounded-full bg-current animate-pulse\" style={{ animationDelay: '0.2s' }}></div>\n        <div className=\"w-2 h-2 rounded-full bg-current animate-pulse\" style={{ animationDelay: '0.4s' }}></div>\n    </div>\n);\n\ninterface MarkdownRendererProps {\n    content: string;\n}\n\nexport const MarkdownRenderer: React.FC<MarkdownRendererProps> = ({ content }) => {\n    const [sanitizedHtml, setSanitizedHtml] = useState<string | TrustedHTML>('');\n\n    useEffect(() => {\n        const parse = async () => {\n            if (content) {\n                const html = await marked.parse(content);\n                setSanitizedHtml(html);\n            } else {\n                setSanitizedHtml('');\n            }\n        };\n        parse();\n    }, [content]);\n\n    return (\n        <div\n            className=\"prose prose-sm max-w-none prose-headings:text-text-primary prose-p:text-text-primary prose-strong:text-text-primary prose-code:text-primary prose-code:before:content-none prose-code:after:content-none prose-pre:bg-gray-50 prose-pre:border prose-pre:border-border prose-pre:p-4 prose-pre:m-0\"\n            dangerouslySetInnerHTML={{ __html: sanitizedHtml }}\n        />\n    );\n};\n","\n\nimport React from 'react';\nimport { logError } from '../services/index.ts';\nimport { debugErrorStream } from '../services/index.ts';\nimport { SparklesIcon } from './icons.tsx';\nimport { MarkdownRenderer, LoadingSpinner } from './shared/index.tsx';\n\ninterface Props {\n  children: React.ReactNode;\n}\n\ninterface State {\n  hasError: boolean;\n  error: Error | null;\n  aiHelp: string;\n  isAiLoading: boolean;\n}\n\nexport class ErrorBoundary extends React.Component<Props, State> {\n  constructor(props: Props) {\n    super(props);\n    this.state = { hasError: false, error: null, aiHelp: '', isAiLoading: false };\n  }\n\n  static getDerivedStateFromError(error: Error): Partial<State> {\n    return { hasError: true, error };\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n    logError(error, { componentStack: errorInfo.componentStack });\n  }\n  \n  handleRevert = () => {\n    window.location.reload();\n  };\n\n  handleAskAi = async () => {\n    if (!this.state.error) return;\n\n    this.setState({ isAiLoading: true, aiHelp: '' });\n    try {\n        const stream = debugErrorStream(this.state.error);\n        let fullResponse = '';\n        for await (const chunk of stream) {\n            fullResponse += chunk;\n            this.setState({ aiHelp: fullResponse });\n        }\n    } catch (e) {\n        this.setState({ aiHelp: 'Sorry, the AI assistant could not be reached.' });\n        logError(e as Error, { context: 'AI Error Debugging' });\n    } finally {\n        this.setState({ isAiLoading: false });\n    }\n};\n\n  render() {\n    if (this.state.hasError) {\n      return (\n        <div className=\"w-full h-full flex flex-col items-center justify-center p-4 sm:p-6 lg:p-8 bg-background text-text-primary\">\n            <div className=\"w-full max-w-4xl bg-surface border border-border rounded-lg p-6 shadow-2xl grid grid-cols-1 md:grid-cols-2 gap-6\">\n                {/* Left Column: Error Details & Actions */}\n                <div className=\"flex flex-col\">\n                    <h1 className=\"text-2xl font-bold text-red-600 mb-2\">An Unexpected Error Occurred</h1>\n                    <p className=\"text-text-secondary mb-4\">A component has crashed. You can try reloading or ask the AI for debugging help.</p>\n                    \n                    <details className=\"text-left bg-gray-50 p-2 rounded-md max-w-xl text-xs font-mono mb-4 flex-grow overflow-auto border border-border\">\n                        <summary className=\"cursor-pointer\">Error Details</summary>\n                        <pre className=\"mt-2 whitespace-pre-wrap\">{this.state.error?.stack}</pre>\n                    </details>\n                    \n                    <div className=\"flex gap-4 mt-auto\">\n                        <button\n                            onClick={this.handleRevert}\n                            className=\"flex-1 px-4 py-2 bg-yellow-400 text-yellow-900 font-bold rounded-md hover:bg-yellow-300 transition-colors\"\n                        >\n                            Reload Application\n                        </button>\n                         <button\n                            onClick={this.handleAskAi}\n                            disabled={this.state.isAiLoading}\n                            className=\"btn-primary flex-1 px-4 py-2 flex items-center justify-center gap-2\"\n                        >\n                            <SparklesIcon />\n                            {this.state.isAiLoading ? 'Analyzing...' : 'Ask AI for Help'}\n                        </button>\n                    </div>\n                </div>\n\n                {/* Right Column: AI Help */}\n                <div className=\"flex flex-col bg-gray-50 rounded-lg p-4 border border-border\">\n                    <h2 className=\"text-lg font-bold text-text-primary mb-2\">AI Assistant</h2>\n                    <div className=\"flex-grow overflow-y-auto\">\n                        {this.state.isAiLoading && <div className=\"flex justify-center items-center h-full\"><LoadingSpinner /></div>}\n                        {this.state.aiHelp && <MarkdownRenderer content={this.state.aiHelp} />}\n                        {!this.state.isAiLoading && !this.state.aiHelp && <p className=\"text-text-secondary text-center pt-10\">Click \"Ask AI\" to get debugging suggestions.</p>}\n                    </div>\n                </div>\n            </div>\n        </div>\n      );\n    }\n\n    return this.props.children;\n  }\n}","import React, { createContext, useReducer, useContext, useEffect } from 'react';\nimport type { ViewType, User, FileNode, Theme } from '../types.ts';\n\n// State shape\ninterface GlobalState {\n  activeView: ViewType;\n  viewProps: any;\n  theme: Theme;\n  hiddenFeatures: string[];\n  isAuthenticated: boolean;\n  user: User | null;\n  token: string | null;\n  isGithubConnected: boolean;\n  isHuggingFaceConnected: boolean;\n  projectFiles: FileNode | null;\n  selectedRepo: { owner: string; repo: string } | null;\n}\n\n// Action types\ntype Action =\n  | { type: 'SET_VIEW'; payload: { view: ViewType, props?: any } }\n  | { type: 'TOGGLE_FEATURE_VISIBILITY'; payload: { featureId: string } }\n  | { type: 'LOGIN'; payload: { user: User, token: string } }\n  | { type: 'LOGOUT' }\n  | { type: 'SET_GITHUB_CONNECTED'; payload: boolean }\n  | { type: 'SET_HUGGINGFACE_CONNECTED'; payload: boolean }\n  | { type: 'LOAD_PROJECT_FILES'; payload: FileNode | null }\n  | { type: 'SET_SELECTED_REPO'; payload: { owner: string; repo: string } | null };\n\n\nconst initialState: GlobalState = {\n  activeView: 'ai-command-center',\n  viewProps: {},\n  theme: 'light',\n  hiddenFeatures: [],\n  isAuthenticated: false,\n  user: null,\n  token: null,\n  isGithubConnected: false,\n  isHuggingFaceConnected: false,\n  projectFiles: null,\n  selectedRepo: null,\n};\n\nconst reducer = (state: GlobalState, action: Action): GlobalState => {\n  switch (action.type) {\n    case 'SET_VIEW':\n      return { ...state, activeView: action.payload.view, viewProps: action.payload.props || {} };\n    case 'TOGGLE_FEATURE_VISIBILITY': {\n        const { featureId } = action.payload;\n        const isHidden = state.hiddenFeatures.includes(featureId);\n        const newHiddenFeatures = isHidden\n            ? state.hiddenFeatures.filter(id => id !== featureId)\n            : [...state.hiddenFeatures, featureId];\n        return { ...state, hiddenFeatures: newHiddenFeatures };\n    }\n    case 'LOGIN':\n        return { \n            ...state, \n            isAuthenticated: true, \n            user: action.payload.user, \n            token: action.payload.token,\n            isGithubConnected: true \n        };\n    case 'LOGOUT':\n        return {\n            ...initialState,\n            theme: state.theme,\n            hiddenFeatures: state.hiddenFeatures,\n            isAuthenticated: false,\n            user: null,\n            token: null,\n            isGithubConnected: false,\n            selectedRepo: null,\n            projectFiles: null,\n        };\n    case 'SET_GITHUB_CONNECTED':\n      return { ...state, isGithubConnected: action.payload };\n    case 'SET_HUGGINGFACE_CONNECTED':\n      return { ...state, isHuggingFaceConnected: action.payload };\n    case 'LOAD_PROJECT_FILES':\n      return { ...state, projectFiles: action.payload };\n    case 'SET_SELECTED_REPO':\n      return { ...state, selectedRepo: action.payload, projectFiles: null }; // Reset files on repo change\n    default:\n      return state;\n  }\n};\n\nconst GlobalStateContext = createContext<{\n  state: GlobalState;\n  dispatch: React.Dispatch<Action>;\n}>({\n  state: initialState,\n  dispatch: () => null,\n});\n\nconst LOCAL_STORAGE_KEY = 'devcore_snapshot';\nconst CONSENT_KEY = 'devcore_ls_consent';\n\nexport const GlobalStateProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n    const canPersist = (() => {\n        try {\n            return localStorage.getItem(CONSENT_KEY) === 'granted';\n        } catch (e) {\n            return false;\n        }\n    })();\n\n    const [state, dispatch] = useReducer(reducer, initialState, (initial) => {\n        if (!canPersist) return initial;\n        \n        try {\n            const storedStateJSON = localStorage.getItem(LOCAL_STORAGE_KEY);\n            if (!storedStateJSON) return initial;\n            \n            const storedState = JSON.parse(storedStateJSON);\n            const hydratedState = { ...initial };\n\n            // Hydrate state from local storage\n            if (storedState.token) hydratedState.token = storedState.token;\n            if (storedState.selectedRepo) hydratedState.selectedRepo = storedState.selectedRepo;\n            if (storedState.activeView) hydratedState.activeView = storedState.activeView;\n            if (storedState.hiddenFeatures) hydratedState.hiddenFeatures = storedState.hiddenFeatures;\n            \n            return hydratedState;\n        } catch (error) {\n            console.error(\"Failed to parse state from localStorage\", error);\n            return initial;\n        }\n    });\n\n    useEffect(() => {\n        if (!canPersist) return;\n\n        const handler = setTimeout(() => {\n            try {\n                const stateToSave = { \n                    token: state.token,\n                    selectedRepo: state.selectedRepo,\n                    activeView: state.activeView,\n                    hiddenFeatures: state.hiddenFeatures,\n                };\n                localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(stateToSave));\n            } catch (error) {\n                console.error(\"Failed to save state to localStorage\", error);\n            }\n        }, 500);\n        \n        return () => clearTimeout(handler);\n    }, [state, canPersist]);\n\n\n    return (\n        <GlobalStateContext.Provider value={{ state, dispatch }}>\n            {children}\n        </GlobalStateContext.Provider>\n    );\n};\n\nexport const useGlobalState = () => useContext(GlobalStateContext);","\n\nconst isTelemetryEnabled = true; // Could be controlled by a setting\n\nconst sanitizePayload = (payload: Record<string, any>): Record<string, any> => {\n    const sanitized: Record<string, any> = {};\n    for (const key in payload) {\n        if (Object.prototype.hasOwnProperty.call(payload, key)) {\n            const value = payload[key];\n            // Truncate long strings to avoid polluting the console (e.g., base64 data)\n            if (typeof value === 'string' && value.length > 500) {\n                sanitized[key] = `${value.substring(0, 100)}... (truncated)`;\n            } else {\n                sanitized[key] = value;\n            }\n        }\n    }\n    return sanitized;\n};\n\n\nexport const logEvent = (eventName: string, payload: Record<string, any> = {}) => {\n  if (!isTelemetryEnabled) return;\n\n  console.log(\n    `%c[TELEMETRY EVENT]%c ${eventName}`,\n    'color: #84cc16; font-weight: bold;',\n    'color: inherit;',\n    sanitizePayload(payload)\n  );\n};\n\nexport const logError = (error: Error, context: Record<string, any> = {}) => {\n  if (!isTelemetryEnabled) return;\n\n  console.error(\n    `%c[TELEMETRY ERROR]%c ${error.message}`,\n    'color: #ef4444; font-weight: bold;',\n    'color: inherit;',\n    {\n      error,\n      context: sanitizePayload(context),\n      stack: error.stack,\n    }\n  );\n};\n\nexport const measurePerformance = async <T>(\n  metricName: string,\n  operation: () => Promise<T>\n): Promise<T> => {\n  const start = performance.now();\n  try {\n    const result = await operation();\n    const end = performance.now();\n    const duration = end - start;\n\n    if (isTelemetryEnabled) {\n      console.log(\n        `%c[TELEMETRY PERF]%c ${metricName}`,\n        'color: #3b82f6; font-weight: bold;',\n        'color: inherit;',\n        { duration: `${duration.toFixed(2)}ms` }\n      );\n    }\n    return result;\n  } catch (error) {\n    const end = performance.now();\n    const duration = end - start;\n     if (isTelemetryEnabled) {\n        console.warn(\n          `%c[TELEMETRY PERF FAILED]%c ${metricName}`,\n          'color: #f97316; font-weight: bold;',\n          'color: inherit;',\n          { duration: `${duration.toFixed(2)}ms`, error }\n        );\n      }\n    throw error;\n  }\n};","import React from 'react';\nimport {\n    CommandCenterIcon, CodeExplainerIcon, FeatureBuilderIcon, CodeMigratorIcon, ThemeDesignerIcon, SnippetVaultIcon,\n    UnitTestGeneratorIcon, CommitGeneratorIcon, GitLogAnalyzerIcon, ConcurrencyAnalyzerIcon, RegexSandboxIcon,\n    PromptCraftPadIcon, CodeFormatterIcon, JsonTreeIcon, CssGridEditorIcon, SchemaDesignerIcon, PwaManifestEditorIcon,\n    MarkdownSlidesIcon, ScreenshotToComponentIcon, SvgPathEditorIcon, StyleTransferIcon, CodingChallengeIcon,\n    CodeReviewBotIcon, ChangelogGeneratorIcon, CronJobBuilderIcon,\n    AsyncCallTreeIcon, AudioToCodeIcon, CodeDiffGhostIcon, CodeSpellCheckerIcon, ColorPaletteGeneratorIcon, LogicFlowBuilderIcon,\n    MetaTagEditorIcon, NetworkVisualizerIcon, ResponsiveTesterIcon, SassCompilerIcon, ImageGeneratorIcon, XbrlConverterIcon,\n    DigitalWhiteboardIcon, TypographyLabIcon, AiPullRequestAssistantIcon, ProjectExplorerIcon, ConnectionsIcon\n} from './components/icons.tsx';\n\nexport const CHROME_VIEW_IDS = ['features-list'] as const;\n\nexport const SLOTS = ['Core', 'AI Tools', 'Frontend', 'Testing', 'Database', 'Productivity'] as const;\nexport type SlotCategory = typeof SLOTS[number];\n\nexport const FEATURE_CATEGORIES = ['Core', 'AI Tools', 'Frontend', 'Testing', 'Database', 'Data', 'Productivity', 'Git', 'Deployment', 'Security', 'Workflow'] as const;\nexport type FeatureCategory = typeof FEATURE_CATEGORIES[number];\n\ninterface RawFeature {\n    id: string;\n    name: string;\n    description: string;\n    icon: React.ReactNode;\n    category: FeatureCategory;\n}\n\n// This is the raw data, to be \"compiled\" by features/index.ts\nexport const RAW_FEATURES: RawFeature[] = [\n    { id: \"ai-command-center\", name: \"AI Command Center\", description: \"Use natural language to navigate and control the toolkit.\", icon: React.createElement(CommandCenterIcon), category: \"Core\" },\n    { id: \"project-explorer\", name: \"Project Explorer\", description: \"Manage and edit files from your connected repositories.\", icon: React.createElement(ProjectExplorerIcon), category: \"Core\" },\n    { id: \"connections\", name: \"Connections\", description: \"Connect to GitHub, Hugging Face, and other services.\", icon: React.createElement(ConnectionsIcon), category: \"Core\" },\n    { id: \"ai-image-generator\", name: \"AI Image Generator\", description: \"Generate high-quality images from a text prompt.\", icon: React.createElement(ImageGeneratorIcon), category: \"AI Tools\" },\n    { id: \"ai-code-explainer\", name: \"AI Code Explainer\", description: \"Get a structured analysis of code, including complexity.\", icon: React.createElement(CodeExplainerIcon), category: \"AI Tools\" },\n    { id: \"ai-feature-builder\", name: \"AI Feature Builder\", description: \"Generate code, tests, and commit messages.\", icon: React.createElement(FeatureBuilderIcon), category: \"AI Tools\" },\n    { id: \"ai-code-migrator\", name: \"AI Code Migrator\", description: \"Translate code between languages & frameworks.\", icon: React.createElement(CodeMigratorIcon), category: \"AI Tools\" },\n    { id: \"theme-designer\", name: \"AI Theme Designer\", description: \"Generate, fine-tune, and export UI color themes from a text description.\", icon: React.createElement(ThemeDesignerIcon), category: \"AI Tools\" },\n    { id: \"portable-snippet-vault\", name: \"Snippet Vault\", description: \"Store, search, tag, and enhance reusable code snippets with AI.\", icon: React.createElement(SnippetVaultIcon), category: \"Productivity\" },\n    { id: \"digital-whiteboard\", name: \"Digital Whiteboard\", description: \"Organize ideas with interactive sticky notes and get AI-powered summaries.\", icon: React.createElement(DigitalWhiteboardIcon), category: \"Productivity\" },\n    { id: \"ai-unit-test-generator\", name: \"AI Unit Test Generator\", description: \"Generate unit tests from source code.\", icon: React.createElement(UnitTestGeneratorIcon), category: \"AI Tools\" },\n    { id: \"ai-commit-generator\", name: \"AI Commit Message Generator\", description: \"Smart, conventional commits via AI.\", icon: React.createElement(CommitGeneratorIcon), category: \"AI Tools\" },\n    { id: \"visual-git-tree\", name: \"Visual Git Tree\", description: \"Visually trace your git commit history with an interactive graph and an AI-powered summary.\", icon: React.createElement(GitLogAnalyzerIcon), category: \"Git\" },\n    { id: \"worker-thread-debugger\", name: \"AI Concurrency Analyzer\", description: \"Analyze JS for Web Worker issues like race conditions.\", icon: React.createElement(ConcurrencyAnalyzerIcon), category: \"Testing\" },\n    { id: \"regex-sandbox\", name: \"RegEx Sandbox\", description: \"Visually test regular expressions, generate them with AI, and inspect match groups.\", icon: React.createElement(RegexSandboxIcon), category: \"Testing\" },\n    { id: \"prompt-craft-pad\", name: \"Prompt Craft Pad\", description: \"Save, edit, and manage your custom AI prompts with variable testing.\", icon: React.createElement(PromptCraftPadIcon), category: \"AI Tools\" },\n    { id: \"linter-formatter\", name: \"AI Code Formatter\", description: \"AI-powered, real-time code formatting.\", icon: React.createElement(CodeFormatterIcon), category: \"Core\" },\n    { id: \"json-tree-navigator\", name: \"JSON Tree Navigator\", description: \"Navigate large JSON objects as a collapsible tree.\", icon: React.createElement(JsonTreeIcon), category: \"Core\" },\n    { id: \"xbrl-converter\", name: \"XBRL Converter\", description: \"Convert JSON data to a simplified XBRL-like XML format using AI.\", icon: React.createElement(XbrlConverterIcon), category: \"Data\" },\n    { id: \"css-grid-editor\", name: \"CSS Grid Visual Editor\", description: \"Drag-based layout builder for CSS Grid.\", icon: React.createElement(CssGridEditorIcon), category: \"Frontend\" },\n    { id: \"schema-designer\", name: \"Schema Designer\", description: \"Visually design a database schema with a drag-and-drop interface and SQL export.\", icon: React.createElement(SchemaDesignerIcon), category: \"Database\" },\n    { id: \"pwa-manifest-editor\", name: \"PWA Manifest Editor\", description: \"Configure and preview Progressive Web App manifests with a home screen simulator.\", icon: React.createElement(PwaManifestEditorIcon), category: \"Frontend\" },\n    { id: \"markdown-slides-generator\", name: \"Markdown Slides\", description: \"Turn markdown into a fullscreen presentation with an interactive overlay.\", icon: React.createElement(MarkdownSlidesIcon), category: \"Productivity\" },\n    { id: \"screenshot-to-component\", name: \"Screenshot-to-Component\", description: \"Turn UI screenshots into functional code via paste or upload.\", icon: React.createElement(ScreenshotToComponentIcon), category: \"AI Tools\" },\n    { id: \"typography-lab\", name: \"Typography Lab\", description: \"Preview font pairings and get CSS import rules.\", icon: React.createElement(TypographyLabIcon), category: \"Frontend\" },\n    { id: \"svg-path-editor\", name: \"SVG Path Editor\", description: \"Visually create and manipulate SVG path data with an interactive canvas.\", icon: React.createElement(SvgPathEditorIcon), category: \"Frontend\" },\n    { id: \"ai-style-transfer\", name: \"AI Code Style Transfer\", description: \"Rewrite code to match a specific style guide.\", icon: React.createElement(StyleTransferIcon), category: \"AI Tools\" },\n    { id: \"ai-coding-challenge\", name: \"AI Coding Challenge Generator\", description: \"Generate unique coding exercises.\", icon: React.createElement(CodingChallengeIcon), category: \"AI Tools\" },\n    { id: \"code-review-bot\", name: \"AI Code Review Bot\", description: \"Get an automated code review from an AI.\", icon: React.createElement(CodeReviewBotIcon), category: \"AI Tools\" },\n    { id: \"ai-pull-request-assistant\", name: \"AI Pull Request Assistant\", description: \"Generate a structured PR summary from code diffs and populate a full template.\", icon: React.createElement(AiPullRequestAssistantIcon), category: \"AI Tools\" },\n    { id: \"changelog-generator\", name: \"AI Changelog Generator\", description: \"Auto-build changelogs from raw git logs.\", icon: React.createElement(ChangelogGeneratorIcon), category: \"Git\" },\n    { id: \"cron-job-builder\", name: \"AI Cron Job Builder\", description: \"Visually tool to configure cron jobs, with AI.\", icon: React.createElement(CronJobBuilderIcon), category: \"Deployment\" },\n    { id: \"async-call-tree-viewer\", name: \"Async Call Tree Viewer\", description: \"Visualize a tree of asynchronous function calls from JSON data.\", icon: React.createElement(AsyncCallTreeIcon), category: \"Testing\" },\n    { id: \"audio-to-code\", name: \"AI Audio-to-Code\", description: \"Speak your programming ideas and watch them turn into code.\", icon: React.createElement(AudioToCodeIcon), category: \"AI Tools\" },\n    { id: \"code-diff-ghost\", name: \"Code Diff Ghost\", description: \"Visualize code changes with a 'ghost typing' effect.\", icon: React.createElement(CodeDiffGhostIcon), category: \"Git\" },\n    { id: \"code-spell-checker\", name: \"Code Spell Checker\", description: \"A spell checker that finds common typos in code.\", icon: React.createElement(CodeSpellCheckerIcon), category: \"Testing\" },\n    { id: \"color-palette-generator\", name: \"AI Color Palette Generator\", description: \"Pick a base color and let Gemini design a beautiful palette.\", icon: React.createElement(ColorPaletteGeneratorIcon), category: \"Frontend\" },\n    { id: \"logic-flow-builder\", name: \"Logic Flow Builder\", description: \"A visual tool for building application logic flows.\", icon: React.createElement(LogicFlowBuilderIcon), category: \"Workflow\" },\n    { id: \"meta-tag-editor\", name: \"Meta Tag Editor\", description: \"Generate SEO/social media meta tags with a live social card preview.\", icon: React.createElement(MetaTagEditorIcon), category: \"Frontend\" },\n    { id: \"network-visualizer\", name: \"Network Visualizer\", description: \"Inspect network resources with a summary and visual waterfall chart.\", icon: React.createElement(NetworkVisualizerIcon), category: \"Testing\" },\n    { id: \"responsive-tester\", name: \"Responsive Tester\", description: \"Preview your web pages at different screen sizes and custom resolutions.\", icon: React.createElement(ResponsiveTesterIcon), category: \"Frontend\" },\n    { id: \"sass-scss-compiler\", name: \"SASS/SCSS Compiler\", description: \"A real-time SASS/SCSS to CSS compiler.\", icon: React.createElement(SassCompilerIcon), category: \"Frontend\" },\n];\n\nexport const ALL_FEATURE_IDS = RAW_FEATURES.map(f => f.id);","import React from 'react';\nimport type { Feature } from '../../types.ts';\nimport { RAW_FEATURES } from '../../constants.ts';\nimport { lazyWithRetry } from '../../services/index.ts';\n\n// Map feature IDs to their components using lazy loading with retry logic\nconst componentMap: Record<string, React.FC<any>> = {\n    'ai-command-center': lazyWithRetry(() => import('./AiCommandCenter.tsx'), 'AiCommandCenter'),\n    'project-explorer': lazyWithRetry(() => import('./ProjectExplorer.tsx'), 'ProjectExplorer'),\n    'connections': lazyWithRetry(() => import('./Connections.tsx'), 'Connections'),\n    'ai-code-explainer': lazyWithRetry(() => import('./AiCodeExplainer.tsx'), 'AiCodeExplainer'),\n    'ai-feature-builder': lazyWithRetry(() => import('./AiFeatureBuilder.tsx'), 'AiFeatureBuilder'),\n    'regex-sandbox': lazyWithRetry(() => import('./RegexSandbox.tsx'), 'RegexSandbox'),\n    'portable-snippet-vault': lazyWithRetry(() => import('./SnippetVault.tsx'), 'SnippetVault'),\n    'css-grid-editor': lazyWithRetry(() => import('./CssGridEditor.tsx'), 'CssGridEditor'),\n    'ai-commit-generator': lazyWithRetry(() => import('./AiCommitGenerator.tsx'), 'AiCommitGenerator'),\n    'json-tree-navigator': lazyWithRetry(() => import('./JsonTreeNavigator.tsx'), 'JsonTreeNavigator'),\n    'xbrl-converter': lazyWithRetry(() => import('./XbrlConverter.tsx'), 'XbrlConverter'),\n    'ai-unit-test-generator': lazyWithRetry(() => import('./AiUnitTestGenerator.tsx'), 'AiUnitTestGenerator'),\n    'prompt-craft-pad': lazyWithRetry(() => import('./PromptCraftPad.tsx'), 'PromptCraftPad'),\n    'linter-formatter': lazyWithRetry(() => import('./CodeFormatter.tsx'), 'CodeFormatter'),\n    'schema-designer': lazyWithRetry(() => import('./SchemaDesigner.tsx'), 'SchemaDesigner'),\n    'pwa-manifest-editor': lazyWithRetry(() => import('./PwaManifestEditor.tsx'), 'PwaManifestEditor'),\n    'markdown-slides-generator': lazyWithRetry(() => import('./MarkdownSlides.tsx'), 'MarkdownSlides'),\n    'screenshot-to-component': lazyWithRetry(() => import('./ScreenshotToComponent.tsx'), 'ScreenshotToComponent'),\n    'digital-whiteboard': lazyWithRetry(() => import('./DigitalWhiteboard.tsx'), 'DigitalWhiteboard'),\n    'theme-designer': lazyWithRetry(() => import('./ThemeDesigner.tsx'), 'ThemeDesigner'),\n    'svg-path-editor': lazyWithRetry(() => import('./SvgPathEditor.tsx'), 'SvgPathEditor'),\n    'ai-style-transfer': lazyWithRetry(() => import('./AiStyleTransfer.tsx'), 'AiStyleTransfer'),\n    'ai-coding-challenge': lazyWithRetry(() => import('./AiCodingChallenge.tsx'), 'AiCodingChallenge'),\n    'typography-lab': lazyWithRetry(() => import('./TypographyLab.tsx'), 'TypographyLab'),\n    'code-review-bot': lazyWithRetry(() => import('./CodeReviewBot.tsx'), 'CodeReviewBot'),\n    'ai-pull-request-assistant': lazyWithRetry(() => import('./AiPullRequestAssistant.tsx'), 'AiPullRequestAssistant'),\n    'changelog-generator': lazyWithRetry(() => import('./ChangelogGenerator.tsx'), 'ChangelogGenerator'),\n    'cron-job-builder': lazyWithRetry(() => import('./CronJobBuilder.tsx'), 'CronJobBuilder'),\n    'ai-code-migrator': lazyWithRetry(() => import('./AiCodeMigrator.tsx'), 'AiCodeMigrator'),\n    'visual-git-tree': lazyWithRetry(() => import('./VisualGitTree.tsx'), 'VisualGitTree'),\n    'worker-thread-debugger': lazyWithRetry(() => import('./WorkerThreadDebugger.tsx'), 'WorkerThreadDebugger'),\n    'ai-image-generator': lazyWithRetry(() => import('./AiImageGenerator.tsx'), 'AiImageGenerator'),\n    'async-call-tree-viewer': lazyWithRetry(() => import('./AsyncCallTreeViewer.tsx'), 'AsyncCallTreeViewer'),\n    'audio-to-code': lazyWithRetry(() => import('./AudioToCode.tsx'), 'AudioToCode'),\n    'code-diff-ghost': lazyWithRetry(() => import('./CodeDiffGhost.tsx'), 'CodeDiffGhost'),\n    'code-spell-checker': lazyWithRetry(() => import('./CodeSpellChecker.tsx'), 'CodeSpellChecker'),\n    'color-palette-generator': lazyWithRetry(() => import('./ColorPaletteGenerator.tsx'), 'ColorPaletteGenerator'),\n    'logic-flow-builder': lazyWithRetry(() => import('./LogicFlowBuilder.tsx'), 'LogicFlowBuilder'),\n    'meta-tag-editor': lazyWithRetry(() => import('./MetaTagEditor.tsx'), 'MetaTagEditor'),\n    'network-visualizer': lazyWithRetry(() => import('./NetworkVisualizer.tsx'), 'NetworkVisualizer'),\n    'responsive-tester': lazyWithRetry(() => import('./ResponsiveTester.tsx'), 'ResponsiveTester'),\n    'sass-scss-compiler': lazyWithRetry(() => import('./SassScssCompiler.tsx'), 'SassScssCompiler'),\n};\n\n// Map feature IDs to specific AI configurations\nconst aiConfigMap: Record<string, Feature['aiConfig']> = {\n    'ai-code-explainer': { model: 'gemini-2.5-flash' },\n    'ai-feature-builder': { model: 'gemini-2.5-flash' },\n    'ai-commit-generator': { model: 'gemini-2.5-flash' },\n    'ai-unit-test-generator': { model: 'gemini-2.5-flash' },\n    'regex-sandbox': { model: 'gemini-2.5-flash' },\n    'screenshot-to-component': { model: 'gemini-2.5-flash' },\n    'theme-designer': { model: 'gemini-2.5-flash' },\n    'ai-style-transfer': { model: 'gemini-2.5-flash' },\n    'ai-coding-challenge': { model: 'gemini-2.5-flash' },\n    'code-review-bot': { model: 'gemini-2.5-flash' },\n    'ai-pull-request-assistant': { model: 'gemini-2.5-flash' },\n    'ai-code-migrator': { model: 'gemini-2.5-flash' },\n    'visual-git-tree': { model: 'gemini-2.5-flash' },\n    'worker-thread-debugger': { model: 'gemini-2.5-flash' },\n    'ai-command-center': { model: 'gemini-2.5-flash' },\n    'ai-image-generator': { model: 'imagen-3.0-generate-002' },\n    'audio-to-code': { model: 'gemini-2.5-flash' },\n    'color-palette-generator': { model: 'gemini-2.5-flash' },\n    'xbrl-converter': { model: 'gemini-2.5-flash' },\n    'digital-whiteboard': { model: 'gemini-2.5-flash' },\n    'project-explorer': { model: 'gemini-2.5-flash' },\n};\n\nexport const ALL_FEATURES: Feature[] = RAW_FEATURES.map(feature => ({\n    ...feature,\n    component: componentMap[feature.id],\n    aiConfig: aiConfigMap[feature.id],\n}));\n\nexport const FEATURES_MAP = new Map(ALL_FEATURES.map(f => [f.id, f]));","import React, { useState } from 'react';\nimport JSZip from 'jszip';\nimport { getAllFiles, commitFiles } from '../services/index.ts';\nimport { ArrowDownTrayIcon, XMarkIcon, GithubIcon } from './icons.tsx';\nimport { LoadingSpinner } from './shared/index.tsx';\nimport { useGlobalState } from '../contexts/GlobalStateContext.tsx';\n\ninterface CommitModalProps {\n    fileCount: number;\n    repoName: string;\n    onCommit: (message: string) => void;\n    onClose: () => void;\n    isLoading: boolean;\n}\n\nconst CommitModal: React.FC<CommitModalProps> = ({ fileCount, repoName, onCommit, onClose, isLoading }) => {\n    const [commitMessage, setCommitMessage] = useState(`feat: Add ${fileCount} new files via DevCore AI`);\n\n    const handleSubmit = (e: React.FormEvent) => {\n        e.preventDefault();\n        if (commitMessage.trim()) {\n            onCommit(commitMessage);\n        }\n    };\n\n    return (\n        <div className=\"fixed inset-0 bg-gray-900/80 backdrop-blur-sm z-40 flex items-center justify-center fade-in\">\n            <form \n              onSubmit={handleSubmit}\n              className=\"bg-surface border border-border rounded-2xl shadow-2xl w-full max-w-lg m-4 p-6 animate-pop-in relative\"\n            >\n                <button type=\"button\" onClick={onClose} className=\"absolute top-3 right-3 p-1 text-text-secondary hover:bg-gray-100 rounded-full\">\n                    <XMarkIcon className=\"w-6 h-6\" />\n                </button>\n                <h2 className=\"text-xl font-bold mb-2\">Commit to Repository</h2>\n                <p className=\"text-text-secondary mb-4\">\n                    You are committing <span className=\"font-bold text-primary\">{fileCount} file(s)</span> to <span className=\"font-bold text-primary\">{repoName}</span>.\n                </p>\n                <label htmlFor=\"commit-message\" className=\"block text-sm font-medium text-text-secondary mb-1\">Commit Message</label>\n                <textarea\n                    id=\"commit-message\"\n                    value={commitMessage}\n                    onChange={(e) => setCommitMessage(e.target.value)}\n                    required\n                    className=\"w-full h-28 p-2 bg-background border border-border rounded-md text-sm\"\n                    placeholder=\"Enter your commit message...\"\n                />\n                <div className=\"mt-6 flex justify-end gap-3\">\n                     <button type=\"button\" onClick={onClose} className=\"px-6 py-2 bg-gray-200 text-gray-800 font-semibold rounded-lg hover:bg-gray-300\">\n                        Cancel\n                    </button>\n                    <button type=\"submit\" disabled={isLoading} className=\"btn-primary px-6 py-2 flex items-center justify-center min-w-[100px]\">\n                        {isLoading ? <LoadingSpinner /> : 'Commit Files'}\n                    </button>\n                </div>\n            </form>\n        </div>\n    );\n};\n\n\nexport const ActionManager: React.FC = () => {\n    const { state } = useGlobalState();\n    const [isLoading, setIsLoading] = useState<string | null>(null);\n    const [isCommitModalOpen, setCommitModalOpen] = useState(false);\n    const [filesToCommit, setFilesToCommit] = useState<{filePath: string, content: string}[]>([]);\n\n    const handleDownloadZip = async () => {\n        setIsLoading('zip');\n        try {\n            const files = await getAllFiles();\n            if (files.length === 0) {\n                alert(\"No files have been generated to download.\");\n                return;\n            }\n            const zip = new JSZip();\n            files.forEach(file => {\n                const pathParts = file.filePath.split('/').filter(p => p);\n                let currentFolder: JSZip | null = zip;\n                if (pathParts.length > 1) {\n                    for (let i = 0; i < pathParts.length - 1; i++) {\n                        const folderName = pathParts[i];\n                        if (currentFolder) {\n                           currentFolder = currentFolder.folder(folderName);\n                        }\n                    }\n                }\n                if (currentFolder) {\n                    currentFolder.file(pathParts[pathParts.length - 1], file.content);\n                }\n            });\n            const zipBlob = await zip.generateAsync({ type: 'blob' });\n            const link = document.createElement('a');\n            link.href = URL.createObjectURL(zipBlob);\n            link.download = 'devcore-project.zip';\n            document.body.appendChild(link);\n            link.click();\n            document.body.removeChild(link);\n        } catch (error) {\n            console.error(\"Failed to create ZIP file\", error);\n            alert(`Error creating ZIP: ${error instanceof Error ? error.message : 'Unknown error'}`);\n        } finally {\n            setIsLoading(null);\n        }\n    };\n\n    const handleOpenCommitModal = async () => {\n        if (!state.selectedRepo) {\n            alert(\"Please select a repository in the 'Connections' tab first.\");\n            return;\n        }\n        setIsLoading('repo-check');\n        const files = await getAllFiles();\n        if (files.length === 0) {\n            alert(\"No files have been generated to save.\");\n            setIsLoading(null);\n            return;\n        }\n        setFilesToCommit(files);\n        setCommitModalOpen(true);\n        setIsLoading(null);\n    };\n\n    const handleCommit = async (commitMessage: string) => {\n        if (!state.selectedRepo) return;\n        setIsLoading('repo-commit');\n        try {\n            await commitFiles(state.selectedRepo.owner, state.selectedRepo.repo, filesToCommit, commitMessage);\n            alert(`Successfully committed ${filesToCommit.length} files to ${state.selectedRepo.owner}/${state.selectedRepo.repo}.`);\n            setCommitModalOpen(false);\n        } catch (error) {\n            console.error(\"Failed to save to repository\", error);\n            alert(`Error saving to repository: ${error instanceof Error ? error.message : 'Unknown error'}`);\n        } finally {\n            setIsLoading(null);\n        }\n    };\n\n    return (\n        <>\n            <div className=\"absolute bottom-[calc(theme(spacing.4)_+_24px)] right-6 z-10 flex flex-col gap-3\">\n                <button\n                    onClick={handleOpenCommitModal}\n                    disabled={!!isLoading || !state.selectedRepo}\n                    className=\"w-14 h-14 bg-[#24292e] text-white rounded-full flex items-center justify-center shadow-lg hover:bg-[#333] transition-colors disabled:bg-slate-600 disabled:cursor-not-allowed\"\n                    aria-label=\"Save generated files to repository\"\n                    title=\"Save to Repository\"\n                >\n                    {isLoading === 'repo-check' ? <LoadingSpinner /> : <GithubIcon />}\n                </button>\n                <button\n                    onClick={handleDownloadZip}\n                    disabled={!!isLoading}\n                    className=\"w-14 h-14 bg-primary text-text-on-primary rounded-full flex items-center justify-center shadow-lg hover:opacity-90 transition-colors disabled:bg-slate-600\"\n                    aria-label=\"Download Project as ZIP\"\n                    title=\"Download Project as ZIP (Save to Drive)\"\n                >\n                    {isLoading === 'zip' ? <LoadingSpinner /> : <ArrowDownTrayIcon />}\n                </button>\n            </div>\n            {isCommitModalOpen && state.selectedRepo && (\n                <CommitModal \n                    fileCount={filesToCommit.length}\n                    repoName={`${state.selectedRepo.owner}/${state.selectedRepo.repo}`}\n                    onCommit={handleCommit}\n                    onClose={() => setCommitModalOpen(false)}\n                    isLoading={isLoading === 'repo-commit'}\n                />\n            )}\n        </>\n    );\n};","import React from 'react';\nimport type { ViewType, SidebarItem } from '../types.ts';\nimport { useGlobalState } from '../contexts/GlobalStateContext.tsx';\nimport { ArrowLeftOnRectangleIcon } from './icons.tsx';\nimport { logout } from '../services/index.ts';\n\ninterface LeftSidebarProps {\n  items: SidebarItem[];\n  activeView: ViewType;\n  onNavigate: (view: ViewType, props?: any) => void;\n}\n\nconst Tooltip: React.FC<{ text: string, children: React.ReactNode }> = ({ text, children }) => {\n  return (\n    <div className=\"group relative flex justify-center\">\n      {children}\n      <span className=\"absolute left-14 p-2 scale-0 transition-all rounded bg-gray-800 border border-gray-900 text-xs text-white group-hover:scale-100 whitespace-nowrap z-50\">\n        {text}\n      </span>\n    </div>\n  );\n};\n\nexport const LeftSidebar: React.FC<LeftSidebarProps> = ({ items, activeView, onNavigate }) => {\n  const { state, dispatch } = useGlobalState();\n  const { user } = state;\n\n  const handleLogout = async () => {\n    await logout(); // Call the simulated logout service\n    dispatch({ type: 'LOGOUT' });\n  };\n\n  return (\n    <nav className=\"w-20 h-full bg-surface border-r border-border flex flex-col py-4 px-2\">\n      <div className=\"flex-shrink-0 flex justify-center p-2 mb-4\">\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" className=\"text-primary\">\n                <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n            </svg>\n      </div>\n       <div className=\"flex-1 overflow-y-auto no-scrollbar flex flex-col items-center gap-2 pt-4\">\n        {items.map((item) => {\n          const isActive = activeView === item.view;\n\n          return (\n            <Tooltip key={item.id} text={item.label}>\n              <button\n                onClick={() => {\n                  if (item.action) {\n                    item.action();\n                  } else {\n                    onNavigate(item.view, item.props);\n                  }\n                }}\n                className={`flex items-center justify-center w-12 h-12 rounded-lg transition-colors duration-200\n                  ${isActive ? 'bg-primary/10 text-primary' : 'text-text-secondary hover:bg-gray-100'}`\n                }\n              >\n                {item.icon}\n              </button>\n            </Tooltip>\n          );\n        })}\n      </div>\n\n       <div className=\"mt-auto flex-shrink-0 flex flex-col items-center gap-2\">\n         {user && (\n            <Tooltip text={user.name || user.login}>\n                 <img src={user.avatar_url} alt={user.login} className=\"w-10 h-10 rounded-full border-2 border-border\" />\n            </Tooltip>\n         )}\n         <Tooltip text=\"Logout\">\n            <button\n              onClick={handleLogout}\n              className=\"flex items-center justify-center w-12 h-12 rounded-lg text-text-secondary hover:bg-gray-100\"\n            >\n              <ArrowLeftOnRectangleIcon />\n            </button>\n         </Tooltip>\n      </div>\n    </nav>\n  );\n};","import React, { useState, useEffect } from 'react';\nimport { GitBranchIcon, BellIcon } from './icons.tsx';\n\ntype BgImageStatus = 'loading' | 'loaded' | 'error';\n\nconst StatusMessage: React.FC<{ status: BgImageStatus }> = ({ status }) => {\n    const [visible, setVisible] = useState(true);\n\n    useEffect(() => {\n        setVisible(true);\n        if (status === 'error') {\n            const timer = setTimeout(() => setVisible(false), 5000);\n            return () => clearTimeout(timer);\n        }\n    }, [status]);\n\n    if (!visible || status === 'loaded') {\n        return null;\n    }\n\n    if (status === 'loading') {\n        return (\n            <div className=\"flex items-center space-x-2\">\n                <div className=\"w-2 h-2 rounded-full bg-primary animate-pulse\"></div>\n                <span>Generating background...</span>\n            </div>\n        );\n    }\n\n    if (status === 'error') {\n        return (\n            <div className=\"flex items-center space-x-2 text-yellow-600\">\n                <span>Background failed. Using fallback.</span>\n            </div>\n        );\n    }\n\n    return null;\n};\n\nconst Clock: React.FC = () => {\n    const [time, setTime] = useState(() => new Date());\n\n    useEffect(() => {\n        const timerId = setInterval(() => {\n            setTime(new Date());\n        }, 1000);\n\n        return () => clearInterval(timerId);\n    }, []);\n\n    return <span>{time.toLocaleTimeString()}</span>\n}\n\n\nexport const StatusBar: React.FC<{ bgImageStatus: BgImageStatus }> = ({ bgImageStatus }) => {\n  return (\n    <footer className=\"w-full bg-surface/70 backdrop-blur-sm border-t border-border px-4 py-1 flex items-center justify-between text-xs text-text-secondary\">\n      <div className=\"flex items-center space-x-4\">\n        <div className=\"flex items-center space-x-1 cursor-pointer hover:text-primary transition-colors\">\n          <GitBranchIcon />\n          <span>main</span>\n        </div>\n        <StatusMessage status={bgImageStatus} />\n      </div>\n      <div className=\"flex items-center space-x-4\">\n        <Clock />\n        <span className=\"hidden sm:block\">Ready</span>\n        <div className=\"flex items-center space-x-1 cursor-pointer hover:text-primary transition-colors\">\n          <BellIcon />\n          <span>0</span>\n        </div>\n        <span className=\"hidden sm:block\">\n          Powered by Gemini\n        </span>\n      </div>\n    </footer>\n  );\n};","\nimport React, { useState, useEffect, useMemo } from 'react';\nimport { ALL_FEATURES } from './features/index.ts';\nimport type { ViewType } from '../types.ts';\n\ninterface CommandPaletteProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onSelect: (view: ViewType) => void;\n}\n\nexport const CommandPalette: React.FC<CommandPaletteProps> = ({ isOpen, onClose, onSelect }) => {\n  const [searchTerm, setSearchTerm] = useState('');\n  const [selectedIndex, setSelectedIndex] = useState(0);\n\n  useEffect(() => {\n    if (!isOpen) {\n      setSearchTerm('');\n      setSelectedIndex(0);\n    }\n  }, [isOpen]);\n  \n  const commandOptions = useMemo(() => {\n    const navigationCommands = [\n      { id: 'ai-feature-builder', name: 'Go to AI Builder', category: 'Navigation', icon: <span />, description: ''},\n    ];\n    \n    const featureCommands = ALL_FEATURES.map(f => ({...f, name: `Open: ${f.name}`}));\n\n     return [\n      ...navigationCommands,\n      ...featureCommands,\n     ].filter(\n        (feature) =>\n          feature.name.toLowerCase().includes(searchTerm.toLowerCase()) ||\n          feature.category.toLowerCase().includes(searchTerm.toLowerCase())\n      );\n  }, [searchTerm]);\n\n  useEffect(() => {\n    setSelectedIndex(0);\n  }, [commandOptions.length]);\n\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (!isOpen) return;\n      if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        setSelectedIndex((prev) => (prev + 1) % commandOptions.length);\n      } else if (e.key === 'ArrowUp') {\n        e.preventDefault();\n        setSelectedIndex((prev) => (prev - 1 + commandOptions.length) % commandOptions.length);\n      } else if (e.key === 'Enter') {\n        e.preventDefault();\n        const selected = commandOptions[selectedIndex];\n        if (selected) {\n          onSelect(selected.id as ViewType);\n        }\n      }\n    };\n    window.addEventListener('keydown', handleKeyDown);\n    return () => window.removeEventListener('keydown', handleKeyDown);\n  }, [isOpen, commandOptions, selectedIndex, onSelect]);\n\n  if (!isOpen) return null;\n\n  return (\n    <div className=\"fixed inset-0 bg-gray-900/80 backdrop-blur-sm z-50 flex items-start justify-center pt-20\" onClick={onClose}>\n      <div\n        className=\"w-full max-w-xl bg-surface border border-border rounded-lg shadow-2xl overflow-hidden\"\n        onClick={(e) => e.stopPropagation()}\n      >\n        <input\n          type=\"text\"\n          placeholder=\"Type a command or search...\"\n          value={searchTerm}\n          onChange={(e) => setSearchTerm(e.target.value)}\n          autoFocus\n          className=\"w-full p-4 bg-surface text-text-primary text-lg focus:outline-none border-b border-border\"\n        />\n        <ul className=\"max-h-96 overflow-y-auto p-2\">\n          {commandOptions.length > 0 ? (\n            commandOptions.map((item, index) => (\n              <li\n                key={item.id + index}\n                onMouseDown={() => {\n                   onSelect(item.id as ViewType);\n                }}\n                className={`flex items-center justify-between p-3 rounded-md cursor-pointer ${\n                  selectedIndex === index ? 'bg-primary/10 text-primary' : 'hover:bg-gray-100'\n                }`}\n              >\n                <div className=\"flex items-center space-x-3\">\n                    <div className=\"text-text-secondary\">{item.icon}</div>\n                    <span className=\"text-text-primary\">{item.name}</span>\n                </div>\n                <span className=\"text-xs text-text-secondary bg-gray-100 px-2 py-1 rounded\">{item.category}</span>\n              </li>\n            ))\n          ) : (\n            <li className=\"p-4 text-center text-text-secondary\">No results found.</li>\n          )}\n        </ul>\n      </div>\n    </div>\n  );\n};","import { useState } from 'react';\n\nexport const useLocalStorage = <T,>(key: string, initialValue: T) => {\n    const [storedValue, setStoredValue] = useState<T>(() => {\n        try {\n            const consent = window.localStorage.getItem('devcore_ls_consent');\n            if (consent !== 'granted') return initialValue;\n\n            const item = window.localStorage.getItem(key);\n            return item ? JSON.parse(item) : initialValue;\n        } catch (error) {\n            console.error(`Error reading localStorage key “${key}”:`, error);\n            return initialValue;\n        }\n    });\n\n    const setValue = (value: T | ((val: T) => T)) => {\n        try {\n            const consent = window.localStorage.getItem('devcore_ls_consent');\n            if (consent !== 'granted') {\n                // If consent is not granted, only update the in-memory state\n                const valueToStore = value instanceof Function ? value(storedValue) : value;\n                setStoredValue(valueToStore);\n                return;\n            };\n\n            const valueToStore = value instanceof Function ? value(storedValue) : value;\n            setStoredValue(valueToStore);\n            window.localStorage.setItem(key, JSON.stringify(valueToStore));\n        } catch (error) {\n            console.error(`Error setting localStorage key “${key}”:`, error);\n        }\n    };\n\n    return [storedValue, setValue] as const;\n};","import React from 'react';\nimport { useGlobalState } from '../contexts/GlobalStateContext.tsx';\nimport { clearAllFiles } from '../services/index.ts';\nimport { useLocalStorage } from '../hooks/useLocalStorage.ts';\nimport { ALL_FEATURES } from './features/index.ts';\nimport { SunIcon, MoonIcon, TrashIcon, ArrowLeftOnRectangleIcon } from './icons.tsx';\n\nconst ToggleSwitch: React.FC<{ checked: boolean, onChange: () => void }> = ({ checked, onChange }) => {\n    return (\n        <button\n            role=\"switch\"\n            aria-checked={checked}\n            onClick={onChange}\n            className={`${checked ? 'bg-primary' : 'bg-gray-300'} relative inline-flex h-6 w-11 items-center rounded-full transition-colors`}\n        >\n            <span className={`${checked ? 'translate-x-6' : 'translate-x-1'} inline-block h-4 w-4 transform rounded-full bg-white transition-transform`} />\n        </button>\n    );\n};\n\nexport const SettingsView: React.FC = () => {\n    const { state, dispatch } = useGlobalState();\n    const [, setSnippets] = useLocalStorage('devcore_snippets', []);\n    const [, setNotes] = useLocalStorage('devcore_moodboard', []);\n    const [, setDevNotes] = useLocalStorage('devcore_notes', []);\n\n    const handleLogout = () => {\n        if (window.confirm(\"Are you sure you want to log out?\")) {\n            if (window.google) {\n                window.google.accounts.id.disableAutoSelect();\n            }\n            dispatch({ type: 'LOGOUT' });\n        }\n    };\n    \n    const handleClearGeneratedFiles = async () => {\n        if (window.confirm(\"Are you sure you want to delete all AI-generated files? This cannot be undone.\")) {\n            await clearAllFiles();\n            alert(\"Generated files cleared.\");\n        }\n    };\n    \n    const handleClearSnippets = () => {\n        if (window.confirm(\"Are you sure you want to delete all saved snippets? This cannot be undone.\")) {\n            setSnippets([]);\n            alert(\"Snippets cleared.\");\n        }\n    };\n\n    const handleClearNotes = () => {\n        if (window.confirm(\"Are you sure you want to delete all notes and moodboard items? This cannot be undone.\")) {\n            setNotes([]);\n            setDevNotes([]);\n            alert(\"Notes & Moodboard cleared.\");\n        }\n    };\n\n    return (\n        <div className=\"w-full text-text-primary\">\n            <header className=\"sticky top-0 z-10 p-4 sm:p-6 lg:p-8 border-b border-border bg-surface/80 backdrop-blur-sm\">\n                <div className=\"max-w-4xl mx-auto w-full\">\n                    <h1 className=\"text-4xl font-extrabold tracking-tight\">Settings</h1>\n                    <p className=\"mt-2 text-lg text-text-secondary\">Manage application preferences and data.</p>\n                </div>\n            </header>\n\n            <div className=\"p-4 sm:p-6 lg:p-8 space-y-8 max-w-4xl mx-auto w-full\">\n                {/* Appearance Section */}\n                <section>\n                    <h2 className=\"text-2xl font-bold border-b border-border pb-2 mb-4\">Appearance</h2>\n                    <div className=\"flex items-center justify-between p-4 bg-surface border border-border rounded-lg\">\n                        <span className=\"font-medium\">Theme</span>\n                        <p className=\"text-sm text-text-secondary\">\n                            Light mode is enforced in the current version.\n                        </p>\n                    </div>\n                </section>\n                \n                 {/* Feature Visibility Section */}\n                <section>\n                    <h2 className=\"text-2xl font-bold border-b border-border pb-2 mb-4\">Feature Visibility</h2>\n                     <p className=\"text-sm text-text-secondary mb-4\">\n                        Hide or show features in the main sidebar. This does not disable them; they can still be accessed via the AI Command Center.\n                    </p>\n                    <div className=\"space-y-2\">\n                        {ALL_FEATURES.filter(f => f.id !== 'ai-command-center').map(feature => {\n                            const isVisible = !state.hiddenFeatures.includes(feature.id);\n                            return (\n                                <div key={feature.id} className=\"flex items-center justify-between p-4 bg-surface border border-border rounded-lg\">\n                                    <div>\n                                        <p className=\"font-medium\">{feature.name}</p>\n                                        <p className=\"text-sm text-text-secondary\">{feature.description}</p>\n                                    </div>\n                                    <ToggleSwitch \n                                        checked={isVisible}\n                                        onChange={() => dispatch({ type: 'TOGGLE_FEATURE_VISIBILITY', payload: { featureId: feature.id } })}\n                                    />\n                                </div>\n                            );\n                        })}\n                    </div>\n                </section>\n                \n                {/* Account Section */}\n                <section>\n                    <h2 className=\"text-2xl font-bold border-b border-border pb-2 mb-4\">Account</h2>\n                    <div className=\"flex items-center justify-between p-4 bg-surface border border-border rounded-lg\">\n                        <div>\n                            <p className=\"font-medium\">Sign Out</p>\n                            <p className=\"text-sm text-text-secondary\">\n                                {state.user ? `Logged in as ${state.user.login}` : 'Not logged in'}\n                            </p>\n                        </div>\n                        <button onClick={handleLogout} className=\"flex items-center gap-2 px-4 py-2 rounded-md bg-red-500/10 text-red-600 hover:bg-red-500/20 transition-colors\">\n                            <ArrowLeftOnRectangleIcon /> Logout\n                        </button>\n                    </div>\n                </section>\n                \n                {/* Data Management Section */}\n                <section>\n                    <h2 className=\"text-2xl font-bold border-b border-border pb-2 mb-4\">Data Management</h2>\n                    <div className=\"space-y-4\">\n                         <div className=\"flex items-center justify-between p-4 bg-surface border border-border rounded-lg\">\n                             <div>\n                                <p className=\"font-medium\">Clear Generated Files</p>\n                                <p className=\"text-sm text-text-secondary\">Removes all files created by the AI Feature Builder.</p>\n                             </div>\n                             <button onClick={handleClearGeneratedFiles} className=\"flex items-center gap-2 px-4 py-2 rounded-md bg-red-500/10 text-red-600 hover:bg-red-500/20 transition-colors\">\n                                <TrashIcon /> Clear\n                             </button>\n                         </div>\n                         <div className=\"flex items-center justify-between p-4 bg-surface border border-border rounded-lg\">\n                             <div>\n                                <p className=\"font-medium\">Clear Snippet Vault</p>\n                                <p className=\"text-sm text-text-secondary\">Removes all saved code snippets.</p>\n                             </div>\n                             <button onClick={handleClearSnippets} className=\"flex items-center gap-2 px-4 py-2 rounded-md bg-red-500/10 text-red-600 hover:bg-red-500/20 transition-colors\">\n                                <TrashIcon /> Clear\n                             </button>\n                         </div>\n                         <div className=\"flex items-center justify-between p-4 bg-surface border border-border rounded-lg\">\n                             <div>\n                                <p className=\"font-medium\">Clear Notes & Moodboard</p>\n                                <p className=\"text-sm text-text-secondary\">Removes all items from Dev Notes and Moodboard.</p>\n                             </div>\n                             <button onClick={handleClearNotes} className=\"flex items-center gap-2 px-4 py-2 rounded-md bg-red-500/10 text-red-600 hover:bg-red-500/20 transition-colors\">\n                                <TrashIcon /> Clear\n                             </button>\n                         </div>\n                    </div>\n                </section>\n\n                {/* About Section */}\n                <section>\n                    <h2 className=\"text-2xl font-bold border-b border-border pb-2 mb-4\">About</h2>\n                     <div className=\"p-4 bg-surface border border-border rounded-lg text-text-secondary\">\n                        <p><strong>DevCore AI Toolkit</strong></p>\n                        <p>Version 1.1.0</p>\n                        <p>Created by James Burvel O'Callaghan III for Citibank Demo Business Inc Powered by Google Gemini</p>\n                     </div>\n                </section>\n            </div>\n        </div>\n    );\n};","import React, { useState, useCallback } from 'react';\nimport { Type, FunctionDeclaration } from \"@google/genai\";\nimport { getInferenceFunction, CommandResponse, FEATURE_TAXONOMY, logError } from '../../services/index.ts';\nimport { useGlobalState } from '../../contexts/GlobalStateContext.tsx';\nimport { CommandLineIcon } from '../icons.tsx';\nimport { LoadingSpinner } from '../shared/index.tsx';\nimport { ALL_FEATURES } from './index.ts';\n\nconst functionDeclarations: FunctionDeclaration[] = [\n    {\n        name: 'navigateTo',\n        description: 'Navigates to a specific feature page.',\n        parameters: {\n            type: Type.OBJECT,\n            properties: {\n                featureId: { \n                    type: Type.STRING, \n                    description: 'The ID of the feature to navigate to.',\n                    enum: ALL_FEATURES.map(f => f.id)\n                },\n            },\n            required: ['featureId'],\n        },\n    },\n    {\n        name: 'runFeatureWithInput',\n        description: 'Navigates to a feature and passes initial data to it.',\n        parameters: {\n            type: Type.OBJECT,\n            properties: {\n                 featureId: { \n                    type: Type.STRING, \n                    description: 'The ID of the feature to run.',\n                    enum: ALL_FEATURES.map(f => f.id)\n                },\n                props: {\n                    type: Type.OBJECT,\n                    description: 'An object containing the initial properties for the feature, based on its required inputs.',\n                    properties: {\n                        initialCode: { type: Type.STRING },\n                        initialPrompt: { type: Type.STRING },\n                        beforeCode: { type: Type.STRING },\n                        afterCode: { type: Type.STRING },\n                        logInput: { type: Type.STRING },\n                        diff: { type: Type.STRING },\n                        codeInput: { type: Type.STRING },\n                        jsonInput: { type: Type.STRING },\n                    }\n                }\n            },\n            required: ['featureId', 'props']\n        }\n    }\n];\n\nconst knowledgeBase = FEATURE_TAXONOMY.map(f => `- ${f.name} (${f.id}): ${f.description} Inputs: ${f.inputs}`).join('\\n');\n\nconst ExamplePromptButton: React.FC<{ text: string, onClick: (text: string) => void }> = ({ text, onClick }) => (\n    <button\n        onClick={() => onClick(text)}\n        className=\"px-3 py-1.5 bg-surface border border-border rounded-full text-xs hover:bg-gray-100 transition-colors\"\n    >\n        {text}\n    </button>\n)\n\nexport const AiCommandCenter: React.FC = () => {\n    const { dispatch } = useGlobalState();\n    const [prompt, setPrompt] = useState('');\n    const [isLoading, setIsLoading] = useState(false);\n    const [lastResponse, setLastResponse] = useState('');\n\n    const handleCommand = useCallback(async () => {\n        if (!prompt.trim()) return;\n\n        setIsLoading(true);\n        setLastResponse('');\n\n        try {\n            const response: CommandResponse = await getInferenceFunction(prompt, functionDeclarations, knowledgeBase);\n            \n            if (response.functionCalls && response.functionCalls.length > 0) {\n                const call = response.functionCalls[0];\n                const { name, args } = call;\n\n                setLastResponse(`Understood! Executing command: ${name}`);\n\n                switch (name) {\n                    case 'navigateTo':\n                        dispatch({ type: 'SET_VIEW', payload: { view: args.featureId }});\n                        break;\n                    case 'runFeatureWithInput':\n                         dispatch({ type: 'SET_VIEW', payload: { view: args.featureId, props: args.props } });\n                        break;\n                    default:\n                        setLastResponse(`Unknown command: ${name}`);\n                }\n                 setPrompt('');\n            } else {\n                 setLastResponse(response.text);\n            }\n\n        } catch (err) {\n            logError(err as Error, { prompt });\n            setLastResponse(err instanceof Error ? err.message : 'An unknown error occurred.');\n        } finally {\n            setIsLoading(false);\n        }\n    }, [prompt, dispatch]);\n\n    const handleKeyDown = (e: React.KeyboardEvent) => {\n        if (e.key === 'Enter' && !e.shiftKey) {\n            e.preventDefault();\n            handleCommand();\n        }\n    };\n    \n    const handleExampleClick = (text: string) => {\n        setPrompt(text);\n    }\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6 text-center\">\n                <h1 className=\"text-4xl font-extrabold tracking-tight flex items-center justify-center\">\n                    <CommandLineIcon />\n                    <span className=\"ml-3\">AI Command Center</span>\n                </h1>\n                <p className=\"mt-2 text-lg text-text-secondary\">What would you like to do?</p>\n            </header>\n            \n            <div className=\"flex-grow flex flex-col justify-end max-w-3xl w-full mx-auto\">\n                {lastResponse && (\n                    <div className=\"mb-4 p-4 bg-surface rounded-lg text-text-primary border border-border\">\n                        <p><strong>AI:</strong> {lastResponse}</p>\n                    </div>\n                )}\n                 <div className=\"relative\">\n                    <textarea\n                        value={prompt}\n                        onChange={e => setPrompt(e.target.value)}\n                        onKeyDown={handleKeyDown}\n                        disabled={isLoading}\n                        placeholder='Try \"explain this code: const a = 1;\" or \"open the theme designer\"'\n                        className=\"w-full p-4 pr-28 rounded-lg bg-surface border border-border focus:ring-2 focus:ring-primary focus:outline-none resize-none shadow-sm\"\n                        rows={2}\n                    />\n                    <button\n                        onClick={handleCommand}\n                        disabled={isLoading}\n                        className=\"btn-primary absolute right-3 top-1/2 -translate-y-1/2 px-4 py-2\"\n                    >\n                       {isLoading ? <LoadingSpinner/> : 'Send'}\n                    </button>\n                </div>\n                 <div className=\"flex flex-wrap items-center justify-center gap-2 mt-4\">\n                    <ExamplePromptButton text=\"Open Theme Designer\" onClick={handleExampleClick} />\n                    <ExamplePromptButton text=\"Generate a commit for a bug fix\" onClick={handleExampleClick} />\n                    <ExamplePromptButton text=\"Create a regex for email validation\" onClick={handleExampleClick} />\n                </div>\n                 <p className=\"text-xs text-text-secondary text-center mt-2\">Press Enter to send, Shift+Enter for new line.</p>\n            </div>\n        </div>\n    );\n};","import React from 'react';\n\n// Replace with your GitHub OAuth app client ID\nconst CLIENT_ID = 'Ov23li6nSMUkwPE2HTBX'; \n// The Redirect URI should point back to your app's main page to handle the callback\nconst REDIRECT_URI = window.location.origin;\n\nexport const LoginView: React.FC = () => {\n    const handleLogin = () => {\n        // We request 'repo' scope for full repository access and 'read:user' for profile info\n        const githubAuthURL = `https://github.com/login/oauth/authorize?client_id=${CLIENT_ID}&redirect_uri=${encodeURIComponent(REDIRECT_URI)}&scope=repo,read:user`;\n        window.location.href = githubAuthURL;\n    };\n\n    return (\n        <div className=\"h-screen w-screen flex items-center justify-center bg-background text-text-primary font-sans\">\n            <div className=\"bg-surface p-8 sm:p-12 rounded-2xl shadow-2xl text-center border border-border animate-pop-in max-w-lg m-4\">\n                <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" className=\"text-primary mx-auto mb-4\">\n                    <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n                </svg>\n                <h1 className=\"text-3xl font-extrabold tracking-tight mb-2\">Welcome to DevCore AI</h1>\n                <p className=\"text-text-secondary mb-8\">Sign in with GitHub to continue to your AI-powered toolkit.</p>\n                <button\n                    onClick={handleLogin}\n                    className=\"bg-[#24292e] text-white border-none px-6 py-3 font-semibold text-lg rounded-lg cursor-pointer flex items-center justify-center gap-3 w-full hover:bg-[#333] transition-colors\"\n                    aria-label=\"Login with GitHub\"\n                >\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" className=\"fill-white w-6 h-6\">\n                        <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M12 0C5.372 0 0 5.372 0 12c0 5.302 3.438 9.8 8.205 11.387.6.113.82-.26.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61-.546-1.387-1.333-1.757-1.333-1.757-1.09-.745.083-.73.083-.73 1.205.084 1.84 1.236 1.84 1.236 1.07 1.835 2.807 1.305 3.492.997.108-.776.418-1.305.76-1.605-2.665-.3-5.466-1.335-5.466-5.93 0-1.31.47-2.38 1.235-3.22-.123-.303-.535-1.523.117-3.176 0 0 1.008-.322 3.3 1.23a11.5 11.5 0 0 1 3-.404c1.02.005 2.045.138 3 .404 2.29-1.552 3.296-1.23 3.296-1.23.653 1.653.24 2.873.12 3.176.77.84 1.232 1.91 1.232 3.22 0 4.61-2.807 5.625-5.48 5.92.43.372.823 1.103.823 2.222 0 1.606-.015 2.896-.015 3.286 0 .32.218.694.825.576C20.565 21.795 24 17.298 24 12c0-6.628-5.372-12-12-12z\"/>\n                    </svg>\n                    Login with GitHub\n                </button>\n            </div>\n        </div>\n    );\n};","import React, { useState, useEffect, useCallback } from 'react';\nimport { useGlobalState } from '../../contexts/GlobalStateContext.tsx';\nimport type { FileNode } from '../../types.ts';\nimport { getRepoTree, getFileContent } from '../../services/index.ts';\nimport { LoadingSpinner } from '../shared/index.tsx';\nimport { FolderIcon, DocumentIcon } from '../icons.tsx';\n\n// Recursive component to render the file tree\nconst FileTree: React.FC<{ node: FileNode, onFileSelect: (path: string) => void, level?: number }> = ({ node, onFileSelect, level = 0 }) => {\n    const [isOpen, setIsOpen] = useState(level < 2); // Auto-open first few levels\n    const isFolder = node.type === 'folder';\n\n    const handleToggle = () => {\n        if (isFolder) {\n            setIsOpen(!isOpen);\n        }\n    };\n    \n    const handleFileClick = (e: React.MouseEvent) => {\n        e.stopPropagation();\n        if (!isFolder) {\n            onFileSelect(node.path);\n        } else {\n            handleToggle();\n        }\n    };\n\n    return (\n        <div className=\"text-sm\">\n            <div \n                className=\"flex items-center p-1 rounded-md cursor-pointer hover:bg-gray-100\"\n                onClick={handleFileClick}\n                style={{ paddingLeft: `${level * 16}px`}}\n            >\n                {isFolder ? <FolderIcon /> : <DocumentIcon />}\n                <span className=\"ml-2 truncate\">{node.name}</span>\n            </div>\n            {isFolder && isOpen && node.children && (\n                <div>\n                    {node.children.sort((a,b) => a.type === 'folder' ? -1 : 1).map(child => (\n                        <FileTree key={child.path} node={child} onFileSelect={onFileSelect} level={level + 1} />\n                    ))}\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport const ProjectExplorer: React.FC = () => {\n    const { state, dispatch } = useGlobalState();\n    const { selectedRepo, projectFiles } = state;\n    const [isLoading, setIsLoading] = useState(false);\n    const [activeFileContent, setActiveFileContent] = useState<string | null>(null);\n    const [activeFilePath, setActiveFilePath] = useState<string | null>(null);\n    const [error, setError] = useState<string | null>(null);\n\n    useEffect(() => {\n        if (selectedRepo && !projectFiles) {\n            setIsLoading(true);\n            setError(null);\n            getRepoTree(selectedRepo.owner, selectedRepo.repo)\n                .then(tree => dispatch({ type: 'LOAD_PROJECT_FILES', payload: tree }))\n                .catch(err => {\n                    console.error(err);\n                    setError('Could not load repository file tree. It might be empty or you may not have access.');\n                })\n                .finally(() => setIsLoading(false));\n        } else if (!selectedRepo && projectFiles) {\n            // Clear files if repo is deselected\n            dispatch({ type: 'LOAD_PROJECT_FILES', payload: null });\n        }\n    }, [selectedRepo, projectFiles, dispatch]);\n    \n    const handleFileSelect = useCallback(async (path: string) => {\n        if (!selectedRepo) return;\n        setIsLoading(true);\n        setActiveFilePath(path);\n        setActiveFileContent(null);\n        setError(null);\n        try {\n            const content = await getFileContent(selectedRepo.owner, selectedRepo.repo, path);\n            setActiveFileContent(content);\n        } catch (e) {\n            console.error(e);\n            setError(`Could not load file: ${path}`);\n            setActiveFileContent(null);\n        } finally {\n            setIsLoading(false);\n        }\n    }, [selectedRepo]);\n\n    if (!selectedRepo) {\n        return (\n            <div className=\"h-full flex flex-col items-center justify-center text-center text-text-secondary p-4\">\n                <FolderIcon />\n                <h2 className=\"text-lg font-semibold mt-2\">No Repository Selected</h2>\n                <p>Please select a repository in the 'Connections' tab to explore its files.</p>\n            </div>\n        );\n    }\n    \n    if (isLoading && !projectFiles) {\n        return (\n            <div className=\"h-full flex items-center justify-center\">\n                <LoadingSpinner />\n                <span className=\"ml-2 text-text-secondary\">Loading repository tree...</span>\n            </div>\n        )\n    }\n\n    if (error && !projectFiles) {\n         return (\n            <div className=\"h-full flex flex-col items-center justify-center text-red-500 p-4\">\n                 <h2 className=\"text-lg font-semibold\">Error Loading Repository</h2>\n                <p>{error}</p>\n            </div>\n        );\n    }\n\n    return (\n        <div className=\"h-full flex\">\n            <aside className=\"w-1/3 max-w-xs bg-surface border-r border-border p-2 overflow-y-auto\">\n                {projectFiles && <FileTree node={projectFiles} onFileSelect={handleFileSelect} />}\n            </aside>\n            <main className=\"flex-1 bg-background p-4 overflow-y-auto\">\n                 {isLoading && activeFilePath && \n                    <div className=\"h-full flex items-center justify-center\">\n                        <LoadingSpinner />\n                        <span className=\"ml-2 text-text-secondary\">Loading {activeFilePath}...</span>\n                    </div>\n                 }\n                 {error && activeFilePath && <div className=\"p-4 text-red-500\">{error}</div>}\n                 {!isLoading && activeFileContent !== null && (\n                    <div className=\"h-full flex flex-col\">\n                        <h3 className=\"font-mono text-sm mb-2 text-text-secondary flex-shrink-0\">{activeFilePath}</h3>\n                        <div className=\"flex-grow bg-surface rounded-md border border-border overflow-auto\">\n                            <pre className=\"p-4 text-sm whitespace-pre-wrap\">\n                                <code>{activeFileContent}</code>\n                            </pre>\n                        </div>\n                    </div>\n                 )}\n                 {!isLoading && activeFileContent === null && !error && (\n                     <div className=\"h-full flex items-center justify-center text-text-secondary\">\n                        <p>Select a file to view its content.</p>\n                    </div>\n                 )}\n            </main>\n        </div>\n    );\n};\n","import React, { useState, useEffect } from 'react';\nimport { useGlobalState } from '../../contexts/GlobalStateContext.tsx';\nimport { GithubIcon } from '../icons.tsx';\nimport { getRepos, deleteRepo } from '../../services/index.ts';\nimport type { Repo } from '../../types.ts';\nimport { LoadingSpinner } from '../shared/index.tsx';\n\n\nconst ConnectionCard: React.FC<{\n    name: string;\n    icon: React.ReactNode;\n    isConnected: boolean;\n    userLogin?: string;\n    onDisconnect: () => void;\n}> = ({ name, icon, isConnected, userLogin, onDisconnect }) => {\n    return (\n        <div className=\"bg-surface border border-border rounded-lg p-6 flex items-center justify-between\">\n            <div className=\"flex items-center gap-4\">\n                <div className=\"w-10 h-10\">{icon}</div>\n                <div>\n                    <h3 className=\"text-lg font-bold text-text-primary\">{name}</h3>\n                    <p className={`text-sm ${isConnected ? 'text-green-600' : 'text-text-secondary'}`}>\n                        {isConnected ? `Connected as ${userLogin}` : 'Not Connected'}\n                    </p>\n                </div>\n            </div>\n            {isConnected && (\n                <button onClick={onDisconnect} className=\"px-4 py-2 bg-red-100 text-red-700 font-semibold rounded-md hover:bg-red-200\">Disconnect</button>\n            )}\n        </div>\n    );\n};\n\nconst RepoSelector: React.FC = () => {\n    const { state, dispatch } = useGlobalState();\n    const [repos, setRepos] = useState<Repo[]>([]);\n    const [isLoading, setIsLoading] = useState(false);\n    \n    useEffect(() => {\n        if (state.isGithubConnected) {\n            setIsLoading(true);\n            getRepos().then(setRepos).finally(() => setIsLoading(false));\n        }\n    }, [state.isGithubConnected]);\n\n    const handleSelectRepo = (fullName: string) => {\n        if (!fullName) {\n            dispatch({ type: 'SET_SELECTED_REPO', payload: null });\n            dispatch({ type: 'LOAD_PROJECT_FILES', payload: null });\n            return;\n        }\n        const [owner, repo] = fullName.split('/');\n        dispatch({ type: 'SET_SELECTED_REPO', payload: { owner, repo } });\n    };\n\n    const handleDeleteRepo = async () => {\n        if (!state.selectedRepo) return;\n        const { owner, repo } = state.selectedRepo;\n        if (window.confirm(`Are you sure you want to PERMANENTLY DELETE the repository \"${owner}/${repo}\"? This action cannot be undone.`)) {\n            try {\n                await deleteRepo(owner, repo);\n                dispatch({ type: 'SET_SELECTED_REPO', payload: null });\n                dispatch({ type: 'LOAD_PROJECT_FILES', payload: null });\n                setIsLoading(true);\n                getRepos().then(setRepos).finally(() => setIsLoading(false));\n            } catch (e) {\n                alert(\"Failed to delete repository.\");\n            }\n        }\n    };\n\n    return (\n        <div className=\"bg-surface border border-border rounded-lg p-6\">\n            <h3 className=\"text-lg font-bold text-text-primary mb-2\">Active Repository</h3>\n            <p className=\"text-sm text-text-secondary mb-4\">Select a repository for the AI to interact with in the Project Explorer and other tools.</p>\n            {isLoading ? <LoadingSpinner /> : (\n                <div className=\"flex items-center gap-2\">\n                    <select\n                        value={state.selectedRepo ? `${state.selectedRepo.owner}/${state.selectedRepo.repo}` : ''}\n                        onChange={e => handleSelectRepo(e.target.value)}\n                        className=\"flex-grow p-2 rounded bg-background border border-border\"\n                    >\n                        <option value=\"\">-- Select a Repository --</option>\n                        {repos.map(r => <option key={r.id} value={r.full_name}>{r.full_name}</option>)}\n                    </select>\n                    {state.selectedRepo && (\n                         <button onClick={handleDeleteRepo} className=\"px-4 py-2 bg-red-100 text-red-700 font-semibold rounded-md hover:bg-red-200\">Delete</button>\n                    )}\n                </div>\n            )}\n        </div>\n    );\n}\n\nexport const Connections: React.FC = () => {\n    const { state, dispatch } = useGlobalState();\n    const { isGithubConnected, user } = state;\n    \n    const handleDisconnectGitHub = () => {\n        dispatch({ type: 'LOGOUT' });\n    };\n\n    return (\n        <div className=\"h-full p-4 sm:p-6 lg:p-8\">\n            <div className=\"max-w-4xl mx-auto\">\n                <header className=\"mb-8\">\n                    <h1 className=\"text-4xl font-extrabold tracking-tight\">Connections</h1>\n                    <p className=\"mt-2 text-lg text-text-secondary\">Manage your GitHub connection to unlock powerful workflows.</p>\n                </header>\n\n                <div className=\"space-y-6\">\n                    <ConnectionCard\n                        name=\"GitHub\"\n                        icon={<GithubIcon />}\n                        isConnected={isGithubConnected}\n                        userLogin={user?.login}\n                        onDisconnect={handleDisconnectGitHub}\n                    />\n                    {isGithubConnected && <RepoSelector />}\n                </div>\n            </div>\n        </div>\n    );\n};","import React, { Suspense, useCallback, useMemo, useState, useEffect } from 'react';\nimport { ErrorBoundary } from './components/ErrorBoundary.tsx';\nimport { useGlobalState } from './contexts/GlobalStateContext.tsx';\nimport { logEvent } from './services/telemetryService.ts';\nimport { ALL_FEATURES, FEATURES_MAP } from './components/features/index.ts';\nimport type { ViewType, FeatureId, SidebarItem } from './types.ts';\nimport { ActionManager } from './components/ActionManager.tsx';\nimport { LeftSidebar } from './components/LeftSidebar.tsx';\nimport { StatusBar } from './components/StatusBar.tsx';\nimport { CommandPalette } from './components/CommandPalette.tsx';\nimport { SettingsView } from './components/SettingsView.tsx';\nimport { Cog6ToothIcon, HomeIcon, FolderIcon, LinkIcon } from './components/icons.tsx';\nimport { AiCommandCenter } from './components/features/AiCommandCenter.tsx';\nimport { LoginView } from './components/LoginView.tsx';\nimport { ProjectExplorer } from './components/features/ProjectExplorer.tsx';\nimport { Connections } from './components/features/Connections.tsx';\n\n\nexport const LoadingIndicator: React.FC = () => (\n    <div className=\"w-full h-full flex items-center justify-center bg-surface\">\n        <div className=\"flex items-center justify-center space-x-2\">\n            <div className=\"w-4 h-4 rounded-full bg-primary animate-pulse\" style={{ animationDelay: '0s' }}></div>\n            <div className=\"w-4 h-4 rounded-full bg-primary animate-pulse\" style={{ animationDelay: '0.2s' }}></div>\n            <div className=\"w-4 h-4 rounded-full bg-primary animate-pulse\" style={{ animationDelay: '0.4s' }}></div>\n            <span className=\"text-text-secondary ml-2\">Loading Feature...</span>\n        </div>\n    </div>\n);\n\ninterface LocalStorageConsentModalProps {\n  onAccept: () => void;\n  onDecline: () => void;\n}\n\nconst LocalStorageConsentModal: React.FC<LocalStorageConsentModalProps> = ({ onAccept, onDecline }) => {\n  return (\n    <div className=\"fixed inset-0 bg-gray-900/80 backdrop-blur-sm z-50 flex items-center justify-center fade-in\">\n      <div \n        className=\"bg-surface border border-border rounded-2xl shadow-2xl shadow-black/50 w-full max-w-md m-4 p-8 text-center animate-pop-in\"\n      >\n        <h2 className=\"text-2xl mb-4\">Store Data Locally?</h2>\n        <p className=\"text-text-secondary mb-6\">\n          This application uses your browser's local storage to save your settings and remember your progress between sessions. This data stays on your computer and is not shared.\n        </p>\n        <div className=\"flex justify-center gap-4\">\n          <button\n            onClick={onDecline}\n            className=\"px-6 py-2 bg-surface border border-border text-text-primary font-bold rounded-md hover:bg-gray-100 transition-colors\"\n          >\n            Decline\n          </button>\n          <button\n            onClick={onAccept}\n            className=\"btn-primary px-6 py-2\"\n          >\n            Accept\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst App: React.FC = () => {\n  const { state, dispatch } = useGlobalState();\n  const { activeView, viewProps, hiddenFeatures, isAuthenticated } = state;\n  const [isCommandPaletteOpen, setCommandPaletteOpen] = useState(false);\n  const [showConsentModal, setShowConsentModal] = useState(false);\n\n  useEffect(() => {\n    try {\n        const consent = localStorage.getItem('devcore_ls_consent');\n        if (!consent) {\n            setShowConsentModal(true);\n        }\n    } catch (e) {\n        console.warn(\"Could not access localStorage.\", e);\n    }\n  }, []);\n\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n        if ((e.metaKey || e.ctrlKey) && e.key === 'k') {\n            e.preventDefault();\n            setCommandPaletteOpen(isOpen => !isOpen);\n        }\n    };\n    window.addEventListener('keydown', handleKeyDown);\n    return () => window.removeEventListener('keydown', handleKeyDown);\n  }, []);\n\n  const handleAcceptConsent = () => {\n    try {\n        localStorage.setItem('devcore_ls_consent', 'granted');\n        window.location.reload();\n    } catch (e) {\n        console.error(\"Could not write to localStorage.\", e);\n        setShowConsentModal(false);\n    }\n  };\n\n  const handleDeclineConsent = () => {\n    try {\n        localStorage.setItem('devcore_ls_consent', 'denied');\n    } catch (e) {\n        console.error(\"Could not write to localStorage.\", e);\n    }\n    setShowConsentModal(false);\n  };\n\n  const handleViewChange = useCallback((view: ViewType, props: any = {}) => {\n    dispatch({ type: 'SET_VIEW', payload: { view, props } });\n    logEvent('view_changed', { view });\n    setCommandPaletteOpen(false);\n  }, [dispatch]);\n\n  const sidebarItems: SidebarItem[] = useMemo(() => [\n    { id: 'ai-command-center', label: 'Command Center', icon: <HomeIcon />, view: 'ai-command-center' },\n    { id: 'project-explorer', label: 'Project Explorer', icon: <FolderIcon />, view: 'project-explorer' },\n    ...ALL_FEATURES\n        .filter(feature => !hiddenFeatures.includes(feature.id) && !['ai-command-center', 'project-explorer', 'connections'].includes(feature.id))\n        .map(feature => ({\n            id: feature.id,\n            label: feature.name,\n            icon: feature.icon,\n            view: feature.id as ViewType,\n        })),\n    { id: 'connections', label: 'Connections', icon: <LinkIcon />, view: 'connections' },\n    { id: 'settings', label: 'Settings', icon: <Cog6ToothIcon />, view: 'settings' },\n  ], [hiddenFeatures]);\n\n  const ActiveComponent = useMemo(() => {\n      if (activeView === 'settings') return SettingsView;\n      if (activeView === 'project-explorer') return ProjectExplorer;\n      if (activeView === 'connections') return Connections;\n      // Fallback to command center if no view is matched.\n      return FEATURES_MAP.get(activeView as string)?.component ?? AiCommandCenter;\n  }, [activeView]);\n\n  if (!isAuthenticated) {\n    return <LoginView />;\n  }\n  \n  return (\n    <div className=\"h-screen w-screen font-sans overflow-hidden bg-background\">\n        {showConsentModal && <LocalStorageConsentModal onAccept={handleAcceptConsent} onDecline={handleDeclineConsent} />}\n        <div className=\"relative flex h-full w-full\">\n            <LeftSidebar items={sidebarItems} activeView={state.activeView} onNavigate={handleViewChange} />\n            <div className=\"flex-1 flex min-w-0\">\n                <div className=\"flex-1 flex flex-col min-w-0\">\n                    <main className=\"relative flex-1 min-w-0 bg-surface/50 overflow-y-auto\">\n                        <ErrorBoundary>\n                            <Suspense fallback={<LoadingIndicator />}>\n                                <div key={activeView} className=\"fade-in w-full h-full\">\n                                    <ActiveComponent {...viewProps} />\n                                </div>\n                            </Suspense>\n                        </ErrorBoundary>\n                        <ActionManager />\n                    </main>\n                    <StatusBar bgImageStatus=\"loaded\" />\n                </div>\n            </div>\n            <CommandPalette isOpen={isCommandPaletteOpen} onClose={() => setCommandPaletteOpen(false)} onSelect={handleViewChange} />\n        </div>\n    </div>\n  );\n};\n\nexport default App;","\n/**\n * @license\n * SPDX-License-Identifier: Apache-2.0\n*/\nimport React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport App from './App.tsx';\nimport { GlobalStateProvider } from './contexts/GlobalStateContext.tsx';\nimport './index.css';\n\nconst rootElement = document.getElementById('root');\nif (!rootElement) {\n  throw new Error(\"Could not find root element to mount to\");\n}\n\nconst root = ReactDOM.createRoot(rootElement);\nroot.render(\n  <React.StrictMode>\n    <GlobalStateProvider>\n      <App />\n    </GlobalStateProvider>\n  </React.StrictMode>\n);\n"],"file":"assets/index-Ck8YGBbR.js"}
\ No newline at end of file
diff --git a/assets/index-CqR0m631.css b/assets/index-CqR0m631.css
new file mode 100644
index 0000000000000000000000000000000000000000..1594269d9b27f0efd7d91b5f4a3f55c2cf6f54c0
--- /dev/null
+++ b/assets/index-CqR0m631.css
@@ -0,0 +1 @@
+*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.\!relative{position:relative!important}.relative{position:relative}.sticky{position:sticky}.-inset-1{top:-.25rem;right:-.25rem;bottom:-.25rem;left:-.25rem}.inset-0{top:0;right:0;bottom:0;left:0}.-right-2{right:-.5rem}.-top-2{top:-.5rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.bottom-6{bottom:1.5rem}.bottom-\[calc\(theme\(spacing\.4\)_\+_24px\)\]{bottom:calc(1rem + 24px)}.end-1{inset-inline-end:.25rem}.left-14{left:3.5rem}.left-20{left:5rem}.left-4{left:1rem}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-6{right:1.5rem}.right-\[-9px\]{right:-9px}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-3{top:.75rem}.top-4{top:1rem}.top-full{top:100%}.isolate{isolation:isolate}.isolation-auto{isolation:auto}.z-0{z-index:0}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[999\]{z-index:999}.float-start{float:inline-start}.float-end{float:inline-end}.float-right{float:right}.float-left{float:left}.float-none{float:none}.clear-start{clear:inline-start}.clear-end{clear:inline-end}.clear-left{clear:left}.clear-right{clear:right}.clear-both{clear:both}.clear-none{clear:none}.m-4{margin:1rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-none{overflow:visible;display:block;-webkit-box-orient:horizontal;-webkit-line-clamp:none}.\!block{display:block!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.\!table{display:table!important}.table{display:table}.inline-table{display:inline-table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row-group{display:table-row-group}.table-row{display:table-row}.flow-root{display:flow-root}.\!grid{display:grid!important}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.list-item{display:list-item}.hidden{display:none}.\!h-64{height:16rem!important}.h-1\/2{height:50%}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\/5{height:40%}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-32{height:8rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-52{height:13rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-96{height:24rem}.h-\[550px\]{height:550px}.h-full{height:100%}.h-screen{height:100vh}.max-h-48{max-height:12rem}.max-h-96{max-height:24rem}.max-h-full{max-height:100%}.min-h-0{min-height:0px}.min-h-\[150px\]{min-height:150px}.min-h-\[200px\]{min-height:200px}.min-h-\[40px\]{min-height:40px}.min-h-\[50px\]{min-height:50px}.\!w-64{width:16rem!important}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-1\/4{width:25%}.w-1\/5{width:20%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\/3{width:66.666667%}.w-2\/5{width:40%}.w-20{width:5rem}.w-24{width:6rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-52{width:13rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-72{width:18rem}.w-80{width:20rem}.w-\[this-is\\\\\]{width:this-is\\}.w-\[this-is\]{width:this-is}.w-\[weird-and-invalid\]{width:weird-and-invalid}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0px}.min-w-\[100px\]{min-width:100px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.caption-top{caption-side:top}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-6{--tw-translate-x: 1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-0{--tw-rotate: 0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-0{--tw-scale-x: 0;--tw-scale-y: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\!transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.transform,.transform-cpu{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform-none{transform:none}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-crosshair{cursor:crosshair}.cursor-grab{cursor:grab}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-auto{touch-action:auto}.touch-none{touch-action:none}.touch-pan-x{--tw-pan-x: pan-x;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pan-left{--tw-pan-x: pan-left;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pan-right{--tw-pan-x: pan-right;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pan-y{--tw-pan-y: pan-y;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pan-up{--tw-pan-y: pan-up;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pan-down{--tw-pan-y: pan-down;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pinch-zoom{--tw-pinch-zoom: pinch-zoom;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-manipulation{touch-action:manipulation}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.resize-none{resize:none}.resize-y{resize:vertical}.resize-x{resize:horizontal}.resize{resize:both}.snap-none{scroll-snap-type:none}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-y{scroll-snap-type:y var(--tw-scroll-snap-strictness)}.snap-both{scroll-snap-type:both var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness: mandatory}.snap-proximity{--tw-scroll-snap-strictness: proximity}.snap-start{scroll-snap-align:start}.snap-end{scroll-snap-align:end}.snap-center{scroll-snap-align:center}.snap-align-none{scroll-snap-align:none}.snap-normal{scroll-snap-stop:normal}.snap-always{scroll-snap-stop:always}.list-inside{list-style-position:inside}.list-outside{list-style-position:outside}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.appearance-auto{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.break-before-auto{-moz-column-break-before:auto;break-before:auto}.break-before-avoid{-moz-column-break-before:avoid;break-before:avoid}.break-before-all{-moz-column-break-before:all;break-before:all}.break-before-avoid-page{-moz-column-break-before:avoid;break-before:avoid-page}.break-before-page{-moz-column-break-before:page;break-before:page}.break-before-left{-moz-column-break-before:left;break-before:left}.break-before-right{-moz-column-break-before:right;break-before:right}.break-before-column{-moz-column-break-before:column;break-before:column}.break-inside-auto{-moz-column-break-inside:auto;break-inside:auto}.break-inside-avoid{-moz-column-break-inside:avoid;break-inside:avoid}.break-inside-avoid-page{break-inside:avoid-page}.break-inside-avoid-column{-moz-column-break-inside:avoid;break-inside:avoid-column}.break-after-auto{-moz-column-break-after:auto;break-after:auto}.break-after-avoid{-moz-column-break-after:avoid;break-after:avoid}.break-after-all{-moz-column-break-after:all;break-after:all}.break-after-avoid-page{-moz-column-break-after:avoid;break-after:avoid-page}.break-after-page{-moz-column-break-after:page;break-after:page}.break-after-left{-moz-column-break-after:left;break-after:left}.break-after-right{-moz-column-break-after:right;break-after:right}.break-after-column{-moz-column-break-after:column;break-after:column}.grid-flow-row{grid-auto-flow:row}.grid-flow-col{grid-auto-flow:column}.grid-flow-dense{grid-auto-flow:dense}.grid-flow-row-dense{grid-auto-flow:row dense}.grid-flow-col-dense{grid-auto-flow:column dense}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.place-content-center{place-content:center}.place-content-start{place-content:start}.place-content-end{place-content:end}.place-content-between{place-content:space-between}.place-content-around{place-content:space-around}.place-content-evenly{place-content:space-evenly}.place-content-baseline{place-content:baseline}.place-content-stretch{place-content:stretch}.place-items-start{place-items:start}.place-items-end{place-items:end}.place-items-center{place-items:center}.place-items-baseline{place-items:baseline}.place-items-stretch{place-items:stretch}.content-normal{align-content:normal}.content-center{align-content:center}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.content-baseline{align-content:baseline}.content-stretch{align-content:stretch}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-normal{justify-content:normal}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-stretch{justify-content:stretch}.justify-items-start{justify-items:start}.justify-items-end{justify-items:end}.justify-items-center{justify-items:center}.justify-items-stretch{justify-items:stretch}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-1{row-gap:.25rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 1}.space-x-reverse>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 1}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-y-reverse>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 1}.divide-x-reverse>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 1}.divide-solid>:not([hidden])~:not([hidden]){border-style:solid}.divide-dashed>:not([hidden])~:not([hidden]){border-style:dashed}.divide-dotted>:not([hidden])~:not([hidden]){border-style:dotted}.divide-double>:not([hidden])~:not([hidden]){border-style:double}.divide-none>:not([hidden])~:not([hidden]){border-style:none}.place-self-auto{place-self:auto}.place-self-start{place-self:start}.place-self-end{place-self:end}.place-self-center{place-self:center}.place-self-stretch{place-self:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.self-baseline{align-self:baseline}.justify-self-auto{justify-self:auto}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.justify-self-stretch{justify-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-clip{overflow:clip}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-clip{overflow-x:clip}.overflow-y-clip{overflow-y:clip}.overflow-x-visible{overflow-x:visible}.overflow-y-visible{overflow-y:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}.overscroll-auto{overscroll-behavior:auto}.overscroll-contain{overscroll-behavior:contain}.overscroll-none{overscroll-behavior:none}.overscroll-y-auto{overscroll-behavior-y:auto}.overscroll-y-contain{overscroll-behavior-y:contain}.overscroll-y-none{overscroll-behavior-y:none}.overscroll-x-auto{overscroll-behavior-x:auto}.overscroll-x-contain{overscroll-behavior-x:contain}.overscroll-x-none{overscroll-behavior-x:none}.scroll-auto{scroll-behavior:auto}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-ellipsis,.text-ellipsis{text-overflow:ellipsis}.text-clip{text-overflow:clip}.hyphens-none{-webkit-hyphens:none;hyphens:none}.hyphens-manual{-webkit-hyphens:manual;hyphens:manual}.hyphens-auto{-webkit-hyphens:auto;hyphens:auto}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.whitespace-break-spaces{white-space:break-spaces}.text-wrap{text-wrap:wrap}.text-nowrap{text-wrap:nowrap}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.break-normal{overflow-wrap:normal;word-break:normal}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.break-keep{word-break:keep-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[40px\]{border-radius:40px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-e{border-start-end-radius:.25rem;border-end-end-radius:.25rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-s{border-start-start-radius:.25rem;border-end-start-radius:.25rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-bl{border-bottom-left-radius:.25rem}.rounded-br{border-bottom-right-radius:.25rem}.rounded-ee{border-end-end-radius:.25rem}.rounded-es{border-end-start-radius:.25rem}.rounded-se{border-start-end-radius:.25rem}.rounded-ss{border-start-start-radius:.25rem}.rounded-tl{border-top-left-radius:.25rem}.rounded-tr{border-top-right-radius:.25rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\[10px\]{border-width:10px}.border-x{border-left-width:1px;border-right-width:1px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-e{border-inline-end-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-s{border-inline-start-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-double{border-style:double}.border-hidden{border-style:hidden}.border-none{border-style:none}.border-black{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.border-black\/20{border-color:#0003}.border-black\/40{border-color:#0006}.border-border{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-cyan-400{--tw-border-opacity: 1;border-color:rgb(34 211 238 / var(--tw-border-opacity, 1))}.border-cyan-500\/50{border-color:#06b6d480}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-900{--tw-border-opacity: 1;border-color:rgb(17 24 39 / var(--tw-border-opacity, 1))}.border-primary{--tw-border-opacity: 1;border-color:rgb(0 71 171 / var(--tw-border-opacity, 1))}.border-primary\/50{border-color:#0047ab80}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-slate-600{--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}.border-slate-700{--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.border-slate-700\/50{border-color:#33415580}.border-slate-800{--tw-border-opacity: 1;border-color:rgb(30 41 59 / var(--tw-border-opacity, 1))}.border-surface{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.bg-\[\#24292e\]{--tw-bg-opacity: 1;background-color:rgb(36 41 46 / var(--tw-bg-opacity, 1))}.bg-\[rgb\(255\,0\,0\)\]{--tw-bg-opacity: 1;background-color:rgb(255 0 0 / var(--tw-bg-opacity, 1))}.bg-background{--tw-bg-opacity: 1;background-color:rgb(245 247 250 / var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/30{background-color:#0000004d}.bg-black\/50{background-color:#00000080}.bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}.bg-current{background-color:currentColor}.bg-cyan-500{--tw-bg-opacity: 1;background-color:rgb(6 182 212 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-200\/50{background-color:#e5e7eb80}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-gray-300\/50{background-color:#d1d5db80}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-gray-900\/80{background-color:#111827cc}.bg-green-400{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.bg-orange-400{--tw-bg-opacity: 1;background-color:rgb(251 146 60 / var(--tw-bg-opacity, 1))}.bg-pink-400{--tw-bg-opacity: 1;background-color:rgb(244 114 182 / var(--tw-bg-opacity, 1))}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(0 71 171 / var(--tw-bg-opacity, 1))}.bg-primary\/10{background-color:#0047ab1a}.bg-primary\/20{background-color:#0047ab33}.bg-purple-400{--tw-bg-opacity: 1;background-color:rgb(192 132 252 / var(--tw-bg-opacity, 1))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-200{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/10{background-color:#ef44441a}.bg-slate-600{--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))}.bg-slate-700{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.bg-slate-700\/50{background-color:#33415580}.bg-slate-800{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.bg-slate-800\/50{background-color:#1e293b80}.bg-slate-800\/70{background-color:#1e293bb3}.bg-slate-800\/80{background-color:#1e293bcc}.bg-slate-900{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.bg-slate-900\/50{background-color:#0f172a80}.bg-slate-900\/70{background-color:#0f172ab3}.bg-slate-900\/80{background-color:#0f172acc}.bg-surface{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-surface\/50{background-color:#ffffff80}.bg-surface\/70{background-color:#ffffffb3}.bg-surface\/80{background-color:#fffc}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/30{background-color:#ffffff4d}.bg-yellow-400{--tw-bg-opacity: 1;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))}.decoration-slice{-webkit-box-decoration-break:slice;box-decoration-break:slice}.decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.box-decoration-slice{-webkit-box-decoration-break:slice;box-decoration-break:slice}.box-decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.bg-fixed{background-attachment:fixed}.bg-local{background-attachment:local}.bg-scroll{background-attachment:scroll}.bg-clip-border{background-clip:border-box}.bg-clip-padding{background-clip:padding-box}.bg-clip-content{background-clip:content-box}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-repeat{background-repeat:repeat}.bg-no-repeat{background-repeat:no-repeat}.bg-repeat-x{background-repeat:repeat-x}.bg-repeat-y{background-repeat:repeat-y}.bg-repeat-round{background-repeat:round}.bg-repeat-space{background-repeat:space}.bg-origin-border{background-origin:border-box}.bg-origin-padding{background-origin:padding-box}.bg-origin-content{background-origin:content-box}.fill-white{fill:#fff}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.object-none{-o-object-fit:none;object-fit:none}.object-scale-down{-o-object-fit:scale-down;object-fit:scale-down}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-2{padding-bottom:.5rem}.pl-4{padding-left:1rem}.pr-2{padding-right:.5rem}.pr-28{padding-right:7rem}.pt-10{padding-top:2.5rem}.pt-20{padding-top:5rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-start{text-align:start}.text-end{text-align:end}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.align-text-top{vertical-align:text-top}.align-text-bottom{vertical-align:text-bottom}.align-sub{vertical-align:sub}.align-super{vertical-align:super}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Inter,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.italic{font-style:italic}.not-italic{font-style:normal}.normal-nums{font-variant-numeric:normal}.ordinal{--tw-ordinal: ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.slashed-zero{--tw-slashed-zero: slashed-zero;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.lining-nums{--tw-numeric-figure: lining-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.oldstyle-nums{--tw-numeric-figure: oldstyle-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.proportional-nums{--tw-numeric-spacing: proportional-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.diagonal-fractions{--tw-numeric-fraction: diagonal-fractions;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.stacked-fractions{--tw-numeric-fraction: stacked-fractions;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tracking-tight{letter-spacing:-.025em}.text-\[\#336699\]\/\[\.35\]{color:#33669959}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-black\/70{color:#000000b3}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-blue-900{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.text-cyan-400{--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-900{--tw-text-opacity: 1;color:rgb(20 83 45 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.text-orange-900{--tw-text-opacity: 1;color:rgb(124 45 18 / var(--tw-text-opacity, 1))}.text-pink-600{--tw-text-opacity: 1;color:rgb(219 39 119 / var(--tw-text-opacity, 1))}.text-pink-900{--tw-text-opacity: 1;color:rgb(131 24 67 / var(--tw-text-opacity, 1))}.text-primary{--tw-text-opacity: 1;color:rgb(0 71 171 / var(--tw-text-opacity, 1))}.text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.text-purple-900{--tw-text-opacity: 1;color:rgb(88 28 135 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-slate-100{--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.text-slate-200{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-text-on-primary{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-text-primary{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-text-secondary{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.text-yellow-900{--tw-text-opacity: 1;color:rgb(113 63 18 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.overline{text-decoration-line:overline}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.decoration-red-500{text-decoration-color:#ef4444}.decoration-solid{text-decoration-style:solid}.decoration-double{text-decoration-style:double}.decoration-dotted{text-decoration-style:dotted}.decoration-dashed{text-decoration-style:dashed}.decoration-wavy{text-decoration-style:wavy}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.caret-primary{caret-color:#0047ab}.opacity-0{opacity:0}.opacity-70{opacity:.7}.bg-blend-normal{background-blend-mode:normal}.bg-blend-multiply{background-blend-mode:multiply}.bg-blend-screen{background-blend-mode:screen}.bg-blend-overlay{background-blend-mode:overlay}.bg-blend-darken{background-blend-mode:darken}.bg-blend-lighten{background-blend-mode:lighten}.bg-blend-color-dodge{background-blend-mode:color-dodge}.bg-blend-color-burn{background-blend-mode:color-burn}.bg-blend-hard-light{background-blend-mode:hard-light}.bg-blend-soft-light{background-blend-mode:soft-light}.bg-blend-difference{background-blend-mode:difference}.bg-blend-exclusion{background-blend-mode:exclusion}.bg-blend-hue{background-blend-mode:hue}.bg-blend-saturation{background-blend-mode:saturation}.bg-blend-color{background-blend-mode:color}.bg-blend-luminosity{background-blend-mode:luminosity}.mix-blend-normal{mix-blend-mode:normal}.mix-blend-multiply{mix-blend-mode:multiply}.mix-blend-screen{mix-blend-mode:screen}.mix-blend-overlay{mix-blend-mode:overlay}.mix-blend-darken{mix-blend-mode:darken}.mix-blend-lighten{mix-blend-mode:lighten}.mix-blend-color-dodge{mix-blend-mode:color-dodge}.mix-blend-color-burn{mix-blend-mode:color-burn}.mix-blend-hard-light{mix-blend-mode:hard-light}.mix-blend-soft-light{mix-blend-mode:soft-light}.mix-blend-difference{mix-blend-mode:difference}.mix-blend-exclusion{mix-blend-mode:exclusion}.mix-blend-hue{mix-blend-mode:hue}.mix-blend-saturation{mix-blend-mode:saturation}.mix-blend-color{mix-blend-mode:color}.mix-blend-luminosity{mix-blend-mode:luminosity}.mix-blend-plus-darker{mix-blend-mode:plus-darker}.mix-blend-plus-lighter{mix-blend-mode:plus-lighter}.\!shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1) !important;--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-black\/50{--tw-shadow-color: rgb(0 0 0 / .5);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-dashed{outline-style:dashed}.outline-dotted{outline-style:dotted}.outline-double{outline-style:double}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-inset{--tw-ring-inset: inset}.ring-black\/50{--tw-ring-color: rgb(0 0 0 / .5)}.ring-primary{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 71 171 / var(--tw-ring-opacity, 1))}.ring-offset-1{--tw-ring-offset-width: 1px}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\!invert{--tw-invert: invert(100%) !important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.sepia{--tw-sepia: sepia(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter-none{filter:none}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-grayscale{--tw-backdrop-grayscale: grayscale(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-invert{--tw-backdrop-invert: invert(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-sepia{--tw-backdrop-sepia: sepia(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter-none{-webkit-backdrop-filter:none;backdrop-filter:none}.\!transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.contain-none{contain:none}.contain-content{contain:content}.contain-strict{contain:strict}.contain-size{--tw-contain-size: size;contain:var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style)}.contain-inline-size{--tw-contain-size: inline-size;contain:var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style)}.contain-layout{--tw-contain-layout: layout;contain:var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style)}.contain-paint{--tw-contain-paint: paint;contain:var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style)}.contain-style{--tw-contain-style: style;contain:var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style)}.content-\[\'this-is-also-valid\]-weirdly-enough\'\]{--tw-content: "this-is-also-valid]-weirdly-enough";content:var(--tw-content)}.forced-color-adjust-auto{forced-color-adjust:auto}.forced-color-adjust-none{forced-color-adjust:none}.\[a-zA-Z0-9\:\\\\-\\\\\._\$\]{a-z-a--z0-9:\\-\\. $}.\[a-zA-Z\:_\]{a-z-a--z:}.\[vite\:css\]{vite:css}.\[vite\:html\]{vite:html}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(135deg,#fff,#f5f7fa)}#root{position:relative;z-index:1}#root:before{content:"CitiBank demo business inc";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-30deg);font-family:EB Garamond,serif;font-size:clamp(2rem,8vw,6rem);font-weight:700;color:#b8860b;opacity:.08;pointer-events:none;z-index:-1;white-space:nowrap}h1,h2,h3,h4,h5,h6{font-family:EB Garamond,serif;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}h1{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.btn-primary{border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(0 71 171 / var(--tw-bg-opacity, 1));font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}::-webkit-scrollbar-thumb{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}button,a,input,textarea,select{transition:all .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.fade-in{animation:fadeIn .5s ease-in-out forwards}.animate-shake{animation:shake .4s ease-in-out}.animate-pop-in{animation:pop-in .3s ease-out forwards}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth}@media (min-width: 640px){.sm\:container{width:100%}.sm\:container{max-width:640px}@media (min-width: 768px){.sm\:container{max-width:768px}}@media (min-width: 1024px){.sm\:container{max-width:1024px}}@media (min-width: 1280px){.sm\:container{max-width:1280px}}@media (min-width: 1536px){.sm\:container{max-width:1536px}}}.focus-within\:ring-2:focus-within{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-within\:ring-primary:focus-within{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 71 171 / var(--tw-ring-opacity, 1))}.hover\:scale-125:hover{--tw-scale-x: 1.25;--tw-scale-y: 1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-gray-300:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.hover\:border-slate-700:hover{--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.hover\:bg-\[\#333\]:hover{--tw-bg-opacity: 1;background-color:rgb(51 51 51 / var(--tw-bg-opacity, 1))}.hover\:bg-black\/50:hover{background-color:#00000080}.hover\:bg-cyan-400:hover{--tw-bg-opacity: 1;background-color:rgb(34 211 238 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-300\/50:hover{background-color:#d1d5db80}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-red-200:hover{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity, 1))}.hover\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.hover\:bg-red-500\/20:hover{background-color:#ef444433}.hover\:bg-red-500\/50:hover{background-color:#ef444480}.hover\:bg-slate-600:hover{--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-700\/70:hover{background-color:#334155b3}.hover\:bg-slate-700\/80:hover{background-color:#334155cc}.hover\:bg-slate-800:hover{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/50:hover{background-color:#ffffff80}.hover\:bg-yellow-300:hover{--tw-bg-opacity: 1;background-color:rgb(253 224 71 / var(--tw-bg-opacity, 1))}.hover\:stroke-white:hover{stroke:#fff}.hover\:font-bold:hover{font-weight:700}.hover\:text-primary:hover{--tw-text-opacity: 1;color:rgb(0 71 171 / var(--tw-text-opacity, 1))}.hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.hover\:text-red-500:hover{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-cyan-500\/10:hover{--tw-shadow-color: rgb(6 182 212 / .1);--tw-shadow: var(--tw-shadow-colored)}.before\:hover\:text-center:hover:before{content:var(--tw-content);text-align:center}.hover\:before\:text-center:hover:before{content:var(--tw-content);text-align:center}.focus\:border-cyan-500:focus{--tw-border-opacity: 1;border-color:rgb(6 182 212 / var(--tw-border-opacity, 1))}.focus\:border-primary:focus{--tw-border-opacity: 1;border-color:rgb(0 71 171 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-cyan-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity, 1))}.focus\:ring-primary:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 71 171 / var(--tw-ring-opacity, 1))}.focus\:hover\:text-center:hover:focus{text-align:center}.hover\:focus\:text-center:focus:hover{text-align:center}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-400:disabled{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.disabled\:bg-slate-600:disabled{--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))}.disabled\:text-gray-400:disabled{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.disabled\:opacity-30:disabled{opacity:.3}.group:hover .group-hover\:scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width: 640px){.sm\:block{display:block}.sm\:p-12{padding:3rem}.sm\:p-6{padding:1.5rem}.sm\:underline{text-decoration-line:underline}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:flex-row{flex-direction:row}}@media (min-width: 1024px){.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:w-1\/2{width:50%}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:p-8{padding:2rem}}@media (min-width: 1280px){.xl\:col-span-1{grid-column:span 1 / span 1}.xl\:flex{display:flex}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-color-scheme: dark){@media (min-width: 1024px){.dark\:lg\:hover\:\[paint-order\:markers\]:hover{paint-order:markers}}}