npm - @adminide-stack/yantra-mobile - Versions diffs - 12.0.41 → 12.0.42-alpha.1 - Mend

@adminide-stack/yantra-mobile 12.0.41 → 12.0.42-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (54) hide show

package/lib/components/NavigationHeader/HeaderSkillsButton.js ADDED Viewed

@@ -0,0 +1,120 @@
+import {jsxs,Fragment,jsx}from'react/jsx-runtime';import {useState,useMemo,useCallback}from'react';import {ScrollView,StyleSheet,Text,Pressable,View}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {useCdecliConnection}from'../../contexts/CdecliConnectionContext.js';import {useGatewayContext,parseActiveSkills,skillDisplayName}from'../../contexts/GatewayContext.js';import {useAgentSessionState}from'../../hooks/useAgentSessionState.js';import {mobileTokens}from'../../theme/mobileTokens.js';import {HeaderSheet}from'./HeaderSheet.js';import {HeaderToolbarButton}from'./HeaderToolbarButton.js';const BUILTIN_SKILLS = [{
+  key: "yantra-github-search",
+  name: "GitHub Research",
+  description: "Search and summarize relevant GitHub repositories."
+}];
+function SkillsSheet({
+  isDark,
+  onClose
+}) {
+  const {
+    activeSkill,
+    setActiveSkill
+  } = useGatewayContext();
+  const cdecli = useCdecliConnection();
+  const session = useAgentSessionState();
+  const activeKeys = useMemo(() => parseActiveSkills(activeSkill), [activeSkill]);
+  const foreground = isDark ? "#e2e8f0" : mobileTokens.color.text;
+  const muted = isDark ? "#94a3b8" : mobileTokens.color.textMuted;
+  const rows = useMemo(() => {
+    const fromGateway = session.skills.map((skill) => ({
+      key: skill.skillKey,
+      name: skill.name || skillDisplayName(skill.skillKey),
+      description: skill.description || (skill.eligible ? "Available" : "Not eligible")
+    }));
+    const seen = new Set(fromGateway.map((row) => row.key));
+    const extras = BUILTIN_SKILLS.filter((row) => !seen.has(row.key));
+    return [...extras, ...fromGateway];
+  }, [session.skills]);
+  const toggle = useCallback(async (key) => {
+    const next = activeKeys.includes(key) ? activeKeys.filter((item) => item !== key) : [...activeKeys, key];
+    const csv = next.length > 0 ? next.join(",") : null;
+    setActiveSkill(csv);
+    if (csv && cdecli.cdecliSelected) {
+      try {
+        await cdecli.connectWithSkill(csv);
+      } catch (e) {
+      }
+    }
+  }, [activeKeys, cdecli, setActiveSkill]);
+  return /* @__PURE__ */ jsx(HeaderSheet, { visible: true, title: "Skills", subtitle: activeKeys.length > 0 ? `${activeKeys.length} active` : "Pick a skill template for this session", isDark, onClose, children: /* @__PURE__ */ jsx(ScrollView, { contentContainerStyle: styles.list, keyboardShouldPersistTaps: "handled", children: rows.length === 0 ? /* @__PURE__ */ jsx(Text, { style: [styles.empty, {
+    color: muted
+  }], children: "No skill templates yet. Connect Yantra to load gateway skills." }) : rows.map((row) => {
+    const selected = activeKeys.includes(row.key);
+    return /* @__PURE__ */ jsxs(Pressable, { onPress: () => {
+      void toggle(row.key);
+    }, style: ({
+      pressed
+    }) => [styles.row, selected && styles.rowActive, isDark && selected && styles.rowActiveDark, pressed && styles.pressed], children: [
+      /* @__PURE__ */ jsxs(View, { style: styles.rowBody, children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.rowTitle, {
+          color: foreground
+        }], numberOfLines: 1, children: row.name }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.rowMeta, {
+          color: muted
+        }], numberOfLines: 2, children: row.description })
+      ] }),
+      selected ? /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "check", size: 18, color: mobileTokens.color.primary }) : null
+    ] }, row.key);
+  }) }) });
+}
+function HeaderSkillsButton({
+  isDark
+}) {
+  const {
+    activeSkill
+  } = useGatewayContext();
+  const [open, setOpen] = useState(false);
+  const count = parseActiveSkills(activeSkill).length;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(HeaderToolbarButton, { icon: "puzzle-outline", label: "Skills", badge: count, active: open || count > 0, onPress: () => setOpen(true), accessibilityLabel: "Skill templates", isDark }),
+    open ? /* @__PURE__ */ jsx(SkillsSheet, { isDark, onClose: () => setOpen(false) }) : null
+  ] });
+}
+const styles = StyleSheet.create({
+  list: {
+    paddingHorizontal: 16,
+    paddingBottom: 12,
+    gap: 8
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10,
+    borderRadius: 12,
+    borderWidth: 1,
+    borderColor: "transparent",
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    backgroundColor: mobileTokens.color.surfaceMuted
+  },
+  rowActive: {
+    borderColor: mobileTokens.color.primaryBorder,
+    backgroundColor: mobileTokens.color.primarySoft
+  },
+  rowActiveDark: {
+    backgroundColor: "rgba(79,70,229,0.18)"
+  },
+  pressed: {
+    opacity: 0.7
+  },
+  rowBody: {
+    flex: 1,
+    minWidth: 0,
+    gap: 2
+  },
+  rowTitle: {
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  rowMeta: {
+    fontSize: 12,
+    lineHeight: 16
+  },
+  empty: {
+    fontSize: 14,
+    lineHeight: 20,
+    paddingVertical: 20,
+    textAlign: "center"
+  }
+});export{HeaderSkillsButton};//# sourceMappingURL=HeaderSkillsButton.js.map

package/lib/components/NavigationHeader/HeaderSkillsButton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"HeaderSkillsButton.js","sources":["../../../src/components/NavigationHeader/HeaderSkillsButton.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { Pressable, ScrollView, StyleSheet, Text, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { useCdecliConnection } from '../../contexts/CdecliConnectionContext';\nimport { parseActiveSkills, skillDisplayName, useGatewayContext } from '../../contexts/GatewayContext';\nimport { useAgentSessionState } from '../../hooks/useAgentSessionState';\nimport { mobileTokens } from '../../theme/mobileTokens';\nimport { HeaderSheet } from './HeaderSheet';\nimport { HeaderToolbarButton } from './HeaderToolbarButton';\n\ntype Props = {\n isDark: boolean;\n};\n\nconst BUILTIN_SKILLS = [\n {\n key: 'yantra-github-search',\n name: 'GitHub Research',\n description: 'Search and summarize relevant GitHub repositories.',\n },\n];\n\nfunction SkillsSheet({ isDark, onClose }: { isDark: boolean; onClose: () => void }) {\n const { activeSkill, setActiveSkill } = useGatewayContext();\n const cdecli = useCdecliConnection();\n const session = useAgentSessionState();\n const activeKeys = useMemo(() => parseActiveSkills(activeSkill), [activeSkill]);\n const foreground = isDark ? '#e2e8f0' : mobileTokens.color.text;\n const muted = isDark ? '#94a3b8' : mobileTokens.color.textMuted;\n\n const rows = useMemo(() => {\n const fromGateway = session.skills.map((skill) => ({\n key: skill.skillKey,\n name: skill.name || skillDisplayName(skill.skillKey),\n description: skill.description || (skill.eligible ? 'Available' : 'Not eligible'),\n }));\n const seen = new Set(fromGateway.map((row) => row.key));\n const extras = BUILTIN_SKILLS.filter((row) => !seen.has(row.key));\n return [...extras, ...fromGateway];\n }, [session.skills]);\n\n const toggle = useCallback(\n async (key: string) => {\n const next = activeKeys.includes(key) ? activeKeys.filter((item) => item !== key) : [...activeKeys, key];\n const csv = next.length > 0 ? next.join(',') : null;\n setActiveSkill(csv);\n if (csv && cdecli.cdecliSelected) {\n try {\n await cdecli.connectWithSkill(csv);\n } catch {\n /* connectWithSkill already records status on the connection. */\n }\n }\n },\n [activeKeys, cdecli, setActiveSkill],\n );\n\n return (\n <HeaderSheet\n visible\n title=\"Skills\"\n subtitle={activeKeys.length > 0 ? `${activeKeys.length} active` : 'Pick a skill template for this session'}\n isDark={isDark}\n onClose={onClose}\n >\n <ScrollView contentContainerStyle={styles.list} keyboardShouldPersistTaps=\"handled\">\n {rows.length === 0 ? (\n <Text style={[styles.empty, { color: muted }]}>\n No skill templates yet. Connect Yantra to load gateway skills.\n </Text>\n ) : (\n rows.map((row) => {\n const selected = activeKeys.includes(row.key);\n return (\n <Pressable\n key={row.key}\n onPress={() => {\n void toggle(row.key);\n }}\n style={({ pressed }) => [\n styles.row,\n selected && styles.rowActive,\n isDark && selected && styles.rowActiveDark,\n pressed && styles.pressed,\n ]}\n >\n <View style={styles.rowBody}>\n <Text style={[styles.rowTitle, { color: foreground }]} numberOfLines={1}>\n {row.name}\n </Text>\n <Text style={[styles.rowMeta, { color: muted }]} numberOfLines={2}>\n {row.description}\n </Text>\n </View>\n {selected ? (\n <MaterialCommunityIcons name=\"check\" size={18} color={mobileTokens.color.primary} />\n ) : null}\n </Pressable>\n );\n })\n )}\n </ScrollView>\n </HeaderSheet>\n );\n}\n\nexport function HeaderSkillsButton({ isDark }: Props) {\n const { activeSkill } = useGatewayContext();\n const [open, setOpen] = useState(false);\n const count = parseActiveSkills(activeSkill).length;\n\n return (\n <>\n <HeaderToolbarButton\n icon=\"puzzle-outline\"\n label=\"Skills\"\n badge={count}\n active={open || count > 0}\n onPress={() => setOpen(true)}\n accessibilityLabel=\"Skill templates\"\n isDark={isDark}\n />\n {open ? <SkillsSheet isDark={isDark} onClose={() => setOpen(false)} /> : null}\n </>\n );\n}\n\nconst styles = StyleSheet.create({\n list: {\n paddingHorizontal: 16,\n paddingBottom: 12,\n gap: 8,\n },\n row: {\n flexDirection: 'row',\n alignItems: 'center',\n gap: 10,\n borderRadius: 12,\n borderWidth: 1,\n borderColor: 'transparent',\n paddingHorizontal: 12,\n paddingVertical: 10,\n backgroundColor: mobileTokens.color.surfaceMuted,\n },\n rowActive: {\n borderColor: mobileTokens.color.primaryBorder,\n backgroundColor: mobileTokens.color.primarySoft,\n },\n rowActiveDark: {\n backgroundColor: 'rgba(79,70,229,0.18)',\n },\n pressed: {\n opacity: 0.7,\n },\n rowBody: {\n flex: 1,\n minWidth: 0,\n gap: 2,\n },\n rowTitle: {\n fontSize: 14,\n fontWeight: '600',\n },\n rowMeta: {\n fontSize: 12,\n lineHeight: 16,\n },\n empty: {\n fontSize: 14,\n lineHeight: 20,\n paddingVertical: 20,\n textAlign: 'center',\n },\n});\n"],"names":[],"mappings":"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"}

