\n \n \n \n",[],[107,136],"ae034050-7628-11f0-81c8-0224a6c84d84","favicon.svg","019895ac-4cfc-7302-8b2b-be5a2bcf4246",["D",1754857753803],"\n",[],[107,145],"ae033f24-7628-11f0-81c8-0224a6c84d84","components","019895ac-4cfc-7302-8b2b-b9ff064a6805",["D",1754857753803],[157,158,159,160,161,162,163],[107,152],{"_36":307,"_13":308,"_62":309,"_64":153,"_65":66,"_67":68,"_69":70,"_38":310,"_17":72,"_73":110,"_74":-5,"_76":53,"_77":-5,"_93":311,"_18":312},{"_36":283,"_13":284,"_62":285,"_64":153,"_65":66,"_67":68,"_69":70,"_38":286,"_17":72,"_73":110,"_74":-5,"_76":53,"_77":-5,"_93":287,"_18":288},{"_36":240,"_13":241,"_62":242,"_64":153,"_65":66,"_67":68,"_69":70,"_38":243,"_17":72,"_73":110,"_74":-5,"_76":53,"_77":-5,"_93":244,"_18":245},{"_36":234,"_13":235,"_62":236,"_64":153,"_65":66,"_67":68,"_69":70,"_38":237,"_17":72,"_73":110,"_74":-5,"_76":53,"_77":-5,"_93":238,"_18":239},{"_36":179,"_13":180,"_62":181,"_64":153,"_65":66,"_67":68,"_69":70,"_38":182,"_17":72,"_73":110,"_74":-5,"_76":53,"_77":-5,"_93":183,"_18":184},{"_36":173,"_13":174,"_62":175,"_64":153,"_65":66,"_67":68,"_69":70,"_38":176,"_17":72,"_73":110,"_74":-5,"_76":53,"_77":-5,"_93":177,"_18":178},{"_36":164,"_13":165,"_62":166,"_64":153,"_65":66,"_67":167,"_69":70,"_38":168,"_17":169,"_73":131,"_74":170,"_76":53,"_77":-5,"_93":171,"_18":172},"0e4d197a-7720-11f0-a61d-0224a6c84d84","App.jsx","019895ac-4cfc-7302-8b2b-b63b1fb68de1",204,["D",1754964001097],82,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, {\n useEffect,\n useRef,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\nimport { createPortal } from \"https://esm.sh/react-dom@18.2.0\";\nimport {\n Cog6ToothIcon,\n DocumentDuplicateIcon,\n EllipsisVerticalIcon,\n MoonIcon,\n PencilIcon,\n PlusIcon,\n SunIcon,\n TrashIcon,\n XMarkIcon,\n} from \"./common/Icons.jsx\";\n// Configuración\nimport {\n SNIPPETSCONFIG,\n SNIPPETSLANG,\n SNIPPETSTHEME,\n} from \"./config/Constants.jsx\";\nimport Lang from \"./config/Lang.jsx\";\nimport StringUtils from \"./controllers/StringUtils.jsx\";\nimport StorageUtils from \"./controllers/StorageUtils.jsx\";\nimport API from \"./controllers/Api.jsx\";\nimport CallGeminiAPI from \"./controllers/CallGeminiAPI.jsx\";\nimport ModalDialog from \"./modals/ModalDialog.jsx\";\nimport Notification from \"./modals/Notification.jsx\";\nimport ConfirmDeleteModal from \"./modals/ConfirmDeleteModal.jsx\";\nimport GenerateTokenModal from \"./modals/GenerateTokenModal.jsx\";\nimport Preloader from \"./common/Preloader.jsx\";\n\n// React component for the main application\nfunction App() {\n const [snippets, setSnippets] = useState([]);\n const [filteredSnippets, setFilteredSnippets] = useState([]);\n const [searchTerm, setSearchTerm] = useState(\"\");\n const [filterCategory, setFilterCategory] = useState(\"all\");\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n const [showConfig, setShowConfig] = useState(false);\n const [showGenerateToken, setShowGenerateToken] = useState(false);\n const [currentSnippet, setCurrentSnippet] = useState(null);\n const [snippetToEdit, setSnippetToEdit] = useState(null);\n const [snippetToDelete, setSnippetToDelete] = useState(null);\n const [showConfirmDelete, setShowConfirmDelete] = useState(false);\n\n const [config, setConfig] = useState(\n () => StorageUtils.get(SNIPPETSCONFIG) || { url: \"\", token: \"\" },\n );\n\n const [theme, setTheme] = useState(\n () => StorageUtils.get(SNIPPETSTHEME) || \"light\",\n );\n\n const [currentLang, setCurrentLang] = useState(\n () => StorageUtils.get(SNIPPETSLANG) || \"es\",\n );\n\n const language = Lang[currentLang];\n\n const [api, setApi] = useState(new API(config.url, config.token));\n\n // Change to an array to handle multiple notifications\n const [notifications, setNotifications] = useState([]);\n\n // Function to show a new notification\n const showNotification = (message, type) => {\n const newNotification = { id: Date.now(), message, type };\n setNotifications((prev) => [...prev, newNotification]);\n };\n\n // Function to close a specific notification by its ID\n const closeNotification = (id) => {\n setNotifications((prev) => prev.filter((n) => n.id !== id));\n };\n\n // Set the theme class on the body\n useEffect(() => {\n if (theme === \"dark\") {\n document.documentElement.classList.add(\"dark\");\n } else {\n document.documentElement.classList.remove(\"dark\");\n }\n }, [theme]);\n\n // Function to fetch snippets from the API\n const fetchSnippets = async () => {\n if (!config.url || !config.token) {\n showNotification(\n language.notification_config_info,\n \"info\",\n );\n setLoading(false);\n setSnippets([]);\n return;\n }\n\n setLoading(true);\n setError(null);\n try {\n const response = await api.getSnippets();\n if (response && response.CONTENT) {\n //console.log(response.CONTENT);\n // The API returns the content encoded in Base64, so we decode it.\n const fetchedSnippets = Object.values(response.CONTENT).map(\n (snippet) => ({\n ...snippet,\n content: StringUtils.decode(snippet.content),\n }),\n );\n setSnippets(fetchedSnippets);\n showNotification(\n language.notification_snippets_loaded_success,\n \"success\",\n );\n } else {\n setSnippets([]);\n showNotification(\n language.notification_no_snippets_found_warning,\n \"warning\",\n );\n }\n } catch (e) {\n setError(\"Error al cargar los snippets. Revisa la consola.\");\n showNotification(language.notification_load_error, \"error\");\n } finally {\n setLoading(false);\n }\n };\n\n // Load snippets on initial render and when config changes\n useEffect(() => {\n fetchSnippets();\n }, [api, config, currentLang]);\n\n // Handle filtering and searching\n useEffect(() => {\n let filtered = snippets;\n\n if (searchTerm) {\n const lowercasedSearchTerm = searchTerm.toLowerCase();\n filtered = filtered.filter(\n (snippet) =>\n (snippet.title &&\n snippet.title.toLowerCase().includes(lowercasedSearchTerm)) ||\n (snippet.content &&\n snippet.content.toLowerCase().includes(lowercasedSearchTerm)),\n );\n }\n\n if (filterCategory !== \"all\") {\n filtered = filtered.filter(\n (snippet) => snippet.category === filterCategory,\n );\n }\n\n setFilteredSnippets(filtered);\n }, [snippets, searchTerm, filterCategory]);\n\n // Extract unique categories for the filter dropdown\n const uniqueCategories = [...new Set(snippets.map((s) => s.category))].filter(\n Boolean,\n );\n\n // Handle theme toggle\n const toggleTheme = () => {\n const newTheme = theme === \"dark\" ? \"light\" : \"dark\";\n setTheme(newTheme);\n StorageUtils.save(SNIPPETSTHEME, newTheme);\n };\n\n // Handle language change\n const handleLanguageChange = (e) => {\n const newLang = e.target.value;\n setCurrentLang(newLang);\n StorageUtils.save(SNIPPETSLANG, newLang);\n };\n\n // Handle config form submission\n const handleSaveConfig = (e) => {\n e.preventDefault();\n StorageUtils.save(SNIPPETSCONFIG, config);\n setApi(new API(config.url, config.token));\n showNotification(language.notification_config_save_success, \"success\");\n setShowConfig(false);\n };\n\n // Handle new snippet creation/update\n const handleSaveSnippet = async (formData) => {\n setLoading(true);\n try {\n const payload = {\n ...formData,\n content: StringUtils.encode(formData.content), // Encode content before sending to API\n };\n if (formData.uid) {\n // Update existing snippet\n await api.updateSnippet(formData.uid, payload);\n showNotification(\n language.notification_snippet_updated_success,\n \"success\",\n );\n } else {\n // Create new snippet\n await api.createSnippet(payload);\n showNotification(\n language.notification_snippet_created_success,\n \"success\",\n );\n }\n await fetchSnippets(); // Refresh snippets\n setSnippetToEdit(null);\n } catch (e) {\n showNotification(\n `${language.notification_snippet_save_error} ${e.message}`,\n \"error\",\n );\n } finally {\n setLoading(false);\n }\n };\n\n // MODIFICACIÓN: Handle snippet deletion, now sending both uid and title\n const handleDeleteSnippet = async (uid) => {\n setLoading(true);\n try {\n // Find the snippet to get its name (title)\n const snippet = snippets.find((s) => s.uid === uid);\n if (!snippet) {\n throw new Error(\"Snippet no encontrado.\");\n }\n await api.deleteSnippet(uid, snippet.name);\n showNotification(\n language.notification_snippet_deleted_success,\n \"success\",\n );\n await fetchSnippets(); // Refresh snippets\n setShowConfirmDelete(false);\n } catch (e) {\n showNotification(\n `${language.notification_snippet_delete_error} ${e.message}`,\n \"error\",\n );\n } finally {\n setLoading(false);\n }\n };\n\n // Snippet Card Component\n const SnippetCard = ({ snippet }) => {\n const [showDropdown, setShowDropdown] = useState(false);\n const dropdownRef = useRef(null);\n\n // Close the dropdown when clicking outside\n useEffect(() => {\n const handleClickOutside = (event) => {\n if (\n dropdownRef.current &&\n !dropdownRef.current.contains(event.target)\n ) {\n setShowDropdown(false);\n }\n };\n document.addEventListener(\"mousedown\", handleClickOutside);\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n };\n }, [dropdownRef]);\n\n return (\n setCurrentSnippet(snippet)}\n >\n

