"use client";
import * as React from "react";
import MemoryScope from "@/components/ui/memory-scope";
export default function MemoryScopeDemo() {
const [value, setValue] = React.useState("project");
return (
<div
style={{
maxWidth: 760,
margin: "0 auto",
padding: 32,
color: "var(--ink-primary)",
}}
>
<MemoryScope
value={value}
onChange={setValue}
options={[
{
value: "project",
label: "This project",
detail: "12 notes about Seorin MSA",
summary:
"12 notes, kept by Redrob outside any AI, so they work with every model.",
},
{
value: "all",
label: "All my work",
detail: "Also 31 notes on how you like to work",
summary:
"43 notes, kept by Redrob outside any AI, so they work with every model.",
},
{
value: "none",
label: "Off for this chat",
detail: "Nothing is read, and nothing is saved",
off: true,
},
]}
foot={
<>
<span>Yours to keep: download every note at any time.</span>
<a href="#memory">Open Memory</a>
</>
}
/>
</div>
);
}