\n setFilters({ ...filters, search: e.target.value })}\n />\n setFilters({ ...filters, status: e.target.value })}\n >\n \n {TICKET_STATUSES.map((status) => (\n \n ))}\n \n setFilters({ ...filters, priority: e.target.value })}\n >\n \n {TICKET_PRIORITIES.map((priority) => (\n \n ))}\n \n

\n setLanguage(e.target.value)}\n >\n \n \n \n \n setIsDarkMode(!isDarkMode)}\n cls=\"hover:bg-gray-200 dark:hover:bg-gray-700\"\n aria-label={lang[currentLang].toggleDarkMode}\n >\n {isDarkMode ? ICONS.sun : ICONS.moon}\n \n setModal({ type: \"settings\" })}\n cls=\"hover:bg-gray-200 dark:hover:bg-gray-700\"\n aria-label={lang[currentLang].openSettings}\n >\n {ICONS.settings}\n \n setModal({ type: \"newTicket\" })}\n className=\"hover:bg-gray-200 dark:hover:bg-gray-700\"\n aria-label={lang[currentLang].createNewTicket}\n >\n {ICONS.plusCircle}\n \n setModal({ type: \"help\" })}\n className=\"hover:bg-gray-200 dark:hover:bg-gray-700\"\n aria-label={lang[currentLang].openHelp}\n >\n {ICONS.helpCircle}\n \n

\n );\n};\n\nexport default Header;",[],[201,207,214,221],{"_102":231,"_95":232,"_157":233,"_159":215,"_160":138,"_161":234,"_163":164,"_104":235,"_99":236,"_166":226,"_168":237,"_169":22,"_170":-5,"_171":238,"_98":239},"112821f8-7626-11f0-9827-0224a6c84d84","TicketCard.jsx","0f4f5c58-7625-11f0-a62f-0224a6c84d84",255,["D",1754856631704],3,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\nimport { Button, SelectF } from \"./Ui.jsx\";\nimport { TICKET_STATUSES } from \"../config/Constants.jsx\";\n\nconst TicketCard = ({\n ticket,\n lang,\n currentLang,\n getPriorityClass,\n getStatusClass,\n getStatusTxtClass,\n onEdit,\n onDelete,\n onStatusChange,\n}) => {\n return (\n \n

{ticket.title}

\n {ticket.description}\n

\n {lang[currentLang].ticketId} {ticket.id}\n

\n {lang[currentLang].ticketPriority}{\" \"}\n \n {ticket.priority}\n \n

\n {lang[currentLang].ticketStatus}{\" \"}\n \n {ticket.status}\n \n

\n {lang[currentLang].ticketCreated}{\" \"}\n {new Date(ticket.created).toLocaleString()}\n

\n {ticket.updated && (\n

\n {lang[currentLang].ticketUpdated}{\" \"}\n {new Date(ticket.updated).toLocaleString()}\n

\n )}\n

\n onEdit(ticket)}\n >\n {lang[currentLang].edit}\n \n onDelete(ticket)}\n >\n {lang[currentLang].delete}\n \n

\n onStatusChange(ticket, e.target.value)}\n >\n {TICKET_STATUSES.map((status) => (\n \n ))}\n \n

\n \n );\n};\n\nexport default TicketCard;",[],[201,207,214,232],{"_102":241,"_95":242,"_157":243,"_159":215,"_160":138,"_161":244,"_163":164,"_104":245,"_99":236,"_166":226,"_168":246,"_169":22,"_170":-5,"_171":247,"_98":248},"197570ea-7626-11f0-a08d-0224a6c84d84","Toast.jsx","1f2ae854-7625-11f0-a334-0224a6c84d84",257,["D",1754856645634],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { ICONS } from \"../config/Icons.jsx\";\n\nexport const Toast = ({ message, type, onClose }) => {\n const [isVisible, setIsVisible] = useState(true);\n\n useEffect(() => {\n const timer = setTimeout(() => {\n setIsVisible(false);\n setTimeout(onClose, 400); // Esperar a que termine la animación\n }, 4000);\n\n return () => clearTimeout(timer);\n }, [onClose]);\n\n const baseClass =\n `fixed bottom-5 right-5 z-50 p-4 bg-slate-800 text-slate-50 rounded-sm shadow-lg flex items-center gap-3 transition-transform duration-400 ease-in-out border p-2 rounded-none font-medium`;\n const typeClass = type === \"success\"\n ? \"border-b-0 border-l-4 border-r-0 border-t-0 border-green-500\"\n : type === \"error\"\n ? \"border-b-0 border-l-4 border-r-0 border-t-0 border-red-500\"\n : \"border-b-0 border-l-4 border-r-0 border-t-0 border-blue-500\";\n const positionClass = isVisible\n ? \"transform translate-x-0\"\n : \"transform translate-x-full\";\n\n const icon = ICONS[\n type === \"success\" ? \"checkCircle\" : type === \"error\" ? \"xCircle\" : \"info\"\n ];\n\n return (\n

\n {icon}\n

{message}

