$(cat /mnt/data/Pasted\ text\(23\).txt)
<script>
document.addEventListener("DOMContentLoaded", function(){
  var btn = document.getElementById("assistant-send");
  var input = document.getElementById("assistant-input");
  if (input) {
      if (e.key === "Enter" && !e.shiftKey) {
        e.preventDefault();
</script>

<script>

</script>


<script>
document.addEventListener("DOMContentLoaded", async function () {
  try {
    // create default chat silently (backend supports it)
    await fetch("https://api.alika-aurora.com/api/v1/assistant/chats", {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify({ title: "General" })
    });
  } catch (e) {
    console.log("Chat init failed:", e);
  }
});
</script>


<style>
.msg {
  padding: 10px 14px;
  margin: 6px 0;
  border-radius: 10px;
  max-width: 80%;
  white-space: pre-wrap;
  font-size: 14px;
}

.msg.user {
  background: #0ea5e9;
  color: #000;
  margin-left: auto;
}

.msg.ella {
  background: #1e293b;
  color: #e5e7eb;
  margin-right: auto;
}
</style>

<script>
// smooth scroll fix
</script>


<style>
.msg-time {
  display:block;
  font-size:11px;
  opacity:0.6;
  margin-top:4px;
}
</style>

<script>
function getTime() {
  return new Date().toLocaleTimeString('en-AU', { hour12: false });
}

</script>


<script>
function getTime() {
  return new Date().toLocaleTimeString('en-AU', { hour12: false });
}

</script>


<script>
let sending = false;

</script>


<style>
#assistant-chat-messages {
  height: 70vh;
  overflow-y: auto;
  padding: 10px;
  display: flex;
  flex-direction: column;
}

#assistant-input {
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  border: none;
  outline: none;
  font-size: 14px;
}

#assistant-send {
  padding: 12px 16px;
  margin-left: 8px;
  border-radius: 8px;
  background: #38bdf8;
  border: none;
  cursor: pointer;
}
</style>


<script>
console.log("Ella frontend loaded");

async function debugSend(message) {
  console.log("Sending:", message);

  try {
    const res = await fetch("http://127.0.0.1:8080/api/v1/assistant/send", {
      method: "POST",
      headers: {"Content-Type": "application/json"},
      body: JSON.stringify({message})
    });

    const data = await res.json();
    console.log("Response:", data);

  } catch (e) {
    console.error("Error:", e);
  }
}
</script>


<script>
function getTime() {
  return new Date().toLocaleTimeString('en-AU', { hour12: false });
}

function appendMessage(role, text) {
  const box = document.getElementById("assistant-chat-messages");
  if (!box) return;

  const div = document.createElement("div");
  div.className = role === "user" ? "msg user" : "msg ella";

  const content = document.createElement("div");
  content.textContent = text;

  const time = document.createElement("span");
  time.className = "msg-time";
  time.textContent = getTime();

  div.appendChild(content);
  div.appendChild(time);

  box.appendChild(div);
  box.scrollTop = box.scrollHeight;
}

let sending = false;

async function assistantSendMessage() {
  if (sending) return;

  const input = document.getElementById("assistant-input");
  const msg = input.value.trim();
  if (!msg) return;

  sending = true;

  appendMessage("user", msg);
  input.value = "";

  try {
    const res = await fetch("http://127.0.0.1:8080/api/v1/assistant/send", {
      method: "POST",
      headers: {"Content-Type": "application/json"},
      body: JSON.stringify({message: msg})
    });

    const data = await res.json();
    appendMessage("assistant", data.data || "No reply");

  } catch (e) {
    appendMessage("assistant", "Error: " + e.message);
  }

  sending = false;
}

document.addEventListener("DOMContentLoaded", function () {
  const input = document.getElementById("assistant-input");
  const button = document.getElementById("assistant-send");

  if (button) button.onclick = assistantSendMessage;

  if (input) {
    input.addEventListener("keydown", function (e) {
      if (e.key === "Enter" && !e.shiftKey) {
        e.preventDefault();
        assistantSendMessage();
      }
    });
  }
});
</script>


<script>
// replace assistant response handling

async function assistantSendMessage() {
  if (sending) return;

  const input = document.getElementById("assistant-input");
  const msg = input.value.trim();
  if (!msg) return;

  sending = true;

  appendMessage("user", msg);
  input.value = "";

  try {
    const res = await fetch("http://127.0.0.1:8080/api/v1/assistant/send", {
      method: "POST",
      headers: {"Content-Type": "application/json"},
      body: JSON.stringify({message: msg})
    });

    const data = await res.json();

    if (data.type === "image") {
      appendImage(data.data);
    } else {
      appendMessage("assistant", data.data || "No reply");
    }

  } catch (e) {
    appendMessage("assistant", "Error: " + e.message);
  }

  sending = false;
}

function appendImage(url) {
  const box = document.getElementById("assistant-chat-messages");

  const div = document.createElement("div");
  div.className = "msg ella";

  const img = document.createElement("img");
  img.src = url;
  img.style.maxWidth = "300px";
  img.style.borderRadius = "8px";

  div.appendChild(img);
  box.appendChild(div);
  box.scrollTop = box.scrollHeight;
}
</script>