add new flag to disable some future features and make some updates to chat ux

This commit is contained in:
JCEEE
2026-09-08 09:42:58 +01:00
parent 45433c7c60
commit a5e60b5486
5 changed files with 128 additions and 25 deletions
+37 -7
View File
@@ -39,6 +39,19 @@
}
});
// Close the panel with Escape while it's open.
$effect(() => {
if (!chatStore.open) return;
const onKey = (e: KeyboardEvent) => {
if (e.key === 'Escape') {
e.preventDefault();
onClose();
}
};
window.addEventListener('keydown', onKey);
return () => window.removeEventListener('keydown', onKey);
});
async function send() {
const text = draft.trim();
if (!text || sending) return;
@@ -82,18 +95,27 @@
draft = (draft ? draft + ' ' : '') + '@' + name + ' ';
}
// Render content, wrapping @mentions in a styled token.
// Render content, wrapping @mentions in a styled token and https:// URLs in
// clickable links (opened in a new window).
function renderContent(text: string) {
const segs: { text: string; mention: boolean }[] = [];
const re = /(@[A-Za-z0-9_.-]+)/g;
const segs: { text: string; mention: boolean; url: string | null }[] = [];
const re = /(@[A-Za-z0-9_.-]+|https?:\/\/[^\s]+)/g;
let last = 0;
let m: RegExpExecArray | null;
while ((m = re.exec(text)) !== null) {
if (m.index > last) segs.push({ text: text.slice(last, m.index), mention: false });
segs.push({ text: m[1], mention: true });
if (m.index > last) segs.push({ text: text.slice(last, m.index), mention: false, url: null });
const tok = m[1];
if (tok.startsWith('@')) {
segs.push({ text: tok, mention: true, url: null });
} else {
const url = tok.replace(/[.,;:!?]+$/, '');
if (url) segs.push({ text: url, mention: false, url });
const rest = tok.slice(url.length);
if (rest) segs.push({ text: rest, mention: false, url: null });
}
last = m.index + m[0].length;
}
if (last < text.length) segs.push({ text: text.slice(last), mention: false });
if (last < text.length) segs.push({ text: text.slice(last), mention: false, url: null });
return segs;
}
@@ -132,6 +154,8 @@
<button class="mention" onclick={() => insertMention(seg.text.slice(1))}
>{seg.text}</button
>
{:else if seg.url}
<a class="msg-link" href={seg.url} target="_blank" rel="noopener noreferrer">{seg.url}</a>
{:else}
{seg.text}
{/if}
@@ -206,7 +230,8 @@
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.85rem 1.25rem;
height: 52px;
padding: 0 1.25rem;
border-bottom: 1px solid #e5e7eb;
background: #4338ca;
color: #fff;
@@ -309,6 +334,11 @@
font-size: 0.85rem;
cursor: pointer;
}
.msg-link {
color: #6366f1;
text-decoration: underline;
word-break: break-all;
}
.chat-typing {
min-height: 1.5rem;
padding: 0 1.25rem;
+1 -1
View File
@@ -356,7 +356,7 @@ async function seedPlatform(): Promise<void> {
const created = await fetch(`${PB_ENDPOINT}/api/collections/platform/records`, {
method: 'POST',
headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${t}` },
body: JSON.stringify({ label: 'global', flags: { debug: false } })
body: JSON.stringify({ label: 'global', flags: { debug: false, rewardsTargets: false } })
});
const c = await created.json();
if (!created.ok) throw new Error(`Seed platform failed: ${JSON.stringify(c)}`);