agentgui 1.0.882 → 1.0.884

package/static/css/ui-fixes.css

@@ -1,193 +0,0 @@
-/* =====================================================================
-   ui-fixes.css — Design corrections layered on top of main.css
-   Targets styles missing or broken for current markup (index.html).
-   Loaded AFTER main.css so selectors here win on ties.
-   ===================================================================== */
-
-/* ---------- Design tokens: richer spacing + elevation ---------- */
-:root {
-  --radius-sm: 0.375rem;
-  --radius-md: 0.5rem;
-  --radius-lg: 0.75rem;
-  --radius-xl: 1rem;
-  --shadow-sm: 0 1px 2px rgba(15,23,42,0.06);
-  --shadow-md: 0 4px 12px rgba(15,23,42,0.08);
-  --shadow-lg: 0 12px 32px rgba(15,23,42,0.12);
-  --color-bg-raised: #ffffff;
-  --color-bg-hover: rgba(15,23,42,0.04);
-  --color-focus-ring: rgba(59,130,246,0.35);
-  --sidebar-width: 272px;
-}
-html.dark {
-  --color-bg-raised: #202020;
-  --color-bg-hover: rgba(255,255,255,0.05);
-  --shadow-sm: 0 1px 2px rgba(0,0,0,0.4);
-  --shadow-md: 0 4px 12px rgba(0,0,0,0.45);
-  --shadow-lg: 0 12px 32px rgba(0,0,0,0.55);
-  --color-focus-ring: rgba(96,165,250,0.45);
-}
-
-/* ---------- Sidebar header: two rows, fix 422px overflow ---------- */
-.sidebar-header {
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  gap: 0.5rem;
-  padding: 0.625rem 0.75rem;
-  min-height: var(--header-height);
-  border-bottom: 1px solid var(--color-border);
-}
-.sidebar-header h2 {
-  font-size: 0.75rem;
-  font-weight: 700;
-  letter-spacing: 0.08em;
-  color: var(--color-text-secondary);
-  flex: 1;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.sidebar-header-actions {
-  display: flex;
-  gap: 0.25rem;
-  align-items: center;
-  flex-shrink: 0;
-}
-
-/* ---------- Sidebar overflow menu: hidden by default, floating panel ---------- */
-.sidebar-overflow-menu-wrapper {
-  position: relative;
-  display: inline-block;
-}
-.sidebar-overflow-btn {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 30px;
-  height: 30px;
-  padding: 0;
-  background: transparent;
-  border: 1px solid transparent;
-  border-radius: var(--radius-sm);
-  color: var(--color-text-secondary);
-  cursor: pointer;
-  font-size: 1rem;
-  line-height: 1;
-}
-.sidebar-overflow-btn:hover {
-  background: var(--color-bg-hover);
-  color: var(--color-text-primary);
-}
-.sidebar-overflow-menu {
-  display: none;
-  position: absolute;
-  top: calc(100% + 4px);
-  right: 0;
-  min-width: 200px;
-  z-index: 60;
-  padding: 0.25rem;
-  background: var(--color-bg-raised);
-  border: 1px solid var(--color-border);
-  border-radius: var(--radius-md);
-  box-shadow: var(--shadow-md);
-}
-.sidebar-overflow-menu.open { display: block; }
-.sidebar-overflow-menu-item {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  width: 100%;
-  padding: 0.5rem 0.625rem;
-  background: transparent;
-  border: none;
-  border-radius: var(--radius-sm);
-  color: var(--color-text-primary);
-  font-size: 0.8125rem;
-  text-align: left;
-  cursor: pointer;
-}
-.sidebar-overflow-menu-item:hover { background: var(--color-bg-hover); }
-.sidebar-overflow-menu-item.danger { color: var(--color-error); }
-.sidebar-overflow-menu-item.danger:hover { background: rgba(239,68,68,0.1); }
-.sidebar-overflow-menu-item svg { flex-shrink: 0; }
-
-/* ---------- Sidebar new-conversation button ---------- */
-.sidebar-new-btn {
-  padding: 0.375rem 0.75rem;
-  font-size: 0.8125rem;
-  font-weight: 600;
-  line-height: 1.2;
-  height: 30px;
-}
-
-/* ---------- Sidebar search ---------- */
-.sidebar-search-bar {
-  padding: 0.5rem 0.75rem;
-  flex-shrink: 0;
-}
-.sidebar-search-input {
-  width: 100%;
-  padding: 0.5rem 0.75rem;
-  font-size: 0.8125rem;
-  background: var(--color-bg-primary);
-  border: 1px solid var(--color-border);
-  border-radius: var(--radius-md);
-  color: var(--color-text-primary);
-  outline: none;
-  transition: border-color 0.15s, box-shadow 0.15s;
-}
-.sidebar-search-input:focus {
-  border-color: var(--color-primary);
-  box-shadow: 0 0 0 3px var(--color-focus-ring);
-}
-.sidebar-search-input::placeholder { color: var(--color-text-secondary); }
-
-/* ---------- Sidebar list items: cards ---------- */
-.sidebar-list {
-  list-style: none;
-  padding: 0.25rem 0.5rem 1rem;
-  margin: 0;
-  overflow-y: auto;
-  flex: 1;
-  min-height: 0;
-}
-.conversation-item {
-  display: flex;
-  align-items: center;
-  gap: 0.375rem;
-  padding: 0.5rem 0.625rem;
-  margin: 0.125rem 0;
-  border-radius: var(--radius-md);
-  cursor: pointer;
-  color: var(--color-text-primary);
-  transition: background-color 0.12s;
-  position: relative;
-  border-left: none;
-}
-.conversation-item-content {
-  flex: 1;
-  min-width: 0;
-  overflow: hidden;
-}
-.conversation-item:hover { background: var(--color-bg-hover); }
-.conversation-item.active {
-  background: var(--color-primary);
-  color: #fff;
-}
-.conversation-item.active .conversation-item-meta { color: rgba(255,255,255,0.85); }
-.conversation-item-title {
-  font-size: 0.8125rem;
-  font-weight: 500;
-  line-height: 1.3;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  margin-bottom: 0.125rem;
-}
-.conversation-item-meta {
-  font-size: 0.6875rem;
-  color: var(--color-text-secondary);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}