docs(instagram): document payload type split

Update documentation to clarify the distinction between Instagram live
streams (data.type = "instagramlive") and non-live post comments
(data.type = "instagram"). Add instagramlive as a separate source option
in Event Flow Editor.

Changes:
- README.md and landing.html: Add "payload type" notation to Instagram entries
- docs/event-reference.html: Document data.type field behavior for Instagram
- docs/js/sites.js: Clarify payload types for Instagram live/post sources
- actions/EventFlowEditor.js: Add "Instagram Live" as distinct source option

[auto-enhanced]

Author: steveseguin

README.md

@@ -115,8 +115,8 @@ Much more than just an overlay - Social Stream Ninja is a complete chat ecosyste
 - mixcloud.com (pop out chat)
 - ms teams (teams.live.com and teams.microsoft.com)
 - vimeo.com (either the vimeo.com/events/xxx pages or https://vimeo.com/live-chat/xxxxxxxxx/interaction/)
-- instagram live (instagram.com/*/live/),  css note:  `[data.type = "instagramlive"]`
-- Instagram post non-live comments (REQUIRES the TOGGLE in menu to enable it), css note: `[data.type = "instagram"]`
+- instagram live (instagram.com/*/live/), payload type / css note: `[data.type = "instagramlive"]`
+- Instagram post non-live comments (REQUIRES the TOGGLE in menu to enable it), payload type / css note: `[data.type = "instagram"]`
 - instafeed.me (no pop out; alternative instagram live support)
 - tiktok live (tiktok.com/*/live -- the chat must be left open/visible if using the extension version)
 - webex live chat (not the pop out)

actions/EventFlowEditor.js

@@ -492,6 +492,7 @@ class EventFlowEditor {
             { value: 'facebook', label: 'Facebook' },
             { value: 'tiktok', label: 'TikTok' },
             { value: 'instagram', label: 'Instagram' },
+            { value: 'instagramlive', label: 'Instagram Live' },
             { value: 'rumble', label: 'Rumble' },
             { value: 'kofi', label: 'Ko-fi' },
             { value: 'bmac', label: 'Buy Me a Coffee' },

docs/event-reference.html

@@ -199,6 +199,11 @@ <h2>Field Overview</h2>
                         </tr>
                     </thead>
                     <tbody>
+                        <tr>
+                            <td><code>data.type</code></td>
+                            <td>string</td>
+                            <td>Source identifier used by overlays, filters, and Event Flow. Instagram keeps live chat as <code>instagramlive</code> and non-live comments as <code>instagram</code>.</td>
+                        </tr>
                         <tr>
                             <td><code>data.event</code></td>
                             <td>string | boolean</td>

docs/js/sites.js

@@ -62,7 +62,7 @@ document.addEventListener('DOMContentLoaded', function() {
                     <li>No need to pop out the chat</li>
                 </ul>
             `,
-            notes: 'CSS note for styling: [data.type = "instagramlive"]'
+            notes: 'Payload type: <code>instagramlive</code>. CSS note for styling: [data.type = "instagramlive"]'
         },
         {
             name: 'Instagram Post Comments',
@@ -75,7 +75,7 @@ document.addEventListener('DOMContentLoaded', function() {
                     <li>Navigate to any Instagram post to capture comments</li>
                 </ul>
             `,
-            notes: 'CSS note for styling: [data.type = "instagram"]'
+            notes: 'Payload type: <code>instagram</code>. CSS note for styling: [data.type = "instagram"]'
         },
         {
             name: 'X Live (Twitter)',

landing.html

@@ -421,8 +421,8 @@ <h3 id="supported-sites">Supported sites [archived support list]:</h3>
 		<li>mixcloud.com (pop out chat)</li>
 		<li>ms teams (teams.live.com and teams.microsoft.com)</li>
 		<li>vimeo.com (either the vimeo.com/events/xxx pages or <a href="https://vimeo.com/live-chat/xxxxxxxxx/interaction/">https://vimeo.com/live-chat/xxxxxxxxx/interaction/</a>)</li>
-		<li>instagram live (instagram.com/*/live/),  css note:  <code>[data.type = "instagramlive"]</code></li>
-		<li>Instagram post non-live comments (REQUIRES the TOGGLE in menu to enable it), css note: <code>[data.type = "instagram"]</code></li>
+		<li>instagram live (instagram.com/*/live/), payload type / css note: <code>[data.type = "instagramlive"]</code></li>
+		<li>Instagram post non-live comments (REQUIRES the TOGGLE in menu to enable it), payload type / css note: <code>[data.type = "instagram"]</code></li>
 		<li>instafeed.me (no pop out; alternative instagram live support)</li>
 		<li>tiktok live (tiktok.com/*/live)</li>
 		<li>webex live chat (not the pop out)</li>