diff --git a/apps/ollama/ollama.js b/apps/ollama/ollama.js
index bddd9ec..9fc6dba 100644
--- a/apps/ollama/ollama.js
+++ b/apps/ollama/ollama.js
@@ -1,5 +1,5 @@
 /*
- * Copyright 2024 Inclusive Design Research Centre, OCAD University
+ * Copyright 2024-2026 Inclusive Design Research Centre, OCAD University
  * All rights reserved.
  *
  * Licensed under the New BSD license. You may not use this file except in
@@ -8,31 +8,13 @@
  * You may obtain a copy of the License at
  * https://github.com/inclusive-design/adaptive-palette/blob/main/LICENSE
  */
-
-import ollama from "ollama/browser";
+import { getModelNames, queryChat } from "../../src/client/ollamaApi";
 
 // Default name of model used (aka, none).  Set in setSelectedModel() handler.
 let nameOfModelToUse = "";
 const USE_ALL_MODELS = "useAllModels";
 const NO_AVAILABLE_MODELS = "No Available Models";
-
-/**
- * Retrieve a list of LLMs available from the service
- * @return {Array}    - Array of the names of the available models.
- */
-async function getModelNames () {
-  let modelNames = [];
-  try {
-    const list = await ollama.list();
-    list.models.forEach( (model) => {
-      modelNames.push(model.name);
-    });
-  }
-  catch (error) {
-    console.debug(error);
-  }
-  return modelNames;
-}
+const STREAM_RESPONSE = true;
 
 /**
  * Initialize the model <select> element's options:
@@ -129,33 +111,6 @@ function askClicked(event) {
   }
 }
 
-/**
- * Function for passing the chat prompt to the ollama service.
- * @param {String} query      - The prompt string to query the service with.
- * @param {String} modelName  - The name of the LLM to query.
- * @return {Object}           - The response from the service.
- */
-async function queryChat (query, modelName) {
-  let messageArray = [];
-  const textFromSystemPrompt = document.getElementById("systemPrompt").value.trim();
-  if (textFromSystemPrompt !== "") {
-    messageArray.push({
-      role: "system",
-      content: textFromSystemPrompt
-    });
-    console.debug(`queryChat(): system prompt is: "${textFromSystemPrompt}")`);
-  }
-  messageArray.push({ role: "user", content: query });
-  const response = await ollama.chat({
-    model: modelName,
-    messages: messageArray,
-    raw: true,
-    stream: true,
-    keep_alive: 15
-  });
-  return response;
-}
-
 /**
  * Handle the "Ask" button press by contructing a prompt from the text area
  * input and which of the "Ask" buttons was pressed.  Query the service with
@@ -175,7 +130,11 @@ async function executeAsk (addSingleToPrompt) {
     queryEachModel(promptText);
   }
   else if (modelInSelect !== NO_AVAILABLE_MODELS) {
-    const response = await queryChat(promptText, modelInSelect);
+    const textFromSystemPrompt = document.getElementById("systemPrompt").value.trim();
+    console.debug(`executeAsk(): promptText: ${promptText}`);
+    console.debug(`  textFromSystemPrompt: ${textFromSystemPrompt}`);
+    console.debug(`  modelInSelect: ${modelInSelect}`);
+    const response = await queryChat(promptText, modelInSelect, STREAM_RESPONSE, textFromSystemPrompt);
     outputResult(response, document.getElementById("ollamaOutput"), "No Result");
   }
   else {
@@ -237,7 +196,8 @@ async function queryEachModel (promptText) {
   const names = await getModelNames();
   let count = 0;
   names.forEach ((modelName) => {
-    queryChat(promptText, modelName)
+    const textFromSystemPrompt = document.getElementById("systemPrompt").value.trim();
+    queryChat(promptText, modelName, STREAM_RESPONSE, textFromSystemPrompt)
       .then(async (response) => {
         const outputEl = createOutputSection(modelName);
         await outputResult(response, outputEl, "No Result");
diff --git a/index.html b/index.html
index 68b195f..b245ec5 100644
--- a/index.html
+++ b/index.html
@@ -7,21 +7,32 @@
     <title>Adaptive Palette</title>
   </head>
   <body>
+    <!--
+      Expandable form for the LLM prompts.
+    -->
+    <details style="margin-left: 0.5em; display:inline-grid;">
+      <summary>Prompt Dialog</summary>
+      <div id="llm_prompt" style="display:inline-grid;"></div>
+    </details>
+    </div>
+    <div id="askForLlmSuggestions" style="margin-left: 0.5em;"></div>
+    <div id="llm_suggestions" style="color: white; background-color: black; margin-left:0.5em"></div>
     <div id="inputArea">
       <div id="input_palette"></div>
     </div>
-    <div class="oneRow">
-      <div id="backup_palette"></div>
+    <div>
       <div id="indicators"></div>
     </div>
     <div>
       <div id="modifiers"></div>
     </div>
-    <div>&nbsp;</div>
-    <div id="mainPaletteDisplayArea">
+    <div class="oneRow">
+      <div id="backup_palette"></div>
+      <div id="mainPaletteDisplayArea">
       <script type="module">
         import "./src/client/index.js";
       </script>
     </div>
+    <div>&nbsp;</div>
   </body>
 </html>
diff --git a/src/client/ActionTextCell.scss b/src/client/ActionTextCell.scss
new file mode 100644
index 0000000..d9788e6
--- /dev/null
+++ b/src/client/ActionTextCell.scss
@@ -0,0 +1,21 @@
+/*
+ * Copyright 2025 Inclusive Design Research Centre, OCAD University
+ * All rights reserved.
+ *
+ * Licensed under the New BSD license. You may not use this file except in
+ * compliance with this License.
+ *
+ * You may obtain a copy of the License at
+ * https://github.com/inclusive-design/adaptive-palette/blob/main/LICENSE
+ */
+
+.actionTextCell {
+  border: 2px solid black;
+  color: black;
+  background-color: white;
+  margin-left: 1rem;
+  padding-inline: 0.5rem;
+  text-align: left;
+  font-size: 1rem;
+  width: 50%;
+}
diff --git a/src/client/ActionTextCell.test.ts b/src/client/ActionTextCell.test.ts
new file mode 100644
index 0000000..c5b5b5a
--- /dev/null
+++ b/src/client/ActionTextCell.test.ts
@@ -0,0 +1,61 @@
+/*
+ * Copyright 2026 Inclusive Design Research Centre, OCAD University
+ * All rights reserved.
+ *
+ * Licensed under the New BSD license. You may not use this file except in
+ * compliance with this License.
+ *
+ * You may obtain a copy of the License at
+ * https://github.com/inclusive-design/adaptive-palette/blob/main/LICENSE
+ */
+
+import { render, screen } from "@testing-library/preact";
+import "@testing-library/jest-dom";
+import { html } from "htm/preact";
+
+import { NO_BCI_AV_ID } from "./SentenceCompletionsPalette";
+import { ActionTextCell } from "./ActionTextCell";
+
+describe("ActionBmwCodeDell render tests", (): void => {
+
+  const testCell = {
+    options: {
+      "label": "Some text to display",
+      "rowStart": "3",
+      "rowSpan": "2",
+      "columnStart": "2",
+      "columnSpan": "1",
+      "bciAvId": NO_BCI_AV_ID
+    }
+  };
+  const TEST_CELL_ID = `${testCell.options.label}-unique-uuid`;
+
+  test("Single ActionTextCell rendering", async (): Promise<void> => {
+
+    render(html`
+      <${ActionTextCell}
+        id="${TEST_CELL_ID}"
+        options=${testCell.options}
+      />`
+    );
+
+    // Check the rendered cell
+    const button = await screen.findByRole("button", {name: testCell.options.label});
+
+    // Check that the ActionTextCell/button is rendered and has the correct
+    // attributes and text.
+    expect(button).toBeVisible();
+    expect(button).toBeValid();
+    expect(button.id).toBe(TEST_CELL_ID);
+    expect(button.getAttribute("class")).toBe("actionTextCell");
+    expect(button.textContent).toBe(testCell.options.label);
+
+    // Check the grid cell styles.
+    expect(button.style["grid-column"]).toBe("2 / span 1");
+    expect(button.style["grid-row"]).toBe("3 / span 2");
+
+    // Check disabled state (should be enabled)
+    expect(button.getAttribute("disabled")).toBe(null);
+  });
+
+});
diff --git a/src/client/ActionTextCell.ts b/src/client/ActionTextCell.ts
new file mode 100644
index 0000000..f41cd22
--- /dev/null
+++ b/src/client/ActionTextCell.ts
@@ -0,0 +1,45 @@
+/*
+ * Copyright 2023-2024 Inclusive Design Research Centre, OCAD University
+ * All rights reserved.
+ *
+ * Licensed under the New BSD license. You may not use this file except in
+ * compliance with this License.
+ *
+ * You may obtain a copy of the License at
+ * https://github.com/inclusive-design/adaptive-palette/blob/main/LICENSE
+ */
+
+import { VNode } from "preact";
+import { html } from "htm/preact";
+
+import { generateGridStyle, speak } from "./GlobalUtils";
+import { BlissSymbolInfoType, LayoutInfoType } from "./index.d";
+import "./ActionTextCell.scss";
+
+type ActionTextCellPropsType = {
+  id: string,
+  options: BlissSymbolInfoType & LayoutInfoType
+};
+
+export function ActionTextCell (props: ActionTextCellPropsType): VNode {
+  const {
+    columnStart, columnSpan, rowStart, rowSpan, label
+  } = props.options;
+  const gridStyles = generateGridStyle(columnStart, columnSpan, rowStart, rowSpan);
+
+  const sentenceClicked = () => {
+    // The sentences are listed with leading numbers like so:
+    // 1. My brother's birthday is next Wednesday.
+    // 2. My brother's special day is Wednesday.
+    // 3. ...
+    // The following `replace()` is to remove the leading number from the spoken
+    // form.
+    speak(label.replace(/^[0-9]+./,"").trim());
+  };
+
+  return html`
+    <button id="${props.id}" class="actionTextCell" style="${gridStyles}" onClick=${sentenceClicked}>
+      ${label}
+    </button>
+  `;
+}
diff --git a/src/client/CommandTelegraphicCompletions.scss b/src/client/CommandTelegraphicCompletions.scss
new file mode 100644
index 0000000..6f23355
--- /dev/null
+++ b/src/client/CommandTelegraphicCompletions.scss
@@ -0,0 +1,18 @@
+/*
+ * Copyright 2025 Inclusive Design Research Centre, OCAD University
+ * All rights reserved.
+ *
+ * Licensed under the New BSD license. You may not use this file except in
+ * compliance with this License.
+ *
+ * You may obtain a copy of the License at
+ * https://github.com/inclusive-design/adaptive-palette/blob/main/LICENSE
+ */
+
+.commandTelegraphicCompletions {
+  button {
+    font-size: 1rem;
+    background-color: white;
+    margin: 0.25rem;
+  }
+}
diff --git a/src/client/CommandTelegraphicCompletions.test.ts b/src/client/CommandTelegraphicCompletions.test.ts
new file mode 100644
index 0000000..da05b57
--- /dev/null
+++ b/src/client/CommandTelegraphicCompletions.test.ts
@@ -0,0 +1,34 @@
+/*
+ * Copyright 2025 Inclusive Design Research Centre, OCAD University
+ * All rights reserved.
+ *
+ * Licensed under the New BSD license. You may not use this file except in
+ * compliance with this License.
+ *
+ * You may obtain a copy of the License at
+ * https://github.com/inclusive-design/adaptive-palette/blob/main/LICENSE
+ */
+
+import { render, screen } from "@testing-library/preact";
+import "@testing-library/jest-dom";
+import { html } from "htm/preact";
+
+import {
+  CommandTelegraphicCompletions, TELEGRPAHIC_BUTTON_LABEL, CANCEL_BUTTON_LABEL
+} from "./CommandTelegraphicCompletions";
+
+describe("CommandTelegraphicCompletions component", (): void => {
+
+  test("Render telegraphic buttons", async(): Promise<void> => {
+    render(html`
+      <${CommandTelegraphicCompletions} model="llama3.1:latest" stream=false />`
+    );
+    const triggerButton = await screen.findByText(TELEGRPAHIC_BUTTON_LABEL);
+    expect(triggerButton).toBeInTheDocument();
+    expect(triggerButton).toBeInstanceOf(HTMLButtonElement);
+
+    const cancelButton = await screen.findByText(CANCEL_BUTTON_LABEL);
+    expect(cancelButton).toBeInTheDocument();
+    expect(cancelButton).toBeInstanceOf(HTMLButtonElement);
+  });
+});
diff --git a/src/client/CommandTelegraphicCompletions.ts b/src/client/CommandTelegraphicCompletions.ts
new file mode 100644
index 0000000..352748f
--- /dev/null
+++ b/src/client/CommandTelegraphicCompletions.ts
@@ -0,0 +1,72 @@
+/*
+ * Copyright 2025 Inclusive Design Research Centre, OCAD University
+ * All rights reserved.
+ *
+ * Licensed under the New BSD license. You may not use this file except in
+ * compliance with this License.
+ *
+ * You may obtain a copy of the License at
+ * https://github.com/inclusive-design/adaptive-palette/blob/main/LICENSE
+ */
+
+import { VNode } from "preact";
+import { html } from "htm/preact";
+
+import { changeEncodingContents, sentenceCompletionsSignal } from "./GlobalData";
+import { TEXTAREA_ID } from "./DialogPromptEntries";
+import { queryChat } from "./ollamaApi";
+
+import "./CommandTelegraphicCompletions.scss";
+
+export const TELEGRPAHIC_BUTTON_LABEL = "Telegraphic Completions";
+export const CANCEL_BUTTON_LABEL = "Cancel";
+
+type CommandTelegraphicCompletionsProps = {
+  id: string,
+  model: string,
+  stream: boolean;
+};
+
+export function CommandTelegraphicCompletions (props: CommandTelegraphicCompletionsProps): VNode {
+
+  const { model, stream } = props;
+
+  // Handler for getting completions from ollama and into the
+  // `sentenceCompletionsSignal` signal's value.
+  const getTelegraphicCompletions = async (event): Promise<void> => {
+    event.preventDefault();
+    // Empty out the response area
+    sentenceCompletionsSignal.value = ["Working ..."];
+
+    // Get the label texts from each symbol in `changeEncodingContents`
+    const labelText = [];
+    changeEncodingContents.value.payloads.forEach( (value) => {
+      labelText.push(value.label);
+    });
+    const systemPrompt = (document.getElementById(TEXTAREA_ID) as HTMLTextAreaElement).value;
+    const response = await queryChat(
+      labelText.join(" "), model, stream, systemPrompt
+    );
+    // Parse the query response messages into an array of strings.  Note that
+    // with Llama3.1 each message is one of the suggested sentence completions.
+    // That might just be luck.
+    sentenceCompletionsSignal.value = response.message.content.split("\n");
+    console.log(`getTelegraphicCompletions(), ${sentenceCompletionsSignal.value}`);
+  };
+
+  // Handler to remove all of the suggested completions.
+  const removeSuggestions = (): void => {
+    sentenceCompletionsSignal.value = [];
+  };
+
+  return html`
+    <p class="commandTelegraphicCompletions">
+      <button onClick=${getTelegraphicCompletions}>
+        ${TELEGRPAHIC_BUTTON_LABEL}
+      </button>
+      <button onClick=${removeSuggestions}>
+        ${CANCEL_BUTTON_LABEL}
+      </button>
+    </p>
+  `;
+}
diff --git a/src/client/DialogPromptEntries.scss b/src/client/DialogPromptEntries.scss
new file mode 100644
index 0000000..a0f6659
--- /dev/null
+++ b/src/client/DialogPromptEntries.scss
@@ -0,0 +1,16 @@
+/*
+ * Copyright 2025 Inclusive Design Research Centre, OCAD University
+ * All rights reserved.
+ *
+ * Licensed under the New BSD license. You may not use this file except in
+ * compliance with this License.
+ *
+ * You may obtain a copy of the License at
+ * https://github.com/inclusive-design/adaptive-palette/blob/main/LICENSE
+ */
+
+form.dialogPromptEntries {
+  display: inline-grid;
+  color: black;
+  background-color: white;
+}
diff --git a/src/client/DialogPromptEntries.test.ts b/src/client/DialogPromptEntries.test.ts
new file mode 100644
index 0000000..2e1c4e9
--- /dev/null
+++ b/src/client/DialogPromptEntries.test.ts
@@ -0,0 +1,60 @@
+/*
+ * Copyright 2025 Inclusive Design Research Centre, OCAD University
+ * All rights reserved.
+ *
+ * Licensed under the New BSD license. You may not use this file except in
+ * compliance with this License.
+ *
+ * You may obtain a copy of the License at
+ * https://github.com/inclusive-design/adaptive-palette/blob/main/LICENSE
+ */
+
+import { render, screen } from "@testing-library/preact";
+import "@testing-library/jest-dom";
+import { html } from "htm/preact";
+
+import { SYSTEM_PROMPTS_KEY } from "./GlobalData";
+import {
+  SELECT_ID, TEXTAREA_ID, SUBMIT_VALUE, PROMPT_NAME_ID, DialogPromptEntries
+} from "./DialogPromptEntries";
+
+describe("DialogPromptEntries component", (): void => {
+  // Set up some dummy prompts for the <select> and the <textarea>
+  const PROMPT1_KEY = "prompt1";
+  const PROMPT2_KEY = "prompt2";
+  const PROMPT1 = "This is prompt one";
+  const PROMPT2 = "Prompt two this time";
+  const testPrompts = {};
+  testPrompts[PROMPT1_KEY] = PROMPT1;
+  testPrompts[PROMPT2_KEY] = PROMPT2;
+
+  window.localStorage.setItem(SYSTEM_PROMPTS_KEY, JSON.stringify(testPrompts));
+
+  test("Render dialog", async(): Promise<void> => {
+    render(html`
+      <${DialogPromptEntries} />`
+    );
+    // Check the <select> and its <option>s.
+    const select = document.getElementById(SELECT_ID) as HTMLSelectElement;
+    expect(select).toBeInTheDocument();
+    expect(select.selectedIndex).toBe(0);
+    expect(select.value).toBe(PROMPT1);
+    const options = select.options as HTMLOptionsCollection;
+    expect(options.length).toBe(Object.keys(testPrompts).length);
+    expect(options.item(0).value).toBe(PROMPT1);
+    expect(options.item(1).value).toBe(PROMPT2);
+
+    // Check the <textarea> and its content.
+    const textArea = document.getElementById(TEXTAREA_ID) as HTMLTextAreaElement;
+    expect(textArea).toBeInTheDocument();
+    expect(textArea.value).toBe(PROMPT1);
+
+    // Check the other inputs.
+    let anInput = document.getElementById(PROMPT_NAME_ID) as HTMLInputElement;
+    expect(anInput).toBeInTheDocument();
+    expect(anInput.value).toBe("");
+
+    anInput = screen.getByDisplayValue(SUBMIT_VALUE);
+    expect(anInput).toBeInTheDocument();
+  });
+});
diff --git a/src/client/DialogPromptEntries.ts b/src/client/DialogPromptEntries.ts
new file mode 100644
index 0000000..ad4e6b0
--- /dev/null
+++ b/src/client/DialogPromptEntries.ts
@@ -0,0 +1,103 @@
+/*
+ * Copyright 2023-2026 Inclusive Design Research Centre, OCAD University
+ * All rights reserved.
+ *
+ * Licensed under the New BSD license. You may not use this file except in
+ * compliance with this License.
+ *
+ * You may obtain a copy of the License at
+ * https://github.com/inclusive-design/adaptive-palette/blob/main/LICENSE
+ */
+
+import { VNode } from "preact";
+import { html } from "htm/preact";
+import { useState } from "preact/hooks";
+
+import { SYSTEM_PROMPTS_KEY } from "./GlobalData";
+import "./DialogPromptEntries.scss";
+
+export const SELECT_ID          = "promptSelect";
+export const TEXTAREA_ID        = "systemPrompt";
+export const SUBMIT_VALUE       = "Save above prompt as:";
+export const PROMPT_NAME_ID     = "promptName";
+
+/**
+ * Utility function for getting the prompts from `window.localStorage` while
+ * hiding the parsing to an object.
+ * @returns {Object} - The prompts
+ */
+function getStoredPrompts () {
+  return JSON.parse(window.localStorage.getItem(SYSTEM_PROMPTS_KEY));
+}
+
+/**
+ * Utility function for saving the prompts into `window.localStorage` while
+ * hiding the stringification of the object.
+ * @param {Object} - The prompts
+ */
+function updateStoredPrompts (prompts) {
+  window.localStorage.setItem(SYSTEM_PROMPTS_KEY, JSON.stringify(prompts));
+}
+
+export function DialogPromptEntries (): VNode {
+
+  const [systemPrompts, setSystemPrompts] = useState(getStoredPrompts());
+  const [selectIndex, setSelectIndex] = useState(0);
+  const promptNames = Object.keys(systemPrompts);
+
+  // Utility to add a new prompt to the set of `systemPrompts`
+  const addPrompt = (newKey, newPrompt) => {
+    const newPrompts = getStoredPrompts();
+    newPrompts[newKey] = newPrompt;
+    setSystemPrompts(newPrompts);
+    setSelectIndex(Object.keys(newPrompts).indexOf(newKey));
+    updateStoredPrompts(newPrompts);
+  };
+
+  // Handle changes to the <select> menu
+  const onSelectChange = (event: Event) => {
+    event.preventDefault();
+    const theSelect = event.target as HTMLSelectElement;
+    setSelectIndex(theSelect.selectedIndex);
+  };
+
+  // Handle saving a new prompt
+  const savePrompt = (event: Event) => {
+    event.preventDefault();
+    const formData = new FormData(event.currentTarget as HTMLFormElement);
+    const newPromptName = formData.get(PROMPT_NAME_ID) as string;
+    const newPrompt = formData.get(TEXTAREA_ID) as string;
+    if (newPromptName.length > 0 && newPrompt.length > 0) {
+      addPrompt(newPromptName, newPrompt);
+    }
+  };
+
+  // Create the <options>s for the <select>
+  const options = [];
+  promptNames.forEach( (aKey) => {
+    options.push(html`<option value="${systemPrompts[aKey]}">${aKey}</option>`);
+  });
+
+  const thePrompt = systemPrompts[promptNames[selectIndex]];
+  return html`
+    <form class="dialogPromptEntries" onSubmit=${savePrompt}>
+      <fieldset>
+        <legend>Enter a prompt or choose one from the list</legend>
+        <p>
+          <label for="${SELECT_ID}">Choose a prompt:</label>
+            <select id="${SELECT_ID}" value=${thePrompt} onchange=${onSelectChange}>
+              ${options}
+            </select>
+        </p>
+        <p>
+          <label for="${TEXTAREA_ID}">Prompt:</label><br />
+          <textarea id="${TEXTAREA_ID}" name="${TEXTAREA_ID}" rows="4" cols="90" value=${thePrompt} />
+          <div>
+            <input type="submit" value="${SUBMIT_VALUE}" />
+            <input id="${PROMPT_NAME_ID}" name="${PROMPT_NAME_ID}" type="text" value="" style="margin-left: 1em" />
+          </div>
+        </p>
+      </fieldset>
+    </form>
+  `;
+}
diff --git a/src/client/GlobalData.ts b/src/client/GlobalData.ts
index ed3250d..4303ad8 100644
--- a/src/client/GlobalData.ts
+++ b/src/client/GlobalData.ts
@@ -15,7 +15,7 @@
 import { signal } from "@preact/signals";
 
 // NOTE: this import causes a warning serving the application using the `vite`