\n );\n};",[],[201,207,214,242],{"_102":250,"_95":251,"_157":252,"_159":215,"_160":138,"_161":253,"_163":164,"_104":254,"_99":255,"_166":226,"_168":256,"_169":22,"_170":-5,"_171":257,"_98":258},"2f8b9acc-7625-11f0-907d-0224a6c84d84","Ui.jsx","287e97c0-7625-11f0-91d1-0224a6c84d84",218,["D",1754856253191],2,"/** @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};",[],[201,207,214,251],[201,207,214],{"_102":261,"_95":262,"_157":263,"_159":208,"_160":138,"_161":264,"_163":164,"_104":265,"_99":186,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":266,"_98":294},"dd438356-7624-11f0-8396-0224a6c84d84","config","dbe1cb3a-7624-11f0-ade8-0224a6c84d84",195,["D",1754856115147],[267,276,285],{"_102":268,"_95":269,"_157":270,"_159":263,"_160":138,"_161":271,"_163":164,"_104":272,"_99":255,"_166":226,"_168":273,"_169":22,"_170":-5,"_171":274,"_98":275},"3c2b2874-7625-11f0-a44f-0224a6c84d84","Constants.jsx","35ce3624-7625-11f0-907d-0224a6c84d84",221,["D",1754856274368],"export const TICKET_PRIORITIES = [\"Baja\", \"Media\", \"Alta\", \"Crítica\"];\nexport const TICKET_STATUSES = [\n \"Abierto\",\n \"En Progreso\",\n \"Pendiente\",\n \"Resuelto\",\n \"Cerrado\",\n];\n\nexport const TICKETURL = \"ticket_url\";\nexport const TICKETOKEN = \"ticket_token\";\nexport const TICKETHEME = \"ticket_theme\";\nexport const TICKELANG = \"ticket_lang\";",[],[201,207,262,269],{"_102":277,"_95":278,"_157":279,"_159":263,"_160":138,"_161":280,"_163":164,"_104":281,"_99":255,"_166":226,"_168":282,"_169":22,"_170":-5,"_171":283,"_98":284},"47a6c384-7625-11f0-928d-0224a6c84d84","Icons.jsx","414536a6-7625-11f0-b590-0224a6c84d84",224,["D",1754856293632],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\n// Mapeo de nombres de iconos a su código SVG\nexport const ICONS = {\n moon: (\n \n \n \n \n ),\n sun: (\n \n \n \n \n \n \n \n \n \n \n \n ),\n settings: (\n \n \n \n \n \n ),\n plusCircle: (\n \n \n \n \n \n ),\n helpCircle: (\n \n \n \n \n \n ),\n checkCircle: (\n \n \n \n \n ),\n xCircle: (\n \n \n \n \n ),\n info: (\n \n \n \n \n ),\n};",[],[201,207,262,278],{"_102":286,"_95":287,"_157":288,"_159":263,"_160":138,"_161":289,"_163":164,"_104":290,"_99":255,"_166":226,"_168":291,"_169":22,"_170":-5,"_171":292,"_98":293},"51b1a68c-7625-11f0-a374-0224a6c84d84","Lang.jsx","4b74fd50-7625-11f0-91d1-0224a6c84d84",227,["D",1754856310484],"// Objeto de idiomas con los textos de la aplicación\nexport const lang = {\n es: {\n search: \"Buscar:\",\n searchPlaceholder: \"Buscar por título o ID...\",\n status: \"Estado:\",\n priority: \"Prioridad:\",\n all: \"Todos\",\n allPriorities: \"Todas\",\n toggleDarkMode: \"Cambiar modo oscuro\",\n openSettings: \"Abrir ajustes\",\n createNewTicket: \"Crear nuevo ticket\",\n openHelp: \"Abrir guía de ayuda\",\n systemTitle: \"Sistema de Gestión de Tickets\",\n existingTickets: \"Tickets Existentes\",\n loadingTickets: \"Cargando tickets...\",\n noTickets: \"No hay tickets disponibles. ¡Crea uno nuevo!\",\n ticketId: \"ID:\",\n ticketPriority: \"Prioridad:\",\n ticketStatus: \"Estado:\",\n ticketCreated: \"Creado:\",\n ticketUpdated: \"Actualizado:\",\n edit: \"Editar\",\n delete: \"Eliminar\",\n confirmDelete: \"¿Estás seguro de que deseas eliminar este ticket?\",\n newTicketTitle: \"Crear Nuevo Ticket\",\n newTicketButton: \"Añadir Ticket\",\n editTicketTitle: \"Editar Ticket\",\n editTicketButton: \"Guardar Cambios\",\n cancel: \"Cancelar\",\n titleLabel: \"Título\",\n descriptionLabel: \"Descripción\",\n saveApiSettings: \"Guardar Configuración\",\n apiSettingsTitle: \"Ajustes de la Aplicación\",\n apiSettingsSubtitle: \"Configuración de la API\",\n apiUrl: \"URL de la API\",\n apiToken: \"Token de Autenticación\",\n apiUrlPlaceholder: \"https://tu-api.com/tickets\",\n apiTokenPlaceholder: \"Tu-Token-API-secreto\",\n apiSettingsSaved: \"Configuración de la API guardada.\",\n apiSettingsRequired: \"La URL y el token de la API son obligatorios.\",\n ticketAdded: \"Ticket añadido correctamente.\",\n ticketUpdated: \"Ticket actualizado correctamente.\",\n ticketDeleted: \"Ticket eliminado correctamente.\",\n statusChanged: \"El estado del ticket ha cambiado.\",\n apiError: (message) => `Error al conectar con la API: ${message}`,\n apiConfigRequired:\n \"Por favor, configura la URL y el token de la API en Ajustes.\",\n helpGuideTitle: \"Guía de Configuración\",\n helpGuideText1:\n \"Para que tu aplicación de gestión de tickets funcione correctamente, debes configurar la URL de tu API y el token de autenticación en la sección de\",\n helpGuideText2: \" Ajustes de la Aplicación \",\n helpGuideText3:\n \"El formato de la API debe ser compatible con las peticiones que se realizan en esta aplicación. A continuación se detallan las operaciones:\",\n apiOperationsTitle: \"Operaciones de la API\",\n apiGet: \"GET (Obtener todos los tickets):\",\n apiGetUrl: \"GET /?method=get&db={tableName}&all=all\",\n apiGetDesc:\n \"El endpoint debe devolver un objeto con una clave `CONTENT` que contenga un objeto de tickets. Cada ticket debe tener las claves `uid`, `name`, `title`, `description`, `category` (Prioridad), `content` (Estado), `created` y `updated`.\",\n apiPostInsert: \"POST (Crear un nuevo ticket):\",\n apiPostInsertUrl: \"POST /?method=insert&db={tableName}\",\n apiPostInsertDesc:\n \"Se envía un objeto JSON con las propiedades `title`, `description`, `category` y `content`.\",\n apiPostUpdate: \"POST (Actualizar un ticket):\",\n apiPostUpdateUrl: \"POST /?method=update&db={tableName}\",\n apiPostUpdateDesc:\n \"Se envía un objeto JSON con la clave `uid` y las propiedades actualizadas.\",\n apiPostDelete: \"POST (Eliminar un ticket):\",\n apiPostDeleteUrl: \"POST /?method=delete&db={tableName}\",\n apiPostDeleteDesc: \"Se envía un objeto JSON con la clave `uid` y `name`.\",\n language: \"Idioma:\",\n },\n\n en: {\n search: \"Search:\",\n searchPlaceholder: \"Search by title or ID...\",\n status: \"Status:\",\n priority: \"Priority:\",\n all: \"All\",\n allPriorities: \"All\",\n toggleDarkMode: \"Toggle dark mode\",\n openSettings: \"Open settings\",\n createNewTicket: \"Create new ticket\",\n openHelp: \"Open help guide\",\n systemTitle: \"Ticket Management System\",\n existingTickets: \"Existing Tickets\",\n loadingTickets: \"Loading tickets...\",\n noTickets: \"No tickets available. Create a new one!\",\n ticketId: \"ID:\",\n ticketPriority: \"Priority:\",\n ticketStatus: \"Status:\",\n ticketCreated: \"Created:\",\n ticketUpdated: \"Updated:\",\n edit: \"Edit\",\n delete: \"Delete\",\n confirmDelete: \"Are you sure you want to delete this ticket?\",\n newTicketTitle: \"Create New Ticket\",\n newTicketButton: \"Add Ticket\",\n editTicketTitle: \"Edit Ticket\",\n editTicketButton: \"Save Changes\",\n cancel: \"Cancel\",\n titleLabel: \"Title\",\n descriptionLabel: \"Description\",\n saveApiSettings: \"Save Settings\",\n apiSettingsTitle: \"Application Settings\",\n apiSettingsSubtitle: \"API Configuration\",\n apiUrl: \"API URL\",\n apiToken: \"Authentication Token\",\n apiUrlPlaceholder: \"https://your-api.com/tickets\",\n apiTokenPlaceholder: \"Your-Secret-API-Token\",\n apiSettingsSaved: \"API configuration saved.\",\n apiSettingsRequired: \"API URL and token are required.\",\n ticketAdded: \"Ticket added successfully.\",\n ticketUpdated: \"Ticket updated successfully.\",\n ticketDeleted: \"Ticket deleted successfully.\",\n statusChanged: \"Ticket status changed.\",\n apiError: (message) => `Error connecting to API: ${message}`,\n apiConfigRequired: \"Please configure API URL and token in Settings.\",\n helpGuideTitle: \"Configuration Guide\",\n helpGuideText1:\n \"For your ticket management application to work correctly, you must configure your API URL and authentication token in the\",\n helpGuideText2: \"Application Settings\",\n helpGuideText3:\n \"section. The API format must be compatible with the requests made in this application. The operations are detailed below:\",\n apiOperationsTitle: \"API Operations\",\n apiGet: \"GET (Get all tickets):\",\n apiGetUrl: \"GET /?method=get&db={tableName}&all=all\",\n apiGetDesc:\n \"The endpoint must return an object with a `CONTENT` key that contains an object of tickets. Each ticket must have the keys `uid`, `name`, `title`, `description`, `category` (Priority), `content` (Status), `created`, and `updated`.\",\n apiPostInsert: \"POST (Create a new ticket):\",\n apiPostInsertUrl: \"POST /?method=insert&db={tableName}\",\n apiPostInsertDesc:\n \"A JSON object with the `title`, `description`, `category`, and `content` properties is sent.\",\n apiPostUpdate: \"POST (Update a ticket):\",\n apiPostUpdateUrl: \"POST /?method=update&db={tableName}\",\n apiPostUpdateDesc:\n \"A JSON object with the `uid` key and the updated properties is sent.\",\n apiPostDelete: \"POST (Delete a ticket):\",\n apiPostDeleteUrl: \"POST /?method=delete&db={tableName}\",\n apiPostDeleteDesc: \"A JSON object with the `uid` and `name` keys is sent.\",\n language: \"Language:\",\n },\n jp: {\n search: \"検索:\",\n searchPlaceholder: \"タイトルまたはIDで検索...\",\n status: \"ステータス:\",\n priority: \"優先度:\",\n all: \"すべて\",\n allPriorities: \"すべて\",\n toggleDarkMode: \"ダークモードの切り替え\",\n openSettings: \"設定を開く\",\n createNewTicket: \"新しいチケットを作成\",\n openHelp: \"ヘルプガイドを開く\",\n systemTitle: \"チケット管理システム\",\n existingTickets: \"既存のチケット\",\n loadingTickets: \"チケットを読み込み中...\",\n noTickets: \"利用可能なチケットはありません。新しいものを作成してください！\",\n ticketId: \"ID:\",\n ticketPriority: \"優先度:\",\n ticketStatus: \"ステータス:\",\n ticketCreated: \"作成日:\",\n ticketUpdated: \"更新日:\",\n edit: \"編集\",\n delete: \"削除\",\n confirmDelete: \"このチケットを削除してもよろしいですか？\",\n newTicketTitle: \"新しいチケットを作成\",\n newTicketButton: \"チケットを追加\",\n editTicketTitle: \"チケットを編集\",\n editTicketButton: \"変更を保存\",\n cancel: \"キャンセル\",\n titleLabel: \"タイトル\",\n descriptionLabel: \"説明\",\n saveApiSettings: \"設定を保存\",\n apiSettingsTitle: \"アプリケーション設定\",\n apiSettingsSubtitle: \"API設定\",\n apiUrl: \"API URL\",\n apiToken: \"認証トークン\",\n apiUrlPlaceholder: \"https://your-api.com/tickets\",\n apiTokenPlaceholder: \"あなたの秘密のAPIトークン\",\n apiSettingsSaved: \"API設定が保存されました。\",\n apiSettingsRequired: \"API URLとトークンは必須です。\",\n ticketAdded: \"チケットが正常に追加されました。\",\n ticketUpdated: \"チケットが正常に更新されました。\",\n ticketDeleted: \"チケットが正常に削除されました。\",\n statusChanged: \"チケットのステータスが変更されました。\",\n apiError: (message) => `APIへの接続エラー: ${message}`,\n apiConfigRequired: \"設定でAPI URLとトークンを設定してください。\",\n helpGuideTitle: \"設定ガイド\",\n helpGuideText1: \"チケット管理アプリケーションを正しく機能させるには、\",\n helpGuideText2: \"アプリケーション設定\",\n helpGuideText3:\n \"セクションでAPIのURLと認証トークンを設定する必要があります。APIの形式は、このアプリケーションで行われるリクエストと互換性がある必要があります。操作の詳細は以下の通りです：\",\n apiOperationsTitle: \"API操作\",\n apiGet: \"GET (すべてのチケットを取得):\",\n apiGetUrl: \"GET /?method=get&db={tableName}&all=all\",\n apiGetDesc:\n \"エンドポイントは、チケットのオブジェクトを含む `CONTENT` キーを持つオブジェクトを返す必要があります。各チケットには、`uid`、`name`、`title`、`description`、`category`（優先度）、`content`（ステータス）、`created`、`updated`のキーが必要です。\",\n apiPostInsert: \"POST (新しいチケットを作成):\",\n apiPostInsertUrl: \"POST /?method=insert&db={tableName}\",\n apiPostInsertDesc:\n \"プロパティ `title`、`description`、`category`、`content`を含むJSONオブジェクトが送信されます。\",\n apiPostUpdate: \"POST (チケットを更新):\",\n apiPostUpdateUrl: \"POST /?method=update&db={tableName}\",\n apiPostUpdateDesc:\n \"`uid`キーと更新されたプロパティを持つJSONオブジェクトが送信されます。\",\n apiPostDelete: \"POST (チケットを削除):\",\n apiPostDeleteUrl: \"POST /?method=delete&db={tableName}\",\n apiPostDeleteDesc:\n \"`uid`と`name`のキーを持つJSONオブジェクトが送信されます。\",\n language: \"言語:\",\n },\n};",[],[201,207,262,287],[201,207,262],{"_102":296,"_95":297,"_157":298,"_159":208,"_160":138,"_161":299,"_163":164,"_104":300,"_99":186,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":301,"_98":311},"e1b11f2a-7624-11f0-85b0-0224a6c84d84","controllers","df42bcb2-7624-11f0-8176-0224a6c84d84",197,["D",1754856122578],[302],{"_102":303,"_95":304,"_157":305,"_159":298,"_160":138,"_161":306,"_163":164,"_104":307,"_99":255,"_166":226,"_168":308,"_169":22,"_170":-5,"_171":309,"_98":310},"5dd65fa2-7625-11f0-9fab-0224a6c84d84","FetchData.jsx","5739eb14-7625-11f0-ae8a-0224a6c84d84",230,["D",1754856330855],"// Técnica de programación avanzada llamada \"currying\" o \"closure\"\nexport const createApi = (apiConfig, showToast, lang, currentLang) => {\n const fetchData = async (fullUrl, method = \"GET\", data = null) => {\n if (!apiConfig.url || !apiConfig.token) {\n showToast(lang[currentLang].apiConfigRequired, \"error\");\n return null;\n }\n\n const headers = {\n \"Content-Type\": \"application/json\",\n Authorization: `Bearer ${apiConfig.token}`,\n };\n\n const options = { method, headers };\n if (data) options.body = JSON.stringify(data);\n\n try {\n const response = await fetch(fullUrl, options);\n const result = await response.json();\n\n if (response.status === 200 || response.status === 201) {\n return result;\n } else {\n const errorMessage = `Error de la API: ${\n result.STATUS || response.status\n } - ${result.ERROR || \"Error desconocido\"}`;\n showToast(lang[currentLang].apiError(errorMessage), \"error\");\n return null;\n }\n } catch (error) {\n console.error(\"Error de la API:\", error);\n showToast(lang[currentLang].apiError(error.message), \"error\");\n return null;\n }\n };\n return fetchData;\n};",[],[201,207,297,304],[201,207,297],{"_102":313,"_95":314,"_157":315,"_159":208,"_160":138,"_161":316,"_163":164,"_104":317,"_99":186,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":318,"_98":328},"e49b87b6-7624-11f0-b1ff-0224a6c84d84","filter","e3942c92-7624-11f0-97fd-0224a6c84d84",199,["D",1754856127466],[319],{"_102":320,"_95":321,"_157":322,"_159":315,"_160":138,"_161":323,"_163":164,"_104":324,"_99":255,"_166":226,"_168":325,"_169":22,"_170":-5,"_171":326,"_98":327},"6ffec84a-7625-11f0-ad74-0224a6c84d84","FilteredTickets.jsx","654287e8-7625-11f0-ad74-0224a6c84d84",233,["D",1754856361321],"const filteredTickets = (tickets, filters) =>\n tickets\n .filter(\n (ticket) =>\n (filters.status === \"Todos\" || ticket.status === filters.status) &&\n (filters.priority === \"Todas\" ||\n ticket.priority === filters.priority) &&\n (ticket.title.toLowerCase().includes(filters.search.toLowerCase()) ||\n ticket.id.toLowerCase().includes(filters.search.toLowerCase())),\n )\n .sort((a, b) => new Date(b.created) - new Date(a.created));\n\nexport default filteredTickets;",[],[201,207,314,321],[201,207,314],{"_102":330,"_95":331,"_157":332,"_159":208,"_160":138,"_161":333,"_163":164,"_104":334,"_99":186,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":335,"_98":372},"e81eefc2-7624-11f0-adf4-0224a6c84d84","modals","e6a3b09c-7624-11f0-8f22-0224a6c84d84",201,["D",1754856133362],[336,345,354,363],{"_102":337,"_95":338,"_157":339,"_159":332,"_160":138,"_161":340,"_163":164,"_104":341,"_99":236,"_166":226,"_168":342,"_169":22,"_170":-5,"_171":343,"_98":344},"29aee89c-7626-11f0-a08d-0224a6c84d84","EditTicketModal.jsx","7656b8b0-7625-11f0-9fab-0224a6c84d84",258,["D",1754856672854],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\nimport {\n Button,\n CardDialog,\n InputF,\n Label,\n SelectF,\n TextAreaF,\n} from \"../common/Ui.jsx\";\nimport { TICKET_PRIORITIES, TICKET_STATUSES } from \"../config/Constants.jsx\";\nimport { lang } from \"../config/Lang.jsx\";\n\nconst EditTicketModal = ({ ticket, onClose, onSubmit, currentLang }) => {\n if (!ticket) return null; // Previene errores si no se pasa un ticket\n\n return (\n \n \n \n );\n};\n\nexport default EditTicketModal;",[],[201,207,331,338],{"_102":346,"_95":347,"_157":348,"_159":332,"_160":138,"_161":349,"_163":164,"_104":350,"_99":236,"_166":226,"_168":351,"_169":22,"_170":-5,"_171":352,"_98":353},"2e7ccc04-7626-11f0-91c1-0224a6c84d84","HelpModal.jsx","880a0b48-7625-11f0-ae8a-0224a6c84d84",259,["D",1754856680914],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\nimport { CardDialog } from \"../common/Ui.jsx\";\nimport { lang } from \"../config/Lang.jsx\";\n\nconst HelpModal = ({ onClose, currentLang }) => {\n return (\n \n

\n {lang[currentLang].helpGuideText1}\n \n {lang[currentLang].helpGuideText2}\n \n {lang[currentLang].helpGuideText3}\n

\n {lang[currentLang].apiOperationsTitle}\n

\n {lang[currentLang].apiGet}{\" \"}\n {lang[currentLang].apiGetUrl}\n
\n {lang[currentLang].apiGetDesc}\n
\n
\n {lang[currentLang].apiPostInsert}{\" \"}\n {lang[currentLang].apiPostInsertUrl}\n
\n {lang[currentLang].apiPostInsertDesc}\n
\n
\n {lang[currentLang].apiPostUpdate}{\" \"}\n {lang[currentLang].apiPostUpdateUrl}\n
\n {lang[currentLang].apiPostUpdateDesc}\n
\n
\n {lang[currentLang].apiPostDelete}{\" \"}\n {lang[currentLang].apiPostDeleteUrl}\n
\n {lang[currentLang].apiPostDeleteDesc}\n
\n

\n \n );\n};\n\nexport default HelpModal;",[],[201,207,331,347],{"_102":355,"_95":356,"_157":357,"_159":332,"_160":138,"_161":358,"_163":164,"_104":359,"_99":255,"_166":226,"_168":360,"_169":22,"_170":-5,"_171":361,"_98":362},"337a7f1c-7626-11f0-b53c-0224a6c84d84","NewTicketModal.jsx","9546828c-7625-11f0-b06c-0224a6c84d84",260,["D",1754856689286],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\nimport {\n Button,\n CardDialog,\n InputF,\n Label,\n SelectF,\n TextAreaF,\n} from \"../common/Ui.jsx\";\nimport { TICKET_PRIORITIES, TICKET_STATUSES } from \"../config/Constants.jsx\";\nimport { lang } from \"../config/Lang.jsx\";\n\nconst NewTicketModal = ({ onClose, onSubmit, currentLang }) => {\n return (\n \n \n \n );\n};\n\nexport default NewTicketModal;",[],[201,207,331,356],{"_102":364,"_95":365,"_157":366,"_159":332,"_160":138,"_161":367,"_163":164,"_104":368,"_99":236,"_166":226,"_168":369,"_169":22,"_170":-5,"_171":370,"_98":371},"37f80780-7626-11f0-9827-0224a6c84d84","SettingsModal.jsx","a36adfde-7625-11f0-97ec-0224a6c84d84",261,["D",1754856696821],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { Button, CardDialog, InputF, Label } from \"../common/Ui.jsx\";\nimport { lang } from \"../config/Lang.jsx\";\n\nconst SettingsModal = ({ onClose, onSave, apiConfig, currentLang }) => {\n const [apiSettings, setApiSettings] = React.useState(apiConfig);\n\n const handleChange = (e) => {\n setApiSettings({\n ...apiSettings,\n [e.target.id === \"api-url\" ? \"url\" : \"token\"]: e.target.value,\n });\n };\n\n const handleSave = () => {\n onSave(apiSettings);\n onClose();\n };\n\n return (\n \n

\n {lang[currentLang].apiSettingsSubtitle}\n

\n \n \n

\n \n {lang[currentLang].saveApiSettings}\n \n \n {lang[currentLang].cancel}\n \n

\n \n );\n};\n\nexport default SettingsModal;",[],[201,207,331,365],[201,207,331],{"_102":374,"_95":375,"_157":376,"_159":208,"_160":138,"_161":377,"_163":164,"_104":378,"_99":186,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":379,"_98":407},"f114af72-7624-11f0-9809-0224a6c84d84","status","eb53bcd6-7624-11f0-bc03-0224a6c84d84",203,["D",1754856148391],[380,389,398],{"_102":381,"_95":382,"_157":383,"_159":376,"_160":138,"_161":384,"_163":164,"_104":385,"_99":255,"_166":226,"_168":386,"_169":22,"_170":-5,"_171":387,"_98":388},"d6416900-7625-11f0-b7cd-0224a6c84d84","GetPriorityClass.jsx","bb86fe90-7625-11f0-87bf-0224a6c84d84",251,["D",1754856532888],"const getPriorityClass = (priority) => {\n const colors = {\n Crítica: \"text-red-500 font-bold\",\n Alta: \"text-yellow-500 font-semibold\",\n Media: \"text-blue-500\",\n Baja: \"text-green-500\",\n };\n return colors[priority] || \"text-gray-500\";\n};\n\nexport default getPriorityClass;",[],[201,207,375,382],{"_102":390,"_95":391,"_157":392,"_159":376,"_160":138,"_161":393,"_163":164,"_104":394,"_99":255,"_166":226,"_168":395,"_169":22,"_170":-5,"_171":396,"_98":397},"db63b028-7625-11f0-928d-0224a6c84d84","GetStatusClass.jsx","c3a29878-7625-11f0-8872-0224a6c84d84",252,["D",1754856541496],"const getStatusClass = (status) => {\n const base = \"border-t-5 p-5 rounded-sm shadow-md\";\n const colors = {\n Abierto: \"border-blue-500\",\n \"En Progreso\": \"border-yellow-500\",\n Pendiente: \"border-indigo-500\",\n Resuelto: \"border-green-500\",\n Cerrado: \"border-gray-500\",\n };\n return `${base} ${colors[status] || \"border-gray-300\"}`;\n};\n\nexport default getStatusClass;",[],[201,207,375,391],{"_102":399,"_95":400,"_157":401,"_159":376,"_160":138,"_161":402,"_163":164,"_104":403,"_99":255,"_166":226,"_168":404,"_169":22,"_170":-5,"_171":405,"_98":406},"e11693f0-7625-11f0-ae8a-0224a6c84d84","GetStatusTxtClass.jsx","cd5f5414-7625-11f0-b457-0224a6c84d84",253,["D",1754856551059],"const getStatusTxtClass = (status) => {\n const base = \"font-bold\";\n const colors = {\n Abierto: \"text-blue-500\",\n \"En Progreso\": \"text-yellow-500\",\n Pendiente: \"text-indigo-500\",\n Resuelto: \"text-green-500\",\n Cerrado: \"text-gray-500\",\n };\n return `${base} ${colors[status] || \"border-gray-300\"}`;\n};\n\nexport default getStatusTxtClass;",[],[201,207,375,400],[201,207,375],{"_102":409,"_95":410,"_157":411,"_159":208,"_160":138,"_161":412,"_163":164,"_104":413,"_99":236,"_166":226,"_168":414,"_169":22,"_170":-5,"_171":415,"_98":416},"3ae334e2-7626-11f0-8716-0224a6c84d84","App.jsx","f3c03c64-7624-11f0-9d35-0224a6c84d84",262,["D",1754856701717],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useMemo, useState } from \"https://esm.sh/react@18.2.0\";\nimport { Toast } from \"./common/Toast.jsx\";\nimport { lang } from \"./config/Lang.jsx\";\n// Constants\nimport {\n TICKELANG,\n TICKETHEME,\n TICKETOKEN,\n TICKETURL,\n} from \"./config/Constants.jsx\";\n\n// Api\nimport { createApi } from \"./controllers/FetchData.jsx\";\n\n// Status\nimport getStatusClass from \"./status/GetStatusClass.jsx\";\nimport getPriorityClass from \"./status/GetPriorityClass.jsx\";\nimport getStatusTxtClass from \"./status/GetStatusTxtClass.jsx\";\nimport filteredTickets from \"./filter/FilteredTickets.jsx\";\n\n// Common\nimport Header from \"./common/Header.jsx\";\nimport TicketCard from \"./common/TicketCard.jsx\";\n\n// Modal\nimport NewTicketModal from \"./modals/NewTicketModal.jsx\";\nimport EditTicketModal from \"./modals/EditTicketModal.jsx\";\nimport SettingsModal from \"./modals/SettingsModal.jsx\";\nimport HelpModal from \"./modals/HelpModal.jsx\";\n\nconst App = () => {\n const [tickets, setTickets] = useState([]);\n\n // Aquí se guardaran los datos de la configuración de la API\n const [apiConfig, setApiConfig] = useState({\n url: localStorage.getItem(TICKETURL) || \"\",\n token: localStorage.getItem(TICKETOKEN) || \"\",\n });\n\n const [isDarkMode, setIsDarkMode] = useState(\n localStorage.getItem(TICKETHEME) === \"dark\",\n );\n\n const [currentLang, setCurrentLang] = useState(\n localStorage.getItem(TICKELANG) || \"es\",\n );\n\n const [filters, setFilters] = useState({\n status: \"Todos\",\n priority: \"Todas\",\n search: \"\",\n });\n\n const [modal, setModal] = useState({ type: null, ticket: null });\n const [loading, setLoading] = useState(false);\n const [toasts, setToasts] = useState([]);\n\n const setLanguage = (lang) => {\n setCurrentLang(lang);\n localStorage.setItem(TICKELANG, lang);\n };\n\n const showToast = (message, type = \"info\") => {\n const newToast = {\n id: Date.now(),\n message,\n type,\n };\n setToasts((prevToasts) => [...prevToasts, newToast]);\n };\n\n const removeToast = (id) => {\n setToasts((prevToasts) => prevToasts.filter((t) => t.id !== id));\n };\n\n // Comprobamos en que modo esta y lo cargamos\n useEffect(() => {\n const root = document.documentElement;\n if (isDarkMode) {\n root.classList.add(\"dark\");\n localStorage.setItem(TICKETHEME, \"dark\");\n } else {\n root.classList.remove(\"dark\");\n localStorage.setItem(TICKETHEME, \"light\");\n }\n }, [isDarkMode]);\n\n // Cargamos los datos\n useEffect(() => {\n fetchTickets();\n }, [apiConfig.url, apiConfig.token]);\n\n const fetchData = useMemo(\n () => createApi(apiConfig, showToast, lang, currentLang),\n [apiConfig, showToast, lang, currentLang],\n );\n\n const fetchTickets = async () => {\n if (!apiConfig.url || !apiConfig.token) return;\n setLoading(true);\n const ticketsUrl =\n `${apiConfig.url}/?method=get&db=tickets&all=all&limit=1000`;\n const response = await fetchData(ticketsUrl);\n if (response && response.CONTENT) {\n const parsedTickets = Object.values(response.CONTENT).map((ticket) => ({\n id: ticket.uid,\n name: ticket.name,\n title: ticket.title,\n description: ticket.description,\n priority: ticket.category,\n status: ticket.content,\n created: ticket.created,\n updated: ticket.updated,\n }));\n setTickets(parsedTickets);\n } else {\n setTickets([]);\n }\n setLoading(false);\n };\n\n const handleAddTicket = async (e) => {\n e.preventDefault();\n const formData = new FormData(e.target);\n const newTicketData = {\n title: formData.get(\"title\"),\n description: formData.get(\"description\"),\n category: formData.get(\"priority\"),\n content: formData.get(\"status\"),\n };\n const addUrl = `${apiConfig.url}/?method=insert&db=tickets`;\n const response = await fetchData(addUrl, \"POST\", newTicketData);\n if (response) {\n showToast(lang[currentLang].ticketAdded, \"success\");\n setModal({ type: null, ticket: null });\n fetchTickets();\n }\n };\n\n const handleUpdateTicket = async (e) => {\n e.preventDefault();\n const formData = new FormData(e.target);\n const ticketId = formData.get(\"id\");\n const ticketName = formData.get(\"name\");\n const updatedTicketData = {\n uid: ticketId,\n name: ticketName,\n title: formData.get(\"title\"),\n description: formData.get(\"description\"),\n category: formData.get(\"priority\"),\n content: formData.get(\"status\"),\n };\n const updateUrl = `${apiConfig.url}/?method=update&db=tickets`;\n const response = await fetchData(updateUrl, \"POST\", updatedTicketData);\n if (response) {\n showToast(lang[currentLang].ticketUpdated, \"success\");\n setModal({ type: null, ticket: null });\n fetchTickets();\n }\n };\n\n const handleDeleteTicket = async (ticket) => {\n if (window.confirm(lang[currentLang].confirmDelete)) {\n const deleteUrl = `${apiConfig.url}/?method=delete&db=tickets`;\n const deleteData = {\n uid: ticket.id,\n name: ticket.name,\n };\n const response = await fetchData(deleteUrl, \"POST\", deleteData);\n if (response) {\n showToast(lang[currentLang].ticketDeleted, \"success\");\n fetchTickets();\n }\n }\n };\n\n const handleUpdateTicketStatus = async (ticket, newStatus) => {\n const updatedTicketData = {\n uid: ticket.id,\n name: ticket.name,\n content: newStatus,\n };\n const updateUrl = `${apiConfig.url}/?method=update&db=tickets`;\n const response = await fetchData(updateUrl, \"POST\", updatedTicketData);\n if (response) {\n showToast(lang[currentLang].statusChanged, \"success\");\n fetchTickets();\n }\n };\n\n const handleSaveApiSettings = () => {\n const newUrl = document.getElementById(\"api-url\").value;\n const newToken = document.getElementById(\"api-token\").value;\n if (newUrl && newToken) {\n localStorage.setItem(TICKETURL, newUrl);\n localStorage.setItem(TICKETOKEN, newToken);\n setApiConfig({ url: newUrl, token: newToken });\n showToast(lang[currentLang].apiSettingsSaved, \"success\");\n setModal({ type: null, ticket: null });\n } else {\n showToast(lang[currentLang].apiSettingsRequired, \"error\");\n }\n };\n\n return (\n

\n \n

\n {!loading && filteredTickets(tickets, filters).length === 0 && (\n

\n {lang[currentLang].noTickets}\n

\n )}\n {!loading\n ? (\n

\n {filteredTickets(tickets, filters).map((ticket) => (\n setModal({ type: \"editTicket\", ticket: t })}\n onDelete={handleDeleteTicket}\n onStatusChange={handleUpdateTicketStatus}\n />\n ))}\n

\n )\n : (\n

\n {lang[currentLang].loadingTickets}\n

\n )}\n

\n\n {modal.type === \"newTicket\" && (\n setModal({ type: null })}\n onSubmit={handleAddTicket}\n currentLang={currentLang}\n />\n )}\n\n {modal.type === \"editTicket\" && modal.ticket && (\n setModal({ type: null })}\n onSubmit={handleUpdateTicket}\n currentLang={currentLang}\n />\n )}\n\n {modal.type === \"settings\" && (\n setModal({ type: null })}\n onSave={handleSaveApiSettings}\n apiConfig={apiConfig}\n currentLang={currentLang}\n />\n )}\n\n {modal.type === \"help\" && (\n setModal({ type: null })}\n currentLang={currentLang}\n />\n )}\n\n {/* Contenedor para los toasts */}\n

