\n \n

\n\n {/* Permission notice that will appear if microphone access is needed */}\n

\n This app requires microphone access to function correctly.\n \n

\n\n

\n \n \n

\n\n {/* Script to handle microphone permissions */}\n \n \n ,\n );\n\n return new Response(\"\" + html, {\n headers: { \"Content-Type\": \"text/html\" },\n });\n}",[],[248,254,260],[248,254],{"_104":268,"_95":269,"_158":270,"_160":249,"_161":141,"_162":163,"_164":118,"_106":271,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":272,"_99":288},"dee3d674-1aef-11f0-b4ed-569c3dd06744","clean-project-template","219b50cb-226b-4df9-9afa-474803e137a3",["D",1744827798720],[273,281],{"_104":274,"_95":275,"_158":276,"_160":270,"_161":141,"_162":163,"_164":118,"_106":277,"_101":32,"_166":184,"_168":278,"_169":22,"_170":-5,"_171":279,"_99":280},"dee3ce2c-1aef-11f0-b4ed-569c3dd06744","card-showcase-loader.tsx","e19a4724-4917-4c09-98ab-069f740cc33b",["D",1744827798720],"/** @jsxImportSource https://esm.sh/react@18.3.1 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.3.1\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\n\n// This component will load the external showcase content into an iframe\nconst CardShowcaseLoader = () => {\n const [iframeHeight, setIframeHeight] = useState(\"800px\");\n \n // Handle messages from the iframe to adjust its height dynamically\n useEffect(() => {\n const handleMessage = (event) => {\n // Only accept messages from trusted sources\n if (event.origin === \"https://dcm31-handdrawncardshowcase.web.val.run\") {\n if (event.data && event.data.type === \"resize\") {\n setIframeHeight(event.data.height + \"px\");\n }\n }\n };\n \n window.addEventListener(\"message\", handleMessage);\n return () => window.removeEventListener(\"message\", handleMessage);\n }, []);\n\n return (\n

\n \n

\n );\n};\n\nexport default CardShowcaseLoader;\n",[],[248,269,275],{"_104":282,"_95":260,"_158":283,"_160":270,"_161":141,"_162":163,"_164":118,"_106":284,"_101":32,"_166":184,"_168":285,"_169":22,"_170":-5,"_171":286,"_99":287},"dee3d066-1aef-11f0-b4ed-569c3dd06744","b40ff5da-64de-48ab-82e4-827680f7d7f6",["D",1744827798720],"/** @jsxImportSource https://esm.sh/react@18.3.1 */\nimport React from \"https://esm.sh/react@18.3.1\";\nimport { renderToString } from \"https://esm.sh/react-dom@18.3.1/server\";\n\n/**\n * Custom all-black CharBuildLogo component\n * Identical to the one used in rpg-tools\n */\nfunction CharBuildLogo() {\n const charStyle = {\n fontFamily: \"'Lobster', cursive\",\n fontSize: \"1.2rem\",\n color: \"#000\",\n };\n \n const buildStyle = {\n fontFamily: \"'Space Mono', monospace\",\n fontSize: \"1rem\",\n fontWeight: \"bold\",\n color: \"#000\",\n };\n\n return (\n \n char\n .build\n \n );\n}\n\n/**\n * Clean Project Template\n * A minimal starter template with just the essentials\n */\nconst CleanProject = () => {\n return (\n

Clean Project Template

This is a minimal project template with just the essentials.

Start building your project by editing this component.

\n );\n};\n\n/**\n * Main handler function\n */\nexport default async function handler(req, context) {\n const html = renderToString(\n \n \n \n \n Clean Project Template | char.build\n \n {/* Include only the fonts needed for the header */}\n \n \n \n \n \n \n \n

\n \n

\n \n \n \n \n );\n \n return new Response('' + html, {\n headers: { 'Content-Type': 'text/html' }\n });\n}\n",[],[248,269,260],[248,269],{"_104":290,"_95":291,"_158":292,"_160":249,"_161":141,"_162":163,"_164":118,"_106":293,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":294,"_99":311},"dee403ce-1aef-11f0-b4ed-569c3dd06744","componentgarden","b2a2cc46-ff1e-4be9-af30-875cbb493623",["D",1744827798720],[295,303],{"_104":296,"_95":297,"_158":298,"_160":292,"_161":141,"_162":163,"_164":118,"_106":299,"_101":32,"_166":184,"_168":300,"_169":22,"_170":-5,"_171":301,"_99":302},"dee3d8b8-1aef-11f0-b4ed-569c3dd06744","handler-pwa.tsx","a7c0e0a8-435c-40b9-a77f-7533ab8f311c",["D",1744827798720],"/** @jsxImportSource https://esm.sh/react@18.3.1 */\nimport { renderToString } from \"https://esm.sh/react-dom@18.3.1/server\";\nimport React from \"https://esm.sh/react@18.3.1\";\nimport { \n Button, \n Input, \n Card, \n Alert, \n Badge, \n ScoreSelector, \n StatusMessage, \n EmptyState, \n IdeaScoreBar,\n DropdownMenu,\n ConfirmationModal\n} from \"../../shared/components.tsx\";\n\n// Handler for the ComponentGarden project with PWA support\nexport default async function(req, context) {\n console.log(\"ComponentGarden handler called!\");\n const { email, basePath, relativePath, appVersion, timestamp } = context;\n const isLoggedIn = Boolean(email);\n const url = new URL(req.url);\n\n // Log info about the request\n console.log(`ComponentGarden handling request:\n - Path: ${relativePath}\n - Base path: ${basePath}\n - Auth: ${isLoggedIn ? \"Logged in as \" + email : \"Not logged in\"}\n `);\n\n // Project-specific manifest for PWA installation\n if (relativePath === '/manifest.json') {\n const projectManifest = {\n \"name\": \"Component Garden\",\n \"short_name\": \"Components\",\n \"description\": \"UI Component showcase for char.build\",\n \"start_url\": \"/componentgarden/?source=pwa\",\n \"display\": \"standalone\",\n \"background_color\": \"#f9fafb\",\n \"theme_color\": \"#0066cc\",\n \"icons\": [\n {\n \"src\": \"/icons/icon-192x192.svg\",\n \"sizes\": \"192x192\",\n \"type\": \"image/svg+xml\"\n },\n {\n \"src\": \"/icons/icon-512x512.svg\",\n \"sizes\": \"512x512\",\n \"type\": \"image/svg+xml\"\n },\n {\n \"src\": \"/icons/maskable-icon.svg\",\n \"sizes\": \"512x512\",\n \"type\": \"image/svg+xml\",\n \"purpose\": \"maskable\"\n }\n ]\n };\n\n return new Response(JSON.stringify(projectManifest), {\n headers: {\n 'Content-Type': 'application/json',\n 'Cache-Control': 'no-cache',\n 'Pragma': 'no-cache',\n 'Expires': '0'\n }\n });\n }\n\n // CSS for Component Garden\n const styleTag = `\n body {\n font-family: system-ui, sans-serif;\n line-height: 1.5;\n padding: 0;\n margin: 0;\n background-color: #f9fafb;\n }\n header {\n background-color: #0066cc;\n color: white;\n padding: 1rem;\n }\n nav {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n nav a {\n color: white;\n text-decoration: none;\n margin-right: 1rem;\n }\n .logo {\n font-weight: bold;\n font-size: 1.25rem;\n }\n .main-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 2rem 1rem;\n }\n .container {\n padding: 1rem;\n background-color: white;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.05);\n margin-bottom: 2rem;\n }\n .component-section {\n margin-bottom: 2rem;\n }\n .component-demo {\n background: white;\n border: 1px solid #eee;\n border-radius: 8px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n }\n .component-variants {\n display: flex;\n gap: 0.5rem;\n flex-wrap: wrap;\n }\n .component-code {\n background: #f5f5f5;\n padding: 1rem;\n border-radius: 4px;\n font-family: monospace;\n font-size: 0.9rem;\n overflow-x: auto;\n }\n .component-row {\n margin-bottom: 1rem;\n }\n .dropdown-trigger {\n padding: 0.5rem;\n border-radius: 0.25rem;\n cursor: pointer;\n font-weight: bold;\n }\n .client-note {\n background-color: #fffbea;\n border-left: 3px solid #f59e0b;\n padding: 1rem;\n margin-bottom: 1rem;\n font-size: 0.9rem;\n }\n .auth-container {\n margin-left: auto;\n }\n .user-info {\n color: white;\n }\n .logout-button {\n margin-left: 1rem;\n color: #ffcccc !important;\n }\n .pwa-install-section {\n margin-top: 2rem;\n padding: 1rem;\n background-color: #e8f4ff;\n border-radius: 8px;\n border: 1px solid #b8daff;\n }\n footer {\n text-align: center;\n padding: 1rem;\n margin-top: 2rem;\n color: #666;\n font-size: 0.875rem;\n }\n .debug-panel {\n margin-top: 1rem;\n padding: 0.5rem;\n border: 1px solid #ccc;\n border-radius: 4px;\n font-family: monospace;\n font-size: 0.75rem;\n background-color: #f5f5f5;\n max-height: 100px;\n overflow-y: auto;\n }\n `;\n\n // HTML for the Component Garden with PWA support\n const html = renderToString(\n \n \n Component Garden | char.build\n \n \n \n \n {/* PWA Meta Tags for project-specific installation */}\n \n \n \n \n \n \n {/* Project-specific manifest for direct PWA installation */}\n \n \n {/* PWA Icons */}\n \n \n \n {/* Cache control for iOS */}\n \n \n \n \n \n \n \n \n ${renderToString(\n }\n rightContent={\n isLoggedIn \n ? \n : Sign in\n }\n />\n )}\n\n