\n {snippet.title}\n

\n {\n e.stopPropagation();\n setShowDropdown(!showDropdown);\n }}\n className=\"cursor-pointer p-1 rounded-full text-gray-500 hover:bg-gray-200 dark:text-gray-400 dark:hover:bg-gray-600 transition-colors\"\n title={language.snippet_card_options}\n >\n \n \n {showDropdown && (\n

\n {\n e.stopPropagation();\n setSnippetToEdit(snippet);\n setShowDropdown(false);\n }}\n className=\"cursor-pointer flex items-center px-4 py-2 text-sm hover:bg-indigo-50 dark:hover:bg-gray-700 w-full text-left\"\n >\n \n \n \n \n {language.snippet_card_edit_button}\n \n \n
\n {\n e.stopPropagation();\n setSnippetToEdit({\n ...snippet,\n uid: null,\n title:\n `${language.snippet_card_clone_button} de ${snippet.title}`,\n });\n setShowDropdown(false);\n }}\n className=\"cursor-pointer flex items-center px-4 py-2 text-sm hover:bg-gray-50 dark:hover:bg-gray-700 w-full text-left\"\n >\n \n \n \n \n {language.snippet_card_clone_button}\n \n \n
\n {\n e.stopPropagation();\n setSnippetToDelete(snippet);\n setShowConfirmDelete(true);\n setShowDropdown(false);\n }}\n className=\"cursor-pointer flex items-center px-4 py-2 text-sm hover:bg-rose-50 dark:hover:bg-gray-700 w-full text-left\"\n >\n \n \n \n \n {language.snippet_card_delete_button}\n \n \n

\n )}\n

\n {snippet.category && (\n \n \n {language.snippet_card_category_label}\n \n \n {snippet.category}\n \n \n )}\n \n

\n \n );\n };\n\n // Snippet Form Component\n const SnippetForm = ({ initialData = {}, onClose, onSuccess }) => {\n const [formData, setFormData] = useState({\n title: initialData.title || \"\",\n description: initialData.description || \"\",\n category: initialData.category || \"\",\n content: initialData.content || \"\",\n });\n const [formLoading, setFormLoading] = useState(false);\n const [aiLoading, setAiLoading] = useState(false);\n\n const handleChange = (e) => {\n const { name, value } = e.target;\n setFormData((prev) => ({ ...prev, [name]: value }));\n };\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n setFormLoading(true);\n try {\n const payload = {\n ...formData,\n content: StringUtils.encode(formData.content), // Encode content before sending to API\n };\n if (initialData.uid) {\n // Update existing snippet\n await api.updateSnippet(initialData.uid, payload);\n showNotification(\n language.notification_snippet_updated_success,\n \"success\",\n );\n } else {\n // Create new snippet\n await api.createSnippet(payload);\n showNotification(\n language.notification_snippet_created_success,\n \"success\",\n );\n }\n await fetchSnippets(); // Refresh snippets\n onSuccess();\n } catch (e) {\n showNotification(\n `${language.notification_snippet_save_error} ${e.message}`,\n \"error\",\n );\n } finally {\n setFormLoading(false);\n }\n };\n\n const handleGenerateAiDesc = async () => {\n setAiLoading(true);\n try {\n const AI_PROMPT_SUMMARY = (content) =>\n `Por favor, resume de forma concisa el siguiente fragmento de texto... Contenido: \\`\\`\\`${content}\\`\\`\\``;\n const prompt = AI_PROMPT_SUMMARY(formData.description);\n console.log(formData.description);\n const summary = await CallGeminiAPI(prompt);\n setFormData((prev) => ({ ...prev, [\"description\"]: summary }));\n } catch (e) {\n showNotification(\n `${language.notification_snippet_ai_error} ${e.message}`,\n \"error\",\n );\n } finally {\n setAiLoading(false);\n }\n };\n\n return (\n \n\n

\n \n {language.snippet_form_title_label}\n \n \n

