From 35be834799760b893beadecf25853be7cc555afb Mon Sep 17 00:00:00 2001
From: jedi <git@m.j3d1.de>
Date: Wed, 26 Aug 2026 18:37:06 +0200
Subject: [PATCH] stash

---
 frontend/src/assets/fonts/pixel/PICO-8.ttf    | Bin 11248 -> 0 bytes
 .../fonts/pixel/Silkscreen-Regular.woff2      | Bin 8404 -> 0 bytes
 frontend/src/assets/fonts/pixel/TomThumb.ttf  | Bin 10390 -> 0 bytes
 frontend/src/router.js                        |   9 ++--
 frontend/src/views/GroupDetail.vue            |  24 +++++++---
 frontend/src/views/GroupNew.vue               |   3 +-
 frontend/src/views/Groups.vue                 |  41 ++++++++++++++++--
 frontend/vite.config.js                       |  30 ++++++++++++-
 8 files changed, 92 insertions(+), 15 deletions(-)
 delete mode 100644 frontend/src/assets/fonts/pixel/PICO-8.ttf
 delete mode 100644 frontend/src/assets/fonts/pixel/Silkscreen-Regular.woff2
 delete mode 100644 frontend/src/assets/fonts/pixel/TomThumb.ttf

diff --git a/frontend/src/assets/fonts/pixel/PICO-8.ttf b/frontend/src/assets/fonts/pixel/PICO-8.ttf
deleted file mode 100644
index 7085f45f5216b25270db6627d6d74d2248828524..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 11248
zcmeHNU2No46+bi6cDLK^ZkI0IUFfcV(L_Ys?$Qkcfv}sEvgHBREv_-qz;rsD&Tgku
zW~Q_y#_(XoL}D<0#BR_h9(ce=q7M>z@WI5G?8Xm_@qri&iNQp}3Ro!?>hE{YJ#+7T
zv@8fAeoS+E&;2^*cRud<-}$$a5|JJ9kYpsedt&7JzHjgUgGkReF?wIFl$}5HwdAwl
zpA<=V6lRyFZ~N2N7e#vaiX1vNlh01w+qdy3=AOcu8)h)jCmS!J|04Pyo+;Iq_B_1v
zWsyv;Na{PY<y=<e_V0^acMtlHm9k6oGQIJ%NXO$?pUh=T`8$8{-FftXCeroG`Es=;
z>5Vsl=T**w(x41zFMb1gs#iMXHT1XRhjU*{4kQORHozsx{$y}tW8;PA?|l9w*Z!A%
z{#Wg0BtcKyHu3VkyKnisNS_Prvrmt{K*rjEX*bTS(AeX*t~{`U6dE0vZpn%1u4yMq
zdM_ZuLES5vQRCyb8xlyp7s9;uH{TQQk9q2_z43T6Pt?t0aX+4ayL`|e?1^oQ^}JVn
z>}%o)m=F_2a9R@Sbn)RiZ~k19`d&SrS7Fj(-X&LgJ}uiILB}()M?T{D4%sC)dcIS7
zWX$tj(j}kr{5H8oKI8fAa;1F3^W9kggy(n2hvbKz?~#4-JJ0vZ5&5g<cgiPHhdjSa
zj-)>A`F{Cm>dVRlU~lRNtZp6Mu;XazC!SAX{3Xw)WmoE-p3lfN>2A+=$YA<op6`@_
z^c|k>lHT;^J-<zs(nZg2m+R7h^nAArWO_WmL&h>6^n8yDX9}M0mC4MvJik-sGXL=W
zE}87ed%j;zcl=y=*s{O#z=`twa-~?9sU>H#x$@+EF<;5$lj{#3x#86KiMxkxJe@Br
z%w{WN<+<8Kt+J4-B|5IZ6F+?>U#S+$bIFn6!#WYIFIJOmQmbUA@}+F$TvDD+#wNxS
zw_v6`pN!Ad@|C%44coJ`$sMK1lQXs2{LLdH(@<G;Du;9BQiSd|s^ZyXF<VV07mBmB
zWU*MAQIT%L4liPHadFs*fg%cND>+gG4Aqh9OnGtS$mrqG!#CY@qLK%)2lB~@a;b#L
z<an)CDNZgBZE{z6ZU{n4@K_PhCuXvhd~$rYcrNet<os?f!sg*}r7$vE%;o2*`Rd5z
z^3YsvsG1!a9X>oVMjeyILUR8?Hg~Q#S4bYr&(ADZs>#_h%quO!)}>@JKXrVuJU%r$
zTRXFO>#cG^$}%s@Qjww*WJYQ@LT4o_IgC$YrYL#L<?uU^>*X*~{RTND<Jfn%4B=Rv
z#!NvLWEOiWI9g?ygNzAK1*179FJ2$>Nz?8#PFEE=DJ6lfVQ7qZw3lC$DpqGf)S8tk
z$SFBI=P*`wg=Gww#?cEBW-v34k#UEZR?cBh&1=uXqD1b1oJl$9{8Gc}n`Hz))85Kz
zWaY5)SgF15lEK)D<RBz3LKjg_!b?TyqTd(6)u1az8T`1T3B@ATFTz6sjap<#7|YAU
z+}<LMLKXH_p}7oQBZ$Z-B0{<eKPTX`y!Y7y;1ZWjCHRc-qjkp}2Idy+G~Xt2ms>I9
zeO7XD&ta8%eFFNJO_X>XzA4H%@QwE5nshT?gXUrMD#*(bx0~5ZJbBOvkSrr}=b(EC
z{VYaCU7n2~H;STmOoA&w`~5)8vv3amIXChkq|5^gPYf+Q3r!lm62>&HOK2ytZVKoZ
zF+UD&)~z~&{;l|tboWZ?Q9SKBc&+6}TkyDXu;0O7_&j7!I@c2!o4Dt+9K+rBpx$-#
zw?0|=^!}4zDR0pDq*esCoHif#oOSCncxv{@6*7R;jUNbg0|fX+O{8<5$m@Rw_D4eh
zjfFS=w(-f0+c1Msf=S<={wn4d(y#k=wcdZ2KsHWn9D8&1)n9Y%B@RfM7I*PBM=W&|
z93`z^)Yf`k)7|GqR;T%GpnIizrFkDk+FrKZD_sSVHQYFS>uwi*-|nE#jOQJZI!&+1
zvazmdMYVRGCalB1nWJioj%zHO{5I14n!07Y1(_zcjo68p8aT5CtKAA0ySm*yvRnFF
zt)Mlug!)z?g{?`aB=(JzqipV2J8u@Eg=Om()-Rd|BinFyF^{EElx%(rQt2PWscs+i
zx|p@b+K^exyCU~xMiqhPbA4Y=tUHx5jb@igF}w8sy;^`&XAkBx+!OgQvL(nfIYF+W
zV$>SsHO8bLx5KL&F$P~LXR>4LjDYo3lSVxrGn=f1hoVSQf>N-xZZo1pPvCyv#((W}
zZzdbq-5KiQ_o;?6YgUC;?NCY30Sq|5IJJx@J;9aqrsW*EE}pLM*O-N7GuF8Jwpsir
zlY3fQL(>w!xF$q3$a0$A;U3GR^^45yOTbDU4oAy*P+fX16b*knDagWCz^gy}{-&5v
zuAWBS!yIJaOJK|)#ZDLTMOZeG#Z|;WS;V0|j?@V<VO1=v!7f8oUyr?ti#6G5Y=d7m
z!D1MKT_%%~tmd(DX|DNLx1ga-W*5;}rfGzT$jJzC!b#N=Xtt;)_^p>71@<j-i@Qvp
z>DJ63epE{TbXYC)0lM>LoLg=2bEo;kD&J~>n&=CaLA$!9fwJMena>Q7S#K!RmioRn
zv7iKg6uq|AYmtUK0M|z6?k%4^w9D*^b(zj)U8XZ?5f$bG^T5}y1|KLQjdQz5Tt4Q2
zNl{t9)duxegwe%5>PMLC{%Z0*WvCo&Edy*+W9U{v8cw>q5;pk0;i<)}=4$4RJ@HM4
zSzxlQjxnd0d(fqb<6LdRYnjhnqn|_es}&*RRc2I=+T4RIY9>WxC_eIfndJGknRq4b
z+4`JvSL_K&WZ&eO2f}kw>x_G=xNWl=l~oDWU1}f>;v&!UZdf%FydSWFHyQPsJ&hS5
z><o3O$=gIqFI(iOMe$RQ)kpIQ+elVJm1!qQ(Z*7sC&ZrL2pV#WGH8JjQ7IaF#IkMe
zJl-j49&KrtNnvXign09=$(m>0i|pD26=hgPQl{c`wZNZ4@9iypWN1uMtCUxcHsl;{
z-VI*j2_$MtGM|`KwxnPe<H-Cb`nB`nTgv6+VZ4`8H_t<}M*Vylc^KV(h&JA@F=A{u
zN(-Z$$w))i#eN`9{rY|zUUX-L*+*V|>dqbOdVi}==~rrWKE#gr*26J+gDrK~lW+Z^
zV%*f?x4^Fc3TH4pm#K{i=<_Hax@9NcIk)74)?`X^=z-FZvZV~R`kRO?lDtXi323a%
zmsg+Y+aO7$$6nI<WQbM^n|dj}3$@L6Vkb_1%o@dQ<7#iHi1Y>X-6~;pzN6gJT_OK8
zcWjT#8&|Kk_6Kc_tDHrZ(i{Cj%%*eg{HFfcw657+wno&Zy<Tw48Q$mo%|EV1k=?e#
zWGGJCdx_J*?tb||yNu&`2_N%;`7ZVWdDCPylKn>C*b26`!=!}%+xHobv0RCD1WZle
zDlox4?he$6def%<a-Oncxg29|@_gxxqPJS%PXj6o>#^ped)Lqu7s@ny)kn-N^IL?C
zb*$-GW%*@i#9Bp5-)X&y&jsypwnjM2PsBl)x}SR)UzZ>7QS@G{35V@4IfldPTfk%a
zV&@Y(AenhZ8R|<)ArijBi*(kjV6)Yx1s(@lcrV;JGVMI3aZ+u8SFQi?_svjC8lIf=
zZk%bfwlUl2dsM)%zfFv}#$p?C#cF~1(%MK?3zlX{0gLU1o)E{D%qM!<U_?}!x&OaA
zhAK_YPRqY>cMLgEf6rn5SD!NjTHZZH^@Xb$af_`+n{|bw@7kR&<O}~IU#}PR0uflQ
zkSCJHe6ecD8UkB_tTuO0v%|93Dv(x>_wOF(zsI+Eg2h=7M}j_~HR=tXBF3`$8#2bj
zGm<s6jRup!mU1YWTEodyUGLSM&D-8mX{ePSwo1G=y)vpd3-Zjvs8%&)j-s}`+N#Gm
z^RC{(F8e)Lqdmdj=6AETF#_RlFnB{#&?sBGx&72-aWuJXgGb)K`;?3M7V#o(#!B(p
z8KBJ#cP#&g3z_flB4%f(Q(OCo>#4^yg#6%HV?_zy$>BIuBi?NAq-v^>wqN5I_nbu3
zBz&W9`J1N2!dk0F@qOr>@AK!X38{IAZFtMzv&rFn2m5G%$RkaJ|LK%<IPG(wXK*RJ
z5wrw)%7sfZr_jENzil4_VZ7rp&`<GF8R6_a3Hl1?w}?#wx)1au=#t2`LC`D+a<;vQ
zzm-Go_8)=%0*huq;CJi?O@V-+XD<k{dLWDc$Jz^7y^z)Wn#fM<-3h(BpmWzr&?6$d
z@n&^5_}!4xcP$8GeUP&UYxjH!1Y53{1^rm0A6WYD0X+_S4*#b5anLCc^zDVdE02P(
z=Su7!fQ|vo4M5+(iz53lx332JJ^pQ~19S`MA<zYp16X_D3!vvjt~v%<0zD&g^>z^Y
hSA!n}KL{Lyz%ht*2d@Rewu9dR{R;oDi}^#x{skUm!?yqc

diff --git a/frontend/src/assets/fonts/pixel/Silkscreen-Regular.woff2 b/frontend/src/assets/fonts/pixel/Silkscreen-Regular.woff2
deleted file mode 100644
index 285a17af999975dd4bcef9af0027429b2f0b5999..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 8404
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

diff --git a/frontend/src/assets/fonts/pixel/TomThumb.ttf b/frontend/src/assets/fonts/pixel/TomThumb.ttf
deleted file mode 100644
index 1e85fd900dea711efcd248b59c9c7d5f8f8c4783..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 10390
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

diff --git a/frontend/src/router.js b/frontend/src/router.js
index 9198495..c0dc882 100644
--- a/frontend/src/router.js
+++ b/frontend/src/router.js
@@ -56,13 +56,16 @@ const EXPANDED_ROUTE_BUILDERS = {
         itemDetailRoute(store.getters.identityHandleById[owner_identity_id], item_local_id),
     group_item: ({owner_group_id, item_local_id}) =>
         itemDetailRoute(store.getters.groupHandleById[owner_group_id], item_local_id),
-    group: ({group_id}) => `/groups/${group_id}`,
+    group: ({group_id}) => {
+        const handle = store.getters.groupHandleById[group_id];
+        return handle ? `/groups/${encodeHandleForUrl(handle)}` : null;
+    },
     storage_location: ({storage_location_id}) => `/storage-locations/${storage_location_id}`,
     workflow: ({workflow_id}) => `/workflows/${workflow_id}`,
 };
 
 // Kinds whose route needs identityHandleById/groupHandleById (from state.idmap); ShortId.vue only waits on an idmap fetch for these.
-export const NEEDS_IDMAP = new Set(['item', 'group_item']);
+export const NEEDS_IDMAP = new Set(['item', 'group_item', 'group']);
 
 export function expandedRoute({kind, ...fields}) {
     const buildRoute = EXPANDED_ROUTE_BUILDERS[kind];
@@ -117,7 +120,7 @@ const routes = [{path: '/', component: Dashboard, meta: {requiresAuth: true}}, {
     component: GroupNew,
     meta: {requiresAuth: true}
 }, {
-    path: '/groups/:id',
+    path: '/groups/:handle',
     component: GroupDetail,
     meta: {requiresAuth: true},
     props: true
diff --git a/frontend/src/views/GroupDetail.vue b/frontend/src/views/GroupDetail.vue
index 181b089..448f639 100644
--- a/frontend/src/views/GroupDetail.vue
+++ b/frontend/src/views/GroupDetail.vue
@@ -134,7 +134,7 @@ import {mapActions, mapGetters, mapState} from "vuex";
 import * as BIcons from "bootstrap-icons-vue";
 import BaseLayout from "@/components/BaseLayout.vue";
 import UserNameTag from "@/components/UserNameTag.vue";
-import {encodeHandleForUrl} from "@/router";
+import {decodeHandleFromUrl, encodeHandleForUrl} from "@/router";
 
 export default {
     name: 'GroupDetail',
@@ -144,8 +144,8 @@ export default {
         ...BIcons
     },
     props: {
-        id: {
-            type: [String, Number],
+        handle: {
+            type: String,
             required: true
         }
     },
@@ -159,14 +159,17 @@ export default {
     },
     computed: {
         ...mapState(['user']),
+        id() {
+            return this.groupIdByHandle[decodeHandleFromUrl(this.handle)]
+        },
         items() {
             return this.groupInventoryItems(this.id)
         },
-        ...mapGetters(['groupInventoryItems'])
+        ...mapGetters(['groupInventoryItems', 'groupIdByHandle'])
     },
     methods: {
         ...mapActions(['fetchGroup', 'removeGroupMember', 'inviteToGroup', 'fetchGroupInventoryItems',
-            'deleteInventoryItem']),
+            'deleteInventoryItem', 'fetchIdMap']),
         refresh() {
             this.fetchGroup({id: this.id}).then((group) => {
                 this.group = group
@@ -201,8 +204,15 @@ export default {
         }
     },
     mounted() {
-        this.refresh()
-        this.fetchItems()
+        if (this.id === undefined) {
+            this.fetchIdMap().then(() => {
+                this.refresh()
+                this.fetchItems()
+            })
+        } else {
+            this.refresh()
+            this.fetchItems()
+        }
     }
 }
 </script>
diff --git a/frontend/src/views/GroupNew.vue b/frontend/src/views/GroupNew.vue
index 3a3be87..86415d4 100644
--- a/frontend/src/views/GroupNew.vue
+++ b/frontend/src/views/GroupNew.vue
@@ -25,6 +25,7 @@
 <script>
 import {mapActions} from "vuex";
 import BaseLayout from "@/components/BaseLayout.vue";
+import {encodeHandleForUrl} from "@/router";
 
 export default {
     name: 'GroupNew',
@@ -40,7 +41,7 @@ export default {
         ...mapActions(['createGroup']),
         tryCreateGroup() {
             this.createGroup({name: this.name}).then((group) => {
-                this.$router.push(`/groups/${group.id}`)
+                this.$router.push(`/groups/${encodeHandleForUrl(group.handle)}`)
             }).catch(() => {
             })
         }
diff --git a/frontend/src/views/Groups.vue b/frontend/src/views/Groups.vue
index c2a3f9c..f8fbc61 100644
--- a/frontend/src/views/Groups.vue
+++ b/frontend/src/views/Groups.vue
@@ -29,7 +29,7 @@
                                 <tbody>
                                 <tr v-for="group in groups" :key="group.id">
                                     <td>
-                                        <router-link :to="`/groups/${group.id}`">{{ group.handle }}</router-link>
+                                        <router-link :to="`/groups/${encodeHandleForUrl(group.handle)}`">{{ group.handle }}</router-link>
                                     </td>
                                     <td class="d-none d-md-table-cell">{{ group.members.length }}</td>
                                     <td class="table-action"></td>
@@ -38,6 +38,32 @@
                             </table>
                         </div>
                     </div>
+                    <div class="col-12 col-xl-6">
+                        <div class="card">
+                            <div class="card-header">
+                                <h5 class="card-title">Other groups you're a member of</h5>
+                            </div>
+                            <table class="table table-striped">
+                                <thead>
+                                <tr>
+                                    <th>Group</th>
+                                    <th style="width: 16em">
+                                        <a @click="fetchGroupMemberships" class="align-middle">
+                                            <b-icon-arrow-clockwise></b-icon-arrow-clockwise>
+                                            Refresh
+                                        </a>
+                                    </th>
+                                </tr>
+                                </thead>
+                                <tbody>
+                                <tr v-for="membership in foreignGroupMemberships" :key="membership.id">
+                                    <td>{{ membership.handle }}</td>
+                                    <td class="table-action"></td>
+                                </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
                     <div class="col-12 col-xl-6">
                         <div class="card">
                             <div class="card-header">
@@ -85,6 +111,7 @@
 import {mapActions, mapState} from "vuex";
 import * as BIcons from "bootstrap-icons-vue";
 import BaseLayout from "@/components/BaseLayout.vue";
+import {encodeHandleForUrl} from "@/router";
 
 export default {
     name: 'Groups',
@@ -93,14 +120,21 @@ export default {
         ...BIcons
     },
     computed: {
-        ...mapState(['groups', 'groupInvites']),
+        ...mapState(['groups', 'groupInvites', 'groupMemberships']),
+        foreignGroupMemberships() {
+            const hostedHandles = new Set(this.groups.map(group => group.handle))
+            return this.groupMemberships.filter(membership => !hostedHandles.has(membership.handle))
+        },
     },
     methods: {
-        ...mapActions(['fetchGroups', 'fetchGroupInvites', 'acceptGroupInvite', 'declineGroupInvite']),
+        encodeHandleForUrl,
+        ...mapActions(['fetchGroups', 'fetchGroupInvites', 'fetchGroupMemberships', 'acceptGroupInvite',
+            'declineGroupInvite']),
         tryAcceptInvite(invite) {
             this.acceptGroupInvite(invite).then(() => {
                 this.fetchGroupInvites()
                 this.fetchGroups()
+                this.fetchGroupMemberships()
             }).catch(() => {
             })
         },
@@ -114,6 +148,7 @@ export default {
     mounted() {
         this.fetchGroups()
         this.fetchGroupInvites()
+        this.fetchGroupMemberships()
     }
 }
 </script>
diff --git a/frontend/vite.config.js b/frontend/vite.config.js
index 6d7fd0f..e74ebf9 100644
--- a/frontend/vite.config.js
+++ b/frontend/vite.config.js
@@ -5,6 +5,30 @@ import {existsSync} from 'node:fs'
 import {defineConfig} from 'vite'
 import vue from '@vitejs/plugin-vue'
 
+// Vite's dev-server SPA fallback only rewrites a request to index.html when the last path
+// segment has no dot (it sniffs for a file extension). A route whose only/last segment is a
+// URL-encoded handle (e.g. /groups/+user@a.localhost, see encodeHandleForUrl in src/router.js)
+// legitimately contains a dot from the domain part, so a direct load/refresh 404s there unless
+// we pre-empt that check ourselves. Gating on both a text/html Accept header and an '@' in the
+// last segment keeps this from ever matching real asset requests or vite's own internal
+// @fs/@id/@vite module paths (which never carry an html Accept header).
+function handleUrlFallback() {
+    return {
+        name: 'handle-url-fallback',
+        configureServer(server) {
+            server.middlewares.use((req, res, next) => {
+                const accept = req.headers.accept || ''
+                const pathname = (req.url || '').split('?')[0]
+                const lastSegment = pathname.slice(pathname.lastIndexOf('/') + 1)
+                if (req.method === 'GET' && accept.includes('text/html') && lastSegment.includes('@')) {
+                    req.url = '/index.html'
+                }
+                next()
+            })
+        }
+    }
+}
+
 function gitCommit() {
     // deploy/dev/docker-compose.yml bind-mounts the repo's real .git dir at
     // /git (separate from /app, which only has the frontend/ subtree) -
@@ -23,7 +47,7 @@ function gitCommit() {
 }
 
 export default defineConfig({
-    plugins: [vue()],
+    plugins: [vue(), handleUrlFallback()],
     define: {
         __GIT_COMMIT__: JSON.stringify(gitCommit())
     },
@@ -44,6 +68,10 @@ export default defineConfig({
             //'Upgrade-Insecure-Requests': '1',
             'Content-Security-Policy': 'default-src \'self\';'
                 + ' script-src \'self\' \'wasm-unsafe-eval\' \'unsafe-eval\' \'unsafe-inline\';'
+                // Without this, worker-src falls back to script-src, which has no blob: source -
+                // CameraScanner.vue's decode Worker (built from a Blob URL) would be silently
+                // blocked by CSP rather than the app's own capability checks.
+                + ' worker-src \'self\' blob:;'
                 + ' style-src \'self\' \'unsafe-inline\';'
                 + ' img-src \'self\' * data: blob:;'
                 + ' connect-src * data:',