palmier 0.8.1 → 0.8.4

package/palmier-server/pwa/src/components/TaskForm.tsx

@@ -1,7 +1,9 @@
 import { useEffect, useState, useCallback, useRef } from "react";
+import { Capacitor } from "@capacitor/core";
 import { useHostConnection } from "../contexts/HostConnectionContext";
 import PlanDialog from "./PlanDialog";
 import { useBackClose } from "../hooks/useBackClose";
+import { Device } from "../native/Device";
 import type { AgentInfo, Task } from "../types";
 
 type ScheduleType = "crons" | "specific_times" | "on_new_notification" | "on_new_sms";
@@ -94,12 +96,13 @@ interface TaskFormProps {
   initial?: Task;
   agents: AgentInfo[];
   hostPlatform?: string;
+  isNotificationListener: boolean;
   onSaved(task: Task): void;
   onRun(taskId: string, runId?: string): void;
   onCancel(): void;
 }
 
-export default function TaskForm({ initial, agents, hostPlatform, onSaved, onRun, onCancel }: TaskFormProps) {
+export default function TaskForm({ initial, agents, hostPlatform, isNotificationListener, onSaved, onRun, onCancel }: TaskFormProps) {
   const { request } = useHostConnection();
 
   const defaultAgent = () => {
@@ -140,6 +143,60 @@ export default function TaskForm({ initial, agents, hostPlatform, onSaved, onRun
   const [command, setCommand] = useState(initial?.command ?? "");
   const [saving, setSaving] = useState(false);
 
+  // Single optional app filter for on_new_notification tasks. Empty = any app;
+  // non-empty = single packageName filter (stored as a one-entry schedule_values
+  // array on save). Datalist options come from the host-side app registry.
+  // No migration: pre-existing multi-app tasks truncate to the first entry on
+  // first edit.
+  const initialNotificationApp: string = (() => {
+    if (initial?.schedule_type === "on_new_notification" && initial.schedule_values && initial.schedule_values.length > 0) {
+      return initial.schedule_values[0];
+    }
+    return "";
+  })();
+  const [notificationApp, setNotificationApp] = useState<string>(initialNotificationApp);
+  const [knownApps, setKnownApps] = useState<Array<{ packageName: string; appName: string }>>([]);
+  const [knownAppsLoading, setKnownAppsLoading] = useState(false);
+  const [appFilterOpen, setAppFilterOpen] = useState(false);
+  const [appSearch, setAppSearch] = useState("");
+  const closeAppFilter = useCallback(() => setAppFilterOpen(false), []);
+  useBackClose(appFilterOpen, closeAppFilter);
+
+  // Only the notification-listening device can enumerate installed apps. On any
+  // other client we leave the list empty and fall back to a plain packageName
+  // input — the app registry we used to maintain on the host was inconsistent
+  // across devices, so we no longer cache it.
+  useEffect(() => {
+    if (scheduleMode !== "on_new_notification") return;
+    if (!isNotificationListener || !Capacitor.isNativePlatform() || !Device) return;
+    let cancelled = false;
+    setKnownAppsLoading(true);
+    Device.getInstalledApps()
+      .then(({ apps }) => {
+        if (cancelled) return;
+        const PALMIER_PACKAGE = "com.palmier.app";
+        const list = apps
+          .filter((a) => a.packageName !== PALMIER_PACKAGE)
+          .sort((a, b) => (a.appName || a.packageName).localeCompare(b.appName || b.packageName));
+        setKnownApps(list);
+      })
+      .catch(() => {})
+      .finally(() => { if (!cancelled) setKnownAppsLoading(false); });
+    return () => { cancelled = true; };
+  }, [scheduleMode, isNotificationListener]);
+
+  // Sender filter for on_new_sms tasks. Empty string = any sender; non-empty =
+  // whitelist a single sender (stored as a single-entry schedule_values array
+  // on save). Matching is normalized on the host — users don't need to worry
+  // about exact phone-number formatting.
+  const initialSmsSender: string = (() => {
+    if (initial?.schedule_type === "on_new_sms" && initial.schedule_values && initial.schedule_values.length > 0) {
+      return initial.schedule_values[0];
+    }
+    return "";
+  })();
+  const [smsSender, setSmsSender] = useState<string>(initialSmsSender);
+
   const commandInputRef = useRef<HTMLInputElement>(null);
 
   const modeIsScheduled = isScheduleSlot(scheduleMode);
@@ -169,7 +226,9 @@ export default function TaskForm({ initial, agents, hostPlatform, onSaved, onRun
       JSON.stringify(collectScheduleValues()) !== JSON.stringify(initial?.schedule_values ?? [])
       || modeToScheduleType(scheduleMode as ScheduleSlot) !== (initial?.schedule_type ?? undefined)
     ))
-    || (modeIsEvent && scheduleMode !== initial?.schedule_type);
+    || (modeIsEvent && scheduleMode !== initial?.schedule_type)
+    || (scheduleMode === "on_new_notification" && notificationApp.trim() !== initialNotificationApp.trim())
+    || (scheduleMode === "on_new_sms" && smsSender.trim() !== initialSmsSender.trim());
 
   const hasInvalidTrigger = modeIsScheduled && triggerRows.some((r) =>
     r.schedule === "specific_times" && (!r.onceDate || new Date(`${r.onceDate}T${r.onceTime}`) <= new Date())
@@ -209,6 +268,12 @@ export default function TaskForm({ initial, agents, hostPlatform, onSaved, onRun
     } else {
       setCommand("");
     }
+    if (next !== "on_new_notification") {
+      setNotificationApp(initialNotificationApp);
+    }
+    if (next !== "on_new_sms") {
+      setSmsSender(initialSmsSender);
+    }
   }
 
   function collectScheduleValues(): string[] {
@@ -229,7 +294,13 @@ export default function TaskForm({ initial, agents, hostPlatform, onSaved, onRun
     setSaving(true);
     setError(null);
     try {
-      const scheduleValues = modeIsScheduled ? collectScheduleValues() : [];
+      const scheduleValues = modeIsScheduled
+        ? collectScheduleValues()
+        : scheduleMode === "on_new_notification" && notificationApp.trim()
+          ? [notificationApp.trim()]
+          : scheduleMode === "on_new_sms" && smsSender.trim()
+            ? [smsSender.trim()]
+            : [];
       const scheduleType: ScheduleType | null = modeIsScheduled
         ? modeToScheduleType(scheduleMode as ScheduleSlot)
         : modeIsEvent
@@ -363,7 +434,7 @@ export default function TaskForm({ initial, agents, hostPlatform, onSaved, onRun
             <option value="daily">Daily</option>
             <option value="weekly">Weekly</option>
             <option value="monthly">Monthly</option>
-            <option value="on_new_notification">On New Push Notification</option>
+            <option value="on_new_notification">On New Notification</option>
             <option value="on_new_sms">On New SMS</option>
             <option value="command">Command-triggered</option>
           </select>
@@ -372,10 +443,75 @@ export default function TaskForm({ initial, agents, hostPlatform, onSaved, onRun
             <div className="schedule-reactive">
               <p className="command-help-text">
                 {scheduleMode === "on_new_notification"
-                  ? "Runs each time a new notification arrives on the paired Android device."
+                  ? "Runs each time a new push notification arrives on the paired Android device."
                   : "Runs each time a new SMS arrives on the paired Android device."}
                 {" "}The triggering payload is spliced into your task prompt — reference it as &ldquo;the new {scheduleMode === "on_new_notification" ? "notification" : "SMS"}&rdquo;.
               </p>
+              {scheduleMode === "on_new_notification" && (() => {
+                const selected = knownApps.find((a) => a.packageName === notificationApp);
+                const selectedLabel = selected?.appName || notificationApp;
+                return (
+                  <>
+                    {isNotificationListener ? (
+                      notificationApp.trim() ? (
+                        <div className="app-filter-selected">
+                          <span className="app-filter-selected-name">{selectedLabel}</span>
+                          {selected?.appName && <span className="app-filter-selected-pkg">{selected.packageName}</span>}
+                          <button
+                            type="button"
+                            className="app-filter-selected-clear"
+                            onClick={() => setNotificationApp("")}
+                            aria-label="Clear app filter"
+                            disabled={saving}
+                          >
+                            ✕
+                          </button>
+                        </div>
+                      ) : (
+                        <button
+                          type="button"
+                          className="btn btn-link app-filter-trigger"
+                          onClick={() => { setAppSearch(""); setAppFilterOpen(true); }}
+                          disabled={saving}
+                        >
+                          Select app
+                        </button>
+                      )
+                    ) : (
+                      <input
+                        className="form-input"
+                        type="text"
+                        value={notificationApp}
+                        onChange={(e) => setNotificationApp(e.target.value)}
+                        placeholder="App (optional), e.g. com.google.android.gm"
+                        disabled={saving}
+                      />
+                    )}
+                    <p className="command-help-text app-filter-help">
+                      {notificationApp.trim()
+                        ? `Only notifications from ${selectedLabel} will trigger this task.`
+                        : "Every notification from your device triggers this task."}
+                    </p>
+                  </>
+                );
+              })()}
+              {scheduleMode === "on_new_sms" && (
+                <>
+                  <input
+                    className="form-input"
+                    type="text"
+                    value={smsSender}
+                    onChange={(e) => setSmsSender(e.target.value)}
+                    placeholder="From (optional), e.g. +1 555-1234)"
+                    disabled={saving}
+                  />
+                  <p className="command-help-text app-filter-help">
+                    {smsSender.trim()
+                      ? `Only SMS from ${smsSender.trim()} will trigger this task. Formatting (spaces, dashes, parens) is ignored.`
+                      : "Every SMS that arrives on your device triggers this task."}
+                  </p>
+                </>
+              )}
             </div>
           )}
 
@@ -549,6 +685,72 @@ export default function TaskForm({ initial, agents, hostPlatform, onSaved, onRun
 
         </>)}
       </div>
+      {appFilterOpen && (() => {
+        const q = appSearch.trim().toLowerCase();
+        const filtered = q
+          ? knownApps.filter((a) => a.packageName.toLowerCase().includes(q) || a.appName.toLowerCase().includes(q))
+          : knownApps;
+        return (
+          <div className="app-filter-overlay" onClick={closeAppFilter}>
+            <div className="app-filter-dialog" onClick={(e) => e.stopPropagation()}>
+              <div className="app-filter-header">
+                <h2>Select app</h2>
+                <button className="app-filter-close" onClick={closeAppFilter} aria-label="Close">
+                  <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
+                    <path d="M4 4L12 12M12 4L4 12" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" />
+                  </svg>
+                </button>
+              </div>
+              <input
+                className="form-input app-filter-search"
+                type="text"
+                value={appSearch}
+                onChange={(e) => setAppSearch(e.target.value)}
+                onKeyDown={(e) => {
+                  if (e.key === "Enter" && appSearch.trim()) {
+                    setNotificationApp(appSearch.trim());
+                    closeAppFilter();
+                  }
+                }}
+                placeholder="Search or type a package name"
+                autoFocus
+              />
+              <ul className="app-filter-list">
+                {knownAppsLoading && knownApps.length === 0
+                  ? Array.from({ length: 6 }).map((_, i) => (
+                      <li key={`sk-${i}`} className="app-filter-row app-filter-skeleton">
+                        <div className="app-filter-skeleton-bar" />
+                      </li>
+                    ))
+                  : filtered.length === 0 && !appSearch.trim()
+                    ? <li className="app-filter-empty">No apps</li>
+                    : filtered.map((a) => (
+                        <li
+                          key={a.packageName}
+                          className="app-filter-row"
+                          onClick={() => { setNotificationApp(a.packageName); closeAppFilter(); }}
+                        >
+                          <div className="app-filter-row-labels">
+                            <div className="app-filter-row-name">{a.appName || a.packageName}</div>
+                            {a.appName && <div className="app-filter-row-pkg">{a.packageName}</div>}
+                          </div>
+                        </li>
+                      ))}
+                {appSearch.trim() && (
+                  <li
+                    className="app-filter-row"
+                    onClick={() => { setNotificationApp(appSearch.trim()); closeAppFilter(); }}
+                  >
+                    <div className="app-filter-row-labels">
+                      <div className="app-filter-row-name">{appSearch.trim()}</div>
+                    </div>
+                  </li>
+                )}
+              </ul>
+            </div>
+          </div>
+        );
+      })()}
     </div>
   );
 }

package/palmier-server/pwa/src/components/TasksView.tsx

@@ -12,10 +12,11 @@ interface TasksViewProps {
   subscribeEvents(hostId: string, callback: (msg: { subject: string; data: Uint8Array }) => void): () => void;
   agents: AgentInfo[];
   hostPlatform?: string;
+  isNotificationListener: boolean;
   onViewRun(taskId: string, runId?: string): void;
 }
 
-export default function TasksView({ connected, hostId, request, subscribeEvents, agents, hostPlatform, onViewRun }: TasksViewProps) {
+export default function TasksView({ connected, hostId, request, subscribeEvents, agents, hostPlatform, isNotificationListener, onViewRun }: TasksViewProps) {
   const [tasks, setTasks] = useState<Task[]>([]);
   const [loadingTasks, setLoadingTasks] = useState(false);
   const [taskError, setTaskError] = useState<string | null>(null);
@@ -167,6 +168,7 @@ export default function TasksView({ connected, hostId, request, subscribeEvents,
           initial={editingTask}
           agents={agents}
           hostPlatform={hostPlatform}
+          isNotificationListener={isNotificationListener}
           onSaved={handleTaskSaved}
           onRun={onViewRun}
           onCancel={closeForm}

package/palmier-server/pwa/src/constants.ts

@@ -1,2 +1,2 @@
 /** Bump when a breaking host change is made. */
-export const MIN_HOST_VERSION = "0.8.0";
+export const MIN_HOST_VERSION = "0.8.3";

package/palmier-server/pwa/src/native/Device.ts

@@ -2,12 +2,14 @@ import { Capacitor, registerPlugin, type PluginListenerHandle } from "@capacitor
 
 export type PermissionType =
   | "location"
-  | "sms"
+  | "smsRead"
+  | "smsSend"
   | "contacts"
   | "calendar"
   | "notificationListener"
   | "dnd"
-  | "fullScreenIntent";
+  | "fullScreenIntent"
+  | "postNotifications";
 
 export interface PermissionResult {
   granted: boolean;
@@ -23,6 +25,11 @@ export interface DeepLinkEvent {
   path: string;
 }
 
+export interface InstalledApp {
+  packageName: string;
+  appName: string;
+}
+
 interface DevicePlugin {
   getFcmToken(): Promise<{ token: string }>;
   /** Returns the set of PermissionType strings this native build understands. */
@@ -36,6 +43,15 @@ interface DevicePlugin {
    * ahead of the installed APK.
    */
   setEnabledCapabilities(opts: { capabilities: string[] }): Promise<void>;
+  /** Returns user-visible (launcher) apps on the device, with 96x96 PNG icons. */
+  getInstalledApps(): Promise<{ apps: InstalledApp[] }>;
+  /**
+   * Returns whether the device has at least one app that can handle a mailto:
+   * intent. Used to gate the Sending Email capability — silent PackageManager
+   * lookup, no side effects. `supported: false` on older APKs that don't expose
+   * this method; treat as "cannot enable" rather than as a hard error.
+   */
+  hasEmailClient(): Promise<{ available: boolean; supported: boolean }>;
   addListener(
     event: "deepLink",
     handler: (ev: DeepLinkEvent) => void

package/palmier-server/pwa/src/pages/Dashboard.tsx

@@ -282,7 +282,7 @@ export default function Dashboard() {
     } catch {
       // Expected: connection drops during daemon restart
     }
-    setTimeout(() => window.location.reload(), 10000);
+    setTimeout(() => window.location.reload(), 15000);
   }
 
   const hasHosts = pairedHosts.length > 0;
@@ -294,10 +294,15 @@ export default function Dashboard() {
       {isDesktop && <HostMenu daemonVersion={daemonVersion} capabilityTokens={capabilityTokens} activeClientToken={activeClientToken} request={request} onCapabilityTokensChange={setCapabilityTokens} />}
 
       <div className="dashboard-content">
-        <div className="tab-bar">
-          {!isDesktop && <HostMenu daemonVersion={daemonVersion} capabilityTokens={capabilityTokens} activeClientToken={activeClientToken} request={request} onCapabilityTokensChange={setCapabilityTokens} />}
-          <TabBar />
-        </div>
+        <header className="app-header">
+          <div className="app-title-bar">
+            {!isDesktop && <HostMenu daemonVersion={daemonVersion} capabilityTokens={capabilityTokens} activeClientToken={activeClientToken} request={request} onCapabilityTokensChange={setCapabilityTokens} />}
+            <h1 className="app-title">Palmier</h1>
+          </div>
+          <div className="tab-bar">
+            <TabBar />
+          </div>
+        </header>
 
         <main className="dashboard-main">
         {unauthorized ? (
@@ -343,6 +348,7 @@ export default function Dashboard() {
                 subscribeEvents={subscribeEvents}
                 agents={agents}
                 hostPlatform={hostPlatform}
+                isNotificationListener={!!activeClientToken && capabilityTokens["notifications"] === activeClientToken}
                 onViewRun={handleViewRun}
               />
             )}
@@ -362,6 +368,7 @@ export default function Dashboard() {
                 request={request}
                 subscribeEvents={subscribeEvents}
                 agents={agents}
+                hostPlatform={hostPlatform}
                 filterTaskId={runsFilterTaskId}
                 onClearFilter={() => { if (confirmLeaveDraft()) navigate("/"); }}
               />
@@ -369,7 +376,7 @@ export default function Dashboard() {
           </>
         ) : (
           <div className="empty-state">
-            <p>{hasHosts ? "Connecting to host..." : "No hosts paired yet."}</p>
+            <p>{hasHosts ? "Connecting to host..." : "No host computer paired yet."}</p>
             {!hasHosts && (
               <button
                 className="btn btn-primary"

package/palmier-server/pwa/src/pages/PairHost.tsx

@@ -12,6 +12,7 @@ interface PairResponse {
   hostId: string;
   clientToken: string;
   directUrl?: string;
+  hostName?: string;
 }
 
 /** LAN mode: PWA is served by palmier serve (marker injected into HTML). */
@@ -82,6 +83,7 @@ export default function PairHost() {
         hostId: response.hostId,
         clientToken: response.clientToken,
         directUrl: isLanMode ? window.location.origin : undefined,
+        ...(response.hostName ? { name: response.hostName } : {}),
       };
 
       addPairedHost(host);
@@ -106,7 +108,7 @@ export default function PairHost() {
         }
       }
 
-      navigate("/");
+      navigate(Capacitor.isNativePlatform() ? "/pair/setup" : "/");
     } catch (err) {
       const message = err instanceof Error ? err.message : String(err);
       if (message.includes("timeout") || message.includes("TIMEOUT") || message.includes("503") || message.toLowerCase().includes("no responders")) {

package/palmier-server/pwa/src/pages/PairSetup.tsx

@@ -0,0 +1,70 @@
+import { useEffect, useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { useHostConnection } from "../contexts/HostConnectionContext";
+import { useHostStore } from "../contexts/HostStoreContext";
+import CapabilityToggles from "../components/CapabilityToggles";
+
+interface HostInfoResponse {
+  capability_tokens?: Record<string, string | null>;
+}
+
+export default function PairSetup() {
+  const navigate = useNavigate();
+  const { connected, request } = useHostConnection();
+  const { getActiveHost } = useHostStore();
+  const activeHost = getActiveHost();
+  const activeClientToken = activeHost?.clientToken ?? null;
+
+  const [capabilityTokens, setCapabilityTokens] = useState<Record<string, string | null>>({});
+  const [loaded, setLoaded] = useState(false);
+
+  // If the user lands here without an active host (direct URL, refresh), bounce
+  // back to the dashboard — setup only makes sense right after pairing.
+  useEffect(() => {
+    if (!activeHost) navigate("/", { replace: true });
+  }, [activeHost, navigate]);
+
+  useEffect(() => {
+    if (!connected || !activeHost) return;
+    let cancelled = false;
+    request<HostInfoResponse>("host.info")
+      .then((res) => {
+        if (cancelled) return;
+        setCapabilityTokens(res.capability_tokens ?? {});
+        setLoaded(true);
+      })
+      .catch(() => { if (!cancelled) setLoaded(true); });
+    return () => { cancelled = true; };
+  }, [connected, activeHost, request]);
+
+  return (
+    <div className="pair-setup">
+      <div className="pair-setup-inner">
+        <h1 className="pair-setup-title">What capabilities of this device do you want your host computer to have?</h1>
+        <p className="pair-setup-description">
+          You can change these later from the menu.
+        </p>
+
+        {!loaded ? (
+          <div className="pair-setup-loading">Connecting to host…</div>
+        ) : (
+          <CapabilityToggles
+            capabilityTokens={capabilityTokens}
+            activeClientToken={activeClientToken}
+            request={request}
+            onCapabilityTokensChange={setCapabilityTokens}
+          />
+        )}
+
+        <div className="pair-setup-actions">
+          <button
+            className="btn btn-primary btn-full"
+            onClick={() => navigate("/", { replace: true })}
+          >
+            Finish
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}

package/palmier-server/server/src/index.ts

@@ -392,12 +392,12 @@ async function main(): Promise<void> {
     }
   })();
 
-  // Subscribe to alert requests from hosts
+  // Subscribe to alarm requests from hosts
   (async () => {
     try {
       const conn = await getNatsConnection();
-      const sub = conn.subscribe("host.*.fcm.alert");
-      console.log("Listening for FCM alert requests");
+      const sub = conn.subscribe("host.*.fcm.alarm");
+      console.log("Listening for FCM alarm requests");
 
       for await (const msg of sub) {
         try {
@@ -418,14 +418,14 @@ async function main(): Promise<void> {
           }
 
           const fcmPayload: Record<string, string> = {
-            type: "send-alert",
+            type: "send-alarm",
             requestId: data.requestId,
             hostId: data.hostId,
           };
           if (data.title) fcmPayload.title = data.title;
           if (data.description) fcmPayload.description = data.description;
 
-          console.log(`[FCM] Sending alert request for host ${data.hostId}`);
+          console.log(`[FCM] Sending alarm request for host ${data.hostId}`);
           if (data.fcmToken) {
             await sendFcmToDevice(data.fcmToken, fcmPayload);
           } else {
@@ -436,14 +436,14 @@ async function main(): Promise<void> {
             msg.respond(sc.encode(JSON.stringify({ ok: true })));
           }
         } catch (err) {
-          console.error("[FCM] Error handling alert request:", err);
+          console.error("[FCM] Error handling alarm request:", err);
           if (msg.reply) {
             msg.respond(sc.encode(JSON.stringify({ error: String(err) })));
           }
         }
       }
     } catch (err) {
-      console.error("Failed to subscribe to FCM alert requests:", err);
+      console.error("Failed to subscribe to FCM alarm requests:", err);
     }
   })();
 

package/palmier-server/server/src/routes/device.ts

@@ -125,8 +125,8 @@ router.post("/sms-response", async (req: Request, res: Response) => {
   }
 });
 
-// POST /api/device/alert-response - Receive alert response from Android, relay to host via NATS
-router.post("/alert-response", async (req: Request, res: Response) => {
+// POST /api/device/alarm-response - Receive alarm response from Android, relay to host via NATS
+router.post("/alarm-response", async (req: Request, res: Response) => {
   try {
     const { requestId, hostId, result } = req.body;
 
@@ -138,13 +138,13 @@ router.post("/alert-response", async (req: Request, res: Response) => {
     const conn = await getNatsConnection();
     const sc = StringCodec();
     conn.publish(
-      `host.${hostId}.alert.${requestId}`,
+      `host.${hostId}.alarm.${requestId}`,
       sc.encode(JSON.stringify(result)),
     );
 
     res.json({ ok: true });
   } catch (err) {
-    console.error("Device alert response relay error:", err);
+    console.error("Device alarm response relay error:", err);
     res.status(500).json({ error: "Internal server error" });
   }
 });