daat-locus 0.4.0

A long-running local agent runtime with memory, workflows, apps, and sleep-time self-improvement.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83

import { useState, useCallback, type ReactNode } from "react";
import { ChevronDownIcon } from "lucide-react";
import { cn } from "@/lib/utils";

type CollapsibleContextValue = {
  open: boolean;
  toggle: () => void;
};

function useCollapsibleState(
  defaultOpen: boolean,
  controlledOpen?: boolean,
  onOpenChange?: (open: boolean) => void,
): CollapsibleContextValue {
  const [internalOpen, setInternalOpen] = useState(defaultOpen);
  const open = controlledOpen ?? internalOpen;

  const toggle = useCallback(() => {
    const next = !open;
    if (onOpenChange) {
      onOpenChange(next);
    } else {
      setInternalOpen(next);
    }
  }, [open, onOpenChange]);

  return { open, toggle };
}

export function CollapsibleTrigger({
  children,
  className,
  open,
  onToggle,
}: {
  children: ReactNode;
  className?: string;
  open: boolean;
  onToggle: () => void;
}) {
  return (
    <button
      type="button"
      onClick={onToggle}
      className={cn(
        "flex w-full items-center gap-1.5 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors cursor-pointer select-none",
        className,
      )}
    >
      <ChevronDownIcon
        className={cn(
          "size-3.5 shrink-0 transition-transform duration-200",
          open && "rotate-180",
        )}
      />
      {children}
    </button>
  );
}

export function CollapsibleContent({
  children,
  open,
  className,
}: {
  children: ReactNode;
  open: boolean;
  className?: string;
}) {
  if (!open) return null;
  return (
    <div
      className={cn(
        "mt-2 overflow-hidden animate-in slide-in-from-top-1 fade-in-0 duration-200",
        className,
      )}
    >
      {children}
    </div>
  );
}

export { useCollapsibleState };