Component Garden

A showcase of reusable UI components for char.build projects.

\n \n ${isLoggedIn ? `\n

Welcome, ${email.split(\"@\")[0]}!

You're now logged in across all char.build projects.

\n ` : ''}\n \n

How To Use

\n Import components from the shared library in your project:\n

\n// Component basics\nimport { Button, Input, Card, Alert, Badge, ScoreSelector, StatusMessage, EmptyState, IdeaScoreBar } from \"../../shared/components.tsx\";\n\n// Advanced components\nimport { EmojiScoreSelector } from \"../../shared/components/EmojiScoreSelector.tsx\";\nimport { DeleteConfirmationModal } from \"../../shared/components/DeleteConfirmationModal.tsx\";\nimport { ActionDropdown } from \"../../shared/components/ActionDropdown.tsx\";\nimport { TabContainer } from \"../../shared/components/TabContainer.tsx\";\nimport { CompactHeader, CharBuildBranding, UserAvatar, CountBadge } from \"../../shared/components/CompactHeader.tsx\";\n

\n \n

Install Component Garden

You can install Component Garden directly to your home screen!

On iOS: Use Safari's \"Share\" button and select \"Add to Home Screen\"

On Android: Look for the \"Add to Home Screen\" prompt or use Chrome's menu option

\n \n

Debug logs will appear here

\n \n

PWA Header Components

\n \n

CompactHeader with Branding

\n ${renderToString(\n }\n rightContent={\n

\n 🔔\n }\n style={{ marginRight: '0.75rem' }}\n />\n \n

\n }\n />\n )}\n

\n \n

\n// Using the header components\nimport { \n CompactHeader,\n CharBuildBranding,\n UserAvatar,\n CountBadge \n} from \"../../shared/components/CompactHeader.tsx\";\n\n// In your JSX\n}\n rightContent={\n <>\n }\n />\n \n \n }\n/>\n

\n \n

Button Component

\n \n

Variants

\n ${renderToString()}\n ${renderToString()}\n ${renderToString()}\n ${renderToString()}\n ${renderToString()}\n

\n \n

Sizes

\n ${renderToString()}\n ${renderToString()}\n ${renderToString()}\n

\n \n

States

\n ${renderToString()}\n ${renderToString()}\n

\n \n

\n\n\n\n

\n \n

DeleteConfirmationModal Component

\n \n

\n Note: The DeleteConfirmationModal component requires client-side JavaScript to function. Below is a contained preview.\n

\n \n

\n \n \n

↑ This modal is contained within its parent container and doesn't block scrolling below ↓

\n \n

You can continue to scroll and see other components.

\n \n

\n// In your component/state\nconst [isModalOpen, setIsModalOpen] = useState(false);\nconst [itemToDelete, setItemToDelete] = useState(null);\n\n// Function to handle opening the modal\nconst openDeleteModal = (item) => {\n setItemToDelete(item);\n setIsModalOpen(true);\n};\n\n// Function to handle deletion\nconst handleDelete = () => {\n if (itemToDelete) {\n deleteItem(itemToDelete.id);\n }\n};\n\n// In your JSX\n setIsModalOpen(false)}\n onConfirm={handleDelete}\n itemName={itemToDelete?.title}\n itemId={itemToDelete?.id}\n/>\n