\n {toasts.map((toast) => (\n removeToast(toast.id)}\n />\n ))}\n

\n );\n};\n\nexport default App;",[],[201,207,410],[201,207],{"_102":419,"_95":420,"_157":421,"_159":202,"_160":138,"_161":186,"_163":164,"_104":422,"_99":32,"_166":423,"_168":424,"_169":22,"_170":-5,"_171":425,"_98":426},"87d9ae14-5d78-11f0-87ea-0224a6c84d84","favicon.svg","e6e85dbb-a7fd-472e-8353-30ea6d81df2a",["D",1752143270430],"file","\n",[],[201,420],{"_102":428,"_95":429,"_157":430,"_159":202,"_160":138,"_161":431,"_163":164,"_104":432,"_99":255,"_166":423,"_168":433,"_169":22,"_170":-5,"_171":434,"_98":435},"f08cad9c-760c-11f0-9dfc-0224a6c84d84","index.html","db02a8a9-1324-431e-93c3-ede5b3e15868",49,["D",1754845839578],"\n\n \n \n \n Tickets app\n \n \n \n \n

\n \n \n \n",[],[201,429],{"_102":437,"_95":438,"_157":439,"_159":202,"_160":138,"_161":440,"_163":164,"_104":441,"_99":236,"_166":226,"_168":442,"_169":22,"_170":-5,"_171":443,"_98":444},"3245de3a-7607-11f0-b36e-0224a6c84d84","index.jsx","ff6d73bb-afdf-46d4-ae4c-6c42a4d47c6f",48,["D",1754843372866],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport App from \"./components/App.jsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[201,438],{"_102":446,"_95":447,"_157":448,"_159":202,"_160":138,"_161":449,"_163":164,"_104":450,"_99":225,"_166":423,"_168":451,"_169":22,"_170":-5,"_171":452,"_98":453},"353e6486-761b-11f0-9158-0224a6c84d84","style.css","2e8bc66d-1328-4b75-8fe0-f6e770e2392a",165,["D",1754851967781],"/*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */\n@layer properties {\n @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n *, :before, :after, ::backdrop {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-rotate-x: rotateX(0);\n --tw-rotate-y: rotateY(0);\n --tw-rotate-z: rotateZ(0);\n --tw-skew-x: skewX(0);\n --tw-skew-y: skewY(0);\n --tw-space-y-reverse: 0;\n --tw-border-style: solid;\n --tw-font-weight: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-duration: initial;\n --tw-ease: initial;\n }\n }\n}\n\n@layer theme {\n :root, :host {\n --font-sans: \"Inter\", \"ui-sans-serif\", \"system-ui\", \"-apple-system\", \"system-ui\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Arial\", \"Noto Sans\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n --font-mono: \"ui-monospace\", \"SFMono-Regular\", \"Menlo\", \"Monaco\", \"Consolas\", \"Liberation Mono\", \"Courier New\", \"monospace\";\n --color-red-500: oklch(.637 .237 25.331);\n --color-red-600: oklch(.577 .245 27.325);\n --color-red-700: oklch(.505 .213 27.518);\n --color-yellow-500: oklch(.795 .184 86.047);\n --color-green-500: oklch(.723 .219 149.579);\n --color-blue-400: oklch(.707 .165 254.624);\n --color-blue-500: oklch(.623 .214 259.815);\n --color-blue-600: oklch(.546 .245 262.881);\n --color-blue-700: oklch(.488 .243 264.376);\n --color-indigo-500: oklch(.585 .233 277.117);\n --color-slate-50: oklch(.984 .003 247.858);\n --color-slate-400: oklch(.704 .04 256.788);\n --color-slate-600: oklch(.446 .043 257.281);\n --color-slate-800: oklch(.279 .041 260.031);\n --color-slate-900: oklch(.208 .042 265.755);\n --color-gray-50: oklch(.985 .002 247.839);\n --color-gray-100: oklch(.967 .003 264.542);\n --color-gray-200: oklch(.928 .006 264.531);\n --color-gray-300: oklch(.872 .01 258.338);\n --color-gray-400: oklch(.707 .022 261.325);\n --color-gray-500: oklch(.551 .027 264.364);\n --color-gray-600: oklch(.446 .03 256.802);\n --color-gray-700: oklch(.373 .034 259.733);\n --color-gray-800: oklch(.278 .033 256.848);\n --color-gray-900: oklch(.21 .034 264.665);\n --color-white: #fff;\n --spacing: .25rem;\n --container-lg: 32rem;\n --text-xs: .75rem;\n --text-xs--line-height: calc(1 / .75);\n --text-sm: .875rem;\n --text-sm--line-height: calc(1.25 / .875);\n --text-lg: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-2xl: 1.5rem;\n --text-2xl--line-height: calc(2 / 1.5);\n --text-4xl: 2.25rem;\n --text-4xl--line-height: calc(2.5 / 2.25);\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --radius-sm: .25rem;\n --ease-in: cubic-bezier(.4, 0, 1, 1);\n --ease-in-out: cubic-bezier(.4, 0, .2, 1);\n --default-transition-duration: .15s;\n --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n --default-font-family: var(--font-sans);\n --default-font-feature-settings: var(--font-sans--font-feature-settings);\n --default-font-variation-settings: var(--font-sans--font-variation-settings);\n --default-mono-font-family: var(--font-mono);\n --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);\n --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);\n }\n}\n\n@layer base {\n *, :after, :before, ::backdrop {\n box-sizing: border-box;\n border: 0 solid;\n margin: 0;\n padding: 0;\n }\n\n ::file-selector-button {\n box-sizing: border-box;\n border: 0 solid;\n margin: 0;\n padding: 0;\n }\n\n html, :host {\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n line-height: 1.5;\n font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n font-feature-settings: var(--default-font-feature-settings, normal);\n font-variation-settings: var(--default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n }\n\n body {\n line-height: inherit;\n }\n\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n -webkit-text-decoration: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n\n b, strong {\n font-weight: bolder;\n }\n\n code, kbd, samp, pre {\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\n font-size: 1em;\n }\n\n small {\n font-size: 80%;\n }\n\n sub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n }\n\n sub {\n bottom: -.25em;\n }\n\n sup {\n top: -.5em;\n }\n\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n\n :-moz-focusring {\n outline: auto;\n }\n\n progress {\n vertical-align: baseline;\n }\n\n summary {\n display: list-item;\n }\n\n ol, ul, menu {\n list-style: none;\n }\n\n img, svg, video, canvas, audio, iframe, embed, object {\n vertical-align: middle;\n display: block;\n }\n\n img, video {\n max-width: 100%;\n height: auto;\n }\n\n button, input, select, optgroup, textarea {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n opacity: 1;\n background-color: #0000;\n border-radius: 0;\n }\n\n ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n opacity: 1;\n background-color: #0000;\n border-radius: 0;\n }\n\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n\n ::placeholder {\n opacity: 1;\n color: currentColor;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n ::placeholder {\n color: color-mix(in oklab, currentColor 50%, transparent);\n }\n }\n\n textarea {\n resize: vertical;\n }\n\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n\n ::-webkit-datetime-edit {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-year-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-month-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-day-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-hour-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-minute-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-second-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-millisecond-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n\n :-moz-ui-invalid {\n box-shadow: none;\n }\n\n button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]) {\n appearance: button;\n }\n\n ::file-selector-button {\n appearance: button;\n }\n\n ::-webkit-inner-spin-button {\n height: auto;\n }\n\n ::-webkit-outer-spin-button {\n height: auto;\n }\n\n [hidden]:where(:not([hidden=\"until-found\"])) {\n display: none !important;\n }\n}\n\n@layer components;\n\n@layer utilities {\n .sr-only {\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n position: absolute;\n overflow: hidden;\n }\n\n .fixed {\n position: fixed;\n }\n\n .relative {\n position: relative;\n }\n\n .inset-0 {\n inset: calc(var(--spacing) * 0);\n }\n\n .top-5 {\n top: calc(var(--spacing) * 5);\n }\n\n .right-5 {\n right: calc(var(--spacing) * 5);\n }\n\n .bottom-5 {\n bottom: calc(var(--spacing) * 5);\n }\n\n .z-50 {\n z-index: 50;\n }\n\n .mx-auto {\n margin-inline: auto;\n }\n\n .my-8 {\n margin-block: calc(var(--spacing) * 8);\n }\n\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n\n .mt-8 {\n margin-top: calc(var(--spacing) * 8);\n }\n\n .mb-2 {\n margin-bottom: calc(var(--spacing) * 2);\n }\n\n .mb-4 {\n margin-bottom: calc(var(--spacing) * 4);\n }\n\n .ml-4 {\n margin-left: calc(var(--spacing) * 4);\n }\n\n .flex {\n display: flex;\n }\n\n .grid {\n display: grid;\n }\n\n .hidden {\n display: none;\n }\n\n .inline-block {\n display: inline-block;\n }\n\n .inline-flex {\n display: inline-flex;\n }\n\n .h-4 {\n height: calc(var(--spacing) * 4);\n }\n\n .min-h-screen {\n min-height: 100vh;\n }\n\n .w-4 {\n width: calc(var(--spacing) * 4);\n }\n\n .w-full {\n width: 100%;\n }\n\n .max-w-lg {\n max-width: var(--container-lg);\n }\n\n .flex-1 {\n flex: 1;\n }\n\n .translate-x-0 {\n --tw-translate-x: calc(var(--spacing) * 0);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-x-full {\n --tw-translate-x: 100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .transform {\n transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);\n }\n\n .cursor-pointer {\n cursor: pointer;\n }\n\n .list-inside {\n list-style-position: inside;\n }\n\n .list-disc {\n list-style-type: disc;\n }\n\n .flex-col {\n flex-direction: column;\n }\n\n .flex-wrap {\n flex-wrap: wrap;\n }\n\n .items-center {\n align-items: center;\n }\n\n .justify-between {\n justify-content: space-between;\n }\n\n .justify-center {\n justify-content: center;\n }\n\n .justify-end {\n justify-content: flex-end;\n }\n\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n\n .gap-3 {\n gap: calc(var(--spacing) * 3);\n }\n\n .gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n\n .gap-6 {\n gap: calc(var(--spacing) * 6);\n }\n\n :where(.space-y-1 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n :where(.space-y-2 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n :where(.space-y-4 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n :where(.space-y-6 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n .rounded-none {\n border-radius: 0;\n }\n\n .rounded-sm {\n border-radius: var(--radius-sm);\n }\n\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n\n .border-t-0 {\n border-top-style: var(--tw-border-style);\n border-top-width: 0;\n }\n\n .border-t-5 {\n border-top-style: var(--tw-border-style);\n border-top-width: 5px;\n }\n\n .border-r-0 {\n border-right-style: var(--tw-border-style);\n border-right-width: 0;\n }\n\n .border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n\n .border-b-0 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0;\n }\n\n .border-b-2 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 2px;\n }\n\n .border-l-4 {\n border-left-style: var(--tw-border-style);\n border-left-width: 4px;\n }\n\n .border-blue-400 {\n border-color: var(--color-blue-400);\n }\n\n .border-blue-500 {\n border-color: var(--color-blue-500);\n }\n\n .border-gray-100 {\n border-color: var(--color-gray-100);\n }\n\n .border-gray-300 {\n border-color: var(--color-gray-300);\n }\n\n .border-gray-500 {\n border-color: var(--color-gray-500);\n }\n\n .border-green-500 {\n border-color: var(--color-green-500);\n }\n\n .border-indigo-500 {\n border-color: var(--color-indigo-500);\n }\n\n .border-red-500 {\n border-color: var(--color-red-500);\n }\n\n .border-yellow-500 {\n border-color: var(--color-yellow-500);\n }\n\n .bg-gray-50 {\n background-color: var(--color-gray-50);\n }\n\n .bg-gray-100 {\n background-color: var(--color-gray-100);\n }\n\n .bg-slate-800 {\n background-color: var(--color-slate-800);\n }\n\n .bg-slate-900\\/75 {\n background-color: color-mix(in srgb, oklch(.208 .042 265.755) 75%, transparent);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-slate-900\\/75 {\n background-color: color-mix(in oklab, var(--color-slate-900) 75%, transparent);\n }\n }\n\n .bg-slate-900\\/85 {\n background-color: color-mix(in srgb, oklch(.208 .042 265.755) 85%, transparent);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-slate-900\\/85 {\n background-color: color-mix(in oklab, var(--color-slate-900) 85%, transparent);\n }\n }\n\n .bg-transparent {\n background-color: #0000;\n }\n\n .bg-white {\n background-color: var(--color-white);\n }\n\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n\n .p-5 {\n padding: calc(var(--spacing) * 5);\n }\n\n .pb-2 {\n padding-bottom: calc(var(--spacing) * 2);\n }\n\n .text-center {\n text-align: center;\n }\n\n .align-middle {\n vertical-align: middle;\n }\n\n .font-sans {\n font-family: var(--font-sans);\n }\n\n .text-2xl {\n font-size: var(--text-2xl);\n line-height: var(--tw-leading, var(--text-2xl--line-height));\n }\n\n .text-4xl {\n font-size: var(--text-4xl);\n line-height: var(--tw-leading, var(--text-4xl--line-height));\n }\n\n .text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n\n .font-medium {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n\n .font-semibold {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n\n .text-blue-500 {\n color: var(--color-blue-500);\n }\n\n .text-blue-600 {\n color: var(--color-blue-600);\n }\n\n .text-blue-700 {\n color: var(--color-blue-700);\n }\n\n .text-gray-500 {\n color: var(--color-gray-500);\n }\n\n .text-gray-600 {\n color: var(--color-gray-600);\n }\n\n .text-gray-900 {\n color: var(--color-gray-900);\n }\n\n .text-green-500 {\n color: var(--color-green-500);\n }\n\n .text-indigo-500 {\n color: var(--color-indigo-500);\n }\n\n .text-red-500 {\n color: var(--color-red-500);\n }\n\n .text-red-700 {\n color: var(--color-red-700);\n }\n\n .text-slate-50 {\n color: var(--color-slate-50);\n }\n\n .text-slate-600 {\n color: var(--color-slate-600);\n }\n\n .text-yellow-500 {\n color: var(--color-yellow-500);\n }\n\n .italic {\n font-style: italic;\n }\n\n .shadow-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-md {\n --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-sm {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .transition-all {\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-transform {\n transition-property: transform, translate, scale, rotate;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .duration-150 {\n --tw-duration: .15s;\n transition-duration: .15s;\n }\n\n .duration-300 {\n --tw-duration: .3s;\n transition-duration: .3s;\n }\n\n .duration-400 {\n --tw-duration: .4s;\n transition-duration: .4s;\n }\n\n .ease-in {\n --tw-ease: var(--ease-in);\n transition-timing-function: var(--ease-in);\n }\n\n .ease-in-out {\n --tw-ease: var(--ease-in-out);\n transition-timing-function: var(--ease-in-out);\n }\n\n .select-none {\n -webkit-user-select: none;\n user-select: none;\n }\n\n @media (hover: hover) {\n .hover\\:border-blue-600:hover {\n border-color: var(--color-blue-600);\n }\n\n .hover\\:border-red-600:hover {\n border-color: var(--color-red-600);\n }\n\n .hover\\:bg-gray-200:hover {\n background-color: var(--color-gray-200);\n }\n\n .hover\\:bg-transparent:hover {\n background-color: #0000;\n }\n\n .hover\\:text-blue-700:hover {\n color: var(--color-blue-700);\n }\n\n .hover\\:text-gray-800:hover {\n color: var(--color-gray-800);\n }\n\n .hover\\:text-red-700:hover {\n color: var(--color-red-700);\n }\n\n .hover\\:opacity-60:hover {\n opacity: .6;\n }\n\n .hover\\:shadow-none:hover {\n --tw-shadow: 0 0 #0000;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n\n .focus\\:shadow-none:focus {\n --tw-shadow: 0 0 #0000;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .focus\\:ring-2:focus {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .focus\\:ring-blue-500:focus {\n --tw-ring-color: var(--color-blue-500);\n }\n\n .focus\\:outline-none:focus {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n .disabled\\:cursor-not-allowed:disabled {\n cursor: not-allowed;\n }\n\n .disabled\\:opacity-50:disabled {\n opacity: .5;\n }\n\n .disabled\\:shadow-none:disabled {\n --tw-shadow: 0 0 #0000;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n @media (width >= 40rem) {\n .sm\\:grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n }\n }\n\n @media (width >= 48rem) {\n .md\\:grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n\n @media (width >= 64rem) {\n .lg\\:grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n }\n\n @media (width >= 80rem) {\n .xl\\:grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n }\n\n .dark\\:border-blue-500:where(.dark, .dark *) {\n border-color: var(--color-blue-500);\n }\n\n .dark\\:border-gray-600:where(.dark, .dark *) {\n border-color: var(--color-gray-600);\n }\n\n .dark\\:border-gray-700:where(.dark, .dark *) {\n border-color: var(--color-gray-700);\n }\n\n .dark\\:bg-gray-700:where(.dark, .dark *) {\n background-color: var(--color-gray-700);\n }\n\n .dark\\:bg-gray-800:where(.dark, .dark *) {\n background-color: var(--color-gray-800);\n }\n\n .dark\\:bg-gray-900:where(.dark, .dark *) {\n background-color: var(--color-gray-900);\n }\n\n .dark\\:text-blue-400:where(.dark, .dark *) {\n color: var(--color-blue-400);\n }\n\n .dark\\:text-gray-100:where(.dark, .dark *) {\n color: var(--color-gray-100);\n }\n\n .dark\\:text-gray-300:where(.dark, .dark *) {\n color: var(--color-gray-300);\n }\n\n .dark\\:text-gray-400:where(.dark, .dark *) {\n color: var(--color-gray-400);\n }\n\n .dark\\:text-slate-400:where(.dark, .dark *) {\n color: var(--color-slate-400);\n }\n\n @media (hover: hover) {\n .dark\\:hover\\:bg-gray-700:where(.dark, .dark *):hover {\n background-color: var(--color-gray-700);\n }\n\n .dark\\:hover\\:text-gray-200:where(.dark, .dark *):hover {\n color: var(--color-gray-200);\n }\n }\n}\n\n::-webkit-scrollbar {\n background: #f7f7f8;\n width: 8px;\n height: 8px;\n}\n\n::-webkit-scrollbar-thumb {\n background: #ebecee;\n border-radius: 10px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: #d7d9dc;\n}\n\n.dark ::-webkit-scrollbar {\n background: #192033;\n width: 8px;\n height: 8px;\n}\n\n.dark ::-webkit-scrollbar-corner {\n background: #192033;\n}\n\n.dark ::-webkit-scrollbar-thumb {\n background: #272e40;\n border-radius: 10px;\n}\n\n.dark ::-webkit-scrollbar-thumb:hover {\n background: #3f4555;\n}\n\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-rotate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: rotateX(0);\n}\n\n@property --tw-rotate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: rotateY(0);\n}\n\n@property --tw-rotate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: rotateZ(0);\n}\n\n@property --tw-skew-x {\n syntax: \"*\";\n inherits: false;\n initial-value: skewX(0);\n}\n\n@property --tw-skew-y {\n syntax: \"*\";\n inherits: false;\n initial-value: skewY(0);\n}\n\n@property --tw-space-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-shadow-alpha {\n syntax: \"\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-inset-shadow-alpha {\n syntax: \"\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ring-offset-width {\n syntax: \"\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-duration {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ease {\n syntax: \"*\";\n inherits: false\n}",[],[201,447],[201],{"_102":456,"_95":457,"_157":458,"_159":-5,"_160":138,"_161":459,"_163":164,"_104":460,"_99":32,"_166":423,"_168":461,"_169":22,"_170":-5,"_171":462,"_98":463},"9ebace36-7620-11f0-bae6-0224a6c84d84",".vtignore","9ebacf1c-7620-11f0-bae6-0224a6c84d84",183,["D",1754854292212],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[],[457],{"_102":465,"_95":466,"_157":467,"_159":-5,"_160":138,"_161":137,"_163":164,"_104":468,"_99":255,"_166":423,"_168":469,"_169":22,"_170":-5,"_171":470,"_98":471},"a5f62136-7626-11f0-b463-0224a6c84d84","README.md","b296eaf4-5c75-43f8-a6be-75b53a36e7f4",["D",1754856881356],"# Sistema de Gestión de Tickets 🎟️\n\nEsta es una aplicación web de gestión de tickets desarrollada con **React** en\nel frontend. Permite a los usuarios visualizar, crear, editar y eliminar tickets\nde soporte, incidentes o solicitudes. La aplicación se conecta a una API REST\npersonalizada para gestionar los datos de los tickets.\n\n![image.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/ec47bb27-47bb-415d-d179-4b1195a13400/public)\n\n## Características Principales ⚙️\n\n- **Visualización de Tickets:** Muestra una lista de todos los tickets\n existentes con su estado, prioridad y detalles.\n- **Creación de Tickets:** Permite a los usuarios generar nuevos tickets,\n especificando su tipo, descripción y prioridad.\n- **Edición de Tickets:** Los usuarios con permisos pueden modificar los\n detalles de un ticket existente, como el estado o la descripción.\n- **Gestión de Estados:** Cada ticket tiene un estado (`Abierto`, `En Progreso`,\n `Resuelto`) que puede ser actualizado fácilmente.\n- **API REST:** El frontend se comunica con una API RESTful para realizar\n operaciones CRUD (Crear, Leer, Actualizar, Eliminar) sobre los tickets.\n\n---\n\n## Tecnologías Utilizadas 💻\n\n- **Frontend:**\n - **React:** Para construir la interfaz de usuario.\n - **Fetch:** Para realizar las peticiones HTTP a la API.\n\n---\n\n## Uso de la Aplicación 🧑‍💻\n\n- **Ver Tickets:** Al cargar la página principal, verás una cuadrícula con todos\n los tickets existentes.\n- **Crear un Ticket:** (Implementa esta sección si existe un formulario de\n creación).\n- **Editar/Eliminar:** Usa los botones **Editar** y **Eliminar** en cada tarjeta\n de ticket para gestionar su contenido.\n\n---\n\n## Contribuciones 🤝\n\n¡Las contribuciones son bienvenidas\\! Si encuentras un error o tienes una idea\npara mejorar la aplicación, por favor, abre un **issue** o envía un **pull\nrequest**.\n\n---\n\n## Licencia 📄\n\nEste proyecto está bajo la Licencia **MIT**. Consulta el archivo `LICENSE` para\nmás detalles.",[],[466],{"_102":473,"_95":474,"_157":475,"_159":-5,"_160":138,"_161":476,"_163":164,"_104":477,"_99":32,"_166":423,"_168":478,"_169":22,"_170":-5,"_171":479,"_98":480},"9eb4f1be-7620-11f0-a67a-0224a6c84d84","deno.json","9eb4f416-7620-11f0-a67a-0224a6c84d84",182,["D",1754854292209],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\n \"https://www.val.town/types/valtown.d.ts\"\n ],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"files\": {\n \"include\": [\n \"deno:/https/esm.town/**/*\"\n ]\n },\n \"rules\": {\n \"exclude\": [\n \"no-explicit-any\"\n ]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}",[],[474],"files",[154,174,182,189,199,205,212,219,230,240,249,260,267,276,285,295,302,312,319,329,336,345,354,363,373,380,389,398,408,418,427,436,445,455,464,472],"counts",{"_485":32,"_486":186,"_487":186,"_488":489},"pulls","branches","forks","envVars",{"_490":32,"_491":32},"count","emptyCount","contents",[494,497,500,503,506,509,512],{"_102":155,"_95":156,"_157":158,"_159":-5,"_160":138,"_161":162,"_163":164,"_104":495,"_99":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_98":496},["D",1754854290356],[156],{"_102":175,"_95":176,"_157":177,"_159":-5,"_160":138,"_161":178,"_163":164,"_104":498,"_99":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_98":499},["D",1754854290528],[176],{"_102":183,"_95":184,"_157":185,"_159":-5,"_160":138,"_161":186,"_163":164,"_104":501,"_99":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_98":502},["D",1752143270430],[184],{"_102":200,"_95":201,"_157":202,"_159":-5,"_160":138,"_161":186,"_163":164,"_104":504,"_99":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_98":505},["D",1752143270430],[201],{"_102":456,"_95":457,"_157":458,"_159":-5,"_160":138,"_161":459,"_163":164,"_104":507,"_99":32,"_166":423,"_168":461,"_169":22,"_170":-5,"_98":508},["D",1754854292212],[457],{"_102":465,"_95":466,"_157":467,"_159":-5,"_160":138,"_161":137,"_163":164,"_104":510,"_99":255,"_166":423,"_168":469,"_169":22,"_170":-5,"_98":511},["D",1754856881356],[466],{"_102":473,"_95":474,"_157":475,"_159":-5,"_160":138,"_161":476,"_163":164,"_104":513,"_99":32,"_166":423,"_168":478,"_169":22,"_170":-5,"_98":514},["D",1754854292209],[474],"upstreamProject",{"_102":146,"_95":517,"_110":518,"_112":-5,"_108":109,"_23":519},"reactHonoStarter","Starter template with client-side React & Hono server",{"_93":520,"_130":521},"std","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJVaVhpQ1BId3dscVpBbkdZVWlMNjJtcjkxWS5wbmcifQ","upstreamBranch",{"_102":141,"_104":524,"_525":526,"_95":43,"_139":146,"_99":527,"_140":-5,"_142":-5,"_528":529,"_106":-5,"_151":22,"_108":109,"_150":520,"_16":148,"_149":517},["D",1740674013689],"updatedAt",["D",1755284984205],72,"lockfileKey","1755284987385-esm.town_v_std_reactHonoStarter@72-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.compare.$branch",{"_93":94,"_95":96,"_97":43,"_100":536,"_541":412,"_542":543,"_544":545,"_746":164,"_747":540,"_748":749,"_752":-5},{"_102":103,"_95":96,"_104":537,"_106":-5,"_107":22,"_108":109,"_110":111,"_112":113,"_14":114,"_115":-5,"_116":22,"_117":-5,"_118":32,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":538,"_132":539,"_135":540,"_151":22},["D",1752143270430],{"_93":94,"_130":131},{"_93":94,"_134":131},{"_99":137,"_95":43,"_102":138,"_139":103,"_140":141,"_142":143,"_144":109,"_145":146,"_147":148,"_149":96,"_150":94},"ahead","behind",5,"diff",{"_546":547,"_169":679,"_704":705},"added",[548,554,557,561,565,570,574,579,584,589,594,598,603,608,613,617,622,626,631,635,640,645,650,655,659,664,669,674],{"_98":156,"_549":-7,"_550":551},"targetFile","sourceFile",{"_102":155,"_95":156,"_157":158,"_159":-5,"_160":138,"_161":162,"_163":164,"_104":165,"_99":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":-7,"_98":552,"_553":-5},[156],"contentHash",{"_98":176,"_549":-7,"_550":555},{"_102":175,"_95":176,"_157":177,"_159":-5,"_160":138,"_161":178,"_163":164,"_104":179,"_99":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":-7,"_98":556,"_553":-5},[176],{"_98":457,"_549":-7,"_550":558},{"_102":456,"_95":457,"_157":458,"_159":-5,"_160":138,"_161":459,"_163":164,"_104":460,"_99":32,"_166":423,"_168":461,"_169":22,"_170":-5,"_171":-7,"_98":559,"_553":560},[457],"18f4273e0b959a6002030663e4e449119845617823d38fc9fbbb206c591a8ff5",{"_98":474,"_549":-7,"_550":562},{"_102":473,"_95":474,"_157":475,"_159":-5,"_160":138,"_161":476,"_163":164,"_104":477,"_99":32,"_166":423,"_168":478,"_169":22,"_170":-5,"_171":-7,"_98":563,"_553":564},[474],"f10b65541e22a5ce4184687567a4c1c2dc1ca6b7748052706fa70ed0d511e4b4",{"_98":566,"_549":-7,"_550":567},"frontend/components/App.jsx",{"_102":409,"_95":410,"_157":411,"_159":208,"_160":138,"_161":412,"_163":164,"_104":413,"_99":236,"_166":226,"_168":414,"_169":22,"_170":-5,"_171":-7,"_98":568,"_553":569},[201,207,410],"eb7f67f83ab99f88dd5b4043f184112e57ebaf21d9f5a487e463b43efc7d55de",{"_98":571,"_549":-7,"_550":572},"frontend/components/common",{"_102":213,"_95":214,"_157":215,"_159":208,"_160":138,"_161":216,"_163":164,"_104":217,"_99":186,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":-7,"_98":573,"_553":-5},[201,207,214],{"_98":575,"_549":-7,"_550":576},"frontend/components/common/Header.jsx",{"_102":220,"_95":221,"_157":222,"_159":215,"_160":138,"_161":223,"_163":164,"_104":224,"_99":225,"_166":226,"_168":227,"_169":22,"_170":-5,"_171":-7,"_98":577,"_553":578},[201,207,214,221],"706d24c5399b2ced1d07e2d222ad884c6aae784f3f48a270524e1207cd4a417c",{"_98":580,"_549":-7,"_550":581},"frontend/components/common/TicketCard.jsx",{"_102":231,"_95":232,"_157":233,"_159":215,"_160":138,"_161":234,"_163":164,"_104":235,"_99":236,"_166":226,"_168":237,"_169":22,"_170":-5,"_171":-7,"_98":582,"_553":583},[201,207,214,232],"b27ea29a3bac6516e438b20ac466f6a694bb98008153e92bd42d7e1ddbe9c479",{"_98":585,"_549":-7,"_550":586},"frontend/components/common/Toast.jsx",{"_102":241,"_95":242,"_157":243,"_159":215,"_160":138,"_161":244,"_163":164,"_104":245,"_99":236,"_166":226,"_168":246,"_169":22,"_170":-5,"_171":-7,"_98":587,"_553":588},[201,207,214,242],"276d9e4cdd68870dcd09158affe3ef4dc311a88d86b553ed6c64f8ce432522f6",{"_98":590,"_549":-7,"_550":591},"frontend/components/common/Ui.jsx",{"_102":250,"_95":251,"_157":252,"_159":215,"_160":138,"_161":253,"_163":164,"_104":254,"_99":255,"_166":226,"_168":256,"_169":22,"_170":-5,"_171":-7,"_98":592,"_553":593},[201,207,214,251],"a85edf09ddf785808c492a27b093c8eba8123c83a7f76802844d2329db5211ae",{"_98":595,"_549":-7,"_550":596},"frontend/components/config",{"_102":261,"_95":262,"_157":263,"_159":208,"_160":138,"_161":264,"_163":164,"_104":265,"_99":186,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":-7,"_98":597,"_553":-5},[201,207,262],{"_98":599,"_549":-7,"_550":600},"frontend/components/config/Constants.jsx",{"_102":268,"_95":269,"_157":270,"_159":263,"_160":138,"_161":271,"_163":164,"_104":272,"_99":255,"_166":226,"_168":273,"_169":22,"_170":-5,"_171":-7,"_98":601,"_553":602},[201,207,262,269],"50824fc4c8e3dcf881aa30c5b8dafef6fc9c9fae6b1d3dab2fde95096a75790d",{"_98":604,"_549":-7,"_550":605},"frontend/components/config/Icons.jsx",{"_102":277,"_95":278,"_157":279,"_159":263,"_160":138,"_161":280,"_163":164,"_104":281,"_99":255,"_166":226,"_168":282,"_169":22,"_170":-5,"_171":-7,"_98":606,"_553":607},[201,207,262,278],"741cc4d95670a1330ea88818482759becd06b8faab474c06007e0bfcb1f4e9c1",{"_98":609,"_549":-7,"_550":610},"frontend/components/config/Lang.jsx",{"_102":286,"_95":287,"_157":288,"_159":263,"_160":138,"_161":289,"_163":164,"_104":290,"_99":255,"_166":226,"_168":291,"_169":22,"_170":-5,"_171":-7,"_98":611,"_553":612},[201,207,262,287],"ea14f53341eaec39cf0d2726648aa3b92fdd18bef233d1ba9710b900fd8450ae",{"_98":614,"_549":-7,"_550":615},"frontend/components/controllers",{"_102":296,"_95":297,"_157":298,"_159":208,"_160":138,"_161":299,"_163":164,"_104":300,"_99":186,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":-7,"_98":616,"_553":-5},[201,207,297],{"_98":618,"_549":-7,"_550":619},"frontend/components/controllers/FetchData.jsx",{"_102":303,"_95":304,"_157":305,"_159":298,"_160":138,"_161":306,"_163":164,"_104":307,"_99":255,"_166":226,"_168":308,"_169":22,"_170":-5,"_171":-7,"_98":620,"_553":621},[201,207,297,304],"4db9455696cc6d7d7d10c7d94d259487e3101d4bd22e315e9b81188f0d096a27",{"_98":623,"_549":-7,"_550":624},"frontend/components/filter",{"_102":313,"_95":314,"_157":315,"_159":208,"_160":138,"_161":316,"_163":164,"_104":317,"_99":186,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":-7,"_98":625,"_553":-5},[201,207,314],{"_98":627,"_549":-7,"_550":628},"frontend/components/filter/FilteredTickets.jsx",{"_102":320,"_95":321,"_157":322,"_159":315,"_160":138,"_161":323,"_163":164,"_104":324,"_99":255,"_166":226,"_168":325,"_169":22,"_170":-5,"_171":-7,"_98":629,"_553":630},[201,207,314,321],"1b9fe16a20a0a231fa3ab935322063f8f0562be73370a3ff530de01a6c2ed909",{"_98":632,"_549":-7,"_550":633},"frontend/components/modals",{"_102":330,"_95":331,"_157":332,"_159":208,"_160":138,"_161":333,"_163":164,"_104":334,"_99":186,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":-7,"_98":634,"_553":-5},[201,207,331],{"_98":636,"_549":-7,"_550":637},"frontend/components/modals/EditTicketModal.jsx",{"_102":337,"_95":338,"_157":339,"_159":332,"_160":138,"_161":340,"_163":164,"_104":341,"_99":236,"_166":226,"_168":342,"_169":22,"_170":-5,"_171":-7,"_98":638,"_553":639},[201,207,331,338],"fc60769e3171b32bf155c520fbba7b24ff279d72b513d3d6e761deeda55846d2",{"_98":641,"_549":-7,"_550":642},"frontend/components/modals/HelpModal.jsx",{"_102":346,"_95":347,"_157":348,"_159":332,"_160":138,"_161":349,"_163":164,"_104":350,"_99":236,"_166":226,"_168":351,"_169":22,"_170":-5,"_171":-7,"_98":643,"_553":644},[201,207,331,347],"aa07fe80311c50e64f0d7c6546c7f607bf0033bd161f9ab33e08ebc3e94e88ef",{"_98":646,"_549":-7,"_550":647},"frontend/components/modals/NewTicketModal.jsx",{"_102":355,"_95":356,"_157":357,"_159":332,"_160":138,"_161":358,"_163":164,"_104":359,"_99":255,"_166":226,"_168":360,"_169":22,"_170":-5,"_171":-7,"_98":648,"_553":649},[201,207,331,356],"e01f17310b76292a90051347a990fd94eda0795438ae45d31ef9b2d301a43006",{"_98":651,"_549":-7,"_550":652},"frontend/components/modals/SettingsModal.jsx",{"_102":364,"_95":365,"_157":366,"_159":332,"_160":138,"_161":367,"_163":164,"_104":368,"_99":236,"_166":226,"_168":369,"_169":22,"_170":-5,"_171":-7,"_98":653,"_553":654},[201,207,331,365],"bba815738cd6bce65a391a4a7e31e9c0e3b53a397f5e02e4e40aa488db9127d3",{"_98":656,"_549":-7,"_550":657},"frontend/components/status",{"_102":374,"_95":375,"_157":376,"_159":208,"_160":138,"_161":377,"_163":164,"_104":378,"_99":186,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":-7,"_98":658,"_553":-5},[201,207,375],{"_98":660,"_549":-7,"_550":661},"frontend/components/status/GetPriorityClass.jsx",{"_102":381,"_95":382,"_157":383,"_159":376,"_160":138,"_161":384,"_163":164,"_104":385,"_99":255,"_166":226,"_168":386,"_169":22,"_170":-5,"_171":-7,"_98":662,"_553":663},[201,207,375,382],"830015acdcefd082b514edaa5a7b10e754809921c33a1547786c0c0cce2cd2f8",{"_98":665,"_549":-7,"_550":666},"frontend/components/status/GetStatusClass.jsx",{"_102":390,"_95":391,"_157":392,"_159":376,"_160":138,"_161":393,"_163":164,"_104":394,"_99":255,"_166":226,"_168":395,"_169":22,"_170":-5,"_171":-7,"_98":667,"_553":668},[201,207,375,391],"9cab2e50f46865cf9e0de5badb35f745e86a145c79a0b8b575d26641500c00c1",{"_98":670,"_549":-7,"_550":671},"frontend/components/status/GetStatusTxtClass.jsx",{"_102":399,"_95":400,"_157":401,"_159":376,"_160":138,"_161":402,"_163":164,"_104":403,"_99":255,"_166":226,"_168":404,"_169":22,"_170":-5,"_171":-7,"_98":672,"_553":673},[201,207,375,400],"cf4b67c153d3f9a82215e55322178e9f361edb77e2d1fb72c45f79605b7490c0",{"_98":675,"_549":-7,"_550":676},"frontend/index.jsx",{"_102":437,"_95":438,"_157":439,"_159":202,"_160":138,"_161":440,"_163":164,"_104":441,"_99":236,"_166":226,"_168":442,"_169":22,"_170":-5,"_171":-7,"_98":677,"_553":678},[201,438],"c556ba0b141fde041e43d691e860a8723cdf220f066a6da2f0f161a09f91cbd0",[680,692],{"_98":681,"_549":682,"_550":-7},"frontend/components/App.tsx",{"_102":683,"_95":684,"_157":685,"_159":686,"_160":141,"_161":687,"_163":164,"_104":688,"_99":225,"_166":226,"_168":689,"_169":22,"_170":-5,"_171":-7,"_98":690,"_553":691},"5cb7a1f2-f53e-11ef-937e-569c3dd06744","App.tsx","6e585892-f52b-11ef-a8e1-569c3dd06744","69ed66bc-f52b-11ef-9dac-569c3dd06744",27,["D",1740683366401],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function App() {\n const [clicked, setClicked] = useState(0);\n return (\n

Val Town React + Hono Starter

\n I've been clicked times\n

\n );\n}",[201,207,684],"572f45a0f0ec99935ff566c31d3bbf761edf962e408c2e2fb6df62cbb636a5c4",{"_98":693,"_549":694,"_550":-7},"frontend/index.tsx",{"_102":695,"_95":696,"_157":697,"_159":698,"_160":141,"_161":699,"_163":164,"_104":700,"_99":236,"_166":226,"_168":701,"_169":22,"_170":-5,"_171":-7,"_98":702,"_553":703},"37ad4e0c-f53e-11ef-940f-569c3dd06744","index.tsx","5b1c65b6-f52b-11ef-bc72-569c3dd06744","a59cbf44-f528-11ef-ae42-569c3dd06744",24,["D",1740683304259],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[201,696],"427c45f5341ba32dd31e98a21e648a32637bfca120ebc165e98f9be62706370c","modified",[706,718,732],{"_98":466,"_549":707,"_550":715},{"_102":708,"_95":466,"_157":709,"_159":-5,"_160":141,"_161":143,"_163":22,"_104":710,"_99":711,"_166":423,"_168":712,"_169":22,"_170":-5,"_171":-7,"_98":713,"_553":714},"07154b6e-3bca-11f0-9fc0-9e149126039e","a50c3760-f53e-11ef-bd6d-569c3dd06744",["D",1748439933668],18,"# React Hono Starter\n\nThis app is a starter template for client-side React and server-side Hono.\n\n## Getting started\n\nGet a copy of this starter template by clicking the **Remix** button in the top-right.\n\n## How it works\n\n- The **entrypoint** is [`/backend/index.ts`](/backend/index.ts). That's the backend HTTP server, which also serves the all the frontend assets.\n\n- The **client-side entrypoint** is [`/frontend/index.html`](/frontend/index.html)\n - which in turn imports [`/frontend/index.tsx`](/frontend/index.tsx)\n - which in turn imports the React app from [`/frontend/components/App.tsx`](/frontend/components/App.tsx).\n\nSo if you wanted to get a sense of how this app comes together, we suggest reading the files in this order: \n\n[`/backend/index.ts`](/backend/index.ts) -> [`/frontend/index.html`](/frontend/index.html) -> [`/frontend/index.tsx`](/frontend/index.tsx) -> [`/frontend/components/App.tsx`](/frontend/components/App.tsx)\n\n## Further resources\n\n- [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) is a bigger example project, with a SQLite database table, queries, client-side CSS, a favicon, and shared code that runs on both client and server.",[466],"e021efc233b82184fe895bf7f2dd5cf86d8abf91773174c21bd7792e6007df06",{"_102":465,"_95":466,"_157":467,"_159":-5,"_160":138,"_161":137,"_163":164,"_104":468,"_99":255,"_166":423,"_168":469,"_169":22,"_170":-5,"_171":-7,"_98":716,"_553":717},[466],"3ac5dd4ba07a4d7472c16994a482c8bd955cb9fb67482d8a8bdb2d6bd3caca3f",{"_98":719,"_549":720,"_550":729},"frontend/index.html",{"_102":721,"_95":429,"_157":722,"_159":698,"_160":141,"_161":723,"_163":164,"_104":724,"_99":725,"_166":423,"_168":726,"_169":22,"_170":-5,"_171":-7,"_98":727,"_553":728},"538a58d0-3261-11f0-9414-569c3dd06744","5404b440-f52b-11ef-99f0-569c3dd06744",42,["D",1747405404319],7,"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[201,429],"00b049f0bfc288e5f73af71007507eb30ded9090b8988a106e817586af9897c9",{"_102":428,"_95":429,"_157":430,"_159":202,"_160":138,"_161":431,"_163":164,"_104":432,"_99":255,"_166":423,"_168":433,"_169":22,"_170":-5,"_171":-7,"_98":730,"_553":731},[201,429],"613afc6bb002258b4e2607b4ef71f4fd01842f58d20e2f8af5a374fd3b01f1a9",{"_98":733,"_549":734,"_550":743},"frontend/style.css",{"_102":735,"_95":447,"_157":736,"_159":698,"_160":141,"_161":737,"_163":164,"_104":738,"_99":739,"_166":423,"_168":740,"_169":22,"_170":-5,"_171":-7,"_98":741,"_553":742},"e8142ab2-3261-11f0-8425-569c3dd06744","6ce9bd70-3261-11f0-b1e3-569c3dd06744",54,["D",1747405653521],9,"body {\n font-family: -apple-system, Arial, sans-serif;\n color: #333;\n padding: 20px;\n}\n\nbutton {\n background-color: #4a90e2;\n color: white;\n border: none;\n padding: 8px 16px;\n border-radius: 4px;\n cursor: pointer;\n}\n\nbutton:hover {\n background-color: #357ae8;\n}",[201,447],"b49dbacf73399ab7ee7536c11a2a8799cf421abe5c4ce6c0ad730636f7f9a085",{"_102":446,"_95":447,"_157":448,"_159":202,"_160":138,"_161":449,"_163":164,"_104":450,"_99":225,"_166":423,"_168":451,"_169":22,"_170":-5,"_171":-7,"_98":744,"_553":745},[201,447],"de8cfce8e851f967c9bc1a3af36323a61512279f69866b9a91b78c572b9b7f57","hasChanges","sourceBranch","targetBranch",{"_102":141,"_104":750,"_525":751,"_95":43,"_139":146,"_99":527,"_140":-5,"_142":-5,"_528":529,"_106":-5,"_151":22,"_108":109,"_150":520,"_16":148,"_149":517},["D",1740674013689],["D",1755284984205],"pull","actionData","errors"]

n4k0m3

Tickets

Mergen4k0m3/mainintostd/main

README.md+45-13

frontend/index.html+2-2

frontend/style.css+1195-13

.vscode

.vt

.vtignore+6-0

deno.json+37-0

frontend/components/App.jsx+299-0

frontend/components/common

frontend/components/common/Header.jsx+95-0

frontend/components/common/TicketCard.jsx+85-0

frontend/components/common/Toast.jsx+38-0

frontend/components/common/Ui.jsx+83-0

frontend/components/config

frontend/components/config/Constants.jsx+13-0

frontend/components/config/Icons.jsx+128-0

frontend/components/config/Lang.jsx+212-0

frontend/components/controllers

frontend/components/controllers/FetchData.jsx+37-0

frontend/components/filter

frontend/components/filter/FilteredTickets.jsx+13-0

frontend/components/modals

frontend/components/modals/EditTicketModal.jsx+102-0

frontend/components/modals/HelpModal.jsx+57-0

frontend/components/modals/NewTicketModal.jsx+84-0

frontend/components/modals/SettingsModal.jsx+70-0

frontend/components/status

frontend/components/status/GetPriorityClass.jsx+11-0

frontend/components/status/GetStatusClass.jsx+13-0

frontend/components/status/GetStatusTxtClass.jsx+13-0

frontend/index.jsx+10-0

frontend/components/App.tsx+0-12

frontend/index.tsx+0-10