@adminide-stack/yantra-mobile 12.0.69-alpha.9 → 12.0.69

package/lib/features/canvas/CanvasTasksPanel.js

@@ -0,0 +1,138 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useState,useEffect}from'react';import {StyleSheet,View,Text,Pressable,ScrollView}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {listCanvasTasks,hydrateCanvasTasks,subscribeCanvasTasks,markTaskDelivered,isTerminal,dismissTask}from'./canvasTasks.js';function CanvasTasksPanel({
+  onClose,
+  onPlaceResult
+}) {
+  const [rows, setRows] = useState(() => listCanvasTasks());
+  useEffect(() => {
+    void hydrateCanvasTasks().then(() => setRows(listCanvasTasks()));
+    return subscribeCanvasTasks(() => setRows(listCanvasTasks()));
+  }, []);
+  return /* @__PURE__ */ jsxs(View, { style: styles.root, children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.head, children: [
+      /* @__PURE__ */ jsx(Text, { style: styles.title, children: "Tasks" }),
+      /* @__PURE__ */ jsx(Pressable, { onPress: onClose, hitSlop: 8, accessibilityLabel: "Close tasks", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 20, color: "#64748b" }) })
+    ] }),
+    /* @__PURE__ */ jsx(ScrollView, { contentContainerStyle: styles.list, children: rows.length === 0 ? /* @__PURE__ */ jsx(Text, { style: styles.empty, children: "Promo productions that run in the background show up here \u2014 start one from Generate \u2192 Promo." }) : rows.map((task) => {
+      var _a;
+      return /* @__PURE__ */ jsxs(View, { style: styles.card, children: [
+        /* @__PURE__ */ jsxs(View, { style: styles.cardHead, children: [
+          /* @__PURE__ */ jsx(Text, { style: styles.cardTitle, numberOfLines: 1, children: task.title }),
+          /* @__PURE__ */ jsx(Text, { style: [styles.badge, task.state === "succeeded" && styles.badgeOk, task.state === "failed" && styles.badgeFail], children: task.state })
+        ] }),
+        task.brief ? /* @__PURE__ */ jsx(Text, { style: styles.brief, numberOfLines: 2, children: task.brief }) : null,
+        task.lastLine ? /* @__PURE__ */ jsx(Text, { style: styles.line, children: task.lastLine }) : null,
+        task.error ? /* @__PURE__ */ jsx(Text, { style: styles.error, children: task.error }) : null,
+        /* @__PURE__ */ jsxs(View, { style: styles.actions, children: [
+          task.state === "succeeded" && ((_a = task.result) == null ? void 0 : _a.url) && !task.delivered ? /* @__PURE__ */ jsx(Pressable, { onPress: () => {
+            onPlaceResult(task);
+            markTaskDelivered(task.id);
+          }, style: styles.primary, children: /* @__PURE__ */ jsx(Text, { style: styles.primaryLabel, children: "Place on board" }) }) : null,
+          isTerminal(task.state) ? /* @__PURE__ */ jsx(Pressable, { onPress: () => dismissTask(task.id), style: styles.ghost, children: /* @__PURE__ */ jsx(Text, { style: styles.ghostLabel, children: "Dismiss" }) }) : null
+        ] })
+      ] }, task.id);
+    }) })
+  ] });
+}
+const styles = StyleSheet.create({
+  root: {
+    flex: 1,
+    minHeight: 240
+  },
+  head: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingHorizontal: 16,
+    paddingBottom: 8
+  },
+  title: {
+    fontSize: 15,
+    fontWeight: "700",
+    color: "#0f172a"
+  },
+  list: {
+    paddingHorizontal: 16,
+    paddingBottom: 20,
+    gap: 10
+  },
+  empty: {
+    fontSize: 13,
+    color: "#64748b",
+    lineHeight: 18,
+    paddingVertical: 16
+  },
+  card: {
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: "#e2e8f0",
+    borderRadius: 12,
+    padding: 12,
+    backgroundColor: "#fff",
+    gap: 6
+  },
+  cardHead: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8
+  },
+  cardTitle: {
+    flex: 1,
+    fontSize: 13,
+    fontWeight: "700",
+    color: "#0f172a"
+  },
+  badge: {
+    fontSize: 10,
+    fontWeight: "700",
+    textTransform: "uppercase",
+    color: "#64748b",
+    backgroundColor: "#f1f5f9",
+    paddingHorizontal: 6,
+    paddingVertical: 2,
+    borderRadius: 6
+  },
+  badgeOk: {
+    color: "#166534",
+    backgroundColor: "#dcfce7"
+  },
+  badgeFail: {
+    color: "#991b1b",
+    backgroundColor: "#fee2e2"
+  },
+  brief: {
+    fontSize: 12,
+    color: "#334155"
+  },
+  line: {
+    fontSize: 11,
+    color: "#64748b"
+  },
+  error: {
+    fontSize: 12,
+    color: "#b91c1c"
+  },
+  actions: {
+    flexDirection: "row",
+    gap: 8,
+    marginTop: 4
+  },
+  primary: {
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    borderRadius: 8,
+    backgroundColor: "#ea580c"
+  },
+  primaryLabel: {
+    fontSize: 12,
+    fontWeight: "700",
+    color: "#fff7ed"
+  },
+  ghost: {
+    paddingHorizontal: 12,
+    paddingVertical: 8
+  },
+  ghostLabel: {
+    fontSize: 12,
+    fontWeight: "600",
+    color: "#64748b"
+  }
+});export{CanvasTasksPanel};//# sourceMappingURL=CanvasTasksPanel.js.map