package/lib/components/NavigationHeader/HeaderTasksButton.js ADDED Viewed

@@ -0,0 +1,157 @@
+import {jsxs,Fragment,jsx}from'react/jsx-runtime';import {useState,useCallback}from'react';import {ScrollView,StyleSheet,Text,Pressable,View}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {MAX_CONCURRENT_TASKS}from'../../config/constants.js';import {useAgentSessionState}from'../../hooks/useAgentSessionState.js';import {agentSessionManager}from'../../services/agentSessionManager.js';import {mobileTokens}from'../../theme/mobileTokens.js';import {HeaderSheet}from'./HeaderSheet.js';import {HeaderToolbarButton}from'./HeaderToolbarButton.js';const STATUS_LABEL = {
+  idle: "Idle",
+  connecting: "Connecting",
+  running: "Running",
+  completed: "Completed",
+  failed: "Failed",
+  aborted: "Aborted"
+};
+function statusColor(status, isDark) {
+  if (status === "running" || status === "connecting") return isDark ? "#60a5fa" : "#2563eb";
+  if (status === "completed") return isDark ? "#4ade80" : "#16a34a";
+  if (status === "failed") return isDark ? "#f87171" : "#dc2626";
+  if (status === "aborted") return isDark ? "#fb923c" : "#ea580c";
+  return isDark ? "#94a3b8" : mobileTokens.color.textMuted;
+}
+function TaskRow({
+  task,
+  isActive,
+  isDark,
+  onSelect,
+  onRemove
+}) {
+  const foreground = isDark ? "#e2e8f0" : mobileTokens.color.text;
+  const muted = isDark ? "#94a3b8" : mobileTokens.color.textMuted;
+  const last = task.messages[task.messages.length - 1];
+  const preview = last ? last.content.length > 72 ? `${last.content.slice(0, 72)}\u2026` : last.content : "No messages yet";
+  return /* @__PURE__ */ jsxs(Pressable, { onPress: onSelect, style: ({
+    pressed
+  }) => [styles.row, isActive && styles.rowActive, isDark && isActive && styles.rowActiveDark, pressed && styles.pressed], children: [
+    /* @__PURE__ */ jsx(View, { style: [styles.dot, {
+      backgroundColor: statusColor(task.status, isDark)
+    }] }),
+    /* @__PURE__ */ jsxs(View, { style: styles.rowBody, children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.rowTitle, {
+        color: foreground
+      }], numberOfLines: 1, children: task.title }),
+      /* @__PURE__ */ jsxs(Text, { style: [styles.rowMeta, {
+        color: muted
+      }], numberOfLines: 1, children: [
+        STATUS_LABEL[task.status],
+        " \xB7 ",
+        preview
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Pressable, { onPress: onRemove, hitSlop: 8, accessibilityLabel: "Remove task", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 16, color: muted }) })
+  ] });
+}
+function TasksSheet({
+  isDark,
+  onClose
+}) {
+  const session = useAgentSessionState();
+  const muted = isDark ? "#94a3b8" : mobileTokens.color.textMuted;
+  const foreground = isDark ? "#e2e8f0" : mobileTokens.color.text;
+  const canCreate = session.tasks.length < MAX_CONCURRENT_TASKS;
+  const handleNew = useCallback(() => {
+    agentSessionManager.createTask({
+      title: "General Assistant"
+    });
+  }, []);
+  return /* @__PURE__ */ jsx(HeaderSheet, { visible: true, title: "Tasks", subtitle: session.gatewayConnected ? `${session.tasks.length} of ${MAX_CONCURRENT_TASKS} slots` : "Connect Yantra to keep agent sessions running", isDark, onClose, headerRight: /* @__PURE__ */ jsxs(Pressable, { onPress: handleNew, disabled: !canCreate, accessibilityLabel: "Start new task", style: ({
+    pressed
+  }) => [styles.newBtn, pressed && styles.pressed, !canCreate && styles.disabled], children: [
+    /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "plus", size: 16, color: mobileTokens.color.primary }),
+    /* @__PURE__ */ jsx(Text, { style: styles.newBtnLabel, children: "New" })
+  ] }), children: /* @__PURE__ */ jsxs(ScrollView, { contentContainerStyle: styles.list, keyboardShouldPersistTaps: "handled", children: [
+    session.tasks.length === 0 ? /* @__PURE__ */ jsx(Text, { style: [styles.empty, {
+      color: muted
+    }], children: "No running tasks. Start one to keep an agent session alive alongside chat." }) : session.tasks.map((task) => /* @__PURE__ */ jsx(TaskRow, { task, isActive: session.activeTaskId === task.id, isDark, onSelect: () => agentSessionManager.setActiveTask(task.id), onRemove: () => agentSessionManager.removeTask(task.id) }, task.id)),
+    !session.gatewayConnected ? /* @__PURE__ */ jsx(Text, { style: [styles.hint, {
+      color: foreground
+    }], children: "Tasks stay on this device until Yantra is connected." }) : null
+  ] }) });
+}
+function HeaderTasksButton({
+  isDark
+}) {
+  const session = useAgentSessionState();
+  const [open, setOpen] = useState(false);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(HeaderToolbarButton, { icon: "pulse", label: "Tasks", badge: session.tasks.length, active: open, onPress: () => setOpen(true), accessibilityLabel: "Tasks", isDark }),
+    open ? /* @__PURE__ */ jsx(TasksSheet, { isDark, onClose: () => setOpen(false) }) : null
+  ] });
+}
+const styles = StyleSheet.create({
+  list: {
+    paddingHorizontal: 16,
+    paddingBottom: 12,
+    gap: 8
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10,
+    borderRadius: 12,
+    borderWidth: 1,
+    borderColor: "transparent",
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    backgroundColor: mobileTokens.color.surfaceMuted
+  },
+  rowActive: {
+    borderColor: mobileTokens.color.primaryBorder,
+    backgroundColor: mobileTokens.color.primarySoft
+  },
+  rowActiveDark: {
+    backgroundColor: "rgba(79,70,229,0.18)"
+  },
+  pressed: {
+    opacity: 0.7
+  },
+  disabled: {
+    opacity: 0.4
+  },
+  dot: {
+    width: 8,
+    height: 8,
+    borderRadius: 4
+  },
+  rowBody: {
+    flex: 1,
+    minWidth: 0,
+    gap: 2
+  },
+  rowTitle: {
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  rowMeta: {
+    fontSize: 12
+  },
+  empty: {
+    fontSize: 14,
+    lineHeight: 20,
+    paddingVertical: 20,
+    textAlign: "center"
+  },
+  hint: {
+    fontSize: 12,
+    lineHeight: 18,
+    paddingTop: 4,
+    opacity: 0.7
+  },
+  newBtn: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 2,
+    height: 32,
+    paddingHorizontal: 8,
+    borderRadius: 10
+  },
+  newBtnLabel: {
+    fontSize: 13,
+    fontWeight: "600",
+    color: mobileTokens.color.primary
+  }
+});export{HeaderTasksButton};//# sourceMappingURL=HeaderTasksButton.js.map

