gui/components/Manage

The Manage tab — the in-app content manager. Same two-pane skeleton as Generate, but instead of composing prompts it edits the catalog: a real, nested folder tree of the two data roots (Blocks = blocks, Lists = lists) on the left, and a big editor pane on the right.

This is the read-only-tree foundation (phase 2): the tree shows the actual on-disk structure with categories vs subfolders color-coded, force-prefix / implied-group folders badged, _-markers abstracted into those badges, NSFW gated by the header toggle, a search filter, and a Refresh button. Each folder has a gear by its name and each entry a hover Edit action; both select the item into the right pane (the actual editors arrive in the next phases). Local mode only — when the management backend isn't present (online build / static host) the tab is locked upstream in App.

Description:
  • The Manage tab — the in-app content manager. Same two-pane skeleton as Generate, but instead of composing prompts it edits the catalog: a real, nested folder tree of the two data roots (Blocks = blocks, Lists = lists) on the left, and a big editor pane on the right.

    This is the read-only-tree foundation (phase 2): the tree shows the actual on-disk structure with categories vs subfolders color-coded, force-prefix / implied-group folders badged, _-markers abstracted into those badges, NSFW gated by the header toggle, a search filter, and a Refresh button. Each folder has a gear by its name and each entry a hover Edit action; both select the item into the right pane (the actual editors arrive in the next phases). Local mode only — when the management backend isn't present (online build / static host) the tab is locked upstream in App.

Source:

(require("gui/components/Manage"))(props) → {JSX.Element}

Description:
  • The Manage workspace.

Source:
Parameters:
Name Type Description
props object
Properties
Name Type Description
settings object

Current settings (reads includeAdult).

available boolean

Whether the local-mode backend is present.

active boolean

Whether this tab is currently shown.

Returns:
Type
JSX.Element