package/lib/features/canvas/CanvasTasksPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasTasksPanel.js","sources":["../../../src/features/canvas/CanvasTasksPanel.tsx"],"sourcesContent":["/**\n * Tasks panel — native twin of canvas-surface TasksPanel (promo productions).\n */\nimport React, { useEffect, useState } from 'react';\nimport { Pressable, ScrollView, StyleSheet, Text, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport {\n    dismissTask,\n    hydrateCanvasTasks,\n    isTerminal,\n    listCanvasTasks,\n    markTaskDelivered,\n    subscribeCanvasTasks,\n    type CanvasTask,\n} from './canvasTasks';\n\nexport function CanvasTasksPanel({\n    onClose,\n    onPlaceResult,\n}: {\n    onClose: () => void;\n    onPlaceResult: (task: CanvasTask) => void;\n}) {\n    const [rows, setRows] = useState<CanvasTask[]>(() => listCanvasTasks());\n\n    useEffect(() => {\n        void hydrateCanvasTasks().then(() => setRows(listCanvasTasks()));\n        return subscribeCanvasTasks(() => setRows(listCanvasTasks()));\n    }, []);\n\n    return (\n        <View style={styles.root}>\n            <View style={styles.head}>\n                <Text style={styles.title}>Tasks</Text>\n                <Pressable onPress={onClose} hitSlop={8} accessibilityLabel=\"Close tasks\">\n                    <MaterialCommunityIcons name=\"close\" size={20} color=\"#64748b\" />\n                </Pressable>\n            </View>\n            <ScrollView contentContainerStyle={styles.list}>\n                {rows.length === 0 ? (\n                    <Text style={styles.empty}>\n                        Promo productions that run in the background show up here — start one from Generate → Promo.\n                    </Text>\n                ) : (\n                    rows.map((task) => (\n                        <View key={task.id} style={styles.card}>\n                            <View style={styles.cardHead}>\n                                <Text style={styles.cardTitle} numberOfLines={1}>\n                                    {task.title}\n                                </Text>\n                                <Text\n                                    style={[\n                                        styles.badge,\n                                        task.state === 'succeeded' && styles.badgeOk,\n                                        task.state === 'failed' && styles.badgeFail,\n                                    ]}\n                                >\n                                    {task.state}\n                                </Text>\n                            </View>\n                            {task.brief ? (\n                                <Text style={styles.brief} numberOfLines={2}>\n                                    {task.brief}\n                                </Text>\n                            ) : null}\n                            {task.lastLine ? <Text style={styles.line}>{task.lastLine}</Text> : null}\n                            {task.error ? <Text style={styles.error}>{task.error}</Text> : null}\n                            <View style={styles.actions}>\n                                {task.state === 'succeeded' && task.result?.url && !task.delivered ? (\n                                    <Pressable\n                                        onPress={() => {\n                                            onPlaceResult(task);\n                                            markTaskDelivered(task.id);\n                                        }}\n                                        style={styles.primary}\n                                    >\n                                        <Text style={styles.primaryLabel}>Place on board</Text>\n                                    </Pressable>\n                                ) : null}\n                                {isTerminal(task.state) ? (\n                                    <Pressable onPress={() => dismissTask(task.id)} style={styles.ghost}>\n                                        <Text style={styles.ghostLabel}>Dismiss</Text>\n                                    </Pressable>\n                                ) : null}\n                            </View>\n                        </View>\n                    ))\n                )}\n            </ScrollView>\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    root: { flex: 1, minHeight: 240 },\n    head: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        paddingHorizontal: 16,\n        paddingBottom: 8,\n    },\n    title: { fontSize: 15, fontWeight: '700', color: '#0f172a' },\n    list: { paddingHorizontal: 16, paddingBottom: 20, gap: 10 },\n    empty: { fontSize: 13, color: '#64748b', lineHeight: 18, paddingVertical: 16 },\n    card: {\n        borderWidth: StyleSheet.hairlineWidth,\n        borderColor: '#e2e8f0',\n        borderRadius: 12,\n        padding: 12,\n        backgroundColor: '#fff',\n        gap: 6,\n    },\n    cardHead: { flexDirection: 'row', alignItems: 'center', gap: 8 },\n    cardTitle: { flex: 1, fontSize: 13, fontWeight: '700', color: '#0f172a' },\n    badge: {\n        fontSize: 10,\n        fontWeight: '700',\n        textTransform: 'uppercase',\n        color: '#64748b',\n        backgroundColor: '#f1f5f9',\n        paddingHorizontal: 6,\n        paddingVertical: 2,\n        borderRadius: 6,\n    },\n    badgeOk: { color: '#166534', backgroundColor: '#dcfce7' },\n    badgeFail: { color: '#991b1b', backgroundColor: '#fee2e2' },\n    brief: { fontSize: 12, color: '#334155' },\n    line: { fontSize: 11, color: '#64748b' },\n    error: { fontSize: 12, color: '#b91c1c' },\n    actions: { flexDirection: 'row', gap: 8, marginTop: 4 },\n    primary: {\n        paddingHorizontal: 12,\n        paddingVertical: 8,\n        borderRadius: 8,\n        backgroundColor: '#ea580c',\n    },\n    primaryLabel: { fontSize: 12, fontWeight: '700', color: '#fff7ed' },\n    ghost: { paddingHorizontal: 12, paddingVertical: 8 },\n    ghostLabel: { fontSize: 12, fontWeight: '600', color: '#64748b' },\n});\n"],"names":[],"mappings":"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"}

package/lib/features/canvas/CanvasTemplatesPanel.js

@@ -0,0 +1,226 @@
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useState,useEffect}from'react';import {StyleSheet,Platform,View,Text,Pressable,TextInput,ActivityIndicator,ScrollView,Image}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {loadCanvasTemplateLane,TEMPLATE_SOURCES,CANVAS_AUDIO_TEMPLATES,mapDesignCorpus}from'./canvasChatTemplates.js';import {DESIGN_PROMPT_TEMPLATES}from'./designPromptTemplates.js';import {templateHasUsableConfig}from'./templateImport/loadTemplate.js';const LANES = ["image", "video", "audio"];
+function corpusFor(kind) {
+  if (kind === "audio") return CANVAS_AUDIO_TEMPLATES;
+  return mapDesignCorpus(kind, DESIGN_PROMPT_TEMPLATES);
+}
+function CanvasTemplatesPanel({
+  open,
+  runAction,
+  onPick,
+  onUseTemplate
+}) {
+  const [active, setActive] = useState(null);
+  const [query, setQuery] = useState("");
+  const [results, setResults] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (!open) {
+      setActive(null);
+      setQuery("");
+      setResults([]);
+      setError(null);
+    }
+  }, [open]);
+  useEffect(() => {
+    if (!open || !active) return void 0;
+    let live = true;
+    setLoading(true);
+    setError(null);
+    loadCanvasTemplateLane(active, query.trim() || void 0, runAction, corpusFor(active)).then((rows) => {
+      if (live) setResults(rows);
+    }).catch((err) => {
+      if (!live) return;
+      setResults([]);
+      setError(err instanceof Error ? err.message : String(err));
+    }).finally(() => {
+      if (live) setLoading(false);
+    });
+    return () => {
+      live = false;
+    };
+  }, [open, active, query, runAction]);
+  if (!open) return null;
+  const source = active ? TEMPLATE_SOURCES[active] : null;
+  return /* @__PURE__ */ jsxs(View, { style: styles.panel, children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.panelHead, children: [
+      /* @__PURE__ */ jsx(Text, { style: styles.kicker, children: "Prompt templates" }),
+      source ? /* @__PURE__ */ jsx(Text, { style: styles.configKey, numberOfLines: 1, children: source.configKey }) : null
+    ] }),
+    /* @__PURE__ */ jsx(View, { style: styles.chips, children: LANES.map((id) => {
+      const on = id === active;
+      return /* @__PURE__ */ jsx(Pressable, { onPress: () => {
+        setActive(on ? null : id);
+        setQuery("");
+        setResults([]);
+        setError(null);
+      }, style: [styles.chip, on && styles.chipOn], accessibilityRole: "button", accessibilityState: {
+        selected: on
+      }, children: /* @__PURE__ */ jsx(Text, { style: [styles.chipLabel, on && styles.chipLabelOn], children: TEMPLATE_SOURCES[id].label }) }, id);
+    }) }),
+    !active ? /* @__PURE__ */ jsx(Text, { style: styles.hint, children: "Pick a category to browse its templates." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(View, { style: styles.search, children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "magnify", size: 16, color: "#94a3b8" }),
+        /* @__PURE__ */ jsx(TextInput, { value: query, onChangeText: setQuery, placeholder: "Search templates\u2026", placeholderTextColor: "#94a3b8", style: styles.searchInput, autoCorrect: false, autoCapitalize: "none" })
+      ] }),
+      loading ? /* @__PURE__ */ jsxs(View, { style: styles.status, children: [
+        /* @__PURE__ */ jsx(ActivityIndicator, { size: "small" }),
+        /* @__PURE__ */ jsx(Text, { style: styles.hint, children: "Loading templates\u2026" })
+      ] }) : error ? /* @__PURE__ */ jsxs(Text, { style: styles.error, children: [
+        "Could not load templates \u2014 ",
+        error
+      ] }) : results.length === 0 ? /* @__PURE__ */ jsx(Text, { style: styles.hint, children: query.trim() ? `No templates match \u201C${query}\u201D.` : "No templates here yet." }) : /* @__PURE__ */ jsx(ScrollView, { style: styles.gridScroll, contentContainerStyle: styles.grid, keyboardShouldPersistTaps: "handled", children: results.map((t) => {
+        const canUse = Boolean(onUseTemplate && templateHasUsableConfig(t));
+        return /* @__PURE__ */ jsxs(View, { style: styles.card, children: [
+          /* @__PURE__ */ jsxs(Pressable, { onPress: () => canUse ? onUseTemplate == null ? void 0 : onUseTemplate(t) : onPick(t), accessibilityRole: "button", accessibilityLabel: canUse ? `Use template ${t.title}` : t.title, children: [
+            t.cover ? /* @__PURE__ */ jsx(Image, { source: {
+              uri: t.cover
+            }, style: styles.cover }) : /* @__PURE__ */ jsx(View, { style: styles.coverFallback, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "view-grid-outline", size: 22, color: "#94a3b8" }) }),
+            /* @__PURE__ */ jsx(Text, { style: styles.cardTitle, numberOfLines: 2, children: t.title })
+          ] }),
+          canUse ? /* @__PURE__ */ jsx(Pressable, { onPress: () => onUseTemplate == null ? void 0 : onUseTemplate(t), style: styles.useBtn, accessibilityRole: "button", accessibilityLabel: `Use ${t.title}`, children: /* @__PURE__ */ jsx(Text, { style: styles.useBtnLabel, children: "Use" }) }) : null
+        ] }, t.id);
+      }) })
+    ] })
+  ] });
+}
+const styles = StyleSheet.create({
+  panel: {
+    maxHeight: 288,
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    borderBottomColor: "#e2e8f0",
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    backgroundColor: "#fff"
+  },
+  panelHead: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: 8,
+    marginBottom: 8
+  },
+  kicker: {
+    fontSize: 11,
+    fontWeight: "600",
+    letterSpacing: 0.6,
+    textTransform: "uppercase",
+    color: "#64748b"
+  },
+  configKey: {
+    flexShrink: 1,
+    fontSize: 10,
+    fontFamily: Platform.OS === "ios" ? "Menlo" : "monospace",
+    color: "#94a3b8"
+  },
+  chips: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: 6,
+    marginBottom: 8
+  },
+  chip: {
+    borderRadius: 999,
+    borderWidth: 1,
+    borderColor: "#e2e8f0",
+    paddingHorizontal: 12,
+    paddingVertical: 6
+  },
+  chipOn: {
+    backgroundColor: "#0f172a",
+    borderColor: "#0f172a"
+  },
+  chipLabel: {
+    fontSize: 12,
+    fontWeight: "600",
+    color: "#64748b"
+  },
+  chipLabelOn: {
+    color: "#fff"
+  },
+  hint: {
+    paddingVertical: 16,
+    textAlign: "center",
+    fontSize: 12,
+    color: "#64748b"
+  },
+  error: {
+    paddingVertical: 16,
+    textAlign: "center",
+    fontSize: 12,
+    color: "#b91c1c"
+  },
+  status: {
+    paddingVertical: 16,
+    alignItems: "center",
+    gap: 8
+  },
+  search: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    borderWidth: 1,
+    borderColor: "#e2e8f0",
+    borderRadius: 8,
+    paddingHorizontal: 8,
+    marginBottom: 8,
+    backgroundColor: "#fff"
+  },
+  searchInput: {
+    flex: 1,
+    fontSize: 13,
+    paddingVertical: 8,
+    color: "#0f172a"
+  },
+  gridScroll: {
+    maxHeight: 180
+  },
+  grid: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: 8,
+    paddingBottom: 8
+  },
+  card: {
+    width: "48%",
+    flexGrow: 1,
+    flexBasis: "47%",
+    borderWidth: 1,
+    borderColor: "#e2e8f0",
+    borderRadius: 10,
+    overflow: "hidden",
+    backgroundColor: "#fff"
+  },
+  cover: {
+    width: "100%",
+    height: 72,
+    backgroundColor: "#f1f5f9"
+  },
+  coverFallback: {
+    height: 72,
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "#f1f5f9"
+  },
+  cardTitle: {
+    paddingHorizontal: 8,
+    paddingVertical: 8,
+    fontSize: 12,
+    fontWeight: "600",
+    color: "#0f172a"
+  },
+  useBtn: {
+    marginHorizontal: 8,
+    marginBottom: 8,
+    alignSelf: "flex-start",
+    paddingHorizontal: 10,
+    paddingVertical: 5,
+    borderRadius: 8,
+    backgroundColor: "#ea580c"
+  },
+  useBtnLabel: {
+    fontSize: 11,
+    fontWeight: "700",
+    color: "#fff7ed"
+  }
+});export{CanvasTemplatesPanel};//# sourceMappingURL=CanvasTemplatesPanel.js.map