-// server.  The warning suggests to *not* us the `public` folder but to use
+// server.  The warning suggests to *not* use the `public` folder but to use
 // the `src` folder instead.  However, this code is also served using node
 // express and it is in the proper location for that envionment.  A copy of the
 // warning follows:
@@ -36,12 +36,13 @@ import { ActionPreModifierCell } from "./ActionPreModifierCell";
 import { ActionPostModifierCell } from "./ActionPostModifierCell";
 import { ActionRemoveIndicatorCell } from "./ActionRemoveIndicatorCell";
 import { ActionRemoveModifierCell } from "./ActionRemoveModifierCell";
+import { ActionTextCell } from "./ActionTextCell";
+import { CommandClearEncoding } from "./CommandClearEncoding";
 import { CommandCursorBackward } from "./CommandCursorBackward";
 import { CommandCursorForward } from "./CommandCursorForward";
+import { CommandDelLastEncoding } from "./CommandDelLastEncoding";
 import { CommandGoBackCell } from "./CommandGoBackCell";
 import { ContentBmwEncoding } from "./ContentBmwEncoding";
-import { CommandClearEncoding } from "./CommandClearEncoding";
-import { CommandDelLastEncoding } from "./CommandDelLastEncoding";
 import { PaletteStore } from "./PaletteStore";
 import { NavigationStack } from "./NavigationStack";
 
