docs/deployment/WIDGET_EMBED_CODE.md

Codette Widget Embed Code for horizoncorelabs.studio

Option 1: Direct iframe Embed (Recommended)

Add this to your horizoncorelabs.studio page HTML:

<!-- Codette Widget Embed -->
<iframe
  src="https://huggingface.co/spaces/Raiff1982/codette-ai"
  style="width: 100%; max-width: 740px; height: 640px; border: none; border-radius: 20px; margin: 20px auto; display: block;"
  title="Codette AI"
  allow="microphone; camera"
></iframe>

This embeds the full HF Space widget directly.

---

Option 2: Full Page Redirect

If you want /horizoncoreai/ to show the Codette widget, redirect to the HF Space:

# In your nginx config (if applicable):
location /horizoncoreai/ {
  return 301 https://huggingface.co/spaces/Raiff1982/codette-ai;
}

Or in your web server config (Apache, etc.):

Redirect /horizoncoreai/ https://huggingface.co/spaces/Raiff1982/codette-ai

---

Option 3: Proxy Setup

If you want to serve from your own domain (/horizoncoreai/), set up a reverse proxy:

Nginx:

location /horizoncoreai/ {
  proxy_pass https://huggingface.co/spaces/Raiff1982/codette-ai/;
  proxy_set_header Host huggingface.co;
  proxy_set_header X-Forwarded-For $remote_addr;
  proxy_set_header X-Forwarded-Proto https;
}

Apache:

ProxyPreserveHost On
ProxyPass /horizoncoreai/ https://huggingface.co/spaces/Raiff1982/codette-ai/
ProxyPassReverse /horizoncoreai/ https://huggingface.co/spaces/Raiff1982/codette-ai/

---

Option 4: Custom Widget Host (If You Hosted index.html Before)

If you want to serve the widget from your own domain while hitting the HF Space API:

1. Host the index.html on horizoncorelabs.studio at /horizoncoreai/
2. Update the API endpoint in index.html to point to HF Space:

// In index.html, change this line:
const apiBase = "/api/chat";

// To:
const apiBase = "https://huggingface.co/spaces/Raiff1982/codette-ai/api/chat";

---

Direct HF Space URL

If none of the above work, users can access Codette directly at:

https://huggingface.co/spaces/Raiff1982/codette-ai

---

Testing

To verify it's working, test the API endpoint:

curl -X POST https://huggingface.co/spaces/Raiff1982/codette-ai/api/chat \
  -H "Content-Type: application/json" \
  -d '{
    "messages": [
      {"role": "user", "content": "Hello Codette"}
    ]
  }'

Should return a streaming JSON response starting with metadata.