package/lib/features/canvas/CanvasTemplatesPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasTemplatesPanel.js","sources":["../../../src/features/canvas/CanvasTemplatesPanel.tsx"],"sourcesContent":["/**\n * Native twin of surface-kit AgentChat templates panel (PROMPT TEMPLATES).\n */\nimport React, { useEffect, useState } from 'react';\nimport {\n    ActivityIndicator,\n    Image,\n    Platform,\n    Pressable,\n    ScrollView,\n    StyleSheet,\n    Text,\n    TextInput,\n    View,\n} from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport type { CanvasChatLane } from './canvasAgentChat';\nimport type { RunMediaAction } from './videoEditor/mediaActions';\nimport {\n    CANVAS_AUDIO_TEMPLATES,\n    TEMPLATE_SOURCES,\n    loadCanvasTemplateLane,\n    mapDesignCorpus,\n    type CanvasPromptTemplate,\n} from './canvasChatTemplates';\nimport { DESIGN_PROMPT_TEMPLATES } from './designPromptTemplates';\nimport { templateHasUsableConfig } from './templateImport/loadTemplate';\n\nconst LANES: CanvasChatLane[] = ['image', 'video', 'audio'];\n\nfunction corpusFor(kind: CanvasChatLane): CanvasPromptTemplate[] {\n    if (kind === 'audio') return CANVAS_AUDIO_TEMPLATES;\n    return mapDesignCorpus(kind, DESIGN_PROMPT_TEMPLATES);\n}\n\nexport function CanvasTemplatesPanel({\n    open,\n    runAction,\n    onPick,\n    onUseTemplate,\n}: {\n    open: boolean;\n    runAction?: RunMediaAction;\n    onPick: (template: CanvasPromptTemplate) => void;\n    /** InVideo / mirrored render config → timeline (video templates only). */\n    onUseTemplate?: (template: CanvasPromptTemplate) => void;\n}) {\n    const [active, setActive] = useState<CanvasChatLane | null>(null);\n    const [query, setQuery] = useState('');\n    const [results, setResults] = useState<CanvasPromptTemplate[]>([]);\n    const [loading, setLoading] = useState(false);\n    const [error, setError] = useState<string | null>(null);\n\n    useEffect(() => {\n        if (!open) {\n            setActive(null);\n            setQuery('');\n            setResults([]);\n            setError(null);\n        }\n    }, [open]);\n\n    useEffect(() => {\n        if (!open || !active) return undefined;\n        let live = true;\n        setLoading(true);\n        setError(null);\n        loadCanvasTemplateLane(active, query.trim() || undefined, runAction, corpusFor(active))\n            .then((rows) => {\n                if (live) setResults(rows);\n            })\n            .catch((err: unknown) => {\n                if (!live) return;\n                setResults([]);\n                setError(err instanceof Error ? err.message : String(err));\n            })\n            .finally(() => {\n                if (live) setLoading(false);\n            });\n        return () => {\n            live = false;\n        };\n    }, [open, active, query, runAction]);\n\n    if (!open) return null;\n    const source = active ? TEMPLATE_SOURCES[active] : null;\n\n    return (\n        <View style={styles.panel}>\n            <View style={styles.panelHead}>\n                <Text style={styles.kicker}>Prompt templates</Text>\n                {source ? (\n                    <Text style={styles.configKey} numberOfLines={1}>\n                        {source.configKey}\n                    </Text>\n                ) : null}\n            </View>\n            <View style={styles.chips}>\n                {LANES.map((id) => {\n                    const on = id === active;\n                    return (\n                        <Pressable\n                            key={id}\n                            onPress={() => {\n                                setActive(on ? null : id);\n                                setQuery('');\n                                setResults([]);\n                                setError(null);\n                            }}\n                            style={[styles.chip, on && styles.chipOn]}\n                            accessibilityRole=\"button\"\n                            accessibilityState={{ selected: on }}\n                        >\n                            <Text style={[styles.chipLabel, on && styles.chipLabelOn]}>\n                                {TEMPLATE_SOURCES[id].label}\n                            </Text>\n                        </Pressable>\n                    );\n                })}\n            </View>\n            {!active ? (\n                <Text style={styles.hint}>Pick a category to browse its templates.</Text>\n            ) : (\n                <>\n                    <View style={styles.search}>\n                        <MaterialCommunityIcons name=\"magnify\" size={16} color=\"#94a3b8\" />\n                        <TextInput\n                            value={query}\n                            onChangeText={setQuery}\n                            placeholder=\"Search templates…\"\n                            placeholderTextColor=\"#94a3b8\"\n                            style={styles.searchInput}\n                            autoCorrect={false}\n                            autoCapitalize=\"none\"\n                        />\n                    </View>\n                    {loading ? (\n                        <View style={styles.status}>\n                            <ActivityIndicator size=\"small\" />\n                            <Text style={styles.hint}>Loading templates…</Text>\n                        </View>\n                    ) : error ? (\n                        <Text style={styles.error}>Could not load templates — {error}</Text>\n                    ) : results.length === 0 ? (\n                        <Text style={styles.hint}>\n                            {query.trim() ? `No templates match “${query}”.` : 'No templates here yet.'}\n                        </Text>\n                    ) : (\n                        <ScrollView\n                            style={styles.gridScroll}\n                            contentContainerStyle={styles.grid}\n                            keyboardShouldPersistTaps=\"handled\"\n                        >\n                            {results.map((t) => {\n                                const canUse = Boolean(onUseTemplate && templateHasUsableConfig(t));\n                                return (\n                                    <View key={t.id} style={styles.card}>\n                                        <Pressable\n                                            onPress={() => (canUse ? onUseTemplate?.(t) : onPick(t))}\n                                            accessibilityRole=\"button\"\n                                            accessibilityLabel={canUse ? `Use template ${t.title}` : t.title}\n                                        >\n                                            {t.cover ? (\n                                                <Image source={{ uri: t.cover }} style={styles.cover} />\n                                            ) : (\n                                                <View style={styles.coverFallback}>\n                                                    <MaterialCommunityIcons\n                                                        name=\"view-grid-outline\"\n                                                        size={22}\n                                                        color=\"#94a3b8\"\n                                                    />\n                                                </View>\n                                            )}\n                                            <Text style={styles.cardTitle} numberOfLines={2}>\n                                                {t.title}\n                                            </Text>\n                                        </Pressable>\n                                        {canUse ? (\n                                            <Pressable\n                                                onPress={() => onUseTemplate?.(t)}\n                                                style={styles.useBtn}\n                                                accessibilityRole=\"button\"\n                                                accessibilityLabel={`Use ${t.title}`}\n                                            >\n                                                <Text style={styles.useBtnLabel}>Use</Text>\n                                            </Pressable>\n                                        ) : null}\n                                    </View>\n                                );\n                            })}\n                        </ScrollView>\n                    )}\n                </>\n            )}\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    panel: {\n        maxHeight: 288,\n        borderBottomWidth: StyleSheet.hairlineWidth,\n        borderBottomColor: '#e2e8f0',\n        paddingHorizontal: 12,\n        paddingVertical: 8,\n        backgroundColor: '#fff',\n    },\n    panelHead: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', gap: 8, marginBottom: 8 },\n    kicker: {\n        fontSize: 11,\n        fontWeight: '600',\n        letterSpacing: 0.6,\n        textTransform: 'uppercase',\n        color: '#64748b',\n    },\n    configKey: {\n        flexShrink: 1,\n        fontSize: 10,\n        fontFamily: Platform.OS === 'ios' ? 'Menlo' : 'monospace',\n        color: '#94a3b8',\n    },\n    chips: { flexDirection: 'row', flexWrap: 'wrap', gap: 6, marginBottom: 8 },\n    chip: {\n        borderRadius: 999,\n        borderWidth: 1,\n        borderColor: '#e2e8f0',\n        paddingHorizontal: 12,\n        paddingVertical: 6,\n    },\n    chipOn: { backgroundColor: '#0f172a', borderColor: '#0f172a' },\n    chipLabel: { fontSize: 12, fontWeight: '600', color: '#64748b' },\n    chipLabelOn: { color: '#fff' },\n    hint: { paddingVertical: 16, textAlign: 'center', fontSize: 12, color: '#64748b' },\n    error: { paddingVertical: 16, textAlign: 'center', fontSize: 12, color: '#b91c1c' },\n    status: { paddingVertical: 16, alignItems: 'center', gap: 8 },\n    search: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        gap: 6,\n        borderWidth: 1,\n        borderColor: '#e2e8f0',\n        borderRadius: 8,\n        paddingHorizontal: 8,\n        marginBottom: 8,\n        backgroundColor: '#fff',\n    },\n    searchInput: { flex: 1, fontSize: 13, paddingVertical: 8, color: '#0f172a' },\n    gridScroll: { maxHeight: 180 },\n    grid: { flexDirection: 'row', flexWrap: 'wrap', gap: 8, paddingBottom: 8 },\n    card: {\n        width: '48%',\n        flexGrow: 1,\n        flexBasis: '47%',\n        borderWidth: 1,\n        borderColor: '#e2e8f0',\n        borderRadius: 10,\n        overflow: 'hidden',\n        backgroundColor: '#fff',\n    },\n    cover: { width: '100%', height: 72, backgroundColor: '#f1f5f9' },\n    coverFallback: {\n        height: 72,\n        alignItems: 'center',\n        justifyContent: 'center',\n        backgroundColor: '#f1f5f9',\n    },\n    cardTitle: { paddingHorizontal: 8, paddingVertical: 8, fontSize: 12, fontWeight: '600', color: '#0f172a' },\n    useBtn: {\n        marginHorizontal: 8,\n        marginBottom: 8,\n        alignSelf: 'flex-start',\n        paddingHorizontal: 10,\n        paddingVertical: 5,\n        borderRadius: 8,\n        backgroundColor: '#ea580c',\n    },\n    useBtnLabel: { fontSize: 11, fontWeight: '700', color: '#fff7ed' },\n});\n"],"names":[],"mappings":"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"}