anentrypoint-design 0.0.317 → 0.0.319
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/app-shell.css +4 -2
- package/chat.css +10 -5
- package/dist/247420.css +14 -7
- package/dist/247420.js +14 -14
- package/package.json +1 -1
- package/src/components/chat.js +47 -8
- package/src/components/content.js +8 -4
- package/src/components/sessions.js +9 -1
- package/src/components.js +1 -1
package/app-shell.css
CHANGED
|
@@ -1653,10 +1653,12 @@ table tr.clickable:focus-visible td { background: var(--bg-2); }
|
|
|
1653
1653
|
.ds-file-row[data-file-type="archive"] .ds-file-icon { color: var(--flame); }
|
|
1654
1654
|
.ds-file-row[data-file-type="document"] .ds-file-icon { color: var(--amber, var(--sun)); }
|
|
1655
1655
|
|
|
1656
|
-
/* Row actions —
|
|
1656
|
+
/* Row actions — a faint baseline keeps them discoverable at rest (not fully
|
|
1657
|
+
hidden, which left mouse/trackpad users unable to find rename/move/delete
|
|
1658
|
+
without accidentally hovering a row), full opacity on hover/focus. */
|
|
1657
1659
|
.ds-file-actions {
|
|
1658
1660
|
display: inline-flex; gap: 2px; align-items: center;
|
|
1659
|
-
opacity: 0; transition: opacity var(--dur-base) var(--ease);
|
|
1661
|
+
opacity: 0.35; transition: opacity var(--dur-base) var(--ease);
|
|
1660
1662
|
}
|
|
1661
1663
|
.ds-file-row:hover .ds-file-actions,
|
|
1662
1664
|
.ds-file-row:focus-within .ds-file-actions { opacity: 1; }
|
package/chat.css
CHANGED
|
@@ -174,6 +174,7 @@
|
|
|
174
174
|
.chat-msg-action-label { font-size: var(--fs-tiny); }
|
|
175
175
|
.chat-msg-action:hover { background: var(--bg-2); color: var(--fg); }
|
|
176
176
|
.chat-msg-action:focus-visible { outline: var(--focus-w) solid var(--focus-color); outline-offset: 1px; opacity: 1; }
|
|
177
|
+
.chat-msg-action.is-copied { color: var(--accent-ink); opacity: 1; }
|
|
177
178
|
|
|
178
179
|
/* Empty state: a fresh thread is an invitation, not a void. */
|
|
179
180
|
.agentchat-empty {
|
|
@@ -208,6 +209,11 @@
|
|
|
208
209
|
}
|
|
209
210
|
.agentchat-empty-suggestion:hover, .chat-empty-suggestion:hover { background: color-mix(in srgb, var(--accent, var(--fg)) 12%, transparent); }
|
|
210
211
|
.agentchat-empty-suggestion:focus-visible, .chat-empty-suggestion:focus-visible { outline: 2px solid var(--accent, var(--fg)); outline-offset: var(--focus-offset); }
|
|
212
|
+
/* Follow-up chips (contextual, based on the last turn) vs empty-state seed
|
|
213
|
+
chips (generic starter ideas) previously shared identical DOM shape with no
|
|
214
|
+
visual signal distinguishing them - a dashed border reads as "derived from
|
|
215
|
+
context" without introducing a new color/shape language. */
|
|
216
|
+
.agentchat-followup { border-style: dashed; }
|
|
211
217
|
|
|
212
218
|
/* Guided install path in the empty state: copy line + monospaced command rows
|
|
213
219
|
(each with its own copy button) + a recheck button. No animation. */
|
|
@@ -715,14 +721,13 @@ button.chat-composer-context:focus-visible { outline: var(--focus-w) solid var(-
|
|
|
715
721
|
windowed thread, dashboard stopping/external states, cwd validation.
|
|
716
722
|
============================================================================ */
|
|
717
723
|
|
|
718
|
-
/* Enter-to-send hint: visible
|
|
719
|
-
|
|
724
|
+
/* Enter-to-send hint: visible at rest so a new user with an empty composer
|
|
725
|
+
can discover Enter-vs-Shift+Enter without having to focus it first;
|
|
726
|
+
hidden under 420px to save rows. */
|
|
720
727
|
.chat-composer-hint {
|
|
721
|
-
display:
|
|
728
|
+
display: block; width: 100%; order: 5; padding: 2px var(--space-1) 0;
|
|
722
729
|
font-size: var(--fs-micro); color: var(--fg-3);
|
|
723
730
|
}
|
|
724
|
-
.chat-composer:focus-within .chat-composer-hint,
|
|
725
|
-
.chat-composer.has-draft .chat-composer-hint { display: block; }
|
|
726
731
|
@media (max-width: 420px) {
|
|
727
732
|
.chat-composer .chat-composer-hint { display: none; }
|
|
728
733
|
}
|
package/dist/247420.css
CHANGED
|
@@ -2205,10 +2205,12 @@
|
|
|
2205
2205
|
.ds-247420 .ds-file-row[data-file-type="archive"] .ds-file-icon { color: var(--flame); }
|
|
2206
2206
|
.ds-247420 .ds-file-row[data-file-type="document"] .ds-file-icon { color: var(--amber, var(--sun)); }
|
|
2207
2207
|
|
|
2208
|
-
/* Row actions —
|
|
2208
|
+
/* Row actions — a faint baseline keeps them discoverable at rest (not fully
|
|
2209
|
+
hidden, which left mouse/trackpad users unable to find rename/move/delete
|
|
2210
|
+
without accidentally hovering a row), full opacity on hover/focus. */
|
|
2209
2211
|
.ds-247420 .ds-file-actions {
|
|
2210
2212
|
display: inline-flex; gap: 2px; align-items: center;
|
|
2211
|
-
opacity: 0; transition: opacity var(--dur-base) var(--ease);
|
|
2213
|
+
opacity: 0.35; transition: opacity var(--dur-base) var(--ease);
|
|
2212
2214
|
}
|
|
2213
2215
|
.ds-247420 .ds-file-row:hover .ds-file-actions,
|
|
2214
2216
|
.ds-247420 .ds-file-row:focus-within .ds-file-actions { opacity: 1; }
|
|
@@ -7128,6 +7130,7 @@
|
|
|
7128
7130
|
.ds-247420 .chat-msg-action-label { font-size: var(--fs-tiny); }
|
|
7129
7131
|
.ds-247420 .chat-msg-action:hover { background: var(--bg-2); color: var(--fg); }
|
|
7130
7132
|
.ds-247420 .chat-msg-action:focus-visible { outline: var(--focus-w) solid var(--focus-color); outline-offset: 1px; opacity: 1; }
|
|
7133
|
+
.ds-247420 .chat-msg-action.is-copied { color: var(--accent-ink); opacity: 1; }
|
|
7131
7134
|
|
|
7132
7135
|
/* Empty state: a fresh thread is an invitation, not a void. */
|
|
7133
7136
|
.ds-247420 .agentchat-empty {
|
|
@@ -7162,6 +7165,11 @@
|
|
|
7162
7165
|
}
|
|
7163
7166
|
.ds-247420 .agentchat-empty-suggestion:hover, .ds-247420 .chat-empty-suggestion:hover { background: color-mix(in srgb, var(--accent, var(--fg)) 12%, transparent); }
|
|
7164
7167
|
.ds-247420 .agentchat-empty-suggestion:focus-visible, .ds-247420 .chat-empty-suggestion:focus-visible { outline: 2px solid var(--accent, var(--fg)); outline-offset: var(--focus-offset); }
|
|
7168
|
+
/* Follow-up chips (contextual, based on the last turn) vs empty-state seed
|
|
7169
|
+
chips (generic starter ideas) previously shared identical DOM shape with no
|
|
7170
|
+
visual signal distinguishing them - a dashed border reads as "derived from
|
|
7171
|
+
context" without introducing a new color/shape language. */
|
|
7172
|
+
.ds-247420 .agentchat-followup { border-style: dashed; }
|
|
7165
7173
|
|
|
7166
7174
|
/* Guided install path in the empty state: copy line + monospaced command rows
|
|
7167
7175
|
(each with its own copy button) + a recheck button. No animation. */
|
|
@@ -7668,14 +7676,13 @@
|
|
|
7668
7676
|
windowed thread, dashboard stopping/external states, cwd validation.
|
|
7669
7677
|
============================================================================ */
|
|
7670
7678
|
|
|
7671
|
-
/* Enter-to-send hint: visible
|
|
7672
|
-
|
|
7679
|
+
/* Enter-to-send hint: visible at rest so a new user with an empty composer
|
|
7680
|
+
can discover Enter-vs-Shift+Enter without having to focus it first;
|
|
7681
|
+
hidden under 420px to save rows. */
|
|
7673
7682
|
.ds-247420 .chat-composer-hint {
|
|
7674
|
-
display:
|
|
7683
|
+
display: block; width: 100%; order: 5; padding: 2px var(--space-1) 0;
|
|
7675
7684
|
font-size: var(--fs-micro); color: var(--fg-3);
|
|
7676
7685
|
}
|
|
7677
|
-
.ds-247420 .chat-composer:focus-within .chat-composer-hint,
|
|
7678
|
-
.ds-247420 .chat-composer.has-draft .chat-composer-hint { display: block; }
|
|
7679
7686
|
@media (max-width: 420px) {
|
|
7680
7687
|
.ds-247420 .chat-composer .chat-composer-hint { display: none; }
|
|
7681
7688
|
}
|