package/lib/components/NavigationHeader/HeaderTasksButton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"HeaderTasksButton.js","sources":["../../../src/components/NavigationHeader/HeaderTasksButton.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { Pressable, ScrollView, StyleSheet, Text, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { MAX_CONCURRENT_TASKS } from '../../config/constants';\nimport { useAgentSessionState } from '../../hooks/useAgentSessionState';\nimport { agentSessionManager, type AgentTask, type TaskStatus } from '../../services/agentSessionManager';\nimport { mobileTokens } from '../../theme/mobileTokens';\nimport { HeaderSheet } from './HeaderSheet';\nimport { HeaderToolbarButton } from './HeaderToolbarButton';\n\ntype Props = {\n isDark: boolean;\n};\n\nconst STATUS_LABEL: Record<TaskStatus, string> = {\n idle: 'Idle',\n connecting: 'Connecting',\n running: 'Running',\n completed: 'Completed',\n failed: 'Failed',\n aborted: 'Aborted',\n};\n\nfunction statusColor(status: TaskStatus, isDark: boolean): string {\n if (status === 'running' || status === 'connecting') return isDark ? '#60a5fa' : '#2563eb';\n if (status === 'completed') return isDark ? '#4ade80' : '#16a34a';\n if (status === 'failed') return isDark ? '#f87171' : '#dc2626';\n if (status === 'aborted') return isDark ? '#fb923c' : '#ea580c';\n return isDark ? '#94a3b8' : mobileTokens.color.textMuted;\n}\n\nfunction TaskRow({\n task,\n isActive,\n isDark,\n onSelect,\n onRemove,\n}: {\n task: AgentTask;\n isActive: boolean;\n isDark: boolean;\n onSelect: () => void;\n onRemove: () => void;\n}) {\n const foreground = isDark ? '#e2e8f0' : mobileTokens.color.text;\n const muted = isDark ? '#94a3b8' : mobileTokens.color.textMuted;\n const last = task.messages[task.messages.length - 1];\n const preview = last\n ? last.content.length > 72\n ? `${last.content.slice(0, 72)}…`\n : last.content\n : 'No messages yet';\n\n return (\n <Pressable\n onPress={onSelect}\n style={({ pressed }) => [\n styles.row,\n isActive && styles.rowActive,\n isDark && isActive && styles.rowActiveDark,\n pressed && styles.pressed,\n ]}\n >\n <View style={[styles.dot, { backgroundColor: statusColor(task.status, isDark) }]} />\n <View style={styles.rowBody}>\n <Text style={[styles.rowTitle, { color: foreground }]} numberOfLines={1}>\n {task.title}\n </Text>\n <Text style={[styles.rowMeta, { color: muted }]} numberOfLines={1}>\n {STATUS_LABEL[task.status]} · {preview}\n </Text>\n </View>\n <Pressable onPress={onRemove} hitSlop={8} accessibilityLabel=\"Remove task\">\n <MaterialCommunityIcons name=\"close\" size={16} color={muted} />\n </Pressable>\n </Pressable>\n );\n}\n\nfunction TasksSheet({ isDark, onClose }: { isDark: boolean; onClose: () => void }) {\n const session = useAgentSessionState();\n const muted = isDark ? '#94a3b8' : mobileTokens.color.textMuted;\n const foreground = isDark ? '#e2e8f0' : mobileTokens.color.text;\n const canCreate = session.tasks.length < MAX_CONCURRENT_TASKS;\n\n const handleNew = useCallback(() => {\n agentSessionManager.createTask({ title: 'General Assistant' });\n }, []);\n\n return (\n <HeaderSheet\n visible\n title=\"Tasks\"\n subtitle={\n session.gatewayConnected\n ? `${session.tasks.length} of ${MAX_CONCURRENT_TASKS} slots`\n : 'Connect Yantra to keep agent sessions running'\n }\n isDark={isDark}\n onClose={onClose}\n headerRight={\n <Pressable\n onPress={handleNew}\n disabled={!canCreate}\n accessibilityLabel=\"Start new task\"\n style={({ pressed }) => [styles.newBtn, pressed && styles.pressed, !canCreate && styles.disabled]}\n >\n <MaterialCommunityIcons name=\"plus\" size={16} color={mobileTokens.color.primary} />\n <Text style={styles.newBtnLabel}>New</Text>\n </Pressable>\n }\n >\n <ScrollView contentContainerStyle={styles.list} keyboardShouldPersistTaps=\"handled\">\n {session.tasks.length === 0 ? (\n <Text style={[styles.empty, { color: muted }]}>\n No running tasks. Start one to keep an agent session alive alongside chat.\n </Text>\n ) : (\n session.tasks.map((task) => (\n <TaskRow\n key={task.id}\n task={task}\n isActive={session.activeTaskId === task.id}\n isDark={isDark}\n onSelect={() => agentSessionManager.setActiveTask(task.id)}\n onRemove={() => agentSessionManager.removeTask(task.id)}\n />\n ))\n )}\n {!session.gatewayConnected ? (\n <Text style={[styles.hint, { color: foreground }]}>\n Tasks stay on this device until Yantra is connected.\n </Text>\n ) : null}\n </ScrollView>\n </HeaderSheet>\n );\n}\n\nexport function HeaderTasksButton({ isDark }: Props) {\n const session = useAgentSessionState();\n const [open, setOpen] = useState(false);\n\n return (\n <>\n <HeaderToolbarButton\n icon=\"pulse\"\n label=\"Tasks\"\n badge={session.tasks.length}\n active={open}\n onPress={() => setOpen(true)}\n accessibilityLabel=\"Tasks\"\n isDark={isDark}\n />\n {open ? <TasksSheet isDark={isDark} onClose={() => setOpen(false)} /> : null}\n </>\n );\n}\n\nconst styles = StyleSheet.create({\n list: {\n paddingHorizontal: 16,\n paddingBottom: 12,\n gap: 8,\n },\n row: {\n flexDirection: 'row',\n alignItems: 'center',\n gap: 10,\n borderRadius: 12,\n borderWidth: 1,\n borderColor: 'transparent',\n paddingHorizontal: 12,\n paddingVertical: 10,\n backgroundColor: mobileTokens.color.surfaceMuted,\n },\n rowActive: {\n borderColor: mobileTokens.color.primaryBorder,\n backgroundColor: mobileTokens.color.primarySoft,\n },\n rowActiveDark: {\n backgroundColor: 'rgba(79,70,229,0.18)',\n },\n pressed: {\n opacity: 0.7,\n },\n disabled: {\n opacity: 0.4,\n },\n dot: {\n width: 8,\n height: 8,\n borderRadius: 4,\n },\n rowBody: {\n flex: 1,\n minWidth: 0,\n gap: 2,\n },\n rowTitle: {\n fontSize: 14,\n fontWeight: '600',\n },\n rowMeta: {\n fontSize: 12,\n },\n empty: {\n fontSize: 14,\n lineHeight: 20,\n paddingVertical: 20,\n textAlign: 'center',\n },\n hint: {\n fontSize: 12,\n lineHeight: 18,\n paddingTop: 4,\n opacity: 0.7,\n },\n newBtn: {\n flexDirection: 'row',\n alignItems: 'center',\n gap: 2,\n height: 32,\n paddingHorizontal: 8,\n borderRadius: 10,\n },\n newBtnLabel: {\n fontSize: 13,\n fontWeight: '600',\n color: mobileTokens.color.primary,\n },\n});\n"],"names":[],"mappings":"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"}