\n \n {language.snippet_form_description_label}\n \n \n \n {initialData.uid\n ? (\n \n {language.snippet_form_ai_description}\n {aiLoading\n ? (\n \n )\n : \"\"}\n \n )\n : \"\"}\n

\n \n {language.snippet_form_category_label}\n \n \n

\n \n {language.snippet_form_content_label}\n \n \n \n

\n \n {language.snippet_form_button_cancel}\n \n \n {formLoading\n ? language.snippet_form_button_saving\n : language.snippet_form_button_save}\n \n

\n \n );\n };\n\n return (\n

\n {/* Sidebar */}\n

\n {language.app_title}\n

\n \n {theme === \"light\"\n ? \n : }\n \n setShowConfig(true)}\n title={language.settings_title}\n className=\"cursor-pointer p-2 rounded-full text-gray-600 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors\"\n >\n \n \n

\n setSearchTerm(e.target.value)}\n className=\"w-full p-2 rounded-lg border border-gray-300 dark:border-gray-700 bg-gray-50 dark:bg-gray-900 text-gray-800 dark:text-gray-200\"\n />\n setFilterCategory(e.target.value)}\n className=\"w-full p-2 rounded-lg border border-gray-300 dark:border-gray-700 bg-gray-50 dark:bg-gray-900 text-gray-800 dark:text-gray-200\"\n >\n \n {uniqueCategories.map((category) => (\n \n ))}\n \n

\n\n \n setSnippetToEdit({\n uid: null,\n title: \"\",\n description: \"\",\n category: \"\",\n content: \"\",\n })}\n className=\"cursor-pointer w-full flex items-center justify-center p-2 rounded-lg bg-gray-800 hover:bg-gray-900 text-white font-semibold mb-4 transition-colors\"\n >\n {\" \"}\n {language.app_new_snippet_button}\n \n\n

\n {loading && language.loading_snippets}\n

\n {/* Main Content */}\n

\n {currentSnippet\n ? (\n

\n {currentSnippet.title}\n

\n setCurrentSnippet(null)}\n className=\"cursor-pointer p-2 rounded-full text-rose-600 hover:bg-rose-100 dark:hover:bg-gray-700 transition-colors\"\n title={language.snippet_detail_back_button}\n >\n \n \n

\n {currentSnippet.category && (\n \n {language.snippet_card_category_label}{\" \"}\n {currentSnippet.category}\n \n )}\n

{currentSnippet.description}

\n                  {currentSnippet.content}\n

\n )\n : (\n

\n {language.title_my_snippets}\n

\n {loading && (\n

\n {Array(24).fill().map((_, i) => (\n \n \n

\n ))}\n

\n )}\n {!loading && filteredSnippets.length === 0\n ? (\n

\n {language.no_snippets_found_title}\n

\n {language.no_snippets_found_message}\n

\n )\n : (\n

\n {filteredSnippets.map((snippet) => (\n \n ))}\n

\n )}\n

\n )}\n \n

\n\n \n {/* Modals and Notifications */}\n {showConfig &&\n createPortal(\n setShowConfig(false)}\n >\n \n

\n \n {language.settings_api_url_label}\n \n \n setConfig({ ...config, url: e.target.value })}\n className=\"w-full p-3 rounded-lg border border-gray-300 dark:border-gray-700 bg-gray-50 dark:bg-gray-900 text-gray-800 dark:text-gray-200\"\n />\n

\n \n {language.settings_api_token_label}\n \n \n setConfig({ ...config, token: e.target.value })}\n className=\"w-full p-3 rounded-lg border border-gray-300 dark:border-gray-700 bg-gray-50 dark:bg-gray-900 text-gray-800 dark:text-gray-200\"\n />\n setShowGenerateToken(true)}\n className=\"mt-2 w-full py-2 px-4 rounded-lg bg-gray-600 hover:bg-gray-700 text-white font-semibold transition-colors\"\n >\n {language.settings_generate_token_button}\n \n

\n \n {language.language_label}\n \n \n \n \n \n \n

\n \n {language.settings_save_button}\n \n

\n \n ,\n document.body,\n )}\n {/* Generate Token Modal */}\n {showGenerateToken &&\n createPortal(\n setShowGenerateToken(false)}\n onApplyToken={(token) => {\n setConfig({ ...config, token });\n StorageUtils.save(SNIPPETSCONFIG, { ...config, token });\n setApi(new API(config.url, token));\n showNotification(\n language.notification_token_applied_success,\n \"success\",\n );\n }}\n language={language}\n />,\n document.body,\n )}\n {/* Edit/Create Snippet Modal */}\n {snippetToEdit &&\n createPortal(\n setSnippetToEdit(null)}\n onSuccess={() => setSnippetToEdit(null)}\n language={language}\n />,\n document.body,\n )}\n {/* Confirm Delete Modal */}\n {showConfirmDelete &&\n snippetToDelete &&\n createPortal(\n setShowConfirmDelete(false)}\n onConfirm={handleDeleteSnippet}\n language={language}\n />,\n document.body,\n )}\n {/* Container for multiple notifications */}\n {createPortal(\n

\n {notifications.map((notification) => (\n closeNotification(notification.id)}\n />\n ))}\n

,\n document.body,\n )}\n \n );\n}\n\nexport default App;",[],[107,152,165],"ae0335ce-7628-11f0-81c8-0224a6c84d84","status","019895ac-4cfc-7302-8b2b-b3a7239a9585",["D",1754857753803],[],[107,152,174],"ae032d9a-7628-11f0-81c8-0224a6c84d84","modals","019895ac-4cfc-7302-8b2b-a26ea050e954",["D",1754857753803],[185,186,187,188,189],[107,152,180],{"_36":225,"_13":226,"_62":227,"_64":181,"_65":66,"_67":228,"_69":70,"_38":229,"_17":230,"_73":131,"_74":231,"_76":53,"_77":-5,"_93":232,"_18":233},{"_36":216,"_13":217,"_62":218,"_64":181,"_65":66,"_67":219,"_69":70,"_38":220,"_17":221,"_73":131,"_74":222,"_76":53,"_77":-5,"_93":223,"_18":224},{"_36":207,"_13":208,"_62":209,"_64":181,"_65":66,"_67":210,"_69":70,"_38":211,"_17":212,"_73":131,"_74":213,"_76":53,"_77":-5,"_93":214,"_18":215},{"_36":198,"_13":199,"_62":200,"_64":181,"_65":66,"_67":201,"_69":70,"_38":202,"_17":203,"_73":131,"_74":204,"_76":53,"_77":-5,"_93":205,"_18":206},{"_36":190,"_13":191,"_62":192,"_64":181,"_65":66,"_67":193,"_69":70,"_38":194,"_17":91,"_73":131,"_74":195,"_76":53,"_77":-5,"_93":196,"_18":197},"fe9e3b4a-76a1-11f0-a26f-0224a6c84d84","Notification.jsx","b7c4bac8-76a1-11f0-899b-0224a6c84d84",99,["D",1754909858196],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, {\n useEffect,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\n\n\n// Notification component for displaying messages\nconst Notification = ({ message, type, onClose }) => {\n const [isVisible, setIsVisible] = useState(true);\n // Auto-close after 2 seconds\n useEffect(() => {\n const timer = setTimeout(() => {\n setIsVisible(false);\n onClose(); // Call the parent's onClose to remove from state\n }, 3000);\n return () => clearTimeout(timer);\n }, [onClose]);\n\n if (!isVisible) return null;\n\n const baseClasses =\n \"p-4 rounded-lg shadow-xl text-white font-medium mb-2 animate-slideIn\";\n let colorClasses = \"\";\n let icon = \"\";\n\n switch (type) {\n case \"info\":\n colorClasses = \"bg-blue-600\";\n icon = (\n \n \n \n );\n break;\n case \"success\":\n colorClasses = \"bg-emerald-600\";\n icon = (\n \n \n \n );\n break;\n case \"warning\":\n colorClasses = \"bg-amber-500\";\n icon = (\n \n \n \n );\n break;\n case \"error\":\n colorClasses = \"bg-rose-600\";\n icon = (\n \n \n \n );\n break;\n default:\n colorClasses = \"bg-gray-700\";\n icon = (\n \n \n \n );\n }\n\n return (\n

\n {icon}\n {message}\n {\n setIsVisible(false);\n onClose();\n }}\n className=\"ml-4 p-1 rounded-full hover:bg-white hover:bg-opacity-20 transition-colors\"\n >\n \n \n \n \n

\n );\n};\n\nexport default Notification;",[],[107,152,180,191],"3b684d64-83ad-11f0-9b3e-0224a6c84d84","ModalDialog.jsx","7817481c-769e-11f0-b906-0224a6c84d84",211,["D",1756344049762],13,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\nimport { CloseBtn } from \"../common/Ui.jsx\";\n\nconst ModalDialog = (props) => {\n return (\n

{props.title}

\n \n

\n {props.children}\n

