aimeat 1.2.0

package/dist/public/css/views/admin.css

@@ -0,0 +1,576 @@
+/* ── Admin Dashboard SPA Styles ── */
+
+/* Admin-scoped variable overrides */
+.adm {
+  --text-dim: #94a3b8;
+  --text-bright: #F1F5F9;
+  --text-muted: #64748b;
+  --accent: #6366F1;
+  --accent-light: #EEF2FF;
+  --glass-border: #E5E7EB;
+  --glass-bg: #FFFFFF;
+  --bg-deep: #F8FAFC;
+  --sidebar-bg: #1E293B;
+  --sidebar-text: #CBD5E1;
+  --sidebar-border: rgba(255,255,255,0.08);
+  color: #1A1A2E;
+}
+
+/* Layout */
+.adm { display: flex; min-height: 100vh; position: relative; z-index: 1; background: var(--bg-deep); }
+
+/* Sidebar — stays dark per mockup */
+.adm-sidebar {
+  width: 220px;
+  background: var(--sidebar-bg);
+  border-right: none;
+  padding: 16px 0;
+  flex-shrink: 0;
+  position: sticky;
+  top: 0;
+  height: 100vh;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+}
+.adm-sidebar .node-id {
+  padding: 0 18px;
+  padding-top: 4px;
+  color: #475569;
+  font-size: .69rem;
+  font-family: var(--font-mono);
+  margin-bottom: 16px;
+  word-break: break-all;
+}
+.adm-nav-group {
+  font-size: .625rem;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+  color: #475569;
+  padding: 0 18px;
+  margin-top: 16px;
+  margin-bottom: 4px;
+  font-weight: 700;
+}
+.adm-nav-item {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 7px 18px;
+  color: var(--sidebar-text, #CBD5E1);
+  font-size: .84rem;
+  cursor: pointer;
+  border: none;
+  background: none;
+  width: 100%;
+  text-align: left;
+  font-family: inherit;
+  font-weight: 400;
+  transition: all .1s;
+  border-left: 3px solid transparent;
+}
+.adm-nav-item:hover { background: rgba(255,255,255,0.04); color: #F1F5F9; }
+.adm-nav-item.active {
+  color: #FFFFFF;
+  background: rgba(99,102,241,0.12);
+  border-left-color: var(--accent, #6366F1);
+  font-weight: 500;
+}
+.adm-nav-item .icon { font-size: .81rem; width: 16px; text-align: center; }
+.adm-nav-item .label { flex: 1; }
+.adm-nav-item .cnt {
+  background: rgba(255,255,255,0.08);
+  color: #94A3B8;
+  font-size: .69rem;
+  padding: 1px 7px;
+  border-radius: 9999px;
+  font-weight: 600;
+}
+.adm-sep { height: 1px; background: rgba(255,255,255,0.08); margin: 8px 16px; }
+
+/* Main area */
+.adm-main { flex: 1; padding: 24px 32px; overflow-y: auto; background: var(--bg-deep); }
+.adm-topbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20px;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+.adm-topbar-right { display: flex; align-items: center; gap: 12px; }
+.adm-page-title {
+  font-size: 1.375rem;
+  font-weight: 800;
+  color: #1A1A2E;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+/* Cards */
+.adm-grid { display: grid; gap: 16px; margin-bottom: 20px; }
+.adm-grid-4 { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
+.adm-grid-2 { grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); }
+.adm-card {
+  background: var(--glass-bg, #FFFFFF);
+  border: 1px solid var(--glass-border, #E5E7EB);
+  border-radius: 14px;
+  padding: 20px 24px;
+  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
+}
+.adm-card h2 {
+  font-size: .66rem;
+  text-transform: uppercase;
+  letter-spacing: .5px;
+  color: #9CA3AF;
+  margin-bottom: 6px;
+  font-weight: 700;
+}
+.adm-stat { font-size: 1.625rem; font-weight: 800; line-height: 1.1; color: #1A1A2E; }
+.adm-stat.indigo { color: var(--accent, #6366F1); }
+.adm-stat.mint { color: #34D399; }
+.adm-stat-label { color: #9CA3AF; font-size: .69rem; margin-top: 2px; }
+
+/* Badges */
+.adm-badge {
+  display: inline-block;
+  padding: 2px 8px;
+  border-radius: 20px;
+  font-size: .7rem;
+  font-weight: 600;
+  text-transform: uppercase;
+}
+/* Badge semantic colors */
+.adm-badge--success { background: #D1FAE5; color: #047857; }
+.adm-badge--warning { background: #FEF3C7; color: #B45309; }
+.adm-badge--danger  { background: #FEE2E2; color: #DC2626; }
+.adm-badge--info    { background: #EFF6FF; color: #1D4ED8; }
+.adm-badge--accent  { background: #F5F3FF; color: #6D28D9; }
+.adm-badge--muted   { background: #F3F4F6; color: #6B7280; }
+
+/* Badge name aliases → semantic colors */
+.adm-badge-healthy,
+.adm-badge-public,
+.adm-badge-delivered,
+.adm-badge-settled,
+.adm-badge-owner      { background: #D1FAE5; color: #047857; }
+
+.adm-badge-watch,
+.adm-badge-pending    { background: #FEF3C7; color: #B45309; }
+
+.adm-badge-danger,
+.adm-badge-critical,
+.adm-badge-cancelled,
+.adm-badge-expired,
+.adm-badge-disputed,
+.adm-badge-error      { background: #FEE2E2; color: #DC2626; }
+
+.adm-badge-info,
+.adm-badge-accepted,
+.adm-badge-in_progress,
+.adm-badge-operator,
+.adm-badge-syncing    { background: #EFF6FF; color: #1D4ED8; }
+
+.adm-badge-private,
+.adm-badge-agent      { background: #F5F3FF; color: #6D28D9; }
+
+.adm-badge-idle,
+.adm-badge-general    { background: #F3F4F6; color: #6B7280; }
+
+/* Error / success toast */
+.adm-toast {
+  padding: 10px 16px;
+  border-radius: 8px;
+  font-size: .85rem;
+  margin-bottom: 12px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  animation: adm-toast-in .2s ease;
+}
+.adm-toast-error   { background: #FEE2E2; color: #DC2626; border: 1px solid #FECACA; }
+.adm-toast-success { background: #D1FAE5; color: #047857; border: 1px solid #A7F3D0; }
+.adm-toast-dismiss {
+  margin-left: auto;
+  cursor: pointer;
+  opacity: .6;
+  background: none;
+  border: none;
+  color: inherit;
+  font-size: 1rem;
+}
+.adm-toast-dismiss:hover { opacity: 1; }
+@keyframes adm-toast-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
+
+/* Economy rows */
+.adm-erow { display: flex; justify-content: space-between; padding: 7px 0; border-bottom: 1px solid #F3F4F6; }
+.adm-erow:last-child { border-bottom: none; }
+.adm-elabel { color: #6B7280; font-size: .84rem; }
+.adm-eval { font-family: var(--font-mono); font-size: .81rem; font-weight: 600; color: #1A1A2E; }
+
+/* Health rows */
+.adm-hrow { display: flex; align-items: center; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #F3F4F6; }
+.adm-hrow:last-child { border-bottom: none; }
+.adm-hmetric { font-size: .84rem; color: #6B7280; }
+.adm-hval { font-family: var(--font-mono); font-size: .84rem; color: var(--accent, #6366F1); }
+
+/* Tables */
+.adm table { width: 100%; border-collapse: collapse; font-size: .81rem; }
+.adm th { text-align: left; color: #9CA3AF; font-weight: 600; padding: 8px 10px; border-bottom: 1px solid #E5E7EB; white-space: nowrap; font-size: .69rem; text-transform: uppercase; letter-spacing: .3px; }
+.adm td { padding: 8px 10px; border-bottom: 1px solid #F3F4F6; color: #6B7280; }
+.adm tr:hover td { background: #F9FAFB; }
+
+/* Misc */
+.adm .mono { font-family: var(--font-mono); font-size: .78rem; }
+.adm .scrollable { max-height: 600px; overflow-y: auto; }
+.adm .empty { color: #9CA3AF; text-align: center; padding: 24px; font-size: .85rem; }
+.adm .error-box { background: #FEE2E2; border: 1px solid #FECACA; border-radius: 8px; padding: 16px; color: #DC2626; margin: 20px 0; }
+.adm .tag { display: inline-block; background: #F3F4F6; color: #6B7280; padding: 1px 6px; border-radius: 4px; font-size: .7rem; margin: 1px; }
+
+/* Buttons */
+.adm-btn {
+  background: var(--accent, #6366F1);
+  color: #fff;
+  border: none;
+  padding: 8px 18px;
+  border-radius: 10px;
+  cursor: pointer;
+  font-size: .81rem;
+  font-weight: 600;
+  font-family: inherit;
+  transition: all .15s;
+}
+.adm-btn:hover { background: #4F46E5; }
+.adm-btn:disabled { opacity: .5; cursor: not-allowed; }
+.adm-btn-sm {
+  background: none;
+  border: 1px solid #E5E7EB;
+  color: var(--accent, #6366F1);
+  padding: 3px 10px;
+  border-radius: 6px;
+  cursor: pointer;
+  font-size: .75rem;
+  font-family: inherit;
+}
+.adm-btn-sm:hover { background: #F3F4F6; }
+.adm-btn-action {
+  background: none;
+  border: 1px solid #E5E7EB;
+  color: var(--accent, #6366F1);
+  padding: 4px 12px;
+  border-radius: 6px;
+  cursor: pointer;
+  font-size: .78rem;
+  font-family: inherit;
+}
+.adm-btn-action:hover { background: #F3F4F6; }
+
+/* Sub-panels */
+.adm-sub-panel {
+  background: #F8FAFC;
+  border: 1px solid #E5E7EB;
+  border-radius: 8px;
+  padding: 12px;
+  margin-top: 8px;
+  font-size: .8rem;
+}
+
+/* Inputs */
+.adm input[type="text"],
+.adm input[type="number"],
+.adm input[type="email"],
+.adm input[type="password"],
+.adm textarea,
+.adm select {
+  padding: 8px 10px;
+  border-radius: 6px;
+  border: 1.5px solid #E5E7EB;
+  background: #FAFAF8;
+  color: #1A1A2E;
+  font-size: .85rem;
+  font-family: inherit;
+}
+.adm input:focus,
+.adm textarea:focus,
+.adm select:focus {
+  border-color: var(--accent, #6366F1);
+  box-shadow: 0 0 0 3px rgba(99,102,241,0.1);
+  outline: none;
+}
+
+/* Login overlay */
+.adm-login {
+  max-width: 420px;
+  margin: 60px auto;
+  text-align: center;
+}
+.adm-login h2 {
+  font-size: 1.2rem;
+  color: #1A1A2E;
+  text-transform: none;
+  letter-spacing: 0;
+  margin-bottom: 4px;
+}
+.adm-login p { color: #6B7280; font-size: .85rem; margin-bottom: 16px; }
+.adm-login input { width: 100%; margin-bottom: 8px; }
+.adm-login-err {
+  margin-top: 10px;
+  padding: 8px;
+  border-radius: 6px;
+  background: #FEE2E2;
+  border: 1px solid #FECACA;
+  color: #DC2626;
+  font-size: .85rem;
+}
+
+/* Config editor */
+.adm-config-changes {
+  margin-bottom: 16px;
+  padding: 12px;
+  background: #FEF3C7;
+  border: 1px solid #FDE68A;
+  border-radius: 8px;
+}
+.adm-config-readonly { opacity: 0.85; pointer-events: none; }
+.adm-config-readonly input,
+.adm-config-readonly select { background: #F3F4F6; cursor: not-allowed; }
+.adm-config-readonly-banner {
+  margin-bottom: 16px;
+  padding: 12px 16px;
+  background: #EFF6FF;
+  border: 1px solid #BFDBFE;
+  border-radius: 8px;
+  color: #1D4ED8;
+  font-size: .85rem;
+}
+
+/* Expandable help sections */
+.adm-help {
+  margin-bottom: 12px;
+  border: 1px solid #E5E7EB;
+  border-radius: 8px;
+  background: #F8FAFC;
+}
+.adm-help-summary {
+  cursor: pointer;
+  padding: 10px 14px;
+  color: var(--accent, #6366F1);
+  font-size: .85rem;
+  font-weight: 600;
+  user-select: none;
+}
+.adm-help-summary:hover { color: #1A1A2E; }
+.adm-help-body {
+  padding: 0 14px 12px;
+  color: #6B7280;
+  font-size: .82rem;
+  line-height: 1.6;
+}
+.adm-help-body p { margin: 0 0 8px; }
+.adm-help-body ul { margin: 4px 0 8px; padding-left: 20px; }
+.adm-help-body li { margin-bottom: 4px; }
+.adm-help-body code {
+  background: #F3F4F6;
+  padding: 1px 5px;
+  border-radius: 3px;
+  font-size: .78rem;
+  color: var(--accent, #6366F1);
+}
+.adm-help-body strong { color: #1A1A2E; }
+
+/* Card grid for card-based layouts */
+.adm-card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 16px; }
+
+/* Responsive */
+@media (max-width: 768px) {
+  .adm-sidebar { display: none; }
+  .adm-main { padding: 12px; }
+}
+
+/* ── System Prompts ── */
+.adm-prompt-editor { display: flex; flex-direction: column; gap: 8px; margin: 8px 0; }
+.adm-prompt-textarea {
+  width: 100%; min-height: 300px; max-height: 600px;
+  font-family: var(--font-mono); font-size: 13px; line-height: 1.5;
+  background: #FAFAF8; border: 1.5px solid #E5E7EB;
+  color: #1A1A2E; padding: 12px; border-radius: 8px;
+  resize: vertical; box-sizing: border-box; tab-size: 2;
+}
+.adm-prompt-textarea:focus { border-color: var(--accent); outline: none; box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }
+.adm-prompt-vars { font-size: .8rem; color: #6B7280; padding: 8px 12px; background: #F3F4F6; border-radius: 6px; margin: 4px 0; }
+.adm-prompt-vars code { color: var(--accent); }
+.adm-prompt-version-row {
+  display: flex; align-items: center; gap: 8px; padding: 6px 0;
+  border-bottom: 1px solid #F3F4F6; font-size: .85rem;
+}
+.adm-prompt-version-row:last-child { border-bottom: none; }
+.adm-prompt-used-tag {
+  display: inline-block; font-size: .7rem; padding: 2px 6px;
+  background: #F3F4F6; border: 1px solid #E5E7EB;
+  border-radius: 4px; color: #6B7280; margin: 1px;
+}
+.adm-prompt-group-header {
+  cursor: pointer; padding: 8px 0; font-weight: 600; color: #1A1A2E;
+  display: flex; align-items: center; gap: 6px;
+  border-bottom: 1px solid #F3F4F6;
+}
+
+/* ── Form Controls ── */
+.adm-input {
+  background: #FAFAF8;
+  border: 1.5px solid #E5E7EB;
+  color: #1A1A2E;
+  padding: 8px 12px;
+  border-radius: 6px;
+  font-size: .85rem;
+  font-family: inherit;
+}
+.adm-input:focus { border-color: var(--accent); outline: none; box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }
+.adm-input-full { width: 100%; }
+
+.adm-textarea {
+  background: #FAFAF8;
+  border: 1.5px solid #E5E7EB;
+  color: #1A1A2E;
+  padding: 10px;
+  border-radius: 6px;
+  font-family: var(--font-mono);
+  font-size: .8rem;
+  resize: vertical;
+  line-height: 1.5;
+  tab-size: 2;
+}
+
+/* ── Flex Utilities ── */
+.adm-flex       { display: flex; gap: 8px; }
+.adm-flex-col   { display: flex; flex-direction: column; gap: 8px; }
+.adm-flex-between { display: flex; justify-content: space-between; align-items: center; }
+.adm-flex-center  { display: flex; align-items: center; gap: 8px; }
+.adm-flex-wrap    { display: flex; flex-wrap: wrap; gap: 8px; }
+
+/* ── Text Utilities ── */
+.adm-text-xs  { font-size: .7rem; }
+.adm-text-sm  { font-size: .8rem; }
+.adm-text-base { font-size: .85rem; }
+.adm-text-dim  { color: var(--text-dim); }
+.adm-text-bright { color: #1A1A2E; }
+.adm-text-accent { color: var(--accent); }
+.adm-text-error  { color: #DC2626; }
+.adm-text-success { color: #047857; }
+.adm-text-mono { font-family: var(--font-mono); font-size: .8rem; }
+
+/* ── Spacing Utilities ── */
+.adm-gap-xs { gap: 4px; }
+.adm-gap-sm { gap: 8px; }
+.adm-gap-md { gap: 12px; }
+.adm-gap-lg { gap: 16px; }
+
+.adm-mb-xs { margin-bottom: 4px; }
+.adm-mb-sm { margin-bottom: 8px; }
+.adm-mb-md { margin-bottom: 12px; }
+.adm-mb-lg { margin-bottom: 16px; }
+
+.adm-mt-sm { margin-top: 8px; }
+.adm-mt-md { margin-top: 12px; }
+.adm-mt-lg { margin-top: 16px; }
+
+/* ── Modal ── */
+.adm-modal-overlay {
+  position: fixed; inset: 0;
+  background: rgba(26,26,46,.4);
+  backdrop-filter: blur(8px);
+  display: flex; align-items: center; justify-content: center;
+  z-index: 1000;
+}
+
+/* ── Memory Tab ── */
+.adm-mem-stats {
+  display: flex; gap: 16px; margin-bottom: 16px; flex-wrap: wrap;
+}
+.adm-mem-stat {
+  background: var(--glass-bg); border: 1px solid var(--glass-border);
+  border-radius: 10px; padding: 12px 20px; text-align: center; min-width: 100px;
+}
+.adm-mem-stat-value { display: block; font-size: 1.4rem; font-weight: 700; color: var(--accent); }
+.adm-mem-stat-label { display: block; font-size: .75rem; color: var(--text-dim); margin-top: 2px; }
+.adm-mem-filters {
+  display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap; align-items: center;
+}
+.adm-mem-filters .adm-input {
+  padding: 6px 10px; border: 1px solid var(--glass-border); border-radius: 6px;
+  font-size: .85rem; background: var(--glass-bg); color: inherit; min-width: 160px;
+}
+.adm-mem-value-label { font-size: .8rem; color: var(--text-dim); margin-bottom: 4px; }
+.adm-mem-value {
+  background: #f1f5f9; border: 1px solid var(--glass-border); border-radius: 6px;
+  padding: 10px; font-size: .8rem; max-height: 300px; overflow: auto;
+  white-space: pre-wrap; word-break: break-all; font-family: 'JetBrains Mono', monospace;
+}
+.adm-mem-pagination {
+  display: flex; align-items: center; justify-content: center; gap: 12px;
+  padding: 12px 0; border-top: 1px solid var(--glass-border); margin-top: 8px;
+}
+.adm-mem-page-info { font-size: .85rem; color: var(--text-dim); }
+.adm-btn-danger {
+  color: #dc2626; border-color: #fecaca;
+}
+.adm-btn-danger:hover { background: #fef2f2; }
+
+/* Subtabs row */
+.adm-subtabs { display: flex; gap: 8px; margin: 16px 0; flex-wrap: wrap; }
+
+/* Active subtab button */
+.adm-btn-active,
+.adm-btn-active:hover { background: var(--accent, #6366F1); color: #fff; }
+
+/* Packages tab seed card */
+.adm-pkg-seed-card { margin-bottom: 16px; text-align: center; padding: 24px; }
+.adm-pkg-seed-text { margin-bottom: 12px; }
+.adm-pkg-seed-msg { margin-top: 8px; font-size: .85rem; color: var(--green, #34d399); }
+
+/* Template moderation */
+.adm-mod-section { margin-bottom: 16px; }
+.adm-mod-review { margin-top: 8px; }
+.adm-mod-review-title { font-size: 1rem; font-weight: 700; margin-bottom: 8px; color: var(--text-bright, #1A1A2E); }
+.adm-mod-desc { font-size: .85rem; color: var(--text-dim, #6B7280); margin-bottom: 8px; }
+.adm-mod-meta-grid { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 8px; font-size: .84rem; }
+.adm-mod-meta-item { color: var(--text-dim, #6B7280); }
+.adm-mod-meta-item strong { color: var(--text-bright, #1A1A2E); }
+.adm-mod-tags { display: flex; gap: 4px; flex-wrap: wrap; margin-bottom: 8px; }
+.adm-mod-pre { font-size: .78rem; white-space: pre-wrap; word-break: break-all; max-height: 300px; overflow: auto; font-family: var(--font-mono); background: var(--bg-deep, #F8FAFC); border: 1px solid var(--glass-border, #E5E7EB); border-radius: 6px; padding: 10px; }
+.adm-mod-components { margin-bottom: 12px; }
+.adm-mod-components h5 { font-size: .84rem; margin-bottom: 6px; }
+.adm-mod-actions { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 12px; }
+.adm-mod-action-group { flex: 1; min-width: 200px; display: flex; flex-direction: column; gap: 6px; }
+.adm-mod-action-label { font-size: .78rem; font-weight: 600; color: var(--text-dim, #6B7280); }
+.adm-mod-input { padding: 6px 10px; border: 1px solid var(--glass-border, #E5E7EB); border-radius: 6px; font-size: .85rem; background: var(--glass-bg, #fff); color: inherit; }
+.adm-mod-suspend-panel { margin-top: 8px; }
+.adm-mod-suspend-row { display: flex; gap: 8px; align-items: center; }
+.adm-mod-suspend-row .adm-mod-input { flex: 1; }
+
+/* Badge aliases for moderation statuses */
+.adm-badge-approved  { background: #D1FAE5; color: #047857; }
+.adm-badge-rejected  { background: #FEE2E2; color: #DC2626; }
+.adm-badge-suspended { background: #FEF3C7; color: #B45309; }
+.adm-badge-published { background: #D1FAE5; color: #047857; }
+.adm-badge-active    { background: #D1FAE5; color: #047857; }
+
+/* ── Board Members ── */
+.adm-board-detail { border-top: 1px solid var(--card-border, var(--glass-border)); padding-top: 8px; }
+.adm-board-post { margin-bottom: 6px; padding: 6px; background: var(--bg-card, var(--glass-bg)); border-radius: 6px; }
+.adm-board-members { border-top: 1px solid var(--card-border, var(--glass-border)); padding-top: 8px; }
+.adm-member-tag {
+  display: inline-flex; align-items: center; gap: 4px;
+  background: var(--glass-bg); border: 1px solid var(--glass-border);
+  border-radius: 4px; padding: 2px 8px; font-size: .8rem;
+}
+.adm-member-tag code { font-size: .78rem; }
+.adm-member-remove {
+  background: none; border: none; color: var(--text-dim); cursor: pointer;
+  font-size: 1rem; line-height: 1; padding: 0 2px;
+}
+.adm-member-remove:hover { color: var(--danger, #E8564A); }
+.adm-member-add { display: flex; gap: 8px; align-items: center; }
+.adm-member-add .adm-input { flex: 1; font-size: .85rem; }
+.adm-font-mono { font-family: 'JetBrains Mono', monospace; }