{/* Account Type Selector (only shown if not using direct auth) */}
{ifElse(hasDirectAuth, null, accountTypeSelector)}
{/* Auth Status - use nested ifElse to avoid Cell-in-Cell problem */}
{
/* Only show custom error UIs for specific warning states;
authFullUI handles everything else (not-auth, selecting, ready) */
}
{ifElse(
// Show custom error UI only when authenticated AND has API error
derive(
[isAuthenticated, hasAuthError],
([auth, err]: [boolean, boolean]) => auth && err,
),
// Auth error state - custom warning UI
);
// Progress UI - shows search progress and completion
// Note: We use searchProgress.status instead of agentPending because agentPending
// is false during tool execution (only true during initial prompt processing)
const progressUI = (
);
// ========================================================================
// LOCAL QUERIES MANAGEMENT
// ========================================================================
// Note: rateQueryHandler, deleteLocalQueryHandler, flagForShareHandler are defined at module scope
// and called directly with all parameters in onClick handlers (no pre-binding needed)
// Note: localQueriesExpanded/toggleLocalQueries removed - using native / instead
// Pre-bind handler for creating registry
const boundCreateSearchRegistry = createSearchRegistry({});
// Local Queries UI - collapsible list of saved queries
// Uses native / to avoid nested derive closure issues
// (see superstition: 2025-12-06-use-native-details-summary-for-expand-collapse.md)
//
// Key fix: Instead of nested derive(localQueriesExpanded, ...) inside derive(localQueries, ...),
// we use native which handles expand/collapse via browser without reactive state.
// The derive(localQueries) renders the entire details block including content - no closure issues.
const localQueriesUI = (
{derive(
[localQueriesWithFoundItems, onlySaveQueriesWithItems],
([queries, onlyWithItems]: [LocalQuery[], boolean]) => {
// Filter queries: when onlyWithItems is true, only show queries that found target items
const filteredQueries = (queries || []).filter(
(q): q is LocalQuery => {
if (!q) return false;
if (onlyWithItems) {
return (q.foundItems || 0) > 0;
}
return true;
},
);
if (filteredQueries.length === 0) return null;
return (
{/* Summary - clickable header */}
My Saved Queries ({filteredQueries.length})
click to toggle
{/* Content - shown when expanded (handled by browser) */}
);
// ========================================================================
// PII SCREENING & PENDING SUBMISSIONS
// ========================================================================
// Schema for privacy/generalizability screening response
const piiScreeningSchema = {
type: "object" as const,
properties: {
hasPII: {
type: "boolean" as const,
description: "Whether PII was detected",
},
piiFound: {
type: "array" as const,
items: { type: "string" as const },
description:
"List of PII items found (e.g., 'email: john@example.com')",
},
isGeneralizable: {
type: "boolean" as const,
description: "Whether the query is general enough to help others",
},
generalizabilityIssues: {
type: "array" as const,
items: { type: "string" as const },
description: "List of reasons the query might not generalize",
},
sanitizedQuery: {
type: "string" as const,
description:
"Query with PII removed and made more general (empty string if not salvageable)",
},
confidence: {
type: "number" as const,
description: "Confidence in analysis (0-1)",
},
recommendation: {
type: "string" as const,
enum: ["share", "share_with_edits", "do_not_share"] as const,
description: "Whether to recommend sharing this query",
},
},
required: [
"hasPII",
"piiFound",
"isGeneralizable",
"generalizabilityIssues",
"sanitizedQuery",
"confidence",
"recommendation",
] as const,
};
// Note: flagQueryForSharingHandler is defined at module scope
// Run PII screening on pending submissions
// Uses derive to reactively screen new submissions
const piiScreeningPrompt = derive(
pendingSubmissions,
(submissions: PendingSubmission[]) => {
// Filter out any undefined/null items first, then find unscreened submissions
const validSubmissions = (submissions || []).filter((
s,
): s is PendingSubmission => s != null);
const unscreened = validSubmissions.filter(
(s) =>
s.sanitizedQuery === s.originalQuery &&
s.piiWarnings.length === 0 && !s.userApproved,
);
if (unscreened.length === 0) return "";
// Build prompt for the first unscreened submission
const submission = unscreened[0];
return `Analyze this Gmail search query for privacy issues and generalizability.
Query: "${submission.originalQuery}"
Check for TWO categories of problems:
1. PRIVACY (PII - Personally Identifiable Information):
- Email addresses (from:john@acme.com -> from:*@*.com)
- Personal names (from:john.smith -> from:*)
- Specific company domains that reveal employer
- Account numbers, confirmation codes, order IDs
- Specific dates that could identify events
2. GENERALIZABILITY (queries too specific to one person):
- Very specific sender domains that only this user uses
- Queries that reference specific subscription services/vendors unique to this user
- Highly specific subject line fragments that won't match others' emails
- Combinations of terms that are overly narrow
GOOD queries to share (generic patterns):
- "from:marriott.com subject:points" (common hotel chain)
- "from:noreply@* subject:confirmation" (generic pattern)
- "subject:receipt from:amazon.com" (common retailer)
BAD queries to share:
- "from:john.smith@acme.com" (specific person)
- "from:mycustomdomain.com" (personal domain)
- "subject:Order #12345" (specific order)
- "from:obscure-local-business@gmail.com" (won't help others)
Return a sanitized version that:
1. Removes/generalizes PII
2. Makes the query more general if it's too specific
3. Returns empty string "" if the query can't be made useful for others`;
},
);
// Only run PII screening when there's a prompt
const piiScreeningResult = derive(piiScreeningPrompt, (prompt: string) => {
if (!prompt) return null;
return generateObject({
prompt,
schema: piiScreeningSchema,
system:
`You are a privacy analyst and query curator for a community knowledge base.
Your job is to evaluate Gmail search queries for:
1. PRIVACY: Detect and remove/sanitize PII (emails, names, specific identifiers)
2. GENERALIZABILITY: Assess if the query pattern would help OTHER users
A query should only be shared if it represents a GENERAL PATTERN that others could benefit from.
Major hotel chains, airlines, common retailers, and widespread services are good candidates.
Personal domains, local businesses, and hyper-specific searches should not be shared.
Be conservative: when in doubt, recommend "do_not_share".`,
});
});
// Update pending submissions with screening results
// This is a side effect that runs when screening completes
derive(piiScreeningResult, (result: any) => {
if (!result || !result.result) return;
const screeningData = result.result as {
hasPII: boolean;
piiFound: string[];
isGeneralizable: boolean;
generalizabilityIssues: string[];
sanitizedQuery: string;
confidence: number;
recommendation: "share" | "share_with_edits" | "do_not_share";
};
const pendingWritable = pendingSubmissions as Writable<
PendingSubmission[]
>;
const submissions = (pendingWritable.get() || []).filter((
s: PendingSubmission | null,
): s is PendingSubmission => s != null);
// Find the submission that was screened (still pending)
const unscreened = submissions.filter(
(s: PendingSubmission) =>
s?.recommendation === "pending" && !s?.userApproved,
);
if (unscreened.length === 0) return;
const submission = unscreened[0];
const idx = submissions.findIndex((s: PendingSubmission) =>
s.localQueryId === submission.localQueryId
);
if (idx < 0) return;
// Update the submission with screening results using .key().key().set()
const itemCell = pendingWritable.key(idx);
(itemCell.key("sanitizedQuery") as Writable).set(
screeningData.sanitizedQuery || submission.originalQuery,
);
(itemCell.key("piiWarnings") as Writable).set(
screeningData.piiFound || [],
);
(itemCell.key("generalizabilityIssues") as Writable).set(
screeningData.generalizabilityIssues || [],
);
(itemCell.key("recommendation") as Writable<
"share" | "share_with_edits" | "do_not_share" | "pending"
>).set(screeningData.recommendation);
});
// Note: approvePendingSubmissionHandler, rejectPendingSubmissionHandler, updateSanitizedQueryHandler
// are defined at module scope
// Track if pending submissions UI is expanded
const pendingSubmissionsExpanded = Writable.of(false);
// Pending Submissions UI
const pendingSubmissionsUI = (