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

package/lib/features/notion/NotionAgentPanel.js

@@ -0,0 +1,987 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useMemo,useRef,useCallback,useState,useEffect}from'react';import {View,StyleSheet,Pressable,Text,Switch,ActivityIndicator,Modal,ScrollView,TextInput}from'react-native';import {Ionicons}from'@expo/vector-icons';import {useApolloClient,useQuery}from'@apollo/client/index.js';import {NATIVE_NOTES_RUNTIME_STATUS,NATIVE_NOTION_AGENT_RUNS,NATIVE_NOTION_QUERY_DATABASE,NATIVE_NOTION_AGENT_APPROVAL,NATIVE_NOTION_APPROVE_AGENT,NATIVE_NOTION_START_AGENT_RUN,NATIVE_NOTION_CANCEL_AGENT_RUN,NATIVE_NOTION_SEARCH_HITS}from'./notionDocuments.js';import {normalizeAgentConfig,agentPropertiesPatch,latestRuns,parseRunRow,cronToSchedule,triggerLabel,removeTrigger,triggerKey,YANTRA_NOTION_TOOL,toggleConnectorTool,toggleScopeItem,upsertTrigger,DEFAULT_SCHEDULE,scheduleTrigger,buildAgentRunPrompt,scheduleLabel,SCHEDULE_FREQUENCIES,WEEKDAY_NAMES,MAX_MONTH_DAY}from'./notionNotesAgent.js';import {effectiveRunStatus,AGENT_RUN_LABEL}from'./notionAgentRunStatus.js';import {TILE_COLOR_NAMES}from'./notionPageKinds.js';import {serverRunToRow,isMissingOperationError,SERVER_RUNS_POLL_MS,runDoneMessage}from'./notionAgentRuns.js';import {connectorDisplayName,fetchConnectorCatalog,cdeConnectorCatalogUrl}from'./notionConnections.js';import {serverErrorText}from'./notionPageActions.js';import {tile,RUN_DOT}from'./NotionSidebarSections.js';import {ui,SheetHeader}from'./notionUi.js';import {ChoiceSheet}from'./database/DatabaseSheets.js';import {config}from'../../config/env-config.js';import {useObtainSystemToken}from'../../hooks/useObtainSystemToken.js';var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const MODEL_TIERS = [{
+  value: "yantra/small",
+  label: "Small"
+}, {
+  value: "yantra/medium",
+  label: "Medium"
+}, {
+  value: "yantra/complex",
+  label: "Complex"
+}];
+function ago(ms) {
+  if (!ms) return "";
+  const s = Math.max(0, Math.round((Date.now() - ms) / 1e3));
+  if (s < 60) return "just now";
+  const m = Math.round(s / 60);
+  if (m < 60) return `${m}m ago`;
+  const h = Math.round(m / 60);
+  if (h < 24) return `${h}h ago`;
+  const d = Math.round(h / 24);
+  return d < 30 ? `${d}d ago` : new Date(ms).toLocaleDateString();
+}
+function NotionAgentPanel({
+  pageId,
+  workspaceId,
+  name,
+  properties,
+  instructions,
+  isDark,
+  palette,
+  onPatch,
+  onRunInChat,
+  onToast
+}) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  const client = useApolloClient();
+  const agent = useMemo(() => normalizeAgentConfig(properties.agent), [properties.agent]);
+  const propsRef = useRef(properties);
+  propsRef.current = properties;
+  const write = useCallback((patch) => onPatch(agentPropertiesPatch(propsRef.current, patch)), [onPatch]);
+  const configNow = () => normalizeAgentConfig(propsRef.current.agent);
+  const [sheet, setSheet] = useState(null);
+  const thenOpen = (next) => {
+    setSheet(null);
+    setTimeout(() => setSheet(next), 450);
+  };
+  const [pendingDb, setPendingDb] = useState(null);
+  const runtime = useQuery(NATIVE_NOTES_RUNTIME_STATUS, {
+    fetchPolicy: "cache-first",
+    errorPolicy: "all"
+  });
+  const [serverUnsupported, setServerUnsupported] = useState(false);
+  const serverRuns = !serverUnsupported && Boolean((_b = (_a = runtime.data) == null ? void 0 : _a.notesRuntimeStatus) == null ? void 0 : _b.agentRuntimeEnabled);
+  const schedulerLive = Boolean((_d = (_c = runtime.data) == null ? void 0 : _c.notesRuntimeStatus) == null ? void 0 : _d.schedulerEnabled) && Boolean((_f = (_e = runtime.data) == null ? void 0 : _e.notesRuntimeStatus) == null ? void 0 : _f.agentRuntimeEnabled);
+  const [rows, setRows] = useState([]);
+  const [runsLoading, setRunsLoading] = useState(false);
+  const [runsError, setRunsError] = useState(null);
+  const [starting, setStarting] = useState(false);
+  const watchRun = useRef(null);
+  const reloadRuns = useCallback(async () => {
+    var _a2, _b2, _c2, _d2, _e2, _f2;
+    setRunsLoading(true);
+    try {
+      if (serverRuns) {
+        const res = await client.query({
+          query: NATIVE_NOTION_AGENT_RUNS,
+          variables: {
+            agentId: pageId,
+            limit: 10
+          },
+          fetchPolicy: "network-only"
+        });
+        const runs = (_c2 = (_b2 = (_a2 = res.data) == null ? void 0 : _a2.notionAgentRuns) == null ? void 0 : _b2.runs) != null ? _c2 : [];
+        setRows(runs.map(serverRunToRow));
+      } else if (agent.runsDatabaseId) {
+        const res = await client.query({
+          query: NATIVE_NOTION_QUERY_DATABASE,
+          variables: {
+            input: {
+              databaseId: agent.runsDatabaseId,
+              pageSize: 50
+            }
+          },
+          fetchPolicy: "network-only"
+        });
+        const list = (_f2 = (_e2 = (_d2 = res.data) == null ? void 0 : _d2.queryDatabase) == null ? void 0 : _e2.results) != null ? _f2 : [];
+        setRows(latestRuns(list.map(parseRunRow).filter((r) => Boolean(r))));
+      } else {
+        setRows([]);
+      }
+      setRunsError(null);
+    } catch (err) {
+      if (serverRuns && isMissingOperationError(err)) setServerUnsupported(true);
+      else setRunsError(serverErrorText(err));
+    } finally {
+      setRunsLoading(false);
+    }
+  }, [agent.runsDatabaseId, client, pageId, serverRuns]);
+  useEffect(() => {
+    reloadRuns();
+  }, [reloadRuns]);
+  const active = rows.some((r) => "active" in r && r.active);
+  useEffect(() => {
+    if (!serverRuns || !active) return void 0;
+    const timer = setInterval(reloadRuns, SERVER_RUNS_POLL_MS);
+    return () => clearInterval(timer);
+  }, [active, reloadRuns, serverRuns]);
+  useEffect(() => {
+    const id = watchRun.current;
+    if (!id) return;
+    const run = rows.find((r) => r.id === id);
+    if (!run || run.active) return;
+    watchRun.current = null;
+    onToast(runDoneMessage(run.serverStatus, name || "Untitled agent", run.summary));
+  }, [name, onToast, rows]);
+  const runNow = async () => {
+    var _a2;
+    if (serverRuns) {
+      setStarting(true);
+      try {
+        const res = await client.mutate({
+          mutation: NATIVE_NOTION_START_AGENT_RUN,
+          variables: {
+            agentId: pageId
+          }
+        });
+        const run = (_a2 = res.data) == null ? void 0 : _a2.startNotionAgentRun;
+        if (run == null ? void 0 : run.id) {
+          watchRun.current = run.id;
+          setRows((prev) => [serverRunToRow(run), ...prev.filter((r) => r.id !== run.id)]);
+        }
+        onToast(`Running \u201C${name || "Untitled agent"}\u201D\u2026`);
+        reloadRuns();
+      } catch (err) {
+        if (isMissingOperationError(err)) setServerUnsupported(true);
+        onToast(`Couldn't start the run. ${serverErrorText(err)}`);
+      } finally {
+        setStarting(false);
+      }
+      return;
+    }
+    const prompt = buildAgentRunPrompt({
+      agentId: pageId,
+      name: name || "Untitled agent",
+      instructions: instructions(),
+      config: configNow(),
+      trigger: {
+        type: "manual"
+      }
+    });
+    onRunInChat(prompt);
+  };
+  const cancelRun = async (runId) => {
+    var _a2;
+    try {
+      const res = await client.mutate({
+        mutation: NATIVE_NOTION_CANCEL_AGENT_RUN,
+        variables: {
+          runId
+        }
+      });
+      const run = (_a2 = res.data) == null ? void 0 : _a2.cancelNotionAgentRun;
+      if (run) setRows((prev) => prev.map((r) => r.id === runId ? serverRunToRow(run) : r));
+      reloadRuns();
+    } catch (err) {
+      onToast(`Couldn't cancel the run. ${serverErrorText(err)}`);
+    }
+  };
+  const hasAuto = agent.triggers.some((t) => t.type !== "manual");
+  const approval = useQuery(NATIVE_NOTION_AGENT_APPROVAL, {
+    variables: {
+      agentId: pageId
+    },
+    skip: !(hasAuto && schedulerLive && agent.enabled),
+    fetchPolicy: "network-only",
+    errorPolicy: "all"
+  });
+  const approveState = (_g = approval.data) == null ? void 0 : _g.notionAgentApproval;
+  const [approving, setApproving] = useState(false);
+  const approve = async () => {
+    setApproving(true);
+    try {
+      await client.mutate({
+        mutation: NATIVE_NOTION_APPROVE_AGENT,
+        variables: {
+          agentId: pageId
+        }
+      });
+      await approval.refetch();
+    } catch (err) {
+      onToast(`Couldn't approve. ${serverErrorText(err)}`);
+    } finally {
+      setApproving(false);
+    }
+  };
+  const lastStatus = agent.lastRun ? effectiveRunStatus(agent.lastRun.status, agent.lastRun.at) : void 0;
+  const busy = starting || active || lastStatus === "running";
+  const scheduleOf = (t) => t.type === "schedule" ? cronToSchedule(t.cron) : null;
+  const existingSchedule = (_h = agent.triggers.map(scheduleOf).find(Boolean)) != null ? _h : null;
+  return /* @__PURE__ */ jsxs(View, { style: [styles.panel, {
+    backgroundColor: palette.card,
+    borderColor: palette.hairline
+  }], children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.head, children: [
+      /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: "Tile colour", onPress: () => setSheet("color"), style: [styles.tile, {
+        backgroundColor: tile(agent.color, "solid", isDark)
+      }], children: /* @__PURE__ */ jsx(Ionicons, { name: "flash", size: 16, color: "#fff" }) }),
+      /* @__PURE__ */ jsxs(View, { style: ui.flex, children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.headTitle, {
+          color: palette.text
+        }], children: "Agent" }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.headSub, {
+          color: palette.textMuted
+        }], children: agent.lastRun ? `Last run ${ago(Date.parse(agent.lastRun.at))} \xB7 ${AGENT_RUN_LABEL[lastStatus != null ? lastStatus : agent.lastRun.status]}` : "Never run" })
+      ] }),
+      /* @__PURE__ */ jsx(Switch, { accessibilityLabel: "Agent enabled", value: agent.enabled, onValueChange: (enabled) => write({
+        enabled
+      }) })
+    ] }),
+    /* @__PURE__ */ jsxs(Section, { palette, icon: "flash-outline", label: "Triggers", children: [
+      /* @__PURE__ */ jsxs(View, { style: styles.chips, children: [
+        agent.triggers.map((t) => /* @__PURE__ */ jsx(Chip, { palette, label: triggerLabel(t), onRemove: t.type === "manual" ? void 0 : () => write({
+          triggers: removeTrigger(configNow().triggers, triggerKey(t))
+        }) }, triggerKey(t))),
+        /* @__PURE__ */ jsx(AddChip, { palette, label: "Add trigger", onPress: () => setSheet("addTrigger") })
+      ] }),
+      hasAuto ? /* @__PURE__ */ jsx(Text, { style: [styles.note, {
+        color: palette.textMuted
+      }], children: schedulerLive ? agent.enabled ? "Runs automatically on the server when these triggers fire." : "Turn the agent on to run it automatically on the server when these triggers fire." : "Runs automatically once server scheduling ships. Until then, use Run now." }) : null,
+      approveState && approveState.approved === false ? /* @__PURE__ */ jsxs(View, { style: [styles.approval, {
+        backgroundColor: palette.primarySoft
+      }], children: [
+        /* @__PURE__ */ jsx(Ionicons, { name: "shield-checkmark-outline", size: 16, color: palette.primary }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.approvalText, {
+          color: palette.text
+        }], children: "Changes need the owner's approval before the agent runs automatically." }),
+        approveState.canApprove ? /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "button", onPress: approve, disabled: approving, hitSlop: 6, children: /* @__PURE__ */ jsx(Text, { style: [styles.link, {
+          color: palette.primary
+        }], children: approving ? "Approving\u2026" : "Approve" }) }) : null
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsx(Section, { palette, icon: "construct-outline", label: "Tools", children: /* @__PURE__ */ jsxs(View, { style: styles.chips, children: [
+      /* @__PURE__ */ jsx(Chip, { palette, label: "Yantra Notion" }),
+      agent.tools.filter((t) => t.connector !== YANTRA_NOTION_TOOL.connector).map((t) => /* @__PURE__ */ jsx(Chip, { palette, label: t.label || connectorDisplayName(t.connector), onRemove: () => write({
+        tools: toggleConnectorTool(configNow().tools, t.connector)
+      }) }, t.connector)),
+      /* @__PURE__ */ jsx(AddChip, { palette, label: "Add tool", onPress: () => setSheet("tools") })
+    ] }) }),
+    /* @__PURE__ */ jsx(Section, { palette, icon: "scan-outline", label: "Scope", children: /* @__PURE__ */ jsxs(View, { style: styles.chips, children: [
+      [...agent.scope.pageIds.map((id) => ({
+        id,
+        type: "page"
+      })), ...agent.scope.databaseIds.map((id) => ({
+        id,
+        type: "database"
+      }))].map((item) => {
+        var _a2;
+        return /* @__PURE__ */ jsx(Chip, { palette, icon: item.type === "database" ? "grid-outline" : "document-text-outline", label: ((_a2 = agent.scope.titles) == null ? void 0 : _a2[item.id]) || "Untitled", onRemove: () => write({
+          scope: toggleScopeItem(configNow().scope, item)
+        }) }, item.id);
+      }),
+      !agent.scope.pageIds.length && !agent.scope.databaseIds.length ? /* @__PURE__ */ jsx(Text, { style: [styles.note, {
+        color: palette.textMuted
+      }], children: "Whole workspace" }) : null,
+      /* @__PURE__ */ jsx(AddChip, { palette, label: "Add to scope", onPress: () => setSheet("scope") })
+    ] }) }),
+    /* @__PURE__ */ jsx(Section, { palette, icon: "sparkles-outline", label: "Model", children: /* @__PURE__ */ jsxs(Pressable, { accessibilityRole: "button", onPress: () => setSheet("model"), style: [styles.select, {
+      backgroundColor: palette.fill
+    }], children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.selectText, {
+        color: palette.text
+      }], children: MODEL_TIERS.find((m) => m.value === agent.model) ? `Yantra ${MODEL_TIERS.find((m) => m.value === agent.model).label}` : "Default" }),
+      /* @__PURE__ */ jsx(Ionicons, { name: "chevron-down", size: 14, color: palette.textMuted })
+    ] }) }),
+    /* @__PURE__ */ jsx(Section, { palette, icon: "lock-closed-outline", label: "Mode", children: /* @__PURE__ */ jsx(View, { style: [styles.segmented, {
+      backgroundColor: palette.fill
+    }], children: [[true, "Ask before acting"], [false, "Act automatically"]].map(([ask, label]) => {
+      const on = Boolean(agent.requireApproval) === ask;
+      return /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "button", accessibilityState: {
+        selected: on
+      }, onPress: () => !on && write({
+        requireApproval: ask
+      }), style: [styles.segment, on && {
+        backgroundColor: palette.card
+      }], children: /* @__PURE__ */ jsx(Text, { style: [styles.segmentText, {
+        color: on ? palette.text : palette.textMuted
+      }], children: label }) }, label);
+    }) }) }),
+    /* @__PURE__ */ jsxs(View, { style: [styles.runs, {
+      borderTopColor: palette.hairline
+    }], children: [
+      /* @__PURE__ */ jsxs(View, { style: styles.runsHead, children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.runsTitle, {
+          color: palette.textMuted
+        }], children: "Runs" }),
+        /* @__PURE__ */ jsx(Pressable, { accessibilityLabel: "Refresh runs", onPress: reloadRuns, hitSlop: 8, children: runsLoading ? /* @__PURE__ */ jsx(ActivityIndicator, { size: "small", color: palette.textMuted }) : /* @__PURE__ */ jsx(Ionicons, { name: "refresh", size: 17, color: palette.textMuted }) }),
+        /* @__PURE__ */ jsxs(Pressable, { accessibilityRole: "button", onPress: runNow, disabled: busy, style: [styles.runNow, {
+          backgroundColor: palette.primary,
+          opacity: busy ? 0.6 : 1
+        }], children: [
+          busy ? /* @__PURE__ */ jsx(ActivityIndicator, { size: "small", color: palette.onPrimary }) : /* @__PURE__ */ jsx(Ionicons, { name: "play", size: 14, color: palette.onPrimary }),
+          /* @__PURE__ */ jsx(Text, { style: [styles.runNowText, {
+            color: palette.onPrimary
+          }], children: busy ? "Running" : "Run now" })
+        ] })
+      ] }),
+      !serverRuns ? /* @__PURE__ */ jsx(Text, { style: [styles.note, {
+        color: palette.textMuted
+      }], children: "Runs in your chat on this device (the server agent runtime is off)." }) : null,
+      runsError ? /* @__PURE__ */ jsx(Text, { style: [styles.note, {
+        color: palette.danger
+      }], children: runsError }) : null,
+      rows.length ? rows.map((r) => {
+        var _a2;
+        return /* @__PURE__ */ jsxs(View, { style: [styles.runRow, {
+          borderTopColor: palette.hairline
+        }], children: [
+          /* @__PURE__ */ jsx(View, { style: [styles.dot, {
+            backgroundColor: (_a2 = RUN_DOT[r.status]) != null ? _a2 : palette.textFaint
+          }] }),
+          /* @__PURE__ */ jsxs(View, { style: ui.flex, children: [
+            /* @__PURE__ */ jsx(Text, { style: [styles.runLabel, {
+              color: palette.text
+            }], children: `${"serverStatus" in r && r.serverStatus === "cancelled" ? "Cancelled" : AGENT_RUN_LABEL[r.status]} \xB7 ${r.trigger}` }),
+            r.summary ? /* @__PURE__ */ jsx(Text, { numberOfLines: 2, style: [styles.runSummary, {
+              color: palette.textMuted
+            }], children: r.summary }) : null
+          ] }),
+          /* @__PURE__ */ jsx(Text, { style: [styles.runAt, {
+            color: palette.textFaint
+          }], children: ago(r.startedAt) }),
+          "active" in r && r.active ? /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "button", onPress: () => cancelRun(r.id), hitSlop: 6, children: /* @__PURE__ */ jsx(Text, { style: [styles.link, {
+            color: palette.danger
+          }], children: "Cancel" }) }) : null
+        ] }, r.id);
+      }) : !runsLoading ? /* @__PURE__ */ jsx(Text, { style: [styles.note, {
+        color: palette.textMuted
+      }], children: "No runs yet." }) : null
+    ] }),
+    /* @__PURE__ */ jsx(ChoiceSheet, { visible: sheet === "color", title: "Tile colour", palette, value: (_i = agent.color) != null ? _i : null, choices: TILE_COLOR_NAMES.map((c) => ({
+      value: c,
+      label: c[0].toUpperCase() + c.slice(1)
+    })), onClose: () => setSheet(null), onPick: (color) => {
+      setSheet(null);
+      write({
+        color
+      });
+    } }),
+    /* @__PURE__ */ jsx(ChoiceSheet, { visible: sheet === "addTrigger", title: "Add trigger", palette, choices: [{
+      value: "schedule",
+      label: "On a schedule\u2026",
+      icon: "time-outline"
+    }, {
+      value: "database",
+      label: "When a database row changes\u2026",
+      icon: "grid-outline"
+    }, {
+      value: "comment_mention",
+      label: "When @mentioned in a comment",
+      icon: "chatbubble-outline"
+    }, {
+      value: "meeting_ended",
+      label: "When a meeting ends",
+      icon: "mic-outline"
+    }], onClose: () => setSheet(null), onPick: (kind) => {
+      if (kind === "schedule" || kind === "database") {
+        thenOpen(kind);
+        return;
+      }
+      setSheet(null);
+      write({
+        triggers: upsertTrigger(configNow().triggers, {
+          type: kind
+        })
+      });
+    } }),
+    /* @__PURE__ */ jsx(ScheduleSheet, { visible: sheet === "schedule", palette, initial: existingSchedule != null ? existingSchedule : DEFAULT_SCHEDULE, onClose: () => setSheet(null), onSave: (s) => {
+      setSheet(null);
+      const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+      write({
+        triggers: upsertTrigger(configNow().triggers, scheduleTrigger(s, timezone))
+      });
+    } }),
+    /* @__PURE__ */ jsx(BlockPickerSheet, { visible: sheet === "database", title: "Which database?", palette, workspaceId, types: ["database"], onClose: () => setSheet(null), onPick: (item) => {
+      setPendingDb({
+        id: item.id,
+        title: item.title
+      });
+      thenOpen("dbEvent");
+    } }),
+    /* @__PURE__ */ jsx(ChoiceSheet, { visible: sheet === "dbEvent", title: pendingDb ? `When a row in \u201C${pendingDb.title}\u201D\u2026` : "When a row\u2026", palette, choices: [{
+      value: "created",
+      label: "is created"
+    }, {
+      value: "updated",
+      label: "is updated"
+    }], onClose: () => setSheet(null), onPick: (on) => {
+      setSheet(null);
+      if (!pendingDb) return;
+      write({
+        triggers: upsertTrigger(configNow().triggers, {
+          type: "database_row",
+          databaseId: pendingDb.id,
+          on,
+          databaseTitle: pendingDb.title
+        })
+      });
+    } }),
+    /* @__PURE__ */ jsx(ToolPickerSheet, { visible: sheet === "tools", palette, selected: agent.tools.map((t) => t.connector), onClose: () => setSheet(null), onToggle: (app) => write({
+      tools: toggleConnectorTool(configNow().tools, app.id, app.title)
+    }) }),
+    /* @__PURE__ */ jsx(BlockPickerSheet, { visible: sheet === "scope", title: "Add to scope", palette, workspaceId, types: ["page", "database"], selected: [...agent.scope.pageIds, ...agent.scope.databaseIds], onClose: () => setSheet(null), onPick: (item) => write({
+      scope: toggleScopeItem(configNow().scope, {
+        id: item.id,
+        type: item.type === "database" ? "database" : "page",
+        title: item.title
+      })
+    }) }),
+    /* @__PURE__ */ jsx(ChoiceSheet, { visible: sheet === "model", title: "Model", palette, value: (_j = agent.model) != null ? _j : "", choices: [{
+      value: "",
+      label: "Default"
+    }, ...MODEL_TIERS.map((m) => ({
+      value: m.value,
+      label: `Yantra ${m.label}`
+    }))], onClose: () => setSheet(null), onPick: (model) => {
+      setSheet(null);
+      write({
+        model: model || void 0
+      });
+    } })
+  ] });
+}
+function Section({
+  palette,
+  icon,
+  label,
+  children
+}) {
+  return /* @__PURE__ */ jsxs(View, { style: [styles.section, {
+    borderTopColor: palette.hairline
+  }], children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.sectionHead, children: [
+      /* @__PURE__ */ jsx(Ionicons, { name: icon, size: 15, color: palette.textMuted }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.sectionLabel, {
+        color: palette.textMuted
+      }], children: label })
+    ] }),
+    children
+  ] });
+}
+function Chip({
+  palette,
+  label,
+  icon,
+  onRemove
+}) {
+  return /* @__PURE__ */ jsxs(View, { style: [styles.chip, {
+    backgroundColor: palette.fill
+  }], children: [
+    icon ? /* @__PURE__ */ jsx(Ionicons, { name: icon, size: 13, color: palette.textMuted }) : null,
+    /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [styles.chipText, {
+      color: palette.text
+    }], children: label }),
+    onRemove ? /* @__PURE__ */ jsx(Pressable, { accessibilityLabel: `Remove ${label}`, onPress: onRemove, hitSlop: 8, children: /* @__PURE__ */ jsx(Ionicons, { name: "close", size: 14, color: palette.textMuted }) }) : null
+  ] });
+}
+function AddChip({
+  palette,
+  label,
+  onPress
+}) {
+  return /* @__PURE__ */ jsxs(Pressable, { accessibilityRole: "button", onPress, style: [styles.chip, styles.addChip, {
+    borderColor: palette.hairline
+  }], children: [
+    /* @__PURE__ */ jsx(Ionicons, { name: "add", size: 14, color: palette.primary }),
+    /* @__PURE__ */ jsx(Text, { style: [styles.chipText, {
+      color: palette.primary
+    }], children: label })
+  ] });
+}
+function Stepper({
+  palette,
+  value,
+  label,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxs(View, { style: styles.stepper, children: [
+    /* @__PURE__ */ jsx(Text, { style: [styles.stepLabel, {
+      color: palette.textMuted
+    }], children: label }),
+    /* @__PURE__ */ jsxs(View, { style: [styles.stepBox, {
+      backgroundColor: palette.fill
+    }], children: [
+      /* @__PURE__ */ jsx(Pressable, { accessibilityLabel: `Less ${label}`, onPress: () => onChange(-1), hitSlop: 6, children: /* @__PURE__ */ jsx(Ionicons, { name: "remove", size: 18, color: palette.text }) }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.stepValue, {
+        color: palette.text
+      }], children: value }),
+      /* @__PURE__ */ jsx(Pressable, { accessibilityLabel: `More ${label}`, onPress: () => onChange(1), hitSlop: 6, children: /* @__PURE__ */ jsx(Ionicons, { name: "add", size: 18, color: palette.text }) })
+    ] })
+  ] });
+}
+function ScheduleSheet({
+  visible,
+  palette,
+  initial,
+  onClose,
+  onSave
+}) {
+  var _a;
+  const [s, setS] = useState(initial);
+  useEffect(() => {
+    if (visible) setS(initial);
+  }, [visible]);
+  const wrap = (v, max) => (v % max + max) % max;
+  return /* @__PURE__ */ jsx(Modal, { visible, animationType: "slide", presentationStyle: "pageSheet", onRequestClose: onClose, children: /* @__PURE__ */ jsxs(View, { style: [ui.flex, {
+    backgroundColor: palette.bg
+  }], children: [
+    /* @__PURE__ */ jsx(SheetHeader, { title: "Schedule", onDone: onClose, palette, left: {
+      label: "Save",
+      onPress: () => onSave(s)
+    } }),
+    /* @__PURE__ */ jsxs(ScrollView, { contentContainerStyle: styles.sheetBody, children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.preview, {
+        color: palette.text
+      }], children: scheduleLabel(s) }),
+      /* @__PURE__ */ jsx(View, { style: styles.chips, children: SCHEDULE_FREQUENCIES.map((f) => {
+        const on = f.id === s.frequency;
+        return /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "button", accessibilityState: {
+          selected: on
+        }, onPress: () => setS((p) => __spreadProps(__spreadValues({}, p), {
+          frequency: f.id
+        })), style: [styles.pick, {
+          backgroundColor: on ? palette.primary : palette.fill
+        }], children: /* @__PURE__ */ jsx(Text, { style: [styles.pickText, {
+          color: on ? palette.onPrimary : palette.text
+        }], children: f.label }) }, f.id);
+      }) }),
+      s.frequency === "weekly" ? /* @__PURE__ */ jsx(View, { style: styles.chips, children: WEEKDAY_NAMES.map((d, i) => {
+        var _a2;
+        const on = ((_a2 = s.weekday) != null ? _a2 : 1) === i;
+        return /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "button", onPress: () => setS((p) => __spreadProps(__spreadValues({}, p), {
+          weekday: i
+        })), style: [styles.pick, {
+          backgroundColor: on ? palette.primary : palette.fill
+        }], children: /* @__PURE__ */ jsx(Text, { style: [styles.pickText, {
+          color: on ? palette.onPrimary : palette.text
+        }], children: d.slice(0, 3) }) }, d);
+      }) }) : null,
+      /* @__PURE__ */ jsxs(View, { style: styles.steppers, children: [
+        s.frequency === "monthly" ? /* @__PURE__ */ jsx(Stepper, { palette, label: "Day", value: String((_a = s.dayOfMonth) != null ? _a : 1), onChange: (d) => setS((p) => {
+          var _a2;
+          return __spreadProps(__spreadValues({}, p), {
+            dayOfMonth: wrap(((_a2 = p.dayOfMonth) != null ? _a2 : 1) - 1 + d, MAX_MONTH_DAY) + 1
+          });
+        }) }) : null,
+        s.frequency !== "hourly" ? /* @__PURE__ */ jsx(Stepper, { palette, label: "Hour", value: String(s.hour).padStart(2, "0"), onChange: (d) => setS((p) => __spreadProps(__spreadValues({}, p), {
+          hour: wrap(p.hour + d, 24)
+        })) }) : null,
+        /* @__PURE__ */ jsx(Stepper, { palette, label: "Minute", value: String(s.minute).padStart(2, "0"), onChange: (d) => setS((p) => __spreadProps(__spreadValues({}, p), {
+          minute: wrap(p.minute + d * 5, 60)
+        })) })
+      ] })
+    ] })
+  ] }) });
+}
+function BlockPickerSheet({
+  visible,
+  title,
+  palette,
+  workspaceId,
+  types,
+  selected = [],
+  onClose,
+  onPick
+}) {
+  const client = useApolloClient();
+  const [query, setQuery] = useState("");
+  const [items, setItems] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const typesKey = types.join(",");
+  useEffect(() => {
+    if (!visible) return void 0;
+    let live = true;
+    setLoading(true);
+    const t = setTimeout(() => {
+      client.query({
+        query: NATIVE_NOTION_SEARCH_HITS,
+        variables: {
+          input: __spreadValues({
+            query: query.trim(),
+            pageSize: 30,
+            types: typesKey.split(",")
+          }, workspaceId ? {
+            workspaceId
+          } : {})
+        },
+        fetchPolicy: "network-only"
+      }).then((res) => {
+        var _a, _b, _c;
+        if (!live) return;
+        const hits = (_c = (_b = (_a = res.data) == null ? void 0 : _a.searchBlocks) == null ? void 0 : _b.hits) != null ? _c : [];
+        const seen = /* @__PURE__ */ new Set();
+        setItems(hits.map((h) => h.block).filter((b) => Boolean(b == null ? void 0 : b.id) && !b.inTrash && !seen.has(b.id) && Boolean(seen.add(b.id))).map((b) => ({
+          id: b.id,
+          type: b.type,
+          title: titleOf(b.properties) || "Untitled"
+        })));
+      }).catch(() => live && setItems([])).finally(() => live && setLoading(false));
+    }, 250);
+    return () => {
+      live = false;
+      clearTimeout(t);
+    };
+  }, [client, query, typesKey, visible, workspaceId]);
+  return /* @__PURE__ */ jsx(Modal, { visible, animationType: "slide", presentationStyle: "pageSheet", onRequestClose: onClose, children: /* @__PURE__ */ jsxs(View, { style: [ui.flex, {
+    backgroundColor: palette.bg
+  }], children: [
+    /* @__PURE__ */ jsx(SheetHeader, { title, onDone: onClose, palette }),
+    /* @__PURE__ */ jsxs(View, { style: [styles.search, {
+      backgroundColor: palette.fill
+    }], children: [
+      /* @__PURE__ */ jsx(Ionicons, { name: "search", size: 16, color: palette.textMuted }),
+      /* @__PURE__ */ jsx(TextInput, { value: query, onChangeText: setQuery, placeholder: "Search", placeholderTextColor: palette.textFaint, autoCorrect: false, style: [styles.searchInput, {
+        color: palette.text
+      }] }),
+      loading ? /* @__PURE__ */ jsx(ActivityIndicator, { size: "small", color: palette.textMuted }) : null
+    ] }),
+    /* @__PURE__ */ jsxs(ScrollView, { contentContainerStyle: styles.sheetBody, keyboardShouldPersistTaps: "handled", children: [
+      items.map((it) => {
+        const on = selected.includes(it.id);
+        return /* @__PURE__ */ jsxs(Pressable, { accessibilityRole: "button", accessibilityState: {
+          selected: on
+        }, onPress: () => onPick(it), style: ({
+          pressed
+        }) => [styles.pickRow, {
+          backgroundColor: pressed ? palette.pressed : palette.card
+        }], children: [
+          /* @__PURE__ */ jsx(Ionicons, { name: it.type === "database" ? "grid-outline" : "document-text-outline", size: 17, color: palette.textMuted }),
+          /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [styles.pickRowText, {
+            color: palette.text
+          }], children: it.title }),
+          on ? /* @__PURE__ */ jsx(Ionicons, { name: "checkmark", size: 19, color: palette.primary }) : null
+        ] }, it.id);
+      }),
+      !loading && !items.length ? /* @__PURE__ */ jsx(Text, { style: [styles.note, {
+        color: palette.textMuted
+      }], children: "Nothing found." }) : null
+    ] })
+  ] }) });
+}
+function titleOf(properties) {
+  const t = properties == null ? void 0 : properties.title;
+  if (typeof t === "string") return t;
+  if (Array.isArray(t)) return t.map((r) => {
+    var _a, _b, _c;
+    return (_c = (_b = r == null ? void 0 : r.plainText) != null ? _b : (_a = r == null ? void 0 : r.text) == null ? void 0 : _a.content) != null ? _c : "";
+  }).join("");
+  return "";
+}
+function ToolPickerSheet({
+  visible,
+  palette,
+  selected,
+  onClose,
+  onToggle
+}) {
+  const {
+    obtainSystemToken,
+    getLastError
+  } = useObtainSystemToken(visible);
+  const [apps, setApps] = useState(null);
+  const [error, setError] = useState(null);
+  const [query, setQuery] = useState("");
+  useEffect(() => {
+    if (!visible || apps) return;
+    (async () => {
+      try {
+        const token = await obtainSystemToken();
+        if (!token) throw new Error(getLastError() || "Could not sign in to the connector catalog.");
+        const list = await fetchConnectorCatalog(cdeConnectorCatalogUrl(config.BACKEND_URL || config.GRAPHQL_URL), token);
+        setApps(list.filter((a) => a.id !== "yantra-notion"));
+        setError(null);
+      } catch (err) {
+        setError(serverErrorText(err));
+      }
+    })();
+  }, [visible]);
+  const q = query.trim().toLowerCase();
+  const shown = (apps != null ? apps : []).filter((a) => !q || `${a.title} ${a.id}`.toLowerCase().includes(q));
+  return /* @__PURE__ */ jsx(Modal, { visible, animationType: "slide", presentationStyle: "pageSheet", onRequestClose: onClose, children: /* @__PURE__ */ jsxs(View, { style: [ui.flex, {
+    backgroundColor: palette.bg
+  }], children: [
+    /* @__PURE__ */ jsx(SheetHeader, { title: "Tools", onDone: onClose, palette }),
+    /* @__PURE__ */ jsxs(View, { style: [styles.search, {
+      backgroundColor: palette.fill
+    }], children: [
+      /* @__PURE__ */ jsx(Ionicons, { name: "search", size: 16, color: palette.textMuted }),
+      /* @__PURE__ */ jsx(TextInput, { value: query, onChangeText: setQuery, placeholder: "Find a connector", placeholderTextColor: palette.textFaint, autoCapitalize: "none", autoCorrect: false, style: [styles.searchInput, {
+        color: palette.text
+      }] })
+    ] }),
+    /* @__PURE__ */ jsxs(ScrollView, { contentContainerStyle: styles.sheetBody, keyboardShouldPersistTaps: "handled", children: [
+      error ? /* @__PURE__ */ jsx(Text, { style: [styles.note, {
+        color: palette.danger
+      }], children: error }) : null,
+      !apps && !error ? /* @__PURE__ */ jsx(ActivityIndicator, { color: palette.textMuted }) : null,
+      shown.map((a) => {
+        const on = selected.includes(a.id);
+        return /* @__PURE__ */ jsxs(Pressable, { accessibilityRole: "button", accessibilityState: {
+          selected: on
+        }, onPress: () => onToggle(a), style: ({
+          pressed
+        }) => [styles.pickRow, {
+          backgroundColor: pressed ? palette.pressed : palette.card
+        }], children: [
+          /* @__PURE__ */ jsx(Ionicons, { name: "extension-puzzle-outline", size: 17, color: palette.textMuted }),
+          /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [styles.pickRowText, {
+            color: palette.text
+          }], children: a.title && a.title !== a.id ? a.title : connectorDisplayName(a.id) }),
+          on ? /* @__PURE__ */ jsx(Ionicons, { name: "checkmark", size: 19, color: palette.primary }) : null
+        ] }, a.id);
+      })
+    ] })
+  ] }) });
+}
+const styles = StyleSheet.create({
+  panel: {
+    borderRadius: 16,
+    borderWidth: StyleSheet.hairlineWidth,
+    marginBottom: 14,
+    overflow: "hidden"
+  },
+  head: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 12,
+    padding: 12
+  },
+  tile: {
+    width: 34,
+    height: 34,
+    borderRadius: 10,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  headTitle: {
+    fontSize: 16,
+    fontWeight: "700"
+  },
+  headSub: {
+    fontSize: 12,
+    marginTop: 1
+  },
+  section: {
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    gap: 8,
+    borderTopWidth: StyleSheet.hairlineWidth
+  },
+  sectionHead: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6
+  },
+  sectionLabel: {
+    fontSize: 12,
+    fontWeight: "700",
+    textTransform: "uppercase",
+    letterSpacing: 0.4
+  },
+  chips: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: 6,
+    alignItems: "center"
+  },
+  chip: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 5,
+    paddingHorizontal: 9,
+    height: 28,
+    borderRadius: 8,
+    maxWidth: 240
+  },
+  addChip: {
+    borderWidth: 1,
+    borderStyle: "dashed"
+  },
+  chipText: {
+    fontSize: 13,
+    fontWeight: "600",
+    flexShrink: 1
+  },
+  note: {
+    fontSize: 12,
+    lineHeight: 17
+  },
+  approval: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    padding: 10,
+    borderRadius: 10
+  },
+  approvalText: {
+    flex: 1,
+    fontSize: 12,
+    lineHeight: 17
+  },
+  link: {
+    fontSize: 14,
+    fontWeight: "700"
+  },
+  select: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    alignSelf: "flex-start",
+    paddingHorizontal: 10,
+    height: 32,
+    borderRadius: 9
+  },
+  selectText: {
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  segmented: {
+    flexDirection: "row",
+    alignSelf: "flex-start",
+    borderRadius: 10,
+    padding: 2
+  },
+  segment: {
+    paddingHorizontal: 10,
+    height: 30,
+    borderRadius: 8,
+    justifyContent: "center"
+  },
+  segmentText: {
+    fontSize: 13,
+    fontWeight: "600"
+  },
+  runs: {
+    padding: 12,
+    gap: 8,
+    borderTopWidth: StyleSheet.hairlineWidth
+  },
+  runsHead: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10
+  },
+  runsTitle: {
+    flex: 1,
+    fontSize: 12,
+    fontWeight: "700",
+    textTransform: "uppercase",
+    letterSpacing: 0.4
+  },
+  runNow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    paddingHorizontal: 12,
+    height: 32,
+    borderRadius: 10
+  },
+  runNowText: {
+    fontSize: 14,
+    fontWeight: "700"
+  },
+  runRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10,
+    paddingTop: 8,
+    borderTopWidth: StyleSheet.hairlineWidth
+  },
+  dot: {
+    width: 8,
+    height: 8,
+    borderRadius: 4
+  },
+  runLabel: {
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  runSummary: {
+    fontSize: 12,
+    marginTop: 2
+  },
+  runAt: {
+    fontSize: 12
+  },
+  sheetBody: {
+    padding: 16,
+    gap: 10,
+    paddingBottom: 48
+  },
+  preview: {
+    fontSize: 20,
+    fontWeight: "800"
+  },
+  pick: {
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    borderRadius: 999
+  },
+  pickText: {
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  steppers: {
+    flexDirection: "row",
+    gap: 16,
+    flexWrap: "wrap"
+  },
+  stepper: {
+    gap: 6
+  },
+  stepLabel: {
+    fontSize: 12,
+    fontWeight: "700"
+  },
+  stepBox: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 14,
+    paddingHorizontal: 12,
+    height: 40,
+    borderRadius: 10
+  },
+  stepValue: {
+    fontSize: 17,
+    fontWeight: "700",
+    minWidth: 28,
+    textAlign: "center",
+    fontVariant: ["tabular-nums"]
+  },
+  search: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    margin: 16,
+    marginBottom: 0,
+    paddingHorizontal: 12,
+    height: 42,
+    borderRadius: 12
+  },
+  searchInput: {
+    flex: 1,
+    height: 42,
+    fontSize: 16,
+    paddingVertical: 0
+  },
+  pickRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10,
+    paddingHorizontal: 14,
+    minHeight: 50,
+    borderRadius: 12
+  },
+  pickRowText: {
+    flex: 1,
+    fontSize: 15
+  }
+});export{NotionAgentPanel};//# sourceMappingURL=NotionAgentPanel.js.map