plainbook 0.0.7__py3-none-any.whl → 0.0.9__py3-none-any.whl

plainbook/js/AppNavbar.js

@@ -0,0 +1,76 @@
+export default {
+    props: ['isLocked', 'running', 'hasNotebook', 'lastRunIndex', 'cellCount', 'hasApiKey'],
+    emits: [
+        'lock', 'refresh', 'interrupt', 'regenerate-all', 
+        'reset-run-all', 'open-info', 'open-settings'
+    ],
+    template: /* html */ `
+    <nav class="navbar is-dark is-fixed-top" role="navigation" aria-label="main navigation">
+        <div id="the-navbar-menu" class="navbar-menu">
+            <div class="navbar-start">
+                <div class="navbar-item">
+                    <div class="buttons">
+                        <button v-if="isLocked" class="button is-warning" title="Unlock Notebook" @click="$emit('lock', false)">
+                            <span class="icon"><i class="fa fa-lock"></i></span>
+                        </button>
+                        <button v-else class="button is-light" title="Lock Notebook" @click="$emit('lock', true)">
+                            <span class="icon"><i class="fa fa-unlock"></i></span>
+                        </button>
+
+                        <button v-if="!running && hasNotebook"
+                            @click="$emit('refresh')"
+                            class="button is-light" title="Reload Notebook">
+                            <span class="icon"><i class="fa fa-refresh"></i></span>
+                            <span>Refresh</span>
+                        </button>
+
+                        <button v-if="running && hasNotebook"
+                                @click="$emit('interrupt')"
+                                class="button is-danger" title="Interrupt Execution">
+                            <span class="icon"><i class="fa fa-stop"></i></span>
+                            <span>Running...</span>
+                        </button>
+
+                        <button v-if="!running && hasNotebook && lastRunIndex >= cellCount - 1"
+                                class="button is-light" title="All cells have been run">
+                            <span class="icon"><i class="fa fa-check-circle"></i></span>
+                            <span>Up to Date</span>
+                        </button>
+
+                        <button v-if="!running && hasNotebook"
+                            :disabled="cellCount === 0 || isLocked"
+                            @click="$emit('regenerate-all')" 
+                            title="Regenerate all code from descriptions"
+                            class="button is-success">
+                            <span class="icon"><i class="fa fa-repeat"></i></span>
+                            <span>Regenerate All</span>
+                        </button>
+
+                        <button v-if="!running && hasNotebook"
+                            :disabled="cellCount === 0"
+                            @click="$emit('reset-run-all')" 
+                            title="Reset and run all cells"
+                            class="button is-primary">
+                            <span class="icon"><i class="fa fa-play"></i></span>
+                            <span>Reset and Run All</span>
+                        </button>
+                    </div>
+                </div>
+            </div>
+            <div class="navbar-end">
+                <div class="navbar-item">
+                    <div class="buttons">
+                        <button class="button is-light" @click="$emit('open-info')" title="About Plainbook">
+                            <span class="icon"><i class="fa fa-info"></i></span>
+                        </button>
+                        <button class="button" :class="hasApiKey ? 'is-light' : 'is-warning'" 
+                                @click="$emit('open-settings')" title="Settings">
+                            <span class="icon"><i :class="hasApiKey ? 'fa fa-cog' : 'fa fa-warning'"></i></span>
+                            <span>Settings</span>
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </nav>`
+};

plainbook/js/CellInsertionZone.js

@@ -0,0 +1,21 @@
+// CellInsertionZone.js
+export default {
+    props: [],
+    emits: ['insert'],
+    template: /* html */ `
+        <div class="cell-insert-zone">
+            <div class="cell-insert-buttons">
+                <button 
+                    class="button insert-cell is-info is-small py-0 px-3" 
+                    @click.stop="$emit('insert', 'markdown')">
+                    Insert Comment
+                </button>
+                <button 
+                    class="button insert-cell is-info is-small py-0 px-3" 
+                    @click.stop="$emit('insert', 'code')">
+                    Insert Action
+                </button>
+            </div>
+        </div>
+    `
+};

plainbook/js/CodeCell.js

@@ -128,7 +128,8 @@ export default {
             if (!isCollapsed.value && isEditing.value) nextTick(autoResize);
         };
 