package/lib/components/NavigationHeader/HeaderToolbarButton.js ADDED Viewed

@@ -0,0 +1,68 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {Pressable,StyleSheet,Text,View}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {mobileTokens}from'../../theme/mobileTokens.js';function HeaderToolbarButton({
+  icon,
+  label,
+  trailingIcon,
+  active = false,
+  badge,
+  onPress,
+  accessibilityLabel,
+  isDark,
+  iconColor
+}) {
+  const ink = isDark ? "#e2e8f0" : mobileTokens.color.text;
+  const muted = isDark ? "#94a3b8" : mobileTokens.color.textMuted;
+  const color = iconColor != null ? iconColor : active ? mobileTokens.color.primary : ink;
+  const showBadge = typeof badge === "number" && badge > 0;
+  return /* @__PURE__ */ jsxs(Pressable, { onPress, accessibilityRole: "button", accessibilityLabel, accessibilityState: {
+    selected: active
+  }, hitSlop: 4, style: ({
+    pressed
+  }) => [styles.btn, active && styles.btnActive, pressed && styles.pressed], children: [
+    /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: icon, size: 18, color }),
+    label ? /* @__PURE__ */ jsx(Text, { style: [styles.label, {
+      color
+    }], numberOfLines: 1, children: label }) : null,
+    trailingIcon ? /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: trailingIcon, size: 14, color: muted }) : null,
+    showBadge ? /* @__PURE__ */ jsx(View, { style: [styles.badge, isDark ? styles.badgeDark : null], children: /* @__PURE__ */ jsx(Text, { style: [styles.badgeText, {
+      color: muted
+    }], children: badge > 9 ? "9+" : badge }) }) : null
+  ] });
+}
+const styles = StyleSheet.create({
+  btn: {
+    flexDirection: "row",
+    alignItems: "center",
+    flexShrink: 0,
+    gap: 4,
+    height: 36,
+    paddingHorizontal: 6,
+    borderRadius: 10
+  },
+  btnActive: {
+    backgroundColor: mobileTokens.color.primarySoft
+  },
+  pressed: {
+    opacity: 0.7
+  },
+  label: {
+    fontSize: 13,
+    fontWeight: "600",
+    letterSpacing: -0.2
+  },
+  badge: {
+    minWidth: 16,
+    height: 16,
+    paddingHorizontal: 4,
+    borderRadius: 8,
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: mobileTokens.color.surfaceMuted
+  },
+  badgeDark: {
+    backgroundColor: "#1e293b"
+  },
+  badgeText: {
+    fontSize: 10,
+    fontWeight: "700"
+  }
+});export{HeaderToolbarButton};//# sourceMappingURL=HeaderToolbarButton.js.map

