@adminide-stack/yantra-mobile 12.0.142-alpha.0 → 12.0.144

package/lib/features/webbuilder/components/ProjectSheets.js

@@ -0,0 +1,792 @@
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {useState,useEffect,useMemo}from'react';import {StyleSheet,ScrollView,View,Text,TextInput,ActivityIndicator,Alert,Image}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {Tap,DIM}from'../../inbox/components/Tap.js';import {parseProjectSettings,PROJECT_KNOWLEDGE_MAX,DEFAULT_SYNC_BRANCH,repoSlug,isValidRepoName,normalizeBranch,groupCatalog,importTurn,normalizeProjectTitle,normalizeProjectKnowledge,readSettingsUpdateReply,githubSyncPatch,parseCatalog,withIntegration,aiRequest,integrationRequest,parseRepoInput,readRepoCheck}from'../projectTools.js';import {Sheet,PrimaryButton,SecondaryButton}from'./ui.js';function Row({
+  item,
+  onPick,
+  open,
+  onToggle,
+  theme
+}) {
+  var _a;
+  const parent = Boolean((_a = item.children) == null ? void 0 : _a.length);
+  let trailing = null;
+  if (parent) trailing = open ? "chevron-down" : "chevron-right";
+  return /* @__PURE__ */ jsxs(Tap, { onPress: parent ? onToggle != null ? onToggle : (() => void 0) : () => onPick(item), accessibilityRole: "button", accessibilityLabel: item.hint ? `${item.label}. ${item.hint}` : item.label, accessibilityState: parent ? {
+    expanded: Boolean(open)
+  } : void 0, style: styles.row, pressedStyle: DIM, testID: `webbuilder-menu-${item.key}`, children: [
+    /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: item.icon, size: 20, color: theme.muted }),
+    /* @__PURE__ */ jsxs(View, { style: styles.rowText, children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.rowLabel, {
+        color: theme.ink
+      }], children: item.label }),
+      item.hint ? /* @__PURE__ */ jsx(Text, { style: [styles.rowHint, {
+        color: theme.muted
+      }], children: item.hint }) : null
+    ] }),
+    trailing ? /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: trailing, size: 20, color: theme.faint }) : null
+  ] });
+}
+function ProjectMenuSheet({
+  visible,
+  title,
+  sections,
+  onClose,
+  theme
+}) {
+  const [openKey, setOpenKey] = useState(null);
+  useEffect(() => {
+    if (!visible) setOpenKey(null);
+  }, [visible]);
+  const pick = (item) => {
+    onClose();
+    setTimeout(item.run, 300);
+  };
+  return /* @__PURE__ */ jsx(Sheet, { visible, title, onClose, theme, testID: "webbuilder-project-menu", children: /* @__PURE__ */ jsx(ScrollView, { style: styles.scroll, contentContainerStyle: styles.menuBody, children: sections.filter((s) => s.items.length).map((section, i) => {
+    var _a;
+    return /* @__PURE__ */ jsxs(View, { children: [
+      i > 0 ? /* @__PURE__ */ jsx(View, { style: [styles.divider, {
+        backgroundColor: theme.border
+      }] }) : null,
+      section.title ? /* @__PURE__ */ jsx(Text, { style: [styles.section, {
+        color: theme.muted
+      }], children: section.title }) : null,
+      section.items.map((item) => {
+        var _a2;
+        return /* @__PURE__ */ jsxs(View, { children: [
+          /* @__PURE__ */ jsx(Row, { item, onPick: pick, open: openKey === item.key, onToggle: () => setOpenKey(openKey === item.key ? null : item.key), theme }),
+          openKey === item.key && ((_a2 = item.children) == null ? void 0 : _a2.length) ? /* @__PURE__ */ jsx(View, { style: [styles.sub, {
+            borderLeftColor: theme.border
+          }], children: item.children.map((child) => /* @__PURE__ */ jsx(Row, { item: child, onPick: pick, theme }, child.key)) }) : null
+        ] }, item.key);
+      })
+    ] }, (_a = section.title) != null ? _a : `s${i}`);
+  }) }) });
+}
+function ProjectSettingsSheet({
+  visible,
+  mode,
+  channelId,
+  title,
+  tools,
+  aiBusy,
+  onSaved,
+  onDeleted,
+  onClose,
+  theme
+}) {
+  const [name, setName] = useState(title);
+  const [knowledge, setKnowledge] = useState("");
+  const [loaded, setLoaded] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [saving, setSaving] = useState(false);
+  const [deleting, setDeleting] = useState(false);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (!visible) return void 0;
+    setName(title);
+    setError(null);
+    if (!channelId) return void 0;
+    let alive = true;
+    setLoading(true);
+    tools.loadSettings(channelId).then((raw) => {
+      const s = parseProjectSettings(raw);
+      if (!alive || !s) return;
+      setLoaded(s);
+      if (s.title) setName((prev) => prev === title ? s.title || prev : prev);
+      setKnowledge((prev) => prev || s.instructions);
+    }).catch(() => void 0).finally(() => {
+      if (alive) setLoading(false);
+    });
+    return () => {
+      alive = false;
+    };
+  }, [visible, channelId]);
+  const save = async () => {
+    var _a;
+    if (!channelId) return;
+    const t = normalizeProjectTitle(name);
+    if (!t) {
+      setError("Give the project a name.");
+      return;
+    }
+    const patch = {};
+    if (t !== title) patch.title = t;
+    const instructions = normalizeProjectKnowledge(knowledge);
+    if (mode === "settings" && instructions !== ((_a = loaded == null ? void 0 : loaded.instructions) != null ? _a : "")) patch.instructions = instructions;
+    if (!Object.keys(patch).length) {
+      onClose();
+      return;
+    }
+    setSaving(true);
+    setError(null);
+    try {
+      const reply = readSettingsUpdateReply(await tools.updateSettings(channelId, patch));
+      if (!reply.ok) {
+        setError(reply.error || "Couldn't save the settings.");
+        return;
+      }
+      onSaved({
+        title: t,
+        instructions
+      });
+      onClose();
+    } catch (e) {
+      setError("Couldn't save the settings. Check your connection and try again.");
+    } finally {
+      setSaving(false);
+    }
+  };
+  const remove = () => {
+    if (!channelId) return;
+    if (aiBusy) {
+      setError("Wait for the AI to finish before deleting this project.");
+      return;
+    }
+    Alert.alert(`Delete "${title}"?`, "Its chat, builds and settings are removed. This cannot be undone.", [{
+      text: "Cancel",
+      style: "cancel"
+    }, {
+      text: "Delete project",
+      style: "destructive",
+      onPress: () => {
+        setDeleting(true);
+        setError(null);
+        tools.deleteProject(channelId).then((r) => {
+          if (!r.ok) {
+            setError(r.error || "The project could not be deleted.");
+            return;
+          }
+          onClose();
+          onDeleted();
+        }).catch(() => setError("The project could not be deleted. Try again.")).finally(() => setDeleting(false));
+      }
+    }]);
+  };
+  const count = knowledge.length;
+  return /* @__PURE__ */ jsx(Sheet, { visible, title: mode === "rename" ? "Rename" : "Project settings", onClose, theme, testID: "webbuilder-project-settings", children: /* @__PURE__ */ jsxs(ScrollView, { style: styles.scroll, contentContainerStyle: styles.body, keyboardShouldPersistTaps: "handled", children: [
+    /* @__PURE__ */ jsx(Text, { style: [styles.label, {
+      color: theme.ink
+    }], children: "Name" }),
+    /* @__PURE__ */ jsx(TextInput, { value: name, onChangeText: setName, autoFocus: mode === "rename", returnKeyType: "done", onSubmitEditing: mode === "rename" ? () => save().catch(() => void 0) : void 0, style: [styles.input, {
+      color: theme.ink,
+      borderColor: theme.border,
+      backgroundColor: theme.screen
+    }], accessibilityLabel: "Project name", testID: "webbuilder-project-name" }),
+    mode === "settings" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(View, { style: styles.labelRow, children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.label, {
+          color: theme.ink
+        }], children: "Project instructions" }),
+        /* @__PURE__ */ jsxs(Text, { style: [styles.rowHint, {
+          color: theme.muted
+        }], children: [
+          count,
+          " / ",
+          PROJECT_KNOWLEDGE_MAX
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(TextInput, { value: knowledge, onChangeText: (t) => setKnowledge(t.slice(0, PROJECT_KNOWLEDGE_MAX)), multiline: true, placeholder: "Rules the AI always follows for this project, e.g.\n- Brand colour #0f766e, font Inter\n- Write in British English\n- Never add a login page", placeholderTextColor: theme.faint, textAlignVertical: "top", style: [styles.input, styles.area, {
+        color: theme.ink,
+        borderColor: theme.accent,
+        backgroundColor: theme.screen
+      }], accessibilityLabel: "Project instructions", testID: "webbuilder-project-instructions" }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.help, {
+        color: theme.muted
+      }], children: "Sent to the AI with every build, edit and fix of this project. Saved with the project." })
+    ] }) : null,
+    loading ? /* @__PURE__ */ jsx(ActivityIndicator, { color: theme.accent }) : null,
+    error ? /* @__PURE__ */ jsx(Text, { style: [styles.help, {
+      color: theme.crit
+    }], children: error }) : null,
+    /* @__PURE__ */ jsx(PrimaryButton, { label: "Save", onPress: () => {
+      save().catch(() => void 0);
+    }, theme, busy: saving, disabled: !channelId, testID: "webbuilder-project-save" }),
+    mode === "settings" ? /* @__PURE__ */ jsxs(Tap, { onPress: remove, disabled: deleting, accessibilityRole: "button", accessibilityLabel: "Delete project", style: styles.danger, pressedStyle: DIM, testID: "webbuilder-project-delete", children: [
+      deleting ? /* @__PURE__ */ jsx(ActivityIndicator, { size: "small", color: theme.crit }) : /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "trash-can-outline", size: 18, color: theme.crit }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.dangerText, {
+        color: theme.crit
+      }], children: "Delete project" })
+    ] }) : null
+  ] }) });
+}
+function GithubPushSheet({
+  visible,
+  build,
+  channelId,
+  title,
+  tools,
+  onStarted,
+  onClose,
+  theme
+}) {
+  const [repo, setRepo] = useState("");
+  const [sync, setSync] = useState(true);
+  const [branch, setBranch] = useState(DEFAULT_SYNC_BRANCH);
+  const [repoUrl, setRepoUrl] = useState("");
+  const [working, setWorking] = useState(false);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (!visible) return void 0;
+    setError(null);
+    setRepo(repoSlug(title));
+    if (!channelId) return void 0;
+    let alive = true;
+    tools.loadSettings(channelId).then((raw) => {
+      var _a;
+      const gh = (_a = parseProjectSettings(raw)) == null ? void 0 : _a.github;
+      if (!alive || !gh) return;
+      if (gh.repoUrl) {
+        setRepoUrl(gh.repoUrl);
+        setRepo(gh.repoUrl.split("/").pop() || repoSlug(title));
+      }
+      if (gh.branch) setBranch(gh.branch);
+      setSync(gh.sync !== false);
+    }).catch(() => void 0);
+    return () => {
+      alive = false;
+    };
+  }, [visible, channelId]);
+  const name = repo.trim();
+  const canSubmit = Boolean(build == null ? void 0 : build.sandboxId) && isValidRepoName(name) && (!sync || Boolean(normalizeBranch(branch)));
+  const push = async () => {
+    if (!build || !canSubmit) return;
+    setWorking(true);
+    setError(null);
+    try {
+      if (channelId) {
+        const patch = githubSyncPatch(repoUrl, branch, sync);
+        if (patch) await tools.updateSettings(channelId, {
+          github: patch
+        }).catch(() => null);
+      }
+      const r = await tools.pushToGithub(build, name);
+      if (!r.ok) {
+        setError(r.message || "The push didn't start. Try again.");
+        return;
+      }
+      onClose();
+      onStarted(r.message || "Push started. Follow along in the chat.");
+    } catch (e) {
+      setError("The push didn't start. Check your connection and try again.");
+    } finally {
+      setWorking(false);
+    }
+  };
+  return /* @__PURE__ */ jsx(Sheet, { visible, title: "Push to GitHub", onClose, theme, testID: "webbuilder-github-push", children: /* @__PURE__ */ jsxs(ScrollView, { style: styles.scroll, contentContainerStyle: styles.body, keyboardShouldPersistTaps: "handled", children: [
+    /* @__PURE__ */ jsx(Text, { style: [styles.help, {
+      color: theme.muted
+    }], children: "Repository name for this build - kept for this project." }),
+    /* @__PURE__ */ jsx(TextInput, { value: repo, onChangeText: (t) => setRepo(t.replace(/[^A-Za-z0-9._-]/g, "-").slice(0, 100)), autoCapitalize: "none", autoCorrect: false, style: [styles.input, {
+      color: theme.ink,
+      borderColor: theme.accent,
+      backgroundColor: theme.screen
+    }], accessibilityLabel: "Repository name", testID: "webbuilder-github-repo" }),
+    /* @__PURE__ */ jsxs(View, { style: [styles.card, {
+      borderColor: theme.border
+    }], children: [
+      /* @__PURE__ */ jsxs(Tap, { onPress: () => setSync((v) => !v), accessibilityRole: "checkbox", accessibilityState: {
+        checked: sync
+      }, style: styles.checkRow, pressedStyle: DIM, testID: "webbuilder-github-sync", children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: sync ? "checkbox-marked" : "checkbox-blank-outline", size: 22, color: sync ? theme.info : theme.muted }),
+        /* @__PURE__ */ jsxs(View, { style: styles.rowText, children: [
+          /* @__PURE__ */ jsx(Text, { style: [styles.rowLabel, {
+            color: theme.ink
+          }], children: "Keep in sync automatically" }),
+          /* @__PURE__ */ jsx(Text, { style: [styles.rowHint, {
+            color: theme.muted
+          }], children: "Every change is pushed as a commit, and changes made on GitHub come back before the next edit. If both sides changed, we ask which version to keep." })
+        ] })
+      ] }),
+      sync ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.rowHint, {
+          color: theme.muted
+        }], children: "Branch" }),
+        /* @__PURE__ */ jsx(TextInput, { value: branch, onChangeText: setBranch, autoCapitalize: "none", autoCorrect: false, style: [styles.input, {
+          color: theme.ink,
+          borderColor: theme.border,
+          backgroundColor: theme.card
+        }], accessibilityLabel: "Branch" })
+      ] }) : null
+    ] }),
+    !(build == null ? void 0 : build.sandboxId) ? /* @__PURE__ */ jsx(Text, { style: [styles.help, {
+      color: theme.muted
+    }], children: "Wake the preview to push to GitHub." }) : null,
+    error ? /* @__PURE__ */ jsx(Text, { style: [styles.help, {
+      color: theme.crit
+    }], children: error }) : null,
+    /* @__PURE__ */ jsx(PrimaryButton, { label: repoUrl ? "Push" : "Create & Push", icon: "github", onPress: () => {
+      push().catch(() => void 0);
+    }, theme, busy: working, disabled: !canSubmit, testID: "webbuilder-github-submit" })
+  ] }) });
+}
+function EntryRow({
+  entry,
+  onPress,
+  theme
+}) {
+  return /* @__PURE__ */ jsxs(Tap, { onPress, accessibilityRole: "button", accessibilityLabel: entry.title, style: styles.row, pressedStyle: DIM, children: [
+    entry.logo ? /* @__PURE__ */ jsx(Image, { source: {
+      uri: entry.logo
+    }, style: styles.logo, resizeMode: "contain" }) : /* @__PURE__ */ jsx(View, { style: [styles.logo, styles.logoBlank, {
+      backgroundColor: theme.chip
+    }], children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "power-plug-outline", size: 18, color: theme.muted }) }),
+    /* @__PURE__ */ jsxs(View, { style: styles.rowText, children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.rowLabel, {
+        color: theme.ink
+      }], children: entry.title }),
+      entry.description ? /* @__PURE__ */ jsx(Text, { style: [styles.rowHint, {
+        color: theme.muted
+      }], numberOfLines: 2, children: entry.description }) : null
+    ] }),
+    /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "chevron-right", size: 20, color: theme.faint })
+  ] });
+}
+function IntegrationsSheet({
+  visible,
+  channelId,
+  tools,
+  aiBusy,
+  onRequest,
+  onClose,
+  theme
+}) {
+  const [search, setSearch] = useState("");
+  const [catalog, setCatalog] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [failed, setFailed] = useState(false);
+  const [picked, setPicked] = useState(null);
+  const [purpose, setPurpose] = useState("");
+  const [working, setWorking] = useState(false);
+  const [error, setError] = useState(null);
+  const load = () => {
+    setLoading(true);
+    setFailed(false);
+    tools.integrations().then((raw) => setCatalog(parseCatalog(raw))).catch(() => setFailed(true)).finally(() => setLoading(false));
+  };
+  useEffect(() => {
+    if (!visible) return;
+    setPicked(null);
+    setSearch("");
+    setError(null);
+    load();
+  }, [visible]);
+  const {
+    featured,
+    groups
+  } = useMemo(() => groupCatalog(catalog, search), [catalog, search]);
+  const showAi = !search.trim() || /ai|assistant|chat|search|writ/i.test(search);
+  const add = async () => {
+    var _a;
+    if (!picked) return;
+    if (aiBusy) {
+      setError("Wait for the AI to finish, then add it.");
+      return;
+    }
+    setWorking(true);
+    setError(null);
+    try {
+      if (picked.kind === "connector" && channelId) {
+        const current = parseProjectSettings(await tools.loadSettings(channelId).catch(() => null));
+        const list = withIntegration((_a = current == null ? void 0 : current.integrations) != null ? _a : [], picked.entry, purpose);
+        const reply = readSettingsUpdateReply(await tools.updateSettings(channelId, {
+          integrations: list
+        }));
+        if (!reply.ok) {
+          setError(reply.error || "Couldn't save the integration.");
+          return;
+        }
+      }
+      onClose();
+      onRequest(picked.kind === "ai" ? aiRequest(purpose) : integrationRequest(picked.entry, purpose));
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Couldn't add it. Try again.");
+    } finally {
+      setWorking(false);
+    }
+  };
+  let body;
+  if (picked) {
+    const ai = picked.kind === "ai";
+    body = /* @__PURE__ */ jsxs(View, { style: styles.body, children: [
+      /* @__PURE__ */ jsxs(Tap, { onPress: () => setPicked(null), accessibilityRole: "button", accessibilityLabel: "Back to Integrations", style: styles.back, pressedStyle: DIM, children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "chevron-left", size: 22, color: theme.ink }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.backText, {
+          color: theme.ink
+        }], children: "Integrations" })
+      ] }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.help, {
+        color: theme.muted
+      }], children: ai ? "A chat assistant, smart search, writing help - runs on your site's server." : picked.entry.description || `Add ${picked.entry.title} to your site.` }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.label, {
+        color: theme.ink
+      }], children: "What should it do? (optional)" }),
+      /* @__PURE__ */ jsx(TextInput, { value: purpose, onChangeText: setPurpose, placeholder: ai ? "An assistant that answers visitors' questions" : "e.g. the products on my site", placeholderTextColor: theme.faint, style: [styles.input, {
+        color: theme.ink,
+        borderColor: theme.border,
+        backgroundColor: theme.screen
+      }], accessibilityLabel: "What it should do" }),
+      error ? /* @__PURE__ */ jsx(Text, { style: [styles.help, {
+        color: theme.crit
+      }], children: error }) : null,
+      /* @__PURE__ */ jsx(PrimaryButton, { label: "Add to my site", icon: "plus", onPress: () => {
+        add().catch(() => void 0);
+      }, theme, busy: working, disabled: aiBusy, testID: "webbuilder-integration-add" })
+    ] });
+  } else {
+    body = /* @__PURE__ */ jsxs(View, { style: styles.body, children: [
+      /* @__PURE__ */ jsxs(View, { style: [styles.search, {
+        borderColor: theme.accent,
+        backgroundColor: theme.screen
+      }], children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "magnify", size: 18, color: theme.muted }),
+        /* @__PURE__ */ jsx(TextInput, { value: search, onChangeText: setSearch, placeholder: "Search integrations", placeholderTextColor: theme.faint, autoCapitalize: "none", autoCorrect: false, style: [styles.searchInput, {
+          color: theme.ink
+        }], accessibilityLabel: "Search integrations", testID: "webbuilder-integrations-search" })
+      ] }),
+      /* @__PURE__ */ jsxs(ScrollView, { style: styles.list, keyboardShouldPersistTaps: "handled", children: [
+        showAi ? /* @__PURE__ */ jsxs(Tap, { onPress: () => {
+          setPurpose("");
+          setPicked({
+            kind: "ai"
+          });
+        }, accessibilityRole: "button", accessibilityLabel: "Add AI to my site", style: [styles.aiCard, {
+          backgroundColor: theme.chip,
+          borderColor: theme.border
+        }], pressedStyle: DIM, testID: "webbuilder-integration-ai", children: [
+          /* @__PURE__ */ jsx(View, { style: [styles.logo, styles.logoBlank, {
+            backgroundColor: theme.accentSoft
+          }], children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "creation", size: 18, color: theme.accent }) }),
+          /* @__PURE__ */ jsxs(View, { style: styles.rowText, children: [
+            /* @__PURE__ */ jsx(Text, { style: [styles.rowLabel, {
+              color: theme.ink
+            }], children: "Add AI to my site" }),
+            /* @__PURE__ */ jsx(Text, { style: [styles.rowHint, {
+              color: theme.muted
+            }], children: "A chat assistant, smart search, writing help - runs on your site's server." })
+          ] })
+        ] }) : null,
+        loading ? /* @__PURE__ */ jsx(ActivityIndicator, { color: theme.accent, style: styles.spin }) : null,
+        !loading && failed ? /* @__PURE__ */ jsxs(View, { style: styles.empty, children: [
+          /* @__PURE__ */ jsx(Text, { style: [styles.help, {
+            color: theme.muted
+          }], children: "Couldn't load the integrations." }),
+          /* @__PURE__ */ jsx(SecondaryButton, { label: "Try again", icon: "refresh", onPress: load, theme })
+        ] }) : null,
+        !loading && !failed && featured.length ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Text, { style: [styles.section, {
+            color: theme.muted
+          }], children: "POPULAR" }),
+          featured.map((e) => /* @__PURE__ */ jsx(EntryRow, { entry: e, onPress: () => {
+            setPurpose("");
+            setPicked({
+              kind: "connector",
+              entry: e
+            });
+          }, theme }, e.id))
+        ] }) : null,
+        !loading && !failed ? groups.map((g) => /* @__PURE__ */ jsxs(View, { children: [
+          /* @__PURE__ */ jsx(Text, { style: [styles.section, {
+            color: theme.muted
+          }], children: g.category.toUpperCase() }),
+          g.entries.map((e) => /* @__PURE__ */ jsx(EntryRow, { entry: e, onPress: () => {
+            setPurpose("");
+            setPicked({
+              kind: "connector",
+              entry: e
+            });
+          }, theme }, e.id))
+        ] }, g.category)) : null,
+        !loading && !failed && !featured.length && !groups.length ? /* @__PURE__ */ jsxs(View, { style: styles.empty, children: [
+          /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "power-plug-outline", size: 24, color: theme.muted }),
+          /* @__PURE__ */ jsx(Text, { style: [styles.emptyTitle, {
+            color: theme.ink
+          }], children: search.trim() ? "No integrations match" : "No other integrations yet" }),
+          /* @__PURE__ */ jsx(Text, { style: [styles.help, styles.center, {
+            color: theme.muted
+          }], children: "More integrations show up here when your organization adds them." })
+        ] }) : null
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsx(Sheet, { visible, title: (picked == null ? void 0 : picked.kind) === "ai" ? "Add AI to my site" : (picked == null ? void 0 : picked.entry.title) || "Integrations", onClose, theme, testID: "webbuilder-integrations", children: body });
+}
+function ImportProjectSheet({
+  visible,
+  onImport,
+  onClose,
+  theme,
+  fetchImpl = fetch
+}) {
+  const [input, setInput] = useState("");
+  const [checking, setChecking] = useState(false);
+  const [result, setResult] = useState(null);
+  useEffect(() => {
+    if (!visible) return;
+    setInput("");
+    setResult(null);
+  }, [visible]);
+  const check = async () => {
+    const parsed = parseRepoInput(input);
+    if (!parsed.ok) {
+      setResult({
+        ok: false,
+        message: parsed.error
+      });
+      return;
+    }
+    setChecking(true);
+    try {
+      const res = await fetchImpl(`https://api.github.com/repos/${parsed.ref.owner}/${parsed.ref.repo}`, {
+        headers: {
+          Accept: "application/vnd.github+json"
+        }
+      });
+      const body = await res.json().catch(() => null);
+      setResult(readRepoCheck(parsed.ref, res.status, body));
+    } catch (e) {
+      setResult({
+        ok: false,
+        message: "Couldn't reach GitHub. Check your connection, then try again."
+      });
+    } finally {
+      setChecking(false);
+    }
+  };
+  return /* @__PURE__ */ jsx(Sheet, { visible, title: "Import a project", onClose, theme, testID: "webbuilder-import", children: /* @__PURE__ */ jsxs(ScrollView, { style: styles.scroll, contentContainerStyle: styles.body, keyboardShouldPersistTaps: "handled", children: [
+    /* @__PURE__ */ jsx(Text, { style: [styles.help, {
+      color: theme.muted
+    }], children: "Bring an app you built elsewhere - Vite or Next.js - with its code and history." }),
+    /* @__PURE__ */ jsx(Text, { style: [styles.label, {
+      color: theme.ink
+    }], children: "GitHub repository" }),
+    /* @__PURE__ */ jsxs(View, { style: styles.inline, children: [
+      /* @__PURE__ */ jsxs(View, { style: [styles.search, styles.grow, {
+        borderColor: theme.accent,
+        backgroundColor: theme.screen
+      }], children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "github", size: 18, color: theme.muted }),
+        /* @__PURE__ */ jsx(TextInput, { value: input, onChangeText: (t) => {
+          setInput(t);
+          setResult(null);
+        }, placeholder: "https://github.com/you/your-app", placeholderTextColor: theme.faint, autoCapitalize: "none", autoCorrect: false, keyboardType: "url", returnKeyType: "go", onSubmitEditing: () => {
+          check().catch(() => void 0);
+        }, style: [styles.searchInput, {
+          color: theme.ink
+        }], accessibilityLabel: "GitHub repository", testID: "webbuilder-import-repo" })
+      ] }),
+      /* @__PURE__ */ jsx(Tap, { onPress: () => {
+        check().catch(() => void 0);
+      }, disabled: !input.trim() || checking, accessibilityRole: "button", accessibilityLabel: "Check", style: [styles.checkBtn, {
+        backgroundColor: theme.accent
+      }, (!input.trim() || checking) && styles.disabled], pressedStyle: DIM, testID: "webbuilder-import-check", children: checking ? /* @__PURE__ */ jsx(ActivityIndicator, { size: "small", color: theme.accentInk }) : /* @__PURE__ */ jsx(Text, { style: [styles.checkText, {
+        color: theme.accentInk
+      }], children: "Check" }) })
+    ] }),
+    /* @__PURE__ */ jsx(Text, { style: [styles.help, {
+      color: theme.muted
+    }], children: "From another app builder: use its GitHub sync to put your app on GitHub, then paste the repository's address here." }),
+    result && !result.ok ? /* @__PURE__ */ jsx(Text, { style: [styles.help, {
+      color: theme.crit
+    }], children: result.message }) : null,
+    (result == null ? void 0 : result.ok) ? /* @__PURE__ */ jsxs(View, { style: [styles.card, {
+      borderColor: theme.border
+    }], testID: "webbuilder-import-found", children: [
+      /* @__PURE__ */ jsxs(View, { style: styles.checkRow, children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "source-repository", size: 22, color: theme.good }),
+        /* @__PURE__ */ jsxs(View, { style: styles.rowText, children: [
+          /* @__PURE__ */ jsxs(Text, { style: [styles.rowLabel, {
+            color: theme.ink
+          }], children: [
+            result.ref.owner,
+            "/",
+            result.name
+          ] }),
+          /* @__PURE__ */ jsxs(Text, { style: [styles.rowHint, {
+            color: theme.muted
+          }], children: [
+            "Branch ",
+            result.ref.branch,
+            result.description ? ` \xB7 ${result.description}` : ""
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(PrimaryButton, { label: "Import", icon: "download", onPress: () => {
+        onClose();
+        onImport(importTurn(result.ref));
+      }, theme, testID: "webbuilder-import-start" })
+    ] }) : null
+  ] }) });
+}
+const styles = StyleSheet.create({
+  scroll: {
+    flexGrow: 0
+  },
+  menuBody: {
+    paddingBottom: 12
+  },
+  body: {
+    gap: 12,
+    paddingBottom: 12
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 12,
+    paddingVertical: 12,
+    minHeight: 52
+  },
+  rowText: {
+    flex: 1
+  },
+  rowLabel: {
+    fontSize: 16,
+    fontWeight: "500"
+  },
+  rowHint: {
+    fontSize: 13,
+    marginTop: 2,
+    lineHeight: 18
+  },
+  sub: {
+    marginLeft: 10,
+    paddingLeft: 12,
+    borderLeftWidth: StyleSheet.hairlineWidth
+  },
+  divider: {
+    height: StyleSheet.hairlineWidth,
+    marginVertical: 6
+  },
+  section: {
+    fontSize: 12,
+    fontWeight: "700",
+    letterSpacing: 0.6,
+    paddingTop: 10,
+    paddingBottom: 2
+  },
+  label: {
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  labelRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
+  },
+  input: {
+    borderWidth: 1.5,
+    borderRadius: 12,
+    paddingHorizontal: 14,
+    paddingVertical: 12,
+    fontSize: 16
+  },
+  area: {
+    minHeight: 160
+  },
+  help: {
+    fontSize: 13,
+    lineHeight: 18
+  },
+  center: {
+    textAlign: "center"
+  },
+  danger: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    alignSelf: "flex-start",
+    paddingVertical: 8
+  },
+  dangerText: {
+    fontSize: 15,
+    fontWeight: "600"
+  },
+  card: {
+    gap: 10,
+    padding: 12,
+    borderRadius: 12,
+    borderWidth: StyleSheet.hairlineWidth
+  },
+  checkRow: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    gap: 10
+  },
+  back: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 2,
+    alignSelf: "flex-start",
+    paddingVertical: 4
+  },
+  backText: {
+    fontSize: 15,
+    fontWeight: "600"
+  },
+  search: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    borderWidth: 1.5,
+    borderRadius: 12,
+    paddingHorizontal: 12,
+    minHeight: 48
+  },
+  searchInput: {
+    flex: 1,
+    fontSize: 16,
+    paddingVertical: 10
+  },
+  list: {
+    maxHeight: 420
+  },
+  aiCard: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 12,
+    padding: 12,
+    borderRadius: 12,
+    borderWidth: StyleSheet.hairlineWidth,
+    marginBottom: 4
+  },
+  logo: {
+    width: 34,
+    height: 34,
+    borderRadius: 8
+  },
+  logoBlank: {
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  spin: {
+    paddingVertical: 20
+  },
+  empty: {
+    alignItems: "center",
+    gap: 8,
+    paddingVertical: 24
+  },
+  emptyTitle: {
+    fontSize: 16,
+    fontWeight: "700"
+  },
+  inline: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8
+  },
+  grow: {
+    flex: 1
+  },
+  checkBtn: {
+    minHeight: 48,
+    paddingHorizontal: 16,
+    borderRadius: 12,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  checkText: {
+    fontSize: 15,
+    fontWeight: "700"
+  },
+  disabled: {
+    opacity: 0.5
+  }
+});export{GithubPushSheet,ImportProjectSheet,IntegrationsSheet,ProjectMenuSheet,ProjectSettingsSheet};//# sourceMappingURL=ProjectSheets.js.map