-        return { isCollapsed, toggleCollapse, isEditing, cancelEdit, localSource, highlightedCode, enterEditMode, saveCode, textareaEl, autoResize, handleTabKey };
+        return { isCollapsed, toggleCollapse, isEditing, cancelEdit, localSource, 
+            localIsLocked, highlightedCode, enterEditMode, saveCode, textareaEl, autoResize, handleTabKey };
     },
     template: /* html */ `
         <div class="code-cell-wrapper" style="position: relative; min-height: 1.75rem;">

plainbook/js/ExplanationEditor.js

@@ -1,7 +1,7 @@
 import { ref, computed, watch, nextTick } from './vue.esm-browser.js';
 
 const ExplanationRenderer = {
-    props: ['source', 'isActive', 'index', 'lastRunIndex', 'asRead', 'startEditKey', 'isLocked'],
+    props: ['source', 'isActive', 'needsRunning', 'asRead', 'startEditKey', 'isLocked'],
     emits: ['update:source', 'save', 'saveandrun', 'gencode', 'validate', 
             'run', 'delete', 'moveUp', 'moveDown'],
     setup(props, { emit }) {
@@ -95,19 +95,11 @@ const ExplanationRenderer = {
             <div class="toolbar-left">
                 <button class="button run-button is-small is-primary mr-1" 
                         title="Run this cell and all necessary preceding cells" @click.stop="$emit('run')">
-                    <template v-if="lastRunIndex === index">
-                        <span class="icon"><i class="fa fa-repeat"></i></span><span>Re-Run</span>
-                    </template>
-                    <template v-else-if="lastRunIndex < index">
-                        <span class="icon"><i class="fa fa-step-forward"></i></span><span>Run Up To Here</span>
-                    </template>
-                    <template v-else>
-                        <span class="icon"><i class="fa fa-step-forward"></i></span><span>Run From Start To Here</span>
-                    </template>
+                    <span class="icon"><i class="fa fa-step-forward"></i></span><span>Run</span>
                 </button>
                 <button class="button is-small" style="opacity: 0.6;">
                     <span v-if="asRead">Unmodified</span>
-                    <span v-else-if="lastRunIndex < index">Needs running</span>
+                    <span v-else-if="needsRunning">Needs running</span>
                     <span v-else>Up to date</span>
                 </button>
             </div>
@@ -159,7 +151,8 @@ const ExplanationRenderer = {
                     Save
                 </button>
                 <button class="button is-small is-primary" :disabled="localIsLocked" @click="saveAndRun">
-                    Save and Run
+                    <span class="icon"><i class="fa fa-play"></i></span> 
+                    <span>Save and Run</span>
                 </button>
             </div>
         </div>

plainbook/js/InfoModal.js

@@ -0,0 +1,29 @@
+export default {
+    props: ['isActive'],
+    emits: ['close'],
+    template: /* html */ `
+    <div class="modal" :class="{'is-active': isActive}">
+        <div class="modal-background" @click="$emit('close')"></div>
+        <div class="modal-card">
+            <header class="modal-card-head">
+                <p class="modal-card-title">Information</p>
+                <button class="delete" aria-label="close" @click="$emit('close')"></button>
+            </header>
+            <section class="modal-card-body">
+                <h1 class="title">Plainbook</h1>
+                <div class="content">
+                    <p>Plainbook is an interactive notebook application for creating executable documents in natural language.</p>
+                    <ul>
+                        <li><strong>Action cells:</strong> Generate Python code from English explanations using AI.</li>
+                        <li><strong>Markdown cells:</strong> Rich text for documentation.</li>
+                    </ul>
+                    <p>Locking prevents accidental edits while allowing validation and execution.</p>
+                    <p><a href="https://github.com/lucadealfaro/plainbook" target="_blank">Plainbook Home Page</a></p>
+                </div>
+            </section>
+            <footer class="modal-card-foot">
+                <button class="button" @click="$emit('close')">Close</button>
+            </footer>
+        </div>
+    </div>`
+};

plainbook/js/MarkdownCell.js

@@ -1,7 +1,7 @@
 import { ref, watch, nextTick } from './vue.esm-browser.js';
 
 const MarkdownCell = {
-    props: ['source', 'startEditKey', 'isActive', 'index', 'isLocked'],
+    props: ['source', 'startEditKey', 'isActive', 'isLocked'],
     emits: ['save', 'delete', 'moveUp', 'moveDown'],
     setup(props, { emit }) {
         const md = new markdownit({ html: true });

plainbook/js/NotebookCell.js

@@ -0,0 +1,72 @@
+// NotebookCell.js
+import MarkdownCell from './MarkdownCell.js';
+import CodeCell from './CodeCell.js';
+import ExplanationEditor from './ExplanationEditor.js';
+import ValidationCell from './ValidationCell.js';
+import OutputRenderer from './OutputRenderer.js';
+
+export default {
+    components: { MarkdownCell, CodeCell, ExplanationEditor, ValidationCell, OutputRenderer },
+    props: ['cell', 'isActive', 'isLocked', 'needsRunning', 'asRead', 'markdownEditKey', 'explanationEditKey'],
+    emits: [
+        'save-markdown', 'save-explanation', 'save-code', 
+        'run-cell', 'save-and-run', 'generate-code', 
+        'validate-code', 'dismiss-validation', 
+        'delete', 'move-up', 'move-down'
+    ],
+    template: /* html */ `
+        <div class="notebook-cell box p-0 mb-2 is-clipped shadow-sm"
+             :style="{
+                border: isActive ? '2px solid #1d4ed8' : '1px solid transparent',
+                cursor: 'pointer'
+             }">
+            
+            <markdown-cell 
+                v-if="cell.cell_type === 'markdown'" 
+                v-model:source="cell.source" 
+                :is-active="isActive"
+                :start-edit-key="markdownEditKey"
+                :isLocked="isLocked" 
+                @save="$emit('save-markdown', $event)"
+                @delete="$emit('delete')"
+                @moveUp="$emit('move-up')"
+                @moveDown="$emit('move-down')" />
+
+            <div v-else-if="cell.cell_type === 'code'">
+                <div v-if="cell.metadata?.explanation" class="has-background-light p-0 border-bottom">
+                    <explanation-editor 
+                        v-model:source="cell.metadata.explanation" 
+                        :isActive="isActive" 
+                        :isLocked="isLocked" 
+                        :asRead="asRead" 
+                        :needs-running="needsRunning"
+                        :start-edit-key="explanationEditKey"
+                        @save="$emit('save-explanation', $event)" 
+                        @gencode="$emit('generate-code')" 
+                        @validate="$emit('validate-code')"
+                        @run="$emit('run-cell')"
+                        @saveandrun="$emit('save-and-run', $event)"
+                        @delete="$emit('delete')"
+                        @moveUp="$emit('move-up')"
+                        @moveDown="$emit('move-down')" />
+                </div>
+
+                <validation-cell 
+                    v-if="cell.metadata?.validation && !cell.metadata?.validation.is_hidden"
+                    :validation="cell.metadata.validation" 
+                    @dismiss_validation="$emit('dismiss-validation')" />
+
+                <code-cell  
+                    v-model:source="cell.source" 
+                    :execution-count="cell.execution_count" 
+                    :is-active="isActive"
+                    :is-locked="isLocked"
+                    @save="$emit('save-code', $event)" />
+                
+                <div v-if="cell.outputs?.length" class="p-2 border-top has-background-white">
+                    <output-renderer v-for="(out, oIdx) in cell.outputs" :key="oIdx" :output="out" />
+                </div>
+            </div>
+        </div>
+    `
+};

plainbook/js/SettingsModal.js

@@ -0,0 +1,46 @@
+import { ref, watch } from './vue.esm-browser.js';
+
+export default {
+    props: ['isActive', 'apiKey'],
+    emits: ['close', 'save'],
+    setup(props, { emit }) {
+        // Create a local draft of the API key
+        const localKey = ref(props.apiKey);
+
+        // Sync local draft whenever the modal is opened with the current parent value
+        watch(() => props.isActive, (active) => {
+            if (active) {
+                localKey.value = props.apiKey;
+            }
+        });
+
+        const handleSave = () => {
+            emit('save', localKey.value);
+        };
+
+        return { localKey, handleSave };
+    },
+    template: /* html */ `
+    <div class="modal" :class="{'is-active': isActive}">
+        <div class="modal-background" @click="$emit('close')"></div>
+        <div class="modal-card">
+            <header class="modal-card-head">
+                <p class="modal-card-title">Settings</p>
+                <button class="delete" aria-label="close" @click="$emit('close')"></button>
+            </header>
+            <section class="modal-card-body">
+                <div class="field">
+                    <label class="label">Gemini API Key</label>
+                    <div class="control">
+                        <input class="input" type="text" 
+                               v-model="localKey" 
+                               placeholder="Enter your Gemini API key">
+                    </div>
+                </div>
+            </section>
+            <footer class="modal-card-foot" style="justify-content: flex-end;">
+                <button class="button is-primary" @click="handleSave">Save</button>
+            </footer>
+        </div>
+    </div>`
+};

plainbook/js/ValidationCell.js

@@ -1,7 +1,7 @@
 import {ref, watch, nextTick, computed} from './vue.esm-browser.js';
 
 export default {
-    props: ['validation', 'index'],
+    props: ['validation'],
     emits: ['dismiss_validation'],
     
     setup(props, { emit }) {
@@ -25,7 +25,7 @@ export default {
             if (is_hidden.value) {
                 is_hidden.value = true;
             }
-            emit('dismiss_validation', props.index);
+            emit('dismiss_validation');
         };
         return { dismiss, renderedMarkdown, message, is_valid, is_hidden };
     },

plainbook/js/nb.js

@@ -1,13 +1,13 @@
 import { createApp, ref, onMounted, onBeforeUnmount, nextTick, getCurrentInstance } from './vue.esm-browser.js';
 
-import MarkdownCell from './MarkdownCell.js';
-import OutputRenderer from './OutputRenderer.js';
-import CodeCell from './CodeCell.js';
-import ExplanationEditor from './ExplanationEditor.js';
-import ValidationCell from './ValidationCell.js';
+import AppNavbar from './AppNavbar.js';
+import NotebookCell from './NotebookCell.js';
+import CellInsertionZone from './CellInsertionZone.js';
+import SettingsModal from './SettingsModal.js';
+import InfoModal from './InfoModal.js';
 
 createApp({
-    components: { MarkdownCell, CodeCell, ExplanationEditor, OutputRenderer, ValidationCell },
+    components: { AppNavbar, NotebookCell, CellInsertionZone, SettingsModal, InfoModal },
     setup() {
         // Extract token from URL
         const urlParams = new URLSearchParams(window.location.search);
@@ -395,6 +395,8 @@ createApp({
                 const r = await response.json();
                 if (r.status === 'error') {
                     throw new Error(r.message || 'Execution failed');
+                } else if (r.details !== 'ok') {
+                    throw new Error('Cell execution error');
                 } else {
                     console.log('Cell executed:', cellIndex, r.details);
                     // Update outputs in the notebook model
@@ -405,9 +407,11 @@ createApp({
                     if (r.last_executed_cell !== undefined && r.last_executed_cell !== null) {
                         lastRunIndex.value = r.last_executed_cell;
                     }
+                    // 
                 }
             } catch (err) {
-                throw new Error('Run error: ' + err.message);
+                running.value = false; // No longer running.
+                throw new Error(err.message);
             }
         };
 
@@ -461,13 +465,7 @@ createApp({
             }
         };
 
-        const openSettings = () => {
-            // Get the Gemini API key from the server settings.
-            
-            showSettings.value = true;
-        };
-
-        const closeSettings = async () => {
+        const saveSettings = async (newKey) => {
             // Save the Gemini API key to the server
             try {
                 const response = await fetch(`/set_key?token=${authToken}`, {
@@ -483,21 +481,13 @@ createApp({
             } catch (err) {
                 throw new Error('Error saving API key: ' + err.message);
             }
-            showSettings.value = false;
+            geminiApiKey.value = newKey;
         };
 
         const genError = () => {
             throw new Error('This is a generated error for testing purposes. This is a generated error for testing purposes. This is a generated error for testing purposes. This is a generated error for testing purposes. ');
         }
 
-        const openInfo = () => {
-            showInfo.value = true;
-        };
-
-        const closeInfo = () => {
-            showInfo.value = false;
-        };
-
         const closeUiError = () => {
             uiError.value = null;
         };
@@ -528,8 +518,7 @@ createApp({
             validateCode, dismissValidation, resetAndRunAllCells,
             setActiveCell, runCell, running, lastRunIndex, asRead, runAllCells, 
             interruptKernel, insertCell, markdownEditKey, 
-            openSettings, closeSettings, showSettings, 
-            openInfo, closeInfo, showInfo, 
+            saveSettings, showSettings, showInfo, 
             genError, uiError, closeUiError,
             explanationEditKey, deleteCell, moveCell, geminiApiKey };
     },

plainbook/main.py

@@ -183,7 +183,8 @@ def execute_cell():
     print(f"Executing cell {cell_index}")
     try:
         outputs, details = notebook.execute_cell(cell_index)
-        return dict(status="ok", details=details, outputs=outputs, last_executed_cell=notebook.last_executed_cell)
+        return dict(status="ok", details=details, 
+                    outputs=outputs, last_executed_cell=notebook.last_executed_cell)
     except CellExecutionError as e:
         # The execution error is already captured in the cell outputs. 
         return dict(status="ok", details="CellExecutionError", 

plainbook/views/index.html

@@ -33,81 +33,22 @@
     <div id="app"></div>
     
     <script type="text/x-template" id="app-template">
-    <nav class="navbar is-dark is-fixed-top" role="navigation" aria-label="main navigation">
-        <div id="the-navbar-menu" class="navbar-menu">
-            <div class="navbar-start">
-                <div class="navbar-item">
-                    <div class="buttons">
-                        <!-- Locking -->
-                        <button v-if="isLocked" class="button is-warning" title="Unlock Notebook" @click="lockNotebook(false)">
-                            <span class="icon"><i class="fa fa-lock"></i></span>
-                        </button>
-                        <button v-else class="button is-light" title="Lock Notebook" @click="lockNotebook(true)">
-                            <span class="icon"><i class="fa fa-unlock"></i></span>
-                        </button>
-                        <!-- Reload notebook -->
-                        <button v-if="!running && notebook"
-                            @click="reloadNotebook"
-                            class="button is-light" title="Reload Notebook">
-                            <span class="icon"><i class="fa fa-refresh"></i></span>
-                            <span>Refresh</span>
-                        </button>
-                        <!-- Interrupt execution -->
-                        <button v-if="running && notebook"
-                                @click="interruptKernel"
-                                class="button is-danger" title="Interrupt Execution">
-                            <span class="icon"><i class="fa fa-stop"></i></span>
-                            <span>Running...</span>
-                        </button>
-                        <!-- Status -->
-                        <button v-if="!running && notebook && lastRunIndex >= notebook.cells.length - 1"
-                                class="button is-light" title="All cells have been run">
-                            <span class="icon"><i class="fa fa-check-circle"></i></span>
-                            <span>Up to Date</span>
-                        </button>
-                        <!-- Running -->
-                        <!-- <button v-if="!running && notebook"
-                            :disabled="notebook.cells.length === 0 || isLocked"
-                            @click="regenerateAndRunAllCode" title="Regenerate all code from descriptions and run it all"
-                            class="button is-success">
-                            <span class="icon"><i class="fa fa-repeat"></i></span>
-                            <span class="icon"><i class="fa fa-play"></i></span>
-                        </button> -->
-                        <button v-if="!running && notebook"
-                            :disabled="notebook.cells.length === 0 || isLocked"
-                            @click="regenerateAllCode" title="Regenerate all code from descriptions"
-                            class="button is-success">
-                            <span class="icon"><i class="fa fa-repeat"></i></span>
-                            <span>Regenerate All</span>
-                        </button>
-                        <button v-if="!running && notebook"
-                            :disabled="notebook.cells.length === 0"
-                            @click="resetAndRunAllCells" title="Reset and run all cells"
-                            class="button is-primary">
-                            <span class="icon"><i class="fa fa-play"></i></span>
-                            <span>Reset and Run All</span>
-                        </button>
-                    </div>
-                </div>
-            </div>
-            <div class="navbar-end">
-                <div class="navbar-item">
-                    <div class="buttons">
-                        <!-- <button id="btn-info" class="button is-danger" @click="genError">
-                            <span class="icon"><i class="fa fa-exclamation"></i></span>
-                        </button> -->
-                        <button id="btn-info" class="button is-light" @click="openInfo" title="About Plainbook">
-                            <span class="icon"><i class="fa fa-info"></i></span>
-                        </button>
-                        <button id="btn-settings" class="button" :class="geminiApiKey ? 'is-light' : 'is-warning'" @click="openSettings" title="Settings">
-                            <span class="icon"><i :class="geminiApiKey ? 'fa fa-cog' : 'fa fa-warning'"></i></span>
-                            <span>Settings</span>
-                        </button>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </nav>
+
+    <app-navbar 
+        :is-locked="isLocked"
+        :running="running"
+        :has-notebook="!!notebook"
+        :last-run-index="lastRunIndex"
+        :cell-count="notebook ? notebook.cells.length : 0"
+        :has-api-key="!!geminiApiKey"
+        @lock="lockNotebook"
+        @refresh="reloadNotebook"
+        @interrupt="interruptKernel"
+        @regenerate-all="regenerateAllCode"
+        @reset-run-all="resetAndRunAllCells"
+        @open-info="showInfo = true"
+        @open-settings="showSettings = true"
+    />    
 
     <div v-if="uiError" class="notification mb-0 mt-0 px-4 pl-2 pr-6 has-text-danger has-background-danger-light" 
         style="width: 100%; border-radius: 0; align-items: center; justify-content: space-between;">
@@ -129,135 +70,61 @@
                 <strong>Error:</strong> {{ error }}
             </div>
             <div v-else="notebook">
-                <div v-if="!isLocked && notebook.cells.length === 0" class="py-1" style="display:flex; justify-content:center; gap:0.5rem;">
-                    <button class="button insert-cell is-info is-small py-0 px-3" @click.stop="insertCell(0, 'markdown')">Insert Comment</button>
-                    <button class="button insert-cell is-info is-small py-0 px-3" @click.stop="insertCell(0, 'code')">Insert Action</button>
-                </div>
+
+                <cell-insertion-zone v-if="!isLocked"
+                    @insert="(celltype) => insertCell(0, celltype)" 
+                />
+
                 <template v-for="(cell, index) in notebook.cells" :key="index">
-                    <!-- Insert zone before each cell -->
-                    <div v-if="!isLocked" class="cell-insert-zone">
-                        <div class="cell-insert-buttons">
-                            <button class="button insert-cell is-info is-small py-0 px-3" @click.stop="insertCell(index, 'markdown')">Insert Comment</button>
-                            <button class="button insert-cell is-info is-small py-0 px-3" @click.stop="insertCell(index, 'code')">Insert Action</button>
-                        </div>
-                    </div>
 
-                    <div class="notebook-cell box p-0 mb-2 is-clipped shadow-sm"
-                         @click="setActiveCell(index)"
-                         :style="{
-                            border: activeIndex === index ? '2px solid #1d4ed8' : '1px solid transparent',
-                            cursor: 'pointer'
-                         }">
-                        <markdown-cell v-if="cell.cell_type === 'markdown'" :source="cell.source" 
-                                       :is-active="activeIndex === index"
-                                       :start-edit-key="markdownEditKey[index]"
-                                       :index="index"
-                                       :isLocked="isLocked" 
-                                       @save="(content) => sendMarkdownToServer(content, index)"
-                                       @delete="deleteCell(index)"
-                                       @moveUp="moveCell(index, -1)"
-                                       @moveDown="moveCell(index, 1)" />
+                    <notebook-cell 
+                        :cell="cell"
+                        :is-active="activeIndex === index"
+                        :needs-running="index > lastRunIndex"
+                        :is-locked="isLocked"
+                        :last-run-index="lastRunIndex"
+                        :as-read="asRead"
+                        :markdown-edit-key="markdownEditKey[index]"
+                        :explanation-edit-key="explanationEditKey[index]"
+                        @click="setActiveCell(index)"
+                        
+                        @save-markdown="(content) => sendMarkdownToServer(content, index)"
+                        @save-explanation="(content) => sendExplanationToServer(content, index)"
+                        @save-code="(content) => sendCodeToServer(content, index)"
+                        @save-and-run="(content) => saveExplanationAndRun(content, index)"
+                        
+                        @run-cell="runCell(index)"
+                        @generate-code="generateCode(index)"
+                        @validate-code="validateCode(index)"
+                        @dismiss-validation="dismissValidation(index)"
+                        
+                        @delete="deleteCell(index)"
+                        @move-up="moveCell(index, -1)"
+                        @move-down="moveCell(index, 1)"
+                    />
+
+                    <cell-insertion-zone v-if="!isLocked"
+                        @insert="(celltype) => insertCell(index + 1, celltype)" 
+                    />
 
-                        <div v-if="cell.cell_type === 'code'">
-                            <div v-if="cell.metadata?.explanation" class="has-background-light p-0 border-bottom">
-                                <explanation-editor :source="cell.metadata.explanation" 
-                                                    :isActive="activeIndex === index" 
-                                                    :isLocked="isLocked" 
-                                                    :index="index" :asRead="asRead" 
-                                                    :lastRunIndex="lastRunIndex"
-                                                    :start-edit-key="explanationEditKey[index]"
-                                @save="(content) => sendExplanationToServer(content, index)" 
-                                @gencode="() => generateCode(index)" 
-                                @validate="() => validateCode(index)"
-                                @run="() => runCell(index)"
-                                @saveandrun="(content) => saveExplanationAndRun (content, index)"
-                                @delete="deleteCell(index)"
-                                @moveUp="moveCell(index, -1)"
-                                @moveDown="moveCell(index, 1)" />
-                            </div>
-                            <div v-if="cell.metadata?.validation && !cell.metadata?.validation.is_hidden">
-                                <validation-cell :validation="cell.metadata.validation" 
-                                                 :index="index"
-                                                 @dismiss_validation="dismissValidation" />
-                            </div>
-                            <code-cell  :source="cell.source" 
-                                        :execution-count="cell.execution_count" 
-                                        :is-active="activeIndex === index"
-                                        :is-locked="isLocked"
-                                        @save="(content) => sendCodeToServer(content, index)" />
-                            
-                            <div v-if="cell.outputs?.length" class="p-2 border-top has-background-white">
-                                <output-renderer v-for="(out, oIdx) in cell.outputs" :key="oIdx" :output="out" />
-                            </div>
-                        </div>
-                    </div>
                 </template>
                 
-                <!-- Insert zone after the last cell -->
-                <div v-if="!isLocked && !notebook.cells.length > 0" class="cell-insert-zone">
-                    <div class="cell-insert-buttons">
-                        <button class="button insert-cell is-info is-small py-0 px-3" @click.stop="insertCell(notebook.cells.length, 'markdown')">Insert Comment</button>
-                        <button class="button insert-cell is-info is-small py-0 px-3" @click.stop="insertCell(notebook.cells.length, 'code')">Insert Action</button>
-                    </div>
-                </div>
             </div>
         </div>
     </div>
 
     <!-- Settings Modal -->
-    <div class="modal" :class="{'is-active': showSettings}">
-        <div class="modal-background" @click="closeSettings"></div>
-        <div class="modal-card">
-            <header class="modal-card-head">
-                <p class="modal-card-title">Settings</p>
-                <button class="delete" aria-label="close" @click="closeSettings"></button>
-            </header>
-            <section class="modal-card-body">
-                <div class="field">
-                    <label class="label">Gemini API Key</label>
-                    <div class="control">
-                        <input class="input" type="text" v-model="geminiApiKey" placeholder="Enter your Gemini API key">
-                    </div>
-                    <p class="help">Your API key is stored locally in ~/.settings/plainbook and used for AI-powered features.</p>
-                </div>
-            </section>
-            <footer class="modal-card-foot">
-                <button class="button" @click="closeSettings">Close</button>
-            </footer>
-        </div>
-    </div>
-
+    <settings-modal 
+        :is-active="showSettings" 
+        :api-key="geminiApiKey" 
+        @close="showSettings = false" 
+        @save="(newKey) => {showSettings = false; saveSettings(newKey); }" 
+    />
     <!-- Info Modal -->
-    <div class="modal" :class="{'is-active': showInfo}">
-        <div class="modal-background" @click="closeInfo"></div>
-        <div class="modal-card">
-            <header class="modal-card-head">
-                <p class="modal-card-title">Information</p>
-                <button class="delete" aria-label="close" @click="closeInfo"></button>
-            </header>
-            <section class="modal-card-body">
-                <h1 class="title">Plainbook</h1>
-                <div class="content">
-                    <p>Plainbook is an interactive notebook application for creating executable doocuments in 
-                        natural language.  A notebook consists of:</p>
-                    <ul>
-                        <li><strong>Action cells</strong> that contain an English explanation. The explanation is 
-                            used to generate Python code using an AI model. The generated code is then executed, 
-                            and the output is displayed below the cell.</li>
-                        <li><strong>Markdown cells</strong> for writing explanations, comments, and documentation in rich text format.</li>
-                    </ul>
-                    <p>If you lock a notebook, editing of cells and generation of code will be disabled 
-                        to prevent accidental changes.  However, you can still validate the code against
-                        its description, and you can still run the notebook.
-                        Unlock it to be able to edit again.</p>
-                    <p><a href="https://github.com/lucadealfaro/plainbook" target="_blank">Plainbook Home Page</a></p>
-                </div>
-            </section>
-            <footer class="modal-card-foot">
-                <button class="button" @click="closeInfo">Close</button>
-            </footer>
-        </div>
-    </div>
+    <info-modal 
+        :is-active="showInfo" 
+        @close="showInfo = false" 
+    />
 
     </script>
     

{plainbook-0.0.7.dist-info → plainbook-0.0.9.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: plainbook
-Version: 0.0.7
+Version: 0.0.9
 Summary: Plain Language Notebooks
 Author-email: Luca de Alfaro <dealfaro@acm.org>
 License-Expression: BSD-3-Clause

{plainbook-0.0.7.dist-info → plainbook-0.0.9.dist-info}/RECORD

@@ -1,6 +1,6 @@
 plainbook/__init__.py,sha256=AbpHGcgLb-kRsJGnwFEktk7uzpZOCcBY74-YBdrKVGs,1
 plainbook/gemini.py,sha256=4lgvMdQdcKyMZLSnu9yhwlaI4LaSvvyr_-SA0DdI628,2915
-plainbook/main.py,sha256=YL5pi6a7sacKpzM2ExnLbQLds6g58UEtfRbEHlbnTV4,10151
+plainbook/main.py,sha256=XruVZYj-nQ-2V9wiGKO7AV0-Via0Rz2CUafuX1id3J8,10172
 plainbook/plainbook.py,sha256=zgi3e50r9vFfMLxXuMVcvyB9I7yEJOgZthxnz3RxuKw,17063
 plainbook/css/font-awesome.css,sha256=NuCn4IvuZXdBaFKJOAcsU2Q3ZpwbdFisd5dux4jkQ5w,37414
 plainbook/css/font-awesome.min.css,sha256=eZrrJcwDc_3uDhsdt61sL2oOBY362qM3lon1gyExkL0,31000
@@ -12,20 +12,25 @@ plainbook/fonts/fontawesome-webfont.svg,sha256=rWFXkmwWIrpOHQPUePFUE2hSS_xG9R5C_
 plainbook/fonts/fontawesome-webfont.ttf,sha256=qljzPyOaD7AvXHpsRcBD16msmgkzNYBmlOzW1O3A1qg,165548
 plainbook/fonts/fontawesome-webfont.woff,sha256=ugxZ3rVFD1y0Gz-TYJ7i0NmVQVh33foiPoqKdTNHTwc,98024
 plainbook/fonts/fontawesome-webfont.woff2,sha256=Kt78vAQefRj88tQXh53FoJmXqmTWdbejxLbOM9oT8_4,77160
-plainbook/js/CodeCell.js,sha256=wleWbT_kwX0WiJUBWfND81MOwZsRLxytwaHw7FQ3Lx0,6915
-plainbook/js/ExplanationEditor.js,sha256=g9An3cNJyu1Z8cuXS9Vk2vmBL7d2uc434taAjrd1iqM,7510
-plainbook/js/MarkdownCell.js,sha256=NGDAGpb0FkTZ-wh-izYKlQ7ZkcdfQAX4GBc_x45ormQ,5301
+plainbook/js/AppNavbar.js,sha256=nEX2CXdI0136Usj-YVts6QXV4xd_vbsXh9-mPvgbi5E,3968
+plainbook/js/CellInsertionZone.js,sha256=XPo2hmuG9lfVzYbZ1bBO-44HiyCFngHzxoUa56v42s8,676
+plainbook/js/CodeCell.js,sha256=cK6YOKVu58g4h7KmH2aL3LA99oxe8Z3ZZpLRF0k6XZY,6943
+plainbook/js/ExplanationEditor.js,sha256=FDflmKZKzNHkKgXHwsYrbQDLDK1ROVg00-5p9cj2jlc,7088
+plainbook/js/InfoModal.js,sha256=ShylUmDQdQ-2g-z6PlvZ_TTlxCSdNGJJICu-RAAwab8,1442
+plainbook/js/MarkdownCell.js,sha256=SxU_LO4TGcxOEy6sKognF_gHUXwmqR6BDsv4z0tlgVQ,5292
+plainbook/js/NotebookCell.js,sha256=PNWdd6VSWtD1nHeUCHPEZWIwBMQT26rjN6-P0rPCEZI,3239
 plainbook/js/OutputRenderer.js,sha256=KXECI2xd0Sk_TnZnAfqfhL0dEIT9pjZZTXo6Qdiw0o4,2981
-plainbook/js/ValidationCell.js,sha256=iVwISyGa1owLNakit-M4PXapNkC1C2rsLXEJLK_Cdhs,1617
+plainbook/js/SettingsModal.js,sha256=HpU2gKj26zZHhilcfp3hghEsW-sxsgq1HBlcsIBDGCI,1689
+plainbook/js/ValidationCell.js,sha256=4XdlBNELTpeARiNVh55_7ay24CEY-aUNJy1knX8I9MU,1595
 plainbook/js/markdown-it.min.js,sha256=hNyljag6giCsjv_yKmxK8_VeHzvMDvc5u8AzmRvm1BI,103012
-plainbook/js/nb.js,sha256=DADOQR7vjoUTsoCJ4KbqdYiRMyBqQ4L6ZEK1MKj4oSk,23028
+plainbook/js/nb.js,sha256=CZs32sAevGsea7PUjJK0Prd-7_mz1G82_S9_Hpx5gmQ,22822
 plainbook/js/prism-python.min.js,sha256=7UOFaFvPLUk1yNu6tL3hZgPaEyngktK_NsPa3WfpqFw,2113
 plainbook/js/prism.min.js,sha256=57iL3cbHV7L8jLET4kaYAasUp47BqPraTWOR41c_X58,18997
 plainbook/js/vue.esm-browser.js,sha256=75FuLhUTPk19sncwNIrm0BGEL0_Qw298-_v01fPWYoI,542872
-plainbook/views/index.html,sha256=nG-hAHKlmy8W5eCcnHqktjvvaqlCHjk3F2O7ZhXV6Ig,15261
-plainbook-0.0.7.dist-info/licenses/LICENSE.md,sha256=JW6Hp9mBeCkRkCSeiT2KmIU3XA5mJorjcIlM2cOOxyU,1462
-plainbook-0.0.7.dist-info/METADATA,sha256=k6OFCYgwDiPSSCa0XBxzeUe2ewLnCHluQXadAsdnkU0,3023
-plainbook-0.0.7.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
-plainbook-0.0.7.dist-info/entry_points.txt,sha256=fktud-zRh9ZZ4rXv5w6kW-78u44lSYklXY1ttMTB9k8,50
-plainbook-0.0.7.dist-info/top_level.txt,sha256=Y3jOV2n79dczNw9tJ7acufz3y3ns2pWw8b06sIN4ltc,10
-plainbook-0.0.7.dist-info/RECORD,,
+plainbook/views/index.html,sha256=Y_iA3eMd7X7BSkDgyPR3MghxvzOFnOZ8mmDizRb1iIM,5251
+plainbook-0.0.9.dist-info/licenses/LICENSE.md,sha256=JW6Hp9mBeCkRkCSeiT2KmIU3XA5mJorjcIlM2cOOxyU,1462
+plainbook-0.0.9.dist-info/METADATA,sha256=RbHMpf1Y4mJ6U4DKR6D0NknrfDUFrrtNnn-gEKAR8dY,3023
+plainbook-0.0.9.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
+plainbook-0.0.9.dist-info/entry_points.txt,sha256=fktud-zRh9ZZ4rXv5w6kW-78u44lSYklXY1ttMTB9k8,50
+plainbook-0.0.9.dist-info/top_level.txt,sha256=Y3jOV2n79dczNw9tJ7acufz3y3ns2pWw8b06sIN4ltc,10
+plainbook-0.0.9.dist-info/RECORD,,