@oar-sh/oar 0.9.10 → 0.9.11

package/server/public/app/preview-cards.mjs

@@ -6,8 +6,9 @@
 // The same row builder serves both surfaces: the composer's background-task
 // panel (this conversation's previews, beside the Bash task running the dev
 // server) and the settings modal's "Live previews" list (every session's).
-// Previews never expire, so the settings list is the one place that can always
-// close a link left behind in a conversation you have moved on from.
+// Previews never expire and survive a relay restart, so the settings list is
+// the one place that can always close a link left behind in a conversation you
+// have moved on from; it shows each preview's age and last use to help.
 
 import { apiFetch } from './api-client.js';
 
@@ -21,10 +22,35 @@ export function subscribePreviews(callback) {
   return () => subscribers.delete(callback);
 }
 
+// Transcript cards on screen, with the snapshot each was built from. A card's
+// open/closed state is read from the registry when it is built, and a page that
+// renders a transcript before the registry arrived (the conversation payload
+// carries it after the messages) would otherwise keep showing a live preview
+// as closed.
+const transcriptCards = new Map();
+
+function refreshTranscriptCards() {
+  for (const [card, snapshot] of [...transcriptCards]) {
+    if (!card.isConnected) {
+      transcriptCards.delete(card);
+      continue;
+    }
+    const liveEntry = previews.find((entry) => entry.token === snapshot.token && !entry.unverified);
+    const shownLive = !card.classList.contains('msg-preview-card-closed');
+    // Rebuilt when it opened or closed, and when its link moved (a changed
+    // public address: the live entry carries the current one).
+    if (!!liveEntry === shownLive && (!liveEntry || card.dataset.previewUrl === (liveEntry.url || snapshot.url))) continue;
+    const next = buildTranscriptPreviewCard(snapshot);
+    transcriptCards.delete(card);
+    if (next) card.replaceWith(next);
+  }
+}
+
 function notify() {
   for (const callback of subscribers) {
     try { callback(previews); } catch {}
   }
+  try { refreshTranscriptCards(); } catch {}
 }
 
 function normalizePreview(entry) {
@@ -40,8 +66,12 @@ function normalizePreview(entry) {
     url: String(entry.url || '').trim(),
     basePath: String(entry.basePath || '').trim(),
     createdAt: Number(entry.createdAt) || null,
+    lastHitAt: Number(entry.lastHitAt) || null,
     // null = not probed yet; the badge stays absent rather than guessing.
     online: entry.online === true ? true : (entry.online === false ? false : null),
+    // Stored, but not served: the relay could not check it after a restart
+    // and tries again. It can be closed like any other.
+    unverified: entry.unverified === true,
   };
 }
 
@@ -110,13 +140,31 @@ async function copyPreviewUrl(url, button) {
   }
 }
 
