feat: fetch for the assistant with Поиск on - a page's main text for the model, the server's own network out of reach; shorter words in Настройки and the chat; the + menu's roots a step left. Also files from panes into the chat, docview and drag fixes (by the user)
This commit is contained in:
redtea committed
1 parent
84b42c5369
commit
ae8fffe7d8
17 files changed
+712
-102
No files matched your search
@@ -363,7 +363,7 @@ body.split1 .float-add { top:42px; right:16px; }
|
||||
body.multi .float-add { opacity:0; pointer-events:none; }
|
||||
.float-add { transition:opacity .25s ease, background .25s ease, top .3s ease, right .3s ease, width .3s ease, height .3s ease, border-radius .3s ease; }
|
||||
/* In a file pane's top bar: a button like its neighbours. */
|
||||
.float-add.in-files { width:34px; height:34px; font-size:19px; opacity:1; border-radius:8px; }
|
||||
.float-add.in-files { position:static; z-index:auto; width:34px; height:34px; font-size:19px; opacity:1; border-radius:8px; }
|
||||
.float-add.in-files:hover { background:#151a21; }
|
||||
.tabview { position:absolute; inset:8px; opacity:0; visibility:hidden; transform:translateY(4px) scale(.995);
|
||||
transition:opacity .22s ease, transform .22s ease, visibility 0s .22s; }
|
||||
@@ -400,6 +400,8 @@ body:not(.touch) .tabview:not(.split) .xterm .xterm-viewport { right:-7px; }
|
||||
box-shadow:0 12px 30px rgba(0,0,0,.55); transition:transform .04s linear; }
|
||||
.drag-ghost[data-hint]:not([data-hint=""])::after { content:attr(data-hint); display:block; margin-top:3px; font-size:11px; color:var(--muted); }
|
||||
body.dnd, body.dnd * { cursor:grabbing !important; }
|
||||
.tab, .tab *, .pane-head, .pane-head *, .ai-head, .ai-head *, .ai-fab,
|
||||
.fp-list tr, .fp-list tr * { -webkit-user-drag:none; }
|
||||
/* Files dragged out of a pane: the target's outline, and the small window
|
||||
where they were dropped. */
|
||||
.hint.drophint { position:fixed; z-index:55; transition:none; }
|
||||
@@ -814,9 +816,7 @@ p.mv-a { margin:0; font-size:13px; }
|
||||
/* The pane: its bar and list scroll inside it. */
|
||||
.fpane-body { flex:1; min-height:0; overflow:auto; padding:10px 12px 12px; }
|
||||
.tabview:not(.split) .fpane-body { padding:12px 16px 16px; }
|
||||
/* The file pane under the corner "+" keeps its first bar clear of it,
|
||||
while the "+" is there (one tab; with the tab strip it is hidden). */
|
||||
body:not(.multi) .fpane.under-plus .fm-bar:first-child { margin-right:40px; }
|
||||
|
||||
/* The bars' square buttons, as tall as the path box beside them. */
|
||||
.fm-bar > .btn.sq, .fp-sel .btn.sq { width:34px; height:34px; }
|
||||
|
||||
@@ -863,8 +863,20 @@ body.touch.term-active .ai-fab { bottom:104px; }
|
||||
.ai-jump:hover { background:#202833; }
|
||||
.ai-jump[hidden] { display:none; }
|
||||
.ai-msg { max-width:92%; padding:8px 11px; border-radius:10px; font-size:14px; line-height:1.45; overflow-wrap:anywhere; }
|
||||
.ai-msg.user { align-self:flex-end; background:#16324f; white-space:pre-wrap; }
|
||||
.ai-msg.user { align-self:flex-end; background:#16324f; white-space:normal; }
|
||||
.ai-user-copy { white-space:pre-wrap; }
|
||||
.ai-msg.assistant { align-self:flex-start; background:#151a21; border:1px solid var(--border); }
|
||||
.ai-history-files { display:grid; gap:6px; margin-top:8px; }
|
||||
.ai-history-file { display:flex; align-items:center; gap:9px; min-width:0; padding:8px 10px; border:1px solid rgba(255,255,255,.12); border-radius:10px; background:rgba(8,13,20,.32); }
|
||||
.ai-history-file-icon { flex:none; width:32px; height:32px; display:flex; align-items:center; justify-content:center; border-radius:9px; color:#a9c1ff; background:rgba(91,140,255,.14); }
|
||||
.ai-history-file.audio .ai-history-file-icon { color:#d1aaff; background:rgba(139,92,246,.16); }
|
||||
.ai-history-file.video .ai-history-file-icon { color:#ffb4a2; background:rgba(249,115,85,.14); }
|
||||
.ai-history-file.pdf .ai-history-file-icon { color:#ffaaa5; background:rgba(239,68,68,.14); }
|
||||
.ai-history-file.document .ai-history-file-icon, .ai-history-file.text .ai-history-file-icon { color:#9ed9c0; background:rgba(52,168,120,.14); }
|
||||
.ai-history-file-info { display:grid; gap:2px; min-width:0; }
|
||||
.ai-history-file-name { overflow:hidden; color:var(--text); font-size:12.5px; font-weight:550; text-overflow:ellipsis; white-space:nowrap; }
|
||||
.ai-history-file-meta { color:var(--muted); font-size:10.5px; }
|
||||
|
||||
/* The model starting: three dots rising in turn. */
|
||||
.ai-typing { display:inline-flex; gap:4px; padding:4px 2px; }
|
||||
.ai-typing i { width:6px; height:6px; border-radius:50%; background:var(--muted); animation:ai-typing 1.2s ease-in-out infinite; }
|
||||
@@ -874,13 +886,13 @@ body.touch.term-active .ai-fab { bottom:104px; }
|
||||
.ai-code pre { margin:0; padding:8px; background:#0c0f13; border:1px solid var(--border); border-radius:7px; overflow:auto; font-size:12.5px; white-space:pre-wrap; }
|
||||
.ai-code .ai-run { margin-top:6px; }
|
||||
.ai-form-in { display:flex; padding:8px 10px 10px; }
|
||||
.ai-inputbox { min-width:0; flex:1; padding:5px; background:#0c0f13; border:1px solid var(--border); border-radius:13px; transition:border-color .15s, box-shadow .15s; }
|
||||
.ai-inputbox { position:relative; min-width:0; flex:1; padding:5px; background:#0c0f13; border:1px solid var(--border); border-radius:13px; transition:border-color .15s, box-shadow .15s, background-color .15s; }
|
||||
.ai-inputbox:focus-within { border-color:var(--accent); box-shadow:0 0 0 2px rgba(91,140,255,.12); }
|
||||
.ai-entry { display:flex; align-items:flex-end; gap:5px; min-width:0; }
|
||||
.ai-form-in textarea { flex:1; min-width:0; resize:none; font:inherit; font-size:14px; line-height:20px; padding:9px 6px; height:40px; max-height:140px; overflow-y:auto; color:var(--text); background:transparent; border:0; border-radius:8px; }
|
||||
.ai-entry { display:flex; align-items:center; gap:5px; min-width:0; }
|
||||
.ai-form-in textarea { flex:1; min-width:0; resize:none; font:inherit; font-size:16px; line-height:24px; padding:8px 6px; height:40px; max-height:140px; overflow-y:auto; color:var(--text); background:transparent; border:0; border-radius:8px; }
|
||||
.ai-form-in textarea:focus { outline:none; border-color:transparent; }
|
||||
.ai-attach, .ai-from-pane { flex:none; width:36px; height:36px; padding:0; display:inline-flex; align-items:center; justify-content:center; color:var(--muted); background:transparent; border:0; border-radius:50%; }
|
||||
.ai-attach:hover, .ai-from-pane:hover { color:var(--text); background:#1b222c; }
|
||||
.ai-attach { flex:none; width:36px; height:36px; padding:0; display:inline-flex; align-items:center; justify-content:center; color:var(--muted); background:transparent; border:0; border-radius:50%; }
|
||||
.ai-attach:hover { color:var(--text); background:#1b222c; }
|
||||
.ai-attachments { display:flex; flex-wrap:wrap; gap:5px; padding:2px 3px 6px; }
|
||||
.ai-attachments[hidden] { display:none; }
|
||||
.ai-file-chip { display:inline-flex; align-items:center; gap:4px; max-width:100%; padding:3px 7px 3px 9px; border:1px solid var(--border); border-radius:999px; background:#151a21; color:var(--muted); font-size:11.5px; }
|
||||
@@ -889,16 +901,15 @@ body.touch.term-active .ai-fab { bottom:104px; }
|
||||
.ai-file-chip button:hover { color:var(--text); background:#303846; }
|
||||
.ai-file-picker { position:absolute; right:10px; bottom:78px; z-index:5; display:flex; flex-direction:column; gap:3px; max-width:min(320px, calc(100% - 20px)); max-height:45%; overflow:auto; padding:9px; background:var(--panel); border:1px solid var(--border); border-radius:10px; box-shadow:0 8px 24px rgba(0,0,0,.45); }
|
||||
.ai-file-picker[hidden] { display:none; }
|
||||
.ai-file-picker strong { padding:3px 6px 6px; color:var(--muted); font-size:12px; }
|
||||
.ai-file-option { width:100%; overflow:hidden; text-align:left; text-overflow:ellipsis; white-space:nowrap; background:transparent; border-color:transparent; color:var(--text); font-size:12px; }
|
||||
.ai-file-option:hover { background:#202833; }
|
||||
.ai-form-in.drag .ai-inputbox { border-color:var(--accent); box-shadow:0 0 0 3px rgba(91,140,255,.18); }
|
||||
.ai-form-in.drag .ai-inputbox { border-color:var(--accent); background:#111a28; box-shadow:0 0 0 3px rgba(91,140,255,.24), 0 0 18px rgba(91,140,255,.16); }
|
||||
.ai-form-in.drag .ai-inputbox::after { content:'Отпустите файл, чтобы прикрепить'; position:absolute; inset:3px; z-index:4; display:grid; place-items:center; padding:8px; border:1px dashed rgba(157,184,255,.75); border-radius:9px; background:rgba(23,43,72,.88); color:#dce7ff; font-size:12px; font-weight:550; text-align:center; pointer-events:none; }
|
||||
@media (max-width: 640px) {
|
||||
/* A phone: the chat is a screen of its own, sliding up. */
|
||||
.ai-box { inset:0; width:auto; max-width:none; height:auto; border-radius:0; border:0; z-index:60; transform:translateY(40px); }
|
||||
.ai-box.on { transform:none; }
|
||||
}
|
||||
.ai-send { width:40px; height:40px; padding:0; flex:none; display:inline-flex; align-items:center; justify-content:center; border-radius:8px; }
|
||||
.ai-send { width:36px; height:36px; padding:0; flex:none; display:inline-flex; align-items:center; justify-content:center; border-radius:9px; }
|
||||
.ai-send .ai-plane { display:block; flex:none; transform:translateX(.5px); }
|
||||
/* The panel's own confirm and prompt. */
|
||||
dialog.uidlg { width:fit-content; min-width:min(300px, 92vw); max-width:min(560px, 92vw); }
|
||||
.uidlg form { padding:18px; display:grid; gap:14px; }
|
||||
@@ -928,8 +939,8 @@ body:not(.touch) .ai-head { cursor:grab; user-select:none; }
|
||||
body.ai-dragging, body.ai-dragging * { cursor:grabbing !important; user-select:none; }
|
||||
body:not(.touch) .ai-fab { cursor:grab; touch-action:none; }
|
||||
/* Send: the field's height, square. */
|
||||
.ai-form-in textarea, .ai-send, .ai-attach, .ai-from-pane { box-sizing:border-box; }
|
||||
.ai-send { width:40px; height:40px; align-self:flex-end; }
|
||||
.ai-form-in textarea, .ai-send, .ai-attach { box-sizing:border-box; }
|
||||
.ai-send { width:36px; height:36px; align-self:center; }
|
||||
@media (max-width: 640px) {
|
||||
.ai-fab { width:46px; height:46px; right:22px; bottom:24px; }
|
||||
body.touch.term-active .ai-fab { bottom:110px; }
|
||||
@@ -943,7 +954,7 @@ body.ai-dragging .ai-fab, body.ai-dragging .ai-box { transition:none; }
|
||||
/* The field and the send button: one height on every phone, the button
|
||||
square whatever the text size. */
|
||||
.ai-form-in textarea { min-height:40px; }
|
||||
.ai-send { min-height:40px; max-height:40px; min-width:40px; max-width:40px; line-height:1; border-radius:10px; }
|
||||
.ai-send { min-height:36px; max-height:36px; min-width:36px; max-width:36px; line-height:1; border-radius:9px; }
|
||||
.ai-form-in textarea { border-radius:10px; }
|
||||
/* Настройки: the key with its eye; PostgreSQL's fields only when chosen. */
|
||||
.ai-form .keybox { display:flex; gap:6px; align-items:center; }
|
||||
@@ -1081,3 +1092,6 @@ body.no-motion *, body.no-motion *::before, body.no-motion *::after, body.no-mot
|
||||
table.machines th, table.machines td { text-align:center; }
|
||||
table.machines td.actions .row { justify-content:center; }
|
||||
}
|
||||
/* The + menu's roots (Терминал, Файловый менеджер) a little to the left of
|
||||
what they open, so the nesting reads. */
|
||||
.addmenu > .item { padding-left:7px; }
|
||||
Reference in new issue
Block a user