spatialagents 0.1.0__py3-none-any.whl

spatialagents/chat/static/chat.css

@@ -0,0 +1,219 @@
+/* chat.css -- the shared chat page's neutral full-page layout (spatialagents.chat).
+ * A conversation column with its composer, and a plan panel beside it on a
+ * wide screen, below it on a narrow one. Light and dark follow the system. */
+
+:root {
+    --sa-bg: #f7f7f5;
+    --sa-panel: #ffffff;
+    --sa-text: #1d1d1b;
+    --sa-muted: #6b6b66;
+    --sa-line: #e2e1dc;
+    --sa-accent: #2f5d8a;
+    --sa-accent-text: #ffffff;
+    --sa-user: #eef3f8;
+    --sa-error: #a33a2a;
+    --sa-notice: #7a5a10;
+    --sa-ok: #2f6b3a;
+    --sa-code: #f1f0ec;
+    --sa-radius: 8px;
+    --sa-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
+    --sa-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+}
+
+@media (prefers-color-scheme: dark) {
+    :root {
+        --sa-bg: #161615;
+        --sa-panel: #1f1f1d;
+        --sa-text: #ecebe6;
+        --sa-muted: #a3a29b;
+        --sa-line: #34342f;
+        --sa-accent: #7fa8d1;
+        --sa-accent-text: #10161c;
+        --sa-user: #24303b;
+        --sa-error: #e08a7a;
+        --sa-notice: #d8b765;
+        --sa-ok: #8cc79a;
+        --sa-code: #2a2a27;
+    }
+}
+
+* { box-sizing: border-box; }
+
+html, body {
+    margin: 0;
+    height: 100%;
+    background: var(--sa-bg);
+    color: var(--sa-text);
+    font: 15px/1.5 var(--sa-font);
+}
+
+.sa-page, .sa-chat { height: 100%; }
+
+.sa-chat {
+    display: flex;
+    flex-direction: column;
+    max-width: 1400px;
+    margin: 0 auto;
+}
+
+.sa-header {
+    display: flex;
+    align-items: baseline;
+    justify-content: space-between;
+    gap: 16px;
+    padding: 12px 20px;
+    border-bottom: 1px solid var(--sa-line);
+}
+
+.sa-title { margin: 0; font-size: 17px; font-weight: 600; }
+.sa-meter { color: var(--sa-muted); font-size: 13px; font-variant-numeric: tabular-nums; }
+
+.sa-body {
+    flex: 1;
+    min-height: 0;
+    display: grid;
+    grid-template-columns: minmax(0, 1fr);
+    gap: 0;
+}
+
+@media (min-width: 960px) {
+    .sa-body:has(.sa-plan) { grid-template-columns: minmax(0, 3fr) minmax(320px, 2fr); }
+}
+
+.sa-conversation {
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+    min-width: 0;
+}
+
+.sa-log {
+    flex: 1;
+    overflow-y: auto;
+    padding: 16px 20px;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+
+.sa-line { max-width: 820px; white-space: pre-wrap; word-wrap: break-word; }
+.sa-assistant { white-space: normal; }
+.sa-user {
+    align-self: flex-end;
+    background: var(--sa-user);
+    padding: 8px 12px;
+    border-radius: var(--sa-radius);
+}
+.sa-sub, .sa-note { color: var(--sa-muted); font-size: 13px; }
+.sa-notice { color: var(--sa-notice); }
+.sa-error { color: var(--sa-error); }
+
+.sa-assistant h3, .sa-assistant h4, .sa-assistant h5, .sa-assistant h6,
+.sa-report-body h3, .sa-report-body h4, .sa-report-body h5 { margin: 12px 0 4px; font-size: 15px; }
+.sa-md-p { margin: 0 0 8px; }
+.sa-md-list { margin: 0 0 8px; padding-left: 22px; }
+.sa-md-quote { margin: 0 0 8px; padding-left: 10px; border-left: 3px solid var(--sa-line); color: var(--sa-muted); }
+.sa-md-table { border-collapse: collapse; margin: 4px 0 10px; font-size: 14px; }
+.sa-md-table th, .sa-md-table td { border: 1px solid var(--sa-line); padding: 4px 8px; text-align: left; }
+.sa-md-table th { background: var(--sa-code); }
+.sa-code, code {
+    font-family: var(--sa-mono);
+    font-size: 13px;
+    background: var(--sa-code);
+    border-radius: 4px;
+}
+code { padding: 1px 4px; }
+.sa-code { padding: 8px 10px; overflow-x: auto; white-space: pre; margin: 0 0 8px; }
+.sa-code code { padding: 0; background: none; }
+
+.sa-tool, .sa-approval, .sa-decision {
+    border: 1px solid var(--sa-line);
+    border-radius: var(--sa-radius);
+    background: var(--sa-panel);
+    padding: 8px 12px;
+    max-width: 820px;
+}
+.sa-tool.is-error { border-color: var(--sa-error); }
+.sa-tool-head { display: flex; gap: 10px; align-items: center; font-size: 13px; }
+.sa-tool-name { font-family: var(--sa-mono); }
+.sa-tool-status { color: var(--sa-muted); }
+.sa-figure { margin: 8px 0 0; }
+.sa-figure-img { max-width: 100%; max-height: 480px; border-radius: 4px; border: 1px solid var(--sa-line); }
+.sa-figure figcaption { color: var(--sa-muted); font-size: 12px; }
+
+.sa-approval-title, .sa-decision-question { font-weight: 600; }
+.sa-approval-purpose, .sa-decision-why { color: var(--sa-muted); font-size: 14px; margin: 2px 0 6px; }
+
+.sa-actions, .sa-decision-answer { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; align-items: center; }
+
+button {
+    font: inherit;
+    font-size: 14px;
+    border-radius: 6px;
+    padding: 6px 12px;
+    cursor: pointer;
+    border: 1px solid var(--sa-line);
+    background: var(--sa-panel);
+    color: var(--sa-text);
+}
+button:disabled { opacity: 0.5; cursor: default; }
+.sa-primary, .sa-send { background: var(--sa-accent); color: var(--sa-accent-text); border-color: var(--sa-accent); }
+
+.sa-dock { border-top: 1px solid var(--sa-line); padding: 10px 20px 14px; }
+.sa-thumbs { display: flex; gap: 6px; flex-wrap: wrap; }
+.sa-thumb { height: 56px; border-radius: 4px; border: 1px solid var(--sa-line); margin: 2px; }
+.sa-form { display: flex; gap: 8px; align-items: flex-end; }
+.sa-input, .sa-text {
+    font: inherit;
+    color: var(--sa-text);
+    background: var(--sa-panel);
+    border: 1px solid var(--sa-line);
+    border-radius: 6px;
+    padding: 7px 10px;
+}
+.sa-input { flex: 1; resize: none; }
+.sa-chat.is-busy .sa-send { opacity: 0.5; }
+
+.sa-plan {
+    border-left: 1px solid var(--sa-line);
+    background: var(--sa-panel);
+    padding: 14px 18px;
+    overflow-y: auto;
+    min-width: 0;
+}
+@media (max-width: 959px) {
+    .sa-plan { border-left: none; border-top: 1px solid var(--sa-line); }
+}
+.sa-plan-title { margin: 0 0 8px; font-size: 15px; }
+.sa-plan-form { display: flex; flex-direction: column; gap: 8px; }
+.sa-plan-head { display: flex; justify-content: space-between; gap: 10px; align-items: baseline; }
+.sa-plan-goal { font-weight: 600; }
+.sa-plan-summary { color: var(--sa-muted); margin: 4px 0 8px; }
+.sa-phase { font-size: 12px; padding: 2px 8px; border-radius: 999px; background: var(--sa-code); white-space: nowrap; }
+.sa-phase-failed { color: var(--sa-error); }
+.sa-phase-reported, .sa-phase-finished { color: var(--sa-ok); }
+.sa-facts { display: grid; grid-template-columns: max-content 1fr; gap: 2px 12px; font-size: 13px; margin: 8px 0; }
+.sa-facts dt { color: var(--sa-muted); }
+.sa-facts dd { margin: 0; }
+.sa-steps { padding-left: 22px; margin: 8px 0; }
+.sa-step { margin: 0 0 8px; }
+.sa-step-head { display: flex; gap: 8px; align-items: baseline; }
+.sa-step-status { color: var(--sa-muted); font-size: 12px; }
+.sa-step-done .sa-step-status { color: var(--sa-ok); }
+.sa-step-failed .sa-step-status { color: var(--sa-error); }
+.sa-step-why { font-size: 14px; }
+.sa-badge {
+    font-size: 11px;
+    padding: 0 6px;
+    border-radius: 999px;
+    border: 1px solid var(--sa-line);
+    color: var(--sa-muted);
+    margin-left: 4px;
+}
+.sa-badge-model { border-color: var(--sa-accent); color: var(--sa-accent); }
+.sa-decision { margin: 10px 0; border-color: var(--sa-accent); }
+.sa-evidence { margin: 4px 0; padding-left: 18px; font-size: 13px; color: var(--sa-muted); }
+.sa-free { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; width: 100%; }
+.sa-rows input { width: 100%; }
+.sa-report { margin-top: 14px; border-top: 1px solid var(--sa-line); padding-top: 8px; }
+.sa-report h3 { margin: 0 0 6px; font-size: 15px; }