Download and Upload are available after your files are refreshed.
} ; let getterModal; @@ -355,14 +351,7 @@ export function DashboardStatus() { } function DashboardRecentFiles() { - // Show only the files the user is part way through. - const [continueOnly, setContinueOnly] = useLocalStorage('dashboard_recent_continue', false); - const {searchFiles, loading, fetchFiles} = useSearchRecentFiles(continueOnly); - - let files =Nothing in progress. A video, audio file, ebook or comic you stop part way through will be here.
; - } + const {searchFiles, loading, fetchFiles} = useSearchRecentFiles(); return{files}
+ The AI assistant runs entirely on this WROLPi — no internet is needed after a model + is downloaded. Download a model, select it, then enable the assistant. Monitor + download progress on the Downloads page.
+You can also copy your own GGUF file into ai/models/; it will appear here as a + custom model the next time this page loads. Use a plain ASCII file name without + #, quotes, or ... The model must support tool calling (Qwen3, Llama 3.x, + and Mistral instruct models do). Selecting a custom model resets the context size to the + default; set context_size in ai.yaml to override it.
+
+ {activity.map((item, i) =>
+ {item.pending
+ ? )}
+
;
+}
+
+export function ChatMessage({message}) {
+ if (message.role === 'user') {
+ return
+ {message.content}
+
;
+ }
+ return
+ {message.status && {message.status} }
+
+ {message.content && }
+ {message.streaming && !message.content && !message.activity?.length && {message.error} }
+
;
+}
+
+export function AiChat() {
+ const {mode, setMode, messages, sending, send, stop, disabledCode} = useAiChat();
+ const [modes, setModes] = useState([]);
+ const [slowHardware, setSlowHardware] = useState(false);
+ const [aiEnabled, setAiEnabled] = useState(null);
+ const [input, setInput] = useState('');
+ const bottomRef = useRef(null);
+
+ useEffect(() => {
+ getChatModes().then(i => i && setModes(i)).catch(console.error);
+ getAiCatalog().then(catalog => {
+ if (catalog) {
+ setSlowHardware(catalog.slow_hardware === true);
+ setAiEnabled(Boolean(catalog.enabled && catalog.active_model));
+ }
+ }).catch(console.error);
+ }, []);
+
+ useEffect(() => {
+ bottomRef.current?.scrollIntoView?.({behavior: 'smooth'});
+ }, [messages]);
+
+ const handleSend = async (content) => {
+ setInput('');
+ await send(content);
+ };
+
+ const notReady = aiEnabled === false || disabledCode === 'AI_DISABLED';
+ if (notReady) {
+ return
+ {messages.length === 0 &&
+ {suggestions.map(suggestion =>
+ )}
+ }
+ {messages.map((message, i) => )}
+
}/>
}/>
- }/>
}
diff --git a/app/src/components/Bookmarks.js b/app/src/components/Bookmarks.js
deleted file mode 100644
index 270d0aef..00000000
--- a/app/src/components/Bookmarks.js
+++ /dev/null
@@ -1,453 +0,0 @@
-import React, {useState} from 'react';
-import {Link} from 'react-router';
-import {IconBookmark} from '@tabler/icons-react';
-import {Button, Group, Header, Icon, Menu, Message, Modal, Panel, Select, Table, Text, TextInput, Toggle} from './ui';
-import {APIButton, PageContainer, useTitle} from './Common';
-import {isBookmarkDirectory, resolveBookmarkUrl, useBookmarks} from '../contexts/BookmarksContext';
-import {addBookmark, addBookmarkDirectory, deleteBookmark, moveBookmark, updateBookmark} from '../api';
-
-export const EDIT_BOOKMARKS_PATH = '/more/bookmarks';
-
-/**
- * The props that make a Menu.Item open a bookmark: an in-app Link for a path, a plain
- * anchor for everything else, and a new tab when the bookmark asks for one. A URL that
- * does not resolve (see resolveBookmarkUrl) gets a disabled item, never a raw href.
- */
-function bookmarkItemProps(node) {
- const {internal, href} = resolveBookmarkUrl(node.url);
- if (!href) {
- return {disabled: true};
- }
- const target = node.new_tab ? {target: '_blank', rel: 'noopener noreferrer'} : {};
- if (internal) {
- return {component: Link, to: href, ...target};
- }
- return {component: 'a', href, ...target};
-}
-
-/**
- * The items of a bookmarks menu.
- *
- * `nested` draws a directory as a flyout (Menu.Sub), which opens beside the menu on hover.
- * Without it a directory is a labelled, indented run of items instead: the mobile
- * hamburger is the one place bookmarks are shown where a flyout cannot be hovered. The
- * indent is in rem: a label is set smaller than an item, so an em indent would put a
- * directory's label a few pixels left of the items beside it.
- */
-export function BookmarkMenuItems({nodes, nested = true, depth = 0}) {
- if (!nodes || nodes.length === 0) {
- return null;
- }
- return nodes.map(node => {
- if (isBookmarkDirectory(node)) {
- if (nested) {
- return
-
-
-
- {node.children.length > 0
- ?
- : Empty }
-
- ;
- }
- return
- {node.name}
- ;
- }
- return
- {nodes.length > 0 &&
- {title}
-
-
-
-
-
-
-
- ;
-}
-
-/** The rows of the editor, one per node, children beneath their directory and indented. */
-function BookmarkTableRows({nodes, parentId, depth, editable, actions}) {
- return nodes.map((node, index) => {
- const directory = isBookmarkDirectory(node);
- const {href} = directory ? {} : resolveBookmarkUrl(node.url);
- return
-
- {String(index + 1).padStart(2, '0')}
-
- {directory
- ?
-
- {directory && {node.name}}
- {!directory && (href
- ?
- {node.name}
-
- : {node.name})}
- {!directory && {node.url} }
-
- {editable &&
- }
-
- {directory && }
- ;
- });
-}
-
-/**
- * The bookmarks table, in the shape of the playlist items table. `actions` carries
- * edit/move/remove so the gallery can render it with none of them wired.
- */
-export function BookmarkTable({nodes, editable = true, actions}) {
- return
-
;
-}
-
-/** The "Add a bookmark" and "Add a directory" forms beneath the table. */
-export function BookmarkAddForms({nodes, onAddBookmark, onAddDirectory}) {
- const [url, setUrl] = useState('');
- const [name, setName] = useState('');
- const [newTab, setNewTab] = useState(false);
- const [location, setLocation] = useState(ROOT);
- const [directoryName, setDirectoryName] = useState('');
- const [directoryLocation, setDirectoryLocation] = useState(ROOT);
- const locations = locationOptions(nodes);
- const parentOf = (value) => value === ROOT ? null : Number(value);
-
- // The form is cleared only once the server has accepted the node. A refused add has
- // already shown its toast; the typed URL stays so the user can correct it.
- const handleAddBookmark = async () => {
- if (!url.trim() || !name.trim()) return;
- try {
- await onAddBookmark({name: name.trim(), url: url.trim(), new_tab: newTab, parent_id: parentOf(location)});
- } catch (e) {
- return;
- }
- setUrl('');
- setName('');
- };
-
- const handleAddDirectory = async () => {
- if (!directoryName.trim()) return;
- try {
- await onAddDirectory({name: directoryName.trim(), parent_id: parentOf(directoryLocation)});
- } catch (e) {
- return;
- }
- setDirectoryName('');
- };
-
- return <>
- Add a bookmark
-
- Add a directory
-
- ;
-}
-
-export function BookmarksPage() {
- useTitle('Bookmarks');
- const {bookmarks, refresh} = useBookmarks();
- // {node, directory, parentId} while the edit modal is open; a `key` remounts the form fresh.
- const [modal, setModal] = useState(null);
- const [modalKey, setModalKey] = useState(0);
- const nodes = bookmarks || [];
-
- const actions = {
- edit: (node, parentId) => {
- setModalKey(k => k + 1);
- setModal({node, directory: isBookmarkDirectory(node), parentId});
- },
- move: async (node, parentId, position) => {
- try {
- await moveBookmark(node.id, parentId, position);
- await refresh();
- } catch (e) {
- // Error toast already shown by the API client.
- }
- },
- remove: async (node) => {
- try {
- await deleteBookmark(node.id);
- await refresh();
- } catch (e) {
- }
- },
- };
-
- // These reject on failure (the API client has already shown the toast) so the add
- // forms know to keep what was typed.
- const handleAddBookmark = async (bookmark) => {
- await addBookmark(bookmark);
- await refresh();
- };
-
- const handleAddDirectory = async (directory) => {
- await addBookmarkDirectory(directory);
- await refresh();
- };
-
- const handleEditSave = async ({name, url, new_tab, parent_id}) => {
- const {node, directory, parentId} = modal;
- try {
- await updateBookmark(node.id, directory ? {name} : {name, url, new_tab});
- } catch (e) {
- return; // Nothing changed; the modal stays open with the toast beside it.
- }
- // The rename is committed even if the move is refused, so the nav must show it
- // either way; only a fully successful edit closes the modal.
- let moved = true;
- if (parent_id !== parentId) {
- try {
- await moveBookmark(node.id, parent_id);
- } catch (e) {
- moved = false;
- }
- }
- await refresh();
- if (moved) {
- setModal(null);
- }
- };
-
- return
-
- Bookmarks
- Add a bookmark below.
- : }
-
-
-
- {modal && setModal(null)}
- />}
- ;
-}
diff --git a/app/src/components/Bookmarks.test.js b/app/src/components/Bookmarks.test.js
deleted file mode 100644
index 60b12b3a..00000000
--- a/app/src/components/Bookmarks.test.js
+++ /dev/null
@@ -1,199 +0,0 @@
-import React from 'react';
-import {screen} from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import {render} from '../test-utils';
-import {BookmarkAddForms, BookmarkNodeModal, BookmarkTable, directoryOptions, locationOptions} from './Bookmarks';
-import {resolveBookmarkUrl} from '../contexts/BookmarksContext';
-
-const tree = [
- {id: 1, name: 'Channels', url: '/videos/channel', new_tab: false},
- {
- id: 2, name: 'Services', children: [
- {id: 3, name: 'Jellyfin', url: ':8096/', new_tab: true},
- {id: 4, name: 'Radio', children: []},
- ]
- },
-];
-
-describe('resolveBookmarkUrl', () => {
- const location = {protocol: 'https:', hostname: '10.0.0.2', host: '10.0.0.2'};
-
- it.each([
- ['/videos', {internal: true, href: '/videos'}],
- [' /videos/channel/3 ', {internal: true, href: '/videos/channel/3'}],
- // A port on this host takes the page's scheme, or its own when it names one.
- [':8096/web', {internal: false, href: 'https://10.0.0.2:8096/web'}],
- [':8096', {internal: false, href: 'https://10.0.0.2:8096'}],
- ['http://:8096/web', {internal: false, href: 'http://10.0.0.2:8096/web'}],
- ['HTTPS://:8085', {internal: false, href: 'https://10.0.0.2:8085'}],
- ['https://example.com/a?b=c', {internal: false, href: 'https://example.com/a?b=c'}],
- ])('resolves %s', (url, expected) => {
- expect(resolveBookmarkUrl(url, location)).toEqual(expected);
- });
-
- it.each([
- // Paths a browser takes off this host: network paths, backslashes, and control
- // characters a URL parser strips before deciding.
- '//evil.com', '///evil.com', '/\\evil.com', '/\\@evil.com', '/\t/evil.com', '/\n/evil.com',
- // Port forms where the host would become credentials.
- ':8096@evil.com', 'http://:8096@evil.com', ':8096\t@evil.com', ':8096/x@evil.com', ':8096\\evil.com',
- // Not http(s).
- 'javascript:alert(1)', 'data:text/html,hi', 'ftp://example.com', 'videos', '',
- ])('refuses %j rather than guessing', (url) => {
- expect(resolveBookmarkUrl(url, location)).toEqual({internal: false, href: null});
- });
-
- it('brackets an IPv6 host for a port bookmark', () => {
- // The browser reports an IPv6 hostname bracketed already.
- const v6 = {protocol: 'https:', hostname: '[::1]', host: '[::1]'};
- expect(resolveBookmarkUrl(':8096/web', v6)).toEqual({internal: false, href: 'https://[::1]:8096/web'});
- expect(resolveBookmarkUrl(':8096', {protocol: 'http:', hostname: '::1', host: '[::1]'}))
- .toEqual({internal: false, href: 'http://[::1]:8096'});
- });
-});
-
-describe('directoryOptions', () => {
- it('lists every directory with its path, and no bookmarks', () => {
- expect(directoryOptions(tree)).toEqual([
- {value: '2', label: 'Services', id: 2},
- {value: '4', label: 'Services / Radio', id: 4},
- ]);
- });
-});
-
-describe('BookmarkTable', () => {
- const actions = () => ({edit: jest.fn(), move: jest.fn(), remove: jest.fn()});
-
- it('renders the tree with resolved links, numbered within each directory', () => {
- render();
- const channels = screen.getByRole('link', {name: 'Channels'});
- expect(channels).toHaveAttribute('href', '/videos/channel');
- expect(channels).not.toHaveAttribute('target');
- const jellyfin = screen.getByRole('link', {name: 'Jellyfin'});
- expect(jellyfin).toHaveAttribute('href', `${window.location.protocol}//${window.location.hostname}:8096/`);
- expect(jellyfin).toHaveAttribute('target', '_blank');
- expect(screen.getByText('Radio')).toBeInTheDocument();
- // Channels, Services, then Services' two children.
- const numbers = screen.getAllByRole('row').slice(1).map(row => row.firstChild.textContent);
- expect(numbers).toEqual(['01', '02', '01', '02']);
- });
-
- it('moves a node among its siblings and only within bounds', async () => {
- const a = actions();
- render();
- // The first top-level node cannot move up; the last cannot move down.
- expect(screen.getByRole('button', {name: 'Move Channels up'})).toBeDisabled();
- expect(screen.getByRole('button', {name: 'Move Services down'})).toBeDisabled();
-
- await userEvent.click(screen.getByRole('button', {name: 'Move Channels down'}));
- expect(a.move).toHaveBeenCalledWith(tree[0], null, 1);
- // A child moves within its directory: parent 2, from index 1 to 0.
- await userEvent.click(screen.getByRole('button', {name: 'Move Radio up'}));
- expect(a.move).toHaveBeenCalledWith(tree[1].children[1], 2, 0);
- });
-
- it('shows a bookmark whose URL does not resolve as text, not a link', () => {
- const nodes = [{id: 1, name: 'Bad', url: '//evil.com', new_tab: false}];
- render();
- expect(screen.queryByRole('link', {name: 'Bad'})).not.toBeInTheDocument();
- expect(screen.getByText('Bad')).toBeInTheDocument();
- });
-
- it('edits with the parent the node lives in, and deletes a bookmark without asking', async () => {
- const a = actions();
- render();
- await userEvent.click(screen.getByRole('button', {name: 'Edit Jellyfin'}));
- expect(a.edit).toHaveBeenCalledWith(tree[1].children[0], 2);
- await userEvent.click(screen.getByRole('button', {name: 'Delete Channels'}));
- expect(a.remove).toHaveBeenCalledWith(tree[0]);
- });
-
- it('asks before deleting a directory, since its contents go with it', async () => {
- const a = actions();
- render();
- await userEvent.click(screen.getByRole('button', {name: 'Delete Services'}));
- expect(a.remove).not.toHaveBeenCalled();
- await userEvent.click(await screen.findByRole('button', {name: 'Delete'}));
- expect(a.remove).toHaveBeenCalledWith(tree[1]);
- });
-});
-
-describe('BookmarkAddForms', () => {
- it('adds a bookmark at the top level and clears the form', async () => {
- const onAddBookmark = jest.fn();
- render();
- const adds = screen.getAllByRole('button', {name: 'Add'});
- expect(adds[0]).toBeDisabled();
-
- await userEvent.type(screen.getByLabelText('Bookmark URL'), ':8123/');
- expect(adds[0]).toBeDisabled();
- await userEvent.type(screen.getByLabelText('Bookmark name'), 'Home Assistant');
- await userEvent.click(screen.getByLabelText('New tab'));
- await userEvent.click(adds[0]);
-
- expect(onAddBookmark).toHaveBeenCalledWith({name: 'Home Assistant', url: ':8123/', new_tab: true, parent_id: null});
- expect(screen.getByLabelText('Bookmark URL')).toHaveValue('');
- });
-
- it('keeps what was typed when the server refuses the bookmark', async () => {
- const onAddBookmark = jest.fn().mockRejectedValue(new Error('refused'));
- render();
- await userEvent.type(screen.getByLabelText('Bookmark URL'), '//evil.com');
- await userEvent.type(screen.getByLabelText('Bookmark name'), 'Oops');
- await userEvent.click(screen.getAllByRole('button', {name: 'Add'})[0]);
-
- expect(onAddBookmark).toHaveBeenCalled();
- expect(screen.getByLabelText('Bookmark URL')).toHaveValue('//evil.com');
- expect(screen.getByLabelText('Bookmark name')).toHaveValue('Oops');
- });
-
- it('adds a directory', async () => {
- const onAddDirectory = jest.fn();
- render();
- await userEvent.type(screen.getByLabelText('Directory name'), 'Tools');
- await userEvent.click(screen.getAllByRole('button', {name: 'Add'})[1]);
- expect(onAddDirectory).toHaveBeenCalledWith({name: 'Tools', parent_id: null});
- });
-});
-
-describe('BookmarkNodeModal', () => {
- // Mantine's Select scrolls the highlighted option into view; jsdom has no layout.
- beforeAll(() => {
- Element.prototype.scrollIntoView = jest.fn();
- });
-
- it('saves a new bookmark with its location and new-tab choice', async () => {
- const onSave = jest.fn();
- render();
- const save = screen.getByRole('button', {name: 'Save'});
- expect(save).toBeDisabled();
-
- await userEvent.type(screen.getByLabelText('Name'), 'Home Assistant');
- expect(save).toBeDisabled();
- await userEvent.type(screen.getByLabelText('URL'), ':8123/');
- await userEvent.click(screen.getByLabelText('Open in a new tab'));
- await userEvent.click(save);
-
- expect(onSave).toHaveBeenCalledWith({name: 'Home Assistant', url: ':8123/', new_tab: true, parent_id: 2});
- });
-
- it('a directory has no URL or new-tab choice', () => {
- render();
- expect(screen.getByLabelText('Name')).toHaveValue('Services');
- expect(screen.queryByLabelText('URL')).not.toBeInTheDocument();
- expect(screen.queryByLabelText('Open in a new tab')).not.toBeInTheDocument();
- });
-});
-
-describe('locationOptions', () => {
- it('offers the top level and every directory to a new node', () => {
- expect(locationOptions(tree).map(o => o.label)).toEqual(['Top level', 'Services', 'Services / Radio']);
- });
-
- it('never offers a directory itself, or its children', () => {
- expect(locationOptions(tree, tree[1]).map(o => o.label)).toEqual(['Top level']);
- expect(locationOptions(tree, tree[1].children[1]).map(o => o.label)).toEqual(['Top level', 'Services']);
- });
-});
diff --git a/app/src/components/Calculators.js b/app/src/components/Calculators.js
index da82243f..99878cde 100644
--- a/app/src/components/Calculators.js
+++ b/app/src/components/Calculators.js
@@ -14,7 +14,6 @@ import {FoodStorageCalculator} from "./calculators/FoodStorageCalculator";
import {OneTimePadCalculator} from "./calculators/OneTimePadCalculator";
import {VinDecoderCalculator} from "./calculators/VinDecoderCalculator";
import {SpeedTestCalculator} from "./calculators/SpeedTestCalculator";
-import {SolarCalculator} from "./calculators/SolarCalculator";
// Calculators are shown in these titled groups, in this order. Each calculator carries a
// `group` matching one of these names; any calculator whose group is missing/unknown falls
@@ -36,7 +35,6 @@ export const useCalculators = () => {
{key: 'ratio', icon: 'th large', button: 'Ratio', group: 'Engineering', contents: );
-
- expect(await screen.findByText('3 / 4')).toBeInTheDocument();
- expect(screen.getByAltText('Page 3')).toHaveAttribute('src', '/member/03.jpg');
-
- fireEvent.click(screen.getByLabelText('Next page'));
- expect(screen.getByText('4 / 4')).toBeInTheDocument();
-
- unmount();
- expect(saves()).toEqual([expect.objectContaining({
- file: PATH, progress: 1, final: true, position: expect.objectContaining({kind: 'page', page: 3}),
- })]);
- });
-
- test('a saved page past the end opens the last page', async () => {
- const fileGroup = {progress: 0.5, position: {kind: 'page', page: 40, updated_at: 1000}};
- renderWithProviders();
- expect(await screen.findByText('4 / 4')).toBeInTheDocument();
- });
-
- test('without a progress path it opens at the first page and saves nothing', async () => {
- const fileGroup = {progress: 0.75, position: {kind: 'page', page: 2, updated_at: 1000}};
- const {unmount} = renderWithProviders();
- expect(await screen.findByText('1 / 4')).toBeInTheDocument();
- await act(async () => fireEvent.click(screen.getByLabelText('Next page')));
- unmount();
- expect(saves()).toEqual([]);
- });
-
- test('opening a comic saves nothing, so a finished comic stays finished', async () => {
- const fileGroup = {progress: 1, position: null, viewed: new Date(9000).toISOString()};
- const {unmount} = renderWithProviders();
- expect(await screen.findByText('1 / 4')).toBeInTheDocument();
- unmount();
- expect(saves()).toEqual([]);
- });
-
- test('peeking at the cover keeps the reader\'s place', async () => {
- const fileGroup = {progress: 0.75, position: {kind: 'page', page: 2, updated_at: 1000}};
- const {unmount} = renderWithProviders();
- expect(await screen.findByText('3 / 4')).toBeInTheDocument();
- fireEvent.click(screen.getByLabelText('Previous page'));
- fireEvent.click(screen.getByLabelText('Previous page'));
- expect(screen.getByText('1 / 4')).toBeInTheDocument();
- unmount();
- expect(saves()).toEqual([expect.objectContaining({position: expect.objectContaining({page: 1})})]);
- });
-});
diff --git a/app/src/components/Channels.cy.js b/app/src/components/Channels.cy.js
index 15be46a9..34fc5994 100644
--- a/app/src/components/Channels.cy.js
+++ b/app/src/components/Channels.cy.js
@@ -49,7 +49,7 @@ describe('Channels Page', () => {
{initialEntries: ['/videos/channel/1/edit']}
);
cy.wait('@channelFetch');
- cy.wait('@searchDirectories'); // Needed in CI.
+ cy.wait('@searchDirectories'); // Needed for CircleCi.
cy.wait(500);
cy.get('input[name="name"]').should('be.visible');
cy.get('input[name="name"]').should('have.value', 'Editing Channel');
diff --git a/app/src/components/Common.js b/app/src/components/Common.js
index 118ce30e..9e93e039 100644
--- a/app/src/components/Common.js
+++ b/app/src/components/Common.js
@@ -757,18 +757,6 @@ export function findPosterPath(file) {
}
}
-/** How far the user is through a file, as a bar along the bottom of its poster. A full bar is finished. */
-export function ViewProgress({progress}) {
- if (!(progress > 0)) {
- return null;
- }
- const percent = Math.round(Math.min(progress, 1) * 100);
- return 
{overlay}
-
;
return {
* the two had been inline before.
*
* A row fixes it without touching the stack: the row is the stretched child, and it lays
- * its buttons out at their own width. Thirteen sites, so this scan rather than thirteen
+ * its buttons out at their own width. Nine sites, so this scan rather than nine
* assertions -- and a scan because a stretched button is still a working button.
*/
const offenders = [];
@@ -1140,8 +1140,8 @@ describe('a row of buttons', () => {
}
}
- // Thirteen renders. Common.js declares it, and a declaration is not a `}
+ {isCbz && activePath && }
{canEmbed && embedUrl && !isCbz && ]*>\s*]*>\s*
+
+
+
+ }
+ ;
+}
diff --git a/app/src/components/AiChat.test.js b/app/src/components/AiChat.test.js
new file mode 100644
index 00000000..d47488a4
--- /dev/null
+++ b/app/src/components/AiChat.test.js
@@ -0,0 +1,121 @@
+import React from 'react';
+import {fireEvent, screen, waitFor} from '@testing-library/react';
+
+import {render} from '../test-utils';
+import {AiChatProvider} from '../contexts/AiChatContext';
+import {parseSSEBlock} from '../sse';
+import {AiChat, LinkifiedText} from './AiChat';
+
+jest.mock('../api', () => ({
+ getChatModes: jest.fn().mockResolvedValue([
+ {name: 'help', suggestions: ['How do I download videos?']},
+ {name: 'research', suggestions: ['Find videos about canning']},
+ {name: 'system', suggestions: ['Why is my drive full?']},
+ ]),
+ getAiCatalog: jest.fn().mockResolvedValue({
+ enabled: true, active_model: 'test.gguf', slow_hardware: false,
+ }),
+}));
+jest.mock('../sse', () => ({
+ ...jest.requireActual('../sse'),
+ streamChat: jest.fn(),
+}));
+
+const {getAiCatalog, getChatModes} = require('../api');
+const {streamChat} = require('../sse');
+
+const renderChat = () => render(
-
-
-
- Bookmarks appear in the Bookmarks menu of the navigation bar. They can point at pages on this - WROLPi, at other services running beside it, or anywhere on the web. -
- - {nodes.length === 0 - ?
-
-
-}
-
export function CardPoster({to, file, overlay}) {
const navigate = useNavigate();
@@ -797,7 +785,6 @@ export function CardPoster({to, file, overlay}) {
{imageLabel}
@@ -815,7 +802,6 @@ export function CardPoster({to, file, overlay}) {
}
;
}
@@ -1083,10 +1065,9 @@ export function Toggle({label, checked, disabled, onChange, icon, popupContent =
export function DisableDownloadsToggle() {
const [pending, setPending] = React.useState(false);
- const {status, fetchStatus, loaded} = React.useContext(StatusContext);
+ const {status, fetchStatus} = React.useContext(StatusContext);
- // Until the first status poll lands there is no downloads state to show, only a disabled toggle.
- const downloads = loaded ? status?.downloads : null;
+ const {downloads} = status ? status : {downloads: null};
const wrolModeEnabled = useWROLMode();
const setDownloads = async (enable) => {
@@ -1101,9 +1082,8 @@ export function DisableDownloadsToggle() {
}
const on = downloads && downloads['disabled'] === false && downloads['stopped'] === false;
- const label = downloads === null ? 'Downloading' : on === true ? 'Downloading Enabled' : 'Downloading Disabled';
return
{imageLabel}
-
} else if (!posterPath && to) {
@@ -824,7 +810,6 @@ export function CardPoster({to, file, overlay}) {
navigate(to)}>
{imageLabel}
-
}
@@ -943,10 +928,7 @@ export function HelpHeader({
// why it cannot be used. `confirmStop` asks before switching off.
function SubsystemToggle({label, on, onChange, unsupportedMessage, info = null, disabled = null, confirmStop = null}) {
const [confirmOpen, setConfirmOpen] = React.useState(false);
- // null = the status has loaded without this subsystem; undefined = the status has not loaded
- // yet (or a call is in flight). Both disable the toggle; only the first claims unsupported.
const unsupported = on === null;
- const unknown = on === undefined;
const handleChange = (checked) => {
if (!checked && confirmStop) {
@@ -979,11 +961,11 @@ function SubsystemToggle({label, on, onChange, unsupportedMessage, info = null,
}
{/*
@@ -384,8 +364,11 @@ function DocPage() {
* re-gates rather than inheriting the last one's reveal.
*/}
-
}
diff --git a/app/src/components/Docs.test.js b/app/src/components/Docs.test.js
index 6f757b1f..147ea885 100644
--- a/app/src/components/Docs.test.js
+++ b/app/src/components/Docs.test.js
@@ -19,15 +19,10 @@ const source = fs.readFileSync(path.join(__dirname, 'Docs.js'), 'utf8');
describe('DocPage embed gating (source contract)', () => {
it('wraps the embedded viewer in a MediaGate', () => {
- // The iframe must not be reachable without passing through the gate. The gate's only child is the
- // viewer frame, and the frame is just the iframe.
- const embed = source.match(/