package/lib/components/NavigationHeader/HeaderToolbarButton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"HeaderToolbarButton.js","sources":["../../../src/components/NavigationHeader/HeaderToolbarButton.tsx"],"sourcesContent":["/**\n * Ghost toolbar control shared by the ChatTopBar-style mobile header.\n * Icon + optional label + optional chevron, no circular chrome.\n */\nimport React from 'react';\nimport { Pressable, StyleSheet, Text, View } from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { mobileTokens } from '../../theme/mobileTokens';\n\nexport type HeaderToolbarButtonProps = {\n icon: React.ComponentProps<typeof MaterialCommunityIcons>['name'];\n label?: string;\n trailingIcon?: React.ComponentProps<typeof MaterialCommunityIcons>['name'];\n active?: boolean;\n badge?: number;\n onPress: () => void;\n accessibilityLabel: string;\n isDark: boolean;\n iconColor?: string;\n};\n\nexport function HeaderToolbarButton({\n icon,\n label,\n trailingIcon,\n active = false,\n badge,\n onPress,\n accessibilityLabel,\n isDark,\n iconColor,\n}: HeaderToolbarButtonProps) {\n const ink = isDark ? '#e2e8f0' : mobileTokens.color.text;\n const muted = isDark ? '#94a3b8' : mobileTokens.color.textMuted;\n const color = iconColor ?? (active ? mobileTokens.color.primary : ink);\n const showBadge = typeof badge === 'number' && badge > 0;\n\n return (\n <Pressable\n onPress={onPress}\n accessibilityRole=\"button\"\n accessibilityLabel={accessibilityLabel}\n accessibilityState={{ selected: active }}\n hitSlop={4}\n style={({ pressed }) => [styles.btn, active && styles.btnActive, pressed && styles.pressed]}\n >\n <MaterialCommunityIcons name={icon} size={18} color={color} />\n {label ? (\n <Text style={[styles.label, { color }]} numberOfLines={1}>\n {label}\n </Text>\n ) : null}\n {trailingIcon ? <MaterialCommunityIcons name={trailingIcon} size={14} color={muted} /> : null}\n {showBadge ? (\n <View style={[styles.badge, isDark ? styles.badgeDark : null]}>\n <Text style={[styles.badgeText, { color: muted }]}>{badge > 9 ? '9+' : badge}</Text>\n </View>\n ) : null}\n </Pressable>\n );\n}\n\nconst styles = StyleSheet.create({\n btn: {\n flexDirection: 'row',\n alignItems: 'center',\n flexShrink: 0,\n gap: 4,\n height: 36,\n paddingHorizontal: 6,\n borderRadius: 10,\n },\n btnActive: {\n backgroundColor: mobileTokens.color.primarySoft,\n },\n pressed: {\n opacity: 0.7,\n },\n label: {\n fontSize: 13,\n fontWeight: '600',\n letterSpacing: -0.2,\n },\n badge: {\n minWidth: 16,\n height: 16,\n paddingHorizontal: 4,\n borderRadius: 8,\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: mobileTokens.color.surfaceMuted,\n },\n badgeDark: {\n backgroundColor: '#1e293b',\n },\n badgeText: {\n fontSize: 10,\n fontWeight: '700',\n },\n});\n"],"names":[],"mappings":"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"}

