\n \n \n \n",[103,117],"66c0ba6a59ed665547898c37a93612cdf768c41512370e9d3a59b2ce17601625","f08cad9c-760c-11f0-9dfc-0224a6c84d84","db02a8a9-1324-431e-93c3-ede5b3e15868",49,["D",1754845839578],2,"\n\n \n \n \n Tickets app\n \n \n \n \n

\n \n \n \n",[103,117],"613afc6bb002258b4e2607b4ef71f4fd01842f58d20e2f8af5a374fd3b01f1a9","frontend/components/config/Lang.jsx",{"_32":147,"_13":136,"_84":148,"_86":149,"_88":33,"_89":150,"_91":50,"_34":151,"_40":128,"_94":141,"_96":152,"_67":50,"_98":-5,"_99":-7,"_76":153,"_101":154},{"_32":135,"_13":136,"_84":137,"_86":138,"_88":59,"_89":139,"_91":26,"_34":140,"_40":93,"_94":141,"_96":142,"_67":50,"_98":-5,"_99":-7,"_76":143,"_101":144},"6b2abbfa-76fa-11f0-84d0-0224a6c84d84","Lang.jsx","019895ac-4cfc-7302-8b2b-79535864cb2f","019895ac-4cfc-7302-8b2b-7f865d9f51de",168,["D",1754947836023],"script","// 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;",[103,145,146,136],"72e861898dae70c4444d6cff82ec305cf2ecba5a989c6a2e369251eea875a475","components","config","51b1a68c-7625-11f0-a374-0224a6c84d84","4b74fd50-7625-11f0-91d1-0224a6c84d84","dbe1cb3a-7624-11f0-ade8-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};",[103,145,146,136],"ea14f53341eaec39cf0d2726648aa3b92fdd18bef233d1ba9710b900fd8450ae","frontend/components/config/Constants.jsx",{"_32":167,"_13":159,"_84":168,"_86":149,"_88":33,"_89":169,"_91":50,"_34":170,"_40":128,"_94":141,"_96":171,"_67":50,"_98":-5,"_99":-7,"_76":172,"_101":173},{"_32":158,"_13":159,"_84":160,"_86":138,"_88":59,"_89":161,"_91":26,"_34":162,"_40":163,"_94":141,"_96":164,"_67":50,"_98":-5,"_99":-7,"_76":165,"_101":166},"796d140a-762e-11f0-9424-0224a6c84d84","Constants.jsx","019895ac-4cfc-7302-8b2b-718ed664c71e",37,["D",1754860242611],1,"// Configuración\nexport const SNIPPETSCONFIG = \"snippetsConfig\";\nexport const SNIPPETSTHEME = \"snippetstheme\";\nexport const SNIPPETSLANG = \"shippetslanguage\";",[103,145,146,159],"7e03999230cab1bedc552efd4b8627f138d689a861100e4456786f68be3a14b1","3c2b2874-7625-11f0-a44f-0224a6c84d84","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\";",[103,145,146,159],"50824fc4c8e3dcf881aa30c5b8dafef6fc9c9fae6b1d3dab2fde95096a75790d","frontend/components/App.jsx",{"_32":187,"_13":178,"_84":188,"_86":189,"_88":33,"_89":190,"_91":50,"_34":191,"_40":192,"_94":141,"_96":193,"_67":50,"_98":-5,"_99":-7,"_76":194,"_101":195},{"_32":177,"_13":178,"_84":179,"_86":180,"_88":59,"_89":181,"_91":26,"_34":182,"_40":183,"_94":141,"_96":184,"_67":50,"_98":-5,"_99":-7,"_76":185,"_101":186},"0e4d197a-7720-11f0-a61d-0224a6c84d84","App.jsx","019895ac-4cfc-7302-8b2b-b63b1fb68de1","019895ac-4cfc-7302-8b2b-b9ff064a6805",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;",[103,145,178],"644ba5de1f8626eaa082b4edaf7df971b5de1555ab944bb41d5e7422712bfaea","3ae334e2-7626-11f0-8716-0224a6c84d84","f3c03c64-7624-11f0-9d35-0224a6c84d84","beb0b8a0-7624-11f0-9d35-0224a6c84d84",262,["D",1754856701717],3,"/** @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;",[103,145,178],"eb7f67f83ab99f88dd5b4043f184112e57ebaf21d9f5a487e463b43efc7d55de",{"_76":339,"_78":340,"_80":-7},{"_76":329,"_78":330,"_80":-7},{"_76":317,"_78":318,"_80":-7},{"_76":307,"_78":308,"_80":-7},{"_76":295,"_78":296,"_80":-7},{"_76":283,"_78":284,"_80":-7},{"_76":273,"_78":274,"_80":-7},{"_76":263,"_78":264,"_80":-7},{"_76":253,"_78":254,"_80":-7},{"_76":241,"_78":242,"_80":-7},{"_76":231,"_78":232,"_80":-7},{"_76":221,"_78":222,"_80":-7},{"_76":209,"_78":210,"_80":-7},"frontend/components/status/GetStatusTxtClass.jsx",{"_32":211,"_13":212,"_84":213,"_86":214,"_88":33,"_89":215,"_91":50,"_34":216,"_40":128,"_94":141,"_96":217,"_67":50,"_98":-5,"_99":-7,"_76":218,"_101":219},"e11693f0-7625-11f0-ae8a-0224a6c84d84","GetStatusTxtClass.jsx","cd5f5414-7625-11f0-b457-0224a6c84d84","eb53bcd6-7624-11f0-bc03-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;",[103,145,220,212],"cf4b67c153d3f9a82215e55322178e9f361edb77e2d1fb72c45f79605b7490c0","status","frontend/components/status/GetStatusClass.jsx",{"_32":223,"_13":224,"_84":225,"_86":214,"_88":33,"_89":226,"_91":50,"_34":227,"_40":128,"_94":141,"_96":228,"_67":50,"_98":-5,"_99":-7,"_76":229,"_101":230},"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;",[103,145,220,224],"9cab2e50f46865cf9e0de5badb35f745e86a145c79a0b8b575d26641500c00c1","frontend/components/status/GetPriorityClass.jsx",{"_32":233,"_13":234,"_84":235,"_86":214,"_88":33,"_89":236,"_91":50,"_34":237,"_40":128,"_94":141,"_96":238,"_67":50,"_98":-5,"_99":-7,"_76":239,"_101":240},"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;",[103,145,220,234],"830015acdcefd082b514edaa5a7b10e754809921c33a1547786c0c0cce2cd2f8","frontend/components/modals/SettingsModal.jsx",{"_32":243,"_13":244,"_84":245,"_86":246,"_88":33,"_89":247,"_91":50,"_34":248,"_40":192,"_94":141,"_96":249,"_67":50,"_98":-5,"_99":-7,"_76":250,"_101":251},"37f80780-7626-11f0-9827-0224a6c84d84","SettingsModal.jsx","a36adfde-7625-11f0-97ec-0224a6c84d84","e6a3b09c-7624-11f0-8f22-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;",[103,145,252,244],"bba815738cd6bce65a391a4a7e31e9c0e3b53a397f5e02e4e40aa488db9127d3","modals","frontend/components/modals/NewTicketModal.jsx",{"_32":255,"_13":256,"_84":257,"_86":246,"_88":33,"_89":258,"_91":50,"_34":259,"_40":128,"_94":141,"_96":260,"_67":50,"_98":-5,"_99":-7,"_76":261,"_101":262},"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;",[103,145,252,256],"e01f17310b76292a90051347a990fd94eda0795438ae45d31ef9b2d301a43006","frontend/components/modals/HelpModal.jsx",{"_32":265,"_13":266,"_84":267,"_86":246,"_88":33,"_89":268,"_91":50,"_34":269,"_40":192,"_94":141,"_96":270,"_67":50,"_98":-5,"_99":-7,"_76":271,"_101":272},"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;",[103,145,252,266],"aa07fe80311c50e64f0d7c6546c7f607bf0033bd161f9ab33e08ebc3e94e88ef","frontend/components/modals/EditTicketModal.jsx",{"_32":275,"_13":276,"_84":277,"_86":246,"_88":33,"_89":278,"_91":50,"_34":279,"_40":192,"_94":141,"_96":280,"_67":50,"_98":-5,"_99":-7,"_76":281,"_101":282},"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;",[103,145,252,276],"fc60769e3171b32bf155c520fbba7b24ff279d72b513d3d6e761deeda55846d2","frontend/components/filter/FilteredTickets.jsx",{"_32":285,"_13":286,"_84":287,"_86":288,"_88":33,"_89":289,"_91":50,"_34":290,"_40":128,"_94":141,"_96":291,"_67":50,"_98":-5,"_99":-7,"_76":292,"_101":293},"6ffec84a-7625-11f0-ad74-0224a6c84d84","FilteredTickets.jsx","654287e8-7625-11f0-ad74-0224a6c84d84","e3942c92-7624-11f0-97fd-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;",[103,145,294,286],"1b9fe16a20a0a231fa3ab935322063f8f0562be73370a3ff530de01a6c2ed909","filter","frontend/components/controllers/FetchData.jsx",{"_32":297,"_13":298,"_84":299,"_86":300,"_88":33,"_89":301,"_91":50,"_34":302,"_40":128,"_94":141,"_96":303,"_67":50,"_98":-5,"_99":-7,"_76":304,"_101":305},"5dd65fa2-7625-11f0-9fab-0224a6c84d84","FetchData.jsx","5739eb14-7625-11f0-ae8a-0224a6c84d84","df42bcb2-7624-11f0-8176-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};",[103,145,306,298],"4db9455696cc6d7d7d10c7d94d259487e3101d4bd22e315e9b81188f0d096a27","controllers","frontend/components/config/Icons.jsx",{"_32":309,"_13":310,"_84":311,"_86":149,"_88":33,"_89":312,"_91":50,"_34":313,"_40":128,"_94":141,"_96":314,"_67":50,"_98":-5,"_99":-7,"_76":315,"_101":316},"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};",[103,145,146,310],"741cc4d95670a1330ea88818482759becd06b8faab474c06007e0bfcb1f4e9c1","frontend/components/common/Toast.jsx",{"_32":319,"_13":320,"_84":321,"_86":322,"_88":33,"_89":323,"_91":50,"_34":324,"_40":192,"_94":141,"_96":325,"_67":50,"_98":-5,"_99":-7,"_76":326,"_101":327},"197570ea-7626-11f0-a08d-0224a6c84d84","Toast.jsx","1f2ae854-7625-11f0-a334-0224a6c84d84","d6f0ab64-7624-11f0-a2ab-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};",[103,145,328,320],"276d9e4cdd68870dcd09158affe3ef4dc311a88d86b553ed6c64f8ce432522f6","common","frontend/components/common/TicketCard.jsx",{"_32":331,"_13":332,"_84":333,"_86":322,"_88":33,"_89":334,"_91":50,"_34":335,"_40":192,"_94":141,"_96":336,"_67":50,"_98":-5,"_99":-7,"_76":337,"_101":338},"112821f8-7626-11f0-9827-0224a6c84d84","TicketCard.jsx","0f4f5c58-7625-11f0-a62f-0224a6c84d84",255,["D",1754856631704],"/** @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;",[103,145,328,332],"b27ea29a3bac6516e438b20ac466f6a694bb98008153e92bd42d7e1ddbe9c479","frontend/components/common/Header.jsx",{"_32":341,"_13":342,"_84":343,"_86":322,"_88":33,"_89":344,"_91":50,"_34":345,"_40":109,"_94":141,"_96":346,"_67":50,"_98":-5,"_99":-7,"_76":347,"_101":348},"12979e88-7626-11f0-9d18-0224a6c84d84","Header.jsx","019be0c2-7625-11f0-9439-0224a6c84d84",256,["D",1754856634111],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\nimport { Button, InputF, SelectF } from \"./Ui.jsx\";\nimport { lang } from \"../config/Lang.jsx\";\nimport { ICONS } from \"../config/Icons.jsx\";\nimport { TICKET_PRIORITIES, TICKET_STATUSES } from \"../config/Constants.jsx\"; // Ajusta la ruta a tus constantes\n\nconst Header = ({\n filters,\n setFilters,\n currentLang,\n setLanguage,\n isDarkMode,\n setIsDarkMode,\n setModal,\n}) => {\n return (\n

