anentrypoint-design 0.0.188 → 0.0.190
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/chat.css +62 -0
- package/dist/247420.css +62 -0
- package/dist/247420.js +11 -11
- package/package.json +1 -1
- package/src/components/agent-chat.js +45 -2
- package/src/components/content.js +2 -1
- package/src/components/shell.js +3 -1
package/chat.css
CHANGED
|
@@ -99,3 +99,65 @@
|
|
|
99
99
|
flex-direction: column;
|
|
100
100
|
gap: var(--space-2, 8px);
|
|
101
101
|
}
|
|
102
|
+
|
|
103
|
+
/* Empty state: a fresh thread is an invitation, not a void. */
|
|
104
|
+
.agentchat-empty {
|
|
105
|
+
margin: auto;
|
|
106
|
+
display: flex;
|
|
107
|
+
flex-direction: column;
|
|
108
|
+
align-items: center;
|
|
109
|
+
gap: .4em;
|
|
110
|
+
text-align: center;
|
|
111
|
+
padding: var(--space-6, 32px) var(--space-4, 16px);
|
|
112
|
+
color: var(--fg-3);
|
|
113
|
+
max-width: 46ch;
|
|
114
|
+
}
|
|
115
|
+
.agentchat-empty-title { margin: 0; font-size: 1.05em; color: var(--fg-2, var(--fg)); }
|
|
116
|
+
.agentchat-empty-sub { margin: 0; font-size: .9em; }
|
|
117
|
+
.agentchat-empty-suggestions {
|
|
118
|
+
display: flex;
|
|
119
|
+
flex-wrap: wrap;
|
|
120
|
+
gap: .5em;
|
|
121
|
+
justify-content: center;
|
|
122
|
+
margin-top: .5em;
|
|
123
|
+
}
|
|
124
|
+
.agentchat-empty-suggestion {
|
|
125
|
+
cursor: pointer;
|
|
126
|
+
font: inherit;
|
|
127
|
+
font-size: .85em;
|
|
128
|
+
padding: .4em .8em;
|
|
129
|
+
border-radius: 999px;
|
|
130
|
+
border: 1px solid color-mix(in srgb, var(--fg) 16%, transparent);
|
|
131
|
+
background: color-mix(in srgb, var(--fg) 5%, transparent);
|
|
132
|
+
color: var(--fg-2, var(--fg));
|
|
133
|
+
}
|
|
134
|
+
.agentchat-empty-suggestion:hover { background: color-mix(in srgb, var(--accent, var(--fg)) 12%, transparent); }
|
|
135
|
+
.agentchat-empty-suggestion:focus-visible { outline: 2px solid var(--accent, var(--fg)); outline-offset: 2px; }
|
|
136
|
+
|
|
137
|
+
/* "working" tail: a long silent tool call shouldn't read as frozen. */
|
|
138
|
+
.agentchat-working {
|
|
139
|
+
display: flex;
|
|
140
|
+
align-items: center;
|
|
141
|
+
gap: .5em;
|
|
142
|
+
padding: .3em .2em;
|
|
143
|
+
color: var(--fg-3);
|
|
144
|
+
font-size: .85em;
|
|
145
|
+
}
|
|
146
|
+
.agentchat-working-text { color: var(--fg-3); }
|
|
147
|
+
/* Self-contained dots (chat-thinking-dots lives in a kit sheet not bundled
|
|
148
|
+
into this DS distribution, so the agentchat tail draws its own). */
|
|
149
|
+
.agentchat-working .chat-thinking-dots { display: inline-flex; gap: 3px; }
|
|
150
|
+
.agentchat-working .chat-thinking-dots span {
|
|
151
|
+
width: 5px; height: 5px; border-radius: 50%;
|
|
152
|
+
background: var(--fg); opacity: .4;
|
|
153
|
+
animation: agentchat-dot-bounce 1.2s infinite ease-in-out;
|
|
154
|
+
}
|
|
155
|
+
.agentchat-working .chat-thinking-dots span:nth-child(2) { animation-delay: .15s; }
|
|
156
|
+
.agentchat-working .chat-thinking-dots span:nth-child(3) { animation-delay: .3s; }
|
|
157
|
+
@keyframes agentchat-dot-bounce {
|
|
158
|
+
0%, 80%, 100% { transform: scale(.6); opacity: .3; }
|
|
159
|
+
40% { transform: scale(1); opacity: .9; }
|
|
160
|
+
}
|
|
161
|
+
@media (prefers-reduced-motion: reduce) {
|
|
162
|
+
.agentchat-working .chat-thinking-dots span { animation: none; opacity: .7; }
|
|
163
|
+
}
|
package/dist/247420.css
CHANGED
|
@@ -4712,6 +4712,68 @@
|
|
|
4712
4712
|
gap: var(--space-2, 8px);
|
|
4713
4713
|
}
|
|
4714
4714
|
|
|
4715
|
+
/* Empty state: a fresh thread is an invitation, not a void. */
|
|
4716
|
+
.ds-247420 .agentchat-empty {
|
|
4717
|
+
margin: auto;
|
|
4718
|
+
display: flex;
|
|
4719
|
+
flex-direction: column;
|
|
4720
|
+
align-items: center;
|
|
4721
|
+
gap: .4em;
|
|
4722
|
+
text-align: center;
|
|
4723
|
+
padding: var(--space-6, 32px) var(--space-4, 16px);
|
|
4724
|
+
color: var(--fg-3);
|
|
4725
|
+
max-width: 46ch;
|
|
4726
|
+
}
|
|
4727
|
+
.ds-247420 .agentchat-empty-title { margin: 0; font-size: 1.05em; color: var(--fg-2, var(--fg)); }
|
|
4728
|
+
.ds-247420 .agentchat-empty-sub { margin: 0; font-size: .9em; }
|
|
4729
|
+
.ds-247420 .agentchat-empty-suggestions {
|
|
4730
|
+
display: flex;
|
|
4731
|
+
flex-wrap: wrap;
|
|
4732
|
+
gap: .5em;
|
|
4733
|
+
justify-content: center;
|
|
4734
|
+
margin-top: .5em;
|
|
4735
|
+
}
|
|
4736
|
+
.ds-247420 .agentchat-empty-suggestion {
|
|
4737
|
+
cursor: pointer;
|
|
4738
|
+
font: inherit;
|
|
4739
|
+
font-size: .85em;
|
|
4740
|
+
padding: .4em .8em;
|
|
4741
|
+
border-radius: 999px;
|
|
4742
|
+
border: 1px solid color-mix(in srgb, var(--fg) 16%, transparent);
|
|
4743
|
+
background: color-mix(in srgb, var(--fg) 5%, transparent);
|
|
4744
|
+
color: var(--fg-2, var(--fg));
|
|
4745
|
+
}
|
|
4746
|
+
.ds-247420 .agentchat-empty-suggestion:hover { background: color-mix(in srgb, var(--accent, var(--fg)) 12%, transparent); }
|
|
4747
|
+
.ds-247420 .agentchat-empty-suggestion:focus-visible { outline: 2px solid var(--accent, var(--fg)); outline-offset: 2px; }
|
|
4748
|
+
|
|
4749
|
+
/* "working" tail: a long silent tool call shouldn't read as frozen. */
|
|
4750
|
+
.ds-247420 .agentchat-working {
|
|
4751
|
+
display: flex;
|
|
4752
|
+
align-items: center;
|
|
4753
|
+
gap: .5em;
|
|
4754
|
+
padding: .3em .2em;
|
|
4755
|
+
color: var(--fg-3);
|
|
4756
|
+
font-size: .85em;
|
|
4757
|
+
}
|
|
4758
|
+
.ds-247420 .agentchat-working-text { color: var(--fg-3); }
|
|
4759
|
+
/* Self-contained dots (chat-thinking-dots lives in a kit sheet not bundled
|
|
4760
|
+
into this DS distribution, so the agentchat tail draws its own). */
|
|
4761
|
+
.ds-247420 .agentchat-working .chat-thinking-dots { display: inline-flex; gap: 3px; }
|
|
4762
|
+
.ds-247420 .agentchat-working .chat-thinking-dots span {
|
|
4763
|
+
width: 5px; height: 5px; border-radius: 50%;
|
|
4764
|
+
background: var(--fg); opacity: .4;
|
|
4765
|
+
animation: agentchat-dot-bounce 1.2s infinite ease-in-out;
|
|
4766
|
+
}
|
|
4767
|
+
.ds-247420 .agentchat-working .chat-thinking-dots span:nth-child(2) { animation-delay: .15s; }
|
|
4768
|
+
.ds-247420 .agentchat-working .chat-thinking-dots span:nth-child(3) { animation-delay: .3s; }
|
|
4769
|
+
@keyframes agentchat-dot-bounce {
|
|
4770
|
+
0%, 80%, 100% { transform: scale(.6); opacity: .3; }
|
|
4771
|
+
40% { transform: scale(1); opacity: .9; }
|
|
4772
|
+
}
|
|
4773
|
+
@media (prefers-reduced-motion: reduce) {
|
|
4774
|
+
.ds-247420 .agentchat-working .chat-thinking-dots span { animation: none; opacity: .7; }
|
|
4775
|
+
}
|
|
4776
|
+
|
|
4715
4777
|
/* editor-primitives.css */
|
|
4716
4778
|
/* editor-primitives.css — chrome for in-engine editors, inspectors, IDEs,
|
|
4717
4779
|
debug HUDs. All rules under .ds-247420 scope (build prefixes). Tokens
|