\n );\n};\n\nexport default ModalDialog;",[],[107,152,180,199],"c3cc81f2-76a6-11f0-9e6f-0224a6c84d84","ModalAlert.jsx","9d53e7e8-769e-11f0-bce8-0224a6c84d84",114,["D",1754911906993],8,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\nconst ModalAlert = (props) => {\n return (\n

{props.children}

\n );\n};\nexport default ModalAlert;",[],[107,152,180,208],"470fddcc-771d-11f0-9064-0224a6c84d84","GenerateTokenModal.jsx","fdd5ef86-76a2-11f0-8d64-0224a6c84d84",195,["D",1754962807836],5,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport ModalAlert from \"./ModalAlert.jsx\";\n\n// Token generation form\nconst GenerateTokenModal = ({ onClose, onApplyToken, language }) => {\n const [formData, setFormData] = useState({\n user: \"admin_user\",\n password: \"\",\n role: \"administrator\",\n });\n const [loading, setLoading] = useState(false);\n\n const handleChange = (e) => {\n const { name, value } = e.target;\n setFormData((prev) => ({ ...prev, [name]: value }));\n };\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n setLoading(true);\n\n try {\n // Simulación de la llamada a la API\n const response = await new Promise((resolve) =>\n setTimeout(\n () =>\n resolve({\n token:\n \"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjoic3VwZXJ1c3VhcmlvIiwicm9sZSI6ImFkbWluIn0.SflKxwRJSMeKKF2eNfK4ulI\" +\n Math.random().toString(36).substring(7),\n is_valid: true,\n }),\n 1000,\n )\n );\n if (response.is_valid) {\n onApplyToken(response.token);\n } else {\n console.error(\"Failed to generate token.\");\n }\n } catch (e) {\n console.error(\"Error generating token:\", e);\n } finally {\n setLoading(false);\n onClose();\n }\n };\n\n return (\n \n

\n {language.generate_token_title}\n

\n \n \n );\n};\n\nexport default GenerateTokenModal;",[],[107,152,180,217],"e9cbc3f8-76a2-11f0-b417-0224a6c84d84","ConfirmDeleteModal.jsx","23e970cc-76a2-11f0-974b-0224a6c84d84",105,["D",1754910252757],4,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport ModalAlert from \"./ModalAlert.jsx\";\n\n// Confirm delete modal\nconst ConfirmDeleteModal = ({ snippet, onClose, onConfirm, language }) => (\n \n

\n {language.confirm_delete_title}\n

\n {language.confirm_delete_message}\n {snippet.title}\n {language.confirm_delete_message_end\n ? language.confirm_delete_message_end\n : \"?\"}\n

\n \n {language.confirm_delete_button_cancel}\n \n onConfirm(snippet.uid)}\n className=\"bg-rose-600 hover:bg-rose-700 text-white font-bold py-2 px-4 rounded-lg transition-colors\"\n >\n {language.confirm_delete_button_confirm}\n \n