\n\n \n \n \n \n \n`;\n };\n\n return new Response(generateHtml(), {\n headers: {\n \"Content-Type\": \"text/html\",\n \"Cache-Control\": \"no-store, no-cache, must-revalidate, proxy-revalidate\",\n \"Pragma\": \"no-cache\",\n \"Expires\": \"0\"\n },\n });\n}",[],[248,291,260],[248,291],{"_104":313,"_95":314,"_158":315,"_160":249,"_161":141,"_162":163,"_164":118,"_106":316,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":317,"_99":325},"dee40b08-1aef-11f0-b4ed-569c3dd06744","handcards","d03bcb35-d9f8-40c3-80ec-34cdb439e9e5",["D",1744827798720],[318],{"_104":319,"_95":260,"_158":320,"_160":315,"_161":141,"_162":163,"_164":118,"_106":321,"_101":32,"_166":184,"_168":322,"_169":22,"_170":-5,"_171":323,"_99":324},"dee405e0-1aef-11f0-b4ed-569c3dd06744","abfb8593-7107-45d4-a126-ee7a2517e808",["D",1744827798720],"/** @jsxImportSource https://esm.sh/react@18.3.1 */\nimport React from \"https://esm.sh/react@18.3.1\";\nimport { renderToString } from \"https://esm.sh/react-dom@18.3.1/server\";\n\n/**\n * Custom all-black CharBuildLogo component\n * This is identical to the one used in rpg-tools\n */\nfunction CharBuildLogo() {\n const charStyle = {\n fontFamily: \"'Lobster', cursive\",\n fontSize: \"1.2rem\",\n color: \"#000\",\n };\n \n const buildStyle = {\n fontFamily: \"'Space Mono', monospace\",\n fontSize: \"1rem\",\n fontWeight: \"bold\",\n color: \"#000\",\n };\n\n return (\n \n char\n .build\n \n );\n}\n\n// Main handler function\nexport default async function handler(req, context) {\n // Basic HTML template with only the header matching rpg-tools\n const html = renderToString(\n \n \n \n \n Hand-Drawn Cards | char.build\n \n {/* Include only the fonts needed for the header */}\n \n \n \n \n \n \n \n

\n \n

\n \n \n );\n \n return new Response('' + html, {\n headers: { 'Content-Type': 'text/html' }\n });\n}\n",[],[248,314,260],[248,314],{"_104":327,"_95":328,"_158":329,"_160":249,"_161":141,"_162":163,"_164":118,"_106":330,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":331,"_99":339},"dee41256-1aef-11f0-b4ed-569c3dd06744","idea-critic","8e92eafe-2cdc-4d7e-b82a-7c89b6b1b9f3",["D",1744827798720],[332],{"_104":333,"_95":260,"_158":334,"_160":329,"_161":141,"_162":163,"_164":118,"_106":335,"_101":32,"_166":184,"_168":336,"_169":22,"_170":-5,"_171":337,"_99":338},"dee40d92-1aef-11f0-b4ed-569c3dd06744","3ba4ed1b-89f0-4485-b6cb-09afb4f31ccd",["D",1744827798720],"/** @jsxImportSource https://esm.sh/react@18.3.1 */\nimport React from \"https://esm.sh/react@18.3.1\";\nimport { renderToString } from \"https://esm.sh/react-dom@18.3.1/server\";\n\n/**\n * Custom all-black CharBuildLogo component\n */\nfunction CharBuildLogo() {\n const charStyle = {\n fontFamily: \"'Lobster', cursive\",\n fontSize: \"1.2rem\",\n color: \"#000\",\n };\n \n const buildStyle = {\n fontFamily: \"'Space Mono', monospace\",\n fontSize: \"1rem\",\n fontWeight: \"bold\",\n color: \"#000\",\n };\n\n return (\n \n char\n .build\n \n );\n}\n\n// Main handler function\nexport default async function handler(req, context) {\n // Basic HTML template with header and iframe to the Idea Critic val\n const html = renderToString(\n \n \n \n \n Idea Critic | char.build\n \n {/* Include only the fonts needed for the header */}\n \n \n \n \n \n \n \n

\n \n

\n \n \n );\n \n return new Response('' + html, {\n headers: { 'Content-Type': 'text/html' }\n });\n}\n",[],[248,328,260],[248,328],{"_104":341,"_95":342,"_158":343,"_160":249,"_161":141,"_162":163,"_164":118,"_106":344,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":345,"_99":534},"dee4fe50-1aef-11f0-b4ed-569c3dd06744","ideaScore","c5ff8991-fc88-4974-ba40-c0b052243c69",["D",1744827798720],[346,401,416,424,432,440,448,455,463,471,479,486,494,502,510,518,526],{"_104":347,"_95":348,"_158":349,"_160":343,"_161":141,"_162":163,"_164":118,"_106":350,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":351,"_99":400},"dee46314-1aef-11f0-b4ed-569c3dd06744","components","8063109a-8528-4436-92c0-4938ab0e08c1",["D",1744827798720],[352,360,368,376,384,392],{"_104":353,"_95":354,"_158":355,"_160":349,"_161":141,"_162":163,"_164":118,"_106":356,"_101":32,"_166":184,"_168":357,"_169":22,"_170":-5,"_171":358,"_99":359},"dee4144a-1aef-11f0-b4ed-569c3dd06744","AllIdeasUI.tsx","b6ce0f3e-8ca8-46a4-9dd0-4b3249388124",["D",1744827798720],"/** @jsxImportSource https://esm.sh/react@18.3.1 */\nimport React from \"https://esm.sh/react@18.3.1\";\nimport { renderToString } from \"https://esm.sh/react-dom@18.3.1/server\";\nimport { \n Card, \n IdeaScoreBar\n} from \"../../../shared/components.tsx\";\n\n/**\n * Render the All Ideas view with delete functionality\n * @param {string} email - The user's email\n * @param {Array} allIdeas - All user ideas sorted by ratio\n * @param {Object} stats - Statistics about the user's ideas\n * @param {string} apiBasePath - Base path for API endpoints\n * @param {string} appVersion - Application version for cache busting\n * @param {string} timestamp - Timestamp for cache busting\n * @returns {Response} The HTML response\n */\nexport function renderAllIdeasView(\n email, \n allIdeas = [], \n stats = { total_ideas: 0 },\n apiBasePath = \"\",\n appVersion = \"1.0.0\",\n timestamp = Date.now().toString()\n) {\n const html = renderToString(\n \n \n Manage Ideas | IdeaScore\n \n \n \n \n {/* PWA Meta Tags for project-specific installation */}\n \n \n \n \n \n \n {/* Project-specific manifest for direct PWA installation */}\n \n \n {/* PWA Icons */}\n \n \n \n {/* Cache control for iOS */}\n \n \n \n \n \n \n \n

\n char.build\n

\n {email && (\n

\n {email}\n Logout\n

\n )}\n

\n\n

\n ← Back to Dashboard\n

💡 All Ideas

💡 {stats.total_ideas}

\n \n

\n {allIdeas.length > 0 ? (\n \n \n \n \n \n \n \n \n \n \n \n {allIdeas.map(idea => (\n \n \n \n \n \n \n \n ))}\n \n

Title	Effort	Payoff	IdeaScore
{idea.title}	{idea.effort_score}	{idea.payoff_score}	\n \n \n \n	\n \n \n \n \n Delete\n \n \n \n

\n ) : (\n

💡

No ideas yet. Add your first idea on the main dashboard!

\n )}\n

\n \n \n \n

\n \n Return to Dashboard\n \n

\n \n

Debug logs will appear here

\n \n \n

\n \n \n \n \n \n \n \n

Logging you out...

\n \n \n `,\n {\n headers: {\n \"Content-Type\": \"text/html\",\n \"Set-Cookie\": \"lastlogin=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT; SameSite=Lax\",\n \"Cache-Control\": \"no-store, no-cache, must-revalidate, proxy-revalidate\",\n \"Pragma\": \"no-cache\",\n \"Expires\": \"0\"\n },\n },\n );\n }\n\n // Route requests to the appropriate project handler\n for (const project of projects) {\n if (path === `/${project.path}` || path.startsWith(`/${project.path}/`)) {\n console.log(`Routing to project: ${project.path}`);\n\n try {\n // Create context object with shared resources\n const context = {\n email,\n sqlite,\n SCHEMA_VERSION,\n basePath: `/${project.path}`,\n relativePath: path.substring(project.path.length + 1) || \"/\",\n appVersion: APP_VERSION,\n timestamp\n };\n\n // Dynamic import the project's HTTP handler\n console.log(`Trying to import handler for ${project.path}...`);\n const projectModule = await import(`./projects/${project.path}/handler.tsx`);\n\n if (!projectModule.default) {\n throw new Error(`Project ${project.path} doesn't export a default handler`);\n }\n\n // Call the project's handler\n console.log(`Calling handler for ${project.path} with path: ${context.relativePath}`);\n const response = await projectModule.default(req, context);\n \n // Add cache-control headers to response\n const headers = new Headers(response.headers);\n headers.set('Cache-Control', 'no-store, no-cache, must-revalidate, proxy-revalidate');\n headers.set('Pragma', 'no-cache');\n headers.set('Expires', '0');\n \n return new Response(response.body, {\n status: response.status,\n statusText: response.statusText,\n headers\n });\n } catch (error) {\n console.error(`Error handling project ${project.path}:`, error);\n return new Response(`Error in project ${project.path}: ${error.message}`, {\n status: 500,\n headers: { \n \"Content-Type\": \"text/plain\",\n \"Cache-Control\": \"no-store, no-cache, must-revalidate, proxy-revalidate\",\n \"Pragma\": \"no-cache\",\n \"Expires\": \"0\" \n },\n });\n }\n }\n }\n\n // Handle home page\n if (path === \"/\" || path === \"\") {\n console.log(\"Rendering home page\");\n \n const html = \"\" + renderToString();\n \n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html\",\n \"Cache-Control\": \"no-store, no-cache, must-revalidate, proxy-revalidate\",\n \"Pragma\": \"no-cache\",\n \"Expires\": \"0\"\n },\n });\n }\n\n // 404 for any other paths\n console.log(\"Path not found, returning 404\");\n return new Response(\"404 - Not Found\", {\n status: 404,\n headers: {\n \"Content-Type\": \"text/plain\",\n \"Cache-Control\": \"no-store, no-cache, must-revalidate, proxy-revalidate\",\n \"Pragma\": \"no-cache\",\n \"Expires\": \"0\"\n },\n });\n } catch (error) {\n console.error(\"Error in handler:\", error);\n return new Response(`Error: ${error.message}`, {\n status: 500,\n headers: { \n \"Content-Type\": \"text/plain\",\n \"Cache-Control\": \"no-store, no-cache, must-revalidate, proxy-revalidate\",\n \"Pragma\": \"no-cache\",\n \"Expires\": \"0\" \n },\n });\n }\n}\n\n// Export the wrapped handler with lastlogin authentication\nexport default lastlogin(handler);",[],[1031],{"_104":1039,"_95":1040,"_158":1041,"_160":-5,"_161":141,"_162":163,"_164":118,"_106":1042,"_101":32,"_166":184,"_168":1043,"_169":22,"_170":-5,"_171":1044,"_99":1045},"dee62366-1aef-11f0-b4ed-569c3dd06744","priority_stack.js","7d8eb047-eec7-41a4-9809-5da5ec8e8ce2",["D",1744827798720],"/**\n * priority_stack.js\n * \n * A system for managing task priorities and workflow in the charBuildSuperapp project.\n * This file helps track what needs to be done next across all projects.\n */\n\n// Priority levels\nconst PRIORITY = {\n CRITICAL: 5, // Must be addressed immediately\n HIGH: 4, // Important, should be done soon\n MEDIUM: 3, // Normal priority\n LOW: 2, // Can wait\n BACKLOG: 1 // Ideas for the future\n};\n\n// Task status\nconst STATUS = {\n TODO: \"To Do\",\n IN_PROGRESS: \"In Progress\",\n BLOCKED: \"Blocked\",\n COMPLETED: \"Completed\"\n};\n\n// Initial stack of prioritized tasks\nconst priorityStack = [\n // Example format:\n // {\n // id: \"unique-id\",\n // project: \"project-name\", // or \"global\" for cross-project tasks\n // title: \"Task title\",\n // description: \"Detailed description of the task\",\n // priority: PRIORITY.HIGH,\n // status: STATUS.TODO,\n // assignee: \"username\", // optional\n // dependencies: [\"task-id-1\", \"task-id-2\"], // optional\n // created: \"2025-03-21\",\n // due: \"2025-03-28\", // optional\n // notes: \"Additional notes\" // optional\n // }\n];\n\n/**\n * Add a new task to the priority stack\n * @param {Object} task - The task to add\n * @returns {String} - ID of the added task\n */\nfunction addTask(task) {\n const id = `task-${Date.now()}`;\n priorityStack.push({\n id,\n created: new Date().toISOString().split('T')[0],\n ...task\n });\n return id;\n}\n\n/**\n * Get the next highest priority task\n * @param {String} [project] - Optional project filter\n * @param {String} [assignee] - Optional assignee filter\n * @returns {Object} - The next task to work on\n */\nfunction getNextTask(project, assignee) {\n return priorityStack\n .filter(task => \n task.status === STATUS.TODO &&\n (!project || task.project === project) &&\n (!assignee || task.assignee === assignee) &&\n !isBlocked(task)\n )\n .sort((a, b) => b.priority - a.priority)[0];\n}\n\n/**\n * Check if a task is blocked by dependencies\n * @param {Object} task - The task to check\n * @returns {Boolean} - Whether the task is blocked\n */\nfunction isBlocked(task) {\n if (!task.dependencies || task.dependencies.length === 0) {\n return false;\n }\n \n return task.dependencies.some(depId => {\n const dep = priorityStack.find(t => t.id === depId);\n return dep && dep.status !== STATUS.COMPLETED;\n });\n}\n\n/**\n * Update a task's status\n * @param {String} id - The task ID\n * @param {String} status - The new status\n * @returns {Boolean} - Success or failure\n */\nfunction updateTaskStatus(id, status) {\n const task = priorityStack.find(t => t.id === id);\n if (task) {\n task.status = status;\n return true;\n }\n return false;\n}\n\n/**\n * Get all tasks for a project\n * @param",[],[1040],{"_104":1047,"_95":1048,"_158":1049,"_160":-5,"_161":141,"_162":163,"_164":118,"_106":1050,"_101":32,"_166":184,"_168":1051,"_169":22,"_170":-5,"_171":1052,"_99":1053},"dee626e0-1aef-11f0-b4ed-569c3dd06744","priority_stack.txt","d7f94315-62cc-4f9c-9279-fae353fb6492",["D",1744827798720],"# Priority Stack\n\n## High Priority\n- Fix emoji selector functionality in IdeaScore (COMPLETED)\n- Change \"Recent Ideas\" to \"All Ideas\" with delete functionality (COMPLETED)\n- Add tagging functionality and filtering by URL\n\n## Medium Priority\n- Enhance mobile responsiveness across all projects\n- Implement dark mode toggle\n- Add user preference persistence\n\n## Low Priority\n- Add animation for state transitions\n- Implement keyboard shortcuts for power users\n- Add export functionality for idea data",[],[1048],{"_104":1055,"_95":1056,"_158":1057,"_160":-5,"_161":141,"_162":140,"_164":118,"_106":1058,"_101":163,"_166":184,"_168":1059,"_169":22,"_170":-5,"_171":1060,"_99":1061},"f969c616-1aef-11f0-b570-569c3dd06744","project_list.js","e1a65737-0df7-4120-af18-6eb02c62311b",["D",1744827843231],"/**\n * Manual list of projects for char.build\n *\n * Add new projects to this list instead of relying on the file system detection.\n * Each project in the list should have a corresponding directory in the projects folder\n * with a handler.tsx file.\n */\n\n// LogoWorkshopOpenMoji API base URL\nconst LOGO_API_BASE = \"https://dcm31--62b9a0d807ea40d686b396c459366247.web.val.run/api\";\n\n// Helper function to generate logo URL from project name\nconst generateLogoUrl = (projectName) => {\n // Split camelCase or space-separated names into two parts for the logo\n let firstPart = projectName;\n let lastPart = \"\";\n \n // Try to find a reasonable split point for camelCase\n const camelCaseMatch = projectName.match(/^([a-z]+)([A-Z][a-z]+.*)$/);\n if (camelCaseMatch) {\n firstPart = camelCaseMatch[1];\n lastPart = camelCaseMatch[2];\n } \n // Or split on space if present\n else if (projectName.includes(\" \")) {\n const parts = projectName.split(\" \");\n if (parts.length >= 2) {\n firstPart = parts[0];\n lastPart = parts.slice(1).join(\" \");\n }\n }\n \n return `${LOGO_API_BASE}?firstPart=${encodeURIComponent(firstPart)}&lastPart=${encodeURIComponent(lastPart)}`;\n};\n\n// Main project list\nexport const projectList = [\n {\n path: \"ideaScore\",\n name: \"IdeaScore\",\n description: \"Share and score ideas across different dimensions\",\n hideFromHomepage: true, // Hidden from homepage but still accessible by URL\n },\n {\n path: \"sampleProject\",\n name: \"SampleProject\",\n description: \"A sample project for demonstration purposes\",\n hideFromHomepage: true, // Hidden from homepage but still accessible by URL\n },\n {\n path: \"newTestProject\",\n name: \"New Test Project\",\n description: \"A test project for development\",\n hideFromHomepage: true, // Hidden from homepage but still accessible by URL\n },\n {\n path: \"componentgarden\",\n name: \"Component Garden\",\n description: \"A collection of reusable UI components for char.build projects\",\n hideFromHomepage: true, // Hidden from homepage but still accessible by URL\n },\n {\n path: \"pwaTemplate\",\n name: \"PWA Template\",\n description: \"A template for building mobile-optimized Progressive Web Apps\",\n hideFromHomepage: true, // Hidden from homepage but still accessible by URL\n },\n {\n path: \"rpg-tools\",\n name: \"RPG Tools\",\n description: \"Utilities for tabletop roleplaying games including dice rollers and generators\",\n },\n {\n path: \"handcards\",\n name: \"Hand-Drawn Cards\",\n description: \"Custom card designs with a hand-drawn aesthetic\",\n logoUrl: \"https://dcm31-handcardslogocustom.web.val.run/?raw=true\",\n },\n {\n path: \"logoWorkshop\",\n name: \"Logo Workshop\",\n description: \"View and showcase logos from dcm31/logoWorkshop\",\n logoUrl: generateLogoUrl(\"Logo Workshop\"),\n },\n {\n path: \"ai-voice-chat\",\n name: \"AI Voice Chat\",\n description: \"Interact with AI through voice conversations\",\n logoUrl: generateLogoUrl(\"AI Voice Chat\"),\n },\n {\n path: \"treasure-generator\",\n name: \"TreasureGenerator\",\n description: \"Generate a random treasure from QuestRPG\",\n logoUrl: generateLogoUrl(\"Treasure Generator\"),\n },\n {\n path: \"manamaven\",\n name: \"ManaMaven\",\n description: \"Prediction markets and probabilistic forecasting tools\",\n logoUrl: generateLogoUrl(\"ManaMaven\"),\n },\n {\n path: \"idea-critic\",\n name: \"Idea Critic\",\n description: \"Get insightful feedback on your ideas from AI\",\n logoUrl: generateLogoUrl(\"Idea Critic\"),\n },\n {\n path: \"open-moji\",\n name: \"OpenMoji\",\n description: \"Explore and use the open-source emoji library\",\n logoUrl: generateLogoUrl(\"OpenMoji\"),\n },\n {\n path: \"test-added-project\",\n name: \"Tester\",\n description: \"Explore and use the open-source emoji library\",\n logoUrl: generateLogoUrl(\"Tester\"),\n hideFromHomepage: true,\n },\n {\n path: \"sample-manifest\",\n name: \"Sample Manifest\",\n description: \"This is a test project from the new manifest system\",\n logoUrl: generateLogoUrl(\"Sample Manifest\")\n },\n {\n path: \"clean-project-template\",\n name: \"Clean Project Template\",\n description: \"A minimal project template with just the essentials\",\n hideFromHomepage: true,\n },\n {\n path: \"test-project5\",\n name: \"Test Project\",\n description: \"This is a test project\",\n logoUrl: generateLogoUrl(\"Test Project\")\n },\n {\n path: \"mobile-demo\",\n name: \"Mobile Demo\",\n description: \"Show front facing camera on a val for a screen-recorded demo\",\n logoUrl: generateLogoUrl(\"Mobile Demo\")\n },\n {\n path: \"test-project7\",\n name: \"Test Project 7\",\n description: \"This is a test project\",\n logoUrl: generateLogoUrl(\"Test Project\")\n },\n // ADD_NEW_PROJECTS_HERE - DO NOT REMOVE THIS COMMENT\n // Add new projects below this line\n];",[],[1056],"files",[155,173,179,188,196,204,212,220,228,236,246,252,258,267,273,281,289,295,303,312,318,326,332,340,346,352,360,368,376,384,392,401,407,416,424,432,440,448,455,463,471,479,486,494,502,510,518,526,535,541,549,555,563,569,577,583,590,598,604,612,618,625,633,639,645,653,661,666,675,681,689,697,703,711,717,725,731,739,745,752,758,765,771,778,784,791,797,805,811,820,826,832,839,847,855,863,872,880,888,896,905,911,916,924,932,940,948,956,965,973,981,989,997,1006,1014,1022,1029,1038,1046,1054],"counts",{"_1066":163,"_1067":1068,"_1069":32,"_1070":1071},"pulls","branches",16,"forks","envVars",{"_1072":32,"_1073":32},"count","emptyCount","contents",[1076,1079,1082,1085,1088,1091,1094,1097],{"_104":180,"_95":181,"_158":182,"_160":176,"_161":141,"_162":163,"_164":118,"_106":1077,"_101":32,"_166":184,"_168":185,"_169":22,"_170":-5,"_99":1078},["D",1744827798720],[157,175,181],{"_104":189,"_95":190,"_158":191,"_160":176,"_161":141,"_162":163,"_164":118,"_106":1080,"_101":32,"_166":184,"_168":193,"_169":22,"_170":-5,"_99":1081},["D",1744827798720],[157,175,190],{"_104":197,"_95":198,"_158":199,"_160":176,"_161":141,"_162":163,"_164":118,"_106":1083,"_101":32,"_166":184,"_168":201,"_169":22,"_170":-5,"_99":1084},["D",1744827798720],[157,175,198],{"_104":205,"_95":206,"_158":207,"_160":176,"_161":141,"_162":163,"_164":118,"_106":1086,"_101":32,"_166":184,"_168":209,"_169":22,"_170":-5,"_99":1087},["D",1744827798720],[157,175,206],{"_104":213,"_95":214,"_158":215,"_160":176,"_161":141,"_162":163,"_164":118,"_106":1089,"_101":32,"_166":184,"_168":217,"_169":22,"_170":-5,"_99":1090},["D",1744827798720],[157,175,214],{"_104":221,"_95":222,"_158":223,"_160":176,"_161":141,"_162":163,"_164":118,"_106":1092,"_101":32,"_166":184,"_168":225,"_169":22,"_170":-5,"_99":1093},["D",1744827798720],[157,175,222],{"_104":229,"_95":230,"_158":231,"_160":176,"_161":141,"_162":163,"_164":118,"_106":1095,"_101":32,"_166":184,"_168":233,"_169":22,"_170":-5,"_99":1096},["D",1744827798720],[157,175,230],{"_104":237,"_95":238,"_158":239,"_160":176,"_161":141,"_162":163,"_164":118,"_106":1098,"_101":32,"_166":184,"_168":241,"_169":22,"_170":-5,"_99":1099},["D",1744827798720],[157,175,238],{"_104":174,"_95":175,"_158":176,"_160":159,"_161":141,"_162":163,"_164":118,"_106":1101,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_99":1102},["D",1744827798720],[157,175],"upstreamProject","upstreamBranch",{"_104":144,"_106":1106,"_1107":1108,"_95":43,"_142":105,"_101":1109,"_143":-5,"_145":-5,"_1110":1111,"_108":-5,"_152":22,"_110":111,"_151":94,"_16":122,"_150":96},["D",1742390054517],"updatedAt",["D",1745077760172],213,"lockfileKey","1755540062434-esm.town_v_dcm31_charBuildSuperapp@213-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_93":94,"_95":96,"_97":98,"_101":-7,"_99":100,"_102":1118,"_153":1123,"_1062":1484,"_184":1485,"_1074":1487,"_1504":1505,"_1508":-5,"_1509":32,"_1510":1511,"_1512":1513},{"_104":105,"_95":96,"_106":1119,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":116,"_117":118,"_119":120,"_121":32,"_16":122,"_123":124,"_125":124,"_126":127,"_128":127,"_129":127,"_130":124,"_131":124,"_23":1120,"_135":1121,"_138":1122,"_152":22},["D",1742390054517],{"_93":94,"_133":134},{"_93":94,"_137":134,"_14":114},{"_101":140,"_95":98,"_104":141,"_142":105,"_143":144,"_145":146,"_147":111,"_148":105,"_149":122,"_150":96,"_151":94},[1124,1154,1391,1424,1463,1466,1469,1472,1475,1478,1481],{"_104":156,"_95":157,"_158":159,"_160":-5,"_161":141,"_162":163,"_164":118,"_106":165,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1125,"_99":1153},[1126],{"_104":174,"_95":175,"_158":176,"_160":159,"_161":141,"_162":163,"_164":118,"_106":177,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1127,"_99":1152},[1128,1131,1134,1137,1140,1143,1146,1149],{"_104":180,"_95":181,"_158":182,"_160":176,"_161":141,"_162":163,"_164":118,"_106":183,"_101":32,"_166":184,"_168":185,"_169":22,"_170":-5,"_171":1129,"_99":1130},[],[157,175,181],{"_104":189,"_95":190,"_158":191,"_160":176,"_161":141,"_162":163,"_164":118,"_106":192,"_101":32,"_166":184,"_168":193,"_169":22,"_170":-5,"_171":1132,"_99":1133},[],[157,175,190],{"_104":197,"_95":198,"_158":199,"_160":176,"_161":141,"_162":163,"_164":118,"_106":200,"_101":32,"_166":184,"_168":201,"_169":22,"_170":-5,"_171":1135,"_99":1136},[],[157,175,198],{"_104":205,"_95":206,"_158":207,"_160":176,"_161":141,"_162":163,"_164":118,"_106":208,"_101":32,"_166":184,"_168":209,"_169":22,"_170":-5,"_171":1138,"_99":1139},[],[157,175,206],{"_104":213,"_95":214,"_158":215,"_160":176,"_161":141,"_162":163,"_164":118,"_106":216,"_101":32,"_166":184,"_168":217,"_169":22,"_170":-5,"_171":1141,"_99":1142},[],[157,175,214],{"_104":221,"_95":222,"_158":223,"_160":176,"_161":141,"_162":163,"_164":118,"_106":224,"_101":32,"_166":184,"_168":225,"_169":22,"_170":-5,"_171":1144,"_99":1145},[],[157,175,222],{"_104":229,"_95":230,"_158":231,"_160":176,"_161":141,"_162":163,"_164":118,"_106":232,"_101":32,"_166":184,"_168":233,"_169":22,"_170":-5,"_171":1147,"_99":1148},[],[157,175,230],{"_104":237,"_95":238,"_158":239,"_160":176,"_161":141,"_162":163,"_164":118,"_106":240,"_101":32,"_166":184,"_168":241,"_169":22,"_170":-5,"_171":1150,"_99":1151},[],[157,175,238],[157,175],[157],{"_104":247,"_95":248,"_158":249,"_160":-5,"_161":141,"_162":163,"_164":118,"_106":250,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1155,"_99":1390},[1156,1162,1171,1180,1186,1192,1267,1273,1279,1285,1294,1300,1309,1336,1342,1348,1354,1360,1366,1372,1378,1384],{"_104":253,"_95":254,"_158":255,"_160":249,"_161":141,"_162":163,"_164":118,"_106":256,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1157,"_99":1161},[1158],{"_104":259,"_95":260,"_158":261,"_160":255,"_161":141,"_162":163,"_164":118,"_106":262,"_101":32,"_166":184,"_168":263,"_169":22,"_170":-5,"_171":1159,"_99":1160},[],[248,254,260],[248,254],{"_104":268,"_95":269,"_158":270,"_160":249,"_161":141,"_162":163,"_164":118,"_106":271,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1163,"_99":1170},[1164,1167],{"_104":274,"_95":275,"_158":276,"_160":270,"_161":141,"_162":163,"_164":118,"_106":277,"_101":32,"_166":184,"_168":278,"_169":22,"_170":-5,"_171":1165,"_99":1166},[],[248,269,275],{"_104":282,"_95":260,"_158":283,"_160":270,"_161":141,"_162":163,"_164":118,"_106":284,"_101":32,"_166":184,"_168":285,"_169":22,"_170":-5,"_171":1168,"_99":1169},[],[248,269,260],[248,269],{"_104":290,"_95":291,"_158":292,"_160":249,"_161":141,"_162":163,"_164":118,"_106":293,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1172,"_99":1179},[1173,1176],{"_104":296,"_95":297,"_158":298,"_160":292,"_161":141,"_162":163,"_164":118,"_106":299,"_101":32,"_166":184,"_168":300,"_169":22,"_170":-5,"_171":1174,"_99":1175},[],[248,291,297],{"_104":304,"_95":260,"_158":305,"_160":292,"_161":141,"_162":163,"_164":118,"_106":306,"_101":32,"_166":307,"_168":308,"_169":22,"_170":-5,"_171":1177,"_99":1178},[],[248,291,260],[248,291],{"_104":313,"_95":314,"_158":315,"_160":249,"_161":141,"_162":163,"_164":118,"_106":316,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1181,"_99":1185},[1182],{"_104":319,"_95":260,"_158":320,"_160":315,"_161":141,"_162":163,"_164":118,"_106":321,"_101":32,"_166":184,"_168":322,"_169":22,"_170":-5,"_171":1183,"_99":1184},[],[248,314,260],[248,314],{"_104":327,"_95":328,"_158":329,"_160":249,"_161":141,"_162":163,"_164":118,"_106":330,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1187,"_99":1191},[1188],{"_104":333,"_95":260,"_158":334,"_160":329,"_161":141,"_162":163,"_164":118,"_106":335,"_101":32,"_166":184,"_168":336,"_169":22,"_170":-5,"_171":1189,"_99":1190},[],[248,328,260],[248,328],{"_104":341,"_95":342,"_158":343,"_160":249,"_161":141,"_162":163,"_164":118,"_106":344,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1193,"_99":1266},[1194,1215,1221,1224,1227,1230,1233,1236,1239,1242,1245,1248,1251,1254,1257,1260,1263],{"_104":347,"_95":348,"_158":349,"_160":343,"_161":141,"_162":163,"_164":118,"_106":350,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1195,"_99":1214},[1196,1199,1202,1205,1208,1211],{"_104":353,"_95":354,"_158":355,"_160":349,"_161":141,"_162":163,"_164":118,"_106":356,"_101":32,"_166":184,"_168":357,"_169":22,"_170":-5,"_171":1197,"_99":1198},[],[248,342,348,354],{"_104":361,"_95":362,"_158":363,"_160":349,"_161":141,"_162":163,"_164":118,"_106":364,"_101":32,"_166":184,"_168":365,"_169":22,"_170":-5,"_171":1200,"_99":1201},[],[248,342,348,362],{"_104":369,"_95":370,"_158":371,"_160":349,"_161":141,"_162":163,"_164":118,"_106":372,"_101":32,"_166":184,"_168":373,"_169":22,"_170":-5,"_171":1203,"_99":1204},[],[248,342,348,370],{"_104":377,"_95":378,"_158":379,"_160":349,"_161":141,"_162":163,"_164":118,"_106":380,"_101":32,"_166":184,"_168":381,"_169":22,"_170":-5,"_171":1206,"_99":1207},[],[248,342,348,378],{"_104":385,"_95":386,"_158":387,"_160":349,"_161":141,"_162":163,"_164":118,"_106":388,"_101":32,"_166":184,"_168":389,"_169":22,"_170":-5,"_171":1209,"_99":1210},[],[248,342,348,386],{"_104":393,"_95":394,"_158":395,"_160":349,"_161":141,"_162":163,"_164":118,"_106":396,"_101":32,"_166":184,"_168":397,"_169":22,"_170":-5,"_171":1212,"_99":1213},[],[248,342,348,394],[248,342,348],{"_104":402,"_95":403,"_158":404,"_160":343,"_161":141,"_162":163,"_164":118,"_106":405,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1216,"_99":1220},[1217],{"_104":408,"_95":409,"_158":410,"_160":404,"_161":141,"_162":163,"_164":118,"_106":411,"_101":32,"_166":184,"_168":412,"_169":22,"_170":-5,"_171":1218,"_99":1219},[],[248,342,403,409],[248,342,403],{"_104":417,"_95":418,"_158":419,"_160":343,"_161":141,"_162":163,"_164":118,"_106":420,"_101":32,"_166":184,"_168":421,"_169":22,"_170":-5,"_171":1222,"_99":1223},[],[248,342,418],{"_104":425,"_95":426,"_158":427,"_160":343,"_161":141,"_162":163,"_164":118,"_106":428,"_101":32,"_166":184,"_168":429,"_169":22,"_170":-5,"_171":1225,"_99":1226},[],[248,342,426],{"_104":433,"_95":434,"_158":435,"_160":343,"_161":141,"_162":163,"_164":118,"_106":436,"_101":32,"_166":184,"_168":437,"_169":22,"_170":-5,"_171":1228,"_99":1229},[],[248,342,434],{"_104":441,"_95":442,"_158":443,"_160":343,"_161":141,"_162":163,"_164":118,"_106":444,"_101":32,"_166":184,"_168":445,"_169":22,"_170":-5,"_171":1231,"_99":1232},[],[248,342,442],{"_104":449,"_95":260,"_158":450,"_160":343,"_161":141,"_162":163,"_164":118,"_106":451,"_101":32,"_166":307,"_168":452,"_169":22,"_170":-5,"_171":1234,"_99":1235},[],[248,342,260],{"_104":456,"_95":457,"_158":458,"_160":343,"_161":141,"_162":163,"_164":118,"_106":459,"_101":32,"_166":184,"_168":460,"_169":22,"_170":-5,"_171":1237,"_99":1238},[],[248,342,457],{"_104":464,"_95":465,"_158":466,"_160":343,"_161":141,"_162":163,"_164":118,"_106":467,"_101":32,"_166":184,"_168":468,"_169":22,"_170":-5,"_171":1240,"_99":1241},[],[248,342,465],{"_104":472,"_95":473,"_158":474,"_160":343,"_161":141,"_162":163,"_164":118,"_106":475,"_101":32,"_166":184,"_168":476,"_169":22,"_170":-5,"_171":1243,"_99":1244},[],[248,342,473],{"_104":480,"_95":409,"_158":481,"_160":343,"_161":141,"_162":163,"_164":118,"_106":482,"_101":32,"_166":184,"_168":483,"_169":22,"_170":-5,"_171":1246,"_99":1247},[],[248,342,409],{"_104":487,"_95":488,"_158":489,"_160":343,"_161":141,"_162":163,"_164":118,"_106":490,"_101":32,"_166":184,"_168":491,"_169":22,"_170":-5,"_171":1249,"_99":1250},[],[248,342,488],{"_104":495,"_95":496,"_158":497,"_160":343,"_161":141,"_162":163,"_164":118,"_106":498,"_101":32,"_166":184,"_168":499,"_169":22,"_170":-5,"_171":1252,"_99":1253},[],[248,342,496],{"_104":503,"_95":504,"_158":505,"_160":343,"_161":141,"_162":163,"_164":118,"_106":506,"_101":32,"_166":184,"_168":507,"_169":22,"_170":-5,"_171":1255,"_99":1256},[],[248,342,504],{"_104":511,"_95":512,"_158":513,"_160":343,"_161":141,"_162":163,"_164":118,"_106":514,"_101":32,"_166":184,"_168":515,"_169":22,"_170":-5,"_171":1258,"_99":1259},[],[248,342,512],{"_104":519,"_95":520,"_158":521,"_160":343,"_161":141,"_162":163,"_164":118,"_106":522,"_101":32,"_166":184,"_168":523,"_169":22,"_170":-5,"_171":1261,"_99":1262},[],[248,342,520],{"_104":527,"_95":528,"_158":529,"_160":343,"_161":141,"_162":163,"_164":118,"_106":530,"_101":32,"_166":184,"_168":531,"_169":22,"_170":-5,"_171":1264,"_99":1265},[],[248,342,528],[248,342],{"_104":536,"_95":537,"_158":538,"_160":249,"_161":141,"_162":163,"_164":118,"_106":539,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1268,"_99":1272},[1269],{"_104":542,"_95":260,"_158":543,"_160":538,"_161":141,"_162":163,"_164":118,"_106":544,"_101":32,"_166":184,"_168":545,"_169":22,"_170":-5,"_171":1270,"_99":1271},[],[248,537,260],[248,537],{"_104":550,"_95":551,"_158":552,"_160":249,"_161":141,"_162":163,"_164":118,"_106":553,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1274,"_99":1278},[1275],{"_104":556,"_95":260,"_158":557,"_160":552,"_161":141,"_162":163,"_164":118,"_106":558,"_101":32,"_166":184,"_168":559,"_169":22,"_170":-5,"_171":1276,"_99":1277},[],[248,551,260],[248,551],{"_104":564,"_95":565,"_158":566,"_160":249,"_161":141,"_162":163,"_164":118,"_106":567,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1280,"_99":1284},[1281],{"_104":570,"_95":260,"_158":571,"_160":566,"_161":141,"_162":163,"_164":118,"_106":572,"_101":32,"_166":184,"_168":573,"_169":22,"_170":-5,"_171":1282,"_99":1283},[],[248,565,260],[248,565],{"_104":578,"_95":579,"_158":580,"_160":249,"_161":141,"_162":163,"_164":118,"_106":581,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1286,"_99":1293},[1287,1290],{"_104":584,"_95":418,"_158":585,"_160":580,"_161":141,"_162":163,"_164":118,"_106":586,"_101":32,"_166":184,"_168":587,"_169":22,"_170":-5,"_171":1288,"_99":1289},[],[248,579,418],{"_104":591,"_95":260,"_158":592,"_160":580,"_161":141,"_162":163,"_164":118,"_106":593,"_101":32,"_166":184,"_168":594,"_169":22,"_170":-5,"_171":1291,"_99":1292},[],[248,579,260],[248,579],{"_104":599,"_95":600,"_158":601,"_160":249,"_161":141,"_162":163,"_164":118,"_106":602,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1295,"_99":1299},[1296],{"_104":605,"_95":260,"_158":606,"_160":601,"_161":141,"_162":163,"_164":118,"_106":607,"_101":32,"_166":184,"_168":608,"_169":22,"_170":-5,"_171":1297,"_99":1298},[],[248,600,260],[248,600],{"_104":613,"_95":614,"_158":615,"_160":249,"_161":141,"_162":163,"_164":118,"_106":616,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1301,"_99":1308},[1302,1305],{"_104":619,"_95":418,"_158":620,"_160":615,"_161":141,"_162":163,"_164":118,"_106":621,"_101":32,"_166":184,"_168":622,"_169":22,"_170":-5,"_171":1303,"_99":1304},[],[248,614,418],{"_104":626,"_95":260,"_158":627,"_160":615,"_161":141,"_162":163,"_164":118,"_106":628,"_101":32,"_166":184,"_168":629,"_169":22,"_170":-5,"_171":1306,"_99":1307},[],[248,614,260],[248,614],{"_104":634,"_95":635,"_158":636,"_160":249,"_161":141,"_162":163,"_164":118,"_106":637,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1310,"_99":1335},[1311,1320,1326,1332],{"_104":640,"_95":641,"_158":642,"_160":636,"_161":141,"_162":163,"_164":118,"_106":643,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1312,"_99":1319},[1313,1316],{"_104":646,"_95":647,"_158":648,"_160":642,"_161":141,"_162":163,"_164":118,"_106":649,"_101":32,"_166":184,"_168":650,"_169":22,"_170":-5,"_171":1314,"_99":1315},[],[248,635,641,647],{"_104":654,"_95":198,"_158":655,"_160":642,"_161":141,"_162":163,"_164":118,"_106":656,"_101":32,"_166":184,"_168":657,"_169":22,"_170":-5,"_171":1317,"_99":1318},[],[248,635,641,198],[248,635,641],{"_104":662,"_95":403,"_158":663,"_160":636,"_161":141,"_162":163,"_164":118,"_106":664,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1321,"_99":1325},[1322],{"_104":667,"_95":668,"_158":669,"_160":663,"_161":141,"_162":163,"_164":118,"_106":670,"_101":32,"_166":184,"_168":671,"_169":22,"_170":-5,"_171":1323,"_99":1324},[],[248,635,403,668],[248,635,403],{"_104":676,"_95":677,"_158":678,"_160":636,"_161":141,"_162":163,"_164":118,"_106":679,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1327,"_99":1331},[1328],{"_104":682,"_95":198,"_158":683,"_160":678,"_161":141,"_162":163,"_164":118,"_106":684,"_101":32,"_166":184,"_168":685,"_169":22,"_170":-5,"_171":1329,"_99":1330},[],[248,635,677,198],[248,635,677],{"_104":690,"_95":260,"_158":691,"_160":636,"_161":141,"_162":163,"_164":118,"_106":692,"_101":32,"_166":184,"_168":693,"_169":22,"_170":-5,"_171":1333,"_99":1334},[],[248,635,260],[248,635],{"_104":698,"_95":699,"_158":700,"_160":249,"_161":141,"_162":163,"_164":118,"_106":701,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1337,"_99":1341},[1338],{"_104":704,"_95":260,"_158":705,"_160":700,"_161":141,"_162":163,"_164":118,"_106":706,"_101":32,"_166":307,"_168":707,"_169":22,"_170":-5,"_171":1339,"_99":1340},[],[248,699,260],[248,699],{"_104":712,"_95":713,"_158":714,"_160":249,"_161":141,"_162":163,"_164":118,"_106":715,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1343,"_99":1347},[1344],{"_104":718,"_95":260,"_158":719,"_160":714,"_161":141,"_162":163,"_164":118,"_106":720,"_101":32,"_166":184,"_168":721,"_169":22,"_170":-5,"_171":1345,"_99":1346},[],[248,713,260],[248,713],{"_104":726,"_95":727,"_158":728,"_160":249,"_161":141,"_162":163,"_164":118,"_106":729,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1349,"_99":1353},[1350],{"_104":732,"_95":260,"_158":733,"_160":728,"_161":141,"_162":163,"_164":118,"_106":734,"_101":32,"_166":184,"_168":735,"_169":22,"_170":-5,"_171":1351,"_99":1352},[],[248,727,260],[248,727],{"_104":740,"_95":741,"_158":742,"_160":249,"_161":141,"_162":163,"_164":118,"_106":743,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1355,"_99":1359},[1356],{"_104":746,"_95":260,"_158":747,"_160":742,"_161":141,"_162":163,"_164":118,"_106":748,"_101":32,"_166":184,"_168":735,"_169":22,"_170":-5,"_171":1357,"_99":1358},[],[248,741,260],[248,741],{"_104":753,"_95":754,"_158":755,"_160":249,"_161":141,"_162":163,"_164":118,"_106":756,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1361,"_99":1365},[1362],{"_104":759,"_95":260,"_158":760,"_160":755,"_161":141,"_162":163,"_164":118,"_106":761,"_101":32,"_166":184,"_168":735,"_169":22,"_170":-5,"_171":1363,"_99":1364},[],[248,754,260],[248,754],{"_104":766,"_95":767,"_158":768,"_160":249,"_161":141,"_162":163,"_164":118,"_106":769,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1367,"_99":1371},[1368],{"_104":772,"_95":260,"_158":773,"_160":768,"_161":141,"_162":163,"_164":118,"_106":774,"_101":32,"_166":184,"_168":735,"_169":22,"_170":-5,"_171":1369,"_99":1370},[],[248,767,260],[248,767],{"_104":779,"_95":780,"_158":781,"_160":249,"_161":141,"_162":163,"_164":118,"_106":782,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1373,"_99":1377},[1374],{"_104":785,"_95":260,"_158":786,"_160":781,"_161":141,"_162":163,"_164":118,"_106":787,"_101":32,"_166":184,"_168":735,"_169":22,"_170":-5,"_171":1375,"_99":1376},[],[248,780,260],[248,780],{"_104":792,"_95":793,"_158":794,"_160":249,"_161":141,"_162":163,"_164":118,"_106":795,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1379,"_99":1383},[1380],{"_104":798,"_95":260,"_158":799,"_160":794,"_161":141,"_162":163,"_164":118,"_106":800,"_101":32,"_166":184,"_168":801,"_169":22,"_170":-5,"_171":1381,"_99":1382},[],[248,793,260],[248,793],{"_104":806,"_95":807,"_158":808,"_160":249,"_161":141,"_162":163,"_164":118,"_106":809,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1385,"_99":1389},[1386],{"_104":812,"_95":260,"_158":813,"_160":808,"_161":141,"_162":163,"_164":118,"_106":814,"_101":32,"_166":307,"_168":815,"_169":22,"_170":-5,"_171":1387,"_99":1388},[],[248,807,260],[248,807],[248],{"_104":821,"_95":822,"_158":823,"_160":-5,"_161":141,"_162":163,"_164":118,"_106":824,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1392,"_99":1423},[1393,1411,1414,1417,1420],{"_104":827,"_95":828,"_158":829,"_160":823,"_161":141,"_162":163,"_164":118,"_106":830,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1394,"_99":1410},[1395,1398,1401,1404,1407],{"_104":833,"_95":418,"_158":834,"_160":829,"_161":141,"_162":163,"_164":118,"_106":835,"_101":32,"_166":184,"_168":836,"_169":22,"_170":-5,"_171":1396,"_99":1397},[],[822,828,418],{"_104":840,"_95":841,"_158":842,"_160":829,"_161":141,"_162":163,"_164":118,"_106":843,"_101":32,"_166":184,"_168":844,"_169":22,"_170":-5,"_171":1399,"_99":1400},[],[822,828,841],{"_104":848,"_95":849,"_158":850,"_160":829,"_161":141,"_162":163,"_164":118,"_106":851,"_101":32,"_166":184,"_168":852,"_169":22,"_170":-5,"_171":1402,"_99":1403},[],[822,828,849],{"_104":856,"_95":857,"_158":858,"_160":829,"_161":141,"_162":163,"_164":118,"_106":859,"_101":32,"_166":184,"_168":860,"_169":22,"_170":-5,"_171":1405,"_99":1406},[],[822,828,857],{"_104":864,"_95":865,"_158":866,"_160":829,"_161":141,"_162":163,"_164":118,"_106":867,"_101":32,"_166":184,"_168":868,"_169":22,"_170":-5,"_171":1408,"_99":1409},[],[822,828,865],[822,828],{"_104":873,"_95":874,"_158":875,"_160":823,"_161":141,"_162":163,"_164":118,"_106":876,"_101":32,"_166":184,"_168":877,"_169":22,"_170":-5,"_171":1412,"_99":1413},[],[822,874],{"_104":881,"_95":882,"_158":883,"_160":823,"_161":141,"_162":163,"_164":118,"_106":884,"_101":32,"_166":184,"_168":885,"_169":22,"_170":-5,"_171":1415,"_99":1416},[],[822,882],{"_104":889,"_95":890,"_158":891,"_160":823,"_161":141,"_162":163,"_164":118,"_106":892,"_101":32,"_166":184,"_168":893,"_169":22,"_170":-5,"_171":1418,"_99":1419},[],[822,890],{"_104":897,"_95":898,"_158":899,"_160":823,"_161":141,"_162":163,"_164":118,"_106":900,"_101":32,"_166":184,"_168":901,"_169":22,"_170":-5,"_171":1421,"_99":1422},[],[822,898],[822],{"_104":906,"_95":907,"_158":908,"_160":-5,"_161":141,"_162":163,"_164":118,"_106":909,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1425,"_99":1462},[1426,1447,1450,1453,1456,1459],{"_104":912,"_95":348,"_158":913,"_160":908,"_161":141,"_162":163,"_164":118,"_106":914,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":1427,"_99":1446},[1428,1431,1434,1437,1440,1443],{"_104":917,"_95":918,"_158":919,"_160":913,"_161":141,"_162":163,"_164":118,"_106":920,"_101":32,"_166":184,"_168":921,"_169":22,"_170":-5,"_171":1429,"_99":1430},[],[907,348,918],{"_104":925,"_95":926,"_158":927,"_160":913,"_161":141,"_162":163,"_164":118,"_106":928,"_101":32,"_166":184,"_168":929,"_169":22,"_170":-5,"_171":1432,"_99":1433},[],[907,348,926],{"_104":933,"_95":934,"_158":935,"_160":913,"_161":141,"_162":163,"_164":118,"_106":936,"_101":32,"_166":184,"_168":937,"_169":22,"_170":-5,"_171":1435,"_99":1436},[],[907,348,934],{"_104":941,"_95":942,"_158":943,"_160":913,"_161":141,"_162":163,"_164":118,"_106":944,"_101":32,"_166":184,"_168":945,"_169":22,"_170":-5,"_171":1438,"_99":1439},[],[907,348,942],{"_104":949,"_95":950,"_158":951,"_160":913,"_161":141,"_162":163,"_164":118,"_106":952,"_101":32,"_166":184,"_168":953,"_169":22,"_170":-5,"_171":1441,"_99":1442},[],[907,348,950],{"_104":957,"_95":958,"_158":959,"_160":913,"_161":141,"_162":163,"_164":118,"_106":960,"_101":32,"_166":184,"_168":961,"_169":22,"_170":-5,"_171":1444,"_99":1445},[],[907,348,958],[907,348],{"_104":966,"_95":967,"_158":968,"_160":908,"_161":141,"_162":163,"_164":118,"_106":969,"_101":32,"_166":184,"_168":970,"_169":22,"_170":-5,"_171":1448,"_99":1449},[],[907,967],{"_104":974,"_95":975,"_158":976,"_160":908,"_161":141,"_162":163,"_164":118,"_106":977,"_101":32,"_166":184,"_168":978,"_169":22,"_170":-5,"_171":1451,"_99":1452},[],[907,975],{"_104":982,"_95":983,"_158":984,"_160":908,"_161":141,"_162":163,"_164":118,"_106":985,"_101":32,"_166":184,"_168":986,"_169":22,"_170":-5,"_171":1454,"_99":1455},[],[907,983],{"_104":990,"_95":991,"_158":992,"_160":908,"_161":141,"_162":163,"_164":118,"_106":993,"_101":32,"_166":184,"_168":994,"_169":22,"_170":-5,"_171":1457,"_99":1458},[],[907,991],{"_104":998,"_95":999,"_158":1000,"_160":908,"_161":141,"_162":163,"_164":118,"_106":1001,"_101":32,"_166":184,"_168":1002,"_169":22,"_170":-5,"_171":1460,"_99":1461},[],[907,999],[907],{"_104":1007,"_95":1008,"_158":1009,"_160":-5,"_161":141,"_162":163,"_164":118,"_106":1010,"_101":32,"_166":184,"_168":1011,"_169":22,"_170":-5,"_171":1464,"_99":1465},[],[1008],{"_104":1015,"_95":1016,"_158":1017,"_160":-5,"_161":141,"_162":163,"_164":118,"_106":1018,"_101":32,"_166":184,"_168":1019,"_169":22,"_170":-5,"_171":1467,"_99":1468},[],[1016],{"_104":1023,"_95":1024,"_158":1025,"_160":-5,"_161":141,"_162":163,"_164":118,"_106":1026,"_101":32,"_166":307,"_168":1019,"_169":22,"_170":-5,"_171":1470,"_99":1471},[],[1024],{"_104":1030,"_95":1031,"_158":1032,"_160":-5,"_161":141,"_162":163,"_164":118,"_106":1033,"_101":32,"_166":1034,"_168":1035,"_169":22,"_170":-5,"_171":1473,"_99":1474},[],[1031],{"_104":1039,"_95":1040,"_158":1041,"_160":-5,"_161":141,"_162":163,"_164":118,"_106":1042,"_101":32,"_166":184,"_168":1043,"_169":22,"_170":-5,"_171":1476,"_99":1477},[],[1040],{"_104":1047,"_95":1048,"_158":1049,"_160":-5,"_161":141,"_162":163,"_164":118,"_106":1050,"_101":32,"_166":184,"_168":1051,"_169":22,"_170":-5,"_171":1479,"_99":1480},[],[1048],{"_104":1055,"_95":1056,"_158":1057,"_160":-5,"_161":141,"_162":140,"_164":118,"_106":1058,"_101":163,"_166":184,"_168":1059,"_169":22,"_170":-5,"_171":1482,"_99":1483},[],[1056],[1124,1126,1128,1131,1134,1137,1140,1143,1146,1149,1154,1156,1158,1162,1164,1167,1171,1173,1176,1180,1182,1186,1188,1192,1194,1196,1199,1202,1205,1208,1211,1215,1217,1221,1224,1227,1230,1233,1236,1239,1242,1245,1248,1251,1254,1257,1260,1263,1267,1269,1273,1275,1279,1281,1285,1287,1290,1294,1296,1300,1302,1305,1309,1311,1313,1316,1320,1322,1326,1328,1332,1336,1338,1342,1344,1348,1350,1354,1356,1360,1362,1366,1368,1372,1374,1378,1380,1384,1386,1391,1393,1395,1398,1401,1404,1407,1411,1414,1417,1420,1424,1426,1428,1431,1434,1437,1440,1443,1447,1450,1453,1456,1459,1463,1466,1469,1472,1475,1478,1481],{"_104":174,"_95":175,"_158":176,"_160":159,"_161":141,"_162":163,"_164":118,"_106":1101,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_99":1486},[157,175],[1488,1490,1492,1494,1496,1498,1500,1502],{"_104":180,"_95":181,"_158":182,"_160":176,"_161":141,"_162":163,"_164":118,"_106":1077,"_101":32,"_166":184,"_168":185,"_169":22,"_170":-5,"_99":1489},[157,175,181],{"_104":189,"_95":190,"_158":191,"_160":176,"_161":141,"_162":163,"_164":118,"_106":1080,"_101":32,"_166":184,"_168":193,"_169":22,"_170":-5,"_99":1491},[157,175,190],{"_104":197,"_95":198,"_158":199,"_160":176,"_161":141,"_162":163,"_164":118,"_106":1083,"_101":32,"_166":184,"_168":201,"_169":22,"_170":-5,"_99":1493},[157,175,198],{"_104":205,"_95":206,"_158":207,"_160":176,"_161":141,"_162":163,"_164":118,"_106":1086,"_101":32,"_166":184,"_168":209,"_169":22,"_170":-5,"_99":1495},[157,175,206],{"_104":213,"_95":214,"_158":215,"_160":176,"_161":141,"_162":163,"_164":118,"_106":1089,"_101":32,"_166":184,"_168":217,"_169":22,"_170":-5,"_99":1497},[157,175,214],{"_104":221,"_95":222,"_158":223,"_160":176,"_161":141,"_162":163,"_164":118,"_106":1092,"_101":32,"_166":184,"_168":225,"_169":22,"_170":-5,"_99":1499},[157,175,222],{"_104":229,"_95":230,"_158":231,"_160":176,"_161":141,"_162":163,"_164":118,"_106":1095,"_101":32,"_166":184,"_168":233,"_169":22,"_170":-5,"_99":1501},[157,175,230],{"_104":237,"_95":238,"_158":239,"_160":176,"_161":141,"_162":163,"_164":118,"_106":1098,"_101":32,"_166":184,"_168":241,"_169":22,"_170":-5,"_99":1503},[157,175,238],"upstream",{"_104":144,"_106":1506,"_1107":1507,"_95":43,"_142":105,"_101":1109,"_143":-5,"_145":-5,"_1110":1111,"_108":-5,"_152":22,"_110":111,"_151":94,"_16":122,"_150":96},["D",1742390054517],["D",1745077760172],"pull","ahead","behind",32,"templates",[],"actionData","errors"]

Clean Project Template

Component Garden

Welcome, ${email.split(\"@\")[0]}!

How To Use

Install Component Garden

PWA Header Components

CompactHeader with Branding

Button Component

Variants

Sizes

States

DeleteConfirmationModal Component

💡 All Ideas

Confirm Deletion