package/lib/components/NavigationHeader/NavigationHeader.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import React,{useMemo,useCallback}from'react';import {useColorScheme,StyleSheet,View,Pressable}from'react-native';import {useSafeAreaInsets,SafeAreaView}from'react-native-safe-area-context';import {StatusBar}from'expo-status-bar';import {useNavigation,CommonActions,DrawerActions}from'@react-navigation/native';import {getHeaderTitle}from'@react-navigation/elements';import {MaterialCommunityIcons}from'@expo/vector-icons';import {Text}from'@admin-layout/gluestack-ui-mobile';import GatewayConnector from'../GatewayConnector/GatewayConnector.js';import {AppsMenu}from'../AppsMenu/AppsMenu.js';import {mobileTokens}from'../../theme/mobileTokens.js';import {tryWebBuilderBack}from'../../screens/WebBuilder/webbuilderBackHandler.js';const ICON_SIZE = 22;
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import React,{useMemo,useCallback}from'react';import {useColorScheme,StyleSheet,View,ScrollView,Pressable}from'react-native';import {useSafeAreaInsets,SafeAreaView}from'react-native-safe-area-context';import {StatusBar}from'expo-status-bar';import {useNavigation,CommonActions,DrawerActions}from'@react-navigation/native';import {getHeaderTitle}from'@react-navigation/elements';import {MaterialCommunityIcons}from'@expo/vector-icons';import {Text}from'@admin-layout/gluestack-ui-mobile';import GatewayConnector from'../GatewayConnector/GatewayConnector.js';import {AppsMenu}from'../AppsMenu/AppsMenu.js';import {tryWebBuilderBack}from'../../screens/WebBuilder/webbuilderBackHandler.js';import {ChatHistoryToggleMobile}from'./ChatHistoryToggleMobile.js';import {HeaderMoreMenu}from'./HeaderMoreMenu.js';import {HeaderSkillsButton}from'./HeaderSkillsButton.js';import {HeaderTasksButton}from'./HeaderTasksButton.js';import {HeaderToolbarButton}from'./HeaderToolbarButton.js';const ICON_SIZE = 22;
 function resolveTitle(options, route) {
   var _a, _b;
   if (typeof (options == null ? void 0 : options.title) === "string" && options.title.trim()) {
@@ -26,22 +26,18 @@ const NavigationHeader = (props) => {
     showNewChat = false,
     headerBgColor
   } = props;
-  const showAppsLauncher = showGateway || showApps;
+  const showChatToolbar = showGateway || showApps;
   const fallbackNav = useNavigation();
   const navigation = navProp != null ? navProp : fallbackNav;
   const colorScheme = useColorScheme();
   const isDark = colorScheme === "dark";
   const insets = useSafeAreaInsets();
   const themeTitleColor = isDark ? "#f1f5f9" : "#0f172a";
-  const themeAccentColor = isDark ? "#a5b4fc" : "#4338ca";
-  const themeNewChatIconColor = isDark ? "#e5e7eb" : "#000000";
   const optionTint = typeof (options == null ? void 0 : options.headerTintColor) === "string" ? options.headerTintColor : null;
   const tintLooksDark = optionTint && /^(#?000(000)?|black)$/i.test(optionTint.trim());
   const effectiveTint = optionTint && !(isDark && tintLooksDark) ? optionTint : null;
   const titleColor = effectiveTint != null ? effectiveTint : themeTitleColor;
   const iconColor = effectiveTint != null ? effectiveTint : themeTitleColor;
-  const accentColor = effectiveTint != null ? effectiveTint : themeAccentColor;
-  const newChatIconColor = effectiveTint != null ? effectiveTint : themeNewChatIconColor;
   const surfaceColor = headerBgColor != null ? headerBgColor : isDark ? "#0f172a" : "#ffffff";
   const dividerColor = isDark ? "rgba(148, 163, 184, 0.18)" : "rgba(15, 23, 42, 0.06)";
   const titleAlignLeft = (options == null ? void 0 : options.headerTitleAlign) === "left";
@@ -101,19 +97,10 @@ const NavigationHeader = (props) => {
   }) => [styles.iconButton, pressed && styles.iconButtonPressed], hitSlop: 8, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "chevron-left", size: ICON_SIZE + 4, color: iconColor }) }) : showToggle ? /* @__PURE__ */ jsx(Pressable, { onPress: handleToggleDrawer, accessibilityLabel: "Open menu", accessibilityRole: "button", style: ({
     pressed
   }) => [styles.iconButton, pressed && styles.iconButtonPressed], hitSlop: 8, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "menu", size: ICON_SIZE, color: iconColor }) }) : null;