\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;",[103,145,328,342],"706d24c5399b2ced1d07e2d222ad884c6aae784f3f48a270524e1207cd4a417c",{"_76":466,"_78":-7,"_80":467},{"_76":455,"_78":-7,"_80":456},{"_76":445,"_78":-7,"_80":446},{"_76":435,"_78":-7,"_80":436},{"_76":425,"_78":-7,"_80":426},{"_76":414,"_78":-7,"_80":415},{"_76":404,"_78":-7,"_80":405},{"_76":393,"_78":-7,"_80":394},{"_76":382,"_78":-7,"_80":383},{"_76":371,"_78":-7,"_80":372},{"_76":360,"_78":-7,"_80":361},"frontend/components/modals/Notification.jsx",{"_32":362,"_13":363,"_84":364,"_86":365,"_88":59,"_89":366,"_91":26,"_34":367,"_40":128,"_94":141,"_96":368,"_67":50,"_98":-5,"_99":-7,"_76":369,"_101":370},"fe9e3b4a-76a1-11f0-a26f-0224a6c84d84","Notification.jsx","b7c4bac8-76a1-11f0-899b-0224a6c84d84","019895ac-4cfc-7302-8b2b-a26ea050e954",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;",[103,145,252,363],"39fd05a8c12435cbe9369450f7541e2b5ceacacbdffd7e88d8f59c6a080b0b6b","frontend/components/modals/ModalDialog.jsx",{"_32":373,"_13":374,"_84":375,"_86":365,"_88":59,"_89":376,"_91":26,"_34":377,"_40":378,"_94":141,"_96":379,"_67":50,"_98":-5,"_99":-7,"_76":380,"_101":381},"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;",[103,145,252,374],"bc23b3b994d08516b56de5d4a6787fc72ee7bbd6c37adda4e2a180a8950b40a2","frontend/components/modals/ModalAlert.jsx",{"_32":384,"_13":385,"_84":386,"_86":365,"_88":59,"_89":387,"_91":26,"_34":388,"_40":389,"_94":141,"_96":390,"_67":50,"_98":-5,"_99":-7,"_76":391,"_101":392},"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;",[103,145,252,385],"035868d9f4eca84fde4fbf27f040f1c5c2aa97f862446ee87c9e34955984f37a","frontend/components/modals/GenerateTokenModal.jsx",{"_32":395,"_13":396,"_84":397,"_86":365,"_88":59,"_89":398,"_91":26,"_34":399,"_40":400,"_94":141,"_96":401,"_67":50,"_98":-5,"_99":-7,"_76":402,"_101":403},"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;",[103,145,252,396],"17f13766a992b9e3bd5e6b4108fe2173a966ee41883b5f7da0b436d156ebe001","frontend/components/modals/ConfirmDeleteModal.jsx",{"_32":406,"_13":407,"_84":408,"_86":365,"_88":59,"_89":409,"_91":26,"_34":410,"_40":109,"_94":141,"_96":411,"_67":50,"_98":-5,"_99":-7,"_76":412,"_101":413},"e9cbc3f8-76a2-11f0-b417-0224a6c84d84","ConfirmDeleteModal.jsx","23e970cc-76a2-11f0-974b-0224a6c84d84",105,["D",1754910252757],"/** @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;",[103,145,252,407],"2fac50de1ee44ce01ee5958aa1b9fac2fc8a455f934a0373e4b10d0a62e4cc99","frontend/components/controllers/StringUtils.jsx",{"_32":416,"_13":417,"_84":418,"_86":419,"_88":59,"_89":420,"_91":26,"_34":421,"_40":109,"_94":141,"_96":422,"_67":50,"_98":-5,"_99":-7,"_76":423,"_101":424},"339db2e0-769c-11f0-abca-0224a6c84d84","StringUtils.jsx","afebdc46-762e-11f0-9a11-0224a6c84d84","019895ac-4cfc-7302-8b2b-866bcedaa5a4",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;",[103,145,306,417],"961209a5ad2b2fa1de0e79df03496fcc3008b95c1a70ca81efb8add77e65fd01","frontend/components/controllers/StorageUtils.jsx",{"_32":427,"_13":428,"_84":429,"_86":419,"_88":59,"_89":430,"_91":26,"_34":431,"_40":109,"_94":141,"_96":432,"_67":50,"_98":-5,"_99":-7,"_76":433,"_101":434},"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;",[103,145,306,428],"bc8750289ccbd14dafc6a3114360a02852e3e094bfb0292164e123365bbbdafb","frontend/components/controllers/CallGeminiAPI.jsx",{"_32":437,"_13":438,"_84":439,"_86":419,"_88":59,"_89":440,"_91":26,"_34":441,"_40":192,"_94":141,"_96":442,"_67":50,"_98":-5,"_99":-7,"_76":443,"_101":444},"52646850-76eb-11f0-bd40-0224a6c84d84","CallGeminiAPI.jsx","d7884f7a-76ea-11f0-9bc4-0224a6c84d84",149,["D",1754941352004],"/**\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}",[103,145,306,438],"e5307267879eece721e911073f7a360eeed51407ffd16bb942131ea5690288e7","frontend/components/controllers/Api.jsx",{"_32":447,"_13":448,"_84":449,"_86":419,"_88":59,"_89":450,"_91":26,"_34":451,"_40":128,"_94":141,"_96":452,"_67":50,"_98":-5,"_99":-7,"_76":453,"_101":454},"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}",[103,145,306,448],"b2c631f651eaab8a6e50dbc8d1ec78611787707a0efe083f7a5fe825ac6e64f0","frontend/components/common/Preloader.jsx",{"_32":457,"_13":458,"_84":459,"_86":460,"_88":59,"_89":461,"_91":26,"_34":462,"_40":128,"_94":141,"_96":463,"_67":50,"_98":-5,"_99":-7,"_76":464,"_101":465},"d0ba5ffa-771f-11f0-a3f2-0224a6c84d84","Preloader.jsx","b43d30b4-771f-11f0-a61d-0224a6c84d84","019895ac-4cfc-7302-8b2b-6e92bbda50b2",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;",[103,145,328,458],"4e9d7f1581dc3eda34eaf806f0f76dee1ea0d4fb5238a021208b50870d0bd4d6","frontend/components/common/Icons.jsx",{"_32":468,"_13":310,"_84":469,"_86":460,"_88":59,"_89":470,"_91":26,"_34":471,"_40":472,"_94":141,"_96":473,"_67":50,"_98":-5,"_99":-7,"_76":474,"_101":475},"168740b8-83ad-11f0-b26d-0224a6c84d84","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);",[103,145,328,310],"4952f4d81ff49a95642f1a3d77fb09bca0a2877f978e4956836cf208535725fe",["D",1754857753803],"legacyEnvVars","httpPrivacy","description","App to save snippets","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/c08cc94f-40df-42e7-10b9-09e73d16e800/square512?exp=1789538399&sig=7654e0c36eb572b6dc3afb0c341deffaf06116018869d57c3f66f1c29a9bfc12","userId","eb08d5b0-4f53-11f0-babe-cd8177b6b491","pinnedFileId","019895ac-4cfc-7302-8b2b-54280e16da9b","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_516":512},"org",{"_11":12,"_510":-5,"_511":512,"_483":484,"_513":514,"_515":50},"branch","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ6QmJQY1E4aW5WbkRzNXBrNmpGRkNtUkdsZSJ9","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":60,"_13":14,"_34":746,"_48":-5,"_477":50,"_51":52,"_478":52,"_479":480,"_481":482,"_483":484,"_485":486,"_487":26,"_488":26,"_489":-5,"_490":491,"_54":55,"_492":-5,"_493":-5,"_494":-5,"_495":-5,"_496":497,"_498":497,"_499":500,"_501":500,"_502":500,"_503":497,"_504":497,"_505":747,"_507":748,"_509":749,"_49":50},"tree",[600,601,602,604,631,632,633],"files",[600,601,602,603,604,605,606,607,608,609,610,611,612,613,614,615,616,617,618,619,620,621,622,623,624,625,626,627,628,629,630,631,632,633],"counts",{"_590":491,"_591":163,"_592":491,"_593":594,"_595":596},"contents",[545,546,547,548,549,550,551],"upstreamProject",{"_32":39,"_13":57,"_479":542,"_481":543,"_51":52,"_505":544},"upstreamBranch",{"_32":33,"_34":540,"_36":541,"_13":16,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":12,"_54":55,"_56":57},"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=1789538399&sig=5086e3003319b9a362c59ad15f6289a9f934f5b09675cc16390fe0e43230d7a0",{"_11":12,"_516":512},{"_32":585,"_13":586,"_84":587,"_86":-5,"_88":59,"_89":163,"_91":26,"_34":588,"_40":491,"_94":573,"_96":-5,"_67":50,"_98":-5,"_76":589},{"_32":580,"_13":581,"_84":582,"_86":-5,"_88":59,"_89":163,"_91":26,"_34":583,"_40":491,"_94":573,"_96":-5,"_67":50,"_98":-5,"_76":584},{"_32":575,"_13":576,"_84":577,"_86":-5,"_88":59,"_89":163,"_91":26,"_34":578,"_40":491,"_94":573,"_96":-5,"_67":50,"_98":-5,"_76":579},{"_32":571,"_13":103,"_84":87,"_86":-5,"_88":59,"_89":163,"_91":26,"_34":572,"_40":491,"_94":573,"_96":-5,"_67":50,"_98":-5,"_76":574},{"_32":565,"_13":566,"_84":567,"_86":-5,"_88":59,"_89":163,"_91":26,"_34":568,"_40":491,"_94":95,"_96":569,"_67":50,"_98":-5,"_76":570},{"_32":559,"_13":560,"_84":561,"_86":-5,"_88":59,"_89":163,"_91":26,"_34":562,"_40":491,"_94":95,"_96":563,"_67":50,"_98":-5,"_76":564},{"_32":552,"_13":553,"_84":554,"_86":-5,"_88":59,"_89":555,"_91":26,"_34":556,"_40":128,"_94":95,"_96":557,"_67":50,"_98":-5,"_76":558},"05824680-762b-11f0-a433-0224a6c84d84","deno.json","019895ac-4cfc-7302-8b2b-d83ff0537ee1",14,["D",1754858759645],"{\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}",[553],"ae035838-7628-11f0-81c8-0224a6c84d84","README.md","019895ac-4cfc-7302-8b2b-d46c6f286bcd",["D",1754857753803],"# 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.",[560],"ae03572a-7628-11f0-81c8-0224a6c84d84",".vtignore","019895ac-4cfc-7302-8b2b-d0bc977a1846",["D",1754857753803],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[566],"ae0355e0-7628-11f0-81c8-0224a6c84d84",["D",1754857753803],"directory",[103],"ae02fb04-7628-11f0-81c8-0224a6c84d84","backend","019895ac-4cfc-7302-8b2b-5a81a9179d82",["D",1754857753803],[576],"ae02f32a-7628-11f0-81c8-0224a6c84d84",".vt","019895ac-4cfc-7302-8b2b-53e3e3353b21",["D",1754857753803],[581],"ae02ebe6-7628-11f0-81c8-0224a6c84d84",".vscode","019895ac-4cfc-7302-8b2b-4e15f941f316",["D",1754857753803],[586],"pulls","branches","forks","envVars",{"_597":491,"_599":491},"connections",{"_597":491,"_598":491},"count","unfilledCount","emptyCount",{"_32":585,"_13":586,"_84":587,"_86":-5,"_88":59,"_89":163,"_91":26,"_34":743,"_40":491,"_94":573,"_96":-5,"_67":50,"_98":-5,"_99":744,"_76":745},{"_32":580,"_13":581,"_84":582,"_86":-5,"_88":59,"_89":163,"_91":26,"_34":740,"_40":491,"_94":573,"_96":-5,"_67":50,"_98":-5,"_99":741,"_76":742},{"_32":575,"_13":576,"_84":577,"_86":-5,"_88":59,"_89":163,"_91":26,"_34":737,"_40":491,"_94":573,"_96":-5,"_67":50,"_98":-5,"_99":738,"_76":739},{"_32":730,"_13":731,"_84":486,"_86":577,"_88":59,"_89":163,"_91":26,"_34":732,"_40":491,"_94":733,"_96":734,"_67":50,"_98":-5,"_99":735,"_76":736},{"_32":571,"_13":103,"_84":87,"_86":-5,"_88":59,"_89":163,"_91":26,"_34":727,"_40":491,"_94":573,"_96":-5,"_67":50,"_98":-5,"_99":728,"_76":729},{"_32":723,"_13":145,"_84":180,"_86":87,"_88":59,"_89":163,"_91":26,"_34":724,"_40":491,"_94":573,"_96":-5,"_67":50,"_98":-5,"_99":725,"_76":726},{"_32":719,"_13":328,"_84":460,"_86":180,"_88":59,"_89":163,"_91":26,"_34":720,"_40":491,"_94":573,"_96":-5,"_67":50,"_98":-5,"_99":721,"_76":722},{"_32":468,"_13":310,"_84":469,"_86":460,"_88":59,"_89":470,"_91":26,"_34":471,"_40":472,"_94":141,"_96":473,"_67":50,"_98":-5,"_99":717,"_76":718},{"_32":457,"_13":458,"_84":459,"_86":460,"_88":59,"_89":461,"_91":26,"_34":462,"_40":128,"_94":141,"_96":463,"_67":50,"_98":-5,"_99":715,"_76":716},{"_32":707,"_13":708,"_84":709,"_86":460,"_88":59,"_89":710,"_91":26,"_34":711,"_40":109,"_94":141,"_96":712,"_67":50,"_98":-5,"_99":713,"_76":714},{"_32":703,"_13":146,"_84":138,"_86":180,"_88":59,"_89":163,"_91":26,"_34":704,"_40":491,"_94":573,"_96":-5,"_67":50,"_98":-5,"_99":705,"_76":706},{"_32":158,"_13":159,"_84":160,"_86":138,"_88":59,"_89":161,"_91":26,"_34":162,"_40":163,"_94":141,"_96":164,"_67":50,"_98":-5,"_99":701,"_76":702},{"_32":135,"_13":136,"_84":137,"_86":138,"_88":59,"_89":139,"_91":26,"_34":140,"_40":93,"_94":141,"_96":142,"_67":50,"_98":-5,"_99":699,"_76":700},{"_32":695,"_13":306,"_84":419,"_86":180,"_88":59,"_89":163,"_91":26,"_34":696,"_40":491,"_94":573,"_96":-5,"_67":50,"_98":-5,"_99":697,"_76":698},{"_32":447,"_13":448,"_84":449,"_86":419,"_88":59,"_89":450,"_91":26,"_34":451,"_40":128,"_94":141,"_96":452,"_67":50,"_98":-5,"_99":693,"_76":694},{"_32":437,"_13":438,"_84":439,"_86":419,"_88":59,"_89":440,"_91":26,"_34":441,"_40":192,"_94":141,"_96":442,"_67":50,"_98":-5,"_99":691,"_76":692},{"_32":427,"_13":428,"_84":429,"_86":419,"_88":59,"_89":430,"_91":26,"_34":431,"_40":109,"_94":141,"_96":432,"_67":50,"_98":-5,"_99":689,"_76":690},{"_32":416,"_13":417,"_84":418,"_86":419,"_88":59,"_89":420,"_91":26,"_34":421,"_40":109,"_94":141,"_96":422,"_67":50,"_98":-5,"_99":687,"_76":688},{"_32":682,"_13":294,"_84":683,"_86":180,"_88":59,"_89":163,"_91":26,"_34":684,"_40":491,"_94":573,"_96":-5,"_67":50,"_98":-5,"_99":685,"_76":686},{"_32":678,"_13":252,"_84":365,"_86":180,"_88":59,"_89":163,"_91":26,"_34":679,"_40":491,"_94":573,"_96":-5,"_67":50,"_98":-5,"_99":680,"_76":681},{"_32":406,"_13":407,"_84":408,"_86":365,"_88":59,"_89":409,"_91":26,"_34":410,"_40":109,"_94":141,"_96":411,"_67":50,"_98":-5,"_99":676,"_76":677},{"_32":395,"_13":396,"_84":397,"_86":365,"_88":59,"_89":398,"_91":26,"_34":399,"_40":400,"_94":141,"_96":401,"_67":50,"_98":-5,"_99":674,"_76":675},{"_32":384,"_13":385,"_84":386,"_86":365,"_88":59,"_89":387,"_91":26,"_34":388,"_40":389,"_94":141,"_96":390,"_67":50,"_98":-5,"_99":672,"_76":673},{"_32":373,"_13":374,"_84":375,"_86":365,"_88":59,"_89":376,"_91":26,"_34":377,"_40":378,"_94":141,"_96":379,"_67":50,"_98":-5,"_99":670,"_76":671},{"_32":362,"_13":363,"_84":364,"_86":365,"_88":59,"_89":366,"_91":26,"_34":367,"_40":128,"_94":141,"_96":368,"_67":50,"_98":-5,"_99":668,"_76":669},{"_32":663,"_13":220,"_84":664,"_86":180,"_88":59,"_89":163,"_91":26,"_34":665,"_40":491,"_94":573,"_96":-5,"_67":50,"_98":-5,"_99":666,"_76":667},{"_32":177,"_13":178,"_84":179,"_86":180,"_88":59,"_89":181,"_91":26,"_34":182,"_40":183,"_94":141,"_96":184,"_67":50,"_98":-5,"_99":661,"_76":662},{"_32":654,"_13":655,"_84":656,"_86":87,"_88":59,"_89":163,"_91":26,"_34":657,"_40":491,"_94":95,"_96":658,"_67":50,"_98":-5,"_99":659,"_76":660},{"_32":116,"_13":117,"_84":118,"_86":87,"_88":59,"_89":58,"_91":26,"_34":119,"_40":120,"_94":95,"_96":121,"_67":50,"_98":-5,"_99":652,"_76":653},{"_32":645,"_13":646,"_84":647,"_86":87,"_88":59,"_89":163,"_91":26,"_34":648,"_40":491,"_94":141,"_96":649,"_67":50,"_98":-5,"_99":650,"_76":651},{"_32":82,"_13":83,"_84":85,"_86":87,"_88":59,"_89":90,"_91":26,"_34":92,"_40":93,"_94":95,"_96":97,"_67":50,"_98":-5,"_99":643,"_76":644},{"_32":565,"_13":566,"_84":567,"_86":-5,"_88":59,"_89":163,"_91":26,"_34":640,"_40":491,"_94":95,"_96":569,"_67":50,"_98":-5,"_99":641,"_76":642},{"_32":559,"_13":560,"_84":561,"_86":-5,"_88":59,"_89":163,"_91":26,"_34":637,"_40":491,"_94":95,"_96":563,"_67":50,"_98":-5,"_99":638,"_76":639},{"_32":552,"_13":553,"_84":554,"_86":-5,"_88":59,"_89":555,"_91":26,"_34":634,"_40":128,"_94":95,"_96":557,"_67":50,"_98":-5,"_99":635,"_76":636},["D",1754858759645],[],[553],["D",1754857753803],[],[560],["D",1754857753803],[],[566],[],[103,83],"ae03428a-7628-11f0-81c8-0224a6c84d84","index.jsx","019895ac-4cfc-7302-8b2b-c68deb5aa83c",["D",1754857753803],"/** @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();",[],[103,646],[],[103,117],"ae034050-7628-11f0-81c8-0224a6c84d84","favicon.svg","019895ac-4cfc-7302-8b2b-be5a2bcf4246",["D",1754857753803],"\n",[],[103,655],[],[103,145,178],"ae0335ce-7628-11f0-81c8-0224a6c84d84","019895ac-4cfc-7302-8b2b-b3a7239a9585",["D",1754857753803],[],[103,145,220],[],[103,145,252,363],[],[103,145,252,374],[],[103,145,252,385],[],[103,145,252,396],[],[103,145,252,407],"ae032d9a-7628-11f0-81c8-0224a6c84d84",["D",1754857753803],[620,621,622,623,624],[103,145,252],"ae0322b4-7628-11f0-81c8-0224a6c84d84","019895ac-4cfc-7302-8b2b-8cd460d38727",["D",1754857753803],[],[103,145,294],[],[103,145,306,417],[],[103,145,306,428],[],[103,145,306,438],[],[103,145,306,448],"ae031f1c-7628-11f0-81c8-0224a6c84d84",["D",1754857753803],[614,615,616,617],[103,145,306],[],[103,145,146,136],[],[103,145,146,159],"ae031c56-7628-11f0-81c8-0224a6c84d84",["D",1754857753803],[611,612],[103,145,146],"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};",[],[103,145,328,708],[],[103,145,328,458],[],[103,145,328,310],"ae030964-7628-11f0-81c8-0224a6c84d84",["D",1754857753803],[607,608,609],[103,145,328],"ae033f24-7628-11f0-81c8-0224a6c84d84",["D",1754857753803],[606,610,613,618,619,625,626],[103,145],["D",1754857753803],[605,627,628,629,630],[103],"ae02f582-7628-11f0-81c8-0224a6c84d84","index.ts",["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;",[],[576,731],["D",1754857753803],[603],[576],["D",1754857753803],[],[581],["D",1754857753803],[],[586],["D",1754857753803],{"_11":12,"_516":512},{"_11":12,"_510":-5,"_511":512,"_483":484,"_513":514,"_515":50},{"_40":58,"_13":16,"_32":59,"_38":60,"_42":33,"_44":61,"_62":52,"_63":39,"_64":55,"_56":14,"_53":12},"ctx",{"_505":-5,"_537":783,"_784":785,"_786":787,"_788":50,"_789":50,"_790":50,"_791":26,"_792":-5,"_793":-7,"_794":-7,"_795":491,"_796":50,"_797":50,"_798":-5,"_799":50,"_800":50,"_801":50,"_802":-5},"ENV",{"_754":755,"_756":757,"_758":16,"_759":760,"_761":762,"_763":764,"_765":766,"_767":768,"_769":770,"_771":772,"_773":774,"_775":776,"_777":778,"_779":780,"_781":782},"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"]

Compare

MergeSnippets/mainintoTickets/main

frontend/components/App.jsx+769-244

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

frontend/components/config/Lang.jsx+197-206

frontend/index.html+11-3

frontend/style.css+78-1143

frontend/components/common/Icons.jsx+177-0

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

frontend/components/controllers/Api.jsx+61-0

frontend/components/controllers/CallGeminiAPI.jsx+56-0

frontend/components/controllers/StorageUtils.jsx+19-0

frontend/components/controllers/StringUtils.jsx+35-0

frontend/components/modals/ConfirmDeleteModal.jsx+37-0

frontend/components/modals/GenerateTokenModal.jsx+118-0

frontend/components/modals/ModalAlert.jsx+13-0

frontend/components/modals/ModalDialog.jsx+22-0

frontend/components/modals/Notification.jsx+154-0

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

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

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

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

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

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

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

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

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

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

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

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

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