get pub data from related entity_sets if neccessary

app/api/rpc/[command]/get_leaflet_data.ts

···
 export type GetLeafletDataReturnType = Awaited<
   ReturnType<(typeof get_leaflet_data)["handler"]>
 >;
+
+const leaflets_in_publications_query = `leaflets_in_publications(*, publications(*, documents_in_publications(count)), documents(*))`;
 export const get_leaflet_data = makeRoute({
   route: "get_leaflet_data",
   input: z.object({
     token_id: z.string(),
   }),
+
   handler: async ({ token_id }, { supabase }: Pick<Env, "supabase">) => {
     let res = await supabase
       .from("permission_tokens")
       .select(
         `*,
-        permission_token_rights(*),
+        permission_token_rights(*, entity_sets(permission_tokens(${leaflets_in_publications_query}))),
         custom_domain_routes!custom_domain_routes_edit_permission_token_fkey(*),
-        leaflets_in_publications(*, publications(*, documents_in_publications(count)), documents(*)) `,
+        ${leaflets_in_publications_query}`,
       )
       .eq("id", token_id)
       .single();
 
-    return { result: res };
+    type t = typeof res;
+    type data = Exclude<t["data"], null>;
+
+    //All of these shenanigans are to make entity_set optional so that we don't have to write it when we create this data elsewhere, mainly in LeafletList
+    return {
+      result: res as Omit<t, "data"> & {
+        data:
+          | null
+          | (Omit<data, "permission_token_rights"> & {
+              permission_token_rights: (Omit<
+                data["permission_token_rights"][0],
+                "entity_sets"
+              > & {
+                entity_sets?: data["permission_token_rights"][0]["entity_sets"];
+              })[];
+            });
+      },
+    };
   },
 });

components/PageSWRDataProvider.tsx

···
 export function useLeafletPublicationData() {
   let { data, mutate } = useLeafletData();
   return {
-    data: data?.leaflets_in_publications?.[0] || null,
+    data:
+      data?.leaflets_in_publications?.[0] ||
+      data?.permission_token_rights[0].entity_sets?.permission_tokens?.find(
+        (p) => p.leaflets_in_publications.length,
+      )?.leaflets_in_publications?.[0] ||
+      null,
     mutate,
   };
 }

components/Pages/PublicationMetadata.tsx

···
   getPublicationURL,
 } from "app/lish/createPub/getPublicationURL";
 import { useSubscribe } from "src/replicache/useSubscribe";
+import { useEntitySetContext } from "components/EntitySetProvider";
 export const PublicationMetadata = ({
   cardBorderHidden,
 }: {
···
   let description = useSubscribe(rep, (tx) =>
     tx.get<string>("publication_description"),
   );
+  let { permissions } = useEntitySetContext();
 
   let record = pub?.documents?.data as PubLeafletDocument.Record | null;
   let publishedAt = record?.publishedAt;
···
         </div>
       </div>
       <AsyncValueAutosizeTextarea
+        disabled={!permissions.write}
         className="text-xl font-bold outline-none bg-transparent"
         value={title}
         onChange={async (e) => {
···
         placeholder="Untitled"
       />
       <AsyncValueAutosizeTextarea
+        disabled={!permissions.write}
         placeholder="add an optional description..."
         className="italic text-secondary outline-none bg-transparent"
         value={description}