slotlock 0.8.0 → 0.9.0

package/dashboard-assistant-ui.js

@@ -6,6 +6,7 @@ const STEP_WORDS = Object.freeze({
     slotlock_get_free_busy: ['Checking free and busy time', 'Checked free and busy time', 'check free and busy time'],
     slotlock_find_next_available: ['Finding the next free time', 'Found the next free time', 'find the next free time'],
     slotlock_find_available_slots: ['Checking availability', 'Checked availability', 'check availability'],
+    slotlock_find_available_ranges: ['Finding free ranges', 'Found free ranges', 'find free ranges'],
     slotlock_get_pool_availability: ['Checking the pool', 'Checked the pool', 'check the pool'],
     slotlock_get_event: ['Reading a booking', 'Read a booking', 'read the booking'],
     slotlock_list_events: ['Reading bookings', 'Read bookings', 'read bookings'],
@@ -43,6 +44,7 @@ export function slotlockAssistantActionVerb(operation) {
         case 'slotlock_delete_event':
             return { verb: 'Delete booking', busy: 'Deleting…', done: 'Deleted', danger: true };
         case 'slotlock_hold_slots':
+        case 'slotlock_hold_together':
             return { verb: 'Hold', busy: 'Holding…', done: 'Held', danger: false };
         case 'slotlock_release_slots':
             return { verb: 'Release', busy: 'Releasing…', done: 'Released', danger: true };
@@ -159,8 +161,59 @@ button.ghost:hover { background: var(--hover); color: var(--ink); }
 .assistant.streaming .send .stop { display: block; }
 .jump { position: absolute; left: 50%; transform: translate(-50%, 0); top: -8px; width: 32px; height: 32px; padding: 0; border-radius: 50%; border: 1px solid var(--line); background: var(--surface); color: var(--ink-2); display: grid; place-items: center; cursor: pointer; box-shadow: var(--pop-shadow); }
 .jump[hidden] { display: none; }
-.new-chat svg { width: 14px; height: 14px; }
+.new-chat svg, .chats-link svg { width: 14px; height: 14px; }
 .assistant-page[data-empty] .new-chat { display: none; }
+.assistant-actions { display: flex; gap: var(--space-2); }
+.chats-link { display: none; }
+/* Chats: the member's conversations beside the one shown, most recent first, grouped by day. */
+.assistant-shell { display: grid; grid-template-columns: 252px minmax(0, 1fr); gap: var(--space-6); align-items: start; }
+/* It scrolls with the page: a column that scrolled on its own would clip a row's menu. */
+.chats { display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; }
+.chats-head { display: flex; align-items: center; justify-content: space-between; min-height: 36px; }
+.chats-head h2 { margin: 0; font-size: var(--text-md); font-weight: 600; color: var(--ink-2); }
+.icon-button { display: grid; place-items: center; width: 30px; height: 30px; border-radius: var(--radius-sm); color: var(--ink-2); transition: background var(--fast) var(--ease), color var(--fast) var(--ease); }
+.icon-button:hover { background: var(--hover); color: var(--ink); text-decoration: none; }
+.icon-button svg { width: 15px; height: 15px; }
+.chats-filter { height: 32px; font-size: var(--text-md); }
+.chats-filter[hidden] { display: none; }
+/* Sentence case, not the dashboard's uppercase h3. */
+.chat-group { margin: var(--space-3) 0 2px; padding: 0 var(--space-2); font-family: inherit; font-size: var(--text-xs); font-weight: 500; line-height: 1.5; text-transform: none; letter-spacing: 0; color: var(--ink-3); }
+.chat-group[hidden] { display: none; }
+.chat-list { min-width: 0; }
+/* minmax(0, 1fr): a long title is cut with an ellipsis, never widening the column. */
+.chat-rows { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 1px; }
+.chat-row { position: relative; display: flex; align-items: center; border-radius: var(--radius); transition: background var(--fast) var(--ease); }
+.chat-row[hidden] { display: none; }
+.chat-row:hover, .chat-row:focus-within, .chat-row.current { background: var(--hover); }
+.chat-link { flex: 1; min-width: 0; display: flex; align-items: baseline; gap: var(--space-2); padding: 7px 4px 7px var(--space-2); color: var(--ink-2); font-size: var(--text-md); }
+.chat-link:hover { color: var(--ink); text-decoration: none; }
+.chat-row.current .chat-link { color: var(--ink); font-weight: 500; }
+.chat-title { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.chat-when { flex: none; font-size: var(--text-xs); color: var(--ink-3); font-variant-numeric: tabular-nums; }
+.chat-menu { position: relative; flex: none; }
+.chat-menu summary { list-style: none; display: grid; place-items: center; width: 28px; height: 28px; margin-right: 2px; border-radius: var(--radius-sm); color: var(--ink-3); cursor: pointer; opacity: 0; transition: opacity var(--fast) var(--ease), background var(--fast) var(--ease); }
+.chat-menu summary::-webkit-details-marker { display: none; }
+.chat-row:hover .chat-menu summary, .chat-row:focus-within .chat-menu summary, .chat-row.current .chat-menu summary, .chat-menu[open] summary { opacity: 1; }
+.chat-menu summary:hover, .chat-menu[open] summary { background: var(--line-soft); color: var(--ink); }
+.chat-menu summary svg { width: 14px; height: 14px; }
+.chat-menu .pop { z-index: 20; width: 260px; display: grid; gap: var(--space-2); }
+.chat-menu .pop form { display: grid; gap: var(--space-2); margin: 0; }
+.chat-menu .pop form + form { padding-top: var(--space-2); border-top: 1px solid var(--line-soft); }
+.chat-menu .pop button.danger { background: none; border-color: transparent; box-shadow: none; color: var(--bad); }
+.chat-menu .pop button.danger:hover { background: var(--bad-wash); }
+.chat-rename input { width: 100%; min-width: 0; height: 34px; }
+.chats-empty { padding: var(--space-2); font-size: var(--text-md); }
+.chats-page .chats { max-width: 560px; }
+.chats-page .chats-head { display: none; }
+.chats-page .chat-menu summary { opacity: 1; }
+@media (max-width: 1100px) {
+  .assistant-shell { grid-template-columns: minmax(0, 1fr); }
+  .assistant-shell > .chats { display: none; }
+  .chats-link { display: inline-flex; }
+}
+@media (hover: none) {
+  .chat-menu summary { opacity: 1; }
+}
 @media (prefers-reduced-motion: reduce) {
   .live-steps .step.run, .thinking { animation: none; color: var(--ink-3); background: none; }
   .prose.streaming > :last-child::after { animation: none; }
@@ -198,6 +251,29 @@ button.ghost:hover { background: var(--hover); color: var(--ink); }
  */
 export function slotlockAssistantScript(markdownSource) {
     return `
+// Search chats: rows whose title holds what is typed (ignoring case and accents) stay shown.
+function filterChats() {
+  var filter = document.getElementById('chats-filter');
+  if (!filter) return;
+  filter.hidden = false;
+  var fold = function (text) { return text.normalize('NFKD').replace(/\\p{M}/gu, '').toLowerCase(); };
+  var apply = function () {
+    var wanted = fold(filter.value.trim());
+    for (var group of document.querySelectorAll('.chat-rows')) {
+      var shown = 0;
+      for (var row of group.children) {
+        var title = row.querySelector('.chat-title');
+        row.hidden = wanted !== '' && fold(title ? title.textContent : '').indexOf(wanted) === -1;
+        if (!row.hidden) shown += 1;
+      }
+      var label = group.previousElementSibling;
+      if (label && label.classList.contains('chat-group')) label.hidden = shown === 0;
+    }
+  };
+  filter.addEventListener('input', apply);
+  apply();
+}
+filterChats();
 (function () {
   var page = document.querySelector('[data-assistant]');
   if (!page || typeof fetch !== 'function' || typeof TextDecoder !== 'function') return;
@@ -267,14 +343,20 @@ export function slotlockAssistantScript(markdownSource) {
     event.preventDefault();
     if (!busy && box.value.trim() !== '') form.requestSubmit();
   });
-  for (var chip of page.querySelectorAll('button[data-fill]')) {
+  // A chip that asks sends through the box, so its reply streams; one that writes only fills it.
+  for (var chip of page.querySelectorAll('.chips button.chip')) {
     chip.addEventListener('click', function (event) {
       event.preventDefault();
-      box.value = this.getAttribute('data-fill') || '';
+      var fill = this.getAttribute('data-fill');
+      box.value = fill !== null ? fill : (this.value || '');
       grow();
       update();
-      box.focus();
-      box.setSelectionRange(box.value.length, box.value.length);
+      if (fill !== null) {
+        box.focus();
+        box.setSelectionRange(box.value.length, box.value.length);
+      } else if (!busy && box.value.trim() !== '') {
+        form.requestSubmit();
+      }
     });
   }
   for (var decide of document.querySelectorAll('.change-buttons form')) {
@@ -323,7 +405,8 @@ export function slotlockAssistantScript(markdownSource) {
     var prose = null;
     var proseText = '';
     var steps = null;
-    var stepNodes = {};
+    // Keyed by the provider's call id: no id, __proto__ included, may name an inherited property.
+    var stepNodes = Object.create(null);
     var frame = 0;
     follow(was);
     function draw() {
@@ -374,6 +457,18 @@ export function slotlockAssistantScript(markdownSource) {
         added = [];
         thread.insertAdjacentHTML('beforeend', e.html || '');
         setOnce(e.once);
+        // The conversation it went to: a new one has its id now, its own address, and a place in Chats.
+        if (e.chat) {
+          for (var field of page.querySelectorAll('input[name="chat"]')) field.value = e.chat;
+          if (e.url && window.history && history.replaceState) history.replaceState(null, '', e.url);
+          var heading = document.querySelector('.assistant-page .page-head h1');
+          if (heading && e.title) heading.textContent = e.title;
+          var panel = document.querySelector('aside.chats');
+          if (panel && e.chats) {
+            panel.outerHTML = e.chats;
+            filterChats();
+          }
+        }
       }
       follow(was);
     }
@@ -386,7 +481,8 @@ export function slotlockAssistantScript(markdownSource) {
     }).then(function (response) {
       var type = response.headers.get('content-type') || '';
       if (!response.body || type.indexOf('application/x-ndjson') !== 0) {
-        location.assign(page.getAttribute('data-page') + '#latest');
+        var current = form.querySelector('input[name="chat"]');
+        location.assign(page.getAttribute('data-page') + (current && current.value ? '?c=' + current.value : '') + '#latest');
         location.reload();
         return;
       }
@@ -432,7 +528,12 @@ export function slotlockAssistantScript(markdownSource) {
   });
   grow();
   update();
-  if (location.hash === '#latest' || !page.hasAttribute('data-empty')) window.scrollTo(0, document.documentElement.scrollHeight);
+  // To the latest message only when it would be behind the box: a short conversation keeps its
+  // heading (and Chats) in view.
+  var dockAtLoad = page.querySelector('.dock');
+  var lastAtLoad = thread.lastElementChild;
+  var behind = !!lastAtLoad && lastAtLoad.getBoundingClientRect().bottom > window.innerHeight - (dockAtLoad ? dockAtLoad.offsetHeight : 0);
+  if (!page.hasAttribute('data-empty') && behind) window.scrollTo(0, document.documentElement.scrollHeight);
 })();
 `;
 }

package/dashboard.d.ts

@@ -9,8 +9,11 @@ import { type SlotlockLocation, type SlotlockResourceGroup, type SlotlockResourc
 import { type SlotlockUsageRow } from './usage.js';
 import { type CreateWebhookEndpointResult, type SlotlockChange, type SlotlockWebhookEndpoint } from './event-feed.js';
 import type { SlotlockSql, SlotlockStore, SlotlockWaitlistEntry } from './store.js';
+import type { SlotlockAvailabilityDefaults, SlotlockAvailabilityExceptionInput, SlotlockHolidayCalendar, SlotlockOverrideResources } from './availability-store.js';
+import { type SlotlockAvailabilityException } from './hours.js';
+import { type SlotlockHolidaySource } from './holiday-import.js';
 import { type SlotlockSandboxScenario } from './sandbox.js';
-import type { Interval, SlotlockAgendaEntry, SlotlockApproval, SlotlockResource, SlotlockBookingRuleDefaults, WeeklyAvailabilityRule } from './types.js';
+import type { Interval, SlotlockAgendaEntry, SlotlockApproval, SlotlockContact, SlotlockResource, SlotlockBookingRuleDefaults, WeeklyAvailabilityRule } from './types.js';
 /** Resources one dashboard tenant may hold. */
 export declare const SLOTLOCK_DASHBOARD_MAX_RESOURCES = 500;
 /**
@@ -30,13 +33,51 @@ export interface SlotlockDashboardResources {
      */
     add(tenantRef: string, externalRef: string, timezone: string, actor?: string): Promise<SlotlockResource>;
     /**
-     * Set the bookable hours of one of the tenant's resources (`{ id }`) or of all of them; `null`
-     * hands them back to the server's and `[]` closes. Returns how many resources changed: 0 for an
-     * id that is not the tenant's.
+     * Set the bookable hours of one of the tenant's resources (`{ id }`), one of its locations
+     * (`{ location }`), or the tenant's own (`'all'`), which every resource without its own inherits
+     * (RFC 0004 B2); `null` hands them to what is above and `[]` closes. For the tenant's, `override`
+     * says what becomes of resources' own hours (SlotlockOverrideResources: `none` keeps them).
+     * Returns 0 for an id or location that is not the tenant's, else at least 1 (for the tenant's, how
+     * many resources they now apply to).
      */
     setHours(tenantRef: string, target: {
         id: string;
-    } | 'all', rules: WeeklyAvailabilityRule[] | null, actor?: string): Promise<number>;
+    } | {
+        location: string;
+    } | 'all', rules: WeeklyAvailabilityRule[] | null, actor?: string, override?: SlotlockOverrideResources): Promise<number>;
+    /** The people the tenant keeps to tell about bookings (RFC 0004 P3), and forgetting one. */
+    contacts?: {
+        list(tenantRef: string, limit: number, after?: string): Promise<SlotlockContact[]>;
+        forget(tenantRef: string, ref: string, actor?: string): Promise<{
+            deleted: boolean;
+            bookings: number;
+        }>;
+    };
+    /** The tenant's stored hours and its closures and special hours (RFC 0004 B1, B2). */
+    hours?: {
+        defaults(tenantRef: string): Promise<SlotlockAvailabilityDefaults>;
+        exceptions(tenantRef: string, limit: number): Promise<SlotlockAvailabilityException[]>;
+        addException(tenantRef: string, exception: Omit<SlotlockAvailabilityExceptionInput, 'tenantRef'>, actor?: string): Promise<SlotlockAvailabilityException>;
+        deleteException(tenantRef: string, id: string, actor?: string): Promise<boolean>;
+        /**
+         * Import a holiday calendar (its text, or a URL with `byUrl`): each all-day event closes its
+         * days for the next two years. Kept by name at its scope, so importing it again updates it and
+         * removes the holidays it dropped; `subscribe` imports a URL again every 30 days.
+         */
+        importHolidays(tenantRef: string, source: SlotlockHolidaySource, scope: {
+            location?: string;
+            resourceId?: string;
+        }, actor?: string): Promise<{
+            imported: number;
+            skipped: number;
+            removed: number;
+        }>;
+        /** Whether importHolidays reads calendars by URL. */
+        byUrl?: boolean;
+        /** The tenant's holiday calendars, and deleting one with its closures (false: not the tenant's). */
+        calendars?(tenantRef: string): Promise<SlotlockHolidayCalendar[]>;
+        deleteCalendar?(tenantRef: string, id: string, actor?: string): Promise<boolean>;
+    };
     /** What occupies the tenant's resources in `window`, by start: the overview's agenda. */
     agenda?(tenantRef: string, window: Interval, limit: number): Promise<SlotlockAgendaEntry[]>;
     /** The tenant's latest changes, newest first: the overview's activity. */
@@ -229,7 +270,10 @@ export interface SlotlockDashboardAssistantOptions {
     turnTimeoutMs?: number;
     /** Model calls one message may make (8 by default, at most 20). */
     maxSteps?: number;
-    /** How long a conversation is kept after its last message: 2 hours by default. */
+    /**
+     * How long a conversation is kept after its last message (1 second to 3,650 days). Without it, a
+     * member keeps each conversation until they delete it, up to SLOTLOCK_ASSISTANT_MAX_CHATS.
+     */
     conversationTtlMs?: number;
 }
 /**
@@ -424,6 +468,11 @@ export declare function createSlotlockDashboardResources(store: SlotlockStore, o
      * through: with it, the dashboard lists approvals and decides them.
      */
     agentBackend?: SlotlockAgentCalendarBackend;
+    /**
+     * Fetches holiday calendars by URL (the guarded fetch under `serve`): with it, Closures imports
+     * and subscribes to a calendar's address.
+     */
+    holidayFetch?: typeof fetch;
 }): SlotlockDashboardResources;
 /**
  * Records accepted write confirmations (`SlotlockAgentConfirmationOptions.consumeAcceptance`) in