mrmd-editor 0.6.0 → 0.7.0

package/src/markdown/styles.js

@@ -1015,6 +1015,132 @@ export const markdownStyles = `
 .cm-inline-html bdo {
   unicode-bidi: bidi-override;
 }
+
+/* ==========================================================================
+   MOBILE RESPONSIVE
+   
+   Quarto/Astro-inspired: content reads beautifully on narrow screens.
+   Tables scroll horizontally, images scale, code wraps or scrolls.
+   ========================================================================== */
+
+@media (max-width: 768px) {
+
+  /* Tables: horizontal scroll when they're wider than the viewport.
+     This is the exact pattern Quarto and MkDocs Material use. */
+  .cm-table-widget {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    margin-left: -4px;
+    margin-right: -4px;
+    padding-left: 4px;
+    padding-right: 4px;
+  }
+
+  /* Subtle fade on the right edge when table overflows */
+  .cm-table-widget::after {
+    content: '';
+    position: sticky;
+    right: 0;
+    display: block;
+    width: 16px;
+    margin-top: -100%;
+    height: 100%;
+    background: linear-gradient(to right, transparent, var(--editor-background, #fff) 80%);
+    pointer-events: none;
+    float: right;
+    opacity: 0.5;
+  }
+
+  .cm-table {
+    font-size: 0.88em;
+  }
+
+  .cm-table th,
+  .cm-table td {
+    padding: 0.4em 0.65em;
+    white-space: nowrap;
+  }
+
+  /* Images: full-width, never overflow the screen */
+  .cm-image-block-img {
+    max-width: 100%;
+    max-height: 50vh;
+  }
+
+  .cm-image-inline-img {
+    max-width: 100%;
+  }
+
+  /* Wide images: don't break out of viewport */
+  .cm-image-pos-wide {
+    width: 100%;
+    max-width: 100%;
+    margin-left: 0;
+    margin-right: 0;
+  }
+
+  .cm-image-pos-wide .cm-image-block-img {
+    max-width: 100%;
+  }
+
+  /* Right/left aligned images: go full width on mobile */
+  .cm-image-pos-right,
+  .cm-image-pos-left {
+    text-align: center;
+    padding-left: 0;
+    padding-right: 0;
+  }
+
+  .cm-image-pos-right .cm-image-block-img,
+  .cm-image-pos-left .cm-image-block-img {
+    max-width: 100%;
+  }
+
+  /* Display math: horizontal scroll for wide equations */
+  .cm-math-display {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  /* Blockquotes: slightly tighter */
+  .cm-md-blockquote-line {
+    padding-left: 0.75em;
+  }
+
+  /* Headings: slightly smaller on mobile for better fit */
+  .cm-md-h1 {
+    font-size: clamp(1.4em, 5vw, var(--md-heading-1-size, 1.75em));
+  }
+
+  .cm-md-h2 {
+    font-size: clamp(1.2em, 4vw, var(--md-heading-2-size, 1.4em));
+  }
+
+  /* Horizontal rule: full width */
+  .cm-md-hr-line::after {
+    left: 0;
+    right: 0;
+  }
+}
+
+/* Touch-specific: make interactive elements more tappable */
+@media (pointer: coarse) {
+
+  /* Checkboxes: bigger for finger tapping */
+  .cm-task-checkbox {
+    width: 1.2em;
+    height: 1.2em;
+    margin-right: 0.5em;
+  }
+
+  /* Links: slightly more padding to enlarge tap area */
+  .cm-md-link-text,
+  .cm-external-link,
+  .cm-file-link,
+  .cm-wiki-link {
+    padding: 2px 0;
+  }
+}
 `;
 
 /**

package/src/monitor-coordination.js

@@ -99,11 +99,10 @@ export class MonitorCoordination {
    * @param {string} options.code - Code to execute
    * @param {string} options.language - Language identifier
    * @param {string} options.runtimeUrl - MRP runtime URL
-   * @param {string} [options.session] - MRP session ID
    * @param {string} [options.cellId] - Cell ID for tracking
    * @returns {string} execId
    */
