> ## 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.

# Inbox

> Review all your added Sparks from all sensors

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 Inbox is a special kind of Box that collects all the added Sparks
* You can use all the usual Box actions

<Danger>Tip: You cannot edit or delete "My Inbox" since it is your default Box.</Danger>

<Note>
  Quick Tip:

  * Try to keep your Inbox organized by regularly reviewing and processing added Sparks.
</Note>

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

## Inbox Screen Controls

1. **<MndIcon icon="MNDIconBox" /> Box:** View Inbox details, access view options, search, and refresh data

2. **<MndIcon icon="MNDIconManySparks" /> Sparks:** View Sparks in the Inbox, create new Sparks, and select multiple Sparks for bulk actions

3. **<MndIcon icon="MNDIconBoxes" /> Sub-Boxes:** View Sub-Boxes within the Inbox and create new Sub-Boxes

4. **<MndIcon icon="MNDIconLightbulb" /> Create:** Generate AI-powered insights across all Sparks in the Inbox

## Inbox View Controls

### Sparks

1. **<MndIcon icon="MNDIconShuffle" /> Sort:** Change the order of Sparks in the Inbox

2. **<MndIcon icon="MNDIconLayoutList" /> List View:** Show Sparks in a compact list

3. **<MndIcon icon="MNDIconGalleryVertical" /> Feed View:** Show Sparks as larger preview cards

### Sub-Boxes

1. **<MndIcon icon="MNDIconListFilter" /> Filter:** Choose which Sub-Boxes appear in the Inbox

2. **<MndIcon icon="MNDIconShuffle" /> Sort:** Change the order of Sub-Boxes in the Inbox

3. **<MndIcon icon="MNDIconScaling" /> Spark Preview:** Choose how much Spark preview content appears under Sub-Boxes

4. **<MndIcon icon="MNDIconNetwork" /> Level:** Choose how many Sub-Box levels are expanded in the Inbox

<ProTips item="Inbox" icon={<MndIcon icon="MNDIconBrain" color="#FF9900" size={18} />}>
  <ol>
    <li>Create an **Other** or **Later** Box and move low-priority Sparks in batches to keep the Inbox scan-friendly</li>
    <li><MndIcon icon="MNDIconArchive" size={14} /> Archive Sparks you do not need right now, but wish to store for future reference</li>
    <li>Use <MndIcon icon="MNDIconSettings" size={14} /> Settings > <MndIcon icon="MNDIconBox" size={14} /> Box > Auto Disconnect from My Inbox to remove Sparks from the Inbox when you connect them to other Boxes, keeping it clear for new captures</li>
  </ol>
</ProTips>