diff --git a/dev-chat.html b/dev-chat.html
new file mode 100644
index 0000000..6ef8a4d
--- /dev/null
+++ b/dev-chat.html
@@ -0,0 +1,697 @@
+
+
+
+
+
+ Dev Chat Widget
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Dev mode active. Talk to test your app or modify files.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Dev mode active. Talk to test your app.
+
+
+
${escapeHtml(code.trim())}
`;
+ }).replace(/\n/g, '
');
+ } else {
+ msg.textContent = text;
+ }
+
+ messages.appendChild(msg);
+ messages.scrollTop = messages.scrollHeight;
+ saveToUserData();
+ }
+
+ function escapeHtml(text) {
+ const div = document.createElement('div');
+ div.textContent = text;
+ return div.innerHTML;
+ }
+
+ // File change indicator
+ function showFileChange(path, type = 'modified') {
+ const el = document.createElement('div');
+ el.className = `gb-dev-file ${type}`;
+ const icon = type === 'created' ? '➕' : type === 'deleted' ? '➖' : '✏️';
+ el.innerHTML = `${icon} ${path}`;
+ messages.appendChild(el);
+ messages.scrollTop = messages.scrollHeight;
+ }
+
+ // Typing indicator
+ function showTyping() {
+ if (isTyping) return;
+ isTyping = true;
+ const el = document.createElement('div');
+ el.id = 'gb-dev-typing';
+ el.className = 'gb-dev-typing';
+ el.innerHTML = '';
+ messages.appendChild(el);
+ messages.scrollTop = messages.scrollHeight;
+ }
+
+ function hideTyping() {
+ isTyping = false;
+ const el = document.getElementById('gb-dev-typing');
+ if (el) el.remove();
+ }
+
+ // Send message
+ async function send() {
+ const text = input.value.trim();
+ if (!text) return;
+
+ addMsg(text, 'user');
+ input.value = '';
+ showTyping();
+
+ try {
+ if (ws && ws.readyState === WebSocket.OPEN) {
+ ws.send(JSON.stringify({
+ type: 'dev_message',
+ content: text,
+ context: getContext()
+ }));
+ } else {
+ const res = await fetch(CONFIG.apiEndpoint, {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({
+ message: text,
+ context: getContext()
+ })
+ });
+ hideTyping();
+ if (res.ok) {
+ handleResponse(await res.json());
+ } else {
+ addMsg('Error: ' + res.statusText, 'error');
+ }
+ }
+ } catch (err) {
+ hideTyping();
+ addMsg('Connection error: ' + err.message, 'error');
+ }
+ }
+
+ // Handle response
+ function handleResponse(data) {
+ hideTyping();
+ if (data.message) addMsg(data.message, 'bot');
+ if (data.files_changed) {
+ data.files_changed.forEach(f => showFileChange(f.path, f.type));
+ }
+ if (data.reload) {
+ addMsg('Reloading...', 'system');
+ setTimeout(() => location.reload(), 1000);
+ }
+ }
+
+ // WebSocket
+ function connectWS() {
+ if (ws && ws.readyState === WebSocket.OPEN) return;
+
+ try {
+ const proto = location.protocol === 'https:' ? 'wss:' : 'ws:';
+ ws = new WebSocket(`${proto}//${location.host}${CONFIG.wsEndpoint}`);
+
+ ws.onopen = () => addMsg('Connected', 'system');
+
+ ws.onmessage = (e) => {
+ const data = JSON.parse(e.data);
+ switch (data.type) {
+ case 'message':
+ hideTyping();
+ addMsg(data.content, 'bot');
+ break;
+ case 'file_changed':
+ showFileChange(data.path, data.change_type);
+ break;
+ case 'reload':
+ addMsg('Files changed. Reloading...', 'system');
+ setTimeout(() => location.reload(), 500);
+ break;
+ case 'error':
+ hideTyping();
+ addMsg(data.content, 'error');
+ break;
+ }
+ };
+
+ ws.onclose = () => setTimeout(connectWS, 3000);
+ } catch (err) {
+ console.error('Dev chat WS error:', err);
+ }
+ }
+
+ // Clear chat
+ function clearChat() {
+ messages.innerHTML = 'Chat cleared.
';
+ clearUserData();
+ }
+
+ // user_data virtual table storage (one table for all)
+ function saveToUserData() {
+ const history = Array.from(messages.children).map(m => ({
+ type: m.classList[1],
+ html: m.innerHTML
+ })).slice(-CONFIG.maxHistory);
+
+ fetch(CONFIG.userDataEndpoint, {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({
+ namespace: 'dev_chat',
+ key: getContext().app + '_history',
+ value: JSON.stringify(history)
+ })
+ }).catch(() => {});
+ }
+
+ function loadFromUserData() {
+ fetch(`${CONFIG.userDataEndpoint}?namespace=dev_chat&key=${getContext().app}_history`)
+ .then(r => r.json())
+ .then(data => {
+ if (data && data.value) {
+ const history = JSON.parse(data.value);
+ history.forEach(m => {
+ const el = document.createElement('div');
+ el.className = `gb-dev-msg ${m.type}`;
+ el.innerHTML = m.html;
+ messages.appendChild(el);
+ });
+ }
+ })
+ .catch(() => {});
+ }
+
+ function clearUserData() {
+ fetch(`${CONFIG.userDataEndpoint}?namespace=dev_chat&key=${getContext().app}_history`, {
+ method: 'DELETE'
+ }).catch(() => {});
+ }
+
+ // Load history on init
+ loadFromUserData();
+
+ // Expose API for external use
+ window.gbDevChat = {
+ open: () => { if (!isOpen) toggle(); },
+ close: () => { if (isOpen) toggle(); },
+ send: (msg) => { input.value = msg; send(); },
+ addMessage: addMsg,
+ showFileChange
+ };
+
+})();