zerochat 7.3.0__py3-none-any.whl

zerochat_runtime/assets/css/layout.css

@@ -0,0 +1,171 @@
+/* ==========================================================================
+   Contenedor Principal del Chat (Usa el 100% del alto disponible)
+   ========================================================================== */
+.chat-container {
+  flex: 1 1 0%;
+  min-height: 0;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  max-width: 100%;
+  margin: 0;
+  height: 100%;
+  max-height: 100%;
+  position: relative;
+  padding: 0;
+  background-color: var(--bg-app);
+}
+
+.messages-list {
+  flex: 1 1 0%;
+  min-height: 0;
+  min-width: 0;
+  height: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+  -webkit-overflow-scrolling: touch;
+  padding: 0.5rem 1rem 1rem 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  scroll-behavior: smooth;
+  width: 100%;
+  max-width: 100%;
+}
+
+/* Estado de Bienvenida */
+.welcome-banner {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin: auto auto;
+  text-align: center;
+  padding: 3rem 1.5rem;
+  max-width: var(--max-content-width, 68rem);
+  width: 100%;
+  align-self: center;
+  animation: fadeIn 0.3s ease-out;
+}
+
+.welcome-icon {
+  width: 60px;
+  height: 60px;
+  margin: 0 auto 1.25rem auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: linear-gradient(135deg, var(--primary-light), var(--bg-surface));
+  color: var(--primary);
+  border-radius: var(--radius-lg);
+  border: 1px solid var(--border-color);
+  box-shadow: var(--shadow-sm);
+}
+
+.welcome-banner h2 {
+  font-size: 1.75rem;
+  font-weight: 700;
+  letter-spacing: -0.025em;
+  margin-bottom: 0.35rem;
+  color: var(--text-main);
+}
+
+.welcome-desc {
+  color: var(--text-muted);
+  font-size: 0.95rem;
+  line-height: 1.5;
+  margin-bottom: 1.5rem;
+}
+
+.welcome-status-badge {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  padding: 0.45rem 1rem;
+  background-color: var(--bg-surface);
+  border: 1px solid var(--border-color);
+  border-radius: 9999px;
+  font-size: 0.825rem;
+  font-weight: 500;
+  color: var(--text-muted);
+  box-shadow: var(--shadow-sm);
+}
+
+.welcome-help-link {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  width: fit-content;
+  margin: 0.75rem auto 0;
+  cursor: pointer;
+  text-decoration: none;
+  color: var(--text-muted);
+  transition: all 0.2s ease;
+}
+
+.welcome-help-link:hover {
+  color: var(--primary);
+  border-color: var(--primary);
+  background-color: var(--primary-light);
+}
+
+.execution-info-body {
+  display: grid;
+  gap: 0.85rem;
+}
+
+.execution-info-body p {
+  margin: 0;
+  line-height: 1.5;
+}
+
+.execution-info-dialog [hidden] {
+  display: none;
+}
+
+.status-dot {
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  background-color: var(--success);
+  display: inline-block;
+  box-shadow: 0 0 6px var(--success);
+}
+
+
+
+/* ==========================================================================
+   Responsive
+   ========================================================================== */
+@media (max-width: 640px) {
+
+
+
+
+  .messages-list {
+    padding: 0.5rem;
+  }
+
+  .message-content-wrapper {
+    max-width: 100%;
+  }
+
+  .message-content {
+    padding: 0.75rem 0.9rem;
+  }
+
+  .modal-footer {
+    flex-direction: column-reverse;
+    align-items: stretch;
+    gap: 0.75rem;
+  }
+
+  .footer-actions-left,
+  .footer-actions-right {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+}

zerochat_runtime/assets/css/print.css

@@ -0,0 +1,120 @@
+/* ==========================================================================
+   Estilos de Impresión (@media print)
+   ========================================================================== */
+@media print {
+  @page {
+    margin: 1.5cm;
+    size: auto;
+  }
+
+  html, body {
+    height: auto !important;
+    min-height: 0 !important;
+    overflow: visible !important;
+    overflow-x: visible !important;
+    overflow-y: visible !important;
+    background: #ffffff !important;
+    color: #000000 !important;
+    position: static !important;
+    width: 100% !important;
+    display: block !important;
+  }
+
+  .chat-sidebar,
+  .debug-panel,
+  .app-header,
+  .chat-input-wrapper,
+  .message-actions,
+  .btn-msg-action,
+  .welcome-banner,
+  dialog {
+    display: none !important;
+  }
+
+  .chat-container {
+    height: auto !important;
+    min-height: 0 !important;
+    max-height: none !important;
+    overflow: visible !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    max-width: 100% !important;
+    width: 100% !important;
+    display: block !important;
+    position: static !important;
+  }
+
+  .messages-list {
+    height: auto !important;
+    min-height: 0 !important;
+    max-height: none !important;
+    overflow: visible !important;
+    overflow-y: visible !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    display: block !important;
+    gap: 0 !important;
+  }
+
+  .message-wrapper {
+    display: block !important;
+    width: 100% !important;
+    margin-bottom: 1.5rem !important;
+    page-break-inside: avoid;
+    break-inside: avoid;
+    animation: none !important;
+  }
+
+  .message-row {
+    display: block !important;
+    width: 100% !important;
+  }
+
+  .message-content-wrapper {
+    display: block !important;
+    width: 100% !important;
+    max-width: 100% !important;
+  }
+
+  .message-content {
+    width: 100% !important;
+    max-width: 100% !important;
+    display: block !important;
+    box-shadow: none !important;
+    border: 1px solid #e2e8f0 !important;
+    background-color: #f8fafc !important;
+    color: #0f172a !important;
+    border-radius: 6px !important;
+    padding: 0.8rem 1rem !important;
+    page-break-inside: auto;
+    break-inside: auto;
+  }
+
+  .message-row.user .message-content {
+    background-color: #f1f5f9 !important;
+    color: #0f172a !important;
+    border-left: 4px solid #3b82f6 !important;
+  }
+
+  .message-row.assistant .message-content {
+    background-color: #ffffff !important;
+    color: #0f172a !important;
+    border-left: 4px solid #10b981 !important;
+  }
+
+  .message-footer-row {
+    display: none !important;
+  }
+
+  pre, code {
+    white-space: pre-wrap !important;
+    word-break: break-word !important;
+    page-break-inside: avoid;
+    break-inside: avoid;
+  }
+
+  table {
+    page-break-inside: avoid;
+    break-inside: avoid;
+  }
+}

zerochat_runtime/assets/css/styles.css

@@ -0,0 +1,18 @@
+/**
+ * ZeroChat Professional Modular Stylesheet
+ * Índice maestro para desarrollo y compatibilidad
+ */
+@import "tokens.css";
+@import "base.css";
+@import "layout.css";
+@import "components/icons.css";
+@import "components/header.css";
+@import "components/sidebar.css";
+@import "components/messages.css";
+@import "components/markdown.css";
+@import "components/composer.css";
+@import "components/modals.css";
+@import "components/tools.css";
+@import "components/debug.css";
+@import "theme-overrides.css";
+@import "print.css";