Memory Scope

AI chats 2

About

A radio-group settings control for choosing which memory scope an AI chat reads from (per-project, all work, or off), with an off state that is a real, explained option rather than a hidden toggle.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Memory Scope to your project and fits it to your theme.

Code

How Memory Scope is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

"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>
  );
}