@@ -53,14 +54,17 @@ export const cellTypeRegistry = {
   "ActionPostModifierCell": ActionPostModifierCell,
   "ActionRemoveIndicatorCell": ActionRemoveIndicatorCell,
   "ActionRemoveModifierCell": ActionRemoveModifierCell,
+  "ActionTextCell": ActionTextCell,
+  "CommandClearEncoding": CommandClearEncoding,
   "CommandCursorBackward": CommandCursorBackward,
   "CommandCursorForward": CommandCursorForward,
+  "CommandDelLastEncoding": CommandDelLastEncoding,
   "CommandGoBackCell": CommandGoBackCell,
   "ContentBmwEncoding": ContentBmwEncoding,
-  "CommandClearEncoding": CommandClearEncoding,
-  "CommandDelLastEncoding": CommandDelLastEncoding
 };
 
+export const SYSTEM_PROMPTS_KEY = "Telegraphic System Prompts";
+
 /**
  * Load the map between the BCI-AV IDs and the code consumed by the Bliss SVG
  * and create the PaletterStore and NavigationStack objects.
@@ -73,6 +77,11 @@ export const adaptivePaletteGlobals = {
   bciAvSymbols: bliss_symbols,
   paletteStore: new PaletteStore(),
   navigationStack: new NavigationStack(),
+  systemPrompts: {
+    "What express": "What does this express? Give the top five answers.  Do not add a preamble like, 'Here are the top five answers.'",
+    "Single Sentence": "Convert the telegraphic speech to a single sentence. Give the top five best answers.  Answer with a single grammatically correct sentence.  Number the five answers clearly.  Do not add a preamble like, 'Here are the top five answers.'",
+    "Single Sentence Young": "Convert the telegraphic speech to a single sentence. Give the top five best answers.  Answer with a single grammatically correct sentence in the style of an elementary school aged child, using the first person singular.  Number the five answers clearly.  Do not add a preamble like, 'Here are the top five answers.'",
+  },
 
   // `id` attribute of the HTML element area where the main palette is
   // displayed, set by initAdaptivePaletteGlobals().  It defaults to the empty
@@ -99,6 +108,11 @@ export async function loadBlissaryIdMap (): Promise<object> {
 export async function initAdaptivePaletteGlobals (mainPaletteContainerId?:string): Promise<void> {
   adaptivePaletteGlobals.blissaryIdMap = await loadBlissaryIdMap();
   adaptivePaletteGlobals.mainPaletteContainerId = mainPaletteContainerId || "";
+
+  // Set up the system prompts.
+  window.localStorage.setItem(
+    SYSTEM_PROMPTS_KEY, JSON.stringify(adaptivePaletteGlobals.systemPrompts)
+  );
 }
 
 /**
@@ -110,3 +124,10 @@ export const changeEncodingContents = signal({
   payloads: [],
   caretPosition: -1,
 });
+
+/**
+ * Signal for updating the contents of the SentenceCompletion area.  The value
+ * of the signal is the current array of sentences that are offered as possible
+ * completions.
+ */
+export const sentenceCompletionsSignal = signal([]);
diff --git a/src/client/SentenceCompletionsPalette.test.ts b/src/client/SentenceCompletionsPalette.test.ts
new file mode 100644
index 0000000..2ef17c5
--- /dev/null
+++ b/src/client/SentenceCompletionsPalette.test.ts
@@ -0,0 +1,71 @@
+/*
+ * Copyright 2026 Inclusive Design Research Centre, OCAD University
+ * All rights reserved.
+ *
+ * Licensed under the New BSD license. You may not use this file except in
+ * compliance with this License.
+ *
+ * You may obtain a copy of the License at
+ * https://github.com/inclusive-design/adaptive-palette/blob/main/LICENSE
+ */
+
+import { render, screen } from "@testing-library/preact";
+import "@testing-library/jest-dom";
+import { html } from "htm/preact";
+
+import { sentenceCompletionsSignal } from "./GlobalData";
+import { SentenceCompletionsPalette, SENTENCE_COMPLETIONS_NAME } from "./SentenceCompletionsPalette";
+
+describe("SentenceCompletionsPalette render tests", (): void => {
+
+  const WORKING_MESSAGE = "Working...";
+  const SUGGESTED_COMPLETIONS = [
+    "1. I'm funny when I swim with my little brother",
+    "2. Swimming with my brother is really fun for me",
+    "3. My brother and I are happy when we play in the water",
+    "4. I am a funny person when I play in the water",
+    "My brother thinks I'm funny when we splash in the water"
+  ];
+
+  test("Sentence completions signal value is WORKING_MESSAGE", async (): Promise<void> => {
+
+    sentenceCompletionsSignal.value = [WORKING_MESSAGE];
+    render(html`<${SentenceCompletionsPalette} />`);
+
+    // The `WORKING_MESSAGE` should be in the document, but not a completions
+    // palette.
+    expect(await screen.findByText(WORKING_MESSAGE)).toBeVisible();
+    expect(document.querySelector(`[data-palettename="${SENTENCE_COMPLETIONS_NAME}"]`)).toBeNull();
+  });
+
+  test("Sentence completions signal value is empty", async (): Promise<void> => {
+    sentenceCompletionsSignal.value = [];
+    render(html`<${SentenceCompletionsPalette} />`);
+
+    // Neither the `WORKING_MESSAGE` nor a completions palette should be in the
+    // document.
+    const nullElement = await screen.queryByText(WORKING_MESSAGE);
+    expect(nullElement).toBeNull();
+    expect(document.querySelector(`[data-palettename="${SENTENCE_COMPLETIONS_NAME}"]`)).toBeNull();
+  });
+
+  test("Signal value is a set of completions", async (): Promise<void> => {
+
+    sentenceCompletionsSignal.value = SUGGESTED_COMPLETIONS;
+    render(html`<${SentenceCompletionsPalette} />`);
+
+    // There should be no `WORKING_MESSAGE` but there should be a completions
+    // palette.
+    const nullElement = await screen.queryByText(WORKING_MESSAGE);
+    expect(nullElement).toBeNull();
+    const paletteElement = document.querySelector(`[data-palettename="${SENTENCE_COMPLETIONS_NAME}"]`);
+    expect(paletteElement).toBeVisible();
+
+    // Check that there is a button for each sentence in the signal value.
+    SUGGESTED_COMPLETIONS.forEach( async (aSentence) => {
+      const buttonSentence = await screen.findByRole("button", { name: `/${aSentence}/` });
+      expect(buttonSentence).toBeVisible();
+    });
+  });
+
+});
diff --git a/src/client/SentenceCompletionsPalette.ts b/src/client/SentenceCompletionsPalette.ts
new file mode 100644
index 0000000..8a44116
--- /dev/null
+++ b/src/client/SentenceCompletionsPalette.ts
@@ -0,0 +1,73 @@
+/*
+ * Copyright 2023-2024 Inclusive Design Research Centre, OCAD University
+ * All rights reserved.
+ *
+ * Licensed under the New BSD license. You may not use this file except in
+ * compliance with this License.
+ *
+ * You may obtain a copy of the License at
+ * https://github.com/inclusive-design/adaptive-palette/blob/main/LICENSE
+ */
+import { VNode } from "preact";
+import { html } from "htm/preact";
+import { v4 as uuidv4 } from "uuid";
+
+import { sentenceCompletionsSignal } from "./GlobalData";
+import { JsonPaletteType } from "./index.d";
+import { Palette } from "./Palette";
+
+export const SENTENCE_COMPLETIONS_NAME = "Sentence Completions";
+export const NO_BCI_AV_ID = -1;
+
+/**
+ * Create a palette from the array of sentences.  Each sentence is displayed
+ * as once actionable cell in the palette.  The palette is a single column of
+ * buttons.
+ *
+ * @param {string[]} - The array of sentences
+ * @return {JsonPaletteType} - a palette data structure
+ */
+function makeSentencesJsonPalette(sentences: string[]): JsonPaletteType {
+  const jsonPalette = {
+    "name": SENTENCE_COMPLETIONS_NAME,
+    "cells": {}
+  };
+  let row = 1;
+  const column = 1;
+  sentences.forEach( (sentence) => {
+    const cell = {
+      type: "ActionTextCell",
+      options: {
+        label: sentence,
+        bciAvId: NO_BCI_AV_ID,
+        rowStart: row,
+        rowSpan: 1,
+        columnStart: column,
+        columnSpan: 5
+      }
+    };
+    row++;
+    jsonPalette.cells[`${sentence}-${uuidv4()}`] = cell;
+  });
+  return jsonPalette;
+}
+
+export function SentenceCompletionsPalette (): VNode {
+
+  // Modify the palette display area.  When the `sentenceCompletionsSignal`
+  // contains no data, empty the display, ...
+  if (sentenceCompletionsSignal.value.length === 0) {
+    return html`<span></span>`;
+  }
+  // ... if there is only one data element in the completions, assume that
+  // it is the in-progress message, e.g. "Working...", and display it as
+  // just a string, ...
+  else if (sentenceCompletionsSignal.value.length === 1) {
+    return html`<span>${sentenceCompletionsSignal.value[0]}</span>`;
+  }
+  // ... othewise, show a palette of sentence completions.
+  else {
+    const sentencesPalette = makeSentencesJsonPalette(sentenceCompletionsSignal.value);
+    return html`<${Palette} json=${sentencesPalette}/>`;
+  }
+}
diff --git a/src/client/index.js b/src/client/index.js
index fe257c6..229aa02 100644
--- a/src/client/index.js
+++ b/src/client/index.js
@@ -20,6 +20,9 @@ await initAdaptivePaletteGlobals("mainPaletteDisplayArea");
 
 import { PaletteStore } from "./PaletteStore";
 import { Palette } from "./Palette";
