pi-weave 0.2.1 → 0.2.2

package/src/web/client/note/Note.tsx

@@ -83,6 +83,7 @@ const PREVIEW_Y = "weave-preview-y";
 
 export interface NoteProps {
   note: NotePayload | null;
+  loadFailed: boolean;
   graph: GraphPayload | null;
   selectedId: string | null;
   onSelect: (id: string) => void;
@@ -167,7 +168,7 @@ function Header({
 export function Note(props: NoteProps) {
   const note = props.note?.note ?? null;
   const artifactPath = selectedArtifactPath(props.graph, props.selectedId);
-  const empty = noteEmptyMessage(props.selectedId, note);
+  const empty = noteEmptyMessage(props.selectedId, note, props.loadFailed);
 
   // Both hook calls sit before the empty-return so the hook order cannot
   // depend on whether a note is loaded. The memoization is cheap insurance:

package/src/web/client/note/note.model.ts

@@ -1151,9 +1151,10 @@ export function reducePreview(state: PreviewState, event: PreviewEvent): Preview
  * message for all of them is how a user concludes the app is broken when they
  * click a module and the reading pane does not change.
  */
-export function noteEmptyMessage(selectedId: string | null, note: ViewNote | null): string | null {
+export function noteEmptyMessage(selectedId: string | null, note: ViewNote | null, failed = false): string | null {
   if (note !== null) return null;
   if (selectedId === null) return "Nothing open — search with ⌘K, or walk the tree with j and k.";
+  if (failed) return "Couldn’t load this note — retrying…";
   if (selectedId.startsWith(NOTE_PREFIX)) return "Loading…";
   // A module, a file, a package, the git state: real nodes with no prose
   // behind them. The context rail beside this column is where their

package/src/web/client/shell/Columns.tsx

@@ -26,6 +26,7 @@ export interface ColumnsProps {
   /** The §1.3 context bus, as the columns see it. */
   graph: GraphPayload | null;
   note: NotePayload | null;
+  noteFailed: boolean;
   selectedId: string | null;
   recentIds: ReadonlySet<string>;
   /**
@@ -88,6 +89,7 @@ function Column({ id, props }: { id: ColumnId; props: ColumnsProps }) {
       {id === "note" ? (
         <Note
           note={props.note}
+          loadFailed={props.noteFailed}
           graph={props.graph}
           selectedId={props.selectedId}
           onSelect={props.onSelect}

package/src/web/client/shell/Shell.tsx

@@ -232,6 +232,7 @@ export function Shell(props: ShellProps) {
         bootFailed={workspaceState.graphFailed}
         graph={workspaceState.graph}
         note={workspaceState.note}
+        noteFailed={workspaceState.noteFailed}
         selectedId={workspaceState.selectedId}
         recentIds={workspaceState.recentIds}
         onSelect={select}

package/src/web/client/state.ts

@@ -11,10 +11,11 @@ export interface WorkspaceState {
   graph: GraphPayload | null;
   graphFailed: boolean;
   note: NotePayload | null;
+  noteFailed: boolean;
   recentIds: ReadonlySet<string>;
   selectedId: string | null;
 }
 
 export function initialWorkspaceState(): WorkspaceState {
-  return { graph: null, graphFailed: false, note: null, recentIds: new Set(), selectedId: null };
+  return { graph: null, graphFailed: false, note: null, noteFailed: false, recentIds: new Set(), selectedId: null };
 }

package/src/web/client/workspace.ts

@@ -54,11 +54,12 @@ export function startWorkspace(opts: WorkspaceOptions): WorkspaceHandle {
   const loadNote = async (): Promise<void> => {
     const slug = noteSlug(state.selectedId);
     if (slug === null) {
-      update({ note: null });
+      update({ note: null, noteFailed: false });
       return;
     }
     const result = await fetchNote(opts.fetch, slug);
-    if (result.ok) update({ note: result.data });
+    if (result.ok) update({ note: result.data, noteFailed: false });
+    else update({ note: null, noteFailed: true });
   };
   const loadGraph = async (): Promise<ApiResult<unknown>> => {
     const previous = state.graph;
@@ -86,7 +87,7 @@ export function startWorkspace(opts: WorkspaceOptions): WorkspaceHandle {
     polling = true;
     try {
       const result = await loadGraph();
-      if (result.ok && !result.cached && noteSlug(state.selectedId) !== null) await loadNote();
+      if (noteSlug(state.selectedId) !== null && (state.note === null || (result.ok && !result.cached))) await loadNote();
     } finally {
       polling = false;
     }