-  const hideBrandTitle = showAppsLauncher && title === "Yantra";
+  const hideBrandTitle = showChatToolbar && title === "Yantra";
   const titleSlot = showTitle && !hideBrandTitle ? /* @__PURE__ */ jsx(Text, { style: [styles.title, titleAlignLeft ? styles.titleAlignLeft : styles.titleAlignCenter, {
     color: titleColor
   }, optionTitleStyle], numberOfLines: 1, ellipsizeMode: "tail", children: title }) : null;
-  const showRightSlot = showHistory || showNewChat;
-  const rightSlot = showRightSlot ? /* @__PURE__ */ jsxs(View, { style: styles.rightActions, children: [
-    showHistory ? /* @__PURE__ */ jsx(Pressable, { onPress: handleOpenChatHistory, style: ({
-      pressed
-    }) => [styles.actionButton, pressed && styles.actionButtonPressed], accessibilityLabel: "Chat history", accessibilityRole: "button", hitSlop: 8, children: /* @__PURE__ */ jsx(View, { style: [styles.actionButtonInner, isDark ? styles.actionButtonInnerDark : null], children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "history", size: 19, color: accentColor }) }) }) : null,
-    showNewChat ? /* @__PURE__ */ jsx(Pressable, { onPress: handleNewChat, style: ({
-      pressed
-    }) => [styles.actionButton, pressed && styles.actionButtonPressed], accessibilityLabel: "New chat", accessibilityRole: "button", hitSlop: 8, children: /* @__PURE__ */ jsx(View, { style: [styles.actionButtonInner, isDark ? styles.actionButtonInnerDark : null], children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "chat-plus-outline", size: 20, color: newChatIconColor }) }) }) : null
-  ] }) : null;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(StatusBar, { style: isDark ? "light" : "dark" }),
     /* @__PURE__ */ jsx(SafeAreaView, { edges: ["top"], style: {
@@ -123,13 +110,17 @@ const NavigationHeader = (props) => {
       borderBottomColor: dividerColor,
       paddingTop: insets.top > 0 ? 0 : 6
     }, (_c = options == null ? void 0 : options.headerStyle) != null ? _c : null], children: [
-      /* @__PURE__ */ jsxs(View, { style: styles.leftSlot, children: [
-        leftSlot,
-        showAppsLauncher ? /* @__PURE__ */ jsx(AppsMenu, { isDark, orgName }) : null,
-        showGateway ? /* @__PURE__ */ jsx(GatewayConnector, {}) : null
-      ] }),
-      /* @__PURE__ */ jsx(View, { style: [styles.titleSlot, titleAlignLeft && styles.titleSlotLeft], children: titleSlot }),
-      /* @__PURE__ */ jsx(View, { style: styles.rightSlot, children: rightSlot })
+      /* @__PURE__ */ jsx(View, { style: styles.leftSlot, children: leftSlot }),
+      showChatToolbar ? /* @__PURE__ */ jsxs(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles.toolsScroll, contentContainerStyle: styles.toolsContent, keyboardShouldPersistTaps: "handled", children: [
+        showHistory ? /* @__PURE__ */ jsx(ChatHistoryToggleMobile, { onPress: handleOpenChatHistory, isDark }) : null,
+        /* @__PURE__ */ jsx(AppsMenu, { isDark, orgName }),
+        /* @__PURE__ */ jsx(HeaderTasksButton, { isDark }),
+        /* @__PURE__ */ jsx(HeaderSkillsButton, { isDark })
+      ] }) : /* @__PURE__ */ jsx(View, { style: [styles.titleSlot, titleAlignLeft && styles.titleSlotLeft], children: titleSlot }),
+      /* @__PURE__ */ jsx(View, { style: styles.rightSlot, children: showChatToolbar ? /* @__PURE__ */ jsxs(View, { style: styles.rightActions, children: [
+        showGateway ? /* @__PURE__ */ jsx(GatewayConnector, {}) : null,
+        /* @__PURE__ */ jsx(HeaderMoreMenu, { isDark, onNewChat: showNewChat ? handleNewChat : void 0 })
+      ] }) : showNewChat ? /* @__PURE__ */ jsx(HeaderToolbarButton, { icon: "chat-plus-outline", onPress: handleNewChat, accessibilityLabel: "New chat", isDark }) : null })
     ] }) })
   ] });
 };
