@mndrk/agx 2.0.45 → 2.0.46

package/cloud-runtime/standalone/components/LinearBoard.tsx

@@ -139,6 +139,19 @@ interface FilterSelectProps {
   onChange: (value: string) => void;
 }
 
+interface FilterPopdownProps extends FilterSelectProps {
+  emptyLabel?: string;
+}
+
+interface MultiFilterPopdownProps {
+  label: string;
+  values: string[];
+  options: FilterOption[];
+  activeClasses: string;
+  onChange: (value: string[]) => void;
+  emptyLabel?: string;
+}
+
 function FilterSelect({ label, value, options, activeClasses, onChange }: FilterSelectProps) {
   const isActive = value.trim().length > 0;
 
@@ -168,6 +181,235 @@ function FilterSelect({ label, value, options, activeClasses, onChange }: Filter
   );
 }
 
+function FilterPopdown({
+  label,
+  value,
+  options,
+  activeClasses,
+  onChange,
+  emptyLabel,
+}: FilterPopdownProps) {
+  const [open, setOpen] = useState(false);
+  const wrapperRef = useRef<HTMLDivElement | null>(null);
+  const selectedOption = options.find((option) => option.value === value) ?? null;
+  const isActive = value.trim().length > 0;
+  const buttonLabel = selectedOption?.label ?? emptyLabel ?? label;
+
+  useEffect(() => {
+    if (!open) {
+      return;
+    }
+
+    const handlePointerDown = (event: MouseEvent) => {
+      if (wrapperRef.current && !wrapperRef.current.contains(event.target as Node)) {
+        setOpen(false);
+      }
+    };
+
+    document.addEventListener("mousedown", handlePointerDown);
+    return () => document.removeEventListener("mousedown", handlePointerDown);
+  }, [open]);
+
+  useEffect(() => {
+    setOpen(false);
+  }, [value]);
+
+  return (
+    <div className="relative" ref={wrapperRef}>
+      <button
+        type="button"
+        aria-label={label}
+        aria-haspopup="listbox"
+        aria-expanded={open}
+        className={`flex max-w-[180px] items-center gap-1 rounded-full border px-2.5 py-0.5 text-[11px] font-medium transition-colors ${
+          isActive
+            ? activeClasses
+            : "border-[var(--card-border)] text-[var(--muted-foreground)] hover:bg-[var(--card-bg)]"
+        }`}
+        onClick={() => setOpen((current) => !current)}
+      >
+        <span className="max-w-[132px] truncate">{buttonLabel}</span>
+        <ChevronDown size={12} className={`shrink-0 transition-transform ${open ? "rotate-180" : ""}`} />
+      </button>
+      {open ? (
+        <div
+          role="listbox"
+          aria-label={`${label} options`}
+          className="absolute left-0 top-full z-50 mt-1 min-w-[220px] overflow-hidden rounded-xl border border-[var(--card-border)] bg-[var(--card-bg)] p-1 shadow-lg backdrop-blur-sm"
+        >
+          {options.map((option) => {
+            const isSelected = option.value === value;
+            return (
+              <button
+                key={`${label}-${option.value || "all"}`}
+                type="button"
+                role="option"
+                aria-selected={isSelected}
+                className={`flex w-full items-center gap-2 rounded-lg px-3 py-2 text-left text-xs transition-colors ${
+                  isSelected
+                    ? "bg-[var(--background)] font-medium text-[var(--foreground)]"
+                    : "text-[var(--muted-foreground)] hover:bg-[var(--background)] hover:text-[var(--foreground)]"
+                }`}
+                onClick={() => onChange(option.value)}
+              >
+                <span
+                  className={`flex h-4 w-4 shrink-0 items-center justify-center rounded-full border ${
+                    isSelected
+                      ? "border-blue-500 bg-blue-500 text-white"
+                      : "border-[var(--card-border)]"
+                  }`}
+                >
+                  {isSelected ? <Check size={10} /> : null}
+                </span>
+                <span className="min-w-0 flex-1 truncate">{option.label}</span>
+              </button>
+            );
+          })}
+        </div>
+      ) : null}
+    </div>
+  );
+}
+
+function MultiFilterPopdown({
+  label,
+  values,
+  options,
+  activeClasses,
+  onChange,
+  emptyLabel,
+}: MultiFilterPopdownProps) {
+  const [open, setOpen] = useState(false);
+  const wrapperRef = useRef<HTMLDivElement | null>(null);
+  const selectedOptions = options.filter(
+    (option) => option.value && values.includes(option.value)
+  );
+  const isActive = selectedOptions.length > 0;
+  const buttonLabel = (() => {
+    if (selectedOptions.length === 0) {
+      return emptyLabel ?? label;
+    }
+    if (selectedOptions.length === 1) {
+      return selectedOptions[0]?.label ?? (emptyLabel ?? label);
+    }
+    return `${selectedOptions.length} assignees`;
+  })();
+
+  useEffect(() => {
+    if (!open) {
+      return;
+    }
+
+    const handlePointerDown = (event: MouseEvent) => {
+      if (wrapperRef.current && !wrapperRef.current.contains(event.target as Node)) {
+        setOpen(false);
+      }
+    };
+
+    document.addEventListener("mousedown", handlePointerDown);
+    return () => document.removeEventListener("mousedown", handlePointerDown);
+  }, [open]);
+
+  const toggleValue = useCallback(
+    (nextValue: string) => {
+      if (!nextValue) {
+        onChange([]);
+        return;
+      }
+
+      const nextValues = values.includes(nextValue)
+        ? values.filter((value) => value !== nextValue)
+        : [...values, nextValue];
+      onChange(nextValues);
+    },
+    [onChange, values]
+  );
+
+  return (
+    <div className="relative" ref={wrapperRef}>
+      <button
+        type="button"
+        aria-label={label}
+        aria-haspopup="listbox"
+        aria-expanded={open}
+        className={`flex max-w-[180px] items-center gap-1 rounded-full border px-2.5 py-0.5 text-[11px] font-medium transition-colors ${
+          isActive
+            ? activeClasses
+            : "border-[var(--card-border)] text-[var(--muted-foreground)] hover:bg-[var(--card-bg)]"
+        }`}
+        onClick={() => setOpen((current) => !current)}
+      >
+        <span className="max-w-[132px] truncate">{buttonLabel}</span>
+        <ChevronDown size={12} className={`shrink-0 transition-transform ${open ? "rotate-180" : ""}`} />
+      </button>
+      {open ? (
+        <div
+          role="listbox"
+          aria-label={`${label} options`}
+          aria-multiselectable="true"
+          className="absolute left-0 top-full z-50 mt-1 min-w-[240px] overflow-hidden rounded-xl border border-[var(--card-border)] bg-[var(--card-bg)] p-1 shadow-lg backdrop-blur-sm"
+        >
+          <button
+            type="button"
+            role="option"
+            aria-selected={!isActive}
+            className={`flex w-full items-center gap-2 rounded-lg px-3 py-2 text-left text-xs transition-colors ${
+              !isActive
+                ? "bg-[var(--background)] font-medium text-[var(--foreground)]"
+                : "text-[var(--muted-foreground)] hover:bg-[var(--background)] hover:text-[var(--foreground)]"
+            }`}
+            onClick={() => onChange([])}
+          >
+            <span
+              className={`flex h-4 w-4 shrink-0 items-center justify-center rounded-full border ${
+                !isActive
+                  ? "border-blue-500 bg-blue-500 text-white"
+                  : "border-[var(--card-border)]"
+              }`}
+            >
+              {!isActive ? <Check size={10} /> : null}
+            </span>
+            <span className="min-w-0 flex-1 truncate">{emptyLabel ?? label}</span>
+          </button>
+          {selectedOptions.length > 0 ? (
+            <div className="px-3 pb-1 pt-2 text-[10px] font-medium uppercase tracking-[0.12em] text-[var(--muted-foreground)]">
+              Selected
+            </div>
+          ) : null}
+          {options.filter((option) => option.value).map((option) => {
+            const isSelected = values.includes(option.value);
+            return (
+              <button
+                key={`${label}-${option.value}`}
+                type="button"
+                role="option"
+                aria-selected={isSelected}
+                className={`flex w-full items-center gap-2 rounded-lg px-3 py-2 text-left text-xs transition-colors ${
+                  isSelected
+                    ? "bg-[var(--background)] font-medium text-[var(--foreground)]"
+                    : "text-[var(--muted-foreground)] hover:bg-[var(--background)] hover:text-[var(--foreground)]"
+                }`}
+                onClick={() => toggleValue(option.value)}
+              >
+                <span
+                  className={`flex h-4 w-4 shrink-0 items-center justify-center rounded border ${
+                    isSelected
+                      ? "border-blue-500 bg-blue-500 text-white"
+                      : "border-[var(--card-border)]"
+                  }`}
+                >
+                  {isSelected ? <Check size={10} /> : null}
+                </span>
+                <span className="min-w-0 flex-1 truncate">{option.label}</span>
+              </button>
+            );
+          })}
+        </div>
+      ) : null}
+    </div>
+  );
+}
+
 interface CycleOption {
   id: string;
   number: number;
@@ -763,7 +1005,7 @@ export default function LinearBoard({ projectId, projectSlug, initialShowSetting
   const [debouncedSearch, setDebouncedSearch] = useState("");
   const [assignees, setAssignees] = useState<LinearEntityOption[]>([]);
   const [workspaces, setWorkspaces] = useState<LinearEntityOption[]>([]);
-  const [selectedAssigneeId, setSelectedAssigneeId] = useState("");
+  const [selectedAssigneeIds, setSelectedAssigneeIds] = useState<string[]>([]);
   const [cycles, setCycles] = useState<CycleOption[]>([]);
   const [selectedCycleId, setSelectedCycleId] = useState("");
   const [selectedWorkspaceId, setSelectedWorkspaceId] = useState("");
@@ -817,10 +1059,13 @@ export default function LinearBoard({ projectId, projectSlug, initialShowSetting
   }, [connected]);
 
   useEffect(() => {
-    if (selectedAssigneeId && !assignees.some((assignee) => assignee.id === selectedAssigneeId)) {
-      setSelectedAssigneeId("");
+    const validAssigneeIds = selectedAssigneeIds.filter((assigneeId) =>
+      assignees.some((assignee) => assignee.id === assigneeId)
+    );
+    if (validAssigneeIds.length !== selectedAssigneeIds.length) {
+      setSelectedAssigneeIds(validAssigneeIds);
     }
-  }, [assignees, selectedAssigneeId]);
+  }, [assignees, selectedAssigneeIds]);
 
   useEffect(() => {
     if (workspaces.length <= 1 && selectedWorkspaceId) {
@@ -842,11 +1087,11 @@ export default function LinearBoard({ projectId, projectSlug, initialShowSetting
   const filters = useMemo(
     () => ({
       search: debouncedSearch || undefined,
-      assigneeId: selectedAssigneeId || undefined,
+      assigneeIds: selectedAssigneeIds.length > 0 ? selectedAssigneeIds : undefined,
       teamId: selectedWorkspaceId || undefined,
       cycleId: selectedCycleId || undefined,
     }),
-    [debouncedSearch, selectedAssigneeId, selectedCycleId, selectedWorkspaceId]
+    [debouncedSearch, selectedAssigneeIds, selectedCycleId, selectedWorkspaceId]
   );
 
   const {
@@ -865,7 +1110,7 @@ export default function LinearBoard({ projectId, projectSlug, initialShowSetting
 
   const selectedRun = runs.find((run) => run.id === selectedRunId) ?? null;
   const assigneeOptions = useMemo<FilterOption[]>(
-    () => [{ value: "", label: "Assignee" }, ...assignees.map((assignee) => ({ value: assignee.id, label: assignee.name }))],
+    () => assignees.map((assignee) => ({ value: assignee.id, label: assignee.name })),
     [assignees]
   );
   const workspaceOptions = useMemo<FilterOption[]>(
@@ -1135,12 +1380,13 @@ export default function LinearBoard({ projectId, projectSlug, initialShowSetting
             </button>
           </div>
           <div className="flex items-center gap-1.5 px-3 pb-2">
-            <FilterSelect
+            <MultiFilterPopdown
               label="Assignee"
-              value={selectedAssigneeId}
+              values={selectedAssigneeIds}
               options={assigneeOptions}
               activeClasses="border-blue-500/30 bg-blue-500/10 text-blue-400"
-              onChange={setSelectedAssigneeId}
+              onChange={setSelectedAssigneeIds}
+              emptyLabel="All assignees"
             />
             {showWorkspaceFilter ? (
               <FilterSelect

package/cloud-runtime/standalone/hooks/useLinearIssues.ts

@@ -14,7 +14,7 @@ interface Filters {
   teamId?: string;
   status?: string;
   search?: string;
-  assigneeId?: string;
+  assigneeIds?: string[];
   assignedToMe?: boolean;
   cycleId?: string;
 }
@@ -58,7 +58,11 @@ export function useLinearIssues(
         if (filters.teamId) params.set("teamId", filters.teamId);
         if (filters.status) params.set("status", filters.status);
         if (filters.search) params.set("search", filters.search);
-        if (filters.assigneeId) params.set("assigneeId", filters.assigneeId);
+        if (filters.assigneeIds?.length) {
+          for (const assigneeId of filters.assigneeIds) {
+            params.append("assigneeId", assigneeId);
+          }
+        }
         else if (filters.assignedToMe) params.set("assignedToMe", "true");
         if (filters.cycleId) params.set("cycleId", filters.cycleId);
         if (append && cursorRef.current) params.set("cursor", cursorRef.current);
@@ -80,7 +84,7 @@ export function useLinearIssues(
         setLoading(false);
       }
     },
-    [filters.teamId, filters.status, filters.search, filters.assigneeId, filters.assignedToMe, filters.cycleId, enabled, options.projectSlug, options.limit],
+    [filters.teamId, filters.status, filters.search, filters.assigneeIds, filters.assignedToMe, filters.cycleId, enabled, options.projectSlug, options.limit],
   );
 
   useEffect(() => {

package/cloud-runtime/standalone/lib/linear-issue-store.ts

@@ -88,7 +88,7 @@ export interface LinearIssueSyncState {
 export interface ListCachedLinearIssuesInput {
   search?: string;
   status?: string;
-  assigneeId?: string;
+  assigneeIds?: string[];
   assignedToMe?: boolean;
   teamId?: string;
   cycleId?: string;
@@ -349,10 +349,16 @@ export async function listCachedLinearIssues(
       params.push(status.toLowerCase());
     }
 
-    const assigneeId = toOptionalString(input.assigneeId ?? null);
-    if (assigneeId) {
-      clauses.push("assignee_id = ?");
-      params.push(assigneeId);
+    const assigneeIds = Array.from(
+      new Set(
+        (input.assigneeIds ?? [])
+          .map((assigneeId) => toOptionalString(assigneeId))
+          .filter((assigneeId): assigneeId is string => Boolean(assigneeId))
+      )
+    );
+    if (assigneeIds.length > 0) {
+      clauses.push(`assignee_id IN (${assigneeIds.map(() => "?").join(", ")})`);
+      params.push(...assigneeIds);
     }
 
     if (input.assignedToMe) {

package/cloud-runtime/standalone/state/automations/.state/24a6a5db-3b14-49c4-841f-29f10f015fbb.json

@@ -1,8 +1,8 @@
 {
   "scheduleHash": "c2ceb4716d31708534c3ced330caffb304cc5e0713572bfdb0893feffd9ddb61",
-  "nextRunAt": 1775620397853,
-  "lastRunAt": 1775616817898,
+  "nextRunAt": 1775623999537,
+  "lastRunAt": 1775620424848,
   "lastOutcome": "success",
   "lastError": null,
-  "updatedAt": "2026-04-08T02:53:37.898Z"
+  "updatedAt": "2026-04-08T03:53:44.849Z"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mndrk/agx",
-  "version": "2.0.45",
+  "version": "2.0.46",
   "description": "Autonomous AI Agent Orchestrator for Claude, Gemini, and Ollama",
   "engines": {
     "node": ">=22.16.0"

package/cloud-runtime/standalone/.linear-token.json

@@ -1,4 +0,0 @@
-{
-  "accessToken": "lin_oauth_57e29621e622de9a7e82341db1318204ad38b149f7502a3f20d972b9bb709db7",
-  "expiresAt": 1775703197030
-}