-function previewDetail(preview, { withConversation = false } = {}) {
+export function formatPreviewAge(timestamp, now = Date.now()) {
+  const at = Number(timestamp);
+  if (!Number.isFinite(at) || at <= 0) return '';
+  const minutes = Math.floor(Math.max(0, now - at) / 60_000);
+  if (minutes < 1) return 'just now';
+  if (minutes < 60) return `${minutes} min ago`;
+  const hours = Math.floor(minutes / 60);
+  if (hours < 48) return `${hours} h ago`;
+  return `${Math.floor(hours / 24)} d ago`;
+}
+
+function previewDetail(preview, { withConversation = false, withAge = false, now = Date.now() } = {}) {
   const parts = [];
   if (preview.targetPort) parts.push(`:${preview.targetPort}`);
-  if (preview.online === false) parts.push('offline — dev server not responding');
+  if (preview.unverified) parts.push('not served — could not be checked after the restart, trying again');
+  else if (preview.online === false) parts.push('offline — dev server not responding');
   if (withConversation && preview.conversationId) {
     parts.push(`session ${preview.conversationId.slice(0, 8)}`);
   }
+  if (withAge) {
+    const published = formatPreviewAge(preview.createdAt, now);
+    if (published) parts.push(`published ${published}`);
+    const opened = formatPreviewAge(preview.lastHitAt, now);
+    parts.push(opened ? `last opened ${opened}` : 'never opened');
+  }
   return parts.join(' · ');
 }
 
@@ -124,7 +172,7 @@ function previewDetail(preview, { withConversation = false } = {}) {
  * One preview row. Built with createElement/textContent throughout: a label is
  * agent-supplied text and must never be able to execute as markup.
  */
-export function buildPreviewRow(preview, { withConversation = false } = {}) {
+export function buildPreviewRow(preview, { withConversation = false, withAge = false, now } = {}) {
   const row = document.createElement('div');
   row.className = 'preview-row';
   row.dataset.token = preview.token;
@@ -145,7 +193,7 @@ export function buildPreviewRow(preview, { withConversation = false } = {}) {
   label.textContent = preview.label;
   main.appendChild(label);
 
-  const detailText = previewDetail(preview, { withConversation });
+  const detailText = previewDetail(preview, { withConversation, withAge, now });
   if (detailText) {
     const detail = document.createElement('span');
     detail.className = 'preview-detail';
@@ -177,25 +225,28 @@ export function buildPreviewRow(preview, { withConversation = false } = {}) {
   actions.className = 'preview-actions';
   side.appendChild(actions);
 
-  const open = document.createElement('a');
-  open.className = 'preview-open';
-  open.href = preview.url;
-  open.target = '_blank';
-  // noopener/noreferrer: the preview is a different origin running app code we
-  // do not control, and it has no business holding a handle on this window.
-  open.rel = 'noopener noreferrer';
-  open.textContent = 'Open';
-  actions.appendChild(open);
-
-  const copy = document.createElement('button');
-  copy.type = 'button';
-  copy.className = 'preview-copy';
-  copy.textContent = 'Copy link';
-  copy.addEventListener('click', (event) => {
-    event.preventDefault();
-    void copyPreviewUrl(preview.url, copy);
-  });
-  actions.appendChild(copy);
+  // An unverified preview answers 404 for now: no link to open or copy.
+  if (!preview.unverified) {
+    const open = document.createElement('a');
+    open.className = 'preview-open';
+    open.href = preview.url;
+    open.target = '_blank';
+    // noopener/noreferrer: the preview is a different origin running app code we
+    // do not control, and it has no business holding a handle on this window.
+    open.rel = 'noopener noreferrer';
+    open.textContent = 'Open';
+    actions.appendChild(open);
+
+    const copy = document.createElement('button');
+    copy.type = 'button';
+    copy.className = 'preview-copy';
+    copy.textContent = 'Copy link';
+    copy.addEventListener('click', (event) => {
+      event.preventDefault();
+      void copyPreviewUrl(preview.url, copy);
+    });
+    actions.appendChild(copy);
+  }
 
   const closing = closesInFlight.has(preview.token);
   const close = document.createElement('button');
@@ -214,17 +265,29 @@ export function buildPreviewRow(preview, { withConversation = false } = {}) {
 
 /**
  * Transcript card for a preview published during a turn. Renders from the
- * persisted snapshot (the registry may be long gone), overlaying live state
- * from the current store: a token still registered gets a working row, a
- * vanished one keeps the label but drops the dead link for a `closed` badge.
+ * persisted snapshot, overlaying live state from the current store: a token
+ * still registered (previews survive a restart) gets a working row, a closed
+ * one keeps the label but drops the dead link for a `closed` badge.
+ *
+ * A public share carries no token or link (the link would open the preview to
+ * every reader of the transcript): its cards come as `{ label, redacted }` and
+ * render as a plain note.
  */
 export function buildTranscriptPreviewCard(snapshot) {
+  if (snapshot && typeof snapshot === 'object' && snapshot.redacted === true) {
+    return buildRedactedPreviewCard(snapshot);
+  }
   const preview = normalizePreview(snapshot);
   if (!preview) return null;
-  const live = previews.some((entry) => entry.token === preview.token);
+  const liveEntry = previews.find((entry) => entry.token === preview.token && !entry.unverified);
+  const live = !!liveEntry;
+  // The snapshot's link was built from the public address at publish time;
+  // the live entry's follows the current settings.
+  const url = liveEntry?.url || preview.url;
 
   const card = document.createElement('div');
   card.className = live ? 'msg-preview-card' : 'msg-preview-card msg-preview-card-closed';
+  if (live) card.dataset.previewUrl = url;
 
   const icon = document.createElement('span');
   icon.className = 'preview-icon';
@@ -236,10 +299,12 @@ export function buildTranscriptPreviewCard(snapshot) {
   label.textContent = preview.label;
   card.appendChild(label);
 
+  transcriptCards.set(card, preview);
+
   if (live) {
     const open = document.createElement('a');
     open.className = 'preview-open';
-    open.href = preview.url;
+    open.href = url;
     open.target = '_blank';
     open.rel = 'noopener noreferrer';
     open.textContent = 'Open';
@@ -251,7 +316,7 @@ export function buildTranscriptPreviewCard(snapshot) {
     copy.textContent = 'Copy link';
     copy.addEventListener('click', (event) => {
       event.preventDefault();
-      void copyPreviewUrl(preview.url, copy);
+      void copyPreviewUrl(url, copy);
     });
     card.appendChild(copy);
   } else {
@@ -263,6 +328,27 @@ export function buildTranscriptPreviewCard(snapshot) {
   return card;
 }
 
+function buildRedactedPreviewCard(snapshot) {
+  const card = document.createElement('div');
+  card.className = 'msg-preview-card msg-preview-card-redacted';
+
+  const icon = document.createElement('span');
+  icon.className = 'preview-icon';
+  icon.textContent = '🌐';
+  card.appendChild(icon);
+
+  const label = document.createElement('span');
+  label.className = 'preview-label';
+  label.textContent = String(snapshot.label || '').trim() || 'Preview';
+  card.appendChild(label);
+
+  const note = document.createElement('span');
+  note.className = 'preview-detail';
+  note.textContent = 'preview link not shared';
+  card.appendChild(note);
+  return card;
+}
+
 export function renderPreviewRowsInto(container, rows, options = {}) {
   if (!container) return 0;
   container.textContent = '';

package/server/public/app/preview-command.mjs

@@ -74,6 +74,10 @@ export async function runPreviewCommand(parsed, { conversationId = '' } = {}) {
       if (!previews.length) return { ok: true, notice: 'No live previews.' };
       const lines = previews.map((entry) => {
         const target = entry.mode === 'static' ? entry.rootDir : `:${entry.targetPort}`;
+        // Stored but not served until the relay could check it: no link.
+        if (entry.unverified === true) {
+          return `${entry.token.slice(0, 8)} · ${entry.label} (${target}) — not served, could not be checked after the restart`;
+        }
         const state = entry.online === false ? ' — offline' : '';
         return `${entry.token.slice(0, 8)} · ${entry.label} (${target})${state} → ${entry.url}`;
       });
@@ -96,7 +100,12 @@ export async function runPreviewCommand(parsed, { conversationId = '' } = {}) {
       // point at the panel where the states are visible instead.
       return { ok: false, notice: 'Preview failed — check the port/path, or whether the preview lane is enabled (Settings → Live previews).' };
     }
-    return { ok: true, notice: `Preview published: ${created.url}` };
+    return {
+      ok: true,
+      notice: created.existing === true
+        ? `Preview already published (same link): ${created.url}`
+        : `Preview published: ${created.url}`,
+    };
   } catch {
     return { ok: false, notice: 'Preview command failed — could not reach the relay.' };
   }

package/server/public/app/relay-board-view.js

@@ -3,6 +3,7 @@ import {
   currentConvId,
   escHtml,
   relayBoards,
+  scrollBottom,
 } from './store.js';
 import {
   boardBodyShownInReply,
@@ -16,6 +17,7 @@ import {
 } from './api-client.js';
 import { renderMarkdownPreview } from './router.js';
 import { attachCodeCopyButtons } from './code-copy.mjs';
+import { beginOwnSend, followsTranscriptEnd, refreshJumpButton, scrollAfterOwnSend } from './transcript-jump-bottom-view.mjs';
 
 // The conversation whose settled boards (acted on, dismissed) are loaded. They
 // are asked for per conversation: only the pending ones matter everywhere.
@@ -26,7 +28,18 @@ export function upsertRelayBoard(board) {
   if (!board || !board.id) return;
   relayBoards.set(board.id, board);
   window.renderConvList?.();
-  renderRelayBoards();
+  showNewRelayBoards();
+}
+
+// A board that arrives is shown to a reader who is at the end. Anyone further
+// up stays where they are; the jump-to-bottom button says that it waits.
+// "At the end" is read here, once, before the board is on the page: the
+// render itself reads no layout, it also runs inside a rebuild of the
+// transcript, where a read would clamp the scroll position to the few rows
+// that are on the page at that moment.
+function showNewRelayBoards() {
+  const atEnd = followsTranscriptEnd();
+  if (renderRelayBoards() && atEnd) scrollBottom();
 }
 
 export async function loadRelayBoards() {
@@ -40,7 +53,7 @@ export async function loadRelayBoards() {
   }
   for (const board of pending) relayBoards.set(board.id, board);
   window.renderConvList?.();
-  renderRelayBoards();
+  showNewRelayBoards();
 }
 
 async function loadBoardHistory(conversationId) {
@@ -186,10 +199,8 @@ export function renderRelayBoards() {
   // the live bubble into the reply, or one of another conversation.
   el.querySelectorAll('.relay-board-inline').forEach((node) => { if (!placed.has(node)) node.remove(); });
   el.querySelectorAll('.relay-board-container').forEach((node) => { if (!node.querySelector('.relay-board-inline')) node.remove(); });
-  // A folded agent exchange whose turn waits on a board opens to show it
-  // (agent-exchange-fold-view.mjs).
-  window.syncAgentExchangeFolds?.();
-  if (added) window.scrollBottom?.();
+  refreshJumpButton();
+  return added;
 }
 
 export async function submitRelayBoardAction(boardId, actionId) {
@@ -199,6 +210,7 @@ export async function submitRelayBoardAction(boardId, actionId) {
   const card = document.querySelector(`.relay-board-inline[data-board-id="${CSS.escape(id)}"]`);
   const controls = card ? card.querySelectorAll('button') : [];
   controls.forEach((control) => { control.disabled = true; });
+  const send = beginOwnSend();
 
   try {
     const r = await submitRelayBoardActionApi(id, nextActionId);
@@ -208,6 +220,7 @@ export async function submitRelayBoardAction(boardId, actionId) {
     relayBoards.set(id, r.board);
     window.renderConvList?.();
     renderRelayBoards();
+    scrollAfterOwnSend(send);
   } catch (error) {
     controls.forEach((control) => { control.disabled = false; });
     alert(error.message || 'Failed to submit board action');

package/server/public/app/relay-restart-error.mjs

@@ -0,0 +1,16 @@
+/**
+ * What to tell the user when a restart request failed. An HTTP answer is a
+ * refusal and says so (`refused`, shown as an alert); no answer at all can
+ * mean the relay took the request and began restarting before it could
+ * reply (`unanswered`, shown as a notice).
+ */
+export function describeRelayRestartError(error) {
+  const message = String(error?.message || '').trim();
+  if (Number(error?.status) > 0) {
+    return { kind: 'refused', text: `The relay refused the restart: ${message || `HTTP ${Number(error.status)}`}` };
+  }
+  return {
+    kind: 'unanswered',
+    text: `${message || 'The relay did not answer.'} If it took the restart, the connection comes back once it has restarted.`,
+  };
+}

package/server/public/app/settings-modal.js

@@ -36,6 +36,7 @@ import {
   requestRelayRestart,
 } from './api-client.js';
 import { DEFAULT_BACKGROUND_TASK_TIMEOUT_MINUTES } from './background-task-timeout-options.mjs';
+import { describeRelayRestartError } from './relay-restart-error.mjs';
 import { syncFontScaleSelect } from './font-scaling.js';
 import { syncInstalledAppUiState, syncPwaAppNameInput } from './pwa-install.js';
 import { normalizeKnownCwdPath } from './cwd-picker.js';
@@ -48,6 +49,8 @@ import { refreshCliInstallSections } from './cli-install-ui.js';
 import { refreshUpdateSection } from './update-ui.js';
 import { refreshRemoteRelaysSection } from './remote-relays-settings.js';
 import { refreshAgentSessionsSection } from './agent-sessions-settings-ui.js';
+import { refreshSharedConversationsSection } from './shared-conversations-settings.js';
+import { syncScrollOnSendToggle } from './transcript-jump-bottom.mjs';
 import {
   getPreviews,
   renderPreviewRowsInto,
@@ -1337,15 +1340,33 @@ export async function removeOpenAISettings() {
   }
 }
 
+const WINDOWS_BOOT_CUSTOMISATION_LABELS = Object.freeze({
+  action: 'what it runs',
+  'working-directory': 'working folder',
+  'logon-type': 'logon type',
+  trigger: 'trigger',
+  'boot-delay': 'boot delay',
+  launcher: 'launcher edited or from an older OAR',
+  'launcher-missing': 'launcher missing',
+});
+
 function windowsAutostartStatusText() {
   const boot = windowsAutostartState?.boot;
   if (boot?.pendingElevation) {
     return 'Confirm the admin prompt on the PC… (it only appears on the physical desktop)';
   }
   if (boot?.lastError) return boot.lastError;
+  if (boot?.readError) return `The boot task could not be read: ${boot.readError}`;
   if (windowsAutostartState?.mode === 'boot' && windowsAutostartState?.signinEnabled) {
     return 'A sign-in Startup entry also exists and can double-start the relay. Re-select "At system startup" to clean it up.';
   }
+  if (windowsAutostartState?.mode === 'boot' && boot?.customised) {
+    const labels = (boot.customisations || []).map((name) => WINDOWS_BOOT_CUSTOMISATION_LABELS[name] || name);
+    return `The boot task or its launcher differs from what OAR generates (${labels.join(', ')}). Re-selecting "At system startup" regenerates both and keeps a changed launcher as a .bak copy.`;
+  }
+  if (windowsAutostartState?.mode === 'boot' && boot?.launcherBackupPath) {
+    return `The previous launcher was replaced and kept as ${boot.launcherBackupPath}.`;
+  }
   if (boot?.taskStatus === 'foreign') {
     return `A task named "${boot.taskName}" exists but was not created by OAR. Selecting "At system startup" replaces it.`;
   }
@@ -1425,7 +1446,7 @@ export async function refreshWindowsAutostartSetting() {
     }
     windowsAutostartState = result;
   } catch (error) {
-    alert(error?.message || 'Failed to read the Windows autostart setting.');
+    alert(error?.message ? `Failed to read the Windows autostart setting: ${error.message}` : 'Failed to read the Windows autostart setting.');
   } finally {
     windowsAutostartUpdateInFlight = false;
     syncWindowsAutostartSetting();
@@ -1459,7 +1480,7 @@ export async function updateWindowsAutostartMode(mode) {
       );
     }
   } catch (error) {
-    alert(error?.message || 'Failed to update the Windows autostart setting.');
+    alert(error?.message ? `Failed to update the Windows autostart setting: ${error.message}` : 'Failed to update the Windows autostart setting.');
   } finally {
     windowsAutostartUpdateInFlight = false;
     syncWindowsAutostartSetting();
@@ -1579,9 +1600,17 @@ async function restartRelayForFeatureFlags() {
   featureFlagsUpdateInFlight = true;
   syncFeatureFlagsSection();
   try {
-    const result = await requestRelayRestart({ reason: 'feature-flags-changed' });
-    if (!result) {
-      alert('Failed to request a relay restart. Restarts can only be requested from the relay host itself.');
+    let result = null;
+    try {
+      result = await requestRelayRestart({ reason: 'feature-flags-changed' });
+    } catch (error) {
+      const { kind, text } = describeRelayRestartError(error);
+      if (kind === 'refused') alert(text);
+      else showTransientRelayNotice(text, 9000);
+      return;
+    }
+    if (!result?.ok) {
+      alert('Failed to request a relay restart.');
       return;
     }
     showTransientRelayNotice('Relay restart requested. It will restart once the running turns finish; queued messages wait for it.');
@@ -1684,14 +1713,15 @@ export async function updateDefaultSessionWorkspaceRootSetting(rawValue) {
 }
 
 // "Live previews": every preview across every session, not just this
-// conversation's. Previews never expire, so this list is the one place that can
-// close a link left behind in a conversation you have moved on from.
+// conversation's. Previews never expire and survive a relay restart, so this
+// list is the one place that can close a link left behind in a conversation
+// you have moved on from; age and last use show which ones are stale.
 export function renderPreviewsSection() {
   const list = document.getElementById('settings-previews-list');
   const empty = document.getElementById('settings-previews-empty');
   if (!list) return;
   const previews = getPreviews();
-  renderPreviewRowsInto(list, previews, { withConversation: true });
+  renderPreviewRowsInto(list, previews, { withConversation: true, withAge: true });
   if (empty) {
     empty.hidden = previews.length > 0;
     empty.textContent = 'No previews are published right now.';
@@ -1726,6 +1756,7 @@ export function openSettingsModal(tab, providerTab) {
     themeSelect.value = readLocalStorage(THEME_STORAGE_KEY) === 'light' ? 'light' : 'dark';
   }
   syncSuspendHostVisibility();
+  syncScrollOnSendToggle();
   syncFontScaleSelect();
   syncPwaAppNameInput();
   syncDefaultSessionWorkspaceRootInput();
@@ -1762,6 +1793,7 @@ export function openSettingsModal(tab, providerTab) {
   void refreshSubagentRecordRetentionSetting();
   void refreshPushSettingsSection();
   void refreshPreviewsSection();
+  void refreshSharedConversationsSection();
   void refreshRemoteRelaysSection();
   void refreshAgentSessionsSection();
   void refreshFeatureFlagsSection();

package/server/public/app/settings-tabs.js

@@ -1,7 +1,7 @@
 const SETTINGS_TAB_STORAGE_KEY = 'copilot_settings_tab';
 const SETTINGS_PROVIDER_TAB_STORAGE_KEY = 'copilot_settings_provider_tab';
 
-const SETTINGS_TABS = ['general', 'providers', 'relays', 'previews', 'notifications', 'features'];
+const SETTINGS_TABS = ['general', 'providers', 'relays', 'previews', 'shares', 'notifications', 'features'];
 // Copilot leads: it is the default provider, and `SETTINGS_PROVIDER_TABS[0]`
 // is also the sub-tab a first-time visitor lands on.
 const SETTINGS_PROVIDER_TABS = ['copilot', 'openai', 'claude', 'claude-cloud', 'grok', 'cursor'];

package/server/public/app/share-format.mjs

@@ -0,0 +1,49 @@
+// Text for Settings → Sharing: a share row's detail line and an access log
+// entry. DOM-free so it is unit-testable.
+
+// The same steps as a preview's age (preview-cards.mjs), which this module
+// cannot import without the API client.
+function age(iso, now) {
+  const at = Date.parse(String(iso || ''));
+  if (!Number.isFinite(at) || at <= 0) return '';
+  const minutes = Math.floor(Math.max(0, now - at) / 60_000);
+  if (minutes < 1) return 'just now';
+  if (minutes < 60) return `${minutes} min ago`;
+  const hours = Math.floor(minutes / 60);
+  if (hours < 48) return `${hours} h ago`;
+  return `${Math.floor(hours / 24)} d ago`;
+}
+
+function plural(count, one, many) {
+  return `${count} ${count === 1 ? one : many}`;
+}
+
+/** "shared 3 d ago · new link 2 h ago · last opened 5 min ago · 4 opens · 2 viewers" */
+export function describeShare(share, now = Date.now()) {
+  const parts = [];
+  const since = age(share?.sharedSince, now);
+  if (since) parts.push(`shared ${since}`);
+  const renewed = age(share?.renewedAt, now);
+  if (renewed) parts.push(`new link ${renewed}`);
+  const opened = age(share?.lastOpenedAt, now);
+  parts.push(opened ? `last opened ${opened}` : 'never opened');
+  const opens = Math.max(0, Math.trunc(Number(share?.openCount) || 0));
+  const viewers = Math.max(0, Math.trunc(Number(share?.viewerCount) || 0));
+  parts.push(plural(opens, 'open', 'opens'));
+  parts.push(plural(viewers, 'viewer', 'viewers'));
+  if (share?.archived) parts.push('archived');
+  return parts.join(' · ');
+}
+
+/** "16 Oct 2026, 14:05 · DE · 203.0.113.7 · viewer 1a2b3c4d" */
+export function describeShareOpen(open, { locale } = {}) {
+  const parts = [];
+  const at = Date.parse(String(open?.openedAt || ''));
+  if (Number.isFinite(at)) {
+    parts.push(new Date(at).toLocaleString(locale, { dateStyle: 'medium', timeStyle: 'short' }));
+  }
+  if (open?.country) parts.push(String(open.country));
+  parts.push(open?.ip ? String(open.ip) : 'IP not stored');
+  if (open?.viewer) parts.push(`viewer ${open.viewer}`);
+  return parts.join(' · ');
+}