@@ -137,17 +128,28 @@ const styles = StyleSheet.create({
   row: {
     flexDirection: "row",
     alignItems: "center",
-    paddingHorizontal: 8,
-    paddingVertical: 8,
-    minHeight: 52,
+    paddingLeft: 4,
+    paddingRight: 6,
+    paddingVertical: 4,
+    minHeight: 48,
     borderBottomWidth: StyleSheet.hairlineWidth,
     overflow: "visible"
   },
   leftSlot: {
     flexDirection: "row",
     alignItems: "center",
-    flexShrink: 0,
-    gap: 0
+    flexShrink: 0
+  },
+  toolsScroll: {
+    flex: 1,
+    minWidth: 0
+  },
+  toolsContent: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingLeft: 2,
+    paddingRight: 8,
+    gap: 2
   },
   titleSlot: {
     flex: 1,
@@ -160,14 +162,15 @@ const styles = StyleSheet.create({
     alignItems: "flex-start"
   },
   rightSlot: {
-    minWidth: 40,
+    flexShrink: 0,
     alignItems: "flex-end",
-    justifyContent: "center"
+    justifyContent: "center",
+    paddingLeft: 4
   },
   rightActions: {
     flexDirection: "row",
     alignItems: "center",
-    gap: 6
+    flexShrink: 0
   },
   title: {
     fontSize: 17,
@@ -186,41 +189,10 @@ const styles = StyleSheet.create({
     height: 36,
     alignItems: "center",
     justifyContent: "center",
-    borderRadius: 18
+    borderRadius: 10
   },
   iconButtonPressed: {
     opacity: 0.6
-  },
-  actionButton: {
-    padding: 0,
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: 22
-  },
-  actionButtonPressed: {
-    opacity: 0.6
-  },
-  actionButtonInner: {
-    width: 32,
-    height: 32,
-    borderRadius: 16,
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: mobileTokens.color.surface,
-    borderWidth: 1,
-    borderColor: mobileTokens.color.border,
-    shadowColor: "#0f172a",
-    shadowOpacity: 0.08,
-    shadowRadius: 5,
-    shadowOffset: {
-      width: 0,
-      height: 2
-    },
-    elevation: 2
-  },
-  actionButtonInnerDark: {
-    backgroundColor: "#0f172a",
-    borderColor: "#334155"
   }
 });
 var NavigationHeader$1 = React.memo(NavigationHeader);export{NavigationHeader$1 as default};//# sourceMappingURL=NavigationHeader.js.map