\n \n);\n\nexport default ConfirmDeleteModal;",[],[107,152,180,226],"ae0322b4-7628-11f0-81c8-0224a6c84d84","filter","019895ac-4cfc-7302-8b2b-8cd460d38727",["D",1754857753803],[],[107,152,235],"ae031f1c-7628-11f0-81c8-0224a6c84d84","controllers","019895ac-4cfc-7302-8b2b-866bcedaa5a4",["D",1754857753803],[246,247,248,249],[107,152,241],{"_36":275,"_13":276,"_62":277,"_64":242,"_65":66,"_67":278,"_69":70,"_38":279,"_17":91,"_73":131,"_74":280,"_76":53,"_77":-5,"_93":281,"_18":282},{"_36":266,"_13":267,"_62":268,"_64":242,"_65":66,"_67":269,"_69":70,"_38":270,"_17":271,"_73":131,"_74":272,"_76":53,"_77":-5,"_93":273,"_18":274},{"_36":258,"_13":259,"_62":260,"_64":242,"_65":66,"_67":261,"_69":70,"_38":262,"_17":230,"_73":131,"_74":263,"_76":53,"_77":-5,"_93":264,"_18":265},{"_36":250,"_13":251,"_62":252,"_64":242,"_65":66,"_67":253,"_69":70,"_38":254,"_17":230,"_73":131,"_74":255,"_76":53,"_77":-5,"_93":256,"_18":257},"339db2e0-769c-11f0-abca-0224a6c84d84","StringUtils.jsx","afebdc46-762e-11f0-9a11-0224a6c84d84",66,["D",1754907370121],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport DOMPurify from \"https://esm.sh/dompurify@2.4.0\";\n\n// Helper functions for the app\nconst StringUtils = {\n sanitize(text) {\n return DOMPurify.sanitize(text, { USE_PROFILES: { html: false } });\n },\n encode(t) {\n if (!t) return \"\";\n return btoa(\n encodeURIComponent(t).replace(\n /%([0-9A-F]{2})/g,\n (e, o) => String.fromCharCode(\"0x\" + o),\n ),\n );\n },\n decode(t) {\n try {\n return decodeURIComponent(\n atob(t)\n .split(\"\")\n .map((e) => \"%\" + (\"00\" + e.charCodeAt(0).toString(16)).slice(-2))\n .join(\"\"),\n );\n } catch (e) {\n return (\n console.error(\"Error al decodificar la cadena Base64:\", e),\n lang.es.decode_error\n );\n }\n },\n};\n\nexport default StringUtils;",[],[107,152,241,251],"25fb6c8a-762f-11f0-ac7d-0224a6c84d84","StorageUtils.jsx","e5e29cae-762e-11f0-9132-0224a6c84d84",62,["D",1754860532113],"const StorageUtils = {\n save(key, value) {\n try {\n localStorage.setItem(key, JSON.stringify(value));\n } catch (e) {\n console.error(\"Error saving to localStorage\", e);\n }\n },\n get(key) {\n try {\n const value = localStorage.getItem(key);\n return value ? JSON.parse(value) : null;\n } catch (e) {\n console.error(\"Error getting from localStorage\", e);\n return null;\n }\n },\n};\nexport default StorageUtils;",[],[107,152,241,259],"52646850-76eb-11f0-bd40-0224a6c84d84","CallGeminiAPI.jsx","d7884f7a-76ea-11f0-9bc4-0224a6c84d84",149,["D",1754941352004],3,"/**\n * Función de ayuda para llamar a la API de Gemini con retroceso exponencial.\n * @param {string} prompt - El prompt a enviar al LLM.\n * @param {number} [retries=3] - Número de reintentos para la llamada a la API.\n * @param {number} [delay=1000] - Retraso inicial en ms para el retroceso exponencial.\n * @returns {Promise} - El texto generado por el LLM.\n */\nexport default async function callGeminiAPI(prompt, retries = 3, delay = 1000) {\n const apiKey = \"AIzaSyDJEGZOKx6-ftbS696xKr7EMMwb692G0MQ\";\n const apiUrl =\n `https://generativelanguage.googleapis.com/v1beta/models/gemini-2.5-flash-preview-05-20:generateContent?key=${apiKey}`;\n const payload = {\n contents: [{ role: \"user\", parts: [{ text: prompt }] }],\n };\n\n for (let i = 0; i < retries; i++) {\n try {\n const response = await fetch(apiUrl, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(payload),\n });\n\n if (response.ok) {\n const result = await response.json();\n const text = result?.candidates?.[0]?.content?.parts?.[0]?.text;\n if (text) {\n return text;\n } else {\n throw new Error(\"Respuesta inesperada de la API de Gemini.\");\n }\n } else if (response.status === 429 && i < retries - 1) {\n await new Promise((res) => setTimeout(res, delay));\n delay *= 2;\n } else {\n throw new Error(\n `Error en la API de Gemini: ${response.status} ${response.statusText}`,\n );\n }\n } catch (error) {\n console.error(\n `Intento ${i + 1} fallido al llamar a la API de Gemini:`,\n error,\n );\n if (i < retries - 1) {\n await new Promise((res) => setTimeout(res, delay));\n delay *= 2;\n } else {\n throw error;\n }\n }\n }\n throw new Error(\n \"Fallo al llamar a la API de Gemini después de múltiples reintentos.\",\n );\n}",[],[107,152,241,267],"cc06ae34-76a0-11f0-bf80-0224a6c84d84","Api.jsx","aa311d12-76a0-11f0-92fd-0224a6c84d84",91,["D",1754909343817],"// API class to handle all API interactions\nexport default class API {\n constructor(url, token) {\n this.url = url;\n this.token = token;\n }\n\n async fetchData(endpoint, options = {}) {\n if (!this.url || !this.token) {\n throw new Error(Lang.es.api_error_config);\n }\n\n const headers = {\n \"Content-Type\": \"application/json\",\n Authorization: `Bearer ${this.token}`,\n ...options.headers,\n };\n\n const config = {\n ...options,\n headers,\n };\n\n try {\n const response = await fetch(`${this.url}${endpoint}`, config);\n if (!response.ok) {\n throw new Error(`Error HTTP! status: ${response.status}`);\n }\n return await response.json();\n } catch (error) {\n console.error(\"API Error:\", error);\n throw error;\n }\n }\n\n async getSnippets() {\n return this.fetchData(\"?method=get&db=snippets&all=all&limit=400\");\n }\n\n async createSnippet(data) {\n return this.fetchData(\"?method=insert&db=snippets\", {\n method: \"POST\",\n body: JSON.stringify(data),\n });\n }\n\n async updateSnippet(uid, data) {\n return this.fetchData(\"?method=update&db=snippets\", {\n method: \"POST\",\n body: JSON.stringify({ uid, ...data }),\n });\n }\n\n // Modified to include 'name' (title) in the request body for deletion\n async deleteSnippet(uid, name) {\n return this.fetchData(\"?method=delete&db=snippets\", {\n method: \"POST\",\n body: JSON.stringify({ uid, name }),\n });\n }\n}",[],[107,152,241,276],"ae031c56-7628-11f0-81c8-0224a6c84d84","config","019895ac-4cfc-7302-8b2b-7f865d9f51de",["D",1754857753803],[289,290],[107,152,284],{"_36":299,"_13":300,"_62":301,"_64":285,"_65":66,"_67":302,"_69":70,"_38":303,"_17":68,"_73":131,"_74":304,"_76":53,"_77":-5,"_93":305,"_18":306},{"_36":291,"_13":292,"_62":293,"_64":285,"_65":66,"_67":294,"_69":70,"_38":295,"_17":123,"_73":131,"_74":296,"_76":53,"_77":-5,"_93":297,"_18":298},"6b2abbfa-76fa-11f0-84d0-0224a6c84d84","Lang.jsx","019895ac-4cfc-7302-8b2b-79535864cb2f",168,["D",1754947836023],"// Objeto de localización\nconst Lang = {\n es: {\n api_error_config:\n \"API URL o Token no configurados. Por favor, revisa tus ajustes.\",\n decode_error: \"[El contenido no pudo ser decodificado]\",\n loading_snippets: \"Cargando snippets...\",\n loading_all_snippets: \"Cargando todos los snippets...\",\n notification_config_info:\n \"Por favor, configura la URL y el Token de la API en 'Ajustes'.\",\n notification_snippets_loaded_success: \"Snippets cargados exitosamente.\",\n notification_no_snippets_found_warning: \"No se encontraron snippets.\",\n notification_load_error: \"Error al cargar los snippets. Revisa la consola.\",\n notification_config_save_success: \"Configuración guardada exitosamente.\",\n notification_snippet_updated_success: \"Snippet actualizado con éxito.\",\n notification_snippet_created_success: \"Snippet creado con éxito.\",\n notification_snippet_save_error: \"Error al guardar el snippet: \",\n notification_snippet_deleted_success: \"Snippet eliminado con éxito.\",\n notification_snippet_delete_error: \"Error al eliminar el snippet: \",\n notification_token_applied_success: \"Token generado y aplicado.\",\n notification_snippet_ai_error: \"Hubo un error al generar la descripción\",\n confirm_delete_title: \"Confirmar Eliminación\",\n confirm_delete_message:\n '¿Estás seguro de que quieres eliminar el snippet \"',\n confirm_delete_snippet_name: \"{snippet.title}\",\n confirm_delete_button_cancel: \"Cancelar\",\n confirm_delete_button_confirm: \"Eliminar\",\n generate_token_title: \"Generar Token de API\",\n generate_token_user_label: \"Usuario:\",\n generate_token_password_label: \"Contraseña:\",\n generate_token_role_label: \"Rol:\",\n generate_token_button_close: \"Cerrar\",\n generate_token_button_generate: \"Generar y Aplicar\",\n generate_token_button_generating: \"Generando...\",\n app_title: \"Snippets App\",\n app_search_placeholder: \"Buscar snippets...\",\n app_filter_all: \"Todas las categorías\",\n app_new_snippet_button: \"Nuevo Snippet\",\n snippet_card_options: \"Opciones\",\n snippet_card_category_label: \"Categoría:\",\n snippet_card_edit_button: \"Editar\",\n snippet_card_clone_button: \"Clonar\",\n snippet_card_delete_button: \"Eliminar\",\n snippet_form_edit_title: \"Editar Snippet\",\n snippet_form_create_title: \"Crear Snippet\",\n snippet_form_title_label: \"Título\",\n snippet_form_description_label: \"Descripción\",\n snippet_form_category_label: \"Categoría\",\n snippet_form_content_label: \"Contenido\",\n snippet_form_button_cancel: \"Cancelar\",\n snippet_form_button_save: \"Guardar Snippet\",\n snippet_form_button_saving: \"Guardando...\",\n snippet_detail_back_button: \"Volver a la lista\",\n snippet_form_ai_description: \"Resumir con IA\",\n no_snippets_found_title: \"No se encontraron snippets.\",\n no_snippets_found_message:\n \"Puedes crear uno nuevo usando el botón en el menú lateral.\",\n settings_title: \"Ajustes\",\n settings_api_url_label: \"URL de la API\",\n settings_api_token_label: \"Token de la API\",\n settings_generate_token_button: \"Generar Token\",\n settings_save_button: \"Guardar\",\n theme_toggle_label: \"Cambiar tema\",\n language_label: \"Idioma\",\n language_button_label: \"Cambiar Idioma\",\n title_my_snippets: \"Mis Snippets\",\n },\n en: {\n api_error_config:\n \"API URL or Token not configured. Please check your settings.\",\n decode_error: \"[Content could not be decoded]\",\n loading_snippets: \"Loading snippets...\",\n loading_all_snippets: \"Loading all snippets...\",\n notification_config_info:\n \"Please configure the API URL and Token in 'Settings'.\",\n notification_snippets_loaded_success: \"Snippets loaded successfully.\",\n notification_no_snippets_found_warning: \"No snippets found.\",\n notification_load_error: \"Error loading snippets. Check the console.\",\n notification_config_save_success: \"Configuration saved successfully.\",\n notification_snippet_updated_success: \"Snippet updated successfully.\",\n notification_snippet_created_success: \"Snippet created successfully.\",\n notification_snippet_save_error: \"Error saving snippet: \",\n notification_snippet_deleted_success: \"Snippet deleted successfully.\",\n notification_snippet_delete_error: \"Error deleting snippet: \",\n notification_token_applied_success: \"Token generated and applied.\",\n notification_snippet_ai_error: \"Error generating AI reponse\",\n confirm_delete_title: \"Confirm Deletion\",\n confirm_delete_message: 'Are you sure you want to delete the snippet \"',\n confirm_delete_snippet_name: \"{snippet.title}\",\n confirm_delete_button_cancel: \"Cancel\",\n confirm_delete_button_confirm: \"Delete\",\n generate_token_title: \"Generate API Token\",\n generate_token_user_label: \"User:\",\n generate_token_password_label: \"Password:\",\n generate_token_role_label: \"Role:\",\n generate_token_button_close: \"Close\",\n generate_token_button_generate: \"Generate and Apply\",\n generate_token_button_generating: \"Generating...\",\n app_title: \"Snippets App\",\n app_search_placeholder: \"Search snippets...\",\n app_filter_all: \"All categories\",\n app_new_snippet_button: \"New Snippet\",\n snippet_card_options: \"Options\",\n snippet_card_category_label: \"Category:\",\n snippet_card_edit_button: \"Edit\",\n snippet_card_clone_button: \"Clone\",\n snippet_card_delete_button: \"Delete\",\n snippet_form_edit_title: \"Edit Snippet\",\n snippet_form_create_title: \"Create Snippet\",\n snippet_form_title_label: \"Title\",\n snippet_form_description_label: \"Description\",\n snippet_form_category_label: \"Category\",\n snippet_form_content_label: \"Content\",\n snippet_form_button_cancel: \"Cancel\",\n snippet_form_button_save: \"Save Snippet\",\n snippet_form_button_saving: \"Saving...\",\n snippet_detail_back_button: \"Back to list\",\n snippet_form_ai_description: \"Summarize with AI\",\n no_snippets_found_title: \"No snippets found.\",\n no_snippets_found_message:\n \"You can create a new one using the button in the side menu.\",\n settings_title: \"Settings\",\n settings_api_url_label: \"API URL\",\n settings_api_token_label: \"API Token\",\n settings_generate_token_button: \"Generate Token\",\n settings_save_button: \"Save\",\n theme_toggle_label: \"Change theme\",\n language_label: \"Language\",\n language_button_label: \"Change Language\",\n title_my_snippets: \"My Snippets\",\n },\n jp: {\n api_error_config:\n \"APIのURLまたはトークンが設定されていません。設定を確認してください。\",\n decode_error: \"[コンテンツをデコードできませんでした]\",\n loading_snippets: \"スニペットを読み込み中...\",\n loading_all_snippets: \"すべてのスニペットを読み込み中...\",\n notification_config_info:\n \"「設定」でAPIのURLとトークンを設定してください。\",\n notification_snippets_loaded_success:\n \"スニペットが正常に読み込まれました。\",\n notification_no_snippets_found_warning:\n \"スニペットが見つかりませんでした。\",\n notification_load_error:\n \"スニペットの読み込み中にエラーが発生しました。コンソールを確認してください。\",\n notification_config_save_success: \"設定が正常に保存されました。\",\n notification_snippet_updated_success: \"スニペットが正常に更新されました。\",\n notification_snippet_created_success: \"スニペットが正常に作成されました。\",\n notification_snippet_save_error:\n \"スニペットの保存中にエラーが発生しました: \",\n notification_snippet_deleted_success: \"スニペットが正常に削除されました。\",\n notification_snippet_delete_error:\n \"スニペットの削除中にエラーが発生しました: \",\n notification_token_applied_success: \"トークンが生成され、適用されました。\",\n notification_snippet_ai_error: \"AI 応答生成中にエラーが発生しました\",\n confirm_delete_title: \"削除の確認\",\n confirm_delete_message: \"スニペット「\",\n confirm_delete_snippet_name: \"{snippet.title}\",\n confirm_delete_message_end: \"」を削除してもよろしいですか？\",\n confirm_delete_button_cancel: \"キャンセル\",\n confirm_delete_button_confirm: \"削除\",\n generate_token_title: \"APIトークンの生成\",\n generate_token_user_label: \"ユーザー:\",\n generate_token_password_label: \"パスワード:\",\n generate_token_role_label: \"役割:\",\n generate_token_button_close: \"閉じる\",\n generate_token_button_generate: \"生成して適用\",\n generate_token_button_generating: \"生成中...\",\n app_title: \"スニペットアプリ\",\n app_search_placeholder: \"スニペットを検索...\",\n app_filter_all: \"すべてのカテゴリ\",\n app_new_snippet_button: \"新しいスニペット\",\n snippet_card_options: \"オプション\",\n snippet_card_category_label: \"カテゴリ:\",\n snippet_card_edit_button: \"編集\",\n snippet_card_clone_button: \"クローン\",\n snippet_card_delete_button: \"削除\",\n snippet_form_edit_title: \"スニペットを編集\",\n snippet_form_create_title: \"スニペットを作成\",\n snippet_form_title_label: \"タイトル\",\n snippet_form_description_label: \"説明\",\n snippet_form_category_label: \"カテゴリ\",\n snippet_form_content_label: \"コンテンツ\",\n snippet_form_button_cancel: \"キャンセル\",\n snippet_form_button_save: \"スニペットを保存\",\n snippet_form_button_saving: \"保存中...\",\n snippet_detail_back_button: \"リストに戻る\",\n snippet_form_ai_description: \"AIで要約する\",\n no_snippets_found_title: \"スニペットが見つかりませんでした。\",\n no_snippets_found_message:\n \"サイドメニューのボタンを使って新しいものを作成できます。\",\n settings_title: \"設定\",\n settings_api_url_label: \"API URL\",\n settings_api_token_label: \"APIトークン\",\n settings_generate_token_button: \"トークンを生成\",\n settings_save_button: \"保存\",\n theme_toggle_label: \"テーマを変更\",\n language_label: \"言語\",\n language_button_label: \"言語を変更\",\n title_my_snippets: \"私のスニペット\",\n },\n};\nexport default Lang;",[],[107,152,284,292],"796d140a-762e-11f0-9424-0224a6c84d84","Constants.jsx","019895ac-4cfc-7302-8b2b-718ed664c71e",37,["D",1754860242611],"// Configuración\nexport const SNIPPETSCONFIG = \"snippetsConfig\";\nexport const SNIPPETSTHEME = \"snippetstheme\";\nexport const SNIPPETSLANG = \"shippetslanguage\";",[],[107,152,284,300],"ae030964-7628-11f0-81c8-0224a6c84d84","common","019895ac-4cfc-7302-8b2b-6e92bbda50b2",["D",1754857753803],[313,314,315],[107,152,308],{"_36":332,"_13":333,"_62":334,"_64":309,"_65":66,"_67":335,"_69":70,"_38":336,"_17":337,"_73":131,"_74":338,"_76":53,"_77":-5,"_93":339,"_18":340},{"_36":324,"_13":325,"_62":326,"_64":309,"_65":66,"_67":327,"_69":70,"_38":328,"_17":91,"_73":131,"_74":329,"_76":53,"_77":-5,"_93":330,"_18":331},{"_36":316,"_13":317,"_62":318,"_64":309,"_65":66,"_67":319,"_69":70,"_38":320,"_17":230,"_73":131,"_74":321,"_76":53,"_77":-5,"_93":322,"_18":323},"58330924-7715-11f0-bbc5-0224a6c84d84","Ui.jsx","01db8010-7715-11f0-97aa-0224a6c84d84",175,["D",1754959400614],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\nexport const Button = (props) => {\n return (\n \n {props.children}\n \n );\n};\n\nexport const CloseBtn = (props) => {\n return (\n \n ×\n \n );\n};\n\nexport const Label = (props) => {\n return (\n \n {props.title}\n \n );\n};\n\nexport const SelectF = (props) => {\n return (\n \n {props.children}\n \n );\n};\n\nexport const InputF = (props) => {\n return (\n \n );\n};\n\nexport const TextAreaF = (props) => {\n return (\n \n \n );\n};\n\nexport const CardDialog = (props) => {\n return (\n

{props.title}

\n \n

{props.children}

\n );\n};",[],[107,152,308,317],"d0ba5ffa-771f-11f0-a3f2-0224a6c84d84","Preloader.jsx","b43d30b4-771f-11f0-a61d-0224a6c84d84",202,["D",1754963897792],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useRef } from \"https://esm.sh/react@18.2.0\";'react';\n\nconst frames = [\"⠋\", \"⠙\", \"⠹\", \"⠸\", \"⠼\", \"⠴\", \"⠦\", \"⠧\", \"⠇\", \"⠏\"];\n\nconst Preloader = ({ loading = false }) => {\n const [frameIndex, setFrameIndex] = useState(0);\n const intervalRef = useRef(null);\n\n useEffect(() => {\n // If loading is true, start the animation\n if (loading) {\n intervalRef.current = setInterval(() => {\n setFrameIndex(prevIndex => (prevIndex + 1) % frames.length);\n }, 100);\n }\n\n // Clean-up function to stop the interval when the component unmounts or loading becomes false\n return () => {\n if (intervalRef.current) {\n clearInterval(intervalRef.current);\n }\n };\n }, [loading]); // Re-run this effect when the loading prop changes\n\n // Don't render anything if not loading\n if (!loading) {\n return null;\n }\n\n return (\n \n {frames[frameIndex]} Cargando datos...\n \n );\n};\n\nexport default Preloader;",[],[107,152,308,325],"168740b8-83ad-11f0-b26d-0224a6c84d84","Icons.jsx","7c3005d6-762d-11f0-ad69-0224a6c84d84",210,["D",1756343987891],9,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\n// XMarkIcon\nexport const XMarkIcon = (props) => (\n \n \n \n);\n\n// PlusIcon\nexport const PlusIcon = (props) => (\n \n \n \n);\n\n// Cog6ToothIcon\nexport const Cog6ToothIcon = (props) => (\n \n \n \n \n \n \n);\n\n// PencilIcon\nexport const PencilIcon = (props) => (\n \n \n \n \n);\n\n// DocumentDuplicateIcon\nexport const DocumentDuplicateIcon = (props) => (\n \n \n \n \n);\n\n// TrashIcon\nexport const TrashIcon = (props) => (\n \n \n \n);\n\n// SunIcon\nexport const SunIcon = (props) => (\n \n \n \n);\n\n// MoonIcon\nexport const MoonIcon = (props) => (\n \n \n \n);\n\n// EllipsisVerticalIcon\nexport const EllipsisVerticalIcon = (props) => (\n \n \n \n \n \n);",[],[107,152,308,333],"ae02fb04-7628-11f0-81c8-0224a6c84d84","backend","019895ac-4cfc-7302-8b2b-5a81a9179d82",["D",1754857753803],[347],[342],{"_36":348,"_13":349,"_62":350,"_64":343,"_65":66,"_67":68,"_69":70,"_38":351,"_17":72,"_73":352,"_74":353,"_76":53,"_77":-5,"_93":354,"_18":355},"ae02f582-7628-11f0-81c8-0224a6c84d84","index.ts","019895ac-4cfc-7302-8b2b-54280e16da9b",["D",1754857753803],"http","import { serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", async c => {\n return serveFile(\"/frontend/index.html\", import.meta.url);\n});\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Add your API routes here\n// app.get(\"/api/data\", c => c.json({ hello: \"world\" }));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err, c) => {\n throw err;\n});\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;",[],[342,349],"ae02f32a-7628-11f0-81c8-0224a6c84d84",".vt","019895ac-4cfc-7302-8b2b-53e3e3353b21",["D",1754857753803],[],[357],"ae02ebe6-7628-11f0-81c8-0224a6c84d84",".vscode","019895ac-4cfc-7302-8b2b-4e15f941f316",["D",1754857753803],[],[363],"adfa8992-7628-11f0-81c8-0224a6c84d84",["D",1754857753803],"legacyEnvVars","httpPrivacy","description","App to save snippets","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/c08cc94f-40df-42e7-10b9-09e73d16e800/square512?exp=1789541999&sig=8bf020c613fc1f346824e5cd54ef724480e9f0ddd8837eeb48aad8b895b928b0","userId","eb08d5b0-4f53-11f0-babe-cd8177b6b491","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_412":408},"org",{"_11":12,"_406":-5,"_407":408,"_376":377,"_409":410,"_411":53},"branch",{"_17":138,"_13":16,"_36":66,"_42":368,"_45":37,"_47":402,"_403":55,"_404":43,"_405":58,"_59":14,"_56":12},263,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ6QmJQY1E4aW5WbkRzNXBrNmpGRkNtUkdsZSJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":368,"_13":14,"_38":551,"_51":-5,"_370":53,"_54":55,"_371":55,"_372":373,"_374":375,"_376":377,"_378":350,"_379":70,"_380":70,"_381":-5,"_382":72,"_57":58,"_383":-5,"_384":-5,"_385":-5,"_386":-5,"_387":388,"_389":388,"_390":391,"_392":391,"_393":391,"_394":388,"_395":388,"_396":552,"_398":553,"_400":554,"_52":53},[449,450,451,453,480,481,482],"files",[449,450,451,452,453,454,455,456,457,458,459,460,461,462,463,464,465,466,467,468,469,470,471,472,473,474,475,476,477,478,479,480,481,482],"counts",{"_440":72,"_441":68,"_442":72,"_35":443,"_444":445},[],{"_36":61,"_13":19,"_62":63,"_64":-5,"_65":66,"_67":68,"_69":70,"_38":71,"_17":72,"_73":24,"_74":75,"_76":53,"_77":-5,"_18":439},"upstreamProject",{"_36":43,"_13":60,"_372":436,"_374":437,"_54":55,"_396":438},"upstreamBranch",{"_36":37,"_38":434,"_40":435,"_13":16,"_42":43,"_17":44,"_45":46,"_47":48,"_49":50,"_51":-5,"_52":53,"_54":55,"_56":12,"_57":58,"_59":60},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1752143270430],["D",1762690669131],"Editor de tickets básico","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/797810df-c904-439b-67a6-785702ce8e00/square512?exp=1789541999&sig=7c21aa1295eda177168e7d7d11e0356235ecfee6f7efd7dd4d305f15ae415c3e",{"_11":12,"_412":408},[19],"pulls","branches","forks",{"_446":72,"_448":72},"connections",{"_446":72,"_447":72},"count","unfilledCount","emptyCount",{"_36":362,"_13":363,"_62":364,"_64":-5,"_65":66,"_67":68,"_69":70,"_38":365,"_17":72,"_73":110,"_74":-5,"_76":53,"_77":-5,"_93":549,"_18":550},{"_36":356,"_13":357,"_62":358,"_64":-5,"_65":66,"_67":68,"_69":70,"_38":359,"_17":72,"_73":110,"_74":-5,"_76":53,"_77":-5,"_93":547,"_18":548},{"_36":341,"_13":342,"_62":343,"_64":-5,"_65":66,"_67":68,"_69":70,"_38":344,"_17":72,"_73":110,"_74":-5,"_76":53,"_77":-5,"_93":545,"_18":546},{"_36":348,"_13":349,"_62":350,"_64":343,"_65":66,"_67":68,"_69":70,"_38":351,"_17":72,"_73":352,"_74":353,"_76":53,"_77":-5,"_93":543,"_18":544},{"_36":106,"_13":107,"_62":108,"_64":-5,"_65":66,"_67":68,"_69":70,"_38":109,"_17":72,"_73":110,"_74":-5,"_76":53,"_77":-5,"_93":541,"_18":542},{"_36":151,"_13":152,"_62":153,"_64":108,"_65":66,"_67":68,"_69":70,"_38":154,"_17":72,"_73":110,"_74":-5,"_76":53,"_77":-5,"_93":539,"_18":540},{"_36":307,"_13":308,"_62":309,"_64":153,"_65":66,"_67":68,"_69":70,"_38":310,"_17":72,"_73":110,"_74":-5,"_76":53,"_77":-5,"_93":537,"_18":538},{"_36":332,"_13":333,"_62":334,"_64":309,"_65":66,"_67":335,"_69":70,"_38":336,"_17":337,"_73":131,"_74":338,"_76":53,"_77":-5,"_93":535,"_18":536},{"_36":324,"_13":325,"_62":326,"_64":309,"_65":66,"_67":327,"_69":70,"_38":328,"_17":91,"_73":131,"_74":329,"_76":53,"_77":-5,"_93":533,"_18":534},{"_36":316,"_13":317,"_62":318,"_64":309,"_65":66,"_67":319,"_69":70,"_38":320,"_17":230,"_73":131,"_74":321,"_76":53,"_77":-5,"_93":531,"_18":532},{"_36":283,"_13":284,"_62":285,"_64":153,"_65":66,"_67":68,"_69":70,"_38":286,"_17":72,"_73":110,"_74":-5,"_76":53,"_77":-5,"_93":529,"_18":530},{"_36":299,"_13":300,"_62":301,"_64":285,"_65":66,"_67":302,"_69":70,"_38":303,"_17":68,"_73":131,"_74":304,"_76":53,"_77":-5,"_93":527,"_18":528},{"_36":291,"_13":292,"_62":293,"_64":285,"_65":66,"_67":294,"_69":70,"_38":295,"_17":123,"_73":131,"_74":296,"_76":53,"_77":-5,"_93":525,"_18":526},{"_36":240,"_13":241,"_62":242,"_64":153,"_65":66,"_67":68,"_69":70,"_38":243,"_17":72,"_73":110,"_74":-5,"_76":53,"_77":-5,"_93":523,"_18":524},{"_36":275,"_13":276,"_62":277,"_64":242,"_65":66,"_67":278,"_69":70,"_38":279,"_17":91,"_73":131,"_74":280,"_76":53,"_77":-5,"_93":521,"_18":522},{"_36":266,"_13":267,"_62":268,"_64":242,"_65":66,"_67":269,"_69":70,"_38":270,"_17":271,"_73":131,"_74":272,"_76":53,"_77":-5,"_93":519,"_18":520},{"_36":258,"_13":259,"_62":260,"_64":242,"_65":66,"_67":261,"_69":70,"_38":262,"_17":230,"_73":131,"_74":263,"_76":53,"_77":-5,"_93":517,"_18":518},{"_36":250,"_13":251,"_62":252,"_64":242,"_65":66,"_67":253,"_69":70,"_38":254,"_17":230,"_73":131,"_74":255,"_76":53,"_77":-5,"_93":515,"_18":516},{"_36":234,"_13":235,"_62":236,"_64":153,"_65":66,"_67":68,"_69":70,"_38":237,"_17":72,"_73":110,"_74":-5,"_76":53,"_77":-5,"_93":513,"_18":514},{"_36":179,"_13":180,"_62":181,"_64":153,"_65":66,"_67":68,"_69":70,"_38":182,"_17":72,"_73":110,"_74":-5,"_76":53,"_77":-5,"_93":511,"_18":512},{"_36":225,"_13":226,"_62":227,"_64":181,"_65":66,"_67":228,"_69":70,"_38":229,"_17":230,"_73":131,"_74":231,"_76":53,"_77":-5,"_93":509,"_18":510},{"_36":216,"_13":217,"_62":218,"_64":181,"_65":66,"_67":219,"_69":70,"_38":220,"_17":221,"_73":131,"_74":222,"_76":53,"_77":-5,"_93":507,"_18":508},{"_36":207,"_13":208,"_62":209,"_64":181,"_65":66,"_67":210,"_69":70,"_38":211,"_17":212,"_73":131,"_74":213,"_76":53,"_77":-5,"_93":505,"_18":506},{"_36":198,"_13":199,"_62":200,"_64":181,"_65":66,"_67":201,"_69":70,"_38":202,"_17":203,"_73":131,"_74":204,"_76":53,"_77":-5,"_93":503,"_18":504},{"_36":190,"_13":191,"_62":192,"_64":181,"_65":66,"_67":193,"_69":70,"_38":194,"_17":91,"_73":131,"_74":195,"_76":53,"_77":-5,"_93":501,"_18":502},{"_36":173,"_13":174,"_62":175,"_64":153,"_65":66,"_67":68,"_69":70,"_38":176,"_17":72,"_73":110,"_74":-5,"_76":53,"_77":-5,"_93":499,"_18":500},{"_36":164,"_13":165,"_62":166,"_64":153,"_65":66,"_67":167,"_69":70,"_38":168,"_17":169,"_73":131,"_74":170,"_76":53,"_77":-5,"_93":497,"_18":498},{"_36":144,"_13":145,"_62":146,"_64":108,"_65":66,"_67":68,"_69":70,"_38":147,"_17":72,"_73":24,"_74":148,"_76":53,"_77":-5,"_93":495,"_18":496},{"_36":135,"_13":136,"_62":137,"_64":108,"_65":66,"_67":138,"_69":70,"_38":139,"_17":140,"_73":24,"_74":141,"_76":53,"_77":-5,"_93":493,"_18":494},{"_36":127,"_13":128,"_62":129,"_64":108,"_65":66,"_67":68,"_69":70,"_38":130,"_17":72,"_73":131,"_74":132,"_76":53,"_77":-5,"_93":491,"_18":492},{"_36":118,"_13":119,"_62":120,"_64":108,"_65":66,"_67":121,"_69":70,"_38":122,"_17":123,"_73":24,"_74":124,"_76":53,"_77":-5,"_93":489,"_18":490},{"_36":61,"_13":19,"_62":63,"_64":-5,"_65":66,"_67":68,"_69":70,"_38":103,"_17":72,"_73":24,"_74":75,"_76":53,"_77":-5,"_93":487,"_18":488},{"_36":96,"_13":97,"_62":98,"_64":-5,"_65":66,"_67":68,"_69":70,"_38":99,"_17":72,"_73":24,"_74":100,"_76":53,"_77":-5,"_93":485,"_18":486},{"_36":86,"_13":87,"_62":88,"_64":-5,"_65":66,"_67":89,"_69":70,"_38":90,"_17":91,"_73":24,"_74":92,"_76":53,"_77":-5,"_93":483,"_18":484},[],[87],[],[97],[],[19],[],[107,119],[],[107,128],[],[107,136],[],[107,145],[],[107,152,165],[],[107,152,174],[],[107,152,180,191],[],[107,152,180,199],[],[107,152,180,208],[],[107,152,180,217],[],[107,152,180,226],[469,470,471,472,473],[107,152,180],[],[107,152,235],[],[107,152,241,251],[],[107,152,241,259],[],[107,152,241,267],[],[107,152,241,276],[463,464,465,466],[107,152,241],[],[107,152,284,292],[],[107,152,284,300],[460,461],[107,152,284],[],[107,152,308,317],[],[107,152,308,325],[],[107,152,308,333],[456,457,458],[107,152,308],[455,459,462,467,468,474,475],[107,152],[454,476,477,478,479],[107],[],[342,349],[452],[342],[],[357],[],[363],["D",1754857753803],{"_11":12,"_412":408},{"_11":12,"_406":-5,"_407":408,"_376":377,"_409":410,"_411":53},{"_17":138,"_13":16,"_36":66,"_42":368,"_45":37,"_47":402,"_403":55,"_404":43,"_405":58,"_59":14,"_56":12},"ctx",{"_396":-5,"_431":588,"_589":590,"_591":592,"_593":53,"_594":53,"_595":53,"_596":70,"_597":-5,"_598":-7,"_599":-7,"_600":72,"_601":53,"_602":53,"_603":-5,"_604":53,"_605":53,"_606":53,"_607":-5},"ENV",{"_559":560,"_561":562,"_563":16,"_564":565,"_566":567,"_568":569,"_570":571,"_572":573,"_574":575,"_576":577,"_578":579,"_580":581,"_582":583,"_584":585,"_586":587},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]