> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mindli.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Trash

> View, delete, or restore Sparks or Boxes that were moved to the Trash.

export const ProTips = ({page, item, icon, children}) => {
  const label = page || item;
  if (!label || !children) {
    return null;
  }
  return <>
      <Heading level="3">
        {icon ? <span style={{
    marginRight: "10px",
    display: "inline-block"
  }}>
            {icon}
          </span> : null}
        Pro Tips for: {label}
      </Heading>
      {children}
    </>;
};

export const MndIcon = ({icon, size = 20, color, circle = false}) => {
  const iconUrl = `https://app.mindli.com/api/icon/${icon}`;
  const [isDarkMode, setIsDarkMode] = React.useState(false);
  React.useEffect(() => {
    const checkTheme = () => {
      const darkClass = document.documentElement.classList.contains('dark');
      const darkAttr = document.documentElement.getAttribute('data-theme') === 'dark';
      setIsDarkMode(darkClass || darkAttr);
    };
    checkTheme();
    const observer = new MutationObserver(checkTheme);
    observer.observe(document.documentElement, {
      attributes: true,
      attributeFilter: ['class', 'data-theme']
    });
    return () => observer.disconnect();
  }, []);
  let finalColor = color;
  if (!color) {
    finalColor = isDarkMode ? '#FFFFFF' : '#333333';
  }
  const iconElement = <span style={{
    width: `${size}px`,
    height: `${size}px`,
    backgroundColor: finalColor,
    maskImage: `url(${iconUrl})`,
    maskSize: 'contain',
    maskRepeat: 'no-repeat',
    WebkitMaskImage: `url(${iconUrl})`,
    WebkitMaskSize: 'contain',
    display: 'inline-block',
    verticalAlign: 'middle'
  }} />;
  if (!circle) {
    return <span style={{
      display: 'inline-flex',
      alignItems: 'center',
      justifyContent: 'center',
      verticalAlign: 'middle',
      transform: 'translateY(-0.08em)'
    }}>
        {iconElement}
      </span>;
  }
  const circleSize = Math.max(size + 6, 20);
  return <span style={{
    display: 'inline-flex',
    width: `${circleSize}px`,
    height: `${circleSize}px`,
    border: `2px solid ${finalColor}`,
    borderRadius: '9999px',
    alignItems: 'center',
    justifyContent: 'center',
    verticalAlign: 'middle',
    transform: 'translateY(-0.08em)'
  }}>
      {iconElement}
    </span>;
};

## Overview

The Trash is where Sparks and Boxes go when you move them to the Trash.

Here you can:

* View the Spark or Box that was deleted
* Restore it to its original location (or Inbox/Home if original location not available)
* Permanently delete it

<Danger> Deleting a Spark or Box from the Trash is permanent and cannot be undone.</Danger>

For shared actions across MindLi, including the MindLi button, Help button, Avatar button, and Search field, see [Using MindLi](/get-started/using-mindli).

<Check>
  Smart Tip:

  Unlike file system folder trash, in MindLi, moving a Box to Trash does not move its Sub-Boxes to Trash with it. The Sub-Boxes move up one level and stay connected to the parent Box above it.

  This helps keep useful Sub-Boxes available when you remove one Box.
</Check>

## Trash Screen Controls

1. **<MndIcon icon="MNDIconTrash" /> Trash:** Refresh trash data to get the latest list of deleted items

2. **<MndIcon icon="MNDIconManySparks" /> Sparks:** View trashed Sparks, select for bulk actions, restore all, or empty Sparks trash

3. **<MndIcon icon="MNDIconBoxes" /> Boxes:** View trashed Boxes, restore all, or empty Boxes trash

<ProTips item="Trash" icon={<MndIcon icon="MNDIconBrain" color="#FF9900" size={18} />}>
  <ol>
    <li>Use <MndIcon icon="MNDIconTrash" size={14} /> Trash > <MndIcon icon="MNDIconNoSearchResults" size={14} /> Search to find deleted items by summary, description, or related Box name when a title does not come to mind</li>
    <li>Open <MndIcon icon="MNDIconManySparks" size={14} /> Sparks > <MndIcon icon="MNDIconSquareCheck" size={14} /> Select for Bulk Actions to restore or delete many items at once when you are cleaning up at scale</li>
  </ol>
</ProTips>