channels: fix various cache issues, and then some.

ui/src/app.tsx

@@ -569,7 +569,7 @@ function GroupsRoutes({ state, location, isMobile, isSmall }: RoutesProps) {
             element={<RejectConfirmModal />}
           />
           <Route
-            path="/groups/:ship/:name/channels/heap/:chShip/:chName/curio/:idCurio/edit"
+            path="/groups/:ship/:name/channels/heap/:chShip/:chName/curio/:idTime/edit"
             element={<EditCurioModal />}
           />
           <Route

ui/src/diary/DiaryNote.tsx

@@ -150,8 +150,16 @@ export default function DiaryNote({ title }: ViewProps) {
 
   const { replies } = note.seal;
   const replyArray = replies
-    ? replies.filter(([k, v]) => v !== null).reverse()
-    : []; // natural reading order
+    ? replies
+        .filter(([k, v]) => v !== null)
+        .sort(([a], [b]) => {
+          if (sort === 'asc') {
+            return a.toString().localeCompare(b.toString());
+          }
+
+          return b.toString().localeCompare(a.toString());
+        })
+    : [];
   const canWrite = canWriteChannel(perms, vessel, group?.bloc);
   const { title: noteTitle, image } = getKindDataFromEssay(note.essay);
   const groupedReplies = setNewDaysForReplies(

ui/src/diary/diary-add-note.tsx

@@ -143,7 +143,11 @@ export default function DiaryAddNote() {
           time: id,
           essay: {
             ...note.essay,
-            ...values,
+            'kind-data': {
+              diary: {
+                ...values,
+              },
+            },
             content: noteContent,
           },
         });

ui/src/heap/EditCurioForm.tsx

@@ -18,6 +18,7 @@ import { useChannelFlag } from '@/logic/channel';
 import { useRouteGroup } from '@/state/groups';
 import { chatStoryFromStory, storyFromChatStory } from '@/types/channel';
 import getKindDataFromEssay from '@/logic/getKindData';
+import LoadingSpinner from '@/components/LoadingSpinner/LoadingSpinner';
 import HeapTextInput from './HeapTextInput';
 
 type EditCurioFormSchema = {
@@ -177,6 +178,14 @@ export default function EditCurioForm() {
     }
   }, [isLoading, isLinkMode, contentAsChatStory.inline, draftText]);
 
+  if (isLoading) {
+    return (
+      <div className="flex h-full flex-col items-center justify-center">
+        <LoadingSpinner />
+      </div>
+    );
+  }
+
   return (
     <>
       <form className="flex flex-col" onSubmit={handleSubmit(onSubmit)}>

ui/src/heap/HeapChannel.tsx

@@ -85,7 +85,7 @@ function HeapChannel({ title }: ViewProps) {
 
   const empty = useMemo(() => posts.length === 0, [posts]);
   const sortedPosts = posts
-    .filter((k, v) => v !== null)
+    .filter(([k, v]) => v !== null)
     .sort(([a], [b]) => {
       if (sortMode === 'time') {
         return b.compare(a);

ui/src/heap/HeapDetail/HeapDetailSidebar/HeapDetailComments.tsx

@@ -29,10 +29,17 @@ export default function HeapDetailComments({
   const vessel = useVessel(groupFlag, window.our);
   const canWrite = canWriteChannel(perms, vessel, group?.bloc);
   const unread = useUnread(nest);
+  const sortedComments =
+    comments?.sort(([a], [b]) => {
+      if (sort === 'asc') {
+        return a.toString().localeCompare(b.toString());
+      }
+      return b.toString().localeCompare(a.toString());
+    }) ?? [];
   const groupedReplies = !comments
     ? []
     : setNewDaysForReplies(
-        groupReplies(time, comments, unread).sort(([a], [b]) => {
+        groupReplies(time, sortedComments, unread).sort(([a], [b]) => {
           if (sort === 'asc') {
             return a.localeCompare(b);
           }