-  requestExecution({ code, language, runtimeUrl, session = 'default', cellId }) {
+  requestExecution({ code, language, runtimeUrl, cellId }) {
     const execId = MonitorCoordination.generateExecId();
 
     this.executions.set(execId, {
@@ -112,7 +111,6 @@ export class MonitorCoordination {
       code,
       language,
       runtimeUrl,
-      session,
       status: EXECUTION_STATUS.REQUESTED,
       requestedBy: this.clientId,
       requestedAt: Date.now(),

package/src/mrp-client.js

@@ -3,12 +3,14 @@
  *
  * Connects mrmd-editor to any MRMD Runtime Protocol server.
  *
+ * Runtime model (simplified): one runtime process = one REPL namespace.
+ * There are no client-managed MRP sessions.
+ *
  * @module mrp-client
  */
 
 // JSDoc imports for type hints
 /** @typedef {import('./mrp-types.js').Capabilities} Capabilities */
-/** @typedef {import('./mrp-types.js').Session} Session */
 /** @typedef {import('./mrp-types.js').ExecuteRequest} ExecuteRequest */
 /** @typedef {import('./mrp-types.js').ExecuteResult} ExecuteResult */
 /** @typedef {import('./mrp-types.js').CompleteRequest} CompleteRequest */
@@ -34,9 +36,6 @@ export class MRPClient {
   /** @type {string} */
   #endpoint;
 
-  /** @type {string} */
-  #defaultSession;
-
   /** @type {Capabilities|null} */
   #capabilities = null;
 
@@ -54,13 +53,11 @@ export class MRPClient {
    *
    * @param {string} endpoint - Base URL for MRP endpoints (e.g., "http://localhost:8000/mrp/v1")
    * @param {Object} [options]
-   * @param {string} [options.session='default'] - Default session ID
    * @param {string[]} [options.languages] - Fallback languages if capabilities haven't loaded yet
    * @param {boolean} [options.prefetch=true] - Auto-fetch capabilities on construction
    */
   constructor(endpoint, options = {}) {
     this.#endpoint = endpoint.replace(/\/$/, ''); // Remove trailing slash
-    this.#defaultSession = options.session || 'default';
     this.#fallbackLanguages = options.languages || null;
 
     // Expose runtime URL for ExecutionManager to use in monitor mode routing
@@ -157,79 +154,6 @@ export class MRPClient {
     return this.#capabilities?.features?.[feature] ?? false;
   }
 
-  // ===========================================================================
-  // Sessions
-  // ===========================================================================
-
-  /**
-   * List active sessions
-   *
-   * @returns {Promise<Session[]>}
-   */
-  async listSessions() {
-    const res = await fetch(`${this.#endpoint}/sessions`);
-    if (!res.ok) throw new Error(`Failed to list sessions: ${res.status}`);
-    const data = await res.json();
-    return data.sessions;
-  }
-
-  /**
-   * Create a new session
-   *
-   * @param {import('./mrp-types.js').CreateSessionRequest} request
-   * @returns {Promise<Session>}
-   */
-  async createSession(request) {
-    const res = await fetch(`${this.#endpoint}/sessions`, {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify(request),
-    });
-    if (!res.ok) throw new Error(`Failed to create session: ${res.status}`);
-    return res.json();
-  }
-
-  /**
-   * Get session info
-   *
-   * @param {string} [session]
-   * @returns {Promise<Session>}
-   */
-  async getSession(session) {
-    const sid = session || this.#defaultSession;
-    const res = await fetch(`${this.#endpoint}/sessions/${encodeURIComponent(sid)}`);
-    if (!res.ok) throw new Error(`Failed to get session: ${res.status}`);
-    return res.json();
-  }
-
-  /**
-   * Destroy a session
-   *
-   * @param {string} [session]
-   * @returns {Promise<void>}
-   */
-  async destroySession(session) {
-    const sid = session || this.#defaultSession;
-    const res = await fetch(`${this.#endpoint}/sessions/${encodeURIComponent(sid)}`, {
-      method: 'DELETE',
-    });
-    if (!res.ok) throw new Error(`Failed to destroy session: ${res.status}`);
-  }
-
-  /**
-   * Reset session (clear namespace)
-   *
-   * @param {string} [session]
-   * @returns {Promise<void>}
-   */
-  async reset(session) {
-    const sid = session || this.#defaultSession;
-    const res = await fetch(`${this.#endpoint}/sessions/${encodeURIComponent(sid)}/reset`, {
-      method: 'POST',
-    });
-    if (!res.ok) throw new Error(`Failed to reset session: ${res.status}`);
-  }
-
   // ===========================================================================
   // Execution
   // ===========================================================================
@@ -248,7 +172,6 @@ export class MRPClient {
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({
         code,
-        session: this.#defaultSession,
         ...options,
       }),
     });
@@ -300,7 +223,6 @@ export class MRPClient {
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({
           code,
-          session: this.#defaultSession,
           ...executeOptions,
         }),
         signal: controller.signal,
@@ -339,14 +261,8 @@ export class MRPClient {
               } else if (currentEvent === 'stdin_request') {
                 // Runtime needs user input - call handler and send response
                 if (onStdinRequest) {
-                  // onStdinRequest returns Promise<string> with user's input
-                  // We handle this async but don't block the SSE reading
-                  // The server will wait for our /input POST
                   Promise.resolve(onStdinRequest(data))
-                    .then((input) => {
-                      // Send the input back to the server
-                      return this.sendInput(data.execId, input);
-                    })
+                    .then((input) => this.sendInput(data.execId, input))
                     .catch((err) => {
                       // User cancelled input (e.g., pressed Escape)
                       // Notify server to unblock the waiting execution
@@ -357,9 +273,6 @@ export class MRPClient {
                     });
                 }
               } else if (currentEvent === 'asset' || currentEvent === 'display') {
-                // Rich output: images, plots, HTML, etc.
-                // data contains: { path, url, mimeType, assetType, size } for assets
-                // or { data: { 'image/png': base64, ... }, metadata } for display
                 if (onAsset) {
                   onAsset(data, currentEvent);
                 }
@@ -403,15 +316,13 @@ export class MRPClient {
    *
    * @param {string} execId - Execution ID waiting for input
    * @param {string} text - User input (include \n if submitting)
-   * @param {string} [session] - Session ID
    * @returns {Promise<SendInputResult>}
    */
-  async sendInput(execId, text, session) {
+  async sendInput(execId, text) {
     const res = await fetch(`${this.#endpoint}/input`, {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({
-        session: session || this.#defaultSession,
         exec_id: execId,
         text,
       }),
@@ -423,10 +334,9 @@ export class MRPClient {
   /**
    * Interrupt running execution
    *
-   * @param {string} [session]
    * @returns {Promise<void>}
    */
-  async interrupt(session) {
+  async interrupt() {
     // Abort fetch if in progress
     if (this.#currentExecution) {
       this.#currentExecution.abort();
@@ -437,65 +347,58 @@ export class MRPClient {
     const res = await fetch(`${this.#endpoint}/interrupt`, {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ session: session || this.#defaultSession }),
+      body: JSON.stringify({}),
     });
     if (!res.ok) throw new Error(`Failed to interrupt: ${res.status}`);
   }
 
-  // ===========================================================================
-  // Input
-  // ===========================================================================
-
   /**
-   * Send user input to a waiting execution (stdin_request response)
+   * Cancel a pending input request
+   *
+   * Called when the user dismisses the input field without providing input.
+   * This unblocks the waiting execution on the server.
    *
-   * @param {string} execId - The execution ID that requested input
-   * @param {string} text - The user input text (should include newline if submitting)
-   * @param {string} [session]
-   * @returns {Promise<{accepted: boolean, error?: string}>}
+   * @param {string} execId - The execution ID waiting for input
+   * @returns {Promise<{cancelled: boolean, error?: string}>}
    */
-  async sendInput(execId, text, session) {
-    const res = await fetch(`${this.#endpoint}/input`, {
+  async cancelInput(execId) {
+    const res = await fetch(`${this.#endpoint}/input/cancel`, {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({
-        session: session || this.#defaultSession,
         exec_id: execId,
-        text,
       }),
     });
 
     if (!res.ok) {
-      throw new Error(`Failed to send input: ${res.status}`);
+      throw new Error(`Failed to cancel input: ${res.status}`);
     }
 
     return res.json();
   }
 
   /**
-   * Cancel a pending input request
+   * Reset runtime namespace (clear variables)
    *
-   * Called when the user dismisses the input field without providing input.
-   * This unblocks the waiting execution on the server.
-   *
-   * @param {string} execId - The execution ID waiting for input
-   * @param {string} [session]
-   * @returns {Promise<{cancelled: boolean, error?: string}>}
+   * @returns {Promise<{success: boolean}>}
    */
-  async cancelInput(execId, session) {
-    const res = await fetch(`${this.#endpoint}/input/cancel`, {
+  async reset() {
+    let res = await fetch(`${this.#endpoint}/reset`, {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({
-        session: session || this.#defaultSession,
-        exec_id: execId,
-      }),
+      body: JSON.stringify({}),
     });
 
-    if (!res.ok) {
-      throw new Error(`Failed to cancel input: ${res.status}`);
+    // Backward compatibility for runtimes that still expose session reset
+    if (!res.ok && res.status === 404) {
+      res = await fetch(`${this.#endpoint}/sessions/default/reset`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({}),
+      });
     }
 
+    if (!res.ok) throw new Error(`Failed to reset runtime: ${res.status}`);
     return res.json();
   }
 
@@ -521,7 +424,6 @@ export class MRPClient {
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({
         ...request,
-        session: request.session || this.#defaultSession,
       }),
     });
 
@@ -551,7 +453,6 @@ export class MRPClient {
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({
         ...request,
-        session: request.session || this.#defaultSession,
       }),
     });
 
@@ -577,7 +478,6 @@ export class MRPClient {
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({
         ...request,
-        session: request.session || this.#defaultSession,
       }),
     });
 
@@ -590,13 +490,12 @@ export class MRPClient {
   // ===========================================================================
 
   /**
-   * List variables in session
+   * List variables in runtime namespace
    *
-   * @param {string} [session]
    * @param {import('./mrp-types.js').VariablesFilter} [filter]
    * @returns {Promise<VariablesResult>}
    */
-  async getVariables(session, filter) {
+  async getVariables(filter) {
     const caps = await this.getCapabilities();
 
     if (!caps.features.variables) {
@@ -606,10 +505,7 @@ export class MRPClient {
     const res = await fetch(`${this.#endpoint}/variables`, {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({
-        session: session || this.#defaultSession,
-        filter,
-      }),
+      body: JSON.stringify({ filter }),
     });
 
     if (!res.ok) throw new Error(`Variables failed: ${res.status}`);
@@ -621,7 +517,6 @@ export class MRPClient {
    *
    * @param {string} name - Variable name
    * @param {Object} [options]
-   * @param {string} [options.session] - Session ID
    * @param {string[]} [options.path] - Drill-down path
    * @param {number} [options.maxChildren] - Max children to return
    * @param {number} [options.maxValueLength] - Max value length
@@ -638,7 +533,6 @@ export class MRPClient {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({
-        session: options.session || this.#defaultSession,
         path: options.path,
         maxChildren: options.maxChildren,
         maxValueLength: options.maxValueLength,
@@ -657,10 +551,9 @@ export class MRPClient {
    * Check if code is a complete statement
    *
    * @param {string} code
-   * @param {string} [session]
    * @returns {Promise<IsCompleteResult>}
    */
-  async isComplete(code, session) {
+  async isComplete(code) {
     const caps = await this.getCapabilities();
 
     if (!caps.features.isComplete) {
@@ -670,10 +563,7 @@ export class MRPClient {
     const res = await fetch(`${this.#endpoint}/is_complete`, {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({
-        code,
-        session: session || this.#defaultSession,
-      }),
+      body: JSON.stringify({ code }),
     });
 
     if (!res.ok) throw new Error(`isComplete failed: ${res.status}`);
@@ -684,10 +574,9 @@ export class MRPClient {
    * Format code
    *
    * @param {string} code
-   * @param {string} [session]
    * @returns {Promise<FormatResult>}
    */
-  async format(code, session) {
+  async format(code) {
     const caps = await this.getCapabilities();
 
     if (!caps.features.format) {
@@ -697,10 +586,7 @@ export class MRPClient {
     const res = await fetch(`${this.#endpoint}/format`, {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({
-        code,
-        session: session || this.#defaultSession,
-      }),
+      body: JSON.stringify({ code }),
     });
 
     if (!res.ok) throw new Error(`Format failed: ${res.status}`);
@@ -729,24 +615,6 @@ export class MRPClient {
   get endpoint() {
     return this.#endpoint;
   }
-
-  /**
-   * Get the default session ID
-   *
-   * @returns {string}
-   */
-  get defaultSession() {
-    return this.#defaultSession;
-  }
-
-  /**
-   * Set the default session ID
-   *
-   * @param {string} session
-   */
-  set defaultSession(session) {
-    this.#defaultSession = session;
-  }
 }
 
 // #endregion MRP_CLIENT
@@ -758,7 +626,6 @@ export class MRPClient {
  *
  * @param {string} endpoint - Base URL for MRP endpoints
  * @param {Object} [options]
- * @param {string} [options.session='default'] - Default session ID
  * @returns {MRPClient}
  */
 export function createMRPClient(endpoint, options = {}) {

package/src/mrp-types.js

@@ -17,8 +17,6 @@
  * @property {string[]} languages - Supported language identifiers: ["python", "py", "python3"]
  * @property {CapabilityFeatures} features - What this runtime can do
  * @property {string} [lspFallback] - WebSocket URL for fallback LSP
- * @property {string} defaultSession - Default session ID
- * @property {number} [maxSessions] - Maximum concurrent sessions
  * @property {RuntimeEnvironment} [environment] - Execution environment info
  */
 
@@ -28,7 +26,7 @@
  * @property {boolean} execute - Run code and return result (always true)
  * @property {boolean} executeStream - Stream output via SSE
  * @property {boolean} interrupt - Cancel running execution
- * @property {boolean} complete - Tab completion from live session
+ * @property {boolean} complete - Tab completion from the live runtime namespace
  * @property {boolean} inspect - Get symbol info (signature, docs, source)
  * @property {boolean} hover - Quick value/type preview
  * @property {boolean} variables - List variables in namespace
@@ -50,31 +48,6 @@
 
 // #endregion CAPABILITIES
 
-// #region SESSIONS
-
-/**
- * Session info
- * @typedef {Object} Session
- * @property {string} id - Session identifier
- * @property {string} language - Primary language
- * @property {string} created - ISO timestamp
- * @property {string} lastActivity - ISO timestamp
- * @property {number} executionCount - Number of executions
- * @property {number} variableCount - Number of variables in namespace
- * @property {RuntimeEnvironment} [environment] - Session environment
- */
-
-/**
- * Create session request
- * @typedef {Object} CreateSessionRequest
- * @property {string} [id] - Session ID (auto-generated if omitted)
- * @property {string} language - Language for this session
- * @property {Partial<RuntimeEnvironment>} [environment] - Environment overrides
- * @property {string[]} [dependencies] - Package dependencies (for UV export)
- * @property {string} [pythonVersion] - Python version constraint
- */
-
-// #endregion SESSIONS
 
 // #region EXECUTION
 
@@ -82,7 +55,6 @@
  * Execute request
  * @typedef {Object} ExecuteRequest
  * @property {string} code - Code to execute
- * @property {string} [session] - Session ID (default: "default")
  * @property {boolean} [storeHistory] - Add to execution history (default: true)
  * @property {boolean} [silent] - Suppress output (default: false)
  * @property {string} [assetDir] - Where to save figures/assets
@@ -226,7 +198,6 @@
 /**
  * Send input request
  * @typedef {Object} SendInputRequest
- * @property {string} [session] - Session ID
  * @property {string} execId - Execution ID waiting for input
  * @property {string} text - User input (include \n if submitting)
  */
@@ -247,7 +218,6 @@
  * @typedef {Object} CompleteRequest
  * @property {string} code - Code in cell
  * @property {number} cursor - Cursor position (character offset)
- * @property {string} [session] - Session ID
  * @property {'invoked'|'character'|'incomplete'} [triggerKind] - What triggered completion
  * @property {string} [triggerCharacter] - Character that triggered (".", "[", etc.)
  */
@@ -289,7 +259,6 @@
  * @typedef {Object} InspectRequest
  * @property {string} code - Code in cell
  * @property {number} cursor - Cursor position
- * @property {string} [session] - Session ID
  * @property {0|1|2} [detail] - Detail level: 0=signature, 1=+docs, 2=+source
  */
 
@@ -320,7 +289,6 @@
  * @typedef {Object} HoverRequest
  * @property {string} code - Code in cell
  * @property {number} cursor - Cursor position
- * @property {string} [session] - Session ID
  */
 
 /**
@@ -340,7 +308,6 @@
 /**
  * Variables request
  * @typedef {Object} VariablesRequest
- * @property {string} [session] - Session ID
  * @property {VariablesFilter} [filter] - Filter options
  */
 
@@ -377,7 +344,6 @@
 /**
  * Variable detail request
  * @typedef {Object} VariableDetailRequest
- * @property {string} [session] - Session ID
  * @property {string[]} [path] - Drill-down path: ["key", "0", "attr"]
  * @property {number} [maxChildren] - Max children to return
  * @property {number} [maxValueLength] - Max chars for value repr
@@ -410,7 +376,6 @@
  * Is-complete request
  * @typedef {Object} IsCompleteRequest
  * @property {string} code - Code to check
- * @property {string} [session] - Session ID
  */
 
 /**
@@ -424,7 +389,6 @@
  * Format request
  * @typedef {Object} FormatRequest
  * @property {string} code - Code to format
- * @property {string} [session] - Session ID
  */
 
 /**