+import { CommandTelegraphicCompletions } from "./CommandTelegraphicCompletions";
+import { SentenceCompletionsPalette } from "./SentenceCompletionsPalette";
+import { DialogPromptEntries } from "./DialogPromptEntries";
 
 const paletteFileMap = await loadPaletteFromJsonFile("/palettes/palette_file_map.json");
 const firstLayer = await loadPaletteFromJsonFile("/palettes/palettes.json");
@@ -42,6 +45,13 @@ render(html`<${Palette} json=${topPalette} />`, document.getElementById("indicat
 render(html`<${Palette} json=${firstLayer} />`, document.getElementById("mainPaletteDisplayArea"));
 render(html`<${Palette} json=${modifiersPalette} />`, document.getElementById("modifiers"));
 
+render(html`<${DialogPromptEntries} />`, document.getElementById("llm_prompt"));
+render(
+  html`<${CommandTelegraphicCompletions} model="llama3.1:latest" stream=${false} />`,
+  document.getElementById("askForLlmSuggestions")
+);
+render(html`<${SentenceCompletionsPalette} />`, document.getElementById("llm_suggestions"));
+
 // Window keydown listener for a global "go back" keystroke
 window.addEventListener("keydown", (event) => {
   if (event.code === "Backquote") {
diff --git a/src/client/ollamaApi.test.ts b/src/client/ollamaApi.test.ts
new file mode 100644
index 0000000..a5aa899
--- /dev/null
+++ b/src/client/ollamaApi.test.ts
@@ -0,0 +1,23 @@
+/*
+ * Copyright 2025 Inclusive Design Research Centre, OCAD University
+ * All rights reserved.
+ *
+ * Licensed under the New BSD license. You may not use this file except in
+ * compliance with this License.
+ *
+ * You may obtain a copy of the License at
+ * https://github.com/inclusive-design/adaptive-palette/blob/main/LICENSE
+ */
+
+import "@testing-library/jest-dom";
+
+import { getModelNames } from "./ollamaApi";
+
+describe("ollamaApi unit tests", (): void => {
+
+  test("Get models", async (): Promise<void> => {
+    const modelNames = await getModelNames();
+    expect(modelNames).not.toBeNull();
+  });
+});
+
diff --git a/src/client/ollamaApi.ts b/src/client/ollamaApi.ts
new file mode 100644
index 0000000..269e4b7
--- /dev/null
+++ b/src/client/ollamaApi.ts
@@ -0,0 +1,101 @@
+/*
+ * Copyright 2024-2025 Inclusive Design Research Centre, OCAD University
+ * All rights reserved.
+ *
+ * Licensed under the New BSD license. You may not use this file except in
+ * compliance with this License.
+ *
+ * You may obtain a copy of the License at
+ * https://github.com/inclusive-design/adaptive-palette/blob/main/LICENSE
+ */
+
+import { default as ollama, ChatResponse } from "ollama/browser";
+
+/**
+ * Retrieve a list of LLMs available from the service
+ * @return {Array} - Array of the names of the available models.
+ */
+export async function getModelNames (): Promise<string[]> {
+  const modelNames = [];
+  try {
+    const list = await ollama.list();
+    list.models.forEach( (model) => {
+      modelNames.push(model.name);
+    });
+  }
+  catch (error) {
+    console.debug(error);
+  }
+  return modelNames;
+}
+
+/**
+ * Function for passing the chat string and optionally a system prompt to the
+ * ollama `chat()` service. The request can optionally ask that the response
+ * be streamed or returned all at once.
+ * @param {String} query        - The prompt string to query the service.
+ * @param {String} modelName    - The name of the LLM to query.
+ * @param {Boolean} streamResp  - Whether to stream the response or return it
+ *                                all at once.
+ * @param {String} systemPrompt - Optional system prompt, defaults to the
+ *                                empty string.
+ * @param Promise<ChatResponse | any>  - The response from the service. Note:
+ *                                the value type <any> is technically
+ *                                <<AbortableAsyncIterator<ChatResponse>>,
+ *                                when the response is streamed; otherwise
+ *                                just <ChatResponse>.  However, the ollama
+ *                                module does not export the type
+ *                                `AbortableAsyncIterator` yet.  See issues:
+ *                                https://github.com/ollama/ollama-js/issues/135
+ *                                https://github.com/ollama/ollama-js/issues/187
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export async function queryChat (query: string, modelName: string, streamResp: boolean, systemPrompt?: string): Promise<ChatResponse | any> {
+  const messageArray = [];
+  if (systemPrompt.length !== 0) {
+    messageArray.push({
+      role: "system",
+      content: systemPrompt
+    });
+  }
+  messageArray.push({ role: "user", content: query });
+
+  // `ollama.chat()` is overloaded to support streaming vs. non-streaming and
+  // disallows the following way of calling it when running tests using
+  // jest/node:
+  // ...
+  //   const response = await ollama.chat({
+  //    model: modelName,
+  //    messages: messageArray,
+  //    stream: streamResp,
+  //    keep_alive: 15
+  //   });
+  // ...
+  // The error does not occur when using `vite` to build the distribution.
+  // Also, the error occurs when no call to `ollama.chat()` is made.  This
+  // implies that a transpiler checker in the testing framework is reporting
+  // the error, not any actual execution of the code.  The error is:
+  // src/client/ollamaApi.ts:79:5 - error TS2769: No overload matches this call.
+  //    Overload 1 of 2, '(request: ChatRequest & { stream: true; }): Promise<AbortableAsyncIterator<ChatResponse>>', gave the following error.
+  //      Type 'boolean' is not assignable to type 'true'.
+  //    Overload 2 of 2, '(request: ChatRequest & { stream?: false; }): Promise<ChatResponse>', gave the following error.
+  //      Type 'boolean' is not assignable to type 'false'.
+  //
+  // 79     stream: streamResp,
+  //        ~~~~~~
+  // Related: https://github.com/ollama/ollama-js/issues/78
+  // What does work, instead, is an if/else construct to set the `stream`
+  // property explicitly to `true` or `false`.
+  //
+  const request = {
+    model: modelName,
+    messages: messageArray,
+    keep_alive: 15
+  };
+  if (streamResp) {
+    return await ollama.chat({ ...request, stream: true });
+  }
+  else {
+    return await ollama.chat({ ...request, stream: false });
+  }
+}
