@flonix/ig-embed 0.0.0-stage → 0.1.1

package/dist/index.mjs

@@ -0,0 +1,1324 @@
+// src/logo-data.ts
+var FLONIX_LOGO_PNG = "data:image/png;base64,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";
+
+// src/branding.ts
+function escapeHtml(value) {
+  return value.replace(
+    /[&<>"']/g,
+    (c) => c === "&" ? "&amp;" : c === "<" ? "&lt;" : c === ">" ? "&gt;" : c === '"' ? "&quot;" : "&#39;"
+  );
+}
+var WORDMARK_FONT = "Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif";
+function flonixLogo(size = 20) {
+  return `<span class="flxig-brand" style="--flxig-logo-size:${size}px" role="img" aria-label="Flonix">
+    <span class="flxig-brand__chip">
+      <img class="flxig-brand__img" src="${FLONIX_LOGO_PNG}" alt="" draggable="false" />
+    </span>
+    <svg class="flxig-brand__wordmark" viewBox="0 0 55 22" fill="currentColor" aria-hidden="true">
+      <text x="0" y="19" font-size="22" font-weight="700" letter-spacing="-0.4" font-family="${WORDMARK_FONT}" textLength="55" lengthAdjust="spacingAndGlyphs">flonix</text>
+    </svg>
+  </span>`;
+}
+function cobrandLockup(partner) {
+  const name = escapeHtml(partner.name);
+  const light = escapeHtml(partner.logo);
+  const dark = partner.logoDark ? escapeHtml(partner.logoDark) : "";
+  const partnerImgs = dark ? `<img class="flxig-partner__img flxig-partner__img--light" src="${light}" alt="${name}" draggable="false" />
+       <img class="flxig-partner__img flxig-partner__img--dark" src="${dark}" alt="${name}" draggable="false" />` : `<img class="flxig-partner__img" src="${light}" alt="${name}" draggable="false" />`;
+  return `<span class="flxig-cobrand">
+    <span class="flxig-partner" data-has-dark="${dark ? "true" : "false"}">${partnerImgs}</span>
+    <span class="flxig-cobrand__x">\xD7</span>
+    ${flonixLogo(18)}
+  </span>`;
+}
+var icons = {
+  instagram: (size = 18) => `<svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+      <rect x="2" y="2" width="20" height="20" rx="5" ry="5"/>
+      <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/>
+      <line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/>
+    </svg>`,
+  comment: (size = 18) => `<svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+      <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"/>
+    </svg>`,
+  dm: (size = 18) => `<svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+      <line x1="22" y1="2" x2="11" y2="13"/>
+      <polygon points="22 2 15 22 11 13 2 9 22 2"/>
+    </svg>`,
+  check: (size = 16) => `<svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+      <polyline points="20 6 9 17 4 12"/>
+    </svg>`,
+  close: (size = 18) => `<svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+      <line x1="18" y1="6" x2="6" y2="18"/>
+      <line x1="6" y1="6" x2="18" y2="18"/>
+    </svg>`,
+  plus: (size = 16) => `<svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+      <line x1="12" y1="5" x2="12" y2="19"/>
+      <line x1="5" y1="12" x2="19" y2="12"/>
+    </svg>`,
+  link: (size = 15) => `<svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+      <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/>
+      <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/>
+    </svg>`,
+  bolt: (size = 16) => `<svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
+      <path d="M13 2 4.5 13.5H11L10 22l8.5-11.5H12L13 2Z"/>
+    </svg>`,
+  spinner: (size = 18) => `<svg class="flxig-spin" width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" aria-hidden="true">
+      <path d="M21 12a9 9 0 1 1-6.219-8.56"/>
+    </svg>`,
+  video: (size = 14) => `<svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
+      <path d="M8 5v14l11-7L8 5Z"/>
+    </svg>`,
+  layers: (size = 14) => `<svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+      <polygon points="12 2 2 7 12 12 22 7 12 2"/>
+      <polyline points="2 17 12 22 22 17"/>
+      <polyline points="2 12 12 17 22 12"/>
+    </svg>`
+};
+
+// src/client.ts
+function authHeaders(token) {
+  return {
+    "Content-Type": "application/json",
+    Authorization: `Bearer ${token}`
+  };
+}
+function createHttpTransport(baseUrl) {
+  const base = baseUrl.replace(/\/+$/, "");
+  async function call(path, init) {
+    let res;
+    try {
+      res = await fetch(`${base}${path}`, init);
+    } catch {
+      throw new Error("Network error \u2014 please try again.");
+    }
+    const json = await res.json().catch(() => null);
+    if (!res.ok) {
+      throw new Error((json == null ? void 0 : json.error) || `Request failed (${res.status})`);
+    }
+    return json;
+  }
+  return {
+    session: ({ apiKey, user }) => call("/api/embed/session", {
+      method: "POST",
+      headers: authHeaders(apiKey),
+      body: JSON.stringify({ user })
+    }),
+    connectStart: ({ token, returnUrl }) => call("/api/embed/connect/start", {
+      method: "POST",
+      headers: authHeaders(token),
+      body: JSON.stringify({ returnUrl })
+    }),
+    posts: ({ token, cursor }) => call(
+      `/api/embed/posts${cursor ? `?cursor=${encodeURIComponent(cursor)}` : ""}`,
+      { method: "GET", headers: authHeaders(token) }
+    ),
+    createAutomation: ({ token, data }) => call("/api/embed/automations", {
+      method: "POST",
+      headers: authHeaders(token),
+      body: JSON.stringify(data)
+    })
+  };
+}
+
+// src/dom.ts
+function el(tag, attrs = {}, ...children) {
+  const node = document.createElement(tag);
+  if (attrs.class) node.className = attrs.class;
+  if (attrs.text != null) node.textContent = attrs.text;
+  if (attrs.html != null) node.innerHTML = attrs.html;
+  if (attrs.style) node.setAttribute("style", attrs.style);
+  if (attrs.dataset) {
+    for (const [key, value] of Object.entries(attrs.dataset)) {
+      node.dataset[key] = value;
+    }
+  }
+  if (attrs.attrs) {
+    for (const [key, value] of Object.entries(attrs.attrs)) {
+      if (value == null || value === false) continue;
+      node.setAttribute(key, value === true ? "" : String(value));
+    }
+  }
+  if (attrs.on) {
+    for (const [event, handler] of Object.entries(attrs.on)) {
+      node.addEventListener(event, handler);
+    }
+  }
+  append(node, children);
+  return node;
+}
+function append(parent, children) {
+  for (const child of children) {
+    if (child == null || child === false) continue;
+    parent.appendChild(
+      child instanceof Node ? child : document.createTextNode(String(child))
+    );
+  }
+}
+function clear(node) {
+  while (node.firstChild) node.removeChild(node.firstChild);
+}
+function fromMarkup(markup) {
+  var _a;
+  const wrapper = document.createElement("div");
+  wrapper.innerHTML = markup.trim();
+  return (_a = wrapper.firstElementChild) != null ? _a : wrapper;
+}
+
+// src/components.ts
+function button(opts) {
+  var _a;
+  const classes = [
+    "flxig-btn",
+    `flxig-btn--${(_a = opts.variant) != null ? _a : "primary"}`,
+    opts.block ? "flxig-btn--block" : "",
+    opts.large ? "flxig-btn--lg" : ""
+  ].filter(Boolean).join(" ");
+  const btn = el("button", {
+    class: classes,
+    attrs: { type: "button", disabled: opts.disabled },
+    on: opts.onClick ? { click: opts.onClick } : void 0
+  });
+  if (opts.icon) btn.appendChild(fromMarkup(opts.icon));
+  append(btn, [el("span", { text: opts.label })]);
+  return btn;
+}
+function field(label, control, hint) {
+  return el(
+    "div",
+    { class: "flxig-field" },
+    el("span", { class: "flxig-label", text: label }),
+    control,
+    hint ? el("span", { class: "flxig-hint", text: hint }) : null
+  );
+}
+function textInput(opts) {
+  var _a, _b;
+  return el("input", {
+    class: "flxig-input",
+    attrs: { type: "text", value: (_a = opts.value) != null ? _a : "", placeholder: (_b = opts.placeholder) != null ? _b : "" }
+  });
+}
+function textArea(opts) {
+  var _a, _b, _c;
+  const ta = el("textarea", {
+    class: "flxig-textarea",
+    attrs: { placeholder: (_a = opts.placeholder) != null ? _a : "", rows: (_b = opts.rows) != null ? _b : 3 }
+  });
+  ta.value = (_c = opts.value) != null ? _c : "";
+  return ta;
+}
+function switchToggle(opts) {
+  const input = el("input", { attrs: { type: "checkbox" } });
+  input.checked = opts.checked;
+  if (opts.onChange) {
+    input.addEventListener("change", () => opts.onChange(input.checked));
+  }
+  const element = el(
+    "span",
+    { class: "flxig-switch" },
+    input,
+    el("span", { class: "flxig-switch__track" }),
+    el("span", { class: "flxig-switch__thumb" })
+  );
+  return { element, input };
+}
+function chipsInput(opts) {
+  var _a;
+  let values = [...opts.values];
+  const list = el("span", { class: "flxig-chips" });
+  const input = el("input", {
+    attrs: { type: "text", placeholder: (_a = opts.placeholder) != null ? _a : "Add keyword\u2026" }
+  });
+  const render = () => {
+    while (list.firstChild && list.firstChild !== input) {
+      list.removeChild(list.firstChild);
+    }
+    const chips = values.map(
+      (value, index) => el(
+        "span",
+        { class: "flxig-chip" },
+        el("span", { text: value }),
+        el("button", {
+          attrs: { type: "button", "aria-label": `Remove ${value}` },
+          html: icons.close(12),
+          on: {
+            click: () => {
+              values.splice(index, 1);
+              render();
+            }
+          }
+        })
+      )
+    );
+    list.prepend(...chips);
+  };
+  const commit = () => {
+    const raw = input.value.trim().replace(/,$/, "").trim();
+    if (raw && !values.includes(raw)) {
+      values.push(raw);
+      render();
+    }
+    input.value = "";
+  };
+  input.addEventListener("keydown", (ev) => {
+    if (ev.key === "Enter" || ev.key === ",") {
+      ev.preventDefault();
+      commit();
+    } else if (ev.key === "Backspace" && !input.value && values.length) {
+      values.pop();
+      render();
+    }
+  });
+  input.addEventListener("blur", commit);
+  list.appendChild(input);
+  render();
+  return { element: list, getValues: () => [...values] };
+}
+function linkButtonsEditor(opts) {
+  const rows = el("div", { class: "flxig-links" });
+  const addBtn = button({
+    label: "Add link",
+    variant: "ghost",
+    icon: icons.plus(15),
+    onClick: () => {
+      if (rows.querySelectorAll(".flxig-link").length >= opts.max) return;
+      addRow({ label: "", url: "" });
+      syncAdd();
+    }
+  });
+  addBtn.classList.add("flxig-links__add");
+  function syncAdd() {
+    addBtn.disabled = rows.querySelectorAll(".flxig-link").length >= opts.max;
+  }
+  function addRow(value) {
+    const label = textInput({ value: value.label, placeholder: "Button label" });
+    label.classList.add("flxig-link__label");
+    const url = el("input", {
+      class: "flxig-input flxig-link__url",
+      attrs: { type: "url", value: value.url, placeholder: "https://\u2026", inputmode: "url" }
+    });
+    const row = el(
+      "div",
+      { class: "flxig-link" },
+      fromMarkup(`<span class="flxig-link__ic">${icons.link(15)}</span>`),
+      el("div", { class: "flxig-link__inputs" }, label, url),
+      el("button", {
+        class: "flxig-iconbtn",
+        attrs: { type: "button", "aria-label": "Remove link" },
+        html: icons.close(16),
+        on: {
+          click: () => {
+            row.remove();
+            syncAdd();
+          }
+        }
+      })
+    );
+    rows.appendChild(row);
+  }
+  const seed = opts.values.length ? opts.values : [{ label: "", url: "" }];
+  seed.slice(0, opts.max).forEach(addRow);
+  syncAdd();
+  const element = el("div", { class: "flxig-links__wrap" }, rows, addBtn);
+  return {
+    element,
+    getValues: () => [...rows.querySelectorAll(".flxig-link")].map((row) => ({
+      label: row.querySelector(".flxig-link__label").value.trim(),
+      url: row.querySelector(".flxig-link__url").value.trim()
+    })).filter((b) => b.label || b.url)
+  };
+}
+function stateBlock(opts) {
+  var _a;
+  return el(
+    "div",
+    { class: "flxig-state" },
+    opts.icon ? fromMarkup(opts.icon) : null,
+    el("p", { class: "flxig-h2", text: opts.title }),
+    opts.detail ? el("p", { class: "flxig-muted", text: opts.detail }) : null,
+    (_a = opts.action) != null ? _a : null
+  );
+}
+
+// src/screens/connect.ts
+function renderConnect(opts) {
+  const cta = button({
+    label: opts.connecting ? "Redirecting\u2026" : "Connect Instagram",
+    variant: "primary",
+    large: true,
+    block: true,
+    disabled: opts.connecting,
+    icon: opts.connecting ? icons.spinner() : icons.instagram(),
+    onClick: opts.onConnect
+  });
+  return el(
+    "div",
+    { class: "flxig-connect" },
+    el(
+      "div",
+      { class: "flxig-connect__copy" },
+      el("h1", { class: "flxig-h1", text: "Connect your Instagram with Flonix" }),
+      el("p", {
+        class: "flxig-muted",
+        text: "Link your Instagram account to set up comment and DM automations on your posts \u2014 directly from here."
+      })
+    ),
+    el("div", { class: "flxig-connect__cta" }, cta),
+    fromMarkup(`<div class="flxig-connect__foot">${cobrandLockup(opts.partner)}</div>`)
+  );
+}
+
+// src/screens/posts.ts
+var TYPE_META = {
+  IMAGE: { label: "Image", icon: icons.instagram(12) },
+  VIDEO: { label: "Video", icon: icons.video() },
+  REELS: { label: "Reel", icon: icons.video() },
+  CAROUSEL: { label: "Album", icon: icons.layers() }
+};
+function postTile(post, onAutomate) {
+  var _a, _b, _c;
+  const meta = (_a = TYPE_META[post.mediaType]) != null ? _a : TYPE_META.IMAGE;
+  const media = el("div", { class: "flxig-tile__media" });
+  if (post.media) {
+    append(media, [
+      el("img", {
+        attrs: { src: post.media, alt: (_b = post.caption) != null ? _b : "Instagram post", loading: "lazy" }
+      })
+    ]);
+  } else {
+    append(media, [fromMarkup(`<div class="flxig-tile__ph">${icons.instagram(28)}</div>`)]);
+  }
+  append(media, [
+    fromMarkup(
+      `<span class="flxig-tile__type">${meta.icon}<span>${meta.label}</span></span>`
+    )
+  ]);
+  return el(
+    "div",
+    { class: "flxig-tile" },
+    media,
+    el(
+      "div",
+      { class: "flxig-tile__body" },
+      el("p", {
+        class: "flxig-tile__cap",
+        text: ((_c = post.caption) == null ? void 0 : _c.trim()) || "No caption"
+      }),
+      button({
+        label: "Automate",
+        variant: "secondary",
+        block: true,
+        icon: icons.bolt(),
+        onClick: () => onAutomate(post)
+      })
+    )
+  );
+}
+function renderPosts(opts) {
+  var _a;
+  const username = (_a = opts.account) == null ? void 0 : _a.username;
+  const grid = el("div", { class: "flxig-grid" });
+  const sentinel = el("div", { class: "flxig-sentinel" });
+  const loadMore = el("div", { class: "flxig-loadmore" });
+  const header = el(
+    "div",
+    { class: "flxig-header" },
+    el(
+      "div",
+      { class: "flxig-header__id" },
+      fromMarkup(`<span class="flxig-avatar">${icons.instagram(18)}</span>`),
+      el(
+        "div",
+        {},
+        el("div", { class: "flxig-h2", text: username ? `@${username}` : "Instagram" }),
+        el("div", { class: "flxig-muted", text: "Pick a post to automate" })
+      )
+    ),
+    fromMarkup(
+      `<span class="flxig-badge">${icons.check(13)}<span>Connected</span></span>`
+    )
+  );
+  const attribution = fromMarkup(
+    `<div class="flxig-attrib"><span>Automations by</span>${flonixLogo(15)}</div>`
+  );
+  const root = el(
+    "div",
+    {},
+    header,
+    grid,
+    loadMore,
+    sentinel,
+    attribution
+  );
+  let hasMore = true;
+  let loading = false;
+  let empty = false;
+  const observer = typeof IntersectionObserver !== "undefined" ? new IntersectionObserver(
+    (entries) => {
+      if (entries.some((e) => e.isIntersecting) && hasMore && !loading && !empty) {
+        opts.onLoadMore();
+      }
+    },
+    { rootMargin: "240px" }
+  ) : null;
+  observer == null ? void 0 : observer.observe(sentinel);
+  const renderLoadMore = () => {
+    clear(loadMore);
+    if (loading) {
+      append(loadMore, [fromMarkup(icons.spinner(20))]);
+    } else if (hasMore && !observer) {
+      append(loadMore, [
+        button({ label: "Load more", variant: "ghost", onClick: opts.onLoadMore })
+      ]);
+    }
+  };
+  return {
+    element: root,
+    appendPosts(posts) {
+      empty = false;
+      append(
+        grid,
+        posts.map((post) => postTile(post, opts.onAutomate))
+      );
+    },
+    setLoadingMore(value) {
+      loading = value;
+      renderLoadMore();
+    },
+    setHasMore(value) {
+      hasMore = value;
+      renderLoadMore();
+      if (!value) observer == null ? void 0 : observer.disconnect();
+    },
+    showEmpty() {
+      empty = true;
+      hasMore = false;
+      observer == null ? void 0 : observer.disconnect();
+      clear(grid);
+      grid.replaceWith(
+        stateBlock({
+          icon: icons.instagram(30),
+          title: "No posts yet",
+          detail: "Publish a post on Instagram, then come back to automate it."
+        })
+      );
+    },
+    destroy() {
+      observer == null ? void 0 : observer.disconnect();
+    }
+  };
+}
+
+// src/prefill.ts
+function profileUrl(account) {
+  if (account == null ? void 0 : account.username) return `https://instagram.com/${account.username}`;
+  return "https://instagram.com/";
+}
+function buildPrefill(post, account, type) {
+  const handle = (account == null ? void 0 : account.username) ? `@${account.username}` : "us";
+  const common = {
+    postId: post.id,
+    type,
+    entryButtonLabel: "Send me the link",
+    deliveryMessage: "Thanks for reaching out! \u{1F64C} Here's the link you asked for \u{1F447}",
+    // One link button prefilled; the merchant fills in their own URL.
+    linkButtons: [{ label: "Shop now", url: "" }],
+    // Follow-gate is ON and prefilled by default, per product spec.
+    followGate: {
+      enabled: true,
+      followProfileUrl: profileUrl(account),
+      followButtonLabel: `Follow ${handle}`,
+      followConfirmButtonLabel: "I'm following \u2705",
+      followUpMessage: "Awesome \u2014 thanks for following! \u{1F499} Here's your link \u{1F447}"
+    }
+  };
+  if (type === "COMMENT") {
+    return {
+      ...common,
+      name: "Comment \u2192 DM automation",
+      keywords: ["link", "price", "info"],
+      commentReply: "Just sent you a DM! \u{1F4E9}"
+    };
+  }
+  return {
+    ...common,
+    name: "DM keyword automation",
+    keywords: ["link", "info"],
+    commentReply: null
+  };
+}
+
+// src/types.ts
+var MAX_LINK_BUTTONS = 3;
+
+// src/screens/automate-dialog.ts
+var TYPE_OPTIONS = [
+  {
+    type: "COMMENT",
+    title: "Comment automation",
+    detail: "Reply + DM when someone comments a keyword",
+    icon: icons.comment(20)
+  },
+  {
+    type: "DM",
+    title: "DM automation",
+    detail: "Auto-reply when someone DMs a keyword",
+    icon: icons.dm(20)
+  }
+];
+function openAutomateDialog(opts) {
+  var _a;
+  let type = "COMMENT";
+  let draft = buildPrefill(opts.post, opts.account, type);
+  let submitting = false;
+  const body = el("div", { class: "flxig-dialog__body" });
+  const overlay = el("div", { class: "flxig-overlay" });
+  const close = () => {
+    document.removeEventListener("keydown", onKey);
+    overlay.remove();
+  };
+  const onKey = (ev) => {
+    if (ev.key === "Escape" && !submitting) close();
+  };
+  document.addEventListener("keydown", onKey);
+  overlay.addEventListener("click", (ev) => {
+    if (ev.target === overlay && !submitting) close();
+  });
+  const picker = el("div", { class: "flxig-seg" });
+  const renderPicker = () => {
+    picker.replaceChildren(
+      ...TYPE_OPTIONS.map(
+        (opt) => el(
+          "div",
+          {
+            class: "flxig-seg__opt",
+            dataset: { active: String(opt.type === type) },
+            attrs: { role: "button", tabindex: "0" },
+            on: {
+              click: () => {
+                if (opt.type === type) return;
+                type = opt.type;
+                draft = buildPrefill(opts.post, opts.account, type);
+                renderPicker();
+                renderForm();
+              }
+            }
+          },
+          fromMarkup(`<span class="flxig-seg__ic">${opt.icon}</span>`),
+          el(
+            "div",
+            {},
+            el("div", { class: "flxig-seg__t", text: opt.title }),
+            el("div", { class: "flxig-seg__d", text: opt.detail })
+          )
+        )
+      )
+    );
+  };
+  let readForm = () => draft;
+  const renderForm = () => {
+    var _a2;
+    const keywords = chipsInput({
+      values: draft.keywords,
+      placeholder: "Add keyword\u2026"
+    });
+    const commentReply = textInput({ value: (_a2 = draft.commentReply) != null ? _a2 : "" });
+    const deliveryMessage = textArea({ value: draft.deliveryMessage, rows: 3 });
+    const entryButtonLabel = textInput({ value: draft.entryButtonLabel });
+    const links = linkButtonsEditor({
+      values: draft.linkButtons,
+      max: MAX_LINK_BUTTONS
+    });
+    const followUpMessage = textArea({ value: draft.followGate.followUpMessage, rows: 2 });
+    const followButtonLabel = textInput({ value: draft.followGate.followButtonLabel });
+    const followProfileUrl = textInput({ value: draft.followGate.followProfileUrl });
+    const followConfirmLabel = textInput({ value: draft.followGate.followConfirmButtonLabel });
+    const gateFields = el(
+      "div",
+      { class: "flxig-gate__fields", dataset: { off: String(!draft.followGate.enabled) } },
+      field("Follow profile URL", followProfileUrl),
+      field("Follow button label", followButtonLabel),
+      field("Confirm button label", followConfirmLabel),
+      field("Message after they follow", followUpMessage)
+    );
+    const gateSwitch = switchToggle({
+      checked: draft.followGate.enabled,
+      onChange: (checked) => {
+        gateFields.dataset.off = String(!checked);
+      }
+    });
+    const gate = el(
+      "div",
+      { class: "flxig-gate" },
+      el(
+        "div",
+        { class: "flxig-gate__top" },
+        el(
+          "div",
+          {},
+          el("div", { class: "flxig-label", text: "Follow gate" }),
+          el("div", {
+            class: "flxig-hint",
+            text: "Require users to follow before they get the link."
+          })
+        ),
+        gateSwitch.element
+      ),
+      gateFields
+    );
+    const fields = [
+      field(
+        type === "COMMENT" ? "Trigger keywords (in comments)" : "Trigger keywords (in DMs)",
+        keywords.element,
+        "Press Enter or comma to add. The automation fires on these words."
+      )
+    ];
+    if (type === "COMMENT") {
+      fields.push(field("Public comment reply", commentReply, "Posted under the comment."));
+    }
+    fields.push(
+      field("DM message", deliveryMessage, "The direct message delivered to the user."),
+      field(
+        "Link buttons",
+        links.element,
+        `Where they enter the link(s). Up to ${MAX_LINK_BUTTONS} \u2014 each has a label and a URL.`
+      ),
+      field("Opt-in button label", entryButtonLabel, "Button users tap in the first DM."),
+      gate
+    );
+    body.replaceChildren(...fields);
+    readForm = () => ({
+      postId: opts.post.id,
+      type,
+      name: draft.name,
+      keywords: keywords.getValues(),
+      commentReply: type === "COMMENT" ? commentReply.value.trim() || null : null,
+      entryButtonLabel: entryButtonLabel.value.trim(),
+      deliveryMessage: deliveryMessage.value.trim(),
+      linkButtons: links.getValues(),
+      followGate: {
+        enabled: gateSwitch.input.checked,
+        followProfileUrl: followProfileUrl.value.trim(),
+        followButtonLabel: followButtonLabel.value.trim(),
+        followConfirmButtonLabel: followConfirmLabel.value.trim(),
+        followUpMessage: followUpMessage.value.trim()
+      }
+    });
+    body.prepend(
+      el("div", { class: "flxig-field" }, el("span", { class: "flxig-label", text: "Automation type" }), picker)
+    );
+  };
+  const saveBtn = button({
+    label: "Create automation",
+    variant: "primary",
+    icon: icons.bolt(),
+    onClick: async () => {
+      if (submitting) return;
+      const data = readForm();
+      if (!data.keywords.length) {
+        opts.onToast("Add at least one keyword");
+        return;
+      }
+      if (!data.deliveryMessage) {
+        opts.onToast("Add a DM message");
+        return;
+      }
+      submitting = true;
+      saveBtn.disabled = true;
+      saveBtn.replaceChildren(fromMarkup(icons.spinner()), el("span", { text: "Creating\u2026" }));
+      try {
+        await opts.onSubmit(data);
+        close();
+      } catch (error) {
+        opts.onToast(error instanceof Error ? error.message : "Something went wrong");
+        submitting = false;
+        saveBtn.disabled = false;
+        saveBtn.replaceChildren(fromMarkup(icons.bolt()), el("span", { text: "Create automation" }));
+      }
+    }
+  });
+  const dialog = el(
+    "div",
+    { class: "flxig-dialog", attrs: { role: "dialog", "aria-modal": "true" } },
+    el(
+      "div",
+      { class: "flxig-dialog__head" },
+      el(
+        "div",
+        {},
+        el("div", { class: "flxig-h2", text: "Automate this post" }),
+        el("div", {
+          class: "flxig-muted",
+          text: ((_a = opts.post.caption) == null ? void 0 : _a.trim()) ? truncate(opts.post.caption.trim(), 70) : "Set up comment & DM replies"
+        })
+      ),
+      el("button", {
+        class: "flxig-iconbtn",
+        attrs: { type: "button", "aria-label": "Close" },
+        html: icons.close(),
+        on: { click: () => !submitting && close() }
+      })
+    ),
+    body,
+    el(
+      "div",
+      { class: "flxig-dialog__foot" },
+      button({ label: "Cancel", variant: "ghost", onClick: () => !submitting && close() }),
+      saveBtn
+    )
+  );
+  renderPicker();
+  renderForm();
+  append(overlay, [dialog]);
+  opts.mount.appendChild(overlay);
+  return { close };
+}
+function truncate(value, max) {
+  return value.length > max ? `${value.slice(0, max - 1)}\u2026` : value;
+}
+
+// src/theme.ts
+var DEFAULT_FONT_FAMILY = '"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif';
+var DEFAULT_RADIUS = "12px";
+var DEFAULT_TOKENS = {
+  light: {
+    background: "#ffffff",
+    foreground: "#0a0a0b",
+    card: "#ffffff",
+    cardForeground: "#0a0a0b",
+    popover: "#ffffff",
+    popoverForeground: "#0a0a0b",
+    primary: "#2563eb",
+    primaryForeground: "#ffffff",
+    secondary: "#f4f4f5",
+    secondaryForeground: "#18181b",
+    muted: "#f4f4f5",
+    mutedForeground: "#71717a",
+    accent: "#eef2ff",
+    accentForeground: "#1e3a8a",
+    destructive: "#ef4444",
+    destructiveForeground: "#ffffff",
+    border: "#e4e4e7",
+    input: "#e4e4e7",
+    ring: "#2563eb"
+  },
+  dark: {
+    background: "#0a0a0b",
+    foreground: "#fafafa",
+    card: "#131316",
+    cardForeground: "#fafafa",
+    popover: "#131316",
+    popoverForeground: "#fafafa",
+    primary: "#3b82f6",
+    primaryForeground: "#ffffff",
+    secondary: "#27272a",
+    secondaryForeground: "#fafafa",
+    muted: "#1b1b1f",
+    mutedForeground: "#a1a1aa",
+    accent: "#1e293b",
+    accentForeground: "#bfdbfe",
+    destructive: "#f87171",
+    destructiveForeground: "#0a0a0b",
+    border: "#27272a",
+    input: "#2a2a2e",
+    ring: "#3b82f6"
+  }
+};
+function resolveTheme(config = {}) {
+  var _a, _b, _c, _d, _e, _f, _g;
+  return {
+    mode: (_a = config.mode) != null ? _a : "auto",
+    fontFamily: (_b = config.fontFamily) != null ? _b : DEFAULT_FONT_FAMILY,
+    radius: (_c = config.radius) != null ? _c : DEFAULT_RADIUS,
+    light: { ...DEFAULT_TOKENS.light, ...(_e = (_d = config.tokens) == null ? void 0 : _d.light) != null ? _e : {} },
+    dark: { ...DEFAULT_TOKENS.dark, ...(_g = (_f = config.tokens) == null ? void 0 : _f.dark) != null ? _g : {} }
+  };
+}
+var camelToKebab = (key) => key.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
+function tokensToVars(tokens) {
+  return Object.keys(tokens).map((key) => `  --flxig-${camelToKebab(key)}: ${tokens[key]};`).join("\n");
+}
+function buildThemeVars(theme) {
+  return `:host {
+${tokensToVars(theme.light)}
+  --flxig-radius: ${theme.radius};
+  --flxig-font: ${theme.fontFamily};
+}
+:host(.flxig-dark) {
+${tokensToVars(theme.dark)}
+}`;
+}
+function isDarkActive(mode) {
+  if (mode === "dark") return true;
+  if (mode === "light") return false;
+  return typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(prefers-color-scheme: dark)").matches;
+}
+
+// src/styles.ts
+var STYLES = `
+*, *::before, *::after { box-sizing: border-box; }
+
+.flxig-root {
+  font-family: var(--flxig-font);
+  color: var(--flxig-foreground);
+  background: var(--flxig-background);
+  border: 1px solid var(--flxig-border);
+  border-radius: var(--flxig-radius);
+  padding: clamp(20px, 4vw, 36px);
+  line-height: 1.5;
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+  container-type: inline-size;
+}
+
+/* Borderless / full-bleed: blends into the host page and fills its container.
+   Only the OUTER chrome is removed \u2014 internal borders (tiles, inputs) stay. */
+.flxig-root.flxig-plain {
+  border: none;
+  border-radius: 0;
+  padding: 0;
+  background: transparent;
+}
+
+/* ---- typography ---- */
+.flxig-h1 { font-size: 1.35rem; font-weight: 700; letter-spacing: -0.015em; margin: 0; }
+.flxig-h2 { font-size: 1.05rem; font-weight: 650; letter-spacing: -0.01em; margin: 0; }
+.flxig-muted { color: var(--flxig-muted-foreground); font-size: 0.9rem; margin: 0; }
+.flxig-label { display: block; font-size: 0.8rem; font-weight: 600; margin-bottom: 6px; }
+.flxig-hint { font-size: 0.75rem; color: var(--flxig-muted-foreground); margin-top: 4px; }
+
+/* ---- buttons ---- */
+.flxig-btn {
+  appearance: none; border: 1px solid transparent; cursor: pointer;
+  font-family: inherit; font-size: 0.9rem; font-weight: 600;
+  border-radius: calc(var(--flxig-radius) - 4px);
+  padding: 10px 16px; display: inline-flex; align-items: center; justify-content: center;
+  gap: 8px; transition: filter .15s ease, background .15s ease, border-color .15s ease, opacity .15s ease;
+  text-decoration: none; white-space: nowrap;
+}
+.flxig-btn:disabled { opacity: .55; cursor: not-allowed; }
+.flxig-btn--primary { background: var(--flxig-primary); color: var(--flxig-primary-foreground); }
+.flxig-btn--primary:hover:not(:disabled) { filter: brightness(1.07); }
+.flxig-btn--secondary { background: var(--flxig-secondary); color: var(--flxig-secondary-foreground); border-color: var(--flxig-border); }
+.flxig-btn--secondary:hover:not(:disabled) { background: var(--flxig-muted); }
+.flxig-btn--ghost { background: transparent; color: var(--flxig-foreground); }
+.flxig-btn--ghost:hover:not(:disabled) { background: var(--flxig-muted); }
+.flxig-btn--block { width: 100%; }
+.flxig-btn--lg { padding: 13px 20px; font-size: 0.98rem; }
+
+/* ---- brand logo: delta chip (light) / bare delta (dark) + wordmark ---- */
+.flxig-brand { display: inline-flex; align-items: center; gap: 7px; color: var(--flxig-foreground); }
+.flxig-brand__chip { display: inline-flex; align-items: center; justify-content: center; background: var(--flxig-primary); border-radius: 6px; padding: 3px; }
+.flxig-brand__img { display: block; width: var(--flxig-logo-size, 18px); height: var(--flxig-logo-size, 18px); object-fit: contain; }
+.flxig-brand__wordmark { display: block; height: var(--flxig-logo-size, 18px); width: auto; }
+:host(.flxig-dark) .flxig-brand__chip { background: transparent; padding: 0; }
+
+/* ---- co-brand lockup: "<partner logo> \xD7 flonix" ---- */
+.flxig-cobrand { display: inline-flex; align-items: center; gap: 9px; font-size: 0.9rem; }
+.flxig-cobrand__x { color: var(--flxig-muted-foreground); font-weight: 400; }
+.flxig-partner { display: inline-flex; align-items: center; }
+.flxig-partner__img { display: block; height: 18px; width: auto; max-width: 120px; object-fit: contain; }
+.flxig-partner[data-has-dark="true"] .flxig-partner__img--dark { display: none; }
+:host(.flxig-dark) .flxig-partner[data-has-dark="true"] .flxig-partner__img--light { display: none; }
+:host(.flxig-dark) .flxig-partner[data-has-dark="true"] .flxig-partner__img--dark { display: block; }
+
+/* ---- connect screen ---- */
+.flxig-connect { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 18px; padding: clamp(20px, 6cqw, 52px) 8px; }
+.flxig-connect__copy { display: flex; flex-direction: column; gap: 8px; max-width: 420px; }
+.flxig-connect__cta { width: 100%; max-width: 340px; margin-top: 4px; }
+.flxig-connect__foot { margin-top: 6px; }
+
+/* ---- posts header ---- */
+.flxig-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; flex-wrap: wrap; }
+.flxig-header__id { display: flex; align-items: center; gap: 10px; min-width: 0; }
+.flxig-avatar { width: 38px; height: 38px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: var(--flxig-accent); color: var(--flxig-accent-foreground); flex: none; }
+.flxig-badge { display: inline-flex; align-items: center; gap: 5px; font-size: 0.72rem; font-weight: 600; padding: 3px 9px; border-radius: 999px; background: var(--flxig-accent); color: var(--flxig-accent-foreground); }
+
+/* ---- posts grid ---- */
+.flxig-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
+@container (min-width: 520px) { .flxig-grid { grid-template-columns: repeat(3, 1fr); } }
+@container (min-width: 760px) { .flxig-grid { grid-template-columns: repeat(4, 1fr); } }
+
+.flxig-tile { border: 1px solid var(--flxig-border); border-radius: var(--flxig-radius); overflow: hidden; background: var(--flxig-card); display: flex; flex-direction: column; }
+.flxig-tile__media { position: relative; aspect-ratio: 1 / 1; background: var(--flxig-muted); overflow: hidden; }
+.flxig-tile__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
+.flxig-tile__ph { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: var(--flxig-muted-foreground); }
+.flxig-tile__type { position: absolute; top: 8px; right: 8px; display: inline-flex; align-items: center; gap: 4px; font-size: 0.68rem; font-weight: 600; padding: 3px 7px; border-radius: 999px; background: color-mix(in srgb, #000 55%, transparent); color: #fff; backdrop-filter: blur(4px); }
+.flxig-tile__body { padding: 10px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
+.flxig-tile__cap { font-size: 0.78rem; color: var(--flxig-muted-foreground); margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.1em; }
+
+.flxig-sentinel { height: 1px; }
+.flxig-loadmore { display: flex; justify-content: center; padding: 18px 0 2px; color: var(--flxig-muted-foreground); }
+
+/* ---- empty / error / loading ---- */
+.flxig-state { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; text-align: center; padding: 48px 16px; color: var(--flxig-muted-foreground); }
+
+/* ---- dialog ---- */
+.flxig-overlay { position: fixed; inset: 0; background: color-mix(in srgb, #000 55%, transparent); display: flex; align-items: center; justify-content: center; padding: 16px; z-index: 2147483000; animation: flxig-fade .15s ease; }
+.flxig-dialog { background: var(--flxig-popover); color: var(--flxig-popover-foreground); border: 1px solid var(--flxig-border); border-radius: var(--flxig-radius); width: min(560px, 100%); max-height: min(88vh, 760px); display: flex; flex-direction: column; overflow: hidden; box-shadow: 0 24px 60px -20px rgba(0,0,0,.5); animation: flxig-pop .18s cubic-bezier(.2,.8,.2,1); }
+.flxig-dialog__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 18px 20px; border-bottom: 1px solid var(--flxig-border); }
+.flxig-dialog__body { padding: 18px 20px; overflow-y: auto; display: flex; flex-direction: column; gap: 16px; }
+.flxig-dialog__foot { padding: 14px 20px; border-top: 1px solid var(--flxig-border); display: flex; gap: 10px; justify-content: flex-end; }
+.flxig-iconbtn { appearance: none; background: transparent; border: none; color: var(--flxig-muted-foreground); cursor: pointer; padding: 4px; border-radius: 8px; display: inline-flex; }
+.flxig-iconbtn:hover { background: var(--flxig-muted); color: var(--flxig-foreground); }
+
+/* ---- type picker (segmented) ---- */
+.flxig-seg { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
+.flxig-seg__opt { border: 1px solid var(--flxig-border); border-radius: calc(var(--flxig-radius) - 2px); padding: 12px; cursor: pointer; display: flex; gap: 10px; align-items: flex-start; background: var(--flxig-card); transition: border-color .15s, background .15s; }
+.flxig-seg__opt:hover { border-color: var(--flxig-ring); }
+.flxig-seg__opt[data-active="true"] { border-color: var(--flxig-primary); background: var(--flxig-accent); }
+.flxig-seg__ic { color: var(--flxig-primary); margin-top: 2px; }
+.flxig-seg__t { font-weight: 650; font-size: 0.88rem; }
+.flxig-seg__d { font-size: 0.74rem; color: var(--flxig-muted-foreground); margin-top: 2px; }
+
+/* ---- form fields ---- */
+.flxig-field { display: block; }
+.flxig-input, .flxig-textarea {
+  width: 100%; font-family: inherit; font-size: 0.88rem; color: var(--flxig-foreground);
+  background: var(--flxig-background); border: 1px solid var(--flxig-input);
+  border-radius: calc(var(--flxig-radius) - 4px); padding: 9px 11px; transition: border-color .15s, box-shadow .15s;
+}
+.flxig-input:focus, .flxig-textarea:focus { outline: none; border-color: var(--flxig-ring); box-shadow: 0 0 0 3px color-mix(in srgb, var(--flxig-ring) 25%, transparent); }
+.flxig-textarea { resize: vertical; min-height: 72px; }
+
+/* ---- follow-gate card + switch ---- */
+.flxig-gate { border: 1px solid var(--flxig-border); border-radius: calc(var(--flxig-radius) - 2px); padding: 14px; display: flex; flex-direction: column; gap: 12px; background: var(--flxig-card); }
+.flxig-gate__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
+.flxig-gate__fields { display: flex; flex-direction: column; gap: 12px; }
+.flxig-gate__fields[data-off="true"] { opacity: .5; pointer-events: none; }
+
+.flxig-switch { position: relative; width: 40px; height: 23px; flex: none; }
+.flxig-switch input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
+.flxig-switch__track { position: absolute; inset: 0; background: var(--flxig-input); border-radius: 999px; transition: background .15s; }
+.flxig-switch__thumb { position: absolute; top: 2px; left: 2px; width: 19px; height: 19px; border-radius: 999px; background: #fff; transition: transform .15s; box-shadow: 0 1px 3px rgba(0,0,0,.3); }
+.flxig-switch input:checked ~ .flxig-switch__track { background: var(--flxig-primary); }
+.flxig-switch input:checked ~ .flxig-switch__thumb { transform: translateX(17px); }
+
+/* ---- chips (keywords) ---- */
+.flxig-chips { display: flex; flex-wrap: wrap; gap: 6px; padding: 6px; border: 1px solid var(--flxig-input); border-radius: calc(var(--flxig-radius) - 4px); background: var(--flxig-background); }
+.flxig-chip { display: inline-flex; align-items: center; gap: 6px; background: var(--flxig-secondary); color: var(--flxig-secondary-foreground); font-size: 0.78rem; font-weight: 600; padding: 4px 8px; border-radius: 999px; }
+.flxig-chip button { appearance: none; border: none; background: transparent; color: inherit; cursor: pointer; opacity: .6; padding: 0; display: inline-flex; }
+.flxig-chip button:hover { opacity: 1; }
+.flxig-chips input { flex: 1; min-width: 80px; border: none; outline: none; background: transparent; color: var(--flxig-foreground); font-family: inherit; font-size: 0.82rem; padding: 4px; }
+
+/* ---- link buttons editor ---- */
+.flxig-links__wrap { display: flex; flex-direction: column; gap: 10px; }
+.flxig-links { display: flex; flex-direction: column; gap: 10px; }
+.flxig-link { display: flex; align-items: center; gap: 8px; }
+.flxig-link__ic { color: var(--flxig-muted-foreground); flex: none; display: inline-flex; }
+.flxig-link__inputs { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); gap: 8px; flex: 1; min-width: 0; }
+.flxig-links__add { align-self: flex-start; padding-left: 8px; padding-right: 12px; }
+@container (max-width: 440px) { .flxig-link__inputs { grid-template-columns: 1fr; } }
+
+/* ---- toast ---- */
+.flxig-toast { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); background: var(--flxig-foreground); color: var(--flxig-background); font-size: 0.85rem; font-weight: 600; padding: 10px 16px; border-radius: 999px; display: inline-flex; align-items: center; gap: 8px; z-index: 2147483001; box-shadow: 0 10px 30px -10px rgba(0,0,0,.5); animation: flxig-pop .2s ease; }
+
+/* ---- footer attribution ---- */
+.flxig-attrib { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--flxig-border); display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 0.72rem; color: var(--flxig-muted-foreground); }
+
+/* ---- animations ---- */
+.flxig-spin { animation: flxig-rotate .8s linear infinite; }
+@keyframes flxig-rotate { to { transform: rotate(360deg); } }
+@keyframes flxig-fade { from { opacity: 0; } to { opacity: 1; } }
+@keyframes flxig-pop { from { opacity: 0; transform: scale(.97); } to { opacity: 1; transform: scale(1); } }
+@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; } }
+`;
+
+// src/widget.ts
+var RETURN_FLAG = "flxig_connected";
+var DEFAULT_BASE_URL = "https://flonix.pro";
+var Widget = class {
+  constructor(target, config) {
+    this.mediaQuery = null;
+    this.token = null;
+    this.account = null;
+    this.postsView = null;
+    this.cursor = null;
+    this.connecting = false;
+    this.destroyed = false;
+    // ---- lifecycle ----
+    this.onSchemeChange = (ev) => this.applyMode(ev.matches);
+    var _a, _b;
+    this.config = config;
+    this.transport = (_b = config.transport) != null ? _b : createHttpTransport((_a = config.baseUrl) != null ? _a : DEFAULT_BASE_URL);
+    this.host = document.createElement("div");
+    this.host.setAttribute("data-flonix-ig", "");
+    target.appendChild(this.host);
+    this.shadow = this.host.attachShadow({ mode: "open" });
+    const theme = resolveTheme(config.theme);
+    this.shadow.appendChild(
+      el("style", { text: `${buildThemeVars(theme)}
+${STYLES}` })
+    );
+    this.root = el("div", {
+      class: config.appearance === "plain" ? "flxig-root flxig-plain" : "flxig-root"
+    });
+    this.content = el("div", { class: "flxig-content" });
+    this.root.appendChild(this.content);
+    this.shadow.appendChild(this.root);
+    this.applyMode(isDarkActive(theme.mode));
+    if (theme.mode === "auto" && typeof window.matchMedia === "function") {
+      this.mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+      this.mediaQuery.addEventListener("change", this.onSchemeChange);
+    }
+    void this.init();
+  }
+  applyMode(dark) {
+    this.host.classList.toggle("flxig-dark", dark);
+  }
+  refresh() {
+    this.cursor = null;
+    void this.init();
+  }
+  unmount() {
+    var _a, _b;
+    this.destroyed = true;
+    (_a = this.postsView) == null ? void 0 : _a.destroy();
+    (_b = this.mediaQuery) == null ? void 0 : _b.removeEventListener("change", this.onSchemeChange);
+    this.host.remove();
+  }
+  fail(error) {
+    var _a, _b;
+    const err = error instanceof Error ? error : new Error(String(error));
+    (_b = (_a = this.config).onError) == null ? void 0 : _b.call(_a, err);
+    return err;
+  }
+  // ---- flow ----
+  async init() {
+    var _a, _b, _c;
+    this.renderLoading();
+    try {
+      const session = await this.transport.session({
+        apiKey: this.config.apiKey,
+        user: this.config.user
+      });
+      if (this.destroyed) return;
+      this.token = session.token;
+      this.account = session.account;
+      if (session.connected) {
+        this.clearReturnFlag();
+        (_c = (_b = this.config).onConnected) == null ? void 0 : _c.call(_b, (_a = session.account) != null ? _a : { instagramId: null, username: null });
+        await this.renderPosts();
+      } else {
+        this.renderConnect();
+      }
+    } catch (error) {
+      this.renderError(this.fail(error).message);
+    }
+  }
+  async startConnect() {
+    if (!this.token || this.connecting) return;
+    this.connecting = true;
+    this.renderConnect();
+    try {
+      const { authorizeUrl } = await this.transport.connectStart({
+        token: this.token,
+        returnUrl: this.resolveReturnUrl()
+      });
+      window.location.href = authorizeUrl;
+    } catch (error) {
+      this.connecting = false;
+      this.renderConnect();
+      this.toast(this.fail(error).message);
+    }
+  }
+  async renderPosts() {
+    const view = renderPosts({
+      account: this.account,
+      onAutomate: (post) => this.openDialog(post),
+      onLoadMore: () => void this.loadMore()
+    });
+    this.postsView = view;
+    this.swap(view.element);
+    await this.loadMore(true);
+  }
+  async loadMore(initial = false) {
+    const view = this.postsView;
+    if (!view || !this.token) return;
+    view.setLoadingMore(true);
+    try {
+      const { posts, nextCursor } = await this.transport.posts({
+        token: this.token,
+        cursor: this.cursor
+      });
+      if (this.destroyed) return;
+      if (initial && posts.length === 0) {
+        view.showEmpty();
+        return;
+      }
+      view.appendPosts(posts);
+      this.cursor = nextCursor;
+      view.setHasMore(Boolean(nextCursor));
+    } catch (error) {
+      this.toast(this.fail(error).message);
+    } finally {
+      view.setLoadingMore(false);
+    }
+  }
+  openDialog(post) {
+    if (!this.token) return;
+    openAutomateDialog({
+      mount: this.shadow,
+      post,
+      account: this.account,
+      onToast: (message) => this.toast(message),
+      onSubmit: (data) => this.createAutomation(data)
+    });
+  }
+  async createAutomation(data) {
+    var _a, _b;
+    if (!this.token) throw new Error("Not connected");
+    const result = await this.transport.createAutomation({ token: this.token, data });
+    (_b = (_a = this.config).onAutomationCreated) == null ? void 0 : _b.call(_a, result);
+    this.toast("Automation created \u2713");
+  }
+  // ---- rendering helpers ----
+  swap(node) {
+    clear(this.content);
+    this.content.appendChild(node);
+  }
+  renderConnect() {
+    this.swap(
+      renderConnect({
+        connecting: this.connecting,
+        partner: this.config.partner,
+        onConnect: () => void this.startConnect()
+      })
+    );
+  }
+  renderLoading() {
+    this.swap(stateBlock({ icon: icons.spinner(26), title: "Loading\u2026" }));
+  }
+  renderError(message) {
+    this.swap(
+      stateBlock({
+        icon: icons.close(26),
+        title: "Couldn't load",
+        detail: message
+      })
+    );
+  }
+  toast(message) {
+    const toast = fromMarkup(
+      `<div class="flxig-toast">${icons.bolt(14)}<span></span></div>`
+    );
+    toast.querySelector("span").textContent = message;
+    this.shadow.appendChild(toast);
+    setTimeout(() => toast.remove(), 2600);
+  }
+  // ---- return-from-OAuth handling ----
+  resolveReturnUrl() {
+    if (this.config.returnUrl) return this.config.returnUrl;
+    if (typeof window === "undefined") return "";
+    return window.location.href;
+  }
+  clearReturnFlag() {
+    var _a;
+    if (typeof window === "undefined" || !((_a = window.history) == null ? void 0 : _a.replaceState)) return;
+    const url = new URL(window.location.href);
+    if (url.searchParams.has(RETURN_FLAG)) {
+      url.searchParams.delete(RETURN_FLAG);
+      window.history.replaceState({}, "", url.toString());
+    }
+  }
+};
+
+// src/mock.ts
+var delay = (ms) => new Promise((r) => setTimeout(r, ms));
+var TYPES = ["IMAGE", "CAROUSEL", "REELS", "VIDEO", "IMAGE"];
+var CAPTIONS = [
+  "New drop is live \u{1F525} comment LINK for the shop",
+  "Behind the scenes of today's shoot",
+  "Our bestseller is back in stock \u2728",
+  "How to style this 3 ways \u{1F447}",
+  "Limited edition \u2014 only 50 made",
+  "Weekend sale starts now \u{1F6CD}\uFE0F",
+  null,
+  "Tag a friend who needs this \u{1F499}"
+];
+function makePage(page, perPage) {
+  return Array.from({ length: perPage }, (_, i) => {
+    var _a, _b;
+    const n = page * perPage + i;
+    return {
+      id: `mock_${n}`,
+      caption: (_a = CAPTIONS[n % CAPTIONS.length]) != null ? _a : null,
+      media: `https://picsum.photos/seed/flonix${n}/600/600`,
+      mediaType: (_b = TYPES[n % TYPES.length]) != null ? _b : "IMAGE",
+      permalink: null,
+      timestamp: new Date(Date.now() - n * 864e5).toISOString()
+    };
+  });
+}
+function createMockTransport(options = {}) {
+  var _a, _b, _c;
+  const totalPages = (_a = options.totalPages) != null ? _a : 3;
+  const perPage = (_b = options.perPage) != null ? _b : 8;
+  const storageKey = `flxig.mock.connected.${(_c = options.namespace) != null ? _c : "default"}`;
+  const isConnected = () => {
+    try {
+      return localStorage.getItem(storageKey) === "1";
+    } catch {
+      return false;
+    }
+  };
+  return {
+    async session() {
+      await delay(400);
+      const connected = isConnected();
+      return {
+        connected,
+        token: "mock-session-token",
+        account: connected ? { instagramId: "17890000000", username: "your_brand" } : null
+      };
+    },
+    async connectStart({ returnUrl }) {
+      await delay(500);
+      try {
+        localStorage.setItem(storageKey, "1");
+      } catch {
+      }
+      const url = new URL(returnUrl, window.location.href);
+      url.searchParams.set("flxig_connected", "1");
+      return { authorizeUrl: url.toString() };
+    },
+    async posts({ cursor }) {
+      await delay(500);
+      const page = cursor ? Number(cursor) : 0;
+      const posts = makePage(page, perPage);
+      const next = page + 1;
+      return { posts, nextCursor: next < totalPages ? String(next) : null };
+    },
+    async createAutomation() {
+      await delay(700);
+      return { id: `mock_automation_${Date.now()}` };
+    }
+  };
+}
+
+// src/index.ts
+var version = "0.1.1";
+function mount(target, config) {
+  var _a, _b, _c;
+  const element = typeof target === "string" ? document.querySelector(target) : target;
+  if (!element) {
+    throw new Error(`FlonixIG.mount: target not found: ${String(target)}`);
+  }
+  if (!(config == null ? void 0 : config.apiKey)) {
+    throw new Error("FlonixIG.mount: config.apiKey is required");
+  }
+  if (!((_a = config == null ? void 0 : config.user) == null ? void 0 : _a.id)) {
+    throw new Error("FlonixIG.mount: config.user.id is required");
+  }
+  if (!((_b = config == null ? void 0 : config.partner) == null ? void 0 : _b.logo) || !((_c = config == null ? void 0 : config.partner) == null ? void 0 : _c.name)) {
+    throw new Error(
+      "FlonixIG.mount: config.partner.name and config.partner.logo are required"
+    );
+  }
+  return new Widget(element, config);
+}
+var FlonixIG = { mount, version };
+
+export { DEFAULT_TOKENS, FlonixIG, createHttpTransport, createMockTransport, mount, version };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map